@hitachivantara/uikit-react-lab 5.2.0 → 5.2.2

package/dist/cjs/packages/lab/src/components/Wizard/Wizard.cjs

@@ -0,0 +1,65 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
+const WizardContainer = require("./WizardContainer/WizardContainer.cjs");
+const WizardTitle = require("./WizardTitle/WizardTitle.cjs");
+const WizardContent = require("./WizardContent/WizardContent.cjs");
+const WizardContext = require("./WizardContext/WizardContext.cjs");
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const WizardActions = require("./WizardActions/WizardActions.cjs");
+const HvWizard = ({
+  className,
+  children,
+  onClose,
+  handleSubmit,
+  title,
+  open,
+  skippable = true,
+  loading = false,
+  hasSummary = false,
+  summaryContent,
+  labels = {
+    cancel: "Cancel",
+    next: "Next",
+    previous: "Previous",
+    skip: "Skip",
+    submit: "Submit",
+    summary: "Summary"
+  },
+  fixedHeight = false,
+  customStep,
+  ...others
+}) => {
+  const handleClose = React.useCallback((evt, reason) => {
+    if (reason !== "backdropClick") {
+      onClose == null ? void 0 : onClose(evt, reason);
+    }
+  }, [onClose]);
+  return /* @__PURE__ */ jsxRuntime.jsx(WizardContext.default, {
+    children: /* @__PURE__ */ jsxRuntime.jsxs(WizardContainer.HvWizardContainer, {
+      className,
+      handleClose,
+      open,
+      ...others,
+      children: [/* @__PURE__ */ jsxRuntime.jsx(WizardTitle.HvWizardTitle, {
+        title,
+        hasSummary,
+        labels,
+        customStep
+      }), /* @__PURE__ */ jsxRuntime.jsx(WizardContent.HvWizardContent, {
+        loading,
+        fixedHeight,
+        summaryContent,
+        children
+      }), /* @__PURE__ */ jsxRuntime.jsx(WizardActions.HvWizardActions, {
+        loading,
+        skippable,
+        labels,
+        handleClose,
+        handleSubmit
+      })]
+    })
+  });
+};
+exports.HvWizard = HvWizard;
+//# sourceMappingURL=Wizard.cjs.map

package/dist/cjs/packages/lab/src/components/Wizard/Wizard.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Wizard.cjs","sources":["../../../../../../../src/components/Wizard/Wizard.tsx"],"sourcesContent":["import { HvBaseProps } from \"@hitachivantara/uikit-react-core\";\nimport { HvStepNavigationProps } from \"..\";\nimport { HvWizardClasses } from \"./wizardClasses\";\nimport { ModalProps } from \"@mui/material\";\nimport React, { useCallback } from \"react\";\nimport { HvWizardContainer } from \"./WizardContainer/WizardContainer\";\nimport { HvWizardTitle, HvWizardTitleProps } from \"./WizardTitle/WizardTitle\";\nimport { HvWizardContent } from \"./WizardContent/WizardContent\";\nimport { HvWizardActions } from \"./index\";\nimport WizardProvider, {\n  HvWizardTabs,\n  HvWizardTab,\n} from \"./WizardContext/WizardContext\";\nimport { HvWizardActionsProps } from \"./WizardActions/WizardActions\";\n\nexport interface HvWizardProps extends HvBaseProps {\n  /** Current state of the Wizard. */\n  open: boolean;\n  /** Function executed on close. */\n  onClose: ModalProps[\"onClose\"];\n  /** Function executed on submit. */\n  handleSubmit: (context: HvWizardTabs<HvWizardTab>) => void;\n  /** Title for the wizard. */\n  title?: string;\n  /** An object containing all the labels for the wizard. */\n  labels?: HvWizardActionsProps[\"labels\"] & HvWizardTitleProps[\"labels\"];\n  /** Shows the summary button. */\n  hasSummary?: boolean;\n  /** The content of the summary. */\n  summaryContent?: React.ReactNode;\n  /** Enables the skip button. */\n  skippable?: boolean;\n  /** Forces minimum height to the component. */\n  fixedHeight?: boolean;\n  /** Whether the loading animation is shown. */\n  loading?: boolean;\n  /** Custom object to define type, size and width of the StepNavigation component */\n  customStep?: Pick<HvStepNavigationProps, \"type\" | \"stepSize\" | \"width\">;\n  /** A Jss Object used to override or extend the styles applied to the empty state Wizard. */\n  classes?: HvWizardClasses;\n}\n\nexport const HvWizard = ({\n  className,\n  children,\n  onClose,\n  handleSubmit,\n  title,\n  open,\n  skippable = true,\n  loading = false,\n  hasSummary = false,\n  summaryContent,\n  labels = {\n    cancel: \"Cancel\",\n    next: \"Next\",\n    previous: \"Previous\",\n    skip: \"Skip\",\n    submit: \"Submit\",\n    summary: \"Summary\",\n  },\n  fixedHeight = false,\n  customStep,\n  ...others\n}: HvWizardProps) => {\n  const handleClose = useCallback(\n    (evt, reason) => {\n      if (reason !== \"backdropClick\") {\n        onClose?.(evt, reason);\n      }\n    },\n    [onClose]\n  );\n\n  return (\n    <WizardProvider>\n      <HvWizardContainer\n        className={className}\n        handleClose={handleClose}\n        open={open}\n        {...others}\n      >\n        <HvWizardTitle\n          title={title}\n          hasSummary={hasSummary}\n          labels={labels}\n          customStep={customStep}\n        />\n        <HvWizardContent\n          loading={loading}\n          fixedHeight={fixedHeight}\n          summaryContent={summaryContent}\n        >\n          {children}\n        </HvWizardContent>\n        <HvWizardActions\n          loading={loading}\n          skippable={skippable}\n          labels={labels}\n          handleClose={handleClose}\n          handleSubmit={handleSubmit}\n        />\n      </HvWizardContainer>\n    </WizardProvider>\n  );\n};\n"],"names":["HvWizard","className","children","onClose","handleSubmit","title","open","skippable","loading","hasSummary","summaryContent","labels","cancel","next","previous","skip","submit","summary","fixedHeight","customStep","others","handleClose","useCallback","evt","reason","WizardProvider","HvWizardContainer","_jsx","HvWizardTitle","HvWizardContent","HvWizardActions"],"mappings":";;;;;;;;;AA0CO,MAAMA,WAAWA,CAAC;AAAA,EACvBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,YAAY;AAAA,EACZC,UAAU;AAAA,EACVC,aAAa;AAAA,EACbC;AAAAA,EACAC,SAAS;AAAA,IACPC,QAAQ;AAAA,IACRC,MAAM;AAAA,IACNC,UAAU;AAAA,IACVC,MAAM;AAAA,IACNC,QAAQ;AAAA,IACRC,SAAS;AAAA,EACX;AAAA,EACAC,cAAc;AAAA,EACdC;AAAAA,EACA,GAAGC;AACU,MAAM;AACnB,QAAMC,cAAcC,MAAAA,YAClB,CAACC,KAAKC,WAAW;AACf,QAAIA,WAAW,iBAAiB;AAC9BrB,yCAAUoB,KAAKC;AAAAA,IACjB;AAAA,EAAA,GAEF,CAACrB,OAAO,CAAC;AAGX,wCACGsB,cAAAA,SAAc;AAAA,IAAAvB,0CACZwB,mCAAiB;AAAA,MAChBzB;AAAAA,MACAoB;AAAAA,MACAf;AAAAA,MAAW,GACPc;AAAAA,MAAMlB,UAAA,CAEVyB,2BAAAA,IAACC,2BAAa;AAAA,QACZvB;AAAAA,QACAI;AAAAA,QACAE;AAAAA,QACAQ;AAAAA,MAAAA,CACA,GACFQ,2BAAAA,IAACE,+BAAe;AAAA,QACdrB;AAAAA,QACAU;AAAAA,QACAR;AAAAA,QAA+BR;AAAAA,MAAAA,CAGf,GAClByB,2BAAAA,IAACG,+BAAe;AAAA,QACdtB;AAAAA,QACAD;AAAAA,QACAI;AAAAA,QACAU;AAAAA,QACAjB;AAAAA,MAAAA,CACA,CAAA;AAAA,IAAA,CAAA;AAAA,EAAA,CAEW;AAErB;;"}

