@rebasepro/admin 0.2.1 → 0.2.3

package/dist/{CollectionEditorDialog-BXIh2AXg.js → CollectionEditorDialog-CmGXXSY9.js}

@@ -1,10 +1,10 @@
 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 { bi as useCollectionsConfigController, J as FieldCaption, ad as SearchIconsView, aL as getFieldConfig, $ as PropertyConfigBadge, aN as getFullId, aV as idToPropertiesPath, aZ as namespaceToPropertiesOrderPath, bu as validateCollectionJson, bh as useCollectionRegistryController, C as CollectionGenerationApiError, bg as useCollectionEditorController, O as ImportFileUpload, aR as getInferenceType, P as ImportNewPropertyFieldPreview, p as DataNewPropertiesMapping, aM as getFieldId, bp as useSelectionController, ay as convertDataToEntity, w as EntityCollectionTable, bm as useNavigationStateController, bk as useImportConfig, bt as useUrlController, Q as ImportSaveInProgress, aO as getFullIdPath } from "./util-DtbWD7LF.js";
+import { bi as useCollectionsConfigController, J as FieldCaption, ad as SearchIconsView, aL as getFieldConfig, $ as PropertyConfigBadge, aN as getFullId, aV as idToPropertiesPath, aZ as namespaceToPropertiesOrderPath, bu as validateCollectionJson, bh as useCollectionRegistryController, C as CollectionGenerationApiError, bg as useCollectionEditorController, O as ImportFileUpload, aR as getInferenceType, P as ImportNewPropertyFieldPreview, p as DataNewPropertiesMapping, aM as getFieldId, bp as useSelectionController, ay as convertDataToEntity, w as EntityCollectionTable, bm as useNavigationStateController, bk as useImportConfig, bt as useUrlController, Q as ImportSaveInProgress, aO as getFullIdPath } from "./util-DbWax_sV.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, ColumnsIcon, SquareIcon, PanelLeftIcon, AppWindow, ToggleButtonGroup, ListIcon, TableIcon, LayoutGridIcon, KanbanIcon, Select, SelectItem, XIcon, iconSize, Button, BooleanSwitchWithLabel, DialogTitle, DialogContent, CopyIcon, DialogActions, CircularProgress, FileSearchIcon, PlusIcon, ErrorBoundary, defaultBorderMixin, Table, TableHeader, TableCell, TableBody, TableRow, Trash2Icon, CodeIcon, Alert, Menu, ShoppingCartIcon, UserIcon, FileTextIcon, FileIcon, Card, CircularProgressCenter, Paper, KeyIcon, MultiSelect, MultiSelectItem, coolIconKeys, Tabs, Tab, LoadingButton, ArrowLeftIcon, CheckIcon } from "@rebasepro/ui";
+import { Chip, Typography, cls, Tooltip, IconButton, TextField, DebouncedTextField, Dialog, Container, ColumnsIcon, SquareIcon, PanelLeftIcon, AppWindow, ToggleButtonGroup, ListIcon, TableIcon, LayoutGridIcon, KanbanIcon, Select, SelectItem, XIcon, iconSize, Button, BooleanSwitchWithLabel, DialogTitle, DialogContent, CopyIcon, DialogActions, CircularProgress, FileSearchIcon, PlusIcon, ErrorBoundary, defaultBorderMixin, CodeIcon, Alert, Menu, ShoppingCartIcon, UserIcon, FileTextIcon, FileIcon, Card, CircularProgressCenter, Paper, KeyIcon, Trash2Icon, MultiSelect, MultiSelectItem, coolIconKeys, Tabs, Tab, LoadingButton, ArrowLeftIcon, CheckIcon } from "@rebasepro/ui";
 import { isPropertyBuilder, getSubcollections, getTableName, removeInitialAndTrailingSlashes } from "@rebasepro/common";
 import "fast-equals";
 import { useFormex, getIn, Field, clone, useCreateFormex, Formex } from "@rebasepro/formex";
