@hitachivantara/uikit-react-core 2.23.2

package/dist/legacy/VerticalNavigation/VerticalContainer/VerticalContainer.js

@@ -0,0 +1,267 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+
+var _Menu;
+
+var _excluded = ["id", "className", "classes", "isAnchorBarVisible", "isOpen", "toggleOpenCallback", "buttonAriaLabel", "children", "position", "closeOnExit"];
+import "core-js/modules/es.string.fixed.js";
+import React, { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import PropTypes from "prop-types";
+import isNil from "lodash/isNil";
+import { ClickAwayListener, withStyles } from "@material-ui/core";
+import clsx from "clsx";
+import { Menu } from "@hitachivantara/uikit-react-icons";
+import { isKeypress, KeyboardCodes } from "../../utils/KeyboardUtils";
+import Button from "../../Button";
+import { setId } from "../../utils";
+import { getFirstAndLastFocus } from "../../utils/focusableElementFinder";
+import styles from "./styles";
+/**
+ * Vertical Container.
+ *
+ * @constructor
+ */
+
+var VerticalContainer = function VerticalContainer(_ref) {
+  var id = _ref.id,
+      className = _ref.className,
+      classes = _ref.classes,
+      _ref$isAnchorBarVisib = _ref.isAnchorBarVisible,
+      isAnchorBarVisible = _ref$isAnchorBarVisib === void 0 ? true : _ref$isAnchorBarVisib,
+      _ref$isOpen = _ref.isOpen,
+      isOpen = _ref$isOpen === void 0 ? false : _ref$isOpen,
+      toggleOpenCallback = _ref.toggleOpenCallback,
+      buttonAriaLabel = _ref.buttonAriaLabel,
+      children = _ref.children,
+      _ref$position = _ref.position,
+      position = _ref$position === void 0 ? "static" : _ref$position,
+      closeOnExit = _ref.closeOnExit,
+      others = _objectWithoutProperties(_ref, _excluded);
+
+  var _useState = useState(isOpen),
+      _useState2 = _slicedToArray(_useState, 2),
+      open = _useState2[0],
+      setOpen = _useState2[1];
+
+  var _useState3 = useState(null),
+      _useState4 = _slicedToArray(_useState3, 2),
+      prevPropOpen = _useState4[0],
+      setPrevPropOpen = _useState4[1];
+
+  var containerRef = useRef(null);
+  var buttonRef = useRef(null);
+  var focusableList = useRef(null);
+
+  if (isOpen !== prevPropOpen) {
+    setOpen(isOpen);
+    setPrevPropOpen(isOpen);
+  }
+  /**
+   * Fills the object with the first and last focusable element inside the container.
+   * When the container is open the first focusable element is focus.
+   */
+
+
+  useEffect(function () {
+    setTimeout(function () {
+      if (open) {
+        focusableList.current = getFirstAndLastFocus(containerRef.current);
+      }
+    });
+  }, [open]);
+  /**
+   * Toggle the open state based on the received paramenter.
+   *
+   * @type {(...args: any[]) => any}
+   */
+
+  var toggleOpen = useCallback(function () {
+    var newState = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+
+    if (newState !== null) {
+      if (newState !== open) {
+        setOpen(newState);
+      } else {
+        return;
+      }
+    } else {
+      setOpen(function (prevState) {
+        return !prevState;
+      });
+    }
+
+    toggleOpenCallback === null || toggleOpenCallback === void 0 ? void 0 : toggleOpenCallback(open);
+  }, [toggleOpenCallback, open]);
+  /**
+   * Handler of keyboard clicks.
+   */
+
+  var handlerKeyContainer = useCallback(function (event) {
+    if (closeOnExit) {
+      if (isKeypress(event, KeyboardCodes.Tab) && !isNil(event.target) && !isNil(focusableList.current) && !isNil(focusableList.current.first)) {
+        if (event.shiftKey && event.target.id === focusableList.current.first.id || !event.shiftKey && event.target.id === focusableList.current.last.id) {
+          toggleOpen(false);
+        }
+      }
+
+      if (isKeypress(event, KeyboardCodes.Esc) === false) {
+        return;
+      }
+
+      buttonRef.current.focus();
+      toggleOpen(false);
+    }
+  }, [closeOnExit, toggleOpen]);
+  var renderedAnchorBar = useMemo(function () {
+    return /*#__PURE__*/React.createElement("div", {
+      id: setId(id, "anchor-bar"),
+      className: classes.anchorBar
+    }, /*#__PURE__*/React.createElement(Button, {
+      id: setId(id, "hamburger-button"),
+      className: classes.button,
+      buttonRef: buttonRef,
+      onClick: function onClick() {
+        return toggleOpen();
+      },
+      "aria-label": buttonAriaLabel || open && "close" || !open && "open",
+      category: "icon"
+    }, _Menu || (_Menu = /*#__PURE__*/React.createElement(Menu, null))));
+  }, [buttonAriaLabel, classes.anchorBar, classes.button, id, open, toggleOpen]);
+  var renderedContainer = useMemo(function () {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, isAnchorBarVisible && /*#__PURE__*/React.createElement("div", {
+      className: classes.separator
+    }), /*#__PURE__*/React.createElement("div", {
+      id: setId(id, "container"),
+      ref: containerRef,
+      className: classes.contentContainer,
+      onKeyDown: handlerKeyContainer
+    }, children));
+  }, [children, classes.contentContainer, classes.separator, handlerKeyContainer, id, isAnchorBarVisible]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: clsx(className, classes.root, isAnchorBarVisible && classes.withAnchorBar, {
+      "static": classes.static,
+      "relative": classes.relative,
+      "fixed": classes.fixed,
+      "absolute": classes.absolute
+    }[position])
+  }, /*#__PURE__*/React.createElement(ClickAwayListener, {
+    onClickAway: function onClickAway() {
+      return closeOnExit && toggleOpen(false);
+    }
+  }, /*#__PURE__*/React.createElement("div", _extends({
+    id: id,
+    className: classes.verticalContainer
+  }, others), isAnchorBarVisible && renderedAnchorBar, open && renderedContainer)));
+};
+
+process.env.NODE_ENV !== "production" ? VerticalContainer.propTypes = {
+  /**
+   * Identifier.
+   */
+  id: PropTypes.string,
+
+  /**
+   * Class names to be applied.
+   */
+  className: PropTypes.string,
+
+  /**
+   * Styles applied to the element.
+   */
+  classes: PropTypes.shape({
+    /**
+     *  Styles applied to the root container.
+     */
+    root: PropTypes.string,
+
+    /**
+     * Styles applied when the component is in fixed positioning.
+     */
+    fixed: PropTypes.string,
+
+    /**
+     * Styles applied when the component is in relative positioning.
+     */
+    relative: PropTypes.string,
+
+    /**
+     * Styles applied when the component is in absolute positioning.
+     */
+    absolute: PropTypes.string,
+
+    /**
+     * Styles applied when the component is in static positioning.
+     */
+    static: PropTypes.string,
+
+    /**
+     * Styles applied when the component has anchor bar.
+     */
+    withAnchorBar: PropTypes.string,
+
+    /**
+     *  Styles applied to the vertical container.
+     */
+    verticalContainer: PropTypes.string,
+
+    /**
+     *  Styles applied to the anchor bar.
+     */
+    anchorBar: PropTypes.string,
+
+    /**
+     *  Styles applied to the button.
+     */
+    button: PropTypes.string,
+
+    /**
+     *  Styles applied to the separator.
+     */
+    separator: PropTypes.string,
+
+    /**
+     *  Styles applied to the content container.
+     */
+    contentContainer: PropTypes.string
+  }).isRequired,
+
+  /**
+   * Position of the component.
+   */
+  position: PropTypes.oneOf(["static", "relative", "fixed", "absolute"]),
+
+  /**
+   * Defines if a anchor bar is visible,
+   */
+  isAnchorBarVisible: PropTypes.bool,
+
+  /**
+   * Is the navigation open.
+   */
+  isOpen: PropTypes.bool,
+
+  /**
+   * Aria-label for the button.
+   */
+  buttonAriaLabel: PropTypes.string,
+
+  /**
+   * Children component.
+   */
+  children: PropTypes.node.isRequired,
+
+  /**
+   * Callback when the navigation toggles between open and close.
+   */
+  toggleOpenCallback: PropTypes.func,
+
+  /**
+   * Defines if the content pane should close when losing focus / clicking outside.
+   */
+  closeOnExit: PropTypes.bool
+} : void 0;
+export default withStyles(styles, {
+  name: "HvVerticalNavigationVerticalContainer"
+})(VerticalContainer);
+//# sourceMappingURL=VerticalContainer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VerticalContainer.js","names":["React","useCallback","useEffect","useMemo","useRef","useState","PropTypes","isNil","ClickAwayListener","withStyles","clsx","Menu","isKeypress","KeyboardCodes","Button","setId","getFirstAndLastFocus","styles","VerticalContainer","id","className","classes","isAnchorBarVisible","isOpen","toggleOpenCallback","buttonAriaLabel","children","position","closeOnExit","others","open","setOpen","prevPropOpen","setPrevPropOpen","containerRef","buttonRef","focusableList","setTimeout","current","toggleOpen","newState","prevState","handlerKeyContainer","event","Tab","target","first","shiftKey","last","Esc","focus","renderedAnchorBar","anchorBar","button","renderedContainer","separator","contentContainer","root","withAnchorBar","static","relative","fixed","absolute","verticalContainer","propTypes","string","shape","isRequired","oneOf","bool","node","func","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          buttonRef={buttonRef}\n          onClick={() => toggleOpen()}\n          aria-label={buttonAriaLabel || (open && \"close\") || (!open && \"open\")}\n          category=\"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":";;;;;;;;AAAA,OAAOA,KAAP,IAAgBC,WAAhB,EAA6BC,SAA7B,EAAwCC,OAAxC,EAAiDC,MAAjD,EAAyDC,QAAzD,QAAyE,OAAzE;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,KAAP,MAAkB,cAAlB;AACA,SAASC,iBAAT,EAA4BC,UAA5B,QAA8C,mBAA9C;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,SAASC,IAAT,QAAqB,mCAArB;AACA,SAASC,UAAT,EAAqBC,aAArB,QAA0C,2BAA1C;AACA,OAAOC,MAAP,MAAmB,cAAnB;AACA,SAASC,KAAT,QAAsB,aAAtB;AACA,SAASC,oBAAT,QAAqC,oCAArC;AAEA,OAAOC,MAAP,MAAmB,UAAnB;AAEA;AACA;AACA;AACA;AACA;;AACA,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,OAYpB;EAAA,IAXJC,EAWI,QAXJA,EAWI;EAAA,IAVJC,SAUI,QAVJA,SAUI;EAAA,IATJC,OASI,QATJA,OASI;EAAA,iCARJC,kBAQI;EAAA,IARJA,kBAQI,sCARiB,IAQjB;EAAA,uBAPJC,MAOI;EAAA,IAPJA,MAOI,4BAPK,KAOL;EAAA,IANJC,kBAMI,QANJA,kBAMI;EAAA,IALJC,eAKI,QALJA,eAKI;EAAA,IAJJC,QAII,QAJJA,QAII;EAAA,yBAHJC,QAGI;EAAA,IAHJA,QAGI,8BAHO,QAGP;EAAA,IAFJC,WAEI,QAFJA,WAEI;EAAA,IADDC,MACC;;EACJ,gBAAwBxB,QAAQ,CAACkB,MAAD,CAAhC;EAAA;EAAA,IAAOO,IAAP;EAAA,IAAaC,OAAb;;EACA,iBAAwC1B,QAAQ,CAAC,IAAD,CAAhD;EAAA;EAAA,IAAO2B,YAAP;EAAA,IAAqBC,eAArB;;EACA,IAAMC,YAAY,GAAG9B,MAAM,CAAC,IAAD,CAA3B;EACA,IAAM+B,SAAS,GAAG/B,MAAM,CAAC,IAAD,CAAxB;EACA,IAAMgC,aAAa,GAAGhC,MAAM,CAAC,IAAD,CAA5B;;EAEA,IAAImB,MAAM,KAAKS,YAAf,EAA6B;IAC3BD,OAAO,CAACR,MAAD,CAAP;IACAU,eAAe,CAACV,MAAD,CAAf;EACD;EAED;AACF;AACA;AACA;;;EACErB,SAAS,CAAC,YAAM;IACdmC,UAAU,CAAC,YAAM;MACf,IAAIP,IAAJ,EAAU;QACRM,aAAa,CAACE,OAAd,GAAwBtB,oBAAoB,CAACkB,YAAY,CAACI,OAAd,CAA5C;MACD;IACF,CAJS,CAAV;EAKD,CANQ,EAMN,CAACR,IAAD,CANM,CAAT;EAQA;AACF;AACA;AACA;AACA;;EACE,IAAMS,UAAU,GAAGtC,WAAW,CAC5B,YAAqB;IAAA,IAApBuC,QAAoB,uEAAT,IAAS;;IACnB,IAAIA,QAAQ,KAAK,IAAjB,EAAuB;MACrB,IAAIA,QAAQ,KAAKV,IAAjB,EAAuB;QACrBC,OAAO,CAACS,QAAD,CAAP;MACD,CAFD,MAEO;QACL;MACD;IACF,CAND,MAMO;MACLT,OAAO,CAAC,UAACU,SAAD;QAAA,OAAe,CAACA,SAAhB;MAAA,CAAD,CAAP;IACD;;IACDjB,kBAAkB,SAAlB,IAAAA,kBAAkB,WAAlB,YAAAA,kBAAkB,CAAGM,IAAH,CAAlB;EACD,CAZ2B,EAa5B,CAACN,kBAAD,EAAqBM,IAArB,CAb4B,CAA9B;EAgBA;AACF;AACA;;EACE,IAAMY,mBAAmB,GAAGzC,WAAW,CACrC,UAAC0C,KAAD,EAAW;IACT,IAAIf,WAAJ,EAAiB;MACf,IACEhB,UAAU,CAAC+B,KAAD,EAAQ9B,aAAa,CAAC+B,GAAtB,CAAV,IACA,CAACrC,KAAK,CAACoC,KAAK,CAACE,MAAP,CADN,IAEA,CAACtC,KAAK,CAAC6B,aAAa,CAACE,OAAf,CAFN,IAGA,CAAC/B,KAAK,CAAC6B,aAAa,CAACE,OAAd,CAAsBQ,KAAvB,CAJR,EAKE;QACA,IACGH,KAAK,CAACI,QAAN,IAAkBJ,KAAK,CAACE,MAAN,CAAa1B,EAAb,KAAoBiB,aAAa,CAACE,OAAd,CAAsBQ,KAAtB,CAA4B3B,EAAnE,IACC,CAACwB,KAAK,CAACI,QAAP,IAAmBJ,KAAK,CAACE,MAAN,CAAa1B,EAAb,KAAoBiB,aAAa,CAACE,OAAd,CAAsBU,IAAtB,CAA2B7B,EAFrE,EAGE;UACAoB,UAAU,CAAC,KAAD,CAAV;QACD;MACF;;MACD,IAAI3B,UAAU,CAAC+B,KAAD,EAAQ9B,aAAa,CAACoC,GAAtB,CAAV,KAAyC,KAA7C,EAAoD;QAClD;MACD;;MACDd,SAAS,CAACG,OAAV,CAAkBY,KAAlB;MACAX,UAAU,CAAC,KAAD,CAAV;IACD;EACF,CAtBoC,EAuBrC,CAACX,WAAD,EAAcW,UAAd,CAvBqC,CAAvC;EAyBA,IAAMY,iBAAiB,GAAGhD,OAAO,CAC/B;IAAA,oBACE;MAAK,EAAE,EAAEY,KAAK,CAACI,EAAD,EAAK,YAAL,CAAd;MAAkC,SAAS,EAAEE,OAAO,CAAC+B;IAArD,gBACE,oBAAC,MAAD;MACE,EAAE,EAAErC,KAAK,CAACI,EAAD,EAAK,kBAAL,CADX;MAEE,SAAS,EAAEE,OAAO,CAACgC,MAFrB;MAGE,SAAS,EAAElB,SAHb;MAIE,OAAO,EAAE;QAAA,OAAMI,UAAU,EAAhB;MAAA,CAJX;MAKE,cAAYd,eAAe,IAAKK,IAAI,IAAI,OAA5B,IAAyC,CAACA,IAAD,IAAS,MALhE;MAME,QAAQ,EAAC;IANX,kCAQE,oBAAC,IAAD,OARF,EADF,CADF;EAAA,CAD+B,EAe/B,CAACL,eAAD,EAAkBJ,OAAO,CAAC+B,SAA1B,EAAqC/B,OAAO,CAACgC,MAA7C,EAAqDlC,EAArD,EAAyDW,IAAzD,EAA+DS,UAA/D,CAf+B,CAAjC;EAkBA,IAAMe,iBAAiB,GAAGnD,OAAO,CAC/B;IAAA,oBACE,0CACGmB,kBAAkB,iBAAI;MAAK,SAAS,EAAED,OAAO,CAACkC;IAAxB,EADzB,eAGE;MACE,EAAE,EAAExC,KAAK,CAACI,EAAD,EAAK,WAAL,CADX;MAEE,GAAG,EAAEe,YAFP;MAGE,SAAS,EAAEb,OAAO,CAACmC,gBAHrB;MAIE,SAAS,EAAEd;IAJb,GAMGhB,QANH,CAHF,CADF;EAAA,CAD+B,EAe/B,CACEA,QADF,EAEEL,OAAO,CAACmC,gBAFV,EAGEnC,OAAO,CAACkC,SAHV,EAIEb,mBAJF,EAKEvB,EALF,EAMEG,kBANF,CAf+B,CAAjC;EAyBA,oBACE;IACE,SAAS,EAAEZ,IAAI,CAACU,SAAD,EAAYC,OAAO,CAACoC,IAApB,EACYnC,kBADZ,IACZD,OAAO,CAACqC,aADI;MAEkB,QAFlB,EAEZrC,OAAO,CAACsC,MAFI;MAGoB,UAHpB,EAGZtC,OAAO,CAACuC,QAHI;MAIiB,OAJjB,EAIZvC,OAAO,CAACwC,KAJI;MAKoB,UALpB,EAKZxC,OAAO,CAACyC;IALI,EAEKnC,QAFL;EADjB,gBASE,oBAAC,iBAAD;IAAmB,WAAW,EAAE;MAAA,OAAMC,WAAW,IAAIW,UAAU,CAAC,KAAD,CAA/B;IAAA;EAAhC,gBACE;IAAK,EAAE,EAAEpB,EAAT;IAAa,SAAS,EAAEE,OAAO,CAAC0C;EAAhC,GAAuDlC,MAAvD,GACGP,kBAAkB,IAAI6B,iBADzB,EAEGrB,IAAI,IAAIwB,iBAFX,CADF,CATF,CADF;AAkBD,CAlJD;;AAoJA,wCAAApC,iBAAiB,CAAC8C,SAAlB,GAA8B;EAC5B;AACF;AACA;EACE7C,EAAE,EAAEb,SAAS,CAAC2D,MAJc;;EAK5B;AACF;AACA;EACE7C,SAAS,EAAEd,SAAS,CAAC2D,MARO;;EAS5B;AACF;AACA;EACE5C,OAAO,EAAEf,SAAS,CAAC4D,KAAV,CAAgB;IACvB;AACJ;AACA;IACIT,IAAI,EAAEnD,SAAS,CAAC2D,MAJO;;IAKvB;AACJ;AACA;IACIJ,KAAK,EAAEvD,SAAS,CAAC2D,MARM;;IASvB;AACJ;AACA;IACIL,QAAQ,EAAEtD,SAAS,CAAC2D,MAZG;;IAavB;AACJ;AACA;IACIH,QAAQ,EAAExD,SAAS,CAAC2D,MAhBG;;IAiBvB;AACJ;AACA;IACIN,MAAM,EAAErD,SAAS,CAAC2D,MApBK;;IAqBvB;AACJ;AACA;IACIP,aAAa,EAAEpD,SAAS,CAAC2D,MAxBF;;IAyBvB;AACJ;AACA;IACIF,iBAAiB,EAAEzD,SAAS,CAAC2D,MA5BN;;IA6BvB;AACJ;AACA;IACIb,SAAS,EAAE9C,SAAS,CAAC2D,MAhCE;;IAiCvB;AACJ;AACA;IACIZ,MAAM,EAAE/C,SAAS,CAAC2D,MApCK;;IAqCvB;AACJ;AACA;IACIV,SAAS,EAAEjD,SAAS,CAAC2D,MAxCE;;IAyCvB;AACJ;AACA;IACIT,gBAAgB,EAAElD,SAAS,CAAC2D;EA5CL,CAAhB,EA6CNE,UAzDyB;;EA2D5B;AACF;AACA;EACExC,QAAQ,EAAErB,SAAS,CAAC8D,KAAV,CAAgB,CAAC,QAAD,EAAW,UAAX,EAAuB,OAAvB,EAAgC,UAAhC,CAAhB,CA9DkB;;EAgE5B;AACF;AACA;EACE9C,kBAAkB,EAAEhB,SAAS,CAAC+D,IAnEF;;EAoE5B;AACF;AACA;EACE9C,MAAM,EAAEjB,SAAS,CAAC+D,IAvEU;;EAwE5B;AACF;AACA;EACE5C,eAAe,EAAEnB,SAAS,CAAC2D,MA3EC;;EA4E5B;AACF;AACA;EACEvC,QAAQ,EAAEpB,SAAS,CAACgE,IAAV,CAAeH,UA/EG;;EAgF5B;AACF;AACA;EACE3C,kBAAkB,EAAElB,SAAS,CAACiE,IAnFF;;EAoF5B;AACF;AACA;EACE3C,WAAW,EAAEtB,SAAS,CAAC+D;AAvFK,CAA9B;AA0FA,eAAe5D,UAAU,CAACQ,MAAD,EAAS;EAChCuD,IAAI,EAAE;AAD0B,CAAT,CAAV,CAEZtD,iBAFY,CAAf"}

