slick-table 1.1.66 → 1.1.67

package/dist/index.es.js

@@ -41073,127 +41073,123 @@ const Km = Ys`
   maxHeight: "100%",
   maxWidth: "100%",
   userSelect: "none",
-  "&.slick-container": {
-    "& div.slick-pane.slick-pane-header": {
-      "& .slick-header": {
-        borderTopColor: "transparent",
-        "& .slick-header-column": {
-          "&:last-child": {
-            borderRightColor: "transparent"
-          },
-          "&.filter-active .slick-header-button::after": {
-            width: "7px",
-            height: "7px",
-            content: "''",
-            backgroundColor: "#2196f3",
-            position: "absolute",
-            borderRadius: "50%",
-            border: "2px solid #f8f8f8",
-            top: "3px",
-            right: "3px"
-          },
-          "&:not([data-id=_checkbox_selector]):not([data-id=isEdited])": {
-            "& .slick-column-name": {
-              textOverflow: "ellipsis",
-              whiteSpace: "nowrap",
-              overflow: "hidden",
-              maxWidth: "calc(100% - 16px)"
-            }
-          },
-          "& .slick-column-name": {
-            fontSize: Ti
-          },
-          "& .slick-header-button": {
-            width: "19px",
-            height: "12px",
-            "&::before": {
-              position: "absolute",
-              content: "''",
-              width: "19px",
-              height: "12px",
-              top: "6px",
-              right: "5px",
-              backgroundImage: "repeating-linear-gradient(0deg, #808080, #808080 2px, transparent 2px, transparent 4px)",
-              clipPath: "polygon(0% 0%, 100% 0%, 50% 110%)",
-              backgroundColor: "transparent"
-            }
-          },
-          "& .slick-resizable-handle": {
-            boxShadow: "none"
-          }
+  "& .slick-header": {
+    borderTopColor: "transparent",
+    "& .slick-header-column": {
+      "&:last-child": {
+        borderRightColor: "transparent"
+      },
+      "&.filter-active .slick-header-button::after": {
+        width: "7px",
+        height: "7px",
+        content: "''",
+        backgroundColor: "#2196f3",
+        position: "absolute",
+        borderRadius: "50%",
+        border: "2px solid #f8f8f8",
+        top: "3px",
+        right: "3px"
+      },
+      "&:not([data-id=_checkbox_selector]):not([data-id=isEdited])": {
+        "& .slick-column-name": {
+          textOverflow: "ellipsis",
+          whiteSpace: "nowrap",
+          overflow: "hidden",
+          maxWidth: "calc(100% - 16px)"
         }
+      },
+      "& .slick-column-name": {
+        fontSize: Ti
+      },
+      "& .slick-header-button": {
+        width: "19px",
+        height: "12px",
+        "&::before": {
+          position: "absolute",
+          content: "''",
+          width: "19px",
+          height: "12px",
+          top: "6px",
+          right: "5px",
+          backgroundImage: "repeating-linear-gradient(0deg, #808080, #808080 2px, transparent 2px, transparent 4px)",
+          clipPath: "polygon(0% 0%, 100% 0%, 50% 110%)",
+          backgroundColor: "transparent"
+        }
+      },
+      "& .slick-resizable-handle": {
+        boxShadow: "none"
       }
-    },
-    "& .slick-viewport": {
-      // Prevent displaying vertical scroll bar. Override this style when table exceeds available width
-      overflowX: "hidden !important",
-      scrollbarWidth: "thin",
-      "& .slick-cell": {
-        borderTop: "none",
-        borderRightStyle: "solid",
-        borderLeft: "none",
-        borderWidth: "1px",
-        display: "flex",
+    }
+  },
+  "& .slick-viewport": {
+    // Prevent displaying vertical scroll bar. Override this style when table exceeds available width
+    overflowX: "hidden !important",
+    scrollbarWidth: "thin",
+    "& .slick-cell": {
+      borderTop: "none",
+      borderRightStyle: "solid",
+      borderLeft: "none",
+      borderWidth: "1px",
+      display: "flex",
+      fontSize: Ti,
+      "&:last-child": {
+        borderRight: "none"
+      },
+      "&.text-center": {
+        justifyContent: "center",
+        textAlign: "center"
+      },
+      "&.text-right": {
+        justifyContent: "end",
+        textAlign: "right"
+      },
+      "&.bold": {
+        fontWeight: "bold"
+      },
+      "&.wink": {
+        animation: `${Km} infinite 0.5s linear`,
+        "& input": {
+          animation: `${Km} infinite 0.5s linear`
+        }
+      },
+      "& input.editor-text": {
+        textAlign: "inherit"
+      },
+      "& #autocomplete": {
+        boxShadow: "0 0 5px 1px gray",
         fontSize: Ti,
-        "&:last-child": {
-          borderRight: "none"
-        },
-        "&.text-center": {
-          justifyContent: "center",
-          textAlign: "center"
-        },
-        "&.text-right": {
-          justifyContent: "end",
-          textAlign: "right"
-        },
-        "&.bold": {
-          fontWeight: "bold"
-        },
-        "&.wink": {
-          animation: `${Km} infinite 0.5s linear`,
-          "& input": {
-            animation: `${Km} infinite 0.5s linear`
-          }
-        },
-        "& input.editor-text": {
-          textAlign: "inherit"
-        },
-        "& #autocomplete": {
-          boxShadow: "0 0 5px 1px gray",
+        margin: 0,
+        maxHeight: "300px",
+        minWidth: "100%",
+        overflow: "auto",
+        padding: 0,
+        position: "absolute",
+        top: CB,
+        "& div": {
           fontSize: Ti,
-          margin: 0,
-          maxHeight: "300px",
-          minWidth: "100%",
-          overflow: "auto",
-          padding: 0,
-          position: "absolute",
-          top: CB,
-          "& div": {
-            fontSize: Ti,
-            "&:hover": {
-              cursor: "pointer"
-            },
-            "& strong": {
-              color: "#007bff"
-            }
+          "&:hover": {
+            cursor: "pointer"
+          },
+          "& strong": {
+            color: "#007bff"
           }
         }
       }
-    },
-    "& .slick-footerrow": {
-      borderTop: "1px solid silver",
-      "& .slick-footerrow-column": {
-        height: "100%",
-        display: "flex",
-        justifyContent: "flex-end",
-        alignItems: "center",
-        fontSize: Ti,
-        paddingRight: "5px",
-        borderBottom: "none",
-        fontWeight: "bold",
-        "&:last-child": {
-          borderRight: "none"
-        }
+    }
+  },
+  "& .slick-footerrow": {
+    borderTop: "1px solid silver",
+    "& .slick-footerrow-column": {
+      height: "100%",
+      display: "flex",
+      justifyContent: "flex-end",
+      alignItems: "center",
+      fontSize: Ti,
+      paddingRight: "5px",
+      borderBottom: "none",
+      fontWeight: "bold",
+      "&:last-child": {
+        borderRight: "none"
       }
     }
   }

package/dist/types/shared/lib/slickgrid/ui/SlickgridTable/ui/Table/Table.style.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Table.style.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/shared/lib/slickgrid/ui/SlickgridTable/ui/Table/Table.style.ts"],"names":[],"mappings":";;;;;AAgJA,wBAA6B"}
+{"version":3,"file":"Table.style.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/shared/lib/slickgrid/ui/SlickgridTable/ui/Table/Table.style.ts"],"names":[],"mappings":";;;;;AA4IA,wBAA6B"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "slick-table",
-  "version": "1.1.66",
+  "version": "1.1.67",
   "description": "Enhanced version of SlickGrid library",
   "private": false,
   "type": "module",

package/src/shared/lib/slickgrid/ui/SlickgridTable/ui/Table/Table.style.ts

@@ -13,130 +13,126 @@ const Container = styled(Box)({
 	maxWidth: "100%",
 	userSelect: "none",
 
-	"&.slick-container": {
-		"& div.slick-pane.slick-pane-header": {
-			"& .slick-header": {
-				borderTopColor: "transparent",
-				"& .slick-header-column": {
-					"&:last-child": {
-						borderRightColor: "transparent",
-					},
-					"&.filter-active .slick-header-button::after": {
-						width: "7px",
-						height: "7px",
-						content: "''",
-						backgroundColor: "#2196f3",
-						position: "absolute",
-						borderRadius: "50%",
-						border: "2px solid #f8f8f8",
-						top: "3px",
-						right: "3px",
-					},
-					"&:not([data-id=_checkbox_selector]):not([data-id=isEdited])": {
-						"& .slick-column-name": {
-							textOverflow: "ellipsis",
-							whiteSpace: "nowrap",
-							overflow: "hidden",
-							maxWidth: "calc(100% - 16px)",
-						},
-					},
-					"& .slick-column-name": {
-						fontSize,
-					},
-					"& .slick-header-button": {
-						width: "19px",
-						height: "12px",
-						"&::before": {
-							position: "absolute",
-							content: "''",
-							width: "19px",
-							height: "12px",
-							top: "6px",
-							right: "5px",
-							backgroundImage:
-								"repeating-linear-gradient(0deg, #808080, #808080 2px, transparent 2px, transparent 4px)",
-							clipPath: "polygon(0% 0%, 100% 0%, 50% 110%)",
-							backgroundColor: "transparent",
-						},
-					},
-					"& .slick-resizable-handle": {
-						boxShadow: "none",
-					},
+	"& .slick-header": {
+		borderTopColor: "transparent",
+		"& .slick-header-column": {
+			"&:last-child": {
+				borderRightColor: "transparent",
+			},
+			"&.filter-active .slick-header-button::after": {
+				width: "7px",
+				height: "7px",
+				content: "''",
+				backgroundColor: "#2196f3",
+				position: "absolute",
+				borderRadius: "50%",
+				border: "2px solid #f8f8f8",
+				top: "3px",
+				right: "3px",
+			},
+			"&:not([data-id=_checkbox_selector]):not([data-id=isEdited])": {
+				"& .slick-column-name": {
+					textOverflow: "ellipsis",
+					whiteSpace: "nowrap",
+					overflow: "hidden",
+					maxWidth: "calc(100% - 16px)",
 				},
 			},
-		},
-
-		"& .slick-viewport": {
-			// Prevent displaying vertical scroll bar. Override this style when table exceeds available width
-			overflowX: "hidden !important",
-			scrollbarWidth: "thin",
-			"& .slick-cell": {
-				borderTop: "none",
-				borderRightStyle: "solid",
-				borderLeft: "none",
-				borderWidth: "1px",
-				display: "flex",
+			"& .slick-column-name": {
 				fontSize,
-				"&:last-child": {
-					borderRight: "none",
-				},
-				"&.text-center": {
-					justifyContent: "center",
-					textAlign: "center",
-				},
-				"&.text-right": {
-					justifyContent: "end",
-					textAlign: "right",
-				},
-				"&.bold": {
-					fontWeight: "bold",
+			},
+			"& .slick-header-button": {
+				width: "19px",
+				height: "12px",
+				"&::before": {
+					position: "absolute",
+					content: "''",
+					width: "19px",
+					height: "12px",
+					top: "6px",
+					right: "5px",
+					backgroundImage:
+						"repeating-linear-gradient(0deg, #808080, #808080 2px, transparent 2px, transparent 4px)",
+					clipPath: "polygon(0% 0%, 100% 0%, 50% 110%)",
+					backgroundColor: "transparent",
 				},
-				"&.wink": {
+			},
+			"& .slick-resizable-handle": {
+				boxShadow: "none",
+			},
+		},
+	},
+
+	"& .slick-viewport": {
+		// Prevent displaying vertical scroll bar. Override this style when table exceeds available width
+		overflowX: "hidden !important",
+		scrollbarWidth: "thin",
+		"& .slick-cell": {
+			borderTop: "none",
+			borderRightStyle: "solid",
+			borderLeft: "none",
+			borderWidth: "1px",
+			display: "flex",
+			fontSize,
+			"&:last-child": {
+				borderRight: "none",
+			},
+			"&.text-center": {
+				justifyContent: "center",
+				textAlign: "center",
+			},
+			"&.text-right": {
+				justifyContent: "end",
+				textAlign: "right",
+			},
+			"&.bold": {
+				fontWeight: "bold",
+			},
+			"&.wink": {
+				animation: `${wink} infinite 0.5s linear`,
+				"& input": {
 					animation: `${wink} infinite 0.5s linear`,
-					"& input": {
-						animation: `${wink} infinite 0.5s linear`,
-					},
-				},
-				"& input.editor-text": {
-					textAlign: "inherit",
 				},
-				"& #autocomplete": {
-					boxShadow: "0 0 5px 1px gray",
+			},
+			"& input.editor-text": {
+				textAlign: "inherit",
+			},
+			"& #autocomplete": {
+				boxShadow: "0 0 5px 1px gray",
+				fontSize,
+				margin: 0,
+				maxHeight: "300px",
+				minWidth: "100%",
+				overflow: "auto",
+				padding: 0,
+				position: "absolute",
+				top: cellHeight,
+				"& div": {
 					fontSize,
-					margin: 0,
-					maxHeight: "300px",
-					minWidth: "100%",
-					overflow: "auto",
-					padding: 0,
-					position: "absolute",
-					top: cellHeight,
-					"& div": {
-						fontSize,
-						"&:hover": {
-							cursor: "pointer",
-						},
-						"& strong": {
-							color: "#007bff",
-						},
+					"&:hover": {
+						cursor: "pointer",
+					},
+					"& strong": {
+						color: "#007bff",
 					},
 				},
 			},
 		},
+	},
 
-		"& .slick-footerrow": {
-			borderTop: "1px solid silver",
-			"& .slick-footerrow-column": {
-				height: "100%",
-				display: "flex",
-				justifyContent: "flex-end",
-				alignItems: "center",
-				fontSize,
-				paddingRight: "5px",
-				borderBottom: "none",
-				fontWeight: "bold",
-				"&:last-child": {
-					borderRight: "none",
-				},
+	"& .slick-footerrow": {
+		borderTop: "1px solid silver",
+		"& .slick-footerrow-column": {
+			height: "100%",
+			display: "flex",
+			justifyContent: "flex-end",
+			alignItems: "center",
+			fontSize,
+			paddingRight: "5px",
+			borderBottom: "none",
+			fontWeight: "bold",
+			"&:last-child": {
+				borderRight: "none",
 			},
 		},
 	},