@hitachivantara/uikit-react-lab 5.5.4 → 5.6.0

package/dist/types/index.d.ts

@@ -33,6 +33,22 @@ export declare const flowMinimapClasses: {
     root: "HvFlowMinimap-root";
 };
 
+export declare const flowNodeClasses: {
+    root: "HvFlowNode-root";
+    group: "HvFlowNode-group";
+    mandatory: "HvFlowNode-mandatory";
+    titleContainer: "HvFlowNode-titleContainer";
+    headerContainer: "HvFlowNode-headerContainer";
+    groupContainer: "HvFlowNode-groupContainer";
+    inputsTitleContainer: "HvFlowNode-inputsTitleContainer";
+    outputsTitleContainer: "HvFlowNode-outputsTitleContainer";
+    inputsContainer: "HvFlowNode-inputsContainer";
+    outputsContainer: "HvFlowNode-outputsContainer";
+    paramsContainer: "HvFlowNode-paramsContainer";
+    inputContainer: "HvFlowNode-inputContainer";
+    outputContainer: "HvFlowNode-outputContainer";
+};
+
 export declare const flowSidebarClasses: {
     description: "HvFlowSidebar-description";
     titleContainer: "HvFlowSidebar-titleContainer";
@@ -46,13 +62,13 @@ declare interface HvDroppableFlowProps<NodeData = any, NodeType extends string |
     /** Flow content: background, controls, and minimap. */
     children?: React.ReactNode;
     /** Flow nodes. */
-    nodes?: HvFlowNode<NodeData, NodeType>[];
+    nodes?: Node_2<NodeData, NodeType>[];
     /** Flow edges. */
-    edges?: HvFlowEdge[];
+    edges?: Edge[];
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvFlowClasses;
     /** Function called when the flow changes. Returns the updated nodes and edges. */
-    onFlowChange?: (nodes: HvFlowNode<NodeData, NodeType>[], edges: HvFlowEdge[]) => void;
+    onFlowChange?: (nodes: Node_2<NodeData, NodeType>[], edges: Edge[]) => void;
 }
 
 /**
@@ -98,9 +114,6 @@ export declare interface HvFlowControlsProps extends Omit<ControlProps, "positio
     hideInteractive?: boolean;
 }
 
-/** Edge */
-export declare type HvFlowEdge = Edge;
-
 export declare const HvFlowMinimap: ({ nodeColor, maskColor, maskStrokeColor, nodeStrokeColor, classes: classesProp, className, ...others }: HvFlowMinimapProps) => JSX_2.Element;
 
 export declare type HvFlowMinimapClasses = ExtractNames<typeof useClasses_9>;
@@ -118,15 +131,13 @@ export declare interface HvFlowMinimapProps<NodeData = any> extends Omit<MiniMap
     classes?: HvFlowMinimapClasses;
 }
 
-/** Node */
-export declare type HvFlowNode<NodeData = any, NodeType extends string | undefined = string | undefined> = Node_2<NodeData, NodeType>;
+export declare const HvFlowNode: ({ id, type, title, description, expanded, params, classes: classesProp, className, }: HvFlowNodeProps) => JSX_2.Element;
+
+export declare type HvFlowNodeClasses = ExtractNames<typeof useClasses_11>;
 
 export declare interface HvFlowNodeComponentClass<GroupId extends keyof any = string> extends ComponentClass<NodeProps> {
     /** Metadata used on the HvFlowSidebar component to group the node */
-    meta?: {
-        groupId: GroupId;
-        label: string;
-    };
+    meta?: HvFlowNodeMeta<GroupId>;
 }
 
 export declare type HvFlowNodeComponentType<GroupId extends keyof any = string> = HvFlowNodeComponentClass<GroupId> | HvFlowNodeFunctionComponent<GroupId>;
@@ -134,10 +145,7 @@ export declare type HvFlowNodeComponentType<GroupId extends keyof any = string>
 /** Node types */
 export declare interface HvFlowNodeFunctionComponent<GroupId extends keyof any = string> extends FunctionComponent<NodeProps> {
     /** Metadata used on the HvFlowSidebar component to group the node */
-    meta?: {
-        groupId: GroupId;
-        label: string;
-    };
+    meta?: HvFlowNodeMeta<GroupId>;
 }
 
 /** Node groups */
