@rebasepro/cms 0.17.3 → 0.18.0

package/src/collection_editor/types/collection_editor_controller.tsx

@@ -1,62 +0,0 @@
-import { CollectionsConfigController } from "./config_controller";
-import { Entity, Property } from "@rebasepro/types";
-import type { AdminCollection } from "@rebasepro/cms-types";
-
-/**
- * Controller to open the collection editor dialog.
- * @group Hooks and utilities
- */
-export interface CollectionEditorController {
-
-    editCollection: (props: {
-        id?: string,
-        path?: string,
-        parentCollectionSlugs: string[], parentEntityIds: string[],
-        parentCollection?: AdminCollection,
-        existingEntities?: Entity<any>[],
-        /**
-         * Initial view to open: "general", "display", or "properties"
-         */
-        initialView?: "general" | "display" | "properties",
-        /**
-         * If true, expand the Kanban configuration section
-         */
-        expandKanban?: boolean
-    }) => void;
-
-    createCollection: (props: {
-        initialValues?: {
-            group?: string,
-            path?: string,
-            name?: string,
-            databaseId?: string
-        },
-        /**
-         * A collection to duplicate from. If provided, the new collection will be
-         * pre-populated with the same properties (but with empty name, path, and id).
-         */
-        copyFrom?: AdminCollection,
-        parentCollectionSlugs: string[], parentEntityIds: string[],
-        parentCollection?: AdminCollection,
-        redirect: boolean,
-        sourceClick?: string
-    }) => void;
-
-    editProperty: (props: {
-        propertyKey?: string,
-        property?: Property,
-        currentPropertiesOrder?: string[],
-        editedCollectionId: string,
-        parentCollectionSlugs: string[], parentEntityIds: string[],
-        collection: AdminCollection,
-        existingEntities: Entity<any>[]
-    }) => void;
-
-    /**
-     * The config controller that this editor represents.
-     */
-    configController: CollectionsConfigController;
-
-    pathSuggestions: string[] | undefined;
-
-}

package/src/collection_editor/types/collection_inference.ts

@@ -1,18 +0,0 @@
-import { FilterValues } from "@rebasepro/types";
-import type { AdminCollection } from "@rebasepro/cms-types";
-
-/**
- * This function is used to infer the configuration of a collection given its path.
- * @param path - The path of the collection
- * @param parentCollectionPaths - Array of parent collection paths for subcollections
- * @param databaseId - Optional database ID for multi-database setups
- * @param initialFilter - Optional filter values from the collection configuration
- * @param initialSort - Optional sort configuration from the collection
- */
-export type CollectionInference = (
-    path: string,
-    parentCollectionPaths: string[],
-    databaseId?: string,
-    initialFilter?: FilterValues<string>,
-    initialSort?: [string, "asc" | "desc"]
-) => Promise<Partial<AdminCollection> | null>;

package/src/collection_editor/types/config_controller.tsx

