@hitachivantara/uikit-react-core 4.4.3 → 5.0.0-next.10

package/dist/modern/VerticalNavigation/VerticalContainer/VerticalContainer.d.ts

@@ -1,51 +0,0 @@
-import * as React from "react";
-import { StandardProps } from "@mui/material";
-
-export type HvVerticalNavigationContainerClassKey =
-  | "root"
-  | "fixed"
-  | "relative"
-  | "absolute"
-  | "static"
-  | "withAnchorBar"
-  | "verticalContainer"
-  | "anchorBar"
-  | "button"
-  | "separator"
-  | "contentContainer";
-
-export interface HvVerticalNavigationContainerProps
-  extends StandardProps<
-    React.HTMLAttributes<HTMLDivElement>,
-    HvVerticalNavigationContainerClassKey
-  > {
-  /**
-   * Position of the component.
-   */
-  position?: "static" | "relative" | "fixed" | "absolute";
-
-  /**
-   * Defines if a anchor bar is visible,
-   */
-  isAnchorBarVisible?: boolean;
-  /**
-   * Is the navigation open.
-   */
-  isOpen?: boolean;
-  /**
-   * Aria-label for the button.
-   */
-  buttonAriaLabel?: string;
-  /**
-   * Callback when the navigation toggles between open and close.
-   */
-  toggleOpenCallback?: (open: boolean) => void;
-  /**
-   * Defines if the content pane should close when losing focus / clicking outside.
-   */
-  closeOnExit?: boolean;
-}
-
-export default function HvVerticalNavigationContainer(
-  props: HvVerticalNavigationContainerProps
-): JSX.Element | null;

package/dist/modern/VerticalNavigation/VerticalContainer/VerticalContainer.js