package/dist/legacy/VerticalNavigation/VerticalContainer/index.d.ts

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

package/dist/legacy/VerticalNavigation/VerticalContainer/index.js

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

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

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

package/dist/legacy/VerticalNavigation/VerticalContainer/styles.js

@@ -0,0 +1,57 @@
+var styles = function styles(theme) {
+  return {
+    root: {
+      display: "flex",
+      marginTop: "5px",
+      marginBottom: "0px"
+    },
+    fixed: {
+      position: "fixed",
+      zIndex: theme.zIndex.drawer,
+      top: "50px",
+      bottom: 0
+    },
+    relative: {
+      position: "relative",
+      "&$withAnchorBar": {
+        height: "100%"
+      }
+    },
+    absolute: {
+      position: "absolute"
+    },
+    static: {
+      position: "static"
+    },
+    withAnchorBar: {
+      height: "100%"
+    },
+    verticalContainer: {
+      display: "flex",
+      zIndex: 20
+    },
+    anchorBar: {
+      backgroundColor: theme.hv.palette.atmosphere.atmo1,
+      width: "52px",
+      height: "100%",
+      overflow: "hidden",
+      padding: "".concat(theme.hv.spacing.xs, "px")
+    },
+    button: {
+      marginTop: "".concat(theme.hv.spacing.xs, "px"),
+      minWidth: "32px"
+    },
+    separator: {
+      backgroundColor: theme.hv.palette.atmosphere.atmo2,
+      width: "3px"
+    },
+    contentContainer: {
+      height: "100%",
+      overflow: "auto",
+      backgroundColor: theme.hv.palette.atmosphere.atmo1
+    }
+  };
+};
+
+export default styles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["styles","theme","root","display","marginTop","marginBottom","fixed","position","zIndex","drawer","top","bottom","relative","height","absolute","static","withAnchorBar","verticalContainer","anchorBar","backgroundColor","hv","palette","atmosphere","atmo1","width","overflow","padding","spacing","xs","button","minWidth","separator","atmo2","contentContainer"],"sources":["../../../../src/VerticalNavigation/VerticalContainer/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    display: \"flex\",\n    marginTop: \"5px\",\n    marginBottom: \"0px\",\n  },\n  fixed: {\n    position: \"fixed\",\n    zIndex: theme.zIndex.drawer,\n    top: \"50px\",\n    bottom: 0,\n  },\n  relative: {\n    position: \"relative\",\n    \"&$withAnchorBar\": {\n      height: \"100%\",\n    },\n  },\n  absolute: {\n    position: \"absolute\",\n  },\n  static: {\n    position: \"static\",\n  },\n  withAnchorBar: {\n    height: \"100%\",\n  },\n  verticalContainer: {\n    display: \"flex\",\n    zIndex: 20,\n  },\n  anchorBar: {\n    backgroundColor: theme.hv.palette.atmosphere.atmo1,\n    width: \"52px\",\n    height: \"100%\",\n    overflow: \"hidden\",\n    padding: `${theme.hv.spacing.xs}px`,\n  },\n  button: {\n    marginTop: `${theme.hv.spacing.xs}px`,\n    minWidth: \"32px\",\n  },\n  separator: {\n    backgroundColor: theme.hv.palette.atmosphere.atmo2,\n    width: \"3px\",\n  },\n  contentContainer: {\n    height: \"100%\",\n    overflow: \"auto\",\n    backgroundColor: theme.hv.palette.atmosphere.atmo1,\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,IAAI,EAAE;MACJC,OAAO,EAAE,MADL;MAEJC,SAAS,EAAE,KAFP;MAGJC,YAAY,EAAE;IAHV,CADmB;IAMzBC,KAAK,EAAE;MACLC,QAAQ,EAAE,OADL;MAELC,MAAM,EAAEP,KAAK,CAACO,MAAN,CAAaC,MAFhB;MAGLC,GAAG,EAAE,MAHA;MAILC,MAAM,EAAE;IAJH,CANkB;IAYzBC,QAAQ,EAAE;MACRL,QAAQ,EAAE,UADF;MAER,mBAAmB;QACjBM,MAAM,EAAE;MADS;IAFX,CAZe;IAkBzBC,QAAQ,EAAE;MACRP,QAAQ,EAAE;IADF,CAlBe;IAqBzBQ,MAAM,EAAE;MACNR,QAAQ,EAAE;IADJ,CArBiB;IAwBzBS,aAAa,EAAE;MACbH,MAAM,EAAE;IADK,CAxBU;IA2BzBI,iBAAiB,EAAE;MACjBd,OAAO,EAAE,MADQ;MAEjBK,MAAM,EAAE;IAFS,CA3BM;IA+BzBU,SAAS,EAAE;MACTC,eAAe,EAAElB,KAAK,CAACmB,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC,KADpC;MAETC,KAAK,EAAE,MAFE;MAGTX,MAAM,EAAE,MAHC;MAITY,QAAQ,EAAE,QAJD;MAKTC,OAAO,YAAKzB,KAAK,CAACmB,EAAN,CAASO,OAAT,CAAiBC,EAAtB;IALE,CA/Bc;IAsCzBC,MAAM,EAAE;MACNzB,SAAS,YAAKH,KAAK,CAACmB,EAAN,CAASO,OAAT,CAAiBC,EAAtB,OADH;MAENE,QAAQ,EAAE;IAFJ,CAtCiB;IA0CzBC,SAAS,EAAE;MACTZ,eAAe,EAAElB,KAAK,CAACmB,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BU,KADpC;MAETR,KAAK,EAAE;IAFE,CA1Cc;IA8CzBS,gBAAgB,EAAE;MAChBpB,MAAM,EAAE,MADQ;MAEhBY,QAAQ,EAAE,MAFM;MAGhBN,eAAe,EAAElB,KAAK,CAACmB,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC;IAH7B;EA9CO,CAAZ;AAAA,CAAf;;AAqDA,eAAevB,MAAf"}

