@hitachivantara/uikit-react-lab 5.18.10 → 5.19.1

package/dist/cjs/components/Wizard/Wizard.cjs

@@ -32,46 +32,81 @@ const HvWizard = ({
   classes: classesProp,
   ...others
 }) => {
-  const {
-    classes
-  } = Wizard_styles.useClasses(classesProp);
+  const { classes } = Wizard_styles.useClasses(classesProp);
   const [context, setContext] = React.useState({});
   const [summary, setSummary] = React.useState(false);
   const [tab, setTab] = React.useState(0);
-  const handleClose = React.useCallback((evt, reason) => {
-    if (reason !== "backdropClick") {
-      onClose?.(evt, reason);
-    }
-  }, [onClose]);
+  const handleClose = React.useCallback(
+    (evt, reason) => {
+      if (reason !== "backdropClick") {
+        onClose?.(evt, reason);
+      }
+    },
+    [onClose]
+  );
   React.useEffect(() => {
     return () => {
       if (!open) {
-        setContext((c) => Object.entries(c).reduce((acc, [key, child]) => ({
-          ...acc,
-          [+key]: {
-            ...child,
-            touched: false
-          }
-        }), {}));
+        setContext(
+          (c) => Object.entries(c).reduce(
+            (acc, [key, child]) => ({
+              ...acc,
+              [+key]: {
+                ...child,
+                touched: false
+              }
+            }),
+            {}
+          )
+        );
         setTab(0);
       }
     };
   }, [open]);
-  const value = React.useMemo(() => ({
-    context,
-    setContext,
-    summary,
-    setSummary,
-    tab,
-    setTab
-  }), [context, setContext, summary, setSummary, tab, setTab]);
-  return /* @__PURE__ */ jsxRuntime.jsx(WizardContext.default.Provider, { value, children: /* @__PURE__ */ jsxRuntime.jsxs(WizardContainer.HvWizardContainer, { className, classes: {
-    root: classes.root
-  }, 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 })
-  ] }) });
+  const value = React.useMemo(
+    () => ({ context, setContext, summary, setSummary, tab, setTab }),
+    [context, setContext, summary, setSummary, tab, setTab]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(WizardContext.default.Provider, { value, children: /* @__PURE__ */ jsxRuntime.jsxs(
+    WizardContainer.HvWizardContainer,
+    {
+      className,
+      classes: { root: classes.root },
+      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.wizardClasses = Wizard_styles.staticClasses;
 exports.HvWizard = HvWizard;

package/dist/cjs/components/Wizard/Wizard.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Wizard.cjs","sources":["../../../../src/components/Wizard/Wizard.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from \"react\";\n\nimport {\n  ExtractNames,\n  HvBaseProps,\n  HvDialogProps,\n} from \"@hitachivantara/uikit-react-core\";\n\nimport { ModalProps } from \"@mui/material\";\n\nimport { HvStepNavigationProps } from \"../StepNavigation\";\nimport { HvWizardContent } from \"./WizardContent\";\nimport { HvWizardContext, HvWizardTabs } from \"./WizardContext\";\nimport { HvWizardTitle, HvWizardTitleProps } from \"./WizardTitle\";\nimport { HvWizardActions, HvWizardActionsProps } from \"./WizardActions\";\nimport { HvWizardContainer } from \"./WizardContainer\";\n\nimport { staticClasses, useClasses } from \"./Wizard.styles\";\n\nexport { staticClasses as wizardClasses };\n\nexport type HvWizardClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvWizardProps\n  extends HvBaseProps,\n    Pick<HvDialogProps, \"maxWidth\" | \"fullWidth\"> {\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) => 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  classes: classesProp,\n  ...others\n}: HvWizardProps) => {\n  const { classes } = useClasses(classesProp);\n\n  const [context, setContext] = useState<HvWizardTabs>({});\n  const [summary, setSummary] = useState(false);\n  const [tab, setTab] = useState(0);\n\n  const handleClose = useCallback(\n    (evt, reason) => {\n      if (reason !== \"backdropClick\") {\n        onClose?.(evt, reason);\n      }\n    },\n    [onClose]\n  );\n\n  // on unmount\n  useEffect(() => {\n    return () => {\n      if (!open) {\n        setContext((c) =>\n          Object.entries(c).reduce(\n            (acc, [key, child]) => ({\n              ...acc,\n              [+key]: {\n                ...child,\n                touched: false,\n              },\n            }),\n            {} as HvWizardTabs\n          )\n        );\n        setTab(0);\n      }\n    };\n  }, [open]);\n\n  const value = useMemo(\n    () => ({ context, setContext, summary, setSummary, tab, setTab }),\n    [context, setContext, summary, setSummary, tab, setTab]\n  );\n\n  return (\n    <HvWizardContext.Provider value={value}>\n      <HvWizardContainer\n        className={className}\n        classes={{ root: classes.root }}\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    </HvWizardContext.Provider>\n  );\n};\n"],"names":["HvWizard","className","children","onClose","handleSubmit","title","open","skippable","loading","hasSummary","summaryContent","labels","cancel","next","previous","skip","submit","summary","fixedHeight","customStep","classes","classesProp","others","useClasses","context","setContext","useState","setSummary","tab","setTab","handleClose","useCallback","evt","reason","useEffect","c","Object","entries","reduce","acc","key","child","touched","value","useMemo","jsx","HvWizardContext","jsxs","HvWizardContainer","root","HvWizardTitle","HvWizardContent","HvWizardActions"],"mappings":";;;;;;;;;;AAoDO,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,EACAC,SAASC;AAAAA,EACT,GAAGC;AACU,MAAM;AACb,QAAA;AAAA,IAAEF;AAAAA,EAAAA,IAAYG,cAAAA,WAAWF,WAAW;AAE1C,QAAM,CAACG,SAASC,UAAU,IAAIC,MAAAA,SAAuB,CAAE,CAAA;AACvD,QAAM,CAACT,SAASU,UAAU,IAAID,eAAS,KAAK;AAC5C,QAAM,CAACE,KAAKC,MAAM,IAAIH,eAAS,CAAC;AAEhC,QAAMI,cAAcC,MAAAA,YAClB,CAACC,KAAKC,WAAW;AACf,QAAIA,WAAW,iBAAiB;AAC9B9B,gBAAU6B,KAAKC,MAAM;AAAA,IACvB;AAAA,EAAA,GAEF,CAAC9B,OAAO,CACV;AAGA+B,QAAAA,UAAU,MAAM;AACd,WAAO,MAAM;AACX,UAAI,CAAC5B,MAAM;AACG6B,mBAAAA,CAAAA,MACVC,OAAOC,QAAQF,CAAC,EAAEG,OAChB,CAACC,KAAK,CAACC,KAAKC,KAAK,OAAO;AAAA,UACtB,GAAGF;AAAAA,UACH,CAAC,CAACC,GAAG,GAAG;AAAA,YACN,GAAGC;AAAAA,YACHC,SAAS;AAAA,UACX;AAAA,QAAA,IAEF,CACF,CAAA,CACF;AACAb,eAAO,CAAC;AAAA,MACV;AAAA,IAAA;AAAA,EACF,GACC,CAACvB,IAAI,CAAC;AAEHqC,QAAAA,QAAQC,MAAAA,QACZ,OAAO;AAAA,IAAEpB;AAAAA,IAASC;AAAAA,IAAYR;AAAAA,IAASU;AAAAA,IAAYC;AAAAA,IAAKC;AAAAA,EAAAA,IACxD,CAACL,SAASC,YAAYR,SAASU,YAAYC,KAAKC,MAAM,CACxD;AAGE,SAAAgB,+BAACC,cAAAA,QAAgB,UAAhB,EAAyB,OACxB,UAACC,2BAAAA,KAAAC,gBAAA,mBAAA,EACC,WACA,SAAS;AAAA,IAAEC,MAAM7B,QAAQ6B;AAAAA,EACzB,GAAA,aACA,MACA,GAAI3B,QAEJ,UAAA;AAAA,IAAAuB,2BAAA,IAACK,YACC,eAAA,EAAA,OACA,YACA,QACA,YAAuB;AAAA,IAExBL,2BAAA,IAAAM,cAAA,iBAAA,EACC,SACA,aACA,gBAECjD,UACH;AAAA,mCACCkD,cACC,iBAAA,EAAA,SACA,WACA,QACA,aACA,cAA2B;AAAA,EAAA,EAE/B,CAAA,EACF,CAAA;AAEJ;;;"}
+{"version":3,"file":"Wizard.cjs","sources":["../../../../src/components/Wizard/Wizard.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from \"react\";\n\nimport {\n  ExtractNames,\n  HvBaseProps,\n  HvDialogProps,\n} from \"@hitachivantara/uikit-react-core\";\n\nimport { ModalProps } from \"@mui/material\";\n\nimport { HvStepNavigationProps } from \"../StepNavigation\";\nimport { HvWizardContent } from \"./WizardContent\";\nimport { HvWizardContext, HvWizardTabs } from \"./WizardContext\";\nimport { HvWizardTitle, HvWizardTitleProps } from \"./WizardTitle\";\nimport { HvWizardActions, HvWizardActionsProps } from \"./WizardActions\";\nimport { HvWizardContainer } from \"./WizardContainer\";\n\nimport { staticClasses, useClasses } from \"./Wizard.styles\";\n\nexport { staticClasses as wizardClasses };\n\nexport type HvWizardClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvWizardProps\n  extends HvBaseProps,\n    Pick<HvDialogProps, \"maxWidth\" | \"fullWidth\"> {\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) => 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  classes: classesProp,\n  ...others\n}: HvWizardProps) => {\n  const { classes } = useClasses(classesProp);\n\n  const [context, setContext] = useState<HvWizardTabs>({});\n  const [summary, setSummary] = useState(false);\n  const [tab, setTab] = useState(0);\n\n  const handleClose = useCallback(\n    (evt, reason) => {\n      if (reason !== \"backdropClick\") {\n        onClose?.(evt, reason);\n      }\n    },\n    [onClose]\n  );\n\n  // on unmount\n  useEffect(() => {\n    return () => {\n      if (!open) {\n        setContext((c) =>\n          Object.entries(c).reduce(\n            (acc, [key, child]) => ({\n              ...acc,\n              [+key]: {\n                ...child,\n                touched: false,\n              },\n            }),\n            {} as HvWizardTabs\n          )\n        );\n        setTab(0);\n      }\n    };\n  }, [open]);\n\n  const value = useMemo(\n    () => ({ context, setContext, summary, setSummary, tab, setTab }),\n    [context, setContext, summary, setSummary, tab, setTab]\n  );\n\n  return (\n    <HvWizardContext.Provider value={value}>\n      <HvWizardContainer\n        className={className}\n        classes={{ root: classes.root }}\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    </HvWizardContext.Provider>\n  );\n};\n"],"names":["useClasses","useState","useCallback","useEffect","useMemo","jsx","HvWizardContext","jsxs","HvWizardContainer","HvWizardTitle","HvWizardContent","HvWizardActions"],"mappings":";;;;;;;;;;AAoDO,MAAM,WAAW,CAAC;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,aAAa;AAAA,EACb;AAAA,EACA,SAAS;AAAA,IACP,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,UAAU;AAAA,IACV,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,cAAc;AAAA,EACd;AAAA,EACA,SAAS;AAAA,EACT,GAAG;AACL,MAAqB;AACnB,QAAM,EAAE,QAAA,IAAYA,cAAA,WAAW,WAAW;AAE1C,QAAM,CAAC,SAAS,UAAU,IAAIC,MAAA,SAAuB,CAAE,CAAA;AACvD,QAAM,CAAC,SAAS,UAAU,IAAIA,eAAS,KAAK;AAC5C,QAAM,CAAC,KAAK,MAAM,IAAIA,eAAS,CAAC;AAEhC,QAAM,cAAcC,MAAA;AAAA,IAClB,CAAC,KAAK,WAAW;AACf,UAAI,WAAW,iBAAiB;AAC9B,kBAAU,KAAK,MAAM;AAAA,MACvB;AAAA,IACF;AAAA,IACA,CAAC,OAAO;AAAA,EAAA;AAIVC,QAAAA,UAAU,MAAM;AACd,WAAO,MAAM;AACX,UAAI,CAAC,MAAM;AACT;AAAA,UAAW,CAAC,MACV,OAAO,QAAQ,CAAC,EAAE;AAAA,YAChB,CAAC,KAAK,CAAC,KAAK,KAAK,OAAO;AAAA,cACtB,GAAG;AAAA,cACH,CAAC,CAAC,GAAG,GAAG;AAAA,gBACN,GAAG;AAAA,gBACH,SAAS;AAAA,cACX;AAAA,YAAA;AAAA,YAEF,CAAC;AAAA,UACH;AAAA,QAAA;AAEF,eAAO,CAAC;AAAA,MACV;AAAA,IAAA;AAAA,EACF,GACC,CAAC,IAAI,CAAC;AAET,QAAM,QAAQC,MAAA;AAAA,IACZ,OAAO,EAAE,SAAS,YAAY,SAAS,YAAY,KAAK;IACxD,CAAC,SAAS,YAAY,SAAS,YAAY,KAAK,MAAM;AAAA,EAAA;AAGxD,SACGC,2BAAAA,IAAAC,cAAAA,QAAgB,UAAhB,EAAyB,OACxB,UAAAC,2BAAA;AAAA,IAACC,gBAAA;AAAA,IAAA;AAAA,MACC;AAAA,MACA,SAAS,EAAE,MAAM,QAAQ,KAAK;AAAA,MAC9B;AAAA,MACA;AAAA,MACC,GAAG;AAAA,MAEJ,UAAA;AAAA,QAAAH,2BAAA;AAAA,UAACI,YAAA;AAAA,UAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UAAA;AAAA,QACF;AAAA,QACAJ,2BAAA;AAAA,UAACK,cAAA;AAAA,UAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,YAEC;AAAA,UAAA;AAAA,QACH;AAAA,QACAL,2BAAA;AAAA,UAACM,cAAA;AAAA,UAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAEJ,EAAA,CAAA;AAEJ;;;"}

package/dist/cjs/components/Wizard/Wizard.styles.cjs

@@ -1,10 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const uikitReactCore = require("@hitachivantara/uikit-react-core");
-const {
-  staticClasses,
-  useClasses
-} = uikitReactCore.createClasses("HvWizard", {
+const { staticClasses, useClasses } = uikitReactCore.createClasses("HvWizard", {
   root: {}
 });
 exports.staticClasses = staticClasses;

package/dist/cjs/components/Wizard/Wizard.styles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Wizard.styles.cjs","sources":["../../../../src/components/Wizard/Wizard.styles.tsx"],"sourcesContent":["import { createClasses } from \"@hitachivantara/uikit-react-core\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvWizard\", {\n  root: {},\n});\n"],"names":["staticClasses","useClasses","createClasses","root"],"mappings":";;;AAEa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,eAAAA,cAAc,YAAY;AAAA,EACrEC,MAAM,CAAC;AACT,CAAC;;;"}
+{"version":3,"file":"Wizard.styles.cjs","sources":["../../../../src/components/Wizard/Wizard.styles.tsx"],"sourcesContent":["import { createClasses } from \"@hitachivantara/uikit-react-core\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvWizard\", {\n  root: {},\n});\n"],"names":["createClasses"],"mappings":";;;AAEO,MAAM,EAAE,eAAe,eAAeA,eAAAA,cAAc,YAAY;AAAA,EACrE,MAAM,CAAC;AACT,CAAC;;;"}

package/dist/cjs/components/Wizard/WizardActions/WizardActions.cjs

@@ -20,24 +20,17 @@ const HvWizardActions = ({
     submit: "Submit"
   }
 }) => {
-  const {
-    classes,
-    css,
-    cx
-  } = WizardActions_styles.useClasses(classesProp);
-  const {
-    context,
-    setContext,
-    tab,
-    setTab
-  } = React.useContext(WizardContext.default);
+  const { classes, css, cx } = WizardActions_styles.useClasses(classesProp);
+  const { context, setContext, tab, setTab } = React.useContext(WizardContext.default);
   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?.valid);
+      const validWizard = Object.entries(context).every(
+        ([, value]) => value?.valid
+      );
       if (validWizard !== canSubmit) {
         setCanSubmit(validWizard);
       }
@@ -46,25 +39,77 @@ const HvWizardActions = ({
   const lastPage = pages - 1;
   const isLastPage = tab >= lastPage;
   const handleSkip = React.useCallback(() => {
-    setContext((c) => Object.entries(c).reduce((acc, [key, child]) => ({
-      ...acc,
-      [+key]: {
-        ...child,
-        valid: child?.valid !== false
-      }
-    }), {}));
+    setContext(
+      (c) => Object.entries(c).reduce(
+        (acc, [key, child]) => ({
+          ...acc,
+          [+key]: {
+            ...child,
+            valid: child?.valid !== false
+          }
+        }),
+        {}
+      )
+    );
     setTab(lastPage);
   }, [setTab, lastPage, setContext]);
-  const handleSubmitInternal = React.useCallback(() => handleSubmit(context), [handleSubmit, context]);
+  const handleSubmitInternal = React.useCallback(
+    () => handleSubmit(context),
+    [handleSubmit, context]
+  );
   return /* @__PURE__ */ jsxRuntime.jsxs(uikitReactCore.HvDialogActions, { className: classes.actionsContainer, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(uikitReactCore.HvButton, { variant: "secondaryGhost", onClick: handleClose, className: classes.buttonWidth, children: `${labels.cancel ?? "Cancel"}` }),
-    skippable && /* @__PURE__ */ jsxRuntime.jsx(uikitReactCore.HvButton, { variant: "secondaryGhost", disabled: isLastPage, className: classes.buttonWidth, onClick: handleSkip, children: `${labels.skip ?? "Skip"}` }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { "aria-hidden": true, className: css({
-      flex: 1
-    }), children: " " }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      uikitReactCore.HvButton,
+      {
+        variant: "secondaryGhost",
+        onClick: handleClose,
+        className: classes.buttonWidth,
+        children: `${labels.cancel ?? "Cancel"}`
+      }
+    ),
+    skippable && /* @__PURE__ */ jsxRuntime.jsx(
+      uikitReactCore.HvButton,
+      {
+        variant: "secondaryGhost",
+        disabled: isLastPage,
+        className: classes.buttonWidth,
+        onClick: handleSkip,
+        children: `${labels.skip ?? "Skip"}`
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { "aria-hidden": true, className: css({ flex: 1 }), children: " " }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classes.buttonsContainer, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(uikitReactCore.HvButton, { variant: "secondaryGhost", className: classes.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: classes.buttonWidth, disabled: loading || !canSubmit, onClick: handleSubmitInternal, children: `${labels.submit ?? "Submit"}` }) : /* @__PURE__ */ jsxRuntime.jsx(uikitReactCore.HvButton, { variant: "secondaryGhost", className: cx(classes.buttonWidth, classes.buttonSpacing), onClick: () => setTab((t) => t + 1), disabled: !skippable && !context?.[tab]?.valid, endIcon: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Forwards, {}), children: `${labels.next ?? "Next"}` })
+      /* @__PURE__ */ jsxRuntime.jsx(
+        uikitReactCore.HvButton,
+        {
+          variant: "secondaryGhost",
+          className: classes.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: classes.buttonWidth,
+          disabled: loading || !canSubmit,
+          onClick: handleSubmitInternal,
+          children: `${labels.submit ?? "Submit"}`
+        }
+      ) : /* @__PURE__ */ jsxRuntime.jsx(
+        uikitReactCore.HvButton,
+        {
+          variant: "secondaryGhost",
+          className: cx(classes.buttonWidth, classes.buttonSpacing),
+          onClick: () => setTab((t) => t + 1),
+          disabled: !skippable && !context?.[tab]?.valid,
+          endIcon: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Forwards, {}),
+          children: `${labels.next ?? "Next"}`
+        }
+      )
     ] })
   ] });
 };

