sag_components 2.0.0-beta177 → 2.0.0-beta178
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 +218 -66
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +218 -66
- package/dist/index.js.map +1 -1
- package/dist/types/components/Table/DropMenus/Dropdown.d.ts +7 -1
- package/dist/types/components/Table/Table.stories.d.ts +40 -1
- package/dist/types/components/Table/TableBody.d.ts +5 -1
- package/dist/types/components/Table/TableHeader.d.ts +3 -1
- package/package.json +1 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export default Dropdown;
|
|
2
|
-
declare function Dropdown({ isOpen, options, selectedValue, displayText, onToggle, onOptionSelect, maxDropdownHeight, isRowFocused, isRowHovered, selectedColor }: {
|
|
2
|
+
declare function Dropdown({ isOpen, options, selectedValue, displayText, onToggle, onOptionSelect, maxDropdownHeight, isRowFocused, isRowHovered, selectedColor, dropdownOptionsWidth, dropdownOptionsAlignment, placeholder }: {
|
|
3
3
|
isOpen: any;
|
|
4
4
|
options: any;
|
|
5
5
|
selectedValue: any;
|
|
@@ -10,6 +10,9 @@ declare function Dropdown({ isOpen, options, selectedValue, displayText, onToggl
|
|
|
10
10
|
isRowFocused?: boolean;
|
|
11
11
|
isRowHovered?: boolean;
|
|
12
12
|
selectedColor: any;
|
|
13
|
+
dropdownOptionsWidth: any;
|
|
14
|
+
dropdownOptionsAlignment?: string;
|
|
15
|
+
placeholder?: string;
|
|
13
16
|
}): import("react/jsx-runtime").JSX.Element;
|
|
14
17
|
declare namespace Dropdown {
|
|
15
18
|
namespace propTypes {
|
|
@@ -26,6 +29,9 @@ declare namespace Dropdown {
|
|
|
26
29
|
const isRowFocused: PropTypes.Requireable<boolean>;
|
|
27
30
|
const isRowHovered: PropTypes.Requireable<boolean>;
|
|
28
31
|
const selectedColor: PropTypes.Requireable<string>;
|
|
32
|
+
const dropdownOptionsWidth: PropTypes.Requireable<string>;
|
|
33
|
+
const dropdownOptionsAlignment: PropTypes.Requireable<string>;
|
|
34
|
+
const placeholder: PropTypes.Requireable<string>;
|
|
29
35
|
}
|
|
30
36
|
}
|
|
31
37
|
import PropTypes from "prop-types";
|
|
@@ -348,6 +348,22 @@ declare namespace _default {
|
|
|
348
348
|
const name_40: string;
|
|
349
349
|
export { name_40 as name };
|
|
350
350
|
}
|
|
351
|
+
namespace onCheckboxClick {
|
|
352
|
+
const action_12: string;
|
|
353
|
+
export { action_12 as action };
|
|
354
|
+
const description_41: string;
|
|
355
|
+
export { description_41 as description };
|
|
356
|
+
const name_41: string;
|
|
357
|
+
export { name_41 as name };
|
|
358
|
+
}
|
|
359
|
+
namespace onHeaderCheckboxClick {
|
|
360
|
+
const action_13: string;
|
|
361
|
+
export { action_13 as action };
|
|
362
|
+
const description_42: string;
|
|
363
|
+
export { description_42 as description };
|
|
364
|
+
const name_42: string;
|
|
365
|
+
export { name_42 as name };
|
|
366
|
+
}
|
|
351
367
|
}
|
|
352
368
|
}
|
|
353
369
|
export default _default;
|
|
@@ -695,7 +711,7 @@ export namespace ExpandableTable {
|
|
|
695
711
|
args: any;
|
|
696
712
|
}) => import("react/jsx-runtime").JSX.Element)[];
|
|
697
713
|
}
|
|
698
|
-
export namespace
|
|
714
|
+
export namespace CheckboxTable {
|
|
699
715
|
export namespace args_11 {
|
|
700
716
|
const width_12: string;
|
|
701
717
|
export { width_12 as width };
|
|
@@ -709,6 +725,8 @@ export namespace DropdownTable {
|
|
|
709
725
|
export { counter_5 as counter };
|
|
710
726
|
const showSideButton_5: boolean;
|
|
711
727
|
export { showSideButton_5 as showSideButton };
|
|
728
|
+
const showHorizontalScroll_4: boolean;
|
|
729
|
+
export { showHorizontalScroll_4 as showHorizontalScroll };
|
|
712
730
|
}
|
|
713
731
|
export { args_11 as args };
|
|
714
732
|
const decorators_1: ((Story: any, { args }: {
|
|
@@ -716,6 +734,27 @@ export namespace DropdownTable {
|
|
|
716
734
|
}) => import("react/jsx-runtime").JSX.Element)[];
|
|
717
735
|
export { decorators_1 as decorators };
|
|
718
736
|
}
|
|
737
|
+
export namespace DropdownTable {
|
|
738
|
+
export namespace args_12 {
|
|
739
|
+
const width_13: string;
|
|
740
|
+
export { width_13 as width };
|
|
741
|
+
const height_13: string;
|
|
742
|
+
export { height_13 as height };
|
|
743
|
+
const tableBodyHeight_13: string;
|
|
744
|
+
export { tableBodyHeight_13 as tableBodyHeight };
|
|
745
|
+
const tableTitle_13: string;
|
|
746
|
+
export { tableTitle_13 as tableTitle };
|
|
747
|
+
const counter_6: number;
|
|
748
|
+
export { counter_6 as counter };
|
|
749
|
+
const showSideButton_6: boolean;
|
|
750
|
+
export { showSideButton_6 as showSideButton };
|
|
751
|
+
}
|
|
752
|
+
export { args_12 as args };
|
|
753
|
+
const decorators_2: ((Story: any, { args }: {
|
|
754
|
+
args: any;
|
|
755
|
+
}) => import("react/jsx-runtime").JSX.Element)[];
|
|
756
|
+
export { decorators_2 as decorators };
|
|
757
|
+
}
|
|
719
758
|
import Table from "./Table";
|
|
720
759
|
import { columns1 } from "./data";
|
|
721
760
|
import { data1 } 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, expandable, expandedRows, expandedContent, onExpandRow, expandedBackgroundColor, onDropdownSelected, 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, onDropdownSelected, onCheckboxClick, onHeaderCheckboxClick, ref, }: {
|
|
3
3
|
columns: any;
|
|
4
4
|
data: any;
|
|
5
5
|
onRowClick: any;
|
|
@@ -24,6 +24,8 @@ declare function TableBody({ columns, data, onRowClick, onSendClick, buttonColor
|
|
|
24
24
|
onExpandRow?: () => void;
|
|
25
25
|
expandedBackgroundColor?: string;
|
|
26
26
|
onDropdownSelected?: () => void;
|
|
27
|
+
onCheckboxClick?: () => void;
|
|
28
|
+
onHeaderCheckboxClick?: () => void;
|
|
27
29
|
ref?: any;
|
|
28
30
|
}): import("react/jsx-runtime").JSX.Element;
|
|
29
31
|
declare namespace TableBody {
|
|
@@ -44,6 +46,8 @@ declare namespace TableBody {
|
|
|
44
46
|
const onCommentSave: PropTypes.Requireable<(...args: any[]) => any>;
|
|
45
47
|
const commentTextLimit: PropTypes.Requireable<number>;
|
|
46
48
|
const onDropdownSelected: PropTypes.Requireable<(...args: any[]) => any>;
|
|
49
|
+
const onCheckboxClick: PropTypes.Requireable<(...args: any[]) => any>;
|
|
50
|
+
const onHeaderCheckboxClick: PropTypes.Requireable<(...args: any[]) => any>;
|
|
47
51
|
const ref: PropTypes.Requireable<object>;
|
|
48
52
|
}
|
|
49
53
|
const displayName: string;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export default TableHeader;
|
|
2
|
-
declare function TableHeader({ columns, onSort, onFilter, onSelectAll, activeFilters, activeSorts, expandable }: {
|
|
2
|
+
declare function TableHeader({ columns, onSort, onFilter, onSelectAll, activeFilters, activeSorts, expandable, onHeaderCheckboxClick, headerCheckboxStates }: {
|
|
3
3
|
columns: any;
|
|
4
4
|
onSort: any;
|
|
5
5
|
onFilter: any;
|
|
@@ -7,4 +7,6 @@ declare function TableHeader({ columns, onSort, onFilter, onSelectAll, activeFil
|
|
|
7
7
|
activeFilters?: any[];
|
|
8
8
|
activeSorts?: any[];
|
|
9
9
|
expandable?: boolean;
|
|
10
|
+
onHeaderCheckboxClick?: () => void;
|
|
11
|
+
headerCheckboxStates?: {};
|
|
10
12
|
}): import("react/jsx-runtime").JSX.Element;
|