@hitachivantara/uikit-react-core 5.44.1 → 5.44.3

package/dist/esm/VerticalNavigation/Navigation/Navigation.styles.js

@@ -0,0 +1,28 @@
+import { theme } from "@hitachivantara/uikit-styles";
+import { createClasses } from "../../utils/classes.js";
+const { staticClasses, useClasses } = createClasses(
+  "HvVerticalNavigationTree",
+  {
+    root: {
+      display: "block",
+      background: theme.colors.atmo1,
+      overflowY: "auto"
+    },
+    list: {},
+    listItem: {},
+    collapsed: {
+      display: "none"
+    },
+    popup: {
+      boxShadow: "inset 5px 0 5px -3px rgb(65 65 65 / 12%)"
+    },
+    navigationPopup: {
+      boxShadow: "inset 5px 0 5px -3px rgb(65 65 65 / 12%)"
+    }
+  }
+);
+export {
+  staticClasses,
+  useClasses
+};
+//# sourceMappingURL=Navigation.styles.js.map

package/dist/esm/VerticalNavigation/Navigation/Navigation.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Navigation.styles.js","sources":["../../../../src/VerticalNavigation/Navigation/Navigation.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"../../utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\n  \"HvVerticalNavigationTree\",\n  {\n    root: {\n      display: \"block\",\n      background: theme.colors.atmo1,\n\n      overflowY: \"auto\",\n    },\n    list: {},\n    listItem: {},\n    collapsed: {\n      display: \"none\",\n    },\n    popup: {\n      boxShadow: \"inset 5px 0 5px -3px rgb(65 65 65 / 12%)\",\n    },\n    navigationPopup: {\n      boxShadow: \"inset 5px 0 5px -3px rgb(65 65 65 / 12%)\",\n    },\n  }\n);\n"],"names":[],"mappings":";;AAIa,MAAA,EAAE,eAAe,WAAA,IAAe;AAAA,EAC3C;AAAA,EACA;AAAA,IACE,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,YAAY,MAAM,OAAO;AAAA,MAEzB,WAAW;AAAA,IACb;AAAA,IACA,MAAM,CAAC;AAAA,IACP,UAAU,CAAC;AAAA,IACX,WAAW;AAAA,MACT,SAAS;AAAA,IACX;AAAA,IACA,OAAO;AAAA,MACL,WAAW;AAAA,IACb;AAAA,IACA,iBAAiB;AAAA,MACf,WAAW;AAAA,IACb;AAAA,EACF;AACF;"}

package/dist/esm/VerticalNavigation/NavigationPopup/NavigationPopup.styles.js

@@ -0,0 +1,25 @@
+import styled from "@emotion/styled";
+import { theme } from "@hitachivantara/uikit-styles";
+import { Popper } from "@mui/base";
+import { createClasses } from "../../utils/classes.js";
+const StyledPopper = styled(Popper)({
+  zIndex: theme.zIndices.popover
+});
+const { staticClasses, useClasses } = createClasses(
+  "HvVerticalNavigationPopup",
+  {
+    popup: {},
+    container: {
+      marginLeft: theme.spacing("xs")
+    },
+    popper: {
+      zIndex: theme.zIndices.popover
+    }
+  }
+);
+export {
+  StyledPopper,
+  staticClasses,
+  useClasses
+};
+//# sourceMappingURL=NavigationPopup.styles.js.map

package/dist/esm/VerticalNavigation/NavigationPopup/NavigationPopup.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationPopup.styles.js","sources":["../../../../src/VerticalNavigation/NavigationPopup/NavigationPopup.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { Popper } from \"@mui/base\";\n\nimport { createClasses } from \"../../utils/classes\";\n\nconst StyledPopper = styled(Popper)({\n  zIndex: theme.zIndices.popover,\n});\n\nexport { StyledPopper };\n\nexport const { staticClasses, useClasses } = createClasses(\n  \"HvVerticalNavigationPopup\",\n  {\n    popup: {},\n    container: {\n      marginLeft: theme.spacing(\"xs\"),\n    },\n    popper: {\n      zIndex: theme.zIndices.popover,\n    },\n  }\n);\n"],"names":[],"mappings":";;;;AAOM,MAAA,eAAe,OAAO,MAAM,EAAE;AAAA,EAClC,QAAQ,MAAM,SAAS;AACzB,CAAC;AAIY,MAAA,EAAE,eAAe,WAAA,IAAe;AAAA,EAC3C;AAAA,EACA;AAAA,IACE,OAAO,CAAC;AAAA,IACR,WAAW;AAAA,MACT,YAAY,MAAM,QAAQ,IAAI;AAAA,IAChC;AAAA,IACA,QAAQ;AAAA,MACN,QAAQ,MAAM,SAAS;AAAA,IACzB;AAAA,EACF;AACF;"}

