slick-table 1.1.28 → 1.1.29

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 (10) hide show
  1. package/dist/index.cjs.js +18 -18
  2. package/dist/index.es.js +735 -738
  3. package/dist/types/shared/lib/slickgrid/ui/SlickgridTable/ui/SlickgridTable.style.d.ts.map +1 -1
  4. package/dist/types/shared/lib/slickgrid/ui/styles/WithTableStyles/WithTableStyles.style.d.ts.map +1 -1
  5. package/dist/types/shared/lib/slickgrid/ui/styles/index.d.ts +1 -0
  6. package/dist/types/shared/lib/slickgrid/ui/styles/index.d.ts.map +1 -1
  7. package/package.json +1 -1
  8. package/src/shared/lib/slickgrid/ui/SlickgridTable/ui/SlickgridTable.style.ts +63 -4
  9. package/src/shared/lib/slickgrid/ui/styles/WithTableStyles/WithTableStyles.style.ts +0 -61
  10. package/src/shared/lib/slickgrid/ui/styles/index.ts +1 -0
package/dist/types/shared/lib/slickgrid/ui/SlickgridTable/ui/SlickgridTable.style.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"SlickgridTable.style.d.ts","sourceRoot":"","sources":["../../../../../../../../src/shared/lib/slickgrid/ui/SlickgridTable/ui/SlickgridTable.style.ts"],"names":[],"mappings":";;;;;AA4DA,wBAA6B"}
1
+ {"version":3,"file":"SlickgridTable.style.d.ts","sourceRoot":"","sources":["../../../../../../../../src/shared/lib/slickgrid/ui/SlickgridTable/ui/SlickgridTable.style.ts"],"names":[],"mappings":";;;;;AAuHA,wBAA6B"}
package/dist/types/shared/lib/slickgrid/ui/styles/WithTableStyles/WithTableStyles.style.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"WithTableStyles.style.d.ts","sourceRoot":"","sources":["../../../../../../../../src/shared/lib/slickgrid/ui/styles/WithTableStyles/WithTableStyles.style.ts"],"names":[],"mappings":";;;;;AA+GA,wBAA2B"}
1
+ {"version":3,"file":"WithTableStyles.style.d.ts","sourceRoot":"","sources":["../../../../../../../../src/shared/lib/slickgrid/ui/styles/WithTableStyles/WithTableStyles.style.ts"],"names":[],"mappings":";;;;;AAkDA,wBAA2B"}
package/dist/types/shared/lib/slickgrid/ui/styles/index.d.ts CHANGED
@@ -1,2 +1,3 @@
1
1
  export { WithTableStyles } from './WithTableStyles';
2
+ export { wink } from './keyframes';
2
3
  //# sourceMappingURL=index.d.ts.map
package/dist/types/shared/lib/slickgrid/ui/styles/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/shared/lib/slickgrid/ui/styles/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/shared/lib/slickgrid/ui/styles/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "slick-table",
3
- "version": "1.1.28",
3
+ "version": "1.1.29",
4
4
  "description": "Enhanced version of SlickGrid library",
5
5
  "private": false,
6
6
  "type": "module",
package/src/shared/lib/slickgrid/ui/SlickgridTable/ui/SlickgridTable.style.ts CHANGED
@@ -1,12 +1,60 @@
1
1
  import { Box, styled } from "@mui/material";
2
2
 
3
+ import { wink } from "../../styles";
4
+
3
5
  const fontSize = "0.75rem";
6
+ const cellHeight = "24px";
4
7
 
