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

package/dist/components/EntityCollectionTable/internal/popup_field/useDraggable.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 interface DraggableProps {
-    containerRef: React.RefObject<HTMLDivElement>;
-    innerRef: React.RefObject<HTMLDivElement>;
+    containerRef: React.RefObject<HTMLDivElement | null>;
+    innerRef: React.RefObject<HTMLDivElement | null>;
     x?: number;
     y?: number;
     onMove: (params: {

package/dist/components/ErrorBoundary.d.ts

@@ -7,5 +7,5 @@ export declare class ErrorBoundary extends React.Component<PropsWithChildren<Rec
         error: Error;
     };
     componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
-    render(): string | number | boolean | Iterable<React.ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
+    render(): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
 }

package/dist/components/VirtualTable/VirtualTableHeader.d.ts

@@ -9,7 +9,7 @@ export type FilterFormFieldProps<CustomProps> = {
     setHidden: (hidden: boolean) => void;
 };
 type VirtualTableHeaderProps<M extends Record<string, any>> = {
-    resizeHandleRef: RefObject<HTMLDivElement>;
+    resizeHandleRef: RefObject<HTMLDivElement | null>;
     columnIndex: number;
     isResizingIndex: number;
     column: VirtualTableColumn<any>;

package/dist/form/components/ErrorFocus.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 export declare const ErrorFocus: ({ containerRef }: {
-    containerRef?: React.RefObject<HTMLDivElement>;
+    containerRef?: React.RefObject<HTMLDivElement | null>;
 }) => null;

package/dist/index.es.js

@@ -788,7 +788,7 @@ const resolveCollection = ({
   const defaultValues = getDefaultValuesFor(collection.properties);
   const usedValues = values ?? defaultValues;
   const usedPreviousValues = previousValues ?? values ?? defaultValues;
-  const resolvedProperties = Object.entries(collection.properties).map(([key, propertyOrBuilder]) => {
+  const resolvedProperties = Object.entries(collection.properties).filter(([, propertyOrBuilder]) => propertyOrBuilder != null).map(([key, propertyOrBuilder]) => {
     const childResolvedProperty = resolveProperty({
       propertyKey: key,
       propertyOrBuilder,
@@ -827,7 +827,7 @@ function resolveProperty({
   ignoreMissingFields = false,
   ...props
 }) {
-  if (typeof propertyOrBuilder === "object" && "resolved" in propertyOrBuilder) {
+  if (propertyOrBuilder !== null && typeof propertyOrBuilder === "object" && "resolved" in propertyOrBuilder) {
     return propertyOrBuilder;
   }
   let resolvedProperty = null;
@@ -3827,6 +3827,8 @@ function mergeCollection(target, source, parentPaths = [], modifyCollection) {
   return resultCollection;
 }
 function mergePropertyOrBuilder(target, source) {
+  if (!source) return target;
+  if (!target) return source;
   if (isPropertyBuilder(source)) {
     return source;
   } else if (isPropertyBuilder(target)) {
@@ -7580,7 +7582,7 @@ const PropertyPreview = React__default.memo(function PropertyPreview2(props) {
             } else {
               if (property.dataType === "map") {
                 if (typeof value === "object") {
-                  content = /* @__PURE__ */ jsx(MapPropertyPreview, { ...props, property });
+                  content = /* @__PURE__ */ jsx(MapPropertyPreview, { ...props, value, property });
                 } else {
                   content = buildWrongValueType(propertyKey, property.dataType, value);
                 }
@@ -8464,7 +8466,7 @@ function VirtualTableSelect(props) {
   const handleOpenChange = t4;
   let t5;
   if ($[11] !== disabled || $[12] !== enumValues || $[13] !== internalValue || $[14] !== multiple || $[15] !== onChange || $[16] !== renderValue || $[17] !== small || $[18] !== validValue) {
-    t5 = multiple ? /* @__PURE__ */ jsx(MultiSelect, { inputRef: ref, className: "w-full h-full p-0 bg-transparent", position: "item-aligned", disabled, includeClear: false, useChips: false, value: validValue ? internalValue.map(_temp2$b) : [], onValueChange: onChange, onOpenChange: handleOpenChange, children: enumValues?.map((enumConfig) => /* @__PURE__ */ jsx(MultiSelectItem, { value: String(enumConfig.id), children: /* @__PURE__ */ jsx(EnumValuesChip, { enumKey: enumConfig.id, enumValues, size: small ? "small" : "medium" }) }, enumConfig.id)) }) : /* @__PURE__ */ jsx(Select, { inputRef: ref, size: "large", fullWidth: true, className: "w-full h-full p-0 bg-transparent", inputClassName: "focus:ring-0 focus-visible:ring-0 outline-none focus:outline-none focus-visible:outline-none", position: "item-aligned", disabled, padding: false, value: validValue ? internalValue?.toString() : "", onValueChange: onChange, onOpenChange: handleOpenChange, renderValue, children: enumValues?.map((enumConfig_0) => /* @__PURE__ */ jsx(SelectItem, { value: String(enumConfig_0.id), children: /* @__PURE__ */ jsx(EnumValuesChip, { enumKey: enumConfig_0.id, enumValues, size: small ? "small" : "medium" }) }, enumConfig_0.id)) });
+    t5 = multiple ? /* @__PURE__ */ jsx(MultiSelect, { inputRef: ref, className: "w-full h-full p-0 bg-transparent outline-none", position: "item-aligned", disabled, includeClear: false, useChips: false, value: validValue ? internalValue.map(_temp2$b) : [], onValueChange: onChange, onOpenChange: handleOpenChange, children: enumValues?.map((enumConfig) => /* @__PURE__ */ jsx(MultiSelectItem, { value: String(enumConfig.id), children: /* @__PURE__ */ jsx(EnumValuesChip, { enumKey: enumConfig.id, enumValues, size: small ? "small" : "medium" }) }, enumConfig.id)) }) : /* @__PURE__ */ jsx(Select, { inputRef: ref, size: "large", fullWidth: true, className: "w-full h-full p-0 bg-transparent outline-none [&_button]:ring-0 [&_button]:ring-offset-0", inputClassName: "ring-0 ring-offset-0 focus:ring-0 focus-visible:ring-0 outline-none focus:outline-none focus-visible:outline-none focus-visible:ring-offset-0", position: "item-aligned", disabled, padding: false, value: validValue ? internalValue?.toString() : "", onValueChange: onChange, onOpenChange: handleOpenChange, renderValue, children: enumValues?.map((enumConfig_0) => /* @__PURE__ */ jsx(SelectItem, { value: String(enumConfig_0.id), children: /* @__PURE__ */ jsx(EnumValuesChip, { enumKey: enumConfig_0.id, enumValues, size: small ? "small" : "medium" }) }, enumConfig_0.id)) });
     $[11] = disabled;
     $[12] = enumValues;
     $[13] = internalValue;
@@ -9024,7 +9026,7 @@ function EntityTableCellActions({
       openPopup(cellRect);
     }
   }, []);
-  const iconRef = useRef();
+  const iconRef = useRef(void 0);
   useEffect(() => {
     if (iconRef.current && selected) {
       iconRef.current.focus({
@@ -12172,7 +12174,7 @@ const VirtualTable = React__default.memo(function VirtualTable2({
       onColumnResize(params_0);
     }
   }, [columns, onColumnResize]);
-  const filterRef = useRef();
+  const filterRef = useRef(void 0);
   useEffect(() => {
     filterRef.current = filterInput;
   }, [filterInput]);
@@ -12284,7 +12286,7 @@ const VirtualTable = React__default.memo(function VirtualTable2({
   return tableContent;
 }, equal);
 const SortableCellWrapper = (t0) => {
-  const $ = c(15);
+  const $ = c(17);
   const {
     columnKey,
     width,
@@ -12312,10 +12314,22 @@ const SortableCellWrapper = (t0) => {
     transform,
     transition
   } = useSortable(t2);
+  let attrsWithoutTabIndex;
+  if ($[3] !== attributes) {
+    const {
+      tabIndex: _tabIndex,
+      ...t32
+    } = attributes;
+    attrsWithoutTabIndex = t32;
+    $[3] = attributes;
+    $[4] = attrsWithoutTabIndex;
+  } else {
+    attrsWithoutTabIndex = $[4];
+  }
   const t3 = transform ? `translateX(${transform.x}px)` : void 0;
   const t4 = isDragging ? void 0 : transition;
   let t5;
-  if ($[3] !== t3 || $[4] !== t4 || $[5] !== width) {
+  if ($[5] !== t3 || $[6] !== t4 || $[7] !== width) {
     t5 = {
       transform: t3,
       transition: t4,
@@ -12323,34 +12337,34 @@ const SortableCellWrapper = (t0) => {
       maxWidth: width,
       width
     };
-    $[3] = t3;
-    $[4] = t4;
-    $[5] = width;
-    $[6] = t5;
+    $[5] = t3;
+    $[6] = t4;
+    $[7] = width;
+    $[8] = t5;
   } else {
-    t5 = $[6];
+    t5 = $[8];
   }
   const style = t5;
   const t6 = frozen && "sticky left-0 z-10 bg-white dark:bg-surface-950";
   let t7;
-  if ($[7] !== t6) {
+  if ($[9] !== t6) {
     t7 = cls("flex-shrink-0", t6);
-    $[7] = t6;
-    $[8] = t7;
+    $[9] = t6;
+    $[10] = t7;
   } else {
-    t7 = $[8];
+    t7 = $[10];
   }
   let t8;
-  if ($[9] !== attributes || $[10] !== children || $[11] !== setNodeRef || $[12] !== style || $[13] !== t7) {
-    t8 = /* @__PURE__ */ jsx("div", { ref: setNodeRef, style, className: t7, ...attributes, children });
-    $[9] = attributes;
-    $[10] = children;
-    $[11] = setNodeRef;
-    $[12] = style;
-    $[13] = t7;
-    $[14] = t8;
+  if ($[11] !== attrsWithoutTabIndex || $[12] !== children || $[13] !== setNodeRef || $[14] !== style || $[15] !== t7) {
+    t8 = /* @__PURE__ */ jsx("div", { ref: setNodeRef, style, className: t7, ...attrsWithoutTabIndex, children });
+    $[11] = attrsWithoutTabIndex;
+    $[12] = children;
+    $[13] = setNodeRef;
+    $[14] = style;
+    $[15] = t7;
+    $[16] = t8;
   } else {
-    t8 = $[14];
+    t8 = $[16];
   }
   return t8;
 };
@@ -16253,7 +16267,7 @@ function EntityCard({
   size = "m"
 }) {
   const authController = useAuthController();
-  useAnalyticsController();
+  const analyticsController = useAnalyticsController();
   useSideEntityController();
   const customizationController = useCustomizationController();
   useNavigationController();
@@ -16280,6 +16294,10 @@ function EntityCard({
       return;
     }
     if (onClick) {
+      analyticsController.onAnalyticsEvent?.("card_view_entity_click", {
+        path: entity.path,
+        entityId: entity.id
+      });
       onClick(entity);
     }
   };
@@ -17566,7 +17584,7 @@ function EntityBoardCardInner({
   return /* @__PURE__ */ jsx("div", { style, className: "py-1", "data-is-dragging": isDragging, "data-testid": item.id, onClick: handleClick, children: /* @__PURE__ */ jsxs("div", { className: cardClassName, children: [
     usedImageProperty && usedImageValue ? /* @__PURE__ */ jsx("div", { className: "w-10 h-10 rounded-md overflow-hidden shrink-0 mr-2", children: /* @__PURE__ */ jsx(PropertyPreview, { property: usedImageProperty, propertyKey: imagePropertyKey, size: "small", value: usedImageValue, fill: true }) }) : /* @__PURE__ */ jsx("div", { className: "w-10 h-10 rounded-md bg-surface-100 dark:bg-surface-800 shrink-0 mr-2 flex items-center justify-center", children: /* @__PURE__ */ jsx(IconForView, { collectionOrView: collection, color: "disabled", size: "small" }) }),
     /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
-      /* @__PURE__ */ jsx("div", { className: "truncate text-sm font-medium", children: titleProperty && titleValue ? /* @__PURE__ */ jsx(PropertyPreview, { propertyKey: titlePropertyKey, value: titleValue, property: titleProperty, size: "small" }) : /* @__PURE__ */ jsx("span", { className: "text-surface-500", children: entity.id }) }),
+      /* @__PURE__ */ jsx("div", { className: "line-clamp-2 text-sm font-medium", children: titleProperty && titleValue ? /* @__PURE__ */ jsx(PropertyPreview, { propertyKey: titlePropertyKey, value: titleValue, property: titleProperty, size: "small" }) : /* @__PURE__ */ jsx("span", { className: "text-surface-500", children: entity.id }) }),
       /* @__PURE__ */ jsx("div", { className: "text-xs text-surface-500 font-mono truncate", children: entity.id })
     ] }),
     selectionEnabled && /* @__PURE__ */ jsx("div", { className: "ml-2 shrink-0", onClick: handleCheckboxClick, children: /* @__PURE__ */ jsx(Checkbox, { checked: selected ?? false, onCheckedChange: handleSelectionChange, size: "smallest" }) })
@@ -17922,6 +17940,7 @@ function EntityCollectionBoardView({
   const context = useFireCMSContext();
   const dataSource = useDataSource();
   const sideEntityController = useSideEntityController();
+  const analyticsController = useAnalyticsController();
   const plugins = customizationController.plugins ?? [];
   const [showBackfillDialog, setShowBackfillDialog] = useState(false);
   const [backfillLoading, setBackfillLoading] = useState(false);
@@ -18037,6 +18056,10 @@ function EntityCollectionBoardView({
     return plugins.some((plugin) => plugin.collectionView?.onKanbanColumnsReorder);
   }, [plugins]);
   const handleColumnReorder = useCallback((newColumns) => {
+    analyticsController.onAnalyticsEvent?.("kanban_column_reorder", {
+      path: fullPath,
+      columnProperty
+    });
     setHasUserReordered(true);
     setLocalColumnsOrder(newColumns);
     plugins.filter((plugin_0) => plugin_0.collectionView?.onKanbanColumnsReorder).forEach((plugin_1) => {
@@ -18048,7 +18071,7 @@ function EntityCollectionBoardView({
         newColumnsOrder: newColumns
       });
     });
-  }, [plugins, fullPath, parentCollectionIds, collection, columnProperty]);
+  }, [plugins, fullPath, parentCollectionIds, collection, columnProperty, analyticsController]);
   const [missingOrderCount, setMissingOrderCount] = useState(0);
   const dataSourceRef = useRef(dataSource);
   const collectionRef = useRef(collection);
@@ -18160,6 +18183,12 @@ function EntityCollectionBoardView({
   const handleItemsReorder = useCallback(async (items_0, moveInfo) => {
     const entity_2 = items_0.find((item_5) => item_5.id === moveInfo?.itemId)?.entity;
     if (!entity_2) return;
+    analyticsController.onAnalyticsEvent?.("kanban_card_moved", {
+      path: fullPath,
+      entityId: entity_2.id,
+      sourceColumn: moveInfo?.sourceColumn,
+      targetColumn: moveInfo?.targetColumn
+    });
     const isColumnChange = moveInfo && moveInfo.sourceColumn !== moveInfo.targetColumn;
     if (!orderProperty && !isColumnChange) return;
     if (isColumnChange) {
@@ -18197,7 +18226,7 @@ function EntityCollectionBoardView({
     } catch (e_1) {
       console.error("Error saving entity:", e_1);
     }
-  }, [collection, columnProperty, orderProperty, context, dataSource, calculateNewOrder, boardDataController]);
+  }, [collection, columnProperty, orderProperty, context, dataSource, calculateNewOrder, boardDataController, analyticsController, fullPath]);
   const handleBackfill = useCallback(async () => {
     console.log("handleBackfill called", {
       orderProperty
@@ -18206,6 +18235,9 @@ function EntityCollectionBoardView({
       console.log("No orderProperty, returning");
       return;
     }
+    analyticsController.onAnalyticsEvent?.("kanban_backfill_order", {
+      path: fullPath
+    });
     setBackfillLoading(true);
     try {
       console.log("Fetching all documents from collection...");
@@ -18259,7 +18291,7 @@ function EntityCollectionBoardView({
     } finally {
       setBackfillLoading(false);
     }
-  }, [orderProperty, fullPath, collection, dataSource, context, boardDataController]);
+  }, [orderProperty, fullPath, collection, dataSource, context, boardDataController, analyticsController]);
   const handleEntityClick = useCallback((entity_5) => {
     onEntityClick?.(entity_5);
   }, [onEntityClick]);
@@ -18320,6 +18352,10 @@ function EntityCollectionBoardView({
       /* @__PURE__ */ jsx(Button, { size: "small", variant: "text", onClick: () => setShowBackfillDialog(true), children: "Initialize Order" })
     ] }),
     /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-auto no-scrollbar", children: /* @__PURE__ */ jsx(Board, { data: boardItems, columns, columnLabels, columnColors, assignColumn, allowColumnReorder, onColumnReorder: handleColumnReorder, onItemsReorder: handleItemsReorder, ItemComponent, columnLoadingState, onLoadMoreColumn: (column) => boardDataController.loadMoreColumn(column), onAddItemToColumn: (column_0) => {
+      analyticsController.onAnalyticsEvent?.("kanban_new_entity_in_column", {
+        path: fullPath,
+        column: column_0
+      });
       sideEntityController.open({
         path: fullPath,
         collection,
@@ -19484,6 +19520,7 @@ function EntityForm({
     console.error(error);
   }, [snackbarController]);
   const pluginActions = [];
+  const pluginBeforeTitle = [];
   const plugins = customizationController.plugins;
   const actionsDisabled = disabled || formex.isSubmitting || status === "existing" && !formex.dirty || Boolean(disabledProp);
   const parentCollectionIds = navigationController.getParentCollectionIds(path);
@@ -19500,6 +19537,7 @@ function EntityForm({
       disabled: actionsDisabled
     };
     pluginActions.push(...plugins.map((plugin) => plugin.form?.Actions ? /* @__PURE__ */ jsx(plugin.form.Actions, { ...actionProps }, `actions_${plugin.key}`) : null).filter(Boolean));
+    pluginBeforeTitle.push(...plugins.map((plugin_0) => plugin_0.form?.BeforeTitle ? /* @__PURE__ */ jsx(plugin_0.form.BeforeTitle, { ...actionProps }, `before_title_${plugin_0.key}`) : null).filter(Boolean));
   }
   const titlePropertyKey = getEntityTitlePropertyKey(resolvedCollection, customizationController.propertyConfigs);
   const title = (formex.values && titlePropertyKey ? getValueInPath(formex.values, titlePropertyKey) : void 0) ?? collection.singularName ?? collection.name;
@@ -19596,6 +19634,7 @@ function EntityForm({
   };
   const formRef = useRef(null);
   const formView = /* @__PURE__ */ jsx(ErrorBoundary, { children: /* @__PURE__ */ jsxs(Fragment, { children: [
+    pluginBeforeTitle,
     !Builder && /* @__PURE__ */ jsxs("div", { className: "w-full py-2 flex flex-col items-start my-4 lg:my-6", children: [
       /* @__PURE__ */ jsx(Typography, { className: "my-4 flex-grow line-clamp-1 " + (collection.hideIdFromForm ? "mb-6" : ""), variant: "h4", children: title ?? collection.singularName ?? collection.name }),
       !entity?.values && initialStatus === "existing" && /* @__PURE__ */ jsx(Alert, { color: "warning", size: "small", outerClassName: "w-full mb-4 text-xs", children: "This entity does not exist in the database" }),
@@ -21853,7 +21892,7 @@ function PropertyFieldBindingInternal(t0) {
               index,
               authController
             });
-            Component = configProperty.Field;
+            Component = configProperty?.Field;
           }
         }
       }
@@ -24478,13 +24517,18 @@ const EntityCollectionView = React__default.memo(function EntityCollectionView2(
     });
   }, [onCollectionModifiedForUser, fullPath, userConfigPersistence]);
   const onViewModeChange = useCallback((mode) => {
+    analyticsController.onAnalyticsEvent?.("view_mode_changed", {
+      path: fullPath,
+      from: viewMode,
+      to: mode
+    });
     setViewMode(mode);
     if (userConfigPersistence) {
       onCollectionModifiedForUser(fullPath, {
         defaultViewMode: mode
       });
     }
-  }, [setViewMode, userConfigPersistence, onCollectionModifiedForUser, fullPath]);
+  }, [setViewMode, userConfigPersistence, onCollectionModifiedForUser, fullPath, analyticsController, viewMode]);
   const createEnabled = canCreateEntity(collection, authController, fullPath, null);
   const uniqueFieldValidator = useCallback(({
     name,
@@ -24586,13 +24630,17 @@ const EntityCollectionView = React__default.memo(function EntityCollectionView2(
     }
   }, [kanbanPropertyOptions, selectedKanbanProperty, getSavedKanbanProperty, collection.kanban?.columnProperty]);
   const onKanbanPropertyChange = useCallback((property_1) => {
+    analyticsController.onAnalyticsEvent?.("kanban_property_changed", {
+      path: fullPath,
+      property: property_1
+    });
     setSelectedKanbanProperty(property_1);
     if (userConfigPersistence) {
       onCollectionModifiedForUser(fullPath, {
         kanbanColumnProperty: property_1
       });
     }
-  }, [userConfigPersistence, onCollectionModifiedForUser, fullPath]);
+  }, [userConfigPersistence, onCollectionModifiedForUser, fullPath, analyticsController]);
   const getPropertyFor = useCallback(({
     propertyKey: propertyKey_0,
     entity: entity_2
@@ -24731,10 +24779,21 @@ const EntityCollectionView = React__default.memo(function EntityCollectionView2(
   });
   const [viewModePopoverOpen, setViewModePopoverOpen] = useState(false);
   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 });
+  const pluginErrorView = useMemo(() => {
+    const error = tableController.dataLoadingError;
+    if (!error || !customizationController.plugins) return null;
+    for (const plugin_2 of customizationController.plugins) {
+      if (plugin_2.collectionView?.CollectionError) {
+        const CollectionError = plugin_2.collectionView.CollectionError;
+        return /* @__PURE__ */ jsx(CollectionError, { path: fullPath, collection, parentCollectionIds, error });
+      }
+    }
+    return null;
+  }, [tableController.dataLoadingError, customizationController.plugins, fullPath, collection, parentCollectionIds]);
   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" && 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: [
+    tableController.dataLoadingError && pluginErrorView ? pluginErrorView : 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, {}),
@@ -24761,8 +24820,8 @@ const EntityCollectionView = React__default.memo(function EntityCollectionView2(
       });
       setLocalPropertiesOrder(newPropertiesOrder);
       if (customizationController?.plugins) {
-        customizationController.plugins.filter((plugin_2) => plugin_2.collectionView?.onColumnsReorder).forEach((plugin_3) => {
-          plugin_3.collectionView.onColumnsReorder({
+        customizationController.plugins.filter((plugin_3) => plugin_3.collectionView?.onColumnsReorder).forEach((plugin_4) => {
+          plugin_4.collectionView.onColumnsReorder({
             fullPath,
             parentCollectionIds: parentCollectionIds ?? [],
             collection,
@@ -26126,10 +26185,10 @@ function useBuildNavigationController(props) {
     navigationGroupMappings
   } = props;
   const navigate = useNavigate();
-  const collectionsRef = useRef();
-  const viewsRef = useRef();
-  const adminViewsRef = useRef();
-  const navigationEntriesOrderRef = useRef();
+  const collectionsRef = useRef(void 0);
+  const viewsRef = useRef(void 0);
+  const adminViewsRef = useRef(void 0);
+  const navigationEntriesOrderRef = useRef(void 0);
   const [initialised, setInitialised] = useState(false);
   const [topLevelNavigation, setTopLevelNavigation] = useState(void 0);
   const [navigationLoading, setNavigationLoading] = useState(true);
@@ -26834,7 +26893,7 @@ function useValidateAuthenticator(t0) {
     t2 = $[2];
   }
   useEffect(t1, t2);
-  const checkedUserRef = useRef();
+  const checkedUserRef = useRef(void 0);
   let t3;
   if ($[3] !== authController || $[4] !== authenticator || $[5] !== dataSourceDelegate || $[6] !== disabled || $[7] !== storageSource) {
     t3 = async () => {
@@ -27163,13 +27222,13 @@ function EntitySidePanel(props) {
     status,
     values
   }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(IconButton, { className: "self-center", onClick: onClose, children: /* @__PURE__ */ jsx(CloseIcon, { size: "small" }) }),
-    allowFullScreen && /* @__PURE__ */ jsx(IconButton, { className: "self-center", onClick: () => {
+    /* @__PURE__ */ jsx(IconButton, { className: "self-center", size: "smallest", onClick: onClose, children: /* @__PURE__ */ jsx(CloseIcon, { size: "smallest" }) }),
+    allowFullScreen && /* @__PURE__ */ jsx(IconButton, { className: "self-center", size: "smallest", onClick: () => {
       const key = status === "new" || status === "copy" ? path + "#new" : path + "/" + entityId;
       saveEntityToMemoryCache(key, values);
       if (entityId) navigate(location.pathname);
       else navigate(location.pathname + "#new");
-    }, children: /* @__PURE__ */ jsx(OpenInFullIcon, { size: "small" }) })
+    }, children: /* @__PURE__ */ jsx(OpenInFullIcon, { size: "smallest" }) })
   ] }), onTabChange: ({
     entityId: entityId_0,
     selectedTab,
@@ -28445,7 +28504,7 @@ function useBuildDataSource({
       const orderProperty = collection_3?.orderProperty;
       if (orderProperty && (status === "new" || status === "copy")) {
         const orderProp = properties?.[orderProperty];
-        if (orderProp?.disabled === true) {
+        if (orderProp) {
           const currentValue = updatedValues[orderProperty];
           if (currentValue === void 0 || currentValue === null) {
             try {
@@ -29666,14 +29725,19 @@ function getDefaultFieldId(property) {
       return "custom_array";
     } else if (isPropertyBuilder(of)) {
       return "repeat";
-    } else if (of?.dataType === "string" && of.enumValues) {
-      return "multi_select";
-    } else if (of?.dataType === "number" && of.enumValues) {
-      return "multi_number_select";
-    } else if (of?.dataType === "string" && of.storage) {
-      return "multi_file_upload";
-    } else if (of?.dataType === "reference") {
-      return "multi_references";
+    } else if (of) {
+      const ofProperty = of;
+      if (ofProperty.dataType === "string" && ofProperty.enumValues) {
+        return "multi_select";
+      } else if (ofProperty.dataType === "number" && ofProperty.enumValues) {
+        return "multi_number_select";
+      } else if (ofProperty.dataType === "string" && ofProperty.storage) {
+        return "multi_file_upload";
+      } else if (ofProperty.dataType === "reference") {
+        return "multi_references";
+      } else {
+        return "repeat";
+      }
     } else {
       return "repeat";
     }