@rebasepro/admin 0.0.1-canary.eae7889 → 0.1.0

package/dist/{CollectionEditorDialog-B2M9lCyL.js → CollectionEditorDialog-MbvXGzEq.js}

@@ -1,7 +1,7 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { c } from "react-compiler-runtime";
 import { useAuthController, useCustomizationController, IconForView, useSnackbarController, useLargeLayout, AIIcon, useRebaseContext, ErrorView, ConfirmationDialog, useUnsavedChangesDialog, UnsavedChangesDialog } from "@rebasepro/core";
-import { bk as useCollectionsConfigController, a3 as FieldCaption, ar as SearchIconsView, d as getFieldConfig, P as PropertyConfigBadge, aX as getFullId, b0 as idToPropertiesPath, b4 as namespaceToPropertiesOrderPath, br as validateCollectionJson, e as useCollectionRegistryController, K as CollectionGenerationApiError, s as useCollectionEditorController, I as ImportFileUpload, a as getInferenceType, a8 as ImportNewPropertyFieldPreview, D as DataNewPropertiesMapping, aW as getFieldId, f as useSelectionController, h as convertDataToEntity, E as EntityCollectionTable, m as useNavigationStateController, u as useImportConfig, j as useUrlController, b as ImportSaveInProgress, aY as getFullIdPath } from "./util-BQ82ySL3.js";
+import { bk as useCollectionsConfigController, a3 as FieldCaption, ar as SearchIconsView, d as getFieldConfig, P as PropertyConfigBadge, aX as getFullId, b0 as idToPropertiesPath, b4 as namespaceToPropertiesOrderPath, br as validateCollectionJson, e as useCollectionRegistryController, K as CollectionGenerationApiError, s as useCollectionEditorController, I as ImportFileUpload, a as getInferenceType, a8 as ImportNewPropertyFieldPreview, D as DataNewPropertiesMapping, aW as getFieldId, f as useSelectionController, h as convertDataToEntity, E as EntityCollectionTable, m as useNavigationStateController, u as useImportConfig, j as useUrlController, b as ImportSaveInProgress, aY as getFullIdPath } from "./util-CwLmSpGp.js";
 import * as React from "react";
 import React__default, { useState, useRef, useMemo, useEffect } from "react";
 import { Chip, Typography, cls, Tooltip, IconButton, TextField, DebouncedTextField, Dialog, Container, ToggleButtonGroup, Select, SelectItem, iconSize, Button, BooleanSwitchWithLabel, DialogTitle, DialogContent, DialogActions, CircularProgress, ErrorBoundary, defaultBorderMixin, Table, TableHeader, TableCell, TableBody, TableRow, Menu, Card, CircularProgressCenter, Paper, MultiSelect, MultiSelectItem, coolIconKeys, Tabs, Tab, LoadingButton } from "@rebasepro/ui";
@@ -23,7 +23,7 @@ import "xlsx";
 import { buildPropertyFromData, buildEntityPropertiesFromData } from "@rebasepro/schema-inference";
 import "date-fns";
 import "date-fns/locale";
