@rebasepro/admin 0.7.0 → 0.9.0

package/dist/{PropertyEditView-C9yhLyja.js → PropertyEditView-7KMTcrqi.js}

@@ -1,12 +1,13 @@
 import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.js";
-import { Bt as getFieldId, Ft as PropertyConfigBadge, Gn as useCollectionRegistryController, It as DEFAULT_FIELD_CONFIGS, _ as toSerializableProperty, a as namespaceToPropertiesPath, h as toSerializableCollection, i as namespaceToPropertiesOrderPath, n as getFullIdPath, nn as ArrayContainer, pn as FieldCaption, r as idToPropertiesPath, t as getFullId, zt as getFieldConfig } from "./src-DOX2nOyh.js";
+import { Bt as getFieldId, Ft as PropertyConfigBadge, It as DEFAULT_FIELD_CONFIGS, Wn as useCollectionRegistryController, _ as toSerializableProperty, a as namespaceToPropertiesPath, fn as FieldCaption, h as toSerializableCollectionConfig, i as namespaceToPropertiesOrderPath, n as getFullIdPath, r as idToPropertiesPath, t as getFullId, tn as ArrayContainer, zt as getFieldConfig } from "./src-sUZfe29F.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";
 import { isPropertyBuilder, resolveEnumValues } from "@rebasepro/common";
-import { AIModifiedIndicator, ConfirmationDialog, IconForView, useCustomizationController, useSnackbarController, useTranslation } from "@rebasepro/core";
+import { AIModifiedIndicator, ConfirmationDialog, IconForView, useCustomizationController, useSnackbarController, useStorageSources, useTranslation } from "@rebasepro/core";
 import { Field, Formex, getIn, useCreateFormex, useFormex } from "@rebasepro/formex";
 import { isValidRegExp, mergeDeep, prettifyIdentifier, serializeRegExp, toSnakeCase } from "@rebasepro/utils";
+import { DEFAULT_STORAGE_SOURCE_KEY } from "@rebasepro/types";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { DndContext, KeyboardSensor, PointerSensor, closestCenter, useSensor, useSensors } from "@dnd-kit/core";
 import { restrictToVerticalAxis } from "@dnd-kit/modifiers";
