From 094a99643dac6b539ec0c4459b9bbca2333261ab Mon Sep 17 00:00:00 2001 From: darthtrevino Date: Wed, 30 Oct 2024 21:50:20 +0000 Subject: [PATCH] =?UTF-8?q?Deploying=20to=20gh-pages=20from=20@=20microsof?= =?UTF-8?q?t/essex-toolkit@1ab3bce925b1dde2d83b0d525684c6a29b792ccb=20?= =?UTF-8?q?=F0=9F=9A=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- ...-EnumDropdown-EnumDropdown-stories.5487b468.iframe.bundle.js | 2 -- ...-EnumDropdown-EnumDropdown-stories.fae991a2.iframe.bundle.js | 2 ++ ...-EnumDropdown-stories.fae991a2.iframe.bundle.js.LICENSE.txt} | 0 ...ultiDropdown-MultiDropdown-stories.6b635ad3.iframe.bundle.js | 2 ++ ...MultiDropdown-stories.6b635ad3.iframe.bundle.js.LICENSE.txt} | 0 ...ultiDropdown-MultiDropdown-stories.bd78a8d3.iframe.bundle.js | 2 -- ...ents-src-Settings-Settings-stories.627a02fa.iframe.bundle.js | 2 -- ...ents-src-Settings-Settings-stories.642d1b85.iframe.bundle.js | 2 ++ ...ings-Settings-stories.642d1b85.iframe.bundle.js.LICENSE.txt} | 0 storybook/iframe.html | 2 +- storybook/project.json | 2 +- ....iframe.bundle.js => runtime~main.378242d5.iframe.bundle.js} | 2 +- 12 files changed, 9 insertions(+), 9 deletions(-) delete mode 100644 storybook/components-src-EnumDropdown-EnumDropdown-stories.5487b468.iframe.bundle.js create mode 100644 storybook/components-src-EnumDropdown-EnumDropdown-stories.fae991a2.iframe.bundle.js rename storybook/{components-src-EnumDropdown-EnumDropdown-stories.5487b468.iframe.bundle.js.LICENSE.txt => components-src-EnumDropdown-EnumDropdown-stories.fae991a2.iframe.bundle.js.LICENSE.txt} (100%) create mode 100644 storybook/components-src-MultiDropdown-MultiDropdown-stories.6b635ad3.iframe.bundle.js rename storybook/{components-src-MultiDropdown-MultiDropdown-stories.bd78a8d3.iframe.bundle.js.LICENSE.txt => components-src-MultiDropdown-MultiDropdown-stories.6b635ad3.iframe.bundle.js.LICENSE.txt} (100%) delete mode 100644 storybook/components-src-MultiDropdown-MultiDropdown-stories.bd78a8d3.iframe.bundle.js delete mode 100644 storybook/components-src-Settings-Settings-stories.627a02fa.iframe.bundle.js create mode 100644 storybook/components-src-Settings-Settings-stories.642d1b85.iframe.bundle.js rename storybook/{components-src-Settings-Settings-stories.627a02fa.iframe.bundle.js.LICENSE.txt => components-src-Settings-Settings-stories.642d1b85.iframe.bundle.js.LICENSE.txt} (100%) rename storybook/{runtime~main.83fe04df.iframe.bundle.js => runtime~main.378242d5.iframe.bundle.js} (97%) diff --git a/storybook/components-src-EnumDropdown-EnumDropdown-stories.5487b468.iframe.bundle.js b/storybook/components-src-EnumDropdown-EnumDropdown-stories.5487b468.iframe.bundle.js deleted file mode 100644 index 478c2ecf..00000000 --- a/storybook/components-src-EnumDropdown-EnumDropdown-stories.5487b468.iframe.bundle.js +++ /dev/null @@ -1,2 +0,0 @@ -/*! For license information please see components-src-EnumDropdown-EnumDropdown-stories.5487b468.iframe.bundle.js.LICENSE.txt */ -"use strict";(self.webpackChunkessex_toolkit_stories=self.webpackChunkessex_toolkit_stories||[]).push([[5536],{"../components/src/EnumDropdown/EnumDropdown.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Primary:()=>Primary,default:()=>EnumDropdown_stories});var jsx_runtime=__webpack_require__("../../.yarn/cache/react-npm-18.3.1-af38f3c1ae-261137d3f3.zip/node_modules/react/jsx-runtime.js"),lib_commonjs=__webpack_require__("../../.yarn/__virtual__/@fluentui-react-virtual-de7476e3d6/0/cache/@fluentui-react-npm-8.118.9-93c5d7c0a7-1806e7182f.zip/node_modules/@fluentui/react/lib-commonjs/index.js"),react=__webpack_require__("../../.yarn/cache/react-npm-18.3.1-af38f3c1ae-261137d3f3.zip/node_modules/react/index.js");function useEnumDropdownOptions(enumeration,labels){return(0,react.useMemo)((()=>function getEnumDropdownOptions(enumeration,labels){return Object.entries(enumeration).map((entry=>{const[name,key]=entry,text=labels?.[key]||function formatEnumName(name){const parts=name.replace(/([A-Z])/g," $1").trim().split(/\s/);return[parts[0],...parts.slice(1).map((p=>p.toLocaleLowerCase()))].join(" ")}(name);return{key,text}}))}(enumeration,labels)),[enumeration,labels])}const EnumDropdown=(0,react.memo)((function EnumDropdown(props){const options=useEnumDropdownOptions(props.enumeration,props.labels);return(0,jsx_runtime.jsx)(lib_commonjs.Dropdown,{options,...props})}));try{EnumDropdown.displayName="EnumDropdown",EnumDropdown.__docgenInfo={description:"Dropdown wrapper to list out aggregation operations.",displayName:"EnumDropdown",props:{enumeration:{defaultValue:null,description:"",name:"enumeration",required:!0,type:{name:"unknown"}},labels:{defaultValue:null,description:"Optional labels to map enum keys to alternate text.\nThis is helpful for when the enum values may not be as user-friendly.",name:"labels",required:!1,type:{name:"Record"}},onChange:{defaultValue:null,description:"Callback issued when the selected option changes.",name:"onChange",required:!1,type:{name:"(event: FormEvent, option?: IDropdownOption, index?: number) => void"}},style:{defaultValue:null,description:"",name:"style",required:!1,type:{name:"CSSProperties"}},className:{defaultValue:null,description:"Additional class name for the root element.",name:"className",required:!1,type:{name:"string"}},defaultValue:{defaultValue:null,description:"",name:"defaultValue",required:!1,type:{name:"string | number | readonly string[]"}},label:{defaultValue:null,description:"Descriptive label for the field",name:"label",required:!1,type:{name:"string"}},placeholder:{defaultValue:null,description:"Input placeholder text. Displayed until option is selected.",name:"placeholder",required:!1,type:{name:"string"}},errorMessage:{defaultValue:null,description:"Error message for the field.",name:"errorMessage",required:!1,type:{name:"string"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"MouseEventHandler"}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"Key"}},title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"string"}},styles:{defaultValue:null,description:"Call to provide customized styling that will layer on top of the variant rules.",name:"styles",required:!1,type:{name:"IStyleFunctionOrObject"}},color:{defaultValue:null,description:"",name:"color",required:!1,type:{name:"string"}},onDismiss:{defaultValue:null,description:"Callback for when the options list callout is dismissed",name:"onDismiss",required:!1,type:{name:"() => void"}},componentRef:{defaultValue:null,description:"Optional callback to access the component interface (usually `IDropdown` or `IComboBox`).\nUse this instead of `ref` for accessing the public methods and properties of the component.",name:"componentRef",required:!1,type:{name:"IRefObject"}},onRenderLabel:{defaultValue:null,description:"Custom render function for the label.",name:"onRenderLabel",required:!1,type:{name:"IRenderFunction"}},prefix:{defaultValue:null,description:"",name:"prefix",required:!1,type:{name:"string"}},disabled:{defaultValue:null,description:"Whether or not the field is disabled.",name:"disabled",required:!1,type:{name:"boolean"}},ariaLabel:{defaultValue:null,description:"Aria Label for the field for screen reader users.",name:"ariaLabel",required:!1,type:{name:"string"}},theme:{defaultValue:null,description:"Theme provided by higher order component.",name:"theme",required:!1,type:{name:"ITheme"}},required:{defaultValue:null,description:"Whether or not the field is required.",name:"required",required:!1,type:{name:"boolean"}},defaultChecked:{defaultValue:null,description:"",name:"defaultChecked",required:!1,type:{name:"boolean"}},suppressContentEditableWarning:{defaultValue:null,description:"",name:"suppressContentEditableWarning",required:!1,type:{name:"boolean"}},suppressHydrationWarning:{defaultValue:null,description:"",name:"suppressHydrationWarning",required:!1,type:{name:"boolean"}},accessKey:{defaultValue:null,description:"",name:"accessKey",required:!1,type:{name:"string"}},autoFocus:{defaultValue:null,description:"",name:"autoFocus",required:!1,type:{name:"boolean"}},contentEditable:{defaultValue:null,description:"",name:"contentEditable",required:!1,type:{name:'Booleanish | "inherit" | "plaintext-only"'}},contextMenu:{defaultValue:null,description:"",name:"contextMenu",required:!1,type:{name:"string"}},dir:{defaultValue:null,description:"",name:"dir",required:!1,type:{name:"string"}},draggable:{defaultValue:null,description:"",name:"draggable",required:!1,type:{name:"Booleanish"}},hidden:{defaultValue:null,description:"",name:"hidden",required:!1,type:{name:"boolean"}},id:{defaultValue:null,description:"ID of the field",name:"id",required:!1,type:{name:"string"}},lang:{defaultValue:null,description:"",name:"lang",required:!1,type:{name:"string"}},nonce:{defaultValue:null,description:"",name:"nonce",required:!1,type:{name:"string"}},slot:{defaultValue:null,description:"",name:"slot",required:!1,type:{name:"string"}},spellCheck:{defaultValue:null,description:"",name:"spellCheck",required:!1,type:{name:"Booleanish"}},tabIndex:{defaultValue:null,description:"",name:"tabIndex",required:!1,type:{name:"number"}},translate:{defaultValue:null,description:"",name:"translate",required:!1,type:{name:'"yes" | "no"'}},radioGroup:{defaultValue:null,description:"",name:"radioGroup",required:!1,type:{name:"string"}},role:{defaultValue:null,description:"",name:"role",required:!1,type:{name:"AriaRole"}},about:{defaultValue:null,description:"",name:"about",required:!1,type:{name:"string"}},content:{defaultValue:null,description:"",name:"content",required:!1,type:{name:"string"}},datatype:{defaultValue:null,description:"",name:"datatype",required:!1,type:{name:"string"}},inlist:{defaultValue:null,description:"",name:"inlist",required:!1,type:{name:"any"}},property:{defaultValue:null,description:"",name:"property",required:!1,type:{name:"string"}},rel:{defaultValue:null,description:"",name:"rel",required:!1,type:{name:"string"}},resource:{defaultValue:null,description:"",name:"resource",required:!1,type:{name:"string"}},rev:{defaultValue:null,description:"",name:"rev",required:!1,type:{name:"string"}},typeof:{defaultValue:null,description:"",name:"typeof",required:!1,type:{name:"string"}},vocab:{defaultValue:null,description:"",name:"vocab",required:!1,type:{name:"string"}},autoCapitalize:{defaultValue:null,description:"",name:"autoCapitalize",required:!1,type:{name:"string"}},autoCorrect:{defaultValue:null,description:"",name:"autoCorrect",required:!1,type:{name:"string"}},autoSave:{defaultValue:null,description:"",name:"autoSave",required:!1,type:{name:"string"}},itemProp:{defaultValue:null,description:"",name:"itemProp",required:!1,type:{name:"string"}},itemScope:{defaultValue:null,description:"",name:"itemScope",required:!1,type:{name:"boolean"}},itemType:{defaultValue:null,description:"",name:"itemType",required:!1,type:{name:"string"}},itemID:{defaultValue:null,description:"",name:"itemID",required:!1,type:{name:"string"}},itemRef:{defaultValue:null,description:"",name:"itemRef",required:!1,type:{name:"string"}},results:{defaultValue:null,description:"",name:"results",required:!1,type:{name:"number"}},security:{defaultValue:null,description:"",name:"security",required:!1,type:{name:"string"}},unselectable:{defaultValue:null,description:"",name:"unselectable",required:!1,type:{name:'"on" | "off"'}},inputMode:{defaultValue:null,description:"Hints at the type of data that might be entered by the user while editing the element or its contents\n@see {@link https://html.spec.whatwg.org/multipage/interaction.html#input-modalities:-the-inputmode-attribute}",name:"inputMode",required:!1,type:{name:'"text" | "none" | "search" | "tel" | "url" | "email" | "numeric" | "decimal"'}},is:{defaultValue:null,description:"Specify that a standard HTML element should behave like a defined custom built-in element\n@see {@link https://html.spec.whatwg.org/multipage/custom-elements.html#attr-is}",name:"is",required:!1,type:{name:"string"}},"aria-activedescendant":{defaultValue:null,description:"Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.",name:"aria-activedescendant",required:!1,type:{name:"string"}},"aria-atomic":{defaultValue:null,description:"Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute.",name:"aria-atomic",required:!1,type:{name:"Booleanish"}},"aria-autocomplete":{defaultValue:null,description:"Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be\npresented if they are made.",name:"aria-autocomplete",required:!1,type:{name:'"none" | "list" | "inline" | "both"'}},"aria-braillelabel":{defaultValue:null,description:"Defines a string value that labels the current element, which is intended to be converted into Braille.\n@see aria-label.",name:"aria-braillelabel",required:!1,type:{name:"string"}},"aria-brailleroledescription":{defaultValue:null,description:"Defines a human-readable, author-localized abbreviated description for the role of an element, which is intended to be converted into Braille.\n@see aria-roledescription.",name:"aria-brailleroledescription",required:!1,type:{name:"string"}},"aria-busy":{defaultValue:null,description:"",name:"aria-busy",required:!1,type:{name:"Booleanish"}},"aria-checked":{defaultValue:null,description:'Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.\n@see aria-pressed\n@see aria-selected.',name:"aria-checked",required:!1,type:{name:'boolean | "true" | "false" | "mixed"'}},"aria-colcount":{defaultValue:null,description:"Defines the total number of columns in a table, grid, or treegrid.\n@see aria-colindex.",name:"aria-colcount",required:!1,type:{name:"number"}},"aria-colindex":{defaultValue:null,description:"Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid.\n@see aria-colcount\n@see aria-colspan.",name:"aria-colindex",required:!1,type:{name:"number"}},"aria-colindextext":{defaultValue:null,description:"Defines a human readable text alternative of aria-colindex.\n@see aria-rowindextext.",name:"aria-colindextext",required:!1,type:{name:"string"}},"aria-colspan":{defaultValue:null,description:"Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-colindex\n@see aria-rowspan.",name:"aria-colspan",required:!1,type:{name:"number"}},"aria-controls":{defaultValue:null,description:"Identifies the element (or elements) whose contents or presence are controlled by the current element.\n@see aria-owns.",name:"aria-controls",required:!1,type:{name:"string"}},"aria-current":{defaultValue:null,description:"Indicates the element that represents the current item within a container or set of related elements.",name:"aria-current",required:!1,type:{name:'boolean | "step" | "true" | "false" | "page" | "location" | "date" | "time"'}},"aria-describedby":{defaultValue:null,description:"Identifies the element (or elements) that describes the object.\n@see aria-labelledby",name:"aria-describedby",required:!1,type:{name:"string"}},"aria-description":{defaultValue:null,description:"Defines a string value that describes or annotates the current element.\n@see related aria-describedby.",name:"aria-description",required:!1,type:{name:"string"}},"aria-details":{defaultValue:null,description:"Identifies the element that provides a detailed, extended description for the object.\n@see aria-describedby.",name:"aria-details",required:!1,type:{name:"string"}},"aria-disabled":{defaultValue:null,description:"Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.\n@see aria-hidden\n@see aria-readonly.",name:"aria-disabled",required:!1,type:{name:"Booleanish"}},"aria-dropeffect":{defaultValue:null,description:"Indicates what functions can be performed when a dragged object is released on the drop target.\n@deprecated in ARIA 1.1",name:"aria-dropeffect",required:!1,type:{name:'"none" | "link" | "copy" | "execute" | "move" | "popup"'}},"aria-errormessage":{defaultValue:null,description:"Identifies the element that provides an error message for the object.\n@see aria-invalid\n@see aria-describedby.",name:"aria-errormessage",required:!1,type:{name:"string"}},"aria-expanded":{defaultValue:null,description:"Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed.",name:"aria-expanded",required:!1,type:{name:"Booleanish"}},"aria-flowto":{defaultValue:null,description:"Identifies the next element (or elements) in an alternate reading order of content which, at the user's discretion,\nallows assistive technology to override the general default of reading in document source order.",name:"aria-flowto",required:!1,type:{name:"string"}},"aria-grabbed":{defaultValue:null,description:'Indicates an element\'s "grabbed" state in a drag-and-drop operation.\n@deprecated in ARIA 1.1',name:"aria-grabbed",required:!1,type:{name:"Booleanish"}},"aria-haspopup":{defaultValue:null,description:"Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element.",name:"aria-haspopup",required:!1,type:{name:'boolean | "true" | "false" | "dialog" | "grid" | "listbox" | "menu" | "tree"'}},"aria-hidden":{defaultValue:null,description:"Indicates whether the element is exposed to an accessibility API.\n@see aria-disabled.",name:"aria-hidden",required:!1,type:{name:"Booleanish"}},"aria-invalid":{defaultValue:null,description:"Indicates the entered value does not conform to the format expected by the application.\n@see aria-errormessage.",name:"aria-invalid",required:!1,type:{name:'boolean | "true" | "false" | "grammar" | "spelling"'}},"aria-keyshortcuts":{defaultValue:null,description:"Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element.",name:"aria-keyshortcuts",required:!1,type:{name:"string"}},"aria-label":{defaultValue:null,description:"Defines a string value that labels the current element.\n@see aria-labelledby.",name:"aria-label",required:!1,type:{name:"string"}},"aria-labelledby":{defaultValue:null,description:"Identifies the element (or elements) that labels the current element.\n@see aria-describedby.",name:"aria-labelledby",required:!1,type:{name:"string"}},"aria-level":{defaultValue:null,description:"Defines the hierarchical level of an element within a structure.",name:"aria-level",required:!1,type:{name:"number"}},"aria-live":{defaultValue:null,description:"Indicates that an element will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region.",name:"aria-live",required:!1,type:{name:'"off" | "assertive" | "polite"'}},"aria-modal":{defaultValue:null,description:"Indicates whether an element is modal when displayed.",name:"aria-modal",required:!1,type:{name:"Booleanish"}},"aria-multiline":{defaultValue:null,description:"Indicates whether a text box accepts multiple lines of input or only a single line.",name:"aria-multiline",required:!1,type:{name:"Booleanish"}},"aria-multiselectable":{defaultValue:null,description:"Indicates that the user may select more than one item from the current selectable descendants.",name:"aria-multiselectable",required:!1,type:{name:"Booleanish"}},"aria-orientation":{defaultValue:null,description:"Indicates whether the element's orientation is horizontal, vertical, or unknown/ambiguous.",name:"aria-orientation",required:!1,type:{name:'"horizontal" | "vertical"'}},"aria-owns":{defaultValue:null,description:"Identifies an element (or elements) in order to define a visual, functional, or contextual parent/child relationship\nbetween DOM elements where the DOM hierarchy cannot be used to represent the relationship.\n@see aria-controls.",name:"aria-owns",required:!1,type:{name:"string"}},"aria-placeholder":{defaultValue:null,description:"Defines a short hint (a word or short phrase) intended to aid the user with data entry when the control has no value.\nA hint could be a sample value or a brief description of the expected format.",name:"aria-placeholder",required:!1,type:{name:"string"}},"aria-posinset":{defaultValue:null,description:"Defines an element's number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.\n@see aria-setsize.",name:"aria-posinset",required:!1,type:{name:"number"}},"aria-pressed":{defaultValue:null,description:'Indicates the current "pressed" state of toggle buttons.\n@see aria-checked\n@see aria-selected.',name:"aria-pressed",required:!1,type:{name:'boolean | "true" | "false" | "mixed"'}},"aria-readonly":{defaultValue:null,description:"Indicates that the element is not editable, but is otherwise operable.\n@see aria-disabled.",name:"aria-readonly",required:!1,type:{name:"Booleanish"}},"aria-relevant":{defaultValue:null,description:"Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified.\n@see aria-atomic.",name:"aria-relevant",required:!1,type:{name:'"text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals"'}},"aria-required":{defaultValue:null,description:"Indicates that user input is required on the element before a form may be submitted.",name:"aria-required",required:!1,type:{name:"Booleanish"}},"aria-roledescription":{defaultValue:null,description:"Defines a human-readable, author-localized description for the role of an element.",name:"aria-roledescription",required:!1,type:{name:"string"}},"aria-rowcount":{defaultValue:null,description:"Defines the total number of rows in a table, grid, or treegrid.\n@see aria-rowindex.",name:"aria-rowcount",required:!1,type:{name:"number"}},"aria-rowindex":{defaultValue:null,description:"Defines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid.\n@see aria-rowcount\n@see aria-rowspan.",name:"aria-rowindex",required:!1,type:{name:"number"}},"aria-rowindextext":{defaultValue:null,description:"Defines a human readable text alternative of aria-rowindex.\n@see aria-colindextext.",name:"aria-rowindextext",required:!1,type:{name:"string"}},"aria-rowspan":{defaultValue:null,description:"Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-rowindex\n@see aria-colspan.",name:"aria-rowspan",required:!1,type:{name:"number"}},"aria-selected":{defaultValue:null,description:'Indicates the current "selected" state of various widgets.\n@see aria-checked\n@see aria-pressed.',name:"aria-selected",required:!1,type:{name:"Booleanish"}},"aria-setsize":{defaultValue:null,description:"Defines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.\n@see aria-posinset.",name:"aria-setsize",required:!1,type:{name:"number"}},"aria-sort":{defaultValue:null,description:"Indicates if items in a table or grid are sorted in ascending or descending order.",name:"aria-sort",required:!1,type:{name:'"none" | "ascending" | "descending" | "other"'}},"aria-valuemax":{defaultValue:null,description:"Defines the maximum allowed value for a range widget.",name:"aria-valuemax",required:!1,type:{name:"number"}},"aria-valuemin":{defaultValue:null,description:"Defines the minimum allowed value for a range widget.",name:"aria-valuemin",required:!1,type:{name:"number"}},"aria-valuenow":{defaultValue:null,description:"Defines the current value for a range widget.\n@see aria-valuetext.",name:"aria-valuenow",required:!1,type:{name:"number"}},"aria-valuetext":{defaultValue:null,description:"Defines the human readable text alternative of aria-valuenow for a range widget.",name:"aria-valuetext",required:!1,type:{name:"string"}},dangerouslySetInnerHTML:{defaultValue:null,description:"",name:"dangerouslySetInnerHTML",required:!1,type:{name:"{ __html: string | TrustedHTML; }"}},onCopy:{defaultValue:null,description:"",name:"onCopy",required:!1,type:{name:"ClipboardEventHandler"}},onCopyCapture:{defaultValue:null,description:"",name:"onCopyCapture",required:!1,type:{name:"ClipboardEventHandler"}},onCut:{defaultValue:null,description:"",name:"onCut",required:!1,type:{name:"ClipboardEventHandler"}},onCutCapture:{defaultValue:null,description:"",name:"onCutCapture",required:!1,type:{name:"ClipboardEventHandler"}},onPaste:{defaultValue:null,description:"",name:"onPaste",required:!1,type:{name:"ClipboardEventHandler"}},onPasteCapture:{defaultValue:null,description:"",name:"onPasteCapture",required:!1,type:{name:"ClipboardEventHandler"}},onCompositionEnd:{defaultValue:null,description:"",name:"onCompositionEnd",required:!1,type:{name:"CompositionEventHandler"}},onCompositionEndCapture:{defaultValue:null,description:"",name:"onCompositionEndCapture",required:!1,type:{name:"CompositionEventHandler"}},onCompositionStart:{defaultValue:null,description:"",name:"onCompositionStart",required:!1,type:{name:"CompositionEventHandler"}},onCompositionStartCapture:{defaultValue:null,description:"",name:"onCompositionStartCapture",required:!1,type:{name:"CompositionEventHandler"}},onCompositionUpdate:{defaultValue:null,description:"",name:"onCompositionUpdate",required:!1,type:{name:"CompositionEventHandler"}},onCompositionUpdateCapture:{defaultValue:null,description:"",name:"onCompositionUpdateCapture",required:!1,type:{name:"CompositionEventHandler"}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"FocusEventHandler"}},onFocusCapture:{defaultValue:null,description:"",name:"onFocusCapture",required:!1,type:{name:"FocusEventHandler"}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"FocusEventHandler"}},onBlurCapture:{defaultValue:null,description:"",name:"onBlurCapture",required:!1,type:{name:"FocusEventHandler"}},onChangeCapture:{defaultValue:null,description:"",name:"onChangeCapture",required:!1,type:{name:"FormEventHandler"}},onBeforeInput:{defaultValue:null,description:"",name:"onBeforeInput",required:!1,type:{name:"FormEventHandler"}},onBeforeInputCapture:{defaultValue:null,description:"",name:"onBeforeInputCapture",required:!1,type:{name:"FormEventHandler"}},onInput:{defaultValue:null,description:"",name:"onInput",required:!1,type:{name:"FormEventHandler"}},onInputCapture:{defaultValue:null,description:"",name:"onInputCapture",required:!1,type:{name:"FormEventHandler"}},onReset:{defaultValue:null,description:"",name:"onReset",required:!1,type:{name:"FormEventHandler"}},onResetCapture:{defaultValue:null,description:"",name:"onResetCapture",required:!1,type:{name:"FormEventHandler"}},onSubmit:{defaultValue:null,description:"",name:"onSubmit",required:!1,type:{name:"FormEventHandler"}},onSubmitCapture:{defaultValue:null,description:"",name:"onSubmitCapture",required:!1,type:{name:"FormEventHandler"}},onInvalid:{defaultValue:null,description:"",name:"onInvalid",required:!1,type:{name:"FormEventHandler"}},onInvalidCapture:{defaultValue:null,description:"",name:"onInvalidCapture",required:!1,type:{name:"FormEventHandler"}},onLoad:{defaultValue:null,description:"",name:"onLoad",required:!1,type:{name:"ReactEventHandler"}},onLoadCapture:{defaultValue:null,description:"",name:"onLoadCapture",required:!1,type:{name:"ReactEventHandler"}},onError:{defaultValue:null,description:"",name:"onError",required:!1,type:{name:"ReactEventHandler"}},onErrorCapture:{defaultValue:null,description:"",name:"onErrorCapture",required:!1,type:{name:"ReactEventHandler"}},onKeyDown:{defaultValue:null,description:"",name:"onKeyDown",required:!1,type:{name:"KeyboardEventHandler"}},onKeyDownCapture:{defaultValue:null,description:"",name:"onKeyDownCapture",required:!1,type:{name:"KeyboardEventHandler"}},onKeyPress:{defaultValue:null,description:"@deprecated",name:"onKeyPress",required:!1,type:{name:"KeyboardEventHandler"}},onKeyPressCapture:{defaultValue:null,description:"@deprecated",name:"onKeyPressCapture",required:!1,type:{name:"KeyboardEventHandler"}},onKeyUp:{defaultValue:null,description:"",name:"onKeyUp",required:!1,type:{name:"KeyboardEventHandler"}},onKeyUpCapture:{defaultValue:null,description:"",name:"onKeyUpCapture",required:!1,type:{name:"KeyboardEventHandler"}},onAbort:{defaultValue:null,description:"",name:"onAbort",required:!1,type:{name:"ReactEventHandler"}},onAbortCapture:{defaultValue:null,description:"",name:"onAbortCapture",required:!1,type:{name:"ReactEventHandler"}},onCanPlay:{defaultValue:null,description:"",name:"onCanPlay",required:!1,type:{name:"ReactEventHandler"}},onCanPlayCapture:{defaultValue:null,description:"",name:"onCanPlayCapture",required:!1,type:{name:"ReactEventHandler"}},onCanPlayThrough:{defaultValue:null,description:"",name:"onCanPlayThrough",required:!1,type:{name:"ReactEventHandler"}},onCanPlayThroughCapture:{defaultValue:null,description:"",name:"onCanPlayThroughCapture",required:!1,type:{name:"ReactEventHandler"}},onDurationChange:{defaultValue:null,description:"",name:"onDurationChange",required:!1,type:{name:"ReactEventHandler"}},onDurationChangeCapture:{defaultValue:null,description:"",name:"onDurationChangeCapture",required:!1,type:{name:"ReactEventHandler"}},onEmptied:{defaultValue:null,description:"",name:"onEmptied",required:!1,type:{name:"ReactEventHandler"}},onEmptiedCapture:{defaultValue:null,description:"",name:"onEmptiedCapture",required:!1,type:{name:"ReactEventHandler"}},onEncrypted:{defaultValue:null,description:"",name:"onEncrypted",required:!1,type:{name:"ReactEventHandler"}},onEncryptedCapture:{defaultValue:null,description:"",name:"onEncryptedCapture",required:!1,type:{name:"ReactEventHandler"}},onEnded:{defaultValue:null,description:"",name:"onEnded",required:!1,type:{name:"ReactEventHandler"}},onEndedCapture:{defaultValue:null,description:"",name:"onEndedCapture",required:!1,type:{name:"ReactEventHandler"}},onLoadedData:{defaultValue:null,description:"",name:"onLoadedData",required:!1,type:{name:"ReactEventHandler"}},onLoadedDataCapture:{defaultValue:null,description:"",name:"onLoadedDataCapture",required:!1,type:{name:"ReactEventHandler"}},onLoadedMetadata:{defaultValue:null,description:"",name:"onLoadedMetadata",required:!1,type:{name:"ReactEventHandler"}},onLoadedMetadataCapture:{defaultValue:null,description:"",name:"onLoadedMetadataCapture",required:!1,type:{name:"ReactEventHandler"}},onLoadStart:{defaultValue:null,description:"",name:"onLoadStart",required:!1,type:{name:"ReactEventHandler"}},onLoadStartCapture:{defaultValue:null,description:"",name:"onLoadStartCapture",required:!1,type:{name:"ReactEventHandler"}},onPause:{defaultValue:null,description:"",name:"onPause",required:!1,type:{name:"ReactEventHandler"}},onPauseCapture:{defaultValue:null,description:"",name:"onPauseCapture",required:!1,type:{name:"ReactEventHandler"}},onPlay:{defaultValue:null,description:"",name:"onPlay",required:!1,type:{name:"ReactEventHandler"}},onPlayCapture:{defaultValue:null,description:"",name:"onPlayCapture",required:!1,type:{name:"ReactEventHandler"}},onPlaying:{defaultValue:null,description:"",name:"onPlaying",required:!1,type:{name:"ReactEventHandler"}},onPlayingCapture:{defaultValue:null,description:"",name:"onPlayingCapture",required:!1,type:{name:"ReactEventHandler"}},onProgress:{defaultValue:null,description:"",name:"onProgress",required:!1,type:{name:"ReactEventHandler"}},onProgressCapture:{defaultValue:null,description:"",name:"onProgressCapture",required:!1,type:{name:"ReactEventHandler"}},onRateChange:{defaultValue:null,description:"",name:"onRateChange",required:!1,type:{name:"ReactEventHandler"}},onRateChangeCapture:{defaultValue:null,description:"",name:"onRateChangeCapture",required:!1,type:{name:"ReactEventHandler"}},onResize:{defaultValue:null,description:"",name:"onResize",required:!1,type:{name:"ReactEventHandler"}},onResizeCapture:{defaultValue:null,description:"",name:"onResizeCapture",required:!1,type:{name:"ReactEventHandler"}},onSeeked:{defaultValue:null,description:"",name:"onSeeked",required:!1,type:{name:"ReactEventHandler"}},onSeekedCapture:{defaultValue:null,description:"",name:"onSeekedCapture",required:!1,type:{name:"ReactEventHandler"}},onSeeking:{defaultValue:null,description:"",name:"onSeeking",required:!1,type:{name:"ReactEventHandler"}},onSeekingCapture:{defaultValue:null,description:"",name:"onSeekingCapture",required:!1,type:{name:"ReactEventHandler"}},onStalled:{defaultValue:null,description:"",name:"onStalled",required:!1,type:{name:"ReactEventHandler"}},onStalledCapture:{defaultValue:null,description:"",name:"onStalledCapture",required:!1,type:{name:"ReactEventHandler"}},onSuspend:{defaultValue:null,description:"",name:"onSuspend",required:!1,type:{name:"ReactEventHandler"}},onSuspendCapture:{defaultValue:null,description:"",name:"onSuspendCapture",required:!1,type:{name:"ReactEventHandler"}},onTimeUpdate:{defaultValue:null,description:"",name:"onTimeUpdate",required:!1,type:{name:"ReactEventHandler"}},onTimeUpdateCapture:{defaultValue:null,description:"",name:"onTimeUpdateCapture",required:!1,type:{name:"ReactEventHandler"}},onVolumeChange:{defaultValue:null,description:"",name:"onVolumeChange",required:!1,type:{name:"ReactEventHandler"}},onVolumeChangeCapture:{defaultValue:null,description:"",name:"onVolumeChangeCapture",required:!1,type:{name:"ReactEventHandler"}},onWaiting:{defaultValue:null,description:"",name:"onWaiting",required:!1,type:{name:"ReactEventHandler"}},onWaitingCapture:{defaultValue:null,description:"",name:"onWaitingCapture",required:!1,type:{name:"ReactEventHandler"}},onAuxClick:{defaultValue:null,description:"",name:"onAuxClick",required:!1,type:{name:"MouseEventHandler"}},onAuxClickCapture:{defaultValue:null,description:"",name:"onAuxClickCapture",required:!1,type:{name:"MouseEventHandler"}},onClickCapture:{defaultValue:null,description:"",name:"onClickCapture",required:!1,type:{name:"MouseEventHandler"}},onContextMenu:{defaultValue:null,description:"",name:"onContextMenu",required:!1,type:{name:"MouseEventHandler"}},onContextMenuCapture:{defaultValue:null,description:"",name:"onContextMenuCapture",required:!1,type:{name:"MouseEventHandler"}},onDoubleClick:{defaultValue:null,description:"",name:"onDoubleClick",required:!1,type:{name:"MouseEventHandler"}},onDoubleClickCapture:{defaultValue:null,description:"",name:"onDoubleClickCapture",required:!1,type:{name:"MouseEventHandler"}},onDrag:{defaultValue:null,description:"",name:"onDrag",required:!1,type:{name:"DragEventHandler"}},onDragCapture:{defaultValue:null,description:"",name:"onDragCapture",required:!1,type:{name:"DragEventHandler"}},onDragEnd:{defaultValue:null,description:"",name:"onDragEnd",required:!1,type:{name:"DragEventHandler"}},onDragEndCapture:{defaultValue:null,description:"",name:"onDragEndCapture",required:!1,type:{name:"DragEventHandler"}},onDragEnter:{defaultValue:null,description:"",name:"onDragEnter",required:!1,type:{name:"DragEventHandler"}},onDragEnterCapture:{defaultValue:null,description:"",name:"onDragEnterCapture",required:!1,type:{name:"DragEventHandler"}},onDragExit:{defaultValue:null,description:"",name:"onDragExit",required:!1,type:{name:"DragEventHandler"}},onDragExitCapture:{defaultValue:null,description:"",name:"onDragExitCapture",required:!1,type:{name:"DragEventHandler"}},onDragLeave:{defaultValue:null,description:"",name:"onDragLeave",required:!1,type:{name:"DragEventHandler"}},onDragLeaveCapture:{defaultValue:null,description:"",name:"onDragLeaveCapture",required:!1,type:{name:"DragEventHandler"}},onDragOver:{defaultValue:null,description:"",name:"onDragOver",required:!1,type:{name:"DragEventHandler"}},onDragOverCapture:{defaultValue:null,description:"",name:"onDragOverCapture",required:!1,type:{name:"DragEventHandler"}},onDragStart:{defaultValue:null,description:"",name:"onDragStart",required:!1,type:{name:"DragEventHandler"}},onDragStartCapture:{defaultValue:null,description:"",name:"onDragStartCapture",required:!1,type:{name:"DragEventHandler"}},onDrop:{defaultValue:null,description:"",name:"onDrop",required:!1,type:{name:"DragEventHandler"}},onDropCapture:{defaultValue:null,description:"",name:"onDropCapture",required:!1,type:{name:"DragEventHandler"}},onMouseDown:{defaultValue:null,description:"",name:"onMouseDown",required:!1,type:{name:"MouseEventHandler"}},onMouseDownCapture:{defaultValue:null,description:"",name:"onMouseDownCapture",required:!1,type:{name:"MouseEventHandler"}},onMouseEnter:{defaultValue:null,description:"",name:"onMouseEnter",required:!1,type:{name:"MouseEventHandler"}},onMouseLeave:{defaultValue:null,description:"",name:"onMouseLeave",required:!1,type:{name:"MouseEventHandler"}},onMouseMove:{defaultValue:null,description:"",name:"onMouseMove",required:!1,type:{name:"MouseEventHandler"}},onMouseMoveCapture:{defaultValue:null,description:"",name:"onMouseMoveCapture",required:!1,type:{name:"MouseEventHandler"}},onMouseOut:{defaultValue:null,description:"",name:"onMouseOut",required:!1,type:{name:"MouseEventHandler"}},onMouseOutCapture:{defaultValue:null,description:"",name:"onMouseOutCapture",required:!1,type:{name:"MouseEventHandler"}},onMouseOver:{defaultValue:null,description:"",name:"onMouseOver",required:!1,type:{name:"MouseEventHandler"}},onMouseOverCapture:{defaultValue:null,description:"",name:"onMouseOverCapture",required:!1,type:{name:"MouseEventHandler"}},onMouseUp:{defaultValue:null,description:"",name:"onMouseUp",required:!1,type:{name:"MouseEventHandler"}},onMouseUpCapture:{defaultValue:null,description:"",name:"onMouseUpCapture",required:!1,type:{name:"MouseEventHandler"}},onSelect:{defaultValue:null,description:"",name:"onSelect",required:!1,type:{name:"ReactEventHandler"}},onSelectCapture:{defaultValue:null,description:"",name:"onSelectCapture",required:!1,type:{name:"ReactEventHandler"}},onTouchCancel:{defaultValue:null,description:"",name:"onTouchCancel",required:!1,type:{name:"TouchEventHandler"}},onTouchCancelCapture:{defaultValue:null,description:"",name:"onTouchCancelCapture",required:!1,type:{name:"TouchEventHandler"}},onTouchEnd:{defaultValue:null,description:"",name:"onTouchEnd",required:!1,type:{name:"TouchEventHandler"}},onTouchEndCapture:{defaultValue:null,description:"",name:"onTouchEndCapture",required:!1,type:{name:"TouchEventHandler"}},onTouchMove:{defaultValue:null,description:"",name:"onTouchMove",required:!1,type:{name:"TouchEventHandler"}},onTouchMoveCapture:{defaultValue:null,description:"",name:"onTouchMoveCapture",required:!1,type:{name:"TouchEventHandler"}},onTouchStart:{defaultValue:null,description:"",name:"onTouchStart",required:!1,type:{name:"TouchEventHandler"}},onTouchStartCapture:{defaultValue:null,description:"",name:"onTouchStartCapture",required:!1,type:{name:"TouchEventHandler"}},onPointerDown:{defaultValue:null,description:"",name:"onPointerDown",required:!1,type:{name:"PointerEventHandler"}},onPointerDownCapture:{defaultValue:null,description:"",name:"onPointerDownCapture",required:!1,type:{name:"PointerEventHandler"}},onPointerMove:{defaultValue:null,description:"",name:"onPointerMove",required:!1,type:{name:"PointerEventHandler"}},onPointerMoveCapture:{defaultValue:null,description:"",name:"onPointerMoveCapture",required:!1,type:{name:"PointerEventHandler"}},onPointerUp:{defaultValue:null,description:"",name:"onPointerUp",required:!1,type:{name:"PointerEventHandler"}},onPointerUpCapture:{defaultValue:null,description:"",name:"onPointerUpCapture",required:!1,type:{name:"PointerEventHandler"}},onPointerCancel:{defaultValue:null,description:"",name:"onPointerCancel",required:!1,type:{name:"PointerEventHandler"}},onPointerCancelCapture:{defaultValue:null,description:"",name:"onPointerCancelCapture",required:!1,type:{name:"PointerEventHandler"}},onPointerEnter:{defaultValue:null,description:"",name:"onPointerEnter",required:!1,type:{name:"PointerEventHandler"}},onPointerLeave:{defaultValue:null,description:"",name:"onPointerLeave",required:!1,type:{name:"PointerEventHandler"}},onPointerOver:{defaultValue:null,description:"",name:"onPointerOver",required:!1,type:{name:"PointerEventHandler"}},onPointerOverCapture:{defaultValue:null,description:"",name:"onPointerOverCapture",required:!1,type:{name:"PointerEventHandler"}},onPointerOut:{defaultValue:null,description:"",name:"onPointerOut",required:!1,type:{name:"PointerEventHandler"}},onPointerOutCapture:{defaultValue:null,description:"",name:"onPointerOutCapture",required:!1,type:{name:"PointerEventHandler"}},onGotPointerCapture:{defaultValue:null,description:"",name:"onGotPointerCapture",required:!1,type:{name:"PointerEventHandler"}},onGotPointerCaptureCapture:{defaultValue:null,description:"",name:"onGotPointerCaptureCapture",required:!1,type:{name:"PointerEventHandler"}},onLostPointerCapture:{defaultValue:null,description:"",name:"onLostPointerCapture",required:!1,type:{name:"PointerEventHandler"}},onLostPointerCaptureCapture:{defaultValue:null,description:"",name:"onLostPointerCaptureCapture",required:!1,type:{name:"PointerEventHandler"}},onScroll:{defaultValue:null,description:"",name:"onScroll",required:!1,type:{name:"UIEventHandler"}},onScrollCapture:{defaultValue:null,description:"",name:"onScrollCapture",required:!1,type:{name:"UIEventHandler"}},onWheel:{defaultValue:null,description:"",name:"onWheel",required:!1,type:{name:"WheelEventHandler"}},onWheelCapture:{defaultValue:null,description:"",name:"onWheelCapture",required:!1,type:{name:"WheelEventHandler"}},onAnimationStart:{defaultValue:null,description:"",name:"onAnimationStart",required:!1,type:{name:"AnimationEventHandler"}},onAnimationStartCapture:{defaultValue:null,description:"",name:"onAnimationStartCapture",required:!1,type:{name:"AnimationEventHandler"}},onAnimationEnd:{defaultValue:null,description:"",name:"onAnimationEnd",required:!1,type:{name:"AnimationEventHandler"}},onAnimationEndCapture:{defaultValue:null,description:"",name:"onAnimationEndCapture",required:!1,type:{name:"AnimationEventHandler"}},onAnimationIteration:{defaultValue:null,description:"",name:"onAnimationIteration",required:!1,type:{name:"AnimationEventHandler"}},onAnimationIterationCapture:{defaultValue:null,description:"",name:"onAnimationIterationCapture",required:!1,type:{name:"AnimationEventHandler"}},onTransitionEnd:{defaultValue:null,description:"",name:"onTransitionEnd",required:!1,type:{name:"TransitionEventHandler"}},onTransitionEndCapture:{defaultValue:null,description:"",name:"onTransitionEndCapture",required:!1,type:{name:"TransitionEventHandler"}},selectedKey:{defaultValue:null,description:"The key(s) of the selected item. If you provide this, you must maintain selection\nstate by observing onChange events and passing a new value in when changed.\nNote that passing in `null` will cause selection to be reset.\n\nMutually exclusive with `defaultSelectedKey`.\nFor Dropdown (but not ComboBox) in multi-select mode, use `selectedKeys` instead.",name:"selectedKey",required:!1,type:{name:"string | number | number[] | string[]"}},placeHolder:{defaultValue:null,description:"Input placeholder text. Displayed until option is selected.\n@deprecated Use `placeholder`",name:"placeHolder",required:!1,type:{name:"string"}},onChanged:{defaultValue:null,description:"@deprecated Use `onChange` instead.",name:"onChanged",required:!1,type:{name:"(option: IDropdownOption, index?: number) => void"}},onRenderPlaceholder:{defaultValue:null,description:"Optional custom renderer for placeholder text",name:"onRenderPlaceholder",required:!1,type:{name:"IRenderFunction"}},onRenderPlaceHolder:{defaultValue:null,description:"Optional custom renderer for placeholder text\n@deprecated Use `onRenderPlaceholder`",name:"onRenderPlaceHolder",required:!1,type:{name:"IRenderFunction"}},onRenderTitle:{defaultValue:null,description:"Optional custom renderer for selected option displayed in input",name:"onRenderTitle",required:!1,type:{name:"IRenderFunction[]>"}},onRenderCaretDown:{defaultValue:null,description:"Optional custom renderer for chevron icon",name:"onRenderCaretDown",required:!1,type:{name:"IRenderFunction"}},dropdownWidth:{defaultValue:null,description:"Custom width for dropdown. If value is 0, width of the input field is used.\nIf value is 'auto', width of the input field is used by default, and it can grow wider to fit the content.\n@defaultvalue 0",name:"dropdownWidth",required:!1,type:{name:'number | "auto"'}},responsiveMode:{defaultValue:null,description:"Pass in ResponsiveMode to manually overwrite the way the Dropdown renders.\nResponsiveMode.large would, for instance, disable the behavior where Dropdown options\nget rendered into a Panel while ResponsiveMode.small would result in the Dropdown\noptions always getting rendered in a Panel.",name:"responsiveMode",required:!1,type:{name:"ResponsiveMode"}},defaultSelectedKeys:{defaultValue:null,description:"Keys that will be initially used to set selected items. This prop is used for `multiSelect`\nscenarios. In other cases, `defaultSelectedKey` should be used.",name:"defaultSelectedKeys",required:!1,type:{name:"number[] | string[]"}},selectedKeys:{defaultValue:null,description:"Keys of the selected items. If you provide this, you must maintain selection\nstate by observing onChange events and passing a new value in when changed.\nPassing null in will clear the selection.\nMutually exclusive with `defaultSelectedKeys`.",name:"selectedKeys",required:!1,type:{name:"number[] | string[]"}},multiSelectDelimiter:{defaultValue:null,description:'When multiple items are selected, this still will be used to separate values in\nthe dropdown title.\n@defaultvalue ", "',name:"multiSelectDelimiter",required:!1,type:{name:"string"}},notifyOnReselect:{defaultValue:null,description:"Optional preference to have onChanged still be called when an already selected item is\nclicked in single select mode. Default to false",name:"notifyOnReselect",required:!1,type:{name:"boolean"}},isDisabled:{defaultValue:null,description:"@deprecated Use `disabled` instead. Deprecated at v0.52.0.",name:"isDisabled",required:!1,type:{name:"boolean"}},defaultSelectedKey:{defaultValue:null,description:"The key(s) that will be initially used to set a selected item.\n\nMutually exclusive with `selectedKey`.\nFor Dropdown (but not ComboBox) in multi-select mode, use `defaultSelectedKeys` instead.",name:"defaultSelectedKey",required:!1,type:{name:"string | number | number[] | string[]"}},multiSelect:{defaultValue:null,description:"Whether multi-choice selections are allowed or not.\n@defaultvalue false",name:"multiSelect",required:!1,type:{name:"boolean"}},onRenderContainer:{defaultValue:null,description:"Optional custom renderer for the option list container",name:"onRenderContainer",required:!1,type:{name:"IRenderFunction>"}},onRenderList:{defaultValue:null,description:"Optional custom renderer for the option list",name:"onRenderList",required:!1,type:{name:"IRenderFunction>"}},onRenderItem:{defaultValue:null,description:"Optional custom renderer for all items, including headers and dividers as well as normal options.",name:"onRenderItem",required:!1,type:{name:"IRenderFunction>"}},onRenderOption:{defaultValue:null,description:"Optional custom renderer for normal and header options only.\nUse `onRenderItem` to control rendering for separators as well.",name:"onRenderOption",required:!1,type:{name:"IRenderFunction>"}},calloutProps:{defaultValue:null,description:"Custom properties for the Callout used to render the option list.",name:"calloutProps",required:!1,type:{name:"ICalloutProps"}},panelProps:{defaultValue:null,description:"Custom properties for the Panel used to render the option list on small devices.",name:"panelProps",required:!1,type:{name:"IPanelProps"}},openOnKeyboardFocus:{defaultValue:null,description:"Whether or not the ComboBox/Dropdown should expand on keyboard focus.\n@defaultvalue false",name:"openOnKeyboardFocus",required:!1,type:{name:"boolean"}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"LegacyRef"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../components/src/EnumDropdown/EnumDropdown.tsx#EnumDropdown"]={docgenInfo:EnumDropdown.__docgenInfo,name:"EnumDropdown",path:"../components/src/EnumDropdown/EnumDropdown.tsx#EnumDropdown"})}catch(__react_docgen_typescript_loader_error){}var Stuff;!function(Stuff){Stuff.First="one",Stuff.Second="two",Stuff.Another="three",Stuff.CamelCase="camelcase"}(Stuff||(Stuff={}));const EnumDropdown_stories={title:"@essex:components/EnumDropdown",component:EnumDropdown,args:{enumeration:Stuff}},Primary={name:"EnumDropdown"};Primary.parameters={...Primary.parameters,docs:{...Primary.parameters?.docs,source:{originalSource:"{\n name: 'EnumDropdown'\n}",...Primary.parameters?.docs?.source}}}}}]); \ No newline at end of file diff --git a/storybook/components-src-EnumDropdown-EnumDropdown-stories.fae991a2.iframe.bundle.js b/storybook/components-src-EnumDropdown-EnumDropdown-stories.fae991a2.iframe.bundle.js new file mode 100644 index 00000000..fea9336c --- /dev/null +++ b/storybook/components-src-EnumDropdown-EnumDropdown-stories.fae991a2.iframe.bundle.js @@ -0,0 +1,2 @@ +/*! For license information please see components-src-EnumDropdown-EnumDropdown-stories.fae991a2.iframe.bundle.js.LICENSE.txt */ +"use strict";(self.webpackChunkessex_toolkit_stories=self.webpackChunkessex_toolkit_stories||[]).push([[5536],{"../components/src/EnumDropdown/EnumDropdown.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Primary:()=>Primary,default:()=>EnumDropdown_stories});var jsx_runtime=__webpack_require__("../../.yarn/cache/react-npm-18.3.1-af38f3c1ae-261137d3f3.zip/node_modules/react/jsx-runtime.js"),lib_commonjs=__webpack_require__("../../.yarn/__virtual__/@fluentui-react-virtual-de7476e3d6/0/cache/@fluentui-react-npm-8.118.9-93c5d7c0a7-1806e7182f.zip/node_modules/@fluentui/react/lib-commonjs/index.js"),react=__webpack_require__("../../.yarn/cache/react-npm-18.3.1-af38f3c1ae-261137d3f3.zip/node_modules/react/index.js");function useEnumDropdownOptions(enumeration,labels){return(0,react.useMemo)((()=>function getEnumDropdownOptions(enumeration,labels){return Object.entries(enumeration).map((entry=>{const[name,key]=entry,text=labels?.[key]||function formatEnumName(name){const parts=name.replace(/([A-Z])/g," $1").trim().split(/\s/);return[parts[0],...parts.slice(1).map((p=>p.toLocaleLowerCase()))].join(" ")}(name);return{key,text}}))}(enumeration,labels)),[enumeration,labels])}const EnumDropdown=(0,react.memo)((function EnumDropdown(props){const options=useEnumDropdownOptions(props.enumeration,props.labels);return(0,jsx_runtime.jsx)(lib_commonjs.Dropdown,{options,...props})}));try{EnumDropdown.displayName="EnumDropdown",EnumDropdown.__docgenInfo={description:"Dropdown wrapper to list out aggregation operations.",displayName:"EnumDropdown",props:{enumeration:{defaultValue:null,description:"",name:"enumeration",required:!0,type:{name:"unknown"}},labels:{defaultValue:null,description:"Optional labels to map enum keys to alternate text.\nThis is helpful for when the enum values may not be as user-friendly.",name:"labels",required:!1,type:{name:"Record"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"MouseEventHandler"}},onChange:{defaultValue:null,description:"Callback issued when the selected option changes.",name:"onChange",required:!1,type:{name:"(event: FormEvent, option?: IDropdownOption, index?: number) => void"}},style:{defaultValue:null,description:"",name:"style",required:!1,type:{name:"CSSProperties"}},className:{defaultValue:null,description:"Additional class name for the root element.",name:"className",required:!1,type:{name:"string"}},defaultValue:{defaultValue:null,description:"",name:"defaultValue",required:!1,type:{name:"string | number | readonly string[]"}},label:{defaultValue:null,description:"Descriptive label for the field",name:"label",required:!1,type:{name:"string"}},placeholder:{defaultValue:null,description:"Input placeholder text. Displayed until option is selected.",name:"placeholder",required:!1,type:{name:"string"}},errorMessage:{defaultValue:null,description:"Error message for the field.",name:"errorMessage",required:!1,type:{name:"string"}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"Key"}},title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"string"}},styles:{defaultValue:null,description:"Call to provide customized styling that will layer on top of the variant rules.",name:"styles",required:!1,type:{name:"IStyleFunctionOrObject"}},color:{defaultValue:null,description:"",name:"color",required:!1,type:{name:"string"}},onDismiss:{defaultValue:null,description:"Callback for when the options list callout is dismissed",name:"onDismiss",required:!1,type:{name:"() => void"}},selectedKey:{defaultValue:null,description:"The key(s) of the selected item. If you provide this, you must maintain selection\nstate by observing onChange events and passing a new value in when changed.\nNote that passing in `null` will cause selection to be reset.\n\nMutually exclusive with `defaultSelectedKey`.\nFor Dropdown (but not ComboBox) in multi-select mode, use `selectedKeys` instead.",name:"selectedKey",required:!1,type:{name:"string | number | number[] | string[]"}},componentRef:{defaultValue:null,description:"Optional callback to access the component interface (usually `IDropdown` or `IComboBox`).\nUse this instead of `ref` for accessing the public methods and properties of the component.",name:"componentRef",required:!1,type:{name:"IRefObject"}},onRenderLabel:{defaultValue:null,description:"Custom render function for the label.",name:"onRenderLabel",required:!1,type:{name:"IRenderFunction"}},prefix:{defaultValue:null,description:"",name:"prefix",required:!1,type:{name:"string"}},disabled:{defaultValue:null,description:"Whether or not the field is disabled.",name:"disabled",required:!1,type:{name:"boolean"}},ariaLabel:{defaultValue:null,description:"Aria Label for the field for screen reader users.",name:"ariaLabel",required:!1,type:{name:"string"}},theme:{defaultValue:null,description:"Theme provided by higher order component.",name:"theme",required:!1,type:{name:"ITheme"}},required:{defaultValue:null,description:"Whether or not the field is required.",name:"required",required:!1,type:{name:"boolean"}},defaultChecked:{defaultValue:null,description:"",name:"defaultChecked",required:!1,type:{name:"boolean"}},suppressContentEditableWarning:{defaultValue:null,description:"",name:"suppressContentEditableWarning",required:!1,type:{name:"boolean"}},suppressHydrationWarning:{defaultValue:null,description:"",name:"suppressHydrationWarning",required:!1,type:{name:"boolean"}},accessKey:{defaultValue:null,description:"",name:"accessKey",required:!1,type:{name:"string"}},autoFocus:{defaultValue:null,description:"",name:"autoFocus",required:!1,type:{name:"boolean"}},contentEditable:{defaultValue:null,description:"",name:"contentEditable",required:!1,type:{name:'Booleanish | "inherit" | "plaintext-only"'}},contextMenu:{defaultValue:null,description:"",name:"contextMenu",required:!1,type:{name:"string"}},dir:{defaultValue:null,description:"",name:"dir",required:!1,type:{name:"string"}},draggable:{defaultValue:null,description:"",name:"draggable",required:!1,type:{name:"Booleanish"}},hidden:{defaultValue:null,description:"",name:"hidden",required:!1,type:{name:"boolean"}},id:{defaultValue:null,description:"ID of the field",name:"id",required:!1,type:{name:"string"}},lang:{defaultValue:null,description:"",name:"lang",required:!1,type:{name:"string"}},nonce:{defaultValue:null,description:"",name:"nonce",required:!1,type:{name:"string"}},slot:{defaultValue:null,description:"",name:"slot",required:!1,type:{name:"string"}},spellCheck:{defaultValue:null,description:"",name:"spellCheck",required:!1,type:{name:"Booleanish"}},tabIndex:{defaultValue:null,description:"",name:"tabIndex",required:!1,type:{name:"number"}},translate:{defaultValue:null,description:"",name:"translate",required:!1,type:{name:'"yes" | "no"'}},radioGroup:{defaultValue:null,description:"",name:"radioGroup",required:!1,type:{name:"string"}},role:{defaultValue:null,description:"",name:"role",required:!1,type:{name:"AriaRole"}},about:{defaultValue:null,description:"",name:"about",required:!1,type:{name:"string"}},content:{defaultValue:null,description:"",name:"content",required:!1,type:{name:"string"}},datatype:{defaultValue:null,description:"",name:"datatype",required:!1,type:{name:"string"}},inlist:{defaultValue:null,description:"",name:"inlist",required:!1,type:{name:"any"}},property:{defaultValue:null,description:"",name:"property",required:!1,type:{name:"string"}},rel:{defaultValue:null,description:"",name:"rel",required:!1,type:{name:"string"}},resource:{defaultValue:null,description:"",name:"resource",required:!1,type:{name:"string"}},rev:{defaultValue:null,description:"",name:"rev",required:!1,type:{name:"string"}},typeof:{defaultValue:null,description:"",name:"typeof",required:!1,type:{name:"string"}},vocab:{defaultValue:null,description:"",name:"vocab",required:!1,type:{name:"string"}},autoCapitalize:{defaultValue:null,description:"",name:"autoCapitalize",required:!1,type:{name:"string"}},autoCorrect:{defaultValue:null,description:"",name:"autoCorrect",required:!1,type:{name:"string"}},autoSave:{defaultValue:null,description:"",name:"autoSave",required:!1,type:{name:"string"}},itemProp:{defaultValue:null,description:"",name:"itemProp",required:!1,type:{name:"string"}},itemScope:{defaultValue:null,description:"",name:"itemScope",required:!1,type:{name:"boolean"}},itemType:{defaultValue:null,description:"",name:"itemType",required:!1,type:{name:"string"}},itemID:{defaultValue:null,description:"",name:"itemID",required:!1,type:{name:"string"}},itemRef:{defaultValue:null,description:"",name:"itemRef",required:!1,type:{name:"string"}},results:{defaultValue:null,description:"",name:"results",required:!1,type:{name:"number"}},security:{defaultValue:null,description:"",name:"security",required:!1,type:{name:"string"}},unselectable:{defaultValue:null,description:"",name:"unselectable",required:!1,type:{name:'"on" | "off"'}},inputMode:{defaultValue:null,description:"Hints at the type of data that might be entered by the user while editing the element or its contents\n@see {@link https://html.spec.whatwg.org/multipage/interaction.html#input-modalities:-the-inputmode-attribute}",name:"inputMode",required:!1,type:{name:'"text" | "none" | "search" | "tel" | "url" | "email" | "numeric" | "decimal"'}},is:{defaultValue:null,description:"Specify that a standard HTML element should behave like a defined custom built-in element\n@see {@link https://html.spec.whatwg.org/multipage/custom-elements.html#attr-is}",name:"is",required:!1,type:{name:"string"}},"aria-activedescendant":{defaultValue:null,description:"Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.",name:"aria-activedescendant",required:!1,type:{name:"string"}},"aria-atomic":{defaultValue:null,description:"Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute.",name:"aria-atomic",required:!1,type:{name:"Booleanish"}},"aria-autocomplete":{defaultValue:null,description:"Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be\npresented if they are made.",name:"aria-autocomplete",required:!1,type:{name:'"none" | "list" | "inline" | "both"'}},"aria-braillelabel":{defaultValue:null,description:"Defines a string value that labels the current element, which is intended to be converted into Braille.\n@see aria-label.",name:"aria-braillelabel",required:!1,type:{name:"string"}},"aria-brailleroledescription":{defaultValue:null,description:"Defines a human-readable, author-localized abbreviated description for the role of an element, which is intended to be converted into Braille.\n@see aria-roledescription.",name:"aria-brailleroledescription",required:!1,type:{name:"string"}},"aria-busy":{defaultValue:null,description:"",name:"aria-busy",required:!1,type:{name:"Booleanish"}},"aria-checked":{defaultValue:null,description:'Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.\n@see aria-pressed\n@see aria-selected.',name:"aria-checked",required:!1,type:{name:'boolean | "true" | "false" | "mixed"'}},"aria-colcount":{defaultValue:null,description:"Defines the total number of columns in a table, grid, or treegrid.\n@see aria-colindex.",name:"aria-colcount",required:!1,type:{name:"number"}},"aria-colindex":{defaultValue:null,description:"Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid.\n@see aria-colcount\n@see aria-colspan.",name:"aria-colindex",required:!1,type:{name:"number"}},"aria-colindextext":{defaultValue:null,description:"Defines a human readable text alternative of aria-colindex.\n@see aria-rowindextext.",name:"aria-colindextext",required:!1,type:{name:"string"}},"aria-colspan":{defaultValue:null,description:"Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-colindex\n@see aria-rowspan.",name:"aria-colspan",required:!1,type:{name:"number"}},"aria-controls":{defaultValue:null,description:"Identifies the element (or elements) whose contents or presence are controlled by the current element.\n@see aria-owns.",name:"aria-controls",required:!1,type:{name:"string"}},"aria-current":{defaultValue:null,description:"Indicates the element that represents the current item within a container or set of related elements.",name:"aria-current",required:!1,type:{name:'boolean | "step" | "true" | "false" | "page" | "location" | "date" | "time"'}},"aria-describedby":{defaultValue:null,description:"Identifies the element (or elements) that describes the object.\n@see aria-labelledby",name:"aria-describedby",required:!1,type:{name:"string"}},"aria-description":{defaultValue:null,description:"Defines a string value that describes or annotates the current element.\n@see related aria-describedby.",name:"aria-description",required:!1,type:{name:"string"}},"aria-details":{defaultValue:null,description:"Identifies the element that provides a detailed, extended description for the object.\n@see aria-describedby.",name:"aria-details",required:!1,type:{name:"string"}},"aria-disabled":{defaultValue:null,description:"Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.\n@see aria-hidden\n@see aria-readonly.",name:"aria-disabled",required:!1,type:{name:"Booleanish"}},"aria-dropeffect":{defaultValue:null,description:"Indicates what functions can be performed when a dragged object is released on the drop target.\n@deprecated in ARIA 1.1",name:"aria-dropeffect",required:!1,type:{name:'"none" | "link" | "copy" | "execute" | "move" | "popup"'}},"aria-errormessage":{defaultValue:null,description:"Identifies the element that provides an error message for the object.\n@see aria-invalid\n@see aria-describedby.",name:"aria-errormessage",required:!1,type:{name:"string"}},"aria-expanded":{defaultValue:null,description:"Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed.",name:"aria-expanded",required:!1,type:{name:"Booleanish"}},"aria-flowto":{defaultValue:null,description:"Identifies the next element (or elements) in an alternate reading order of content which, at the user's discretion,\nallows assistive technology to override the general default of reading in document source order.",name:"aria-flowto",required:!1,type:{name:"string"}},"aria-grabbed":{defaultValue:null,description:'Indicates an element\'s "grabbed" state in a drag-and-drop operation.\n@deprecated in ARIA 1.1',name:"aria-grabbed",required:!1,type:{name:"Booleanish"}},"aria-haspopup":{defaultValue:null,description:"Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element.",name:"aria-haspopup",required:!1,type:{name:'boolean | "true" | "false" | "dialog" | "grid" | "listbox" | "menu" | "tree"'}},"aria-hidden":{defaultValue:null,description:"Indicates whether the element is exposed to an accessibility API.\n@see aria-disabled.",name:"aria-hidden",required:!1,type:{name:"Booleanish"}},"aria-invalid":{defaultValue:null,description:"Indicates the entered value does not conform to the format expected by the application.\n@see aria-errormessage.",name:"aria-invalid",required:!1,type:{name:'boolean | "true" | "false" | "grammar" | "spelling"'}},"aria-keyshortcuts":{defaultValue:null,description:"Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element.",name:"aria-keyshortcuts",required:!1,type:{name:"string"}},"aria-label":{defaultValue:null,description:"Defines a string value that labels the current element.\n@see aria-labelledby.",name:"aria-label",required:!1,type:{name:"string"}},"aria-labelledby":{defaultValue:null,description:"Identifies the element (or elements) that labels the current element.\n@see aria-describedby.",name:"aria-labelledby",required:!1,type:{name:"string"}},"aria-level":{defaultValue:null,description:"Defines the hierarchical level of an element within a structure.",name:"aria-level",required:!1,type:{name:"number"}},"aria-live":{defaultValue:null,description:"Indicates that an element will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region.",name:"aria-live",required:!1,type:{name:'"off" | "assertive" | "polite"'}},"aria-modal":{defaultValue:null,description:"Indicates whether an element is modal when displayed.",name:"aria-modal",required:!1,type:{name:"Booleanish"}},"aria-multiline":{defaultValue:null,description:"Indicates whether a text box accepts multiple lines of input or only a single line.",name:"aria-multiline",required:!1,type:{name:"Booleanish"}},"aria-multiselectable":{defaultValue:null,description:"Indicates that the user may select more than one item from the current selectable descendants.",name:"aria-multiselectable",required:!1,type:{name:"Booleanish"}},"aria-orientation":{defaultValue:null,description:"Indicates whether the element's orientation is horizontal, vertical, or unknown/ambiguous.",name:"aria-orientation",required:!1,type:{name:'"horizontal" | "vertical"'}},"aria-owns":{defaultValue:null,description:"Identifies an element (or elements) in order to define a visual, functional, or contextual parent/child relationship\nbetween DOM elements where the DOM hierarchy cannot be used to represent the relationship.\n@see aria-controls.",name:"aria-owns",required:!1,type:{name:"string"}},"aria-placeholder":{defaultValue:null,description:"Defines a short hint (a word or short phrase) intended to aid the user with data entry when the control has no value.\nA hint could be a sample value or a brief description of the expected format.",name:"aria-placeholder",required:!1,type:{name:"string"}},"aria-posinset":{defaultValue:null,description:"Defines an element's number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.\n@see aria-setsize.",name:"aria-posinset",required:!1,type:{name:"number"}},"aria-pressed":{defaultValue:null,description:'Indicates the current "pressed" state of toggle buttons.\n@see aria-checked\n@see aria-selected.',name:"aria-pressed",required:!1,type:{name:'boolean | "true" | "false" | "mixed"'}},"aria-readonly":{defaultValue:null,description:"Indicates that the element is not editable, but is otherwise operable.\n@see aria-disabled.",name:"aria-readonly",required:!1,type:{name:"Booleanish"}},"aria-relevant":{defaultValue:null,description:"Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified.\n@see aria-atomic.",name:"aria-relevant",required:!1,type:{name:'"text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals"'}},"aria-required":{defaultValue:null,description:"Indicates that user input is required on the element before a form may be submitted.",name:"aria-required",required:!1,type:{name:"Booleanish"}},"aria-roledescription":{defaultValue:null,description:"Defines a human-readable, author-localized description for the role of an element.",name:"aria-roledescription",required:!1,type:{name:"string"}},"aria-rowcount":{defaultValue:null,description:"Defines the total number of rows in a table, grid, or treegrid.\n@see aria-rowindex.",name:"aria-rowcount",required:!1,type:{name:"number"}},"aria-rowindex":{defaultValue:null,description:"Defines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid.\n@see aria-rowcount\n@see aria-rowspan.",name:"aria-rowindex",required:!1,type:{name:"number"}},"aria-rowindextext":{defaultValue:null,description:"Defines a human readable text alternative of aria-rowindex.\n@see aria-colindextext.",name:"aria-rowindextext",required:!1,type:{name:"string"}},"aria-rowspan":{defaultValue:null,description:"Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-rowindex\n@see aria-colspan.",name:"aria-rowspan",required:!1,type:{name:"number"}},"aria-selected":{defaultValue:null,description:'Indicates the current "selected" state of various widgets.\n@see aria-checked\n@see aria-pressed.',name:"aria-selected",required:!1,type:{name:"Booleanish"}},"aria-setsize":{defaultValue:null,description:"Defines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.\n@see aria-posinset.",name:"aria-setsize",required:!1,type:{name:"number"}},"aria-sort":{defaultValue:null,description:"Indicates if items in a table or grid are sorted in ascending or descending order.",name:"aria-sort",required:!1,type:{name:'"none" | "ascending" | "descending" | "other"'}},"aria-valuemax":{defaultValue:null,description:"Defines the maximum allowed value for a range widget.",name:"aria-valuemax",required:!1,type:{name:"number"}},"aria-valuemin":{defaultValue:null,description:"Defines the minimum allowed value for a range widget.",name:"aria-valuemin",required:!1,type:{name:"number"}},"aria-valuenow":{defaultValue:null,description:"Defines the current value for a range widget.\n@see aria-valuetext.",name:"aria-valuenow",required:!1,type:{name:"number"}},"aria-valuetext":{defaultValue:null,description:"Defines the human readable text alternative of aria-valuenow for a range widget.",name:"aria-valuetext",required:!1,type:{name:"string"}},dangerouslySetInnerHTML:{defaultValue:null,description:"",name:"dangerouslySetInnerHTML",required:!1,type:{name:"{ __html: string | TrustedHTML; }"}},onCopy:{defaultValue:null,description:"",name:"onCopy",required:!1,type:{name:"ClipboardEventHandler"}},onCopyCapture:{defaultValue:null,description:"",name:"onCopyCapture",required:!1,type:{name:"ClipboardEventHandler"}},onCut:{defaultValue:null,description:"",name:"onCut",required:!1,type:{name:"ClipboardEventHandler"}},onCutCapture:{defaultValue:null,description:"",name:"onCutCapture",required:!1,type:{name:"ClipboardEventHandler"}},onPaste:{defaultValue:null,description:"",name:"onPaste",required:!1,type:{name:"ClipboardEventHandler"}},onPasteCapture:{defaultValue:null,description:"",name:"onPasteCapture",required:!1,type:{name:"ClipboardEventHandler"}},onCompositionEnd:{defaultValue:null,description:"",name:"onCompositionEnd",required:!1,type:{name:"CompositionEventHandler"}},onCompositionEndCapture:{defaultValue:null,description:"",name:"onCompositionEndCapture",required:!1,type:{name:"CompositionEventHandler"}},onCompositionStart:{defaultValue:null,description:"",name:"onCompositionStart",required:!1,type:{name:"CompositionEventHandler"}},onCompositionStartCapture:{defaultValue:null,description:"",name:"onCompositionStartCapture",required:!1,type:{name:"CompositionEventHandler"}},onCompositionUpdate:{defaultValue:null,description:"",name:"onCompositionUpdate",required:!1,type:{name:"CompositionEventHandler"}},onCompositionUpdateCapture:{defaultValue:null,description:"",name:"onCompositionUpdateCapture",required:!1,type:{name:"CompositionEventHandler"}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"FocusEventHandler"}},onFocusCapture:{defaultValue:null,description:"",name:"onFocusCapture",required:!1,type:{name:"FocusEventHandler"}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"FocusEventHandler"}},onBlurCapture:{defaultValue:null,description:"",name:"onBlurCapture",required:!1,type:{name:"FocusEventHandler"}},onChangeCapture:{defaultValue:null,description:"",name:"onChangeCapture",required:!1,type:{name:"FormEventHandler"}},onBeforeInput:{defaultValue:null,description:"",name:"onBeforeInput",required:!1,type:{name:"FormEventHandler"}},onBeforeInputCapture:{defaultValue:null,description:"",name:"onBeforeInputCapture",required:!1,type:{name:"FormEventHandler"}},onInput:{defaultValue:null,description:"",name:"onInput",required:!1,type:{name:"FormEventHandler"}},onInputCapture:{defaultValue:null,description:"",name:"onInputCapture",required:!1,type:{name:"FormEventHandler"}},onReset:{defaultValue:null,description:"",name:"onReset",required:!1,type:{name:"FormEventHandler"}},onResetCapture:{defaultValue:null,description:"",name:"onResetCapture",required:!1,type:{name:"FormEventHandler"}},onSubmit:{defaultValue:null,description:"",name:"onSubmit",required:!1,type:{name:"FormEventHandler"}},onSubmitCapture:{defaultValue:null,description:"",name:"onSubmitCapture",required:!1,type:{name:"FormEventHandler"}},onInvalid:{defaultValue:null,description:"",name:"onInvalid",required:!1,type:{name:"FormEventHandler"}},onInvalidCapture:{defaultValue:null,description:"",name:"onInvalidCapture",required:!1,type:{name:"FormEventHandler"}},onLoad:{defaultValue:null,description:"",name:"onLoad",required:!1,type:{name:"ReactEventHandler"}},onLoadCapture:{defaultValue:null,description:"",name:"onLoadCapture",required:!1,type:{name:"ReactEventHandler"}},onError:{defaultValue:null,description:"",name:"onError",required:!1,type:{name:"ReactEventHandler"}},onErrorCapture:{defaultValue:null,description:"",name:"onErrorCapture",required:!1,type:{name:"ReactEventHandler"}},onKeyDown:{defaultValue:null,description:"",name:"onKeyDown",required:!1,type:{name:"KeyboardEventHandler"}},onKeyDownCapture:{defaultValue:null,description:"",name:"onKeyDownCapture",required:!1,type:{name:"KeyboardEventHandler"}},onKeyPress:{defaultValue:null,description:"@deprecated",name:"onKeyPress",required:!1,type:{name:"KeyboardEventHandler"}},onKeyPressCapture:{defaultValue:null,description:"@deprecated",name:"onKeyPressCapture",required:!1,type:{name:"KeyboardEventHandler"}},onKeyUp:{defaultValue:null,description:"",name:"onKeyUp",required:!1,type:{name:"KeyboardEventHandler"}},onKeyUpCapture:{defaultValue:null,description:"",name:"onKeyUpCapture",required:!1,type:{name:"KeyboardEventHandler"}},onAbort:{defaultValue:null,description:"",name:"onAbort",required:!1,type:{name:"ReactEventHandler"}},onAbortCapture:{defaultValue:null,description:"",name:"onAbortCapture",required:!1,type:{name:"ReactEventHandler"}},onCanPlay:{defaultValue:null,description:"",name:"onCanPlay",required:!1,type:{name:"ReactEventHandler"}},onCanPlayCapture:{defaultValue:null,description:"",name:"onCanPlayCapture",required:!1,type:{name:"ReactEventHandler"}},onCanPlayThrough:{defaultValue:null,description:"",name:"onCanPlayThrough",required:!1,type:{name:"ReactEventHandler"}},onCanPlayThroughCapture:{defaultValue:null,description:"",name:"onCanPlayThroughCapture",required:!1,type:{name:"ReactEventHandler"}},onDurationChange:{defaultValue:null,description:"",name:"onDurationChange",required:!1,type:{name:"ReactEventHandler"}},onDurationChangeCapture:{defaultValue:null,description:"",name:"onDurationChangeCapture",required:!1,type:{name:"ReactEventHandler"}},onEmptied:{defaultValue:null,description:"",name:"onEmptied",required:!1,type:{name:"ReactEventHandler"}},onEmptiedCapture:{defaultValue:null,description:"",name:"onEmptiedCapture",required:!1,type:{name:"ReactEventHandler"}},onEncrypted:{defaultValue:null,description:"",name:"onEncrypted",required:!1,type:{name:"ReactEventHandler"}},onEncryptedCapture:{defaultValue:null,description:"",name:"onEncryptedCapture",required:!1,type:{name:"ReactEventHandler"}},onEnded:{defaultValue:null,description:"",name:"onEnded",required:!1,type:{name:"ReactEventHandler"}},onEndedCapture:{defaultValue:null,description:"",name:"onEndedCapture",required:!1,type:{name:"ReactEventHandler"}},onLoadedData:{defaultValue:null,description:"",name:"onLoadedData",required:!1,type:{name:"ReactEventHandler"}},onLoadedDataCapture:{defaultValue:null,description:"",name:"onLoadedDataCapture",required:!1,type:{name:"ReactEventHandler"}},onLoadedMetadata:{defaultValue:null,description:"",name:"onLoadedMetadata",required:!1,type:{name:"ReactEventHandler"}},onLoadedMetadataCapture:{defaultValue:null,description:"",name:"onLoadedMetadataCapture",required:!1,type:{name:"ReactEventHandler"}},onLoadStart:{defaultValue:null,description:"",name:"onLoadStart",required:!1,type:{name:"ReactEventHandler"}},onLoadStartCapture:{defaultValue:null,description:"",name:"onLoadStartCapture",required:!1,type:{name:"ReactEventHandler"}},onPause:{defaultValue:null,description:"",name:"onPause",required:!1,type:{name:"ReactEventHandler"}},onPauseCapture:{defaultValue:null,description:"",name:"onPauseCapture",required:!1,type:{name:"ReactEventHandler"}},onPlay:{defaultValue:null,description:"",name:"onPlay",required:!1,type:{name:"ReactEventHandler"}},onPlayCapture:{defaultValue:null,description:"",name:"onPlayCapture",required:!1,type:{name:"ReactEventHandler"}},onPlaying:{defaultValue:null,description:"",name:"onPlaying",required:!1,type:{name:"ReactEventHandler"}},onPlayingCapture:{defaultValue:null,description:"",name:"onPlayingCapture",required:!1,type:{name:"ReactEventHandler"}},onProgress:{defaultValue:null,description:"",name:"onProgress",required:!1,type:{name:"ReactEventHandler"}},onProgressCapture:{defaultValue:null,description:"",name:"onProgressCapture",required:!1,type:{name:"ReactEventHandler"}},onRateChange:{defaultValue:null,description:"",name:"onRateChange",required:!1,type:{name:"ReactEventHandler"}},onRateChangeCapture:{defaultValue:null,description:"",name:"onRateChangeCapture",required:!1,type:{name:"ReactEventHandler"}},onResize:{defaultValue:null,description:"",name:"onResize",required:!1,type:{name:"ReactEventHandler"}},onResizeCapture:{defaultValue:null,description:"",name:"onResizeCapture",required:!1,type:{name:"ReactEventHandler"}},onSeeked:{defaultValue:null,description:"",name:"onSeeked",required:!1,type:{name:"ReactEventHandler"}},onSeekedCapture:{defaultValue:null,description:"",name:"onSeekedCapture",required:!1,type:{name:"ReactEventHandler"}},onSeeking:{defaultValue:null,description:"",name:"onSeeking",required:!1,type:{name:"ReactEventHandler"}},onSeekingCapture:{defaultValue:null,description:"",name:"onSeekingCapture",required:!1,type:{name:"ReactEventHandler"}},onStalled:{defaultValue:null,description:"",name:"onStalled",required:!1,type:{name:"ReactEventHandler"}},onStalledCapture:{defaultValue:null,description:"",name:"onStalledCapture",required:!1,type:{name:"ReactEventHandler"}},onSuspend:{defaultValue:null,description:"",name:"onSuspend",required:!1,type:{name:"ReactEventHandler"}},onSuspendCapture:{defaultValue:null,description:"",name:"onSuspendCapture",required:!1,type:{name:"ReactEventHandler"}},onTimeUpdate:{defaultValue:null,description:"",name:"onTimeUpdate",required:!1,type:{name:"ReactEventHandler"}},onTimeUpdateCapture:{defaultValue:null,description:"",name:"onTimeUpdateCapture",required:!1,type:{name:"ReactEventHandler"}},onVolumeChange:{defaultValue:null,description:"",name:"onVolumeChange",required:!1,type:{name:"ReactEventHandler"}},onVolumeChangeCapture:{defaultValue:null,description:"",name:"onVolumeChangeCapture",required:!1,type:{name:"ReactEventHandler"}},onWaiting:{defaultValue:null,description:"",name:"onWaiting",required:!1,type:{name:"ReactEventHandler"}},onWaitingCapture:{defaultValue:null,description:"",name:"onWaitingCapture",required:!1,type:{name:"ReactEventHandler"}},onAuxClick:{defaultValue:null,description:"",name:"onAuxClick",required:!1,type:{name:"MouseEventHandler"}},onAuxClickCapture:{defaultValue:null,description:"",name:"onAuxClickCapture",required:!1,type:{name:"MouseEventHandler"}},onClickCapture:{defaultValue:null,description:"",name:"onClickCapture",required:!1,type:{name:"MouseEventHandler"}},onContextMenu:{defaultValue:null,description:"",name:"onContextMenu",required:!1,type:{name:"MouseEventHandler"}},onContextMenuCapture:{defaultValue:null,description:"",name:"onContextMenuCapture",required:!1,type:{name:"MouseEventHandler"}},onDoubleClick:{defaultValue:null,description:"",name:"onDoubleClick",required:!1,type:{name:"MouseEventHandler"}},onDoubleClickCapture:{defaultValue:null,description:"",name:"onDoubleClickCapture",required:!1,type:{name:"MouseEventHandler"}},onDrag:{defaultValue:null,description:"",name:"onDrag",required:!1,type:{name:"DragEventHandler"}},onDragCapture:{defaultValue:null,description:"",name:"onDragCapture",required:!1,type:{name:"DragEventHandler"}},onDragEnd:{defaultValue:null,description:"",name:"onDragEnd",required:!1,type:{name:"DragEventHandler"}},onDragEndCapture:{defaultValue:null,description:"",name:"onDragEndCapture",required:!1,type:{name:"DragEventHandler"}},onDragEnter:{defaultValue:null,description:"",name:"onDragEnter",required:!1,type:{name:"DragEventHandler"}},onDragEnterCapture:{defaultValue:null,description:"",name:"onDragEnterCapture",required:!1,type:{name:"DragEventHandler"}},onDragExit:{defaultValue:null,description:"",name:"onDragExit",required:!1,type:{name:"DragEventHandler"}},onDragExitCapture:{defaultValue:null,description:"",name:"onDragExitCapture",required:!1,type:{name:"DragEventHandler"}},onDragLeave:{defaultValue:null,description:"",name:"onDragLeave",required:!1,type:{name:"DragEventHandler"}},onDragLeaveCapture:{defaultValue:null,description:"",name:"onDragLeaveCapture",required:!1,type:{name:"DragEventHandler"}},onDragOver:{defaultValue:null,description:"",name:"onDragOver",required:!1,type:{name:"DragEventHandler"}},onDragOverCapture:{defaultValue:null,description:"",name:"onDragOverCapture",required:!1,type:{name:"DragEventHandler"}},onDragStart:{defaultValue:null,description:"",name:"onDragStart",required:!1,type:{name:"DragEventHandler"}},onDragStartCapture:{defaultValue:null,description:"",name:"onDragStartCapture",required:!1,type:{name:"DragEventHandler"}},onDrop:{defaultValue:null,description:"",name:"onDrop",required:!1,type:{name:"DragEventHandler"}},onDropCapture:{defaultValue:null,description:"",name:"onDropCapture",required:!1,type:{name:"DragEventHandler"}},onMouseDown:{defaultValue:null,description:"",name:"onMouseDown",required:!1,type:{name:"MouseEventHandler"}},onMouseDownCapture:{defaultValue:null,description:"",name:"onMouseDownCapture",required:!1,type:{name:"MouseEventHandler"}},onMouseEnter:{defaultValue:null,description:"",name:"onMouseEnter",required:!1,type:{name:"MouseEventHandler"}},onMouseLeave:{defaultValue:null,description:"",name:"onMouseLeave",required:!1,type:{name:"MouseEventHandler"}},onMouseMove:{defaultValue:null,description:"",name:"onMouseMove",required:!1,type:{name:"MouseEventHandler"}},onMouseMoveCapture:{defaultValue:null,description:"",name:"onMouseMoveCapture",required:!1,type:{name:"MouseEventHandler"}},onMouseOut:{defaultValue:null,description:"",name:"onMouseOut",required:!1,type:{name:"MouseEventHandler"}},onMouseOutCapture:{defaultValue:null,description:"",name:"onMouseOutCapture",required:!1,type:{name:"MouseEventHandler"}},onMouseOver:{defaultValue:null,description:"",name:"onMouseOver",required:!1,type:{name:"MouseEventHandler"}},onMouseOverCapture:{defaultValue:null,description:"",name:"onMouseOverCapture",required:!1,type:{name:"MouseEventHandler"}},onMouseUp:{defaultValue:null,description:"",name:"onMouseUp",required:!1,type:{name:"MouseEventHandler"}},onMouseUpCapture:{defaultValue:null,description:"",name:"onMouseUpCapture",required:!1,type:{name:"MouseEventHandler"}},onSelect:{defaultValue:null,description:"",name:"onSelect",required:!1,type:{name:"ReactEventHandler"}},onSelectCapture:{defaultValue:null,description:"",name:"onSelectCapture",required:!1,type:{name:"ReactEventHandler"}},onTouchCancel:{defaultValue:null,description:"",name:"onTouchCancel",required:!1,type:{name:"TouchEventHandler"}},onTouchCancelCapture:{defaultValue:null,description:"",name:"onTouchCancelCapture",required:!1,type:{name:"TouchEventHandler"}},onTouchEnd:{defaultValue:null,description:"",name:"onTouchEnd",required:!1,type:{name:"TouchEventHandler"}},onTouchEndCapture:{defaultValue:null,description:"",name:"onTouchEndCapture",required:!1,type:{name:"TouchEventHandler"}},onTouchMove:{defaultValue:null,description:"",name:"onTouchMove",required:!1,type:{name:"TouchEventHandler"}},onTouchMoveCapture:{defaultValue:null,description:"",name:"onTouchMoveCapture",required:!1,type:{name:"TouchEventHandler"}},onTouchStart:{defaultValue:null,description:"",name:"onTouchStart",required:!1,type:{name:"TouchEventHandler"}},onTouchStartCapture:{defaultValue:null,description:"",name:"onTouchStartCapture",required:!1,type:{name:"TouchEventHandler"}},onPointerDown:{defaultValue:null,description:"",name:"onPointerDown",required:!1,type:{name:"PointerEventHandler"}},onPointerDownCapture:{defaultValue:null,description:"",name:"onPointerDownCapture",required:!1,type:{name:"PointerEventHandler"}},onPointerMove:{defaultValue:null,description:"",name:"onPointerMove",required:!1,type:{name:"PointerEventHandler"}},onPointerMoveCapture:{defaultValue:null,description:"",name:"onPointerMoveCapture",required:!1,type:{name:"PointerEventHandler"}},onPointerUp:{defaultValue:null,description:"",name:"onPointerUp",required:!1,type:{name:"PointerEventHandler"}},onPointerUpCapture:{defaultValue:null,description:"",name:"onPointerUpCapture",required:!1,type:{name:"PointerEventHandler"}},onPointerCancel:{defaultValue:null,description:"",name:"onPointerCancel",required:!1,type:{name:"PointerEventHandler"}},onPointerCancelCapture:{defaultValue:null,description:"",name:"onPointerCancelCapture",required:!1,type:{name:"PointerEventHandler"}},onPointerEnter:{defaultValue:null,description:"",name:"onPointerEnter",required:!1,type:{name:"PointerEventHandler"}},onPointerLeave:{defaultValue:null,description:"",name:"onPointerLeave",required:!1,type:{name:"PointerEventHandler"}},onPointerOver:{defaultValue:null,description:"",name:"onPointerOver",required:!1,type:{name:"PointerEventHandler"}},onPointerOverCapture:{defaultValue:null,description:"",name:"onPointerOverCapture",required:!1,type:{name:"PointerEventHandler"}},onPointerOut:{defaultValue:null,description:"",name:"onPointerOut",required:!1,type:{name:"PointerEventHandler"}},onPointerOutCapture:{defaultValue:null,description:"",name:"onPointerOutCapture",required:!1,type:{name:"PointerEventHandler"}},onGotPointerCapture:{defaultValue:null,description:"",name:"onGotPointerCapture",required:!1,type:{name:"PointerEventHandler"}},onGotPointerCaptureCapture:{defaultValue:null,description:"",name:"onGotPointerCaptureCapture",required:!1,type:{name:"PointerEventHandler"}},onLostPointerCapture:{defaultValue:null,description:"",name:"onLostPointerCapture",required:!1,type:{name:"PointerEventHandler"}},onLostPointerCaptureCapture:{defaultValue:null,description:"",name:"onLostPointerCaptureCapture",required:!1,type:{name:"PointerEventHandler"}},onScroll:{defaultValue:null,description:"",name:"onScroll",required:!1,type:{name:"UIEventHandler"}},onScrollCapture:{defaultValue:null,description:"",name:"onScrollCapture",required:!1,type:{name:"UIEventHandler"}},onWheel:{defaultValue:null,description:"",name:"onWheel",required:!1,type:{name:"WheelEventHandler"}},onWheelCapture:{defaultValue:null,description:"",name:"onWheelCapture",required:!1,type:{name:"WheelEventHandler"}},onAnimationStart:{defaultValue:null,description:"",name:"onAnimationStart",required:!1,type:{name:"AnimationEventHandler"}},onAnimationStartCapture:{defaultValue:null,description:"",name:"onAnimationStartCapture",required:!1,type:{name:"AnimationEventHandler"}},onAnimationEnd:{defaultValue:null,description:"",name:"onAnimationEnd",required:!1,type:{name:"AnimationEventHandler"}},onAnimationEndCapture:{defaultValue:null,description:"",name:"onAnimationEndCapture",required:!1,type:{name:"AnimationEventHandler"}},onAnimationIteration:{defaultValue:null,description:"",name:"onAnimationIteration",required:!1,type:{name:"AnimationEventHandler"}},onAnimationIterationCapture:{defaultValue:null,description:"",name:"onAnimationIterationCapture",required:!1,type:{name:"AnimationEventHandler"}},onTransitionEnd:{defaultValue:null,description:"",name:"onTransitionEnd",required:!1,type:{name:"TransitionEventHandler"}},onTransitionEndCapture:{defaultValue:null,description:"",name:"onTransitionEndCapture",required:!1,type:{name:"TransitionEventHandler"}},placeHolder:{defaultValue:null,description:"Input placeholder text. Displayed until option is selected.\n@deprecated Use `placeholder`",name:"placeHolder",required:!1,type:{name:"string"}},onChanged:{defaultValue:null,description:"@deprecated Use `onChange` instead.",name:"onChanged",required:!1,type:{name:"(option: IDropdownOption, index?: number) => void"}},onRenderPlaceholder:{defaultValue:null,description:"Optional custom renderer for placeholder text",name:"onRenderPlaceholder",required:!1,type:{name:"IRenderFunction"}},onRenderPlaceHolder:{defaultValue:null,description:"Optional custom renderer for placeholder text\n@deprecated Use `onRenderPlaceholder`",name:"onRenderPlaceHolder",required:!1,type:{name:"IRenderFunction"}},onRenderTitle:{defaultValue:null,description:"Optional custom renderer for selected option displayed in input",name:"onRenderTitle",required:!1,type:{name:"IRenderFunction[]>"}},onRenderCaretDown:{defaultValue:null,description:"Optional custom renderer for chevron icon",name:"onRenderCaretDown",required:!1,type:{name:"IRenderFunction"}},dropdownWidth:{defaultValue:null,description:"Custom width for dropdown. If value is 0, width of the input field is used.\nIf value is 'auto', width of the input field is used by default, and it can grow wider to fit the content.\n@defaultvalue 0",name:"dropdownWidth",required:!1,type:{name:'number | "auto"'}},responsiveMode:{defaultValue:null,description:"Pass in ResponsiveMode to manually overwrite the way the Dropdown renders.\nResponsiveMode.large would, for instance, disable the behavior where Dropdown options\nget rendered into a Panel while ResponsiveMode.small would result in the Dropdown\noptions always getting rendered in a Panel.",name:"responsiveMode",required:!1,type:{name:"ResponsiveMode"}},defaultSelectedKeys:{defaultValue:null,description:"Keys that will be initially used to set selected items. This prop is used for `multiSelect`\nscenarios. In other cases, `defaultSelectedKey` should be used.",name:"defaultSelectedKeys",required:!1,type:{name:"number[] | string[]"}},selectedKeys:{defaultValue:null,description:"Keys of the selected items. If you provide this, you must maintain selection\nstate by observing onChange events and passing a new value in when changed.\nPassing null in will clear the selection.\nMutually exclusive with `defaultSelectedKeys`.",name:"selectedKeys",required:!1,type:{name:"number[] | string[]"}},multiSelectDelimiter:{defaultValue:null,description:'When multiple items are selected, this still will be used to separate values in\nthe dropdown title.\n@defaultvalue ", "',name:"multiSelectDelimiter",required:!1,type:{name:"string"}},notifyOnReselect:{defaultValue:null,description:"Optional preference to have onChanged still be called when an already selected item is\nclicked in single select mode. Default to false",name:"notifyOnReselect",required:!1,type:{name:"boolean"}},isDisabled:{defaultValue:null,description:"@deprecated Use `disabled` instead. Deprecated at v0.52.0.",name:"isDisabled",required:!1,type:{name:"boolean"}},defaultSelectedKey:{defaultValue:null,description:"The key(s) that will be initially used to set a selected item.\n\nMutually exclusive with `selectedKey`.\nFor Dropdown (but not ComboBox) in multi-select mode, use `defaultSelectedKeys` instead.",name:"defaultSelectedKey",required:!1,type:{name:"string | number | number[] | string[]"}},multiSelect:{defaultValue:null,description:"Whether multi-choice selections are allowed or not.\n@defaultvalue false",name:"multiSelect",required:!1,type:{name:"boolean"}},onRenderContainer:{defaultValue:null,description:"Optional custom renderer for the option list container",name:"onRenderContainer",required:!1,type:{name:"IRenderFunction>"}},onRenderList:{defaultValue:null,description:"Optional custom renderer for the option list",name:"onRenderList",required:!1,type:{name:"IRenderFunction>"}},onRenderItem:{defaultValue:null,description:"Optional custom renderer for all items, including headers and dividers as well as normal options.",name:"onRenderItem",required:!1,type:{name:"IRenderFunction>"}},onRenderOption:{defaultValue:null,description:"Optional custom renderer for normal and header options only.\nUse `onRenderItem` to control rendering for separators as well.",name:"onRenderOption",required:!1,type:{name:"IRenderFunction>"}},calloutProps:{defaultValue:null,description:"Custom properties for the Callout used to render the option list.",name:"calloutProps",required:!1,type:{name:"ICalloutProps"}},panelProps:{defaultValue:null,description:"Custom properties for the Panel used to render the option list on small devices.",name:"panelProps",required:!1,type:{name:"IPanelProps"}},openOnKeyboardFocus:{defaultValue:null,description:"Whether or not the ComboBox/Dropdown should expand on keyboard focus.\n@defaultvalue false",name:"openOnKeyboardFocus",required:!1,type:{name:"boolean"}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"LegacyRef"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../components/src/EnumDropdown/EnumDropdown.tsx#EnumDropdown"]={docgenInfo:EnumDropdown.__docgenInfo,name:"EnumDropdown",path:"../components/src/EnumDropdown/EnumDropdown.tsx#EnumDropdown"})}catch(__react_docgen_typescript_loader_error){}var Stuff;!function(Stuff){Stuff.First="one",Stuff.Second="two",Stuff.Another="three",Stuff.CamelCase="camelcase"}(Stuff||(Stuff={}));const EnumDropdown_stories={title:"@essex:components/EnumDropdown",component:EnumDropdown,args:{enumeration:Stuff}},Primary={name:"EnumDropdown"};Primary.parameters={...Primary.parameters,docs:{...Primary.parameters?.docs,source:{originalSource:"{\n name: 'EnumDropdown'\n}",...Primary.parameters?.docs?.source}}}}}]); \ No newline at end of file diff --git a/storybook/components-src-EnumDropdown-EnumDropdown-stories.5487b468.iframe.bundle.js.LICENSE.txt b/storybook/components-src-EnumDropdown-EnumDropdown-stories.fae991a2.iframe.bundle.js.LICENSE.txt similarity index 100% rename from storybook/components-src-EnumDropdown-EnumDropdown-stories.5487b468.iframe.bundle.js.LICENSE.txt rename to storybook/components-src-EnumDropdown-EnumDropdown-stories.fae991a2.iframe.bundle.js.LICENSE.txt diff --git a/storybook/components-src-MultiDropdown-MultiDropdown-stories.6b635ad3.iframe.bundle.js b/storybook/components-src-MultiDropdown-MultiDropdown-stories.6b635ad3.iframe.bundle.js new file mode 100644 index 00000000..a7ab8c56 --- /dev/null +++ b/storybook/components-src-MultiDropdown-MultiDropdown-stories.6b635ad3.iframe.bundle.js @@ -0,0 +1,2 @@ +/*! For license information please see components-src-MultiDropdown-MultiDropdown-stories.6b635ad3.iframe.bundle.js.LICENSE.txt */ +"use strict";(self.webpackChunkessex_toolkit_stories=self.webpackChunkessex_toolkit_stories||[]).push([[4102],{"../components/src/MultiDropdown/MultiDropdown.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Primary:()=>Primary,default:()=>__WEBPACK_DEFAULT_EXPORT__});var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../.yarn/cache/react-npm-18.3.1-af38f3c1ae-261137d3f3.zip/node_modules/react/jsx-runtime.js"),react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../.yarn/cache/react-npm-18.3.1-af38f3c1ae-261137d3f3.zip/node_modules/react/index.js"),_MultiDropdown_js__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../components/src/MultiDropdown/MultiDropdown.tsx");const __WEBPACK_DEFAULT_EXPORT__={title:"@essex:components/MultiDropdown",component:_MultiDropdown_js__WEBPACK_IMPORTED_MODULE_2__.X,args:{options:[{key:"one",text:"One"},{key:"two",text:"Two"},{key:"three",text:"Three"},{key:"four",text:"Four"}]}},PrimaryComponent=args=>{const[selectedKeys,setSelectedKeys]=(0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(["one"]),onChange=(0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(((_event,option)=>{setSelectedKeys((prev=>option?.selected?[...prev,option?.key]:prev.filter((d=>d!==option?.key))))}),[setSelectedKeys]),onChangeAll=(0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(((_event,options)=>setSelectedKeys(options?.map((opt=>opt.key))||[])),[setSelectedKeys]);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_MultiDropdown_js__WEBPACK_IMPORTED_MODULE_2__.X,{...args,selectedKeys,onChange,onChangeAll})},Primary={render:args=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(PrimaryComponent,{...args}),name:"MultiDropdown"};Primary.parameters={...Primary.parameters,docs:{...Primary.parameters?.docs,source:{originalSource:"{\n render: (args: MultiDropdownProps) => ,\n name: 'MultiDropdown'\n}",...Primary.parameters?.docs?.source}}}},"../components/src/MultiDropdown/MultiDropdown.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{X:()=>MultiDropdown});var jsx_runtime=__webpack_require__("../../.yarn/cache/react-npm-18.3.1-af38f3c1ae-261137d3f3.zip/node_modules/react/jsx-runtime.js"),lib_commonjs=__webpack_require__("../../.yarn/__virtual__/@fluentui-react-virtual-de7476e3d6/0/cache/@fluentui-react-npm-8.118.9-93c5d7c0a7-1806e7182f.zip/node_modules/@fluentui/react/lib-commonjs/index.js"),react=__webpack_require__("../../.yarn/cache/react-npm-18.3.1-af38f3c1ae-261137d3f3.zip/node_modules/react/index.js");const wrapperStyle={display:"flex",justifyContent:"space-between",gap:4},linkStyles={root:{textAlign:"center",width:"100%"}},divider={key:"--divider--",text:"-",itemType:1,selected:!1},actions={key:"--actions--",text:"",itemType:2,selected:!1};function useDropdownOptions(options){return(0,react.useMemo)((()=>[actions,divider,...options]),[options])}try{useDropdownOptions.displayName="useDropdownOptions",useDropdownOptions.__docgenInfo={description:"",displayName:"useDropdownOptions",props:{length:{defaultValue:null,description:"Gets or sets the length of the array. This is a number one higher than the highest index in the array.",name:"length",required:!0,type:{name:"number"}},toString:{defaultValue:null,description:"Returns a string representation of an array.",name:"toString",required:!1,type:{name:"() => string"}},toLocaleString:{defaultValue:null,description:"Returns a string representation of an array. The elements are converted to string using their toLocaleString methods.",name:"toLocaleString",required:!1,type:{name:"{ (): string; (locales: string | string[], options?: NumberFormatOptions & DateTimeFormatOptions): string; }"}},pop:{defaultValue:null,description:"Removes the last element from an array and returns it.\nIf the array is empty, undefined is returned and the array is not modified.",name:"pop",required:!0,type:{name:"() => IDropdownOption"}},push:{defaultValue:null,description:"Appends new elements to the end of an array, and returns the new length of the array.\n@param items New elements to add to the array.",name:"push",required:!0,type:{name:"(...items: IDropdownOption[]) => number"}},concat:{defaultValue:null,description:"Combines two or more arrays.\nThis method returns a new array without modifying any existing arrays.\n@param items Additional arrays and/or items to add to the end of the array.\n@param items Additional arrays and/or items to add to the end of the array.",name:"concat",required:!0,type:{name:"{ (...items: ConcatArray>[]): IDropdownOption[]; (...items: (IDropdownOption | ConcatArray>)[]): IDropdownOption<...>[]; }"}},join:{defaultValue:null,description:"Adds all the elements of an array into a string, separated by the specified separator string.\n@param separator A string used to separate one element of the array from the next in the resulting string. If omitted, the array elements are separated with a comma.",name:"join",required:!0,type:{name:"(separator?: string) => string"}},reverse:{defaultValue:null,description:"Reverses the elements in an array in place.\nThis method mutates the array and returns a reference to the same array.",name:"reverse",required:!0,type:{name:"() => IDropdownOption[]"}},shift:{defaultValue:null,description:"Removes the first element from an array and returns it.\nIf the array is empty, undefined is returned and the array is not modified.",name:"shift",required:!0,type:{name:"() => IDropdownOption"}},slice:{defaultValue:null,description:"Returns a copy of a section of an array.\nFor both start and end, a negative index can be used to indicate an offset from the end of the array.\nFor example, -2 refers to the second to last element of the array.\n@param start The beginning index of the specified portion of the array.\nIf start is undefined, then the slice begins at index 0.\n@param end The end index of the specified portion of the array. This is exclusive of the element at the index 'end'.\nIf end is undefined, then the slice extends to the end of the array.",name:"slice",required:!0,type:{name:"(start?: number, end?: number) => IDropdownOption[]"}},sort:{defaultValue:null,description:"Sorts an array in place.\nThis method mutates the array and returns a reference to the same array.\n@param compareFn Function used to determine the order of the elements. It is expected to return\na negative value if the first argument is less than the second argument, zero if they're equal, and a positive\nvalue otherwise. If omitted, the elements are sorted in ascending, ASCII character order.\n```ts\n[11,2,22,1].sort((a, b) => a - b)\n```",name:"sort",required:!0,type:{name:"(compareFn?: (a: IDropdownOption, b: IDropdownOption) => number) => IDropdownOption[]"}},splice:{defaultValue:null,description:"Removes elements from an array and, if necessary, inserts new elements in their place, returning the deleted elements.\n@param start The zero-based location in the array from which to start removing elements.\n@param deleteCount The number of elements to remove.\n@returns An array containing the elements that were deleted.\n@param start The zero-based location in the array from which to start removing elements.\n@param deleteCount The number of elements to remove.\n@param items Elements to insert into the array in place of the deleted elements.\n@returns An array containing the elements that were deleted.",name:"splice",required:!0,type:{name:"{ (start: number, deleteCount?: number): IDropdownOption[]; (start: number, deleteCount: number, ...items: IDropdownOption[]): IDropdownOption[]; }"}},unshift:{defaultValue:null,description:"Inserts new elements at the start of an array, and returns the new length of the array.\n@param items Elements to insert at the start of the array.",name:"unshift",required:!0,type:{name:"(...items: IDropdownOption[]) => number"}},indexOf:{defaultValue:null,description:"Returns the index of the first occurrence of a value in an array, or -1 if it is not present.\n@param searchElement The value to locate in the array.\n@param fromIndex The array index at which to begin the search. If fromIndex is omitted, the search starts at index 0.",name:"indexOf",required:!0,type:{name:"(searchElement: IDropdownOption, fromIndex?: number) => number"}},lastIndexOf:{defaultValue:null,description:"Returns the index of the last occurrence of a specified value in an array, or -1 if it is not present.\n@param searchElement The value to locate in the array.\n@param fromIndex The array index at which to begin searching backward. If fromIndex is omitted, the search starts at the last index in the array.",name:"lastIndexOf",required:!0,type:{name:"(searchElement: IDropdownOption, fromIndex?: number) => number"}},every:{defaultValue:null,description:"Determines whether all the members of an array satisfy the specified test.\n@param predicate A function that accepts up to three arguments. The every method calls\nthe predicate function for each element in the array until the predicate returns a value\nwhich is coercible to the Boolean value false, or until the end of the array.\n@param thisArg An object to which the this keyword can refer in the predicate function.\nIf thisArg is omitted, undefined is used as the this value.\n@param predicate A function that accepts up to three arguments. The every method calls\nthe predicate function for each element in the array until the predicate returns a value\nwhich is coercible to the Boolean value false, or until the end of the array.\n@param thisArg An object to which the this keyword can refer in the predicate function.\nIf thisArg is omitted, undefined is used as the this value.",name:"every",required:!0,type:{name:"{ >(predicate: (value: IDropdownOption, index: number, array: IDropdownOption[]) => value is S, thisArg?: any): this is S[]; (predicate: (value: IDropdownOption<...>, index: number, array: IDropdownOption<...>[]) => unknown, thisArg?: any): boolean; }"}},some:{defaultValue:null,description:"Determines whether the specified callback function returns true for any element of an array.\n@param predicate A function that accepts up to three arguments. The some method calls\nthe predicate function for each element in the array until the predicate returns a value\nwhich is coercible to the Boolean value true, or until the end of the array.\n@param thisArg An object to which the this keyword can refer in the predicate function.\nIf thisArg is omitted, undefined is used as the this value.",name:"some",required:!0,type:{name:"(predicate: (value: IDropdownOption, index: number, array: IDropdownOption[]) => unknown, thisArg?: any) => boolean"}},forEach:{defaultValue:null,description:"Performs the specified action for each element in an array.\n@param callbackfn A function that accepts up to three arguments. forEach calls the callbackfn function one time for each element in the array.\n@param thisArg An object to which the this keyword can refer in the callbackfn function. If thisArg is omitted, undefined is used as the this value.",name:"forEach",required:!0,type:{name:"(callbackfn: (value: IDropdownOption, index: number, array: IDropdownOption[]) => void, thisArg?: any) => void"}},map:{defaultValue:null,description:"Calls a defined callback function on each element of an array, and returns an array that contains the results.\n@param callbackfn A function that accepts up to three arguments. The map method calls the callbackfn function one time for each element in the array.\n@param thisArg An object to which the this keyword can refer in the callbackfn function. If thisArg is omitted, undefined is used as the this value.",name:"map",required:!0,type:{name:"(callbackfn: (value: IDropdownOption, index: number, array: IDropdownOption[]) => U, thisArg?: any) => U[]"}},filter:{defaultValue:null,description:"Returns the elements of an array that meet the condition specified in a callback function.\n@param predicate A function that accepts up to three arguments. The filter method calls the predicate function one time for each element in the array.\n@param thisArg An object to which the this keyword can refer in the predicate function. If thisArg is omitted, undefined is used as the this value.\n@param predicate A function that accepts up to three arguments. The filter method calls the predicate function one time for each element in the array.\n@param thisArg An object to which the this keyword can refer in the predicate function. If thisArg is omitted, undefined is used as the this value.",name:"filter",required:!0,type:{name:"{ >(predicate: (value: IDropdownOption, index: number, array: IDropdownOption[]) => value is S, thisArg?: any): S[]; (predicate: (value: IDropdownOption<...>, index: number, array: IDropdownOption<...>[]) => unknown, thisArg?: any): IDropdownOption<...>[]; }"}},reduce:{defaultValue:null,description:"Calls the specified callback function for all the elements in an array. The return value of the callback function is the accumulated result, and is provided as an argument in the next call to the callback function.\n@param callbackfn A function that accepts up to four arguments. The reduce method calls the callbackfn function one time for each element in the array.\n@param initialValue If initialValue is specified, it is used as the initial value to start the accumulation. The first call to the callbackfn function provides this value as an argument instead of an array value.\n@param callbackfn A function that accepts up to four arguments. The reduce method calls the callbackfn function one time for each element in the array.\n@param initialValue If initialValue is specified, it is used as the initial value to start the accumulation. The first call to the callbackfn function provides this value as an argument instead of an array value.",name:"reduce",required:!0,type:{name:"{ (callbackfn: (previousValue: IDropdownOption, currentValue: IDropdownOption, currentIndex: number, array: IDropdownOption[]) => IDropdownOption<...>): IDropdownOption<...>; (callbackfn: (previousValue: IDropdownOption<...>, currentValue: IDropdownOption<...>, currentIndex: number, array: IDropdownOp..."}},reduceRight:{defaultValue:null,description:"Calls the specified callback function for all the elements in an array, in descending order. The return value of the callback function is the accumulated result, and is provided as an argument in the next call to the callback function.\n@param callbackfn A function that accepts up to four arguments. The reduceRight method calls the callbackfn function one time for each element in the array.\n@param initialValue If initialValue is specified, it is used as the initial value to start the accumulation. The first call to the callbackfn function provides this value as an argument instead of an array value.\n@param callbackfn A function that accepts up to four arguments. The reduceRight method calls the callbackfn function one time for each element in the array.\n@param initialValue If initialValue is specified, it is used as the initial value to start the accumulation. The first call to the callbackfn function provides this value as an argument instead of an array value.",name:"reduceRight",required:!0,type:{name:"{ (callbackfn: (previousValue: IDropdownOption, currentValue: IDropdownOption, currentIndex: number, array: IDropdownOption[]) => IDropdownOption<...>): IDropdownOption<...>; (callbackfn: (previousValue: IDropdownOption<...>, currentValue: IDropdownOption<...>, currentIndex: number, array: IDropdownOp..."}},find:{defaultValue:null,description:"Returns the value of the first element in the array where predicate is true, and undefined\notherwise.\n@param predicate find calls predicate once for each element of the array, in ascending\norder, until it finds one where predicate returns true. If such an element is found, find\nimmediately returns that element value. Otherwise, find returns undefined.\n@param thisArg If provided, it will be used as the this value for each invocation of\npredicate. If it is not provided, undefined is used instead.",name:"find",required:!0,type:{name:"{ >(predicate: (value: IDropdownOption, index: number, obj: IDropdownOption[]) => value is S, thisArg?: any): S; (predicate: (value: IDropdownOption<...>, index: number, obj: IDropdownOption<...>[]) => unknown, thisArg?: any): IDropdownOption<...>; }"}},findIndex:{defaultValue:null,description:"Returns the index of the first element in the array where predicate is true, and -1\notherwise.\n@param predicate find calls predicate once for each element of the array, in ascending\norder, until it finds one where predicate returns true. If such an element is found,\nfindIndex immediately returns that element index. Otherwise, findIndex returns -1.\n@param thisArg If provided, it will be used as the this value for each invocation of\npredicate. If it is not provided, undefined is used instead.",name:"findIndex",required:!0,type:{name:"(predicate: (value: IDropdownOption, index: number, obj: IDropdownOption[]) => unknown, thisArg?: any) => number"}},fill:{defaultValue:null,description:"Changes all array elements from `start` to `end` index to a static `value` and returns the modified array\n@param value value to fill array section with\n@param start index to start filling the array at. If start is negative, it is treated as\nlength+start where length is the length of the array.\n@param end index to stop filling the array at. If end is negative, it is treated as\nlength+end.",name:"fill",required:!0,type:{name:"(value: IDropdownOption, start?: number, end?: number) => IDropdownOption[]"}},copyWithin:{defaultValue:null,description:"Returns the this object after copying a section of the array identified by start and end\nto the same array starting at position target\n@param target If target is negative, it is treated as length+target where length is the\nlength of the array.\n@param start If start is negative, it is treated as length+start. If end is negative, it\nis treated as length+end.\n@param end If not specified, length of the this object is used as its default value.",name:"copyWithin",required:!0,type:{name:"(target: number, start: number, end?: number) => IDropdownOption[]"}},entries:{defaultValue:null,description:"Returns an iterable of key, value pairs for every entry in the array",name:"entries",required:!0,type:{name:"() => IterableIterator<[number, IDropdownOption]>"}},keys:{defaultValue:null,description:"Returns an iterable of keys in the array",name:"keys",required:!0,type:{name:"() => IterableIterator"}},values:{defaultValue:null,description:"Returns an iterable of values in the array",name:"values",required:!0,type:{name:"() => IterableIterator>"}},includes:{defaultValue:null,description:"Determines whether an array includes a certain element, returning true or false as appropriate.\n@param searchElement The element to search for.\n@param fromIndex The position in this array at which to begin searching for searchElement.",name:"includes",required:!0,type:{name:"(searchElement: IDropdownOption, fromIndex?: number) => boolean"}},flatMap:{defaultValue:null,description:"Calls a defined callback function on each element of an array. Then, flattens the result into\na new array.\nThis is identical to a map followed by flat with depth 1.\n@param callback A function that accepts up to three arguments. The flatMap method calls the\ncallback function one time for each element in the array.\n@param thisArg An object to which the this keyword can refer in the callback function. If\nthisArg is omitted, undefined is used as the this value.",name:"flatMap",required:!0,type:{name:"(callback: (this: This, value: IDropdownOption, index: number, array: IDropdownOption[]) => U | readonly U[], thisArg?: This) => U[]"}},flat:{defaultValue:null,description:"Returns a new array with all sub-array elements concatenated into it recursively up to the\nspecified depth.\n@param depth The maximum recursion depth",name:"flat",required:!0,type:{name:"(this: A, depth?: D) => FlatArray[]"}},at:{defaultValue:null,description:"Returns the item located at the specified index.\n@param index The zero-based index of the desired code unit. A negative index will count back from the last item.",name:"at",required:!0,type:{name:"(index: number) => IDropdownOption"}},findLast:{defaultValue:null,description:"Returns the value of the last element in the array where predicate is true, and undefined\notherwise.\n@param predicate findLast calls predicate once for each element of the array, in descending\norder, until it finds one where predicate returns true. If such an element is found, findLast\nimmediately returns that element value. Otherwise, findLast returns undefined.\n@param thisArg If provided, it will be used as the this value for each invocation of\npredicate. If it is not provided, undefined is used instead.",name:"findLast",required:!0,type:{name:"{ >(predicate: (value: IDropdownOption, index: number, array: IDropdownOption[]) => value is S, thisArg?: any): S; (predicate: (value: IDropdownOption<...>, index: number, array: IDropdownOption<...>[]) => unknown, thisArg?: any): IDropdownOption<...>; }"}},findLastIndex:{defaultValue:null,description:"Returns the index of the last element in the array where predicate is true, and -1\notherwise.\n@param predicate findLastIndex calls predicate once for each element of the array, in descending\norder, until it finds one where predicate returns true. If such an element is found,\nfindLastIndex immediately returns that element index. Otherwise, findLastIndex returns -1.\n@param thisArg If provided, it will be used as the this value for each invocation of\npredicate. If it is not provided, undefined is used instead.",name:"findLastIndex",required:!0,type:{name:"(predicate: (value: IDropdownOption, index: number, array: IDropdownOption[]) => unknown, thisArg?: any) => number"}},toReversed:{defaultValue:null,description:"Returns a copy of an array with its elements reversed.",name:"toReversed",required:!0,type:{name:"() => IDropdownOption[]"}},toSorted:{defaultValue:null,description:"Returns a copy of an array with its elements sorted.\n@param compareFn Function used to determine the order of the elements. It is expected to return\na negative value if the first argument is less than the second argument, zero if they're equal, and a positive\nvalue otherwise. If omitted, the elements are sorted in ascending, ASCII character order.\n```ts\n[11, 2, 22, 1].toSorted((a, b) => a - b) // [1, 2, 11, 22]\n```",name:"toSorted",required:!0,type:{name:"(compareFn?: (a: IDropdownOption, b: IDropdownOption) => number) => IDropdownOption[]"}},toSpliced:{defaultValue:null,description:"Copies an array and removes elements and, if necessary, inserts new elements in their place. Returns the copied array.\nCopies an array and removes elements while returning the remaining elements.\n@param start The zero-based location in the array from which to start removing elements.\n@param deleteCount The number of elements to remove.\n@param items Elements to insert into the copied array in place of the deleted elements.\n@returns The copied array.\n@param start The zero-based location in the array from which to start removing elements.\n@param deleteCount The number of elements to remove.\n@returns A copy of the original array with the remaining elements.",name:"toSpliced",required:!0,type:{name:"{ (start: number, deleteCount: number, ...items: IDropdownOption[]): IDropdownOption[]; (start: number, deleteCount?: number): IDropdownOption[]; }"}},with:{defaultValue:null,description:"Copies an array, then overwrites the value at the provided index with the\ngiven value. If the index is negative, then it replaces from the end\nof the array.\n@param index The index of the value to overwrite. If the index is\nnegative, then it replaces from the end of the array.\n@param value The value to write into the copied array.\n@returns The copied array with the updated value.",name:"with",required:!0,type:{name:"(index: number, value: IDropdownOption) => IDropdownOption[]"}},"__@iterator@14":{defaultValue:null,description:"Iterator",name:"__@iterator@14",required:!0,type:{name:"() => IterableIterator>"}},"__@unscopables@92":{defaultValue:null,description:"Is an object whose properties have the value 'true'\nwhen they will be absent when used in a 'with' statement.",name:"__@unscopables@92",required:!0,type:{name:"{ [x: number]: boolean; length?: boolean; toString?: boolean; toLocaleString?: boolean; pop?: boolean; push?: boolean; concat?: boolean; join?: boolean; reverse?: boolean; shift?: boolean; slice?: boolean; sort?: boolean; ... 29 more ...; readonly [Symbol.unscopables]?: boolean; }"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../components/src/MultiDropdown/MultiDropdown.hooks.tsx#useDropdownOptions"]={docgenInfo:useDropdownOptions.__docgenInfo,name:"useDropdownOptions",path:"../components/src/MultiDropdown/MultiDropdown.hooks.tsx#useDropdownOptions"})}catch(__react_docgen_typescript_loader_error){}const MultiDropdown=(0,react.memo)((function MultiDropdown({options,onChangeAll,...props}){const opts=useDropdownOptions(options),handleRenderOption=function useOptionRenderer(options,onChangeAll){const handleSelectAll=(0,react.useCallback)((event=>onChangeAll?.(event,options.map((o=>({...o,selected:!0}))),options.map(((_o,i)=>i)))),[onChangeAll,options]),handleSelectNone=(0,react.useCallback)((event=>onChangeAll?.(event)),[onChangeAll]);return(0,react.useCallback)((option=>"--actions--"===option?.key?(0,jsx_runtime.jsxs)("div",{style:wrapperStyle,children:[(0,jsx_runtime.jsx)(lib_commonjs.Link,{styles:linkStyles,onClick:handleSelectAll,children:"All"}),(0,jsx_runtime.jsx)(lib_commonjs.Separator,{vertical:!0}),(0,jsx_runtime.jsx)(lib_commonjs.Link,{styles:linkStyles,onClick:handleSelectNone,children:"None"})]}):(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:option?.text})),[handleSelectAll,handleSelectNone])}(options,onChangeAll);return(0,jsx_runtime.jsx)(lib_commonjs.Dropdown,{multiSelect:!0,options:opts,onRenderOption:handleRenderOption,...props})}));try{MultiDropdown.displayName="MultiDropdown",MultiDropdown.__docgenInfo={description:"Dropdown wrapper to manage multi-select with a select all/none helper.",displayName:"MultiDropdown",props:{onChangeAll:{defaultValue:null,description:"",name:"onChangeAll",required:!1,type:{name:"(event: MouseEvent, options?: IDropdownOption<...>[], indexes?: number[]) => void"}},placeHolder:{defaultValue:null,description:"Input placeholder text. Displayed until option is selected.\n@deprecated Use `placeholder`",name:"placeHolder",required:!1,type:{name:"string"}},options:{defaultValue:null,description:"Options for the dropdown. If using `defaultSelectedKey` or `defaultSelectedKeys`, options must be\npure for correct behavior.",name:"options",required:!0,type:{name:"IDropdownOption[]"}},onChange:{defaultValue:null,description:"Callback issued when the selected option changes.",name:"onChange",required:!1,type:{name:"(event: FormEvent, option?: IDropdownOption, index?: number) => void"}},onChanged:{defaultValue:null,description:"@deprecated Use `onChange` instead.",name:"onChanged",required:!1,type:{name:"(option: IDropdownOption, index?: number) => void"}},onRenderLabel:{defaultValue:null,description:"Custom render function for the label.",name:"onRenderLabel",required:!1,type:{name:"IRenderFunction"}},onRenderPlaceholder:{defaultValue:null,description:"Optional custom renderer for placeholder text",name:"onRenderPlaceholder",required:!1,type:{name:"IRenderFunction"}},onRenderPlaceHolder:{defaultValue:null,description:"Optional custom renderer for placeholder text\n@deprecated Use `onRenderPlaceholder`",name:"onRenderPlaceHolder",required:!1,type:{name:"IRenderFunction"}},onRenderTitle:{defaultValue:null,description:"Optional custom renderer for selected option displayed in input",name:"onRenderTitle",required:!1,type:{name:"IRenderFunction[]>"}},onRenderCaretDown:{defaultValue:null,description:"Optional custom renderer for chevron icon",name:"onRenderCaretDown",required:!1,type:{name:"IRenderFunction"}},dropdownWidth:{defaultValue:null,description:"Custom width for dropdown. If value is 0, width of the input field is used.\nIf value is 'auto', width of the input field is used by default, and it can grow wider to fit the content.\n@defaultvalue 0",name:"dropdownWidth",required:!1,type:{name:'number | "auto"'}},responsiveMode:{defaultValue:null,description:"Pass in ResponsiveMode to manually overwrite the way the Dropdown renders.\nResponsiveMode.large would, for instance, disable the behavior where Dropdown options\nget rendered into a Panel while ResponsiveMode.small would result in the Dropdown\noptions always getting rendered in a Panel.",name:"responsiveMode",required:!1,type:{name:"ResponsiveMode"}},defaultSelectedKeys:{defaultValue:null,description:"Keys that will be initially used to set selected items. This prop is used for `multiSelect`\nscenarios. In other cases, `defaultSelectedKey` should be used.",name:"defaultSelectedKeys",required:!1,type:{name:"number[] | string[]"}},selectedKeys:{defaultValue:null,description:"Keys of the selected items. If you provide this, you must maintain selection\nstate by observing onChange events and passing a new value in when changed.\nPassing null in will clear the selection.\nMutually exclusive with `defaultSelectedKeys`.",name:"selectedKeys",required:!1,type:{name:"number[] | string[]"}},multiSelectDelimiter:{defaultValue:null,description:'When multiple items are selected, this still will be used to separate values in\nthe dropdown title.\n@defaultvalue ", "',name:"multiSelectDelimiter",required:!1,type:{name:"string"}},notifyOnReselect:{defaultValue:null,description:"Optional preference to have onChanged still be called when an already selected item is\nclicked in single select mode. Default to false",name:"notifyOnReselect",required:!1,type:{name:"boolean"}},isDisabled:{defaultValue:null,description:"@deprecated Use `disabled` instead. Deprecated at v0.52.0.",name:"isDisabled",required:!1,type:{name:"boolean"}},theme:{defaultValue:null,description:"Theme provided by higher order component.",name:"theme",required:!1,type:{name:"ITheme"}},styles:{defaultValue:null,description:"Call to provide customized styling that will layer on top of the variant rules.",name:"styles",required:!1,type:{name:"IStyleFunctionOrObject"}},componentRef:{defaultValue:null,description:"Optional callback to access the component interface (usually `IDropdown` or `IComboBox`).\nUse this instead of `ref` for accessing the public methods and properties of the component.",name:"componentRef",required:!1,type:{name:"IRefObject"}},label:{defaultValue:null,description:"Descriptive label for the field",name:"label",required:!1,type:{name:"string"}},ariaLabel:{defaultValue:null,description:"Aria Label for the field for screen reader users.",name:"ariaLabel",required:!1,type:{name:"string"}},id:{defaultValue:null,description:"ID of the field",name:"id",required:!1,type:{name:"string"}},className:{defaultValue:null,description:"Additional class name for the root element.",name:"className",required:!1,type:{name:"string"}},defaultSelectedKey:{defaultValue:null,description:"The key(s) that will be initially used to set a selected item.\n\nMutually exclusive with `selectedKey`.\nFor Dropdown (but not ComboBox) in multi-select mode, use `defaultSelectedKeys` instead.",name:"defaultSelectedKey",required:!1,type:{name:"string | number | number[] | string[]"}},selectedKey:{defaultValue:null,description:"The key(s) of the selected item. If you provide this, you must maintain selection\nstate by observing onChange events and passing a new value in when changed.\nNote that passing in `null` will cause selection to be reset.\n\nMutually exclusive with `defaultSelectedKey`.\nFor Dropdown (but not ComboBox) in multi-select mode, use `selectedKeys` instead.",name:"selectedKey",required:!1,type:{name:"string | number | number[] | string[]"}},multiSelect:{defaultValue:null,description:"Whether multi-choice selections are allowed or not.\n@defaultvalue false",name:"multiSelect",required:!1,type:{name:"boolean"}},onRenderContainer:{defaultValue:null,description:"Optional custom renderer for the option list container",name:"onRenderContainer",required:!1,type:{name:"IRenderFunction>"}},onRenderList:{defaultValue:null,description:"Optional custom renderer for the option list",name:"onRenderList",required:!1,type:{name:"IRenderFunction>"}},onRenderItem:{defaultValue:null,description:"Optional custom renderer for all items, including headers and dividers as well as normal options.",name:"onRenderItem",required:!1,type:{name:"IRenderFunction>"}},onRenderOption:{defaultValue:null,description:"Optional custom renderer for normal and header options only.\nUse `onRenderItem` to control rendering for separators as well.",name:"onRenderOption",required:!1,type:{name:"IRenderFunction>"}},onDismiss:{defaultValue:null,description:"Callback for when the options list callout is dismissed",name:"onDismiss",required:!1,type:{name:"() => void"}},disabled:{defaultValue:null,description:"Whether or not the field is disabled.",name:"disabled",required:!1,type:{name:"boolean"}},required:{defaultValue:null,description:"Whether or not the field is required.",name:"required",required:!1,type:{name:"boolean"}},calloutProps:{defaultValue:null,description:"Custom properties for the Callout used to render the option list.",name:"calloutProps",required:!1,type:{name:"ICalloutProps"}},panelProps:{defaultValue:null,description:"Custom properties for the Panel used to render the option list on small devices.",name:"panelProps",required:!1,type:{name:"IPanelProps"}},errorMessage:{defaultValue:null,description:"Error message for the field.",name:"errorMessage",required:!1,type:{name:"string"}},placeholder:{defaultValue:null,description:"Input placeholder text. Displayed until option is selected.",name:"placeholder",required:!1,type:{name:"string"}},openOnKeyboardFocus:{defaultValue:null,description:"Whether or not the ComboBox/Dropdown should expand on keyboard focus.\n@defaultvalue false",name:"openOnKeyboardFocus",required:!1,type:{name:"boolean"}},defaultChecked:{defaultValue:null,description:"",name:"defaultChecked",required:!1,type:{name:"boolean"}},defaultValue:{defaultValue:null,description:"",name:"defaultValue",required:!1,type:{name:"string | number | readonly string[]"}},suppressContentEditableWarning:{defaultValue:null,description:"",name:"suppressContentEditableWarning",required:!1,type:{name:"boolean"}},suppressHydrationWarning:{defaultValue:null,description:"",name:"suppressHydrationWarning",required:!1,type:{name:"boolean"}},accessKey:{defaultValue:null,description:"",name:"accessKey",required:!1,type:{name:"string"}},autoFocus:{defaultValue:null,description:"",name:"autoFocus",required:!1,type:{name:"boolean"}},contentEditable:{defaultValue:null,description:"",name:"contentEditable",required:!1,type:{name:'Booleanish | "inherit" | "plaintext-only"'}},contextMenu:{defaultValue:null,description:"",name:"contextMenu",required:!1,type:{name:"string"}},dir:{defaultValue:null,description:"",name:"dir",required:!1,type:{name:"string"}},draggable:{defaultValue:null,description:"",name:"draggable",required:!1,type:{name:"Booleanish"}},hidden:{defaultValue:null,description:"",name:"hidden",required:!1,type:{name:"boolean"}},lang:{defaultValue:null,description:"",name:"lang",required:!1,type:{name:"string"}},nonce:{defaultValue:null,description:"",name:"nonce",required:!1,type:{name:"string"}},slot:{defaultValue:null,description:"",name:"slot",required:!1,type:{name:"string"}},spellCheck:{defaultValue:null,description:"",name:"spellCheck",required:!1,type:{name:"Booleanish"}},style:{defaultValue:null,description:"",name:"style",required:!1,type:{name:"CSSProperties"}},tabIndex:{defaultValue:null,description:"",name:"tabIndex",required:!1,type:{name:"number"}},title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"string"}},translate:{defaultValue:null,description:"",name:"translate",required:!1,type:{name:'"yes" | "no"'}},radioGroup:{defaultValue:null,description:"",name:"radioGroup",required:!1,type:{name:"string"}},role:{defaultValue:null,description:"",name:"role",required:!1,type:{name:"AriaRole"}},about:{defaultValue:null,description:"",name:"about",required:!1,type:{name:"string"}},content:{defaultValue:null,description:"",name:"content",required:!1,type:{name:"string"}},datatype:{defaultValue:null,description:"",name:"datatype",required:!1,type:{name:"string"}},inlist:{defaultValue:null,description:"",name:"inlist",required:!1,type:{name:"any"}},prefix:{defaultValue:null,description:"",name:"prefix",required:!1,type:{name:"string"}},property:{defaultValue:null,description:"",name:"property",required:!1,type:{name:"string"}},rel:{defaultValue:null,description:"",name:"rel",required:!1,type:{name:"string"}},resource:{defaultValue:null,description:"",name:"resource",required:!1,type:{name:"string"}},rev:{defaultValue:null,description:"",name:"rev",required:!1,type:{name:"string"}},typeof:{defaultValue:null,description:"",name:"typeof",required:!1,type:{name:"string"}},vocab:{defaultValue:null,description:"",name:"vocab",required:!1,type:{name:"string"}},autoCapitalize:{defaultValue:null,description:"",name:"autoCapitalize",required:!1,type:{name:"string"}},autoCorrect:{defaultValue:null,description:"",name:"autoCorrect",required:!1,type:{name:"string"}},autoSave:{defaultValue:null,description:"",name:"autoSave",required:!1,type:{name:"string"}},color:{defaultValue:null,description:"",name:"color",required:!1,type:{name:"string"}},itemProp:{defaultValue:null,description:"",name:"itemProp",required:!1,type:{name:"string"}},itemScope:{defaultValue:null,description:"",name:"itemScope",required:!1,type:{name:"boolean"}},itemType:{defaultValue:null,description:"",name:"itemType",required:!1,type:{name:"string"}},itemID:{defaultValue:null,description:"",name:"itemID",required:!1,type:{name:"string"}},itemRef:{defaultValue:null,description:"",name:"itemRef",required:!1,type:{name:"string"}},results:{defaultValue:null,description:"",name:"results",required:!1,type:{name:"number"}},security:{defaultValue:null,description:"",name:"security",required:!1,type:{name:"string"}},unselectable:{defaultValue:null,description:"",name:"unselectable",required:!1,type:{name:'"on" | "off"'}},inputMode:{defaultValue:null,description:"Hints at the type of data that might be entered by the user while editing the element or its contents\n@see {@link https://html.spec.whatwg.org/multipage/interaction.html#input-modalities:-the-inputmode-attribute}",name:"inputMode",required:!1,type:{name:'"text" | "none" | "search" | "tel" | "url" | "email" | "numeric" | "decimal"'}},is:{defaultValue:null,description:"Specify that a standard HTML element should behave like a defined custom built-in element\n@see {@link https://html.spec.whatwg.org/multipage/custom-elements.html#attr-is}",name:"is",required:!1,type:{name:"string"}},"aria-activedescendant":{defaultValue:null,description:"Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.",name:"aria-activedescendant",required:!1,type:{name:"string"}},"aria-atomic":{defaultValue:null,description:"Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute.",name:"aria-atomic",required:!1,type:{name:"Booleanish"}},"aria-autocomplete":{defaultValue:null,description:"Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be\npresented if they are made.",name:"aria-autocomplete",required:!1,type:{name:'"none" | "list" | "inline" | "both"'}},"aria-braillelabel":{defaultValue:null,description:"Defines a string value that labels the current element, which is intended to be converted into Braille.\n@see aria-label.",name:"aria-braillelabel",required:!1,type:{name:"string"}},"aria-brailleroledescription":{defaultValue:null,description:"Defines a human-readable, author-localized abbreviated description for the role of an element, which is intended to be converted into Braille.\n@see aria-roledescription.",name:"aria-brailleroledescription",required:!1,type:{name:"string"}},"aria-busy":{defaultValue:null,description:"",name:"aria-busy",required:!1,type:{name:"Booleanish"}},"aria-checked":{defaultValue:null,description:'Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.\n@see aria-pressed\n@see aria-selected.',name:"aria-checked",required:!1,type:{name:'boolean | "true" | "false" | "mixed"'}},"aria-colcount":{defaultValue:null,description:"Defines the total number of columns in a table, grid, or treegrid.\n@see aria-colindex.",name:"aria-colcount",required:!1,type:{name:"number"}},"aria-colindex":{defaultValue:null,description:"Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid.\n@see aria-colcount\n@see aria-colspan.",name:"aria-colindex",required:!1,type:{name:"number"}},"aria-colindextext":{defaultValue:null,description:"Defines a human readable text alternative of aria-colindex.\n@see aria-rowindextext.",name:"aria-colindextext",required:!1,type:{name:"string"}},"aria-colspan":{defaultValue:null,description:"Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-colindex\n@see aria-rowspan.",name:"aria-colspan",required:!1,type:{name:"number"}},"aria-controls":{defaultValue:null,description:"Identifies the element (or elements) whose contents or presence are controlled by the current element.\n@see aria-owns.",name:"aria-controls",required:!1,type:{name:"string"}},"aria-current":{defaultValue:null,description:"Indicates the element that represents the current item within a container or set of related elements.",name:"aria-current",required:!1,type:{name:'boolean | "step" | "true" | "false" | "page" | "location" | "date" | "time"'}},"aria-describedby":{defaultValue:null,description:"Identifies the element (or elements) that describes the object.\n@see aria-labelledby",name:"aria-describedby",required:!1,type:{name:"string"}},"aria-description":{defaultValue:null,description:"Defines a string value that describes or annotates the current element.\n@see related aria-describedby.",name:"aria-description",required:!1,type:{name:"string"}},"aria-details":{defaultValue:null,description:"Identifies the element that provides a detailed, extended description for the object.\n@see aria-describedby.",name:"aria-details",required:!1,type:{name:"string"}},"aria-disabled":{defaultValue:null,description:"Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.\n@see aria-hidden\n@see aria-readonly.",name:"aria-disabled",required:!1,type:{name:"Booleanish"}},"aria-dropeffect":{defaultValue:null,description:"Indicates what functions can be performed when a dragged object is released on the drop target.\n@deprecated in ARIA 1.1",name:"aria-dropeffect",required:!1,type:{name:'"none" | "link" | "copy" | "execute" | "move" | "popup"'}},"aria-errormessage":{defaultValue:null,description:"Identifies the element that provides an error message for the object.\n@see aria-invalid\n@see aria-describedby.",name:"aria-errormessage",required:!1,type:{name:"string"}},"aria-expanded":{defaultValue:null,description:"Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed.",name:"aria-expanded",required:!1,type:{name:"Booleanish"}},"aria-flowto":{defaultValue:null,description:"Identifies the next element (or elements) in an alternate reading order of content which, at the user's discretion,\nallows assistive technology to override the general default of reading in document source order.",name:"aria-flowto",required:!1,type:{name:"string"}},"aria-grabbed":{defaultValue:null,description:'Indicates an element\'s "grabbed" state in a drag-and-drop operation.\n@deprecated in ARIA 1.1',name:"aria-grabbed",required:!1,type:{name:"Booleanish"}},"aria-haspopup":{defaultValue:null,description:"Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element.",name:"aria-haspopup",required:!1,type:{name:'boolean | "true" | "false" | "dialog" | "grid" | "listbox" | "menu" | "tree"'}},"aria-hidden":{defaultValue:null,description:"Indicates whether the element is exposed to an accessibility API.\n@see aria-disabled.",name:"aria-hidden",required:!1,type:{name:"Booleanish"}},"aria-invalid":{defaultValue:null,description:"Indicates the entered value does not conform to the format expected by the application.\n@see aria-errormessage.",name:"aria-invalid",required:!1,type:{name:'boolean | "true" | "false" | "grammar" | "spelling"'}},"aria-keyshortcuts":{defaultValue:null,description:"Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element.",name:"aria-keyshortcuts",required:!1,type:{name:"string"}},"aria-label":{defaultValue:null,description:"Defines a string value that labels the current element.\n@see aria-labelledby.",name:"aria-label",required:!1,type:{name:"string"}},"aria-labelledby":{defaultValue:null,description:"Identifies the element (or elements) that labels the current element.\n@see aria-describedby.",name:"aria-labelledby",required:!1,type:{name:"string"}},"aria-level":{defaultValue:null,description:"Defines the hierarchical level of an element within a structure.",name:"aria-level",required:!1,type:{name:"number"}},"aria-live":{defaultValue:null,description:"Indicates that an element will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region.",name:"aria-live",required:!1,type:{name:'"off" | "assertive" | "polite"'}},"aria-modal":{defaultValue:null,description:"Indicates whether an element is modal when displayed.",name:"aria-modal",required:!1,type:{name:"Booleanish"}},"aria-multiline":{defaultValue:null,description:"Indicates whether a text box accepts multiple lines of input or only a single line.",name:"aria-multiline",required:!1,type:{name:"Booleanish"}},"aria-multiselectable":{defaultValue:null,description:"Indicates that the user may select more than one item from the current selectable descendants.",name:"aria-multiselectable",required:!1,type:{name:"Booleanish"}},"aria-orientation":{defaultValue:null,description:"Indicates whether the element's orientation is horizontal, vertical, or unknown/ambiguous.",name:"aria-orientation",required:!1,type:{name:'"horizontal" | "vertical"'}},"aria-owns":{defaultValue:null,description:"Identifies an element (or elements) in order to define a visual, functional, or contextual parent/child relationship\nbetween DOM elements where the DOM hierarchy cannot be used to represent the relationship.\n@see aria-controls.",name:"aria-owns",required:!1,type:{name:"string"}},"aria-placeholder":{defaultValue:null,description:"Defines a short hint (a word or short phrase) intended to aid the user with data entry when the control has no value.\nA hint could be a sample value or a brief description of the expected format.",name:"aria-placeholder",required:!1,type:{name:"string"}},"aria-posinset":{defaultValue:null,description:"Defines an element's number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.\n@see aria-setsize.",name:"aria-posinset",required:!1,type:{name:"number"}},"aria-pressed":{defaultValue:null,description:'Indicates the current "pressed" state of toggle buttons.\n@see aria-checked\n@see aria-selected.',name:"aria-pressed",required:!1,type:{name:'boolean | "true" | "false" | "mixed"'}},"aria-readonly":{defaultValue:null,description:"Indicates that the element is not editable, but is otherwise operable.\n@see aria-disabled.",name:"aria-readonly",required:!1,type:{name:"Booleanish"}},"aria-relevant":{defaultValue:null,description:"Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified.\n@see aria-atomic.",name:"aria-relevant",required:!1,type:{name:'"text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals"'}},"aria-required":{defaultValue:null,description:"Indicates that user input is required on the element before a form may be submitted.",name:"aria-required",required:!1,type:{name:"Booleanish"}},"aria-roledescription":{defaultValue:null,description:"Defines a human-readable, author-localized description for the role of an element.",name:"aria-roledescription",required:!1,type:{name:"string"}},"aria-rowcount":{defaultValue:null,description:"Defines the total number of rows in a table, grid, or treegrid.\n@see aria-rowindex.",name:"aria-rowcount",required:!1,type:{name:"number"}},"aria-rowindex":{defaultValue:null,description:"Defines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid.\n@see aria-rowcount\n@see aria-rowspan.",name:"aria-rowindex",required:!1,type:{name:"number"}},"aria-rowindextext":{defaultValue:null,description:"Defines a human readable text alternative of aria-rowindex.\n@see aria-colindextext.",name:"aria-rowindextext",required:!1,type:{name:"string"}},"aria-rowspan":{defaultValue:null,description:"Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-rowindex\n@see aria-colspan.",name:"aria-rowspan",required:!1,type:{name:"number"}},"aria-selected":{defaultValue:null,description:'Indicates the current "selected" state of various widgets.\n@see aria-checked\n@see aria-pressed.',name:"aria-selected",required:!1,type:{name:"Booleanish"}},"aria-setsize":{defaultValue:null,description:"Defines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.\n@see aria-posinset.",name:"aria-setsize",required:!1,type:{name:"number"}},"aria-sort":{defaultValue:null,description:"Indicates if items in a table or grid are sorted in ascending or descending order.",name:"aria-sort",required:!1,type:{name:'"none" | "ascending" | "descending" | "other"'}},"aria-valuemax":{defaultValue:null,description:"Defines the maximum allowed value for a range widget.",name:"aria-valuemax",required:!1,type:{name:"number"}},"aria-valuemin":{defaultValue:null,description:"Defines the minimum allowed value for a range widget.",name:"aria-valuemin",required:!1,type:{name:"number"}},"aria-valuenow":{defaultValue:null,description:"Defines the current value for a range widget.\n@see aria-valuetext.",name:"aria-valuenow",required:!1,type:{name:"number"}},"aria-valuetext":{defaultValue:null,description:"Defines the human readable text alternative of aria-valuenow for a range widget.",name:"aria-valuetext",required:!1,type:{name:"string"}},dangerouslySetInnerHTML:{defaultValue:null,description:"",name:"dangerouslySetInnerHTML",required:!1,type:{name:"{ __html: string | TrustedHTML; }"}},onCopy:{defaultValue:null,description:"",name:"onCopy",required:!1,type:{name:"ClipboardEventHandler"}},onCopyCapture:{defaultValue:null,description:"",name:"onCopyCapture",required:!1,type:{name:"ClipboardEventHandler"}},onCut:{defaultValue:null,description:"",name:"onCut",required:!1,type:{name:"ClipboardEventHandler"}},onCutCapture:{defaultValue:null,description:"",name:"onCutCapture",required:!1,type:{name:"ClipboardEventHandler"}},onPaste:{defaultValue:null,description:"",name:"onPaste",required:!1,type:{name:"ClipboardEventHandler"}},onPasteCapture:{defaultValue:null,description:"",name:"onPasteCapture",required:!1,type:{name:"ClipboardEventHandler"}},onCompositionEnd:{defaultValue:null,description:"",name:"onCompositionEnd",required:!1,type:{name:"CompositionEventHandler"}},onCompositionEndCapture:{defaultValue:null,description:"",name:"onCompositionEndCapture",required:!1,type:{name:"CompositionEventHandler"}},onCompositionStart:{defaultValue:null,description:"",name:"onCompositionStart",required:!1,type:{name:"CompositionEventHandler"}},onCompositionStartCapture:{defaultValue:null,description:"",name:"onCompositionStartCapture",required:!1,type:{name:"CompositionEventHandler"}},onCompositionUpdate:{defaultValue:null,description:"",name:"onCompositionUpdate",required:!1,type:{name:"CompositionEventHandler"}},onCompositionUpdateCapture:{defaultValue:null,description:"",name:"onCompositionUpdateCapture",required:!1,type:{name:"CompositionEventHandler"}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"FocusEventHandler"}},onFocusCapture:{defaultValue:null,description:"",name:"onFocusCapture",required:!1,type:{name:"FocusEventHandler"}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"FocusEventHandler"}},onBlurCapture:{defaultValue:null,description:"",name:"onBlurCapture",required:!1,type:{name:"FocusEventHandler"}},onChangeCapture:{defaultValue:null,description:"",name:"onChangeCapture",required:!1,type:{name:"FormEventHandler"}},onBeforeInput:{defaultValue:null,description:"",name:"onBeforeInput",required:!1,type:{name:"FormEventHandler"}},onBeforeInputCapture:{defaultValue:null,description:"",name:"onBeforeInputCapture",required:!1,type:{name:"FormEventHandler"}},onInput:{defaultValue:null,description:"",name:"onInput",required:!1,type:{name:"FormEventHandler"}},onInputCapture:{defaultValue:null,description:"",name:"onInputCapture",required:!1,type:{name:"FormEventHandler"}},onReset:{defaultValue:null,description:"",name:"onReset",required:!1,type:{name:"FormEventHandler"}},onResetCapture:{defaultValue:null,description:"",name:"onResetCapture",required:!1,type:{name:"FormEventHandler"}},onSubmit:{defaultValue:null,description:"",name:"onSubmit",required:!1,type:{name:"FormEventHandler"}},onSubmitCapture:{defaultValue:null,description:"",name:"onSubmitCapture",required:!1,type:{name:"FormEventHandler"}},onInvalid:{defaultValue:null,description:"",name:"onInvalid",required:!1,type:{name:"FormEventHandler"}},onInvalidCapture:{defaultValue:null,description:"",name:"onInvalidCapture",required:!1,type:{name:"FormEventHandler"}},onLoad:{defaultValue:null,description:"",name:"onLoad",required:!1,type:{name:"ReactEventHandler"}},onLoadCapture:{defaultValue:null,description:"",name:"onLoadCapture",required:!1,type:{name:"ReactEventHandler"}},onError:{defaultValue:null,description:"",name:"onError",required:!1,type:{name:"ReactEventHandler"}},onErrorCapture:{defaultValue:null,description:"",name:"onErrorCapture",required:!1,type:{name:"ReactEventHandler"}},onKeyDown:{defaultValue:null,description:"",name:"onKeyDown",required:!1,type:{name:"KeyboardEventHandler"}},onKeyDownCapture:{defaultValue:null,description:"",name:"onKeyDownCapture",required:!1,type:{name:"KeyboardEventHandler"}},onKeyPress:{defaultValue:null,description:"@deprecated",name:"onKeyPress",required:!1,type:{name:"KeyboardEventHandler"}},onKeyPressCapture:{defaultValue:null,description:"@deprecated",name:"onKeyPressCapture",required:!1,type:{name:"KeyboardEventHandler"}},onKeyUp:{defaultValue:null,description:"",name:"onKeyUp",required:!1,type:{name:"KeyboardEventHandler"}},onKeyUpCapture:{defaultValue:null,description:"",name:"onKeyUpCapture",required:!1,type:{name:"KeyboardEventHandler"}},onAbort:{defaultValue:null,description:"",name:"onAbort",required:!1,type:{name:"ReactEventHandler"}},onAbortCapture:{defaultValue:null,description:"",name:"onAbortCapture",required:!1,type:{name:"ReactEventHandler"}},onCanPlay:{defaultValue:null,description:"",name:"onCanPlay",required:!1,type:{name:"ReactEventHandler"}},onCanPlayCapture:{defaultValue:null,description:"",name:"onCanPlayCapture",required:!1,type:{name:"ReactEventHandler"}},onCanPlayThrough:{defaultValue:null,description:"",name:"onCanPlayThrough",required:!1,type:{name:"ReactEventHandler"}},onCanPlayThroughCapture:{defaultValue:null,description:"",name:"onCanPlayThroughCapture",required:!1,type:{name:"ReactEventHandler"}},onDurationChange:{defaultValue:null,description:"",name:"onDurationChange",required:!1,type:{name:"ReactEventHandler"}},onDurationChangeCapture:{defaultValue:null,description:"",name:"onDurationChangeCapture",required:!1,type:{name:"ReactEventHandler"}},onEmptied:{defaultValue:null,description:"",name:"onEmptied",required:!1,type:{name:"ReactEventHandler"}},onEmptiedCapture:{defaultValue:null,description:"",name:"onEmptiedCapture",required:!1,type:{name:"ReactEventHandler"}},onEncrypted:{defaultValue:null,description:"",name:"onEncrypted",required:!1,type:{name:"ReactEventHandler"}},onEncryptedCapture:{defaultValue:null,description:"",name:"onEncryptedCapture",required:!1,type:{name:"ReactEventHandler"}},onEnded:{defaultValue:null,description:"",name:"onEnded",required:!1,type:{name:"ReactEventHandler"}},onEndedCapture:{defaultValue:null,description:"",name:"onEndedCapture",required:!1,type:{name:"ReactEventHandler"}},onLoadedData:{defaultValue:null,description:"",name:"onLoadedData",required:!1,type:{name:"ReactEventHandler"}},onLoadedDataCapture:{defaultValue:null,description:"",name:"onLoadedDataCapture",required:!1,type:{name:"ReactEventHandler"}},onLoadedMetadata:{defaultValue:null,description:"",name:"onLoadedMetadata",required:!1,type:{name:"ReactEventHandler"}},onLoadedMetadataCapture:{defaultValue:null,description:"",name:"onLoadedMetadataCapture",required:!1,type:{name:"ReactEventHandler"}},onLoadStart:{defaultValue:null,description:"",name:"onLoadStart",required:!1,type:{name:"ReactEventHandler"}},onLoadStartCapture:{defaultValue:null,description:"",name:"onLoadStartCapture",required:!1,type:{name:"ReactEventHandler"}},onPause:{defaultValue:null,description:"",name:"onPause",required:!1,type:{name:"ReactEventHandler"}},onPauseCapture:{defaultValue:null,description:"",name:"onPauseCapture",required:!1,type:{name:"ReactEventHandler"}},onPlay:{defaultValue:null,description:"",name:"onPlay",required:!1,type:{name:"ReactEventHandler"}},onPlayCapture:{defaultValue:null,description:"",name:"onPlayCapture",required:!1,type:{name:"ReactEventHandler"}},onPlaying:{defaultValue:null,description:"",name:"onPlaying",required:!1,type:{name:"ReactEventHandler"}},onPlayingCapture:{defaultValue:null,description:"",name:"onPlayingCapture",required:!1,type:{name:"ReactEventHandler"}},onProgress:{defaultValue:null,description:"",name:"onProgress",required:!1,type:{name:"ReactEventHandler"}},onProgressCapture:{defaultValue:null,description:"",name:"onProgressCapture",required:!1,type:{name:"ReactEventHandler"}},onRateChange:{defaultValue:null,description:"",name:"onRateChange",required:!1,type:{name:"ReactEventHandler"}},onRateChangeCapture:{defaultValue:null,description:"",name:"onRateChangeCapture",required:!1,type:{name:"ReactEventHandler"}},onResize:{defaultValue:null,description:"",name:"onResize",required:!1,type:{name:"ReactEventHandler"}},onResizeCapture:{defaultValue:null,description:"",name:"onResizeCapture",required:!1,type:{name:"ReactEventHandler"}},onSeeked:{defaultValue:null,description:"",name:"onSeeked",required:!1,type:{name:"ReactEventHandler"}},onSeekedCapture:{defaultValue:null,description:"",name:"onSeekedCapture",required:!1,type:{name:"ReactEventHandler"}},onSeeking:{defaultValue:null,description:"",name:"onSeeking",required:!1,type:{name:"ReactEventHandler"}},onSeekingCapture:{defaultValue:null,description:"",name:"onSeekingCapture",required:!1,type:{name:"ReactEventHandler"}},onStalled:{defaultValue:null,description:"",name:"onStalled",required:!1,type:{name:"ReactEventHandler"}},onStalledCapture:{defaultValue:null,description:"",name:"onStalledCapture",required:!1,type:{name:"ReactEventHandler"}},onSuspend:{defaultValue:null,description:"",name:"onSuspend",required:!1,type:{name:"ReactEventHandler"}},onSuspendCapture:{defaultValue:null,description:"",name:"onSuspendCapture",required:!1,type:{name:"ReactEventHandler"}},onTimeUpdate:{defaultValue:null,description:"",name:"onTimeUpdate",required:!1,type:{name:"ReactEventHandler"}},onTimeUpdateCapture:{defaultValue:null,description:"",name:"onTimeUpdateCapture",required:!1,type:{name:"ReactEventHandler"}},onVolumeChange:{defaultValue:null,description:"",name:"onVolumeChange",required:!1,type:{name:"ReactEventHandler"}},onVolumeChangeCapture:{defaultValue:null,description:"",name:"onVolumeChangeCapture",required:!1,type:{name:"ReactEventHandler"}},onWaiting:{defaultValue:null,description:"",name:"onWaiting",required:!1,type:{name:"ReactEventHandler"}},onWaitingCapture:{defaultValue:null,description:"",name:"onWaitingCapture",required:!1,type:{name:"ReactEventHandler"}},onAuxClick:{defaultValue:null,description:"",name:"onAuxClick",required:!1,type:{name:"MouseEventHandler"}},onAuxClickCapture:{defaultValue:null,description:"",name:"onAuxClickCapture",required:!1,type:{name:"MouseEventHandler"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"MouseEventHandler"}},onClickCapture:{defaultValue:null,description:"",name:"onClickCapture",required:!1,type:{name:"MouseEventHandler"}},onContextMenu:{defaultValue:null,description:"",name:"onContextMenu",required:!1,type:{name:"MouseEventHandler"}},onContextMenuCapture:{defaultValue:null,description:"",name:"onContextMenuCapture",required:!1,type:{name:"MouseEventHandler"}},onDoubleClick:{defaultValue:null,description:"",name:"onDoubleClick",required:!1,type:{name:"MouseEventHandler"}},onDoubleClickCapture:{defaultValue:null,description:"",name:"onDoubleClickCapture",required:!1,type:{name:"MouseEventHandler"}},onDrag:{defaultValue:null,description:"",name:"onDrag",required:!1,type:{name:"DragEventHandler"}},onDragCapture:{defaultValue:null,description:"",name:"onDragCapture",required:!1,type:{name:"DragEventHandler"}},onDragEnd:{defaultValue:null,description:"",name:"onDragEnd",required:!1,type:{name:"DragEventHandler"}},onDragEndCapture:{defaultValue:null,description:"",name:"onDragEndCapture",required:!1,type:{name:"DragEventHandler"}},onDragEnter:{defaultValue:null,description:"",name:"onDragEnter",required:!1,type:{name:"DragEventHandler"}},onDragEnterCapture:{defaultValue:null,description:"",name:"onDragEnterCapture",required:!1,type:{name:"DragEventHandler"}},onDragExit:{defaultValue:null,description:"",name:"onDragExit",required:!1,type:{name:"DragEventHandler"}},onDragExitCapture:{defaultValue:null,description:"",name:"onDragExitCapture",required:!1,type:{name:"DragEventHandler"}},onDragLeave:{defaultValue:null,description:"",name:"onDragLeave",required:!1,type:{name:"DragEventHandler"}},onDragLeaveCapture:{defaultValue:null,description:"",name:"onDragLeaveCapture",required:!1,type:{name:"DragEventHandler"}},onDragOver:{defaultValue:null,description:"",name:"onDragOver",required:!1,type:{name:"DragEventHandler"}},onDragOverCapture:{defaultValue:null,description:"",name:"onDragOverCapture",required:!1,type:{name:"DragEventHandler"}},onDragStart:{defaultValue:null,description:"",name:"onDragStart",required:!1,type:{name:"DragEventHandler"}},onDragStartCapture:{defaultValue:null,description:"",name:"onDragStartCapture",required:!1,type:{name:"DragEventHandler"}},onDrop:{defaultValue:null,description:"",name:"onDrop",required:!1,type:{name:"DragEventHandler"}},onDropCapture:{defaultValue:null,description:"",name:"onDropCapture",required:!1,type:{name:"DragEventHandler"}},onMouseDown:{defaultValue:null,description:"",name:"onMouseDown",required:!1,type:{name:"MouseEventHandler"}},onMouseDownCapture:{defaultValue:null,description:"",name:"onMouseDownCapture",required:!1,type:{name:"MouseEventHandler"}},onMouseEnter:{defaultValue:null,description:"",name:"onMouseEnter",required:!1,type:{name:"MouseEventHandler"}},onMouseLeave:{defaultValue:null,description:"",name:"onMouseLeave",required:!1,type:{name:"MouseEventHandler"}},onMouseMove:{defaultValue:null,description:"",name:"onMouseMove",required:!1,type:{name:"MouseEventHandler"}},onMouseMoveCapture:{defaultValue:null,description:"",name:"onMouseMoveCapture",required:!1,type:{name:"MouseEventHandler"}},onMouseOut:{defaultValue:null,description:"",name:"onMouseOut",required:!1,type:{name:"MouseEventHandler"}},onMouseOutCapture:{defaultValue:null,description:"",name:"onMouseOutCapture",required:!1,type:{name:"MouseEventHandler"}},onMouseOver:{defaultValue:null,description:"",name:"onMouseOver",required:!1,type:{name:"MouseEventHandler"}},onMouseOverCapture:{defaultValue:null,description:"",name:"onMouseOverCapture",required:!1,type:{name:"MouseEventHandler"}},onMouseUp:{defaultValue:null,description:"",name:"onMouseUp",required:!1,type:{name:"MouseEventHandler"}},onMouseUpCapture:{defaultValue:null,description:"",name:"onMouseUpCapture",required:!1,type:{name:"MouseEventHandler"}},onSelect:{defaultValue:null,description:"",name:"onSelect",required:!1,type:{name:"ReactEventHandler"}},onSelectCapture:{defaultValue:null,description:"",name:"onSelectCapture",required:!1,type:{name:"ReactEventHandler"}},onTouchCancel:{defaultValue:null,description:"",name:"onTouchCancel",required:!1,type:{name:"TouchEventHandler"}},onTouchCancelCapture:{defaultValue:null,description:"",name:"onTouchCancelCapture",required:!1,type:{name:"TouchEventHandler"}},onTouchEnd:{defaultValue:null,description:"",name:"onTouchEnd",required:!1,type:{name:"TouchEventHandler"}},onTouchEndCapture:{defaultValue:null,description:"",name:"onTouchEndCapture",required:!1,type:{name:"TouchEventHandler"}},onTouchMove:{defaultValue:null,description:"",name:"onTouchMove",required:!1,type:{name:"TouchEventHandler"}},onTouchMoveCapture:{defaultValue:null,description:"",name:"onTouchMoveCapture",required:!1,type:{name:"TouchEventHandler"}},onTouchStart:{defaultValue:null,description:"",name:"onTouchStart",required:!1,type:{name:"TouchEventHandler"}},onTouchStartCapture:{defaultValue:null,description:"",name:"onTouchStartCapture",required:!1,type:{name:"TouchEventHandler"}},onPointerDown:{defaultValue:null,description:"",name:"onPointerDown",required:!1,type:{name:"PointerEventHandler"}},onPointerDownCapture:{defaultValue:null,description:"",name:"onPointerDownCapture",required:!1,type:{name:"PointerEventHandler"}},onPointerMove:{defaultValue:null,description:"",name:"onPointerMove",required:!1,type:{name:"PointerEventHandler"}},onPointerMoveCapture:{defaultValue:null,description:"",name:"onPointerMoveCapture",required:!1,type:{name:"PointerEventHandler"}},onPointerUp:{defaultValue:null,description:"",name:"onPointerUp",required:!1,type:{name:"PointerEventHandler"}},onPointerUpCapture:{defaultValue:null,description:"",name:"onPointerUpCapture",required:!1,type:{name:"PointerEventHandler"}},onPointerCancel:{defaultValue:null,description:"",name:"onPointerCancel",required:!1,type:{name:"PointerEventHandler"}},onPointerCancelCapture:{defaultValue:null,description:"",name:"onPointerCancelCapture",required:!1,type:{name:"PointerEventHandler"}},onPointerEnter:{defaultValue:null,description:"",name:"onPointerEnter",required:!1,type:{name:"PointerEventHandler"}},onPointerLeave:{defaultValue:null,description:"",name:"onPointerLeave",required:!1,type:{name:"PointerEventHandler"}},onPointerOver:{defaultValue:null,description:"",name:"onPointerOver",required:!1,type:{name:"PointerEventHandler"}},onPointerOverCapture:{defaultValue:null,description:"",name:"onPointerOverCapture",required:!1,type:{name:"PointerEventHandler"}},onPointerOut:{defaultValue:null,description:"",name:"onPointerOut",required:!1,type:{name:"PointerEventHandler"}},onPointerOutCapture:{defaultValue:null,description:"",name:"onPointerOutCapture",required:!1,type:{name:"PointerEventHandler"}},onGotPointerCapture:{defaultValue:null,description:"",name:"onGotPointerCapture",required:!1,type:{name:"PointerEventHandler"}},onGotPointerCaptureCapture:{defaultValue:null,description:"",name:"onGotPointerCaptureCapture",required:!1,type:{name:"PointerEventHandler"}},onLostPointerCapture:{defaultValue:null,description:"",name:"onLostPointerCapture",required:!1,type:{name:"PointerEventHandler"}},onLostPointerCaptureCapture:{defaultValue:null,description:"",name:"onLostPointerCaptureCapture",required:!1,type:{name:"PointerEventHandler"}},onScroll:{defaultValue:null,description:"",name:"onScroll",required:!1,type:{name:"UIEventHandler"}},onScrollCapture:{defaultValue:null,description:"",name:"onScrollCapture",required:!1,type:{name:"UIEventHandler"}},onWheel:{defaultValue:null,description:"",name:"onWheel",required:!1,type:{name:"WheelEventHandler"}},onWheelCapture:{defaultValue:null,description:"",name:"onWheelCapture",required:!1,type:{name:"WheelEventHandler"}},onAnimationStart:{defaultValue:null,description:"",name:"onAnimationStart",required:!1,type:{name:"AnimationEventHandler"}},onAnimationStartCapture:{defaultValue:null,description:"",name:"onAnimationStartCapture",required:!1,type:{name:"AnimationEventHandler"}},onAnimationEnd:{defaultValue:null,description:"",name:"onAnimationEnd",required:!1,type:{name:"AnimationEventHandler"}},onAnimationEndCapture:{defaultValue:null,description:"",name:"onAnimationEndCapture",required:!1,type:{name:"AnimationEventHandler"}},onAnimationIteration:{defaultValue:null,description:"",name:"onAnimationIteration",required:!1,type:{name:"AnimationEventHandler"}},onAnimationIterationCapture:{defaultValue:null,description:"",name:"onAnimationIterationCapture",required:!1,type:{name:"AnimationEventHandler"}},onTransitionEnd:{defaultValue:null,description:"",name:"onTransitionEnd",required:!1,type:{name:"TransitionEventHandler"}},onTransitionEndCapture:{defaultValue:null,description:"",name:"onTransitionEndCapture",required:!1,type:{name:"TransitionEventHandler"}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"LegacyRef"}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"Key"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../components/src/MultiDropdown/MultiDropdown.tsx#MultiDropdown"]={docgenInfo:MultiDropdown.__docgenInfo,name:"MultiDropdown",path:"../components/src/MultiDropdown/MultiDropdown.tsx#MultiDropdown"})}catch(__react_docgen_typescript_loader_error){}}}]); \ No newline at end of file diff --git a/storybook/components-src-MultiDropdown-MultiDropdown-stories.bd78a8d3.iframe.bundle.js.LICENSE.txt b/storybook/components-src-MultiDropdown-MultiDropdown-stories.6b635ad3.iframe.bundle.js.LICENSE.txt similarity index 100% rename from storybook/components-src-MultiDropdown-MultiDropdown-stories.bd78a8d3.iframe.bundle.js.LICENSE.txt rename to storybook/components-src-MultiDropdown-MultiDropdown-stories.6b635ad3.iframe.bundle.js.LICENSE.txt diff --git a/storybook/components-src-MultiDropdown-MultiDropdown-stories.bd78a8d3.iframe.bundle.js b/storybook/components-src-MultiDropdown-MultiDropdown-stories.bd78a8d3.iframe.bundle.js deleted file mode 100644 index 18904410..00000000 --- a/storybook/components-src-MultiDropdown-MultiDropdown-stories.bd78a8d3.iframe.bundle.js +++ /dev/null @@ -1,2 +0,0 @@ -/*! For license information please see components-src-MultiDropdown-MultiDropdown-stories.bd78a8d3.iframe.bundle.js.LICENSE.txt */ -"use strict";(self.webpackChunkessex_toolkit_stories=self.webpackChunkessex_toolkit_stories||[]).push([[4102],{"../components/src/MultiDropdown/MultiDropdown.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Primary:()=>Primary,default:()=>__WEBPACK_DEFAULT_EXPORT__});var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../.yarn/cache/react-npm-18.3.1-af38f3c1ae-261137d3f3.zip/node_modules/react/jsx-runtime.js"),react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../.yarn/cache/react-npm-18.3.1-af38f3c1ae-261137d3f3.zip/node_modules/react/index.js"),_MultiDropdown_js__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../components/src/MultiDropdown/MultiDropdown.tsx");const __WEBPACK_DEFAULT_EXPORT__={title:"@essex:components/MultiDropdown",component:_MultiDropdown_js__WEBPACK_IMPORTED_MODULE_2__.X,args:{options:[{key:"one",text:"One"},{key:"two",text:"Two"},{key:"three",text:"Three"},{key:"four",text:"Four"}]}},PrimaryComponent=args=>{const[selectedKeys,setSelectedKeys]=(0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(["one"]),onChange=(0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(((_event,option)=>{setSelectedKeys((prev=>option?.selected?[...prev,option?.key]:prev.filter((d=>d!==option?.key))))}),[setSelectedKeys]),onChangeAll=(0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(((_event,options)=>setSelectedKeys(options?.map((opt=>opt.key))||[])),[setSelectedKeys]);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_MultiDropdown_js__WEBPACK_IMPORTED_MODULE_2__.X,{...args,selectedKeys,onChange,onChangeAll})},Primary={render:args=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(PrimaryComponent,{...args}),name:"MultiDropdown"};Primary.parameters={...Primary.parameters,docs:{...Primary.parameters?.docs,source:{originalSource:"{\n render: (args: MultiDropdownProps) => ,\n name: 'MultiDropdown'\n}",...Primary.parameters?.docs?.source}}}},"../components/src/MultiDropdown/MultiDropdown.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{X:()=>MultiDropdown});var jsx_runtime=__webpack_require__("../../.yarn/cache/react-npm-18.3.1-af38f3c1ae-261137d3f3.zip/node_modules/react/jsx-runtime.js"),lib_commonjs=__webpack_require__("../../.yarn/__virtual__/@fluentui-react-virtual-de7476e3d6/0/cache/@fluentui-react-npm-8.118.9-93c5d7c0a7-1806e7182f.zip/node_modules/@fluentui/react/lib-commonjs/index.js"),react=__webpack_require__("../../.yarn/cache/react-npm-18.3.1-af38f3c1ae-261137d3f3.zip/node_modules/react/index.js");const wrapperStyle={display:"flex",justifyContent:"space-between",gap:4},linkStyles={root:{textAlign:"center",width:"100%"}},divider={key:"--divider--",text:"-",itemType:1,selected:!1},actions={key:"--actions--",text:"",itemType:2,selected:!1};function useDropdownOptions(options){return(0,react.useMemo)((()=>[actions,divider,...options]),[options])}try{useDropdownOptions.displayName="useDropdownOptions",useDropdownOptions.__docgenInfo={description:"",displayName:"useDropdownOptions",props:{length:{defaultValue:null,description:"Gets or sets the length of the array. This is a number one higher than the highest index in the array.",name:"length",required:!0,type:{name:"number"}},toString:{defaultValue:null,description:"Returns a string representation of an array.",name:"toString",required:!1,type:{name:"() => string"}},toLocaleString:{defaultValue:null,description:"Returns a string representation of an array. The elements are converted to string using their toLocaleString methods.",name:"toLocaleString",required:!1,type:{name:"{ (): string; (locales: string | string[], options?: NumberFormatOptions & DateTimeFormatOptions): string; }"}},pop:{defaultValue:null,description:"Removes the last element from an array and returns it.\nIf the array is empty, undefined is returned and the array is not modified.",name:"pop",required:!0,type:{name:"() => IDropdownOption"}},push:{defaultValue:null,description:"Appends new elements to the end of an array, and returns the new length of the array.\n@param items New elements to add to the array.",name:"push",required:!0,type:{name:"(...items: IDropdownOption[]) => number"}},concat:{defaultValue:null,description:"Combines two or more arrays.\nThis method returns a new array without modifying any existing arrays.\n@param items Additional arrays and/or items to add to the end of the array.\n@param items Additional arrays and/or items to add to the end of the array.",name:"concat",required:!0,type:{name:"{ (...items: ConcatArray>[]): IDropdownOption[]; (...items: (IDropdownOption | ConcatArray>)[]): IDropdownOption<...>[]; }"}},join:{defaultValue:null,description:"Adds all the elements of an array into a string, separated by the specified separator string.\n@param separator A string used to separate one element of the array from the next in the resulting string. If omitted, the array elements are separated with a comma.",name:"join",required:!0,type:{name:"(separator?: string) => string"}},reverse:{defaultValue:null,description:"Reverses the elements in an array in place.\nThis method mutates the array and returns a reference to the same array.",name:"reverse",required:!0,type:{name:"() => IDropdownOption[]"}},shift:{defaultValue:null,description:"Removes the first element from an array and returns it.\nIf the array is empty, undefined is returned and the array is not modified.",name:"shift",required:!0,type:{name:"() => IDropdownOption"}},slice:{defaultValue:null,description:"Returns a copy of a section of an array.\nFor both start and end, a negative index can be used to indicate an offset from the end of the array.\nFor example, -2 refers to the second to last element of the array.\n@param start The beginning index of the specified portion of the array.\nIf start is undefined, then the slice begins at index 0.\n@param end The end index of the specified portion of the array. This is exclusive of the element at the index 'end'.\nIf end is undefined, then the slice extends to the end of the array.",name:"slice",required:!0,type:{name:"(start?: number, end?: number) => IDropdownOption[]"}},sort:{defaultValue:null,description:"Sorts an array in place.\nThis method mutates the array and returns a reference to the same array.\n@param compareFn Function used to determine the order of the elements. It is expected to return\na negative value if the first argument is less than the second argument, zero if they're equal, and a positive\nvalue otherwise. If omitted, the elements are sorted in ascending, ASCII character order.\n```ts\n[11,2,22,1].sort((a, b) => a - b)\n```",name:"sort",required:!0,type:{name:"(compareFn?: (a: IDropdownOption, b: IDropdownOption) => number) => IDropdownOption[]"}},splice:{defaultValue:null,description:"Removes elements from an array and, if necessary, inserts new elements in their place, returning the deleted elements.\n@param start The zero-based location in the array from which to start removing elements.\n@param deleteCount The number of elements to remove.\n@returns An array containing the elements that were deleted.\n@param start The zero-based location in the array from which to start removing elements.\n@param deleteCount The number of elements to remove.\n@param items Elements to insert into the array in place of the deleted elements.\n@returns An array containing the elements that were deleted.",name:"splice",required:!0,type:{name:"{ (start: number, deleteCount?: number): IDropdownOption[]; (start: number, deleteCount: number, ...items: IDropdownOption[]): IDropdownOption[]; }"}},unshift:{defaultValue:null,description:"Inserts new elements at the start of an array, and returns the new length of the array.\n@param items Elements to insert at the start of the array.",name:"unshift",required:!0,type:{name:"(...items: IDropdownOption[]) => number"}},indexOf:{defaultValue:null,description:"Returns the index of the first occurrence of a value in an array, or -1 if it is not present.\n@param searchElement The value to locate in the array.\n@param fromIndex The array index at which to begin the search. If fromIndex is omitted, the search starts at index 0.",name:"indexOf",required:!0,type:{name:"(searchElement: IDropdownOption, fromIndex?: number) => number"}},lastIndexOf:{defaultValue:null,description:"Returns the index of the last occurrence of a specified value in an array, or -1 if it is not present.\n@param searchElement The value to locate in the array.\n@param fromIndex The array index at which to begin searching backward. If fromIndex is omitted, the search starts at the last index in the array.",name:"lastIndexOf",required:!0,type:{name:"(searchElement: IDropdownOption, fromIndex?: number) => number"}},every:{defaultValue:null,description:"Determines whether all the members of an array satisfy the specified test.\n@param predicate A function that accepts up to three arguments. The every method calls\nthe predicate function for each element in the array until the predicate returns a value\nwhich is coercible to the Boolean value false, or until the end of the array.\n@param thisArg An object to which the this keyword can refer in the predicate function.\nIf thisArg is omitted, undefined is used as the this value.\n@param predicate A function that accepts up to three arguments. The every method calls\nthe predicate function for each element in the array until the predicate returns a value\nwhich is coercible to the Boolean value false, or until the end of the array.\n@param thisArg An object to which the this keyword can refer in the predicate function.\nIf thisArg is omitted, undefined is used as the this value.",name:"every",required:!0,type:{name:"{ >(predicate: (value: IDropdownOption, index: number, array: IDropdownOption[]) => value is S, thisArg?: any): this is S[]; (predicate: (value: IDropdownOption<...>, index: number, array: IDropdownOption<...>[]) => unknown, thisArg?: any): boolean; }"}},some:{defaultValue:null,description:"Determines whether the specified callback function returns true for any element of an array.\n@param predicate A function that accepts up to three arguments. The some method calls\nthe predicate function for each element in the array until the predicate returns a value\nwhich is coercible to the Boolean value true, or until the end of the array.\n@param thisArg An object to which the this keyword can refer in the predicate function.\nIf thisArg is omitted, undefined is used as the this value.",name:"some",required:!0,type:{name:"(predicate: (value: IDropdownOption, index: number, array: IDropdownOption[]) => unknown, thisArg?: any) => boolean"}},forEach:{defaultValue:null,description:"Performs the specified action for each element in an array.\n@param callbackfn A function that accepts up to three arguments. forEach calls the callbackfn function one time for each element in the array.\n@param thisArg An object to which the this keyword can refer in the callbackfn function. If thisArg is omitted, undefined is used as the this value.",name:"forEach",required:!0,type:{name:"(callbackfn: (value: IDropdownOption, index: number, array: IDropdownOption[]) => void, thisArg?: any) => void"}},map:{defaultValue:null,description:"Calls a defined callback function on each element of an array, and returns an array that contains the results.\n@param callbackfn A function that accepts up to three arguments. The map method calls the callbackfn function one time for each element in the array.\n@param thisArg An object to which the this keyword can refer in the callbackfn function. If thisArg is omitted, undefined is used as the this value.",name:"map",required:!0,type:{name:"(callbackfn: (value: IDropdownOption, index: number, array: IDropdownOption[]) => U, thisArg?: any) => U[]"}},filter:{defaultValue:null,description:"Returns the elements of an array that meet the condition specified in a callback function.\n@param predicate A function that accepts up to three arguments. The filter method calls the predicate function one time for each element in the array.\n@param thisArg An object to which the this keyword can refer in the predicate function. If thisArg is omitted, undefined is used as the this value.\n@param predicate A function that accepts up to three arguments. The filter method calls the predicate function one time for each element in the array.\n@param thisArg An object to which the this keyword can refer in the predicate function. If thisArg is omitted, undefined is used as the this value.",name:"filter",required:!0,type:{name:"{ >(predicate: (value: IDropdownOption, index: number, array: IDropdownOption[]) => value is S, thisArg?: any): S[]; (predicate: (value: IDropdownOption<...>, index: number, array: IDropdownOption<...>[]) => unknown, thisArg?: any): IDropdownOption<...>[]; }"}},reduce:{defaultValue:null,description:"Calls the specified callback function for all the elements in an array. The return value of the callback function is the accumulated result, and is provided as an argument in the next call to the callback function.\n@param callbackfn A function that accepts up to four arguments. The reduce method calls the callbackfn function one time for each element in the array.\n@param initialValue If initialValue is specified, it is used as the initial value to start the accumulation. The first call to the callbackfn function provides this value as an argument instead of an array value.\n@param callbackfn A function that accepts up to four arguments. The reduce method calls the callbackfn function one time for each element in the array.\n@param initialValue If initialValue is specified, it is used as the initial value to start the accumulation. The first call to the callbackfn function provides this value as an argument instead of an array value.",name:"reduce",required:!0,type:{name:"{ (callbackfn: (previousValue: IDropdownOption, currentValue: IDropdownOption, currentIndex: number, array: IDropdownOption[]) => IDropdownOption<...>): IDropdownOption<...>; (callbackfn: (previousValue: IDropdownOption<...>, currentValue: IDropdownOption<...>, currentIndex: number, array: IDropdownOp..."}},reduceRight:{defaultValue:null,description:"Calls the specified callback function for all the elements in an array, in descending order. The return value of the callback function is the accumulated result, and is provided as an argument in the next call to the callback function.\n@param callbackfn A function that accepts up to four arguments. The reduceRight method calls the callbackfn function one time for each element in the array.\n@param initialValue If initialValue is specified, it is used as the initial value to start the accumulation. The first call to the callbackfn function provides this value as an argument instead of an array value.\n@param callbackfn A function that accepts up to four arguments. The reduceRight method calls the callbackfn function one time for each element in the array.\n@param initialValue If initialValue is specified, it is used as the initial value to start the accumulation. The first call to the callbackfn function provides this value as an argument instead of an array value.",name:"reduceRight",required:!0,type:{name:"{ (callbackfn: (previousValue: IDropdownOption, currentValue: IDropdownOption, currentIndex: number, array: IDropdownOption[]) => IDropdownOption<...>): IDropdownOption<...>; (callbackfn: (previousValue: IDropdownOption<...>, currentValue: IDropdownOption<...>, currentIndex: number, array: IDropdownOp..."}},find:{defaultValue:null,description:"Returns the value of the first element in the array where predicate is true, and undefined\notherwise.\n@param predicate find calls predicate once for each element of the array, in ascending\norder, until it finds one where predicate returns true. If such an element is found, find\nimmediately returns that element value. Otherwise, find returns undefined.\n@param thisArg If provided, it will be used as the this value for each invocation of\npredicate. If it is not provided, undefined is used instead.",name:"find",required:!0,type:{name:"{ >(predicate: (value: IDropdownOption, index: number, obj: IDropdownOption[]) => value is S, thisArg?: any): S; (predicate: (value: IDropdownOption<...>, index: number, obj: IDropdownOption<...>[]) => unknown, thisArg?: any): IDropdownOption<...>; }"}},findIndex:{defaultValue:null,description:"Returns the index of the first element in the array where predicate is true, and -1\notherwise.\n@param predicate find calls predicate once for each element of the array, in ascending\norder, until it finds one where predicate returns true. If such an element is found,\nfindIndex immediately returns that element index. Otherwise, findIndex returns -1.\n@param thisArg If provided, it will be used as the this value for each invocation of\npredicate. If it is not provided, undefined is used instead.",name:"findIndex",required:!0,type:{name:"(predicate: (value: IDropdownOption, index: number, obj: IDropdownOption[]) => unknown, thisArg?: any) => number"}},fill:{defaultValue:null,description:"Changes all array elements from `start` to `end` index to a static `value` and returns the modified array\n@param value value to fill array section with\n@param start index to start filling the array at. If start is negative, it is treated as\nlength+start where length is the length of the array.\n@param end index to stop filling the array at. If end is negative, it is treated as\nlength+end.",name:"fill",required:!0,type:{name:"(value: IDropdownOption, start?: number, end?: number) => IDropdownOption[]"}},copyWithin:{defaultValue:null,description:"Returns the this object after copying a section of the array identified by start and end\nto the same array starting at position target\n@param target If target is negative, it is treated as length+target where length is the\nlength of the array.\n@param start If start is negative, it is treated as length+start. If end is negative, it\nis treated as length+end.\n@param end If not specified, length of the this object is used as its default value.",name:"copyWithin",required:!0,type:{name:"(target: number, start: number, end?: number) => IDropdownOption[]"}},entries:{defaultValue:null,description:"Returns an iterable of key, value pairs for every entry in the array",name:"entries",required:!0,type:{name:"() => IterableIterator<[number, IDropdownOption]>"}},keys:{defaultValue:null,description:"Returns an iterable of keys in the array",name:"keys",required:!0,type:{name:"() => IterableIterator"}},values:{defaultValue:null,description:"Returns an iterable of values in the array",name:"values",required:!0,type:{name:"() => IterableIterator>"}},includes:{defaultValue:null,description:"Determines whether an array includes a certain element, returning true or false as appropriate.\n@param searchElement The element to search for.\n@param fromIndex The position in this array at which to begin searching for searchElement.",name:"includes",required:!0,type:{name:"(searchElement: IDropdownOption, fromIndex?: number) => boolean"}},flatMap:{defaultValue:null,description:"Calls a defined callback function on each element of an array. Then, flattens the result into\na new array.\nThis is identical to a map followed by flat with depth 1.\n@param callback A function that accepts up to three arguments. The flatMap method calls the\ncallback function one time for each element in the array.\n@param thisArg An object to which the this keyword can refer in the callback function. If\nthisArg is omitted, undefined is used as the this value.",name:"flatMap",required:!0,type:{name:"(callback: (this: This, value: IDropdownOption, index: number, array: IDropdownOption[]) => U | readonly U[], thisArg?: This) => U[]"}},flat:{defaultValue:null,description:"Returns a new array with all sub-array elements concatenated into it recursively up to the\nspecified depth.\n@param depth The maximum recursion depth",name:"flat",required:!0,type:{name:"(this: A, depth?: D) => FlatArray[]"}},at:{defaultValue:null,description:"Returns the item located at the specified index.\n@param index The zero-based index of the desired code unit. A negative index will count back from the last item.",name:"at",required:!0,type:{name:"(index: number) => IDropdownOption"}},findLast:{defaultValue:null,description:"Returns the value of the last element in the array where predicate is true, and undefined\notherwise.\n@param predicate findLast calls predicate once for each element of the array, in descending\norder, until it finds one where predicate returns true. If such an element is found, findLast\nimmediately returns that element value. Otherwise, findLast returns undefined.\n@param thisArg If provided, it will be used as the this value for each invocation of\npredicate. If it is not provided, undefined is used instead.",name:"findLast",required:!0,type:{name:"{ >(predicate: (value: IDropdownOption, index: number, array: IDropdownOption[]) => value is S, thisArg?: any): S; (predicate: (value: IDropdownOption<...>, index: number, array: IDropdownOption<...>[]) => unknown, thisArg?: any): IDropdownOption<...>; }"}},findLastIndex:{defaultValue:null,description:"Returns the index of the last element in the array where predicate is true, and -1\notherwise.\n@param predicate findLastIndex calls predicate once for each element of the array, in descending\norder, until it finds one where predicate returns true. If such an element is found,\nfindLastIndex immediately returns that element index. Otherwise, findLastIndex returns -1.\n@param thisArg If provided, it will be used as the this value for each invocation of\npredicate. If it is not provided, undefined is used instead.",name:"findLastIndex",required:!0,type:{name:"(predicate: (value: IDropdownOption, index: number, array: IDropdownOption[]) => unknown, thisArg?: any) => number"}},toReversed:{defaultValue:null,description:"Returns a copy of an array with its elements reversed.",name:"toReversed",required:!0,type:{name:"() => IDropdownOption[]"}},toSorted:{defaultValue:null,description:"Returns a copy of an array with its elements sorted.\n@param compareFn Function used to determine the order of the elements. It is expected to return\na negative value if the first argument is less than the second argument, zero if they're equal, and a positive\nvalue otherwise. If omitted, the elements are sorted in ascending, ASCII character order.\n```ts\n[11, 2, 22, 1].toSorted((a, b) => a - b) // [1, 2, 11, 22]\n```",name:"toSorted",required:!0,type:{name:"(compareFn?: (a: IDropdownOption, b: IDropdownOption) => number) => IDropdownOption[]"}},toSpliced:{defaultValue:null,description:"Copies an array and removes elements and, if necessary, inserts new elements in their place. Returns the copied array.\nCopies an array and removes elements while returning the remaining elements.\n@param start The zero-based location in the array from which to start removing elements.\n@param deleteCount The number of elements to remove.\n@param items Elements to insert into the copied array in place of the deleted elements.\n@returns The copied array.\n@param start The zero-based location in the array from which to start removing elements.\n@param deleteCount The number of elements to remove.\n@returns A copy of the original array with the remaining elements.",name:"toSpliced",required:!0,type:{name:"{ (start: number, deleteCount: number, ...items: IDropdownOption[]): IDropdownOption[]; (start: number, deleteCount?: number): IDropdownOption[]; }"}},with:{defaultValue:null,description:"Copies an array, then overwrites the value at the provided index with the\ngiven value. If the index is negative, then it replaces from the end\nof the array.\n@param index The index of the value to overwrite. If the index is\nnegative, then it replaces from the end of the array.\n@param value The value to write into the copied array.\n@returns The copied array with the updated value.",name:"with",required:!0,type:{name:"(index: number, value: IDropdownOption) => IDropdownOption[]"}},"__@iterator@14":{defaultValue:null,description:"Iterator",name:"__@iterator@14",required:!0,type:{name:"() => IterableIterator>"}},"__@unscopables@320":{defaultValue:null,description:"Is an object whose properties have the value 'true'\nwhen they will be absent when used in a 'with' statement.",name:"__@unscopables@320",required:!0,type:{name:"{ [x: number]: boolean; length?: boolean; toString?: boolean; toLocaleString?: boolean; pop?: boolean; push?: boolean; concat?: boolean; join?: boolean; reverse?: boolean; shift?: boolean; slice?: boolean; sort?: boolean; ... 29 more ...; readonly [Symbol.unscopables]?: boolean; }"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../components/src/MultiDropdown/MultiDropdown.hooks.tsx#useDropdownOptions"]={docgenInfo:useDropdownOptions.__docgenInfo,name:"useDropdownOptions",path:"../components/src/MultiDropdown/MultiDropdown.hooks.tsx#useDropdownOptions"})}catch(__react_docgen_typescript_loader_error){}const MultiDropdown=(0,react.memo)((function MultiDropdown({options,onChangeAll,...props}){const opts=useDropdownOptions(options),handleRenderOption=function useOptionRenderer(options,onChangeAll){const handleSelectAll=(0,react.useCallback)((event=>onChangeAll?.(event,options.map((o=>({...o,selected:!0}))),options.map(((_o,i)=>i)))),[onChangeAll,options]),handleSelectNone=(0,react.useCallback)((event=>onChangeAll?.(event)),[onChangeAll]);return(0,react.useCallback)((option=>"--actions--"===option?.key?(0,jsx_runtime.jsxs)("div",{style:wrapperStyle,children:[(0,jsx_runtime.jsx)(lib_commonjs.Link,{styles:linkStyles,onClick:handleSelectAll,children:"All"}),(0,jsx_runtime.jsx)(lib_commonjs.Separator,{vertical:!0}),(0,jsx_runtime.jsx)(lib_commonjs.Link,{styles:linkStyles,onClick:handleSelectNone,children:"None"})]}):(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:option?.text})),[handleSelectAll,handleSelectNone])}(options,onChangeAll);return(0,jsx_runtime.jsx)(lib_commonjs.Dropdown,{multiSelect:!0,options:opts,onRenderOption:handleRenderOption,...props})}));try{MultiDropdown.displayName="MultiDropdown",MultiDropdown.__docgenInfo={description:"Dropdown wrapper to manage multi-select with a select all/none helper.",displayName:"MultiDropdown",props:{onChangeAll:{defaultValue:null,description:"",name:"onChangeAll",required:!1,type:{name:"(event: MouseEvent, options?: IDropdownOption<...>[], indexes?: number[]) => void"}},placeHolder:{defaultValue:null,description:"Input placeholder text. Displayed until option is selected.\n@deprecated Use `placeholder`",name:"placeHolder",required:!1,type:{name:"string"}},options:{defaultValue:null,description:"Options for the dropdown. If using `defaultSelectedKey` or `defaultSelectedKeys`, options must be\npure for correct behavior.",name:"options",required:!0,type:{name:"IDropdownOption[]"}},onChange:{defaultValue:null,description:"Callback issued when the selected option changes.",name:"onChange",required:!1,type:{name:"(event: FormEvent, option?: IDropdownOption, index?: number) => void"}},onChanged:{defaultValue:null,description:"@deprecated Use `onChange` instead.",name:"onChanged",required:!1,type:{name:"(option: IDropdownOption, index?: number) => void"}},onRenderLabel:{defaultValue:null,description:"Custom render function for the label.",name:"onRenderLabel",required:!1,type:{name:"IRenderFunction"}},onRenderPlaceholder:{defaultValue:null,description:"Optional custom renderer for placeholder text",name:"onRenderPlaceholder",required:!1,type:{name:"IRenderFunction"}},onRenderPlaceHolder:{defaultValue:null,description:"Optional custom renderer for placeholder text\n@deprecated Use `onRenderPlaceholder`",name:"onRenderPlaceHolder",required:!1,type:{name:"IRenderFunction"}},onRenderTitle:{defaultValue:null,description:"Optional custom renderer for selected option displayed in input",name:"onRenderTitle",required:!1,type:{name:"IRenderFunction[]>"}},onRenderCaretDown:{defaultValue:null,description:"Optional custom renderer for chevron icon",name:"onRenderCaretDown",required:!1,type:{name:"IRenderFunction"}},dropdownWidth:{defaultValue:null,description:"Custom width for dropdown. If value is 0, width of the input field is used.\nIf value is 'auto', width of the input field is used by default, and it can grow wider to fit the content.\n@defaultvalue 0",name:"dropdownWidth",required:!1,type:{name:'number | "auto"'}},responsiveMode:{defaultValue:null,description:"Pass in ResponsiveMode to manually overwrite the way the Dropdown renders.\nResponsiveMode.large would, for instance, disable the behavior where Dropdown options\nget rendered into a Panel while ResponsiveMode.small would result in the Dropdown\noptions always getting rendered in a Panel.",name:"responsiveMode",required:!1,type:{name:"ResponsiveMode"}},defaultSelectedKeys:{defaultValue:null,description:"Keys that will be initially used to set selected items. This prop is used for `multiSelect`\nscenarios. In other cases, `defaultSelectedKey` should be used.",name:"defaultSelectedKeys",required:!1,type:{name:"number[] | string[]"}},selectedKeys:{defaultValue:null,description:"Keys of the selected items. If you provide this, you must maintain selection\nstate by observing onChange events and passing a new value in when changed.\nPassing null in will clear the selection.\nMutually exclusive with `defaultSelectedKeys`.",name:"selectedKeys",required:!1,type:{name:"number[] | string[]"}},multiSelectDelimiter:{defaultValue:null,description:'When multiple items are selected, this still will be used to separate values in\nthe dropdown title.\n@defaultvalue ", "',name:"multiSelectDelimiter",required:!1,type:{name:"string"}},notifyOnReselect:{defaultValue:null,description:"Optional preference to have onChanged still be called when an already selected item is\nclicked in single select mode. Default to false",name:"notifyOnReselect",required:!1,type:{name:"boolean"}},isDisabled:{defaultValue:null,description:"@deprecated Use `disabled` instead. Deprecated at v0.52.0.",name:"isDisabled",required:!1,type:{name:"boolean"}},theme:{defaultValue:null,description:"Theme provided by higher order component.",name:"theme",required:!1,type:{name:"ITheme"}},styles:{defaultValue:null,description:"Call to provide customized styling that will layer on top of the variant rules.",name:"styles",required:!1,type:{name:"IStyleFunctionOrObject"}},componentRef:{defaultValue:null,description:"Optional callback to access the component interface (usually `IDropdown` or `IComboBox`).\nUse this instead of `ref` for accessing the public methods and properties of the component.",name:"componentRef",required:!1,type:{name:"IRefObject"}},label:{defaultValue:null,description:"Descriptive label for the field",name:"label",required:!1,type:{name:"string"}},ariaLabel:{defaultValue:null,description:"Aria Label for the field for screen reader users.",name:"ariaLabel",required:!1,type:{name:"string"}},id:{defaultValue:null,description:"ID of the field",name:"id",required:!1,type:{name:"string"}},className:{defaultValue:null,description:"Additional class name for the root element.",name:"className",required:!1,type:{name:"string"}},defaultSelectedKey:{defaultValue:null,description:"The key(s) that will be initially used to set a selected item.\n\nMutually exclusive with `selectedKey`.\nFor Dropdown (but not ComboBox) in multi-select mode, use `defaultSelectedKeys` instead.",name:"defaultSelectedKey",required:!1,type:{name:"string | number | number[] | string[]"}},selectedKey:{defaultValue:null,description:"The key(s) of the selected item. If you provide this, you must maintain selection\nstate by observing onChange events and passing a new value in when changed.\nNote that passing in `null` will cause selection to be reset.\n\nMutually exclusive with `defaultSelectedKey`.\nFor Dropdown (but not ComboBox) in multi-select mode, use `selectedKeys` instead.",name:"selectedKey",required:!1,type:{name:"string | number | number[] | string[]"}},multiSelect:{defaultValue:null,description:"Whether multi-choice selections are allowed or not.\n@defaultvalue false",name:"multiSelect",required:!1,type:{name:"boolean"}},onRenderContainer:{defaultValue:null,description:"Optional custom renderer for the option list container",name:"onRenderContainer",required:!1,type:{name:"IRenderFunction>"}},onRenderList:{defaultValue:null,description:"Optional custom renderer for the option list",name:"onRenderList",required:!1,type:{name:"IRenderFunction>"}},onRenderItem:{defaultValue:null,description:"Optional custom renderer for all items, including headers and dividers as well as normal options.",name:"onRenderItem",required:!1,type:{name:"IRenderFunction>"}},onRenderOption:{defaultValue:null,description:"Optional custom renderer for normal and header options only.\nUse `onRenderItem` to control rendering for separators as well.",name:"onRenderOption",required:!1,type:{name:"IRenderFunction>"}},onDismiss:{defaultValue:null,description:"Callback for when the options list callout is dismissed",name:"onDismiss",required:!1,type:{name:"() => void"}},disabled:{defaultValue:null,description:"Whether or not the field is disabled.",name:"disabled",required:!1,type:{name:"boolean"}},required:{defaultValue:null,description:"Whether or not the field is required.",name:"required",required:!1,type:{name:"boolean"}},calloutProps:{defaultValue:null,description:"Custom properties for the Callout used to render the option list.",name:"calloutProps",required:!1,type:{name:"ICalloutProps"}},panelProps:{defaultValue:null,description:"Custom properties for the Panel used to render the option list on small devices.",name:"panelProps",required:!1,type:{name:"IPanelProps"}},errorMessage:{defaultValue:null,description:"Error message for the field.",name:"errorMessage",required:!1,type:{name:"string"}},placeholder:{defaultValue:null,description:"Input placeholder text. Displayed until option is selected.",name:"placeholder",required:!1,type:{name:"string"}},openOnKeyboardFocus:{defaultValue:null,description:"Whether or not the ComboBox/Dropdown should expand on keyboard focus.\n@defaultvalue false",name:"openOnKeyboardFocus",required:!1,type:{name:"boolean"}},defaultChecked:{defaultValue:null,description:"",name:"defaultChecked",required:!1,type:{name:"boolean"}},defaultValue:{defaultValue:null,description:"",name:"defaultValue",required:!1,type:{name:"string | number | readonly string[]"}},suppressContentEditableWarning:{defaultValue:null,description:"",name:"suppressContentEditableWarning",required:!1,type:{name:"boolean"}},suppressHydrationWarning:{defaultValue:null,description:"",name:"suppressHydrationWarning",required:!1,type:{name:"boolean"}},accessKey:{defaultValue:null,description:"",name:"accessKey",required:!1,type:{name:"string"}},autoFocus:{defaultValue:null,description:"",name:"autoFocus",required:!1,type:{name:"boolean"}},contentEditable:{defaultValue:null,description:"",name:"contentEditable",required:!1,type:{name:'Booleanish | "inherit" | "plaintext-only"'}},contextMenu:{defaultValue:null,description:"",name:"contextMenu",required:!1,type:{name:"string"}},dir:{defaultValue:null,description:"",name:"dir",required:!1,type:{name:"string"}},draggable:{defaultValue:null,description:"",name:"draggable",required:!1,type:{name:"Booleanish"}},hidden:{defaultValue:null,description:"",name:"hidden",required:!1,type:{name:"boolean"}},lang:{defaultValue:null,description:"",name:"lang",required:!1,type:{name:"string"}},nonce:{defaultValue:null,description:"",name:"nonce",required:!1,type:{name:"string"}},slot:{defaultValue:null,description:"",name:"slot",required:!1,type:{name:"string"}},spellCheck:{defaultValue:null,description:"",name:"spellCheck",required:!1,type:{name:"Booleanish"}},style:{defaultValue:null,description:"",name:"style",required:!1,type:{name:"CSSProperties"}},tabIndex:{defaultValue:null,description:"",name:"tabIndex",required:!1,type:{name:"number"}},title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"string"}},translate:{defaultValue:null,description:"",name:"translate",required:!1,type:{name:'"yes" | "no"'}},radioGroup:{defaultValue:null,description:"",name:"radioGroup",required:!1,type:{name:"string"}},role:{defaultValue:null,description:"",name:"role",required:!1,type:{name:"AriaRole"}},about:{defaultValue:null,description:"",name:"about",required:!1,type:{name:"string"}},content:{defaultValue:null,description:"",name:"content",required:!1,type:{name:"string"}},datatype:{defaultValue:null,description:"",name:"datatype",required:!1,type:{name:"string"}},inlist:{defaultValue:null,description:"",name:"inlist",required:!1,type:{name:"any"}},prefix:{defaultValue:null,description:"",name:"prefix",required:!1,type:{name:"string"}},property:{defaultValue:null,description:"",name:"property",required:!1,type:{name:"string"}},rel:{defaultValue:null,description:"",name:"rel",required:!1,type:{name:"string"}},resource:{defaultValue:null,description:"",name:"resource",required:!1,type:{name:"string"}},rev:{defaultValue:null,description:"",name:"rev",required:!1,type:{name:"string"}},typeof:{defaultValue:null,description:"",name:"typeof",required:!1,type:{name:"string"}},vocab:{defaultValue:null,description:"",name:"vocab",required:!1,type:{name:"string"}},autoCapitalize:{defaultValue:null,description:"",name:"autoCapitalize",required:!1,type:{name:"string"}},autoCorrect:{defaultValue:null,description:"",name:"autoCorrect",required:!1,type:{name:"string"}},autoSave:{defaultValue:null,description:"",name:"autoSave",required:!1,type:{name:"string"}},color:{defaultValue:null,description:"",name:"color",required:!1,type:{name:"string"}},itemProp:{defaultValue:null,description:"",name:"itemProp",required:!1,type:{name:"string"}},itemScope:{defaultValue:null,description:"",name:"itemScope",required:!1,type:{name:"boolean"}},itemType:{defaultValue:null,description:"",name:"itemType",required:!1,type:{name:"string"}},itemID:{defaultValue:null,description:"",name:"itemID",required:!1,type:{name:"string"}},itemRef:{defaultValue:null,description:"",name:"itemRef",required:!1,type:{name:"string"}},results:{defaultValue:null,description:"",name:"results",required:!1,type:{name:"number"}},security:{defaultValue:null,description:"",name:"security",required:!1,type:{name:"string"}},unselectable:{defaultValue:null,description:"",name:"unselectable",required:!1,type:{name:'"on" | "off"'}},inputMode:{defaultValue:null,description:"Hints at the type of data that might be entered by the user while editing the element or its contents\n@see {@link https://html.spec.whatwg.org/multipage/interaction.html#input-modalities:-the-inputmode-attribute}",name:"inputMode",required:!1,type:{name:'"text" | "none" | "search" | "tel" | "url" | "email" | "numeric" | "decimal"'}},is:{defaultValue:null,description:"Specify that a standard HTML element should behave like a defined custom built-in element\n@see {@link https://html.spec.whatwg.org/multipage/custom-elements.html#attr-is}",name:"is",required:!1,type:{name:"string"}},"aria-activedescendant":{defaultValue:null,description:"Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.",name:"aria-activedescendant",required:!1,type:{name:"string"}},"aria-atomic":{defaultValue:null,description:"Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute.",name:"aria-atomic",required:!1,type:{name:"Booleanish"}},"aria-autocomplete":{defaultValue:null,description:"Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be\npresented if they are made.",name:"aria-autocomplete",required:!1,type:{name:'"none" | "list" | "inline" | "both"'}},"aria-braillelabel":{defaultValue:null,description:"Defines a string value that labels the current element, which is intended to be converted into Braille.\n@see aria-label.",name:"aria-braillelabel",required:!1,type:{name:"string"}},"aria-brailleroledescription":{defaultValue:null,description:"Defines a human-readable, author-localized abbreviated description for the role of an element, which is intended to be converted into Braille.\n@see aria-roledescription.",name:"aria-brailleroledescription",required:!1,type:{name:"string"}},"aria-busy":{defaultValue:null,description:"",name:"aria-busy",required:!1,type:{name:"Booleanish"}},"aria-checked":{defaultValue:null,description:'Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.\n@see aria-pressed\n@see aria-selected.',name:"aria-checked",required:!1,type:{name:'boolean | "true" | "false" | "mixed"'}},"aria-colcount":{defaultValue:null,description:"Defines the total number of columns in a table, grid, or treegrid.\n@see aria-colindex.",name:"aria-colcount",required:!1,type:{name:"number"}},"aria-colindex":{defaultValue:null,description:"Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid.\n@see aria-colcount\n@see aria-colspan.",name:"aria-colindex",required:!1,type:{name:"number"}},"aria-colindextext":{defaultValue:null,description:"Defines a human readable text alternative of aria-colindex.\n@see aria-rowindextext.",name:"aria-colindextext",required:!1,type:{name:"string"}},"aria-colspan":{defaultValue:null,description:"Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-colindex\n@see aria-rowspan.",name:"aria-colspan",required:!1,type:{name:"number"}},"aria-controls":{defaultValue:null,description:"Identifies the element (or elements) whose contents or presence are controlled by the current element.\n@see aria-owns.",name:"aria-controls",required:!1,type:{name:"string"}},"aria-current":{defaultValue:null,description:"Indicates the element that represents the current item within a container or set of related elements.",name:"aria-current",required:!1,type:{name:'boolean | "step" | "true" | "false" | "page" | "location" | "date" | "time"'}},"aria-describedby":{defaultValue:null,description:"Identifies the element (or elements) that describes the object.\n@see aria-labelledby",name:"aria-describedby",required:!1,type:{name:"string"}},"aria-description":{defaultValue:null,description:"Defines a string value that describes or annotates the current element.\n@see related aria-describedby.",name:"aria-description",required:!1,type:{name:"string"}},"aria-details":{defaultValue:null,description:"Identifies the element that provides a detailed, extended description for the object.\n@see aria-describedby.",name:"aria-details",required:!1,type:{name:"string"}},"aria-disabled":{defaultValue:null,description:"Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.\n@see aria-hidden\n@see aria-readonly.",name:"aria-disabled",required:!1,type:{name:"Booleanish"}},"aria-dropeffect":{defaultValue:null,description:"Indicates what functions can be performed when a dragged object is released on the drop target.\n@deprecated in ARIA 1.1",name:"aria-dropeffect",required:!1,type:{name:'"none" | "link" | "copy" | "execute" | "move" | "popup"'}},"aria-errormessage":{defaultValue:null,description:"Identifies the element that provides an error message for the object.\n@see aria-invalid\n@see aria-describedby.",name:"aria-errormessage",required:!1,type:{name:"string"}},"aria-expanded":{defaultValue:null,description:"Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed.",name:"aria-expanded",required:!1,type:{name:"Booleanish"}},"aria-flowto":{defaultValue:null,description:"Identifies the next element (or elements) in an alternate reading order of content which, at the user's discretion,\nallows assistive technology to override the general default of reading in document source order.",name:"aria-flowto",required:!1,type:{name:"string"}},"aria-grabbed":{defaultValue:null,description:'Indicates an element\'s "grabbed" state in a drag-and-drop operation.\n@deprecated in ARIA 1.1',name:"aria-grabbed",required:!1,type:{name:"Booleanish"}},"aria-haspopup":{defaultValue:null,description:"Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element.",name:"aria-haspopup",required:!1,type:{name:'boolean | "true" | "false" | "dialog" | "grid" | "listbox" | "menu" | "tree"'}},"aria-hidden":{defaultValue:null,description:"Indicates whether the element is exposed to an accessibility API.\n@see aria-disabled.",name:"aria-hidden",required:!1,type:{name:"Booleanish"}},"aria-invalid":{defaultValue:null,description:"Indicates the entered value does not conform to the format expected by the application.\n@see aria-errormessage.",name:"aria-invalid",required:!1,type:{name:'boolean | "true" | "false" | "grammar" | "spelling"'}},"aria-keyshortcuts":{defaultValue:null,description:"Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element.",name:"aria-keyshortcuts",required:!1,type:{name:"string"}},"aria-label":{defaultValue:null,description:"Defines a string value that labels the current element.\n@see aria-labelledby.",name:"aria-label",required:!1,type:{name:"string"}},"aria-labelledby":{defaultValue:null,description:"Identifies the element (or elements) that labels the current element.\n@see aria-describedby.",name:"aria-labelledby",required:!1,type:{name:"string"}},"aria-level":{defaultValue:null,description:"Defines the hierarchical level of an element within a structure.",name:"aria-level",required:!1,type:{name:"number"}},"aria-live":{defaultValue:null,description:"Indicates that an element will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region.",name:"aria-live",required:!1,type:{name:'"off" | "assertive" | "polite"'}},"aria-modal":{defaultValue:null,description:"Indicates whether an element is modal when displayed.",name:"aria-modal",required:!1,type:{name:"Booleanish"}},"aria-multiline":{defaultValue:null,description:"Indicates whether a text box accepts multiple lines of input or only a single line.",name:"aria-multiline",required:!1,type:{name:"Booleanish"}},"aria-multiselectable":{defaultValue:null,description:"Indicates that the user may select more than one item from the current selectable descendants.",name:"aria-multiselectable",required:!1,type:{name:"Booleanish"}},"aria-orientation":{defaultValue:null,description:"Indicates whether the element's orientation is horizontal, vertical, or unknown/ambiguous.",name:"aria-orientation",required:!1,type:{name:'"horizontal" | "vertical"'}},"aria-owns":{defaultValue:null,description:"Identifies an element (or elements) in order to define a visual, functional, or contextual parent/child relationship\nbetween DOM elements where the DOM hierarchy cannot be used to represent the relationship.\n@see aria-controls.",name:"aria-owns",required:!1,type:{name:"string"}},"aria-placeholder":{defaultValue:null,description:"Defines a short hint (a word or short phrase) intended to aid the user with data entry when the control has no value.\nA hint could be a sample value or a brief description of the expected format.",name:"aria-placeholder",required:!1,type:{name:"string"}},"aria-posinset":{defaultValue:null,description:"Defines an element's number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.\n@see aria-setsize.",name:"aria-posinset",required:!1,type:{name:"number"}},"aria-pressed":{defaultValue:null,description:'Indicates the current "pressed" state of toggle buttons.\n@see aria-checked\n@see aria-selected.',name:"aria-pressed",required:!1,type:{name:'boolean | "true" | "false" | "mixed"'}},"aria-readonly":{defaultValue:null,description:"Indicates that the element is not editable, but is otherwise operable.\n@see aria-disabled.",name:"aria-readonly",required:!1,type:{name:"Booleanish"}},"aria-relevant":{defaultValue:null,description:"Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified.\n@see aria-atomic.",name:"aria-relevant",required:!1,type:{name:'"text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals"'}},"aria-required":{defaultValue:null,description:"Indicates that user input is required on the element before a form may be submitted.",name:"aria-required",required:!1,type:{name:"Booleanish"}},"aria-roledescription":{defaultValue:null,description:"Defines a human-readable, author-localized description for the role of an element.",name:"aria-roledescription",required:!1,type:{name:"string"}},"aria-rowcount":{defaultValue:null,description:"Defines the total number of rows in a table, grid, or treegrid.\n@see aria-rowindex.",name:"aria-rowcount",required:!1,type:{name:"number"}},"aria-rowindex":{defaultValue:null,description:"Defines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid.\n@see aria-rowcount\n@see aria-rowspan.",name:"aria-rowindex",required:!1,type:{name:"number"}},"aria-rowindextext":{defaultValue:null,description:"Defines a human readable text alternative of aria-rowindex.\n@see aria-colindextext.",name:"aria-rowindextext",required:!1,type:{name:"string"}},"aria-rowspan":{defaultValue:null,description:"Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-rowindex\n@see aria-colspan.",name:"aria-rowspan",required:!1,type:{name:"number"}},"aria-selected":{defaultValue:null,description:'Indicates the current "selected" state of various widgets.\n@see aria-checked\n@see aria-pressed.',name:"aria-selected",required:!1,type:{name:"Booleanish"}},"aria-setsize":{defaultValue:null,description:"Defines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.\n@see aria-posinset.",name:"aria-setsize",required:!1,type:{name:"number"}},"aria-sort":{defaultValue:null,description:"Indicates if items in a table or grid are sorted in ascending or descending order.",name:"aria-sort",required:!1,type:{name:'"none" | "ascending" | "descending" | "other"'}},"aria-valuemax":{defaultValue:null,description:"Defines the maximum allowed value for a range widget.",name:"aria-valuemax",required:!1,type:{name:"number"}},"aria-valuemin":{defaultValue:null,description:"Defines the minimum allowed value for a range widget.",name:"aria-valuemin",required:!1,type:{name:"number"}},"aria-valuenow":{defaultValue:null,description:"Defines the current value for a range widget.\n@see aria-valuetext.",name:"aria-valuenow",required:!1,type:{name:"number"}},"aria-valuetext":{defaultValue:null,description:"Defines the human readable text alternative of aria-valuenow for a range widget.",name:"aria-valuetext",required:!1,type:{name:"string"}},dangerouslySetInnerHTML:{defaultValue:null,description:"",name:"dangerouslySetInnerHTML",required:!1,type:{name:"{ __html: string | TrustedHTML; }"}},onCopy:{defaultValue:null,description:"",name:"onCopy",required:!1,type:{name:"ClipboardEventHandler"}},onCopyCapture:{defaultValue:null,description:"",name:"onCopyCapture",required:!1,type:{name:"ClipboardEventHandler"}},onCut:{defaultValue:null,description:"",name:"onCut",required:!1,type:{name:"ClipboardEventHandler"}},onCutCapture:{defaultValue:null,description:"",name:"onCutCapture",required:!1,type:{name:"ClipboardEventHandler"}},onPaste:{defaultValue:null,description:"",name:"onPaste",required:!1,type:{name:"ClipboardEventHandler"}},onPasteCapture:{defaultValue:null,description:"",name:"onPasteCapture",required:!1,type:{name:"ClipboardEventHandler"}},onCompositionEnd:{defaultValue:null,description:"",name:"onCompositionEnd",required:!1,type:{name:"CompositionEventHandler"}},onCompositionEndCapture:{defaultValue:null,description:"",name:"onCompositionEndCapture",required:!1,type:{name:"CompositionEventHandler"}},onCompositionStart:{defaultValue:null,description:"",name:"onCompositionStart",required:!1,type:{name:"CompositionEventHandler"}},onCompositionStartCapture:{defaultValue:null,description:"",name:"onCompositionStartCapture",required:!1,type:{name:"CompositionEventHandler"}},onCompositionUpdate:{defaultValue:null,description:"",name:"onCompositionUpdate",required:!1,type:{name:"CompositionEventHandler"}},onCompositionUpdateCapture:{defaultValue:null,description:"",name:"onCompositionUpdateCapture",required:!1,type:{name:"CompositionEventHandler"}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"FocusEventHandler"}},onFocusCapture:{defaultValue:null,description:"",name:"onFocusCapture",required:!1,type:{name:"FocusEventHandler"}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"FocusEventHandler"}},onBlurCapture:{defaultValue:null,description:"",name:"onBlurCapture",required:!1,type:{name:"FocusEventHandler"}},onChangeCapture:{defaultValue:null,description:"",name:"onChangeCapture",required:!1,type:{name:"FormEventHandler"}},onBeforeInput:{defaultValue:null,description:"",name:"onBeforeInput",required:!1,type:{name:"FormEventHandler"}},onBeforeInputCapture:{defaultValue:null,description:"",name:"onBeforeInputCapture",required:!1,type:{name:"FormEventHandler"}},onInput:{defaultValue:null,description:"",name:"onInput",required:!1,type:{name:"FormEventHandler"}},onInputCapture:{defaultValue:null,description:"",name:"onInputCapture",required:!1,type:{name:"FormEventHandler"}},onReset:{defaultValue:null,description:"",name:"onReset",required:!1,type:{name:"FormEventHandler"}},onResetCapture:{defaultValue:null,description:"",name:"onResetCapture",required:!1,type:{name:"FormEventHandler"}},onSubmit:{defaultValue:null,description:"",name:"onSubmit",required:!1,type:{name:"FormEventHandler"}},onSubmitCapture:{defaultValue:null,description:"",name:"onSubmitCapture",required:!1,type:{name:"FormEventHandler"}},onInvalid:{defaultValue:null,description:"",name:"onInvalid",required:!1,type:{name:"FormEventHandler"}},onInvalidCapture:{defaultValue:null,description:"",name:"onInvalidCapture",required:!1,type:{name:"FormEventHandler"}},onLoad:{defaultValue:null,description:"",name:"onLoad",required:!1,type:{name:"ReactEventHandler"}},onLoadCapture:{defaultValue:null,description:"",name:"onLoadCapture",required:!1,type:{name:"ReactEventHandler"}},onError:{defaultValue:null,description:"",name:"onError",required:!1,type:{name:"ReactEventHandler"}},onErrorCapture:{defaultValue:null,description:"",name:"onErrorCapture",required:!1,type:{name:"ReactEventHandler"}},onKeyDown:{defaultValue:null,description:"",name:"onKeyDown",required:!1,type:{name:"KeyboardEventHandler"}},onKeyDownCapture:{defaultValue:null,description:"",name:"onKeyDownCapture",required:!1,type:{name:"KeyboardEventHandler"}},onKeyPress:{defaultValue:null,description:"@deprecated",name:"onKeyPress",required:!1,type:{name:"KeyboardEventHandler"}},onKeyPressCapture:{defaultValue:null,description:"@deprecated",name:"onKeyPressCapture",required:!1,type:{name:"KeyboardEventHandler"}},onKeyUp:{defaultValue:null,description:"",name:"onKeyUp",required:!1,type:{name:"KeyboardEventHandler"}},onKeyUpCapture:{defaultValue:null,description:"",name:"onKeyUpCapture",required:!1,type:{name:"KeyboardEventHandler"}},onAbort:{defaultValue:null,description:"",name:"onAbort",required:!1,type:{name:"ReactEventHandler"}},onAbortCapture:{defaultValue:null,description:"",name:"onAbortCapture",required:!1,type:{name:"ReactEventHandler"}},onCanPlay:{defaultValue:null,description:"",name:"onCanPlay",required:!1,type:{name:"ReactEventHandler"}},onCanPlayCapture:{defaultValue:null,description:"",name:"onCanPlayCapture",required:!1,type:{name:"ReactEventHandler"}},onCanPlayThrough:{defaultValue:null,description:"",name:"onCanPlayThrough",required:!1,type:{name:"ReactEventHandler"}},onCanPlayThroughCapture:{defaultValue:null,description:"",name:"onCanPlayThroughCapture",required:!1,type:{name:"ReactEventHandler"}},onDurationChange:{defaultValue:null,description:"",name:"onDurationChange",required:!1,type:{name:"ReactEventHandler"}},onDurationChangeCapture:{defaultValue:null,description:"",name:"onDurationChangeCapture",required:!1,type:{name:"ReactEventHandler"}},onEmptied:{defaultValue:null,description:"",name:"onEmptied",required:!1,type:{name:"ReactEventHandler"}},onEmptiedCapture:{defaultValue:null,description:"",name:"onEmptiedCapture",required:!1,type:{name:"ReactEventHandler"}},onEncrypted:{defaultValue:null,description:"",name:"onEncrypted",required:!1,type:{name:"ReactEventHandler"}},onEncryptedCapture:{defaultValue:null,description:"",name:"onEncryptedCapture",required:!1,type:{name:"ReactEventHandler"}},onEnded:{defaultValue:null,description:"",name:"onEnded",required:!1,type:{name:"ReactEventHandler"}},onEndedCapture:{defaultValue:null,description:"",name:"onEndedCapture",required:!1,type:{name:"ReactEventHandler"}},onLoadedData:{defaultValue:null,description:"",name:"onLoadedData",required:!1,type:{name:"ReactEventHandler"}},onLoadedDataCapture:{defaultValue:null,description:"",name:"onLoadedDataCapture",required:!1,type:{name:"ReactEventHandler"}},onLoadedMetadata:{defaultValue:null,description:"",name:"onLoadedMetadata",required:!1,type:{name:"ReactEventHandler"}},onLoadedMetadataCapture:{defaultValue:null,description:"",name:"onLoadedMetadataCapture",required:!1,type:{name:"ReactEventHandler"}},onLoadStart:{defaultValue:null,description:"",name:"onLoadStart",required:!1,type:{name:"ReactEventHandler"}},onLoadStartCapture:{defaultValue:null,description:"",name:"onLoadStartCapture",required:!1,type:{name:"ReactEventHandler"}},onPause:{defaultValue:null,description:"",name:"onPause",required:!1,type:{name:"ReactEventHandler"}},onPauseCapture:{defaultValue:null,description:"",name:"onPauseCapture",required:!1,type:{name:"ReactEventHandler"}},onPlay:{defaultValue:null,description:"",name:"onPlay",required:!1,type:{name:"ReactEventHandler"}},onPlayCapture:{defaultValue:null,description:"",name:"onPlayCapture",required:!1,type:{name:"ReactEventHandler"}},onPlaying:{defaultValue:null,description:"",name:"onPlaying",required:!1,type:{name:"ReactEventHandler"}},onPlayingCapture:{defaultValue:null,description:"",name:"onPlayingCapture",required:!1,type:{name:"ReactEventHandler"}},onProgress:{defaultValue:null,description:"",name:"onProgress",required:!1,type:{name:"ReactEventHandler"}},onProgressCapture:{defaultValue:null,description:"",name:"onProgressCapture",required:!1,type:{name:"ReactEventHandler"}},onRateChange:{defaultValue:null,description:"",name:"onRateChange",required:!1,type:{name:"ReactEventHandler"}},onRateChangeCapture:{defaultValue:null,description:"",name:"onRateChangeCapture",required:!1,type:{name:"ReactEventHandler"}},onResize:{defaultValue:null,description:"",name:"onResize",required:!1,type:{name:"ReactEventHandler"}},onResizeCapture:{defaultValue:null,description:"",name:"onResizeCapture",required:!1,type:{name:"ReactEventHandler"}},onSeeked:{defaultValue:null,description:"",name:"onSeeked",required:!1,type:{name:"ReactEventHandler"}},onSeekedCapture:{defaultValue:null,description:"",name:"onSeekedCapture",required:!1,type:{name:"ReactEventHandler"}},onSeeking:{defaultValue:null,description:"",name:"onSeeking",required:!1,type:{name:"ReactEventHandler"}},onSeekingCapture:{defaultValue:null,description:"",name:"onSeekingCapture",required:!1,type:{name:"ReactEventHandler"}},onStalled:{defaultValue:null,description:"",name:"onStalled",required:!1,type:{name:"ReactEventHandler"}},onStalledCapture:{defaultValue:null,description:"",name:"onStalledCapture",required:!1,type:{name:"ReactEventHandler"}},onSuspend:{defaultValue:null,description:"",name:"onSuspend",required:!1,type:{name:"ReactEventHandler"}},onSuspendCapture:{defaultValue:null,description:"",name:"onSuspendCapture",required:!1,type:{name:"ReactEventHandler"}},onTimeUpdate:{defaultValue:null,description:"",name:"onTimeUpdate",required:!1,type:{name:"ReactEventHandler"}},onTimeUpdateCapture:{defaultValue:null,description:"",name:"onTimeUpdateCapture",required:!1,type:{name:"ReactEventHandler"}},onVolumeChange:{defaultValue:null,description:"",name:"onVolumeChange",required:!1,type:{name:"ReactEventHandler"}},onVolumeChangeCapture:{defaultValue:null,description:"",name:"onVolumeChangeCapture",required:!1,type:{name:"ReactEventHandler"}},onWaiting:{defaultValue:null,description:"",name:"onWaiting",required:!1,type:{name:"ReactEventHandler"}},onWaitingCapture:{defaultValue:null,description:"",name:"onWaitingCapture",required:!1,type:{name:"ReactEventHandler"}},onAuxClick:{defaultValue:null,description:"",name:"onAuxClick",required:!1,type:{name:"MouseEventHandler"}},onAuxClickCapture:{defaultValue:null,description:"",name:"onAuxClickCapture",required:!1,type:{name:"MouseEventHandler"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"MouseEventHandler"}},onClickCapture:{defaultValue:null,description:"",name:"onClickCapture",required:!1,type:{name:"MouseEventHandler"}},onContextMenu:{defaultValue:null,description:"",name:"onContextMenu",required:!1,type:{name:"MouseEventHandler"}},onContextMenuCapture:{defaultValue:null,description:"",name:"onContextMenuCapture",required:!1,type:{name:"MouseEventHandler"}},onDoubleClick:{defaultValue:null,description:"",name:"onDoubleClick",required:!1,type:{name:"MouseEventHandler"}},onDoubleClickCapture:{defaultValue:null,description:"",name:"onDoubleClickCapture",required:!1,type:{name:"MouseEventHandler"}},onDrag:{defaultValue:null,description:"",name:"onDrag",required:!1,type:{name:"DragEventHandler"}},onDragCapture:{defaultValue:null,description:"",name:"onDragCapture",required:!1,type:{name:"DragEventHandler"}},onDragEnd:{defaultValue:null,description:"",name:"onDragEnd",required:!1,type:{name:"DragEventHandler"}},onDragEndCapture:{defaultValue:null,description:"",name:"onDragEndCapture",required:!1,type:{name:"DragEventHandler"}},onDragEnter:{defaultValue:null,description:"",name:"onDragEnter",required:!1,type:{name:"DragEventHandler"}},onDragEnterCapture:{defaultValue:null,description:"",name:"onDragEnterCapture",required:!1,type:{name:"DragEventHandler"}},onDragExit:{defaultValue:null,description:"",name:"onDragExit",required:!1,type:{name:"DragEventHandler"}},onDragExitCapture:{defaultValue:null,description:"",name:"onDragExitCapture",required:!1,type:{name:"DragEventHandler"}},onDragLeave:{defaultValue:null,description:"",name:"onDragLeave",required:!1,type:{name:"DragEventHandler"}},onDragLeaveCapture:{defaultValue:null,description:"",name:"onDragLeaveCapture",required:!1,type:{name:"DragEventHandler"}},onDragOver:{defaultValue:null,description:"",name:"onDragOver",required:!1,type:{name:"DragEventHandler"}},onDragOverCapture:{defaultValue:null,description:"",name:"onDragOverCapture",required:!1,type:{name:"DragEventHandler"}},onDragStart:{defaultValue:null,description:"",name:"onDragStart",required:!1,type:{name:"DragEventHandler"}},onDragStartCapture:{defaultValue:null,description:"",name:"onDragStartCapture",required:!1,type:{name:"DragEventHandler"}},onDrop:{defaultValue:null,description:"",name:"onDrop",required:!1,type:{name:"DragEventHandler"}},onDropCapture:{defaultValue:null,description:"",name:"onDropCapture",required:!1,type:{name:"DragEventHandler"}},onMouseDown:{defaultValue:null,description:"",name:"onMouseDown",required:!1,type:{name:"MouseEventHandler"}},onMouseDownCapture:{defaultValue:null,description:"",name:"onMouseDownCapture",required:!1,type:{name:"MouseEventHandler"}},onMouseEnter:{defaultValue:null,description:"",name:"onMouseEnter",required:!1,type:{name:"MouseEventHandler"}},onMouseLeave:{defaultValue:null,description:"",name:"onMouseLeave",required:!1,type:{name:"MouseEventHandler"}},onMouseMove:{defaultValue:null,description:"",name:"onMouseMove",required:!1,type:{name:"MouseEventHandler"}},onMouseMoveCapture:{defaultValue:null,description:"",name:"onMouseMoveCapture",required:!1,type:{name:"MouseEventHandler"}},onMouseOut:{defaultValue:null,description:"",name:"onMouseOut",required:!1,type:{name:"MouseEventHandler"}},onMouseOutCapture:{defaultValue:null,description:"",name:"onMouseOutCapture",required:!1,type:{name:"MouseEventHandler"}},onMouseOver:{defaultValue:null,description:"",name:"onMouseOver",required:!1,type:{name:"MouseEventHandler"}},onMouseOverCapture:{defaultValue:null,description:"",name:"onMouseOverCapture",required:!1,type:{name:"MouseEventHandler"}},onMouseUp:{defaultValue:null,description:"",name:"onMouseUp",required:!1,type:{name:"MouseEventHandler"}},onMouseUpCapture:{defaultValue:null,description:"",name:"onMouseUpCapture",required:!1,type:{name:"MouseEventHandler"}},onSelect:{defaultValue:null,description:"",name:"onSelect",required:!1,type:{name:"ReactEventHandler"}},onSelectCapture:{defaultValue:null,description:"",name:"onSelectCapture",required:!1,type:{name:"ReactEventHandler"}},onTouchCancel:{defaultValue:null,description:"",name:"onTouchCancel",required:!1,type:{name:"TouchEventHandler"}},onTouchCancelCapture:{defaultValue:null,description:"",name:"onTouchCancelCapture",required:!1,type:{name:"TouchEventHandler"}},onTouchEnd:{defaultValue:null,description:"",name:"onTouchEnd",required:!1,type:{name:"TouchEventHandler"}},onTouchEndCapture:{defaultValue:null,description:"",name:"onTouchEndCapture",required:!1,type:{name:"TouchEventHandler"}},onTouchMove:{defaultValue:null,description:"",name:"onTouchMove",required:!1,type:{name:"TouchEventHandler"}},onTouchMoveCapture:{defaultValue:null,description:"",name:"onTouchMoveCapture",required:!1,type:{name:"TouchEventHandler"}},onTouchStart:{defaultValue:null,description:"",name:"onTouchStart",required:!1,type:{name:"TouchEventHandler"}},onTouchStartCapture:{defaultValue:null,description:"",name:"onTouchStartCapture",required:!1,type:{name:"TouchEventHandler"}},onPointerDown:{defaultValue:null,description:"",name:"onPointerDown",required:!1,type:{name:"PointerEventHandler"}},onPointerDownCapture:{defaultValue:null,description:"",name:"onPointerDownCapture",required:!1,type:{name:"PointerEventHandler"}},onPointerMove:{defaultValue:null,description:"",name:"onPointerMove",required:!1,type:{name:"PointerEventHandler"}},onPointerMoveCapture:{defaultValue:null,description:"",name:"onPointerMoveCapture",required:!1,type:{name:"PointerEventHandler"}},onPointerUp:{defaultValue:null,description:"",name:"onPointerUp",required:!1,type:{name:"PointerEventHandler"}},onPointerUpCapture:{defaultValue:null,description:"",name:"onPointerUpCapture",required:!1,type:{name:"PointerEventHandler"}},onPointerCancel:{defaultValue:null,description:"",name:"onPointerCancel",required:!1,type:{name:"PointerEventHandler"}},onPointerCancelCapture:{defaultValue:null,description:"",name:"onPointerCancelCapture",required:!1,type:{name:"PointerEventHandler"}},onPointerEnter:{defaultValue:null,description:"",name:"onPointerEnter",required:!1,type:{name:"PointerEventHandler"}},onPointerLeave:{defaultValue:null,description:"",name:"onPointerLeave",required:!1,type:{name:"PointerEventHandler"}},onPointerOver:{defaultValue:null,description:"",name:"onPointerOver",required:!1,type:{name:"PointerEventHandler"}},onPointerOverCapture:{defaultValue:null,description:"",name:"onPointerOverCapture",required:!1,type:{name:"PointerEventHandler"}},onPointerOut:{defaultValue:null,description:"",name:"onPointerOut",required:!1,type:{name:"PointerEventHandler"}},onPointerOutCapture:{defaultValue:null,description:"",name:"onPointerOutCapture",required:!1,type:{name:"PointerEventHandler"}},onGotPointerCapture:{defaultValue:null,description:"",name:"onGotPointerCapture",required:!1,type:{name:"PointerEventHandler"}},onGotPointerCaptureCapture:{defaultValue:null,description:"",name:"onGotPointerCaptureCapture",required:!1,type:{name:"PointerEventHandler"}},onLostPointerCapture:{defaultValue:null,description:"",name:"onLostPointerCapture",required:!1,type:{name:"PointerEventHandler"}},onLostPointerCaptureCapture:{defaultValue:null,description:"",name:"onLostPointerCaptureCapture",required:!1,type:{name:"PointerEventHandler"}},onScroll:{defaultValue:null,description:"",name:"onScroll",required:!1,type:{name:"UIEventHandler"}},onScrollCapture:{defaultValue:null,description:"",name:"onScrollCapture",required:!1,type:{name:"UIEventHandler"}},onWheel:{defaultValue:null,description:"",name:"onWheel",required:!1,type:{name:"WheelEventHandler"}},onWheelCapture:{defaultValue:null,description:"",name:"onWheelCapture",required:!1,type:{name:"WheelEventHandler"}},onAnimationStart:{defaultValue:null,description:"",name:"onAnimationStart",required:!1,type:{name:"AnimationEventHandler"}},onAnimationStartCapture:{defaultValue:null,description:"",name:"onAnimationStartCapture",required:!1,type:{name:"AnimationEventHandler"}},onAnimationEnd:{defaultValue:null,description:"",name:"onAnimationEnd",required:!1,type:{name:"AnimationEventHandler"}},onAnimationEndCapture:{defaultValue:null,description:"",name:"onAnimationEndCapture",required:!1,type:{name:"AnimationEventHandler"}},onAnimationIteration:{defaultValue:null,description:"",name:"onAnimationIteration",required:!1,type:{name:"AnimationEventHandler"}},onAnimationIterationCapture:{defaultValue:null,description:"",name:"onAnimationIterationCapture",required:!1,type:{name:"AnimationEventHandler"}},onTransitionEnd:{defaultValue:null,description:"",name:"onTransitionEnd",required:!1,type:{name:"TransitionEventHandler"}},onTransitionEndCapture:{defaultValue:null,description:"",name:"onTransitionEndCapture",required:!1,type:{name:"TransitionEventHandler"}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"LegacyRef"}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"Key"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../components/src/MultiDropdown/MultiDropdown.tsx#MultiDropdown"]={docgenInfo:MultiDropdown.__docgenInfo,name:"MultiDropdown",path:"../components/src/MultiDropdown/MultiDropdown.tsx#MultiDropdown"})}catch(__react_docgen_typescript_loader_error){}}}]); \ No newline at end of file diff --git a/storybook/components-src-Settings-Settings-stories.627a02fa.iframe.bundle.js b/storybook/components-src-Settings-Settings-stories.627a02fa.iframe.bundle.js deleted file mode 100644 index e98572da..00000000 --- a/storybook/components-src-Settings-Settings-stories.627a02fa.iframe.bundle.js +++ /dev/null @@ -1,2 +0,0 @@ -/*! For license information please see components-src-Settings-Settings-stories.627a02fa.iframe.bundle.js.LICENSE.txt */ -"use strict";(self.webpackChunkessex_toolkit_stories=self.webpackChunkessex_toolkit_stories||[]).push([[8094],{"../components/src/Settings/Settings.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{AdvancedSettingsStory:()=>AdvancedSettingsStory,ArrayControlStory:()=>ArrayControlStory,BasicSettingsStory:()=>BasicSettingsStory,BooleanControlStory:()=>BooleanControlStory,ContextSettingsStory:()=>ContextSettingsStory,DefaultSettingsStory:()=>DefaultSettingsStory,GroupedSettingsStory:()=>GroupedSettingsStory,MixedSettingsStory:()=>MixedSettingsStory,NumberControlStory:()=>NumberControlStory,TextControlStory:()=>TextControlStory,default:()=>Settings_stories});var jsx_runtime=__webpack_require__("../../.yarn/cache/react-npm-18.3.1-af38f3c1ae-261137d3f3.zip/node_modules/react/jsx-runtime.js"),lib_commonjs=__webpack_require__("../../.yarn/__virtual__/@fluentui-react-virtual-de7476e3d6/0/cache/@fluentui-react-npm-8.118.9-93c5d7c0a7-1806e7182f.zip/node_modules/@fluentui/react/lib-commonjs/index.js"),react=__webpack_require__("../../.yarn/cache/react-npm-18.3.1-af38f3c1ae-261137d3f3.zip/node_modules/react/index.js"),MultiDropdown=__webpack_require__("../components/src/MultiDropdown/MultiDropdown.tsx");const containerStyle={display:"flex",flexDirection:"column",gap:8},groupContainerStyle={display:"flex",flexDirection:"column",gap:20},toggleStyles={root:{marginBottom:0}},checkboxStyles={label:{fontWeight:"bold"}},checkboxesStyle={display:"flex",flexDirection:"column",gap:12};var DataType,ControlType;!function(DataType){DataType.String="string",DataType.Number="number",DataType.Boolean="boolean",DataType.Array="array"}(DataType||(DataType={})),function(ControlType){ControlType.Textbox="textbox",ControlType.Spinner="spinner",ControlType.Toggle="toggle",ControlType.Dropdown="dropdown",ControlType.Radio="radio",ControlType.Slider="slider",ControlType.Checkbox="checkbox"}(ControlType||(ControlType={}));const ArrayControl=({config,onChange})=>{const{key,value,type,label,control,params}=config,handleTextChange=(0,react.useCallback)(((_evt,text)=>onChange?.(key,text?.split(","))),[key,onChange]),handleMultiChange=(0,react.useCallback)(((val,checked)=>{onChange&&onChange(key,value?checked?[...value,val]:value.filter((v=>v!==val)):[val])}),[key,value,onChange]),handleAllChange=(0,react.useCallback)(((_evt,options)=>onChange?.(key,options?.map((o=>o.key))||[])),[key,onChange]);switch(control){case ControlType.Textbox:return(0,jsx_runtime.jsx)(lib_commonjs.TextField,{label,value,onChange:handleTextChange},`textfield-${key}`);case ControlType.Dropdown:if(!params?.options)throw new Error("Dropdown control type requires list of options");return(0,jsx_runtime.jsx)(MultiDropdown.X,{label,multiSelect:!0,selectedKeys:value,options:params.options.map((opt=>({key:opt,text:opt}))),onChange:(_e,opt)=>handleMultiChange(opt?.key,opt?.selected),onChangeAll:handleAllChange},`dropdown-${key}`);case ControlType.Checkbox:if(!params?.options)throw new Error("Checkbox list control type requires list of options");return(0,jsx_runtime.jsxs)("div",{children:[(0,jsx_runtime.jsx)(lib_commonjs.Label,{children:label}),(0,jsx_runtime.jsx)("div",{style:checkboxesStyle,children:params.options.map((opt=>(0,jsx_runtime.jsx)(lib_commonjs.Checkbox,{label:opt,checked:!!value?.find((v=>v===opt)),onChange:(_e,chk)=>handleMultiChange(opt,chk)},`checkbox-${key}-${opt}`)))})]});default:throw new Error(`Unsupported control type ${JSON.stringify(control)} for ${type}`)}};try{ArrayControl.displayName="ArrayControl",ArrayControl.__docgenInfo={description:"ArrayControl creates either thematic themed Multi-select Dropdown or a list of Checkboxes\nas a Fluent component based on config options",displayName:"ArrayControl",props:{config:{defaultValue:null,description:"",name:"config",required:!0,type:{name:"ParsedSettingConfig"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"(key: string, value: any) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../components/src/Settings/ArrayControl.tsx#ArrayControl"]={docgenInfo:ArrayControl.__docgenInfo,name:"ArrayControl",path:"../components/src/Settings/ArrayControl.tsx#ArrayControl"})}catch(__react_docgen_typescript_loader_error){}const BooleanControl=({config,onChange})=>{const{key,value,type,label,control}=config,handleChange=(0,react.useCallback)(((_evt,checked)=>onChange?.(key,checked)),[key,onChange]);switch(control){case ControlType.Toggle:return(0,jsx_runtime.jsx)(lib_commonjs.Toggle,{styles:toggleStyles,label,checked:value,onChange:handleChange,inlineLabel:!0},`toggle-${key}`);case ControlType.Checkbox:return(0,jsx_runtime.jsx)(lib_commonjs.Checkbox,{styles:checkboxStyles,label,checked:value,onChange:handleChange},`checkbox-${key}`);default:throw new Error(`Unsupported control type ${JSON.stringify(control)} for ${type}`)}};try{BooleanControl.displayName="BooleanControl",BooleanControl.__docgenInfo={description:"BooleanControl creates either Checkbox or Toggle Fluent component\nwith thematic styling",displayName:"BooleanControl",props:{config:{defaultValue:null,description:"",name:"config",required:!0,type:{name:"ParsedSettingConfig"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"(key: string, value: any) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../components/src/Settings/BooleanControl.tsx#BooleanControl"]={docgenInfo:BooleanControl.__docgenInfo,name:"BooleanControl",path:"../components/src/Settings/BooleanControl.tsx#BooleanControl"})}catch(__react_docgen_typescript_loader_error){}var NumberSpinButton=__webpack_require__("../components/src/NumberSpinButton/NumberSpinButton.tsx");const NumberControl=({config,onChange})=>{const{key,value,type,label,control,params}=config,handleChange=(0,react.useCallback)((n=>onChange?.(key,n)),[key,onChange]);switch(control){case ControlType.Spinner:return(0,jsx_runtime.jsx)(NumberSpinButton.M,{label:label||"",value:void 0===value?"":value,labelPosition:lib_commonjs.Position.top,incrementButtonAriaLabel:`increment ${JSON.stringify(label)}`,decrementButtonAriaLabel:`decrement ${JSON.stringify(label)}`,...params,onChange:handleChange},`spinner-${key}`);case ControlType.Slider:return(0,jsx_runtime.jsx)(lib_commonjs.Slider,{label,value:void 0===value?"":value,...params,onChange:handleChange},`slider-${key}`);default:throw new Error(`Unsupported control type ${JSON.stringify(control)} for ${type}`)}};try{NumberControl.displayName="NumberControl",NumberControl.__docgenInfo={description:"NumberControl creates either a thematic styled NumberSpinButton or Slider\nfrom Fluent component\ndepending on control type specified.",displayName:"NumberControl",props:{config:{defaultValue:null,description:"",name:"config",required:!0,type:{name:"ParsedSettingConfig"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"(key: string, value: any) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../components/src/Settings/NumberControl.tsx#NumberControl"]={docgenInfo:NumberControl.__docgenInfo,name:"NumberControl",path:"../components/src/Settings/NumberControl.tsx#NumberControl"})}catch(__react_docgen_typescript_loader_error){}var isArray=__webpack_require__("../../.yarn/cache/lodash-es-npm-4.17.21-b45832dfce-03f39878ea.zip/node_modules/lodash-es/isArray.js");const selectDefaultControl=(type,params)=>{switch(type){case DataType.Number:return ControlType.Spinner;case DataType.Boolean:return ControlType.Toggle;case DataType.Array:return params?.options?params.options.length<4?ControlType.Checkbox:ControlType.Dropdown:ControlType.Textbox;default:return params?.options?params.options.length<4?ControlType.Radio:ControlType.Dropdown:ControlType.Textbox}},parseSettings=(settings={},config={})=>{const combined=Object.entries(settings).reduce(((acc,cur)=>{const[key,value]=cur;return acc[key]||(acc[key]={defaultValue:value}),acc}),{...config});return Object.entries(combined).reduce(((acc,cur)=>{const[key,conf]=cur,setting=settings[key],value=void 0!==setting?setting:conf.defaultValue,type=guessType(value,conf);var str;return[...acc,{key,value,type,control:conf.control||selectDefaultControl(type,conf.params),params:conf.params||{},label:(str=key,str.replace(/([a-z\d])([A-Z])/g,"$1 $2").split(" ").map(((token,index)=>0===index?token.substr(0,1).toUpperCase()+token.substr(1).toLowerCase():token.toLowerCase())).join(" "))}]}),[])},guessType=(value,conf)=>{const{type,control}=conf;if(void 0!==type)return type;if((0,isArray.A)(value))return DataType.Array;if(void 0!==value)return typeof value;switch(control){case ControlType.Checkbox:case ControlType.Toggle:return DataType.Boolean;case ControlType.Spinner:case ControlType.Slider:return DataType.Number;default:return DataType.String}},sortIntoGroups=(parsed,groups=[])=>{const depleting=[...parsed],grouped=groups.reduce(((acc,cur)=>{const{keys}=cur,settings=keys.map((key=>{const match=depleting.findIndex((s=>s.key===key));return depleting.splice(match,1)[0]}));return[...acc,{...cur,separator:!0,settings}]}),[]);return[{settings:depleting},...grouped]},TextControl=({config,onChange})=>{const{key,value,type,label,control,params}=config,handleTextChange=(0,react.useCallback)(((_evt,text)=>onChange?.(key,text)),[key,onChange]),handleOptionChange=(0,react.useCallback)(((_evt,option)=>onChange?.(key,option?.text)),[key,onChange]);switch(control){case ControlType.Textbox:return(0,jsx_runtime.jsx)(lib_commonjs.TextField,{label,value,onChange:handleTextChange},`textfield-${key}`);case ControlType.Dropdown:if(!params?.options)throw new Error("Dropdown control type requires list of options");return(0,jsx_runtime.jsx)(lib_commonjs.Dropdown,{label,selectedKey:value,options:params.options.map((opt=>({key:opt,text:opt}))),onChange:handleOptionChange},`dropdown-${key}`);case ControlType.Radio:if(!params?.options)throw new Error("Radio control type requires list of options");return(0,jsx_runtime.jsx)(lib_commonjs.ChoiceGroup,{label,selectedKey:value,options:params?.options.map((opt=>({key:opt,text:opt}))),onChange:handleOptionChange},`radio-${key}`);default:throw new Error(`Unsupported control type ${JSON.stringify(control)} for ${type}`)}};try{TextControl.displayName="TextControl",TextControl.__docgenInfo={description:"TextControl creates either thematic themed TextField, Dropdown, or ChoiceGroup\nas a Fluent component based on config options",displayName:"TextControl",props:{config:{defaultValue:null,description:"",name:"config",required:!0,type:{name:"ParsedSettingConfig"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"(key: string, value: any) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../components/src/Settings/TextControl.tsx#TextControl"]={docgenInfo:TextControl.__docgenInfo,name:"TextControl",path:"../components/src/Settings/TextControl.tsx#TextControl"})}catch(__react_docgen_typescript_loader_error){}const Settings=({settings,config,groups=[],onChange})=>{const parsed=function useParsedSettings(settings,config){return(0,react.useMemo)((()=>parseSettings(settings,config)),[settings,config])}(settings,config),handleChange=(0,react.useCallback)(((key,value)=>onChange?.(key,value)),[onChange]),grouped=function useGrouped(parsed,groups){return(0,react.useMemo)((()=>sortIntoGroups(parsed,groups)),[parsed,groups])}(parsed,groups),groupings=(0,react.useMemo)((()=>grouped.map(((group,i)=>{const controls=group.settings.map((entry=>renderControl(entry,handleChange)));return(0,jsx_runtime.jsxs)("div",{children:[group.separator?(0,jsx_runtime.jsx)(lib_commonjs.Separator,{children:group.label}):null,(0,jsx_runtime.jsx)("div",{style:groupContainerStyle,children:controls})]},`settings-group-${i}`)}))),[grouped,handleChange]);return(0,jsx_runtime.jsx)("div",{style:containerStyle,children:groupings})},renderControl=(config,onChange)=>{const{key,type,control}=config;let Control;return Control=type===DataType.Number?NumberControl:type===DataType.Boolean?BooleanControl:type===DataType.Array?ArrayControl:TextControl,(0,jsx_runtime.jsx)(Control,{config,onChange},`settings-control-${key}`)};try{Settings.displayName="Settings",Settings.__docgenInfo={description:"A zero-config settings panel that parses a supplied object\nand generates a list of Fluent UI controls based on the data types.\nA config object can be supplied that maps specific object fields to\nmore detailed control config, such as changing between a Toggle or Checkbox.\nIn addition, it will invoke a onChange handler for any setting, supplying the changed setting's key and new value.\nNote that this could be used in an entirely declarative/serializable manner if desired.",displayName:"Settings",props:{settings:{defaultValue:null,description:"Settings object to render into a settings panel.\nThis can be basically anything, but should be flat\nat the moment, as complex/nested objects are not supported.\nNote that this can be undefined if a config is supplied.",name:"settings",required:!1,type:{name:"any"}},config:{defaultValue:null,description:"Map of optional config params for individual settings.\nThe key should match the key present in the settings object.\nIf an item in this config does not exist in the settings,\nit must use a defaultValue so we can initialize it.",name:"config",required:!1,type:{name:"SettingsConfig"}},groups:{defaultValue:{value:"[]"},description:"List of optional groups to sort the settings into, with a separator between each.\nThe group is a list of the keys to include, with an optional label for the separator.",name:"groups",required:!1,type:{name:"SettingsGroup[]"}},onChange:{defaultValue:null,description:"Handler to notify when any of the settings has changed.\nCallback args will be the key and value that changed.\nMerging, etc. is up to the consumer.",name:"onChange",required:!1,type:{name:"(key: string, value: any) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../components/src/Settings/Settings.tsx#Settings"]={docgenInfo:Settings.__docgenInfo,name:"Settings",path:"../components/src/Settings/Settings.tsx#Settings"})}catch(__react_docgen_typescript_loader_error){}const basicSettings={title:"Graph",algorithm:"Louvain",nodeLimit:1e4,showEdges:!0,metrics:["centrality","weight"]},SettingsComponent=props=>{const{settings,...rest}=props,[internal,setSettings]=(0,react.useState)(settings),handleChange=(0,react.useCallback)(((key,value)=>{console.log(`setting changed: '${key}': '${value}'`),setSettings((prev=>({...prev,[`${key}`]:value})))}),[]);return console.log("current settings",internal),(0,jsx_runtime.jsx)("div",{style:{border:"1px solid orange",padding:8,marginTop:8},children:(0,jsx_runtime.jsx)(Settings,{settings:internal,onChange:handleChange,...rest})})},Settings_stories={title:"@essex:components/Settings",component:SettingsComponent},BasicSettingsComponent=()=>(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsxs)(lib_commonjs.MessageBar,{children:["This example shows a basic object parsed into settings and rendered into the default control set.",(0,jsx_runtime.jsx)("pre",{children:"\n {\n title: 'Graph',\n algorithm: 'Louvain',\n nodeLimit: 10000,\n showEdges: true\n }\n "})]}),(0,jsx_runtime.jsx)(SettingsComponent,{settings:basicSettings})]}),AdvancedSettingsComponent=()=>(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(lib_commonjs.MessageBar,{children:"This example shows settings with control types explicitly defined using config."}),(0,jsx_runtime.jsx)(SettingsComponent,{settings:basicSettings,config:{title:{control:ControlType.Dropdown,params:{options:["None","Graph","Nodes","Edges"]}},algorithm:{control:ControlType.Radio,params:{options:["Louvain","Leiden"]}},nodeLimit:{control:ControlType.Slider,params:{max:2e4,step:1e3}},showEdges:{control:ControlType.Checkbox}}})]}),MixedSettingsComponent=()=>(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(lib_commonjs.MessageBar,{children:"This example shows the use of defaultValues for undefined settings, and auto-selecting control types based on options. In this example, “greeting” is the only defined setting."}),(0,jsx_runtime.jsx)(SettingsComponent,{settings:{greeting:"Hello and welcome"},config:{fourItemDropdown:{defaultValue:"Nodes",params:{options:["None","Graph","Nodes","Edges"]}},twoItemRadio:{defaultValue:"Leiden",params:{options:["Louvain","Leiden"]}}}})]}),DefaultSettingsComponent=()=>(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(lib_commonjs.MessageBar,{children:"This example only uses config with defaultValues and no pre-defined settings object."}),(0,jsx_runtime.jsx)(SettingsComponent,{config:{fourItemDropdown:{defaultValue:"Nodes",params:{options:["None","Graph","Nodes","Edges"]}},twoItemRadio:{defaultValue:"Leiden",params:{options:["Louvain","Leiden"]}},name:{},age:{type:DataType.Number},month:{control:ControlType.Slider},metrics:{type:DataType.Array,params:{options:["centrality","weight"]}}}})]}),BasicSettingsStory={render:()=>(0,jsx_runtime.jsx)(BasicSettingsComponent,{}),name:"Basic Settings"},AdvancedSettingsStory={render:()=>(0,jsx_runtime.jsx)(AdvancedSettingsComponent,{}),name:"Advanced Settings"},MixedSettingsStory={render:()=>(0,jsx_runtime.jsx)(MixedSettingsComponent,{}),name:"Mixed set + config values"},DefaultSettingsStory={render:()=>(0,jsx_runtime.jsx)(DefaultSettingsComponent,{}),name:"Defaults from config only"},GroupedPanel=()=>(0,jsx_runtime.jsx)(SettingsComponent,{settings:basicSettings,groups:[{label:"Rendering",keys:["nodeLimit","showEdges"]},{label:"Communities",keys:["algorithm"]}]}),ContextSettingComponent=()=>{const renderPanel=(0,react.useCallback)((()=>(0,jsx_runtime.jsx)("div",{style:{margin:10},children:(0,jsx_runtime.jsx)(GroupedPanel,{})})),[]);return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(lib_commonjs.MessageBar,{children:"This example shows the settings panel in a dropdown context menu."}),(0,jsx_runtime.jsx)(lib_commonjs.DefaultButton,{text:"Click for settings",menuProps:{items:[{key:"dropdown-settings",onRender:renderPanel}]}})]})},GroupedSettingsStory={render:()=>(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(lib_commonjs.MessageBar,{children:'This example shows settings within groups, which automatically get a separator and optional label. Any ungrouped settings are placed at the top ("Title" in this example).'}),(0,jsx_runtime.jsx)(GroupedPanel,{})]}),name:"Grouped Settings"},ContextSettingsStory={render:()=>(0,jsx_runtime.jsx)(ContextSettingComponent,{}),name:"Context Menu Settings"},TextControlStory={name:"TextControl",args:{config:{textbox:{defaultValue:"text"},dropdown:{defaultValue:"two",params:{options:["one","two","three","four","five"]}},radio:{defaultValue:"two",params:{options:["one","two","three"]}}}}},NumberControlStory={name:"NumberControl",args:{config:{spinner:{defaultValue:1},slider:{defaultValue:4,control:ControlType.Slider,params:{min:1,max:5}}}}},BooleanControlStory={name:"BooleanControl",args:{config:{checkbox:{defaultValue:!0,control:ControlType.Checkbox},toggle:{defaultValue:!1}}}},ArrayControlStory={name:"ArrayControl",args:{config:{textbox:{defaultValue:["text"]},dropdown:{defaultValue:["two"],params:{options:["one","two","three","four","five"]}},radio:{defaultValue:["two"],params:{options:["one","two","three"]}}}}};BasicSettingsStory.parameters={...BasicSettingsStory.parameters,docs:{...BasicSettingsStory.parameters?.docs,source:{originalSource:"{\n render: () => ,\n name: 'Basic Settings'\n}",...BasicSettingsStory.parameters?.docs?.source}}},AdvancedSettingsStory.parameters={...AdvancedSettingsStory.parameters,docs:{...AdvancedSettingsStory.parameters?.docs,source:{originalSource:"{\n render: () => ,\n name: 'Advanced Settings'\n}",...AdvancedSettingsStory.parameters?.docs?.source}}},MixedSettingsStory.parameters={...MixedSettingsStory.parameters,docs:{...MixedSettingsStory.parameters?.docs,source:{originalSource:"{\n render: () => ,\n name: 'Mixed set + config values'\n}",...MixedSettingsStory.parameters?.docs?.source}}},DefaultSettingsStory.parameters={...DefaultSettingsStory.parameters,docs:{...DefaultSettingsStory.parameters?.docs,source:{originalSource:"{\n render: () => ,\n name: 'Defaults from config only'\n}",...DefaultSettingsStory.parameters?.docs?.source}}},GroupedSettingsStory.parameters={...GroupedSettingsStory.parameters,docs:{...GroupedSettingsStory.parameters?.docs,source:{originalSource:"{\n render: () => {\n return <>\n \n This example shows settings within groups, which automatically get a\n separator and optional label. Any ungrouped settings are placed at the\n top ("Title" in this example).\n \n \n ;\n },\n name: 'Grouped Settings'\n}",...GroupedSettingsStory.parameters?.docs?.source}}},ContextSettingsStory.parameters={...ContextSettingsStory.parameters,docs:{...ContextSettingsStory.parameters?.docs,source:{originalSource:"{\n render: () => ,\n name: 'Context Menu Settings'\n}",...ContextSettingsStory.parameters?.docs?.source}}},TextControlStory.parameters={...TextControlStory.parameters,docs:{...TextControlStory.parameters?.docs,source:{originalSource:"{\n name: 'TextControl',\n args: {\n config: {\n textbox: {\n defaultValue: 'text'\n },\n dropdown: {\n defaultValue: 'two',\n params: {\n options: ['one', 'two', 'three', 'four', 'five']\n }\n },\n radio: {\n defaultValue: 'two',\n params: {\n options: ['one', 'two', 'three']\n }\n }\n }\n }\n}",...TextControlStory.parameters?.docs?.source}}},NumberControlStory.parameters={...NumberControlStory.parameters,docs:{...NumberControlStory.parameters?.docs,source:{originalSource:"{\n name: 'NumberControl',\n args: {\n config: {\n spinner: {\n defaultValue: 1\n },\n slider: {\n defaultValue: 4,\n control: ControlType.Slider,\n params: {\n min: 1,\n max: 5\n }\n }\n }\n }\n}",...NumberControlStory.parameters?.docs?.source}}},BooleanControlStory.parameters={...BooleanControlStory.parameters,docs:{...BooleanControlStory.parameters?.docs,source:{originalSource:"{\n name: 'BooleanControl',\n args: {\n config: {\n checkbox: {\n defaultValue: true,\n control: ControlType.Checkbox\n },\n toggle: {\n defaultValue: false\n }\n }\n }\n}",...BooleanControlStory.parameters?.docs?.source}}},ArrayControlStory.parameters={...ArrayControlStory.parameters,docs:{...ArrayControlStory.parameters?.docs,source:{originalSource:"{\n name: 'ArrayControl',\n args: {\n config: {\n textbox: {\n defaultValue: ['text']\n },\n dropdown: {\n defaultValue: ['two'],\n params: {\n options: ['one', 'two', 'three', 'four', 'five']\n }\n },\n radio: {\n defaultValue: ['two'],\n params: {\n options: ['one', 'two', 'three']\n }\n }\n }\n }\n}",...ArrayControlStory.parameters?.docs?.source}}}},"../components/src/MultiDropdown/MultiDropdown.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{X:()=>MultiDropdown});var jsx_runtime=__webpack_require__("../../.yarn/cache/react-npm-18.3.1-af38f3c1ae-261137d3f3.zip/node_modules/react/jsx-runtime.js"),lib_commonjs=__webpack_require__("../../.yarn/__virtual__/@fluentui-react-virtual-de7476e3d6/0/cache/@fluentui-react-npm-8.118.9-93c5d7c0a7-1806e7182f.zip/node_modules/@fluentui/react/lib-commonjs/index.js"),react=__webpack_require__("../../.yarn/cache/react-npm-18.3.1-af38f3c1ae-261137d3f3.zip/node_modules/react/index.js");const wrapperStyle={display:"flex",justifyContent:"space-between",gap:4},linkStyles={root:{textAlign:"center",width:"100%"}},divider={key:"--divider--",text:"-",itemType:1,selected:!1},actions={key:"--actions--",text:"",itemType:2,selected:!1};function useDropdownOptions(options){return(0,react.useMemo)((()=>[actions,divider,...options]),[options])}try{useDropdownOptions.displayName="useDropdownOptions",useDropdownOptions.__docgenInfo={description:"",displayName:"useDropdownOptions",props:{length:{defaultValue:null,description:"Gets or sets the length of the array. This is a number one higher than the highest index in the array.",name:"length",required:!0,type:{name:"number"}},toString:{defaultValue:null,description:"Returns a string representation of an array.",name:"toString",required:!1,type:{name:"() => string"}},toLocaleString:{defaultValue:null,description:"Returns a string representation of an array. The elements are converted to string using their toLocaleString methods.",name:"toLocaleString",required:!1,type:{name:"{ (): string; (locales: string | string[], options?: NumberFormatOptions & DateTimeFormatOptions): string; }"}},pop:{defaultValue:null,description:"Removes the last element from an array and returns it.\nIf the array is empty, undefined is returned and the array is not modified.",name:"pop",required:!0,type:{name:"() => IDropdownOption"}},push:{defaultValue:null,description:"Appends new elements to the end of an array, and returns the new length of the array.\n@param items New elements to add to the array.",name:"push",required:!0,type:{name:"(...items: IDropdownOption[]) => number"}},concat:{defaultValue:null,description:"Combines two or more arrays.\nThis method returns a new array without modifying any existing arrays.\n@param items Additional arrays and/or items to add to the end of the array.\n@param items Additional arrays and/or items to add to the end of the array.",name:"concat",required:!0,type:{name:"{ (...items: ConcatArray>[]): IDropdownOption[]; (...items: (IDropdownOption | ConcatArray>)[]): IDropdownOption<...>[]; }"}},join:{defaultValue:null,description:"Adds all the elements of an array into a string, separated by the specified separator string.\n@param separator A string used to separate one element of the array from the next in the resulting string. If omitted, the array elements are separated with a comma.",name:"join",required:!0,type:{name:"(separator?: string) => string"}},reverse:{defaultValue:null,description:"Reverses the elements in an array in place.\nThis method mutates the array and returns a reference to the same array.",name:"reverse",required:!0,type:{name:"() => IDropdownOption[]"}},shift:{defaultValue:null,description:"Removes the first element from an array and returns it.\nIf the array is empty, undefined is returned and the array is not modified.",name:"shift",required:!0,type:{name:"() => IDropdownOption"}},slice:{defaultValue:null,description:"Returns a copy of a section of an array.\nFor both start and end, a negative index can be used to indicate an offset from the end of the array.\nFor example, -2 refers to the second to last element of the array.\n@param start The beginning index of the specified portion of the array.\nIf start is undefined, then the slice begins at index 0.\n@param end The end index of the specified portion of the array. This is exclusive of the element at the index 'end'.\nIf end is undefined, then the slice extends to the end of the array.",name:"slice",required:!0,type:{name:"(start?: number, end?: number) => IDropdownOption[]"}},sort:{defaultValue:null,description:"Sorts an array in place.\nThis method mutates the array and returns a reference to the same array.\n@param compareFn Function used to determine the order of the elements. It is expected to return\na negative value if the first argument is less than the second argument, zero if they're equal, and a positive\nvalue otherwise. If omitted, the elements are sorted in ascending, ASCII character order.\n```ts\n[11,2,22,1].sort((a, b) => a - b)\n```",name:"sort",required:!0,type:{name:"(compareFn?: (a: IDropdownOption, b: IDropdownOption) => number) => IDropdownOption[]"}},splice:{defaultValue:null,description:"Removes elements from an array and, if necessary, inserts new elements in their place, returning the deleted elements.\n@param start The zero-based location in the array from which to start removing elements.\n@param deleteCount The number of elements to remove.\n@returns An array containing the elements that were deleted.\n@param start The zero-based location in the array from which to start removing elements.\n@param deleteCount The number of elements to remove.\n@param items Elements to insert into the array in place of the deleted elements.\n@returns An array containing the elements that were deleted.",name:"splice",required:!0,type:{name:"{ (start: number, deleteCount?: number): IDropdownOption[]; (start: number, deleteCount: number, ...items: IDropdownOption[]): IDropdownOption[]; }"}},unshift:{defaultValue:null,description:"Inserts new elements at the start of an array, and returns the new length of the array.\n@param items Elements to insert at the start of the array.",name:"unshift",required:!0,type:{name:"(...items: IDropdownOption[]) => number"}},indexOf:{defaultValue:null,description:"Returns the index of the first occurrence of a value in an array, or -1 if it is not present.\n@param searchElement The value to locate in the array.\n@param fromIndex The array index at which to begin the search. If fromIndex is omitted, the search starts at index 0.",name:"indexOf",required:!0,type:{name:"(searchElement: IDropdownOption, fromIndex?: number) => number"}},lastIndexOf:{defaultValue:null,description:"Returns the index of the last occurrence of a specified value in an array, or -1 if it is not present.\n@param searchElement The value to locate in the array.\n@param fromIndex The array index at which to begin searching backward. If fromIndex is omitted, the search starts at the last index in the array.",name:"lastIndexOf",required:!0,type:{name:"(searchElement: IDropdownOption, fromIndex?: number) => number"}},every:{defaultValue:null,description:"Determines whether all the members of an array satisfy the specified test.\n@param predicate A function that accepts up to three arguments. The every method calls\nthe predicate function for each element in the array until the predicate returns a value\nwhich is coercible to the Boolean value false, or until the end of the array.\n@param thisArg An object to which the this keyword can refer in the predicate function.\nIf thisArg is omitted, undefined is used as the this value.\n@param predicate A function that accepts up to three arguments. The every method calls\nthe predicate function for each element in the array until the predicate returns a value\nwhich is coercible to the Boolean value false, or until the end of the array.\n@param thisArg An object to which the this keyword can refer in the predicate function.\nIf thisArg is omitted, undefined is used as the this value.",name:"every",required:!0,type:{name:"{ >(predicate: (value: IDropdownOption, index: number, array: IDropdownOption[]) => value is S, thisArg?: any): this is S[]; (predicate: (value: IDropdownOption<...>, index: number, array: IDropdownOption<...>[]) => unknown, thisArg?: any): boolean; }"}},some:{defaultValue:null,description:"Determines whether the specified callback function returns true for any element of an array.\n@param predicate A function that accepts up to three arguments. The some method calls\nthe predicate function for each element in the array until the predicate returns a value\nwhich is coercible to the Boolean value true, or until the end of the array.\n@param thisArg An object to which the this keyword can refer in the predicate function.\nIf thisArg is omitted, undefined is used as the this value.",name:"some",required:!0,type:{name:"(predicate: (value: IDropdownOption, index: number, array: IDropdownOption[]) => unknown, thisArg?: any) => boolean"}},forEach:{defaultValue:null,description:"Performs the specified action for each element in an array.\n@param callbackfn A function that accepts up to three arguments. forEach calls the callbackfn function one time for each element in the array.\n@param thisArg An object to which the this keyword can refer in the callbackfn function. If thisArg is omitted, undefined is used as the this value.",name:"forEach",required:!0,type:{name:"(callbackfn: (value: IDropdownOption, index: number, array: IDropdownOption[]) => void, thisArg?: any) => void"}},map:{defaultValue:null,description:"Calls a defined callback function on each element of an array, and returns an array that contains the results.\n@param callbackfn A function that accepts up to three arguments. The map method calls the callbackfn function one time for each element in the array.\n@param thisArg An object to which the this keyword can refer in the callbackfn function. If thisArg is omitted, undefined is used as the this value.",name:"map",required:!0,type:{name:"(callbackfn: (value: IDropdownOption, index: number, array: IDropdownOption[]) => U, thisArg?: any) => U[]"}},filter:{defaultValue:null,description:"Returns the elements of an array that meet the condition specified in a callback function.\n@param predicate A function that accepts up to three arguments. The filter method calls the predicate function one time for each element in the array.\n@param thisArg An object to which the this keyword can refer in the predicate function. If thisArg is omitted, undefined is used as the this value.\n@param predicate A function that accepts up to three arguments. The filter method calls the predicate function one time for each element in the array.\n@param thisArg An object to which the this keyword can refer in the predicate function. If thisArg is omitted, undefined is used as the this value.",name:"filter",required:!0,type:{name:"{ >(predicate: (value: IDropdownOption, index: number, array: IDropdownOption[]) => value is S, thisArg?: any): S[]; (predicate: (value: IDropdownOption<...>, index: number, array: IDropdownOption<...>[]) => unknown, thisArg?: any): IDropdownOption<...>[]; }"}},reduce:{defaultValue:null,description:"Calls the specified callback function for all the elements in an array. The return value of the callback function is the accumulated result, and is provided as an argument in the next call to the callback function.\n@param callbackfn A function that accepts up to four arguments. The reduce method calls the callbackfn function one time for each element in the array.\n@param initialValue If initialValue is specified, it is used as the initial value to start the accumulation. The first call to the callbackfn function provides this value as an argument instead of an array value.\n@param callbackfn A function that accepts up to four arguments. The reduce method calls the callbackfn function one time for each element in the array.\n@param initialValue If initialValue is specified, it is used as the initial value to start the accumulation. The first call to the callbackfn function provides this value as an argument instead of an array value.",name:"reduce",required:!0,type:{name:"{ (callbackfn: (previousValue: IDropdownOption, currentValue: IDropdownOption, currentIndex: number, array: IDropdownOption[]) => IDropdownOption<...>): IDropdownOption<...>; (callbackfn: (previousValue: IDropdownOption<...>, currentValue: IDropdownOption<...>, currentIndex: number, array: IDropdownOp..."}},reduceRight:{defaultValue:null,description:"Calls the specified callback function for all the elements in an array, in descending order. The return value of the callback function is the accumulated result, and is provided as an argument in the next call to the callback function.\n@param callbackfn A function that accepts up to four arguments. The reduceRight method calls the callbackfn function one time for each element in the array.\n@param initialValue If initialValue is specified, it is used as the initial value to start the accumulation. The first call to the callbackfn function provides this value as an argument instead of an array value.\n@param callbackfn A function that accepts up to four arguments. The reduceRight method calls the callbackfn function one time for each element in the array.\n@param initialValue If initialValue is specified, it is used as the initial value to start the accumulation. The first call to the callbackfn function provides this value as an argument instead of an array value.",name:"reduceRight",required:!0,type:{name:"{ (callbackfn: (previousValue: IDropdownOption, currentValue: IDropdownOption, currentIndex: number, array: IDropdownOption[]) => IDropdownOption<...>): IDropdownOption<...>; (callbackfn: (previousValue: IDropdownOption<...>, currentValue: IDropdownOption<...>, currentIndex: number, array: IDropdownOp..."}},find:{defaultValue:null,description:"Returns the value of the first element in the array where predicate is true, and undefined\notherwise.\n@param predicate find calls predicate once for each element of the array, in ascending\norder, until it finds one where predicate returns true. If such an element is found, find\nimmediately returns that element value. Otherwise, find returns undefined.\n@param thisArg If provided, it will be used as the this value for each invocation of\npredicate. If it is not provided, undefined is used instead.",name:"find",required:!0,type:{name:"{ >(predicate: (value: IDropdownOption, index: number, obj: IDropdownOption[]) => value is S, thisArg?: any): S; (predicate: (value: IDropdownOption<...>, index: number, obj: IDropdownOption<...>[]) => unknown, thisArg?: any): IDropdownOption<...>; }"}},findIndex:{defaultValue:null,description:"Returns the index of the first element in the array where predicate is true, and -1\notherwise.\n@param predicate find calls predicate once for each element of the array, in ascending\norder, until it finds one where predicate returns true. If such an element is found,\nfindIndex immediately returns that element index. Otherwise, findIndex returns -1.\n@param thisArg If provided, it will be used as the this value for each invocation of\npredicate. If it is not provided, undefined is used instead.",name:"findIndex",required:!0,type:{name:"(predicate: (value: IDropdownOption, index: number, obj: IDropdownOption[]) => unknown, thisArg?: any) => number"}},fill:{defaultValue:null,description:"Changes all array elements from `start` to `end` index to a static `value` and returns the modified array\n@param value value to fill array section with\n@param start index to start filling the array at. If start is negative, it is treated as\nlength+start where length is the length of the array.\n@param end index to stop filling the array at. If end is negative, it is treated as\nlength+end.",name:"fill",required:!0,type:{name:"(value: IDropdownOption, start?: number, end?: number) => IDropdownOption[]"}},copyWithin:{defaultValue:null,description:"Returns the this object after copying a section of the array identified by start and end\nto the same array starting at position target\n@param target If target is negative, it is treated as length+target where length is the\nlength of the array.\n@param start If start is negative, it is treated as length+start. If end is negative, it\nis treated as length+end.\n@param end If not specified, length of the this object is used as its default value.",name:"copyWithin",required:!0,type:{name:"(target: number, start: number, end?: number) => IDropdownOption[]"}},entries:{defaultValue:null,description:"Returns an iterable of key, value pairs for every entry in the array",name:"entries",required:!0,type:{name:"() => IterableIterator<[number, IDropdownOption]>"}},keys:{defaultValue:null,description:"Returns an iterable of keys in the array",name:"keys",required:!0,type:{name:"() => IterableIterator"}},values:{defaultValue:null,description:"Returns an iterable of values in the array",name:"values",required:!0,type:{name:"() => IterableIterator>"}},includes:{defaultValue:null,description:"Determines whether an array includes a certain element, returning true or false as appropriate.\n@param searchElement The element to search for.\n@param fromIndex The position in this array at which to begin searching for searchElement.",name:"includes",required:!0,type:{name:"(searchElement: IDropdownOption, fromIndex?: number) => boolean"}},flatMap:{defaultValue:null,description:"Calls a defined callback function on each element of an array. Then, flattens the result into\na new array.\nThis is identical to a map followed by flat with depth 1.\n@param callback A function that accepts up to three arguments. The flatMap method calls the\ncallback function one time for each element in the array.\n@param thisArg An object to which the this keyword can refer in the callback function. If\nthisArg is omitted, undefined is used as the this value.",name:"flatMap",required:!0,type:{name:"(callback: (this: This, value: IDropdownOption, index: number, array: IDropdownOption[]) => U | readonly U[], thisArg?: This) => U[]"}},flat:{defaultValue:null,description:"Returns a new array with all sub-array elements concatenated into it recursively up to the\nspecified depth.\n@param depth The maximum recursion depth",name:"flat",required:!0,type:{name:"(this: A, depth?: D) => FlatArray[]"}},at:{defaultValue:null,description:"Returns the item located at the specified index.\n@param index The zero-based index of the desired code unit. A negative index will count back from the last item.",name:"at",required:!0,type:{name:"(index: number) => IDropdownOption"}},findLast:{defaultValue:null,description:"Returns the value of the last element in the array where predicate is true, and undefined\notherwise.\n@param predicate findLast calls predicate once for each element of the array, in descending\norder, until it finds one where predicate returns true. If such an element is found, findLast\nimmediately returns that element value. Otherwise, findLast returns undefined.\n@param thisArg If provided, it will be used as the this value for each invocation of\npredicate. If it is not provided, undefined is used instead.",name:"findLast",required:!0,type:{name:"{ >(predicate: (value: IDropdownOption, index: number, array: IDropdownOption[]) => value is S, thisArg?: any): S; (predicate: (value: IDropdownOption<...>, index: number, array: IDropdownOption<...>[]) => unknown, thisArg?: any): IDropdownOption<...>; }"}},findLastIndex:{defaultValue:null,description:"Returns the index of the last element in the array where predicate is true, and -1\notherwise.\n@param predicate findLastIndex calls predicate once for each element of the array, in descending\norder, until it finds one where predicate returns true. If such an element is found,\nfindLastIndex immediately returns that element index. Otherwise, findLastIndex returns -1.\n@param thisArg If provided, it will be used as the this value for each invocation of\npredicate. If it is not provided, undefined is used instead.",name:"findLastIndex",required:!0,type:{name:"(predicate: (value: IDropdownOption, index: number, array: IDropdownOption[]) => unknown, thisArg?: any) => number"}},toReversed:{defaultValue:null,description:"Returns a copy of an array with its elements reversed.",name:"toReversed",required:!0,type:{name:"() => IDropdownOption[]"}},toSorted:{defaultValue:null,description:"Returns a copy of an array with its elements sorted.\n@param compareFn Function used to determine the order of the elements. It is expected to return\na negative value if the first argument is less than the second argument, zero if they're equal, and a positive\nvalue otherwise. If omitted, the elements are sorted in ascending, ASCII character order.\n```ts\n[11, 2, 22, 1].toSorted((a, b) => a - b) // [1, 2, 11, 22]\n```",name:"toSorted",required:!0,type:{name:"(compareFn?: (a: IDropdownOption, b: IDropdownOption) => number) => IDropdownOption[]"}},toSpliced:{defaultValue:null,description:"Copies an array and removes elements and, if necessary, inserts new elements in their place. Returns the copied array.\nCopies an array and removes elements while returning the remaining elements.\n@param start The zero-based location in the array from which to start removing elements.\n@param deleteCount The number of elements to remove.\n@param items Elements to insert into the copied array in place of the deleted elements.\n@returns The copied array.\n@param start The zero-based location in the array from which to start removing elements.\n@param deleteCount The number of elements to remove.\n@returns A copy of the original array with the remaining elements.",name:"toSpliced",required:!0,type:{name:"{ (start: number, deleteCount: number, ...items: IDropdownOption[]): IDropdownOption[]; (start: number, deleteCount?: number): IDropdownOption[]; }"}},with:{defaultValue:null,description:"Copies an array, then overwrites the value at the provided index with the\ngiven value. If the index is negative, then it replaces from the end\nof the array.\n@param index The index of the value to overwrite. If the index is\nnegative, then it replaces from the end of the array.\n@param value The value to write into the copied array.\n@returns The copied array with the updated value.",name:"with",required:!0,type:{name:"(index: number, value: IDropdownOption) => IDropdownOption[]"}},"__@iterator@14":{defaultValue:null,description:"Iterator",name:"__@iterator@14",required:!0,type:{name:"() => IterableIterator>"}},"__@unscopables@320":{defaultValue:null,description:"Is an object whose properties have the value 'true'\nwhen they will be absent when used in a 'with' statement.",name:"__@unscopables@320",required:!0,type:{name:"{ [x: number]: boolean; length?: boolean; toString?: boolean; toLocaleString?: boolean; pop?: boolean; push?: boolean; concat?: boolean; join?: boolean; reverse?: boolean; shift?: boolean; slice?: boolean; sort?: boolean; ... 29 more ...; readonly [Symbol.unscopables]?: boolean; }"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../components/src/MultiDropdown/MultiDropdown.hooks.tsx#useDropdownOptions"]={docgenInfo:useDropdownOptions.__docgenInfo,name:"useDropdownOptions",path:"../components/src/MultiDropdown/MultiDropdown.hooks.tsx#useDropdownOptions"})}catch(__react_docgen_typescript_loader_error){}const MultiDropdown=(0,react.memo)((function MultiDropdown({options,onChangeAll,...props}){const opts=useDropdownOptions(options),handleRenderOption=function useOptionRenderer(options,onChangeAll){const handleSelectAll=(0,react.useCallback)((event=>onChangeAll?.(event,options.map((o=>({...o,selected:!0}))),options.map(((_o,i)=>i)))),[onChangeAll,options]),handleSelectNone=(0,react.useCallback)((event=>onChangeAll?.(event)),[onChangeAll]);return(0,react.useCallback)((option=>"--actions--"===option?.key?(0,jsx_runtime.jsxs)("div",{style:wrapperStyle,children:[(0,jsx_runtime.jsx)(lib_commonjs.Link,{styles:linkStyles,onClick:handleSelectAll,children:"All"}),(0,jsx_runtime.jsx)(lib_commonjs.Separator,{vertical:!0}),(0,jsx_runtime.jsx)(lib_commonjs.Link,{styles:linkStyles,onClick:handleSelectNone,children:"None"})]}):(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:option?.text})),[handleSelectAll,handleSelectNone])}(options,onChangeAll);return(0,jsx_runtime.jsx)(lib_commonjs.Dropdown,{multiSelect:!0,options:opts,onRenderOption:handleRenderOption,...props})}));try{MultiDropdown.displayName="MultiDropdown",MultiDropdown.__docgenInfo={description:"Dropdown wrapper to manage multi-select with a select all/none helper.",displayName:"MultiDropdown",props:{onChangeAll:{defaultValue:null,description:"",name:"onChangeAll",required:!1,type:{name:"(event: MouseEvent, options?: IDropdownOption<...>[], indexes?: number[]) => void"}},placeHolder:{defaultValue:null,description:"Input placeholder text. Displayed until option is selected.\n@deprecated Use `placeholder`",name:"placeHolder",required:!1,type:{name:"string"}},options:{defaultValue:null,description:"Options for the dropdown. If using `defaultSelectedKey` or `defaultSelectedKeys`, options must be\npure for correct behavior.",name:"options",required:!0,type:{name:"IDropdownOption[]"}},onChange:{defaultValue:null,description:"Callback issued when the selected option changes.",name:"onChange",required:!1,type:{name:"(event: FormEvent, option?: IDropdownOption, index?: number) => void"}},onChanged:{defaultValue:null,description:"@deprecated Use `onChange` instead.",name:"onChanged",required:!1,type:{name:"(option: IDropdownOption, index?: number) => void"}},onRenderLabel:{defaultValue:null,description:"Custom render function for the label.",name:"onRenderLabel",required:!1,type:{name:"IRenderFunction"}},onRenderPlaceholder:{defaultValue:null,description:"Optional custom renderer for placeholder text",name:"onRenderPlaceholder",required:!1,type:{name:"IRenderFunction"}},onRenderPlaceHolder:{defaultValue:null,description:"Optional custom renderer for placeholder text\n@deprecated Use `onRenderPlaceholder`",name:"onRenderPlaceHolder",required:!1,type:{name:"IRenderFunction"}},onRenderTitle:{defaultValue:null,description:"Optional custom renderer for selected option displayed in input",name:"onRenderTitle",required:!1,type:{name:"IRenderFunction[]>"}},onRenderCaretDown:{defaultValue:null,description:"Optional custom renderer for chevron icon",name:"onRenderCaretDown",required:!1,type:{name:"IRenderFunction"}},dropdownWidth:{defaultValue:null,description:"Custom width for dropdown. If value is 0, width of the input field is used.\nIf value is 'auto', width of the input field is used by default, and it can grow wider to fit the content.\n@defaultvalue 0",name:"dropdownWidth",required:!1,type:{name:'number | "auto"'}},responsiveMode:{defaultValue:null,description:"Pass in ResponsiveMode to manually overwrite the way the Dropdown renders.\nResponsiveMode.large would, for instance, disable the behavior where Dropdown options\nget rendered into a Panel while ResponsiveMode.small would result in the Dropdown\noptions always getting rendered in a Panel.",name:"responsiveMode",required:!1,type:{name:"ResponsiveMode"}},defaultSelectedKeys:{defaultValue:null,description:"Keys that will be initially used to set selected items. This prop is used for `multiSelect`\nscenarios. In other cases, `defaultSelectedKey` should be used.",name:"defaultSelectedKeys",required:!1,type:{name:"number[] | string[]"}},selectedKeys:{defaultValue:null,description:"Keys of the selected items. If you provide this, you must maintain selection\nstate by observing onChange events and passing a new value in when changed.\nPassing null in will clear the selection.\nMutually exclusive with `defaultSelectedKeys`.",name:"selectedKeys",required:!1,type:{name:"number[] | string[]"}},multiSelectDelimiter:{defaultValue:null,description:'When multiple items are selected, this still will be used to separate values in\nthe dropdown title.\n@defaultvalue ", "',name:"multiSelectDelimiter",required:!1,type:{name:"string"}},notifyOnReselect:{defaultValue:null,description:"Optional preference to have onChanged still be called when an already selected item is\nclicked in single select mode. Default to false",name:"notifyOnReselect",required:!1,type:{name:"boolean"}},isDisabled:{defaultValue:null,description:"@deprecated Use `disabled` instead. Deprecated at v0.52.0.",name:"isDisabled",required:!1,type:{name:"boolean"}},theme:{defaultValue:null,description:"Theme provided by higher order component.",name:"theme",required:!1,type:{name:"ITheme"}},styles:{defaultValue:null,description:"Call to provide customized styling that will layer on top of the variant rules.",name:"styles",required:!1,type:{name:"IStyleFunctionOrObject"}},componentRef:{defaultValue:null,description:"Optional callback to access the component interface (usually `IDropdown` or `IComboBox`).\nUse this instead of `ref` for accessing the public methods and properties of the component.",name:"componentRef",required:!1,type:{name:"IRefObject"}},label:{defaultValue:null,description:"Descriptive label for the field",name:"label",required:!1,type:{name:"string"}},ariaLabel:{defaultValue:null,description:"Aria Label for the field for screen reader users.",name:"ariaLabel",required:!1,type:{name:"string"}},id:{defaultValue:null,description:"ID of the field",name:"id",required:!1,type:{name:"string"}},className:{defaultValue:null,description:"Additional class name for the root element.",name:"className",required:!1,type:{name:"string"}},defaultSelectedKey:{defaultValue:null,description:"The key(s) that will be initially used to set a selected item.\n\nMutually exclusive with `selectedKey`.\nFor Dropdown (but not ComboBox) in multi-select mode, use `defaultSelectedKeys` instead.",name:"defaultSelectedKey",required:!1,type:{name:"string | number | number[] | string[]"}},selectedKey:{defaultValue:null,description:"The key(s) of the selected item. If you provide this, you must maintain selection\nstate by observing onChange events and passing a new value in when changed.\nNote that passing in `null` will cause selection to be reset.\n\nMutually exclusive with `defaultSelectedKey`.\nFor Dropdown (but not ComboBox) in multi-select mode, use `selectedKeys` instead.",name:"selectedKey",required:!1,type:{name:"string | number | number[] | string[]"}},multiSelect:{defaultValue:null,description:"Whether multi-choice selections are allowed or not.\n@defaultvalue false",name:"multiSelect",required:!1,type:{name:"boolean"}},onRenderContainer:{defaultValue:null,description:"Optional custom renderer for the option list container",name:"onRenderContainer",required:!1,type:{name:"IRenderFunction>"}},onRenderList:{defaultValue:null,description:"Optional custom renderer for the option list",name:"onRenderList",required:!1,type:{name:"IRenderFunction>"}},onRenderItem:{defaultValue:null,description:"Optional custom renderer for all items, including headers and dividers as well as normal options.",name:"onRenderItem",required:!1,type:{name:"IRenderFunction>"}},onRenderOption:{defaultValue:null,description:"Optional custom renderer for normal and header options only.\nUse `onRenderItem` to control rendering for separators as well.",name:"onRenderOption",required:!1,type:{name:"IRenderFunction>"}},onDismiss:{defaultValue:null,description:"Callback for when the options list callout is dismissed",name:"onDismiss",required:!1,type:{name:"() => void"}},disabled:{defaultValue:null,description:"Whether or not the field is disabled.",name:"disabled",required:!1,type:{name:"boolean"}},required:{defaultValue:null,description:"Whether or not the field is required.",name:"required",required:!1,type:{name:"boolean"}},calloutProps:{defaultValue:null,description:"Custom properties for the Callout used to render the option list.",name:"calloutProps",required:!1,type:{name:"ICalloutProps"}},panelProps:{defaultValue:null,description:"Custom properties for the Panel used to render the option list on small devices.",name:"panelProps",required:!1,type:{name:"IPanelProps"}},errorMessage:{defaultValue:null,description:"Error message for the field.",name:"errorMessage",required:!1,type:{name:"string"}},placeholder:{defaultValue:null,description:"Input placeholder text. Displayed until option is selected.",name:"placeholder",required:!1,type:{name:"string"}},openOnKeyboardFocus:{defaultValue:null,description:"Whether or not the ComboBox/Dropdown should expand on keyboard focus.\n@defaultvalue false",name:"openOnKeyboardFocus",required:!1,type:{name:"boolean"}},defaultChecked:{defaultValue:null,description:"",name:"defaultChecked",required:!1,type:{name:"boolean"}},defaultValue:{defaultValue:null,description:"",name:"defaultValue",required:!1,type:{name:"string | number | readonly string[]"}},suppressContentEditableWarning:{defaultValue:null,description:"",name:"suppressContentEditableWarning",required:!1,type:{name:"boolean"}},suppressHydrationWarning:{defaultValue:null,description:"",name:"suppressHydrationWarning",required:!1,type:{name:"boolean"}},accessKey:{defaultValue:null,description:"",name:"accessKey",required:!1,type:{name:"string"}},autoFocus:{defaultValue:null,description:"",name:"autoFocus",required:!1,type:{name:"boolean"}},contentEditable:{defaultValue:null,description:"",name:"contentEditable",required:!1,type:{name:'Booleanish | "inherit" | "plaintext-only"'}},contextMenu:{defaultValue:null,description:"",name:"contextMenu",required:!1,type:{name:"string"}},dir:{defaultValue:null,description:"",name:"dir",required:!1,type:{name:"string"}},draggable:{defaultValue:null,description:"",name:"draggable",required:!1,type:{name:"Booleanish"}},hidden:{defaultValue:null,description:"",name:"hidden",required:!1,type:{name:"boolean"}},lang:{defaultValue:null,description:"",name:"lang",required:!1,type:{name:"string"}},nonce:{defaultValue:null,description:"",name:"nonce",required:!1,type:{name:"string"}},slot:{defaultValue:null,description:"",name:"slot",required:!1,type:{name:"string"}},spellCheck:{defaultValue:null,description:"",name:"spellCheck",required:!1,type:{name:"Booleanish"}},style:{defaultValue:null,description:"",name:"style",required:!1,type:{name:"CSSProperties"}},tabIndex:{defaultValue:null,description:"",name:"tabIndex",required:!1,type:{name:"number"}},title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"string"}},translate:{defaultValue:null,description:"",name:"translate",required:!1,type:{name:'"yes" | "no"'}},radioGroup:{defaultValue:null,description:"",name:"radioGroup",required:!1,type:{name:"string"}},role:{defaultValue:null,description:"",name:"role",required:!1,type:{name:"AriaRole"}},about:{defaultValue:null,description:"",name:"about",required:!1,type:{name:"string"}},content:{defaultValue:null,description:"",name:"content",required:!1,type:{name:"string"}},datatype:{defaultValue:null,description:"",name:"datatype",required:!1,type:{name:"string"}},inlist:{defaultValue:null,description:"",name:"inlist",required:!1,type:{name:"any"}},prefix:{defaultValue:null,description:"",name:"prefix",required:!1,type:{name:"string"}},property:{defaultValue:null,description:"",name:"property",required:!1,type:{name:"string"}},rel:{defaultValue:null,description:"",name:"rel",required:!1,type:{name:"string"}},resource:{defaultValue:null,description:"",name:"resource",required:!1,type:{name:"string"}},rev:{defaultValue:null,description:"",name:"rev",required:!1,type:{name:"string"}},typeof:{defaultValue:null,description:"",name:"typeof",required:!1,type:{name:"string"}},vocab:{defaultValue:null,description:"",name:"vocab",required:!1,type:{name:"string"}},autoCapitalize:{defaultValue:null,description:"",name:"autoCapitalize",required:!1,type:{name:"string"}},autoCorrect:{defaultValue:null,description:"",name:"autoCorrect",required:!1,type:{name:"string"}},autoSave:{defaultValue:null,description:"",name:"autoSave",required:!1,type:{name:"string"}},color:{defaultValue:null,description:"",name:"color",required:!1,type:{name:"string"}},itemProp:{defaultValue:null,description:"",name:"itemProp",required:!1,type:{name:"string"}},itemScope:{defaultValue:null,description:"",name:"itemScope",required:!1,type:{name:"boolean"}},itemType:{defaultValue:null,description:"",name:"itemType",required:!1,type:{name:"string"}},itemID:{defaultValue:null,description:"",name:"itemID",required:!1,type:{name:"string"}},itemRef:{defaultValue:null,description:"",name:"itemRef",required:!1,type:{name:"string"}},results:{defaultValue:null,description:"",name:"results",required:!1,type:{name:"number"}},security:{defaultValue:null,description:"",name:"security",required:!1,type:{name:"string"}},unselectable:{defaultValue:null,description:"",name:"unselectable",required:!1,type:{name:'"on" | "off"'}},inputMode:{defaultValue:null,description:"Hints at the type of data that might be entered by the user while editing the element or its contents\n@see {@link https://html.spec.whatwg.org/multipage/interaction.html#input-modalities:-the-inputmode-attribute}",name:"inputMode",required:!1,type:{name:'"text" | "none" | "search" | "tel" | "url" | "email" | "numeric" | "decimal"'}},is:{defaultValue:null,description:"Specify that a standard HTML element should behave like a defined custom built-in element\n@see {@link https://html.spec.whatwg.org/multipage/custom-elements.html#attr-is}",name:"is",required:!1,type:{name:"string"}},"aria-activedescendant":{defaultValue:null,description:"Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.",name:"aria-activedescendant",required:!1,type:{name:"string"}},"aria-atomic":{defaultValue:null,description:"Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute.",name:"aria-atomic",required:!1,type:{name:"Booleanish"}},"aria-autocomplete":{defaultValue:null,description:"Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be\npresented if they are made.",name:"aria-autocomplete",required:!1,type:{name:'"none" | "list" | "inline" | "both"'}},"aria-braillelabel":{defaultValue:null,description:"Defines a string value that labels the current element, which is intended to be converted into Braille.\n@see aria-label.",name:"aria-braillelabel",required:!1,type:{name:"string"}},"aria-brailleroledescription":{defaultValue:null,description:"Defines a human-readable, author-localized abbreviated description for the role of an element, which is intended to be converted into Braille.\n@see aria-roledescription.",name:"aria-brailleroledescription",required:!1,type:{name:"string"}},"aria-busy":{defaultValue:null,description:"",name:"aria-busy",required:!1,type:{name:"Booleanish"}},"aria-checked":{defaultValue:null,description:'Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.\n@see aria-pressed\n@see aria-selected.',name:"aria-checked",required:!1,type:{name:'boolean | "true" | "false" | "mixed"'}},"aria-colcount":{defaultValue:null,description:"Defines the total number of columns in a table, grid, or treegrid.\n@see aria-colindex.",name:"aria-colcount",required:!1,type:{name:"number"}},"aria-colindex":{defaultValue:null,description:"Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid.\n@see aria-colcount\n@see aria-colspan.",name:"aria-colindex",required:!1,type:{name:"number"}},"aria-colindextext":{defaultValue:null,description:"Defines a human readable text alternative of aria-colindex.\n@see aria-rowindextext.",name:"aria-colindextext",required:!1,type:{name:"string"}},"aria-colspan":{defaultValue:null,description:"Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-colindex\n@see aria-rowspan.",name:"aria-colspan",required:!1,type:{name:"number"}},"aria-controls":{defaultValue:null,description:"Identifies the element (or elements) whose contents or presence are controlled by the current element.\n@see aria-owns.",name:"aria-controls",required:!1,type:{name:"string"}},"aria-current":{defaultValue:null,description:"Indicates the element that represents the current item within a container or set of related elements.",name:"aria-current",required:!1,type:{name:'boolean | "step" | "true" | "false" | "page" | "location" | "date" | "time"'}},"aria-describedby":{defaultValue:null,description:"Identifies the element (or elements) that describes the object.\n@see aria-labelledby",name:"aria-describedby",required:!1,type:{name:"string"}},"aria-description":{defaultValue:null,description:"Defines a string value that describes or annotates the current element.\n@see related aria-describedby.",name:"aria-description",required:!1,type:{name:"string"}},"aria-details":{defaultValue:null,description:"Identifies the element that provides a detailed, extended description for the object.\n@see aria-describedby.",name:"aria-details",required:!1,type:{name:"string"}},"aria-disabled":{defaultValue:null,description:"Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.\n@see aria-hidden\n@see aria-readonly.",name:"aria-disabled",required:!1,type:{name:"Booleanish"}},"aria-dropeffect":{defaultValue:null,description:"Indicates what functions can be performed when a dragged object is released on the drop target.\n@deprecated in ARIA 1.1",name:"aria-dropeffect",required:!1,type:{name:'"none" | "link" | "copy" | "execute" | "move" | "popup"'}},"aria-errormessage":{defaultValue:null,description:"Identifies the element that provides an error message for the object.\n@see aria-invalid\n@see aria-describedby.",name:"aria-errormessage",required:!1,type:{name:"string"}},"aria-expanded":{defaultValue:null,description:"Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed.",name:"aria-expanded",required:!1,type:{name:"Booleanish"}},"aria-flowto":{defaultValue:null,description:"Identifies the next element (or elements) in an alternate reading order of content which, at the user's discretion,\nallows assistive technology to override the general default of reading in document source order.",name:"aria-flowto",required:!1,type:{name:"string"}},"aria-grabbed":{defaultValue:null,description:'Indicates an element\'s "grabbed" state in a drag-and-drop operation.\n@deprecated in ARIA 1.1',name:"aria-grabbed",required:!1,type:{name:"Booleanish"}},"aria-haspopup":{defaultValue:null,description:"Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element.",name:"aria-haspopup",required:!1,type:{name:'boolean | "true" | "false" | "dialog" | "grid" | "listbox" | "menu" | "tree"'}},"aria-hidden":{defaultValue:null,description:"Indicates whether the element is exposed to an accessibility API.\n@see aria-disabled.",name:"aria-hidden",required:!1,type:{name:"Booleanish"}},"aria-invalid":{defaultValue:null,description:"Indicates the entered value does not conform to the format expected by the application.\n@see aria-errormessage.",name:"aria-invalid",required:!1,type:{name:'boolean | "true" | "false" | "grammar" | "spelling"'}},"aria-keyshortcuts":{defaultValue:null,description:"Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element.",name:"aria-keyshortcuts",required:!1,type:{name:"string"}},"aria-label":{defaultValue:null,description:"Defines a string value that labels the current element.\n@see aria-labelledby.",name:"aria-label",required:!1,type:{name:"string"}},"aria-labelledby":{defaultValue:null,description:"Identifies the element (or elements) that labels the current element.\n@see aria-describedby.",name:"aria-labelledby",required:!1,type:{name:"string"}},"aria-level":{defaultValue:null,description:"Defines the hierarchical level of an element within a structure.",name:"aria-level",required:!1,type:{name:"number"}},"aria-live":{defaultValue:null,description:"Indicates that an element will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region.",name:"aria-live",required:!1,type:{name:'"off" | "assertive" | "polite"'}},"aria-modal":{defaultValue:null,description:"Indicates whether an element is modal when displayed.",name:"aria-modal",required:!1,type:{name:"Booleanish"}},"aria-multiline":{defaultValue:null,description:"Indicates whether a text box accepts multiple lines of input or only a single line.",name:"aria-multiline",required:!1,type:{name:"Booleanish"}},"aria-multiselectable":{defaultValue:null,description:"Indicates that the user may select more than one item from the current selectable descendants.",name:"aria-multiselectable",required:!1,type:{name:"Booleanish"}},"aria-orientation":{defaultValue:null,description:"Indicates whether the element's orientation is horizontal, vertical, or unknown/ambiguous.",name:"aria-orientation",required:!1,type:{name:'"horizontal" | "vertical"'}},"aria-owns":{defaultValue:null,description:"Identifies an element (or elements) in order to define a visual, functional, or contextual parent/child relationship\nbetween DOM elements where the DOM hierarchy cannot be used to represent the relationship.\n@see aria-controls.",name:"aria-owns",required:!1,type:{name:"string"}},"aria-placeholder":{defaultValue:null,description:"Defines a short hint (a word or short phrase) intended to aid the user with data entry when the control has no value.\nA hint could be a sample value or a brief description of the expected format.",name:"aria-placeholder",required:!1,type:{name:"string"}},"aria-posinset":{defaultValue:null,description:"Defines an element's number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.\n@see aria-setsize.",name:"aria-posinset",required:!1,type:{name:"number"}},"aria-pressed":{defaultValue:null,description:'Indicates the current "pressed" state of toggle buttons.\n@see aria-checked\n@see aria-selected.',name:"aria-pressed",required:!1,type:{name:'boolean | "true" | "false" | "mixed"'}},"aria-readonly":{defaultValue:null,description:"Indicates that the element is not editable, but is otherwise operable.\n@see aria-disabled.",name:"aria-readonly",required:!1,type:{name:"Booleanish"}},"aria-relevant":{defaultValue:null,description:"Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified.\n@see aria-atomic.",name:"aria-relevant",required:!1,type:{name:'"text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals"'}},"aria-required":{defaultValue:null,description:"Indicates that user input is required on the element before a form may be submitted.",name:"aria-required",required:!1,type:{name:"Booleanish"}},"aria-roledescription":{defaultValue:null,description:"Defines a human-readable, author-localized description for the role of an element.",name:"aria-roledescription",required:!1,type:{name:"string"}},"aria-rowcount":{defaultValue:null,description:"Defines the total number of rows in a table, grid, or treegrid.\n@see aria-rowindex.",name:"aria-rowcount",required:!1,type:{name:"number"}},"aria-rowindex":{defaultValue:null,description:"Defines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid.\n@see aria-rowcount\n@see aria-rowspan.",name:"aria-rowindex",required:!1,type:{name:"number"}},"aria-rowindextext":{defaultValue:null,description:"Defines a human readable text alternative of aria-rowindex.\n@see aria-colindextext.",name:"aria-rowindextext",required:!1,type:{name:"string"}},"aria-rowspan":{defaultValue:null,description:"Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-rowindex\n@see aria-colspan.",name:"aria-rowspan",required:!1,type:{name:"number"}},"aria-selected":{defaultValue:null,description:'Indicates the current "selected" state of various widgets.\n@see aria-checked\n@see aria-pressed.',name:"aria-selected",required:!1,type:{name:"Booleanish"}},"aria-setsize":{defaultValue:null,description:"Defines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.\n@see aria-posinset.",name:"aria-setsize",required:!1,type:{name:"number"}},"aria-sort":{defaultValue:null,description:"Indicates if items in a table or grid are sorted in ascending or descending order.",name:"aria-sort",required:!1,type:{name:'"none" | "ascending" | "descending" | "other"'}},"aria-valuemax":{defaultValue:null,description:"Defines the maximum allowed value for a range widget.",name:"aria-valuemax",required:!1,type:{name:"number"}},"aria-valuemin":{defaultValue:null,description:"Defines the minimum allowed value for a range widget.",name:"aria-valuemin",required:!1,type:{name:"number"}},"aria-valuenow":{defaultValue:null,description:"Defines the current value for a range widget.\n@see aria-valuetext.",name:"aria-valuenow",required:!1,type:{name:"number"}},"aria-valuetext":{defaultValue:null,description:"Defines the human readable text alternative of aria-valuenow for a range widget.",name:"aria-valuetext",required:!1,type:{name:"string"}},dangerouslySetInnerHTML:{defaultValue:null,description:"",name:"dangerouslySetInnerHTML",required:!1,type:{name:"{ __html: string | TrustedHTML; }"}},onCopy:{defaultValue:null,description:"",name:"onCopy",required:!1,type:{name:"ClipboardEventHandler"}},onCopyCapture:{defaultValue:null,description:"",name:"onCopyCapture",required:!1,type:{name:"ClipboardEventHandler"}},onCut:{defaultValue:null,description:"",name:"onCut",required:!1,type:{name:"ClipboardEventHandler"}},onCutCapture:{defaultValue:null,description:"",name:"onCutCapture",required:!1,type:{name:"ClipboardEventHandler"}},onPaste:{defaultValue:null,description:"",name:"onPaste",required:!1,type:{name:"ClipboardEventHandler"}},onPasteCapture:{defaultValue:null,description:"",name:"onPasteCapture",required:!1,type:{name:"ClipboardEventHandler"}},onCompositionEnd:{defaultValue:null,description:"",name:"onCompositionEnd",required:!1,type:{name:"CompositionEventHandler"}},onCompositionEndCapture:{defaultValue:null,description:"",name:"onCompositionEndCapture",required:!1,type:{name:"CompositionEventHandler"}},onCompositionStart:{defaultValue:null,description:"",name:"onCompositionStart",required:!1,type:{name:"CompositionEventHandler"}},onCompositionStartCapture:{defaultValue:null,description:"",name:"onCompositionStartCapture",required:!1,type:{name:"CompositionEventHandler"}},onCompositionUpdate:{defaultValue:null,description:"",name:"onCompositionUpdate",required:!1,type:{name:"CompositionEventHandler"}},onCompositionUpdateCapture:{defaultValue:null,description:"",name:"onCompositionUpdateCapture",required:!1,type:{name:"CompositionEventHandler"}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"FocusEventHandler"}},onFocusCapture:{defaultValue:null,description:"",name:"onFocusCapture",required:!1,type:{name:"FocusEventHandler"}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"FocusEventHandler"}},onBlurCapture:{defaultValue:null,description:"",name:"onBlurCapture",required:!1,type:{name:"FocusEventHandler"}},onChangeCapture:{defaultValue:null,description:"",name:"onChangeCapture",required:!1,type:{name:"FormEventHandler"}},onBeforeInput:{defaultValue:null,description:"",name:"onBeforeInput",required:!1,type:{name:"FormEventHandler"}},onBeforeInputCapture:{defaultValue:null,description:"",name:"onBeforeInputCapture",required:!1,type:{name:"FormEventHandler"}},onInput:{defaultValue:null,description:"",name:"onInput",required:!1,type:{name:"FormEventHandler"}},onInputCapture:{defaultValue:null,description:"",name:"onInputCapture",required:!1,type:{name:"FormEventHandler"}},onReset:{defaultValue:null,description:"",name:"onReset",required:!1,type:{name:"FormEventHandler"}},onResetCapture:{defaultValue:null,description:"",name:"onResetCapture",required:!1,type:{name:"FormEventHandler"}},onSubmit:{defaultValue:null,description:"",name:"onSubmit",required:!1,type:{name:"FormEventHandler"}},onSubmitCapture:{defaultValue:null,description:"",name:"onSubmitCapture",required:!1,type:{name:"FormEventHandler"}},onInvalid:{defaultValue:null,description:"",name:"onInvalid",required:!1,type:{name:"FormEventHandler"}},onInvalidCapture:{defaultValue:null,description:"",name:"onInvalidCapture",required:!1,type:{name:"FormEventHandler"}},onLoad:{defaultValue:null,description:"",name:"onLoad",required:!1,type:{name:"ReactEventHandler"}},onLoadCapture:{defaultValue:null,description:"",name:"onLoadCapture",required:!1,type:{name:"ReactEventHandler"}},onError:{defaultValue:null,description:"",name:"onError",required:!1,type:{name:"ReactEventHandler"}},onErrorCapture:{defaultValue:null,description:"",name:"onErrorCapture",required:!1,type:{name:"ReactEventHandler"}},onKeyDown:{defaultValue:null,description:"",name:"onKeyDown",required:!1,type:{name:"KeyboardEventHandler"}},onKeyDownCapture:{defaultValue:null,description:"",name:"onKeyDownCapture",required:!1,type:{name:"KeyboardEventHandler"}},onKeyPress:{defaultValue:null,description:"@deprecated",name:"onKeyPress",required:!1,type:{name:"KeyboardEventHandler"}},onKeyPressCapture:{defaultValue:null,description:"@deprecated",name:"onKeyPressCapture",required:!1,type:{name:"KeyboardEventHandler"}},onKeyUp:{defaultValue:null,description:"",name:"onKeyUp",required:!1,type:{name:"KeyboardEventHandler"}},onKeyUpCapture:{defaultValue:null,description:"",name:"onKeyUpCapture",required:!1,type:{name:"KeyboardEventHandler"}},onAbort:{defaultValue:null,description:"",name:"onAbort",required:!1,type:{name:"ReactEventHandler"}},onAbortCapture:{defaultValue:null,description:"",name:"onAbortCapture",required:!1,type:{name:"ReactEventHandler"}},onCanPlay:{defaultValue:null,description:"",name:"onCanPlay",required:!1,type:{name:"ReactEventHandler"}},onCanPlayCapture:{defaultValue:null,description:"",name:"onCanPlayCapture",required:!1,type:{name:"ReactEventHandler"}},onCanPlayThrough:{defaultValue:null,description:"",name:"onCanPlayThrough",required:!1,type:{name:"ReactEventHandler"}},onCanPlayThroughCapture:{defaultValue:null,description:"",name:"onCanPlayThroughCapture",required:!1,type:{name:"ReactEventHandler"}},onDurationChange:{defaultValue:null,description:"",name:"onDurationChange",required:!1,type:{name:"ReactEventHandler"}},onDurationChangeCapture:{defaultValue:null,description:"",name:"onDurationChangeCapture",required:!1,type:{name:"ReactEventHandler"}},onEmptied:{defaultValue:null,description:"",name:"onEmptied",required:!1,type:{name:"ReactEventHandler"}},onEmptiedCapture:{defaultValue:null,description:"",name:"onEmptiedCapture",required:!1,type:{name:"ReactEventHandler"}},onEncrypted:{defaultValue:null,description:"",name:"onEncrypted",required:!1,type:{name:"ReactEventHandler"}},onEncryptedCapture:{defaultValue:null,description:"",name:"onEncryptedCapture",required:!1,type:{name:"ReactEventHandler"}},onEnded:{defaultValue:null,description:"",name:"onEnded",required:!1,type:{name:"ReactEventHandler"}},onEndedCapture:{defaultValue:null,description:"",name:"onEndedCapture",required:!1,type:{name:"ReactEventHandler"}},onLoadedData:{defaultValue:null,description:"",name:"onLoadedData",required:!1,type:{name:"ReactEventHandler"}},onLoadedDataCapture:{defaultValue:null,description:"",name:"onLoadedDataCapture",required:!1,type:{name:"ReactEventHandler"}},onLoadedMetadata:{defaultValue:null,description:"",name:"onLoadedMetadata",required:!1,type:{name:"ReactEventHandler"}},onLoadedMetadataCapture:{defaultValue:null,description:"",name:"onLoadedMetadataCapture",required:!1,type:{name:"ReactEventHandler"}},onLoadStart:{defaultValue:null,description:"",name:"onLoadStart",required:!1,type:{name:"ReactEventHandler"}},onLoadStartCapture:{defaultValue:null,description:"",name:"onLoadStartCapture",required:!1,type:{name:"ReactEventHandler"}},onPause:{defaultValue:null,description:"",name:"onPause",required:!1,type:{name:"ReactEventHandler"}},onPauseCapture:{defaultValue:null,description:"",name:"onPauseCapture",required:!1,type:{name:"ReactEventHandler"}},onPlay:{defaultValue:null,description:"",name:"onPlay",required:!1,type:{name:"ReactEventHandler"}},onPlayCapture:{defaultValue:null,description:"",name:"onPlayCapture",required:!1,type:{name:"ReactEventHandler"}},onPlaying:{defaultValue:null,description:"",name:"onPlaying",required:!1,type:{name:"ReactEventHandler"}},onPlayingCapture:{defaultValue:null,description:"",name:"onPlayingCapture",required:!1,type:{name:"ReactEventHandler"}},onProgress:{defaultValue:null,description:"",name:"onProgress",required:!1,type:{name:"ReactEventHandler"}},onProgressCapture:{defaultValue:null,description:"",name:"onProgressCapture",required:!1,type:{name:"ReactEventHandler"}},onRateChange:{defaultValue:null,description:"",name:"onRateChange",required:!1,type:{name:"ReactEventHandler"}},onRateChangeCapture:{defaultValue:null,description:"",name:"onRateChangeCapture",required:!1,type:{name:"ReactEventHandler"}},onResize:{defaultValue:null,description:"",name:"onResize",required:!1,type:{name:"ReactEventHandler"}},onResizeCapture:{defaultValue:null,description:"",name:"onResizeCapture",required:!1,type:{name:"ReactEventHandler"}},onSeeked:{defaultValue:null,description:"",name:"onSeeked",required:!1,type:{name:"ReactEventHandler"}},onSeekedCapture:{defaultValue:null,description:"",name:"onSeekedCapture",required:!1,type:{name:"ReactEventHandler"}},onSeeking:{defaultValue:null,description:"",name:"onSeeking",required:!1,type:{name:"ReactEventHandler"}},onSeekingCapture:{defaultValue:null,description:"",name:"onSeekingCapture",required:!1,type:{name:"ReactEventHandler"}},onStalled:{defaultValue:null,description:"",name:"onStalled",required:!1,type:{name:"ReactEventHandler"}},onStalledCapture:{defaultValue:null,description:"",name:"onStalledCapture",required:!1,type:{name:"ReactEventHandler"}},onSuspend:{defaultValue:null,description:"",name:"onSuspend",required:!1,type:{name:"ReactEventHandler"}},onSuspendCapture:{defaultValue:null,description:"",name:"onSuspendCapture",required:!1,type:{name:"ReactEventHandler"}},onTimeUpdate:{defaultValue:null,description:"",name:"onTimeUpdate",required:!1,type:{name:"ReactEventHandler"}},onTimeUpdateCapture:{defaultValue:null,description:"",name:"onTimeUpdateCapture",required:!1,type:{name:"ReactEventHandler"}},onVolumeChange:{defaultValue:null,description:"",name:"onVolumeChange",required:!1,type:{name:"ReactEventHandler"}},onVolumeChangeCapture:{defaultValue:null,description:"",name:"onVolumeChangeCapture",required:!1,type:{name:"ReactEventHandler"}},onWaiting:{defaultValue:null,description:"",name:"onWaiting",required:!1,type:{name:"ReactEventHandler"}},onWaitingCapture:{defaultValue:null,description:"",name:"onWaitingCapture",required:!1,type:{name:"ReactEventHandler"}},onAuxClick:{defaultValue:null,description:"",name:"onAuxClick",required:!1,type:{name:"MouseEventHandler"}},onAuxClickCapture:{defaultValue:null,description:"",name:"onAuxClickCapture",required:!1,type:{name:"MouseEventHandler"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"MouseEventHandler"}},onClickCapture:{defaultValue:null,description:"",name:"onClickCapture",required:!1,type:{name:"MouseEventHandler"}},onContextMenu:{defaultValue:null,description:"",name:"onContextMenu",required:!1,type:{name:"MouseEventHandler"}},onContextMenuCapture:{defaultValue:null,description:"",name:"onContextMenuCapture",required:!1,type:{name:"MouseEventHandler"}},onDoubleClick:{defaultValue:null,description:"",name:"onDoubleClick",required:!1,type:{name:"MouseEventHandler"}},onDoubleClickCapture:{defaultValue:null,description:"",name:"onDoubleClickCapture",required:!1,type:{name:"MouseEventHandler"}},onDrag:{defaultValue:null,description:"",name:"onDrag",required:!1,type:{name:"DragEventHandler"}},onDragCapture:{defaultValue:null,description:"",name:"onDragCapture",required:!1,type:{name:"DragEventHandler"}},onDragEnd:{defaultValue:null,description:"",name:"onDragEnd",required:!1,type:{name:"DragEventHandler"}},onDragEndCapture:{defaultValue:null,description:"",name:"onDragEndCapture",required:!1,type:{name:"DragEventHandler"}},onDragEnter:{defaultValue:null,description:"",name:"onDragEnter",required:!1,type:{name:"DragEventHandler"}},onDragEnterCapture:{defaultValue:null,description:"",name:"onDragEnterCapture",required:!1,type:{name:"DragEventHandler"}},onDragExit:{defaultValue:null,description:"",name:"onDragExit",required:!1,type:{name:"DragEventHandler"}},onDragExitCapture:{defaultValue:null,description:"",name:"onDragExitCapture",required:!1,type:{name:"DragEventHandler"}},onDragLeave:{defaultValue:null,description:"",name:"onDragLeave",required:!1,type:{name:"DragEventHandler"}},onDragLeaveCapture:{defaultValue:null,description:"",name:"onDragLeaveCapture",required:!1,type:{name:"DragEventHandler"}},onDragOver:{defaultValue:null,description:"",name:"onDragOver",required:!1,type:{name:"DragEventHandler"}},onDragOverCapture:{defaultValue:null,description:"",name:"onDragOverCapture",required:!1,type:{name:"DragEventHandler"}},onDragStart:{defaultValue:null,description:"",name:"onDragStart",required:!1,type:{name:"DragEventHandler"}},onDragStartCapture:{defaultValue:null,description:"",name:"onDragStartCapture",required:!1,type:{name:"DragEventHandler"}},onDrop:{defaultValue:null,description:"",name:"onDrop",required:!1,type:{name:"DragEventHandler"}},onDropCapture:{defaultValue:null,description:"",name:"onDropCapture",required:!1,type:{name:"DragEventHandler"}},onMouseDown:{defaultValue:null,description:"",name:"onMouseDown",required:!1,type:{name:"MouseEventHandler"}},onMouseDownCapture:{defaultValue:null,description:"",name:"onMouseDownCapture",required:!1,type:{name:"MouseEventHandler"}},onMouseEnter:{defaultValue:null,description:"",name:"onMouseEnter",required:!1,type:{name:"MouseEventHandler"}},onMouseLeave:{defaultValue:null,description:"",name:"onMouseLeave",required:!1,type:{name:"MouseEventHandler"}},onMouseMove:{defaultValue:null,description:"",name:"onMouseMove",required:!1,type:{name:"MouseEventHandler"}},onMouseMoveCapture:{defaultValue:null,description:"",name:"onMouseMoveCapture",required:!1,type:{name:"MouseEventHandler"}},onMouseOut:{defaultValue:null,description:"",name:"onMouseOut",required:!1,type:{name:"MouseEventHandler"}},onMouseOutCapture:{defaultValue:null,description:"",name:"onMouseOutCapture",required:!1,type:{name:"MouseEventHandler"}},onMouseOver:{defaultValue:null,description:"",name:"onMouseOver",required:!1,type:{name:"MouseEventHandler"}},onMouseOverCapture:{defaultValue:null,description:"",name:"onMouseOverCapture",required:!1,type:{name:"MouseEventHandler"}},onMouseUp:{defaultValue:null,description:"",name:"onMouseUp",required:!1,type:{name:"MouseEventHandler"}},onMouseUpCapture:{defaultValue:null,description:"",name:"onMouseUpCapture",required:!1,type:{name:"MouseEventHandler"}},onSelect:{defaultValue:null,description:"",name:"onSelect",required:!1,type:{name:"ReactEventHandler"}},onSelectCapture:{defaultValue:null,description:"",name:"onSelectCapture",required:!1,type:{name:"ReactEventHandler"}},onTouchCancel:{defaultValue:null,description:"",name:"onTouchCancel",required:!1,type:{name:"TouchEventHandler"}},onTouchCancelCapture:{defaultValue:null,description:"",name:"onTouchCancelCapture",required:!1,type:{name:"TouchEventHandler"}},onTouchEnd:{defaultValue:null,description:"",name:"onTouchEnd",required:!1,type:{name:"TouchEventHandler"}},onTouchEndCapture:{defaultValue:null,description:"",name:"onTouchEndCapture",required:!1,type:{name:"TouchEventHandler"}},onTouchMove:{defaultValue:null,description:"",name:"onTouchMove",required:!1,type:{name:"TouchEventHandler"}},onTouchMoveCapture:{defaultValue:null,description:"",name:"onTouchMoveCapture",required:!1,type:{name:"TouchEventHandler"}},onTouchStart:{defaultValue:null,description:"",name:"onTouchStart",required:!1,type:{name:"TouchEventHandler"}},onTouchStartCapture:{defaultValue:null,description:"",name:"onTouchStartCapture",required:!1,type:{name:"TouchEventHandler"}},onPointerDown:{defaultValue:null,description:"",name:"onPointerDown",required:!1,type:{name:"PointerEventHandler"}},onPointerDownCapture:{defaultValue:null,description:"",name:"onPointerDownCapture",required:!1,type:{name:"PointerEventHandler"}},onPointerMove:{defaultValue:null,description:"",name:"onPointerMove",required:!1,type:{name:"PointerEventHandler"}},onPointerMoveCapture:{defaultValue:null,description:"",name:"onPointerMoveCapture",required:!1,type:{name:"PointerEventHandler"}},onPointerUp:{defaultValue:null,description:"",name:"onPointerUp",required:!1,type:{name:"PointerEventHandler"}},onPointerUpCapture:{defaultValue:null,description:"",name:"onPointerUpCapture",required:!1,type:{name:"PointerEventHandler"}},onPointerCancel:{defaultValue:null,description:"",name:"onPointerCancel",required:!1,type:{name:"PointerEventHandler"}},onPointerCancelCapture:{defaultValue:null,description:"",name:"onPointerCancelCapture",required:!1,type:{name:"PointerEventHandler"}},onPointerEnter:{defaultValue:null,description:"",name:"onPointerEnter",required:!1,type:{name:"PointerEventHandler"}},onPointerLeave:{defaultValue:null,description:"",name:"onPointerLeave",required:!1,type:{name:"PointerEventHandler"}},onPointerOver:{defaultValue:null,description:"",name:"onPointerOver",required:!1,type:{name:"PointerEventHandler"}},onPointerOverCapture:{defaultValue:null,description:"",name:"onPointerOverCapture",required:!1,type:{name:"PointerEventHandler"}},onPointerOut:{defaultValue:null,description:"",name:"onPointerOut",required:!1,type:{name:"PointerEventHandler"}},onPointerOutCapture:{defaultValue:null,description:"",name:"onPointerOutCapture",required:!1,type:{name:"PointerEventHandler"}},onGotPointerCapture:{defaultValue:null,description:"",name:"onGotPointerCapture",required:!1,type:{name:"PointerEventHandler"}},onGotPointerCaptureCapture:{defaultValue:null,description:"",name:"onGotPointerCaptureCapture",required:!1,type:{name:"PointerEventHandler"}},onLostPointerCapture:{defaultValue:null,description:"",name:"onLostPointerCapture",required:!1,type:{name:"PointerEventHandler"}},onLostPointerCaptureCapture:{defaultValue:null,description:"",name:"onLostPointerCaptureCapture",required:!1,type:{name:"PointerEventHandler"}},onScroll:{defaultValue:null,description:"",name:"onScroll",required:!1,type:{name:"UIEventHandler"}},onScrollCapture:{defaultValue:null,description:"",name:"onScrollCapture",required:!1,type:{name:"UIEventHandler"}},onWheel:{defaultValue:null,description:"",name:"onWheel",required:!1,type:{name:"WheelEventHandler"}},onWheelCapture:{defaultValue:null,description:"",name:"onWheelCapture",required:!1,type:{name:"WheelEventHandler"}},onAnimationStart:{defaultValue:null,description:"",name:"onAnimationStart",required:!1,type:{name:"AnimationEventHandler"}},onAnimationStartCapture:{defaultValue:null,description:"",name:"onAnimationStartCapture",required:!1,type:{name:"AnimationEventHandler"}},onAnimationEnd:{defaultValue:null,description:"",name:"onAnimationEnd",required:!1,type:{name:"AnimationEventHandler"}},onAnimationEndCapture:{defaultValue:null,description:"",name:"onAnimationEndCapture",required:!1,type:{name:"AnimationEventHandler"}},onAnimationIteration:{defaultValue:null,description:"",name:"onAnimationIteration",required:!1,type:{name:"AnimationEventHandler"}},onAnimationIterationCapture:{defaultValue:null,description:"",name:"onAnimationIterationCapture",required:!1,type:{name:"AnimationEventHandler"}},onTransitionEnd:{defaultValue:null,description:"",name:"onTransitionEnd",required:!1,type:{name:"TransitionEventHandler"}},onTransitionEndCapture:{defaultValue:null,description:"",name:"onTransitionEndCapture",required:!1,type:{name:"TransitionEventHandler"}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"LegacyRef"}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"Key"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../components/src/MultiDropdown/MultiDropdown.tsx#MultiDropdown"]={docgenInfo:MultiDropdown.__docgenInfo,name:"MultiDropdown",path:"../components/src/MultiDropdown/MultiDropdown.tsx#MultiDropdown"})}catch(__react_docgen_typescript_loader_error){}},"../components/src/NumberSpinButton/NumberSpinButton.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{M:()=>NumberSpinButton});var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../.yarn/cache/react-npm-18.3.1-af38f3c1ae-261137d3f3.zip/node_modules/react/jsx-runtime.js"),_fluentui_react__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../.yarn/__virtual__/@fluentui-react-virtual-de7476e3d6/0/cache/@fluentui-react-npm-8.118.9-93c5d7c0a7-1806e7182f.zip/node_modules/@fluentui/react/lib-commonjs/index.js"),react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../.yarn/cache/react-npm-18.3.1-af38f3c1ae-261137d3f3.zip/node_modules/react/index.js");const NumberSpinButton=({label,value,min=Number.MIN_SAFE_INTEGER,max=Number.MAX_SAFE_INTEGER,step=1,onChange,labelPosition,incrementButtonAriaLabel,decrementButtonAriaLabel})=>{const handleChange=(0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)((v=>{onChange&&v<=max&&v>=min&&onChange(v)}),[onChange,min,max]),handleIncrement=(0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)((v=>{handleChange(Number.parseFloat(v)+step)}),[handleChange,step]),handleDecrement=(0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)((v=>{handleChange(Number.parseFloat(v)-step)}),[handleChange,step]),handleValidate=(0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)((v=>{handleChange(Number.parseFloat(v))}),[handleChange]);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_fluentui_react__WEBPACK_IMPORTED_MODULE_2__.SpinButton,{value:value.toString(),onIncrement:handleIncrement,onDecrement:handleDecrement,onValidate:handleValidate,label,min,max,step,labelPosition,incrementButtonAriaLabel,decrementButtonAriaLabel})};try{NumberSpinButton.displayName="NumberSpinButton",NumberSpinButton.__docgenInfo={description:"NumberSpinButton creates a thematic styled SpinButton from Fluent",displayName:"NumberSpinButton",props:{label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"string"}},value:{defaultValue:null,description:"",name:"value",required:!0,type:{name:"number"}},min:{defaultValue:{value:"Number.MIN_SAFE_INTEGER"},description:"",name:"min",required:!1,type:{name:"number"}},max:{defaultValue:{value:"Number.MAX_SAFE_INTEGER"},description:"",name:"max",required:!1,type:{name:"number"}},step:{defaultValue:{value:"1"},description:"",name:"step",required:!1,type:{name:"number"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"(n: number) => any"}},labelPosition:{defaultValue:null,description:"",name:"labelPosition",required:!1,type:{name:"Position"}},incrementButtonAriaLabel:{defaultValue:null,description:"",name:"incrementButtonAriaLabel",required:!1,type:{name:"string"}},decrementButtonAriaLabel:{defaultValue:null,description:"",name:"decrementButtonAriaLabel",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../components/src/NumberSpinButton/NumberSpinButton.tsx#NumberSpinButton"]={docgenInfo:NumberSpinButton.__docgenInfo,name:"NumberSpinButton",path:"../components/src/NumberSpinButton/NumberSpinButton.tsx#NumberSpinButton"})}catch(__react_docgen_typescript_loader_error){}}}]); \ No newline at end of file diff --git a/storybook/components-src-Settings-Settings-stories.642d1b85.iframe.bundle.js b/storybook/components-src-Settings-Settings-stories.642d1b85.iframe.bundle.js new file mode 100644 index 00000000..d119c817 --- /dev/null +++ b/storybook/components-src-Settings-Settings-stories.642d1b85.iframe.bundle.js @@ -0,0 +1,2 @@ +/*! For license information please see components-src-Settings-Settings-stories.642d1b85.iframe.bundle.js.LICENSE.txt */ +"use strict";(self.webpackChunkessex_toolkit_stories=self.webpackChunkessex_toolkit_stories||[]).push([[8094],{"../components/src/Settings/Settings.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{AdvancedSettingsStory:()=>AdvancedSettingsStory,ArrayControlStory:()=>ArrayControlStory,BasicSettingsStory:()=>BasicSettingsStory,BooleanControlStory:()=>BooleanControlStory,ContextSettingsStory:()=>ContextSettingsStory,DefaultSettingsStory:()=>DefaultSettingsStory,GroupedSettingsStory:()=>GroupedSettingsStory,MixedSettingsStory:()=>MixedSettingsStory,NumberControlStory:()=>NumberControlStory,TextControlStory:()=>TextControlStory,default:()=>Settings_stories});var jsx_runtime=__webpack_require__("../../.yarn/cache/react-npm-18.3.1-af38f3c1ae-261137d3f3.zip/node_modules/react/jsx-runtime.js"),lib_commonjs=__webpack_require__("../../.yarn/__virtual__/@fluentui-react-virtual-de7476e3d6/0/cache/@fluentui-react-npm-8.118.9-93c5d7c0a7-1806e7182f.zip/node_modules/@fluentui/react/lib-commonjs/index.js"),react=__webpack_require__("../../.yarn/cache/react-npm-18.3.1-af38f3c1ae-261137d3f3.zip/node_modules/react/index.js"),MultiDropdown=__webpack_require__("../components/src/MultiDropdown/MultiDropdown.tsx");const containerStyle={display:"flex",flexDirection:"column",gap:8},groupContainerStyle={display:"flex",flexDirection:"column",gap:20},toggleStyles={root:{marginBottom:0}},checkboxStyles={label:{fontWeight:"bold"}},checkboxesStyle={display:"flex",flexDirection:"column",gap:12};var DataType,ControlType;!function(DataType){DataType.String="string",DataType.Number="number",DataType.Boolean="boolean",DataType.Array="array"}(DataType||(DataType={})),function(ControlType){ControlType.Textbox="textbox",ControlType.Spinner="spinner",ControlType.Toggle="toggle",ControlType.Dropdown="dropdown",ControlType.Radio="radio",ControlType.Slider="slider",ControlType.Checkbox="checkbox"}(ControlType||(ControlType={}));const ArrayControl=({config,onChange})=>{const{key,value,type,label,control,params}=config,handleTextChange=(0,react.useCallback)(((_evt,text)=>onChange?.(key,text?.split(","))),[key,onChange]),handleMultiChange=(0,react.useCallback)(((val,checked)=>{onChange&&onChange(key,value?checked?[...value,val]:value.filter((v=>v!==val)):[val])}),[key,value,onChange]),handleAllChange=(0,react.useCallback)(((_evt,options)=>onChange?.(key,options?.map((o=>o.key))||[])),[key,onChange]);switch(control){case ControlType.Textbox:return(0,jsx_runtime.jsx)(lib_commonjs.TextField,{label,value,onChange:handleTextChange},`textfield-${key}`);case ControlType.Dropdown:if(!params?.options)throw new Error("Dropdown control type requires list of options");return(0,jsx_runtime.jsx)(MultiDropdown.X,{label,multiSelect:!0,selectedKeys:value,options:params.options.map((opt=>({key:opt,text:opt}))),onChange:(_e,opt)=>handleMultiChange(opt?.key,opt?.selected),onChangeAll:handleAllChange},`dropdown-${key}`);case ControlType.Checkbox:if(!params?.options)throw new Error("Checkbox list control type requires list of options");return(0,jsx_runtime.jsxs)("div",{children:[(0,jsx_runtime.jsx)(lib_commonjs.Label,{children:label}),(0,jsx_runtime.jsx)("div",{style:checkboxesStyle,children:params.options.map((opt=>(0,jsx_runtime.jsx)(lib_commonjs.Checkbox,{label:opt,checked:!!value?.find((v=>v===opt)),onChange:(_e,chk)=>handleMultiChange(opt,chk)},`checkbox-${key}-${opt}`)))})]});default:throw new Error(`Unsupported control type ${JSON.stringify(control)} for ${type}`)}};try{ArrayControl.displayName="ArrayControl",ArrayControl.__docgenInfo={description:"ArrayControl creates either thematic themed Multi-select Dropdown or a list of Checkboxes\nas a Fluent component based on config options",displayName:"ArrayControl",props:{config:{defaultValue:null,description:"",name:"config",required:!0,type:{name:"ParsedSettingConfig"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"(key: string, value: any) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../components/src/Settings/ArrayControl.tsx#ArrayControl"]={docgenInfo:ArrayControl.__docgenInfo,name:"ArrayControl",path:"../components/src/Settings/ArrayControl.tsx#ArrayControl"})}catch(__react_docgen_typescript_loader_error){}const BooleanControl=({config,onChange})=>{const{key,value,type,label,control}=config,handleChange=(0,react.useCallback)(((_evt,checked)=>onChange?.(key,checked)),[key,onChange]);switch(control){case ControlType.Toggle:return(0,jsx_runtime.jsx)(lib_commonjs.Toggle,{styles:toggleStyles,label,checked:value,onChange:handleChange,inlineLabel:!0},`toggle-${key}`);case ControlType.Checkbox:return(0,jsx_runtime.jsx)(lib_commonjs.Checkbox,{styles:checkboxStyles,label,checked:value,onChange:handleChange},`checkbox-${key}`);default:throw new Error(`Unsupported control type ${JSON.stringify(control)} for ${type}`)}};try{BooleanControl.displayName="BooleanControl",BooleanControl.__docgenInfo={description:"BooleanControl creates either Checkbox or Toggle Fluent component\nwith thematic styling",displayName:"BooleanControl",props:{config:{defaultValue:null,description:"",name:"config",required:!0,type:{name:"ParsedSettingConfig"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"(key: string, value: any) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../components/src/Settings/BooleanControl.tsx#BooleanControl"]={docgenInfo:BooleanControl.__docgenInfo,name:"BooleanControl",path:"../components/src/Settings/BooleanControl.tsx#BooleanControl"})}catch(__react_docgen_typescript_loader_error){}var NumberSpinButton=__webpack_require__("../components/src/NumberSpinButton/NumberSpinButton.tsx");const NumberControl=({config,onChange})=>{const{key,value,type,label,control,params}=config,handleChange=(0,react.useCallback)((n=>onChange?.(key,n)),[key,onChange]);switch(control){case ControlType.Spinner:return(0,jsx_runtime.jsx)(NumberSpinButton.M,{label:label||"",value:void 0===value?"":value,labelPosition:lib_commonjs.Position.top,incrementButtonAriaLabel:`increment ${JSON.stringify(label)}`,decrementButtonAriaLabel:`decrement ${JSON.stringify(label)}`,...params,onChange:handleChange},`spinner-${key}`);case ControlType.Slider:return(0,jsx_runtime.jsx)(lib_commonjs.Slider,{label,value:void 0===value?"":value,...params,onChange:handleChange},`slider-${key}`);default:throw new Error(`Unsupported control type ${JSON.stringify(control)} for ${type}`)}};try{NumberControl.displayName="NumberControl",NumberControl.__docgenInfo={description:"NumberControl creates either a thematic styled NumberSpinButton or Slider\nfrom Fluent component\ndepending on control type specified.",displayName:"NumberControl",props:{config:{defaultValue:null,description:"",name:"config",required:!0,type:{name:"ParsedSettingConfig"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"(key: string, value: any) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../components/src/Settings/NumberControl.tsx#NumberControl"]={docgenInfo:NumberControl.__docgenInfo,name:"NumberControl",path:"../components/src/Settings/NumberControl.tsx#NumberControl"})}catch(__react_docgen_typescript_loader_error){}var isArray=__webpack_require__("../../.yarn/cache/lodash-es-npm-4.17.21-b45832dfce-03f39878ea.zip/node_modules/lodash-es/isArray.js");const selectDefaultControl=(type,params)=>{switch(type){case DataType.Number:return ControlType.Spinner;case DataType.Boolean:return ControlType.Toggle;case DataType.Array:return params?.options?params.options.length<4?ControlType.Checkbox:ControlType.Dropdown:ControlType.Textbox;default:return params?.options?params.options.length<4?ControlType.Radio:ControlType.Dropdown:ControlType.Textbox}},parseSettings=(settings={},config={})=>{const combined=Object.entries(settings).reduce(((acc,cur)=>{const[key,value]=cur;return acc[key]||(acc[key]={defaultValue:value}),acc}),{...config});return Object.entries(combined).reduce(((acc,cur)=>{const[key,conf]=cur,setting=settings[key],value=void 0!==setting?setting:conf.defaultValue,type=guessType(value,conf);var str;return[...acc,{key,value,type,control:conf.control||selectDefaultControl(type,conf.params),params:conf.params||{},label:(str=key,str.replace(/([a-z\d])([A-Z])/g,"$1 $2").split(" ").map(((token,index)=>0===index?token.substr(0,1).toUpperCase()+token.substr(1).toLowerCase():token.toLowerCase())).join(" "))}]}),[])},guessType=(value,conf)=>{const{type,control}=conf;if(void 0!==type)return type;if((0,isArray.A)(value))return DataType.Array;if(void 0!==value)return typeof value;switch(control){case ControlType.Checkbox:case ControlType.Toggle:return DataType.Boolean;case ControlType.Spinner:case ControlType.Slider:return DataType.Number;default:return DataType.String}},sortIntoGroups=(parsed,groups=[])=>{const depleting=[...parsed],grouped=groups.reduce(((acc,cur)=>{const{keys}=cur,settings=keys.map((key=>{const match=depleting.findIndex((s=>s.key===key));return depleting.splice(match,1)[0]}));return[...acc,{...cur,separator:!0,settings}]}),[]);return[{settings:depleting},...grouped]},TextControl=({config,onChange})=>{const{key,value,type,label,control,params}=config,handleTextChange=(0,react.useCallback)(((_evt,text)=>onChange?.(key,text)),[key,onChange]),handleOptionChange=(0,react.useCallback)(((_evt,option)=>onChange?.(key,option?.text)),[key,onChange]);switch(control){case ControlType.Textbox:return(0,jsx_runtime.jsx)(lib_commonjs.TextField,{label,value,onChange:handleTextChange},`textfield-${key}`);case ControlType.Dropdown:if(!params?.options)throw new Error("Dropdown control type requires list of options");return(0,jsx_runtime.jsx)(lib_commonjs.Dropdown,{label,selectedKey:value,options:params.options.map((opt=>({key:opt,text:opt}))),onChange:handleOptionChange},`dropdown-${key}`);case ControlType.Radio:if(!params?.options)throw new Error("Radio control type requires list of options");return(0,jsx_runtime.jsx)(lib_commonjs.ChoiceGroup,{label,selectedKey:value,options:params?.options.map((opt=>({key:opt,text:opt}))),onChange:handleOptionChange},`radio-${key}`);default:throw new Error(`Unsupported control type ${JSON.stringify(control)} for ${type}`)}};try{TextControl.displayName="TextControl",TextControl.__docgenInfo={description:"TextControl creates either thematic themed TextField, Dropdown, or ChoiceGroup\nas a Fluent component based on config options",displayName:"TextControl",props:{config:{defaultValue:null,description:"",name:"config",required:!0,type:{name:"ParsedSettingConfig"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"(key: string, value: any) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../components/src/Settings/TextControl.tsx#TextControl"]={docgenInfo:TextControl.__docgenInfo,name:"TextControl",path:"../components/src/Settings/TextControl.tsx#TextControl"})}catch(__react_docgen_typescript_loader_error){}const Settings=({settings,config,groups=[],onChange})=>{const parsed=function useParsedSettings(settings,config){return(0,react.useMemo)((()=>parseSettings(settings,config)),[settings,config])}(settings,config),handleChange=(0,react.useCallback)(((key,value)=>onChange?.(key,value)),[onChange]),grouped=function useGrouped(parsed,groups){return(0,react.useMemo)((()=>sortIntoGroups(parsed,groups)),[parsed,groups])}(parsed,groups),groupings=(0,react.useMemo)((()=>grouped.map(((group,i)=>{const controls=group.settings.map((entry=>renderControl(entry,handleChange)));return(0,jsx_runtime.jsxs)("div",{children:[group.separator?(0,jsx_runtime.jsx)(lib_commonjs.Separator,{children:group.label}):null,(0,jsx_runtime.jsx)("div",{style:groupContainerStyle,children:controls})]},`settings-group-${i}`)}))),[grouped,handleChange]);return(0,jsx_runtime.jsx)("div",{style:containerStyle,children:groupings})},renderControl=(config,onChange)=>{const{key,type,control}=config;let Control;return Control=type===DataType.Number?NumberControl:type===DataType.Boolean?BooleanControl:type===DataType.Array?ArrayControl:TextControl,(0,jsx_runtime.jsx)(Control,{config,onChange},`settings-control-${key}`)};try{Settings.displayName="Settings",Settings.__docgenInfo={description:"A zero-config settings panel that parses a supplied object\nand generates a list of Fluent UI controls based on the data types.\nA config object can be supplied that maps specific object fields to\nmore detailed control config, such as changing between a Toggle or Checkbox.\nIn addition, it will invoke a onChange handler for any setting, supplying the changed setting's key and new value.\nNote that this could be used in an entirely declarative/serializable manner if desired.",displayName:"Settings",props:{settings:{defaultValue:null,description:"Settings object to render into a settings panel.\nThis can be basically anything, but should be flat\nat the moment, as complex/nested objects are not supported.\nNote that this can be undefined if a config is supplied.",name:"settings",required:!1,type:{name:"any"}},config:{defaultValue:null,description:"Map of optional config params for individual settings.\nThe key should match the key present in the settings object.\nIf an item in this config does not exist in the settings,\nit must use a defaultValue so we can initialize it.",name:"config",required:!1,type:{name:"SettingsConfig"}},groups:{defaultValue:{value:"[]"},description:"List of optional groups to sort the settings into, with a separator between each.\nThe group is a list of the keys to include, with an optional label for the separator.",name:"groups",required:!1,type:{name:"SettingsGroup[]"}},onChange:{defaultValue:null,description:"Handler to notify when any of the settings has changed.\nCallback args will be the key and value that changed.\nMerging, etc. is up to the consumer.",name:"onChange",required:!1,type:{name:"(key: string, value: any) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../components/src/Settings/Settings.tsx#Settings"]={docgenInfo:Settings.__docgenInfo,name:"Settings",path:"../components/src/Settings/Settings.tsx#Settings"})}catch(__react_docgen_typescript_loader_error){}const basicSettings={title:"Graph",algorithm:"Louvain",nodeLimit:1e4,showEdges:!0,metrics:["centrality","weight"]},SettingsComponent=props=>{const{settings,...rest}=props,[internal,setSettings]=(0,react.useState)(settings),handleChange=(0,react.useCallback)(((key,value)=>{console.log(`setting changed: '${key}': '${value}'`),setSettings((prev=>({...prev,[`${key}`]:value})))}),[]);return console.log("current settings",internal),(0,jsx_runtime.jsx)("div",{style:{border:"1px solid orange",padding:8,marginTop:8},children:(0,jsx_runtime.jsx)(Settings,{settings:internal,onChange:handleChange,...rest})})},Settings_stories={title:"@essex:components/Settings",component:SettingsComponent},BasicSettingsComponent=()=>(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsxs)(lib_commonjs.MessageBar,{children:["This example shows a basic object parsed into settings and rendered into the default control set.",(0,jsx_runtime.jsx)("pre",{children:"\n {\n title: 'Graph',\n algorithm: 'Louvain',\n nodeLimit: 10000,\n showEdges: true\n }\n "})]}),(0,jsx_runtime.jsx)(SettingsComponent,{settings:basicSettings})]}),AdvancedSettingsComponent=()=>(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(lib_commonjs.MessageBar,{children:"This example shows settings with control types explicitly defined using config."}),(0,jsx_runtime.jsx)(SettingsComponent,{settings:basicSettings,config:{title:{control:ControlType.Dropdown,params:{options:["None","Graph","Nodes","Edges"]}},algorithm:{control:ControlType.Radio,params:{options:["Louvain","Leiden"]}},nodeLimit:{control:ControlType.Slider,params:{max:2e4,step:1e3}},showEdges:{control:ControlType.Checkbox}}})]}),MixedSettingsComponent=()=>(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(lib_commonjs.MessageBar,{children:"This example shows the use of defaultValues for undefined settings, and auto-selecting control types based on options. In this example, “greeting” is the only defined setting."}),(0,jsx_runtime.jsx)(SettingsComponent,{settings:{greeting:"Hello and welcome"},config:{fourItemDropdown:{defaultValue:"Nodes",params:{options:["None","Graph","Nodes","Edges"]}},twoItemRadio:{defaultValue:"Leiden",params:{options:["Louvain","Leiden"]}}}})]}),DefaultSettingsComponent=()=>(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(lib_commonjs.MessageBar,{children:"This example only uses config with defaultValues and no pre-defined settings object."}),(0,jsx_runtime.jsx)(SettingsComponent,{config:{fourItemDropdown:{defaultValue:"Nodes",params:{options:["None","Graph","Nodes","Edges"]}},twoItemRadio:{defaultValue:"Leiden",params:{options:["Louvain","Leiden"]}},name:{},age:{type:DataType.Number},month:{control:ControlType.Slider},metrics:{type:DataType.Array,params:{options:["centrality","weight"]}}}})]}),BasicSettingsStory={render:()=>(0,jsx_runtime.jsx)(BasicSettingsComponent,{}),name:"Basic Settings"},AdvancedSettingsStory={render:()=>(0,jsx_runtime.jsx)(AdvancedSettingsComponent,{}),name:"Advanced Settings"},MixedSettingsStory={render:()=>(0,jsx_runtime.jsx)(MixedSettingsComponent,{}),name:"Mixed set + config values"},DefaultSettingsStory={render:()=>(0,jsx_runtime.jsx)(DefaultSettingsComponent,{}),name:"Defaults from config only"},GroupedPanel=()=>(0,jsx_runtime.jsx)(SettingsComponent,{settings:basicSettings,groups:[{label:"Rendering",keys:["nodeLimit","showEdges"]},{label:"Communities",keys:["algorithm"]}]}),ContextSettingComponent=()=>{const renderPanel=(0,react.useCallback)((()=>(0,jsx_runtime.jsx)("div",{style:{margin:10},children:(0,jsx_runtime.jsx)(GroupedPanel,{})})),[]);return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(lib_commonjs.MessageBar,{children:"This example shows the settings panel in a dropdown context menu."}),(0,jsx_runtime.jsx)(lib_commonjs.DefaultButton,{text:"Click for settings",menuProps:{items:[{key:"dropdown-settings",onRender:renderPanel}]}})]})},GroupedSettingsStory={render:()=>(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(lib_commonjs.MessageBar,{children:'This example shows settings within groups, which automatically get a separator and optional label. Any ungrouped settings are placed at the top ("Title" in this example).'}),(0,jsx_runtime.jsx)(GroupedPanel,{})]}),name:"Grouped Settings"},ContextSettingsStory={render:()=>(0,jsx_runtime.jsx)(ContextSettingComponent,{}),name:"Context Menu Settings"},TextControlStory={name:"TextControl",args:{config:{textbox:{defaultValue:"text"},dropdown:{defaultValue:"two",params:{options:["one","two","three","four","five"]}},radio:{defaultValue:"two",params:{options:["one","two","three"]}}}}},NumberControlStory={name:"NumberControl",args:{config:{spinner:{defaultValue:1},slider:{defaultValue:4,control:ControlType.Slider,params:{min:1,max:5}}}}},BooleanControlStory={name:"BooleanControl",args:{config:{checkbox:{defaultValue:!0,control:ControlType.Checkbox},toggle:{defaultValue:!1}}}},ArrayControlStory={name:"ArrayControl",args:{config:{textbox:{defaultValue:["text"]},dropdown:{defaultValue:["two"],params:{options:["one","two","three","four","five"]}},radio:{defaultValue:["two"],params:{options:["one","two","three"]}}}}};BasicSettingsStory.parameters={...BasicSettingsStory.parameters,docs:{...BasicSettingsStory.parameters?.docs,source:{originalSource:"{\n render: () => ,\n name: 'Basic Settings'\n}",...BasicSettingsStory.parameters?.docs?.source}}},AdvancedSettingsStory.parameters={...AdvancedSettingsStory.parameters,docs:{...AdvancedSettingsStory.parameters?.docs,source:{originalSource:"{\n render: () => ,\n name: 'Advanced Settings'\n}",...AdvancedSettingsStory.parameters?.docs?.source}}},MixedSettingsStory.parameters={...MixedSettingsStory.parameters,docs:{...MixedSettingsStory.parameters?.docs,source:{originalSource:"{\n render: () => ,\n name: 'Mixed set + config values'\n}",...MixedSettingsStory.parameters?.docs?.source}}},DefaultSettingsStory.parameters={...DefaultSettingsStory.parameters,docs:{...DefaultSettingsStory.parameters?.docs,source:{originalSource:"{\n render: () => ,\n name: 'Defaults from config only'\n}",...DefaultSettingsStory.parameters?.docs?.source}}},GroupedSettingsStory.parameters={...GroupedSettingsStory.parameters,docs:{...GroupedSettingsStory.parameters?.docs,source:{originalSource:"{\n render: () => {\n return <>\n \n This example shows settings within groups, which automatically get a\n separator and optional label. Any ungrouped settings are placed at the\n top ("Title" in this example).\n \n \n ;\n },\n name: 'Grouped Settings'\n}",...GroupedSettingsStory.parameters?.docs?.source}}},ContextSettingsStory.parameters={...ContextSettingsStory.parameters,docs:{...ContextSettingsStory.parameters?.docs,source:{originalSource:"{\n render: () => ,\n name: 'Context Menu Settings'\n}",...ContextSettingsStory.parameters?.docs?.source}}},TextControlStory.parameters={...TextControlStory.parameters,docs:{...TextControlStory.parameters?.docs,source:{originalSource:"{\n name: 'TextControl',\n args: {\n config: {\n textbox: {\n defaultValue: 'text'\n },\n dropdown: {\n defaultValue: 'two',\n params: {\n options: ['one', 'two', 'three', 'four', 'five']\n }\n },\n radio: {\n defaultValue: 'two',\n params: {\n options: ['one', 'two', 'three']\n }\n }\n }\n }\n}",...TextControlStory.parameters?.docs?.source}}},NumberControlStory.parameters={...NumberControlStory.parameters,docs:{...NumberControlStory.parameters?.docs,source:{originalSource:"{\n name: 'NumberControl',\n args: {\n config: {\n spinner: {\n defaultValue: 1\n },\n slider: {\n defaultValue: 4,\n control: ControlType.Slider,\n params: {\n min: 1,\n max: 5\n }\n }\n }\n }\n}",...NumberControlStory.parameters?.docs?.source}}},BooleanControlStory.parameters={...BooleanControlStory.parameters,docs:{...BooleanControlStory.parameters?.docs,source:{originalSource:"{\n name: 'BooleanControl',\n args: {\n config: {\n checkbox: {\n defaultValue: true,\n control: ControlType.Checkbox\n },\n toggle: {\n defaultValue: false\n }\n }\n }\n}",...BooleanControlStory.parameters?.docs?.source}}},ArrayControlStory.parameters={...ArrayControlStory.parameters,docs:{...ArrayControlStory.parameters?.docs,source:{originalSource:"{\n name: 'ArrayControl',\n args: {\n config: {\n textbox: {\n defaultValue: ['text']\n },\n dropdown: {\n defaultValue: ['two'],\n params: {\n options: ['one', 'two', 'three', 'four', 'five']\n }\n },\n radio: {\n defaultValue: ['two'],\n params: {\n options: ['one', 'two', 'three']\n }\n }\n }\n }\n}",...ArrayControlStory.parameters?.docs?.source}}}},"../components/src/MultiDropdown/MultiDropdown.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{X:()=>MultiDropdown});var jsx_runtime=__webpack_require__("../../.yarn/cache/react-npm-18.3.1-af38f3c1ae-261137d3f3.zip/node_modules/react/jsx-runtime.js"),lib_commonjs=__webpack_require__("../../.yarn/__virtual__/@fluentui-react-virtual-de7476e3d6/0/cache/@fluentui-react-npm-8.118.9-93c5d7c0a7-1806e7182f.zip/node_modules/@fluentui/react/lib-commonjs/index.js"),react=__webpack_require__("../../.yarn/cache/react-npm-18.3.1-af38f3c1ae-261137d3f3.zip/node_modules/react/index.js");const wrapperStyle={display:"flex",justifyContent:"space-between",gap:4},linkStyles={root:{textAlign:"center",width:"100%"}},divider={key:"--divider--",text:"-",itemType:1,selected:!1},actions={key:"--actions--",text:"",itemType:2,selected:!1};function useDropdownOptions(options){return(0,react.useMemo)((()=>[actions,divider,...options]),[options])}try{useDropdownOptions.displayName="useDropdownOptions",useDropdownOptions.__docgenInfo={description:"",displayName:"useDropdownOptions",props:{length:{defaultValue:null,description:"Gets or sets the length of the array. This is a number one higher than the highest index in the array.",name:"length",required:!0,type:{name:"number"}},toString:{defaultValue:null,description:"Returns a string representation of an array.",name:"toString",required:!1,type:{name:"() => string"}},toLocaleString:{defaultValue:null,description:"Returns a string representation of an array. The elements are converted to string using their toLocaleString methods.",name:"toLocaleString",required:!1,type:{name:"{ (): string; (locales: string | string[], options?: NumberFormatOptions & DateTimeFormatOptions): string; }"}},pop:{defaultValue:null,description:"Removes the last element from an array and returns it.\nIf the array is empty, undefined is returned and the array is not modified.",name:"pop",required:!0,type:{name:"() => IDropdownOption"}},push:{defaultValue:null,description:"Appends new elements to the end of an array, and returns the new length of the array.\n@param items New elements to add to the array.",name:"push",required:!0,type:{name:"(...items: IDropdownOption[]) => number"}},concat:{defaultValue:null,description:"Combines two or more arrays.\nThis method returns a new array without modifying any existing arrays.\n@param items Additional arrays and/or items to add to the end of the array.\n@param items Additional arrays and/or items to add to the end of the array.",name:"concat",required:!0,type:{name:"{ (...items: ConcatArray>[]): IDropdownOption[]; (...items: (IDropdownOption | ConcatArray>)[]): IDropdownOption<...>[]; }"}},join:{defaultValue:null,description:"Adds all the elements of an array into a string, separated by the specified separator string.\n@param separator A string used to separate one element of the array from the next in the resulting string. If omitted, the array elements are separated with a comma.",name:"join",required:!0,type:{name:"(separator?: string) => string"}},reverse:{defaultValue:null,description:"Reverses the elements in an array in place.\nThis method mutates the array and returns a reference to the same array.",name:"reverse",required:!0,type:{name:"() => IDropdownOption[]"}},shift:{defaultValue:null,description:"Removes the first element from an array and returns it.\nIf the array is empty, undefined is returned and the array is not modified.",name:"shift",required:!0,type:{name:"() => IDropdownOption"}},slice:{defaultValue:null,description:"Returns a copy of a section of an array.\nFor both start and end, a negative index can be used to indicate an offset from the end of the array.\nFor example, -2 refers to the second to last element of the array.\n@param start The beginning index of the specified portion of the array.\nIf start is undefined, then the slice begins at index 0.\n@param end The end index of the specified portion of the array. This is exclusive of the element at the index 'end'.\nIf end is undefined, then the slice extends to the end of the array.",name:"slice",required:!0,type:{name:"(start?: number, end?: number) => IDropdownOption[]"}},sort:{defaultValue:null,description:"Sorts an array in place.\nThis method mutates the array and returns a reference to the same array.\n@param compareFn Function used to determine the order of the elements. It is expected to return\na negative value if the first argument is less than the second argument, zero if they're equal, and a positive\nvalue otherwise. If omitted, the elements are sorted in ascending, ASCII character order.\n```ts\n[11,2,22,1].sort((a, b) => a - b)\n```",name:"sort",required:!0,type:{name:"(compareFn?: (a: IDropdownOption, b: IDropdownOption) => number) => IDropdownOption[]"}},splice:{defaultValue:null,description:"Removes elements from an array and, if necessary, inserts new elements in their place, returning the deleted elements.\n@param start The zero-based location in the array from which to start removing elements.\n@param deleteCount The number of elements to remove.\n@returns An array containing the elements that were deleted.\n@param start The zero-based location in the array from which to start removing elements.\n@param deleteCount The number of elements to remove.\n@param items Elements to insert into the array in place of the deleted elements.\n@returns An array containing the elements that were deleted.",name:"splice",required:!0,type:{name:"{ (start: number, deleteCount?: number): IDropdownOption[]; (start: number, deleteCount: number, ...items: IDropdownOption[]): IDropdownOption[]; }"}},unshift:{defaultValue:null,description:"Inserts new elements at the start of an array, and returns the new length of the array.\n@param items Elements to insert at the start of the array.",name:"unshift",required:!0,type:{name:"(...items: IDropdownOption[]) => number"}},indexOf:{defaultValue:null,description:"Returns the index of the first occurrence of a value in an array, or -1 if it is not present.\n@param searchElement The value to locate in the array.\n@param fromIndex The array index at which to begin the search. If fromIndex is omitted, the search starts at index 0.",name:"indexOf",required:!0,type:{name:"(searchElement: IDropdownOption, fromIndex?: number) => number"}},lastIndexOf:{defaultValue:null,description:"Returns the index of the last occurrence of a specified value in an array, or -1 if it is not present.\n@param searchElement The value to locate in the array.\n@param fromIndex The array index at which to begin searching backward. If fromIndex is omitted, the search starts at the last index in the array.",name:"lastIndexOf",required:!0,type:{name:"(searchElement: IDropdownOption, fromIndex?: number) => number"}},every:{defaultValue:null,description:"Determines whether all the members of an array satisfy the specified test.\n@param predicate A function that accepts up to three arguments. The every method calls\nthe predicate function for each element in the array until the predicate returns a value\nwhich is coercible to the Boolean value false, or until the end of the array.\n@param thisArg An object to which the this keyword can refer in the predicate function.\nIf thisArg is omitted, undefined is used as the this value.\n@param predicate A function that accepts up to three arguments. The every method calls\nthe predicate function for each element in the array until the predicate returns a value\nwhich is coercible to the Boolean value false, or until the end of the array.\n@param thisArg An object to which the this keyword can refer in the predicate function.\nIf thisArg is omitted, undefined is used as the this value.",name:"every",required:!0,type:{name:"{ >(predicate: (value: IDropdownOption, index: number, array: IDropdownOption[]) => value is S, thisArg?: any): this is S[]; (predicate: (value: IDropdownOption<...>, index: number, array: IDropdownOption<...>[]) => unknown, thisArg?: any): boolean; }"}},some:{defaultValue:null,description:"Determines whether the specified callback function returns true for any element of an array.\n@param predicate A function that accepts up to three arguments. The some method calls\nthe predicate function for each element in the array until the predicate returns a value\nwhich is coercible to the Boolean value true, or until the end of the array.\n@param thisArg An object to which the this keyword can refer in the predicate function.\nIf thisArg is omitted, undefined is used as the this value.",name:"some",required:!0,type:{name:"(predicate: (value: IDropdownOption, index: number, array: IDropdownOption[]) => unknown, thisArg?: any) => boolean"}},forEach:{defaultValue:null,description:"Performs the specified action for each element in an array.\n@param callbackfn A function that accepts up to three arguments. forEach calls the callbackfn function one time for each element in the array.\n@param thisArg An object to which the this keyword can refer in the callbackfn function. If thisArg is omitted, undefined is used as the this value.",name:"forEach",required:!0,type:{name:"(callbackfn: (value: IDropdownOption, index: number, array: IDropdownOption[]) => void, thisArg?: any) => void"}},map:{defaultValue:null,description:"Calls a defined callback function on each element of an array, and returns an array that contains the results.\n@param callbackfn A function that accepts up to three arguments. The map method calls the callbackfn function one time for each element in the array.\n@param thisArg An object to which the this keyword can refer in the callbackfn function. If thisArg is omitted, undefined is used as the this value.",name:"map",required:!0,type:{name:"(callbackfn: (value: IDropdownOption, index: number, array: IDropdownOption[]) => U, thisArg?: any) => U[]"}},filter:{defaultValue:null,description:"Returns the elements of an array that meet the condition specified in a callback function.\n@param predicate A function that accepts up to three arguments. The filter method calls the predicate function one time for each element in the array.\n@param thisArg An object to which the this keyword can refer in the predicate function. If thisArg is omitted, undefined is used as the this value.\n@param predicate A function that accepts up to three arguments. The filter method calls the predicate function one time for each element in the array.\n@param thisArg An object to which the this keyword can refer in the predicate function. If thisArg is omitted, undefined is used as the this value.",name:"filter",required:!0,type:{name:"{ >(predicate: (value: IDropdownOption, index: number, array: IDropdownOption[]) => value is S, thisArg?: any): S[]; (predicate: (value: IDropdownOption<...>, index: number, array: IDropdownOption<...>[]) => unknown, thisArg?: any): IDropdownOption<...>[]; }"}},reduce:{defaultValue:null,description:"Calls the specified callback function for all the elements in an array. The return value of the callback function is the accumulated result, and is provided as an argument in the next call to the callback function.\n@param callbackfn A function that accepts up to four arguments. The reduce method calls the callbackfn function one time for each element in the array.\n@param initialValue If initialValue is specified, it is used as the initial value to start the accumulation. The first call to the callbackfn function provides this value as an argument instead of an array value.\n@param callbackfn A function that accepts up to four arguments. The reduce method calls the callbackfn function one time for each element in the array.\n@param initialValue If initialValue is specified, it is used as the initial value to start the accumulation. The first call to the callbackfn function provides this value as an argument instead of an array value.",name:"reduce",required:!0,type:{name:"{ (callbackfn: (previousValue: IDropdownOption, currentValue: IDropdownOption, currentIndex: number, array: IDropdownOption[]) => IDropdownOption<...>): IDropdownOption<...>; (callbackfn: (previousValue: IDropdownOption<...>, currentValue: IDropdownOption<...>, currentIndex: number, array: IDropdownOp..."}},reduceRight:{defaultValue:null,description:"Calls the specified callback function for all the elements in an array, in descending order. The return value of the callback function is the accumulated result, and is provided as an argument in the next call to the callback function.\n@param callbackfn A function that accepts up to four arguments. The reduceRight method calls the callbackfn function one time for each element in the array.\n@param initialValue If initialValue is specified, it is used as the initial value to start the accumulation. The first call to the callbackfn function provides this value as an argument instead of an array value.\n@param callbackfn A function that accepts up to four arguments. The reduceRight method calls the callbackfn function one time for each element in the array.\n@param initialValue If initialValue is specified, it is used as the initial value to start the accumulation. The first call to the callbackfn function provides this value as an argument instead of an array value.",name:"reduceRight",required:!0,type:{name:"{ (callbackfn: (previousValue: IDropdownOption, currentValue: IDropdownOption, currentIndex: number, array: IDropdownOption[]) => IDropdownOption<...>): IDropdownOption<...>; (callbackfn: (previousValue: IDropdownOption<...>, currentValue: IDropdownOption<...>, currentIndex: number, array: IDropdownOp..."}},find:{defaultValue:null,description:"Returns the value of the first element in the array where predicate is true, and undefined\notherwise.\n@param predicate find calls predicate once for each element of the array, in ascending\norder, until it finds one where predicate returns true. If such an element is found, find\nimmediately returns that element value. Otherwise, find returns undefined.\n@param thisArg If provided, it will be used as the this value for each invocation of\npredicate. If it is not provided, undefined is used instead.",name:"find",required:!0,type:{name:"{ >(predicate: (value: IDropdownOption, index: number, obj: IDropdownOption[]) => value is S, thisArg?: any): S; (predicate: (value: IDropdownOption<...>, index: number, obj: IDropdownOption<...>[]) => unknown, thisArg?: any): IDropdownOption<...>; }"}},findIndex:{defaultValue:null,description:"Returns the index of the first element in the array where predicate is true, and -1\notherwise.\n@param predicate find calls predicate once for each element of the array, in ascending\norder, until it finds one where predicate returns true. If such an element is found,\nfindIndex immediately returns that element index. Otherwise, findIndex returns -1.\n@param thisArg If provided, it will be used as the this value for each invocation of\npredicate. If it is not provided, undefined is used instead.",name:"findIndex",required:!0,type:{name:"(predicate: (value: IDropdownOption, index: number, obj: IDropdownOption[]) => unknown, thisArg?: any) => number"}},fill:{defaultValue:null,description:"Changes all array elements from `start` to `end` index to a static `value` and returns the modified array\n@param value value to fill array section with\n@param start index to start filling the array at. If start is negative, it is treated as\nlength+start where length is the length of the array.\n@param end index to stop filling the array at. If end is negative, it is treated as\nlength+end.",name:"fill",required:!0,type:{name:"(value: IDropdownOption, start?: number, end?: number) => IDropdownOption[]"}},copyWithin:{defaultValue:null,description:"Returns the this object after copying a section of the array identified by start and end\nto the same array starting at position target\n@param target If target is negative, it is treated as length+target where length is the\nlength of the array.\n@param start If start is negative, it is treated as length+start. If end is negative, it\nis treated as length+end.\n@param end If not specified, length of the this object is used as its default value.",name:"copyWithin",required:!0,type:{name:"(target: number, start: number, end?: number) => IDropdownOption[]"}},entries:{defaultValue:null,description:"Returns an iterable of key, value pairs for every entry in the array",name:"entries",required:!0,type:{name:"() => IterableIterator<[number, IDropdownOption]>"}},keys:{defaultValue:null,description:"Returns an iterable of keys in the array",name:"keys",required:!0,type:{name:"() => IterableIterator"}},values:{defaultValue:null,description:"Returns an iterable of values in the array",name:"values",required:!0,type:{name:"() => IterableIterator>"}},includes:{defaultValue:null,description:"Determines whether an array includes a certain element, returning true or false as appropriate.\n@param searchElement The element to search for.\n@param fromIndex The position in this array at which to begin searching for searchElement.",name:"includes",required:!0,type:{name:"(searchElement: IDropdownOption, fromIndex?: number) => boolean"}},flatMap:{defaultValue:null,description:"Calls a defined callback function on each element of an array. Then, flattens the result into\na new array.\nThis is identical to a map followed by flat with depth 1.\n@param callback A function that accepts up to three arguments. The flatMap method calls the\ncallback function one time for each element in the array.\n@param thisArg An object to which the this keyword can refer in the callback function. If\nthisArg is omitted, undefined is used as the this value.",name:"flatMap",required:!0,type:{name:"(callback: (this: This, value: IDropdownOption, index: number, array: IDropdownOption[]) => U | readonly U[], thisArg?: This) => U[]"}},flat:{defaultValue:null,description:"Returns a new array with all sub-array elements concatenated into it recursively up to the\nspecified depth.\n@param depth The maximum recursion depth",name:"flat",required:!0,type:{name:"(this: A, depth?: D) => FlatArray[]"}},at:{defaultValue:null,description:"Returns the item located at the specified index.\n@param index The zero-based index of the desired code unit. A negative index will count back from the last item.",name:"at",required:!0,type:{name:"(index: number) => IDropdownOption"}},findLast:{defaultValue:null,description:"Returns the value of the last element in the array where predicate is true, and undefined\notherwise.\n@param predicate findLast calls predicate once for each element of the array, in descending\norder, until it finds one where predicate returns true. If such an element is found, findLast\nimmediately returns that element value. Otherwise, findLast returns undefined.\n@param thisArg If provided, it will be used as the this value for each invocation of\npredicate. If it is not provided, undefined is used instead.",name:"findLast",required:!0,type:{name:"{ >(predicate: (value: IDropdownOption, index: number, array: IDropdownOption[]) => value is S, thisArg?: any): S; (predicate: (value: IDropdownOption<...>, index: number, array: IDropdownOption<...>[]) => unknown, thisArg?: any): IDropdownOption<...>; }"}},findLastIndex:{defaultValue:null,description:"Returns the index of the last element in the array where predicate is true, and -1\notherwise.\n@param predicate findLastIndex calls predicate once for each element of the array, in descending\norder, until it finds one where predicate returns true. If such an element is found,\nfindLastIndex immediately returns that element index. Otherwise, findLastIndex returns -1.\n@param thisArg If provided, it will be used as the this value for each invocation of\npredicate. If it is not provided, undefined is used instead.",name:"findLastIndex",required:!0,type:{name:"(predicate: (value: IDropdownOption, index: number, array: IDropdownOption[]) => unknown, thisArg?: any) => number"}},toReversed:{defaultValue:null,description:"Returns a copy of an array with its elements reversed.",name:"toReversed",required:!0,type:{name:"() => IDropdownOption[]"}},toSorted:{defaultValue:null,description:"Returns a copy of an array with its elements sorted.\n@param compareFn Function used to determine the order of the elements. It is expected to return\na negative value if the first argument is less than the second argument, zero if they're equal, and a positive\nvalue otherwise. If omitted, the elements are sorted in ascending, ASCII character order.\n```ts\n[11, 2, 22, 1].toSorted((a, b) => a - b) // [1, 2, 11, 22]\n```",name:"toSorted",required:!0,type:{name:"(compareFn?: (a: IDropdownOption, b: IDropdownOption) => number) => IDropdownOption[]"}},toSpliced:{defaultValue:null,description:"Copies an array and removes elements and, if necessary, inserts new elements in their place. Returns the copied array.\nCopies an array and removes elements while returning the remaining elements.\n@param start The zero-based location in the array from which to start removing elements.\n@param deleteCount The number of elements to remove.\n@param items Elements to insert into the copied array in place of the deleted elements.\n@returns The copied array.\n@param start The zero-based location in the array from which to start removing elements.\n@param deleteCount The number of elements to remove.\n@returns A copy of the original array with the remaining elements.",name:"toSpliced",required:!0,type:{name:"{ (start: number, deleteCount: number, ...items: IDropdownOption[]): IDropdownOption[]; (start: number, deleteCount?: number): IDropdownOption[]; }"}},with:{defaultValue:null,description:"Copies an array, then overwrites the value at the provided index with the\ngiven value. If the index is negative, then it replaces from the end\nof the array.\n@param index The index of the value to overwrite. If the index is\nnegative, then it replaces from the end of the array.\n@param value The value to write into the copied array.\n@returns The copied array with the updated value.",name:"with",required:!0,type:{name:"(index: number, value: IDropdownOption) => IDropdownOption[]"}},"__@iterator@14":{defaultValue:null,description:"Iterator",name:"__@iterator@14",required:!0,type:{name:"() => IterableIterator>"}},"__@unscopables@92":{defaultValue:null,description:"Is an object whose properties have the value 'true'\nwhen they will be absent when used in a 'with' statement.",name:"__@unscopables@92",required:!0,type:{name:"{ [x: number]: boolean; length?: boolean; toString?: boolean; toLocaleString?: boolean; pop?: boolean; push?: boolean; concat?: boolean; join?: boolean; reverse?: boolean; shift?: boolean; slice?: boolean; sort?: boolean; ... 29 more ...; readonly [Symbol.unscopables]?: boolean; }"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../components/src/MultiDropdown/MultiDropdown.hooks.tsx#useDropdownOptions"]={docgenInfo:useDropdownOptions.__docgenInfo,name:"useDropdownOptions",path:"../components/src/MultiDropdown/MultiDropdown.hooks.tsx#useDropdownOptions"})}catch(__react_docgen_typescript_loader_error){}const MultiDropdown=(0,react.memo)((function MultiDropdown({options,onChangeAll,...props}){const opts=useDropdownOptions(options),handleRenderOption=function useOptionRenderer(options,onChangeAll){const handleSelectAll=(0,react.useCallback)((event=>onChangeAll?.(event,options.map((o=>({...o,selected:!0}))),options.map(((_o,i)=>i)))),[onChangeAll,options]),handleSelectNone=(0,react.useCallback)((event=>onChangeAll?.(event)),[onChangeAll]);return(0,react.useCallback)((option=>"--actions--"===option?.key?(0,jsx_runtime.jsxs)("div",{style:wrapperStyle,children:[(0,jsx_runtime.jsx)(lib_commonjs.Link,{styles:linkStyles,onClick:handleSelectAll,children:"All"}),(0,jsx_runtime.jsx)(lib_commonjs.Separator,{vertical:!0}),(0,jsx_runtime.jsx)(lib_commonjs.Link,{styles:linkStyles,onClick:handleSelectNone,children:"None"})]}):(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:option?.text})),[handleSelectAll,handleSelectNone])}(options,onChangeAll);return(0,jsx_runtime.jsx)(lib_commonjs.Dropdown,{multiSelect:!0,options:opts,onRenderOption:handleRenderOption,...props})}));try{MultiDropdown.displayName="MultiDropdown",MultiDropdown.__docgenInfo={description:"Dropdown wrapper to manage multi-select with a select all/none helper.",displayName:"MultiDropdown",props:{onChangeAll:{defaultValue:null,description:"",name:"onChangeAll",required:!1,type:{name:"(event: MouseEvent, options?: IDropdownOption<...>[], indexes?: number[]) => void"}},placeHolder:{defaultValue:null,description:"Input placeholder text. Displayed until option is selected.\n@deprecated Use `placeholder`",name:"placeHolder",required:!1,type:{name:"string"}},options:{defaultValue:null,description:"Options for the dropdown. If using `defaultSelectedKey` or `defaultSelectedKeys`, options must be\npure for correct behavior.",name:"options",required:!0,type:{name:"IDropdownOption[]"}},onChange:{defaultValue:null,description:"Callback issued when the selected option changes.",name:"onChange",required:!1,type:{name:"(event: FormEvent, option?: IDropdownOption, index?: number) => void"}},onChanged:{defaultValue:null,description:"@deprecated Use `onChange` instead.",name:"onChanged",required:!1,type:{name:"(option: IDropdownOption, index?: number) => void"}},onRenderLabel:{defaultValue:null,description:"Custom render function for the label.",name:"onRenderLabel",required:!1,type:{name:"IRenderFunction"}},onRenderPlaceholder:{defaultValue:null,description:"Optional custom renderer for placeholder text",name:"onRenderPlaceholder",required:!1,type:{name:"IRenderFunction"}},onRenderPlaceHolder:{defaultValue:null,description:"Optional custom renderer for placeholder text\n@deprecated Use `onRenderPlaceholder`",name:"onRenderPlaceHolder",required:!1,type:{name:"IRenderFunction"}},onRenderTitle:{defaultValue:null,description:"Optional custom renderer for selected option displayed in input",name:"onRenderTitle",required:!1,type:{name:"IRenderFunction[]>"}},onRenderCaretDown:{defaultValue:null,description:"Optional custom renderer for chevron icon",name:"onRenderCaretDown",required:!1,type:{name:"IRenderFunction"}},dropdownWidth:{defaultValue:null,description:"Custom width for dropdown. If value is 0, width of the input field is used.\nIf value is 'auto', width of the input field is used by default, and it can grow wider to fit the content.\n@defaultvalue 0",name:"dropdownWidth",required:!1,type:{name:'number | "auto"'}},responsiveMode:{defaultValue:null,description:"Pass in ResponsiveMode to manually overwrite the way the Dropdown renders.\nResponsiveMode.large would, for instance, disable the behavior where Dropdown options\nget rendered into a Panel while ResponsiveMode.small would result in the Dropdown\noptions always getting rendered in a Panel.",name:"responsiveMode",required:!1,type:{name:"ResponsiveMode"}},defaultSelectedKeys:{defaultValue:null,description:"Keys that will be initially used to set selected items. This prop is used for `multiSelect`\nscenarios. In other cases, `defaultSelectedKey` should be used.",name:"defaultSelectedKeys",required:!1,type:{name:"number[] | string[]"}},selectedKeys:{defaultValue:null,description:"Keys of the selected items. If you provide this, you must maintain selection\nstate by observing onChange events and passing a new value in when changed.\nPassing null in will clear the selection.\nMutually exclusive with `defaultSelectedKeys`.",name:"selectedKeys",required:!1,type:{name:"number[] | string[]"}},multiSelectDelimiter:{defaultValue:null,description:'When multiple items are selected, this still will be used to separate values in\nthe dropdown title.\n@defaultvalue ", "',name:"multiSelectDelimiter",required:!1,type:{name:"string"}},notifyOnReselect:{defaultValue:null,description:"Optional preference to have onChanged still be called when an already selected item is\nclicked in single select mode. Default to false",name:"notifyOnReselect",required:!1,type:{name:"boolean"}},isDisabled:{defaultValue:null,description:"@deprecated Use `disabled` instead. Deprecated at v0.52.0.",name:"isDisabled",required:!1,type:{name:"boolean"}},theme:{defaultValue:null,description:"Theme provided by higher order component.",name:"theme",required:!1,type:{name:"ITheme"}},styles:{defaultValue:null,description:"Call to provide customized styling that will layer on top of the variant rules.",name:"styles",required:!1,type:{name:"IStyleFunctionOrObject"}},componentRef:{defaultValue:null,description:"Optional callback to access the component interface (usually `IDropdown` or `IComboBox`).\nUse this instead of `ref` for accessing the public methods and properties of the component.",name:"componentRef",required:!1,type:{name:"IRefObject"}},label:{defaultValue:null,description:"Descriptive label for the field",name:"label",required:!1,type:{name:"string"}},ariaLabel:{defaultValue:null,description:"Aria Label for the field for screen reader users.",name:"ariaLabel",required:!1,type:{name:"string"}},id:{defaultValue:null,description:"ID of the field",name:"id",required:!1,type:{name:"string"}},className:{defaultValue:null,description:"Additional class name for the root element.",name:"className",required:!1,type:{name:"string"}},defaultSelectedKey:{defaultValue:null,description:"The key(s) that will be initially used to set a selected item.\n\nMutually exclusive with `selectedKey`.\nFor Dropdown (but not ComboBox) in multi-select mode, use `defaultSelectedKeys` instead.",name:"defaultSelectedKey",required:!1,type:{name:"string | number | number[] | string[]"}},selectedKey:{defaultValue:null,description:"The key(s) of the selected item. If you provide this, you must maintain selection\nstate by observing onChange events and passing a new value in when changed.\nNote that passing in `null` will cause selection to be reset.\n\nMutually exclusive with `defaultSelectedKey`.\nFor Dropdown (but not ComboBox) in multi-select mode, use `selectedKeys` instead.",name:"selectedKey",required:!1,type:{name:"string | number | number[] | string[]"}},multiSelect:{defaultValue:null,description:"Whether multi-choice selections are allowed or not.\n@defaultvalue false",name:"multiSelect",required:!1,type:{name:"boolean"}},onRenderContainer:{defaultValue:null,description:"Optional custom renderer for the option list container",name:"onRenderContainer",required:!1,type:{name:"IRenderFunction>"}},onRenderList:{defaultValue:null,description:"Optional custom renderer for the option list",name:"onRenderList",required:!1,type:{name:"IRenderFunction>"}},onRenderItem:{defaultValue:null,description:"Optional custom renderer for all items, including headers and dividers as well as normal options.",name:"onRenderItem",required:!1,type:{name:"IRenderFunction>"}},onRenderOption:{defaultValue:null,description:"Optional custom renderer for normal and header options only.\nUse `onRenderItem` to control rendering for separators as well.",name:"onRenderOption",required:!1,type:{name:"IRenderFunction>"}},onDismiss:{defaultValue:null,description:"Callback for when the options list callout is dismissed",name:"onDismiss",required:!1,type:{name:"() => void"}},disabled:{defaultValue:null,description:"Whether or not the field is disabled.",name:"disabled",required:!1,type:{name:"boolean"}},required:{defaultValue:null,description:"Whether or not the field is required.",name:"required",required:!1,type:{name:"boolean"}},calloutProps:{defaultValue:null,description:"Custom properties for the Callout used to render the option list.",name:"calloutProps",required:!1,type:{name:"ICalloutProps"}},panelProps:{defaultValue:null,description:"Custom properties for the Panel used to render the option list on small devices.",name:"panelProps",required:!1,type:{name:"IPanelProps"}},errorMessage:{defaultValue:null,description:"Error message for the field.",name:"errorMessage",required:!1,type:{name:"string"}},placeholder:{defaultValue:null,description:"Input placeholder text. Displayed until option is selected.",name:"placeholder",required:!1,type:{name:"string"}},openOnKeyboardFocus:{defaultValue:null,description:"Whether or not the ComboBox/Dropdown should expand on keyboard focus.\n@defaultvalue false",name:"openOnKeyboardFocus",required:!1,type:{name:"boolean"}},defaultChecked:{defaultValue:null,description:"",name:"defaultChecked",required:!1,type:{name:"boolean"}},defaultValue:{defaultValue:null,description:"",name:"defaultValue",required:!1,type:{name:"string | number | readonly string[]"}},suppressContentEditableWarning:{defaultValue:null,description:"",name:"suppressContentEditableWarning",required:!1,type:{name:"boolean"}},suppressHydrationWarning:{defaultValue:null,description:"",name:"suppressHydrationWarning",required:!1,type:{name:"boolean"}},accessKey:{defaultValue:null,description:"",name:"accessKey",required:!1,type:{name:"string"}},autoFocus:{defaultValue:null,description:"",name:"autoFocus",required:!1,type:{name:"boolean"}},contentEditable:{defaultValue:null,description:"",name:"contentEditable",required:!1,type:{name:'Booleanish | "inherit" | "plaintext-only"'}},contextMenu:{defaultValue:null,description:"",name:"contextMenu",required:!1,type:{name:"string"}},dir:{defaultValue:null,description:"",name:"dir",required:!1,type:{name:"string"}},draggable:{defaultValue:null,description:"",name:"draggable",required:!1,type:{name:"Booleanish"}},hidden:{defaultValue:null,description:"",name:"hidden",required:!1,type:{name:"boolean"}},lang:{defaultValue:null,description:"",name:"lang",required:!1,type:{name:"string"}},nonce:{defaultValue:null,description:"",name:"nonce",required:!1,type:{name:"string"}},slot:{defaultValue:null,description:"",name:"slot",required:!1,type:{name:"string"}},spellCheck:{defaultValue:null,description:"",name:"spellCheck",required:!1,type:{name:"Booleanish"}},style:{defaultValue:null,description:"",name:"style",required:!1,type:{name:"CSSProperties"}},tabIndex:{defaultValue:null,description:"",name:"tabIndex",required:!1,type:{name:"number"}},title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"string"}},translate:{defaultValue:null,description:"",name:"translate",required:!1,type:{name:'"yes" | "no"'}},radioGroup:{defaultValue:null,description:"",name:"radioGroup",required:!1,type:{name:"string"}},role:{defaultValue:null,description:"",name:"role",required:!1,type:{name:"AriaRole"}},about:{defaultValue:null,description:"",name:"about",required:!1,type:{name:"string"}},content:{defaultValue:null,description:"",name:"content",required:!1,type:{name:"string"}},datatype:{defaultValue:null,description:"",name:"datatype",required:!1,type:{name:"string"}},inlist:{defaultValue:null,description:"",name:"inlist",required:!1,type:{name:"any"}},prefix:{defaultValue:null,description:"",name:"prefix",required:!1,type:{name:"string"}},property:{defaultValue:null,description:"",name:"property",required:!1,type:{name:"string"}},rel:{defaultValue:null,description:"",name:"rel",required:!1,type:{name:"string"}},resource:{defaultValue:null,description:"",name:"resource",required:!1,type:{name:"string"}},rev:{defaultValue:null,description:"",name:"rev",required:!1,type:{name:"string"}},typeof:{defaultValue:null,description:"",name:"typeof",required:!1,type:{name:"string"}},vocab:{defaultValue:null,description:"",name:"vocab",required:!1,type:{name:"string"}},autoCapitalize:{defaultValue:null,description:"",name:"autoCapitalize",required:!1,type:{name:"string"}},autoCorrect:{defaultValue:null,description:"",name:"autoCorrect",required:!1,type:{name:"string"}},autoSave:{defaultValue:null,description:"",name:"autoSave",required:!1,type:{name:"string"}},color:{defaultValue:null,description:"",name:"color",required:!1,type:{name:"string"}},itemProp:{defaultValue:null,description:"",name:"itemProp",required:!1,type:{name:"string"}},itemScope:{defaultValue:null,description:"",name:"itemScope",required:!1,type:{name:"boolean"}},itemType:{defaultValue:null,description:"",name:"itemType",required:!1,type:{name:"string"}},itemID:{defaultValue:null,description:"",name:"itemID",required:!1,type:{name:"string"}},itemRef:{defaultValue:null,description:"",name:"itemRef",required:!1,type:{name:"string"}},results:{defaultValue:null,description:"",name:"results",required:!1,type:{name:"number"}},security:{defaultValue:null,description:"",name:"security",required:!1,type:{name:"string"}},unselectable:{defaultValue:null,description:"",name:"unselectable",required:!1,type:{name:'"on" | "off"'}},inputMode:{defaultValue:null,description:"Hints at the type of data that might be entered by the user while editing the element or its contents\n@see {@link https://html.spec.whatwg.org/multipage/interaction.html#input-modalities:-the-inputmode-attribute}",name:"inputMode",required:!1,type:{name:'"text" | "none" | "search" | "tel" | "url" | "email" | "numeric" | "decimal"'}},is:{defaultValue:null,description:"Specify that a standard HTML element should behave like a defined custom built-in element\n@see {@link https://html.spec.whatwg.org/multipage/custom-elements.html#attr-is}",name:"is",required:!1,type:{name:"string"}},"aria-activedescendant":{defaultValue:null,description:"Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.",name:"aria-activedescendant",required:!1,type:{name:"string"}},"aria-atomic":{defaultValue:null,description:"Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute.",name:"aria-atomic",required:!1,type:{name:"Booleanish"}},"aria-autocomplete":{defaultValue:null,description:"Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be\npresented if they are made.",name:"aria-autocomplete",required:!1,type:{name:'"none" | "list" | "inline" | "both"'}},"aria-braillelabel":{defaultValue:null,description:"Defines a string value that labels the current element, which is intended to be converted into Braille.\n@see aria-label.",name:"aria-braillelabel",required:!1,type:{name:"string"}},"aria-brailleroledescription":{defaultValue:null,description:"Defines a human-readable, author-localized abbreviated description for the role of an element, which is intended to be converted into Braille.\n@see aria-roledescription.",name:"aria-brailleroledescription",required:!1,type:{name:"string"}},"aria-busy":{defaultValue:null,description:"",name:"aria-busy",required:!1,type:{name:"Booleanish"}},"aria-checked":{defaultValue:null,description:'Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.\n@see aria-pressed\n@see aria-selected.',name:"aria-checked",required:!1,type:{name:'boolean | "true" | "false" | "mixed"'}},"aria-colcount":{defaultValue:null,description:"Defines the total number of columns in a table, grid, or treegrid.\n@see aria-colindex.",name:"aria-colcount",required:!1,type:{name:"number"}},"aria-colindex":{defaultValue:null,description:"Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid.\n@see aria-colcount\n@see aria-colspan.",name:"aria-colindex",required:!1,type:{name:"number"}},"aria-colindextext":{defaultValue:null,description:"Defines a human readable text alternative of aria-colindex.\n@see aria-rowindextext.",name:"aria-colindextext",required:!1,type:{name:"string"}},"aria-colspan":{defaultValue:null,description:"Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-colindex\n@see aria-rowspan.",name:"aria-colspan",required:!1,type:{name:"number"}},"aria-controls":{defaultValue:null,description:"Identifies the element (or elements) whose contents or presence are controlled by the current element.\n@see aria-owns.",name:"aria-controls",required:!1,type:{name:"string"}},"aria-current":{defaultValue:null,description:"Indicates the element that represents the current item within a container or set of related elements.",name:"aria-current",required:!1,type:{name:'boolean | "step" | "true" | "false" | "page" | "location" | "date" | "time"'}},"aria-describedby":{defaultValue:null,description:"Identifies the element (or elements) that describes the object.\n@see aria-labelledby",name:"aria-describedby",required:!1,type:{name:"string"}},"aria-description":{defaultValue:null,description:"Defines a string value that describes or annotates the current element.\n@see related aria-describedby.",name:"aria-description",required:!1,type:{name:"string"}},"aria-details":{defaultValue:null,description:"Identifies the element that provides a detailed, extended description for the object.\n@see aria-describedby.",name:"aria-details",required:!1,type:{name:"string"}},"aria-disabled":{defaultValue:null,description:"Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.\n@see aria-hidden\n@see aria-readonly.",name:"aria-disabled",required:!1,type:{name:"Booleanish"}},"aria-dropeffect":{defaultValue:null,description:"Indicates what functions can be performed when a dragged object is released on the drop target.\n@deprecated in ARIA 1.1",name:"aria-dropeffect",required:!1,type:{name:'"none" | "link" | "copy" | "execute" | "move" | "popup"'}},"aria-errormessage":{defaultValue:null,description:"Identifies the element that provides an error message for the object.\n@see aria-invalid\n@see aria-describedby.",name:"aria-errormessage",required:!1,type:{name:"string"}},"aria-expanded":{defaultValue:null,description:"Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed.",name:"aria-expanded",required:!1,type:{name:"Booleanish"}},"aria-flowto":{defaultValue:null,description:"Identifies the next element (or elements) in an alternate reading order of content which, at the user's discretion,\nallows assistive technology to override the general default of reading in document source order.",name:"aria-flowto",required:!1,type:{name:"string"}},"aria-grabbed":{defaultValue:null,description:'Indicates an element\'s "grabbed" state in a drag-and-drop operation.\n@deprecated in ARIA 1.1',name:"aria-grabbed",required:!1,type:{name:"Booleanish"}},"aria-haspopup":{defaultValue:null,description:"Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element.",name:"aria-haspopup",required:!1,type:{name:'boolean | "true" | "false" | "dialog" | "grid" | "listbox" | "menu" | "tree"'}},"aria-hidden":{defaultValue:null,description:"Indicates whether the element is exposed to an accessibility API.\n@see aria-disabled.",name:"aria-hidden",required:!1,type:{name:"Booleanish"}},"aria-invalid":{defaultValue:null,description:"Indicates the entered value does not conform to the format expected by the application.\n@see aria-errormessage.",name:"aria-invalid",required:!1,type:{name:'boolean | "true" | "false" | "grammar" | "spelling"'}},"aria-keyshortcuts":{defaultValue:null,description:"Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element.",name:"aria-keyshortcuts",required:!1,type:{name:"string"}},"aria-label":{defaultValue:null,description:"Defines a string value that labels the current element.\n@see aria-labelledby.",name:"aria-label",required:!1,type:{name:"string"}},"aria-labelledby":{defaultValue:null,description:"Identifies the element (or elements) that labels the current element.\n@see aria-describedby.",name:"aria-labelledby",required:!1,type:{name:"string"}},"aria-level":{defaultValue:null,description:"Defines the hierarchical level of an element within a structure.",name:"aria-level",required:!1,type:{name:"number"}},"aria-live":{defaultValue:null,description:"Indicates that an element will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region.",name:"aria-live",required:!1,type:{name:'"off" | "assertive" | "polite"'}},"aria-modal":{defaultValue:null,description:"Indicates whether an element is modal when displayed.",name:"aria-modal",required:!1,type:{name:"Booleanish"}},"aria-multiline":{defaultValue:null,description:"Indicates whether a text box accepts multiple lines of input or only a single line.",name:"aria-multiline",required:!1,type:{name:"Booleanish"}},"aria-multiselectable":{defaultValue:null,description:"Indicates that the user may select more than one item from the current selectable descendants.",name:"aria-multiselectable",required:!1,type:{name:"Booleanish"}},"aria-orientation":{defaultValue:null,description:"Indicates whether the element's orientation is horizontal, vertical, or unknown/ambiguous.",name:"aria-orientation",required:!1,type:{name:'"horizontal" | "vertical"'}},"aria-owns":{defaultValue:null,description:"Identifies an element (or elements) in order to define a visual, functional, or contextual parent/child relationship\nbetween DOM elements where the DOM hierarchy cannot be used to represent the relationship.\n@see aria-controls.",name:"aria-owns",required:!1,type:{name:"string"}},"aria-placeholder":{defaultValue:null,description:"Defines a short hint (a word or short phrase) intended to aid the user with data entry when the control has no value.\nA hint could be a sample value or a brief description of the expected format.",name:"aria-placeholder",required:!1,type:{name:"string"}},"aria-posinset":{defaultValue:null,description:"Defines an element's number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.\n@see aria-setsize.",name:"aria-posinset",required:!1,type:{name:"number"}},"aria-pressed":{defaultValue:null,description:'Indicates the current "pressed" state of toggle buttons.\n@see aria-checked\n@see aria-selected.',name:"aria-pressed",required:!1,type:{name:'boolean | "true" | "false" | "mixed"'}},"aria-readonly":{defaultValue:null,description:"Indicates that the element is not editable, but is otherwise operable.\n@see aria-disabled.",name:"aria-readonly",required:!1,type:{name:"Booleanish"}},"aria-relevant":{defaultValue:null,description:"Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified.\n@see aria-atomic.",name:"aria-relevant",required:!1,type:{name:'"text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals"'}},"aria-required":{defaultValue:null,description:"Indicates that user input is required on the element before a form may be submitted.",name:"aria-required",required:!1,type:{name:"Booleanish"}},"aria-roledescription":{defaultValue:null,description:"Defines a human-readable, author-localized description for the role of an element.",name:"aria-roledescription",required:!1,type:{name:"string"}},"aria-rowcount":{defaultValue:null,description:"Defines the total number of rows in a table, grid, or treegrid.\n@see aria-rowindex.",name:"aria-rowcount",required:!1,type:{name:"number"}},"aria-rowindex":{defaultValue:null,description:"Defines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid.\n@see aria-rowcount\n@see aria-rowspan.",name:"aria-rowindex",required:!1,type:{name:"number"}},"aria-rowindextext":{defaultValue:null,description:"Defines a human readable text alternative of aria-rowindex.\n@see aria-colindextext.",name:"aria-rowindextext",required:!1,type:{name:"string"}},"aria-rowspan":{defaultValue:null,description:"Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-rowindex\n@see aria-colspan.",name:"aria-rowspan",required:!1,type:{name:"number"}},"aria-selected":{defaultValue:null,description:'Indicates the current "selected" state of various widgets.\n@see aria-checked\n@see aria-pressed.',name:"aria-selected",required:!1,type:{name:"Booleanish"}},"aria-setsize":{defaultValue:null,description:"Defines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.\n@see aria-posinset.",name:"aria-setsize",required:!1,type:{name:"number"}},"aria-sort":{defaultValue:null,description:"Indicates if items in a table or grid are sorted in ascending or descending order.",name:"aria-sort",required:!1,type:{name:'"none" | "ascending" | "descending" | "other"'}},"aria-valuemax":{defaultValue:null,description:"Defines the maximum allowed value for a range widget.",name:"aria-valuemax",required:!1,type:{name:"number"}},"aria-valuemin":{defaultValue:null,description:"Defines the minimum allowed value for a range widget.",name:"aria-valuemin",required:!1,type:{name:"number"}},"aria-valuenow":{defaultValue:null,description:"Defines the current value for a range widget.\n@see aria-valuetext.",name:"aria-valuenow",required:!1,type:{name:"number"}},"aria-valuetext":{defaultValue:null,description:"Defines the human readable text alternative of aria-valuenow for a range widget.",name:"aria-valuetext",required:!1,type:{name:"string"}},dangerouslySetInnerHTML:{defaultValue:null,description:"",name:"dangerouslySetInnerHTML",required:!1,type:{name:"{ __html: string | TrustedHTML; }"}},onCopy:{defaultValue:null,description:"",name:"onCopy",required:!1,type:{name:"ClipboardEventHandler"}},onCopyCapture:{defaultValue:null,description:"",name:"onCopyCapture",required:!1,type:{name:"ClipboardEventHandler"}},onCut:{defaultValue:null,description:"",name:"onCut",required:!1,type:{name:"ClipboardEventHandler"}},onCutCapture:{defaultValue:null,description:"",name:"onCutCapture",required:!1,type:{name:"ClipboardEventHandler"}},onPaste:{defaultValue:null,description:"",name:"onPaste",required:!1,type:{name:"ClipboardEventHandler"}},onPasteCapture:{defaultValue:null,description:"",name:"onPasteCapture",required:!1,type:{name:"ClipboardEventHandler"}},onCompositionEnd:{defaultValue:null,description:"",name:"onCompositionEnd",required:!1,type:{name:"CompositionEventHandler"}},onCompositionEndCapture:{defaultValue:null,description:"",name:"onCompositionEndCapture",required:!1,type:{name:"CompositionEventHandler"}},onCompositionStart:{defaultValue:null,description:"",name:"onCompositionStart",required:!1,type:{name:"CompositionEventHandler"}},onCompositionStartCapture:{defaultValue:null,description:"",name:"onCompositionStartCapture",required:!1,type:{name:"CompositionEventHandler"}},onCompositionUpdate:{defaultValue:null,description:"",name:"onCompositionUpdate",required:!1,type:{name:"CompositionEventHandler"}},onCompositionUpdateCapture:{defaultValue:null,description:"",name:"onCompositionUpdateCapture",required:!1,type:{name:"CompositionEventHandler"}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"FocusEventHandler"}},onFocusCapture:{defaultValue:null,description:"",name:"onFocusCapture",required:!1,type:{name:"FocusEventHandler"}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"FocusEventHandler"}},onBlurCapture:{defaultValue:null,description:"",name:"onBlurCapture",required:!1,type:{name:"FocusEventHandler"}},onChangeCapture:{defaultValue:null,description:"",name:"onChangeCapture",required:!1,type:{name:"FormEventHandler"}},onBeforeInput:{defaultValue:null,description:"",name:"onBeforeInput",required:!1,type:{name:"FormEventHandler"}},onBeforeInputCapture:{defaultValue:null,description:"",name:"onBeforeInputCapture",required:!1,type:{name:"FormEventHandler"}},onInput:{defaultValue:null,description:"",name:"onInput",required:!1,type:{name:"FormEventHandler"}},onInputCapture:{defaultValue:null,description:"",name:"onInputCapture",required:!1,type:{name:"FormEventHandler"}},onReset:{defaultValue:null,description:"",name:"onReset",required:!1,type:{name:"FormEventHandler"}},onResetCapture:{defaultValue:null,description:"",name:"onResetCapture",required:!1,type:{name:"FormEventHandler"}},onSubmit:{defaultValue:null,description:"",name:"onSubmit",required:!1,type:{name:"FormEventHandler"}},onSubmitCapture:{defaultValue:null,description:"",name:"onSubmitCapture",required:!1,type:{name:"FormEventHandler"}},onInvalid:{defaultValue:null,description:"",name:"onInvalid",required:!1,type:{name:"FormEventHandler"}},onInvalidCapture:{defaultValue:null,description:"",name:"onInvalidCapture",required:!1,type:{name:"FormEventHandler"}},onLoad:{defaultValue:null,description:"",name:"onLoad",required:!1,type:{name:"ReactEventHandler"}},onLoadCapture:{defaultValue:null,description:"",name:"onLoadCapture",required:!1,type:{name:"ReactEventHandler"}},onError:{defaultValue:null,description:"",name:"onError",required:!1,type:{name:"ReactEventHandler"}},onErrorCapture:{defaultValue:null,description:"",name:"onErrorCapture",required:!1,type:{name:"ReactEventHandler"}},onKeyDown:{defaultValue:null,description:"",name:"onKeyDown",required:!1,type:{name:"KeyboardEventHandler"}},onKeyDownCapture:{defaultValue:null,description:"",name:"onKeyDownCapture",required:!1,type:{name:"KeyboardEventHandler"}},onKeyPress:{defaultValue:null,description:"@deprecated",name:"onKeyPress",required:!1,type:{name:"KeyboardEventHandler"}},onKeyPressCapture:{defaultValue:null,description:"@deprecated",name:"onKeyPressCapture",required:!1,type:{name:"KeyboardEventHandler"}},onKeyUp:{defaultValue:null,description:"",name:"onKeyUp",required:!1,type:{name:"KeyboardEventHandler"}},onKeyUpCapture:{defaultValue:null,description:"",name:"onKeyUpCapture",required:!1,type:{name:"KeyboardEventHandler"}},onAbort:{defaultValue:null,description:"",name:"onAbort",required:!1,type:{name:"ReactEventHandler"}},onAbortCapture:{defaultValue:null,description:"",name:"onAbortCapture",required:!1,type:{name:"ReactEventHandler"}},onCanPlay:{defaultValue:null,description:"",name:"onCanPlay",required:!1,type:{name:"ReactEventHandler"}},onCanPlayCapture:{defaultValue:null,description:"",name:"onCanPlayCapture",required:!1,type:{name:"ReactEventHandler"}},onCanPlayThrough:{defaultValue:null,description:"",name:"onCanPlayThrough",required:!1,type:{name:"ReactEventHandler"}},onCanPlayThroughCapture:{defaultValue:null,description:"",name:"onCanPlayThroughCapture",required:!1,type:{name:"ReactEventHandler"}},onDurationChange:{defaultValue:null,description:"",name:"onDurationChange",required:!1,type:{name:"ReactEventHandler"}},onDurationChangeCapture:{defaultValue:null,description:"",name:"onDurationChangeCapture",required:!1,type:{name:"ReactEventHandler"}},onEmptied:{defaultValue:null,description:"",name:"onEmptied",required:!1,type:{name:"ReactEventHandler"}},onEmptiedCapture:{defaultValue:null,description:"",name:"onEmptiedCapture",required:!1,type:{name:"ReactEventHandler"}},onEncrypted:{defaultValue:null,description:"",name:"onEncrypted",required:!1,type:{name:"ReactEventHandler"}},onEncryptedCapture:{defaultValue:null,description:"",name:"onEncryptedCapture",required:!1,type:{name:"ReactEventHandler"}},onEnded:{defaultValue:null,description:"",name:"onEnded",required:!1,type:{name:"ReactEventHandler"}},onEndedCapture:{defaultValue:null,description:"",name:"onEndedCapture",required:!1,type:{name:"ReactEventHandler"}},onLoadedData:{defaultValue:null,description:"",name:"onLoadedData",required:!1,type:{name:"ReactEventHandler"}},onLoadedDataCapture:{defaultValue:null,description:"",name:"onLoadedDataCapture",required:!1,type:{name:"ReactEventHandler"}},onLoadedMetadata:{defaultValue:null,description:"",name:"onLoadedMetadata",required:!1,type:{name:"ReactEventHandler"}},onLoadedMetadataCapture:{defaultValue:null,description:"",name:"onLoadedMetadataCapture",required:!1,type:{name:"ReactEventHandler"}},onLoadStart:{defaultValue:null,description:"",name:"onLoadStart",required:!1,type:{name:"ReactEventHandler"}},onLoadStartCapture:{defaultValue:null,description:"",name:"onLoadStartCapture",required:!1,type:{name:"ReactEventHandler"}},onPause:{defaultValue:null,description:"",name:"onPause",required:!1,type:{name:"ReactEventHandler"}},onPauseCapture:{defaultValue:null,description:"",name:"onPauseCapture",required:!1,type:{name:"ReactEventHandler"}},onPlay:{defaultValue:null,description:"",name:"onPlay",required:!1,type:{name:"ReactEventHandler"}},onPlayCapture:{defaultValue:null,description:"",name:"onPlayCapture",required:!1,type:{name:"ReactEventHandler"}},onPlaying:{defaultValue:null,description:"",name:"onPlaying",required:!1,type:{name:"ReactEventHandler"}},onPlayingCapture:{defaultValue:null,description:"",name:"onPlayingCapture",required:!1,type:{name:"ReactEventHandler"}},onProgress:{defaultValue:null,description:"",name:"onProgress",required:!1,type:{name:"ReactEventHandler"}},onProgressCapture:{defaultValue:null,description:"",name:"onProgressCapture",required:!1,type:{name:"ReactEventHandler"}},onRateChange:{defaultValue:null,description:"",name:"onRateChange",required:!1,type:{name:"ReactEventHandler"}},onRateChangeCapture:{defaultValue:null,description:"",name:"onRateChangeCapture",required:!1,type:{name:"ReactEventHandler"}},onResize:{defaultValue:null,description:"",name:"onResize",required:!1,type:{name:"ReactEventHandler"}},onResizeCapture:{defaultValue:null,description:"",name:"onResizeCapture",required:!1,type:{name:"ReactEventHandler"}},onSeeked:{defaultValue:null,description:"",name:"onSeeked",required:!1,type:{name:"ReactEventHandler"}},onSeekedCapture:{defaultValue:null,description:"",name:"onSeekedCapture",required:!1,type:{name:"ReactEventHandler"}},onSeeking:{defaultValue:null,description:"",name:"onSeeking",required:!1,type:{name:"ReactEventHandler"}},onSeekingCapture:{defaultValue:null,description:"",name:"onSeekingCapture",required:!1,type:{name:"ReactEventHandler"}},onStalled:{defaultValue:null,description:"",name:"onStalled",required:!1,type:{name:"ReactEventHandler"}},onStalledCapture:{defaultValue:null,description:"",name:"onStalledCapture",required:!1,type:{name:"ReactEventHandler"}},onSuspend:{defaultValue:null,description:"",name:"onSuspend",required:!1,type:{name:"ReactEventHandler"}},onSuspendCapture:{defaultValue:null,description:"",name:"onSuspendCapture",required:!1,type:{name:"ReactEventHandler"}},onTimeUpdate:{defaultValue:null,description:"",name:"onTimeUpdate",required:!1,type:{name:"ReactEventHandler"}},onTimeUpdateCapture:{defaultValue:null,description:"",name:"onTimeUpdateCapture",required:!1,type:{name:"ReactEventHandler"}},onVolumeChange:{defaultValue:null,description:"",name:"onVolumeChange",required:!1,type:{name:"ReactEventHandler"}},onVolumeChangeCapture:{defaultValue:null,description:"",name:"onVolumeChangeCapture",required:!1,type:{name:"ReactEventHandler"}},onWaiting:{defaultValue:null,description:"",name:"onWaiting",required:!1,type:{name:"ReactEventHandler"}},onWaitingCapture:{defaultValue:null,description:"",name:"onWaitingCapture",required:!1,type:{name:"ReactEventHandler"}},onAuxClick:{defaultValue:null,description:"",name:"onAuxClick",required:!1,type:{name:"MouseEventHandler"}},onAuxClickCapture:{defaultValue:null,description:"",name:"onAuxClickCapture",required:!1,type:{name:"MouseEventHandler"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"MouseEventHandler"}},onClickCapture:{defaultValue:null,description:"",name:"onClickCapture",required:!1,type:{name:"MouseEventHandler"}},onContextMenu:{defaultValue:null,description:"",name:"onContextMenu",required:!1,type:{name:"MouseEventHandler"}},onContextMenuCapture:{defaultValue:null,description:"",name:"onContextMenuCapture",required:!1,type:{name:"MouseEventHandler"}},onDoubleClick:{defaultValue:null,description:"",name:"onDoubleClick",required:!1,type:{name:"MouseEventHandler"}},onDoubleClickCapture:{defaultValue:null,description:"",name:"onDoubleClickCapture",required:!1,type:{name:"MouseEventHandler"}},onDrag:{defaultValue:null,description:"",name:"onDrag",required:!1,type:{name:"DragEventHandler"}},onDragCapture:{defaultValue:null,description:"",name:"onDragCapture",required:!1,type:{name:"DragEventHandler"}},onDragEnd:{defaultValue:null,description:"",name:"onDragEnd",required:!1,type:{name:"DragEventHandler"}},onDragEndCapture:{defaultValue:null,description:"",name:"onDragEndCapture",required:!1,type:{name:"DragEventHandler"}},onDragEnter:{defaultValue:null,description:"",name:"onDragEnter",required:!1,type:{name:"DragEventHandler"}},onDragEnterCapture:{defaultValue:null,description:"",name:"onDragEnterCapture",required:!1,type:{name:"DragEventHandler"}},onDragExit:{defaultValue:null,description:"",name:"onDragExit",required:!1,type:{name:"DragEventHandler"}},onDragExitCapture:{defaultValue:null,description:"",name:"onDragExitCapture",required:!1,type:{name:"DragEventHandler"}},onDragLeave:{defaultValue:null,description:"",name:"onDragLeave",required:!1,type:{name:"DragEventHandler"}},onDragLeaveCapture:{defaultValue:null,description:"",name:"onDragLeaveCapture",required:!1,type:{name:"DragEventHandler"}},onDragOver:{defaultValue:null,description:"",name:"onDragOver",required:!1,type:{name:"DragEventHandler"}},onDragOverCapture:{defaultValue:null,description:"",name:"onDragOverCapture",required:!1,type:{name:"DragEventHandler"}},onDragStart:{defaultValue:null,description:"",name:"onDragStart",required:!1,type:{name:"DragEventHandler"}},onDragStartCapture:{defaultValue:null,description:"",name:"onDragStartCapture",required:!1,type:{name:"DragEventHandler"}},onDrop:{defaultValue:null,description:"",name:"onDrop",required:!1,type:{name:"DragEventHandler"}},onDropCapture:{defaultValue:null,description:"",name:"onDropCapture",required:!1,type:{name:"DragEventHandler"}},onMouseDown:{defaultValue:null,description:"",name:"onMouseDown",required:!1,type:{name:"MouseEventHandler"}},onMouseDownCapture:{defaultValue:null,description:"",name:"onMouseDownCapture",required:!1,type:{name:"MouseEventHandler"}},onMouseEnter:{defaultValue:null,description:"",name:"onMouseEnter",required:!1,type:{name:"MouseEventHandler"}},onMouseLeave:{defaultValue:null,description:"",name:"onMouseLeave",required:!1,type:{name:"MouseEventHandler"}},onMouseMove:{defaultValue:null,description:"",name:"onMouseMove",required:!1,type:{name:"MouseEventHandler"}},onMouseMoveCapture:{defaultValue:null,description:"",name:"onMouseMoveCapture",required:!1,type:{name:"MouseEventHandler"}},onMouseOut:{defaultValue:null,description:"",name:"onMouseOut",required:!1,type:{name:"MouseEventHandler"}},onMouseOutCapture:{defaultValue:null,description:"",name:"onMouseOutCapture",required:!1,type:{name:"MouseEventHandler"}},onMouseOver:{defaultValue:null,description:"",name:"onMouseOver",required:!1,type:{name:"MouseEventHandler"}},onMouseOverCapture:{defaultValue:null,description:"",name:"onMouseOverCapture",required:!1,type:{name:"MouseEventHandler"}},onMouseUp:{defaultValue:null,description:"",name:"onMouseUp",required:!1,type:{name:"MouseEventHandler"}},onMouseUpCapture:{defaultValue:null,description:"",name:"onMouseUpCapture",required:!1,type:{name:"MouseEventHandler"}},onSelect:{defaultValue:null,description:"",name:"onSelect",required:!1,type:{name:"ReactEventHandler"}},onSelectCapture:{defaultValue:null,description:"",name:"onSelectCapture",required:!1,type:{name:"ReactEventHandler"}},onTouchCancel:{defaultValue:null,description:"",name:"onTouchCancel",required:!1,type:{name:"TouchEventHandler"}},onTouchCancelCapture:{defaultValue:null,description:"",name:"onTouchCancelCapture",required:!1,type:{name:"TouchEventHandler"}},onTouchEnd:{defaultValue:null,description:"",name:"onTouchEnd",required:!1,type:{name:"TouchEventHandler"}},onTouchEndCapture:{defaultValue:null,description:"",name:"onTouchEndCapture",required:!1,type:{name:"TouchEventHandler"}},onTouchMove:{defaultValue:null,description:"",name:"onTouchMove",required:!1,type:{name:"TouchEventHandler"}},onTouchMoveCapture:{defaultValue:null,description:"",name:"onTouchMoveCapture",required:!1,type:{name:"TouchEventHandler"}},onTouchStart:{defaultValue:null,description:"",name:"onTouchStart",required:!1,type:{name:"TouchEventHandler"}},onTouchStartCapture:{defaultValue:null,description:"",name:"onTouchStartCapture",required:!1,type:{name:"TouchEventHandler"}},onPointerDown:{defaultValue:null,description:"",name:"onPointerDown",required:!1,type:{name:"PointerEventHandler"}},onPointerDownCapture:{defaultValue:null,description:"",name:"onPointerDownCapture",required:!1,type:{name:"PointerEventHandler"}},onPointerMove:{defaultValue:null,description:"",name:"onPointerMove",required:!1,type:{name:"PointerEventHandler"}},onPointerMoveCapture:{defaultValue:null,description:"",name:"onPointerMoveCapture",required:!1,type:{name:"PointerEventHandler"}},onPointerUp:{defaultValue:null,description:"",name:"onPointerUp",required:!1,type:{name:"PointerEventHandler"}},onPointerUpCapture:{defaultValue:null,description:"",name:"onPointerUpCapture",required:!1,type:{name:"PointerEventHandler"}},onPointerCancel:{defaultValue:null,description:"",name:"onPointerCancel",required:!1,type:{name:"PointerEventHandler"}},onPointerCancelCapture:{defaultValue:null,description:"",name:"onPointerCancelCapture",required:!1,type:{name:"PointerEventHandler"}},onPointerEnter:{defaultValue:null,description:"",name:"onPointerEnter",required:!1,type:{name:"PointerEventHandler"}},onPointerLeave:{defaultValue:null,description:"",name:"onPointerLeave",required:!1,type:{name:"PointerEventHandler"}},onPointerOver:{defaultValue:null,description:"",name:"onPointerOver",required:!1,type:{name:"PointerEventHandler"}},onPointerOverCapture:{defaultValue:null,description:"",name:"onPointerOverCapture",required:!1,type:{name:"PointerEventHandler"}},onPointerOut:{defaultValue:null,description:"",name:"onPointerOut",required:!1,type:{name:"PointerEventHandler"}},onPointerOutCapture:{defaultValue:null,description:"",name:"onPointerOutCapture",required:!1,type:{name:"PointerEventHandler"}},onGotPointerCapture:{defaultValue:null,description:"",name:"onGotPointerCapture",required:!1,type:{name:"PointerEventHandler"}},onGotPointerCaptureCapture:{defaultValue:null,description:"",name:"onGotPointerCaptureCapture",required:!1,type:{name:"PointerEventHandler"}},onLostPointerCapture:{defaultValue:null,description:"",name:"onLostPointerCapture",required:!1,type:{name:"PointerEventHandler"}},onLostPointerCaptureCapture:{defaultValue:null,description:"",name:"onLostPointerCaptureCapture",required:!1,type:{name:"PointerEventHandler"}},onScroll:{defaultValue:null,description:"",name:"onScroll",required:!1,type:{name:"UIEventHandler"}},onScrollCapture:{defaultValue:null,description:"",name:"onScrollCapture",required:!1,type:{name:"UIEventHandler"}},onWheel:{defaultValue:null,description:"",name:"onWheel",required:!1,type:{name:"WheelEventHandler"}},onWheelCapture:{defaultValue:null,description:"",name:"onWheelCapture",required:!1,type:{name:"WheelEventHandler"}},onAnimationStart:{defaultValue:null,description:"",name:"onAnimationStart",required:!1,type:{name:"AnimationEventHandler"}},onAnimationStartCapture:{defaultValue:null,description:"",name:"onAnimationStartCapture",required:!1,type:{name:"AnimationEventHandler"}},onAnimationEnd:{defaultValue:null,description:"",name:"onAnimationEnd",required:!1,type:{name:"AnimationEventHandler"}},onAnimationEndCapture:{defaultValue:null,description:"",name:"onAnimationEndCapture",required:!1,type:{name:"AnimationEventHandler"}},onAnimationIteration:{defaultValue:null,description:"",name:"onAnimationIteration",required:!1,type:{name:"AnimationEventHandler"}},onAnimationIterationCapture:{defaultValue:null,description:"",name:"onAnimationIterationCapture",required:!1,type:{name:"AnimationEventHandler"}},onTransitionEnd:{defaultValue:null,description:"",name:"onTransitionEnd",required:!1,type:{name:"TransitionEventHandler"}},onTransitionEndCapture:{defaultValue:null,description:"",name:"onTransitionEndCapture",required:!1,type:{name:"TransitionEventHandler"}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"LegacyRef"}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"Key"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../components/src/MultiDropdown/MultiDropdown.tsx#MultiDropdown"]={docgenInfo:MultiDropdown.__docgenInfo,name:"MultiDropdown",path:"../components/src/MultiDropdown/MultiDropdown.tsx#MultiDropdown"})}catch(__react_docgen_typescript_loader_error){}},"../components/src/NumberSpinButton/NumberSpinButton.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{M:()=>NumberSpinButton});var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../.yarn/cache/react-npm-18.3.1-af38f3c1ae-261137d3f3.zip/node_modules/react/jsx-runtime.js"),_fluentui_react__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../.yarn/__virtual__/@fluentui-react-virtual-de7476e3d6/0/cache/@fluentui-react-npm-8.118.9-93c5d7c0a7-1806e7182f.zip/node_modules/@fluentui/react/lib-commonjs/index.js"),react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../.yarn/cache/react-npm-18.3.1-af38f3c1ae-261137d3f3.zip/node_modules/react/index.js");const NumberSpinButton=({label,value,min=Number.MIN_SAFE_INTEGER,max=Number.MAX_SAFE_INTEGER,step=1,onChange,labelPosition,incrementButtonAriaLabel,decrementButtonAriaLabel})=>{const handleChange=(0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)((v=>{onChange&&v<=max&&v>=min&&onChange(v)}),[onChange,min,max]),handleIncrement=(0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)((v=>{handleChange(Number.parseFloat(v)+step)}),[handleChange,step]),handleDecrement=(0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)((v=>{handleChange(Number.parseFloat(v)-step)}),[handleChange,step]),handleValidate=(0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)((v=>{handleChange(Number.parseFloat(v))}),[handleChange]);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_fluentui_react__WEBPACK_IMPORTED_MODULE_2__.SpinButton,{value:value.toString(),onIncrement:handleIncrement,onDecrement:handleDecrement,onValidate:handleValidate,label,min,max,step,labelPosition,incrementButtonAriaLabel,decrementButtonAriaLabel})};try{NumberSpinButton.displayName="NumberSpinButton",NumberSpinButton.__docgenInfo={description:"NumberSpinButton creates a thematic styled SpinButton from Fluent",displayName:"NumberSpinButton",props:{label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"string"}},value:{defaultValue:null,description:"",name:"value",required:!0,type:{name:"number"}},min:{defaultValue:{value:"Number.MIN_SAFE_INTEGER"},description:"",name:"min",required:!1,type:{name:"number"}},max:{defaultValue:{value:"Number.MAX_SAFE_INTEGER"},description:"",name:"max",required:!1,type:{name:"number"}},step:{defaultValue:{value:"1"},description:"",name:"step",required:!1,type:{name:"number"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"(n: number) => any"}},labelPosition:{defaultValue:null,description:"",name:"labelPosition",required:!1,type:{name:"Position"}},incrementButtonAriaLabel:{defaultValue:null,description:"",name:"incrementButtonAriaLabel",required:!1,type:{name:"string"}},decrementButtonAriaLabel:{defaultValue:null,description:"",name:"decrementButtonAriaLabel",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../components/src/NumberSpinButton/NumberSpinButton.tsx#NumberSpinButton"]={docgenInfo:NumberSpinButton.__docgenInfo,name:"NumberSpinButton",path:"../components/src/NumberSpinButton/NumberSpinButton.tsx#NumberSpinButton"})}catch(__react_docgen_typescript_loader_error){}}}]); \ No newline at end of file diff --git a/storybook/components-src-Settings-Settings-stories.627a02fa.iframe.bundle.js.LICENSE.txt b/storybook/components-src-Settings-Settings-stories.642d1b85.iframe.bundle.js.LICENSE.txt similarity index 100% rename from storybook/components-src-Settings-Settings-stories.627a02fa.iframe.bundle.js.LICENSE.txt rename to storybook/components-src-Settings-Settings-stories.642d1b85.iframe.bundle.js.LICENSE.txt diff --git a/storybook/iframe.html b/storybook/iframe.html index e6be872d..b05a4ed2 100644 --- a/storybook/iframe.html +++ b/storybook/iframe.html @@ -348,7 +348,7 @@ window['DOCS_OPTIONS'] = {"defaultName":"Docs","autodocs":true};