@omniumretail/component-library 1.3.14 → 1.3.15

package/dist/component-library.es.js

@@ -24810,12 +24810,10 @@ const TableExportButton = (props) => {
 const tableWrapper = "_tableWrapper_v6yec_1";
 const selectableCell = "_selectableCell_v6yec_167";
 const selected = "_selected_v6yec_182";
-const disabledCell = "_disabledCell_v6yec_189";
 const styles$7 = {
   tableWrapper,
   selectableCell,
-  selected,
-  disabledCell
+  selected
 };
 var sortByOption = /* @__PURE__ */ ((sortByOption2) => {
   sortByOption2["asc"] = "asc";
@@ -24862,8 +24860,7 @@ const ResponsiveTable = (props) => {
     renderSelectedCell,
     useOrderedCellSelection = true,
     initialSelectedCells,
-    selectedCellColor,
-    disabledColumns
+    selectedCellColor
   } = props;
   const [customFilters, setCustomFilters] = useState([]);
   const [customColumns, setCustomColumns] = useState([]);
@@ -25046,39 +25043,58 @@ const ResponsiveTable = (props) => {
                 );
               }
               if (!useOrderedCellSelection) {
-                const isDisabled = disabledColumns?.includes(key);
-                const cellContent = (() => {
-                  if (isSelected) {
-                    const cellColor = originalCellContent?.color || selectedCellColor;
-                    return /* @__PURE__ */ jsx(Tag, { color: cellColor, style: { margin: -4 }, children: "X" });
-                  }
-                  if (originalCellContent) {
-                    return /* @__PURE__ */ jsx(Tag, { color: originalCellContent.color, style: { margin: -4 }, children: originalCellContent.type });
-                  }
-                  return null;
-                })();
-                return /* @__PURE__ */ jsx(
-                  "div",
-                  {
-                    onClick: (e) => {
-                      e.stopPropagation();
-                      if (!isDisabled) {
-                        handleCellClick(record, key, originalCellContent);
-                      }
-                    },
-                    className: classNames(
-                      styles$7.selectableCell,
-                      isSelected && styles$7.selected,
-                      isSelected && styles$7.uniformSelection,
-                      isDisabled && styles$7.disabledCell
-                    ),
-                    style: {
-                      cursor: isDisabled ? "not-allowed" : "pointer",
-                      opacity: isDisabled ? 0.3 : 1
-                    },
-                    children: cellContent
-                  }
+                const isSelectable2 = enableCellSelection && selectableColumns?.includes(key);
+                const originalCellContent2 = record[key];
+                const isDisabled = originalCellContent2?.disabled === true;
+                const cellIndex2 = selectedCells.findIndex(
+                  (cell) => cell.rowKey === record[rowKeyValue] && cell.columnKey === key
                 );
+                const isSelected2 = cellIndex2 !== -1;
+                if (isDisabled) {
+                  return /* @__PURE__ */ jsx(
+                    "div",
+                    {
+                      style: {
+                        backgroundColor: "#e8e8e8",
+                        cursor: "not-allowed",
+                        textAlign: "center",
+                        color: "#999",
+                        padding: "8px",
+                        border: "1px solid #d9d9d9"
+                      },
+                      children: "-"
+                    }
+                  );
+                }
+                if (isSelectable2) {
+                  const cellContent = (() => {
+                    if (isSelected2) {
+                      const selectedCell = selectedCells[cellIndex2];
+                      const cellColor = selectedCell?.value?.color || selectedCellColor;
+                      return /* @__PURE__ */ jsx(Tag, { color: cellColor, style: { margin: -4 }, children: "X" });
+                    }
+                    if (originalCellContent2) {
+                      return /* @__PURE__ */ jsx(Tag, { color: originalCellContent2.color, style: { margin: -4 }, children: originalCellContent2.type });
+                    }
+                    return null;
+                  })();
+                  return /* @__PURE__ */ jsx(
+                    "div",
+                    {
+                      onClick: (e) => {
+                        e.stopPropagation();
+                        handleCellClick(record, key, originalCellContent2);
+                      },
+                      className: classNames(
+                        styles$7.selectableCell,
+                        isSelected2 && styles$7.selected,
+                        isSelected2 && styles$7.uniformSelection
+                      ),
+                      children: cellContent
+                    }
+                  );
+                }
+                return value;
               }
               if (useOrderedCellSelection) {
                 const isFirstCell = cellIndex === 0;