@czi-sds/mcp 0.2.0

package/data/component-props/Table.json

@@ -0,0 +1,26 @@
+{
+  "Table": {
+    "props": {
+      "className": {
+        "type": "string",
+        "isRequired": false
+      },
+      "id": {
+        "type": "string",
+        "isRequired": false
+      },
+      "style": {
+        "type": "CSSProperties",
+        "isRequired": false
+      },
+      "onChange": {
+        "type": "FormEventHandler<HTMLTableElement>",
+        "isRequired": false
+      },
+      "onClick": {
+        "type": "function",
+        "isRequired": false
+      }
+    }
+  }
+}

package/data/component-props/TableRow.json

@@ -0,0 +1,70 @@
+{
+  "TableRow": {
+    "props": {
+      "disabled": {
+        "type": "\"false\" | \"true\"",
+        "isRequired": false
+      },
+      "name": {
+        "type": "string",
+        "isRequired": false
+      },
+      "selected": {
+        "type": "\"false\" | \"true\"",
+        "isRequired": false
+      },
+      "value": {
+        "type": "\"string\" | \"number\" | \"readonly string[]\"",
+        "isRequired": false
+      },
+      "className": {
+        "type": "string",
+        "isRequired": false
+      },
+      "id": {
+        "type": "string",
+        "isRequired": false
+      },
+      "style": {
+        "type": "CSSProperties",
+        "isRequired": false
+      },
+      "onChange": {
+        "type": "FormEventHandler<HTMLTableRowElement>",
+        "isRequired": false
+      },
+      "onClick": {
+        "type": "function",
+        "isRequired": false
+      },
+      "tooltipText": {
+        "type": "string",
+        "isRequired": false
+      },
+      "tooltipSubtitle": {
+        "type": "string",
+        "isRequired": false
+      },
+      "shouldShowTooltipOnHover": {
+        "type": "\"false\" | \"true\"",
+        "isRequired": false
+      },
+      "tooltipProps": {
+        "type": "TooltipProps",
+        "isRequired": false
+      },
+      "rowHeight": {
+        "type": "number",
+        "isRequired": false
+      },
+      "useDivider": {
+        "type": "\"false\" | \"true\"",
+        "isRequired": false
+      },
+      "hover": {
+        "type": "\"false\" | \"true\"",
+        "isRequired": false
+      }
+    }
+  }
+}

package/data/component-props/Tag.json

@@ -0,0 +1,86 @@
+{
+  "Tag": {
+    "props": {
+      "label": {
+        "type": "string",
+        "isRequired": true,
+        "description": "The content of the component."
+      },
+      "color": {
+        "type": "\"info\" | \"positive\" | \"notice\" | \"negative\" | \"neutral\" | \"beta\" | \"[string, string]\" | \"[string, string, string]\"",
+        "isRequired": false
+      },
+      "className": {
+        "type": "string",
+        "isRequired": false
+      },
+      "style": {
+        "type": "CSSProperties",
+        "isRequired": false
+      },
+      "children": {
+        "type": "null",
+        "isRequired": false,
+        "description": "This prop isn't supported.\nUse the `component` prop if you need to change the children structure."
+      },
+      "disabled": {
+        "type": "\"false\" | \"true\"",
+        "isRequired": false,
+        "description": "If `true`, the component is disabled.",
+        "defaultValue": false
+      },
+      "icon": {
+        "type": "ReactElement",
+        "isRequired": false,
+        "description": "Icon element."
+      },
+      "size": {
+        "type": "\"small\" | \"medium\"",
+        "isRequired": false,
+        "description": "The size of the component.",
+        "defaultValue": "medium"
+      },
+      "variant": {
+        "type": "\"outlined\" | \"filled\"",
+        "isRequired": false,
+        "description": "The variant to use.",
+        "defaultValue": "filled"
+      },
+      "id": {
+        "type": "string",
+        "isRequired": false
+      },
+      "onChange": {
+        "type": "FormEventHandler<HTMLDivElement>",
+        "isRequired": false
+      },
+      "onClick": {
+        "type": "function",
+        "isRequired": false
+      },
+      "hover": {
+        "type": "\"false\" | \"true\"",
+        "isRequired": false
+      },
+      "sdsType": {
+        "type": "\"primary\" | \"secondary\"",
+        "isRequired": false,
+        "description": "The type/variant of the component"
+      },
+      "sdsStyle": {
+        "type": "\"square\" | \"rounded\"",
+        "isRequired": false,
+        "description": "The visual style variant of the component"
+      },
+      "sdsSize": {
+        "type": "\"s\" | \"l\"",
+        "isRequired": false,
+        "description": "The size of the component"
+      },
+      "tagColor": {
+        "type": "\"info\" | \"positive\" | \"notice\" | \"negative\" | \"neutral\" | \"beta\" | \"[string, string]\" | \"[string, string, string]\"",
+        "isRequired": false
+      }
+    }
+  }
+}