@@ -1,121 +0,0 @@
-import type React from "react";
-import { Property } from "@rebasepro/types";
-import { NavigationGroupMapping, AdminCollection } from "@rebasepro/cms-types";
-
-export interface CollectionsSetupInfo {
-    status: "ongoing" | "complete" | "error";
-    error: string | null;
-}
-
-/**
- * Use this controller to access the configuration that is stored externally,
- * and not defined in code.
- */
-export interface CollectionsConfigController {
-
-    loading: boolean;
-
-    collections?: AdminCollection[];
-
-    /**
-     * If true, the configuration cannot be modified.
-     * Use readOnlyReason to explain why.
-     */
-    readOnly?: boolean;
-
-    /**
-     * Reason why the configuration is read-only.
-     */
-    readOnlyReason?: string;
-
-    /**
-     * Status information about the automatic collections setup process.
-     * Stored in the project config document at `collectionsSetup`.
-     */
-    collectionsSetup?: CollectionsSetupInfo;
-
-    getCollection: (id: string) => AdminCollection;
-
-    saveCollection: <M extends { [Key: string]: any }>(params: SaveCollectionParams<M>) => Promise<void>;
-    updateCollection: <M extends { [Key: string]: any }>(params: UpdateCollectionParams<M>) => Promise<void>;
-
-    saveProperty: (params: SavePropertyParams) => Promise<void>;
-    deleteProperty: (params: DeletePropertyParams) => Promise<void>;
-
-    deleteCollection: (props: DeleteCollectionParams) => Promise<void>;
-
-    /**
-     * Update the properties order of a collection (used for column reordering).
-     */
-    updatePropertiesOrder: (params: UpdatePropertiesOrderParams) => Promise<void>;
-
-    /**
-     * Update the Kanban columns order for a collection.
-     */
-    updateKanbanColumnsOrder: (params: UpdateKanbanColumnsOrderParams) => Promise<void>;
-
-    navigationEntries: NavigationGroupMapping[];
-    saveNavigationEntries: (entries: NavigationGroupMapping[]) => Promise<void>;
-
-    /**
-     * UI this controller needs on screen in order to do its job.
-     *
-     * A controller whose writes require a confirmation has to be able to ask,
-     * and a hook cannot render. `ConfigControllerProvider` renders this beside
-     * its children, so the confirmation belongs to whoever supplied the
-     * controller rather than to every consumer of it. Optional: most
-     * controllers write without asking anybody.
-     */
-    dialog?: React.ReactNode;
-}
-
-export type UpdateCollectionParams<M extends Record<string, unknown> = Record<string, unknown>> = {
-    id: string,
-    collectionData: Partial<AdminCollection<M>>,
-    previousId?: string,
-    parentCollectionSlugs?: string[], parentEntityIds?: string[]
-}
-
-export type SaveCollectionParams<M extends Record<string, unknown> = Record<string, unknown>> = {
-    id: string,
-    collectionData: AdminCollection<M>,
-    previousId?: string,
-    parentCollectionSlugs?: string[], parentEntityIds?: string[]
-}
-
-export type SavePropertyParams = {
-    path: string,
-    propertyKey: string,
-    namespace?: string,
-    newPropertiesOrder?: string[],
-    property: Property,
-    parentCollectionSlugs?: string[], parentEntityIds?: string[]
-}
-
-export type DeletePropertyParams = {
-    path: string,
-    propertyKey: string,
-    namespace?: string,
-    newPropertiesOrder?: string[],
-    parentCollectionSlugs?: string[], parentEntityIds?: string[]
-}
-
-export type DeleteCollectionParams = {
-    id: string,
-    parentCollectionSlugs?: string[], parentEntityIds?: string[]
-}
-
-export type UpdatePropertiesOrderParams = {
-    fullPath: string;
-    parentCollectionSlugs: string[], parentEntityIds: string[];
-    collection: AdminCollection;
-    newPropertiesOrder: string[];
-}
-
-export type UpdateKanbanColumnsOrderParams = {
-    fullPath: string;
-    parentCollectionSlugs: string[], parentEntityIds: string[];
-    collection: AdminCollection;
-    kanbanColumnProperty: string;
-    newColumnsOrder: string[];
-}

package/src/collection_editor/ui/AddKanbanColumnAction.tsx

