@omniumretail/component-library 1.3.18 → 1.3.19

package/dist/component-library.es.js

@@ -24860,7 +24860,8 @@ const ResponsiveTable = (props) => {
     renderSelectedCell,
     useOrderedCellSelection = true,
     initialSelectedCells,
-    selectedCellColor
+    selectedCellColor,
+    initialCellKeys
   } = props;
   const [customFilters, setCustomFilters] = useState([]);
   const [customColumns, setCustomColumns] = useState([]);
@@ -24889,21 +24890,26 @@ const ResponsiveTable = (props) => {
   };
   const handleCellClick = (record, columnKey, value) => {
     if (!enableCellSelection || !selectableColumns?.includes(columnKey)) return;
-    const cellData = {
-      rowKey: record[rowKeyValue],
-      columnKey,
-      value,
-      rowData: record
-    };
+    const cellKey = `${record[rowKeyValue]}-${columnKey}`;
+    initialCellKeys?.has(cellKey);
     const isAlreadySelected = selectedCells.some(
-      (cell) => cell.rowKey === cellData.rowKey && cell.columnKey === cellData.columnKey
+      (cell) => cell.rowKey === record[rowKeyValue] && cell.columnKey === columnKey
     );
     let newSelectedCells;
     if (isAlreadySelected) {
       newSelectedCells = selectedCells.filter(
-        (cell) => !(cell.rowKey === cellData.rowKey && cell.columnKey === cellData.columnKey)
+        (cell) => !(cell.rowKey === record[rowKeyValue] && cell.columnKey === columnKey)
       );
     } else {
+      const cellData = {
+        rowKey: record[rowKeyValue],
+        columnKey,
+        value: {
+          type: "X",
+          color: selectedCellColor || "grey"
+        },
+        rowData: record
+      };
       const maxSelection = maxCellSelection || 2;
       if (cellSelectionMode === "single") {
         newSelectedCells = [cellData];
@@ -25035,7 +25041,7 @@ const ResponsiveTable = (props) => {
                   {
                     onClick: (e) => {
                       e.stopPropagation();
-                      handleCellClick(record, key, originalCellContent);
+                      handleCellClick(record, key);
                     },
                     className: classNames(styles$7.selectableCell, styles$7.selected),
                     children: renderSelectedCell(cellData, cellIndex, selectedCells.length)
@@ -25075,7 +25081,8 @@ const ResponsiveTable = (props) => {
                     if (isSelected2) {
                       const selectedCell = selectedCells[cellIndex2];
                       const cellColor = selectedCell?.value?.color || selectedCellColor;
-                      return /* @__PURE__ */ jsx(Tag, { color: cellColor, style: { margin: -4 }, children: originalCellContent2.type });
+                      const cellType = selectedCell?.value?.type || "X";
+                      return /* @__PURE__ */ jsx(Tag, { color: cellColor, style: { margin: -4 }, children: cellType });
                     }
                     if (originalCellContent2) {
                       return /* @__PURE__ */ jsx(Tag, { color: originalCellContent2.color, style: { margin: -4 }, children: originalCellContent2.type });
@@ -25087,7 +25094,7 @@ const ResponsiveTable = (props) => {
                     {
                       onClick: (e) => {
                         e.stopPropagation();
-                        handleCellClick(record, key, originalCellContent2);
+                        handleCellClick(record, key);
                       },
                       className: classNames(
                         styles$7.selectableCell,
@@ -25125,7 +25132,7 @@ const ResponsiveTable = (props) => {
                   {
                     onClick: (e) => {
                       e.stopPropagation();
-                      handleCellClick(record, key, value);
+                      handleCellClick(record, key);
                     },
                     className: classNames(styles$7.selectableCell, {
                       [styles$7.selected]: isSelected
@@ -25143,7 +25150,7 @@ const ResponsiveTable = (props) => {
                 {
                   onClick: (e) => {
                     e.stopPropagation();
-                    handleCellClick(record, key, value);
+                    handleCellClick(record, key);
                   },
                   className: styles$7.selectableCell,
                   children: originalCellContent