package/dist/cjs/components/Wizard/WizardActions/WizardActions.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"WizardActions.cjs","sources":["../../../../../src/components/Wizard/WizardActions/WizardActions.tsx"],"sourcesContent":["import { useCallback, useContext, useEffect, useState } from \"react\";\n\nimport {\n  ExtractNames,\n  HvBaseProps,\n  HvButton,\n  HvDialogActions,\n} from \"@hitachivantara/uikit-react-core\";\nimport { Backwards, Forwards } from \"@hitachivantara/uikit-react-icons\";\n\nimport { HvWizardContext, HvWizardTabs } from \"../WizardContext\";\nimport { staticClasses, useClasses } from \"./WizardActions.styles\";\n\nexport { staticClasses as wizardActionsClasses };\n\nexport type HvWizardActionsClasses = ExtractNames<typeof useClasses>;\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: classesProp,\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 { classes, css, cx } = useClasses(classesProp);\n\n  const { context, setContext, 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, canSubmit, setCanSubmit, setPages]);\n\n  const lastPage = pages - 1;\n  const isLastPage = tab >= lastPage;\n\n  const handleSkip = useCallback(() => {\n    setContext((c) =>\n      Object.entries(c).reduce(\n        (acc, [key, child]) => ({\n          ...acc,\n          [+key]: {\n            ...child,\n            valid: child?.valid !== false,\n          },\n        }),\n        {} as HvWizardTabs\n      )\n    );\n    setTab(lastPage);\n  }, [setTab, lastPage, setContext]);\n\n  const handleSubmitInternal = useCallback(\n    () => handleSubmit(context),\n    [handleSubmit, context]\n  );\n\n  return (\n    <HvDialogActions className={classes.actionsContainer}>\n      <HvButton\n        variant=\"secondaryGhost\"\n        onClick={handleClose}\n        className={classes.buttonWidth}\n      >\n        {`${labels.cancel ?? \"Cancel\"}`}\n      </HvButton>\n      {skippable && (\n        <HvButton\n          variant=\"secondaryGhost\"\n          disabled={isLastPage}\n          className={classes.buttonWidth}\n          onClick={handleSkip}\n        >\n          {`${labels.skip ?? \"Skip\"}`}\n        </HvButton>\n      )}\n      <div aria-hidden className={css({ flex: 1 })}>\n        &nbsp;\n      </div>\n      <div className={classes.buttonsContainer}>\n        <HvButton\n          variant=\"secondaryGhost\"\n          className={classes.buttonWidth}\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={classes.buttonWidth}\n            disabled={loading || !canSubmit}\n            onClick={handleSubmitInternal}\n          >\n            {`${labels.submit ?? \"Submit\"}`}\n          </HvButton>\n        ) : (\n          <HvButton\n            variant=\"secondaryGhost\"\n            className={cx(classes.buttonWidth, classes.buttonSpacing)}\n            onClick={() => setTab((t) => t + 1)}\n            disabled={!skippable && !context?.[tab]?.valid}\n            endIcon={<Forwards />}\n          >\n            {`${labels.next ?? \"Next\"}`}\n          </HvButton>\n        )}\n      </div>\n    </HvDialogActions>\n  );\n};\n"],"names":["HvWizardActions","classes","classesProp","handleClose","handleSubmit","loading","skippable","labels","cancel","next","previous","skip","submit","css","cx","useClasses","context","setContext","tab","setTab","useContext","HvWizardContext","pages","setPages","useState","canSubmit","setCanSubmit","useEffect","contextEntries","Object","entries","length","validWizard","every","value","valid","lastPage","isLastPage","handleSkip","useCallback","c","reduce","acc","key","child","handleSubmitInternal","jsxs","HvDialogActions","actionsContainer","jsx","HvButton","buttonWidth","flex","buttonsContainer","t","Backwards","buttonSpacing","Forwards"],"mappings":"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"}
+{"version":3,"file":"WizardActions.cjs","sources":["../../../../../src/components/Wizard/WizardActions/WizardActions.tsx"],"sourcesContent":["import { useCallback, useContext, useEffect, useState } from \"react\";\n\nimport {\n  ExtractNames,\n  HvBaseProps,\n  HvButton,\n  HvDialogActions,\n} from \"@hitachivantara/uikit-react-core\";\nimport { Backwards, Forwards } from \"@hitachivantara/uikit-react-icons\";\n\nimport { HvWizardContext, HvWizardTabs } from \"../WizardContext\";\nimport { staticClasses, useClasses } from \"./WizardActions.styles\";\n\nexport { staticClasses as wizardActionsClasses };\n\nexport type HvWizardActionsClasses = ExtractNames<typeof useClasses>;\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: classesProp,\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 { classes, css, cx } = useClasses(classesProp);\n\n  const { context, setContext, 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, canSubmit, setCanSubmit, setPages]);\n\n  const lastPage = pages - 1;\n  const isLastPage = tab >= lastPage;\n\n  const handleSkip = useCallback(() => {\n    setContext((c) =>\n      Object.entries(c).reduce(\n        (acc, [key, child]) => ({\n          ...acc,\n          [+key]: {\n            ...child,\n            valid: child?.valid !== false,\n          },\n        }),\n        {} as HvWizardTabs\n      )\n    );\n    setTab(lastPage);\n  }, [setTab, lastPage, setContext]);\n\n  const handleSubmitInternal = useCallback(\n    () => handleSubmit(context),\n    [handleSubmit, context]\n  );\n\n  return (\n    <HvDialogActions className={classes.actionsContainer}>\n      <HvButton\n        variant=\"secondaryGhost\"\n        onClick={handleClose}\n        className={classes.buttonWidth}\n      >\n        {`${labels.cancel ?? \"Cancel\"}`}\n      </HvButton>\n      {skippable && (\n        <HvButton\n          variant=\"secondaryGhost\"\n          disabled={isLastPage}\n          className={classes.buttonWidth}\n          onClick={handleSkip}\n        >\n          {`${labels.skip ?? \"Skip\"}`}\n        </HvButton>\n      )}\n      <div aria-hidden className={css({ flex: 1 })}>\n        &nbsp;\n      </div>\n      <div className={classes.buttonsContainer}>\n        <HvButton\n          variant=\"secondaryGhost\"\n          className={classes.buttonWidth}\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={classes.buttonWidth}\n            disabled={loading || !canSubmit}\n            onClick={handleSubmitInternal}\n          >\n            {`${labels.submit ?? \"Submit\"}`}\n          </HvButton>\n        ) : (\n          <HvButton\n            variant=\"secondaryGhost\"\n            className={cx(classes.buttonWidth, classes.buttonSpacing)}\n            onClick={() => setTab((t) => t + 1)}\n            disabled={!skippable && !context?.[tab]?.valid}\n            endIcon={<Forwards />}\n          >\n            {`${labels.next ?? \"Next\"}`}\n          </HvButton>\n        )}\n      </div>\n    </HvDialogActions>\n  );\n};\n"],"names":["useClasses","useContext","HvWizardContext","useState","useEffect","useCallback","jsxs","HvDialogActions","jsx","HvButton","Backwards","Forwards"],"mappings":"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"}