package/dist/cjs/packages/lab/src/components/Wizard/WizardActions/WizardActions.cjs

@@ -0,0 +1,113 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
+const react = require("@emotion/react");
+const clsx_m = require("../../../../../../node_modules/clsx/dist/clsx.m.cjs");
+const uikitReactCore = require("@hitachivantara/uikit-react-core");
+const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
+const wizardActionsClasses = require("./wizardActionsClasses.cjs");
+const WizardActions_styles = require("./WizardActions.styles.cjs");
+const WizardContext = require("../WizardContext/WizardContext.cjs");
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const HvWizardActions = ({
+  classes,
+  handleClose,
+  handleSubmit,
+  loading = false,
+  skippable = false,
+  labels = {
+    cancel: "Cancel",
+    next: "Next",
+    previous: "Previous",
+    skip: "Skip",
+    submit: "Submit"
+  }
+}) => {
+  const {
+    context,
+    updateContext,
+    tab,
+    setTab
+  } = React.useContext(WizardContext.HvWizardContext);
+  const [pages, setPages] = React.useState(0);
+  const [canSubmit, setCanSubmit] = React.useState(false);
+  React.useEffect(() => {
+    const contextEntries = Object.entries(context);
+    if (contextEntries.length) {
+      setPages(contextEntries.length);
+      const validWizard = Object.entries(context).every(([, value]) => value == null ? void 0 : value.valid);
+      if (validWizard !== canSubmit) {
+        setCanSubmit(validWizard);
+      }
+    }
+  }, [context]);
+  const lastPage = pages - 1;
+  const isLastPage = tab >= lastPage;
+  const handleSkip = React.useCallback(() => {
+    const skippedContext = Object.entries(context).map(([, child]) => ({
+      ...child,
+      valid: (child == null ? void 0 : child.valid) !== false
+    }));
+    updateContext(skippedContext);
+    setTab(lastPage);
+  }, [setTab, context, lastPage, updateContext]);
+  const handleSubmitInternal = React.useCallback(() => handleSubmit(context), [handleSubmit, context]);
+  const onCloseHander = React.useCallback((event) => {
+    const clearContext = Object.entries(context).map(([, child]) => ({
+      ...child,
+      touched: false
+    }));
+    updateContext(clearContext);
+    setTab(0);
+    handleClose == null ? void 0 : handleClose(event);
+  }, []);
+  return /* @__PURE__ */ jsxRuntime.jsx(react.ClassNames, {
+    children: ({
+      css
+    }) => {
+      var _a;
+      return /* @__PURE__ */ jsxRuntime.jsxs(uikitReactCore.HvDialogActions, {
+        className: clsx_m.clsx(classes == null ? void 0 : classes.actionsContainer, wizardActionsClasses.default.actionsContainer, css(WizardActions_styles.styles.actionsContainer)),
+        children: [/* @__PURE__ */ jsxRuntime.jsxs(uikitReactCore.HvGrid, {
+          children: [/* @__PURE__ */ jsxRuntime.jsx(uikitReactCore.HvButton, {
+            variant: "secondaryGhost",
+            onClick: onCloseHander,
+            className: clsx_m.clsx(classes == null ? void 0 : classes.buttonWidth, wizardActionsClasses.default.buttonWidth, css(WizardActions_styles.styles.buttonWidth)),
+            children: `${labels.cancel ?? "Cancel"}`
+          }), skippable && /* @__PURE__ */ jsxRuntime.jsx(uikitReactCore.HvButton, {
+            variant: "secondaryGhost",
+            disabled: isLastPage,
+            className: clsx_m.clsx(classes == null ? void 0 : classes.buttonWidth, wizardActionsClasses.default.buttonWidth, css(WizardActions_styles.styles.buttonWidth)),
+            onClick: handleSkip,
+            children: `${labels.skip ?? "Skip"}`
+          })]
+        }), /* @__PURE__ */ jsxRuntime.jsxs(uikitReactCore.HvGrid, {
+          className: clsx_m.clsx(classes == null ? void 0 : classes.buttonsContainer, wizardActionsClasses.default.buttonsContainer, css(WizardActions_styles.styles.buttonsContainer)),
+          children: [/* @__PURE__ */ jsxRuntime.jsx(uikitReactCore.HvButton, {
+            variant: "secondaryGhost",
+            className: clsx_m.clsx(classes == null ? void 0 : classes.buttonWidth, wizardActionsClasses.default.buttonWidth, css(WizardActions_styles.styles.buttonWidth)),
+            disabled: tab <= 0,
+            onClick: () => setTab((t) => t - 1),
+            startIcon: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Backwards, {}),
+            children: `${labels.previous ?? "Previous"}`
+          }), isLastPage ? /* @__PURE__ */ jsxRuntime.jsx(uikitReactCore.HvButton, {
+            variant: "primary",
+            className: clsx_m.clsx(classes == null ? void 0 : classes.buttonWidth, wizardActionsClasses.default.buttonWidth, css(WizardActions_styles.styles.buttonWidth)),
+            disabled: loading || !canSubmit,
+            onClick: handleSubmitInternal,
+            children: `${labels.submit ?? "Submit"}`
+          }) : /* @__PURE__ */ jsxRuntime.jsx(uikitReactCore.HvButton, {
+            variant: "secondaryGhost",
+            className: clsx_m.clsx(classes == null ? void 0 : classes.buttonWidth, wizardActionsClasses.default.buttonWidth, css(WizardActions_styles.styles.buttonWidth), classes == null ? void 0 : classes.buttonSpacing, wizardActionsClasses.default.buttonSpacing, css(WizardActions_styles.styles.buttonSpacing)),
+            onClick: () => setTab((t) => t + 1),
+            disabled: !skippable && !((_a = context == null ? void 0 : context[tab]) == null ? void 0 : _a.valid),
+            endIcon: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Forwards, {}),
+            children: `${labels.next ?? "Next"}`
+          })]
+        })]
+      });
+    }
+  });
+};
+exports.HvWizardActions = HvWizardActions;
+//# sourceMappingURL=WizardActions.cjs.map