package/dist/legacy/VerticalNavigation/VerticalNavigation.d.ts

@@ -0,0 +1,14 @@
+import { StandardProps } from "@material-ui/core";
+import { HvVerticalNavigationContainerProps } from "./VerticalContainer";
+
+export interface HvVerticalNavigationProps
+  extends StandardProps<HvVerticalNavigationContainerProps, HvVerticalNavigationClassKey> {
+  /**
+   * Sets if the navigation should have a button to hide itself.
+   */
+  isCollapsable?: boolean;
+}
+
+export type HvVerticalNavigationClassKey = "root" | "noCollapse";
+
+export default function HvVerticalNavigation(props: HvVerticalNavigationProps): JSX.Element | null;

package/dist/legacy/VerticalNavigation/VerticalNavigation.js

@@ -0,0 +1,113 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["id", "className", "classes", "isOpen", "toggleOpenCallback", "isCollapsable", "children", "position", "closeOnExit"];
+import React from "react";
+import PropTypes from "prop-types";
+import clsx from "clsx";
+import { withStyles } from "@material-ui/core";
+import VerticalContainer from "./VerticalContainer";
+import { setId } from "../utils";
+import styles from "./styles";
+/**
+ * It is recommended to use vertical navigation when your application requires global navigation that is displayed on the left.
+ * 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.
+ *
+ * Our implementation of the vertical navigation is divided in:
+ * <ul>
+ * <li>Navigation</li>
+ * <li>Actions</li>
+ * <li>Action</li>
+ * </ul>
+ * To build the vertical navigation a composition of these elements should be used.
+ *
+ */
+
+var VerticalNavigation = function VerticalNavigation(_ref) {
+  var id = _ref.id,
+      className = _ref.className,
+      classes = _ref.classes,
+      isOpenProp = _ref.isOpen,
+      toggleOpenCallback = _ref.toggleOpenCallback,
+      _ref$isCollapsable = _ref.isCollapsable,
+      isCollapsable = _ref$isCollapsable === void 0 ? false : _ref$isCollapsable,
+      children = _ref.children,
+      _ref$position = _ref.position,
+      position = _ref$position === void 0 ? "static" : _ref$position,
+      _ref$closeOnExit = _ref.closeOnExit,
+      closeOnExit = _ref$closeOnExit === void 0 ? false : _ref$closeOnExit,
+      others = _objectWithoutProperties(_ref, _excluded);
+
+  var isOpen = isOpenProp != null ? isOpenProp : !isCollapsable;
+  return /*#__PURE__*/React.createElement(VerticalContainer, _extends({
+    id: setId(id, "container"),
+    isOpen: isOpen,
+    toggleOpenCallback: toggleOpenCallback,
+    position: position,
+    isAnchorBarVisible: isCollapsable,
+    closeOnExit: closeOnExit
+  }, others), /*#__PURE__*/React.createElement("div", {
+    id: id,
+    className: clsx(className, classes.root, !isCollapsable && classes.noCollapsable)
+  }, children));
+};
+
+process.env.NODE_ENV !== "production" ? VerticalNavigation.propTypes = {
+  /**
+   * Id to be applied to the root node.
+   */
+  id: PropTypes.string,
+
+  /**
+   * Class names to be applied.
+   */
+  className: PropTypes.string,
+
+  /**
+   * A Jss Object used to override or extend the styles applied to the component.
+   */
+  classes: PropTypes.shape({
+    /**
+     * Style applied to the root of the component.
+     */
+    root: PropTypes.string,
+
+    /**
+     * Style applied to the root of the component when it not collapsable.
+     */
+    noCollapsable: PropTypes.string
+  }).isRequired,
+
+  /**
+   * Sets if the navigation should have a button to hide itself.
+   */
+  isCollapsable: PropTypes.bool,
+
+  /**
+   * The content inside the actions container.
+   */
+  children: PropTypes.node,
+
+  /**
+   * Is the navigation open.
+   */
+  isOpen: PropTypes.bool,
+
+  /**
+   * Callback when the navigation toggles between open and close.
+   */
+  toggleOpenCallback: PropTypes.func,
+
+  /**
+   * Position of the component.
+   */
+  position: PropTypes.oneOf(["static", "relative", "fixed", "absolute"]),
+
+  /**
+   * Defines if the navigation should close when losing focus / clicking outside.
+   */
+  closeOnExit: PropTypes.bool
+} : void 0;
+export default withStyles(styles, {
+  name: "HvVerticalNavigation"
+})(VerticalNavigation);
+//# sourceMappingURL=VerticalNavigation.js.map

