@firecms/core 3.1.0-canary.1df3b2c → 3.1.0-canary.9e89e98

package/dist/index.umd.js

@@ -18341,13 +18341,13 @@
       ] })
     ] });
   }
+  const ALL_VIEW_MODES = ["table", "cards", "kanban"];
   function ViewModeToggle(t0) {
-    const $ = reactCompilerRuntime.c(42);
+    const $ = reactCompilerRuntime.c(36);
     const {
       viewMode: t1,
       onViewModeChange,
-      kanbanEnabled: t2,
-      hasKanbanConfigPlugin: t3,
+      enabledViews: t2,
       size,
       onSizeChanged,
       open,
@@ -18357,14 +18357,13 @@
       onKanbanPropertyChange
     } = t0;
     const viewMode = t1 === void 0 ? "table" : t1;
-    const kanbanEnabled = t2 === void 0 ? false : t2;
-    const hasKanbanConfigPlugin = t3 === void 0 ? false : t3;
+    const enabledViews = t2 === void 0 ? ALL_VIEW_MODES : t2;
     if (!onViewModeChange) {
       return null;
     }
-    let t4;
+    let t3;
     if ($[0] !== viewMode) {
-      t4 = () => {
+      t3 = () => {
         if (viewMode === "kanban") {
           return /* @__PURE__ */ jsxRuntime.jsx(ui.ViewKanbanIcon, { size: "small" });
         }
@@ -18374,14 +18373,14 @@
         return /* @__PURE__ */ jsxRuntime.jsx(ui.ListIcon, { size: "small" });
       };
       $[0] = viewMode;
-      $[1] = t4;
+      $[1] = t3;
     } else {
-      t4 = $[1];
+      t3 = $[1];
     }
-    const getViewModeIcon = t4;
-    let t5;
+    const getViewModeIcon = t3;
+    let t4;
     if ($[2] !== viewMode) {
-      t5 = () => {
+      t4 = () => {
         if (viewMode === "kanban") {
           return "Board";
         }
@@ -18391,177 +18390,151 @@
         return "List";
       };
       $[2] = viewMode;
-      $[3] = t5;
+      $[3] = t4;
     } else {
-      t5 = $[3];
+      t4 = $[3];
     }
-    const getViewModeName = t5;
-    const showKanban = kanbanEnabled || hasKanbanConfigPlugin;
+    const getViewModeName = t4;
     const showSizeSelector = size && onSizeChanged && (viewMode === "table" || viewMode === "cards");
     const showKanbanPropertySelector = viewMode === "kanban" && kanbanPropertyOptions && kanbanPropertyOptions.length > 0 && onKanbanPropertyChange;
+    let t5;
     let t6;
-    let t7;
     if ($[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-      t7 = {
-        value: "table",
-        label: "List",
-        icon: /* @__PURE__ */ jsxRuntime.jsx(ui.ListIcon, { size: "small" })
-      };
-      $[4] = t7;
+      t6 = /* @__PURE__ */ jsxRuntime.jsx(ui.ListIcon, { size: "small" });
+      $[4] = t6;
     } else {
-      t7 = $[4];
+      t6 = $[4];
     }
-    let t8;
-    if ($[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-      t8 = {
+    let t7;
+    if ($[5] !== enabledViews) {
+      const allOptions = [{
+        value: "table",
+        label: "List",
+        icon: t6
+      }, {
         value: "cards",
         label: "Cards",
         icon: /* @__PURE__ */ jsxRuntime.jsx(ui.AppsIcon, { size: "small" })
-      };
-      $[5] = t8;
+      }, {
+        value: "kanban",
+        label: "Board",
+        icon: /* @__PURE__ */ jsxRuntime.jsx(ui.ViewKanbanIcon, { size: "small" })
+      }];
+      t7 = allOptions.filter((option) => enabledViews.includes(option.value));
+      $[5] = enabledViews;
+      $[6] = t7;
     } else {
-      t8 = $[5];
+      t7 = $[6];
     }
-    let options;
-    if ($[6] !== hasKanbanConfigPlugin || $[7] !== kanbanEnabled || $[8] !== showKanban) {
-      options = [t7, t8];
-      if (showKanban) {
-        let t92;
-        if ($[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-          t92 = /* @__PURE__ */ jsxRuntime.jsx(ui.ViewKanbanIcon, { size: "small" });
-          $[10] = t92;
-        } else {
-          t92 = $[10];
-        }
-        const t102 = !kanbanEnabled && !hasKanbanConfigPlugin;
-        let t112;
-        if ($[11] !== t102) {
-          t112 = {
-            value: "kanban",
-            label: "Board",
-            icon: t92,
-            disabled: t102
-          };
-          $[11] = t102;
-          $[12] = t112;
-        } else {
-          t112 = $[12];
-        }
-        options.push(t112);
-      }
-      $[6] = hasKanbanConfigPlugin;
-      $[7] = kanbanEnabled;
-      $[8] = showKanban;
-      $[9] = options;
+    t5 = t7;
+    const viewModeOptions = t5;
+    if (viewModeOptions.length <= 1 && !showSizeSelector) {
+      return null;
+    }
+    let t8;
+    if ($[7] !== getViewModeIcon) {
+      t8 = getViewModeIcon();
+      $[7] = getViewModeIcon;
+      $[8] = t8;
     } else {
-      options = $[9];
+      t8 = $[8];
     }
-    t6 = options;
-    const viewModeOptions = t6;
-    let t9;
-    if ($[13] !== getViewModeIcon) {
-      t9 = getViewModeIcon();
-      $[13] = getViewModeIcon;
-      $[14] = t9;
+    const t9 = getViewModeName();
+    let t10;
+    if ($[9] !== t9) {
+      t10 = /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-1 text-sm", children: t9 });
+      $[9] = t9;
+      $[10] = t10;
     } else {
-      t9 = $[14];
+      t10 = $[10];
     }
-    const t10 = getViewModeName();
     let t11;
-    if ($[15] !== t10) {
-      t11 = /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-1 text-sm", children: t10 });
-      $[15] = t10;
-      $[16] = t11;
+    if ($[11] !== t10 || $[12] !== t8) {
+      t11 = /* @__PURE__ */ jsxRuntime.jsxs(ui.Button, { size: "small", children: [
+        t8,
+        t10
+      ] });
+      $[11] = t10;
+      $[12] = t8;
+      $[13] = t11;
     } else {
-      t11 = $[16];
+      t11 = $[13];
     }
     let t12;
-    if ($[17] !== t11 || $[18] !== t9) {
-      t12 = /* @__PURE__ */ jsxRuntime.jsxs(ui.Button, { size: "small", children: [
-        t9,
-        t11
-      ] });
-      $[17] = t11;
-      $[18] = t9;
-      $[19] = t12;
+    if ($[14] !== onViewModeChange || $[15] !== viewMode || $[16] !== viewModeOptions) {
+      t12 = viewModeOptions.length > 1 && /* @__PURE__ */ jsxRuntime.jsx(ui.ToggleButtonGroup, { value: viewMode, onValueChange: onViewModeChange, options: viewModeOptions });
+      $[14] = onViewModeChange;
+      $[15] = viewMode;
+      $[16] = viewModeOptions;
+      $[17] = t12;
     } else {
-      t12 = $[19];
+      t12 = $[17];
     }
     let t13;
-    if ($[20] !== onViewModeChange || $[21] !== viewMode || $[22] !== viewModeOptions) {
-      t13 = /* @__PURE__ */ jsxRuntime.jsx(ui.ToggleButtonGroup, { value: viewMode, onValueChange: onViewModeChange, options: viewModeOptions });
-      $[20] = onViewModeChange;
-      $[21] = viewMode;
-      $[22] = viewModeOptions;
-      $[23] = t13;
-    } else {
-      t13 = $[23];
-    }
-    let t14;
-    if ($[24] !== onSizeChanged || $[25] !== showSizeSelector || $[26] !== size) {
-      t14 = showSizeSelector && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-row items-center justify-between gap-2", children: [
+    if ($[18] !== onSizeChanged || $[19] !== showSizeSelector || $[20] !== size) {
+      t13 = showSizeSelector && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-row items-center justify-between gap-2", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 text-sm text-surface-600 dark:text-surface-300", children: [
           /* @__PURE__ */ jsxRuntime.jsx(ui.ViewColumnIcon, { size: "small" }),
           /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Size" })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx(ui.Select, { value: size, size: "small", className: "w-20", onValueChange: (v) => onSizeChanged?.(v), renderValue: _temp$e, children: ["xs", "s", "m", "l", "xl"].map(_temp2$5) })
       ] });
-      $[24] = onSizeChanged;
-      $[25] = showSizeSelector;
-      $[26] = size;
-      $[27] = t14;
+      $[18] = onSizeChanged;
+      $[19] = showSizeSelector;
+      $[20] = size;
+      $[21] = t13;
     } else {
-      t14 = $[27];
+      t13 = $[21];
     }
-    let t15;
-    if ($[28] !== kanbanPropertyOptions || $[29] !== onKanbanPropertyChange || $[30] !== selectedKanbanProperty || $[31] !== showKanbanPropertySelector) {
-      t15 = showKanbanPropertySelector && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-row items-center justify-between gap-2", children: [
+    let t14;
+    if ($[22] !== kanbanPropertyOptions || $[23] !== onKanbanPropertyChange || $[24] !== selectedKanbanProperty || $[25] !== showKanbanPropertySelector) {
+      t14 = showKanbanPropertySelector && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-row items-center justify-between gap-2", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 text-sm text-surface-600 dark:text-surface-300", children: [
           /* @__PURE__ */ jsxRuntime.jsx(ui.ViewKanbanIcon, { size: "small" }),
           /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Group by" })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx(ui.Select, { value: selectedKanbanProperty, size: "small", className: "w-32", onValueChange: (v_1) => onKanbanPropertyChange?.(v_1), renderValue: (v_2) => {
-          const option = kanbanPropertyOptions?.find((o) => o.key === v_2);
-          return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium truncate", children: option?.label ?? v_2 });
+          const option_0 = kanbanPropertyOptions?.find((o) => o.key === v_2);
+          return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium truncate", children: option_0?.label ?? v_2 });
         }, children: kanbanPropertyOptions?.map(_temp3$3) })
       ] });
-      $[28] = kanbanPropertyOptions;
-      $[29] = onKanbanPropertyChange;
-      $[30] = selectedKanbanProperty;
-      $[31] = showKanbanPropertySelector;
-      $[32] = t15;
+      $[22] = kanbanPropertyOptions;
+      $[23] = onKanbanPropertyChange;
+      $[24] = selectedKanbanProperty;
+      $[25] = showKanbanPropertySelector;
+      $[26] = t14;
     } else {
-      t15 = $[32];
+      t14 = $[26];
     }
-    let t16;
-    if ($[33] !== t13 || $[34] !== t14 || $[35] !== t15) {
-      t16 = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-3 flex flex-col gap-3 min-w-[240px]", children: [
+    let t15;
+    if ($[27] !== t12 || $[28] !== t13 || $[29] !== t14) {
+      t15 = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-3 flex flex-col gap-3 min-w-[240px]", children: [
+        t12,
         t13,
-        t14,
-        t15
+        t14
       ] });
-      $[33] = t13;
-      $[34] = t14;
-      $[35] = t15;
-      $[36] = t16;
+      $[27] = t12;
+      $[28] = t13;
+      $[29] = t14;
+      $[30] = t15;
     } else {
-      t16 = $[36];
+      t15 = $[30];
     }
-    let t17;
-    if ($[37] !== onOpenChange || $[38] !== open || $[39] !== t12 || $[40] !== t16) {
-      t17 = /* @__PURE__ */ jsxRuntime.jsx(ui.Popover, { open, onOpenChange, modal: true, trigger: t12, children: t16 });
-      $[37] = onOpenChange;
-      $[38] = open;
-      $[39] = t12;
-      $[40] = t16;
-      $[41] = t17;
+    let t16;
+    if ($[31] !== onOpenChange || $[32] !== open || $[33] !== t11 || $[34] !== t15) {
+      t16 = /* @__PURE__ */ jsxRuntime.jsx(ui.Popover, { open, onOpenChange, modal: true, trigger: t11, children: t15 });
+      $[31] = onOpenChange;
+      $[32] = open;
+      $[33] = t11;
+      $[34] = t15;
+      $[35] = t16;
     } else {
-      t17 = $[41];
+      t16 = $[35];
     }
-    return t17;
+    return t16;
   }
-  function _temp3$3(option_0) {
-    return /* @__PURE__ */ jsxRuntime.jsx(ui.SelectItem, { value: option_0.key, children: option_0.label }, option_0.key);
+  function _temp3$3(option_1) {
+    return /* @__PURE__ */ jsxRuntime.jsx(ui.SelectItem, { value: option_1.key, children: option_1.label }, option_1.key);
   }
   function _temp2$5(s) {
     return /* @__PURE__ */ jsxRuntime.jsx(ui.SelectItem, { value: s, className: "font-medium text-center", children: s.toUpperCase() }, s);
@@ -24562,24 +24535,26 @@
       propertyConfigs: customizationController.propertyConfigs,
       authController
     }), [collection, fullPath]);
-    const kanbanEnabled = React.useMemo(() => {
-      if (!collection.kanban?.columnProperty) return false;
-      const property_0 = getPropertyInPath(resolvedCollection.properties, collection.kanban.columnProperty);
-      if (!property_0 || !("dataType" in property_0) || property_0.dataType !== "string") return false;
-      return Boolean(property_0.enumValues);
-    }, [collection.kanban?.columnProperty, resolvedCollection.properties]);
-    const hasKanbanConfigPlugin = React.useMemo(() => {
-      return customizationController.plugins?.some((plugin_0) => plugin_0.collectionView?.KanbanSetupComponent) ?? false;
-    }, [customizationController.plugins]);
+    const hasEnumProperty = React.useMemo(() => {
+      const properties = resolvedCollection.properties;
+      return Object.values(properties).some((prop) => prop && prop.dataType === "string" && prop.enumValues);
+    }, [resolvedCollection.properties]);
+    const enabledViews = React.useMemo(() => {
+      const configured = collection.enabledViews ?? ["table", "cards", "kanban"];
+      if (!hasEnumProperty) {
+        return configured.filter((v) => v !== "kanban");
+      }
+      return configured;
+    }, [collection.enabledViews, hasEnumProperty]);
     const kanbanPropertyOptions = React.useMemo(() => {
       const options = [];
-      const properties = resolvedCollection.properties;
-      for (const [key_0, property_1] of Object.entries(properties)) {
-        const prop = property_1;
-        if (prop && prop.dataType === "string" && prop.enumValues) {
+      const properties_0 = resolvedCollection.properties;
+      for (const [key_0, property_0] of Object.entries(properties_0)) {
+        const prop_0 = property_0;
+        if (prop_0 && prop_0.dataType === "string" && prop_0.enumValues) {
           options.push({
             key: key_0,
-            label: prop.name || key_0
+            label: prop_0.name || key_0
           });
         }
       }
@@ -24607,11 +24582,11 @@
         }
       }
     }, [kanbanPropertyOptions, selectedKanbanProperty, getSavedKanbanProperty, collection.kanban?.columnProperty]);
-    const onKanbanPropertyChange = React.useCallback((property_2) => {
-      setSelectedKanbanProperty(property_2);
+    const onKanbanPropertyChange = React.useCallback((property_1) => {
+      setSelectedKanbanProperty(property_1);
       if (userConfigPersistence) {
         onCollectionModifiedForUser(fullPath, {
-          kanbanColumnProperty: property_2
+          kanbanColumnProperty: property_1
         });
       }
     }, [userConfigPersistence, onCollectionModifiedForUser, fullPath]);
@@ -24726,15 +24701,15 @@
     }, [docsCount, fullPath, breadcrumbs.updateCount]);
     const countFetcher = /* @__PURE__ */ jsxRuntime.jsx(EntitiesCount, { fullPath, collection, filter: tableController.filterValues, sortBy: tableController.sortBy, onCountChange: setDocsCount });
     const buildAdditionalHeaderWidget = React.useCallback(({
-      property: property_3,
+      property: property_2,
       propertyKey: propertyKey_1,
       onHover
     }) => {
       const collection_4 = collectionRef.current;
       if (!customizationController.plugins) return null;
-      return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: customizationController.plugins.filter((plugin_1) => plugin_1.collectionView?.HeaderAction).map((plugin_2, i) => {
-        const HeaderAction = plugin_2.collectionView.HeaderAction;
-        return /* @__PURE__ */ jsxRuntime.jsx(HeaderAction, { onHover, propertyKey: propertyKey_1, property: property_3, fullPath, collection: collection_4, tableController, parentCollectionIds: parentCollectionIds ?? [] }, `plugin_header_action_${i}`);
+      return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: customizationController.plugins.filter((plugin_0) => plugin_0.collectionView?.HeaderAction).map((plugin_1, i) => {
+        const HeaderAction = plugin_1.collectionView.HeaderAction;
+        return /* @__PURE__ */ jsxRuntime.jsx(HeaderAction, { onHover, propertyKey: propertyKey_1, property: property_2, fullPath, collection: collection_4, tableController, parentCollectionIds: parentCollectionIds ?? [] }, `plugin_header_action_${i}`);
       }) });
     }, [customizationController.plugins, fullPath, parentCollectionIds]);
     const addColumnComponentInternal = AddColumnComponent ? function() {
@@ -24752,11 +24727,11 @@
       parentCollectionIds
     });
     const [viewModePopoverOpen, setViewModePopoverOpen] = React.useState(false);
-    const viewModeToggleElement = /* @__PURE__ */ jsxRuntime.jsx(ViewModeToggle, { viewMode, onViewModeChange, kanbanEnabled, hasKanbanConfigPlugin, size: viewMode === "table" ? tableSize : viewMode === "cards" ? cardSize : void 0, onSizeChanged: viewMode === "table" ? onTableSizeChanged : viewMode === "cards" ? setCardSize : void 0, open: viewModePopoverOpen, onOpenChange: setViewModePopoverOpen, kanbanPropertyOptions, selectedKanbanProperty, onKanbanPropertyChange });
+    const viewModeToggleElement = /* @__PURE__ */ jsxRuntime.jsx(ViewModeToggle, { viewMode, onViewModeChange, enabledViews, size: viewMode === "table" ? tableSize : viewMode === "cards" ? cardSize : void 0, onSizeChanged: viewMode === "table" ? onTableSizeChanged : viewMode === "cards" ? setCardSize : void 0, open: viewModePopoverOpen, onOpenChange: setViewModePopoverOpen, kanbanPropertyOptions, selectedKanbanProperty, onKanbanPropertyChange });
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ui.cls("overflow-hidden h-full w-full rounded-md flex flex-col", className), ref: containerRef, children: [
       countFetcher,
       /* @__PURE__ */ jsxRuntime.jsx(CollectionTableToolbar, { loading: tableController.dataLoading, onTextSearch: textSearchEnabled && textSearchInitialised ? tableController.setSearchString : void 0, onTextSearchClick: textSearchEnabled && !textSearchInitialised ? onTextSearchClick : void 0, textSearchLoading, viewModeToggle: viewModeToggleElement, actionsStart: /* @__PURE__ */ jsxRuntime.jsx(EntityCollectionViewStartActions, { parentCollectionIds: parentCollectionIds ?? [], collection, tableController, path: fullPath, relativePath: collection.path, selectionController: usedSelectionController, collectionEntitiesCount: docsCount, resolvedProperties: resolvedCollection.properties }), actions: /* @__PURE__ */ jsxRuntime.jsx(EntityCollectionViewActions, { parentCollectionIds: parentCollectionIds ?? [], collection, tableController, onMultipleDeleteClick, onNewClick, path: fullPath, relativePath: collection.path, selectionController: usedSelectionController, selectionEnabled, collectionEntitiesCount: docsCount }) }),
-      viewMode === "kanban" && (kanbanEnabled || hasKanbanConfigPlugin) ? /* @__PURE__ */ jsxRuntime.jsx(EntityCollectionBoardView, { collection, tableController, fullPath, parentCollectionIds, columnProperty: selectedKanbanProperty, onEntityClick, selectionController: usedSelectionController, selectionEnabled, highlightedEntities: highlightedEntity ? [highlightedEntity] : [], deletedEntities, emptyComponent: canCreateEntities && tableController.filterValues === void 0 && tableController.sortBy === void 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-center", children: [
+      viewMode === "kanban" && enabledViews.includes("kanban") ? /* @__PURE__ */ jsxRuntime.jsx(EntityCollectionBoardView, { collection, tableController, fullPath, parentCollectionIds, columnProperty: selectedKanbanProperty, onEntityClick, selectionController: usedSelectionController, selectionEnabled, highlightedEntities: highlightedEntity ? [highlightedEntity] : [], deletedEntities, emptyComponent: canCreateEntities && tableController.filterValues === void 0 && tableController.sortBy === void 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-center", children: [
         /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "subtitle2", children: "So empty..." }),
         /* @__PURE__ */ jsxRuntime.jsxs(ui.Button, { onClick: onNewClick, className: "mt-4", children: [
           /* @__PURE__ */ jsxRuntime.jsx(ui.AddIcon, {}),
@@ -24783,8 +24758,8 @@
         });
         setLocalPropertiesOrder(newPropertiesOrder);
         if (customizationController?.plugins) {
-          customizationController.plugins.filter((plugin_3) => plugin_3.collectionView?.onColumnsReorder).forEach((plugin_4) => {
-            plugin_4.collectionView.onColumnsReorder({
+          customizationController.plugins.filter((plugin_2) => plugin_2.collectionView?.onColumnsReorder).forEach((plugin_3) => {
+            plugin_3.collectionView.onColumnsReorder({
               fullPath,
               parentCollectionIds: parentCollectionIds ?? [],
               collection,