@hitachivantara/uikit-react-core 5.0.0-next.20 → 5.0.0-next.21

package/dist/types/index.d.ts

@@ -11,7 +11,6 @@ import { CellProps } from 'react-table';
 import { ChangeEvent } from 'react';
 import { CheckboxProps } from '@mui/material';
 import { ChipProps } from '@mui/material/Chip';
-import { Column } from 'react-table';
 import { ColumnInstance } from 'react-table';
 import { ColumnInterface } from 'react-table';
 import { ContainerProps } from '@mui/material/Container';
@@ -37,7 +36,6 @@ import { HvActionGeneric as HvActionGeneric_2 } from 'components';
 import { HvBannerActionPosition as HvBannerActionPosition_2 } from 'components';
 import { HvBannerVariant as HvBannerVariant_2 } from 'components';
 import { HvBaseDropdownProps as HvBaseDropdownProps_2 } from 'components';
-import { HvBaseProps as HvBaseProps_3 } from 'types/generic';
 import { HvBaseSwitchProps as HvBaseSwitchProps_2 } from 'components';
 import { HvBaseTheme } from '@hitachivantara/uikit-styles';
 import { HvBreakpoints as HvBreakpoints_2 } from 'types/tokens';
@@ -76,6 +74,7 @@ import { InputProps } from '@mui/material';
 import type { JSX as JSX_2 } from '@emotion/react/jsx-runtime';
 import { MouseEvent as MouseEvent_2 } from 'react';
 import { MouseEventHandler } from 'react';
+import { NavigationData as NavigationData_2 } from 'components';
 import { PopperProps } from '@mui/material';
 import { PropGetter } from 'react-table';
 import { RadioProps } from '@mui/material';
@@ -98,6 +97,7 @@ import { TableCommonProps } from 'react-table';
 import { TableExpandedToggleProps } from 'react-table';
 import { TableFooterProps } from 'react-table';
 import { TableHeaderProps } from 'react-table';
+import type { TableHTMLAttributes } from 'react';
 import { TableInstance } from 'react-table';
 import { TableOptions } from 'react-table';
 import { TablePropGetter } from 'react-table';
@@ -289,10 +289,7 @@ export declare const defaultGetToggleAllRowsSelectedProps: (props: any, { instan
     instance: any;
 }) => any[];
 
