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

package/dist/{esm/Flow → Flow}/Background/Background.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { Background } from "reactflow";
+import { Background } from "@xyflow/react";
 import { getColor, theme } from "@hitachivantara/uikit-styles";
 const HvFlowBackground = ({
   color = "secondary",

package/dist/{esm/Flow → Flow}/Controls/Controls.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useStore, useStoreApi, Panel } from "reactflow";
+import { useStore, useStoreApi, Panel } from "@xyflow/react";
 import { shallow } from "zustand/shallow";
 import { useLabels, HvMultiButton, HvButton } from "@hitachivantara/uikit-react-core";
 import { ZoomIn, ZoomOut, Focus, Unlock, Lock } from "@hitachivantara/uikit-react-icons";

package/dist/{esm/Flow → Flow}/DroppableFlow.js

@@ -2,7 +2,7 @@ import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { useState, useRef, useCallback } from "react";
 import { useDroppable, useDndMonitor } from "@dnd-kit/core";
 import { Global } from "@emotion/react";
-import { addEdge, applyNodeChanges, applyEdgeChanges, MarkerType, ReactFlow } from "reactflow";
+import { addEdge, applyNodeChanges, applyEdgeChanges, MarkerType, ReactFlow } from "@xyflow/react";
 import { uid } from "uid";
 import { useUniqueId } from "@hitachivantara/uikit-react-core";
 import { flowStyles } from "./base.js";

package/dist/{esm/Flow → Flow}/Empty/Empty.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { useNodes } from "reactflow";
+import { useNodes } from "@xyflow/react";
 import { HvEmptyState } from "@hitachivantara/uikit-react-core";
 import { useClasses } from "./Empty.styles.js";
 const HvFlowEmpty = ({ className, ...others }) => {

package/dist/{esm/Flow → Flow}/Empty/Empty.styles.js

@@ -5,7 +5,7 @@ const { staticClasses, useClasses } = createClasses("HvFlowEmpty", {
     height: "100%",
     alignItems: "center",
     justifyContent: "center",
-    backgroundColor: theme.colors.backgroundColor,
+    backgroundColor: theme.colors.bgPage,
     position: "absolute",
     zIndex: theme.zIndices.popover
   }

package/dist/{esm/Flow → Flow}/Flow.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useSensors, useSensor, PointerSensor, KeyboardSensor, DndContext } from "@dnd-kit/core";
 import { restrictToWindowEdges } from "@dnd-kit/modifiers";
-import { ReactFlowProvider } from "reactflow";
+import { ReactFlowProvider } from "@xyflow/react";
 import { HvDroppableFlow } from "./DroppableFlow.js";
 import { HvFlowProvider } from "./FlowContext/FlowContext.js";
 const HvFlow = ({

package/dist/{esm/Flow → Flow}/Flow.styles.js

@@ -1,7 +1,7 @@
 import { createClasses, theme } from "@hitachivantara/uikit-react-core";
 import { staticClasses as staticClasses$1 } from "./Node/BaseNode.styles.js";
 import "react/jsx-runtime";
-import "reactflow";
+import "@xyflow/react";
 import "@hitachivantara/uikit-react-utils";
 const { staticClasses, useClasses } = createClasses("HvFlow", {
   root: {

package/dist/{esm/Flow → Flow}/Minimap/Minimap.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { MiniMap } from "reactflow";
+import { MiniMap } from "@xyflow/react";
 import { getColor } from "@hitachivantara/uikit-styles";
 import { useClasses } from "./Minimap.styles.js";
 import { staticClasses } from "./Minimap.styles.js";

package/dist/{esm/Flow → Flow}/Node/BaseNode.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { NodeToolbar, Handle, Position } from "reactflow";
+import { NodeToolbar, Handle, Position } from "@xyflow/react";
 import { useLabels, HvIconButton, HvTypography } from "@hitachivantara/uikit-react-core";
 import { mergeStyles } from "@hitachivantara/uikit-react-utils";
 import { useClasses } from "./BaseNode.styles.js";

package/dist/{esm/Flow → Flow}/Node/Node.js

@@ -17,8 +17,6 @@ const HvFlowNode = ({
   type,
   headerItems,
   actions,
-  actionCallback,
-  // TODO - remove in v6
   onAction,
   maxVisibleActions = 1,
   expanded = false,
@@ -97,7 +95,6 @@ const HvFlowNode = ({
               className: classes.actions,
               classes: { button: classes.actionsButton },
               actions,
-              actionsCallback: actionCallback,
               onAction,
               maxVisibleActions,
               iconOnly: actionsIconOnly

package/dist/{esm/Flow → Flow}/Sidebar/Sidebar.js

@@ -78,7 +78,7 @@ const HvFlowSidebar = ({
       classes: {
         paper: classes.drawerPaper
       },
-      showBackdrop: false,
+      hideBackdrop: true,
       anchor,
       buttonTitle,
       ...others,