@hitachivantara/uikit-react-core 2.23.2

package/dist/modern/Focus/Focus.js

@@ -0,0 +1,426 @@
+import "core-js/modules/web.dom-collections.iterator.js";
+import "core-js/modules/es.array.includes.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 } from "../utils";
+import ConditionalWrapper from "../utils/ConditionalWrapper";
+import { isKey, isOneOfKeys, setFocusTo, getFocusableChildren } from "./utils";
+import styles from "./styles";
+/* eslint-disable no-param-reassign */
+
+const Focus = props => {
+  const {
+    classes,
+    children,
+    configuration = {},
+    disabledClass = false,
+    selected = false,
+    disabled = false,
+    rootRef = {},
+    focusOnClick = false,
+    focusDisabled = true,
+    strategy = "listbox",
+    useArrows = true,
+    useFalseFocus = false,
+    filterClass,
+    navigationJump = 4
+  } = props;
+  const [showFocus, setShowFocus] = useState(null);
+  const [childFocus, setChildFocus] = useState(null);
+  const [hasRunConfig, setHasRunConfig] = useState(false);
+
+  const getFocuses = () => rootRef.current ? Array.from(rootRef.current.getElementsByClassName(filterClass || classes.root)) : [];
+
+  const setTabIndex = (el, tabIndex = 0) => {
+    const elChildFocus = getFocusableChildren(el)[0];
+
+    if (elChildFocus) {
+      el.tabIndex = -1;
+      elChildFocus.tabIndex = tabIndex;
+    } else {
+      el.tabIndex = tabIndex;
+    }
+  };
+
+  const setSelectedTabIndex = () => {
+    const focuses = getFocuses();
+    const firstSelected = focuses.find(focus => focus.classList.contains(classes.selected));
+    if (!firstSelected) return;
+    focuses.forEach(focus => setTabIndex(focus, -1));
+    setTabIndex(firstSelected, 0);
+  };
+
+  const clearTabSiblings = el => {
+    getFocuses().forEach(focus => setTabIndex(focus, -1));
+    setTabIndex(el, 0);
+  };
+
+  const onFocusStrategy = evt => {
+    if (strategy === "listbox") {
+      clearTabSiblings(evt.currentTarget);
+    }
+  };
+
+  const onBlurStrategy = () => {
+    if (strategy === "listbox" && rootRef.current && !rootRef.current.contains(document.activeElement)) {
+      setTimeout(() => {
+        setSelectedTabIndex();
+      }, 10);
+    }
+  };
+
+  const config = el => {
+    const {
+      tabIndex
+    } = configuration;
+    if (!el || hasRunConfig) return;
+
+    if (strategy === "card") {
+      setChildFocus(children);
+      return;
+    }
+
+    if (strategy === "grid") {
+      return;
+    }
+
+    const focusableChildren = getFocusableChildren(el);
+
+    if (focusableChildren.length) {
+      focusableChildren.forEach(child => setTabIndex(child, -1));
+      setChildFocus(focusableChildren[0]);
+    }
+
+    if (!isNil(tabIndex)) setTabIndex(el, tabIndex);
+    setHasRunConfig(true);
+  };
+
+  const addFocusClass = evt => {
+    if (!useFalseFocus) {
+      evt.currentTarget.classList.add(classes.focused);
+      classes.focus.split(" ").forEach(c => evt.currentTarget.classList.add(c));
+    }
+  };
+
+  const removeFocusClass = () => {
+    if (!useFalseFocus) {
+      getFocuses().forEach(element => {
+        element.classList.remove(classes.focused);
+        classes.focus.split(" ").forEach(c => element.classList.remove(c));
+      });
+    }
+  };
+
+  const onFocus = evt => {
+    addFocusClass(evt);
+    setShowFocus(true); // give focus to child element if any focusable
+
+    if (childFocus && childFocus.focus) childFocus.focus();
+    onFocusStrategy(evt);
+  };
+
+  const onBlur = evt => {
+    setShowFocus(false);
+    removeFocusClass(evt);
+    onBlurStrategy(evt);
+  };
+
+  const onMouseDown = evt => {
+    var _evt$currentTarget;
+
+    const hasCard = !!((_evt$currentTarget = evt.currentTarget) !== null && _evt$currentTarget !== void 0 && _evt$currentTarget.querySelector(".HvIsCardGridElement"));
+    if (strategy === "grid" && hasCard) return;
+    setFocusTo(evt.currentTarget);
+    setTabIndex(evt.currentTarget, 0); // remove focus outline unless explicitly enabled
+
+    if (!focusOnClick) {
+      removeFocusClass(evt);
+      setShowFocus(false);
+    }
+  };
+
+  const focusAndUpdateIndex = (nextFocus, previousFocus, focusesList) => {
+    if (focusesList !== null && focusesList !== void 0 && focusesList.includes(previousFocus)) {
+      setTabIndex(previousFocus, -1);
+    }
+
+    setTabIndex(nextFocus, 0);
+    setFocusTo(nextFocus);
+  };
+
+  const getEnabledKeys = (currentFocusIndex, jump, listSize) => ({
+    right: (currentFocusIndex + 1) % jump === 0 || currentFocusIndex + 1 > listSize - 1,
+    left: currentFocusIndex % jump === 0,
+    up: currentFocusIndex - jump < 0,
+    down: currentFocusIndex + jump > listSize || currentFocusIndex + jump > listSize - 1
+  });
+
+  const onGridKeyDownHandler = (evt, focuses, focusesList, currentFocusIndex, jump) => {
+    const {
+      ArrowUp,
+      ArrowDown,
+      Home,
+      End,
+      ArrowLeft,
+      ArrowRight,
+      Enter,
+      SpaceBar
+    } = KeyboardCodes;
+    const childFocusIsInput = childFocus && childFocus.nodeName === "INPUT";
+
+    if (isOneOfKeys(evt, [ArrowUp, ArrowDown, Home, End])) {
+      evt.preventDefault();
+      evt.stopPropagation();
+    }
+
+    if (isOneOfKeys(evt, [Enter, SpaceBar]) || !useArrows) {
+      // trigger click on enter unless child focus is input
+      if (!childFocusIsInput && isKey(evt, Enter) || isKey(evt, SpaceBar)) if (isBrowser("firefox")) evt.target.click();else evt.currentTarget.click();
+      return;
+    }
+
+    const 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:
+    }
+  };
+
+  const onListHandler = (evt, focuses, focusesList) => {
+    const {
+      ArrowUp,
+      ArrowDown,
+      Home,
+      End,
+      Enter,
+      SpaceBar
+    } = KeyboardCodes;
+    const childFocusIsInput = childFocus && childFocus.nodeName === "INPUT";
+
+    if (isOneOfKeys(evt, [ArrowUp, ArrowDown, Home, End, SpaceBar])) {
+      evt.preventDefault();
+      evt.stopPropagation();
+    }
+
+    if (isOneOfKeys(evt, [Enter, SpaceBar]) || !useArrows) {
+      // trigger click on enter unless child focus is input
+      if (!childFocusIsInput && isKey(evt, Enter) || 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:
+    }
+  };
+
+  const onKeyDown = evt => {
+    const isDisabledFocusable = strategy === "menu";
+    const focusesList = getFocuses().filter(el => isDisabledFocusable || !el.classList.contains(classes.disabled));
+    const currentFocus = focusesList.indexOf(evt.currentTarget);
+    const focuses = {
+      first: focusesList[0],
+      last: focusesList[focusesList.length - 1],
+      previous: focusesList[currentFocus - 1],
+      next: focusesList[currentFocus + 1],
+      fall: focusesList[currentFocus + navigationJump],
+      jump: focusesList[currentFocus - navigationJump]
+    };
+
+    if (strategy === "grid") {
+      onGridKeyDownHandler(evt, focuses, focusesList, currentFocus, navigationJump);
+      return;
+    }
+
+    onListHandler(evt, focuses, focusesList);
+  };
+
+  const onKeyUp = evt => {
+    if (isBrowser("firefox")) evt.preventDefault();
+  };
+
+  const focusWrapper = childrenToWrap => /*#__PURE__*/React.createElement("div", {
+    className: classes.externalReference
+  }, childrenToWrap, showFocus && /*#__PURE__*/React.createElement("div", {
+    className: classes.falseFocus
+  }));
+
+  if (disabled) return children;
+  return /*#__PURE__*/React.createElement(ConditionalWrapper, {
+    condition: useFalseFocus,
+    wrapper: focusWrapper
+  }, /*#__PURE__*/React.cloneElement(children, {
+    className: clsx(children.props.className, classes.root, filterClass, selected && classes.selected, disabledClass && classes.disabled, focusDisabled && classes.focusDisabled),
+    ref: config,
+    onFocus,
+    onBlur,
+    onMouseDown,
+    onKeyDown,
+    onKeyUp,
+    selected
+  }));
+};
+
+process.env.NODE_ENV !== "production" ? 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: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
+    current: PropTypes.any
+  })]),
+
+  /**
+   * 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,
+
+  /**
+   * Use up/ down keyboard arrows to control focus.
+   */
+  useArrows: 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
+} : void 0;
+export default withStyles(styles, {
+  name: "HvFocus"
+})(Focus);
+//# sourceMappingURL=Focus.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Focus.js","names":["React","useState","PropTypes","clsx","isNil","withStyles","KeyboardCodes","isBrowser","ConditionalWrapper","isKey","isOneOfKeys","setFocusTo","getFocusableChildren","styles","Focus","props","classes","children","configuration","disabledClass","selected","disabled","rootRef","focusOnClick","focusDisabled","strategy","useArrows","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","target","click","blockedKeys","keyCode","last","fall","first","previous","next","onListHandler","onKeyDown","isDisabledFocusable","filter","currentFocus","indexOf","onKeyUp","focusWrapper","childrenToWrap","externalReference","falseFocus","cloneElement","className","ref","propTypes","shape","string","focusGridDisabled","isRequired","oneOfType","func","any","instanceOf","Object","bool","node","oneOf","number","name"],"sources":["../../../src/Focus/Focus.js"],"sourcesContent":["import React, { useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport isNil from \"lodash/isNil\";\nimport { withStyles } from \"@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/modern/Focus/index.d.ts

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