package/dist/cjs/components/Wizard/WizardActions/WizardActions.styles.cjs

@@ -2,10 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const uikitStyles = require("@hitachivantara/uikit-styles");
 const uikitReactCore = require("@hitachivantara/uikit-react-core");
-const {
-  staticClasses,
-  useClasses
-} = uikitReactCore.createClasses("HvWizardActions", {
+const { staticClasses, useClasses } = uikitReactCore.createClasses("HvWizardActions", {
   actionsContainer: {},
   buttonWidth: {
     width: 120,

package/dist/cjs/components/Wizard/WizardActions/WizardActions.styles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"WizardActions.styles.cjs","sources":["../../../../../src/components/Wizard/WizardActions/WizardActions.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\nimport { createClasses } from \"@hitachivantara/uikit-react-core\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvWizardActions\", {\n  actionsContainer: {},\n  buttonWidth: {\n    width: 120,\n    \"& span\": {\n      whiteSpace: \"normal\",\n      lineHeight: theme.lineHeights.sm,\n    },\n  },\n  buttonsContainer: {\n    display: \"flex\",\n    alignItems: \"center\",\n    gap: theme.space.xs,\n  },\n  buttonSpacing: {},\n});\n"],"names":["staticClasses","useClasses","createClasses","actionsContainer","buttonWidth","width","whiteSpace","lineHeight","theme","lineHeights","sm","buttonsContainer","display","alignItems","gap","space","xs","buttonSpacing"],"mappings":";;;;AAGa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,eAAAA,cAAc,mBAAmB;AAAA,EAC5EC,kBAAkB,CAAC;AAAA,EACnBC,aAAa;AAAA,IACXC,OAAO;AAAA,IACP,UAAU;AAAA,MACRC,YAAY;AAAA,MACZC,YAAYC,YAAAA,MAAMC,YAAYC;AAAAA,IAChC;AAAA,EACF;AAAA,EACAC,kBAAkB;AAAA,IAChBC,SAAS;AAAA,IACTC,YAAY;AAAA,IACZC,KAAKN,YAAAA,MAAMO,MAAMC;AAAAA,EACnB;AAAA,EACAC,eAAe,CAAC;AAClB,CAAC;;;"}
+{"version":3,"file":"WizardActions.styles.cjs","sources":["../../../../../src/components/Wizard/WizardActions/WizardActions.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\nimport { createClasses } from \"@hitachivantara/uikit-react-core\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvWizardActions\", {\n  actionsContainer: {},\n  buttonWidth: {\n    width: 120,\n    \"& span\": {\n      whiteSpace: \"normal\",\n      lineHeight: theme.lineHeights.sm,\n    },\n  },\n  buttonsContainer: {\n    display: \"flex\",\n    alignItems: \"center\",\n    gap: theme.space.xs,\n  },\n  buttonSpacing: {},\n});\n"],"names":["createClasses","theme"],"mappings":";;;;AAGO,MAAM,EAAE,eAAe,eAAeA,eAAAA,cAAc,mBAAmB;AAAA,EAC5E,kBAAkB,CAAC;AAAA,EACnB,aAAa;AAAA,IACX,OAAO;AAAA,IACP,UAAU;AAAA,MACR,YAAY;AAAA,MACZ,YAAYC,YAAAA,MAAM,YAAY;AAAA,IAChC;AAAA,EACF;AAAA,EACA,kBAAkB;AAAA,IAChB,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,KAAKA,YAAAA,MAAM,MAAM;AAAA,EACnB;AAAA,EACA,eAAe,CAAC;AAClB,CAAC;;;"}

package/dist/cjs/components/Wizard/WizardContainer/WizardContainer.cjs

@@ -12,13 +12,22 @@ const HvWizardContainer = (props) => {
     open,
     ...others
   } = uikitReactCore.useDefaultProps("HvWizardContainer", props);
-  const {
-    classes
-  } = WizardContainer_styles.useClasses(classesProp);
-  return /* @__PURE__ */ jsxRuntime.jsx(uikitReactCore.HvDialog, { classes: {
-    closeButton: classes.closeButton,
-    paper: classes.paper
-  }, className: classes.root, open, onClose: handleClose, maxWidth: "lg", ...others, children });
+  const { classes } = WizardContainer_styles.useClasses(classesProp);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    uikitReactCore.HvDialog,
+    {
+      classes: {
+        closeButton: classes.closeButton,
+        paper: classes.paper
+      },
+      className: classes.root,
+      open,
+      onClose: handleClose,
+      maxWidth: "lg",
+      ...others,
+      children
+    }
+  );
 };
 exports.wizardContainerClasses = WizardContainer_styles.staticClasses;
 exports.HvWizardContainer = HvWizardContainer;

package/dist/cjs/components/Wizard/WizardContainer/WizardContainer.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"WizardContainer.cjs","sources":["../../../../../src/components/Wizard/WizardContainer/WizardContainer.tsx"],"sourcesContent":["import React from \"react\";\n\nimport {\n  ExtractNames,\n  HvBaseProps,\n  HvDialog,\n  HvDialogProps,\n  useDefaultProps,\n} from \"@hitachivantara/uikit-react-core\";\n\nimport { staticClasses, useClasses } from \"./WizardContainer.styles\";\n\nexport { staticClasses as wizardContainerClasses };\n\nexport type HvWizardContainerClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvWizardContainerProps\n  extends Omit<HvBaseProps, \"onClose\">,\n    Pick<HvDialogProps, \"maxWidth\" | \"fullWidth\"> {\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 = (props: HvWizardContainerProps) => {\n  const {\n    classes: classesProp,\n    className,\n    children,\n    handleClose,\n    open,\n    ...others\n  } = useDefaultProps(\"HvWizardContainer\", props);\n  const { classes } = useClasses(classesProp);\n\n  return (\n    <HvDialog\n      classes={{\n        closeButton: classes.closeButton,\n        paper: classes.paper,\n      }}\n      className={classes.root}\n      open={open}\n      onClose={handleClose}\n      maxWidth=\"lg\"\n      {...others}\n    >\n      {children}\n    </HvDialog>\n  );\n};\n"],"names":["HvWizardContainer","props","classes","classesProp","className","children","handleClose","open","others","useDefaultProps","useClasses","jsx","HvDialog","closeButton","paper","root"],"mappings":";;;;;AA8BaA,MAAAA,oBAAoBA,CAACC,UAAkC;AAC5D,QAAA;AAAA,IACJC,SAASC;AAAAA,IACTC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACA,GAAGC;AAAAA,EAAAA,IACDC,eAAgB,gBAAA,qBAAqBR,KAAK;AACxC,QAAA;AAAA,IAAEC;AAAAA,EAAAA,IAAYQ,uBAAAA,WAAWP,WAAW;AAGxC,SAAAQ,2BAAA,IAACC,2BACC,SAAS;AAAA,IACPC,aAAaX,QAAQW;AAAAA,IACrBC,OAAOZ,QAAQY;AAAAA,EACjB,GACA,WAAWZ,QAAQa,MACnB,MACA,SAAST,aACT,UAAS,MACLE,GAAAA,QAEHH,SACH,CAAA;AAEJ;;;"}
+{"version":3,"file":"WizardContainer.cjs","sources":["../../../../../src/components/Wizard/WizardContainer/WizardContainer.tsx"],"sourcesContent":["import React from \"react\";\n\nimport {\n  ExtractNames,\n  HvBaseProps,\n  HvDialog,\n  HvDialogProps,\n  useDefaultProps,\n} from \"@hitachivantara/uikit-react-core\";\n\nimport { staticClasses, useClasses } from \"./WizardContainer.styles\";\n\nexport { staticClasses as wizardContainerClasses };\n\nexport type HvWizardContainerClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvWizardContainerProps\n  extends Omit<HvBaseProps, \"onClose\">,\n    Pick<HvDialogProps, \"maxWidth\" | \"fullWidth\"> {\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 = (props: HvWizardContainerProps) => {\n  const {\n    classes: classesProp,\n    className,\n    children,\n    handleClose,\n    open,\n    ...others\n  } = useDefaultProps(\"HvWizardContainer\", props);\n  const { classes } = useClasses(classesProp);\n\n  return (\n    <HvDialog\n      classes={{\n        closeButton: classes.closeButton,\n        paper: classes.paper,\n      }}\n      className={classes.root}\n      open={open}\n      onClose={handleClose}\n      maxWidth=\"lg\"\n      {...others}\n    >\n      {children}\n    </HvDialog>\n  );\n};\n"],"names":["useDefaultProps","useClasses","jsx","HvDialog"],"mappings":";;;;;AA8Ba,MAAA,oBAAoB,CAAC,UAAkC;AAC5D,QAAA;AAAA,IACJ,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,IACDA,eAAgB,gBAAA,qBAAqB,KAAK;AAC9C,QAAM,EAAE,QAAA,IAAYC,uBAAA,WAAW,WAAW;AAGxC,SAAAC,2BAAA;AAAA,IAACC,eAAA;AAAA,IAAA;AAAA,MACC,SAAS;AAAA,QACP,aAAa,QAAQ;AAAA,QACrB,OAAO,QAAQ;AAAA,MACjB;AAAA,MACA,WAAW,QAAQ;AAAA,MACnB;AAAA,MACA,SAAS;AAAA,MACT,UAAS;AAAA,MACR,GAAG;AAAA,MAEH;AAAA,IAAA;AAAA,EAAA;AAGP;;;"}

package/dist/cjs/components/Wizard/WizardContainer/WizardContainer.styles.cjs

@@ -1,20 +1,20 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const uikitReactCore = require("@hitachivantara/uikit-react-core");
-const {
-  staticClasses,
-  useClasses
-} = uikitReactCore.createClasses("HvWizardContainer", {
-  root: {},
-  paper: {
-    width: "80%",
-    maxWidth: "80%",
-    maxHeight: "calc(100% - (2 * 80px))"
-  },
-  closeButton: {
-    display: "none"
+const { staticClasses, useClasses } = uikitReactCore.createClasses(
+  "HvWizardContainer",
+  {
+    root: {},
+    paper: {
+      width: "80%",
+      maxWidth: "80%",
+      maxHeight: "calc(100% - (2 * 80px))"
+    },
+    closeButton: {
+      display: "none"
+    }
   }
-});
+);
 exports.staticClasses = staticClasses;
 exports.useClasses = useClasses;
 //# sourceMappingURL=WizardContainer.styles.cjs.map

package/dist/cjs/components/Wizard/WizardContainer/WizardContainer.styles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"WizardContainer.styles.cjs","sources":["../../../../../src/components/Wizard/WizardContainer/WizardContainer.styles.tsx"],"sourcesContent":["import { createClasses } from \"@hitachivantara/uikit-react-core\";\n\nexport const { staticClasses, useClasses } = createClasses(\n  \"HvWizardContainer\",\n  {\n    root: {},\n    paper: {\n      width: \"80%\",\n      maxWidth: \"80%\",\n      maxHeight: \"calc(100% - (2 * 80px))\",\n    },\n    closeButton: {\n      display: \"none\",\n    },\n  }\n);\n"],"names":["staticClasses","useClasses","createClasses","root","paper","width","maxWidth","maxHeight","closeButton","display"],"mappings":";;;AAEa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,eAAAA,cAC3C,qBACA;AAAA,EACEC,MAAM,CAAC;AAAA,EACPC,OAAO;AAAA,IACLC,OAAO;AAAA,IACPC,UAAU;AAAA,IACVC,WAAW;AAAA,EACb;AAAA,EACAC,aAAa;AAAA,IACXC,SAAS;AAAA,EACX;AACF,CACF;;;"}
+{"version":3,"file":"WizardContainer.styles.cjs","sources":["../../../../../src/components/Wizard/WizardContainer/WizardContainer.styles.tsx"],"sourcesContent":["import { createClasses } from \"@hitachivantara/uikit-react-core\";\n\nexport const { staticClasses, useClasses } = createClasses(\n  \"HvWizardContainer\",\n  {\n    root: {},\n    paper: {\n      width: \"80%\",\n      maxWidth: \"80%\",\n      maxHeight: \"calc(100% - (2 * 80px))\",\n    },\n    closeButton: {\n      display: \"none\",\n    },\n  }\n);\n"],"names":["createClasses"],"mappings":";;;AAEa,MAAA,EAAE,eAAe,WAAA,IAAeA,eAAA;AAAA,EAC3C;AAAA,EACA;AAAA,IACE,MAAM,CAAC;AAAA,IACP,OAAO;AAAA,MACL,OAAO;AAAA,MACP,UAAU;AAAA,MACV,WAAW;AAAA,IACb;AAAA,IACA,aAAa;AAAA,MACX,SAAS;AAAA,IACX;AAAA,EACF;AACF;;;"}

package/dist/cjs/components/Wizard/WizardContent/LoadingContainer.cjs

@@ -9,24 +9,31 @@ const LoadingContainer = ({
   classes: classesProp,
   ...others
 }) => {
-  const {
-    classes,
-    cx
-  } = LoadingContainer_styles.useClasses(classesProp);
+  const { classes, cx } = LoadingContainer_styles.useClasses(classesProp);
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { style: {
-      top: 0,
-      left: 0,
-      height: "100%",
-      width: "100%"
-    }, className: cx(classes.overlay, {
-      [classes.blur]: !hidden
-    }), children: /* @__PURE__ */ jsxRuntime.jsx(uikitReactCore.HvLoading, { classes: {
-      root: classes.loading
-    }, hidden, ...others }) }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { style: {
-      display: "flow-root"
-    }, children })
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        style: {
+          top: 0,
+          left: 0,
+          height: "100%",
+          width: "100%"
+        },
+        className: cx(classes.overlay, { [classes.blur]: !hidden }),
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          uikitReactCore.HvLoading,
+          {
+            classes: {
+              root: classes.loading
+            },
+            hidden,
+            ...others
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "flow-root" }, children })
   ] });
 };
 exports.LoadingContainer = LoadingContainer;

