@hitachivantara/uikit-react-core 3.74.0 → 4.0.1-next.2

package/dist/VerticalNavigation/VerticalContainer/VerticalContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"VerticalContainer.js","names":["VerticalContainer","id","className","classes","isAnchorBarVisible","isOpen","toggleOpenCallback","buttonAriaLabel","children","position","closeOnExit","others","useState","open","setOpen","prevPropOpen","setPrevPropOpen","containerRef","useRef","buttonRef","focusableList","useEffect","setTimeout","current","getFirstAndLastFocus","toggleOpen","useCallback","newState","prevState","handlerKeyContainer","event","isKeypress","KeyboardCodes","Tab","isNil","target","first","shiftKey","last","Esc","focus","renderedAnchorBar","useMemo","setId","anchorBar","button","renderedContainer","separator","contentContainer","clsx","root","withAnchorBar","static","relative","fixed","absolute","verticalContainer","propTypes","PropTypes","string","shape","isRequired","oneOf","bool","node","func","withStyles","styles","name"],"sources":["../../../src/VerticalNavigation/VerticalContainer/VerticalContainer.js"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport isNil from \"lodash/isNil\";\nimport { ClickAwayListener, withStyles } from \"@material-ui/core\";\nimport clsx from \"clsx\";\nimport { Menu } from \"@hitachivantara/uikit-react-icons\";\nimport { isKeypress, KeyboardCodes } from \"../../utils/KeyboardUtils\";\nimport Button from \"../../Button\";\nimport { setId } from \"../../utils\";\nimport { getFirstAndLastFocus } from \"../../utils/focusableElementFinder\";\n\nimport styles from \"./styles\";\n\n/**\n * Vertical Container.\n *\n * @constructor\n */\nconst VerticalContainer = ({\n  id,\n  className,\n  classes,\n  isAnchorBarVisible = true,\n  isOpen = false,\n  toggleOpenCallback,\n  buttonAriaLabel,\n  children,\n  position = \"static\",\n  closeOnExit,\n  ...others\n}) => {\n  const [open, setOpen] = useState(isOpen);\n  const [prevPropOpen, setPrevPropOpen] = useState(null);\n  const containerRef = useRef(null);\n  const buttonRef = useRef(null);\n  const focusableList = useRef(null);\n\n  if (isOpen !== prevPropOpen) {\n    setOpen(isOpen);\n    setPrevPropOpen(isOpen);\n  }\n\n  /**\n   * Fills the object with the first and last focusable element inside the container.\n   * When the container is open the first focusable element is focus.\n   */\n  useEffect(() => {\n    setTimeout(() => {\n      if (open) {\n        focusableList.current = getFirstAndLastFocus(containerRef.current);\n      }\n    });\n  }, [open]);\n\n  /**\n   * Toggle the open state based on the received paramenter.\n   *\n   * @type {(...args: any[]) => any}\n   */\n  const toggleOpen = useCallback(\n    (newState = null) => {\n      if (newState !== null) {\n        if (newState !== open) {\n          setOpen(newState);\n        } else {\n          return;\n        }\n      } else {\n        setOpen((prevState) => !prevState);\n      }\n      toggleOpenCallback?.(open);\n    },\n    [toggleOpenCallback, open]\n  );\n\n  /**\n   * Handler of keyboard clicks.\n   */\n  const handlerKeyContainer = useCallback(\n    (event) => {\n      if (closeOnExit) {\n        if (\n          isKeypress(event, KeyboardCodes.Tab) &&\n          !isNil(event.target) &&\n          !isNil(focusableList.current) &&\n          !isNil(focusableList.current.first)\n        ) {\n          if (\n            (event.shiftKey && event.target.id === focusableList.current.first.id) ||\n            (!event.shiftKey && event.target.id === focusableList.current.last.id)\n          ) {\n            toggleOpen(false);\n          }\n        }\n        if (isKeypress(event, KeyboardCodes.Esc) === false) {\n          return;\n        }\n        buttonRef.current.focus();\n        toggleOpen(false);\n      }\n    },\n    [closeOnExit, toggleOpen]\n  );\n  const renderedAnchorBar = useMemo(\n    () => (\n      <div id={setId(id, \"anchor-bar\")} className={classes.anchorBar}>\n        <Button\n          id={setId(id, \"hamburger-button\")}\n          className={classes.button}\n          ref={buttonRef}\n          onClick={() => toggleOpen()}\n          aria-label={buttonAriaLabel || (open && \"close\") || (!open && \"open\")}\n          icon\n        >\n          <Menu />\n        </Button>\n      </div>\n    ),\n    [buttonAriaLabel, classes.anchorBar, classes.button, id, open, toggleOpen]\n  );\n\n  const renderedContainer = useMemo(\n    () => (\n      <>\n        {isAnchorBarVisible && <div className={classes.separator} />}\n        {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions */}\n        <div\n          id={setId(id, \"container\")}\n          ref={containerRef}\n          className={classes.contentContainer}\n          onKeyDown={handlerKeyContainer}\n        >\n          {children}\n        </div>\n      </>\n    ),\n    [\n      children,\n      classes.contentContainer,\n      classes.separator,\n      handlerKeyContainer,\n      id,\n      isAnchorBarVisible,\n    ]\n  );\n\n  return (\n    <div\n      className={clsx(className, classes.root, {\n        [classes.withAnchorBar]: isAnchorBarVisible,\n        [classes.static]: position === \"static\",\n        [classes.relative]: position === \"relative\",\n        [classes.fixed]: position === \"fixed\",\n        [classes.absolute]: position === \"absolute\",\n      })}\n    >\n      <ClickAwayListener onClickAway={() => closeOnExit && toggleOpen(false)}>\n        <div id={id} className={classes.verticalContainer} {...others}>\n          {isAnchorBarVisible && renderedAnchorBar}\n          {open && renderedContainer}\n        </div>\n      </ClickAwayListener>\n    </div>\n  );\n};\n\nVerticalContainer.propTypes = {\n  /**\n   * Identifier.\n   */\n  id: PropTypes.string,\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * Styles applied to the element.\n   */\n  classes: PropTypes.shape({\n    /**\n     *  Styles applied to the root container.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied when the component is in fixed positioning.\n     */\n    fixed: PropTypes.string,\n    /**\n     * Styles applied when the component is in relative positioning.\n     */\n    relative: PropTypes.string,\n    /**\n     * Styles applied when the component is in absolute positioning.\n     */\n    absolute: PropTypes.string,\n    /**\n     * Styles applied when the component is in static positioning.\n     */\n    static: PropTypes.string,\n    /**\n     * Styles applied when the component has anchor bar.\n     */\n    withAnchorBar: PropTypes.string,\n    /**\n     *  Styles applied to the vertical container.\n     */\n    verticalContainer: PropTypes.string,\n    /**\n     *  Styles applied to the anchor bar.\n     */\n    anchorBar: PropTypes.string,\n    /**\n     *  Styles applied to the button.\n     */\n    button: PropTypes.string,\n    /**\n     *  Styles applied to the separator.\n     */\n    separator: PropTypes.string,\n    /**\n     *  Styles applied to the content container.\n     */\n    contentContainer: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Position of the component.\n   */\n  position: PropTypes.oneOf([\"static\", \"relative\", \"fixed\", \"absolute\"]),\n\n  /**\n   * Defines if a anchor bar is visible,\n   */\n  isAnchorBarVisible: PropTypes.bool,\n  /**\n   * Is the navigation open.\n   */\n  isOpen: PropTypes.bool,\n  /**\n   * Aria-label for the button.\n   */\n  buttonAriaLabel: PropTypes.string,\n  /**\n   * Children component.\n   */\n  children: PropTypes.node.isRequired,\n  /**\n   * Callback when the navigation toggles between open and close.\n   */\n  toggleOpenCallback: PropTypes.func,\n  /**\n   * Defines if the content pane should close when losing focus / clicking outside.\n   */\n  closeOnExit: PropTypes.bool,\n};\n\nexport default withStyles(styles, {\n  name: \"HvVerticalNavigationVerticalContainer\",\n})(VerticalContainer);\n"],"mappings":"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"}
+{"version":3,"file":"VerticalContainer.js","names":["VerticalContainer","id","className","classes","isAnchorBarVisible","isOpen","toggleOpenCallback","buttonAriaLabel","children","position","closeOnExit","others","useState","open","setOpen","prevPropOpen","setPrevPropOpen","containerRef","useRef","buttonRef","focusableList","useEffect","setTimeout","current","getFirstAndLastFocus","toggleOpen","useCallback","newState","prevState","handlerKeyContainer","event","isKeypress","KeyboardCodes","Tab","isNil","target","first","shiftKey","last","Esc","focus","renderedAnchorBar","useMemo","setId","anchorBar","button","renderedContainer","separator","contentContainer","clsx","root","withAnchorBar","static","relative","fixed","absolute","verticalContainer","propTypes","PropTypes","string","shape","isRequired","oneOf","bool","node","func","withStyles","styles","name"],"sources":["../../../src/VerticalNavigation/VerticalContainer/VerticalContainer.js"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport isNil from \"lodash/isNil\";\nimport { ClickAwayListener } from \"@mui/material\";\nimport { withStyles } from \"@mui/styles\";\nimport clsx from \"clsx\";\nimport { Menu } from \"@hitachivantara/uikit-react-icons\";\nimport { isKeypress, KeyboardCodes } from \"../../utils/KeyboardUtils\";\nimport Button from \"../../Button\";\nimport { setId } from \"../../utils\";\nimport { getFirstAndLastFocus } from \"../../utils/focusableElementFinder\";\n\nimport styles from \"./styles\";\n\n/**\n * Vertical Container.\n *\n * @constructor\n */\nconst VerticalContainer = ({\n  id,\n  className,\n  classes,\n  isAnchorBarVisible = true,\n  isOpen = false,\n  toggleOpenCallback,\n  buttonAriaLabel,\n  children,\n  position = \"static\",\n  closeOnExit,\n  ...others\n}) => {\n  const [open, setOpen] = useState(isOpen);\n  const [prevPropOpen, setPrevPropOpen] = useState(null);\n  const containerRef = useRef(null);\n  const buttonRef = useRef(null);\n  const focusableList = useRef(null);\n\n  if (isOpen !== prevPropOpen) {\n    setOpen(isOpen);\n    setPrevPropOpen(isOpen);\n  }\n\n  /**\n   * Fills the object with the first and last focusable element inside the container.\n   * When the container is open the first focusable element is focus.\n   */\n  useEffect(() => {\n    setTimeout(() => {\n      if (open) {\n        focusableList.current = getFirstAndLastFocus(containerRef.current);\n      }\n    });\n  }, [open]);\n\n  /**\n   * Toggle the open state based on the received paramenter.\n   *\n   * @type {(...args: any[]) => any}\n   */\n  const toggleOpen = useCallback(\n    (newState = null) => {\n      if (newState !== null) {\n        if (newState !== open) {\n          setOpen(newState);\n        } else {\n          return;\n        }\n      } else {\n        setOpen((prevState) => !prevState);\n      }\n      toggleOpenCallback?.(open);\n    },\n    [toggleOpenCallback, open]\n  );\n\n  /**\n   * Handler of keyboard clicks.\n   */\n  const handlerKeyContainer = useCallback(\n    (event) => {\n      if (closeOnExit) {\n        if (\n          isKeypress(event, KeyboardCodes.Tab) &&\n          !isNil(event.target) &&\n          !isNil(focusableList.current) &&\n          !isNil(focusableList.current.first)\n        ) {\n          if (\n            (event.shiftKey && event.target.id === focusableList.current.first.id) ||\n            (!event.shiftKey && event.target.id === focusableList.current.last.id)\n          ) {\n            toggleOpen(false);\n          }\n        }\n        if (isKeypress(event, KeyboardCodes.Esc) === false) {\n          return;\n        }\n        buttonRef.current.focus();\n        toggleOpen(false);\n      }\n    },\n    [closeOnExit, toggleOpen]\n  );\n  const renderedAnchorBar = useMemo(\n    () => (\n      <div id={setId(id, \"anchor-bar\")} className={classes.anchorBar}>\n        <Button\n          id={setId(id, \"hamburger-button\")}\n          className={classes.button}\n          ref={buttonRef}\n          onClick={() => toggleOpen()}\n          aria-label={buttonAriaLabel || (open && \"close\") || (!open && \"open\")}\n          icon\n        >\n          <Menu />\n        </Button>\n      </div>\n    ),\n    [buttonAriaLabel, classes.anchorBar, classes.button, id, open, toggleOpen]\n  );\n\n  const renderedContainer = useMemo(\n    () => (\n      <>\n        {isAnchorBarVisible && <div className={classes.separator} />}\n        {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions */}\n        <div\n          id={setId(id, \"container\")}\n          ref={containerRef}\n          className={classes.contentContainer}\n          onKeyDown={handlerKeyContainer}\n        >\n          {children}\n        </div>\n      </>\n    ),\n    [\n      children,\n      classes.contentContainer,\n      classes.separator,\n      handlerKeyContainer,\n      id,\n      isAnchorBarVisible,\n    ]\n  );\n\n  return (\n    <div\n      className={clsx(className, classes.root, {\n        [classes.withAnchorBar]: isAnchorBarVisible,\n        [classes.static]: position === \"static\",\n        [classes.relative]: position === \"relative\",\n        [classes.fixed]: position === \"fixed\",\n        [classes.absolute]: position === \"absolute\",\n      })}\n    >\n      <ClickAwayListener onClickAway={() => closeOnExit && toggleOpen(false)}>\n        <div id={id} className={classes.verticalContainer} {...others}>\n          {isAnchorBarVisible && renderedAnchorBar}\n          {open && renderedContainer}\n        </div>\n      </ClickAwayListener>\n    </div>\n  );\n};\n\nVerticalContainer.propTypes = {\n  /**\n   * Identifier.\n   */\n  id: PropTypes.string,\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * Styles applied to the element.\n   */\n  classes: PropTypes.shape({\n    /**\n     *  Styles applied to the root container.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied when the component is in fixed positioning.\n     */\n    fixed: PropTypes.string,\n    /**\n     * Styles applied when the component is in relative positioning.\n     */\n    relative: PropTypes.string,\n    /**\n     * Styles applied when the component is in absolute positioning.\n     */\n    absolute: PropTypes.string,\n    /**\n     * Styles applied when the component is in static positioning.\n     */\n    static: PropTypes.string,\n    /**\n     * Styles applied when the component has anchor bar.\n     */\n    withAnchorBar: PropTypes.string,\n    /**\n     *  Styles applied to the vertical container.\n     */\n    verticalContainer: PropTypes.string,\n    /**\n     *  Styles applied to the anchor bar.\n     */\n    anchorBar: PropTypes.string,\n    /**\n     *  Styles applied to the button.\n     */\n    button: PropTypes.string,\n    /**\n     *  Styles applied to the separator.\n     */\n    separator: PropTypes.string,\n    /**\n     *  Styles applied to the content container.\n     */\n    contentContainer: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Position of the component.\n   */\n  position: PropTypes.oneOf([\"static\", \"relative\", \"fixed\", \"absolute\"]),\n\n  /**\n   * Defines if a anchor bar is visible,\n   */\n  isAnchorBarVisible: PropTypes.bool,\n  /**\n   * Is the navigation open.\n   */\n  isOpen: PropTypes.bool,\n  /**\n   * Aria-label for the button.\n   */\n  buttonAriaLabel: PropTypes.string,\n  /**\n   * Children component.\n   */\n  children: PropTypes.node.isRequired,\n  /**\n   * Callback when the navigation toggles between open and close.\n   */\n  toggleOpenCallback: PropTypes.func,\n  /**\n   * Defines if the content pane should close when losing focus / clicking outside.\n   */\n  closeOnExit: PropTypes.bool,\n};\n\nexport default withStyles(styles, {\n  name: \"HvVerticalNavigationVerticalContainer\",\n})(VerticalContainer);\n"],"mappings":"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"}

