@czi-sds/mcp 0.2.0

package/data/component-props/InputCheckbox.json

@@ -0,0 +1,76 @@
+{
+  "InputCheckbox": {
+    "props": {
+      "caption": {
+        "type": "string",
+        "isRequired": false
+      },
+      "checkboxProps": {
+        "type": "Partial<CheckboxProps>",
+        "isRequired": false
+      },
+      "intent": {
+        "type": "\"default\" | \"negative\" | \"notice\" | \"positive\"",
+        "isRequired": false
+      },
+      "label": {
+        "type": "ReactNode",
+        "isRequired": false
+      },
+      "stage": {
+        "type": "\"indeterminate\" | \"checked\" | \"unchecked\"",
+        "isRequired": false
+      },
+      "icon": {
+        "type": "ReactNode",
+        "isRequired": false,
+        "description": "The icon to display when the component is unchecked.",
+        "defaultValue": "<CheckBoxOutlineBlankIcon />"
+      },
+      "className": {
+        "type": "string",
+        "isRequired": false
+      },
+      "style": {
+        "type": "CSSProperties",
+        "isRequired": false
+      },
+      "disabled": {
+        "type": "\"false\" | \"true\"",
+        "isRequired": false,
+        "description": "If `true`, the component is disabled.",
+        "defaultValue": false
+      },
+      "name": {
+        "type": "string",
+        "isRequired": false,
+        "description": "Name attribute of the `input` element."
+      },
+      "value": {
+        "type": "unknown",
+        "isRequired": false,
+        "description": "The value of the component. The DOM API casts this to a string.\nThe browser uses \"on\" as the default value."
+      },
+      "id": {
+        "type": "string",
+        "isRequired": false,
+        "description": "The id of the `input` element."
+      },
+      "onChange": {
+        "type": "function",
+        "isRequired": false,
+        "description": "Callback fired when the state is changed.\n@param event The event source of the callback.\nYou can pull out the new checked state by accessing `event.target.checked` (boolean)."
+      },
+      "onClick": {
+        "type": "function",
+        "isRequired": false
+      },
+      "size": {
+        "type": "\"small\" | \"medium\" | \"large\"",
+        "isRequired": false,
+        "description": "The size of the component.\n`small` is equivalent to the dense checkbox styling.",
+        "defaultValue": "medium"
+      }
+    }
+  }
+}

package/data/component-props/InputDropdown.json

@@ -0,0 +1,72 @@
+{
+  "InputDropdown": {
+    "props": {
+      "disabled": {
+        "type": "\"false\" | \"true\"",
+        "isRequired": false
+      },
+      "intent": {
+        "type": "\"default\" | \"negative\" | \"notice\" | \"positive\"",
+        "isRequired": false
+      },
+      "label": {
+        "type": "ReactNode",
+        "isRequired": true
+      },
+      "onClick": {
+        "type": "function",
+        "isRequired": true
+      },
+      "state": {
+        "type": "\"default\" | \"open\"",
+        "isRequired": false
+      },
+      "sdsStyle": {
+        "type": "\"minimal\" | \"square\" | \"rounded\"",
+        "isRequired": false,
+        "description": "The visual style variant of the component"
+      },
+      "sdsType": {
+        "type": "\"label\" | \"value\"",
+        "isRequired": false,
+        "description": "The type/variant of the component"
+      },
+      "multiple": {
+        "type": "\"false\" | \"true\"",
+        "isRequired": false
+      },
+      "details": {
+        "type": "ReactNode",
+        "isRequired": false
+      },
+      "counter": {
+        "type": "ReactNode",
+        "isRequired": false
+      },
+      "value": {
+        "type": "ReactNode",
+        "isRequired": false
+      },
+      "shouldTruncateMinimalDetails": {
+        "type": "\"false\" | \"true\"",
+        "isRequired": false
+      },
+      "shouldPutAColonAfterLabel": {
+        "type": "\"false\" | \"true\"",
+        "isRequired": false
+      },
+      "width": {
+        "type": "number",
+        "isRequired": false
+      },
+      "className": {
+        "type": "string",
+        "isRequired": false
+      },
+      "style": {
+        "type": "CSSProperties",
+        "isRequired": false
+      }
+    }
+  }
+}

package/data/component-props/InputRadio.json

