@xyo-network/react-table 2.35.14 → 2.35.15

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 (12) hide show
  1. package/dist/cjs/components/TableEx/TableEx.d.ts +1 -2
  2. package/dist/cjs/components/TableEx/TableEx.d.ts.map +1 -1
  3. package/dist/cjs/components/TableEx/TableEx.js +2 -15
  4. package/dist/cjs/components/TableEx/TableEx.js.map +1 -1
  5. package/dist/docs.json +26 -65
  6. package/dist/esm/components/TableEx/TableEx.d.ts +1 -2
  7. package/dist/esm/components/TableEx/TableEx.d.ts.map +1 -1
  8. package/dist/esm/components/TableEx/TableEx.js +3 -16
  9. package/dist/esm/components/TableEx/TableEx.js.map +1 -1
  10. package/package.json +1 -1
  11. package/src/components/TableEx/TableEx.stories.tsx +10 -3
  12. package/src/components/TableEx/TableEx.tsx +8 -24
package/dist/cjs/components/TableEx/TableEx.d.ts CHANGED
@@ -1,9 +1,8 @@
1
1
  import { TableProps } from '@mui/material';
2
- import { CSSProperties, PropsWithChildren } from 'react';
2
+ import { PropsWithChildren } from 'react';
3
3
  import { TableExVariants } from './lib';
4
4
  export interface TableExProps extends PropsWithChildren, TableProps {
5
5
  variant?: TableExVariants;
6
- wrapperHeight?: CSSProperties['height'];
7
6
  }
8
7
  export declare const TableEx: React.FC<TableExProps>;
9
8
  //# sourceMappingURL=TableEx.d.ts.map
