@arbor-education/design-system.components 0.2.4 → 0.2.6
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.
- package/CHANGELOG.md +12 -0
- package/dist/components/table/Table.stories.d.ts +3 -0
- package/dist/components/table/Table.stories.d.ts.map +1 -1
- package/dist/components/table/Table.stories.js +154 -1
- package/dist/components/table/Table.stories.js.map +1 -1
- package/package.json +1 -1
- package/src/components/table/Table.stories.tsx +208 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,17 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## 0.2.6
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#95](https://github.com/arbor-education/design-system.components/pull/95) [`6e5bd25`](https://github.com/arbor-education/design-system.components/commit/6e5bd25271ae558a3226faaa9e6b5e5c470754aa) Thanks [@angusmglfraser](https://github.com/angusmglfraser)! - MIS-67364 PoC for TreeData
|
|
8
|
+
|
|
9
|
+
## 0.2.5
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- [#106](https://github.com/arbor-education/design-system.components/pull/106) [`bbac175`](https://github.com/arbor-education/design-system.components/commit/bbac17505a72e9cd1bc6118ba3f21f974515c79d) Thanks [@AmeeMorris](https://github.com/AmeeMorris)! - MIS-67693 Add stories for ButtonCellRenderers that spawn modals
|
|
14
|
+
|
|
3
15
|
## 0.2.4
|
|
4
16
|
|
|
5
17
|
### Patch Changes
|
|
@@ -15,5 +15,8 @@ export declare const WithRestrictedHideColumnsDropdown: Story;
|
|
|
15
15
|
export declare const WithClientSidePagination: StoryObj<TableProps>;
|
|
16
16
|
export declare const WithServerSidePagination: StoryObj<TableProps>;
|
|
17
17
|
export declare const WithButtonCellRenderer: Story;
|
|
18
|
+
export declare const WithButtonCellRendererThatOpensAModalWithModalManager: StoryObj<TableProps>;
|
|
19
|
+
export declare const WithButtonCellRendererThatOpensAModalWithComposableModal: StoryObj<TableProps>;
|
|
20
|
+
export declare const WithTreeData: Story;
|
|
18
21
|
export default meta;
|
|
19
22
|
//# sourceMappingURL=Table.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.stories.d.ts","sourceRoot":"","sources":["../../../src/components/table/Table.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAKhC,OAAO,EAAY,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Table.stories.d.ts","sourceRoot":"","sources":["../../../src/components/table/Table.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAKhC,OAAO,EAAY,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAStD,KAAK,UAAU,GAAG,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC;AAE/C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,UAAU,CAG1B,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAC;AA8DpC,eAAO,MAAM,OAAO,EAAE,KAYrB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KASxB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAoBxB,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,KASnC,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KASjC,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAwB7B,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,KAoCrC,CAAC;AAEF,eAAO,MAAM,iCAAiC,EAAE,KA2C/C,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,QAAQ,CAAC,UAAU,CASzD,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,QAAQ,CAAC,UAAU,CA0CzD,CAAC;AA+BF,eAAO,MAAM,sBAAsB,EAAE,KASpC,CAAC;AAEF,eAAO,MAAM,qDAAqD,EAAE,QAAQ,CAAC,UAAU,CA2CtF,CAAC;AAEF,eAAO,MAAM,wDAAwD,EAAE,QAAQ,CAAC,UAAU,CAmHzF,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAyC1B,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
2
|
import {} from 'ag-grid-enterprise';
|
|
3
3
|
import { Table } from './Table';
|
|
4
4
|
import { Button } from '../button/Button';
|
|
@@ -9,6 +9,9 @@ import { RowCountInfo } from './pagination/RowCountInfo';
|
|
|
9
9
|
import { PaginationPanel } from './pagination/PaginationPanel';
|
|
10
10
|
import { HideColumnsDropdown } from './HideColumnsDropdown';
|
|
11
11
|
import { TableSettingsDropdown } from './pagination/TableSettingsDropdown';
|
|
12
|
+
import { ModalManager } from '../modal/modalManager/ModalManager';
|
|
13
|
+
import { Modal } from '../modal/Modal';
|
|
14
|
+
import { ModalUtils } from '../../utils/ModalUtils';
|
|
12
15
|
const meta = {
|
|
13
16
|
title: 'Components/Table',
|
|
14
17
|
component: Table,
|
|
@@ -245,5 +248,155 @@ export const WithButtonCellRenderer = {
|
|
|
245
248
|
pagination: true,
|
|
246
249
|
},
|
|
247
250
|
};
|
|
251
|
+
export const WithButtonCellRendererThatOpensAModalWithModalManager = {
|
|
252
|
+
args: {
|
|
253
|
+
rowData: sampleData,
|
|
254
|
+
columnDefs: sampleColumnDefs,
|
|
255
|
+
defaultColDef: defaultColDef,
|
|
256
|
+
domLayout: 'autoHeight',
|
|
257
|
+
},
|
|
258
|
+
render: () => {
|
|
259
|
+
const ModalContent = (name) => (_jsxs(_Fragment, { children: [_jsx(Modal.Header, { children: _jsxs(Modal.Title, { children: ["You've clicked on", ' ', name] }) }), _jsx(Modal.Body, { children: _jsx("p", { children: "Look at you go." }) })] }));
|
|
260
|
+
const sampleData = [
|
|
261
|
+
{ id: 1, name: { children: 'Alice Johnson', value: 'Alice Johnson', onClick: () => ModalUtils.addModal({ children: ModalContent('Alice Johnson') }) }, email: 'alice.johnson@example.com', role: 'Developer', status: 'Active' },
|
|
262
|
+
{ id: 2, name: { children: 'Bob Smith', variant: 'secondary', value: 'Bob Smith', onClick: () => ModalUtils.addModal({ children: ModalContent('Bob Smith') }) }, email: 'bob.smith@example.com', role: 'Designer', status: 'Active' },
|
|
263
|
+
{ id: 3, name: { children: 'Charlie Brown', size: 'S', value: 'Charlie Brown', onClick: () => ModalUtils.addModal({ children: ModalContent('Charlie Brown') }) }, email: 'charlie.brown@example.com', role: 'Manager', status: 'Inactive' },
|
|
264
|
+
{ id: 4, name: { children: 'Diana Prince', disabled: true, value: 'Diana Prince', onClick: () => ModalUtils.addModal({ children: ModalContent('Diana Prince') }) }, email: 'diana.prince@example.com', role: 'Developer', status: 'Active' },
|
|
265
|
+
{ id: 5, name: { children: 'Ethan Hunt', iconLeftName: 'download', value: 'Ethan Hunt', onClick: () => ModalUtils.addModal({ children: ModalContent('Ethan Hunt') }) }, email: 'ethan.hunt@example.com', role: 'Analyst', status: 'Active' },
|
|
266
|
+
];
|
|
267
|
+
return (_jsxs(_Fragment, { children: [_jsx(Table, { rowData: sampleData, columnDefs: sampleColumnDefsWithButtonCellRenderer, defaultColDef: defaultColDef, domLayout: "autoHeight" }), _jsx(ModalManager, {})] }));
|
|
268
|
+
},
|
|
269
|
+
};
|
|
270
|
+
export const WithButtonCellRendererThatOpensAModalWithComposableModal = {
|
|
271
|
+
args: {
|
|
272
|
+
rowData: sampleData,
|
|
273
|
+
columnDefs: sampleColumnDefs,
|
|
274
|
+
defaultColDef: defaultColDef,
|
|
275
|
+
domLayout: 'autoHeight',
|
|
276
|
+
},
|
|
277
|
+
render: () => {
|
|
278
|
+
const [activePersonId, setActivePersonId] = useState(null);
|
|
279
|
+
const [showModal, setShowModal] = useState(false);
|
|
280
|
+
const sampleData = [
|
|
281
|
+
{
|
|
282
|
+
id: 1,
|
|
283
|
+
name: {
|
|
284
|
+
children: 'Alice Johnson',
|
|
285
|
+
value: 'Alice Johnson',
|
|
286
|
+
onClick: () => {
|
|
287
|
+
setActivePersonId(1);
|
|
288
|
+
setShowModal(true);
|
|
289
|
+
},
|
|
290
|
+
},
|
|
291
|
+
email: 'alice.johnson@example.com',
|
|
292
|
+
role: 'Developer',
|
|
293
|
+
status: 'Active',
|
|
294
|
+
},
|
|
295
|
+
{
|
|
296
|
+
id: 2,
|
|
297
|
+
name: {
|
|
298
|
+
children: 'Bob Smith',
|
|
299
|
+
variant: 'secondary',
|
|
300
|
+
value: 'Bob Smith',
|
|
301
|
+
onClick: () => {
|
|
302
|
+
setActivePersonId(2);
|
|
303
|
+
setShowModal(true);
|
|
304
|
+
},
|
|
305
|
+
},
|
|
306
|
+
email: 'bob.smith@example.com',
|
|
307
|
+
role: 'Designer',
|
|
308
|
+
status: 'Active',
|
|
309
|
+
},
|
|
310
|
+
{
|
|
311
|
+
id: 3,
|
|
312
|
+
name: {
|
|
313
|
+
children: 'Charlie Brown',
|
|
314
|
+
size: 'S',
|
|
315
|
+
value: 'Charlie Brown',
|
|
316
|
+
onClick: () => {
|
|
317
|
+
setActivePersonId(3);
|
|
318
|
+
setShowModal(true);
|
|
319
|
+
},
|
|
320
|
+
},
|
|
321
|
+
email: 'charlie.brown@example.com',
|
|
322
|
+
role: 'Manager',
|
|
323
|
+
status: 'Inactive',
|
|
324
|
+
},
|
|
325
|
+
{
|
|
326
|
+
id: 4,
|
|
327
|
+
name: {
|
|
328
|
+
children: 'Diana Prince',
|
|
329
|
+
disabled: true,
|
|
330
|
+
value: 'Diana Prince',
|
|
331
|
+
onClick: () => {
|
|
332
|
+
setActivePersonId(4);
|
|
333
|
+
setShowModal(true);
|
|
334
|
+
},
|
|
335
|
+
},
|
|
336
|
+
email: 'diana.prince@example.com',
|
|
337
|
+
role: 'Developer',
|
|
338
|
+
status: 'Active',
|
|
339
|
+
},
|
|
340
|
+
{
|
|
341
|
+
id: 5,
|
|
342
|
+
name: {
|
|
343
|
+
children: 'Ethan Hunt',
|
|
344
|
+
iconLeftName: 'download',
|
|
345
|
+
value: 'Ethan Hunt',
|
|
346
|
+
onClick: () => {
|
|
347
|
+
setActivePersonId(5);
|
|
348
|
+
setShowModal(true);
|
|
349
|
+
},
|
|
350
|
+
},
|
|
351
|
+
email: 'ethan.hunt@example.com',
|
|
352
|
+
role: 'Analyst',
|
|
353
|
+
status: 'Active',
|
|
354
|
+
},
|
|
355
|
+
];
|
|
356
|
+
return (_jsxs(_Fragment, { children: [_jsx(Table, { rowData: sampleData, columnDefs: sampleColumnDefsWithButtonCellRenderer, defaultColDef: defaultColDef, domLayout: "autoHeight" }), _jsxs(Modal, { open: showModal, closeHandler: () => setShowModal(false), children: [_jsx(Modal.Header, { children: _jsxs(Modal.Title, { children: ["You've clicked on", ' ', sampleData.find(person => person.id === activePersonId)?.name.children] }) }), _jsx(Modal.Body, { children: _jsx("p", { children: "Look at you go." }) }), _jsxs(Modal.Footer, { children: [_jsx(Button, { variant: "tertiary", onClick: () => setShowModal(false), children: "Close" }), _jsx(Button, { variant: "primary", onClick: () => setShowModal(false), children: "Primary Action" })] })] })] }));
|
|
357
|
+
},
|
|
358
|
+
};
|
|
359
|
+
export const WithTreeData = {
|
|
360
|
+
args: {
|
|
361
|
+
columnDefs: [
|
|
362
|
+
{
|
|
363
|
+
headerName: 'Details',
|
|
364
|
+
children: [{ field: 'email', headerTooltip: 'The email of the user' }, { field: 'role', headerTooltip: 'The role of the user' }],
|
|
365
|
+
},
|
|
366
|
+
{ field: 'status' },
|
|
367
|
+
],
|
|
368
|
+
defaultColDef,
|
|
369
|
+
domLayout: 'autoHeight',
|
|
370
|
+
treeData: true,
|
|
371
|
+
treeDataChildrenField: 'children',
|
|
372
|
+
autoGroupColumnDef: {
|
|
373
|
+
field: 'name',
|
|
374
|
+
headerTooltip: 'The name of the user or group',
|
|
375
|
+
headerName: 'Name',
|
|
376
|
+
cellRendererParams: {
|
|
377
|
+
suppressCount: true,
|
|
378
|
+
},
|
|
379
|
+
},
|
|
380
|
+
rowData: [
|
|
381
|
+
{
|
|
382
|
+
id: 1,
|
|
383
|
+
name: 'Group 1',
|
|
384
|
+
children: [
|
|
385
|
+
{ id: 2, name: 'Alice Johnson', email: 'alice.johnson@example.com', role: 'Developer', status: 'Active' },
|
|
386
|
+
{ id: 3, name: 'Bob Smith', email: 'bob.smith@example.com', role: 'Designer', status: 'Active' },
|
|
387
|
+
],
|
|
388
|
+
},
|
|
389
|
+
{
|
|
390
|
+
id: 4,
|
|
391
|
+
name: 'Group 2',
|
|
392
|
+
children: [
|
|
393
|
+
{ id: 5, name: 'Charlie Brown', email: 'charlie.brown@example.com', role: 'Manager', status: 'Inactive' },
|
|
394
|
+
{ id: 6, name: 'Diana Prince', email: 'diana.prince@example.com', role: 'Developer', status: 'Active' },
|
|
395
|
+
{ id: 7, name: 'Ethan Hunt', email: 'ethan.hunt@example.com', role: 'Analyst', status: 'Active' },
|
|
396
|
+
],
|
|
397
|
+
},
|
|
398
|
+
],
|
|
399
|
+
},
|
|
400
|
+
};
|
|
248
401
|
export default meta;
|
|
249
402
|
//# sourceMappingURL=Table.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.stories.js","sourceRoot":"","sources":["../../../src/components/table/Table.stories.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Table.stories.js","sourceRoot":"","sources":["../../../src/components/table/Table.stories.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -10,6 +10,9 @@ import { RowCountInfo } from './pagination/RowCountInfo';
|
|
|
10
10
|
import { PaginationPanel } from './pagination/PaginationPanel';
|
|
11
11
|
import { HideColumnsDropdown } from './HideColumnsDropdown';
|
|
12
12
|
import { TableSettingsDropdown } from './pagination/TableSettingsDropdown';
|
|
13
|
+
import { ModalManager } from 'Components/modal/modalManager/ModalManager';
|
|
14
|
+
import { Modal } from 'Components/modal/Modal';
|
|
15
|
+
import { ModalUtils } from 'Utils/ModalUtils';
|
|
13
16
|
|
|
14
17
|
type TableProps = ComponentProps<typeof Table>;
|
|
15
18
|
|
|
@@ -353,4 +356,209 @@ export const WithButtonCellRenderer: Story = {
|
|
|
353
356
|
},
|
|
354
357
|
};
|
|
355
358
|
|
|
359
|
+
export const WithButtonCellRendererThatOpensAModalWithModalManager: StoryObj<TableProps> = {
|
|
360
|
+
args: {
|
|
361
|
+
rowData: sampleData,
|
|
362
|
+
columnDefs: sampleColumnDefs,
|
|
363
|
+
defaultColDef: defaultColDef,
|
|
364
|
+
domLayout: 'autoHeight',
|
|
365
|
+
},
|
|
366
|
+
render: () => {
|
|
367
|
+
const ModalContent = (name: string) => (
|
|
368
|
+
<>
|
|
369
|
+
<Modal.Header>
|
|
370
|
+
<Modal.Title>
|
|
371
|
+
You've clicked on
|
|
372
|
+
{' '}
|
|
373
|
+
{name}
|
|
374
|
+
</Modal.Title>
|
|
375
|
+
</Modal.Header>
|
|
376
|
+
<Modal.Body>
|
|
377
|
+
<p>Look at you go.</p>
|
|
378
|
+
</Modal.Body>
|
|
379
|
+
</>
|
|
380
|
+
);
|
|
381
|
+
|
|
382
|
+
const sampleData = [
|
|
383
|
+
{ id: 1, name: { children: 'Alice Johnson', value: 'Alice Johnson', onClick: () => ModalUtils.addModal({ children: ModalContent('Alice Johnson') }) }, email: 'alice.johnson@example.com', role: 'Developer', status: 'Active' },
|
|
384
|
+
{ id: 2, name: { children: 'Bob Smith', variant: 'secondary', value: 'Bob Smith', onClick: () => ModalUtils.addModal({ children: ModalContent('Bob Smith') }) }, email: 'bob.smith@example.com', role: 'Designer', status: 'Active' },
|
|
385
|
+
{ id: 3, name: { children: 'Charlie Brown', size: 'S', value: 'Charlie Brown', onClick: () => ModalUtils.addModal({ children: ModalContent('Charlie Brown') }) }, email: 'charlie.brown@example.com', role: 'Manager', status: 'Inactive' },
|
|
386
|
+
{ id: 4, name: { children: 'Diana Prince', disabled: true, value: 'Diana Prince', onClick: () => ModalUtils.addModal({ children: ModalContent('Diana Prince') }) }, email: 'diana.prince@example.com', role: 'Developer', status: 'Active' },
|
|
387
|
+
{ id: 5, name: { children: 'Ethan Hunt', iconLeftName: 'download', value: 'Ethan Hunt', onClick: () => ModalUtils.addModal({ children: ModalContent('Ethan Hunt') }) }, email: 'ethan.hunt@example.com', role: 'Analyst', status: 'Active' },
|
|
388
|
+
];
|
|
389
|
+
return (
|
|
390
|
+
<>
|
|
391
|
+
<Table
|
|
392
|
+
rowData={sampleData}
|
|
393
|
+
columnDefs={sampleColumnDefsWithButtonCellRenderer}
|
|
394
|
+
defaultColDef={defaultColDef}
|
|
395
|
+
domLayout="autoHeight"
|
|
396
|
+
/>
|
|
397
|
+
<ModalManager />
|
|
398
|
+
</>
|
|
399
|
+
|
|
400
|
+
);
|
|
401
|
+
},
|
|
402
|
+
};
|
|
403
|
+
|
|
404
|
+
export const WithButtonCellRendererThatOpensAModalWithComposableModal: StoryObj<TableProps> = {
|
|
405
|
+
args: {
|
|
406
|
+
rowData: sampleData,
|
|
407
|
+
columnDefs: sampleColumnDefs,
|
|
408
|
+
defaultColDef: defaultColDef,
|
|
409
|
+
domLayout: 'autoHeight',
|
|
410
|
+
},
|
|
411
|
+
render: () => {
|
|
412
|
+
const [activePersonId, setActivePersonId] = useState<number | null>(null);
|
|
413
|
+
const [showModal, setShowModal] = useState(false);
|
|
414
|
+
|
|
415
|
+
const sampleData = [
|
|
416
|
+
{
|
|
417
|
+
id: 1,
|
|
418
|
+
name: {
|
|
419
|
+
children: 'Alice Johnson',
|
|
420
|
+
value: 'Alice Johnson',
|
|
421
|
+
onClick: () => {
|
|
422
|
+
setActivePersonId(1);
|
|
423
|
+
setShowModal(true);
|
|
424
|
+
},
|
|
425
|
+
},
|
|
426
|
+
email: 'alice.johnson@example.com',
|
|
427
|
+
role: 'Developer',
|
|
428
|
+
status: 'Active',
|
|
429
|
+
},
|
|
430
|
+
{
|
|
431
|
+
id: 2,
|
|
432
|
+
name: {
|
|
433
|
+
children: 'Bob Smith',
|
|
434
|
+
variant: 'secondary',
|
|
435
|
+
value: 'Bob Smith',
|
|
436
|
+
onClick: () => {
|
|
437
|
+
setActivePersonId(2);
|
|
438
|
+
setShowModal(true);
|
|
439
|
+
},
|
|
440
|
+
},
|
|
441
|
+
email: 'bob.smith@example.com',
|
|
442
|
+
role: 'Designer',
|
|
443
|
+
status: 'Active',
|
|
444
|
+
},
|
|
445
|
+
{
|
|
446
|
+
id: 3,
|
|
447
|
+
name: {
|
|
448
|
+
children: 'Charlie Brown',
|
|
449
|
+
size: 'S',
|
|
450
|
+
value: 'Charlie Brown',
|
|
451
|
+
onClick: () => {
|
|
452
|
+
setActivePersonId(3);
|
|
453
|
+
setShowModal(true);
|
|
454
|
+
},
|
|
455
|
+
},
|
|
456
|
+
email: 'charlie.brown@example.com',
|
|
457
|
+
role: 'Manager',
|
|
458
|
+
status: 'Inactive',
|
|
459
|
+
},
|
|
460
|
+
{
|
|
461
|
+
id: 4,
|
|
462
|
+
name: {
|
|
463
|
+
children: 'Diana Prince',
|
|
464
|
+
disabled: true,
|
|
465
|
+
value: 'Diana Prince',
|
|
466
|
+
onClick: () => {
|
|
467
|
+
setActivePersonId(4);
|
|
468
|
+
setShowModal(true);
|
|
469
|
+
},
|
|
470
|
+
},
|
|
471
|
+
email: 'diana.prince@example.com',
|
|
472
|
+
role: 'Developer',
|
|
473
|
+
status: 'Active',
|
|
474
|
+
},
|
|
475
|
+
{
|
|
476
|
+
id: 5,
|
|
477
|
+
name: {
|
|
478
|
+
children: 'Ethan Hunt',
|
|
479
|
+
iconLeftName: 'download',
|
|
480
|
+
value: 'Ethan Hunt',
|
|
481
|
+
onClick: () => {
|
|
482
|
+
setActivePersonId(5);
|
|
483
|
+
setShowModal(true);
|
|
484
|
+
},
|
|
485
|
+
},
|
|
486
|
+
email: 'ethan.hunt@example.com',
|
|
487
|
+
role: 'Analyst',
|
|
488
|
+
status: 'Active',
|
|
489
|
+
},
|
|
490
|
+
];
|
|
491
|
+
return (
|
|
492
|
+
<>
|
|
493
|
+
<Table
|
|
494
|
+
rowData={sampleData}
|
|
495
|
+
columnDefs={sampleColumnDefsWithButtonCellRenderer}
|
|
496
|
+
defaultColDef={defaultColDef}
|
|
497
|
+
domLayout="autoHeight"
|
|
498
|
+
/>
|
|
499
|
+
<Modal open={showModal} closeHandler={() => setShowModal(false)}>
|
|
500
|
+
<Modal.Header>
|
|
501
|
+
<Modal.Title>
|
|
502
|
+
You've clicked on
|
|
503
|
+
{' '}
|
|
504
|
+
{sampleData.find(person => person.id === activePersonId)?.name.children}
|
|
505
|
+
</Modal.Title>
|
|
506
|
+
</Modal.Header>
|
|
507
|
+
<Modal.Body>
|
|
508
|
+
<p>Look at you go.</p>
|
|
509
|
+
</Modal.Body>
|
|
510
|
+
<Modal.Footer>
|
|
511
|
+
<Button variant="tertiary" onClick={() => setShowModal(false)}>Close</Button>
|
|
512
|
+
<Button variant="primary" onClick={() => setShowModal(false)}>Primary Action</Button>
|
|
513
|
+
</Modal.Footer>
|
|
514
|
+
</Modal>
|
|
515
|
+
</>
|
|
516
|
+
|
|
517
|
+
);
|
|
518
|
+
},
|
|
519
|
+
};
|
|
520
|
+
|
|
521
|
+
export const WithTreeData: Story = {
|
|
522
|
+
args: {
|
|
523
|
+
columnDefs: [
|
|
524
|
+
{
|
|
525
|
+
headerName: 'Details',
|
|
526
|
+
children: [{ field: 'email', headerTooltip: 'The email of the user' }, { field: 'role', headerTooltip: 'The role of the user' }],
|
|
527
|
+
},
|
|
528
|
+
{ field: 'status' },
|
|
529
|
+
],
|
|
530
|
+
defaultColDef,
|
|
531
|
+
domLayout: 'autoHeight',
|
|
532
|
+
treeData: true,
|
|
533
|
+
treeDataChildrenField: 'children',
|
|
534
|
+
autoGroupColumnDef: {
|
|
535
|
+
field: 'name',
|
|
536
|
+
headerTooltip: 'The name of the user or group',
|
|
537
|
+
headerName: 'Name',
|
|
538
|
+
cellRendererParams: {
|
|
539
|
+
suppressCount: true,
|
|
540
|
+
},
|
|
541
|
+
},
|
|
542
|
+
rowData: [
|
|
543
|
+
{
|
|
544
|
+
id: 1,
|
|
545
|
+
name: 'Group 1',
|
|
546
|
+
children: [
|
|
547
|
+
{ id: 2, name: 'Alice Johnson', email: 'alice.johnson@example.com', role: 'Developer', status: 'Active' },
|
|
548
|
+
{ id: 3, name: 'Bob Smith', email: 'bob.smith@example.com', role: 'Designer', status: 'Active' },
|
|
549
|
+
],
|
|
550
|
+
},
|
|
551
|
+
{
|
|
552
|
+
id: 4,
|
|
553
|
+
name: 'Group 2',
|
|
554
|
+
children: [
|
|
555
|
+
{ id: 5, name: 'Charlie Brown', email: 'charlie.brown@example.com', role: 'Manager', status: 'Inactive' },
|
|
556
|
+
{ id: 6, name: 'Diana Prince', email: 'diana.prince@example.com', role: 'Developer', status: 'Active' },
|
|
557
|
+
{ id: 7, name: 'Ethan Hunt', email: 'ethan.hunt@example.com', role: 'Analyst', status: 'Active' },
|
|
558
|
+
],
|
|
559
|
+
},
|
|
560
|
+
],
|
|
561
|
+
},
|
|
562
|
+
};
|
|
563
|
+
|
|
356
564
|
export default meta;
|