@hitachivantara/uikit-react-core 6.8.2 → 6.9.0

package/dist/VerticalNavigation/NavigationSlider/NavigationSlider.js

@@ -1,66 +1,48 @@
-import { jsx } from "react/jsx-runtime";
-import { useDefaultProps } from "@hitachivantara/uikit-react-utils";
-import { HvIcon } from "../../icons.js";
-import { useClasses } from "./NavigationSlider.styles.js";
-import { staticClasses } from "./NavigationSlider.styles.js";
 import { HvListContainer } from "../../ListContainer/ListContainer.js";
-import { HvOverflowTooltip } from "../../OverflowTooltip/OverflowTooltip.js";
-import { HvButton } from "../../Button/Button.js";
 import { HvListItem } from "../../ListContainer/ListItem/ListItem.js";
-const HvVerticalNavigationSlider = (props) => {
-  const {
-    className,
-    classes: classesProp,
-    data,
-    selected,
-    onNavigateToTarget,
-    onNavigateToChild,
-    forwardButtonAriaLabel = "Navigate to submenu",
-    ...others
-  } = useDefaultProps("HvVerticalNavigationSlider", props);
-  const { classes, cx } = useClasses(classesProp);
-  return /* @__PURE__ */ jsx(
-    HvListContainer,
-    {
-      interactive: true,
-      className: cx(classes.listContainer, className),
-      ...others,
-      children: data?.map((item) => /* @__PURE__ */ jsx(
-        HvListItem,
-        {
-          classes: {
-            root: classes.root,
-            selected: classes.listItemSelected,
-            focus: classes.listItemFocus,
-            disabled: classes.listItemDisabled
-          },
-          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);
-              },
-              className: classes.forwardButton,
-              "aria-label": forwardButtonAriaLabel,
-              children: /* @__PURE__ */ jsx(HvIcon, { name: "CaretRight", size: "xs" })
-            }
-          ) : void 0,
-          children: /* @__PURE__ */ jsx(HvOverflowTooltip, { data: item.label })
-        },
-        item.id
-      ))
-    }
-  );
-};
-export {
-  HvVerticalNavigationSlider,
-  staticClasses as verticalNavigationSliderClasses
+import { HvIcon } from "../../icons.js";
+import { HvButton } from "../../Button/Button.js";
+import { HvOverflowTooltip } from "../../OverflowTooltip/OverflowTooltip.js";
+import { useClasses } from "./NavigationSlider.styles.js";
+import { useDefaultProps } from "@hitachivantara/uikit-react-utils";
+import { jsx } from "react/jsx-runtime";
+//#region src/VerticalNavigation/NavigationSlider/NavigationSlider.tsx
+var HvVerticalNavigationSlider = (props) => {
+	const { className, classes: classesProp, data, selected, onNavigateToTarget, onNavigateToChild, forwardButtonAriaLabel = "Navigate to submenu", ...others } = useDefaultProps("HvVerticalNavigationSlider", props);
+	const { classes, cx } = useClasses(classesProp);
+	return /* @__PURE__ */ jsx(HvListContainer, {
+		interactive: true,
+		className: cx(classes.listContainer, className),
+		...others,
+		children: data?.map((item) => /* @__PURE__ */ jsx(HvListItem, {
+			classes: {
+				root: classes.root,
+				selected: classes.listItemSelected,
+				focus: classes.listItemFocus,
+				disabled: classes.listItemDisabled
+			},
+			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);
+				},
+				className: classes.forwardButton,
+				"aria-label": forwardButtonAriaLabel,
+				children: /* @__PURE__ */ jsx(HvIcon, {
+					name: "CaretRight",
+					size: "xs"
+				})
+			}) : void 0,
+			children: /* @__PURE__ */ jsx(HvOverflowTooltip, { data: item.label })
+		}, item.id))
+	});
 };
+//#endregion
+export { HvVerticalNavigationSlider };

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

@@ -1,34 +1,24 @@
-import { createClasses } from "@hitachivantara/uikit-react-utils";
 import { theme } from "@hitachivantara/uikit-styles";
-const { staticClasses, useClasses } = createClasses(
-  "HvVerticalNavigationSlider",
-  {
-    root: {
-      display: "flex",
-      alignItems: "center",
-      borderLeft: `4px solid transparent`,
-      minHeight: "48px",
-      color: "inherit",
-      marginBottom: "8px",
-      "& > button": {
-        marginLeft: "auto"
-      }
-    },
-    listItemSelected: {
-      backgroundColor: theme.colors.bgPageSecondary,
-      borderLeft: `4px solid ${theme.colors.text}`
-    },
-    listItemFocus: {
-      backgroundColor: theme.colors.bgPageSecondary
-    },
-    forwardButton: {
-      color: "inherit"
-    },
-    listContainer: {},
-    listItemDisabled: {}
-  }
-);
-export {
-  staticClasses,
-  useClasses
-};
+import { createClasses } from "@hitachivantara/uikit-react-utils";
+//#region src/VerticalNavigation/NavigationSlider/NavigationSlider.styles.tsx
+var { staticClasses, useClasses } = createClasses("HvVerticalNavigationSlider", {
+	root: {
+		display: "flex",
+		alignItems: "center",
+		borderLeft: `4px solid transparent`,
+		minHeight: "48px",
+		color: "inherit",
+		marginBottom: "8px",
+		"& > button": { marginLeft: "auto" }
+	},
+	listItemSelected: {
+		backgroundColor: theme.colors.bgPageSecondary,
+		borderLeft: `4px solid ${theme.colors.text}`
+	},
+	listItemFocus: { backgroundColor: theme.colors.bgPageSecondary },
+	forwardButton: { color: "inherit" },
+	listContainer: {},
+	listItemDisabled: {}
+});
+//#endregion
+export { staticClasses, useClasses };

package/dist/VerticalNavigation/NavigationSlider/utils.js

@@ -1,43 +1,60 @@
-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;
+//#region src/VerticalNavigation/NavigationSlider/utils.ts
+/**
+* Recursively searches in a collection the first element where the property matches the specified value.
+*
+* @param collection - Collection where the search will be performed
+* @param childrenPropName - The children property name where the recursive search will be performed
+* @param propName - The name of the property to be used on the search
+* @param propValue - The value of the property to be used on the search
+* @returns The element that matches the requirement or null if none is found
+*/
+var 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);
+/**
+* Returns the navigation item with the specified id.
+*
+* @param navigationItems - The collection of navigation items.
+* @param navigationItemId - The id to be used on the search
+* @returns The navigation item with the specified id.
+*/
+var getNavigationItemById = (navigationItems, navigationItemId) => {
+	return searchInCollection(navigationItems, "data", "id", navigationItemId);
 };
-const getParentItemById = (navigationItems, navigationItemId) => {
-  const parentId = getNavigationItemById(
-    navigationItems,
-    navigationItemId
-  )?.parent;
-  return getNavigationItemById(navigationItems, parentId);
+/**
+* Returns the parent item for the received item id.
+*
+* @param navigationItems - The collection of navigation items.
+* @param navigationItemId - The id to be used on the search
+* @returns The parent navigation item.
+*/
+var 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
+/**
+* Fills the data structure with the parent id on each one of the nodes.
+*
+* @param navigationItems - The collection of navigation items.
+* @param parentItemId - The parent id to be added.
+* @returns The structure now filled with the parent id.
+*/
+var 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
+		};
+	});
 };
+//#endregion
+export { fillDataWithParentId, getNavigationItemById, getParentItemById };