@hitachivantara/uikit-react-core 5.46.2 → 5.47.1

package/dist/types/index.d.ts

@@ -644,6 +644,107 @@ export declare type DeepPartial<T> = T extends Object ? Partial<{
     [P in keyof T]: DeepPartial<T[P]>;
 }> : T;
 
+declare const DEFAULT_LABELS: {
+    /** The show label. */
+    pageSizePrev: string;
+    /** Indicate the units of the page size selection. */
+    pageSizeEntryName: string;
+    /** Used for the aria-label of the selection of number of unit.s */
+    pageSizeSelectorDescription: string;
+    /** Separator of current page and total pages. */
+    pagesSeparator: string;
+    /** Title of button `firstPage`. @deprecated Use `firstPage` instead. */
+    paginationFirstPageTitle: string;
+    /** Title of button `previousPage`. @deprecated Use `previousPage` instead. */
+    paginationPreviousPageTitle: string;
+    /** Title of button `nextPage`. @deprecated Use `nextPage` instead. */
+    paginationNextPageTitle: string;
+    /** Title of button `lastPage`. @deprecated Use `lastPage` instead. */
+    paginationLastPageTitle: string;
+    /** Aria-label passed to the page input. */
+    paginationInputLabel: string;
+    /** Label of the first page button */
+    firstPage: string;
+    /** Label of the previous page button */
+    previousPage: string;
+    /** Label of the next page button */
+    nextPage: string;
+    /** Label of the last page button */
+    lastPage: string;
+};
+
+declare const DEFAULT_LABELS_2: {
+    /** The label of the clear button. */
+    clearButtonLabel: string;
+    /** The label of the reveal password button. */
+    revealPasswordButtonLabel: string;
+    /** The tooltip of the reveal password button when the password is hidden. */
+    revealPasswordButtonClickToShowTooltip: string;
+    /** The tooltip of the reveal password button when the password is revealed. */
+    revealPasswordButtonClickToHideTooltip: string;
+    /** The label of the search button. */
+    searchButtonLabel: string;
+};
+
+declare const DEFAULT_LABELS_3: {
+    recommendedColorsLabel: string;
+    customColorsLabel: string;
+};
+
+declare const DEFAULT_LABELS_4: {
+    /** Label for overwrite the default header behavior. */
+    select: string | undefined;
+    /** Label used for the All checkbox action. */
+    selectAll: string;
+    /** Cancel button label. */
+    cancelLabel: string;
+    /** Apply button label. */
+    applyLabel: string;
+    /** The label used in the middle of the multiSelection count. */
+    searchPlaceholder: string;
+    /** The label used in search. */
+    multiSelectionConjunction: string;
+};
+
+declare const DEFAULT_LABELS_5: {
+    /** Apply button label. */
+    applyLabel: string;
+    /** Cancel button label. */
+    cancelLabel: string;
+    /** Clear button label. */
+    clearLabel: string;
+    /** Invalid Date label. */
+    invalidDateLabel: string;
+};
+
+declare const DEFAULT_LABELS_6: {
+    /** Apply button label. */
+    applyLabel: string;
+    /** Cancel button label. */
+    cancelLabel: string;
+    /** Clear button label. */
+    clearLabel: string;
+    /** Placeholder label. */
+    placeholder: string;
+    /** SearchBox placeholder label. */
+    searchBoxPlaceholder: string;
+    /** Select All placeholder label. */
+    selectAll: string;
+    /** Multi selection conjunction placeholder label. */
+    multiSelectionConjunction: string;
+};
+
+declare const DEFAULT_LABELS_7: {
+    /** The text at the top of the kpi. */
+    title: string;
+    /** The text in the middle of the kpi. */
+    indicator: string | undefined;
+    /** The text to the right of the indicator. */
+    unit: string | undefined;
+    /** The text to the right of the visual comparison. */
+    comparisonIndicatorInfo: string | undefined;
+};
+
 declare type DefaultAttributes = (typeof defaultAttributes)[number];
 
 declare const defaultAttributes: readonly ["boolean", "numeric", "dateandtime", "text", "textarea"];