package/dist/cjs/components/Wizard/WizardContent/LoadingContainer.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"LoadingContainer.cjs","sources":["../../../../../src/components/Wizard/WizardContent/LoadingContainer.tsx"],"sourcesContent":["import {\n  HvLoading,\n  HvLoadingProps,\n  ExtractNames,\n} from \"@hitachivantara/uikit-react-core\";\n\nimport { useClasses } from \"./LoadingContainer.styles\";\n\ntype HvWizardLoadingContainerClasses = ExtractNames<typeof useClasses>;\n\ninterface LoadingContainerProps extends Omit<HvLoadingProps, \"classes\"> {\n  classes?: HvWizardLoadingContainerClasses;\n}\n\nexport const LoadingContainer = ({\n  children,\n  hidden,\n  classes: classesProp,\n  ...others\n}: LoadingContainerProps) => {\n  const { classes, cx } = useClasses(classesProp);\n\n  return (\n    <>\n      <div\n        style={{\n          top: 0,\n          left: 0,\n          height: \"100%\",\n          width: \"100%\",\n        }}\n        className={cx(classes.overlay, { [classes.blur]: !hidden })}\n      >\n        <HvLoading\n          classes={{\n            root: classes.loading,\n          }}\n          hidden={hidden}\n          {...others}\n        />\n      </div>\n      <div style={{ display: \"flow-root\" }}>{children}</div>\n    </>\n  );\n};\n"],"names":["LoadingContainer","children","hidden","classes","classesProp","others","cx","useClasses","jsxs","Fragment","jsx","top","left","height","width","overlay","blur","HvLoading","root","loading","display"],"mappings":";;;;;AAcO,MAAMA,mBAAmBA,CAAC;AAAA,EAC/BC;AAAAA,EACAC;AAAAA,EACAC,SAASC;AAAAA,EACT,GAAGC;AACkB,MAAM;AACrB,QAAA;AAAA,IAAEF;AAAAA,IAASG;AAAAA,EAAAA,IAAOC,wBAAAA,WAAWH,WAAW;AAE9C,SAEII,2BAAA,KAAAC,qBAAA,EAAA,UAAA;AAAA,IAAAC,+BAAC,SACC,OAAO;AAAA,MACLC,KAAK;AAAA,MACLC,MAAM;AAAA,MACNC,QAAQ;AAAA,MACRC,OAAO;AAAA,IAET,GAAA,WAAWR,GAAGH,QAAQY,SAAS;AAAA,MAAE,CAACZ,QAAQa,IAAI,GAAG,CAACd;AAAAA,IAAQ,CAAA,GAE1D,UAACQ,2BAAAA,IAAAO,eAAA,WAAA,EACC,SAAS;AAAA,MACPC,MAAMf,QAAQgB;AAAAA,IAEhB,GAAA,QACId,GAAAA,OAAO,CAAA,GAEf;AAAA,IACAK,+BAAC,SAAI,OAAO;AAAA,MAAEU,SAAS;AAAA,OAAgBnB,SAAS,CAAA;AAAA,EAClD,EAAA,CAAA;AAEJ;;"}
+{"version":3,"file":"LoadingContainer.cjs","sources":["../../../../../src/components/Wizard/WizardContent/LoadingContainer.tsx"],"sourcesContent":["import {\n  HvLoading,\n  HvLoadingProps,\n  ExtractNames,\n} from \"@hitachivantara/uikit-react-core\";\n\nimport { useClasses } from \"./LoadingContainer.styles\";\n\ntype HvWizardLoadingContainerClasses = ExtractNames<typeof useClasses>;\n\ninterface LoadingContainerProps extends Omit<HvLoadingProps, \"classes\"> {\n  classes?: HvWizardLoadingContainerClasses;\n}\n\nexport const LoadingContainer = ({\n  children,\n  hidden,\n  classes: classesProp,\n  ...others\n}: LoadingContainerProps) => {\n  const { classes, cx } = useClasses(classesProp);\n\n  return (\n    <>\n      <div\n        style={{\n          top: 0,\n          left: 0,\n          height: \"100%\",\n          width: \"100%\",\n        }}\n        className={cx(classes.overlay, { [classes.blur]: !hidden })}\n      >\n        <HvLoading\n          classes={{\n            root: classes.loading,\n          }}\n          hidden={hidden}\n          {...others}\n        />\n      </div>\n      <div style={{ display: \"flow-root\" }}>{children}</div>\n    </>\n  );\n};\n"],"names":["useClasses","jsxs","Fragment","jsx","HvLoading"],"mappings":";;;;;AAcO,MAAM,mBAAmB,CAAC;AAAA,EAC/B;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT,GAAG;AACL,MAA6B;AAC3B,QAAM,EAAE,SAAS,GAAG,IAAIA,mCAAW,WAAW;AAE9C,SAEIC,2BAAA,KAAAC,qBAAA,EAAA,UAAA;AAAA,IAAAC,2BAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAO;AAAA,UACL,KAAK;AAAA,UACL,MAAM;AAAA,UACN,QAAQ;AAAA,UACR,OAAO;AAAA,QACT;AAAA,QACA,WAAW,GAAG,QAAQ,SAAS,EAAE,CAAC,QAAQ,IAAI,GAAG,CAAC,QAAQ;AAAA,QAE1D,UAAAA,2BAAA;AAAA,UAACC,eAAA;AAAA,UAAA;AAAA,YACC,SAAS;AAAA,cACP,MAAM,QAAQ;AAAA,YAChB;AAAA,YACA;AAAA,YACC,GAAG;AAAA,UAAA;AAAA,QACN;AAAA,MAAA;AAAA,IACF;AAAA,mCACC,OAAI,EAAA,OAAO,EAAE,SAAS,YAAA,GAAgB,UAAS;AAAA,EAClD,EAAA,CAAA;AAEJ;;"}