package/dist/cjs/packages/lab/src/components/Wizard/WizardActions/WizardActions.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"WizardActions.cjs","sources":["../../../../../../../../src/components/Wizard/WizardActions/WizardActions.tsx"],"sourcesContent":["import { useCallback, useContext, useEffect, useState } from \"react\";\nimport { ClassNames } from \"@emotion/react\";\nimport { clsx } from \"clsx\";\nimport {\n  HvBaseProps,\n  HvButton,\n  HvDialogActions,\n  HvGrid,\n} from \"@hitachivantara/uikit-react-core\";\nimport { Backwards, Forwards } from \"@hitachivantara/uikit-react-icons\";\nimport wizardActionsClasses, {\n  HvWizardActionsClasses,\n} from \"./wizardActionsClasses\";\nimport { styles } from \"./WizardActions.styles\";\nimport { HvWizardContext } from \"../WizardContext/WizardContext\";\n\nexport interface HvWizardActionsProps extends HvBaseProps {\n  /** Function to handle the cancel button. */\n  handleClose: (\n    event: React.SyntheticEvent,\n    reason?: \"escapeKeyDown\" | \"backdropClick\"\n  ) => void;\n  /** Function to handle the submit button. Also sends the current context state. */\n  handleSubmit: (context: any) => void;\n  /** An object containing all the labels for the wizard actions component. */\n  labels?: {\n    /** Cancel button label. */\n    cancel?: string;\n    /** Skip button label. */\n    skip?: string;\n    /** Previous button label. */\n    previous?: string;\n    /** Next button label. */\n    next?: string;\n    /** Submit button label. */\n    submit?: string;\n  };\n  /** Whether the submit button is disabled. */\n  loading?: boolean;\n  /** Enables the skip button. */\n  skippable?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the empty state Wizard. */\n  classes?: HvWizardActionsClasses;\n}\n\nexport const HvWizardActions = ({\n  classes,\n  handleClose,\n  handleSubmit,\n  loading = false,\n  skippable = false,\n  labels = {\n    cancel: \"Cancel\",\n    next: \"Next\",\n    previous: \"Previous\",\n    skip: \"Skip\",\n    submit: \"Submit\",\n  },\n}: HvWizardActionsProps) => {\n  const { context, updateContext, tab, setTab } = useContext(HvWizardContext);\n  const [pages, setPages] = useState(0);\n  const [canSubmit, setCanSubmit] = useState(false);\n\n  useEffect(() => {\n    const contextEntries = Object.entries(context);\n    if (contextEntries.length) {\n      setPages(contextEntries.length);\n\n      const validWizard = Object.entries(context).every(\n        ([, value]) => value?.valid\n      );\n      if (validWizard !== canSubmit) {\n        setCanSubmit(validWizard);\n      }\n    }\n  }, [context]);\n\n  const lastPage = pages - 1;\n  const isLastPage = tab >= lastPage;\n\n  const handleSkip = useCallback(() => {\n    const skippedContext = Object.entries(context).map(([, child]) => ({\n      ...child,\n      valid: child?.valid !== false,\n    }));\n\n    updateContext(skippedContext);\n    setTab(lastPage);\n  }, [setTab, context, lastPage, updateContext]);\n\n  const handleSubmitInternal = useCallback(\n    () => handleSubmit(context),\n    [handleSubmit, context]\n  );\n\n  const onCloseHander = useCallback((event) => {\n    const clearContext = Object.entries(context).map(([, child]) => ({\n      ...child,\n      touched: false,\n    }));\n\n    updateContext(clearContext);\n    setTab(0);\n    handleClose?.(event);\n  }, []);\n\n  return (\n    <ClassNames>\n      {({ css }) => (\n        <HvDialogActions\n          className={clsx(\n            classes?.actionsContainer,\n            wizardActionsClasses.actionsContainer,\n            css(styles.actionsContainer)\n          )}\n        >\n          <HvGrid>\n            <HvButton\n              variant=\"secondaryGhost\"\n              onClick={onCloseHander}\n              className={clsx(\n                classes?.buttonWidth,\n                wizardActionsClasses.buttonWidth,\n                css(styles.buttonWidth)\n              )}\n            >\n              {`${labels.cancel ?? \"Cancel\"}`}\n            </HvButton>\n            {skippable && (\n              <HvButton\n                variant=\"secondaryGhost\"\n                disabled={isLastPage}\n                className={clsx(\n                  classes?.buttonWidth,\n                  wizardActionsClasses.buttonWidth,\n                  css(styles.buttonWidth)\n                )}\n                onClick={handleSkip}\n              >\n                {`${labels.skip ?? \"Skip\"}`}\n              </HvButton>\n            )}\n          </HvGrid>\n          <HvGrid\n            className={clsx(\n              classes?.buttonsContainer,\n              wizardActionsClasses.buttonsContainer,\n              css(styles.buttonsContainer)\n            )}\n          >\n            <HvButton\n              variant=\"secondaryGhost\"\n              className={clsx(\n                classes?.buttonWidth,\n                wizardActionsClasses.buttonWidth,\n                css(styles.buttonWidth)\n              )}\n              disabled={tab <= 0}\n              onClick={() => setTab((t) => t - 1)}\n              startIcon={<Backwards />}\n            >\n              {`${labels.previous ?? \"Previous\"}`}\n            </HvButton>\n            {isLastPage ? (\n              <HvButton\n                variant=\"primary\"\n                className={clsx(\n                  classes?.buttonWidth,\n                  wizardActionsClasses.buttonWidth,\n                  css(styles.buttonWidth)\n                )}\n                disabled={loading || !canSubmit}\n                onClick={handleSubmitInternal}\n              >\n                {`${labels.submit ?? \"Submit\"}`}\n              </HvButton>\n            ) : (\n              <HvButton\n                variant=\"secondaryGhost\"\n                className={clsx(\n                  classes?.buttonWidth,\n                  wizardActionsClasses.buttonWidth,\n                  css(styles.buttonWidth),\n                  classes?.buttonSpacing,\n                  wizardActionsClasses.buttonSpacing,\n                  css(styles.buttonSpacing)\n                )}\n                onClick={() => setTab((t) => t + 1)}\n                disabled={!skippable && !context?.[tab]?.valid}\n                endIcon={<Forwards />}\n              >\n                {`${labels.next ?? \"Next\"}`}\n              </HvButton>\n            )}\n          </HvGrid>\n        </HvDialogActions>\n      )}\n    </ClassNames>\n  );\n};\n"],"names":["HvWizardActions","classes","handleClose","handleSubmit","loading","skippable","labels","cancel","next","previous","skip","submit","context","updateContext","tab","setTab","useContext","HvWizardContext","pages","setPages","useState","canSubmit","setCanSubmit","useEffect","contextEntries","Object","entries","length","validWizard","every","value","valid","lastPage","isLastPage","handleSkip","useCallback","skippedContext","map","child","handleSubmitInternal","onCloseHander","event","clearContext","touched","ClassNames","children","css","HvDialogActions","className","clsx","actionsContainer","wizardActionsClasses","styles","_jsxs","HvGrid","_jsx","HvButton","variant","onClick","buttonWidth","disabled","buttonsContainer","t","startIcon","Backwards","buttonSpacing","endIcon","Forwards"],"mappings":"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"}

