@rebasepro/admin 0.2.1 → 0.2.4

package/dist/{PropertyEditView-BB5xjnhZ.js → PropertyEditView-CvRSV-A2.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-DtbWD7LF.js";
+import { a as ArrayContainer, N as FieldCaption, aQ as getFieldConfig, a4 as PropertyConfigBadge, aT as getFullIdPath, aS as getFullId, a_ as idToPropertiesPath, b2 as namespaceToPropertiesOrderPath, b3 as namespaceToPropertiesPath, bn as useCollectionRegistryController, o as DEFAULT_FIELD_CONFIGS, aR as getFieldId } from "./util-ZM9gQuCv.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);
@@ -5575,8 +5581,22 @@ function KeyValuePropertyField(t0) {
   return t1;
 }
 const ON_ACTION_OPTIONS = ["cascade", "restrict", "no action", "set null", "set default"];
+function getTargetSlug(target) {
+  if (!target) return "";
+  if (typeof target === "string") return target;
+  try {
+    const resolved = target();
+    if (typeof resolved === "string") return resolved;
+    if (resolved && typeof resolved === "object" && "slug" in resolved && typeof resolved.slug === "string") {
+      return resolved.slug;
+    }
+    return "";
+  } catch {
+    return "";
+  }
+}
 function RelationPropertyField(t0) {
-  const $ = c(112);
+  const $ = c(107);
   const {
     disabled,
     showErrors
@@ -5588,341 +5608,309 @@ function RelationPropertyField(t0) {
   const collectionRegistry = useCollectionRegistryController();
   const relationName = values.relationName ?? "";
   let t1;
-  if ($[0] !== values._relationConfig) {
-    t1 = values._relationConfig ?? {};
-    $[0] = values._relationConfig;
+  if ($[0] !== values.target) {
+    t1 = getTargetSlug(values.target);
+    $[0] = values.target;
     $[1] = t1;
   } else {
     t1 = $[1];
   }
-  const relationConfig = t1;
-  const targetSlug = relationConfig._targetSlug ?? "";
-  const cardinality = relationConfig.cardinality ?? "one";
-  const direction = relationConfig.direction ?? "owning";
-  const localKey = relationConfig.localKey ?? "";
-  const foreignKeyOnTarget = relationConfig.foreignKeyOnTarget ?? "";
-  const through = relationConfig.through;
+  const targetSlug = t1;
+  const cardinality = values.cardinality ?? "one";
+  const direction = values.direction ?? "owning";
+  const localKey = values.localKey ?? "";
+  const foreignKeyOnTarget = values.foreignKeyOnTarget ?? "";
+  const through = values.through;
   const throughTable = through?.table ?? "";
   const throughSourceColumn = through?.sourceColumn ?? "";
   const throughTargetColumn = through?.targetColumn ?? "";
-  const onUpdate = relationConfig.onUpdate ?? "no action";
-  const onDelete = relationConfig.onDelete ?? "no action";
+  const onUpdate = values.onUpdate ?? "no action";
+  const onDelete = values.onDelete ?? "no action";
   const showThrough = cardinality === "many" && direction === "owning";
   const showLocalKey = direction === "owning" && cardinality === "one";
   const showForeignKey = direction === "inverse";
   let t2;
-  if ($[2] !== setFieldValue || $[3] !== values._relationConfig) {
+  if ($[2] !== setFieldValue || $[3] !== values.through) {
     t2 = (patch) => {
-      const current = values._relationConfig ?? {};
-      setFieldValue("_relationConfig", {
-        ...current,
+      const currentThrough = values.through ?? {
+        table: "",
+        sourceColumn: "",
+        targetColumn: ""
+      };
+      setFieldValue("through", {
+        ...currentThrough,
         ...patch
       });
     };
     $[2] = setFieldValue;
-    $[3] = values._relationConfig;
+    $[3] = values.through;
     $[4] = t2;
   } else {
     t2 = $[4];
   }
-  const updateRelationConfig = t2;
+  const updateThrough = t2;
   let t3;
-  if ($[5] !== setFieldValue || $[6] !== values._relationConfig) {
-    t3 = (patch_0) => {
-      const current_0 = values._relationConfig ?? {};
-      const currentThrough = current_0.through ?? {};
-      setFieldValue("_relationConfig", {
-        ...current_0,
-        through: {
-          ...currentThrough,
-          ...patch_0
-        }
-      });
-    };
-    $[5] = setFieldValue;
-    $[6] = values._relationConfig;
-    $[7] = t3;
-  } else {
-    t3 = $[7];
-  }
-  const updateThrough = t3;
   let t4;
-  if ($[8] !== relationName || $[9] !== setFieldValue || $[10] !== targetSlug) {
-    t4 = () => {
+  if ($[5] !== relationName || $[6] !== setFieldValue || $[7] !== targetSlug) {
+    t3 = () => {
       if (targetSlug && !relationName) {
         setFieldValue("relationName", targetSlug);
       }
     };
-    $[8] = relationName;
-    $[9] = setFieldValue;
-    $[10] = targetSlug;
-    $[11] = t4;
+    t4 = [targetSlug, relationName, setFieldValue];
+    $[5] = relationName;
+    $[6] = setFieldValue;
+    $[7] = targetSlug;
+    $[8] = t3;
+    $[9] = t4;
   } else {
-    t4 = $[11];
+    t3 = $[8];
+    t4 = $[9];
   }
+  useEffect(t3, t4);
+  collectionRegistry?.collections ?? [];
   let t5;
-  if ($[12] !== targetSlug) {
-    t5 = [targetSlug];
+  if ($[10] !== relationName || $[11] !== setFieldValue || $[12] !== targetSlug) {
+    t5 = (_, value) => {
+      setFieldValue("target", value);
+      if (!relationName || relationName === targetSlug) {
+        setFieldValue("relationName", value);
+      }
+    };
+    $[10] = relationName;
+    $[11] = setFieldValue;
     $[12] = targetSlug;
     $[13] = t5;
   } else {
     t5 = $[13];
   }
-  useEffect(t4, t5);
-  collectionRegistry?.collections ?? [];
-  let t6;
-  if ($[14] !== relationName || $[15] !== setFieldValue || $[16] !== targetSlug || $[17] !== updateRelationConfig) {
-    t6 = (_, value) => {
-      updateRelationConfig({
-        _targetSlug: value
-      });
-      if (!relationName || relationName === targetSlug) {
-        setFieldValue("relationName", value);
-      }
-    };
-    $[14] = relationName;
-    $[15] = setFieldValue;
-    $[16] = targetSlug;
-    $[17] = updateRelationConfig;
-    $[18] = t6;
+  const t6 = showErrors && !targetSlug ? "You must select a target collection" : void 0;
+  let t7;
+  if ($[14] !== disabled || $[15] !== t5 || $[16] !== t6 || $[17] !== targetSlug) {
+    t7 = /* @__PURE__ */ jsx(CollectionsSelect, { disabled, pathPath: "target", value: targetSlug, setFieldValue: t5, error: t6 });
+    $[14] = disabled;
+    $[15] = t5;
+    $[16] = t6;
+    $[17] = targetSlug;
+    $[18] = t7;
   } else {
-    t6 = $[18];
+    t7 = $[18];
   }
-  const t7 = showErrors && !targetSlug ? "You must select a target collection" : void 0;
-  let t8;
-  if ($[19] !== disabled || $[20] !== t6 || $[21] !== t7 || $[22] !== targetSlug) {
-    t8 = /* @__PURE__ */ jsx(CollectionsSelect, { disabled, pathPath: "_relationConfig._targetSlug", value: targetSlug, setFieldValue: t6, error: t7 });
-    $[19] = disabled;
-    $[20] = t6;
-    $[21] = t7;
-    $[22] = targetSlug;
-    $[23] = t8;
+  const t8 = showErrors && !targetSlug;
+  const t9 = showErrors && !targetSlug ? "You must select a target collection" : "The collection this relation points to";
+  let t10;
+  if ($[19] !== t8 || $[20] !== t9) {
+    t10 = /* @__PURE__ */ jsx(FieldCaption, { error: t8, children: t9 });
+    $[19] = t8;
+    $[20] = t9;
+    $[21] = t10;
   } else {
-    t8 = $[23];
+    t10 = $[21];
   }
-  const t9 = showErrors && !targetSlug;
-  const t10 = showErrors && !targetSlug ? "You must select a target collection" : "The collection this relation points to";
   let t11;
-  if ($[24] !== t10 || $[25] !== t9) {
-    t11 = /* @__PURE__ */ jsx(FieldCaption, { error: t9, children: t10 });
-    $[24] = t10;
-    $[25] = t9;
-    $[26] = t11;
+  if ($[22] !== t10 || $[23] !== t7) {
+    t11 = /* @__PURE__ */ jsxs("div", { className: "col-span-12", children: [
+      t7,
+      t10
+    ] });
+    $[22] = t10;
+    $[23] = t7;
+    $[24] = t11;
   } else {
-    t11 = $[26];
+    t11 = $[24];
   }
   let t12;
-  if ($[27] !== t11 || $[28] !== t8) {
-    t12 = /* @__PURE__ */ jsxs("div", { className: "col-span-12", children: [
-      t8,
-      t11
-    ] });
-    $[27] = t11;
-    $[28] = t8;
-    $[29] = t12;
+  if ($[25] !== setFieldValue) {
+    t12 = (e) => setFieldValue("relationName", e.target.value);
+    $[25] = setFieldValue;
+    $[26] = t12;
   } else {
-    t12 = $[29];
+    t12 = $[26];
   }
-  let t13;
-  if ($[30] !== setFieldValue) {
-    t13 = (e) => setFieldValue("relationName", e.target.value);
-    $[30] = setFieldValue;
-    $[31] = t13;
+  const t13 = showErrors && !relationName;
+  let t14;
+  if ($[27] !== disabled || $[28] !== relationName || $[29] !== t12 || $[30] !== t13) {
+    t14 = /* @__PURE__ */ jsx(TextField, { value: relationName, onChange: t12, label: "Relation name", disabled, error: t13 });
+    $[27] = disabled;
+    $[28] = relationName;
+    $[29] = t12;
+    $[30] = t13;
+    $[31] = t14;
   } else {
-    t13 = $[31];
+    t14 = $[31];
   }
-  const t14 = showErrors && !relationName;
-  let t15;
-  if ($[32] !== disabled || $[33] !== relationName || $[34] !== t13 || $[35] !== t14) {
-    t15 = /* @__PURE__ */ jsx(TextField, { value: relationName, onChange: t13, label: "Relation name", disabled, error: t14 });
-    $[32] = disabled;
-    $[33] = relationName;
-    $[34] = t13;
-    $[35] = t14;
-    $[36] = t15;
+  const t15 = showErrors && !relationName;
+  const t16 = showErrors && !relationName ? "Required" : "Identifier for this relation (used to link the property to the relation config)";
+  let t17;
+  if ($[32] !== t15 || $[33] !== t16) {
+    t17 = /* @__PURE__ */ jsx(FieldCaption, { error: t15, children: t16 });
+    $[32] = t15;
+    $[33] = t16;
+    $[34] = t17;
   } else {
-    t15 = $[36];
+    t17 = $[34];
   }
-  const t16 = showErrors && !relationName;
-  const t17 = showErrors && !relationName ? "Required" : "Identifier for this relation (used to link the property to the relation config)";
   let t18;
-  if ($[37] !== t16 || $[38] !== t17) {
-    t18 = /* @__PURE__ */ jsx(FieldCaption, { error: t16, children: t17 });
-    $[37] = t16;
-    $[38] = t17;
-    $[39] = t18;
+  if ($[35] !== t14 || $[36] !== t17) {
+    t18 = /* @__PURE__ */ jsxs("div", { className: "col-span-12", children: [
+      t14,
+      t17
+    ] });
+    $[35] = t14;
+    $[36] = t17;
+    $[37] = t18;
   } else {
-    t18 = $[39];
+    t18 = $[37];
   }
   let t19;
-  if ($[40] !== t15 || $[41] !== t18) {
-    t19 = /* @__PURE__ */ jsxs("div", { className: "col-span-12", children: [
-      t15,
-      t18
-    ] });
-    $[40] = t15;
-    $[41] = t18;
-    $[42] = t19;
+  if ($[38] !== setFieldValue) {
+    t19 = (v) => setFieldValue("cardinality", v);
+    $[38] = setFieldValue;
+    $[39] = t19;
   } else {
-    t19 = $[42];
+    t19 = $[39];
   }
   let t20;
-  if ($[43] !== updateRelationConfig) {
-    t20 = (v) => updateRelationConfig({
-      cardinality: v
-    });
-    $[43] = updateRelationConfig;
-    $[44] = t20;
-  } else {
-    t20 = $[44];
-  }
-  let t21;
-  if ($[45] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t21 = /* @__PURE__ */ jsx(SelectItem, { value: "one", children: /* @__PURE__ */ jsxs("div", { children: [
+  if ($[40] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t20 = /* @__PURE__ */ jsx(SelectItem, { value: "one", children: /* @__PURE__ */ jsxs("div", { children: [
       /* @__PURE__ */ jsx(Typography, { variant: "body2", children: "One (has-one)" }),
       /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "secondary", children: "This property references a single record" })
     ] }) });
-    $[45] = t21;
+    $[40] = t20;
   } else {
-    t21 = $[45];
+    t20 = $[40];
   }
-  let t22;
-  if ($[46] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t22 = /* @__PURE__ */ jsx(SelectItem, { value: "many", children: /* @__PURE__ */ jsxs("div", { children: [
+  let t21;
+  if ($[41] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t21 = /* @__PURE__ */ jsx(SelectItem, { value: "many", children: /* @__PURE__ */ jsxs("div", { children: [
       /* @__PURE__ */ jsx(Typography, { variant: "body2", children: "Many (has-many)" }),
       /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "secondary", children: "This property references multiple records" })
     ] }) });
-    $[46] = t22;
+    $[41] = t21;
   } else {
-    t22 = $[46];
+    t21 = $[41];
   }
-  let t23;
-  if ($[47] !== cardinality || $[48] !== disabled || $[49] !== t20) {
-    t23 = /* @__PURE__ */ jsxs(Select, { value: cardinality, onValueChange: t20, label: "Cardinality", disabled, fullWidth: true, renderValue: _temp$2, children: [
-      t21,
-      t22
+  let t22;
+  if ($[42] !== cardinality || $[43] !== disabled || $[44] !== t19) {
+    t22 = /* @__PURE__ */ jsxs(Select, { value: cardinality, onValueChange: t19, label: "Cardinality", disabled, fullWidth: true, renderValue: _temp$2, children: [
+      t20,
+      t21
     ] });
-    $[47] = cardinality;
-    $[48] = disabled;
-    $[49] = t20;
-    $[50] = t23;
+    $[42] = cardinality;
+    $[43] = disabled;
+    $[44] = t19;
+    $[45] = t22;
   } else {
-    t23 = $[50];
+    t22 = $[45];
   }
-  let t24;
-  if ($[51] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t24 = /* @__PURE__ */ jsx(FieldCaption, { children: "Whether the relation returns one or multiple records" });
-    $[51] = t24;
+  let t23;
+  if ($[46] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t23 = /* @__PURE__ */ jsx(FieldCaption, { children: "Whether the relation returns one or multiple records" });
+    $[46] = t23;
   } else {
-    t24 = $[51];
+    t23 = $[46];
   }
-  let t25;
-  if ($[52] !== t23) {
-    t25 = /* @__PURE__ */ jsxs("div", { className: "col-span-12 sm:col-span-6", children: [
-      t23,
-      t24
+  let t24;
+  if ($[47] !== t22) {
+    t24 = /* @__PURE__ */ jsxs("div", { className: "col-span-12 sm:col-span-6", children: [
+      t22,
+      t23
     ] });
-    $[52] = t23;
-    $[53] = t25;
+    $[47] = t22;
+    $[48] = t24;
   } else {
-    t25 = $[53];
+    t24 = $[48];
   }
-  let t26;
-  if ($[54] !== updateRelationConfig) {
-    t26 = (v_1) => updateRelationConfig({
-      direction: v_1
-    });
-    $[54] = updateRelationConfig;
-    $[55] = t26;
+  let t25;
+  if ($[49] !== setFieldValue) {
+    t25 = (v_1) => setFieldValue("direction", v_1);
+    $[49] = setFieldValue;
+    $[50] = t25;
   } else {
-    t26 = $[55];
+    t25 = $[50];
   }
-  let t27;
-  if ($[56] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t27 = /* @__PURE__ */ jsx(SelectItem, { value: "owning", children: /* @__PURE__ */ jsxs("div", { children: [
+  let t26;
+  if ($[51] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t26 = /* @__PURE__ */ jsx(SelectItem, { value: "owning", children: /* @__PURE__ */ jsxs("div", { children: [
       /* @__PURE__ */ jsx(Typography, { variant: "body2", children: "Owning" }),
       /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "secondary", children: "This table stores the foreign key (or owns the junction table)" })
     ] }) });
-    $[56] = t27;
+    $[51] = t26;
   } else {
-    t27 = $[56];
+    t26 = $[51];
   }
-  let t28;
-  if ($[57] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t28 = /* @__PURE__ */ jsx(SelectItem, { value: "inverse", children: /* @__PURE__ */ jsxs("div", { children: [
+  let t27;
+  if ($[52] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t27 = /* @__PURE__ */ jsx(SelectItem, { value: "inverse", children: /* @__PURE__ */ jsxs("div", { children: [
       /* @__PURE__ */ jsx(Typography, { variant: "body2", children: "Inverse" }),
       /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "secondary", children: "The target table stores the foreign key pointing back here" })
     ] }) });
-    $[57] = t28;
+    $[52] = t27;
   } else {
-    t28 = $[57];
+    t27 = $[52];
   }
-  let t29;
-  if ($[58] !== direction || $[59] !== disabled || $[60] !== t26) {
-    t29 = /* @__PURE__ */ jsxs(Select, { value: direction, onValueChange: t26, label: "Direction", disabled, fullWidth: true, renderValue: _temp2$1, children: [
-      t27,
-      t28
+  let t28;
+  if ($[53] !== direction || $[54] !== disabled || $[55] !== t25) {
+    t28 = /* @__PURE__ */ jsxs(Select, { value: direction, onValueChange: t25, label: "Direction", disabled, fullWidth: true, renderValue: _temp2$1, children: [
+      t26,
+      t27
     ] });
-    $[58] = direction;
-    $[59] = disabled;
-    $[60] = t26;
-    $[61] = t29;
+    $[53] = direction;
+    $[54] = disabled;
+    $[55] = t25;
+    $[56] = t28;
+  } else {
+    t28 = $[56];
+  }
+  let t29;
+  if ($[57] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t29 = /* @__PURE__ */ jsx(FieldCaption, { children: "Which side of the relation owns the persistence" });
+    $[57] = t29;
   } else {
-    t29 = $[61];
+    t29 = $[57];
   }
   let t30;
-  if ($[62] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t30 = /* @__PURE__ */ jsx(FieldCaption, { children: "Which side of the relation owns the persistence" });
-    $[62] = t30;
+  if ($[58] !== t28) {
+    t30 = /* @__PURE__ */ jsxs("div", { className: "col-span-12 sm:col-span-6", children: [
+      t28,
+      t29
+    ] });
+    $[58] = t28;
+    $[59] = t30;
   } else {
-    t30 = $[62];
+    t30 = $[59];
   }
   let t31;
-  if ($[63] !== t29) {
-    t31 = /* @__PURE__ */ jsxs("div", { className: "col-span-12 sm:col-span-6", children: [
-      t29,
-      t30
+  if ($[60] !== disabled || $[61] !== localKey || $[62] !== setFieldValue || $[63] !== showLocalKey) {
+    t31 = showLocalKey && /* @__PURE__ */ jsxs("div", { className: "col-span-12", children: [
+      /* @__PURE__ */ jsx(TextField, { value: localKey, onChange: (e_0) => setFieldValue("localKey", e_0.target.value), label: "Local key (foreign key column on this table)", disabled, placeholder: "e.g. author_id" }),
+      /* @__PURE__ */ jsx(FieldCaption, { children: "Column on this table that references the target's primary key" })
     ] });
-    $[63] = t29;
+    $[60] = disabled;
+    $[61] = localKey;
+    $[62] = setFieldValue;
+    $[63] = showLocalKey;
     $[64] = t31;
   } else {
     t31 = $[64];
   }
   let t32;
-  if ($[65] !== disabled || $[66] !== localKey || $[67] !== showLocalKey || $[68] !== updateRelationConfig) {
-    t32 = showLocalKey && /* @__PURE__ */ jsxs("div", { className: "col-span-12", children: [
-      /* @__PURE__ */ jsx(TextField, { value: localKey, onChange: (e_0) => updateRelationConfig({
-        localKey: e_0.target.value
-      }), label: "Local key (foreign key column on this table)", disabled, placeholder: "e.g. author_id" }),
-      /* @__PURE__ */ jsx(FieldCaption, { children: "Column on this table that references the target's primary key" })
+  if ($[65] !== disabled || $[66] !== foreignKeyOnTarget || $[67] !== setFieldValue || $[68] !== showForeignKey) {
+    t32 = showForeignKey && /* @__PURE__ */ jsxs("div", { className: "col-span-12", children: [
+      /* @__PURE__ */ jsx(TextField, { value: foreignKeyOnTarget, onChange: (e_1) => setFieldValue("foreignKeyOnTarget", e_1.target.value), label: "Foreign key on target table", disabled, placeholder: "e.g. post_id" }),
+      /* @__PURE__ */ jsx(FieldCaption, { children: "Column on the target table that references this table's primary key" })
     ] });
     $[65] = disabled;
-    $[66] = localKey;
-    $[67] = showLocalKey;
-    $[68] = updateRelationConfig;
+    $[66] = foreignKeyOnTarget;
+    $[67] = setFieldValue;
+    $[68] = showForeignKey;
     $[69] = t32;
   } else {
     t32 = $[69];
   }
   let t33;
-  if ($[70] !== disabled || $[71] !== foreignKeyOnTarget || $[72] !== showForeignKey || $[73] !== updateRelationConfig) {
-    t33 = showForeignKey && /* @__PURE__ */ jsxs("div", { className: "col-span-12", children: [
-      /* @__PURE__ */ jsx(TextField, { value: foreignKeyOnTarget, onChange: (e_1) => updateRelationConfig({
-        foreignKeyOnTarget: e_1.target.value
-      }), label: "Foreign key on target table", disabled, placeholder: "e.g. post_id" }),
-      /* @__PURE__ */ jsx(FieldCaption, { children: "Column on the target table that references this table's primary key" })
-    ] });
-    $[70] = disabled;
-    $[71] = foreignKeyOnTarget;
-    $[72] = showForeignKey;
-    $[73] = updateRelationConfig;
-    $[74] = t33;
-  } else {
-    t33 = $[74];
-  }
-  let t34;
-  if ($[75] !== disabled || $[76] !== showThrough || $[77] !== throughSourceColumn || $[78] !== throughTable || $[79] !== throughTargetColumn || $[80] !== updateThrough) {
-    t34 = showThrough && /* @__PURE__ */ jsxs("div", { className: "col-span-12", children: [
+  if ($[70] !== disabled || $[71] !== showThrough || $[72] !== throughSourceColumn || $[73] !== throughTable || $[74] !== throughTargetColumn || $[75] !== updateThrough) {
+    t33 = showThrough && /* @__PURE__ */ jsxs("div", { className: "col-span-12", children: [
       /* @__PURE__ */ jsx(Typography, { variant: "label", className: "mb-2", children: "Junction table (many-to-many)" }),
       /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-12 gap-4", children: [
         /* @__PURE__ */ jsxs("div", { className: "col-span-12", children: [
@@ -5945,133 +5933,129 @@ function RelationPropertyField(t0) {
         ] })
       ] })
     ] });
-    $[75] = disabled;
-    $[76] = showThrough;
-    $[77] = throughSourceColumn;
-    $[78] = throughTable;
-    $[79] = throughTargetColumn;
-    $[80] = updateThrough;
-    $[81] = t34;
+    $[70] = disabled;
+    $[71] = showThrough;
+    $[72] = throughSourceColumn;
+    $[73] = throughTable;
+    $[74] = throughTargetColumn;
+    $[75] = updateThrough;
+    $[76] = t33;
+  } else {
+    t33 = $[76];
+  }
+  let t34;
+  if ($[77] !== setFieldValue) {
+    t34 = (v_3) => setFieldValue("onUpdate", v_3);
+    $[77] = setFieldValue;
+    $[78] = t34;
   } else {
-    t34 = $[81];
+    t34 = $[78];
   }
   let t35;
-  if ($[82] !== updateRelationConfig) {
-    t35 = (v_3) => updateRelationConfig({
-      onUpdate: v_3
-    });
-    $[82] = updateRelationConfig;
-    $[83] = t35;
+  if ($[79] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t35 = ON_ACTION_OPTIONS.map(_temp4$1);
+    $[79] = t35;
   } else {
-    t35 = $[83];
+    t35 = $[79];
   }
   let t36;
-  if ($[84] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t36 = ON_ACTION_OPTIONS.map(_temp4$1);
-    $[84] = t36;
+  if ($[80] !== disabled || $[81] !== onUpdate || $[82] !== t34) {
+    t36 = /* @__PURE__ */ jsx(Select, { value: onUpdate, onValueChange: t34, label: "On update", disabled, fullWidth: true, renderValue: _temp3$1, children: t35 });
+    $[80] = disabled;
+    $[81] = onUpdate;
+    $[82] = t34;
+    $[83] = t36;
   } else {
-    t36 = $[84];
+    t36 = $[83];
   }
   let t37;
-  if ($[85] !== disabled || $[86] !== onUpdate || $[87] !== t35) {
-    t37 = /* @__PURE__ */ jsx(Select, { value: onUpdate, onValueChange: t35, label: "On update", disabled, fullWidth: true, renderValue: _temp3$1, children: t36 });
-    $[85] = disabled;
-    $[86] = onUpdate;
-    $[87] = t35;
-    $[88] = t37;
+  if ($[84] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t37 = /* @__PURE__ */ jsx(FieldCaption, { children: "Action when the referenced record is updated" });
+    $[84] = t37;
   } else {
-    t37 = $[88];
+    t37 = $[84];
   }
   let t38;
-  if ($[89] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t38 = /* @__PURE__ */ jsx(FieldCaption, { children: "Action when the referenced record is updated" });
-    $[89] = t38;
+  if ($[85] !== t36) {
+    t38 = /* @__PURE__ */ jsxs("div", { className: "col-span-12 sm:col-span-6", children: [
+      t36,
+      t37
+    ] });
+    $[85] = t36;
+    $[86] = t38;
   } else {
-    t38 = $[89];
+    t38 = $[86];
   }
   let t39;
-  if ($[90] !== t37) {
-    t39 = /* @__PURE__ */ jsxs("div", { className: "col-span-12 sm:col-span-6", children: [
-      t37,
-      t38
-    ] });
-    $[90] = t37;
-    $[91] = t39;
+  if ($[87] !== setFieldValue) {
+    t39 = (v_5) => setFieldValue("onDelete", v_5);
+    $[87] = setFieldValue;
+    $[88] = t39;
   } else {
-    t39 = $[91];
+    t39 = $[88];
   }
   let t40;
-  if ($[92] !== updateRelationConfig) {
-    t40 = (v_5) => updateRelationConfig({
-      onDelete: v_5
-    });
-    $[92] = updateRelationConfig;
-    $[93] = t40;
+  if ($[89] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t40 = ON_ACTION_OPTIONS.map(_temp6);
+    $[89] = t40;
   } else {
-    t40 = $[93];
+    t40 = $[89];
   }
   let t41;
-  if ($[94] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t41 = ON_ACTION_OPTIONS.map(_temp6);
-    $[94] = t41;
+  if ($[90] !== disabled || $[91] !== onDelete || $[92] !== t39) {
+    t41 = /* @__PURE__ */ jsx(Select, { value: onDelete, onValueChange: t39, label: "On delete", disabled, fullWidth: true, renderValue: _temp5, children: t40 });
+    $[90] = disabled;
+    $[91] = onDelete;
+    $[92] = t39;
+    $[93] = t41;
   } else {
-    t41 = $[94];
+    t41 = $[93];
   }
   let t42;
-  if ($[95] !== disabled || $[96] !== onDelete || $[97] !== t40) {
-    t42 = /* @__PURE__ */ jsx(Select, { value: onDelete, onValueChange: t40, label: "On delete", disabled, fullWidth: true, renderValue: _temp5, children: t41 });
-    $[95] = disabled;
-    $[96] = onDelete;
-    $[97] = t40;
-    $[98] = t42;
+  if ($[94] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t42 = /* @__PURE__ */ jsx(FieldCaption, { children: "Action when the referenced record is deleted" });
+    $[94] = t42;
   } else {
-    t42 = $[98];
+    t42 = $[94];
   }
   let t43;
-  if ($[99] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t43 = /* @__PURE__ */ jsx(FieldCaption, { children: "Action when the referenced record is deleted" });
-    $[99] = t43;
-  } else {
-    t43 = $[99];
-  }
-  let t44;
-  if ($[100] !== t42) {
-    t44 = /* @__PURE__ */ jsxs("div", { className: "col-span-12 sm:col-span-6", children: [
-      t42,
-      t43
+  if ($[95] !== t41) {
+    t43 = /* @__PURE__ */ jsxs("div", { className: "col-span-12 sm:col-span-6", children: [
+      t41,
+      t42
     ] });
-    $[100] = t42;
-    $[101] = t44;
+    $[95] = t41;
+    $[96] = t43;
   } else {
-    t44 = $[101];
+    t43 = $[96];
   }
-  let t45;
-  if ($[102] !== t12 || $[103] !== t19 || $[104] !== t25 || $[105] !== t31 || $[106] !== t32 || $[107] !== t33 || $[108] !== t34 || $[109] !== t39 || $[110] !== t44) {
-    t45 = /* @__PURE__ */ jsxs(Fragment, { children: [
-      t12,
-      t19,
-      t25,
+  let t44;
+  if ($[97] !== t11 || $[98] !== t18 || $[99] !== t24 || $[100] !== t30 || $[101] !== t31 || $[102] !== t32 || $[103] !== t33 || $[104] !== t38 || $[105] !== t43) {
+    t44 = /* @__PURE__ */ jsxs(Fragment, { children: [
+      t11,
+      t18,
+      t24,
+      t30,
       t31,
       t32,
       t33,
-      t34,
-      t39,
-      t44
+      t38,
+      t43
     ] });
-    $[102] = t12;
-    $[103] = t19;
-    $[104] = t25;
-    $[105] = t31;
-    $[106] = t32;
-    $[107] = t33;
-    $[108] = t34;
-    $[109] = t39;
-    $[110] = t44;
-    $[111] = t45;
-  } else {
-    t45 = $[111];
-  }
-  return t45;
+    $[97] = t11;
+    $[98] = t18;
+    $[99] = t24;
+    $[100] = t30;
+    $[101] = t31;
+    $[102] = t32;
+    $[103] = t33;
+    $[104] = t38;
+    $[105] = t43;
+    $[106] = t44;
+  } else {
+    t44 = $[106];
+  }
+  return t44;
 }
 function _temp6(action_0) {
   return /* @__PURE__ */ jsx(SelectItem, { value: action_0, children: action_0 }, action_0);
@@ -6313,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) => {
@@ -8209,4 +8194,4 @@ export {
   supportedFields as s,
   updatePropertyFromWidget as u
 };
-//# sourceMappingURL=PropertyEditView-BB5xjnhZ.js.map
+//# sourceMappingURL=PropertyEditView-CvRSV-A2.js.map