package/data/component-props/TagFilter.json

@@ -0,0 +1,58 @@
+{
+  "TagFilter": {
+    "props": {
+      "label": {
+        "type": "string",
+        "isRequired": true,
+        "description": "The content of the component."
+      },
+      "onDelete": {
+        "type": "(event: any) => void",
+        "isRequired": true,
+        "description": "Callback fired when the delete icon is clicked.\nIf set, the delete icon will be shown."
+      },
+      "className": {
+        "type": "string",
+        "isRequired": false
+      },
+      "style": {
+        "type": "CSSProperties",
+        "isRequired": false
+      },
+      "children": {
+        "type": "null",
+        "isRequired": false,
+        "description": "This prop isn't supported.\nUse the `component` prop if you need to change the children structure."
+      },
+      "disabled": {
+        "type": "\"false\" | \"true\"",
+        "isRequired": false,
+        "description": "If `true`, the component is disabled.",
+        "defaultValue": false
+      },
+      "icon": {
+        "type": "ReactElement",
+        "isRequired": false,
+        "description": "Icon element."
+      },
+      "size": {
+        "type": "\"small\" | \"medium\"",
+        "isRequired": false,
+        "description": "The size of the component.",
+        "defaultValue": "medium"
+      },
+      "id": {
+        "type": "string",
+        "isRequired": false
+      },
+      "onChange": {
+        "type": "FormEventHandler<HTMLDivElement>",
+        "isRequired": false
+      },
+      "onClick": {
+        "type": "function",
+        "isRequired": false
+      }
+    }
+  }
+}

package/data/component-props/Tooltip.json

@@ -0,0 +1,86 @@
+{
+  "Tooltip": {
+    "props": {
+      "title": {
+        "type": "ReactNode",
+        "isRequired": false,
+        "description": "Tooltip title. Zero-length titles string, undefined, null and false are never displayed."
+      },
+      "className": {
+        "type": "string",
+        "isRequired": false
+      },
+      "id": {
+        "type": "string",
+        "isRequired": false,
+        "description": "This prop is used to help implement the accessibility logic.\nIf you don't provide this prop. It falls back to a randomly generated id."
+      },
+      "style": {
+        "type": "CSSProperties",
+        "isRequired": false
+      },
+      "children": {
+        "type": "ReactElement",
+        "isRequired": true,
+        "description": "Tooltip reference element."
+      },
+      "onChange": {
+        "type": "FormEventHandler<HTMLDivElement>",
+        "isRequired": false
+      },
+      "onClick": {
+        "type": "function",
+        "isRequired": false
+      },
+      "arrowOffset": {
+        "type": "number",
+        "isRequired": false
+      },
+      "followCursor": {
+        "type": "\"false\" | \"true\"",
+        "isRequired": false,
+        "description": "If `true`, the tooltip follow the cursor over the wrapped element.",
+        "defaultValue": false
+      },
+      "inverted": {
+        "type": "\"false\" | \"true\"",
+        "isRequired": false
+      },
+      "sdsStyle": {
+        "type": "\"dark\" | \"light\"",
+        "isRequired": false,
+        "description": "The visual style variant of the component"
+      },
+      "hasInvertedStyle": {
+        "type": "\"false\" | \"true\"",
+        "isRequired": false
+      },
+      "subtitle": {
+        "type": "ReactNode",
+        "isRequired": false
+      },
+      "width": {
+        "type": "\"default\" | \"wide\"",
+        "isRequired": false
+      },
+      "textAlign": {
+        "type": "\"left\" | \"right\" | \"center\"",
+        "isRequired": false
+      },
+      "componentSlot": {
+        "type": "ReactNode",
+        "isRequired": false
+      },
+      "onClose": {
+        "type": "(event: Event | SyntheticEvent<Element, Event>) => void",
+        "isRequired": false,
+        "description": "Callback fired when the component requests to be closed.\n@param event The event source of the callback."
+      },
+      "open": {
+        "type": "\"false\" | \"true\"",
+        "isRequired": false,
+        "description": "If `true`, the component is shown."
+      }
+    }
+  }
+}