package/dist/cjs/packages/lab/src/components/Wizard/WizardActions/WizardActions.styles.cjs

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const uikitReactCore = require("@hitachivantara/uikit-react-core");
+const styles = {
+  buttonWidth: {
+    width: 120,
+    "& span": {
+      whiteSpace: "normal",
+      lineHeight: uikitReactCore.theme.lineHeights.sm
+    }
+  },
+  actionsContainer: {
+    display: "flex",
+    justifyContent: "space-between"
+  },
+  buttonsContainer: {
+    display: "flex",
+    alignItems: "center",
+    "& > button:last-child": {
+      marginLeft: 20
+    }
+  },
+  buttonSpacing: {
+    paddingLeft: 28
+  }
+};
+exports.styles = styles;
+//# sourceMappingURL=WizardActions.styles.cjs.map

package/dist/cjs/packages/lab/src/components/Wizard/WizardActions/WizardActions.styles.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"WizardActions.styles.cjs","sources":["../../../../../../../../src/components/Wizard/WizardActions/WizardActions.styles.tsx"],"sourcesContent":["import { CSSInterpolation } from \"@emotion/serialize\";\nimport { theme } from \"@hitachivantara/uikit-react-core\";\n\nexport const styles: { [key: string]: CSSInterpolation } = {\n  buttonWidth: {\n    width: 120,\n    \"& span\": {\n      whiteSpace: \"normal\",\n      lineHeight: theme.lineHeights.sm,\n    },\n  },\n  actionsContainer: {\n    display: \"flex\",\n    justifyContent: \"space-between\",\n  },\n  buttonsContainer: {\n    display: \"flex\",\n    alignItems: \"center\",\n    \"& > button:last-child\": {\n      marginLeft: 20,\n    },\n  },\n  buttonSpacing: {\n    paddingLeft: 28,\n  },\n};\n"],"names":["styles","buttonWidth","width","whiteSpace","lineHeight","theme","lineHeights","sm","actionsContainer","display","justifyContent","buttonsContainer","alignItems","marginLeft","buttonSpacing","paddingLeft"],"mappings":";;;AAGO,MAAMA,SAA8C;AAAA,EACzDC,aAAa;AAAA,IACXC,OAAO;AAAA,IACP,UAAU;AAAA,MACRC,YAAY;AAAA,MACZC,YAAYC,eAAAA,MAAMC,YAAYC;AAAAA,IAChC;AAAA,EACF;AAAA,EACAC,kBAAkB;AAAA,IAChBC,SAAS;AAAA,IACTC,gBAAgB;AAAA,EAClB;AAAA,EACAC,kBAAkB;AAAA,IAChBF,SAAS;AAAA,IACTG,YAAY;AAAA,IACZ,yBAAyB;AAAA,MACvBC,YAAY;AAAA,IACd;AAAA,EACF;AAAA,EACAC,eAAe;AAAA,IACbC,aAAa;AAAA,EACf;AACF;;"}

package/dist/cjs/packages/lab/src/components/Wizard/WizardActions/wizardActionsClasses.cjs

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const uikitReactCore = require("@hitachivantara/uikit-react-core");
+const classKeys = ["actionsContainer", "buttonsContainer", "buttonWidth", "buttonSpacing"];
+const wizardActionsClasses = uikitReactCore.getClasses(classKeys, "HvWizardActions");
+const wizardActionsClasses$1 = wizardActionsClasses;
+exports.default = wizardActionsClasses$1;
+//# sourceMappingURL=wizardActionsClasses.cjs.map

package/dist/cjs/packages/lab/src/components/Wizard/WizardActions/wizardActionsClasses.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"wizardActionsClasses.cjs","sources":["../../../../../../../../src/components/Wizard/WizardActions/wizardActionsClasses.ts"],"sourcesContent":["import { getClasses } from \"@hitachivantara/uikit-react-core\";\n\nexport type HvWizardActionsClasses = {\n  /** Styles applied to the component which contains the groups of buttons. */\n  actionsContainer?: string;\n  /** Styles applied to the component which contains the buttons. */\n  buttonsContainer?: string;\n  /** Styles applied to the Button component to override its width. */\n  buttonWidth?: string;\n  /** Styles applied to some Button components to override its left padding. */\n  buttonSpacing?: string;\n};\n\nconst classKeys: string[] = [\n  \"actionsContainer\",\n  \"buttonsContainer\",\n  \"buttonWidth\",\n  \"buttonSpacing\",\n];\n\nconst wizardActionsClasses = getClasses<HvWizardActionsClasses>(\n  classKeys,\n  \"HvWizardActions\"\n);\n\nexport default wizardActionsClasses;\n"],"names":["classKeys","wizardActionsClasses","getClasses"],"mappings":";;;AAaA,MAAMA,YAAsB,CAC1B,oBACA,oBACA,eACA,eAAe;AAGjB,MAAMC,uBAAuBC,eAC3BF,WAAAA,WACA,iBAAiB;AAGnB,MAAA,yBAAeC;;"}

package/dist/cjs/packages/lab/src/components/Wizard/WizardContainer/WizardContainer.cjs

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const react = require("@emotion/react");
+const uikitReactCore = require("@hitachivantara/uikit-react-core");
+const clsx_m = require("../../../../../../node_modules/clsx/dist/clsx.m.cjs");
+const wizardContainerClasses = require("./wizardContainerClasses.cjs");
+const WizardContainer_styles = require("./WizardContainer.styles.cjs");
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const HvWizardContainer = ({
+  classes,
+  className,
+  children,
+  handleClose,
+  open,
+  ...others
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(react.ClassNames, {
+    children: ({
+      css
+    }) => /* @__PURE__ */ jsxRuntime.jsx(uikitReactCore.HvDialog, {
+      classes: {
+        closeButton: clsx_m.clsx(classes == null ? void 0 : classes.closeButton, wizardContainerClasses.default.closeButton, css(WizardContainer_styles.styles.closeButton)),
+        paper: clsx_m.clsx(classes == null ? void 0 : classes.paper, wizardContainerClasses.default.paper, css(WizardContainer_styles.styles.paper))
+      },
+      className: clsx_m.clsx(className, classes == null ? void 0 : classes.root, wizardContainerClasses.default.root),
+      open,
+      onClose: handleClose,
+      ...others,
+      children
+    })
+  });
+};
+exports.HvWizardContainer = HvWizardContainer;
+//# sourceMappingURL=WizardContainer.cjs.map

package/dist/cjs/packages/lab/src/components/Wizard/WizardContainer/WizardContainer.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"WizardContainer.cjs","sources":["../../../../../../../../src/components/Wizard/WizardContainer/WizardContainer.tsx"],"sourcesContent":["import { ClassNames } from \"@emotion/react\";\nimport { HvBaseProps, HvDialog } from \"@hitachivantara/uikit-react-core\";\nimport { clsx } from \"clsx\";\nimport wizardContainerClasses, {\n  HvWizardContainerClasses,\n} from \"./wizardContainerClasses\";\nimport { styles } from \"./WizardContainer.styles\";\nimport React from \"react\";\n\nexport interface HvWizardContainerProps extends Omit<HvBaseProps, \"onClose\"> {\n  /** Current state of the Wizard. */\n  open: boolean;\n  /** Function executed on close. */\n  handleClose: (\n    event: React.SyntheticEvent,\n    reason?: \"escapeKeyDown\" | \"backdropClick\"\n  ) => void;\n  /** A Jss Object used to override or extend the styles applied to the empty state Wizard. */\n  classes?: HvWizardContainerClasses;\n}\n\nexport const HvWizardContainer = ({\n  classes,\n  className,\n  children,\n  handleClose,\n  open,\n  ...others\n}: HvWizardContainerProps) => {\n  return (\n    <ClassNames>\n      {({ css }) => (\n        <HvDialog\n          classes={{\n            closeButton: clsx(\n              classes?.closeButton,\n              wizardContainerClasses.closeButton,\n              css(styles.closeButton)\n            ),\n            paper: clsx(\n              classes?.paper,\n              wizardContainerClasses.paper,\n              css(styles.paper)\n            ),\n          }}\n          className={clsx(\n            className,\n            classes?.root,\n            wizardContainerClasses.root\n          )}\n          open={open}\n          onClose={handleClose}\n          {...others}\n        >\n          {children}\n        </HvDialog>\n      )}\n    </ClassNames>\n  );\n};\n"],"names":["HvWizardContainer","classes","className","children","handleClose","open","others","ClassNames","css","HvDialog","closeButton","clsx","wizardContainerClasses","styles","paper","root","onClose"],"mappings":";;;;;;;;AAqBO,MAAMA,oBAAoBA,CAAC;AAAA,EAChCC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACmB,MAAM;AAC5B,wCACGC,MAAAA,YAAU;AAAA,IAAAJ,UACRA,CAAC;AAAA,MAAEK;AAAAA,IAAAA,qCACDC,eAAAA,UAAQ;AAAA,MACPR,SAAS;AAAA,QACPS,aAAaC,OAAAA,KACXV,mCAASS,aACTE,uBAAAA,QAAuBF,aACvBF,IAAIK,8BAAOH,WAAW,CAAC;AAAA,QAEzBI,OAAOH,OAAAA,KACLV,mCAASa,OACTF,uBAAAA,QAAuBE,OACvBN,IAAIK,8BAAOC,KAAK,CAAC;AAAA,MAErB;AAAA,MACAZ,WAAWS,OACTT,KAAAA,WACAD,mCAASc,MACTH,+BAAuBG,IAAI;AAAA,MAE7BV;AAAAA,MACAW,SAASZ;AAAAA,MAAY,GACjBE;AAAAA,MAAMH;AAAAA,IAAAA,CAED;AAAA,EAAA,CAGF;AAEjB;;"}

