sag_components 2.0.0-beta159 → 2.0.0-beta160
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/dist/index.esm.js +189 -76
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +189 -76
- package/dist/index.js.map +1 -1
- package/dist/types/components/Table/Table.stories.d.ts +89 -54
- package/dist/types/components/Table/TableBody.d.ts +6 -1
- package/dist/types/components/Table/TableBody.styles.d.ts +3 -0
- package/dist/types/components/Table/TableHeader.d.ts +2 -1
- package/package.json +1 -1
|
@@ -300,6 +300,46 @@ declare namespace _default {
|
|
|
300
300
|
const name_34: string;
|
|
301
301
|
export { name_34 as name };
|
|
302
302
|
}
|
|
303
|
+
namespace expandable {
|
|
304
|
+
const control_25: string;
|
|
305
|
+
export { control_25 as control };
|
|
306
|
+
const description_35: string;
|
|
307
|
+
export { description_35 as description };
|
|
308
|
+
const name_35: string;
|
|
309
|
+
export { name_35 as name };
|
|
310
|
+
}
|
|
311
|
+
namespace expandedRows {
|
|
312
|
+
const control_26: string;
|
|
313
|
+
export { control_26 as control };
|
|
314
|
+
const description_36: string;
|
|
315
|
+
export { description_36 as description };
|
|
316
|
+
const name_36: string;
|
|
317
|
+
export { name_36 as name };
|
|
318
|
+
}
|
|
319
|
+
namespace expandedContent {
|
|
320
|
+
const control_27: string;
|
|
321
|
+
export { control_27 as control };
|
|
322
|
+
const description_37: string;
|
|
323
|
+
export { description_37 as description };
|
|
324
|
+
const name_37: string;
|
|
325
|
+
export { name_37 as name };
|
|
326
|
+
}
|
|
327
|
+
namespace onExpandRow {
|
|
328
|
+
const action_10: string;
|
|
329
|
+
export { action_10 as action };
|
|
330
|
+
const description_38: string;
|
|
331
|
+
export { description_38 as description };
|
|
332
|
+
const name_38: string;
|
|
333
|
+
export { name_38 as name };
|
|
334
|
+
}
|
|
335
|
+
namespace expandedBackgroundColor {
|
|
336
|
+
const control_28: string;
|
|
337
|
+
export { control_28 as control };
|
|
338
|
+
const description_39: string;
|
|
339
|
+
export { description_39 as description };
|
|
340
|
+
const name_39: string;
|
|
341
|
+
export { name_39 as name };
|
|
342
|
+
}
|
|
303
343
|
}
|
|
304
344
|
}
|
|
305
345
|
export default _default;
|
|
@@ -484,7 +524,7 @@ export namespace CustomEmptyState {
|
|
|
484
524
|
}
|
|
485
525
|
export { args_4 as args };
|
|
486
526
|
}
|
|
487
|
-
export namespace
|
|
527
|
+
export namespace EmptyStateNoButton {
|
|
488
528
|
export namespace args_5 {
|
|
489
529
|
const width_6: string;
|
|
490
530
|
export { width_6 as width };
|
|
@@ -506,17 +546,11 @@ export namespace CustomEmptyStateWithCustomButton {
|
|
|
506
546
|
export { noEventsTitle_6 as noEventsTitle };
|
|
507
547
|
const noEventsSubtitle_6: string;
|
|
508
548
|
export { noEventsSubtitle_6 as noEventsSubtitle };
|
|
509
|
-
export const noEventsButtonText: string;
|
|
510
|
-
export const noEventsButtonIcon: string;
|
|
511
549
|
export const showNoEventsButton: boolean;
|
|
512
|
-
const buttonColor_4: string;
|
|
513
|
-
export { buttonColor_4 as buttonColor };
|
|
514
|
-
const buttonHoverColor_2: string;
|
|
515
|
-
export { buttonHoverColor_2 as buttonHoverColor };
|
|
516
550
|
}
|
|
517
551
|
export { args_5 as args };
|
|
518
552
|
}
|
|
519
|
-
export namespace
|
|
553
|
+
export namespace NoDataInSearch {
|
|
520
554
|
export namespace args_6 {
|
|
521
555
|
const width_7: string;
|
|
522
556
|
export { width_7 as width };
|
|
@@ -528,22 +562,21 @@ export namespace EmptyStateNoButton {
|
|
|
528
562
|
export { tableTitle_7 as tableTitle };
|
|
529
563
|
const hideRowsCounter_7: boolean;
|
|
530
564
|
export { hideRowsCounter_7 as hideRowsCounter };
|
|
531
|
-
|
|
532
|
-
export { columns_5 as columns };
|
|
565
|
+
export { columns1 as columns };
|
|
533
566
|
const data_5: any[];
|
|
534
567
|
export { data_5 as data };
|
|
535
568
|
const showNoDataInSearch_7: boolean;
|
|
536
569
|
export { showNoDataInSearch_7 as showNoDataInSearch };
|
|
570
|
+
export const noDataInSearchTitle: string;
|
|
571
|
+
export const noDataInSearchMessage: string;
|
|
537
572
|
const noEventsTitle_7: string;
|
|
538
573
|
export { noEventsTitle_7 as noEventsTitle };
|
|
539
574
|
const noEventsSubtitle_7: string;
|
|
540
575
|
export { noEventsSubtitle_7 as noEventsSubtitle };
|
|
541
|
-
const showNoEventsButton_1: boolean;
|
|
542
|
-
export { showNoEventsButton_1 as showNoEventsButton };
|
|
543
576
|
}
|
|
544
577
|
export { args_6 as args };
|
|
545
578
|
}
|
|
546
|
-
export namespace
|
|
579
|
+
export namespace WithDataHiddenCounter {
|
|
547
580
|
export namespace args_7 {
|
|
548
581
|
const width_8: string;
|
|
549
582
|
export { width_8 as width };
|
|
@@ -553,15 +586,22 @@ export namespace NoDataInSearch {
|
|
|
553
586
|
export { tableBodyHeight_8 as tableBodyHeight };
|
|
554
587
|
const tableTitle_8: string;
|
|
555
588
|
export { tableTitle_8 as tableTitle };
|
|
589
|
+
const counter_2: number;
|
|
590
|
+
export { counter_2 as counter };
|
|
556
591
|
const hideRowsCounter_8: boolean;
|
|
557
592
|
export { hideRowsCounter_8 as hideRowsCounter };
|
|
593
|
+
const isLoading_4: boolean;
|
|
594
|
+
export { isLoading_4 as isLoading };
|
|
595
|
+
const isLoadingText_4: string;
|
|
596
|
+
export { isLoadingText_4 as isLoadingText };
|
|
597
|
+
const lastRowsThreshold_4: number;
|
|
598
|
+
export { lastRowsThreshold_4 as lastRowsThreshold };
|
|
558
599
|
export { columns1 as columns };
|
|
559
|
-
|
|
560
|
-
|
|
600
|
+
export { data1 as data };
|
|
601
|
+
const buttonColor_4: string;
|
|
602
|
+
export { buttonColor_4 as buttonColor };
|
|
561
603
|
const showNoDataInSearch_8: boolean;
|
|
562
604
|
export { showNoDataInSearch_8 as showNoDataInSearch };
|
|
563
|
-
export const noDataInSearchTitle: string;
|
|
564
|
-
export const noDataInSearchMessage: string;
|
|
565
605
|
const noEventsTitle_8: string;
|
|
566
606
|
export { noEventsTitle_8 as noEventsTitle };
|
|
567
607
|
const noEventsSubtitle_8: string;
|
|
@@ -569,7 +609,7 @@ export namespace NoDataInSearch {
|
|
|
569
609
|
}
|
|
570
610
|
export { args_7 as args };
|
|
571
611
|
}
|
|
572
|
-
export namespace
|
|
612
|
+
export namespace SupplierEvents {
|
|
573
613
|
export namespace args_8 {
|
|
574
614
|
const width_9: string;
|
|
575
615
|
export { width_9 as width };
|
|
@@ -579,22 +619,12 @@ export namespace WithDataHiddenCounter {
|
|
|
579
619
|
export { tableBodyHeight_9 as tableBodyHeight };
|
|
580
620
|
const tableTitle_9: string;
|
|
581
621
|
export { tableTitle_9 as tableTitle };
|
|
582
|
-
|
|
583
|
-
export {
|
|
584
|
-
const
|
|
585
|
-
export {
|
|
586
|
-
const
|
|
587
|
-
export {
|
|
588
|
-
const isLoadingText_4: string;
|
|
589
|
-
export { isLoadingText_4 as isLoadingText };
|
|
590
|
-
const lastRowsThreshold_4: number;
|
|
591
|
-
export { lastRowsThreshold_4 as lastRowsThreshold };
|
|
592
|
-
export { columns1 as columns };
|
|
593
|
-
export { data1 as data };
|
|
594
|
-
const buttonColor_5: string;
|
|
595
|
-
export { buttonColor_5 as buttonColor };
|
|
596
|
-
const showNoDataInSearch_9: boolean;
|
|
597
|
-
export { showNoDataInSearch_9 as showNoDataInSearch };
|
|
622
|
+
export { supplierColumns as columns };
|
|
623
|
+
export { supplierData as data };
|
|
624
|
+
const showSideButton_2: boolean;
|
|
625
|
+
export { showSideButton_2 as showSideButton };
|
|
626
|
+
const showHorizontalScroll_2: boolean;
|
|
627
|
+
export { showHorizontalScroll_2 as showHorizontalScroll };
|
|
598
628
|
const noEventsTitle_9: string;
|
|
599
629
|
export { noEventsTitle_9 as noEventsTitle };
|
|
600
630
|
const noEventsSubtitle_9: string;
|
|
@@ -602,7 +632,7 @@ export namespace WithDataHiddenCounter {
|
|
|
602
632
|
}
|
|
603
633
|
export { args_8 as args };
|
|
604
634
|
}
|
|
605
|
-
export namespace
|
|
635
|
+
export namespace SupplierEventsWithTags {
|
|
606
636
|
export namespace args_9 {
|
|
607
637
|
const width_10: string;
|
|
608
638
|
export { width_10 as width };
|
|
@@ -612,20 +642,24 @@ export namespace SupplierEvents {
|
|
|
612
642
|
export { tableBodyHeight_10 as tableBodyHeight };
|
|
613
643
|
const tableTitle_10: string;
|
|
614
644
|
export { tableTitle_10 as tableTitle };
|
|
645
|
+
const counter_3: number;
|
|
646
|
+
export { counter_3 as counter };
|
|
615
647
|
export { supplierColumns as columns };
|
|
616
648
|
export { supplierData as data };
|
|
617
|
-
const
|
|
618
|
-
export {
|
|
619
|
-
const
|
|
620
|
-
export {
|
|
649
|
+
const showSideButton_3: boolean;
|
|
650
|
+
export { showSideButton_3 as showSideButton };
|
|
651
|
+
const showHorizontalScroll_3: boolean;
|
|
652
|
+
export { showHorizontalScroll_3 as showHorizontalScroll };
|
|
621
653
|
const noEventsTitle_10: string;
|
|
622
654
|
export { noEventsTitle_10 as noEventsTitle };
|
|
623
655
|
const noEventsSubtitle_10: string;
|
|
624
656
|
export { noEventsSubtitle_10 as noEventsSubtitle };
|
|
657
|
+
const children_3: import("react/jsx-runtime").JSX.Element;
|
|
658
|
+
export { children_3 as children };
|
|
625
659
|
}
|
|
626
660
|
export { args_9 as args };
|
|
627
661
|
}
|
|
628
|
-
export namespace
|
|
662
|
+
export namespace ExpandableTable {
|
|
629
663
|
export namespace args_10 {
|
|
630
664
|
const width_11: string;
|
|
631
665
|
export { width_11 as width };
|
|
@@ -635,22 +669,23 @@ export namespace SupplierEventsWithTags {
|
|
|
635
669
|
export { tableBodyHeight_11 as tableBodyHeight };
|
|
636
670
|
const tableTitle_11: string;
|
|
637
671
|
export { tableTitle_11 as tableTitle };
|
|
638
|
-
const
|
|
639
|
-
export {
|
|
640
|
-
export {
|
|
641
|
-
export {
|
|
642
|
-
const
|
|
643
|
-
export {
|
|
644
|
-
const
|
|
645
|
-
export {
|
|
646
|
-
const
|
|
647
|
-
export {
|
|
648
|
-
const
|
|
649
|
-
export {
|
|
650
|
-
const children_3: import("react/jsx-runtime").JSX.Element;
|
|
651
|
-
export { children_3 as children };
|
|
672
|
+
const counter_4: number;
|
|
673
|
+
export { counter_4 as counter };
|
|
674
|
+
export { columns1 as columns };
|
|
675
|
+
export { data1 as data };
|
|
676
|
+
const expandable_1: boolean;
|
|
677
|
+
export { expandable_1 as expandable };
|
|
678
|
+
const expandedRows_1: {};
|
|
679
|
+
export { expandedRows_1 as expandedRows };
|
|
680
|
+
const expandedContent_1: {};
|
|
681
|
+
export { expandedContent_1 as expandedContent };
|
|
682
|
+
const showSideButton_4: boolean;
|
|
683
|
+
export { showSideButton_4 as showSideButton };
|
|
652
684
|
}
|
|
653
685
|
export { args_10 as args };
|
|
686
|
+
export const decorators: ((Story: any, { args }: {
|
|
687
|
+
args: any;
|
|
688
|
+
}) => import("react/jsx-runtime").JSX.Element)[];
|
|
654
689
|
}
|
|
655
690
|
import Table from "./Table";
|
|
656
691
|
import { columns1 } from "./data";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export default TableBody;
|
|
2
|
-
declare function TableBody({ columns, data, onRowClick, onSendClick, buttonColor, buttonHoverColor, selectedColor, onDeleteClick, resetFocusIndex, changeFocusIndex, onFocusChange, indexToShimmer, statuses, onCommentSave, commentTextLimit, ref, }: {
|
|
2
|
+
declare function TableBody({ columns, data, onRowClick, onSendClick, buttonColor, buttonHoverColor, selectedColor, onDeleteClick, resetFocusIndex, changeFocusIndex, onFocusChange, indexToShimmer, statuses, onCommentSave, commentTextLimit, expandable, expandedRows, expandedContent, onExpandRow, expandedBackgroundColor, ref, }: {
|
|
3
3
|
columns: any;
|
|
4
4
|
data: any;
|
|
5
5
|
onRowClick: any;
|
|
@@ -18,6 +18,11 @@ declare function TableBody({ columns, data, onRowClick, onSendClick, buttonColor
|
|
|
18
18
|
}[];
|
|
19
19
|
onCommentSave?: () => void;
|
|
20
20
|
commentTextLimit?: number;
|
|
21
|
+
expandable?: boolean;
|
|
22
|
+
expandedRows?: {};
|
|
23
|
+
expandedContent?: {};
|
|
24
|
+
onExpandRow?: () => void;
|
|
25
|
+
expandedBackgroundColor?: string;
|
|
21
26
|
ref?: any;
|
|
22
27
|
}): import("react/jsx-runtime").JSX.Element;
|
|
23
28
|
declare namespace TableBody {
|
|
@@ -21,3 +21,6 @@ export const TextareaWrapper: import("styled-components/dist/types").IStyledComp
|
|
|
21
21
|
export const TextareaLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>> & string;
|
|
22
22
|
export const CommentTextarea: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, never>> & string;
|
|
23
23
|
export const CharacterCount: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
24
|
+
export const ExpandIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
25
|
+
export const ExpandedRow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, never>> & string;
|
|
26
|
+
export const ExpandedContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
export default TableHeader;
|
|
2
|
-
declare function TableHeader({ columns, onSort, onFilter, onSelectAll, activeFilters, activeSorts }: {
|
|
2
|
+
declare function TableHeader({ columns, onSort, onFilter, onSelectAll, activeFilters, activeSorts, expandable }: {
|
|
3
3
|
columns: any;
|
|
4
4
|
onSort: any;
|
|
5
5
|
onFilter: any;
|
|
6
6
|
onSelectAll: any;
|
|
7
7
|
activeFilters?: any[];
|
|
8
8
|
activeSorts?: any[];
|
|
9
|
+
expandable?: boolean;
|
|
9
10
|
}): import("react/jsx-runtime").JSX.Element;
|