@basic-ui/core 0.0.37 → 0.0.38

package/build/esm/RadioButton/RadioGroup.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/RadioButton/RadioGroup.tsx"],"names":["forwardRef","RadioGroupProvider","useControlledState","useId","RadioGroup","props","forwardedRef","as","Comp","onChange","onChangeProp","value","valueProp","name","nameProp","defaultValue","otherProps","setValue","e","fallbackId"],"mappings":";;AAAA,SAASA,UAAT,QAA2B,OAA3B;AAEA,SAASC,kBAAT,QAA+C,WAA/C;AACA,SAASC,kBAAT,EAA6BC,KAA7B,QAA0C,UAA1C;;AAmBA,OAAO,MAAMC,UAAU,gBAAGJ,UAAU,CAClC,SAASI,UAAT,CAAoBC,KAApB,EAA2BC,YAA3B,EAAyC;AACvC,QAAM;AACJC,IAAAA,EAAE,EAAEC,IAAI,GAAG,KADP;AAEJC,IAAAA,QAAQ,EAAEC,YAFN;AAGJC,IAAAA,KAAK,EAAEC,SAHH;AAIJC,IAAAA,IAAI,EAAEC,QAJF;AAKJC,IAAAA;AALI,MAOFV,KAPJ;AAAA,QAMKW,UANL,iCAOIX,KAPJ;;AAQA,QAAM,CAACM,KAAD,EAAQF,QAAR,IAAoBP,kBAAkB,CAC1CU,SAD0C,EAE1CF,YAF0C,EAG1CK,YAH0C,EAIzCE,QAAD,IAAc,CAACC,CAAD,EAAIP,KAAJ,KAAc;AAC1BM,IAAAA,QAAQ,CAACN,KAAD,CAAR;AACD,GANyC,CAA5C;AASA,QAAMQ,UAAU,GAAGhB,KAAK,EAAxB;AAEA,sBACE,KAAC,kBAAD;AACE,IAAA,KAAK,EAAE;AACLQ,MAAAA,KADK;AAELF,MAAAA,QAFK;AAGLI,MAAAA,IAAI,EAAEC,QAAQ,IAAIK;AAHb,KADT;AAAA,2BAOE,KAAC,IAAD;AAAM,MAAA,GAAG,EAAEb,YAAX;AAAyB,MAAA,IAAI,EAAC;AAA9B,OAA+CU,UAA/C;AAPF,IADF;AAWD,CAhCiC,CAA7B","sourcesContent":["import { forwardRef } from 'react';\nimport type * as React from 'react';\nimport { RadioGroupProvider, RadioValue } from './context';\nimport { useControlledState, useId } from '../hooks';\n\nexport interface RadioGroupProps\n  extends Omit<\n    React.HTMLAttributes<HTMLDivElement>,\n    'onChange' | 'value' | 'defaultValue'\n  > {\n  as?: React.ElementType<any>;\n  innerAs?: React.ElementType<any>;\n  children?: React.ReactNode;\n  value?: RadioValue;\n  defaultValue?: RadioValue;\n  name?: string;\n  onChange?: (\n    e: React.ChangeEvent<HTMLInputElement>,\n    value: RadioValue\n  ) => void;\n}\n\nexport const RadioGroup = forwardRef<HTMLDivElement, RadioGroupProps>(\n  function RadioGroup(props, forwardedRef) {\n    const {\n      as: Comp = 'div',\n      onChange: onChangeProp,\n      value: valueProp,\n      name: nameProp,\n      defaultValue,\n      ...otherProps\n    } = props;\n    const [value, onChange] = useControlledState(\n      valueProp,\n      onChangeProp,\n      defaultValue,\n      (setValue) => (e, value) => {\n        setValue(value);\n      }\n    );\n\n    const fallbackId = useId();\n\n    return (\n      <RadioGroupProvider\n        value={{\n          value,\n          onChange,\n          name: nameProp || fallbackId,\n        }}\n      >\n        <Comp ref={forwardedRef} role=\"radiogroup\" {...otherProps} />\n      </RadioGroupProvider>\n    );\n  }\n);\n"],"file":"RadioGroup.js"}
+{"version":3,"sources":["../../../src/RadioButton/RadioGroup.tsx"],"names":["forwardRef","useId","RadioGroupProvider","useControlledState","RadioGroup","props","forwardedRef","as","Comp","onChange","onChangeProp","value","valueProp","name","nameProp","defaultValue","otherProps","setValue","e","fallbackId"],"mappings":";;AAAA,SAASA,UAAT,EAAqBC,KAArB,QAAkC,OAAlC;AAEA,SAASC,kBAAT,QAA+C,WAA/C;AACA,SAASC,kBAAT,QAAmC,UAAnC;;AAmBA,OAAO,MAAMC,UAAU,gBAAGJ,UAAU,CAClC,SAASI,UAAT,CAAoBC,KAApB,EAA2BC,YAA3B,EAAyC;AACvC,QAAM;AACJC,IAAAA,EAAE,EAAEC,IAAI,GAAG,KADP;AAEJC,IAAAA,QAAQ,EAAEC,YAFN;AAGJC,IAAAA,KAAK,EAAEC,SAHH;AAIJC,IAAAA,IAAI,EAAEC,QAJF;AAKJC,IAAAA;AALI,MAOFV,KAPJ;AAAA,QAMKW,UANL,iCAOIX,KAPJ;;AAQA,QAAM,CAACM,KAAD,EAAQF,QAAR,IAAoBN,kBAAkB,CAC1CS,SAD0C,EAE1CF,YAF0C,EAG1CK,YAH0C,EAIzCE,QAAD,IAAc,CAACC,CAAD,EAAIP,KAAJ,KAAc;AAC1BM,IAAAA,QAAQ,CAACN,KAAD,CAAR;AACD,GANyC,CAA5C;AASA,QAAMQ,UAAU,GAAGlB,KAAK,EAAxB;AAEA,sBACE,KAAC,kBAAD;AACE,IAAA,KAAK,EAAE;AACLU,MAAAA,KADK;AAELF,MAAAA,QAFK;AAGLI,MAAAA,IAAI,EAAEC,QAAQ,IAAIK;AAHb,KADT;AAAA,2BAOE,KAAC,IAAD;AAAM,MAAA,GAAG,EAAEb,YAAX;AAAyB,MAAA,IAAI,EAAC;AAA9B,OAA+CU,UAA/C;AAPF,IADF;AAWD,CAhCiC,CAA7B","sourcesContent":["import { forwardRef, useId } from 'react';\nimport type * as React from 'react';\nimport { RadioGroupProvider, RadioValue } from './context';\nimport { useControlledState } from '../hooks';\n\nexport interface RadioGroupProps\n  extends Omit<\n    React.HTMLAttributes<HTMLDivElement>,\n    'onChange' | 'value' | 'defaultValue'\n  > {\n  as?: React.ElementType<any>;\n  innerAs?: React.ElementType<any>;\n  children?: React.ReactNode;\n  value?: RadioValue;\n  defaultValue?: RadioValue;\n  name?: string;\n  onChange?: (\n    e: React.ChangeEvent<HTMLInputElement>,\n    value: RadioValue\n  ) => void;\n}\n\nexport const RadioGroup = forwardRef<HTMLDivElement, RadioGroupProps>(\n  function RadioGroup(props, forwardedRef) {\n    const {\n      as: Comp = 'div',\n      onChange: onChangeProp,\n      value: valueProp,\n      name: nameProp,\n      defaultValue,\n      ...otherProps\n    } = props;\n    const [value, onChange] = useControlledState(\n      valueProp,\n      onChangeProp,\n      defaultValue,\n      (setValue) => (e, value) => {\n        setValue(value);\n      }\n    );\n\n    const fallbackId = useId();\n\n    return (\n      <RadioGroupProvider\n        value={{\n          value,\n          onChange,\n          name: nameProp || fallbackId,\n        }}\n      >\n        <Comp ref={forwardedRef} role=\"radiogroup\" {...otherProps} />\n      </RadioGroupProvider>\n    );\n  }\n);\n"],"file":"RadioGroup.js"}

package/build/esm/Tabs/TabList.js

@@ -1,8 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-import { forwardRef, useRef, useEffect, Children, cloneElement } from 'react';
+import { forwardRef, useRef, useEffect, Children, cloneElement, useId } from 'react';
 import { TabListProvider, useTabsContext } from './context';
-import { useScope, useId } from '../hooks';
+import { useScope } from '../hooks';
 import { assignMultipleRefs } from '../utils';
 import { jsx as _jsx } from "react/jsx-runtime";
 export const TabList = /*#__PURE__*/forwardRef(function TabList(props, forwardedRef) {

package/build/esm/Tabs/TabList.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Tabs/TabList.tsx"],"names":["forwardRef","useRef","useEffect","Children","cloneElement","TabListProvider","useTabsContext","useScope","useId","assignMultipleRefs","TabList","props","forwardedRef","as","Comp","manualActivation","vertical","children","childrenProps","otherProps","ref","tabsScope","tabsContext","id","Error","undefined","setTabListId","map","node","index"],"mappings":";;AAAA,SAASA,UAAT,EAAqBC,MAArB,EAA6BC,SAA7B,EAAwCC,QAAxC,EAAkDC,YAAlD,QAAsE,OAAtE;AAEA,SAASC,eAAT,EAA0BC,cAA1B,QAAgD,WAAhD;AACA,SAASC,QAAT,EAAmBC,KAAnB,QAAgC,UAAhC;AACA,SAASC,kBAAT,QAAmC,UAAnC;;AAUA,OAAO,MAAMC,OAAO,gBAAGV,UAAU,CAC/B,SAASU,OAAT,CAAiBC,KAAjB,EAAwBC,YAAxB,EAAsC;AACpC,QAAM;AACJC,IAAAA,EAAE,EAAEC,IAAI,GAAG,KADP;AAEJC,IAAAA,gBAAgB,GAAG,KAFf;AAGJC,IAAAA,QAAQ,GAAG,KAHP;AAIJC,IAAAA,QAAQ,EAAEC;AAJN,MAMFP,KANJ;AAAA,QAKKQ,UALL,iCAMIR,KANJ;;AAQA,QAAMS,GAAG,GAAGnB,MAAM,EAAlB;AACA,QAAMoB,SAAS,GAAGd,QAAQ,CAACa,GAAD,CAA1B;AACA,QAAME,WAAW,GAAGhB,cAAc,EAAlC;AACA,QAAMiB,EAAE,GAAGf,KAAK,EAAhB;;AAEA,MAAI,CAACc,WAAL,EAAkB;AAChB,UAAM,IAAIE,KAAJ,CAAU,wCAAV,CAAN;AACD;;AAEDtB,EAAAA,SAAS,CAAC,MAAM;AACd,QAAIqB,EAAE,KAAKE,SAAX,EAAsB;AACpBH,MAAAA,WAAW,CAACI,YAAZ,CAAyBH,EAAzB;AAEA,aAAO,MAAM;AACXD,QAAAA,WAAW,CAACI,YAAZ,CAAyB,IAAzB;AACD,OAFD;AAGD;;AAED;AACD,GAVQ,EAUN,CAACH,EAAD,EAAKD,WAAL,EAAkBA,WAAW,CAACI,YAA9B,CAVM,CAAT;AAYA,QAAMT,QAAQ,GAAGd,QAAQ,CAACwB,GAAT,CAAaT,aAAb,EAA4B,CAACU,IAAD,EAAOC,KAAP,kBAC3CzB,YAAY,CAACwB,IAAD,EAAc;AAAEC,IAAAA;AAAF,GAAd,CADG,CAAjB;AAIA,sBACE,KAAC,eAAD;AAAiB,IAAA,KAAK,EAAE;AAAER,MAAAA,SAAF;AAAaN,MAAAA,gBAAb;AAA+BC,MAAAA;AAA/B,KAAxB;AAAA,2BACE,KAAC,IAAD;AACE,MAAA,GAAG,EAAEP,kBAAkB,CAACG,YAAD,EAAeQ,GAAf,CADzB;AAEE,uBAAc,EAFhB;AAGE,MAAA,IAAI,EAAC;AAHP,OAIMD,UAJN;AAAA,gBAMGF;AANH;AADF,IADF;AAYD,CA/C8B,CAA1B","sourcesContent":["import { forwardRef, useRef, useEffect, Children, cloneElement } from 'react';\nimport type * as React from 'react';\nimport { TabListProvider, useTabsContext } from './context';\nimport { useScope, useId } from '../hooks';\nimport { assignMultipleRefs } from '../utils';\n\nexport interface TabListProps extends React.HTMLAttributes<HTMLDivElement> {\n  as?: React.ElementType<any>;\n  innerAs?: React.ElementType<any>;\n  manualActivation?: boolean;\n  vertical?: boolean;\n  children?: React.ReactNode;\n}\n\nexport const TabList = forwardRef<HTMLDivElement, TabListProps>(\n  function TabList(props, forwardedRef) {\n    const {\n      as: Comp = 'div',\n      manualActivation = false,\n      vertical = false,\n      children: childrenProps,\n      ...otherProps\n    } = props;\n\n    const ref = useRef();\n    const tabsScope = useScope(ref);\n    const tabsContext = useTabsContext();\n    const id = useId();\n\n    if (!tabsContext) {\n      throw new Error('Missing <Tabs /> in the component tree');\n    }\n\n    useEffect(() => {\n      if (id !== undefined) {\n        tabsContext.setTabListId(id);\n\n        return () => {\n          tabsContext.setTabListId(null);\n        };\n      }\n\n      return;\n    }, [id, tabsContext, tabsContext.setTabListId]);\n\n    const children = Children.map(childrenProps, (node, index) =>\n      cloneElement(node as any, { index })\n    );\n\n    return (\n      <TabListProvider value={{ tabsScope, manualActivation, vertical }}>\n        <Comp\n          ref={assignMultipleRefs(forwardedRef, ref)}\n          data-tab-list=\"\"\n          role=\"tablist\"\n          {...otherProps}\n        >\n          {children}\n        </Comp>\n      </TabListProvider>\n    );\n  }\n);\n"],"file":"TabList.js"}
+{"version":3,"sources":["../../../src/Tabs/TabList.tsx"],"names":["forwardRef","useRef","useEffect","Children","cloneElement","useId","TabListProvider","useTabsContext","useScope","assignMultipleRefs","TabList","props","forwardedRef","as","Comp","manualActivation","vertical","children","childrenProps","otherProps","ref","tabsScope","tabsContext","id","Error","undefined","setTabListId","map","node","index"],"mappings":";;AAAA,SACEA,UADF,EAEEC,MAFF,EAGEC,SAHF,EAIEC,QAJF,EAKEC,YALF,EAMEC,KANF,QAOO,OAPP;AASA,SAASC,eAAT,EAA0BC,cAA1B,QAAgD,WAAhD;AACA,SAASC,QAAT,QAAyB,UAAzB;AACA,SAASC,kBAAT,QAAmC,UAAnC;;AAUA,OAAO,MAAMC,OAAO,gBAAGV,UAAU,CAC/B,SAASU,OAAT,CAAiBC,KAAjB,EAAwBC,YAAxB,EAAsC;AACpC,QAAM;AACJC,IAAAA,EAAE,EAAEC,IAAI,GAAG,KADP;AAEJC,IAAAA,gBAAgB,GAAG,KAFf;AAGJC,IAAAA,QAAQ,GAAG,KAHP;AAIJC,IAAAA,QAAQ,EAAEC;AAJN,MAMFP,KANJ;AAAA,QAKKQ,UALL,iCAMIR,KANJ;;AAQA,QAAMS,GAAG,GAAGnB,MAAM,EAAlB;AACA,QAAMoB,SAAS,GAAGb,QAAQ,CAACY,GAAD,CAA1B;AACA,QAAME,WAAW,GAAGf,cAAc,EAAlC;AACA,QAAMgB,EAAE,GAAGlB,KAAK,EAAhB;;AAEA,MAAI,CAACiB,WAAL,EAAkB;AAChB,UAAM,IAAIE,KAAJ,CAAU,wCAAV,CAAN;AACD;;AAEDtB,EAAAA,SAAS,CAAC,MAAM;AACd,QAAIqB,EAAE,KAAKE,SAAX,EAAsB;AACpBH,MAAAA,WAAW,CAACI,YAAZ,CAAyBH,EAAzB;AAEA,aAAO,MAAM;AACXD,QAAAA,WAAW,CAACI,YAAZ,CAAyB,IAAzB;AACD,OAFD;AAGD;;AAED;AACD,GAVQ,EAUN,CAACH,EAAD,EAAKD,WAAL,EAAkBA,WAAW,CAACI,YAA9B,CAVM,CAAT;AAYA,QAAMT,QAAQ,GAAGd,QAAQ,CAACwB,GAAT,CAAaT,aAAb,EAA4B,CAACU,IAAD,EAAOC,KAAP,kBAC3CzB,YAAY,CAACwB,IAAD,EAAc;AAAEC,IAAAA;AAAF,GAAd,CADG,CAAjB;AAIA,sBACE,KAAC,eAAD;AAAiB,IAAA,KAAK,EAAE;AAAER,MAAAA,SAAF;AAAaN,MAAAA,gBAAb;AAA+BC,MAAAA;AAA/B,KAAxB;AAAA,2BACE,KAAC,IAAD;AACE,MAAA,GAAG,EAAEP,kBAAkB,CAACG,YAAD,EAAeQ,GAAf,CADzB;AAEE,uBAAc,EAFhB;AAGE,MAAA,IAAI,EAAC;AAHP,OAIMD,UAJN;AAAA,gBAMGF;AANH;AADF,IADF;AAYD,CA/C8B,CAA1B","sourcesContent":["import {\n  forwardRef,\n  useRef,\n  useEffect,\n  Children,\n  cloneElement,\n  useId,\n} from 'react';\nimport type * as React from 'react';\nimport { TabListProvider, useTabsContext } from './context';\nimport { useScope } from '../hooks';\nimport { assignMultipleRefs } from '../utils';\n\nexport interface TabListProps extends React.HTMLAttributes<HTMLDivElement> {\n  as?: React.ElementType<any>;\n  innerAs?: React.ElementType<any>;\n  manualActivation?: boolean;\n  vertical?: boolean;\n  children?: React.ReactNode;\n}\n\nexport const TabList = forwardRef<HTMLDivElement, TabListProps>(\n  function TabList(props, forwardedRef) {\n    const {\n      as: Comp = 'div',\n      manualActivation = false,\n      vertical = false,\n      children: childrenProps,\n      ...otherProps\n    } = props;\n\n    const ref = useRef();\n    const tabsScope = useScope(ref);\n    const tabsContext = useTabsContext();\n    const id = useId();\n\n    if (!tabsContext) {\n      throw new Error('Missing <Tabs /> in the component tree');\n    }\n\n    useEffect(() => {\n      if (id !== undefined) {\n        tabsContext.setTabListId(id);\n\n        return () => {\n          tabsContext.setTabListId(null);\n        };\n      }\n\n      return;\n    }, [id, tabsContext, tabsContext.setTabListId]);\n\n    const children = Children.map(childrenProps, (node, index) =>\n      cloneElement(node as any, { index })\n    );\n\n    return (\n      <TabListProvider value={{ tabsScope, manualActivation, vertical }}>\n        <Comp\n          ref={assignMultipleRefs(forwardedRef, ref)}\n          data-tab-list=\"\"\n          role=\"tablist\"\n          {...otherProps}\n        >\n          {children}\n        </Comp>\n      </TabListProvider>\n    );\n  }\n);\n"],"file":"TabList.js"}

package/build/esm/Tooltip/useTooltip.js

@@ -1,9 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-import { useRef, useEffect, useState } from 'react';
+import { useRef, useEffect, useState, useId } from 'react';
 import { assignMultipleRefs } from '../utils/assignRef';
 import { wrapEvent } from '../utils/wrapEvent';
-import { useId } from '../hooks/useId';
 import { send, state, subscription, Blur, Focus, LeavingVisible, MouseDown, MouseEnter, MouseLeave, MouseMove, SelectWithKeyboard, Visible } from './stateMachine';
 export function useTooltip(childProps, childRef, tooltipProps) {
   const {
@@ -17,7 +16,7 @@ export function useTooltip(childProps, childRef, tooltipProps) {
   } = childProps;
   const anchorEl = useRef(null);
   const [visible, setVisible] = useState(false);
-  const id = useId('');
+  const id = useId();
   useEffect(() => {
     subscription.subscribe(() => {
       setVisible((state.current.state === Visible || state.current.state === LeavingVisible) && state.current.id === id);

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Tooltip/useTooltip.ts"],"names":["useRef","useEffect","useState","assignMultipleRefs","wrapEvent","useId","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":";;AAAA,SAASA,MAAT,EAAgCC,SAAhC,EAA2CC,QAA3C,QAA2D,OAA3D;AACA,SAASC,kBAAT,QAAmC,oBAAnC;AACA,SAASC,SAAT,QAA0B,oBAA1B;AACA,SAASC,KAAT,QAAsB,gBAAtB;AACA,SACEC,IADF,EAEEC,KAFF,EAGEC,YAHF,EAIEC,IAJF,EAKEC,KALF,EAMEC,cANF,EAOEC,SAPF,EAQEC,UARF,EASEC,UATF,EAUEC,SAVF,EAWEC,kBAXF,EAYEC,OAZF,QAaO,gBAbP;AAyBA,OAAO,SAASC,UAAT,CACLC,UADK,EAELC,QAFK,EAGLC,YAHK,EAI+B;AACpC,QAAM;AACJC,IAAAA,YADI;AAEJC,IAAAA,YAFI;AAGJC,IAAAA,WAHI;AAIJC,IAAAA,WAJI;AAKJC,IAAAA,SALI;AAMJC,IAAAA,OANI;AAOJC,IAAAA;AAPI,MAQFT,UARJ;AASA,QAAMU,QAAQ,GAAG7B,MAAM,CAAc,IAAd,CAAvB;AACA,QAAM,CAAC8B,OAAD,EAAUC,UAAV,IAAwB7B,QAAQ,CAAC,KAAD,CAAtC;AACA,QAAM8B,EAAE,GAAG3B,KAAK,CAAC,EAAD,CAAhB;AAEAJ,EAAAA,SAAS,CAAC,MAAM;AACdO,IAAAA,YAAY,CAACyB,SAAb,CAAuB,MAAM;AAC3BF,MAAAA,UAAU,CACR,CAACxB,KAAK,CAAC2B,OAAN,CAAc3B,KAAd,KAAwBU,OAAxB,IACCV,KAAK,CAAC2B,OAAN,CAAc3B,KAAd,KAAwBI,cAD1B,KAEEJ,KAAK,CAAC2B,OAAN,CAAcF,EAAd,KAAqBA,EAHf,CAAV;AAKD,KAND;AAOD,GARQ,EAQN,CAACA,EAAD,CARM,CAAT;;AAUA,WAASG,gBAAT,GAA4B;AAC1B7B,IAAAA,IAAI,CAACO,UAAD,EAAa;AAAEmB,MAAAA;AAAF,KAAb,CAAJ;AACD;;AAED,WAASI,eAAT,GAA2B;AACzB9B,IAAAA,IAAI,CAACS,SAAD,EAAY;AAAEiB,MAAAA;AAAF,KAAZ,CAAJ;AACD;;AAED,WAASK,gBAAT,GAA4B;AAC1B/B,IAAAA,IAAI,CAACQ,UAAD,CAAJ;AACD;;AAED,WAASwB,eAAT,GAA2B;AACzB;AACA,QAAI/B,KAAK,CAAC2B,OAAN,CAAcF,EAAd,KAAqBA,EAAzB,EAA6B;AAC3B1B,MAAAA,IAAI,CAACM,SAAD,CAAJ;AACD;AACF;;AAED,WAAS2B,WAAT,GAAuB;AACrBjC,IAAAA,IAAI,CAACI,KAAD,EAAQ;AAAEsB,MAAAA;AAAF,KAAR,CAAJ;AACD;;AAED,WAASQ,UAAT,GAAsB;AACpB;AACA,QAAIjC,KAAK,CAAC2B,OAAN,CAAcF,EAAd,KAAqBA,EAAzB,EAA6B;AAC3B1B,MAAAA,IAAI,CAACG,IAAD,EAAOgC,SAAP,CAAJ;AACD;AACF;;AAED,WAASC,aAAT,CAAuBC,KAAvB,EAAgE;AAC9D,QAAIA,KAAK,CAACC,GAAN,KAAc,OAAd,IAAyBD,KAAK,CAACC,GAAN,KAAc,GAA3C,EAAgD;AAC9CtC,MAAAA,IAAI,CAACU,kBAAD,CAAJ;AACD;AACF;;AAED,QAAM;AACJ6B,IAAAA,KAAK,EAAEC,QADH;AAEJxB,IAAAA,YAAY,EAAEyB,mBAFV;AAGJxB,IAAAA,YAAY,EAAEyB,mBAHV;AAIJxB,IAAAA,WAAW,EAAEyB;AAJT,MAMF5B,YANJ;AAAA,QAKK6B,iBALL,iCAMI7B,YANJ;;AAQA,QAAM8B,SAAS,qBAAcnB,EAAd,CAAf;AACA,SAAO,cAEAb,UAFA;AAGHiC,IAAAA,GAAG,EAAEjD,kBAAkB,CAACiB,QAAD,EAAWS,QAAX;AAHpB,KAICC,OAAO,IAAI;AAAE,wBAAoBqB;AAAtB,GAJZ;AAKH7B,IAAAA,YAAY,EAAElB,SAAS,CAACkB,YAAD,EAAea,gBAAf,CALpB;AAMHZ,IAAAA,YAAY,EAAEnB,SAAS,CAACmB,YAAD,EAAec,gBAAf,CANpB;AAOHb,IAAAA,WAAW,EAAEpB,SAAS,CAACoB,WAAD,EAAcY,eAAd,CAPnB;AAQHX,IAAAA,WAAW,EAAErB,SAAS,CAACqB,WAAD,EAAca,eAAd,CARnB;AASHX,IAAAA,OAAO,EAAEvB,SAAS,CAACuB,OAAD,EAAUY,WAAV,CATf;AAUHX,IAAAA,MAAM,EAAExB,SAAS,CAACwB,MAAD,EAASY,UAAT,CAVd;AAWHd,IAAAA,SAAS,EAAEtB,SAAS,CAACsB,SAAD,EAAYgB,aAAZ;AAXjB;AAcHV,IAAAA,EAAE,EAAEmB,SAdD;AAeHtB,IAAAA,QAfG;AAgBHC,IAAAA,OAhBG;AAiBHgB,IAAAA,QAjBG;AAkBHxB,IAAAA,YAAY,EAAElB,SAAS,CAAC2C,mBAAD,EAAsBZ,gBAAtB,CAlBpB;AAmBHZ,IAAAA,YAAY,EAAEnB,SAAS,CAAC4C,mBAAD,EAAsBX,gBAAtB,CAnBpB;AAoBHb,IAAAA,WAAW,EAAEpB,SAAS,CAAC6C,kBAAD,EAAqBb,eAArB,CApBnB;AAqBHiB,IAAAA,IAAI,EAAE;AArBH,KAsBAH,iBAtBA,EAAP;AAyBD","sourcesContent":["import { useRef, RefAttributes, useEffect, useState } from 'react';\nimport { assignMultipleRefs } from '../utils/assignRef';\nimport { wrapEvent } from '../utils/wrapEvent';\nimport { useId } from '../hooks/useId';\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","label","children","tooltipOnMouseEnter","tooltipOnMouseLeave","tooltipOnMouseMove","otherTooltipProps","tooltipId","ref","role"],"mappings":";;AAAA,SAASA,MAAT,EAAgCC,SAAhC,EAA2CC,QAA3C,EAAqDC,KAArD,QAAkE,OAAlE;AACA,SAASC,kBAAT,QAAmC,oBAAnC;AACA,SAASC,SAAT,QAA0B,oBAA1B;AACA,SACEC,IADF,EAEEC,KAFF,EAGEC,YAHF,EAIEC,IAJF,EAKEC,KALF,EAMEC,cANF,EAOEC,SAPF,EAQEC,UARF,EASEC,UATF,EAUEC,SAVF,EAWEC,kBAXF,EAYEC,OAZF,QAaO,gBAbP;AAyBA,OAAO,SAASC,UAAT,CACLC,UADK,EAELC,QAFK,EAGLC,YAHK,EAI+B;AACpC,QAAM;AACJC,IAAAA,YADI;AAEJC,IAAAA,YAFI;AAGJC,IAAAA,WAHI;AAIJC,IAAAA,WAJI;AAKJC,IAAAA,SALI;AAMJC,IAAAA,OANI;AAOJC,IAAAA;AAPI,MAQFT,UARJ;AASA,QAAMU,QAAQ,GAAG7B,MAAM,CAAc,IAAd,CAAvB;AACA,QAAM,CAAC8B,OAAD,EAAUC,UAAV,IAAwB7B,QAAQ,CAAC,KAAD,CAAtC;AACA,QAAM8B,EAAE,GAAG7B,KAAK,EAAhB;AAEAF,EAAAA,SAAS,CAAC,MAAM;AACdO,IAAAA,YAAY,CAACyB,SAAb,CAAuB,MAAM;AAC3BF,MAAAA,UAAU,CACR,CAACxB,KAAK,CAAC2B,OAAN,CAAc3B,KAAd,KAAwBU,OAAxB,IACCV,KAAK,CAAC2B,OAAN,CAAc3B,KAAd,KAAwBI,cAD1B,KAEEJ,KAAK,CAAC2B,OAAN,CAAcF,EAAd,KAAqBA,EAHf,CAAV;AAKD,KAND;AAOD,GARQ,EAQN,CAACA,EAAD,CARM,CAAT;;AAUA,WAASG,gBAAT,GAA4B;AAC1B7B,IAAAA,IAAI,CAACO,UAAD,EAAa;AAAEmB,MAAAA;AAAF,KAAb,CAAJ;AACD;;AAED,WAASI,eAAT,GAA2B;AACzB9B,IAAAA,IAAI,CAACS,SAAD,EAAY;AAAEiB,MAAAA;AAAF,KAAZ,CAAJ;AACD;;AAED,WAASK,gBAAT,GAA4B;AAC1B/B,IAAAA,IAAI,CAACQ,UAAD,CAAJ;AACD;;AAED,WAASwB,eAAT,GAA2B;AACzB;AACA,QAAI/B,KAAK,CAAC2B,OAAN,CAAcF,EAAd,KAAqBA,EAAzB,EAA6B;AAC3B1B,MAAAA,IAAI,CAACM,SAAD,CAAJ;AACD;AACF;;AAED,WAAS2B,WAAT,GAAuB;AACrBjC,IAAAA,IAAI,CAACI,KAAD,EAAQ;AAAEsB,MAAAA;AAAF,KAAR,CAAJ;AACD;;AAED,WAASQ,UAAT,GAAsB;AACpB;AACA,QAAIjC,KAAK,CAAC2B,OAAN,CAAcF,EAAd,KAAqBA,EAAzB,EAA6B;AAC3B1B,MAAAA,IAAI,CAACG,IAAD,EAAOgC,SAAP,CAAJ;AACD;AACF;;AAED,WAASC,aAAT,CAAuBC,KAAvB,EAAgE;AAC9D,QAAIA,KAAK,CAACC,GAAN,KAAc,OAAd,IAAyBD,KAAK,CAACC,GAAN,KAAc,GAA3C,EAAgD;AAC9CtC,MAAAA,IAAI,CAACU,kBAAD,CAAJ;AACD;AACF;;AAED,QAAM;AACJ6B,IAAAA,KAAK,EAAEC,QADH;AAEJxB,IAAAA,YAAY,EAAEyB,mBAFV;AAGJxB,IAAAA,YAAY,EAAEyB,mBAHV;AAIJxB,IAAAA,WAAW,EAAEyB;AAJT,MAMF5B,YANJ;AAAA,QAKK6B,iBALL,iCAMI7B,YANJ;;AAQA,QAAM8B,SAAS,qBAAcnB,EAAd,CAAf;AACA,SAAO,cAEAb,UAFA;AAGHiC,IAAAA,GAAG,EAAEhD,kBAAkB,CAACgB,QAAD,EAAWS,QAAX;AAHpB,KAICC,OAAO,IAAI;AAAE,wBAAoBqB;AAAtB,GAJZ;AAKH7B,IAAAA,YAAY,EAAEjB,SAAS,CAACiB,YAAD,EAAea,gBAAf,CALpB;AAMHZ,IAAAA,YAAY,EAAElB,SAAS,CAACkB,YAAD,EAAec,gBAAf,CANpB;AAOHb,IAAAA,WAAW,EAAEnB,SAAS,CAACmB,WAAD,EAAcY,eAAd,CAPnB;AAQHX,IAAAA,WAAW,EAAEpB,SAAS,CAACoB,WAAD,EAAca,eAAd,CARnB;AASHX,IAAAA,OAAO,EAAEtB,SAAS,CAACsB,OAAD,EAAUY,WAAV,CATf;AAUHX,IAAAA,MAAM,EAAEvB,SAAS,CAACuB,MAAD,EAASY,UAAT,CAVd;AAWHd,IAAAA,SAAS,EAAErB,SAAS,CAACqB,SAAD,EAAYgB,aAAZ;AAXjB;AAcHV,IAAAA,EAAE,EAAEmB,SAdD;AAeHtB,IAAAA,QAfG;AAgBHC,IAAAA,OAhBG;AAiBHgB,IAAAA,QAjBG;AAkBHxB,IAAAA,YAAY,EAAEjB,SAAS,CAAC0C,mBAAD,EAAsBZ,gBAAtB,CAlBpB;AAmBHZ,IAAAA,YAAY,EAAElB,SAAS,CAAC2C,mBAAD,EAAsBX,gBAAtB,CAnBpB;AAoBHb,IAAAA,WAAW,EAAEnB,SAAS,CAAC4C,kBAAD,EAAqBb,eAArB,CApBnB;AAqBHiB,IAAAA,IAAI,EAAE;AArBH,KAsBAH,iBAtBA,EAAP;AAyBD","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"}

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

@@ -3,7 +3,6 @@ export * from './useControlledState';
 export * from './useChildrenCounter';
 export * from './useFocusReturn';
 export * from './useFocusState';
-export * from './useId';
 export * from './useOnClickOutside';
 export * from './useOnKeyDown';
 export * from './useReducerMachine';

package/build/esm/hooks/index.js

@@ -3,7 +3,6 @@ export * from './useControlledState';
 export * from './useChildrenCounter';
 export * from './useFocusReturn';
 export * from './useFocusState';
-export * from './useId';
 export * from './useOnClickOutside';
 export * from './useOnKeyDown';
 export * from './useReducerMachine';

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAd;AACA,cAAc,sBAAd;AACA,cAAc,sBAAd;AACA,cAAc,kBAAd;AACA,cAAc,iBAAd;AACA,cAAc,SAAd;AACA,cAAc,qBAAd;AACA,cAAc,gBAAd;AACA,cAAc,qBAAd;AACA,cAAc,uBAAd;AACA,cAAc,eAAd;AACA,cAAc,cAAd;AACA,cAAc,sBAAd;AACA,cAAc,YAAd","sourcesContent":["export * from './useAutoFocus';\nexport * from './useControlledState';\nexport * from './useChildrenCounter';\nexport * from './useFocusReturn';\nexport * from './useFocusState';\nexport * from './useId';\nexport * from './useOnClickOutside';\nexport * from './useOnKeyDown';\nexport * from './useReducerMachine';\nexport * from './useRemoveBodyScroll';\nexport * from './useThrottle';\nexport * from './useMeasure';\nexport * from './useGestureHandlers';\nexport * from './useScope';\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAd;AACA,cAAc,sBAAd;AACA,cAAc,sBAAd;AACA,cAAc,kBAAd;AACA,cAAc,iBAAd;AACA,cAAc,qBAAd;AACA,cAAc,gBAAd;AACA,cAAc,qBAAd;AACA,cAAc,uBAAd;AACA,cAAc,eAAd;AACA,cAAc,cAAd;AACA,cAAc,sBAAd;AACA,cAAc,YAAd","sourcesContent":["export * from './useAutoFocus';\nexport * from './useControlledState';\nexport * from './useChildrenCounter';\nexport * from './useFocusReturn';\nexport * from './useFocusState';\nexport * from './useOnClickOutside';\nexport * from './useOnKeyDown';\nexport * from './useReducerMachine';\nexport * from './useRemoveBodyScroll';\nexport * from './useThrottle';\nexport * from './useMeasure';\nexport * from './useGestureHandlers';\nexport * from './useScope';\n"],"file":"index.js"}

package/build/esm/hooks/useAutoFocus.js

@@ -1,8 +1,12 @@
 import { useEffect } from 'react';
+import { focusOnChildNode } from '../FocusLock/tabUtils';
 export function useAutoFocus(open, elementRef) {
   useEffect(() => {
     if (open) {
-      elementRef.current && elementRef.current.focus();
+      // 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
 
   }, [open]);

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useAutoFocus.ts"],"names":["useEffect","useAutoFocus","open","elementRef","current","focus"],"mappings":"AAAA,SAASA,SAAT,QAA0B,OAA1B;AAEA,OAAO,SAASC,YAAT,CACLC,IADK,EAELC,UAFK,EAGL;AACAH,EAAAA,SAAS,CAAC,MAAM;AACd,QAAIE,IAAJ,EAAU;AACRC,MAAAA,UAAU,CAACC,OAAX,IAAsBD,UAAU,CAACC,OAAX,CAAmBC,KAAnB,EAAtB;AACD,KAHa,CAId;;AACD,GALQ,EAKN,CAACH,IAAD,CALM,CAAT;AAMD","sourcesContent":["import { useEffect } from 'react';\n\nexport function useAutoFocus(\n  open: boolean,\n  elementRef: React.MutableRefObject<HTMLElement | null>\n) {\n  useEffect(() => {\n    if (open) {\n      elementRef.current && elementRef.current.focus();\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":"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"}

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

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

package/build/esm/hooks/useFocusReturn.js

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useFocusReturn.ts"],"names":["useEffect","useRef","useFocusReturn","open","previousFocusRef","current","document","activeElement","previousFocus","requestAnimationFrame","focus"],"mappings":"AAAA,SAASA,SAAT,EAAoBC,MAApB,QAAkC,OAAlC;AAEA,OAAO,SAASC,cAAT,CAAwBC,IAAxB,EAAuC;AAC5C,QAAMC,gBAAgB,GAAGH,MAAM,CAAiB,IAAjB,CAA/B;AAEAD,EAAAA,SAAS,CAAC,MAAM;AACd,QAAIG,IAAJ,EAAU;AACR;AACA;AACAC,MAAAA,gBAAgB,CAACC,OAAjB,GAA2BC,QAAQ,CAACC,aAApC;AACD;;AAED,WAAO,MAAM;AACX;AACA,YAAMC,aAAa,GAAGJ,gBAAgB,CAACC,OAAvC;AACAI,MAAAA,qBAAqB,CAAC,MAAM;AAC1B,YAAID,aAAJ,EAAmB;AAChBA,UAAAA,aAAD,CAA+BE,KAA/B;AACD;AACF,OAJoB,CAArB;AAKD,KARD;AASD,GAhBQ,EAgBN,CAACP,IAAD,CAhBM,CAAT;AAiBD","sourcesContent":["import { useEffect, useRef } from 'react';\n\nexport function useFocusReturn(open: boolean) {\n  const previousFocusRef = useRef<Element | null>(null);\n\n  useEffect(() => {\n    if (open) {\n      // once opened, keep track of the element that triggered\n      // the Modal opening\n      previousFocusRef.current = document.activeElement;\n    }\n\n    return () => {\n      // on unmount, return focus to that element\n      const previousFocus = previousFocusRef.current;\n      requestAnimationFrame(() => {\n        if (previousFocus) {\n          (previousFocus as HTMLElement).focus();\n        }\n      });\n    };\n  }, [open]);\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":"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"}

package/build/esm/hooks/useRemoveBodyScroll.js

@@ -1,38 +1,31 @@
 import { useEffect } from 'react';
+let scrollBodyCount = 0;
 export function useRemoveBodyScroll(open) {
   useEffect(() => {
     if (open) {
-      const locksCount = (window.__SCROLL_BODY_COUNT__ || 0) + 1; // calculate scrollbar width if mounting the first scroll lock
+      scrollBodyCount += 1; // calculate scrollbar width if mounting the first scroll lock
 
       let scrollBarWidth = 0;
 
-      if (locksCount === 1) {
+      if (scrollBodyCount === 1) {
         scrollBarWidth = window.innerWidth - document.body.clientWidth;
       }
 
       document.body.style.overflow = 'hidden';
 
       if (scrollBarWidth > 0) {
-        document.body.style.paddingRight = "".concat(scrollBarWidth, "px");
-      } // save current lock count in global object
-
-
-      window.__SCROLL_BODY_COUNT__ = locksCount;
-    }
+        document.body.style.marginRight = "".concat(scrollBarWidth, "px");
+      }
 
-    return () => {
-      if (open) {
-        const locksCount = window.__SCROLL_BODY_COUNT__ - 1;
+      return () => {
+        scrollBodyCount -= 1;
 
-        if (locksCount === 0) {
+        if (scrollBodyCount === 0) {
           document.body.style.overflow = '';
-          document.body.style.paddingRight = '';
-        } // save current lock count in global object
-
-
-        window.__SCROLL_BODY_COUNT__ = locksCount;
-      }
-    };
+          document.body.style.marginRight = '';
+        }
+      };
+    }
   }, [open]);
 }
 //# sourceMappingURL=useRemoveBodyScroll.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useRemoveBodyScroll.ts"],"names":["useEffect","useRemoveBodyScroll","open","locksCount","window","__SCROLL_BODY_COUNT__","scrollBarWidth","innerWidth","document","body","clientWidth","style","overflow","paddingRight"],"mappings":"AAAA,SAASA,SAAT,QAA0B,OAA1B;AAEA,OAAO,SAASC,mBAAT,CAA6BC,IAA7B,EAA4C;AACjDF,EAAAA,SAAS,CAAC,MAAM;AACd,QAAIE,IAAJ,EAAU;AACR,YAAMC,UAAU,GAAG,CAAEC,MAAD,CAAgBC,qBAAhB,IAAyC,CAA1C,IAA+C,CAAlE,CADQ,CAGR;;AACA,UAAIC,cAAc,GAAG,CAArB;;AACA,UAAIH,UAAU,KAAK,CAAnB,EAAsB;AACpBG,QAAAA,cAAc,GAAGF,MAAM,CAACG,UAAP,GAAoBC,QAAQ,CAACC,IAAT,CAAcC,WAAnD;AACD;;AAEDF,MAAAA,QAAQ,CAACC,IAAT,CAAcE,KAAd,CAAoBC,QAApB,GAA+B,QAA/B;;AACA,UAAIN,cAAc,GAAG,CAArB,EAAwB;AACtBE,QAAAA,QAAQ,CAACC,IAAT,CAAcE,KAAd,CAAoBE,YAApB,aAAsCP,cAAtC;AACD,OAZO,CAcR;;;AACCF,MAAAA,MAAD,CAAgBC,qBAAhB,GAAwCF,UAAxC;AACD;;AAED,WAAO,MAAM;AACX,UAAID,IAAJ,EAAU;AACR,cAAMC,UAAU,GAAIC,MAAD,CAAgBC,qBAAhB,GAAwC,CAA3D;;AAEA,YAAIF,UAAU,KAAK,CAAnB,EAAsB;AACpBK,UAAAA,QAAQ,CAACC,IAAT,CAAcE,KAAd,CAAoBC,QAApB,GAA+B,EAA/B;AACAJ,UAAAA,QAAQ,CAACC,IAAT,CAAcE,KAAd,CAAoBE,YAApB,GAAmC,EAAnC;AACD,SANO,CAQR;;;AACCT,QAAAA,MAAD,CAAgBC,qBAAhB,GAAwCF,UAAxC;AACD;AACF,KAZD;AAaD,GAhCQ,EAgCN,CAACD,IAAD,CAhCM,CAAT;AAiCD","sourcesContent":["import { useEffect } from 'react';\n\nexport function useRemoveBodyScroll(open: boolean) {\n  useEffect(() => {\n    if (open) {\n      const locksCount = ((window as any).__SCROLL_BODY_COUNT__ || 0) + 1;\n\n      // calculate scrollbar width if mounting the first scroll lock\n      let scrollBarWidth = 0;\n      if (locksCount === 1) {\n        scrollBarWidth = window.innerWidth - document.body.clientWidth;\n      }\n\n      document.body.style.overflow = 'hidden';\n      if (scrollBarWidth > 0) {\n        document.body.style.paddingRight = `${scrollBarWidth}px`;\n      }\n\n      // save current lock count in global object\n      (window as any).__SCROLL_BODY_COUNT__ = locksCount;\n    }\n\n    return () => {\n      if (open) {\n        const locksCount = (window as any).__SCROLL_BODY_COUNT__ - 1;\n\n        if (locksCount === 0) {\n          document.body.style.overflow = '';\n          document.body.style.paddingRight = '';\n        }\n\n        // save current lock count in global object\n        (window as any).__SCROLL_BODY_COUNT__ = locksCount;\n      }\n    };\n  }, [open]);\n}\n"],"file":"useRemoveBodyScroll.js"}
+{"version":3,"sources":["../../../src/hooks/useRemoveBodyScroll.ts"],"names":["useEffect","scrollBodyCount","useRemoveBodyScroll","open","scrollBarWidth","window","innerWidth","document","body","clientWidth","style","overflow","marginRight"],"mappings":"AAAA,SAASA,SAAT,QAA0B,OAA1B;AAEA,IAAIC,eAAe,GAAG,CAAtB;AACA,OAAO,SAASC,mBAAT,CAA6BC,IAA7B,EAA4C;AACjDH,EAAAA,SAAS,CAAC,MAAM;AACd,QAAIG,IAAJ,EAAU;AACRF,MAAAA,eAAe,IAAI,CAAnB,CADQ,CAGR;;AACA,UAAIG,cAAc,GAAG,CAArB;;AACA,UAAIH,eAAe,KAAK,CAAxB,EAA2B;AACzBG,QAAAA,cAAc,GAAGC,MAAM,CAACC,UAAP,GAAoBC,QAAQ,CAACC,IAAT,CAAcC,WAAnD;AACD;;AAEDF,MAAAA,QAAQ,CAACC,IAAT,CAAcE,KAAd,CAAoBC,QAApB,GAA+B,QAA/B;;AACA,UAAIP,cAAc,GAAG,CAArB,EAAwB;AACtBG,QAAAA,QAAQ,CAACC,IAAT,CAAcE,KAAd,CAAoBE,WAApB,aAAqCR,cAArC;AACD;;AAED,aAAO,MAAM;AACXH,QAAAA,eAAe,IAAI,CAAnB;;AACA,YAAIA,eAAe,KAAK,CAAxB,EAA2B;AACzBM,UAAAA,QAAQ,CAACC,IAAT,CAAcE,KAAd,CAAoBC,QAApB,GAA+B,EAA/B;AACAJ,UAAAA,QAAQ,CAACC,IAAT,CAAcE,KAAd,CAAoBE,WAApB,GAAkC,EAAlC;AACD;AACF,OAND;AAOD;AACF,GAvBQ,EAuBN,CAACT,IAAD,CAvBM,CAAT;AAwBD","sourcesContent":["import { useEffect } from 'react';\n\nlet scrollBodyCount = 0;\nexport function useRemoveBodyScroll(open: boolean) {\n  useEffect(() => {\n    if (open) {\n      scrollBodyCount += 1;\n\n      // calculate scrollbar width if mounting the first scroll lock\n      let scrollBarWidth = 0;\n      if (scrollBodyCount === 1) {\n        scrollBarWidth = window.innerWidth - document.body.clientWidth;\n      }\n\n      document.body.style.overflow = 'hidden';\n      if (scrollBarWidth > 0) {\n        document.body.style.marginRight = `${scrollBarWidth}px`;\n      }\n\n      return () => {\n        scrollBodyCount -= 1;\n        if (scrollBodyCount === 0) {\n          document.body.style.overflow = '';\n          document.body.style.marginRight = '';\n        }\n      };\n    }\n  }, [open]);\n}\n"],"file":"useRemoveBodyScroll.js"}