package/dist/cjs/packages/lab/src/components/Wizard/WizardContainer/WizardContainer.styles.cjs

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const uikitReactCore = require("@hitachivantara/uikit-react-core");
+const styles = {
+  paper: {
+    width: "80%",
+    maxWidth: "80%",
+    maxHeight: `calc(100% - (2 * ${uikitReactCore.theme.dialog.margin}))`
+  },
+  closeButton: {
+    display: "none"
+  }
+};
+exports.styles = styles;
+//# sourceMappingURL=WizardContainer.styles.cjs.map

package/dist/cjs/packages/lab/src/components/Wizard/WizardContainer/WizardContainer.styles.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"WizardContainer.styles.cjs","sources":["../../../../../../../../src/components/Wizard/WizardContainer/WizardContainer.styles.tsx"],"sourcesContent":["import { CSSInterpolation } from \"@emotion/serialize\";\nimport { theme } from \"@hitachivantara/uikit-react-core\";\n\nexport const styles: { [key: string]: CSSInterpolation } = {\n  paper: {\n    width: \"80%\",\n    maxWidth: \"80%\",\n    maxHeight: `calc(100% - (2 * ${theme.dialog.margin}))`,\n  },\n  closeButton: {\n    display: \"none\",\n  },\n};\n"],"names":["styles","paper","width","maxWidth","maxHeight","theme","dialog","margin","closeButton","display"],"mappings":";;;AAGO,MAAMA,SAA8C;AAAA,EACzDC,OAAO;AAAA,IACLC,OAAO;AAAA,IACPC,UAAU;AAAA,IACVC,WAAY,oBAAmBC,eAAAA,MAAMC,OAAOC;AAAAA,EAC9C;AAAA,EACAC,aAAa;AAAA,IACXC,SAAS;AAAA,EACX;AACF;;"}

package/dist/cjs/packages/lab/src/components/Wizard/WizardContainer/wizardContainerClasses.cjs

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const uikitReactCore = require("@hitachivantara/uikit-react-core");
+const classKeys = ["root", "paper", "closeButton"];
+const wizardContainerClasses = uikitReactCore.getClasses(classKeys, "HvWizardContainer");
+const wizardContainerClasses$1 = wizardContainerClasses;
+exports.default = wizardContainerClasses$1;
+//# sourceMappingURL=wizardContainerClasses.cjs.map

package/dist/cjs/packages/lab/src/components/Wizard/WizardContainer/wizardContainerClasses.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"wizardContainerClasses.cjs","sources":["../../../../../../../../src/components/Wizard/WizardContainer/wizardContainerClasses.ts"],"sourcesContent":["import { getClasses } from \"@hitachivantara/uikit-react-core\";\n\nexport type HvWizardContainerClasses = {\n  /** Styles applied to the component root class. */\n  root?: string;\n  /** Style applied to the component (root). */\n  paper?: string;\n  /** Style applied to the close button. */\n  closeButton?: string;\n};\n\nconst classKeys: string[] = [\"root\", \"paper\", \"closeButton\"];\n\nconst wizardContainerClasses = getClasses<HvWizardContainerClasses>(\n  classKeys,\n  \"HvWizardContainer\"\n);\n\nexport default wizardContainerClasses;\n"],"names":["classKeys","wizardContainerClasses","getClasses"],"mappings":";;;AAWA,MAAMA,YAAsB,CAAC,QAAQ,SAAS,aAAa;AAE3D,MAAMC,yBAAyBC,eAC7BF,WAAAA,WACA,mBAAmB;AAGrB,MAAA,2BAAeC;;"}

package/dist/cjs/packages/lab/src/components/Wizard/WizardContent/LoadingContainer.cjs

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const clsx_m = require("../../../../../../node_modules/clsx/dist/clsx.m.cjs");
+const uikitReactCore = require("@hitachivantara/uikit-react-core");
+const LoadingContainer_styles = require("./LoadingContainer.styles.cjs");
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const LoadingContainer = ({
+  children,
+  hidden,
+  ...others
+}) => {
+  var _a, _b, _c;
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [/* @__PURE__ */ jsxRuntime.jsx("div", {
+      style: {
+        top: 0,
+        left: 0,
+        height: "100%",
+        width: "100%"
+      },
+      className: clsx_m.clsx((_a = LoadingContainer_styles.styles) == null ? void 0 : _a.overlay, !hidden && ((_b = LoadingContainer_styles.styles) == null ? void 0 : _b.blur)),
+      children: /* @__PURE__ */ jsxRuntime.jsx(uikitReactCore.HvLoading, {
+        classes: {
+          root: clsx_m.clsx((_c = LoadingContainer_styles.styles) == null ? void 0 : _c.loading)
+        },
+        hidden,
+        ...others
+      })
+    }), /* @__PURE__ */ jsxRuntime.jsx("div", {
+      style: {
+        display: "flow-root"
+      },
+      children
+    })]
+  });
+};
+exports.LoadingContainer = LoadingContainer;
+//# sourceMappingURL=LoadingContainer.cjs.map

