@fluentui-copilot/react-prompt-listbox 0.8.1 → 0.10.0

package/lib-commonjs/components/utils/Selection.types.js

@@ -1,6 +0,0 @@
-// Brought from Fluent UI
-/** Possible event types for onOptionSelect */ "use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
- //# sourceMappingURL=Selection.types.js.map

package/lib-commonjs/components/utils/Selection.types.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["Selection.types.ts"],"sourcesContent":["// Brought from Fluent UI\n\nimport type * as React from 'react';\nimport type { 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":[],"rangeMappings":";","mappings":"AAAA,yBAAyB;AAgDzB,4CAA4C"}

package/lib-commonjs/components/utils/dropdownKeyActions.js

@@ -1,66 +0,0 @@
-/**
- * Note, this is mainly brought from Fluent UI, only removed the closing and
- * opening logic since that's not needed for this use case.
- */ "use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "getDropdownActionFromKey", {
-    enumerable: true,
-    get: function() {
-        return getDropdownActionFromKey;
-    }
-});
-const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
-const _keyboardkeys = /*#__PURE__*/ _interop_require_wildcard._(require("@fluentui/keyboard-keys"));
-function getDropdownActionFromKey(e, options) {
-    const { cursorPosition, allowArrowUpNavigation, isInSelectionMode } = options;
-    const code = e.key;
-    const { altKey, ctrlKey, key, metaKey } = e;
-    // typing action occurs whether open or closed
-    if (key.length === 1 && code !== _keyboardkeys.Space && !altKey && !ctrlKey && !metaKey) {
-        return 'Type';
-    }
-    // select or close actions
-    if (code === _keyboardkeys.ArrowUp && altKey || code === _keyboardkeys.Enter) {
-        return 'CloseSelect';
-    }
-    // navigation interactions
-    const atStart = allowArrowUpNavigation && (cursorPosition === 'start' || cursorPosition === 'start-end');
-    const atEnd = cursorPosition === 'end' || cursorPosition === 'start-end';
-    if (code === _keyboardkeys.ArrowDown) {
-        if (atEnd) {
-            return 'Next';
-        } else if (atStart && isInSelectionMode) {
-            return 'Next';
-        }
-        return 'Type';
-    }
-    if (code === _keyboardkeys.ArrowUp) {
-        if (atEnd && isInSelectionMode) {
-            return 'Previous';
-        } else if (atStart && !isInSelectionMode) {
-            return 'Next';
-        } else if (atStart && isInSelectionMode) {
-            return 'Previous';
-        }
-        return 'Type';
-    }
-    if (code === _keyboardkeys.Home) {
-        return atEnd || atStart ? 'First' : 'Type';
-    }
-    if (code === _keyboardkeys.End) {
-        return atEnd || atStart ? 'Last' : 'Type';
-    }
-    if (code === _keyboardkeys.PageUp) {
-        return 'PageUp';
-    }
-    if (code === _keyboardkeys.PageDown) {
-        return 'PageDown';
-    }
-    if (code === _keyboardkeys.Tab) {
-        return 'Tab';
-    }
-    // if nothing matched, return none
-    return 'None';
-} //# sourceMappingURL=dropdownKeyActions.js.map

