@basic-ui/core 0.0.38 → 0.0.41

package/build/esm/ComboBox/ComboboxList.js

@@ -1,27 +1,25 @@
 import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import { forwardRef, useRef, useEffect } from 'react';
 import { useComboBoxContext } from './context';
 import { getScope } from '../hooks';
 import { assignMultipleRefs } from '../utils';
 import { jsx as _jsx } from "react/jsx-runtime";
-export const ComboboxList = /*#__PURE__*/forwardRef(function ComboboxList(_ref, ref) {
-  let {
-    // when true, and the list opens again, the option with a matching value will be
-    // automatically highleted.
-    persistSelection = false,
-    as: Comp = 'ul',
-    innerAs
-  } = _ref,
-      props = _objectWithoutPropertiesLoose(_ref, ["persistSelection", "as", "innerAs"]);
+export var ComboboxList = /*#__PURE__*/forwardRef(function ComboboxList(_ref, ref) {
+  var _ref$persistSelection = _ref.persistSelection,
+      persistSelection = _ref$persistSelection === void 0 ? false : _ref$persistSelection,
+      _ref$as = _ref.as,
+      Comp = _ref$as === void 0 ? 'ul' : _ref$as,
+      innerAs = _ref.innerAs,
+      props = _objectWithoutProperties(_ref, ["persistSelection", "as", "innerAs"]);
 
-  const {
-    persistSelectionRef,
-    labelIdRef,
-    listScope
-  } = useComboBoxContext();
-  const listRef = useRef();
-  useEffect(() => {
+  var _useComboBoxContext = useComboBoxContext(),
+      persistSelectionRef = _useComboBoxContext.persistSelectionRef,
+      labelIdRef = _useComboBoxContext.labelIdRef,
+      listScope = _useComboBoxContext.listScope;
+
+  var listRef = useRef();
+  useEffect(function () {
     listScope.current = getScope(listRef);
   }, [listScope]);
   persistSelectionRef.current = persistSelection;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/ComboBox/ComboboxList.tsx"],"names":["forwardRef","useRef","useEffect","useComboBoxContext","getScope","assignMultipleRefs","ComboboxList","ref","persistSelection","as","Comp","innerAs","props","persistSelectionRef","labelIdRef","listScope","listRef","current"],"mappings":";;AAAA,SAASA,UAAT,EAAqBC,MAArB,EAA6BC,SAA7B,QAA8C,OAA9C;AAEA,SAASC,kBAAT,QAAmC,WAAnC;AACA,SAASC,QAAT,QAAyB,UAAzB;AACA,SAASC,kBAAT,QAAmC,UAAnC;;AAUA,OAAO,MAAMC,YAAY,gBAAGN,UAAU,CACpC,SAASM,YAAT,OASEC,GATF,EAUE;AAAA,MATA;AACE;AACA;AACAC,IAAAA,gBAAgB,GAAG,KAHrB;AAIEC,IAAAA,EAAE,EAAEC,IAAI,GAAG,IAJb;AAKEC,IAAAA;AALF,GASA;AAAA,MAHKC,KAGL;;AACA,QAAM;AAAEC,IAAAA,mBAAF;AAAuBC,IAAAA,UAAvB;AAAmCC,IAAAA;AAAnC,MAAiDZ,kBAAkB,EAAzE;AAEA,QAAMa,OAAO,GAAGf,MAAM,EAAtB;AACAC,EAAAA,SAAS,CAAC,MAAM;AACda,IAAAA,SAAS,CAACE,OAAV,GAAoBb,QAAQ,CAACY,OAAD,CAA5B;AACD,GAFQ,EAEN,CAACD,SAAD,CAFM,CAAT;AAIAF,EAAAA,mBAAmB,CAACI,OAApB,GAA8BT,gBAA9B;AAEA,sBACE,KAAC,IAAD,eACMI,KADN;AAEE,IAAA,EAAE,EAAED,OAFN;AAGE,IAAA,GAAG,EAAEN,kBAAkB,CAACE,GAAD,EAAMS,OAAN,CAHzB;AAIE,gCAAyB,EAJ3B;AAKE,IAAA,IAAI,EAAC,SALP;AAME,uBAAiBF,UAAU,CAACG;AAN9B,KADF;AAUD,CA/BmC,CAA/B","sourcesContent":["import { forwardRef, useRef, useEffect } from 'react';\nimport type * as React from 'react';\nimport { useComboBoxContext } from './context';\nimport { getScope } from '../hooks';\nimport { assignMultipleRefs } from '../utils';\n\nexport interface ComboboxListProps\n  extends React.HTMLAttributes<HTMLUListElement> {\n  as?: React.ElementType<any>;\n  innerAs?: React.ElementType<any>;\n  persistSelection?: boolean;\n  children?: React.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"],"file":"ComboboxList.js"}
+{"version":3,"sources":["../../../src/ComboBox/ComboboxList.tsx"],"names":["forwardRef","useRef","useEffect","useComboBoxContext","getScope","assignMultipleRefs","ComboboxList","ref","persistSelection","as","Comp","innerAs","props","persistSelectionRef","labelIdRef","listScope","listRef","current"],"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;AAAA,mCANEC,gBAMF;AAAA,MANEA,gBAMF,sCANqB,KAMrB;AAAA,qBALEC,EAKF;AAAA,MALMC,IAKN,wBALa,IAKb;AAAA,MAJEC,OAIF,QAJEA,OAIF;AAAA,MAHKC,KAGL;;AAAA,4BACuDT,kBAAkB,EADzE;AAAA,MACQU,mBADR,uBACQA,mBADR;AAAA,MAC6BC,UAD7B,uBAC6BA,UAD7B;AAAA,MACyCC,SADzC,uBACyCA,SADzC;;AAGA,MAAMC,OAAO,GAAGf,MAAM,EAAtB;AACAC,EAAAA,SAAS,CAAC,YAAM;AACda,IAAAA,SAAS,CAACE,OAAV,GAAoBb,QAAQ,CAACY,OAAD,CAA5B;AACD,GAFQ,EAEN,CAACD,SAAD,CAFM,CAAT;AAIAF,EAAAA,mBAAmB,CAACI,OAApB,GAA8BT,gBAA9B;AAEA,sBACE,KAAC,IAAD,eACMI,KADN;AAEE,IAAA,EAAE,EAAED,OAFN;AAGE,IAAA,GAAG,EAAEN,kBAAkB,CAACE,GAAD,EAAMS,OAAN,CAHzB;AAIE,gCAAyB,EAJ3B;AAKE,IAAA,IAAI,EAAC,SALP;AAME,uBAAiBF,UAAU,CAACG;AAN9B,KADF;AAUD,CA/BmC,CAA/B","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"],"file":"ComboboxList.js"}

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

@@ -1,11 +1,11 @@
-import type * as React from 'react';
-export interface ComboboxOptionProps extends React.LiHTMLAttributes<HTMLLIElement> {
-    as?: React.ElementType<any>;
-    innerAs?: React.ElementType<any>;
+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?: React.MouseEventHandler<HTMLLIElement>;
-    children?: React.ReactNode;
+    onClick?: MouseEventHandler<HTMLLIElement>;
+    children?: ReactNode;
 }
-export declare const ComboboxOption: React.ForwardRefExoticComponent<ComboboxOptionProps & React.RefAttributes<HTMLLIElement>>;
+export declare const ComboboxOption: import("react").ForwardRefExoticComponent<ComboboxOptionProps & import("react").RefAttributes<HTMLLIElement>>;

package/build/esm/ComboBox/ComboboxOption.js

@@ -1,5 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 
 /* eslint-disable @typescript-eslint/no-use-before-define */
 import { forwardRef, useEffect, useRef } from 'react';
@@ -8,30 +8,27 @@ import { wrapEvent } from '../utils/wrapEvent';
 import { useComboBoxContext } from './context';
 import { makeHash } from './makeHash';
 import { jsx as _jsx } from "react/jsx-runtime";
-export const ComboboxOption = /*#__PURE__*/forwardRef(function ComboboxOption(_ref, ref) {
-  let {
-    children,
-    id: idProp,
-    value: valueProp,
-    text: textProp,
-    onClick,
-    as: Comp = 'li',
-    innerAs
-  } = _ref,
-      props = _objectWithoutPropertiesLoose(_ref, ["children", "id", "value", "text", "onClick", "as", "innerAs"]);
+export var ComboboxOption = /*#__PURE__*/forwardRef(function ComboboxOption(_ref, ref) {
+  var children = _ref.children,
+      idProp = _ref.id,
+      valueProp = _ref.value,
+      textProp = _ref.text,
+      onClick = _ref.onClick,
+      _ref$as = _ref.as,
+      Comp = _ref$as === void 0 ? 'li' : _ref$as,
+      innerAs = _ref.innerAs,
+      props = _objectWithoutProperties(_ref, ["children", "id", "value", "text", "onClick", "as", "innerAs"]);
 
-  const {
-    onSelect,
-    data: {
-      navigationItem
-    },
-    transition,
-    optionsRef
-  } = useComboBoxContext();
-  const transitionCleanupRef = useRef(transition);
-  const isActiveRef = useRef(false);
-  const value = valueProp;
-  let text = textProp ? textProp : '';
+  var _useComboBoxContext = useComboBoxContext(),
+      onSelect = _useComboBoxContext.onSelect,
+      navigationItem = _useComboBoxContext.data.navigationItem,
+      transition = _useComboBoxContext.transition,
+      optionsRef = _useComboBoxContext.optionsRef;
+
+  var transitionCleanupRef = useRef(transition);
+  var isActiveRef = useRef(false);
+  var value = valueProp;
+  var text = textProp ? textProp : '';
 
   if (text.length === 0) {
     if (typeof valueProp === 'string' && valueProp.length > 0) {
@@ -41,14 +38,14 @@ export const ComboboxOption = /*#__PURE__*/forwardRef(function ComboboxOption(_r
     }
   }
 
-  const id = String(makeHash(idProp));
-  useEffect(() => {
-    const opts = optionsRef.current;
+  var id = String(makeHash(idProp));
+  useEffect(function () {
+    var opts = optionsRef.current;
     opts[id] = {
-      value,
-      text
+      value: value,
+      text: text
     };
-    return () => {
+    return function () {
       delete opts[id];
     };
   }, [optionsRef, id, text, value]); // Keep updating this ref with the current
@@ -57,8 +54,8 @@ export const ComboboxOption = /*#__PURE__*/forwardRef(function ComboboxOption(_r
 
   transitionCleanupRef.current = transition;
   isActiveRef.current = navigationItem === id;
-  useEffect(() => {
-    return () => {
+  useEffect(function () {
+    return function () {
       if (isActiveRef.current === true) {
         // clean up selections if this option is getting
         // unmounted and it was the currently selected item
@@ -67,10 +64,10 @@ export const ComboboxOption = /*#__PURE__*/forwardRef(function ComboboxOption(_r
     };
   }, []);
 
-  const handleClick = () => {
+  var handleClick = function handleClick() {
     onSelect && onSelect(text, id, value);
     transition(SELECT_WITH_CLICK, {
-      text,
+      text: text,
       item: id
     });
   };

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/ComboBox/ComboboxOption.tsx"],"names":["forwardRef","useEffect","useRef","SELECT_WITH_CLICK","CLEAR_SELECTION","wrapEvent","useComboBoxContext","makeHash","ComboboxOption","ref","children","id","idProp","value","valueProp","text","textProp","onClick","as","Comp","innerAs","props","onSelect","data","navigationItem","transition","optionsRef","transitionCleanupRef","isActiveRef","length","Error","String","opts","current","handleClick","item","undefined"],"mappings":"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","sourcesContent":["/* eslint-disable @typescript-eslint/no-use-before-define */\nimport { forwardRef, useEffect, useRef } from 'react';\n\nimport type * as React from 'react';\nimport { SELECT_WITH_CLICK, CLEAR_SELECTION } from './hooks';\nimport { wrapEvent } from '../utils/wrapEvent';\nimport { useComboBoxContext } from './context';\nimport { makeHash } from './makeHash';\n\nexport interface ComboboxOptionProps\n  extends React.LiHTMLAttributes<HTMLLIElement> {\n  as?: React.ElementType<any>;\n  innerAs?: React.ElementType<any>;\n  id: string;\n  value: any;\n  text?: string;\n  onClick?: React.MouseEventHandler<HTMLLIElement>;\n  children?: React.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"],"file":"ComboboxOption.js"}
+{"version":3,"sources":["../../../src/ComboBox/ComboboxOption.tsx"],"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"],"mappings":"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","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/wrapEvent';\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"],"file":"ComboboxOption.js"}

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

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

package/build/esm/ComboBox/ComboboxPopover.js

@@ -1,27 +1,25 @@
 import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import { forwardRef } from 'react';
 import { useKeyDown, useBlur } from './hooks';
 import { wrapEvent } from '../utils/wrapEvent';
 import { assignMultipleRefs } from '../utils/assignRef';
 import { useComboBoxContext } from './context';
 import { jsx as _jsx } from "react/jsx-runtime";
-export const ComboboxPopover = /*#__PURE__*/forwardRef(function ComboboxPopover(_ref, forwardedRef) {
-  let {
-    // wrapped events
-    onKeyDown,
-    onBlur,
-    as: Comp = 'div',
-    innerAs
-  } = _ref,
-      props = _objectWithoutPropertiesLoose(_ref, ["onKeyDown", "onBlur", "as", "innerAs"]);
+export var ComboboxPopover = /*#__PURE__*/forwardRef(function ComboboxPopover(_ref, forwardedRef) {
+  var onKeyDown = _ref.onKeyDown,
+      onBlur = _ref.onBlur,
+      _ref$as = _ref.as,
+      Comp = _ref$as === void 0 ? 'div' : _ref$as,
+      innerAs = _ref.innerAs,
+      props = _objectWithoutProperties(_ref, ["onKeyDown", "onBlur", "as", "innerAs"]);
 
-  const {
-    popoverRef,
-    isVisible
-  } = useComboBoxContext();
-  const handleKeyDown = useKeyDown();
-  const handleBlur = useBlur(); // Instead of conditionally rendering the popover we use the `hidden` prop
+  var _useComboBoxContext = useComboBoxContext(),
+      popoverRef = _useComboBoxContext.popoverRef,
+      isVisible = _useComboBoxContext.isVisible;
+
+  var handleKeyDown = useKeyDown();
+  var handleBlur = useBlur(); // Instead of conditionally rendering the popover we use the `hidden` prop
   // because we don't want to unmount on close (from escape or onSelect).  If
   // we unmounted, then we'd lose the optionsRef and the user wouldn't be able
   // to use the arrow keys to pop the list back open. However, the developer
@@ -29,7 +27,7 @@ export const ComboboxPopover = /*#__PURE__*/forwardRef(function ComboboxPopover(
   // mount/unmount based on the app's own data (like results.length or
   // whatever).
 
-  const hidden = !isVisible;
+  var hidden = !isVisible;
   return /*#__PURE__*/_jsx(Comp, _extends({}, props, {
     as: innerAs,
     "data-reach-combobox-popover": "",

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/ComboBox/ComboboxPopover.tsx"],"names":["forwardRef","useKeyDown","useBlur","wrapEvent","assignMultipleRefs","useComboBoxContext","ComboboxPopover","forwardedRef","onKeyDown","onBlur","as","Comp","innerAs","props","popoverRef","isVisible","handleKeyDown","handleBlur","hidden"],"mappings":";;AAAA,SAASA,UAAT,QAA2B,OAA3B;AAEA,SAASC,UAAT,EAAqBC,OAArB,QAAoC,SAApC;AACA,SAASC,SAAT,QAA0B,oBAA1B;AACA,SAASC,kBAAT,QAAmC,oBAAnC;AACA,SAASC,kBAAT,QAAmC,WAAnC;;AAWA,OAAO,MAAMC,eAAe,gBAAGN,UAAU,CACvC,SAASM,eAAT,OAUEC,YAVF,EAWE;AAAA,MAVA;AACE;AACAC,IAAAA,SAFF;AAGEC,IAAAA,MAHF;AAKEC,IAAAA,EAAE,EAAEC,IAAI,GAAG,KALb;AAMEC,IAAAA;AANF,GAUA;AAAA,MAHKC,KAGL;;AACA,QAAM;AAAEC,IAAAA,UAAF;AAAcC,IAAAA;AAAd,MAA4BV,kBAAkB,EAApD;AACA,QAAMW,aAAa,GAAGf,UAAU,EAAhC;AACA,QAAMgB,UAAU,GAAGf,OAAO,EAA1B,CAHA,CAKA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,QAAMgB,MAAM,GAAG,CAACH,SAAhB;AAEA,sBACE,KAAC,IAAD,eACMF,KADN;AAEE,IAAA,EAAE,EAAED,OAFN;AAGE,mCAA4B,EAH9B;AAIE,IAAA,GAAG,EAAER,kBAAkB,CAACU,UAAD,EAAaP,YAAb,CAJzB;AAKE,IAAA,SAAS,EAAEJ,SAAS,CAACK,SAAD,EAAYQ,aAAZ,CALtB;AAME,IAAA,MAAM,EAAEb,SAAS,CAACM,MAAD,EAASQ,UAAT,CANnB;AAOE,IAAA,MAAM,EAAEC,MAPV,CAQE;AACA;AATF;AAUE,IAAA,QAAQ,EAAC;AAVX,KADF;AAcD,CAxCsC,CAAlC","sourcesContent":["import { forwardRef } from 'react';\nimport type * as React from 'react';\nimport { useKeyDown, useBlur } from './hooks';\nimport { wrapEvent } from '../utils/wrapEvent';\nimport { assignMultipleRefs } from '../utils/assignRef';\nimport { useComboBoxContext } from './context';\n\nexport interface ComboboxPopoverProps\n  extends React.HTMLAttributes<HTMLDivElement> {\n  as?: React.ElementType<any>;\n  innerAs?: React.ElementType<any>;\n  onBlur?: React.FocusEventHandler<HTMLDivElement>;\n  onKeyDown?: React.KeyboardEventHandler<HTMLDivElement>;\n  children?: React.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"],"file":"ComboboxPopover.js"}
+{"version":3,"sources":["../../../src/ComboBox/ComboboxPopover.tsx"],"names":["forwardRef","useKeyDown","useBlur","wrapEvent","assignMultipleRefs","useComboBoxContext","ComboboxPopover","forwardedRef","onKeyDown","onBlur","as","Comp","innerAs","props","popoverRef","isVisible","handleKeyDown","handleBlur","hidden"],"mappings":";;AAOA,SAASA,UAAT,QAA2B,OAA3B;AAEA,SAASC,UAAT,EAAqBC,OAArB,QAAoC,SAApC;AACA,SAASC,SAAT,QAA0B,oBAA1B;AACA,SAASC,kBAAT,QAAmC,oBAAnC;AACA,SAASC,kBAAT,QAAmC,WAAnC;;AAUA,OAAO,IAAMC,eAAe,gBAAGN,UAAU,CACvC,SAASM,eAAT,OAUEC,YAVF,EAWE;AAAA,MAREC,SAQF,QAREA,SAQF;AAAA,MAPEC,MAOF,QAPEA,MAOF;AAAA,qBALEC,EAKF;AAAA,MALMC,IAKN,wBALa,KAKb;AAAA,MAJEC,OAIF,QAJEA,OAIF;AAAA,MAHKC,KAGL;;AAAA,4BACkCR,kBAAkB,EADpD;AAAA,MACQS,UADR,uBACQA,UADR;AAAA,MACoBC,SADpB,uBACoBA,SADpB;;AAEA,MAAMC,aAAa,GAAGf,UAAU,EAAhC;AACA,MAAMgB,UAAU,GAAGf,OAAO,EAA1B,CAHA,CAKA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,MAAMgB,MAAM,GAAG,CAACH,SAAhB;AAEA,sBACE,KAAC,IAAD,eACMF,KADN;AAEE,IAAA,EAAE,EAAED,OAFN;AAGE,mCAA4B,EAH9B;AAIE,IAAA,GAAG,EAAER,kBAAkB,CAACU,UAAD,EAAaP,YAAb,CAJzB;AAKE,IAAA,SAAS,EAAEJ,SAAS,CAACK,SAAD,EAAYQ,aAAZ,CALtB;AAME,IAAA,MAAM,EAAEb,SAAS,CAACM,MAAD,EAASQ,UAAT,CANnB;AAOE,IAAA,MAAM,EAAEC,MAPV,CAQE;AACA;AATF;AAUE,IAAA,QAAQ,EAAC;AAVX,KADF;AAcD,CAxCsC,CAAlC","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/wrapEvent';\nimport { assignMultipleRefs } from '../utils/assignRef';\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"],"file":"ComboboxPopover.js"}

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

@@ -1,14 +1,14 @@
-/// <reference types="react" />
-import { ActionTypes, StateTypes, ReducerState } from './hooks';
-import { SelectEventHandler } from './Combobox';
-import { Scope } from '../hooks';
+import type { MutableRefObject } from 'react';
+import type { ActionTypes, StateTypes, ReducerState } from './hooks';
+import type { SelectEventHandler } from './Combobox';
+import type { Scope } from '../hooks';
 export interface ComboBoxContextProps {
     data: Omit<ReducerState, 'state'>;
-    inputRef: React.MutableRefObject<HTMLInputElement | null>;
-    popoverRef: React.MutableRefObject<HTMLDivElement | null>;
-    buttonRef: React.MutableRefObject<HTMLButtonElement | null>;
+    inputRef: MutableRefObject<HTMLInputElement | null>;
+    popoverRef: MutableRefObject<HTMLDivElement | null>;
+    buttonRef: MutableRefObject<HTMLButtonElement | null>;
     onSelect?: SelectEventHandler;
-    optionsRef: React.MutableRefObject<{
+    optionsRef: MutableRefObject<{
         [itemId: string]: {
             value: string | unknown;
             text: string;
@@ -17,11 +17,11 @@ export interface ComboBoxContextProps {
     listScope: Scope<HTMLElement>;
     state: StateTypes;
     transition: (action: ActionTypes, payload?: any) => void;
-    listboxIdRef: React.MutableRefObject<string | undefined>;
-    labelIdRef: React.MutableRefObject<string | undefined>;
-    autocompletePropRef: React.MutableRefObject<boolean>;
-    persistSelectionRef: React.MutableRefObject<boolean>;
-    clearOnEscapeRef: React.MutableRefObject<boolean>;
+    listboxIdRef: MutableRefObject<string | undefined>;
+    labelIdRef: MutableRefObject<string | undefined>;
+    autocompletePropRef: MutableRefObject<boolean>;
+    persistSelectionRef: MutableRefObject<boolean>;
+    clearOnEscapeRef: MutableRefObject<boolean>;
     isVisible: boolean;
     openOnFocus: boolean;
     selectOnBlur: boolean;

package/build/esm/ComboBox/context.js

@@ -1,7 +1,8 @@
 import { createContext, useContext } from 'react';
-const comboboxContext = /*#__PURE__*/createContext(null);
-export const {
-  Provider: ComboBoxProvider
-} = comboboxContext;
-export const useComboBoxContext = () => useContext(comboboxContext);
+var comboboxContext = /*#__PURE__*/createContext(null);
+var ComboBoxProvider = comboboxContext.Provider;
+export { ComboBoxProvider };
+export var useComboBoxContext = function useComboBoxContext() {
+  return useContext(comboboxContext);
+};
 //# sourceMappingURL=context.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/ComboBox/context.ts"],"names":["createContext","useContext","comboboxContext","Provider","ComboBoxProvider","useComboBoxContext"],"mappings":"AAAA,SAASA,aAAT,EAAwBC,UAAxB,QAA0C,OAA1C;AA8BA,MAAMC,eAAe,gBAAGF,aAAa,CAAuB,IAAvB,CAArC;AACA,OAAO,MAAM;AAAEG,EAAAA,QAAQ,EAAEC;AAAZ,IAAiCF,eAAvC;AACP,OAAO,MAAMG,kBAAkB,GAAG,MAAMJ,UAAU,CAACC,eAAD,CAA3C","sourcesContent":["import { createContext, useContext } from 'react';\nimport { ActionTypes, StateTypes, ReducerState } from './hooks';\nimport { SelectEventHandler } from './Combobox';\nimport { Scope } from '../hooks';\n\nexport interface ComboBoxContextProps {\n  data: Omit<ReducerState, 'state'>;\n  inputRef: React.MutableRefObject<HTMLInputElement | null>;\n  popoverRef: React.MutableRefObject<HTMLDivElement | null>;\n  buttonRef: React.MutableRefObject<HTMLButtonElement | null>;\n  onSelect?: SelectEventHandler;\n  optionsRef: React.MutableRefObject<{\n    [itemId: string]: {\n      value: string | unknown;\n      text: string;\n    };\n  }>;\n  listScope: Scope<HTMLElement>;\n  state: StateTypes;\n  transition: (action: ActionTypes, payload?: any) => void;\n  listboxIdRef: React.MutableRefObject<string | undefined>;\n  labelIdRef: React.MutableRefObject<string | undefined>;\n  autocompletePropRef: React.MutableRefObject<boolean>;\n  persistSelectionRef: React.MutableRefObject<boolean>;\n  clearOnEscapeRef: React.MutableRefObject<boolean>;\n  isVisible: boolean;\n  openOnFocus: boolean;\n  selectOnBlur: boolean;\n}\n\nconst comboboxContext = createContext<ComboBoxContextProps>(null as any);\nexport const { Provider: ComboBoxProvider } = comboboxContext;\nexport const useComboBoxContext = () => useContext(comboboxContext);\n"],"file":"context.js"}
+{"version":3,"sources":["../../../src/ComboBox/context.ts"],"names":["createContext","useContext","comboboxContext","ComboBoxProvider","Provider","useComboBoxContext"],"mappings":"AACA,SAASA,aAAT,EAAwBC,UAAxB,QAA0C,OAA1C;AA+BA,IAAMC,eAAe,gBAAGF,aAAa,CAAuB,IAAvB,CAArC;IACyBG,gB,GAAqBD,e,CAA/BE,Q;;AACf,OAAO,IAAMC,kBAAkB,GAAG,SAArBA,kBAAqB;AAAA,SAAMJ,UAAU,CAACC,eAAD,CAAhB;AAAA,CAA3B","sourcesContent":["import type { MutableRefObject } from 'react';\nimport { createContext, useContext } from 'react';\n\nimport type { ActionTypes, StateTypes, ReducerState } from './hooks';\nimport type { SelectEventHandler } from './Combobox';\nimport type { Scope } from '../hooks';\n\nexport interface ComboBoxContextProps {\n  data: Omit<ReducerState, 'state'>;\n  inputRef: MutableRefObject<HTMLInputElement | null>;\n  popoverRef: MutableRefObject<HTMLDivElement | null>;\n  buttonRef: MutableRefObject<HTMLButtonElement | null>;\n  onSelect?: SelectEventHandler;\n  optionsRef: MutableRefObject<{\n    [itemId: string]: {\n      value: string | unknown;\n      text: string;\n    };\n  }>;\n  listScope: Scope<HTMLElement>;\n  state: StateTypes;\n  transition: (action: ActionTypes, payload?: any) => void;\n  listboxIdRef: MutableRefObject<string | undefined>;\n  labelIdRef: MutableRefObject<string | undefined>;\n  autocompletePropRef: MutableRefObject<boolean>;\n  persistSelectionRef: MutableRefObject<boolean>;\n  clearOnEscapeRef: MutableRefObject<boolean>;\n  isVisible: boolean;\n  openOnFocus: boolean;\n  selectOnBlur: boolean;\n}\n\nconst comboboxContext = createContext<ComboBoxContextProps>(null as any);\nexport const { Provider: ComboBoxProvider } = comboboxContext;\nexport const useComboBoxContext = () => useContext(comboboxContext);\n"],"file":"context.js"}

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

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-import { StateChart as GenericStateChart, StateMachineState } from '../hooks/useReducerMachine';
+import type { KeyboardEvent, MutableRefObject } from 'react';
+import type { StateChart as GenericStateChart, StateMachineState } from '../hooks/useReducerMachine';
 export declare const IDLE = "IDLE";
 declare const SUGGESTING = "SUGGESTING";
 export declare const NAVIGATING = "NAVIGATING";
@@ -31,7 +31,7 @@ interface ActionObject {
 }
 export declare function comboboxReducer(data: Readonly<ReducerState>, action: ActionObject): ReducerState;
 export declare const isVisible: (state: any) => boolean;
-export declare function useFocusManagement(lastActionType: ActionTypes, inputRef: React.MutableRefObject<HTMLInputElement | null>): void;
-export declare function useKeyDown(): (event: React.KeyboardEvent<any>) => void;
+export declare function useFocusManagement(lastActionType: ActionTypes, inputRef: MutableRefObject<HTMLInputElement | null>): void;
+export declare function useKeyDown(): (event: KeyboardEvent<any>) => void;
 export declare function useBlur(): () => void;
 export {};