package/dist/VerticalNavigation/VerticalNavigation.d.ts

@@ -1,4 +1,4 @@
-import { StandardProps } from "@material-ui/core";
+import { StandardProps } from "@mui/material";
 
 export type HvVerticalNavigationClassKey = "root" | "noCollapse" | "legacyMode";
 

package/dist/VerticalNavigation/VerticalNavigation.js

@@ -1,5 +1,19 @@
 "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", {
@@ -7,7 +21,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
@@ -17,16 +31,24 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _core = require("@material-ui/core");
+var _material = require("@mui/material");
+
+var _styles = require("@mui/styles");
 
 var _VerticalContainer = _interopRequireDefault(require("./VerticalContainer"));
 
 var _utils = require("../utils");
 
-var _styles = _interopRequireDefault(require("./styles"));
+var _styles2 = _interopRequireDefault(require("./styles"));
+
+var _jsxRuntime = require("react/jsx-runtime");
 
 var _excluded = ["id", "className", "classes", "children", "isOpen", "toggleOpenCallback", "isCollapsable", "position", "closeOnExit", "buttonAriaLabel"];
 
+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; }
+
 /**
  * Navigation enables users to move through an app to complete tasks.
  *
@@ -69,21 +91,24 @@ var VerticalNavigation = function VerticalNavigation(_ref) {
     isOpen = isOpenProp !== null && isOpenProp !== void 0 ? isOpenProp : !isCollapsable;
   }
 
-  var content = /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+  var content = /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({
     id: id,
     className: (0, _clsx.default)(className, classes.root, deprecatedMode && [classes.legacyMode, !isCollapsable && classes.noCollapsable])
-  }, others), children);
+  }, others), {}, {
+    children: children
+  }));
 
   if (deprecatedMode) {
-    return /*#__PURE__*/_react.default.createElement(_VerticalContainer.default, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_VerticalContainer.default, {
       id: (0, _utils.setId)(id, "container"),
       isOpen: isOpen,
       toggleOpenCallback: toggleOpenCallback,
       position: position,
       isAnchorBarVisible: isCollapsable,
       closeOnExit: closeOnExit,
-      buttonAriaLabel: buttonAriaLabel
-    }, content);
+      buttonAriaLabel: buttonAriaLabel,
+      children: content
+    });
   }
 
   return content;
