@hitachivantara/uikit-react-lab 6.1.9 → 6.1.10

package/dist/Wizard/WizardContent/WizardContent.styles.js

@@ -1,38 +1,35 @@
 import { createClasses } from "@hitachivantara/uikit-react-core";
-import { theme } from "@hitachivantara/uikit-styles";
-const { staticClasses, useClasses } = createClasses("HvWizardContent", {
-  contentContainer: {
-    position: "relative",
-    padding: 20,
-    marginLeft: 0,
-    minHeight: 400,
-    overflowX: "hidden"
-  },
-  fixedHeight: {
-    minHeight: "calc(100vh - 387px)"
-  },
-  summaryRef: {
-    flex: 1,
-    overflowY: "auto",
-    overflowX: "hidden"
-  },
-  summarySticky: {
-    position: "sticky",
-    top: 0,
-    zIndex: 1
-  },
-  summaryContainer: {
-    position: "absolute",
-    top: 0,
-    minWidth: 280,
-    boxShadow: theme.colors.shadow,
-    backgroundColor: theme.colors.bgContainer,
-    transition: "transform 0.3s",
-    transitionTimingFunction: "ease-in-out",
-    overflowY: "scroll"
-  }
+import { theme as theme$1 } from "@hitachivantara/uikit-styles";
+//#region src/Wizard/WizardContent/WizardContent.styles.tsx
+var { staticClasses, useClasses } = createClasses("HvWizardContent", {
+	contentContainer: {
+		position: "relative",
+		padding: 20,
+		marginLeft: 0,
+		minHeight: 400,
+		overflowX: "hidden"
+	},
+	fixedHeight: { minHeight: "calc(100vh - 387px)" },
+	summaryRef: {
+		flex: 1,
+		overflowY: "auto",
+		overflowX: "hidden"
+	},
+	summarySticky: {
+		position: "sticky",
+		top: 0,
+		zIndex: 1
+	},
+	summaryContainer: {
+		position: "absolute",
+		top: 0,
+		minWidth: 280,
+		boxShadow: theme$1.colors.shadow,
+		backgroundColor: theme$1.colors.bgContainer,
+		transition: "transform 0.3s",
+		transitionTimingFunction: "ease-in-out",
+		overflowY: "scroll"
+	}
 });
-export {
-  staticClasses,
-  useClasses
-};
+//#endregion
+export { staticClasses, useClasses };

package/dist/Wizard/WizardContext/WizardContext.js

@@ -1,15 +1,12 @@
 import { createContext } from "react";
-const HvWizardContext = createContext({
-  context: {},
-  setContext: () => {
-  },
-  summary: false,
-  setSummary: () => {
-  },
-  tab: 0,
-  setTab: () => {
-  }
+//#region src/Wizard/WizardContext/WizardContext.tsx
+var HvWizardContext = createContext({
+	context: {},
+	setContext: () => {},
+	summary: false,
+	setSummary: () => {},
+	tab: 0,
+	setTab: () => {}
 });
-export {
-  HvWizardContext as default
-};
+//#endregion
+export { HvWizardContext as default };

package/dist/Wizard/WizardTitle/WizardTitle.js

@@ -1,82 +1,77 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useContext, useState, useEffect } from "react";
-import { HvDialogTitle, HvTypography, HvButton } from "@hitachivantara/uikit-react-core";
-import { Report } from "@hitachivantara/uikit-react-icons";
-import { useClasses } from "./WizardTitle.styles.js";
-import { staticClasses } from "./WizardTitle.styles.js";
-import HvWizardContext from "../WizardContext/WizardContext.js";
 import { HvStepNavigation } from "../../StepNavigation/StepNavigation.js";
-const switchTabState = (state, currentTab, index) => {
-  if (state?.loading) return "Pending";
-  if (index === currentTab) return "Current";
-  if (state?.valid) return "Completed";
-  if (state?.disabled) return "Disabled";
-  if (state?.valid === null) return "Enabled";
-  if (state?.touched && state?.valid === false) return "Failed";
-  return "Enabled";
-};
-const HvWizardTitle = ({
-  title,
-  hasSummary = false,
-  labels = {},
-  classes: classesProp,
-  customStep = {}
-}) => {
-  const { context, setSummary, tab, setTab } = useContext(HvWizardContext);
-  const { classes } = useClasses(classesProp);
-  const [steps, setSteps] = useState([]);
-  useEffect(() => {
-    return () => {
-      setSummary(false);
-    };
-  }, [setSummary]);
-  const toggleSummary = () => {
-    setSummary((prevValue) => !prevValue);
-  };
-  useEffect(() => {
-    const contextArray = Object.entries(context);
-    if (!contextArray.length) return;
-    const updatedSteps = contextArray.map(
-      ([, childState], index) => ({
-        title: childState?.["data-title"] ?? childState?.name ?? `${index + 1}`,
-        state: switchTabState(childState, tab, index),
-        onClick: () => setTab(index)
-      })
-    );
-    setSteps(updatedSteps);
-  }, [context, tab, setTab]);
-  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"}`
-      }
-    )
-  ] });
+import HvWizardContext from "../WizardContext/WizardContext.js";
+import { useClasses } from "./WizardTitle.styles.js";
+import { useContext, useEffect, useState } from "react";
+import { HvButton, HvDialogTitle, HvTypography } from "@hitachivantara/uikit-react-core";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Report } from "@hitachivantara/uikit-react-icons";
+//#region src/Wizard/WizardTitle/WizardTitle.tsx
+var switchTabState = (state, currentTab, index) => {
+	if (state?.loading) return "Pending";
+	if (index === currentTab) return "Current";
+	if (state?.valid) return "Completed";
+	if (state?.disabled) return "Disabled";
+	if (state?.valid === null) return "Enabled";
+	if (state?.touched && state?.valid === false) return "Failed";
+	return "Enabled";
 };
