@hitachivantara/uikit-react-core 3.52.5

package/dist/legacy/Focus/Focus.js

@@ -0,0 +1,519 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import "core-js/modules/es.array.from.js";
+import "core-js/modules/es.string.iterator.js";
+import "core-js/modules/es.array.find.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/web.dom-collections.for-each.js";
+import "core-js/modules/es.regexp.exec.js";
+import "core-js/modules/es.string.split.js";
+import "core-js/modules/es.array.includes.js";
+import "core-js/modules/es.string.includes.js";
+import "core-js/modules/es.array.filter.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 */
+
+var Focus = function Focus(props) {
+  var classes = props.classes,
+      children = props.children,
+      _props$configuration = props.configuration,
+      configuration = _props$configuration === void 0 ? {} : _props$configuration,
+      _props$disabledClass = props.disabledClass,
+      disabledClass = _props$disabledClass === void 0 ? false : _props$disabledClass,
+      _props$selected = props.selected,
+      selected = _props$selected === void 0 ? false : _props$selected,
+      _props$disabled = props.disabled,
+      disabled = _props$disabled === void 0 ? false : _props$disabled,
+      _props$rootRef = props.rootRef,
+      rootRef = _props$rootRef === void 0 ? {} : _props$rootRef,
+      _props$focusOnClick = props.focusOnClick,
+      focusOnClick = _props$focusOnClick === void 0 ? false : _props$focusOnClick,
+      _props$focusDisabled = props.focusDisabled,
+      focusDisabled = _props$focusDisabled === void 0 ? true : _props$focusDisabled,
+      _props$strategy = props.strategy,
+      strategy = _props$strategy === void 0 ? "listbox" : _props$strategy,
+      _props$useFalseFocus = props.useFalseFocus,
+      useFalseFocus = _props$useFalseFocus === void 0 ? false : _props$useFalseFocus,
+      filterClass = props.filterClass,
+      _props$navigationJump = props.navigationJump,
+      navigationJump = _props$navigationJump === void 0 ? 4 : _props$navigationJump;
+
+  var _useState = useState(null),
+      _useState2 = _slicedToArray(_useState, 2),
+      showFocus = _useState2[0],
+      setShowFocus = _useState2[1];
+
+  var _useState3 = useState(null),
+      _useState4 = _slicedToArray(_useState3, 2),
+      childFocus = _useState4[0],
+      setChildFocus = _useState4[1];
+
+  var _useState5 = useState(false),
+      _useState6 = _slicedToArray(_useState5, 2),
+      hasRunConfig = _useState6[0],
+      setHasRunConfig = _useState6[1];
+
+  var getFocuses = function getFocuses() {
+    return rootRef.current ? Array.from(rootRef.current.getElementsByClassName(filterClass || classes.root)) : [];
+  };
+
+  var setTabIndex = function setTabIndex(el) {
+    var tabIndex = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+    var elChildFocus = getFocusableChildren(el)[0];
+
+    if (elChildFocus) {
+      el.tabIndex = -1;
+      elChildFocus.tabIndex = tabIndex;
+    } else {
+      el.tabIndex = tabIndex;
+    }
+  };
+
+  var setSelectedTabIndex = function setSelectedTabIndex() {
+    var focuses = getFocuses();
+    var firstSelected = focuses.find(function (focus) {
+      return focus.classList.contains(classes.selected);
+    });
+    if (!firstSelected) return;
+    focuses.forEach(function (focus) {
+      return setTabIndex(focus, -1);
+    });
+    setTabIndex(firstSelected, 0);
+  };
+
+  var clearTabSiblings = function clearTabSiblings(el) {
+    getFocuses().forEach(function (focus) {
+      return setTabIndex(focus, -1);
+    });
+    setTabIndex(el, 0);
+  };
+
+  var onFocusStrategy = function onFocusStrategy(evt) {
+    if (strategy === "listbox") {
+      clearTabSiblings(evt.currentTarget);
+    }
+  };
+
+  var onBlurStrategy = function onBlurStrategy() {
+    if (strategy === "listbox" && rootRef.current && !rootRef.current.contains(document.activeElement)) {
+      setTimeout(function () {
+        setSelectedTabIndex();
+      }, 10);
+    }
+  };
+
+  var config = function config(el) {
+    var tabIndex = configuration.tabIndex;
+    if (!el || hasRunConfig) return;
+
+    if (strategy === "card") {
+      setChildFocus(children);
+      return;
+    }
+
+    if (strategy === "grid") {
+      return;
+    }
+
+    var focusableChildren = getFocusableChildren(el);
+
+    if (focusableChildren.length) {
+      focusableChildren.forEach(function (child) {
+        return setTabIndex(child, -1);
+      });
+      setChildFocus(focusableChildren[0]);
+    }
+
+    if (!isNil(tabIndex)) setTabIndex(el, tabIndex);
+    setHasRunConfig(true);
+  };
+
+  var addFocusClass = function 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(function (c) {
+        return evt.currentTarget.classList.add(c);
+      });
+    }
+  };
+
+  var removeFocusClass = function removeFocusClass() {
+    if (!useFalseFocus) {
+      getFocuses().forEach(function (element) {
+        element.classList.remove(classes.focused); // remove the global class HvIsFocused
+
+        element.classList.remove("HvIsFocused");
+        classes.focus.split(" ").forEach(function (c) {
+          return element.classList.remove(c);
+        });
+      });
+    }
+  };
+
+  var onFocus = function onFocus(evt) {
+    addFocusClass(evt);
+    setShowFocus(true); // give focus to child element if any focusable
+
+    if (childFocus && childFocus.focus) childFocus.focus();
+    onFocusStrategy(evt);
+  };
+
+  var onBlur = function onBlur(evt) {
+    setShowFocus(false);
+    removeFocusClass(evt);
+    onBlurStrategy(evt);
+  };
+
+  var onMouseDown = function onMouseDown(evt) {
+    var _evt$currentTarget;
+
+    var 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);
+    }
+  };
+
+  var focusAndUpdateIndex = function focusAndUpdateIndex(nextFocus, previousFocus, focusesList) {
+    if (focusesList !== null && focusesList !== void 0 && focusesList.includes(previousFocus)) {
+      setTabIndex(previousFocus, -1);
+    }
+
+    setTabIndex(nextFocus, 0);
+    setFocusTo(nextFocus);
+  };
+
+  var getEnabledKeys = function getEnabledKeys(currentFocusIndex, jump, listSize) {
+    return {
+      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
+    };
+  };
+
+  var onGridKeyDownHandler = function onGridKeyDownHandler(evt, focuses, focusesList, currentFocusIndex, jump) {
+    var ArrowUp = KeyboardCodes.ArrowUp,
+        ArrowDown = KeyboardCodes.ArrowDown,
+        Home = KeyboardCodes.Home,
+        End = KeyboardCodes.End,
+        ArrowLeft = KeyboardCodes.ArrowLeft,
+        ArrowRight = KeyboardCodes.ArrowRight,
+        Enter = KeyboardCodes.Enter,
+        SpaceBar = KeyboardCodes.SpaceBar;
+    var 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();
+    }
+
+    var 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:
+    }
+  };
+
+  var onVerticalArrangementHandler = function onVerticalArrangementHandler(evt, focuses, focusesList) {
+    var ArrowUp = KeyboardCodes.ArrowUp,
+        ArrowDown = KeyboardCodes.ArrowDown,
+        Home = KeyboardCodes.Home,
+        End = KeyboardCodes.End,
+        Enter = KeyboardCodes.Enter,
+        SpaceBar = KeyboardCodes.SpaceBar;
+    var 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:
+    }
+  };
+
+  var onSingleHandler = function onSingleHandler(evt) {
+    var Enter = KeyboardCodes.Enter,
+        SpaceBar = KeyboardCodes.SpaceBar;
+    var 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();
+  };
+
+  var onKeyDown = function 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
+
+
+    var isDisabledFocusable = strategy === "menu";
+    var focusesList = getFocuses().filter(function (el) {
+      return isDisabledFocusable || !el.classList.contains(classes.disabled);
+    });
+    var currentFocus = focusesList.indexOf(evt.currentTarget);
+    var 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);
+  };
+
+  var onKeyUp = function onKeyUp(evt) {
+    if (isBrowser("firefox")) evt.preventDefault();
+  };
+
+  if (disabled) return children;
+
+  var focusWrapper = function focusWrapper(childrenToWrap) {
+    return /*#__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: onFocus,
+    onBlur: onBlur,
+    onMouseDown: onMouseDown,
+    onKeyDown: onKeyDown,
+    onKeyUp: onKeyUp,
+    selected: 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/legacy/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/legacy/Focus/index.d.ts

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

package/dist/legacy/Focus/index.js

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

package/dist/legacy/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/legacy/Focus/styles.js

@@ -0,0 +1,55 @@
+import "core-js/modules/es.object.keys.js";
+import "core-js/modules/es.symbol.js";
+import "core-js/modules/es.array.filter.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.object.get-own-property-descriptor.js";
+import "core-js/modules/web.dom-collections.for-each.js";
+import "core-js/modules/es.object.get-own-property-descriptors.js";
+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 var outlineStyles = {
+  outlineColor: "#52A8EC",
+  outlineStyle: "solid",
+  outlineWidth: "0px",
+  outlineOffset: "-1px",
+  boxShadow: "0 0 0 1px #52A8EC, 0 0 0 4px rgba(29,155,209,.3)"
+};
+var 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/legacy/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,IAAMA,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,IAAMC,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/legacy/Focus/utils.js

@@ -0,0 +1,17 @@
+import "core-js/modules/es.object.to-string.js";
+import { isKeypress } from "../utils";
+export var isKey = function isKey(evt, key) {
+  return isKeypress(evt, key);
+};
+export var isOneOfKeys = function isOneOfKeys(evt, keys) {
+  return keys.some(function (key) {
+    return isKey(evt, key);
+  });
+};
+export var getFocusableChildren = function getFocusableChildren(el) {
+  return el.querySelectorAll("input, button, select, textarea, a[href]") || [];
+};
+export var setFocusTo = function setFocusTo(el) {
+  el.focus();
+};
+//# sourceMappingURL=utils.js.map