@omniumretail/component-library 1.3.42 → 1.3.44

package/dist/component-library.es.js

@@ -24862,7 +24862,8 @@ const ResponsiveTable = (props) => {
     disableCellSelection,
     templateEditMode,
     currentTemplateType,
-    currentTemplateColor
+    currentTemplateColor,
+    calendarMode
   } = props;
   const [customFilters, setCustomFilters] = useState([]);
   const [customColumns, setCustomColumns] = useState([]);
@@ -24894,80 +24895,118 @@ const ResponsiveTable = (props) => {
     if (disableCellSelection) return;
     const rowKey = record[rowKeyValue];
     const originalCellContent = record[columnKey];
-    console.log("🔍 CLICK DEBUG:", { rowKey, columnKey, originalCellContent, selectedCells: selectedCells.length, templateEditMode });
-    if (useOrderedCellSelection) ;
-    else {
+    console.log("🔍 CLICK DEBUG:", { rowKey, columnKey, originalCellContent, selectedCells: selectedCells.length, templateEditMode, calendarMode });
+    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;
-      const hasBackendBackground = hasBackendSD || originalCellContent?.type === "F";
-      const hasBlockedContent = originalCellContent?.type === "I" || originalCellContent?.type === "L";
-      console.log("🔍 STATE:", { cellIndex, isSelected, hasBackendSD, hasBackendContent, templateEditMode });
-      if (!templateEditMode && hasBlockedContent) {
-        console.log("🚫 BLOCKED: I/L not clickable in user mode");
-        return;
-      }
-      let newSelectedCells;
-      if (isSelected) {
-        const selectedCell = selectedCells[cellIndex];
-        const selectedType = selectedCell?.value?.type;
-        console.log("✅ IS SELECTED:", { selectedType });
-        if (templateEditMode) {
-          if (selectedType !== null) {
-            if (hasBackendContent) {
+      originalCellContent?.type === "S" || originalCellContent?.type === "D";
+      console.log("🔍 STATE:", {
+        cellIndex,
+        isSelected,
+        originalType: originalCellContent?.type,
+        calendarMode,
+        templateEditMode
+      });
+      let newSelectedCells = selectedCells;
+      if (calendarMode) {
+        if (isSelected) {
+          const selectedCell = selectedCells[cellIndex];
+          if (selectedCell?.value?.type === "F") {
+            if (originalCellContent?.type === "F") {
               newSelectedCells = selectedCells.map(
                 (cell, idx) => idx === cellIndex ? { ...cell, value: { type: null, color: null } } : cell
               );
-              console.log("➡️ Marked as empty (template mode)");
+              console.log("➡️ Marked F as removed (backend F)");
             } else {
               newSelectedCells = selectedCells.filter((_, index) => index !== cellIndex);
-              console.log("➡️ Removed (template mode)");
+              console.log("➡️ Removed F background (calendar)");
             }
-          } else {
+          } else if (selectedCell?.value?.type === null) {
             newSelectedCells = selectedCells.map(
-              (cell, idx) => idx === cellIndex ? {
-                ...cell,
-                value: { type: currentTemplateType, color: currentTemplateColor }
-              } : cell
+              (cell, idx) => idx === cellIndex ? { ...cell, value: { type: "F", color: currentTemplateColor } } : cell
             );
-            console.log("➡️ Added new type to empty (template mode)");
+            console.log("➡️ Re-added F after removal");
           }
         } else {
-          newSelectedCells = selectedCells.filter((_, index) => index !== cellIndex);
-          console.log("➡️ Removed (user mode)");
-        }
-      } else {
-        console.log("❌ NOT SELECTED");
-        if (templateEditMode && hasBackendContent) {
           const newCell = {
             rowKey,
             columnKey,
-            value: { type: null, color: null },
+            value: { type: "F", color: currentTemplateColor },
             rowData: record
           };
           newSelectedCells = [...selectedCells, newCell];
-          console.log("➡️ Adding as empty (template mode, backend content)");
-        } else if (!templateEditMode && (hasBackendBackground || !originalCellContent?.type)) {
+          console.log("➡️ Added F background (calendar)");
+        }
+      } else if (templateEditMode) {
+        if (isSelected) {
+          const selectedCell = selectedCells[cellIndex];
+          if (selectedCell?.value?.type === "I" || selectedCell?.value?.type === "L") {
+            if (originalCellContent?.type === "I" || originalCellContent?.type === "L") {
+              newSelectedCells = selectedCells.map(
+                (cell, idx) => idx === cellIndex ? { ...cell, value: { type: null, color: null } } : cell
+              );
+              console.log("➡️ Marked I/L as removed (backend I/L)");
+            } else {
+              newSelectedCells = selectedCells.filter((_, index) => index !== cellIndex);
+              console.log("➡️ Removed I/L (rules)");
+            }
+          } else if (selectedCell?.value?.type === null) {
+            newSelectedCells = selectedCells.map(
+              (cell, idx) => idx === cellIndex ? { ...cell, value: { type: currentTemplateType, color: currentTemplateColor } } : cell
+            );
+            console.log("➡️ Re-added I/L after removal");
+          }
+        } else {
           const newCell = {
             rowKey,
             columnKey,
-            value: { type: "X", color: selectedCellColor || "grey" },
+            value: { type: currentTemplateType, color: currentTemplateColor },
             rowData: record
           };
-          if (cellSelectionMode === "single") {
-            newSelectedCells = [newCell];
-          } else {
-            newSelectedCells = [...selectedCells, newCell];
-          }
-          console.log("➡️ Adding X (user mode, empty or background)");
+          newSelectedCells = [...selectedCells, newCell];
+          console.log("➡️ Added I/L (rules)");
+        }
+      } else {
+        if (isSelected) {
+          newSelectedCells = selectedCells.filter((_, index) => index !== cellIndex);
+          console.log("➡️ Removed (user mode)");
         } else {
           const newCell = {
             rowKey,
             columnKey,
-            value: templateEditMode ? { type: currentTemplateType, color: currentTemplateColor } : { type: "X", color: selectedCellColor || "grey" },
+            value: { type: "X", color: selectedCellColor || "grey" },
             rowData: record
           };
           if (cellSelectionMode === "single") {
@@ -24975,7 +25014,7 @@ const ResponsiveTable = (props) => {
           } else {
             newSelectedCells = [...selectedCells, newCell];
           }
-          console.log("➡️ Adding new type (empty cell)");
+          console.log("➡️ Added X (user mode)");
         }
       }
       console.log("📤 NEW STATE:", newSelectedCells.length);
@@ -25112,15 +25151,20 @@ const ResponsiveTable = (props) => {
               if (!useOrderedCellSelection) {
                 const isDisabled = originalCellContent?.disabled === true;
                 const isReadonly = originalCellContent?.readonly === true;
-                const hasBackendBackground = originalCellContent?.type === "S" || originalCellContent?.type === "D" || originalCellContent?.type === "F";
-                const hasBlockedContent = originalCellContent?.type === "I" || originalCellContent?.type === "L";
+                const hasBackendSD = originalCellContent?.type === "S" || originalCellContent?.type === "D";
+                let hasBackendBackground;
+                if (calendarMode) {
+                  hasBackendBackground = hasBackendSD;
+                } else {
+                  hasBackendBackground = hasBackendSD || originalCellContent?.type === "F";
+                }
+                !calendarMode && templateEditMode && originalCellContent?.type === "F" || !templateEditMode && !calendarMode && (originalCellContent?.type === "I" || originalCellContent?.type === "L");
                 const getTopLayerContent = () => {
                   if (isSelected) {
                     const selectedCell = selectedCells[cellIndex];
                     const cellType = selectedCell?.value?.type;
                     return {
                       type: cellType,
-                      // ⚡ Pode ser null!
                       color: selectedCell?.value?.color,
                       isFromSelection: true
                     };
@@ -25134,16 +25178,28 @@ const ResponsiveTable = (props) => {
                   }
                   return null;
                 };
-                const topLayer = getTopLayerContent();
+                getTopLayerContent();
                 const getBackgroundColor = () => {
-                  if (topLayer?.isFromSelection && topLayer.type === null) {
+                  if (isSelected && selectedCells[cellIndex]?.value?.type === null && originalCellContent?.type === "F") {
+                    if (originalCellContent?.type === "D") {
+                      return void 0;
+                    }
                     return void 0;
                   }
-                  if (hasBackendBackground) {
+                  if (isSelected) {
+                    const selectedCell = selectedCells[cellIndex];
+                    if (selectedCell?.value?.type === "F") {
+                      return selectedCell.value.color;
+                    }
+                  }
+                  if (originalCellContent?.type === "F") {
                     return originalCellContent.color;
                   }
-                  if (topLayer?.isFromSelection && (topLayer.type === "F" || topLayer.type === "S" || topLayer.type === "D")) {
-                    return topLayer.color;
+                  if (originalCellContent?.type === "D") {
+                    return originalCellContent.color;
+                  }
+                  if (originalCellContent?.type === "S") {
+                    return originalCellContent.color;
                   }
                   return void 0;
                 };
@@ -25170,15 +25226,84 @@ const ResponsiveTable = (props) => {
                 }
                 if (isSelectable) {
                   const cellContent = (() => {
+                    if (calendarMode) {
+                      if (isSelected && (selectedCells[cellIndex]?.value?.type === "I" || selectedCells[cellIndex]?.value?.type === "L")) {
+                        return /* @__PURE__ */ jsx(
+                          Tag,
+                          {
+                            color: selectedCells[cellIndex].value.color,
+                            style: { margin: -4, cursor: "pointer" },
+                            children: selectedCells[cellIndex].value.type
+                          }
+                        );
+                      }
+                      const fWasRemoved = isSelected && selectedCells[cellIndex]?.value?.type === null && originalCellContent?.type === "F";
+                      if (fWasRemoved) {
+                        return null;
+                      }
+                      if (isSelected && selectedCells[cellIndex]?.value?.type === "F") {
+                        if (originalCellContent?.type === "S" || originalCellContent?.type === "D") {
+                          return null;
+                        }
+                        return /* @__PURE__ */ jsx(
+                          Tag,
+                          {
+                            color: selectedCells[cellIndex].value.color,
+                            style: { margin: -4, cursor: "pointer" },
+                            children: "F"
+                          }
+                        );
+                      }
+                      if (originalCellContent?.type === "I" || originalCellContent?.type === "L") {
+                        return /* @__PURE__ */ jsx(
+                          Tag,
+                          {
+                            color: originalCellContent.color,
+                            style: { margin: -4, cursor: "not-allowed" },
+                            children: originalCellContent.type
+                          }
+                        );
+                      }
+                      if (originalCellContent?.type === "F") {
+                        return /* @__PURE__ */ jsx(
+                          Tag,
+                          {
+                            color: originalCellContent.color,
+                            style: { margin: -4, cursor: "pointer" },
+                            children: "F"
+                          }
+                        );
+                      }
+                      return null;
+                    }
                     if (templateEditMode) {
-                      if (topLayer && topLayer.type === null) {
+                      const wasRemoved = isSelected && selectedCells[cellIndex]?.value?.type === null && (originalCellContent?.type === "I" || originalCellContent?.type === "L");
+                      if (wasRemoved) {
+                        if (originalCellContent?.type === "S" || originalCellContent?.type === "D" || originalCellContent?.type === "F") {
+                          return /* @__PURE__ */ jsx(
+                            Tag,
+                            {
+                              color: originalCellContent.color,
+                              style: { margin: -4, cursor: "pointer" },
+                              children: originalCellContent.type
+                            }
+                          );
+                        }
                         return null;
                       }
-                      if (topLayer) {
-                        return /* @__PURE__ */ jsx(Tag, { color: topLayer.color, style: { margin: -4, cursor: "pointer" }, children: topLayer.type });
+                      if (isSelected && (selectedCells[cellIndex]?.value?.type === "I" || selectedCells[cellIndex]?.value?.type === "L")) {
+                        const selectedCell = selectedCells[cellIndex];
+                        return /* @__PURE__ */ jsx(Tag, { color: selectedCell.value.color, style: { margin: -4, cursor: "pointer" }, children: selectedCell.value.type });
                       }
-                      if (hasBackendBackground) {
-                        return /* @__PURE__ */ jsx(Tag, { color: originalCellContent.color, style: { margin: -4, cursor: "pointer" }, children: originalCellContent.type });
+                      if (originalCellContent?.type) {
+                        return /* @__PURE__ */ jsx(
+                          Tag,
+                          {
+                            color: originalCellContent.color,
+                            style: { margin: -4, cursor: "pointer" },
+                            children: originalCellContent.type
+                          }
+                        );
                       }
                       return null;
                     }
@@ -25186,23 +25311,18 @@ const ResponsiveTable = (props) => {
                       const selectedCell = selectedCells[cellIndex];
                       const cellColor = selectedCell?.value?.color || selectedCellColor;
                       const cellType = selectedCell?.value?.type || "X";
-                      const isLicenseType = cellType === "L";
-                      const isReadonlyCell = selectedCell?.value?.readonly || disableCellSelection;
                       return /* @__PURE__ */ jsx(
                         Tag,
                         {
                           color: cellColor,
-                          style: { margin: -4, cursor: isLicenseType || isReadonlyCell ? "not-allowed" : "pointer" },
+                          style: { margin: -4, cursor: "pointer" },
                           children: cellType
                         }
                       );
                     }
-                    if (hasBackendBackground) {
+                    if (originalCellContent?.type) {
                       return /* @__PURE__ */ jsx(Tag, { color: originalCellContent.color, style: { margin: -4, cursor: "pointer" }, children: originalCellContent.type });
                     }
-                    if (hasBlockedContent) {
-                      return /* @__PURE__ */ jsx(Tag, { color: originalCellContent.color, style: { margin: -4, cursor: "not-allowed" }, children: originalCellContent.type });
-                    }
                     return null;
                   })();
                   return /* @__PURE__ */ jsx(
@@ -25211,7 +25331,7 @@ const ResponsiveTable = (props) => {
                       onClick: (e) => {
                         e.stopPropagation();
                         if (disableCellSelection) return;
-                        if (!templateEditMode && isSelected && selectedCells[cellIndex]?.value?.type === "L") {
+                        if (!templateEditMode && !calendarMode && isSelected && selectedCells[cellIndex]?.value?.type === "L") {
                           return;
                         }
                         handleCellClick(record, key);