@omniumretail/component-library 1.3.38 → 1.3.40

package/dist/component-library.es.js

@@ -24893,15 +24893,56 @@ const ResponsiveTable = (props) => {
     if (!enableCellSelection || !selectableColumns?.includes(columnKey)) return;
     if (disableCellSelection) return;
     const rowKey = record[rowKeyValue];
-    record[columnKey];
-    if (useOrderedCellSelection) ;
-    else {
+    const originalCellContent = record[columnKey];
+    if (useOrderedCellSelection) {
+      const isAlreadySelected = selectedCells.some(
+        (cell) => cell.rowKey === rowKey && cell.columnKey === columnKey
+      );
+      let newSelectedCells;
+      if (isAlreadySelected) {
+        newSelectedCells = selectedCells.filter(
+          (cell) => !(cell.rowKey === rowKey && cell.columnKey === columnKey)
+        );
+      } else {
+        const cellData = {
+          rowKey,
+          columnKey,
+          value: {
+            type: "X",
+            color: selectedCellColor || "grey"
+          },
+          rowData: record
+        };
+        const maxSelection = maxCellSelection || 2;
+        if (cellSelectionMode === "single") {
+          newSelectedCells = [cellData];
+        } else if (selectedCells.length >= maxSelection) {
+          newSelectedCells = [...selectedCells.slice(1), cellData];
+        } else {
+          newSelectedCells = [...selectedCells, cellData];
+        }
+      }
+      setSelectedCells(newSelectedCells);
+      onCellsSelected?.(newSelectedCells);
+    } else {
       const cellIndex = selectedCells.findIndex(
         (cell) => cell.rowKey === rowKey && cell.columnKey === columnKey
       );
+      const isSelected = cellIndex >= 0;
+      const hasBackendSD = originalCellContent?.type === "S" || originalCellContent?.type === "D";
+      const hasBackendContent = originalCellContent?.type && !hasBackendSD;
       let newSelectedCells;
-      if (cellIndex >= 0) {
+      if (isSelected) {
         newSelectedCells = selectedCells.filter((_, index) => index !== cellIndex);
+      } else if (hasBackendContent) {
+        const newCell = {
+          rowKey,
+          columnKey,
+          value: { type: null, color: null },
+          // ⚡ Marca como removido/vazio
+          rowData: record
+        };
+        newSelectedCells = [...selectedCells, newCell];
       } else {
         const newCell = {
           rowKey,
@@ -25054,27 +25095,39 @@ const ResponsiveTable = (props) => {
                   (cell) => cell.rowKey === record[rowKeyValue] && cell.columnKey === key
                 );
                 const isSelected2 = cellIndex2 !== -1;
-                const getDisplayTypeAndColor = () => {
+                const hasBackendSD = originalCellContent2?.type === "S" || originalCellContent2?.type === "D";
+                const getTopLayerContent = () => {
                   if (isSelected2) {
                     const selectedCell = selectedCells[cellIndex2];
+                    const cellType = selectedCell?.value?.type;
+                    if (cellType === null) {
+                      return null;
+                    }
                     return {
-                      type: selectedCell?.value?.type,
-                      color: selectedCell?.value?.color
+                      type: cellType,
+                      color: selectedCell?.value?.color,
+                      isFromSelection: true
                     };
                   }
-                  if (originalCellContent2?.type) {
+                  if (originalCellContent2?.type && !hasBackendSD) {
                     return {
                       type: originalCellContent2.type,
-                      color: originalCellContent2.color
+                      color: originalCellContent2.color,
+                      isFromSelection: false
                     };
                   }
-                  return { type: null, color: null };
+                  return null;
                 };
-                const { type: displayType, color: displayColor } = getDisplayTypeAndColor();
+                const topLayer = getTopLayerContent();
                 const getBackgroundColor = () => {
-                  if (!displayType) return void 0;
-                  if (displayType === "F" || displayType === "S" || displayType === "D") {
-                    return displayColor;
+                  if (hasBackendSD) {
+                    return originalCellContent2.color;
+                  }
+                  if (topLayer && (topLayer.type === "F" || topLayer.type === "S" || topLayer.type === "D")) {
+                    return topLayer.color;
+                  }
+                  if (originalCellContent2?.type === "F" && !hasBackendSD) {
+                    return originalCellContent2.color;
                   }
                   return void 0;
                 };
@@ -25102,8 +25155,11 @@ const ResponsiveTable = (props) => {
                 if (isSelectable2) {
                   const cellContent = (() => {
                     if (templateEditMode) {
-                      if (displayType) {
-                        return /* @__PURE__ */ jsx(Tag, { color: displayColor, style: { margin: -4, cursor: "pointer" }, children: displayType });
+                      if (topLayer) {
+                        return /* @__PURE__ */ jsx(Tag, { color: topLayer.color, style: { margin: -4, cursor: "pointer" }, children: topLayer.type });
+                      }
+                      if (hasBackendSD) {
+                        return /* @__PURE__ */ jsx(Tag, { color: originalCellContent2.color, style: { margin: -4, cursor: "pointer" }, children: originalCellContent2.type });
                       }
                       return null;
                     }