@rebasepro/cms 0.17.3 → 0.18.0

package/src/components/history/EntityHistoryEntry.tsx

@@ -1,203 +0,0 @@
-
-import type { Property } from "@rebasepro/types";
-import * as React from "react";
-
-import { ArrowLeftIcon, Chip, cls, defaultBorderMixin, iconSize, Tooltip, Typography } from "@rebasepro/ui";
-import { PreviewSize } from "../../types/components/PropertyPreviewProps";
-import { getPropertyInPath } from "../../util/property_utils";
-import { PropertyPreview } from "../../preview/PropertyPreview";
-import { SkeletonPropertyComponent } from "../../preview/property_previews/SkeletonPropertyComponent";
-import { useAuthController } from "@rebasepro/app";
-import { UserChip } from "./UserChip";
-import { HistoryEntryData } from "../../hooks";
-import { getValueInPath } from "@rebasepro/utils";
-import type { AdminCollection } from "@rebasepro/cms-types";
-
-/**
- * Recursive deep equality for primitives, arrays and plain objects.
- */
-function deepEqual(a: unknown, b: unknown): boolean {
-    if (a === b) return true;
-    if (a == null || b == null) return a === b;
-    if (typeof a !== typeof b) return false;
-    if (typeof a !== "object") return false;
-
-    if (Array.isArray(a)) {
-        if (!Array.isArray(b) || a.length !== (b as unknown[]).length) return false;
-        return a.every((item, i) => deepEqual(item, (b as unknown[])[i]));
-    }
-
-    if (Array.isArray(b)) return false;
-
-    const aObj = a as Record<string, unknown>;
-    const bObj = b as Record<string, unknown>;
-    const aKeys = Object.keys(aObj);
-    const bKeys = Object.keys(bObj);
-    if (aKeys.length !== bKeys.length) return false;
-    return aKeys.every(key => key in bObj && deepEqual(aObj[key], bObj[key]));
-}
-
-export type EntityHistoryEntryProps = {
-    size: PreviewSize;
-    actions?: React.ReactNode;
-    collection?: AdminCollection;
-    hover?: boolean;
-    entry: HistoryEntryData;
-    onClick?: (e: React.SyntheticEvent) => void;
-};
-
-function PreviousValueView({
-    previousValueInPath,
-    childProperty,
-    propertyKey
-}: {
-    previousValueInPath: unknown;
-    childProperty: Property;
-    propertyKey: string;
-}) {
-    if (typeof previousValueInPath === "string" || typeof previousValueInPath === "number") {
-        return <Typography variant={"caption"} color={"secondary"} className="line-through">
-            {previousValueInPath}
-        </Typography>;
-    } else if (typeof previousValueInPath === "boolean") {
-        return <Typography variant={"caption"} color={"secondary"} className="line-through">
-            {previousValueInPath ? "true" : "false"}
-        </Typography>;
-    } else {
-        return <Tooltip
-            side={"left"}
-            title={<div className={"flex flex-col gap-2"}>
-                <Typography variant={"caption"} color={"secondary"}>
-                    Previous value
-                </Typography>
-                <PropertyPreview
-                    propertyKey={propertyKey as string}
-                    value={previousValueInPath as never}
-                    property={childProperty as Property}
-                    size={"small"}/>
-            </div>}>
-            <ArrowLeftIcon size={iconSize.smallest} color={"disabled"} className={"mb-1"}/>
-        </Tooltip>
-    }
-}
-
-/**
- * Displays a single entity history revision entry.
- * Adapted from the entity_history plugin — now reads from backend API data.
- */
-export function EntityHistoryEntry({
-    actions,
-    hover,
-    collection,
-    size,
-    entry
-}: EntityHistoryEntryProps) {
-
-    const authController = useAuthController();
-
-    // The backend reports the whole row as changed, which includes the columns
-    // that cannot meaningfully change: a timestamp it stamps itself on every
-    // write, and the primary key, which is what identifies the row being
-    // revised. Every revision was listing `updated_at: <now>` and `id: <the id
-    // in the title bar>` around the one field the user actually edited.
-    const changedFields = React.useMemo(() => {
-        const all = entry.changed_fields;
-        if (!all || !collection) return all;
-        return all.filter(key => {
-            const property = getPropertyInPath(collection.properties, key);
-            if (!property) return true;
-            if ("isId" in property && property.isId) return false;
-            return !(property.type === "date" && "autoValue" in property && property.autoValue);
-        });
-    }, [entry.changed_fields, collection]);
-
-    const previousValues = entry.previous_values;
-    const updatedOn = new Date(entry.updated_at);
-    const updatedBy = entry.updated_by;
-
-    // Resolve user display
-    const currentUser = authController.user;
-    const userDisplay = updatedBy === currentUser?.uid
-        ? currentUser
-        : undefined;
-
-    return <div className={"@container/histentry w-full flex flex-col gap-2"}>
-        <div className={"flex items-center flex-wrap gap-2"}>
-            <Typography variant={"body2"} color={"secondary"}>
-                {updatedOn.toLocaleString()}
-            </Typography>
-            <Chip size={"small"}>
-                {entry.action}
-            </Chip>
-            {!userDisplay && updatedBy && <Chip size={"small"}>{updatedBy}</Chip>}
-            {userDisplay && <UserChip user={userDisplay}/>}
-        </div>
-        <div
-            className={cls(
-                "bg-white dark:bg-surface-900",
-                "min-h-[44px]",
-                "w-full",
-                "items-center",
-                hover ? "hover:bg-surface-accent-50 dark:hover:bg-surface-800" : "",
-                size === "small" ? "p-1" : "px-2 py-1",
-                "flex border rounded-lg",
-                defaultBorderMixin
-            )}>
-
-            {actions}
-
-            <div className={"flex flex-col grow w-full m-1 shrink min-w-0"}>
-
-                {changedFields && collection && changedFields.map((key: string) => {
-                    const childProperty = getPropertyInPath(collection.properties, key);
-                    const valueInPath = entry.values ? getValueInPath(entry.values, key) : undefined;
-                    const previousValueInPath = previousValues ? getValueInPath(previousValues, key) : undefined;
-
-                    const element = childProperty
-                        ? <PropertyPreview
-                            propertyKey={key}
-                            value={valueInPath as never}
-                            property={childProperty as Property}
-                            size={"small"}/>
-                        : <Typography variant={"body2"}>
-                            {typeof valueInPath === "string" ? valueInPath : JSON.stringify(valueInPath)}
-                        </Typography>;
-
-                    // The key column used to be `min-w-[200px] w-1/5` beside a
-                    // `w-4/5` value — 200px of label and 80% of the row, which
-                    // adds up to more than the row in anything narrower than a
-                    // full page. In the inspector that pushed every value off
-                    // the right edge and wrapped ids one character per line.
-                    // It stacks until the entry itself is wide enough.
-                    return (
-                        <div key={"ref_prev_" + key}
-                            className="flex flex-col @sm/histentry:flex-row @sm/histentry:items-baseline gap-x-4 gap-y-0.5 w-full my-1.5">
-                            <Typography variant={"caption"}
-                                color={"secondary"}
-                                className="shrink-0 break-all @sm/histentry:w-40 @sm/histentry:text-right @sm/histentry:break-normal @sm/histentry:truncate">
-                                {key}
-                            </Typography>
-                            <div className="min-w-0 flex-1 flex flex-col items-start gap-0.5">
-                                {previousValueInPath !== undefined && !deepEqual(previousValueInPath, valueInPath) &&
-                                    <PreviousValueView previousValueInPath={previousValueInPath}
-                                        childProperty={childProperty as Property}
-                                        propertyKey={key}/>
-                                }
-                                {element}
-                            </div>
-                        </div>
-                    );
-                })}
-
-                {(!changedFields || changedFields.length === 0) && (
-                    <Typography variant={"caption"} color={"secondary"}>
-                        {entry.action === "create" ? "Entity created" :
-                            entry.action === "delete" ? "Entity deleted" : "No field changes recorded"}
-                    </Typography>
-                )}
-
-            </div>
-
-        </div>
-    </div>;
-}

