@hitachivantara/uikit-react-lab 5.26.2 → 5.27.0

package/dist/esm/Flow/hooks/useFlowNode.js

@@ -1,32 +1,41 @@
 import { useCallback, useMemo } from "react";
-import { useStore, useNodes, useEdges, useNodeId, useReactFlow } from "reactflow";
+import { useStore, useNodes, useEdges } from "reactflow";
+import { shallow } from "zustand/shallow";
+import { useFlowInstance } from "./useFlowInstance.js";
+import { useNodeId } from "./useNodeId.js";
 function useFlowNode(id) {
+  const nodeId = useNodeId(id);
   const nodeSelector = useCallback(
-    (state) => state.getNodes().find((n) => n.id === id),
-    [id]
+    (state) => state.getNodes().find((n) => n.id === nodeId),
+    [nodeId]
   );
-  return useStore(nodeSelector);
+  return useStore(nodeSelector, shallow);
 }
 function useFlowNodeInputEdges(id) {
+  const nodeId = useNodeId(id);
   const inputEdgesSelector = useCallback(
-    (state) => state.edges.filter((e) => e.target === id),
-    [id]
+    (state) => state.edges.filter((e) => e.target === nodeId),
+    [nodeId]
   );
-  return useStore(inputEdgesSelector);
+  return useStore(inputEdgesSelector, shallow);
 }
 function useFlowNodeOutputEdges(id) {
+  const nodeId = useNodeId(id);
   const outputEdgesSelector = useCallback(
-    (state) => state.edges.filter((e) => e.source === id),
-    [id]
+    (state) => state.edges.filter((e) => e.source === nodeId),
+    [nodeId]
   );
-  return useStore(outputEdgesSelector);
+  return useStore(outputEdgesSelector, shallow);
 }
 function useFlowNodeEdges(id) {
+  const nodeId = useNodeId(id);
   const edgesSelector = useCallback(
-    (state) => state.edges.filter((e) => e.source === id || e.target === id),
-    [id]
+    (state) => state.edges.filter(
+      (e) => e.source === nodeId || e.target === nodeId
+    ),
+    [nodeId]
   );
-  return useStore(edgesSelector);
+  return useStore(edgesSelector, shallow);
 }
 function useFlowNodeParents(id) {
   const inputEdges = useFlowNodeInputEdges(id);
@@ -36,25 +45,27 @@ function useFlowNodeParents(id) {
     },
     [inputEdges]
   );
-  return useStore(parentNodesSelector);
+  return useStore(parentNodesSelector, shallow);
 }
 function useFlowInputNodes(id) {
+  const nodeId = useNodeId(id);
   const nodes = useNodes();
   const edges = useEdges();
   return useMemo(() => {
-    return edges.filter((e) => e.target === id).map((e) => nodes.find((n) => n.id === e.source)).filter((n) => n !== null);
-  }, [edges, id, nodes]);
+    return edges.filter((e) => e.target === nodeId).map((e) => nodes.find((n) => n.id === e.source)).filter((n) => n !== null);
+  }, [edges, nodeId, nodes]);
 }
 function useFlowOutputNodes(id) {
+  const nodeId = useNodeId(id);
   const nodes = useNodes();
   const edges = useEdges();
   return useMemo(() => {
-    return edges.filter((e) => e.source === id).map((e) => nodes.find((n) => n.id === e.target)).filter((n) => n !== null);
-  }, [edges, id, nodes]);
+    return edges.filter((e) => e.source === nodeId).map((e) => nodes.find((n) => n.id === e.target)).filter((n) => n !== null);
+  }, [edges, nodeId, nodes]);
 }