package/dist/esm/VerticalNavigation/NavigationPopup/NavigationPopupContainer.js

@@ -0,0 +1,23 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import ClickAwayListener from "@mui/material/ClickAwayListener";
+import { HvVerticalNavigation } from "../VerticalNavigation.js";
+import { useClasses, StyledPopper } from "./NavigationPopup.styles.js";
+import { staticClasses } from "./NavigationPopup.styles.js";
+const NavigationPopupContainer = ({
+  anchorEl,
+  onClose,
+  children,
+  classes: classesProp,
+  ...others
+}) => {
+  const { classes } = useClasses(classesProp);
+  const handleClickAway = () => {
+    onClose?.();
+  };
+  return /* @__PURE__ */ jsx(StyledPopper, { open: true, anchorEl, placement: "right-start", ...others, children: /* @__PURE__ */ jsx(ClickAwayListener, { onClickAway: handleClickAway, children: /* @__PURE__ */ jsx("div", { className: classes.container, children: /* @__PURE__ */ jsx(HvVerticalNavigation, { open: true, useIcons: true, children }) }) }) });
+};
+export {
+  NavigationPopupContainer,
+  staticClasses as verticalNavigationPopupClasses
+};
+//# sourceMappingURL=NavigationPopupContainer.js.map

package/dist/esm/VerticalNavigation/NavigationPopup/NavigationPopupContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationPopupContainer.js","sources":["../../../../src/VerticalNavigation/NavigationPopup/NavigationPopupContainer.tsx"],"sourcesContent":["import ClickAwayListener from \"@mui/material/ClickAwayListener\";\n\nimport { HvBaseProps } from \"../../types/generic\";\n\nimport { ExtractNames } from \"../../utils/classes\";\n\nimport { HvVerticalNavigation } from \"../VerticalNavigation\";\n\nimport {\n  StyledPopper,\n  staticClasses,\n  useClasses,\n} from \"./NavigationPopup.styles\";\n\nexport { staticClasses as verticalNavigationPopupClasses };\n\nexport type HvVerticalNavigationPopupClasses = ExtractNames<typeof useClasses>;\n\nexport interface NavigationPopupContainerProps extends HvBaseProps {\n  anchorEl?: HTMLElement | null;\n  onClose?: () => void;\n  classes?: HvVerticalNavigationPopupClasses;\n}\n\nexport const NavigationPopupContainer = ({\n  anchorEl,\n  onClose,\n  children,\n  classes: classesProp,\n  ...others\n}: NavigationPopupContainerProps) => {\n  const { classes } = useClasses(classesProp);\n\n  const handleClickAway = () => {\n    onClose?.();\n  };\n\n  return (\n    <StyledPopper open anchorEl={anchorEl} placement=\"right-start\" {...others}>\n      <ClickAwayListener onClickAway={handleClickAway}>\n        <div className={classes.container}>\n          <HvVerticalNavigation open useIcons>\n            {children}\n          </HvVerticalNavigation>\n        </div>\n      </ClickAwayListener>\n    </StyledPopper>\n  );\n};\n"],"names":[],"mappings":";;;;;AAwBO,MAAM,2BAA2B,CAAC;AAAA,EACvC;AAAA,EACA;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT,GAAG;AACL,MAAqC;AACnC,QAAM,EAAE,QAAA,IAAY,WAAW,WAAW;AAE1C,QAAM,kBAAkB,MAAM;AAClB;EAAA;AAIV,SAAA,oBAAC,cAAa,EAAA,MAAI,MAAC,UAAoB,WAAU,eAAe,GAAG,QACjE,UAAC,oBAAA,mBAAA,EAAkB,aAAa,iBAC9B,UAAC,oBAAA,OAAA,EAAI,WAAW,QAAQ,WACtB,UAAA,oBAAC,sBAAqB,EAAA,MAAI,MAAC,UAAQ,MAChC,SAAA,CACH,EACF,CAAA,EAAA,CACF,EACF,CAAA;AAEJ;"}