package/src/components/history/EntityHistoryView.tsx

@@ -1,206 +0,0 @@
-
-import type { EntityCustomViewParams } from "@rebasepro/cms-types";
-import { useRef, useEffect } from "react";
-import { cls, IconButton, Label, Tooltip, Typography } from "@rebasepro/ui";
-import { ErrorBoundary, HistoryIcon } from "@rebasepro/ui";
-import { EntityHistoryEntry } from "./EntityHistoryEntry";
-import { useSnackbarController, useAuthController, useTranslation } from "@rebasepro/app";
-import { ConfirmationDialog } from "@rebasepro/app";
-import { useState } from "react";
-import { useHistory } from "../../hooks/useHistory";
-
-/**
- * Entity history tab view. Shows a paginated list of entity revisions
- * fetched from the backend API. Supports infinite scroll and revert.
- */
-export function EntityHistoryView<M extends Record<string, unknown>>({
-    entity,
-    collection,
-    formContext,
-    refreshToken
-}: EntityCustomViewParams<M> & {
-    /** Bumped once per save, so the list picks up the revision it just made. */
-    refreshToken?: number;
-}) {
-
-    const { t } = useTranslation();
-    const snackbarController = useSnackbarController();
-    const authController = useAuthController();
-    const dirty = formContext?.formex.dirty;
-
-    const slug = collection.slug;
-    const entityId = entity?.id;
-
-    const {
-        entries,
-        isLoading,
-        hasMore,
-        loadMore,
-        revert
-    } = useHistory({
-        slug,
-        entityId,
-        enabled: !!entityId,
-        pageSize: 10,
-        refreshToken
-    });
-
-    const [revertHistoryId, setRevertHistoryId] = useState<string | undefined>();
-    const [isReverting, setIsReverting] = useState(false);
-
-    const containerRef = useRef<HTMLDivElement>(null);
-    const loadMoreRef = useRef<HTMLDivElement>(null);
-
-    // Intersection observer for infinite scroll
-    useEffect(() => {
-        const currentContainer = containerRef.current;
-        const currentLoadMore = loadMoreRef.current;
-
-        if (!currentContainer || !currentLoadMore || !hasMore || isLoading) return;
-
-        const observer = new IntersectionObserver(
-            (observerEntries) => {
-                if (observerEntries[0].isIntersecting && hasMore && !isLoading) {
-                    loadMore();
-                }
-            },
-            {
-                root: currentContainer,
-                rootMargin: "0px 0px 200px 0px",
-                threshold: 0.01
-            }
-        );
-
-        observer.observe(currentLoadMore);
-
-        return () => observer.disconnect();
-    }, [hasMore, isLoading, entries.length, loadMore]);
-
-    if (!entity) {
-        return <div className="flex items-center justify-center h-full">
-            <Label>{t("history_new_entity") ?? "History is only available for existing records"}</Label>
-        </div>;
-    }
-
-    async function doRevert(historyId: string) {
-        setIsReverting(true);
-        try {
-            const revertedValues = await revert(historyId);
-            setRevertHistoryId(undefined);
-
-            // Reset the form with the reverted values so the UI updates
-            // immediately without requiring a page refresh.
-            if (formContext?.formex?.resetForm && revertedValues) {
-                formContext.formex.resetForm({
-                    values: revertedValues as M,
-                    submitCount: 0,
-                    touched: {}
-                });
-            }
-
-            snackbarController.open({
-                message: t("history_reverted") ?? "Reverted to selected version",
-                type: "info"
-            });
-        } catch (error) {
-            console.error("Error reverting entity:", error);
-            snackbarController.open({
-                message: t("history_revert_error") ?? "Error reverting entity",
-                type: "error"
-            });
-        } finally {
-            setIsReverting(false);
-        }
-    }
-
-    const revertEntry = revertHistoryId
-        ? entries.find(e => e.id === revertHistoryId)
-        : undefined;
-
-    // `p-8` plus a `mt-24` heading were sized for a full-width tab that no
-    // longer exists. In the inspector panel that was 96px of nothing above the
-    // first revision, and 32px of gutter on each side of a 448px column.
-    return <div
-        ref={containerRef}
-        className={cls("relative flex-1 h-full overflow-auto w-full flex flex-col gap-4 p-4 sm:p-5")}>
-        <div className="flex flex-col gap-2 max-w-6xl mx-auto w-full">
-
-            {isLoading && entries.length === 0 && (
-                <div className="flex flex-col gap-4">
-                    {[1, 2, 3].map(i => (
-                        <div key={i} className="flex flex-col gap-2 animate-pulse">
-                            <div className="h-4 w-48 bg-surface-200 dark:bg-surface-700 rounded"/>
-                            <div className="h-12 w-full bg-surface-100 dark:bg-surface-900 rounded-lg border border-surface-200 dark:border-surface-700"/>
-                        </div>
-                    ))}
-                </div>
-            )}
-
-            {!isLoading && entries.length === 0 && <>
-                <Label>
-                    {t("history_empty") ?? "No history available"}
-                </Label>
-                <Typography variant={"caption"}>
-                    {t("history_empty_description") ?? "When you save a record, a new version is created and stored in the history."}
-                </Typography>
-            </>}
-
-            {entries.map((entry) => (
-                <div key={entry.id} className="flex flex-col gap-2 w-full">
-                    <EntityHistoryEntry
-                        entry={entry}
-                        collection={collection}
-                        size={"medium"}
-                        actions={
-                            <Tooltip title={t("history_revert") ?? "Revert to this version"}
-                                className={"m-2 grow-0 self-start"}>
-                                <IconButton
-                                    onClick={() => {
-                                        if (dirty) {
-                                            snackbarController.open({
-                                                message: t("history_revert_dirty") ?? "Please save or discard your changes before reverting",
-                                                type: "warning"
-                                            });
-                                        } else {
-                                            setRevertHistoryId(entry.id);
-                                        }
-                                    }}>
-                                    <HistoryIcon/>
-                                </IconButton>
-                            </Tooltip>
-                        }
-                    />
-                </div>
-            ))}
-
-            {/* Load more sentinel */}
-            {entries.length > 0 && (
-                <div ref={loadMoreRef} className="py-4 text-center">
-                    {isLoading && <Label>{t("loading")}</Label>}
-                    {!hasMore && entries.length > 10 && <Label>{t("history_no_more") ?? "No more history"}</Label>}
-                </div>
-            )}
-        </div>
-
-        <ErrorBoundary>
-            <ConfirmationDialog
-                open={Boolean(revertHistoryId)}
-                onAccept={() => {
-                    if (revertHistoryId) doRevert(revertHistoryId);
-                }}
-                onCancel={() => setRevertHistoryId(undefined)}
-                title={<Typography variant={"subtitle2"}>{t("history_revert_title") ?? "Revert data to this version?"}</Typography>}
-                body={revertEntry
-                    ? <div className="p-4">
-                        <Typography variant={"caption"} color={"secondary"}>
-                            This will save the entity with the values from{" "}
-                            {new Date(revertEntry.updated_at).toLocaleString()}.
-                            A new history entry will be created for the revert.
-                        </Typography>
-                    </div>
-                    : null
-                }
-            />
-        </ErrorBoundary>
-    </div>;
-}