package/dist/cjs/components/TableEx/TableEx.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"TableEx.d.ts","sourceRoot":"","sources":["../../../../src/components/TableEx/TableEx.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,UAAU,EAAE,MAAM,eAAe,CAAA;AACzD,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAExD,OAAO,EAAE,eAAe,EAAE,MAAM,OAAO,CAAA;AAWvC,MAAM,WAAW,YAAa,SAAQ,iBAAiB,EAAE,UAAU;IACjE,OAAO,CAAC,EAAE,eAAe,CAAA;IACzB,aAAa,CAAC,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAA;CACxC;AAMD,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAY1C,CAAA"}
1
+ {"version":3,"file":"TableEx.d.ts","sourceRoot":"","sources":["../../../../src/components/TableEx/TableEx.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAS,UAAU,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,eAAe,EAAE,MAAM,OAAO,CAAA;AAEvC,MAAM,WAAW,YAAa,SAAQ,iBAAiB,EAAE,UAAU;IACjE,OAAO,CAAC,EAAE,eAAe,CAAA;CAC1B;AAMD,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAM1C,CAAA"}
package/dist/cjs/components/TableEx/TableEx.js CHANGED
@@ -4,26 +4,13 @@ exports.TableEx = void 0;
4
4
  const tslib_1 = require("tslib");
5
5
  const jsx_runtime_1 = require("react/jsx-runtime");
6
6
  const material_1 = require("@mui/material");
7
- const ScrollableTableExWrapper = (0, material_1.styled)('div', {
8
- name: 'ScrollableTableEx',
9
- shouldForwardProp: (propName) => propName !== 'wrapperHeight' && propName !== 'variant',
10
- slot: 'Wrapper',
11
- })(({ wrapperHeight }) => ({
12
- height: wrapperHeight,
13
- overflow: 'auto',
14
- }));
15
7
  const TableExInner = (_a) => {
16
8
  var { children } = _a, props = tslib_1.__rest(_a, ["children"]);
17
9
  return (0, jsx_runtime_1.jsx)(material_1.Table, Object.assign({}, props, { children: children }));
18
10
  };
19
11
  const TableEx = (_a) => {
20
- var { variant, wrapperHeight = '100vh', children } = _a, props = tslib_1.__rest(_a, ["variant", "wrapperHeight", "children"]);
21
- if (variant === 'scrollable') {
22
- return ((0, jsx_runtime_1.jsx)(ScrollableTableExWrapper, Object.assign({ wrapperHeight: wrapperHeight }, { children: (0, jsx_runtime_1.jsx)(TableExInner, Object.assign({ stickyHeader: true }, props, { children: children })) })));
23
- }
24
- else {
25
- return (0, jsx_runtime_1.jsx)(TableExInner, Object.assign({}, props, { children: children }));
26
- }
12
+ var { variant, children } = _a, props = tslib_1.__rest(_a, ["variant", "children"]);
13
+ return ((0, jsx_runtime_1.jsx)(TableExInner, Object.assign({ stickyHeader: variant === 'scrollable' }, props, { children: children })));
27
14
  };
28
15
  exports.TableEx = TableEx;
29
16
  //# sourceMappingURL=TableEx.js.map
package/dist/cjs/components/TableEx/TableEx.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"TableEx.js","sourceRoot":"","sources":["../../../../src/components/TableEx/TableEx.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAyD;AAKzD,MAAM,wBAAwB,GAAG,IAAA,iBAAM,EAAC,KAAK,EAAE;IAC7C,IAAI,EAAE,mBAAmB;IACzB,iBAAiB,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,KAAK,eAAe,IAAI,QAAQ,KAAK,SAAS;IACvF,IAAI,EAAE,SAAS;CAChB,CAAC,CAAe,CAAC,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,CAAC;IACvC,MAAM,EAAE,aAAa;IACrB,QAAQ,EAAE,MAAM;CACjB,CAAC,CAAC,CAAA;AAOH,MAAM,YAAY,GAA2B,CAAC,EAAsB,EAAE,EAAE;QAA1B,EAAE,QAAQ,OAAY,EAAP,KAAK,sBAApB,YAAsB,CAAF;IAChE,OAAO,uBAAC,gBAAK,oBAAK,KAAK,cAAG,QAAQ,IAAS,CAAA;AAC7C,CAAC,CAAA;AAEM,MAAM,OAAO,GAA2B,CAAC,EAAwD,EAAE,EAAE;QAA5D,EAAE,OAAO,EAAE,aAAa,GAAG,OAAO,EAAE,QAAQ,OAAY,EAAP,KAAK,sBAAtD,wCAAwD,CAAF;IACpG,IAAI,OAAO,KAAK,YAAY,EAAE;QAC5B,OAAO,CACL,uBAAC,wBAAwB,kBAAC,aAAa,EAAE,aAAa,gBACpD,uBAAC,YAAY,kBAAC,YAAY,UAAK,KAAK,cACjC,QAAQ,IACI,IACU,CAC5B,CAAA;KACF;SAAM;QACL,OAAO,uBAAC,YAAY,oBAAK,KAAK,cAAG,QAAQ,IAAgB,CAAA;KAC1D;AACH,CAAC,CAAA;AAZY,QAAA,OAAO,WAYnB"}
1
+ {"version":3,"file":"TableEx.js","sourceRoot":"","sources":["../../../../src/components/TableEx/TableEx.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAiD;AASjD,MAAM,YAAY,GAA2B,CAAC,EAAsB,EAAE,EAAE;QAA1B,EAAE,QAAQ,OAAY,EAAP,KAAK,sBAApB,YAAsB,CAAF;IAChE,OAAO,uBAAC,gBAAK,oBAAK,KAAK,cAAG,QAAQ,IAAS,CAAA;AAC7C,CAAC,CAAA;AAEM,MAAM,OAAO,GAA2B,CAAC,EAA+B,EAAE,EAAE;QAAnC,EAAE,OAAO,EAAE,QAAQ,OAAY,EAAP,KAAK,sBAA7B,uBAA+B,CAAF;IAC3E,OAAO,CACL,uBAAC,YAAY,kBAAC,YAAY,EAAE,OAAO,KAAK,YAAY,IAAM,KAAK,cAC5D,QAAQ,IACI,CAChB,CAAA;AACH,CAAC,CAAA;AANY,QAAA,OAAO,WAMnB"}
package/dist/docs.json CHANGED
@@ -24,70 +24,31 @@
24
24
  "sources": [
25
25
  {
26
26
  "fileName": "packages/sdk/packages/table/src/components/TableEx/TableEx.tsx",
27
- "line": 16,
27
+ "line": 7,
28
28
  "character": 2,
29
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/cc87db2f/packages/sdk/packages/table/src/components/TableEx/TableEx.tsx#L16"
29
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/a393b8c7/packages/sdk/packages/table/src/components/TableEx/TableEx.tsx#L7"
30
30
  }
31
31
  ],
32
32
  "type": {
33
33
  "type": "reference",
34
34
  "name": "TableExVariants"
35
35
  }
36
- },
37
- {
38
- "id": 3,
39
- "name": "wrapperHeight",
40
- "kind": 1024,
41
- "kindString": "Property",
42
- "flags": {
43
- "isOptional": true
44
- },
45
- "sources": [
46
- {
47
- "fileName": "packages/sdk/packages/table/src/components/TableEx/TableEx.tsx",
48
- "line": 17,
49
- "character": 2,
50
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/cc87db2f/packages/sdk/packages/table/src/components/TableEx/TableEx.tsx#L17"
51
- }
52
- ],
53
- "type": {
54
- "type": "reference",
55
- "typeArguments": [
56
- {
57
- "type": "union",
58
- "types": [
59
- {
60
- "type": "intrinsic",
61
- "name": "string"
62
- },
63
- {
64
- "type": "intrinsic",
65
- "name": "number"
66
- }
67
- ]
68
- }
69
- ],
70
- "name": "Height",
71
- "qualifiedName": "Property.Height",
72
- "package": "csstype"
73
- }
74
36
  }
75
37
  ],
