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

package/dist/index.umd.js

@@ -785,7 +785,7 @@
     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,
@@ -824,7 +824,7 @@
     ignoreMissingFields = false,
     ...props
   }) {
-    if (typeof propertyOrBuilder === "object" && "resolved" in propertyOrBuilder) {
+    if (propertyOrBuilder !== null && typeof propertyOrBuilder === "object" && "resolved" in propertyOrBuilder) {
       return propertyOrBuilder;
     }
     let resolvedProperty = null;
@@ -3824,6 +3824,8 @@
     return resultCollection;
   }
   function mergePropertyOrBuilder(target, source) {
+    if (!source) return target;
+    if (!target) return source;
     if (isPropertyBuilder(source)) {
       return source;
     } else if (isPropertyBuilder(target)) {
@@ -7577,7 +7579,7 @@
               } else {
                 if (property.dataType === "map") {
                   if (typeof value === "object") {
-                    content = /* @__PURE__ */ jsxRuntime.jsx(MapPropertyPreview, { ...props, property });
+                    content = /* @__PURE__ */ jsxRuntime.jsx(MapPropertyPreview, { ...props, value, property });
                   } else {
                     content = buildWrongValueType(propertyKey, property.dataType, value);
                   }
@@ -8461,7 +8463,7 @@
     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__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.jsx(ui.MultiSelectItem, { value: String(enumConfig.id), children: /* @__PURE__ */ jsxRuntime.jsx(EnumValuesChip, { enumKey: enumConfig.id, enumValues, size: small ? "small" : "medium" }) }, enumConfig.id)) }) : /* @__PURE__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.jsx(ui.SelectItem, { value: String(enumConfig_0.id), children: /* @__PURE__ */ jsxRuntime.jsx(EnumValuesChip, { enumKey: enumConfig_0.id, enumValues, size: small ? "small" : "medium" }) }, enumConfig_0.id)) });
+      t5 = multiple ? /* @__PURE__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.jsx(ui.MultiSelectItem, { value: String(enumConfig.id), children: /* @__PURE__ */ jsxRuntime.jsx(EnumValuesChip, { enumKey: enumConfig.id, enumValues, size: small ? "small" : "medium" }) }, enumConfig.id)) }) : /* @__PURE__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.jsx(ui.SelectItem, { value: String(enumConfig_0.id), children: /* @__PURE__ */ jsxRuntime.jsx(EnumValuesChip, { enumKey: enumConfig_0.id, enumValues, size: small ? "small" : "medium" }) }, enumConfig_0.id)) });
       $[11] = disabled;
       $[12] = enumValues;
       $[13] = internalValue;
@@ -9021,7 +9023,7 @@
         openPopup(cellRect);
       }
     }, []);
-    const iconRef = React.useRef();
+    const iconRef = React.useRef(void 0);
     React.useEffect(() => {
       if (iconRef.current && selected) {
         iconRef.current.focus({
@@ -12169,7 +12171,7 @@
         onColumnResize(params_0);
       }
     }, [columns, onColumnResize]);
-    const filterRef = React.useRef();
+    const filterRef = React.useRef(void 0);
     React.useEffect(() => {
       filterRef.current = filterInput;
     }, [filterInput]);
@@ -12281,7 +12283,7 @@
     return tableContent;
   }, equal);
   const SortableCellWrapper = (t0) => {
-    const $ = reactCompilerRuntime.c(15);
+    const $ = reactCompilerRuntime.c(17);
     const {
       columnKey,
       width,
@@ -12309,10 +12311,22 @@
       transform,
       transition
     } = sortable.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,
@@ -12320,34 +12334,34 @@
         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 = ui.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__ */ jsxRuntime.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__ */ jsxRuntime.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;
   };
@@ -16250,7 +16264,7 @@
     size = "m"
   }) {
     const authController = useAuthController();
-    useAnalyticsController();
+    const analyticsController = useAnalyticsController();
     useSideEntityController();
     const customizationController = useCustomizationController();
     useNavigationController();
@@ -16277,6 +16291,10 @@
         return;
       }
       if (onClick) {
+        analyticsController.onAnalyticsEvent?.("card_view_entity_click", {
+          path: entity.path,
+          entityId: entity.id
+        });
         onClick(entity);
       }
     };
