@hitachivantara/uikit-react-lab 6.0.0-next.1 → 6.0.0-next.3

package/dist/index.d.ts

@@ -1,24 +1,23 @@
-import { Align } from '@xyflow/system';
+import { Align } from 'reactflow';
 import { AnimationEventHandler } from 'react';
 import { AriaRole } from 'react';
-import { BackgroundProps } from '@xyflow/react';
+import { BackgroundProps } from 'reactflow';
 import { ClipboardEventHandler } from 'react';
 import { CompositionEventHandler } from 'react';
 import { Context } from 'react';
-import { ControlProps } from '@xyflow/react';
-import { CoordinateExtent } from '@xyflow/react';
-import { CoordinateExtent as CoordinateExtent_2 } from '@xyflow/system';
+import { ControlProps } from 'reactflow';
+import { CoordinateExtent } from 'reactflow';
 import { CSSProperties } from 'react';
 import { Dispatch } from 'react';
 import { DndContextProps } from '@dnd-kit/core';
 import { DragEndEvent } from '@dnd-kit/core';
 import { DragEventHandler } from 'react';
 import { DragOverlayProps } from '@dnd-kit/core';
-import { Edge } from '@xyflow/react';
+import { Edge } from 'reactflow';
 import { ExtractNames } from '@hitachivantara/uikit-react-core';
 import { FocusEventHandler } from 'react';
 import { FormEventHandler } from 'react';
-import { GetMiniMapNodeAttribute } from '@xyflow/react';
+import { GetMiniMapNodeAttribute } from 'reactflow';
 import { HTMLAttributes } from 'react';
 import { HvActionGeneric } from '@hitachivantara/uikit-react-core';
 import { HvActionsGenericProps } from '@hitachivantara/uikit-react-core';
@@ -27,6 +26,7 @@ import { HvBreakpoints } from '@hitachivantara/uikit-react-core';
 import { HvButtonBaseProps } from '@hitachivantara/uikit-react-core';
 import { HvButtonProps } from '@hitachivantara/uikit-react-core';
 import { HvColorAny } from '@hitachivantara/uikit-styles';
+import { HvColorAny as HvColorAny_2 } from '@hitachivantara/uikit-react-core';
 import { HvDialogProps } from '@hitachivantara/uikit-react-core';
 import { HvDrawerProps } from '@hitachivantara/uikit-react-core';
 import { HvEmptyStateProps } from '@hitachivantara/uikit-react-core';
@@ -38,17 +38,17 @@ import { HvTypographyVariants } from '@hitachivantara/uikit-react-core';
 import { InputEventHandler } from 'react';
 import { JSX as JSX_2 } from 'react/jsx-runtime';
 import { KeyboardEventHandler } from 'react';
-import { MiniMapProps } from '@xyflow/react';
+import { MiniMapProps } from 'reactflow';
 import { MouseEventHandler } from 'react';
-import { Node as Node_2 } from '@xyflow/react';
-import { NodeProps } from '@xyflow/react';
-import { NodeToolbarProps } from '@xyflow/react';
-import { PanelPosition } from '@xyflow/react';
+import { Node as Node_2 } from 'reactflow';
+import { NodeProps } from 'reactflow';
+import { NodeToolbarProps } from 'reactflow';
+import { PanelPosition } from 'reactflow';
 import { PointerEventHandler } from 'react';
-import { Position } from '@xyflow/system';
+import { Position } from 'reactflow';
 import { ReactEventHandler } from 'react';
-import { ReactFlowInstance } from '@xyflow/react';
-import { ReactFlowProps } from '@xyflow/react';
+import { ReactFlowInstance } from 'reactflow';
+import { ReactFlowProps } from 'reactflow';
 import { ReactGridLayoutProps } from 'react-grid-layout';
 import { ReactNode } from 'react';
 import { ResponsiveProps } from 'react-grid-layout';
@@ -109,6 +109,14 @@ declare const DEFAULT_LABELS_5: {
     expandLabel: string;
 };
 
