@rebasepro/cms 0.19.1 → 0.19.2-canary.g09316f6

package/dist/{CollectionEditorDialog-BeX4b92r.js → CollectionEditorDialog-DQjLtp1W.js}

@@ -1,6 +1,6 @@
 import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.js";
-import { A as getFieldId, At as convertDataToEntity, Ft as ImportSaveInProgress, Gt as SearchIconsView, Jn as useCollectionRegistryController, Kt as FieldCaption, Nt as getInferenceType, Ot as ImportNewPropertyFieldPreview, Pt as useImportConfig, Rt as ImportFileUpload, S as isSchemaChangeCancelled, Tt as useCollectionEditorController, Wt as PropertyConfigBadge, _ as useCollectionsConfigController, _n as useNavigationStateController, cn as useSelectionController, ct as useSafeSnackbarController, hn as useUrlController, i as namespaceToPropertiesOrderPath, k as getFieldConfig, kt as DataNewPropertiesMapping, l as validateCollectionJson, m as toSerializableCollectionConfig, n as getFullIdPath, o as CollectionGenerationApiError, r as idToPropertiesPath, t as getFullId, un as CollectionTableBinding } from "./util-DE1WQW6h.js";
-import { a as updatePropertyFromWidget, c as useAIModifiedPaths, i as supportedFields, n as PropertyForm, o as PropertyTree, r as PropertyFormDialog, s as AIModifiedPathsProvider } from "./PropertyEditView-C7thfj4L.js";
+import { A as getFieldId, At as convertDataToEntity, Ft as ImportSaveInProgress, Gt as SearchIconsView, Jn as useCollectionRegistryController, Kt as FieldCaption, Nt as getInferenceType, Ot as ImportNewPropertyFieldPreview, Pt as useImportConfig, Rt as ImportFileUpload, S as isSchemaChangeCancelled, Tt as useCollectionEditorController, Wt as PropertyConfigBadge, _ as useCollectionsConfigController, _n as useNavigationStateController, cn as useSelectionController, ct as useSafeSnackbarController, hn as useUrlController, i as namespaceToPropertiesOrderPath, k as getFieldConfig, kt as DataNewPropertiesMapping, l as validateCollectionJson, m as toSerializableCollectionConfig, n as getFullIdPath, o as CollectionGenerationApiError, r as idToPropertiesPath, t as getFullId, un as CollectionTableBinding } from "./util-4oPxPkbp.js";
+import { a as updatePropertyFromWidget, c as useAIModifiedPaths, i as supportedFields, n as PropertyForm, o as PropertyTree, r as PropertyFormDialog, s as AIModifiedPathsProvider } from "./PropertyEditView-BMCCD2OI.js";
 import * as React$1 from "react";
 import React, { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { Alert, AppWindow, ArrowLeftIcon, BooleanSwitchWithLabel, Button, Card, CheckIcon, Chip, CircularProgress, CircularProgressCenter, CodeIcon, ColumnsIcon, Container, CopyIcon, DebouncedTextField, Dialog, DialogActions, DialogContent, DialogTitle, ErrorBoundary, FileIcon, FileSearchIcon, FileTextIcon, IconButton, KanbanIcon, KeyIcon, LayoutGridIcon, ListIcon, LoadingButton, Menu, MultiSelect, MultiSelectItem, PanelLeftIcon, Paper, PlusIcon, Select, SelectItem, ShoppingCartIcon, SquareIcon, Tab, TableIcon, Tabs, TextField, ToggleButtonGroup, Tooltip, Trash2Icon, Typography, UserIcon, XIcon, cls, coolIconKeys, defaultBorderMixin, iconSize } from "@rebasepro/ui";
@@ -975,12 +975,12 @@ function CollectionPropertiesEditorForm({ showErrors, isNewCollection, propertyE
 	};
 	return /* @__PURE__ */ jsxs(Fragment, { children: [
 		/* @__PURE__ */ jsxs("div", {
-			className: "grid grid-cols-12 h-full min-h-0 bg-surface-50 dark:bg-surface-800",
+			className: "grid grid-cols-12 h-full min-h-0 bg-surface-sheet",
 			children: [
 				/* @__PURE__ */ jsxs("div", {
-					className: cls("col-span-12 lg:col-span-5 h-full min-h-0 flex flex-col bg-surface-50 dark:bg-surface-800", !asDialog && "border-r " + defaultBorderMixin),
+					className: cls("col-span-12 lg:col-span-5 h-full min-h-0 flex flex-col bg-surface-sheet", !asDialog && "border-r " + defaultBorderMixin),
 					children: [/* @__PURE__ */ jsxs("div", {
-						className: cls("flex items-center justify-between px-3 py-2 border-b bg-surface-50 dark:bg-surface-900 min-h-[48px] shrink-0", defaultBorderMixin),
+						className: cls("flex items-center justify-between px-3 py-2 border-b min-h-[48px] shrink-0", defaultBorderMixin),
 						children: [
 							/* @__PURE__ */ jsx("div", {
 								className: "flex-grow min-w-0 pr-2",
@@ -1024,7 +1024,7 @@ function CollectionPropertiesEditorForm({ showErrors, isNewCollection, propertyE
 							})
 						]
 					}), /* @__PURE__ */ jsxs("div", {
-						className: "flex-grow overflow-y-auto p-3 space-y-3 bg-surface-50 dark:bg-surface-800",
+						className: "flex-grow overflow-y-auto p-3 space-y-3 bg-surface-sheet",
 						children: [
 							owner && /* @__PURE__ */ jsx("div", {
 								className: "px-1 py-0.5",
@@ -1058,7 +1058,7 @@ function CollectionPropertiesEditorForm({ showErrors, isNewCollection, propertyE
 					})]
 				}),
 				!asDialog && /* @__PURE__ */ jsx("div", {
-					className: "col-span-12 lg:col-span-7 p-4 md:py-8 md:px-4 h-full overflow-auto bg-surface-50 dark:bg-surface-800",
+					className: "col-span-12 lg:col-span-7 p-4 md:py-8 md:px-4 h-full overflow-auto bg-surface-sheet",
 					children: /* @__PURE__ */ jsxs("div", {
 						className: "sticky top-8 min-h-full w-full flex flex-col justify-center",
 						children: [
@@ -1231,22 +1231,22 @@ function CollectionJsonImportDialog({ open, onClose, onImport }) {
 						children: [
 							"Paste a JSON object representing your collection configuration. The JSON must include ",
 							/* @__PURE__ */ jsx("code", {
-								className: "bg-surface-200 dark:bg-surface-700 px-1 rounded",
+								className: "bg-surface-raised px-1 rounded",
 								children: "id"
 							}),
 							",",
 							/* @__PURE__ */ jsx("code", {
-								className: "bg-surface-200 dark:bg-surface-700 px-1 rounded",
+								className: "bg-surface-raised px-1 rounded",
 								children: "name"
 							}),
 							",",
 							/* @__PURE__ */ jsx("code", {
-								className: "bg-surface-200 dark:bg-surface-700 px-1 rounded",
+								className: "bg-surface-raised px-1 rounded",
 								children: "path"
 							}),
 							", and",
 							/* @__PURE__ */ jsx("code", {
-								className: "bg-surface-200 dark:bg-surface-700 px-1 rounded",
+								className: "bg-surface-raised px-1 rounded",
 								children: "properties"
 							}),
 							"."
@@ -2527,7 +2527,7 @@ function CollectionRLSTab() {
 					}) : /* @__PURE__ */ jsx("div", {
 						className: "flex flex-col gap-3",
 						children: rules.map((rule) => /* @__PURE__ */ jsxs(Paper, {
-							className: "p-4 border border-transparent hover:border-surface-200 dark:hover:border-surface-700 rounded-lg flex flex-col sm:flex-row sm:items-center justify-between gap-4 transition-colors bg-white dark:bg-surface-800 shadow-sm",
+							className: "p-4 border border-transparent hover:border-surface-200 dark:hover:border-surface-700 rounded-lg flex flex-col sm:flex-row sm:items-center justify-between gap-4 transition-colors bg-surface-card shadow-sm",
 							children: [/* @__PURE__ */ jsxs("div", {
 								className: "flex flex-col gap-1.5 min-w-0",
 								children: [/* @__PURE__ */ jsxs("div", {
@@ -2544,11 +2544,11 @@ function CollectionRLSTab() {
 									className: "flex gap-2 text-xs pl-6 overflow-x-auto hide-scrollbar",
 									children: [/* @__PURE__ */ jsxs(Chip, {
 										size: "small",
-										className: "bg-surface-100 dark:bg-surface-900 text-text-secondary border-none",
+										className: "bg-surface-raised text-text-secondary border-none",
 										children: ["Action: ", rule.operation || "ALL"]
 									}), /* @__PURE__ */ jsxs(Chip, {
 										size: "small",
-										className: "bg-surface-100 dark:bg-surface-900 text-text-secondary border-none",
+										className: "bg-surface-raised text-text-secondary border-none",
 										children: ["Roles: ", Array.isArray(rule.roles) ? rule.roles.join(", ") : rule.roles]
 									})]
 								})]
@@ -2629,11 +2629,11 @@ function CollectionRLSTab() {
 											className: "flex gap-2 text-xs pl-6 overflow-x-auto hide-scrollbar",
 											children: [/* @__PURE__ */ jsxs(Chip, {
 												size: "small",
-												className: "bg-white dark:bg-surface-900 text-text-secondary border-none",
+												className: "bg-surface-card text-text-secondary border-none",
 												children: ["Action: ", dp.cmd || "ALL"]
 											}), /* @__PURE__ */ jsxs(Chip, {
 												size: "small",
-												className: "bg-white dark:bg-surface-900 text-text-secondary border-none",
+												className: "bg-surface-card text-text-secondary border-none",
 												children: ["Roles: ", Array.isArray(dp.roles) ? dp.roles.join(", ") : dp.roles]
 											})]
 										})]
@@ -2720,10 +2720,10 @@ function InlinePolicyEditor({ policy, table, availableRoles, rolesUnavailable, o
 			})]
 		}),
 		/* @__PURE__ */ jsx(DialogContent, {
-			className: "p-4 md:p-6 border-t dark:border-surface-700 bg-surface-50 dark:bg-surface-800",
+			className: "p-4 md:p-6 border-t dark:border-surface-700 bg-surface-sheet",
 			includeMargin: false,
 			children: /* @__PURE__ */ jsxs(Paper, {
-				className: cls("p-4 md:p-6 flex flex-col gap-6 bg-white dark:bg-surface-800 border-none sm:border-solid rounded-none sm:rounded-xl", defaultBorderMixin),
+				className: cls("p-4 md:p-6 flex flex-col gap-6 bg-surface-card border-none sm:border-solid rounded-none sm:rounded-xl", defaultBorderMixin),
 				children: [
 					/* @__PURE__ */ jsxs("div", {
 						className: "grid grid-cols-1 md:grid-cols-2 gap-4",
@@ -2916,7 +2916,7 @@ function CollectionEditorDialog(props) {
 		fullHeight: true,
 		scrollable: false,
 		maxWidth: "7xl",
-		className: "bg-surface-50 dark:bg-surface-800",
+		className: "bg-surface-sheet",
 		onOpenChange: (open) => !open ? handleCancel() : void 0,
 		children: [/* @__PURE__ */ jsx(DialogTitle, {
 			hidden: true,
@@ -3272,11 +3272,11 @@ function CollectionEditorInternal({ isNewCollection, configController, editedCol
 		if (operations && aiModifiedPaths) aiModifiedPaths.addModifiedPaths(operations);
 	};
 	return /* @__PURE__ */ jsxs("div", {
-		className: "h-full w-full flex flex-col bg-surface-50 dark:bg-surface-800",
+		className: "h-full w-full flex flex-col bg-surface-sheet",
 		children: [/* @__PURE__ */ jsx(Formex, {
 			value: formController,
 			children: /* @__PURE__ */ jsxs(Fragment, { children: [!isNewCollection && /* @__PURE__ */ jsxs("div", {
-				className: cls("px-4 py-2 w-full flex shrink-0 items-center justify-between gap-4 bg-surface-50 dark:bg-surface-900 border-b", defaultBorderMixin),
+				className: cls("px-4 py-2 w-full flex shrink-0 items-center justify-between gap-4 border-b", defaultBorderMixin),
 				children: [/* @__PURE__ */ jsx("div", {
 					className: "flex flex-1 items-center justify-end gap-4 min-w-0",
 					children: /* @__PURE__ */ jsxs(Tabs, {
@@ -3336,7 +3336,7 @@ function CollectionEditorInternal({ isNewCollection, configController, editedCol
 				onSubmit: formController.handleSubmit,
 				className: "flex-grow flex flex-col min-h-0 relative",
 				children: [/* @__PURE__ */ jsxs("div", {
-					className: "flex-grow flex flex-col min-h-0 relative w-full h-full bg-surface-50 dark:bg-surface-800",
+					className: "flex-grow flex flex-col min-h-0 relative w-full h-full bg-surface-sheet",
 					children: [
 						currentView === "loading" && /* @__PURE__ */ jsx(CircularProgressCenter, {}),
 						currentView === "extra_view" && usedPath && extraView?.View && /* @__PURE__ */ jsx(extraView.View, { path: usedPath }),
@@ -3429,7 +3429,7 @@ function CollectionEditorInternal({ isNewCollection, configController, editedCol
 						})
 					]
 				}), (!fullScreen || isNewCollection || !!error) && /* @__PURE__ */ jsxs("div", {
-					className: "shrink-0 w-full p-4 sm:px-6 sm:py-4 border-t border-surface-200 dark:border-surface-900 flex items-center justify-between gap-4 bg-surface-50 dark:bg-surface-900",
+					className: "shrink-0 w-full p-4 sm:px-6 sm:py-4 border-t border-hairline flex items-center justify-between gap-4",
 					children: [
 						error && /* @__PURE__ */ jsx(ErrorView, { error }),
 						isNewCollection && includeTemplates && currentView === "import_data_mapping" && /* @__PURE__ */ jsx(Button, {
@@ -3462,52 +3462,57 @@ function CollectionEditorInternal({ isNewCollection, configController, editedCol
 							onClick: () => setCurrentView("general"),
 							children: [/* @__PURE__ */ jsx(ArrowLeftIcon, {}), "Back"]
 						}),
-						(!fullScreen || isNewCollection) && /* @__PURE__ */ jsx(Button, {
-							variant: "text",
-							color: "neutral",
-							onClick: () => {
-								handleCancel();
-							},
-							children: "Cancel"
-						}),
-						currentView === "welcome" && /* @__PURE__ */ jsx(Button, {
-							variant: "text",
-							onClick: () => onWelcomeScreenContinue(),
-							children: "Continue from scratch"
-						}),
-						isNewCollection && currentView === "import_data_mapping" && /* @__PURE__ */ jsx(Button, {
-							variant: "filled",
-							color: "primary",
-							onClick: onImportMappingComplete,
-							children: "Next"
-						}),
-						isNewCollection && currentView === "import_data_preview" && /* @__PURE__ */ jsx(Button, {
-							variant: "filled",
-							color: "primary",
-							onClick: () => {
-								setNextMode();
-							},
-							children: "Next"
-						}),
-						isNewCollection && (currentView === "general" || currentView === "properties") && /* @__PURE__ */ jsxs(LoadingButton, {
-							variant: "filled",
-							color: "primary",
-							type: "submit",
-							loading: isSubmitting,
-							disabled: isSubmitting || currentView === "general" && !validValues || configController?.readOnly,
-							startIcon: currentView === "properties" ? /* @__PURE__ */ jsx(CheckIcon, {}) : void 0,
-							children: [currentView === "general" && "Next", currentView === "properties" && "Create collection"]
-						}),
-						!isNewCollection && !fullScreen && /* @__PURE__ */ jsx(Tooltip, {
-							title: configController?.readOnly ? readOnlyTitle : void 0,
-							children: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(LoadingButton, {
-								variant: "filled",
-								color: "primary",
-								type: "submit",
-								disabled: isSubmitting || configController?.readOnly,
-								loading: isSubmitting,
-								children: configController?.readOnly ? "Update collection (Read-only)" : "Update collection"
-							}) })
+						/* @__PURE__ */ jsxs("div", {
+							className: "flex items-center gap-2 ml-auto",
+							children: [
+								(!fullScreen || isNewCollection) && /* @__PURE__ */ jsx(Button, {
+									variant: "text",
+									color: "neutral",
+									onClick: () => {
+										handleCancel();
+									},
+									children: "Cancel"
+								}),
+								currentView === "welcome" && /* @__PURE__ */ jsx(Button, {
+									variant: "text",
+									onClick: () => onWelcomeScreenContinue(),
+									children: "Continue from scratch"
+								}),
+								isNewCollection && currentView === "import_data_mapping" && /* @__PURE__ */ jsx(Button, {
+									variant: "filled",
+									color: "primary",
+									onClick: onImportMappingComplete,
+									children: "Next"
+								}),
+								isNewCollection && currentView === "import_data_preview" && /* @__PURE__ */ jsx(Button, {
+									variant: "filled",
+									color: "primary",
+									onClick: () => {
+										setNextMode();
+									},
+									children: "Next"
+								}),
+								isNewCollection && (currentView === "general" || currentView === "properties") && /* @__PURE__ */ jsxs(LoadingButton, {
+									variant: "filled",
+									color: "primary",
+									type: "submit",
+									loading: isSubmitting,
+									disabled: isSubmitting || currentView === "general" && !validValues || configController?.readOnly,
+									startIcon: currentView === "properties" ? /* @__PURE__ */ jsx(CheckIcon, {}) : void 0,
+									children: [currentView === "general" && "Next", currentView === "properties" && "Create collection"]
+								}),
+								!isNewCollection && !fullScreen && /* @__PURE__ */ jsx(Tooltip, {
+									title: configController?.readOnly ? readOnlyTitle : void 0,
+									children: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(LoadingButton, {
+										variant: "filled",
+										color: "primary",
+										type: "submit",
+										disabled: isSubmitting || configController?.readOnly,
+										loading: isSubmitting,
+										children: configController?.readOnly ? "Update collection (Read-only)" : "Update collection"
+									}) })
+								})
+							]
 						})
 					]
 				})]
@@ -3576,4 +3581,4 @@ var validateId = (value, isNewCollection, existingPaths, existingIds) => {
 //#endregion
 export { CollectionEditorDialog as n, CollectionEditorDialog_exports as r, CollectionEditor as t };
 
-//# sourceMappingURL=CollectionEditorDialog-BeX4b92r.js.map
+//# sourceMappingURL=CollectionEditorDialog-DQjLtp1W.js.map