@@ -21,7 +21,7 @@ import "exceljs";
 import { buildPropertyFromData, buildEntityPropertiesFromData } from "@rebasepro/schema-inference";
 import "date-fns";
 import "date-fns/locale";
-import { b as PropertyFormDialog, d as useAIModifiedPaths, c as PropertyTree, a as PropertyForm, s as supportedFields, u as updatePropertyFromWidget, A as AIModifiedPathsProvider } from "./PropertyEditView-BB5xjnhZ.js";
+import { b as PropertyFormDialog, d as useAIModifiedPaths, c as PropertyTree, a as PropertyForm, s as supportedFields, u as updatePropertyFromWidget, A as AIModifiedPathsProvider } from "./PropertyEditView-Cvryrb3B.js";
 import JSON5 from "json5";
 import { Highlight, themes } from "prism-react-renderer";
 const CollectionEditorSchema = z.object({
@@ -1391,180 +1391,6 @@ function CollectionPropertiesEditorForm({
     /* @__PURE__ */ jsx(ErrorBoundary, { children: /* @__PURE__ */ jsx(GetCodeDialog, { collection: values, open: codeDialogOpen, onOpenChange: setCodeDialogOpen }) })
   ] });
 }
-function CollectionRelationsTab() {
-  const {
-    values,
-    setFieldValue
-  } = useFormex();
-  const {
-    collections
-  } = useCollectionsConfigController();
-  const [editingRelationIndex, setEditingRelationIndex] = useState(null);
-  const [editingRelationState, setEditingRelationState] = useState(null);
-  const getTargetSlug = (target) => {
-    if (typeof target === "string") {
-      const match = target.match(/\(\)\s*=>\s*([a-zA-Z0-9_]+)/);
-      return match ? match[1] : target;
-    }
-    if (typeof target === "function") {
-      try {
-        if (target.slug) return target.slug;
-        const col = target();
-        return col?.slug || col?.name || "";
-      } catch (e) {
-        return "";
-      }
-    }
-    return "";
-  };
-  const relations = values.relations || [];
-  const handleDelete = (index) => {
-    const newRelations = [...relations];
-    newRelations.splice(index, 1);
-    setFieldValue("relations", newRelations);
-  };
-  const handleSave = () => {
-    if (!editingRelationState) return;
-    const newRelations_0 = [...relations];
-    if (editingRelationIndex === -1) {
-      newRelations_0.push(editingRelationState);
-    } else if (editingRelationIndex !== null) {
-      newRelations_0[editingRelationIndex] = editingRelationState;
-    }
-    setFieldValue("relations", newRelations_0);
-    setEditingRelationIndex(null);
-    setEditingRelationState(null);
-  };
-  const handleCancel = () => {
-    setEditingRelationIndex(null);
-    setEditingRelationState(null);
-  };
-  return /* @__PURE__ */ jsx("div", { className: "overflow-auto my-auto h-full w-full", children: /* @__PURE__ */ jsxs(Container, { maxWidth: "4xl", className: "flex flex-col gap-4 p-8 m-auto h-full", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-8", children: [
-      /* @__PURE__ */ jsx(Typography, { variant: "h5", children: "Relations" }),
-      /* @__PURE__ */ jsx(Button, { variant: "filled", color: "neutral", onClick: () => {
-        setEditingRelationIndex(-1);
-        setEditingRelationState({
-          relationName: "",
-          target: "",
-          cardinality: "many",
-          direction: "owning"
-        });
-      }, children: "ADD RELATION" })
-    ] }),
-    relations.length > 0 ? /* @__PURE__ */ jsx("div", { className: "w-full overflow-auto border dark:border-surface-800 rounded-lg", children: /* @__PURE__ */ jsxs(Table, { className: "w-full", children: [
-      /* @__PURE__ */ jsxs(TableHeader, { children: [
-        /* @__PURE__ */ jsx(TableCell, { header: true, className: "w-16" }),
-        /* @__PURE__ */ jsx(TableCell, { header: true, children: "Name" }),
-        /* @__PURE__ */ jsx(TableCell, { header: true, children: "Target" }),
-        /* @__PURE__ */ jsx(TableCell, { header: true, children: "Cardinality" }),
-        /* @__PURE__ */ jsx(TableCell, { header: true, children: "Direction" })
-      ] }),
-      /* @__PURE__ */ jsx(TableBody, { children: relations.map((relation, index_0) => /* @__PURE__ */ jsxs(TableRow, { className: "cursor-pointer hover:bg-surface-100 dark:hover:bg-surface-800", onClick: () => {
-        setEditingRelationIndex(index_0);
-        setEditingRelationState(relation);
-      }, children: [
-        /* @__PURE__ */ jsx(TableCell, { style: {
-          width: "64px"
-        }, children: /* @__PURE__ */ jsx(IconButton, { size: "small", onClick: (e_0) => {
-          e_0.stopPropagation();
-          handleDelete(index_0);
-        }, children: /* @__PURE__ */ jsx(Trash2Icon, {}) }) }),
-        /* @__PURE__ */ jsx(TableCell, { className: "font-medium", children: relation.relationName }),
-        /* @__PURE__ */ jsx(TableCell, { children: getTargetSlug(relation.target) || "Function" }),
-        /* @__PURE__ */ jsx(TableCell, { children: relation.cardinality }),
-        /* @__PURE__ */ jsx(TableCell, { children: relation.direction || "owning" })
-      ] }, index_0)) })
-    ] }) }) : /* @__PURE__ */ jsxs("div", { className: "flex-grow flex flex-col border border-dashed dark:border-surface-700 rounded-lg items-center justify-center text-text-disabled py-20", children: [
-      /* @__PURE__ */ jsx(Typography, { variant: "body2", className: "mb-4", children: "No relations defined for this collection." }),
-      /* @__PURE__ */ jsx(Button, { variant: "text", onClick: () => {
-        setEditingRelationIndex(-1);
-        setEditingRelationState({
-          relationName: "",
-          target: "",
-          cardinality: "many",
-          direction: "owning"
-        });
-      }, children: "Create your first relation" })
-    ] }),
-    /* @__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: 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
-        } : null) }),
-        /* @__PURE__ */ jsx(Select, { fullWidth: true, label: "Target Collection", value: getTargetSlug(editingRelationState.target), onValueChange: (val) => {
-          setEditingRelationState((prev_0) => {
-            if (!prev_0) return null;
-            const targetFn = () => collections?.find((c2) => c2.slug === val) || {
-              slug: val
-            };
-            targetFn.slug = val;
-            return {
-              ...prev_0,
-              target: targetFn
-            };
-          });
-        }, children: collections?.map((col_0) => /* @__PURE__ */ jsx(SelectItem, { value: col_0.slug, children: col_0.name || col_0.slug }, col_0.slug)) }),
-        /* @__PURE__ */ jsxs(Select, { fullWidth: true, label: "Cardinality", value: editingRelationState.cardinality || "many", onValueChange: (val_0) => setEditingRelationState((prev_1) => prev_1 ? {
-          ...prev_1,
-          cardinality: val_0
-        } : null), children: [
-          /* @__PURE__ */ jsx(SelectItem, { value: "many", children: "Many" }),
-          /* @__PURE__ */ jsx(SelectItem, { value: "one", children: "One" })
-        ] }),
-        /* @__PURE__ */ jsxs(Select, { fullWidth: true, label: "Direction", value: editingRelationState.direction || "owning", onValueChange: (val_1) => setEditingRelationState((prev_2) => prev_2 ? {
-          ...prev_2,
-          direction: val_1
-        } : null), children: [
-          /* @__PURE__ */ jsx(SelectItem, { value: "owning", children: "Owning" }),
-          /* @__PURE__ */ jsx(SelectItem, { value: "inverse", children: "Inverse" })
-        ] }),
-        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 ? {
-            ...prev_3,
-            through: {
-              ...prev_3.through || {
-                sourceColumn: "",
-                targetColumn: ""
-              },
-              table: e_2.target.value
-            }
-          } : null) }),
-          /* @__PURE__ */ jsxs("div", { className: "flex gap-4", children: [
-            /* @__PURE__ */ jsx(TextField, { className: "flex-1", label: "Source Column", name: "sourceColumn", placeholder: "FK to this collection", value: editingRelationState.through?.sourceColumn || "", onChange: (e_3) => setEditingRelationState((prev_4) => prev_4 ? {
-              ...prev_4,
-              through: {
-                ...prev_4.through || {
-                  table: "",
-                  targetColumn: ""
-                },
-                sourceColumn: e_3.target.value
-              }
-            } : null) }),
-            /* @__PURE__ */ jsx(TextField, { className: "flex-1", label: "Target Column", name: "targetColumn", placeholder: "FK to target collection", value: editingRelationState.through?.targetColumn || "", onChange: (e_4) => setEditingRelationState((prev_5) => prev_5 ? {
-              ...prev_5,
-              through: {
-                ...prev_5.through || {
-                  table: "",
-                  sourceColumn: ""
-                },
-                targetColumn: e_4.target.value
-              }
-            } : null) })
-          ] })
-        ] })
-      ] }) }),
-      /* @__PURE__ */ jsxs(DialogActions, { children: [
-        /* @__PURE__ */ jsx(Button, { variant: "text", onClick: handleCancel, children: "Cancel" }),
-        /* @__PURE__ */ jsx(Button, { variant: "filled", color: "primary", onClick: handleSave, disabled: !editingRelationState.relationName || !editingRelationState.target, children: "Save" })
-      ] })
-    ] }) })
-  ] }) });
-}
 const EXAMPLE_JSON = `{
   "id": "products",
   "name": "Products",
@@ -4460,7 +4286,7 @@ function CollectionEditorInternal({
   };
   const validation = (col) => {
     let errors = {};
-    const schema = (currentView === "properties" || currentView === "relations" || currentView === "general") && CollectionEditorSchema;
+    const schema = (currentView === "properties" || currentView === "general") && CollectionEditorSchema;
     if (schema) {
       const result = schema.safeParse(col);
       if (!result.success) {
@@ -4582,8 +4408,7 @@ function CollectionEditorInternal({
           /* @__PURE__ */ jsx(Tab, { value: "general", children: "General" }),
           /* @__PURE__ */ jsx(Tab, { value: "display", children: "Display" }),
           /* @__PURE__ */ jsx(Tab, { value: "properties", children: "Properties" }),
-          getDataSourceCapabilities(values_1.driver).supportsRLS && /* @__PURE__ */ jsx(Tab, { value: "rls", children: "RLS" }),
-          getDataSourceCapabilities(values_1.driver).supportsRelations && /* @__PURE__ */ jsx(Tab, { value: "relations", children: "Relations" })
+          getDataSourceCapabilities(values_1.driver).supportsRLS && /* @__PURE__ */ jsx(Tab, { value: "rls", children: "RLS" })
         ] }) }),
         /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
           generateCollection && /* @__PURE__ */ jsx(AICollectionGeneratorPopover, { existingCollection: values_1, onGenerated: handleAIGenerated, generateCollection, onAnalyticsEvent }),
@@ -4624,7 +4449,6 @@ function CollectionEditorInternal({
           } }),
           currentView === "general" && /* @__PURE__ */ jsx(GeneralSettingsForm, { existingPaths, existingIds, parentCollection, isNewCollection }),
           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, onPropertyError: (propertyKey, namespace, error_0) => {
             const current = removeUndefined({
@@ -4737,4 +4561,4 @@ export {
   CollectionEditor,
   CollectionEditorDialog
 };
-//# sourceMappingURL=CollectionEditorDialog-BXIh2AXg.js.map
+//# sourceMappingURL=CollectionEditorDialog-CmGXXSY9.js.map