package/dist/cjs/packages/lab/src/components/Wizard/WizardContent/LoadingContainer.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingContainer.cjs","sources":["../../../../../../../../src/components/Wizard/WizardContent/LoadingContainer.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { HvLoading } from \"@hitachivantara/uikit-react-core\";\nimport { styles } from \"./LoadingContainer.styles\";\n\nexport const LoadingContainer = ({ children, hidden, ...others }) => {\n  return (\n    <>\n      <div\n        style={{\n          top: 0,\n          left: 0,\n          height: \"100%\",\n          width: \"100%\",\n        }}\n        className={clsx(styles?.overlay, !hidden && styles?.blur)}\n      >\n        <HvLoading\n          classes={{ root: clsx(styles?.loading) }}\n          hidden={hidden}\n          {...others}\n        />\n      </div>\n      <div style={{ display: \"flow-root\" }}>{children}</div>\n    </>\n  );\n};\n"],"names":["LoadingContainer","children","hidden","others","_Fragment","_jsx","style","top","left","height","width","className","clsx","styles","overlay","blur","HvLoading","classes","root","loading","display"],"mappings":";;;;;;AAIO,MAAMA,mBAAmBA,CAAC;AAAA,EAAEC;AAAAA,EAAUC;AAAAA,EAAQ,GAAGC;AAAO,MAAM;;AACnE,yCACEC,WAAAA,UAAA;AAAA,IAAAH,WACEI,2BAAAA,IAAA,OAAA;AAAA,MACEC,OAAO;AAAA,QACLC,KAAK;AAAA,QACLC,MAAM;AAAA,QACNC,QAAQ;AAAA,QACRC,OAAO;AAAA,MACT;AAAA,MACAC,WAAWC,OAAKC,MAAAA,wCAAAA,mBAAQC,SAAS,CAACZ,YAAUW,wCAAAA,mBAAQE,KAAI;AAAA,MAAEd,yCAEzDe,0BAAS;AAAA,QACRC,SAAS;AAAA,UAAEC,MAAMN,OAAAA,MAAKC,6BAAAA,WAAAA,mBAAQM,OAAO;AAAA,QAAE;AAAA,QACvCjB;AAAAA,QAAe,GACXC;AAAAA,MAAAA,CAAM;AAAA,IAAA,CACV,GAEJE,2BAAAA,IAAA,OAAA;AAAA,MAAKC,OAAO;AAAA,QAAEc,SAAS;AAAA,MAAY;AAAA,MAAEnB;AAAAA,IAAAA,CAAiB,CAAA;AAAA,EAAA,CACrD;AAEP;;"}

package/dist/cjs/packages/lab/src/components/Wizard/WizardContent/LoadingContainer.styles.cjs

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const uikitReactCore = require("@hitachivantara/uikit-react-core");
+const material = require("@mui/material");
+const styles = {
+  loading: {
+    width: "100%",
+    height: "100%"
+  },
+  overlay: {
+    position: "absolute",
+    transition: "background-Color .2s ease",
+    zIndex: -1
+  },
+  blur: {
+    backgroundColor: material.alpha(uikitReactCore.hexToRgbA(uikitReactCore.theme.colors.atmo2), 0.8),
+    zIndex: uikitReactCore.theme.zIndices.modal
+  }
+};
+exports.styles = styles;
+//# sourceMappingURL=LoadingContainer.styles.cjs.map

package/dist/cjs/packages/lab/src/components/Wizard/WizardContent/LoadingContainer.styles.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingContainer.styles.cjs","sources":["../../../../../../../../src/components/Wizard/WizardContent/LoadingContainer.styles.tsx"],"sourcesContent":["import { CSSInterpolation } from \"@emotion/serialize\";\nimport { hexToRgbA, theme } from \"@hitachivantara/uikit-react-core\";\nimport { alpha } from \"@mui/material\";\n\nexport const styles: { [key: string]: CSSInterpolation } = {\n  loading: {\n    width: \"100%\",\n    height: \"100%\",\n  },\n  overlay: {\n    position: \"absolute\",\n    transition: \"background-Color .2s ease\",\n    zIndex: -1,\n  },\n  blur: {\n    backgroundColor: alpha(hexToRgbA(theme.colors.atmo2), 0.8),\n    zIndex: theme.zIndices.modal,\n  },\n};\n"],"names":["styles","loading","width","height","overlay","position","transition","zIndex","blur","backgroundColor","alpha","hexToRgbA","theme","colors","atmo2","zIndices","modal"],"mappings":";;;;AAIO,MAAMA,SAA8C;AAAA,EACzDC,SAAS;AAAA,IACPC,OAAO;AAAA,IACPC,QAAQ;AAAA,EACV;AAAA,EACAC,SAAS;AAAA,IACPC,UAAU;AAAA,IACVC,YAAY;AAAA,IACZC,QAAQ;AAAA,EACV;AAAA,EACAC,MAAM;AAAA,IACJC,iBAAiBC,SAAMC,MAAAA,yBAAUC,eAAAA,MAAMC,OAAOC,KAAK,GAAG,GAAG;AAAA,IACzDP,QAAQK,eAAAA,MAAMG,SAASC;AAAAA,EACzB;AACF;;"}

package/dist/cjs/packages/lab/src/components/Wizard/WizardContent/WizardContent.cjs

