@czi-sds/mcp 0.2.2 → 0.4.0

package/data/component-props/HeatmapChart.json

@@ -1,109 +1,28 @@
 {
   "HeatmapChart": {
     "props": {
-      "echartsRendererMode": {
-        "type": "\"svg\" | \"canvas\"",
-        "isRequired": false
-      },
-      "className": {
-        "type": "string",
-        "isRequired": false
-      },
-      "id": {
-        "type": "string",
-        "isRequired": false
-      },
-      "style": {
-        "type": "CSSProperties",
-        "isRequired": false
-      },
-      "onChange": {
-        "type": "FormEventHandler<HTMLDivElement>",
-        "isRequired": false
-      },
-      "onClick": {
-        "type": "function",
-        "isRequired": false
-      },
       "axisPointer": {
         "type": "\"AxisPointerOption\" | \"AxisPointerOption[]\"",
         "isRequired": false,
         "description": "Display reference line and axis value under mouse pointer\nhttps://echarts.apache.org/en/option.html#axisPointer"
       },
-      "data": {
-        "type": "\"OptionSourceDataTypedArray\" | \"OptionSourceDataOriginal<OptionDataValue, OptionDataItemOriginal<OptionDataValue>>\" | \"OptionSourceDataObjectRows<OptionDataValue>\" | \"OptionSourceDataArrayRows<OptionDataValue>\" | \"OptionSourceDataKeyedColumns<OptionDataValue>\"",
-        "isRequired": true,
-        "description": "The data array to be visualized\nThe data point object shape can be whatever you like, but it must be consistent with the `encode` option\nFor example, if the data point shape is:\n{\n  geneIndex: 0,\n  cellTypeIndex: 0,\n  percentage: 0.5\n}\nand you want geneIndex to be encoded to x axis and cellTypeIndex to be encoded to y axis, then make sure your encode option is:\nencode: {\n  x: 'geneIndex',\n  y: 'cellTypeIndex'\n}"
-      },
-      "dataZoom": {
-        "type": "\"SliderDataZoomOption\" | \"InsideDataZoomOption\" | \"DataZoomComponentOption[]\"",
-        "isRequired": false,
-        "description": "The `dataZoom` prop is utilized for implementing zoom functionality within a\nspecific area of the chart. This feature empowers users to inspect data in\ngranular detail, obtain an overview of the entire dataset, or eliminate\noutlier points.\nBy applying the `dataZoom` prop while locking the zoom level, the chart\nefficiently renders a confined portion of the heatmap. This selective\nrendering strategy becomes especially advantageous when dealing with\nextensive datasets. Instead of rendering the entire heatmap at once,\nthe chart dynamically loads and renders specific segments as the user\nscrolls through the data. This approach optimizes performance and enables\nthe creation of heatmaps with large amounts of data.\nhttps://echarts.apache.org/en/option.html#dataZoom"
-      },
       "camera": {
         "type": "{ active: boolean; height: number; width: number; }",
         "isRequired": false,
         "description": "The `camera` prop is utilized for implementing camera view port functionality\nwithin a specific area of the chart. This feature empowers users to render\na confined portion of the heatmap. This selective rendering strategy becomes\nespecially advantageous when dealing with extensive datasets. Instead of\nrendering the entire heatmap at once, the chart dynamically loads and renders\nspecific segments as the user scrolls through the data. This approach optimizes\nperformance and enables the creation of heatmaps with large amounts of data.\n\nThe `height` and `width` properties are used to specify the dimensions of the\ncamera view port. The `active` property is used to enable or disable the camera\nview port functionality."
       },
-      "emphasis": {
-        "type": "ScatterStateOption",
-        "isRequired": false,
-        "description": "Customize the style of each cell item when mouse hovers on it, such as color, border, opacity, etc.\nhttps://echarts.apache.org/en/option.html#series-scatter.emphasis"
-      },
-      "xAxisData": {
-        "type": "CategoryAxisData",
-        "isRequired": true,
-        "description": "The data for the x axis\nFor example:\n[{ value: \"gene1\", textStyle: { color: \"red\" } }, \"gene2\", \"gene3\"]"
-      },
-      "yAxisData": {
-        "type": "CategoryAxisData",
-        "isRequired": true,
-        "description": "The data for the y axis\nFor example:\n[{ value: \"cellType1\", textStyle: { color: \"red\" } }, \"cellType2\", \"cellType3\"]"
-      },
-      "width": {
-        "type": "number",
-        "isRequired": true,
-        "description": "The width of the chart in pixels"
-      },
-      "height": {
-        "type": "number",
-        "isRequired": true,
-        "description": "The height of the chart in pixels"
-      },
-      "encode": {
-        "type": "{ x: string; y: string; }",
-        "isRequired": false,
-        "description": "Provide a mapping of data key to x/y axis encoding\nFor example, if the data is:\n{\n  geneIndex: 0,\n  cellTypeIndex: 0,\n  percentage: 0.5\n}\nand we want to encode `geneIndex` to x axis and `cellTypeIndex` to y axis, then\nencode: {\n x: 'geneIndex',\n y: 'cellTypeIndex'\n}\nhttps://echarts.apache.org/en/option.html#series-scatter.encode"
-      },
-      "itemStyle": {
-        "type": "ItemStyleOption<CallbackDataParams>",
-        "isRequired": false,
-        "description": "Customize the style of each cell item, such as color, border, opacity, etc.\nhttps://echarts.apache.org/en/option.html#series-scatter.itemStyle"
+      "echartsRendererMode": {
+        "type": "\"svg\" | \"canvas\"",
+        "isRequired": false
       },
       "symbol": {
         "type": "\"circle\" | \"rect\" | \"roundRect\"",
         "isRequired": false,
         "description": "The shape of the symbol."
       },
-      "symbolSize": {
-        "type": "\"number\" | \"number[]\" | \"SymbolSizeCallback<CallbackDataParams>\"",
-        "isRequired": false,
-        "description": "`symbolSize` can be set to single numbers like 10, or use an array to represent width and height. For example, [20, 10] means symbol width is 20, and height is 10.\n\nIf size of symbols needs to be different, you can set with callback function in the following format:\n\n(value: Array|number, params: Object) => number|Array\n\nThe first parameter value is the value in data, and the second parameter params is the rest parameters of data item.\nhttps://echarts.apache.org/en/option.html#series-scatter.symbolSize"
-      },
-      "grid": {
-        "type": "\"GridOption\" | \"GridOption[]\" | \"(defaultOption: GridOption | GridOption[]) => GridOption | GridOption[]\"",
-        "isRequired": false,
-        "description": "https://echarts.apache.org/en/option.html#grid"
-      },
-      "options": {
-        "type": "EChartsOption",
-        "isRequired": false,
-        "description": "The options object to be passed to echarts.setOption()\nhttps://echarts.apache.org/en/option.html"
-      },
-      "onEvents": {
-        "type": "Record<string, (event: unknown, chart: EChartsType) => void>",
-        "isRequired": false,
-        "description": "Event listeners for the chart\nhttps://echarts.apache.org/en/api.html#events"
+      "tooltip": {
+        "type": "any",
+        "isRequired": false
       }
     }
   }

package/data/component-props/Icon.json

@@ -1,8 +1,8 @@
 {
   "Icon": {
     "props": {
-      "className": {
-        "type": "string",
+      "color": {
+        "type": "\"blue\" | \"gray\" | \"green\" | \"purple\" | \"red\" | \"yellow\"",
         "isRequired": false
       },
       "sdsIcon": {
@@ -11,12 +11,7 @@
       },
       "sdsSize": {
         "type": "\"xs\" | \"s\" | \"l\" | \"xl\"",
-        "isRequired": true,
-        "description": "The size of the component"
-      },
-      "color": {
-        "type": "\"blue\" | \"gray\" | \"green\" | \"purple\" | \"red\" | \"yellow\"",
-        "isRequired": false
+        "isRequired": true
       },
       "shade": {
         "type": "\"100\" | \"200\" | \"300\" | \"400\" | \"500\" | \"600\" | \"700\" | \"800\"",

package/data/component-props/InputCheckbox.json

@@ -5,9 +5,11 @@
         "type": "string",
         "isRequired": false
       },
-      "checkboxProps": {
-        "type": "Partial<CheckboxProps>",
-        "isRequired": false
+      "disabled": {
+        "type": "\"false\" | \"true\"",
+        "isRequired": false,
+        "description": "If `true`, the component is disabled.",
+        "defaultValue": false
       },
       "intent": {
         "type": "\"default\" | \"negative\" | \"notice\" | \"positive\"",
@@ -20,56 +22,6 @@
       "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

@@ -1,6 +1,10 @@
 {
   "InputDropdown": {
     "props": {
+      "counter": {
+        "type": "ReactNode",
+        "isRequired": false
+      },
       "disabled": {
         "type": "\"false\" | \"true\"",
         "isRequired": false
@@ -13,59 +17,33 @@
         "type": "ReactNode",
         "isRequired": true
       },
-      "onClick": {
-        "type": "function",
-        "isRequired": true
-      },
-      "state": {
-        "type": "\"default\" | \"open\"",
+      "multiple": {
+        "type": "\"false\" | \"true\"",
         "isRequired": false
       },
       "sdsStyle": {
         "type": "\"minimal\" | \"square\" | \"rounded\"",
-        "isRequired": false,
-        "description": "The visual style variant of the component"
+        "isRequired": false
       },
       "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",
+      "shouldPutAColonAfterLabel": {
+        "type": "\"false\" | \"true\"",
         "isRequired": false
       },
       "shouldTruncateMinimalDetails": {
         "type": "\"false\" | \"true\"",
         "isRequired": false
       },
-      "shouldPutAColonAfterLabel": {
-        "type": "\"false\" | \"true\"",
+      "style": {
+        "type": "CSSProperties",
         "isRequired": false
       },
       "width": {
         "type": "number",
         "isRequired": false
-      },
-      "className": {
-        "type": "string",
-        "isRequired": false
-      },
-      "style": {
-        "type": "CSSProperties",
-        "isRequired": false
       }
     }
   }

package/data/component-props/InputRadio.json

@@ -5,6 +5,11 @@
         "type": "string",
         "isRequired": false
       },
+      "disabled": {
+        "type": "\"false\" | \"true\"",
+        "isRequired": false,
+        "description": "If `true`, the component is disabled."
+      },
       "intent": {
         "type": "\"default\" | \"negative\" | \"notice\" | \"positive\"",
         "isRequired": false
@@ -13,62 +18,9 @@
         "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

@@ -1,98 +1,34 @@
 {
   "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",
+      "intent": {
+        "type": "\"default\" | \"negative\" | \"notice\" | \"positive\"",
         "isRequired": false
       },
-      "name": {
-        "type": "string",
+      "label": {
+        "type": "ReactNode",
         "isRequired": false,
-        "description": "Name attribute of the `input` element."
+        "description": "The label content."
       },
       "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"
+        "isRequired": false
       }
     }
   }

package/data/component-props/InputSlider.json

@@ -1,55 +1,41 @@
 {
   "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",
+      "marks": {
+        "type": "\"false\" | \"true\" | \"Mark[]\"",
         "isRequired": false,
-        "description": "Name attribute of the hidden `input` element."
+        "description": "Marks indicate predetermined values to which the user can move the slider.\nIf `true` the marks are spaced according the value of the `step` prop.\nIf an array, it should contain objects with `value` and an optional `label` keys.",
+        "defaultValue": false
       },
-      "onChange": {
-        "type": "(event: Event, value: number | number[], activeThumb: number) => void",
+      "max": {
+        "type": "number",
         "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."
+        "description": "The maximum allowed value of the slider.\nShould not be equal to min.",
+        "defaultValue": 100
       },
-      "size": {
-        "type": "\"small\" | \"medium\"",
+      "min": {
+        "type": "number",
         "isRequired": false,
-        "description": "The size of the slider.",
-        "defaultValue": "medium"
+        "description": "The minimum allowed value of the slider.\nShould not be equal to max.",
+        "defaultValue": 0
       },
-      "value": {
-        "type": "\"number\" | \"number[]\"",
+      "step": {
+        "type": "number",
         "isRequired": false,
-        "description": "The value of the slider.\nFor ranged sliders, provide an array with two values."
+        "description": "The granularity with which the slider can step through values. (A \"discrete\" slider.)\nThe `min` prop serves as the origin for the valid values.\nWe recommend (max - min) to be evenly divisible by the step.\n\nWhen step is `null`, the thumb can only be slid onto marks provided with the `marks` prop.",
+        "defaultValue": 1
       },
-      "id": {
-        "type": "string",
-        "isRequired": false
-      },
-      "onClick": {
-        "type": "function",
-        "isRequired": false
+      "valueLabelDisplay": {
+        "type": "\"on\" | \"auto\" | \"off\"",
+        "isRequired": false,
+        "description": "Controls when the value label is displayed:\n\n- `auto` the value label will display when the thumb is hovered or focused.\n- `on` will display persistently.\n- `off` will never display.",
+        "defaultValue": "off"
       }
     }
   }

package/data/component-props/InputText.json

@@ -1,93 +1,37 @@
 {
   "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": {
+      "hideLabel": {
         "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."
+        "isRequired": false
       },
       "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",
+      "intent": {
+        "type": "\"default\" | \"negative\" | \"notice\" | \"positive\"",
         "isRequired": false
       },
-      "name": {
-        "type": "string",
+      "label": {
+        "type": "ReactNode",
         "isRequired": false,
-        "description": "Name attribute of the `input` element."
+        "description": "The label content."
       },
       "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
       }
     }