-import { a as PropertyFormDialog, u as useAIModifiedPaths, b as PropertyTree, P as PropertyForm, s as supportedFields, c as updatePropertyFromWidget, A as AIModifiedPathsProvider } from "./PropertyEditView-DS67DxoT.js";
+import { a as PropertyFormDialog, u as useAIModifiedPaths, b as PropertyTree, P as PropertyForm, s as supportedFields, c as updatePropertyFromWidget, A as AIModifiedPathsProvider } from "./PropertyEditView-C4nlYmAc.js";
 import JSON5 from "json5";
 import { Highlight, themes } from "prism-react-renderer";
 const CollectionEditorSchema = z.object({
@@ -893,8 +893,10 @@ function DisplaySettingsForm({
             /* @__PURE__ */ jsx(PropertyFormDialog, { open: orderPropertyDialogOpen, onCancel: () => setOrderPropertyDialogOpen(false), property: {
               type: "string",
               name: dialogPropertyName,
-              disabled: true,
-              hideFromCollection: true
+              ui: {
+                disabled: true,
+                hideFromCollection: true
+              }
             }, propertyKey: dialogPropertyKey, existingProperty: false, autoOpenTypeSelect: false, autoUpdateId: false, inArray: false, allowDataInference: false, propertyConfigs: customizationController.propertyConfigs, existingPropertyKeys: Object.keys(values.properties ?? {}), onPropertyChanged: ({
               id,
               property
@@ -1108,8 +1110,7 @@ function collectionToCode(collection) {
     path: collection.slug,
     description: collection.description,
     icon: collection.icon,
-    group: collection.group,
-    filter: collection.filter,
+    defaultFilter: collection.defaultFilter,
     sort: collection.sort,
     properties: Object.entries({
       ...collection.properties ?? {}
@@ -1128,7 +1129,6 @@ function CollectionPropertiesEditorForm({
   propertyErrorsRef,
   onPropertyError,
   setDirty,
-  reservedGroups,
   extraIcon,
   getUser,
   getData,
@@ -1344,7 +1344,7 @@ function CollectionPropertiesEditorForm({
     setSelectedPropertyKey(propertyKey_1);
     setSelectedPropertyNamespace(namespace_6);
   };
-  const body = /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-12 gap-2 h-full bg-surface dark:bg-surface-dark", children: [
+  const body = /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-12 gap-2 h-full bg-white dark:bg-surface-950", children: [
     /* @__PURE__ */ jsxs("div", { className: cls("bg-surface-50 dark:bg-surface-900", "p-4 md:p-8", "col-span-12 lg:col-span-5 h-full overflow-auto", !asDialog && "border-r " + defaultBorderMixin), children: [
       /* @__PURE__ */ jsxs("div", { className: "flex my-2", children: [
         /* @__PURE__ */ jsxs("div", { className: "grow mb-4", children: [
@@ -1480,7 +1480,7 @@ function CollectionRelationsTab() {
     ] }),
     /* @__PURE__ */ jsx(Dialog, { open: !!editingRelationState, onOpenChange: (open) => !open && handleCancel(), maxWidth: "2xl", children: editingRelationState && /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(DialogTitle, { className: "flex justify-between items-center w-full", variant: "h6", children: editingRelationIndex === -1 ? "New Relation" : "Edit Relation" }),
-      /* @__PURE__ */ jsx(DialogContent, { includeMargin: false, className: "p-4 md:p-6 border-t dark:border-surface-700 bg-surface-50 dark:bg-surface-800", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 max-w-2xl mx-auto", children: [
+      /* @__PURE__ */ jsx(DialogContent, { includeMargin: false, className: cls("p-4 md:p-6 border-t bg-white dark:bg-surface-900", defaultBorderMixin), children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 max-w-2xl mx-auto", children: [
         /* @__PURE__ */ jsx(TextField, { label: "Relation Name", name: "relationName", placeholder: "e.g. posts", value: editingRelationState.relationName || "", onChange: (e_1) => setEditingRelationState((prev) => prev ? {
           ...prev,
           relationName: e_1.target.value
@@ -1512,7 +1512,7 @@ function CollectionRelationsTab() {
           /* @__PURE__ */ jsx(SelectItem, { value: "owning", children: "Owning" }),
           /* @__PURE__ */ jsx(SelectItem, { value: "inverse", children: "Inverse" })
         ] }),
-        editingRelationState.cardinality === "many" && editingRelationState.direction === "owning" && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 mt-4 pt-4 border-t dark:border-surface-800", children: [
+        editingRelationState.cardinality === "many" && editingRelationState.direction === "owning" && /* @__PURE__ */ jsxs("div", { className: cls("flex flex-col gap-4 mt-4 pt-4 border-t", defaultBorderMixin), children: [
           /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", className: "text-text-primary", children: "Intermediate Table" }),
           /* @__PURE__ */ jsx(Typography, { variant: "body2", className: "text-text-secondary -mt-3", children: "Required for many-to-many relationships. This defines the junction table linking both collections." }),
           /* @__PURE__ */ jsx(TextField, { label: "Table Name", name: "throughTable", placeholder: "e.g. user_roles", value: editingRelationState.through?.table || "", onChange: (e_2) => setEditingRelationState((prev_3) => prev_3 ? {
@@ -1861,7 +1861,9 @@ const productsCollectionTemplate = {
     available: {
       type: "boolean",
       name: "Available",
-      columnWidth: 100,
+      ui: {
+        columnWidth: 100
+      },
       description: "Is this product available in the website"
     },
     price: {
@@ -1875,7 +1877,9 @@ const productsCollectionTemplate = {
     images: {
       type: "array",
       name: "Images",
-      hideFromCollection: true,
+      ui: {
+        hideFromCollection: true
+      },
       of: {
         type: "string",
         storage: {
@@ -2250,7 +2254,9 @@ const pagesCollectionTemplate = {
     is_published: {
       type: "boolean",
       name: "Is Published",
-      columnWidth: 100,
+      ui: {
+        columnWidth: 100
+      },
       description: "Should this page be live on the site?"
     }
   }
@@ -3344,6 +3350,12 @@ function cleanPropertiesFromImport(properties, parentSlug = "") {
     idColumn
   };
 }
+function sanitizeSqlIdentifier(name) {
+  if (!/^[a-zA-Z_][a-zA-Z0-9_]*$/.test(name)) {
+    throw new Error(`Invalid SQL identifier: "${name}". Only letters, digits, and underscores are allowed.`);
+  }
+  return `"${name}"`;
+}
 function CollectionRLSTab() {
   const {
     values,
@@ -3362,10 +3374,12 @@ function CollectionRLSTab() {
       if (!tableName || !databaseAdmin?.executeSql) return;
       setIsLoadingDb(true);
       try {
+        const safeTableName = sanitizeSqlIdentifier(tableName);
+        const quotedName = safeTableName.slice(1, -1);
         const sql = `
                     SELECT policyname, permissive, roles, cmd, qual, with_check
                     FROM pg_policies
-                    WHERE tablename = '${tableName}' AND schemaname NOT IN ('information_schema', 'pg_catalog');
+                    WHERE tablename = '${quotedName}' AND schemaname NOT IN ('information_schema', 'pg_catalog');
                 `;
         const result = await databaseAdmin.executeSql(sql);
         const extractRows = (res) => {
@@ -4185,7 +4199,7 @@ function CollectionEditor(props) {
   } = collectionRegistry;
   const initialValuesProp = props.initialValues;
   const copyFromProp = props.copyFrom;
-  const includeTemplates = !copyFromProp && !initialValuesProp?.slug && (props.parentCollectionIds ?? []).length === 0;
+  const includeTemplates = !copyFromProp && !initialValuesProp?.slug && (props.parentCollectionSlugs ?? []).length === 0;
   const collectionsInThisLevel = (props.parentCollection ? getSubcollections(props.parentCollection) : collections) ?? [];
   const existingPaths = collectionsInThisLevel.map((col) => getTableName(col)?.trim().toLowerCase()).filter(Boolean);
   const existingIds = collectionsInThisLevel.map((col_0) => col_0.slug?.trim().toLowerCase()).filter(Boolean);
@@ -4195,7 +4209,7 @@ function CollectionEditor(props) {
     try {
       if (collectionRegistry.initialised) {
         if (props.editedCollectionId) {
-          const collectionPath = [...props.parentCollectionIds ?? [], props.editedCollectionId].reduce((acc, segment, i) => i === 0 ? segment : `${acc}/fake_id/${segment}`, "");
+          const collectionPath = [...props.parentCollectionSlugs ?? [], props.editedCollectionId].reduce((acc, segment, i) => i === 0 ? segment : `${acc}/fake_id/${segment}`, "");
           setCollection(collectionRegistry.getRawCollection(collectionPath));
         } else {
           setCollection(void 0);
@@ -4205,8 +4219,7 @@ function CollectionEditor(props) {
     } catch (e) {
       console.error(e);
     }
-  }, [props.editedCollectionId, props.parentCollectionIds, collectionRegistry.initialised, collectionRegistry.getRawCollection]);
-  const groups = topLevelNavigation?.groups ?? [];
+  }, [props.editedCollectionId, props.parentCollectionSlugs, props.parentEntityIds, collectionRegistry.initialised, collectionRegistry.getRawCollection]);
   const initialCollection = collection ? {
     ...collection,
     slug: collection.slug ?? randomString(16)
@@ -4225,7 +4238,6 @@ function CollectionEditor(props) {
     slug: initialValuesProp?.slug ?? randomString(16),
     table: initialValuesProp?.slug ?? "",
     name: initialValuesProp?.name ?? "",
-    group: initialValuesProp?.group ?? "",
     properties: {},
     propertiesOrder: [],
     icon: coolIconKeys[Math.floor(Math.random() * coolIconKeys.length)],
@@ -4237,17 +4249,17 @@ function CollectionEditor(props) {
   if (!props.isNewCollection && (!collectionRegistry.initialised || !initialLoadingCompleted)) {
     return /* @__PURE__ */ jsx(CircularProgressCenter, {});
   }
-  return /* @__PURE__ */ jsx(CollectionEditorInternal, { ...props, initialValues, existingPaths, existingIds, includeTemplates, collection, setCollection, groups, propertyConfigs });
+  return /* @__PURE__ */ jsx(CollectionEditorInternal, { ...props, initialValues, existingPaths, existingIds, includeTemplates, collection, setCollection, propertyConfigs });
 }
 function CollectionEditorInternal({
   isNewCollection,
   configController,
   editedCollectionId,
-  parentCollectionIds,
+  parentCollectionSlugs,
+  parentEntityIds,
   path,
   collectionInference,
   handleClose,
-  reservedGroups,
   extraView,
   handleCancel,
   setFormDirty,
@@ -4261,7 +4273,6 @@ function CollectionEditorInternal({
   setCollection,
   initialValues,
   propertyConfigs,
-  groups,
   existingEntities,
   initialView: initialViewProp,
   expandKanban,
@@ -4285,7 +4296,7 @@ function CollectionEditorInternal({
       id,
       collectionData: updatedCollection,
       previousId: editedCollectionId,
-      parentCollectionIds
+      parentCollectionSlugs
     }).then(() => {
       setError(void 0);
       return true;
@@ -4488,7 +4499,7 @@ function CollectionEditorInternal({
   } = formController;
   const usedPath = getTableName(values_1);
   const pathError_0 = validatePath(usedPath, isNewCollection, existingPaths, values_1.slug);
-  const parentPaths = !pathError_0 && parentCollectionIds ? collectionRegistry.convertIdsToPaths(parentCollectionIds) : void 0;
+  const parentPaths = !pathError_0 && parentCollectionSlugs ? collectionRegistry.convertIdsToPaths(parentCollectionSlugs) : void 0;
   const updatedFullPath = parentPaths && parentPaths.length > 0 ? [...parentPaths, usedPath].join("/fake_id/") : path?.includes("/") ? path.split("/").slice(0, -1).join("/") + "/" + usedPath : usedPath;
   const resolvedPath = !pathError_0 ? urlController.resolveDatabasePathsFrom(updatedFullPath) : void 0;
   const getDataWithPath = resolvedPath && getData ? async () => {
@@ -4555,9 +4566,9 @@ function CollectionEditorInternal({
       aiModifiedPaths.addModifiedPaths(operations);
     }
   };
-  return /* @__PURE__ */ jsxs("div", { className: "h-full w-full flex flex-col bg-white dark:bg-surface-800", children: [
+  return /* @__PURE__ */ jsxs("div", { className: "h-full w-full flex flex-col bg-white dark:bg-surface-950", children: [
     /* @__PURE__ */ jsx(Formex, { value: formController, children: /* @__PURE__ */ jsxs(Fragment, { children: [
-      !isNewCollection && /* @__PURE__ */ jsxs("div", { className: cls("px-4 py-2 w-full flex shrink-0 items-center justify-between gap-4 bg-white dark:bg-surface-800 border-b", defaultBorderMixin), children: [
+      !isNewCollection && /* @__PURE__ */ jsxs("div", { className: cls("px-4 py-2 w-full flex shrink-0 items-center justify-between gap-4 bg-surface-50 dark:bg-surface-950 border-b", defaultBorderMixin), children: [
         /* @__PURE__ */ jsx("div", { className: "flex flex-1 items-center justify-end gap-4 min-w-0", children: /* @__PURE__ */ jsxs(Tabs, { value: currentView, className: "bg-transparent !w-fit max-w-full", onValueChange: (v) => setCurrentView(v), children: [
           /* @__PURE__ */ jsx(Tab, { value: "general", children: "General" }),
           /* @__PURE__ */ jsx(Tab, { value: "display", children: "Display" }),
@@ -4606,7 +4617,7 @@ function CollectionEditorInternal({
           currentView === "display" && /* @__PURE__ */ jsx(DisplaySettingsForm, { expandKanban }),
           currentView === "relations" && getDataSourceCapabilities(values_1.driver).supportsRelations && /* @__PURE__ */ jsx(CollectionRelationsTab, {}),
           currentView === "rls" && getDataSourceCapabilities(values_1.driver).supportsRLS && /* @__PURE__ */ jsx(CollectionRLSTab, {}),
-          currentView === "properties" && /* @__PURE__ */ jsx(CollectionPropertiesEditorForm, { showErrors: submitCount > 0, isNewCollection, reservedGroups, onPropertyError: (propertyKey, namespace, error_0) => {
+          currentView === "properties" && /* @__PURE__ */ jsx(CollectionPropertiesEditorForm, { showErrors: submitCount > 0, isNewCollection, onPropertyError: (propertyKey, namespace, error_0) => {
             const current = removeUndefined({
               ...propertyErrorsRef.current,
               [getFullIdPath(propertyKey, namespace)]: removeUndefined(error_0, true)
@@ -4615,7 +4626,7 @@ function CollectionEditorInternal({
             formController.validate();
           }, getUser, getData: getDataWithPath, doCollectionInference, propertyConfigs, extraIcon: extraView?.icon && /* @__PURE__ */ jsx(IconButton, { color: "primary", onClick: () => setCurrentView("extra_view"), children: extraView.icon }) })
         ] }),
-        (!fullScreen || isNewCollection || !!error) && /* @__PURE__ */ jsxs("div", { className: "shrink-0 w-full p-4 sm:px-6 sm:py-4 border-t border-surface-200 dark:border-surface-800 flex items-center justify-between gap-4 bg-white dark:bg-surface-800", children: [
+        (!fullScreen || isNewCollection || !!error) && /* @__PURE__ */ jsxs("div", { className: "shrink-0 w-full p-4 sm:px-6 sm:py-4 border-t border-surface-200 dark:border-surface-900 flex items-center justify-between gap-4 bg-white dark:bg-surface-950", children: [
           error && /* @__PURE__ */ jsx(ErrorView, { error }),
           isNewCollection && includeTemplates && currentView === "import_data_mapping" && /* @__PURE__ */ jsx(Button, { variant: "text", type: "button", onClick: () => {
             importConfig.setInUse(false);
@@ -4637,7 +4648,7 @@ function CollectionEditorInternal({
           isNewCollection && currentView === "import_data_preview" && /* @__PURE__ */ jsx(Button, { variant: "filled", color: "primary", onClick: () => {
             setNextMode();
           }, children: "Next" }),
-          isNewCollection && (currentView === "general" || currentView === "properties") && /* @__PURE__ */ jsxs(LoadingButton, { variant: "filled", color: "primary", type: "submit", loading: isSubmitting, disabled: isSubmitting || currentView === "general" && !validValues, startIcon: currentView === "properties" ? /* @__PURE__ */ jsx(CheckIcon, {}) : void 0, children: [
+          isNewCollection && (currentView === "general" || currentView === "properties") && /* @__PURE__ */ jsxs(LoadingButton, { variant: "filled", color: "primary", type: "submit", loading: isSubmitting, disabled: isSubmitting || currentView === "general" && !validValues || configController?.readOnly, startIcon: currentView === "properties" ? /* @__PURE__ */ jsx(CheckIcon, {}) : void 0, children: [
             currentView === "general" && "Next",
             currentView === "properties" && "Create collection"
           ] }),
@@ -4717,4 +4728,4 @@ export {
   CollectionEditor,
   CollectionEditorDialog
 };
-//# sourceMappingURL=CollectionEditorDialog-B2M9lCyL.js.map
+//# sourceMappingURL=CollectionEditorDialog-MbvXGzEq.js.map