@hitachivantara/uikit-react-lab 5.24.2 → 5.25.0

package/dist/esm/Flow/nodes/DashboardNode.js.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardNode.js","sources":["../../../../src/Flow/nodes/DashboardNode.tsx"],"sourcesContent":["import {\n  ExtractNames,\n  HvButton,\n  HvDialog,\n  HvDialogActions,\n  HvDialogContent,\n  HvDialogProps,\n  HvDialogTitle,\n  HvEmptyState,\n  createClasses,\n  theme,\n  useLabels,\n} from \"@hitachivantara/uikit-react-core\";\nimport { Info } from \"@hitachivantara/uikit-react-icons\";\n\nimport { HvDashboard, HvDashboardProps } from \"../../Dashboard\";\nimport { HvFlowNode, HvFlowNodeProps, HvFlowNodeClasses } from \"../Node\";\n\nconst { staticClasses, useClasses } = createClasses(\"HvDashboardNode\", {\n  actions: {\n    display: \"flex\",\n    justifyContent: \"space-around\",\n    padding: theme.space.xs,\n  },\n  empty: {\n    padding: theme.spacing(\"sm\", 0, 0, 0),\n  },\n});\n\nexport { staticClasses as hvDashboardNodeClasses };\n\nconst DEFAULT_LABELS = {\n  emptyMessage: \"No visualizations connected to the dashboard.\",\n  dialogTitle: \"Configure dashboard\",\n  dialogSubtitle: \"Please configure the layout of your dashboard as needed.\",\n  dialogApply: \"Apply\",\n  dialogCancel: \"Cancel\",\n};\n\nexport interface HvDashboardNodeClasses\n  extends ExtractNames<typeof useClasses>,\n    HvFlowNodeClasses {}\n\nexport interface HvDashboardNodeProps\n  extends HvFlowNodeProps,\n    Pick<HvDialogProps, \"open\" | \"onClose\">,\n    Pick<HvDashboardProps, \"layout\"> {\n  classes?: HvDashboardNodeClasses;\n  labels?: Partial<typeof DEFAULT_LABELS>;\n  previewItems?: React.ReactNode;\n  onApply?: () => void;\n  onCancel?: () => void;\n\n  dashboardProps?: Omit<HvDashboardProps, \"children\">;\n  dialogProps?: HvDialogProps;\n}\n\nexport const HvDashboardNode = (props: HvDashboardNodeProps) => {\n  const {\n    id,\n    open,\n    layout,\n    labels: labelsProp,\n    classes: classesProp,\n    previewItems,\n    children,\n    dialogProps,\n    dashboardProps,\n    onApply,\n    onCancel,\n    onClose,\n    ...others\n  } = props;\n  const labels = useLabels(DEFAULT_LABELS, labelsProp);\n  const { classes } = useClasses(classesProp);\n\n  return (\n    <HvFlowNode id={id} classes={classes as any} {...others}>\n      {children && <div className={classes.actions}>{children}</div>}\n      <HvDialog\n        open={open}\n        maxWidth=\"lg\"\n        fullWidth\n        onClose={onClose}\n        {...dialogProps}\n      >\n        <HvDialogTitle variant=\"info\">{labels?.dialogTitle}</HvDialogTitle>\n        <HvDialogContent indentContent>\n          {labels?.dialogSubtitle}\n          {layout && layout?.length > 0 ? (\n            <HvDashboard\n              cols={12}\n              layout={layout}\n              compactType=\"vertical\"\n              rowHeight={80}\n              margin={[16, 16]}\n              containerPadding={[0, 16]}\n              {...dashboardProps}\n            >\n              {previewItems}\n            </HvDashboard>\n          ) : (\n            <HvEmptyState\n              className={classes.empty}\n              icon={<Info role=\"none\" />}\n              message={labels?.emptyMessage}\n            />\n          )}\n        </HvDialogContent>\n        <HvDialogActions>\n          <HvButton variant=\"primary\" onClick={onApply}>\n            {labels?.dialogApply}\n          </HvButton>\n          <HvButton variant=\"secondarySubtle\" onClick={onCancel}>\n            {labels?.dialogCancel}\n          </HvButton>\n        </HvDialogActions>\n      </HvDialog>\n    </HvFlowNode>\n  );\n};\n"],"names":[],"mappings":";;;;;AAkBA,MAAM,EAAE,eAAe,eAAe,cAAc,mBAAmB;AAAA,EACrE,SAAS;AAAA,IACP,SAAS;AAAA,IACT,gBAAgB;AAAA,IAChB,SAAS,MAAM,MAAM;AAAA,EACvB;AAAA,EACA,OAAO;AAAA,IACL,SAAS,MAAM,QAAQ,MAAM,GAAG,GAAG,CAAC;AAAA,EACtC;AACF,CAAC;AAID,MAAM,iBAAiB;AAAA,EACrB,cAAc;AAAA,EACd,aAAa;AAAA,EACb,gBAAgB;AAAA,EAChB,aAAa;AAAA,EACb,cAAc;AAChB;AAoBa,MAAA,kBAAkB,CAAC,UAAgC;AACxD,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,IACR,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACD,IAAA;AACE,QAAA,SAAS,UAAU,gBAAgB,UAAU;AACnD,QAAM,EAAE,QAAA,IAAY,WAAW,WAAW;AAE1C,SACG,qBAAA,YAAA,EAAW,IAAQ,SAA0B,GAAG,QAC9C,UAAA;AAAA,IAAA,YAAa,oBAAA,OAAA,EAAI,WAAW,QAAQ,SAAU,UAAS;AAAA,IACxD;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,UAAS;AAAA,QACT,WAAS;AAAA,QACT;AAAA,QACC,GAAG;AAAA,QAEJ,UAAA;AAAA,UAAA,oBAAC,eAAc,EAAA,SAAQ,QAAQ,UAAA,QAAQ,aAAY;AAAA,UACnD,qBAAC,iBAAgB,EAAA,eAAa,MAC3B,UAAA;AAAA,YAAQ,QAAA;AAAA,YACR,UAAU,QAAQ,SAAS,IAC1B;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,MAAM;AAAA,gBACN;AAAA,gBACA,aAAY;AAAA,gBACZ,WAAW;AAAA,gBACX,QAAQ,CAAC,IAAI,EAAE;AAAA,gBACf,kBAAkB,CAAC,GAAG,EAAE;AAAA,gBACvB,GAAG;AAAA,gBAEH,UAAA;AAAA,cAAA;AAAA,YAAA,IAGH;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAW,QAAQ;AAAA,gBACnB,MAAM,oBAAC,MAAK,EAAA,MAAK,OAAO,CAAA;AAAA,gBACxB,SAAS,QAAQ;AAAA,cAAA;AAAA,YACnB;AAAA,UAAA,GAEJ;AAAA,+BACC,iBACC,EAAA,UAAA;AAAA,YAAA,oBAAC,YAAS,SAAQ,WAAU,SAAS,SAClC,kBAAQ,aACX;AAAA,gCACC,UAAS,EAAA,SAAQ,mBAAkB,SAAS,UAC1C,kBAAQ,cACX;AAAA,UAAA,GACF;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EACF,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"DashboardNode.js","sources":["../../../../src/Flow/nodes/DashboardNode.tsx"],"sourcesContent":["import {\n  ExtractNames,\n  HvButton,\n  HvDialog,\n  HvDialogActions,\n  HvDialogContent,\n  HvDialogProps,\n  HvDialogTitle,\n  HvEmptyState,\n  useLabels,\n} from \"@hitachivantara/uikit-react-core\";\nimport { Info } from \"@hitachivantara/uikit-react-icons\";\n\nimport { HvDashboard, HvDashboardProps } from \"../../Dashboard\";\nimport { HvFlowNode, HvFlowNodeProps } from \"../Node\";\nimport { staticClasses, useClasses } from \"./DashboardNode.styles\";\n\nexport { staticClasses as hvDashboardNodeClasses };\n\nconst DEFAULT_LABELS = {\n  emptyMessage: \"No visualizations connected to the dashboard.\",\n  dialogTitle: \"Configure dashboard\",\n  dialogSubtitle: \"Please configure the layout of your dashboard as needed.\",\n  dialogApply: \"Apply\",\n  dialogCancel: \"Cancel\",\n};\n\nexport type HvDashboardNodeClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvDashboardNodeProps\n  extends HvFlowNodeProps,\n    Pick<HvDialogProps, \"open\" | \"onClose\">,\n    Pick<HvDashboardProps, \"layout\"> {\n  classes?: HvDashboardNodeClasses;\n  labels?: Partial<typeof DEFAULT_LABELS>;\n  previewItems?: React.ReactNode;\n  onApply?: () => void;\n  onCancel?: () => void;\n\n  dashboardProps?: Omit<HvDashboardProps, \"children\">;\n  dialogProps?: HvDialogProps;\n}\n\nexport const HvDashboardNode = (props: HvDashboardNodeProps) => {\n  const {\n    id,\n    open,\n    layout,\n    labels: labelsProp,\n    classes: classesProp,\n    previewItems,\n    children,\n    dialogProps,\n    dashboardProps,\n    onApply,\n    onCancel,\n    onClose,\n    ...others\n  } = props;\n  const labels = useLabels(DEFAULT_LABELS, labelsProp);\n  const { classes } = useClasses(classesProp);\n\n  return (\n    <HvFlowNode id={id} classes={classes} {...others}>\n      {children}\n      <HvDialog\n        open={open}\n        maxWidth=\"lg\"\n        fullWidth\n        onClose={onClose}\n        {...dialogProps}\n      >\n        <HvDialogTitle variant=\"info\">{labels?.dialogTitle}</HvDialogTitle>\n        <HvDialogContent indentContent>\n          {labels?.dialogSubtitle}\n          {layout && layout?.length > 0 ? (\n            <HvDashboard\n              cols={12}\n              layout={layout}\n              compactType=\"vertical\"\n              rowHeight={80}\n              margin={[16, 16]}\n              containerPadding={[0, 16]}\n              {...dashboardProps}\n            >\n              {previewItems}\n            </HvDashboard>\n          ) : (\n            <HvEmptyState\n              className={classes.empty}\n              icon={<Info role=\"none\" />}\n              message={labels?.emptyMessage}\n            />\n          )}\n        </HvDialogContent>\n        <HvDialogActions>\n          <HvButton variant=\"primary\" onClick={onApply}>\n            {labels?.dialogApply}\n          </HvButton>\n          <HvButton variant=\"secondarySubtle\" onClick={onCancel}>\n            {labels?.dialogCancel}\n          </HvButton>\n        </HvDialogActions>\n      </HvDialog>\n    </HvFlowNode>\n  );\n};\n"],"names":[],"mappings":";;;;;;;AAmBA,MAAM,iBAAiB;AAAA,EACrB,cAAc;AAAA,EACd,aAAa;AAAA,EACb,gBAAgB;AAAA,EAChB,aAAa;AAAA,EACb,cAAc;AAChB;AAkBa,MAAA,kBAAkB,CAAC,UAAgC;AACxD,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,IACR,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACD,IAAA;AACE,QAAA,SAAS,UAAU,gBAAgB,UAAU;AACnD,QAAM,EAAE,QAAA,IAAY,WAAW,WAAW;AAE1C,SACG,qBAAA,YAAA,EAAW,IAAQ,SAAmB,GAAG,QACvC,UAAA;AAAA,IAAA;AAAA,IACD;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,UAAS;AAAA,QACT,WAAS;AAAA,QACT;AAAA,QACC,GAAG;AAAA,QAEJ,UAAA;AAAA,UAAA,oBAAC,eAAc,EAAA,SAAQ,QAAQ,UAAA,QAAQ,aAAY;AAAA,UACnD,qBAAC,iBAAgB,EAAA,eAAa,MAC3B,UAAA;AAAA,YAAQ,QAAA;AAAA,YACR,UAAU,QAAQ,SAAS,IAC1B;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,MAAM;AAAA,gBACN;AAAA,gBACA,aAAY;AAAA,gBACZ,WAAW;AAAA,gBACX,QAAQ,CAAC,IAAI,EAAE;AAAA,gBACf,kBAAkB,CAAC,GAAG,EAAE;AAAA,gBACvB,GAAG;AAAA,gBAEH,UAAA;AAAA,cAAA;AAAA,YAAA,IAGH;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAW,QAAQ;AAAA,gBACnB,MAAM,oBAAC,MAAK,EAAA,MAAK,OAAO,CAAA;AAAA,gBACxB,SAAS,QAAQ;AAAA,cAAA;AAAA,YACnB;AAAA,UAAA,GAEJ;AAAA,+BACC,iBACC,EAAA,UAAA;AAAA,YAAA,oBAAC,YAAS,SAAQ,WAAU,SAAS,SAClC,kBAAQ,aACX;AAAA,gCACC,UAAS,EAAA,SAAQ,mBAAkB,SAAS,UAC1C,kBAAQ,cACX;AAAA,UAAA,GACF;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EACF,EAAA,CAAA;AAEJ;"}