+declare const DEFAULT_LABELS_6: {
+    emptyMessage: string;
+    dialogTitle: string;
+    dialogSubtitle: string;
+    dialogApply: string;
+    dialogCancel: string;
+};
+
 export declare const flowBaseNodeClasses: {
     root: string;
     headerContainer: string;
@@ -322,6 +330,49 @@ export declare const HvDashboard: (props: HvDashboardProps) => JSX_2.Element;
 
 export declare type HvDashboardClasses = ExtractNames<typeof useClasses_3>;
 
+/** @deprecated no longer supported. Instead create a custom node with `HvDialog` + `HvDashboard` */
+export declare const HvDashboardNode: (props: HvDashboardNodeProps) => JSX_2.Element;
+
+export declare type HvDashboardNodeClasses = ExtractNames<typeof useClasses_9>;
+
+export declare const hvDashboardNodeClasses: {
+    mandatory: string;
+    title: string;
+    root: string;
+    actions: string;
+    footerContainer: string;
+    titleContainer: string;
+    inputContainer: string;
+    handle: string;
+    headerContainer: string;
+    inputsTitleContainer: string;
+    outputsTitleContainer: string;
+    contentContainer: string;
+    inputsContainer: string;
+    outputsContainer: string;
+    inputGroupContainer: string;
+    outputGroupContainer: string;
+    outputContainer: string;
+    handleConnected: string;
+    subtitle: string;
+    subtitleContainer: string;
+    inlineEditRoot: string;
+    inlineEditButton: string;
+    actionsButton: string;
+    paramsContainer: string;
+    empty: string;
+};
+
+export declare interface HvDashboardNodeProps extends HvFlowNodeProps, Pick<HvDialogProps, "open" | "onClose">, Pick<HvDashboardProps, "layout"> {
+    classes?: HvDashboardNodeClasses;
+    labels?: HvFlowNodeProps["labels"] & Partial<typeof DEFAULT_LABELS_6>;
+    previewItems?: React.ReactNode;
+    onApply?: () => void;
+    onCancel?: () => void;
+    dashboardProps?: Omit<HvDashboardProps, "children">;
+    dialogProps?: HvDialogProps;
+}
+
 export declare interface HvDashboardProps extends Omit<ResponsiveProps, "cols"> {
     /** Dashboard items. Each node must be `key`'ed  */
     children: React.ReactNode;
@@ -339,7 +390,7 @@ export declare interface HvDashboardProps extends Omit<ResponsiveProps, "cols">
     cols?: number | ResponsiveProps["cols"];
 }
 
-declare interface HvDroppableFlowProps<NodeType extends string | undefined = string | undefined, NodeData extends Record<string, any> = Record<string, any>> extends Omit<ReactFlowProps, "nodes" | "edges" | "nodeTypes"> {
+declare interface HvDroppableFlowProps<NodeType extends string | undefined = string | undefined, NodeData = any> extends Omit<ReactFlowProps, "nodes" | "edges" | "nodeTypes"> {
     /** Flow content: background, controls, and minimap. */
     children?: React.ReactNode;
     /** Flow nodes types. */
@@ -381,15 +432,15 @@ export declare const HvFlow: ({ nodeGroups, sidebar, defaultActions, dndContextP
 export declare const HvFlowBackground: ({ color, ...others }: HvFlowBackgroundProps) => JSX_2.Element;
 
 export declare interface HvFlowBackgroundProps extends Omit<BackgroundProps, "color"> {
-    /** Color for the background dots. Defaults to `secondary`. */
+    /** Color for the background dots. Defaults to `text`. */
     color?: HvColorAny;
 }
 
-export declare const HvFlowBaseNode: ({ id, title: titleProp, headerItems, icon: iconProp, color: colorProp, inputs: inputsProp, outputs: outputsProp, nodeActions: nodeActionsProp, footer, classes: classesProp, labels: labelsProp, className, children, }: HvFlowBaseNodeProps) => JSX_2.Element | null;
+export declare const HvFlowBaseNode: ({ id, title: titleProp, headerItems, icon: iconProp, color: colorProp, inputs: inputsProp, outputs: outputsProp, nodeActions: nodeActionsProp, footer, classes: classesProp, labels: labelsProp, className, children, }: HvFlowBaseNodeProps<unknown>) => JSX_2.Element | null;
 
 export declare type HvFlowBaseNodeClasses = ExtractNames<typeof useClasses_7>;
 
-export declare interface HvFlowBaseNodeProps<T extends Record<string, unknown> = Record<string, unknown>> extends Omit<HvBaseProps, "id" | "color" | "draggable">, Omit<HvUseNodeParams, "id">, NodeProps<Node_2<T>> {
+export declare interface HvFlowBaseNodeProps<T = any> extends Omit<HvBaseProps, "id" | "color">, Omit<HvUseNodeParams, "id">, NodeProps<T> {
     /** Header items */
     headerItems?: React.ReactNode;
     /** The content of the node footer */
@@ -439,18 +490,18 @@ export declare interface HvFlowGroupItem<NodeData = any> extends Pick<HvFlowNode
     data?: NodeData;
 }
 
-export declare type HvFlowInstance<NodeData extends Record<string, unknown> = Record<string, unknown>, EdgeData extends Record<string, unknown> = Record<string, unknown>> = ReactFlowInstance<Node_2<NodeData>, Edge<EdgeData>>;
+export declare type HvFlowInstance<NodeData = any, EdgeData = any> = ReactFlowInstance<NodeData, EdgeData>;
 
 export declare const HvFlowMinimap: ({ nodeColor, maskColor, maskStrokeColor, nodeStrokeColor, classes: classesProp, className, ...others }: HvFlowMinimapProps) => JSX_2.Element;
 
 export declare type HvFlowMinimapClasses = ExtractNames<typeof useClasses_5>;
 
-export declare interface HvFlowMinimapProps<NodeData extends Record<string, unknown> = Record<string, unknown>> extends Omit<MiniMapProps<Node_2<NodeData>>, "nodeColor" | "nodeStrokeColor" | "maskColor" | "maskStrokeColor"> {
-    /** Node color. Defaults to `atmo4`. */
-    nodeColor?: HvColorAny | GetMiniMapNodeAttribute<Node_2<NodeData>>;
-    /** Node stroke color. Defaults to `atmo4`. */
-    nodeStrokeColor?: HvColorAny | GetMiniMapNodeAttribute<Node_2<NodeData>>;
-    /** Mask color. Defaults to `atmo3`. */
+export declare interface HvFlowMinimapProps<NodeData = any> extends Omit<MiniMapProps<NodeData>, "nodeColor" | "nodeStrokeColor" | "maskColor" | "maskStrokeColor"> {
+    /** Node color. */
+    nodeColor?: HvColorAny | GetMiniMapNodeAttribute<NodeData>;
+    /** Node stroke color. */
+    nodeStrokeColor?: HvColorAny | GetMiniMapNodeAttribute<NodeData>;
+    /** Mask color. */
     maskColor?: HvColorAny;
     /** Mask stroke color. */
     maskStrokeColor?: HvColorAny;
@@ -458,7 +509,7 @@ export declare interface HvFlowMinimapProps<NodeData extends Record<string, unkn
     classes?: HvFlowMinimapClasses;
 }
 
-export declare const HvFlowNode: ({ id, type, headerItems, actions, onAction, maxVisibleActions, expanded, actionsIconOnly, params, classes: classesProp, labels: labelsProps, children, expandParamsButtonProps, disableInlineEdit, title: titleProp, subtitle: subtitleProp, description, groupId, color: colorProp, icon: iconProp, ...props }: HvFlowNodeProps) => JSX_2.Element;
+export declare const HvFlowNode: ({ id, type, headerItems, actions, onAction, maxVisibleActions, expanded, actionsIconOnly, params, classes: classesProp, labels: labelsProps, children, expandParamsButtonProps, disableInlineEdit, title: titleProp, subtitle: subtitleProp, description, groupId, color: colorProp, icon: iconProp, ...props }: HvFlowNodeProps<unknown>) => JSX_2.Element;
 
 export declare interface HvFlowNodeAction extends HvActionGeneric {
     callback?: (node: Node_2) => void;
@@ -467,7 +518,7 @@ export declare interface HvFlowNodeAction extends HvActionGeneric {
 export declare type HvFlowNodeClasses = ExtractNames<typeof useClasses_8>;
 
 /** HvFlowNode component type. @extends React.FC */
-export declare interface HvFlowNodeFC<NodeData extends Record<string, any> = Record<string, any>> extends React.FC<NodeProps<Node_2<NodeData>>> {
+export declare interface HvFlowNodeFC<NodeData = any> extends React.FC<NodeProps<NodeData>> {
 }
 
 /** Node groups */
@@ -517,7 +568,7 @@ export declare interface HvFlowNodeOutputGroup {
 
 export declare type HvFlowNodeParam = HvFlowNodeSelectParam | HvFlowNodeTextParam | HvFlowNodeSliderParam;
 
-export declare interface HvFlowNodeProps<T extends Record<string, any> = Record<string, any>> extends HvFlowBaseNodeProps<T> {
+export declare interface HvFlowNodeProps<T = any> extends HvFlowBaseNodeProps<T> {
     /** Node description. */
     description?: string;
     /** Node actions. */
@@ -568,9 +619,9 @@ export declare interface HvFlowNodeTextParam extends HvFlowNodeSharedParam {
     type: "text";
 }
 
-export declare type HvFlowNodeTypes<NodeData extends Record<string, any> = Record<string, any>> = Record<string, HvFlowNodeFC<NodeData>>;
+export declare type HvFlowNodeTypes<NodeData = any> = Record<string, HvFlowNodeFC<NodeData>>;
 
-export declare interface HvFlowProps<NodeGroups extends keyof any = string, NodeType extends string | undefined = string | undefined, NodeData extends Record<string, any> = Record<string, any>> extends HvDroppableFlowProps<NodeType, NodeData> {
+export declare interface HvFlowProps<NodeGroups extends keyof any = string, NodeType extends string | undefined = string | undefined, NodeData = any> extends HvDroppableFlowProps<NodeType, NodeData> {
     /** Flow nodes groups. */
     nodeGroups?: HvFlowNodeGroups<NodeGroups>;
     /** Flow sidebar. */
@@ -608,7 +659,7 @@ export declare interface HvFlowSidebarProps extends Omit<HvDrawerProps, "classes
     dragOverlayProps?: DragOverlayProps;
 }
 
-declare type HvStepClasses = ExtractNames<typeof useClasses_10>;
+declare type HvStepClasses = ExtractNames<typeof useClasses_11>;
 
 /**
  * Navigation page with steps.
@@ -621,7 +672,7 @@ declare type HvStepClasses = ExtractNames<typeof useClasses_10>;
  */
 export declare const HvStepNavigation: ({ className, classes: classesProp, width, steps, stepSize, showTitles, type, "aria-label": ariaLabel, ...others }: HvStepNavigationProps) => JSX_2.Element;
 
-export declare type HvStepNavigationClasses = ExtractNames<typeof useClasses_9>;
+export declare type HvStepNavigationClasses = ExtractNames<typeof useClasses_10>;
 
 export declare interface HvStepNavigationProps extends HvBaseProps {
     /** Type of step navigation. */
@@ -690,7 +741,7 @@ export declare const HvWizard: ({ className, children, onClose, handleSubmit, ti
 
 export declare const HvWizardActions: ({ classes: classesProp, handleClose, handleSubmit, loading, skippable, labels, handleBeforeNext, handleBeforePrevious, }: HvWizardActionsProps) => JSX_2.Element;
 
-export declare type HvWizardActionsClasses = ExtractNames<typeof useClasses_12>;
+export declare type HvWizardActionsClasses = ExtractNames<typeof useClasses_13>;
 
 export declare interface HvWizardActionsProps extends HvBaseProps {
     /** Function to handle the cancel button. */
@@ -722,11 +773,11 @@ export declare interface HvWizardActionsProps extends HvBaseProps {
     handleBeforePrevious?: () => void;
 }
 
-export declare type HvWizardClasses = ExtractNames<typeof useClasses_11>;
+export declare type HvWizardClasses = ExtractNames<typeof useClasses_12>;
 
 export declare const HvWizardContainer: (props: HvWizardContainerProps) => JSX_2.Element;
 
-export declare type HvWizardContainerClasses = ExtractNames<typeof useClasses_14>;
+export declare type HvWizardContainerClasses = ExtractNames<typeof useClasses_15>;
 
 export declare interface HvWizardContainerProps extends Omit<HvBaseProps, "onClose">, Pick<HvDialogProps, "maxWidth" | "fullWidth"> {
     /** Current state of the Wizard. */
@@ -739,7 +790,7 @@ export declare interface HvWizardContainerProps extends Omit<HvBaseProps, "onClo
 
 export declare const HvWizardContent: ({ classes: classesProp, fixedHeight, loading, children, summaryContent, }: HvWizardContentProps) => JSX_2.Element;
 
-export declare type HvWizardContentClasses = ExtractNames<typeof useClasses_15>;
+export declare type HvWizardContentClasses = ExtractNames<typeof useClasses_16>;
 
 export declare interface HvWizardContentProps extends HvBaseProps {
     /** Forces minimum height to the component. */
@@ -808,7 +859,7 @@ export declare type HvWizardTabs = {
 
 export declare const HvWizardTitle: ({ title, hasSummary, labels, classes: classesProp, customStep, }: HvWizardTitleProps) => JSX_2.Element;
 
-export declare type HvWizardTitleClasses = ExtractNames<typeof useClasses_13>;
+export declare type HvWizardTitleClasses = ExtractNames<typeof useClasses_14>;
 
 export declare interface HvWizardTitleProps extends HvBaseProps {
     /** Title for the wizard. */
@@ -834,6 +885,22 @@ export declare const stepNavigationClasses: {
     separator: string;
 };
 
+export declare const StickyNode: ({ id, selected, data, }: NodeProps<StickyNodeData>) => JSX_2.Element | null;
+
+export declare type StickyNodeData = undefined | {
+    title?: string;
+    backgroundColor?: HvColorAny_2;
+    borderColor?: HvColorAny_2;
+    textColor?: HvColorAny_2;
+    hasShadow?: boolean;
+    bold?: boolean;
+    italic?: boolean;
+    fontSize?: number;
+    expanded?: boolean;
+    visible?: boolean;
+    onDelete?: () => void;
+};
+
 declare const useClasses: (classesProp?: Partial<Record<"container" | "button" | "expanded" | "disabled" | "heading" | "root" | "fullWidth" | "textOnlyLabel", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
@@ -849,7 +916,19 @@ declare const useClasses: (classesProp?: Partial<Record<"container" | "button" |
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_10: (classesProp?: Partial<Record<"xs" | "sm" | "md" | "lg" | "xl" | "root" | "avatar" | "notCurrent", string>>, addStatic?: boolean) => {
+declare const useClasses_10: (classesProp?: Partial<Record<"separator" | "li" | "ol" | "root" | "titles", string>>, addStatic?: boolean) => {
+    readonly classes: {
+        root: string;
+        titles: string;
+        ol: string;
+        li: string;
+        separator: string;
+    };
+    readonly css: any;
+    readonly cx: (...args: any) => string;
+};
+
+declare const useClasses_11: (classesProp?: Partial<Record<"xs" | "sm" | "md" | "lg" | "xl" | "root" | "avatar" | "notCurrent", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         notCurrent: string;
@@ -864,7 +943,7 @@ declare const useClasses_10: (classesProp?: Partial<Record<"xs" | "sm" | "md" |
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_11: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+declare const useClasses_12: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
     };
@@ -872,7 +951,7 @@ declare const useClasses_11: (classesProp?: Partial<Record<"root", string>>, add
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_12: (classesProp?: Partial<Record<"actionsContainer" | "buttonWidth" | "buttonsContainer" | "buttonSpacing", string>>, addStatic?: boolean) => {
+declare const useClasses_13: (classesProp?: Partial<Record<"actionsContainer" | "buttonWidth" | "buttonsContainer" | "buttonSpacing", string>>, addStatic?: boolean) => {
     readonly classes: {
         actionsContainer: string;
         buttonWidth: string;
@@ -883,7 +962,7 @@ declare const useClasses_12: (classesProp?: Partial<Record<"actionsContainer" |
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_13: (classesProp?: Partial<Record<"root" | "summaryButton" | "stepContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_14: (classesProp?: Partial<Record<"root" | "summaryButton" | "stepContainer", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         summaryButton: string;
@@ -893,7 +972,7 @@ declare const useClasses_13: (classesProp?: Partial<Record<"root" | "summaryButt
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_14: (classesProp?: Partial<Record<"root" | "paper" | "closeButton", string>>, addStatic?: boolean) => {
+declare const useClasses_15: (classesProp?: Partial<Record<"root" | "paper" | "closeButton", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         paper: string;
@@ -903,7 +982,7 @@ declare const useClasses_14: (classesProp?: Partial<Record<"root" | "paper" | "c
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_15: (classesProp?: Partial<Record<"contentContainer" | "fixedHeight" | "summaryRef" | "summarySticky" | "summaryContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_16: (classesProp?: Partial<Record<"contentContainer" | "fixedHeight" | "summaryRef" | "summarySticky" | "summaryContainer", string>>, addStatic?: boolean) => {
     readonly classes: {
         contentContainer: string;
         fixedHeight: string;
@@ -1015,13 +1094,33 @@ declare const useClasses_8: (classesProp?: Partial<Record<"mandatory" | "title"
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_9: (classesProp?: Partial<Record<"separator" | "li" | "ol" | "root" | "titles", string>>, addStatic?: boolean) => {
+declare const useClasses_9: (classesProp?: Partial<Record<"mandatory" | "title" | "root" | "empty" | "actions" | "footerContainer" | "titleContainer" | "inputContainer" | "handle" | "headerContainer" | "inputsTitleContainer" | "outputsTitleContainer" | "contentContainer" | "inputsContainer" | "outputsContainer" | "inputGroupContainer" | "outputGroupContainer" | "outputContainer" | "handleConnected" | "subtitle" | "subtitleContainer" | "inlineEditRoot" | "inlineEditButton" | "actionsButton" | "paramsContainer", string>>, addStatic?: boolean) => {
     readonly classes: {
+        mandatory: string;
+        title: string;
         root: string;
-        titles: string;
-        ol: string;
-        li: string;
-        separator: string;
+        actions: string;
+        footerContainer: string;
+        titleContainer: string;
+        inputContainer: string;
+        handle: string;
+        headerContainer: string;
+        inputsTitleContainer: string;
+        outputsTitleContainer: string;
+        contentContainer: string;
+        inputsContainer: string;
+        outputsContainer: string;
+        inputGroupContainer: string;
+        outputGroupContainer: string;
+        outputContainer: string;
+        handleConnected: string;
+        subtitle: string;
+        subtitleContainer: string;
+        inlineEditRoot: string;
+        inlineEditButton: string;
+        actionsButton: string;
+        paramsContainer: string;
+        empty: string;
     };
     readonly css: any;
     readonly cx: (...args: any) => string;
@@ -1030,10 +1129,10 @@ declare const useClasses_9: (classesProp?: Partial<Record<"separator" | "li" | "
 export declare const useFlowContext: () => HvFlowContextValue<string>;
 
 /** Retrieves the nodes connected to the inputs of the node */
-export declare function useFlowInputNodes<T extends Record<string, unknown> = Record<string, unknown>>(id?: string): Node_2<T>[];
+export declare function useFlowInputNodes<T = any>(id?: string): Node_2<T>[];
 
 /** Retrieves the React Flow instance */
-export declare function useFlowInstance<NodeData extends Record<string, unknown> = Record<string, unknown>, EdgeData extends Record<string, unknown> = Record<string, unknown>>(): HvFlowInstance<NodeData, EdgeData>;
+export declare function useFlowInstance<NodeData = any, EdgeData = any>(): HvFlowInstance<NodeData, EdgeData>;
 
 /** Retrieves the node instance */
 export declare function useFlowNode<T extends Node_2 = Node_2>(id?: string): T | undefined;
@@ -1044,7 +1143,7 @@ export declare function useFlowNodeEdges(id?: string): Edge[];
 /** Provides the input edges connected to the node */
 export declare function useFlowNodeInputEdges(id?: string): Edge[];
 
-export declare function useFlowNodeIntersections<T extends Record<string, unknown> = Record<string, unknown>>(id?: string): Node_2<T>[];
+export declare function useFlowNodeIntersections<NodeData = any>(id?: string): Node_2<NodeData>[];
 
 export declare function useFlowNodeMeta(id?: string): HvFlowNodeMeta_2;
 
@@ -1055,13 +1154,13 @@ export declare function useFlowNodeOutputEdges(id?: string): Edge[];
 export declare function useFlowNodeParents(id?: string): Node_2[];
 
 /** Utilities to manipulate a node in the flow */
-export declare function useFlowNodeUtils<T extends Record<string, unknown> = Record<string, unknown>>(id?: string): {
-    setNodeData: (setNewData: (newData?: T) => T) => void;
+export declare function useFlowNodeUtils<NodeData = any>(id?: string): {
+    setNodeData: (setNewData: (newData?: NodeData) => NodeData) => void;
     setNodeParent: (node?: Node_2<any>, extent?: "parent" | CoordinateExtent) => void;
 };
 
 /** Retrieves the nodes connected to the outputs of the node */
-export declare function useFlowOutputNodes<T extends Record<string, unknown> = Record<string, unknown>>(id?: string): Node_2<T>[];
+export declare function useFlowOutputNodes<T = any>(id?: string): Node_2<T>[];
 
 export declare function useHvNode(props: HvUseNodeParams): {
     id: string;
@@ -1069,7 +1168,7 @@ export declare function useHvNode(props: HvUseNodeParams): {
     icon: ReactNode;
     color: string | undefined;
     iconColor: string | undefined;
-    subtitle: string | undefined;
+    subtitle: any;
     inputs: (HvFlowNodeInput | HvFlowNodeOutput | {
         inputs: HvFlowNodeInput[];
         label: React.ReactNode;
@@ -1089,7 +1188,7 @@ export declare function useHvNode(props: HvUseNodeParams): {
     node: Node_2 | undefined;
     nodeActions: HvFlowNodeAction[];
     showActions: boolean;
-    intersections: Node_2<Record<string, unknown>>[];
+    intersections: Node_2<any>[];
     getNodeToolbarProps: () => {
         defaultChecked?: boolean | undefined;
         defaultValue?: string | number | readonly string[] | undefined;
@@ -1365,8 +1464,8 @@ export declare function useHvNode(props: HvUseNodeParams): {
     };
     toggleShowActions: () => void;
     handleDefaultAction: (action: HvFlowNodeAction) => void;
-    setNodeData: (setNewData: (newData?: Record<string, unknown> | undefined) => Record<string, unknown>) => void;
-    setNodeParent: (node?: Node_2<any>, extent?: "parent" | CoordinateExtent_2) => void;
+    setNodeData: (setNewData: (newData?: any) => any) => void;
+    setNodeParent: (node?: Node_2<any>, extent?: "parent" | CoordinateExtent) => void;
 };
 
 export declare function useNodeMetaRegistry(): {

package/dist/index.js

@@ -19,28 +19,32 @@ import { staticClasses as staticClasses7 } from "./Flow/Node/BaseNode.styles.js"
 import { DEFAULT_LABELS, HvFlowBaseNode } from "./Flow/Node/BaseNode.js";
 import { staticClasses as staticClasses8 } from "./Flow/Node/Node.styles.js";
 import { HvFlowNode } from "./Flow/Node/Node.js";
+import { staticClasses as staticClasses9 } from "./Flow/nodes/DashboardNode.styles.js";
+import { HvDashboardNode } from "./Flow/nodes/DashboardNode.js";
+import { StickyNode } from "./Flow/nodes/StickyNode.js";
 import { useFlowInputNodes, useFlowNode, useFlowNodeEdges, useFlowNodeInputEdges, useFlowNodeIntersections, useFlowNodeOutputEdges, useFlowNodeParents, useFlowNodeUtils, useFlowOutputNodes } from "./Flow/hooks/useFlowNode.js";
 import { useFlowContext } from "./Flow/hooks/useFlowContext.js";
 import { useFlowNodeMeta } from "./Flow/hooks/useFlowNodeMeta.js";
 import { useFlowInstance } from "./Flow/hooks/useFlowInstance.js";
 import { useHvNode } from "./Flow/hooks/useNode.js";
-import { staticClasses as staticClasses9 } from "./StepNavigation/StepNavigation.styles.js";
+import { staticClasses as staticClasses10 } from "./StepNavigation/StepNavigation.styles.js";
 import { HvStepNavigation } from "./StepNavigation/StepNavigation.js";
-import { staticClasses as staticClasses10 } from "./Wizard/Wizard.styles.js";
+import { staticClasses as staticClasses11 } from "./Wizard/Wizard.styles.js";
 import { HvWizard } from "./Wizard/Wizard.js";
-import { staticClasses as staticClasses11 } from "./Wizard/WizardActions/WizardActions.styles.js";
+import { staticClasses as staticClasses12 } from "./Wizard/WizardActions/WizardActions.styles.js";
 import { HvWizardActions } from "./Wizard/WizardActions/WizardActions.js";
-import { staticClasses as staticClasses12 } from "./Wizard/WizardContainer/WizardContainer.styles.js";
+import { staticClasses as staticClasses13 } from "./Wizard/WizardContainer/WizardContainer.styles.js";
 import { HvWizardContainer } from "./Wizard/WizardContainer/WizardContainer.js";
-import { staticClasses as staticClasses13 } from "./Wizard/WizardContent/WizardContent.styles.js";
+import { staticClasses as staticClasses14 } from "./Wizard/WizardContent/WizardContent.styles.js";
 import { HvWizardContent } from "./Wizard/WizardContent/WizardContent.js";
-import { staticClasses as staticClasses14 } from "./Wizard/WizardTitle/WizardTitle.styles.js";
+import { staticClasses as staticClasses15 } from "./Wizard/WizardTitle/WizardTitle.styles.js";
 import { HvWizardTitle } from "./Wizard/WizardTitle/WizardTitle.js";
 export {
   DEFAULT_LABELS,
   HvBlade,
   HvBlades,
   HvDashboard,
+  HvDashboardNode,
   HvFlow,
   HvFlowBackground,
   HvFlowBaseNode,
@@ -56,6 +60,7 @@ export {
   HvWizardContent,
   default2 as HvWizardContext,
   HvWizardTitle,
+  StickyNode,
   staticClasses as bladeClasses,
   staticClasses2 as bladesClasses,
   staticClasses3 as dashboardClasses,
@@ -64,7 +69,8 @@ export {
   staticClasses5 as flowMinimapClasses,
   staticClasses8 as flowNodeClasses,
   staticClasses6 as flowSidebarClasses,
-  staticClasses9 as stepNavigationClasses,
+  staticClasses9 as hvDashboardNodeClasses,
+  staticClasses10 as stepNavigationClasses,
   useFlowContext,
   useFlowInputNodes,
   useFlowInstance,
@@ -79,9 +85,9 @@ export {
   useFlowOutputNodes,
   useHvNode,
   useNodeMetaRegistry,
-  staticClasses11 as wizardActionsClasses,
-  staticClasses10 as wizardClasses,
-  staticClasses12 as wizardContainerClasses,
-  staticClasses13 as wizardContentClasses,
-  staticClasses14 as wizardTitleClasses
+  staticClasses12 as wizardActionsClasses,
+  staticClasses11 as wizardClasses,
+  staticClasses13 as wizardContainerClasses,
+  staticClasses14 as wizardContentClasses,
+  staticClasses15 as wizardTitleClasses
 };

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@hitachivantara/uikit-react-lab",
-  "version": "6.0.0-next.1",
+  "version": "6.0.0-next.3",
   "type": "module",
   "private": false,
   "author": "Hitachi Vantara UI Kit Team",
   "description": "Contributed React components for the NEXT UI Kit.",
-  "homepage": "https://github.com/lumada-design/hv-uikit-react",
+  "homepage": "https://github.com/pentaho/hv-uikit-react",
   "sideEffects": false,
   "keywords": [
     "hitachi-vantara",
@@ -16,12 +16,12 @@
   ],
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/lumada-design/hv-uikit-react.git",
+    "url": "git+https://github.com/pentaho/hv-uikit-react.git",
     "directory": "packages/lab"
   },
   "license": "Apache-2.0",
   "bugs": {
-    "url": "https://github.com/lumada-design/hv-uikit-react/issues"
+    "url": "https://github.com/pentaho/hv-uikit-react/issues"
   },
   "peerDependencies": {
     "@emotion/react": "^11.11.1",
@@ -34,14 +34,14 @@
     "@dnd-kit/core": "^6.1.0",
     "@dnd-kit/modifiers": "^6.0.1",
     "@emotion/css": "^11.11.0",
-    "@hitachivantara/uikit-react-core": "^6.0.0-next.1",
-    "@hitachivantara/uikit-react-icons": "^6.0.0-next.1",
-    "@hitachivantara/uikit-react-utils": "^6.0.0-next.1",
-    "@hitachivantara/uikit-styles": "^6.0.0-next.1",
+    "@hitachivantara/uikit-react-core": "^6.0.0-next.3",
+    "@hitachivantara/uikit-react-icons": "^6.0.0-next.3",
+    "@hitachivantara/uikit-react-utils": "^6.0.0-next.3",
+    "@hitachivantara/uikit-styles": "^6.0.0-next.3",
     "@mui/base": "5.0.0-beta.68",
     "@types/react-grid-layout": "^1.3.5",
-    "@xyflow/react": "^12.8.2",
     "react-grid-layout": "^1.4.4",
+    "reactflow": "^11.10.1",
     "uid": "^2.0.2",
     "usehooks-ts": "^2.16.0",
     "zustand": "^4.5.2"
@@ -53,7 +53,7 @@
     "access": "public",
     "directory": "package"
   },
-  "gitHead": "f8dfa00a9f29ffdfcabe9cd00553ddf8b7458bd0",
+  "gitHead": "f404f47dd2c0a9d4033b9acccc87282aa9e42119",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",