slick-table 1.1.65 → 1.1.67

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/index.cjs.js +50 -50
  2. package/dist/index.es.js +110 -119
  3. package/dist/types/shared/lib/slickgrid/ui/SlickgridTable/ui/Table/Table.style.d.ts.map +1 -1
  4. package/package.json +1 -1
  5. package/src/shared/lib/slickgrid/ui/SlickgridTable/ui/Table/Table.style.ts +108 -117
package/dist/index.es.js CHANGED
@@ -41073,132 +41073,123 @@ const Km = Ys`
41073
41073
  maxHeight: "100%",
41074
41074
  maxWidth: "100%",
41075
41075
  userSelect: "none",
41076
- "&.slick-container": {
41077
- "& div.slick-pane.slick-pane-header": {
41078
- "& .slick-header": {
41079
- borderTopColor: "transparent",
41080
- "& .slick-header-column": {
41081
- "&:last-child": {
41082
- borderRightColor: "transparent"
41083
- },
41084
- "&.filter-active .slick-header-button::after": {
41085
- width: "7px",
41086
- height: "7px",
41087
- content: "''",
41088
- backgroundColor: "#2196f3",
41089
- position: "absolute",
41090
- borderRadius: "50%",
41091
- border: "2px solid #f8f8f8",
41092
- top: "3px",
41093
- right: "3px"
41094
- },
41095
- "&:not([data-id=_checkbox_selector]):not([data-id=isEdited])": {
41096
- "& .slick-column-name": {
41097
- textOverflow: "ellipsis",
41098
- whiteSpace: "nowrap",
41099
- overflow: "hidden",
41100
- maxWidth: "calc(100% - 16px)"
41101
- }
41102
- },
41103
- "&.slick-state-hover": {
41104
- "&.filter-active .slick-header-button::after": {
41105
- border: "2px solid #e8e8e8"
41106
- }
41107
- },
41108
- "& .slick-column-name": {
41109
- fontSize: Ti
41110
- },
41111
- "& .slick-header-button": {
41112
- width: "19px",
41113
- height: "12px",
41114
- "&::before": {
41115
- position: "absolute",
41116
- content: "''",
41117
- width: "19px",
41118
- height: "12px",
41119
- top: "6px",
41120
- right: "5px",
41121
- backgroundImage: "repeating-linear-gradient(0deg, #808080, #808080 2px, transparent 2px, transparent 4px)",
41122
- clipPath: "polygon(0% 0%, 100% 0%, 50% 110%)",
41123
- backgroundColor: "transparent"
41124
- }
41125
- },
41126
- "& .slick-resizable-handle": {
41127
- boxShadow: "none"
41128
- }
41076
+ "& .slick-header": {
41077
+ borderTopColor: "transparent",
41078
+ "& .slick-header-column": {
41079
+ "&:last-child": {
41080
+ borderRightColor: "transparent"
41081
+ },
41082
+ "&.filter-active .slick-header-button::after": {
41083
+ width: "7px",
41084
+ height: "7px",
41085
+ content: "''",
41086
+ backgroundColor: "#2196f3",
41087
+ position: "absolute",
41088
+ borderRadius: "50%",
41089
+ border: "2px solid #f8f8f8",
41090
+ top: "3px",
41091
+ right: "3px"
41092
+ },
41093
+ "&:not([data-id=_checkbox_selector]):not([data-id=isEdited])": {
41094
+ "& .slick-column-name": {
41095
+ textOverflow: "ellipsis",
41096
+ whiteSpace: "nowrap",
41097
+ overflow: "hidden",
41098
+ maxWidth: "calc(100% - 16px)"
41099
+ }
41100
+ },
41101
+ "& .slick-column-name": {
41102
+ fontSize: Ti
41103
+ },
41104
+ "& .slick-header-button": {
41105
+ width: "19px",
41106
+ height: "12px",
41107
+ "&::before": {
41108
+ position: "absolute",
41109
+ content: "''",
41110
+ width: "19px",
41111
+ height: "12px",
41112
+ top: "6px",
41113
+ right: "5px",
41114
+ backgroundImage: "repeating-linear-gradient(0deg, #808080, #808080 2px, transparent 2px, transparent 4px)",
41115
+ clipPath: "polygon(0% 0%, 100% 0%, 50% 110%)",
41116
+ backgroundColor: "transparent"
41129
41117
  }
41118
+ },
41119
+ "& .slick-resizable-handle": {
41120
+ boxShadow: "none"
41130
41121
  }
41131
- },
41132
- "& .slick-viewport": {
41133
- // Prevent displaying vertical scroll bar. Override this style when table exceeds available width
41134
- overflowX: "hidden !important",
41135
- scrollbarWidth: "thin",
41136
- "& .slick-cell": {
41137
- borderTop: "none",
41138
- borderRightStyle: "solid",
41139
- borderLeft: "none",
41140
- borderWidth: "1px",
41141
- display: "flex",
41122
+ }
41123
+ },
41124
+ "& .slick-viewport": {
41125
+ // Prevent displaying vertical scroll bar. Override this style when table exceeds available width
41126
+ overflowX: "hidden !important",
41127
+ scrollbarWidth: "thin",
41128
+ "& .slick-cell": {
41129
+ borderTop: "none",
41130
+ borderRightStyle: "solid",
41131
+ borderLeft: "none",
41132
+ borderWidth: "1px",
41133
+ display: "flex",
41134
+ fontSize: Ti,
41135
+ "&:last-child": {
41136
+ borderRight: "none"
41137
+ },
41138
+ "&.text-center": {
41139
+ justifyContent: "center",
41140
+ textAlign: "center"
41141
+ },
41142
+ "&.text-right": {
41143
+ justifyContent: "end",
41144
+ textAlign: "right"
41145
+ },
41146
+ "&.bold": {
41147
+ fontWeight: "bold"
41148
+ },
41149
+ "&.wink": {
41150
+ animation: `${Km} infinite 0.5s linear`,
41151
+ "& input": {
41152
+ animation: `${Km} infinite 0.5s linear`
41153
+ }
41154
+ },
41155
+ "& input.editor-text": {
41156
+ textAlign: "inherit"
41157
+ },
41158
+ "& #autocomplete": {
41159
+ boxShadow: "0 0 5px 1px gray",
41142
41160
  fontSize: Ti,
41143
- "&:last-child": {
41144
- borderRight: "none"
41145
- },
41146
- "&.text-center": {
41147
- justifyContent: "center",
41148
- textAlign: "center"
41149
- },
41150
- "&.text-right": {
41151
- justifyContent: "end",
41152
- textAlign: "right"
41153
- },
41154
- "&.bold": {
41155
- fontWeight: "bold"
41156
- },
41157
- "&.wink": {
41158
- animation: `${Km} infinite 0.5s linear`,
41159
- "& input": {
41160
- animation: `${Km} infinite 0.5s linear`
41161
- }
41162
- },
41163
- "& input.editor-text": {
41164
- textAlign: "inherit"
41165
- },
41166
- "& #autocomplete": {
41167
- boxShadow: "0 0 5px 1px gray",
41161
+ margin: 0,
41162
+ maxHeight: "300px",
41163
+ minWidth: "100%",
41164
+ overflow: "auto",
41165
+ padding: 0,
41166
+ position: "absolute",
41167
+ top: CB,
41168
+ "& div": {
41168
41169
  fontSize: Ti,
41169
- margin: 0,
41170
- maxHeight: "300px",
41171
- minWidth: "100%",
41172
- overflow: "auto",
41173
- padding: 0,
41174
- position: "absolute",
41175
- top: CB,
41176
- "& div": {
41177
- fontSize: Ti,
41178
- "&:hover": {
41179
- cursor: "pointer"
41180
- },
41181
- "& strong": {
41182
- color: "#007bff"
41183
- }
41170
+ "&:hover": {
41171
+ cursor: "pointer"
41172
+ },
41173
+ "& strong": {
41174
+ color: "#007bff"
41184
41175
  }
41185
41176
  }
41186
41177
  }
41187
- },
41188
- "& .slick-footerrow": {
41189
- borderTop: "1px solid silver",
41190
- "& .slick-footerrow-column": {
41191
- height: "100%",
41192
- display: "flex",
41193
- justifyContent: "flex-end",
41194
- alignItems: "center",
41195
- fontSize: Ti,
41196
- paddingRight: "5px",
41197
- borderBottom: "none",
41198
- fontWeight: "bold",
41199
- "&:last-child": {
41200
- borderRight: "none"
41201
- }
41178
+ }
41179
+ },
41180
+ "& .slick-footerrow": {
41181
+ borderTop: "1px solid silver",
41182
+ "& .slick-footerrow-column": {
41183
+ height: "100%",
41184
+ display: "flex",
41185
+ justifyContent: "flex-end",
41186
+ alignItems: "center",
41187
+ fontSize: Ti,
41188
+ paddingRight: "5px",
41189
+ borderBottom: "none",
41190
+ fontWeight: "bold",
41191
+ "&:last-child": {
41192
+ borderRight: "none"
41202
41193
  }
41203
41194
  }
41204
41195
  }
package/dist/types/shared/lib/slickgrid/ui/SlickgridTable/ui/Table/Table.style.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Table.style.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/shared/lib/slickgrid/ui/SlickgridTable/ui/Table/Table.style.ts"],"names":[],"mappings":";;;;;AAqJA,wBAA6B"}
1
+ {"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 CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "slick-table",
3
- "version": "1.1.65",
3
+ "version": "1.1.67",
4
4
  "description": "Enhanced version of SlickGrid library",
5
5
  "private": false,
6
6
  "type": "module",
package/src/shared/lib/slickgrid/ui/SlickgridTable/ui/Table/Table.style.ts CHANGED
@@ -13,135 +13,126 @@ const Container = styled(Box)({
13
13
  maxWidth: "100%",
14
14
  userSelect: "none",
15
15
 
16
- "&.slick-container": {
17
- "& div.slick-pane.slick-pane-header": {
18
- "& .slick-header": {
19
- borderTopColor: "transparent",
20
- "& .slick-header-column": {
21
- "&:last-child": {
22
- borderRightColor: "transparent",
23
- },
24
- "&.filter-active .slick-header-button::after": {
25
- width: "7px",
26
- height: "7px",
27
- content: "''",
28
- backgroundColor: "#2196f3",
29
- position: "absolute",
30
- borderRadius: "50%",
31
- border: "2px solid #f8f8f8",
32
- top: "3px",
33
- right: "3px",
34
- },
35
- "&:not([data-id=_checkbox_selector]):not([data-id=isEdited])": {
36
- "& .slick-column-name": {
37
- textOverflow: "ellipsis",
38
- whiteSpace: "nowrap",
39
- overflow: "hidden",
40
- maxWidth: "calc(100% - 16px)",
41
- },
42
- },
43
- "&.slick-state-hover": {
44
- "&.filter-active .slick-header-button::after": {
45
- border: "2px solid #e8e8e8",
46
- },
47
- },
48
- "& .slick-column-name": {
49
- fontSize,
50
- },
51
- "& .slick-header-button": {
52
- width: "19px",
53
- height: "12px",
54
- "&::before": {
55
- position: "absolute",
56
- content: "''",
57
- width: "19px",
58
- height: "12px",
59
- top: "6px",
60
- right: "5px",
61
- backgroundImage:
62
- "repeating-linear-gradient(0deg, #808080, #808080 2px, transparent 2px, transparent 4px)",
63
- clipPath: "polygon(0% 0%, 100% 0%, 50% 110%)",
64
- backgroundColor: "transparent",
65
- },
66
- },
67
- "& .slick-resizable-handle": {
68
- boxShadow: "none",
69
- },
16
+ "& .slick-header": {
17
+ borderTopColor: "transparent",
18
+ "& .slick-header-column": {
19
+ "&:last-child": {
20
+ borderRightColor: "transparent",
21
+ },
22
+ "&.filter-active .slick-header-button::after": {
23
+ width: "7px",
24
+ height: "7px",
25
+ content: "''",
26
+ backgroundColor: "#2196f3",
27
+ position: "absolute",
28
+ borderRadius: "50%",
29
+ border: "2px solid #f8f8f8",
30
+ top: "3px",
31
+ right: "3px",
32
+ },
33
+ "&:not([data-id=_checkbox_selector]):not([data-id=isEdited])": {
34
+ "& .slick-column-name": {
35
+ textOverflow: "ellipsis",
36
+ whiteSpace: "nowrap",
37
+ overflow: "hidden",
38
+ maxWidth: "calc(100% - 16px)",
70
39
  },
71
40
  },
72
- },
73
-
74
- "& .slick-viewport": {
75
- // Prevent displaying vertical scroll bar. Override this style when table exceeds available width
76
- overflowX: "hidden !important",
77
- scrollbarWidth: "thin",
78
- "& .slick-cell": {
79
- borderTop: "none",
80
- borderRightStyle: "solid",
81
- borderLeft: "none",
82
- borderWidth: "1px",
83
- display: "flex",
41
+ "& .slick-column-name": {
84
42
  fontSize,
85
- "&:last-child": {
86
- borderRight: "none",
87
- },
88
- "&.text-center": {
89
- justifyContent: "center",
90
- textAlign: "center",
91
- },
92
- "&.text-right": {
93
- justifyContent: "end",
94
- textAlign: "right",
95
- },
96
- "&.bold": {
97
- fontWeight: "bold",
43
+ },
44
+ "& .slick-header-button": {
45
+ width: "19px",
46
+ height: "12px",
47
+ "&::before": {
48
+ position: "absolute",
49
+ content: "''",
50
+ width: "19px",
51
+ height: "12px",
52
+ top: "6px",
53
+ right: "5px",
54
+ backgroundImage:
55
+ "repeating-linear-gradient(0deg, #808080, #808080 2px, transparent 2px, transparent 4px)",
56
+ clipPath: "polygon(0% 0%, 100% 0%, 50% 110%)",
57
+ backgroundColor: "transparent",
98
58
  },
99
- "&.wink": {
59
+ },
60
+ "& .slick-resizable-handle": {
61
+ boxShadow: "none",
62
+ },
63
+ },
64
+ },
65
+
66
+ "& .slick-viewport": {
67
+ // Prevent displaying vertical scroll bar. Override this style when table exceeds available width
68
+ overflowX: "hidden !important",
69
+ scrollbarWidth: "thin",
70
+ "& .slick-cell": {
71
+ borderTop: "none",
72
+ borderRightStyle: "solid",
73
+ borderLeft: "none",
74
+ borderWidth: "1px",
75
+ display: "flex",
76
+ fontSize,
77
+ "&:last-child": {
78
+ borderRight: "none",
79
+ },
80
+ "&.text-center": {
81
+ justifyContent: "center",
82
+ textAlign: "center",
83
+ },
84
+ "&.text-right": {
85
+ justifyContent: "end",
86
+ textAlign: "right",
87
+ },
88
+ "&.bold": {
89
+ fontWeight: "bold",
90
+ },
91
+ "&.wink": {
92
+ animation: `${wink} infinite 0.5s linear`,
93
+ "& input": {
100
94
  animation: `${wink} infinite 0.5s linear`,
101
- "& input": {
102
- animation: `${wink} infinite 0.5s linear`,
103
- },
104
- },
105
- "& input.editor-text": {
106
- textAlign: "inherit",
107
95
  },
108
- "& #autocomplete": {
109
- boxShadow: "0 0 5px 1px gray",
96
+ },
97
+ "& input.editor-text": {
98
+ textAlign: "inherit",
99
+ },
100
+ "& #autocomplete": {
101
+ boxShadow: "0 0 5px 1px gray",
102
+ fontSize,
103
+ margin: 0,
104
+ maxHeight: "300px",
105
+ minWidth: "100%",
106
+ overflow: "auto",
107
+ padding: 0,
108
+ position: "absolute",
109
+ top: cellHeight,
110
+ "& div": {
110
111
  fontSize,
111
- margin: 0,
112
- maxHeight: "300px",
113
- minWidth: "100%",
114
- overflow: "auto",
115
- padding: 0,
116
- position: "absolute",
117
- top: cellHeight,
118
- "& div": {
119
- fontSize,
120
- "&:hover": {
121
- cursor: "pointer",
122
- },
123
- "& strong": {
124
- color: "#007bff",
125
- },
112
+ "&:hover": {
113
+ cursor: "pointer",
114
+ },
115
+ "& strong": {
116
+ color: "#007bff",
126
117
  },
127
118
  },
128
119
  },
129
120
  },
121
+ },
130
122
 
131
- "& .slick-footerrow": {
132
- borderTop: "1px solid silver",
133
- "& .slick-footerrow-column": {
134
- height: "100%",
135
- display: "flex",
136
- justifyContent: "flex-end",
137
- alignItems: "center",
138
- fontSize,
139
- paddingRight: "5px",
140
- borderBottom: "none",
141
- fontWeight: "bold",
142
- "&:last-child": {
143
- borderRight: "none",
144
- },
123
+ "& .slick-footerrow": {
124
+ borderTop: "1px solid silver",
125
+ "& .slick-footerrow-column": {
126
+ height: "100%",
127
+ display: "flex",
128
+ justifyContent: "flex-end",
129
+ alignItems: "center",
130
+ fontSize,
131
+ paddingRight: "5px",
132
+ borderBottom: "none",
133
+ fontWeight: "bold",
134
+ "&:last-child": {
135
+ borderRight: "none",
145
136
  },
146
137
  },
147
138
  },