76
38
  "groups": [
77
39
  {
78
40
  "title": "Properties",
79
41
  "children": [
80
- 2,
81
- 3
42
+ 2
82
43
  ]
83
44
  }
84
45
  ],
85
46
  "sources": [
86
47
  {
87
48
  "fileName": "packages/sdk/packages/table/src/components/TableEx/TableEx.tsx",
88
- "line": 15,
49
+ "line": 6,
89
50
  "character": 17,
90
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/cc87db2f/packages/sdk/packages/table/src/components/TableEx/TableEx.tsx#L15"
51
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/a393b8c7/packages/sdk/packages/table/src/components/TableEx/TableEx.tsx#L6"
91
52
  }
92
53
  ],
93
54
  "extendedTypes": [
@@ -106,14 +67,14 @@
106
67
  ]
107
68
  },
108
69
  {
109
- "id": 8,
70
+ "id": 7,
110
71
  "name": "TableFooterExProps",
111
72
  "kind": 256,
112
73
  "kindString": "Interface",
113
74
  "flags": {},
114
75
  "children": [
115
76
  {
116
- "id": 9,
77
+ "id": 8,
117
78
  "name": "variant",
118
79
  "kind": 1024,
119
80
  "kindString": "Property",
@@ -125,7 +86,7 @@
125
86
  "fileName": "packages/sdk/packages/table/src/components/TableEx/TableFooterEx.tsx",
126
87
  "line": 21,
127
88
  "character": 2,
128
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/cc87db2f/packages/sdk/packages/table/src/components/TableEx/TableFooterEx.tsx#L21"
89
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/a393b8c7/packages/sdk/packages/table/src/components/TableEx/TableFooterEx.tsx#L21"
129
90
  }
130
91
  ],
131
92
  "type": {
@@ -138,7 +99,7 @@
138
99
  {
139
100
  "title": "Properties",
140
101
  "children": [
141
- 9
102
+ 8
142
103
  ]
143
104
  }
144
105
  ],
@@ -147,7 +108,7 @@
147
108
  "fileName": "packages/sdk/packages/table/src/components/TableEx/TableFooterEx.tsx",
148
109
  "line": 20,
149
110
  "character": 17,
150
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/cc87db2f/packages/sdk/packages/table/src/components/TableEx/TableFooterEx.tsx#L20"
111
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/a393b8c7/packages/sdk/packages/table/src/components/TableEx/TableFooterEx.tsx#L20"
151
112
  }
152
113
  ],
153
114
  "extendedTypes": [
@@ -166,7 +127,7 @@
166
127
  ]
167
128
  },