package/dist/legacy/VerticalNavigation/VerticalNavigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VerticalNavigation.js","names":["React","PropTypes","clsx","withStyles","VerticalContainer","setId","styles","VerticalNavigation","id","className","classes","isOpenProp","isOpen","toggleOpenCallback","isCollapsable","children","position","closeOnExit","others","root","noCollapsable","propTypes","string","shape","isRequired","bool","node","func","oneOf","name"],"sources":["../../../src/VerticalNavigation/VerticalNavigation.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\nimport VerticalContainer from \"./VerticalContainer\";\nimport { setId } from \"../utils\";\nimport styles from \"./styles\";\n\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 * Our implementation of the vertical navigation is divided in:\n * <ul>\n * <li>Navigation</li>\n * <li>Actions</li>\n * <li>Action</li>\n * </ul>\n * To build the vertical navigation a composition of these elements should be used.\n *\n */\nconst VerticalNavigation = ({\n  id,\n  className,\n  classes,\n  isOpen: isOpenProp,\n  toggleOpenCallback,\n  isCollapsable = false,\n  children,\n  position = \"static\",\n  closeOnExit = false,\n  ...others\n}) => {\n  const isOpen = isOpenProp != null ? isOpenProp : !isCollapsable;\n\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      {...others}\n    >\n      <div\n        id={id}\n        className={clsx(className, classes.root, {\n          [classes.noCollapsable]: !isCollapsable,\n        })}\n      >\n        {children}\n      </div>\n    </VerticalContainer>\n  );\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    noCollapsable: PropTypes.string,\n  }).isRequired,\n  /**\n   * Sets if the navigation should have a button to hide itself.\n   */\n  isCollapsable: PropTypes.bool,\n  /**\n   * The content inside the actions container.\n   */\n  children: PropTypes.node,\n  /**\n   * Is the navigation open.\n   */\n  isOpen: PropTypes.bool,\n  /**\n   * Callback when the navigation toggles between open and close.\n   */\n  toggleOpenCallback: PropTypes.func,\n  /**\n   * Position of the component.\n   */\n  position: PropTypes.oneOf([\"static\", \"relative\", \"fixed\", \"absolute\"]),\n  /**\n   * Defines if the navigation should close when losing focus / clicking outside.\n   */\n  closeOnExit: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvVerticalNavigation\" })(VerticalNavigation);\n"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,SAASC,UAAT,QAA2B,mBAA3B;AACA,OAAOC,iBAAP,MAA8B,qBAA9B;AACA,SAASC,KAAT,QAAsB,UAAtB;AACA,OAAOC,MAAP,MAAmB,UAAnB;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,IAAMC,kBAAkB,GAAG,SAArBA,kBAAqB,OAWrB;EAAA,IAVJC,EAUI,QAVJA,EAUI;EAAA,IATJC,SASI,QATJA,SASI;EAAA,IARJC,OAQI,QARJA,OAQI;EAAA,IAPIC,UAOJ,QAPJC,MAOI;EAAA,IANJC,kBAMI,QANJA,kBAMI;EAAA,8BALJC,aAKI;EAAA,IALJA,aAKI,mCALY,KAKZ;EAAA,IAJJC,QAII,QAJJA,QAII;EAAA,yBAHJC,QAGI;EAAA,IAHJA,QAGI,8BAHO,QAGP;EAAA,4BAFJC,WAEI;EAAA,IAFJA,WAEI,iCAFU,KAEV;EAAA,IADDC,MACC;;EACJ,IAAMN,MAAM,GAAGD,UAAU,IAAI,IAAd,GAAqBA,UAArB,GAAkC,CAACG,aAAlD;EAEA,oBACE,oBAAC,iBAAD;IACE,EAAE,EAAET,KAAK,CAACG,EAAD,EAAK,WAAL,CADX;IAEE,MAAM,EAAEI,MAFV;IAGE,kBAAkB,EAAEC,kBAHtB;IAIE,QAAQ,EAAEG,QAJZ;IAKE,kBAAkB,EAAEF,aALtB;IAME,WAAW,EAAEG;EANf,GAOMC,MAPN,gBASE;IACE,EAAE,EAAEV,EADN;IAEE,SAAS,EAAEN,IAAI,CAACO,SAAD,EAAYC,OAAO,CAACS,IAApB,EACY,CAACL,aADb,IACZJ,OAAO,CAACU,aADI;EAFjB,GAMGL,QANH,CATF,CADF;AAoBD,CAlCD;;AAoCA,wCAAAR,kBAAkB,CAACc,SAAnB,GAA+B;EAC7B;AACF;AACA;EACEb,EAAE,EAAEP,SAAS,CAACqB,MAJe;;EAK7B;AACF;AACA;EACEb,SAAS,EAAER,SAAS,CAACqB,MARQ;;EAS7B;AACF;AACA;EACEZ,OAAO,EAAET,SAAS,CAACsB,KAAV,CAAgB;IACvB;AACJ;AACA;IACIJ,IAAI,EAAElB,SAAS,CAACqB,MAJO;;IAKvB;AACJ;AACA;IACIF,aAAa,EAAEnB,SAAS,CAACqB;EARF,CAAhB,EASNE,UArB0B;;EAsB7B;AACF;AACA;EACEV,aAAa,EAAEb,SAAS,CAACwB,IAzBI;;EA0B7B;AACF;AACA;EACEV,QAAQ,EAAEd,SAAS,CAACyB,IA7BS;;EA8B7B;AACF;AACA;EACEd,MAAM,EAAEX,SAAS,CAACwB,IAjCW;;EAkC7B;AACF;AACA;EACEZ,kBAAkB,EAAEZ,SAAS,CAAC0B,IArCD;;EAsC7B;AACF;AACA;EACEX,QAAQ,EAAEf,SAAS,CAAC2B,KAAV,CAAgB,CAAC,QAAD,EAAW,UAAX,EAAuB,OAAvB,EAAgC,UAAhC,CAAhB,CAzCmB;;EA0C7B;AACF;AACA;EACEX,WAAW,EAAEhB,SAAS,CAACwB;AA7CM,CAA/B;AAgDA,eAAetB,UAAU,CAACG,MAAD,EAAS;EAAEuB,IAAI,EAAE;AAAR,CAAT,CAAV,CAAqDtB,kBAArD,CAAf"}