package/src/components/history/LastEditedByFormAction.tsx

@@ -1,24 +0,0 @@
-import type { PluginFormActionProps } from "@rebasepro/cms-types";
-import React from "react";
-;
-import { LastEditedByIndicator } from "./LastEditedByIndicator";
-
-/**
- * Renders the "last edited by" indicator in the entity form top bar.
- * Used as a plugin `form.ActionsTop` component.
- */
-export function LastEditedByFormAction({
-    entityId,
-    path,
-    status,
-    collection
-}: PluginFormActionProps) {
-    if (status === "new" || status === "copy" || !entityId) return null;
-    if (!collection.history) return null;
-
-    return <LastEditedByIndicator
-        path={path}
-        entityId={entityId.toString()}
-        collection={collection}
-    />;
-}

package/src/components/history/LastEditedByIndicator.tsx

@@ -1,95 +0,0 @@
-
-import React, { useEffect, useState, useCallback } from "react";
-;
-import { useApiBase, useApiConfig } from "@rebasepro/app";
-import { useAuthController } from "@rebasepro/app";
-import { formatRelativeTime } from "@rebasepro/utils";
-import { HistoryEntryData } from "../../hooks";
-import type { AdminCollection } from "@rebasepro/cms-types";
-
-const THIRTY_DAYS_MS = 30 * 24 * 60 * 60 * 1000;
-
-function getRelativeTimeString(date: Date): string {
-    // An edit is in the past, but the timestamp comes from the server and the
-    // phrase is rendered against the browser's clock — a few seconds of skew
-    // used to be enough to make a fresh edit read as the wrong thing entirely.
-    return formatRelativeTime(date, { maxMs: THIRTY_DAYS_MS }) ?? date.toLocaleDateString();
-}
-
-/**
- * Fetches the latest history entry from the backend API and displays
- * who last edited the entity and when.
- */
-export function LastEditedByIndicator({
-    path,
-    entityId,
-    collection
-}: {
-    path: string;
-    entityId: string;
-    collection: AdminCollection;
-}) {
-    const apiConfig = useApiConfig();
-    const apiBase = useApiBase();
-    const authController = useAuthController();
-    const [latestEntry, setLatestEntry] = useState<HistoryEntryData | undefined>();
-
-    const fetchLatest = useCallback(async () => {
-        if (!apiConfig?.apiUrl || !entityId || !collection.slug) return;
-
-        try {
-            const token = await apiConfig.getAuthToken?.();
-            const headers: Record<string, string> = {};
-            if (token) headers["Authorization"] = `Bearer ${token}`;
-
-            const url = `${apiBase}/data/${collection.slug}/${entityId}/history?limit=1&offset=0`;
-            const response = await fetch(url, { headers });
-
-            if (response.ok) {
-                const result = await response.json();
-                if (result.data && result.data.length > 0) {
-                    setLatestEntry(result.data[0]);
-                }
-            }
-        } catch (error) {
-            // Silently fail — this is a non-critical UI indicator
-            console.debug("Failed to fetch latest history entry:", error);
-        }
-    }, [apiConfig, apiBase, entityId, collection.slug]);
-
-    useEffect(() => {
-        fetchLatest();
-    }, [fetchLatest]);
-
-    if (!latestEntry) return null;
-
-    const uid = latestEntry.updated_by;
-    const date = new Date(latestEntry.updated_at);
-    const timeString = getRelativeTimeString(date);
-
-    // Try to match the current user
-    const currentUser = authController.user;
-    const displayName = uid === currentUser?.uid
-        ? currentUser?.displayName ?? currentUser?.email ?? uid
-        : uid;
-    const photoURL = uid === currentUser?.uid ? currentUser?.photoURL : undefined;
-
-    return (
-        <div className="flex items-center gap-2 text-xs text-text-secondary dark:text-text-secondary-dark">
-            {photoURL ? (
-                <img
-                    src={photoURL}
-                    alt={displayName ?? "User"}
-                    className="rounded-full object-cover w-6 h-6"
-                />
-            ) : (
-                <div className="rounded-full bg-primary/10 dark:bg-primary-dark/20 flex items-center justify-center text-primary dark:text-primary-dark font-medium w-6 h-6 text-xs">
-                    {(displayName ?? "?").charAt(0).toUpperCase()}
-                </div>
-            )}
-            <span>
-                {displayName}{timeString ? ` · ${timeString}` : ""}
-            </span>
-        </div>
-    );
-}

