@rebasepro/admin 0.12.0 → 0.12.1-canary.g009ed95

package/README.md

@@ -8,7 +8,7 @@ CMS frontend — content management views, forms, routing, visual schema editor,
 pnpm add @rebasepro/admin
 ```
 
-**Peer dependencies:** `react >= 19`, `react-dom >= 19`, `react-router ^7`, `react-router-dom ^7`
+**Peer dependencies:** `react >= 19.2.7`, `react-dom >= 19.2.7`, `react-router ^8`
 
 ## What This Package Does
 

package/dist/{CollectionEditorDialog-Dpc75wIZ.js → CollectionEditorDialog-B-iVE9y3.js}

@@ -1,14 +1,14 @@
 import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.js";
-import { $t as CollectionTableBinding, A as getFieldId, Ct as convertDataToEntity, Dt as useImportConfig, Et as getInferenceType, Ft as FieldCaption, In as useCollectionRegistryController, Nt as PropertyConfigBadge, Ot as ImportSaveInProgress, Pt as SearchIconsView, St as DataNewPropertiesMapping, Zt as useSelectionController, _ as useCollectionsConfigController, i as namespaceToPropertiesOrderPath, in as useUrlController, k as getFieldConfig, kt as ImportFileUpload, l as validateCollectionJson, m as toSerializableCollectionConfig, n as getFullIdPath, o as CollectionGenerationApiError, on as useNavigationStateController, r as idToPropertiesPath, t as getFullId, vt as useCollectionEditorController, xt as ImportNewPropertyFieldPreview } from "./util-B5fJm1FA.js";
-import { a as updatePropertyFromWidget, c as useAIModifiedPaths, i as supportedFields, l as useSafeSnackbarController, n as PropertyForm, o as PropertyTree, r as PropertyFormDialog, s as AIModifiedPathsProvider } from "./PropertyEditView-DH3XZC2x.js";
+import { $t as CollectionTableBinding, A as getFieldId, Ct as convertDataToEntity, Dt as useImportConfig, Et as getInferenceType, Ft as FieldCaption, Ln as useCollectionRegistryController, Nt as PropertyConfigBadge, Ot as ImportSaveInProgress, Pt as SearchIconsView, St as DataNewPropertiesMapping, Zt as useSelectionController, _ as useCollectionsConfigController, i as namespaceToPropertiesOrderPath, in as useUrlController, k as getFieldConfig, kt as ImportFileUpload, l as validateCollectionJson, m as toSerializableCollectionConfig, n as getFullIdPath, o as CollectionGenerationApiError, on as useNavigationStateController, r as idToPropertiesPath, t as getFullId, vt as useCollectionEditorController, xt as ImportNewPropertyFieldPreview } from "./util-DSh3HRzK.js";
+import { a as updatePropertyFromWidget, c as useAIModifiedPaths, i as supportedFields, l as useSafeSnackbarController, n as PropertyForm, o as PropertyTree, r as PropertyFormDialog, s as AIModifiedPathsProvider } from "./PropertyEditView-DoLEH_bQ.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";
-import { buildCollectionFromTableMetadata, getEffectiveSecurityRules, getSubcollections, getTableName, isPropertyBuilder } from "@rebasepro/common";
+import { buildCollectionFromTableMetadata, getGeneratedPolicyNames, getSubcollections, getTableName, isPropertyBuilder } from "@rebasepro/common";
 import { AIIcon, ConfirmationDialog, ErrorView, IconForView, UnsavedChangesDialog, removeInitialAndTrailingSlashes, useAuthController, useCustomizationController, useLargeLayout, useRebaseContext, useUnsavedChangesDialog } from "@rebasepro/app";
 import { Field, Formex, clone, getIn, useCreateFormex, useFormex } from "@rebasepro/forms";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { camelCase, getPolicyNamesForRule, getPolicyNamesForRules, isEmptyObject, mergeDeep, prettifyIdentifier, randomString, removeUndefined, singular, slugify, toSnakeCase, unslugify } from "@rebasepro/utils";
+import { camelCase, getPolicyNamesForRule, isEmptyObject, mergeDeep, prettifyIdentifier, randomString, removeUndefined, singular, slugify, toSnakeCase, unslugify } from "@rebasepro/utils";
 import { getDataSourceCapabilities } from "@rebasepro/types";
 import { z } from "zod";
 import { buildEntityPropertiesFromData, buildPropertyFromData } from "@rebasepro/inference";
@@ -875,7 +875,8 @@ function CollectionPropertiesEditorForm({ showErrors, isNewCollection, propertyE
 		return currentPropertiesOrderRef.current[namespace] ?? getIn(values, namespaceToPropertiesOrderPath(namespace));
 	};
 	const updatePropertiesOrder = (newPropertiesOrder, namespace) => {
-		setFieldValue(namespaceToPropertiesOrderPath(namespace), newPropertiesOrder, false);
+		const propertiesOrderPath = namespaceToPropertiesOrderPath(namespace);
+		setFieldValue(propertiesOrderPath, newPropertiesOrder, false);
 		currentPropertiesOrderRef.current[namespace ?? ""] = newPropertiesOrder;
 	};
 	const deleteProperty = (propertyKey, namespace) => {
@@ -884,7 +885,10 @@ function CollectionPropertiesEditorForm({ showErrors, isNewCollection, propertyE
 		if (!fullId) throw Error("collection editor miss config");
 		setFieldValue(idToPropertiesPath(fullId), void 0, false);
 		const currentPropertiesOrder = getCurrentPropertiesOrder(namespace);
-		if (currentPropertiesOrder) updatePropertiesOrder(currentPropertiesOrder.filter((p) => p !== propertyKey), namespace);
+		if (currentPropertiesOrder) {
+			const newPropertiesOrder = currentPropertiesOrder.filter((p) => p !== propertyKey);
+			updatePropertiesOrder(newPropertiesOrder, namespace);
+		}
 		setNewPropertyDialogOpen(false);
 		setSelectedPropertyIndex(void 0);
 		setSelectedPropertyKey(void 0);
@@ -1177,7 +1181,8 @@ function CollectionJsonImportDialog({ open, onClose, onImport }) {
 			setErrors([]);
 			return;
 		}
-		setErrors(validateCollectionJson(value).errors);
+		const result = validateCollectionJson(value);
+		setErrors(result.errors);
 	}, []);
 	const handleImport = useCallback(() => {
 		const result = validateCollectionJson(jsonValue);
@@ -2077,7 +2082,8 @@ function CollectionEditorImportMapping({ importConfig, propertyConfigs }) {
 			return currentPropertiesOrderRef.current[namespace] ?? getIn(values, namespaceToPropertiesOrderPath(namespace));
 		};
 		const updatePropertiesOrder = (newPropertiesOrder, namespace) => {
-			setFieldValue(namespaceToPropertiesOrderPath(namespace), newPropertiesOrder, false);
+			const propertiesOrderPath = namespaceToPropertiesOrderPath(namespace);
+			setFieldValue(propertiesOrderPath, newPropertiesOrder, false);
 			currentPropertiesOrderRef.current[namespace ?? ""] = newPropertiesOrder;
 		};
 		if (previousId && previousId !== id) {
@@ -2379,6 +2385,8 @@ function toSecurityRule(policy) {
 function CollectionRLSTab() {
 	const { values, setFieldValue } = useFormex();
 	const [editingPolicy, setEditingPolicy] = useState(null);
+	const { readOnly, readOnlyReason } = useCollectionsConfigController();
+	const readOnlyTitle = readOnlyReason || "This backend does not accept collection edits.";
 	const rules = values.securityRules || [];
 	const { databaseAdmin } = useRebaseContext();
 	const [dbPolicies, setDbPolicies] = useState([]);
@@ -2400,7 +2408,7 @@ function CollectionRLSTab() {
 					if (Array.isArray(res)) return res;
 					return [];
 				};
-				setDbPolicies(extractRows(result).map((p) => {
+				const policies = extractRows(result).map((p) => {
 					let parsedRoles = [];
 					const r = p.roles || p.ROLES;
 					if (Array.isArray(r)) parsedRoles = r;
@@ -2414,7 +2422,8 @@ function CollectionRLSTab() {
 						qual: p.qual || p.QUAL || null,
 						with_check: p.with_check || p.WITH_CHECK || null
 					};
-				}));
+				});
+				setDbPolicies(policies);
 			} catch (e) {
 				console.error("Failed to fetch DB policies", e);
 			} finally {
@@ -2461,27 +2470,10 @@ function CollectionRLSTab() {
 		};
 	}, [databaseAdmin]);
 	const tableName = values.id || values.table || values.alias;
-	/**
-	* Every policy name `rebase db push` would write for this collection.
-	*
-	* Two things make this more than `rules.map(r => r.name)`:
-	*  - a rule without an explicit `name` becomes `<table>_<op>_<hash>`, so
-	*    comparing `rule.name` to `policyname` never matches for it;
-	*  - the generator also injects the safe-by-default baseline
-	*    (`<table>_default_admin_*`), which is in no collection's `securityRules`.
-	*
-	* Missing either made Rebase's own policies look hand-written, and offered to
-	* import them back into the codebase that produced them.
-	*/
 	const generatedPolicyNames = useMemo(() => {
 		if (!tableName) return /* @__PURE__ */ new Set();
-		const effectiveRules = getEffectiveSecurityRules(values);
-		return getPolicyNamesForRules([...rules, ...effectiveRules], tableName);
-	}, [
-		rules,
-		tableName,
-		values
-	]);
+		return getGeneratedPolicyNames(values);
+	}, [tableName, values]);
 	const unmappedPolicies = dbPolicies.filter((dp) => !generatedPolicyNames.has(dp.policyname));
 	const handleSave = async (newPolicy) => {
 		const rule = toSecurityRule(newPolicy);
@@ -2504,11 +2496,15 @@ function CollectionRLSTab() {
 						children: [/* @__PURE__ */ jsx(Typography, {
 							variant: "h5",
 							children: "Row Level Security"
-						}), /* @__PURE__ */ jsx(Button, {
-							variant: "filled",
-							color: "neutral",
-							onClick: () => setEditingPolicy("new"),
-							children: "CREATE POLICY"
+						}), /* @__PURE__ */ jsx(Tooltip, {
+							title: readOnly ? readOnlyTitle : void 0,
+							children: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Button, {
+								variant: "filled",
+								color: "neutral",
+								disabled: readOnly,
+								onClick: () => setEditingPolicy("new"),
+								children: "CREATE POLICY"
+							}) })
 						})]
 					}),
 					rules.length === 0 ? /* @__PURE__ */ jsx("div", {
@@ -2550,6 +2546,7 @@ function CollectionRLSTab() {
 								children: [/* @__PURE__ */ jsx(Button, {
 									size: "small",
 									variant: "text",
+									disabled: readOnly,
 									onClick: () => setEditingPolicy({
 										policyname: rule.name ?? "",
 										tablename: values.id || values.table || values.alias || "your_table",
@@ -2562,6 +2559,7 @@ function CollectionRLSTab() {
 									children: "EDIT"
 								}), /* @__PURE__ */ jsx(IconButton, {
 									size: "small",
+									disabled: readOnly,
 									onClick: () => {
 										setFieldValue("securityRules", rules.filter((r) => r.name !== rule.name));
 									},
@@ -2630,15 +2628,19 @@ function CollectionRLSTab() {
 										})]
 									}), /* @__PURE__ */ jsx("div", {
 										className: "flex items-center gap-1 sm:gap-2 shrink-0",
-										children: /* @__PURE__ */ jsx(Button, {
-											size: "small",
-											variant: "outlined",
-											color: "primary",
-											onClick: () => {
-												const rule = toSecurityRule(dp);
-												setFieldValue("securityRules", [...rules, rule]);
-											},
-											children: "Import to codebase"
+										children: /* @__PURE__ */ jsx(Tooltip, {
+											title: readOnly ? readOnlyTitle : void 0,
+											children: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Button, {
+												size: "small",
+												variant: "outlined",
+												color: "primary",
+												disabled: readOnly,
+												onClick: () => {
+													const rule = toSecurityRule(dp);
+													setFieldValue("securityRules", [...rules, rule]);
+												},
+												children: "Import to codebase"
+											}) })
 										})
 									})]
 								}, dp.policyname))
@@ -2684,7 +2686,7 @@ function InlinePolicyEditor({ policy, table, availableRoles, rolesUnavailable, o
 	* from what users hold, so a role that is referenced here but assigned to
 	* nobody would otherwise vanish from its own policy on the next save.
 	*/
-	const roleOptions = useMemo(() => Array.from(new Set([...availableRoles, ...roles])).sort(), [availableRoles, roles]);
+	const roleOptions = useMemo(() => Array.from(/* @__PURE__ */ new Set([...availableRoles, ...roles])).sort(), [availableRoles, roles]);
 	const addCustomRole = () => {
 		const trimmed = customRole.trim();
 		if (!trimmed || roles.includes(trimmed)) {
@@ -2964,10 +2966,12 @@ function CollectionEditor(props) {
 	}, [collection, fallbackSlug]);
 	const initialValues = React$1.useMemo(() => {
 		return initialCollection ? applyPropertyConfigs(initialCollection, propertyConfigs) : copyFromProp ? (() => {
-			const { subcollections: _sub, ...rest } = copyFromProp;
+			const { subcollections: _sub, schema: _schema, auth: _auth, ...rest } = copyFromProp;
 			return {
 				...rest,
 				name: "",
+				slug: fallbackSlug,
+				table: "",
 				ownerId: authController.user?.uid ?? ""
 			};
 		})() : {
@@ -3002,6 +3006,8 @@ function CollectionEditor(props) {
 	});
 }
 function CollectionEditorInternal({ isNewCollection, configController, editedCollectionId, parentCollectionSlugs, parentEntityIds, path, collectionInference, handleClose, extraView, handleCancel, setFormDirty, getUser, parentCollection, getData, existingPaths, existingIds, includeTemplates, collection, setCollection, initialValues, propertyConfigs, existingEntities, initialView: initialViewProp, expandKanban, generateCollection, onAnalyticsEvent, fullScreen, unmappedTables, onFetchTableMetadata, propertyTypePresets, hiddenPropertyTypes, renderExtraPropertyFields, renderExtraCollectionFields, visibleTabs, standalone }) {
+	/** Why the submit buttons below are dead, straight from the backend. */
+	const readOnlyTitle = configController?.readOnlyReason || "This backend does not accept collection edits.";
 	const importConfigRaw = useImportConfig();
 	const urlControllerRaw = useUrlController();
 	const collectionRegistryRaw = useCollectionRegistryController();
@@ -3285,14 +3291,17 @@ function CollectionEditorInternal({ isNewCollection, configController, editedCol
 						onAnalyticsEvent
 					}), fullScreen && !isNewCollection && /* @__PURE__ */ jsx("div", {
 						className: "flex items-center gap-2",
-						children: /* @__PURE__ */ jsx(LoadingButton, {
-							variant: "filled",
-							color: "primary",
-							type: "submit",
-							onClick: () => formController.handleSubmit(),
-							disabled: !dirty || isSubmitting || configController?.readOnly,
-							loading: isSubmitting,
-							children: configController?.readOnly ? "Update (Read-only)" : "Update"
+						children: /* @__PURE__ */ jsx(Tooltip, {
+							title: configController?.readOnly ? readOnlyTitle : void 0,
+							children: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(LoadingButton, {
+								variant: "filled",
+								color: "primary",
+								type: "submit",
+								onClick: () => formController.handleSubmit(),
+								disabled: !dirty || isSubmitting || configController?.readOnly,
+								loading: isSubmitting,
+								children: configController?.readOnly ? "Update (Read-only)" : "Update"
+							}) })
 						})
 					})]
 				})]
@@ -3371,10 +3380,11 @@ function CollectionEditorInternal({ isNewCollection, configController, editedCol
 							showErrors: submitCount > 0,
 							isNewCollection,
 							onPropertyError: (propertyKey, namespace, error) => {
-								propertyErrorsRef.current = removeUndefined({
+								const current = removeUndefined({
 									...propertyErrorsRef.current,
 									[getFullIdPath(propertyKey, namespace)]: removeUndefined(error, true)
 								}, true);
+								propertyErrorsRef.current = current;
 								formController.validate();
 							},
 							getUser,
@@ -3462,13 +3472,16 @@ function CollectionEditorInternal({ isNewCollection, configController, editedCol
 							startIcon: currentView === "properties" ? /* @__PURE__ */ jsx(CheckIcon, {}) : void 0,
 							children: [currentView === "general" && "Next", currentView === "properties" && "Create collection"]
 						}),
-						!isNewCollection && !fullScreen && /* @__PURE__ */ jsx(LoadingButton, {
-							variant: "filled",
-							color: "primary",
-							type: "submit",
-							disabled: isSubmitting || configController?.readOnly,
-							loading: isSubmitting,
-							children: configController?.readOnly ? "Update collection (Read-only)" : "Update 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"
+							}) })
 						})
 					]
 				})]
@@ -3537,4 +3550,4 @@ var validateId = (value, isNewCollection, existingPaths, existingIds) => {
 //#endregion
 export { CollectionEditorDialog as n, CollectionEditorDialog_exports as r, CollectionEditor as t };
 
-//# sourceMappingURL=CollectionEditorDialog-Dpc75wIZ.js.map
+//# sourceMappingURL=CollectionEditorDialog-B-iVE9y3.js.map