package/dist/legacy/VerticalNavigation/index.d.ts

@@ -0,0 +1,11 @@
+export { default } from "./VerticalNavigation";
+export * from "./VerticalNavigation";
+
+export { default as Actions } from "./Actions";
+export * from "./Actions";
+
+export { default as Navigation } from "./Navigation";
+export * from "./Navigation";
+
+export { default as TreeView } from "./TreeView";
+export * from "./TreeView";

package/dist/legacy/VerticalNavigation/index.js

@@ -0,0 +1,7 @@
+export { default } from "./VerticalNavigation";
+export { default as Navigation } from "./Navigation";
+export { default as TreeView } from "./TreeView";
+export * from "./TreeView";
+export { default as Actions } from "./Actions";
+export * from "./Actions";
+//# sourceMappingURL=index.js.map

package/dist/legacy/VerticalNavigation/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["default","Navigation","TreeView","Actions"],"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,SAASA,OAAT,QAAwB,sBAAxB;AAEA,SAASA,OAAO,IAAIC,UAApB,QAAsC,cAAtC;AAEA,SAASD,OAAO,IAAIE,QAApB,QAAoC,YAApC;AACA,cAAc,YAAd;AAEA,SAASF,OAAO,IAAIG,OAApB,QAAmC,WAAnC;AACA,cAAc,WAAd"}

