@firecms/core 3.0.0-canary.269 → 3.0.0-canary.270

package/dist/index.umd.js

@@ -4760,6 +4760,48 @@
     if (typeof window === "undefined") return false;
     return window.matchMedia(`(min-width: ${breakpoints[breakpoint] + 1}px)`).matches;
   }
+  function useCollapsedGroups(groupNames) {
+    const [collapsedGroups, setCollapsedGroups] = React.useState(() => {
+      try {
+        const stored = localStorage.getItem("firecms-collapsed-groups");
+        return stored ? JSON.parse(stored) : {};
+      } catch {
+        return {};
+      }
+    });
+    React.useEffect(() => {
+      try {
+        localStorage.setItem("firecms-collapsed-groups", JSON.stringify(collapsedGroups));
+      } catch {
+      }
+    }, [collapsedGroups]);
+    React.useEffect(() => {
+      if (groupNames.length === 0) return;
+      const currentGroupNames = new Set(groupNames);
+      setCollapsedGroups((prev) => {
+        const cleaned = Object.fromEntries(Object.entries(prev).filter(([groupName]) => currentGroupNames.has(groupName)));
+        const prevKeys = Object.keys(prev);
+        const cleanedKeys = Object.keys(cleaned);
+        if (prevKeys.length === cleanedKeys.length && prevKeys.every((key) => cleanedKeys.includes(key))) {
+          return prev;
+        }
+        return cleaned;
+      });
+    }, [groupNames]);
+    const isGroupCollapsed = React.useCallback((name) => {
+      return !!collapsedGroups[name];
+    }, [collapsedGroups]);
+    const toggleGroupCollapsed = React.useCallback((name_0) => {
+      setCollapsedGroups((prev_0) => ({
+        ...prev_0,
+        [name_0]: !prev_0[name_0]
+      }));
+    }, []);
+    return {
+      isGroupCollapsed,
+      toggleGroupCollapsed
+    };
+  }
   function ErrorTooltip(props) {
     const $ = reactCompilerRuntime.c(2);
     let t0;
@@ -4780,6 +4822,7 @@
       tooltip
     } = t0;
     const component = error instanceof Error ? error.message : error;
+    console.warn("ErrorView", JSON.stringify(error));
     let t1;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
       t1 = /* @__PURE__ */ jsxRuntime.jsx(ui.ErrorIcon, { className: "mx-2", size: "small", color: "error" });
@@ -12922,7 +12965,7 @@
     };
   }
   function NavigationGroup(t0) {
-    const $ = reactCompilerRuntime.c(26);
+    const $ = reactCompilerRuntime.c(42);
     const {
       children,
       group,
@@ -12930,97 +12973,144 @@
       isPreview,
       isPotentialCardDropTarget,
       onEditGroup,
-      dndDisabled
+      dndDisabled,
+      collapsed,
+      onToggleCollapsed
     } = t0;
     const [isHovered, setIsHovered] = React.useState(false);
     const currentGroupName = group ?? "Views";
-    const t1 = !isPotentialCardDropTarget ? "my-10" : "my-6";
+    const showCaret = !isPreview && !!onToggleCollapsed;
+    const t1 = isPreview ? "px-1 py-0.5" : "";
     let t2;
     if ($[0] !== t1) {
-      t2 = ui.cls(t1, "transition-all duration-200 ease-in-out");
+      t2 = ui.cls("flex items-center", t1);
       $[0] = t1;
       $[1] = t2;
     } else {
       t2 = $[1];
     }
-    const t3 = `flex items-center ${isPreview ? "px-1 py-0.5 m-0" : "ml-3.5 mt-6"} `;
+    const t3 = isPreview ? "body2" : "caption";
     let t4;
-    let t5;
     if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-      t4 = () => setIsHovered(true);
-      t5 = () => setIsHovered(false);
+      t4 = ui.cls("p-4 py-2 rounded", "font-medium uppercase text-sm text-surface-600 dark:text-surface-400");
       $[2] = t4;
-      $[3] = t5;
     } else {
       t4 = $[2];
-      t5 = $[3];
     }