@@ -1,199 +0,0 @@
-
-import React, { useCallback, useMemo, useState } from "react";
-import {
-    useAuthController,
-    useCustomizationController,
-    useTranslation
-} from "@rebasepro/app";
-import { getPropertyInPath } from "../_cms_internals";
-import { EnumValueConfig, StringProperty } from "@rebasepro/types";
-import { resolveEnumValues } from "@rebasepro/common";
-import {
-    Button,
-    cls,
-    defaultBorderMixin,
-    Dialog,
-    DialogActions,
-    DialogContent,
-    DialogTitle,
-    IconButton,
-    PlusIcon,
-    TextField,
-    Typography
-} from "@rebasepro/ui";
-import { useCollectionsConfigController } from "../useCollectionsConfigController";
-import { toSnakeCase } from "@rebasepro/utils";
-import type { AdminCollection } from "@rebasepro/cms-types";
-
-/**
- * Component rendered at the end of the Kanban board to add new columns (enum values).
- * Opens a dialog to input a new enum value for the column property.
- */
-export function AddKanbanColumnAction({
-    collection,
-    fullPath,
-    parentCollectionSlugs, parentEntityIds,
-    columnProperty
-}: {
-    collection: AdminCollection;
-    fullPath: string;
-    parentCollectionSlugs: string[], parentEntityIds: string[];
-    columnProperty: string;
-}) {
-    const [dialogOpen, setDialogOpen] = useState(false);
-    const [newValueLabel, setNewValueLabel] = useState("");
-    const [saving, setSaving] = useState(false);
-
-    const configController = useCollectionsConfigController();
-    const authController = useAuthController();
-    const customizationController = useCustomizationController();
-    const { t } = useTranslation();
-
-    // Get current enum values
-    const currentEnumValues = useMemo(() => {
-        const property = getPropertyInPath(collection.properties, columnProperty);
-        if (!property || !("type" in property) || property.type !== "string") {
-            return [];
-        }
-        const stringProperty = property as StringProperty;
-        if (!stringProperty.enum) {
-            return [];
-        }
-        return resolveEnumValues(stringProperty.enum) ?? [];
-    }, [collection, columnProperty]);
-
-    const handleAddColumn = useCallback(async () => {
-        if (!newValueLabel.trim() || !configController) return;
-
-        setSaving(true);
-        try {
-            // Check for property in persisted collection first, then resolved collection
-            // This handles code-defined properties that aren't in the persisted config
-            let property = collection?.properties?.[columnProperty];
-            let isCodeDefinedProperty = false;
-
-            // Property not in persisted config - use base collection
-            if (!property || typeof property === "function") {
-                property = collection.properties?.[columnProperty];
-                isCodeDefinedProperty = true;
-            }
-
-            // Type guard: property must be an object with type === "string"
-            if (!property || typeof property === "function" || !("type" in property) || property.type !== "string") {
-                console.error("Column property not found or not a string. Property:", property);
-                setSaving(false);
-                return;
-            }
-
-            // Now we know property is a StringProperty
-            const stringProperty = property as { type: "string"; enum?: EnumValueConfig[]; name?: string };
-
-            // Create new enum value
-            const newId = toSnakeCase(newValueLabel.trim());
-            const newEnumValue = {
-                id: newId,
-                label: newValueLabel.trim()
-            };
-
-            // Get existing enum values from the resolved property (current runtime values)
-            // Use currentEnumValues which is already computed from resolvedCollection
-            const existingEnumValues = currentEnumValues.map(ev => ({
-                id: ev.id,
-                label: ev.label
-            }));
-
-            // Add new enum value
-            const updatedEnumValues = [...existingEnumValues, newEnumValue];
-
-            // Build the property to save
-            // If it's code-defined, we create a minimal override with just enum
-            const updatedProperty = isCodeDefinedProperty
-                ? {
-                    type: "string" as const,
-                    name: stringProperty.name || columnProperty,
-                    enum: updatedEnumValues
-                }
-                : {
-                    ...property,
-                    enum: updatedEnumValues
-                };
-
-            // Save the updated property
-            await configController.saveProperty({
-                path: fullPath,
-                propertyKey: columnProperty,
-                property: updatedProperty as StringProperty,
-                parentCollectionSlugs
-            });
-
-            setNewValueLabel("");
-            setDialogOpen(false);
-        } catch (error) {
-            console.error("Error adding new column:", error);
-        } finally {
-            setSaving(false);
-        }
-    }, [newValueLabel, configController, collection, columnProperty, fullPath, parentCollectionSlugs]);
-
-    const handleKeyDown = (e: React.KeyboardEvent) => {
-        if (e.key === "Enter" && newValueLabel.trim()) {
-            handleAddColumn();
-        }
-    };
-
-    return (
-        <>
-            <div
-                className={cls(
-                    "border h-full w-80 min-w-80 mx-2 flex flex-col items-center justify-center rounded-md",
-                    "bg-surface-50 dark:bg-surface-900 hover:bg-surface-100 dark:hover:bg-surface-900",
-                    "cursor-pointer transition-colors duration-200 ease-in-out",
-                    defaultBorderMixin
-                )}
-                onClick={() => setDialogOpen(true)}
-            >
-                <IconButton className="opacity-60 hover:opacity-100">
-                    <PlusIcon/>
-                </IconButton>
-                <Typography variant="caption" color="secondary" className="mt-2">
-                    {t("studio_add_kanban_column")}
-                </Typography>
-            </div>
-
-            <Dialog open={dialogOpen} onOpenChange={setDialogOpen}>
-                <DialogTitle hidden>{t("studio_add_kanban_column_title")}</DialogTitle>
-                <DialogContent className="max-w-md">
-                    <Typography variant="h6" className="mb-4">
-                        {t("studio_add_kanban_column_title")}
-                    </Typography>
-                    <Typography variant="body2" color="secondary" className="mb-4">
-                        {t("studio_add_kanban_column_desc", { property: columnProperty })}
-                    </Typography>
-                    <TextField
-                        label={t("studio_add_kanban_column_name")}
-                        value={newValueLabel}
-                        onChange={(e) => setNewValueLabel(e.target.value)}
-                        onKeyDown={handleKeyDown}
-                        autoFocus
-                        disabled={saving}
-                    />
-                </DialogContent>
-                <DialogActions>
-                    <Button
-                        variant="text"
-                        onClick={() => setDialogOpen(false)}
-                        disabled={saving}
-                    >
-                        {t("studio_add_kanban_column_cancel")}
-                    </Button>
-                    <Button
-                        onClick={handleAddColumn}
-                        disabled={saving || !newValueLabel.trim()}
-                    >
-                        {saving ? t("studio_add_kanban_column_adding") : t("studio_add_kanban_column_add")}
-                    </Button>
-                </DialogActions>
-            </Dialog>
-        </>
-    );
-}

