@omniumretail/component-library 1.3.6 → 1.3.8

package/dist/component-library.es.js

@@ -24887,40 +24887,33 @@ const ResponsiveTable = (props) => {
     secondCell: { ...defaultCellStyle.secondCell, ...cellSelectionStyle?.secondCell }
   };
   const handleCellClick = (record, columnKey, value) => {
-    if (!enableCellSelection || !selectableColumns?.includes(columnKey)) {
-      return;
-    }
-    const normalizedValue = value?.data ? { type: value.data.type, color: value.data.color } : value;
+    if (!enableCellSelection || !selectableColumns?.includes(columnKey)) return;
     const cellData = {
       rowKey: record[rowKeyValue],
       columnKey,
-      value: normalizedValue,
+      value,
       rowData: record
     };
-    setSelectedCells((prev) => {
-      const isAlreadySelected = prev.some(
-        (cell) => cell.rowKey === cellData.rowKey && cell.columnKey === cellData.columnKey
+    const isAlreadySelected = selectedCells.some(
+      (cell) => cell.rowKey === cellData.rowKey && cell.columnKey === cellData.columnKey
+    );
+    let newSelectedCells;
+    if (isAlreadySelected) {
+      newSelectedCells = selectedCells.filter(
+        (cell) => !(cell.rowKey === cellData.rowKey && cell.columnKey === cellData.columnKey)
       );
-      let newSelectedCells;
-      if (isAlreadySelected) {
-        newSelectedCells = prev.filter(
-          (cell) => !(cell.rowKey === cellData.rowKey && cell.columnKey === cellData.columnKey)
-        );
+    } else {
+      const maxSelection = maxCellSelection || 2;
+      if (cellSelectionMode === "single") {
+        newSelectedCells = [cellData];
+      } else if (selectedCells.length >= maxSelection) {
+        newSelectedCells = [...selectedCells.slice(1), cellData];
       } else {
-        const maxSelection = maxCellSelection || 2;
-        if (cellSelectionMode === "single") {
-          newSelectedCells = [cellData];
-        } else if (prev.length >= maxSelection) {
-          newSelectedCells = [...prev.slice(1), cellData];
-        } else {
-          newSelectedCells = [...prev, cellData];
-        }
+        newSelectedCells = [...selectedCells, cellData];
       }
-      if (onCellsSelected) {
-        onCellsSelected(newSelectedCells);
-      }
-      return newSelectedCells;
-    });
+    }
+    setSelectedCells(newSelectedCells);
+    onCellsSelected?.(newSelectedCells);
   };
   useEffect(() => {
     if (cleanCellSelection) {
@@ -25018,17 +25011,17 @@ const ResponsiveTable = (props) => {
           sorter: isColumnSortable,
           render: (value, record) => {
             const isSelectable = enableCellSelection && selectableColumns?.includes(key);
+            const originalCellContent = record[key];
             const cellIndex = selectedCells.findIndex(
               (cell) => cell.rowKey === record[rowKeyValue] && cell.columnKey === key
             );
             const isSelected = cellIndex !== -1;
-            const originalCellContent = record[key];
             if (isSelectable) {
               if (renderSelectedCell && isSelected) {
                 const cellData = {
                   rowKey: record[rowKeyValue],
                   columnKey: key,
-                  value,
+                  value: originalCellContent,
                   rowData: record
                 };
                 return /* @__PURE__ */ jsx(
@@ -25036,7 +25029,7 @@ const ResponsiveTable = (props) => {
                   {
                     onClick: (e) => {
                       e.stopPropagation();
-                      handleCellClick(record, key, value);
+                      handleCellClick(record, key, originalCellContent);
                     },
                     className: classNames(styles$7.selectableCell, styles$7.selected),
                     children: renderSelectedCell(cellData, cellIndex, selectedCells.length)