168
129
  {
169
- "id": 4,
130
+ "id": 3,
170
131
  "name": "TableEx",
171
132
  "kind": 64,
172
133
  "kindString": "Function",
@@ -174,21 +135,21 @@
174
135
  "sources": [
175
136
  {
176
137
  "fileName": "packages/sdk/packages/table/src/components/TableEx/TableEx.tsx",
177
- "line": 24,
138
+ "line": 14,
178
139
  "character": 13,
179
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/cc87db2f/packages/sdk/packages/table/src/components/TableEx/TableEx.tsx#L24"
140
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/a393b8c7/packages/sdk/packages/table/src/components/TableEx/TableEx.tsx#L14"
180
141
  }
181
142
  ],
182
143
  "signatures": [
183
144
  {
184
- "id": 5,
145
+ "id": 4,
185
146
  "name": "TableEx",
186
147
  "kind": 4096,
187
148
  "kindString": "Call signature",
188
149
  "flags": {},
189
150
  "parameters": [
190
151
  {
191
- "id": 6,
152
+ "id": 5,
192
153
  "name": "props",
193
154
  "kind": 32768,
194
155
  "kindString": "Parameter",
@@ -200,7 +161,7 @@
200
161
  }
201
162
  },
202
163
  {
203
- "id": 7,
164
+ "id": 6,
204
165
  "name": "context",
205
166
  "kind": 32768,
206
167
  "kindString": "Parameter",
@@ -242,7 +203,7 @@
242
203
  ]
243
204
  },
244
205
  {
245
- "id": 10,
206
+ "id": 9,
246
207
  "name": "TableFooterEx",
247
208
  "kind": 64,
248
209
  "kindString": "Function",
@@ -252,31 +213,31 @@
252
213
  "fileName": "packages/sdk/packages/table/src/components/TableEx/TableFooterEx.tsx",
253
214
  "line": 24,
254
215
  "character": 13,
255
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/cc87db2f/packages/sdk/packages/table/src/components/TableEx/TableFooterEx.tsx#L24"
216
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/a393b8c7/packages/sdk/packages/table/src/components/TableEx/TableFooterEx.tsx#L24"
256
217
  }
257
218
  ],
258
219
  "signatures": [
259
220
  {
260
- "id": 11,
221
+ "id": 10,
261
222
  "name": "TableFooterEx",
262
223
  "kind": 4096,
263
224
  "kindString": "Call signature",
264
225
  "flags": {},
265
226
  "parameters": [
266
227
  {
267
- "id": 12,
228
+ "id": 11,
268
229
  "name": "props",
269
230
  "kind": 32768,
270
231
  "kindString": "Parameter",
271
232
  "flags": {},
272
233
  "type": {
273
234
  "type": "reference",
274
- "id": 8,
235
+ "id": 7,
275
236
  "name": "TableFooterExProps"
276
237
  }
277
238
  },
278
239
  {
279
- "id": 13,
240
+ "id": 12,
280
241
  "name": "context",
281
242
  "kind": 32768,
282
243
  "kindString": "Parameter",
@@ -323,14 +284,14 @@
323
284
  "title": "Interfaces",
324
285
  "children": [
325
286
  1,
326
- 8
287
+ 7
327
288
  ]
328
289
  },
329
290
  {
330
291
  "title": "Functions",
331
292
  "children": [
332
- 4,
333
- 10
293
+ 3,
294
+ 9
334
295
  ]
335
296
  }
336
297
  ],
@@ -339,7 +300,7 @@
339
300
  "fileName": "packages/sdk/packages/table/src/index.ts",
340
301
  "line": 1,
341
302
  "character": 0,
342
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/cc87db2f/packages/sdk/packages/table/src/index.ts#L1"
303
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/a393b8c7/packages/sdk/packages/table/src/index.ts#L1"
343
304
  }
344
305
  ]
345
306
  }
package/dist/esm/components/TableEx/TableEx.d.ts CHANGED
@@ -1,9 +1,8 @@
1
1
  import { TableProps } from '@mui/material';
2
- import { CSSProperties, PropsWithChildren } from 'react';
2
+ import { PropsWithChildren } from 'react';
3
3
  import { TableExVariants } from './lib';
4
4
  export interface TableExProps extends PropsWithChildren, TableProps {
5
5
  variant?: TableExVariants;
6
- wrapperHeight?: CSSProperties['height'];
7
6
  }
8
7
  export declare const TableEx: React.FC<TableExProps>;
9
8
  //# sourceMappingURL=TableEx.d.ts.map