@@ -569,8 +570,10 @@ var fileTypes = {
 function StoragePropertyField({ multiple, existing, disabled }) {
 	const { values, setFieldValue } = useFormex();
 	const { t } = useTranslation();
+	const storageSources = useStorageSources();
 	const baseStoragePath = multiple ? "of.storage" : "storage";
 	const acceptedFiles = `${baseStoragePath}.acceptedFiles`;
+	const storageSource = `${baseStoragePath}.storageSource`;
 	`${baseStoragePath}`;
 	const fileName = `${baseStoragePath}.fileName`;
 	const maxSize = `${baseStoragePath}.maxSize`;
@@ -594,6 +597,8 @@ function StoragePropertyField({ multiple, existing, disabled }) {
 	const storedValue = getIn(values, acceptedFiles);
 	const fileTypesValue = Array.isArray(storedValue) ? storedValue : void 0;
 	const allFileTypesSelected = !fileTypesValue || fileTypesValue.length === 0;
+	const sourceKeys = Object.keys(storageSources.sources).filter((key) => key !== DEFAULT_STORAGE_SOURCE_KEY);
+	const storageSourceValue = getIn(values, storageSource) ?? DEFAULT_STORAGE_SOURCE_KEY;
 	const handleTypesChange = (value) => {
 		if (!value) setFieldValue(acceptedFiles, void 0);
 		else setFieldValue(acceptedFiles, value);
@@ -614,6 +619,27 @@ function StoragePropertyField({ multiple, existing, disabled }) {
 			children: /* @__PURE__ */ jsxs("div", {
 				className: "grid grid-cols-12 gap-2 p-4",
 				children: [
+					sourceKeys.length > 0 && /* @__PURE__ */ jsx("div", {
+						className: "col-span-12",
+						children: /* @__PURE__ */ jsxs(Select, {
+							className: "w-full",
+							disabled,
+							name: storageSource,
+							value: storageSourceValue,
+							onValueChange: (value) => setFieldValue(storageSource, !value || value === DEFAULT_STORAGE_SOURCE_KEY ? void 0 : value),
+							label: "Storage backend",
+							renderValue: (key) => {
+								return storageSources.registry[key]?.label ?? (key === DEFAULT_STORAGE_SOURCE_KEY ? "Default" : key);
+							},
+							children: [/* @__PURE__ */ jsx(SelectItem, {
+								value: DEFAULT_STORAGE_SOURCE_KEY,
+								children: "Default"
+							}), sourceKeys.map((key) => /* @__PURE__ */ jsx(SelectItem, {
+								value: key,
+								children: storageSources.registry[key]?.label ?? key
+							}, key))]
+						})
+					}),
 					/* @__PURE__ */ jsx("div", {
 						className: "col-span-12",
 						children: /* @__PURE__ */ jsx(MultiSelect, {
@@ -892,22 +918,36 @@ function PropertyFieldPreview({ property, propertyKey, onClick, hasError, includ
 					size: "small"
 				}),
 				/* @__PURE__ */ jsxs("div", {
-					className: "flex-1 flex flex-col min-w-0 pr-8",
-					children: [includeName && /* @__PURE__ */ jsx(ErrorBoundary, { children: /* @__PURE__ */ jsxs("div", {
-						className: "flex items-center gap-2",
+					className: "flex-1 flex flex-col min-w-0 mr-16",
+					children: [includeName && /* @__PURE__ */ jsxs(ErrorBoundary, { children: [/* @__PURE__ */ jsxs("div", {
+						className: "flex items-center gap-2 min-w-0",
 						children: [/* @__PURE__ */ jsx(Typography, {
 							variant: "body2",
 							component: "span",
+							className: "truncate font-medium",
 							children: property.name || propertyKey || "\xA0"
-						}), property.name && propertyKey && property.name !== propertyKey && /* @__PURE__ */ jsx(Typography, {
+						}), propertyConfig?.name && /* @__PURE__ */ jsx(Typography, {
+							variant: "caption",
+							component: "span",
+							className: "text-text-secondary dark:text-text-secondary-dark shrink-0",
+							children: propertyConfig.name
+						})]
+					}), /* @__PURE__ */ jsxs("div", {
+						className: "flex items-center gap-1.5 mt-0.5 min-w-0",
+						children: [propertyKey && /* @__PURE__ */ jsx(Typography, {
 							variant: "caption",
 							component: "span",
 							color: "secondary",
-							className: "font-mono",
+							className: "font-mono truncate",
 							children: propertyKey
-						})]
-					}) }), /* @__PURE__ */ jsx("div", {
-						className: "flex flex-row items-center gap-2 mt-0.5",
+						}), /* @__PURE__ */ jsx(ErrorBoundary, { children: /* @__PURE__ */ jsxs(Typography, {
+							variant: "caption",
+							component: "span",
+							className: "shrink-0 text-text-disabled dark:text-text-disabled-dark font-mono",
+							children: ["· ", "columnType" in property ? property.columnType ?? property.type : property.type]
+						}) })]
+					})] }), !includeName && /* @__PURE__ */ jsx("div", {
+						className: "flex flex-row items-center gap-2",
 						children: /* @__PURE__ */ jsx(ErrorBoundary, { children: /* @__PURE__ */ jsx(Typography, {
 							variant: "caption",
 							component: "span",
@@ -916,12 +956,6 @@ function PropertyFieldPreview({ property, propertyKey, onClick, hasError, includ
 						}) })
 					})]
 				}),
-				/* @__PURE__ */ jsx(ErrorBoundary, { children: /* @__PURE__ */ jsx(Typography, {
-					variant: "caption",
-					component: "span",
-					className: "ml-auto shrink-0 text-text-disabled dark:text-text-disabled-dark font-mono bg-surface-100 dark:bg-surface-900 px-1.5 py-0.5 rounded mr-8",
-					children: "columnType" in property ? property.columnType ?? property.type : property.type
-				}) }),
 				includeEditButton && /* @__PURE__ */ jsx(Typography, {
 					variant: "button",
 					children: "EDIT"
@@ -938,65 +972,65 @@ function NonEditablePropertyPreview({ name, selected, onClick, property }) {
 		className: onClick ? "cursor-pointer" : "",
 		children: /* @__PURE__ */ jsxs("div", {
 			className: cls("w-full flex flex-row gap-3 items-center px-3 py-2 rounded-lg transition-all duration-200 border bg-white dark:bg-surface-900 border-surface-200 dark:border-surface-700 shadow-xs", selected ? "bg-primary/10 text-primary dark:bg-primary/20 dark:text-primary-light ring-1 ring-inset ring-primary border-primary/30" : "hover:bg-surface-50 dark:hover:bg-surface-700"),
-			children: [
-				/* @__PURE__ */ jsxs("div", {
-					className: "relative shrink-0",
-					children: [
-						propertyConfig && /* @__PURE__ */ jsx(PropertyConfigBadge, {
-							propertyConfig,
-							size: "small"
-						}),
-						!propertyConfig && /* @__PURE__ */ jsx("div", {
-							className: "h-8 w-8 flex items-center justify-center rounded-full shadow-2xs text-white bg-surface-500",
-							children: /* @__PURE__ */ jsx(FunctionSquareIcon, {
-								className: "text-inherit",
-								size: iconSize.small
-							})
-						}),
-						/* @__PURE__ */ jsx(MinusCircleIcon, {
-							className: "text-surface-accent-400 absolute -right-2 -top-2 bg-surface-50 dark:bg-surface-900 rounded-full",
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: "relative shrink-0",
+				children: [
+					propertyConfig && /* @__PURE__ */ jsx(PropertyConfigBadge, {
+						propertyConfig,
+						size: "small"
+					}),
+					!propertyConfig && /* @__PURE__ */ jsx("div", {
+						className: "h-8 w-8 flex items-center justify-center rounded-full shadow-2xs text-white bg-surface-500",
+						children: /* @__PURE__ */ jsx(FunctionSquareIcon, {
+							className: "text-inherit",
 							size: iconSize.small
 						})
-					]
-				}),
-				/* @__PURE__ */ jsxs("div", {
-					className: "flex-1 flex flex-col min-w-0 pr-8",
+					}),
+					/* @__PURE__ */ jsx(MinusCircleIcon, {
+						className: "text-surface-accent-400 absolute -right-2 -top-2 bg-surface-50 dark:bg-surface-900 rounded-full",
+						size: iconSize.small
+					})
+				]
+			}), /* @__PURE__ */ jsxs("div", {
+				className: "flex-1 flex flex-col min-w-0 mr-16",
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: "flex items-center gap-2 min-w-0",
 					children: [/* @__PURE__ */ jsx(Typography, {
 						variant: "label",
 						component: "span",
-						className: "grow pr-2",
+						className: "truncate",
 						children: property?.name ? property.name : name
-					}), /* @__PURE__ */ jsxs("div", {
-						className: "flex flex-row items-center gap-2 mt-0.5",
-						children: [
-							propertyConfig && /* @__PURE__ */ jsx(Typography, {
-								variant: "caption",
-								component: "span",
-								className: "text-text-secondary dark:text-text-secondary-dark font-medium",
-								children: propertyConfig?.name
-							}),
-							property && isPropertyBuilder(property) && /* @__PURE__ */ jsx(ErrorBoundary, { children: /* @__PURE__ */ jsx(Typography, {
-								variant: "caption",
-								component: "span",
-								className: "text-text-disabled dark:text-text-disabled-dark",
-								children: "Defined in code"
-							}) }),
-							!property && /* @__PURE__ */ jsx(ErrorBoundary, { children: /* @__PURE__ */ jsx(Typography, {
-								variant: "caption",
-								component: "span",
-								className: "text-text-disabled dark:text-text-disabled-dark",
-								children: "Additional field"
-							}) })
-						]
+					}), propertyConfig && /* @__PURE__ */ jsx(Typography, {
+						variant: "caption",
+						component: "span",
+						className: "text-text-secondary dark:text-text-secondary-dark shrink-0",
+						children: propertyConfig?.name
 					})]
-				}),
-				property && !isPropertyBuilder(property) && /* @__PURE__ */ jsx(ErrorBoundary, { children: /* @__PURE__ */ jsx(Typography, {
-					variant: "caption",
-					component: "span",
-					className: "ml-auto shrink-0 text-text-disabled dark:text-text-disabled-dark font-mono bg-surface-100 dark:bg-surface-900 px-1.5 py-0.5 rounded mr-8",
-					children: "columnType" in property ? property.columnType ?? property.type : property.type
-				}) })
-			]
+				}), /* @__PURE__ */ jsxs("div", {
+					className: "flex flex-row items-center gap-1.5 mt-0.5 min-w-0",
+					children: [
+						/* @__PURE__ */ jsx(Typography, {
+							variant: "caption",
+							component: "span",
+							color: "secondary",
+							className: "font-mono truncate",
+							children: name
+						}),
+						property && isPropertyBuilder(property) && /* @__PURE__ */ jsx(ErrorBoundary, { children: /* @__PURE__ */ jsx(Typography, {
+							variant: "caption",
+							component: "span",
+							className: "text-text-disabled dark:text-text-disabled-dark",
+							children: "· Defined in code"
+						}) }),
+						!property && /* @__PURE__ */ jsx(ErrorBoundary, { children: /* @__PURE__ */ jsx(Typography, {
+							variant: "caption",
+							component: "span",
+							className: "text-text-disabled dark:text-text-disabled-dark",
+							children: "· Additional field"
+						}) })
+					]
+				})]
+			})]
 		})
 	});
 }
@@ -1178,7 +1212,7 @@ function PropertyTreeEntry({ id, propertyKey, namespace, property, additionalFie
 					selected
 				}) }),
 				/* @__PURE__ */ jsxs("div", {
-					className: "absolute top-1/2 -translate-y-1/2 right-3 flex flex-row items-center gap-1",
+					className: "absolute top-1/2 -translate-y-1/2 right-2 flex flex-row items-center gap-1",
 					children: [
 						isAIModified && /* @__PURE__ */ jsx(AIModifiedIndicator, {}),
 						isPropertyInferred && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Tooltip, {
@@ -2731,10 +2765,12 @@ function updatePropertyFromWidget(propertyData, selectedWidgetId, propertyConfig
 		type: "string",
 		propertyConfig: "text_field",
 		storage: void 0,
-		multiline: void 0,
-		markdown: void 0,
+		ui: {
+			multiline: void 0,
+			markdown: void 0,
+			url: void 0
+		},
 		email: void 0,
-		url: void 0,
 		enum: void 0,
 		userSelect: void 0
 	});
@@ -2742,21 +2778,25 @@ function updatePropertyFromWidget(propertyData, selectedWidgetId, propertyConfig
 		type: "string",
 		propertyConfig: "user_select",
 		storage: void 0,
-		multiline: void 0,
-		markdown: void 0,
+		ui: {
+			multiline: void 0,
+			markdown: void 0,
+			url: void 0
+		},
 		email: void 0,
-		url: void 0,
 		enum: void 0,
 		userSelect: true
 	});
 	else if (selectedWidgetId === "multiline") updatedProperty = mergeDeep(propertyData, {
 		type: "string",
 		propertyConfig: "multiline",
-		multiline: true,
+		ui: {
+			multiline: true,
+			markdown: void 0,
+			url: void 0
+		},
 		storage: void 0,
-		markdown: void 0,
 		email: void 0,
-		url: void 0,
 		enum: void 0,
 		userSelect: void 0
 	});
@@ -2764,20 +2804,24 @@ function updatePropertyFromWidget(propertyData, selectedWidgetId, propertyConfig
 		type: "string",
 		propertyConfig: "markdown",
 		storage: void 0,
-		multiline: void 0,
-		markdown: true,
+		ui: {
+			multiline: void 0,
+			markdown: true,
+			url: void 0
+		},
 		email: void 0,
-		url: void 0,
 		userSelect: void 0
 	});
 	else if (selectedWidgetId === "url") updatedProperty = mergeDeep(propertyData, {
 		type: "string",
 		propertyConfig: "url",
 		storage: void 0,
-		multiline: void 0,
-		markdown: void 0,
+		ui: {
+			multiline: void 0,
+			markdown: void 0,
+			url: true
+		},
 		email: void 0,
-		url: true,
 		enum: void 0,
 		userSelect: void 0
 	});
@@ -2785,10 +2829,12 @@ function updatePropertyFromWidget(propertyData, selectedWidgetId, propertyConfig
 		type: "string",
 		propertyConfig: "email",
 		storage: void 0,
-		multiline: void 0,
-		markdown: void 0,
+		ui: {
+			multiline: void 0,
+			markdown: void 0,
+			url: void 0
+		},
 		email: true,
-		url: void 0,
 		enum: void 0,
 		userSelect: void 0
 	});
@@ -2796,10 +2842,12 @@ function updatePropertyFromWidget(propertyData, selectedWidgetId, propertyConfig
 		type: "string",
 		propertyConfig: "select",
 		storage: void 0,
-		multiline: void 0,
-		markdown: void 0,
+		ui: {
+			multiline: void 0,
+			markdown: void 0,
+			url: void 0
+		},
 		email: void 0,
-		url: void 0,
 		enum: propertyData.enum ?? [],
 		userSelect: void 0
 	});
@@ -2858,10 +2906,6 @@ function updatePropertyFromWidget(propertyData, selectedWidgetId, propertyConfig
 		type: "reference",
 		propertyConfig: "reference"
 	});
-	else if (selectedWidgetId === "reference_as_string") updatedProperty = mergeDeep(propertyData, {
-		type: "string",
-		propertyConfig: "reference_as_string"
-	});
 	else if (selectedWidgetId === "multi_references") updatedProperty = mergeDeep(propertyData, {
 		type: "array",
 		propertyConfig: "multi_references",
@@ -2983,7 +3027,6 @@ var supportedFieldsIds = [
 	"file_upload",
 	"multi_file_upload",
 	"reference",
-	"reference_as_string",
 	"multi_references",
 	"relation",
 	"switch",
@@ -3448,13 +3491,6 @@ function PropertyEditFormFields({ values, errors, setValues, existing, autoUpdat
 		multiple: false,
 		disabled
 	});
-	else if (selectedFieldConfigId === "reference_as_string") childComponent = /* @__PURE__ */ jsx(ReferencePropertyField, {
-		showErrors,
-		existing,
-		asString: true,
-		multiple: false,
-		disabled
-	});
 	else if (selectedFieldConfigId === "date_time") childComponent = /* @__PURE__ */ jsx(DateTimePropertyField, { disabled });
 	else if (selectedFieldConfigId === "multi_references") childComponent = /* @__PURE__ */ jsx(ReferencePropertyField, {
 		showErrors,
@@ -3547,7 +3583,7 @@ function PropertyEditFormFields({ values, errors, setValues, existing, autoUpdat
 							});
 						},
 						property: toSerializableProperty(values),
-						collection: toSerializableCollection(collectionValues)
+						collection: toSerializableCollectionConfig(collectionValues)
 					})
 				}),
 				/* @__PURE__ */ jsx("div", {
@@ -3599,7 +3635,6 @@ var WIDGET_TYPE_MAP = {
 	multi_file_upload: "File",
 	relation: "Relation",
 	reference: "Reference",
-	reference_as_string: "Text",
 	multi_references: "Reference",
 	date_time: "Date",
 	group: "Group",
@@ -3619,7 +3654,6 @@ var WIDGET_BASE_TYPE_MAP = {
 	multi_select: "string",
 	file_upload: "string",
 	multi_file_upload: "string",
-	reference_as_string: "string",
 	user_select: "string",
 	number_input: "number",
 	number_select: "number",
@@ -3771,4 +3805,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-C9yhLyja.js.map
+//# sourceMappingURL=PropertyEditView-7KMTcrqi.js.map