@hitachivantara/uikit-react-core 6.4.1 → 6.4.2

package/dist/AvatarGroup/AvatarGroupContext.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { useContext, createContext, useMemo } from "react";
+import { useContext, useMemo, createContext } from "react";
 const HvAvatarGroupContext = createContext(null);
 const HvAvatarGroupProvider = ({
   size,

package/dist/BaseCheckBox/CheckBoxIcon.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
-import { useDefaultProps, createClasses, mergeStyles } from "@hitachivantara/uikit-react-utils";
+import { useDefaultProps, mergeStyles, createClasses } from "@hitachivantara/uikit-react-utils";
 import { getColor, theme } from "@hitachivantara/uikit-styles";
 import { SvgBase } from "../icons.js";
 const { useClasses } = createClasses("HvCheckBoxIcon", {

package/dist/BaseRadio/RadioIcon.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { useDefaultProps, createClasses, mergeStyles } from "@hitachivantara/uikit-react-utils";
+import { useDefaultProps, mergeStyles, createClasses } from "@hitachivantara/uikit-react-utils";
 import { getColor, theme } from "@hitachivantara/uikit-styles";
 import { SvgBase } from "../icons.js";
 const { useClasses } = createClasses("HvRadioIcon", {

package/dist/Calendar/SingleCalendar/CalendarCell.js

@@ -82,6 +82,5 @@ const HvCalendarCell = (props) => {
 };
 export {
   HvCalendarCell,
-  staticClasses as calendarCellClasses,
-  HvCalendarCell as default
+  staticClasses as calendarCellClasses
 };

package/dist/Calendar/model.js

@@ -62,6 +62,5 @@ const generateCalendarModel = (seedValue, visibleMonth, visibleYear) => {
   return calendarModel;
 };
 export {
-  CalendarModel as default,
   generateCalendarModel
 };

package/dist/ColorPicker/Swatch.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { useDefaultProps, createClasses, mergeStyles } from "@hitachivantara/uikit-react-utils";
+import { useDefaultProps, mergeStyles, createClasses } from "@hitachivantara/uikit-react-utils";
 import { theme } from "@hitachivantara/uikit-styles";
 import { HvButtonBase } from "../ButtonBase/ButtonBase.js";
 const { useClasses } = createClasses("HvColorPickerSwatch", {

package/dist/Controls/context/ControlsContext.js

@@ -4,6 +4,5 @@ const HvControlsContextProvider = HvControlsContext.Provider;
 HvControlsContext.Consumer;
 export {
   HvControlsContext,
-  HvControlsContextProvider,
-  HvControlsContext as default
+  HvControlsContextProvider
 };

package/dist/DatePicker/DatePicker.js

@@ -17,8 +17,8 @@ import { getDateLabel } from "./utils.js";
 import { HvCalendar } from "../Calendar/Calendar.js";
 import { HvFormElement } from "../FormElement/FormElement.js";
 import { HvBaseDropdown } from "../BaseDropdown/BaseDropdown.js";
-import { isInvalid } from "../FormElement/utils.js";
 import { HvWarningText } from "../FormElement/WarningText/WarningText.js";
+import { isInvalid } from "../FormElement/utils.js";
 import { HvActionBar } from "../ActionBar/ActionBar.js";
 import { HvButton } from "../Button/Button.js";
 const DEFAULT_LABELS = {

package/dist/DatePicker/utils.js

@@ -1,4 +1,4 @@
-import { getFormattedDate, isDate, isSameMonth, getMonthName } from "../Calendar/utils.js";
+import { isDate, isSameMonth, getFormattedDate, getMonthName } from "../Calendar/utils.js";
 const validateDate = (date) => isDate(date) && date || /* @__PURE__ */ new Date();
 const getFormattedDateRange = (date, locale) => {
   const { startDate, endDate } = date;

package/dist/Dialog/context.js

@@ -1,4 +1,4 @@
-import { useContext, createContext } from "react";
+import { createContext, useContext } from "react";
 const DialogContext = createContext({ fullScreen: false });
 const useDialogContext = () => useContext(DialogContext);
 export {

package/dist/Dropdown/Dropdown.js

@@ -15,9 +15,9 @@ import { getSelectionLabel, getSelected } from "./utils.js";
 import { HvDropdownList } from "./List/List.js";
 import { HvFormElement } from "../FormElement/FormElement.js";
 import { HvBaseDropdown } from "../BaseDropdown/BaseDropdown.js";
-import { isInvalid } from "../FormElement/utils.js";
 import { HvWarningText } from "../FormElement/WarningText/WarningText.js";
 import { HvTypography } from "../Typography/Typography.js";
+import { isInvalid } from "../FormElement/utils.js";
 const DEFAULT_LABELS = {
   /** Label for overwrite the default header behavior. */
   select: void 0,

package/dist/Dropdown/List/List.js

@@ -9,9 +9,9 @@ import { useClasses } from "./List.styles.js";
 import { staticClasses } from "./List.styles.js";
 import { HvActionBar } from "../../ActionBar/ActionBar.js";
 import { HvList } from "../../List/List.js";
-import { HvButton } from "../../Button/Button.js";
 import { HvInput } from "../../Input/Input.js";
 import { HvCheckBox } from "../../CheckBox/CheckBox.js";
+import { HvButton } from "../../Button/Button.js";
 const clone = (values) => values.map((value) => ({ ...value }));
 const cleanHidden = (lst) => lst.map((item) => ({ ...item, isHidden: false }));
 const valuesExist = (values) => values != null && values?.length > 0;

package/dist/Header/Header.styles.js

@@ -18,6 +18,7 @@ const { staticClasses, useClasses } = createClasses("HvHeader", {
     alignItems: "center",
     width: "100%",
     height: "100%",
+    position: "relative",
     padding: theme.spacing(0, "sm"),
     "& > *:not(nav)": {
       zIndex: 2

package/dist/IconContainer/IconContainer.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { createClasses, useDefaultProps, mergeStyles } from "@hitachivantara/uikit-react-utils";
+import { useDefaultProps, mergeStyles, createClasses } from "@hitachivantara/uikit-react-utils";
 import { getColor } from "@hitachivantara/uikit-styles";
 const { staticClasses, useClasses } = createClasses("HvIconContainer", {
   root: {

package/dist/OverflowTooltip/OverflowTooltip.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { useMemo } from "react";
+import { useState, useMemo } from "react";
 import { useResizeDetector } from "react-resize-detector";
 import { useDefaultProps } from "@hitachivantara/uikit-react-utils";
 import { useClasses } from "./OverflowTooltip.styles.js";
@@ -8,39 +8,31 @@ import { HvTooltip } from "../Tooltip/Tooltip.js";
 const isParagraph = (children = "") => /\s/.test(children);
 const HvOverflowTooltip = (props) => {
   const {
-    id,
     classes: classesProp,
     className,
     data,
-    open,
     paragraphOverflow,
-    placement = "top-start",
-    tooltipsProps
+    tooltipsProps,
+    ...others
   } = useDefaultProps("HvOverflowTooltip", props);
   const { classes, cx } = useClasses(classesProp);
-  const {
-    height = 0,
-    width = 0,
-    ref
-  } = useResizeDetector({
-    refreshMode: "debounce",
-    refreshOptions: {
-      trailing: true
-    },
-    handleHeight: false
-  });
+  const [isOverflowing, setIsOverflowing] = useState(false);
   const isParag = useMemo(
     () => paragraphOverflow && isParagraph(data?.toString()),
     [data, paragraphOverflow]
   );
-  const isOverflowing = useMemo(() => {
-    if (isParag) {
-      const scrollHeight = ref.current?.scrollHeight || 0;
-      return scrollHeight - height >= 1;
+  const { ref } = useResizeDetector({
+    refreshMode: "throttle",
+    disableRerender: true,
+    refreshRate: 100,
+    refreshOptions: { trailing: true, leading: true },
+    onResize({ width, height, entry }) {
+      const { scrollHeight = 0, scrollWidth = 0 } = entry?.target || {};
+      setIsOverflowing(
+        isParag ? scrollHeight - (height || 0) >= 1 : scrollWidth - (width || 0) >= 1
+      );
     }
-    const scrollWidth = ref.current?.scrollWidth || 0;
-    return scrollWidth - width >= 1;
-  }, [height, isParag, ref, width]);
+  });
   const content = useMemo(
     () => /* @__PURE__ */ jsx(
       "div",
@@ -69,15 +61,13 @@ const HvOverflowTooltip = (props) => {
   return /* @__PURE__ */ jsx(
     HvTooltip,
     {
-      id,
       disableHoverListener: !isOverflowing,
-      open,
-      placement,
       classes: { tooltip: classes.tooltipData },
       title: data,
       "aria-label": null,
       "aria-labelledby": null,
       ...tooltipsProps,
+      ...others,
       children: content
     }
   );

package/dist/QueryBuilder/utils/index.js

@@ -1,4 +1,4 @@
-import { uniqueId, isEqual } from "../../utils/helpers.js";
+import { isEqual, uniqueId } from "../../utils/helpers.js";
 const isBigList = (values) => values != null && values?.length > 10;
 const ID_PREFIX = "@hv_";
 const createId = () => uniqueId(ID_PREFIX);

package/dist/Radio/Radio.js

@@ -7,10 +7,10 @@ import { setId } from "../utils/setId.js";
 import { useClasses } from "./Radio.styles.js";
 import { staticClasses } from "./Radio.styles.js";
 import { HvBaseRadio } from "../BaseRadio/BaseRadio.js";
-import { isInvalid } from "../FormElement/utils.js";
 import { HvFormElement } from "../FormElement/FormElement.js";
 import { HvLabel } from "../FormElement/Label/Label.js";
 import { HvWarningText } from "../FormElement/WarningText/WarningText.js";
+import { isInvalid } from "../FormElement/utils.js";
 const HvRadio = forwardRef(
   function HvRadio2(props, ref) {
     const {

package/dist/Select/OptionGroup.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { OptionGroup } from "@mui/base";
-import { createClasses, useDefaultProps } from "@hitachivantara/uikit-react-utils";
+import { useDefaultProps, createClasses } from "@hitachivantara/uikit-react-utils";
 import { theme } from "@hitachivantara/uikit-styles";
 const { staticClasses, useClasses } = createClasses("HvOptionGroup", {
   root: {

package/dist/SnackbarProvider/SnackbarProvider.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
-import { useCallback, forwardRef, useMemo } from "react";
-import { useSnackbar, SnackbarProvider, SnackbarContent } from "notistack";
+import { useCallback, useMemo, forwardRef } from "react";
+import { SnackbarProvider, useSnackbar, SnackbarContent } from "notistack";
 import { useDefaultProps } from "@hitachivantara/uikit-react-utils";
 import { useClasses } from "./SnackbarProvider.styles.js";
 import { staticClasses } from "./SnackbarProvider.styles.js";

package/dist/Switch/Switch.js

@@ -9,8 +9,8 @@ import { staticClasses } from "./Switch.styles.js";
 import { HvBaseSwitch } from "../BaseSwitch/BaseSwitch.js";
 import { HvFormElement } from "../FormElement/FormElement.js";
 import { HvLabel } from "../FormElement/Label/Label.js";
-import { isInvalid } from "../FormElement/utils.js";
 import { HvWarningText } from "../FormElement/WarningText/WarningText.js";
+import { isInvalid } from "../FormElement/utils.js";
 const HvSwitch = forwardRef(
   function HvSwitch2(props, ref) {
     const {

package/dist/Table/TableHeader/TableHeader.js

@@ -7,7 +7,7 @@ import TableContext from "../TableContext.js";
 import { TableSectionContext } from "../TableSectionContext.js";
 import { useClasses } from "./TableHeader.styles.js";
 import { staticClasses } from "./TableHeader.styles.js";
-import { isParagraph, getSortIconName } from "./utils.js";
+import { getSortIconName, isParagraph } from "./utils.js";
 import { HvTypography } from "../../Typography/Typography.js";
 import { HvButtonBase } from "../../ButtonBase/ButtonBase.js";
 const defaultComponent = "th";

package/dist/Table/hooks/useHvRowSelection.js

@@ -35,6 +35,7 @@ const visibleColumnsHook = (columns) => {
     // this will only work when using useHvTableSticky
     // but ensures it stays left of any sticky column
     sticky: "left",
+    disableGlobalFilter: true,
     Cell: CellWithCheckBox
   };
   return [selectionColumn, ...columns];

package/dist/Table/renderers/renderers.js

@@ -1,4 +1,4 @@
-import { jsx, Fragment, jsxs } from "react/jsx-runtime";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { ClassNames } from "@emotion/react";
 import { HvIcon } from "../../icons.js";
 import { setId } from "../../utils/setId.js";
@@ -7,8 +7,8 @@ import { HvDropdownColumnCell } from "./DropdownColumnCell.js";
 import { HvProgressColumnCell } from "./ProgressColumnCell.js";
 import { HvSwitchColumnCell } from "./SwitchColumnCell.js";
 import { HvTag } from "../../Tag/Tag.js";
-import { HvOverflowTooltip } from "../../OverflowTooltip/OverflowTooltip.js";
 import { HvButton } from "../../Button/Button.js";
+import { HvOverflowTooltip } from "../../OverflowTooltip/OverflowTooltip.js";
 const EM_DASH = "—";
 const hvStringFallback = (value) => {
   return typeof value === "string" && value !== "" ? value : EM_DASH;

package/dist/TextArea/TextArea.js

@@ -12,9 +12,9 @@ import { staticClasses } from "./TextArea.styles.js";
 import { HvFormElement } from "../FormElement/FormElement.js";
 import { HvCharCounter } from "../FormElement/CharCounter/CharCounter.js";
 import { HvBaseInput } from "../BaseInput/BaseInput.js";
-import { isInvalid } from "../FormElement/utils.js";
 import { HvWarningText } from "../FormElement/WarningText/WarningText.js";
 import { HvInfoMessage } from "../FormElement/InfoMessage/InfoMessage.js";
+import { isInvalid } from "../FormElement/utils.js";
 const HvTextArea = forwardRef(function HvTextArea2(props, ref) {
   const {
     id,

package/dist/TreeView/TreeItem/DefaultContent.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { createClasses, useCss } from "@hitachivantara/uikit-react-utils";
+import { useCss, createClasses } from "@hitachivantara/uikit-react-utils";
 import { useHvTreeItem } from "./useHvTreeItem.js";
 const { useClasses } = createClasses("HvTreeContent", {
   root: {},

package/dist/index.d.ts

@@ -32,7 +32,6 @@ import { HvBaseTheme } from '@hitachivantara/uikit-styles';
 import { HvBreakpoints } from '@hitachivantara/uikit-styles';
 import { HvColor } from '@hitachivantara/uikit-styles';
 import { HvColorAny } from '@hitachivantara/uikit-styles';
-import { HvListValue as HvListValue_2 } from '../..';
 import { HvRadius } from '@hitachivantara/uikit-styles';
 import { HvSize } from '@hitachivantara/uikit-styles';
 import { PluginHook as HvTablePluginHook } from 'react-table';
@@ -135,11 +134,6 @@ import { UseSortByOptions } from 'react-table';
 import { UseSortByState } from 'react-table';
 import { UseTableHeaderGroupProps } from 'react-table';
 import { useTheme } from '@hitachivantara/uikit-react-utils';
-import { UseTreeViewExpansionInstance } from '../internals/hooks/plugins/useTreeViewExpansion';
-import { UseTreeViewFocusInstance } from '../internals/hooks/plugins/useTreeViewFocus';
-import { UseTreeViewKeyboardNavigationInstance } from '../internals/hooks/plugins/useTreeViewKeyboardNavigation';
-import { UseTreeViewNodesInstance } from '../internals/hooks/plugins/useTreeViewNodes';
-import { UseTreeViewSelectionInstance } from '../internals/hooks/plugins/useTreeViewSelection';
 
 declare type Accessor<D extends object> = (originalRow: D, index: number, sub: {
     subRows: D[];
@@ -2810,7 +2804,7 @@ export declare type HvDropdownClasses = ExtractNames<typeof useClasses_59>;
 
 export declare function hvDropdownColumn<D extends object = Record<string, unknown>, H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer>(col: HvTableColumnConfig<D, H>, id: string | undefined, placeholder: string, disabledPlaceholder: string, onChange?: (identifier: string, value: HvListValue) => void, dropdownProps?: HvDropdownProps<false>): HvTableColumnConfig<D, H>;
 
-export declare const HvDropdownColumnCell: <Multiple extends boolean = false, OptionValue extends HvListValue_2 = HvListValue_2>(props: HvDropdownProps<Multiple, OptionValue> & RefAttributes<HTMLDivElement>) => React.ReactNode;
+export declare const HvDropdownColumnCell: <Multiple extends boolean = false, OptionValue extends HvListValue = HvListValue>(props: HvDropdownProps<Multiple, OptionValue> & RefAttributes<HTMLDivElement>) => React.ReactNode;
 
 export declare interface HvDropdownColumnCellProp extends HvDropdownProps<false> {
 }
@@ -4378,16 +4372,12 @@ export declare const HvOverflowTooltip: (props: HvOverflowTooltipProps) => JSX_2
 
 export declare type HvOverflowTooltipClasses = ExtractNames<typeof useClasses_91>;
 
-export declare interface HvOverflowTooltipProps extends HvBaseProps {
+export declare interface HvOverflowTooltipProps extends Omit<Partial<HvTooltipProps>, "classes" | "children"> {
     /** The node that will be rendered inside the tooltip. */
     data: React.ReactNode;
-    /** If true, the tooltip is shown. */
-    open?: boolean;
     /** 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";
-    /** Extra properties to add to the tooltip. */
+    /** Extra properties to add to the tooltip. @deprecated pass properties directly to the component */
     tooltipsProps?: Partial<HvTooltipProps>;
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvOverflowTooltipClasses;
@@ -7765,6 +7755,22 @@ export declare const treeViewItemClasses: {
     icon: string;
 };
 
+declare interface TreeViewItemRange {
+    start?: string | null;
+    end?: string | null;
+    next?: string | null;
+    current?: string;
+}
+
+declare interface TreeViewNode {
+    id: string;
+    idAttribute: string | undefined;
+    index: number;
+    parentId: string | null;
+    expandable: boolean;
+    disabled: boolean | undefined;
+}
+
 declare type TreeViewSelectionValue<Multiple extends boolean | undefined> = Multiple extends true ? string[] : string | null;
 
 declare type TypeSuffix = "" | "Subtle" | "Ghost";
@@ -10022,6 +10028,13 @@ declare interface UseTreeViewContextValueBuilderParameters {
     defaultParentIcon?: React.ReactNode;
 }
 
+declare interface UseTreeViewExpansionInstance {
+    isNodeExpanded: (nodeId: string) => boolean;
+    isNodeExpandable: (nodeId: string) => boolean;
+    toggleNodeExpansion: (event: React_2.SyntheticEvent, value: string) => void;
+    expandAllSiblings: (event: React_2.KeyboardEvent<HTMLUListElement>, nodeId: string) => void;
+}
+
 declare interface UseTreeViewExpansionParameters {
     /**
      * Expanded node ids.
@@ -10042,6 +10055,11 @@ declare interface UseTreeViewExpansionParameters {
     onNodeToggle?: (event: React_2.SyntheticEvent, nodeIds: string[]) => void;
 }
 
+declare interface UseTreeViewFocusInstance {
+    isNodeFocused: (nodeId: string) => boolean;
+    focusNode: (event: React_2.SyntheticEvent, nodeId: string | null) => void;
+}
+
 declare interface UseTreeViewFocusParameters {
     /**
      * Callback fired when tree items are focused.
@@ -10052,6 +10070,19 @@ declare interface UseTreeViewFocusParameters {
     onNodeFocus?: (event: React_2.SyntheticEvent, nodeId: string) => void;
 }
 
+declare interface UseTreeViewKeyboardNavigationInstance {
+    mapFirstChar: (nodeId: string, firstChar: string) => () => void;
+}
+
+declare interface UseTreeViewNodesInstance {
+    getNode: (nodeId: string) => TreeViewNode;
+    updateNode: (node: TreeViewNode) => void;
+    removeNode: (nodeId: string) => void;
+    getChildrenIds: (nodeId: string | null) => string[];
+    getNavigableChildrenIds: (nodeId: string | null) => string[];
+    isNodeDisabled: (nodeId: string | null) => nodeId is string;
+}
+
 declare interface UseTreeViewNodesParameters {
     /**
      * If `true`, will allow focus on disabled items.
@@ -10060,6 +10091,14 @@ declare interface UseTreeViewNodesParameters {
     disabledItemsFocusable?: boolean;
 }
 
+declare interface UseTreeViewSelectionInstance {
+    isNodeSelected: (nodeId: string) => boolean;
+    selectNode: (event: React_2.SyntheticEvent, nodeId: string, multiple?: boolean) => void;
+    selectRange: (event: React_2.SyntheticEvent, nodes: TreeViewItemRange, stacked?: boolean) => void;
+    rangeSelectToFirst: (event: React_2.KeyboardEvent<HTMLUListElement>, nodeId: string) => void;
+    rangeSelectToLast: (event: React_2.KeyboardEvent<HTMLUListElement>, nodeId: string) => void;
+}
+
 declare interface UseTreeViewSelectionParameters<Multiple extends boolean | undefined> {
     /**
      * If `true` selection is disabled.