@czi-sds/mcp 0.3.0 → 0.4.0

package/data/component-props/CellBasic.json

@@ -1,100 +1,72 @@
 {
   "CellBasic": {
     "props": {
-      "disabled": {
-        "type": "\"false\" | \"true\"",
+      "horizontalAlign": {
+        "type": "\"left\" | \"right\"",
         "isRequired": false
       },
-      "name": {
-        "type": "string",
+      "icon": {
+        "type": "ReactElement",
         "isRequired": false
       },
-      "value": {
-        "type": "\"string\" | \"number\" | \"readonly string[]\"",
+      "iconVerticalAlign": {
+        "type": "\"top\" | \"center\" | \"bottom\"",
         "isRequired": false
       },
-      "className": {
+      "primaryText": {
         "type": "string",
+        "isRequired": true
+      },
+      "primaryTextComponentSlotBottom": {
+        "type": "ReactNode",
         "isRequired": false
       },
-      "id": {
-        "type": "string",
+      "primaryTextComponentSlotRight": {
+        "type": "ReactNode",
         "isRequired": false
       },
-      "style": {
-        "type": "CSSProperties",
+      "primaryTextWrapLineCount": {
+        "type": "number",
         "isRequired": false
       },
-      "onChange": {
-        "type": "FormEventHandler<HTMLTableCellElement>",
+      "secondaryText": {
+        "type": "string",
         "isRequired": false
       },
-      "onClick": {
-        "type": "function",
+      "secondaryTextWrapLineCount": {
+        "type": "number",
         "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": {
+      "tertiaryText": {
         "type": "string",
         "isRequired": false
       },
-      "tertiaryText": {
-        "type": "string",
+      "tertiaryTextWrapLineCount": {
+        "type": "number",
         "isRequired": false
       },
-      "icon": {
-        "type": "ReactElement",
+      "tooltipProps": {
+        "type": "TooltipProps",
         "isRequired": false
       },
-      "primaryTextComponentSlotRight": {
-        "type": "ReactNode",
+      "verticalAlign": {
+        "type": "\"top\" | \"center\" | \"bottom\"",
         "isRequired": false
       },
-      "primaryTextComponentSlotBottom": {
-        "type": "ReactNode",
+      "width": {
+        "type": "\"string\" | \"number\"",
         "isRequired": false
       }
     }

package/data/component-props/CellComponent.json

@@ -1,38 +1,6 @@
 {
   "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
@@ -40,6 +8,10 @@
       "verticalAlign": {
         "type": "\"center\" | \"top\" | \"bottom\"",
         "isRequired": false
+      },
+      "width": {
+        "type": "\"string\" | \"number\"",
+        "isRequired": false
       }
     }
   }

package/data/component-props/CellHeader.json

@@ -1,44 +1,24 @@
 {
   "CellHeader": {
     "props": {
-      "disabled": {
+      "active": {
         "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>",
+      "direction": {
+        "type": "\"asc\" | \"desc\"",
         "isRequired": false
       },
-      "onClick": {
-        "type": "function",
+      "hideSortIcon": {
+        "type": "\"false\" | \"true\"",
         "isRequired": false
       },
-      "tooltipText": {
-        "type": "string",
+      "horizontalAlign": {
+        "type": "\"left\" | \"center\" | \"right\"",
         "isRequired": false
       },
-      "tooltipSubtitle": {
-        "type": "string",
+      "hover": {
+        "type": "\"false\" | \"true\"",
         "isRequired": false
       },
       "shouldShowTooltipOnHover": {
@@ -49,28 +29,12 @@
         "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\"",
+      "tooltipText": {
+        "type": "string",
         "isRequired": false
       },
-      "direction": {
-        "type": "\"asc\" | \"desc\"",
+      "width": {
+        "type": "\"string\" | \"number\"",
         "isRequired": false
       }
     }

package/data/component-props/ComplexFilter.json

@@ -1,18 +1,38 @@
 {
   "ComplexFilter": {
     "props": {
+      "DropdownMenuProps": {
+        "type": "any",
+        "isRequired": false
+      },
+      "InputDropdownProps": {
+        "type": "InputDropdownPropsType",
+        "isRequired": false,
+        "defaultValue": "{ sdsStyle: minimal }"
+      },
+      "isTriggerChangeOnOptionClick": {
+        "type": "any",
+        "isRequired": false
+      },
       "label": {
         "type": "ReactNode",
         "isRequired": false
       },
+      "multiple": {
+        "type": "any",
+        "isRequired": false
+      },
       "onChange": {
         "type": "(options: AutocompleteValue<T, Multiple, DisableClearable, FreeSolo>) => void",
         "isRequired": false
       },
-      "InputDropdownProps": {
-        "type": "InputDropdownPropsType",
-        "isRequired": false,
-        "defaultValue": "{ sdsStyle: minimal }"
+      "options": {
+        "type": "any",
+        "isRequired": false
+      },
+      "search": {
+        "type": "any",
+        "isRequired": false
       }
     }
   }

package/data/component-props/ContentCard.json

@@ -1,17 +1,81 @@
 {
   "ContentCard": {
     "props": {
+      "boundingBox": {
+        "type": "any",
+        "isRequired": false
+      },
+      "buttons": {
+        "type": "any",
+        "isRequired": false
+      },
       "buttonsPosition": {
         "type": "\"left\" | \"right\"",
         "isRequired": false
       },
+      "classes": {
+        "type": "{ cardActions?: string; }",
+        "isRequired": false
+      },
       "clickableCard": {
         "type": "\"false\" | \"true\"",
         "isRequired": false
       },
-      "classes": {
-        "type": "{ cardActions?: string; }",
+      "clickableCardProps": {
+        "type": "any",
+        "isRequired": false
+      },
+      "decorativeBorder": {
+        "type": "any",
+        "isRequired": false
+      },
+      "icon": {
+        "type": "any",
+        "isRequired": false
+      },
+      "image": {
+        "type": "any",
         "isRequired": false
+      },
+      "imagePadding": {
+        "type": "any",
+        "isRequired": false
+      },
+      "imagePosition": {
+        "type": "any",
+        "isRequired": false
+      },
+      "imageSize": {
+        "type": "any",
+        "isRequired": false
+      },
+      "sdsType": {
+        "type": "any",
+        "isRequired": false
+      },
+      "visualElementType": {
+        "type": "any",
+        "isRequired": false
+      }
+    }
+  },
+  "ContentCardTitle": {
+    "props": {
+      "metadataText": {
+        "type": "BaseContentCardProps",
+        "isRequired": true
+      },
+      "overlineText": {
+        "type": "BaseContentCardProps",
+        "isRequired": true
+      },
+      "subtitleText": {
+        "type": "BaseContentCardProps",
+        "isRequired": true
+      },
+      "titleText": {
+        "type": "BaseContentCardProps",
+        "isRequired": true
       }
     }
   }

package/data/component-props/Dialog.json

@@ -0,0 +1,26 @@
+{
+  "Dialog": {
+    "props": {
+      "buttonPosition": {
+        "type": "any",
+        "isRequired": false
+      },
+      "canClickOutsideClose": {
+        "type": "any",
+        "isRequired": false
+      },
+      "longContent": {
+        "type": "any",
+        "isRequired": false
+      },
+      "sdsSize": {
+        "type": "any",
+        "isRequired": false
+      },
+      "titleOnClose": {
+        "type": "any",
+        "isRequired": false
+      }
+    }
+  }
+}

package/data/component-props/Dropdown.json

@@ -1,26 +1,24 @@
 {
   "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"
+      "DropdownMenuProps": {
+        "type": "SdsDropdownMenuProps<T, Multiple, DisableClearable, FreeSolo>",
+        "isRequired": false
       },
-      "className": {
-        "type": "string",
+      "InputDropdownProps": {
+        "type": "InputDropdownPropsType",
         "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."
+      "buttonPosition": {
+        "type": "\"left\" | \"right\"",
+        "isRequired": false
       },
-      "style": {
-        "type": "CSSProperties",
+      "buttons": {
+        "type": "\"false\" | \"true\"",
         "isRequired": false
       },
-      "onClick": {
-        "type": "function",
+      "closeOnBlur": {
+        "type": "\"false\" | \"true\"",
         "isRequired": false
       },
       "disabled": {
@@ -29,77 +27,41 @@
         "description": "If `true`, the component is disabled.",
         "defaultValue": false
       },
-      "fullWidth": {
+      "isSearchAutoFocus": {
         "type": "\"false\" | \"true\"",
-        "isRequired": false,
-        "description": "If `true`, the input will take up the full width of its container.",
-        "defaultValue": false
+        "isRequired": false
+      },
+      "label": {
+        "type": "ReactNode",
+        "isRequired": true
       },
-      "loading": {
+      "multiple": {
         "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).",
+        "description": "If `true`, `value` must be an array and the menu will support multiple selections.",
         "defaultValue": false
       },
-      "size": {
-        "type": "\"small\" | \"medium\"",
+      "onChange": {
+        "type": "(event: SyntheticEvent",
         "isRequired": false,
-        "description": "The size of the component.",
-        "defaultValue": "medium"
+        "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"
       },
       "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
+      "options": {
+        "type": "\"readonly T[]\" | \"AutocompleteSingleColumnOption<T>[]\" | \"AutocompleteMultiColumnOption<T, Multiple, DisableClearable, FreeSolo>[]\"",
+        "isRequired": true,
+        "description": "Array of options."
       },
       "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\"",
+      "title": {
+        "type": "ReactNode",
         "isRequired": false
       }
     }

package/data/component-props/DropdownMenu.json

@@ -1,84 +1,44 @@
 {
   "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>",
+      "ClickAwayListenerProps": {
+        "type": "Partial<ClickAwayListenerProps>",
         "isRequired": false
       },
-      "title": {
-        "type": "ReactNode",
+      "groupBy": {
+        "type": "any",
         "isRequired": false
       },
-      "headerComponentSlot": {
-        "type": "Element",
+      "keepSearchOnSelect": {
+        "type": "\"false\" | \"true\"",
         "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 & {}\"",
+      "multiple": {
+        "type": "any",
         "isRequired": false
       },
-      "count": {
-        "type": "number",
+      "open": {
+        "type": "any",
         "isRequired": false
       },
-      "icon": {
-        "type": "ReactElement",
+      "options": {
+        "type": "any",
         "isRequired": false
       },
       "search": {
         "type": "\"false\" | \"true\"",
         "isRequired": false
       },
-      "isSearchAutoFocus": {
-        "type": "\"false\" | \"true\"",
+      "title": {
+        "type": "ReactNode",
         "isRequired": false
       },
-      "isMultiColumn": {
-        "type": "\"false\" | \"true\"",
+      "width": {
+        "type": "\"string\" | \"number\" | \"string & {}\"",
         "isRequired": false
       }
     }