package/src/components/history/UserChip.tsx

@@ -1,15 +0,0 @@
-import { User } from "@rebasepro/types";
-import { Chip, Tooltip } from "@rebasepro/ui";
-
-export function UserChip({ user }: { user: User }) {
-    return (
-        <Tooltip title={user.email ?? user.uid}>
-            <Chip size={"small"} className={"flex items-center"}>
-                {user.photoURL && <img
-                    className={"rounded-full w-6 h-6 mr-2"}
-                    src={user.photoURL} alt={user.displayName ?? "User picture"}/>}
-                <span>{user.displayName ?? user.email ?? user.uid}</span>
-            </Chip>
-        </Tooltip>
-    );
-}

package/src/components/history/index.tsx

@@ -1,5 +0,0 @@
-export { EntityHistoryView } from "./EntityHistoryView";
-export { EntityHistoryEntry } from "./EntityHistoryEntry";
-export { LastEditedByIndicator } from "./LastEditedByIndicator";
-export { LastEditedByFormAction } from "./LastEditedByFormAction";
-export { UserChip } from "./UserChip";

package/src/components/index.ts

@@ -1,63 +0,0 @@
-export type { EntityViewBindingProps } from "./EntityViewBinding";
-export { EntityViewBinding } from "./EntityViewBinding";
-
-export type { EntityDisplayHeaderProps } from "./EntityDisplayHeader";
-export { EntityDisplayHeader, HEADER_DISPLAY_ROLES } from "./EntityDisplayHeader";
-
-export * from "./DetailViewBinding";
-
-export type { SelectionProps } from "./ReferenceTable/SelectionTableBinding";
-export { SelectionTableBinding } from "./ReferenceTable/SelectionTableBinding";
-
-export * from "./SelectableTable/SelectableTable";
-export * from "./SelectableTable/SelectableTableContext";
-export * from "./SelectableTable/filters/FilterFieldBinding";
-export * from "./CollectionViewBinding/CollectionViewBinding";
-export * from "./CollectionViewBinding/CollectionViewActions";
-export * from "./CollectionViewBinding/CollectionCardViewBinding";
-export * from "./CollectionViewBinding/EntityCardBinding";
-export * from "./CollectionViewBinding/useSelectionController";
-
-export * from "./PropertyConfigBadge";
-export * from "./PropertyIdCopyTooltip";
-
-export * from "./CollectionTableBinding";
-// VirtualTable is exported from @rebasepro/ui
-export * from "./ArrayContainer";
-export * from "./ReferenceWidget";
-export * from "./SearchIconsView";
-export * from "./FieldCaption";
-export * from "./EntityPreviewBinding";
-export * from "./EntityPreviewNesting";
-export * from "./InlineEntityPreview";
-
-// history is lazy-loaded by EditViewBinding and resolutions.ts
-// export * from "./history";
-export * from "./common";
-export * from "./field_configs";
-
-export * from "./SidePanelProvider";
-export * from "./AdminModeSyncer";
-// Admin views: only CreationResultDialog remains (used by resetPasswordAction)
-export * from "./app/AppBar";
-export * from "./app/Drawer";
-export * from "./app/Scaffold";
-export * from "./DefaultAppBar";
-export * from "./DefaultDrawer";
-export * from "./DrawerNavigationItem";
-export * from "./DrawerNavigationGroup";
-// ContentHomePage is lazy-loaded by RebaseRouteDefs
-// export * from "./HomePage/ContentHomePage";
-export * from "./SideDialogs";
-
-export * from "./app/useApp";
-export * from "./RebaseCMS";
-export * from "./RebaseShell";
-
-// Composable shell layers — each independently usable
-export * from "./RebaseAuthGate";
-export * from "./RebaseNavigation";
-export * from "./RebaseLayout";
-export * from "./RebaseRouteDefs";
-
-export * from "./CollectionPanel";