package/dist/esm/VerticalNavigation/NavigationSlider/NavigationSlider.js

@@ -0,0 +1,56 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import { DropRightXS } from "@hitachivantara/uikit-react-icons";
+import { useDefaultProps } from "../../hooks/useDefaultProps.js";
+import { useClasses } from "./NavigationSlider.styles.js";
+import { staticClasses } from "./NavigationSlider.styles.js";
+import { HvButton } from "../../Button/Button.js";
+import { HvListContainer } from "../../ListContainer/ListContainer.js";
+import { HvListItem } from "../../ListContainer/ListItem/ListItem.js";
+import { HvOverflowTooltip } from "../../OverflowTooltip/OverflowTooltip.js";
+const HvVerticalNavigationSlider = (props) => {
+  const {
+    id,
+    classes: classesProp,
+    data,
+    selected,
+    onNavigateToTarget,
+    onNavigateToChild,
+    forwardButtonAriaLabel = "Navigate to submenu"
+  } = useDefaultProps("HvVerticalNavigationSlider", props);
+  const { classes } = useClasses(classesProp);
+  return /* @__PURE__ */ jsx(HvListContainer, { interactive: true, id, children: data && data.map((item) => /* @__PURE__ */ jsx(
+    HvListItem,
+    {
+      classes: {
+        root: classes.root,
+        selected: classes.listItemSelected,
+        focus: classes.listItemFocus
+      },
+      onClick: (event) => {
+        onNavigateToTarget?.(event, item);
+      },
+      "aria-label": item.label,
+      "aria-current": selected === item.id ? item.href ? "page" : true : void 0,
+      selected: selected === item.id,
+      startAdornment: item.icon ? /* @__PURE__ */ jsx("div", { children: item.icon }) : void 0,
+      endAdornment: item.data && item.data.length > 0 ? /* @__PURE__ */ jsx(
+        HvButton,
+        {
+          icon: true,
+          onClick: (event) => {
+            onNavigateToChild?.(event, item);
+          },
+          "aria-label": forwardButtonAriaLabel,
+          children: /* @__PURE__ */ jsx(DropRightXS, {})
+        }
+      ) : void 0,
+      children: /* @__PURE__ */ jsx(HvOverflowTooltip, { data: item.label })
+    },
+    item.id
+  )) });
+};
+export {
+  HvVerticalNavigationSlider,
+  staticClasses as verticalNavigationSliderClasses
+};
+//# sourceMappingURL=NavigationSlider.js.map