package/lib-commonjs/components/utils/dropdownKeyActions.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["dropdownKeyActions.ts"],"sourcesContent":["/**\n * Note, this is mainly brought from Fluent UI, only removed the closing and\n * opening logic since that's not needed for this use case.\n */\n\nimport * as keys from '@fluentui/keyboard-keys';\nimport type * as React from 'react';\nimport type { CursorPosition } from '../../plugins/CursorPositionPlugin';\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  | 'CloseSelect'\n  | 'First'\n  | 'Last'\n  | 'Next'\n  | 'None'\n  | 'PageDown'\n  | 'PageUp'\n  | 'Previous'\n  | 'Select'\n  | 'Tab'\n  | 'Type';\n\nexport interface DropdownActionOptions {\n  open?: boolean;\n  multiselect?: boolean;\n  cursorPosition: CursorPosition;\n  allowArrowUpNavigation: boolean;\n  isInSelectionMode: 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 { cursorPosition, allowArrowUpNavigation, isInSelectionMode } = 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  // select or close actions\n  if ((code === keys.ArrowUp && altKey) || code === keys.Enter) {\n    return 'CloseSelect';\n  }\n\n  // navigation interactions\n  const atStart = allowArrowUpNavigation && (cursorPosition === 'start' || cursorPosition === 'start-end');\n  const atEnd = cursorPosition === 'end' || cursorPosition === 'start-end';\n  if (code === keys.ArrowDown) {\n    if (atEnd) {\n      return 'Next';\n    } else if (atStart && isInSelectionMode) {\n      return 'Next';\n    }\n    return 'Type';\n  }\n  if (code === keys.ArrowUp) {\n    if (atEnd && isInSelectionMode) {\n      return 'Previous';\n    } else if (atStart && !isInSelectionMode) {\n      return 'Next';\n    } else if (atStart && isInSelectionMode) {\n      return 'Previous';\n    }\n    return 'Type';\n  }\n  if (code === keys.Home) {\n    return atEnd || atStart ? 'First' : 'Type';\n  }\n  if (code === keys.End) {\n    return atEnd || atStart ? 'Last' : 'Type';\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"],"names":["cursorPosition","keys","allowArrowUpNavigation","isInSelectionMode","code","e","key","altKey","metaKey","ArrowDown","Space","ctrlKey","atStart","ArrowUp","Enter","atEnd","Home","End","PageUp"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;;CAGC;;;;+BAsCSA;;;eAAAA;;;;wEApCEC;AAoCV,SAAQD,yBAAgBE,CAAAA,EAAAA,OAAsB;UAC9C,EACAF,cAAc,EAEdE,sBAAA,EACAC,iBAAc;UAEdC,OAAAC,EAAAC,GAAA;UAEA,EACAC,MAAKH,SACH,EACFE,GAAA,EAEAE,OAAA,KACAH;kDAC0CL;QAC1CM,IAAIF,MAAAA,KAASH,KAAKQ,SAAWR,cAAAS,KAAA,IAAA,CAAAH,UAAA,CAAAI,WAAA,CAAAH,SAAA;eAC3B;;8BAEWI;iBACTX,cAAOY,OAAA,IAAAN,UAAAH,SAAAH,cAAAa,KAAA,EAAA;eACT;;8BAEF;UACIV,UAASH,0BAAcD,CAAAA,mBAAA,WAAAA,mBAAA,WAAA;UACzBe,QAAIA,mBAASZ,SAAmBH,mBAAA;iBAC9BC,cAAOQ,SAAA,EAAA;YACTM,OAAO;mBACL;eACF,IAAOH,WAAIA,mBAAWT;mBACpB;;eAEF;;QAEFC,SAAIA,cAASH,OAAS,EAAE;YACtBc,SAAOA,mBAAmB;YAC5B,OAAA;QACA,OAAIX,IAAAA,WAAiB,CAAED,mBAAA;mBACrB;QACF,OAAA,IAAAS,WAAAT,mBAAA;YACA,OAAIC;;QAEJ,OAAA;;iBAESH,cAAAe,IAAA,EAAA;QACT,OAAAD,SAAAH,UAAA,UAAA;;iBAESX,cAAAgB,GAAA,EAAA;QACT,OAAAF,SAAAH,UAAA,SAAA;;QAGAR,SAAOH,cAAAiB,MAAA,EAAA;QACT,OAAA"}

package/lib-commonjs/components/utils/useOptionCollection.js

@@ -1,46 +0,0 @@
-// Brought from Fluent UI
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "useOptionCollection", {
-    enumerable: true,
-    get: function() {
-        return useOptionCollection;
-    }
-});
-const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
-const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
-const useOptionCollection = ()=>{
-    const optionsById = _react.useRef(new Map());
-    const collectionAPI = _react.useMemo(()=>{
-        const getCount = ()=>optionsById.current.size;
-        // index searches are no longer used
-        const getOptionById = (id)=>{
-            return optionsById.current.get(id);
-        };
-        const getOptionsMatchingValue = (matcher)=>{
-            const matches = [];
-            for (const option of optionsById.current.values()){
-                if (matcher(option.value)) {
-                    matches.push(option);
-                }
-            }
-            return matches;
-        };
-        return {
-            getCount,
-            getOptionById,
-            getOptionsMatchingValue
-        };
-    }, []);
-    const registerOption = _react.useCallback((option)=>{
-        optionsById.current.set(option.id, option);
-        return ()=>optionsById.current.delete(option.id);
-    }, []);
-    return {
-        ...collectionAPI,
-        options: Array.from(optionsById.current.values()),
-        registerOption
-    };
-}; //# sourceMappingURL=useOptionCollection.js.map

