@firecms/core 3.0.0-canary.162 → 3.0.0-canary.163

package/dist/index.umd.js

@@ -8855,7 +8855,6 @@
     const selectedEntities = (selectionController?.selectedEntities?.length > 0 ? selectionController?.selectedEntities : highlightedEntities)?.filter(Boolean);
     const context = useFireCMSContext();
     const [size, setSize] = React.useState(defaultSize ?? "m");
-    const selectedEntityIds = selectedEntities?.map((e) => e.id);
     const updateSize = React.useCallback((size_0) => {
       if (onSizeChanged) onSizeChanged(size_0);
       setSize(size_0);
@@ -8911,7 +8910,7 @@
         context
       })?.toString() });
       return /* @__PURE__ */ jsxRuntime.jsx(EntityTableCell, { width, size, value: value_0, selected: false, disabled: true, align: "left", allowScroll: false, showExpandIcon: false, disabledTooltip: "This column can't be edited directly", children: /* @__PURE__ */ jsxRuntime.jsx(ErrorBoundary, { children: child }) }, `additional_table_cell_${entity_0.id}_${column_0.key}`);
-    }, [size, selectedEntityIds]);
+    }, [size]);
     const collectionColumns = (() => {
       const columnsResult = propertiesToColumns({
         properties,
@@ -8961,14 +8960,14 @@
         } else {
           throw Error("Internal: columns not mapped properly");
         }
-      } catch (e_0) {
-        console.error("Error rendering cell", e_0);
-        return /* @__PURE__ */ jsxRuntime.jsx(EntityTableCell, { size, width: column_1.width, saved: false, value: null, align: "left", fullHeight: false, disabled: true, children: /* @__PURE__ */ jsxRuntime.jsx(ErrorView, { error: e_0 }) });
+      } catch (e) {
+        console.error("Error rendering cell", e);
+        return /* @__PURE__ */ jsxRuntime.jsx(EntityTableCell, { size, width: column_1.width, saved: false, value: null, align: "left", fullHeight: false, disabled: true, children: /* @__PURE__ */ jsxRuntime.jsx(ErrorView, { error: e }) });
       }
     }, [tableRowActionsBuilder, additionalCellRenderer, propertyCellRenderer, size]);
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, style, className: ui.cls("h-full w-full flex flex-col bg-white dark:bg-surface-950", className), children: [
       /* @__PURE__ */ jsxRuntime.jsx(CollectionTableToolbar, { onTextSearch: textSearchEnabled ? onTextSearch : void 0, textSearchLoading, onTextSearchClick: textSearchEnabled ? onTextSearchClick : void 0, size, onSizeChanged: updateSize, title, actionsStart, actions, loading: tableController.dataLoading }),
-      /* @__PURE__ */ jsxRuntime.jsx(SelectableTable, { columns, size, inlineEditing, cellRenderer, onEntityClick, highlightedRow: React.useCallback((entity_1) => selectedEntityIds?.includes(entity_1.id) ?? false, [selectedEntityIds]), tableController, onValueChange, onColumnResize, hoverRow, filterable, emptyComponent, endAdornment, AddColumnComponent })
+      /* @__PURE__ */ jsxRuntime.jsx(SelectableTable, { columns, size, inlineEditing, cellRenderer, onEntityClick, highlightedRow: (entity_1) => Boolean(selectedEntities?.find((e_0) => e_0.id === entity_1.id && e_0.path === entity_1.path)), tableController, onValueChange, onColumnResize, hoverRow, filterable, emptyComponent, endAdornment, AddColumnComponent })
     ] });
   };
   function useDataOrder({
@@ -9163,9 +9162,10 @@
     const toggleEntitySelection = React.useCallback((entity, newSelectedState) => {
       let newValue;
       if (newSelectedState === void 0) {
-        if (selectedEntities.map((e) => e.id).includes(entity.id)) {
+        const isSelected = Boolean(selectedEntities.find((e) => e.id === entity.id && e.path === entity.path));
+        if (isSelected) {
           onSelectionChange?.(entity, false);
-          newValue = selectedEntities.filter((item) => item.id !== entity.id);
+          newValue = selectedEntities.filter((item) => !(item.id === entity.id && item.path === entity.path));
         } else {
           onSelectionChange?.(entity, true);
           newValue = [...selectedEntities, entity];
@@ -9176,13 +9176,13 @@
           newValue = [...selectedEntities, entity];
         } else {
           onSelectionChange?.(entity, false);
-          newValue = selectedEntities.filter((item_0) => item_0.id !== entity.id);
+          newValue = selectedEntities.filter((item_0) => !(item_0.id === entity.id && item_0.path === entity.path));
         }
       }
       setSelectedEntities(newValue);
     }, [selectedEntities]);
     const isEntitySelected = React.useCallback((entity_0) => {
-      return selectedEntities.map((e_0) => e_0.id).includes(entity_0.id);
+      return Boolean(selectedEntities.find((e_0) => e_0.id === entity_0.id && e_0.path === entity_0.path));
     }, [selectedEntities]);
     return {
       selectedEntities,
@@ -12392,7 +12392,7 @@
       width: width_0,
       frozen
     }) => {
-      const isSelected = usedSelectionController.selectedEntities.map((e_1) => e_1.id).includes(entity_6.id);
+      const isSelected = Boolean(usedSelectionController.selectedEntities.find((e_1) => e_1.id == entity_6.id && e_1.path == entity_6.path));
       const actions_0 = getActionsForEntity({
         entity: entity_6,
         customEntityActions: collection.entityActions