@rebasepro/admin 0.12.1-canary.gf5f1d39 → 0.13.0

package/dist/{PropertyEditView-DH3XZC2x.js → PropertyEditView-W8I3YV89.js}

@@ -1,5 +1,5 @@
 import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.js";
-import { A as getFieldId, E as DEFAULT_FIELD_CONFIGS, Ft as FieldCaption, In as useCollectionRegistryController, Mt as ArrayContainer, Nt as PropertyConfigBadge, a as namespaceToPropertiesPath, g as toSerializableProperty, i as namespaceToPropertiesOrderPath, k as getFieldConfig, m as toSerializableCollectionConfig, n as getFullIdPath, r as idToPropertiesPath, t as getFullId } from "./util-B5fJm1FA.js";
+import { A as getFieldId, E as DEFAULT_FIELD_CONFIGS, Ft as FieldCaption, Ln as useCollectionRegistryController, Mt as ArrayContainer, Nt as PropertyConfigBadge, a as namespaceToPropertiesPath, g as toSerializableProperty, i as namespaceToPropertiesOrderPath, k as getFieldConfig, m as toSerializableCollectionConfig, n as getFullIdPath, r as idToPropertiesPath, t as getFullId } from "./util-GiwPgxnL.js";
 import React, { createContext, useCallback, useContext, useDeferredValue, useEffect, useMemo, useRef, useState } from "react";
 import { deepEqual } from "fast-equals";
 import { AlertTriangleIcon, ArrowDownToLineIcon, ArrowUpToLineIcon, Badge, BooleanSwitchWithLabel, Button, Card, CheckSquareIcon, CircularProgress, DebouncedTextField, Dialog, DialogActions, DialogContent, DialogTitle, ErrorBoundary, ExpandablePanel, FileSearchIcon, FunctionSquareIcon, IconButton, InfoLabel, ListIcon, Menu, MenuItem, MinusCircleIcon, MoreVerticalIcon, MultiSelect, MultiSelectItem, Paper, PlusIcon, RefreshCcwIcon, Select, SelectItem, SettingsIcon, TextField, Tooltip, Trash2Icon, Typography, UploadCloudIcon, cls, defaultBorderMixin, iconSize } from "@rebasepro/ui";
@@ -1297,7 +1297,8 @@ function MapPropertyField({ disabled, getData, allowDataInference, propertyConfi
 			[id]: property
 		}, false);
 		const currentPropertiesOrder = values.propertiesOrder ?? Object.keys(values.properties ?? {});
-		setFieldValue("propertiesOrder", currentPropertiesOrder.includes(id) ? currentPropertiesOrder : [...currentPropertiesOrder, id], false);
+		const newPropertiesOrder = currentPropertiesOrder.includes(id) ? currentPropertiesOrder : [...currentPropertiesOrder, id];
+		setFieldValue("propertiesOrder", newPropertiesOrder, false);
 		setPropertyDialogOpen(false);
 	};
 	const deleteProperty = (propertyKey, namespace) => {
@@ -1722,7 +1723,8 @@ function BlockPropertyField({ disabled, getData, allowDataInference, propertyCon
 		if (!fullId) throw Error("collection editor miss config");
 		setFieldValue(`oneOf.${idToPropertiesPath(fullId)}`, void 0, false);
 		const propertiesOrderPath = `oneOf.${namespaceToPropertiesOrderPath(namespace)}`;
-		setFieldValue(propertiesOrderPath, (getIn(values, propertiesOrderPath) ?? Object.keys(getIn(values, namespaceToPropertiesPath(namespace)) ?? {})).filter((p) => p !== propertyKey), false);
+		const currentPropertiesOrder = getIn(values, propertiesOrderPath) ?? Object.keys(getIn(values, namespaceToPropertiesPath(namespace)) ?? {});
+		setFieldValue(propertiesOrderPath, currentPropertiesOrder.filter((p) => p !== propertyKey), false);
 		setPropertyDialogOpen(false);
 		setSelectedPropertyKey(void 0);
 		setSelectedPropertyNamespace(void 0);
@@ -2584,6 +2586,7 @@ function RelationPropertyField({ disabled, showErrors }) {
 	const targetSlug = getTargetSlug(link.target);
 	const localKey = link.localKey ?? "";
 	const foreignKeyOnTarget = link.foreignKeyOnTarget ?? "";
+	const sourceKey = link.sourceKey ?? "";
 	const through = link.through;
 	const throughTable = through?.table ?? "";
 	const throughSourceColumn = through?.sourceColumn ?? "";
@@ -2595,12 +2598,13 @@ function RelationPropertyField({ disabled, showErrors }) {
 	const showForeignKey = kindUsesForeignKeyOnTarget(kind);
 	const showJoinPath = kindUsesJoinPath(kind);
 	const updateThrough = useCallback((patch) => {
+		const currentThrough = link.through ?? {
+			table: "",
+			sourceColumn: "",
+			targetColumn: ""
+		};
 		setFieldValue("relation.through", {
-			...link.through ?? {
-				table: "",
-				sourceColumn: "",
-				targetColumn: ""
-			},
+			...currentThrough,
 			...patch
 		});
 	}, [link.through, setFieldValue]);
@@ -2676,13 +2680,29 @@ function RelationPropertyField({ disabled, showErrors }) {
 		}),
 		showForeignKey && /* @__PURE__ */ jsxs("div", {
 			className: "col-span-12",
-			children: [/* @__PURE__ */ jsx(TextField, {
-				value: foreignKeyOnTarget,
-				onChange: (e) => setFieldValue("relation.foreignKeyOnTarget", e.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" })]
+			children: [
+				/* @__PURE__ */ jsx(TextField, {
+					value: foreignKeyOnTarget,
+					onChange: (e) => setFieldValue("relation.foreignKeyOnTarget", e.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" }),
+				/* @__PURE__ */ jsx(TextField, {
+					className: "mt-4",
+					value: sourceKey,
+					onChange: (e) => setFieldValue("relation.sourceKey", e.target.value),
+					label: "Source key (optional)",
+					disabled,
+					placeholder: "defaults to this table's primary key"
+				}),
+				/* @__PURE__ */ jsxs(FieldCaption, { children: [
+					"Column on ",
+					/* @__PURE__ */ jsx("em", { children: "this" }),
+					" table that the foreign key above points at. Leave empty unless the two sides are joined on a natural key — an external identity id, a SKU — rather than on the row id. It must be unique."
+				] })
+			]
 		}),
 		showJoinPath && /* @__PURE__ */ jsxs("div", {
 			className: "col-span-12",
@@ -3846,4 +3866,4 @@ function WidgetSelectViewItem({ onClick, initialProperty, propertyConfig, existi
 //#endregion
 export { updatePropertyFromWidget as a, useAIModifiedPaths as c, supportedFields as i, useSafeSnackbarController as l, PropertyForm as n, PropertyTree as o, PropertyFormDialog as r, AIModifiedPathsProvider as s, PropertyEditView_exports as t };
 
-//# sourceMappingURL=PropertyEditView-DH3XZC2x.js.map
+//# sourceMappingURL=PropertyEditView-W8I3YV89.js.map