@hitachivantara/uikit-react-core 5.36.5 → 5.36.6

package/dist/types/index.d.ts

@@ -213,6 +213,7 @@ export declare const appSwitcherActionClasses: {
     selected: "HvAppSwitcher-Action-selected";
     iconUrl: "HvAppSwitcher-Action-iconUrl";
     iconInfo: "HvAppSwitcher-Action-iconInfo";
+    titleAnchor: "HvAppSwitcher-Action-titleAnchor";
 };
 
 export declare const appSwitcherClasses: {
@@ -222,6 +223,7 @@ export declare const appSwitcherClasses: {
     actionsContainer: "HvAppSwitcher-actionsContainer";
     open: "HvAppSwitcher-open";
     item: "HvAppSwitcher-item";
+    titleAnchor: "HvAppSwitcher-titleAnchor";
     itemSelected: "HvAppSwitcher-itemSelected";
     itemDisabled: "HvAppSwitcher-itemDisabled";
     itemTrigger: "HvAppSwitcher-itemTrigger";
@@ -4537,7 +4539,7 @@ export declare interface HvOverflowTooltipProps extends HvBaseProps {
     data: React.ReactNode;
     /** If true, the tooltip is shown. */
     open?: boolean;
-    /** If `true` the overflow tooltip will always use the paragraph overflow style. */
+    /** If `true`, the overflow tooltip will always use the paragraph overflow style. */
     paragraphOverflow?: boolean;
     /** Tooltip placement. */
     placement?: "bottom-end" | "bottom-start" | "bottom" | "left-end" | "left-start" | "left" | "right-end" | "right-start" | "right" | "top-end" | "top-start" | "top";
@@ -9390,7 +9392,7 @@ declare const useClasses_53: (classesProp?: Partial<Record<"root" | "disabled" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_54: (classesProp?: Partial<Record<"root" | "title" | "single" | "actionsContainer" | "open" | "item" | "itemSelected" | "itemDisabled" | "itemTrigger" | "itemIcon" | "itemTitle" | "itemInfoIcon" | "footerContainer" | "closed" | "dual" | "fluid", string>>, addStatic?: boolean) => {
+declare const useClasses_54: (classesProp?: Partial<Record<"root" | "title" | "single" | "actionsContainer" | "open" | "item" | "titleAnchor" | "itemSelected" | "itemDisabled" | "itemTrigger" | "itemIcon" | "itemTitle" | "itemInfoIcon" | "footerContainer" | "closed" | "dual" | "fluid", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         title: string;
@@ -9398,6 +9400,7 @@ declare const useClasses_54: (classesProp?: Partial<Record<"root" | "title" | "s
         actionsContainer: string;
         open: string;
         item: string;
+        titleAnchor: string;
         itemSelected: string;
         itemDisabled: string;
         itemTrigger: string;
@@ -9416,7 +9419,7 @@ declare const useClasses_54: (classesProp?: Partial<Record<"root" | "title" | "s
     cx: (...args: any) => string;
 };
 
-declare const useClasses_55: (classesProp?: Partial<Record<"typography" | "root" | "disabled" | "icon" | "title" | "selected" | "iconUrl" | "iconInfo", string>>, addStatic?: boolean) => {
+declare const useClasses_55: (classesProp?: Partial<Record<"typography" | "root" | "disabled" | "icon" | "title" | "selected" | "iconUrl" | "iconInfo" | "titleAnchor", string>>, addStatic?: boolean) => {
     classes: {
         typography: string;
         root: string;
@@ -9426,6 +9429,7 @@ declare const useClasses_55: (classesProp?: Partial<Record<"typography" | "root"
         selected: string;
         iconUrl: string;
         iconInfo: string;
+        titleAnchor: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hitachivantara/uikit-react-core",
-  "version": "5.36.5",
+  "version": "5.36.6",
   "private": false,
   "author": "Hitachi Vantara UI Kit Team",
   "description": "Core React components for the NEXT Design System.",
@@ -64,7 +64,7 @@
     "access": "public",
     "directory": "package"
   },
-  "gitHead": "d0236ef87c697adb1d66b6b99a09404ee33e930e",
+  "gitHead": "49bd36118748f723caf1236cf4b0223a0d24986c",
   "main": "dist/cjs/index.cjs",
   "exports": {
     ".": {

package/dist/cjs/components/AppSwitcher/TitleWithTooltip.cjs

@@ -1,22 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const React = require("react");
-const Tooltip = require("../Tooltip/Tooltip.cjs");
-const Typography = require("../Typography/Typography.cjs");
-const TitleWithTooltip = ({
-  className,
-  title
-}) => {
-  const textRef = React.useRef(null);
-  const isOverflowed = React.useMemo(() => {
-    const el = textRef.current;
-    if (!el)
-      return false;
-    return el.scrollWidth > el.clientWidth || el.scrollHeight > el.clientHeight;
-  }, []);
-  return /* @__PURE__ */ jsxRuntime.jsx(Tooltip.HvTooltip, { disableHoverListener: !isOverflowed, placement: "top-start", title: /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, { children: title }), children: /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, { className, variant: "label", component: "span", ref: textRef, children: title }) });
-};
-const TitleWithTooltip$1 = TitleWithTooltip;
-exports.default = TitleWithTooltip$1;
-//# sourceMappingURL=TitleWithTooltip.cjs.map

package/dist/cjs/components/AppSwitcher/TitleWithTooltip.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"TitleWithTooltip.cjs","sources":["../../../../src/components/AppSwitcher/TitleWithTooltip.tsx"],"sourcesContent":["import { useMemo, useRef } from \"react\";\n\nimport { HvTooltip } from \"@core/components/Tooltip\";\nimport { HvTypography } from \"@core/components/Typography\";\n\nconst TitleWithTooltip = ({ className, title }) => {\n  const textRef = useRef<HTMLDivElement>(null);\n\n  const isOverflowed = useMemo(() => {\n    const el = textRef.current;\n    if (!el) return false;\n\n    return el.scrollWidth > el.clientWidth || el.scrollHeight > el.clientHeight;\n  }, []);\n\n  return (\n    <HvTooltip\n      disableHoverListener={!isOverflowed}\n      placement=\"top-start\"\n      title={<HvTypography>{title}</HvTypography>}\n    >\n      <HvTypography\n        className={className}\n        variant=\"label\"\n        component=\"span\"\n        ref={textRef}\n      >\n        {title}\n      </HvTypography>\n    </HvTooltip>\n  );\n};\n\nexport default TitleWithTooltip;\n"],"names":["TitleWithTooltip","className","title","textRef","useRef","isOverflowed","useMemo","el","current","scrollWidth","clientWidth","scrollHeight","clientHeight","jsx","HvTooltip","HvTypography"],"mappings":";;;;;;AAKA,MAAMA,mBAAmBA,CAAC;AAAA,EAAEC;AAAAA,EAAWC;AAAM,MAAM;AAC3CC,QAAAA,UAAUC,aAAuB,IAAI;AAErCC,QAAAA,eAAeC,MAAAA,QAAQ,MAAM;AACjC,UAAMC,KAAKJ,QAAQK;AACnB,QAAI,CAACD;AAAW,aAAA;AAEhB,WAAOA,GAAGE,cAAcF,GAAGG,eAAeH,GAAGI,eAAeJ,GAAGK;AAAAA,EACjE,GAAG,CAAE,CAAA;AAGH,SAAAC,2BAAA,IAACC,qBACC,sBAAsB,CAACT,cACvB,WAAU,aACV,OAAOQ,2BAAAA,IAACE,WAAAA,cAAcb,EAAAA,UAAAA,MAAAA,CAAM,GAE5B,UAACW,2BAAAA,IAAAE,WAAAA,cAAA,EACC,WACA,SAAQ,SACR,WAAU,QACV,KAAKZ,SAEJD,UAAAA,MACH,CAAA,EACF,CAAA;AAEJ;AAEA,MAAA,qBAAeF;;"}

package/dist/esm/components/AppSwitcher/TitleWithTooltip.js

@@ -1,22 +0,0 @@
-import { jsx } from "@emotion/react/jsx-runtime";
-import { useRef, useMemo } from "react";
-import { HvTooltip } from "../Tooltip/Tooltip.js";
-import { HvTypography } from "../Typography/Typography.js";
-const TitleWithTooltip = ({
-  className,
-  title
-}) => {
-  const textRef = useRef(null);
-  const isOverflowed = useMemo(() => {
-    const el = textRef.current;
-    if (!el)
-      return false;
-    return el.scrollWidth > el.clientWidth || el.scrollHeight > el.clientHeight;
-  }, []);
-  return /* @__PURE__ */ jsx(HvTooltip, { disableHoverListener: !isOverflowed, placement: "top-start", title: /* @__PURE__ */ jsx(HvTypography, { children: title }), children: /* @__PURE__ */ jsx(HvTypography, { className, variant: "label", component: "span", ref: textRef, children: title }) });
-};
-const TitleWithTooltip$1 = TitleWithTooltip;
-export {
-  TitleWithTooltip$1 as default
-};
-//# sourceMappingURL=TitleWithTooltip.js.map

package/dist/esm/components/AppSwitcher/TitleWithTooltip.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TitleWithTooltip.js","sources":["../../../../src/components/AppSwitcher/TitleWithTooltip.tsx"],"sourcesContent":["import { useMemo, useRef } from \"react\";\n\nimport { HvTooltip } from \"@core/components/Tooltip\";\nimport { HvTypography } from \"@core/components/Typography\";\n\nconst TitleWithTooltip = ({ className, title }) => {\n  const textRef = useRef<HTMLDivElement>(null);\n\n  const isOverflowed = useMemo(() => {\n    const el = textRef.current;\n    if (!el) return false;\n\n    return el.scrollWidth > el.clientWidth || el.scrollHeight > el.clientHeight;\n  }, []);\n\n  return (\n    <HvTooltip\n      disableHoverListener={!isOverflowed}\n      placement=\"top-start\"\n      title={<HvTypography>{title}</HvTypography>}\n    >\n      <HvTypography\n        className={className}\n        variant=\"label\"\n        component=\"span\"\n        ref={textRef}\n      >\n        {title}\n      </HvTypography>\n    </HvTooltip>\n  );\n};\n\nexport default TitleWithTooltip;\n"],"names":["TitleWithTooltip","className","title","textRef","useRef","isOverflowed","useMemo","el","current","scrollWidth","clientWidth","scrollHeight","clientHeight"],"mappings":";;;;AAKA,MAAMA,mBAAmBA,CAAC;AAAA,EAAEC;AAAAA,EAAWC;AAAM,MAAM;AAC3CC,QAAAA,UAAUC,OAAuB,IAAI;AAErCC,QAAAA,eAAeC,QAAQ,MAAM;AACjC,UAAMC,KAAKJ,QAAQK;AACnB,QAAI,CAACD;AAAW,aAAA;AAEhB,WAAOA,GAAGE,cAAcF,GAAGG,eAAeH,GAAGI,eAAeJ,GAAGK;AAAAA,EACjE,GAAG,CAAE,CAAA;AAGH,SAAA,oBAAC,aACC,sBAAsB,CAACP,cACvB,WAAU,aACV,OAAO,oBAAC,cAAcH,EAAAA,UAAAA,MAAAA,CAAM,GAE5B,UAAC,oBAAA,cAAA,EACC,WACA,SAAQ,SACR,WAAU,QACV,KAAKC,SAEJD,UAAAA,MACH,CAAA,EACF,CAAA;AAEJ;AAEA,MAAA,qBAAeF;"}