slick-table 1.1.27 → 1.1.28

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 +81 -81
  2. package/dist/index.es.js +3524 -3511
  3. package/dist/types/shared/lib/slickgrid/ui/SlickgridTable/ui/SlickgridTable.d.ts.map +1 -1
  4. package/dist/types/shared/lib/slickgrid/ui/SlickgridTable/ui/SlickgridTable.style.d.ts +7 -0
  5. package/dist/types/shared/lib/slickgrid/ui/SlickgridTable/ui/SlickgridTable.style.d.ts.map +1 -0
  6. package/dist/types/shared/lib/slickgrid/ui/styles/WithTableStyles/WithTableStyles.style.d.ts.map +1 -1
  7. package/package.json +1 -1
  8. package/src/shared/lib/slickgrid/ui/SlickgridTable/ui/SlickgridTable.style.ts +61 -0
  9. package/src/shared/lib/slickgrid/ui/SlickgridTable/ui/SlickgridTable.tsx +8 -1
  10. package/src/shared/lib/slickgrid/ui/styles/WithTableStyles/WithTableStyles.style.ts +0 -45
package/dist/types/shared/lib/slickgrid/ui/SlickgridTable/ui/SlickgridTable.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"SlickgridTable.d.ts","sourceRoot":"","sources":["../../../../../../../../src/shared/lib/slickgrid/ui/SlickgridTable/ui/SlickgridTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAS3B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,KAAK,CA+CpC,CAAC"}
1
+ {"version":3,"file":"SlickgridTable.d.ts","sourceRoot":"","sources":["../../../../../../../../src/shared/lib/slickgrid/ui/SlickgridTable/ui/SlickgridTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAS3B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAIjC,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,KAAK,CAoDpC,CAAC"}
package/dist/types/shared/lib/slickgrid/ui/SlickgridTable/ui/SlickgridTable.style.d.ts ADDED
@@ -0,0 +1,7 @@
1
+ declare const _default: {
2
+ Container: import('@emotion/styled').StyledComponent<import('@mui/system').BoxOwnProps<import('@mui/material').Theme> & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
3
+ ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
4
+ }, keyof import('@mui/system').BoxOwnProps<import('@mui/material').Theme>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
5
+ };
6
+ export default _default;
7
+ //# sourceMappingURL=SlickgridTable.style.d.ts.map
package/dist/types/shared/lib/slickgrid/ui/SlickgridTable/ui/SlickgridTable.style.d.ts.map ADDED
@@ -0,0 +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"}
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":";;;;;AA4JA,wBAA2B"}
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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "slick-table",
3
- "version": "1.1.27",
3
+ "version": "1.1.28",
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 ADDED
@@ -0,0 +1,61 @@
1
+ import { Box, styled } from "@mui/material";
2
+
3
+ const fontSize = "0.75rem";
4
+
5
+ const Container = styled(Box)({
6
+ "& .slick-header-column": {
7
+ "& .slick-column-name": {
8
+ fontSize,
9
+ },
10
+ },
11
+
12
+ "& .slick-viewport": {
13
+ "& .slick-cell": {
14
+ display: "flex",
15
+ fontSize,
16
+ "&.text-center": {
17
+ justifyContent: "center",
18
+ textAlign: "center",
19
+ },
20
+ "&.text-right": {
21
+ justifyContent: "end",
22
+ textAlign: "right",
23
+ },
24
+ "& #autocomplete": {
25
+ margin: 0,
26
+ padding: 0,
27
+ maxHeight: "300px",
28
+ width: "100%",
29
+ overflow: "auto",
30
+ fontSize,
31
+ boxShadow: "0 0 5px 1px gray",
32
+ "& div": {
33
+ "&:hover": {
34
+ cursor: "pointer",
35
+ },
36
+ "& strong": {
37
+ color: "#007bff",
38
+ },
39
+ },
40
+ },
41
+ },
42
+ },
43
+
44
+ "& .slick-footerrow": {
45
+ borderTop: "1px solid silver",
46
+ "& .slick-footerrow-column": {
47
+ height: "100%",
48
+ display: "flex",
49
+ justifyContent: "flex-end",
50
+ alignItems: "center",
51
+ paddingRight: "5px",
52
+ borderBottom: "none",
53
+ fontWeight: "bold",
54
+ "&:last-child": {
55
+ borderRight: "none",
56
+ },
57
+ },
58
+ },
59
+ });
60
+
61
+ export default { Container };
package/src/shared/lib/slickgrid/ui/SlickgridTable/ui/SlickgridTable.tsx CHANGED
@@ -9,6 +9,8 @@ import {
9
9
  import { onAddNewRow as addNewRow, useGrid } from "../lib";
10
10
  import { Props } from "../model";
11
11
 
12
+ import Styled from "./SlickgridTable.style";
13
+
12
14
  export const SlickgridTable: FC<Props> = ({
13
15
  SlickDataView,
14
16
  applyCellCssStyles,
@@ -55,5 +57,10 @@ export const SlickgridTable: FC<Props> = ({
55
57
  useUpdateTotal(table);
56
58
  useResizeCanvas(table);
57
59
 
58
- return <div id={table.id} className={"slick-container"}></div>;
60
+ return (
61
+ <Styled.Container
62
+ id={table.id}
63
+ className={"slick-container"}
64
+ ></Styled.Container>
65
+ );
59
66
  };
package/src/shared/lib/slickgrid/ui/styles/WithTableStyles/WithTableStyles.style.ts CHANGED
@@ -11,7 +11,6 @@ const Wrapper = styled(Box)(({ theme }) => ({
11
11
  color: theme.palette.text.primary,
12
12
  borderColor: theme.palette.background.paper,
13
13
  fontFamily: "inherit",
14
- fontSize: "0.75rem",
15
14
 
16
15
  "& .slick-header-column": {
17
16
  "&.filter-active .slick-header-button::after": {
@@ -67,26 +66,14 @@ const Wrapper = styled(Box)(({ theme }) => ({
67
66
  "&.even": {
68
67
  backgroundColor: theme.palette.background.default,
69
68
  },
70
- // "&.odd": {
71
- // backgroundColor: theme.palette.background.secondary,
72
- // },
73
- // "&:hover": {
74
- // backgroundColor: theme.palette.background.row_hover,
75
- // },
76
- // "&.active": {
77
- // backgroundColor: theme.palette.background.row_hover,
78
- // },
79
69
  "& .slick-cell": {
80
70
  "&.active": {
81
- // backgroundColor: theme.palette.background.row_hover,
82
71
  borderColor: "#007bff",
83
72
  "& input": {
84
- // backgroundColor: theme.palette.background.row_hover,
85
73
  color: theme.palette.text.primary,
86
74
  },
87
75
  },
88
76
  "&.selected": {
89
- // backgroundColor: theme.palette.background.cell_selected,
90
77
  color: theme.palette.text.primary,
91
78
  },
92
79
  "&.text-right": {
@@ -109,26 +96,7 @@ const Wrapper = styled(Box)(({ theme }) => ({
109
96
  backgroundColor: theme.palette.background.default,
110
97
  },
111
98
  "& #autocomplete": {
112
- margin: 0,
113
- padding: 0,
114
- maxHeight: "300px",
115
- width: "100%",
116
- overflow: "auto",
117
99
  backgroundColor: theme.palette.background.default,
118
- fontSize: "12px",
119
- boxShadow: "0 0 5px 1px gray",
120
- "& div": {
121
- "&:hover": {
122
- // backgroundColor: theme.palette.background.row_hover,
123
- cursor: "pointer",
124
- },
125
- "&.active": {
126
- // backgroundColor: theme.palette.background.row_hover,
127
- },
128
- "& strong": {
129
- color: "#007bff",
130
- },
131
- },
132
100
  },
133
101
  },
134
102
  },
@@ -137,19 +105,6 @@ const Wrapper = styled(Box)(({ theme }) => ({
137
105
 
138
106
  "& .slick-footerrow": {
139
107
  backgroundColor: theme.palette.background.default,
140
- borderTop: "1px solid silver",
141
- "& .slick-footerrow-column": {
142
- height: "100%",
143
- display: "flex",
144
- justifyContent: "flex-end",
145
- alignItems: "center",
146
- paddingRight: "5px",
147
- borderBottom: "none",
148
- fontWeight: "bold",
149
- "&:last-child": {
150
- borderRight: "none",
151
- },
152
- },
153
108
  },
154
109
  },
155
110
  }));