@hitachivantara/uikit-react-core 4.0.3 → 4.0.4

package/dist/modern/FilterGroup/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["makeStyles","styles","theme","dropdownPanel","backgroundColor","hv","palette","atmosphere","atmo1","actionBar","width","labelContainer","display","alignItems","label","paddingBottom"],"sources":["../../../src/FilterGroup/styles.js"],"sourcesContent":["import { makeStyles } from \"@mui/styles\";\n\nconst styles = makeStyles((theme) => ({\n  dropdownPanel: {\n    backgroundColor: theme.hv.palette.atmosphere.atmo1,\n  },\n  actionBar: {\n    width: \"100%\",\n  },\n  labelContainer: {\n    display: \"flex\",\n    alignItems: \"flex-start\",\n  },\n  label: {\n    paddingBottom: \"6px\",\n    display: \"block\",\n  },\n}));\n\nexport default styles;\n"],"mappings":"AAAA,SAASA,UAAT,QAA2B,aAA3B;AAEA,MAAMC,MAAM,GAAGD,UAAU,CAAEE,KAAD,KAAY;EACpCC,aAAa,EAAE;IACbC,eAAe,EAAEF,KAAK,CAACG,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC;EADhC,CADqB;EAIpCC,SAAS,EAAE;IACTC,KAAK,EAAE;EADE,CAJyB;EAOpCC,cAAc,EAAE;IACdC,OAAO,EAAE,MADK;IAEdC,UAAU,EAAE;EAFE,CAPoB;EAWpCC,KAAK,EAAE;IACLC,aAAa,EAAE,KADV;IAELH,OAAO,EAAE;EAFJ;AAX6B,CAAZ,CAAD,CAAzB;AAiBA,eAAeX,MAAf"}
+{"version":3,"file":"styles.js","names":["makeStyles","styles","theme","dropdownPanel","backgroundColor","hv","palette","atmosphere","atmo1","actionBar","width","labelContainer","display","alignItems","label","paddingBottom"],"sources":["../../../src/FilterGroup/styles.js"],"sourcesContent":["import { makeStyles } from \"@mui/styles\";\n\nconst styles = makeStyles((theme) => ({\n  dropdownPanel: {\n    backgroundColor: theme.hv.palette.atmosphere.atmo1,\n  },\n  actionBar: {\n    width: \"100%\",\n  },\n  labelContainer: {\n    display: \"flex\",\n    alignItems: \"flex-start\",\n  },\n  label: {\n    paddingBottom: \"6px\",\n    display: \"block\",\n  },\n}));\n\nexport default styles;\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,aAAa;AAExC,MAAMC,MAAM,GAAGD,UAAU,CAAEE,KAAK,KAAM;EACpCC,aAAa,EAAE;IACbC,eAAe,EAAEF,KAAK,CAACG,EAAE,CAACC,OAAO,CAACC,UAAU,CAACC;EAC/C,CAAC;EACDC,SAAS,EAAE;IACTC,KAAK,EAAE;EACT,CAAC;EACDC,cAAc,EAAE;IACdC,OAAO,EAAE,MAAM;IACfC,UAAU,EAAE;EACd,CAAC;EACDC,KAAK,EAAE;IACLC,aAAa,EAAE,KAAK;IACpBH,OAAO,EAAE;EACX;AACF,CAAC,CAAC,CAAC;AAEH,eAAeX,MAAM"}

package/dist/modern/Focus/Focus.js

@@ -1,4 +1,3 @@
-import "core-js/modules/web.dom-collections.iterator.js";
 import React, { useState } from "react";
 import PropTypes from "prop-types";
 import clsx from "clsx";
@@ -8,11 +7,10 @@ import { KeyboardCodes, isBrowser, refType } from "../utils";
 import ConditionalWrapper from "../utils/ConditionalWrapper";
 import { isKey, isOneOfKeys, setFocusTo, getFocusableChildren } from "./utils";
 import styles from "./styles";
-/* eslint-disable no-param-reassign */
 
+/* eslint-disable no-param-reassign */
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-
 const Focus = props => {
   const {
     classes,
@@ -32,12 +30,9 @@ const Focus = props => {
   const [showFocus, setShowFocus] = useState(null);
   const [childFocus, setChildFocus] = useState(null);
   const [hasRunConfig, setHasRunConfig] = useState(false);
-
   const getFocuses = () => rootRef.current ? Array.from(rootRef.current.getElementsByClassName(filterClass || classes.root)) : [];
-
   const setTabIndex = (el, tabIndex = 0) => {
     const elChildFocus = getFocusableChildren(el)[0];
-
     if (elChildFocus) {
       el.tabIndex = -1;
       elChildFocus.tabIndex = tabIndex;
@@ -45,7 +40,6 @@ const Focus = props => {
       el.tabIndex = tabIndex;
     }
   };
-
   const setSelectedTabIndex = () => {
     const focuses = getFocuses();
     const firstSelected = focuses.find(focus => focus.classList.contains(classes.selected));
@@ -53,18 +47,15 @@ const Focus = props => {
     focuses.forEach(focus => setTabIndex(focus, -1));
     setTabIndex(firstSelected, 0);
   };
-
   const clearTabSiblings = el => {
     getFocuses().forEach(focus => setTabIndex(focus, -1));
     setTabIndex(el, 0);
   };
-
   const onFocusStrategy = evt => {
     if (strategy === "listbox") {
       clearTabSiblings(evt.currentTarget);
     }
   };
-
   const onBlurStrategy = () => {
     if (strategy === "listbox" && rootRef.current && !rootRef.current.contains(document.activeElement)) {
       setTimeout(() => {
@@ -72,76 +63,65 @@ const Focus = props => {
       }, 10);
     }
   };
-
   const config = el => {
     const {
       tabIndex
     } = configuration;
     if (!el || hasRunConfig) return;
-
     if (strategy === "card") {
       setChildFocus(children);
       return;
     }
-
     if (strategy === "grid") {
       return;
     }
-
     const focusableChildren = getFocusableChildren(el);
-
     if (focusableChildren.length) {
       focusableChildren.forEach(child => setTabIndex(child, -1));
       setChildFocus(focusableChildren[0]);
     }
-
     if (!isNil(tabIndex)) setTabIndex(el, tabIndex);
     setHasRunConfig(true);
   };
-
   const addFocusClass = evt => {
     if (!useFalseFocus) {
-      evt.currentTarget.classList.add(classes.focused); // add global class HvIsFocused as a marker
+      evt.currentTarget.classList.add(classes.focused);
+      // add global class HvIsFocused as a marker
       // not to be styled directly, only as helper in specific css queries
-
       evt.currentTarget.classList.add("HvIsFocused");
       classes.focus.split(" ").forEach(c => evt.currentTarget.classList.add(c));
     }
   };
-
   const removeFocusClass = () => {
     if (!useFalseFocus) {
       getFocuses().forEach(element => {
-        element.classList.remove(classes.focused); // remove the global class HvIsFocused
-
+        element.classList.remove(classes.focused);
+        // remove the global class HvIsFocused
         element.classList.remove("HvIsFocused");
         classes.focus.split(" ").forEach(c => element.classList.remove(c));
       });
     }
   };
-
   const onFocus = evt => {
     addFocusClass(evt);
-    setShowFocus(true); // give focus to child element if any focusable
+    setShowFocus(true);
+    // give focus to child element if any focusable
 
     if (childFocus && childFocus.focus) childFocus.focus();
     onFocusStrategy(evt);
   };
-
   const onBlur = evt => {
     setShowFocus(false);
     removeFocusClass(evt);
     onBlurStrategy(evt);
   };
-
   const onMouseDown = evt => {
     var _evt$currentTarget;
-
     const hasCard = !!((_evt$currentTarget = evt.currentTarget) !== null && _evt$currentTarget !== void 0 && _evt$currentTarget.querySelector(".HvIsCardGridElement"));
     if (strategy === "grid" && hasCard) return;
     setFocusTo(evt.currentTarget);
-    setTabIndex(evt.currentTarget, 0); // remove focus outline unless explicitly enabled
-
+    setTabIndex(evt.currentTarget, 0);
+    // remove focus outline unless explicitly enabled
     if (!focusOnClick) {
       // TODO this piece of code works only because onMouseDown is happening after the focus event
       // There is nothing in here that guarantees the order of these events, so it may present a problem in the future
@@ -149,23 +129,19 @@ const Focus = props => {
       setShowFocus(false);
     }
   };
-
   const focusAndUpdateIndex = (nextFocus, previousFocus, focusesList) => {
     if (focusesList !== null && focusesList !== void 0 && focusesList.includes(previousFocus)) {
       setTabIndex(previousFocus, -1);
     }
-
     setTabIndex(nextFocus, 0);
     setFocusTo(nextFocus);
   };
-
   const getEnabledKeys = (currentFocusIndex, jump, listSize) => ({
     right: (currentFocusIndex + 1) % jump === 0 || currentFocusIndex + 1 > listSize - 1,
     left: currentFocusIndex % jump === 0,
     up: currentFocusIndex - jump < 0,
     down: currentFocusIndex + jump > listSize || currentFocusIndex + jump > listSize - 1
   });
-
   const onGridKeyDownHandler = (evt, focuses, focusesList, currentFocusIndex, jump) => {
     const {
       ArrowUp,
@@ -178,21 +154,18 @@ const Focus = props => {
       SpaceBar
     } = KeyboardCodes;
     const childFocusIsInput = childFocus && childFocus.nodeName === "INPUT";
-
     if (!isOneOfKeys(evt, [ArrowUp, ArrowDown, ArrowLeft, ArrowRight, Home, End, SpaceBar, Enter]) || childFocusIsInput && isKey(evt, Enter)) {
       // nothing to do
       return;
-    } // we'll do something with the key so prevent default and stop propagation
-    // except for Enter and SpaceBar
-
+    }
 
+    // we'll do something with the key so prevent default and stop propagation
+    // except for Enter and SpaceBar
     if (!isOneOfKeys(evt, [Enter, SpaceBar])) {
       evt.preventDefault();
       evt.stopPropagation();
     }
-
     const blockedKeys = getEnabledKeys(currentFocusIndex, jump, focusesList.length);
-
     switch (evt.keyCode) {
       case SpaceBar:
       case Enter:
@@ -201,49 +174,36 @@ const Focus = props => {
         } else {
           evt.currentTarget.click();
         }
-
         break;
-
       case ArrowUp:
         if (!blockedKeys.up) {
           focusAndUpdateIndex(focuses.jump || focuses.last, evt.current, focusesList);
         }
-
         break;
-
       case ArrowDown:
         if (!blockedKeys.down) {
           focusAndUpdateIndex(focuses.fall || focuses.first, evt.current, focusesList);
         }
-
         break;
-
       case ArrowLeft:
         if (!blockedKeys.left) {
           focusAndUpdateIndex(focuses.previous || focuses.last, evt.current, focusesList);
         }
-
         break;
-
       case ArrowRight:
         if (!blockedKeys.right) {
           focusAndUpdateIndex(focuses.next || focuses.first, evt.current, focusesList);
         }
-
         break;
-
       case Home:
         focusAndUpdateIndex(focuses.first, evt.current, focusesList);
         break;
-
       case End:
         focusAndUpdateIndex(focuses.last, evt.current, focusesList);
         break;
-
       default:
     }
   };
-
   const onVerticalArrangementHandler = (evt, focuses, focusesList) => {
     const {
       ArrowUp,
@@ -254,69 +214,59 @@ const Focus = props => {
       SpaceBar
     } = KeyboardCodes;
     const childFocusIsInput = childFocus && childFocus.nodeName === "INPUT";
-
     if (!isOneOfKeys(evt, [ArrowUp, ArrowDown, Home, End, SpaceBar, Enter]) || childFocusIsInput && isKey(evt, Enter)) {
       // nothing to do
       return;
-    } // we'll do something with the key so prevent default and stop propagation
-
+    }
 
+    // we'll do something with the key so prevent default and stop propagation
     evt.preventDefault();
     evt.stopPropagation();
-
     switch (evt.keyCode) {
       case SpaceBar:
       case Enter:
         evt.target.click();
         break;
-
       case ArrowUp:
         focusAndUpdateIndex(focuses.previous || focuses.last, evt.current, focusesList);
         break;
-
       case ArrowDown:
         focusAndUpdateIndex(focuses.next || focuses.first, evt.current, focusesList);
         break;
-
       case Home:
         focusAndUpdateIndex(focuses.first, evt.current, focusesList);
         break;
-
       case End:
         focusAndUpdateIndex(focuses.last, evt.current, focusesList);
         break;
-
       default:
     }
   };
-
   const onSingleHandler = evt => {
     const {
       Enter,
       SpaceBar
     } = KeyboardCodes;
     const childFocusIsInput = childFocus && childFocus.nodeName === "INPUT";
-
     if (!isOneOfKeys(evt, [SpaceBar, Enter]) || childFocusIsInput && isKey(evt, Enter)) {
       // nothing to do
       return;
-    } // we'll do something with the key so prevent default and stop propagation
-
+    }
 
+    // we'll do something with the key so prevent default and stop propagation
     evt.preventDefault();
     evt.stopPropagation();
     evt.currentTarget.click();
   };
-
   const onKeyDown = evt => {
     if (rootRef.current == null) {
       // operating outside of a composite widget
       // nothing to manage, just style and trigger clicks
       onSingleHandler(evt);
       return;
-    } // TODO keep the smart default, but allow to explictly override if disabled elements should be focusable
-
+    }
 
+    // TODO keep the smart default, but allow to explictly override if disabled elements should be focusable
     const isDisabledFocusable = strategy === "menu";
     const focusesList = getFocuses().filter(el => isDisabledFocusable || !el.classList.contains(classes.disabled));
     const currentFocus = focusesList.indexOf(evt.currentTarget);
@@ -328,30 +278,25 @@ const Focus = props => {
       fall: focusesList[currentFocus + navigationJump],
       jump: focusesList[currentFocus - navigationJump]
     };
-
     if (strategy === "grid") {
       onGridKeyDownHandler(evt, focuses, focusesList, currentFocus, navigationJump);
       return;
-    } // TODO add property for specifing the composite widget orientation
-    // TODO implement handler for horizontal orientation
-
+    }
 
+    // TODO add property for specifing the composite widget orientation
+    // TODO implement handler for horizontal orientation
     onVerticalArrangementHandler(evt, focuses, focusesList);
   };
-
   const onKeyUp = evt => {
     if (isBrowser("firefox")) evt.preventDefault();
   };
-
   if (disabled) return children;
-
   const focusWrapper = childrenToWrap => /*#__PURE__*/_jsxs("div", {
     className: classes.externalReference,
     children: [childrenToWrap, showFocus && /*#__PURE__*/_jsx("div", {
       className: classes.falseFocus
     })]
   });
-
   return /*#__PURE__*/_jsx(ConditionalWrapper, {
     condition: useFalseFocus,
     wrapper: focusWrapper,
@@ -367,7 +312,6 @@ const Focus = props => {
     })
   });
 };
-
 process.env.NODE_ENV !== "production" ? Focus.propTypes = {
   /**
    * A Jss Object used to override or extend the component styles applied.
@@ -377,99 +321,80 @@ process.env.NODE_ENV !== "production" ? Focus.propTypes = {
      * Styles applied to the root.
      */
     root: PropTypes.string,
-
     /**
      * Styles applied when component is selected.
      */
     selected: PropTypes.string,
-
     /**
      * Styles applied when component is disabled.
      */
     disabled: PropTypes.string,
-
     /**
      * Styles applied to external reference.
      */
     externalReference: PropTypes.string,
-
     /**
      * Styles applied when using the false focus.
      */
     falseFocus: PropTypes.string,
-
     /**
      * Styles applied when focus disabled.
      */
     focusDisabled: PropTypes.string,
     focusGridDisabled: PropTypes.string,
-
     /**
      * Styles applied when focus active.
      */
     focused: PropTypes.string,
-
     /**
      * Styles applied when focus customization is passed.
      */
     focus: PropTypes.string
   }).isRequired,
-
   /**
    * The reference to the root element to hold all Focus' context.
    */
   rootRef: refType,
-
   /**
    * Extra configuration for the child element.
    */
   configuration: PropTypes.instanceOf(Object),
-
   /**
    * Whether the focus is selected.
    */
   selected: PropTypes.bool,
-
   /**
    * Whether the focus is disabled.
    */
   disabled: PropTypes.bool,
-
   /**
    * Child node to set the focus.
    */
   children: PropTypes.node.isRequired,
-
   /**
    * Focus and navigation strategy to be used.
    */
   strategy: PropTypes.oneOf(["listbox", "menu", "card", "grid"]),
-
   /**
    * Show focus when click element.
    */
   focusOnClick: PropTypes.bool,
-
   /**
    * Show focus when click element.
    */
   focusDisabled: PropTypes.bool,
-
   /**
    * Indicates that the disabled class should be applied.
    */
   disabledClass: PropTypes.bool,
-
   /**
    * Uses an absolute positioned div as a focus.
    */
   useFalseFocus: PropTypes.bool,
-
   /**
    * Narrows the results of the focus to only theses class
    */
   filterClass: PropTypes.string,
-
   /**
    * How much the navigation will skip when using the arrows.
    */

package/dist/modern/Focus/Focus.js.map

@@ -1 +1 @@
-{"version":3,"file":"Focus.js","names":["React","useState","PropTypes","clsx","isNil","withStyles","KeyboardCodes","isBrowser","refType","ConditionalWrapper","isKey","isOneOfKeys","setFocusTo","getFocusableChildren","styles","Focus","props","classes","children","configuration","disabledClass","selected","disabled","rootRef","focusOnClick","focusDisabled","strategy","useFalseFocus","filterClass","navigationJump","showFocus","setShowFocus","childFocus","setChildFocus","hasRunConfig","setHasRunConfig","getFocuses","current","Array","from","getElementsByClassName","root","setTabIndex","el","tabIndex","elChildFocus","setSelectedTabIndex","focuses","firstSelected","find","focus","classList","contains","forEach","clearTabSiblings","onFocusStrategy","evt","currentTarget","onBlurStrategy","document","activeElement","setTimeout","config","focusableChildren","length","child","addFocusClass","add","focused","split","c","removeFocusClass","element","remove","onFocus","onBlur","onMouseDown","hasCard","querySelector","focusAndUpdateIndex","nextFocus","previousFocus","focusesList","includes","getEnabledKeys","currentFocusIndex","jump","listSize","right","left","up","down","onGridKeyDownHandler","ArrowUp","ArrowDown","Home","End","ArrowLeft","ArrowRight","Enter","SpaceBar","childFocusIsInput","nodeName","preventDefault","stopPropagation","blockedKeys","keyCode","target","click","last","fall","first","previous","next","onVerticalArrangementHandler","onSingleHandler","onKeyDown","isDisabledFocusable","filter","currentFocus","indexOf","onKeyUp","focusWrapper","childrenToWrap","externalReference","falseFocus","cloneElement","className","ref","propTypes","shape","string","focusGridDisabled","isRequired","instanceOf","Object","bool","node","oneOf","number","name"],"sources":["../../../src/Focus/Focus.js"],"sourcesContent":["import React, { useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport isNil from \"lodash/isNil\";\nimport { withStyles } from \"@mui/styles\";\nimport { KeyboardCodes, isBrowser, refType } from \"../utils\";\nimport ConditionalWrapper from \"../utils/ConditionalWrapper\";\nimport { isKey, isOneOfKeys, setFocusTo, getFocusableChildren } from \"./utils\";\nimport styles from \"./styles\";\n\n/* eslint-disable no-param-reassign */\nconst Focus = (props) => {\n  const {\n    classes,\n    children,\n    configuration = {},\n    disabledClass = false,\n    selected = false,\n    disabled = false,\n    rootRef = {},\n    focusOnClick = false,\n    focusDisabled = true,\n    strategy = \"listbox\",\n    useFalseFocus = false,\n    filterClass,\n    navigationJump = 4,\n  } = props;\n  const [showFocus, setShowFocus] = useState(null);\n  const [childFocus, setChildFocus] = useState(null);\n  const [hasRunConfig, setHasRunConfig] = useState(false);\n\n  const getFocuses = () =>\n    rootRef.current\n      ? Array.from(rootRef.current.getElementsByClassName(filterClass || classes.root))\n      : [];\n\n  const setTabIndex = (el, tabIndex = 0) => {\n    const elChildFocus = getFocusableChildren(el)[0];\n    if (elChildFocus) {\n      el.tabIndex = -1;\n      elChildFocus.tabIndex = tabIndex;\n    } else {\n      el.tabIndex = tabIndex;\n    }\n  };\n\n  const setSelectedTabIndex = () => {\n    const focuses = getFocuses();\n    const firstSelected = focuses.find((focus) => focus.classList.contains(classes.selected));\n\n    if (!firstSelected) return;\n    focuses.forEach((focus) => setTabIndex(focus, -1));\n    setTabIndex(firstSelected, 0);\n  };\n\n  const clearTabSiblings = (el) => {\n    getFocuses().forEach((focus) => setTabIndex(focus, -1));\n    setTabIndex(el, 0);\n  };\n\n  const onFocusStrategy = (evt) => {\n    if (strategy === \"listbox\") {\n      clearTabSiblings(evt.currentTarget);\n    }\n  };\n\n  const onBlurStrategy = () => {\n    if (\n      strategy === \"listbox\" &&\n      rootRef.current &&\n      !rootRef.current.contains(document.activeElement)\n    ) {\n      setTimeout(() => {\n        setSelectedTabIndex();\n      }, 10);\n    }\n  };\n\n  const config = (el) => {\n    const { tabIndex } = configuration;\n    if (!el || hasRunConfig) return;\n    if (strategy === \"card\") {\n      setChildFocus(children);\n      return;\n    }\n\n    if (strategy === \"grid\") {\n      return;\n    }\n\n    const focusableChildren = getFocusableChildren(el);\n    if (focusableChildren.length) {\n      focusableChildren.forEach((child) => setTabIndex(child, -1));\n      setChildFocus(focusableChildren[0]);\n    }\n\n    if (!isNil(tabIndex)) setTabIndex(el, tabIndex);\n    setHasRunConfig(true);\n  };\n\n  const addFocusClass = (evt) => {\n    if (!useFalseFocus) {\n      evt.currentTarget.classList.add(classes.focused);\n      // add global class HvIsFocused as a marker\n      // not to be styled directly, only as helper in specific css queries\n      evt.currentTarget.classList.add(\"HvIsFocused\");\n      classes.focus.split(\" \").forEach((c) => evt.currentTarget.classList.add(c));\n    }\n  };\n\n  const removeFocusClass = () => {\n    if (!useFalseFocus) {\n      getFocuses().forEach((element) => {\n        element.classList.remove(classes.focused);\n        // remove the global class HvIsFocused\n        element.classList.remove(\"HvIsFocused\");\n        classes.focus.split(\" \").forEach((c) => element.classList.remove(c));\n      });\n    }\n  };\n\n  const onFocus = (evt) => {\n    addFocusClass(evt);\n    setShowFocus(true);\n    // give focus to child element if any focusable\n\n    if (childFocus && childFocus.focus) childFocus.focus();\n    onFocusStrategy(evt);\n  };\n\n  const onBlur = (evt) => {\n    setShowFocus(false);\n    removeFocusClass(evt);\n    onBlurStrategy(evt);\n  };\n\n  const onMouseDown = (evt) => {\n    const hasCard = !!evt.currentTarget?.querySelector(\".HvIsCardGridElement\");\n    if (strategy === \"grid\" && hasCard) return;\n\n    setFocusTo(evt.currentTarget);\n    setTabIndex(evt.currentTarget, 0);\n    // remove focus outline unless explicitly enabled\n    if (!focusOnClick) {\n      // TODO this piece of code works only because onMouseDown is happening after the focus event\n      // There is nothing in here that guarantees the order of these events, so it may present a problem in the future\n      removeFocusClass(evt);\n      setShowFocus(false);\n    }\n  };\n\n  const focusAndUpdateIndex = (nextFocus, previousFocus, focusesList) => {\n    if (focusesList?.includes(previousFocus)) {\n      setTabIndex(previousFocus, -1);\n    }\n    setTabIndex(nextFocus, 0);\n    setFocusTo(nextFocus);\n  };\n\n  const getEnabledKeys = (currentFocusIndex, jump, listSize) => ({\n    right: (currentFocusIndex + 1) % jump === 0 || currentFocusIndex + 1 > listSize - 1,\n    left: currentFocusIndex % jump === 0,\n    up: currentFocusIndex - jump < 0,\n    down: currentFocusIndex + jump > listSize || currentFocusIndex + jump > listSize - 1,\n  });\n\n  const onGridKeyDownHandler = (evt, focuses, focusesList, currentFocusIndex, jump) => {\n    const { ArrowUp, ArrowDown, Home, End, ArrowLeft, ArrowRight, Enter, SpaceBar } = KeyboardCodes;\n    const childFocusIsInput = childFocus && childFocus.nodeName === \"INPUT\";\n\n    if (\n      !isOneOfKeys(evt, [ArrowUp, ArrowDown, ArrowLeft, ArrowRight, Home, End, SpaceBar, Enter]) ||\n      (childFocusIsInput && isKey(evt, Enter))\n    ) {\n      // nothing to do\n      return;\n    }\n\n    // we'll do something with the key so prevent default and stop propagation\n    // except for Enter and SpaceBar\n    if (!isOneOfKeys(evt, [Enter, SpaceBar])) {\n      evt.preventDefault();\n      evt.stopPropagation();\n    }\n\n    const blockedKeys = getEnabledKeys(currentFocusIndex, jump, focusesList.length);\n\n    switch (evt.keyCode) {\n      case SpaceBar:\n      case Enter:\n        if (isBrowser(\"firefox\")) {\n          evt.target.click();\n        } else {\n          evt.currentTarget.click();\n        }\n        break;\n      case ArrowUp:\n        if (!blockedKeys.up) {\n          focusAndUpdateIndex(focuses.jump || focuses.last, evt.current, focusesList);\n        }\n        break;\n      case ArrowDown:\n        if (!blockedKeys.down) {\n          focusAndUpdateIndex(focuses.fall || focuses.first, evt.current, focusesList);\n        }\n        break;\n      case ArrowLeft:\n        if (!blockedKeys.left) {\n          focusAndUpdateIndex(focuses.previous || focuses.last, evt.current, focusesList);\n        }\n        break;\n      case ArrowRight:\n        if (!blockedKeys.right) {\n          focusAndUpdateIndex(focuses.next || focuses.first, evt.current, focusesList);\n        }\n        break;\n      case Home:\n        focusAndUpdateIndex(focuses.first, evt.current, focusesList);\n        break;\n      case End:\n        focusAndUpdateIndex(focuses.last, evt.current, focusesList);\n        break;\n      default:\n    }\n  };\n\n  const onVerticalArrangementHandler = (evt, focuses, focusesList) => {\n    const { ArrowUp, ArrowDown, Home, End, Enter, SpaceBar } = KeyboardCodes;\n    const childFocusIsInput = childFocus && childFocus.nodeName === \"INPUT\";\n\n    if (\n      !isOneOfKeys(evt, [ArrowUp, ArrowDown, Home, End, SpaceBar, Enter]) ||\n      (childFocusIsInput && isKey(evt, Enter))\n    ) {\n      // nothing to do\n      return;\n    }\n\n    // we'll do something with the key so prevent default and stop propagation\n    evt.preventDefault();\n    evt.stopPropagation();\n\n    switch (evt.keyCode) {\n      case SpaceBar:\n      case Enter:\n        evt.target.click();\n        break;\n      case ArrowUp:\n        focusAndUpdateIndex(focuses.previous || focuses.last, evt.current, focusesList);\n        break;\n      case ArrowDown:\n        focusAndUpdateIndex(focuses.next || focuses.first, evt.current, focusesList);\n        break;\n      case Home:\n        focusAndUpdateIndex(focuses.first, evt.current, focusesList);\n        break;\n      case End:\n        focusAndUpdateIndex(focuses.last, evt.current, focusesList);\n        break;\n      default:\n    }\n  };\n\n  const onSingleHandler = (evt) => {\n    const { Enter, SpaceBar } = KeyboardCodes;\n    const childFocusIsInput = childFocus && childFocus.nodeName === \"INPUT\";\n\n    if (!isOneOfKeys(evt, [SpaceBar, Enter]) || (childFocusIsInput && isKey(evt, Enter))) {\n      // nothing to do\n      return;\n    }\n\n    // we'll do something with the key so prevent default and stop propagation\n    evt.preventDefault();\n    evt.stopPropagation();\n\n    evt.currentTarget.click();\n  };\n\n  const onKeyDown = (evt) => {\n    if (rootRef.current == null) {\n      // operating outside of a composite widget\n      // nothing to manage, just style and trigger clicks\n      onSingleHandler(evt);\n      return;\n    }\n\n    // TODO keep the smart default, but allow to explictly override if disabled elements should be focusable\n    const isDisabledFocusable = strategy === \"menu\";\n    const focusesList = getFocuses().filter(\n      (el) => isDisabledFocusable || !el.classList.contains(classes.disabled)\n    );\n\n    const currentFocus = focusesList.indexOf(evt.currentTarget);\n\n    const focuses = {\n      first: focusesList[0],\n      last: focusesList[focusesList.length - 1],\n      previous: focusesList[currentFocus - 1],\n      next: focusesList[currentFocus + 1],\n      fall: focusesList[currentFocus + navigationJump],\n      jump: focusesList[currentFocus - navigationJump],\n    };\n\n    if (strategy === \"grid\") {\n      onGridKeyDownHandler(evt, focuses, focusesList, currentFocus, navigationJump);\n      return;\n    }\n\n    // TODO add property for specifing the composite widget orientation\n    // TODO implement handler for horizontal orientation\n    onVerticalArrangementHandler(evt, focuses, focusesList);\n  };\n\n  const onKeyUp = (evt) => {\n    if (isBrowser(\"firefox\")) evt.preventDefault();\n  };\n\n  if (disabled) return children;\n\n  const focusWrapper = (childrenToWrap) => (\n    <div className={classes.externalReference}>\n      {childrenToWrap}\n      {showFocus && <div className={classes.falseFocus} />}\n    </div>\n  );\n\n  return (\n    <ConditionalWrapper condition={useFalseFocus} wrapper={focusWrapper}>\n      {React.cloneElement(children, {\n        className: clsx(children.props.className, [classes.root, filterClass], {\n          [classes.selected]: selected,\n          [classes.disabled]: disabledClass,\n          [classes.focusDisabled]: focusDisabled,\n        }),\n        ref: config,\n        onFocus,\n        onBlur,\n        onMouseDown,\n        onKeyDown,\n        onKeyUp,\n        selected,\n      })}\n    </ConditionalWrapper>\n  );\n};\n\nFocus.propTypes = {\n  /**\n   * A Jss Object used to override or extend the component styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the root.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied when component is selected.\n     */\n    selected: PropTypes.string,\n    /**\n     * Styles applied when component is disabled.\n     */\n    disabled: PropTypes.string,\n    /**\n     * Styles applied to external reference.\n     */\n    externalReference: PropTypes.string,\n    /**\n     * Styles applied when using the false focus.\n     */\n    falseFocus: PropTypes.string,\n    /**\n     * Styles applied when focus disabled.\n     */\n    focusDisabled: PropTypes.string,\n    focusGridDisabled: PropTypes.string,\n    /**\n     * Styles applied when focus active.\n     */\n    focused: PropTypes.string,\n    /**\n     * Styles applied when focus customization is passed.\n     */\n    focus: PropTypes.string,\n  }).isRequired,\n  /**\n   * The reference to the root element to hold all Focus' context.\n   */\n  rootRef: refType,\n  /**\n   * Extra configuration for the child element.\n   */\n  configuration: PropTypes.instanceOf(Object),\n  /**\n   * Whether the focus is selected.\n   */\n  selected: PropTypes.bool,\n  /**\n   * Whether the focus is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Child node to set the focus.\n   */\n  children: PropTypes.node.isRequired,\n  /**\n   * Focus and navigation strategy to be used.\n   */\n  strategy: PropTypes.oneOf([\"listbox\", \"menu\", \"card\", \"grid\"]),\n  /**\n   * Show focus when click element.\n   */\n  focusOnClick: PropTypes.bool,\n  /**\n   * Show focus when click element.\n   */\n  focusDisabled: PropTypes.bool,\n  /**\n   * Indicates that the disabled class should be applied.\n   */\n  disabledClass: PropTypes.bool,\n  /**\n   * Uses an absolute positioned div as a focus.\n   */\n  useFalseFocus: PropTypes.bool,\n  /**\n   * Narrows the results of the focus to only theses class\n   */\n  filterClass: PropTypes.string,\n  /**\n   * How much the navigation will skip when using the arrows.\n   */\n  navigationJump: PropTypes.number,\n};\n\nexport default withStyles(styles, { name: \"HvFocus\" })(Focus);\n"],"mappings":"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"}
+{"version":3,"file":"Focus.js","names":["React","useState","PropTypes","clsx","isNil","withStyles","KeyboardCodes","isBrowser","refType","ConditionalWrapper","isKey","isOneOfKeys","setFocusTo","getFocusableChildren","styles","Focus","props","classes","children","configuration","disabledClass","selected","disabled","rootRef","focusOnClick","focusDisabled","strategy","useFalseFocus","filterClass","navigationJump","showFocus","setShowFocus","childFocus","setChildFocus","hasRunConfig","setHasRunConfig","getFocuses","current","Array","from","getElementsByClassName","root","setTabIndex","el","tabIndex","elChildFocus","setSelectedTabIndex","focuses","firstSelected","find","focus","classList","contains","forEach","clearTabSiblings","onFocusStrategy","evt","currentTarget","onBlurStrategy","document","activeElement","setTimeout","config","focusableChildren","length","child","addFocusClass","add","focused","split","c","removeFocusClass","element","remove","onFocus","onBlur","onMouseDown","hasCard","querySelector","focusAndUpdateIndex","nextFocus","previousFocus","focusesList","includes","getEnabledKeys","currentFocusIndex","jump","listSize","right","left","up","down","onGridKeyDownHandler","ArrowUp","ArrowDown","Home","End","ArrowLeft","ArrowRight","Enter","SpaceBar","childFocusIsInput","nodeName","preventDefault","stopPropagation","blockedKeys","keyCode","target","click","last","fall","first","previous","next","onVerticalArrangementHandler","onSingleHandler","onKeyDown","isDisabledFocusable","filter","currentFocus","indexOf","onKeyUp","focusWrapper","childrenToWrap","externalReference","falseFocus","cloneElement","className","ref","propTypes","shape","string","focusGridDisabled","isRequired","instanceOf","Object","bool","node","oneOf","number","name"],"sources":["../../../src/Focus/Focus.js"],"sourcesContent":["import React, { useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport isNil from \"lodash/isNil\";\nimport { withStyles } from \"@mui/styles\";\nimport { KeyboardCodes, isBrowser, refType } from \"../utils\";\nimport ConditionalWrapper from \"../utils/ConditionalWrapper\";\nimport { isKey, isOneOfKeys, setFocusTo, getFocusableChildren } from \"./utils\";\nimport styles from \"./styles\";\n\n/* eslint-disable no-param-reassign */\nconst Focus = (props) => {\n  const {\n    classes,\n    children,\n    configuration = {},\n    disabledClass = false,\n    selected = false,\n    disabled = false,\n    rootRef = {},\n    focusOnClick = false,\n    focusDisabled = true,\n    strategy = \"listbox\",\n    useFalseFocus = false,\n    filterClass,\n    navigationJump = 4,\n  } = props;\n  const [showFocus, setShowFocus] = useState(null);\n  const [childFocus, setChildFocus] = useState(null);\n  const [hasRunConfig, setHasRunConfig] = useState(false);\n\n  const getFocuses = () =>\n    rootRef.current\n      ? Array.from(rootRef.current.getElementsByClassName(filterClass || classes.root))\n      : [];\n\n  const setTabIndex = (el, tabIndex = 0) => {\n    const elChildFocus = getFocusableChildren(el)[0];\n    if (elChildFocus) {\n      el.tabIndex = -1;\n      elChildFocus.tabIndex = tabIndex;\n    } else {\n      el.tabIndex = tabIndex;\n    }\n  };\n\n  const setSelectedTabIndex = () => {\n    const focuses = getFocuses();\n    const firstSelected = focuses.find((focus) => focus.classList.contains(classes.selected));\n\n    if (!firstSelected) return;\n    focuses.forEach((focus) => setTabIndex(focus, -1));\n    setTabIndex(firstSelected, 0);\n  };\n\n  const clearTabSiblings = (el) => {\n    getFocuses().forEach((focus) => setTabIndex(focus, -1));\n    setTabIndex(el, 0);\n  };\n\n  const onFocusStrategy = (evt) => {\n    if (strategy === \"listbox\") {\n      clearTabSiblings(evt.currentTarget);\n    }\n  };\n\n  const onBlurStrategy = () => {\n    if (\n      strategy === \"listbox\" &&\n      rootRef.current &&\n      !rootRef.current.contains(document.activeElement)\n    ) {\n      setTimeout(() => {\n        setSelectedTabIndex();\n      }, 10);\n    }\n  };\n\n  const config = (el) => {\n    const { tabIndex } = configuration;\n    if (!el || hasRunConfig) return;\n    if (strategy === \"card\") {\n      setChildFocus(children);\n      return;\n    }\n\n    if (strategy === \"grid\") {\n      return;\n    }\n\n    const focusableChildren = getFocusableChildren(el);\n    if (focusableChildren.length) {\n      focusableChildren.forEach((child) => setTabIndex(child, -1));\n      setChildFocus(focusableChildren[0]);\n    }\n\n    if (!isNil(tabIndex)) setTabIndex(el, tabIndex);\n    setHasRunConfig(true);\n  };\n\n  const addFocusClass = (evt) => {\n    if (!useFalseFocus) {\n      evt.currentTarget.classList.add(classes.focused);\n      // add global class HvIsFocused as a marker\n      // not to be styled directly, only as helper in specific css queries\n      evt.currentTarget.classList.add(\"HvIsFocused\");\n      classes.focus.split(\" \").forEach((c) => evt.currentTarget.classList.add(c));\n    }\n  };\n\n  const removeFocusClass = () => {\n    if (!useFalseFocus) {\n      getFocuses().forEach((element) => {\n        element.classList.remove(classes.focused);\n        // remove the global class HvIsFocused\n        element.classList.remove(\"HvIsFocused\");\n        classes.focus.split(\" \").forEach((c) => element.classList.remove(c));\n      });\n    }\n  };\n\n  const onFocus = (evt) => {\n    addFocusClass(evt);\n    setShowFocus(true);\n    // give focus to child element if any focusable\n\n    if (childFocus && childFocus.focus) childFocus.focus();\n    onFocusStrategy(evt);\n  };\n\n  const onBlur = (evt) => {\n    setShowFocus(false);\n    removeFocusClass(evt);\n    onBlurStrategy(evt);\n  };\n\n  const onMouseDown = (evt) => {\n    const hasCard = !!evt.currentTarget?.querySelector(\".HvIsCardGridElement\");\n    if (strategy === \"grid\" && hasCard) return;\n\n    setFocusTo(evt.currentTarget);\n    setTabIndex(evt.currentTarget, 0);\n    // remove focus outline unless explicitly enabled\n    if (!focusOnClick) {\n      // TODO this piece of code works only because onMouseDown is happening after the focus event\n      // There is nothing in here that guarantees the order of these events, so it may present a problem in the future\n      removeFocusClass(evt);\n      setShowFocus(false);\n    }\n  };\n\n  const focusAndUpdateIndex = (nextFocus, previousFocus, focusesList) => {\n    if (focusesList?.includes(previousFocus)) {\n      setTabIndex(previousFocus, -1);\n    }\n    setTabIndex(nextFocus, 0);\n    setFocusTo(nextFocus);\n  };\n\n  const getEnabledKeys = (currentFocusIndex, jump, listSize) => ({\n    right: (currentFocusIndex + 1) % jump === 0 || currentFocusIndex + 1 > listSize - 1,\n    left: currentFocusIndex % jump === 0,\n    up: currentFocusIndex - jump < 0,\n    down: currentFocusIndex + jump > listSize || currentFocusIndex + jump > listSize - 1,\n  });\n\n  const onGridKeyDownHandler = (evt, focuses, focusesList, currentFocusIndex, jump) => {\n    const { ArrowUp, ArrowDown, Home, End, ArrowLeft, ArrowRight, Enter, SpaceBar } = KeyboardCodes;\n    const childFocusIsInput = childFocus && childFocus.nodeName === \"INPUT\";\n\n    if (\n      !isOneOfKeys(evt, [ArrowUp, ArrowDown, ArrowLeft, ArrowRight, Home, End, SpaceBar, Enter]) ||\n      (childFocusIsInput && isKey(evt, Enter))\n    ) {\n      // nothing to do\n      return;\n    }\n\n    // we'll do something with the key so prevent default and stop propagation\n    // except for Enter and SpaceBar\n    if (!isOneOfKeys(evt, [Enter, SpaceBar])) {\n      evt.preventDefault();\n      evt.stopPropagation();\n    }\n\n    const blockedKeys = getEnabledKeys(currentFocusIndex, jump, focusesList.length);\n\n    switch (evt.keyCode) {\n      case SpaceBar:\n      case Enter:\n        if (isBrowser(\"firefox\")) {\n          evt.target.click();\n        } else {\n          evt.currentTarget.click();\n        }\n        break;\n      case ArrowUp:\n        if (!blockedKeys.up) {\n          focusAndUpdateIndex(focuses.jump || focuses.last, evt.current, focusesList);\n        }\n        break;\n      case ArrowDown:\n        if (!blockedKeys.down) {\n          focusAndUpdateIndex(focuses.fall || focuses.first, evt.current, focusesList);\n        }\n        break;\n      case ArrowLeft:\n        if (!blockedKeys.left) {\n          focusAndUpdateIndex(focuses.previous || focuses.last, evt.current, focusesList);\n        }\n        break;\n      case ArrowRight:\n        if (!blockedKeys.right) {\n          focusAndUpdateIndex(focuses.next || focuses.first, evt.current, focusesList);\n        }\n        break;\n      case Home:\n        focusAndUpdateIndex(focuses.first, evt.current, focusesList);\n        break;\n      case End:\n        focusAndUpdateIndex(focuses.last, evt.current, focusesList);\n        break;\n      default:\n    }\n  };\n\n  const onVerticalArrangementHandler = (evt, focuses, focusesList) => {\n    const { ArrowUp, ArrowDown, Home, End, Enter, SpaceBar } = KeyboardCodes;\n    const childFocusIsInput = childFocus && childFocus.nodeName === \"INPUT\";\n\n    if (\n      !isOneOfKeys(evt, [ArrowUp, ArrowDown, Home, End, SpaceBar, Enter]) ||\n      (childFocusIsInput && isKey(evt, Enter))\n    ) {\n      // nothing to do\n      return;\n    }\n\n    // we'll do something with the key so prevent default and stop propagation\n    evt.preventDefault();\n    evt.stopPropagation();\n\n    switch (evt.keyCode) {\n      case SpaceBar:\n      case Enter:\n        evt.target.click();\n        break;\n      case ArrowUp:\n        focusAndUpdateIndex(focuses.previous || focuses.last, evt.current, focusesList);\n        break;\n      case ArrowDown:\n        focusAndUpdateIndex(focuses.next || focuses.first, evt.current, focusesList);\n        break;\n      case Home:\n        focusAndUpdateIndex(focuses.first, evt.current, focusesList);\n        break;\n      case End:\n        focusAndUpdateIndex(focuses.last, evt.current, focusesList);\n        break;\n      default:\n    }\n  };\n\n  const onSingleHandler = (evt) => {\n    const { Enter, SpaceBar } = KeyboardCodes;\n    const childFocusIsInput = childFocus && childFocus.nodeName === \"INPUT\";\n\n    if (!isOneOfKeys(evt, [SpaceBar, Enter]) || (childFocusIsInput && isKey(evt, Enter))) {\n      // nothing to do\n      return;\n    }\n\n    // we'll do something with the key so prevent default and stop propagation\n    evt.preventDefault();\n    evt.stopPropagation();\n\n    evt.currentTarget.click();\n  };\n\n  const onKeyDown = (evt) => {\n    if (rootRef.current == null) {\n      // operating outside of a composite widget\n      // nothing to manage, just style and trigger clicks\n      onSingleHandler(evt);\n      return;\n    }\n\n    // TODO keep the smart default, but allow to explictly override if disabled elements should be focusable\n    const isDisabledFocusable = strategy === \"menu\";\n    const focusesList = getFocuses().filter(\n      (el) => isDisabledFocusable || !el.classList.contains(classes.disabled)\n    );\n\n    const currentFocus = focusesList.indexOf(evt.currentTarget);\n\n    const focuses = {\n      first: focusesList[0],\n      last: focusesList[focusesList.length - 1],\n      previous: focusesList[currentFocus - 1],\n      next: focusesList[currentFocus + 1],\n      fall: focusesList[currentFocus + navigationJump],\n      jump: focusesList[currentFocus - navigationJump],\n    };\n\n    if (strategy === \"grid\") {\n      onGridKeyDownHandler(evt, focuses, focusesList, currentFocus, navigationJump);\n      return;\n    }\n\n    // TODO add property for specifing the composite widget orientation\n    // TODO implement handler for horizontal orientation\n    onVerticalArrangementHandler(evt, focuses, focusesList);\n  };\n\n  const onKeyUp = (evt) => {\n    if (isBrowser(\"firefox\")) evt.preventDefault();\n  };\n\n  if (disabled) return children;\n\n  const focusWrapper = (childrenToWrap) => (\n    <div className={classes.externalReference}>\n      {childrenToWrap}\n      {showFocus && <div className={classes.falseFocus} />}\n    </div>\n  );\n\n  return (\n    <ConditionalWrapper condition={useFalseFocus} wrapper={focusWrapper}>\n      {React.cloneElement(children, {\n        className: clsx(children.props.className, [classes.root, filterClass], {\n          [classes.selected]: selected,\n          [classes.disabled]: disabledClass,\n          [classes.focusDisabled]: focusDisabled,\n        }),\n        ref: config,\n        onFocus,\n        onBlur,\n        onMouseDown,\n        onKeyDown,\n        onKeyUp,\n        selected,\n      })}\n    </ConditionalWrapper>\n  );\n};\n\nFocus.propTypes = {\n  /**\n   * A Jss Object used to override or extend the component styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the root.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied when component is selected.\n     */\n    selected: PropTypes.string,\n    /**\n     * Styles applied when component is disabled.\n     */\n    disabled: PropTypes.string,\n    /**\n     * Styles applied to external reference.\n     */\n    externalReference: PropTypes.string,\n    /**\n     * Styles applied when using the false focus.\n     */\n    falseFocus: PropTypes.string,\n    /**\n     * Styles applied when focus disabled.\n     */\n    focusDisabled: PropTypes.string,\n    focusGridDisabled: PropTypes.string,\n    /**\n     * Styles applied when focus active.\n     */\n    focused: PropTypes.string,\n    /**\n     * Styles applied when focus customization is passed.\n     */\n    focus: PropTypes.string,\n  }).isRequired,\n  /**\n   * The reference to the root element to hold all Focus' context.\n   */\n  rootRef: refType,\n  /**\n   * Extra configuration for the child element.\n   */\n  configuration: PropTypes.instanceOf(Object),\n  /**\n   * Whether the focus is selected.\n   */\n  selected: PropTypes.bool,\n  /**\n   * Whether the focus is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Child node to set the focus.\n   */\n  children: PropTypes.node.isRequired,\n  /**\n   * Focus and navigation strategy to be used.\n   */\n  strategy: PropTypes.oneOf([\"listbox\", \"menu\", \"card\", \"grid\"]),\n  /**\n   * Show focus when click element.\n   */\n  focusOnClick: PropTypes.bool,\n  /**\n   * Show focus when click element.\n   */\n  focusDisabled: PropTypes.bool,\n  /**\n   * Indicates that the disabled class should be applied.\n   */\n  disabledClass: PropTypes.bool,\n  /**\n   * Uses an absolute positioned div as a focus.\n   */\n  useFalseFocus: PropTypes.bool,\n  /**\n   * Narrows the results of the focus to only theses class\n   */\n  filterClass: PropTypes.string,\n  /**\n   * How much the navigation will skip when using the arrows.\n   */\n  navigationJump: PropTypes.number,\n};\n\nexport default withStyles(styles, { name: \"HvFocus\" })(Focus);\n"],"mappings":"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"}

package/dist/modern/Focus/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default"],"sources":["../../../src/Focus/index.js"],"sourcesContent":["export { default } from \"./Focus\";\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,SAAxB"}
+{"version":3,"file":"index.js","names":["default"],"sources":["../../../src/Focus/index.js"],"sourcesContent":["export { default } from \"./Focus\";\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,SAAS"}

package/dist/modern/Focus/styles.js

@@ -1,9 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 export const outlineStyles = {
   outlineColor: "#52A8EC",
   outlineStyle: "solid",

package/dist/modern/Focus/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["outlineStyles","outlineColor","outlineStyle","outlineWidth","outlineOffset","boxShadow","styles","root","selected","disabled","focusDisabled","outline","focused","externalReference","position","falseFocus","width","height","zIndex","top","left","backgroundColor","pointerEvents","focus"],"sources":["../../../src/Focus/styles.js"],"sourcesContent":["export const outlineStyles = {\n  outlineColor: \"#52A8EC\",\n  outlineStyle: \"solid\",\n  outlineWidth: \"0px\",\n  outlineOffset: \"-1px\",\n  boxShadow: \"0 0 0 1px #52A8EC, 0 0 0 4px rgba(29,155,209,.3)\",\n};\n\nconst styles = {\n  root: {},\n  selected: {},\n  disabled: {},\n  focusDisabled: {\n    outline: \"none\",\n    \"& *:focus\": {\n      outline: \"none\",\n    },\n    \"& *\": {\n      outline: \"none !important\",\n    },\n  },\n  focused: {\n    ...outlineStyles,\n    \"@media (-webkit-min-device-pixel-ratio:0)\": {\n      ...outlineStyles,\n    },\n  },\n  externalReference: {\n    position: \"relative\",\n  },\n  falseFocus: {\n    width: \"98%\",\n    height: \"98%\",\n    position: \"absolute\",\n    zIndex: \"1\",\n    ...outlineStyles,\n    \"@media (-webkit-min-device-pixel-ratio:0)\": {\n      ...outlineStyles,\n    },\n    top: 0,\n    left: \"0.5%\",\n    backgroundColor: \"transparent\",\n    pointerEvents: \"none\",\n  },\n  focus: {},\n};\n\nexport default styles;\n"],"mappings":";;;;;;AAAA,OAAO,MAAMA,aAAa,GAAG;EAC3BC,YAAY,EAAE,SADa;EAE3BC,YAAY,EAAE,OAFa;EAG3BC,YAAY,EAAE,KAHa;EAI3BC,aAAa,EAAE,MAJY;EAK3BC,SAAS,EAAE;AALgB,CAAtB;AAQP,MAAMC,MAAM,GAAG;EACbC,IAAI,EAAE,EADO;EAEbC,QAAQ,EAAE,EAFG;EAGbC,QAAQ,EAAE,EAHG;EAIbC,aAAa,EAAE;IACbC,OAAO,EAAE,MADI;IAEb,aAAa;MACXA,OAAO,EAAE;IADE,CAFA;IAKb,OAAO;MACLA,OAAO,EAAE;IADJ;EALM,CAJF;EAabC,OAAO,kCACFZ,aADE;IAEL,+DACKA,aADL;EAFK,EAbM;EAmBba,iBAAiB,EAAE;IACjBC,QAAQ,EAAE;EADO,CAnBN;EAsBbC,UAAU;IACRC,KAAK,EAAE,KADC;IAERC,MAAM,EAAE,KAFA;IAGRH,QAAQ,EAAE,UAHF;IAIRI,MAAM,EAAE;EAJA,GAKLlB,aALK;IAMR,+DACKA,aADL,CANQ;IASRmB,GAAG,EAAE,CATG;IAURC,IAAI,EAAE,MAVE;IAWRC,eAAe,EAAE,aAXT;IAYRC,aAAa,EAAE;EAZP,EAtBG;EAoCbC,KAAK,EAAE;AApCM,CAAf;AAuCA,eAAejB,MAAf"}
+{"version":3,"file":"styles.js","names":["outlineStyles","outlineColor","outlineStyle","outlineWidth","outlineOffset","boxShadow","styles","root","selected","disabled","focusDisabled","outline","focused","externalReference","position","falseFocus","width","height","zIndex","top","left","backgroundColor","pointerEvents","focus"],"sources":["../../../src/Focus/styles.js"],"sourcesContent":["export const outlineStyles = {\n  outlineColor: \"#52A8EC\",\n  outlineStyle: \"solid\",\n  outlineWidth: \"0px\",\n  outlineOffset: \"-1px\",\n  boxShadow: \"0 0 0 1px #52A8EC, 0 0 0 4px rgba(29,155,209,.3)\",\n};\n\nconst styles = {\n  root: {},\n  selected: {},\n  disabled: {},\n  focusDisabled: {\n    outline: \"none\",\n    \"& *:focus\": {\n      outline: \"none\",\n    },\n    \"& *\": {\n      outline: \"none !important\",\n    },\n  },\n  focused: {\n    ...outlineStyles,\n    \"@media (-webkit-min-device-pixel-ratio:0)\": {\n      ...outlineStyles,\n    },\n  },\n  externalReference: {\n    position: \"relative\",\n  },\n  falseFocus: {\n    width: \"98%\",\n    height: \"98%\",\n    position: \"absolute\",\n    zIndex: \"1\",\n    ...outlineStyles,\n    \"@media (-webkit-min-device-pixel-ratio:0)\": {\n      ...outlineStyles,\n    },\n    top: 0,\n    left: \"0.5%\",\n    backgroundColor: \"transparent\",\n    pointerEvents: \"none\",\n  },\n  focus: {},\n};\n\nexport default styles;\n"],"mappings":";;;AAAA,OAAO,MAAMA,aAAa,GAAG;EAC3BC,YAAY,EAAE,SAAS;EACvBC,YAAY,EAAE,OAAO;EACrBC,YAAY,EAAE,KAAK;EACnBC,aAAa,EAAE,MAAM;EACrBC,SAAS,EAAE;AACb,CAAC;AAED,MAAMC,MAAM,GAAG;EACbC,IAAI,EAAE,CAAC,CAAC;EACRC,QAAQ,EAAE,CAAC,CAAC;EACZC,QAAQ,EAAE,CAAC,CAAC;EACZC,aAAa,EAAE;IACbC,OAAO,EAAE,MAAM;IACf,WAAW,EAAE;MACXA,OAAO,EAAE;IACX,CAAC;IACD,KAAK,EAAE;MACLA,OAAO,EAAE;IACX;EACF,CAAC;EACDC,OAAO,kCACFZ,aAAa;IAChB,2CAA2C,oBACtCA,aAAa;EACjB,EACF;EACDa,iBAAiB,EAAE;IACjBC,QAAQ,EAAE;EACZ,CAAC;EACDC,UAAU;IACRC,KAAK,EAAE,KAAK;IACZC,MAAM,EAAE,KAAK;IACbH,QAAQ,EAAE,UAAU;IACpBI,MAAM,EAAE;EAAG,GACRlB,aAAa;IAChB,2CAA2C,oBACtCA,aAAa,CACjB;IACDmB,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,MAAM;IACZC,eAAe,EAAE,aAAa;IAC9BC,aAAa,EAAE;EAAM,EACtB;EACDC,KAAK,EAAE,CAAC;AACV,CAAC;AAED,eAAejB,MAAM"}

package/dist/modern/Focus/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":["isKeypress","isKey","evt","key","isOneOfKeys","keys","some","getFocusableChildren","el","querySelectorAll","setFocusTo","focus"],"sources":["../../../src/Focus/utils.js"],"sourcesContent":["import { isKeypress } from \"../utils\";\n\nexport const isKey = (evt, key) => isKeypress(evt, key);\n\nexport const isOneOfKeys = (evt, keys) => keys.some((key) => isKey(evt, key));\n\nexport const getFocusableChildren = (el) =>\n  el.querySelectorAll(\"input, button, select, textarea, a[href]\") || [];\n\nexport const setFocusTo = (el) => {\n  el.focus();\n};\n"],"mappings":"AAAA,SAASA,UAAT,QAA2B,UAA3B;AAEA,OAAO,MAAMC,KAAK,GAAG,CAACC,GAAD,EAAMC,GAAN,KAAcH,UAAU,CAACE,GAAD,EAAMC,GAAN,CAAtC;AAEP,OAAO,MAAMC,WAAW,GAAG,CAACF,GAAD,EAAMG,IAAN,KAAeA,IAAI,CAACC,IAAL,CAAWH,GAAD,IAASF,KAAK,CAACC,GAAD,EAAMC,GAAN,CAAxB,CAAnC;AAEP,OAAO,MAAMI,oBAAoB,GAAIC,EAAD,IAClCA,EAAE,CAACC,gBAAH,CAAoB,0CAApB,KAAmE,EAD9D;AAGP,OAAO,MAAMC,UAAU,GAAIF,EAAD,IAAQ;EAChCA,EAAE,CAACG,KAAH;AACD,CAFM"}
+{"version":3,"file":"utils.js","names":["isKeypress","isKey","evt","key","isOneOfKeys","keys","some","getFocusableChildren","el","querySelectorAll","setFocusTo","focus"],"sources":["../../../src/Focus/utils.js"],"sourcesContent":["import { isKeypress } from \"../utils\";\n\nexport const isKey = (evt, key) => isKeypress(evt, key);\n\nexport const isOneOfKeys = (evt, keys) => keys.some((key) => isKey(evt, key));\n\nexport const getFocusableChildren = (el) =>\n  el.querySelectorAll(\"input, button, select, textarea, a[href]\") || [];\n\nexport const setFocusTo = (el) => {\n  el.focus();\n};\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,UAAU;AAErC,OAAO,MAAMC,KAAK,GAAG,CAACC,GAAG,EAAEC,GAAG,KAAKH,UAAU,CAACE,GAAG,EAAEC,GAAG,CAAC;AAEvD,OAAO,MAAMC,WAAW,GAAG,CAACF,GAAG,EAAEG,IAAI,KAAKA,IAAI,CAACC,IAAI,CAAEH,GAAG,IAAKF,KAAK,CAACC,GAAG,EAAEC,GAAG,CAAC,CAAC;AAE7E,OAAO,MAAMI,oBAAoB,GAAIC,EAAE,IACrCA,EAAE,CAACC,gBAAgB,CAAC,0CAA0C,CAAC,IAAI,EAAE;AAEvE,OAAO,MAAMC,UAAU,GAAIF,EAAE,IAAK;EAChCA,EAAE,CAACG,KAAK,EAAE;AACZ,CAAC"}