@rebasepro/admin 0.2.3 → 0.2.5

package/dist/{PropertyEditView-Cvryrb3B.js → PropertyEditView-BDNYkfNf.js}

@@ -4,7 +4,7 @@ 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 { a as ArrayContainer, J as FieldCaption, aL as getFieldConfig, $ as PropertyConfigBadge, aO as getFullIdPath, aN as getFullId, aV as idToPropertiesPath, aZ as namespaceToPropertiesOrderPath, a_ as namespaceToPropertiesPath, bh as useCollectionRegistryController, o as DEFAULT_FIELD_CONFIGS, aM as getFieldId } from "./util-DbWax_sV.js";
+import { a as ArrayContainer, N as FieldCaption, aO as getFieldConfig, a4 as PropertyConfigBadge, aR as getFullIdPath, aQ as getFullId, aY as idToPropertiesPath, b0 as namespaceToPropertiesOrderPath, b1 as namespaceToPropertiesPath, bl as useCollectionRegistryController, o as DEFAULT_FIELD_CONFIGS, aP as getFieldId } from "./util-0GYaJqL_.js";
 import { resolveEnumValues, isPropertyBuilder } from "@rebasepro/common";
 import { RefreshCcwIcon, iconSize, Badge, IconButton, SettingsIcon, Typography, DebouncedTextField, ListIcon, Button, CircularProgress, Paper, DialogTitle, DialogContent, DialogActions, Dialog, BooleanSwitchWithLabel, Tooltip, CheckSquareIcon, ExpandablePanel, Select, SelectItem, MultiSelectItem, UploadCloudIcon, MultiSelect, cls, ErrorBoundary, FunctionSquareIcon, MinusCircleIcon, FileSearchIcon, Trash2Icon, MoreVerticalIcon, ArrowUpToLineIcon, ArrowDownToLineIcon, defaultBorderMixin, MenuItem, Menu, PlusIcon, TextField, InfoLabel, AlertTriangleIcon, Card } from "@rebasepro/ui";
 import "zod";
@@ -19,6 +19,7 @@ import "exceljs";
 import { extractEnumFromValues } from "@rebasepro/schema-inference";
 import "date-fns";
 import "date-fns/locale";