package/dist/modern/Focus/index.js

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

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

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

package/dist/modern/Focus/styles.js

@@ -0,0 +1,48 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+export const outlineStyles = {
+  outlineColor: "#52A8EC",
+  outlineStyle: "solid",
+  outlineWidth: "0px",
+  outlineOffset: "-1px",
+  boxShadow: "0 0 0 1px #52A8EC, 0 0 0 4px rgba(29,155,209,.3)"
+};
+const styles = {
+  root: {},
+  selected: {},
+  disabled: {},
+  focusDisabled: {
+    outline: "none",
+    "& *:focus": {
+      outline: "none"
+    },
+    "& *": {
+      outline: "none !important"
+    }
+  },
+  focused: _objectSpread(_objectSpread({}, outlineStyles), {}, {
+    "@media (-webkit-min-device-pixel-ratio:0)": _objectSpread({}, outlineStyles)
+  }),
+  externalReference: {
+    position: "relative"
+  },
+  falseFocus: _objectSpread(_objectSpread({
+    width: "98%",
+    height: "98%",
+    position: "absolute",
+    zIndex: "1"
+  }, outlineStyles), {}, {
+    "@media (-webkit-min-device-pixel-ratio:0)": _objectSpread({}, outlineStyles),
+    top: 0,
+    left: "0.5%",
+    backgroundColor: "transparent",
+    pointerEvents: "none"
+  }),
+  focus: {}
+};
+export default styles;
+//# sourceMappingURL=styles.js.map

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

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

