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

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

@@ -7,16 +7,11 @@ export type ViewModeToggleProps = {
     viewMode?: ViewMode;
     onViewModeChange?: (mode: ViewMode) => void;
     /**
-     * Whether Kanban view mode is available for this collection.
-     * Should be true when collection.kanban is set with a valid enum property.
+     * Which view modes are enabled for this collection.
+     * Only these modes will appear in the toggle.
+     * Defaults to all three: ["table", "cards", "kanban"].
      */
-    kanbanEnabled?: boolean;
-    /**
-     * Whether a plugin exists that can configure Kanban (e.g., collection editor).
-     * When true, Kanban option is always shown (enabled or not based on kanbanEnabled).
-     * When false, Kanban option is shown but disabled.
-     */
-    hasKanbanConfigPlugin?: boolean;
+    enabledViews?: ViewMode[];
     /**
      * Current size for card/table views
      */
@@ -46,4 +41,4 @@ export type ViewModeToggleProps = {
      */
     onKanbanPropertyChange?: (property: string) => void;
 };
-export declare function ViewModeToggle({ viewMode, onViewModeChange, kanbanEnabled, hasKanbanConfigPlugin, size, onSizeChanged, open, onOpenChange, kanbanPropertyOptions, selectedKanbanProperty, onKanbanPropertyChange }: ViewModeToggleProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function ViewModeToggle({ viewMode, onViewModeChange, enabledViews, size, onSizeChanged, open, onOpenChange, kanbanPropertyOptions, selectedKanbanProperty, onKanbanPropertyChange }: ViewModeToggleProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/index.es.js

@@ -2,7 +2,7 @@ import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { c } from "react-compiler-runtime";
 import * as React from "react";
 import React__default, { useState, useRef, useEffect, useContext, useCallback, useMemo, createElement, createRef, createContext, forwardRef, memo, useLayoutEffect } from "react";
-import { getColorSchemeForSeed, CHIP_COLORS, FunctionsIcon, CircleIcon, iconKeys, coolIconKeys, Icon, Tooltip, ErrorIcon, Typography, IconButton, ContentCopyIcon, OpenInNewIcon, DescriptionIcon, cls, Skeleton, Chip, defaultBorderMixin, KeyboardTabIcon, Checkbox, AccountCircleIcon, Markdown, TextareaAutosize, focusedDisabled, MultiSelect, MultiSelectItem, Select, SelectItem, BooleanSwitch, DateTimeField, paperMixin, EditIcon, DoNotDisturbOnIcon, Menu, MenuItem, MoreVertIcon, Badge, CircularProgress, SearchBar, ArrowUpwardIcon, Popover, FilterListIcon, Button, CenteredView, AssignmentIcon, Label, CloseIcon, TextField, BooleanSwitchWithLabel, useOutsideAlerter, Dialog, DialogTitle, DialogContent, DialogActions, FileCopyIcon, DeleteIcon, AddIcon, StarIcon, Collapse, ExpandablePanel, ArrowForwardIcon, Card, cardMixin, cardClickableMixin, Container, getColorSchemeForKey, RefreshIcon, ViewColumnIcon, ViewKanbanIcon, AppsIcon, ListIcon, ToggleButtonGroup, LoadingButton, WarningIcon, KeyboardArrowDownIcon, VisibilityIcon, CheckIcon, CancelIcon, Alert, NotesIcon, InfoIcon, fieldBackgroundMixin, RemoveIcon, fieldBackgroundDisabledMixin, fieldBackgroundHoverMixin, ArrowDropDownIcon, FilterListOffIcon, SearchIcon, Avatar, DarkModeIcon, LightModeIcon, BrightnessMediumIcon, LogoutIcon, HandleIcon, KeyboardArrowUpIcon, debounce, AutoAwesomeIcon, OpenInFullIcon, Sheet, Tab, Tabs, CodeIcon, ExpandMoreIcon, ViewStreamIcon, RepeatIcon, BallotIcon, ScheduleIcon, AddLinkIcon, LinkIcon, DriveFolderUploadIcon, UploadFileIcon, FormatListNumberedIcon, NumbersIcon, PersonIcon, ListAltIcon, FlagIcon, MailIcon, HttpIcon, FormatQuoteIcon, SubjectIcon, ShortTextIcon, MenuIcon, ChevronLeftIcon } from "@firecms/ui";
+import { getColorSchemeForSeed, CHIP_COLORS, FunctionsIcon, CircleIcon, iconKeys, coolIconKeys, Icon, Tooltip, ErrorIcon, Typography, IconButton, ContentCopyIcon, OpenInNewIcon, DescriptionIcon, cls, Skeleton, Chip, defaultBorderMixin, KeyboardTabIcon, Checkbox, AccountCircleIcon, Markdown, TextareaAutosize, focusedDisabled, MultiSelect, MultiSelectItem, Select, SelectItem, BooleanSwitch, DateTimeField, paperMixin, EditIcon, DoNotDisturbOnIcon, Menu, MenuItem, MoreVertIcon, Badge, CircularProgress, SearchBar, ArrowUpwardIcon, Popover, FilterListIcon, Button, CenteredView, AssignmentIcon, Label, CloseIcon, TextField, BooleanSwitchWithLabel, useOutsideAlerter, Dialog, DialogTitle, DialogContent, DialogActions, FileCopyIcon, DeleteIcon, AddIcon, StarIcon, Collapse, ExpandablePanel, ArrowForwardIcon, Card, cardMixin, cardClickableMixin, Container, getColorSchemeForKey, RefreshIcon, ToggleButtonGroup, ViewColumnIcon, ViewKanbanIcon, AppsIcon, ListIcon, LoadingButton, WarningIcon, KeyboardArrowDownIcon, VisibilityIcon, CheckIcon, CancelIcon, Alert, NotesIcon, InfoIcon, fieldBackgroundMixin, RemoveIcon, fieldBackgroundDisabledMixin, fieldBackgroundHoverMixin, ArrowDropDownIcon, FilterListOffIcon, SearchIcon, Avatar, DarkModeIcon, LightModeIcon, BrightnessMediumIcon, LogoutIcon, HandleIcon, KeyboardArrowUpIcon, debounce, AutoAwesomeIcon, OpenInFullIcon, Sheet, Tab, Tabs, CodeIcon, ExpandMoreIcon, ViewStreamIcon, RepeatIcon, BallotIcon, ScheduleIcon, AddLinkIcon, LinkIcon, DriveFolderUploadIcon, UploadFileIcon, FormatListNumberedIcon, NumbersIcon, PersonIcon, ListAltIcon, FlagIcon, MailIcon, HttpIcon, FormatQuoteIcon, SubjectIcon, ShortTextIcon, MenuIcon, ChevronLeftIcon } from "@firecms/ui";
 import { SnackbarProvider as SnackbarProvider$1, useSnackbar } from "notistack";
 import hash from "object-hash";
 import { getIn, setIn, useFormex, useCreateFormex, Formex, Field } from "@firecms/formex";
@@ -18344,13 +18344,13 @@ function EntityCollectionBoardView({
     ] })
   ] });
 }