package/dist/esm/components/TableEx/TableEx.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"TableEx.d.ts","sourceRoot":"","sources":["../../../../src/components/TableEx/TableEx.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,UAAU,EAAE,MAAM,eAAe,CAAA;AACzD,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAExD,OAAO,EAAE,eAAe,EAAE,MAAM,OAAO,CAAA;AAWvC,MAAM,WAAW,YAAa,SAAQ,iBAAiB,EAAE,UAAU;IACjE,OAAO,CAAC,EAAE,eAAe,CAAA;IACzB,aAAa,CAAC,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAA;CACxC;AAMD,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAY1C,CAAA"}
1
+ {"version":3,"file":"TableEx.d.ts","sourceRoot":"","sources":["../../../../src/components/TableEx/TableEx.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAS,UAAU,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,eAAe,EAAE,MAAM,OAAO,CAAA;AAEvC,MAAM,WAAW,YAAa,SAAQ,iBAAiB,EAAE,UAAU;IACjE,OAAO,CAAC,EAAE,eAAe,CAAA;CAC1B;AAMD,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAM1C,CAAA"}
package/dist/esm/components/TableEx/TableEx.js CHANGED
@@ -1,22 +1,9 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
- import { styled, Table } from '@mui/material';
3
- const ScrollableTableExWrapper = styled('div', {
4
- name: 'ScrollableTableEx',
5
- shouldForwardProp: (propName) => propName !== 'wrapperHeight' && propName !== 'variant',
6
- slot: 'Wrapper',
7
- })(({ wrapperHeight }) => ({
8
- height: wrapperHeight,
9
- overflow: 'auto',
10
- }));
2
+ import { Table } from '@mui/material';
11
3
  const TableExInner = ({ children, ...props }) => {
12
4
  return _jsx(Table, { ...props, children: children });
13
5
  };
14
- export const TableEx = ({ variant, wrapperHeight = '100vh', children, ...props }) => {
15
- if (variant === 'scrollable') {
16
- return (_jsx(ScrollableTableExWrapper, { wrapperHeight: wrapperHeight, children: _jsx(TableExInner, { stickyHeader: true, ...props, children: children }) }));
17
- }
18
- else {
19
- return _jsx(TableExInner, { ...props, children: children });
20
- }
6
+ export const TableEx = ({ variant, children, ...props }) => {
7
+ return (_jsx(TableExInner, { stickyHeader: variant === 'scrollable', ...props, children: children }));
21
8
  };
22
9
  //# sourceMappingURL=TableEx.js.map
package/dist/esm/components/TableEx/TableEx.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"TableEx.js","sourceRoot":"","sources":["../../../../src/components/TableEx/TableEx.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,KAAK,EAAc,MAAM,eAAe,CAAA;AAKzD,MAAM,wBAAwB,GAAG,MAAM,CAAC,KAAK,EAAE;IAC7C,IAAI,EAAE,mBAAmB;IACzB,iBAAiB,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,KAAK,eAAe,IAAI,QAAQ,KAAK,SAAS;IACvF,IAAI,EAAE,SAAS;CAChB,CAAC,CAAe,CAAC,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,CAAC;IACvC,MAAM,EAAE,aAAa;IACrB,QAAQ,EAAE,MAAM;CACjB,CAAC,CAAC,CAAA;AAOH,MAAM,YAAY,GAA2B,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACtE,OAAO,KAAC,KAAK,OAAK,KAAK,YAAG,QAAQ,GAAS,CAAA;AAC7C,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAA2B,CAAC,EAAE,OAAO,EAAE,aAAa,GAAG,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC1G,IAAI,OAAO,KAAK,YAAY,EAAE;QAC5B,OAAO,CACL,KAAC,wBAAwB,IAAC,aAAa,EAAE,aAAa,YACpD,KAAC,YAAY,IAAC,YAAY,WAAK,KAAK,YACjC,QAAQ,GACI,GACU,CAC5B,CAAA;KACF;SAAM;QACL,OAAO,KAAC,YAAY,OAAK,KAAK,YAAG,QAAQ,GAAgB,CAAA;KAC1D;AACH,CAAC,CAAA"}
1
+ {"version":3,"file":"TableEx.js","sourceRoot":"","sources":["../../../../src/components/TableEx/TableEx.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAc,MAAM,eAAe,CAAA;AASjD,MAAM,YAAY,GAA2B,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACtE,OAAO,KAAC,KAAK,OAAK,KAAK,YAAG,QAAQ,GAAS,CAAA;AAC7C,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAA2B,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACjF,OAAO,CACL,KAAC,YAAY,IAAC,YAAY,EAAE,OAAO,KAAK,YAAY,KAAM,KAAK,YAC5D,QAAQ,GACI,CAChB,CAAA;AACH,CAAC,CAAA"}
package/package.json CHANGED
@@ -60,5 +60,5 @@
60
60
  },
61
61
  "sideEffects": false,
62
62
  "types": "dist/esm/index.d.ts",
63
- "version": "2.35.14"
63
+ "version": "2.35.15"
64
64
  }
package/src/components/TableEx/TableEx.stories.tsx CHANGED
@@ -1,10 +1,16 @@
1
1
  /* eslint-disable import/no-internal-modules */
2
2
  import { TableBody, TableCell, TableHead, TablePagination, TableRow, useTheme } from '@mui/material'
3
- import { ComponentMeta, ComponentStory } from '@storybook/react'
3
+ import { ComponentMeta, ComponentStory, DecoratorFn } from '@storybook/react'
4
4
 
5
5
  import { TableEx } from './TableEx'
6
6
  import { TableFooterEx } from './TableFooterEx'
7
7
 
8
+ const ScrollableDecoratorFn: DecoratorFn = (Story, args) => (
9
+ <div style={{ height: 'calc(100vh - 2rem)', inset: 0, position: 'absolute' }}>
10
+ <Story {...args} />
11
+ </div>
12
+ )
13
+
8
14
  const StorybookEntry = {
9
15
  argTypes: {},
10
16
  component: TableEx,
@@ -13,7 +19,7 @@ const StorybookEntry = {
13
19
  page: null,
14
20
  },
15
21
  },
16
- title: 'Table/TableEx',
22
+ title: 'shared/TableEx',
17
23
  } as ComponentMeta<typeof TableEx>
