@basic-ui/core 0.0.52 → 0.0.53

package/build/esm/ComboBox/Combobox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Combobox.js","names":["forwardRef","useRef","useMemo","useId","stateChart","comboboxReducer","isVisible","INIT","ComboBoxProvider","useReducerMachine","getScope","Combobox","ref","onSelect","openOnFocus","selectOnBlur","children","as","Comp","innerAs","rest","optionsRef","listScope","current","inputRef","popoverRef","buttonRef","autocompletePropRef","persistSelectionRef","clearOnEscapeRef","listboxIdRef","labelIdRef","defaultData","state","initial","text","item","navigationItem","lastActionType","data","transition","context"],"sources":["../../../src/ComboBox/Combobox.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode, ElementType } from 'react';\r\nimport { forwardRef, useRef, useMemo, useId } from 'react';\r\n\r\nimport type { ActionTypes } from './hooks';\r\nimport { stateChart, comboboxReducer, isVisible, INIT } from './hooks';\r\nimport type { ComboBoxContextProps } from './context';\r\nimport { ComboBoxProvider } from './context';\r\nimport { useReducerMachine } from '../hooks/useReducerMachine';\r\nimport type { Scope } from '../hooks';\r\nimport { getScope } from '../hooks';\r\n\r\nexport type SelectEventHandler = (\r\n  text: string,\r\n  itemId: string,\r\n  obj: any\r\n) => void;\r\n\r\nexport type ComboboxProps = Omit<HTMLAttributes<HTMLDivElement>, 'onSelect'> & {\r\n  onSelect?: SelectEventHandler;\r\n  openOnFocus?: boolean;\r\n  selectOnBlur?: boolean;\r\n  children?: ReactNode;\r\n  as?: ElementType<any>;\r\n  innerAs?: ElementType<any>;\r\n};\r\n\r\nexport const Combobox = forwardRef<HTMLDivElement, ComboboxProps>(\r\n  function Combobox(\r\n    {\r\n      // Called whenever the user selects an item from the list\r\n      onSelect,\r\n\r\n      // opens the list when the input receives focused (but only if there are\r\n      // items in the list)\r\n      openOnFocus = false,\r\n\r\n      // if set to true, it will select an item after blurring\r\n      selectOnBlur = false,\r\n\r\n      children,\r\n      as: Comp = 'div',\r\n      innerAs,\r\n      ...rest\r\n    }: ComboboxProps,\r\n    ref\r\n  ) {\r\n    // We store the values of all the ComboboxOptions on this ref. This makes it\r\n    // possible to perform the keyboard navigation from the input on the list. We\r\n    // manipulate this array through context so that we don't have to enforce a\r\n    // parent/child relationship between ComboboxList and ComboboxOption.\r\n    const optionsRef = useRef<{\r\n      [itemId: string]: {\r\n        value: string | unknown;\r\n        text: string;\r\n      };\r\n    }>({});\r\n\r\n    const listScope: Scope<HTMLElement> = useRef(getScope({ current: null }));\r\n\r\n    // Need this to focus it\r\n    const inputRef = useRef<HTMLInputElement>(null);\r\n\r\n    const popoverRef = useRef<HTMLDivElement>(null);\r\n\r\n    const buttonRef = useRef<HTMLButtonElement>(null);\r\n\r\n    // When <ComboboxInput autocomplete={false} /> we don't want cycle back to\r\n    // the user's value while navigating (because it's always the user's value),\r\n    // but we need to know this in useKeyDown which is far away from the prop\r\n    // here, so we do something sneaky and write it to this ref on context so we\r\n    // can use it anywhere else 😛. Another new trick for me and I'm excited\r\n    // about this one too!\r\n    const autocompletePropRef = useRef<boolean>(false);\r\n\r\n    const persistSelectionRef = useRef<boolean>(false);\r\n\r\n    const clearOnEscapeRef = useRef<boolean>(false);\r\n\r\n    const listboxIdRef = useRef<string | undefined>();\r\n\r\n    const labelIdRef = useRef<string | undefined>();\r\n\r\n    const defaultData = {\r\n      // initial state\r\n      state: stateChart.initial,\r\n      // the value the user has typed, we derived this also when the developer is\r\n      // controlling the value of ComboboxInput\r\n      text: '',\r\n      // the index the user has typed, we derived this also when the developer is\r\n      // controlling the value of ComboboxInput\r\n      item: '',\r\n      // the hash of the currently navigated item\r\n      navigationItem: '',\r\n      // the last submitted action\r\n      lastActionType: INIT as ActionTypes,\r\n    };\r\n\r\n    const [state, data, transition] = useReducerMachine(\r\n      stateChart,\r\n      comboboxReducer,\r\n      defaultData\r\n    );\r\n\r\n    listboxIdRef.current = useId();\r\n\r\n    labelIdRef.current = useId();\r\n\r\n    const context = useMemo(\r\n      (): ComboBoxContextProps => ({\r\n        data,\r\n        inputRef,\r\n        popoverRef,\r\n        buttonRef,\r\n        onSelect,\r\n        optionsRef,\r\n        listScope,\r\n        state,\r\n        transition,\r\n        listboxIdRef,\r\n        labelIdRef,\r\n        autocompletePropRef,\r\n        persistSelectionRef,\r\n        clearOnEscapeRef,\r\n        isVisible: isVisible(state),\r\n        openOnFocus,\r\n        selectOnBlur,\r\n      }),\r\n      [data, onSelect, listScope, state, transition, openOnFocus, selectOnBlur]\r\n    );\r\n\r\n    return (\r\n      <ComboBoxProvider value={context}>\r\n        <Comp\r\n          {...rest}\r\n          as={innerAs}\r\n          data-reach-combobox=\"\"\r\n          ref={ref}\r\n          role=\"combobox\"\r\n          aria-haspopup=\"listbox\"\r\n          aria-owns={listboxIdRef.current}\r\n          aria-expanded={context.isVisible}\r\n        >\r\n          {children}\r\n        </Comp>\r\n      </ComboBoxProvider>\r\n    );\r\n  }\r\n);\r\n"],"mappings":"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"}
+{"version":3,"file":"Combobox.js","names":["forwardRef","useRef","useMemo","useId","stateChart","comboboxReducer","isVisible","INIT","ComboBoxProvider","useReducerMachine","getScope","Combobox","ref","onSelect","openOnFocus","selectOnBlur","children","as","Comp","innerAs","rest","optionsRef","listScope","current","inputRef","popoverRef","buttonRef","autocompletePropRef","persistSelectionRef","clearOnEscapeRef","listboxIdRef","labelIdRef","defaultData","state","initial","text","item","navigationItem","lastActionType","data","transition","context"],"sources":["../../../src/ComboBox/Combobox.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode, ElementType } from 'react';\nimport { forwardRef, useRef, useMemo, useId } from 'react';\n\nimport type { ActionTypes } from './hooks';\nimport { stateChart, comboboxReducer, isVisible, INIT } from './hooks';\nimport type { ComboBoxContextProps } from './context';\nimport { ComboBoxProvider } from './context';\nimport { useReducerMachine } from '../hooks/useReducerMachine';\nimport type { Scope } from '../hooks';\nimport { getScope } from '../hooks';\n\nexport type SelectEventHandler = (\n  text: string,\n  itemId: string,\n  obj: any\n) => void;\n\nexport type ComboboxProps = Omit<HTMLAttributes<HTMLDivElement>, 'onSelect'> & {\n  onSelect?: SelectEventHandler;\n  openOnFocus?: boolean;\n  selectOnBlur?: boolean;\n  children?: ReactNode;\n  as?: ElementType<any>;\n  innerAs?: ElementType<any>;\n};\n\nexport const Combobox = forwardRef<HTMLDivElement, ComboboxProps>(\n  function Combobox(\n    {\n      // Called whenever the user selects an item from the list\n      onSelect,\n\n      // opens the list when the input receives focused (but only if there are\n      // items in the list)\n      openOnFocus = false,\n\n      // if set to true, it will select an item after blurring\n      selectOnBlur = false,\n\n      children,\n      as: Comp = 'div',\n      innerAs,\n      ...rest\n    }: ComboboxProps,\n    ref\n  ) {\n    // We store the values of all the ComboboxOptions on this ref. This makes it\n    // possible to perform the keyboard navigation from the input on the list. We\n    // manipulate this array through context so that we don't have to enforce a\n    // parent/child relationship between ComboboxList and ComboboxOption.\n    const optionsRef = useRef<{\n      [itemId: string]: {\n        value: string | unknown;\n        text: string;\n      };\n    }>({});\n\n    const listScope: Scope<HTMLElement> = useRef(getScope({ current: null }));\n\n    // Need this to focus it\n    const inputRef = useRef<HTMLInputElement>(null);\n\n    const popoverRef = useRef<HTMLDivElement>(null);\n\n    const buttonRef = useRef<HTMLButtonElement>(null);\n\n    // When <ComboboxInput autocomplete={false} /> we don't want cycle back to\n    // the user's value while navigating (because it's always the user's value),\n    // but we need to know this in useKeyDown which is far away from the prop\n    // here, so we do something sneaky and write it to this ref on context so we\n    // can use it anywhere else 😛. Another new trick for me and I'm excited\n    // about this one too!\n    const autocompletePropRef = useRef<boolean>(false);\n\n    const persistSelectionRef = useRef<boolean>(false);\n\n    const clearOnEscapeRef = useRef<boolean>(false);\n\n    const listboxIdRef = useRef<string | undefined>();\n\n    const labelIdRef = useRef<string | undefined>();\n\n    const defaultData = {\n      // initial state\n      state: stateChart.initial,\n      // the value the user has typed, we derived this also when the developer is\n      // controlling the value of ComboboxInput\n      text: '',\n      // the index the user has typed, we derived this also when the developer is\n      // controlling the value of ComboboxInput\n      item: '',\n      // the hash of the currently navigated item\n      navigationItem: '',\n      // the last submitted action\n      lastActionType: INIT as ActionTypes,\n    };\n\n    const [state, data, transition] = useReducerMachine(\n      stateChart,\n      comboboxReducer,\n      defaultData\n    );\n\n    listboxIdRef.current = useId();\n\n    labelIdRef.current = useId();\n\n    const context = useMemo(\n      (): ComboBoxContextProps => ({\n        data,\n        inputRef,\n        popoverRef,\n        buttonRef,\n        onSelect,\n        optionsRef,\n        listScope,\n        state,\n        transition,\n        listboxIdRef,\n        labelIdRef,\n        autocompletePropRef,\n        persistSelectionRef,\n        clearOnEscapeRef,\n        isVisible: isVisible(state),\n        openOnFocus,\n        selectOnBlur,\n      }),\n      [data, onSelect, listScope, state, transition, openOnFocus, selectOnBlur]\n    );\n\n    return (\n      <ComboBoxProvider value={context}>\n        <Comp\n          {...rest}\n          as={innerAs}\n          data-reach-combobox=\"\"\n          ref={ref}\n          role=\"combobox\"\n          aria-haspopup=\"listbox\"\n          aria-owns={listboxIdRef.current}\n          aria-expanded={context.isVisible}\n        >\n          {children}\n        </Comp>\n      </ComboBoxProvider>\n    );\n  }\n);\n"],"mappings":"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"}

package/build/esm/ComboBox/ComboboxButton.d.ts

@@ -1,9 +1,9 @@
-import type { ButtonHTMLAttributes, ElementType, KeyboardEventHandler, MouseEventHandler, ReactNode } from 'react';
-export interface ComboboxButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
-    as?: ElementType<any>;
-    innerAs?: ElementType<any>;
-    onClick?: MouseEventHandler<HTMLButtonElement>;
-    onKeyDown?: KeyboardEventHandler<HTMLButtonElement>;
-    children?: ReactNode;
-}
-export declare const ComboboxButton: import("react").ForwardRefExoticComponent<ComboboxButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+import type { ButtonHTMLAttributes, ElementType, KeyboardEventHandler, MouseEventHandler, ReactNode } from 'react';
+export interface ComboboxButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    as?: ElementType<any>;
+    innerAs?: ElementType<any>;
+    onClick?: MouseEventHandler<HTMLButtonElement>;
+    onKeyDown?: KeyboardEventHandler<HTMLButtonElement>;
+    children?: ReactNode;
+}
+export declare const ComboboxButton: import("react").ForwardRefExoticComponent<ComboboxButtonProps & import("react").RefAttributes<HTMLButtonElement>>;

package/build/esm/ComboBox/ComboboxButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxButton.js","names":["forwardRef","useComboBoxContext","useKeyDown","IDLE","OPEN_WITH_BUTTON","CLOSE_WITH_BUTTON","wrapEvent","assignMultipleRefs","ComboboxButton","ref","as","Comp","innerAs","onClick","onKeyDown","props","transition","data","state","buttonRef","listboxIdRef","isVisible","handleKeyDown","handleClick","payload","item","navigationItem","current"],"sources":["../../../src/ComboBox/ComboboxButton.tsx"],"sourcesContent":["import type {\r\n  ButtonHTMLAttributes,\r\n  ElementType,\r\n  KeyboardEventHandler,\r\n  MouseEventHandler,\r\n  ReactNode,\r\n} from 'react';\r\nimport { forwardRef } from 'react';\r\n\r\nimport { useComboBoxContext } from './context';\r\nimport { useKeyDown, IDLE, OPEN_WITH_BUTTON, CLOSE_WITH_BUTTON } from './hooks';\r\nimport { wrapEvent } from '../utils/wrap-event';\r\nimport { assignMultipleRefs } from '../utils/assign-ref';\r\n\r\nexport interface ComboboxButtonProps\r\n  extends ButtonHTMLAttributes<HTMLButtonElement> {\r\n  as?: ElementType<any>;\r\n  innerAs?: ElementType<any>;\r\n  onClick?: MouseEventHandler<HTMLButtonElement>;\r\n  onKeyDown?: KeyboardEventHandler<HTMLButtonElement>;\r\n  children?: ReactNode;\r\n}\r\n\r\nexport const ComboboxButton = forwardRef<\r\n  HTMLButtonElement,\r\n  ComboboxButtonProps\r\n>(function ComboboxButton(\r\n  { as: Comp = 'button', innerAs, onClick, onKeyDown, ...props },\r\n  ref\r\n) {\r\n  const { transition, data, state, buttonRef, listboxIdRef, isVisible } =\r\n    useComboBoxContext();\r\n\r\n  const handleKeyDown = useKeyDown();\r\n\r\n  const handleClick = () => {\r\n    const payload = {\r\n      item: data.navigationItem,\r\n    };\r\n\r\n    if (state === IDLE) {\r\n      transition(OPEN_WITH_BUTTON, payload);\r\n    } else {\r\n      transition(CLOSE_WITH_BUTTON, payload);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <Comp\r\n      as={innerAs}\r\n      data-reach-combobox-button=\"\"\r\n      aria-controls={listboxIdRef.current}\r\n      aria-haspopup=\"listbox\"\r\n      aria-expanded={isVisible}\r\n      ref={assignMultipleRefs(ref, buttonRef)}\r\n      onClick={wrapEvent(onClick, handleClick)}\r\n      onKeyDown={wrapEvent(onKeyDown, handleKeyDown)}\r\n      {...props}\r\n    />\r\n  );\r\n});\r\n"],"mappings":";;;AAOA,SAASA,UAAT,QAA2B,OAA3B;AAEA,SAASC,kBAAT,QAAmC,WAAnC;AACA,SAASC,UAAT,EAAqBC,IAArB,EAA2BC,gBAA3B,EAA6CC,iBAA7C,QAAsE,SAAtE;AACA,SAASC,SAAT,QAA0B,qBAA1B;AACA,SAASC,kBAAT,QAAmC,qBAAnC;;AAWA,OAAO,IAAMC,cAAc,gBAAGR,UAAU,CAGtC,SAASQ,cAAT,OAEAC,GAFA,EAGA;EAAA,mBAFEC,EAEF;EAAA,IAFMC,IAEN,wBAFa,QAEb;EAAA,IAFuBC,OAEvB,QAFuBA,OAEvB;EAAA,IAFgCC,OAEhC,QAFgCA,OAEhC;EAAA,IAFyCC,SAEzC,QAFyCA,SAEzC;EAAA,IAFuDC,KAEvD;;EACA,0BACEd,kBAAkB,EADpB;EAAA,IAAQe,UAAR,uBAAQA,UAAR;EAAA,IAAoBC,IAApB,uBAAoBA,IAApB;EAAA,IAA0BC,KAA1B,uBAA0BA,KAA1B;EAAA,IAAiCC,SAAjC,uBAAiCA,SAAjC;EAAA,IAA4CC,YAA5C,uBAA4CA,YAA5C;EAAA,IAA0DC,SAA1D,uBAA0DA,SAA1D;;EAGA,IAAMC,aAAa,GAAGpB,UAAU,EAAhC;;EAEA,IAAMqB,WAAW,GAAG,SAAdA,WAAc,GAAM;IACxB,IAAMC,OAAO,GAAG;MACdC,IAAI,EAAER,IAAI,CAACS;IADG,CAAhB;;IAIA,IAAIR,KAAK,KAAKf,IAAd,EAAoB;MAClBa,UAAU,CAACZ,gBAAD,EAAmBoB,OAAnB,CAAV;IACD,CAFD,MAEO;MACLR,UAAU,CAACX,iBAAD,EAAoBmB,OAApB,CAAV;IACD;EACF,CAVD;;EAYA,oBACE,KAAC,IAAD;IACE,EAAE,EAAEZ,OADN;IAEE,8BAA2B,EAF7B;IAGE,iBAAeQ,YAAY,CAACO,OAH9B;IAIE,iBAAc,SAJhB;IAKE,iBAAeN,SALjB;IAME,GAAG,EAAEd,kBAAkB,CAACE,GAAD,EAAMU,SAAN,CANzB;IAOE,OAAO,EAAEb,SAAS,CAACO,OAAD,EAAUU,WAAV,CAPpB;IAQE,SAAS,EAAEjB,SAAS,CAACQ,SAAD,EAAYQ,aAAZ;EARtB,GASMP,KATN,EADF;AAaD,CArCuC,CAAjC"}
+{"version":3,"file":"ComboboxButton.js","names":["forwardRef","useComboBoxContext","useKeyDown","IDLE","OPEN_WITH_BUTTON","CLOSE_WITH_BUTTON","wrapEvent","assignMultipleRefs","ComboboxButton","ref","as","Comp","innerAs","onClick","onKeyDown","props","transition","data","state","buttonRef","listboxIdRef","isVisible","handleKeyDown","handleClick","payload","item","navigationItem","current"],"sources":["../../../src/ComboBox/ComboboxButton.tsx"],"sourcesContent":["import type {\n  ButtonHTMLAttributes,\n  ElementType,\n  KeyboardEventHandler,\n  MouseEventHandler,\n  ReactNode,\n} from 'react';\nimport { forwardRef } from 'react';\n\nimport { useComboBoxContext } from './context';\nimport { useKeyDown, IDLE, OPEN_WITH_BUTTON, CLOSE_WITH_BUTTON } from './hooks';\nimport { wrapEvent } from '../utils/wrap-event';\nimport { assignMultipleRefs } from '../utils/assign-ref';\n\nexport interface ComboboxButtonProps\n  extends ButtonHTMLAttributes<HTMLButtonElement> {\n  as?: ElementType<any>;\n  innerAs?: ElementType<any>;\n  onClick?: MouseEventHandler<HTMLButtonElement>;\n  onKeyDown?: KeyboardEventHandler<HTMLButtonElement>;\n  children?: ReactNode;\n}\n\nexport const ComboboxButton = forwardRef<\n  HTMLButtonElement,\n  ComboboxButtonProps\n>(function ComboboxButton(\n  { as: Comp = 'button', innerAs, onClick, onKeyDown, ...props },\n  ref\n) {\n  const { transition, data, state, buttonRef, listboxIdRef, isVisible } =\n    useComboBoxContext();\n\n  const handleKeyDown = useKeyDown();\n\n  const handleClick = () => {\n    const payload = {\n      item: data.navigationItem,\n    };\n\n    if (state === IDLE) {\n      transition(OPEN_WITH_BUTTON, payload);\n    } else {\n      transition(CLOSE_WITH_BUTTON, payload);\n    }\n  };\n\n  return (\n    <Comp\n      as={innerAs}\n      data-reach-combobox-button=\"\"\n      aria-controls={listboxIdRef.current}\n      aria-haspopup=\"listbox\"\n      aria-expanded={isVisible}\n      ref={assignMultipleRefs(ref, buttonRef)}\n      onClick={wrapEvent(onClick, handleClick)}\n      onKeyDown={wrapEvent(onKeyDown, handleKeyDown)}\n      {...props}\n    />\n  );\n});\n"],"mappings":";;;AAOA,SAASA,UAAT,QAA2B,OAA3B;AAEA,SAASC,kBAAT,QAAmC,WAAnC;AACA,SAASC,UAAT,EAAqBC,IAArB,EAA2BC,gBAA3B,EAA6CC,iBAA7C,QAAsE,SAAtE;AACA,SAASC,SAAT,QAA0B,qBAA1B;AACA,SAASC,kBAAT,QAAmC,qBAAnC;;AAWA,OAAO,IAAMC,cAAc,gBAAGR,UAAU,CAGtC,SAASQ,cAAT,OAEAC,GAFA,EAGA;EAAA,mBAFEC,EAEF;EAAA,IAFMC,IAEN,wBAFa,QAEb;EAAA,IAFuBC,OAEvB,QAFuBA,OAEvB;EAAA,IAFgCC,OAEhC,QAFgCA,OAEhC;EAAA,IAFyCC,SAEzC,QAFyCA,SAEzC;EAAA,IAFuDC,KAEvD;;EACA,0BACEd,kBAAkB,EADpB;EAAA,IAAQe,UAAR,uBAAQA,UAAR;EAAA,IAAoBC,IAApB,uBAAoBA,IAApB;EAAA,IAA0BC,KAA1B,uBAA0BA,KAA1B;EAAA,IAAiCC,SAAjC,uBAAiCA,SAAjC;EAAA,IAA4CC,YAA5C,uBAA4CA,YAA5C;EAAA,IAA0DC,SAA1D,uBAA0DA,SAA1D;;EAGA,IAAMC,aAAa,GAAGpB,UAAU,EAAhC;;EAEA,IAAMqB,WAAW,GAAG,SAAdA,WAAc,GAAM;IACxB,IAAMC,OAAO,GAAG;MACdC,IAAI,EAAER,IAAI,CAACS;IADG,CAAhB;;IAIA,IAAIR,KAAK,KAAKf,IAAd,EAAoB;MAClBa,UAAU,CAACZ,gBAAD,EAAmBoB,OAAnB,CAAV;IACD,CAFD,MAEO;MACLR,UAAU,CAACX,iBAAD,EAAoBmB,OAApB,CAAV;IACD;EACF,CAVD;;EAYA,oBACE,KAAC,IAAD;IACE,EAAE,EAAEZ,OADN;IAEE,8BAA2B,EAF7B;IAGE,iBAAeQ,YAAY,CAACO,OAH9B;IAIE,iBAAc,SAJhB;IAKE,iBAAeN,SALjB;IAME,GAAG,EAAEd,kBAAkB,CAACE,GAAD,EAAMU,SAAN,CANzB;IAOE,OAAO,EAAEb,SAAS,CAACO,OAAD,EAAUU,WAAV,CAPpB;IAQE,SAAS,EAAEjB,SAAS,CAACQ,SAAD,EAAYQ,aAAZ;EARtB,GASMP,KATN,EADF;AAaD,CArCuC,CAAjC"}

package/build/esm/ComboBox/ComboboxInput.d.ts

@@ -1,17 +1,17 @@
-import type { ChangeEventHandler, ElementType, FocusEventHandler, InputHTMLAttributes, KeyboardEventHandler, MouseEventHandler } from 'react';
-export interface ComboboxInputProps extends InputHTMLAttributes<HTMLInputElement> {
-    clearOnEscape?: boolean;
-    selectOnClick?: boolean;
-    autocomplete?: boolean;
-    defaultValue?: string;
-    value?: string;
-    onClick?: MouseEventHandler<HTMLInputElement>;
-    onChange?: ChangeEventHandler<HTMLInputElement>;
-    onKeyDown?: KeyboardEventHandler<HTMLInputElement>;
-    onBlur?: FocusEventHandler<HTMLInputElement>;
-    onFocus?: FocusEventHandler<HTMLInputElement>;
-    as?: ElementType<any>;
-    innerAs?: ElementType<any>;
-    id?: string;
-}
-export declare const ComboboxInput: import("react").ForwardRefExoticComponent<ComboboxInputProps & import("react").RefAttributes<HTMLInputElement>>;
+import type { ChangeEventHandler, ElementType, FocusEventHandler, InputHTMLAttributes, KeyboardEventHandler, MouseEventHandler } from 'react';
+export interface ComboboxInputProps extends InputHTMLAttributes<HTMLInputElement> {
+    clearOnEscape?: boolean;
+    selectOnClick?: boolean;
+    autocomplete?: boolean;
+    defaultValue?: string;
+    value?: string;
+    onClick?: MouseEventHandler<HTMLInputElement>;
+    onChange?: ChangeEventHandler<HTMLInputElement>;
+    onKeyDown?: KeyboardEventHandler<HTMLInputElement>;
+    onBlur?: FocusEventHandler<HTMLInputElement>;
+    onFocus?: FocusEventHandler<HTMLInputElement>;
+    as?: ElementType<any>;
+    innerAs?: ElementType<any>;
+    id?: string;
+}
+export declare const ComboboxInput: import("react").ForwardRefExoticComponent<ComboboxInputProps & import("react").RefAttributes<HTMLInputElement>>;

package/build/esm/ComboBox/ComboboxInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxInput.js","names":["forwardRef","useEffect","useRef","useBlur","CLEAR","CHANGE","useKeyDown","SELECT_WITH_CLICK","FOCUS","NAVIGATING","INIT","useFocusManagement","assignMultipleRefs","wrapEvent","useComboBoxContext","ComboboxInput","forwardedRef","as","Comp","innerAs","selectOnClick","autocomplete","clearOnEscape","onClick","onChange","onKeyDown","onBlur","onFocus","preferredId","id","defaultValue","controlledValue","value","props","data","navigationItem","text","lastActionType","inputRef","state","transition","listboxIdRef","autocompletePropRef","clearOnEscapeRef","openOnFocus","optionsRef","labelIdRef","hasStartedInteracting","selectOnClickRef","handleBlur","current","handleChange","e","target","trim","handleKeyDown","handleFocus","item","handleClick","select","navigationText","undefined","fallbackValue","inputStrings","inputValue","find","str"],"sources":["../../../src/ComboBox/ComboboxInput.tsx"],"sourcesContent":["import type {\r\n  ChangeEvent,\r\n  ChangeEventHandler,\r\n  ElementType,\r\n  FocusEventHandler,\r\n  InputHTMLAttributes,\r\n  KeyboardEventHandler,\r\n  MouseEventHandler,\r\n} from 'react';\r\nimport { forwardRef, useEffect, useRef } from 'react';\r\n\r\nimport {\r\n  useBlur,\r\n  CLEAR,\r\n  CHANGE,\r\n  useKeyDown,\r\n  SELECT_WITH_CLICK,\r\n  FOCUS,\r\n  NAVIGATING,\r\n  INIT,\r\n  useFocusManagement,\r\n} from './hooks';\r\nimport { assignMultipleRefs, wrapEvent } from '../utils';\r\nimport { useComboBoxContext } from './context';\r\n\r\nexport interface ComboboxInputProps\r\n  extends InputHTMLAttributes<HTMLInputElement> {\r\n  // clear on ESC\r\n  clearOnEscape?: boolean;\r\n  // highlights all the text in the box on click when true\r\n  selectOnClick?: boolean;\r\n  // updates the value in the input when navigating w/ the keyboard\r\n  autocomplete?: boolean;\r\n  // initial value for uncontrolled mode\r\n  defaultValue?: string;\r\n  // value for controlled mode\r\n  value?: string;\r\n  onClick?: MouseEventHandler<HTMLInputElement>;\r\n  onChange?: ChangeEventHandler<HTMLInputElement>;\r\n  onKeyDown?: KeyboardEventHandler<HTMLInputElement>;\r\n  onBlur?: FocusEventHandler<HTMLInputElement>;\r\n  onFocus?: FocusEventHandler<HTMLInputElement>;\r\n  as?: ElementType<any>;\r\n  innerAs?: ElementType<any>;\r\n  id?: string;\r\n}\r\n\r\nexport const ComboboxInput = forwardRef<HTMLInputElement, ComboboxInputProps>(\r\n  function ComboboxInput(\r\n    {\r\n      as: Comp = 'input',\r\n      innerAs,\r\n      selectOnClick = false,\r\n      autocomplete = true,\r\n      clearOnEscape = false,\r\n\r\n      // wrapped events\r\n      onClick,\r\n      onChange,\r\n      onKeyDown,\r\n      onBlur,\r\n      onFocus,\r\n\r\n      id: preferredId,\r\n\r\n      defaultValue = '',\r\n\r\n      // might be controlled\r\n      value: controlledValue,\r\n      ...props\r\n    },\r\n    forwardedRef\r\n  ) {\r\n    const {\r\n      data: { navigationItem, text, lastActionType },\r\n      inputRef,\r\n      state,\r\n      transition,\r\n      listboxIdRef,\r\n      autocompletePropRef,\r\n      clearOnEscapeRef,\r\n      openOnFocus,\r\n      optionsRef,\r\n      labelIdRef,\r\n    } = useComboBoxContext();\r\n\r\n    // Keep focus on the input component\r\n    useFocusManagement(lastActionType, inputRef);\r\n\r\n    // Keep using the defaultValue until the user started interacting\r\n    const hasStartedInteracting = useRef(false);\r\n\r\n    // Because we close the List on blur, we need to track if the blur is\r\n    // caused by clicking inside the list, and if so, don't close the List.\r\n    const selectOnClickRef = useRef(false);\r\n\r\n    const handleBlur = useBlur();\r\n\r\n    // Update ref props\r\n    autocompletePropRef.current = autocomplete;\r\n    clearOnEscapeRef.current = clearOnEscape;\r\n    listboxIdRef.current = preferredId || listboxIdRef.current;\r\n\r\n    // [*]... and when controlled, we don't trigger handleValueChange as the user\r\n    // types, instead the developer controls it with the normal input onChange\r\n    // prop\r\n    const handleChange = (e: ChangeEvent<HTMLInputElement>) => {\r\n      // After the user started typing, lets forget the defaultValue\r\n      hasStartedInteracting.current = true;\r\n\r\n      const text = e.target.value;\r\n      if (text.trim() === '') {\r\n        transition(CLEAR);\r\n      } else {\r\n        transition(CHANGE, { text });\r\n      }\r\n    };\r\n\r\n    const handleKeyDown = useKeyDown();\r\n\r\n    const handleFocus = () => {\r\n      if (selectOnClick) {\r\n        selectOnClickRef.current = true;\r\n      }\r\n      // If we select an option with click, useFocusManagement will focus the\r\n      // input, in those cases we don't want to cause the menu to open back up,\r\n      // so we guard behind these states\r\n      if (openOnFocus && lastActionType !== SELECT_WITH_CLICK) {\r\n        transition(FOCUS, {\r\n          item: navigationItem,\r\n        });\r\n      }\r\n    };\r\n\r\n    const handleClick = () => {\r\n      if (selectOnClickRef.current) {\r\n        selectOnClickRef.current = false;\r\n        inputRef.current && inputRef.current.select();\r\n      }\r\n    };\r\n\r\n    const navigationText =\r\n      navigationItem !== ''\r\n        ? optionsRef.current[navigationItem].text\r\n        : undefined;\r\n\r\n    const fallbackValue = hasStartedInteracting.current ? '' : defaultValue;\r\n\r\n    const inputStrings =\r\n      // When idle, we don't have a navigationText on ArrowUp/Down\r\n      autocomplete && state === NAVIGATING\r\n        ? [navigationText, controlledValue, text, fallbackValue]\r\n        : [controlledValue, text, fallbackValue];\r\n\r\n    const inputValue = inputStrings.find((str) => str !== undefined);\r\n\r\n    // If they are controlling the value we still need to do our transitions, so\r\n    // we have this derived state to emulate onChange of the input as we receive\r\n    // new `value`s ...[*]\r\n    useEffect(() => {\r\n      transition(INIT, { text: inputValue, item: '' });\r\n      // eslint-disable-next-line react-hooks/exhaustive-deps\r\n    }, []);\r\n\r\n    return (\r\n      <Comp\r\n        {...props}\r\n        as={innerAs}\r\n        data-reach-combobox-input=\"\"\r\n        ref={assignMultipleRefs(inputRef, forwardedRef)}\r\n        value={inputValue}\r\n        onClick={wrapEvent(onClick, handleClick)}\r\n        onBlur={wrapEvent(onBlur, handleBlur)}\r\n        onFocus={wrapEvent(onFocus, handleFocus)}\r\n        onChange={wrapEvent(onChange, handleChange)}\r\n        onKeyDown={wrapEvent(onKeyDown, handleKeyDown)}\r\n        aria-labelledby={labelIdRef.current}\r\n        id={listboxIdRef.current}\r\n        aria-autocomplete=\"both\"\r\n        aria-activedescendant={\r\n          navigationItem !== '' ? navigationItem : undefined\r\n        }\r\n        autoComplete=\"off\"\r\n      />\r\n    );\r\n  }\r\n);\r\n"],"mappings":"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"}
+{"version":3,"file":"ComboboxInput.js","names":["forwardRef","useEffect","useRef","useBlur","CLEAR","CHANGE","useKeyDown","SELECT_WITH_CLICK","FOCUS","NAVIGATING","INIT","useFocusManagement","assignMultipleRefs","wrapEvent","useComboBoxContext","ComboboxInput","forwardedRef","as","Comp","innerAs","selectOnClick","autocomplete","clearOnEscape","onClick","onChange","onKeyDown","onBlur","onFocus","preferredId","id","defaultValue","controlledValue","value","props","data","navigationItem","text","lastActionType","inputRef","state","transition","listboxIdRef","autocompletePropRef","clearOnEscapeRef","openOnFocus","optionsRef","labelIdRef","hasStartedInteracting","selectOnClickRef","handleBlur","current","handleChange","e","target","trim","handleKeyDown","handleFocus","item","handleClick","select","navigationText","undefined","fallbackValue","inputStrings","inputValue","find","str"],"sources":["../../../src/ComboBox/ComboboxInput.tsx"],"sourcesContent":["import type {\n  ChangeEvent,\n  ChangeEventHandler,\n  ElementType,\n  FocusEventHandler,\n  InputHTMLAttributes,\n  KeyboardEventHandler,\n  MouseEventHandler,\n} from 'react';\nimport { forwardRef, useEffect, useRef } from 'react';\n\nimport {\n  useBlur,\n  CLEAR,\n  CHANGE,\n  useKeyDown,\n  SELECT_WITH_CLICK,\n  FOCUS,\n  NAVIGATING,\n  INIT,\n  useFocusManagement,\n} from './hooks';\nimport { assignMultipleRefs, wrapEvent } from '../utils';\nimport { useComboBoxContext } from './context';\n\nexport interface ComboboxInputProps\n  extends InputHTMLAttributes<HTMLInputElement> {\n  // clear on ESC\n  clearOnEscape?: boolean;\n  // highlights all the text in the box on click when true\n  selectOnClick?: boolean;\n  // updates the value in the input when navigating w/ the keyboard\n  autocomplete?: boolean;\n  // initial value for uncontrolled mode\n  defaultValue?: string;\n  // value for controlled mode\n  value?: string;\n  onClick?: MouseEventHandler<HTMLInputElement>;\n  onChange?: ChangeEventHandler<HTMLInputElement>;\n  onKeyDown?: KeyboardEventHandler<HTMLInputElement>;\n  onBlur?: FocusEventHandler<HTMLInputElement>;\n  onFocus?: FocusEventHandler<HTMLInputElement>;\n  as?: ElementType<any>;\n  innerAs?: ElementType<any>;\n  id?: string;\n}\n\nexport const ComboboxInput = forwardRef<HTMLInputElement, ComboboxInputProps>(\n  function ComboboxInput(\n    {\n      as: Comp = 'input',\n      innerAs,\n      selectOnClick = false,\n      autocomplete = true,\n      clearOnEscape = false,\n\n      // wrapped events\n      onClick,\n      onChange,\n      onKeyDown,\n      onBlur,\n      onFocus,\n\n      id: preferredId,\n\n      defaultValue = '',\n\n      // might be controlled\n      value: controlledValue,\n      ...props\n    },\n    forwardedRef\n  ) {\n    const {\n      data: { navigationItem, text, lastActionType },\n      inputRef,\n      state,\n      transition,\n      listboxIdRef,\n      autocompletePropRef,\n      clearOnEscapeRef,\n      openOnFocus,\n      optionsRef,\n      labelIdRef,\n    } = useComboBoxContext();\n\n    // Keep focus on the input component\n    useFocusManagement(lastActionType, inputRef);\n\n    // Keep using the defaultValue until the user started interacting\n    const hasStartedInteracting = useRef(false);\n\n    // Because we close the List on blur, we need to track if the blur is\n    // caused by clicking inside the list, and if so, don't close the List.\n    const selectOnClickRef = useRef(false);\n\n    const handleBlur = useBlur();\n\n    // Update ref props\n    autocompletePropRef.current = autocomplete;\n    clearOnEscapeRef.current = clearOnEscape;\n    listboxIdRef.current = preferredId || listboxIdRef.current;\n\n    // [*]... and when controlled, we don't trigger handleValueChange as the user\n    // types, instead the developer controls it with the normal input onChange\n    // prop\n    const handleChange = (e: ChangeEvent<HTMLInputElement>) => {\n      // After the user started typing, lets forget the defaultValue\n      hasStartedInteracting.current = true;\n\n      const text = e.target.value;\n      if (text.trim() === '') {\n        transition(CLEAR);\n      } else {\n        transition(CHANGE, { text });\n      }\n    };\n\n    const handleKeyDown = useKeyDown();\n\n    const handleFocus = () => {\n      if (selectOnClick) {\n        selectOnClickRef.current = true;\n      }\n      // If we select an option with click, useFocusManagement will focus the\n      // input, in those cases we don't want to cause the menu to open back up,\n      // so we guard behind these states\n      if (openOnFocus && lastActionType !== SELECT_WITH_CLICK) {\n        transition(FOCUS, {\n          item: navigationItem,\n        });\n      }\n    };\n\n    const handleClick = () => {\n      if (selectOnClickRef.current) {\n        selectOnClickRef.current = false;\n        inputRef.current && inputRef.current.select();\n      }\n    };\n\n    const navigationText =\n      navigationItem !== ''\n        ? optionsRef.current[navigationItem].text\n        : undefined;\n\n    const fallbackValue = hasStartedInteracting.current ? '' : defaultValue;\n\n    const inputStrings =\n      // When idle, we don't have a navigationText on ArrowUp/Down\n      autocomplete && state === NAVIGATING\n        ? [navigationText, controlledValue, text, fallbackValue]\n        : [controlledValue, text, fallbackValue];\n\n    const inputValue = inputStrings.find((str) => str !== undefined);\n\n    // If they are controlling the value we still need to do our transitions, so\n    // we have this derived state to emulate onChange of the input as we receive\n    // new `value`s ...[*]\n    useEffect(() => {\n      transition(INIT, { text: inputValue, item: '' });\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, []);\n\n    return (\n      <Comp\n        {...props}\n        as={innerAs}\n        data-reach-combobox-input=\"\"\n        ref={assignMultipleRefs(inputRef, forwardedRef)}\n        value={inputValue}\n        onClick={wrapEvent(onClick, handleClick)}\n        onBlur={wrapEvent(onBlur, handleBlur)}\n        onFocus={wrapEvent(onFocus, handleFocus)}\n        onChange={wrapEvent(onChange, handleChange)}\n        onKeyDown={wrapEvent(onKeyDown, handleKeyDown)}\n        aria-labelledby={labelIdRef.current}\n        id={listboxIdRef.current}\n        aria-autocomplete=\"both\"\n        aria-activedescendant={\n          navigationItem !== '' ? navigationItem : undefined\n        }\n        autoComplete=\"off\"\n      />\n    );\n  }\n);\n"],"mappings":"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"}

package/build/esm/ComboBox/ComboboxLabel.d.ts

@@ -1,7 +1,7 @@
-import type { ElementType, LabelHTMLAttributes } from 'react';
-export interface ComboboxLabelProps extends LabelHTMLAttributes<HTMLLabelElement> {
-    as?: ElementType<any>;
-    innerAs?: ElementType<any>;
-    id?: string;
-}
-export declare const ComboboxLabel: import("react").ForwardRefExoticComponent<ComboboxLabelProps & import("react").RefAttributes<HTMLLabelElement>>;
+import type { ElementType, LabelHTMLAttributes } from 'react';
+export interface ComboboxLabelProps extends LabelHTMLAttributes<HTMLLabelElement> {
+    as?: ElementType<any>;
+    innerAs?: ElementType<any>;
+    id?: string;
+}
+export declare const ComboboxLabel: import("react").ForwardRefExoticComponent<ComboboxLabelProps & import("react").RefAttributes<HTMLLabelElement>>;

package/build/esm/ComboBox/ComboboxLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxLabel.js","names":["forwardRef","useComboBoxContext","ComboboxLabel","ComboboxButton","ref","as","Comp","innerAs","preferredId","id","props","listboxIdRef","labelIdRef","current"],"sources":["../../../src/ComboBox/ComboboxLabel.tsx"],"sourcesContent":["import type { ElementType, LabelHTMLAttributes } from 'react';\r\nimport { forwardRef } from 'react';\r\n\r\nimport { useComboBoxContext } from './context';\r\n\r\nexport interface ComboboxLabelProps\r\n  extends LabelHTMLAttributes<HTMLLabelElement> {\r\n  as?: ElementType<any>;\r\n  innerAs?: ElementType<any>;\r\n  id?: string;\r\n}\r\n\r\nexport const ComboboxLabel = forwardRef<HTMLLabelElement, ComboboxLabelProps>(\r\n  function ComboboxButton(\r\n    { as: Comp = 'label', innerAs, id: preferredId, ...props },\r\n    ref\r\n  ) {\r\n    const { listboxIdRef, labelIdRef } = useComboBoxContext();\r\n\r\n    labelIdRef.current = preferredId || labelIdRef.current;\r\n\r\n    return (\r\n      <Comp\r\n        as={innerAs}\r\n        data-reach-combobox-label=\"\"\r\n        htmlFor={listboxIdRef.current}\r\n        id={labelIdRef.current}\r\n        ref={ref}\r\n        {...props}\r\n      />\r\n    );\r\n  }\r\n);\r\n"],"mappings":";;;AACA,SAASA,UAAT,QAA2B,OAA3B;AAEA,SAASC,kBAAT,QAAmC,WAAnC;;AASA,OAAO,IAAMC,aAAa,gBAAGF,UAAU,CACrC,SAASG,cAAT,OAEEC,GAFF,EAGE;EAAA,mBAFEC,EAEF;EAAA,IAFMC,IAEN,wBAFa,OAEb;EAAA,IAFsBC,OAEtB,QAFsBA,OAEtB;EAAA,IAFmCC,WAEnC,QAF+BC,EAE/B;EAAA,IAFmDC,KAEnD;;EACA,0BAAqCT,kBAAkB,EAAvD;EAAA,IAAQU,YAAR,uBAAQA,YAAR;EAAA,IAAsBC,UAAtB,uBAAsBA,UAAtB;;EAEAA,UAAU,CAACC,OAAX,GAAqBL,WAAW,IAAII,UAAU,CAACC,OAA/C;EAEA,oBACE,KAAC,IAAD;IACE,EAAE,EAAEN,OADN;IAEE,6BAA0B,EAF5B;IAGE,OAAO,EAAEI,YAAY,CAACE,OAHxB;IAIE,EAAE,EAAED,UAAU,CAACC,OAJjB;IAKE,GAAG,EAAET;EALP,GAMMM,KANN,EADF;AAUD,CAnBoC,CAAhC"}
+{"version":3,"file":"ComboboxLabel.js","names":["forwardRef","useComboBoxContext","ComboboxLabel","ComboboxButton","ref","as","Comp","innerAs","preferredId","id","props","listboxIdRef","labelIdRef","current"],"sources":["../../../src/ComboBox/ComboboxLabel.tsx"],"sourcesContent":["import type { ElementType, LabelHTMLAttributes } from 'react';\nimport { forwardRef } from 'react';\n\nimport { useComboBoxContext } from './context';\n\nexport interface ComboboxLabelProps\n  extends LabelHTMLAttributes<HTMLLabelElement> {\n  as?: ElementType<any>;\n  innerAs?: ElementType<any>;\n  id?: string;\n}\n\nexport const ComboboxLabel = forwardRef<HTMLLabelElement, ComboboxLabelProps>(\n  function ComboboxButton(\n    { as: Comp = 'label', innerAs, id: preferredId, ...props },\n    ref\n  ) {\n    const { listboxIdRef, labelIdRef } = useComboBoxContext();\n\n    labelIdRef.current = preferredId || labelIdRef.current;\n\n    return (\n      <Comp\n        as={innerAs}\n        data-reach-combobox-label=\"\"\n        htmlFor={listboxIdRef.current}\n        id={labelIdRef.current}\n        ref={ref}\n        {...props}\n      />\n    );\n  }\n);\n"],"mappings":";;;AACA,SAASA,UAAT,QAA2B,OAA3B;AAEA,SAASC,kBAAT,QAAmC,WAAnC;;AASA,OAAO,IAAMC,aAAa,gBAAGF,UAAU,CACrC,SAASG,cAAT,OAEEC,GAFF,EAGE;EAAA,mBAFEC,EAEF;EAAA,IAFMC,IAEN,wBAFa,OAEb;EAAA,IAFsBC,OAEtB,QAFsBA,OAEtB;EAAA,IAFmCC,WAEnC,QAF+BC,EAE/B;EAAA,IAFmDC,KAEnD;;EACA,0BAAqCT,kBAAkB,EAAvD;EAAA,IAAQU,YAAR,uBAAQA,YAAR;EAAA,IAAsBC,UAAtB,uBAAsBA,UAAtB;;EAEAA,UAAU,CAACC,OAAX,GAAqBL,WAAW,IAAII,UAAU,CAACC,OAA/C;EAEA,oBACE,KAAC,IAAD;IACE,EAAE,EAAEN,OADN;IAEE,6BAA0B,EAF5B;IAGE,OAAO,EAAEI,YAAY,CAACE,OAHxB;IAIE,EAAE,EAAED,UAAU,CAACC,OAJjB;IAKE,GAAG,EAAET;EALP,GAMMM,KANN,EADF;AAUD,CAnBoC,CAAhC"}

package/build/esm/ComboBox/ComboboxList.d.ts

@@ -1,8 +1,8 @@
-import type { HTMLAttributes, ElementType, ReactNode } from 'react';
-export interface ComboboxListProps extends HTMLAttributes<HTMLUListElement> {
-    as?: ElementType<any>;
-    innerAs?: ElementType<any>;
-    persistSelection?: boolean;
-    children?: ReactNode;
-}
-export declare const ComboboxList: import("react").ForwardRefExoticComponent<ComboboxListProps & import("react").RefAttributes<HTMLUListElement>>;
+import type { HTMLAttributes, ElementType, ReactNode } from 'react';
+export interface ComboboxListProps extends HTMLAttributes<HTMLUListElement> {
+    as?: ElementType<any>;
+    innerAs?: ElementType<any>;
+    persistSelection?: boolean;
+    children?: ReactNode;
+}
+export declare const ComboboxList: import("react").ForwardRefExoticComponent<ComboboxListProps & import("react").RefAttributes<HTMLUListElement>>;

package/build/esm/ComboBox/ComboboxList.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxList.js","names":["forwardRef","useRef","useEffect","useComboBoxContext","getScope","assignMultipleRefs","ComboboxList","ref","persistSelection","as","Comp","innerAs","props","persistSelectionRef","labelIdRef","listScope","listRef","current"],"sources":["../../../src/ComboBox/ComboboxList.tsx"],"sourcesContent":["import type { HTMLAttributes, ElementType, ReactNode } from 'react';\r\nimport { forwardRef, useRef, useEffect } from 'react';\r\n\r\nimport { useComboBoxContext } from './context';\r\nimport { getScope } from '../hooks';\r\nimport { assignMultipleRefs } from '../utils';\r\n\r\nexport interface ComboboxListProps extends HTMLAttributes<HTMLUListElement> {\r\n  as?: ElementType<any>;\r\n  innerAs?: ElementType<any>;\r\n  persistSelection?: boolean;\r\n  children?: ReactNode;\r\n}\r\n\r\nexport const ComboboxList = forwardRef<HTMLUListElement, ComboboxListProps>(\r\n  function ComboboxList(\r\n    {\r\n      // when true, and the list opens again, the option with a matching value will be\r\n      // automatically highleted.\r\n      persistSelection = false,\r\n      as: Comp = 'ul',\r\n      innerAs,\r\n      ...props\r\n    },\r\n    ref\r\n  ) {\r\n    const { persistSelectionRef, labelIdRef, listScope } = useComboBoxContext();\r\n\r\n    const listRef = useRef<HTMLUListElement>();\r\n    useEffect(() => {\r\n      listScope.current = getScope(listRef);\r\n    }, [listScope]);\r\n\r\n    persistSelectionRef.current = persistSelection;\r\n\r\n    return (\r\n      <Comp\r\n        {...props}\r\n        as={innerAs}\r\n        ref={assignMultipleRefs(ref, listRef)}\r\n        data-reach-combobox-list=\"\"\r\n        role=\"listbox\"\r\n        aria-labelledby={labelIdRef.current}\r\n      />\r\n    );\r\n  }\r\n);\r\n"],"mappings":";;;AACA,SAASA,UAAT,EAAqBC,MAArB,EAA6BC,SAA7B,QAA8C,OAA9C;AAEA,SAASC,kBAAT,QAAmC,WAAnC;AACA,SAASC,QAAT,QAAyB,UAAzB;AACA,SAASC,kBAAT,QAAmC,UAAnC;;AASA,OAAO,IAAMC,YAAY,gBAAGN,UAAU,CACpC,SAASM,YAAT,OASEC,GATF,EAUE;EAAA,iCANEC,gBAMF;EAAA,IANEA,gBAMF,sCANqB,KAMrB;EAAA,mBALEC,EAKF;EAAA,IALMC,IAKN,wBALa,IAKb;EAAA,IAJEC,OAIF,QAJEA,OAIF;EAAA,IAHKC,KAGL;;EACA,0BAAuDT,kBAAkB,EAAzE;EAAA,IAAQU,mBAAR,uBAAQA,mBAAR;EAAA,IAA6BC,UAA7B,uBAA6BA,UAA7B;EAAA,IAAyCC,SAAzC,uBAAyCA,SAAzC;;EAEA,IAAMC,OAAO,GAAGf,MAAM,EAAtB;EACAC,SAAS,CAAC,YAAM;IACda,SAAS,CAACE,OAAV,GAAoBb,QAAQ,CAACY,OAAD,CAA5B;EACD,CAFQ,EAEN,CAACD,SAAD,CAFM,CAAT;EAIAF,mBAAmB,CAACI,OAApB,GAA8BT,gBAA9B;EAEA,oBACE,KAAC,IAAD,wBACMI,KADN;IAEE,EAAE,EAAED,OAFN;IAGE,GAAG,EAAEN,kBAAkB,CAACE,GAAD,EAAMS,OAAN,CAHzB;IAIE,4BAAyB,EAJ3B;IAKE,IAAI,EAAC,SALP;IAME,mBAAiBF,UAAU,CAACG;EAN9B,GADF;AAUD,CA/BmC,CAA/B"}
+{"version":3,"file":"ComboboxList.js","names":["forwardRef","useRef","useEffect","useComboBoxContext","getScope","assignMultipleRefs","ComboboxList","ref","persistSelection","as","Comp","innerAs","props","persistSelectionRef","labelIdRef","listScope","listRef","current"],"sources":["../../../src/ComboBox/ComboboxList.tsx"],"sourcesContent":["import type { HTMLAttributes, ElementType, ReactNode } from 'react';\nimport { forwardRef, useRef, useEffect } from 'react';\n\nimport { useComboBoxContext } from './context';\nimport { getScope } from '../hooks';\nimport { assignMultipleRefs } from '../utils';\n\nexport interface ComboboxListProps extends HTMLAttributes<HTMLUListElement> {\n  as?: ElementType<any>;\n  innerAs?: ElementType<any>;\n  persistSelection?: boolean;\n  children?: ReactNode;\n}\n\nexport const ComboboxList = forwardRef<HTMLUListElement, ComboboxListProps>(\n  function ComboboxList(\n    {\n      // when true, and the list opens again, the option with a matching value will be\n      // automatically highleted.\n      persistSelection = false,\n      as: Comp = 'ul',\n      innerAs,\n      ...props\n    },\n    ref\n  ) {\n    const { persistSelectionRef, labelIdRef, listScope } = useComboBoxContext();\n\n    const listRef = useRef<HTMLUListElement>();\n    useEffect(() => {\n      listScope.current = getScope(listRef);\n    }, [listScope]);\n\n    persistSelectionRef.current = persistSelection;\n\n    return (\n      <Comp\n        {...props}\n        as={innerAs}\n        ref={assignMultipleRefs(ref, listRef)}\n        data-reach-combobox-list=\"\"\n        role=\"listbox\"\n        aria-labelledby={labelIdRef.current}\n      />\n    );\n  }\n);\n"],"mappings":";;;AACA,SAASA,UAAT,EAAqBC,MAArB,EAA6BC,SAA7B,QAA8C,OAA9C;AAEA,SAASC,kBAAT,QAAmC,WAAnC;AACA,SAASC,QAAT,QAAyB,UAAzB;AACA,SAASC,kBAAT,QAAmC,UAAnC;;AASA,OAAO,IAAMC,YAAY,gBAAGN,UAAU,CACpC,SAASM,YAAT,OASEC,GATF,EAUE;EAAA,iCANEC,gBAMF;EAAA,IANEA,gBAMF,sCANqB,KAMrB;EAAA,mBALEC,EAKF;EAAA,IALMC,IAKN,wBALa,IAKb;EAAA,IAJEC,OAIF,QAJEA,OAIF;EAAA,IAHKC,KAGL;;EACA,0BAAuDT,kBAAkB,EAAzE;EAAA,IAAQU,mBAAR,uBAAQA,mBAAR;EAAA,IAA6BC,UAA7B,uBAA6BA,UAA7B;EAAA,IAAyCC,SAAzC,uBAAyCA,SAAzC;;EAEA,IAAMC,OAAO,GAAGf,MAAM,EAAtB;EACAC,SAAS,CAAC,YAAM;IACda,SAAS,CAACE,OAAV,GAAoBb,QAAQ,CAACY,OAAD,CAA5B;EACD,CAFQ,EAEN,CAACD,SAAD,CAFM,CAAT;EAIAF,mBAAmB,CAACI,OAApB,GAA8BT,gBAA9B;EAEA,oBACE,KAAC,IAAD,wBACMI,KADN;IAEE,EAAE,EAAED,OAFN;IAGE,GAAG,EAAEN,kBAAkB,CAACE,GAAD,EAAMS,OAAN,CAHzB;IAIE,4BAAyB,EAJ3B;IAKE,IAAI,EAAC,SALP;IAME,mBAAiBF,UAAU,CAACG;EAN9B,GADF;AAUD,CA/BmC,CAA/B"}

package/build/esm/ComboBox/ComboboxOption.d.ts

@@ -1,11 +1,11 @@
-import type { ElementType, LiHTMLAttributes, MouseEventHandler, ReactNode } from 'react';
-export interface ComboboxOptionProps extends LiHTMLAttributes<HTMLLIElement> {
-    as?: ElementType<any>;
-    innerAs?: ElementType<any>;
-    id: string;
-    value: any;
-    text?: string;
-    onClick?: MouseEventHandler<HTMLLIElement>;
-    children?: ReactNode;
-}
-export declare const ComboboxOption: import("react").ForwardRefExoticComponent<ComboboxOptionProps & import("react").RefAttributes<HTMLLIElement>>;
+import type { ElementType, LiHTMLAttributes, MouseEventHandler, ReactNode } from 'react';
+export interface ComboboxOptionProps extends LiHTMLAttributes<HTMLLIElement> {
+    as?: ElementType<any>;
+    innerAs?: ElementType<any>;
+    id: string;
+    value: any;
+    text?: string;
+    onClick?: MouseEventHandler<HTMLLIElement>;
+    children?: ReactNode;
+}
+export declare const ComboboxOption: import("react").ForwardRefExoticComponent<ComboboxOptionProps & import("react").RefAttributes<HTMLLIElement>>;

package/build/esm/ComboBox/ComboboxOption.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxOption.js","names":["forwardRef","useEffect","useRef","SELECT_WITH_CLICK","CLEAR_SELECTION","wrapEvent","useComboBoxContext","makeHash","ComboboxOption","ref","children","idProp","id","valueProp","value","textProp","text","onClick","as","Comp","innerAs","props","onSelect","navigationItem","data","transition","optionsRef","transitionCleanupRef","isActiveRef","length","Error","String","opts","current","handleClick","item","undefined"],"sources":["../../../src/ComboBox/ComboboxOption.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-use-before-define */\r\nimport type {\r\n  ElementType,\r\n  LiHTMLAttributes,\r\n  MouseEventHandler,\r\n  ReactNode,\r\n} from 'react';\r\nimport { forwardRef, useEffect, useRef } from 'react';\r\n\r\nimport { SELECT_WITH_CLICK, CLEAR_SELECTION } from './hooks';\r\nimport { wrapEvent } from '../utils/wrap-event';\r\nimport { useComboBoxContext } from './context';\r\nimport { makeHash } from './makeHash';\r\n\r\nexport interface ComboboxOptionProps extends LiHTMLAttributes<HTMLLIElement> {\r\n  as?: ElementType<any>;\r\n  innerAs?: ElementType<any>;\r\n  id: string;\r\n  value: any;\r\n  text?: string;\r\n  onClick?: MouseEventHandler<HTMLLIElement>;\r\n  children?: ReactNode;\r\n}\r\n\r\nexport const ComboboxOption = forwardRef<HTMLLIElement, ComboboxOptionProps>(\r\n  function ComboboxOption(\r\n    {\r\n      children,\r\n      id: idProp,\r\n      value: valueProp,\r\n      text: textProp,\r\n      onClick,\r\n      as: Comp = 'li',\r\n      innerAs,\r\n      ...props\r\n    },\r\n    ref\r\n  ) {\r\n    const {\r\n      onSelect,\r\n      data: { navigationItem },\r\n      transition,\r\n      optionsRef,\r\n    } = useComboBoxContext();\r\n    const transitionCleanupRef = useRef(transition);\r\n    const isActiveRef = useRef(false);\r\n\r\n    const value: any = valueProp;\r\n    let text: string = textProp ? textProp : '';\r\n\r\n    if (text.length === 0) {\r\n      if (typeof valueProp === 'string' && valueProp.length > 0) {\r\n        text = valueProp;\r\n      } else {\r\n        throw new Error('Missing text for <ComboboxOption />');\r\n      }\r\n    }\r\n\r\n    const id = String(makeHash(idProp));\r\n\r\n    useEffect(() => {\r\n      const opts = optionsRef.current;\r\n      opts[id] = { value, text };\r\n\r\n      return () => {\r\n        delete opts[id];\r\n      };\r\n    }, [optionsRef, id, text, value]);\r\n\r\n    // Keep updating this ref with the current\r\n    // function pointer for transition, so it can\r\n    // be used by the unmount effect below.\r\n    transitionCleanupRef.current = transition;\r\n    isActiveRef.current = navigationItem === id;\r\n\r\n    useEffect(() => {\r\n      return () => {\r\n        if (isActiveRef.current === true) {\r\n          // clean up selections if this option is getting\r\n          // unmounted and it was the currently selected item\r\n          transitionCleanupRef.current(CLEAR_SELECTION);\r\n        }\r\n      };\r\n    }, []);\r\n\r\n    const handleClick = () => {\r\n      onSelect && onSelect(text, id, value);\r\n      transition(SELECT_WITH_CLICK, { text, item: id });\r\n    };\r\n\r\n    return (\r\n      <Comp\r\n        {...props}\r\n        as={innerAs}\r\n        data-reach-combobox-option=\"\"\r\n        ref={ref}\r\n        id={id}\r\n        role=\"option\"\r\n        aria-selected={isActiveRef.current}\r\n        data-highlighted={isActiveRef.current ? '' : undefined}\r\n        // without this the menu will close from `onBlur`, but with it the\r\n        // element can be `document.activeElement` and then our focus checks in\r\n        // onBlur will work as intended\r\n        tabIndex=\"-1\"\r\n        onClick={wrapEvent(onClick, handleClick)}\r\n      >\r\n        {children || text}\r\n      </Comp>\r\n    );\r\n  }\r\n);\r\n"],"mappings":"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"}
+{"version":3,"file":"ComboboxOption.js","names":["forwardRef","useEffect","useRef","SELECT_WITH_CLICK","CLEAR_SELECTION","wrapEvent","useComboBoxContext","makeHash","ComboboxOption","ref","children","idProp","id","valueProp","value","textProp","text","onClick","as","Comp","innerAs","props","onSelect","navigationItem","data","transition","optionsRef","transitionCleanupRef","isActiveRef","length","Error","String","opts","current","handleClick","item","undefined"],"sources":["../../../src/ComboBox/ComboboxOption.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-use-before-define */\nimport type {\n  ElementType,\n  LiHTMLAttributes,\n  MouseEventHandler,\n  ReactNode,\n} from 'react';\nimport { forwardRef, useEffect, useRef } from 'react';\n\nimport { SELECT_WITH_CLICK, CLEAR_SELECTION } from './hooks';\nimport { wrapEvent } from '../utils/wrap-event';\nimport { useComboBoxContext } from './context';\nimport { makeHash } from './makeHash';\n\nexport interface ComboboxOptionProps extends LiHTMLAttributes<HTMLLIElement> {\n  as?: ElementType<any>;\n  innerAs?: ElementType<any>;\n  id: string;\n  value: any;\n  text?: string;\n  onClick?: MouseEventHandler<HTMLLIElement>;\n  children?: ReactNode;\n}\n\nexport const ComboboxOption = forwardRef<HTMLLIElement, ComboboxOptionProps>(\n  function ComboboxOption(\n    {\n      children,\n      id: idProp,\n      value: valueProp,\n      text: textProp,\n      onClick,\n      as: Comp = 'li',\n      innerAs,\n      ...props\n    },\n    ref\n  ) {\n    const {\n      onSelect,\n      data: { navigationItem },\n      transition,\n      optionsRef,\n    } = useComboBoxContext();\n    const transitionCleanupRef = useRef(transition);\n    const isActiveRef = useRef(false);\n\n    const value: any = valueProp;\n    let text: string = textProp ? textProp : '';\n\n    if (text.length === 0) {\n      if (typeof valueProp === 'string' && valueProp.length > 0) {\n        text = valueProp;\n      } else {\n        throw new Error('Missing text for <ComboboxOption />');\n      }\n    }\n\n    const id = String(makeHash(idProp));\n\n    useEffect(() => {\n      const opts = optionsRef.current;\n      opts[id] = { value, text };\n\n      return () => {\n        delete opts[id];\n      };\n    }, [optionsRef, id, text, value]);\n\n    // Keep updating this ref with the current\n    // function pointer for transition, so it can\n    // be used by the unmount effect below.\n    transitionCleanupRef.current = transition;\n    isActiveRef.current = navigationItem === id;\n\n    useEffect(() => {\n      return () => {\n        if (isActiveRef.current === true) {\n          // clean up selections if this option is getting\n          // unmounted and it was the currently selected item\n          transitionCleanupRef.current(CLEAR_SELECTION);\n        }\n      };\n    }, []);\n\n    const handleClick = () => {\n      onSelect && onSelect(text, id, value);\n      transition(SELECT_WITH_CLICK, { text, item: id });\n    };\n\n    return (\n      <Comp\n        {...props}\n        as={innerAs}\n        data-reach-combobox-option=\"\"\n        ref={ref}\n        id={id}\n        role=\"option\"\n        aria-selected={isActiveRef.current}\n        data-highlighted={isActiveRef.current ? '' : undefined}\n        // without this the menu will close from `onBlur`, but with it the\n        // element can be `document.activeElement` and then our focus checks in\n        // onBlur will work as intended\n        tabIndex=\"-1\"\n        onClick={wrapEvent(onClick, handleClick)}\n      >\n        {children || text}\n      </Comp>\n    );\n  }\n);\n"],"mappings":";;;;AAAA;AAOA,SAASA,UAAT,EAAqBC,SAArB,EAAgCC,MAAhC,QAA8C,OAA9C;AAEA,SAASC,iBAAT,EAA4BC,eAA5B,QAAmD,SAAnD;AACA,SAASC,SAAT,QAA0B,qBAA1B;AACA,SAASC,kBAAT,QAAmC,WAAnC;AACA,SAASC,QAAT,QAAyB,YAAzB;;AAYA,OAAO,IAAMC,cAAc,gBAAGR,UAAU,CACtC,SAASQ,cAAT,OAWEC,GAXF,EAYE;EAAA,IAVEC,QAUF,QAVEA,QAUF;EAAA,IATMC,MASN,QATEC,EASF;EAAA,IARSC,SAQT,QAREC,KAQF;EAAA,IAPQC,QAOR,QAPEC,IAOF;EAAA,IANEC,OAMF,QANEA,OAMF;EAAA,mBALEC,EAKF;EAAA,IALMC,IAKN,wBALa,IAKb;EAAA,IAJEC,OAIF,QAJEA,OAIF;EAAA,IAHKC,KAGL;;EACA,0BAKIf,kBAAkB,EALtB;EAAA,IACEgB,QADF,uBACEA,QADF;EAAA,IAEUC,cAFV,uBAEEC,IAFF,CAEUD,cAFV;EAAA,IAGEE,UAHF,uBAGEA,UAHF;EAAA,IAIEC,UAJF,uBAIEA,UAJF;;EAMA,IAAMC,oBAAoB,GAAGzB,MAAM,CAACuB,UAAD,CAAnC;EACA,IAAMG,WAAW,GAAG1B,MAAM,CAAC,KAAD,CAA1B;EAEA,IAAMY,KAAU,GAAGD,SAAnB;EACA,IAAIG,IAAY,GAAGD,QAAQ,GAAGA,QAAH,GAAc,EAAzC;;EAEA,IAAIC,IAAI,CAACa,MAAL,KAAgB,CAApB,EAAuB;IACrB,IAAI,OAAOhB,SAAP,KAAqB,QAArB,IAAiCA,SAAS,CAACgB,MAAV,GAAmB,CAAxD,EAA2D;MACzDb,IAAI,GAAGH,SAAP;IACD,CAFD,MAEO;MACL,MAAM,IAAIiB,KAAJ,CAAU,qCAAV,CAAN;IACD;EACF;;EAED,IAAMlB,EAAE,GAAGmB,MAAM,CAACxB,QAAQ,CAACI,MAAD,CAAT,CAAjB;EAEAV,SAAS,CAAC,YAAM;IACd,IAAM+B,IAAI,GAAGN,UAAU,CAACO,OAAxB;IACAD,IAAI,CAACpB,EAAD,CAAJ,GAAW;MAAEE,KAAK,EAALA,KAAF;MAASE,IAAI,EAAJA;IAAT,CAAX;IAEA,OAAO,YAAM;MACX,OAAOgB,IAAI,CAACpB,EAAD,CAAX;IACD,CAFD;EAGD,CAPQ,EAON,CAACc,UAAD,EAAad,EAAb,EAAiBI,IAAjB,EAAuBF,KAAvB,CAPM,CAAT,CAvBA,CAgCA;EACA;EACA;;EACAa,oBAAoB,CAACM,OAArB,GAA+BR,UAA/B;EACAG,WAAW,CAACK,OAAZ,GAAsBV,cAAc,KAAKX,EAAzC;EAEAX,SAAS,CAAC,YAAM;IACd,OAAO,YAAM;MACX,IAAI2B,WAAW,CAACK,OAAZ,KAAwB,IAA5B,EAAkC;QAChC;QACA;QACAN,oBAAoB,CAACM,OAArB,CAA6B7B,eAA7B;MACD;IACF,CAND;EAOD,CARQ,EAQN,EARM,CAAT;;EAUA,IAAM8B,WAAW,GAAG,SAAdA,WAAc,GAAM;IACxBZ,QAAQ,IAAIA,QAAQ,CAACN,IAAD,EAAOJ,EAAP,EAAWE,KAAX,CAApB;IACAW,UAAU,CAACtB,iBAAD,EAAoB;MAAEa,IAAI,EAAJA,IAAF;MAAQmB,IAAI,EAAEvB;IAAd,CAApB,CAAV;EACD,CAHD;;EAKA,oBACE,KAAC,IAAD,wBACMS,KADN;IAEE,EAAE,EAAED,OAFN;IAGE,8BAA2B,EAH7B;IAIE,GAAG,EAAEX,GAJP;IAKE,EAAE,EAAEG,EALN;IAME,IAAI,EAAC,QANP;IAOE,iBAAegB,WAAW,CAACK,OAP7B;IAQE,oBAAkBL,WAAW,CAACK,OAAZ,GAAsB,EAAtB,GAA2BG,SAR/C,CASE;IACA;IACA;IAXF;IAYE,QAAQ,EAAC,IAZX;IAaE,OAAO,EAAE/B,SAAS,CAACY,OAAD,EAAUiB,WAAV,CAbpB;IAAA,UAeGxB,QAAQ,IAAIM;EAff,GADF;AAmBD,CArFqC,CAAjC"}

package/build/esm/ComboBox/ComboboxPopover.d.ts

@@ -1,9 +1,9 @@
-import type { ElementType, FocusEventHandler, HTMLAttributes, KeyboardEventHandler, ReactNode } from 'react';
-export interface ComboboxPopoverProps extends HTMLAttributes<HTMLDivElement> {
-    as?: ElementType<any>;
-    innerAs?: ElementType<any>;
-    onBlur?: FocusEventHandler<HTMLDivElement>;
-    onKeyDown?: KeyboardEventHandler<HTMLDivElement>;
-    children?: ReactNode;
-}
-export declare const ComboboxPopover: import("react").ForwardRefExoticComponent<ComboboxPopoverProps & import("react").RefAttributes<HTMLDivElement>>;
+import type { ElementType, FocusEventHandler, HTMLAttributes, KeyboardEventHandler, ReactNode } from 'react';
+export interface ComboboxPopoverProps extends HTMLAttributes<HTMLDivElement> {
+    as?: ElementType<any>;
+    innerAs?: ElementType<any>;
+    onBlur?: FocusEventHandler<HTMLDivElement>;
+    onKeyDown?: KeyboardEventHandler<HTMLDivElement>;
+    children?: ReactNode;
+}
+export declare const ComboboxPopover: import("react").ForwardRefExoticComponent<ComboboxPopoverProps & import("react").RefAttributes<HTMLDivElement>>;

package/build/esm/ComboBox/ComboboxPopover.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxPopover.js","names":["forwardRef","useKeyDown","useBlur","wrapEvent","assignMultipleRefs","useComboBoxContext","ComboboxPopover","forwardedRef","onKeyDown","onBlur","as","Comp","innerAs","props","popoverRef","isVisible","handleKeyDown","handleBlur","hidden"],"sources":["../../../src/ComboBox/ComboboxPopover.tsx"],"sourcesContent":["import type {\r\n  ElementType,\r\n  FocusEventHandler,\r\n  HTMLAttributes,\r\n  KeyboardEventHandler,\r\n  ReactNode,\r\n} from 'react';\r\nimport { forwardRef } from 'react';\r\n\r\nimport { useKeyDown, useBlur } from './hooks';\r\nimport { wrapEvent } from '../utils/wrap-event';\r\nimport { assignMultipleRefs } from '../utils/assign-ref';\r\nimport { useComboBoxContext } from './context';\r\n\r\nexport interface ComboboxPopoverProps extends HTMLAttributes<HTMLDivElement> {\r\n  as?: ElementType<any>;\r\n  innerAs?: ElementType<any>;\r\n  onBlur?: FocusEventHandler<HTMLDivElement>;\r\n  onKeyDown?: KeyboardEventHandler<HTMLDivElement>;\r\n  children?: ReactNode;\r\n}\r\n\r\nexport const ComboboxPopover = forwardRef<HTMLDivElement, ComboboxPopoverProps>(\r\n  function ComboboxPopover(\r\n    {\r\n      // wrapped events\r\n      onKeyDown,\r\n      onBlur,\r\n\r\n      as: Comp = 'div',\r\n      innerAs,\r\n      ...props\r\n    },\r\n    forwardedRef\r\n  ) {\r\n    const { popoverRef, isVisible } = useComboBoxContext();\r\n    const handleKeyDown = useKeyDown();\r\n    const handleBlur = useBlur();\r\n\r\n    // Instead of conditionally rendering the popover we use the `hidden` prop\r\n    // because we don't want to unmount on close (from escape or onSelect).  If\r\n    // we unmounted, then we'd lose the optionsRef and the user wouldn't be able\r\n    // to use the arrow keys to pop the list back open. However, the developer\r\n    // can conditionally render the ComboboxPopover if they do want to cause\r\n    // mount/unmount based on the app's own data (like results.length or\r\n    // whatever).\r\n    const hidden = !isVisible;\r\n\r\n    return (\r\n      <Comp\r\n        {...props}\r\n        as={innerAs}\r\n        data-reach-combobox-popover=\"\"\r\n        ref={assignMultipleRefs(popoverRef, forwardedRef)}\r\n        onKeyDown={wrapEvent(onKeyDown, handleKeyDown)}\r\n        onBlur={wrapEvent(onBlur, handleBlur)}\r\n        hidden={hidden}\r\n        // Allow the user to click empty space inside the popover without causing\r\n        // to close from useBlur\r\n        tabIndex=\"-1\"\r\n      />\r\n    );\r\n  }\r\n);\r\n"],"mappings":";;;AAOA,SAASA,UAAT,QAA2B,OAA3B;AAEA,SAASC,UAAT,EAAqBC,OAArB,QAAoC,SAApC;AACA,SAASC,SAAT,QAA0B,qBAA1B;AACA,SAASC,kBAAT,QAAmC,qBAAnC;AACA,SAASC,kBAAT,QAAmC,WAAnC;;AAUA,OAAO,IAAMC,eAAe,gBAAGN,UAAU,CACvC,SAASM,eAAT,OAUEC,YAVF,EAWE;EAAA,IAREC,SAQF,QAREA,SAQF;EAAA,IAPEC,MAOF,QAPEA,MAOF;EAAA,mBALEC,EAKF;EAAA,IALMC,IAKN,wBALa,KAKb;EAAA,IAJEC,OAIF,QAJEA,OAIF;EAAA,IAHKC,KAGL;;EACA,0BAAkCR,kBAAkB,EAApD;EAAA,IAAQS,UAAR,uBAAQA,UAAR;EAAA,IAAoBC,SAApB,uBAAoBA,SAApB;;EACA,IAAMC,aAAa,GAAGf,UAAU,EAAhC;EACA,IAAMgB,UAAU,GAAGf,OAAO,EAA1B,CAHA,CAKA;EACA;EACA;EACA;EACA;EACA;EACA;;EACA,IAAMgB,MAAM,GAAG,CAACH,SAAhB;EAEA,oBACE,KAAC,IAAD,wBACMF,KADN;IAEE,EAAE,EAAED,OAFN;IAGE,+BAA4B,EAH9B;IAIE,GAAG,EAAER,kBAAkB,CAACU,UAAD,EAAaP,YAAb,CAJzB;IAKE,SAAS,EAAEJ,SAAS,CAACK,SAAD,EAAYQ,aAAZ,CALtB;IAME,MAAM,EAAEb,SAAS,CAACM,MAAD,EAASQ,UAAT,CANnB;IAOE,MAAM,EAAEC,MAPV,CAQE;IACA;IATF;IAUE,QAAQ,EAAC;EAVX,GADF;AAcD,CAxCsC,CAAlC"}
+{"version":3,"file":"ComboboxPopover.js","names":["forwardRef","useKeyDown","useBlur","wrapEvent","assignMultipleRefs","useComboBoxContext","ComboboxPopover","forwardedRef","onKeyDown","onBlur","as","Comp","innerAs","props","popoverRef","isVisible","handleKeyDown","handleBlur","hidden"],"sources":["../../../src/ComboBox/ComboboxPopover.tsx"],"sourcesContent":["import type {\n  ElementType,\n  FocusEventHandler,\n  HTMLAttributes,\n  KeyboardEventHandler,\n  ReactNode,\n} from 'react';\nimport { forwardRef } from 'react';\n\nimport { useKeyDown, useBlur } from './hooks';\nimport { wrapEvent } from '../utils/wrap-event';\nimport { assignMultipleRefs } from '../utils/assign-ref';\nimport { useComboBoxContext } from './context';\n\nexport interface ComboboxPopoverProps extends HTMLAttributes<HTMLDivElement> {\n  as?: ElementType<any>;\n  innerAs?: ElementType<any>;\n  onBlur?: FocusEventHandler<HTMLDivElement>;\n  onKeyDown?: KeyboardEventHandler<HTMLDivElement>;\n  children?: ReactNode;\n}\n\nexport const ComboboxPopover = forwardRef<HTMLDivElement, ComboboxPopoverProps>(\n  function ComboboxPopover(\n    {\n      // wrapped events\n      onKeyDown,\n      onBlur,\n\n      as: Comp = 'div',\n      innerAs,\n      ...props\n    },\n    forwardedRef\n  ) {\n    const { popoverRef, isVisible } = useComboBoxContext();\n    const handleKeyDown = useKeyDown();\n    const handleBlur = useBlur();\n\n    // Instead of conditionally rendering the popover we use the `hidden` prop\n    // because we don't want to unmount on close (from escape or onSelect).  If\n    // we unmounted, then we'd lose the optionsRef and the user wouldn't be able\n    // to use the arrow keys to pop the list back open. However, the developer\n    // can conditionally render the ComboboxPopover if they do want to cause\n    // mount/unmount based on the app's own data (like results.length or\n    // whatever).\n    const hidden = !isVisible;\n\n    return (\n      <Comp\n        {...props}\n        as={innerAs}\n        data-reach-combobox-popover=\"\"\n        ref={assignMultipleRefs(popoverRef, forwardedRef)}\n        onKeyDown={wrapEvent(onKeyDown, handleKeyDown)}\n        onBlur={wrapEvent(onBlur, handleBlur)}\n        hidden={hidden}\n        // Allow the user to click empty space inside the popover without causing\n        // to close from useBlur\n        tabIndex=\"-1\"\n      />\n    );\n  }\n);\n"],"mappings":";;;AAOA,SAASA,UAAT,QAA2B,OAA3B;AAEA,SAASC,UAAT,EAAqBC,OAArB,QAAoC,SAApC;AACA,SAASC,SAAT,QAA0B,qBAA1B;AACA,SAASC,kBAAT,QAAmC,qBAAnC;AACA,SAASC,kBAAT,QAAmC,WAAnC;;AAUA,OAAO,IAAMC,eAAe,gBAAGN,UAAU,CACvC,SAASM,eAAT,OAUEC,YAVF,EAWE;EAAA,IAREC,SAQF,QAREA,SAQF;EAAA,IAPEC,MAOF,QAPEA,MAOF;EAAA,mBALEC,EAKF;EAAA,IALMC,IAKN,wBALa,KAKb;EAAA,IAJEC,OAIF,QAJEA,OAIF;EAAA,IAHKC,KAGL;;EACA,0BAAkCR,kBAAkB,EAApD;EAAA,IAAQS,UAAR,uBAAQA,UAAR;EAAA,IAAoBC,SAApB,uBAAoBA,SAApB;;EACA,IAAMC,aAAa,GAAGf,UAAU,EAAhC;EACA,IAAMgB,UAAU,GAAGf,OAAO,EAA1B,CAHA,CAKA;EACA;EACA;EACA;EACA;EACA;EACA;;EACA,IAAMgB,MAAM,GAAG,CAACH,SAAhB;EAEA,oBACE,KAAC,IAAD,wBACMF,KADN;IAEE,EAAE,EAAED,OAFN;IAGE,+BAA4B,EAH9B;IAIE,GAAG,EAAER,kBAAkB,CAACU,UAAD,EAAaP,YAAb,CAJzB;IAKE,SAAS,EAAEJ,SAAS,CAACK,SAAD,EAAYQ,aAAZ,CALtB;IAME,MAAM,EAAEb,SAAS,CAACM,MAAD,EAASQ,UAAT,CANnB;IAOE,MAAM,EAAEC,MAPV,CAQE;IACA;IATF;IAUE,QAAQ,EAAC;EAVX,GADF;AAcD,CAxCsC,CAAlC"}

package/build/esm/ComboBox/cities.d.ts

@@ -1,5 +1,5 @@
-declare const _default: {
-    city: string;
-    state: string;
-}[];
-export default _default;
+declare const _default: {
+    city: string;
+    state: string;
+}[];
+export default _default;