@@ -0,0 +1,75 @@
+{
+  "InputRadio": {
+    "props": {
+      "caption": {
+        "type": "string",
+        "isRequired": false
+      },
+      "intent": {
+        "type": "\"default\" | \"negative\" | \"notice\" | \"positive\"",
+        "isRequired": false
+      },
+      "label": {
+        "type": "ReactNode",
+        "isRequired": false
+      },
+      "radioProps": {
+        "type": "Partial<RadioProps>",
+        "isRequired": false
+      },
+      "stage": {
+        "type": "\"checked\" | \"unchecked\"",
+        "isRequired": false
+      },
+      "value": {
+        "type": "string",
+        "isRequired": false,
+        "description": "The value of the component. The DOM API casts this to a string."
+      },
+      "icon": {
+        "type": "ReactNode",
+        "isRequired": false,
+        "description": "The icon to display when the component is unchecked.",
+        "defaultValue": "<RadioButtonIcon />"
+      },
+      "className": {
+        "type": "string",
+        "isRequired": false
+      },
+      "style": {
+        "type": "CSSProperties",
+        "isRequired": false
+      },
+      "disabled": {
+        "type": "\"false\" | \"true\"",
+        "isRequired": false,
+        "description": "If `true`, the component is disabled."
+      },
+      "name": {
+        "type": "string",
+        "isRequired": false,
+        "description": "Name attribute of the `input` element."
+      },
+      "id": {
+        "type": "string",
+        "isRequired": false,
+        "description": "The id of the `input` element."
+      },
+      "onChange": {
+        "type": "function",
+        "isRequired": false,
+        "description": "Callback fired when the state is changed.\n@param event The event source of the callback.\nYou can pull out the new value by accessing `event.target.value` (string).\nYou can pull out the new checked state by accessing `event.target.checked` (boolean)."
+      },
+      "onClick": {
+        "type": "function",
+        "isRequired": false
+      },
+      "size": {
+        "type": "\"small\" | \"medium\"",
+        "isRequired": false,
+        "description": "The size of the component.\n`small` is equivalent to the dense radio styling.",
+        "defaultValue": "medium"
+      }
+    }
+  }
+}

package/data/component-props/InputSearch.json

@@ -0,0 +1,99 @@
+{
+  "InputSearch": {
+    "props": {
+      "className": {
+        "type": "string",
+        "isRequired": false
+      },
+      "style": {
+        "type": "CSSProperties",
+        "isRequired": false
+      },
+      "children": {
+        "type": "ReactNode",
+        "isRequired": false,
+        "description": "The content of the component.\n@ignore"
+      },
+      "color": {
+        "type": "\"error\" | \"primary\" | \"secondary\" | \"info\" | \"success\" | \"warning\"",
+        "isRequired": false,
+        "description": "The color of the component.\nIt supports both default and custom theme colors, which can be added as shown in the\n[palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).",
+        "defaultValue": "primary"
+      },
+      "disabled": {
+        "type": "\"false\" | \"true\"",
+        "isRequired": false,
+        "description": "If `true`, the component is disabled.",
+        "defaultValue": false
+      },
+      "fullWidth": {
+        "type": "\"false\" | \"true\"",
+        "isRequired": false,
+        "description": "If `true`, the input will take up the full width of its container.",
+        "defaultValue": false
+      },
+      "size": {
+        "type": "\"small\" | \"medium\"",
+        "isRequired": false,
+        "description": "The size of the component."
+      },
+      "variant": {
+        "type": "\"filled\" | \"outlined\" | \"standard\"",
+        "isRequired": false,
+        "description": "The variant to use.",
+        "defaultValue": "outlined\noutlined\noutlined"
+      },
+      "label": {
+        "type": "ReactNode",
+        "isRequired": false,
+        "description": "The label content."
+      },
+      "id": {
+        "type": "string",
+        "isRequired": false,
+        "description": "The id of the `input` element.\nUse this prop to make `label` and `helperText` accessible for screen readers."
+      },
+      "onChange": {
+        "type": "function",
+        "isRequired": false,
+        "description": "Callback fired when the value is changed.\n@param event The event source of the callback.\nYou can pull out the new value by accessing `event.target.value` (string).\n@param event The event source of the callback.\nYou can pull out the new value by accessing `event.target.value` (string).\n@param event The event source of the callback.\nYou can pull out the new value by accessing `event.target.value` (string)."
+      },
+      "onClick": {
+        "type": "function",
+        "isRequired": false
+      },
+      "name": {
+        "type": "string",
+        "isRequired": false,
+        "description": "Name attribute of the `input` element."
+      },
+      "placeholder": {
+        "type": "string",
+        "isRequired": false,
+        "description": "The short hint displayed in the `input` before the user enters a value."
+      },
+      "value": {
+        "type": "string",
+        "isRequired": false,
+        "description": "The value of the `input` element, required for a controlled component."
+      },
+      "handleSubmit": {
+        "type": "(value: string) => void",
+        "isRequired": false
+      },
+      "customTheme": {
+        "type": "\"light\" | \"dark\" | \"auto\"",
+        "isRequired": false
+      },
+      "intent": {
+        "type": "\"default\" | \"negative\" | \"notice\" | \"positive\"",
+        "isRequired": false
+      },
+      "sdsStyle": {
+        "type": "\"rounded\" | \"square\"",
+        "isRequired": false,
+        "description": "The visual style variant of the component"
+      }
+    }
+  }
+}

