@basic-ui/core 0.0.53 → 0.0.56

package/build/esm/hooks/useAutoFocus.js

@@ -1,14 +1,14 @@
 import { useEffect } from 'react';
 import { focusOnChildNode } from '../FocusLock/tabUtils';
 export function useAutoFocus(open, elementRef) {
-  useEffect(function () {
+  useEffect(() => {
     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)) {
         focusOnChildNode(elementRef.current, 0);
       }
-    } // eslint-disable-next-line react-hooks/exhaustive-deps
-
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [open]);
 }
 //# sourceMappingURL=useAutoFocus.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useAutoFocus.js","names":["useEffect","focusOnChildNode","useAutoFocus","open","elementRef","current","contains","document","activeElement"],"sources":["../../../src/hooks/useAutoFocus.ts"],"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"],"mappings":"AACA,SAASA,SAAT,QAA0B,OAA1B;AAEA,SAASC,gBAAT,QAAiC,uBAAjC;AAEA,OAAO,SAASC,YAAT,CACLC,IADK,EAELC,UAFK,EAGL;EACAJ,SAAS,CAAC,YAAM;IACd,IAAIG,IAAJ,EAAU;MACR;MACA,IACEC,UAAU,CAACC,OAAX,IACA,CAACD,UAAU,CAACC,OAAX,CAAmBC,QAAnB,CAA4BC,QAAQ,CAACC,aAArC,CAFH,EAGE;QACAP,gBAAgB,CAACG,UAAU,CAACC,OAAZ,EAAqB,CAArB,CAAhB;MACD;IACF,CATa,CAUd;;EACD,CAXQ,EAWN,CAACF,IAAD,CAXM,CAAT;AAYD"}
+{"version":3,"file":"useAutoFocus.js","names":["useEffect","focusOnChildNode","useAutoFocus","open","elementRef","current","contains","document","activeElement"],"sources":["../../../src/hooks/useAutoFocus.ts"],"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"],"mappings":"AACA,SAASA,SAAS,QAAQ,OAAO;AAEjC,SAASC,gBAAgB,QAAQ,uBAAuB;AAExD,OAAO,SAASC,YAAYA,CAC1BC,IAAa,EACbC,UAAgD,EAChD;EACAJ,SAAS,CAAC,MAAM;IACd,IAAIG,IAAI,EAAE;MACR;MACA,IACEC,UAAU,CAACC,OAAO,IAClB,CAACD,UAAU,CAACC,OAAO,CAACC,QAAQ,CAACC,QAAQ,CAACC,aAAa,CAAC,EACpD;QACAP,gBAAgB,CAACG,UAAU,CAACC,OAAO,EAAE,CAAC,CAAC;MACzC;IACF;IACA;EACF,CAAC,EAAE,CAACF,IAAI,CAAC,CAAC;AACZ","ignoreList":[]}

package/build/esm/hooks/useChildrenCounter.js

