@rebasepro/admin 0.2.1 → 0.2.3

package/dist/{PropertyEditView-BB5xjnhZ.js → PropertyEditView-Cvryrb3B.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, 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 { 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";
@@ -5575,8 +5575,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 +5602,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 +5927,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);
@@ -8209,4 +8187,4 @@ export {
   supportedFields as s,
   updatePropertyFromWidget as u
 };
-//# sourceMappingURL=PropertyEditView-BB5xjnhZ.js.map
+//# sourceMappingURL=PropertyEditView-Cvryrb3B.js.map