@hitachivantara/uikit-react-core 3.52.5

package/dist/modern/Focus/Focus.js

@@ -0,0 +1,476 @@
+import "core-js/modules/web.dom-collections.iterator.js";
+import React, { useState } from "react";
+import PropTypes from "prop-types";
+import clsx from "clsx";
+import isNil from "lodash/isNil";
+import { withStyles } from "@material-ui/core";
+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 */
+
+const Focus = props => {
+  const {
+    classes,
+    children,
+    configuration = {},
+    disabledClass = false,
+    selected = false,
+    disabled = false,
+    rootRef = {},
+    focusOnClick = false,
+    focusDisabled = true,
+    strategy = "listbox",
+    useFalseFocus = false,
+    filterClass,
+    navigationJump = 4
+  } = 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;
+    } else {
+      el.tabIndex = tabIndex;
+    }
+  };
+
+  const setSelectedTabIndex = () => {
+    const focuses = getFocuses();
+    const firstSelected = focuses.find(focus => focus.classList.contains(classes.selected));
+    if (!firstSelected) return;
+    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(() => {
+        setSelectedTabIndex();
+      }, 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
+      // 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("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
+
+    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
+
+    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
+      removeFocusClass(evt);
+      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,
+      ArrowDown,
+      Home,
+      End,
+      ArrowLeft,
+      ArrowRight,
+      Enter,
+      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
+
+
+    if (!isOneOfKeys(evt, [Enter, SpaceBar])) {
+      evt.preventDefault();
+      evt.stopPropagation();
+    }
+
+    const blockedKeys = getEnabledKeys(currentFocusIndex, jump, focusesList.length);
+
+    switch (evt.keyCode) {
+      case SpaceBar:
+      case Enter:
+        if (isBrowser("firefox")) {
+          evt.target.click();
+        } 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,
+      ArrowDown,
+      Home,
+      End,
+      Enter,
+      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
+
+
+    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
+
+
+    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
+
+
+    const isDisabledFocusable = strategy === "menu";
+    const focusesList = getFocuses().filter(el => isDisabledFocusable || !el.classList.contains(classes.disabled));
+    const currentFocus = focusesList.indexOf(evt.currentTarget);
+    const focuses = {
+      first: focusesList[0],
+      last: focusesList[focusesList.length - 1],
+      previous: focusesList[currentFocus - 1],
+      next: focusesList[currentFocus + 1],
+      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
+
+
+    onVerticalArrangementHandler(evt, focuses, focusesList);
+  };
+
+  const onKeyUp = evt => {
+    if (isBrowser("firefox")) evt.preventDefault();
+  };
+
+  if (disabled) return children;
+
+  const focusWrapper = childrenToWrap => /*#__PURE__*/React.createElement("div", {
+    className: classes.externalReference
+  }, childrenToWrap, showFocus && /*#__PURE__*/React.createElement("div", {
+    className: classes.falseFocus
+  }));
+
+  return /*#__PURE__*/React.createElement(ConditionalWrapper, {
+    condition: useFalseFocus,
+    wrapper: focusWrapper
+  }, /*#__PURE__*/React.cloneElement(children, {
+    className: clsx(children.props.className, classes.root, filterClass, selected && classes.selected, disabledClass && classes.disabled, focusDisabled && classes.focusDisabled),
+    ref: config,
+    onFocus,
+    onBlur,
+    onMouseDown,
+    onKeyDown,
+    onKeyUp,
+    selected
+  }));
+};
+
+Focus.propTypes = {
+  /**
+   * A Jss Object used to override or extend the component styles applied.
+   */
+  classes: PropTypes.shape({
+    /**
+     * 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.
+   */
+  navigationJump: PropTypes.number
+};
+export default withStyles(styles, {
+  name: "HvFocus"
+})(Focus);
+//# sourceMappingURL=Focus.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Focus/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"],"mappings":"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","sourcesContent":["import React, { useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport isNil from \"lodash/isNil\";\nimport { withStyles } from \"@material-ui/core\";\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"],"file":"Focus.js"}

package/dist/modern/Focus/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./Focus";
+export * from "./Focus";

package/dist/modern/Focus/index.js

@@ -0,0 +1,2 @@
+export { default } from "./Focus";
+//# sourceMappingURL=index.js.map

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

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

package/dist/modern/Focus/styles.js

@@ -0,0 +1,48 @@
+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); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+export const outlineStyles = {
+  outlineColor: "#52A8EC",
+  outlineStyle: "solid",
+  outlineWidth: "0px",
+  outlineOffset: "-1px",
+  boxShadow: "0 0 0 1px #52A8EC, 0 0 0 4px rgba(29,155,209,.3)"
+};
+const styles = {
+  root: {},
+  selected: {},
+  disabled: {},
+  focusDisabled: {
+    outline: "none",
+    "& *:focus": {
+      outline: "none"
+    },
+    "& *": {
+      outline: "none !important"
+    }
+  },
+  focused: _objectSpread(_objectSpread({}, outlineStyles), {}, {
+    "@media (-webkit-min-device-pixel-ratio:0)": _objectSpread({}, outlineStyles)
+  }),
+  externalReference: {
+    position: "relative"
+  },
+  falseFocus: _objectSpread(_objectSpread({
+    width: "98%",
+    height: "98%",
+    position: "absolute",
+    zIndex: "1"
+  }, outlineStyles), {}, {
+    "@media (-webkit-min-device-pixel-ratio:0)": _objectSpread({}, outlineStyles),
+    top: 0,
+    left: "0.5%",
+    backgroundColor: "transparent",
+    pointerEvents: "none"
+  }),
+  focus: {}
+};
+export default styles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Focus/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"],"mappings":";;;;;;AAAA,OAAO,MAAMA,aAAa,GAAG;AAC3BC,EAAAA,YAAY,EAAE,SADa;AAE3BC,EAAAA,YAAY,EAAE,OAFa;AAG3BC,EAAAA,YAAY,EAAE,KAHa;AAI3BC,EAAAA,aAAa,EAAE,MAJY;AAK3BC,EAAAA,SAAS,EAAE;AALgB,CAAtB;AAQP,MAAMC,MAAM,GAAG;AACbC,EAAAA,IAAI,EAAE,EADO;AAEbC,EAAAA,QAAQ,EAAE,EAFG;AAGbC,EAAAA,QAAQ,EAAE,EAHG;AAIbC,EAAAA,aAAa,EAAE;AACbC,IAAAA,OAAO,EAAE,MADI;AAEb,iBAAa;AACXA,MAAAA,OAAO,EAAE;AADE,KAFA;AAKb,WAAO;AACLA,MAAAA,OAAO,EAAE;AADJ;AALM,GAJF;AAabC,EAAAA,OAAO,kCACFZ,aADE;AAEL,mEACKA,aADL;AAFK,IAbM;AAmBba,EAAAA,iBAAiB,EAAE;AACjBC,IAAAA,QAAQ,EAAE;AADO,GAnBN;AAsBbC,EAAAA,UAAU;AACRC,IAAAA,KAAK,EAAE,KADC;AAERC,IAAAA,MAAM,EAAE,KAFA;AAGRH,IAAAA,QAAQ,EAAE,UAHF;AAIRI,IAAAA,MAAM,EAAE;AAJA,KAKLlB,aALK;AAMR,mEACKA,aADL,CANQ;AASRmB,IAAAA,GAAG,EAAE,CATG;AAURC,IAAAA,IAAI,EAAE,MAVE;AAWRC,IAAAA,eAAe,EAAE,aAXT;AAYRC,IAAAA,aAAa,EAAE;AAZP,IAtBG;AAoCbC,EAAAA,KAAK,EAAE;AApCM,CAAf;AAuCA,eAAejB,MAAf","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"],"file":"styles.js"}

package/dist/modern/Focus/utils.js

@@ -0,0 +1,8 @@
+import { isKeypress } from "../utils";
+export const isKey = (evt, key) => isKeypress(evt, key);
+export const isOneOfKeys = (evt, keys) => keys.some(key => isKey(evt, key));
+export const getFocusableChildren = el => el.querySelectorAll("input, button, select, textarea, a[href]") || [];
+export const setFocusTo = el => {
+  el.focus();
+};
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Focus/utils.js"],"names":["isKeypress","isKey","evt","key","isOneOfKeys","keys","some","getFocusableChildren","el","querySelectorAll","setFocusTo","focus"],"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;AAChCA,EAAAA,EAAE,CAACG,KAAH;AACD,CAFM","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"],"file":"utils.js"}

package/dist/modern/Footer/Footer.d.ts

@@ -0,0 +1,19 @@
+import * as React from "react";
+import { StandardProps } from "@material-ui/core";
+
+export type HvFooterClassKey =
+  | "root"
+  | "name"
+  | "rightContainer"
+  | "copyright"
+  | "links"
+  | "separator";
+
+export interface HvFooterProps
+  extends StandardProps<React.HTMLAttributes<HTMLDivElement>, HvFooterClassKey> {
+  name?: React.ReactNode;
+  copyright?: React.ReactNode;
+  links?: React.ReactNode;
+}
+
+export default function HvFooter(props: HvFooterProps): JSX.Element | null;