@rebasepro/admin 0.8.0 → 0.9.0

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

@@ -1,5 +1,5 @@
 import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.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 { 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";
@@ -918,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",
@@ -942,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"
@@ -964,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"
+						}) })
+					]
+				})]
+			})]
 		})
 	});
 }
@@ -1204,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, {
@@ -3575,7 +3583,7 @@ function PropertyEditFormFields({ values, errors, setValues, existing, autoUpdat
 							});
 						},
 						property: toSerializableProperty(values),
-						collection: toSerializableCollection(collectionValues)
+						collection: toSerializableCollectionConfig(collectionValues)
 					})
 				}),
 				/* @__PURE__ */ jsx("div", {
@@ -3797,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-DKzOpMjR.js.map
+//# sourceMappingURL=PropertyEditView-7KMTcrqi.js.map