-export {
-  HvWizardTitle,
-  staticClasses as wizardTitleClasses
+var HvWizardTitle = ({ title, hasSummary = false, labels = {}, classes: classesProp, customStep = {} }) => {
+	const { context, setSummary, tab, setTab } = useContext(HvWizardContext);
+	const { classes } = useClasses(classesProp);
+	const [steps, setSteps] = useState([]);
+	useEffect(() => {
+		return () => {
+			setSummary(false);
+		};
+	}, [setSummary]);
+	const toggleSummary = () => {
+		setSummary((prevValue) => !prevValue);
+	};
+	useEffect(() => {
+		const contextArray = Object.entries(context);
+		if (!contextArray.length) return;
+		setSteps(contextArray.map(([, childState], index) => ({
+			title: childState?.["data-title"] ?? childState?.name ?? `${index + 1}`,
+			state: switchTabState(childState, tab, index),
+			onClick: () => setTab(index)
+		})));
+	}, [
+		context,
+		tab,
+		setTab
+	]);
+	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"}`
+			})
+		]
+	});
 };
+//#endregion
+export { HvWizardTitle };

package/dist/Wizard/WizardTitle/WizardTitle.styles.js

@@ -1,17 +1,14 @@
 import { createClasses } from "@hitachivantara/uikit-react-core";