-    const t6 = isPreview ? "body2" : "caption";
-    const t7 = `${isPreview ? "px-1 py-0.5" : "ml-3.5"} font-medium uppercase text-sm text-surface-600 dark:text-surface-400`;
-    let t8;
-    if ($[4] !== currentGroupName || $[5] !== t6 || $[6] !== t7) {
-      t8 = /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: t6, component: "h2", color: "secondary", className: t7, children: currentGroupName });
-      $[4] = currentGroupName;
-      $[5] = t6;
-      $[6] = t7;
-      $[7] = t8;
+    let t5;
+    if ($[3] !== currentGroupName || $[4] !== t3) {
+      t5 = /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: t3, component: "h2", color: "secondary", className: t4, children: currentGroupName });
+      $[3] = currentGroupName;
+      $[4] = t3;
+      $[5] = t5;
     } else {
-      t8 = $[7];
+      t5 = $[5];
     }
-    let t9;
-    if ($[8] !== currentGroupName || $[9] !== dndDisabled || $[10] !== isHovered || $[11] !== isPreview || $[12] !== onEditGroup) {
-      t9 = !isPreview && onEditGroup && !dndDisabled && /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { size: "smallest", onClick: (e) => {
+    let t6;
+    if ($[6] !== currentGroupName || $[7] !== dndDisabled || $[8] !== isHovered || $[9] !== isPreview || $[10] !== onEditGroup) {
+      t6 = !isPreview && onEditGroup && !dndDisabled && /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { size: "smallest", onClick: (e) => {
         e.stopPropagation();
         onEditGroup(currentGroupName);
       }, className: ui.cls("ml-2 ", isHovered ? "opacity-100" : "opacity-0", "transition-opacity duration-100"), children: /* @__PURE__ */ jsxRuntime.jsx(ui.EditIcon, { size: "smallest" }) });
-      $[8] = currentGroupName;
-      $[9] = dndDisabled;
-      $[10] = isHovered;
-      $[11] = isPreview;
-      $[12] = onEditGroup;
-      $[13] = t9;
+      $[6] = currentGroupName;
+      $[7] = dndDisabled;
+      $[8] = isHovered;
+      $[9] = isPreview;
+      $[10] = onEditGroup;
+      $[11] = t6;
+    } else {
+      t6 = $[11];
+    }
+    let t7;
+    if ($[12] !== t2 || $[13] !== t5 || $[14] !== t6) {
+      t7 = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: t2, children: [
+        t5,
+        t6
+      ] });
+      $[12] = t2;
+      $[13] = t5;
+      $[14] = t6;
+      $[15] = t7;
+    } else {
+      t7 = $[15];
+    }
+    const TitleContent = t7;
+    const t8 = !isPotentialCardDropTarget ? "my-10" : "my-6";
+    let t9;
+    if ($[16] !== t8) {
+      t9 = ui.cls(t8, "transition-all duration-200 ease-in-out");
+      $[16] = t8;
+      $[17] = t9;
     } else {
-      t9 = $[13];
+      t9 = $[17];
     }
     let t10;
-    if ($[14] !== t3 || $[15] !== t8 || $[16] !== t9) {
-      t10 = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: t3, onMouseEnter: t4, onMouseLeave: t5, children: [
-        t8,
-        t9
+    if ($[18] !== TitleContent || $[19] !== children || $[20] !== isPreview) {
+      t10 = isPreview && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: ui.cls("flex items-center justify-between w-full", "p-4 py-2"), onMouseEnter: () => setIsHovered(true), onMouseLeave: () => setIsHovered(false), children: TitleContent }),
+        children
       ] });
-      $[14] = t3;
-      $[15] = t8;
-      $[16] = t9;
-      $[17] = t10;
+      $[18] = TitleContent;
+      $[19] = children;
+      $[20] = isPreview;
+      $[21] = t10;
     } else {
-      t10 = $[17];
+      t10 = $[21];
     }
     let t11;