package/dist/legacy/VerticalNavigation/styles.js

@@ -0,0 +1,23 @@
+import "core-js/modules/es.array.concat.js";
+
+var styles = function styles(theme) {
+  return {
+    root: {
+      width: "320px",
+      "& > :only-child": {
+        padding: "".concat(theme.hv.spacing.sm, "px")
+      },
+      "& > :not(:first-child)": {
+        borderTop: "3px solid ".concat(theme.hv.palette.atmosphere.atmo2),
+        padding: "".concat(theme.hv.spacing.xs, "px ").concat(theme.hv.spacing.sm, "px ").concat(theme.hv.spacing.sm, "px ").concat(theme.hv.spacing.sm, "px")
+      },
+      "& > :first-child:not(:last-child)": {
+        padding: "".concat(theme.hv.spacing.sm, "px  ").concat(theme.hv.spacing.sm, "px  ").concat(theme.hv.spacing.xs, "px ").concat(theme.hv.spacing.sm, "px ")
+      }
+    },
+    noCollapse: {}
+  };
+};
+
+export default styles;
+//# sourceMappingURL=styles.js.map

package/dist/legacy/VerticalNavigation/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["styles","theme","root","width","padding","hv","spacing","sm","borderTop","palette","atmosphere","atmo2","xs","noCollapse"],"sources":["../../../src/VerticalNavigation/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    width: \"320px\",\n    \"& > :only-child\": {\n      padding: `${theme.hv.spacing.sm}px`,\n    },\n    \"& > :not(:first-child)\": {\n      borderTop: `3px solid ${theme.hv.palette.atmosphere.atmo2}`,\n      padding: `${theme.hv.spacing.xs}px ${theme.hv.spacing.sm}px ${theme.hv.spacing.sm}px ${theme.hv.spacing.sm}px`,\n    },\n    \"& > :first-child:not(:last-child)\": {\n      padding: `${theme.hv.spacing.sm}px  ${theme.hv.spacing.sm}px  ${theme.hv.spacing.xs}px ${theme.hv.spacing.sm}px `,\n    },\n  },\n  noCollapse: {},\n});\n\nexport default styles;\n"],"mappings":";;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,IAAI,EAAE;MACJC,KAAK,EAAE,OADH;MAEJ,mBAAmB;QACjBC,OAAO,YAAKH,KAAK,CAACI,EAAN,CAASC,OAAT,CAAiBC,EAAtB;MADU,CAFf;MAKJ,0BAA0B;QACxBC,SAAS,sBAAeP,KAAK,CAACI,EAAN,CAASI,OAAT,CAAiBC,UAAjB,CAA4BC,KAA3C,CADe;QAExBP,OAAO,YAAKH,KAAK,CAACI,EAAN,CAASC,OAAT,CAAiBM,EAAtB,gBAA8BX,KAAK,CAACI,EAAN,CAASC,OAAT,CAAiBC,EAA/C,gBAAuDN,KAAK,CAACI,EAAN,CAASC,OAAT,CAAiBC,EAAxE,gBAAgFN,KAAK,CAACI,EAAN,CAASC,OAAT,CAAiBC,EAAjG;MAFiB,CALtB;MASJ,qCAAqC;QACnCH,OAAO,YAAKH,KAAK,CAACI,EAAN,CAASC,OAAT,CAAiBC,EAAtB,iBAA+BN,KAAK,CAACI,EAAN,CAASC,OAAT,CAAiBC,EAAhD,iBAAyDN,KAAK,CAACI,EAAN,CAASC,OAAT,CAAiBM,EAA1E,gBAAkFX,KAAK,CAACI,EAAN,CAASC,OAAT,CAAiBC,EAAnG;MAD4B;IATjC,CADmB;IAczBM,UAAU,EAAE;EAda,CAAZ;AAAA,CAAf;;AAiBA,eAAeb,MAAf"}