-import { theme } from "@hitachivantara/uikit-styles";
-const { staticClasses, useClasses } = createClasses("HvWizardTitle", {
-  root: {
-    backgroundColor: theme.colors.bgPage,
-    justifyContent: "space-between",
-    paddingRight: theme.space.sm
-  },
-  summaryButton: {},
-  stepContainer: {
-    margin: "auto"
-  }
+import { theme as theme$1 } from "@hitachivantara/uikit-styles";
+//#region src/Wizard/WizardTitle/WizardTitle.styles.tsx
+var { staticClasses, useClasses } = createClasses("HvWizardTitle", {
+	root: {
+		backgroundColor: theme$1.colors.bgPage,
+		justifyContent: "space-between",
+		paddingRight: theme$1.space.sm
+	},
+	summaryButton: {},
+	stepContainer: { margin: "auto" }
 });
-export {
-  staticClasses,
-  useClasses
-};
+//#endregion
+export { staticClasses, useClasses };

package/dist/index.d.ts

@@ -1246,7 +1246,6 @@ export declare function useHvNode(props: HvUseNodeParams): {
         is?: string | undefined;
         exportparts?: string | undefined;
         part?: string | undefined;
-        children?: ReactNode | Iterable<ReactNode>;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
         "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
@@ -1300,6 +1299,7 @@ export declare function useHvNode(props: HvUseNodeParams): {
         "aria-valuemin"?: number | undefined;
         "aria-valuenow"?: number | undefined;
         "aria-valuetext"?: string | undefined;
+        children?: ReactNode | undefined;
         dangerouslySetInnerHTML?: {
             __html: string | TrustedHTML;
         } | undefined;

package/dist/index.js

@@ -1,93 +1,42 @@
-import { default as default2 } from "./Wizard/WizardContext/WizardContext.js";
-import { DEFAULT_LABELS, HvFlowBaseNode } from "./Flow/Node/BaseNode.js";
+import { staticClasses } from "./Blade/Blade.styles.js";
 import { HvBlade } from "./Blade/Blade.js";
+import { staticClasses as staticClasses$1 } from "./Blades/Blades.styles.js";
 import { HvBlades } from "./Blades/Blades.js";
+import { staticClasses as staticClasses$2 } from "./Dashboard/Dashboard.styles.js";
 import { HvDashboard } from "./Dashboard/Dashboard.js";
-import { HvDashboardNode } from "./Flow/nodes/DashboardNode.js";
-import { HvFlow } from "./Flow/Flow.js";
 import { HvFlowBackground } from "./Flow/Background/Background.js";
+import { useFlowInstance } from "./Flow/hooks/useFlowInstance.js";
+import { useFlowInputNodes, useFlowNode, useFlowNodeEdges, useFlowNodeInputEdges, useFlowNodeIntersections, useFlowNodeOutputEdges, useFlowNodeParents, useFlowNodeUtils, useFlowOutputNodes } from "./Flow/hooks/useFlowNode.js";
+import { useNodeMetaRegistry } from "./Flow/FlowContext/NodeMetaContext.js";
+import { useFlowContext } from "./Flow/hooks/useFlowContext.js";
+import { useFlowNodeMeta } from "./Flow/hooks/useFlowNodeMeta.js";
+import { useHvNode } from "./Flow/hooks/useNode.js";
 import { HvFlowControls } from "./Flow/Controls/Controls.js";
-import { HvFlowEmpty } from "./Flow/Empty/Empty.js";
+import { staticClasses as staticClasses$5 } from "./Flow/Minimap/Minimap.styles.js";
 import { HvFlowMinimap } from "./Flow/Minimap/Minimap.js";
-import { HvFlowNode } from "./Flow/Node/Node.js";
+import { staticClasses as staticClasses$7 } from "./Flow/Sidebar/Sidebar.styles.js";
 import { HvFlowSidebar } from "./Flow/Sidebar/Sidebar.js";
+import { HvFlowEmpty } from "./Flow/Empty/Empty.js";
+import { staticClasses as staticClasses$3 } from "./Flow/Node/BaseNode.styles.js";
+import { DEFAULT_LABELS, HvFlowBaseNode } from "./Flow/Node/BaseNode.js";
+import { staticClasses as staticClasses$6 } from "./Flow/Node/Node.styles.js";
+import { HvFlowNode } from "./Flow/Node/Node.js";
+import { staticClasses as staticClasses$4 } from "./Flow/Flow.styles.js";
+import { HvFlow } from "./Flow/Flow.js";
+import { staticClasses as staticClasses$8 } from "./Flow/nodes/DashboardNode.styles.js";
+import { HvDashboardNode } from "./Flow/nodes/DashboardNode.js";
+import { StickyNode } from "./Flow/nodes/StickyNode.js";
+import { staticClasses as staticClasses$9 } from "./StepNavigation/StepNavigation.styles.js";
 import { HvStepNavigation } from "./StepNavigation/StepNavigation.js";
-import { HvWizard } from "./Wizard/Wizard.js";
+import { staticClasses as staticClasses$11 } from "./Wizard/Wizard.styles.js";
+import HvWizardContext from "./Wizard/WizardContext/WizardContext.js";
+import { staticClasses as staticClasses$10 } from "./Wizard/WizardActions/WizardActions.styles.js";
 import { HvWizardActions } from "./Wizard/WizardActions/WizardActions.js";
+import { staticClasses as staticClasses$12 } from "./Wizard/WizardContainer/WizardContainer.styles.js";
 import { HvWizardContainer } from "./Wizard/WizardContainer/WizardContainer.js";
+import { staticClasses as staticClasses$13 } from "./Wizard/WizardContent/WizardContent.styles.js";
 import { HvWizardContent } from "./Wizard/WizardContent/WizardContent.js";
+import { staticClasses as staticClasses$14 } from "./Wizard/WizardTitle/WizardTitle.styles.js";
 import { HvWizardTitle } from "./Wizard/WizardTitle/WizardTitle.js";
-import { StickyNode } from "./Flow/nodes/StickyNode.js";
-import { staticClasses } from "./Blade/Blade.styles.js";
-import { staticClasses as staticClasses2 } from "./Blades/Blades.styles.js";
-import { staticClasses as staticClasses3 } from "./Dashboard/Dashboard.styles.js";
-import { staticClasses as staticClasses4 } from "./Flow/Node/BaseNode.styles.js";
-import { staticClasses as staticClasses5 } from "./Flow/Flow.styles.js";
-import { staticClasses as staticClasses6 } from "./Flow/Minimap/Minimap.styles.js";
-import { staticClasses as staticClasses7 } from "./Flow/Node/Node.styles.js";
-import { staticClasses as staticClasses8 } from "./Flow/Sidebar/Sidebar.styles.js";
-import { staticClasses as staticClasses9 } from "./Flow/nodes/DashboardNode.styles.js";
-import { staticClasses as staticClasses10 } from "./StepNavigation/StepNavigation.styles.js";
-import { useFlowContext } from "./Flow/hooks/useFlowContext.js";
-import { useFlowInputNodes, useFlowNode, useFlowNodeEdges, useFlowNodeInputEdges, useFlowNodeIntersections, useFlowNodeOutputEdges, useFlowNodeParents, useFlowNodeUtils, useFlowOutputNodes } from "./Flow/hooks/useFlowNode.js";
-import { useFlowInstance } from "./Flow/hooks/useFlowInstance.js";
-import { useFlowNodeMeta } from "./Flow/hooks/useFlowNodeMeta.js";
-import { useHvNode } from "./Flow/hooks/useNode.js";
-import { useNodeMetaRegistry } from "./Flow/FlowContext/NodeMetaContext.js";
-import { staticClasses as staticClasses11 } from "./Wizard/WizardActions/WizardActions.styles.js";
-import { staticClasses as staticClasses12 } from "./Wizard/Wizard.styles.js";
-import { staticClasses as staticClasses13 } from "./Wizard/WizardContainer/WizardContainer.styles.js";
-import { staticClasses as staticClasses14 } from "./Wizard/WizardContent/WizardContent.styles.js";
-import { staticClasses as staticClasses15 } from "./Wizard/WizardTitle/WizardTitle.styles.js";
-export {
-  DEFAULT_LABELS,
-  HvBlade,
-  HvBlades,
-  HvDashboard,
-  HvDashboardNode,
-  HvFlow,
-  HvFlowBackground,
-  HvFlowBaseNode,
-  HvFlowControls,
-  HvFlowEmpty,
-  HvFlowMinimap,
-  HvFlowNode,
-  HvFlowSidebar,
-  HvStepNavigation,
-  HvWizard,
-  HvWizardActions,
-  HvWizardContainer,
-  HvWizardContent,
-  default2 as HvWizardContext,
-  HvWizardTitle,
-  StickyNode,
-  staticClasses as bladeClasses,
-  staticClasses2 as bladesClasses,
-  staticClasses3 as dashboardClasses,
-  staticClasses4 as flowBaseNodeClasses,
-  staticClasses5 as flowClasses,
-  staticClasses6 as flowMinimapClasses,
-  staticClasses7 as flowNodeClasses,
-  staticClasses8 as flowSidebarClasses,
-  staticClasses9 as hvDashboardNodeClasses,
-  staticClasses10 as stepNavigationClasses,
-  useFlowContext,
-  useFlowInputNodes,
-  useFlowInstance,
-  useFlowNode,
-  useFlowNodeEdges,
-  useFlowNodeInputEdges,
-  useFlowNodeIntersections,
-  useFlowNodeMeta,
-  useFlowNodeOutputEdges,
-  useFlowNodeParents,
-  useFlowNodeUtils,
-  useFlowOutputNodes,
-  useHvNode,
-  useNodeMetaRegistry,
-  staticClasses11 as wizardActionsClasses,
-  staticClasses12 as wizardClasses,
-  staticClasses13 as wizardContainerClasses,
-  staticClasses14 as wizardContentClasses,
-  staticClasses15 as wizardTitleClasses
-};
+import { HvWizard } from "./Wizard/Wizard.js";
+export { DEFAULT_LABELS, HvBlade, HvBlades, HvDashboard, HvDashboardNode, HvFlow, HvFlowBackground, HvFlowBaseNode, HvFlowControls, HvFlowEmpty, HvFlowMinimap, HvFlowNode, HvFlowSidebar, HvStepNavigation, HvWizard, HvWizardActions, HvWizardContainer, HvWizardContent, HvWizardContext, HvWizardTitle, StickyNode, staticClasses as bladeClasses, staticClasses$1 as bladesClasses, staticClasses$2 as dashboardClasses, staticClasses$3 as flowBaseNodeClasses, staticClasses$4 as flowClasses, staticClasses$5 as flowMinimapClasses, staticClasses$6 as flowNodeClasses, staticClasses$7 as flowSidebarClasses, staticClasses$8 as hvDashboardNodeClasses, staticClasses$9 as stepNavigationClasses, useFlowContext, useFlowInputNodes, useFlowInstance, useFlowNode, useFlowNodeEdges, useFlowNodeInputEdges, useFlowNodeIntersections, useFlowNodeMeta, useFlowNodeOutputEdges, useFlowNodeParents, useFlowNodeUtils, useFlowOutputNodes, useHvNode, useNodeMetaRegistry, staticClasses$10 as wizardActionsClasses, staticClasses$11 as wizardClasses, staticClasses$12 as wizardContainerClasses, staticClasses$13 as wizardContentClasses, staticClasses$14 as wizardTitleClasses };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hitachivantara/uikit-react-lab",
-  "version": "6.1.9",
+  "version": "6.1.10",
   "type": "module",
   "private": false,
   "author": "Hitachi Vantara UI Kit Team",
@@ -34,10 +34,10 @@
     "@dnd-kit/core": "^6.1.0",
     "@dnd-kit/modifiers": "^6.0.1",
     "@emotion/css": "^11.11.0",
-    "@hitachivantara/uikit-react-core": "^6.8.2",
-    "@hitachivantara/uikit-react-icons": "^6.0.4",
-    "@hitachivantara/uikit-react-utils": "^6.2.2",
-    "@hitachivantara/uikit-styles": "^6.1.0",
+    "@hitachivantara/uikit-react-core": "^6.9.0",
+    "@hitachivantara/uikit-react-icons": "^6.0.5",
+    "@hitachivantara/uikit-react-utils": "^6.2.3",
+    "@hitachivantara/uikit-styles": "^6.1.1",
     "@types/react-grid-layout": "^1.3.5",
     "react-grid-layout": "^1.4.4",
     "reactflow": "^11.10.1",
@@ -52,7 +52,7 @@
     "access": "public",
     "directory": "package"
   },
-  "gitHead": "333e132a9823018d508ebbe71c81d0b467f9008d",
+  "gitHead": "65c4f4394e8f8c7cccb58203e1c08c6832434638",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",

package/dist/StepNavigation/utils.js

@@ -1,8 +0,0 @@
-const TITLE_MARGIN = 20;
-const TITLE_WIDTH = 215;
-const SEPARATOR_WIDTH = 100;
-export {
-  SEPARATOR_WIDTH,
-  TITLE_MARGIN,
-  TITLE_WIDTH
-};