@hitachivantara/uikit-react-core 5.37.2 → 5.38.1

package/dist/esm/utils/IconButton.js

@@ -0,0 +1,12 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import { HvButton } from "../components/Button/Button.js";
+import { HvTooltip } from "../components/Tooltip/Tooltip.js";
+const IconButton = ({
+  title,
+  placement = "top",
+  ...others
+}) => /* @__PURE__ */ jsx(HvTooltip, { enterDelay: 500, title, placement, children: /* @__PURE__ */ jsx(HvButton, { icon: true, ...others }) });
+export {
+  IconButton
+};
+//# sourceMappingURL=IconButton.js.map

package/dist/esm/utils/IconButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.js","sources":["../../../src/utils/IconButton.tsx"],"sourcesContent":["import { HvButton, HvButtonProps } from \"@core/components/Button\";\nimport { HvTooltip, HvTooltipProps } from \"@core/components/Tooltip\";\n\nexport interface IconButtonProps extends Omit<HvButtonProps, \"icon\" | \"title\"> {\n  title: React.ReactNode;\n  placement?: HvTooltipProps[\"placement\"];\n  onClick?: HvButtonProps[\"onClick\"];\n}\n\n/** An `HvButton` of type icon wrapped in a tooltip  */\nexport const IconButton = ({\n  title,\n  placement = \"top\",\n  ...others\n}: IconButtonProps) => (\n  <HvTooltip enterDelay={500} title={title} placement={placement}>\n    <HvButton icon {...others} />\n  </HvTooltip>\n);\n"],"names":["IconButton","title","placement","others"],"mappings":";;;AAUO,MAAMA,aAAaA,CAAC;AAAA,EACzBC;AAAAA,EACAC,YAAY;AAAA,EACZ,GAAGC;AACY,MACd,oBAAA,WAAA,EAAU,YAAY,KAAK,OAAc,WACxC,UAAC,oBAAA,UAAA,EAAS,MAAI,MAAC,GAAIA,OAAAA,CAAO,EAC5B,CAAA;"}

package/dist/types/index.d.ts

@@ -182,6 +182,13 @@ export declare const actionClasses: {
     noIcon: "HvVerticalNavigationAction-noIcon";
 };
 