+const ALL_VIEW_MODES = ["table", "cards", "kanban"];
 function ViewModeToggle(t0) {
-  const $ = c(42);
+  const $ = c(36);
   const {
     viewMode: t1,
     onViewModeChange,
-    kanbanEnabled: t2,
-    hasKanbanConfigPlugin: t3,
+    enabledViews: t2,
     size,
     onSizeChanged,
     open,
@@ -18360,14 +18360,13 @@ function ViewModeToggle(t0) {
     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__ */ jsx(ViewKanbanIcon, { size: "small" });
       }
@@ -18377,14 +18376,14 @@ function ViewModeToggle(t0) {
       return /* @__PURE__ */ jsx(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";
       }
@@ -18394,177 +18393,151 @@ function ViewModeToggle(t0) {
       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__ */ jsx(ListIcon, { size: "small" })
-    };
-    $[4] = t7;
+    t6 = /* @__PURE__ */ jsx(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__ */ jsx(AppsIcon, { size: "small" })
-    };
-    $[5] = t8;
+    }, {
+      value: "kanban",
+      label: "Board",
+      icon: /* @__PURE__ */ jsx(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__ */ jsx(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__ */ 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__ */ jsx("span", { className: "ml-1 text-sm", children: t10 });
-    $[15] = t10;
-    $[16] = t11;
+  if ($[11] !== t10 || $[12] !== t8) {
+    t11 = /* @__PURE__ */ jsxs(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__ */ jsxs(Button, { size: "small", children: [
-      t9,
-      t11
-    ] });
-    $[17] = t11;
-    $[18] = t9;
-    $[19] = t12;
+  if ($[14] !== onViewModeChange || $[15] !== viewMode || $[16] !== viewModeOptions) {
+    t12 = viewModeOptions.length > 1 && /* @__PURE__ */ jsx(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__ */ jsx(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__ */ jsxs("div", { className: "flex flex-row items-center justify-between gap-2", children: [
+  if ($[18] !== onSizeChanged || $[19] !== showSizeSelector || $[20] !== size) {
+    t13 = showSizeSelector && /* @__PURE__ */ jsxs("div", { className: "flex flex-row items-center justify-between gap-2", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm text-surface-600 dark:text-surface-300", children: [
         /* @__PURE__ */ jsx(ViewColumnIcon, { size: "small" }),
         /* @__PURE__ */ jsx("span", { children: "Size" })
       ] }),
       /* @__PURE__ */ jsx(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__ */ 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__ */ jsxs("div", { className: "flex flex-row items-center justify-between gap-2", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm text-surface-600 dark:text-surface-300", children: [
         /* @__PURE__ */ jsx(ViewKanbanIcon, { size: "small" }),
         /* @__PURE__ */ jsx("span", { children: "Group by" })
       ] }),
       /* @__PURE__ */ jsx(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__ */ jsx("span", { className: "font-medium truncate", children: option?.label ?? v_2 });
+        const option_0 = kanbanPropertyOptions?.find((o) => o.key === v_2);
+        return /* @__PURE__ */ 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__ */ 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__ */ 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__ */ jsx(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__ */ jsx(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__ */ jsx(SelectItem, { value: option_0.key, children: option_0.label }, option_0.key);
+function _temp3$3(option_1) {
+  return /* @__PURE__ */ jsx(SelectItem, { value: option_1.key, children: option_1.label }, option_1.key);
 }
 function _temp2$5(s) {
   return /* @__PURE__ */ jsx(SelectItem, { value: s, className: "font-medium text-center", children: s.toUpperCase() }, s);
@@ -24565,24 +24538,26 @@ const EntityCollectionView = React__default.memo(function EntityCollectionView2(
     propertyConfigs: customizationController.propertyConfigs,
     authController
   }), [collection, fullPath]);
-  const kanbanEnabled = 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 = useMemo(() => {
-    return customizationController.plugins?.some((plugin_0) => plugin_0.collectionView?.KanbanSetupComponent) ?? false;
-  }, [customizationController.plugins]);
+  const hasEnumProperty = useMemo(() => {
+    const properties = resolvedCollection.properties;
+    return Object.values(properties).some((prop) => prop && prop.dataType === "string" && prop.enumValues);
+  }, [resolvedCollection.properties]);
+  const enabledViews = useMemo(() => {
+    const configured = collection.enabledViews ?? ["table", "cards", "kanban"];
+    if (!hasEnumProperty) {
+      return configured.filter((v) => v !== "kanban");
+    }
+    return configured;
+  }, [collection.enabledViews, hasEnumProperty]);
   const kanbanPropertyOptions = 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
         });
       }
     }
@@ -24610,11 +24585,11 @@ const EntityCollectionView = React__default.memo(function EntityCollectionView2(
       }
     }
   }, [kanbanPropertyOptions, selectedKanbanProperty, getSavedKanbanProperty, collection.kanban?.columnProperty]);
-  const onKanbanPropertyChange = useCallback((property_2) => {
-    setSelectedKanbanProperty(property_2);
+  const onKanbanPropertyChange = useCallback((property_1) => {
+    setSelectedKanbanProperty(property_1);
     if (userConfigPersistence) {
       onCollectionModifiedForUser(fullPath, {
-        kanbanColumnProperty: property_2
+        kanbanColumnProperty: property_1
       });
     }
   }, [userConfigPersistence, onCollectionModifiedForUser, fullPath]);
@@ -24729,15 +24704,15 @@ const EntityCollectionView = React__default.memo(function EntityCollectionView2(
   }, [docsCount, fullPath, breadcrumbs.updateCount]);
   const countFetcher = /* @__PURE__ */ jsx(EntitiesCount, { fullPath, collection, filter: tableController.filterValues, sortBy: tableController.sortBy, onCountChange: setDocsCount });
   const buildAdditionalHeaderWidget = useCallback(({
-    property: property_3,
+    property: property_2,
     propertyKey: propertyKey_1,
     onHover
   }) => {
     const collection_4 = collectionRef.current;
     if (!customizationController.plugins) return null;
-    return /* @__PURE__ */ jsx(Fragment, { children: customizationController.plugins.filter((plugin_1) => plugin_1.collectionView?.HeaderAction).map((plugin_2, i) => {
-      const HeaderAction = plugin_2.collectionView.HeaderAction;
-      return /* @__PURE__ */ jsx(HeaderAction, { onHover, propertyKey: propertyKey_1, property: property_3, fullPath, collection: collection_4, tableController, parentCollectionIds: parentCollectionIds ?? [] }, `plugin_header_action_${i}`);
+    return /* @__PURE__ */ jsx(Fragment, { children: customizationController.plugins.filter((plugin_0) => plugin_0.collectionView?.HeaderAction).map((plugin_1, i) => {
+      const HeaderAction = plugin_1.collectionView.HeaderAction;
+      return /* @__PURE__ */ 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() {
@@ -24755,11 +24730,11 @@ const EntityCollectionView = React__default.memo(function EntityCollectionView2(
     parentCollectionIds
   });
   const [viewModePopoverOpen, setViewModePopoverOpen] = useState(false);
-  const viewModeToggleElement = /* @__PURE__ */ 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__ */ 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__ */ jsxs("div", { className: cls("overflow-hidden h-full w-full rounded-md flex flex-col", className), ref: containerRef, children: [
     countFetcher,
     /* @__PURE__ */ jsx(CollectionTableToolbar, { loading: tableController.dataLoading, onTextSearch: textSearchEnabled && textSearchInitialised ? tableController.setSearchString : void 0, onTextSearchClick: textSearchEnabled && !textSearchInitialised ? onTextSearchClick : void 0, textSearchLoading, viewModeToggle: viewModeToggleElement, actionsStart: /* @__PURE__ */ jsx(EntityCollectionViewStartActions, { parentCollectionIds: parentCollectionIds ?? [], collection, tableController, path: fullPath, relativePath: collection.path, selectionController: usedSelectionController, collectionEntitiesCount: docsCount, resolvedProperties: resolvedCollection.properties }), actions: /* @__PURE__ */ jsx(EntityCollectionViewActions, { parentCollectionIds: parentCollectionIds ?? [], collection, tableController, onMultipleDeleteClick, onNewClick, path: fullPath, relativePath: collection.path, selectionController: usedSelectionController, selectionEnabled, collectionEntitiesCount: docsCount }) }),
-    viewMode === "kanban" && (kanbanEnabled || hasKanbanConfigPlugin) ? /* @__PURE__ */ 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__ */ jsxs("div", { className: "flex flex-col items-center justify-center", children: [
+    viewMode === "kanban" && enabledViews.includes("kanban") ? /* @__PURE__ */ 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__ */ jsxs("div", { className: "flex flex-col items-center justify-center", children: [
       /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", children: "So empty..." }),
       /* @__PURE__ */ jsxs(Button, { onClick: onNewClick, className: "mt-4", children: [
         /* @__PURE__ */ jsx(AddIcon, {}),
@@ -24786,8 +24761,8 @@ const EntityCollectionView = React__default.memo(function EntityCollectionView2(
       });
       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,