@qoretechnologies/reqore 0.35.0 → 0.35.1
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/__tests__/table.test.tsx +199 -2
- package/dist/components/Table/cell.d.ts +1 -0
- package/dist/components/Table/cell.d.ts.map +1 -1
- package/dist/components/Table/cell.js +2 -2
- package/dist/components/Table/cell.js.map +1 -1
- package/dist/components/Table/headerCell.d.ts +2 -1
- package/dist/components/Table/headerCell.d.ts.map +1 -1
- package/dist/components/Table/headerCell.js +16 -3
- package/dist/components/Table/headerCell.js.map +1 -1
- package/dist/components/Table/helpers.d.ts +5 -1
- package/dist/components/Table/helpers.d.ts.map +1 -1
- package/dist/components/Table/helpers.js +3 -3
- package/dist/components/Table/helpers.js.map +1 -1
- package/dist/components/Table/index.d.ts +7 -1
- package/dist/components/Table/index.d.ts.map +1 -1
- package/dist/components/Table/index.js +45 -17
- package/dist/components/Table/index.js.map +1 -1
- package/dist/components/Table/row.d.ts +2 -1
- package/dist/components/Table/row.d.ts.map +1 -1
- package/dist/components/Table/row.js +2 -1
- package/dist/components/Table/row.js.map +1 -1
- package/package.json +1 -1
- package/src/components/Table/cell.tsx +4 -1
- package/src/components/Table/headerCell.tsx +11 -1
- package/src/components/Table/helpers.ts +6 -1
- package/src/components/Table/index.tsx +60 -15
- package/src/components/Table/row.tsx +4 -2
- package/src/stories/Table/Table.stories.tsx +21 -1
- package/tests.json +1 -1
package/__tests__/table.test.tsx
CHANGED
|
@@ -1,9 +1,14 @@
|
|
|
1
1
|
import { fireEvent, render } from '@testing-library/react';
|
|
2
|
-
import React from 'react';
|
|
2
|
+
import React, { useState } from 'react';
|
|
3
|
+
import { act } from 'react-dom/test-utils';
|
|
3
4
|
import { ReqoreLayoutContent, ReqoreTable, ReqoreUIProvider } from '../src';
|
|
4
|
-
import { IReqoreTableProps } from '../src/components/Table';
|
|
5
|
+
import { IReqoreTableColumn, IReqoreTableProps } from '../src/components/Table';
|
|
5
6
|
import tableData from '../src/mock/tableData';
|
|
6
7
|
|
|
8
|
+
beforeAll(() => {
|
|
9
|
+
jest.setTimeout(30000);
|
|
10
|
+
});
|
|
11
|
+
|
|
7
12
|
test('Renders basic <Table /> properly', () => {
|
|
8
13
|
render(
|
|
9
14
|
<ReqoreUIProvider>
|
|
@@ -289,6 +294,37 @@ test('Rows on <Table /> can be selected', () => {
|
|
|
289
294
|
expect(fn).toHaveBeenLastCalledWith([1, 2]);
|
|
290
295
|
});
|
|
291
296
|
|
|
297
|
+
test('Rows on <Table /> can be selected, does not keep internal state', () => {
|
|
298
|
+
const data = {
|
|
299
|
+
...tableData,
|
|
300
|
+
selectable: true,
|
|
301
|
+
};
|
|
302
|
+
|
|
303
|
+
const fn = jest.fn();
|
|
304
|
+
|
|
305
|
+
render(
|
|
306
|
+
<ReqoreUIProvider>
|
|
307
|
+
<ReqoreLayoutContent>
|
|
308
|
+
<ReqoreTable {...data} onSelectClick={fn} />
|
|
309
|
+
</ReqoreLayoutContent>
|
|
310
|
+
</ReqoreUIProvider>
|
|
311
|
+
);
|
|
312
|
+
|
|
313
|
+
const firstRow = document.querySelector('.reqore-table-row');
|
|
314
|
+
const firstCheckCell = firstRow!.querySelector('.reqore-table-cell');
|
|
315
|
+
|
|
316
|
+
fireEvent.click(firstCheckCell!);
|
|
317
|
+
|
|
318
|
+
expect(fn).toHaveBeenCalledWith(1);
|
|
319
|
+
|
|
320
|
+
const secondRow = document.querySelectorAll('.reqore-table-row')[1];
|
|
321
|
+
const secondCheckCell = secondRow.querySelector('.reqore-table-cell');
|
|
322
|
+
|
|
323
|
+
fireEvent.click(secondCheckCell!);
|
|
324
|
+
|
|
325
|
+
expect(fn).toHaveBeenLastCalledWith(2);
|
|
326
|
+
});
|
|
327
|
+
|
|
292
328
|
test('Rows on <Table /> cannot be selected if _selectId is missing', () => {
|
|
293
329
|
const data = {
|
|
294
330
|
...tableData,
|
|
@@ -449,3 +485,164 @@ test('Cells on <Table /> are interactive', () => {
|
|
|
449
485
|
|
|
450
486
|
expect(fn).toHaveBeenCalledWith(1);
|
|
451
487
|
});
|
|
488
|
+
|
|
489
|
+
const TestingTableWithState = () => {
|
|
490
|
+
const [columns, setColumns] = useState<IReqoreTableColumn[]>([
|
|
491
|
+
{
|
|
492
|
+
dataId: 'id',
|
|
493
|
+
header: { label: 'ID', tooltip: 'Custom ID tooltip nice' },
|
|
494
|
+
width: 50,
|
|
495
|
+
align: 'center',
|
|
496
|
+
sortable: true,
|
|
497
|
+
},
|
|
498
|
+
{
|
|
499
|
+
header: {
|
|
500
|
+
label: 'Name',
|
|
501
|
+
columns: [
|
|
502
|
+
{
|
|
503
|
+
dataId: 'firstName',
|
|
504
|
+
header: {
|
|
505
|
+
label: 'First Name',
|
|
506
|
+
icon: 'SlideshowLine',
|
|
507
|
+
effect: {
|
|
508
|
+
gradient: {
|
|
509
|
+
colors: {
|
|
510
|
+
0: 'success',
|
|
511
|
+
100: 'info',
|
|
512
|
+
},
|
|
513
|
+
},
|
|
514
|
+
},
|
|
515
|
+
},
|
|
516
|
+
width: 150,
|
|
517
|
+
grow: 2,
|
|
518
|
+
},
|
|
519
|
+
{
|
|
520
|
+
dataId: 'lastName',
|
|
521
|
+
header: { label: 'Last Name', icon: 'SlideshowLine' },
|
|
522
|
+
width: 150,
|
|
523
|
+
grow: 1,
|
|
524
|
+
sortable: true,
|
|
525
|
+
},
|
|
526
|
+
],
|
|
527
|
+
},
|
|
528
|
+
dataId: 'name',
|
|
529
|
+
grow: 3,
|
|
530
|
+
},
|
|
531
|
+
{
|
|
532
|
+
dataId: 'address',
|
|
533
|
+
header: { label: 'Address', onClick: () => alert('clicked address') },
|
|
534
|
+
width: 300,
|
|
535
|
+
grow: 2,
|
|
536
|
+
},
|
|
537
|
+
{
|
|
538
|
+
dataId: 'age',
|
|
539
|
+
header: { label: 'Really long age header', icon: 'User4Line' },
|
|
540
|
+
width: 50,
|
|
541
|
+
align: 'center',
|
|
542
|
+
sortable: true,
|
|
543
|
+
},
|
|
544
|
+
{
|
|
545
|
+
header: {
|
|
546
|
+
label: 'Data',
|
|
547
|
+
columns: [
|
|
548
|
+
{ dataId: 'occupation', header: { label: 'Ocuppation' }, width: 200 },
|
|
549
|
+
{ dataId: 'group', header: { label: 'Groups' }, width: 150 },
|
|
550
|
+
],
|
|
551
|
+
},
|
|
552
|
+
dataId: 'data',
|
|
553
|
+
},
|
|
554
|
+
]);
|
|
555
|
+
|
|
556
|
+
return (
|
|
557
|
+
<ReqoreTable
|
|
558
|
+
{...tableData}
|
|
559
|
+
columns={columns}
|
|
560
|
+
actions={[
|
|
561
|
+
{
|
|
562
|
+
className: 'reqore-test-action',
|
|
563
|
+
label: 'Test Action',
|
|
564
|
+
onClick: () => {
|
|
565
|
+
setColumns((prev) => {
|
|
566
|
+
return prev.map((column) => {
|
|
567
|
+
if (column.dataId === 'id') {
|
|
568
|
+
return {
|
|
569
|
+
...column,
|
|
570
|
+
header: {
|
|
571
|
+
...column.header,
|
|
572
|
+
label: 'New ID',
|
|
573
|
+
},
|
|
574
|
+
};
|
|
575
|
+
}
|
|
576
|
+
return column;
|
|
577
|
+
});
|
|
578
|
+
});
|
|
579
|
+
},
|
|
580
|
+
},
|
|
581
|
+
]}
|
|
582
|
+
/>
|
|
583
|
+
);
|
|
584
|
+
};
|
|
585
|
+
|
|
586
|
+
test('Data on <Table /> headers are not reset when columns are updated', () => {
|
|
587
|
+
jest.useFakeTimers();
|
|
588
|
+
jest.setTimeout(30000);
|
|
589
|
+
|
|
590
|
+
act(() => {
|
|
591
|
+
render(
|
|
592
|
+
<ReqoreUIProvider>
|
|
593
|
+
<ReqoreLayoutContent>
|
|
594
|
+
<TestingTableWithState />
|
|
595
|
+
</ReqoreLayoutContent>
|
|
596
|
+
</ReqoreUIProvider>
|
|
597
|
+
);
|
|
598
|
+
});
|
|
599
|
+
|
|
600
|
+
expect(document.querySelectorAll('.reqore-table-header-cell').length).toBe(9);
|
|
601
|
+
|
|
602
|
+
fireEvent.click(document.querySelector('.reqore-table-header-cell-options')!);
|
|
603
|
+
|
|
604
|
+
jest.advanceTimersByTime(1);
|
|
605
|
+
|
|
606
|
+
fireEvent.click(document.querySelector('.reqore-table-header-hide')!);
|
|
607
|
+
|
|
608
|
+
expect(document.querySelectorAll('.reqore-table-header-cell').length).toBe(8);
|
|
609
|
+
|
|
610
|
+
fireEvent.click(document.querySelector('.reqore-test-action')!);
|
|
611
|
+
|
|
612
|
+
// The column is still hidden even after columns data have changed
|
|
613
|
+
expect(document.querySelectorAll('.reqore-table-header-cell').length).toBe(8);
|
|
614
|
+
});
|
|
615
|
+
|
|
616
|
+
test('<Table /> is reset to default', () => {
|
|
617
|
+
jest.useFakeTimers();
|
|
618
|
+
jest.setTimeout(30000);
|
|
619
|
+
|
|
620
|
+
act(() => {
|
|
621
|
+
render(
|
|
622
|
+
<ReqoreUIProvider>
|
|
623
|
+
<ReqoreLayoutContent>
|
|
624
|
+
<TestingTableWithState />
|
|
625
|
+
</ReqoreLayoutContent>
|
|
626
|
+
</ReqoreUIProvider>
|
|
627
|
+
);
|
|
628
|
+
});
|
|
629
|
+
|
|
630
|
+
expect(document.querySelectorAll('.reqore-table-header-cell').length).toBe(9);
|
|
631
|
+
|
|
632
|
+
fireEvent.click(document.querySelector('.reqore-table-header-cell-options')!);
|
|
633
|
+
|
|
634
|
+
jest.advanceTimersByTime(1);
|
|
635
|
+
|
|
636
|
+
fireEvent.click(document.querySelector('.reqore-table-header-hide')!);
|
|
637
|
+
|
|
638
|
+
expect(document.querySelectorAll('.reqore-table-header-cell').length).toBe(8);
|
|
639
|
+
|
|
640
|
+
fireEvent.click(document.querySelector('.reqore-table-more')!);
|
|
641
|
+
|
|
642
|
+
jest.advanceTimersByTime(1);
|
|
643
|
+
|
|
644
|
+
fireEvent.click(document.querySelector('.reqore-table-reset')!);
|
|
645
|
+
|
|
646
|
+
// The column is still hidden even after columns data have changed
|
|
647
|
+
expect(document.querySelectorAll('.reqore-table-header-cell').length).toBe(9);
|
|
648
|
+
});
|
|
@@ -6,6 +6,7 @@ export interface IReqoreCustomTableBodyCell extends React.FC<IReqoreCustomTableB
|
|
|
6
6
|
}
|
|
7
7
|
export interface IReqoreTableBodyCellProps extends Partial<IReqoreTableColumn>, React.HTMLAttributes<HTMLDivElement> {
|
|
8
8
|
children?: React.ReactNode;
|
|
9
|
+
padded?: IReqoreTableColumn['cell']['padded'];
|
|
9
10
|
}
|
|
10
11
|
export declare const StyledTableCell: any;
|
|
11
12
|
export declare const ReqoreTableBodyCell: (props: IReqoreTableBodyCellProps) => JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"cell.d.ts","sourceRoot":"","sources":["../../../src/components/Table/cell.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,GAAG,CAAC;AAOvC,MAAM,WAAW,+BAAgC,SAAQ,yBAAyB;CAAG;AACrF,MAAM,WAAW,0BAA2B,SAAQ,KAAK,CAAC,EAAE,CAAC,+BAA+B,CAAC;CAAG;AAChG,MAAM,WAAW,yBACf,SAAQ,OAAO,CAAC,kBAAkB,CAAC,EACjC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"cell.d.ts","sourceRoot":"","sources":["../../../src/components/Table/cell.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,GAAG,CAAC;AAOvC,MAAM,WAAW,+BAAgC,SAAQ,yBAAyB;CAAG;AACrF,MAAM,WAAW,0BAA2B,SAAQ,KAAK,CAAC,EAAE,CAAC,+BAA+B,CAAC;CAAG;AAChG,MAAM,WAAW,yBACf,SAAQ,OAAO,CAAC,kBAAkB,CAAC,EACjC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,kBAAkB,CAAC,MAAM,CAAC,CAAC,QAAQ,CAAC,CAAC;CAC/C;AAED,eAAO,MAAM,eAAe,KAiG3B,CAAC;AAEF,eAAO,MAAM,mBAAmB,UAAW,yBAAyB,gBAEnE,CAAC"}
|
|
@@ -49,7 +49,7 @@ exports.StyledTableCell = styled_components_1["default"].div(templateObject_4 ||
|
|
|
49
49
|
var width = _a.width, grow = _a.grow;
|
|
50
50
|
return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: ", "px;\n flex-grow: ", ";\n "], ["\n width: ", "px;\n flex-grow: ", ";\n "])), width, grow || (width ? undefined : 1));
|
|
51
51
|
}, function (_a) {
|
|
52
|
-
var theme = _a.theme, align = _a.align, interactive = _a.interactive, interactiveCell = _a.interactiveCell, intent = _a.intent, size = _a.size, flat = _a.flat, striped = _a.striped, even = _a.even, selected = _a.selected, selectedIntent = _a.selectedIntent, disabled = _a.disabled, hovered = _a.hovered;
|
|
52
|
+
var theme = _a.theme, align = _a.align, interactive = _a.interactive, interactiveCell = _a.interactiveCell, intent = _a.intent, size = _a.size, flat = _a.flat, striped = _a.striped, even = _a.even, selected = _a.selected, selectedIntent = _a.selectedIntent, disabled = _a.disabled, hovered = _a.hovered, padded = _a.padded;
|
|
53
53
|
var getBackgroundColor = function () {
|
|
54
54
|
var color = theme.main;
|
|
55
55
|
var opacity = 0;
|
|
@@ -77,7 +77,7 @@ exports.StyledTableCell = styled_components_1["default"].div(templateObject_4 ||
|
|
|
77
77
|
return (0, colors_1.changeLightness)(color, opacity);
|
|
78
78
|
};
|
|
79
79
|
var backgroundColor = getBackgroundColor();
|
|
80
|
-
return (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: ", ";\n flex-shrink: 0;\n border-bottom: ", ";\n\n height: 100%;\n padding:
|
|
80
|
+
return (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: ", ";\n flex-shrink: 0;\n border-bottom: ", ";\n\n height: 100%;\n padding: ", "\n ", ";\n font-size: ", "px;\n background-color: ", ";\n color: ", ";\n border-color: ", ";\n transition: background-color 0.2s ease-out;\n opacity: ", ";\n pointer-events: ", ";\n cursor: ", ";\n\n ", "\n\n p.reqore-table-text {\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n margin: 0;\n padding: 0;\n }\n "], ["\n display: flex;\n align-items: center;\n justify-content: ", ";\n flex-shrink: 0;\n border-bottom: ", ";\n\n height: 100%;\n padding: ", "\n ", ";\n font-size: ", "px;\n background-color: ", ";\n color: ", ";\n border-color: ", ";\n transition: background-color 0.2s ease-out;\n opacity: ", ";\n pointer-events: ", ";\n cursor: ", ";\n\n ", "\n\n p.reqore-table-text {\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n margin: 0;\n padding: 0;\n }\n "])), align ? (0, utils_1.alignToFlexAlign)(align) : 'flex-start', !flat ? '1px solid ' : undefined, !padded || padded === 'both' || padded === 'vertical' ? 0 : undefined, !padded || padded === 'both' || padded === 'horizontal' ? '10px' : undefined, sizes_1.TEXT_FROM_SIZE[size], backgroundColor === 'transparent'
|
|
81
81
|
? 'transparent'
|
|
82
82
|
: (0, polished_1.rgba)(getBackgroundColor(), 0.8), (0, colors_1.getReadableColorFrom)(backgroundColor === 'transparent' ? theme.main : backgroundColor, !hovered), (0, colors_1.changeLightness)(backgroundColor === 'transparent' ? theme.main : backgroundColor, 0.1), disabled ? 0.2 : 1, disabled ? 'none' : undefined, interactive || interactiveCell ? 'pointer' : 'default', interactiveCell && (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n &:hover {\n background-color: ", ";\n }\n "], ["\n &:hover {\n background-color: ", ";\n }\n "])), (0, polished_1.lighten)(0.2, getBackgroundColor())));
|
|
83
83
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"cell.js","sourceRoot":"","sources":["../../../src/components/Table/cell.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qCAAyC;AACzC,qEAAgD;AAEhD,+CAAuD;AACvD,+CAA6E;AAC7E,6CAAuD;
|
|
1
|
+
{"version":3,"file":"cell.js","sourceRoot":"","sources":["../../../src/components/Table/cell.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qCAAyC;AACzC,qEAAgD;AAEhD,+CAAuD;AACvD,+CAA6E;AAC7E,6CAAuD;AAa1C,QAAA,eAAe,GAAG,8BAAM,CAAC,GAAG,yFAAuB,MAC5D,EAIC,QAED,EAyFD,IACF,KAhGG,UAAC,EAAe;QAAb,KAAK,WAAA,EAAE,IAAI,UAAA;IACd,WAAA,uBAAG,0HAAA,iBACQ,EAAK,wBACD,EAA+B,SAC7C,KAFU,KAAK,EACD,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;AAF9C,CAGC,EAED,UAAC,EAeqB;QAdtB,KAAK,WAAA,EACL,KAAK,WAAA,EACL,WAAW,iBAAA,EACX,eAAe,qBAAA,EACf,MAAM,YAAA,EACN,IAAI,UAAA,EACJ,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,cAAc,oBAAA,EACd,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,MAAM,YAAA;IAEN,IAAM,kBAAkB,GAAG;QACzB,IAAI,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC;QACvB,IAAI,OAAO,GAAG,CAAC,CAAC;QAChB,sBAAsB;QACtB,IAAI,MAAM,IAAI,CAAC,QAAQ,IAAI,cAAc,CAAC,EAAE;YAC1C,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC;YAChD,OAAO,IAAI,IAAI,CAAC;SACjB;QACD,wCAAwC;QACxC,IAAI,OAAO,IAAI,CAAC,IAAI,EAAE;YACpB,OAAO,IAAI,IAAI,CAAC;SACjB;QACD,uBAAuB;QACvB,IAAI,QAAQ,EAAE;YACZ,OAAO,IAAI,IAAI,CAAC;SACjB;QACD,sBAAsB;QACtB,IAAI,OAAO,EAAE;YACX,OAAO,IAAI,IAAI,CAAC;SACjB;QAED,+CAA+C;QAC/C,IAAI,OAAO,KAAK,CAAC,EAAE;YACjB,OAAO,aAAa,CAAC;SACtB;QAED,OAAO,IAAA,wBAAe,EAAC,KAAK,EAAE,OAAO,CAAC,CAAC;IACzC,CAAC,CAAC;IAEF,IAAM,eAAe,GAAG,kBAAkB,EAAE,CAAC;IAE7C,WAAO,uBAAG,uqBAAA,6EAGW,EAA8C,iDAEhD,EAAgC,2CAGtC,EAAqE,YAC5E,EAA4E,sBACnE,EAAoB,+BACb,EAEe,kBAC1B,EAGR,yBACe,EAGf,uEAEU,EAAkB,2BACX,EAA6B,mBACrC,EAAsD,aAE9D,EAKD,oLASF,KAtCoB,KAAK,CAAC,CAAC,CAAC,IAAA,wBAAgB,EAAC,KAAK,CAAC,CAAC,CAAC,CAAC,YAAY,EAEhD,CAAC,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,EAGtC,CAAC,MAAM,IAAI,MAAM,KAAK,MAAM,IAAI,MAAM,KAAK,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,EAC5E,CAAC,MAAM,IAAI,MAAM,KAAK,MAAM,IAAI,MAAM,KAAK,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EACnE,sBAAc,CAAC,IAAI,CAAC,EACb,eAAe,KAAK,aAAa;QACnD,CAAC,CAAC,aAAa;QACf,CAAC,CAAC,IAAA,eAAI,EAAC,kBAAkB,EAAE,EAAE,GAAG,CAAC,EAC1B,IAAA,6BAAoB,EAC3B,eAAe,KAAK,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,eAAe,EAChE,CAAC,OAAO,CACT,EACe,IAAA,wBAAe,EAC7B,eAAe,KAAK,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,eAAe,EAChE,GAAG,CACJ,EAEU,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EACX,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EACrC,WAAW,IAAI,eAAe,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EAE9D,eAAe,QACjB,uBAAG,+IAAA,mDAEqB,EAAkC,sBAEzD,KAFuB,IAAA,kBAAO,EAAC,GAAG,EAAE,kBAAkB,EAAE,CAAC,CAEzD,EASD;AACJ,CAAC,EACD;AAEK,IAAM,mBAAmB,GAAG,UAAC,KAAgC;IAClE,OAAO,uBAAC,uBAAe,eAAK,KAAK,EAAI,CAAC;AACxC,CAAC,CAAC;AAFW,QAAA,mBAAmB,uBAE9B"}
|
|
@@ -7,6 +7,7 @@ export interface IReqoreTableHeaderCellProps extends Omit<IReqoreTableColumn, 'c
|
|
|
7
7
|
sortData?: IReqoreTableSort;
|
|
8
8
|
onColumnsUpdate?: TColumnsUpdater;
|
|
9
9
|
onFilterChange?: (dataId: string, filter: string) => void;
|
|
10
|
+
actions?: IReqoreTableColumn['header']['actions'];
|
|
10
11
|
}
|
|
11
12
|
export interface IReqoreTableHeaderStyle {
|
|
12
13
|
width?: number;
|
|
@@ -16,5 +17,5 @@ export interface IReqoreTableHeaderStyle {
|
|
|
16
17
|
interactive?: boolean;
|
|
17
18
|
}
|
|
18
19
|
export declare const StyledTableHeaderResize: any;
|
|
19
|
-
export declare const ReqoreTableHeaderCell: ({ width, resizedWidth, grow, align, onSortChange, dataId, sortable, sortData, className, onClick, onColumnsUpdate, resizable, filterPlaceholder, filterable, hideable, filter, onFilterChange, ...rest }: IReqoreTableHeaderCellProps) => JSX.Element;
|
|
20
|
+
export declare const ReqoreTableHeaderCell: ({ width, resizedWidth, grow, align, onSortChange, dataId, sortable, sortData, className, onClick, onColumnsUpdate, resizable, filterPlaceholder, filterable, hideable, filter, size, onFilterChange, actions, ...rest }: IReqoreTableHeaderCellProps) => JSX.Element;
|
|
20
21
|
//# sourceMappingURL=headerCell.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"headerCell.d.ts","sourceRoot":"","sources":["../../../src/components/Table/headerCell.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,GAAG,CAAC;AAEzD,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAErD,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAE/C,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAE3C,MAAM,WAAW,2BACf,SAAQ,IAAI,CAAC,kBAAkB,EAAE,MAAM,CAAC,EACtC,kBAAkB;IACpB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;
|
|
1
|
+
{"version":3,"file":"headerCell.d.ts","sourceRoot":"","sources":["../../../src/components/Table/headerCell.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,GAAG,CAAC;AAEzD,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAErD,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAE/C,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAE3C,MAAM,WAAW,2BACf,SAAQ,IAAI,CAAC,kBAAkB,EAAE,MAAM,CAAC,EACtC,kBAAkB;IACpB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1D,OAAO,CAAC,EAAE,kBAAkB,CAAC,QAAQ,CAAC,CAAC,SAAS,CAAC,CAAC;CACnD;AAED,MAAM,WAAW,uBAAuB;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,YAAY,CAAC;IACpB,KAAK,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IACpC,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,eAAO,MAAM,uBAAuB,KAWnC,CAAC;AAEF,eAAO,MAAM,qBAAqB,4NAqB/B,2BAA2B,gBAwG7B,CAAC"}
|
|
@@ -25,6 +25,15 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
25
25
|
}
|
|
26
26
|
return t;
|
|
27
27
|
};
|
|
28
|
+
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
29
|
+
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
30
|
+
if (ar || !(i in from)) {
|
|
31
|
+
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
32
|
+
ar[i] = from[i];
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
return to.concat(ar || Array.prototype.slice.call(from));
|
|
36
|
+
};
|
|
28
37
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
29
38
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
30
39
|
};
|
|
@@ -43,7 +52,7 @@ exports.StyledTableHeaderResize = styled_components_1["default"].div(templateObj
|
|
|
43
52
|
return (0, polished_1.rgba)((0, colors_1.getReadableColor)(theme), 0.3);
|
|
44
53
|
});
|
|
45
54
|
var ReqoreTableHeaderCell = function (_a) {
|
|
46
|
-
var width = _a.width, resizedWidth = _a.resizedWidth, grow = _a.grow, align = _a.align, onSortChange = _a.onSortChange, dataId = _a.dataId, sortable = _a.sortable, sortData = _a.sortData, className = _a.className, onClick = _a.onClick, onColumnsUpdate = _a.onColumnsUpdate, _b = _a.resizable, resizable = _b === void 0 ? true : _b, filterPlaceholder = _a.filterPlaceholder, filterable = _a.filterable, _c = _a.hideable, hideable = _c === void 0 ? true : _c, filter = _a.filter, onFilterChange = _a.onFilterChange, rest = __rest(_a, ["width", "resizedWidth", "grow", "align", "onSortChange", "dataId", "sortable", "sortData", "className", "onClick", "onColumnsUpdate", "resizable", "filterPlaceholder", "filterable", "hideable", "filter", "onFilterChange"]);
|
|
55
|
+
var width = _a.width, resizedWidth = _a.resizedWidth, grow = _a.grow, align = _a.align, onSortChange = _a.onSortChange, dataId = _a.dataId, sortable = _a.sortable, sortData = _a.sortData, className = _a.className, onClick = _a.onClick, onColumnsUpdate = _a.onColumnsUpdate, _b = _a.resizable, resizable = _b === void 0 ? true : _b, filterPlaceholder = _a.filterPlaceholder, filterable = _a.filterable, _c = _a.hideable, hideable = _c === void 0 ? true : _c, filter = _a.filter, size = _a.size, onFilterChange = _a.onFilterChange, actions = _a.actions, rest = __rest(_a, ["width", "resizedWidth", "grow", "align", "onSortChange", "dataId", "sortable", "sortData", "className", "onClick", "onColumnsUpdate", "resizable", "filterPlaceholder", "filterable", "hideable", "filter", "size", "onFilterChange", "actions"]);
|
|
47
56
|
var items = (0, react_1.useMemo)(function () {
|
|
48
57
|
var _items = [];
|
|
49
58
|
if (resizable || hideable) {
|
|
@@ -65,12 +74,16 @@ var ReqoreTableHeaderCell = function (_a) {
|
|
|
65
74
|
_items.push({
|
|
66
75
|
label: 'Hide column',
|
|
67
76
|
icon: 'EyeCloseLine',
|
|
77
|
+
className: 'reqore-table-header-hide',
|
|
68
78
|
onClick: function () {
|
|
69
79
|
onColumnsUpdate === null || onColumnsUpdate === void 0 ? void 0 : onColumnsUpdate(dataId, 'show', false);
|
|
70
80
|
}
|
|
71
81
|
});
|
|
72
82
|
}
|
|
73
83
|
}
|
|
84
|
+
if (actions) {
|
|
85
|
+
_items = __spreadArray(__spreadArray(__spreadArray([], _items, true), [{ divider: true, label: 'Other' }], false), actions, true);
|
|
86
|
+
}
|
|
74
87
|
return _items;
|
|
75
88
|
}, [resizable, hideable, width, resizedWidth, onColumnsUpdate, dataId]);
|
|
76
89
|
return ((0, jsx_runtime_1.jsx)(re_resizable_1.Resizable, __assign({ minWidth: width, onResize: function (_event, _direction, _component) {
|
|
@@ -85,14 +98,14 @@ var ReqoreTableHeaderCell = function (_a) {
|
|
|
85
98
|
height: undefined
|
|
86
99
|
}, enable: {
|
|
87
100
|
right: resizable
|
|
88
|
-
} }, { children: (0, jsx_runtime_1.jsxs)(__1.ReqoreControlGroup, __assign({ fluid: true, stack: true, rounded: false, fill: true, style: { height: '100%' } }, { children: [(0, jsx_runtime_1.jsx)(__1.ReqoreButton, __assign({}, rest, { readOnly: !sortable && !onClick, className: "".concat(className || '', " reqore-table-header-cell"), rounded: false, textAlign: align, rightIcon: sortable && sortData.by === dataId
|
|
101
|
+
} }, { children: (0, jsx_runtime_1.jsxs)(__1.ReqoreControlGroup, __assign({ fluid: true, stack: true, rounded: false, fill: true, style: { height: '100%' } }, { children: [(0, jsx_runtime_1.jsx)(__1.ReqoreButton, __assign({}, rest, { size: size, readOnly: !sortable && !onClick, className: "".concat(className || '', " reqore-table-header-cell"), rounded: false, textAlign: align, rightIcon: sortable && sortData.by === dataId
|
|
89
102
|
? "Arrow".concat(sortData.direction === 'desc' ? 'Down' : 'Up', "Fill")
|
|
90
103
|
: rest.rightIcon, onClick: function (e) {
|
|
91
104
|
if (sortable) {
|
|
92
105
|
onSortChange === null || onSortChange === void 0 ? void 0 : onSortChange(dataId);
|
|
93
106
|
}
|
|
94
107
|
onClick === null || onClick === void 0 ? void 0 : onClick(e);
|
|
95
|
-
} })), filterable || hideable || resizable ? ((0, jsx_runtime_1.jsx)(__1.ReqoreDropdown, { icon: 'MoreLine', className: 'reqore-table-header-cell-options', fixed: true, rounded: false, intent: filter ? 'info' : undefined, filterable: filterable, filterPlaceholder: filterPlaceholder || 'Filter by this column...', filter: filter, onFilterChange: function (value) {
|
|
108
|
+
} })), filterable || hideable || resizable ? ((0, jsx_runtime_1.jsx)(__1.ReqoreDropdown, { icon: 'MoreLine', className: 'reqore-table-header-cell-options', fixed: true, size: size, rounded: false, intent: filter ? 'info' : undefined, filterable: filterable, filterPlaceholder: filterPlaceholder || 'Filter by this column...', filter: filter, onFilterChange: function (value) {
|
|
96
109
|
onFilterChange === null || onFilterChange === void 0 ? void 0 : onFilterChange(dataId, value);
|
|
97
110
|
}, items: items })) : null] })) })));
|
|
98
111
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"headerCell.js","sourceRoot":"","sources":["../../../src/components/Table/headerCell.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"headerCell.js","sourceRoot":"","sources":["../../../src/components/Table/headerCell.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,WAAW;AACX,qCAAgC;AAChC,6CAAyC;AACzC,+BAAgC;AAChC,wEAAuC;AAEvC,2BAAyE;AAEzE,+CAAwD;AAuB3C,QAAA,uBAAuB,GAAG,8BAAM,CAAC,GAAG,6RAAA,8MASnB,EAAiD,UAE9E,KAF6B,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,IAAA,eAAI,EAAC,IAAA,yBAAgB,EAAC,KAAK,CAAC,EAAE,GAAG,CAAC;AAAlC,CAAkC,EAE7E;AAEK,IAAM,qBAAqB,GAAG,UAAC,EAqBR;IApB5B,IAAA,KAAK,WAAA,EACL,YAAY,kBAAA,EACZ,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,YAAY,kBAAA,EACZ,MAAM,YAAA,EACN,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,OAAO,aAAA,EACP,eAAe,qBAAA,EACf,iBAAgB,EAAhB,SAAS,mBAAG,IAAI,KAAA,EAChB,iBAAiB,uBAAA,EACjB,UAAU,gBAAA,EACV,gBAAe,EAAf,QAAQ,mBAAG,IAAI,KAAA,EACf,MAAM,YAAA,EACN,IAAI,UAAA,EACJ,cAAc,oBAAA,EACd,OAAO,aAAA,EACJ,IAAI,cApB6B,kPAqBrC,CADQ;IAEP,IAAM,KAAK,GAAG,IAAA,eAAO,EAAC;QACpB,IAAI,MAAM,GAA0B,EAAE,CAAC;QAEvC,IAAI,SAAS,IAAI,QAAQ,EAAE;YACzB,MAAM,CAAC,IAAI,CAAC;gBACV,OAAO,EAAE,IAAI;gBACb,KAAK,EAAE,SAAS;aACjB,CAAC,CAAC;YAEH,IAAI,SAAS,EAAE;gBACb,MAAM,CAAC,IAAI,CAAC;oBACV,KAAK,EAAE,YAAY;oBACnB,IAAI,EAAE,aAAa;oBACnB,QAAQ,EAAE,CAAC,YAAY,IAAI,KAAK,KAAK,YAAY;oBACjD,OAAO,EAAE;wBACP,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAG,MAAM,EAAE,cAAc,EAAE,KAAK,CAAC,CAAC;oBACnD,CAAC;iBACF,CAAC,CAAC;aACJ;YAED,IAAI,QAAQ,EAAE;gBACZ,MAAM,CAAC,IAAI,CAAC;oBACV,KAAK,EAAE,aAAa;oBACpB,IAAI,EAAE,cAAc;oBACpB,SAAS,EAAE,0BAA0B;oBACrC,OAAO,EAAE;wBACP,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAG,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;oBAC3C,CAAC;iBACF,CAAC,CAAC;aACJ;SACF;QAED,IAAI,OAAO,EAAE;YACX,MAAM,iDAAO,MAAM,UAAE,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,WAAK,OAAO,OAAC,CAAC;SACrE;QAED,OAAO,MAAM,CAAC;IAChB,CAAC,EAAE,CAAC,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,CAAC,CAAC,CAAC;IAExE,OAAO,CACL,uBAAC,wBAAS,aACR,QAAQ,EAAE,KAAK,EACf,QAAQ,EAAE,UAAC,MAAM,EAAE,UAAU,EAAE,UAAU;YACvC,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAG,MAAM,EAAE,cAAc,EAAE,QAAQ,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;QAC9E,CAAC,EACD,eAAe,EAAE;YACf,KAAK,EAAE,uBAAC,+BAAuB,KAAG;SACnC,EACD,KAAK,EAAE;YACL,QAAQ,EAAE,QAAQ;YAClB,QAAQ,EAAE,IAAI;SACf,EACD,IAAI,EAAE;YACJ,KAAK,EAAE,YAAY,IAAI,KAAK;YAC5B,MAAM,EAAE,SAAS;SAClB,EACD,MAAM,EAAE;YACN,KAAK,EAAE,SAAS;SACjB,gBAED,wBAAC,sBAAkB,aAAC,KAAK,QAAC,KAAK,QAAC,OAAO,EAAE,KAAK,EAAE,IAAI,QAAC,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,iBAC5E,uBAAC,gBAAY,eACP,IAAI,IACR,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,CAAC,QAAQ,IAAI,CAAC,OAAO,EAC/B,SAAS,EAAE,UAAG,SAAS,IAAI,EAAE,8BAA2B,EACxD,OAAO,EAAE,KAAK,EACd,SAAS,EAAE,KAAK,EAChB,SAAS,EACP,QAAQ,IAAI,QAAQ,CAAC,EAAE,KAAK,MAAM;wBAChC,CAAC,CAAE,eAAQ,QAAQ,CAAC,SAAS,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,SAEpC;wBACpB,CAAC,CAAC,IAAI,CAAC,SAAS,EAEpB,OAAO,EAAE,UAAC,CAAC;wBACT,IAAI,QAAQ,EAAE;4BACZ,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAG,MAAM,CAAC,CAAC;yBACxB;wBAED,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC,CAAC;oBACf,CAAC,IACD,EACD,UAAU,IAAI,QAAQ,IAAI,SAAS,CAAC,CAAC,CAAC,CACrC,uBAAC,kBAAc,IACb,IAAI,EAAC,UAAU,EACf,SAAS,EAAC,kCAAkC,EAC5C,KAAK,QACL,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,KAAK,EACd,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EACnC,UAAU,EAAE,UAAU,EACtB,iBAAiB,EAAE,iBAAiB,IAAI,0BAA0B,EAClE,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,UAAC,KAAK;wBACpB,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAG,MAAM,EAAE,KAAK,CAAC,CAAC;oBAClC,CAAC,EACD,KAAK,EAAE,KAAK,GACZ,CACH,CAAC,CAAC,CAAC,IAAI,KACW,IACX,CACb,CAAC;AACJ,CAAC,CAAC;AA7HW,QAAA,qBAAqB,yBA6HhC"}
|
|
@@ -42,6 +42,10 @@ export declare const getZoomActions: (type: string, zoom: number, setter: (zoom:
|
|
|
42
42
|
export declare const getColumnsCount: (columns: IReqoreTableColumn[]) => number;
|
|
43
43
|
export declare const hasHiddenColumns: (columns: IReqoreTableColumn[]) => boolean;
|
|
44
44
|
export declare const getOnlyShownColumns: (columns: IReqoreTableColumn[]) => IReqoreTableColumn[];
|
|
45
|
-
export declare const prepareColumns: (columns: IReqoreTableColumn[],
|
|
45
|
+
export declare const prepareColumns: (columns: IReqoreTableColumn[], columnModifiers: {
|
|
46
|
+
[key: string]: {
|
|
47
|
+
[key: string]: any;
|
|
48
|
+
};
|
|
49
|
+
}, size?: TSizes) => IReqoreTableColumn[];
|
|
46
50
|
export declare const calculateMinimumCellWidth: (currentWidth?: number, size?: TSizes, icon?: IReqoreIconName, sortable?: boolean, filterable?: boolean, hideable?: boolean, resizable?: boolean) => number;
|
|
47
51
|
//# sourceMappingURL=helpers.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/components/Table/helpers.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,GAAG,CAAC;AACzD,OAAO,EAA8B,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC3E,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAE9C,eAAO,MAAM,iBAAiB,cAAe,KAAK,GAAG,MAAM,KAAG,KAAK,GAAG,MAChC,CAAC;AAEvC,eAAO,MAAM,OAAO,UAAW,gBAAgB;;;;CAE9C,CAAC;AAEF,eAAO,MAAM,aAAa,SAAU,GAAG,EAAE,QAAQ,gBAAgB,UAchE,CAAC;AAEF,eAAO,MAAM,gBAAgB,YAClB,kBAAkB,EAAE,YACnB,MAAM,OACX,MAAM,kBAAkB,SACtB,GAAG,KACT,kBAAkB,EAoBpB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;CAMtB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;CAMtB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;;CAMvB,CAAC;AAGF,eAAO,MAAM,WAAW;;;;;;CAMvB,CAAC;AAEF,eAAO,MAAM,cAAc,SACnB,MAAM,QACN,MAAM,iBACG,MAAM,KAAK,IAAI,KAC7B,kBAAkB,EA6BpB,CAAC;AAEF,eAAO,MAAM,eAAe,YAAa,kBAAkB,EAAE,KAAG,MAY/D,CAAC;AAEF,eAAO,MAAM,gBAAgB,YAAa,kBAAkB,EAAE,KAAG,OAQhE,CAAC;AAEF,eAAO,MAAM,mBAAmB,YAAa,kBAAkB,EAAE,KAAG,kBAAkB,EAwBrF,CAAC;AAEF,eAAO,MAAM,cAAc,YAChB,kBAAkB,EAAE,
|
|
1
|
+
{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/components/Table/helpers.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,GAAG,CAAC;AACzD,OAAO,EAA8B,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC3E,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAE9C,eAAO,MAAM,iBAAiB,cAAe,KAAK,GAAG,MAAM,KAAG,KAAK,GAAG,MAChC,CAAC;AAEvC,eAAO,MAAM,OAAO,UAAW,gBAAgB;;;;CAE9C,CAAC;AAEF,eAAO,MAAM,aAAa,SAAU,GAAG,EAAE,QAAQ,gBAAgB,UAchE,CAAC;AAEF,eAAO,MAAM,gBAAgB,YAClB,kBAAkB,EAAE,YACnB,MAAM,OACX,MAAM,kBAAkB,SACtB,GAAG,KACT,kBAAkB,EAoBpB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;CAMtB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;CAMtB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;;CAMvB,CAAC;AAGF,eAAO,MAAM,WAAW;;;;;;CAMvB,CAAC;AAEF,eAAO,MAAM,cAAc,SACnB,MAAM,QACN,MAAM,iBACG,MAAM,KAAK,IAAI,KAC7B,kBAAkB,EA6BpB,CAAC;AAEF,eAAO,MAAM,eAAe,YAAa,kBAAkB,EAAE,KAAG,MAY/D,CAAC;AAEF,eAAO,MAAM,gBAAgB,YAAa,kBAAkB,EAAE,KAAG,OAQhE,CAAC;AAEF,eAAO,MAAM,mBAAmB,YAAa,kBAAkB,EAAE,KAAG,kBAAkB,EAwBrF,CAAC;AAEF,eAAO,MAAM,cAAc,YAChB,kBAAkB,EAAE;;;;UAEvB,MAAM,KACX,kBAAkB,EA6BpB,CAAC;AAEF,eAAO,MAAM,yBAAyB,kBACtB,MAAM,SACb,MAAM,SACN,eAAe,aACX,OAAO,eACL,OAAO,aACT,OAAO,cACN,OAAO,KAClB,MAgBF,CAAC"}
|
|
@@ -158,15 +158,15 @@ var getOnlyShownColumns = function (columns) {
|
|
|
158
158
|
}, []);
|
|
159
159
|
};
|
|
160
160
|
exports.getOnlyShownColumns = getOnlyShownColumns;
|
|
161
|
-
var prepareColumns = function (columns, size) {
|
|
161
|
+
var prepareColumns = function (columns, columnModifiers, size) {
|
|
162
162
|
if (size === void 0) { size = 'normal'; }
|
|
163
163
|
// We need to set the width of each column
|
|
164
164
|
return columns.map(function (column) {
|
|
165
165
|
if (column.header.columns) {
|
|
166
|
-
return __assign(__assign({}, column), { header: __assign(__assign({}, column.header), { columns: (0, exports.prepareColumns)(column.header.columns) }) });
|
|
166
|
+
return __assign(__assign({}, column), { header: __assign(__assign({}, column.header), { columns: (0, exports.prepareColumns)(column.header.columns, columnModifiers, size) }) });
|
|
167
167
|
}
|
|
168
168
|
var newWidth = (0, exports.calculateMinimumCellWidth)(column.width || 50, size, column.header.icon, column.sortable, column.filterable, column.hideable, column.resizable);
|
|
169
|
-
return __assign(__assign({}, column), { width: newWidth });
|
|
169
|
+
return __assign(__assign(__assign({}, column), { width: newWidth }), ((columnModifiers === null || columnModifiers === void 0 ? void 0 : columnModifiers[column.dataId]) || {}));
|
|
170
170
|
});
|
|
171
171
|
};
|
|
172
172
|
exports.prepareColumns = prepareColumns;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../src/components/Table/helpers.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../src/components/Table/helpers.ts"],"names":[],"mappings":"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"}
|
|
@@ -3,6 +3,7 @@ import { TSizes } from '../../constants/sizes';
|
|
|
3
3
|
import { IReqoreTheme, TReqoreIntent } from '../../constants/theme';
|
|
4
4
|
import { IReqoreIntent, IReqoreTooltip } from '../../types/global';
|
|
5
5
|
import { IReqoreButtonProps } from '../Button';
|
|
6
|
+
import { IReqoreDropdownItem } from '../Dropdown/list';
|
|
6
7
|
import { IReqoreInputProps } from '../Input';
|
|
7
8
|
import { IReqorePanelProps } from '../Panel';
|
|
8
9
|
import { IReqoreCustomHeaderCellComponent } from './header';
|
|
@@ -11,6 +12,8 @@ import { IReqoreTableRowOptions } from './row';
|
|
|
11
12
|
export type TReqoreTableColumnContent = React.FC<{
|
|
12
13
|
[key: string]: any;
|
|
13
14
|
_selectId?: string | number;
|
|
15
|
+
_size: TSizes;
|
|
16
|
+
_dataId: string;
|
|
14
17
|
}> | 'time-ago' | 'tag' | `tag:${TReqoreIntent}` | `tag:#${string}` | 'title' | `title:${TReqoreIntent}` | 'text' | `text:${TReqoreIntent}`;
|
|
15
18
|
export interface IReqoreTableColumn extends IReqoreIntent {
|
|
16
19
|
dataId: string;
|
|
@@ -28,12 +31,14 @@ export interface IReqoreTableColumn extends IReqoreIntent {
|
|
|
28
31
|
header?: {
|
|
29
32
|
columns?: IReqoreTableColumn[];
|
|
30
33
|
component?: React.FC<IReqoreTableHeaderCellProps>;
|
|
34
|
+
actions?: IReqoreDropdownItem[];
|
|
31
35
|
} & IReqoreButtonProps;
|
|
32
36
|
cell?: {
|
|
33
37
|
onClick?: (cellValue: any) => void;
|
|
34
38
|
tooltip?: (cellValue: any) => string | IReqoreTooltip;
|
|
35
39
|
content?: TReqoreTableColumnContent;
|
|
36
40
|
intent?: TReqoreIntent;
|
|
41
|
+
padded?: 'both' | 'horizontal' | 'vertical' | 'none';
|
|
37
42
|
};
|
|
38
43
|
}
|
|
39
44
|
export interface IReqoreTableRowData {
|
|
@@ -62,6 +67,7 @@ export interface IReqoreTableProps extends IReqorePanelProps {
|
|
|
62
67
|
selected?: string[];
|
|
63
68
|
selectedRowIntent?: TReqoreIntent;
|
|
64
69
|
onSelectedChange?: (selected?: any[]) => void;
|
|
70
|
+
onSelectClick?: (dataId: string | number) => void;
|
|
65
71
|
selectToggleTooltip?: string;
|
|
66
72
|
striped?: boolean;
|
|
67
73
|
emptyMessage?: string;
|
|
@@ -84,6 +90,6 @@ export interface IReqoreTableSort {
|
|
|
84
90
|
thenBy?: string;
|
|
85
91
|
direction?: 'asc' | 'desc';
|
|
86
92
|
}
|
|
87
|
-
declare const ReqoreTable: ({ className, height, width, columns, data, sort, onSortChange, selectable, selected, onSelectedChange, selectToggleTooltip, customTheme, onRowClick, striped, selectedRowIntent, size, wrapperSize, intent, fill, filterable, zoomable, filter, actions, onFilterChange, filterProps, emptyMessage, headerCellComponent, rowComponent, bodyCellComponent, ...rest }: IReqoreTableProps) => JSX.Element;
|
|
93
|
+
declare const ReqoreTable: ({ className, height, width, columns, data, sort, onSortChange, selectable, selected, onSelectedChange, selectToggleTooltip, customTheme, onRowClick, striped, selectedRowIntent, size, wrapperSize, intent, fill, filterable, zoomable, filter, actions, onFilterChange, filterProps, emptyMessage, headerCellComponent, rowComponent, bodyCellComponent, onSelectClick, ...rest }: IReqoreTableProps) => JSX.Element;
|
|
88
94
|
export default ReqoreTable;
|
|
89
95
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Table/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAG9D,OAAO,EAAoB,MAAM,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAEpE,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACnE,OAAO,EAAE,kBAAkB,EAAgB,MAAM,WAAW,CAAC;AAC7D,OAAoB,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAC1D,OAAO,EAAsB,iBAAiB,EAAyB,MAAM,UAAU,CAAC;AAExF,OAA0B,EAAE,gCAAgC,EAAE,MAAM,UAAU,CAAC;AAC/E,OAAO,EAAE,2BAA2B,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Table/index.tsx"],"names":[],"mappings":"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"}
|