@omniumretail/component-library 1.2.98 → 1.3.0

package/dist/component-library.es.js

@@ -24856,7 +24856,9 @@ const ResponsiveTable = (props) => {
     maxCellSelection,
     cellSelectionMode,
     cleanCellSelection,
-    cellSelectionStyle
+    cellSelectionStyle,
+    renderSelectedCell,
+    useOrderedCellSelection = true
   } = props;
   const [customFilters, setCustomFilters] = useState([]);
   const [customColumns, setCustomColumns] = useState([]);
@@ -25019,40 +25021,91 @@ const ResponsiveTable = (props) => {
             );
             const isSelected = cellIndex !== -1;
             if (isSelectable) {
-              const isFirstCell = cellIndex === 0;
-              const isSecondCell = cellIndex === 1;
-              let cellStyle = {};
-              let icon2 = null;
-              if (isFirstCell) {
-                cellStyle = {
-                  backgroundColor: finalCellStyle.firstCell.backgroundColor,
-                  borderColor: finalCellStyle.firstCell.borderColor,
-                  color: finalCellStyle.firstCell.textColor
+              if (renderSelectedCell && isSelected) {
+                const cellData = {
+                  rowKey: record[rowKeyValue],
+                  columnKey: key,
+                  value,
+                  rowData: record
                 };
-                icon2 = /* @__PURE__ */ jsx(ArrowRightOutlined, { style: { color: finalCellStyle.firstCell.iconColor, fontSize: "14px" } });
-              } else if (isSecondCell) {
-                cellStyle = {
-                  backgroundColor: finalCellStyle.secondCell.backgroundColor,
-                  borderColor: finalCellStyle.secondCell.borderColor,
-                  color: finalCellStyle.secondCell.textColor
-                };
-                icon2 = /* @__PURE__ */ jsx(ArrowLeftOutlined, { style: { color: finalCellStyle.secondCell.iconColor, fontSize: "14px" } });
+                return /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    onClick: (e) => {
+                      e.stopPropagation();
+                      handleCellClick(record, key, value);
+                    },
+                    className: classNames(styles$7.selectableCell, styles$7.selected),
+                    children: renderSelectedCell(cellData, cellIndex, selectedCells.length)
+                  }
+                );
               }
-              return /* @__PURE__ */ jsxs(
+              if (!useOrderedCellSelection && isSelected) {
+                const { value: cellValue, type, color } = typeof value === "object" ? value : { value, type: "", color: "" };
+                return /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    onClick: (e) => {
+                      e.stopPropagation();
+                      handleCellClick(record, key, cellValue);
+                    },
+                    className: classNames(
+                      styles$7.selectableCell,
+                      isSelected && styles$7.selected,
+                      isSelected && styles$7.uniformSelection
+                    ),
+                    style: { backgroundColor: isSelected ? color : void 0 },
+                    children: type ? /* @__PURE__ */ jsx(Tag, { color, children: type }) : cellValue
+                  }
+                );
+              }
+              if (useOrderedCellSelection) {
+                const isFirstCell = cellIndex === 0;
+                const isSecondCell = cellIndex === 1;
+                let cellStyle = {};
+                let icon2 = null;
+                if (isFirstCell) {
+                  cellStyle = {
+                    backgroundColor: finalCellStyle.firstCell.backgroundColor,
+                    borderColor: finalCellStyle.firstCell.borderColor,
+                    color: finalCellStyle.firstCell.textColor
+                  };
+                  icon2 = /* @__PURE__ */ jsx(ArrowRightOutlined, { style: { color: finalCellStyle.firstCell.iconColor, fontSize: "14px" } });
+                } else if (isSecondCell) {
+                  cellStyle = {
+                    backgroundColor: finalCellStyle.secondCell.backgroundColor,
+                    borderColor: finalCellStyle.secondCell.borderColor,
+                    color: finalCellStyle.secondCell.textColor
+                  };
+                  icon2 = /* @__PURE__ */ jsx(ArrowLeftOutlined, { style: { color: finalCellStyle.secondCell.iconColor, fontSize: "14px" } });
+                }
+                return /* @__PURE__ */ jsxs(
+                  "div",
+                  {
+                    onClick: (e) => {
+                      e.stopPropagation();
+                      handleCellClick(record, key, value);
+                    },
+                    className: classNames(styles$7.selectableCell, {
+                      [styles$7.selected]: isSelected
+                    }),
+                    style: isSelected ? cellStyle : {},
+                    children: [
+                      value,
+                      isSelected && icon2
+                    ]
+                  }
+                );
+              }
+              return /* @__PURE__ */ jsx(
                 "div",
                 {
                   onClick: (e) => {
                     e.stopPropagation();
                     handleCellClick(record, key, value);
                   },
-                  className: classNames(styles$7.selectableCell, {
-                    [styles$7.selected]: isSelected
-                  }),
-                  style: isSelected ? cellStyle : {},
-                  children: [
-                    value,
-                    isSelected && icon2
-                  ]
+                  className: styles$7.selectableCell,
+                  children: value
                 }
               );
             }