+/** @private label structure action icon buttons */
+declare interface ActionIconLabels extends DialogLabels {
+    /** @deprecated use `tooltip` label instead */
+    ariaLabel: string;
+    tooltip?: string;
+}
+
 export declare const actionsClasses: {
     root: "HvVerticalNavigationActions-root";
     hide: "HvVerticalNavigationActions-hide";
@@ -295,6 +302,12 @@ export declare const bannerContentClasses: {
     outContainer: "HvBannerContent-outContainer";
 };
 
+declare interface BarProps extends HvBaseProps {
+    data: HvHeaderNavigationItemProp[];
+    type?: "menubar" | "menu";
+    classes?: HvHeaderMenuBarClasses;
+}
+
 export declare const baseCheckBoxClasses: {
     root: "HvBaseCheckBox-root";
     disabled: "HvBaseCheckBox-disabled";
@@ -540,8 +553,8 @@ export declare const checkBoxGroupClasses: {
     label: "HvCheckBoxGroup-label";
     root: "HvCheckBoxGroup-root";
     group: "HvCheckBoxGroup-group";
-    invalid: "HvCheckBoxGroup-invalid";
     error: "HvCheckBoxGroup-error";
+    invalid: "HvCheckBoxGroup-invalid";
     selectAll: "HvCheckBoxGroup-selectAll";
 };
 
@@ -827,11 +840,11 @@ export declare const focusClasses: {
     root: "HvFocus-root";
     disabled: "HvFocus-disabled";
     selected: "HvFocus-selected";
+    focus: "HvFocus-focus";
     focusDisabled: "HvFocus-focusDisabled";
     focused: "HvFocus-focused";
     externalReference: "HvFocus-externalReference";
     falseFocus: "HvFocus-falseFocus";
-    focus: "HvFocus-focus";
 };
 
 export declare const footerClasses: {
@@ -3898,7 +3911,7 @@ declare type HvHeaderMenuBarClasses = ExtractNames<typeof useClasses_36>;
 
 declare interface HvHeaderMenuBarProps extends HvBaseProps<HTMLDivElement, "onClick"> {
     data: HvHeaderNavigationItemProp[];
-    type: string;
+    type?: BarProps["type"];
     onClick?: (event: MouseEvent_2, selection: HvHeaderNavigationItemProp) => void;
     levels: number;
     currentLevel: number;
@@ -4572,23 +4585,23 @@ export declare interface HvPaginationLabels {
     pageSizeSelectorDescription?: string;
     /** Separator of current page and total pages. */
     pagesSeparator?: string;
-    /** Title of button `firstPage`. */
+    /** Title of button `firstPage`. @deprecated Use `firstPage` instead. */
     paginationFirstPageTitle?: string;
-    /** Title of button `previousPage`. */
+    /** Title of button `previousPage`. @deprecated Use `previousPage` instead. */
     paginationPreviousPageTitle?: string;
-    /** Title of button `nextPage`. */
+    /** Title of button `nextPage`. @deprecated Use `nextPage` instead. */
     paginationNextPageTitle?: string;
-    /** Title of button `lastPage`. */
+    /** Title of button `lastPage`. @deprecated Use `lastPage` instead. */
     paginationLastPageTitle?: string;
     /** Aria-label passed to the page input. */
     paginationInputLabel?: string;
-    /** Aria-label of the first page button */
+    /** Label of the first page button */
     firstPage?: string;
-    /** Aria-label of the previous page button */
+    /** Label of the previous page button */
     previousPage?: string;
-    /** Aria-label of the next page button */
+    /** Label of the next page button */
     nextPage?: string;
-    /** Aria-label of the last page button */
+    /** Label of the last page button */
     lastPage?: string;
 }
 
@@ -4949,10 +4962,7 @@ export declare const hvQueryBuilderDefaultOperators: {
 
 export declare interface HvQueryBuilderLabels {
     query?: {
-        delete?: {
-            ariaLabel: string;
-            tooltip?: string;
-        } & DialogLabels;
+        delete?: ActionIconLabels;
         addRule?: {
             label: string;
         };
@@ -5026,20 +5036,11 @@ export declare interface HvQueryBuilderLabels {
                 };
             };
         };
-        delete: {
-            ariaLabel: string;
-            tooltip?: string;
-        } & DialogLabels;
+        delete: ActionIconLabels;
     };
     group: {
-        delete: {
-            ariaLabel: string;
-            tooltip?: string;
-        } & DialogLabels;
-        reset: {
-            ariaLabel: string;
-            tooltip?: string;
-        } & DialogLabels;
+        delete: ActionIconLabels;
+        reset: ActionIconLabels;
         addRule: {
             label: string;
         };
@@ -7430,8 +7431,8 @@ export declare const inputClasses: {
     inputRootMultiline: "HvInput-inputRootMultiline";
     input: "HvInput-input";
     icon: "HvInput-icon";
-    adornmentButton: "HvInput-adornmentButton";
     error: "HvInput-error";
+    adornmentButton: "HvInput-adornmentButton";
     inputRootDisabled: "HvInput-inputRootDisabled";
     labelContainer: "HvInput-labelContainer";
     adornmentsBox: "HvInput-adornmentsBox";
@@ -7716,8 +7717,8 @@ export declare const radioGroupClasses: {
     label: "HvRadioGroup-label";
     root: "HvRadioGroup-root";
     group: "HvRadioGroup-group";
-    invalid: "HvRadioGroup-invalid";
     error: "HvRadioGroup-error";
+    invalid: "HvRadioGroup-invalid";
 };
 
 export declare class Random {
@@ -7768,8 +7769,8 @@ export declare const selectionListClasses: {
     description: "HvSelectionList-description";
     root: "HvSelectionList-root";
     listbox: "HvSelectionList-listbox";
-    invalid: "HvSelectionList-invalid";
     error: "HvSelectionList-error";
+    invalid: "HvSelectionList-invalid";
 };
 
 /**
@@ -7998,8 +7999,8 @@ export declare const tagsInputClasses: {
     readOnly: "HvTagsInput-readOnly";
     input: "HvTagsInput-input";
     tagsList: "HvTagsInput-tagsList";
-    invalid: "HvTagsInput-invalid";
     error: "HvTagsInput-error";
+    invalid: "HvTagsInput-invalid";
     resizable: "HvTagsInput-resizable";
     chipRoot: "HvTagsInput-chipRoot";
     labelContainer: "HvTagsInput-labelContainer";
@@ -8024,8 +8025,8 @@ export declare const textAreaClasses: {
     root: "HvTextArea-root";
     disabled: "HvTextArea-disabled";
     input: "HvTextArea-input";
-    invalid: "HvTextArea-invalid";
     error: "HvTextArea-error";
+    invalid: "HvTextArea-invalid";
     resizable: "HvTextArea-resizable";
     inputResizable: "HvTextArea-inputResizable";
     labelContainer: "HvTextArea-labelContainer";
@@ -8418,7 +8419,7 @@ declare const useClasses_109: (classesProp?: Partial<Record<"root" | "positionFi
     cx: (...args: any) => string;
 };
 
-declare const useClasses_11: (classesProp?: Partial<Record<"vertical" | "horizontal" | "label" | "description" | "root" | "listbox" | "invalid" | "error", string>>, addStatic?: boolean) => {
+declare const useClasses_11: (classesProp?: Partial<Record<"vertical" | "horizontal" | "label" | "description" | "root" | "listbox" | "error" | "invalid", string>>, addStatic?: boolean) => {
     classes: {
         vertical: string;
         horizontal: string;
@@ -8426,8 +8427,8 @@ declare const useClasses_11: (classesProp?: Partial<Record<"vertical" | "horizon
         description: string;
         root: string;
         listbox: string;
-        invalid: string;
         error: string;
+        invalid: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -8516,7 +8517,7 @@ declare const useClasses_114: (classesProp?: Partial<Record<"root" | "topGroup"
         actionButtonContainer: string;
         topRulesContainer: string;
         buttonBackground: string;
-    }; /** Styles applied to the action button container. */
+    };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
         (...args: CSSInterpolation[]): string;
@@ -8842,16 +8843,16 @@ declare const useClasses_19: (classesProp?: Partial<Record<"secondary" | "primar
     cx: (...args: any) => string;
 };
 
-declare const useClasses_2: (classesProp?: Partial<Record<"root" | "disabled" | "selected" | "focusDisabled" | "focused" | "externalReference" | "falseFocus" | "focus", string>>, addStatic?: boolean) => {
+declare const useClasses_2: (classesProp?: Partial<Record<"root" | "disabled" | "selected" | "focus" | "focusDisabled" | "focused" | "externalReference" | "falseFocus", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         disabled: string;
         selected: string;
+        focus: string;
         focusDisabled: string;
         focused: string;
         externalReference: string;
         falseFocus: string;
-        focus: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9529,7 +9530,7 @@ declare const useClasses_57: (classesProp?: Partial<Record<"container" | "label"
     cx: (...args: any) => string;
 };
 
-declare const useClasses_58: (classesProp?: Partial<Record<"label" | "description" | "root" | "inputBorderContainer" | "inputRoot" | "inputRootFocused" | "inputRootMultiline" | "input" | "icon" | "adornmentButton" | "error" | "inputRootDisabled" | "labelContainer" | "adornmentsBox" | "iconClear" | "hasSuggestions" | "suggestionsContainer" | "suggestionList" | "inputExtension", string>>, addStatic?: boolean) => {
+declare const useClasses_58: (classesProp?: Partial<Record<"label" | "description" | "root" | "inputBorderContainer" | "inputRoot" | "inputRootFocused" | "inputRootMultiline" | "input" | "icon" | "error" | "adornmentButton" | "inputRootDisabled" | "labelContainer" | "adornmentsBox" | "iconClear" | "hasSuggestions" | "suggestionsContainer" | "suggestionList" | "inputExtension", string>>, addStatic?: boolean) => {
     classes: {
         label: string;
         description: string;
@@ -9540,8 +9541,8 @@ declare const useClasses_58: (classesProp?: Partial<Record<"label" | "descriptio
         inputRootMultiline: string;
         input: string;
         icon: string;
-        adornmentButton: string;
         error: string;
+        adornmentButton: string;
         inputRootDisabled: string;
         labelContainer: string;
         adornmentsBox: string;
@@ -9607,15 +9608,15 @@ declare const useClasses_60: (classesProp?: Partial<Record<"container" | "label"
     cx: (...args: any) => string;
 };
 
-declare const useClasses_61: (classesProp?: Partial<Record<"label" | "description" | "root" | "disabled" | "input" | "invalid" | "error" | "resizable" | "inputResizable" | "labelContainer" | "baseInput" | "characterCounter", string>>, addStatic?: boolean) => {
+declare const useClasses_61: (classesProp?: Partial<Record<"label" | "description" | "root" | "disabled" | "input" | "error" | "invalid" | "resizable" | "inputResizable" | "labelContainer" | "baseInput" | "characterCounter", string>>, addStatic?: boolean) => {
     classes: {
         label: string;
         description: string;
         root: string;
         disabled: string;
         input: string;
-        invalid: string;
         error: string;
+        invalid: string;
         resizable: string;
         inputResizable: string;
         labelContainer: string;
@@ -9629,7 +9630,7 @@ declare const useClasses_61: (classesProp?: Partial<Record<"label" | "descriptio
     cx: (...args: any) => string;
 };
 
-declare const useClasses_62: (classesProp?: Partial<Record<"label" | "description" | "root" | "disabled" | "readOnly" | "input" | "tagsList" | "invalid" | "error" | "resizable" | "chipRoot" | "labelContainer" | "suggestionsContainer" | "suggestionList" | "inputExtension" | "characterCounter" | "listItemGutters" | "listItemRoot" | "tagInputContainerRoot" | "tagInputRoot" | "tagSelected" | "tagInputBorderContainer" | "tagInputRootFocused" | "tagInputRootEmpty" | "singleLine", string>>, addStatic?: boolean) => {
+declare const useClasses_62: (classesProp?: Partial<Record<"label" | "description" | "root" | "disabled" | "readOnly" | "input" | "tagsList" | "error" | "invalid" | "resizable" | "chipRoot" | "labelContainer" | "suggestionsContainer" | "suggestionList" | "inputExtension" | "characterCounter" | "listItemGutters" | "listItemRoot" | "tagInputContainerRoot" | "tagInputRoot" | "tagSelected" | "tagInputBorderContainer" | "tagInputRootFocused" | "tagInputRootEmpty" | "singleLine", string>>, addStatic?: boolean) => {
     classes: {
         label: string;
         description: string;
@@ -9638,8 +9639,8 @@ declare const useClasses_62: (classesProp?: Partial<Record<"label" | "descriptio
         readOnly: string;
         input: string;
         tagsList: string;
-        invalid: string;
         error: string;
+        invalid: string;
         resizable: string;
         chipRoot: string;
         labelContainer: string;
@@ -9664,15 +9665,15 @@ declare const useClasses_62: (classesProp?: Partial<Record<"label" | "descriptio
     cx: (...args: any) => string;
 };
 
-declare const useClasses_63: (classesProp?: Partial<Record<"vertical" | "horizontal" | "label" | "root" | "group" | "invalid" | "error" | "selectAll", string>>, addStatic?: boolean) => {
+declare const useClasses_63: (classesProp?: Partial<Record<"vertical" | "horizontal" | "label" | "root" | "group" | "error" | "invalid" | "selectAll", string>>, addStatic?: boolean) => {
     classes: {
         vertical: string;
         horizontal: string;
         label: string;
         root: string;
         group: string;
-        invalid: string;
         error: string;
+        invalid: string;
         selectAll: string;
     };
     css: {
@@ -9702,15 +9703,15 @@ declare const useClasses_64: (classesProp?: Partial<Record<"link" | "root" | "it
     cx: (...args: any) => string;
 };
 
-declare const useClasses_65: (classesProp?: Partial<Record<"vertical" | "horizontal" | "label" | "root" | "group" | "invalid" | "error", string>>, addStatic?: boolean) => {
+declare const useClasses_65: (classesProp?: Partial<Record<"vertical" | "horizontal" | "label" | "root" | "group" | "error" | "invalid", string>>, addStatic?: boolean) => {
     classes: {
         vertical: string;
         horizontal: string;
         label: string;
         root: string;
         group: string;
-        invalid: string;
         error: string;
+        invalid: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -10636,7 +10637,7 @@ export declare function useHvTreeItem(nodeId: string): {
     preventSelection: (event: React_3.MouseEvent<HTMLDivElement>) => void;
 };
 
-export declare const useImageLoaded: (src: any, srcSet: any) => string | boolean;
+export declare const useImageLoaded: (src?: string, srcSet?: string) => string | boolean;
 
 export declare function useInstance(instance: any): void;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hitachivantara/uikit-react-core",
-  "version": "5.37.2",
+  "version": "5.38.1",
   "private": false,
   "author": "Hitachi Vantara UI Kit Team",
   "description": "Core React components for the NEXT Design System.",
@@ -33,9 +33,9 @@
     "@emotion/css": "^11.11.0",
     "@emotion/serialize": "^1.1.2",
     "@emotion/utils": "^1.2.1",
-    "@hitachivantara/uikit-react-icons": "^5.7.6",
-    "@hitachivantara/uikit-react-shared": "^5.1.19",
-    "@hitachivantara/uikit-styles": "^5.16.3",
+    "@hitachivantara/uikit-react-icons": "^5.7.8",
+    "@hitachivantara/uikit-react-shared": "^5.1.20",
+    "@hitachivantara/uikit-styles": "^5.16.4",
     "@internationalized/date": "^3.2.0",
     "@mui/base": "^5.0.0-beta.4",
     "@popperjs/core": "^2.11.8",
@@ -64,7 +64,7 @@
     "access": "public",
     "directory": "package"
   },
-  "gitHead": "e9c3f86ac43bceca95f4cdf88d62fca278576c51",
+  "gitHead": "9a3c1e9133fd88de735dfc01248aa83abe4f7c98",
   "main": "dist/cjs/index.cjs",
   "exports": {
     ".": {

package/dist/cjs/components/Pagination/ButtonIconTooltip.cjs

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const Button = require("../Button/Button.cjs");
-const Tooltip = require("../Tooltip/Tooltip.cjs");
-const Typography = require("../Typography/Typography.cjs");
-const ButtonIconTooltip = ({
-  tooltip,
-  children,
-  ...buttonProps
-}) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(Tooltip.HvTooltip, { title: /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, { children: tooltip }), children: /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(Button.HvButton, { icon: true, ...buttonProps, children }) }) });
-};
-const ButtonIconTooltip$1 = ButtonIconTooltip;
-exports.default = ButtonIconTooltip$1;
-//# sourceMappingURL=ButtonIconTooltip.cjs.map

package/dist/cjs/components/Pagination/ButtonIconTooltip.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonIconTooltip.cjs","sources":["../../../../src/components/Pagination/ButtonIconTooltip.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\n\nimport { HvButton, HvButtonProps } from \"@core/components/Button\";\nimport { HvTooltip } from \"@core/components/Tooltip\";\nimport { HvTypography } from \"@core/components/Typography\";\n\ninterface ButtonIconTooltipProps extends HvButtonProps {\n  tooltip: ReactNode;\n  children: ReactNode;\n}\n\nconst ButtonIconTooltip = ({\n  tooltip,\n  children,\n  ...buttonProps\n}: ButtonIconTooltipProps) => {\n  return (\n    <HvTooltip title={<HvTypography>{tooltip}</HvTypography>}>\n      <div>\n        <HvButton icon {...buttonProps}>\n          {children}\n        </HvButton>\n      </div>\n    </HvTooltip>\n  );\n};\nexport default ButtonIconTooltip;\n"],"names":["ButtonIconTooltip","tooltip","children","buttonProps","HvTooltip","jsx","HvTypography","HvButton"],"mappings":";;;;;;AAWA,MAAMA,oBAAoBA,CAAC;AAAA,EACzBC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACmB,MAAM;AAC5B,wCACGC,QAAAA,WAAU,EAAA,OAAQC,2BAAA,IAAAC,yBAAA,EAAcL,mBAAQ,GACvC,UAAAI,2BAAA,IAAC,OACC,EAAA,UAAAA,2BAAAA,IAACE,mBAAS,MAAI,MAAC,GAAIJ,aAChBD,SAAAA,CACH,EACF,CAAA,EACF,CAAA;AAEJ;AACA,MAAA,sBAAeF;;"}

package/dist/esm/components/Pagination/ButtonIconTooltip.js

@@ -1,16 +0,0 @@
-import { jsx } from "@emotion/react/jsx-runtime";
-import { HvButton } from "../Button/Button.js";
-import { HvTooltip } from "../Tooltip/Tooltip.js";
-import { HvTypography } from "../Typography/Typography.js";
-const ButtonIconTooltip = ({
-  tooltip,
-  children,
-  ...buttonProps
-}) => {
-  return /* @__PURE__ */ jsx(HvTooltip, { title: /* @__PURE__ */ jsx(HvTypography, { children: tooltip }), children: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(HvButton, { icon: true, ...buttonProps, children }) }) });
-};
-const ButtonIconTooltip$1 = ButtonIconTooltip;
-export {
-  ButtonIconTooltip$1 as default
-};
-//# sourceMappingURL=ButtonIconTooltip.js.map

package/dist/esm/components/Pagination/ButtonIconTooltip.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonIconTooltip.js","sources":["../../../../src/components/Pagination/ButtonIconTooltip.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\n\nimport { HvButton, HvButtonProps } from \"@core/components/Button\";\nimport { HvTooltip } from \"@core/components/Tooltip\";\nimport { HvTypography } from \"@core/components/Typography\";\n\ninterface ButtonIconTooltipProps extends HvButtonProps {\n  tooltip: ReactNode;\n  children: ReactNode;\n}\n\nconst ButtonIconTooltip = ({\n  tooltip,\n  children,\n  ...buttonProps\n}: ButtonIconTooltipProps) => {\n  return (\n    <HvTooltip title={<HvTypography>{tooltip}</HvTypography>}>\n      <div>\n        <HvButton icon {...buttonProps}>\n          {children}\n        </HvButton>\n      </div>\n    </HvTooltip>\n  );\n};\nexport default ButtonIconTooltip;\n"],"names":["ButtonIconTooltip","tooltip","children","buttonProps"],"mappings":";;;;AAWA,MAAMA,oBAAoBA,CAAC;AAAA,EACzBC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACmB,MAAM;AAC5B,6BACG,WAAU,EAAA,OAAQ,oBAAA,cAAA,EAAcF,mBAAQ,GACvC,UAAA,oBAAC,OACC,EAAA,UAAA,oBAAC,YAAS,MAAI,MAAC,GAAIE,aAChBD,SAAAA,CACH,EACF,CAAA,EACF,CAAA;AAEJ;AACA,MAAA,sBAAeF;"}