@hitachivantara/uikit-react-lab 6.1.9 → 6.1.10

package/dist/Wizard/WizardActions/WizardActions.js

@@ -1,133 +1,113 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useContext, useState, useEffect, useCallback, useMemo } from "react";
-import { HvDialogActions, HvButton } from "@hitachivantara/uikit-react-core";
-import { Backwards, Forwards } from "@hitachivantara/uikit-react-icons";
-import { useClasses } from "./WizardActions.styles.js";
-import { staticClasses } from "./WizardActions.styles.js";
 import HvWizardContext from "../WizardContext/WizardContext.js";
-const HvWizardActions = ({
-  classes: classesProp,
-  handleClose,
-  handleSubmit,
-  loading = false,
-  skippable = false,
-  labels = {
-    cancel: "Cancel",
-    next: "Next",
-    previous: "Previous",
-    skip: "Skip",
-    submit: "Submit"
-  },
-  handleBeforeNext,
-  handleBeforePrevious
-}) => {
-  const { classes, css, cx } = useClasses(classesProp);
-  const { context, setContext, tab, setTab } = useContext(HvWizardContext);
-  const [pages, setPages] = useState(0);
-  const [canSubmit, setCanSubmit] = useState(false);
-  useEffect(() => {
-    const contextEntries = Object.entries(context);
-    if (contextEntries.length) {
-      setPages(contextEntries.length);
-      const validWizard = Object.entries(context).every(
-        ([, value]) => value?.valid
-      );
-      if (validWizard !== canSubmit) {
-        setCanSubmit(validWizard);
-      }
-    }
-  }, [context, canSubmit, setCanSubmit, setPages]);
-  const lastPage = pages - 1;
-  const isLastPage = tab >= lastPage;
-  const handleSkip = useCallback(() => {
-    setContext(
-      (c) => Object.entries(c).reduce((acc, [key, child]) => {
-        acc[+key] = {
-          ...child,
-          valid: child?.valid !== false
-        };
-        return acc;
-      }, {})
-    );
-    setTab(lastPage);
-  }, [setTab, lastPage, setContext]);
-  const handleSubmitInternal = useCallback(
-    () => handleSubmit(context),
-    [handleSubmit, context]
-  );
-  const nextDisabled = useMemo(() => {
-    if (loading) return true;
-    return !skippable && !context?.[tab]?.valid;
-  }, [context, loading, skippable, tab]);
-  return /* @__PURE__ */ jsxs(HvDialogActions, { className: classes.actionsContainer, children: [
-    /* @__PURE__ */ jsx(
-      HvButton,
-      {
-        variant: "secondaryGhost",
-        onClick: handleClose,
-        className: classes.buttonWidth,
-        children: labels.cancel ?? "Cancel"
-      }
-    ),
-    skippable && /* @__PURE__ */ jsx(
-      HvButton,
-      {
-        variant: "secondaryGhost",
-        disabled: isLastPage,
-        className: classes.buttonWidth,
-        onClick: handleSkip,
-        children: labels.skip ?? "Skip"
-      }
-    ),
-    /* @__PURE__ */ jsx("div", { "aria-hidden": true, className: css({ flex: 1 }), children: " " }),
-    /* @__PURE__ */ jsxs("div", { className: classes.buttonsContainer, children: [
-      /* @__PURE__ */ jsx(
-        HvButton,
-        {
-          variant: "secondaryGhost",
-          className: classes.buttonWidth,
-          disabled: tab <= 0,
-          onClick: () => {
-            if (handleBeforePrevious) {
-              handleBeforePrevious();
-            } else {
-              setTab((t) => t - 1);
-            }
-          },
-          startIcon: /* @__PURE__ */ jsx(Backwards, {}),
-          children: labels.previous ?? "Previous"
-        }
-      ),
-      isLastPage ? /* @__PURE__ */ jsx(
-        HvButton,
-        {
-          variant: "primary",
-          className: classes.buttonWidth,
-          disabled: loading || !canSubmit,
-          onClick: handleSubmitInternal,
-          children: labels.submit ?? "Submit"
-        }
-      ) : /* @__PURE__ */ jsx(
-        HvButton,
-        {
-          variant: "secondaryGhost",
-          className: cx(classes.buttonWidth, classes.buttonSpacing),
-          onClick: () => {
-            if (handleBeforeNext) {
-              handleBeforeNext();
-            } else {
-              setTab((t) => t + 1);
-            }
-          },
-          disabled: nextDisabled,
-          endIcon: /* @__PURE__ */ jsx(Forwards, {}),
-          children: labels.next ?? "Next"
-        }
-      )
-    ] })
-  ] });
-};
-export {
-  HvWizardActions,
-  staticClasses as wizardActionsClasses
+import { useClasses } from "./WizardActions.styles.js";
+import { useCallback, useContext, useEffect, useMemo, useState } from "react";
+import { HvButton, HvDialogActions } from "@hitachivantara/uikit-react-core";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Backwards, Forwards } from "@hitachivantara/uikit-react-icons";
+//#region src/Wizard/WizardActions/WizardActions.tsx
+var HvWizardActions = ({ classes: classesProp, handleClose, handleSubmit, loading = false, skippable = false, labels = {
+	cancel: "Cancel",
+	next: "Next",
+	previous: "Previous",
+	skip: "Skip",
+	submit: "Submit"
+}, handleBeforeNext, handleBeforePrevious }) => {
+	const { classes, css, cx } = useClasses(classesProp);
+	const { context, setContext, tab, setTab } = useContext(HvWizardContext);
+	const [pages, setPages] = useState(0);
+	const [canSubmit, setCanSubmit] = useState(false);
+	useEffect(() => {
+		const contextEntries = Object.entries(context);
+		if (contextEntries.length) {
+			setPages(contextEntries.length);
+			const validWizard = Object.entries(context).every(([, value]) => value?.valid);
+			if (validWizard !== canSubmit) setCanSubmit(validWizard);
+		}
+	}, [
+		context,
+		canSubmit,
+		setCanSubmit,
+		setPages
+	]);
+	const lastPage = pages - 1;
+	const isLastPage = tab >= lastPage;
+	const handleSkip = useCallback(() => {
+		setContext((c) => Object.entries(c).reduce((acc, [key, child]) => {
+			acc[+key] = {
+				...child,
+				valid: child?.valid !== false
+			};
+			return acc;
+		}, {}));
+		setTab(lastPage);
+	}, [
+		setTab,
+		lastPage,
+		setContext
+	]);
+	const handleSubmitInternal = useCallback(() => handleSubmit(context), [handleSubmit, context]);
+	const nextDisabled = useMemo(() => {
+		if (loading) return true;
+		return !skippable && !context?.[tab]?.valid;
+	}, [
+		context,
+		loading,
+		skippable,
+		tab
+	]);
+	return /* @__PURE__ */ jsxs(HvDialogActions, {
+		className: classes.actionsContainer,
+		children: [
+			/* @__PURE__ */ jsx(HvButton, {
+				variant: "secondaryGhost",
+				onClick: handleClose,
+				className: classes.buttonWidth,
+				children: labels.cancel ?? "Cancel"
+			}),
+			skippable && /* @__PURE__ */ jsx(HvButton, {
+				variant: "secondaryGhost",
+				disabled: isLastPage,
+				className: classes.buttonWidth,
+				onClick: handleSkip,
+				children: labels.skip ?? "Skip"
+			}),
+			/* @__PURE__ */ jsx("div", {
+				"aria-hidden": true,
+				className: css({ flex: 1 }),
+				children: "\xA0"
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: classes.buttonsContainer,
+				children: [/* @__PURE__ */ jsx(HvButton, {
+					variant: "secondaryGhost",
+					className: classes.buttonWidth,
+					disabled: tab <= 0,
+					onClick: () => {
+						if (handleBeforePrevious) handleBeforePrevious();
+						else setTab((t) => t - 1);
+					},
+					startIcon: /* @__PURE__ */ jsx(Backwards, {}),
+					children: labels.previous ?? "Previous"
+				}), isLastPage ? /* @__PURE__ */ jsx(HvButton, {
+					variant: "primary",
+					className: classes.buttonWidth,
+					disabled: loading || !canSubmit,
+					onClick: handleSubmitInternal,
+					children: labels.submit ?? "Submit"
+				}) : /* @__PURE__ */ jsx(HvButton, {
+					variant: "secondaryGhost",
+					className: cx(classes.buttonWidth, classes.buttonSpacing),
+					onClick: () => {
+						if (handleBeforeNext) handleBeforeNext();
+						else setTab((t) => t + 1);
+					},
+					disabled: nextDisabled,
+					endIcon: /* @__PURE__ */ jsx(Forwards, {}),
+					children: labels.next ?? "Next"
+				})]
+			})
+		]
+	});
 };