package/lib-commonjs/components/utils/useOptionCollection.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["useOptionCollection.ts"],"sourcesContent":["// Brought from Fluent UI\n\nimport * as React from 'react';\nimport type { OptionCollectionState, OptionValue } from './OptionCollection.types';\n\n/**\n * A hook for managing a collection of child Options\n */\nexport const useOptionCollection = (): OptionCollectionState => {\n  const optionsById = React.useRef(new Map<string, OptionValue>());\n\n  const collectionAPI = React.useMemo(() => {\n    const getCount = () => optionsById.current.size;\n\n    // index searches are no longer used\n\n    const getOptionById = (id: string) => {\n      return optionsById.current.get(id);\n    };\n\n    const getOptionsMatchingValue = (matcher: (value: string) => boolean) => {\n      const matches: OptionValue[] = [];\n      for (const option of optionsById.current.values()) {\n        if (matcher(option.value)) {\n          matches.push(option);\n        }\n      }\n\n      return matches;\n    };\n\n    return {\n      getCount,\n      getOptionById,\n      getOptionsMatchingValue,\n    };\n  }, []);\n\n  const registerOption = React.useCallback((option: OptionValue) => {\n    optionsById.current.set(option.id, option);\n\n    return () => optionsById.current.delete(option.id);\n  }, []);\n\n  return {\n    ...collectionAPI,\n    options: Array.from(optionsById.current.values()),\n    registerOption,\n  };\n};\n"],"names":["optionsById","useRef","collectionAPI","React","useMemo","Map","getCount","current","size","id","get","matcher","matches","option","value","values","push","useCallback","delete","Array","registerOption"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,yBAAyB;;;;;+BASjBA;;;eAAAA;;;;iEAPe;AAOrB,MAAMA,sBAAoBC;UAE1BD,cAAME,OAAgBC,MAAMC,CAAAA,IAAOC;UACjCH,gBAAMI,OAAiBN,OAAAA,CAAAA;cAEvBM,WAAA,IAAAN,YAAAO,OAAoC,CAAAC,IAAA;4CAEbC;8BACdT,CAAAA;mBACTA,YAAAO,OAAA,CAAAG,GAAA,CAAAD;;wCAGmCE,CAAAA;kBACjCC,UAAK,EAAMC;uBACTA,UAAIF,YAAeG,OAAQ,CAAAC,MAAA,GAAA;4BACzBH,OAAAA,KAAY,GAACC;4BACfG,IAAA,CAAAH;;;mBAIJD;;;;;;QAOF;OAEA,EAAA;UACEZ,iBAAYO,OAAWU,WAAU,CAAEJ,CAAAA;oBAE5BN,OAAMP,CAAAA,GAAAA,CAAAA,OAAYO,EAAAA,EAAQW;QACnC,OAAK,IAAAlB,YAAAO,OAAA,CAAAW,MAAA,CAAAL,OAAAJ,EAAA;OAEL,EAAA;WACE;wBACSU;iBACTC,MAAAA,IAAAA,CAAAA,YAAAA,OAAAA,CAAAA,MAAAA;QACFA;IACA"}

package/lib-commonjs/components/utils/usePromptListboxFunctionality.js

@@ -1,150 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "usePromptListboxFunctionality", {
-    enumerable: true,
-    get: function() {
-        return usePromptListboxFunctionality;
-    }
-});
-const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
-const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
-const _reactaria = require("@fluentui/react-aria");
-const _reactutilities = require("@fluentui/react-utilities");
-const _CursorPositionPlugin = require("../../plugins/CursorPositionPlugin");
-const _useOptionCollection = require("./useOptionCollection");
-const _useSelection = require("./useSelection");
-const _useListboxPositioning = require("./useListboxPositioning");
-const _useTriggerKeyDown = require("./useTriggerKeyDown");
-const _PromptListbox = require("../PromptListbox");
-const _PromptOption = require("../PromptOption");
-const _PromptListboxMotion = require("../motion/PromptListboxMotion");
-function usePromptListboxFunctionality(params) {
-    const { positioning, onOpenChange, onSelectionModeChange, listboxProps, fluid = false, allowArrowUpNavigation = false } = params;
-    const { listboxRef: activeDescendantListboxRef, activeParentRef, controller: activeDescendantController } = (0, _reactaria.useActiveDescendant)({
-        matchOption: (el)=>el.classList.contains(_PromptOption.promptOptionClassNames.root)
-    });
-    // useMergedRefs to normalize the ref into a React.RefObject type
-    const triggerRef = (0, _reactutilities.useMergedRefs)(activeParentRef);
-    const selectionState = (0, _useSelection.useSelection)(listboxProps !== null && listboxProps !== void 0 ? listboxProps : {});
-    const { selectOption } = selectionState;
-    const optionCollection = (0, _useOptionCollection.useOptionCollection)();
-    const { getOptionById } = optionCollection;
-    const [cursorPosition, setCursorPosition] = _react.useState('end');
-    const [isInSelectionMode, setIsInSelectionMode] = _react.useState(false);
-    const [open, setOpen] = (0, _reactutilities.useControllableState)({
-        state: params.open,
-        defaultState: params.defaultOpen,
-        initialState: false
-    });
-    const setSelectionMode = _react.useCallback((selectionMode)=>{
-        if (selectionMode === false) {
-            activeDescendantController.blur();
-            setHideActiveDescendant(true);
-        } else {
-            setHideActiveDescendant(false);
-        }
-        setIsInSelectionMode(selectionMode);
-        onSelectionModeChange === null || onSelectionModeChange === void 0 ? void 0 : onSelectionModeChange(selectionMode);
-    }, [
-        activeDescendantController,
-        onSelectionModeChange
-    ]);
-    const onBlur = (event)=>{
-        setOpen(false);
-        onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(event, {
-            event,
-            type: 'focus',
-            open: false
-        });
-        setSelectionMode(false);
-    };
-    const onFocus = (event)=>{
-        if (event.target === event.currentTarget) {
-            setOpen(true);
-            onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(event, {
-                event,
-                type: 'focus',
-                open: true
-            });
-        }
-    };
-    const cursorPositionPlugin = /*#__PURE__*/ _react.createElement(_CursorPositionPlugin.CursorPositionPlugin, {
-        setCursorPosition: setCursorPosition
-    });
-    const onListboxBlur = _react.useCallback(()=>{
-        setSelectionMode(false);
-        onSelectionModeChange === null || onSelectionModeChange === void 0 ? void 0 : onSelectionModeChange(false);
-    }, [
-        onSelectionModeChange,
-        setSelectionMode
-    ]);
-    // handle combobox keyboard interaction
-    const onKeyDown = (0, _useTriggerKeyDown.useTriggerKeydown)({
-        ...optionCollection,
-        allowArrowUpNavigation,
-        activeDescendantController,
-        getOptionById,
-        onBlur: onListboxBlur,
-        selectOption,
-        cursorPosition,
-        open,
-        multiselect: false,
-        isInSelectionMode,
-        setSelectionMode
-    });
-    // NVDA and JAWS have bugs that suppress reading the input value text when aria-activedescendant is set
-    // To prevent this, we clear the HTML attribute (but save the state) when a user presses left/right arrows
-    // ref: https://github.com/microsoft/fluentui/issues/26359#issuecomment-1397759888
-    const [hideActiveDescendant, setHideActiveDescendant] = _react.useState(false);
-    _react.useEffect(()=>{
-        if (hideActiveDescendant) {
-            var _triggerRef_current;
-            (_triggerRef_current = triggerRef.current) === null || _triggerRef_current === void 0 ? void 0 : _triggerRef_current.removeAttribute('aria-activedescendant');
-        }
-    // We only want to run this when the hideActiveDescendant changes, if the triggerRef
-    // is undefined, there's no need to remove theAttribute and we shouldn't be adding
-    // refs as dependencies since it can blow up the number of runs.
-    // eslint-disable-next-line react-compiler/react-compiler
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [
-        hideActiveDescendant
-    ]);
-    const [comboboxPopupRef, comboboxTargetRef] = (0, _useListboxPositioning.useListboxPositioning)({
-        positioning,
-        fluid
-    });
-    const listboxMergedRef = (0, _reactutilities.useMergedRefs)(comboboxPopupRef, activeDescendantListboxRef, listboxProps === null || listboxProps === void 0 ? void 0 : listboxProps.ref);
-    const listbox = _react.useMemo(()=>{
-        return /*#__PURE__*/ _react.createElement(_PromptListboxMotion.PromptListboxMotion, {
-            visible: open
-        }, /*#__PURE__*/ _react.createElement(_PromptListbox.PromptListbox, {
-            open: open,
-            ...listboxProps,
-            ...optionCollection,
-            ...selectionState,
-            ref: listboxMergedRef,
-            activeDescendantController: activeDescendantController
-        }));
-    }, [
-        activeDescendantController,
-        listboxMergedRef,
-        listboxProps,
-        open,
-        optionCollection,
-        selectionState
-    ]);
-    return {
-        promptListbox: listbox,
-        triggerProps: {
-            ref: triggerRef,
-            onBlur,
-            onFocus,
-            onKeyDown,
-            isInSelectionMode
-        },
-        containerRef: comboboxTargetRef,
-        cursorPositionPlugin
-    };
-} //# sourceMappingURL=usePromptListboxFunctionality.js.map

package/lib-commonjs/components/utils/usePromptListboxFunctionality.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["usePromptListboxFunctionality.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useActiveDescendant } from '@fluentui/react-aria';\nimport { useControllableState, useMergedRefs } from '@fluentui/react-utilities';\nimport { CursorPositionPlugin } from '../../plugins/CursorPositionPlugin';\nimport { useOptionCollection } from './useOptionCollection';\nimport { useSelection } from './useSelection';\nimport { useListboxPositioning } from './useListboxPositioning';\nimport { useTriggerKeydown } from './useTriggerKeyDown';\nimport { PromptListbox } from '../PromptListbox';\nimport { promptOptionClassNames } from '../PromptOption';\nimport { PromptListboxMotion } from '../motion/PromptListboxMotion';\nimport type { CursorPosition } from '../../plugins/CursorPositionPlugin';\nimport type {\n  UsePromptListboxFunctionalityParams,\n  UsePromptListboxFunctionality,\n} from './PromptListboxFunctionality.types';\n\n/**\n * @deprecated -- use usePromptListboxFunctionality from usePromptListboxFunctionalityV2.tsx instead\n */\nexport function usePromptListboxFunctionality(\n  params: UsePromptListboxFunctionalityParams,\n): UsePromptListboxFunctionality {\n  const {\n    positioning,\n    onOpenChange,\n    onSelectionModeChange,\n    listboxProps,\n    fluid = false,\n    allowArrowUpNavigation = false,\n  } = params;\n  const {\n    listboxRef: activeDescendantListboxRef,\n    activeParentRef,\n    controller: activeDescendantController,\n  } = useActiveDescendant<HTMLSpanElement, HTMLDivElement>({\n    matchOption: el => el.classList.contains(promptOptionClassNames.root),\n  });\n  // useMergedRefs to normalize the ref into a React.RefObject type\n  const triggerRef = useMergedRefs(activeParentRef);\n  const selectionState = useSelection(listboxProps ?? {});\n  const { selectOption } = selectionState;\n  const optionCollection = useOptionCollection();\n  const { getOptionById } = optionCollection;\n  const [cursorPosition, setCursorPosition] = React.useState<CursorPosition>('end');\n  const [isInSelectionMode, setIsInSelectionMode] = React.useState(false);\n  const [open, setOpen] = useControllableState({\n    state: params.open,\n    defaultState: params.defaultOpen,\n    initialState: false,\n  });\n\n  const setSelectionMode = React.useCallback(\n    (selectionMode: boolean) => {\n      if (selectionMode === false) {\n        activeDescendantController.blur();\n        setHideActiveDescendant(true);\n      } else {\n        setHideActiveDescendant(false);\n      }\n\n      setIsInSelectionMode(selectionMode);\n      onSelectionModeChange?.(selectionMode);\n    },\n    [activeDescendantController, onSelectionModeChange],\n  );\n\n  const onBlur = (event: React.FocusEvent<HTMLSpanElement>) => {\n    setOpen(false);\n    onOpenChange?.(event, { event, type: 'focus', open: false });\n    setSelectionMode(false);\n  };\n\n  const onFocus = (event: React.FocusEvent<HTMLSpanElement>) => {\n    if (event.target === event.currentTarget) {\n      setOpen(true);\n      onOpenChange?.(event, { event, type: 'focus', open: true });\n    }\n  };\n\n  const cursorPositionPlugin = <CursorPositionPlugin setCursorPosition={setCursorPosition} />;\n\n  const onListboxBlur = React.useCallback(() => {\n    setSelectionMode(false);\n    onSelectionModeChange?.(false);\n  }, [onSelectionModeChange, setSelectionMode]);\n\n  // handle combobox keyboard interaction\n  const onKeyDown = useTriggerKeydown({\n    ...optionCollection,\n    allowArrowUpNavigation,\n    activeDescendantController,\n    getOptionById,\n    onBlur: onListboxBlur,\n    selectOption,\n    cursorPosition,\n    open,\n    multiselect: false,\n    isInSelectionMode,\n    setSelectionMode,\n  });\n\n  // NVDA and JAWS have bugs that suppress reading the input value text when aria-activedescendant is set\n  // To prevent this, we clear the HTML attribute (but save the state) when a user presses left/right arrows\n  // ref: https://github.com/microsoft/fluentui/issues/26359#issuecomment-1397759888\n  const [hideActiveDescendant, setHideActiveDescendant] = React.useState(false);\n\n  React.useEffect(() => {\n    if (hideActiveDescendant) {\n      triggerRef.current?.removeAttribute('aria-activedescendant');\n    }\n    // We only want to run this when the hideActiveDescendant changes, if the triggerRef\n    // is undefined, there's no need to remove theAttribute and we shouldn't be adding\n    // refs as dependencies since it can blow up the number of runs.\n    // eslint-disable-next-line react-compiler/react-compiler\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [hideActiveDescendant]);\n\n  const [comboboxPopupRef, comboboxTargetRef] = useListboxPositioning({ positioning, fluid });\n\n  const listboxMergedRef = useMergedRefs(comboboxPopupRef, activeDescendantListboxRef, listboxProps?.ref);\n  const listbox = React.useMemo(() => {\n    return (\n      <PromptListboxMotion visible={open}>\n        <PromptListbox\n          open={open}\n          {...listboxProps}\n          {...optionCollection}\n          {...selectionState}\n          ref={listboxMergedRef}\n          activeDescendantController={activeDescendantController}\n        />\n      </PromptListboxMotion>\n    );\n  }, [activeDescendantController, listboxMergedRef, listboxProps, open, optionCollection, selectionState]);\n\n  return {\n    promptListbox: listbox,\n    triggerProps: {\n      ref: triggerRef,\n      onBlur,\n      onFocus,\n      onKeyDown,\n      isInSelectionMode,\n    },\n    containerRef: comboboxTargetRef,\n    cursorPositionPlugin,\n  };\n}\n"],"names":["positioning","onSelectionModeChange","matchOption","onOpenChange","listboxProps","triggerRef","fluid","selectionState","allowArrowUpNavigation","params","listboxRef","cursorPosition","setCursorPosition","activeParentRef","isInSelectionMode","controller","open","useControllableState","defaultState","defaultOpen","promptOptionClassNames","root","setSelectionMode","React","useCallback","selectionMode","setHideActiveDescendant","setIsInSelectionMode","useState","activeDescendantController","onBlur","event","blur","onFocus","onListboxBlur","currentTarget","selectOption","getOptionById","hideActiveDescendant","useEffect","_triggerRef_current","comboboxTargetRef","useListboxPositioning","removeAttribute","activeDescendantListboxRef","PromptListboxMotion","PromptListbox","comboboxPopupRef","ref","listboxMergedRef","createElement","optionCollection","promptListbox","triggerProps","cursorPositionPlugin"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/lib-commonjs/components/utils/useSelection.js

@@ -1,72 +0,0 @@
-// Brought from Fluent UI
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "useSelection", {
-    enumerable: true,
-    get: function() {
-        return useSelection;
-    }
-});
-const _react = require("react");
-const _reactutilities = require("@fluentui/react-utilities");
-const useSelection = (props)=>{
-    const { defaultSelectedOptions, multiselect, onOptionSelect } = props;
-    const [selectedOptions, setSelectedOptions] = (0, _reactutilities.useControllableState)({
-        state: props.selectedOptions,
-        defaultState: defaultSelectedOptions,
-        initialState: []
-    });
-    const selectOption = (0, _react.useCallback)((event, option)=>{
-        // if the option is disabled, do nothing
-        if (option.disabled) {
-            return;
-        }
-        // for single-select, always return the selected option
-        let newSelection = [
-            option.value
-        ];
-        // toggle selected state of the option for multiselect
-        if (multiselect) {
-            const selectedIndex = selectedOptions.findIndex((o)=>o === option.value);
-            if (selectedIndex > -1) {
-                // deselect option
-                newSelection = [
-                    ...selectedOptions.slice(0, selectedIndex),
-                    ...selectedOptions.slice(selectedIndex + 1)
-                ];
-            } else {
-                // select option
-                newSelection = [
-                    ...selectedOptions,
-                    option.value
-                ];
-            }
-        }
-        setSelectedOptions(newSelection);
-        onOptionSelect === null || onOptionSelect === void 0 ? void 0 : onOptionSelect(event, {
-            optionValue: option.value,
-            optionText: option.text,
-            selectedOptions: newSelection
-        });
-    }, [
-        onOptionSelect,
-        multiselect,
-        selectedOptions,
-        setSelectedOptions
-    ]);
-    const clearSelection = (event)=>{
-        setSelectedOptions([]);
-        onOptionSelect === null || onOptionSelect === void 0 ? void 0 : onOptionSelect(event, {
-            optionValue: undefined,
-            optionText: undefined,
-            selectedOptions: []
-        });
-    };
-    return {
-        clearSelection,
-        selectOption,
-        selectedOptions
-    };
-}; //# sourceMappingURL=useSelection.js.map

package/lib-commonjs/components/utils/useSelection.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["useSelection.ts"],"sourcesContent":["// Brought from Fluent UI\n\nimport { useCallback } from 'react';\nimport { useControllableState } from '@fluentui/react-utilities';\nimport type { OptionValue } from './OptionCollection.types';\nimport type { SelectionEvents, SelectionProps, SelectionState } from './Selection.types';\n\nexport const useSelection = (props: SelectionProps): SelectionState => {\n  const { defaultSelectedOptions, multiselect, onOptionSelect } = props;\n\n  const [selectedOptions, setSelectedOptions] = useControllableState({\n    state: props.selectedOptions,\n    defaultState: defaultSelectedOptions,\n    initialState: [],\n  });\n\n  const selectOption = useCallback(\n    (event: SelectionEvents, option: OptionValue) => {\n      // if the option is disabled, do nothing\n      if (option.disabled) {\n        return;\n      }\n\n      // for single-select, always return the selected option\n      let newSelection = [option.value];\n\n      // toggle selected state of the option for multiselect\n      if (multiselect) {\n        const selectedIndex = selectedOptions.findIndex(o => o === option.value);\n        if (selectedIndex > -1) {\n          // deselect option\n          newSelection = [...selectedOptions.slice(0, selectedIndex), ...selectedOptions.slice(selectedIndex + 1)];\n        } else {\n          // select option\n          newSelection = [...selectedOptions, option.value];\n        }\n      }\n\n      setSelectedOptions(newSelection);\n      onOptionSelect?.(event, { optionValue: option.value, optionText: option.text, selectedOptions: newSelection });\n    },\n    [onOptionSelect, multiselect, selectedOptions, setSelectedOptions],\n  );\n\n  const clearSelection = (event: SelectionEvents) => {\n    setSelectedOptions([]);\n    onOptionSelect?.(event, { optionValue: undefined, optionText: undefined, selectedOptions: [] });\n  };\n\n  return { clearSelection, selectOption, selectedOptions };\n};\n"],"names":["useSelection","props","defaultSelectedOptions","selectedOptions","defaultState","setSelectedOptions","useControllableState","state","selectOption","useCallback","option","disabled","event","newSelection","multiselect","value","findIndex","selectedIndex","o","slice","onOptionSelect","text","optionValue","undefined","clearSelection"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,yBAAyB;;;;;+BAOZA;;;eAAAA;;;uBALe;gCACS;AAI9B,MAAMA,eAAeC,CAAAA;UAC1B,EAEAC,sBAAOC,aACEF,gBACPG;UAEF,CAAAD,iBAAAE,mBAAA,GAAAC,IAAAA,oCAAA,EAAA;QAEAC,OAAMC,MAAAA,eAAeC;sBAEjBP;sBACIQ,EAAOC;;UAEXH,eAAAC,IAAAA,kBAAA,EAAA,CAAAG,OAAAF;gDAEA;YACAA,OAAIG,QAAAA,EAAAA;;;+DAEJ;YACAA,eAAIC;YAAAA,OAAaC,KAAA;SAAA;8DACuBC;yBAClCC;kCACFd,gBAAkBa,SAAA,CAAAE,CAAAA,IAAAA,MAAAR,OAAAK,KAAA;gCAClBF,CAAAA,GAAAA;kCAAmBV;+BAA4CA;uBAAAA,gBAAgBgB,KAAMF,CAAAA,GAAAA;uBAAgBd,gBAAAgB,KAAA,CAAAF,gBAAA;iBAAA;;gCAChG;+BACL;uBAAAd;oBAAgBO,OAAAK,KAAA;iBAAA;;;2BACoBL;2BAAa,QAAAU,mBAAA,KAAA,IAAA,KAAA,IAAAA,eAAAR,OAAA;yBACnDF,OAAAK,KAAA;wBACFL,OAAAW,IAAA;6BAEAhB;;;;QAC0BiB;QAAoBP;QAAKV;KAAA;2BAAcK,CAAAA;2BAAaP,EAAAA;2BAA8B,QAAAiB,mBAAA,KAAA,IAAA,KAAA,IAAAA,eAAAR,OAAA;YAC9GU,aACAC;wBAACH;6BAAgBN,EAAAA;;;WAAiD;QAGpEU;;;;2CAE8F"}

package/lib-commonjs/components/utils/useTriggerKeyDown.js

@@ -1,151 +0,0 @@
-/**
- * Note, this is mainly brought from Fluent UI, only removed the closing and
- * opening logic since that's not needed for this use case and added the bluring
- * functionality.
- */ "use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "useTriggerKeydown", {
-    enumerable: true,
-    get: function() {
-        return useTriggerKeydown;
-    }
-});
-const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
-const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
-const _reacttabster = require("@fluentui/react-tabster");
-const _reactutilities = require("@fluentui/react-utilities");
-const _dropdownKeyActions = require("./dropdownKeyActions");
-const _keyboardkeys = require("@fluentui/keyboard-keys");
-function useTriggerKeydown(options) {
-    const { activeDescendantController, getOptionById, selectOption, multiselect, open, cursorPosition, onBlur, allowArrowUpNavigation, isInSelectionMode, setSelectionMode } = options;
-    const getActiveOption = _react.useCallback(()=>{
-        const activeOptionId = activeDescendantController.active();
-        return activeOptionId ? getOptionById(activeOptionId) : undefined;
-    }, [
-        activeDescendantController,
-        getOptionById
-    ]);
-    const first = ()=>{
-        activeDescendantController.first();
-    };
-    const last = ()=>{
-        activeDescendantController.last();
-    };
-    const blur = ()=>{
-        activeDescendantController.blur();
-        onBlur();
-    };
-    const next = (activeOption)=>{
-        if (activeOption) {
-            activeDescendantController.next();
-        } else {
-            activeDescendantController.first();
-        }
-    };
-    const previous = (activeOption)=>{
-        if (activeOption) {
-            activeDescendantController.prev();
-        } else {
-            activeDescendantController.first();
-        }
-    };
-    const pageUp = ()=>{
-        for(let i = 0; i < 10; i++){
-            activeDescendantController.prev();
-        }
-    };
-    const pageDown = ()=>{
-        for(let i = 0; i < 10; i++){
-            activeDescendantController.next();
-        }
-    };
-    const setKeyboardNavigation = (0, _reacttabster.useSetKeyboardNavigation)();
-    return (0, _reactutilities.useEventCallback)((e)=>{
-        const action = (0, _dropdownKeyActions.getDropdownActionFromKey)(e, {
-            open,
-            multiselect,
-            cursorPosition,
-            allowArrowUpNavigation,
-            isInSelectionMode
-        });
-        const activeOption = getActiveOption();
-        const firstOption = activeDescendantController.first({
-            passive: true
-        });
-        if (e.key === _keyboardkeys.ArrowLeft || e.key === _keyboardkeys.ArrowRight || action === 'Type') {
-            setSelectionMode(false);
-        } else if (action === 'Next' || action === 'Previous' || action === 'First' || action === 'Last' || action === 'PageUp' || action === 'PageDown') {
-            setSelectionMode(true);
-        }
-        switch(action){
-            case 'Last':
-            case 'First':
-            case 'PageDown':
-            case 'PageUp':
-            case 'CloseSelect':
-            case 'Select':
-                e.preventDefault();
-                break;
-            case 'Previous':
-                e.preventDefault();
-                break;
-            case 'Next':
-                e.preventDefault();
-                break;
-        }
-        setKeyboardNavigation(true);
-        switch(action){
-            case 'First':
-                first();
-                if (!isInSelectionMode) {
-                    setSelectionMode(true);
-                }
-                break;
-            case 'Last':
-                last();
-                if (!isInSelectionMode) {
-                    setSelectionMode(true);
-                }
-                break;
-            case 'Next':
-                next(activeOption);
-                if (!isInSelectionMode) {
-                    setSelectionMode(true);
-                }
-                break;
-            case 'Previous':
-                // when active option is the first option and the action was "Previous",
-                // this means we were in the first option and we are "leaving" the listbox
-                if (activeOption && activeOption.id !== firstOption) {
-                    previous(activeOption);
-                    if (!isInSelectionMode) {
-                        setSelectionMode(true);
-                    }
-                } else {
-                    blur();
-                    setSelectionMode(false);
-                }
-                break;
-            case 'PageDown':
-                pageDown();
-                break;
-            case 'PageUp':
-                pageUp();
-                break;
-            case 'CloseSelect':
-                if (!multiselect && !(activeOption === null || activeOption === void 0 ? void 0 : activeOption.disabled)) {
-                    blur();
-                    setSelectionMode(false);
-                }
-            // fallthrough
-            case 'Select':
-                activeOption && selectOption(e, activeOption);
-                break;
-            case 'Tab':
-                !multiselect && activeOption && selectOption(e, activeOption);
-                break;
-        }
-    });
-} //# sourceMappingURL=useTriggerKeyDown.js.map

