@czi-sds/mcp 0.2.0

package/data/component-props/CellBasic.json

@@ -0,0 +1,102 @@
+{
+  "CellBasic": {
+    "props": {
+      "disabled": {
+        "type": "\"false\" | \"true\"",
+        "isRequired": false
+      },
+      "name": {
+        "type": "string",
+        "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<HTMLTableCellElement>",
+        "isRequired": false
+      },
+      "onClick": {
+        "type": "function",
+        "isRequired": false
+      },
+      "shouldShowTooltipOnHover": {
+        "type": "\"false\" | \"true\"",
+        "isRequired": false
+      },
+      "tooltipProps": {
+        "type": "TooltipProps",
+        "isRequired": false
+      },
+      "horizontalAlign": {
+        "type": "\"left\" | \"right\"",
+        "isRequired": false
+      },
+      "verticalAlign": {
+        "type": "\"top\" | \"center\" | \"bottom\"",
+        "isRequired": false
+      },
+      "iconVerticalAlign": {
+        "type": "\"top\" | \"center\" | \"bottom\"",
+        "isRequired": false
+      },
+      "shouldTextWrap": {
+        "type": "\"false\" | \"true\"",
+        "isRequired": false
+      },
+      "primaryTextWrapLineCount": {
+        "type": "number",
+        "isRequired": false
+      },
+      "secondaryTextWrapLineCount": {
+        "type": "number",
+        "isRequired": false
+      },
+      "tertiaryTextWrapLineCount": {
+        "type": "number",
+        "isRequired": false
+      },
+      "tabularNums": {
+        "type": "\"false\" | \"true\"",
+        "isRequired": false
+      },
+      "primaryText": {
+        "type": "string",
+        "isRequired": true
+      },
+      "secondaryText": {
+        "type": "string",
+        "isRequired": false
+      },
+      "tertiaryText": {
+        "type": "string",
+        "isRequired": false
+      },
+      "icon": {
+        "type": "ReactElement",
+        "isRequired": false
+      },
+      "primaryTextComponentSlotRight": {
+        "type": "ReactNode",
+        "isRequired": false
+      },
+      "primaryTextComponentSlotBottom": {
+        "type": "ReactNode",
+        "isRequired": false
+      }
+    }
+  }
+}

package/data/component-props/CellComponent.json

@@ -0,0 +1,46 @@
+{
+  "CellComponent": {
+    "props": {
+      "disabled": {
+        "type": "\"false\" | \"true\"",
+        "isRequired": false
+      },
+      "name": {
+        "type": "string",
+        "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<HTMLTableCellElement>",
+        "isRequired": false
+      },
+      "onClick": {
+        "type": "function",
+        "isRequired": false
+      },
+      "horizontalAlign": {
+        "type": "\"left\" | \"center\" | \"right\"",
+        "isRequired": false
+      },
+      "verticalAlign": {
+        "type": "\"center\" | \"top\" | \"bottom\"",
+        "isRequired": false
+      }
+    }
+  }
+}

package/data/component-props/CellHeader.json

@@ -0,0 +1,78 @@
+{
+  "CellHeader": {
+    "props": {
+      "disabled": {
+        "type": "\"false\" | \"true\"",
+        "isRequired": false
+      },
+      "name": {
+        "type": "string",
+        "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<HTMLTableCellElement>",
+        "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
+      },
+      "active": {
+        "type": "\"false\" | \"true\"",
+        "isRequired": false
+      },
+      "hideSortIcon": {
+        "type": "\"false\" | \"true\"",
+        "isRequired": false
+      },
+      "horizontalAlign": {
+        "type": "\"left\" | \"center\" | \"right\"",
+        "isRequired": false
+      },
+      "hover": {
+        "type": "\"false\" | \"true\"",
+        "isRequired": false
+      },
+      "shouldTruncate": {
+        "type": "\"false\" | \"true\"",
+        "isRequired": false
+      },
+      "direction": {
+        "type": "\"asc\" | \"desc\"",
+        "isRequired": false
+      }
+    }
+  }
+}

package/data/component-props/Chip.json