package/src/collection_editor/ui/CollectionViewHeaderAction.tsx

@@ -1,51 +0,0 @@
-import { useTranslation } from "@rebasepro/app";
-import { Property } from "@rebasepro/types";
-import { EntityTableController, AdminCollection } from "@rebasepro/cms-types";
-import { IconButton, SettingsIcon, Tooltip } from "@rebasepro/ui";
-import React from "react";
-import { useCollectionEditorController } from "../useCollectionEditorController";
-
-export function CollectionViewHeaderAction({
-    propertyKey,
-    onHover,
-    property,
-    path,
-    parentCollectionSlugs, parentEntityIds,
-    collection,
-    tableController
-}: {
-    property: Property,
-    propertyKey: string,
-    onHover: boolean,
-    path: string,
-    parentCollectionSlugs: string[], parentEntityIds: string[],
-    collection: AdminCollection;
-    tableController: EntityTableController;
-}) {
-
-    const collectionEditorController = useCollectionEditorController();
-    const { t } = useTranslation();
-
-    return (
-        <Tooltip
-            asChild={true}
-            title={t("studio_collection_view_edit")}>
-            <IconButton
-                className={onHover ? "bg-white dark:bg-surface-900" : "hidden"}
-                onClick={() => {
-                    collectionEditorController.editProperty({
-                        propertyKey,
-                        property,
-                        editedCollectionId: collection.slug,
-                        parentCollectionSlugs,
-parentEntityIds,
-                        collection,
-                        existingEntities: tableController.data ?? []
-                    });
-                }}
-                size={"small"}>
-                <SettingsIcon/>
-            </IconButton>
-        </Tooltip>
-    )
-}

