@rebasepro/admin 0.0.1-canary.c53f5db → 0.0.1-canary.cbdd980

package/dist/{CollectionEditorDialog-CN8hb1_b.js → CollectionEditorDialog-ywdxhs1L.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-BjRT3pwq.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-zfU1zOCX.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-DpQRpckh.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-BuZrNnBN.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,7 +1110,6 @@ function collectionToCode(collection) {
     path: collection.slug,
     description: collection.description,
     icon: collection.icon,
-    group: collection.group,
     defaultFilter: collection.defaultFilter,
     sort: collection.sort,
     properties: Object.entries({
@@ -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?"
     }
   }
@@ -4214,7 +4220,6 @@ function CollectionEditor(props) {
       console.error(e);
     }
   }, [props.editedCollectionId, props.parentCollectionSlugs, props.parentEntityIds, collectionRegistry.initialised, collectionRegistry.getRawCollection]);
-  const groups = topLevelNavigation?.groups ?? [];
   const initialCollection = collection ? {
     ...collection,
     slug: collection.slug ?? randomString(16)
@@ -4233,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)],
@@ -4245,7 +4249,7 @@ 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,
@@ -4256,7 +4260,6 @@ function CollectionEditorInternal({
   path,
   collectionInference,
   handleClose,
-  reservedGroups,
   extraView,
   handleCancel,
   setFormDirty,
@@ -4270,7 +4273,6 @@ function CollectionEditorInternal({
   setCollection,
   initialValues,
   propertyConfigs,
-  groups,
   existingEntities,
   initialView: initialViewProp,
   expandKanban,
@@ -4566,7 +4568,7 @@ function CollectionEditorInternal({
   };
   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-950 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" }),
@@ -4615,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)
@@ -4726,4 +4728,4 @@ export {
   CollectionEditor,
   CollectionEditorDialog
 };
-//# sourceMappingURL=CollectionEditorDialog-CN8hb1_b.js.map
+//# sourceMappingURL=CollectionEditorDialog-ywdxhs1L.js.map