@firecms/core 3.5.2-canary.09e1281 → 3.5.2-canary.c5764a3

package/src/types/side_dialogs_controller.tsx

@@ -8,11 +8,9 @@ import { EntityFormProps } from "../form";
 export interface SideDialogsController {
 
     /**
-     * Close the last panel.
-     * When the `key` of a panel without a URL is given, that panel is closed
-     * instead, even if other panels are open on top of it.
+     * Close the last panel
      */
-    close: (key?: string) => void;
+    close: () => void;
 
     /**
      * List of side panels currently open

package/dist/components/EntityCollectionView/CollectionCountBadge.d.ts

@@ -1,8 +0,0 @@
-import React from "react";
-/**
- * Number of entities in a collection, as shown next to its name.
- * `undefined` renders nothing, `null` a loading placeholder.
- */
-export declare function CollectionCountBadge({ count }: {
-    count: number | null | undefined;
-}): React.JSX.Element | null;

package/dist/components/EntityCollectionView/CollectionPathTitle.d.ts

@@ -1,24 +0,0 @@
-import React from "react";
-/**
- * A name and its entity count, under what is above it: breadcrumbs folded on two lines
- * for where a row of them would not fit.
- */
-export declare function PathTitle({ parents, name, count, className }: {
-    parents: string[];
-    name: string;
-    /** `undefined` shows no count, `null` a loading one. */
-    count: number | null | undefined;
-    className?: string;
-}): React.JSX.Element;
-/**
- * A collection's name and entity count, under the collections and entities above it,
- * the same things the app bar's breadcrumbs show. A side panel covers those, so it
- * shows a subcollection's in its own top bar.
- */
-export declare function CollectionPathTitle({ path, name, count }: {
-    /** The escaped chain, as in `fullIdPath`. */
-    path: string;
-    name: string;
-    /** `undefined` shows no count, `null` a loading one. */
-    count: number | null | undefined;
-}): React.JSX.Element;

package/dist/components/EntityCollectionView/EntityIdHeaderWidget.d.ts

@@ -1,12 +0,0 @@
-import React from "react";
-import { EntityCollection } from "../../types";
-/**
- * "Find by id" in the header of a collection's id column, listing the ids opened in it lately.
- */
-export declare function EntityIdHeaderWidget({ collection, path, pathSegments, fullIdPath }: {
-    collection: EntityCollection;
-    path: string;
-    /** `path` split at its real segment boundaries, when the caller knows them. */
-    pathSegments?: string[];
-    fullIdPath: string;
-}): React.JSX.Element;

package/dist/internal/useLeavePageConfirmation.d.ts

@@ -1,11 +0,0 @@
-/**
- * Asks the browser to confirm leaving the page (reload, tab close, a link that
- * loads another document) while `when` is true.
- *
- * Navigation inside the app is not intercepted: unsaved entity values are kept
- * in the dirty entity cache, so they survive it. Cancelling link clicks here
- * used to leave plain and new-tab links doing nothing, with no dialog shown.
- *
- * @param when - Whether leaving the page should be confirmed.
- */
-export declare function useLeavePageConfirmation(when: boolean): void;

package/src/components/EntityCollectionView/CollectionCountBadge.tsx

@@ -1,17 +0,0 @@
-import React from "react";
-import { Skeleton } from "@firecms/ui";
-
-/**
- * Number of entities in a collection, as shown next to its name.
- * `undefined` renders nothing, `null` a loading placeholder.
- */
-export function CollectionCountBadge({ count }: { count: number | null | undefined }) {
-    if (count === undefined)
-        return null;
-    if (count === null)
-        return <Skeleton className="w-8 h-4 rounded-md"/>;
-    return <span
-        className="text-xs text-surface-accent-500 dark:text-surface-accent-400 bg-surface-100 dark:bg-surface-700 px-1 py-0 rounded">
-        {count}
-    </span>;
-}

package/src/components/EntityCollectionView/CollectionPathTitle.tsx

@@ -1,68 +0,0 @@
-import React, { useMemo } from "react";
-import { cls, Typography } from "@firecms/ui";
-import { useNavigationController } from "../../hooks/useNavigationController";
-import { getNavigationEntriesFromPath } from "../../util/navigation_from_path";
-import { CollectionCountBadge } from "./CollectionCountBadge";
-
-/**
- * A name and its entity count, under what is above it: breadcrumbs folded on two lines
- * for where a row of them would not fit.
- */
-export function PathTitle({
-    parents,
-    name,
-    count,
-    className
-}: {
-    parents: string[],
-    name: string,
-    /** `undefined` shows no count, `null` a loading one. */
-    count: number | null | undefined,
-    className?: string
-}) {
-    return <div className={cls("flex flex-col", className)}>
-        {parents.length > 0 && <Typography variant={"caption"} color={"secondary"} noWrap>
-            {parents.join(" / ")}
-        </Typography>}
-        <div className="flex flex-row items-center gap-2 min-w-0">
-            <Typography variant={"body2"} noWrap className={"font-medium"}>
-                {name}
-            </Typography>
-            <CollectionCountBadge count={count}/>
-        </div>
-    </div>;
-}
-
-/**
- * A collection's name and entity count, under the collections and entities above it,
- * the same things the app bar's breadcrumbs show. A side panel covers those, so it
- * shows a subcollection's in its own top bar.
- */
-export function CollectionPathTitle({
-    path,
-    name,
-    count
-}: {
-    /** The escaped chain, as in `fullIdPath`. */
-    path: string,
-    name: string,
-    /** `undefined` shows no count, `null` a loading one. */
-    count: number | null | undefined
-}) {
-    const navigation = useNavigationController();
-    const parents = useMemo(() => getNavigationEntriesFromPath({
-        path,
-        collections: navigation.collections ?? []
-    })
-        .slice(0, -1)
-        .map(entry => entry.type === "entity"
-            ? entry.entityId
-            : entry.type === "collection" ? entry.collection.name : entry.view.name),
-    [path, navigation.collections]);
-
-    // it keeps its width, up to the cap, and the tabs next to it scroll instead
-    return <PathTitle parents={parents}
-                      name={name}
-                      count={count}
-                      className={"shrink-0 mx-2 max-w-[140px] sm:max-w-[240px] lg:max-w-[320px]"}/>;
-}

package/src/components/EntityCollectionView/EntityIdHeaderWidget.tsx

@@ -1,124 +0,0 @@
-import React from "react";
-import { Button, cls, focusedDisabled, IconButton, KeyboardTabIcon, Popover, SearchIcon, Tooltip } from "@firecms/ui";
-import { EntityCollection, EntityReference } from "../../types";
-import { navigateToEntity } from "../../util/navigation_utils";
-import { ReferencePreview } from "../../preview";
-import { useNavigationController } from "../../hooks/useNavigationController";
-import { useSideEntityController } from "../../hooks/useSideEntityController";
-import { useTranslation } from "../../hooks/useTranslation";
-import { addRecentId, getRecentIds } from "./utils";
-
-const DEFAULT_ENTITY_OPEN_MODE: "side_panel" | "full_screen" = "side_panel";
-
-/**
- * "Find by id" in the header of a collection's id column, listing the ids opened in it lately.
- */
-export function EntityIdHeaderWidget({
-    collection,
-    path,
-    pathSegments,
-    fullIdPath
-}: {
-    collection: EntityCollection,
-    path: string,
-    /** `path` split at its real segment boundaries, when the caller knows them. */
-    pathSegments?: string[],
-    fullIdPath: string
-}) {
-
-    const navigation = useNavigationController();
-    const [openPopup, setOpenPopup] = React.useState(false);
-    const [searchString, setSearchString] = React.useState("");
-    // Kept per full path rather than per collection: a subcollection has the same id under
-    // every parent, and an id found under one parent does not exist under the others.
-    const [recentIds, setRecentIds] = React.useState<string[]>(() => getRecentIds(fullIdPath));
-    const sideEntityController = useSideEntityController();
-    const { t } = useTranslation();
-
-    const openEntityMode = collection?.openEntityMode ?? DEFAULT_ENTITY_OPEN_MODE;
-
-    return (
-        <Tooltip title={!openPopup ? t("find_by_id") : undefined} asChild={false}>
-            <Popover
-                open={openPopup}
-                onOpenChange={(open) => {
-                    // rows opened since this header mounted are recent too
-                    if (open) setRecentIds(getRecentIds(fullIdPath));
-                    setOpenPopup(open);
-                }}
-                sideOffset={0}
-                align={"start"}
-                alignOffset={-117}
-                trigger={
-                    <IconButton size={"small"}>
-                        <SearchIcon size={"small"} />
-                    </IconButton>
-                }>
-                <div
-                    className={cls("my-2 rounded-lg bg-surface-50 dark:bg-surface-950 text-surface-900 dark:text-white")}>
-                    <form noValidate={true}
-                        onSubmit={(e) => {
-                            e.preventDefault();
-                            const entityId = searchString.trim();
-                            // Enter submits even while the button is disabled, and an empty
-                            // id would open a new entity instead
-                            if (!entityId) return;
-                            setOpenPopup(false);
-                            setRecentIds(addRecentId(fullIdPath, entityId));
-                            navigateToEntity({
-                                openEntityMode,
-                                collection,
-                                entityId,
-                                path,
-                                pathSegments,
-                                fullIdPath,
-                                sideEntityController,
-                                navigation
-                            })
-                        }}
-                        className={"w-96 max-w-full"}>
-
-                        <div className="flex p-2 w-full gap-2">
-                            <input
-                                autoFocus={openPopup}
-                                placeholder={t("find_entity_by_id")}
-                                // size={"small"}
-                                onChange={(e) => {
-                                    setSearchString(e.target.value);
-                                }}
-                                value={searchString}
-                                className={"rounded-lg bg-white dark:bg-surface-800 flex-grow bg-transparent outline-none p-2 " + focusedDisabled} />
-                            <Button variant={"text"}
-                                disabled={!(searchString.trim())}
-                                type={"submit"}
-                            ><KeyboardTabIcon /></Button>
-                        </div>
-                    </form>
-                    {recentIds && recentIds.length > 0 && <div className="flex flex-col gap-2 p-2">
-                        {recentIds.map(id => (
-                            <ReferencePreview reference={new EntityReference(id, path, undefined, pathSegments)}
-                                key={id}
-                                hover={true}
-                                onClick={() => {
-                                    setOpenPopup(false);
-                                    navigateToEntity({
-                                        openEntityMode,
-                                        collection,
-                                        entityId: id,
-                                        path,
-                                        pathSegments,
-                                        fullIdPath,
-                                        sideEntityController,
-                                        navigation
-                                    })
-                                }}
-                                includeEntityLink={false}
-                                size={"small"} />
-                        ))}
-                    </div>}
-                </div>
-            </Popover>
-
-        </Tooltip>
-    );
-}

package/src/internal/useLeavePageConfirmation.ts

@@ -1,25 +0,0 @@
-import { useEffect } from "react";
-
-/**
- * Asks the browser to confirm leaving the page (reload, tab close, a link that
- * loads another document) while `when` is true.
- *
- * Navigation inside the app is not intercepted: unsaved entity values are kept
- * in the dirty entity cache, so they survive it. Cancelling link clicks here
- * used to leave plain and new-tab links doing nothing, with no dialog shown.
- *
- * @param when - Whether leaving the page should be confirmed.
- */
-export function useLeavePageConfirmation(when: boolean): void {
-    useEffect(() => {
-        if (!when) return;
-
-        const handleBeforeUnload = (e: BeforeUnloadEvent) => {
-            e.preventDefault();
-            e.returnValue = "";
-        };
-
-        window.addEventListener("beforeunload", handleBeforeUnload);
-        return () => window.removeEventListener("beforeunload", handleBeforeUnload);
-    }, [when]);
-}