package/src/collection_editor/ui/EditorCollectionAction.tsx

@@ -1,54 +0,0 @@
-import { useCollectionRegistryController } from "../_cms_internals";
-import { useAuthController, useTranslation } from "@rebasepro/app";
-
-import { CollectionActionsProps, AdminCollection } from "@rebasepro/cms-types";
-import { IconButton, SettingsIcon, Tooltip } from "@rebasepro/ui";
-
-import { useCollectionEditorController } from "../useCollectionEditorController";
-
-export function EditorCollectionAction({
-    path,
-    parentCollectionSlugs, parentEntityIds,
-    collection,
-    tableController
-}: CollectionActionsProps) {
-
-    const authController = useAuthController();
-    const collectionRegistry = useCollectionRegistryController();
-    const collectionEditorController = useCollectionEditorController();
-    const { t } = useTranslation();
-
-    const parentCollection = parentCollectionSlugs.length > 0 ? collectionRegistry.getCollection(parentCollectionSlugs[parentCollectionSlugs.length - 1]) : undefined;
-
-    const canEditCollection = !collectionEditorController.configController?.readOnly;
-
-    const tooltipTitle = collectionEditorController.configController?.readOnly
-        ? (collectionEditorController.configController.readOnlyReason || t("studio_editor_collection_disabled"))
-        : (canEditCollection ? t("studio_editor_collection_edit") : t("studio_editor_collection_no_permission"));
-
-    const editorButton = <Tooltip
-        asChild={true}
-        title={tooltipTitle}>
-        <IconButton
-            size={"small"}
-            color={"primary"}
-            disabled={!canEditCollection}
-            onClick={canEditCollection
-                ? () => collectionEditorController?.editCollection({
-                    id: collection.slug,
-                    path,
-                    parentCollectionSlugs,
-parentEntityIds,
-                    parentCollection: parentCollection as AdminCollection,
-                    existingEntities: tableController?.data ?? []
-                })
-                : undefined}>
-            <SettingsIcon/>
-        </IconButton>
-    </Tooltip>;
-
-    return <>
-        {editorButton}
-    </>
-
-}

package/src/collection_editor/ui/EditorCollectionActionStart.tsx

