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

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

@@ -1,4 +1,4 @@
-import { useReactFlow } from "reactflow";
+import { useReactFlow } from "@xyflow/react";
 function useFlowInstance() {
   return useReactFlow();
 }

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

@@ -1,5 +1,5 @@
 import { useCallback, useMemo } from "react";
-import { useStore, useNodes, useEdges } from "reactflow";
+import { useStore, useNodes, useEdges } from "@xyflow/react";
 import { shallow } from "zustand/shallow";
 import { useFlowInstance } from "./useFlowInstance.js";
 import { useNodeId } from "./useNodeId.js";
@@ -14,7 +14,7 @@ function relativePosition(positionA, positionB) {
 function useFlowNode(id) {
   const nodeId = useNodeId(id);
   const nodeSelector = useCallback(
-    (state) => state.getNodes().find((n) => n.id === nodeId),
+    (state) => state.nodes.find((n) => n.id === nodeId),
     [nodeId]
   );
   return useStore(nodeSelector, shallow);
@@ -49,7 +49,7 @@ function useFlowNodeParents(id) {
   const inputEdges = useFlowNodeInputEdges(id);
   const parentNodesSelector = useCallback(
     (state) => {
-      return inputEdges.map((e) => state.getNodes().find((n) => n.id === e.source)).filter((n) => n !== null);
+      return inputEdges.map((e) => state.nodes.find((n) => n.id === e.source)).filter((n) => n !== null);
     },
     [inputEdges]
   );
@@ -98,7 +98,7 @@ function useFlowNodeUtils(id) {
               ...n,
               parentId: node ? node.id : void 0,
               extent,
-              position: node ? relativePosition(node.position, n.position) : n.positionAbsolute ?? n.position
+              position: node ? relativePosition(node.position, n.position) : n.position
             };
           }
           return n;

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

@@ -1,4 +1,4 @@
-import { useNodeId as useNodeId$1 } from "reactflow";
+import { useNodeId as useNodeId$1 } from "@xyflow/react";
 function useNodeId(id) {
   const currentNodeId = useNodeId$1();
   return id ?? currentNodeId;

package/dist/{esm/StepNavigation → StepNavigation}/DefaultNavigation/DefaultNavigation.js

@@ -1,5 +1,4 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { useTheme } from "@hitachivantara/uikit-react-core";
 import { stepSizes, getColor } from "./utils.js";
 import { HvStep } from "./Step/Step.js";
 const HvDefaultNavigation = ({
@@ -11,7 +10,6 @@ const HvDefaultNavigation = ({
   children,
   ...other
 }) => {
-  const { activeTheme } = useTheme();
   const { container: maxSize, avatar: minSize } = stepSizes[stepSize];
   const StepComponent = HvStep;
   const stepsWidth = maxSize + minSize * (numSteps - 1);
@@ -38,7 +36,7 @@ const HvDefaultNavigation = ({
             minWidth,
             maxWidth,
             getColor,
-            height: activeTheme?.stepNavigation.defaultSeparatorHeight || 0
+            height: 1
           },
           stepValues: {
             minSize,

package/dist/{esm/StepNavigation → StepNavigation}/SimpleNavigation/SimpleNavigation.js

@@ -1,5 +1,4 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { useTheme } from "@hitachivantara/uikit-react-core";
 import { dotSizes, getColor } from "./utils.js";
 import { HvDot } from "./Dot/Dot.js";
 const HvSimpleNavigation = ({
@@ -10,7 +9,6 @@ const HvSimpleNavigation = ({
   children,
   ...others
 }) => {
-  const { activeTheme } = useTheme();
   const dotSize = dotSizes[stepSize];
   const StepComponent = HvDot;
   const stepsWidth = (numSteps + 0.5) * dotSize;
@@ -35,7 +33,7 @@ const HvSimpleNavigation = ({
             minWidth,
             maxWidth,
             getColor,
-            height: activeTheme?.stepNavigation.simpleSeparatorHeight || 0
+            height: 1
           },
           stepValues: {
             minSize: dotSize,

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

@@ -32,12 +32,7 @@ const HvStepNavigation = ({
     height: containerSize
   });
   const styledSeparatorElement = (title, separatorClassName, separatorHeight, separatorWidth, backgroundColor) => {
-    const widthValue = separatorWidth - 2 * Number(
-      (activeTheme?.stepNavigation.separatorMargin || "0px").replace(
-        "px",
-        ""
-      )
-    );
+    const widthValue = separatorWidth - 2 * 4;
     return /* @__PURE__ */ jsx(
       "li",
       {
@@ -47,7 +42,7 @@ const HvStepNavigation = ({
             height: separatorHeight,
             width: widthValue,
             backgroundColor,
-            margin: `0 ${theme.stepNavigation.separatorMargin}`
+            margin: `0 4px`
           }),
           classes.separator
         ),

package/dist/{esm/Wizard → Wizard}/WizardTitle/WizardTitle.js

@@ -23,7 +23,7 @@ const HvWizardTitle = ({
   customStep = {}
 }) => {
   const { context, setSummary, tab, setTab } = useContext(HvWizardContext);
-  const { classes, cx } = useClasses(classesProp);
+  const { classes } = useClasses(classesProp);
   const [steps, setSteps] = useState([]);
   useEffect(() => {
     return () => {
@@ -45,52 +45,36 @@ const HvWizardTitle = ({
     );
     setSteps(updatedSteps);
   }, [context, tab, setTab]);
-  return /* @__PURE__ */ jsxs(
-    HvDialogTitle,
-    {
-      className: cx(
-        classes.root,
-        classes.headerContainer,
-        classes.messageContainer,
-        classes.titleContainer
-      ),
-      showIcon: false,
-      children: [
-        title && /* @__PURE__ */ jsx(HvTypography, { variant: "title3", component: "div", children: title }),
-        !!steps.length && /* @__PURE__ */ jsx(
-          HvStepNavigation,
-          {
-            className: classes.stepContainer,
-            steps,
-            type: "Default",
-            stepSize: "xs",
-            width: {
-              xs: 200,
-              sm: 350,
-              md: 600,
-              lg: 800,
-              xl: 1e3
-            },
-            ...customStep
-          }
-        ),
-        hasSummary && /* @__PURE__ */ jsx(
-          HvButton,
-          {
-            variant: "secondarySubtle",
-            className: cx(
-              classes.summaryButton,
-              classes.buttonWidth,
-              classes.rootSummaryButton
-            ),
-            onClick: toggleSummary,
-            startIcon: /* @__PURE__ */ jsx(Report, {}),
-            children: `${labels.summary ?? "Summary"}`
-          }
-        )
-      ]
-    }
-  );
+  return /* @__PURE__ */ jsxs(HvDialogTitle, { className: classes.root, showIcon: false, children: [
+    title && /* @__PURE__ */ jsx(HvTypography, { variant: "title3", component: "div", children: title }),
+    !!steps.length && /* @__PURE__ */ jsx(
+      HvStepNavigation,
+      {
+        className: classes.stepContainer,
+        steps,
+        type: "Default",
+        stepSize: "xs",
+        width: {
+          xs: 200,
+          sm: 350,
+          md: 600,
+          lg: 800,
+          xl: 1e3
+        },
+        ...customStep
+      }
+    ),
+    hasSummary && /* @__PURE__ */ jsx(
+      HvButton,
+      {
+        variant: "secondarySubtle",
+        className: classes.summaryButton,
+        onClick: toggleSummary,
+        startIcon: /* @__PURE__ */ jsx(Report, {}),
+        children: `${labels.summary ?? "Summary"}`
+      }
+    )
+  ] });
 };
 export {
   HvWizardTitle,

package/dist/{esm/Wizard → Wizard}/WizardTitle/WizardTitle.styles.js

@@ -6,17 +6,7 @@ const { staticClasses, useClasses } = createClasses("HvWizardTitle", {
     justifyContent: "space-between",
     paddingRight: theme.space.sm
   },
-  /** @deprecated use `classes.root` */
-  headerContainer: {},
-  /** @deprecated use `classes.root` */
-  messageContainer: {},
-  /** @deprecated use `classes.root` */
-  titleContainer: {},
   summaryButton: {},
-  /** @deprecated use `classes.summaryButton` */
-  buttonWidth: {},
-  /** @deprecated use `classes.summaryButton` */
-  rootSummaryButton: {},
   stepContainer: {
     margin: "auto"
   }