@basic-ui/core 0.0.38 → 0.0.41

package/build/esm/Tooltip/useTooltip.js

@@ -1,37 +1,41 @@
 import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import { useRef, useEffect, useState, useId } from 'react';
 import { assignMultipleRefs } from '../utils/assignRef';
 import { wrapEvent } from '../utils/wrapEvent';
 import { send, state, subscription, Blur, Focus, LeavingVisible, MouseDown, MouseEnter, MouseLeave, MouseMove, SelectWithKeyboard, Visible } from './stateMachine';
 export function useTooltip(childProps, childRef, tooltipProps) {
-  const {
-    onMouseEnter,
-    onMouseLeave,
-    onMouseMove,
-    onMouseDown,
-    onKeyDown,
-    onFocus,
-    onBlur
-  } = childProps;
-  const anchorEl = useRef(null);
-  const [visible, setVisible] = useState(false);
-  const id = useId();
-  useEffect(() => {
-    subscription.subscribe(() => {
+  var onMouseEnter = childProps.onMouseEnter,
+      onMouseLeave = childProps.onMouseLeave,
+      onMouseMove = childProps.onMouseMove,
+      onMouseDown = childProps.onMouseDown,
+      onKeyDown = childProps.onKeyDown,
+      onFocus = childProps.onFocus,
+      onBlur = childProps.onBlur;
+  var anchorEl = useRef(null);
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      visible = _useState2[0],
+      setVisible = _useState2[1];
+
+  var id = useId();
+  useEffect(function () {
+    subscription.subscribe(function () {
       setVisible((state.current.state === Visible || state.current.state === LeavingVisible) && state.current.id === id);
     });
   }, [id]);
 
   function handleMouseEnter() {
     send(MouseEnter, {
-      id
+      id: id
     });
   }
 
   function handleMouseMove() {
     send(MouseMove, {
-      id
+      id: id
     });
   }
 
@@ -48,7 +52,7 @@ export function useTooltip(childProps, childRef, tooltipProps) {
 
   function handleFocus() {
     send(Focus, {
-      id
+      id: id
     });
   }
 
@@ -65,18 +69,16 @@ export function useTooltip(childProps, childRef, tooltipProps) {
     }
   }
 
-  const {
-    label: children,
-    onMouseEnter: tooltipOnMouseEnter,
-    onMouseLeave: tooltipOnMouseLeave,
-    onMouseMove: tooltipOnMouseMove
-  } = tooltipProps,
-        otherTooltipProps = _objectWithoutPropertiesLoose(tooltipProps, ["label", "onMouseEnter", "onMouseLeave", "onMouseMove"]);
+  var children = tooltipProps.label,
+      tooltipOnMouseEnter = tooltipProps.onMouseEnter,
+      tooltipOnMouseLeave = tooltipProps.onMouseLeave,
+      tooltipOnMouseMove = tooltipProps.onMouseMove,
+      otherTooltipProps = _objectWithoutProperties(tooltipProps, ["label", "onMouseEnter", "onMouseLeave", "onMouseMove"]);
 
-  const tooltipId = "tooltip-".concat(id);
+  var tooltipId = "tooltip-".concat(id);
   return [_extends({}, childProps, {
     ref: assignMultipleRefs(childRef, anchorEl)
-  }, visible && {
+  }, visible && !childProps['aria-label'] && {
     'aria-describedby': tooltipId
   }, {
     onMouseEnter: wrapEvent(onMouseEnter, handleMouseEnter),
@@ -88,9 +90,9 @@ export function useTooltip(childProps, childRef, tooltipProps) {
     onKeyDown: wrapEvent(onKeyDown, handleKeyDown)
   }), _extends({
     id: tooltipId,
-    anchorEl,
-    visible,
-    children,
+    anchorEl: anchorEl,
+    visible: visible,
+    children: children,
     onMouseEnter: wrapEvent(tooltipOnMouseEnter, handleMouseEnter),
     onMouseLeave: wrapEvent(tooltipOnMouseLeave, handleMouseLeave),
     onMouseMove: wrapEvent(tooltipOnMouseMove, handleMouseMove),

package/build/esm/Tooltip/useTooltip.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Tooltip/useTooltip.ts"],"names":["useRef","useEffect","useState","useId","assignMultipleRefs","wrapEvent","send","state","subscription","Blur","Focus","LeavingVisible","MouseDown","MouseEnter","MouseLeave","MouseMove","SelectWithKeyboard","Visible","useTooltip","childProps","childRef","tooltipProps","onMouseEnter","onMouseLeave","onMouseMove","onMouseDown","onKeyDown","onFocus","onBlur","anchorEl","visible","setVisible","id","subscribe","current","handleMouseEnter","handleMouseMove","handleMouseLeave","handleMouseDown","handleFocus","handleBlur","undefined","handleKeyDown","event","key","label","children","tooltipOnMouseEnter","tooltipOnMouseLeave","tooltipOnMouseMove","otherTooltipProps","tooltipId","ref","role"],"mappings":"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","sourcesContent":["import { useRef, RefAttributes, useEffect, useState, useId } from 'react';\nimport { assignMultipleRefs } from '../utils/assignRef';\nimport { wrapEvent } from '../utils/wrapEvent';\nimport {\n  send,\n  state,\n  subscription,\n  Blur,\n  Focus,\n  LeavingVisible,\n  MouseDown,\n  MouseEnter,\n  MouseLeave,\n  MouseMove,\n  SelectWithKeyboard,\n  Visible,\n} from './stateMachine';\n\nexport type ChildProps = React.HTMLAttributes<HTMLElement> &\n  RefAttributes<HTMLElement>;\n\nexport interface InjectedTooltipProps\n  extends React.HTMLAttributes<HTMLElement> {\n  anchorEl: React.RefObject<HTMLElement>;\n  visible: boolean;\n  children?: React.ReactNode;\n}\n\nexport function useTooltip(\n  childProps: ChildProps,\n  childRef: React.Ref<HTMLElement> | undefined,\n  tooltipProps: React.HTMLAttributes<HTMLElement> & { label?: React.ReactNode }\n): [ChildProps, InjectedTooltipProps] {\n  const {\n    onMouseEnter,\n    onMouseLeave,\n    onMouseMove,\n    onMouseDown,\n    onKeyDown,\n    onFocus,\n    onBlur,\n  } = childProps;\n  const anchorEl = useRef<HTMLElement>(null);\n  const [visible, setVisible] = useState(false);\n  const id = useId();\n\n  useEffect(() => {\n    subscription.subscribe(() => {\n      setVisible(\n        (state.current.state === Visible ||\n          state.current.state === LeavingVisible) &&\n          state.current.id === id\n      );\n    });\n  }, [id]);\n\n  function handleMouseEnter() {\n    send(MouseEnter, { id });\n  }\n\n  function handleMouseMove() {\n    send(MouseMove, { id });\n  }\n\n  function handleMouseLeave() {\n    send(MouseLeave);\n  }\n\n  function handleMouseDown() {\n    // Allow quick click from one tool to another\n    if (state.current.id === id) {\n      send(MouseDown);\n    }\n  }\n\n  function handleFocus() {\n    send(Focus, { id });\n  }\n\n  function handleBlur() {\n    // Allow quick click from one tool to another\n    if (state.current.id === id) {\n      send(Blur, undefined);\n    }\n  }\n\n  function handleKeyDown(event: React.KeyboardEvent<HTMLElement>) {\n    if (event.key === 'Enter' || event.key === ' ') {\n      send(SelectWithKeyboard);\n    }\n  }\n\n  const {\n    label: children,\n    onMouseEnter: tooltipOnMouseEnter,\n    onMouseLeave: tooltipOnMouseLeave,\n    onMouseMove: tooltipOnMouseMove,\n    ...otherTooltipProps\n  } = tooltipProps;\n\n  const tooltipId = `tooltip-${id}`;\n  return [\n    {\n      ...childProps,\n      ref: assignMultipleRefs(childRef, anchorEl),\n      ...(visible && { 'aria-describedby': tooltipId }),\n      onMouseEnter: wrapEvent(onMouseEnter, handleMouseEnter),\n      onMouseLeave: wrapEvent(onMouseLeave, handleMouseLeave),\n      onMouseMove: wrapEvent(onMouseMove, handleMouseMove),\n      onMouseDown: wrapEvent(onMouseDown, handleMouseDown),\n      onFocus: wrapEvent(onFocus, handleFocus),\n      onBlur: wrapEvent(onBlur, handleBlur),\n      onKeyDown: wrapEvent(onKeyDown, handleKeyDown),\n    },\n    {\n      id: tooltipId,\n      anchorEl,\n      visible,\n      children,\n      onMouseEnter: wrapEvent(tooltipOnMouseEnter, handleMouseEnter),\n      onMouseLeave: wrapEvent(tooltipOnMouseLeave, handleMouseLeave),\n      onMouseMove: wrapEvent(tooltipOnMouseMove, handleMouseMove),\n      role: 'tooltip',\n      ...otherTooltipProps,\n    },\n  ];\n}\n"],"file":"useTooltip.js"}
+{"version":3,"sources":["../../../src/Tooltip/useTooltip.ts"],"names":["useRef","useEffect","useState","useId","assignMultipleRefs","wrapEvent","send","state","subscription","Blur","Focus","LeavingVisible","MouseDown","MouseEnter","MouseLeave","MouseMove","SelectWithKeyboard","Visible","useTooltip","childProps","childRef","tooltipProps","onMouseEnter","onMouseLeave","onMouseMove","onMouseDown","onKeyDown","onFocus","onBlur","anchorEl","visible","setVisible","id","subscribe","current","handleMouseEnter","handleMouseMove","handleMouseLeave","handleMouseDown","handleFocus","handleBlur","undefined","handleKeyDown","event","key","children","label","tooltipOnMouseEnter","tooltipOnMouseLeave","tooltipOnMouseMove","otherTooltipProps","tooltipId","ref","role"],"mappings":"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","sourcesContent":["import type {\n  HTMLAttributes,\n  KeyboardEvent,\n  ReactNode,\n  Ref,\n  RefAttributes,\n  RefObject,\n} from 'react';\nimport { useRef, useEffect, useState, useId } from 'react';\n\nimport { assignMultipleRefs } from '../utils/assignRef';\nimport { wrapEvent } from '../utils/wrapEvent';\nimport {\n  send,\n  state,\n  subscription,\n  Blur,\n  Focus,\n  LeavingVisible,\n  MouseDown,\n  MouseEnter,\n  MouseLeave,\n  MouseMove,\n  SelectWithKeyboard,\n  Visible,\n} from './stateMachine';\n\nexport type ChildProps = HTMLAttributes<HTMLElement> &\n  RefAttributes<HTMLElement>;\n\nexport interface InjectedTooltipProps extends HTMLAttributes<HTMLElement> {\n  anchorEl: RefObject<HTMLElement>;\n  visible: boolean;\n  children?: ReactNode;\n}\n\nexport function useTooltip(\n  childProps: ChildProps,\n  childRef: Ref<HTMLElement> | undefined,\n  tooltipProps: HTMLAttributes<HTMLElement> & { label?: ReactNode }\n): [ChildProps, InjectedTooltipProps] {\n  const {\n    onMouseEnter,\n    onMouseLeave,\n    onMouseMove,\n    onMouseDown,\n    onKeyDown,\n    onFocus,\n    onBlur,\n  } = childProps;\n  const anchorEl = useRef<HTMLElement>(null);\n  const [visible, setVisible] = useState(false);\n  const id = useId();\n\n  useEffect(() => {\n    subscription.subscribe(() => {\n      setVisible(\n        (state.current.state === Visible ||\n          state.current.state === LeavingVisible) &&\n          state.current.id === id\n      );\n    });\n  }, [id]);\n\n  function handleMouseEnter() {\n    send(MouseEnter, { id });\n  }\n\n  function handleMouseMove() {\n    send(MouseMove, { id });\n  }\n\n  function handleMouseLeave() {\n    send(MouseLeave);\n  }\n\n  function handleMouseDown() {\n    // Allow quick click from one tool to another\n    if (state.current.id === id) {\n      send(MouseDown);\n    }\n  }\n\n  function handleFocus() {\n    send(Focus, { id });\n  }\n\n  function handleBlur() {\n    // Allow quick click from one tool to another\n    if (state.current.id === id) {\n      send(Blur, undefined);\n    }\n  }\n\n  function handleKeyDown(event: KeyboardEvent<HTMLElement>) {\n    if (event.key === 'Enter' || event.key === ' ') {\n      send(SelectWithKeyboard);\n    }\n  }\n\n  const {\n    label: children,\n    onMouseEnter: tooltipOnMouseEnter,\n    onMouseLeave: tooltipOnMouseLeave,\n    onMouseMove: tooltipOnMouseMove,\n    ...otherTooltipProps\n  } = tooltipProps;\n\n  const tooltipId = `tooltip-${id}`;\n  return [\n    {\n      ...childProps,\n      ref: assignMultipleRefs(childRef, anchorEl),\n      ...(visible &&\n        !childProps['aria-label'] && { 'aria-describedby': tooltipId }),\n      onMouseEnter: wrapEvent(onMouseEnter, handleMouseEnter),\n      onMouseLeave: wrapEvent(onMouseLeave, handleMouseLeave),\n      onMouseMove: wrapEvent(onMouseMove, handleMouseMove),\n      onMouseDown: wrapEvent(onMouseDown, handleMouseDown),\n      onFocus: wrapEvent(onFocus, handleFocus),\n      onBlur: wrapEvent(onBlur, handleBlur),\n      onKeyDown: wrapEvent(onKeyDown, handleKeyDown),\n    },\n    {\n      id: tooltipId,\n      anchorEl,\n      visible,\n      children,\n      onMouseEnter: wrapEvent(tooltipOnMouseEnter, handleMouseEnter),\n      onMouseLeave: wrapEvent(tooltipOnMouseLeave, handleMouseLeave),\n      onMouseMove: wrapEvent(tooltipOnMouseMove, handleMouseMove),\n      role: 'tooltip',\n      ...otherTooltipProps,\n    },\n  ];\n}\n"],"file":"useTooltip.js"}

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

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare function useAutoFocus(open: boolean, elementRef: React.MutableRefObject<HTMLElement | null>): void;
+import type { MutableRefObject } from 'react';
+export declare function useAutoFocus(open: boolean, elementRef: MutableRefObject<HTMLElement | null>): void;

package/build/esm/hooks/useAutoFocus.js

@@ -1,7 +1,7 @@
 import { useEffect } from 'react';
 import { focusOnChildNode } from '../FocusLock/tabUtils';
 export function useAutoFocus(open, elementRef) {
-  useEffect(() => {
+  useEffect(function () {
     if (open) {
       // We will only autoFocus on the first child if the currently active element isn't already trapped inside the modal
       if (elementRef.current && !elementRef.current.contains(document.activeElement)) {

package/build/esm/hooks/useAutoFocus.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useAutoFocus.ts"],"names":["useEffect","focusOnChildNode","useAutoFocus","open","elementRef","current","contains","document","activeElement"],"mappings":"AAAA,SAASA,SAAT,QAA0B,OAA1B;AACA,SAASC,gBAAT,QAAiC,uBAAjC;AAEA,OAAO,SAASC,YAAT,CACLC,IADK,EAELC,UAFK,EAGL;AACAJ,EAAAA,SAAS,CAAC,MAAM;AACd,QAAIG,IAAJ,EAAU;AACR;AACA,UACEC,UAAU,CAACC,OAAX,IACA,CAACD,UAAU,CAACC,OAAX,CAAmBC,QAAnB,CAA4BC,QAAQ,CAACC,aAArC,CAFH,EAGE;AACAP,QAAAA,gBAAgB,CAACG,UAAU,CAACC,OAAZ,EAAqB,CAArB,CAAhB;AACD;AACF,KATa,CAUd;;AACD,GAXQ,EAWN,CAACF,IAAD,CAXM,CAAT;AAYD","sourcesContent":["import { useEffect } from 'react';\nimport { focusOnChildNode } from '../FocusLock/tabUtils';\n\nexport function useAutoFocus(\n  open: boolean,\n  elementRef: React.MutableRefObject<HTMLElement | null>\n) {\n  useEffect(() => {\n    if (open) {\n      // We will only autoFocus on the first child if the currently active element isn't already trapped inside the modal\n      if (\n        elementRef.current &&\n        !elementRef.current.contains(document.activeElement)\n      ) {\n        focusOnChildNode(elementRef.current, 0);\n      }\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [open]);\n}\n"],"file":"useAutoFocus.js"}
+{"version":3,"sources":["../../../src/hooks/useAutoFocus.ts"],"names":["useEffect","focusOnChildNode","useAutoFocus","open","elementRef","current","contains","document","activeElement"],"mappings":"AACA,SAASA,SAAT,QAA0B,OAA1B;AAEA,SAASC,gBAAT,QAAiC,uBAAjC;AAEA,OAAO,SAASC,YAAT,CACLC,IADK,EAELC,UAFK,EAGL;AACAJ,EAAAA,SAAS,CAAC,YAAM;AACd,QAAIG,IAAJ,EAAU;AACR;AACA,UACEC,UAAU,CAACC,OAAX,IACA,CAACD,UAAU,CAACC,OAAX,CAAmBC,QAAnB,CAA4BC,QAAQ,CAACC,aAArC,CAFH,EAGE;AACAP,QAAAA,gBAAgB,CAACG,UAAU,CAACC,OAAZ,EAAqB,CAArB,CAAhB;AACD;AACF,KATa,CAUd;;AACD,GAXQ,EAWN,CAACF,IAAD,CAXM,CAAT;AAYD","sourcesContent":["import type { MutableRefObject } from 'react';\nimport { useEffect } from 'react';\n\nimport { focusOnChildNode } from '../FocusLock/tabUtils';\n\nexport function useAutoFocus(\n  open: boolean,\n  elementRef: MutableRefObject<HTMLElement | null>\n) {\n  useEffect(() => {\n    if (open) {\n      // We will only autoFocus on the first child if the currently active element isn't already trapped inside the modal\n      if (\n        elementRef.current &&\n        !elementRef.current.contains(document.activeElement)\n      ) {\n        focusOnChildNode(elementRef.current, 0);\n      }\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [open]);\n}\n"],"file":"useAutoFocus.js"}

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

@@ -1,4 +1,4 @@
-import { MutableRefObject } from 'react';
+import type { MutableRefObject } from 'react';
 export declare function useChildrenCounterParent<T>(itemsRef: MutableRefObject<T[] & {
     isNewRender?: boolean;
 }>): void;

package/build/esm/hooks/useChildrenCounter.js

@@ -6,21 +6,23 @@ export function useChildrenCounterParent(itemsRef) {
   // the array
   itemsRef.current = [];
   itemsRef.current.isNewRender = true;
-  useEffect(() => {
+  useEffect(function () {
     // Rendering is finished. Meaning any children can now rerender,
     // and they should not push any new items to our array, because
     // it is not a new render
     itemsRef.current.isNewRender = false;
   });
-  useEffect(() => {
+  useEffect(function () {
     // When we are unmounting, it means there are no children anymore.
     // Clear out our items array
-    return () => {
+    return function () {
       itemsRef.current = [];
     };
   }, [itemsRef]);
 }
-export function useChildrenCounterChild(itemsRef, itemIndexRef, obj, disabled = false) {
+export function useChildrenCounterChild(itemsRef, itemIndexRef, obj) {
+  var disabled = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+
   if (itemsRef && itemsRef.current.isNewRender) {
     if (disabled) {
       itemIndexRef.current = -1;

package/build/esm/hooks/useChildrenCounter.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useChildrenCounter.ts"],"names":["useEffect","useChildrenCounterParent","itemsRef","current","isNewRender","useChildrenCounterChild","itemIndexRef","obj","disabled","length","Function","push"],"mappings":"AAAA,SAA2BA,SAA3B,QAA4C,OAA5C;AAEA,OAAO,SAASC,wBAAT,CACLC,QADK,EAEL;AACA;AACA;AACA;AACA;AACAA,EAAAA,QAAQ,CAACC,OAAT,GAAmB,EAAnB;AACAD,EAAAA,QAAQ,CAACC,OAAT,CAAiBC,WAAjB,GAA+B,IAA/B;AAEAJ,EAAAA,SAAS,CAAC,MAAM;AACd;AACA;AACA;AACAE,IAAAA,QAAQ,CAACC,OAAT,CAAiBC,WAAjB,GAA+B,KAA/B;AACD,GALQ,CAAT;AAOAJ,EAAAA,SAAS,CAAC,MAAM;AACd;AACA;AACA,WAAO,MAAM;AACXE,MAAAA,QAAQ,CAACC,OAAT,GAAmB,EAAnB;AACD,KAFD;AAGD,GANQ,EAMN,CAACD,QAAD,CANM,CAAT;AAOD;AAED,OAAO,SAASG,uBAAT,CACLH,QADK,EAELI,YAFK,EAGLC,GAHK,EAILC,QAAQ,GAAG,KAJN,EAKL;AACA,MAAIN,QAAQ,IAAIA,QAAQ,CAACC,OAAT,CAAiBC,WAAjC,EAA8C;AAC5C,QAAII,QAAJ,EAAc;AACZF,MAAAA,YAAY,CAACH,OAAb,GAAuB,CAAC,CAAxB;AACA;AACD,KAJ2C,CAM5C;;;AACAG,IAAAA,YAAY,CAACH,OAAb,GAAuBD,QAAQ,CAACC,OAAT,CAAiBM,MAAxC;;AAEA,QAAIF,GAAG,YAAYG,QAAnB,EAA6B;AAC3BR,MAAAA,QAAQ,CAACC,OAAT,CAAiBQ,IAAjB,CAAsBJ,GAAG,CAACD,YAAY,CAACH,OAAd,CAAzB;AACD,KAFD,MAEO;AACLD,MAAAA,QAAQ,CAACC,OAAT,CAAiBQ,IAAjB,CAAsBJ,GAAtB;AACD;AACF;AACF","sourcesContent":["import { MutableRefObject, useEffect } from 'react';\n\nexport function useChildrenCounterParent<T>(\n  itemsRef: MutableRefObject<T[] & { isNewRender?: boolean }>\n) {\n  // Reset the options ref every render so that they are always\n  // accurate and ready for keyboard navigation handlers. Using layout\n  // effect to schedule this effect before the ComboboxOptions push into\n  // the array\n  itemsRef.current = [];\n  itemsRef.current.isNewRender = true;\n\n  useEffect(() => {\n    // Rendering is finished. Meaning any children can now rerender,\n    // and they should not push any new items to our array, because\n    // it is not a new render\n    itemsRef.current.isNewRender = false;\n  });\n\n  useEffect(() => {\n    // When we are unmounting, it means there are no children anymore.\n    // Clear out our items array\n    return () => {\n      itemsRef.current = [];\n    };\n  }, [itemsRef]);\n}\n\nexport function useChildrenCounterChild<T>(\n  itemsRef: MutableRefObject<T[] & { isNewRender?: boolean }> | undefined,\n  itemIndexRef: MutableRefObject<number>,\n  obj: T | ((idx: number) => T),\n  disabled = false\n) {\n  if (itemsRef && itemsRef.current.isNewRender) {\n    if (disabled) {\n      itemIndexRef.current = -1;\n      return;\n    }\n\n    // push this option to the optionsRef array\n    itemIndexRef.current = itemsRef.current.length;\n\n    if (obj instanceof Function) {\n      itemsRef.current.push(obj(itemIndexRef.current));\n    } else {\n      itemsRef.current.push(obj);\n    }\n  }\n}\n"],"file":"useChildrenCounter.js"}
+{"version":3,"sources":["../../../src/hooks/useChildrenCounter.ts"],"names":["useEffect","useChildrenCounterParent","itemsRef","current","isNewRender","useChildrenCounterChild","itemIndexRef","obj","disabled","length","Function","push"],"mappings":"AACA,SAASA,SAAT,QAA0B,OAA1B;AAEA,OAAO,SAASC,wBAAT,CACLC,QADK,EAEL;AACA;AACA;AACA;AACA;AACAA,EAAAA,QAAQ,CAACC,OAAT,GAAmB,EAAnB;AACAD,EAAAA,QAAQ,CAACC,OAAT,CAAiBC,WAAjB,GAA+B,IAA/B;AAEAJ,EAAAA,SAAS,CAAC,YAAM;AACd;AACA;AACA;AACAE,IAAAA,QAAQ,CAACC,OAAT,CAAiBC,WAAjB,GAA+B,KAA/B;AACD,GALQ,CAAT;AAOAJ,EAAAA,SAAS,CAAC,YAAM;AACd;AACA;AACA,WAAO,YAAM;AACXE,MAAAA,QAAQ,CAACC,OAAT,GAAmB,EAAnB;AACD,KAFD;AAGD,GANQ,EAMN,CAACD,QAAD,CANM,CAAT;AAOD;AAED,OAAO,SAASG,uBAAT,CACLH,QADK,EAELI,YAFK,EAGLC,GAHK,EAKL;AAAA,MADAC,QACA,uEADW,KACX;;AACA,MAAIN,QAAQ,IAAIA,QAAQ,CAACC,OAAT,CAAiBC,WAAjC,EAA8C;AAC5C,QAAII,QAAJ,EAAc;AACZF,MAAAA,YAAY,CAACH,OAAb,GAAuB,CAAC,CAAxB;AACA;AACD,KAJ2C,CAM5C;;;AACAG,IAAAA,YAAY,CAACH,OAAb,GAAuBD,QAAQ,CAACC,OAAT,CAAiBM,MAAxC;;AAEA,QAAIF,GAAG,YAAYG,QAAnB,EAA6B;AAC3BR,MAAAA,QAAQ,CAACC,OAAT,CAAiBQ,IAAjB,CAAsBJ,GAAG,CAACD,YAAY,CAACH,OAAd,CAAzB;AACD,KAFD,MAEO;AACLD,MAAAA,QAAQ,CAACC,OAAT,CAAiBQ,IAAjB,CAAsBJ,GAAtB;AACD;AACF;AACF","sourcesContent":["import type { MutableRefObject } from 'react';\nimport { useEffect } from 'react';\n\nexport function useChildrenCounterParent<T>(\n  itemsRef: MutableRefObject<T[] & { isNewRender?: boolean }>\n) {\n  // Reset the options ref every render so that they are always\n  // accurate and ready for keyboard navigation handlers. Using layout\n  // effect to schedule this effect before the ComboboxOptions push into\n  // the array\n  itemsRef.current = [];\n  itemsRef.current.isNewRender = true;\n\n  useEffect(() => {\n    // Rendering is finished. Meaning any children can now rerender,\n    // and they should not push any new items to our array, because\n    // it is not a new render\n    itemsRef.current.isNewRender = false;\n  });\n\n  useEffect(() => {\n    // When we are unmounting, it means there are no children anymore.\n    // Clear out our items array\n    return () => {\n      itemsRef.current = [];\n    };\n  }, [itemsRef]);\n}\n\nexport function useChildrenCounterChild<T>(\n  itemsRef: MutableRefObject<T[] & { isNewRender?: boolean }> | undefined,\n  itemIndexRef: MutableRefObject<number>,\n  obj: T | ((idx: number) => T),\n  disabled = false\n) {\n  if (itemsRef && itemsRef.current.isNewRender) {\n    if (disabled) {\n      itemIndexRef.current = -1;\n      return;\n    }\n\n    // push this option to the optionsRef array\n    itemIndexRef.current = itemsRef.current.length;\n\n    if (obj instanceof Function) {\n      itemsRef.current.push(obj(itemIndexRef.current));\n    } else {\n      itemsRef.current.push(obj);\n    }\n  }\n}\n"],"file":"useChildrenCounter.js"}

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

@@ -1,7 +1,3 @@
-/// <reference types="react" />
-import { CustomEventHandler } from '../utils';
-export declare function useControlledState<V, E extends React.SyntheticEvent<any>, H extends unknown[]>(valueProp: V | undefined, onChangeProp: CustomEventHandler<E, H> | undefined, defaultValue: V, defaultOnChange: (setValue: React.Dispatch<React.SetStateAction<V>>) => CustomEventHandler<E, H>): [
-    V,
-    CustomEventHandler<E, H> | undefined,
-    React.Dispatch<React.SetStateAction<V>>
-];
+import type { Dispatch, SetStateAction, SyntheticEvent } from 'react';
+import type { CustomEventHandler } from '../utils';
+export declare function useControlledState<V, E extends SyntheticEvent<any>, H extends unknown[]>(valueProp: V | undefined, onChangeProp: CustomEventHandler<E, H> | undefined, defaultValue: V, defaultOnChange: (setValue: Dispatch<SetStateAction<V>>) => CustomEventHandler<E, H>): [V, CustomEventHandler<E, H> | undefined, Dispatch<SetStateAction<V>>];

package/build/esm/hooks/useControlledState.js

@@ -1,8 +1,13 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import { useRef, useState } from 'react';
 import { wrapEvent } from '../utils';
 export function useControlledState(valueProp, onChangeProp, defaultValue, defaultOnChange) {
-  const isControlled = useRef(valueProp !== undefined);
-  const [valueState, setValueState] = useState(defaultValue);
+  var isControlled = useRef(valueProp !== undefined);
+
+  var _useState = useState(defaultValue),
+      _useState2 = _slicedToArray(_useState, 2),
+      valueState = _useState2[0],
+      setValueState = _useState2[1];
 
   if (isControlled.current) {
     if (valueProp === undefined) {

package/build/esm/hooks/useControlledState.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useControlledState.ts"],"names":["useRef","useState","wrapEvent","useControlledState","valueProp","onChangeProp","defaultValue","defaultOnChange","isControlled","undefined","valueState","setValueState","current","console","warn"],"mappings":"AAAA,SAASA,MAAT,EAAiBC,QAAjB,QAAiC,OAAjC;AACA,SAASC,SAAT,QAA8C,UAA9C;AAEA,OAAO,SAASC,kBAAT,CAKLC,SALK,EAMLC,YANK,EAOLC,YAPK,EAQLC,eARK,EAeL;AACA,QAAMC,YAAY,GAAGR,MAAM,CAACI,SAAS,KAAKK,SAAf,CAA3B;AACA,QAAM,CAACC,UAAD,EAAaC,aAAb,IAA8BV,QAAQ,CAAIK,YAAJ,CAA5C;;AAEA,MAAIE,YAAY,CAACI,OAAjB,EAA0B;AACxB,QAAIR,SAAS,KAAKK,SAAlB,EAA6B;AAC3BI,MAAAA,OAAO,CAACC,IAAR,CAAa,mDAAb;AACD,KAHuB,CAIxB;;;AACA,WAAO,CAACV,SAAD,EAAaC,YAAb,EAA2BM,aAA3B,CAAP;AACD;;AAED,SAAO,CACL;AACAD,EAAAA,UAFK,EAGLR,SAAS,CAACG,YAAD,EAAeE,eAAe,CAACI,aAAD,CAA9B,CAHJ,EAILA,aAJK,CAAP;AAMD","sourcesContent":["import { useRef, useState } from 'react';\nimport { wrapEvent, CustomEventHandler } from '../utils';\n\nexport function useControlledState<\n  V,\n  E extends React.SyntheticEvent<any>,\n  H extends unknown[]\n>(\n  valueProp: V | undefined,\n  onChangeProp: CustomEventHandler<E, H> | undefined,\n  defaultValue: V,\n  defaultOnChange: (\n    setValue: React.Dispatch<React.SetStateAction<V>>\n  ) => CustomEventHandler<E, H>\n): [\n  V,\n  CustomEventHandler<E, H> | undefined,\n  React.Dispatch<React.SetStateAction<V>>\n] {\n  const isControlled = useRef(valueProp !== undefined);\n  const [valueState, setValueState] = useState<V>(defaultValue);\n\n  if (isControlled.current) {\n    if (valueProp === undefined) {\n      console.warn('Trying to change from controlled to uncontrolled.');\n    }\n    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n    return [valueProp!, onChangeProp, setValueState];\n  }\n\n  return [\n    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n    valueState!,\n    wrapEvent(onChangeProp, defaultOnChange(setValueState)),\n    setValueState,\n  ];\n}\n"],"file":"useControlledState.js"}
+{"version":3,"sources":["../../../src/hooks/useControlledState.ts"],"names":["useRef","useState","wrapEvent","useControlledState","valueProp","onChangeProp","defaultValue","defaultOnChange","isControlled","undefined","valueState","setValueState","current","console","warn"],"mappings":";AACA,SAASA,MAAT,EAAiBC,QAAjB,QAAiC,OAAjC;AAGA,SAASC,SAAT,QAA0B,UAA1B;AAEA,OAAO,SAASC,kBAAT,CAKLC,SALK,EAMLC,YANK,EAOLC,YAPK,EAQLC,eARK,EAWmE;AACxE,MAAMC,YAAY,GAAGR,MAAM,CAACI,SAAS,KAAKK,SAAf,CAA3B;;AADwE,kBAEpCR,QAAQ,CAAIK,YAAJ,CAF4B;AAAA;AAAA,MAEjEI,UAFiE;AAAA,MAErDC,aAFqD;;AAIxE,MAAIH,YAAY,CAACI,OAAjB,EAA0B;AACxB,QAAIR,SAAS,KAAKK,SAAlB,EAA6B;AAC3BI,MAAAA,OAAO,CAACC,IAAR,CAAa,mDAAb;AACD,KAHuB,CAIxB;;;AACA,WAAO,CAACV,SAAD,EAAaC,YAAb,EAA2BM,aAA3B,CAAP;AACD;;AAED,SAAO,CACL;AACAD,EAAAA,UAFK,EAGLR,SAAS,CAACG,YAAD,EAAeE,eAAe,CAACI,aAAD,CAA9B,CAHJ,EAILA,aAJK,CAAP;AAMD","sourcesContent":["import type { Dispatch, SetStateAction, SyntheticEvent } from 'react';\nimport { useRef, useState } from 'react';\n\nimport type { CustomEventHandler } from '../utils';\nimport { wrapEvent } from '../utils';\n\nexport function useControlledState<\n  V,\n  E extends SyntheticEvent<any>,\n  H extends unknown[]\n>(\n  valueProp: V | undefined,\n  onChangeProp: CustomEventHandler<E, H> | undefined,\n  defaultValue: V,\n  defaultOnChange: (\n    setValue: Dispatch<SetStateAction<V>>\n  ) => CustomEventHandler<E, H>\n): [V, CustomEventHandler<E, H> | undefined, Dispatch<SetStateAction<V>>] {\n  const isControlled = useRef(valueProp !== undefined);\n  const [valueState, setValueState] = useState<V>(defaultValue);\n\n  if (isControlled.current) {\n    if (valueProp === undefined) {\n      console.warn('Trying to change from controlled to uncontrolled.');\n    }\n    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n    return [valueProp!, onChangeProp, setValueState];\n  }\n\n  return [\n    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n    valueState!,\n    wrapEvent(onChangeProp, defaultOnChange(setValueState)),\n    setValueState,\n  ];\n}\n"],"file":"useControlledState.js"}

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

@@ -1,2 +1,2 @@
-import { MutableRefObject } from 'react';
+import type { MutableRefObject } from 'react';
 export declare function useFocusReturn(open: boolean, rootEl: MutableRefObject<HTMLElement | null>): void;

package/build/esm/hooks/useFocusReturn.js

@@ -1,13 +1,13 @@
 import { useEffect, useRef } from 'react';
 export function useFocusReturn(open, rootEl) {
-  const previousFocusRef = useRef((() => {
+  var previousFocusRef = useRef(function () {
     if (open && typeof document !== 'undefined' && document.activeElement instanceof HTMLElement) {
       return document.activeElement;
     }
 
     return null;
-  })());
-  useEffect(() => {
+  }());
+  useEffect(function () {
     if (open) {
       var _rootEl$current;
 
@@ -17,9 +17,9 @@ export function useFocusReturn(open, rootEl) {
         previousFocusRef.current = document.activeElement;
       }
 
-      const rootElement = rootEl.current;
-      const previousElement = previousFocusRef.current;
-      return () => {
+      var rootElement = rootEl.current;
+      var previousElement = previousFocusRef.current;
+      return function () {
         // on unmount, return focus to that element
         if (previousElement && !(rootElement != null && rootElement.contains(document.activeElement))) {
           previousElement.focus({

package/build/esm/hooks/useFocusReturn.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useFocusReturn.ts"],"names":["useEffect","useRef","useFocusReturn","open","rootEl","previousFocusRef","document","activeElement","HTMLElement","current","contains","rootElement","previousElement","focus","preventScroll"],"mappings":"AAAA,SAA2BA,SAA3B,EAAsCC,MAAtC,QAAoD,OAApD;AAEA,OAAO,SAASC,cAAT,CACLC,IADK,EAELC,MAFK,EAGL;AACA,QAAMC,gBAAgB,GAAGJ,MAAM,CAC7B,CAAC,MAAM;AACL,QACEE,IAAI,IACJ,OAAOG,QAAP,KAAoB,WADpB,IAEAA,QAAQ,CAACC,aAAT,YAAkCC,WAHpC,EAIE;AACA,aAAOF,QAAQ,CAACC,aAAhB;AACD;;AACD,WAAO,IAAP;AACD,GATD,GAD6B,CAA/B;AAaAP,EAAAA,SAAS,CAAC,MAAM;AACd,QAAIG,IAAJ,EAAU;AAAA;;AACR;AACA;AACA,UACE,CAACE,gBAAgB,CAACI,OAAlB,IACAH,QAAQ,CAACC,aAAT,YAAkCC,WADlC,IAEA,qBAACJ,MAAM,CAACK,OAAR,aAAC,gBAAgBC,QAAhB,CAAyBJ,QAAQ,CAACC,aAAlC,CAAD,CAHF,EAIE;AACAF,QAAAA,gBAAgB,CAACI,OAAjB,GAA2BH,QAAQ,CAACC,aAApC;AACD;;AAED,YAAMI,WAAW,GAAGP,MAAM,CAACK,OAA3B;AACA,YAAMG,eAAe,GAAGP,gBAAgB,CAACI,OAAzC;AACA,aAAO,MAAM;AACX;AACA,YAAIG,eAAe,IAAI,EAACD,WAAD,YAACA,WAAW,CAAED,QAAb,CAAsBJ,QAAQ,CAACC,aAA/B,CAAD,CAAvB,EAAuE;AACrEK,UAAAA,eAAe,CAACC,KAAhB,CAAsB;AAAEC,YAAAA,aAAa,EAAE;AAAjB,WAAtB;AACD;AACF,OALD;AAMD;AACF,GArBQ,EAqBN,CAACX,IAAD,EAAOC,MAAP,CArBM,CAAT;AAsBD","sourcesContent":["import { MutableRefObject, useEffect, useRef } from 'react';\n\nexport function useFocusReturn(\n  open: boolean,\n  rootEl: MutableRefObject<HTMLElement | null>\n) {\n  const previousFocusRef = useRef<HTMLElement | null>(\n    (() => {\n      if (\n        open &&\n        typeof document !== 'undefined' &&\n        document.activeElement instanceof HTMLElement\n      ) {\n        return document.activeElement;\n      }\n      return null;\n    })()\n  );\n\n  useEffect(() => {\n    if (open) {\n      // once opened, keep track of the element that triggered\n      // the Modal opening\n      if (\n        !previousFocusRef.current &&\n        document.activeElement instanceof HTMLElement &&\n        !rootEl.current?.contains(document.activeElement)\n      ) {\n        previousFocusRef.current = document.activeElement;\n      }\n\n      const rootElement = rootEl.current;\n      const previousElement = previousFocusRef.current;\n      return () => {\n        // on unmount, return focus to that element\n        if (previousElement && !rootElement?.contains(document.activeElement)) {\n          previousElement.focus({ preventScroll: true });\n        }\n      };\n    }\n  }, [open, rootEl]);\n}\n"],"file":"useFocusReturn.js"}
+{"version":3,"sources":["../../../src/hooks/useFocusReturn.ts"],"names":["useEffect","useRef","useFocusReturn","open","rootEl","previousFocusRef","document","activeElement","HTMLElement","current","contains","rootElement","previousElement","focus","preventScroll"],"mappings":"AACA,SAASA,SAAT,EAAoBC,MAApB,QAAkC,OAAlC;AAEA,OAAO,SAASC,cAAT,CACLC,IADK,EAELC,MAFK,EAGL;AACA,MAAMC,gBAAgB,GAAGJ,MAAM,CAC5B,YAAM;AACL,QACEE,IAAI,IACJ,OAAOG,QAAP,KAAoB,WADpB,IAEAA,QAAQ,CAACC,aAAT,YAAkCC,WAHpC,EAIE;AACA,aAAOF,QAAQ,CAACC,aAAhB;AACD;;AACD,WAAO,IAAP;AACD,GATD,EAD6B,CAA/B;AAaAP,EAAAA,SAAS,CAAC,YAAM;AACd,QAAIG,IAAJ,EAAU;AAAA;;AACR;AACA;AACA,UACE,CAACE,gBAAgB,CAACI,OAAlB,IACAH,QAAQ,CAACC,aAAT,YAAkCC,WADlC,IAEA,qBAACJ,MAAM,CAACK,OAAR,aAAC,gBAAgBC,QAAhB,CAAyBJ,QAAQ,CAACC,aAAlC,CAAD,CAHF,EAIE;AACAF,QAAAA,gBAAgB,CAACI,OAAjB,GAA2BH,QAAQ,CAACC,aAApC;AACD;;AAED,UAAMI,WAAW,GAAGP,MAAM,CAACK,OAA3B;AACA,UAAMG,eAAe,GAAGP,gBAAgB,CAACI,OAAzC;AACA,aAAO,YAAM;AACX;AACA,YAAIG,eAAe,IAAI,EAACD,WAAD,YAACA,WAAW,CAAED,QAAb,CAAsBJ,QAAQ,CAACC,aAA/B,CAAD,CAAvB,EAAuE;AACrEK,UAAAA,eAAe,CAACC,KAAhB,CAAsB;AAAEC,YAAAA,aAAa,EAAE;AAAjB,WAAtB;AACD;AACF,OALD;AAMD;AACF,GArBQ,EAqBN,CAACX,IAAD,EAAOC,MAAP,CArBM,CAAT;AAsBD","sourcesContent":["import type { MutableRefObject } from 'react';\nimport { useEffect, useRef } from 'react';\n\nexport function useFocusReturn(\n  open: boolean,\n  rootEl: MutableRefObject<HTMLElement | null>\n) {\n  const previousFocusRef = useRef<HTMLElement | null>(\n    (() => {\n      if (\n        open &&\n        typeof document !== 'undefined' &&\n        document.activeElement instanceof HTMLElement\n      ) {\n        return document.activeElement;\n      }\n      return null;\n    })()\n  );\n\n  useEffect(() => {\n    if (open) {\n      // once opened, keep track of the element that triggered\n      // the Modal opening\n      if (\n        !previousFocusRef.current &&\n        document.activeElement instanceof HTMLElement &&\n        !rootEl.current?.contains(document.activeElement)\n      ) {\n        previousFocusRef.current = document.activeElement;\n      }\n\n      const rootElement = rootEl.current;\n      const previousElement = previousFocusRef.current;\n      return () => {\n        // on unmount, return focus to that element\n        if (previousElement && !rootElement?.contains(document.activeElement)) {\n          previousElement.focus({ preventScroll: true });\n        }\n      };\n    }\n  }, [open, rootEl]);\n}\n"],"file":"useFocusReturn.js"}

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

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import type { FocusEventHandler } from 'react';
 export declare function useFocusState<T>(props?: {
-    onFocus?: React.FocusEventHandler<T>;
-    onBlur?: React.FocusEventHandler<T>;
+    onFocus?: FocusEventHandler<T>;
+    onBlur?: FocusEventHandler<T>;
 }): {
     bind: {
         onFocus: import("../utils/wrapEvent").CustomEventHandler<import("react").FocusEvent<T, Element>, []>;

package/build/esm/hooks/useFocusState.js

@@ -1,17 +1,21 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import { useState } from 'react';
 import { wrapEvent } from '../utils/wrapEvent';
-export function useFocusState(props = {}) {
-  const {
-    onFocus,
-    onBlur
-  } = props;
-  const [hasFocus, setHasFocus] = useState(false);
+export function useFocusState() {
+  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var onFocus = props.onFocus,
+      onBlur = props.onBlur;
 
-  const handleFocus = () => {
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      hasFocus = _useState2[0],
+      setHasFocus = _useState2[1];
+
+  var handleFocus = function handleFocus() {
     setHasFocus(true);
   };
 
-  const handleBlur = () => {
+  var handleBlur = function handleBlur() {
     setHasFocus(false);
   };
 
@@ -20,7 +24,7 @@ export function useFocusState(props = {}) {
       onFocus: wrapEvent(onFocus, handleFocus),
       onBlur: wrapEvent(onBlur, handleBlur)
     },
-    hasFocus
+    hasFocus: hasFocus
   };
 }
 //# sourceMappingURL=useFocusState.js.map

package/build/esm/hooks/useFocusState.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useFocusState.ts"],"names":["useState","wrapEvent","useFocusState","props","onFocus","onBlur","hasFocus","setHasFocus","handleFocus","handleBlur","bind"],"mappings":"AAAA,SAASA,QAAT,QAAyB,OAAzB;AACA,SAASC,SAAT,QAA0B,oBAA1B;AAEA,OAAO,SAASC,aAAT,CACLC,KAGC,GAAG,EAJC,EAKL;AACA,QAAM;AAAEC,IAAAA,OAAF;AAAWC,IAAAA;AAAX,MAAsBF,KAA5B;AACA,QAAM,CAACG,QAAD,EAAWC,WAAX,IAA0BP,QAAQ,CAAC,KAAD,CAAxC;;AAEA,QAAMQ,WAAW,GAAG,MAAM;AACxBD,IAAAA,WAAW,CAAC,IAAD,CAAX;AACD,GAFD;;AAIA,QAAME,UAAU,GAAG,MAAM;AACvBF,IAAAA,WAAW,CAAC,KAAD,CAAX;AACD,GAFD;;AAIA,SAAO;AACLG,IAAAA,IAAI,EAAE;AACJN,MAAAA,OAAO,EAAEH,SAAS,CAACG,OAAD,EAAUI,WAAV,CADd;AAEJH,MAAAA,MAAM,EAAEJ,SAAS,CAACI,MAAD,EAASI,UAAT;AAFb,KADD;AAKLH,IAAAA;AALK,GAAP;AAOD","sourcesContent":["import { useState } from 'react';\nimport { wrapEvent } from '../utils/wrapEvent';\n\nexport function useFocusState<T>(\n  props: {\n    onFocus?: React.FocusEventHandler<T>;\n    onBlur?: React.FocusEventHandler<T>;\n  } = {}\n) {\n  const { onFocus, onBlur } = props;\n  const [hasFocus, setHasFocus] = useState(false);\n\n  const handleFocus = () => {\n    setHasFocus(true);\n  };\n\n  const handleBlur = () => {\n    setHasFocus(false);\n  };\n\n  return {\n    bind: {\n      onFocus: wrapEvent(onFocus, handleFocus),\n      onBlur: wrapEvent(onBlur, handleBlur),\n    },\n    hasFocus,\n  };\n}\n"],"file":"useFocusState.js"}
+{"version":3,"sources":["../../../src/hooks/useFocusState.ts"],"names":["useState","wrapEvent","useFocusState","props","onFocus","onBlur","hasFocus","setHasFocus","handleFocus","handleBlur","bind"],"mappings":";AACA,SAASA,QAAT,QAAyB,OAAzB;AAEA,SAASC,SAAT,QAA0B,oBAA1B;AAEA,OAAO,SAASC,aAAT,GAKL;AAAA,MAJAC,KAIA,uEADI,EACJ;AAAA,MACQC,OADR,GAC4BD,KAD5B,CACQC,OADR;AAAA,MACiBC,MADjB,GAC4BF,KAD5B,CACiBE,MADjB;;AAAA,kBAEgCL,QAAQ,CAAC,KAAD,CAFxC;AAAA;AAAA,MAEOM,QAFP;AAAA,MAEiBC,WAFjB;;AAIA,MAAMC,WAAW,GAAG,SAAdA,WAAc,GAAM;AACxBD,IAAAA,WAAW,CAAC,IAAD,CAAX;AACD,GAFD;;AAIA,MAAME,UAAU,GAAG,SAAbA,UAAa,GAAM;AACvBF,IAAAA,WAAW,CAAC,KAAD,CAAX;AACD,GAFD;;AAIA,SAAO;AACLG,IAAAA,IAAI,EAAE;AACJN,MAAAA,OAAO,EAAEH,SAAS,CAACG,OAAD,EAAUI,WAAV,CADd;AAEJH,MAAAA,MAAM,EAAEJ,SAAS,CAACI,MAAD,EAASI,UAAT;AAFb,KADD;AAKLH,IAAAA,QAAQ,EAARA;AALK,GAAP;AAOD","sourcesContent":["import type { FocusEventHandler } from 'react';\nimport { useState } from 'react';\n\nimport { wrapEvent } from '../utils/wrapEvent';\n\nexport function useFocusState<T>(\n  props: {\n    onFocus?: FocusEventHandler<T>;\n    onBlur?: FocusEventHandler<T>;\n  } = {}\n) {\n  const { onFocus, onBlur } = props;\n  const [hasFocus, setHasFocus] = useState(false);\n\n  const handleFocus = () => {\n    setHasFocus(true);\n  };\n\n  const handleBlur = () => {\n    setHasFocus(false);\n  };\n\n  return {\n    bind: {\n      onFocus: wrapEvent(onFocus, handleFocus),\n      onBlur: wrapEvent(onBlur, handleBlur),\n    },\n    hasFocus,\n  };\n}\n"],"file":"useFocusState.js"}

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

@@ -1,4 +1,4 @@
-import type * as React from 'react';
+import type { MutableRefObject, MouseEvent as ReactMouseEvent, TouchEvent as ReactTouchEvent } from 'react';
 export interface GestureHandlersState {
     target: null | EventTarget;
     x: number;
@@ -19,16 +19,16 @@ export interface GestureHandlersState {
 }
 declare type SetStateFunc<S> = (state: (prevState: Readonly<S>) => S, callback?: () => void) => void;
 export interface GestureHandlersReturn {
-    onMouseDown: (e: React.MouseEvent<HTMLElement>) => void;
-    onTouchStart: (e: React.TouchEvent<HTMLElement>) => void;
+    onMouseDown: (e: ReactMouseEvent<HTMLElement>) => void;
+    onTouchStart: (e: ReactTouchEvent<HTMLElement>) => void;
 }
 export interface GestureHandlerOptions {
     ensureTargetIsContainer?: boolean;
     minTouchDelta?: number;
 }
 export declare const initialGestureHandlersState: GestureHandlersState;
-export declare function gestureHandlers(set: SetStateFunc<GestureHandlersState>, containerRef?: React.MutableRefObject<HTMLElement | null>, options?: GestureHandlerOptions): GestureHandlersReturn;
-export declare const useGestureHandlers: (containerRef: React.MutableRefObject<HTMLElement | null> | undefined, onGesture: (e: GestureHandlersState) => void, options?: GestureHandlerOptions) => {
+export declare function gestureHandlers(set: SetStateFunc<GestureHandlersState>, containerRef?: MutableRefObject<HTMLElement | null>, options?: GestureHandlerOptions): GestureHandlersReturn;
+export declare const useGestureHandlers: (containerRef: MutableRefObject<HTMLElement | null> | undefined, onGesture: (e: GestureHandlersState) => void, options?: GestureHandlerOptions) => {
     state: {
         target: null | EventTarget;
         x: number;

package/build/esm/hooks/useGestureHandlers.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import { useRef } from 'react';
-export const initialGestureHandlersState = {
+export var initialGestureHandlersState = {
   target: null,
   x: 0,
   xDelta: 0,
@@ -18,26 +18,27 @@ export const initialGestureHandlersState = {
   down: false,
   scrollLocked: false
 };
-const FRAMERATE_CONST = 1000 / 60; // 60 fps
-
-const VELOCITY_DEPR_FACTOR = FRAMERATE_CONST * 2;
-export function gestureHandlers(set, containerRef, options = {}) {
-  const {
-    ensureTargetIsContainer = false,
-    minTouchDelta = 0
-  } = options; // Common handlers
-
-  const handleUp = () => {
-    set(state => {
-      const deltaTime = Date.now() - state.startTime;
-      const xDelta = state.x - state.xInitial;
-      const yDelta = state.y - state.yInitial;
-      const xVelocity = calcVelocity(xDelta, deltaTime, state.xVelocity);
-      const yVelocity = calcVelocity(yDelta, deltaTime, state.yVelocity);
-
-      const newState = _extends({}, state, {
-        xVelocity,
-        yVelocity,
+var FRAMERATE_CONST = 1000 / 60; // 60 fps
+
+var VELOCITY_DEPR_FACTOR = FRAMERATE_CONST * 2;
+export function gestureHandlers(set, containerRef) {
+  var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  var _options$ensureTarget = options.ensureTargetIsContainer,
+      ensureTargetIsContainer = _options$ensureTarget === void 0 ? false : _options$ensureTarget,
+      _options$minTouchDelt = options.minTouchDelta,
+      minTouchDelta = _options$minTouchDelt === void 0 ? 0 : _options$minTouchDelt; // Common handlers
+
+  var handleUp = function handleUp() {
+    set(function (state) {
+      var deltaTime = Date.now() - state.startTime;
+      var xDelta = state.x - state.xInitial;
+      var yDelta = state.y - state.yInitial;
+      var xVelocity = calcVelocity(xDelta, deltaTime, state.xVelocity);
+      var yVelocity = calcVelocity(yDelta, deltaTime, state.yVelocity);
+
+      var newState = _extends({}, state, {
+        xVelocity: xVelocity,
+        yVelocity: yVelocity,
         target: null,
         down: false
       });
@@ -46,15 +47,13 @@ export function gestureHandlers(set, containerRef, options = {}) {
     });
   };
 
-  const handleDown = e => {
-    const {
-      target,
-      pageX,
-      pageY
-    } = e;
-    set(state => {
-      const newState = _extends({}, state, {
-        target,
+  var handleDown = function handleDown(e) {
+    var target = e.target,
+        pageX = e.pageX,
+        pageY = e.pageY;
+    set(function (state) {
+      var newState = _extends({}, state, {
+        target: target,
         x: pageX,
         xDelta: 0,
         xDeltaPercent: 0,
@@ -81,23 +80,21 @@ export function gestureHandlers(set, containerRef, options = {}) {
       deltaTime = 1;
     }
 
-    const speed = deltaSpace / deltaTime;
-    const depr = 0.5 + Math.min(deltaTime / VELOCITY_DEPR_FACTOR, 0.5);
+    var speed = deltaSpace / deltaTime;
+    var depr = 0.5 + Math.min(deltaTime / VELOCITY_DEPR_FACTOR, 0.5);
     return speed * depr + prevVelocity * (1 - depr);
   }
 
   function handleMove(e) {
-    const {
-      pageX,
-      pageY
-    } = e;
+    var pageX = e.pageX,
+        pageY = e.pageY;
 
     if (e.cancelable) {
       // prevent drag & drop behaviour from browser
       e.preventDefault && e.preventDefault();
     }
 
-    set(state => {
+    set(function (state) {
       function getDeltaSum(currentPos, initialPos, prevPos) {
         if (state.scrollLocked || Math.abs(currentPos - initialPos) >= minTouchDelta) {
           state.scrollLocked = true;
@@ -107,28 +104,28 @@ export function gestureHandlers(set, containerRef, options = {}) {
         return 0;
       }
 
-      const target = containerRef && containerRef.current || e.target;
-      const deltaTime = Date.now() - state.startTime;
-      const width = target ? target.offsetWidth : NaN;
-      const xDelta = state.xDelta + getDeltaSum(pageX, state.xInitial, state.x);
-      const xDeltaPercent = xDelta * 100 / width;
-      const xVelocity = calcVelocity(xDelta, deltaTime, state.xVelocity);
-      const height = target ? target.offsetHeight : NaN;
-      const yDelta = state.yDelta + getDeltaSum(pageY, state.yInitial, state.y);
-      const yDeltaPercent = yDelta * 100 / height;
-      const yVelocity = calcVelocity(yDelta, deltaTime, state.yVelocity);
-
-      const newState = _extends({}, state, {
-        xDelta,
-        xDeltaPercent,
+      var target = containerRef && containerRef.current || e.target;
+      var deltaTime = Date.now() - state.startTime;
+      var width = target ? target.offsetWidth : NaN;
+      var xDelta = state.xDelta + getDeltaSum(pageX, state.xInitial, state.x);
+      var xDeltaPercent = xDelta * 100 / width;
+      var xVelocity = calcVelocity(xDelta, deltaTime, state.xVelocity);
+      var height = target ? target.offsetHeight : NaN;
+      var yDelta = state.yDelta + getDeltaSum(pageY, state.yInitial, state.y);
+      var yDeltaPercent = yDelta * 100 / height;
+      var yVelocity = calcVelocity(yDelta, deltaTime, state.yVelocity);
+
+      var newState = _extends({}, state, {
+        xDelta: xDelta,
+        xDeltaPercent: xDeltaPercent,
         x: pageX,
         xPrev: state.x,
-        xVelocity,
-        yDelta,
-        yDeltaPercent,
+        xVelocity: xVelocity,
+        yDelta: yDelta,
+        yDeltaPercent: yDeltaPercent,
         y: pageY,
         yPrev: state.y,
-        yVelocity
+        yVelocity: yVelocity
       });
 
       return newState;
@@ -149,9 +146,7 @@ export function gestureHandlers(set, containerRef, options = {}) {
 
   function handleTouchStart(e) {
     // making sure we're not dragging the element when more than one finger press the screen
-    const {
-      touches
-    } = e;
+    var touches = e.touches;
 
     if (touches.length > 1) {
       return;
@@ -202,19 +197,20 @@ export function gestureHandlers(set, containerRef, options = {}) {
     onTouchStart: handleTouchStart
   };
 }
-export const useGestureHandlers = (containerRef, onGesture, options = {}) => {
-  const state = useRef(_extends({}, initialGestureHandlersState));
+export var useGestureHandlers = function useGestureHandlers(containerRef, onGesture) {
+  var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  var state = useRef(_extends({}, initialGestureHandlersState));
 
-  const set = cb => {
+  var set = function set(cb) {
     state.current = cb(state.current);
     onGesture && onGesture(state.current);
     return state.current;
   };
 
-  const handlers = gestureHandlers(set, containerRef, options);
+  var handlers = gestureHandlers(set, containerRef, options);
   return {
     state: state.current,
-    handlers
+    handlers: handlers
   };
 };
 //# sourceMappingURL=useGestureHandlers.js.map