package/dist/esm/VerticalNavigation/NavigationSlider/NavigationSlider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationSlider.js","sources":["../../../../src/VerticalNavigation/NavigationSlider/NavigationSlider.tsx"],"sourcesContent":["import { DropRightXS } from \"@hitachivantara/uikit-react-icons\";\n\nimport { HvButton } from \"../../Button\";\nimport { HvListContainer, HvListItem } from \"../../ListContainer\";\nimport { HvOverflowTooltip } from \"../../OverflowTooltip\";\n\nimport { ExtractNames } from \"../../utils/classes\";\nimport { useDefaultProps } from \"../../hooks/useDefaultProps\";\n\nimport { NavigationData } from \"../VerticalNavigationContext\";\n\nimport { staticClasses, useClasses } from \"./NavigationSlider.styles\";\n\nexport { staticClasses as verticalNavigationSliderClasses };\n\nexport type HvVerticalNavigationSliderClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvVerticalNavigationSliderProps {\n  /**\n   * Id to be applied to the root node of the panel.\n   */\n  id?: string;\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes?: HvVerticalNavigationSliderClasses;\n  /**\n   * An array containing the data for each menu item.\n   *\n   * id - the id to be applied to the root element.\n   * label - the label to be rendered on the menu item.\n   * icon - the icon react element\n   * data - sub-menu items\n   * href - the url used for navigation.\n   * target - the behavior when opening an url.\n   */\n  data?: NavigationData[];\n  /**\n   * The selected item id.\n   */\n  selected?: string;\n  /**\n   * Triggered when the item is clicked.\n   */\n  onNavigateToTarget?: (\n    event: React.MouseEvent<HTMLLIElement>,\n    item: NavigationData\n  ) => void;\n  /**\n   * Triggered when the navigate to child button is clicked.\n   */\n  onNavigateToChild?: (\n    event: React.MouseEvent<HTMLButtonElement>,\n    item: NavigationData\n  ) => void;\n  /** Aria label to apply to the navigate to submenu button on the list items. */\n  forwardButtonAriaLabel?: string;\n}\n\nexport const HvVerticalNavigationSlider = (\n  props: HvVerticalNavigationSliderProps\n) => {\n  const {\n    id,\n    classes: classesProp,\n    data,\n    selected,\n    onNavigateToTarget,\n    onNavigateToChild,\n    forwardButtonAriaLabel = \"Navigate to submenu\",\n  } = useDefaultProps(\"HvVerticalNavigationSlider\", props);\n  const { classes } = useClasses(classesProp);\n\n  return (\n    <HvListContainer interactive id={id}>\n      {data &&\n        data.map((item) => (\n          <HvListItem\n            key={item.id}\n            classes={{\n              root: classes.root,\n              selected: classes.listItemSelected,\n              focus: classes.listItemFocus,\n            }}\n            onClick={(event) => {\n              onNavigateToTarget?.(event, item);\n            }}\n            aria-label={item.label}\n            aria-current={\n              selected === item.id ? (item.href ? \"page\" : true) : undefined\n            }\n            selected={selected === item.id}\n            startAdornment={item.icon ? <div>{item.icon}</div> : undefined}\n            endAdornment={\n              item.data && item.data.length > 0 ? (\n                <HvButton\n                  icon\n                  onClick={(event) => {\n                    onNavigateToChild?.(event, item);\n                  }}\n                  aria-label={forwardButtonAriaLabel}\n                >\n                  <DropRightXS />\n                </HvButton>\n              ) : undefined\n            }\n          >\n            <HvOverflowTooltip data={item.label} />\n          </HvListItem>\n        ))}\n    </HvListContainer>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AA2Da,MAAA,6BAA6B,CACxC,UACG;AACG,QAAA;AAAA,IACJ;AAAA,IACA,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,yBAAyB;AAAA,EAAA,IACvB,gBAAgB,8BAA8B,KAAK;AACvD,QAAM,EAAE,QAAA,IAAY,WAAW,WAAW;AAGxC,SAAA,oBAAC,mBAAgB,aAAW,MAAC,IAC1B,UACC,QAAA,KAAK,IAAI,CAAC,SACR;AAAA,IAAC;AAAA,IAAA;AAAA,MAEC,SAAS;AAAA,QACP,MAAM,QAAQ;AAAA,QACd,UAAU,QAAQ;AAAA,QAClB,OAAO,QAAQ;AAAA,MACjB;AAAA,MACA,SAAS,CAAC,UAAU;AAClB,6BAAqB,OAAO,IAAI;AAAA,MAClC;AAAA,MACA,cAAY,KAAK;AAAA,MACjB,gBACE,aAAa,KAAK,KAAM,KAAK,OAAO,SAAS,OAAQ;AAAA,MAEvD,UAAU,aAAa,KAAK;AAAA,MAC5B,gBAAgB,KAAK,2BAAQ,OAAK,EAAA,UAAA,KAAK,MAAK,IAAS;AAAA,MACrD,cACE,KAAK,QAAQ,KAAK,KAAK,SAAS,IAC9B;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAI;AAAA,UACJ,SAAS,CAAC,UAAU;AAClB,gCAAoB,OAAO,IAAI;AAAA,UACjC;AAAA,UACA,cAAY;AAAA,UAEZ,8BAAC,aAAY,EAAA;AAAA,QAAA;AAAA,MAEb,IAAA;AAAA,MAGN,UAAC,oBAAA,mBAAA,EAAkB,MAAM,KAAK,OAAO;AAAA,IAAA;AAAA,IA7BhC,KAAK;AAAA,EA+Bb,CAAA,EACL,CAAA;AAEJ;"}

package/dist/esm/VerticalNavigation/NavigationSlider/NavigationSlider.styles.js

