@duke333/builder-ui 0.2.2 → 0.2.4

package/dist/{BuilderAdminPages-C-jaMLOa.d.ts → BuilderAdminPages-DwwdA8Dv.d.ts}

@@ -46,6 +46,10 @@ type BuilderEditorField<TFieldType extends string> = {
     required: boolean;
     hidden?: boolean;
     disabled?: boolean;
+    storage?: "s3" | "server";
+    contentKind?: "image" | "file";
+    multiple?: boolean;
+    maxBytes?: number;
     placeholder?: string;
     description?: string;
     options?: BuilderEditorSelectOption[];
@@ -89,6 +93,7 @@ type BuilderEditorColumn = {
     key: string;
     label: string;
     sortable: boolean;
+    hidden?: boolean;
     align: "left" | "right";
 };
 type BuilderFormEditorEntity<TFieldType extends string = string, TTriggerEvent extends string = string> = {
@@ -111,6 +116,7 @@ type BuilderListEditorEntity<TTriggerEvent extends string = string> = {
     source: BuilderEditorSource;
     schema: {
         columns: BuilderEditorColumn[];
+        orderBy?: BuilderListEditorOrderByValues | BuilderListEditorOrderByValues[];
     };
     triggers: BuilderEditorTrigger<TTriggerEvent>[];
 };
@@ -121,6 +127,10 @@ type BuilderFormEditorFieldValues<TFieldType extends string = string> = {
     required: boolean;
     hidden: boolean;
     disabled: boolean;
+    storage?: "s3" | "server";
+    contentKind?: "image" | "file";
+    multiple?: boolean;
+    maxMegabytes?: number;
     placeholder?: string;
     optionsText?: string;
     optionsMode: "static" | "table";
@@ -188,14 +198,20 @@ type BuilderListEditorColumnValues = {
     key: string;
     label: string;
     sortable: boolean;
+    hidden: boolean;
     align: "left" | "right";
 };
+type BuilderListEditorOrderByValues = {
+    field: string;
+    direction: "asc" | "desc";
+};
 type BuilderListEditorValues<TTriggerEvent extends string = string> = {
     title: string;
     description?: string;
     sourceType: "none" | "dbTable" | "apiEndpoint";
     sourceTable: string;
     apiBasePath?: string;
+    orderBy: BuilderListEditorOrderByValues[];
     columns: BuilderListEditorColumnValues[];
     triggers: BuilderEditorTriggerValues<TTriggerEvent>[];
     version: number;
@@ -253,6 +269,10 @@ declare function builderFormEditorInputFromValues<TFieldType extends string, TTr
             required: boolean;
             hidden: boolean;
             disabled: boolean;
+            storage: "s3" | "server" | undefined;
+            contentKind: "file" | "image" | undefined;
+            multiple: boolean | undefined;
+            maxBytes: number | undefined;
             placeholder: string;
             options: BuilderEditorSelectOption[] | undefined;
             optionsSource: {
@@ -312,6 +332,7 @@ declare function builderListEditorInputFromValues<TTriggerEvent extends string>(
         tableName?: undefined;
     } | null;
     schema: {
+        orderBy?: BuilderListEditorOrderByValues[] | undefined;
         columns: BuilderListEditorColumnValues[];
     };
     triggers: {
@@ -386,6 +407,7 @@ type BuilderListEditorBodyProps<TTriggerEvent extends string> = {
     listId?: string;
     form: UseFormReturn<BuilderListEditorValues<TTriggerEvent>>;
     columnArray: UseFieldArrayReturn<BuilderListEditorValues<TTriggerEvent>, "columns">;
+    orderByArray: UseFieldArrayReturn<BuilderListEditorValues<TTriggerEvent>, "orderBy">;
     triggerArray: UseFieldArrayReturn<BuilderListEditorValues<TTriggerEvent>, "triggers">;
     sourceType: BuilderListEditorValues<TTriggerEvent>["sourceType"];
     sourceTable: string;
@@ -451,7 +473,7 @@ type BuilderDefaultListEditorBodyOptions = {
     listTriggerEventOptions: BuilderDefaultOption[];
 };
 declare function createBuilderDefaultFormEditorBody<TFieldType extends string, TTriggerEvent extends string>(options: BuilderDefaultFormEditorBodyOptions): ({ formId, form, fieldArray, subformArray, triggerArray, fields, sourceType, sourceTable, tables, emptyField, emptyTrigger, isSaving, importFieldsFromTable, }: BuilderFormEditorBodyProps<TFieldType, TTriggerEvent>) => react.JSX.Element;
-declare function createBuilderDefaultListEditorBody<TTriggerEvent extends string>(options: BuilderDefaultListEditorBodyOptions): ({ listId, form, columnArray, triggerArray, sourceType, sourceTable, tables, emptyColumn, emptyTrigger, isSaving, importColumnsFromTable, }: BuilderListEditorBodyProps<TTriggerEvent>) => react.JSX.Element;
+declare function createBuilderDefaultListEditorBody<TTriggerEvent extends string>(options: BuilderDefaultListEditorBodyOptions): ({ listId, form, columnArray, orderByArray, triggerArray, sourceType, sourceTable, tables, emptyColumn, emptyTrigger, isSaving, importColumnsFromTable, }: BuilderListEditorBodyProps<TTriggerEvent>) => react.JSX.Element;
 
 type BuilderDefaultEntity = {
     id: string;
@@ -595,4 +617,4 @@ declare function createBuilderAdminPages<C extends BuilderAdminPageContracts>({
     };
 };
 
-export { type BuilderViewEditorEntity as A, BUILDER_EDITOR_NONE_VALUE as B, type BuilderViewEditorValues as C, builderEditorOptionsToText as D, builderEditorSearchFieldsToText as E, builderEditorTextToOptions as F, builderEditorTextToSearchFields as G, builderFormEditorFieldsFromTable as H, builderFormEditorInputFromValues as I, builderFormEditorValuesFromEntity as J, builderListEditorColumnsFromTable as K, builderListEditorInputFromValues as L, builderListEditorValuesFromEntity as M, builderViewEditorInputFromValues as N, builderViewEditorValuesFromEntity as O, createBuilderAdminPages as P, createBuilderDefaultEntityManagerComponent as Q, createBuilderDefaultFormEditorBody as R, createBuilderDefaultListEditorBody as S, createBuilderFormEditorPageComponent as T, createBuilderListEditorPageComponent as U, getBuilderEditorTriggerRoute as V, type BuilderFormEditorLayoutGroupValues as W, type BuilderFormEditorSubformValues as X, builderFormEditorDefaultLayoutGroups as Y, builderFormEditorDefaultSpan as Z, type BuilderAdminPageContracts as a, type BuilderAdminPagesOptions as b, type BuilderAdminPagesRoutes as c, type BuilderDefaultEntity as d, type BuilderDefaultEntityListResult as e, type BuilderDefaultEntityManagerDependencies as f, type BuilderDefaultEntityManagerLabels as g, type BuilderDefaultEntityManagerState as h, type BuilderDefaultEntityMutation as i, type BuilderDefaultEntityQueryResult as j, type BuilderDefaultFormEditorBodyOptions as k, type BuilderDefaultListEditorBodyOptions as l, type BuilderDefaultOption as m, type BuilderEditorDbTable as n, type BuilderEditorSelectOption as o, type BuilderEditorTriggerValues as p, type BuilderFormEditorBodyProps as q, type BuilderFormEditorEntity as r, type BuilderFormEditorFieldValues as s, type BuilderFormEditorPageDependencies as t, type BuilderFormEditorValues as u, type BuilderListEditorBodyProps as v, type BuilderListEditorColumnValues as w, type BuilderListEditorEntity as x, type BuilderListEditorPageDependencies as y, type BuilderListEditorValues as z };
+export { type BuilderListEditorValues as A, BUILDER_EDITOR_NONE_VALUE as B, type BuilderViewEditorEntity as C, type BuilderViewEditorValues as D, builderEditorOptionsToText as E, builderEditorSearchFieldsToText as F, builderEditorTextToOptions as G, builderEditorTextToSearchFields as H, builderFormEditorFieldsFromTable as I, builderFormEditorInputFromValues as J, builderFormEditorValuesFromEntity as K, builderListEditorColumnsFromTable as L, builderListEditorInputFromValues as M, builderListEditorValuesFromEntity as N, builderViewEditorInputFromValues as O, builderViewEditorValuesFromEntity as P, createBuilderAdminPages as Q, createBuilderDefaultEntityManagerComponent as R, createBuilderDefaultFormEditorBody as S, createBuilderDefaultListEditorBody as T, createBuilderFormEditorPageComponent as U, createBuilderListEditorPageComponent as V, getBuilderEditorTriggerRoute as W, type BuilderFormEditorLayoutGroupValues as X, type BuilderFormEditorSubformValues as Y, builderFormEditorDefaultLayoutGroups as Z, builderFormEditorDefaultSpan as _, type BuilderAdminPageContracts as a, type BuilderAdminPagesOptions as b, type BuilderAdminPagesRoutes as c, type BuilderDefaultEntity as d, type BuilderDefaultEntityListResult as e, type BuilderDefaultEntityManagerDependencies as f, type BuilderDefaultEntityManagerLabels as g, type BuilderDefaultEntityManagerState as h, type BuilderDefaultEntityMutation as i, type BuilderDefaultEntityQueryResult as j, type BuilderDefaultFormEditorBodyOptions as k, type BuilderDefaultListEditorBodyOptions as l, type BuilderDefaultOption as m, type BuilderEditorDbTable as n, type BuilderEditorSelectOption as o, type BuilderEditorTriggerValues as p, type BuilderFormEditorBodyProps as q, type BuilderFormEditorEntity as r, type BuilderFormEditorFieldValues as s, type BuilderFormEditorPageDependencies as t, type BuilderFormEditorValues as u, type BuilderListEditorBodyProps as v, type BuilderListEditorColumnValues as w, type BuilderListEditorEntity as x, type BuilderListEditorOrderByValues as y, type BuilderListEditorPageDependencies as z };

package/dist/{RuntimeEntryDialog-Bw741XbS.d.ts → RuntimeEntryDialog-B4TbF8os.d.ts}

@@ -2,7 +2,7 @@ import * as react from 'react';
 import { ComponentType, ReactNode } from 'react';
 import { BuilderApiContracts } from './api/index.js';
 import { BuilderHooks } from './hooks/index.js';
-import { BuilderRuntimeFormSchemaLike, BuilderRuntimeFormValues, BuilderRuntimeEntryLike, BuilderRuntimeViewLike, BuilderRuntimePresentation, BuilderRuntimeEntryValues } from './runtime/index.js';
+import { a as BuilderRuntimeFormSchemaLike, d as BuilderRuntimeFormValues, b as BuilderRuntimeEntryLike, e as BuilderRuntimeViewLike, B as BuilderRuntimePresentation, c as BuilderRuntimeEntryValues } from './runtimeUtils-CCtLyIf1.js';
 
 type DynamicFormContracts = BuilderApiContracts & {
     BuilderForm: {

package/dist/admin/index.d.ts

@@ -1,5 +1,5 @@
-import { A as BuilderViewEditorEntity, C as BuilderViewEditorValues, W as BuilderFormEditorLayoutGroupValues, u as BuilderFormEditorValues, s as BuilderFormEditorFieldValues, X as BuilderFormEditorSubformValues } from '../BuilderAdminPages-C-jaMLOa.js';
-export { B as BUILDER_EDITOR_NONE_VALUE, a as BuilderAdminPageContracts, b as BuilderAdminPagesOptions, c as BuilderAdminPagesRoutes, d as BuilderDefaultEntity, e as BuilderDefaultEntityListResult, f as BuilderDefaultEntityManagerDependencies, g as BuilderDefaultEntityManagerLabels, h as BuilderDefaultEntityManagerState, i as BuilderDefaultEntityMutation, j as BuilderDefaultEntityQueryResult, k as BuilderDefaultFormEditorBodyOptions, l as BuilderDefaultListEditorBodyOptions, m as BuilderDefaultOption, n as BuilderEditorDbTable, o as BuilderEditorSelectOption, p as BuilderEditorTriggerValues, q as BuilderFormEditorBodyProps, r as BuilderFormEditorEntity, t as BuilderFormEditorPageDependencies, v as BuilderListEditorBodyProps, w as BuilderListEditorColumnValues, x as BuilderListEditorEntity, y as BuilderListEditorPageDependencies, z as BuilderListEditorValues, D as builderEditorOptionsToText, E as builderEditorSearchFieldsToText, F as builderEditorTextToOptions, G as builderEditorTextToSearchFields, Y as builderFormEditorDefaultLayoutGroups, Z as builderFormEditorDefaultSpan, H as builderFormEditorFieldsFromTable, I as builderFormEditorInputFromValues, J as builderFormEditorValuesFromEntity, K as builderListEditorColumnsFromTable, L as builderListEditorInputFromValues, M as builderListEditorValuesFromEntity, N as builderViewEditorInputFromValues, O as builderViewEditorValuesFromEntity, P as createBuilderAdminPages, Q as createBuilderDefaultEntityManagerComponent, R as createBuilderDefaultFormEditorBody, S as createBuilderDefaultListEditorBody, T as createBuilderFormEditorPageComponent, U as createBuilderListEditorPageComponent, V as getBuilderEditorTriggerRoute } from '../BuilderAdminPages-C-jaMLOa.js';
+import { C as BuilderViewEditorEntity, D as BuilderViewEditorValues, X as BuilderFormEditorLayoutGroupValues, u as BuilderFormEditorValues, s as BuilderFormEditorFieldValues, Y as BuilderFormEditorSubformValues } from '../BuilderAdminPages-DwwdA8Dv.js';
+export { B as BUILDER_EDITOR_NONE_VALUE, a as BuilderAdminPageContracts, b as BuilderAdminPagesOptions, c as BuilderAdminPagesRoutes, d as BuilderDefaultEntity, e as BuilderDefaultEntityListResult, f as BuilderDefaultEntityManagerDependencies, g as BuilderDefaultEntityManagerLabels, h as BuilderDefaultEntityManagerState, i as BuilderDefaultEntityMutation, j as BuilderDefaultEntityQueryResult, k as BuilderDefaultFormEditorBodyOptions, l as BuilderDefaultListEditorBodyOptions, m as BuilderDefaultOption, n as BuilderEditorDbTable, o as BuilderEditorSelectOption, p as BuilderEditorTriggerValues, q as BuilderFormEditorBodyProps, r as BuilderFormEditorEntity, t as BuilderFormEditorPageDependencies, v as BuilderListEditorBodyProps, w as BuilderListEditorColumnValues, x as BuilderListEditorEntity, y as BuilderListEditorOrderByValues, z as BuilderListEditorPageDependencies, A as BuilderListEditorValues, E as builderEditorOptionsToText, F as builderEditorSearchFieldsToText, G as builderEditorTextToOptions, H as builderEditorTextToSearchFields, Z as builderFormEditorDefaultLayoutGroups, _ as builderFormEditorDefaultSpan, I as builderFormEditorFieldsFromTable, J as builderFormEditorInputFromValues, K as builderFormEditorValuesFromEntity, L as builderListEditorColumnsFromTable, M as builderListEditorInputFromValues, N as builderListEditorValuesFromEntity, O as builderViewEditorInputFromValues, P as builderViewEditorValuesFromEntity, Q as createBuilderAdminPages, R as createBuilderDefaultEntityManagerComponent, S as createBuilderDefaultFormEditorBody, T as createBuilderDefaultListEditorBody, U as createBuilderFormEditorPageComponent, V as createBuilderListEditorPageComponent, W as getBuilderEditorTriggerRoute } from '../BuilderAdminPages-DwwdA8Dv.js';
 import * as react from 'react';
 import { ComponentType, ReactNode } from 'react';
 import { BuilderApiContracts } from '../api/index.js';

package/dist/admin/index.js

@@ -45,7 +45,7 @@ function clampLayoutSpan(span, columns) {
   return Math.max(1, Math.min(columns, Math.trunc(span)));
 }
 function builderFormEditorDefaultSpan(field) {
-  if (field.type === "textarea" || field.type === "checkbox") return 12;
+  if (field.type === "textarea" || field.type === "richtext" || field.type === "checkbox") return 12;
   return 6;
 }
 function builderFormEditorDefaultLayoutGroups(fields, subforms = []) {
@@ -112,6 +112,10 @@ function builderFormEditorValuesFromEntity(form, emptyValues) {
     required: field.required,
     hidden: field.hidden ?? false,
     disabled: field.disabled ?? false,
+    storage: field.storage ?? "s3",
+    contentKind: field.contentKind ?? "image",
+    multiple: field.multiple ?? false,
+    maxMegabytes: field.maxBytes ? field.maxBytes / (1024 * 1024) : 10,
     placeholder: field.placeholder ?? "",
     optionsText: builderEditorOptionsToText(field.options),
     optionsMode: field.optionsSource?.type === "dbTable" ? "table" : "static",
@@ -154,16 +158,19 @@ function builderFormEditorValuesFromEntity(form, emptyValues) {
 function builderListEditorValuesFromEntity(list, emptyValues) {
   if (!list) return emptyValues;
   const source = list.source;
+  const orderBy = list.schema.orderBy ? Array.isArray(list.schema.orderBy) ? list.schema.orderBy : [list.schema.orderBy] : [];
   return {
     title: list.title,
     description: list.description ?? "",
     sourceType: source?.type ?? "none",
     sourceTable: source?.type === "dbTable" ? source.tableName : BUILDER_EDITOR_NONE_VALUE,
     apiBasePath: source?.type === "apiEndpoint" ? source.basePath : "",
+    orderBy,
     columns: list.schema.columns.map((column) => ({
       key: column.key,
       label: column.label,
       sortable: column.sortable,
+      hidden: column.hidden ?? false,
       align: column.align
     })),
     triggers: valuesFromTriggers(list.triggers),
@@ -191,6 +198,10 @@ function builderFormEditorFieldsFromTable(table) {
     required: !column.nullable,
     hidden: false,
     disabled: false,
+    storage: "s3",
+    contentKind: "image",
+    multiple: false,
+    maxMegabytes: 10,
     placeholder: column.label,
     optionsText: "",
     optionsMode: "static",
@@ -208,6 +219,7 @@ function builderListEditorColumnsFromTable(table) {
     key: column.name,
     label: column.label,
     sortable: column.sortable,
+    hidden: false,
     align: column.fieldType === "number" || column.fieldType === "money" ? "right" : "left"
   }));
 }
@@ -226,6 +238,10 @@ function builderFormEditorInputFromValues(values) {
         required: field.required,
         hidden: field.hidden,
         disabled: field.disabled,
+        storage: field.type === "file" ? field.storage : void 0,
+        contentKind: field.type === "file" ? field.contentKind : void 0,
+        multiple: field.type === "file" ? field.multiple : void 0,
+        maxBytes: field.type === "file" && typeof field.maxMegabytes === "number" && field.maxMegabytes > 0 ? Math.round(field.maxMegabytes * 1024 * 1024) : void 0,
         placeholder: field.placeholder?.trim() || field.label,
         options: field.type === "select" && field.optionsMode === "static" ? builderEditorTextToOptions(field.optionsText) : void 0,
         optionsSource: field.type === "select" && field.optionsMode === "table" && field.optionsTable !== BUILDER_EDITOR_NONE_VALUE && field.optionsValueField !== BUILDER_EDITOR_NONE_VALUE && field.optionsLabelField !== BUILDER_EDITOR_NONE_VALUE ? {
@@ -279,11 +295,19 @@ function builderFormEditorInputFromValues(values) {
 }
 function builderListEditorInputFromValues(values) {
   const source = values.sourceType === "dbTable" && values.sourceTable !== BUILDER_EDITOR_NONE_VALUE ? { type: "dbTable", tableName: values.sourceTable } : values.sourceType === "apiEndpoint" && values.apiBasePath ? { type: "apiEndpoint", basePath: values.apiBasePath } : null;
+  const orderBy = Array.from(
+    new Map(
+      values.orderBy.filter((rule) => rule.field && rule.field !== BUILDER_EDITOR_NONE_VALUE).map((rule) => [rule.field, rule])
+    ).values()
+  );
   return {
     title: values.title,
     description: values.description || null,
     source,
-    schema: { columns: values.columns },
+    schema: {
+      columns: values.columns,
+      ...source && orderBy.length > 0 ? { orderBy } : {}
+    },
     triggers: values.triggers.map((trigger) => ({
       event: trigger.event,
       action: "callApi",
@@ -308,7 +332,7 @@ function builderViewEditorInputFromValues(values, parseTriggers) {
 }
 
 // src/admin/BuilderDefaultEditorBodies.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var styles = {
   page: {
     display: "grid",
@@ -486,10 +510,18 @@ function createBuilderDefaultFormEditorBody(options) {
           ] }),
           sourceType === "dbTable" ? /* @__PURE__ */ jsxs("label", { style: styles.field, children: [
             /* @__PURE__ */ jsx("span", { style: styles.label, children: "Table" }),
-            /* @__PURE__ */ jsxs("select", { style: styles.input, ...form.register("sourceTable"), children: [
-              /* @__PURE__ */ jsx("option", { value: BUILDER_EDITOR_NONE_VALUE, children: "Select table" }),
-              tables.map((table) => /* @__PURE__ */ jsx("option", { value: table.name, children: table.label ?? table.name }, table.name))
-            ] })
+            /* @__PURE__ */ jsxs(
+              "select",
+              {
+                style: styles.input,
+                value: sourceTable,
+                ...form.register("sourceTable"),
+                children: [
+                  /* @__PURE__ */ jsx("option", { value: BUILDER_EDITOR_NONE_VALUE, children: "Select table" }),
+                  tables.map((table) => /* @__PURE__ */ jsx("option", { value: table.name, children: table.label ?? table.name }, table.name))
+                ]
+              }
+            )
           ] }) : null,
           sourceType === "apiEndpoint" ? /* @__PURE__ */ jsxs("label", { style: styles.field, children: [
             /* @__PURE__ */ jsx("span", { style: styles.label, children: "API base path" }),
@@ -563,6 +595,30 @@ function createBuilderDefaultFormEditorBody(options) {
             /* @__PURE__ */ jsx("input", { type: "checkbox", ...form.register(`fields.${index}.disabled`) }),
             "Disabled"
           ] }),
+          fields[index]?.type === "file" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsxs("label", { style: styles.field, children: [
+              /* @__PURE__ */ jsx("span", { style: styles.label, children: "Storage" }),
+              /* @__PURE__ */ jsxs("select", { style: styles.input, ...form.register(`fields.${index}.storage`), children: [
+                /* @__PURE__ */ jsx("option", { value: "s3", children: "S3" }),
+                /* @__PURE__ */ jsx("option", { value: "server", children: "Server" })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs("label", { style: styles.field, children: [
+              /* @__PURE__ */ jsx("span", { style: styles.label, children: "Content type" }),
+              /* @__PURE__ */ jsxs("select", { style: styles.input, ...form.register(`fields.${index}.contentKind`), children: [
+                /* @__PURE__ */ jsx("option", { value: "image", children: "Image" }),
+                /* @__PURE__ */ jsx("option", { value: "file", children: "File" })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs("label", { style: styles.checkboxField, children: [
+              /* @__PURE__ */ jsx("input", { type: "checkbox", ...form.register(`fields.${index}.multiple`) }),
+              "Multiple"
+            ] }),
+            /* @__PURE__ */ jsxs("label", { style: styles.field, children: [
+              /* @__PURE__ */ jsx("span", { style: styles.label, children: "Max size (MB)" }),
+              /* @__PURE__ */ jsx("input", { type: "number", min: "1", max: "100", style: styles.input, ...form.register(`fields.${index}.maxMegabytes`, { valueAsNumber: true }) })
+            ] })
+          ] }) : null,
           /* @__PURE__ */ jsxs("label", { style: styles.field, children: [
             /* @__PURE__ */ jsx("span", { style: styles.label, children: "Placeholder" }),
             /* @__PURE__ */ jsx("input", { style: styles.input, ...form.register(`fields.${index}.placeholder`) })
@@ -747,6 +803,7 @@ function createBuilderDefaultListEditorBody(options) {
     listId,
     form,
     columnArray,
+    orderByArray,
     triggerArray,
     sourceType,
     sourceTable,
@@ -756,6 +813,8 @@ function createBuilderDefaultListEditorBody(options) {
     isSaving,
     importColumnsFromTable
   }) {
+    const selectedTable = tables.find((table) => table.name === sourceTable);
+    const orderByColumns = selectedTable?.columns.filter((column) => column.sortable) ?? [];
     return /* @__PURE__ */ jsxs("div", { style: styles.page, children: [
       /* @__PURE__ */ jsxs("div", { style: styles.header, children: [
         /* @__PURE__ */ jsxs("div", { children: [
@@ -788,10 +847,18 @@ function createBuilderDefaultListEditorBody(options) {
           ] }),
           sourceType === "dbTable" ? /* @__PURE__ */ jsxs("label", { style: styles.field, children: [
             /* @__PURE__ */ jsx("span", { style: styles.label, children: "Table" }),
-            /* @__PURE__ */ jsxs("select", { style: styles.input, ...form.register("sourceTable"), children: [
-              /* @__PURE__ */ jsx("option", { value: BUILDER_EDITOR_NONE_VALUE, children: "Select table" }),
-              tables.map((table) => /* @__PURE__ */ jsx("option", { value: table.name, children: table.label ?? table.name }, table.name))
-            ] })
+            /* @__PURE__ */ jsxs(
+              "select",
+              {
+                style: styles.input,
+                value: sourceTable,
+                ...form.register("sourceTable"),
+                children: [
+                  /* @__PURE__ */ jsx("option", { value: BUILDER_EDITOR_NONE_VALUE, children: "Select table" }),
+                  tables.map((table) => /* @__PURE__ */ jsx("option", { value: table.name, children: table.label ?? table.name }, table.name))
+                ]
+              }
+            )
           ] }) : null,
           sourceType === "apiEndpoint" ? /* @__PURE__ */ jsxs("label", { style: styles.field, children: [
             /* @__PURE__ */ jsx("span", { style: styles.label, children: "API base path" }),
@@ -809,6 +876,85 @@ function createBuilderDefaultListEditorBody(options) {
           ) }) : null
         ] })
       ] }),
+      /* @__PURE__ */ jsxs("section", { style: styles.section, children: [
+        /* @__PURE__ */ jsxs("div", { style: styles.sectionHeader, children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("h2", { style: styles.sectionTitle, children: "Default ordering" }),
+            /* @__PURE__ */ jsx("p", { style: styles.description, children: "Rules are applied from top to bottom." })
+          ] }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              style: styles.button,
+              disabled: sourceType === "none" || orderByArray.fields.length >= 8,
+              onClick: () => orderByArray.append({
+                field: sourceType === "dbTable" ? orderByColumns[0]?.name ?? BUILDER_EDITOR_NONE_VALUE : "",
+                direction: "desc"
+              }),
+              children: "Add ordering"
+            }
+          )
+        ] }),
+        orderByArray.fields.length === 0 ? /* @__PURE__ */ jsx("div", { style: styles.grid, children: /* @__PURE__ */ jsx("p", { style: styles.description, children: "Automatic ordering is used." }) }) : null,
+        orderByArray.fields.map((rule, index) => /* @__PURE__ */ jsxs("div", { style: styles.row, children: [
+          sourceType === "dbTable" ? /* @__PURE__ */ jsxs("label", { style: styles.field, children: [
+            /* @__PURE__ */ jsx("span", { style: styles.label, children: "Order by field" }),
+            /* @__PURE__ */ jsxs("select", { style: styles.input, ...form.register(`orderBy.${index}.field`), children: [
+              /* @__PURE__ */ jsx("option", { value: BUILDER_EDITOR_NONE_VALUE, children: "Select field" }),
+              orderByColumns.map((column) => /* @__PURE__ */ jsx("option", { value: column.name, children: column.label }, column.name))
+            ] })
+          ] }) : /* @__PURE__ */ jsxs("label", { style: styles.field, children: [
+            /* @__PURE__ */ jsx("span", { style: styles.label, children: "Order by field" }),
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                style: styles.input,
+                placeholder: "createdAt",
+                ...form.register(`orderBy.${index}.field`)
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("label", { style: styles.field, children: [
+            /* @__PURE__ */ jsx("span", { style: styles.label, children: "Direction" }),
+            /* @__PURE__ */ jsxs("select", { style: styles.input, ...form.register(`orderBy.${index}.direction`), children: [
+              /* @__PURE__ */ jsx("option", { value: "asc", children: "Ascending" }),
+              /* @__PURE__ */ jsx("option", { value: "desc", children: "Descending" })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { style: styles.actions, children: [
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                style: styles.button,
+                disabled: index === 0,
+                onClick: () => orderByArray.move(index, index - 1),
+                children: "Move up"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                style: styles.button,
+                disabled: index === orderByArray.fields.length - 1,
+                onClick: () => orderByArray.move(index, index + 1),
+                children: "Move down"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                style: styles.button,
+                onClick: () => orderByArray.remove(index),
+                children: "Remove"
+              }
+            )
+          ] })
+        ] }, rule.id))
+      ] }),
       /* @__PURE__ */ jsxs("section", { style: styles.section, children: [
         /* @__PURE__ */ jsxs("div", { style: styles.sectionHeader, children: [
           /* @__PURE__ */ jsxs("div", { children: [
@@ -849,16 +995,10 @@ function createBuilderDefaultListEditorBody(options) {
             /* @__PURE__ */ jsx("input", { type: "checkbox", ...form.register(`columns.${index}.sortable`) }),
             "Sortable"
           ] }),
-          /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              style: styles.button,
-              onClick: () => columnArray.remove(index),
-              disabled: columnArray.fields.length <= 1,
-              children: "Remove"
-            }
-          )
+          /* @__PURE__ */ jsxs("label", { style: styles.checkboxField, children: [
+            /* @__PURE__ */ jsx("input", { type: "checkbox", ...form.register(`columns.${index}.hidden`) }),
+            "Hidden"
+          ] })
         ] }, column.id))
       ] }),
       /* @__PURE__ */ jsxs("section", { style: styles.section, children: [
@@ -1089,7 +1229,7 @@ function createBuilderDefaultEntityManagerComponent(deps) {
 // src/admin/BuilderDefaultViewEditorPage.tsx
 import { useEffect } from "react";
 import { useForm } from "react-hook-form";
-import { Fragment, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 var styles3 = {
   page: {
     display: "grid",
@@ -1276,7 +1416,7 @@ function createBuilderDefaultViewEditorPage(options) {
             (lists.data ?? []).map((item) => /* @__PURE__ */ jsx3("option", { value: item.id, children: item.title }, item.id))
           ] })
         ] }),
-        showPermissions ? /* @__PURE__ */ jsxs3(Fragment, { children: [
+        showPermissions ? /* @__PURE__ */ jsxs3(Fragment2, { children: [
           /* @__PURE__ */ jsxs3("label", { style: styles3.field, children: [
             /* @__PURE__ */ jsx3("span", { style: styles3.label, children: "Read permission" }),
             /* @__PURE__ */ jsxs3("select", { style: styles3.input, ...form.register("permissionRead"), children: [
@@ -1387,6 +1527,7 @@ function createBuilderListEditorPageComponent(deps) {
       defaultValues: deps.emptyValues
     });
     const columnArray = useFieldArray({ control: form.control, name: "columns" });
+    const orderByArray = useFieldArray({ control: form.control, name: "orderBy" });
     const triggerArray = useFieldArray({ control: form.control, name: "triggers" });
     const sourceType = useWatch({ control: form.control, name: "sourceType" });
     const sourceTable = useWatch({ control: form.control, name: "sourceTable" });
@@ -1420,6 +1561,7 @@ function createBuilderListEditorPageComponent(deps) {
         listId,
         form,
         columnArray,
+        orderByArray,
         triggerArray,
         sourceType,
         sourceTable,
@@ -1438,6 +1580,7 @@ import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
 var defaultFieldTypeOptions = [
   { value: "text", label: "Text" },
   { value: "textarea", label: "Textarea" },
+  { value: "richtext", label: "Rich text" },
   { value: "number", label: "Number" },
   { value: "money", label: "Money" },
   { value: "select", label: "Select" },
@@ -1548,6 +1691,10 @@ function createBuilderAdminPages({
     required: true,
     hidden: false,
     disabled: false,
+    storage: "s3",
+    contentKind: "image",
+    multiple: false,
+    maxMegabytes: 10,
     placeholder: "",
     optionsText: "",
     optionsMode: "static",
@@ -1582,6 +1729,7 @@ function createBuilderAdminPages({
     key: "name",
     label: "Name",
     sortable: true,
+    hidden: false,
     align: "left"
   };
   const emptyListValues = {
@@ -1590,6 +1738,7 @@ function createBuilderAdminPages({
     sourceType: "none",
     sourceTable: BUILDER_EDITOR_NONE_VALUE,
     apiBasePath: "",
+    orderBy: [],
     columns: [emptyColumn],
     triggers: [],
     version: 0