package/dist/esm/Flow/nodes/DashboardNode.styles.js

@@ -0,0 +1,17 @@
+import { createClasses, theme } from "@hitachivantara/uikit-react-core";
+import { staticClasses as staticClasses$1 } from "../Node/Node.styles.js";
+const baseClasses = Object.fromEntries(
+  Object.keys(staticClasses$1).map((key) => [key, {}])
+);
+const { staticClasses, useClasses } = createClasses("HvDashboardNode", {
+  empty: {
+    padding: theme.spacing("sm", 0, 0, 0)
+  },
+  // Spread here to know if we are overriding classes from parents
+  ...baseClasses
+});
+export {
+  staticClasses,
+  useClasses
+};
+//# sourceMappingURL=DashboardNode.styles.js.map

package/dist/esm/Flow/nodes/DashboardNode.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardNode.styles.js","sources":["../../../../src/Flow/nodes/DashboardNode.styles.tsx"],"sourcesContent":["import { createClasses, theme } from \"@hitachivantara/uikit-react-core\";\n\nimport { staticClasses as nodeClasses } from \"../Node/Node.styles\";\n\nconst baseClasses = Object.fromEntries(\n  Object.keys(nodeClasses).map((key) => [key, {}])\n) as Record<keyof typeof nodeClasses, {}>;\n\nexport const { staticClasses, useClasses } = createClasses(\"HvDashboardNode\", {\n  empty: {\n    padding: theme.spacing(\"sm\", 0, 0, 0),\n  },\n  // Spread here to know if we are overriding classes from parents\n  ...baseClasses,\n});\n"],"names":["nodeClasses"],"mappings":";;AAIA,MAAM,cAAc,OAAO;AAAA,EACzB,OAAO,KAAKA,eAAW,EAAE,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAA,CAAE,CAAC;AACjD;AAEO,MAAM,EAAE,eAAe,eAAe,cAAc,mBAAmB;AAAA,EAC5E,OAAO;AAAA,IACL,SAAS,MAAM,QAAQ,MAAM,GAAG,GAAG,CAAC;AAAA,EACtC;AAAA;AAAA,EAEA,GAAG;AACL,CAAC;"}