package/dist/legacy/config/context.js

@@ -0,0 +1,6 @@
+import React from "react";
+var ConfigContext = /*#__PURE__*/React.createContext({});
+var ConfigProvider = ConfigContext.Provider;
+var ConfigConsumer = ConfigContext.Consumer;
+export { ConfigProvider, ConfigConsumer };
+//# sourceMappingURL=context.js.map

package/dist/legacy/config/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","names":["React","ConfigContext","createContext","ConfigProvider","Provider","ConfigConsumer","Consumer"],"sources":["../../../src/config/context.js"],"sourcesContent":["import React from \"react\";\n\nconst ConfigContext = React.createContext({});\nconst ConfigProvider = ConfigContext.Provider;\nconst ConfigConsumer = ConfigContext.Consumer;\n\nexport { ConfigProvider, ConfigConsumer };\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,IAAMC,aAAa,gBAAGD,KAAK,CAACE,aAAN,CAAoB,EAApB,CAAtB;AACA,IAAMC,cAAc,GAAGF,aAAa,CAACG,QAArC;AACA,IAAMC,cAAc,GAAGJ,aAAa,CAACK,QAArC;AAEA,SAASH,cAAT,EAAyBE,cAAzB"}

package/dist/legacy/config/withConfig.js

@@ -0,0 +1,26 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React from "react";
+import hoistNonReactStatics from "hoist-non-react-statics";
+import { ConfigConsumer } from "./context";
+
+var withConfig = function withConfig(Component) {
+  var WithConfig = function WithConfig(props) {
+    return /*#__PURE__*/React.createElement(ConfigConsumer, null, function (config) {
+      return /*#__PURE__*/React.createElement(Component, _extends({}, props, {
+        config: config
+      }));
+    });
+  }; // https://reactjs.org/docs/higher-order-components.html#static-methods-must-be-copied-over
+
+
+  hoistNonReactStatics(WithConfig, Component);
+
+  if (process.env.NODE_ENV !== "production") {
+    WithConfig.Naked = Component;
+  }
+
+  return WithConfig;
+};
+
+export default withConfig;
+//# sourceMappingURL=withConfig.js.map

