slick-table 1.1.66 → 1.1.68

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 (8) hide show
  1. package/dist/index.cjs.js +79 -79
  2. package/dist/index.es.js +681 -638
  3. package/dist/types/index.d.ts +1 -1
  4. package/dist/types/index.d.ts.map +1 -1
  5. package/dist/types/shared/lib/slickgrid/ui/SlickgridTable/ui/Table/Table.style.d.ts.map +1 -1
  6. package/package.json +1 -1
  7. package/src/index.ts +2 -0
  8. package/src/shared/lib/slickgrid/ui/SlickgridTable/ui/Table/Table.style.ts +108 -112
package/dist/types/index.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  export { Skeleton } from './entities/skeleton';
2
- export { Autocomplete, ColumnPicker, ColumnSorter, DecoratorColumnFilter, DecoratorFilter, DefaultHotKeys, DefaultPrinter, DeletedRowsFilter, EditorAutocomplete, FORMATTER_NUMBER, Filter, HotKeysDecorator, PreventCopying, RedoUndoOnly, SlickTable, SlickgridTable, TotalCalculator, WithSummary, WithoutHotKeys, columnIsEdited, columnCheckboxSelector, commitCurrentEdit, copySelectedRows, eventContextMenu, formatterGroupTotals, formatterCheckMark, getDisplayedRows, getFormatterNumber, getNextId, handleHeaderButtons, headerButtons, highlightCell, highlightColumns, hotKeysCopy, hotKeysDelete, hotKeysRedo, hotKeysUndo, openColumnFilter, printerCheckMark, useListenIfTablesWereEdited, } from './shared/lib/slickgrid';
2
+ export { Autocomplete, ColumnPicker, ColumnSorter, DecoratorColumnFilter, DecoratorFilter, DefaultHotKeys, DefaultPrinter, DeletedRowsFilter, EditorAutocomplete, EditorSelectNumber, EditorSelectString, FORMATTER_NUMBER, Filter, HotKeysDecorator, PreventCopying, RedoUndoOnly, SlickTable, SlickgridTable, TotalCalculator, WithSummary, WithoutHotKeys, columnIsEdited, columnCheckboxSelector, commitCurrentEdit, copySelectedRows, eventContextMenu, formatterGroupTotals, formatterCheckMark, getDisplayedRows, getFormatterNumber, getNextId, handleHeaderButtons, headerButtons, highlightCell, highlightColumns, hotKeysCopy, hotKeysDelete, hotKeysRedo, hotKeysUndo, openColumnFilter, printerCheckMark, useListenIfTablesWereEdited, } from './shared/lib/slickgrid';
3
3
  export { formatNumber } from './shared/lib/format';
4
4
  export type { IColumn, IFilter, IFilterArguments, IFormatterNumberOptions, IHotKeysBehavior, IPrinter, ISlickTable, ITotalCalculator, } from './shared/model/types';
5
5
  export { BOLD, WINK } from './shared/model/consts';
package/dist/types/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EACN,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,qBAAqB,EACrB,eAAe,EACf,cAAc,EACd,cAAc,EACd,iBAAiB,EACjB,kBAAkB,EAClB,gBAAgB,EAChB,MAAM,EACN,gBAAgB,EAChB,cAAc,EACd,YAAY,EACZ,UAAU,EACV,cAAc,EACd,eAAe,EACf,WAAW,EACX,cAAc,EACd,cAAc,EACd,sBAAsB,EACtB,iBAAiB,EACjB,gBAAgB,EAChB,gBAAgB,EAChB,oBAAoB,EACpB,kBAAkB,EAClB,gBAAgB,EAChB,kBAAkB,EAClB,SAAS,EACT,mBAAmB,EACnB,aAAa,EACb,aAAa,EACb,gBAAgB,EAChB,WAAW,EACX,aAAa,EACb,WAAW,EACX,WAAW,EACX,gBAAgB,EAChB,gBAAgB,EAChB,2BAA2B,GAC3B,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,YAAY,EACX,OAAO,EACP,OAAO,EACP,gBAAgB,EAChB,uBAAuB,EACvB,gBAAgB,EAChB,QAAQ,EACR,WAAW,EACX,gBAAgB,GAChB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EACN,aAAa,EACb,mBAAmB,EACnB,SAAS,GACT,MAAM,oBAAoB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EACN,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,qBAAqB,EACrB,eAAe,EACf,cAAc,EACd,cAAc,EACd,iBAAiB,EACjB,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,gBAAgB,EAChB,MAAM,EACN,gBAAgB,EAChB,cAAc,EACd,YAAY,EACZ,UAAU,EACV,cAAc,EACd,eAAe,EACf,WAAW,EACX,cAAc,EACd,cAAc,EACd,sBAAsB,EACtB,iBAAiB,EACjB,gBAAgB,EAChB,gBAAgB,EAChB,oBAAoB,EACpB,kBAAkB,EAClB,gBAAgB,EAChB,kBAAkB,EAClB,SAAS,EACT,mBAAmB,EACnB,aAAa,EACb,aAAa,EACb,gBAAgB,EAChB,WAAW,EACX,aAAa,EACb,WAAW,EACX,WAAW,EACX,gBAAgB,EAChB,gBAAgB,EAChB,2BAA2B,GAC3B,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,YAAY,EACX,OAAO,EACP,OAAO,EACP,gBAAgB,EAChB,uBAAuB,EACvB,gBAAgB,EAChB,QAAQ,EACR,WAAW,EACX,gBAAgB,GAChB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EACN,aAAa,EACb,mBAAmB,EACnB,SAAS,GACT,MAAM,oBAAoB,CAAC"}
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":";;;;;AAgJA,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.66",
3
+ "version": "1.1.68",
4
4
  "description": "Enhanced version of SlickGrid library",