@@ -6,32 +6,30 @@ export function useChildrenCounterParent(itemsRef) {
   // the array
   itemsRef.current = [];
   itemsRef.current.isNewRender = true;
-  useEffect(function () {
+  useEffect(() => {
     // 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(function () {
+  useEffect(() => {
     // When we are unmounting, it means there are no children anymore.
     // Clear out our items array
-    return function () {
+    return () => {
       itemsRef.current = [];
     };
   }, [itemsRef]);
 }
 export function useChildrenCounterChild(itemsRef, itemIndexRef, obj) {
-  var disabled = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
-
+  let disabled = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
   if (itemsRef && itemsRef.current.isNewRender) {
     if (disabled) {
       itemIndexRef.current = -1;
       return;
-    } // push this option to the optionsRef array
-
+    }
 
+    // push this option to the optionsRef array
     itemIndexRef.current = itemsRef.current.length;
-
     if (obj instanceof Function) {
       itemsRef.current.push(obj(itemIndexRef.current));
     } else {

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

@@ -1 +1 @@
-{"version":3,"file":"useChildrenCounter.js","names":["useEffect","useChildrenCounterParent","itemsRef","current","isNewRender","useChildrenCounterChild","itemIndexRef","obj","disabled","length","Function","push"],"sources":["../../../src/hooks/useChildrenCounter.ts"],"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"],"mappings":"AACA,SAASA,SAAT,QAA0B,OAA1B;AAEA,OAAO,SAASC,wBAAT,CACLC,QADK,EAEL;EACA;EACA;EACA;EACA;EACAA,QAAQ,CAACC,OAAT,GAAmB,EAAnB;EACAD,QAAQ,CAACC,OAAT,CAAiBC,WAAjB,GAA+B,IAA/B;EAEAJ,SAAS,CAAC,YAAM;IACd;IACA;IACA;IACAE,QAAQ,CAACC,OAAT,CAAiBC,WAAjB,GAA+B,KAA/B;EACD,CALQ,CAAT;EAOAJ,SAAS,CAAC,YAAM;IACd;IACA;IACA,OAAO,YAAM;MACXE,QAAQ,CAACC,OAAT,GAAmB,EAAnB;IACD,CAFD;EAGD,CANQ,EAMN,CAACD,QAAD,CANM,CAAT;AAOD;AAED,OAAO,SAASG,uBAAT,CACLH,QADK,EAELI,YAFK,EAGLC,GAHK,EAKL;EAAA,IADAC,QACA,uEADW,KACX;;EACA,IAAIN,QAAQ,IAAIA,QAAQ,CAACC,OAAT,CAAiBC,WAAjC,EAA8C;IAC5C,IAAII,QAAJ,EAAc;MACZF,YAAY,CAACH,OAAb,GAAuB,CAAC,CAAxB;MACA;IACD,CAJ2C,CAM5C;;;IACAG,YAAY,CAACH,OAAb,GAAuBD,QAAQ,CAACC,OAAT,CAAiBM,MAAxC;;IAEA,IAAIF,GAAG,YAAYG,QAAnB,EAA6B;MAC3BR,QAAQ,CAACC,OAAT,CAAiBQ,IAAjB,CAAsBJ,GAAG,CAACD,YAAY,CAACH,OAAd,CAAzB;IACD,CAFD,MAEO;MACLD,QAAQ,CAACC,OAAT,CAAiBQ,IAAjB,CAAsBJ,GAAtB;IACD;EACF;AACF"}
+{"version":3,"file":"useChildrenCounter.js","names":["useEffect","useChildrenCounterParent","itemsRef","current","isNewRender","useChildrenCounterChild","itemIndexRef","obj","disabled","arguments","length","undefined","Function","push"],"sources":["../../../src/hooks/useChildrenCounter.ts"],"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"],"mappings":"AACA,SAASA,SAAS,QAAQ,OAAO;AAEjC,OAAO,SAASC,wBAAwBA,CACtCC,QAA2D,EAC3D;EACA;EACA;EACA;EACA;EACAA,QAAQ,CAACC,OAAO,GAAG,EAAE;EACrBD,QAAQ,CAACC,OAAO,CAACC,WAAW,GAAG,IAAI;EAEnCJ,SAAS,CAAC,MAAM;IACd;IACA;IACA;IACAE,QAAQ,CAACC,OAAO,CAACC,WAAW,GAAG,KAAK;EACtC,CAAC,CAAC;EAEFJ,SAAS,CAAC,MAAM;IACd;IACA;IACA,OAAO,MAAM;MACXE,QAAQ,CAACC,OAAO,GAAG,EAAE;IACvB,CAAC;EACH,CAAC,EAAE,CAACD,QAAQ,CAAC,CAAC;AAChB;AAEA,OAAO,SAASG,uBAAuBA,CACrCH,QAAuE,EACvEI,YAAsC,EACtCC,GAA6B,EAE7B;EAAA,IADAC,QAAQ,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,KAAK;EAEhB,IAAIP,QAAQ,IAAIA,QAAQ,CAACC,OAAO,CAACC,WAAW,EAAE;IAC5C,IAAII,QAAQ,EAAE;MACZF,YAAY,CAACH,OAAO,GAAG,CAAC,CAAC;MACzB;IACF;;IAEA;IACAG,YAAY,CAACH,OAAO,GAAGD,QAAQ,CAACC,OAAO,CAACO,MAAM;IAE9C,IAAIH,GAAG,YAAYK,QAAQ,EAAE;MAC3BV,QAAQ,CAACC,OAAO,CAACU,IAAI,CAACN,GAAG,CAACD,YAAY,CAACH,OAAO,CAAC,CAAC;IAClD,CAAC,MAAM;MACLD,QAAQ,CAACC,OAAO,CAACU,IAAI,CAACN,GAAG,CAAC;IAC5B;EACF;AACF","ignoreList":[]}

package/build/esm/hooks/useControlledState.js

@@ -1,27 +1,17 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import { useRef, useState } from 'react';
 import { wrapEvent } from '../utils';
 export function useControlledState(valueProp, onChangeProp, defaultValue, defaultOnChange) {
-  var isControlled = valueProp !== undefined;
-  var wasControlled = useRef(isControlled);
-  var hasWarned = useRef(false);
-
-  var _useState = useState(defaultValue),
-      _useState2 = _slicedToArray(_useState, 2),
-      valueState = _useState2[0],
-      setValueState = _useState2[1];
-
+  const isControlled = valueProp !== undefined;
+  const wasControlled = useRef(isControlled);
+  const hasWarned = useRef(false);
+  const [valueState, setValueState] = useState(defaultValue);
   if (isControlled) {
     if (!wasControlled.current && !hasWarned.current && process.env.NODE_ENV !== 'production') {
       console.warn('Trying to change from controlled to uncontrolled.');
       hasWarned.current = true;
     }
-
-    return [// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-    valueProp, wrapEvent(onChangeProp, defaultOnChange(setValueState))];
+    return [valueProp, wrapEvent(onChangeProp, defaultOnChange(setValueState))];
   }
-
-  return [// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-  valueState, wrapEvent(onChangeProp, defaultOnChange(setValueState))];
+  return [valueState, wrapEvent(onChangeProp, defaultOnChange(setValueState))];
 }
 //# sourceMappingURL=useControlledState.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useControlledState.js","names":["useRef","useState","wrapEvent","useControlledState","valueProp","onChangeProp","defaultValue","defaultOnChange","isControlled","undefined","wasControlled","hasWarned","valueState","setValueState","current","process","env","NODE_ENV","console","warn"],"sources":["../../../src/hooks/useControlledState.ts"],"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> | Event,\n  H extends unknown[]\n>(\n  valueProp: V | undefined,\n  onChangeProp: CustomEventHandler<E, H> | undefined,\n  defaultValue: V | (() => V),\n  defaultOnChange: (\n    setValue: Dispatch<SetStateAction<V>>\n  ) => CustomEventHandler<E, H>\n): [V, CustomEventHandler<E, H>] {\n  const isControlled = valueProp !== undefined;\n  const wasControlled = useRef(isControlled);\n  const hasWarned = useRef(false);\n  const [valueState, setValueState] = useState<V>(defaultValue);\n\n  if (isControlled) {\n    if (\n      !wasControlled.current &&\n      !hasWarned.current &&\n      process.env.NODE_ENV !== 'production'\n    ) {\n      console.warn('Trying to change from controlled to uncontrolled.');\n      hasWarned.current = true;\n    }\n    return [\n      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n      valueProp!,\n      wrapEvent(onChangeProp, defaultOnChange(setValueState)),\n    ];\n  }\n\n  return [\n    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n    valueState!,\n    wrapEvent(onChangeProp, defaultOnChange(setValueState)),\n  ];\n}\n"],"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,EAW0B;EAC/B,IAAMC,YAAY,GAAGJ,SAAS,KAAKK,SAAnC;EACA,IAAMC,aAAa,GAAGV,MAAM,CAACQ,YAAD,CAA5B;EACA,IAAMG,SAAS,GAAGX,MAAM,CAAC,KAAD,CAAxB;;EACA,gBAAoCC,QAAQ,CAAIK,YAAJ,CAA5C;EAAA;EAAA,IAAOM,UAAP;EAAA,IAAmBC,aAAnB;;EAEA,IAAIL,YAAJ,EAAkB;IAChB,IACE,CAACE,aAAa,CAACI,OAAf,IACA,CAACH,SAAS,CAACG,OADX,IAEAC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,YAH3B,EAIE;MACAC,OAAO,CAACC,IAAR,CAAa,mDAAb;MACAR,SAAS,CAACG,OAAV,GAAoB,IAApB;IACD;;IACD,OAAO,CACL;IACAV,SAFK,EAGLF,SAAS,CAACG,YAAD,EAAeE,eAAe,CAACM,aAAD,CAA9B,CAHJ,CAAP;EAKD;;EAED,OAAO,CACL;EACAD,UAFK,EAGLV,SAAS,CAACG,YAAD,EAAeE,eAAe,CAACM,aAAD,CAA9B,CAHJ,CAAP;AAKD"}
+{"version":3,"file":"useControlledState.js","names":["useRef","useState","wrapEvent","useControlledState","valueProp","onChangeProp","defaultValue","defaultOnChange","isControlled","undefined","wasControlled","hasWarned","valueState","setValueState","current","process","env","NODE_ENV","console","warn"],"sources":["../../../src/hooks/useControlledState.ts"],"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> | Event,\n  H extends unknown[]\n>(\n  valueProp: V | undefined,\n  onChangeProp: CustomEventHandler<E, H> | undefined,\n  defaultValue: V | (() => V),\n  defaultOnChange: (\n    setValue: Dispatch<SetStateAction<V>>\n  ) => CustomEventHandler<E, H>\n): [V, CustomEventHandler<E, H>] {\n  const isControlled = valueProp !== undefined;\n  const wasControlled = useRef(isControlled);\n  const hasWarned = useRef(false);\n  const [valueState, setValueState] = useState<V>(defaultValue);\n\n  if (isControlled) {\n    if (\n      !wasControlled.current &&\n      !hasWarned.current &&\n      process.env.NODE_ENV !== 'production'\n    ) {\n      console.warn('Trying to change from controlled to uncontrolled.');\n      hasWarned.current = true;\n    }\n    return [\n      valueProp!,\n      wrapEvent(onChangeProp, defaultOnChange(setValueState)),\n    ];\n  }\n\n  return [valueState!, wrapEvent(onChangeProp, defaultOnChange(setValueState))];\n}\n"],"mappings":"AACA,SAASA,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AAGxC,SAASC,SAAS,QAAQ,UAAU;AAEpC,OAAO,SAASC,kBAAkBA,CAKhCC,SAAwB,EACxBC,YAAkD,EAClDC,YAA2B,EAC3BC,eAE6B,EACE;EAC/B,MAAMC,YAAY,GAAGJ,SAAS,KAAKK,SAAS;EAC5C,MAAMC,aAAa,GAAGV,MAAM,CAACQ,YAAY,CAAC;EAC1C,MAAMG,SAAS,GAAGX,MAAM,CAAC,KAAK,CAAC;EAC/B,MAAM,CAACY,UAAU,EAAEC,aAAa,CAAC,GAAGZ,QAAQ,CAAIK,YAAY,CAAC;EAE7D,IAAIE,YAAY,EAAE;IAChB,IACE,CAACE,aAAa,CAACI,OAAO,IACtB,CAACH,SAAS,CAACG,OAAO,IAClBC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,EACrC;MACAC,OAAO,CAACC,IAAI,CAAC,mDAAmD,CAAC;MACjER,SAAS,CAACG,OAAO,GAAG,IAAI;IAC1B;IACA,OAAO,CACLV,SAAS,EACTF,SAAS,CAACG,YAAY,EAAEE,eAAe,CAACM,aAAa,CAAC,CAAC,CACxD;EACH;EAEA,OAAO,CAACD,UAAU,EAAGV,SAAS,CAACG,YAAY,EAAEE,eAAe,CAACM,aAAa,CAAC,CAAC,CAAC;AAC/E","ignoreList":[]}

package/build/esm/hooks/useFocusReturn.js

@@ -1,27 +1,23 @@
 import { useEffect, useRef } from 'react';
 export function useFocusReturn(open, rootEl) {
-  var previousFocusRef = useRef(function () {
+  const previousFocusRef = useRef((() => {
     if (open && typeof document !== 'undefined' && document.activeElement instanceof HTMLElement) {
       return document.activeElement;
     }
-
     return null;
-  }());
-  useEffect(function () {
+  })());
+  useEffect(() => {
     if (open) {
-      var _rootEl$current;
-
       // once opened, keep track of the element that triggered
       // the Modal opening
-      if (!previousFocusRef.current && document.activeElement instanceof HTMLElement && !((_rootEl$current = rootEl.current) !== null && _rootEl$current !== void 0 && _rootEl$current.contains(document.activeElement))) {
+      if (!previousFocusRef.current && document.activeElement instanceof HTMLElement && !rootEl.current?.contains(document.activeElement)) {
         previousFocusRef.current = document.activeElement;
       }
-
-      var rootElement = rootEl.current;
-      var previousElement = previousFocusRef.current;
-      return function () {
+      const rootElement = rootEl.current;
+      const previousElement = previousFocusRef.current;
+      return () => {
         // on unmount, return focus to that element
-        if (previousElement && !(rootElement !== null && rootElement !== void 0 && rootElement.contains(document.activeElement))) {
+        if (previousElement && !rootElement?.contains(document.activeElement)) {
           previousElement.focus({
             preventScroll: true
           });

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

@@ -1 +1 @@
-{"version":3,"file":"useFocusReturn.js","names":["useEffect","useRef","useFocusReturn","open","rootEl","previousFocusRef","document","activeElement","HTMLElement","current","contains","rootElement","previousElement","focus","preventScroll"],"sources":["../../../src/hooks/useFocusReturn.ts"],"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"],"mappings":"AACA,SAASA,SAAT,EAAoBC,MAApB,QAAkC,OAAlC;AAEA,OAAO,SAASC,cAAT,CACLC,IADK,EAELC,MAFK,EAGL;EACA,IAAMC,gBAAgB,GAAGJ,MAAM,CAC5B,YAAM;IACL,IACEE,IAAI,IACJ,OAAOG,QAAP,KAAoB,WADpB,IAEAA,QAAQ,CAACC,aAAT,YAAkCC,WAHpC,EAIE;MACA,OAAOF,QAAQ,CAACC,aAAhB;IACD;;IACD,OAAO,IAAP;EACD,CATD,EAD6B,CAA/B;EAaAP,SAAS,CAAC,YAAM;IACd,IAAIG,IAAJ,EAAU;MAAA;;MACR;MACA;MACA,IACE,CAACE,gBAAgB,CAACI,OAAlB,IACAH,QAAQ,CAACC,aAAT,YAAkCC,WADlC,IAEA,qBAACJ,MAAM,CAACK,OAAR,4CAAC,gBAAgBC,QAAhB,CAAyBJ,QAAQ,CAACC,aAAlC,CAAD,CAHF,EAIE;QACAF,gBAAgB,CAACI,OAAjB,GAA2BH,QAAQ,CAACC,aAApC;MACD;;MAED,IAAMI,WAAW,GAAGP,MAAM,CAACK,OAA3B;MACA,IAAMG,eAAe,GAAGP,gBAAgB,CAACI,OAAzC;MACA,OAAO,YAAM;QACX;QACA,IAAIG,eAAe,IAAI,EAACD,WAAD,aAACA,WAAD,eAACA,WAAW,CAAED,QAAb,CAAsBJ,QAAQ,CAACC,aAA/B,CAAD,CAAvB,EAAuE;UACrEK,eAAe,CAACC,KAAhB,CAAsB;YAAEC,aAAa,EAAE;UAAjB,CAAtB;QACD;MACF,CALD;IAMD;EACF,CArBQ,EAqBN,CAACX,IAAD,EAAOC,MAAP,CArBM,CAAT;AAsBD"}
+{"version":3,"file":"useFocusReturn.js","names":["useEffect","useRef","useFocusReturn","open","rootEl","previousFocusRef","document","activeElement","HTMLElement","current","contains","rootElement","previousElement","focus","preventScroll"],"sources":["../../../src/hooks/useFocusReturn.ts"],"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"],"mappings":"AACA,SAASA,SAAS,EAAEC,MAAM,QAAQ,OAAO;AAEzC,OAAO,SAASC,cAAcA,CAC5BC,IAAa,EACbC,MAA4C,EAC5C;EACA,MAAMC,gBAAgB,GAAGJ,MAAM,CAC7B,CAAC,MAAM;IACL,IACEE,IAAI,IACJ,OAAOG,QAAQ,KAAK,WAAW,IAC/BA,QAAQ,CAACC,aAAa,YAAYC,WAAW,EAC7C;MACA,OAAOF,QAAQ,CAACC,aAAa;IAC/B;IACA,OAAO,IAAI;EACb,CAAC,EAAE,CACL,CAAC;EAEDP,SAAS,CAAC,MAAM;IACd,IAAIG,IAAI,EAAE;MACR;MACA;MACA,IACE,CAACE,gBAAgB,CAACI,OAAO,IACzBH,QAAQ,CAACC,aAAa,YAAYC,WAAW,IAC7C,CAACJ,MAAM,CAACK,OAAO,EAAEC,QAAQ,CAACJ,QAAQ,CAACC,aAAa,CAAC,EACjD;QACAF,gBAAgB,CAACI,OAAO,GAAGH,QAAQ,CAACC,aAAa;MACnD;MAEA,MAAMI,WAAW,GAAGP,MAAM,CAACK,OAAO;MAClC,MAAMG,eAAe,GAAGP,gBAAgB,CAACI,OAAO;MAChD,OAAO,MAAM;QACX;QACA,IAAIG,eAAe,IAAI,CAACD,WAAW,EAAED,QAAQ,CAACJ,QAAQ,CAACC,aAAa,CAAC,EAAE;UACrEK,eAAe,CAACC,KAAK,CAAC;YAAEC,aAAa,EAAE;UAAK,CAAC,CAAC;QAChD;MACF,CAAC;IACH;EACF,CAAC,EAAE,CAACX,IAAI,EAAEC,MAAM,CAAC,CAAC;AACpB","ignoreList":[]}

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

@@ -4,8 +4,8 @@ export declare function useFocusState<T>(props?: {
     onBlur?: FocusEventHandler<T>;
 }): {
     bind: {
-        onFocus: import("../utils/wrap-event").CustomEventHandler<import("react").FocusEvent<T, Element>, []>;
-        onBlur: import("../utils/wrap-event").CustomEventHandler<import("react").FocusEvent<T, Element>, []>;
+        onFocus: import("..").CustomEventHandler<import("react").FocusEvent<T, Element>, []>;
+        onBlur: import("..").CustomEventHandler<import("react").FocusEvent<T, Element>, []>;
     };
     hasFocus: boolean;
 };

package/build/esm/hooks/useFocusState.js

@@ -1,30 +1,24 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import { useState } from 'react';
 import { wrapEvent } from '../utils/wrap-event';
 export function useFocusState() {
-  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var onFocus = props.onFocus,
-      onBlur = props.onBlur;
-
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      hasFocus = _useState2[0],
-      setHasFocus = _useState2[1];
-
-  var handleFocus = function handleFocus() {
+  let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  const {
+    onFocus,
+    onBlur
+  } = props;
+  const [hasFocus, setHasFocus] = useState(false);
+  const handleFocus = () => {
     setHasFocus(true);
   };
-
-  var handleBlur = function handleBlur() {
+  const handleBlur = () => {
     setHasFocus(false);
   };
-
   return {
     bind: {
       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,"file":"useFocusState.js","names":["useState","wrapEvent","useFocusState","props","onFocus","onBlur","hasFocus","setHasFocus","handleFocus","handleBlur","bind"],"sources":["../../../src/hooks/useFocusState.ts"],"sourcesContent":["import type { FocusEventHandler } from 'react';\nimport { useState } from 'react';\n\nimport { wrapEvent } from '../utils/wrap-event';\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"],"mappings":";AACA,SAASA,QAAT,QAAyB,OAAzB;AAEA,SAASC,SAAT,QAA0B,qBAA1B;AAEA,OAAO,SAASC,aAAT,GAKL;EAAA,IAJAC,KAIA,uEADI,EACJ;EACA,IAAQC,OAAR,GAA4BD,KAA5B,CAAQC,OAAR;EAAA,IAAiBC,MAAjB,GAA4BF,KAA5B,CAAiBE,MAAjB;;EACA,gBAAgCL,QAAQ,CAAC,KAAD,CAAxC;EAAA;EAAA,IAAOM,QAAP;EAAA,IAAiBC,WAAjB;;EAEA,IAAMC,WAAW,GAAG,SAAdA,WAAc,GAAM;IACxBD,WAAW,CAAC,IAAD,CAAX;EACD,CAFD;;EAIA,IAAME,UAAU,GAAG,SAAbA,UAAa,GAAM;IACvBF,WAAW,CAAC,KAAD,CAAX;EACD,CAFD;;EAIA,OAAO;IACLG,IAAI,EAAE;MACJN,OAAO,EAAEH,SAAS,CAACG,OAAD,EAAUI,WAAV,CADd;MAEJH,MAAM,EAAEJ,SAAS,CAACI,MAAD,EAASI,UAAT;IAFb,CADD;IAKLH,QAAQ,EAARA;EALK,CAAP;AAOD"}
+{"version":3,"file":"useFocusState.js","names":["useState","wrapEvent","useFocusState","props","arguments","length","undefined","onFocus","onBlur","hasFocus","setHasFocus","handleFocus","handleBlur","bind"],"sources":["../../../src/hooks/useFocusState.ts"],"sourcesContent":["import type { FocusEventHandler } from 'react';\nimport { useState } from 'react';\n\nimport { wrapEvent } from '../utils/wrap-event';\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"],"mappings":"AACA,SAASA,QAAQ,QAAQ,OAAO;AAEhC,SAASC,SAAS,QAAQ,qBAAqB;AAE/C,OAAO,SAASC,aAAaA,CAAA,EAK3B;EAAA,IAJAC,KAGC,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC,CAAC;EAEN,MAAM;IAAEG,OAAO;IAAEC;EAAO,CAAC,GAAGL,KAAK;EACjC,MAAM,CAACM,QAAQ,EAAEC,WAAW,CAAC,GAAGV,QAAQ,CAAC,KAAK,CAAC;EAE/C,MAAMW,WAAW,GAAGA,CAAA,KAAM;IACxBD,WAAW,CAAC,IAAI,CAAC;EACnB,CAAC;EAED,MAAME,UAAU,GAAGA,CAAA,KAAM;IACvBF,WAAW,CAAC,KAAK,CAAC;EACpB,CAAC;EAED,OAAO;IACLG,IAAI,EAAE;MACJN,OAAO,EAAEN,SAAS,CAACM,OAAO,EAAEI,WAAW,CAAC;MACxCH,MAAM,EAAEP,SAAS,CAACO,MAAM,EAAEI,UAAU;IACtC,CAAC;IACDH;EACF,CAAC;AACH","ignoreList":[]}

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

@@ -17,7 +17,7 @@ export interface GestureHandlersState {
     down: boolean;
     scrollLocked: boolean;
 }
-declare type SetStateFunc<S> = (state: (prevState: Readonly<S>) => S, callback?: () => void) => void;
+type SetStateFunc<S> = (state: (prevState: Readonly<S>) => S, callback?: () => void) => void;
 export interface GestureHandlersReturn {
     onMouseDown: (e: ReactMouseEvent<HTMLElement>) => void;
     onTouchStart: (e: ReactTouchEvent<HTMLElement>) => void;

package/build/esm/hooks/useGestureHandlers.js

@@ -1,7 +1,6 @@
-import _extends from "@babel/runtime/helpers/extends";
 import { useRef } from 'react';
 import { getOwnerDocument } from '../utils';
-export var initialGestureHandlersState = {
+export const initialGestureHandlersState = {
   target: null,
   x: 0,
   xDelta: 0,
@@ -19,42 +18,43 @@ export var initialGestureHandlersState = {
   down: false,
   scrollLocked: false
 };
-var FRAMERATE_CONST = 1000 / 60; // 60 fps
-
-var VELOCITY_DEPR_FACTOR = FRAMERATE_CONST * 2;
+const FRAMERATE_CONST = 1000 / 60; // 60 fps
+const 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(_extends({}, state), {}, {
-        xVelocity: xVelocity,
-        yVelocity: yVelocity,
+  let options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  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 = {
+        ...state,
+        xVelocity,
+        yVelocity,
         target: null,
         down: false
-      });
-
+      };
       return newState;
     });
   };
-
-  var handleDown = function handleDown(e) {
-    var target = e.target,
-        pageX = e.pageX,
-        pageY = e.pageY;
-    set(function (state) {
-      var newState = _extends(_extends({}, state), {}, {
-        target: target,
+  const handleDown = e => {
+    const {
+      target,
+      pageX,
+      pageY
+    } = e;
+    set(state => {
+      const newState = {
+        ...state,
+        target,
         x: pageX,
         xDelta: 0,
         xDeltaPercent: 0,
@@ -70,96 +70,84 @@ export function gestureHandlers(set, containerRef) {
         startTime: Date.now(),
         down: true,
         scrollLocked: false
-      });
-
+      };
       return newState;
     });
   };
-
   function calcVelocity(deltaSpace, deltaTime, prevVelocity) {
     if (deltaTime < 1) {
       deltaTime = 1;
     }
-
-    var speed = deltaSpace / deltaTime;
-    var depr = 0.5 + Math.min(deltaTime / VELOCITY_DEPR_FACTOR, 0.5);
+    const speed = deltaSpace / deltaTime;
+    const depr = 0.5 + Math.min(deltaTime / VELOCITY_DEPR_FACTOR, 0.5);
     return speed * depr + prevVelocity * (1 - depr);
   }
-
   function handleMove(e) {
-    var pageX = e.pageX,
-        pageY = e.pageY;
-
+    const {
+      pageX,
+      pageY
+    } = e;
     if (e.cancelable) {
       // prevent drag & drop behaviour from browser
       e.preventDefault && e.preventDefault();
     }
-
-    set(function (state) {
+    set(state => {
       function getDeltaSum(currentPos, initialPos, prevPos) {
         if (state.scrollLocked || Math.abs(currentPos - initialPos) >= minTouchDelta) {
           state.scrollLocked = true;
           return currentPos - prevPos;
         }
-
         return 0;
       }
-
-      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(_extends({}, state), {}, {
-        xDelta: xDelta,
-        xDeltaPercent: xDeltaPercent,
+      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 = {
+        ...state,
+        xDelta,
+        xDeltaPercent,
         x: pageX,
         xPrev: state.x,
-        xVelocity: xVelocity,
-        yDelta: yDelta,
-        yDeltaPercent: yDeltaPercent,
+        xVelocity,
+        yDelta,
+        yDeltaPercent,
         y: pageY,
         yPrev: state.y,
-        yVelocity: yVelocity
-      });
-
+        yVelocity
+      };
       return newState;
     });
-  } // Touch handlers
-
-  /* eslint-disable @typescript-eslint/no-use-before-define */
+  }
 
+  // Touch handlers
 
   function handleTouchMove(e) {
     if (e.cancelable) {
       // prevent drag & drop behaviour from browser
       e.preventDefault();
     }
-
     handleMove(e.touches.item(0));
   }
-
   function handleTouchStart(e) {
     // making sure we're not dragging the element when more than one finger press the screen
-    var touches = e.touches;
-
+    const {
+      touches
+    } = e;
     if (touches.length > 1) {
       return;
     }
-
     if (ensureTargetIsContainer && containerRef && e.target !== containerRef.current) {
       return;
-    } // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-
-
-    var ownerDocument = getOwnerDocument(e.currentTarget);
-    var ownerWindow = ownerDocument.defaultView || window;
+    }
+    const ownerDocument = getOwnerDocument(e.currentTarget);
+    const ownerWindow = ownerDocument.defaultView || window;
     ownerWindow.addEventListener('touchmove', handleTouchMove, {
       passive: false
     });
@@ -167,58 +155,50 @@ export function gestureHandlers(set, containerRef) {
     ownerWindow.addEventListener('touchcancel', handleTouchEnd);
     handleDown(e.touches.item(0));
   }
-
   function handleTouchEnd() {
     this.removeEventListener('touchmove', handleTouchMove);
     this.removeEventListener('touchend', handleTouchEnd);
     this.removeEventListener('touchcancel', handleTouchEnd);
     handleUp();
-  } // Mouse handlers
-
+  }
 
+  // Mouse handlers
   function handleMouseDown(e) {
     if (ensureTargetIsContainer && containerRef && e.target !== containerRef.current) {
       return;
-    } // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-
-
-    var ownerDocument = getOwnerDocument(e.currentTarget);
-    var ownerWindow = ownerDocument.defaultView || window;
-
+    }
+    const ownerDocument = getOwnerDocument(e.currentTarget);
+    const ownerWindow = ownerDocument.defaultView || window;
     if (e.button === 0) {
       ownerWindow.addEventListener('mousemove', handleMove);
       ownerWindow.addEventListener('mouseup', handleMouseUp);
       handleDown(e);
     }
   }
-
   function handleMouseUp() {
     this.removeEventListener('mousemove', handleMove);
     this.removeEventListener('mouseup', handleMouseUp);
     handleUp();
   }
-  /* eslint-enable @typescript-eslint/no-use-before-define */
-
-
   return {
     onMouseDown: handleMouseDown,
     onTouchStart: handleTouchStart
   };
 }
-export var useGestureHandlers = function useGestureHandlers(containerRef, onGesture) {
-  var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-  var state = useRef(_extends({}, initialGestureHandlersState));
-
-  var set = function set(cb) {
+export const useGestureHandlers = function (containerRef, onGesture) {
+  let options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  const state = useRef({
+    ...initialGestureHandlersState
+  });
+  const set = cb => {
     state.current = cb(state.current);
     onGesture && onGesture(state.current);
     return state.current;
   };
-
-  var handlers = gestureHandlers(set, containerRef, options);
+  const handlers = gestureHandlers(set, containerRef, options);
   return {
     state: state.current,
-    handlers: handlers
+    handlers
   };
 };
 //# sourceMappingURL=useGestureHandlers.js.map