@czi-sds/mcp 0.3.0 → 0.5.0
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/data/component-props/Accordion.json +14 -15
- package/data/component-props/Alert.json +2 -44
- package/data/component-props/Autocomplete.json +14 -32
- package/data/component-props/Banner.json +11 -12
- package/data/component-props/Button.json +17 -82
- package/data/component-props/ButtonDropdown.json +26 -0
- package/data/component-props/ButtonIcon.json +4 -60
- package/data/component-props/ButtonToggle.json +2 -66
- package/data/component-props/Callout.json +11 -65
- package/data/component-props/CellBasic.json +28 -56
- package/data/component-props/CellComponent.json +4 -32
- package/data/component-props/CellHeader.json +13 -49
- package/data/component-props/ComplexFilter.json +24 -4
- package/data/component-props/ContentCard.json +66 -2
- package/data/component-props/Dialog.json +26 -0
- package/data/component-props/Dropdown.json +29 -67
- package/data/component-props/DropdownMenu.json +16 -56
- package/data/component-props/HeatmapChart.json +6 -87
- package/data/component-props/Icon.json +3 -8
- package/data/component-props/InputCheckbox.json +5 -53
- package/data/component-props/InputDropdown.json +11 -33
- package/data/component-props/InputRadio.json +5 -53
- package/data/component-props/InputSearch.json +6 -70
- package/data/component-props/InputSlider.json +21 -35
- package/data/component-props/InputText.json +7 -63
- package/data/component-props/InputToggle.json +5 -54
- package/data/component-props/Link.json +18 -0
- package/data/component-props/LoadingIndicator.json +1 -2
- package/data/component-props/MenuItem.json +11 -41
- package/data/component-props/MenuSelect.json +4 -67
- package/data/component-props/NavigationFooter.json +0 -8
- package/data/component-props/NavigationHeader.json +14 -65
- package/data/component-props/NavigationJumpTo.json +0 -40
- package/data/component-props/Notification.json +14 -58
- package/data/component-props/Pagination.json +8 -33
- package/data/component-props/Panel.json +4 -54
- package/data/component-props/SegmentedControl.json +0 -55
- package/data/component-props/TableRow.json +10 -38
- package/data/component-props/Tabs.json +18 -0
- package/data/component-props/Tag.json +10 -56
- package/data/component-props/TagFilter.json +0 -47
- package/data/component-props/Tooltip.json +12 -61
- package/data/component-props/TooltipCondensed.json +18 -0
- package/data/component-props/TooltipTable.json +0 -4
- package/data/resources/figma-rules.md +101 -0
- package/data/resources/sds-component-rules.md +189 -0
- package/data/resources/zeroheight-rules.md +180 -0
- package/data/zeroheight-cache.json +1 -1
- package/data/zeroheight-exports/Accordion.md +167 -125
- package/data/zeroheight-exports/Banner.md +71 -48
- package/data/zeroheight-exports/Borders.md +72 -73
- package/data/zeroheight-exports/Buttons.md +375 -330
- package/data/zeroheight-exports/Callout.md +138 -116
- package/data/zeroheight-exports/Colors.md +254 -255
- package/data/zeroheight-exports/Content-Card.md +36 -37
- package/data/zeroheight-exports/Contributing-to-SDS.md +34 -35
- package/data/zeroheight-exports/Control-Inputs.md +289 -234
- package/data/zeroheight-exports/Corners.md +63 -64
- package/data/zeroheight-exports/Cover-page.md +0 -1
- package/data/zeroheight-exports/Dialog.md +237 -179
- package/data/zeroheight-exports/Downloads.md +10 -11
- package/data/zeroheight-exports/Drop-Shadows.md +40 -41
- package/data/zeroheight-exports/Dropdown-Input.md +158 -127
- package/data/zeroheight-exports/Dropdown-Menu.md +814 -718
- package/data/zeroheight-exports/Element-Status-Tracker.md +191 -192
- package/data/zeroheight-exports/Field-Inputs.md +149 -130
- package/data/zeroheight-exports/Filters.md +114 -94
- package/data/zeroheight-exports/Getting-Started.md +112 -249
- package/data/zeroheight-exports/Hero.md +43 -37
- package/data/zeroheight-exports/Icons.md +205 -206
- package/data/zeroheight-exports/Intent.md +6 -7
- package/data/zeroheight-exports/Introduction-to-Bases.md +8 -9
- package/data/zeroheight-exports/Introduction-to-Cells.md +11 -12
- package/data/zeroheight-exports/Introduction-to-DNA.md +8 -9
- package/data/zeroheight-exports/Introduction-to-Genes.md +8 -9
- package/data/zeroheight-exports/Introduction.md +52 -53
- package/data/zeroheight-exports/Link.md +50 -37
- package/data/zeroheight-exports/Lists.md +78 -63
- package/data/zeroheight-exports/Loading-Indicator.md +7 -8
- package/data/zeroheight-exports/Navigation.md +163 -142
- package/data/zeroheight-exports/Notification.md +132 -102
- package/data/zeroheight-exports/Panel.md +231 -115
- package/data/zeroheight-exports/README.md +1 -1
- package/data/zeroheight-exports/Responsive-Design.md +35 -32
- package/data/zeroheight-exports/Search-Input.md +9 -10
- package/data/zeroheight-exports/Search.md +87 -104
- package/data/zeroheight-exports/Segmented-Control.md +68 -45
- package/data/zeroheight-exports/Spacing.md +210 -211
- package/data/zeroheight-exports/Table.md +414 -302
- package/data/zeroheight-exports/Tabs.md +126 -98
- package/data/zeroheight-exports/Tags.md +148 -118
- package/data/zeroheight-exports/Text-Link.md +32 -33
- package/data/zeroheight-exports/Theming.md +48 -29
- package/data/zeroheight-exports/Tooltips.md +253 -237
- package/data/zeroheight-exports/Typography.md +463 -464
- package/dist/stdio.js +136 -135
- package/package.json +3 -4
- package/data/component-props/Chip.json +0 -73
- package/data/component-props/List.json +0 -43
- package/data/component-props/Menu.json +0 -48
- package/data/component-props/Table.json +0 -26
- package/data/component-props-storybook/Accordion-storybook.json +0 -45
- package/data/component-props-storybook/Alert-storybook.json +0 -30
- package/data/component-props-storybook/Autocomplete-storybook.json +0 -67
- package/data/component-props-storybook/Banner-storybook.json +0 -78
- package/data/component-props-storybook/Button-storybook.json +0 -115
- package/data/component-props-storybook/ButtonDropdown-storybook.json +0 -73
- package/data/component-props-storybook/ButtonIcon-storybook.json +0 -60
- package/data/component-props-storybook/ButtonToggle-storybook.json +0 -68
- package/data/component-props-storybook/Callout-storybook.json +0 -90
- package/data/component-props-storybook/CellBasic-storybook.json +0 -138
- package/data/component-props-storybook/CellComponent-storybook.json +0 -48
- package/data/component-props-storybook/CellHeader-storybook.json +0 -71
- package/data/component-props-storybook/Chip-storybook.json +0 -26
- package/data/component-props-storybook/ComplexFilter-storybook.json +0 -60
- package/data/component-props-storybook/ContentCard-storybook.json +0 -175
- package/data/component-props-storybook/Dialog-storybook.json +0 -56
- package/data/component-props-storybook/Dropdown-storybook.json +0 -93
- package/data/component-props-storybook/DropdownMenu-storybook.json +0 -73
- package/data/component-props-storybook/HeatmapChart-storybook.json +0 -55
- package/data/component-props-storybook/Icon-storybook.json +0 -75
- package/data/component-props-storybook/InputCheckbox-storybook.json +0 -57
- package/data/component-props-storybook/InputDropdown-storybook.json +0 -80
- package/data/component-props-storybook/InputRadio-storybook.json +0 -56
- package/data/component-props-storybook/InputSearch-storybook.json +0 -55
- package/data/component-props-storybook/InputSlider-storybook.json +0 -55
- package/data/component-props-storybook/InputText-storybook.json +0 -59
- package/data/component-props-storybook/InputToggle-storybook.json +0 -42
- package/data/component-props-storybook/Link-storybook.json +0 -50
- package/data/component-props-storybook/List-storybook.json +0 -26
- package/data/component-props-storybook/LoadingIndicator-storybook.json +0 -34
- package/data/component-props-storybook/Menu-storybook.json +0 -26
- package/data/component-props-storybook/MenuItem-storybook.json +0 -74
- package/data/component-props-storybook/MenuSelect-storybook.json +0 -38
- package/data/component-props-storybook/NavigationFooter-storybook.json +0 -67
- package/data/component-props-storybook/NavigationHeader-storybook.json +0 -115
- package/data/component-props-storybook/NavigationJumpTo-storybook.json +0 -41
- package/data/component-props-storybook/Notification-storybook.json +0 -89
- package/data/component-props-storybook/Pagination-storybook.json +0 -50
- package/data/component-props-storybook/Panel-storybook.json +0 -52
- package/data/component-props-storybook/SegmentedControl-storybook.json +0 -30
- package/data/component-props-storybook/Table-storybook.json +0 -26
- package/data/component-props-storybook/TableHeader-storybook.json +0 -26
- package/data/component-props-storybook/TableRow-storybook.json +0 -62
- package/data/component-props-storybook/Tabs-storybook.json +0 -45
- package/data/component-props-storybook/Tag-storybook.json +0 -78
- package/data/component-props-storybook/TagFilter-storybook.json +0 -30
- package/data/component-props-storybook/Tooltip-storybook.json +0 -85
- package/data/component-props-storybook/TooltipCondensed-storybook.json +0 -38
- package/data/component-props-storybook/TooltipTable-storybook.json +0 -47
|
@@ -1,100 +1,72 @@
|
|
|
1
1
|
{
|
|
2
2
|
"CellBasic": {
|
|
3
3
|
"props": {
|
|
4
|
-
"
|
|
5
|
-
"type": "\"
|
|
4
|
+
"horizontalAlign": {
|
|
5
|
+
"type": "\"left\" | \"right\"",
|
|
6
6
|
"isRequired": false
|
|
7
7
|
},
|
|
8
|
-
"
|
|
9
|
-
"type": "
|
|
8
|
+
"icon": {
|
|
9
|
+
"type": "ReactElement",
|
|
10
10
|
"isRequired": false
|
|
11
11
|
},
|
|
12
|
-
"
|
|
13
|
-
"type": "\"
|
|
12
|
+
"iconVerticalAlign": {
|
|
13
|
+
"type": "\"top\" | \"center\" | \"bottom\"",
|
|
14
14
|
"isRequired": false
|
|
15
15
|
},
|
|
16
|
-
"
|
|
16
|
+
"primaryText": {
|
|
17
17
|
"type": "string",
|
|
18
|
+
"isRequired": true
|
|
19
|
+
},
|
|
20
|
+
"primaryTextComponentSlotBottom": {
|
|
21
|
+
"type": "ReactNode",
|
|
18
22
|
"isRequired": false
|
|
19
23
|
},
|
|
20
|
-
"
|
|
21
|
-
"type": "
|
|
24
|
+
"primaryTextComponentSlotRight": {
|
|
25
|
+
"type": "ReactNode",
|
|
22
26
|
"isRequired": false
|
|
23
27
|
},
|
|
24
|
-
"
|
|
25
|
-
"type": "
|
|
28
|
+
"primaryTextWrapLineCount": {
|
|
29
|
+
"type": "number",
|
|
26
30
|
"isRequired": false
|
|
27
31
|
},
|
|
28
|
-
"
|
|
29
|
-
"type": "
|
|
32
|
+
"secondaryText": {
|
|
33
|
+
"type": "string",
|
|
30
34
|
"isRequired": false
|
|
31
35
|
},
|
|
32
|
-
"
|
|
33
|
-
"type": "
|
|
36
|
+
"secondaryTextWrapLineCount": {
|
|
37
|
+
"type": "number",
|
|
34
38
|
"isRequired": false
|
|
35
39
|
},
|
|
36
40
|
"shouldShowTooltipOnHover": {
|
|
37
41
|
"type": "\"false\" | \"true\"",
|
|
38
42
|
"isRequired": false
|
|
39
43
|
},
|
|
40
|
-
"tooltipProps": {
|
|
41
|
-
"type": "TooltipProps",
|
|
42
|
-
"isRequired": false
|
|
43
|
-
},
|
|
44
|
-
"horizontalAlign": {
|
|
45
|
-
"type": "\"left\" | \"right\"",
|
|
46
|
-
"isRequired": false
|
|
47
|
-
},
|
|
48
|
-
"verticalAlign": {
|
|
49
|
-
"type": "\"top\" | \"center\" | \"bottom\"",
|
|
50
|
-
"isRequired": false
|
|
51
|
-
},
|
|
52
|
-
"iconVerticalAlign": {
|
|
53
|
-
"type": "\"top\" | \"center\" | \"bottom\"",
|
|
54
|
-
"isRequired": false
|
|
55
|
-
},
|
|
56
44
|
"shouldTextWrap": {
|
|
57
45
|
"type": "\"false\" | \"true\"",
|
|
58
46
|
"isRequired": false
|
|
59
47
|
},
|
|
60
|
-
"primaryTextWrapLineCount": {
|
|
61
|
-
"type": "number",
|
|
62
|
-
"isRequired": false
|
|
63
|
-
},
|
|
64
|
-
"secondaryTextWrapLineCount": {
|
|
65
|
-
"type": "number",
|
|
66
|
-
"isRequired": false
|
|
67
|
-
},
|
|
68
|
-
"tertiaryTextWrapLineCount": {
|
|
69
|
-
"type": "number",
|
|
70
|
-
"isRequired": false
|
|
71
|
-
},
|
|
72
48
|
"tabularNums": {
|
|
73
49
|
"type": "\"false\" | \"true\"",
|
|
74
50
|
"isRequired": false
|
|
75
51
|
},
|
|
76
|
-
"
|
|
77
|
-
"type": "string",
|
|
78
|
-
"isRequired": true
|
|
79
|
-
},
|
|
80
|
-
"secondaryText": {
|
|
52
|
+
"tertiaryText": {
|
|
81
53
|
"type": "string",
|
|
82
54
|
"isRequired": false
|
|
83
55
|
},
|
|
84
|
-
"
|
|
85
|
-
"type": "
|
|
56
|
+
"tertiaryTextWrapLineCount": {
|
|
57
|
+
"type": "number",
|
|
86
58
|
"isRequired": false
|
|
87
59
|
},
|
|
88
|
-
"
|
|
89
|
-
"type": "
|
|
60
|
+
"tooltipProps": {
|
|
61
|
+
"type": "TooltipProps",
|
|
90
62
|
"isRequired": false
|
|
91
63
|
},
|
|
92
|
-
"
|
|
93
|
-
"type": "
|
|
64
|
+
"verticalAlign": {
|
|
65
|
+
"type": "\"top\" | \"center\" | \"bottom\"",
|
|
94
66
|
"isRequired": false
|
|
95
67
|
},
|
|
96
|
-
"
|
|
97
|
-
"type": "
|
|
68
|
+
"width": {
|
|
69
|
+
"type": "\"string\" | \"number\"",
|
|
98
70
|
"isRequired": false
|
|
99
71
|
}
|
|
100
72
|
}
|
|
@@ -1,38 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"CellComponent": {
|
|
3
3
|
"props": {
|
|
4
|
-
"disabled": {
|
|
5
|
-
"type": "\"false\" | \"true\"",
|
|
6
|
-
"isRequired": false
|
|
7
|
-
},
|
|
8
|
-
"name": {
|
|
9
|
-
"type": "string",
|
|
10
|
-
"isRequired": false
|
|
11
|
-
},
|
|
12
|
-
"value": {
|
|
13
|
-
"type": "\"string\" | \"number\" | \"readonly string[]\"",
|
|
14
|
-
"isRequired": false
|
|
15
|
-
},
|
|
16
|
-
"className": {
|
|
17
|
-
"type": "string",
|
|
18
|
-
"isRequired": false
|
|
19
|
-
},
|
|
20
|
-
"id": {
|
|
21
|
-
"type": "string",
|
|
22
|
-
"isRequired": false
|
|
23
|
-
},
|
|
24
|
-
"style": {
|
|
25
|
-
"type": "CSSProperties",
|
|
26
|
-
"isRequired": false
|
|
27
|
-
},
|
|
28
|
-
"onChange": {
|
|
29
|
-
"type": "FormEventHandler<HTMLTableCellElement>",
|
|
30
|
-
"isRequired": false
|
|
31
|
-
},
|
|
32
|
-
"onClick": {
|
|
33
|
-
"type": "function",
|
|
34
|
-
"isRequired": false
|
|
35
|
-
},
|
|
36
4
|
"horizontalAlign": {
|
|
37
5
|
"type": "\"left\" | \"center\" | \"right\"",
|
|
38
6
|
"isRequired": false
|
|
@@ -40,6 +8,10 @@
|
|
|
40
8
|
"verticalAlign": {
|
|
41
9
|
"type": "\"center\" | \"top\" | \"bottom\"",
|
|
42
10
|
"isRequired": false
|
|
11
|
+
},
|
|
12
|
+
"width": {
|
|
13
|
+
"type": "\"string\" | \"number\"",
|
|
14
|
+
"isRequired": false
|
|
43
15
|
}
|
|
44
16
|
}
|
|
45
17
|
}
|
|
@@ -1,44 +1,24 @@
|
|
|
1
1
|
{
|
|
2
2
|
"CellHeader": {
|
|
3
3
|
"props": {
|
|
4
|
-
"
|
|
4
|
+
"active": {
|
|
5
5
|
"type": "\"false\" | \"true\"",
|
|
6
6
|
"isRequired": false
|
|
7
7
|
},
|
|
8
|
-
"
|
|
9
|
-
"type": "
|
|
10
|
-
"isRequired": false
|
|
11
|
-
},
|
|
12
|
-
"value": {
|
|
13
|
-
"type": "\"string\" | \"number\" | \"readonly string[]\"",
|
|
14
|
-
"isRequired": false
|
|
15
|
-
},
|
|
16
|
-
"className": {
|
|
17
|
-
"type": "string",
|
|
18
|
-
"isRequired": false
|
|
19
|
-
},
|
|
20
|
-
"id": {
|
|
21
|
-
"type": "string",
|
|
22
|
-
"isRequired": false
|
|
23
|
-
},
|
|
24
|
-
"style": {
|
|
25
|
-
"type": "CSSProperties",
|
|
26
|
-
"isRequired": false
|
|
27
|
-
},
|
|
28
|
-
"onChange": {
|
|
29
|
-
"type": "FormEventHandler<HTMLTableCellElement>",
|
|
8
|
+
"direction": {
|
|
9
|
+
"type": "\"asc\" | \"desc\"",
|
|
30
10
|
"isRequired": false
|
|
31
11
|
},
|
|
32
|
-
"
|
|
33
|
-
"type": "
|
|
12
|
+
"hideSortIcon": {
|
|
13
|
+
"type": "\"false\" | \"true\"",
|
|
34
14
|
"isRequired": false
|
|
35
15
|
},
|
|
36
|
-
"
|
|
37
|
-
"type": "
|
|
16
|
+
"horizontalAlign": {
|
|
17
|
+
"type": "\"left\" | \"center\" | \"right\"",
|
|
38
18
|
"isRequired": false
|
|
39
19
|
},
|
|
40
|
-
"
|
|
41
|
-
"type": "
|
|
20
|
+
"hover": {
|
|
21
|
+
"type": "\"false\" | \"true\"",
|
|
42
22
|
"isRequired": false
|
|
43
23
|
},
|
|
44
24
|
"shouldShowTooltipOnHover": {
|
|
@@ -49,28 +29,12 @@
|
|
|
49
29
|
"type": "TooltipProps",
|
|
50
30
|
"isRequired": false
|
|
51
31
|
},
|
|
52
|
-
"
|
|
53
|
-
"type": "
|
|
54
|
-
"isRequired": false
|
|
55
|
-
},
|
|
56
|
-
"hideSortIcon": {
|
|
57
|
-
"type": "\"false\" | \"true\"",
|
|
58
|
-
"isRequired": false
|
|
59
|
-
},
|
|
60
|
-
"horizontalAlign": {
|
|
61
|
-
"type": "\"left\" | \"center\" | \"right\"",
|
|
62
|
-
"isRequired": false
|
|
63
|
-
},
|
|
64
|
-
"hover": {
|
|
65
|
-
"type": "\"false\" | \"true\"",
|
|
66
|
-
"isRequired": false
|
|
67
|
-
},
|
|
68
|
-
"shouldTruncate": {
|
|
69
|
-
"type": "\"false\" | \"true\"",
|
|
32
|
+
"tooltipText": {
|
|
33
|
+
"type": "string",
|
|
70
34
|
"isRequired": false
|
|
71
35
|
},
|
|
72
|
-
"
|
|
73
|
-
"type": "\"
|
|
36
|
+
"width": {
|
|
37
|
+
"type": "\"string\" | \"number\"",
|
|
74
38
|
"isRequired": false
|
|
75
39
|
}
|
|
76
40
|
}
|
|
@@ -1,18 +1,38 @@
|
|
|
1
1
|
{
|
|
2
2
|
"ComplexFilter": {
|
|
3
3
|
"props": {
|
|
4
|
+
"DropdownMenuProps": {
|
|
5
|
+
"type": "any",
|
|
6
|
+
"isRequired": false
|
|
7
|
+
},
|
|
8
|
+
"InputDropdownProps": {
|
|
9
|
+
"type": "InputDropdownPropsType",
|
|
10
|
+
"isRequired": false,
|
|
11
|
+
"defaultValue": "{ sdsStyle: minimal }"
|
|
12
|
+
},
|
|
13
|
+
"isTriggerChangeOnOptionClick": {
|
|
14
|
+
"type": "any",
|
|
15
|
+
"isRequired": false
|
|
16
|
+
},
|
|
4
17
|
"label": {
|
|
5
18
|
"type": "ReactNode",
|
|
6
19
|
"isRequired": false
|
|
7
20
|
},
|
|
21
|
+
"multiple": {
|
|
22
|
+
"type": "any",
|
|
23
|
+
"isRequired": false
|
|
24
|
+
},
|
|
8
25
|
"onChange": {
|
|
9
26
|
"type": "(options: AutocompleteValue<T, Multiple, DisableClearable, FreeSolo>) => void",
|
|
10
27
|
"isRequired": false
|
|
11
28
|
},
|
|
12
|
-
"
|
|
13
|
-
"type": "
|
|
14
|
-
"isRequired": false
|
|
15
|
-
|
|
29
|
+
"options": {
|
|
30
|
+
"type": "any",
|
|
31
|
+
"isRequired": false
|
|
32
|
+
},
|
|
33
|
+
"search": {
|
|
34
|
+
"type": "any",
|
|
35
|
+
"isRequired": false
|
|
16
36
|
}
|
|
17
37
|
}
|
|
18
38
|
}
|
|
@@ -1,17 +1,81 @@
|
|
|
1
1
|
{
|
|
2
2
|
"ContentCard": {
|
|
3
3
|
"props": {
|
|
4
|
+
"boundingBox": {
|
|
5
|
+
"type": "any",
|
|
6
|
+
"isRequired": false
|
|
7
|
+
},
|
|
8
|
+
"buttons": {
|
|
9
|
+
"type": "any",
|
|
10
|
+
"isRequired": false
|
|
11
|
+
},
|
|
4
12
|
"buttonsPosition": {
|
|
5
13
|
"type": "\"left\" | \"right\"",
|
|
6
14
|
"isRequired": false
|
|
7
15
|
},
|
|
16
|
+
"classes": {
|
|
17
|
+
"type": "{ cardActions?: string; }",
|
|
18
|
+
"isRequired": false
|
|
19
|
+
},
|
|
8
20
|
"clickableCard": {
|
|
9
21
|
"type": "\"false\" | \"true\"",
|
|
10
22
|
"isRequired": false
|
|
11
23
|
},
|
|
12
|
-
"
|
|
13
|
-
"type": "
|
|
24
|
+
"clickableCardProps": {
|
|
25
|
+
"type": "any",
|
|
26
|
+
"isRequired": false
|
|
27
|
+
},
|
|
28
|
+
"decorativeBorder": {
|
|
29
|
+
"type": "any",
|
|
30
|
+
"isRequired": false
|
|
31
|
+
},
|
|
32
|
+
"icon": {
|
|
33
|
+
"type": "any",
|
|
34
|
+
"isRequired": false
|
|
35
|
+
},
|
|
36
|
+
"image": {
|
|
37
|
+
"type": "any",
|
|
14
38
|
"isRequired": false
|
|
39
|
+
},
|
|
40
|
+
"imagePadding": {
|
|
41
|
+
"type": "any",
|
|
42
|
+
"isRequired": false
|
|
43
|
+
},
|
|
44
|
+
"imagePosition": {
|
|
45
|
+
"type": "any",
|
|
46
|
+
"isRequired": false
|
|
47
|
+
},
|
|
48
|
+
"imageSize": {
|
|
49
|
+
"type": "any",
|
|
50
|
+
"isRequired": false
|
|
51
|
+
},
|
|
52
|
+
"sdsType": {
|
|
53
|
+
"type": "any",
|
|
54
|
+
"isRequired": false
|
|
55
|
+
},
|
|
56
|
+
"visualElementType": {
|
|
57
|
+
"type": "any",
|
|
58
|
+
"isRequired": false
|
|
59
|
+
}
|
|
60
|
+
}
|
|
61
|
+
},
|
|
62
|
+
"ContentCardTitle": {
|
|
63
|
+
"props": {
|
|
64
|
+
"metadataText": {
|
|
65
|
+
"type": "BaseContentCardProps",
|
|
66
|
+
"isRequired": true
|
|
67
|
+
},
|
|
68
|
+
"overlineText": {
|
|
69
|
+
"type": "BaseContentCardProps",
|
|
70
|
+
"isRequired": true
|
|
71
|
+
},
|
|
72
|
+
"subtitleText": {
|
|
73
|
+
"type": "BaseContentCardProps",
|
|
74
|
+
"isRequired": true
|
|
75
|
+
},
|
|
76
|
+
"titleText": {
|
|
77
|
+
"type": "BaseContentCardProps",
|
|
78
|
+
"isRequired": true
|
|
15
79
|
}
|
|
16
80
|
}
|
|
17
81
|
}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
{
|
|
2
|
+
"Dialog": {
|
|
3
|
+
"props": {
|
|
4
|
+
"buttonPosition": {
|
|
5
|
+
"type": "any",
|
|
6
|
+
"isRequired": false
|
|
7
|
+
},
|
|
8
|
+
"canClickOutsideClose": {
|
|
9
|
+
"type": "any",
|
|
10
|
+
"isRequired": false
|
|
11
|
+
},
|
|
12
|
+
"longContent": {
|
|
13
|
+
"type": "any",
|
|
14
|
+
"isRequired": false
|
|
15
|
+
},
|
|
16
|
+
"sdsSize": {
|
|
17
|
+
"type": "any",
|
|
18
|
+
"isRequired": false
|
|
19
|
+
},
|
|
20
|
+
"titleOnClose": {
|
|
21
|
+
"type": "any",
|
|
22
|
+
"isRequired": false
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
}
|
|
@@ -1,26 +1,24 @@
|
|
|
1
1
|
{
|
|
2
2
|
"Dropdown": {
|
|
3
3
|
"props": {
|
|
4
|
-
"
|
|
5
|
-
"type": "
|
|
6
|
-
"isRequired": false
|
|
7
|
-
"description": "Callback fired when the value changes.\n@param event The event source of the callback.\n@param value The new value of the component.\n@param reason One of \"createOption\", \"selectOption\", \"removeOption\", \"blur\" or \"clear\".\n@param details"
|
|
4
|
+
"DropdownMenuProps": {
|
|
5
|
+
"type": "SdsDropdownMenuProps<T, Multiple, DisableClearable, FreeSolo>",
|
|
6
|
+
"isRequired": false
|
|
8
7
|
},
|
|
9
|
-
"
|
|
10
|
-
"type": "
|
|
8
|
+
"InputDropdownProps": {
|
|
9
|
+
"type": "InputDropdownPropsType",
|
|
11
10
|
"isRequired": false
|
|
12
11
|
},
|
|
13
|
-
"
|
|
14
|
-
"type": "
|
|
15
|
-
"isRequired": false
|
|
16
|
-
"description": "This prop is used to help implement the accessibility logic.\nIf you don't provide an id it will fall back to a randomly generated one."
|
|
12
|
+
"buttonPosition": {
|
|
13
|
+
"type": "\"left\" | \"right\"",
|
|
14
|
+
"isRequired": false
|
|
17
15
|
},
|
|
18
|
-
"
|
|
19
|
-
"type": "
|
|
16
|
+
"buttons": {
|
|
17
|
+
"type": "\"false\" | \"true\"",
|
|
20
18
|
"isRequired": false
|
|
21
19
|
},
|
|
22
|
-
"
|
|
23
|
-
"type": "
|
|
20
|
+
"closeOnBlur": {
|
|
21
|
+
"type": "\"false\" | \"true\"",
|
|
24
22
|
"isRequired": false
|
|
25
23
|
},
|
|
26
24
|
"disabled": {
|
|
@@ -29,77 +27,41 @@
|
|
|
29
27
|
"description": "If `true`, the component is disabled.",
|
|
30
28
|
"defaultValue": false
|
|
31
29
|
},
|
|
32
|
-
"
|
|
30
|
+
"isSearchAutoFocus": {
|
|
33
31
|
"type": "\"false\" | \"true\"",
|
|
34
|
-
"isRequired": false
|
|
35
|
-
|
|
36
|
-
|
|
32
|
+
"isRequired": false
|
|
33
|
+
},
|
|
34
|
+
"label": {
|
|
35
|
+
"type": "ReactNode",
|
|
36
|
+
"isRequired": true
|
|
37
37
|
},
|
|
38
|
-
"
|
|
38
|
+
"multiple": {
|
|
39
39
|
"type": "\"false\" | \"true\"",
|
|
40
40
|
"isRequired": false,
|
|
41
|
-
"description": "If `true`,
|
|
41
|
+
"description": "If `true`, `value` must be an array and the menu will support multiple selections.",
|
|
42
42
|
"defaultValue": false
|
|
43
43
|
},
|
|
44
|
-
"
|
|
45
|
-
"type": "
|
|
44
|
+
"onChange": {
|
|
45
|
+
"type": "(event: SyntheticEvent",
|
|
46
46
|
"isRequired": false,
|
|
47
|
-
"description": "The
|
|
48
|
-
"defaultValue": "medium"
|
|
47
|
+
"description": "Callback fired when the value changes.\n@param event The event source of the callback.\n@param value The new value of the component.\n@param reason One of \"createOption\", \"selectOption\", \"removeOption\", \"blur\" or \"clear\".\n@param details"
|
|
49
48
|
},
|
|
50
49
|
"onClose": {
|
|
51
50
|
"type": "(event: SyntheticEvent<Element, Event>, reason: AutocompleteCloseReason) => void",
|
|
52
51
|
"isRequired": false,
|
|
53
52
|
"description": "Callback fired when the popup requests to be closed.\nUse in controlled mode (see open).\n@param event The event source of the callback.\n@param reason Can be: `\"toggleInput\"`, `\"escape\"`, `\"selectOption\"`, `\"removeOption\"`, `\"blur\"`."
|
|
54
53
|
},
|
|
55
|
-
"
|
|
56
|
-
"type": "\"
|
|
57
|
-
"isRequired":
|
|
58
|
-
"description": "
|
|
59
|
-
},
|
|
60
|
-
"value": {
|
|
61
|
-
"type": "any",
|
|
62
|
-
"isRequired": false,
|
|
63
|
-
"description": "The value of the autocomplete.\n\nThe value must have reference equality with the option in order to be selected.\nYou can customize the equality behavior with the `isOptionEqualToValue` prop."
|
|
64
|
-
},
|
|
65
|
-
"buttonPosition": {
|
|
66
|
-
"type": "\"left\" | \"right\"",
|
|
67
|
-
"isRequired": false
|
|
68
|
-
},
|
|
69
|
-
"buttons": {
|
|
70
|
-
"type": "\"false\" | \"true\"",
|
|
71
|
-
"isRequired": false
|
|
72
|
-
},
|
|
73
|
-
"closeOnBlur": {
|
|
74
|
-
"type": "\"false\" | \"true\"",
|
|
75
|
-
"isRequired": false
|
|
76
|
-
},
|
|
77
|
-
"label": {
|
|
78
|
-
"type": "ReactNode",
|
|
79
|
-
"isRequired": true
|
|
54
|
+
"options": {
|
|
55
|
+
"type": "\"readonly T[]\" | \"AutocompleteSingleColumnOption<T>[]\" | \"AutocompleteMultiColumnOption<T, Multiple, DisableClearable, FreeSolo>[]\"",
|
|
56
|
+
"isRequired": true,
|
|
57
|
+
"description": "Array of options."
|
|
80
58
|
},
|
|
81
59
|
"search": {
|
|
82
60
|
"type": "\"false\" | \"true\"",
|
|
83
61
|
"isRequired": false
|
|
84
62
|
},
|
|
85
|
-
"
|
|
86
|
-
"type": "
|
|
87
|
-
"isRequired": false
|
|
88
|
-
},
|
|
89
|
-
"DropdownMenuProps": {
|
|
90
|
-
"type": "SdsDropdownMenuProps<T, Multiple, DisableClearable, FreeSolo>",
|
|
91
|
-
"isRequired": false
|
|
92
|
-
},
|
|
93
|
-
"InputDropdownProps": {
|
|
94
|
-
"type": "InputDropdownPropsType",
|
|
95
|
-
"isRequired": false
|
|
96
|
-
},
|
|
97
|
-
"InputDropdownComponent": {
|
|
98
|
-
"type": "any",
|
|
99
|
-
"isRequired": false
|
|
100
|
-
},
|
|
101
|
-
"isTriggerChangeOnOptionClick": {
|
|
102
|
-
"type": "\"false\" | \"true\"",
|
|
63
|
+
"title": {
|
|
64
|
+
"type": "ReactNode",
|
|
103
65
|
"isRequired": false
|
|
104
66
|
}
|
|
105
67
|
}
|
|
@@ -1,84 +1,44 @@
|
|
|
1
1
|
{
|
|
2
2
|
"DropdownMenu": {
|
|
3
3
|
"props": {
|
|
4
|
-
"
|
|
5
|
-
"type": "
|
|
6
|
-
"isRequired": false
|
|
7
|
-
},
|
|
8
|
-
"renderInput": {
|
|
9
|
-
"type": "ReactNode",
|
|
10
|
-
"isRequired": false
|
|
11
|
-
},
|
|
12
|
-
"onInputChange": {
|
|
13
|
-
"type": "(event: SyntheticEvent",
|
|
14
|
-
"isRequired": false
|
|
15
|
-
},
|
|
16
|
-
"InputBaseProps": {
|
|
17
|
-
"type": "InputSearchProps",
|
|
18
|
-
"isRequired": false
|
|
19
|
-
},
|
|
20
|
-
"PopperBaseProps": {
|
|
21
|
-
"type": "Partial<PopperProps>",
|
|
4
|
+
"ClickAwayListenerProps": {
|
|
5
|
+
"type": "Partial<ClickAwayListenerProps>",
|
|
22
6
|
"isRequired": false
|
|
23
7
|
},
|
|
24
|
-
"
|
|
25
|
-
"type": "
|
|
8
|
+
"groupBy": {
|
|
9
|
+
"type": "any",
|
|
26
10
|
"isRequired": false
|
|
27
11
|
},
|
|
28
|
-
"
|
|
29
|
-
"type": "
|
|
12
|
+
"keepSearchOnSelect": {
|
|
13
|
+
"type": "\"false\" | \"true\"",
|
|
30
14
|
"isRequired": false
|
|
31
15
|
},
|
|
32
16
|
"label": {
|
|
33
17
|
"type": "string",
|
|
34
18
|
"isRequired": false
|
|
35
19
|
},
|
|
36
|
-
"
|
|
37
|
-
"type": "
|
|
38
|
-
"isRequired": true
|
|
39
|
-
},
|
|
40
|
-
"PopperComponent": {
|
|
41
|
-
"type": "ReactNode",
|
|
42
|
-
"isRequired": false
|
|
43
|
-
},
|
|
44
|
-
"PaperComponent": {
|
|
45
|
-
"type": "ReactNode",
|
|
46
|
-
"isRequired": false
|
|
47
|
-
},
|
|
48
|
-
"PopperPlacement": {
|
|
49
|
-
"type": "complex",
|
|
50
|
-
"isRequired": false
|
|
51
|
-
},
|
|
52
|
-
"onClickAway": {
|
|
53
|
-
"type": "function",
|
|
54
|
-
"isRequired": false
|
|
55
|
-
},
|
|
56
|
-
"ClickAwayListenerProps": {
|
|
57
|
-
"type": "Partial<ClickAwayListenerProps>",
|
|
58
|
-
"isRequired": false
|
|
59
|
-
},
|
|
60
|
-
"width": {
|
|
61
|
-
"type": "\"string\" | \"number\" | \"string & {}\"",
|
|
20
|
+
"multiple": {
|
|
21
|
+
"type": "any",
|
|
62
22
|
"isRequired": false
|
|
63
23
|
},
|
|
64
|
-
"
|
|
65
|
-
"type": "
|
|
24
|
+
"open": {
|
|
25
|
+
"type": "any",
|
|
66
26
|
"isRequired": false
|
|
67
27
|
},
|
|
68
|
-
"
|
|
69
|
-
"type": "
|
|
28
|
+
"options": {
|
|
29
|
+
"type": "any",
|
|
70
30
|
"isRequired": false
|
|
71
31
|
},
|
|
72
32
|
"search": {
|
|
73
33
|
"type": "\"false\" | \"true\"",
|
|
74
34
|
"isRequired": false
|
|
75
35
|
},
|
|
76
|
-
"
|
|
77
|
-
"type": "
|
|
36
|
+
"title": {
|
|
37
|
+
"type": "ReactNode",
|
|
78
38
|
"isRequired": false
|
|
79
39
|
},
|
|
80
|
-
"
|
|
81
|
-
"type": "\"
|
|
40
|
+
"width": {
|
|
41
|
+
"type": "\"string\" | \"number\" | \"string & {}\"",
|
|
82
42
|
"isRequired": false
|
|
83
43
|
}
|
|
84
44
|
}
|