@omniumretail/component-library 1.3.39 → 1.3.41

package/dist/component-library.es.js

@@ -24893,28 +24893,73 @@ const ResponsiveTable = (props) => {
     if (!enableCellSelection || !selectableColumns?.includes(columnKey)) return;
     if (disableCellSelection) return;
     const rowKey = record[rowKeyValue];
-    record[columnKey];
+    const originalCellContent = record[columnKey];
+    console.log("🔍 CLICK DEBUG:", {
+      rowKey,
+      columnKey,
+      originalCellContent,
+      selectedCells: selectedCells.length
+    });
     if (useOrderedCellSelection) ;
     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;
+      console.log("🔍 STATE:", { cellIndex, isSelected, hasBackendSD, hasBackendContent });
       let newSelectedCells;
-      if (cellIndex >= 0) {
-        newSelectedCells = selectedCells.filter((_, index) => index !== cellIndex);
-      } else {
-        const newCell = {
-          rowKey,
-          columnKey,
-          value: templateEditMode ? { type: currentTemplateType, color: currentTemplateColor } : { type: "X", color: selectedCellColor || "grey" },
-          rowData: record
-        };
-        if (cellSelectionMode === "single") {
-          newSelectedCells = [newCell];
+      if (isSelected) {
+        const selectedCell = selectedCells[cellIndex];
+        const selectedType = selectedCell?.value?.type;
+        console.log("✅ IS SELECTED:", { selectedType });
+        if (selectedType !== null) {
+          if (hasBackendContent) {
+            newSelectedCells = selectedCells.map(
+              (cell, idx) => idx === cellIndex ? { ...cell, value: { type: null, color: null } } : cell
+            );
+            console.log("➡️ Marked as empty");
+          } else {
+            newSelectedCells = selectedCells.filter((_, index) => index !== cellIndex);
+            console.log("➡️ Removed");
+          }
         } else {
+          newSelectedCells = selectedCells.map(
+            (cell, idx) => idx === cellIndex ? {
+              ...cell,
+              value: templateEditMode ? { type: currentTemplateType, color: currentTemplateColor } : { type: "X", color: selectedCellColor || "grey" }
+            } : cell
+          );
+          console.log("➡️ Added new type to empty");
+        }
+      } else {
+        console.log("❌ NOT SELECTED");
+        if (hasBackendContent) {
+          const newCell = {
+            rowKey,
+            columnKey,
+            value: { type: null, color: null },
+            rowData: record
+          };
           newSelectedCells = [...selectedCells, newCell];
+          console.log("➡️ Adding as empty (backend content)");
+        } else {
+          const newCell = {
+            rowKey,
+            columnKey,
+            value: templateEditMode ? { type: currentTemplateType, color: currentTemplateColor } : { type: "X", color: selectedCellColor || "grey" },
+            rowData: record
+          };
+          if (cellSelectionMode === "single") {
+            newSelectedCells = [newCell];
+          } else {
+            newSelectedCells = [...selectedCells, newCell];
+          }
+          console.log("➡️ Adding new type (empty cell)");
         }
       }
+      console.log("📤 NEW STATE:", newSelectedCells.length);
       setSelectedCells(newSelectedCells);
       onCellsSelected?.(newSelectedCells);
     }
@@ -25058,8 +25103,10 @@ const ResponsiveTable = (props) => {
                 const getTopLayerContent = () => {
                   if (isSelected2) {
                     const selectedCell = selectedCells[cellIndex2];
+                    const cellType = selectedCell?.value?.type;
                     return {
-                      type: selectedCell?.value?.type,
+                      type: cellType,
+                      // ⚡ Pode ser null!
                       color: selectedCell?.value?.color,
                       isFromSelection: true
                     };
@@ -25075,13 +25122,16 @@ const ResponsiveTable = (props) => {
                 };
                 const topLayer = getTopLayerContent();
                 const getBackgroundColor = () => {
+                  if (topLayer?.isFromSelection && topLayer.type === null) {
+                    return void 0;
+                  }
                   if (hasBackendSD) {
                     return originalCellContent2.color;
                   }
-                  if (topLayer && (topLayer.type === "F" || topLayer.type === "S" || topLayer.type === "D")) {
+                  if (topLayer?.isFromSelection && (topLayer.type === "F" || topLayer.type === "S" || topLayer.type === "D")) {
                     return topLayer.color;
                   }
-                  if (originalCellContent2?.type === "F" && !hasBackendSD) {
+                  if (!topLayer?.isFromSelection && originalCellContent2?.type && (originalCellContent2.type === "F" || originalCellContent2.type === "S" || originalCellContent2.type === "D")) {
                     return originalCellContent2.color;
                   }
                   return void 0;
@@ -25110,6 +25160,9 @@ const ResponsiveTable = (props) => {
                 if (isSelectable2) {
                   const cellContent = (() => {
                     if (templateEditMode) {
+                      if (topLayer && topLayer.type === null) {
+                        return null;
+                      }
                       if (topLayer) {
                         return /* @__PURE__ */ jsx(Tag, { color: topLayer.color, style: { margin: -4, cursor: "pointer" }, children: topLayer.type });
                       }