@czi-sds/mcp 0.2.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/LICENSE +21 -0
- package/README.md +34 -0
- package/data/component-list.json +55 -0
- package/data/component-props/Accordion.json +31 -0
- package/data/component-props/Alert.json +52 -0
- package/data/component-props/Autocomplete.json +52 -0
- package/data/component-props/Banner.json +35 -0
- package/data/component-props/Button.json +109 -0
- package/data/component-props/ButtonIcon.json +80 -0
- package/data/component-props/ButtonToggle.json +91 -0
- package/data/component-props/Callout.json +93 -0
- package/data/component-props/CellBasic.json +102 -0
- package/data/component-props/CellComponent.json +46 -0
- package/data/component-props/CellHeader.json +78 -0
- package/data/component-props/Chip.json +73 -0
- package/data/component-props/ComplexFilter.json +19 -0
- package/data/component-props/ContentCard.json +18 -0
- package/data/component-props/Dropdown.json +107 -0
- package/data/component-props/DropdownMenu.json +86 -0
- package/data/component-props/HeatmapChart.json +110 -0
- package/data/component-props/Icon.json +27 -0
- package/data/component-props/InputCheckbox.json +76 -0
- package/data/component-props/InputDropdown.json +72 -0
- package/data/component-props/InputRadio.json +75 -0
- package/data/component-props/InputSearch.json +99 -0
- package/data/component-props/InputSlider.json +56 -0
- package/data/component-props/InputText.json +95 -0
- package/data/component-props/InputToggle.json +72 -0
- package/data/component-props/List.json +43 -0
- package/data/component-props/LoadingIndicator.json +11 -0
- package/data/component-props/Menu.json +48 -0
- package/data/component-props/MenuItem.json +72 -0
- package/data/component-props/MenuSelect.json +83 -0
- package/data/component-props/NavigationFooter.json +50 -0
- package/data/component-props/NavigationHeader.json +119 -0
- package/data/component-props/NavigationJumpTo.json +58 -0
- package/data/component-props/Notification.json +89 -0
- package/data/component-props/Pagination.json +51 -0
- package/data/component-props/Panel.json +72 -0
- package/data/component-props/SegmentedControl.json +65 -0
- package/data/component-props/Table.json +26 -0
- package/data/component-props/TableRow.json +70 -0
- package/data/component-props/Tag.json +86 -0
- package/data/component-props/TagFilter.json +58 -0
- package/data/component-props/Tooltip.json +86 -0
- package/data/component-props/TooltipTable.json +22 -0
- package/data/component-props-storybook/Accordion-storybook.json +45 -0
- package/data/component-props-storybook/Alert-storybook.json +30 -0
- package/data/component-props-storybook/Autocomplete-storybook.json +67 -0
- package/data/component-props-storybook/Banner-storybook.json +78 -0
- package/data/component-props-storybook/Button-storybook.json +115 -0
- package/data/component-props-storybook/ButtonDropdown-storybook.json +73 -0
- package/data/component-props-storybook/ButtonIcon-storybook.json +60 -0
- package/data/component-props-storybook/ButtonToggle-storybook.json +68 -0
- package/data/component-props-storybook/Callout-storybook.json +90 -0
- package/data/component-props-storybook/CellBasic-storybook.json +138 -0
- package/data/component-props-storybook/CellComponent-storybook.json +48 -0
- package/data/component-props-storybook/CellHeader-storybook.json +71 -0
- package/data/component-props-storybook/Chip-storybook.json +26 -0
- package/data/component-props-storybook/ComplexFilter-storybook.json +60 -0
- package/data/component-props-storybook/ContentCard-storybook.json +175 -0
- package/data/component-props-storybook/Dialog-storybook.json +56 -0
- package/data/component-props-storybook/Dropdown-storybook.json +93 -0
- package/data/component-props-storybook/DropdownMenu-storybook.json +73 -0
- package/data/component-props-storybook/HeatmapChart-storybook.json +55 -0
- package/data/component-props-storybook/Icon-storybook.json +75 -0
- package/data/component-props-storybook/InputCheckbox-storybook.json +57 -0
- package/data/component-props-storybook/InputDropdown-storybook.json +80 -0
- package/data/component-props-storybook/InputRadio-storybook.json +56 -0
- package/data/component-props-storybook/InputSearch-storybook.json +55 -0
- package/data/component-props-storybook/InputSlider-storybook.json +55 -0
- package/data/component-props-storybook/InputText-storybook.json +59 -0
- package/data/component-props-storybook/InputToggle-storybook.json +42 -0
- package/data/component-props-storybook/Link-storybook.json +50 -0
- package/data/component-props-storybook/List-storybook.json +26 -0
- package/data/component-props-storybook/LoadingIndicator-storybook.json +34 -0
- package/data/component-props-storybook/Menu-storybook.json +26 -0
- package/data/component-props-storybook/MenuItem-storybook.json +74 -0
- package/data/component-props-storybook/MenuSelect-storybook.json +38 -0
- package/data/component-props-storybook/NavigationFooter-storybook.json +67 -0
- package/data/component-props-storybook/NavigationHeader-storybook.json +115 -0
- package/data/component-props-storybook/NavigationJumpTo-storybook.json +41 -0
- package/data/component-props-storybook/Notification-storybook.json +89 -0
- package/data/component-props-storybook/Pagination-storybook.json +50 -0
- package/data/component-props-storybook/Panel-storybook.json +52 -0
- package/data/component-props-storybook/SegmentedControl-storybook.json +30 -0
- package/data/component-props-storybook/Table-storybook.json +26 -0
- package/data/component-props-storybook/TableHeader-storybook.json +26 -0
- package/data/component-props-storybook/TableRow-storybook.json +62 -0
- package/data/component-props-storybook/Tabs-storybook.json +45 -0
- package/data/component-props-storybook/Tag-storybook.json +78 -0
- package/data/component-props-storybook/TagFilter-storybook.json +30 -0
- package/data/component-props-storybook/Tooltip-storybook.json +85 -0
- package/data/component-props-storybook/TooltipCondensed-storybook.json +38 -0
- package/data/component-props-storybook/TooltipTable-storybook.json +47 -0
- package/data/tailwind.json +3009 -0
- package/dist/stdio.js +357 -0
- package/package.json +66 -0
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
{
|
|
2
|
+
"ButtonDropdown": {
|
|
3
|
+
"props": {
|
|
4
|
+
"disabled": {
|
|
5
|
+
"type": "boolean",
|
|
6
|
+
"isRequired": false
|
|
7
|
+
},
|
|
8
|
+
"icon": {
|
|
9
|
+
"type": "\"0\" | \"1\" | \"2\" | \"3\" | \"4\" | \"5\" | \"6\" | \"7\" | \"8\"",
|
|
10
|
+
"isRequired": false,
|
|
11
|
+
"options": [
|
|
12
|
+
"0",
|
|
13
|
+
"1",
|
|
14
|
+
"2",
|
|
15
|
+
"3",
|
|
16
|
+
"4",
|
|
17
|
+
"5",
|
|
18
|
+
"6",
|
|
19
|
+
"7",
|
|
20
|
+
"8"
|
|
21
|
+
]
|
|
22
|
+
},
|
|
23
|
+
"sdsSize": {
|
|
24
|
+
"type": "\"small\" | \"medium\" | \"large\"",
|
|
25
|
+
"isRequired": false,
|
|
26
|
+
"options": [
|
|
27
|
+
"small",
|
|
28
|
+
"medium",
|
|
29
|
+
"large"
|
|
30
|
+
]
|
|
31
|
+
},
|
|
32
|
+
"sdsStyle": {
|
|
33
|
+
"type": "\"rounded\" | \"square\" | \"icon\"",
|
|
34
|
+
"isRequired": true,
|
|
35
|
+
"options": [
|
|
36
|
+
"rounded",
|
|
37
|
+
"square",
|
|
38
|
+
"icon"
|
|
39
|
+
]
|
|
40
|
+
},
|
|
41
|
+
"sdsType": {
|
|
42
|
+
"type": "\"primary\" | \"secondary\" | \"tertiary\" | \"destructive\"",
|
|
43
|
+
"isRequired": true,
|
|
44
|
+
"options": [
|
|
45
|
+
"primary",
|
|
46
|
+
"secondary",
|
|
47
|
+
"tertiary",
|
|
48
|
+
"destructive"
|
|
49
|
+
]
|
|
50
|
+
},
|
|
51
|
+
"className": {
|
|
52
|
+
"type": "string",
|
|
53
|
+
"isRequired": false,
|
|
54
|
+
"description": "Standard React className prop"
|
|
55
|
+
},
|
|
56
|
+
"style": {
|
|
57
|
+
"type": "CSSProperties",
|
|
58
|
+
"isRequired": false,
|
|
59
|
+
"description": "Standard React style prop"
|
|
60
|
+
},
|
|
61
|
+
"children": {
|
|
62
|
+
"type": "ReactNode",
|
|
63
|
+
"isRequired": false,
|
|
64
|
+
"description": "Standard React children prop"
|
|
65
|
+
},
|
|
66
|
+
"id": {
|
|
67
|
+
"type": "string",
|
|
68
|
+
"isRequired": false,
|
|
69
|
+
"description": "Standard React id prop"
|
|
70
|
+
}
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
}
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
{
|
|
2
|
+
"ButtonIcon": {
|
|
3
|
+
"props": {
|
|
4
|
+
"disabled": {
|
|
5
|
+
"type": "boolean",
|
|
6
|
+
"isRequired": false
|
|
7
|
+
},
|
|
8
|
+
"icon": {
|
|
9
|
+
"type": "\"0\" | \"1\" | \"2\" | \"3\" | \"4\" | \"5\"",
|
|
10
|
+
"isRequired": false,
|
|
11
|
+
"options": [
|
|
12
|
+
"0",
|
|
13
|
+
"1",
|
|
14
|
+
"2",
|
|
15
|
+
"3",
|
|
16
|
+
"4",
|
|
17
|
+
"5"
|
|
18
|
+
]
|
|
19
|
+
},
|
|
20
|
+
"sdsSize": {
|
|
21
|
+
"type": "\"small\" | \"medium\" | \"large\"",
|
|
22
|
+
"isRequired": false,
|
|
23
|
+
"options": [
|
|
24
|
+
"small",
|
|
25
|
+
"medium",
|
|
26
|
+
"large"
|
|
27
|
+
]
|
|
28
|
+
},
|
|
29
|
+
"sdsType": {
|
|
30
|
+
"type": "\"primary\" | \"secondary\" | \"tertiary\"",
|
|
31
|
+
"isRequired": false,
|
|
32
|
+
"options": [
|
|
33
|
+
"primary",
|
|
34
|
+
"secondary",
|
|
35
|
+
"tertiary"
|
|
36
|
+
]
|
|
37
|
+
},
|
|
38
|
+
"className": {
|
|
39
|
+
"type": "string",
|
|
40
|
+
"isRequired": false,
|
|
41
|
+
"description": "Standard React className prop"
|
|
42
|
+
},
|
|
43
|
+
"style": {
|
|
44
|
+
"type": "CSSProperties",
|
|
45
|
+
"isRequired": false,
|
|
46
|
+
"description": "Standard React style prop"
|
|
47
|
+
},
|
|
48
|
+
"children": {
|
|
49
|
+
"type": "ReactNode",
|
|
50
|
+
"isRequired": false,
|
|
51
|
+
"description": "Standard React children prop"
|
|
52
|
+
},
|
|
53
|
+
"id": {
|
|
54
|
+
"type": "string",
|
|
55
|
+
"isRequired": false,
|
|
56
|
+
"description": "Standard React id prop"
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
}
|
|
60
|
+
}
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
{
|
|
2
|
+
"ButtonToggle": {
|
|
3
|
+
"props": {
|
|
4
|
+
"disabled": {
|
|
5
|
+
"type": "boolean",
|
|
6
|
+
"isRequired": false
|
|
7
|
+
},
|
|
8
|
+
"icon": {
|
|
9
|
+
"type": "\"0\" | \"1\" | \"2\" | \"3\" | \"4\" | \"5\" | \"6\"",
|
|
10
|
+
"isRequired": false,
|
|
11
|
+
"options": [
|
|
12
|
+
"0",
|
|
13
|
+
"1",
|
|
14
|
+
"2",
|
|
15
|
+
"3",
|
|
16
|
+
"4",
|
|
17
|
+
"5",
|
|
18
|
+
"6"
|
|
19
|
+
]
|
|
20
|
+
},
|
|
21
|
+
"sdsSize": {
|
|
22
|
+
"type": "\"small\" | \"medium\" | \"large\"",
|
|
23
|
+
"isRequired": false,
|
|
24
|
+
"options": [
|
|
25
|
+
"small",
|
|
26
|
+
"medium",
|
|
27
|
+
"large"
|
|
28
|
+
]
|
|
29
|
+
},
|
|
30
|
+
"sdsStage": {
|
|
31
|
+
"type": "\"on\" | \"off\"",
|
|
32
|
+
"isRequired": false,
|
|
33
|
+
"options": [
|
|
34
|
+
"on",
|
|
35
|
+
"off"
|
|
36
|
+
]
|
|
37
|
+
},
|
|
38
|
+
"sdsType": {
|
|
39
|
+
"type": "\"primary\" | \"secondary\"",
|
|
40
|
+
"isRequired": false,
|
|
41
|
+
"options": [
|
|
42
|
+
"primary",
|
|
43
|
+
"secondary"
|
|
44
|
+
]
|
|
45
|
+
},
|
|
46
|
+
"className": {
|
|
47
|
+
"type": "string",
|
|
48
|
+
"isRequired": false,
|
|
49
|
+
"description": "Standard React className prop"
|
|
50
|
+
},
|
|
51
|
+
"style": {
|
|
52
|
+
"type": "CSSProperties",
|
|
53
|
+
"isRequired": false,
|
|
54
|
+
"description": "Standard React style prop"
|
|
55
|
+
},
|
|
56
|
+
"children": {
|
|
57
|
+
"type": "ReactNode",
|
|
58
|
+
"isRequired": false,
|
|
59
|
+
"description": "Standard React children prop"
|
|
60
|
+
},
|
|
61
|
+
"id": {
|
|
62
|
+
"type": "string",
|
|
63
|
+
"isRequired": false,
|
|
64
|
+
"description": "Standard React id prop"
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
}
|
|
68
|
+
}
|
|
@@ -0,0 +1,90 @@
|
|
|
1
|
+
{
|
|
2
|
+
"Callout": {
|
|
3
|
+
"props": {
|
|
4
|
+
"autoDismiss": {
|
|
5
|
+
"type": "\"true\" | \"false\" | \"4000\" | \"12000\" | \"20000\"",
|
|
6
|
+
"isRequired": false,
|
|
7
|
+
"description": "If set to a number, the callout will automatically dismiss after that many milliseconds. If set to true, the callout will automatically dismiss after 8000 milliseconds.",
|
|
8
|
+
"options": [
|
|
9
|
+
"true",
|
|
10
|
+
"false",
|
|
11
|
+
4000,
|
|
12
|
+
12000,
|
|
13
|
+
20000
|
|
14
|
+
]
|
|
15
|
+
},
|
|
16
|
+
"body": {
|
|
17
|
+
"type": "string",
|
|
18
|
+
"isRequired": false,
|
|
19
|
+
"description": "The body text of the callout."
|
|
20
|
+
},
|
|
21
|
+
"hideBody": {
|
|
22
|
+
"type": "boolean",
|
|
23
|
+
"isRequired": false,
|
|
24
|
+
"description": "If true, the body of the callout will be hidden."
|
|
25
|
+
},
|
|
26
|
+
"hideTitle": {
|
|
27
|
+
"type": "boolean",
|
|
28
|
+
"isRequired": false,
|
|
29
|
+
"description": "If true, the title of the callout will be hidden."
|
|
30
|
+
},
|
|
31
|
+
"icon": {
|
|
32
|
+
"type": "\"0\" | \"1\" | \"2\" | \"3\"",
|
|
33
|
+
"isRequired": false,
|
|
34
|
+
"description": "The icon displayed in the Callout. By default, each Callout intent is paired with a corresponding SDS icon.",
|
|
35
|
+
"options": [
|
|
36
|
+
"0",
|
|
37
|
+
"1",
|
|
38
|
+
"2",
|
|
39
|
+
"3"
|
|
40
|
+
]
|
|
41
|
+
},
|
|
42
|
+
"intent": {
|
|
43
|
+
"type": "\"info\" | \"negative\" | \"positive\" | \"notice\"",
|
|
44
|
+
"isRequired": false,
|
|
45
|
+
"description": "The intent of the callout.",
|
|
46
|
+
"options": [
|
|
47
|
+
"info",
|
|
48
|
+
"negative",
|
|
49
|
+
"positive",
|
|
50
|
+
"notice"
|
|
51
|
+
]
|
|
52
|
+
},
|
|
53
|
+
"sdsStyle": {
|
|
54
|
+
"type": "\"0\" | \"1\" | \"2\"",
|
|
55
|
+
"isRequired": false,
|
|
56
|
+
"description": "The style of the Callout determines its behavior: Persistent Callouts are always visible, Expandable Callouts can be toggled to show or hide extra content, and Dismissible Callouts can be closed by the user.",
|
|
57
|
+
"options": [
|
|
58
|
+
"0",
|
|
59
|
+
"1",
|
|
60
|
+
"2"
|
|
61
|
+
]
|
|
62
|
+
},
|
|
63
|
+
"title": {
|
|
64
|
+
"type": "string",
|
|
65
|
+
"isRequired": false,
|
|
66
|
+
"description": "The title of the callout."
|
|
67
|
+
},
|
|
68
|
+
"className": {
|
|
69
|
+
"type": "string",
|
|
70
|
+
"isRequired": false,
|
|
71
|
+
"description": "Standard React className prop"
|
|
72
|
+
},
|
|
73
|
+
"style": {
|
|
74
|
+
"type": "CSSProperties",
|
|
75
|
+
"isRequired": false,
|
|
76
|
+
"description": "Standard React style prop"
|
|
77
|
+
},
|
|
78
|
+
"children": {
|
|
79
|
+
"type": "ReactNode",
|
|
80
|
+
"isRequired": false,
|
|
81
|
+
"description": "Standard React children prop"
|
|
82
|
+
},
|
|
83
|
+
"id": {
|
|
84
|
+
"type": "string",
|
|
85
|
+
"isRequired": false,
|
|
86
|
+
"description": "Standard React id prop"
|
|
87
|
+
}
|
|
88
|
+
}
|
|
89
|
+
}
|
|
90
|
+
}
|
|
@@ -0,0 +1,138 @@
|
|
|
1
|
+
{
|
|
2
|
+
"CellBasic": {
|
|
3
|
+
"props": {
|
|
4
|
+
"horizontalAlign": {
|
|
5
|
+
"type": "\"left\" | \"right\"",
|
|
6
|
+
"isRequired": false,
|
|
7
|
+
"description": "Horizontal alignment of the cell",
|
|
8
|
+
"options": [
|
|
9
|
+
"left",
|
|
10
|
+
"right"
|
|
11
|
+
]
|
|
12
|
+
},
|
|
13
|
+
"icon": {
|
|
14
|
+
"type": "\"0\" | \"1\" | \"2\" | \"3\" | \"4\" | \"5\" | \"6\" | \"7\" | \"8\" | \"9\" | \"10\" | \"11\"",
|
|
15
|
+
"isRequired": false,
|
|
16
|
+
"description": "Icon to be displayed",
|
|
17
|
+
"options": [
|
|
18
|
+
"0",
|
|
19
|
+
"1",
|
|
20
|
+
"2",
|
|
21
|
+
"3",
|
|
22
|
+
"4",
|
|
23
|
+
"5",
|
|
24
|
+
"6",
|
|
25
|
+
"7",
|
|
26
|
+
"8",
|
|
27
|
+
"9",
|
|
28
|
+
"10",
|
|
29
|
+
"11"
|
|
30
|
+
]
|
|
31
|
+
},
|
|
32
|
+
"iconVerticalAlign": {
|
|
33
|
+
"type": "\"top\" | \"center\" | \"bottom\"",
|
|
34
|
+
"isRequired": false,
|
|
35
|
+
"description": "Vertical alignment of the icon",
|
|
36
|
+
"options": [
|
|
37
|
+
"top",
|
|
38
|
+
"center",
|
|
39
|
+
"bottom"
|
|
40
|
+
]
|
|
41
|
+
},
|
|
42
|
+
"primaryText": {
|
|
43
|
+
"type": "string",
|
|
44
|
+
"isRequired": false,
|
|
45
|
+
"description": "Primary text to be displayed"
|
|
46
|
+
},
|
|
47
|
+
"primaryTextComponentSlotBottom": {
|
|
48
|
+
"type": "string",
|
|
49
|
+
"isRequired": false
|
|
50
|
+
},
|
|
51
|
+
"primaryTextComponentSlotRight": {
|
|
52
|
+
"type": "string",
|
|
53
|
+
"isRequired": false,
|
|
54
|
+
"description": "Component slot to the right of primary text"
|
|
55
|
+
},
|
|
56
|
+
"primaryTextWrapLineCount": {
|
|
57
|
+
"type": "number",
|
|
58
|
+
"isRequired": false,
|
|
59
|
+
"description": "Number of lines to wrap the primary text"
|
|
60
|
+
},
|
|
61
|
+
"secondaryText": {
|
|
62
|
+
"type": "string",
|
|
63
|
+
"isRequired": false,
|
|
64
|
+
"description": "Secondary text to be displayed"
|
|
65
|
+
},
|
|
66
|
+
"secondaryTextWrapLineCount": {
|
|
67
|
+
"type": "number",
|
|
68
|
+
"isRequired": false,
|
|
69
|
+
"description": "Number of lines to wrap the secondary text"
|
|
70
|
+
},
|
|
71
|
+
"shouldShowTooltipOnHover": {
|
|
72
|
+
"type": "boolean",
|
|
73
|
+
"isRequired": false,
|
|
74
|
+
"description": "Show tooltip on hover"
|
|
75
|
+
},
|
|
76
|
+
"shouldTextWrap": {
|
|
77
|
+
"type": "boolean",
|
|
78
|
+
"isRequired": false,
|
|
79
|
+
"description": "Wrap text"
|
|
80
|
+
},
|
|
81
|
+
"tabularNums": {
|
|
82
|
+
"type": "boolean",
|
|
83
|
+
"isRequired": false,
|
|
84
|
+
"description": "Whether to display the primary text in tabular numbers"
|
|
85
|
+
},
|
|
86
|
+
"tertiaryText": {
|
|
87
|
+
"type": "string",
|
|
88
|
+
"isRequired": false,
|
|
89
|
+
"description": "Tertiary text to be displayed"
|
|
90
|
+
},
|
|
91
|
+
"tertiaryTextWrapLineCount": {
|
|
92
|
+
"type": "number",
|
|
93
|
+
"isRequired": false,
|
|
94
|
+
"description": "Number of lines to wrap the tertiary text"
|
|
95
|
+
},
|
|
96
|
+
"tooltipProps": {
|
|
97
|
+
"type": "object",
|
|
98
|
+
"isRequired": false,
|
|
99
|
+
"description": "Props for the tooltip"
|
|
100
|
+
},
|
|
101
|
+
"verticalAlign": {
|
|
102
|
+
"type": "\"top\" | \"center\" | \"bottom\"",
|
|
103
|
+
"isRequired": false,
|
|
104
|
+
"description": "Vertical alignment of the cell",
|
|
105
|
+
"options": [
|
|
106
|
+
"top",
|
|
107
|
+
"center",
|
|
108
|
+
"bottom"
|
|
109
|
+
]
|
|
110
|
+
},
|
|
111
|
+
"width": {
|
|
112
|
+
"type": "string",
|
|
113
|
+
"isRequired": false,
|
|
114
|
+
"description": "Width of the cell"
|
|
115
|
+
},
|
|
116
|
+
"className": {
|
|
117
|
+
"type": "string",
|
|
118
|
+
"isRequired": false,
|
|
119
|
+
"description": "Standard React className prop"
|
|
120
|
+
},
|
|
121
|
+
"style": {
|
|
122
|
+
"type": "CSSProperties",
|
|
123
|
+
"isRequired": false,
|
|
124
|
+
"description": "Standard React style prop"
|
|
125
|
+
},
|
|
126
|
+
"children": {
|
|
127
|
+
"type": "ReactNode",
|
|
128
|
+
"isRequired": false,
|
|
129
|
+
"description": "Standard React children prop"
|
|
130
|
+
},
|
|
131
|
+
"id": {
|
|
132
|
+
"type": "string",
|
|
133
|
+
"isRequired": false,
|
|
134
|
+
"description": "Standard React id prop"
|
|
135
|
+
}
|
|
136
|
+
}
|
|
137
|
+
}
|
|
138
|
+
}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
{
|
|
2
|
+
"CellComponent": {
|
|
3
|
+
"props": {
|
|
4
|
+
"horizontalAlign": {
|
|
5
|
+
"type": "\"left\" | \"center\" | \"right\"",
|
|
6
|
+
"isRequired": false,
|
|
7
|
+
"options": [
|
|
8
|
+
"left",
|
|
9
|
+
"center",
|
|
10
|
+
"right"
|
|
11
|
+
]
|
|
12
|
+
},
|
|
13
|
+
"verticalAlign": {
|
|
14
|
+
"type": "\"top\" | \"center\" | \"bottom\"",
|
|
15
|
+
"isRequired": false,
|
|
16
|
+
"options": [
|
|
17
|
+
"top",
|
|
18
|
+
"center",
|
|
19
|
+
"bottom"
|
|
20
|
+
]
|
|
21
|
+
},
|
|
22
|
+
"width": {
|
|
23
|
+
"type": "string",
|
|
24
|
+
"isRequired": false
|
|
25
|
+
},
|
|
26
|
+
"className": {
|
|
27
|
+
"type": "string",
|
|
28
|
+
"isRequired": false,
|
|
29
|
+
"description": "Standard React className prop"
|
|
30
|
+
},
|
|
31
|
+
"style": {
|
|
32
|
+
"type": "CSSProperties",
|
|
33
|
+
"isRequired": false,
|
|
34
|
+
"description": "Standard React style prop"
|
|
35
|
+
},
|
|
36
|
+
"children": {
|
|
37
|
+
"type": "ReactNode",
|
|
38
|
+
"isRequired": false,
|
|
39
|
+
"description": "Standard React children prop"
|
|
40
|
+
},
|
|
41
|
+
"id": {
|
|
42
|
+
"type": "string",
|
|
43
|
+
"isRequired": false,
|
|
44
|
+
"description": "Standard React id prop"
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
}
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
{
|
|
2
|
+
"CellHeader": {
|
|
3
|
+
"props": {
|
|
4
|
+
"active": {
|
|
5
|
+
"type": "boolean",
|
|
6
|
+
"isRequired": false
|
|
7
|
+
},
|
|
8
|
+
"direction": {
|
|
9
|
+
"type": "\"asc\" | \"desc\"",
|
|
10
|
+
"isRequired": false,
|
|
11
|
+
"options": [
|
|
12
|
+
"asc",
|
|
13
|
+
"desc"
|
|
14
|
+
]
|
|
15
|
+
},
|
|
16
|
+
"hideSortIcon": {
|
|
17
|
+
"type": "boolean",
|
|
18
|
+
"isRequired": false
|
|
19
|
+
},
|
|
20
|
+
"horizontalAlign": {
|
|
21
|
+
"type": "\"left\" | \"center\" | \"right\"",
|
|
22
|
+
"isRequired": false,
|
|
23
|
+
"options": [
|
|
24
|
+
"left",
|
|
25
|
+
"center",
|
|
26
|
+
"right"
|
|
27
|
+
]
|
|
28
|
+
},
|
|
29
|
+
"hover": {
|
|
30
|
+
"type": "boolean",
|
|
31
|
+
"isRequired": false
|
|
32
|
+
},
|
|
33
|
+
"shouldShowTooltipOnHover": {
|
|
34
|
+
"type": "boolean",
|
|
35
|
+
"isRequired": false
|
|
36
|
+
},
|
|
37
|
+
"tooltipProps": {
|
|
38
|
+
"type": "object",
|
|
39
|
+
"isRequired": false
|
|
40
|
+
},
|
|
41
|
+
"tooltipText": {
|
|
42
|
+
"type": "string",
|
|
43
|
+
"isRequired": false
|
|
44
|
+
},
|
|
45
|
+
"width": {
|
|
46
|
+
"type": "string",
|
|
47
|
+
"isRequired": false
|
|
48
|
+
},
|
|
49
|
+
"className": {
|
|
50
|
+
"type": "string",
|
|
51
|
+
"isRequired": false,
|
|
52
|
+
"description": "Standard React className prop"
|
|
53
|
+
},
|
|
54
|
+
"style": {
|
|
55
|
+
"type": "CSSProperties",
|
|
56
|
+
"isRequired": false,
|
|
57
|
+
"description": "Standard React style prop"
|
|
58
|
+
},
|
|
59
|
+
"children": {
|
|
60
|
+
"type": "ReactNode",
|
|
61
|
+
"isRequired": false,
|
|
62
|
+
"description": "Standard React children prop"
|
|
63
|
+
},
|
|
64
|
+
"id": {
|
|
65
|
+
"type": "string",
|
|
66
|
+
"isRequired": false,
|
|
67
|
+
"description": "Standard React id prop"
|
|
68
|
+
}
|
|
69
|
+
}
|
|
70
|
+
}
|
|
71
|
+
}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
{
|
|
2
|
+
"Chip": {
|
|
3
|
+
"props": {
|
|
4
|
+
"className": {
|
|
5
|
+
"type": "string",
|
|
6
|
+
"isRequired": false,
|
|
7
|
+
"description": "Standard React className prop"
|
|
8
|
+
},
|
|
9
|
+
"style": {
|
|
10
|
+
"type": "CSSProperties",
|
|
11
|
+
"isRequired": false,
|
|
12
|
+
"description": "Standard React style prop"
|
|
13
|
+
},
|
|
14
|
+
"children": {
|
|
15
|
+
"type": "ReactNode",
|
|
16
|
+
"isRequired": false,
|
|
17
|
+
"description": "Standard React children prop"
|
|
18
|
+
},
|
|
19
|
+
"id": {
|
|
20
|
+
"type": "string",
|
|
21
|
+
"isRequired": false,
|
|
22
|
+
"description": "Standard React id prop"
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
}
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
{
|
|
2
|
+
"ComplexFilter": {
|
|
3
|
+
"props": {
|
|
4
|
+
"DropdownMenuProps": {
|
|
5
|
+
"type": "object",
|
|
6
|
+
"isRequired": false,
|
|
7
|
+
"description": "Props to pass to the underlying DropdownMenu component"
|
|
8
|
+
},
|
|
9
|
+
"InputDropdownProps": {
|
|
10
|
+
"type": "object",
|
|
11
|
+
"isRequired": false,
|
|
12
|
+
"description": "Props to pass to the underlying InputDropdown component"
|
|
13
|
+
},
|
|
14
|
+
"isTriggerChangeOnOptionClick": {
|
|
15
|
+
"type": "boolean",
|
|
16
|
+
"isRequired": false
|
|
17
|
+
},
|
|
18
|
+
"label": {
|
|
19
|
+
"type": "string",
|
|
20
|
+
"isRequired": false
|
|
21
|
+
},
|
|
22
|
+
"multiple": {
|
|
23
|
+
"type": "boolean",
|
|
24
|
+
"isRequired": false
|
|
25
|
+
},
|
|
26
|
+
"onChange": {
|
|
27
|
+
"type": "string",
|
|
28
|
+
"isRequired": false
|
|
29
|
+
},
|
|
30
|
+
"options": {
|
|
31
|
+
"type": "string",
|
|
32
|
+
"isRequired": false
|
|
33
|
+
},
|
|
34
|
+
"search": {
|
|
35
|
+
"type": "boolean",
|
|
36
|
+
"isRequired": false
|
|
37
|
+
},
|
|
38
|
+
"className": {
|
|
39
|
+
"type": "string",
|
|
40
|
+
"isRequired": false,
|
|
41
|
+
"description": "Standard React className prop"
|
|
42
|
+
},
|
|
43
|
+
"style": {
|
|
44
|
+
"type": "CSSProperties",
|
|
45
|
+
"isRequired": false,
|
|
46
|
+
"description": "Standard React style prop"
|
|
47
|
+
},
|
|
48
|
+
"children": {
|
|
49
|
+
"type": "ReactNode",
|
|
50
|
+
"isRequired": false,
|
|
51
|
+
"description": "Standard React children prop"
|
|
52
|
+
},
|
|
53
|
+
"id": {
|
|
54
|
+
"type": "string",
|
|
55
|
+
"isRequired": false,
|
|
56
|
+
"description": "Standard React id prop"
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
}
|
|
60
|
+
}
|