@@ -0,0 +1,35 @@
+import { theme } from "@hitachivantara/uikit-styles";
+import { createClasses } from "../../utils/classes.js";
+const { staticClasses, useClasses } = createClasses(
+  "HvVerticalNavigationSlider",
+  {
+    root: {
+      display: "flex",
+      alignItems: "center",
+      borderLeft: `4px solid transparent`,
+      minHeight: "48px",
+      marginBottom: "8px",
+      "& > button": {
+        marginLeft: "auto"
+      }
+    },
+    listItemSelected: {
+      background: theme.colors.atmo3,
+      borderLeft: `4px solid ${theme.colors.secondary}`,
+      "& *": {
+        background: theme.colors.atmo3
+      }
+    },
+    listItemFocus: {
+      background: theme.colors.atmo3,
+      "& *": {
+        background: theme.colors.atmo3
+      }
+    }
+  }
+);
+export {
+  staticClasses,
+  useClasses
+};
+//# sourceMappingURL=NavigationSlider.styles.js.map

package/dist/esm/VerticalNavigation/NavigationSlider/NavigationSlider.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationSlider.styles.js","sources":["../../../../src/VerticalNavigation/NavigationSlider/NavigationSlider.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"../../utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\n  \"HvVerticalNavigationSlider\",\n  {\n    root: {\n      display: \"flex\",\n      alignItems: \"center\",\n      borderLeft: `4px solid transparent`,\n      minHeight: \"48px\",\n      marginBottom: \"8px\",\n      \"& > button\": {\n        marginLeft: \"auto\",\n      },\n    },\n    listItemSelected: {\n      background: theme.colors.atmo3,\n      borderLeft: `4px solid ${theme.colors.secondary}`,\n      \"& *\": {\n        background: theme.colors.atmo3,\n      },\n    },\n    listItemFocus: {\n      background: theme.colors.atmo3,\n      \"& *\": {\n        background: theme.colors.atmo3,\n      },\n    },\n  }\n);\n"],"names":[],"mappings":";;AAIa,MAAA,EAAE,eAAe,WAAA,IAAe;AAAA,EAC3C;AAAA,EACA;AAAA,IACE,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,WAAW;AAAA,MACX,cAAc;AAAA,MACd,cAAc;AAAA,QACZ,YAAY;AAAA,MACd;AAAA,IACF;AAAA,IACA,kBAAkB;AAAA,MAChB,YAAY,MAAM,OAAO;AAAA,MACzB,YAAY,aAAa,MAAM,OAAO,SAAS;AAAA,MAC/C,OAAO;AAAA,QACL,YAAY,MAAM,OAAO;AAAA,MAC3B;AAAA,IACF;AAAA,IACA,eAAe;AAAA,MACb,YAAY,MAAM,OAAO;AAAA,MACzB,OAAO;AAAA,QACL,YAAY,MAAM,OAAO;AAAA,MAC3B;AAAA,IACF;AAAA,EACF;AACF;"}

package/dist/esm/VerticalNavigation/NavigationSlider/utils/NavigationSlider.utils.js

@@ -0,0 +1,44 @@
+const searchInCollection = (collection, childrenPropName, propName, propValue) => {
+  if (collection[propName] === propValue) {
+    return collection;
+  }
+  const items = collection[childrenPropName] || collection;
+  let foundItem = null;
+  for (let index = 0; foundItem === null && index < items.length; index += 1) {
+    foundItem = searchInCollection(
+      items[index],
+      childrenPropName,
+      propName,
+      propValue
+    );
+  }
+  return foundItem;
+};
+const getNavigationItemById = (navigationItems, navigationItemId) => {
+  return searchInCollection(navigationItems, "data", "id", navigationItemId);
+};
+const getParentItemById = (navigationItems, navigationItemId) => {
+  const parentId = getNavigationItemById(
+    navigationItems,
+    navigationItemId
+  )?.parent;
+  return getNavigationItemById(navigationItems, parentId);
+};
+const fillDataWithParentId = (navigationItems, parentItemId) => {
+  return navigationItems.map((item) => {
+    if (item?.data?.length > 0) {
+      return {
+        ...item,
+        parent: parentItemId,
+        data: fillDataWithParentId(item.data, item.id)
+      };
+    }
+    return { ...item, parent: parentItemId };
+  });
+};
+export {
+  fillDataWithParentId,
+  getNavigationItemById,
+  getParentItemById
+};
+//# sourceMappingURL=NavigationSlider.utils.js.map