+import "fuse.js";
 import { restrictToVerticalAxis } from "@dnd-kit/modifiers";
 function EnumForm(t0) {
   const $ = c(22);
@@ -1016,7 +1017,7 @@ function EnumPropertyField({
     ] }) }),
     !multiselect && /* @__PURE__ */ jsx("div", { className: "col-span-12", children: /* @__PURE__ */ jsx(Select, { disabled, position: "item-aligned", fullWidth: true, onValueChange: (value_0) => {
       setFieldValue("defaultValue", value_0);
-    }, label: t("default_value"), value: defaultValue ?? "", children: enumValues.filter((enumValue) => Boolean(enumValue?.id)).map((enumValue_0) => /* @__PURE__ */ jsx(SelectItem, { value: enumValue_0.id?.toString(), children: enumValue_0.label }, enumValue_0.id)) }) })
+    }, label: t("default_value"), value: defaultValue?.toString() ?? "", children: enumValues.filter((enumValue) => Boolean(enumValue?.id)).map((enumValue_0) => /* @__PURE__ */ jsx(SelectItem, { value: enumValue_0.id?.toString(), children: enumValue_0.label }, enumValue_0.id)) }) })
   ] });
 }
 const fileTypes = {
@@ -2708,11 +2709,11 @@ function MapPropertyField(t0) {
   const propertiesOrder = t1;
   let t2;
   if ($[3] !== setFieldValue || $[4] !== values.properties || $[5] !== values.propertiesOrder) {
-    t2 = (t34) => {
+    t2 = (t35) => {
       const {
         id,
         property
-      } = t34;
+      } = t35;
       if (!id) {
         throw Error();
       }
@@ -2742,7 +2743,7 @@ function MapPropertyField(t0) {
       }
       const propertiesPath = idToPropertiesPath(fullId);
       const propertiesOrderPath = namespaceToPropertiesOrderPath(namespace);
-      const currentPropertiesOrder_0 = getIn(values, propertiesOrderPath) ?? Object.keys(getIn(values, namespaceToPropertiesPath(namespace)));
+      const currentPropertiesOrder_0 = getIn(values, propertiesOrderPath) ?? Object.keys(getIn(values, namespaceToPropertiesPath(namespace)) ?? {});
       setFieldValue(propertiesPath, void 0, false);
       setFieldValue(propertiesOrderPath, currentPropertiesOrder_0.filter((p) => p !== propertyKey), false);
       setPropertyDialogOpen(false);
@@ -2960,45 +2961,46 @@ function MapPropertyField(t0) {
     t26 = $[54];
     t27 = $[55];
   }
-  const t28 = Boolean(selectedPropertyKey);
-  const t29 = !selectedPropertyKey;
+  const t28 = selectedProperty;
+  const t29 = Boolean(selectedPropertyKey);
   const t30 = !selectedPropertyKey;
-  const t31 = selectedPropertyKey ? void 0 : propertiesOrder;
-  let t32;
-  if ($[56] !== allowDataInference || $[57] !== deleteProperty || $[58] !== getData || $[59] !== onPropertyCreated || $[60] !== propertyConfigs || $[61] !== propertyDialogOpen || $[62] !== selectedProperty || $[63] !== selectedPropertyKey || $[64] !== selectedPropertyNamespace || $[65] !== t28 || $[66] !== t29 || $[67] !== t30 || $[68] !== t31) {
-    t32 = /* @__PURE__ */ jsx(PropertyFormDialog, { inArray: false, forceShowErrors: false, open: propertyDialogOpen, allowDataInference, onCancel: t26, onOkClicked: t27, getData, onDelete: deleteProperty, propertyKey: selectedPropertyKey, propertyNamespace: selectedPropertyNamespace, property: selectedProperty, existingProperty: t28, autoUpdateId: t29, autoOpenTypeSelect: t30, onPropertyChanged: onPropertyCreated, existingPropertyKeys: t31, propertyConfigs });
+  const t31 = !selectedPropertyKey;
+  const t32 = selectedPropertyKey ? void 0 : propertiesOrder;
+  let t33;
+  if ($[56] !== allowDataInference || $[57] !== deleteProperty || $[58] !== getData || $[59] !== onPropertyCreated || $[60] !== propertyConfigs || $[61] !== propertyDialogOpen || $[62] !== selectedPropertyKey || $[63] !== selectedPropertyNamespace || $[64] !== t28 || $[65] !== t29 || $[66] !== t30 || $[67] !== t31 || $[68] !== t32) {
+    t33 = /* @__PURE__ */ jsx(PropertyFormDialog, { inArray: false, forceShowErrors: false, open: propertyDialogOpen, allowDataInference, onCancel: t26, onOkClicked: t27, getData, onDelete: deleteProperty, propertyKey: selectedPropertyKey, propertyNamespace: selectedPropertyNamespace, property: t28, existingProperty: t29, autoUpdateId: t30, autoOpenTypeSelect: t31, onPropertyChanged: onPropertyCreated, existingPropertyKeys: t32, propertyConfigs });
     $[56] = allowDataInference;
     $[57] = deleteProperty;
     $[58] = getData;
     $[59] = onPropertyCreated;
     $[60] = propertyConfigs;
     $[61] = propertyDialogOpen;
-    $[62] = selectedProperty;
-    $[63] = selectedPropertyKey;
-    $[64] = selectedPropertyNamespace;
-    $[65] = t28;
-    $[66] = t29;
-    $[67] = t30;
-    $[68] = t31;
-    $[69] = t32;
+    $[62] = selectedPropertyKey;
+    $[63] = selectedPropertyNamespace;
+    $[64] = t28;
+    $[65] = t29;
+    $[66] = t30;
+    $[67] = t31;
+    $[68] = t32;
+    $[69] = t33;
   } else {
-    t32 = $[69];
+    t33 = $[69];
   }
-  let t33;
-  if ($[70] !== t19 || $[71] !== t25 || $[72] !== t32) {
-    t33 = /* @__PURE__ */ jsxs(Fragment, { children: [
+  let t34;
+  if ($[70] !== t19 || $[71] !== t25 || $[72] !== t33) {
+    t34 = /* @__PURE__ */ jsxs(Fragment, { children: [
       t19,
       t25,
-      t32
+      t33
     ] });
     $[70] = t19;
     $[71] = t25;
-    $[72] = t32;
-    $[73] = t33;
+    $[72] = t33;
+    $[73] = t34;
   } else {
-    t33 = $[73];
+    t34 = $[73];
   }
-  return t33;
+  return t34;
 }
 function RepeatPropertyField(t0) {
   const $ = c(35);
@@ -3876,7 +3878,7 @@ function BlockPropertyField(t0) {
       }
       setFieldValue(`oneOf.${idToPropertiesPath(fullId)}`, void 0, false);
       const propertiesOrderPath = `oneOf.${namespaceToPropertiesOrderPath(namespace_0)}`;
-      const currentPropertiesOrder_0 = getIn(values, propertiesOrderPath) ?? Object.keys(getIn(values, namespaceToPropertiesPath(namespace_0)));
+      const currentPropertiesOrder_0 = getIn(values, propertiesOrderPath) ?? Object.keys(getIn(values, namespaceToPropertiesPath(namespace_0)) ?? {});
       setFieldValue(propertiesOrderPath, currentPropertiesOrder_0.filter((p) => p !== propertyKey), false);
       setPropertyDialogOpen(false);
       setSelectedPropertyKey(void 0);
@@ -4083,176 +4085,180 @@ function NumberPropertyValidation(t0) {
   } else {
     t2 = $[3];
   }
-  let t3;
+  const t3 = t2;
+  let t4;
   if ($[4] !== t) {
-    t3 = t("min_value");
+    t4 = t("min_value");
     $[4] = t;
-    $[5] = t3;
+    $[5] = t4;
   } else {
-    t3 = $[5];
+    t4 = $[5];
   }
-  let t4;
-  if ($[6] !== disabled || $[7] !== handleChange || $[8] !== t2 || $[9] !== t3) {
-    t4 = /* @__PURE__ */ jsx("div", { className: "col-span-6", children: /* @__PURE__ */ jsx(DebouncedTextField, { value: t2, label: t3, name: "validation.min", type: "number", size: "small", disabled, onChange: handleChange }) });
+  let t5;
+  if ($[6] !== disabled || $[7] !== handleChange || $[8] !== t3 || $[9] !== t4) {
+    t5 = /* @__PURE__ */ jsx("div", { className: "col-span-6", children: /* @__PURE__ */ jsx(DebouncedTextField, { value: t3, label: t4, name: "validation.min", type: "number", size: "small", disabled, onChange: handleChange }) });
     $[6] = disabled;
     $[7] = handleChange;
-    $[8] = t2;
-    $[9] = t3;
-    $[10] = t4;
+    $[8] = t3;
+    $[9] = t4;
+    $[10] = t5;
   } else {
-    t4 = $[10];
+    t5 = $[10];
   }
-  let t5;
+  let t6;
   if ($[11] !== values) {
-    t5 = getIn(values, "validation.max");
+    t6 = getIn(values, "validation.max");
     $[11] = values;
-    $[12] = t5;
+    $[12] = t6;
   } else {
-    t5 = $[12];
+    t6 = $[12];
   }
-  let t6;
+  const t7 = t6;
+  let t8;
   if ($[13] !== t) {
-    t6 = t("max_value");
+    t8 = t("max_value");
     $[13] = t;
-    $[14] = t6;
+    $[14] = t8;
   } else {
-    t6 = $[14];
+    t8 = $[14];
   }
-  let t7;
-  if ($[15] !== disabled || $[16] !== handleChange || $[17] !== t5 || $[18] !== t6) {
-    t7 = /* @__PURE__ */ jsx("div", { className: "col-span-6", children: /* @__PURE__ */ jsx(DebouncedTextField, { value: t5, label: t6, name: "validation.max", type: "number", size: "small", disabled, onChange: handleChange }) });
+  let t9;
+  if ($[15] !== disabled || $[16] !== handleChange || $[17] !== t7 || $[18] !== t8) {
+    t9 = /* @__PURE__ */ jsx("div", { className: "col-span-6", children: /* @__PURE__ */ jsx(DebouncedTextField, { value: t7, label: t8, name: "validation.max", type: "number", size: "small", disabled, onChange: handleChange }) });
     $[15] = disabled;
     $[16] = handleChange;
-    $[17] = t5;
-    $[18] = t6;
-    $[19] = t7;
+    $[17] = t7;
+    $[18] = t8;
+    $[19] = t9;
   } else {
-    t7 = $[19];
+    t9 = $[19];
   }
-  let t8;
+  let t10;
   if ($[20] !== values) {
-    t8 = getIn(values, "validation.lessThan");
+    t10 = getIn(values, "validation.lessThan");
     $[20] = values;
-    $[21] = t8;
+    $[21] = t10;
   } else {
-    t8 = $[21];
+    t10 = $[21];
   }
-  let t9;
+  const t11 = t10;
+  let t12;
   if ($[22] !== t) {
-    t9 = t("less_than");
+    t12 = t("less_than");
     $[22] = t;
-    $[23] = t9;
+    $[23] = t12;
   } else {
-    t9 = $[23];
+    t12 = $[23];
   }
-  let t10;
-  if ($[24] !== disabled || $[25] !== handleChange || $[26] !== t8 || $[27] !== t9) {
-    t10 = /* @__PURE__ */ jsx("div", { className: "col-span-6", children: /* @__PURE__ */ jsx(DebouncedTextField, { value: t8, label: t9, name: "validation.lessThan", type: "number", size: "small", disabled, onChange: handleChange }) });
+  let t13;
+  if ($[24] !== disabled || $[25] !== handleChange || $[26] !== t11 || $[27] !== t12) {
+    t13 = /* @__PURE__ */ jsx("div", { className: "col-span-6", children: /* @__PURE__ */ jsx(DebouncedTextField, { value: t11, label: t12, name: "validation.lessThan", type: "number", size: "small", disabled, onChange: handleChange }) });
     $[24] = disabled;
     $[25] = handleChange;
-    $[26] = t8;
-    $[27] = t9;
-    $[28] = t10;
+    $[26] = t11;
+    $[27] = t12;
+    $[28] = t13;
   } else {
-    t10 = $[28];
+    t13 = $[28];
   }
-  let t11;
+  let t14;
   if ($[29] !== values) {
-    t11 = getIn(values, "validation.moreThan");
+    t14 = getIn(values, "validation.moreThan");
     $[29] = values;
-    $[30] = t11;
+    $[30] = t14;
   } else {
-    t11 = $[30];
+    t14 = $[30];
   }
-  let t12;
+  const t15 = t14;
+  let t16;
   if ($[31] !== t) {
-    t12 = t("more_than");
+    t16 = t("more_than");
     $[31] = t;
-    $[32] = t12;
+    $[32] = t16;
   } else {
-    t12 = $[32];
+    t16 = $[32];
   }
-  let t13;
-  if ($[33] !== disabled || $[34] !== handleChange || $[35] !== t11 || $[36] !== t12) {
-    t13 = /* @__PURE__ */ jsx("div", { className: "col-span-6", children: /* @__PURE__ */ jsx(DebouncedTextField, { value: t11, label: t12, name: "validation.moreThan", type: "number", size: "small", disabled, onChange: handleChange }) });
+  let t17;
+  if ($[33] !== disabled || $[34] !== handleChange || $[35] !== t15 || $[36] !== t16) {
+    t17 = /* @__PURE__ */ jsx("div", { className: "col-span-6", children: /* @__PURE__ */ jsx(DebouncedTextField, { value: t15, label: t16, name: "validation.moreThan", type: "number", size: "small", disabled, onChange: handleChange }) });
     $[33] = disabled;
     $[34] = handleChange;
-    $[35] = t11;
-    $[36] = t12;
-    $[37] = t13;
+    $[35] = t15;
+    $[36] = t16;
+    $[37] = t17;
   } else {
-    t13 = $[37];
+    t17 = $[37];
   }
-  let t14;
+  let t18;
   if ($[38] !== disabled || $[39] !== t) {
-    t14 = /* @__PURE__ */ jsx("div", { className: "col-span-4", children: /* @__PURE__ */ jsx(Field, { name: "validation.positive", type: "checkbox", children: (t152) => {
+    t18 = /* @__PURE__ */ jsx("div", { className: "col-span-4", children: /* @__PURE__ */ jsx(Field, { name: "validation.positive", type: "checkbox", children: (t192) => {
       const {
         field,
         form
-      } = t152;
+      } = t192;
       return /* @__PURE__ */ jsx(SwitchControl, { label: t("positive_value"), disabled, form, field });
     } }) });
     $[38] = disabled;
     $[39] = t;
-    $[40] = t14;
+    $[40] = t18;
   } else {
-    t14 = $[40];
+    t18 = $[40];
   }
-  let t15;
+  let t19;
   if ($[41] !== disabled || $[42] !== t) {
-    t15 = /* @__PURE__ */ jsx("div", { className: "col-span-4", children: /* @__PURE__ */ jsx(Field, { name: "validation.negative", type: "checkbox", children: (t162) => {
+    t19 = /* @__PURE__ */ jsx("div", { className: "col-span-4", children: /* @__PURE__ */ jsx(Field, { name: "validation.negative", type: "checkbox", children: (t202) => {
       const {
         field: field_0,
         form: form_0
-      } = t162;
+      } = t202;
       return /* @__PURE__ */ jsx(SwitchControl, { label: t("negative_value"), disabled, form: form_0, field: field_0 });
     } }) });
     $[41] = disabled;
     $[42] = t;
-    $[43] = t15;
+    $[43] = t19;
   } else {
-    t15 = $[43];
+    t19 = $[43];
   }
-  let t16;
+  let t20;
   if ($[44] !== disabled || $[45] !== t) {
-    t16 = /* @__PURE__ */ jsx("div", { className: "col-span-4", children: /* @__PURE__ */ jsx(Field, { name: "validation.integer", type: "checkbox", children: (t172) => {
+    t20 = /* @__PURE__ */ jsx("div", { className: "col-span-4", children: /* @__PURE__ */ jsx(Field, { name: "validation.integer", type: "checkbox", children: (t212) => {
       const {
         field: field_1,
         form: form_1
-      } = t172;
+      } = t212;
       return /* @__PURE__ */ jsx(SwitchControl, { label: t("integer_value"), disabled, form: form_1, field: field_1 });
     } }) });
     $[44] = disabled;
     $[45] = t;
-    $[46] = t16;
+    $[46] = t20;
   } else {
-    t16 = $[46];
+    t20 = $[46];
   }
-  let t17;
-  if ($[47] !== t1 || $[48] !== t10 || $[49] !== t13 || $[50] !== t14 || $[51] !== t15 || $[52] !== t16 || $[53] !== t4 || $[54] !== t7) {
-    t17 = /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-12 gap-2", children: [
+  let t21;
+  if ($[47] !== t1 || $[48] !== t13 || $[49] !== t17 || $[50] !== t18 || $[51] !== t19 || $[52] !== t20 || $[53] !== t5 || $[54] !== t9) {
+    t21 = /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-12 gap-2", children: [
       t1,
-      t4,
-      t7,
-      t10,
+      t5,
+      t9,
       t13,
-      t14,
-      t15,
-      t16
+      t17,
+      t18,
+      t19,
+      t20
     ] });
     $[47] = t1;
-    $[48] = t10;
-    $[49] = t13;
-    $[50] = t14;
-    $[51] = t15;
-    $[52] = t16;
-    $[53] = t4;
-    $[54] = t7;
-    $[55] = t17;
+    $[48] = t13;
+    $[49] = t17;
+    $[50] = t18;
+    $[51] = t19;
+    $[52] = t20;
+    $[53] = t5;
+    $[54] = t9;
+    $[55] = t21;
   } else {
-    t17 = $[55];
+    t21 = $[55];
   }
-  return t17;
+  return t21;
 }
 function NumberPropertyField(t0) {
   const $ = c(72);
@@ -6291,7 +6297,8 @@ function UrlPropertyField(t0) {
   } else {
     t1 = $[1];
   }
-  const urlValue = t1;
+  const urlRawValue = t1;
+  const urlValue = typeof urlRawValue === "string" ? urlRawValue : "[NONE]";
   let t2;
   if ($[2] !== setFieldValue) {
     t2 = (value) => {
@@ -8187,4 +8194,4 @@ export {
   supportedFields as s,
   updatePropertyFromWidget as u
 };
-//# sourceMappingURL=PropertyEditView-Cvryrb3B.js.map
+//# sourceMappingURL=PropertyEditView-BDNYkfNf.js.map