@@ -1,231 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _Menu;
-const _excluded = ["id", "className", "classes", "isAnchorBarVisible", "isOpen", "toggleOpenCallback", "buttonAriaLabel", "children", "position", "closeOnExit"];
-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; }
-import React, { useCallback, useEffect, useMemo, useRef, useState } from "react";
-import PropTypes from "prop-types";
-import isNil from "lodash/isNil";
-import { ClickAwayListener } from "@mui/material";
-import { withStyles } from "@mui/styles";
-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
- */
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-const VerticalContainer = _ref => {
-  let {
-      id,
-      className,
-      classes,
-      isAnchorBarVisible = true,
-      isOpen = false,
-      toggleOpenCallback,
-      buttonAriaLabel,
-      children,
-      position = "static",
-      closeOnExit
-    } = _ref,
-    others = _objectWithoutProperties(_ref, _excluded);
-  const [open, setOpen] = useState(isOpen);
-  const [prevPropOpen, setPrevPropOpen] = useState(null);
-  const containerRef = useRef(null);
-  const buttonRef = useRef(null);
-  const 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(() => {
-    setTimeout(() => {
-      if (open) {
-        focusableList.current = getFirstAndLastFocus(containerRef.current);
-      }
-    });
-  }, [open]);
-
-  /**
-   * Toggle the open state based on the received paramenter.
-   *
-   * @type {(...args: any[]) => any}
-   */
-  const toggleOpen = useCallback((newState = null) => {
-    if (newState !== null) {
-      if (newState !== open) {
-        setOpen(newState);
-      } else {
-        return;
-      }
-    } else {
-      setOpen(prevState => !prevState);
-    }
-    toggleOpenCallback === null || toggleOpenCallback === void 0 ? void 0 : toggleOpenCallback(open);
-  }, [toggleOpenCallback, open]);
-
-  /**
-   * Handler of keyboard clicks.
-   */
-  const handlerKeyContainer = useCallback(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]);
-  const renderedAnchorBar = useMemo(() => /*#__PURE__*/_jsx("div", {
-    id: setId(id, "anchor-bar"),
-    className: classes.anchorBar,
-    children: /*#__PURE__*/_jsx(Button, {
-      id: setId(id, "hamburger-button"),
-      className: classes.button,
-      ref: buttonRef,
-      onClick: () => toggleOpen(),
-      "aria-label": buttonAriaLabel || open && "close" || !open && "open",
-      icon: true,
-      children: _Menu || (_Menu = /*#__PURE__*/_jsx(Menu, {}))
-    })
-  }), [buttonAriaLabel, classes.anchorBar, classes.button, id, open, toggleOpen]);
-  const renderedContainer = useMemo(() => /*#__PURE__*/_jsxs(_Fragment, {
-    children: [isAnchorBarVisible && /*#__PURE__*/_jsx("div", {
-      className: classes.separator
-    }), /*#__PURE__*/_jsx("div", {
-      id: setId(id, "container"),
-      ref: containerRef,
-      className: classes.contentContainer,
-      onKeyDown: handlerKeyContainer,
-      children: children
-    })]
-  }), [children, classes.contentContainer, classes.separator, handlerKeyContainer, id, isAnchorBarVisible]);
-  return /*#__PURE__*/_jsx("div", {
-    className: clsx(className, classes.root, isAnchorBarVisible && classes.withAnchorBar, {
-      "static": classes.static,
-      "relative": classes.relative,
-      "fixed": classes.fixed,
-      "absolute": classes.absolute
-    }[position]),
-    children: /*#__PURE__*/_jsx(ClickAwayListener, {
-      onClickAway: () => closeOnExit && toggleOpen(false),
-      children: /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread({
-        id: id,
-        className: classes.verticalContainer
-      }, others), {}, {
-        children: [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/modern/VerticalNavigation/VerticalContainer/VerticalContainer.js.map

@@ -1 +0,0 @@
-{"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 } 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/modern/VerticalNavigation/VerticalContainer/index.d.ts

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

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

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

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

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

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

@@ -1,55 +0,0 @@
-const styles = theme => ({
-  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: theme.hv.spacing.xs
-  },
-  button: {
-    marginTop: theme.hv.spacing.xs,
-    width: "32px",
-    height: "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/modern/VerticalNavigation/VerticalContainer/styles.js.map

@@ -1 +0,0 @@
-{"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","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,\n  },\n  button: {\n    marginTop: theme.hv.spacing.xs,\n    width: \"32px\",\n    height: \"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,MAAMA,MAAM,GAAIC,KAAK,KAAM;EACzBC,IAAI,EAAE;IACJC,OAAO,EAAE,MAAM;IACfC,SAAS,EAAE,KAAK;IAChBC,YAAY,EAAE;EAChB,CAAC;EACDC,KAAK,EAAE;IACLC,QAAQ,EAAE,OAAO;IACjBC,MAAM,EAAEP,KAAK,CAACO,MAAM,CAACC,MAAM;IAC3BC,GAAG,EAAE,MAAM;IACXC,MAAM,EAAE;EACV,CAAC;EACDC,QAAQ,EAAE;IACRL,QAAQ,EAAE,UAAU;IACpB,iBAAiB,EAAE;MACjBM,MAAM,EAAE;IACV;EACF,CAAC;EACDC,QAAQ,EAAE;IACRP,QAAQ,EAAE;EACZ,CAAC;EACDQ,MAAM,EAAE;IACNR,QAAQ,EAAE;EACZ,CAAC;EACDS,aAAa,EAAE;IACbH,MAAM,EAAE;EACV,CAAC;EACDI,iBAAiB,EAAE;IACjBd,OAAO,EAAE,MAAM;IACfK,MAAM,EAAE;EACV,CAAC;EACDU,SAAS,EAAE;IACTC,eAAe,EAAElB,KAAK,CAACmB,EAAE,CAACC,OAAO,CAACC,UAAU,CAACC,KAAK;IAClDC,KAAK,EAAE,MAAM;IACbX,MAAM,EAAE,MAAM;IACdY,QAAQ,EAAE,QAAQ;IAClBC,OAAO,EAAEzB,KAAK,CAACmB,EAAE,CAACO,OAAO,CAACC;EAC5B,CAAC;EACDC,MAAM,EAAE;IACNzB,SAAS,EAAEH,KAAK,CAACmB,EAAE,CAACO,OAAO,CAACC,EAAE;IAC9BJ,KAAK,EAAE,MAAM;IACbX,MAAM,EAAE;EACV,CAAC;EACDiB,SAAS,EAAE;IACTX,eAAe,EAAElB,KAAK,CAACmB,EAAE,CAACC,OAAO,CAACC,UAAU,CAACS,KAAK;IAClDP,KAAK,EAAE;EACT,CAAC;EACDQ,gBAAgB,EAAE;IAChBnB,MAAM,EAAE,MAAM;IACdY,QAAQ,EAAE,MAAM;IAChBN,eAAe,EAAElB,KAAK,CAACmB,EAAE,CAACC,OAAO,CAACC,UAAU,CAACC;EAC/C;AACF,CAAC,CAAC;AAEF,eAAevB,MAAM"}

package/dist/modern/VerticalNavigation/VerticalNavigation.d.ts

@@ -1,45 +0,0 @@
-import { StandardProps } from "@mui/material";
-
-export type HvVerticalNavigationClassKey = "root" | "noCollapse" | "legacyMode";
-
-export interface HvVerticalNavigationProps
-  extends StandardProps<React.HTMLAttributes<HTMLUListElement>, HvVerticalNavigationClassKey> {
-  /**
-   * Sets if the navigation should have a button to hide itself.
-   *
-   * @deprecated This logic should be external, i.e. using the HvVerticalNavigation inside a Drawer component.
-   */
-  isCollapsable?: boolean;
-  /**
-   * Is the navigation open.
-   *
-   * @deprecated This logic should be external, i.e. using the HvVerticalNavigation inside a Drawer component.
-   */
-  isOpen?: boolean;
-  /**
-   * Callback when the navigation toggles between open and close.
-   *
-   * @deprecated This logic should be external, i.e. using the HvVerticalNavigation inside a Drawer component.
-   */
-  toggleOpenCallback?: (open: boolean) => void;
-  /**
-   * Position of the component.
-   *
-   * @deprecated This logic should be external, i.e. using the HvVerticalNavigation inside a Drawer component.
-   */
-  position?: "static" | "relative" | "fixed" | "absolute";
-  /**
-   * 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?: boolean;
-  /**
-   * 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?: string;
-}
-
-export default function HvVerticalNavigation(props: HvVerticalNavigationProps): JSX.Element | null;

package/dist/modern/VerticalNavigation/VerticalNavigation.js

@@ -1,149 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-const _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) { _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; }
-import React from "react";
-import PropTypes from "prop-types";
-import clsx from "clsx";
-import { deprecatedPropType } from "@mui/material";
-import { withStyles } from "@mui/styles";
-import VerticalContainer from "./VerticalContainer";
-import { setId } from "../utils";
-import styles from "./styles";
-
-/**
- * Navigation enables users to move through an app to complete tasks.
- *
- * 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.
- *
- * 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)
- * isn't necessarily the most appropriate.
- *
- * The tree role provides complex functionality that is not needed for typical site navigation, and changes the most common keyboard navigation using TAB.
- *
- * The [Disclosure Design Pattern](https://w3c.github.io/aria-practices/#disclosure) is more suited for typical site navigation, with expandable groups of links.
- * However it can be tedious to TAB through all navigation items to reach the actions panel.
- *
- * Both modes are available via the `mode` property and each app should choose the most appropriate.
- */
-import { jsx as _jsx } from "react/jsx-runtime";
-const VerticalNavigation = _ref => {
-  let {
-      id,
-      className,
-      classes,
-      children,
-      // deprecated props
-      isOpen: isOpenProp,
-      toggleOpenCallback,
-      isCollapsable: isCollapsableProp,
-      position: positionProp,
-      closeOnExit: closeOnExitProp,
-      buttonAriaLabel
-    } = _ref,
-    others = _objectWithoutProperties(_ref, _excluded);
-  const deprecatedMode = isOpenProp != null || toggleOpenCallback != null || isCollapsableProp != null || positionProp != null || closeOnExitProp != null || buttonAriaLabel != null;
-  let isOpen;
-  let isCollapsable;
-  let position;
-  let closeOnExit;
-  if (deprecatedMode) {
-    // restore the default values if needed
-    closeOnExit = closeOnExitProp !== null && closeOnExitProp !== void 0 ? closeOnExitProp : false;
-    position = positionProp !== null && positionProp !== void 0 ? positionProp : "static";
-    isCollapsable = isCollapsableProp !== null && isCollapsableProp !== void 0 ? isCollapsableProp : false;
-    isOpen = isOpenProp !== null && isOpenProp !== void 0 ? isOpenProp : !isCollapsable;
-  }
-  const content = /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
-    id: id,
-    className: clsx(className, classes.root, deprecatedMode && [classes.legacyMode, !isCollapsable && classes.noCollapsable])
-  }, others), {}, {
-    children: children
-  }));
-  if (deprecatedMode) {
-    return /*#__PURE__*/_jsx(VerticalContainer, {
-      id: setId(id, "container"),
-      isOpen: isOpen,
-      toggleOpenCallback: toggleOpenCallback,
-      position: position,
-      isAnchorBarVisible: isCollapsable,
-      closeOnExit: closeOnExit,
-      buttonAriaLabel: buttonAriaLabel,
-      children: content
-    });
-  }
-  return content;
-};
-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.
-     *
-     * @deprecated This logic should be external, i.e. using the HvVerticalNavigation inside a Drawer component.
-     */
-    noCollapsable: deprecatedPropType(PropTypes.string),
-    /**
-     * @ignore
-     */
-    legacyMode: PropTypes.string
-  }).isRequired,
-  /**
-   * The content inside the actions container.
-   */
-  children: PropTypes.node,
-  /**
-   * Sets if the navigation should have a button to hide itself.
-   *
-   * @deprecated This logic should be external, i.e. using the HvVerticalNavigation inside a Drawer component.
-   */
-  isCollapsable: deprecatedPropType(PropTypes.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: deprecatedPropType(PropTypes.bool, "This logic should be external, i.e. using the HvVerticalNavigation inside a Drawer component."),
-  /**
-   * Callback when the navigation toggles between open and close.
-   */
-  toggleOpenCallback: PropTypes.func,
-  /**
-   * Position of the component.
-   *
-   * @deprecated This logic should be external, i.e. using the HvVerticalNavigation inside a Drawer component.
-   */
-  position: deprecatedPropType(PropTypes.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: deprecatedPropType(PropTypes.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: deprecatedPropType(PropTypes.bool, "This logic should be external, i.e. using the HvVerticalNavigation inside a Drawer component.")
-} : void 0;
-export default withStyles(styles, {
-  name: "HvVerticalNavigation"
-})(VerticalNavigation);
-//# sourceMappingURL=VerticalNavigation.js.map

package/dist/modern/VerticalNavigation/VerticalNavigation.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"VerticalNavigation.js","names":["React","PropTypes","clsx","deprecatedPropType","withStyles","VerticalContainer","setId","styles","VerticalNavigation","id","className","classes","children","isOpen","isOpenProp","toggleOpenCallback","isCollapsable","isCollapsableProp","position","positionProp","closeOnExit","closeOnExitProp","buttonAriaLabel","others","deprecatedMode","content","root","legacyMode","noCollapsable","propTypes","string","shape","isRequired","node","bool","func","oneOf","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/modern/VerticalNavigation/index.d.ts

@@ -1,17 +0,0 @@
-export { default } from "./VerticalNavigation";
-export * from "./VerticalNavigation";
-
-export { default as HvVerticalNavigationTree } from "./Navigation";
-export * from "./Navigation";
-
-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/modern/VerticalNavigation/index.js

@@ -1,5 +0,0 @@
-export { default } from "./VerticalNavigation";
-export { default as HvVerticalNavigationTree } from "./Navigation";
-export { TreeView as HvVerticalNavigationTreeView, TreeViewItem as HvVerticalNavigationTreeViewItem } from "./TreeView";
-export { Actions as HvVerticalNavigationActions, Action as HvVerticalNavigationAction } from "./Actions";
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["default","HvVerticalNavigationTree","TreeView","HvVerticalNavigationTreeView","TreeViewItem","HvVerticalNavigationTreeViewItem","Actions","HvVerticalNavigationActions","Action","HvVerticalNavigationAction"],"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,SAASA,OAAO,QAAQ,sBAAsB;AAE9C,SAASA,OAAO,IAAIC,wBAAwB,QAAQ,cAAc;AAElE,SACEC,QAAQ,IAAIC,4BAA4B,EACxCC,YAAY,IAAIC,gCAAgC,QAC3C,YAAY;AAEnB,SACEC,OAAO,IAAIC,2BAA2B,EACtCC,MAAM,IAAIC,0BAA0B,QAC/B,WAAW"}