package/dist/cjs/components/Wizard/WizardContent/LoadingContainer.styles.cjs

@@ -1,25 +1,24 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const uikitReactCore = require("@hitachivantara/uikit-react-core");
-const material = require("@mui/material");
-const {
-  staticClasses,
-  useClasses
-} = uikitReactCore.createClasses("HvWizard-LoadingContainer", {
-  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
+const { staticClasses, useClasses } = uikitReactCore.createClasses(
+  "HvWizard-LoadingContainer",
+  {
+    loading: {
+      width: "100%",
+      height: "100%"
+    },
+    overlay: {
+      position: "absolute",
+      transition: "background-Color .2s ease",
+      zIndex: -1
+    },
+    blur: {
+      backgroundColor: uikitReactCore.theme.alpha("atmo2", 0.8),
+      zIndex: uikitReactCore.theme.zIndices.modal
+    }
   }
-});
+);
 exports.staticClasses = staticClasses;
 exports.useClasses = useClasses;
 //# sourceMappingURL=LoadingContainer.styles.cjs.map

package/dist/cjs/components/Wizard/WizardContent/LoadingContainer.styles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"LoadingContainer.styles.cjs","sources":["../../../../../src/components/Wizard/WizardContent/LoadingContainer.styles.tsx"],"sourcesContent":["import {\n  createClasses,\n  hexToRgbA,\n  theme,\n} from \"@hitachivantara/uikit-react-core\";\n\nimport { alpha } from \"@mui/material\";\n\nexport const { staticClasses, useClasses } = createClasses(\n  \"HvWizard-LoadingContainer\",\n  {\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);\n"],"names":["staticClasses","useClasses","createClasses","loading","width","height","overlay","position","transition","zIndex","blur","backgroundColor","alpha","hexToRgbA","theme","colors","atmo2","zIndices","modal"],"mappings":";;;;AAQa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,eAAAA,cAC3C,6BACA;AAAA,EACEC,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,CACF;;;"}
+{"version":3,"file":"LoadingContainer.styles.cjs","sources":["../../../../../src/components/Wizard/WizardContent/LoadingContainer.styles.tsx"],"sourcesContent":["import { createClasses, theme } from \"@hitachivantara/uikit-react-core\";\n\nexport const { staticClasses, useClasses } = createClasses(\n  \"HvWizard-LoadingContainer\",\n  {\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: theme.alpha(\"atmo2\", 0.8),\n      zIndex: theme.zIndices.modal,\n    },\n  }\n);\n"],"names":["createClasses","theme"],"mappings":";;;AAEa,MAAA,EAAE,eAAe,WAAA,IAAeA,eAAA;AAAA,EAC3C;AAAA,EACA;AAAA,IACE,SAAS;AAAA,MACP,OAAO;AAAA,MACP,QAAQ;AAAA,IACV;AAAA,IACA,SAAS;AAAA,MACP,UAAU;AAAA,MACV,YAAY;AAAA,MACZ,QAAQ;AAAA,IACV;AAAA,IACA,MAAM;AAAA,MACJ,iBAAiBC,eAAA,MAAM,MAAM,SAAS,GAAG;AAAA,MACzC,QAAQA,eAAAA,MAAM,SAAS;AAAA,IACzB;AAAA,EACF;AACF;;;"}