-    if ($[18] !== children || $[19] !== isPreview || $[20] !== minimised) {
-      t11 = isPreview ? children : minimised ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: ui.cls("mt-4 p-8 bg-surface-accent-200 dark:bg-surface-accent-800 rounded-lg"), style: {
+    if ($[22] !== TitleContent || $[23] !== children || $[24] !== collapsed || $[25] !== isPreview || $[26] !== minimised || $[27] !== onToggleCollapsed || $[28] !== showCaret) {
+      t11 = !isPreview && showCaret && /* @__PURE__ */ jsxRuntime.jsx(ui.ExpandablePanel, { invisible: true, expanded: !collapsed, onExpandedChange: (open) => {
+        if (open !== !collapsed) {
+          onToggleCollapsed?.();
+        }
+      }, className: ui.cls("mt-6"), titleClassName: ui.cls("min-h-0 p-0 border-none", "rounded-t flex items-center justify-between w-full", "hover:bg-transparent", "cursor-pointer select-none"), innerClassName: ui.cls("mt-4", !minimised ? "pt-0" : ""), title: /* @__PURE__ */ jsxRuntime.jsx("div", { onMouseEnter: () => setIsHovered(true), onMouseLeave: () => setIsHovered(false), className: "flex items-center", children: TitleContent }), children: minimised ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: ui.cls("mt-4 p-8 bg-surface-accent-200 dark:bg-surface-accent-800 rounded-lg"), style: {
         minHeight: "50px"
-      } }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: ui.cls("mt-4", !minimised ? "pt-0" : ""), children });
-      $[18] = children;
-      $[19] = isPreview;
-      $[20] = minimised;
-      $[21] = t11;
+      } }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: ui.cls("mt-4", !minimised ? "pt-0" : ""), children }) });
+      $[22] = TitleContent;
+      $[23] = children;
+      $[24] = collapsed;
+      $[25] = isPreview;
+      $[26] = minimised;
+      $[27] = onToggleCollapsed;
+      $[28] = showCaret;
+      $[29] = t11;
     } else {
-      t11 = $[21];
+      t11 = $[29];
     }
     let t12;
-    if ($[22] !== t10 || $[23] !== t11 || $[24] !== t2) {
-      t12 = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: t2, children: [
+    if ($[30] !== TitleContent || $[31] !== children || $[32] !== collapsed || $[33] !== isPreview || $[34] !== minimised || $[35] !== showCaret) {
+      t12 = !isPreview && !showCaret && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: ui.cls("flex items-center justify-between w-full", "mt-6"), onMouseEnter: () => setIsHovered(true), onMouseLeave: () => setIsHovered(false), children: TitleContent }),
+        !collapsed && (minimised ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: ui.cls("mt-4 p-8 bg-surface-accent-200 dark:bg-surface-accent-800 rounded-lg"), style: {
+          minHeight: "50px"
+        } }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: ui.cls("mt-4", !minimised ? "pt-0" : ""), children }))
+      ] });
+      $[30] = TitleContent;
+      $[31] = children;
+      $[32] = collapsed;
+      $[33] = isPreview;
+      $[34] = minimised;
+      $[35] = showCaret;
+      $[36] = t12;
+    } else {
+      t12 = $[36];
+    }
+    let t13;
+    if ($[37] !== t10 || $[38] !== t11 || $[39] !== t12 || $[40] !== t9) {
+      t13 = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: t9, children: [
         t10,
-        t11
+        t11,
+        t12
       ] });
-      $[22] = t10;
-      $[23] = t11;
-      $[24] = t2;
-      $[25] = t12;
+      $[37] = t10;
+      $[38] = t11;
+      $[39] = t12;
+      $[40] = t9;
+      $[41] = t13;
     } else {
-      t12 = $[25];
+      t13 = $[41];
     }
-    return t12;
+    return t13;
   }
   const NavigationCard = React.memo(function NavigationCard2(t0) {
     const $ = reactCompilerRuntime.c(25);
@@ -14219,6 +14309,11 @@
       }] : draggable;
       onNavigationEntriesUpdate(all);
     };
