@omniumretail/component-library 1.3.36 → 1.3.38

package/dist/component-library.es.js

@@ -24893,16 +24893,12 @@ const ResponsiveTable = (props) => {
     if (!enableCellSelection || !selectableColumns?.includes(columnKey)) return;
     if (disableCellSelection) return;
     const rowKey = record[rowKeyValue];
-    const originalCellContent = record[columnKey];
-    const cellIndex = selectedCells.findIndex(
-      (cell) => cell.rowKey === rowKey && cell.columnKey === columnKey
-    );
-    const hasSelectionOnTop = cellIndex >= 0;
-    if (templateEditMode && !hasSelectionOnTop && originalCellContent?.type && (originalCellContent.type === "S" || originalCellContent.type === "D")) {
-      return;
-    }
+    record[columnKey];
     if (useOrderedCellSelection) ;
     else {
+      const cellIndex = selectedCells.findIndex(
+        (cell) => cell.rowKey === rowKey && cell.columnKey === columnKey
+      );
       let newSelectedCells;
       if (cellIndex >= 0) {
         newSelectedCells = selectedCells.filter((_, index) => index !== cellIndex);
@@ -25058,25 +25054,27 @@ const ResponsiveTable = (props) => {
                   (cell) => cell.rowKey === record[rowKeyValue] && cell.columnKey === key
                 );
                 const isSelected2 = cellIndex2 !== -1;
-                const isFixedTemplate = templateEditMode && originalCellContent2?.type && (originalCellContent2.type === "S" || originalCellContent2.type === "D") && !isSelected2;
-                const getBackgroundColor = () => {
-                  if (templateEditMode && isSelected2) {
+                const getDisplayTypeAndColor = () => {
+                  if (isSelected2) {
                     const selectedCell = selectedCells[cellIndex2];
-                    const cellType = selectedCell?.value?.type;
-                    if (cellType === "F" || cellType === "S" || cellType === "D") {
-                      return selectedCell?.value?.color;
-                    }
-                    return void 0;
+                    return {
+                      type: selectedCell?.value?.type,
+                      color: selectedCell?.value?.color
+                    };
                   }
-                  if (templateEditMode && !isSelected2 && originalCellContent2?.type) {
-                    if (originalCellContent2.type === "F") return originalCellContent2.color;
-                    if (originalCellContent2.type === "S") return originalCellContent2.color;
-                    if (originalCellContent2.type === "D") return originalCellContent2.color;
+                  if (originalCellContent2?.type) {
+                    return {
+                      type: originalCellContent2.type,
+                      color: originalCellContent2.color
+                    };
                   }
-                  if (!templateEditMode && originalCellContent2?.type) {
-                    if (originalCellContent2.type === "F") return originalCellContent2.color;
-                    if (originalCellContent2.type === "S") return originalCellContent2.color;
-                    if (originalCellContent2.type === "D") return originalCellContent2.color;
+                  return { type: null, color: null };
+                };
+                const { type: displayType, color: displayColor } = getDisplayTypeAndColor();
+                const getBackgroundColor = () => {
+                  if (!displayType) return void 0;
+                  if (displayType === "F" || displayType === "S" || displayType === "D") {
+                    return displayColor;
                   }
                   return void 0;
                 };
@@ -25101,21 +25099,14 @@ const ResponsiveTable = (props) => {
                     );
                   }
                 }
-                if (isFixedTemplate) {
-                  return /* @__PURE__ */ jsx(
-                    "div",
-                    {
-                      style: {
-                        backgroundColor: cellBackgroundColor,
-                        padding: "4px",
-                        textAlign: "center"
-                      },
-                      children: /* @__PURE__ */ jsx(Tag, { color: originalCellContent2.color, style: { margin: -4, cursor: "not-allowed" }, children: originalCellContent2.type })
-                    }
-                  );
-                }
                 if (isSelectable2) {
                   const cellContent = (() => {
+                    if (templateEditMode) {
+                      if (displayType) {
+                        return /* @__PURE__ */ jsx(Tag, { color: displayColor, style: { margin: -4, cursor: "pointer" }, children: displayType });
+                      }
+                      return null;
+                    }
                     if (isSelected2) {
                       const selectedCell = selectedCells[cellIndex2];
                       const cellColor = selectedCell?.value?.color || selectedCellColor;
@@ -25126,14 +25117,11 @@ const ResponsiveTable = (props) => {
                         Tag,
                         {
                           color: cellColor,
-                          style: { margin: -4, cursor: (isLicenseType || isReadonlyCell) && !templateEditMode ? "not-allowed" : "pointer" },
+                          style: { margin: -4, cursor: isLicenseType || isReadonlyCell ? "not-allowed" : "pointer" },
                           children: cellType
                         }
                       );
                     }
-                    if (templateEditMode) {
-                      return null;
-                    }
                     if (originalCellContent2) {
                       return /* @__PURE__ */ jsx(Tag, { color: originalCellContent2.color, style: { margin: -4 }, children: originalCellContent2.type });
                     }