@@ -0,0 +1,73 @@
+{
+  "Chip": {
+    "props": {
+      "size": {
+        "type": "\"small\" | \"medium\"",
+        "isRequired": false,
+        "description": "The size of the component.",
+        "defaultValue": "medium"
+      },
+      "status": {
+        "type": "\"success\" | \"error\" | \"warning\" | \"info\" | \"pending\" | \"beta\"",
+        "isRequired": false
+      },
+      "isRounded": {
+        "type": "\"false\" | \"true\"",
+        "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."
+      },
+      "color": {
+        "type": "\"success\" | \"error\" | \"warning\" | \"info\" | \"default\" | \"primary\" | \"secondary\"",
+        "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": "default"
+      },
+      "disabled": {
+        "type": "\"false\" | \"true\"",
+        "isRequired": false,
+        "description": "If `true`, the component is disabled.",
+        "defaultValue": false
+      },
+      "icon": {
+        "type": "ReactElement",
+        "isRequired": false,
+        "description": "Icon element."
+      },
+      "label": {
+        "type": "ReactNode",
+        "isRequired": false,
+        "description": "The content of the component."
+      },
+      "variant": {
+        "type": "\"filled\" | \"outlined\"",
+        "isRequired": false,
+        "description": "The variant to use.",
+        "defaultValue": "filled"
+      },
+      "className": {
+        "type": "string",
+        "isRequired": false
+      },
+      "style": {
+        "type": "CSSProperties",
+        "isRequired": false
+      },
+      "id": {
+        "type": "string",
+        "isRequired": false
+      },
+      "onChange": {
+        "type": "FormEventHandler<HTMLDivElement>",
+        "isRequired": false
+      },
+      "onClick": {
+        "type": "function",
+        "isRequired": false
+      }
+    }
+  }
+}

package/data/component-props/ComplexFilter.json

@@ -0,0 +1,19 @@
+{
+  "ComplexFilter": {
+    "props": {
+      "label": {
+        "type": "ReactNode",
+        "isRequired": false
+      },
+      "onChange": {
+        "type": "(options: AutocompleteValue<T, Multiple, DisableClearable, FreeSolo>) => void",
+        "isRequired": false
+      },
+      "InputDropdownProps": {
+        "type": "InputDropdownPropsType",
+        "isRequired": false,
+        "defaultValue": "{ sdsStyle: minimal }"
+      }
+    }
+  }
+}

package/data/component-props/ContentCard.json

@@ -0,0 +1,18 @@
+{
+  "ContentCard": {
+    "props": {
+      "buttonsPosition": {
+        "type": "\"left\" | \"right\"",
+        "isRequired": false
+      },
+      "clickableCard": {
+        "type": "\"false\" | \"true\"",
+        "isRequired": false
+      },
+      "classes": {
+        "type": "{ cardActions?: string; }",
+        "isRequired": false
+      }
+    }
+  }
+}

package/data/component-props/Dropdown.json

