@czi-sds/mcp 0.3.0 → 0.4.0

package/data/component-props/InputToggle.json

@@ -1,70 +1,21 @@
 {
   "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": {
+      "offLabel": {
         "type": "string",
         "isRequired": false
       },
-      "style": {
-        "type": "CSSProperties",
-        "isRequired": false
-      },
-      "name": {
-        "type": "string",
-        "isRequired": false,
-        "description": "Name attribute of the `input` element."
-      },
-      "id": {
+      "onLabel": {
         "type": "string",
-        "isRequired": false,
-        "description": "The id of the `input` element."
+        "isRequired": false
       },
-      "onClick": {
-        "type": "function",
+      "width": {
+        "type": "number",
         "isRequired": false
       }
     }

package/data/component-props/Link.json

@@ -0,0 +1,18 @@
+{
+  "Link": {
+    "props": {
+      "fontWeight": {
+        "type": "any",
+        "isRequired": false
+      },
+      "sdsSize": {
+        "type": "any",
+        "isRequired": false
+      },
+      "sdsStyle": {
+        "type": "any",
+        "isRequired": false
+      }
+    }
+  }
+}

package/data/component-props/LoadingIndicator.json

@@ -3,8 +3,7 @@
     "props": {
       "sdsStyle": {
         "type": "\"minimal\" | \"tag\"",
-        "isRequired": true,
-        "description": "The visual style variant of the component"
+        "isRequired": true
       }
     }
   }

package/data/component-props/MenuItem.json

@@ -1,18 +1,9 @@
 {
   "MenuItem": {
     "props": {
-      "className": {
-        "type": "string",
-        "isRequired": false
-      },
-      "style": {
-        "type": "CSSProperties",
-        "isRequired": false
-      },
-      "children": {
+      "column": {
         "type": "ReactNode",
-        "isRequired": false,
-        "description": "The content of the component."
+        "isRequired": false
       },
       "disabled": {
         "type": "\"false\" | \"true\"",
@@ -20,52 +11,31 @@
         "description": "If `true`, the component is disabled.",
         "defaultValue": "false\nfalse"
       },
-      "value": {
-        "type": "\"string\" | \"number\" | \"readonly string[]\"",
-        "isRequired": false
-      },
-      "id": {
-        "type": "string",
-        "isRequired": false
-      },
-      "onChange": {
-        "type": "FormEventHandler<HTMLLIElement>",
-        "isRequired": false
-      },
-      "onClick": {
-        "type": "function",
-        "isRequired": false
-      },
-      "column": {
-        "type": "ReactNode",
+      "icon": {
+        "type": "any",
         "isRequired": false
       },
       "isMultiSelect": {
         "type": "\"false\" | \"true\"",
         "isRequired": false
       },
-      "icon": {
-        "type": "any",
-        "isRequired": false
-      },
-      "sdsIcon": {
-        "type": "any",
-        "isRequired": false,
-        "description": "@deprecated Use `icon` instead.\n(masoudmanson): This prop is deprecated and will be removed in the next major version.\nPlease replace instances of `sdsIcon` with `icon`."
-      },
       "sdsIconProps": {
         "type": "IconProps<IconName>",
         "isRequired": false
       },
       "sdsStyle": {
         "type": "\"determinate\" | \"indeterminate\"",
-        "isRequired": false,
-        "description": "The visual style variant of the component"
+        "isRequired": false
       },
       "sdsType": {
         "type": "\"action\" | \"default\"",
+        "isRequired": false
+      },
+      "selected": {
+        "type": "\"false\" | \"true\"",
         "isRequired": false,
-        "description": "The type/variant of the component"
+        "description": "If `true`, the component is selected.",
+        "defaultValue": false
       }
     }
   }

package/data/component-props/MenuSelect.json

@@ -1,79 +1,16 @@
 {
   "MenuSelect": {
     "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": {
+      "keepSearchOnSelect": {
         "type": "\"false\" | \"true\"",
-        "isRequired": false,
-        "description": "If `true`, the input will take up the full width of its container.",
-        "defaultValue": false
+        "isRequired": false
       },
-      "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\"",
-        "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": "\"string\" | \"DefaultMenuSelectOption\" | \"(T | AutocompleteFreeSoloValueMapping<FreeSolo>)[]\"",
-        "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."
-      },
-      "keepSearchOnSelect": {
-        "type": "\"false\" | \"true\"",
-        "isRequired": false
-      },
-      "renderInput": {
-        "type": "ReactNode",
-        "isRequired": false
-      },
-      "InputBaseProps": {
-        "type": "InputSearchProps",
-        "isRequired": false
-      },
       "search": {
         "type": "\"false\" | \"true\"",
         "isRequired": false

package/data/component-props/NavigationFooter.json

@@ -17,14 +17,6 @@
         "type": "string",
         "isRequired": false
       },
-      "logoComponent": {
-        "type": "\"symbol\" | \"object\" | \"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\" | \"style\" | \"sub\" | \"summary\" | \"sup\" | \"table\" | \"template\" | \"tbody\" | \"td\" | \"textarea\" | \"tfoot\" | \"th\" | \"thead\" | \"time\" | \"title\" | \"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\" | \"pattern\" | \"polygon\" | \"polyline\" | \"radialGradient\" | \"rect\" | \"set\" | \"stop\" | \"switch\" | \"text\" | \"textPath\" | \"tspan\" | \"use\" | \"view\" | \"ComponentClass",
-        "isRequired": false
-      },
-      "logoLinkProps": {
-        "type": "Record<string, unknown>",
-        "isRequired": false
-      },
       "navItems": {
         "type": "NavigationFooterNavItem[]",
         "isRequired": false

package/data/component-props/NavigationHeader.json

@@ -1,51 +1,6 @@
 {
   "NavigationHeader": {
     "props": {
-      "className": {
-        "type": "string",
-        "isRequired": false
-      },
-      "style": {
-        "type": "CSSProperties",
-        "isRequired": false
-      },
-      "color": {
-        "type": "\"inherit\" | \"default\" | \"error\" | \"info\" | \"primary\" | \"secondary\" | \"transparent\" | \"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"
-      },
-      "children": {
-        "type": "ReactNode",
-        "isRequired": false,
-        "description": "The content of the component."
-      },
-      "variant": {
-        "type": "\"elevation\" | \"outlined\"",
-        "isRequired": false,
-        "description": "The variant to use.",
-        "defaultValue": "elevation"
-      },
-      "title": {
-        "type": "string",
-        "isRequired": true
-      },
-      "id": {
-        "type": "string",
-        "isRequired": false
-      },
-      "onChange": {
-        "type": "FormEventHandler<HTMLElement>",
-        "isRequired": false
-      },
-      "onClick": {
-        "type": "function",
-        "isRequired": false
-      },
-      "activePrimaryNavKey": {
-        "type": "string",
-        "isRequired": false
-      },
       "buttons": {
         "type": "ReactNode",
         "isRequired": false
@@ -58,21 +13,19 @@
         "type": "ReactNode",
         "isRequired": false
       },
-      "logoUrl": {
-        "type": "string",
-        "isRequired": false
-      },
       "logoLinkComponent": {
         "type": "\"symbol\" | \"object\" | \"style\" | \"div\" | \"clipPath\" | \"filter\" | \"mask\" | \"marker\" | \"p\" | \"header\" | \"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\" | \"dl\" | \"dt\" | \"em\" | \"embed\" | \"fieldset\" | \"figcaption\" | \"figure\" | \"footer\" | \"form\" | \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\" | \"head\" | \"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\" | \"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\" | \"ul\" | \"var\" | \"video\" | \"wbr\" | \"webview\" | \"svg\" | \"animate\" | \"animateMotion\" | \"animateTransform\" | \"circle\" | \"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\" | \"foreignObject\" | \"g\" | \"image\" | \"line\" | \"linearGradient\" | \"metadata\" | \"mpath\" | \"path\" | \"pattern\" | \"polygon\" | \"polyline\" | \"radialGradient\" | \"rect\" | \"set\" | \"stop\" | \"switch\" | \"text\" | \"textPath\" | \"tspan\" | \"use\" | \"view\" | \"ComponentClass",
         "isRequired": false
       },
-      "logoLinkProps": {
-        "type": "LinkProps",
+      "logoUrl": {
+        "type": "string",
         "isRequired": false
       },
-      "scrollElevation": {
-        "type": "\"false\" | \"true\"",
-        "isRequired": false
+      "position": {
+        "type": "\"fixed\" | \"absolute\" | \"sticky\" | \"static\" | \"relative\"",
+        "isRequired": false,
+        "description": "The positioning type. The behavior of the different options is described\n[in the MDN web docs](https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Positioning).\nNote: `sticky` is not universally supported and will fall back to `static` when unavailable.",
+        "defaultValue": "fixed"
       },
       "primaryNavItems": {
         "type": "NavigationHeaderPrimaryNavItem<string>[]",
@@ -82,6 +35,10 @@
         "type": "\"left\" | \"right\"",
         "isRequired": false
       },
+      "scrollElevation": {
+        "type": "\"false\" | \"true\"",
+        "isRequired": false
+      },
       "searchProps": {
         "type": "\"Partial<FilledTextFieldProps & AccessibleInputSearchProps & InputSearchExtraProps>\" | \"Partial<OutlinedTextFieldProps & AccessibleInputSearchProps & InputSearchExtraProps>\" | \"Partial<StandardTextFieldProps & AccessibleInputSearchProps & InputSearchExtraProps>\"",
         "isRequired": false
@@ -90,10 +47,6 @@
         "type": "NavigationHeaderSecondaryNavItem[]",
         "isRequired": false
       },
-      "setActivePrimaryNavKey": {
-        "type": "(key: string) => void",
-        "isRequired": false
-      },
       "showSearch": {
         "type": "\"false\" | \"true\"",
         "isRequired": false
@@ -106,13 +59,9 @@
         "type": "\"info\" | \"positive\" | \"notice\" | \"negative\" | \"neutral\" | \"beta\" | \"[string, string]\" | \"[string, string, string]\"",
         "isRequired": false
       },
-      "drawerOpen": {
-        "type": "\"false\" | \"true\"",
-        "isRequired": false
-      },
-      "setDrawerOpen": {
-        "type": "(open: boolean) => void",
-        "isRequired": false
+      "title": {
+        "type": "string",
+        "isRequired": true
       }
     }
   }

package/data/component-props/NavigationJumpTo.json

@@ -1,42 +1,6 @@
 {
   "NavigationJumpTo": {
     "props": {
-      "className": {
-        "type": "string",
-        "isRequired": false
-      },
-      "style": {
-        "type": "CSSProperties",
-        "isRequired": false
-      },
-      "children": {
-        "type": "ReactNode",
-        "isRequired": false,
-        "description": "The content of the component."
-      },
-      "onChange": {
-        "type": "\"click\" | \"scroll\"",
-        "isRequired": false
-      },
-      "value": {
-        "type": "any",
-        "isRequired": false,
-        "description": "The value of the currently selected `Tab`.\nIf you don't want any selected `Tab`, you can set this prop to `false`."
-      },
-      "variant": {
-        "type": "\"standard\" | \"scrollable\" | \"fullWidth\"",
-        "isRequired": false,
-        "description": "Determines additional display behavior of the tabs:\n\n- `scrollable` will invoke scrolling properties and allow for horizontally\nscrolling (or swiping) of the tab bar.\n- `fullWidth` will make the tabs grow to use all the available space,\nwhich should be used for small views, like on mobile.\n- `standard` will render the default state.",
-        "defaultValue": "standard"
-      },
-      "id": {
-        "type": "string",
-        "isRequired": false
-      },
-      "onClick": {
-        "type": "function",
-        "isRequired": false
-      },
       "items": {
         "type": "Item[]",
         "isRequired": true
@@ -48,10 +12,6 @@
       "width": {
         "type": "\"string\" | \"number\" | \"string & {}\"",
         "isRequired": false
-      },
-      "isSubItem": {
-        "type": "\"false\" | \"true\"",
-        "isRequired": false
       }
     }
   }

package/data/component-props/Notification.json

@@ -1,52 +1,6 @@
 {
   "Notification": {
     "props": {
-      "color": {
-        "type": "\"info\" | \"success\" | \"warning\" | \"error\"",
-        "isRequired": false,
-        "description": "The color of the component. Unless provided, the value is taken from the `severity` prop.\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)."
-      },
-      "icon": {
-        "type": "ReactNode",
-        "isRequired": false,
-        "description": "Override the icon displayed before the children.\nUnless provided, the icon is mapped to the value of the `severity` prop.\nSet to `false` to remove the `icon`."
-      },
-      "onClose": {
-        "type": "(event: SyntheticEvent<Element, Event>) => void",
-        "isRequired": false,
-        "description": "Callback fired when the component requests to be closed.\nWhen provided and no `action` prop is set, a close icon button is displayed that triggers the callback when clicked.\n@param event The event source of the callback."
-      },
-      "variant": {
-        "type": "\"standard\" | \"filled\" | \"outlined\"",
-        "isRequired": false,
-        "description": "The variant to use.",
-        "defaultValue": "standard"
-      },
-      "className": {
-        "type": "string",
-        "isRequired": false
-      },
-      "style": {
-        "type": "CSSProperties",
-        "isRequired": false
-      },
-      "children": {
-        "type": "ReactNode",
-        "isRequired": false,
-        "description": "The content of the component."
-      },
-      "id": {
-        "type": "string",
-        "isRequired": false
-      },
-      "onChange": {
-        "type": "FormEventHandler<HTMLDivElement>",
-        "isRequired": false
-      },
-      "onClick": {
-        "type": "function",
-        "isRequired": false
-      },
       "autoDismiss": {
         "type": "\"number\" | \"false\" | \"true\"",
         "isRequired": false
@@ -55,34 +9,36 @@
         "type": "(event: SyntheticEvent<Element, Event>) => void",
         "isRequired": false
       },
-      "buttonText": {
-        "type": "string",
-        "isRequired": false
-      },
       "buttonPosition": {
         "type": "\"left\" | \"right\"",
         "isRequired": false
       },
-      "dismissed": {
+      "extraContent": {
         "type": "\"false\" | \"true\"",
         "isRequired": false
       },
-      "slideDirection": {
-        "type": "\"left\" | \"right\"",
+      "icon": {
+        "type": "ReactNode",
         "isRequired": false,
-        "defaultValue": "left"
-      },
-      "extraContent": {
-        "type": "\"false\" | \"true\"",
-        "isRequired": false
+        "description": "Override the icon displayed before the children.\nUnless provided, the icon is mapped to the value of the `severity` prop.\nSet to `false` to remove the `icon`."
       },
       "intent": {
         "type": "\"info\" | \"negative\" | \"positive\" | \"notice\"",
         "isRequired": true
       },
+      "onClose": {
+        "type": "(event: SyntheticEvent<Element, Event>) => void",
+        "isRequired": false,
+        "description": "Callback fired when the component requests to be closed.\nWhen provided and no `action` prop is set, a close icon button is displayed that triggers the callback when clicked.\n@param event The event source of the callback."
+      },
       "sdsIconProps": {
         "type": "IconProps<string | number | symbol>",
         "isRequired": false
+      },
+      "slideDirection": {
+        "type": "\"left\" | \"right\"",
+        "isRequired": false,
+        "defaultValue": "left"
       }
     }
   }

package/data/component-props/Pagination.json

@@ -1,50 +1,25 @@
 {
   "Pagination": {
     "props": {
+      "pageSize": {
+        "type": "number",
+        "isRequired": true
+      },
       "sdsStyle": {
         "type": "\"round\" | \"square\"",
-        "isRequired": false,
-        "description": "The visual style variant of the component"
-      },
-      "disabled": {
-        "type": "\"false\" | \"true\"",
         "isRequired": false
       },
-      "selected": {
-        "type": "\"false\" | \"true\"",
-        "isRequired": false
-      },
-      "truncateDropdown": {
-        "type": "\"false\" | \"true\"",
-        "isRequired": false
-      },
-      "onPageChange": {
-        "type": "(page: number) => void",
-        "isRequired": true
-      },
-      "onNextPage": {
-        "type": "() => void",
-        "isRequired": true
-      },
-      "onPreviousPage": {
-        "type": "() => void",
-        "isRequired": true
-      },
-      "totalCount": {
-        "type": "number",
-        "isRequired": true
-      },
       "siblingCount": {
         "type": "number",
         "isRequired": false
       },
-      "currentPage": {
+      "totalCount": {
         "type": "number",
         "isRequired": true
       },
-      "pageSize": {
-        "type": "number",
-        "isRequired": true
+      "truncateDropdown": {
+        "type": "\"false\" | \"true\"",
+        "isRequired": false
       }
     }
   }