5
8
  const Container = styled(Box)({
6
9
  "& .slick-header-column": {
10
+ "&.filter-active .slick-header-button::after": {
11
+ width: "7px",
12
+ height: "7px",
13
+ content: "''",
14
+ backgroundColor: "#2196f3",
15
+ position: "absolute",
16
+ borderRadius: "50%",
17
+ border: "2px solid #f8f8f8",
18
+ top: "3px",
19
+ right: "3px",
20
+ },
21
+ "&:not([data-id=_checkbox_selector]):not([data-id=isEdited])": {
22
+ "& .slick-column-name": {
23
+ textOverflow: "ellipsis",
24
+ whiteSpace: "nowrap",
25
+ overflow: "hidden",
26
+ maxWidth: "calc(100% - 16px)",
27
+ },
28
+ },
29
+ "&.slick-state-hover": {
30
+ "&.filter-active .slick-header-button::after": {
31
+ border: "2px solid #e8e8e8",
32
+ },
33
+ "& .slick-header-button": {
34
+ "&::before": {
35
+ backgroundColor: "#e8e8e8",
36
+ },
37
+ },
38
+ },
7
39
  "& .slick-column-name": {
8
40
  fontSize,
9
41
  },
42
+ "& .slick-header-button": {
43
+ width: "19px",
44
+ height: "12px",
45
+ "&::before": {
46
+ position: "absolute",
47
+ content: "''",
48
+ width: "19px",
49
+ height: "12px",
50
+ top: "6px",
51
+ right: "5px",
52
+ backgroundImage:
53
+ "repeating-linear-gradient(0deg, #808080, #808080 2px, transparent 2px, transparent 4px)",
54
+ clipPath: "polygon(0% 0%, 100% 0%, 50% 110%)",
55
+ backgroundColor: "#f8f8f8",
56
+ },
57
+ },
10
58
  },
11
59
 
12
60
  "& .slick-viewport": {
@@ -21,14 +69,25 @@ const Container = styled(Box)({
21
69
  justifyContent: "end",
22
70
  textAlign: "right",
23
71
  },
72
+ "&.wink": {
73
+ animation: `${wink} infinite 0.5s linear`,
74
+ "& input": {
75
+ animation: `${wink} infinite 0.5s linear`,
76
+ },
77
+ },
78
+ "& input.editor-text": {
79
+ textAlign: "inherit",
80
+ },
24
81
  "& #autocomplete": {
82
+ boxShadow: "0 0 5px 1px gray",
83
+ fontSize,
25
84
  margin: 0,
26
- padding: 0,
27
85
  maxHeight: "300px",
28
- width: "100%",
86
+ minWidth: "100%",
29
87
  overflow: "auto",
30
- fontSize,
31
- boxShadow: "0 0 5px 1px gray",
88
+ padding: 0,
89
+ position: "absolute",
90
+ top: cellHeight,
32
91
  "& div": {
33
92
  "&:hover": {
34
93
  cursor: "pointer",
package/src/shared/lib/slickgrid/ui/styles/WithTableStyles/WithTableStyles.style.ts CHANGED
@@ -1,7 +1,5 @@
1
1
  import { Box, styled } from "@mui/material";
2
2
 
3
- import { wink } from "../keyframes";
4
-
5
3
  const Wrapper = styled(Box)(({ theme }) => ({
6
4
  "& .slick-container": {
7
5
  userSelect: "none",
@@ -12,53 +10,6 @@ const Wrapper = styled(Box)(({ theme }) => ({
12
10
  borderColor: theme.palette.background.paper,
13
11
  fontFamily: "inherit",
14
12
 
15
- "& .slick-header-column": {
16
- "&.filter-active .slick-header-button::after": {
17
- width: "7px",
18
- height: "7px",
19
- content: "''",
20
- backgroundColor: "#2196f3",
21
- position: "absolute",
22
- borderRadius: "50%",
23
- border: "2px solid #f8f8f8",
24
- top: "3px",
25
- right: "3px",
26
- },
27
- "&:not([data-id=_checkbox_selector]):not([data-id=isEdited])": {
28
- "& .slick-column-name": {
29
- textOverflow: "ellipsis",
30
- whiteSpace: "nowrap",
31
- overflow: "hidden",
32
- maxWidth: "calc(100% - 16px)",
33
- },
34
- },
35
- "&.slick-state-hover": {
36
- "&.filter-active .slick-header-button::after": {
37
- border: "2px solid #e8e8e8",
38
- },
39
- "& .slick-header-button": {
40
- "&::before": {
41
- backgroundColor: "#e8e8e8",
42
- },
43
- },
44
- },
45
- "& .slick-header-button": {
46
- width: "19px",
47
- height: "12px",
48
- "&::before": {
49
- position: "absolute",
50
- content: "''",
51
- width: "19px",
52
- height: "12px",
53
- top: "6px",
54
- right: "5px",
55
- backgroundImage:
56
- "repeating-linear-gradient(0deg, #808080, #808080 2px, transparent 2px, transparent 4px)",
57
- clipPath: "polygon(0% 0%, 100% 0%, 50% 110%)",
58
- backgroundColor: "#f8f8f8",
59
- },
60
- },
61
- },
62
13
  "& .slick-viewport": {
63
14
  backgroundColor: theme.palette.background.paper,
64
15
  "& .grid-canvas": {
@@ -76,21 +27,9 @@ const Wrapper = styled(Box)(({ theme }) => ({
76
27
  "&.selected": {
77
28
  color: theme.palette.text.primary,
78
29
  },
79
- "&.text-right": {
80
- textAlign: "right",
81
- },
82
30
  "&.bold": {
83
31
  fontWeight: "bold",
84
32
  },
85
- "&.wink": {
86
- animation: `${wink} infinite 0.5s linear`,
87
- "& input": {
88
- animation: `${wink} infinite 0.5s linear`,
89
- },
90
- },
91
- "& input.editor-text": {
92
- textAlign: "inherit",
93
- },
94
33
  "& select": {
95
34
  color: theme.palette.text.primary,
96
35
  backgroundColor: theme.palette.background.default,
package/src/shared/lib/slickgrid/ui/styles/index.ts CHANGED
@@ -1 +1,2 @@
1
1
  export { WithTableStyles } from "./WithTableStyles";
2
+ export { wink } from "./keyframes";