@hitachivantara/uikit-react-core 3.52.5

package/dist/Focus/Focus.js

@@ -0,0 +1,564 @@
+"use strict";
+
+require("core-js/modules/es.array.iterator.js");
+
+require("core-js/modules/es.weak-map.js");
+
+require("core-js/modules/web.dom-collections.iterator.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("core-js/modules/es.array.from.js");
+
+require("core-js/modules/es.string.iterator.js");
+
+require("core-js/modules/es.array.find.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/web.dom-collections.for-each.js");
+
+require("core-js/modules/es.regexp.exec.js");
+
+require("core-js/modules/es.string.split.js");
+
+require("core-js/modules/es.array.includes.js");
+
+require("core-js/modules/es.string.includes.js");
+
+require("core-js/modules/es.array.filter.js");
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _clsx = _interopRequireDefault(require("clsx"));
+
+var _isNil = _interopRequireDefault(require("lodash/isNil"));
+
+var _core = require("@material-ui/core");
+
+var _utils = require("../utils");
+
+var _ConditionalWrapper = _interopRequireDefault(require("../utils/ConditionalWrapper"));
+
+var _utils2 = require("./utils");
+
+var _styles = _interopRequireDefault(require("./styles"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+/* 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 = (0, _react.useState)(null),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      showFocus = _useState2[0],
+      setShowFocus = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(null),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      childFocus = _useState4[0],
+      setChildFocus = _useState4[1];
+
+  var _useState5 = (0, _react.useState)(false),
+      _useState6 = (0, _slicedToArray2.default)(_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 = (0, _utils2.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 = (0, _utils2.getFocusableChildren)(el);
+
+    if (focusableChildren.length) {
+      focusableChildren.forEach(function (child) {
+        return setTabIndex(child, -1);
+      });
+      setChildFocus(focusableChildren[0]);
+    }
+
+    if (!(0, _isNil.default)(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;
+    (0, _utils2.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);
+    (0, _utils2.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 = _utils.KeyboardCodes.ArrowUp,
+        ArrowDown = _utils.KeyboardCodes.ArrowDown,
+        Home = _utils.KeyboardCodes.Home,
+        End = _utils.KeyboardCodes.End,
+        ArrowLeft = _utils.KeyboardCodes.ArrowLeft,
+        ArrowRight = _utils.KeyboardCodes.ArrowRight,
+        Enter = _utils.KeyboardCodes.Enter,
+        SpaceBar = _utils.KeyboardCodes.SpaceBar;
+    var childFocusIsInput = childFocus && childFocus.nodeName === "INPUT";
+
+    if (!(0, _utils2.isOneOfKeys)(evt, [ArrowUp, ArrowDown, ArrowLeft, ArrowRight, Home, End, SpaceBar, Enter]) || childFocusIsInput && (0, _utils2.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 (!(0, _utils2.isOneOfKeys)(evt, [Enter, SpaceBar])) {
+      evt.preventDefault();
+      evt.stopPropagation();
+    }
+
+    var blockedKeys = getEnabledKeys(currentFocusIndex, jump, focusesList.length);
+
+    switch (evt.keyCode) {
+      case SpaceBar:
+      case Enter:
+        if ((0, _utils.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 = _utils.KeyboardCodes.ArrowUp,
+        ArrowDown = _utils.KeyboardCodes.ArrowDown,
+        Home = _utils.KeyboardCodes.Home,
+        End = _utils.KeyboardCodes.End,
+        Enter = _utils.KeyboardCodes.Enter,
+        SpaceBar = _utils.KeyboardCodes.SpaceBar;
+    var childFocusIsInput = childFocus && childFocus.nodeName === "INPUT";
+
+    if (!(0, _utils2.isOneOfKeys)(evt, [ArrowUp, ArrowDown, Home, End, SpaceBar, Enter]) || childFocusIsInput && (0, _utils2.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 = _utils.KeyboardCodes.Enter,
+        SpaceBar = _utils.KeyboardCodes.SpaceBar;
+    var childFocusIsInput = childFocus && childFocus.nodeName === "INPUT";
+
+    if (!(0, _utils2.isOneOfKeys)(evt, [SpaceBar, Enter]) || childFocusIsInput && (0, _utils2.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 ((0, _utils.isBrowser)("firefox")) evt.preventDefault();
+  };
+
+  if (disabled) return children;
+
+  var focusWrapper = function focusWrapper(childrenToWrap) {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: classes.externalReference
+    }, childrenToWrap, showFocus && /*#__PURE__*/_react.default.createElement("div", {
+      className: classes.falseFocus
+    }));
+  };
+
+  return /*#__PURE__*/_react.default.createElement(_ConditionalWrapper.default, {
+    condition: useFalseFocus,
+    wrapper: focusWrapper
+  }, /*#__PURE__*/_react.default.cloneElement(children, {
+    className: (0, _clsx.default)(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.default.shape({
+    /**
+     * Styles applied to the root.
+     */
+    root: _propTypes.default.string,
+
+    /**
+     * Styles applied when component is selected.
+     */
+    selected: _propTypes.default.string,
+
+    /**
+     * Styles applied when component is disabled.
+     */
+    disabled: _propTypes.default.string,
+
+    /**
+     * Styles applied to external reference.
+     */
+    externalReference: _propTypes.default.string,
+
+    /**
+     * Styles applied when using the false focus.
+     */
+    falseFocus: _propTypes.default.string,
+
+    /**
+     * Styles applied when focus disabled.
+     */
+    focusDisabled: _propTypes.default.string,
+    focusGridDisabled: _propTypes.default.string,
+
+    /**
+     * Styles applied when focus active.
+     */
+    focused: _propTypes.default.string,
+
+    /**
+     * Styles applied when focus customization is passed.
+     */
+    focus: _propTypes.default.string
+  }).isRequired,
+
+  /**
+   * The reference to the root element to hold all Focus' context.
+   */
+  rootRef: _utils.refType,
+
+  /**
+   * Extra configuration for the child element.
+   */
+  configuration: _propTypes.default.instanceOf(Object),
+
+  /**
+   * Whether the focus is selected.
+   */
+  selected: _propTypes.default.bool,
+
+  /**
+   * Whether the focus is disabled.
+   */
+  disabled: _propTypes.default.bool,
+
+  /**
+   * Child node to set the focus.
+   */
+  children: _propTypes.default.node.isRequired,
+
+  /**
+   * Focus and navigation strategy to be used.
+   */
+  strategy: _propTypes.default.oneOf(["listbox", "menu", "card", "grid"]),
+
+  /**
+   * Show focus when click element.
+   */
+  focusOnClick: _propTypes.default.bool,
+
+  /**
+   * Show focus when click element.
+   */
+  focusDisabled: _propTypes.default.bool,
+
+  /**
+   * Indicates that the disabled class should be applied.
+   */
+  disabledClass: _propTypes.default.bool,
+
+  /**
+   * Uses an absolute positioned div as a focus.
+   */
+  useFalseFocus: _propTypes.default.bool,
+
+  /**
+   * Narrows the results of the focus to only theses class
+   */
+  filterClass: _propTypes.default.string,
+
+  /**
+   * How much the navigation will skip when using the arrows.
+   */
+  navigationJump: _propTypes.default.number
+};
+
+var _default = (0, _core.withStyles)(_styles.default, {
+  name: "HvFocus"
+})(Focus);
+
+exports.default = _default;
+//# sourceMappingURL=Focus.js.map

package/dist/Focus/Focus.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Focus/Focus.js"],"names":["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","KeyboardCodes","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","React","cloneElement","className","ref","propTypes","PropTypes","shape","string","focusGridDisabled","isRequired","refType","instanceOf","Object","bool","node","oneOf","number","styles","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/Focus/index.d.ts

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

package/dist/Focus/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _Focus.default;
+  }
+});
+
+var _Focus = _interopRequireDefault(require("./Focus"));
+//# sourceMappingURL=index.js.map

package/dist/Focus/index.js.map

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