5
5
  "private": false,
6
6
  "type": "module",
package/src/index.ts CHANGED
@@ -9,6 +9,8 @@ export {
9
9
  DefaultPrinter,
10
10
  DeletedRowsFilter,
11
11
  EditorAutocomplete,
12
+ EditorSelectNumber,
13
+ EditorSelectString,
12
14
  FORMATTER_NUMBER,
13
15
  Filter,
14
16
  HotKeysDecorator,
package/src/shared/lib/slickgrid/ui/SlickgridTable/ui/Table/Table.style.ts CHANGED
@@ -13,130 +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-column-name": {
44
- fontSize,
45
- },
46
- "& .slick-header-button": {
47
- width: "19px",
48
- height: "12px",
49
- "&::before": {
50
- position: "absolute",
51
- content: "''",
52
- width: "19px",
53
- height: "12px",
54
- top: "6px",
55
- right: "5px",
56
- backgroundImage:
57
- "repeating-linear-gradient(0deg, #808080, #808080 2px, transparent 2px, transparent 4px)",
58
- clipPath: "polygon(0% 0%, 100% 0%, 50% 110%)",
59
- backgroundColor: "transparent",
60
- },
61
- },
62
- "& .slick-resizable-handle": {
63
- boxShadow: "none",
64
- },
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)",
65
39
  },
66
40
  },
67
- },
68
-
69
- "& .slick-viewport": {
70
- // Prevent displaying vertical scroll bar. Override this style when table exceeds available width
71
- overflowX: "hidden !important",
72
- scrollbarWidth: "thin",
73
- "& .slick-cell": {
74
- borderTop: "none",
75
- borderRightStyle: "solid",
76
- borderLeft: "none",
77
- borderWidth: "1px",
78
- display: "flex",
41
+ "& .slick-column-name": {
79
42
  fontSize,
80
- "&:last-child": {
81
- borderRight: "none",
82
- },
83
- "&.text-center": {
84
- justifyContent: "center",
85
- textAlign: "center",
86
- },
87
- "&.text-right": {
88
- justifyContent: "end",
89
- textAlign: "right",
90
- },
91
- "&.bold": {
92
- 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",
93
58
  },
94
- "&.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": {
95
94
  animation: `${wink} infinite 0.5s linear`,
96
- "& input": {
97
- animation: `${wink} infinite 0.5s linear`,
98
- },
99
- },
100
- "& input.editor-text": {
101
- textAlign: "inherit",
102
95
  },
103
- "& #autocomplete": {
104
- 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": {
105
111
  fontSize,
106
- margin: 0,
107
- maxHeight: "300px",
108
- minWidth: "100%",
109
- overflow: "auto",
110
- padding: 0,
111
- position: "absolute",
112
- top: cellHeight,
113
- "& div": {
114
- fontSize,
115
- "&:hover": {
116
- cursor: "pointer",
117
- },
118
- "& strong": {
119
- color: "#007bff",
120
- },
112
+ "&:hover": {
113
+ cursor: "pointer",
114
+ },
115
+ "& strong": {
116
+ color: "#007bff",
121
117
  },
122
118
  },
123
119
  },
124
120
  },
121
+ },
125
122
 
126
- "& .slick-footerrow": {
127
- borderTop: "1px solid silver",
128
- "& .slick-footerrow-column": {
129
- height: "100%",
130
- display: "flex",
131
- justifyContent: "flex-end",
132
- alignItems: "center",
133
- fontSize,
134
- paddingRight: "5px",
135
- borderBottom: "none",
136
- fontWeight: "bold",
137
- "&:last-child": {
138
- borderRight: "none",
139
- },
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",
140
136
  },
141
137
  },
142
138
  },