@czi-sds/mcp 0.12.2 → 0.14.0

package/data/component-list.json

@@ -45,6 +45,8 @@
     "Notification",
     "Pagination",
     "Panel",
+    "Popover",
+    "PreComposedTable",
     "SegmentedControl",
     "Table",
     "TableHeader",

package/data/component-props/CellBasic.json

@@ -1,6 +1,10 @@
 {
   "CellBasic": {
     "props": {
+      "component": {
+        "type": "\"symbol\" | \"object\" | \"cite\" | \"data\" | \"form\" | \"label\" | \"pattern\" | \"span\" | \"summary\" | \"slot\" | \"style\" | \"title\" | \"center\" | \"link\" | \"a\" | \"abbr\" | \"address\" | \"area\" | \"article\" | \"aside\" | \"audio\" | \"b\" | \"base\" | \"bdi\" | \"bdo\" | \"big\" | \"blockquote\" | \"body\" | \"br\" | \"button\" | \"canvas\" | \"caption\" | \"code\" | \"col\" | \"colgroup\" | \"datalist\" | \"dd\" | \"del\" | \"details\" | \"dfn\" | \"dialog\" | \"div\" | \"dl\" | \"dt\" | \"em\" | \"embed\" | \"fieldset\" | \"figcaption\" | \"figure\" | \"footer\" | \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\" | \"head\" | \"header\" | \"hgroup\" | \"hr\" | \"html\" | \"i\" | \"iframe\" | \"img\" | \"input\" | \"ins\" | \"kbd\" | \"keygen\" | \"legend\" | \"li\" | \"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\" | \"script\" | \"section\" | \"select\" | \"small\" | \"source\" | \"strong\" | \"sub\" | \"sup\" | \"table\" | \"template\" | \"tbody\" | \"td\" | \"textarea\" | \"tfoot\" | \"th\" | \"thead\" | \"time\" | \"tr\" | \"track\" | \"u\" | \"ul\" | \"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\" | \"polygon\" | \"polyline\" | \"radialGradient\" | \"rect\" | \"set\" | \"stop\" | \"switch\" | \"text\" | \"textPath\" | \"tspan\" | \"use\" | \"view\" | \"ComponentClass",
+        "isRequired": false
+      },
       "horizontalAlign": {
         "type": "\"left\" | \"right\"",
         "isRequired": false
@@ -41,6 +45,10 @@
         "type": "\"false\" | \"true\"",
         "isRequired": false
       },
+      "shouldShowUnderlineOnHover": {
+        "type": "\"false\" | \"true\"",
+        "isRequired": false
+      },
       "shouldTextWrap": {
         "type": "\"false\" | \"true\"",
         "isRequired": false

package/data/component-props/CellComponent.json

@@ -2,7 +2,7 @@
   "CellComponent": {
     "props": {
       "horizontalAlign": {
-        "type": "\"left\" | \"center\" | \"right\"",
+        "type": "\"center\" | \"left\" | \"right\"",
         "isRequired": false
       },
       "verticalAlign": {

package/data/component-props/CellHeader.json

@@ -6,7 +6,7 @@
         "isRequired": false
       },
       "direction": {
-        "type": "\"asc\" | \"desc\"",
+        "type": "\"desc\" | \"asc\"",
         "isRequired": false
       },
       "hideSortIcon": {

package/data/component-props/Popover.json

@@ -0,0 +1,134 @@
+{
+  "Popover": {
+    "props": {
+      "open": {
+        "type": "\"false\" | \"true\"",
+        "isRequired": true,
+        "description": "If `true`, the component is shown."
+      },
+      "action": {
+        "type": "\"(instance: PopoverActions) => void\" | \"RefObject<PopoverActions>\"",
+        "isRequired": false,
+        "description": "A ref for imperative actions.\nIt currently only supports updatePosition() action."
+      },
+      "anchorEl": {
+        "type": "\"Element\" | \"() => Element\" | \"PopoverVirtualElement\" | \"() => PopoverVirtualElement\"",
+        "isRequired": false,
+        "description": "An HTML element, [PopoverVirtualElement](/material-ui/react-popover/#virtual-element),\nor a function that returns either.\nIt's used to set the position of the popover."
+      },
+      "anchorOrigin": {
+        "type": "PopoverOrigin",
+        "isRequired": false,
+        "description": "This is the point on the anchor where the popover's\n`anchorEl` will attach to. This is not used when the\nanchorReference is 'anchorPosition'.\n\nOptions:\nvertical: [top, center, bottom];\nhorizontal: [left, center, right].",
+        "defaultValue": "{\nvertical: top,\nhorizontal: left,\n}"
+      },
+      "anchorPosition": {
+        "type": "PopoverPosition",
+        "isRequired": false,
+        "description": "This is the position that may be used to set the position of the popover.\nThe coordinates are relative to the application's client area."
+      },
+      "anchorReference": {
+        "type": "\"anchorEl\" | \"anchorPosition\" | \"none\"",
+        "isRequired": false,
+        "description": "This determines which anchor prop to refer to when setting\nthe position of the popover.",
+        "defaultValue": "anchorEl"
+      },
+      "BackdropComponent": {
+        "type": "\"ComponentClass<BackdropProps, any>\" | \"FunctionComponent<BackdropProps>\"",
+        "isRequired": false,
+        "description": "A backdrop component. This prop enables custom backdrop rendering.\n@deprecated Use `slots.backdrop` instead. While this prop currently works, it will be removed in the next major version.\nUse the `slots.backdrop` prop to make your application ready for the next version of Material UI.",
+        "defaultValue": "styled(Backdrop, {\nname: MuiModal,\nslot: Backdrop,\noverridesResolver: (props, styles) => {\nreturn styles.backdrop;\n},\n})({\nzIndex: -1,\n})"
+      },
+      "BackdropProps": {
+        "type": "Partial<BackdropProps>",
+        "isRequired": false,
+        "description": "Props applied to the [`Backdrop`](/material-ui/api/backdrop/) element.\n@deprecated Use `slotProps.backdrop` instead."
+      },
+      "children": {
+        "type": "ReactNode",
+        "isRequired": false,
+        "description": "The content of the component."
+      },
+      "classes": {
+        "type": "Partial<PopoverClasses>",
+        "isRequired": false,
+        "description": "Override or extend the styles applied to the component."
+      },
+      "container": {
+        "type": "\"Element\" | \"() => Element\"",
+        "isRequired": false,
+        "description": "An HTML element, component instance, or function that returns either.\nThe `container` will passed to the Modal component.\n\nBy default, it uses the body of the anchorEl's top-level document object,\nso it's simply `document.body` most of the time."
+      },
+      "disableScrollLock": {
+        "type": "\"false\" | \"true\"",
+        "isRequired": false,
+        "description": "Disable the scroll lock behavior.",
+        "defaultValue": false
+      },
+      "elevation": {
+        "type": "number",
+        "isRequired": false,
+        "description": "The elevation of the popover.",
+        "defaultValue": 8
+      },
+      "marginThreshold": {
+        "type": "number",
+        "isRequired": false,
+        "description": "Specifies how close to the edge of the window the popover can appear.\nIf null, the popover will not be constrained by the window.",
+        "defaultValue": 16
+      },
+      "onClose": {
+        "type": "\"backdropClick\" | \"escapeKeyDown\"",
+        "isRequired": false,
+        "description": "Callback fired when the component requests to be closed.\nThe `reason` parameter can optionally be used to control the response to `onClose`."
+      },
+      "PaperProps": {
+        "type": "Partial<PaperProps<ElementType<any, keyof IntrinsicElements>>>",
+        "isRequired": false,
+        "description": "Props applied to the [`Paper`](/material-ui/api/paper/) element.\n\nThis prop is an alias for `slotProps.paper` and will be overriden by it if both are used.\n@deprecated Use `slotProps.paper` instead.",
+        "defaultValue": {}
+      },
+      "slotProps": {
+        "type": "{ root?: SlotComponentProps",
+        "isRequired": false,
+        "description": "The extra props for the slot components.\nYou can override the existing props or add new ones.",
+        "defaultValue": {}
+      },
+      "slots": {
+        "type": "{ root?: ElementType",
+        "isRequired": false,
+        "description": "The components used for each slot inside.",
+        "defaultValue": {}
+      },
+      "sx": {
+        "type": "\"SystemCssProperties<Theme>\" | \"CSSPseudoSelectorProps<Theme>\" | \"CSSSelectorObjectOrCssVariables<Theme>\" | \"(theme: Theme) => SystemStyleObject<Theme>\" | \"readonly (boolean | SystemStyleObject<Theme> | ((theme: Theme) => SystemStyleObject<Theme>))[]\"",
+        "isRequired": false,
+        "description": "The system prop that allows defining system overrides as well as additional CSS styles."
+      },
+      "transformOrigin": {
+        "type": "PopoverOrigin",
+        "isRequired": false,
+        "description": "This is the point on the popover which\nwill attach to the anchor's origin.\n\nOptions:\nvertical: [top, center, bottom, x(px)];\nhorizontal: [left, center, right, x(px)].",
+        "defaultValue": "{\nvertical: top,\nhorizontal: left,\n}"
+      },
+      "TransitionComponent": {
+        "type": "ReactNode",
+        "isRequired": false,
+        "description": "The component used for the transition.\n[Follow this guide](/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.",
+        "defaultValue": "Grow"
+      },
+      "transitionDuration": {
+        "type": "\"number\" | \"{ appear?: number; enter?: number; exit?: number; }\" | \"{ appear?: number; enter?: number; exit?: number; }\" | \"auto\"",
+        "isRequired": false,
+        "description": "Set to 'auto' to automatically calculate transition time based on height.",
+        "defaultValue": "auto"
+      },
+      "TransitionProps": {
+        "type": "TransitionProps",
+        "isRequired": false,
+        "description": "Props applied to the transition element.\nBy default, the element is based on this [`Transition`](https://reactcommunity.org/react-transition-group/transition/) component.",
+        "defaultValue": {}
+      }
+    }
+  }
+}

package/data/component-props/PreComposedTable.json

@@ -0,0 +1,62 @@
+{
+  "PreComposedTable": {
+    "props": {
+      "border": {
+        "type": "\"false\" | \"true\"",
+        "isRequired": false,
+        "defaultValue": true
+      },
+      "columns": {
+        "type": "ColumnDef<TData>[]",
+        "isRequired": true
+      },
+      "enableColumnFiltering": {
+        "type": "\"false\" | \"true\"",
+        "isRequired": false,
+        "defaultValue": false
+      },
+      "enableGlobalFiltering": {
+        "type": "\"false\" | \"true\"",
+        "isRequired": false,
+        "defaultValue": false
+      },
+      "enablePagination": {
+        "type": "\"false\" | \"true\"",
+        "isRequired": false,
+        "defaultValue": false
+      },
+      "enableRowSelection": {
+        "type": "\"false\" | \"true\"",
+        "isRequired": false,
+        "defaultValue": false
+      },
+      "enableSorting": {
+        "type": "\"false\" | \"true\"",
+        "isRequired": false,
+        "defaultValue": false
+      },
+      "onRowSelect": {
+        "type": "(selectedRows: TData[]) => void",
+        "isRequired": false
+      },
+      "paginationConfig": {
+        "type": "any",
+        "isRequired": false
+      },
+      "shouldPinSelectRowToLeft": {
+        "type": "\"false\" | \"true\"",
+        "isRequired": false,
+        "defaultValue": true
+      },
+      "sdsStyle": {
+        "type": "\"lined\" | \"striped\"",
+        "isRequired": false,
+        "defaultValue": "lined"
+      },
+      "tableRowProps": {
+        "type": "Partial<TableRowProps>",
+        "isRequired": false
+      }
+    }
+  }
+}

package/data/zeroheight-exports/Dropdown-Menus.md

@@ -26,16 +26,12 @@ Dropdown Menus are used in combination with Dropdown Inputs on napari hub as par
 
 Click on each state below to enter inspect view and get details on its code attributes and any global styles it uses.
 
-
-
 **Default**
 
 ---
 
 ---
 
-
-
 **Default + Search**
 
 ---
@@ -266,8 +262,6 @@ Click on each state below to enter inspect view and get details on its code attr
 
 Storybook
 
-
-
 ---
 
 Dropdown Menus are coupled with Dropdown Inputs, Dropdown Buttons, and in some cases Icon Buttons whenever those elements present the user with options to choose from or selections to make.
@@ -296,8 +290,6 @@ Use the Single-select Dropdown Menu when users are only able to select one item
 
 Click on each state below to enter inspect view and get details on its code attributes and any global styles it uses.
 
-
-
 **Default**
 
 ---
@@ -326,8 +318,6 @@ Use the Multi-select Dropdown Menu when users are able to select one or more ite
 
 Click on each state below to enter inspect view and get details on its code attributes and any global styles it uses.
 
-
-
 **Default**
 
 ---
@@ -512,8 +502,6 @@ Click on each state below to enter inspect view and get details on its code attr
 
 ---
 
-
-
 ### Multi-select Menu Item
 
 Menu Items can be optionally paired with additional clarifying details, with counters that indicate the number of items within that Menu Item's category, or be disabled entirely. These details are established within the `[array]` passed into the `options` prop on the Dropdown Menu component.
@@ -624,8 +612,6 @@ Use the Single-select Dropdown Menu when users are only able to select one item
 
 Click on each state below to enter inspect view and get details on its code attributes and any global styles it uses.
 
-
-
 **Default**
 
 ---
@@ -648,16 +634,12 @@ Click on each state below to enter inspect view and get details on its code attr
 
 ---
 
-
-
 ### Multi-select Dropdown Menu
 
 Use the Multi-select Dropdown Menu when users are able to select one or more items from the menu. They can be configured to have their Menu Items separated out into different sections or groupings, or have a built-in title; both of these features are established by the `[array]` passed into the `options` prop. Additionally, they can be configured to include a Search Input. See the Data Format section below for details around configuring the `[array]`.
 
 Click on each state below to enter inspect view and get details on its code attributes and any global styles it uses.
 
-
-
 **Default**
 
 ---
@@ -850,8 +832,6 @@ Click on each state below to enter inspect view and get details on its code attr
 
 ---
 
-
-
 ### Multi-select Menu Item
 
 Menu Items can be optionally paired with additional clarifying details, with counters that indicate the number of items within that Menu Item's category, or be disabled entirely. These details are established within the `[array]` passed into the `options` prop on the Dropdown Menu component.
@@ -931,5 +911,3 @@ Click on each state below to enter inspect view and get details on its code attr
 ### DropdownMenu
 
 Storybook
-
-

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@czi-sds/mcp",
   "description": "The official MCP server for SDS",
-  "version": "0.12.2",
+  "version": "0.14.0",
   "main": "dist/stdio.js",
   "files": [
     "dist",
@@ -62,5 +62,5 @@
     "tsx": "^4.20.3",
     "typescript": "^5.9.2"
   },
-  "gitHead": "ad8206898e3884ef61b953a88b31bc0510e877b3"
+  "gitHead": "1666380ee93e0ff0fef0f2426c290feeb141c243"
 }