-export declare const defaultGetToggleRowSelectedProps: (props: any, { instance, row }: {
-    instance: any;
-    row: any;
-}) => any[];
+export declare const defaultGetToggleRowSelectedProps: (props: any, meta: any) => any[];
 
 declare type Descriptor = {
     id?: string;
@@ -1790,10 +1787,10 @@ export declare type HvCardProps = HvBaseProps & {
 
 export declare type HvCategoricalColorKeys = "cviz1" | "cviz2" | "cviz3" | "cviz4" | "cviz5" | "cviz6" | "cviz7" | "cviz8" | "cviz9" | "cviz10" | "cviz11" | "cviz12" | "cviz13" | "cviz14" | "cviz15" | "cviz16" | "cviz17" | "cviz18" | "cviz19" | "cviz20";
 
-export declare interface HvCellInstance<D extends object = Record<string, unknown>, V = any> extends Cell<D, V>, UseGroupByCellProps<D> {
+export declare interface HvCellInstance<D extends object = Record<string, unknown>, V = any> extends Omit<Cell<D, V>, "column" | "row">, UseGroupByCellProps<D> {
     column: HvColumnInstance<D>;
     row: HvRowInstance<D>;
-    getCellProps: (propGetter?: CellPropGetter<D>) => HvUseTableCellProps;
+    getCellProps: (propGetter?: CellPropGetter<D> & HvExtraProps) => HvUseTableCellProps;
 }
 
 export declare type HvCellProps<D extends object, V = any> = CellProps<D, V> & {
@@ -1994,8 +1991,6 @@ export declare type HvCheckBoxProps = Omit<HvBaseCheckBoxProps, "classes"> & {
 
 export declare type HvClickOutsideEvent = MouseEvent | KeyboardEvent | TouchEvent;
 
-export declare type HvColumn<D extends object = Record<string, unknown>> = Column<D>;
-
 declare type HvColumnGroup<D extends object = Record<string, unknown>> = HvTableColumnOptions<D> & HvColumnGroupInterface<D> & ({
     Header: string;
 } | ({
@@ -2010,7 +2005,7 @@ declare interface HvColumnGroupInterface<D extends object> {
     columns: Array<HvTableColumnConfig<D>>;
 }
 
-export declare interface HvColumnInstance<D extends object = Record<string, unknown>> extends ColumnInstance<D>, Omit<HvTableColumnOptions<D>, "id">, UseFiltersColumnProps<D>, UseGroupByColumnProps<D>, UseResizeColumnsColumnProps<D>, UseSortByColumnProps<D> {
+export declare interface HvColumnInstance<D extends object = Record<string, unknown>> extends Omit<ColumnInstance<D>, "Cell" | "columns" | "parent" | "placeholderOf">, Omit<HvTableColumnOptions<D>, "id">, UseFiltersColumnProps<D>, UseGroupByColumnProps<D>, UseResizeColumnsColumnProps<D>, UseSortByColumnProps<D> {
     Cell?: Renderer<HvCellProps<D>>;
     columns: Array<HvColumnInstance<D>>;
     parent: HvColumnInstance<D>;
@@ -2091,7 +2086,10 @@ export declare type HvControlsProps = HvBaseProps & {
      * An instance of useHvTable or useTable used to manage the data
      * if this is not provided data sorting and search must be handled externally
      */
-    callbacks?: Pick<HvTableInstance_2, "setSortBy" | "setGlobalFilter">;
+    callbacks?: {
+        setSortBy?: HvTableInstance_2["setSortBy"];
+        setGlobalFilter?: HvTableInstance_2["setGlobalFilter"];
+    };
     /**
      * Views configuration required for the view buttons
      */
@@ -3324,7 +3322,7 @@ export declare type HvHeaderProps = HvBaseProps & {
     classes?: HvHeaderClasses;
 };
 
-export declare interface HvHooks<D extends object = Record<string, unknown>> extends Hooks<D>, UseExpandedHooks<D>, UseGroupByHooks<D>, UseSortByHooks<D>, UseHvRowSelectionHooks<D>, UseHvTableStickyHooks<D>, UseHvPaginationHooks<D>, UseHvBulkActionsHooks<D> {
+export declare interface HvHooks<D extends object = Record<string, unknown>> extends Omit<Hooks<D>, "getToggleRowSelectedProps" | "getToggleAllRowsSelectedProps" | "getToggleAllPageRowsSelectedProps">, UseExpandedHooks<D>, UseGroupByHooks<D>, UseSortByHooks<D>, UseHvRowSelectionHooks<D>, UseHvTableStickyHooks<D>, UseHvPaginationHooks<D>, UseHvBulkActionsHooks<D> {
 }
 
 /**
@@ -4151,7 +4149,7 @@ export declare type HvProgressBarProps = HvBaseProps & {
 
 export declare type HvProgressBarStatus = "inProgress" | "completed" | "error";
 
-export declare function hvProgressColumn<D extends Record<string, number>, C extends HvTableColumnConfig_2<D>>(col: C, getPartial?: (row: HvRowInstance_2<D>) => number, getTotal?: (row: HvRowInstance_2<D>) => number, color?: "primary" | "secondary"): HvTableColumnConfig_2<D>;
+export declare function hvProgressColumn<D extends Record<string, unknown>, C extends HvTableColumnConfig_2<D>>(col: C, getPartial?: (row: HvRowInstance_2<D>) => number, getTotal?: (row: HvRowInstance_2<D>) => number, color?: "primary" | "secondary"): HvTableColumnConfig_2<D>;
 
 export declare const HvProgressColumnCell: ({ partial, total, color, }: HvProgressColumnCellProp) => JSX.Element | null;
 
@@ -4167,7 +4165,7 @@ declare interface HvProgressColumnCellProp {
 /**
  * Enables theming capabilities and makes cross-component theme properties available down the tree.
  */
-export declare const HvProvider: ({ children, rootElementId, enableCssBaseline, themes, theme, colorMode, }: HvProviderProps) => JSX_2.Element;
+export declare const HvProvider: ({ children, rootElementId, enableCssBaseline, themes, theme, colorMode, classNameKey, }: HvProviderProps) => JSX_2.Element;
 
 export declare type HvProviderProps = {
     /**
@@ -4205,6 +4203,13 @@ export declare type HvProviderProps = {
      * For the default themes `ds3` and `ds5`, the `dawn` color mode is the one used.
      */
     colorMode?: string;
+    /**
+     * The string used to prefix the class names and uniquely identify them. The key can only contain lower case alphabetical characters.
+     * This is useful to avoid class name collisions.
+     *
+     * If no value is provided, the default is `hv-uikit-css`.
+     */
+    classNameKey?: string;
 };
 
 /**
@@ -4470,7 +4475,7 @@ export declare type HvRightListControls = HvListValue_2 & {
     desc: boolean;
 };
 
-export declare interface HvRowInstance<D extends object = Record<string, unknown>> extends Row<D>, UseGroupByRowProps<D>, UseHvRowSelectionRowInstance, UseHvRowExpandRowInstance<D> {
+export declare interface HvRowInstance<D extends object = Record<string, unknown>> extends Omit<Row<D>, "getToggleRowExpandedProps" | "getToggleRowSelectedProps" | "cells" | "allCells" | "subRows">, Omit<UseGroupByRowProps<D>, "subRows">, Omit<UseHvRowSelectionRowInstance, "subRows">, Omit<UseHvRowExpandRowInstance<D>, "subRows"> {
     cells: Array<HvCellInstance<D>>;
     allCells: Array<HvCellInstance<D>>;
     getRowProps: (propGetter?: RowPropGetter<D>) => HvUseTableRowProps;
@@ -4937,7 +4942,7 @@ export declare type HvTabClasses = {
  * For better data handling and **advanced features** we recommend the use of the utility hooks collection .
  * See the <a href="?id=lab-table-hooks--main&viewMode=docs" target="_self">Table Hooks documentation</a> for more details.
  */
-export declare const HvTable: ForwardRefExoticComponent<HvBaseProps<HTMLDivElement, {}> & {
+export declare const HvTable: ForwardRefExoticComponent<TableHTMLAttributes<HTMLTableElement> & {
     /**
      * The component used for the root node. Either a string to use a HTML element or a component.
      * Defaults to `table`.
@@ -4961,7 +4966,9 @@ export declare const HvTable: ForwardRefExoticComponent<HvBaseProps<HTMLDivEleme
  * HvTableBody acts as a `tbody` element.
  * `HvTableCell` and `HvTableRow` elements in it inherit body-specific styles
  */
-export declare const HvTableBody: React_2.ForwardRefExoticComponent<Omit<HvBaseProps<HTMLDivElement, {}>, "children"> & {
+export declare const HvTableBody: React_2.ForwardRefExoticComponent<HvBaseProps<HTMLTableSectionElement, {
+    children: any;
+}> & {
     /**
      * Content to be rendered
      */
@@ -4982,7 +4989,9 @@ export declare type HvTableBodyClasses = {
     root?: string;
 };
 
-export declare type HvTableBodyProps = Omit<HvBaseProps, "children"> & {
+export declare type HvTableBodyProps = HvBaseProps<HTMLTableSectionElement, {
+    children: any;
+}> & {
     /**
      * Content to be rendered
      */
@@ -5010,7 +5019,7 @@ export declare interface HvTAbleBulkActionsProps extends TableCommonProps {
 /**
  * `HvTableCell` acts as a `td` element and inherits styles from its context
  */
-export declare const HvTableCell: ForwardRefExoticComponent<Omit<TdHTMLAttributes<HTMLElement>, "align"> & Omit<HvBaseProps<HTMLDivElement, {}>, "children"> & {
+export declare const HvTableCell: ForwardRefExoticComponent<Omit<TdHTMLAttributes<HTMLTableCellElement>, "align"> & Omit<HvBaseProps<HTMLDivElement, {}>, "children"> & {
     /** The component used for the root node. Either a string to use a HTML element or a component. Defaults to td. */
     component?: ElementType<any> | undefined;
     /** Content to be rendered */
@@ -5098,7 +5107,7 @@ export declare type HvTableCellClasses = {
     resizing?: string;
 };
 
-export declare type HvTableCellProps = Omit<TdHTMLAttributes<HTMLElement>, "align"> & Omit<HvBaseProps, "children"> & {
+export declare type HvTableCellProps = Omit<TdHTMLAttributes<HTMLTableCellElement>, "align"> & Omit<HvBaseProps, "children"> & {
     /** The component used for the root node. Either a string to use a HTML element or a component. Defaults to td. */
     component?: React.ElementType;
     /** Content to be rendered */
@@ -5154,7 +5163,9 @@ export declare interface HvTableColumnOptions<D extends object = Record<string,
 /**
  * HvTableContainer is a container for the HvTable
  */
-export declare const HvTableContainer: ForwardRefExoticComponent<Omit<HvBaseProps<HTMLDivElement, {}>, "children"> & {
+export declare const HvTableContainer: ForwardRefExoticComponent<HvBaseProps<HTMLDivElement, {
+    children: any;
+}> & {
     /**
      * Content to be rendered
      */
@@ -5173,7 +5184,9 @@ export declare type HvTableContainerClasses = {
     root?: string;
 };
 
-export declare type HvTableContainerProps = Omit<HvBaseProps, "children"> & {
+export declare type HvTableContainerProps = HvBaseProps<HTMLDivElement, {
+    children: any;
+}> & {
     /**
      * Content to be rendered
      */
@@ -5193,7 +5206,9 @@ export declare type HvTableDefinitionConfig<D extends object = Record<string, un
  * HvTableHead acts as a `thead` element.
  * `HvTableCell` and `HvTableRow` elements in it inherit header-specific styles
  */
-export declare const HvTableHead: ForwardRefExoticComponent<Omit<HvBaseProps<HTMLDivElement, {}>, "children"> & {
+export declare const HvTableHead: ForwardRefExoticComponent<HvBaseProps<HTMLTableSectionElement, {
+    children: any;
+}> & {
     /**
      * Content to be rendered
      */
@@ -5221,7 +5236,7 @@ export declare type HvTableHeadClasses = {
 /**
  * `HvTableHeader` acts as a `th` element and inherits styles from its context
  */
-export declare const HvTableHeader: ForwardRefExoticComponent<ThHTMLAttributes<HTMLElement> & Omit<HvBaseProps<HTMLDivElement, {}>, "children"> & {
+export declare const HvTableHeader: ForwardRefExoticComponent<Omit<ThHTMLAttributes<HTMLTableCellElement>, "align"> & Omit<HvBaseProps<HTMLDivElement, {}>, "children"> & {
     /** The component used for the root node. Either a string to use a HTML element or a component. Defaults to th. */
     component?: ElementType<any> | undefined;
     /** Content to be rendered */
@@ -5331,7 +5346,7 @@ export declare type HvTableHeaderClasses = {
     resizer?: string;
 };
 
-export declare type HvTableHeaderProps = ThHTMLAttributes<HTMLElement> & Omit<HvBaseProps, "children"> & {
+export declare type HvTableHeaderProps = Omit<ThHTMLAttributes<HTMLTableCellElement>, "align"> & Omit<HvBaseProps, "children"> & {
     /** The component used for the root node. Either a string to use a HTML element or a component. Defaults to th. */
     component?: React.ElementType;
     /** Content to be rendered */
@@ -5374,7 +5389,9 @@ export declare type HvTableHeaderProps = ThHTMLAttributes<HTMLElement> & Omit<Hv
 
 export declare type HvTableHeadPropGetter<D extends object> = PropGetter<D, UseHvTableStickyTableHeadProps>;
 
-export declare type HvTableHeadProps = Omit<HvBaseProps, "children"> & {
+export declare type HvTableHeadProps = HvBaseProps<HTMLTableSectionElement, {
+    children: any;
+}> & {
     /**
      * Content to be rendered
      */
@@ -5392,7 +5409,7 @@ export declare type HvTableHeadProps = Omit<HvBaseProps, "children"> & {
     classes?: HvTableHeadClasses;
 };
 
-export declare interface HvTableInstance<D extends object = Record<string, unknown>> extends TableInstance<D>, Omit<HvTableOptions<D>, "columns" | "pageCount" | "initialState" | "data">, UseColumnOrderInstanceProps<D>, UseExpandedInstanceProps<D>, UseFiltersInstanceProps<D>, UseGlobalFiltersInstanceProps<D>, UseGroupByInstanceProps<D>, UsePaginationInstanceProps<D>, UseSortByInstanceProps<D>, UseHvRowSelectionTableInstance<D>, UseHvTableStickyTableInstance<D>, UseHvHeaderGroupsInstance, UseHvPaginationTableInstance<D>, UseHvBulkActionsTableInstanceProps<D> {
+export declare interface HvTableInstance<D extends object = Record<string, unknown>> extends Omit<TableInstance<D>, "getToggleAllRowsSelectedProps" | "getToggleAllPageRowsSelectedProps">, Omit<HvTableOptions<D>, "columns" | "pageCount" | "initialState" | "data">, UseColumnOrderInstanceProps<D>, Omit<UseExpandedInstanceProps<D>, "rows">, Omit<UseFiltersInstanceProps<D>, "rows" | "rowsById" | "flatRows">, Omit<UseGlobalFiltersInstanceProps<D>, "rows" | "rowsById" | "flatRows">, Omit<UseGroupByInstanceProps<D>, "rows" | "rowsById" | "flatRows">, Omit<UsePaginationInstanceProps<D>, "page">, Omit<UseSortByInstanceProps<D>, "rows">, Omit<UseHvRowSelectionTableInstance<D>, "selectedFlatRows">, UseHvTableStickyTableInstance<D>, UseHvHeaderGroupsInstance, UseHvPaginationTableInstance<D>, UseHvBulkActionsTableInstanceProps<D> {
     initialState: Partial<HvTableState<D>>;
     state: HvTableState<D>;
     columns: Array<HvColumnInstance<D>>;
@@ -5405,7 +5422,7 @@ export declare interface HvTableInstance<D extends object = Record<string, unkno
     rowsById: Record<string, HvRowInstance<D>>;
     flatRows: Array<HvRowInstance<D>>;
     getHooks: () => HvHooks<D>;
-    getTableProps: (propGetter?: TablePropGetter<D>) => HvUseTableProps;
+    getTableProps: (propGetter?: TablePropGetter<D> & HvExtraProps) => HvUseTableProps;
     selectedFlatRows: Array<HvRowInstance<D>>;
     initialRows: Array<HvRowInstance<D>>;
     initialRowsById: Record<string, HvRowInstance<D>>;
@@ -5432,7 +5449,7 @@ export declare interface HvTablePaginationProps extends TableCommonProps {
 
 export { HvTablePluginHook }
 
-export declare type HvTableProps = HvBaseProps & {
+export declare type HvTableProps = TableHTMLAttributes<HTMLTableElement> & {
     /**
      * The component used for the root node. Either a string to use a HTML element or a component.
      * Defaults to `table`.
@@ -5455,7 +5472,9 @@ export declare type HvTableProps = HvBaseProps & {
 /**
  * `HvTableRow` acts as a `tr` element and inherits styles from its context
  */
-export declare const HvTableRow: ForwardRefExoticComponent<Omit<HvBaseProps<HTMLDivElement, {}>, "children"> & {
+export declare const HvTableRow: ForwardRefExoticComponent<HvBaseProps<HTMLTableRowElement, {
+    children: any;
+}> & {
     /** Content to be rendered */
     children: React.ReactNode;
     /** The component used for the root node. Either a string to use a HTML element or a component. Defaults to tbody. */
@@ -5495,7 +5514,9 @@ export declare type HvTableRowClasses = {
     variantListHead?: string;
 };
 
-export declare type HvTableRowProps = Omit<HvBaseProps, "children"> & {
+export declare type HvTableRowProps = HvBaseProps<HTMLTableRowElement, {
+    children: any;
+}> & {
     /** Content to be rendered */
     children: React.ReactNode;
     /** The component used for the root node. Either a string to use a HTML element or a component. Defaults to tbody. */
@@ -5589,7 +5610,7 @@ export declare type HvTagClasses = {
     disabledDeleteIcon?: string;
 };
 
-export declare function hvTagColumn<D extends Record<string, unknown>, C extends HvTableColumnConfig_2<D>>(col: C, valueDataKey: keyof D, colorDataKey: keyof D, textColorDataKey: keyof D, fromRowData?: boolean, tagProps?: HvTagProps_2): HvTableColumnConfig_2<D>;
+export declare function hvTagColumn<D extends Record<string, unknown>, C extends HvTableColumnConfig_2<D>, A extends Record<string, unknown>>(col: C, valueDataKey: keyof A, colorDataKey: keyof A, textColorDataKey: keyof A, fromRowData?: boolean, tagProps?: HvTagProps_2): HvTableColumnConfig_2<D>;
 
 export declare type HvTagProps = Omit<ChipProps, "color" | "classes"> & HvBaseProps<HTMLDivElement, {
     children: any;
@@ -5899,13 +5920,14 @@ export declare interface HvThemePalette {
     support: HvSupportColors;
 }
 
-export declare const HvThemeProvider: ({ children, themes: themesList, theme, colorMode, rootElementId, }: HvThemeProviderProps) => JSX_2.Element;
+export declare const HvThemeProvider: ({ children, themes: themesList, theme, colorMode, rootElementId, classNameKey, }: HvThemeProviderProps) => JSX_2.Element;
 
 declare interface HvThemeProviderProps {
     children: React.ReactNode;
     themes: (HvTheme | HvThemeStructure)[];
     theme: string;
     colorMode: string;
+    classNameKey: string;
     rootElementId?: string;
 }
 
@@ -6154,7 +6176,7 @@ export declare type HvValidationMessages = {
  *
  * Both modes are available via the `mode` property and each app should choose the most appropriate.
  */
-export declare const HvVerticalNavigation: ({ id, className, classes, children, open, collapsedMode, ...others }: HvVerticalNavigationProps) => JSX_2.Element;
+export declare const HvVerticalNavigation: ({ id, className, classes, children, open, collapsedMode, slider, ...others }: HvVerticalNavigationProps) => JSX_2.Element;
 
 export declare const HvVerticalNavigationAction: ({ className, classes, id, label, icon, onClick, ...others }: HvVerticalNavigationActionProps) => JSX_2.Element;
 
@@ -6222,9 +6244,11 @@ export declare type HvVerticalNavigationClasses = {
     root?: string;
     /** Style applied to the root of the component when its collapsed. */
     collapsed?: string;
+    /** Style applied to the root of the component when its in slider mode. */
+    slider?: any;
 };
 
-export declare const HvVerticalNavigationHeader: ({ title, openIcon, closeIcon, buttonProps, className, classes, onClick, ...others }: HvVerticalNavigationHeaderProps) => JSX_2.Element;
+export declare const HvVerticalNavigationHeader: ({ title, openIcon, closeIcon, collapseButtonProps, backButtonProps, className, classes, onCollapseButtonClick, ...others }: HvVerticalNavigationHeaderProps) => JSX_2.Element;
 
 export declare type HvVerticalNavigationHeaderClasses = {
     root?: string;
@@ -6232,14 +6256,42 @@ export declare type HvVerticalNavigationHeaderClasses = {
 };
 
 export declare type HvVerticalNavigationHeaderProps = {
-    id?: any;
-    title?: any;
+    /**
+     * Id to be applied to the root node.
+     */
+    id?: string;
+    /**
+     * The title text to show on Header.
+     */
+    title?: string;
+    /**
+     * Icon to show when Vertical Navigation is collapsed.
+     */
     openIcon?: React.ReactNode;
+    /**
+     * Icon to show when Vertical Navigation is expanded.
+     */
     closeIcon?: React.ReactNode;
-    buttonProps?: HvButtonProps_2;
+    /**
+     * Props for the collapse button.
+     */
+    collapseButtonProps?: HvButtonProps_2;
+    /**
+     * Props for the back button.
+     */
+    backButtonProps?: HvButtonProps_2;
+    /**
+     * Class names to be applied.
+     */
     className?: string;
+    /**
+     * A Jss Object used to override or extend the styles applied to the component.
+     */
     classes?: HvVerticalNavigationHeaderClasses;
-    onClick?: MouseEventHandler<HTMLElement>;
+    /**
+     * Handler for the collapse button.
+     */
+    onCollapseButtonClick?: MouseEventHandler<HTMLElement>;
 };
 
 export declare type HvVerticalNavigationMode = "icon" | "simple";
@@ -6264,15 +6316,60 @@ export declare type HvVerticalNavigationProps = {
      */
     open?: boolean;
     /**
-     *  Collapsed Mode for the Vertical Navigation, the default value is "simple".
+     *  Collpased Mode for the Vertical Navigation, the default value is "simple".
      */
     collapsedMode?: HvVerticalNavigationMode;
+    /**
+     * Boolean to determine if treeview is in slider mode (for mobile navigation), the default value is false.
+     */
+    slider?: boolean;
     /**
      * The content inside the actions container.
      */
     children?: React.ReactNode;
 };
 
+export declare const HvVerticalNavigationSlider: ({ id, classes, data, selected, onNavigateToTarget, onNavigateToChild, }: HvVerticalNavigationSliderProps) => JSX_2.Element;
+
+export declare type HvVerticalNavigationSliderClasses = {
+    root?: string;
+    listItemSelected?: string;
+};
+
+export declare type HvVerticalNavigationSliderProps = {
+    /**
+     * Id to be applied to the root node of the panel.
+     */
+    id?: string;
+    /**
+     * A Jss Object used to override or extend the styles applied.
+     */
+    classes?: HvVerticalNavigationSliderClasses;
+    /**
+     * An array containing the data for each menu item.
+     *
+     * id - the id to be applied to the root element.
+     * label - the label to be rendered on the menu item.
+     * icon - the icon react element
+     * data - sub-menu items
+     * href - the url used for navigation.
+     * target - the behavior when opening an url.
+     */
+    data?: NavigationData_2[];
+    /**
+     * The selected item id.
+     */
+    selected?: string;
+    /**
+     * Triggered when the item is clicked.
+     */
+    onNavigateToTarget?: (event: React.MouseEvent<HTMLLIElement>, item: NavigationData_2) => void;
+    /**
+     * Triggered when the navigate to child button is clicked.
+     */
+    onNavigateToChild?: (event: React.MouseEvent<HTMLButtonElement>, item: NavigationData_2) => void;
+};
+
 export declare const HvVerticalNavigationTree: ({ id, className, classes, data, mode, collapsible, expanded: expandedProp, defaultExpanded, onToggle, selected: selectedProp, defaultSelected, onChange, ...others }: HvVerticalNavigationTreeProps) => JSX_2.Element;
 
 export declare type HvVerticalNavigationTreeClasses = {
@@ -6282,7 +6379,7 @@ export declare type HvVerticalNavigationTreeClasses = {
     collapsed?: string;
 };
 
-export declare type HvVerticalNavigationTreeProps = HvBaseProps_3<HTMLDivElement, {
+export declare type HvVerticalNavigationTreeProps = HvBaseProps<HTMLDivElement, {
     onChange: any;
 }> & {
     /**
@@ -6784,7 +6881,7 @@ export declare interface NavigationData {
     [otherProperty: string]: any;
 }
 
-export declare type NavigationMode = "treeview" | "navigation";
+export declare type NavigationMode = "treeview" | "navigation" | "slider";
 
 export declare const normalizeProgressBar: (value: number, max: number) => number;
 
@@ -7096,9 +7193,7 @@ export declare interface UseHvSortByTableCellProps {
     sorted?: boolean;
 }
 
-declare function useHvTable<D extends object = Record<string, unknown>>(props: {
-    data?: D[];
-} & HvExtraProps, ...plugins: any): any;
+declare function useHvTable<D extends object = Record<string, unknown>>(options: HvTableOptions<D>, ...plugins: Array<HvTablePluginHook<D>>): HvTableInstance<D>;
 export { useHvTable as useHvData }
 export { useHvTable }
 
@@ -7222,10 +7317,23 @@ export declare const VerticalNavigationContext: Context<VerticalNavigationContex
 declare interface VerticalNavigationContextValue {
     isOpen: boolean;
     collapsedMode: HvVerticalNavigationMode;
+    slider?: boolean;
+    headerTitle?: string;
+    setHeaderTitle?: React.Dispatch<React.SetStateAction<string | undefined>>;
+    parentItem?: any;
+    withParentData?: any;
+    navigateToChildHandler?: (event: any, item: any) => void;
+    navigateToParentHandler?: () => void;
+    parentData?: NavigationData[];
+    setParentData?: React.Dispatch<React.SetStateAction<any>>;
+    parentSelected?: any;
+    setParentSelected?: React.Dispatch<React.SetStateAction<any>>;
 }
 
 export declare const verticalNavigationHeaderClasses: HvVerticalNavigationHeaderClasses;
 
+export declare const verticalNavigationSliderClasses: HvVerticalNavigationSliderClasses;
+
 export declare const verticalNavigationTreeClasses: HvVerticalNavigationTreeClasses;
 
 export declare type VisibilitySelectorActions = "previous_month" | "next_month" | "previous_year" | "next_year" | "month" | "month_year";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hitachivantara/uikit-react-core",
-  "version": "5.0.0-next.20",
+  "version": "5.0.0-next.21",
   "private": false,
   "author": "Hitachi Vantara UI Kit Team",
   "description": "Core React components for the NEXT Design System.",
@@ -31,10 +31,11 @@
   },
   "dependencies": {
     "@emotion/cache": "^11.10.5",
-    "@hitachivantara/uikit-react-icons": "^5.0.0-next.20",
-    "@hitachivantara/uikit-react-shared": "^5.0.0-next.18",
-    "@hitachivantara/uikit-styles": "^5.0.0-next.20",
+    "@hitachivantara/uikit-react-icons": "^5.0.0-next.21",
+    "@hitachivantara/uikit-react-shared": "^5.0.0-next.19",
+    "@hitachivantara/uikit-styles": "^5.0.0-next.21",
     "@popperjs/core": "^2.11.6",
+    "@types/react-table": "^7.7.14",
     "attr-accept": "^2.2.2",
     "clsx": "^1.2.1",
     "dayjs": "^1.11.7",
@@ -54,7 +55,7 @@
     "access": "public",
     "directory": "package"
   },
-  "gitHead": "dbaa9086d6231dee4226f02ddb66746a35389a24",
+  "gitHead": "ddfc339b19c2ccad1973e97329b6a94e657ddd9b",
   "main": "dist/cjs/index.cjs",
   "exports": {
     ".": {

package/dist/cjs/utils/emotion.cjs

@@ -1,39 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const createCache = require("@emotion/cache");
-const createEmotion = require("@emotion/css/create-instance");
-const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
-const createCache__default = /* @__PURE__ */ _interopDefault(createCache);
-const createEmotion__default = /* @__PURE__ */ _interopDefault(createEmotion);
-const key = "hv-uikit";
-const emotionCache = createCache__default.default({
-  key: `${key}-style`,
-  prepend: true
-});
-const {
-  flush,
-  hydrate,
-  cx,
-  merge,
-  getRegisteredStyles,
-  injectGlobal,
-  keyframes,
-  css,
-  sheet,
-  cache
-} = createEmotion__default.default({
-  key: `${key}-css`,
-  prepend: true
-});
-exports.cache = cache;
-exports.css = css;
-exports.cx = cx;
-exports.emotionCache = emotionCache;
-exports.flush = flush;
-exports.getRegisteredStyles = getRegisteredStyles;
-exports.hydrate = hydrate;
-exports.injectGlobal = injectGlobal;
-exports.keyframes = keyframes;
-exports.merge = merge;
-exports.sheet = sheet;
-//# sourceMappingURL=emotion.cjs.map

package/dist/cjs/utils/emotion.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"emotion.cjs","sources":["../../../src/utils/emotion.tsx"],"sourcesContent":["import createCache from \"@emotion/cache\";\nimport createEmotion from \"@emotion/css/create-instance\";\n\n/**\n * Moves UI Kit styles to the top of the <head> so they're loaded first.\n * This enables users to override the UI Kit styles if necessary.\n */\n\nconst key: string = \"hv-uikit\";\n\nexport const emotionCache = createCache({\n  key: `${key}-style`,\n  prepend: true,\n});\n\nexport const {\n  flush,\n  hydrate,\n  cx,\n  merge,\n  getRegisteredStyles,\n  injectGlobal,\n  keyframes,\n  css,\n  sheet,\n  cache,\n} = createEmotion({\n  key: `${key}-css`,\n  prepend: true,\n});\n"],"names":["key","emotionCache","createCache","prepend","flush","hydrate","cx","merge","getRegisteredStyles","injectGlobal","keyframes","css","sheet","cache","createEmotion"],"mappings":";;;;;;;AAQA,MAAMA,MAAc;AAEb,MAAMC,eAAeC,qBAAAA,QAAY;AAAA,EACtCF,KAAM,GAAEA;AAAAA,EACRG,SAAS;AACX,CAAC;AAEY,MAAA;AAAA,EACXC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AACF,IAAIC,+BAAc;AAAA,EAChBd,KAAM,GAAEA;AAAAA,EACRG,SAAS;AACX,CAAC;;;;;;;;;;;;"}

package/dist/esm/utils/emotion.js

@@ -1,36 +0,0 @@
-import createCache from "@emotion/cache";
-import createEmotion from "@emotion/css/create-instance";
-const key = "hv-uikit";
-const emotionCache = createCache({
-  key: `${key}-style`,
-  prepend: true
-});
-const {
-  flush,
-  hydrate,
-  cx,
-  merge,
-  getRegisteredStyles,
-  injectGlobal,
-  keyframes,
-  css,
-  sheet,
-  cache
-} = createEmotion({
-  key: `${key}-css`,
-  prepend: true
-});
-export {
-  cache,
-  css,
-  cx,
-  emotionCache,
-  flush,
-  getRegisteredStyles,
-  hydrate,
-  injectGlobal,
-  keyframes,
-  merge,
-  sheet
-};
-//# sourceMappingURL=emotion.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"emotion.js","sources":["../../../src/utils/emotion.tsx"],"sourcesContent":["import createCache from \"@emotion/cache\";\nimport createEmotion from \"@emotion/css/create-instance\";\n\n/**\n * Moves UI Kit styles to the top of the <head> so they're loaded first.\n * This enables users to override the UI Kit styles if necessary.\n */\n\nconst key: string = \"hv-uikit\";\n\nexport const emotionCache = createCache({\n  key: `${key}-style`,\n  prepend: true,\n});\n\nexport const {\n  flush,\n  hydrate,\n  cx,\n  merge,\n  getRegisteredStyles,\n  injectGlobal,\n  keyframes,\n  css,\n  sheet,\n  cache,\n} = createEmotion({\n  key: `${key}-css`,\n  prepend: true,\n});\n"],"names":["key","emotionCache","createCache","prepend","flush","hydrate","cx","merge","getRegisteredStyles","injectGlobal","keyframes","css","sheet","cache","createEmotion"],"mappings":";;AAQA,MAAMA,MAAc;AAEb,MAAMC,eAAeC,YAAY;AAAA,EACtCF,KAAM,GAAEA;AAAAA,EACRG,SAAS;AACX,CAAC;AAEY,MAAA;AAAA,EACXC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AACF,IAAIC,cAAc;AAAA,EAChBd,KAAM,GAAEA;AAAAA,EACRG,SAAS;AACX,CAAC;"}