package/dist/legacy/config/withConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"withConfig.js","names":["React","hoistNonReactStatics","ConfigConsumer","withConfig","Component","WithConfig","props","config","process","env","NODE_ENV","Naked"],"sources":["../../../src/config/withConfig.js"],"sourcesContent":["import React from \"react\";\nimport hoistNonReactStatics from \"hoist-non-react-statics\";\n\nimport { ConfigConsumer } from \"./context\";\n\nconst withConfig = (Component) => {\n  const WithConfig = (props) => (\n    <ConfigConsumer>{(config) => <Component {...props} config={config} />}</ConfigConsumer>\n  );\n\n  // https://reactjs.org/docs/higher-order-components.html#static-methods-must-be-copied-over\n  hoistNonReactStatics(WithConfig, Component);\n\n  if (process.env.NODE_ENV !== \"production\") {\n    WithConfig.Naked = Component;\n  }\n\n  return WithConfig;\n};\n\nexport default withConfig;\n"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,oBAAP,MAAiC,yBAAjC;AAEA,SAASC,cAAT,QAA+B,WAA/B;;AAEA,IAAMC,UAAU,GAAG,SAAbA,UAAa,CAACC,SAAD,EAAe;EAChC,IAAMC,UAAU,GAAG,SAAbA,UAAa,CAACC,KAAD;IAAA,oBACjB,oBAAC,cAAD,QAAiB,UAACC,MAAD;MAAA,oBAAY,oBAAC,SAAD,eAAeD,KAAf;QAAsB,MAAM,EAAEC;MAA9B,GAAZ;IAAA,CAAjB,CADiB;EAAA,CAAnB,CADgC,CAKhC;;;EACAN,oBAAoB,CAACI,UAAD,EAAaD,SAAb,CAApB;;EAEA,IAAII,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,YAA7B,EAA2C;IACzCL,UAAU,CAACM,KAAX,GAAmBP,SAAnB;EACD;;EAED,OAAOC,UAAP;AACD,CAbD;;AAeA,eAAeF,UAAf"}