@rebasepro/admin 0.12.1-canary.gdfba2a1 → 0.12.1-canary.ge191fb7

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-B8j6HArJ.js → CollectionEditorDialog-Dhn0S4FT.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-BwZuV81o.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-D2b9_nbC.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-BnRLzp4j.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-JPN12E-0.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";
@@ -2385,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([]);
@@ -2468,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);
@@ -2511,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", {
@@ -2557,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",
@@ -2569,6 +2559,7 @@ function CollectionRLSTab() {
 									children: "EDIT"
 								}), /* @__PURE__ */ jsx(IconButton, {
 									size: "small",
+									disabled: readOnly,
 									onClick: () => {
 										setFieldValue("securityRules", rules.filter((r) => r.name !== rule.name));
 									},
@@ -2637,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))
@@ -2971,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 ?? ""
 			};
 		})() : {
@@ -3009,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();
@@ -3292,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"
+							}) })
 						})
 					})]
 				})]
@@ -3470,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"
+							}) })
 						})
 					]
 				})]
@@ -3545,4 +3550,4 @@ var validateId = (value, isNewCollection, existingPaths, existingIds) => {
 //#endregion
 export { CollectionEditorDialog as n, CollectionEditorDialog_exports as r, CollectionEditor as t };
 
-//# sourceMappingURL=CollectionEditorDialog-B8j6HArJ.js.map
+//# sourceMappingURL=CollectionEditorDialog-Dhn0S4FT.js.map