@hitachivantara/uikit-react-core 2.23.2

package/dist/Focus/Focus.js

@@ -0,0 +1,516 @@
+"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$useArrows = props.useArrows,
+      useArrows = _props$useArrows === void 0 ? true : _props$useArrows,
+      _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);
+      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);
+        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) {
+      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, Home, End])) {
+      evt.preventDefault();
+      evt.stopPropagation();
+    }
+
+    if ((0, _utils2.isOneOfKeys)(evt, [Enter, SpaceBar]) || !useArrows) {
+      // trigger click on enter unless child focus is input
+      if (!childFocusIsInput && (0, _utils2.isKey)(evt, Enter) || (0, _utils2.isKey)(evt, SpaceBar)) if ((0, _utils.isBrowser)("firefox")) evt.target.click();else evt.currentTarget.click();
+      return;
+    }
+
+    var blockedKeys = getEnabledKeys(currentFocusIndex, jump, focusesList.length);
+
+    switch (true) {
+      case ArrowUp === evt.keyCode && !blockedKeys.up:
+        focusAndUpdateIndex(focuses.jump || focuses.last, evt.current, focusesList);
+        break;
+
+      case ArrowDown === evt.keyCode && !blockedKeys.down:
+        focusAndUpdateIndex(focuses.fall || focuses.first, evt.current, focusesList);
+        break;
+
+      case ArrowLeft === evt.keyCode && !blockedKeys.left:
+        focusAndUpdateIndex(focuses.previous || focuses.last, evt.current, focusesList);
+        break;
+
+      case ArrowRight === evt.keyCode && !blockedKeys.right:
+        focusAndUpdateIndex(focuses.next || focuses.first, evt.current, focusesList);
+        break;
+
+      case Home === evt.keyCode:
+        focusAndUpdateIndex(focuses.first, evt.current, focusesList);
+        break;
+
+      case End === evt.keyCode:
+        focusAndUpdateIndex(focuses.last, evt.current, focusesList);
+        break;
+
+      default:
+    }
+  };
+
+  var onListHandler = function onListHandler(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])) {
+      evt.preventDefault();
+      evt.stopPropagation();
+    }
+
+    if ((0, _utils2.isOneOfKeys)(evt, [Enter, SpaceBar]) || !useArrows) {
+      // trigger click on enter unless child focus is input
+      if (!childFocusIsInput && (0, _utils2.isKey)(evt, Enter) || (0, _utils2.isKey)(evt, SpaceBar)) {
+        evt.currentTarget.click();
+      }
+
+      return;
+    }
+
+    switch (evt.keyCode) {
+      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 onKeyDown = function onKeyDown(evt) {
+    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;
+    }
+
+    onListHandler(evt, focuses, focusesList);
+  };
+
+  var onKeyUp = function onKeyUp(evt) {
+    if ((0, _utils.isBrowser)("firefox")) evt.preventDefault();
+  };
+
+  var focusWrapper = function focusWrapper(childrenToWrap) {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: classes.externalReference
+    }, childrenToWrap, showFocus && /*#__PURE__*/_react.default.createElement("div", {
+      className: classes.falseFocus
+    }));
+  };
+
+  if (disabled) return children;
+  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
+  }));
+};
+
+process.env.NODE_ENV !== "production" ? 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: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.shape({
+    current: _propTypes.default.any
+  })]),
+
+  /**
+   * 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,
+
+  /**
+   * Use up/ down keyboard arrows to control focus.
+   */
+  useArrows: _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
+} : void 0;
+
+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,"file":"Focus.js","names":["Focus","props","classes","children","configuration","disabledClass","selected","disabled","rootRef","focusOnClick","focusDisabled","strategy","useArrows","useFalseFocus","filterClass","navigationJump","useState","showFocus","setShowFocus","childFocus","setChildFocus","hasRunConfig","setHasRunConfig","getFocuses","current","Array","from","getElementsByClassName","root","setTabIndex","el","tabIndex","elChildFocus","getFocusableChildren","setSelectedTabIndex","focuses","firstSelected","find","focus","classList","contains","forEach","clearTabSiblings","onFocusStrategy","evt","currentTarget","onBlurStrategy","document","activeElement","setTimeout","config","focusableChildren","length","child","isNil","addFocusClass","add","focused","split","c","removeFocusClass","element","remove","onFocus","onBlur","onMouseDown","hasCard","querySelector","setFocusTo","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","isOneOfKeys","preventDefault","stopPropagation","isKey","isBrowser","target","click","blockedKeys","keyCode","last","fall","first","previous","next","onListHandler","onKeyDown","isDisabledFocusable","filter","currentFocus","indexOf","onKeyUp","focusWrapper","childrenToWrap","externalReference","falseFocus","React","cloneElement","className","clsx","ref","propTypes","PropTypes","shape","string","focusGridDisabled","isRequired","oneOfType","func","any","instanceOf","Object","bool","node","oneOf","number","withStyles","styles","name"],"sources":["../../src/Focus/Focus.js"],"sourcesContent":["import React, { useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport isNil from \"lodash/isNil\";\nimport { withStyles } from \"@material-ui/core\";\nimport { KeyboardCodes, isBrowser } 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    useArrows = true,\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      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        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      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 (isOneOfKeys(evt, [ArrowUp, ArrowDown, Home, End])) {\n      evt.preventDefault();\n      evt.stopPropagation();\n    }\n\n    if (isOneOfKeys(evt, [Enter, SpaceBar]) || !useArrows) {\n      // trigger click on enter unless child focus is input\n      if ((!childFocusIsInput && isKey(evt, Enter)) || isKey(evt, SpaceBar))\n        if (isBrowser(\"firefox\")) evt.target.click();\n        else evt.currentTarget.click();\n      return;\n    }\n\n    const blockedKeys = getEnabledKeys(currentFocusIndex, jump, focusesList.length);\n\n    switch (true) {\n      case ArrowUp === evt.keyCode && !blockedKeys.up:\n        focusAndUpdateIndex(focuses.jump || focuses.last, evt.current, focusesList);\n        break;\n      case ArrowDown === evt.keyCode && !blockedKeys.down:\n        focusAndUpdateIndex(focuses.fall || focuses.first, evt.current, focusesList);\n        break;\n      case ArrowLeft === evt.keyCode && !blockedKeys.left:\n        focusAndUpdateIndex(focuses.previous || focuses.last, evt.current, focusesList);\n        break;\n      case ArrowRight === evt.keyCode && !blockedKeys.right:\n        focusAndUpdateIndex(focuses.next || focuses.first, evt.current, focusesList);\n        break;\n      case Home === evt.keyCode:\n        focusAndUpdateIndex(focuses.first, evt.current, focusesList);\n        break;\n      case End === evt.keyCode:\n        focusAndUpdateIndex(focuses.last, evt.current, focusesList);\n        break;\n      default:\n    }\n  };\n\n  const onListHandler = (evt, focuses, focusesList) => {\n    const { ArrowUp, ArrowDown, Home, End, Enter, SpaceBar } = KeyboardCodes;\n    const childFocusIsInput = childFocus && childFocus.nodeName === \"INPUT\";\n\n    if (isOneOfKeys(evt, [ArrowUp, ArrowDown, Home, End, SpaceBar])) {\n      evt.preventDefault();\n      evt.stopPropagation();\n    }\n\n    if (isOneOfKeys(evt, [Enter, SpaceBar]) || !useArrows) {\n      // trigger click on enter unless child focus is input\n      if ((!childFocusIsInput && isKey(evt, Enter)) || isKey(evt, SpaceBar)) {\n        evt.currentTarget.click();\n      }\n      return;\n    }\n\n    switch (evt.keyCode) {\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 onKeyDown = (evt) => {\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    onListHandler(evt, focuses, focusesList);\n  };\n\n  const onKeyUp = (evt) => {\n    if (isBrowser(\"firefox\")) evt.preventDefault();\n  };\n\n  const focusWrapper = (childrenToWrap) => (\n    <div className={classes.externalReference}>\n      {childrenToWrap}\n      {showFocus && <div className={classes.falseFocus} />}\n    </div>\n  );\n\n  if (disabled) return children;\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: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({ current: PropTypes.any })]),\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   * Use up/ down keyboard arrows to control focus.\n   */\n  useArrows: PropTypes.bool,\n  /**\n   * Uses an absolute positioned div as a focus.\n   */\n  useFalseFocus: PropTypes.bool,\n  /**\n   * Narrows the results of the focus to only theses class\n   */\n  filterClass: PropTypes.string,\n  /**\n   * How much the navigation will skip when using the arrows.\n   */\n  navigationJump: PropTypes.number,\n};\n\nexport default withStyles(styles, { name: \"HvFocus\" })(Focus);\n"],"mappings":"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"}