package/data/component-props/TooltipTable.json

@@ -0,0 +1,22 @@
+{
+  "TooltipTable": {
+    "props": {
+      "data": {
+        "type": "{ label?: string; dataRows: { label: string; value: string | number; }[]; disabled?: boolean; }[]",
+        "isRequired": false
+      },
+      "contentAlert": {
+        "type": "\"string\" | \"Element\"",
+        "isRequired": false
+      },
+      "itemAlign": {
+        "type": "\"left\" | \"right\"",
+        "isRequired": false
+      },
+      "showSectionHeader": {
+        "type": "\"false\" | \"true\"",
+        "isRequired": false
+      }
+    }
+  }
+}

package/data/component-props-storybook/Accordion-storybook.json

@@ -0,0 +1,45 @@
+{
+  "Accordion": {
+    "props": {
+      "defaultExpanded": {
+        "type": "boolean",
+        "isRequired": false
+      },
+      "id": {
+        "type": "string",
+        "isRequired": true
+      },
+      "subtitle": {
+        "type": "string",
+        "isRequired": false
+      },
+      "togglePosition": {
+        "type": "\"right\" | \"left\"",
+        "isRequired": false,
+        "options": [
+          "right",
+          "left"
+        ]
+      },
+      "useDivider": {
+        "type": "boolean",
+        "isRequired": false
+      },
+      "className": {
+        "type": "string",
+        "isRequired": false,
+        "description": "Standard React className prop"
+      },
+      "style": {
+        "type": "CSSProperties",
+        "isRequired": false,
+        "description": "Standard React style prop"
+      },
+      "children": {
+        "type": "ReactNode",
+        "isRequired": false,
+        "description": "Standard React children prop"
+      }
+    }
+  }
+}

package/data/component-props-storybook/Alert-storybook.json

@@ -0,0 +1,30 @@
+{
+  "Alert": {
+    "props": {
+      "text": {
+        "type": "string",
+        "isRequired": true
+      },
+      "className": {
+        "type": "string",
+        "isRequired": false,
+        "description": "Standard React className prop"
+      },
+      "style": {
+        "type": "CSSProperties",
+        "isRequired": false,
+        "description": "Standard React style prop"
+      },
+      "children": {
+        "type": "ReactNode",
+        "isRequired": false,
+        "description": "Standard React children prop"
+      },
+      "id": {
+        "type": "string",
+        "isRequired": false,
+        "description": "Standard React id prop"
+      }
+    }
+  }
+}

package/data/component-props-storybook/Autocomplete-storybook.json

@@ -0,0 +1,67 @@
+{
+  "Autocomplete": {
+    "props": {
+      "groupBy": {
+        "type": "string",
+        "isRequired": false
+      },
+      "intent": {
+        "type": "\"default\" | \"negative\" | \"notice\" | \"positive\"",
+        "isRequired": false,
+        "options": [
+          "default",
+          "negative",
+          "notice",
+          "positive"
+        ]
+      },
+      "keepSearchOnSelect": {
+        "type": "boolean",
+        "isRequired": false
+      },
+      "label": {
+        "type": "string",
+        "isRequired": false
+      },
+      "multiple": {
+        "type": "boolean",
+        "isRequired": false
+      },
+      "onChange": {
+        "type": "string",
+        "isRequired": false
+      },
+      "options": {
+        "type": "\"0\" | \"1\" | \"2\" | \"3\" | \"4\"",
+        "isRequired": false,
+        "options": [
+          "0",
+          "1",
+          "2",
+          "3",
+          "4"
+        ]
+      },
+      "className": {
+        "type": "string",
+        "isRequired": false,
+        "description": "Standard React className prop"
+      },
+      "style": {
+        "type": "CSSProperties",
+        "isRequired": false,
+        "description": "Standard React style prop"
+      },
+      "children": {
+        "type": "ReactNode",
+        "isRequired": false,
+        "description": "Standard React children prop"
+      },
+      "id": {
+        "type": "string",
+        "isRequired": false,
+        "description": "Standard React id prop"
+      }
+    }
+  }
+}

package/data/component-props-storybook/Banner-storybook.json