package/data/component-props/InputSlider.json

@@ -0,0 +1,56 @@
+{
+  "InputSlider": {
+    "props": {
+      "className": {
+        "type": "string",
+        "isRequired": false,
+        "description": "@ignore"
+      },
+      "style": {
+        "type": "CSSProperties",
+        "isRequired": false
+      },
+      "color": {
+        "type": "\"primary\" | \"secondary\" | \"error\" | \"info\" | \"success\" | \"warning\"",
+        "isRequired": false,
+        "description": "The color of the component.\nIt supports both default and custom theme colors, which can be added as shown in the\n[palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).",
+        "defaultValue": "primary"
+      },
+      "disabled": {
+        "type": "\"false\" | \"true\"",
+        "isRequired": false,
+        "description": "If `true`, the component is disabled.",
+        "defaultValue": false
+      },
+      "name": {
+        "type": "string",
+        "isRequired": false,
+        "description": "Name attribute of the hidden `input` element."
+      },
+      "onChange": {
+        "type": "(event: Event, value: number | number[], activeThumb: number) => void",
+        "isRequired": false,
+        "description": "Callback function that is fired when the slider's value changed.\n@param event The event source of the callback.\nYou can pull out the new value by accessing `event.target.value` (any).\n**Warning**: This is a generic event not a change event.\n@param value The new value.\n@param activeThumb Index of the currently moved thumb."
+      },
+      "size": {
+        "type": "\"small\" | \"medium\"",
+        "isRequired": false,
+        "description": "The size of the slider.",
+        "defaultValue": "medium"
+      },
+      "value": {
+        "type": "\"number\" | \"number[]\"",
+        "isRequired": false,
+        "description": "The value of the slider.\nFor ranged sliders, provide an array with two values."
+      },
+      "id": {
+        "type": "string",
+        "isRequired": false
+      },
+      "onClick": {
+        "type": "function",
+        "isRequired": false
+      }
+    }
+  }
+}

package/data/component-props/InputText.json

@@ -0,0 +1,95 @@
+{
+  "InputText": {
+    "props": {
+      "className": {
+        "type": "string",
+        "isRequired": false
+      },
+      "style": {
+        "type": "CSSProperties",
+        "isRequired": false
+      },
+      "children": {
+        "type": "ReactNode",
+        "isRequired": false,
+        "description": "The content of the component.\n@ignore"
+      },
+      "color": {
+        "type": "\"error\" | \"primary\" | \"secondary\" | \"info\" | \"success\" | \"warning\"",
+        "isRequired": false,
+        "description": "The color of the component.\nIt supports both default and custom theme colors, which can be added as shown in the\n[palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).",
+        "defaultValue": "primary"
+      },
+      "disabled": {
+        "type": "\"false\" | \"true\"",
+        "isRequired": false,
+        "description": "If `true`, the component is disabled.",
+        "defaultValue": false
+      },
+      "fullWidth": {
+        "type": "\"false\" | \"true\"",
+        "isRequired": false,
+        "description": "If `true`, the input will take up the full width of its container.",
+        "defaultValue": false
+      },
+      "size": {
+        "type": "\"small\" | \"medium\"",
+        "isRequired": false,
+        "description": "The size of the component."
+      },
+      "variant": {
+        "type": "\"filled\" | \"outlined\" | \"standard\"",
+        "isRequired": false,
+        "description": "The variant to use.",
+        "defaultValue": "outlined\noutlined\noutlined"
+      },
+      "label": {
+        "type": "ReactNode",
+        "isRequired": false,
+        "description": "The label content."
+      },
+      "id": {
+        "type": "string",
+        "isRequired": false,
+        "description": "The id of the `input` element.\nUse this prop to make `label` and `helperText` accessible for screen readers."
+      },
+      "onChange": {
+        "type": "function",
+        "isRequired": false,
+        "description": "Callback fired when the value is changed.\n@param event The event source of the callback.\nYou can pull out the new value by accessing `event.target.value` (string).\n@param event The event source of the callback.\nYou can pull out the new value by accessing `event.target.value` (string).\n@param event The event source of the callback.\nYou can pull out the new value by accessing `event.target.value` (string)."
+      },
+      "onClick": {
+        "type": "function",
+        "isRequired": false
+      },
+      "name": {
+        "type": "string",
+        "isRequired": false,
+        "description": "Name attribute of the `input` element."
+      },
+      "placeholder": {
+        "type": "string",
+        "isRequired": false,
+        "description": "The short hint displayed in the `input` before the user enters a value."
+      },
+      "value": {
+        "type": "unknown",
+        "isRequired": false,
+        "description": "The value of the `input` element, required for a controlled component."
+      },
+      "intent": {
+        "type": "\"default\" | \"negative\" | \"notice\" | \"positive\"",
+        "isRequired": false
+      },
+      "sdsType": {
+        "type": "\"textField\" | \"textArea\"",
+        "isRequired": false,
+        "description": "The type/variant of the component"
+      },
+      "hideLabel": {
+        "type": "\"false\" | \"true\"",
+        "isRequired": false
+      }
+    }
+  }
+}