package/src/contexts/BreacrumbsContext.tsx

@@ -1,45 +0,0 @@
-import React, { useCallback, useMemo, useState } from "react";
-import type { BreadcrumbEntry, BreadcrumbsController } from "@rebasepro/cms-types";
-
-const DEFAULT_BREADCRUMBS_CONTROLLER: BreadcrumbsController = {
-    breadcrumbs: [],
-    set: () => {
-    }
-};
-
-export const BreadcrumbContext = React.createContext<BreadcrumbsController>(DEFAULT_BREADCRUMBS_CONTROLLER);
-
-interface BreadcrumbsProviderProps {
-    children: React.ReactNode;
-}
-
-export const BreadcrumbsProvider: React.FC<BreadcrumbsProviderProps> = ({ children }) => {
-
-    const [breadcrumbs, setBreadcrumbs] = useState<BreadcrumbEntry[]>([]);
-
-    const set = useCallback((props: {
-        breadcrumbs: BreadcrumbEntry[];
-    }) => {
-        setBreadcrumbs(prev => {
-            const next = props.breadcrumbs;
-            // Bail out if nothing changed — return same reference to skip re-render
-            if (prev.length === next.length && prev.every((p, i) =>
-                p.title === next[i].title && p.url === next[i].url && p.id === next[i].id
-            )) {
-                return prev;
-            }
-            return next;
-        });
-    }, []);
-
-    const value = useMemo(() => ({
-        breadcrumbs,
-        set
-    }), [breadcrumbs, set]);
-
-    return (
-        <BreadcrumbContext.Provider value={value}>
-            {children}
-        </BreadcrumbContext.Provider>
-    );
-};

package/src/contexts/SideDialogsControllerContext.tsx

@@ -1,5 +0,0 @@
-import type { SideDialogsController } from "@rebasepro/cms-types";
-import React from "react";
-;
-
-export const SideDialogsControllerContext = React.createContext<SideDialogsController>({} as SideDialogsController);

package/src/contexts/SidePanelControllerContext.tsx

@@ -1,5 +0,0 @@
-import type { SidePanelController } from "@rebasepro/cms-types";
-import React from "react";
-;
-
-export const SidePanelControllerContext = React.createContext<SidePanelController>({} as SidePanelController);