@@ -0,0 +1,141 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const react = require("@emotion/react");
+const uikitReactCore = require("@hitachivantara/uikit-react-core");
+const clsx_m = require("../../../../../../node_modules/clsx/dist/clsx.m.cjs");
+const wizardContentClasses = require("./wizardContentClasses.cjs");
+const usehooksTs = require("usehooks-ts");
+const WizardContent_styles = require("./WizardContent.styles.cjs");
+const React = require("react");
+const WizardContext = require("../WizardContext/WizardContext.cjs");
+const LoadingContainer = require("./LoadingContainer.cjs");
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const React__default = /* @__PURE__ */ _interopDefault(React);
+const DRAWER_PERCENTAGE = 0.3;
+const DRAWER_MIN_WIDTH = 280;
+const HvWizardContent = ({
+  classes,
+  fixedHeight = false,
+  loading = false,
+  children,
+  summaryContent
+}) => {
+  const {
+    context,
+    updateContext,
+    summary,
+    tab
+  } = React.useContext(WizardContext.HvWizardContext);
+  const arrayChildren = React__default.default.Children.toArray(children);
+  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);
+    return {
+      ...acc,
+      [index]: {
+        ...child.props,
+        form: {},
+        valid,
+        touched: index === 0
+      }
+    };
+  }, {});
+  const summaryRef = React.useRef();
+  const resizedRef = React.useRef({
+    height: 0,
+    width: 0
+  });
+  const [containerRef, sizes] = usehooksTs.useElementSize();
+  const [summaryHeight, setSummaryHeight] = React.useState(0);
+  const [summaryWidth, setSummaryWidth] = React.useState(0);
+  const [summaryLeft, setSummaryLeft] = React.useState(0);
+  const updateSummaryMeasures = React.useCallback((newSizes) => {
+    const modalWidth = newSizes.width;
+    const drawerWidth = modalWidth * DRAWER_PERCENTAGE;
+    setSummaryHeight(newSizes.height);
+    setSummaryWidth(Math.max(drawerWidth, DRAWER_MIN_WIDTH));
+    setSummaryLeft(modalWidth - Math.max(drawerWidth, DRAWER_MIN_WIDTH));
+    resizedRef.current = {
+      height: newSizes.height,
+      width: newSizes.width
+    };
+  }, []);
+  React.useEffect(() => {
+    var _a, _b, _c;
+    const pageHeight = (_c = (_b = (_a = summaryRef.current) == null ? void 0 : _a.getBoundingClientRect) == null ? void 0 : _b.call(_a)) == null ? void 0 : _c.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]);
+  React.useEffect(() => {
+    updateContext(initialContext);
+  }, []);
+  React.useEffect(() => {
+    var _a;
+    if (tab && !((_a = context[tab]) == null ? void 0 : _a.touched)) {
+      const updatedContext = Object.entries(context).reduce((acc, [key, childState]) => ({
+        ...acc,
+        ...+key <= tab ? {
+          [key]: {
+            ...childState,
+            touched: true,
+            valid: (childState == null ? void 0 : childState.valid) ?? true
+          }
+        } : {
+          [key]: childState
+        }
+      }), {});
+      updateContext(updatedContext);
+    }
+  }, [tab]);
+  const translateX = summaryWidth ? summaryWidth + 10 : 450;
+  return /* @__PURE__ */ jsxRuntime.jsx(react.ClassNames, {
+    children: ({
+      css
+    }) => /* @__PURE__ */ jsxRuntime.jsxs("div", {
+      className: clsx_m.clsx(classes == null ? void 0 : classes.summaryRef, wizardContentClasses.default.summaryRef, css(WizardContent_styles.styles.summaryRef)),
+      ref: (el) => {
+        containerRef(el);
+        if (el) {
+          summaryRef.current = el;
+        }
+      },
+      children: [summary !== null && /* @__PURE__ */ jsxRuntime.jsx("div", {
+        className: clsx_m.clsx(classes == null ? void 0 : classes.summarySticky, wizardContentClasses.default.summarySticky, css(WizardContent_styles.styles.summarySticky)),
+        children: /* @__PURE__ */ jsxRuntime.jsx("div", {
+          className: clsx_m.clsx(classes == null ? void 0 : classes.summaryContainer, wizardContentClasses.default.summaryContainer, css(WizardContent_styles.styles.summaryContainer)),
+          style: {
+            left: summaryLeft,
+            width: summaryWidth,
+            height: summaryHeight,
+            transform: `translate(${summary ? 0 : translateX}px, 0)`
+          },
+          children: summaryContent
+        })
+      }), /* @__PURE__ */ jsxRuntime.jsx(uikitReactCore.HvDialogContent, {
+        className: clsx_m.clsx(classes == null ? void 0 : classes.contentContainer, wizardContentClasses.default.contentContainer, css(WizardContent_styles.styles.contentContainer), fixedHeight && clsx_m.clsx(classes == null ? void 0 : classes.fixedHeight, wizardContentClasses.default.fixedHeight, css(WizardContent_styles.styles.fixedHeight))),
+        indentContent: true,
+        children: /* @__PURE__ */ jsxRuntime.jsx(LoadingContainer.LoadingContainer, {
+          hidden: !loading,
+          children: React__default.default.Children.map(arrayChildren, (child, index) => {
+            if (index === tab) {
+              return React__default.default.cloneElement(child, {
+                tab
+              });
+            }
+            return null;
+          })
+        })
+      })]
+    })
+  });
+};
+exports.HvWizardContent = HvWizardContent;
+//# sourceMappingURL=WizardContent.cjs.map