package/data/component-props/InputToggle.json

@@ -0,0 +1,72 @@
+{
+  "InputToggle": {
+    "props": {
+      "offLabel": {
+        "type": "string",
+        "isRequired": false
+      },
+      "onChange": {
+        "type": "function",
+        "isRequired": false,
+        "description": "Callback fired when the state is changed."
+      },
+      "onLabel": {
+        "type": "string",
+        "isRequired": false
+      },
+      "width": {
+        "type": "number",
+        "isRequired": false
+      },
+      "color": {
+        "type": "\"primary\" | \"secondary\" | \"error\" | \"info\" | \"success\" | \"warning\" | \"default\"",
+        "isRequired": false,
+        "description": "The color of the component.\nIt supports both default and custom theme colors, which can be added as shown in the\n[palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).",
+        "defaultValue": "primary"
+      },
+      "disabled": {
+        "type": "\"false\" | \"true\"",
+        "isRequired": false,
+        "description": "If `true`, the component is disabled."
+      },
+      "icon": {
+        "type": "ReactNode",
+        "isRequired": false,
+        "description": "The icon to display when the component is unchecked."
+      },
+      "size": {
+        "type": "\"small\" | \"medium\"",
+        "isRequired": false,
+        "description": "The size of the component.\n`small` is equivalent to the dense switch styling.",
+        "defaultValue": "medium"
+      },
+      "value": {
+        "type": "unknown",
+        "isRequired": false,
+        "description": "The value of the component. The DOM API casts this to a string.\nThe browser uses \"on\" as the default value."
+      },
+      "className": {
+        "type": "string",
+        "isRequired": false
+      },
+      "style": {
+        "type": "CSSProperties",
+        "isRequired": false
+      },
+      "name": {
+        "type": "string",
+        "isRequired": false,
+        "description": "Name attribute of the `input` element."
+      },
+      "id": {
+        "type": "string",
+        "isRequired": false,
+        "description": "The id of the `input` element."
+      },
+      "onClick": {
+        "type": "function",
+        "isRequired": false
+      }
+    }
+  }
+}

package/data/component-props/List.json

