@rebasepro/admin 0.6.1 → 0.7.0

package/dist/{PropertyEditView-C2wp8kQ9.js → PropertyEditView-C9yhLyja.js}

@@ -1,5 +1,5 @@
 import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.js";
-import { Bt as ArrayContainer, Ct as getFieldConfig, Zt as FieldCaption, a as namespaceToPropertiesPath, bt as DEFAULT_FIELD_CONFIGS, i as namespaceToPropertiesOrderPath, kn as useCollectionRegistryController, n as getFullIdPath, r as idToPropertiesPath, t as getFullId, wt as getFieldId, yt as PropertyConfigBadge } from "./src-BYniefVu.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 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";
@@ -13,6 +13,15 @@ import { restrictToVerticalAxis } from "@dnd-kit/modifiers";
 import { SortableContext, sortableKeyboardCoordinates, useSortable, verticalListSortingStrategy } from "@dnd-kit/sortable";
 import { CSS } from "@dnd-kit/utilities";
 import { extractEnumFromValues } from "@rebasepro/schema-inference";
+//#region src/collection_editor/useSafeSnackbarController.ts
+function useSafeSnackbarController() {
+	try {
+		return useSnackbarController();
+	} catch {
+		return;
+	}
+}
+//#endregion
 //#region src/collection_editor/ui/collection_editor/EnumForm.tsx
 function EnumForm({ enumValues, onValuesChanged, onError, updateIds, disabled, allowDataInference, getData }) {
 	const formex = useCreateFormex({
@@ -483,7 +492,7 @@ function ValidationPanel({ children }) {
 //#region src/collection_editor/ui/collection_editor/properties/EnumPropertyField.tsx
 function EnumPropertyField({ multiselect, updateIds, disabled, showErrors, allowDataInference, getData, propertyNamespace }) {
 	const { values, setFieldError, setFieldValue } = useFormex();
-	const snackbarContext = useSnackbarController();
+	const snackbarContext = useSafeSnackbarController();
 	const { t } = useTranslation();
 	const enumValuesPath = multiselect ? "of.enum" : "enum";
 	const defaultValue = getIn(values, "defaultValue");
@@ -499,7 +508,7 @@ function EnumPropertyField({ multiselect, updateIds, disabled, showErrors, allow
 			const enumIds = value.filter((v) => Boolean(v?.id)).map((v) => v.id);
 			if (defaultValue && !enumIds.includes(defaultValue)) {
 				setFieldValue("defaultValue", void 0);
-				snackbarContext.open({
+				snackbarContext?.open({
 					type: "warning",
 					message: "Default value was cleared"
 				});
@@ -875,8 +884,8 @@ function PropertyFieldPreview({ property, propertyKey, onClick, hasError, includ
 	return /* @__PURE__ */ jsx(ErrorBoundary, { children: /* @__PURE__ */ jsx("div", {
 		onClick,
 		className: onClick ? "cursor-pointer" : "",
-		children: /* @__PURE__ */ jsxs(Paper, {
-			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-800 shadow-xs", (hasError ? "border-red-500 dark:border-red-500 border-red-500/100 dark:border-red-500/100 ring-0 dark:ring-0" : selected ? "border-primary" : "") || "border-surface-200 dark:border-surface-700", 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: 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 shadow-xs", (hasError ? "border-red-500 dark:border-red-500 border-red-500/100 dark:border-red-500/100 ring-0 dark:ring-0" : selected ? "border-primary" : "") || "border-surface-200 dark:border-surface-700", 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__ */ jsx(PropertyConfigBadge, {
 					propertyConfig,
@@ -927,8 +936,8 @@ function NonEditablePropertyPreview({ name, selected, onClick, property }) {
 	return /* @__PURE__ */ jsx("div", {
 		onClick,
 		className: onClick ? "cursor-pointer" : "",
-		children: /* @__PURE__ */ jsxs(Paper, {
-			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-800 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: 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",
@@ -1157,6 +1166,7 @@ function PropertyTreeEntry({ id, propertyKey, namespace, property, additionalFie
 				}),
 				/* @__PURE__ */ jsx("div", { children: !isPropertyBuilder(property) && !additionalField && editable ? /* @__PURE__ */ jsx(PropertyFieldPreview, {
 					property,
+					propertyKey,
 					onClick: onPropertyClick ? () => onPropertyClick(propertyKey, namespace) : void 0,
 					includeName: true,
 					selected,
@@ -3167,7 +3177,7 @@ var PropertyEditView_exports = /* @__PURE__ */ __exportAll({
 	WidgetSelectViewItem: () => WidgetSelectViewItem
 });
 var PropertyForm = React.memo(function PropertyForm(props) {
-	const { includeIdAndName = true, autoOpenTypeSelect, existingProperty, autoUpdateId, inArray, propertyKey, existingPropertyKeys, propertyNamespace, property, onPropertyChanged, onPropertyChangedImmediate = true, onDismiss, onDelete, onError, initialErrors, forceShowErrors, allowDataInference, getController, getData, propertyConfigs } = props;
+	const { includeIdAndName = true, autoOpenTypeSelect, existingProperty, autoUpdateId, inArray, propertyKey, existingPropertyKeys, propertyNamespace, property, onPropertyChanged, onPropertyChangedImmediate = true, onDismiss, onDelete, onError, initialErrors, forceShowErrors, allowDataInference, getController, getData, propertyConfigs, propertyTypePresets, hiddenPropertyTypes, renderExtraPropertyFields, collectionValues } = props;
 	const initialValue = {
 		id: "",
 		name: ""
@@ -3254,6 +3264,10 @@ var PropertyForm = React.memo(function PropertyForm(props) {
 			getData,
 			allowDataInference,
 			propertyConfigs,
+			propertyTypePresets,
+			hiddenPropertyTypes,
+			renderExtraPropertyFields,
+			collectionValues,
 			...formexController
 		})
 	});
@@ -3306,7 +3320,7 @@ function PropertyFormDialog({ open, onCancel, onOkClicked, onPropertyChanged, ge
 		})
 	});
 }
-function PropertyEditFormFields({ values, errors, setValues, existing, autoUpdateId = false, autoOpenTypeSelect, includeIdAndTitle, onPropertyChanged, onDelete, propertyNamespace, onDismiss, onError, showErrors, disabled, inArray, getData, allowDataInference, propertyConfigs }) {
+function PropertyEditFormFields({ values, errors, setValues, existing, autoUpdateId = false, autoOpenTypeSelect, includeIdAndTitle, onPropertyChanged, onDelete, propertyNamespace, onDismiss, onError, showErrors, disabled, inArray, getData, allowDataInference, propertyConfigs, propertyTypePresets, hiddenPropertyTypes, renderExtraPropertyFields, collectionValues }) {
 	const [selectOpen, setSelectOpen] = useState(autoOpenTypeSelect);
 	const [deleteDialogOpen, setDeleteDialogOpen] = useState(false);
 	const [selectedFieldConfigId, setSelectedFieldConfigId] = useState(values?.type ? getFieldId(values) : void 0);
@@ -3347,6 +3361,31 @@ function PropertyEditFormFields({ values, errors, setValues, existing, autoUpdat
 			nameFieldRef.current?.focus();
 		}, 0);
 	};
+	const onPresetSelected = useCallback((preset) => {
+		const widgetId = {
+			"string": "text_field",
+			"number": "number_input",
+			"boolean": "switch",
+			"date": "date_time",
+			"reference": "reference",
+			"relation": "relation",
+			"map": "group",
+			"array": "repeat",
+			"vector": "vector_input",
+			"geopoint": "text_field",
+			"binary": "text_field"
+		}[preset.baseType] || "text_field";
+		setSelectedFieldConfigId(widgetId);
+		setValues({
+			...updatePropertyFromWidget(values, widgetId, propertyConfigs),
+			...preset.defaults,
+			propertyConfig: widgetId
+		});
+	}, [
+		values,
+		propertyConfigs,
+		setValues
+	]);
 	let childComponent;
 	if (selectedFieldConfigId === "text_field" || selectedFieldConfigId === "multiline" || selectedFieldConfigId === "user_select" || selectedFieldConfigId === "email") childComponent = /* @__PURE__ */ jsx(StringPropertyField, {
 		widgetId: selectedFieldConfigId,
@@ -3463,7 +3502,10 @@ function PropertyEditFormFields({ values, errors, setValues, existing, autoUpdat
 					showError: Boolean(selectedWidgetError),
 					existing,
 					propertyConfigs,
-					inArray
+					inArray,
+					propertyTypePresets,
+					hiddenPropertyTypes,
+					onPresetSelected
 				}), !!selectedWidgetError && /* @__PURE__ */ jsx(Typography, {
 					variant: "caption",
 					className: "ml-3.5",
@@ -3490,6 +3532,24 @@ function PropertyEditFormFields({ values, errors, setValues, existing, autoUpdat
 					ref: nameFieldRef
 				}),
 				childComponent,
+				renderExtraPropertyFields && collectionValues && /* @__PURE__ */ jsx("div", {
+					className: "col-span-12 mt-4 px-2",
+					children: renderExtraPropertyFields({
+						metadata: values.metadata ?? {},
+						onMetadataChange: (key, value) => {
+							const currentMetadata = values.metadata ?? {};
+							setValues({
+								...values,
+								metadata: {
+									...currentMetadata,
+									[key]: value
+								}
+							});
+						},
+						property: toSerializableProperty(values),
+						collection: toSerializableCollection(collectionValues)
+					})
+				}),
 				/* @__PURE__ */ jsx("div", {
 					className: "col-span-12",
 					children: /* @__PURE__ */ jsx(AdvancedPropertyValidation, { disabled })
@@ -3549,14 +3609,49 @@ var WIDGET_TYPE_MAP = {
 	block: "Group",
 	vector_input: "Number"
 };
-function WidgetSelectView({ initialProperty, value, onValueChange, open, onOpenChange, disabled, showError, existing, propertyConfigs, inArray }) {
+var WIDGET_BASE_TYPE_MAP = {
+	text_field: "string",
+	multiline: "string",
+	markdown: "string",
+	url: "string",
+	email: "string",
+	select: "string",
+	multi_select: "string",
+	file_upload: "string",
+	multi_file_upload: "string",
+	reference_as_string: "string",
+	user_select: "string",
+	number_input: "number",
+	number_select: "number",
+	multi_number_select: "number",
+	switch: "boolean",
+	date_time: "date",
+	reference: "reference",
+	multi_references: "reference",
+	relation: "relation",
+	group: "map",
+	key_value: "map",
+	block: "map",
+	repeat: "array",
+	custom_array: "array",
+	vector_input: "vector"
+};
+function WidgetSelectView({ initialProperty, value, onValueChange, open, onOpenChange, disabled, showError, existing, propertyConfigs, inArray, propertyTypePresets, hiddenPropertyTypes, onPresetSelected }) {
 	const allSupportedFields = Object.entries(supportedFields).concat(Object.entries(propertyConfigs));
-	const displayedWidgets = (inArray ? allSupportedFields.filter(([_, propertyConfig]) => !isPropertyBuilder(propertyConfig.property) && propertyConfig.property?.type !== "array") : allSupportedFields).map(([key, propertyConfig]) => ({ [key]: propertyConfig })).reduce((a, b) => {
+	const filteredFields = hiddenPropertyTypes && !propertyTypePresets ? allSupportedFields.filter(([key]) => {
+		const baseType = WIDGET_BASE_TYPE_MAP[key];
+		return !baseType || !hiddenPropertyTypes.includes(baseType);
+	}) : allSupportedFields;
+	const displayedWidgets = (inArray ? filteredFields.filter(([_, propertyConfig]) => !isPropertyBuilder(propertyConfig.property) && propertyConfig.property?.type !== "array") : filteredFields).map(([key, propertyConfig]) => ({ [key]: propertyConfig })).reduce((a, b) => {
 		return {
 			...a,
 			...b
 		};
 	}, {});
+	const activePreset = useMemo(() => {
+		if (!propertyTypePresets || !initialProperty) return void 0;
+		return propertyTypePresets.find((p) => p.detect?.(toSerializableProperty(initialProperty)));
+	}, [propertyTypePresets, initialProperty]);
 	const key = value;
 	const propertyConfig = key ? DEFAULT_FIELD_CONFIGS[key] ?? propertyConfigs[key] : void 0;
 	const baseProperty = propertyConfig?.property;
@@ -3593,7 +3688,26 @@ function WidgetSelectView({ initialProperty, value, onValueChange, open, onOpenC
 		open,
 		onOpenChange: (open) => onOpenChange(open, Boolean(value)),
 		maxWidth: "4xl",
-		children: [/* @__PURE__ */ jsx(DialogTitle, { children: "Select a property widget" }), /* @__PURE__ */ jsx(DialogContent, { children: /* @__PURE__ */ jsx("div", { children: groups.map((group) => {
+		children: [/* @__PURE__ */ jsx(DialogTitle, { children: propertyTypePresets ? "Select a property type" : "Select a property widget" }), /* @__PURE__ */ jsx(DialogContent, { children: propertyTypePresets ? /* @__PURE__ */ jsx("div", {
+			className: "grid grid-cols-1 md:grid-cols-2 gap-x-4 gap-y-2 mt-4",
+			children: propertyTypePresets.map((preset) => /* @__PURE__ */ jsx(Card, {
+				onClick: () => {
+					onPresetSelected?.(preset);
+					onOpenChange(false, true);
+				},
+				className: cls("flex flex-row items-center px-4 py-2 m-1", activePreset?.id === preset.id && "ring-2 ring-primary"),
+				children: /* @__PURE__ */ jsxs("div", {
+					className: cls("flex flex-row items-center text-base min-h-[48px]"),
+					children: [preset.icon && /* @__PURE__ */ jsx("div", {
+						className: "mr-4 text-2xl",
+						children: typeof preset.icon === "string" ? preset.icon : preset.icon
+					}), /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Typography, {
+						variant: "label",
+						children: preset.label
+					}) })]
+				})
+			}, preset.id))
+		}) : /* @__PURE__ */ jsx("div", { children: groups.map((group) => {
 			return /* @__PURE__ */ jsxs("div", {
 				className: "mt-4",
 				children: [/* @__PURE__ */ jsx(Typography, {
@@ -3655,6 +3769,6 @@ function WidgetSelectViewItem({ onClick, initialProperty, propertyConfig, existi
 	});
 }
 //#endregion
-export { updatePropertyFromWidget as a, useAIModifiedPaths as c, supportedFields as i, PropertyForm as n, PropertyTree as o, PropertyFormDialog as r, AIModifiedPathsProvider as s, PropertyEditView_exports as t };
+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-C2wp8kQ9.js.map
+//# sourceMappingURL=PropertyEditView-C9yhLyja.js.map