package/dist/esm/VerticalNavigation/NavigationSlider/utils/NavigationSlider.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationSlider.utils.js","sources":["../../../../../src/VerticalNavigation/NavigationSlider/utils/NavigationSlider.utils.tsx"],"sourcesContent":["/**\n * Recursively searches in a collection the first element where the property matches the specified value.\n *\n * @param collection - Collection where the search will be performed\n * @param childrenPropName - The children property name where the recursive search will be performed\n * @param propName - The name of the property to be used on the search\n * @param propValue - The value of the property to be used on the search\n * @returns The element that matches the requirement or null if none is found\n */\nconst searchInCollection = (\n  collection,\n  childrenPropName,\n  propName,\n  propValue\n) => {\n  if (collection[propName] === propValue) {\n    return collection;\n  }\n\n  const items = collection[childrenPropName] || collection;\n\n  let foundItem = null;\n  for (let index = 0; foundItem === null && index < items.length; index += 1) {\n    foundItem = searchInCollection(\n      items[index],\n      childrenPropName,\n      propName,\n      propValue\n    );\n  }\n  return foundItem;\n};\n\n/**\n * Returns the navigation item with the specified id.\n *\n * @param navigationItems - The collection of navigation items.\n * @param navigationItemId - The id to be used on the search\n * @returns The navigation item with the specified id.\n */\nconst getNavigationItemById = (navigationItems, navigationItemId) => {\n  return searchInCollection(navigationItems, \"data\", \"id\", navigationItemId);\n};\n\n/**\n * Returns the parent item for the received item id.\n *\n * @param navigationItems - The collection of navigation items.\n * @param navigationItemId - The id to be used on the search\n * @returns The parent navigation item.\n */\nconst getParentItemById = (navigationItems, navigationItemId) => {\n  const parentId = getNavigationItemById(\n    navigationItems,\n    navigationItemId\n  )?.parent;\n  return getNavigationItemById(navigationItems, parentId);\n};\n\n/**\n * Fills the data structure with the parent id on each one of the nodes.\n *\n * @param navigationItems - The collection of navigation items.\n * @param parentItemId - The parent id to be added.\n * @returns The structure now filled with the parent id.\n */\nconst fillDataWithParentId = (navigationItems, parentItemId?) => {\n  return navigationItems.map((item) => {\n    if (item?.data?.length > 0) {\n      return {\n        ...item,\n        parent: parentItemId,\n        data: fillDataWithParentId(item.data, item.id),\n      };\n    }\n    return { ...item, parent: parentItemId };\n  });\n};\n\nexport { getNavigationItemById, getParentItemById, fillDataWithParentId };\n"],"names":[],"mappings":"AASA,MAAM,qBAAqB,CACzB,YACA,kBACA,UACA,cACG;AACC,MAAA,WAAW,QAAQ,MAAM,WAAW;AAC/B,WAAA;AAAA,EACT;AAEM,QAAA,QAAQ,WAAW,gBAAgB,KAAK;AAE9C,MAAI,YAAY;AACP,WAAA,QAAQ,GAAG,cAAc,QAAQ,QAAQ,MAAM,QAAQ,SAAS,GAAG;AAC9D,gBAAA;AAAA,MACV,MAAM,KAAK;AAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AACO,SAAA;AACT;AASM,MAAA,wBAAwB,CAAC,iBAAiB,qBAAqB;AACnE,SAAO,mBAAmB,iBAAiB,QAAQ,MAAM,gBAAgB;AAC3E;AASM,MAAA,oBAAoB,CAAC,iBAAiB,qBAAqB;AAC/D,QAAM,WAAW;AAAA,IACf;AAAA,IACA;AAAA,EACC,GAAA;AACI,SAAA,sBAAsB,iBAAiB,QAAQ;AACxD;AASM,MAAA,uBAAuB,CAAC,iBAAiB,iBAAkB;AACxD,SAAA,gBAAgB,IAAI,CAAC,SAAS;AAC/B,QAAA,MAAM,MAAM,SAAS,GAAG;AACnB,aAAA;AAAA,QACL,GAAG;AAAA,QACH,QAAQ;AAAA,QACR,MAAM,qBAAqB,KAAK,MAAM,KAAK,EAAE;AAAA,MAAA;AAAA,IAEjD;AACA,WAAO,EAAE,GAAG,MAAM,QAAQ,aAAa;AAAA,EAAA,CACxC;AACH;"}

package/dist/esm/VerticalNavigation/TreeView/IconWrapper/IconWrapper.js