@@ -0,0 +1,43 @@
+{
+  "List": {
+    "props": {
+      "component": {
+        "type": "\"symbol\" | \"object\" | \"style\" | \"ul\" | \"a\" | \"abbr\" | \"address\" | \"area\" | \"article\" | \"aside\" | \"audio\" | \"b\" | \"base\" | \"bdi\" | \"bdo\" | \"big\" | \"blockquote\" | \"body\" | \"br\" | \"button\" | \"canvas\" | \"caption\" | \"center\" | \"cite\" | \"code\" | \"col\" | \"colgroup\" | \"data\" | \"datalist\" | \"dd\" | \"del\" | \"details\" | \"dfn\" | \"dialog\" | \"div\" | \"dl\" | \"dt\" | \"em\" | \"embed\" | \"fieldset\" | \"figcaption\" | \"figure\" | \"footer\" | \"form\" | \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\" | \"head\" | \"header\" | \"hgroup\" | \"hr\" | \"html\" | \"i\" | \"iframe\" | \"img\" | \"input\" | \"ins\" | \"kbd\" | \"keygen\" | \"label\" | \"legend\" | \"li\" | \"link\" | \"main\" | \"map\" | \"mark\" | \"menu\" | \"menuitem\" | \"meta\" | \"meter\" | \"nav\" | \"noindex\" | \"noscript\" | \"ol\" | \"optgroup\" | \"option\" | \"output\" | \"p\" | \"param\" | \"picture\" | \"pre\" | \"progress\" | \"q\" | \"rp\" | \"rt\" | \"ruby\" | \"s\" | \"samp\" | \"search\" | \"slot\" | \"script\" | \"section\" | \"select\" | \"small\" | \"source\" | \"span\" | \"strong\" | \"sub\" | \"summary\" | \"sup\" | \"table\" | \"template\" | \"tbody\" | \"td\" | \"textarea\" | \"tfoot\" | \"th\" | \"thead\" | \"time\" | \"title\" | \"tr\" | \"track\" | \"u\" | \"var\" | \"video\" | \"wbr\" | \"webview\" | \"svg\" | \"animate\" | \"animateMotion\" | \"animateTransform\" | \"circle\" | \"clipPath\" | \"defs\" | \"desc\" | \"ellipse\" | \"feBlend\" | \"feColorMatrix\" | \"feComponentTransfer\" | \"feComposite\" | \"feConvolveMatrix\" | \"feDiffuseLighting\" | \"feDisplacementMap\" | \"feDistantLight\" | \"feDropShadow\" | \"feFlood\" | \"feFuncA\" | \"feFuncB\" | \"feFuncG\" | \"feFuncR\" | \"feGaussianBlur\" | \"feImage\" | \"feMerge\" | \"feMergeNode\" | \"feMorphology\" | \"feOffset\" | \"fePointLight\" | \"feSpecularLighting\" | \"feSpotLight\" | \"feTile\" | \"feTurbulence\" | \"filter\" | \"foreignObject\" | \"g\" | \"image\" | \"line\" | \"linearGradient\" | \"marker\" | \"mask\" | \"metadata\" | \"mpath\" | \"path\" | \"pattern\" | \"polygon\" | \"polyline\" | \"radialGradient\" | \"rect\" | \"set\" | \"stop\" | \"switch\" | \"text\" | \"textPath\" | \"tspan\" | \"use\" | \"view\" | \"ComponentClass",
+        "isRequired": false
+      },
+      "marginBottom": {
+        "type": "\"s\" | \"xxxs\" | \"xxs\" | \"xs\" | \"m\" | \"l\"",
+        "isRequired": false
+      },
+      "ordered": {
+        "type": "\"false\" | \"true\"",
+        "isRequired": false
+      },
+      "children": {
+        "type": "ReactNode",
+        "isRequired": false,
+        "description": "The content of the component."
+      },
+      "className": {
+        "type": "string",
+        "isRequired": false
+      },
+      "style": {
+        "type": "CSSProperties",
+        "isRequired": false
+      },
+      "id": {
+        "type": "string",
+        "isRequired": false
+      },
+      "onChange": {
+        "type": "FormEventHandler<HTMLUListElement>",
+        "isRequired": false
+      },
+      "onClick": {
+        "type": "function",
+        "isRequired": false
+      }
+    }
+  }
+}

package/data/component-props/LoadingIndicator.json

@@ -0,0 +1,11 @@
+{
+  "LoadingIndicator": {
+    "props": {
+      "sdsStyle": {
+        "type": "\"minimal\" | \"tag\"",
+        "isRequired": true,
+        "description": "The visual style variant of the component"
+      }
+    }
+  }
+}

package/data/component-props/Menu.json

@@ -0,0 +1,48 @@
+{
+  "Menu": {
+    "props": {
+      "children": {
+        "type": "ReactNode",
+        "isRequired": false,
+        "description": "Menu contents, normally `MenuItem`s."
+      },
+      "onClose": {
+        "type": "\"backdropClick\" | \"escapeKeyDown\"",
+        "isRequired": false,
+        "description": "Callback fired when the component requests to be closed.\n@param event The event source of the callback.\n@param reason Can be: `\"escapeKeyDown\"`, `\"backdropClick\"`, `\"tabKeyDown\"`."
+      },
+      "open": {
+        "type": "\"false\" | \"true\"",
+        "isRequired": true,
+        "description": "If `true`, the component is shown."
+      },
+      "variant": {
+        "type": "\"menu\" | \"selectedMenu\"",
+        "isRequired": false,
+        "description": "The variant to use. Use `menu` to prevent selected items from impacting the initial focus.",
+        "defaultValue": "selectedMenu"
+      },
+      "className": {
+        "type": "string",
+        "isRequired": false,
+        "description": "@ignore"
+      },
+      "style": {
+        "type": "CSSProperties",
+        "isRequired": false
+      },
+      "id": {
+        "type": "string",
+        "isRequired": false
+      },
+      "onChange": {
+        "type": "FormEventHandler<HTMLDivElement>",
+        "isRequired": false
+      },
+      "onClick": {
+        "type": "function",
+        "isRequired": false
+      }
+    }
+  }
+}