@@ -17563,7 +17581,7 @@
     return /* @__PURE__ */ jsxRuntime.jsx("div", { style, className: "py-1", "data-is-dragging": isDragging, "data-testid": item.id, onClick: handleClick, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cardClassName, children: [
       usedImageProperty && usedImageValue ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-10 h-10 rounded-md overflow-hidden shrink-0 mr-2", children: /* @__PURE__ */ jsxRuntime.jsx(PropertyPreview, { property: usedImageProperty, propertyKey: imagePropertyKey, size: "small", value: usedImageValue, fill: true }) }) : /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(IconForView, { collectionOrView: collection, color: "disabled", size: "small" }) }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "truncate text-sm font-medium", children: titleProperty && titleValue ? /* @__PURE__ */ jsxRuntime.jsx(PropertyPreview, { propertyKey: titlePropertyKey, value: titleValue, property: titleProperty, size: "small" }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-surface-500", children: entity.id }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "line-clamp-2 text-sm font-medium", children: titleProperty && titleValue ? /* @__PURE__ */ jsxRuntime.jsx(PropertyPreview, { propertyKey: titlePropertyKey, value: titleValue, property: titleProperty, size: "small" }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-surface-500", children: entity.id }) }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-surface-500 font-mono truncate", children: entity.id })
       ] }),
       selectionEnabled && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ml-2 shrink-0", onClick: handleCheckboxClick, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Checkbox, { checked: selected ?? false, onCheckedChange: handleSelectionChange, size: "smallest" }) })
@@ -17919,6 +17937,7 @@
     const context = useFireCMSContext();
     const dataSource = useDataSource();
     const sideEntityController = useSideEntityController();
+    const analyticsController = useAnalyticsController();
     const plugins = customizationController.plugins ?? [];
     const [showBackfillDialog, setShowBackfillDialog] = React.useState(false);
     const [backfillLoading, setBackfillLoading] = React.useState(false);
@@ -18034,6 +18053,10 @@
       return plugins.some((plugin) => plugin.collectionView?.onKanbanColumnsReorder);
     }, [plugins]);
     const handleColumnReorder = React.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) => {
@@ -18045,7 +18068,7 @@
           newColumnsOrder: newColumns
         });
       });
-    }, [plugins, fullPath, parentCollectionIds, collection, columnProperty]);
+    }, [plugins, fullPath, parentCollectionIds, collection, columnProperty, analyticsController]);
     const [missingOrderCount, setMissingOrderCount] = React.useState(0);
     const dataSourceRef = React.useRef(dataSource);
     const collectionRef = React.useRef(collection);
@@ -18157,6 +18180,12 @@
     const handleItemsReorder = React.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) {
@@ -18194,7 +18223,7 @@
       } 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 = React.useCallback(async () => {
       console.log("handleBackfill called", {
         orderProperty
@@ -18203,6 +18232,9 @@
         console.log("No orderProperty, returning");
         return;
       }
+      analyticsController.onAnalyticsEvent?.("kanban_backfill_order", {
+        path: fullPath
+      });
       setBackfillLoading(true);
       try {
         console.log("Fetching all documents from collection...");
@@ -18256,7 +18288,7 @@
       } finally {
         setBackfillLoading(false);
       }
-    }, [orderProperty, fullPath, collection, dataSource, context, boardDataController]);
+    }, [orderProperty, fullPath, collection, dataSource, context, boardDataController, analyticsController]);
     const handleEntityClick = React.useCallback((entity_5) => {
       onEntityClick?.(entity_5);
     }, [onEntityClick]);
@@ -18317,6 +18349,10 @@
         /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", variant: "text", onClick: () => setShowBackfillDialog(true), children: "Initialize Order" })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 overflow-auto no-scrollbar", children: /* @__PURE__ */ jsxRuntime.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,
@@ -19481,6 +19517,7 @@
       console.error(error);
     }, [snackbarController]);
     const pluginActions = [];
+    const pluginBeforeTitle = [];
     const plugins = customizationController.plugins;
     const actionsDisabled = disabled || formex$1.isSubmitting || status === "existing" && !formex$1.dirty || Boolean(disabledProp);
     const parentCollectionIds = navigationController.getParentCollectionIds(path);
@@ -19497,6 +19534,7 @@
         disabled: actionsDisabled
       };
       pluginActions.push(...plugins.map((plugin) => plugin.form?.Actions ? /* @__PURE__ */ jsxRuntime.jsx(plugin.form.Actions, { ...actionProps }, `actions_${plugin.key}`) : null).filter(Boolean));
