@hitachivantara/uikit-react-core 5.71.0 → 5.72.1

package/dist/types/index.d.ts

@@ -406,7 +406,7 @@ export declare interface Breakpoint {
     cols?: number;
     maxWidth?: number;
     minWidth?: number;
-    spacing?: Spacing;
+    spacing?: HvBreakpoints;
 }
 
 export declare const buildAriaPropsFromContext: (props: InputBaseComponentProps, context: HvFormElementDescriptorsContextValue, isInvalid: boolean, inputId?: string) => default_2.AriaAttributes;
@@ -1020,13 +1020,13 @@ export declare const globalActionsClasses: {
     section: "HvGlobalActions-section";
     wrapper: "HvGlobalActions-wrapper";
     sectionName: "HvGlobalActions-sectionName";
-    backButton: "HvGlobalActions-backButton";
     positionFixed: "HvGlobalActions-positionFixed";
     positionSticky: "HvGlobalActions-positionSticky";
     actions: "HvGlobalActions-actions";
     global: "HvGlobalActions-global";
     globalSectionArea: "HvGlobalActions-globalSectionArea";
     globalWrapperComplement: "HvGlobalActions-globalWrapperComplement";
+    backButton: "HvGlobalActions-backButton";
 };
 
 export declare const gridClasses: {
@@ -3953,7 +3953,7 @@ export declare type HvGridSpacing = "xs" | "sm" | "md" | "lg" | "xl" | "auto" |
  */
 export declare const HvHeader: (props: HvHeaderProps) => JSX_3.Element;
 
-export declare const HvHeaderActions: (props: HvHeaderActionsProps) => JSX_3.Element;
+export declare const HvHeaderActions: ForwardRefExoticComponent<HvHeaderActionsProps & RefAttributes<HTMLDivElement>>;
 
 export declare type HvHeaderActionsClasses = ExtractNames<typeof useClasses_76>;
 
@@ -3964,7 +3964,7 @@ export declare interface HvHeaderActionsProps extends HvBaseProps {
 /**
  * Header component is used to render a header bar with logo and brand name, navigation and actions.
  */
-export declare const HvHeaderBrand: (props: HvHeaderBrandProps) => JSX_3.Element;
+export declare const HvHeaderBrand: ForwardRefExoticComponent<HvHeaderBrandProps & RefAttributes<HTMLDivElement>>;
 
 export declare type HvHeaderBrandClasses = ExtractNames<typeof useClasses_77>;
 
@@ -4006,7 +4006,7 @@ declare interface HvHeaderMenuItemProps extends HvBaseProps<HTMLDivElement, "onC
     classes?: HvHeaderMenuItemClasses;
 }
 
-export declare const HvHeaderNavigation: (props: HvHeaderNavigationProps) => JSX_3.Element;
+export declare const HvHeaderNavigation: ForwardRefExoticComponent<HvHeaderNavigationProps & RefAttributes<HTMLElement>>;
 
 export declare type HvHeaderNavigationClasses = ExtractNames<typeof useClasses_80>;
 
@@ -5704,23 +5704,16 @@ export declare type HvSimpleGridClasses = ExtractNames<typeof useClasses_100>;
 
 /** Grid component that enables you to create columns of equal width and define your own breakpoints and responsive behavior. */
 export declare interface HvSimpleGridProps extends HvBaseProps {
-    /**
-     * Spacing with pre-defined values according the values defined in the theme
-     */
-    spacing?: Spacing;
+    /** Spacing with pre-defined values according the values defined in the theme */
+    spacing?: HvBreakpoints;
     /**
      * Provide an array to define responsive behavior:
-     *
-     *    maxWidth or minWidth: max-width or min-width at which media query will work
-     *
-     *    cols: number of columns per row at given max-width
-     *
-     *    spacing: optional spacing at given max-width, if not provided spacing from component prop will be used instead
+     * - `maxWidth` or `minWidth`: max-width or min-width at which media query will work
+     * - `cols`: number of columns per row at given max-width
+     * - `spacing`: optional spacing at given max-width, if not provided spacing from component prop will be used instead
      */
     breakpoints?: Breakpoint[];
-    /**
-     * Number of how many columns the content will be displayed
-     */
+    /** Number of how many columns the content will be displayed */
     cols?: number;
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvSimpleGridClasses;
@@ -7178,21 +7171,19 @@ export declare interface HvValidationMessages {
  *
  * Both modes are available via the `mode` property and each app should choose the most appropriate.
  */
-export declare const HvVerticalNavigation: (props: HvVerticalNavigationProps) => JSX_3.Element;
+export declare const HvVerticalNavigation: ForwardRefExoticComponent<HvVerticalNavigationProps & RefAttributes<HTMLDivElement>>;
 
 export declare const HvVerticalNavigationAction: (props: HvVerticalNavigationActionProps) => JSX_3.Element;
 
 export declare type HvVerticalNavigationActionClasses = ExtractNames<typeof useClasses_123>;
 
-export declare interface HvVerticalNavigationActionProps extends Omit<HvTypographyProps, "classes" | "onClick"> {
+export declare interface HvVerticalNavigationActionProps extends Omit<HvButtonProps, "classes" | "icon"> {
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvVerticalNavigationActionClasses;
     /** Visual label. */
     label?: string;
     /** Icon. */
     icon?: React.ReactNode;
-    /** Callback called when clicked. */
-    onClick?: (event: React.KeyboardEvent<HTMLDivElement> | React.MouseEvent<HTMLDivElement>) => void;
 }
 
 export declare const HvVerticalNavigationActions: (props: HvVerticalNavigationActionsProps) => JSX_3.Element;
@@ -7976,7 +7967,7 @@ export declare const snackbarProviderClasses: {
     snackItemRoot: "HvSnackbarProvider-snackItemRoot";
 };
 
-export declare type Spacing = "sm" | "md" | "lg" | "xl";
+export declare type Spacing = HvBreakpoints;
 
 export declare const stackClasses: {
     xs: "HvStack-xs";
@@ -8722,13 +8713,13 @@ declare const useClasses_120: (classesProp?: Partial<Record<"root" | "slider" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_121: (classesProp?: Partial<Record<"root" | "title" | "backButton" | "collapseButton" | "minimized", string>>, addStatic?: boolean) => {
+declare const useClasses_121: (classesProp?: Partial<Record<"root" | "title" | "backButton" | "minimized" | "collapseButton", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         title: string;
         backButton: string;
-        collapseButton: string;
         minimized: string;
+        collapseButton: string;
     };
     css: any;
     cx: (...args: any) => string;
@@ -8753,27 +8744,27 @@ declare const useClasses_123: (classesProp?: Partial<Record<"action" | "minimize
     cx: (...args: any) => string;
 };
 
-declare const useClasses_124: (classesProp?: Partial<Record<"root" | "listItem" | "list" | "navigationPopup" | "collapsed" | "popup", string>>, addStatic?: boolean) => {
+declare const useClasses_124: (classesProp?: Partial<Record<"root" | "listItem" | "list" | "collapsed" | "popup" | "navigationPopup", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         listItem: string;
         list: string;
-        navigationPopup: string;
         collapsed: string;
         popup: string;
+        navigationPopup: string;
     };
     css: any;
     cx: (...args: any) => string;
 };
 
-declare const useClasses_125: (classesProp?: Partial<Record<"root" | "listItemSelected" | "listItemDisabled" | "listItemFocus" | "forwardButton" | "listContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_125: (classesProp?: Partial<Record<"root" | "listItemSelected" | "listItemDisabled" | "listItemFocus" | "listContainer" | "forwardButton", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         listItemSelected: string;
         listItemDisabled: string;
         listItemFocus: string;
-        forwardButton: string;
         listContainer: string;
+        forwardButton: string;
     };
     css: any;
     cx: (...args: any) => string;
@@ -9837,20 +9828,20 @@ declare const useClasses_72: (classesProp?: Partial<Record<"name" | "small" | "r
     cx: (...args: any) => string;
 };
 
-declare const useClasses_73: (classesProp?: Partial<Record<"name" | "root" | "section" | "wrapper" | "sectionName" | "backButton" | "positionFixed" | "positionSticky" | "actions" | "global" | "globalSectionArea" | "globalWrapperComplement", string>>, addStatic?: boolean) => {
+declare const useClasses_73: (classesProp?: Partial<Record<"name" | "root" | "section" | "wrapper" | "sectionName" | "positionFixed" | "positionSticky" | "actions" | "global" | "globalSectionArea" | "globalWrapperComplement" | "backButton", string>>, addStatic?: boolean) => {
     classes: {
         name: string;
         root: string;
         section: string;
         wrapper: string;
         sectionName: string;
-        backButton: string;
         positionFixed: string;
         positionSticky: string;
         actions: string;
         global: string;
         globalSectionArea: string;
         globalWrapperComplement: string;
+        backButton: string;
     };
     css: any;
     cx: (...args: any) => string;
@@ -9925,27 +9916,28 @@ declare const useClasses_77: (classesProp?: Partial<Record<"root" | "separator"
     cx: (...args: any) => string;
 };
 
-declare const useClasses_78: (classesProp?: Partial<Record<"root" | "active" | "list" | "menu" | "menubar" | "hidden", string>>, addStatic?: boolean) => {
+declare const useClasses_78: (classesProp?: Partial<Record<"root" | "active" | "list" | "hidden" | "menu" | "menubar", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         active: string;
         list: string;
+        hidden: string;
         menu: string;
         menubar: string;
-        hidden: string;
     };
     css: any;
     cx: (...args: any) => string;
 };
 
-declare const useClasses_79: (classesProp?: Partial<Record<"link" | "root" | "menu" | "menubar" | "selected" | "button", string>>, addStatic?: boolean) => {
+declare const useClasses_79: (classesProp?: Partial<Record<"link" | "root" | "selected" | "button" | "menu" | "menubar" | "item", string>>, addStatic?: boolean) => {
     classes: {
         link: string;
         root: string;
-        menu: string;
-        menubar: string;
         selected: string;
         button: string;
+        menu: string;
+        menubar: string;
+        item: string;
     };
     css: any;
     cx: (...args: any) => string;
@@ -10737,7 +10729,6 @@ declare interface VerticalNavigationContextValue {
     useIcons: boolean;
     slider?: boolean;
     headerTitle?: string;
-    setHeaderTitle?: React.Dispatch<React.SetStateAction<string | undefined>>;
     parentItem?: any;
     setParentItem?: React.Dispatch<React.SetStateAction<any>>;
     withParentData?: any;
@@ -10754,8 +10745,8 @@ export declare const verticalNavigationHeaderClasses: {
     root: "HvVerticalNavigationHeader-root";
     title: "HvVerticalNavigationHeader-title";
     backButton: "HvVerticalNavigationHeader-backButton";
-    collapseButton: "HvVerticalNavigationHeader-collapseButton";
     minimized: "HvVerticalNavigationHeader-minimized";
+    collapseButton: "HvVerticalNavigationHeader-collapseButton";
 };
 
 export declare const verticalNavigationSliderClasses: {
@@ -10763,17 +10754,17 @@ export declare const verticalNavigationSliderClasses: {
     listItemSelected: "HvVerticalNavigationSlider-listItemSelected";
     listItemDisabled: "HvVerticalNavigationSlider-listItemDisabled";
     listItemFocus: "HvVerticalNavigationSlider-listItemFocus";
-    forwardButton: "HvVerticalNavigationSlider-forwardButton";
     listContainer: "HvVerticalNavigationSlider-listContainer";
+    forwardButton: "HvVerticalNavigationSlider-forwardButton";
 };
 
 export declare const verticalNavigationTreeClasses: {
     root: "HvVerticalNavigationTree-root";
     listItem: "HvVerticalNavigationTree-listItem";
     list: "HvVerticalNavigationTree-list";
-    navigationPopup: "HvVerticalNavigationTree-navigationPopup";
     collapsed: "HvVerticalNavigationTree-collapsed";
     popup: "HvVerticalNavigationTree-popup";
+    navigationPopup: "HvVerticalNavigationTree-navigationPopup";
 };
 
 export declare const verticalScrollListItemClasses: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hitachivantara/uikit-react-core",
-  "version": "5.71.0",
+  "version": "5.72.1",
   "private": false,
   "author": "Hitachi Vantara UI Kit Team",
   "description": "Core React components for the NEXT Design System.",
@@ -32,10 +32,10 @@
   "dependencies": {
     "@emotion/cache": "^11.11.0",
     "@emotion/serialize": "^1.1.2",
-    "@hitachivantara/uikit-react-icons": "^5.10.10",
-    "@hitachivantara/uikit-react-shared": "^5.3.2",
-    "@hitachivantara/uikit-react-utils": "^0.2.2",
-    "@hitachivantara/uikit-styles": "^5.33.0",
+    "@hitachivantara/uikit-react-icons": "^5.11.1",
+    "@hitachivantara/uikit-react-shared": "^5.3.4",
+    "@hitachivantara/uikit-react-utils": "^0.2.4",
+    "@hitachivantara/uikit-styles": "^5.33.2",
     "@internationalized/date": "^3.2.0",
     "@mui/base": "^5.0.0-beta.40",
     "@popperjs/core": "^2.11.8",
@@ -62,7 +62,7 @@
     "access": "public",
     "directory": "package"
   },
-  "gitHead": "0d5d16d53355e4d4501d3885b6444d217e9d74c9",
+  "gitHead": "b6ee74d9581f4f8d3014c785c6ceb86c481d3b3f",
   "exports": {
     ".": {
       "types": "./dist/types/index.d.ts",

package/dist/cjs/VerticalNavigation/TreeView/IconWrapper/IconWrapper.cjs

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
-const Avatar = require("../../../Avatar/Avatar.cjs");
-const IconWrapper = ({
-  icon,
-  label,
-  hasChildren,
-  showAvatar,
-  isOpen,
-  hasAnyChildWithData,
-  ...others
-}) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ...others, children: [
-    showAvatar ? /* @__PURE__ */ jsxRuntime.jsx(Avatar.HvAvatar, { variant: "square", size: "xs", backgroundColor: "secondary_80", children: label?.substring(0, 1) }) : icon,
-    hasChildren && !isOpen ? /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Forwards, { iconSize: "XS" }) : hasAnyChildWithData && !isOpen && /* @__PURE__ */ jsxRuntime.jsx("div", {})
-  ] });
-};
-exports.IconWrapper = IconWrapper;

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

@@ -1 +0,0 @@
-{"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: any,\n  childrenPropName: any,\n  propName: any,\n  propValue: any,\n): any => {\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: any, navigationItemId: any) => {\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: any, navigationItemId: any) => {\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: any, parentItemId?: any) => {\n  return navigationItems.map((item: any) => {\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,cACQ;AACJ,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,iBAAsB,qBAA0B;AAC7E,SAAO,mBAAmB,iBAAiB,QAAQ,MAAM,gBAAgB;AAC3E;AASM,MAAA,oBAAoB,CAAC,iBAAsB,qBAA0B;AACzE,QAAM,WAAW;AAAA,IACf;AAAA,IACA;AAAA,EACC,GAAA;AACI,SAAA,sBAAsB,iBAAiB,QAAQ;AACxD;AASM,MAAA,uBAAuB,CAAC,iBAAsB,iBAAuB;AAClE,SAAA,gBAAgB,IAAI,CAAC,SAAc;AACpC,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

@@ -1,20 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { Forwards } from "@hitachivantara/uikit-react-icons";
-import { HvAvatar } from "../../../Avatar/Avatar.js";
-const IconWrapper = ({
-  icon,
-  label,
-  hasChildren,
-  showAvatar,
-  isOpen,
-  hasAnyChildWithData,
-  ...others
-}) => {
-  return /* @__PURE__ */ jsxs("div", { ...others, children: [
-    showAvatar ? /* @__PURE__ */ jsx(HvAvatar, { variant: "square", size: "xs", backgroundColor: "secondary_80", children: label?.substring(0, 1) }) : icon,
-    hasChildren && !isOpen ? /* @__PURE__ */ jsx(Forwards, { iconSize: "XS" }) : hasAnyChildWithData && !isOpen && /* @__PURE__ */ jsx("div", {})
-  ] });
-};
-export {
-  IconWrapper
-};

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

@@ -1 +0,0 @@
-{"version":3,"file":"IconWrapper.js","sources":["../../../../../src/VerticalNavigation/TreeView/IconWrapper/IconWrapper.tsx"],"sourcesContent":["import { HvBaseProps } from \"packages/core/src/types/generic\";\nimport { Forwards } from \"@hitachivantara/uikit-react-icons\";\n\nimport { HvAvatar } from \"../../../Avatar\";\n\ninterface IconWrapperProps extends HvBaseProps {\n  icon?: React.ReactNode;\n  label?: string;\n  hasChildren?: boolean;\n  showAvatar?: boolean;\n  isOpen?: boolean;\n  hasAnyChildWithData?: boolean;\n}\n\nexport const IconWrapper = ({\n  icon,\n  label,\n  hasChildren,\n  showAvatar,\n  isOpen,\n  hasAnyChildWithData,\n  ...others\n}: IconWrapperProps) => {\n  return (\n    <div {...others}>\n      {showAvatar ? (\n        <HvAvatar variant=\"square\" size=\"xs\" backgroundColor=\"secondary_80\">\n          {label?.substring(0, 1)}\n        </HvAvatar>\n      ) : (\n        icon\n      )}\n      {hasChildren && !isOpen ? (\n        <Forwards iconSize=\"XS\" />\n      ) : (\n        hasAnyChildWithData && !isOpen && <div />\n      )}\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;AAcO,MAAM,cAAc,CAAC;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAwB;AAEpB,SAAA,qBAAC,OAAK,EAAA,GAAG,QACN,UAAA;AAAA,IAAA,aACE,oBAAA,UAAA,EAAS,SAAQ,UAAS,MAAK,MAAK,iBAAgB,gBAClD,UAAO,OAAA,UAAU,GAAG,CAAC,EACxB,CAAA,IAEA;AAAA,IAED,eAAe,CAAC,SACf,oBAAC,UAAS,EAAA,UAAS,MAAK,IAExB,uBAAuB,CAAC,UAAU,oBAAC,OAAI,CAAA,CAAA;AAAA,EAE3C,EAAA,CAAA;AAEJ;"}