@basic-ui/core 0.0.41 → 0.0.42

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","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"}
+{"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":"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"}

package/build/esm/ComboBox/ComboboxPopover.js

@@ -1,9 +1,10 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["onKeyDown", "onBlur", "as", "innerAs"];
 import { forwardRef } from 'react';
 import { useKeyDown, useBlur } from './hooks';
-import { wrapEvent } from '../utils/wrapEvent';
-import { assignMultipleRefs } from '../utils/assignRef';
+import { wrapEvent } from '../utils/wrap-event';
+import { assignMultipleRefs } from '../utils/assign-ref';
 import { useComboBoxContext } from './context';
 import { jsx as _jsx } from "react/jsx-runtime";
 export var ComboboxPopover = /*#__PURE__*/forwardRef(function ComboboxPopover(_ref, forwardedRef) {
@@ -12,7 +13,7 @@ export var ComboboxPopover = /*#__PURE__*/forwardRef(function ComboboxPopover(_r
       _ref$as = _ref.as,
       Comp = _ref$as === void 0 ? 'div' : _ref$as,
       innerAs = _ref.innerAs,
-      props = _objectWithoutProperties(_ref, ["onKeyDown", "onBlur", "as", "innerAs"]);
+      props = _objectWithoutProperties(_ref, _excluded);
 
   var _useComboBoxContext = useComboBoxContext(),
       popoverRef = _useComboBoxContext.popoverRef,
@@ -28,7 +29,7 @@ export var ComboboxPopover = /*#__PURE__*/forwardRef(function ComboboxPopover(_r
   // whatever).
 
   var hidden = !isVisible;
-  return /*#__PURE__*/_jsx(Comp, _extends({}, props, {
+  return /*#__PURE__*/_jsx(Comp, _extends(_extends({}, props), {}, {
     as: innerAs,
     "data-reach-combobox-popover": "",
     ref: assignMultipleRefs(popoverRef, forwardedRef),

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":";;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"}
+{"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"}