package/dist/modern/Focus/utils.js

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

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

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

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

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

package/dist/modern/Footer/Footer.js

@@ -0,0 +1,86 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["className", "classes", "name", "copyright", "links"];
+import React from "react";
+import clsx from "clsx";
+import PropTypes from "prop-types";
+import { withStyles } from "@material-ui/core";
+import { HvTypography } from "..";
+import styles from "./styles";
+/**
+ * A Footer is a way of providing extra information at the end of a page.
+ */
+
+const HvFooter = props => {
+  const {
+    className,
+    classes,
+    name = "Hitachi Vantara",
+    copyright = `© Hitachi Vantara Corporation ${new Date().getFullYear()}. All Rights Reserved.`,
+    links
+  } = props,
+        others = _objectWithoutProperties(props, _excluded);
+
+  return /*#__PURE__*/React.createElement("footer", _extends({
+    className: clsx(className, classes.root)
+  }, others), /*#__PURE__*/React.createElement(HvTypography, {
+    variant: "highlightText",
+    className: classes.name
+  }, name), /*#__PURE__*/React.createElement("div", {
+    className: classes.rightContainer
+  }, /*#__PURE__*/React.createElement(HvTypography, {
+    variant: "sText",
+    className: classes.copyright
+  }, copyright), links && /*#__PURE__*/React.createElement("div", {
+    className: classes.separator
+  }), links));
+};
+
+process.env.NODE_ENV !== "production" ? HvFooter.propTypes = {
+  /**
+   * Class names to be applied.
+   */
+  className: PropTypes.string,
+
+  /**
+   * A Jss Object used to override or extend the styles applied.
+   */
+  classes: PropTypes.shape({
+    /**
+     * Styles applied to the component root class.
+     */
+    root: PropTypes.string,
+
+    /**
+     * Styles applied to name label on the left.
+     */
+    name: PropTypes.string,
+
+    /**
+     * Styles applied to right container, with copyright and links.
+     */
+    rightContainer: PropTypes.string,
+
+    /**
+     *  Styles applied to copyright label on the right.
+     */
+    copyright: PropTypes.string,
+
+    /**
+     * Styles applied to the links node on the right
+     */
+    links: PropTypes.string,
+
+    /**
+     * Styles applied to the separator between copyright and links
+     */
+    separator: PropTypes.string
+  }).isRequired,
+  name: PropTypes.node,
+  copyright: PropTypes.node,
+  links: PropTypes.node
+} : void 0;
+export default withStyles(styles, {
+  name: "HvFooter"
+})(HvFooter);
+//# sourceMappingURL=Footer.js.map