+      pluginBeforeTitle.push(...plugins.map((plugin_0) => plugin_0.form?.BeforeTitle ? /* @__PURE__ */ jsxRuntime.jsx(plugin_0.form.BeforeTitle, { ...actionProps }, `before_title_${plugin_0.key}`) : null).filter(Boolean));
     }
     const titlePropertyKey = getEntityTitlePropertyKey(resolvedCollection, customizationController.propertyConfigs);
     const title = (formex$1.values && titlePropertyKey ? getValueInPath(formex$1.values, titlePropertyKey) : void 0) ?? collection.singularName ?? collection.name;
@@ -19593,6 +19631,7 @@
     };
     const formRef = React.useRef(null);
     const formView = /* @__PURE__ */ jsxRuntime.jsx(ErrorBoundary, { children: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      pluginBeforeTitle,
       !Builder && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full py-2 flex flex-col items-start my-4 lg:my-6", children: [
         /* @__PURE__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.jsx(ui.Alert, { color: "warning", size: "small", outerClassName: "w-full mb-4 text-xs", children: "This entity does not exist in the database" }),
@@ -21850,7 +21889,7 @@
                 index,
                 authController
               });
-              Component = configProperty.Field;
+              Component = configProperty?.Field;
             }
           }
         }
@@ -24475,13 +24514,18 @@
       });
     }, [onCollectionModifiedForUser, fullPath, userConfigPersistence]);
     const onViewModeChange = React.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 = React.useCallback(({
       name,
@@ -24583,13 +24627,17 @@
       }
     }, [kanbanPropertyOptions, selectedKanbanProperty, getSavedKanbanProperty, collection.kanban?.columnProperty]);
     const onKanbanPropertyChange = React.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 = React.useCallback(({
       propertyKey: propertyKey_0,
       entity: entity_2
@@ -24728,10 +24776,21 @@
     });
     const [viewModePopoverOpen, setViewModePopoverOpen] = React.useState(false);
     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 });
+    const pluginErrorView = React.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__ */ jsxRuntime.jsx(CollectionError, { path: fullPath, collection, parentCollectionIds, error });
+        }
+      }
+      return null;
+    }, [tableController.dataLoadingError, customizationController.plugins, fullPath, collection, parentCollectionIds]);
     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" && 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: [
+      tableController.dataLoadingError && pluginErrorView ? pluginErrorView : 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, {}),
@@ -24758,8 +24817,8 @@
         });
         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,
@@ -26123,10 +26182,10 @@
       navigationGroupMappings
     } = props;
     const navigate = reactRouterDom.useNavigate();
-    const collectionsRef = React.useRef();
-    const viewsRef = React.useRef();
-    const adminViewsRef = React.useRef();
-    const navigationEntriesOrderRef = React.useRef();
+    const collectionsRef = React.useRef(void 0);
+    const viewsRef = React.useRef(void 0);
+    const adminViewsRef = React.useRef(void 0);
+    const navigationEntriesOrderRef = React.useRef(void 0);
     const [initialised, setInitialised] = React.useState(false);
     const [topLevelNavigation, setTopLevelNavigation] = React.useState(void 0);
     const [navigationLoading, setNavigationLoading] = React.useState(true);
@@ -26831,7 +26890,7 @@
       t2 = $[2];
     }
     React.useEffect(t1, t2);
-    const checkedUserRef = React.useRef();
+    const checkedUserRef = React.useRef(void 0);
     let t3;
     if ($[3] !== authController || $[4] !== authenticator || $[5] !== dataSourceDelegate || $[6] !== disabled || $[7] !== storageSource) {
       t3 = async () => {
@@ -27160,13 +27219,13 @@
       status,
       values
     }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { className: "self-center", onClick: onClose, children: /* @__PURE__ */ jsxRuntime.jsx(ui.CloseIcon, { size: "small" }) }),
-      allowFullScreen && /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { className: "self-center", onClick: () => {
+      /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { className: "self-center", size: "smallest", onClick: onClose, children: /* @__PURE__ */ jsxRuntime.jsx(ui.CloseIcon, { size: "smallest" }) }),
+      allowFullScreen && /* @__PURE__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.jsx(ui.OpenInFullIcon, { size: "small" }) })
+      }, children: /* @__PURE__ */ jsxRuntime.jsx(ui.OpenInFullIcon, { size: "smallest" }) })
     ] }), onTabChange: ({
       entityId: entityId_0,
       selectedTab,
@@ -28442,7 +28501,7 @@
         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 {
@@ -29663,14 +29722,19 @@
         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";
       }