@fluentui/react-combobox 9.3.4 → 9.4.0

package/lib/contexts/ListboxContext.js

@@ -1,19 +1,18 @@
 import { createContext } from '@fluentui/react-context-selector';
 // eslint-disable-next-line @fluentui/no-context-default-value
-export const ListboxContext = /*#__PURE__*/createContext({
-  activeOption: undefined,
-  focusVisible: false,
-  multiselect: false,
-  registerOption() {
-    return () => undefined;
-  },
-  selectedOptions: [],
-  selectOption() {
+export const ListboxContext = createContext({
+    activeOption: undefined,
+    focusVisible: false,
+    multiselect: false,
+    registerOption () {
+        return ()=>undefined;
+    },
+    selectedOptions: [],
+    selectOption () {
     // noop
-  },
-  setActiveOption() {
+    },
+    setActiveOption () {
     // noop
-  }
+    }
 });
 export const ListboxProvider = ListboxContext.Provider;
-//# sourceMappingURL=ListboxContext.js.map

package/lib/contexts/ListboxContext.js.map

@@ -1 +1 @@
-{"version":3,"names":["createContext","ListboxContext","activeOption","undefined","focusVisible","multiselect","registerOption","selectedOptions","selectOption","setActiveOption","ListboxProvider","Provider"],"sources":["../../src/contexts/ListboxContext.ts"],"sourcesContent":["import { createContext } from '@fluentui/react-context-selector';\nimport { ListboxState } from '../components/Listbox/Listbox.types';\n\n/**\n * Context shared with all Listbox Options\n */\nexport type ListboxContextValue = Pick<\n  ListboxState,\n  | 'activeOption'\n  | 'focusVisible'\n  | 'multiselect'\n  | 'registerOption'\n  | 'selectedOptions'\n  | 'selectOption'\n  | 'setActiveOption'\n>;\n\n// eslint-disable-next-line @fluentui/no-context-default-value\nexport const ListboxContext = createContext<ListboxContextValue>({\n  activeOption: undefined,\n  focusVisible: false,\n  multiselect: false,\n  registerOption() {\n    return () => undefined;\n  },\n  selectedOptions: [],\n  selectOption() {\n    // noop\n  },\n  setActiveOption() {\n    // noop\n  },\n});\n\nexport const ListboxProvider = ListboxContext.Provider;\n"],"mappings":"AAAA,SAASA,aAAa,QAAQ;AAiB9B;AACA,OAAO,MAAMC,cAAA,gBAAiBD,aAAA,CAAmC;EAC/DE,YAAA,EAAcC,SAAA;EACdC,YAAA,EAAc,KAAK;EACnBC,WAAA,EAAa,KAAK;EAClBC,eAAA,EAAiB;IACf,OAAO,MAAMH,SAAA;EACf;EACAI,eAAA,EAAiB,EAAE;EACnBC,aAAA,EAAe;IACb;EAAA,CACF;EACAC,gBAAA,EAAkB;IAChB;EAAA;AAEJ;AAEA,OAAO,MAAMC,eAAA,GAAkBT,cAAA,CAAeU,QAAQ"}
+{"version":3,"sources":["ListboxContext.ts"],"sourcesContent":["import { createContext } from '@fluentui/react-context-selector';\nimport { ListboxState } from '../components/Listbox/Listbox.types';\n\n/**\n * Context shared with all Listbox Options\n */\nexport type ListboxContextValue = Pick<\n  ListboxState,\n  | 'activeOption'\n  | 'focusVisible'\n  | 'multiselect'\n  | 'registerOption'\n  | 'selectedOptions'\n  | 'selectOption'\n  | 'setActiveOption'\n>;\n\n// eslint-disable-next-line @fluentui/no-context-default-value\nexport const ListboxContext = createContext<ListboxContextValue>({\n  activeOption: undefined,\n  focusVisible: false,\n  multiselect: false,\n  registerOption() {\n    return () => undefined;\n  },\n  selectedOptions: [],\n  selectOption() {\n    // noop\n  },\n  setActiveOption() {\n    // noop\n  },\n});\n\nexport const ListboxProvider = ListboxContext.Provider;\n"],"names":["createContext","ListboxContext","activeOption","undefined","focusVisible","multiselect","registerOption","selectedOptions","selectOption","setActiveOption","ListboxProvider","Provider"],"mappings":"AAAA,SAASA,aAAa,QAAQ,mCAAmC;AAiBjE,8DAA8D;AAC9D,OAAO,MAAMC,iBAAiBD,cAAmC;IAC/DE,cAAcC;IACdC,cAAc,KAAK;IACnBC,aAAa,KAAK;IAClBC,kBAAiB;QACf,OAAO,IAAMH;IACf;IACAI,iBAAiB,EAAE;IACnBC,gBAAe;IACb,OAAO;IACT;IACAC,mBAAkB;IAChB,OAAO;IACT;AACF,GAAG;AAEH,OAAO,MAAMC,kBAAkBT,eAAeU,QAAQ,CAAC"}

package/lib/contexts/useComboboxContextValues.js

@@ -1,30 +1,18 @@
 export function useComboboxContextValues(state) {
-  const {
-    activeOption,
-    appearance,
-    focusVisible,
-    open,
-    registerOption,
-    selectedOptions,
-    selectOption,
-    setActiveOption,
-    setOpen,
-    size
-  } = state;
-  const combobox = {
-    activeOption,
-    appearance,
-    focusVisible,
-    open,
-    registerOption,
-    selectedOptions,
-    selectOption,
-    setActiveOption,
-    setOpen,
-    size
-  };
-  return {
-    combobox
-  };
+    const { activeOption , appearance , focusVisible , open , registerOption , selectedOptions , selectOption , setActiveOption , setOpen , size  } = state;
+    const combobox = {
+        activeOption,
+        appearance,
+        focusVisible,
+        open,
+        registerOption,
+        selectedOptions,
+        selectOption,
+        setActiveOption,
+        setOpen,
+        size
+    };
+    return {
+        combobox
+    };
 }
-//# sourceMappingURL=useComboboxContextValues.js.map

package/lib/contexts/useComboboxContextValues.js.map

@@ -1 +1 @@
-{"version":3,"names":["useComboboxContextValues","state","activeOption","appearance","focusVisible","open","registerOption","selectedOptions","selectOption","setActiveOption","setOpen","size","combobox"],"sources":["../../src/contexts/useComboboxContextValues.ts"],"sourcesContent":["import { ComboboxBaseContextValues, ComboboxBaseState } from '../utils/ComboboxBase.types';\n\nexport function useComboboxContextValues(state: ComboboxBaseState): ComboboxBaseContextValues {\n  const {\n    activeOption,\n    appearance,\n    focusVisible,\n    open,\n    registerOption,\n    selectedOptions,\n    selectOption,\n    setActiveOption,\n    setOpen,\n    size,\n  } = state;\n\n  const combobox = {\n    activeOption,\n    appearance,\n    focusVisible,\n    open,\n    registerOption,\n    selectedOptions,\n    selectOption,\n    setActiveOption,\n    setOpen,\n    size,\n  };\n\n  return { combobox };\n}\n"],"mappings":"AAEA,OAAO,SAASA,yBAAyBC,KAAwB,EAA6B;EAC5F,MAAM;IACJC,YAAA;IACAC,UAAA;IACAC,YAAA;IACAC,IAAA;IACAC,cAAA;IACAC,eAAA;IACAC,YAAA;IACAC,eAAA;IACAC,OAAA;IACAC;EAAI,CACL,GAAGV,KAAA;EAEJ,MAAMW,QAAA,GAAW;IACfV,YAAA;IACAC,UAAA;IACAC,YAAA;IACAC,IAAA;IACAC,cAAA;IACAC,eAAA;IACAC,YAAA;IACAC,eAAA;IACAC,OAAA;IACAC;EACF;EAEA,OAAO;IAAEC;EAAS;AACpB"}
+{"version":3,"sources":["useComboboxContextValues.ts"],"sourcesContent":["import { ComboboxBaseContextValues, ComboboxBaseState } from '../utils/ComboboxBase.types';\n\nexport function useComboboxContextValues(state: ComboboxBaseState): ComboboxBaseContextValues {\n  const {\n    activeOption,\n    appearance,\n    focusVisible,\n    open,\n    registerOption,\n    selectedOptions,\n    selectOption,\n    setActiveOption,\n    setOpen,\n    size,\n  } = state;\n\n  const combobox = {\n    activeOption,\n    appearance,\n    focusVisible,\n    open,\n    registerOption,\n    selectedOptions,\n    selectOption,\n    setActiveOption,\n    setOpen,\n    size,\n  };\n\n  return { combobox };\n}\n"],"names":["useComboboxContextValues","state","activeOption","appearance","focusVisible","open","registerOption","selectedOptions","selectOption","setActiveOption","setOpen","size","combobox"],"mappings":"AAEA,OAAO,SAASA,yBAAyBC,KAAwB,EAA6B;IAC5F,MAAM,EACJC,aAAY,EACZC,WAAU,EACVC,aAAY,EACZC,KAAI,EACJC,eAAc,EACdC,gBAAe,EACfC,aAAY,EACZC,gBAAe,EACfC,QAAO,EACPC,KAAI,EACL,GAAGV;IAEJ,MAAMW,WAAW;QACfV;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;IACF;IAEA,OAAO;QAAEC;IAAS;AACpB,CAAC"}

package/lib/contexts/useListboxContextValues.js

@@ -1,30 +1,21 @@
 import { useContextSelector, useHasParentContext } from '@fluentui/react-context-selector';
 import { ComboboxContext } from './ComboboxContext';
 export function useListboxContextValues(state) {
-  const hasComboboxContext = useHasParentContext(ComboboxContext);
-  const {
-    activeOption,
-    focusVisible,
-    multiselect,
-    registerOption,
-    selectedOptions,
-    selectOption,
-    setActiveOption
-  } = state;
-  // get register/unregister functions from parent combobox context
-  const comboboxRegisterOption = useContextSelector(ComboboxContext, ctx => ctx.registerOption);
-  const registerOptionValue = hasComboboxContext ? comboboxRegisterOption : registerOption;
-  const listbox = {
-    activeOption,
-    focusVisible,
-    multiselect,
-    registerOption: registerOptionValue,
-    selectedOptions,
-    selectOption,
-    setActiveOption
-  };
-  return {
-    listbox
-  };
+    const hasComboboxContext = useHasParentContext(ComboboxContext);
+    const { activeOption , focusVisible , multiselect , registerOption , selectedOptions , selectOption , setActiveOption  } = state;
+    // get register/unregister functions from parent combobox context
+    const comboboxRegisterOption = useContextSelector(ComboboxContext, (ctx)=>ctx.registerOption);
+    const registerOptionValue = hasComboboxContext ? comboboxRegisterOption : registerOption;
+    const listbox = {
+        activeOption,
+        focusVisible,
+        multiselect,
+        registerOption: registerOptionValue,
+        selectedOptions,
+        selectOption,
+        setActiveOption
+    };
+    return {
+        listbox
+    };
 }
-//# sourceMappingURL=useListboxContextValues.js.map

package/lib/contexts/useListboxContextValues.js.map

@@ -1 +1 @@
-{"version":3,"names":["useContextSelector","useHasParentContext","ComboboxContext","useListboxContextValues","state","hasComboboxContext","activeOption","focusVisible","multiselect","registerOption","selectedOptions","selectOption","setActiveOption","comboboxRegisterOption","ctx","registerOptionValue","listbox"],"sources":["../../src/contexts/useListboxContextValues.ts"],"sourcesContent":["import { useContextSelector, useHasParentContext } from '@fluentui/react-context-selector';\nimport { ListboxContextValues, ListboxState } from '../components/Listbox/Listbox.types';\nimport { ComboboxContext } from './ComboboxContext';\n\nexport function useListboxContextValues(state: ListboxState): ListboxContextValues {\n  const hasComboboxContext = useHasParentContext(ComboboxContext);\n  const { activeOption, focusVisible, multiselect, registerOption, selectedOptions, selectOption, setActiveOption } =\n    state;\n\n  // get register/unregister functions from parent combobox context\n  const comboboxRegisterOption = useContextSelector(ComboboxContext, ctx => ctx.registerOption);\n\n  const registerOptionValue = hasComboboxContext ? comboboxRegisterOption : registerOption;\n\n  const listbox = {\n    activeOption,\n    focusVisible,\n    multiselect,\n    registerOption: registerOptionValue,\n    selectedOptions,\n    selectOption,\n    setActiveOption,\n  };\n\n  return { listbox };\n}\n"],"mappings":"AAAA,SAASA,kBAAkB,EAAEC,mBAAmB,QAAQ;AAExD,SAASC,eAAe,QAAQ;AAEhC,OAAO,SAASC,wBAAwBC,KAAmB,EAAwB;EACjF,MAAMC,kBAAA,GAAqBJ,mBAAA,CAAoBC,eAAA;EAC/C,MAAM;IAAEI,YAAA;IAAcC,YAAA;IAAcC,WAAA;IAAaC,cAAA;IAAgBC,eAAA;IAAiBC,YAAA;IAAcC;EAAe,CAAE,GAC/GR,KAAA;EAEF;EACA,MAAMS,sBAAA,GAAyBb,kBAAA,CAAmBE,eAAA,EAAiBY,GAAA,IAAOA,GAAA,CAAIL,cAAc;EAE5F,MAAMM,mBAAA,GAAsBV,kBAAA,GAAqBQ,sBAAA,GAAyBJ,cAAc;EAExF,MAAMO,OAAA,GAAU;IACdV,YAAA;IACAC,YAAA;IACAC,WAAA;IACAC,cAAA,EAAgBM,mBAAA;IAChBL,eAAA;IACAC,YAAA;IACAC;EACF;EAEA,OAAO;IAAEI;EAAQ;AACnB"}
+{"version":3,"sources":["useListboxContextValues.ts"],"sourcesContent":["import { useContextSelector, useHasParentContext } from '@fluentui/react-context-selector';\nimport { ListboxContextValues, ListboxState } from '../components/Listbox/Listbox.types';\nimport { ComboboxContext } from './ComboboxContext';\n\nexport function useListboxContextValues(state: ListboxState): ListboxContextValues {\n  const hasComboboxContext = useHasParentContext(ComboboxContext);\n  const { activeOption, focusVisible, multiselect, registerOption, selectedOptions, selectOption, setActiveOption } =\n    state;\n\n  // get register/unregister functions from parent combobox context\n  const comboboxRegisterOption = useContextSelector(ComboboxContext, ctx => ctx.registerOption);\n\n  const registerOptionValue = hasComboboxContext ? comboboxRegisterOption : registerOption;\n\n  const listbox = {\n    activeOption,\n    focusVisible,\n    multiselect,\n    registerOption: registerOptionValue,\n    selectedOptions,\n    selectOption,\n    setActiveOption,\n  };\n\n  return { listbox };\n}\n"],"names":["useContextSelector","useHasParentContext","ComboboxContext","useListboxContextValues","state","hasComboboxContext","activeOption","focusVisible","multiselect","registerOption","selectedOptions","selectOption","setActiveOption","comboboxRegisterOption","ctx","registerOptionValue","listbox"],"mappings":"AAAA,SAASA,kBAAkB,EAAEC,mBAAmB,QAAQ,mCAAmC;AAE3F,SAASC,eAAe,QAAQ,oBAAoB;AAEpD,OAAO,SAASC,wBAAwBC,KAAmB,EAAwB;IACjF,MAAMC,qBAAqBJ,oBAAoBC;IAC/C,MAAM,EAAEI,aAAY,EAAEC,aAAY,EAAEC,YAAW,EAAEC,eAAc,EAAEC,gBAAe,EAAEC,aAAY,EAAEC,gBAAe,EAAE,GAC/GR;IAEF,iEAAiE;IACjE,MAAMS,yBAAyBb,mBAAmBE,iBAAiBY,CAAAA,MAAOA,IAAIL,cAAc;IAE5F,MAAMM,sBAAsBV,qBAAqBQ,yBAAyBJ,cAAc;IAExF,MAAMO,UAAU;QACdV;QACAC;QACAC;QACAC,gBAAgBM;QAChBL;QACAC;QACAC;IACF;IAEA,OAAO;QAAEI;IAAQ;AACnB,CAAC"}

package/lib/index.js

@@ -7,4 +7,3 @@ export { Option, optionClassNames, renderOption_unstable, useOptionStyles_unstab
 export { Combobox, comboboxClassNames, renderCombobox_unstable, useComboboxStyles_unstable, useCombobox_unstable } from './Combobox';
 export { Dropdown, dropdownClassNames, renderDropdown_unstable, useDropdownStyles_unstable, useDropdown_unstable } from './Dropdown';
 export { OptionGroup, optionGroupClassNames, renderOptionGroup_unstable, useOptionGroupStyles_unstable, useOptionGroup_unstable } from './OptionGroup';
-//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["ComboboxProvider","ListboxProvider","useComboboxContextValues","useListboxContextValues","Listbox","listboxClassNames","renderListbox_unstable","useListboxStyles_unstable","useListbox_unstable","Option","optionClassNames","renderOption_unstable","useOptionStyles_unstable","useOption_unstable","Combobox","comboboxClassNames","renderCombobox_unstable","useComboboxStyles_unstable","useCombobox_unstable","Dropdown","dropdownClassNames","renderDropdown_unstable","useDropdownStyles_unstable","useDropdown_unstable","OptionGroup","optionGroupClassNames","renderOptionGroup_unstable","useOptionGroupStyles_unstable","useOptionGroup_unstable"],"sources":["../src/index.ts"],"sourcesContent":["export { ComboboxProvider } from './contexts/ComboboxContext';\nexport type { ComboboxContextValue } from './contexts/ComboboxContext';\nexport { ListboxProvider } from './contexts/ListboxContext';\nexport type { ListboxContextValue } from './contexts/ListboxContext';\nexport { useComboboxContextValues } from './contexts/useComboboxContextValues';\nexport { useListboxContextValues } from './contexts/useListboxContextValues';\nexport {\n  Listbox,\n  listboxClassNames,\n  renderListbox_unstable,\n  useListboxStyles_unstable,\n  useListbox_unstable,\n} from './Listbox';\nexport type { ListboxContextValues, ListboxProps, ListboxSlots, ListboxState } from './Listbox';\nexport {\n  Option,\n  optionClassNames,\n  renderOption_unstable,\n  useOptionStyles_unstable,\n  useOption_unstable,\n} from './Option';\nexport type { OptionProps, OptionSlots, OptionState } from './Option';\nexport {\n  Combobox,\n  comboboxClassNames,\n  renderCombobox_unstable,\n  useComboboxStyles_unstable,\n  useCombobox_unstable,\n} from './Combobox';\nexport type {\n  ComboboxContextValues,\n  ComboboxOpenChangeData,\n  ComboboxOpenEvents,\n  ComboboxProps,\n  ComboboxSlots,\n  ComboboxState,\n} from './Combobox';\nexport {\n  Dropdown,\n  dropdownClassNames,\n  renderDropdown_unstable,\n  useDropdownStyles_unstable,\n  useDropdown_unstable,\n} from './Dropdown';\nexport type {\n  DropdownContextValues,\n  DropdownOpenChangeData,\n  DropdownOpenEvents,\n  DropdownProps,\n  DropdownSlots,\n  DropdownState,\n} from './Dropdown';\nexport {\n  OptionGroup,\n  optionGroupClassNames,\n  renderOptionGroup_unstable,\n  useOptionGroupStyles_unstable,\n  useOptionGroup_unstable,\n} from './OptionGroup';\nexport type { OptionGroupProps, OptionGroupSlots, OptionGroupState } from './OptionGroup';\n"],"mappings":"AAAA,SAASA,gBAAgB,QAAQ;AAEjC,SAASC,eAAe,QAAQ;AAEhC,SAASC,wBAAwB,QAAQ;AACzC,SAASC,uBAAuB,QAAQ;AACxC,SACEC,OAAO,EACPC,iBAAiB,EACjBC,sBAAsB,EACtBC,yBAAyB,EACzBC,mBAAmB,QACd;AAEP,SACEC,MAAM,EACNC,gBAAgB,EAChBC,qBAAqB,EACrBC,wBAAwB,EACxBC,kBAAkB,QACb;AAEP,SACEC,QAAQ,EACRC,kBAAkB,EAClBC,uBAAuB,EACvBC,0BAA0B,EAC1BC,oBAAoB,QACf;AASP,SACEC,QAAQ,EACRC,kBAAkB,EAClBC,uBAAuB,EACvBC,0BAA0B,EAC1BC,oBAAoB,QACf;AASP,SACEC,WAAW,EACXC,qBAAqB,EACrBC,0BAA0B,EAC1BC,6BAA6B,EAC7BC,uBAAuB,QAClB"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export { ComboboxProvider } from './contexts/ComboboxContext';\nexport type { ComboboxContextValue } from './contexts/ComboboxContext';\nexport { ListboxProvider } from './contexts/ListboxContext';\nexport type { ListboxContextValue } from './contexts/ListboxContext';\nexport { useComboboxContextValues } from './contexts/useComboboxContextValues';\nexport { useListboxContextValues } from './contexts/useListboxContextValues';\nexport {\n  Listbox,\n  listboxClassNames,\n  renderListbox_unstable,\n  useListboxStyles_unstable,\n  useListbox_unstable,\n} from './Listbox';\nexport type { ListboxContextValues, ListboxProps, ListboxSlots, ListboxState } from './Listbox';\nexport {\n  Option,\n  optionClassNames,\n  renderOption_unstable,\n  useOptionStyles_unstable,\n  useOption_unstable,\n} from './Option';\nexport type { OptionProps, OptionSlots, OptionState } from './Option';\nexport {\n  Combobox,\n  comboboxClassNames,\n  renderCombobox_unstable,\n  useComboboxStyles_unstable,\n  useCombobox_unstable,\n} from './Combobox';\nexport type {\n  ComboboxContextValues,\n  ComboboxOpenChangeData,\n  ComboboxOpenEvents,\n  ComboboxProps,\n  ComboboxSlots,\n  ComboboxState,\n} from './Combobox';\nexport {\n  Dropdown,\n  dropdownClassNames,\n  renderDropdown_unstable,\n  useDropdownStyles_unstable,\n  useDropdown_unstable,\n} from './Dropdown';\nexport type {\n  DropdownContextValues,\n  DropdownOpenChangeData,\n  DropdownOpenEvents,\n  DropdownProps,\n  DropdownSlots,\n  DropdownState,\n} from './Dropdown';\nexport {\n  OptionGroup,\n  optionGroupClassNames,\n  renderOptionGroup_unstable,\n  useOptionGroupStyles_unstable,\n  useOptionGroup_unstable,\n} from './OptionGroup';\nexport type { OptionGroupProps, OptionGroupSlots, OptionGroupState } from './OptionGroup';\nexport type { OptionOnSelectData, SelectionEvents } from './Selection';\n"],"names":["ComboboxProvider","ListboxProvider","useComboboxContextValues","useListboxContextValues","Listbox","listboxClassNames","renderListbox_unstable","useListboxStyles_unstable","useListbox_unstable","Option","optionClassNames","renderOption_unstable","useOptionStyles_unstable","useOption_unstable","Combobox","comboboxClassNames","renderCombobox_unstable","useComboboxStyles_unstable","useCombobox_unstable","Dropdown","dropdownClassNames","renderDropdown_unstable","useDropdownStyles_unstable","useDropdown_unstable","OptionGroup","optionGroupClassNames","renderOptionGroup_unstable","useOptionGroupStyles_unstable","useOptionGroup_unstable"],"mappings":"AAAA,SAASA,gBAAgB,QAAQ,6BAA6B;AAE9D,SAASC,eAAe,QAAQ,4BAA4B;AAE5D,SAASC,wBAAwB,QAAQ,sCAAsC;AAC/E,SAASC,uBAAuB,QAAQ,qCAAqC;AAC7E,SACEC,OAAO,EACPC,iBAAiB,EACjBC,sBAAsB,EACtBC,yBAAyB,EACzBC,mBAAmB,QACd,YAAY;AAEnB,SACEC,MAAM,EACNC,gBAAgB,EAChBC,qBAAqB,EACrBC,wBAAwB,EACxBC,kBAAkB,QACb,WAAW;AAElB,SACEC,QAAQ,EACRC,kBAAkB,EAClBC,uBAAuB,EACvBC,0BAA0B,EAC1BC,oBAAoB,QACf,aAAa;AASpB,SACEC,QAAQ,EACRC,kBAAkB,EAClBC,uBAAuB,EACvBC,0BAA0B,EAC1BC,oBAAoB,QACf,aAAa;AASpB,SACEC,WAAW,EACXC,qBAAqB,EACrBC,0BAA0B,EAC1BC,6BAA6B,EAC7BC,uBAAuB,QAClB,gBAAgB"}

package/lib/utils/ComboboxBase.types.js

@@ -1,2 +1 @@
 import * as React from 'react';
-//# sourceMappingURL=ComboboxBase.types.js.map

package/lib/utils/ComboboxBase.types.js.map

@@ -1 +1 @@
-{"version":3,"names":["React"],"sources":["../../src/utils/ComboboxBase.types.ts"],"sourcesContent":["import * as React from 'react';\nimport type { PositioningShorthand } from '@fluentui/react-positioning';\nimport type { ComboboxContextValue } from '../contexts/ComboboxContext';\nimport type { OptionValue, OptionCollectionState } from '../utils/OptionCollection.types';\nimport { SelectionProps, SelectionState } from '../utils/Selection.types';\n\n/**\n * ComboboxBase Props\n * Shared types between Combobox and Dropdown components\n */\nexport type ComboboxBaseProps = SelectionProps & {\n  /**\n   * Controls the colors and borders of the combobox trigger.\n   * @default 'outline'\n   */\n  appearance?: 'filled-darker' | 'filled-lighter' | 'outline' | 'underline';\n\n  /**\n   * The default open state when open is uncontrolled\n   */\n  defaultOpen?: boolean;\n\n  /**\n   * The default value displayed in the trigger input or button when the combobox's value is uncontrolled\n   */\n  defaultValue?: string;\n\n  /**\n   * Render the combobox's popup inline in the DOM.\n   * This has accessibility benefits, particularly for touch screen readers.\n   */\n  inlinePopup?: boolean;\n\n  /**\n   * Callback when the open/closed state of the dropdown changes\n   */\n  onOpenChange?: (e: ComboboxBaseOpenEvents, data: ComboboxBaseOpenChangeData) => void;\n\n  /**\n   * Sets the open/closed state of the dropdown.\n   * Use together with onOpenChange to fully control the dropdown's visibility\n   */\n  open?: boolean;\n\n  /**\n   * If set, the placeholder will show when no value is selected\n   */\n  placeholder?: string;\n\n  /**\n   * Configure the positioning of the combobox dropdown\n   *\n   * @defaultvalue below\n   */\n  positioning?: PositioningShorthand;\n\n  /**\n   * Controls the size of the combobox faceplate\n   * @default 'medium'\n   */\n  size?: 'small' | 'medium' | 'large';\n\n  /**\n   * The value displayed by the Combobox.\n   * Use this with `onOptionSelect` to directly control the displayed value string\n   */\n  value?: string;\n};\n\n/**\n * State used in rendering Combobox\n */\nexport type ComboboxBaseState = Required<Pick<ComboboxBaseProps, 'appearance' | 'open' | 'inlinePopup' | 'size'>> &\n  Pick<ComboboxBaseProps, 'placeholder' | 'value' | 'multiselect'> &\n  OptionCollectionState &\n  SelectionState & {\n    /* Option data for the currently highlighted option (not the selected option) */\n    activeOption?: OptionValue;\n\n    // Whether the keyboard focus outline style should be visible\n    focusVisible: boolean;\n\n    // whether the combobox/dropdown currently has focus\n    hasFocus: boolean;\n\n    /* Whether the next blur event should be ignored, and the combobox/dropdown will not close.*/\n    ignoreNextBlur: React.MutableRefObject<boolean>;\n\n    setActiveOption(option?: OptionValue): void;\n\n    setFocusVisible(focusVisible: boolean): void;\n\n    setHasFocus(hasFocus: boolean): void;\n\n    setOpen(event: ComboboxBaseOpenEvents, newState: boolean): void;\n\n    setValue(newValue: string | undefined): void;\n  };\n\n/**\n * Data for the Combobox onOpenChange event.\n */\nexport type ComboboxBaseOpenChangeData = {\n  open: boolean;\n};\n\n/* Possible event types for onOpen */\nexport type ComboboxBaseOpenEvents =\n  | React.MouseEvent<HTMLElement>\n  | React.KeyboardEvent<HTMLElement>\n  | React.FocusEvent<HTMLElement>;\n\nexport type ComboboxBaseContextValues = {\n  combobox: ComboboxContextValue;\n};\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW"}
+{"version":3,"sources":["ComboboxBase.types.ts"],"sourcesContent":["import * as React from 'react';\nimport type { PositioningShorthand } from '@fluentui/react-positioning';\nimport type { ComboboxContextValue } from '../contexts/ComboboxContext';\nimport type { OptionValue, OptionCollectionState } from '../utils/OptionCollection.types';\nimport { SelectionProps, SelectionState } from '../utils/Selection.types';\n\n/**\n * ComboboxBase Props\n * Shared types between Combobox and Dropdown components\n */\nexport type ComboboxBaseProps = SelectionProps & {\n  /**\n   * Controls the colors and borders of the combobox trigger.\n   * @default 'outline'\n   */\n  appearance?: 'filled-darker' | 'filled-lighter' | 'outline' | 'underline';\n\n  /**\n   * The default open state when open is uncontrolled\n   */\n  defaultOpen?: boolean;\n\n  /**\n   * The default value displayed in the trigger input or button when the combobox's value is uncontrolled\n   */\n  defaultValue?: string;\n\n  /**\n   * Render the combobox's popup inline in the DOM.\n   * This has accessibility benefits, particularly for touch screen readers.\n   */\n  inlinePopup?: boolean;\n\n  /**\n   * Callback when the open/closed state of the dropdown changes\n   */\n  onOpenChange?: (e: ComboboxBaseOpenEvents, data: ComboboxBaseOpenChangeData) => void;\n\n  /**\n   * Sets the open/closed state of the dropdown.\n   * Use together with onOpenChange to fully control the dropdown's visibility\n   */\n  open?: boolean;\n\n  /**\n   * If set, the placeholder will show when no value is selected\n   */\n  placeholder?: string;\n\n  /**\n   * Configure the positioning of the combobox dropdown\n   *\n   * @defaultvalue below\n   */\n  positioning?: PositioningShorthand;\n\n  /**\n   * Controls the size of the combobox faceplate\n   * @default 'medium'\n   */\n  size?: 'small' | 'medium' | 'large';\n\n  /**\n   * The value displayed by the Combobox.\n   * Use this with `onOptionSelect` to directly control the displayed value string\n   */\n  value?: string;\n};\n\n/**\n * State used in rendering Combobox\n */\nexport type ComboboxBaseState = Required<Pick<ComboboxBaseProps, 'appearance' | 'open' | 'inlinePopup' | 'size'>> &\n  Pick<ComboboxBaseProps, 'placeholder' | 'value' | 'multiselect'> &\n  OptionCollectionState &\n  SelectionState & {\n    /* Option data for the currently highlighted option (not the selected option) */\n    activeOption?: OptionValue;\n\n    // Whether the keyboard focus outline style should be visible\n    focusVisible: boolean;\n\n    // whether the combobox/dropdown currently has focus\n    hasFocus: boolean;\n\n    /* Whether the next blur event should be ignored, and the combobox/dropdown will not close.*/\n    ignoreNextBlur: React.MutableRefObject<boolean>;\n\n    setActiveOption(option?: OptionValue): void;\n\n    setFocusVisible(focusVisible: boolean): void;\n\n    setHasFocus(hasFocus: boolean): void;\n\n    setOpen(event: ComboboxBaseOpenEvents, newState: boolean): void;\n\n    setValue(newValue: string | undefined): void;\n  };\n\n/**\n * Data for the Combobox onOpenChange event.\n */\nexport type ComboboxBaseOpenChangeData = {\n  open: boolean;\n};\n\n/* Possible event types for onOpen */\nexport type ComboboxBaseOpenEvents =\n  | React.MouseEvent<HTMLElement>\n  | React.KeyboardEvent<HTMLElement>\n  | React.FocusEvent<HTMLElement>;\n\nexport type ComboboxBaseContextValues = {\n  combobox: ComboboxContextValue;\n};\n"],"names":["React"],"mappings":"AAAA,YAAYA,WAAW,QAAQ"}

package/lib/utils/OptionCollection.types.js

@@ -1,2 +1 @@
-export {};
-//# sourceMappingURL=OptionCollection.types.js.map
+export { };

package/lib/utils/OptionCollection.types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../src/utils/OptionCollection.types.ts"],"sourcesContent":["export type OptionValue = {\n  /** The disabled state of the option. */\n  disabled?: boolean;\n\n  /** The `id` attribute of the option. */\n  id: string;\n\n  /** The `text` string for the option. */\n  text: string;\n\n  /** The value string of the option. */\n  value: string;\n};\n\nexport type OptionCollectionState = {\n  /** The total number of options in the collection. */\n  getCount: () => number;\n\n  /** Returns the index of an option by key. */\n  getIndexOfId(id: string): number;\n\n  /** Returns the option data for the nth option. */\n  getOptionAtIndex(index: number): OptionValue | undefined;\n\n  /** Returns the option data by key. */\n  getOptionById(id: string): OptionValue | undefined;\n\n  /** Returns an array of options filtered by a value matching function against the option's text string. */\n  getOptionsMatchingText(matcher: (text: string) => boolean): OptionValue[];\n\n  /** Returns an array of options filtered by a value matching function against the option's value string. */\n  getOptionsMatchingValue(matcher: (value: string) => boolean): OptionValue[];\n\n  /** The unordered option data. */\n  options: OptionValue[];\n\n  /* A function that child options call to register their values. Returns a function to unregister the option. */\n  registerOption: (option: OptionValue, element: HTMLElement) => () => void;\n};\n"],"mappings":"AAAA"}
+{"version":3,"sources":["OptionCollection.types.ts"],"sourcesContent":["export type OptionValue = {\n  /** The disabled state of the option. */\n  disabled?: boolean;\n\n  /** The `id` attribute of the option. */\n  id: string;\n\n  /** The `text` string for the option. */\n  text: string;\n\n  /** The value string of the option. */\n  value: string;\n};\n\nexport type OptionCollectionState = {\n  /** The total number of options in the collection. */\n  getCount: () => number;\n\n  /** Returns the index of an option by key. */\n  getIndexOfId(id: string): number;\n\n  /** Returns the option data for the nth option. */\n  getOptionAtIndex(index: number): OptionValue | undefined;\n\n  /** Returns the option data by key. */\n  getOptionById(id: string): OptionValue | undefined;\n\n  /** Returns an array of options filtered by a value matching function against the option's text string. */\n  getOptionsMatchingText(matcher: (text: string) => boolean): OptionValue[];\n\n  /** Returns an array of options filtered by a value matching function against the option's value string. */\n  getOptionsMatchingValue(matcher: (value: string) => boolean): OptionValue[];\n\n  /** The unordered option data. */\n  options: OptionValue[];\n\n  /* A function that child options call to register their values. Returns a function to unregister the option. */\n  registerOption: (option: OptionValue, element: HTMLElement) => () => void;\n};\n"],"names":[],"mappings":"AAAA,WAsCE"}

package/lib/utils/Selection.types.js

@@ -1,2 +1 @@
 import * as React from 'react';
-//# sourceMappingURL=Selection.types.js.map

package/lib/utils/Selection.types.js.map

@@ -1 +1 @@
-{"version":3,"names":["React"],"sources":["../../src/utils/Selection.types.ts"],"sourcesContent":["import * as React from 'react';\nimport { OptionValue } from './OptionCollection.types';\n\nexport type SelectionProps = {\n  /**\n   * For an uncontrolled component, sets the initial selection.\n   * If this is set, the `defaultValue` prop MUST also be set.\n   */\n  defaultSelectedOptions?: string[];\n\n  /**\n   * Sets the selection type to multiselect.\n   * Set this to true for multiselect, even if fully controlling selection state.\n   * This enables styles and accessibility properties to be set.\n   * @default false\n   */\n  multiselect?: boolean;\n\n  /* Callback when an option is selected */\n  onOptionSelect?: (event: SelectionEvents, data: OptionOnSelectData) => void;\n\n  /**\n   * An array of selected option keys.\n   * Use this with `onOptionSelect` to directly control the selected option(s)\n   * If this is set, the `value` prop MUST also be controlled.\n   */\n  selectedOptions?: string[];\n};\n\n/* Values returned by the useSelection hook */\nexport type SelectionState = {\n  clearSelection: (event: SelectionEvents) => void;\n  selectedOptions: string[];\n  selectOption: (event: SelectionEvents, option: OptionValue) => void;\n};\n\n/*\n * Data for the onOptionSelect callback.\n * `optionValue` and `optionText` will be undefined if multiple options are modified at once.\n */\nexport type OptionOnSelectData = {\n  optionValue: string | undefined;\n  optionText: string | undefined;\n  selectedOptions: string[];\n};\n\n/* Possible event types for onOptionSelect */\nexport type SelectionEvents =\n  | React.ChangeEvent<HTMLElement>\n  | React.KeyboardEvent<HTMLElement>\n  | React.MouseEvent<HTMLElement>;\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW"}
+{"version":3,"sources":["Selection.types.ts"],"sourcesContent":["import * as React from 'react';\nimport { OptionValue } from './OptionCollection.types';\n\nexport type SelectionProps = {\n  /**\n   * For an uncontrolled component, sets the initial selection.\n   * If this is set, the `defaultValue` prop MUST also be set.\n   */\n  defaultSelectedOptions?: string[];\n\n  /**\n   * Sets the selection type to multiselect.\n   * Set this to true for multiselect, even if fully controlling selection state.\n   * This enables styles and accessibility properties to be set.\n   * @default false\n   */\n  multiselect?: boolean;\n\n  /* Callback when an option is selected */\n  onOptionSelect?: (event: SelectionEvents, data: OptionOnSelectData) => void;\n\n  /**\n   * An array of selected option keys.\n   * Use this with `onOptionSelect` to directly control the selected option(s)\n   * If this is set, the `value` prop MUST also be controlled.\n   */\n  selectedOptions?: string[];\n};\n\n/* Values returned by the useSelection hook */\nexport type SelectionState = {\n  clearSelection: (event: SelectionEvents) => void;\n  selectedOptions: string[];\n  selectOption: (event: SelectionEvents, option: OptionValue) => void;\n};\n\n/*\n * Data for the onOptionSelect callback.\n * `optionValue` and `optionText` will be undefined if multiple options are modified at once.\n */\nexport type OptionOnSelectData = {\n  optionValue: string | undefined;\n  optionText: string | undefined;\n  selectedOptions: string[];\n};\n\n/* Possible event types for onOptionSelect */\nexport type SelectionEvents =\n  | React.ChangeEvent<HTMLElement>\n  | React.KeyboardEvent<HTMLElement>\n  | React.MouseEvent<HTMLElement>;\n"],"names":["React"],"mappings":"AAAA,YAAYA,WAAW,QAAQ"}

package/lib/utils/dropdownKeyActions.js

@@ -2,86 +2,75 @@ import * as keys from '@fluentui/keyboard-keys';
 import * as React from 'react';
 /**
  * Converts a keyboard interaction into a defined action
- */
-export function getDropdownActionFromKey(e, options = {}) {
-  const {
-    open = true,
-    multiselect = false
-  } = options;
-  const code = e.key;
-  const {
-    altKey,
-    ctrlKey,
-    key,
-    metaKey
-  } = e;
-  // typing action occurs whether open or closed
-  if (key.length === 1 && code !== keys.Space && !altKey && !ctrlKey && !metaKey) {
-    return 'Type';
-  }
-  // handle opening the dropdown if closed
-  if (!open) {
-    if (code === keys.ArrowDown || code === keys.ArrowUp || code === keys.Enter || code === keys.Space) {
-      return 'Open';
+ */ export function getDropdownActionFromKey(e, options = {}) {
+    const { open =true , multiselect =false  } = options;
+    const code = e.key;
+    const { altKey , ctrlKey , key , metaKey  } = e;
+    // typing action occurs whether open or closed
+    if (key.length === 1 && code !== keys.Space && !altKey && !ctrlKey && !metaKey) {
+        return 'Type';
     }
-    // if the dropdown is closed and an action did not match the above, do nothing
+    // handle opening the dropdown if closed
+    if (!open) {
+        if (code === keys.ArrowDown || code === keys.ArrowUp || code === keys.Enter || code === keys.Space) {
+            return 'Open';
+        }
+        // if the dropdown is closed and an action did not match the above, do nothing
+        return 'None';
+    }
+    // select or close actions
+    if (code === keys.ArrowUp && altKey || code === keys.Enter || !multiselect && code === keys.Space) {
+        return 'CloseSelect';
+    }
+    if (multiselect && code === keys.Space) {
+        return 'Select';
+    }
+    if (code === keys.Escape) {
+        return 'Close';
+    }
+    // navigation interactions
+    if (code === keys.ArrowDown) {
+        return 'Next';
+    }
+    if (code === keys.ArrowUp) {
+        return 'Previous';
+    }
+    if (code === keys.Home) {
+        return 'First';
+    }
+    if (code === keys.End) {
+        return 'Last';
+    }
+    if (code === keys.PageUp) {
+        return 'PageUp';
+    }
+    if (code === keys.PageDown) {
+        return 'PageDown';
+    }
+    if (code === keys.Tab) {
+        return 'Tab';
+    }
+    // if nothing matched, return none
     return 'None';
-  }
-  // select or close actions
-  if (code === keys.ArrowUp && altKey || code === keys.Enter || !multiselect && code === keys.Space) {
-    return 'CloseSelect';
-  }
-  if (multiselect && code === keys.Space) {
-    return 'Select';
-  }
-  if (code === keys.Escape) {
-    return 'Close';
-  }
-  // navigation interactions
-  if (code === keys.ArrowDown) {
-    return 'Next';
-  }
-  if (code === keys.ArrowUp) {
-    return 'Previous';
-  }
-  if (code === keys.Home) {
-    return 'First';
-  }
-  if (code === keys.End) {
-    return 'Last';
-  }
-  if (code === keys.PageUp) {
-    return 'PageUp';
-  }
-  if (code === keys.PageDown) {
-    return 'PageDown';
-  }
-  if (code === keys.Tab) {
-    return 'Tab';
-  }
-  // if nothing matched, return none
-  return 'None';
 }
 /**
  * Returns the requested option index from an action
- */
-export function getIndexFromAction(action, currentIndex, maxIndex) {
-  switch (action) {
-    case 'Next':
-      return Math.min(maxIndex, currentIndex + 1);
-      break;
-    case 'Previous':
-      return Math.max(0, currentIndex - 1);
-    case 'First':
-      return 0;
-    case 'Last':
-      return maxIndex;
-    case 'PageDown':
-      return Math.min(maxIndex, currentIndex + 10);
-    case 'PageUp':
-      return Math.max(0, currentIndex - 10);
-    default:
-      return currentIndex;
-  }
+ */ export function getIndexFromAction(action, currentIndex, maxIndex) {
+    switch(action){
+        case 'Next':
+            return Math.min(maxIndex, currentIndex + 1);
+            break;
+        case 'Previous':
+            return Math.max(0, currentIndex - 1);
+        case 'First':
+            return 0;
+        case 'Last':
+            return maxIndex;
+        case 'PageDown':
+            return Math.min(maxIndex, currentIndex + 10);
+        case 'PageUp':
+            return Math.max(0, currentIndex - 10);
+        default:
+            return currentIndex;
+    }
 }
-//# sourceMappingURL=dropdownKeyActions.js.map

package/lib/utils/dropdownKeyActions.js.map

@@ -1 +1 @@
-{"version":3,"names":["keys","React","getDropdownActionFromKey","e","options","open","multiselect","code","key","altKey","ctrlKey","metaKey","length","Space","ArrowDown","ArrowUp","Enter","Escape","Home","End","PageUp","PageDown","Tab","getIndexFromAction","action","currentIndex","maxIndex","Math","min","max"],"sources":["../../src/utils/dropdownKeyActions.ts"],"sourcesContent":["import * as keys from '@fluentui/keyboard-keys';\nimport * as React from 'react';\n\n/**\n * enum of actions available in any type of managed dropdown control\n * e.g. combobox, select, datepicker, menu\n */\nexport type DropdownActions =\n  | 'Close'\n  | 'CloseSelect'\n  | 'First'\n  | 'Last'\n  | 'Next'\n  | 'None'\n  | 'Open'\n  | 'PageDown'\n  | 'PageUp'\n  | 'Previous'\n  | 'Select'\n  | 'Tab'\n  | 'Type';\n\nexport interface DropdownActionOptions {\n  open?: boolean;\n  multiselect?: boolean;\n}\n\n/**\n * Converts a keyboard interaction into a defined action\n */\nexport function getDropdownActionFromKey(\n  e: KeyboardEvent | React.KeyboardEvent,\n  options: DropdownActionOptions = {},\n): DropdownActions {\n  const { open = true, multiselect = false } = options;\n  const code = e.key;\n  const { altKey, ctrlKey, key, metaKey } = e;\n\n  // typing action occurs whether open or closed\n  if (key.length === 1 && code !== keys.Space && !altKey && !ctrlKey && !metaKey) {\n    return 'Type';\n  }\n\n  // handle opening the dropdown if closed\n  if (!open) {\n    if (code === keys.ArrowDown || code === keys.ArrowUp || code === keys.Enter || code === keys.Space) {\n      return 'Open';\n    }\n\n    // if the dropdown is closed and an action did not match the above, do nothing\n    return 'None';\n  }\n\n  // select or close actions\n  if ((code === keys.ArrowUp && altKey) || code === keys.Enter || (!multiselect && code === keys.Space)) {\n    return 'CloseSelect';\n  }\n  if (multiselect && code === keys.Space) {\n    return 'Select';\n  }\n  if (code === keys.Escape) {\n    return 'Close';\n  }\n\n  // navigation interactions\n  if (code === keys.ArrowDown) {\n    return 'Next';\n  }\n  if (code === keys.ArrowUp) {\n    return 'Previous';\n  }\n  if (code === keys.Home) {\n    return 'First';\n  }\n  if (code === keys.End) {\n    return 'Last';\n  }\n  if (code === keys.PageUp) {\n    return 'PageUp';\n  }\n  if (code === keys.PageDown) {\n    return 'PageDown';\n  }\n  if (code === keys.Tab) {\n    return 'Tab';\n  }\n\n  // if nothing matched, return none\n  return 'None';\n}\n\n/**\n * Returns the requested option index from an action\n */\nexport function getIndexFromAction(action: DropdownActions, currentIndex: number, maxIndex: number): number {\n  switch (action) {\n    case 'Next':\n      return Math.min(maxIndex, currentIndex + 1);\n      break;\n    case 'Previous':\n      return Math.max(0, currentIndex - 1);\n    case 'First':\n      return 0;\n    case 'Last':\n      return maxIndex;\n    case 'PageDown':\n      return Math.min(maxIndex, currentIndex + 10);\n    case 'PageUp':\n      return Math.max(0, currentIndex - 10);\n    default:\n      return currentIndex;\n  }\n}\n"],"mappings":"AAAA,YAAYA,IAAA,MAAU;AACtB,YAAYC,KAAA,MAAW;AA0BvB;;;AAGA,OAAO,SAASC,yBACdC,CAAsC,EACtCC,OAAA,GAAiC,CAAC,CAAC,EAClB;EACjB,MAAM;IAAEC,IAAA,GAAO,IAAI;IAAEC,WAAA,GAAc;EAAK,CAAE,GAAGF,OAAA;EAC7C,MAAMG,IAAA,GAAOJ,CAAA,CAAEK,GAAG;EAClB,MAAM;IAAEC,MAAA;IAAQC,OAAA;IAASF,GAAA;IAAKG;EAAO,CAAE,GAAGR,CAAA;EAE1C;EACA,IAAIK,GAAA,CAAII,MAAM,KAAK,KAAKL,IAAA,KAASP,IAAA,CAAKa,KAAK,IAAI,CAACJ,MAAA,IAAU,CAACC,OAAA,IAAW,CAACC,OAAA,EAAS;IAC9E,OAAO;EACT;EAEA;EACA,IAAI,CAACN,IAAA,EAAM;IACT,IAAIE,IAAA,KAASP,IAAA,CAAKc,SAAS,IAAIP,IAAA,KAASP,IAAA,CAAKe,OAAO,IAAIR,IAAA,KAASP,IAAA,CAAKgB,KAAK,IAAIT,IAAA,KAASP,IAAA,CAAKa,KAAK,EAAE;MAClG,OAAO;IACT;IAEA;IACA,OAAO;EACT;EAEA;EACA,IAAIN,IAAC,KAASP,IAAA,CAAKe,OAAO,IAAIN,MAAA,IAAWF,IAAA,KAASP,IAAA,CAAKgB,KAAK,IAAK,CAACV,WAAA,IAAeC,IAAA,KAASP,IAAA,CAAKa,KAAK,EAAG;IACrG,OAAO;EACT;EACA,IAAIP,WAAA,IAAeC,IAAA,KAASP,IAAA,CAAKa,KAAK,EAAE;IACtC,OAAO;EACT;EACA,IAAIN,IAAA,KAASP,IAAA,CAAKiB,MAAM,EAAE;IACxB,OAAO;EACT;EAEA;EACA,IAAIV,IAAA,KAASP,IAAA,CAAKc,SAAS,EAAE;IAC3B,OAAO;EACT;EACA,IAAIP,IAAA,KAASP,IAAA,CAAKe,OAAO,EAAE;IACzB,OAAO;EACT;EACA,IAAIR,IAAA,KAASP,IAAA,CAAKkB,IAAI,EAAE;IACtB,OAAO;EACT;EACA,IAAIX,IAAA,KAASP,IAAA,CAAKmB,GAAG,EAAE;IACrB,OAAO;EACT;EACA,IAAIZ,IAAA,KAASP,IAAA,CAAKoB,MAAM,EAAE;IACxB,OAAO;EACT;EACA,IAAIb,IAAA,KAASP,IAAA,CAAKqB,QAAQ,EAAE;IAC1B,OAAO;EACT;EACA,IAAId,IAAA,KAASP,IAAA,CAAKsB,GAAG,EAAE;IACrB,OAAO;EACT;EAEA;EACA,OAAO;AACT;AAEA;;;AAGA,OAAO,SAASC,mBAAmBC,MAAuB,EAAEC,YAAoB,EAAEC,QAAgB,EAAU;EAC1G,QAAQF,MAAA;IACN,KAAK;MACH,OAAOG,IAAA,CAAKC,GAAG,CAACF,QAAA,EAAUD,YAAA,GAAe;MACzC;IACF,KAAK;MACH,OAAOE,IAAA,CAAKE,GAAG,CAAC,GAAGJ,YAAA,GAAe;IACpC,KAAK;MACH,OAAO;IACT,KAAK;MACH,OAAOC,QAAA;IACT,KAAK;MACH,OAAOC,IAAA,CAAKC,GAAG,CAACF,QAAA,EAAUD,YAAA,GAAe;IAC3C,KAAK;MACH,OAAOE,IAAA,CAAKE,GAAG,CAAC,GAAGJ,YAAA,GAAe;IACpC;MACE,OAAOA,YAAA;EAAA;AAEb"}
+{"version":3,"sources":["dropdownKeyActions.ts"],"sourcesContent":["import * as keys from '@fluentui/keyboard-keys';\nimport * as React from 'react';\n\n/**\n * enum of actions available in any type of managed dropdown control\n * e.g. combobox, select, datepicker, menu\n */\nexport type DropdownActions =\n  | 'Close'\n  | 'CloseSelect'\n  | 'First'\n  | 'Last'\n  | 'Next'\n  | 'None'\n  | 'Open'\n  | 'PageDown'\n  | 'PageUp'\n  | 'Previous'\n  | 'Select'\n  | 'Tab'\n  | 'Type';\n\nexport interface DropdownActionOptions {\n  open?: boolean;\n  multiselect?: boolean;\n}\n\n/**\n * Converts a keyboard interaction into a defined action\n */\nexport function getDropdownActionFromKey(\n  e: KeyboardEvent | React.KeyboardEvent,\n  options: DropdownActionOptions = {},\n): DropdownActions {\n  const { open = true, multiselect = false } = options;\n  const code = e.key;\n  const { altKey, ctrlKey, key, metaKey } = e;\n\n  // typing action occurs whether open or closed\n  if (key.length === 1 && code !== keys.Space && !altKey && !ctrlKey && !metaKey) {\n    return 'Type';\n  }\n\n  // handle opening the dropdown if closed\n  if (!open) {\n    if (code === keys.ArrowDown || code === keys.ArrowUp || code === keys.Enter || code === keys.Space) {\n      return 'Open';\n    }\n\n    // if the dropdown is closed and an action did not match the above, do nothing\n    return 'None';\n  }\n\n  // select or close actions\n  if ((code === keys.ArrowUp && altKey) || code === keys.Enter || (!multiselect && code === keys.Space)) {\n    return 'CloseSelect';\n  }\n  if (multiselect && code === keys.Space) {\n    return 'Select';\n  }\n  if (code === keys.Escape) {\n    return 'Close';\n  }\n\n  // navigation interactions\n  if (code === keys.ArrowDown) {\n    return 'Next';\n  }\n  if (code === keys.ArrowUp) {\n    return 'Previous';\n  }\n  if (code === keys.Home) {\n    return 'First';\n  }\n  if (code === keys.End) {\n    return 'Last';\n  }\n  if (code === keys.PageUp) {\n    return 'PageUp';\n  }\n  if (code === keys.PageDown) {\n    return 'PageDown';\n  }\n  if (code === keys.Tab) {\n    return 'Tab';\n  }\n\n  // if nothing matched, return none\n  return 'None';\n}\n\n/**\n * Returns the requested option index from an action\n */\nexport function getIndexFromAction(action: DropdownActions, currentIndex: number, maxIndex: number): number {\n  switch (action) {\n    case 'Next':\n      return Math.min(maxIndex, currentIndex + 1);\n      break;\n    case 'Previous':\n      return Math.max(0, currentIndex - 1);\n    case 'First':\n      return 0;\n    case 'Last':\n      return maxIndex;\n    case 'PageDown':\n      return Math.min(maxIndex, currentIndex + 10);\n    case 'PageUp':\n      return Math.max(0, currentIndex - 10);\n    default:\n      return currentIndex;\n  }\n}\n"],"names":["keys","React","getDropdownActionFromKey","e","options","open","multiselect","code","key","altKey","ctrlKey","metaKey","length","Space","ArrowDown","ArrowUp","Enter","Escape","Home","End","PageUp","PageDown","Tab","getIndexFromAction","action","currentIndex","maxIndex","Math","min","max"],"mappings":"AAAA,YAAYA,UAAU,0BAA0B;AAChD,YAAYC,WAAW,QAAQ;AA0B/B;;CAEC,GACD,OAAO,SAASC,yBACdC,CAAsC,EACtCC,UAAiC,CAAC,CAAC,EAClB;IACjB,MAAM,EAAEC,MAAO,IAAI,CAAA,EAAEC,aAAc,KAAK,CAAA,EAAE,GAAGF;IAC7C,MAAMG,OAAOJ,EAAEK,GAAG;IAClB,MAAM,EAAEC,OAAM,EAAEC,QAAO,EAAEF,IAAG,EAAEG,QAAO,EAAE,GAAGR;IAE1C,8CAA8C;IAC9C,IAAIK,IAAII,MAAM,KAAK,KAAKL,SAASP,KAAKa,KAAK,IAAI,CAACJ,UAAU,CAACC,WAAW,CAACC,SAAS;QAC9E,OAAO;IACT,CAAC;IAED,wCAAwC;IACxC,IAAI,CAACN,MAAM;QACT,IAAIE,SAASP,KAAKc,SAAS,IAAIP,SAASP,KAAKe,OAAO,IAAIR,SAASP,KAAKgB,KAAK,IAAIT,SAASP,KAAKa,KAAK,EAAE;YAClG,OAAO;QACT,CAAC;QAED,8EAA8E;QAC9E,OAAO;IACT,CAAC;IAED,0BAA0B;IAC1B,IAAI,AAACN,SAASP,KAAKe,OAAO,IAAIN,UAAWF,SAASP,KAAKgB,KAAK,IAAK,CAACV,eAAeC,SAASP,KAAKa,KAAK,EAAG;QACrG,OAAO;IACT,CAAC;IACD,IAAIP,eAAeC,SAASP,KAAKa,KAAK,EAAE;QACtC,OAAO;IACT,CAAC;IACD,IAAIN,SAASP,KAAKiB,MAAM,EAAE;QACxB,OAAO;IACT,CAAC;IAED,0BAA0B;IAC1B,IAAIV,SAASP,KAAKc,SAAS,EAAE;QAC3B,OAAO;IACT,CAAC;IACD,IAAIP,SAASP,KAAKe,OAAO,EAAE;QACzB,OAAO;IACT,CAAC;IACD,IAAIR,SAASP,KAAKkB,IAAI,EAAE;QACtB,OAAO;IACT,CAAC;IACD,IAAIX,SAASP,KAAKmB,GAAG,EAAE;QACrB,OAAO;IACT,CAAC;IACD,IAAIZ,SAASP,KAAKoB,MAAM,EAAE;QACxB,OAAO;IACT,CAAC;IACD,IAAIb,SAASP,KAAKqB,QAAQ,EAAE;QAC1B,OAAO;IACT,CAAC;IACD,IAAId,SAASP,KAAKsB,GAAG,EAAE;QACrB,OAAO;IACT,CAAC;IAED,kCAAkC;IAClC,OAAO;AACT,CAAC;AAED;;CAEC,GACD,OAAO,SAASC,mBAAmBC,MAAuB,EAAEC,YAAoB,EAAEC,QAAgB,EAAU;IAC1G,OAAQF;QACN,KAAK;YACH,OAAOG,KAAKC,GAAG,CAACF,UAAUD,eAAe;YACzC,KAAM;QACR,KAAK;YACH,OAAOE,KAAKE,GAAG,CAAC,GAAGJ,eAAe;QACpC,KAAK;YACH,OAAO;QACT,KAAK;YACH,OAAOC;QACT,KAAK;YACH,OAAOC,KAAKC,GAAG,CAACF,UAAUD,eAAe;QAC3C,KAAK;YACH,OAAOE,KAAKE,GAAG,CAAC,GAAGJ,eAAe;QACpC;YACE,OAAOA;IACX;AACF,CAAC"}

package/lib/utils/internalTokens.js

@@ -1,6 +1,5 @@
 export const iconSizes = {
-  small: '16px',
-  medium: '20px',
-  large: '24px'
+    small: '16px',
+    medium: '20px',
+    large: '24px'
 };
-//# sourceMappingURL=internalTokens.js.map

package/lib/utils/internalTokens.js.map

@@ -1 +1 @@
-{"version":3,"names":["iconSizes","small","medium","large"],"sources":["../../src/utils/internalTokens.ts"],"sourcesContent":["export const iconSizes = {\n  small: '16px',\n  medium: '20px',\n  large: '24px',\n};\n"],"mappings":"AAAA,OAAO,MAAMA,SAAA,GAAY;EACvBC,KAAA,EAAO;EACPC,MAAA,EAAQ;EACRC,KAAA,EAAO;AACT"}
+{"version":3,"sources":["internalTokens.ts"],"sourcesContent":["export const iconSizes = {\n  small: '16px',\n  medium: '20px',\n  large: '24px',\n};\n"],"names":["iconSizes","small","medium","large"],"mappings":"AAAA,OAAO,MAAMA,YAAY;IACvBC,OAAO;IACPC,QAAQ;IACRC,OAAO;AACT,EAAE"}