@rebasepro/admin 0.0.1-canary.eae7889 → 0.1.0

package/dist/{PropertyEditView-DS67DxoT.js → PropertyEditView-C4nlYmAc.js}

@@ -4,9 +4,9 @@ import React__default, { useEffect, useMemo, useContext, createContext, useState
 import { deepEqual } from "fast-equals";
 import { useFormex, getIn, Field, useCreateFormex, Formex } from "@rebasepro/formex";
 import { useTranslation, useSnackbarController, useCustomizationController, AIModifiedIndicator, IconForView, ConfirmationDialog } from "@rebasepro/core";
-import { t as ArrayContainer, a3 as FieldCaption, d as getFieldConfig, P as PropertyConfigBadge, aY as getFullIdPath, aX as getFullId, b0 as idToPropertiesPath, b4 as namespaceToPropertiesOrderPath, b5 as namespaceToPropertiesPath, e as useCollectionRegistryController, O as DEFAULT_FIELD_CONFIGS, aW as getFieldId } from "./util-BQ82ySL3.js";
+import { t as ArrayContainer, a3 as FieldCaption, d as getFieldConfig, P as PropertyConfigBadge, aY as getFullIdPath, aX as getFullId, b0 as idToPropertiesPath, b4 as namespaceToPropertiesOrderPath, b5 as namespaceToPropertiesPath, e as useCollectionRegistryController, O as DEFAULT_FIELD_CONFIGS, aW as getFieldId } from "./util-CwLmSpGp.js";
 import { resolveEnumValues, isPropertyBuilder } from "@rebasepro/common";
-import { iconSize, Badge, IconButton, Typography, DebouncedTextField, Button, CircularProgress, Paper, DialogTitle, DialogContent, DialogActions, Dialog, BooleanSwitchWithLabel, Tooltip, ExpandablePanel, Select, SelectItem, MultiSelectItem, MultiSelect, cls, ErrorBoundary, defaultBorderMixin, MenuItem, Menu, TextField, SelectGroup, InfoLabel, Card } from "@rebasepro/ui";
+import { iconSize, Badge, IconButton, Typography, DebouncedTextField, Button, CircularProgress, Paper, DialogTitle, DialogContent, DialogActions, Dialog, BooleanSwitchWithLabel, Tooltip, ExpandablePanel, Select, SelectItem, MultiSelectItem, MultiSelect, cls, ErrorBoundary, defaultBorderMixin, MenuItem, Menu, TextField, InfoLabel, Card } from "@rebasepro/ui";
 import { RefreshCcwIcon, SettingsIcon, ListIcon, CheckSquareIcon, UploadCloudIcon, FunctionSquareIcon, MinusCircleIcon, FileSearchIcon, Trash2Icon, MoreVerticalIcon, ArrowUpToLineIcon, ArrowDownToLineIcon, PlusIcon, AlertTriangleIcon } from "lucide-react";
 import "zod";
 import { serializeRegExp, toSnakeCase, prettifyIdentifier, mergeDeep, isValidRegExp } from "@rebasepro/utils";
@@ -1192,7 +1192,7 @@ function StoragePropertyField(t0) {
       t282 = $[62];
     }
     if ($[63] !== acceptedFiles || $[64] !== disabled || $[65] !== handleTypesChange || $[66] !== t262 || $[67] !== t272 || $[68] !== t282) {
-      t11 = /* @__PURE__ */ jsx("div", { className: "col-span-12", children: /* @__PURE__ */ jsx(MultiSelect, { className: "w-full", placeholder: "All file types allowed", disabled, name: acceptedFiles, value: t262, onValueChange: handleTypesChange, label: t272, renderValues: _temp3$4, children: t282 }) });
+      t11 = /* @__PURE__ */ jsx("div", { className: "col-span-12", children: /* @__PURE__ */ jsx(MultiSelect, { className: "w-full", placeholder: "All file types allowed", disabled, name: acceptedFiles, value: t262, onValueChange: handleTypesChange, label: t272, renderValues: _temp3$3, children: t282 }) });
       $[63] = acceptedFiles;
       $[64] = disabled;
       $[65] = handleTypesChange;
@@ -1791,13 +1791,13 @@ function _temp4$3(selected_0) {
   }
   return selected_0 === "contain" ? "Contain (fit within bounds)" : "Cover (fill bounds, may crop)";
 }
-function _temp3$4(selected) {
+function _temp3$3(selected) {
   if (!selected || selected.length === 0) {
     return "All file types allowed";
   }
-  return selected.map(_temp$8).filter(_temp2$5).join(", ");
+  return selected.map(_temp$8).filter(_temp2$4).join(", ");
 }
-function _temp2$5(v_0) {
+function _temp2$4(v_0) {
   return Boolean(v_0);
 }
 function _temp$8(v) {
@@ -1828,10 +1828,10 @@ function PropertyFieldPreview(t0) {
   }
   const propertyConfig = t1;
   const t2 = onClick ? "cursor-pointer" : "";
-  const t3 = selected ? "bg-primary/5 dark:bg-primary/10 ring-1 ring-inset ring-primary" : "hover:bg-surface-50 dark:hover:bg-surface-800";
+  const t3 = selected ? "bg-primary/5 dark:bg-primary/10 ring-1 ring-inset ring-primary border-primary/30" : "hover:bg-surface-50 dark:hover:bg-surface-750";
   let t4;
   if ($[3] !== t3) {
-    t4 = cls("w-full flex flex-row gap-3 items-center px-3 py-2 rounded-lg transition-all duration-200 border border-transparent bg-transparent", t3);
+    t4 = cls("w-full flex flex-row gap-3 items-center px-3 py-2 rounded-lg transition-all duration-200 border bg-white dark:bg-surface-800 border-surface-200 dark:border-surface-700 shadow-xs", t3);
     $[3] = t3;
     $[4] = t4;
   } else {
@@ -1947,10 +1947,10 @@ function NonEditablePropertyPreview(t0) {
   }
   const propertyConfig = t1;
   const t2 = onClick ? "cursor-pointer" : "";
-  const t3 = selected ? "bg-primary/5 dark:bg-primary/10 ring-1 ring-inset ring-primary" : "hover:bg-surface-50 dark:hover:bg-surface-800";
+  const t3 = selected ? "bg-primary/5 dark:bg-primary/10 ring-1 ring-inset ring-primary border-primary/30" : "hover:bg-surface-50 dark:hover:bg-surface-750";
   let t4;
   if ($[3] !== t3) {
-    t4 = cls("w-full flex flex-row gap-3 items-center px-3 py-2 rounded-lg transition-all duration-200 border border-transparent bg-transparent", t3);
+    t4 = cls("w-full flex flex-row gap-3 items-center px-3 py-2 rounded-lg transition-all duration-200 border bg-white dark:bg-surface-800 border-surface-200 dark:border-surface-700 shadow-xs", t3);
     $[3] = t3;
     $[4] = t4;
   } else {
@@ -2905,13 +2905,13 @@ function MapPropertyField(t0) {
   }
   let t21;
   if ($[45] !== setFieldValue) {
-    t21 = (v) => setFieldValue("spreadChildren", v);
+    t21 = (v) => setFieldValue("ui.spreadChildren", v);
     $[45] = setFieldValue;
     $[46] = t21;
   } else {
     t21 = $[46];
   }
-  const t22 = values.spreadChildren ?? false;
+  const t22 = values.ui?.spreadChildren ?? false;
   let t23;
   if ($[47] !== t20 || $[48] !== t21 || $[49] !== t22) {
     t23 = /* @__PURE__ */ jsx(BooleanSwitchWithLabel, { position: "start", size: "medium", label: t20, onValueChange: t21, value: t22 });
@@ -4460,7 +4460,7 @@ function NumberPropertyField(t0) {
   }
   let t32;
   if ($[44] !== disabled || $[45] !== t24 || $[46] !== t25 || $[47] !== t26 || $[48] !== t27) {
-    t32 = /* @__PURE__ */ jsxs(Select, { name: "isId", disabled, fullWidth: true, value: t24, onValueChange: t25, renderValue: _temp2$4, error: t26, label: t27, children: [
+    t32 = /* @__PURE__ */ jsxs(Select, { name: "isId", disabled, fullWidth: true, value: t24, onValueChange: t25, renderValue: _temp2$3, error: t26, label: t27, children: [
       t28,
       t29,
       t30,
@@ -4553,7 +4553,7 @@ function NumberPropertyField(t0) {
   }
   return t41;
 }
-function _temp2$4(v_2) {
+function _temp2$3(v_2) {
   switch (v_2) {
     case "true": {
       return "Yes (Auto-increment/identity)";
@@ -4665,7 +4665,7 @@ function ReferencePropertyField(t0) {
   return t3;
 }
 function CollectionsSelect(t0) {
-  const $ = c(32);
+  const $ = c(29);
   let disabled;
   let error;
   let pathPath;
@@ -4719,95 +4719,73 @@ function CollectionsSelect(t0) {
     t1 = $[9];
   }
   const collections = t1;
-  let t2;
-  if ($[10] !== collections) {
-    t2 = Array.from(new Set(Object.values(collections).map(_temp$4).filter(Boolean)).values());
-    $[10] = collections;
-    $[11] = t2;
+  const t2 = Boolean(error);
+  const t3 = value ?? "";
+  let t4;
+  if ($[10] !== pathPath || $[11] !== setFieldValue) {
+    t4 = (e) => setFieldValue(pathPath, e.target.value);
+    $[10] = pathPath;
+    $[11] = setFieldValue;
+    $[12] = t4;
   } else {
-    t2 = $[11];
+    t4 = $[12];
   }
-  const groups = t2;
-  let t3;
-  if ($[12] !== collections || $[13] !== disabled || $[14] !== error || $[15] !== groups || $[16] !== pathPath || $[17] !== props || $[18] !== setFieldValue || $[19] !== t || $[20] !== value) {
-    const ungroupedCollections = collections.filter(_temp2$3);
-    const t4 = Boolean(error);
-    let t5;
-    if ($[22] !== pathPath || $[23] !== setFieldValue) {
-      t5 = (e_0) => setFieldValue(pathPath, e_0.target.value);
-      $[22] = pathPath;
-      $[23] = setFieldValue;
-      $[24] = t5;
-    } else {
-      t5 = $[24];
-    }
-    let t6;
-    if ($[25] !== t) {
-      t6 = t("target_collection");
-      $[25] = t;
-      $[26] = t6;
-    } else {
-      t6 = $[26];
-    }
-    let t7;
-    if ($[27] !== collections) {
-      t7 = (selected) => {
-        const selectedCollection = collections.find((collection) => collection.slug === selected);
-        if (!selectedCollection) {
-          return null;
-        }
-        return /* @__PURE__ */ jsxs("div", { className: "flex flex-row", children: [
-          /* @__PURE__ */ jsx(IconForView, { collectionOrView: selectedCollection }),
-          /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", className: "ml-4", children: selectedCollection?.name.toUpperCase() })
-        ] });
-      };
-      $[27] = collections;
-      $[28] = t7;
-    } else {
-      t7 = $[28];
-    }
-    let t8;
-    if ($[29] !== collections || $[30] !== groups) {
-      t8 = groups.flatMap((group) => /* @__PURE__ */ jsx(SelectGroup, { label: group || "Views", children: collections.filter((collection_0) => collection_0.group === group).map((collection_1) => /* @__PURE__ */ jsx(SelectItem, { value: collection_1.slug, children: /* @__PURE__ */ jsxs("div", { className: "flex flex-row", children: [
-        /* @__PURE__ */ jsx(IconForView, { collectionOrView: collection_1 }),
-        /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", className: "ml-4", children: collection_1?.name.toUpperCase() })
-      ] }) }, `${collection_1.slug}-${group}`)) }, `group_${group}`));
-      $[29] = collections;
-      $[30] = groups;
-      $[31] = t8;
-    } else {
-      t8 = $[31];
-    }
-    t3 = /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(Select, { error: t4, disabled, value: value ?? "", position: "item-aligned", name: pathPath, fullWidth: true, onChange: t5, label: t6, renderValue: t7, ...props, children: [
-      t8,
-      ungroupedCollections && /* @__PURE__ */ jsx(SelectGroup, { label: "Views", children: ungroupedCollections.map(_temp3$3) })
-    ] }) });
-    $[12] = collections;
-    $[13] = disabled;
-    $[14] = error;
-    $[15] = groups;
-    $[16] = pathPath;
-    $[17] = props;
-    $[18] = setFieldValue;
-    $[19] = t;
-    $[20] = value;
-    $[21] = t3;
+  let t5;
+  if ($[13] !== t) {
+    t5 = t("target_collection");
+    $[13] = t;
+    $[14] = t5;
   } else {
-    t3 = $[21];
+    t5 = $[14];
   }
-  return t3;
-}
-function _temp3$3(collection_2) {
-  return /* @__PURE__ */ jsx(SelectItem, { value: collection_2.slug, children: /* @__PURE__ */ jsxs("div", { className: "flex flex-row", children: [
-    /* @__PURE__ */ jsx(IconForView, { collectionOrView: collection_2 }),
-    /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", className: "ml-4", children: collection_2?.name.toUpperCase() })
-  ] }) }, collection_2.slug);
-}
-function _temp2$3(col) {
-  return !col.group;
+  let t6;
+  if ($[15] !== collections) {
+    t6 = (selected) => {
+      const selectedCollection = collections.find((collection) => collection.slug === selected);
+      if (!selectedCollection) {
+        return null;
+      }
+      return /* @__PURE__ */ jsxs("div", { className: "flex flex-row", children: [
+        /* @__PURE__ */ jsx(IconForView, { collectionOrView: selectedCollection }),
+        /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", className: "ml-4", children: selectedCollection?.name.toUpperCase() })
+      ] });
+    };
+    $[15] = collections;
+    $[16] = t6;
+  } else {
+    t6 = $[16];
+  }
+  let t7;
+  if ($[17] !== collections) {
+    t7 = collections.map(_temp$4);
+    $[17] = collections;
+    $[18] = t7;
+  } else {
+    t7 = $[18];
+  }
+  let t8;
+  if ($[19] !== disabled || $[20] !== pathPath || $[21] !== props || $[22] !== t2 || $[23] !== t3 || $[24] !== t4 || $[25] !== t5 || $[26] !== t6 || $[27] !== t7) {
+    t8 = /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(Select, { error: t2, disabled, value: t3, position: "item-aligned", name: pathPath, fullWidth: true, onChange: t4, label: t5, renderValue: t6, ...props, children: t7 }) });
+    $[19] = disabled;
+    $[20] = pathPath;
+    $[21] = props;
+    $[22] = t2;
+    $[23] = t3;
+    $[24] = t4;
+    $[25] = t5;
+    $[26] = t6;
+    $[27] = t7;
+    $[28] = t8;
+  } else {
+    t8 = $[28];
+  }
+  return t8;
 }
-function _temp$4(e) {
-  return e.group;
+function _temp$4(collection_0) {
+  return /* @__PURE__ */ jsx(SelectItem, { value: collection_0.slug, children: /* @__PURE__ */ jsxs("div", { className: "flex flex-row", children: [
+    /* @__PURE__ */ jsx(IconForView, { collectionOrView: collection_0 }),
+    /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", className: "ml-4", children: collection_0?.name.toUpperCase() })
+  ] }) }, collection_0.slug);
 }
 const TIMEZONES = [
   // UTC
@@ -5461,12 +5439,12 @@ function AdvancedPropertyValidation(t0) {
   } = t0;
   let t1;
   if ($[0] !== disabled) {
-    t1 = /* @__PURE__ */ jsx("div", { className: "col-span-12", children: /* @__PURE__ */ jsx(Field, { type: "checkbox", name: "hideFromCollection", children: (t22) => {
+    t1 = /* @__PURE__ */ jsx("div", { className: "col-span-12", children: /* @__PURE__ */ jsx(Field, { type: "checkbox", name: "ui.hideFromCollection", children: (t22) => {
       const {
         field,
         form
       } = t22;
-      return /* @__PURE__ */ jsx(SwitchControl, { label: "Hide from collection", size: "medium", disabled, form, tooltip: "Hide this field from the collection view. It will still be visible in the form view", field });
+      return /* @__PURE__ */ jsx(SwitchControl, { label: "Hide from collection", size: "small", disabled, form, tooltip: "Hide this field from the collection view. It will still be visible in the form view", field });
     } }) });
     $[0] = disabled;
     $[1] = t1;
@@ -5475,12 +5453,12 @@ function AdvancedPropertyValidation(t0) {
   }
   let t2;
   if ($[2] !== disabled) {
-    t2 = /* @__PURE__ */ jsx("div", { className: "col-span-12", children: /* @__PURE__ */ jsx(Field, { name: "readOnly", type: "checkbox", children: (t32) => {
+    t2 = /* @__PURE__ */ jsx("div", { className: "col-span-12", children: /* @__PURE__ */ jsx(Field, { name: "ui.readOnly", type: "checkbox", children: (t32) => {
       const {
         field: field_0,
         form: form_0
       } = t32;
-      return /* @__PURE__ */ jsx(SwitchControl, { label: "Read only", size: "medium", disabled, tooltip: "Is this a read only field. Display only as a preview", form: form_0, field: field_0 });
+      return /* @__PURE__ */ jsx(SwitchControl, { label: "Read only", size: "small", disabled, tooltip: "Is this a read only field. Display only as a preview", form: form_0, field: field_0 });
     } }) });
     $[2] = disabled;
     $[3] = t2;
@@ -8135,4 +8113,4 @@ export {
   supportedFields as s,
   useAIModifiedPaths as u
 };
-//# sourceMappingURL=PropertyEditView-DS67DxoT.js.map
+//# sourceMappingURL=PropertyEditView-C4nlYmAc.js.map