-function useFlowNodeUtils() {
-  const nodeId = useNodeId();
-  const reactFlowInstance = useReactFlow();
+function useFlowNodeUtils(id) {
+  const nodeId = useNodeId(id);
+  const reactFlowInstance = useFlowInstance();
   const setNodeData = useCallback(
     (setNewData) => {
       if (!nodeId)

package/dist/esm/Flow/hooks/useFlowNode.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFlowNode.js","sources":["../../../../src/Flow/hooks/useFlowNode.ts"],"sourcesContent":["import { useCallback, useMemo } from \"react\";\nimport {\n  Node,\n  Edge,\n  ReactFlowState,\n  useStore,\n  useNodes,\n  useEdges,\n  useReactFlow,\n  useNodeId,\n} from \"reactflow\";\n\nexport function useFlowNode<T extends Node = Node>(id: string) {\n  const nodeSelector = useCallback(\n    (state: ReactFlowState) =>\n      state.getNodes().find((n: Node): n is T => n.id === id),\n    [id]\n  );\n  return useStore<T | undefined>(nodeSelector);\n}\n\nexport function useFlowNodeInputEdges(id: string) {\n  const inputEdgesSelector = useCallback(\n    (state: ReactFlowState) => state.edges.filter((e: Edge) => e.target === id),\n    [id]\n  );\n  return useStore(inputEdgesSelector);\n}\n\nexport function useFlowNodeOutputEdges(id: string) {\n  const outputEdgesSelector = useCallback(\n    (state: ReactFlowState) => state.edges.filter((e: Edge) => e.source === id),\n    [id]\n  );\n  return useStore(outputEdgesSelector);\n}\n\nexport function useFlowNodeEdges(id: string) {\n  const edgesSelector = useCallback(\n    (state: ReactFlowState) =>\n      state.edges.filter((e: Edge) => e.source === id || e.target === id),\n    [id]\n  );\n  return useStore(edgesSelector);\n}\n\nexport function useFlowNodeParents(id: string) {\n  const inputEdges = useFlowNodeInputEdges(id);\n  const parentNodesSelector = useCallback(\n    (state: ReactFlowState) => {\n      return inputEdges\n        .map((e) => state.getNodes().find((n: Node) => n.id === e.source))\n        .filter((n): n is Node => n !== null);\n    },\n    [inputEdges]\n  );\n  return useStore(parentNodesSelector);\n}\n\nexport function useFlowInputNodes<T = any>(id: string) {\n  const nodes = useNodes();\n  const edges = useEdges();\n\n  return useMemo(() => {\n    return edges\n      .filter((e) => e.target === id)\n      .map((e) => nodes.find((n) => n.id === e.source))\n      .filter((n): n is Node<T> => n !== null);\n  }, [edges, id, nodes]);\n}\n\nexport function useFlowOutputNodes<T = any>(id: string) {\n  const nodes = useNodes();\n  const edges = useEdges();\n\n  return useMemo(() => {\n    return edges\n      .filter((e) => e.source === id)\n      .map((e) => nodes.find((n) => n.id === e.target))\n      .filter((n): n is Node<T> => n !== null);\n  }, [edges, id, nodes]);\n}\n\n/** Utilities to manipulate a node in the flow */\nexport function useFlowNodeUtils<NodeData = any>() {\n  const nodeId = useNodeId();\n  const reactFlowInstance = useReactFlow<NodeData>();\n\n  /** Mutate the node's `.data` object */\n  const setNodeData = useCallback(\n    (setNewData: (newData?: NodeData) => NodeData) => {\n      if (!nodeId) return;\n\n      reactFlowInstance.setNodes((nodes) => {\n        return nodes.map((n) => {\n          if (n.id === nodeId) {\n            return { ...n, data: setNewData(n.data) };\n          }\n          return n;\n        });\n      });\n    },\n    [nodeId, reactFlowInstance]\n  );\n\n  return useMemo(\n    () => ({\n      setNodeData,\n    }),\n    [setNodeData]\n  );\n}\n"],"names":[],"mappings":";;AAYO,SAAS,YAAmC,IAAY;AAC7D,QAAM,eAAe;AAAA,IACnB,CAAC,UACC,MAAM,WAAW,KAAK,CAAC,MAAoB,EAAE,OAAO,EAAE;AAAA,IACxD,CAAC,EAAE;AAAA,EAAA;AAEL,SAAO,SAAwB,YAAY;AAC7C;AAEO,SAAS,sBAAsB,IAAY;AAChD,QAAM,qBAAqB;AAAA,IACzB,CAAC,UAA0B,MAAM,MAAM,OAAO,CAAC,MAAY,EAAE,WAAW,EAAE;AAAA,IAC1E,CAAC,EAAE;AAAA,EAAA;AAEL,SAAO,SAAS,kBAAkB;AACpC;AAEO,SAAS,uBAAuB,IAAY;AACjD,QAAM,sBAAsB;AAAA,IAC1B,CAAC,UAA0B,MAAM,MAAM,OAAO,CAAC,MAAY,EAAE,WAAW,EAAE;AAAA,IAC1E,CAAC,EAAE;AAAA,EAAA;AAEL,SAAO,SAAS,mBAAmB;AACrC;AAEO,SAAS,iBAAiB,IAAY;AAC3C,QAAM,gBAAgB;AAAA,IACpB,CAAC,UACC,MAAM,MAAM,OAAO,CAAC,MAAY,EAAE,WAAW,MAAM,EAAE,WAAW,EAAE;AAAA,IACpE,CAAC,EAAE;AAAA,EAAA;AAEL,SAAO,SAAS,aAAa;AAC/B;AAEO,SAAS,mBAAmB,IAAY;AACvC,QAAA,aAAa,sBAAsB,EAAE;AAC3C,QAAM,sBAAsB;AAAA,IAC1B,CAAC,UAA0B;AAClB,aAAA,WACJ,IAAI,CAAC,MAAM,MAAM,SAAS,EAAE,KAAK,CAAC,MAAY,EAAE,OAAO,EAAE,MAAM,CAAC,EAChE,OAAO,CAAC,MAAiB,MAAM,IAAI;AAAA,IACxC;AAAA,IACA,CAAC,UAAU;AAAA,EAAA;AAEb,SAAO,SAAS,mBAAmB;AACrC;AAEO,SAAS,kBAA2B,IAAY;AACrD,QAAM,QAAQ;AACd,QAAM,QAAQ;AAEd,SAAO,QAAQ,MAAM;AACZ,WAAA,MACJ,OAAO,CAAC,MAAM,EAAE,WAAW,EAAE,EAC7B,IAAI,CAAC,MAAM,MAAM,KAAK,CAAC,MAAM,EAAE,OAAO,EAAE,MAAM,CAAC,EAC/C,OAAO,CAAC,MAAoB,MAAM,IAAI;AAAA,EACxC,GAAA,CAAC,OAAO,IAAI,KAAK,CAAC;AACvB;AAEO,SAAS,mBAA4B,IAAY;AACtD,QAAM,QAAQ;AACd,QAAM,QAAQ;AAEd,SAAO,QAAQ,MAAM;AACZ,WAAA,MACJ,OAAO,CAAC,MAAM,EAAE,WAAW,EAAE,EAC7B,IAAI,CAAC,MAAM,MAAM,KAAK,CAAC,MAAM,EAAE,OAAO,EAAE,MAAM,CAAC,EAC/C,OAAO,CAAC,MAAoB,MAAM,IAAI;AAAA,EACxC,GAAA,CAAC,OAAO,IAAI,KAAK,CAAC;AACvB;AAGO,SAAS,mBAAmC;AACjD,QAAM,SAAS;AACf,QAAM,oBAAoB;AAG1B,QAAM,cAAc;AAAA,IAClB,CAAC,eAAiD;AAChD,UAAI,CAAC;AAAQ;AAEK,wBAAA,SAAS,CAAC,UAAU;AAC7B,eAAA,MAAM,IAAI,CAAC,MAAM;AAClB,cAAA,EAAE,OAAO,QAAQ;AACnB,mBAAO,EAAE,GAAG,GAAG,MAAM,WAAW,EAAE,IAAI;UACxC;AACO,iBAAA;AAAA,QAAA,CACR;AAAA,MAAA,CACF;AAAA,IACH;AAAA,IACA,CAAC,QAAQ,iBAAiB;AAAA,EAAA;AAGrB,SAAA;AAAA,IACL,OAAO;AAAA,MACL;AAAA,IAAA;AAAA,IAEF,CAAC,WAAW;AAAA,EAAA;AAEhB;"}
+{"version":3,"file":"useFlowNode.js","sources":["../../../../src/Flow/hooks/useFlowNode.ts"],"sourcesContent":["import { useCallback, useMemo } from \"react\";\nimport {\n  Node,\n  Edge,\n  ReactFlowState,\n  useStore,\n  useNodes,\n  useEdges,\n} from \"reactflow\";\nimport { shallow } from \"zustand/shallow\";\n\nimport { useFlowInstance } from \"./useFlowInstance\";\nimport { useNodeId } from \"./useNodeId\";\n\n/** Retrieves the node instance */\nexport function useFlowNode<T extends Node = Node>(id?: string) {\n  const nodeId = useNodeId(id);\n\n  const nodeSelector = useCallback(\n    (state: ReactFlowState) =>\n      state.getNodes().find((n: Node): n is T => n.id === nodeId),\n    [nodeId]\n  );\n  return useStore<T | undefined>(nodeSelector, shallow);\n}\n\n/** Provides the input edges connected to the node */\nexport function useFlowNodeInputEdges(id?: string) {\n  const nodeId = useNodeId(id);\n\n  const inputEdgesSelector = useCallback(\n    (state: ReactFlowState) =>\n      state.edges.filter((e: Edge) => e.target === nodeId),\n    [nodeId]\n  );\n  return useStore(inputEdgesSelector, shallow);\n}\n\n/** Gives the output edges connected from the node */\nexport function useFlowNodeOutputEdges(id?: string) {\n  const nodeId = useNodeId(id);\n\n  const outputEdgesSelector = useCallback(\n    (state: ReactFlowState) =>\n      state.edges.filter((e: Edge) => e.source === nodeId),\n    [nodeId]\n  );\n  return useStore(outputEdgesSelector, shallow);\n}\n\n/** Offers both input and output edges of the node */\nexport function useFlowNodeEdges(id?: string) {\n  const nodeId = useNodeId(id);\n\n  const edgesSelector = useCallback(\n    (state: ReactFlowState) =>\n      state.edges.filter(\n        (e: Edge) => e.source === nodeId || e.target === nodeId\n      ),\n    [nodeId]\n  );\n  return useStore(edgesSelector, shallow);\n}\n\n/** Gets the parent nodes of a specified node (nodes that have an output connected to one of the inputs of the node) */\nexport function useFlowNodeParents(id?: string) {\n  const inputEdges = useFlowNodeInputEdges(id);\n  const parentNodesSelector = useCallback(\n    (state: ReactFlowState) => {\n      return inputEdges\n        .map((e) => state.getNodes().find((n: Node) => n.id === e.source))\n        .filter((n): n is Node => n !== null);\n    },\n    [inputEdges]\n  );\n  return useStore(parentNodesSelector, shallow);\n}\n\n/** Retrieves the nodes connected to the inputs of the node */\nexport function useFlowInputNodes<T = any>(id?: string) {\n  const nodeId = useNodeId(id);\n  const nodes = useNodes();\n  const edges = useEdges();\n\n  return useMemo(() => {\n    return edges\n      .filter((e) => e.target === nodeId)\n      .map((e) => nodes.find((n) => n.id === e.source))\n      .filter((n): n is Node<T> => n !== null);\n  }, [edges, nodeId, nodes]);\n}\n\n/** Retrieves the nodes connected to the outputs of the node */\nexport function useFlowOutputNodes<T = any>(id?: string) {\n  const nodeId = useNodeId(id);\n  const nodes = useNodes();\n  const edges = useEdges();\n\n  return useMemo(() => {\n    return edges\n      .filter((e) => e.source === nodeId)\n      .map((e) => nodes.find((n) => n.id === e.target))\n      .filter((n): n is Node<T> => n !== null);\n  }, [edges, nodeId, nodes]);\n}\n\n/** Utilities to manipulate a node in the flow */\nexport function useFlowNodeUtils<NodeData = any>(id?: string) {\n  const nodeId = useNodeId(id);\n  const reactFlowInstance = useFlowInstance<NodeData>();\n\n  /** Mutate the node's `.data` object */\n  const setNodeData = useCallback(\n    (setNewData: (newData?: NodeData) => NodeData) => {\n      if (!nodeId) return;\n\n      reactFlowInstance.setNodes((nodes) => {\n        return nodes.map((n) => {\n          if (n.id === nodeId) {\n            return { ...n, data: setNewData(n.data) };\n          }\n          return n;\n        });\n      });\n    },\n    [nodeId, reactFlowInstance]\n  );\n\n  return useMemo(\n    () => ({\n      setNodeData,\n    }),\n    [setNodeData]\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/Flow/hooks/useFlowNodeMeta.js

@@ -1,7 +1,11 @@
 import { useNodeMetaRegistry } from "../FlowContext/NodeMetaContext.js";
+import { useNodeId } from "./useNodeId.js";
 function useFlowNodeMeta(id) {
+  const nodeId = useNodeId(id);
   const { registry } = useNodeMetaRegistry();
-  return registry[id];
+  if (nodeId) {
+    return registry[nodeId];
+  }
 }
 export {
   useFlowNodeMeta

package/dist/esm/Flow/hooks/useFlowNodeMeta.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFlowNodeMeta.js","sources":["../../../../src/Flow/hooks/useFlowNodeMeta.ts"],"sourcesContent":["import { useNodeMetaRegistry } from \"../FlowContext/NodeMetaContext\";\n\nexport function useFlowNodeMeta(id: string) {\n  const { registry } = useNodeMetaRegistry();\n\n  return registry[id];\n}\n"],"names":[],"mappings":";AAEO,SAAS,gBAAgB,IAAY;AACpC,QAAA,EAAE,aAAa;AAErB,SAAO,SAAS,EAAE;AACpB;"}
+{"version":3,"file":"useFlowNodeMeta.js","sources":["../../../../src/Flow/hooks/useFlowNodeMeta.ts"],"sourcesContent":["import { useNodeMetaRegistry } from \"../FlowContext/NodeMetaContext\";\nimport { useNodeId } from \"./useNodeId\";\n\nexport function useFlowNodeMeta(id?: string) {\n  const nodeId = useNodeId(id);\n  const { registry } = useNodeMetaRegistry();\n\n  if (nodeId) {\n    return registry[nodeId];\n  }\n}\n"],"names":[],"mappings":";;AAGO,SAAS,gBAAgB,IAAa;AACrC,QAAA,SAAS,UAAU,EAAE;AACrB,QAAA,EAAE,aAAa;AAErB,MAAI,QAAQ;AACV,WAAO,SAAS,MAAM;AAAA,EACxB;AACF;"}

package/dist/esm/Flow/hooks/useNodeId.js

@@ -0,0 +1,9 @@
+import { useNodeId as useNodeId$1 } from "reactflow";
+function useNodeId(id) {
+  const currentNodeId = useNodeId$1();
+  return id ?? currentNodeId;
+}
+export {
+  useNodeId
+};
+//# sourceMappingURL=useNodeId.js.map

package/dist/esm/Flow/hooks/useNodeId.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNodeId.js","sources":["../../../../src/Flow/hooks/useNodeId.ts"],"sourcesContent":["import { useNodeId as useReactNodeId } from \"reactflow\";\n\n/** Retrieves the node id. INTERNAL USE ONLY */\nexport function useNodeId(id?: string) {\n  const currentNodeId = useReactNodeId();\n  return id ?? currentNodeId;\n}\n"],"names":["useReactNodeId"],"mappings":";AAGO,SAAS,UAAU,IAAa;AACrC,QAAM,gBAAgBA;AACtB,SAAO,MAAM;AACf;"}

package/dist/esm/index.js

@@ -22,6 +22,7 @@ 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 { useFlowInstance } from "./Flow/hooks/useFlowInstance.js";
 import { staticClasses as staticClasses10 } from "./StepNavigation/StepNavigation.styles.js";
 import { HvStepNavigation } from "./StepNavigation/StepNavigation.js";
 import { staticClasses as staticClasses11 } from "./Wizard/Wizard.styles.js";
@@ -67,6 +68,7 @@ export {
   staticClasses10 as stepNavigationClasses,
   useFlowContext,
   useFlowInputNodes,
+  useFlowInstance,
   useFlowNode,
   useFlowNodeEdges,
   useFlowNodeInputEdges,

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,7 @@ import { Node as Node_2 } from 'reactflow';
 import { NodeProps } from 'reactflow';
 import { PanelPosition } from 'reactflow';
 import { default as React_2 } from 'react';
+import { ReactFlowInstance } from 'reactflow';
 import { ReactFlowProps } from 'reactflow';
 import { ReactGridLayoutProps } from 'react-grid-layout';
 import { ResponsiveProps } from 'react-grid-layout';
@@ -461,6 +462,8 @@ export declare const HvFlowEmpty: ({ className, ...others }: HvFlowEmptyProps) =
 export declare interface HvFlowEmptyProps extends HvEmptyStateProps {
 }
 
+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>;
@@ -1133,26 +1136,36 @@ declare const useClasses_9: (classesProp?: Partial<Record<"root" | "title" | "ti
 
 export declare const useFlowContext: () => HvFlowContextValue<string>;
 
-export declare function useFlowInputNodes<T = any>(id: string): Node_2<T, string | undefined>[];
+/** Retrieves the nodes connected to the inputs of the node */
+export declare function useFlowInputNodes<T = any>(id?: string): Node_2<T, string | undefined>[];
+
+/** Retrieves the React Flow instance */
+export declare function useFlowInstance<NodeData = any, EdgeData = any>(): HvFlowInstance<NodeData, EdgeData>;
 
-export declare function useFlowNode<T extends Node_2 = Node_2>(id: string): T | undefined;
+/** Retrieves the node instance */
+export declare function useFlowNode<T extends Node_2 = Node_2>(id?: string): T | undefined;
 
-export declare function useFlowNodeEdges(id: string): Edge<any>[];
+/** Offers both input and output edges of the node */
+export declare function useFlowNodeEdges(id?: string): Edge<any>[];
 
-export declare function useFlowNodeInputEdges(id: string): Edge<any>[];
+/** Provides the input edges connected to the node */
+export declare function useFlowNodeInputEdges(id?: string): Edge<any>[];
 
-export declare function useFlowNodeMeta(id: string): HvFlowNodeMeta;
+export declare function useFlowNodeMeta(id?: string): HvFlowNodeMeta | undefined;
 
-export declare function useFlowNodeOutputEdges(id: string): Edge<any>[];
+/** Gives the output edges connected from the node */
+export declare function useFlowNodeOutputEdges(id?: string): Edge<any>[];
 
-export declare function useFlowNodeParents(id: string): Node_2<any, string | undefined>[];
+/** Gets the parent nodes of a specified node (nodes that have an output connected to one of the inputs of the node) */
+export declare function useFlowNodeParents(id?: string): Node_2<any, string | undefined>[];
 
 /** Utilities to manipulate a node in the flow */
-export declare function useFlowNodeUtils<NodeData = any>(): {
+export declare function useFlowNodeUtils<NodeData = any>(id?: string): {
     setNodeData: (setNewData: (newData?: NodeData) => NodeData) => void;
 };
 
-export declare function useFlowOutputNodes<T = any>(id: string): Node_2<T, string | undefined>[];
+/** Retrieves the nodes connected to the outputs of the node */
+export declare function useFlowOutputNodes<T = any>(id?: string): Node_2<T, string | undefined>[];
 
 export declare const wizardActionsClasses: {
     actionsContainer: "HvWizardActions-actionsContainer";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hitachivantara/uikit-react-lab",
-  "version": "5.26.2",
+  "version": "5.27.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.45.0",
+    "@hitachivantara/uikit-react-core": "^5.46.1",
     "@hitachivantara/uikit-react-icons": "^5.8.2",
     "@hitachivantara/uikit-styles": "^5.18.0",
     "@types/react-grid-layout": "^1.3.5",
@@ -50,7 +50,7 @@
     "access": "public",
     "directory": "package"
   },
-  "gitHead": "8b3bfd1137cc8650dcd801f4910d0bdd285a0c3c",
+  "gitHead": "0811a83a15c475b16d6c8c210e84b91468c2722b",
   "main": "dist/cjs/index.cjs",
   "exports": {
     ".": {