+//#endregion
+export { HvWizardActions };

package/dist/Wizard/WizardActions/WizardActions.styles.js

@@ -1,22 +1,21 @@
 import { createClasses } from "@hitachivantara/uikit-react-core";
-import { theme } from "@hitachivantara/uikit-styles";
-const { staticClasses, useClasses } = createClasses("HvWizardActions", {
-  actionsContainer: {},
-  buttonWidth: {
-    width: 120,
-    "& span": {
-      whiteSpace: "normal",
-      lineHeight: theme.lineHeights.sm
-    }
-  },
-  buttonsContainer: {
-    display: "flex",
-    alignItems: "center",
-    gap: theme.space.xs
-  },
-  buttonSpacing: {}
+import { theme as theme$1 } from "@hitachivantara/uikit-styles";
+//#region src/Wizard/WizardActions/WizardActions.styles.tsx
+var { staticClasses, useClasses } = createClasses("HvWizardActions", {
+	actionsContainer: {},
+	buttonWidth: {
+		width: 120,
+		"& span": {
+			whiteSpace: "normal",
+			lineHeight: theme$1.lineHeights.sm
+		}
+	},
+	buttonsContainer: {
+		display: "flex",
+		alignItems: "center",
+		gap: theme$1.space.xs
+	},
+	buttonSpacing: {}
 });
-export {
-  staticClasses,
-  useClasses
-};
+//#endregion
+export { staticClasses, useClasses };

package/dist/Wizard/WizardContainer/WizardContainer.js

@@ -1,30 +1,21 @@
-import { jsx } from "react/jsx-runtime";
-import { useDefaultProps, HvDialog } from "@hitachivantara/uikit-react-core";
 import { useClasses } from "./WizardContainer.styles.js";
-import { staticClasses } from "./WizardContainer.styles.js";
-const HvWizardContainer = (props) => {
-  const {
-    classes: classesProp,
-    handleClose,
-    ...others
-  } = useDefaultProps("HvWizardContainer", props);
-  const { classes } = useClasses(classesProp);
-  return /* @__PURE__ */ jsx(
-    HvDialog,
-    {
-      classes: {
-        root: classes.root,
-        closeButton: classes.closeButton,
-        paper: classes.paper
-      },
-      onClose: handleClose,
-      fullWidth: true,
-      maxWidth: "lg",
-      ...others
-    }
-  );
-};
-export {
-  HvWizardContainer,
-  staticClasses as wizardContainerClasses
+import { HvDialog, useDefaultProps } from "@hitachivantara/uikit-react-core";
+import { jsx } from "react/jsx-runtime";
+//#region src/Wizard/WizardContainer/WizardContainer.tsx
+var HvWizardContainer = (props) => {
+	const { classes: classesProp, handleClose, ...others } = useDefaultProps("HvWizardContainer", props);
+	const { classes } = useClasses(classesProp);
+	return /* @__PURE__ */ jsx(HvDialog, {
+		classes: {
+			root: classes.root,
+			closeButton: classes.closeButton,
+			paper: classes.paper
+		},
+		onClose: handleClose,
+		fullWidth: true,
+		maxWidth: "lg",
+		...others
+	});
 };
+//#endregion
+export { HvWizardContainer };

package/dist/Wizard/WizardContainer/WizardContainer.styles.js

@@ -1,15 +1,9 @@
 import { createClasses } from "@hitachivantara/uikit-react-core";
-const { staticClasses, useClasses } = createClasses(
-  "HvWizardContainer",
-  {
-    root: {},
-    paper: {},
-    closeButton: {
-      display: "none"
-    }
-  }
-);
-export {
-  staticClasses,
-  useClasses
-};
+//#region src/Wizard/WizardContainer/WizardContainer.styles.tsx
+var { staticClasses, useClasses } = createClasses("HvWizardContainer", {
+	root: {},
+	paper: {},
+	closeButton: { display: "none" }
+});
+//#endregion
+export { staticClasses, useClasses };

package/dist/Wizard/WizardContent/WizardContent.js

@@ -1,122 +1,105 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useContext, Children, useRef, useState, useCallback, useEffect, cloneElement } from "react";
-import { useElementSize } from "usehooks-ts";
-import { HvLoadingContainer, HvDialogContent } from "@hitachivantara/uikit-react-core";
-import { useClasses } from "./WizardContent.styles.js";
-import { staticClasses } from "./WizardContent.styles.js";
 import HvWizardContext from "../WizardContext/WizardContext.js";
-const DRAWER_PERCENTAGE = 0.3;
-const DRAWER_MIN_WIDTH = 280;
-const HvWizardContent = ({
-  classes: classesProp,
-  fixedHeight = false,
-  loading = false,
-  children,
-  summaryContent
-}) => {
-  const { classes, cx } = useClasses(classesProp);
-  const { context, setContext, summary, tab } = useContext(HvWizardContext);
-  const arrayChildren = Children.toArray(children);
-  const summaryRef = useRef(void 0);
-  const resizedRef = useRef({ height: 0, width: 0 });
-  const [containerRef, sizes] = useElementSize();
-  const [summaryHeight, setSummaryHeight] = useState(0);
-  const [summaryWidth, setSummaryWidth] = useState(0);
-  const [summaryLeft, setSummaryLeft] = useState(0);
-  const updateSummaryMeasures = useCallback(({ height = 0, width = 0 }) => {
-    const drawerWidth = width * DRAWER_PERCENTAGE;
-    setSummaryHeight(height);
-    setSummaryWidth(Math.max(drawerWidth, DRAWER_MIN_WIDTH));
-    setSummaryLeft(width - Math.max(drawerWidth, DRAWER_MIN_WIDTH));
-    resizedRef.current = {
-      height,
-      width
-    };
-  }, []);
-  useEffect(() => {
-    const pageHeight = summaryRef.current?.getBoundingClientRect?.()?.height;
-    if (summary && sizes.height !== resizedRef.current.height || sizes.width !== resizedRef.current.width) {
-      updateSummaryMeasures(sizes);
-    }
-    if (pageHeight && sizes.height !== pageHeight) {
-      updateSummaryMeasures({
-        width: sizes.width,
-        height: pageHeight
-      });
-    }
-  }, [tab, sizes, summary, updateSummaryMeasures]);
-  useEffect(() => {
-    const initialContext = arrayChildren.reduce(
-      (acc, child, index) => {
-        const invalid = "mustValidate" in child.props && child.props.mustValidate === true ? false : null;
-        const valid = invalid ?? (index === 0 || null);
-        acc[index] = { ...child.props, form: {}, valid, touched: index === 0 };
-        return acc;
-      },
-      {}
-    );
-    setContext(initialContext);
-  }, []);
-  useEffect(() => {
-    if (tab && !context[tab]?.touched) {
-      setContext(
-        (oldContext) => Object.entries(oldContext).reduce(
-          (acc, [key, childState]) => {
-            acc[Number(key)] = +key <= tab ? {
-              ...childState,
-              touched: true,
-              valid: childState?.valid ?? true
-            } : childState;
-            return acc;
-          },
-          {}
-        )
-      );
-    }
-  }, [tab, context, setContext]);
-  const translateX = summaryWidth ? summaryWidth + 10 : 450;
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: classes.summaryRef,
-      ref: (el) => {
-        containerRef(el);
-        if (el) {
-          summaryRef.current = el;
-        }
-      },
-      children: [
-        summary !== null && /* @__PURE__ */ jsx("div", { className: classes.summarySticky, children: /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: classes.summaryContainer,
-            style: {
-              left: summaryLeft,
-              width: summaryWidth,
-              height: summaryHeight,
-              transform: `translate(${summary ? 0 : translateX}px, 0)`
-            },
-            children: summaryContent
-          }
-        ) }),
-        /* @__PURE__ */ jsx(HvLoadingContainer, { hidden: !loading, children: /* @__PURE__ */ jsx(
-          HvDialogContent,
-          {
-            className: cx(classes.contentContainer, {
-              [classes.fixedHeight]: fixedHeight
-            }),
-            indentContent: true,
-            children: Children.map(arrayChildren, (child, index) => {
-              if (index !== tab) return null;
-              return cloneElement(child, { tab });
-            })
-          }
-        ) })
-      ]
-    }
-  );
-};
-export {
-  HvWizardContent,
-  staticClasses as wizardContentClasses
+import { useClasses } from "./WizardContent.styles.js";
+import { Children, cloneElement, useCallback, useContext, useEffect, useRef, useState } from "react";
+import { HvDialogContent, HvLoadingContainer } from "@hitachivantara/uikit-react-core";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useElementSize } from "usehooks-ts";
+//#region src/Wizard/WizardContent/WizardContent.tsx
+var DRAWER_PERCENTAGE = .3;
+var DRAWER_MIN_WIDTH = 280;
+var HvWizardContent = ({ classes: classesProp, fixedHeight = false, loading = false, children, summaryContent }) => {
+	const { classes, cx } = useClasses(classesProp);
+	const { context, setContext, summary, tab } = useContext(HvWizardContext);
+	const arrayChildren = Children.toArray(children);
+	const summaryRef = useRef(void 0);
+	const resizedRef = useRef({
+		height: 0,
+		width: 0
+	});
+	const [containerRef, sizes] = useElementSize();
+	const [summaryHeight, setSummaryHeight] = useState(0);
+	const [summaryWidth, setSummaryWidth] = useState(0);
+	const [summaryLeft, setSummaryLeft] = useState(0);
+	const updateSummaryMeasures = useCallback(({ height = 0, width = 0 }) => {
+		const drawerWidth = width * DRAWER_PERCENTAGE;
+		setSummaryHeight(height);
+		setSummaryWidth(Math.max(drawerWidth, DRAWER_MIN_WIDTH));
+		setSummaryLeft(width - Math.max(drawerWidth, DRAWER_MIN_WIDTH));
+		resizedRef.current = {
+			height,
+			width
+		};
+	}, []);
+	useEffect(() => {
+		const pageHeight = summaryRef.current?.getBoundingClientRect?.()?.height;
+		if (summary && sizes.height !== resizedRef.current.height || sizes.width !== resizedRef.current.width) updateSummaryMeasures(sizes);
+		if (pageHeight && sizes.height !== pageHeight) updateSummaryMeasures({
+			width: sizes.width,
+			height: pageHeight
+		});
+	}, [
+		tab,
+		sizes,
+		summary,
+		updateSummaryMeasures
+	]);
+	useEffect(() => {
+		setContext(arrayChildren.reduce((acc, child, index) => {
+			const valid = ("mustValidate" in child.props && child.props.mustValidate === true ? false : null) ?? (index === 0 || null);
+			acc[index] = {
+				...child.props,
+				form: {},
+				valid,
+				touched: index === 0
+			};
+			return acc;
+		}, {}));
+	}, []);
+	useEffect(() => {
+		if (tab && !context[tab]?.touched) setContext((oldContext) => Object.entries(oldContext).reduce((acc, [key, childState]) => {
+			acc[Number(key)] = +key <= tab ? {
+				...childState,
+				touched: true,
+				valid: childState?.valid ?? true
+			} : childState;
+			return acc;
+		}, {}));
+	}, [
+		tab,
+		context,
+		setContext
+	]);
+	const translateX = summaryWidth ? summaryWidth + 10 : 450;
+	return /* @__PURE__ */ jsxs("div", {
+		className: classes.summaryRef,
+		ref: (el) => {
+			containerRef(el);
+			if (el) summaryRef.current = el;
+		},
+		children: [summary !== null && /* @__PURE__ */ jsx("div", {
+			className: classes.summarySticky,
+			children: /* @__PURE__ */ jsx("div", {
+				className: classes.summaryContainer,
+				style: {
+					left: summaryLeft,
+					width: summaryWidth,
+					height: summaryHeight,
+					transform: `translate(${summary ? 0 : translateX}px, 0)`
+				},
+				children: summaryContent
+			})
+		}), /* @__PURE__ */ jsx(HvLoadingContainer, {
+			hidden: !loading,
+			children: /* @__PURE__ */ jsx(HvDialogContent, {
+				className: cx(classes.contentContainer, { [classes.fixedHeight]: fixedHeight }),
+				indentContent: true,
+				children: Children.map(arrayChildren, (child, index) => {
+					if (index !== tab) return null;
+					return cloneElement(child, { tab });
+				})
+			})
+		})]
+	});
 };
+//#endregion
+export { HvWizardContent };