MirrorSave
/
budibase
mirror of https://github.com/Budibase/budibase.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

testing light update

This commit is contained in:
Joe 2024-12-31 13:44:08 +00:00
parent f811d28d0b
commit 5b678a539e
43 changed files with 348 additions and 355 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
packages/bbui/src/bbui.css
View File

@ -49,10 +49,12 @@
--rounded-medium: 8px;
--rounded-large: 16px;
--font-sans: "Source Sans Pro", -apple-system, BlinkMacSystemFont, Segoe UI,
"Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif;
--font-accent: "Source Sans Pro", -apple-system, BlinkMacSystemFont, Segoe UI,
"Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif;
--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
sans-serif;
--font-accent: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans",
"Helvetica Neue", sans-serif;
--font-serif: "Georgia", Cambria, Times New Roman, Times, serif;
--font-mono: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New",
monospace;
@ -136,6 +138,7 @@ a {
.spectrum--light,
.spectrum--lightest {
--drop-shadow: rgba(0, 0, 0, 0.075);
--spectrum-global-color-gray-100: #eff0eb;
--spectrum-global-color-red-100: #ffddd6;
--spectrum-global-color-orange-100: #ffdfad;
--spectrum-global-color-yellow-100: #fbf198;

4
packages/builder/src/components/automation/AutomationPanel/AutomationNavItem.svelte
View File

@ -63,7 +63,7 @@
if (!isRowAction) {
return [
{
icon: "Edit",
icon: "edit",
name: "Edit",
keyBind: null,
visible: true,
@ -86,7 +86,7 @@
} else {
return [
{
icon: "Edit",
icon: "edit",
name: "Edit",
keyBind: null,
visible: true,

2
packages/builder/src/components/backend/DataTable/buttons/ExportButton.svelte
View File

@ -104,7 +104,7 @@
<DetailPopover title="Export data" bind:this={popover}>
<svelte:fragment slot="anchor" let:open>
<ActionButton
icon="DataDownload"
icon="export-to"
quiet
on:click={openPopover}
{disabled}

2
packages/builder/src/components/backend/DataTable/buttons/HideAutocolumnButton.svelte
View File

@ -9,7 +9,7 @@
</script>
<ActionButton
icon={hideAutocolumns ? "VisibilityOff" : "Visibility"}
icon={hideAutocolumns ? "visibility-off" : "visibility"}
primary
quiet
on:click={hideOrUnhide}

2
packages/builder/src/components/backend/DataTable/buttons/TableFilterButton.svelte
View File

@ -50,7 +50,7 @@
<DetailPopover bind:this={popover} title="Configure filters" width={800}>
<svelte:fragment slot="anchor" let:open>
<ActionButton
icon="Filter"
icon="filter"
quiet
{disabled}
on:click={openPopover}

2
packages/builder/src/components/backend/DataTable/buttons/ViewFilterButton.svelte
View File

@ -8,7 +8,7 @@
</script>
<ActionButton
icon="Filter"
icon="filter"
quiet
on:click={modal.show}
active={view.filters?.length}

6
packages/builder/src/components/backend/DataTable/buttons/grid/ColumnsSettingContent.svelte
View File

@ -80,7 +80,7 @@
if ((permission = permissionsObj[FieldPermissions.WRITABLE])) {
const tooltip = requiredTooltips[FieldPermissions.WRITABLE] || "Writable"
options.push({
icon: "Edit",
icon: "edit",
value: FieldPermissions.WRITABLE,
tooltip,
disabled: isRequired || permission.disabled,
@ -92,7 +92,7 @@
(requiredTooltips[FieldPermissions.READONLY] || "Read-only") +
(permission.disabled ? " (premium feature)" : "")
options.push({
icon: "Visibility",
icon: "visibility",
value: FieldPermissions.READONLY,
tooltip,
disabled: permission.disabled || isRequired,
@ -102,7 +102,7 @@
if ((permission = permissionsObj[FieldPermissions.HIDDEN])) {
const tooltip = requiredTooltips[FieldPermissions.HIDDEN] || "Hidden"
options.push({
icon: "VisibilityOff",
icon: "visibility-off",
value: FieldPermissions.HIDDEN,
disabled: permission.disabled || isRequired,
tooltip,

2
packages/builder/src/components/backend/DataTable/buttons/grid/GridAutomationsButton.svelte
View File

@ -41,7 +41,7 @@
<DetailPopover title="Automations" bind:this={popover}>
<svelte:fragment slot="anchor" let:open>
<ActionButton
icon="JourneyVoyager"
icon="prototyping"
selected={open || automationCount}
quiet
accentColor="#5610AD"

2
packages/builder/src/components/backend/DataTable/buttons/grid/GridColumnsSettingButton.svelte
View File

@ -33,7 +33,7 @@
<DetailPopover bind:this={popover} title="Column settings">
<svelte:fragment slot="anchor" let:open>
<ActionButton
icon="ColumnSettings"
icon="pause"
quiet
size="M"
on:click={popover?.open}

2
packages/builder/src/components/backend/DataTable/buttons/grid/GridRowActionsButton.svelte
View File

@ -70,7 +70,7 @@
<DetailPopover title="Row actions" bind:this={popover}>
<svelte:fragment slot="anchor" let:open>
<ActionButton
icon="Engagement"
icon="interaction"
selected={open || actionCount}
quiet
accentColor="#A24400"

2
packages/builder/src/components/backend/DataTable/buttons/grid/GridSizeButton.svelte
View File

@ -69,7 +69,7 @@
<DetailPopover bind:this={popover} title="Column and row size" width={300}>
<svelte:fragment slot="anchor" let:open>
<ActionButton
icon="MoveUpDown"
icon="line-height"
quiet
size="M"
on:click={popover?.open}

2
packages/builder/src/components/backend/DataTable/buttons/grid/GridSortButton.svelte
View File

@ -48,7 +48,7 @@
<DetailPopover bind:this={popover} title="Sorting" width={300}>
<svelte:fragment slot="anchor" let:open>
<ActionButton
icon="SortOrderDown"
icon="sort-down"
quiet
size="M"
on:click={popover?.open}

2
packages/builder/src/components/backend/DatasourceNavigator/DatasourceNavItem/DatasourceNavItem.svelte
View File

@ -17,7 +17,7 @@
const getContextMenuItems = () => {
return [
{
icon: "Edit",
icon: "edit",
name: "Edit",
keyBind: null,
visible: true,

2
packages/builder/src/components/backend/RoleEditor/RoleNode.svelte
View File

@ -89,7 +89,7 @@
</div>
{#if data.custom}
<div class="buttons">
<Icon size="S" name="Edit" hoverable on:click={openPopover} />
<Icon size="S" name="edit" hoverable on:click={openPopover} />
<Icon size="S" name="Delete" hoverable on:click={deleteModal?.show} />
</div>
{/if}

2
packages/builder/src/components/backend/TableNavigator/TableNavItem/TableNavItem.svelte
View File

@ -21,7 +21,7 @@
const getContextMenuItems = () => {
return [
{
icon: "Edit",
icon: "edit",
name: "Edit",
keyBind: null,
visible: table?.sourceType !== DB_TYPE_EXTERNAL,

2
packages/builder/src/components/common/EditableIcon.svelte
View File

@ -17,7 +17,7 @@
<div class="editable-icon">
{#if !disabled}
<div class="hover" on:click={modal.show}>
<Icon name="Edit" {size} color="var(--spectrum-global-color-gray-600)" />
<Icon name="edit" {size} color="var(--spectrum-global-color-gray-600)" />
</div>
<div class="normal">
<Icon name={name || "Apps"} {size} {color} />

2
packages/builder/src/components/common/UpdateAppTopNav.svelte
View File

@ -19,7 +19,7 @@
>
<slot />
<span class="edit-icon">
<Icon size="S" name="Edit" color={"var(--grey-7)"} />
<Icon size="S" name="edit" color={"var(--grey-7)"} />
</span>
</div>
</div>

2
packages/builder/src/components/common/bindings/SnippetSidePanel.svelte
View File

@ -147,7 +147,7 @@
>
{snippet.name}
<Icon
name="Edit"
name="edit"
hoverable
newStyles
size="S"

2
packages/builder/src/components/common/inputs/EditableLabel.svelte
View File

@ -33,7 +33,7 @@
<Label {size}>{value || defaultValue}</Label>
{/if}
<div class="hide">
<Icon name="Edit" hoverable size="S" on:click={() => setEditing(true)} />
<Icon name="edit" hoverable size="S" on:click={() => setEditing(true)} />
</div>
{:else}
<div class="input">

2
packages/builder/src/constants/backend/index.js
View File

@ -133,7 +133,7 @@ export const FIELDS = {
SIGNATURE_SINGLE: {
name: "Signature",
type: FieldType.SIGNATURE_SINGLE,
icon: "AnnotatePen",
icon: "edit",
constraints: {
presence: false,
},

2
packages/builder/src/helpers/utils.js
View File

@ -57,7 +57,7 @@ export function buildAutoColumn(tableName, name, subtype) {
name,
type,
subtype,
icon: "ri-magic-line",
icon: "data",
autocolumn: true,
constraints,
}

6
packages/builder/src/pages/builder/app/[application]/data/table/[tableId]/_components/ViewNavBar.svelte
View File

@ -78,7 +78,7 @@
table._id,
[
{
icon: "Edit",
icon: "edit",
name: "Edit",
keyBind: null,
visible: table?.sourceType !== DB_TYPE_EXTERNAL,
@ -110,7 +110,7 @@
view.id,
[
{
icon: "Edit",
icon: "edit",
name: "Edit",
keyBind: null,
visible: true,
@ -301,7 +301,7 @@
</MenuItem>
</a>
</div>
<MenuItem icon="Edit" on:click={() => editOverflowView(view)}>
<MenuItem icon="edit" on:click={() => editOverflowView(view)}>
Edit
</MenuItem>
<MenuItem icon="Delete" on:click={() => deleteOverflowView(view)}>

2
packages/builder/src/pages/builder/app/[application]/design/[screenId]/[componentId]/_components/Navigation/index.svelte
View File

@ -60,7 +60,7 @@
<Panel
title="Navigation"
icon={$selectedScreen?.showNavigation ? "Visibility" : "VisibilityOff"}
icon={$selectedScreen?.showNavigation ? "visibility" : "visibility-off"}
borderLeft
wide
>

4
packages/builder/src/pages/builder/app/[application]/design/[screenId]/_components/ComponentList/index.svelte
View File

@ -123,8 +123,8 @@
opened
scrollable
icon={$selectedScreen?.showNavigation
? "Visibility"
: "VisibilityOff"}
? "visibility"
: "visibility-off"}
on:drop={onDrop}
on:click={() => {
componentStore.select(

2
packages/builder/src/pages/builder/app/[application]/settings/backups/_components/AppSizeRenderer.svelte
View File

@ -19,7 +19,7 @@
<div>{screens || 0}</div>
</div>
<div class="item">
<Icon name="JourneyVoyager" />
<Icon name="prototyping" />
<div>{automations || 0}</div>
</div>
{/if}

2
packages/builder/src/pages/builder/portal/settings/ai/AIConfigTile.svelte
View File

@ -43,7 +43,7 @@
color="var(--grey-6)"
size="S"
hoverable
name="Edit"
name="edit"
/>
<Icon
on:click={deleteHandler}

6
packages/builder/src/pages/builder/portal/settings/email/[template].svelte
View File

@ -61,7 +61,7 @@
})
async function fixMountBug({ detail }) {
if (detail === "Edit") {
if (detail === "edit") {
await tick()
mounted = true
} else {
@ -87,8 +87,8 @@
</Layout>
<div>
<Tabs noHorizPadding selected="Edit" on:select={fixMountBug}>
<Tab title="Edit">
<Tabs noHorizPadding selected="edit" on:select={fixMountBug}>
<Tab title="edit">
<div class="template-editor">
<div class="template-text-editor">
<Editor

50
packages/builder/src/stores/builder/tests/fixtures/tables.js vendored
View File

@ -8,7 +8,7 @@ export const SOME_TABLES = [
name: "Auto ID",
type: "number",
subtype: "autoID",
icon: "ri-magic-line",
icon: "data",
autocolumn: true,
constraints: {
type: "number",
@ -24,7 +24,7 @@ export const SOME_TABLES = [
name: "Created By",
type: "link",
subtype: "createdBy",
icon: "ri-magic-line",
icon: "data",
autocolumn: true,
constraints: {
type: "array",
@ -38,7 +38,7 @@ export const SOME_TABLES = [
name: "Created At",
type: "datetime",
subtype: "createdAt",
icon: "ri-magic-line",
icon: "data",
autocolumn: true,
constraints: {
type: "string",
@ -54,7 +54,7 @@ export const SOME_TABLES = [
name: "Updated By",
type: "link",
subtype: "updatedBy",
icon: "ri-magic-line",
icon: "data",
autocolumn: true,
constraints: {
type: "array",
@ -68,7 +68,7 @@ export const SOME_TABLES = [
name: "Updated At",
type: "datetime",
subtype: "updatedAt",
icon: "ri-magic-line",
icon: "data",
autocolumn: true,
constraints: {
type: "string",
@ -114,7 +114,7 @@ export const SOME_TABLES = [
name: "Auto ID",
type: "number",
subtype: "autoID",
icon: "ri-magic-line",
icon: "data",
autocolumn: true,
constraints: {
type: "number",
@ -130,7 +130,7 @@ export const SOME_TABLES = [
name: "Created By",
type: "link",
subtype: "createdBy",
icon: "ri-magic-line",
icon: "data",
autocolumn: true,
constraints: {
type: "array",
@ -144,7 +144,7 @@ export const SOME_TABLES = [
name: "Created At",
type: "datetime",
subtype: "createdAt",
icon: "ri-magic-line",
icon: "data",
autocolumn: true,
constraints: {
type: "string",
@ -160,7 +160,7 @@ export const SOME_TABLES = [
name: "Updated By",
type: "link",
subtype: "updatedBy",
icon: "ri-magic-line",
icon: "data",
autocolumn: true,
constraints: {
type: "array",
@ -174,7 +174,7 @@ export const SOME_TABLES = [
name: "Updated At",
type: "datetime",
subtype: "updatedAt",
icon: "ri-magic-line",
icon: "data",
autocolumn: true,
constraints: {
type: "string",
@ -230,7 +230,7 @@ export const SOME_TABLES = [
name: "Auto ID",
type: "number",
subtype: "autoID",
icon: "ri-magic-line",
icon: "data",
autocolumn: true,
constraints: {
type: "number",
@ -246,7 +246,7 @@ export const SOME_TABLES = [
name: "Created By",
type: "link",
subtype: "createdBy",
icon: "ri-magic-line",
icon: "data",
autocolumn: true,
constraints: {
type: "array",
@ -260,7 +260,7 @@ export const SOME_TABLES = [
name: "Created At",
type: "datetime",
subtype: "createdAt",
icon: "ri-magic-line",
icon: "data",
autocolumn: true,
constraints: {
type: "string",
@ -276,7 +276,7 @@ export const SOME_TABLES = [
name: "Updated By",
type: "link",
subtype: "updatedBy",
icon: "ri-magic-line",
icon: "data",
autocolumn: true,
constraints: {
type: "array",
@ -290,7 +290,7 @@ export const SOME_TABLES = [
name: "Updated At",
type: "datetime",
subtype: "updatedAt",
icon: "ri-magic-line",
icon: "data",
autocolumn: true,
constraints: {
type: "string",
@ -508,7 +508,7 @@ export const SAVE_TABLES_RESPONSE = {
name: "Auto ID",
type: "number",
subtype: "autoID",
icon: "ri-magic-line",
icon: "data",
autocolumn: true,
constraints: {
type: "number",
@ -524,7 +524,7 @@ export const SAVE_TABLES_RESPONSE = {
name: "Created By",
type: "link",
subtype: "createdBy",
icon: "ri-magic-line",
icon: "data",
autocolumn: true,
constraints: {
type: "array",
@ -538,7 +538,7 @@ export const SAVE_TABLES_RESPONSE = {
name: "Created At",
type: "datetime",
subtype: "createdAt",
icon: "ri-magic-line",
icon: "data",
autocolumn: true,
constraints: {
type: "string",
@ -554,7 +554,7 @@ export const SAVE_TABLES_RESPONSE = {
name: "Updated By",
type: "link",
subtype: "updatedBy",
icon: "ri-magic-line",
icon: "data",
autocolumn: true,
constraints: {
type: "array",
@ -568,7 +568,7 @@ export const SAVE_TABLES_RESPONSE = {
name: "Updated At",
type: "datetime",
subtype: "updatedAt",
icon: "ri-magic-line",
icon: "data",
autocolumn: true,
constraints: {
type: "string",
@ -614,7 +614,7 @@ export const A_TABLE = {
name: "Auto ID",
type: "number",
subtype: "autoID",
icon: "ri-magic-line",
icon: "data",
autocolumn: true,
constraints: {
type: "number",
@ -630,7 +630,7 @@ export const A_TABLE = {
name: "Created By",
type: "link",
subtype: "createdBy",
icon: "ri-magic-line",
icon: "data",
autocolumn: true,
constraints: {
type: "array",
@ -644,7 +644,7 @@ export const A_TABLE = {
name: "Created At",
type: "datetime",
subtype: "createdAt",
icon: "ri-magic-line",
icon: "data",
autocolumn: true,
constraints: {
type: "string",
@ -660,7 +660,7 @@ export const A_TABLE = {
name: "Updated By",
type: "link",
subtype: "updatedBy",
icon: "ri-magic-line",
icon: "data",
autocolumn: true,
constraints: {
type: "array",
@ -674,7 +674,7 @@ export const A_TABLE = {
name: "Updated At",
type: "datetime",
subtype: "updatedAt",
icon: "ri-magic-line",
icon: "data",
autocolumn: true,
constraints: {
type: "string",

10
packages/builder/src/stores/builder/tests/fixtures/views.js vendored
View File

@ -7,7 +7,7 @@ export const A_VIEW = {
name: "Auto ID",
type: "number",
subtype: "autoID",
icon: "ri-magic-line",
icon: "data",
autocolumn: true,
constraints: {
type: "number",
@ -23,7 +23,7 @@ export const A_VIEW = {
name: "Created By",
type: "link",
subtype: "createdBy",
icon: "ri-magic-line",
icon: "data",
autocolumn: true,
constraints: {
type: "array",
@ -37,7 +37,7 @@ export const A_VIEW = {
name: "Created At",
type: "datetime",
subtype: "createdAt",
icon: "ri-magic-line",
icon: "data",
autocolumn: true,
constraints: {
type: "string",
@ -53,7 +53,7 @@ export const A_VIEW = {
name: "Updated By",
type: "link",
subtype: "updatedBy",
icon: "ri-magic-line",
icon: "data",
autocolumn: true,
constraints: {
type: "array",
@ -67,7 +67,7 @@ export const A_VIEW = {
name: "Updated At",
type: "datetime",
subtype: "updatedAt",
icon: "ri-magic-line",
icon: "data",
autocolumn: true,
constraints: {
type: "string",

2
packages/builder/src/templates/screenTemplating/table/modal.js
View File

@ -89,7 +89,7 @@ const modal = async ({ tableOrView, permissions, screens }) => {
labelPosition: "left",
buttonPosition: "bottom",
actionType: "Update",
title: "Edit",
title: "edit",
rowId: `{{ ${safe("state")}.${safe(stateKey)} }}`,
})

2
packages/builder/src/templates/screenTemplating/table/sidePanel.js
View File

@ -84,7 +84,7 @@ const sidePanel = async ({ tableOrView, permissions, screens }) => {
labelPosition: "left",
buttonPosition: "bottom",
actionType: "Update",
title: "Edit",
title: "edit",
rowId: `{{ ${safe("state")}.${safe(stateKey)} }}`,
})

8
packages/client/manifest.json
View File

@ -548,7 +548,7 @@
{
"label": "Stretch",
"value": "stretch",
"barIcon": "MoveUpDown",
"barIcon": "line-height",
"barTitle": "Align stretched vertically"
}
],
@ -705,7 +705,7 @@
"label": "Quiet",
"key": "quiet",
"showInBar": true,
"barIcon": "VisibilityOff",
"barIcon": "visibility-off",
"barTitle": "Quiet variant",
"barSeparator": false
},
@ -904,7 +904,7 @@
{
"label": "Stretch",
"value": "stretch",
"barIcon": "MoveUpDown",
"barIcon": "line-height",
"barTitle": "Align stretched vertically"
}
],
@ -6870,7 +6870,7 @@
{
"label": "Stretch",
"value": "stretch",
"barIcon": "MoveUpDown",
"barIcon": "line-height",
"barTitle": "Align stretched vertically"
}
],

2
packages/client/src/components/app/Layout.svelte
View File

@ -219,7 +219,7 @@
class="interactive component {navigationId}"
data-id={navigationId}
data-name="Navigation"
data-icon="Visibility"
data-icon="visibility"
>
<div
class="nav-wrapper {navigationId}-dom"

2
packages/client/src/components/app/deprecated/TableBlock.svelte
View File

@ -146,7 +146,7 @@
const getEditTitle = (detailsFormBlockId, primaryDisplay) => {
if (!primaryDisplay || !detailsFormBlockId) {
return "Edit"
return "edit"
}
const prefix = safe(detailsFormBlockId + "-repeater")
const binding = `${prefix}.${safe(primaryDisplay)}`

2
packages/client/src/components/preview/SettingsBar.svelte
View File

@ -257,7 +257,7 @@
<GridStylesButton
style={gridVAlignVar}
value="stretch"
icon="MoveUpDown"
icon="line-height"
title="Stretch vertically"
active={gridVAlign === "stretch"}
componentId={id}

12
packages/frontend-core/src/components/grid/cells/HeaderCell.svelte
View File

@ -325,8 +325,8 @@
hoverable
size="S"
name={$sort.order === SortOrder.DESCENDING
? "SortOrderDown"
: "SortOrderUp"}
? "sort-down"
: "sort-up"}
/>
</div>
{/if}
@ -351,7 +351,7 @@
</div>
{:else}
<Menu>
<MenuItem icon="Edit" on:click={editColumn} disabled={!editable}>
<MenuItem icon="edit" on:click={editColumn} disabled={!editable}>
Edit column
</MenuItem>
<MenuItem
@ -369,7 +369,7 @@
Use as display column
</MenuItem>
<MenuItem
icon="SortOrderUp"
icon="sort-up"
on:click={sortAscending}
disabled={!canBeSortColumn(column.schema) ||
(column.name === $sort.column &&
@ -378,7 +378,7 @@
Sort {sortingLabels.ascending}
</MenuItem>
<MenuItem
icon="SortOrderDown"
icon="sort-down"
on:click={sortDescending}
disabled={!canBeSortColumn(column.schema) ||
(column.name === $sort.column &&
@ -402,7 +402,7 @@
</MenuItem>
<MenuItem
disabled={column.primaryDisplay || !$config.showControls}
icon="VisibilityOff"
icon="visibility-off"
on:click={hideColumn}
>
Hide column

40
packages/frontend-core/src/constants.js
View File

@ -118,29 +118,29 @@ export const ContextScopes = {
}
export const TypeIconMap = {
[FieldType.STRING]: "Text",
[FieldType.OPTIONS]: "Dropdown",
[FieldType.DATETIME]: "Calendar",
[FieldType.BARCODEQR]: "Camera",
[FieldType.SIGNATURE_SINGLE]: "AnnotatePen",
[FieldType.LONGFORM]: "TextAlignLeft",
[FieldType.ARRAY]: "Duplicate",
[FieldType.NUMBER]: "123",
[FieldType.BOOLEAN]: "Boolean",
[FieldType.ATTACHMENTS]: "DocumentFragmentGroup",
[FieldType.ATTACHMENT_SINGLE]: "DocumentFragment",
[FieldType.LINK]: "DataCorrelated",
[FieldType.FORMULA]: "Calculator",
[FieldType.AI]: "MagicWand",
[FieldType.JSON]: "Brackets",
[FieldType.BIGINT]: "TagBold",
[FieldType.AUTO]: "Shapes",
[FieldType.STRING]: "text",
[FieldType.OPTIONS]: "select-multi",
[FieldType.DATETIME]: "calendar",
[FieldType.BARCODEQR]: "camera",
[FieldType.SIGNATURE_SINGLE]: "edit",
[FieldType.LONGFORM]: "text-align-justify-last-left",
[FieldType.ARRAY]: "duplicate",
[FieldType.NUMBER]: "text-numbers",
[FieldType.BOOLEAN]: "radio-button",
[FieldType.ATTACHMENTS]: "asset",
[FieldType.ATTACHMENT_SINGLE]: "image",
[FieldType.LINK]: "link",
[FieldType.FORMULA]: "effects",
[FieldType.AI]: "magic-wand",
[FieldType.JSON]: "prompt",
[FieldType.BIGINT]: "text-numbers",
[FieldType.AUTO]: "data",
[FieldType.BB_REFERENCE]: {
[BBReferenceFieldSubType.USER]: "UserGroup",
[BBReferenceFieldSubType.USERS]: "UserGroup",
[BBReferenceFieldSubType.USER]: "user-group",
[BBReferenceFieldSubType.USERS]: "user-group",
},
[FieldType.BB_REFERENCE_SINGLE]: {
[BBReferenceFieldSubType.USER]: "User",
[BBReferenceFieldSubType.USER]: "user",
},
}

6
packages/frontend-core/src/utils/schema.js
View File

@ -6,13 +6,13 @@ export const getColumnIcon = column => {
return column.schema.icon
}
if (column.calculationType) {
return "Calculator"
return "calculator"
}
if (column.schema.autocolumn) {
return "MagicWand"
return "magic-wand"
}
if (helpers.schema.isDeprecatedSingleUserColumn(column.schema)) {
return "User"
return "user"
}
const { type, subtype } = column.schema
const result =

2
packages/server/src/api/routes/tests/misc.spec.js
View File

@ -76,7 +76,7 @@ describe("run misc tests", () => {
name: "Auto ID",
type: "number",
subtype: "autoID",
icon: "ri-magic-line",
icon: "data",
autocolumn: true,
constraints: {
type: "number",

4
packages/server/src/api/routes/tests/row.spec.ts
View File

@ -272,7 +272,7 @@ if (descriptions.length) {
name: "Row ID",
type: FieldType.NUMBER,
subtype: AutoFieldSubType.AUTO_ID,
icon: "ri-magic-line",
icon: "data",
autocolumn: true,
constraints: {
type: "number",
@ -305,7 +305,7 @@ if (descriptions.length) {
name: "Row ID",
type: FieldType.NUMBER,
subtype: AutoFieldSubType.AUTO_ID,
icon: "ri-magic-line",
icon: "data",
autocolumn: true,
constraints: {
type: "number",

12
packages/server/src/db/defaultData/datasource_bb_default.ts
View File

@ -62,7 +62,7 @@ const AUTO_COLUMNS: TableSchema = {
name: "Created At",
type: FieldType.DATETIME,
subtype: AutoFieldSubType.CREATED_AT,
icon: "ri-magic-line",
icon: "data",
autocolumn: true,
constraints: {
type: FieldType.STRING,
@ -78,7 +78,7 @@ const AUTO_COLUMNS: TableSchema = {
name: "Updated At",
type: FieldType.DATETIME,
subtype: AutoFieldSubType.UPDATED_AT,
icon: "ri-magic-line",
icon: "data",
autocolumn: true,
constraints: {
type: FieldType.STRING,
@ -105,7 +105,7 @@ export const DEFAULT_INVENTORY_TABLE_SCHEMA: Table = {
name: "Item ID",
type: FieldType.NUMBER,
subtype: AutoFieldSubType.AUTO_ID,
icon: "ri-magic-line",
icon: "data",
autocolumn: true,
constraints: {
type: FieldType.NUMBER,
@ -278,7 +278,7 @@ export const DEFAULT_EMPLOYEE_TABLE_SCHEMA: Table = {
name: "EMPLOYEE ID",
type: FieldType.NUMBER,
subtype: AutoFieldSubType.AUTO_ID,
icon: "ri-magic-line",
icon: "data",
autocolumn: true,
constraints: {
type: FieldType.NUMBER,
@ -363,7 +363,7 @@ export const DEFAULT_JOBS_TABLE_SCHEMA: Table = {
name: "Job ID",
type: FieldType.NUMBER,
subtype: AutoFieldSubType.AUTO_ID,
icon: "ri-magic-line",
icon: "data",
autocolumn: true,
constraints: {
type: FieldType.NUMBER,
@ -522,7 +522,7 @@ export const DEFAULT_EXPENSES_TABLE_SCHEMA: Table = {
name: "Expense ID",
type: FieldType.NUMBER,
subtype: AutoFieldSubType.AUTO_ID,
icon: "ri-magic-line",
icon: "data",
autocolumn: true,
constraints: {
type: FieldType.NUMBER,

2
packages/server/src/utilities/rowProcessor/tests/utils.spec.ts
View File

@ -32,7 +32,7 @@ describe("rowProcessor utility", () => {
name: "",
type: FieldType.LINK,
subtype: undefined, // missing subtype
icon: "ri-magic-line",
icon: "data",
autocolumn: true,
constraints: { type: "array", presence: false },
tableId: "ta_users",

468
packages/string-templates/test/examples/table.json
View File

@ -1,305 +1,295 @@
{
"user":{
"_id":"ro_ta_users_us_b0bc7ba0ce304294accc1ced8165dd23",
"_rev":"1-e9199d92e7286005a9c11c614fdbcc51",
"email":"test2@example.com",
"status":"active",
"roleId":"PUBLIC",
"test-Created By_text":"",
"test-Updated By_text":""
"user": {
"_id": "ro_ta_users_us_b0bc7ba0ce304294accc1ced8165dd23",
"_rev": "1-e9199d92e7286005a9c11c614fdbcc51",
"email": "test2@example.com",
"status": "active",
"roleId": "PUBLIC",
"test-Created By_text": "",
"test-Updated By_text": ""
},
"closestComponentId":"c670254c9e74e40518ee5becff53aa5be",
"url":{
},
"c670254c9e74e40518ee5becff53aa5be":{
"rows":[
"closestComponentId": "c670254c9e74e40518ee5becff53aa5be",
"url": {},
"c670254c9e74e40518ee5becff53aa5be": {
"rows": [
{
"_id":"ro_ta_1399af8a08d244a9885c674dd5555c84_8c1940e906254db5ac79c51011255d6c",
"_rev":"1-49ff5a4094a251a7767155eb85f4c9b7",
"sef":"sefesfesf",
"Name":"sefesf",
"tableId":"ta_1399af8a08d244a9885c674dd5555c84",
"Auto ID":1,
"Created At":"2021-05-27T10:30:37.386Z",
"Updated At":"2021-05-27T10:30:37.386Z",
"type":"row",
"Created By":[
"_id": "ro_ta_1399af8a08d244a9885c674dd5555c84_8c1940e906254db5ac79c51011255d6c",
"_rev": "1-49ff5a4094a251a7767155eb85f4c9b7",
"sef": "sefesfesf",
"Name": "sefesf",
"tableId": "ta_1399af8a08d244a9885c674dd5555c84",
"Auto ID": 1,
"Created At": "2021-05-27T10:30:37.386Z",
"Updated At": "2021-05-27T10:30:37.386Z",
"type": "row",
"Created By": [
{
"_id":"ro_ta_users_us_de1bd7fe710146db990d92845008c763"
"_id": "ro_ta_users_us_de1bd7fe710146db990d92845008c763"
}
],
"Updated By":[
"Updated By": [
{
"_id":"ro_ta_users_us_de1bd7fe710146db990d92845008c763"
"_id": "ro_ta_users_us_de1bd7fe710146db990d92845008c763"
}
],
"testing":"2",
"Created By_text":"",
"Updated By_text":""
"testing": "2",
"Created By_text": "",
"Updated By_text": ""
}
],
"schema":{
"Auto ID":{
"name":"Auto ID",
"type":"number",
"subtype":"autoID",
"icon":"ri-magic-line",
"autocolumn":true,
"constraints":{
"type":"number",
"presence":false,
"numericality":{
"greaterThanOrEqualTo":"",
"lessThanOrEqualTo":""
"schema": {
"Auto ID": {
"name": "Auto ID",
"type": "number",
"subtype": "autoID",
"icon": "data",
"autocolumn": true,
"constraints": {
"type": "number",
"presence": false,
"numericality": {
"greaterThanOrEqualTo": "",
"lessThanOrEqualTo": ""
}
},
"lastID":1
"lastID": 1
},
"Created By":{
"name":"Created By",
"type":"link",
"subtype":"createdBy",
"icon":"ri-magic-line",
"autocolumn":true,
"constraints":{
"type":"array",
"presence":false
"Created By": {
"name": "Created By",
"type": "link",
"subtype": "createdBy",
"icon": "data",
"autocolumn": true,
"constraints": {
"type": "array",
"presence": false
},
"tableId":"ta_users",
"fieldName":"test-Created By",
"relationshipType":"many-to-many"
"tableId": "ta_users",
"fieldName": "test-Created By",
"relationshipType": "many-to-many"
},
"Created At":{
"name":"Created At",
"type":"datetime",
"subtype":"createdAt",
"icon":"ri-magic-line",
"autocolumn":true,
"constraints":{
"type":"string",
"length":{
},
"presence":false,
"datetime":{
"latest":"",
"earliest":""
"Created At": {
"name": "Created At",
"type": "datetime",
"subtype": "createdAt",
"icon": "data",
"autocolumn": true,
"constraints": {
"type": "string",
"length": {},
"presence": false,
"datetime": {
"latest": "",
"earliest": ""
}
}
},
"Updated By":{
"name":"Updated By",
"type":"link",
"subtype":"updatedBy",
"icon":"ri-magic-line",
"autocolumn":true,
"constraints":{
"type":"array",
"presence":false
"Updated By": {
"name": "Updated By",
"type": "link",
"subtype": "updatedBy",
"icon": "data",
"autocolumn": true,
"constraints": {
"type": "array",
"presence": false
},
"tableId":"ta_users",
"fieldName":"test-Updated By",
"relationshipType":"many-to-many"
"tableId": "ta_users",
"fieldName": "test-Updated By",
"relationshipType": "many-to-many"
},
"Updated At":{
"name":"Updated At",
"type":"datetime",
"subtype":"updatedAt",
"icon":"ri-magic-line",
"autocolumn":true,
"constraints":{
"type":"string",
"length":{
},
"presence":false,
"datetime":{
"latest":"",
"earliest":""
"Updated At": {
"name": "Updated At",
"type": "datetime",
"subtype": "updatedAt",
"icon": "data",
"autocolumn": true,
"constraints": {
"type": "string",
"length": {},
"presence": false,
"datetime": {
"latest": "",
"earliest": ""
}
}
},
"Name":{
"type":"string",
"constraints":{
"type":"string",
"length":{
"maximum":null
"Name": {
"type": "string",
"constraints": {
"type": "string",
"length": {
"maximum": null
},
"presence":false
"presence": false
},
"fieldName":"test",
"name":"Name"
"fieldName": "test",
"name": "Name"
},
"sef":{
"type":"string",
"constraints":{
"type":"string",
"length":{
"maximum":null
"sef": {
"type": "string",
"constraints": {
"type": "string",
"length": {
"maximum": null
},
"presence":false
"presence": false
},
"fieldName":"test",
"name":"sef"
"fieldName": "test",
"name": "sef"
},
"testing":{
"type":"formula",
"constraints":{
"type":"string",
"presence":false
"testing": {
"type": "formula",
"constraints": {
"type": "string",
"presence": false
},
"fieldName":"test",
"name":"testing",
"formula":"{{ add [Auto ID] 1 }}"
"fieldName": "test",
"name": "testing",
"formula": "{{ add [Auto ID] 1 }}"
}
},
"rowsLength":1
"rowsLength": 1
},
"data":{
"rows":[
"data": {
"rows": [
{
"_id":"ro_ta_1399af8a08d244a9885c674dd5555c84_8c1940e906254db5ac79c51011255d6c",
"_rev":"1-49ff5a4094a251a7767155eb85f4c9b7",
"sef":"sefesfesf",
"Name":"sefesf",
"tableId":"ta_1399af8a08d244a9885c674dd5555c84",
"Auto ID":1,
"Created At":"2021-05-27T10:30:37.386Z",
"Updated At":"2021-05-27T10:30:37.386Z",
"type":"row",
"Created By":[
"_id": "ro_ta_1399af8a08d244a9885c674dd5555c84_8c1940e906254db5ac79c51011255d6c",
"_rev": "1-49ff5a4094a251a7767155eb85f4c9b7",
"sef": "sefesfesf",
"Name": "sefesf",
"tableId": "ta_1399af8a08d244a9885c674dd5555c84",
"Auto ID": 1,
"Created At": "2021-05-27T10:30:37.386Z",
"Updated At": "2021-05-27T10:30:37.386Z",
"type": "row",
"Created By": [
{
"_id":"ro_ta_users_us_de1bd7fe710146db990d92845008c763"
"_id": "ro_ta_users_us_de1bd7fe710146db990d92845008c763"
}
],
"Updated By":[
"Updated By": [
{
"_id":"ro_ta_users_us_de1bd7fe710146db990d92845008c763"
"_id": "ro_ta_users_us_de1bd7fe710146db990d92845008c763"
}
],
"testing":"2",
"Created By_text":"",
"Updated By_text":""
"testing": "2",
"Created By_text": "",
"Updated By_text": ""
}
],
"schema":{
"Auto ID":{
"name":"Auto ID",
"type":"number",
"subtype":"autoID",
"icon":"ri-magic-line",
"autocolumn":true,
"constraints":{
"type":"number",
"presence":false,
"numericality":{
"greaterThanOrEqualTo":"",
"lessThanOrEqualTo":""
"schema": {
"Auto ID": {
"name": "Auto ID",
"type": "number",
"subtype": "autoID",
"icon": "data",
"autocolumn": true,
"constraints": {
"type": "number",
"presence": false,
"numericality": {
"greaterThanOrEqualTo": "",
"lessThanOrEqualTo": ""
}
},
"lastID":1
"lastID": 1
},
"Created By":{
"name":"Created By",
"type":"link",
"subtype":"createdBy",
"icon":"ri-magic-line",
"autocolumn":true,
"constraints":{
"type":"array",
"presence":false
"Created By": {
"name": "Created By",
"type": "link",
"subtype": "createdBy",
"icon": "data",
"autocolumn": true,
"constraints": {
"type": "array",
"presence": false
},
"tableId":"ta_users",
"fieldName":"test-Created By",
"relationshipType":"many-to-many"
"tableId": "ta_users",
"fieldName": "test-Created By",
"relationshipType": "many-to-many"
},
"Created At":{
"name":"Created At",
"type":"datetime",
"subtype":"createdAt",
"icon":"ri-magic-line",
"autocolumn":true,
"constraints":{
"type":"string",
"length":{
},
"presence":false,
"datetime":{
"latest":"",
"earliest":""
"Created At": {
"name": "Created At",
"type": "datetime",
"subtype": "createdAt",
"icon": "data",
"autocolumn": true,
"constraints": {
"type": "string",
"length": {},
"presence": false,
"datetime": {
"latest": "",
"earliest": ""
}
}
},
"Updated By":{
"name":"Updated By",
"type":"link",
"subtype":"updatedBy",
"icon":"ri-magic-line",
"autocolumn":true,
"constraints":{
"type":"array",
"presence":false
"Updated By": {
"name": "Updated By",
"type": "link",
"subtype": "updatedBy",
"icon": "data",
"autocolumn": true,
"constraints": {
"type": "array",
"presence": false
},
"tableId":"ta_users",
"fieldName":"test-Updated By",
"relationshipType":"many-to-many"
"tableId": "ta_users",
"fieldName": "test-Updated By",
"relationshipType": "many-to-many"
},
"Updated At":{
"name":"Updated At",
"type":"datetime",
"subtype":"updatedAt",
"icon":"ri-magic-line",
"autocolumn":true,
"constraints":{
"type":"string",
"length":{
},
"presence":false,
"datetime":{
"latest":"",
"earliest":""
"Updated At": {
"name": "Updated At",
"type": "datetime",
"subtype": "updatedAt",
"icon": "data",
"autocolumn": true,
"constraints": {
"type": "string",
"length": {},
"presence": false,
"datetime": {
"latest": "",
"earliest": ""
}
}
},
"Name":{
"type":"string",
"constraints":{
"type":"string",
"length":{
"maximum":null
"Name": {
"type": "string",
"constraints": {
"type": "string",
"length": {
"maximum": null
},
"presence":false
"presence": false
},
"fieldName":"test",
"name":"Name"
"fieldName": "test",
"name": "Name"
},
"sef":{
"type":"string",
"constraints":{
"type":"string",
"length":{
"maximum":null
"sef": {
"type": "string",
"constraints": {
"type": "string",
"length": {
"maximum": null
},
"presence":false
"presence": false
},
"fieldName":"test",
"name":"sef"
"fieldName": "test",
"name": "sef"
},
"testing":{
"type":"formula",
"constraints":{
"type":"string",
"presence":false
"testing": {
"type": "formula",
"constraints": {
"type": "string",
"presence": false
},
"fieldName":"test",
"name":"testing",
"formula":"{{ add [Auto ID] 1 }}"
"fieldName": "test",
"name": "testing",
"formula": "{{ add [Auto ID] 1 }}"
}
},
"rowsLength":1
"rowsLength": 1
}
}
}