package/dist/cjs/packages/lab/src/components/Wizard/WizardContent/WizardContent.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"WizardContent.cjs","sources":["../../../../../../../../src/components/Wizard/WizardContent/WizardContent.tsx"],"sourcesContent":["import { ClassNames } from \"@emotion/react\";\nimport { HvBaseProps, HvDialogContent } from \"@hitachivantara/uikit-react-core\";\nimport { clsx } from \"clsx\";\nimport wizardContentClasses, {\n  HvWizardContentClasses,\n} from \"./wizardContentClasses\";\nimport { useElementSize } from \"usehooks-ts\";\nimport { styles } from \"./WizardContent.styles\";\nimport React, {\n  useCallback,\n  useContext,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport {\n  HvWizardTabs,\n  HvWizardTab,\n  HvWizardContext,\n} from \"../WizardContext/WizardContext\";\nimport { LoadingContainer } from \"./LoadingContainer\";\n\nexport interface HvWizardContentProps extends HvBaseProps {\n  /** Forces minimum height to the component. */\n  fixedHeight?: boolean;\n  /** Whether the loading animation is shown. */\n  loading?: boolean;\n  /** The content of the summary. */\n  summaryContent?: React.ReactNode;\n  /** A Jss Object used to override or extend the styles applied to the empty state Wizard. */\n  classes?: HvWizardContentClasses;\n}\n\ntype ChildElement = React.ReactElement<HvWizardTabs<HvWizardTab>>;\n\nconst DRAWER_PERCENTAGE = 0.3;\nconst DRAWER_MIN_WIDTH = 280;\n\nexport const HvWizardContent = ({\n  classes,\n  fixedHeight = false,\n  loading = false,\n  children,\n  summaryContent,\n}: HvWizardContentProps) => {\n  const { context, updateContext, summary, tab } = useContext(HvWizardContext);\n\n  const arrayChildren = React.Children.toArray(children) as ChildElement[];\n\n  const initialContext = arrayChildren.reduce(\n    (acc, child: ChildElement, index) => {\n      const invalid =\n        \"mustValidate\" in child.props && child.props.mustValidate === true\n          ? false\n          : null;\n      const valid = invalid ?? (index === 0 || null);\n      return {\n        ...acc,\n        [index]: { ...child.props, form: {}, valid, touched: index === 0 },\n      };\n    },\n    {}\n  );\n\n  const summaryRef = useRef<HTMLElement>();\n  const resizedRef = useRef({ height: 0, width: 0 });\n  const [containerRef, sizes] = useElementSize();\n\n  const [summaryHeight, setSummaryHeight] = useState(0);\n  const [summaryWidth, setSummaryWidth] = useState(0);\n  const [summaryLeft, setSummaryLeft] = useState(0);\n\n  const updateSummaryMeasures = useCallback((newSizes) => {\n    const modalWidth = newSizes.width;\n    const drawerWidth = modalWidth * DRAWER_PERCENTAGE;\n    setSummaryHeight(newSizes.height);\n    setSummaryWidth(Math.max(drawerWidth, DRAWER_MIN_WIDTH));\n    setSummaryLeft(modalWidth - Math.max(drawerWidth, DRAWER_MIN_WIDTH));\n\n    resizedRef.current = {\n      height: newSizes.height,\n      width: newSizes.width,\n    };\n  }, []);\n\n  useEffect(() => {\n    const pageHeight = summaryRef.current?.getBoundingClientRect?.()?.height;\n    if (\n      (summary && sizes.height !== resizedRef.current.height) ||\n      sizes.width !== resizedRef.current.width\n    ) {\n      updateSummaryMeasures(sizes);\n    }\n\n    if (pageHeight && sizes.height !== pageHeight) {\n      updateSummaryMeasures({\n        width: sizes.width,\n        height: pageHeight,\n      });\n    }\n  }, [tab, sizes, summary, updateSummaryMeasures]);\n\n  useEffect(() => {\n    updateContext(initialContext);\n  }, []);\n\n  useEffect(() => {\n    if (tab && !context[tab]?.touched) {\n      const updatedContext = Object.entries(context).reduce(\n        (acc, [key, childState]) => ({\n          ...acc,\n          ...(+key <= tab\n            ? {\n                [key]: {\n                  ...childState,\n                  touched: true,\n                  valid: childState?.valid ?? true,\n                },\n              }\n            : { [key]: childState }),\n        }),\n        {}\n      );\n\n      updateContext(updatedContext);\n    }\n  }, [tab]);\n\n  const translateX = summaryWidth ? summaryWidth + 10 : 450;\n\n  return (\n    <ClassNames>\n      {({ css }) => (\n        <div\n          className={clsx(\n            classes?.summaryRef,\n            wizardContentClasses.summaryRef,\n            css(styles.summaryRef)\n          )}\n          ref={(el) => {\n            containerRef(el);\n            if (el) {\n              summaryRef.current = el;\n            }\n          }}\n        >\n          {summary !== null && (\n            <div\n              className={clsx(\n                classes?.summarySticky,\n                wizardContentClasses.summarySticky,\n                css(styles.summarySticky)\n              )}\n            >\n              <div\n                className={clsx(\n                  classes?.summaryContainer,\n                  wizardContentClasses.summaryContainer,\n                  css(styles.summaryContainer)\n                )}\n                style={{\n                  left: summaryLeft,\n                  width: summaryWidth,\n                  height: summaryHeight,\n                  transform: `translate(${summary ? 0 : translateX}px, 0)`,\n                }}\n              >\n                {summaryContent}\n              </div>\n            </div>\n          )}\n          <HvDialogContent\n            className={clsx(\n              classes?.contentContainer,\n              wizardContentClasses.contentContainer,\n              css(styles.contentContainer),\n              fixedHeight &&\n                clsx(\n                  classes?.fixedHeight,\n                  wizardContentClasses.fixedHeight,\n                  css(styles.fixedHeight)\n                )\n            )}\n            indentContent\n          >\n            <LoadingContainer hidden={!loading}>\n              {React.Children.map(arrayChildren, (child, index) => {\n                if (index === tab) {\n                  return React.cloneElement(child as React.ReactElement, {\n                    tab,\n                  });\n                }\n                return null;\n              })}\n            </LoadingContainer>\n          </HvDialogContent>\n        </div>\n      )}\n    </ClassNames>\n  );\n};\n"],"names":["DRAWER_PERCENTAGE","DRAWER_MIN_WIDTH","HvWizardContent","classes","fixedHeight","loading","children","summaryContent","context","updateContext","summary","tab","useContext","HvWizardContext","arrayChildren","React","Children","toArray","initialContext","reduce","acc","child","index","invalid","props","mustValidate","valid","form","touched","summaryRef","useRef","resizedRef","height","width","containerRef","sizes","useElementSize","summaryHeight","setSummaryHeight","useState","summaryWidth","setSummaryWidth","summaryLeft","setSummaryLeft","updateSummaryMeasures","useCallback","newSizes","modalWidth","drawerWidth","Math","max","current","useEffect","pageHeight","getBoundingClientRect","updatedContext","Object","entries","key","childState","translateX","ClassNames","css","className","clsx","wizardContentClasses","styles","ref","el","summarySticky","summaryContainer","style","left","transform","_jsx","HvDialogContent","contentContainer","indentContent","LoadingContainer","hidden","map","cloneElement"],"mappings":"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"}

package/dist/cjs/packages/lab/src/components/Wizard/WizardContent/WizardContent.styles.cjs

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const uikitReactCore = require("@hitachivantara/uikit-react-core");
+const styles = {
+  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: uikitReactCore.theme.colors.shadow,
+    backgroundColor: uikitReactCore.theme.colors.atmo1,
+    transition: "transform 0.3s",
+    transitionTimingFunction: "ease-in-out",
+    overflowY: "scroll"
+  }
+};
+exports.styles = styles;
+//# sourceMappingURL=WizardContent.styles.cjs.map

package/dist/cjs/packages/lab/src/components/Wizard/WizardContent/WizardContent.styles.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"WizardContent.styles.cjs","sources":["../../../../../../../../src/components/Wizard/WizardContent/WizardContent.styles.tsx"],"sourcesContent":["import { CSSInterpolation } from \"@emotion/serialize\";\nimport { theme } from \"@hitachivantara/uikit-react-core\";\n\nexport const styles: { [key: string]: CSSInterpolation } = {\n  contentContainer: {\n    position: \"relative\",\n    padding: 20,\n    marginLeft: 0,\n    minHeight: 400,\n    overflowX: \"hidden\",\n  },\n  fixedHeight: {\n    minHeight: \"calc(100vh - 387px)\",\n  },\n  summaryRef: {\n    flex: 1,\n    overflowY: \"auto\",\n    overflowX: \"hidden\",\n  },\n  summarySticky: {\n    position: \"sticky\",\n    top: 0,\n    zIndex: 1,\n  },\n  summaryContainer: {\n    position: \"absolute\",\n    top: 0,\n    minWidth: 280,\n    boxShadow: theme.colors.shadow,\n    backgroundColor: theme.colors.atmo1,\n    transition: \"transform 0.3s\",\n    transitionTimingFunction: \"ease-in-out\",\n    overflowY: \"scroll\",\n  },\n};\n"],"names":["styles","contentContainer","position","padding","marginLeft","minHeight","overflowX","fixedHeight","summaryRef","flex","overflowY","summarySticky","top","zIndex","summaryContainer","minWidth","boxShadow","theme","colors","shadow","backgroundColor","atmo1","transition","transitionTimingFunction"],"mappings":";;;AAGO,MAAMA,SAA8C;AAAA,EACzDC,kBAAkB;AAAA,IAChBC,UAAU;AAAA,IACVC,SAAS;AAAA,IACTC,YAAY;AAAA,IACZC,WAAW;AAAA,IACXC,WAAW;AAAA,EACb;AAAA,EACAC,aAAa;AAAA,IACXF,WAAW;AAAA,EACb;AAAA,EACAG,YAAY;AAAA,IACVC,MAAM;AAAA,IACNC,WAAW;AAAA,IACXJ,WAAW;AAAA,EACb;AAAA,EACAK,eAAe;AAAA,IACbT,UAAU;AAAA,IACVU,KAAK;AAAA,IACLC,QAAQ;AAAA,EACV;AAAA,EACAC,kBAAkB;AAAA,IAChBZ,UAAU;AAAA,IACVU,KAAK;AAAA,IACLG,UAAU;AAAA,IACVC,WAAWC,eAAAA,MAAMC,OAAOC;AAAAA,IACxBC,iBAAiBH,eAAAA,MAAMC,OAAOG;AAAAA,IAC9BC,YAAY;AAAA,IACZC,0BAA0B;AAAA,IAC1Bb,WAAW;AAAA,EACb;AACF;;"}