@hitachivantara/uikit-react-lab 5.13.2 → 5.13.3

package/dist/esm/components/Flow/Node/Node.styles.js

@@ -3,30 +3,7 @@ const {
   staticClasses,
   useClasses
 } = createClasses("HvFlowNode", {
-  root: {
-    borderRadius: theme.radii.round,
-    backgroundColor: theme.colors.atmo1,
-    boxShadow: theme.colors.shadow,
-    minWidth: "250px"
-  },
-  headerContainer: {
-    padding: theme.spacing(0.5, 1),
-    display: "flex",
-    flexDirection: "row",
-    justifyContent: "space-between",
-    alignItems: "center",
-    borderTopLeftRadius: theme.radii.round,
-    borderTopRightRadius: theme.radii.round
-  },
-  groupContainer: {
-    display: "flex",
-    flexDirection: "row",
-    alignItems: "center"
-  },
-  group: {
-    color: theme.colors.base_dark
-  },
-  titleContainer: {
+  subtitleContainer: {
     minHeight: 48,
     padding: theme.spacing(theme.space.xs, theme.space.xs, theme.space.xs, theme.space.sm),
     display: "flex",
@@ -38,62 +15,12 @@ const {
     display: "flex",
     alignItems: "center"
   },
-  inputsTitleContainer: {
-    display: "flex",
-    justifyContent: "center",
-    padding: theme.space.xs,
-    backgroundColor: theme.colors.atmo2,
-    borderTop: `1px solid ${theme.colors.atmo4}`,
-    borderBottom: `1px solid ${theme.colors.atmo4}`
-  },
-  outputsTitleContainer: {
-    display: "flex",
-    justifyContent: "center",
-    padding: theme.space.xs,
-    backgroundColor: theme.colors.atmo2,
-    borderTop: `1px solid ${theme.colors.atmo4}`,
-    borderBottom: `1px solid ${theme.colors.atmo4}`
-  },
-  contentContainer: {
-    padding: theme.space.sm
-  },
-  inputsContainer: {
-    display: "flex",
-    flexDirection: "column",
-    padding: theme.space.sm,
-    gap: theme.space.xs,
-    alignItems: "flex-start"
-  },
-  outputsContainer: {
-    display: "flex",
-    flexDirection: "column",
-    padding: theme.space.sm,
-    gap: theme.space.xs,
-    alignItems: "flex-end"
-  },
   paramsContainer: {
     borderTop: `1px solid ${theme.colors.atmo4}`,
     display: "flex",
     flexDirection: "column",
     gap: theme.space.xs,
     padding: theme.space.sm
-  },
-  inputContainer: {
-    display: "flex",
-    flexDirection: "row",
-    alignItems: "center"
-  },
-  outputContainer: {
-    display: "flex",
-    flexDirection: "row",
-    alignItems: "center"
-  },
-  mandatory: {
-    width: 10,
-    height: 10,
-    margin: theme.spacing(0, theme.space.xs),
-    borderRadius: theme.radii.circle,
-    backgroundColor: theme.colors.negative_20
   }
 });
 export {

package/dist/esm/components/Flow/Node/Node.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Node.styles.js","sources":["../../../../../src/components/Flow/Node/Node.styles.tsx"],"sourcesContent":["import { createClasses, theme } from \"@hitachivantara/uikit-react-core\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvFlowNode\", {\n  root: {\n    borderRadius: theme.radii.round,\n    backgroundColor: theme.colors.atmo1,\n    boxShadow: theme.colors.shadow,\n    minWidth: \"250px\",\n  },\n  headerContainer: {\n    padding: theme.spacing(0.5, 1),\n    display: \"flex\",\n    flexDirection: \"row\",\n    justifyContent: \"space-between\",\n    alignItems: \"center\",\n    borderTopLeftRadius: theme.radii.round,\n    borderTopRightRadius: theme.radii.round,\n  },\n  groupContainer: {\n    display: \"flex\",\n    flexDirection: \"row\",\n    alignItems: \"center\",\n  },\n  group: {\n    color: theme.colors.base_dark,\n  },\n  titleContainer: {\n    minHeight: 48,\n    padding: theme.spacing(\n      theme.space.xs,\n      theme.space.xs,\n      theme.space.xs,\n      theme.space.sm\n    ),\n    display: \"flex\",\n    flexDirection: \"row\",\n    justifyContent: \"space-between\",\n    alignItems: \"center\",\n  },\n  actions: {\n    display: \"flex\",\n    alignItems: \"center\",\n  },\n  inputsTitleContainer: {\n    display: \"flex\",\n    justifyContent: \"center\",\n    padding: theme.space.xs,\n    backgroundColor: theme.colors.atmo2,\n    borderTop: `1px solid ${theme.colors.atmo4}`,\n    borderBottom: `1px solid ${theme.colors.atmo4}`,\n  },\n  outputsTitleContainer: {\n    display: \"flex\",\n    justifyContent: \"center\",\n    padding: theme.space.xs,\n    backgroundColor: theme.colors.atmo2,\n    borderTop: `1px solid ${theme.colors.atmo4}`,\n    borderBottom: `1px solid ${theme.colors.atmo4}`,\n  },\n  contentContainer: {\n    padding: theme.space.sm,\n  },\n  inputsContainer: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    padding: theme.space.sm,\n    gap: theme.space.xs,\n    alignItems: \"flex-start\",\n  },\n  outputsContainer: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    padding: theme.space.sm,\n    gap: theme.space.xs,\n    alignItems: \"flex-end\",\n  },\n  paramsContainer: {\n    borderTop: `1px solid ${theme.colors.atmo4}`,\n    display: \"flex\",\n    flexDirection: \"column\",\n    gap: theme.space.xs,\n    padding: theme.space.sm,\n  },\n  inputContainer: {\n    display: \"flex\",\n    flexDirection: \"row\",\n    alignItems: \"center\",\n  },\n  outputContainer: {\n    display: \"flex\",\n    flexDirection: \"row\",\n    alignItems: \"center\",\n  },\n  mandatory: {\n    width: 10,\n    height: 10,\n    margin: theme.spacing(0, theme.space.xs),\n    borderRadius: theme.radii.circle,\n    backgroundColor: theme.colors.negative_20,\n  },\n});\n"],"names":["staticClasses","useClasses","createClasses","root","borderRadius","theme","radii","round","backgroundColor","colors","atmo1","boxShadow","shadow","minWidth","headerContainer","padding","spacing","display","flexDirection","justifyContent","alignItems","borderTopLeftRadius","borderTopRightRadius","groupContainer","group","color","base_dark","titleContainer","minHeight","space","xs","sm","actions","inputsTitleContainer","atmo2","borderTop","atmo4","borderBottom","outputsTitleContainer","contentContainer","inputsContainer","gap","outputsContainer","paramsContainer","inputContainer","outputContainer","mandatory","width","height","margin","circle","negative_20"],"mappings":";AAEa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAAc,cAAc;AAAA,EACvEC,MAAM;AAAA,IACJC,cAAcC,MAAMC,MAAMC;AAAAA,IAC1BC,iBAAiBH,MAAMI,OAAOC;AAAAA,IAC9BC,WAAWN,MAAMI,OAAOG;AAAAA,IACxBC,UAAU;AAAA,EACZ;AAAA,EACAC,iBAAiB;AAAA,IACfC,SAASV,MAAMW,QAAQ,KAAK,CAAC;AAAA,IAC7BC,SAAS;AAAA,IACTC,eAAe;AAAA,IACfC,gBAAgB;AAAA,IAChBC,YAAY;AAAA,IACZC,qBAAqBhB,MAAMC,MAAMC;AAAAA,IACjCe,sBAAsBjB,MAAMC,MAAMC;AAAAA,EACpC;AAAA,EACAgB,gBAAgB;AAAA,IACdN,SAAS;AAAA,IACTC,eAAe;AAAA,IACfE,YAAY;AAAA,EACd;AAAA,EACAI,OAAO;AAAA,IACLC,OAAOpB,MAAMI,OAAOiB;AAAAA,EACtB;AAAA,EACAC,gBAAgB;AAAA,IACdC,WAAW;AAAA,IACXb,SAASV,MAAMW,QACbX,MAAMwB,MAAMC,IACZzB,MAAMwB,MAAMC,IACZzB,MAAMwB,MAAMC,IACZzB,MAAMwB,MAAME,EACd;AAAA,IACAd,SAAS;AAAA,IACTC,eAAe;AAAA,IACfC,gBAAgB;AAAA,IAChBC,YAAY;AAAA,EACd;AAAA,EACAY,SAAS;AAAA,IACPf,SAAS;AAAA,IACTG,YAAY;AAAA,EACd;AAAA,EACAa,sBAAsB;AAAA,IACpBhB,SAAS;AAAA,IACTE,gBAAgB;AAAA,IAChBJ,SAASV,MAAMwB,MAAMC;AAAAA,IACrBtB,iBAAiBH,MAAMI,OAAOyB;AAAAA,IAC9BC,WAAY,aAAY9B,MAAMI,OAAO2B,KAAM;AAAA,IAC3CC,cAAe,aAAYhC,MAAMI,OAAO2B,KAAM;AAAA,EAChD;AAAA,EACAE,uBAAuB;AAAA,IACrBrB,SAAS;AAAA,IACTE,gBAAgB;AAAA,IAChBJ,SAASV,MAAMwB,MAAMC;AAAAA,IACrBtB,iBAAiBH,MAAMI,OAAOyB;AAAAA,IAC9BC,WAAY,aAAY9B,MAAMI,OAAO2B,KAAM;AAAA,IAC3CC,cAAe,aAAYhC,MAAMI,OAAO2B,KAAM;AAAA,EAChD;AAAA,EACAG,kBAAkB;AAAA,IAChBxB,SAASV,MAAMwB,MAAME;AAAAA,EACvB;AAAA,EACAS,iBAAiB;AAAA,IACfvB,SAAS;AAAA,IACTC,eAAe;AAAA,IACfH,SAASV,MAAMwB,MAAME;AAAAA,IACrBU,KAAKpC,MAAMwB,MAAMC;AAAAA,IACjBV,YAAY;AAAA,EACd;AAAA,EACAsB,kBAAkB;AAAA,IAChBzB,SAAS;AAAA,IACTC,eAAe;AAAA,IACfH,SAASV,MAAMwB,MAAME;AAAAA,IACrBU,KAAKpC,MAAMwB,MAAMC;AAAAA,IACjBV,YAAY;AAAA,EACd;AAAA,EACAuB,iBAAiB;AAAA,IACfR,WAAY,aAAY9B,MAAMI,OAAO2B,KAAM;AAAA,IAC3CnB,SAAS;AAAA,IACTC,eAAe;AAAA,IACfuB,KAAKpC,MAAMwB,MAAMC;AAAAA,IACjBf,SAASV,MAAMwB,MAAME;AAAAA,EACvB;AAAA,EACAa,gBAAgB;AAAA,IACd3B,SAAS;AAAA,IACTC,eAAe;AAAA,IACfE,YAAY;AAAA,EACd;AAAA,EACAyB,iBAAiB;AAAA,IACf5B,SAAS;AAAA,IACTC,eAAe;AAAA,IACfE,YAAY;AAAA,EACd;AAAA,EACA0B,WAAW;AAAA,IACTC,OAAO;AAAA,IACPC,QAAQ;AAAA,IACRC,QAAQ5C,MAAMW,QAAQ,GAAGX,MAAMwB,MAAMC,EAAE;AAAA,IACvC1B,cAAcC,MAAMC,MAAM4C;AAAAA,IAC1B1C,iBAAiBH,MAAMI,OAAO0C;AAAAA,EAChC;AACF,CAAC;"}
+{"version":3,"file":"Node.styles.js","sources":["../../../../../src/components/Flow/Node/Node.styles.tsx"],"sourcesContent":["import { createClasses, theme } from \"@hitachivantara/uikit-react-core\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvFlowNode\", {\n  subtitleContainer: {\n    minHeight: 48,\n    padding: theme.spacing(\n      theme.space.xs,\n      theme.space.xs,\n      theme.space.xs,\n      theme.space.sm\n    ),\n    display: \"flex\",\n    flexDirection: \"row\",\n    justifyContent: \"space-between\",\n    alignItems: \"center\",\n  },\n  actions: {\n    display: \"flex\",\n    alignItems: \"center\",\n  },\n  paramsContainer: {\n    borderTop: `1px solid ${theme.colors.atmo4}`,\n    display: \"flex\",\n    flexDirection: \"column\",\n    gap: theme.space.xs,\n    padding: theme.space.sm,\n  },\n});\n"],"names":["staticClasses","useClasses","createClasses","subtitleContainer","minHeight","padding","theme","spacing","space","xs","sm","display","flexDirection","justifyContent","alignItems","actions","paramsContainer","borderTop","colors","atmo4","gap"],"mappings":";AAEa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAAc,cAAc;AAAA,EACvEC,mBAAmB;AAAA,IACjBC,WAAW;AAAA,IACXC,SAASC,MAAMC,QACbD,MAAME,MAAMC,IACZH,MAAME,MAAMC,IACZH,MAAME,MAAMC,IACZH,MAAME,MAAME,EACd;AAAA,IACAC,SAAS;AAAA,IACTC,eAAe;AAAA,IACfC,gBAAgB;AAAA,IAChBC,YAAY;AAAA,EACd;AAAA,EACAC,SAAS;AAAA,IACPJ,SAAS;AAAA,IACTG,YAAY;AAAA,EACd;AAAA,EACAE,iBAAiB;AAAA,IACfC,WAAY,aAAYX,MAAMY,OAAOC,KAAM;AAAA,IAC3CR,SAAS;AAAA,IACTC,eAAe;AAAA,IACfQ,KAAKd,MAAME,MAAMC;AAAAA,IACjBJ,SAASC,MAAME,MAAME;AAAAA,EACvB;AACF,CAAC;"}

package/dist/esm/index.js

@@ -20,13 +20,16 @@ import { staticClasses as staticClasses9 } from "./components/Flow/Sidebar/Sideb
 import { HvFlowSidebar } from "./components/Flow/Sidebar/Sidebar.js";
 import { HvFlowEmpty } from "./components/Flow/Empty/Empty.js";
 import { HvFlow } from "./components/Flow/Flow.js";
-import { staticClasses as staticClasses10 } from "./components/Flow/Node/Node.styles.js";
+import { staticClasses as staticClasses10 } from "./components/Flow/Node/BaseNode.styles.js";
+import { HvFlowBaseNode } from "./components/Flow/Node/BaseNode.js";
+import { staticClasses as staticClasses11 } from "./components/Flow/Node/Node.styles.js";
 import { HvFlowNode } from "./components/Flow/Node/Node.js";
 import { useFlowNode } from "./components/Flow/hooks/useFlowNode.js";
 import { useFlowContext } from "./components/Flow/hooks/useFlowContext.js";
 export {
   HvFlow,
   HvFlowBackground,
+  HvFlowBaseNode,
   HvFlowControls,
   HvFlowEmpty,
   HvFlowMinimap,
@@ -39,9 +42,10 @@ export {
   HvWizardContent,
   default2 as HvWizardContext,
   HvWizardTitle,
+  staticClasses10 as flowBaseNodeClasses,
   staticClasses7 as flowClasses,
   staticClasses8 as flowMinimapClasses,
-  staticClasses10 as flowNodeClasses,
+  staticClasses11 as flowNodeClasses,
   staticClasses9 as flowSidebarClasses,
   staticClasses as stepNavigationClasses,
   useFlowContext,

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/types/index.d.ts

@@ -30,6 +30,21 @@ import { default as React_2 } from 'react';
 import { ReactFlowProps } from 'reactflow';
 import { SetStateAction } from 'react';
 
+export declare const flowBaseNodeClasses: {
+    title: "HvFlowBaseNode-title";
+    root: "HvFlowBaseNode-root";
+    mandatory: "HvFlowBaseNode-mandatory";
+    titleContainer: "HvFlowBaseNode-titleContainer";
+    headerContainer: "HvFlowBaseNode-headerContainer";
+    inputsTitleContainer: "HvFlowBaseNode-inputsTitleContainer";
+    outputsTitleContainer: "HvFlowBaseNode-outputsTitleContainer";
+    contentContainer: "HvFlowBaseNode-contentContainer";
+    inputsContainer: "HvFlowBaseNode-inputsContainer";
+    outputsContainer: "HvFlowBaseNode-outputsContainer";
+    inputContainer: "HvFlowBaseNode-inputContainer";
+    outputContainer: "HvFlowBaseNode-outputContainer";
+};
+
 export declare const flowClasses: {
     root: "HvFlow-root";
 };
@@ -39,21 +54,9 @@ export declare const flowMinimapClasses: {
 };
 
 export declare const flowNodeClasses: {
-    root: "HvFlowNode-root";
-    group: "HvFlowNode-group";
-    mandatory: "HvFlowNode-mandatory";
     actions: "HvFlowNode-actions";
-    titleContainer: "HvFlowNode-titleContainer";
-    headerContainer: "HvFlowNode-headerContainer";
-    groupContainer: "HvFlowNode-groupContainer";
-    inputsTitleContainer: "HvFlowNode-inputsTitleContainer";
-    outputsTitleContainer: "HvFlowNode-outputsTitleContainer";
-    contentContainer: "HvFlowNode-contentContainer";
-    inputsContainer: "HvFlowNode-inputsContainer";
-    outputsContainer: "HvFlowNode-outputsContainer";
+    subtitleContainer: "HvFlowNode-subtitleContainer";
     paramsContainer: "HvFlowNode-paramsContainer";
-    inputContainer: "HvFlowNode-inputContainer";
-    outputContainer: "HvFlowNode-outputContainer";
 };
 
 export declare const flowSidebarClasses: {
@@ -107,6 +110,35 @@ export declare interface HvFlowBackgroundProps extends Omit<BackgroundProps, "co
     color?: HvColorAny;
 }
 
+export declare const HvFlowBaseNode: ({ id, title, headerItems, icon, color: colorProp, inputs, outputs, nodeActions, classes: classesProp, className, children, }: HvFlowBaseNodeProps<unknown>) => JSX_2.Element | null;
+
+export declare type HvFlowBaseNodeClasses = ExtractNames<typeof useClasses_11>;
+
+export declare interface HvFlowBaseNodeProps<T> extends Omit<HvBaseProps, "id">, NodeProps<T> {
+    /** Header title */
+    title?: string;
+    /** Header icon */
+    icon?: React.ReactNode;
+    /** Header color */
+    color?: HvColorAny;
+    /** Header items */
+    headerItems?: React.ReactNode;
+    /** Node inputs */
+    inputs?: HvFlowNodeInput[];
+    /** Node outputs */
+    outputs?: HvFlowNodeOutput[];
+    /** Node actions */
+    nodeActions?: HvFlowNodeAction[];
+    /** A Jss Object used to override or extend the styles applied to the component. */
+    classes?: HvFlowBaseNodeClasses;
+}
+
+export declare type HvFlowBuiltInAction = "delete" | "duplicate";
+
+export declare type HvFlowBuiltInActions = Omit<HvFlowNodeAction, "id" | "callback"> & {
+    id: HvFlowBuiltInAction;
+};
+
 export declare type HvFlowClasses = ExtractNames<typeof useClasses_8>;
 
 declare interface HvFlowContextValue<NodeGroups extends keyof any = string> {
@@ -117,7 +149,7 @@ declare interface HvFlowContextValue<NodeGroups extends keyof any = string> {
     /** Flow nodes groups expanded on sidebar. */
     expandedNodeGroups?: string[];
     /** Flow default actions. */
-    defaultActions?: HvFlowDefaultActions[];
+    defaultActions?: HvFlowNodeAction[];
     /** Function to set `expandedNodeGroups`. */
     setExpandedNodeGroups?: Dispatch<SetStateAction<string[]>>;
 }
@@ -146,12 +178,6 @@ export declare interface HvFlowControlsProps extends Omit<ControlProps, "positio
     hideInteractive?: boolean;
 }
 
-export declare type HvFlowDefaultAction = "delete" | "duplicate";
-
-export declare type HvFlowDefaultActions = Omit<HvActionGeneric, "id"> & {
-    id: HvFlowDefaultAction;
-};
-
 export declare const HvFlowEmpty: ({ className, ...others }: HvFlowEmptyProps) => JSX_2.Element | null;
 
 export declare interface HvFlowEmptyProps extends HvEmptyStateProps {
@@ -174,13 +200,17 @@ export declare interface HvFlowMinimapProps<NodeData = any> extends Omit<MiniMap
     classes?: HvFlowMinimapClasses;
 }
 
-export declare const HvFlowNode: ({ id, type, description, expanded, params, actions, actionCallback, maxVisibleActions, classes: classesProp, className, children, }: HvFlowNodeProps) => JSX_2.Element | null;
+export declare const HvFlowNode: ({ id, type, headerItems, description, actions, actionCallback, maxVisibleActions, expanded, params, classes: classesProp, children, ...props }: HvFlowNodeProps<unknown>) => JSX_2.Element;
+
+export declare interface HvFlowNodeAction extends HvActionGeneric {
+    callback?: (node: Node_2) => void;
+}
 
-export declare type HvFlowNodeClasses = ExtractNames<typeof useClasses_11>;
+export declare type HvFlowNodeClasses = ExtractNames<typeof useClasses_12>;
 
 export declare interface HvFlowNodeComponentClass<GroupId extends keyof any = string, NodeData = any> extends ComponentClass<NodeProps> {
     /** Metadata used on the HvFlowSidebar component to group the node */
-    meta?: HvFlowNodeMeta<GroupId, NodeData>;
+    meta?: HvFlowNodeTypeMeta<GroupId, NodeData>;
 }
 
 export declare type HvFlowNodeComponentType<GroupId extends keyof any = string, NodeData = any> = HvFlowNodeComponentClass<GroupId, NodeData> | HvFlowNodeFunctionComponent<GroupId, NodeData>;
@@ -188,7 +218,7 @@ export declare type HvFlowNodeComponentType<GroupId extends keyof any = string,
 /** Node types */
 export declare interface HvFlowNodeFunctionComponent<GroupId extends keyof any = string, NodeData = any> extends FunctionComponent<NodeProps> {
     /** Metadata used on the HvFlowSidebar component to group the node */
-    meta?: HvFlowNodeMeta<GroupId, NodeData>;
+    meta?: HvFlowNodeTypeMeta<GroupId, NodeData>;
 }
 
 /** Node groups */
@@ -207,13 +237,13 @@ export declare type HvFlowNodeInput = {
     accepts?: string[];
 };
 
-export declare type HvFlowNodeMeta<GroupId extends keyof any = string, NodeData = any> = {
+export declare interface HvFlowNodeMeta {
     label: string;
-    groupId: GroupId;
     inputs?: HvFlowNodeInput[];
     outputs?: HvFlowNodeOutput[];
-    data?: NodeData;
-};
+}
+
+export declare type HvFlowNodeMetaRegistry = Record<string, HvFlowNodeMeta>;
 
 export declare type HvFlowNodeOutput = {
     label: string;
@@ -229,23 +259,31 @@ export declare type HvFlowNodeParam = {
     value?: string;
 };
 
-export declare interface HvFlowNodeProps extends Omit<HvBaseProps, "id">, NodeProps {
+export declare interface HvFlowNodeProps<T> extends Omit<HvFlowBaseNodeProps<T>, "classes"> {
     /** Node description */
-    description: string;
-    /** Node expanded */
-    expanded?: boolean;
-    /** Node parameters */
-    params?: HvFlowNodeParam[];
+    description?: string;
     /** Node actions */
     actions?: HvActionGeneric[];
     /** Node action callback */
     actionCallback?: HvActionsGenericProps["actionsCallback"];
     /** Node maximum number of actions visible */
     maxVisibleActions?: number;
+    /** Node expanded */
+    expanded?: boolean;
+    /** Node parameters */
+    params?: HvFlowNodeParam[];
     /** A Jss Object used to override or extend the styles applied to the component. */
-    classes?: HvFlowNodeClasses;
+    classes?: HvFlowNodeClasses | HvFlowBaseNodeProps<T>["classes"];
 }
 
+export declare type HvFlowNodeTypeMeta<GroupId extends keyof any = string, NodeData = any> = {
+    label: string;
+    groupId: GroupId;
+    inputs?: HvFlowNodeInput[];
+    outputs?: HvFlowNodeOutput[];
+    data?: NodeData;
+};
+
 export declare type HvFlowNodeTypes<GroupId extends keyof any = string, NodeData = any> = {
     [key: string]: HvFlowNodeComponentType<GroupId, NodeData>;
 };
@@ -258,7 +296,7 @@ export declare interface HvFlowProps<NodeGroups extends keyof any = string, Node
     /** Flow sidebar. */
     sidebar?: React.ReactNode;
     /** Flow default actions. */
-    defaultActions?: HvFlowDefaultActions[];
+    defaultActions?: HvFlowNodeAction[];
     /**
      * Dnd Kit context props. This should be used for accessibility purposes.
      *
@@ -533,21 +571,18 @@ declare const useClasses_10: (classesProp?: Partial<Record<"description" | "titl
     cx: (...args: any) => string;
 };
 
-declare const useClasses_11: (classesProp?: Partial<Record<"root" | "group" | "mandatory" | "actions" | "titleContainer" | "headerContainer" | "groupContainer" | "inputsTitleContainer" | "outputsTitleContainer" | "contentContainer" | "inputsContainer" | "outputsContainer" | "paramsContainer" | "inputContainer" | "outputContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_11: (classesProp?: Partial<Record<"title" | "root" | "mandatory" | "titleContainer" | "headerContainer" | "inputsTitleContainer" | "outputsTitleContainer" | "contentContainer" | "inputsContainer" | "outputsContainer" | "inputContainer" | "outputContainer", string>>, addStatic?: boolean) => {
     classes: {
+        title: string;
         root: string;
-        group: string;
         mandatory: string;
-        actions: string;
         titleContainer: string;
         headerContainer: string;
-        groupContainer: string;
         inputsTitleContainer: string;
         outputsTitleContainer: string;
         contentContainer: string;
         inputsContainer: string;
         outputsContainer: string;
-        paramsContainer: string;
         inputContainer: string;
         outputContainer: string;
     };
@@ -558,6 +593,19 @@ declare const useClasses_11: (classesProp?: Partial<Record<"root" | "group" | "m
     cx: (...args: any) => string;
 };
 
+declare const useClasses_12: (classesProp?: Partial<Record<"actions" | "subtitleContainer" | "paramsContainer", string>>, addStatic?: boolean) => {
+    classes: {
+        actions: string;
+        subtitleContainer: string;
+        paramsContainer: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+
 declare const useClasses_2: (classesProp?: Partial<Record<"xl" | "lg" | "md" | "sm" | "xs" | "root" | "ghost" | "avatar" | "ghostDisabled" | "notCurrent", string>>, addStatic?: boolean) => {
     classes: {
         xl: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hitachivantara/uikit-react-lab",
-  "version": "5.13.2",
+  "version": "5.13.3",
   "private": false,
   "author": "Hitachi Vantara UI Kit Team",
   "description": "Contributed React components for the NEXT UI Kit.",
@@ -48,7 +48,7 @@
     "access": "public",
     "directory": "package"
   },
-  "gitHead": "650c55c646650c66690ce880cf2159e3e4031230",
+  "gitHead": "91faf462ef9577aa08f0a4c3f2ed3b6488a4e0ee",
   "main": "dist/cjs/index.cjs",
   "exports": {
     ".": {