@hitachivantara/uikit-react-core 5.89.0 → 5.91.0

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

@@ -1 +1 @@
-{"version":3,"file":"iconVariant.js","sources":["../../../src/utils/iconVariant.tsx"],"sourcesContent":["import {\n  Caution,\n  Fail,\n  IconBaseProps,\n  Info,\n  Success,\n} from \"@hitachivantara/uikit-react-icons\";\n\nexport const iconVariant = (\n  variant: \"success\" | \"warning\" | \"error\" | \"info\" | \"default\",\n  color?: IconBaseProps[\"color\"],\n  semantic?: true,\n) => {\n  switch (variant) {\n    case \"success\":\n      return <Success color={color} semantic={semantic && \"positive\"} />;\n    case \"warning\":\n      return <Caution color={color} semantic={semantic && \"warning\"} />;\n    case \"error\":\n      return <Fail color={color} semantic={semantic && \"negative\"} />;\n    case \"info\":\n      return <Info color={color} />;\n    default:\n      return null;\n  }\n};\n"],"names":[],"mappings":";;AAQO,MAAM,cAAc,CACzB,SACA,OACA,aACG;AACH,UAAQ,SAAS;AAAA,IACf,KAAK;AACH,aAAQ,oBAAA,SAAA,EAAQ,OAAc,UAAU,YAAY,YAAY;AAAA,IAClE,KAAK;AACH,aAAQ,oBAAA,SAAA,EAAQ,OAAc,UAAU,YAAY,WAAW;AAAA,IACjE,KAAK;AACH,aAAQ,oBAAA,MAAA,EAAK,OAAc,UAAU,YAAY,YAAY;AAAA,IAC/D,KAAK;AACI,aAAA,oBAAC,QAAK,OAAc;AAAA,IAC7B;AACS,aAAA;AAAA,EAAA;AAEb;"}
+{"version":3,"file":"iconVariant.js","sources":["../../../src/utils/iconVariant.tsx"],"sourcesContent":["import {\n  Caution,\n  Fail,\n  IconBaseProps,\n  Info,\n  Success,\n} from \"@hitachivantara/uikit-react-icons\";\n\nimport type { HvCalloutVariant } from \"./Callout\";\n\nexport const iconVariant = (\n  variant: HvCalloutVariant,\n  color?: IconBaseProps[\"color\"],\n) => {\n  switch (variant) {\n    case \"success\":\n      return <Success color={color} />;\n    case \"warning\":\n      return <Caution color={color} />;\n    case \"error\":\n      return <Fail color={color} />;\n    case \"info\":\n      return <Info color={color} />;\n    default:\n      return null;\n  }\n};\n"],"names":[],"mappings":";;AAUa,MAAA,cAAc,CACzB,SACA,UACG;AACH,UAAQ,SAAS;AAAA,IACf,KAAK;AACI,aAAA,oBAAC,WAAQ,OAAc;AAAA,IAChC,KAAK;AACI,aAAA,oBAAC,WAAQ,OAAc;AAAA,IAChC,KAAK;AACI,aAAA,oBAAC,QAAK,OAAc;AAAA,IAC7B,KAAK;AACI,aAAA,oBAAC,QAAK,OAAc;AAAA,IAC7B;AACS,aAAA;AAAA,EAAA;AAEb;"}

package/dist/types/index.d.ts