package/dist/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,"file":"index.js","names":[],"sources":["../../src/Focus/index.js"],"sourcesContent":["export { default } from \"./Focus\";\n"],"mappings":";;;;;;;;;;;;;;AAAA"}

package/dist/Focus/styles.js

@@ -0,0 +1,73 @@
+"use strict";
+
+require("core-js/modules/es.object.keys.js");
+
+require("core-js/modules/es.symbol.js");
+
+require("core-js/modules/es.array.filter.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+require("core-js/modules/web.dom-collections.for-each.js");
+
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.outlineStyles = exports.default = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+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)"
+};
+exports.outlineStyles = outlineStyles;
+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: {}
+};
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

package/dist/Focus/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["outlineStyles","outlineColor","outlineStyle","outlineWidth","outlineOffset","boxShadow","styles","root","selected","disabled","focusDisabled","outline","focused","externalReference","position","falseFocus","width","height","zIndex","top","left","backgroundColor","pointerEvents","focus"],"sources":["../../src/Focus/styles.js"],"sourcesContent":["export const outlineStyles = {\n  outlineColor: \"#52A8EC\",\n  outlineStyle: \"solid\",\n  outlineWidth: \"0px\",\n  outlineOffset: \"-1px\",\n  boxShadow: \"0 0 0 1px #52A8EC, 0 0 0 4px rgba(29,155,209,.3)\",\n};\n\nconst styles = {\n  root: {},\n  selected: {},\n  disabled: {},\n  focusDisabled: {\n    outline: \"none\",\n    \"& *:focus\": {\n      outline: \"none\",\n    },\n    \"& *\": {\n      outline: \"none !important\",\n    },\n  },\n  focused: {\n    ...outlineStyles,\n    \"@media (-webkit-min-device-pixel-ratio:0)\": {\n      ...outlineStyles,\n    },\n  },\n  externalReference: {\n    position: \"relative\",\n  },\n  falseFocus: {\n    width: \"98%\",\n    height: \"98%\",\n    position: \"absolute\",\n    zIndex: \"1\",\n    ...outlineStyles,\n    \"@media (-webkit-min-device-pixel-ratio:0)\": {\n      ...outlineStyles,\n    },\n    top: 0,\n    left: \"0.5%\",\n    backgroundColor: \"transparent\",\n    pointerEvents: \"none\",\n  },\n  focus: {},\n};\n\nexport default styles;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAO,IAAMA,aAAa,GAAG;EAC3BC,YAAY,EAAE,SADa;EAE3BC,YAAY,EAAE,OAFa;EAG3BC,YAAY,EAAE,KAHa;EAI3BC,aAAa,EAAE,MAJY;EAK3BC,SAAS,EAAE;AALgB,CAAtB;;AAQP,IAAMC,MAAM,GAAG;EACbC,IAAI,EAAE,EADO;EAEbC,QAAQ,EAAE,EAFG;EAGbC,QAAQ,EAAE,EAHG;EAIbC,aAAa,EAAE;IACbC,OAAO,EAAE,MADI;IAEb,aAAa;MACXA,OAAO,EAAE;IADE,CAFA;IAKb,OAAO;MACLA,OAAO,EAAE;IADJ;EALM,CAJF;EAabC,OAAO,kCACFZ,aADE;IAEL,+DACKA,aADL;EAFK,EAbM;EAmBba,iBAAiB,EAAE;IACjBC,QAAQ,EAAE;EADO,CAnBN;EAsBbC,UAAU;IACRC,KAAK,EAAE,KADC;IAERC,MAAM,EAAE,KAFA;IAGRH,QAAQ,EAAE,UAHF;IAIRI,MAAM,EAAE;EAJA,GAKLlB,aALK;IAMR,+DACKA,aADL,CANQ;IASRmB,GAAG,EAAE,CATG;IAURC,IAAI,EAAE,MAVE;IAWRC,eAAe,EAAE,aAXT;IAYRC,aAAa,EAAE;EAZP,EAtBG;EAoCbC,KAAK,EAAE;AApCM,CAAf;eAuCejB,M"}