@@ -1,90 +0,0 @@
-import { deepEqual as equal } from "fast-equals"
-
-import {
-    useAuthController,
-    useSnackbarController,
-    useTranslation
-} from "@rebasepro/app";
-
-import { CollectionActionsProps, AdminCollection } from "@rebasepro/cms-types";
-import { Button, SaveIcon, Tooltip, UndoIcon } from "@rebasepro/ui";
-
-import { useCollectionEditorController } from "../useCollectionEditorController";
-import { useCollectionsConfigController } from "../useCollectionsConfigController";
-import { mergeDeep } from "@rebasepro/utils";
-import { normalizeOrderBy } from "@rebasepro/common";
-
-export function EditorCollectionActionStart({
-    path,
-    parentCollectionSlugs, parentEntityIds,
-    collection,
-    tableController
-}: CollectionActionsProps) {
-
-    const authController = useAuthController();
-    const collectionEditorController = useCollectionEditorController();
-    const configController = useCollectionsConfigController();
-    const snackbarController = useSnackbarController();
-    const { t } = useTranslation();
-
-    const canEditCollection = !configController.readOnly;
-
-    let saveDefaultFilterButton = null;
-    if (!equal(getObjectOrNull(tableController.filterValues), getObjectOrNull(collection.defaultFilter)) ||
-        !equal(getObjectOrNull(tableController.sortBy), getObjectOrNull(normalizeOrderBy(collection.sort)))) {
-        saveDefaultFilterButton = <>
-            <Tooltip
-                asChild={true}
-                title={tableController.sortBy || tableController.filterValues ? t("studio_editor_collection_start_save_filter") : t("studio_editor_collection_start_clear_filter")}>
-                <Button
-                    size={"small"}
-                    variant={"text"}
-                    onClick={() => configController
-                        ?.saveCollection({
-                            id: collection.slug,
-                            parentCollectionSlugs,
-parentEntityIds,
-                            collectionData: mergeDeep(collection as AdminCollection,
-                                {
-                                    defaultFilter: tableController.filterValues ?? null,
-                                    sort: tableController.sortBy ?? null
-                                })
-                        }).then(() => {
-                            snackbarController.open({
-                                type: "success",
-                                message: t("studio_editor_collection_start_saved")
-                            });
-                        })}>
-                    <SaveIcon/>
-                </Button>
-            </Tooltip>
-
-            {(collection.defaultFilter || collection.sort) && <Tooltip
-                title={t("studio_editor_collection_start_reset_filter")}>
-                <Button
-                    size={"small"}
-                    variant={"text"}
-                    onClick={() => {
-                        tableController.clearFilter?.();
-                        if (collection?.defaultFilter)
-                            tableController.setFilterValues?.(collection?.defaultFilter);
-                        if (collection?.sort)
-                            tableController.setSortBy?.(normalizeOrderBy(collection.sort) as Parameters<NonNullable<typeof tableController.setSortBy>>[0]);
-                    }}>
-                    <UndoIcon/>
-                </Button>
-            </Tooltip>}
-        </>;
-    }
-
-    return <>
-        {canEditCollection && saveDefaultFilterButton}
-    </>
-
-}
-
-function getObjectOrNull(o?: object): object | null {
-    if (o && Object.keys(o).length === 0)
-        return o
-    return o ?? null;
-}

package/src/collection_editor/ui/EditorEntityAction.tsx

@@ -1,50 +0,0 @@
-import { useCollectionRegistryController } from "../_cms_internals";
-import { useAuthController, useTranslation } from "@rebasepro/app";
-
-import { PluginFormActionProps, AdminCollection } from "@rebasepro/cms-types";
-import { IconButton, SettingsIcon, Tooltip } from "@rebasepro/ui";
-
-import { useCollectionEditorController } from "../useCollectionEditorController";
-
-export function EditorEntityAction({
-    path,
-    parentCollectionSlugs, parentEntityIds,
-    collection,
-    formContext
-}: PluginFormActionProps) {
-
-    const authController = useAuthController();
-    const collectionRegistry = useCollectionRegistryController();
-    const collectionEditorController = useCollectionEditorController();
-    const { t } = useTranslation();
-
-    const parentCollection = parentCollectionSlugs.length > 0 ? collectionRegistry.getCollection(parentCollectionSlugs[parentCollectionSlugs.length - 1]) : undefined;
-
-    const canEditCollection = !collectionEditorController.configController?.readOnly;
-
-    const isDirty = formContext?.formex.dirty ?? false;
-
-    const editorButton = <Tooltip
-        asChild={true}
-        title={canEditCollection ? (isDirty ? t("studio_editor_entity_save_first") : t("studio_editor_entity_edit_schema")) : t("studio_editor_entity_no_permission")}>
-        <IconButton
-            color={"primary"}
-            disabled={Boolean(!canEditCollection || isDirty)}
-            onClick={canEditCollection
-                ? () => collectionEditorController?.editCollection({
-                    id: collection.slug,
-                    path,
-                    parentCollectionSlugs,
-parentEntityIds,
-                    parentCollection: parentCollection as AdminCollection
-                })
-                : undefined}>
-            <SettingsIcon/>
-        </IconButton>
-    </Tooltip>;
-
-    return <>
-        {editorButton}
-    </>
-
-}