package/dist/esm/index.js

@@ -17,22 +17,23 @@ import { staticClasses as staticClasses7 } from "./Flow/Node/BaseNode.styles.js"
 import { HvFlowBaseNode } from "./Flow/Node/BaseNode.js";
 import { staticClasses as staticClasses8 } from "./Flow/Node/Node.styles.js";
 import { HvFlowNode } from "./Flow/Node/Node.js";
-import { HvDashboardNode, hvDashboardNodeClasses } from "./Flow/nodes/DashboardNode.js";
+import { staticClasses as staticClasses9 } from "./Flow/nodes/DashboardNode.styles.js";
+import { HvDashboardNode } from "./Flow/nodes/DashboardNode.js";
 import { useFlowInputNodes, useFlowNode, useFlowNodeEdges, useFlowNodeInputEdges, useFlowNodeOutputEdges, useFlowNodeParents, useFlowNodeUtils, useFlowOutputNodes } from "./Flow/hooks/useFlowNode.js";
 import { useFlowContext } from "./Flow/hooks/useFlowContext.js";
 import { useFlowNodeMeta } from "./Flow/hooks/useFlowNodeMeta.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 { default as default2 } from "./Wizard/WizardContext/WizardContext.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 {
   HvBlade,
@@ -62,8 +63,8 @@ export {
   staticClasses5 as flowMinimapClasses,
   staticClasses8 as flowNodeClasses,
   staticClasses6 as flowSidebarClasses,
-  hvDashboardNodeClasses,
-  staticClasses9 as stepNavigationClasses,
+  staticClasses9 as hvDashboardNodeClasses,
+  staticClasses10 as stepNavigationClasses,
   useFlowContext,
   useFlowInputNodes,
   useFlowNode,
@@ -74,10 +75,10 @@ export {
   useFlowNodeParents,
   useFlowNodeUtils,
   useFlowOutputNodes,
-  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
 };
 //# sourceMappingURL=index.js.map

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

@@ -76,6 +76,8 @@ export declare const flowBaseNodeClasses: {
     outputsTitleContainer: "HvFlowBaseNode-outputsTitleContainer";
     inputsContainer: "HvFlowBaseNode-inputsContainer";
     outputsContainer: "HvFlowBaseNode-outputsContainer";
+    inputGroupContainer: "HvFlowBaseNode-inputGroupContainer";
+    outputGroupContainer: "HvFlowBaseNode-outputGroupContainer";
     outputContainer: "HvFlowBaseNode-outputContainer";
 };
 
@@ -88,7 +90,22 @@ export declare const flowMinimapClasses: {
 };
 
 export declare const flowNodeClasses: {
+    root: "HvFlowNode-root";
+    title: "HvFlowNode-title";
+    titleContainer: "HvFlowNode-titleContainer";
+    mandatory: "HvFlowNode-mandatory";
     actions: "HvFlowNode-actions";
+    footerContainer: "HvFlowNode-footerContainer";
+    inputContainer: "HvFlowNode-inputContainer";
+    contentContainer: "HvFlowNode-contentContainer";
+    headerContainer: "HvFlowNode-headerContainer";
+    inputsTitleContainer: "HvFlowNode-inputsTitleContainer";
+    outputsTitleContainer: "HvFlowNode-outputsTitleContainer";
+    inputsContainer: "HvFlowNode-inputsContainer";
+    outputsContainer: "HvFlowNode-outputsContainer";
+    inputGroupContainer: "HvFlowNode-inputGroupContainer";
+    outputGroupContainer: "HvFlowNode-outputGroupContainer";
+    outputContainer: "HvFlowNode-outputContainer";
     subtitleContainer: "HvFlowNode-subtitleContainer";
     paramsContainer: "HvFlowNode-paramsContainer";
 };
@@ -254,12 +271,28 @@ export declare type HvDashboardClasses = ExtractNames<typeof useClasses_3>;
 
 export declare const HvDashboardNode: (props: HvDashboardNodeProps) => JSX_2.Element;
 
-export declare interface HvDashboardNodeClasses extends ExtractNames<typeof useClasses_9>, HvFlowNodeClasses {
-}
+export declare type HvDashboardNodeClasses = ExtractNames<typeof useClasses_9>;
 
 export declare const hvDashboardNodeClasses: {
+    root: "HvDashboardNode-root";
+    title: "HvDashboardNode-title";
+    titleContainer: "HvDashboardNode-titleContainer";
+    mandatory: "HvDashboardNode-mandatory";
     empty: "HvDashboardNode-empty";
     actions: "HvDashboardNode-actions";
+    footerContainer: "HvDashboardNode-footerContainer";
+    inputContainer: "HvDashboardNode-inputContainer";
+    contentContainer: "HvDashboardNode-contentContainer";
+    headerContainer: "HvDashboardNode-headerContainer";
+    inputsTitleContainer: "HvDashboardNode-inputsTitleContainer";
+    outputsTitleContainer: "HvDashboardNode-outputsTitleContainer";
+    inputsContainer: "HvDashboardNode-inputsContainer";
+    outputsContainer: "HvDashboardNode-outputsContainer";
+    inputGroupContainer: "HvDashboardNode-inputGroupContainer";
+    outputGroupContainer: "HvDashboardNode-outputGroupContainer";
+    outputContainer: "HvDashboardNode-outputContainer";
+    subtitleContainer: "HvDashboardNode-subtitleContainer";
+    paramsContainer: "HvDashboardNode-paramsContainer";
 };
 
 export declare interface HvDashboardNodeProps extends HvFlowNodeProps, Pick<HvDialogProps, "open" | "onClose">, Pick<HvDashboardProps, "layout"> {
@@ -347,9 +380,9 @@ export declare interface HvFlowBaseNodeProps<T = any> extends Omit<HvBaseProps,
     /** Header items */
     headerItems?: React_2.ReactNode;
     /** Node inputs */
-    inputs?: HvFlowNodeInput[];
+    inputs?: (HvFlowNodeInput | HvFlowNodeInputGroup)[];
     /** Node outputs */
-    outputs?: HvFlowNodeOutput[];
+    outputs?: (HvFlowNodeOutput | HvFlowNodeOutputGroup)[];
     /** Node actions */
     nodeActions?: HvFlowNodeAction[];
     /** The content of the Node footer */
@@ -425,14 +458,13 @@ export declare interface HvFlowMinimapProps<NodeData = any> extends Omit<MiniMap
     classes?: HvFlowMinimapClasses;
 }
 
-export declare const HvFlowNode: ({ id, type, headerItems, description, actions, outputs, inputs, actionCallback, maxVisibleActions, expanded, params, nodeDefaults, classes: classesProp, children, expandParamsButtonProps, ...props }: HvFlowNodeProps<unknown>) => JSX_2.Element;
+export declare const HvFlowNode: ({ id, type, headerItems, description, actions, actionCallback, maxVisibleActions, expanded, params, nodeDefaults, classes: classesProp, children, expandParamsButtonProps, ...props }: HvFlowNodeProps<unknown>) => JSX_2.Element;
 
 export declare interface HvFlowNodeAction extends HvActionGeneric {
     callback?: (node: Node_2) => void;
 }
 
-export declare interface HvFlowNodeClasses extends ExtractNames<typeof useClasses_8>, HvFlowBaseNodeClasses {
-}
+export declare type HvFlowNodeClasses = ExtractNames<typeof useClasses_8>;
 
 export declare interface HvFlowNodeComponentClass<GroupId extends keyof any = string, NodeData = any> extends ComponentClass<NodeProps>, NodeExtras<GroupId, NodeData> {
 }
@@ -460,29 +492,39 @@ export declare interface HvFlowNodeGroup {
 
 export declare type HvFlowNodeGroups<GroupId extends keyof any = string> = Record<GroupId, HvFlowNodeGroup>;
 
-export declare type HvFlowNodeInput = {
+export declare interface HvFlowNodeInput {
     id?: string;
-    label: string;
+    label: React.ReactNode;
     isMandatory?: boolean;
     accepts?: string[];
     maxConnections?: number;
-};
+}
+
+export declare interface HvFlowNodeInputGroup {
+    label: React.ReactNode;
+    inputs: HvFlowNodeInput[];
+}
 
 export declare interface HvFlowNodeMeta {
     label: string;
-    inputs?: HvFlowNodeInput[];
-    outputs?: HvFlowNodeOutput[];
+    inputs?: (HvFlowNodeInput | HvFlowNodeInputGroup)[];
+    outputs?: (HvFlowNodeOutput | HvFlowNodeOutputGroup)[];
 }
 
 export declare type HvFlowNodeMetaRegistry = Record<string, HvFlowNodeMeta>;
 
-export declare type HvFlowNodeOutput = {
+export declare interface HvFlowNodeOutput {
     id?: string;
-    label: string;
+    label: React.ReactNode;
     isMandatory?: boolean;
     provides?: string;
     maxConnections?: number;
-};
+}
+
+export declare interface HvFlowNodeOutputGroup {
+    label: React.ReactNode;
+    outputs: HvFlowNodeOutput[];
+}
 
 export declare type HvFlowNodeParam = HvFlowNodeSelectParam | HvFlowNodeTextParam | HvFlowNodeSliderParam;
 
@@ -503,10 +545,6 @@ export declare interface HvFlowNodeProps<T = any> extends HvFlowBaseNodeProps<T>
     nodeDefaults?: HvFlowNodeDefaults;
     /** Props to be passed to the expand parameters button. */
     expandParamsButtonProps?: HvButtonProps;
-    /** Node outputs. */
-    outputs?: HvFlowNodeOutput[];
-    /** Node inputs. */
-    inputs?: HvFlowNodeInput[];
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvFlowNodeClasses;
 }
@@ -980,7 +1018,7 @@ declare const useClasses_6: (classesProp?: Partial<Record<"description" | "title
     cx: (...args: any) => string;
 };
 
-declare const useClasses_7: (classesProp?: Partial<Record<"root" | "title" | "titleContainer" | "mandatory" | "footerContainer" | "inputContainer" | "contentContainer" | "headerContainer" | "inputsTitleContainer" | "outputsTitleContainer" | "inputsContainer" | "outputsContainer" | "outputContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_7: (classesProp?: Partial<Record<"root" | "title" | "titleContainer" | "mandatory" | "footerContainer" | "inputContainer" | "contentContainer" | "headerContainer" | "inputsTitleContainer" | "outputsTitleContainer" | "inputsContainer" | "outputsContainer" | "inputGroupContainer" | "outputGroupContainer" | "outputContainer", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         title: string;
@@ -994,6 +1032,8 @@ declare const useClasses_7: (classesProp?: Partial<Record<"root" | "title" | "ti
         outputsTitleContainer: string;
         inputsContainer: string;
         outputsContainer: string;
+        inputGroupContainer: string;
+        outputGroupContainer: string;
         outputContainer: string;
     };
     css: {
@@ -1003,9 +1043,24 @@ declare const useClasses_7: (classesProp?: Partial<Record<"root" | "title" | "ti
     cx: (...args: any) => string;
 };
 
-declare const useClasses_8: (classesProp?: Partial<Record<"actions" | "subtitleContainer" | "paramsContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_8: (classesProp?: Partial<Record<"root" | "title" | "titleContainer" | "mandatory" | "actions" | "footerContainer" | "inputContainer" | "contentContainer" | "headerContainer" | "inputsTitleContainer" | "outputsTitleContainer" | "inputsContainer" | "outputsContainer" | "inputGroupContainer" | "outputGroupContainer" | "outputContainer" | "subtitleContainer" | "paramsContainer", string>>, addStatic?: boolean) => {
     classes: {
+        root: string;
+        title: string;
+        titleContainer: string;
+        mandatory: string;
         actions: string;
+        footerContainer: string;
+        inputContainer: string;
+        contentContainer: string;
+        headerContainer: string;
+        inputsTitleContainer: string;
+        outputsTitleContainer: string;
+        inputsContainer: string;
+        outputsContainer: string;
+        inputGroupContainer: string;
+        outputGroupContainer: string;
+        outputContainer: string;
         subtitleContainer: string;
         paramsContainer: string;
     };
@@ -1016,10 +1071,27 @@ declare const useClasses_8: (classesProp?: Partial<Record<"actions" | "subtitleC
     cx: (...args: any) => string;
 };
 
-declare const useClasses_9: (classesProp?: Partial<Record<"empty" | "actions", string>>, addStatic?: boolean) => {
+declare const useClasses_9: (classesProp?: Partial<Record<"root" | "title" | "titleContainer" | "mandatory" | "empty" | "actions" | "footerContainer" | "inputContainer" | "contentContainer" | "headerContainer" | "inputsTitleContainer" | "outputsTitleContainer" | "inputsContainer" | "outputsContainer" | "inputGroupContainer" | "outputGroupContainer" | "outputContainer" | "subtitleContainer" | "paramsContainer", string>>, addStatic?: boolean) => {
     classes: {
+        root: string;
+        title: string;
+        titleContainer: string;
+        mandatory: string;
         empty: string;
         actions: string;
+        footerContainer: string;
+        inputContainer: string;
+        contentContainer: string;
+        headerContainer: string;
+        inputsTitleContainer: string;
+        outputsTitleContainer: string;
+        inputsContainer: string;
+        outputsContainer: string;
+        inputGroupContainer: string;
+        outputGroupContainer: string;
+        outputContainer: string;
+        subtitleContainer: string;
+        paramsContainer: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -1045,8 +1117,8 @@ export declare function useFlowNodeOutputEdges(id: string): Edge<any>[];
 export declare function useFlowNodeParents(id: string): Node_2<any, string | undefined>[];
 
 /** Utilities to manipulate a node in the flow */
-export declare function useFlowNodeUtils(): {
-    setNodeData: (setNewData: (newData?: any) => any) => void;
+export declare function useFlowNodeUtils<NodeData = any>(): {
+    setNodeData: (setNewData: (newData?: NodeData) => NodeData) => void;
 };
 
 export declare function useFlowOutputNodes<T = any>(id: string): Node_2<T, string | undefined>[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hitachivantara/uikit-react-lab",
-  "version": "5.24.2",
+  "version": "5.25.0",
   "private": false,
   "author": "Hitachi Vantara UI Kit Team",
   "description": "Contributed React components for the NEXT UI Kit.",
@@ -32,7 +32,7 @@
     "@dnd-kit/core": "^6.1.0",
     "@dnd-kit/modifiers": "^6.0.1",
     "@emotion/css": "^11.11.0",
-    "@hitachivantara/uikit-react-core": "^5.44.5",
+    "@hitachivantara/uikit-react-core": "^5.44.6",
     "@hitachivantara/uikit-react-icons": "^5.8.0",
     "@hitachivantara/uikit-styles": "^5.17.2",
     "@types/react-grid-layout": "^1.3.5",
@@ -50,7 +50,7 @@
     "access": "public",
     "directory": "package"
   },
-  "gitHead": "8153821e78191996ec145cc6095e9073ad6028d0",
+  "gitHead": "451ecb1bc99f980f388fe94d66eb18c013f33c06",
   "main": "dist/cjs/index.cjs",
   "exports": {
     ".": {