npm - @rebasepro/cms - Versions diffs - 0.21.2-canary.g1ea48be → 0.23.0 - Mend

@rebasepro/cms 0.21.2-canary.g1ea48be → 0.23.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (58) hide show

package/dist/{RouterCollectionsStudioView-qgDWC6E2.js → RouterCollectionsStudioView-ChPNl_uU.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.js";
-import { Sn as useUrlController } from "./util-qfCPxJzB.js";
-import { t as CollectionEditor } from "./CollectionEditorDialog-B1mG1cfx.js";
-import { s as AIModifiedPathsProvider } from "./PropertyEditView-gKNUHxLY.js";
+import { Mn as useUrlController } from "./util-DybQBkug.js";
+import { t as CollectionEditor } from "./CollectionEditorDialog-DLHCka00.js";
+import { s as AIModifiedPathsProvider } from "./PropertyEditView-_pu5hzZn.js";
 import { useEffect, useState } from "react";
 import { Button, IconButton, PlusIcon, ResizablePanels, Tooltip, Typography, cls, defaultBorderMixin, iconSize } from "@rebasepro/ui";
 import { IconForView, UnsavedChangesDialog, useUnsavedChangesDialog } from "@rebasepro/app";
@@ -9,8 +9,11 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { readStoredString, writeStoredString } from "@rebasepro/utils";
 import { useLocation, useNavigate } from "react-router";
 //#region src/collection_editor/ui/collection_editor/CollectionStudioView.tsx
-function CollectionStudioView({ collectionId, onSave, onCancel, ...props }) {
+function CollectionStudioView({ collectionId, onSave, onCancel, onDirtyChange, ...props }) {
 	const [formDirty, setFormDirty] = useState(false);
+	useEffect(() => {
+		onDirtyChange?.(formDirty);
+	}, [formDirty, onDirtyChange]);
 	const [cancelRequested, setCancelRequested] = useState(false);
 	const { dialogProps, triggerDialog } = useUnsavedChangesDialog(formDirty, () => setFormDirty(false));
 	const activeCollectionId = collectionId;
@@ -73,6 +76,15 @@ function CollectionsStudioView({ configController, collections: collectionsProp,
 		if (isControlled) onActiveCollectionChange?.(id);
 		else setInternalActiveId(id);
 	};
+	const [editorDirty, setEditorDirty] = useState(false);
+	const [pendingSelection, setPendingSelection] = useState(null);
+	const selectCollection = (id) => {
+		if (!isControlled && editorDirty && id !== activeCollectionId) {
+			setPendingSelection({ id });
+			return;
+		}
+		setActiveCollectionId(id);
+	};
 	const collections = collectionsProp ?? configController.collections ?? [];
 	const [sidebarSize, setSidebarSize] = useState(() => {
 		const saved = readStoredString("rebase_collections_editor_sidebar_size");
@@ -82,9 +94,9 @@ function CollectionsStudioView({ configController, collections: collectionsProp,
 	useEffect(() => {
 		writeStoredString("rebase_collections_editor_sidebar_size", sidebarSize.toString());
 	}, [sidebarSize]);
-	return /* @__PURE__ */ jsx("div", {
+	return /* @__PURE__ */ jsxs("div", {
 		className: "flex h-full w-full bg-surface-sheet overflow-hidden text-text-primary dark:text-text-primary-dark",
-		children: /* @__PURE__ */ jsx(ResizablePanels, {
+		children: [/* @__PURE__ */ jsx(ResizablePanels, {
 			orientation: "horizontal",
 			panelSizePercent: sidebarSize,
 			onPanelSizeChange: setSidebarSize,
@@ -101,8 +113,9 @@ function CollectionsStudioView({ configController, collections: collectionsProp,
 						title: configController.readOnly ? configController.readOnlyReason || "Read only" : "Add collection",
 						children: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(IconButton, {
 							size: "small",
+							"aria-label": "Add collection",
 							disabled: configController.readOnly,
-							onClick: () => setActiveCollectionId("new"),
+							onClick: () => selectCollection("new"),
 							className: activeCollectionId === "new" ? "text-primary dark:text-primary-dark" : "text-text-secondary dark:text-text-secondary-dark",
 							children: /* @__PURE__ */ jsx(PlusIcon, { size: iconSize.smallest })
 						}) })
@@ -120,7 +133,7 @@ function CollectionsStudioView({ configController, collections: collectionsProp,
 						const collectionKey = collection.slug;
 						const isSelected = activeCollectionId === collectionKey;
 						return /* @__PURE__ */ jsxs("div", {
-							onClick: () => setActiveCollectionId(collectionKey),
+							onClick: () => selectCollection(collectionKey),
 							className: cls("flex items-center gap-2.5 px-3 h-[30px] cursor-pointer rounded-lg text-[13px] font-medium transition-colors", isSelected ? "bg-primary/8 text-primary dark:bg-primary/10 dark:text-primary-light font-semibold" : "hover:bg-surface-hover text-surface-700 dark:text-surface-300 hover:text-surface-900 dark:hover:text-white"),
 							children: [/* @__PURE__ */ jsx(IconForView, {
 								collectionOrView: collection,
@@ -142,6 +155,7 @@ function CollectionsStudioView({ configController, collections: collectionsProp,
 					onSave: (savedCollection) => {
 						if (activeCollectionId === "new" && savedCollection?.slug) setActiveCollectionId(savedCollection.slug);
 					},
+					onDirtyChange: setEditorDirty,
 					onCancel: () => setActiveCollectionId(void 0),
 					propertyTypePresets,
 					hiddenPropertyTypes,
@@ -161,7 +175,17 @@ function CollectionsStudioView({ configController, collections: collectionsProp,
 					})]
 				})
 			})
-		})
+		}), /* @__PURE__ */ jsx(UnsavedChangesDialog, {
+			open: pendingSelection !== null,
+			body: "There are unsaved changes in this collection",
+			handleOk: () => {
+				const next = pendingSelection;
+				setPendingSelection(null);
+				setEditorDirty(false);
+				if (next) setActiveCollectionId(next.id);
+			},
+			handleCancel: () => setPendingSelection(null)
+		})]
 	});
 }
 //#endregion
@@ -185,4 +209,4 @@ function RouterCollectionsStudioView(props) {
 //#endregion
 export { CollectionStudioView as i, RouterCollectionsStudioView_exports as n, CollectionsStudioView as r, RouterCollectionsStudioView as t };
-//# sourceMappingURL=RouterCollectionsStudioView-qgDWC6E2.js.map
+//# sourceMappingURL=RouterCollectionsStudioView-ChPNl_uU.js.map

package/dist/RouterCollectionsStudioView-ChPNl_uU.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"RouterCollectionsStudioView-ChPNl_uU.js","names":[],"sources":["../src/collection_editor/ui/collection_editor/CollectionStudioView.tsx","../src/collection_editor/ui/collection_editor/CollectionsStudioView.tsx","../src/collection_editor/ui/collection_editor/RouterCollectionsStudioView.tsx"],"sourcesContent":["\nimport { useUnsavedChangesDialog, UnsavedChangesDialog } from \"@rebasepro/app\";\nimport * as React from \"react\";\nimport { useEffect, useState } from \"react\";\nimport { Button, PlusIcon, Typography } from \"@rebasepro/ui\";\nimport { CollectionEditorDialogProps } from \"./CollectionEditorDialog\";\nimport { AIModifiedPathsProvider } from \"./AIModifiedPathsContext\";\nimport { CollectionEditor } from \"./CollectionEditorDialog\";\nimport type { AdminCollection } from \"@rebasepro/cms-types\";\n\nexport type CollectionStudioViewProps = Omit<CollectionEditorDialogProps, \"open\" | \"isNewCollection\" | \"editedCollectionId\" | \"handleClose\" | \"handleCancel\"> & {\n collectionId?: string | \"new\";\n\n /**\n * Called after a successful save.\n * Receives the saved collection (or undefined if dismissed without saving).\n * When not provided, save completes silently.\n */\n onSave?: (collection?: AdminCollection) => void;\n\n /**\n * Called when the collection on screen gains or loses unsaved edits.\n *\n * For whatever decides which collection is on screen: this view is\n * remounted when that changes, and its edits go with it.\n */\n onDirtyChange?: (dirty: boolean) => void;\n\n /**\n * Called when the user cancels editing.\n * When not provided, cancel is a no-op.\n */\n onCancel?: () => void;\n};\n\nexport function CollectionStudioView({ collectionId, onSave, onCancel, onDirtyChange, ...props }: CollectionStudioViewProps) {\n\n // Form state from the editor\n const [formDirty, setFormDirty] = useState<boolean>(false);\n\n useEffect(() => {\n onDirtyChange?.(formDirty);\n }, [formDirty, onDirtyChange]);\n const [cancelRequested, setCancelRequested] = useState<boolean>(false);\n\n const { dialogProps, triggerDialog } = useUnsavedChangesDialog(\n formDirty,\n () => setFormDirty(false)\n );\n\n const activeCollectionId = collectionId;\n\n const handleCancelClick = () => {\n if (!formDirty) {\n onCancel?.();\n } else {\n setCancelRequested(true);\n triggerDialog();\n }\n };\n\n return (\n <div className=\"flex-grow flex flex-col h-full w-full bg-surface-sheet\">\n <AIModifiedPathsProvider>\n {activeCollectionId ? (\n <CollectionEditor\n key={activeCollectionId}\n {...props}\n fullScreen={true}\n open={true}\n isNewCollection={activeCollectionId === \"new\"}\n editedCollectionId={activeCollectionId !== \"new\" ? activeCollectionId : undefined}\n handleCancel={handleCancelClick}\n handleClose={(savedCollection) => {\n setFormDirty(false);\n if (savedCollection) {\n setTimeout(() => {\n onSave?.(savedCollection);\n }, 0);\n }\n }}\n setFormDirty={setFormDirty}\n />\n ) : (\n <div className=\"flex-grow flex flex-col items-center justify-center h-full gap-4\">\n <Typography variant=\"label\">\n Select a collection or create a new one\n </Typography>\n <Button\n disabled={props.configController?.readOnly}\n onClick={() => onSave?.()}\n >\n <PlusIcon/>\n Add new collection\n </Button>\n </div>\n )}\n\n <UnsavedChangesDialog\n {...dialogProps}\n handleOk={() => {\n dialogProps.handleOk();\n if (cancelRequested) {\n onCancel?.();\n setCancelRequested(false);\n }\n }}\n handleCancel={() => {\n dialogProps.handleCancel();\n setCancelRequested(false);\n }}\n />\n </AIModifiedPathsProvider>\n </div>\n );\n}\n","\nimport { IconForView, UnsavedChangesDialog } from \"@rebasepro/app\";\nimport React, { useState, useEffect } from \"react\";\nimport {\n Button,\n cls,\n defaultBorderMixin,\n IconButton,\n iconSize,\n PlusIcon,\n ResizablePanels,\n Tooltip,\n Typography\n} from \"@rebasepro/ui\";\n\nimport { CollectionsConfigController } from \"../../types/config_controller\";\nimport { CollectionStudioView } from \"./CollectionStudioView\";\nimport type { CollectionEditorExtensionProps } from \"../../extensibility_types\";\nimport type { AdminCollection } from \"@rebasepro/cms-types\";\nimport { readStoredString, writeStoredString } from \"@rebasepro/utils\";\n\nexport interface CollectionsStudioViewProps extends CollectionEditorExtensionProps {\n configController: CollectionsConfigController;\n\n /**\n * Collections to show in the sidebar.\n * When provided, overrides the collections from `configController`.\n * Use this to control exactly which collections the editor displays.\n */\n collections?: AdminCollection[];\n\n /**\n * Controlled active collection ID.\n * When provided together with `onActiveCollectionChange`,\n * navigation is fully external — no internal state is used.\n */\n activeCollectionId?: string;\n\n /**\n * Called when the user clicks a collection, \"new\", or navigates.\n * When provided, the component is fully controlled (no internal state).\n * When not provided, the component manages selection via internal state.\n *\n * Pass `\"new\"` to create a new collection. Pass `undefined` to deselect.\n */\n onActiveCollectionChange?: (collectionId: string | undefined) => void;\n}\n\nexport function CollectionsStudioView({\n configController,\n collections: collectionsProp,\n activeCollectionId: controlledActiveId,\n onActiveCollectionChange,\n propertyTypePresets,\n hiddenPropertyTypes,\n renderExtraPropertyFields,\n renderExtraCollectionFields,\n visibleTabs,\n standalone,\n}: CollectionsStudioViewProps) {\n\n // ── Navigation state ────────────────────────────────────────────────\n // If onActiveCollectionChange is provided, the component is controlled.\n // Otherwise, use internal state.\n const [internalActiveId, setInternalActiveId] = useState<string | undefined>(undefined);\n const isControlled = onActiveCollectionChange !== undefined;\n const activeCollectionId = isControlled ? controlledActiveId : internalActiveId;\n\n const setActiveCollectionId = (id: string | undefined) => {\n if (isControlled) {\n onActiveCollectionChange?.(id);\n } else {\n setInternalActiveId(id);\n }\n };\n\n // ── Unsaved edits ───────────────────────────────────────────────────\n // The editor is keyed by the active id, so selecting another collection\n // remounts it and drops whatever was typed into the one on screen.\n // Controlled, the selection is the caller's navigation and the caller\n // guards it — `RouterCollectionsStudioView` is a route change, which the\n // editor's own navigation blocker asks about. Uncontrolled, it is state\n // this component owns, and nothing else would ask.\n const [editorDirty, setEditorDirty] = useState(false);\n const [pendingSelection, setPendingSelection] = useState<{ id: string | undefined } | null>(null);\n\n const selectCollection = (id: string | undefined) => {\n if (!isControlled && editorDirty && id !== activeCollectionId) {\n setPendingSelection({ id });\n return;\n }\n setActiveCollectionId(id);\n };\n\n // ── Collections list ────────────────────────────────────────────────\n const collections = collectionsProp ?? configController.collections ?? [];\n\n // ── Sidebar sizing ──────────────────────────────────────────────────\n // Checked, not just parsed: `parseFloat` answers NaN for anything it cannot\n // read, and a NaN pane size lays the sidebar out to nothing — with the bad\n // value still in storage on reload. `SplitListView.getSavedPanelSize` is the\n // same read, done this way.\n const [sidebarSize, setSidebarSize] = useState(() => {\n const saved = readStoredString(\"rebase_collections_editor_sidebar_size\");\n const parsed = saved === null ? NaN : parseFloat(saved);\n return Number.isFinite(parsed) && parsed > 0 && parsed < 100 ? parsed : 25;\n });\n\n useEffect(() => {\n writeStoredString(\"rebase_collections_editor_sidebar_size\", sidebarSize.toString());\n }, [sidebarSize]);\n\n return (\n <div className=\"flex h-full w-full bg-surface-sheet overflow-hidden text-text-primary dark:text-text-primary-dark\">\n <ResizablePanels\n orientation=\"horizontal\"\n panelSizePercent={sidebarSize}\n onPanelSizeChange={setSidebarSize}\n minPanelSizePx={220}\n firstPanel={\n <div className={cls(\"flex flex-col h-full w-full bg-surface-sheet border-r\", defaultBorderMixin)}>\n <div className={cls(\"flex items-center justify-between px-3 py-2 border-b min-h-[48px]\", defaultBorderMixin)}>\n <Typography variant=\"caption\" className=\"font-semibold text-[11px] uppercase tracking-wider text-surface-400 dark:text-surface-400\">\n Collections\n </Typography>\n <Tooltip title={configController.readOnly ? configController.readOnlyReason || \"Read only\" : \"Add collection\"}>\n <div>\n <IconButton\n size=\"small\"\n aria-label={\"Add collection\"}\n disabled={configController.readOnly}\n onClick={() => selectCollection(\"new\")}\n className={activeCollectionId === \"new\" ? \"text-primary dark:text-primary-dark\" : \"text-text-secondary dark:text-text-secondary-dark\"}\n >\n <PlusIcon size={iconSize.smallest}/>\n </IconButton>\n </div>\n </Tooltip>\n </div>\n\n <div className=\"flex-grow overflow-y-auto w-full no-scrollbar p-2 space-y-0.5\">\n {collections.length === 0 && (\n <div className=\"p-4 text-center\">\n <Typography variant=\"caption\" className=\"text-text-disabled dark:text-text-disabled-dark italic\">\n No collections yet.\n </Typography>\n </div>\n )}\n {collections.map((collection) => {\n const collectionKey = collection.slug;\n const isSelected = activeCollectionId === collectionKey;\n return (\n <div\n key={collectionKey}\n onClick={() => selectCollection(collectionKey)}\n className={cls(\n \"flex items-center gap-2.5 px-3 h-[30px] cursor-pointer rounded-lg text-[13px] font-medium transition-colors\",\n isSelected\n ? \"bg-primary/8 text-primary dark:bg-primary/10 dark:text-primary-light font-semibold\"\n : \"hover:bg-surface-hover text-surface-700 dark:text-surface-300 hover:text-surface-900 dark:hover:text-white\"\n )}\n >\n <IconForView collectionOrView={collection} size={\"smallest\"} className={cls(\n isSelected\n ? \"text-primary dark:text-primary-light\"\n : \"text-surface-500 dark:text-text-secondary-dark\"\n )}/>\n <span className=\"truncate flex-1\">\n {collection.name || collection.slug}\n </span>\n </div>\n );\n })}\n </div>\n </div>\n }\n secondPanel={\n <div className=\"flex-grow flex flex-col min-w-0 h-full w-full\">\n {/* We use key to force unmount when switching collections, preventing stale state */}\n {activeCollectionId ? (\n <CollectionStudioView\n key={activeCollectionId}\n configController={configController}\n collectionId={activeCollectionId}\n onSave={(savedCollection) => {\n // After creating a new collection, switch to it\n if (activeCollectionId === \"new\" && savedCollection?.slug) {\n setActiveCollectionId(savedCollection.slug);\n }\n }}\n onDirtyChange={setEditorDirty}\n // Not through the guard: the editor has already\n // asked about its own edits before cancelling.\n onCancel={() => setActiveCollectionId(undefined)}\n propertyTypePresets={propertyTypePresets}\n hiddenPropertyTypes={hiddenPropertyTypes}\n renderExtraPropertyFields={renderExtraPropertyFields}\n renderExtraCollectionFields={renderExtraCollectionFields}\n visibleTabs={visibleTabs}\n standalone={standalone}\n />\n ) : (\n <div className=\"flex flex-col items-center justify-center h-full gap-4\">\n <Typography variant=\"label\">\n Select a collection or create a new one to start editing\n </Typography>\n <Button\n disabled={configController.readOnly}\n onClick={() => setActiveCollectionId(\"new\")}\n >\n <PlusIcon/>\n Add new collection\n </Button>\n </div>\n )}\n </div>\n }\n />\n <UnsavedChangesDialog\n open={pendingSelection !== null}\n body={\"There are unsaved changes in this collection\"}\n handleOk={() => {\n const next = pendingSelection;\n setPendingSelection(null);\n setEditorDirty(false);\n if (next) setActiveCollectionId(next.id);\n }}\n handleCancel={() => setPendingSelection(null)}\n />\n </div>\n );\n}\n","/**\n * Router-aware wrapper around CollectionsStudioView.\n *\n * This component provides the react-router-based navigation behavior\n * that Rebase Studio expects: the active collection is derived from the\n * URL, and clicking a collection navigates via react-router.\n *\n * External consumers should use `CollectionsStudioView` directly\n * (which has no react-router dependency).\n */\nimport React from \"react\";\nimport { useLocation, useNavigate } from \"react-router\";\nimport { useUrlController } from \"../../_cms_internals\";\nimport { CollectionsStudioView, CollectionsStudioViewProps } from \"./CollectionsStudioView\";\n\nexport type RouterCollectionsStudioViewProps = Omit<CollectionsStudioViewProps, \"activeCollectionId\" | \"onActiveCollectionChange\">;\n\nexport function RouterCollectionsStudioView(props: RouterCollectionsStudioViewProps) {\n const navigate = useNavigate();\n const urlController = useUrlController();\n const location = useLocation();\n\n // Determine the active collection from the URL segment after \"schema/\"\n const basePath = urlController.buildAppUrlPath(\"schema\");\n const relativePath = location.pathname.replace(basePath, \"\").replace(/^\\//, \"\");\n const activeCollectionId = relativePath.split(\"/\")[0] || undefined;\n\n return (\n <CollectionsStudioView\n {...props}\n activeCollectionId={activeCollectionId}\n onActiveCollectionChange={(id) => {\n if (id) {\n navigate(urlController.buildAppUrlPath(`schema/${id}`));\n } else {\n navigate(urlController.buildAppUrlPath(\"schema\"));\n }\n }}\n />\n );\n}\n"],"mappings":"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"}

package/dist/collection_editor/_cms_internals.d.ts CHANGED Viewed

@@ -21,6 +21,7 @@ export { ImportSaveInProgress } from "../data_import/components/ImportSaveInProg
 export { useImportConfig } from "../data_import/hooks/useImportConfig.js";
 export { getInferenceType } from "../data_import/utils/get_import_inference_type.js";
 export { convertDataToEntity } from "../data_import/utils/data.js";
+export { guessIdColumn } from "../data_import/utils/id_column.js";
 export type { ImportConfig } from "../data_import/types/index.js";
 export { DataNewPropertiesMapping } from "../data_import/components/DataNewPropertiesMapping.js";
 export { ImportNewPropertyFieldPreview } from "../data_import/components/ImportNewPropertyFieldPreview.js";

package/dist/collection_editor/relation_kinds.d.ts CHANGED Viewed

@@ -21,3 +21,14 @@ export declare const kindUsesLocalKey: (kind: RelationKind) => kind is "belongsT
 export declare const kindUsesForeignKeyOnTarget: (kind: RelationKind) => kind is "hasMany" | "hasOne";
 export declare const kindUsesThrough: (kind: RelationKind) => kind is "manyToMany";
 export declare const kindUsesJoinPath: (kind: RelationKind) => kind is "via";
+/**
+ * `relation` switched to `kind`, without the link fields its old kind owned.
+ *
+ * Switching kind in the property form used to set `kind` and nothing else, so
+ * a junction table filled in before switching to "Belongs to" stayed on the
+ * relation — `through` on a `belongsTo` — and a `localKey` rode along into a
+ * `hasMany`. The boot validator refuses both, and every collection in the
+ * directory stops loading. The name, the target and the referential actions
+ * belong to every kind and are kept.
+ */
+export declare function relationWithKind(relation: Record<string, unknown>, kind: RelationKind): Record<string, unknown>;

package/dist/collection_editor/ui/collection_editor/CollectionStudioView.d.ts CHANGED Viewed

@@ -9,10 +9,17 @@ export type CollectionStudioViewProps = Omit<CollectionEditorDialogProps, "open"
      * When not provided, save completes silently.
      */
     onSave?: (collection?: AdminCollection) => void;
+    /**
+     * Called when the collection on screen gains or loses unsaved edits.
+     *
+     * For whatever decides which collection is on screen: this view is
+     * remounted when that changes, and its edits go with it.
+     */
+    onDirtyChange?: (dirty: boolean) => void;
     /**
      * Called when the user cancels editing.
      * When not provided, cancel is a no-op.
      */
     onCancel?: () => void;
 };
-export declare function CollectionStudioView({ collectionId, onSave, onCancel, ...props }: CollectionStudioViewProps): React.JSX.Element;
+export declare function CollectionStudioView({ collectionId, onSave, onCancel, onDirtyChange, ...props }: CollectionStudioViewProps): React.JSX.Element;

package/dist/collection_editor_ui.js CHANGED Viewed

@@ -1,7 +1,7 @@
-import { Sn as useUrlController } from "./util-qfCPxJzB.js";
-import { n as CollectionEditorDialog } from "./CollectionEditorDialog-B1mG1cfx.js";
-import { n as PropertyForm, r as PropertyFormDialog } from "./PropertyEditView-gKNUHxLY.js";
-import { i as CollectionStudioView, r as CollectionsStudioView, t as RouterCollectionsStudioView } from "./RouterCollectionsStudioView-qgDWC6E2.js";
+import { Mn as useUrlController } from "./util-DybQBkug.js";
+import { n as CollectionEditorDialog } from "./CollectionEditorDialog-DLHCka00.js";
+import { n as PropertyForm, r as PropertyFormDialog } from "./PropertyEditView-_pu5hzZn.js";
+import { i as CollectionStudioView, r as CollectionsStudioView, t as RouterCollectionsStudioView } from "./RouterCollectionsStudioView-ChPNl_uU.js";
 import { t as SchemaChangeDialog } from "./SchemaChangeDialog-BeP0A4MJ.js";
 import "react";
 import { useSnackbarController } from "@rebasepro/app";

package/dist/components/CollectionTableBinding/fields/CompactEntityCellField.d.ts CHANGED Viewed

@@ -1,23 +1,22 @@
 import React from "react";
 /**
- * The one-line editor a reference or relation cell shows while selected, at
- * the row sizes that carry small previews (`xs`, `s`, `m`).
+ * A reference or relation cell, at the row sizes that carry small previews
+ * (`xs`, `s`, `m`), for the pickers that open a selection dialog.
  *
- * The flow it replaces: at 48px the selected cell swapped its resting inline
- * line for the card editor built for 140px rows, which was clipped to its top
- * third and whose only click opened the picker — there was no way to look at
- * the record. Here the line stays (its title opens the record in the side
- * panel, exactly as it does at rest), a pencil opens the picker and a cross
- * clears the value. Click the name to see it, click the pencil to change it.
+ * The value is one line of inline previews, the same at rest and selected:
+ * each title opens its record in the side panel. The cell's opener — the
+ * chevron it reveals on hover — opens the dialog, and a cross beside it clears
+ * the value. The cross follows the opener: hidden at rest, shown on hover and
+ * while the cell is selected. Unlike the opener it saves at once, so hidden it
+ * cannot be hit either: a tap where nothing is hovered selects the cell.
  */
-export declare function CompactEntityCellField({ children, empty, disabled, onEdit, onClear, emptyLabel }: {
+export declare function CompactEntityCellField({ children, empty, disabled, selected, onClear }: {
     /** The inline previews of the current value or values. */
     children?: React.ReactNode;
-    /** No value: the line becomes the select prompt. */
+    /** No value: the line shows the empty marker every other empty cell shows. */
     empty: boolean;
     disabled: boolean;
-    onEdit: () => void;
+    /** The cell is selected: the cross is shown whether or not it is hovered. */
+    selected?: boolean;
     onClear: () => void;
-    /** Shown in place of the previews when empty. Defaults to "Select reference". */
-    emptyLabel?: string;
 }): React.JSX.Element;

package/dist/components/CollectionTableBinding/fields/TableMultipleRelationField.d.ts CHANGED Viewed

@@ -1,18 +1,21 @@
 import React from "react";
 import { EntityRelation, FilterValues, Relation } from "@rebasepro/types";
-import { CollectionSize, AdminCollection } from "@rebasepro/cms-types";
+import { AdminCollection } from "@rebasepro/cms-types";
 type TableMultipleRelationFieldProps = {
     name: string;
     disabled: boolean;
     internalValue: EntityRelation[] | undefined | null;
     updateValue: (newValue: EntityRelation[] | null) => void;
-    size: CollectionSize;
     previewProperties?: string[];
-    title?: string;
     relation: Relation;
     fixedFilter?: FilterValues<string>;
     includeId?: boolean;
     includeEntityLink?: boolean;
+    /** The cell is selected. */
+    selected?: boolean;
+    /** See `TableRelationField`. */
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
 };
 export declare function TableMultipleRelationField(props: TableMultipleRelationFieldProps): React.JSX.Element;
 export declare const TableMultipleRelationFieldInternal: React.MemoExoticComponent<(props: TableMultipleRelationFieldProps & {

package/dist/components/CollectionTableBinding/fields/TableReferenceField.d.ts CHANGED Viewed

@@ -9,11 +9,18 @@ type TableReferenceFieldProps = {
     size: CollectionSize;
     multiselect: boolean;
     previewProperties?: string[];
-    title?: string;
     path: string;
     fixedFilter?: FilterValues<string>;
     includeId?: boolean;
     includeEntityLink?: boolean;
+    /** The cell is selected. */
+    selected?: boolean;
+    /**
+     * Set by the cell's opener: opens the selection dialog, and is handed
+     * back as closed at once — the dialog keeps its own state from there.
+     */
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
 };
 export declare function TableReferenceField(props: TableReferenceFieldProps): React.JSX.Element;
 export declare const TableReferenceFieldInternal: React.MemoExoticComponent<(props: TableReferenceFieldProps & {

package/dist/components/CollectionTableBinding/fields/TableRelationField.d.ts CHANGED Viewed

@@ -9,11 +9,18 @@ type TableRelationFieldProps = {
     size: CollectionSize;
     multiselect: boolean;
     previewProperties?: string[];
-    title?: string;
     relation: Relation;
     fixedFilter?: FilterValues<string>;
     includeId?: boolean;
     includeEntityLink?: boolean;
+    /** The cell is selected. */
+    selected?: boolean;
+    /**
+     * Set by the cell's opener: opens the selection dialog, and is handed
+     * back as closed at once — the dialog keeps its own state from there.
+     */
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
 };
 export declare function TableRelationField(props: TableRelationFieldProps): React.JSX.Element;
 export declare const TableRelationFieldInternal: React.MemoExoticComponent<(props: TableRelationFieldProps & {

package/dist/components/CollectionTableBinding/fields/TableRelationSelectorField.d.ts CHANGED Viewed

@@ -13,9 +13,19 @@ interface RelationSelectorFieldProps {
     relation: Relation;
     /** Force filter to be applied to the relation search */
     fixedFilter?: FilterValues<string>;
-    /** Collection size for display */
-    size?: "compact" | "small" | "medium";
+    /** The cell is selected: the trigger takes the focus, so Enter opens the list. */
+    focused?: boolean;
+    /** Whether the list is open. Set by the cell's opener as well as the trigger. */
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * What the cell shows at rest. The trigger shows the same node, so a
+     * selected cell looks like an unselected one.
+     */
+    preview?: React.ReactNode;
+    /** The cell: the list opens against it rather than against the trigger. */
+    anchorRef?: React.RefObject<HTMLElement | null>;
 }
 /** Thin wrapper around RelationSelector for table cells */
-export declare function TableRelationSelectorField({ disabled, internalValue, updateValue, relation, fixedFilter, size }: RelationSelectorFieldProps): React.JSX.Element;
+export declare function TableRelationSelectorField({ disabled, internalValue, updateValue, relation, fixedFilter, focused, open, onOpenChange, preview, anchorRef }: RelationSelectorFieldProps): React.JSX.Element;
 export {};

package/dist/components/CollectionTableBinding/fields/VirtualTableSelect.d.ts CHANGED Viewed

@@ -11,5 +11,15 @@ export declare function VirtualTableSelect(props: {
     valueType: "string" | "number";
     updateValue: (newValue: (string | number | string[] | number[] | null)) => void;
     focused: boolean;
+    /** Whether the list is open. Set by the cell's opener as well as the trigger. */
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * What the cell shows at rest. The trigger shows the same node, so a
+     * selected cell looks like an unselected one; the chevron is the cell's.
+     */
+    preview?: React.ReactNode;
+    /** The cell: the list opens against it rather than against the trigger. */
+    anchorRef?: React.RefObject<HTMLElement | null>;
     onBlur?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;
 }): React.JSX.Element;

package/dist/components/CollectionTableBinding/fields/VirtualTableUserSelect.d.ts CHANGED Viewed

@@ -8,5 +8,15 @@ export declare function VirtualTableUserSelect(props: {
     internalValue: string | string[] | undefined;
     updateValue: (newValue: (string | string[] | null)) => void;
     focused: boolean;
+    /** Whether the list is open. Set by the cell's opener as well as the trigger. */
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * What the cell shows at rest. The trigger shows the same node, so a
+     * selected cell looks like an unselected one.
+     */
+    preview?: React.ReactNode;
+    /** The cell: the list opens against it rather than against the trigger. */
+    anchorRef?: React.RefObject<HTMLElement | null>;
     onBlur?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;
 }): React.JSX.Element;

package/dist/components/CollectionTableBinding/internal/EntityTableCell.d.ts CHANGED Viewed

@@ -1,5 +1,18 @@
 import React from "react";
 import { TableSize } from "@rebasepro/app";
+import { TableCellOpenerKind } from "./TableCellOpener.js";
+export interface EntityTableCellOpener {
+    kind: TableCellOpenerKind;
+    open: boolean;
+    /** See {@link TableCellOpener}'s `focusOnSelect`. */
+    focusOnSelect: boolean;
+    label: string;
+    /**
+     * Whether the editor should now be open, and the cell's rect for editors
+     * positioned against it. The cell is selected before this is called.
+     */
+    onToggle: (open: boolean, cellRect: DOMRect | undefined) => void;
+}
 interface EntityTableCellProps {
     children: React.ReactNode;
     actions?: React.ReactNode;
@@ -20,6 +33,14 @@ interface EntityTableCellProps {
     fullHeight?: boolean;
     selected?: boolean;
     hideOverflow?: boolean;
+    /**
+     * The control that opens the cell's editor, revealed on hover and kept
+     * shown while the cell is selected. The cell keeps a slot for it at its
+     * trailing edge either way, so it never moves the value.
+     */
+    opener?: EntityTableCellOpener;
+    /** The cell's element, for editors that float and are positioned against it. */
+    cellRef?: React.RefObject<HTMLDivElement | null>;
     onSelect?: (cellRect: DOMRect | undefined) => void;
     sortableNodeRef?: (node: HTMLElement | null) => void;
     sortableStyle?: React.CSSProperties;

package/dist/components/CollectionTableBinding/internal/TableCellOpener.d.ts ADDED Viewed

@@ -0,0 +1,45 @@
+import React from "react";
+/**
+ * What a cell's opener opens.
+ *
+ * - `dropdown`: a list anchored to the cell — an enum, a user, an inline
+ *   relation picker.
+ * - `dialog`: the selection dialog of a reference, or of a relation drawn with
+ *   the dialog widget. Same chevron: to the person editing, both change which
+ *   record the cell points at.
+ * - `calendar`: the date picker.
+ * - `expand`: the popup form, for values with no editor of their own in a
+ *   cell (maps, arrays, custom fields).
+ */
+export type TableCellOpenerKind = "dropdown" | "dialog" | "calendar" | "expand";
+export interface TableCellOpenerProps {
+    kind: TableCellOpenerKind;
+    /** The editor it opens is open: the chevron turns over and stays shown. */
+    open: boolean;
+    /** The cell is selected: the opener is shown whether or not it is hovered. */
+    selected: boolean;
+    /**
+     * Take the focus when the cell is selected, so Enter opens the editor.
+     * Off when the editor's own trigger takes it instead.
+     */
+    focusOnSelect: boolean;
+    label: string;
+    /**
+     * Called on a click, with whether the editor should now be open. A click
+     * while it is open closes it rather than opening it a second time.
+     */
+    onToggle: (open: boolean) => void;
+}
+/**
+ * The one control a cell reveals to open its editor.
+ *
+ * A cell looks the same at rest, hovered and selected: the value, in the same
+ * place. This is the only thing that appears — on hover, and for as long as
+ * the cell is selected — in a slot the cell keeps for it whether it is shown
+ * or not, so revealing it moves nothing.
+ *
+ * One click on it opens the editor, from rest: it selects the cell on the way.
+ * It never takes the focus on a mouse press, because the cell selects itself
+ * on focus and doing so first would re-render the cell under the pointer.
+ */
+export declare function TableCellOpener({ kind, open, selected, focusOnSelect, label, onToggle }: TableCellOpenerProps): React.JSX.Element;

package/dist/components/CollectionTableBinding/table_bindings.d.ts CHANGED Viewed

@@ -1,6 +1,7 @@
 import React from "react";
 import { Entity, Property } from "@rebasepro/types";
 import { TableSize } from "@rebasepro/app";
+import { TableCellOpenerKind } from "./internal/TableCellOpener.js";
 export interface TableFieldBindingProps<T = unknown> {
     propertyKey: string;
     property: Property;
@@ -15,9 +16,32 @@ export interface TableFieldBindingProps<T = unknown> {
     entity: Entity<Record<string, unknown>>;
     path: string;
     openPopup?: (cellRect: DOMRect | undefined) => void;
+    /**
+     * Whether the cell's floating editor is open — its dropdown, its selection
+     * dialog, its date picker. The cell's opener sets it as well as the
+     * editor's own trigger, and it can be set before the editor has mounted.
+     */
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * What the cell shows at rest. An editor with a trigger shows this same
+     * node in it, so selecting the cell changes its frame and nothing else.
+     */
+    preview?: React.ReactNode;
+    /**
+     * The cell's element. A floating editor opens against it rather than
+     * against its own trigger, which can be taller than the cell clipping it.
+     */
+    anchorRef?: React.RefObject<HTMLElement | null>;
 }
 export interface TableFieldConfig {
     Component: React.ComponentType<TableFieldBindingProps>;
+    /**
+     * The opener the cell reveals on hover, and keeps shown while selected,
+     * to open this editor in one click. None for editors that are the value
+     * itself (a text input, a switch) or that draw their own (storage).
+     */
+    opener?: TableCellOpenerKind;
     fullHeight?: boolean;
     allowScroll?: boolean;
     removePadding?: boolean;

package/dist/components/CollectionViewBinding/CollectionViewBinding.d.ts CHANGED Viewed

@@ -41,7 +41,7 @@ export type CollectionViewBindingProps<M extends Record<string, unknown>> = {
     selectedTab?: string;
 } & AdminCollection<M>;
 export declare const CollectionViewBinding: React.FunctionComponent<CollectionViewBindingProps<any>>;
-export declare function EntitiesCount({ path, collection, filter, sortBy, searchString, onCountChange }: {
+export declare function EntitiesCount({ path, collection, filter, sortBy, searchString, onCountChange, refreshKey }: {
     path: string;
     collection: AdminCollection;
     filter?: FilterValues<any>;
@@ -55,4 +55,10 @@ export declare function EntitiesCount({ path, collection, filter, sortBy, search
      */
     searchString: string | undefined;
     onCountChange?: (count: number | null | undefined) => void;
+    /**
+     * Counts again whenever this changes. The count is one read, not a
+     * subscription: after a delete the toolbar kept the old total, and "select
+     * all matching" offered it over the rows that were left.
+     */
+    refreshKey?: number;
 }): null;

package/dist/components/EntityPreviewBinding.d.ts CHANGED Viewed

@@ -1,6 +1,7 @@
 import * as React from "react";
 import { Entity } from "@rebasepro/types";
 import type { PreviewSize } from "../types/components/PropertyPreviewProps.js";
+import { EntityPreviewLayout } from "./EntityPreviewNesting.js";
 import type { AdminCollection } from "@rebasepro/cms-types";
 export type EntityPreviewBindingProps = {
     size?: PreviewSize;
@@ -28,12 +29,18 @@ export type EntityPreviewBindingDataProps = {
     includeTitle?: boolean;
     includeEntityLink?: boolean;
     includeImage?: boolean;
+    /**
+     * `row` draws the record as a line of a table row instead of a card: see
+     * {@link EntityPreviewLayout}. No id, no open button — the title opens the
+     * record — and only as many supporting lines as the row has room for.
+     */
+    layout?: EntityPreviewLayout;
 };
 /**
  * This component contains the main logic and content for displaying a entity preview,
  * without any container wrapper. Used internally by EntityPreviewBinding.
  */
-export declare function EntityPreviewBindingData({ actions, collection: collectionProp, previewKeys, size, includeId, onSidePanelClick, includeTitle, includeEntityLink, includeImage, entity }: EntityPreviewBindingDataProps): React.JSX.Element;
+export declare function EntityPreviewBindingData({ actions, collection: collectionProp, previewKeys, size, includeId, onSidePanelClick, includeTitle, includeEntityLink, includeImage, layout, entity }: EntityPreviewBindingDataProps): React.JSX.Element;
 export declare function EntityPreviewBindingWithId({ entityId, path, ...props }: Omit<EntityPreviewBindingProps, "entity"> & {
     entityId: string | number;
     path: string;

package/dist/components/EntityPreviewNesting.d.ts CHANGED Viewed

@@ -23,3 +23,18 @@ export declare function NestedEntityPreviewBoundary({ children }: {
 export declare function RootEntityPreviewBoundary({ children }: {
     children: React.ReactNode;
 }): React.JSX.Element;
+/**
+ * How a top-level reference or relation preview is laid out.
+ *
+ * `card` is the form's: a bordered box with the record's id, title, preview
+ * properties and a button to open it. `row` is a table cell's: the same
+ * record as a line of the row it sits in — image, a title that opens it, one
+ * supporting line — with no box of its own, because the cell is the box and
+ * a card is taller than a row.
+ */
+export type EntityPreviewLayout = "card" | "row";
+export declare function useEntityPreviewLayout(): EntityPreviewLayout;
+/** Lays out the previews below it as rows. See {@link EntityPreviewLayout}. */
+export declare function RowEntityPreviewLayout({ children }: {
+    children: React.ReactNode;
+}): React.JSX.Element;

package/dist/components/PickerTrigger.d.ts ADDED Viewed

@@ -0,0 +1,17 @@
+import * as React from "react";
+/**
+ * The trigger of a picker's popover, or — given an anchor — a plain child
+ * beside a `Popover.Anchor` on that element.
+ *
+ * Both at once does not work: Radix's `Trigger` registers itself as the
+ * anchor through a ref callback, and a custom anchor through an effect that
+ * only reports a change. Under StrictMode the ref callback runs again after
+ * the effect, the effect sees nothing new, and the popover stays anchored to
+ * a trigger that the custom anchor then unmounts — it opened at the window's
+ * top-left corner. The pickers open and close themselves, so they lose
+ * nothing by leaving the `Trigger` out.
+ */
+export declare function PickerTrigger({ anchorRef, children }: {
+    anchorRef?: React.RefObject<HTMLElement | null>;
+    children: React.ReactElement;
+}): React.JSX.Element;

package/dist/components/ReferenceTable/SelectionTableBinding.d.ts CHANGED Viewed

@@ -38,6 +38,18 @@ export interface SelectionProps<M extends Record<string, unknown>> {
      * @callback
      */
     onMultipleEntitiesSelected?(entities: Entity<any>[]): void;
+    /**
+     * Called once, with the final selection, when the user presses Done.
+     *
+     * `onMultipleEntitiesSelected` reports every tick as it happens, which is
+     * right when the selection *is* the value (a reference field). Use this
+     * one instead when acting on the selection writes something — linking
+     * rows, say — so a row ticked and then unticked, or a selection cleared,
+     * is never acted on.
+     * @param entities
+     * @callback
+     */
+    onSelectionDone?(entities: Entity<M>[]): void;
     /**
      * Allow selection of entities that pass the given filter only.
      */