@rebasepro/admin 0.6.1 → 0.8.0

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

@@ -1,18 +1,28 @@
 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, It as DEFAULT_FIELD_CONFIGS, Wn as useCollectionRegistryController, _ as toSerializableProperty, a as namespaceToPropertiesPath, fn as FieldCaption, h as toSerializableCollection, i as namespaceToPropertiesOrderPath, n as getFullIdPath, r as idToPropertiesPath, t as getFullId, tn as ArrayContainer, zt as getFieldConfig } from "./src-cxV1ODRG.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";
 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 +493,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 +509,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"
 				});
@@ -560,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`;
@@ -585,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);
@@ -605,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, {
@@ -875,8 +910,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 +962,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 +1192,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,
@@ -2721,10 +2757,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
 	});
@@ -2732,21 +2770,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
 	});
@@ -2754,20 +2796,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
 	});
@@ -2775,10 +2821,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
 	});
@@ -2786,10 +2834,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
 	});
@@ -2848,10 +2898,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",
@@ -2973,7 +3019,6 @@ var supportedFieldsIds = [
 	"file_upload",
 	"multi_file_upload",
 	"reference",
-	"reference_as_string",
 	"multi_references",
 	"relation",
 	"switch",
@@ -3167,7 +3212,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 +3299,10 @@ var PropertyForm = React.memo(function PropertyForm(props) {
 			getData,
 			allowDataInference,
 			propertyConfigs,
+			propertyTypePresets,
+			hiddenPropertyTypes,
+			renderExtraPropertyFields,
+			collectionValues,
 			...formexController
 		})
 	});
@@ -3306,7 +3355,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 +3396,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,
@@ -3409,13 +3483,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,
@@ -3463,7 +3530,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 +3560,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 })
@@ -3539,7 +3627,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",
@@ -3549,14 +3636,48 @@ 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",
+	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 +3714,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 +3795,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-DKzOpMjR.js.map