@@ -0,0 +1,41 @@
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+import { useContext } from "react";
+import { Forwards } from "@hitachivantara/uikit-react-icons";
+import { VerticalNavigationContext } from "../../VerticalNavigationContext.js";
+import { StyledIconsContainer, SpacerDiv } from "./IconWrapper.styles.js";
+import { TooltipWrapper } from "../TooltipWrapper/TooltipWrapper.js";
+import { HvAvatar } from "../../../Avatar/Avatar.js";
+const IconWrapper = ({
+  icon,
+  label,
+  hasChildren,
+  showAvatar,
+  isOpen,
+  disableTooltip
+}) => {
+  const { hasAnyChildWithData } = useContext(VerticalNavigationContext);
+  return /* @__PURE__ */ jsx(
+    TooltipWrapper,
+    {
+      showTooltip: !hasChildren && !isOpen && !disableTooltip,
+      label,
+      children: /* @__PURE__ */ jsxs(StyledIconsContainer, { hasAnyChildWithData, children: [
+        showAvatar ? /* @__PURE__ */ jsx(
+          HvAvatar,
+          {
+            variant: "square",
+            size: "xs",
+            backgroundColor: "secondary_80",
+            style: { fontSize: "15px" },
+            children: label.substring(0, 1)
+          }
+        ) : icon,
+        hasChildren && !isOpen ? /* @__PURE__ */ jsx(Forwards, { iconSize: "XS" }) : hasAnyChildWithData && !isOpen && /* @__PURE__ */ jsx(SpacerDiv, {})
+      ] })
+    }
+  );
+};
+export {
+  IconWrapper
+};
+//# sourceMappingURL=IconWrapper.js.map

package/dist/esm/VerticalNavigation/TreeView/IconWrapper/IconWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconWrapper.js","sources":["../../../../../src/VerticalNavigation/TreeView/IconWrapper/IconWrapper.tsx"],"sourcesContent":["import { useContext } from \"react\";\nimport { Forwards } from \"@hitachivantara/uikit-react-icons\";\n\nimport { HvAvatar } from \"../../../Avatar\";\n\nimport { VerticalNavigationContext } from \"../../VerticalNavigationContext\";\nimport { TooltipWrapper } from \"../TooltipWrapper\";\nimport { SpacerDiv, StyledIconsContainer } from \"./IconWrapper.styles\";\n\nexport const IconWrapper = ({\n  icon,\n  label,\n  hasChildren,\n  showAvatar,\n  isOpen,\n  disableTooltip,\n}) => {\n  const { hasAnyChildWithData } = useContext(VerticalNavigationContext);\n  return (\n    <TooltipWrapper\n      showTooltip={!hasChildren && !isOpen && !disableTooltip}\n      label={label}\n    >\n      <StyledIconsContainer hasAnyChildWithData={hasAnyChildWithData}>\n        {showAvatar ? (\n          <HvAvatar\n            variant=\"square\"\n            size=\"xs\"\n            backgroundColor=\"secondary_80\"\n            style={{ fontSize: \"15px\" }}\n          >\n            {label.substring(0, 1)}\n          </HvAvatar>\n        ) : (\n          icon\n        )}\n\n        {hasChildren && !isOpen ? (\n          <Forwards iconSize=\"XS\" />\n        ) : (\n          hasAnyChildWithData && !isOpen && <SpacerDiv />\n        )}\n      </StyledIconsContainer>\n    </TooltipWrapper>\n  );\n};\n"],"names":[],"mappings":";;;;;;;AASO,MAAM,cAAc,CAAC;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,EAAE,oBAAA,IAAwB,WAAW,yBAAyB;AAElE,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAa,CAAC,eAAe,CAAC,UAAU,CAAC;AAAA,MACzC;AAAA,MAEA,UAAA,qBAAC,wBAAqB,qBACnB,UAAA;AAAA,QACC,aAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,iBAAgB;AAAA,YAChB,OAAO,EAAE,UAAU,OAAO;AAAA,YAEzB,UAAA,MAAM,UAAU,GAAG,CAAC;AAAA,UAAA;AAAA,QAAA,IAGvB;AAAA,QAGD,eAAe,CAAC,SACf,oBAAC,UAAS,EAAA,UAAS,MAAK,IAExB,uBAAuB,CAAC,UAAU,oBAAC,WAAU,CAAA,CAAA;AAAA,MAAA,GAEjD;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/esm/VerticalNavigation/TreeView/IconWrapper/IconWrapper.styles.js