@@ -254,17 +254,17 @@ declare type AsProp<C extends React.ElementType> = {
 
 export declare const avatarClasses: {
     root: string;
-    container: string;
     img: string;
     fallback: string;
     status: string;
-    avatar: string;
-    badge: string;
+    container: string;
     xs: string;
     sm: string;
     md: string;
     lg: string;
     xl: string;
+    avatar: string;
+    badge: string;
     circular: string;
     square: string;
 };
@@ -302,6 +302,8 @@ export declare const bannerContentClasses: {
     warning: string;
     error: string;
     default: string;
+    info: string;
+    accent: string;
     message: string;
     action: string;
     messageContainer: string;
@@ -520,8 +522,6 @@ export declare const carouselClasses: {
 
 declare type CellValue<V = any> = V;
 
-export declare const CellWithExpandButton: ({ row, cell, labels: labelsProp, }: HvCellProps<any>) => JSX_2.Element;
-
 export declare const charCounterClasses: {
     root: string;
     counterDisabled: string;
@@ -554,8 +554,6 @@ export declare const checkBoxGroupClasses: {
     error: string;
 };
 
-export declare const checkValidHexColorValue: (value?: string) => boolean;
-
 export declare const colorPickerClasses: {
     root: string;
     labelContainer: string;
@@ -782,14 +780,6 @@ export { defaultCacheKey }
 
 export { defaultEmotionCache }
 
-export declare const defaultGetHvPaginationProps: (props: any, { instance }: any) => any[];
-
-export declare const defaultGetToggleAllPageRowsSelectedProps: (props: any, { instance }: any) => any[];
-
-export declare const defaultGetToggleAllRowsSelectedProps: (props: any, { instance }: any) => any[];
-
-export declare const defaultGetToggleRowSelectedProps: (props: any, meta: any) => any[];
-
 declare interface DefaultTreeViewPluginParameters<Multiple extends boolean | undefined> extends UseTreeViewNodesParameters, UseTreeViewExpansionParameters, UseTreeViewFocusParameters, UseTreeViewSelectionParameters<Multiple>, UseTreeViewContextValueBuilderParameters {
 }
 
@@ -869,9 +859,9 @@ export declare const dropdownClasses: {
 };
 
 export declare const dropDownMenuClasses: {
+    root: string;
     container: string;
     baseContainer: string;
-    root: string;
     icon: string;
     iconSelected: string;
     menuListRoot: string;
@@ -973,11 +963,6 @@ export declare const getPrevNextFocus: (nodeId?: string) => {
     prevFocus: any;
 };
 
-export declare const getSelectorIcons: () => {
-    radio: JSX_2.Element;
-    radioChecked: JSX_2.Element;
-};
-
 export declare const getVarValue: (cssVar: string, rootElementId?: string) => string | undefined;
 
 export declare const globalActionsClasses: {
@@ -1052,6 +1037,7 @@ export declare const headerNavigationClasses: {
     root: string;
 };
 
+/** @deprecated use `theme.alpha(color, factor)` instead */
 export declare const hexToRgbA: (hex: string, factor?: number) => string;
 
 export declare const horizontalScrollListItemClasses: {
@@ -1473,7 +1459,7 @@ export declare interface HvBannerProps extends Omit<SnackbarProps, "anchorOrigin
     ref?: SnackbarProps["ref"];
 }
 
-export declare type HvBannerVariant = "success" | "warning" | "error" | "default";
+export declare type HvBannerVariant = HvCalloutVariant;
 
 /**
  * A Checkbox is a mechanism that allows user to select one or more options.
@@ -2191,6 +2177,8 @@ export declare interface HvCalendarProps extends Omit<React.HTMLAttributes<HTMLD
     invalidDateLabel?: string;
 }
 
+declare type HvCalloutVariant = "success" | "warning" | "error" | "default" | "info" | "accent";
+
 /**
  * A card is a container for a few short and related pieces of content.
  * It roughly resembles a playing card in size and shape and is intended as a
@@ -2591,7 +2579,7 @@ export declare interface HvColorPickerProps {
     /** The placeholder value when nothing is selected. */
     placeholder?: string;
     /** Recommended colors. The colors are HEX values. */
-    recommendedColors?: string[];
+    recommendedColors?: HvColorAny[];
     /** Recommended colors position. */
     recommendedColorsPosition?: "top" | "bottom";
     /** If `true`, the labels are shown. If `false`, they are not shown. */
@@ -4660,7 +4648,7 @@ export declare interface HvMultiButtonProps extends HvBaseProps {
 
 export declare const hvNodeFallback: (value: any) => any;
 
-export declare interface HvNotistackSnackMessageProps extends OptionsObject {
+export declare interface HvNotistackSnackMessageProps extends Omit<OptionsObject, "variant"> {
     /** Id to be applied to the root node. */
     id?: string;
     /** class name to apply on the root node */
@@ -5961,7 +5949,7 @@ export declare interface HvSnackbarProviderProps {
     container?: SnackbarProviderProps["domRoot"];
 }
 
-export declare type HvSnackbarVariant = "default" | "success" | "warning" | "error";
+export declare type HvSnackbarVariant = HvCalloutVariant;
 
 /**
  * A Stack component allows the organization of its children in a vertical or horizontal layout.
@@ -6536,6 +6524,12 @@ export declare interface HvTagProps extends Omit<HvButtonBaseProps, "type" | "co
     disabled?: boolean;
     /** The type of the tag element. A tag can be of semantic or categoric type. */
     type?: "semantic" | "categorical";
+    /** @deprecated */
+    variant?: "filled" | "outlined";
+    size?: Extract<HvSize, "xs" | "sm" | "md">;
+    icon?: React.ReactNode;
+    /** Whether to show the select icon checkbox. */
+    showSelectIcon?: boolean;
     /** The color variant of the tag */
     color?: HvColorAny;
     /** Icon used to customize the delete icon */
@@ -6547,9 +6541,7 @@ export declare interface HvTagProps extends Omit<HvButtonBaseProps, "type" | "co
     onDelete?: React.EventHandler<any>;
     /** Callback triggered when any item is clicked. */
     onClick?: (event: React.MouseEvent<HTMLElement>, selected?: boolean) => void;
-    /** Aria properties to apply to delete button in tag
-     * @deprecated no longer used
-     */
+    /** Aria properties to apply to delete button in tag. @deprecated no longer used */
     deleteButtonArialLabel?: string;
     /** Props to apply to delete icon */
     deleteButtonProps?: React.HTMLAttributes<HTMLDivElement>;
@@ -7475,7 +7467,7 @@ export declare interface HvWarningTextProps extends HvBaseProps {
     classes?: HvWarningTextClasses;
 }
 
-export declare const iconVariant: (variant: "success" | "warning" | "error" | "info" | "default", color?: IconBaseProps["color"], semantic?: true) => JSX_2.Element | null;
+export declare const iconVariant: (variant: HvCalloutVariant, color?: IconBaseProps["color"]) => JSX_2.Element | null;
 
 declare type IdType<D> = StringKey<D> | string;
 
@@ -7677,8 +7669,6 @@ export declare type NavigationData<T extends React.ElementType = "a"> = React.Co
 
 export declare type NavigationMode = "treeview" | "navigation" | "slider";
 
-export declare const normalizeProgressBar: (value: number, max: number) => number;
-
 export declare const optionClasses: {
     root: string;
     highlighted: string;
@@ -7840,14 +7830,6 @@ export declare const radioGroupClasses: {
     error: string;
 };
 
-export declare class Random {
-    i: number;
-    max: number;
-    min: number;
-    constructor(seed?: number, max?: number, min?: number);
-    next(max?: number, min?: number): number;
-}
-
 export declare const rightControlClasses: {
     root: string;
     sortDropdown: string;
@@ -7967,6 +7949,8 @@ export declare const snackbarContentClasses: {
     error: string;
     default: string;
     warning: string;
+    info: string;
+    accent: string;
     message: string;
     action: string;
     messageText: string;
@@ -7978,6 +7962,7 @@ export declare const snackbarProviderClasses: {
     snackItemRoot: string;
 };
 
+/** @deprecated use `HvBreakpoints` instead */
 export declare type Spacing = HvBreakpoints;
 
 export declare const stackClasses: {
@@ -8144,7 +8129,12 @@ export declare const tabsClasses: {
 
 export declare const tagClasses: {
     root: string;
+    hasIcon: string;
+    outlined: string;
     categorical: string;
+    xs: string;
+    sm: string;
+    md: string;
     disabled: string;
     label: string;
     deleteIcon: string;
@@ -8370,7 +8360,7 @@ declare const useClasses_100: (classesProp?: Partial<Record<"root" | "selected"
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_101: (classesProp?: Partial<Record<"root" | "icon" | "button" | "text" | "notSelected", string>>, addStatic?: boolean) => {
+declare const useClasses_101: (classesProp?: Partial<Record<"text" | "root" | "icon" | "button" | "notSelected", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         icon: string;
@@ -8454,13 +8444,15 @@ declare const useClasses_106: (classesProp?: Partial<Record<"root" | "anchorOrig
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_107: (classesProp?: Partial<Record<"warning" | "root" | "action" | "default" | "success" | "error" | "message" | "messageText" | "iconVariant" | "messageSpan", string>>, addStatic?: boolean) => {
+declare const useClasses_107: (classesProp?: Partial<Record<"accent" | "warning" | "info" | "root" | "action" | "default" | "success" | "error" | "message" | "messageText" | "iconVariant" | "messageSpan", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         success: string;
         error: string;
         default: string;
         warning: string;
+        info: string;
+        accent: string;
         message: string;
         action: string;
         messageText: string;
@@ -8557,10 +8549,15 @@ declare const useClasses_114: (classesProp?: Partial<Record<"root" | "stickyHead
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_115: (classesProp?: Partial<Record<"label" | "root" | "disabled" | "icon" | "selected" | "button" | "deleteIcon" | "focusVisible" | "categorical" | "clickable" | "chipRoot" | "tagButton" | "disabledDeleteIcon" | "categoricalFocus" | "categoricalDisabled", string>>, addStatic?: boolean) => {
+declare const useClasses_115: (classesProp?: Partial<Record<"label" | "xs" | "sm" | "md" | "root" | "disabled" | "icon" | "selected" | "button" | "categorical" | "hasIcon" | "deleteIcon" | "clickable" | "focusVisible" | "outlined" | "chipRoot" | "tagButton" | "disabledDeleteIcon" | "categoricalFocus" | "categoricalDisabled", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
+        hasIcon: string;
+        outlined: string;
         categorical: string;
+        xs: string;
+        sm: string;
+        md: string;
         disabled: string;
         label: string;
         deleteIcon: string;
@@ -8775,7 +8772,7 @@ declare const useClasses_128: (classesProp?: Partial<Record<"action" | "minimize
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_129: (classesProp?: Partial<Record<"root" | "listItem" | "list" | "popup" | "collapsed" | "navigationPopup", string>>, addStatic?: boolean) => {
+declare const useClasses_129: (classesProp?: Partial<Record<"root" | "list" | "popup" | "listItem" | "collapsed" | "navigationPopup", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         list: string;
@@ -8855,7 +8852,7 @@ declare const useClasses_132: (classesProp?: Partial<Record<"content" | "label"
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_133: (classesProp?: Partial<Record<"content" | "root" | "circle" | "text" | "square" | "pulse" | "wave", string>>, addStatic?: boolean) => {
+declare const useClasses_133: (classesProp?: Partial<Record<"text" | "content" | "root" | "circle" | "square" | "pulse" | "wave", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         content: string;
@@ -8869,7 +8866,7 @@ declare const useClasses_133: (classesProp?: Partial<Record<"content" | "root" |
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_14: (classesProp?: Partial<Record<"secondary" | "primary" | "root" | "disabled" | "semantic" | "icon" | "secondarySubtle" | "ghost" | "secondaryGhost" | "contained" | "primaryGhost" | "primarySubtle" | "subtle" | "startIcon" | "endIcon" | "focusVisible", string>>, addStatic?: boolean) => {
+declare const useClasses_14: (classesProp?: Partial<Record<"primary" | "primarySubtle" | "secondary" | "root" | "semantic" | "disabled" | "icon" | "secondarySubtle" | "ghost" | "secondaryGhost" | "contained" | "primaryGhost" | "subtle" | "startIcon" | "endIcon" | "focusVisible", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         startIcon: string;
@@ -9066,9 +9063,9 @@ declare const useClasses_23: (classesProp?: Partial<Record<"root" | "button" | "
 
 declare const useClasses_24: (classesProp?: Partial<Record<"container" | "root" | "icon" | "iconSelected" | "baseContainer" | "menuListRoot" | "menuList", string>>, addStatic?: boolean) => {
     readonly classes: {
+        root: string;
         container: string;
         baseContainer: string;
-        root: string;
         icon: string;
         iconSelected: string;
         menuListRoot: string;
@@ -9121,17 +9118,17 @@ declare const useClasses_26: (classesProp?: Partial<Record<"typography" | "root"
 declare const useClasses_27: (classesProp?: Partial<Record<"container" | "xs" | "sm" | "md" | "lg" | "xl" | "root" | "square" | "img" | "status" | "fallback" | "avatar" | "badge" | "circular", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
-        container: string;
         img: string;
         fallback: string;
         status: string;
-        avatar: string;
-        badge: string;
+        container: string;
         xs: string;
         sm: string;
         md: string;
         lg: string;
         xl: string;
+        avatar: string;
+        badge: string;
         circular: string;
         square: string;
     };
@@ -9187,13 +9184,15 @@ declare const useClasses_30: (classesProp?: Partial<Record<"root" | "rootClosed"
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_31: (classesProp?: Partial<Record<"warning" | "root" | "action" | "default" | "success" | "error" | "message" | "actionContainer" | "messageContainer" | "iconContainer" | "messageActions" | "closeAction" | "baseVariant" | "outContainer" | "actionsInnerContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_31: (classesProp?: Partial<Record<"accent" | "warning" | "info" | "root" | "action" | "default" | "success" | "error" | "message" | "actionContainer" | "messageContainer" | "iconContainer" | "messageActions" | "closeAction" | "baseVariant" | "outContainer" | "actionsInnerContainer", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         success: string;
         warning: string;
         error: string;
         default: string;
+        info: string;
+        accent: string;
         message: string;
         action: string;
         messageContainer: string;
@@ -9209,7 +9208,7 @@ declare const useClasses_31: (classesProp?: Partial<Record<"warning" | "root" |
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_32: (classesProp?: Partial<Record<"root" | "disabled" | "semantic" | "icon" | "checked" | "indeterminate" | "focusVisible", string>>, addStatic?: boolean) => {
+declare const useClasses_32: (classesProp?: Partial<Record<"root" | "checked" | "semantic" | "indeterminate" | "disabled" | "icon" | "focusVisible", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         disabled: string;
@@ -9223,7 +9222,7 @@ declare const useClasses_32: (classesProp?: Partial<Record<"root" | "disabled" |
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_33: (classesProp?: Partial<Record<"root" | "disabled" | "semantic" | "icon" | "checked" | "focusVisible", string>>, addStatic?: boolean) => {
+declare const useClasses_33: (classesProp?: Partial<Record<"root" | "checked" | "semantic" | "disabled" | "icon" | "focusVisible", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         disabled: string;
@@ -9236,7 +9235,7 @@ declare const useClasses_33: (classesProp?: Partial<Record<"root" | "disabled" |
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_34: (classesProp?: Partial<Record<"root" | "disabled" | "readOnly" | "switch" | "switchBase" | "track" | "checked" | "thumb" | "focusVisible", string>>, addStatic?: boolean) => {
+declare const useClasses_34: (classesProp?: Partial<Record<"root" | "checked" | "disabled" | "readOnly" | "switch" | "switchBase" | "track" | "thumb" | "focusVisible", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         switch: string;
@@ -9280,7 +9279,7 @@ declare const useClasses_36: (classesProp?: Partial<Record<"root" | "semantic" |
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_37: (classesProp?: Partial<Record<"container" | "label" | "root" | "disabled" | "semantic" | "checkbox" | "checked" | "indeterminate" | "focusVisible" | "invalidContainer" | "invalidCheckbox", string>>, addStatic?: boolean) => {
+declare const useClasses_37: (classesProp?: Partial<Record<"container" | "label" | "root" | "checked" | "semantic" | "indeterminate" | "disabled" | "checkbox" | "focusVisible" | "invalidContainer" | "invalidCheckbox", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         container: string;
@@ -10099,7 +10098,7 @@ declare const useClasses_84: (classesProp?: Partial<Record<"root", string>>, add
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_85: (classesProp?: Partial<Record<"root" | "input" | "icon" | "button" | "text" | "inputRoot" | "inputBorderContainer" | "largeText" | "textEmpty" | "iconVisible", string>>, addStatic?: boolean) => {
+declare const useClasses_85: (classesProp?: Partial<Record<"text" | "root" | "input" | "icon" | "button" | "inputRoot" | "inputBorderContainer" | "largeText" | "textEmpty" | "iconVisible", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         inputBorderContainer: string;
@@ -10202,7 +10201,7 @@ declare const useClasses_91: (classesProp?: Partial<Record<"root" | "formContain
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_92: (classesProp?: Partial<Record<"secondary" | "primary" | "vertical" | "root" | "secondarySubtle" | "selected" | "button" | "secondaryGhost" | "multiple" | "splitGroup" | "primaryGhost" | "primarySubtle" | "splitGroupDisabled" | "firstButton" | "lastButton", string>>, addStatic?: boolean) => {
+declare const useClasses_92: (classesProp?: Partial<Record<"primary" | "primarySubtle" | "secondary" | "vertical" | "root" | "secondarySubtle" | "selected" | "button" | "secondaryGhost" | "multiple" | "splitGroup" | "primaryGhost" | "splitGroupDisabled" | "firstButton" | "lastButton", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         multiple: string;
@@ -10299,7 +10298,7 @@ declare const useClasses_97: (classesProp?: Partial<Record<"root" | "topGroup" |
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_98: (classesProp?: Partial<Record<"container" | "label" | "root" | "disabled" | "semantic" | "radio" | "checked" | "focusVisible" | "invalidContainer" | "invalidRadio", string>>, addStatic?: boolean) => {
+declare const useClasses_98: (classesProp?: Partial<Record<"container" | "label" | "root" | "checked" | "semantic" | "disabled" | "radio" | "focusVisible" | "invalidContainer" | "invalidRadio", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         container: string;
@@ -10316,7 +10315,7 @@ declare const useClasses_98: (classesProp?: Partial<Record<"container" | "label"
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_99: (classesProp?: Partial<Record<"root" | "selected" | "button" | "text" | "bullet" | "bulletSelected", string>>, addStatic?: boolean) => {
+declare const useClasses_99: (classesProp?: Partial<Record<"text" | "root" | "selected" | "button" | "bullet" | "bulletSelected", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         button: string;
@@ -10836,10 +10835,4 @@ export declare const warningTextClasses: {
     topBorder: string;
 };
 
-/** @deprecated wrap your component with `HvTooltip` */
-export declare const withTooltip: (Component: React.FunctionComponent, label: string | undefined, placement: HvTooltipPlacementType, hideTooltip?: (event: React.MouseEvent<HTMLDivElement>) => boolean, tooltipProps?: Partial<HvTooltipProps>, tooltipContainerProps?: HvBaseProps) => (props: any) => JSX_2.Element;
-
-/** @deprecated */
-export declare const wrapperTooltip: (hasTooltips: boolean, Component: any, label: any) => ((props: any) => JSX_2.Element) | (() => any);
-
 export { }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hitachivantara/uikit-react-core",
-  "version": "5.89.0",
+  "version": "5.91.0",
   "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.14.0",
-    "@hitachivantara/uikit-react-shared": "^5.3.25",
-    "@hitachivantara/uikit-react-utils": "^0.2.26",
-    "@hitachivantara/uikit-styles": "^5.42.0",
+    "@hitachivantara/uikit-react-icons": "^5.14.2",
+    "@hitachivantara/uikit-react-shared": "^5.3.27",
+    "@hitachivantara/uikit-react-utils": "^0.2.28",
+    "@hitachivantara/uikit-styles": "^5.44.0",
     "@internationalized/date": "^3.2.0",
     "@mui/base": "5.0.0-beta.68",
     "@popperjs/core": "^2.11.8",
@@ -62,7 +62,7 @@
     "access": "public",
     "directory": "package"
   },
-  "gitHead": "aa4abe1847a1621258a0ed5dd721c7fd39f6c276",
+  "gitHead": "6e2771d0ab5d8b8f3fa36e35da3c4233ffa59db9",
   "exports": {
     ".": {
       "types": "./dist/types/index.d.ts",

package/dist/cjs/hocs/withTooltip.cjs

@@ -1,53 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
-const Tooltip = require("../Tooltip/Tooltip.cjs");
-const styles = {
-  truncate: {
-    overflow: "hidden",
-    textOverflow: "ellipsis",
-    whiteSpace: "nowrap"
-  }
-};
-const withTooltip = (Component, label = "", placement, hideTooltip, tooltipProps, tooltipContainerProps) => (
-  // eslint-disable-next-line react/display-name
-  (props) => {
-    const [isHoverDisabled, setIsHoverDisabled] = React.useState(
-      false
-    );
-    const [open, setOpen] = React.useState(false);
-    const handleMouseEnter = (event) => {
-      const isHidden = hideTooltip?.(event);
-      setIsHoverDisabled(isHidden);
-      setOpen(!isHidden);
-    };
-    const handleMouseLeave = () => {
-      setIsHoverDisabled(false);
-      setOpen(false);
-    };
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      Tooltip.HvTooltip,
-      {
-        style: { ...styles.truncate },
-        disableHoverListener: isHoverDisabled,
-        disableFocusListener: true,
-        disableTouchListener: true,
-        title: label,
-        open,
-        placement,
-        ...tooltipProps,
-        children: /* @__PURE__ */ jsxRuntime.jsx(
-          "div",
-          {
-            ...tooltipContainerProps,
-            onMouseEnter: handleMouseEnter,
-            onMouseLeave: handleMouseLeave,
-            children: /* @__PURE__ */ jsxRuntime.jsx(Component, { ...props })
-          }
-        )
-      }
-    );
-  }
-);
-exports.withTooltip = withTooltip;

package/dist/cjs/utils/Random.cjs

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-class Random {
-  i;
-  max;
-  min;
-  constructor(seed = 0, max = 1, min = 0) {
-    this.i = seed;
-    this.max = max;
-    this.min = min;
-  }
-  next(max = this.max, min = this.min) {
-    const r = Math.abs(Math.sin(this.i)) * 10 ** 4 % 1;
-    this.i += 1;
-    return Math.floor(r * (max - min + 1)) + min;
-  }
-}
-exports.Random = Random;

package/dist/cjs/utils/checkValidHexColorValue.cjs

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const checkValidHexColorValue = (value) => {
-  const reg = /^#([0-9a-f]{3}){1,2}$/i;
-  return value ? reg.test(value) : false;
-};
-exports.checkValidHexColorValue = checkValidHexColorValue;

package/dist/cjs/utils/wrapperTooltip.cjs

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const withTooltip = require("../hocs/withTooltip.cjs");
-const hideTooltip = (evt) => {
-  const isOverFlow = evt.target.children.length > 1 ? Array.of(...evt.target.children).some(
-    (child) => child.scrollWidth > child.clientWidth
-  ) : evt.target.scrollWidth > evt.target.clientWidth;
-  return !isOverFlow;
-};
-const wrapperTooltip = (hasTooltips, Component, label) => {
-  const ComponentFunction = () => Component;
-  return hasTooltips ? withTooltip.withTooltip(ComponentFunction, label, "top", hideTooltip) : ComponentFunction;
-};
-exports.wrapperTooltip = wrapperTooltip;

package/dist/esm/hocs/withTooltip.js

@@ -1,53 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { useState } from "react";
-import { HvTooltip } from "../Tooltip/Tooltip.js";
-const styles = {
-  truncate: {
-    overflow: "hidden",
-    textOverflow: "ellipsis",
-    whiteSpace: "nowrap"
-  }
-};
-const withTooltip = (Component, label = "", placement, hideTooltip, tooltipProps, tooltipContainerProps) => (
-  // eslint-disable-next-line react/display-name
-  (props) => {
-    const [isHoverDisabled, setIsHoverDisabled] = useState(
-      false
-    );
-    const [open, setOpen] = useState(false);
-    const handleMouseEnter = (event) => {
-      const isHidden = hideTooltip?.(event);
-      setIsHoverDisabled(isHidden);
-      setOpen(!isHidden);
-    };
-    const handleMouseLeave = () => {
-      setIsHoverDisabled(false);
-      setOpen(false);
-    };
-    return /* @__PURE__ */ jsx(
-      HvTooltip,
-      {
-        style: { ...styles.truncate },
-        disableHoverListener: isHoverDisabled,
-        disableFocusListener: true,
-        disableTouchListener: true,
-        title: label,
-        open,
-        placement,
-        ...tooltipProps,
-        children: /* @__PURE__ */ jsx(
-          "div",
-          {
-            ...tooltipContainerProps,
-            onMouseEnter: handleMouseEnter,
-            onMouseLeave: handleMouseLeave,
-            children: /* @__PURE__ */ jsx(Component, { ...props })
-          }
-        )
-      }
-    );
-  }
-);
-export {
-  withTooltip
-};

package/dist/esm/hocs/withTooltip.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"withTooltip.js","sources":["../../../src/hocs/withTooltip.tsx"],"sourcesContent":["import { useState } from \"react\";\n\nimport { HvTooltip, HvTooltipPlacementType, HvTooltipProps } from \"../Tooltip\";\nimport { HvBaseProps } from \"../types/generic\";\n\nconst styles: { truncate: React.CSSProperties } = {\n  truncate: {\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n    whiteSpace: \"nowrap\",\n  },\n};\n\n/** @deprecated wrap your component with `HvTooltip` */\nexport const withTooltip =\n  (\n    Component: React.FunctionComponent,\n    // eslint-disable-next-line @typescript-eslint/default-param-last\n    label = \"\",\n    placement: HvTooltipPlacementType,\n    hideTooltip?: (event: React.MouseEvent<HTMLDivElement>) => boolean,\n    tooltipProps?: Partial<HvTooltipProps>,\n    tooltipContainerProps?: HvBaseProps,\n  ) =>\n  // eslint-disable-next-line react/display-name\n  (props: any) => {\n    const [isHoverDisabled, setIsHoverDisabled] = useState<boolean | undefined>(\n      false,\n    );\n    const [open, setOpen] = useState<boolean>(false);\n\n    const handleMouseEnter = (event: React.MouseEvent<HTMLDivElement>) => {\n      const isHidden = hideTooltip?.(event);\n      setIsHoverDisabled(isHidden);\n      setOpen(!isHidden);\n    };\n\n    const handleMouseLeave = () => {\n      setIsHoverDisabled(false);\n      setOpen(false);\n    };\n\n    return (\n      <HvTooltip\n        style={{ ...styles.truncate }}\n        disableHoverListener={isHoverDisabled}\n        disableFocusListener\n        disableTouchListener\n        title={label}\n        open={open}\n        placement={placement}\n        {...tooltipProps}\n      >\n        <div\n          {...tooltipContainerProps}\n          onMouseEnter={handleMouseEnter}\n          onMouseLeave={handleMouseLeave}\n        >\n          <Component {...props} />\n        </div>\n      </HvTooltip>\n    );\n  };\n"],"names":[],"mappings":";;;AAKA,MAAM,SAA4C;AAAA,EAChD,UAAU;AAAA,IACR,UAAU;AAAA,IACV,cAAc;AAAA,IACd,YAAY;AAAA,EAAA;AAEhB;AAGO,MAAM,cACX,CACE,WAEA,QAAQ,IACR,WACA,aACA,cACA;AAAA;AAAA,EAGF,CAAC,UAAe;AACR,UAAA,CAAC,iBAAiB,kBAAkB,IAAI;AAAA,MAC5C;AAAA,IACF;AACA,UAAM,CAAC,MAAM,OAAO,IAAI,SAAkB,KAAK;AAEzC,UAAA,mBAAmB,CAAC,UAA4C;AAC9D,YAAA,WAAW,cAAc,KAAK;AACpC,yBAAmB,QAAQ;AAC3B,cAAQ,CAAC,QAAQ;AAAA,IACnB;AAEA,UAAM,mBAAmB,MAAM;AAC7B,yBAAmB,KAAK;AACxB,cAAQ,KAAK;AAAA,IACf;AAGE,WAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAO,EAAE,GAAG,OAAO,SAAS;AAAA,QAC5B,sBAAsB;AAAA,QACtB,sBAAoB;AAAA,QACpB,sBAAoB;AAAA,QACpB,OAAO;AAAA,QACP;AAAA,QACA;AAAA,QACC,GAAG;AAAA,QAEJ,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACE,GAAG;AAAA,YACJ,cAAc;AAAA,YACd,cAAc;AAAA,YAEd,UAAA,oBAAC,WAAW,EAAA,GAAG,MAAO,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACxB;AAAA,IACF;AAAA,EAAA;AAAA;"}

package/dist/esm/utils/Random.js

@@ -1,18 +0,0 @@
-class Random {
-  i;
-  max;
-  min;
-  constructor(seed = 0, max = 1, min = 0) {
-    this.i = seed;
-    this.max = max;
-    this.min = min;
-  }
-  next(max = this.max, min = this.min) {
-    const r = Math.abs(Math.sin(this.i)) * 10 ** 4 % 1;
-    this.i += 1;
-    return Math.floor(r * (max - min + 1)) + min;
-  }
-}
-export {
-  Random
-};

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

@@ -1 +0,0 @@
-{"version":3,"file":"Random.js","sources":["../../../src/utils/Random.ts"],"sourcesContent":["export class Random {\n  i: number;\n\n  max: number;\n\n  min: number;\n\n  constructor(seed = 0, max = 1, min = 0) {\n    this.i = seed;\n    this.max = max;\n    this.min = min;\n  }\n\n  next(max = this.max, min = this.min) {\n    const r = (Math.abs(Math.sin(this.i)) * 10 ** 4) % 1;\n    this.i += 1;\n    return Math.floor(r * (max - min + 1)) + min;\n  }\n}\n"],"names":[],"mappings":"AAAO,MAAM,OAAO;AAAA,EAClB;AAAA,EAEA;AAAA,EAEA;AAAA,EAEA,YAAY,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG;AACtC,SAAK,IAAI;AACT,SAAK,MAAM;AACX,SAAK,MAAM;AAAA,EAAA;AAAA,EAGb,KAAK,MAAM,KAAK,KAAK,MAAM,KAAK,KAAK;AAC7B,UAAA,IAAK,KAAK,IAAI,KAAK,IAAI,KAAK,CAAC,CAAC,IAAI,MAAM,IAAK;AACnD,SAAK,KAAK;AACV,WAAO,KAAK,MAAM,KAAK,MAAM,MAAM,EAAE,IAAI;AAAA,EAAA;AAE7C;"}

package/dist/esm/utils/checkValidHexColorValue.js

@@ -1,7 +0,0 @@
-const checkValidHexColorValue = (value) => {
-  const reg = /^#([0-9a-f]{3}){1,2}$/i;
-  return value ? reg.test(value) : false;
-};
-export {
-  checkValidHexColorValue
-};

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

@@ -1 +0,0 @@
-{"version":3,"file":"checkValidHexColorValue.js","sources":["../../../src/utils/checkValidHexColorValue.ts"],"sourcesContent":["export const checkValidHexColorValue = (value?: string): boolean => {\n  const reg = /^#([0-9a-f]{3}){1,2}$/i;\n  return value ? reg.test(value) : false;\n};\n"],"names":[],"mappings":"AAAa,MAAA,0BAA0B,CAAC,UAA4B;AAClE,QAAM,MAAM;AACZ,SAAO,QAAQ,IAAI,KAAK,KAAK,IAAI;AACnC;"}