@@ -2457,10 +2558,7 @@ export declare interface HvColorPickerProps {
     /** If `true`, the labels are shown. If `false`, they are not shown. */
     showLabels?: boolean;
     /** An object containing all the labels. */
-    labels?: {
-        recommendedColorsLabel?: string;
-        customColorsLabel?: string;
-    };
+    labels?: Partial<typeof DEFAULT_LABELS_3>;
     /** Icon type for the input's end adornment. */
     dropdownIcon?: "arrow" | "colorPicker";
     /** If `true`, the input only shows an icon. If `false`, the input shows text and icons. */
@@ -2667,24 +2765,7 @@ export declare interface HvDatePickerProps extends Omit<HvFormElementProps, "onC
     /**
      * An object containing all the labels for the datepicker.
      */
-    labels?: {
-        /**
-         * Apply button label.
-         */
-        applyLabel?: string;
-        /**
-         * Cancel button label.
-         */
-        cancelLabel?: string;
-        /**
-         * Clear button label.
-         */
-        clearLabel?: string;
-        /**
-         * Invalid Date label.
-         */
-        invalidDateLabel?: string;
-    };
+    labels?: Partial<typeof DEFAULT_LABELS_5>;
     /**
      * The initial value of the input when in single calendar mode.
      */
@@ -2944,32 +3025,10 @@ export declare interface HvDropdownColumnCellProp {
     dropdownProps?: HvDropdownProps;
 }
 
-export declare interface HvDropdownLabelsProps {
-    /**
-     * Label for overwrite the default header behavior.
-     */
-    select?: string;
-    /**
-     * Label used for the All checkbox action.
-     */
-    selectAll?: string;
-    /**
-     * Cancel button label.
-     */
-    cancelLabel?: string;
-    /**
-     * Apply button label.
-     */
-    applyLabel?: string;
-    /**
-     * The label used in the middle of the multiSelection count.
-     */
-    multiSelectionConjunction?: string;
-    /**
-     * The label used in search.
-     */
-    searchPlaceholder?: string;
-}
+export declare type HvDropdownLabels = Partial<typeof DEFAULT_LABELS_4>;
+
+/** @deprecated use `HvDropdownLabels` instead */
+export declare type HvDropdownLabelsProps = HvDropdownLabels;
 
 declare type HvDropdownListClasses = ExtractNames<typeof useClasses_55>;
 
@@ -3014,7 +3073,7 @@ declare interface HvDropdownListProps {
     /**
      * An object containing all the labels for the dropdown.
      */
-    labels?: HvDropdownLabelsProps;
+    labels?: HvDropdownLabels;
     /**
      * If 'true' the dropdown will notify on the first render.
      */
@@ -3171,7 +3230,7 @@ export declare interface HvDropdownProps extends HvBaseProps<HTMLDivElement, "on
     /**
      * An object containing all the labels for the dropdown.
      */
-    labels?: HvDropdownLabelsProps;
+    labels?: HvDropdownLabels;
     /**
      * If `true` the dropdown will show tooltips when user mouseenter text in list
      */
@@ -3507,22 +3566,7 @@ export declare type HvFilterGroupFilters = {
 
 export declare type HvFilterGroupHorizontalPlacement = "left" | "right";
 
-export declare interface HvFilterGroupLabels {
-    /** Apply button label. */
-    applyLabel?: string;
-    /** Cancel button label. */
-    cancelLabel?: string;
-    /** Cancel button label. */
-    clearLabel?: string;
-    /** Placeholder label. */
-    placeholder?: string;
-    /** SearchBox placeholder label. */
-    searchBoxPlaceholder?: string;
-    /** Select All placeholder label. */
-    selectAll?: string;
-    /** Multi selection conjunction placeholder label. */
-    multiSelectionConjunction?: string;
-}
+export declare type HvFilterGroupLabels = Partial<typeof DEFAULT_LABELS_6>;
 
 export declare interface HvFilterGroupProps extends Omit<HvFormElementProps, "classes" | "onChange" | "defaultValue" | "statusMessage"> {
     /** The initial value of the input when in single calendar mode. */
@@ -4069,18 +4113,7 @@ export declare const HvInput: React_2.ForwardRefExoticComponent<HvInputProps & R
 
 export declare type HvInputClasses = ExtractNames<typeof useClasses_42>;
 
-export declare interface HvInputLabels {
-    /** The label of the clear button. */
-    clearButtonLabel?: string;
-    /** The label of the reveal password button. */
-    revealPasswordButtonLabel?: string;
-    /** The tooltip of the reveal password button when the password is hidden. */
-    revealPasswordButtonClickToShowTooltip?: string;
-    /** The tooltip of the reveal password button when the password is revealed. */
-    revealPasswordButtonClickToHideTooltip?: string;
-    /** The label of the search button. */
-    searchButtonLabel?: string;
-}
+export declare type HvInputLabels = Partial<typeof DEFAULT_LABELS_2>;
 
 export declare interface HvInputProps extends HvBaseProps<HTMLElement, "onChange" | "onBlur" | "onFocus" | "onKeyDown" | "color"> {
     /** The form element name. */
@@ -4146,7 +4179,7 @@ export declare interface HvInputProps extends HvBaseProps<HTMLElement, "onChange
     /** The placeholder value of the input. */
     placeholder?: string;
     /** Internal labels?. */
-    labels?: HvInputLabels & HvExtraProps;
+    labels?: HvInputLabels & Record<string, any>;
     /** An Object containing the various texts associated with the input. */
     validationMessages?: HvValidationMessages;
     /** Attributes applied to the input element. */
@@ -4228,24 +4261,7 @@ export declare const HvKpi: (props: HvKpiProps) => JSX_2.Element;
 
 export declare type HvKpiClasses = ExtractNames<typeof useClasses_79>;
 
-export declare interface HvKpiLabelProps {
-    /**
-     * The text at the top of the kpi.
-     */
-    title?: string;
-    /**
-     * The text in the middle of the kpi.
-     */
-    indicator?: string;
-    /**
-     * The text to the right of the indicator.
-     */
-    unit?: string;
-    /**
-     * The text to the right of the visual comparison.
-     */
-    comparisonIndicatorInfo?: string;
-}
+export declare type HvKpiLabelProps = Partial<typeof DEFAULT_LABELS_7>;
 
 export declare interface HvKpiProps extends HvBaseProps<HTMLDivElement, "children"> {
     /**
@@ -4593,34 +4609,7 @@ export declare const HvPagination: (props: HvPaginationProps) => JSX_2.Element;
 
 export declare type HvPaginationClasses = ExtractNames<typeof useClasses_43>;
 
-export declare interface HvPaginationLabels {
-    /** The show label. */
-    pageSizePrev?: string;
-    /** Indicate the units of the page size selection. */
-    pageSizeEntryName?: string;
-    /** Used for the aria-label of the selection of number of unit.s */
-    pageSizeSelectorDescription?: string;
-    /** Separator of current page and total pages. */
-    pagesSeparator?: string;
-    /** Title of button `firstPage`. @deprecated Use `firstPage` instead. */
-    paginationFirstPageTitle?: string;
-    /** Title of button `previousPage`. @deprecated Use `previousPage` instead. */
-    paginationPreviousPageTitle?: string;
-    /** Title of button `nextPage`. @deprecated Use `nextPage` instead. */
-    paginationNextPageTitle?: string;
-    /** Title of button `lastPage`. @deprecated Use `lastPage` instead. */
-    paginationLastPageTitle?: string;
-    /** Aria-label passed to the page input. */
-    paginationInputLabel?: string;
-    /** Label of the first page button */
-    firstPage?: string;
-    /** Label of the previous page button */
-    previousPage?: string;
-    /** Label of the next page button */
-    nextPage?: string;
-    /** Label of the last page button */
-    lastPage?: string;
-}
+export declare type HvPaginationLabels = Partial<typeof DEFAULT_LABELS>;
 
 export declare type HvPaginationPropGetter<D extends object> = PropGetter<D, HvTablePaginationProps>;
 
@@ -4662,7 +4651,7 @@ export declare interface HvPaginationProps extends HvBaseProps {
  * It can be horizontal or vertical and its size is defined by its content and how it relates to surrounding patterns.
  * Regardless of its content, a panel look and feel should be consistent.
  */
-export declare const HvPanel: (props: HvPanelProps) => JSX_2.Element;
+export declare const HvPanel: ForwardRefExoticComponent<HvPanelProps & RefAttributes<HTMLDivElement>>;
 
 export declare type HvPanelClasses = ExtractNames<typeof useClasses_87>;
 
@@ -5503,6 +5492,8 @@ export declare interface HvSectionProps extends Omit<HvBaseProps<HTMLDivElement>
     onToggle?: (event: React.MouseEvent<HTMLButtonElement>, open: boolean) => void;
     /** Props to be passed to the expand button */
     expandButtonProps?: HvButtonProps;
+    /** Determines whether or not the header has a shadow on the bottom border. */
+    raisedHeader?: boolean;
     /** A Jss Object used to override or extend the styles applied to the empty state component. */
     classes?: HvSectionClasses;
 }
@@ -6322,6 +6313,17 @@ export declare interface HvTableRowProps extends HvBaseProps<HTMLTableRowElement
     classes?: HvTableRowClasses;
 }
 
+/**
+ * The `TableSection` component is a wrapper for the `Section` component that applies
+ * specific stylings for tables that follow the latest DS specifications.
+ */
+export declare const HvTableSection: ForwardRefExoticComponent<HvTableSectionProps & RefAttributes<HTMLDivElement>>;
+
+export declare type HvTableSectionClasses = ExtractNames<typeof useClasses_124>;
+
+export declare interface HvTableSectionProps extends HvSectionProps {
+}
+
 export declare interface HvTableState<D extends object = Record<string, unknown>> extends TableState<D>, Partial<UseColumnOrderState<D>>, Partial<UseExpandedState<D>>, Partial<UseFiltersState<D>>, Partial<UseGlobalFiltersState<D>>, Partial<UseGroupByState<D>>, Partial<UsePaginationState<D>>, Partial<UseResizeColumnsState<D>>, Partial<UseSortByState<D>>, Partial<UseRowStateState<D>>, Partial<UseHvRowSelectionState<D>> {
     rowCount: number;
 }
@@ -7804,6 +7806,8 @@ export declare const sectionClasses: {
     root: "HvSection-root";
     hidden: "HvSection-hidden";
     actions: "HvSection-actions";
+    spaceTop: "HvSection-spaceTop";
+    raisedHeader: "HvSection-raisedHeader";
 };
 
 export declare const selectionListClasses: {
@@ -8012,6 +8016,16 @@ export declare const tableRowClasses: {
     variantListHead: "HvTableRow-variantListHead";
 };
 
+export declare const tableSectionClasses: {
+    content: "HvTableSection-content";
+    header: "HvTableSection-header";
+    root: "HvTableSection-root";
+    hidden: "HvTableSection-hidden";
+    actions: "HvTableSection-actions";
+    spaceTop: "HvTableSection-spaceTop";
+    raisedHeader: "HvTableSection-raisedHeader";
+};
+
 export declare const tabsClasses: {
     root: "HvTabs-root";
     indicator: "HvTabs-indicator";
@@ -8697,6 +8711,23 @@ declare const useClasses_123: (classesProp?: Partial<Record<"content" | "label"
     cx: (...args: any) => string;
 };
 
+declare const useClasses_124: (classesProp?: Partial<Record<"content" | "header" | "root" | "hidden" | "actions" | "spaceTop" | "raisedHeader", string>>, addStatic?: boolean) => {
+    classes: {
+        content: string;
+        header: string;
+        root: string;
+        hidden: string;
+        actions: string;
+        spaceTop: string;
+        raisedHeader: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+
 declare const useClasses_13: (classesProp?: Partial<Record<"root" | "disabled" | "readOnly" | "inputBorderContainer" | "inputRootReadOnly" | "inputRoot" | "inputRootFocused" | "inputRootMultiline" | "input" | "inputReadOnly" | "invalid" | "resizable" | "inputRootInvalid" | "inputRootDisabled" | "inputDisabled" | "inputResizable", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
@@ -10301,13 +10332,15 @@ declare const useClasses_94: (classesProp?: Partial<Record<"root" | "selected" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_95: (classesProp?: Partial<Record<"content" | "header" | "root" | "hidden" | "actions", string>>, addStatic?: boolean) => {
+declare const useClasses_95: (classesProp?: Partial<Record<"content" | "header" | "root" | "hidden" | "actions" | "spaceTop" | "raisedHeader", string>>, addStatic?: boolean) => {
     classes: {
         content: string;
         header: string;
         root: string;
         hidden: string;
         actions: string;
+        spaceTop: string;
+        raisedHeader: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -10703,7 +10736,7 @@ export declare function useInstance(instance: any): void;
 
 export declare const useIsMounted: () => React_2.MutableRefObject<boolean>;
 
-export declare function useLabels<T>(defaultLabels: Partial<T>, labels: T): T;
+export declare function useLabels<T>(defaultLabels: T, labels?: Partial<T>): T;
 
 export declare type UsePaginationProps = (<D extends object = Record<string, unknown>>(hooks: Hooks<D>) => void) & {
     pluginName: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hitachivantara/uikit-react-core",
-  "version": "5.46.2",
+  "version": "5.47.1",
   "private": false,
   "author": "Hitachi Vantara UI Kit Team",
   "description": "Core React components for the NEXT Design System.",
@@ -63,7 +63,7 @@
     "access": "public",
     "directory": "package"
   },
-  "gitHead": "23369cdfe68738be6ab438315abd48d7178c5450",
+  "gitHead": "796a901e589700060cddec2035f4c8db50748f84",
   "main": "dist/cjs/index.cjs",
   "exports": {
     ".": {