package/lib-commonjs/components/utils/useTriggerKeyDown.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["useTriggerKeyDown.ts"],"sourcesContent":["/**\n * Note, this is mainly brought from Fluent UI, only removed the closing and\n * opening logic since that's not needed for this use case and added the bluring\n * functionality.\n */\n\nimport * as React from 'react';\nimport { useSetKeyboardNavigation } from '@fluentui/react-tabster';\nimport { useEventCallback } from '@fluentui/react-utilities';\nimport { getDropdownActionFromKey } from './dropdownKeyActions';\nimport { ArrowLeft, ArrowRight } from '@fluentui/keyboard-keys';\nimport type { ActiveDescendantImperativeRef } from '@fluentui/react-aria';\nimport type { OptionCollectionState, OptionValue } from './OptionCollection.types';\nimport type { SelectionProps, SelectionState } from './Selection.types';\nimport type { CursorPosition } from '../../plugins/CursorPositionPlugin';\n\nexport function useTriggerKeydown(\n  options: {\n    activeDescendantController: ActiveDescendantImperativeRef;\n    cursorPosition: CursorPosition;\n    open: boolean;\n    onBlur: () => void;\n    allowArrowUpNavigation: boolean;\n    isInSelectionMode: boolean;\n    setSelectionMode: (selectionMode: boolean) => void;\n  } & OptionCollectionState &\n    Pick<SelectionProps, 'multiselect'> &\n    Pick<SelectionState, 'selectOption'>,\n) {\n  const {\n    activeDescendantController,\n    getOptionById,\n    selectOption,\n    multiselect,\n    open,\n    cursorPosition,\n    onBlur,\n    allowArrowUpNavigation,\n    isInSelectionMode,\n    setSelectionMode,\n  } = options;\n\n  const getActiveOption = React.useCallback(() => {\n    const activeOptionId = activeDescendantController.active();\n    return activeOptionId ? getOptionById(activeOptionId) : undefined;\n  }, [activeDescendantController, getOptionById]);\n\n  const first = () => {\n    activeDescendantController.first();\n  };\n\n  const last = () => {\n    activeDescendantController.last();\n  };\n\n  const blur = () => {\n    activeDescendantController.blur();\n    onBlur();\n  };\n\n  const next = (activeOption: OptionValue | undefined) => {\n    if (activeOption) {\n      activeDescendantController.next();\n    } else {\n      activeDescendantController.first();\n    }\n  };\n\n  const previous = (activeOption: OptionValue | undefined) => {\n    if (activeOption) {\n      activeDescendantController.prev();\n    } else {\n      activeDescendantController.first();\n    }\n  };\n\n  const pageUp = () => {\n    for (let i = 0; i < 10; i++) {\n      activeDescendantController.prev();\n    }\n  };\n\n  const pageDown = () => {\n    for (let i = 0; i < 10; i++) {\n      activeDescendantController.next();\n    }\n  };\n\n  const setKeyboardNavigation = useSetKeyboardNavigation();\n  return useEventCallback((e: React.KeyboardEvent<HTMLSpanElement>) => {\n    const action = getDropdownActionFromKey(e, {\n      open,\n      multiselect,\n      cursorPosition,\n      allowArrowUpNavigation,\n      isInSelectionMode,\n    });\n    const activeOption = getActiveOption();\n    const firstOption = activeDescendantController.first({ passive: true });\n\n    if (e.key === ArrowLeft || e.key === ArrowRight || action === 'Type') {\n      setSelectionMode(false);\n    } else if (\n      action === 'Next' ||\n      action === 'Previous' ||\n      action === 'First' ||\n      action === 'Last' ||\n      action === 'PageUp' ||\n      action === 'PageDown'\n    ) {\n      setSelectionMode(true);\n    }\n\n    switch (action) {\n      case 'Last':\n      case 'First':\n      case 'PageDown':\n      case 'PageUp':\n      case 'CloseSelect':\n      case 'Select':\n        e.preventDefault();\n        break;\n      case 'Previous':\n        e.preventDefault();\n        break;\n      case 'Next':\n        e.preventDefault();\n        break;\n    }\n\n    setKeyboardNavigation(true);\n\n    switch (action) {\n      case 'First':\n        first();\n        if (!isInSelectionMode) {\n          setSelectionMode(true);\n        }\n        break;\n      case 'Last':\n        last();\n        if (!isInSelectionMode) {\n          setSelectionMode(true);\n        }\n        break;\n      case 'Next':\n        next(activeOption);\n        if (!isInSelectionMode) {\n          setSelectionMode(true);\n        }\n        break;\n      case 'Previous':\n        // when active option is the first option and the action was \"Previous\",\n        // this means we were in the first option and we are \"leaving\" the listbox\n        if (activeOption && activeOption.id !== firstOption) {\n          previous(activeOption);\n          if (!isInSelectionMode) {\n            setSelectionMode(true);\n          }\n        } else {\n          blur();\n          setSelectionMode(false);\n        }\n        break;\n      case 'PageDown':\n        pageDown();\n        break;\n      case 'PageUp':\n        pageUp();\n        break;\n      case 'CloseSelect':\n        if (!multiselect && !activeOption?.disabled) {\n          blur();\n          setSelectionMode(false);\n        }\n      // fallthrough\n      case 'Select':\n        activeOption && selectOption(e, activeOption);\n        break;\n      case 'Tab':\n        !multiselect && activeOption && selectOption(e, activeOption);\n        break;\n    }\n  });\n}\n"],"names":["useTriggerKeydown","React","options","activeDescendantController","activeOptionId","multiselect","getOptionById","allowArrowUpNavigation","setSelectionMode","active","blur","undefined","onBlur","first","last","activeOption","next","previous","i","prev","pageUp","setKeyboardNavigation","useSetKeyboardNavigation","open","cursorPosition","useEventCallback","action","firstOption","getActiveOption","ArrowLeft","e","key","ArrowRight","preventDefault","isInSelectionMode","id","pageDown","disabled"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;;;CAIC;;;;+BAYeA;;;eAAAA;;;;iEAVJC;8BAC6B;gCACR;oCACQ;8BACH;AAM/B,SAASD,kBACdE,OAUsC;UAEtC,EAaAC,0BAAwBF,eAChBG,cACCA,EACTC,WAAG,MAACF,gBAA4BG,QAAc,EAE9CC,sBAAc,mBACZJ,EACFK,gBAAA,KAEAN;UACEC,kBAAAA,OAAAA,WAA+B,CAAA;QACjC,MAAAC,iBAAAD,2BAAAM,MAAA;QAEA,OAAMC,iBAAOJ,cAAAF,kBAAAO;;;QACXR;KAA+B;UAC/BS,QAAAA;QACFT,2BAAAU,KAAA;;UAGEC,OAAIC;mCACFZ,IAAAA;;iBAEAA;mCACFO,IAAA;QACFE;;UAGEI,OAAID,CAAAA;0BACFZ;uCACKa,IAAA;;uCAEPH,KAAA;QACF;;UAGEI,WAASC,CAAAA;0BACPf;uCACFgB,IAAA;QACF,OAAA;YAEAhB,2BAAiBU,KAAA;;;UAGfO,SAAA;QACF,IAAA,IAAAF,IAAA,GAAAA,IAAA,IAAAA,IAAA;YAEAf,2BAAMkB,IAAwBC;QAC9B;;qBAEIC;gBACAlB,IAAAA,GAAAA,IAAAA,IAAAA,IAAAA;uCACAmB,IAAAA;;;UAGFH,wBAAAC,IAAAA,sCAAA;WACAG,IAAAA,gCAAMV,EAAAA,CAAAA;cACNW,SAAMC,IAAAA,4CAAcxB,EAAAA,GAAAA;;;;;;;cAapBY,eAAAa;cAEAD,cAAQD,2BAAAA,KAAAA,CAAAA;qBACN;;iBAEA,KAAKG,uBAAA,IAAAC,EAAAC,GAAA,KAAAC,wBAAA,IAAAN,WAAA,QAAA;6BACA;mBACLA,WAAK,UAAAA,WAAA,cAAAA,WAAA,WAAAA,WAAA,UAAAA,WAAA,YAAAA,WAAA,YAAA;6BACA;;;;;;;;;gBASPI,EAAAG,cAAA;gBAEAZ;iBAEA;gCACO;;;gCAGDb;;;8BAGC;;;;wCAIH;qCACA;;;;;wCAKA;qCACA;;;;;wCAKWO;qCACJmB;;;;wFAILxB;0FACiB;oCACnBK,aAAAoB,EAAA,KAAAR,aAAA;6BACAZ;wBACF,CAAAmB,mBAAK;yCACHE;;uBAEF;;qCAEE;;;;;;;;;;oBAUF,CAAA/B,eAAK,CAAAU,CAAAA,iBAAA,QAAAA,iBAAA,KAAA,IAAA,KAAA,IAAAA,aAAAsB,QAAA,GAAA;;qCAEH;gBACJ;YACF,cAAA;YACF,KAAA"}