@@ -114,7 +139,7 @@ process.env.NODE_ENV !== "production" ? VerticalNavigation.propTypes = {
      *
      * @deprecated This logic should be external, i.e. using the HvVerticalNavigation inside a Drawer component.
      */
-    noCollapsable: (0, _core.deprecatedPropType)(_propTypes.default.string),
+    noCollapsable: (0, _material.deprecatedPropType)(_propTypes.default.string),
 
     /**
      * @ignore
@@ -132,14 +157,14 @@ process.env.NODE_ENV !== "production" ? VerticalNavigation.propTypes = {
    *
    * @deprecated This logic should be external, i.e. using the HvVerticalNavigation inside a Drawer component.
    */
-  isCollapsable: (0, _core.deprecatedPropType)(_propTypes.default.bool, "This logic should be external, i.e. using the HvVerticalNavigation inside a Drawer component."),
+  isCollapsable: (0, _material.deprecatedPropType)(_propTypes.default.bool, "This logic should be external, i.e. using the HvVerticalNavigation inside a Drawer component."),
 
   /**
    * Is the navigation open.
    *
    * @deprecated This logic should be external, i.e. using the HvVerticalNavigation inside a Drawer component.
    */
-  isOpen: (0, _core.deprecatedPropType)(_propTypes.default.bool, "This logic should be external, i.e. using the HvVerticalNavigation inside a Drawer component."),
+  isOpen: (0, _material.deprecatedPropType)(_propTypes.default.bool, "This logic should be external, i.e. using the HvVerticalNavigation inside a Drawer component."),
 
   /**
    * Callback when the navigation toggles between open and close.
@@ -151,24 +176,24 @@ process.env.NODE_ENV !== "production" ? VerticalNavigation.propTypes = {
    *
    * @deprecated This logic should be external, i.e. using the HvVerticalNavigation inside a Drawer component.
    */
-  position: (0, _core.deprecatedPropType)(_propTypes.default.oneOf(["static", "relative", "fixed", "absolute"]), "This logic should be external, i.e. using the HvVerticalNavigation inside a Drawer component."),
+  position: (0, _material.deprecatedPropType)(_propTypes.default.oneOf(["static", "relative", "fixed", "absolute"]), "This logic should be external, i.e. using the HvVerticalNavigation inside a Drawer component."),
 
   /**
    * Defines if the navigation should close when losing focus / clicking outside.
    *
    * @deprecated This logic should be external, i.e. using the HvVerticalNavigation inside a Drawer component.
    */
-  closeOnExit: (0, _core.deprecatedPropType)(_propTypes.default.bool, "This logic should be external, i.e. using the HvVerticalNavigation inside a Drawer component."),
+  closeOnExit: (0, _material.deprecatedPropType)(_propTypes.default.bool, "This logic should be external, i.e. using the HvVerticalNavigation inside a Drawer component."),
 
   /**
    * Aria-label for the button that opens the vertical navigation.
    *
    * @deprecated This logic should be external, i.e. using the HvVerticalNavigation inside a Drawer component.
    */
-  buttonAriaLabel: (0, _core.deprecatedPropType)(_propTypes.default.bool, "This logic should be external, i.e. using the HvVerticalNavigation inside a Drawer component.")
+  buttonAriaLabel: (0, _material.deprecatedPropType)(_propTypes.default.bool, "This logic should be external, i.e. using the HvVerticalNavigation inside a Drawer component.")
 } : void 0;
 