@@ -0,0 +1,19 @@
+import styled from "@emotion/styled";
+const StyledIconsContainer = styled("div")(
+  ({ hasAnyChildWithData }) => ({
+    display: "flex",
+    [`> div:first-of-type`]: {
+      marginLeft: hasAnyChildWithData ? "auto" : "unset"
+    },
+    [`> div:nth-of-type(2)`]: {
+      width: "14px",
+      marginLeft: "auto"
+    }
+  })
+);
+const SpacerDiv = styled("div")({});
+export {
+  SpacerDiv,
+  StyledIconsContainer
+};
+//# sourceMappingURL=IconWrapper.styles.js.map

package/dist/esm/VerticalNavigation/TreeView/IconWrapper/IconWrapper.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconWrapper.styles.js","sources":["../../../../../src/VerticalNavigation/TreeView/IconWrapper/IconWrapper.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\n\ninterface StyledIconsContainerProps {\n  hasAnyChildWithData?: boolean;\n}\n\nexport const StyledIconsContainer = styled(\"div\")(\n  ({ hasAnyChildWithData }: StyledIconsContainerProps) => ({\n    display: \"flex\",\n\n    [`> div:first-of-type`]: {\n      marginLeft: hasAnyChildWithData ? \"auto\" : \"unset\",\n    },\n\n    [`> div:nth-of-type(2)`]: {\n      width: \"14px\",\n      marginLeft: \"auto\",\n    },\n  })\n);\n\nexport const SpacerDiv = styled(\"div\")({});\n"],"names":[],"mappings":";AAMa,MAAA,uBAAuB,OAAO,KAAK;AAAA,EAC9C,CAAC,EAAE,oBAAA,OAAsD;AAAA,IACvD,SAAS;AAAA,IAET,CAAC,qBAAqB,GAAG;AAAA,MACvB,YAAY,sBAAsB,SAAS;AAAA,IAC7C;AAAA,IAEA,CAAC,sBAAsB,GAAG;AAAA,MACxB,OAAO;AAAA,MACP,YAAY;AAAA,IACd;AAAA,EAAA;AAEJ;AAEO,MAAM,YAAY,OAAO,KAAK,EAAE,CAAE,CAAA;"}

package/dist/esm/VerticalNavigation/TreeView/TooltipWrapper/TooltipWrapper.js

@@ -0,0 +1,25 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import { HvTooltip } from "../../../Tooltip/Tooltip.js";
+import { HvTypography } from "../../../Typography/Typography.js";
+const TooltipWrapper = ({
+  showTooltip,
+  label,
+  children,
+  placement = "right"
+}) => {
+  if (showTooltip) {
+    return /* @__PURE__ */ jsx(
+      HvTooltip,
+      {
+        title: /* @__PURE__ */ jsx(HvTypography, { children: label }),
+        placement,
+        children
+      }
+    );
+  }
+  return children;
+};
+export {
+  TooltipWrapper
+};
+//# sourceMappingURL=TooltipWrapper.js.map

package/dist/esm/VerticalNavigation/TreeView/TooltipWrapper/TooltipWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TooltipWrapper.js","sources":["../../../../../src/VerticalNavigation/TreeView/TooltipWrapper/TooltipWrapper.tsx"],"sourcesContent":["import { HvTooltip, HvTooltipPlacementType } from \"../../../Tooltip\";\nimport { HvTypography } from \"../../../Typography\";\n\ninterface TooltipWrapperProps {\n  showTooltip: boolean;\n  label: string;\n  children: React.ReactElement;\n  placement?: HvTooltipPlacementType;\n}\n\nexport const TooltipWrapper = ({\n  showTooltip,\n  label,\n  children,\n  placement = \"right\",\n}: TooltipWrapperProps) => {\n  if (showTooltip) {\n    return (\n      <HvTooltip\n        title={<HvTypography>{label}</HvTypography>}\n        placement={placement}\n      >\n        {children}\n      </HvTooltip>\n    );\n  }\n  return children;\n};\n"],"names":[],"mappings":";;;AAUO,MAAM,iBAAiB,CAAC;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AACd,MAA2B;AACzB,MAAI,aAAa;AAEb,WAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAQ,oBAAA,cAAA,EAAc,UAAM,MAAA,CAAA;AAAA,QAC5B;AAAA,QAEC;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACO,SAAA;AACT;"}