@@ -150,6 +158,50 @@ export declare interface HvFlowNodeGroup {
 
 export declare type HvFlowNodeGroups<GroupId extends keyof any = string> = Record<GroupId, HvFlowNodeGroup>;
 
+export declare type HvFlowNodeInput = {
+    label: string;
+    isMandatory?: boolean;
+    accepts?: string[];
+};
+
+export declare type HvFlowNodeMeta<GroupId extends keyof any = string> = {
+    label: string;
+    groupId: GroupId;
+    inputs?: HvFlowNodeInput[];
+    outputs?: HvFlowNodeOutput[];
+};
+
+export declare type HvFlowNodeOutput = {
+    label: string;
+    isMandatory?: boolean;
+    provides?: string[];
+};
+
+export declare type HvFlowNodeParam = {
+    id: string;
+    type: "text" | "select";
+    label: string;
+    options?: string[];
+    value?: string;
+};
+
+export declare interface HvFlowNodeProps extends Omit<HvBaseProps, "id">, NodeProps {
+    /** Node title */
+    title: string;
+    /** Node description */
+    description: string;
+    /** Node expanded */
+    expanded?: boolean;
+    /** Node inputs */
+    inputs?: HvFlowNodeInput[];
+    /** Node outputs */
+    outputs?: HvFlowNodeOutput[];
+    /** Node parameters */
+    params?: HvFlowNodeParam[];
+    /** A Jss Object used to override or extend the styles applied to the component. */
+    classes?: HvFlowNodeClasses;
+}
+
 export declare type HvFlowNodeTypes<GroupId extends keyof any = string> = {
     [key: string]: HvFlowNodeComponentType<GroupId>;
 };
@@ -429,6 +481,29 @@ declare const useClasses_10: (classesProp?: Partial<Record<"description" | "titl
     cx: (...args: any) => string;
 };
 
+declare const useClasses_11: (classesProp?: Partial<Record<"root" | "group" | "mandatory" | "titleContainer" | "headerContainer" | "groupContainer" | "inputsTitleContainer" | "outputsTitleContainer" | "inputsContainer" | "outputsContainer" | "paramsContainer" | "inputContainer" | "outputContainer", string>>, addStatic?: boolean) => {
+    classes: {
+        root: string;
+        group: string;
+        mandatory: string;
+        titleContainer: string;
+        headerContainer: string;
+        groupContainer: string;
+        inputsTitleContainer: string;
+        outputsTitleContainer: string;
+        inputsContainer: string;
+        outputsContainer: string;
+        paramsContainer: string;
+        inputContainer: string;
+        outputContainer: 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;
@@ -474,13 +549,13 @@ declare const useClasses_4: (classesProp?: Partial<Record<"buttonWidth" | "actio
     cx: (...args: any) => string;
 };
 
-declare const useClasses_5: (classesProp?: Partial<Record<"titleContainer" | "messageContainer" | "buttonWidth" | "rootSummaryButton" | "headerContainer" | "stepContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_5: (classesProp?: Partial<Record<"titleContainer" | "messageContainer" | "headerContainer" | "buttonWidth" | "rootSummaryButton" | "stepContainer", string>>, addStatic?: boolean) => {
     classes: {
         titleContainer: string;
         messageContainer: string;
+        headerContainer: string;
         buttonWidth: string;
         rootSummaryButton: string;
-        headerContainer: string;
         stepContainer: string;
     };
     css: {
@@ -568,9 +643,9 @@ export declare const wizardContentClasses: {
 export declare const wizardTitleClasses: {
     titleContainer: "HvWizardTitle-titleContainer";
     messageContainer: "HvWizardTitle-messageContainer";
+    headerContainer: "HvWizardTitle-headerContainer";
     buttonWidth: "HvWizardTitle-buttonWidth";
     rootSummaryButton: "HvWizardTitle-rootSummaryButton";
-    headerContainer: "HvWizardTitle-headerContainer";
     stepContainer: "HvWizardTitle-stepContainer";
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hitachivantara/uikit-react-lab",
-  "version": "5.5.4",
+  "version": "5.6.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.0.8",
     "@dnd-kit/modifiers": "^6.0.1",
     "@emotion/css": "^11.11.0",
-    "@hitachivantara/uikit-react-core": "^5.27.9",
+    "@hitachivantara/uikit-react-core": "^5.28.0",
     "@hitachivantara/uikit-react-icons": "^5.6.7",
     "@hitachivantara/uikit-styles": "^5.12.1",
     "lodash": "^4.17.21",
@@ -48,7 +48,7 @@
     "access": "public",
     "directory": "package"
   },
-  "gitHead": "201751907147d33f4790e3bee411b40270a93df3",
+  "gitHead": "05db5a640d352bf7f44caffc109394fef5be37aa",
   "main": "dist/cjs/index.cjs",
   "exports": {
     ".": {