-var _default = (0, _core.withStyles)(_styles.default, {
+var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvVerticalNavigation"
 })(VerticalNavigation);
 

package/dist/VerticalNavigation/VerticalNavigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"VerticalNavigation.js","names":["VerticalNavigation","id","className","classes","children","isOpenProp","isOpen","toggleOpenCallback","isCollapsableProp","isCollapsable","positionProp","position","closeOnExitProp","closeOnExit","buttonAriaLabel","others","deprecatedMode","content","clsx","root","legacyMode","noCollapsable","setId","propTypes","PropTypes","string","shape","deprecatedPropType","isRequired","node","bool","func","oneOf","withStyles","styles","name"],"sources":["../../src/VerticalNavigation/VerticalNavigation.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { deprecatedPropType, withStyles } from \"@material-ui/core\";\nimport VerticalContainer from \"./VerticalContainer\";\nimport { setId } from \"../utils\";\nimport styles from \"./styles\";\n\n/**\n * Navigation enables users to move through an app to complete tasks.\n *\n * It is recommended to use vertical navigation when your application requires global navigation that is displayed on the left.\n * While vertical navigation menus generally consume more space than their horizontal counterparts, they have become more popular as desktop monitors move to wide-screen formats.\n *\n * Even thou both the hierarchically organized data and the visual style ressemble a treeview-like structure, the [Treeview Design Pattern](https://w3c.github.io/aria-practices/#TreeView)\n * isn't necessarily the most appropriate.\n *\n * The tree role provides complex functionality that is not needed for typical site navigation, and changes the most common keyboard navigation using TAB.\n *\n * The [Disclosure Design Pattern](https://w3c.github.io/aria-practices/#disclosure) is more suited for typical site navigation, with expandable groups of links.\n * However it can be tedious to TAB through all navigation items to reach the actions panel.\n *\n * Both modes are available via the `mode` property and each app should choose the most appropriate.\n */\nconst VerticalNavigation = ({\n  id,\n  className,\n  classes,\n\n  children,\n\n  // deprecated props\n  isOpen: isOpenProp,\n  toggleOpenCallback,\n  isCollapsable: isCollapsableProp,\n  position: positionProp,\n  closeOnExit: closeOnExitProp,\n  buttonAriaLabel,\n\n  ...others\n}) => {\n  const deprecatedMode =\n    isOpenProp != null ||\n    toggleOpenCallback != null ||\n    isCollapsableProp != null ||\n    positionProp != null ||\n    closeOnExitProp != null ||\n    buttonAriaLabel != null;\n\n  let isOpen;\n  let isCollapsable;\n  let position;\n  let closeOnExit;\n  if (deprecatedMode) {\n    // restore the default values if needed\n    closeOnExit = closeOnExitProp ?? false;\n    position = positionProp ?? \"static\";\n    isCollapsable = isCollapsableProp ?? false;\n    isOpen = isOpenProp ?? !isCollapsable;\n  }\n\n  const content = (\n    <div\n      id={id}\n      className={clsx(className, classes.root, {\n        [classes.noCollapsable]: deprecatedMode && !isCollapsable,\n        [classes.legacyMode]: deprecatedMode,\n      })}\n      {...others}\n    >\n      {children}\n    </div>\n  );\n\n  if (deprecatedMode) {\n    return (\n      <VerticalContainer\n        id={setId(id, \"container\")}\n        isOpen={isOpen}\n        toggleOpenCallback={toggleOpenCallback}\n        position={position}\n        isAnchorBarVisible={isCollapsable}\n        closeOnExit={closeOnExit}\n        buttonAriaLabel={buttonAriaLabel}\n      >\n        {content}\n      </VerticalContainer>\n    );\n  }\n\n  return content;\n};\n\nVerticalNavigation.propTypes = {\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied to the component.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Style applied to the root of the component.\n     */\n    root: PropTypes.string,\n    /**\n     * Style applied to the root of the component when it not collapsable.\n     *\n     * @deprecated This logic should be external, i.e. using the HvVerticalNavigation inside a Drawer component.\n     */\n    noCollapsable: deprecatedPropType(PropTypes.string),\n    /**\n     * @ignore\n     */\n    legacyMode: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * The content inside the actions container.\n   */\n  children: PropTypes.node,\n\n  /**\n   * Sets if the navigation should have a button to hide itself.\n   *\n   * @deprecated This logic should be external, i.e. using the HvVerticalNavigation inside a Drawer component.\n   */\n  isCollapsable: deprecatedPropType(\n    PropTypes.bool,\n    \"This logic should be external, i.e. using the HvVerticalNavigation inside a Drawer component.\"\n  ),\n  /**\n   * Is the navigation open.\n   *\n   * @deprecated This logic should be external, i.e. using the HvVerticalNavigation inside a Drawer component.\n   */\n  isOpen: deprecatedPropType(\n    PropTypes.bool,\n    \"This logic should be external, i.e. using the HvVerticalNavigation inside a Drawer component.\"\n  ),\n  /**\n   * Callback when the navigation toggles between open and close.\n   */\n  toggleOpenCallback: PropTypes.func,\n  /**\n   * Position of the component.\n   *\n   * @deprecated This logic should be external, i.e. using the HvVerticalNavigation inside a Drawer component.\n   */\n  position: deprecatedPropType(\n    PropTypes.oneOf([\"static\", \"relative\", \"fixed\", \"absolute\"]),\n    \"This logic should be external, i.e. using the HvVerticalNavigation inside a Drawer component.\"\n  ),\n  /**\n   * Defines if the navigation should close when losing focus / clicking outside.\n   *\n   * @deprecated This logic should be external, i.e. using the HvVerticalNavigation inside a Drawer component.\n   */\n  closeOnExit: deprecatedPropType(\n    PropTypes.bool,\n    \"This logic should be external, i.e. using the HvVerticalNavigation inside a Drawer component.\"\n  ),\n  /**\n   * Aria-label for the button that opens the vertical navigation.\n   *\n   * @deprecated This logic should be external, i.e. using the HvVerticalNavigation inside a Drawer component.\n   */\n  buttonAriaLabel: deprecatedPropType(\n    PropTypes.bool,\n    \"This logic should be external, i.e. using the HvVerticalNavigation inside a Drawer component.\"\n  ),\n};\n\nexport default withStyles(styles, { name: \"HvVerticalNavigation\" })(VerticalNavigation);\n"],"mappings":"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"}
+{"version":3,"file":"VerticalNavigation.js","names":["VerticalNavigation","id","className","classes","children","isOpenProp","isOpen","toggleOpenCallback","isCollapsableProp","isCollapsable","positionProp","position","closeOnExitProp","closeOnExit","buttonAriaLabel","others","deprecatedMode","content","clsx","root","legacyMode","noCollapsable","setId","propTypes","PropTypes","string","shape","deprecatedPropType","isRequired","node","bool","func","oneOf","withStyles","styles","name"],"sources":["../../src/VerticalNavigation/VerticalNavigation.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { deprecatedPropType } from \"@mui/material\";\nimport { withStyles } from \"@mui/styles\";\nimport VerticalContainer from \"./VerticalContainer\";\nimport { setId } from \"../utils\";\nimport styles from \"./styles\";\n\n/**\n * Navigation enables users to move through an app to complete tasks.\n *\n * It is recommended to use vertical navigation when your application requires global navigation that is displayed on the left.\n * While vertical navigation menus generally consume more space than their horizontal counterparts, they have become more popular as desktop monitors move to wide-screen formats.\n *\n * Even thou both the hierarchically organized data and the visual style ressemble a treeview-like structure, the [Treeview Design Pattern](https://w3c.github.io/aria-practices/#TreeView)\n * isn't necessarily the most appropriate.\n *\n * The tree role provides complex functionality that is not needed for typical site navigation, and changes the most common keyboard navigation using TAB.\n *\n * The [Disclosure Design Pattern](https://w3c.github.io/aria-practices/#disclosure) is more suited for typical site navigation, with expandable groups of links.\n * However it can be tedious to TAB through all navigation items to reach the actions panel.\n *\n * Both modes are available via the `mode` property and each app should choose the most appropriate.\n */\nconst VerticalNavigation = ({\n  id,\n  className,\n  classes,\n\n  children,\n\n  // deprecated props\n  isOpen: isOpenProp,\n  toggleOpenCallback,\n  isCollapsable: isCollapsableProp,\n  position: positionProp,\n  closeOnExit: closeOnExitProp,\n  buttonAriaLabel,\n\n  ...others\n}) => {\n  const deprecatedMode =\n    isOpenProp != null ||\n    toggleOpenCallback != null ||\n    isCollapsableProp != null ||\n    positionProp != null ||\n    closeOnExitProp != null ||\n    buttonAriaLabel != null;\n\n  let isOpen;\n  let isCollapsable;\n  let position;\n  let closeOnExit;\n  if (deprecatedMode) {\n    // restore the default values if needed\n    closeOnExit = closeOnExitProp ?? false;\n    position = positionProp ?? \"static\";\n    isCollapsable = isCollapsableProp ?? false;\n    isOpen = isOpenProp ?? !isCollapsable;\n  }\n\n  const content = (\n    <div\n      id={id}\n      className={clsx(className, classes.root, {\n        [classes.noCollapsable]: deprecatedMode && !isCollapsable,\n        [classes.legacyMode]: deprecatedMode,\n      })}\n      {...others}\n    >\n      {children}\n    </div>\n  );\n\n  if (deprecatedMode) {\n    return (\n      <VerticalContainer\n        id={setId(id, \"container\")}\n        isOpen={isOpen}\n        toggleOpenCallback={toggleOpenCallback}\n        position={position}\n        isAnchorBarVisible={isCollapsable}\n        closeOnExit={closeOnExit}\n        buttonAriaLabel={buttonAriaLabel}\n      >\n        {content}\n      </VerticalContainer>\n    );\n  }\n\n  return content;\n};\n\nVerticalNavigation.propTypes = {\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied to the component.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Style applied to the root of the component.\n     */\n    root: PropTypes.string,\n    /**\n     * Style applied to the root of the component when it not collapsable.\n     *\n     * @deprecated This logic should be external, i.e. using the HvVerticalNavigation inside a Drawer component.\n     */\n    noCollapsable: deprecatedPropType(PropTypes.string),\n    /**\n     * @ignore\n     */\n    legacyMode: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * The content inside the actions container.\n   */\n  children: PropTypes.node,\n\n  /**\n   * Sets if the navigation should have a button to hide itself.\n   *\n   * @deprecated This logic should be external, i.e. using the HvVerticalNavigation inside a Drawer component.\n   */\n  isCollapsable: deprecatedPropType(\n    PropTypes.bool,\n    \"This logic should be external, i.e. using the HvVerticalNavigation inside a Drawer component.\"\n  ),\n  /**\n   * Is the navigation open.\n   *\n   * @deprecated This logic should be external, i.e. using the HvVerticalNavigation inside a Drawer component.\n   */\n  isOpen: deprecatedPropType(\n    PropTypes.bool,\n    \"This logic should be external, i.e. using the HvVerticalNavigation inside a Drawer component.\"\n  ),\n  /**\n   * Callback when the navigation toggles between open and close.\n   */\n  toggleOpenCallback: PropTypes.func,\n  /**\n   * Position of the component.\n   *\n   * @deprecated This logic should be external, i.e. using the HvVerticalNavigation inside a Drawer component.\n   */\n  position: deprecatedPropType(\n    PropTypes.oneOf([\"static\", \"relative\", \"fixed\", \"absolute\"]),\n    \"This logic should be external, i.e. using the HvVerticalNavigation inside a Drawer component.\"\n  ),\n  /**\n   * Defines if the navigation should close when losing focus / clicking outside.\n   *\n   * @deprecated This logic should be external, i.e. using the HvVerticalNavigation inside a Drawer component.\n   */\n  closeOnExit: deprecatedPropType(\n    PropTypes.bool,\n    \"This logic should be external, i.e. using the HvVerticalNavigation inside a Drawer component.\"\n  ),\n  /**\n   * Aria-label for the button that opens the vertical navigation.\n   *\n   * @deprecated This logic should be external, i.e. using the HvVerticalNavigation inside a Drawer component.\n   */\n  buttonAriaLabel: deprecatedPropType(\n    PropTypes.bool,\n    \"This logic should be external, i.e. using the HvVerticalNavigation inside a Drawer component.\"\n  ),\n};\n\nexport default withStyles(styles, { name: \"HvVerticalNavigation\" })(VerticalNavigation);\n"],"mappings":"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"}