@@ -0,0 +1,107 @@
+{
+  "Dropdown": {
+    "props": {
+      "onChange": {
+        "type": "(event: SyntheticEvent",
+        "isRequired": false,
+        "description": "Callback fired when the value changes.\n@param event The event source of the callback.\n@param value The new value of the component.\n@param reason One of \"createOption\", \"selectOption\", \"removeOption\", \"blur\" or \"clear\".\n@param details"
+      },
+      "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 an id it will fall back to a randomly generated one."
+      },
+      "style": {
+        "type": "CSSProperties",
+        "isRequired": false
+      },
+      "onClick": {
+        "type": "function",
+        "isRequired": false
+      },
+      "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
+      },
+      "loading": {
+        "type": "\"false\" | \"true\"",
+        "isRequired": false,
+        "description": "If `true`, the component is in a loading state.\nThis shows the `loadingText` in place of suggestions (only if there are no suggestions to show, for example `options` are empty).",
+        "defaultValue": false
+      },
+      "size": {
+        "type": "\"small\" | \"medium\"",
+        "isRequired": false,
+        "description": "The size of the component.",
+        "defaultValue": "medium"
+      },
+      "onClose": {
+        "type": "(event: SyntheticEvent<Element, Event>, reason: AutocompleteCloseReason) => void",
+        "isRequired": false,
+        "description": "Callback fired when the popup requests to be closed.\nUse in controlled mode (see open).\n@param event The event source of the callback.\n@param reason Can be: `\"toggleInput\"`, `\"escape\"`, `\"selectOption\"`, `\"removeOption\"`, `\"blur\"`."
+      },
+      "open": {
+        "type": "\"false\" | \"true\"",
+        "isRequired": false,
+        "description": "If `true`, the component is shown."
+      },
+      "value": {
+        "type": "any",
+        "isRequired": false,
+        "description": "The value of the autocomplete.\n\nThe value must have reference equality with the option in order to be selected.\nYou can customize the equality behavior with the `isOptionEqualToValue` prop."
+      },
+      "buttonPosition": {
+        "type": "\"left\" | \"right\"",
+        "isRequired": false
+      },
+      "buttons": {
+        "type": "\"false\" | \"true\"",
+        "isRequired": false
+      },
+      "closeOnBlur": {
+        "type": "\"false\" | \"true\"",
+        "isRequired": false
+      },
+      "label": {
+        "type": "ReactNode",
+        "isRequired": true
+      },
+      "search": {
+        "type": "\"false\" | \"true\"",
+        "isRequired": false
+      },
+      "isSearchAutoFocus": {
+        "type": "\"false\" | \"true\"",
+        "isRequired": false
+      },
+      "DropdownMenuProps": {
+        "type": "SdsDropdownMenuProps<T, Multiple, DisableClearable, FreeSolo>",
+        "isRequired": false
+      },
+      "InputDropdownProps": {
+        "type": "InputDropdownPropsType",
+        "isRequired": false
+      },
+      "InputDropdownComponent": {
+        "type": "any",
+        "isRequired": false
+      },
+      "isTriggerChangeOnOptionClick": {
+        "type": "\"false\" | \"true\"",
+        "isRequired": false
+      }
+    }
+  }
+}

package/data/component-props/DropdownMenu.json

@@ -0,0 +1,86 @@
+{
+  "DropdownMenu": {
+    "props": {
+      "keepSearchOnSelect": {
+        "type": "\"false\" | \"true\"",
+        "isRequired": false
+      },
+      "renderInput": {
+        "type": "ReactNode",
+        "isRequired": false
+      },
+      "onInputChange": {
+        "type": "(event: SyntheticEvent",
+        "isRequired": false
+      },
+      "InputBaseProps": {
+        "type": "InputSearchProps",
+        "isRequired": false
+      },
+      "PopperBaseProps": {
+        "type": "Partial<PopperProps>",
+        "isRequired": false
+      },
+      "title": {
+        "type": "ReactNode",
+        "isRequired": false
+      },
+      "headerComponentSlot": {
+        "type": "Element",
+        "isRequired": false
+      },
+      "label": {
+        "type": "string",
+        "isRequired": false
+      },
+      "anchorEl": {
+        "type": "HTMLElement",
+        "isRequired": true
+      },
+      "PopperComponent": {
+        "type": "ReactNode",
+        "isRequired": false
+      },
+      "PaperComponent": {
+        "type": "ReactNode",
+        "isRequired": false
+      },
+      "PopperPlacement": {
+        "type": "complex",
+        "isRequired": false
+      },
+      "onClickAway": {
+        "type": "function",
+        "isRequired": false
+      },
+      "ClickAwayListenerProps": {
+        "type": "Partial<ClickAwayListenerProps>",
+        "isRequired": false
+      },
+      "width": {
+        "type": "\"string\" | \"number\" | \"string & {}\"",
+        "isRequired": false
+      },
+      "count": {
+        "type": "number",
+        "isRequired": false
+      },
+      "icon": {
+        "type": "ReactElement",
+        "isRequired": false
+      },
+      "search": {
+        "type": "\"false\" | \"true\"",
+        "isRequired": false
+      },
+      "isSearchAutoFocus": {
+        "type": "\"false\" | \"true\"",
+        "isRequired": false
+      },
+      "isMultiColumn": {
+        "type": "\"false\" | \"true\"",
+        "isRequired": false
+      }
+    }
+  }
+}

package/data/component-props/HeatmapChart.json

@@ -0,0 +1,110 @@
+{
+  "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"
+      },
+      "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"
+      }
+    }
+  }
+}

package/data/component-props/Icon.json

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