@@ -0,0 +1,78 @@
+{
+  "Banner": {
+    "props": {
+      "dismissed": {
+        "type": "boolean",
+        "isRequired": false,
+        "defaultValue": false
+      },
+      "dismissible": {
+        "type": "boolean",
+        "isRequired": false,
+        "defaultValue": true
+      },
+      "icon": {
+        "type": "\"0\" | \"1\" | \"2\" | \"3\" | \"4\" | \"5\" | \"6\"",
+        "isRequired": false,
+        "options": [
+          "0",
+          "1",
+          "2",
+          "3",
+          "4",
+          "5",
+          "6"
+        ]
+      },
+      "intent": {
+        "type": "\"info\" | \"negative\" | \"positive\" | \"notice\"",
+        "isRequired": false,
+        "defaultValue": "info",
+        "options": [
+          "info",
+          "negative",
+          "positive",
+          "notice"
+        ]
+      },
+      "sdsIconProps": {
+        "type": "object",
+        "isRequired": false
+      },
+      "sdsType": {
+        "type": "\"primary\" | \"secondary\"",
+        "isRequired": true,
+        "defaultValue": "primary",
+        "options": [
+          "primary",
+          "secondary"
+        ]
+      },
+      "textChild": {
+        "type": "string",
+        "isRequired": true,
+        "defaultValue": "BANNER_TEXT"
+      },
+      "className": {
+        "type": "string",
+        "isRequired": false,
+        "description": "Standard React className prop"
+      },
+      "style": {
+        "type": "CSSProperties",
+        "isRequired": false,
+        "description": "Standard React style prop"
+      },
+      "children": {
+        "type": "ReactNode",
+        "isRequired": false,
+        "description": "Standard React children prop"
+      },
+      "id": {
+        "type": "string",
+        "isRequired": false,
+        "description": "Standard React id prop"
+      }
+    }
+  }
+}

package/data/component-props-storybook/Button-storybook.json

@@ -0,0 +1,115 @@
+{
+  "Button": {
+    "props": {
+      "endIcon": {
+        "type": "\"0\" | \"1\" | \"2\" | \"3\" | \"4\" | \"5\" | \"6\" | \"7\" | \"8\" | \"9\"",
+        "isRequired": false,
+        "options": [
+          "0",
+          "1",
+          "2",
+          "3",
+          "4",
+          "5",
+          "6",
+          "7",
+          "8",
+          "9"
+        ]
+      },
+      "icon": {
+        "type": "\"0\" | \"1\" | \"2\" | \"3\" | \"4\" | \"5\" | \"6\" | \"7\" | \"8\" | \"9\"",
+        "isRequired": false,
+        "options": [
+          "0",
+          "1",
+          "2",
+          "3",
+          "4",
+          "5",
+          "6",
+          "7",
+          "8",
+          "9"
+        ]
+      },
+      "isAllCaps": {
+        "type": "boolean",
+        "isRequired": false
+      },
+      "onClick": {
+        "type": "function",
+        "isRequired": false
+      },
+      "sdsSize": {
+        "type": "\"0\" | \"1\" | \"2\"",
+        "isRequired": false,
+        "options": [
+          "0",
+          "1",
+          "2"
+        ]
+      },
+      "sdsStyle": {
+        "type": "\"rounded\" | \"square\" | \"minimal\" | \"icon\"",
+        "isRequired": false,
+        "options": [
+          "rounded",
+          "square",
+          "minimal",
+          "icon"
+        ]
+      },
+      "sdsType": {
+        "type": "\"primary\" | \"secondary\" | \"tertiary\" | \"destructive\"",
+        "isRequired": false,
+        "options": [
+          "primary",
+          "secondary",
+          "tertiary",
+          "destructive"
+        ]
+      },
+      "startIcon": {
+        "type": "\"0\" | \"1\" | \"2\" | \"3\" | \"4\" | \"5\" | \"6\" | \"7\" | \"8\" | \"9\"",
+        "isRequired": false,
+        "options": [
+          "0",
+          "1",
+          "2",
+          "3",
+          "4",
+          "5",
+          "6",
+          "7",
+          "8",
+          "9"
+        ]
+      },
+      "text": {
+        "type": "string",
+        "isRequired": false
+      },
+      "className": {
+        "type": "string",
+        "isRequired": false,
+        "description": "Standard React className prop"
+      },
+      "style": {
+        "type": "CSSProperties",
+        "isRequired": false,
+        "description": "Standard React style prop"
+      },
+      "children": {
+        "type": "ReactNode",
+        "isRequired": false,
+        "description": "Standard React children prop"
+      },
+      "id": {
+        "type": "string",
+        "isRequired": false,
+        "description": "Standard React id prop"
+      }
+    }
+  }
+}