18
24
 
19
25
  const Template: ComponentStory<typeof TableEx> = (args) => {
@@ -68,7 +74,8 @@ const Default = Template.bind({})
68
74
  Default.args = {}
69
75
 
70
76
  const WithScrollable = Template.bind({})
71
- WithScrollable.args = { variant: 'scrollable', wrapperHeight: 'calc(100vh - 2rem)' }
77
+ WithScrollable.args = { variant: 'scrollable' }
78
+ WithScrollable.decorators = [ScrollableDecoratorFn]
72
79
 
73
80
  export { Default, WithScrollable }
74
81
 
package/src/components/TableEx/TableEx.tsx CHANGED
@@ -1,36 +1,20 @@
1
- import { styled, Table, TableProps } from '@mui/material'
2
- import { CSSProperties, PropsWithChildren } from 'react'
1
+ import { Table, TableProps } from '@mui/material'
2
+ import { PropsWithChildren } from 'react'
3
3
 
4
4
  import { TableExVariants } from './lib'
5
5
 
6
- const ScrollableTableExWrapper = styled('div', {
7
- name: 'ScrollableTableEx',
8
- shouldForwardProp: (propName) => propName !== 'wrapperHeight' && propName !== 'variant',
9
- slot: 'Wrapper',
10
- })<TableExProps>(({ wrapperHeight }) => ({
11
- height: wrapperHeight,
12
- overflow: 'auto',
13
- }))
14
-
15
6
  export interface TableExProps extends PropsWithChildren, TableProps {
16
7
  variant?: TableExVariants
17
- wrapperHeight?: CSSProperties['height']
18
8
  }
19
9
 
20
10
  const TableExInner: React.FC<TableExProps> = ({ children, ...props }) => {
21
11
  return <Table {...props}>{children}</Table>
22
12
  }
23
13
 
24
- export const TableEx: React.FC<TableExProps> = ({ variant, wrapperHeight = '100vh', children, ...props }) => {
25
- if (variant === 'scrollable') {
26
- return (
27
- <ScrollableTableExWrapper wrapperHeight={wrapperHeight}>
28
- <TableExInner stickyHeader {...props}>
29
- {children}
30
- </TableExInner>
31
- </ScrollableTableExWrapper>
32
- )
33
- } else {
34
- return <TableExInner {...props}>{children}</TableExInner>
35
- }
14
+ export const TableEx: React.FC<TableExProps> = ({ variant, children, ...props }) => {
15
+ return (
16
+ <TableExInner stickyHeader={variant === 'scrollable'} {...props}>
17
+ {children}
18
+ </TableExInner>
19
+ )
36
20
  }