package/dist/VerticalNavigation/index.d.ts

@@ -1,11 +1,17 @@
 export { default } from "./VerticalNavigation";
 export * from "./VerticalNavigation";
 
-export { default as Actions } from "./Actions";
-export * from "./Actions";
-
-export { default as Navigation } from "./Navigation";
+export { default as HvVerticalNavigationTree } from "./Navigation";
 export * from "./Navigation";
 
-export { default as TreeView } from "./TreeView";
+export {
+  TreeView as HvVerticalNavigationTreeView,
+  TreeViewItem as HvVerticalNavigationTreeViewItem,
+} from "./TreeView";
 export * from "./TreeView";
+
+export {
+  Actions as HvVerticalNavigationActions,
+  Action as HvVerticalNavigationAction,
+} from "./Actions";
+export * from "./Actions";

package/dist/VerticalNavigation/index.js

@@ -1,49 +1,38 @@
 "use strict";
 
-require("core-js/modules/es.array.iterator.js");
-
-require("core-js/modules/es.object.to-string.js");
-
-require("core-js/modules/es.string.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");
-
-require("core-js/modules/web.dom-collections.for-each.js");
-
-require("core-js/modules/es.object.keys.js");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
-var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _exportNames = {
-  Navigation: true,
-  TreeView: true,
-  Actions: true
-};
-Object.defineProperty(exports, "Actions", {
+Object.defineProperty(exports, "HvVerticalNavigationAction", {
   enumerable: true,
   get: function get() {
-    return _Actions.default;
+    return _Actions.Action;
   }
 });
-Object.defineProperty(exports, "Navigation", {
+Object.defineProperty(exports, "HvVerticalNavigationActions", {
+  enumerable: true,
+  get: function get() {
+    return _Actions.Actions;
+  }
+});
+Object.defineProperty(exports, "HvVerticalNavigationTree", {
   enumerable: true,
   get: function get() {
     return _Navigation.default;
   }
 });
-Object.defineProperty(exports, "TreeView", {
+Object.defineProperty(exports, "HvVerticalNavigationTreeView", {
+  enumerable: true,
+  get: function get() {
+    return _TreeView.TreeView;
+  }
+});
+Object.defineProperty(exports, "HvVerticalNavigationTreeViewItem", {
   enumerable: true,
   get: function get() {
-    return _TreeView.default;
+    return _TreeView.TreeViewItem;
   }
 });
 Object.defineProperty(exports, "default", {
@@ -57,35 +46,7 @@ var _VerticalNavigation = _interopRequireDefault(require("./VerticalNavigation")
 
 var _Navigation = _interopRequireDefault(require("./Navigation"));
 
-var _TreeView = _interopRequireWildcard(require("./TreeView"));
-
-Object.keys(_TreeView).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _TreeView[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _TreeView[key];
-    }
-  });
-});
-
-var _Actions = _interopRequireWildcard(require("./Actions"));
-
-Object.keys(_Actions).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _Actions[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Actions[key];
-    }
-  });
-});
-
-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); }
+var _TreeView = require("./TreeView");
 
-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; }
+var _Actions = require("./Actions");
 //# sourceMappingURL=index.js.map

package/dist/VerticalNavigation/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/VerticalNavigation/index.js"],"sourcesContent":["export { default } from \"./VerticalNavigation\";\n\nexport { default as Navigation } from \"./Navigation\";\n\nexport { default as TreeView } from \"./TreeView\";\nexport * from \"./TreeView\";\n\nexport { default as Actions } from \"./Actions\";\nexport * from \"./Actions\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AAEA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/VerticalNavigation/index.js"],"sourcesContent":["export { default } from \"./VerticalNavigation\";\n\nexport { default as HvVerticalNavigationTree } from \"./Navigation\";\n\nexport {\n  TreeView as HvVerticalNavigationTreeView,\n  TreeViewItem as HvVerticalNavigationTreeViewItem,\n} from \"./TreeView\";\n\nexport {\n  Actions as HvVerticalNavigationActions,\n  Action as HvVerticalNavigationAction,\n} from \"./Actions\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AAEA;;AAEA;;AAKA"}