+    const groupNames = React.useMemo(() => [...items.map((item) => item.name), ...adminGroupData ? [adminGroupData.name] : []], [items, adminGroupData]);
+    const {
+      isGroupCollapsed,
+      toggleGroupCollapsed
+    } = useCollapsedGroups(groupNames);
     const {
       sensors,
       collisionDetection,
@@ -14304,7 +14399,7 @@
             return /* @__PURE__ */ jsxRuntime.jsx(SortableNavigationGroup, { groupName: groupKey, disabled: dndDisabled, children: /* @__PURE__ */ jsxRuntime.jsx(NavigationGroup, { group: groupKey === DEFAULT_GROUP_NAME ? void 0 : groupKey, minimised: draggingGroupId === groupKey && !isDraggingCardOnly, isPotentialCardDropTarget: isDraggingCardOnly, dndDisabled, onEditGroup: () => {
               if (dndDisabled) return;
               setDialogOpenForGroup(groupKey);
-            }, children: /* @__PURE__ */ jsxRuntime.jsx(NavigationGroupDroppable, { id: groupKey, itemIds: entriesInGroup.map((e_4) => e_4.url), isPotentialCardDropTarget: isDraggingCardOnly, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 ", children: [
+            }, collapsed: isGroupCollapsed(groupKey), onToggleCollapsed: () => toggleGroupCollapsed(groupKey), children: /* @__PURE__ */ jsxRuntime.jsx(NavigationGroupDroppable, { id: groupKey, itemIds: entriesInGroup.map((e_4) => e_4.url), isPotentialCardDropTarget: isDraggingCardOnly, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 ", children: [
               entriesInGroup.map((entry) => /* @__PURE__ */ jsxRuntime.jsx(SortableNavigationCard, { entry, onClick: () => {
                 let event = "unmapped_event";
                 if (entry.type === "collection") event = "home_navigate_to_collection";
@@ -14323,7 +14418,7 @@
             margin: 0
           }, children: /* @__PURE__ */ jsxRuntime.jsx(NavigationGroup, { group: activeGroupData.name === DEFAULT_GROUP_NAME ? void 0 : activeGroupData.name, isPreview: false, minimised: true }) }) : activeItemForOverlay ? /* @__PURE__ */ jsxRuntime.jsx(NavigationCardBinding, { ...activeItemForOverlay, shrink: isHoveringNewGroupDropZone }) : null })
         ] }),
-        !performingSearch && adminGroupData && /* @__PURE__ */ jsxRuntime.jsx(NavigationGroup, { group: adminGroupData.name, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 ", children: adminGroupData.entries.map((entry_0) => /* @__PURE__ */ jsxRuntime.jsx(NavigationCardBinding, { ...entry_0, onClick: () => {
+        !performingSearch && adminGroupData && /* @__PURE__ */ jsxRuntime.jsx(NavigationGroup, { group: adminGroupData.name, collapsed: isGroupCollapsed(adminGroupData.name), onToggleCollapsed: () => toggleGroupCollapsed(adminGroupData.name), children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 ", children: adminGroupData.entries.map((entry_0) => /* @__PURE__ */ jsxRuntime.jsx(NavigationCardBinding, { ...entry_0, onClick: () => {
           let event_0 = "unmapped_event";
           if (entry_0.type === "collection") event_0 = "home_navigate_to_collection";
           else if (entry_0.type === "view") event_0 = "home_navigate_to_view";
@@ -21367,7 +21462,7 @@
     }
     return t2;
   }
-  const fireCMSLogo = "data:image/png;base64,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\n";
+  const fireCMSLogo = "data:image/png;base64,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";
   function useBrowserTitleAndIcon(name, logo) {
     const $ = reactCompilerRuntime.c(4);
     let t0;
@@ -25791,6 +25886,7 @@
   exports2.useBuildNavigationController = useBuildNavigationController;
   exports2.useClearRestoreValue = useClearRestoreValue;
   exports2.useClipboard = useClipboard;
+  exports2.useCollapsedGroups = useCollapsedGroups;
   exports2.useCollectionFetch = useCollectionFetch;
   exports2.useColumnIds = useColumnIds;
   exports2.useCustomizationController = useCustomizationController;