@hitachivantara/uikit-react-lab 5.2.3 → 5.3.1

package/dist/esm/components/StepNavigation/StepNavigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepNavigation.js","sources":["../../../../src/components/StepNavigation/StepNavigation.tsx"],"sourcesContent":["import { ClassNames } from \"@emotion/react\";\nimport styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport {\n  HvBaseProps,\n  HvBreakpoints,\n  useTheme,\n  useWidth,\n  HvBox,\n  HvTooltip,\n  HvTypography,\n} from \"@hitachivantara/uikit-react-core\";\nimport { HvDefaultNavigation, HvStepProps } from \"./DefaultNavigation\";\nimport { HvSimpleNavigation } from \"./SimpleNavigation\";\nimport { styles } from \"./StepNavigation.styles\";\nimport stepNavigationClasses, {\n  HvStepNavigationClasses,\n} from \"./stepNavigationClasses\";\nimport { SEPARATOR_WIDTH, TITLE_MARGIN, TITLE_WIDTH } from \"./utils\";\n\nexport interface HvStepNavigationProps extends HvBaseProps {\n  /** Type of step navigation. Values = {\"Simple\", \"Default\"} */\n  type?: \"Simple\" | \"Default\";\n  /** Steps to show on the component. */\n  steps: Array<\n    Pick<\n      HvStepProps,\n      \"state\" | \"title\" | \"onClick\" | \"className\" | \"disabled\"\n    > & {\n      /** Class names to override styles on the separator component after the step. */\n      separatorClassName?: string;\n      /** Class names to override styles on the title component above the step. */\n      titleClassName?: string;\n    }\n  >;\n  /** Sets one of the standard sizes of the steps. */\n  stepSize?: \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\n  /** Width of the component element on each breakpoint screen resolution. */\n  width?: { [breakpoint in HvBreakpoints]?: number };\n  /** Defines either show a title or only a tooltip on each step component. */\n  showTitles?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the empty state StepNavigation. */\n  classes?: HvStepNavigationClasses;\n}\n\n/**\n * Navigation page with steps.\n *\n * You need to define the <b>steps<b/> displayed on the component so that itself can be drawn on the UI.\n * On each step, you need to define a <b>state</b> - 'Pending', 'Failed', 'Completed', 'Current', 'Disabled' -\n * and a <b>title</b> to be shown as a tooltip or a text above of the step. You can also:\n * * Define a <b>className</b> on each step element;\n * * Define a <b>separatorClassName</b> to specify a className for the separator element. The default height\n * values of the separator element are 2px/3px on 'Simple'/'Default' layouts respectively;\n * * Define a <b>titleClassName</b> to specify a className for the title above each step element.\n *\n * For the root element, you can:\n * * Define a <b>className</b>;\n * * Choose a <b>type</b> of layout: 'Simple' or 'Default';\n * * Choose the <b>stepSize</b> of the step component: \"xs\", \"sm\", \"md\", \"lg\", \"xl\". The default size will be\n * correspondent to the current media breakpoint;\n * * Choose either you want to <b>showTitles</b> near to each step component or a tooltip on hover;\n * * Define a <b>width</b> of the component. If you don't define any value and the step component has no title\n * displayed above, the width of the separator element will be 100px.\n * If the step component has titles, each one will have 215px of width by default.\n */\nexport const HvStepNavigation = ({\n  className,\n  classes,\n  width,\n  steps,\n  stepSize,\n  showTitles,\n  type = \"Default\",\n  ...others\n}: HvStepNavigationProps) => {\n  const { activeTheme } = useTheme();\n\n  // current breakpoint 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  const breakpoint = useWidth();\n  // step configurations\n  const stepSizeKey =\n    stepSize ?? ([\"xs\", \"sm\"].includes(breakpoint) ? \"sm\" : \"md\");\n  const hasTitles = showTitles ?? ![\"xs\", \"sm\"].includes(breakpoint);\n\n  const styledLi = (containerSize) =>\n    styled(\"li\")({\n      width: containerSize,\n      height: containerSize,\n    });\n\n  const styledDiv = (containerSize) =>\n    styled(\"div\")({\n      width: containerSize,\n      height: containerSize,\n    });\n\n  const styledSeparatorElement = (\n    title,\n    separatorClassName,\n    separatorHeight,\n    separatorWidth,\n    backgroundColor\n  ) => {\n    const StyledLi = styled(\"li\")({\n      height: separatorHeight,\n      width:\n        separatorWidth -\n        2 *\n          parseInt(\n            (activeTheme?.stepNavigation.separatorMargin || \"0px\").replace(\n              \"px\",\n              \"\"\n            )\n          ),\n      backgroundColor,\n      margin: `0 ${theme.stepNavigation.separatorMargin}`,\n    });\n\n    return (\n      <ClassNames key={`separator-${title}`}>\n        {({ css, cx }) => (\n          <StyledLi\n            aria-hidden\n            className={cx(\n              stepNavigationClasses.separator,\n              css(styles.separator),\n              classes?.separator\n            )}\n          >\n            <div\n              aria-label={`separator-${title}`}\n              className={separatorClassName}\n            />\n          </StyledLi>\n        )}\n      </ClassNames>\n    );\n  };\n\n  const drawItems = ({\n    separatorValues: { minWidth, maxWidth, getColor, height },\n    stepValues: { minSize, maxSize, StepComponent },\n  }: any) => {\n    const items = steps.reduce(\n      (acc, { state, title, separatorClassName, ...props }, index): any => {\n        const containerSize = state === \"Current\" ? maxSize : minSize;\n        const StepContainer = styledLi(containerSize);\n        const Step = styledDiv(Math.max(containerSize, 30));\n        const stepProps = {\n          ...{\n            size: stepSizeKey,\n            state,\n            title,\n            number: index + 1,\n            ...props,\n          },\n        };\n        const stepElement = (\n          <ClassNames key={`step-${title}`}>\n            {({ css, cx }) => (\n              <StepContainer\n                className={cx(\n                  stepNavigationClasses.li,\n                  css(styles.li),\n                  classes?.li\n                )}\n              >\n                {hasTitles ? (\n                  <StepComponent\n                    key={`step-${title}`}\n                    aria-label={`step-${title}`}\n                    {...stepProps}\n                  />\n                ) : (\n                  <HvTooltip\n                    placement=\"bottom\"\n                    title={\n                      <HvTypography>{`${index + 1}. ${title}`}</HvTypography>\n                    }\n                  >\n                    <div aria-label={`step-container-${title}`}>\n                      <Step\n                        className={cx(\n                          stepNavigationClasses.li,\n                          css(styles.li),\n                          classes?.li\n                        )}\n                      >\n                        <StepComponent\n                          aria-label={`step-${title}`}\n                          {...stepProps}\n                        />\n                      </Step>\n                    </div>\n                  </HvTooltip>\n                )}\n              </StepContainer>\n            )}\n          </ClassNames>\n        );\n        if (index < steps.length - 1) {\n          const separatorElement = styledSeparatorElement(\n            title,\n            separatorClassName,\n            height,\n            [steps[index + 1].state, state].includes(\"Current\")\n              ? minWidth\n              : maxWidth,\n            getColor(\n              steps[index + 1].state === \"Disabled\" ? \"Disabled\" : state,\n              theme\n            )\n          );\n          return [...acc, stepElement, separatorElement];\n        }\n        return [...acc, stepElement];\n      },\n      []\n    );\n\n    return (\n      <ClassNames>\n        {({ css, cx }) => (\n          <ol\n            className={cx(\n              stepNavigationClasses.ol,\n              css(styles.ol),\n              classes?.ol\n            )}\n          >\n            {items}\n          </ol>\n        )}\n      </ClassNames>\n    );\n  };\n\n  const getDynamicValues = (stepsWidth) => {\n    const themeBreakpoints = activeTheme?.breakpoints.values || {};\n    const maxWidth =\n      width?.[breakpoint] ??\n      Math.max(\n        Number(hasTitles) * (TITLE_WIDTH + TITLE_MARGIN) * steps.length -\n          TITLE_MARGIN,\n        SEPARATOR_WIDTH * (steps.length - 1) + stepsWidth\n      );\n    const next = Object.keys(themeBreakpoints).find((_, index, self) =>\n      index - 1 >= 0 ? self[index - 1] === breakpoint : false\n    );\n\n    const navWidth =\n      (next && Math.min(maxWidth, themeBreakpoints[next] ?? maxWidth)) ||\n      themeBreakpoints[breakpoint];\n\n    const titleWidth =\n      Number(hasTitles) * Math.ceil((navWidth + TITLE_MARGIN) / steps.length);\n    const separatorWidth =\n      Number(!hasTitles) *\n      Math.ceil((navWidth - stepsWidth) / (steps.length - 1));\n    return { width: navWidth, titleWidth, separatorWidth };\n  };\n\n  const styledTitle = (\n    titleClassName,\n    variant,\n    title,\n    titleWidth,\n    titleDisabled\n  ) => {\n    const StyledTitle = styled(HvTypography)({\n      textAlign: \"center\",\n      width: titleWidth - TITLE_MARGIN,\n      marginRight: TITLE_MARGIN,\n    });\n\n    return (\n      <StyledTitle\n        variant={variant}\n        className={titleClassName}\n        disabled={titleDisabled}\n        key={`title-${title}`}\n      >\n        {title}\n      </StyledTitle>\n    );\n  };\n\n  const getTitles = (getTitleProps) =>\n    hasTitles ? (\n      <ClassNames>\n        {({ css, cx }) => (\n          <div\n            className={cx(\n              stepNavigationClasses.titles,\n              css(styles.titles),\n              classes?.titles\n            )}\n          >\n            {steps.map(({ title: rawTitle, state, titleClassName }, index) => {\n              const {\n                variant = \"label\",\n                title = rawTitle,\n                titleWidth = 0,\n                titleDisabled = false,\n              } = getTitleProps({\n                state,\n                rawTitle,\n                number: index + 1,\n              });\n              let Title = styledTitle(\n                titleClassName,\n                variant,\n                title,\n                titleWidth,\n                titleDisabled\n              );\n              return Title;\n            })}\n          </div>\n        )}\n      </ClassNames>\n    ) : null;\n\n  const StepNavigation = {\n    Default: HvDefaultNavigation,\n    Simple: HvSimpleNavigation,\n  }[type];\n\n  return (\n    <ClassNames>\n      {({ css, cx }) => (\n        <StepNavigation\n          {...{\n            numSteps: steps.length,\n            stepSize: stepSizeKey,\n            getTitles,\n            getDynamicValues,\n            className: cx(\n              stepNavigationClasses.root,\n              css(styles.root),\n              className,\n              classes?.root\n            ),\n            ...others,\n          }}\n        >\n          {({ stepsWidth, navWidth, ...itemsProps }) => (\n            <HvBox\n              as=\"nav\"\n              style={{\n                width: `${navWidth}px`,\n                margin: 0,\n              }}\n            >\n              {drawItems(itemsProps)}\n            </HvBox>\n          )}\n        </StepNavigation>\n      )}\n    </ClassNames>\n  );\n};\n"],"names":["HvStepNavigation","className","classes","width","steps","stepSize","showTitles","type","others","activeTheme","useTheme","breakpoint","useWidth","stepSizeKey","includes","hasTitles","styledLi","containerSize","_styled","process","env","NODE_ENV","target","label","height","styledDiv","styledSeparatorElement","title","separatorClassName","separatorHeight","separatorWidth","backgroundColor","StyledLi","parseInt","stepNavigation","separatorMargin","replace","margin","theme","ClassNames","children","css","cx","stepNavigationClasses","separator","styles","drawItems","separatorValues","minWidth","maxWidth","getColor","stepValues","minSize","maxSize","StepComponent","items","reduce","acc","state","props","index","StepContainer","Step","Math","max","stepProps","size","number","stepElement","li","_jsx","HvTooltip","placement","HvTypography","length","separatorElement","ol","getDynamicValues","stepsWidth","themeBreakpoints","breakpoints","values","Number","TITLE_WIDTH","TITLE_MARGIN","SEPARATOR_WIDTH","next","Object","keys","find","_","self","navWidth","min","titleWidth","ceil","styledTitle","titleClassName","variant","titleDisabled","StyledTitle","textAlign","marginRight","disabled","getTitles","getTitleProps","titles","map","rawTitle","Title","StepNavigation","Default","HvDefaultNavigation","Simple","HvSimpleNavigation","numSteps","root","itemsProps","HvBox","as","style"],"mappings":"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"}

package/dist/esm/components/StepNavigation/StepNavigation.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepNavigation.styles.js","sources":["../../../../src/components/StepNavigation/StepNavigation.styles.tsx"],"sourcesContent":["import { CSSInterpolation } from \"@emotion/serialize\";\nimport { HvStepNavigationClasses } from \"./stepNavigationClasses\";\n\nexport const styles: Partial<\n  Record<keyof HvStepNavigationClasses, CSSInterpolation>\n> = {\n  root: {\n    display: \"flex\",\n    flexDirection: \"column\",\n  },\n  titles: {\n    marginTop: 8,\n    display: \"flex\",\n  },\n  ol: {\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    flexWrap: \"wrap\",\n    padding: 0,\n    listStyle: \"none\",\n  },\n  li: {\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n  },\n  separator: {\n    userSelect: \"none\",\n    \"& > div\": {\n      display: \"flex\",\n    },\n  },\n};\n"],"names":["styles","root","display","flexDirection","titles","marginTop","ol","alignItems","justifyContent","flexWrap","padding","listStyle","li","separator","userSelect"],"mappings":"AAGO,MAAMA,SAET;AAAA,EACFC,MAAM;AAAA,IACJC,SAAS;AAAA,IACTC,eAAe;AAAA,EACjB;AAAA,EACAC,QAAQ;AAAA,IACNC,WAAW;AAAA,IACXH,SAAS;AAAA,EACX;AAAA,EACAI,IAAI;AAAA,IACFJ,SAAS;AAAA,IACTK,YAAY;AAAA,IACZC,gBAAgB;AAAA,IAChBC,UAAU;AAAA,IACVC,SAAS;AAAA,IACTC,WAAW;AAAA,EACb;AAAA,EACAC,IAAI;AAAA,IACFV,SAAS;AAAA,IACTK,YAAY;AAAA,IACZC,gBAAgB;AAAA,EAClB;AAAA,EACAK,WAAW;AAAA,IACTC,YAAY;AAAA,IACZ,WAAW;AAAA,MACTZ,SAAS;AAAA,IACX;AAAA,EACF;AACF;"}

package/dist/esm/components/StepNavigation/stepNavigationClasses.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stepNavigationClasses.js","sources":["../../../../src/components/StepNavigation/stepNavigationClasses.ts"],"sourcesContent":["import { getClasses } from \"@hitachivantara/uikit-react-core\";\n\nexport interface HvStepNavigationClasses {\n  /** Styles applied to the component root class. */\n  root?: string;\n  /** Styles applied to the title element. */\n  titles?: string;\n  /** Styles applied to the li element. */\n  li?: string;\n  /**  Styles applied to the ol element. */\n  ol?: string;\n  /** Styles applied to the separator element. */\n  separator?: string;\n}\n\nconst classKeys: (keyof HvStepNavigationClasses)[] = [\n  \"root\",\n  \"li\",\n  \"ol\",\n  \"separator\",\n  \"titles\",\n];\n\nconst stepNavigationClasses = getClasses(classKeys, \"HvStepNavigation\");\n\nexport default stepNavigationClasses;\n"],"names":["classKeys","stepNavigationClasses","getClasses"],"mappings":";AAeA,MAAMA,YAA+C,CACnD,QACA,MACA,MACA,aACA,QAAQ;AAGV,MAAMC,wBAAwBC,WAAWF,WAAW,kBAAkB;AAEtE,MAAA,0BAAeC;"}

package/dist/esm/components/StepNavigation/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../src/components/StepNavigation/utils.ts"],"sourcesContent":["const TITLE_MARGIN = 20;\nconst TITLE_WIDTH = 215;\nconst STEP_MARGIN = 20;\nconst SEPARATOR_WIDTH = 100;\n\nexport { STEP_MARGIN, TITLE_MARGIN, TITLE_WIDTH, SEPARATOR_WIDTH };\n"],"names":["TITLE_MARGIN","TITLE_WIDTH","SEPARATOR_WIDTH"],"mappings":"AAAA,MAAMA,eAAe;AACrB,MAAMC,cAAc;AAEpB,MAAMC,kBAAkB;"}

package/dist/esm/{packages/lab/src/components → components}/Wizard/Wizard.js

@@ -1,9 +1,9 @@
-import { useCallback } from "react";
+import { useState, useCallback, useEffect, useMemo } from "react";
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+import HvWizardContext from "./WizardContext/WizardContext.js";
 import { HvWizardContainer } from "./WizardContainer/WizardContainer.js";
 import { HvWizardTitle } from "./WizardTitle/WizardTitle.js";
 import { HvWizardContent } from "./WizardContent/WizardContent.js";
-import WizardProvider from "./WizardContext/WizardContext.js";
-import { jsx, jsxs } from "@emotion/react/jsx-runtime";
 import { HvWizardActions } from "./WizardActions/WizardActions.js";
 const HvWizard = ({
   className,
@@ -28,12 +28,38 @@ const HvWizard = ({
   customStep,
   ...others
 }) => {
+  const [context, setContext] = useState({});
+  const [summary, setSummary] = useState(false);
+  const [tab, setTab] = useState(0);
   const handleClose = useCallback((evt, reason) => {
     if (reason !== "backdropClick") {
       onClose == null ? void 0 : onClose(evt, reason);
     }
   }, [onClose]);
-  return /* @__PURE__ */ jsx(WizardProvider, {
+  useEffect(() => {
+    return () => {
+      if (!open) {
+        setContext((c) => Object.entries(c).reduce((acc, [key, child]) => ({
+          ...acc,
+          [+key]: {
+            ...child,
+            touched: false
+          }
+        }), {}));
+        setTab(0);
+      }
+    };
+  }, [open]);
+  const value = useMemo(() => ({
+    context,
+    setContext,
+    summary,
+    setSummary,
+    tab,
+    setTab
+  }), [context, setContext, summary, setSummary, tab, setTab]);
+  return /* @__PURE__ */ jsx(HvWizardContext.Provider, {
+    value,
     children: /* @__PURE__ */ jsxs(HvWizardContainer, {
       className,
       handleClose,

package/dist/esm/components/Wizard/Wizard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Wizard.js","sources":["../../../../src/components/Wizard/Wizard.tsx"],"sourcesContent":["import { HvBaseProps } from \"@hitachivantara/uikit-react-core\";\nimport { HvWizardClasses } from \"./wizardClasses\";\nimport { ModalProps } from \"@mui/material\";\nimport React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport {\n  HvWizardContainer,\n  HvWizardContent,\n  HvWizardContext,\n  HvWizardTitle,\n  HvWizardTitleProps,\n  HvWizardTabs,\n  HvWizardActions,\n  HvWizardActionsProps,\n} from \".\";\nimport { HvStepNavigationProps } from \"..\";\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) => 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 [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        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","others","context","setContext","useState","setSummary","tab","setTab","handleClose","useCallback","evt","reason","useEffect","c","Object","entries","reduce","acc","key","child","touched","value","useMemo","_jsx","HvWizardContext","Provider","HvWizardContainer","HvWizardTitle","HvWizardContent","HvWizardActions"],"mappings":";;;;;;;AA2CO,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,QAAM,CAACC,SAASC,UAAU,IAAIC,SAAuB,CAAE,CAAA;AACvD,QAAM,CAACN,SAASO,UAAU,IAAID,SAAS,KAAK;AAC5C,QAAM,CAACE,KAAKC,MAAM,IAAIH,SAAS,CAAC;AAEhC,QAAMI,cAAcC,YAClB,CAACC,KAAKC,WAAW;AACf,QAAIA,WAAW,iBAAiB;AAC9B3B,yCAAU0B,KAAKC;AAAAA,IACjB;AAAA,EAAA,GAEF,CAAC3B,OAAO,CAAC;AAIX4B,YAAU,MAAM;AACd,WAAO,MAAM;AACX,UAAI,CAACzB,MAAM;AACG0B,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,GACD;AAEHb,eAAO,CAAC;AAAA,MACV;AAAA,IAAA;AAAA,EACF,GACC,CAACpB,IAAI,CAAC;AAEHkC,QAAAA,QAAQC,QACZ,OAAO;AAAA,IAAEpB;AAAAA,IAASC;AAAAA,IAAYL;AAAAA,IAASO;AAAAA,IAAYC;AAAAA,IAAKC;AAAAA,EAAAA,IACxD,CAACL,SAASC,YAAYL,SAASO,YAAYC,KAAKC,MAAM,CAAC;AAIvDgB,SAAAA,oBAACC,gBAAgBC,UAAQ;AAAA,IAACJ;AAAAA,IAAatC,+BACpC2C,mBAAiB;AAAA,MAChB5C;AAAAA,MACA0B;AAAAA,MACArB;AAAAA,MAAW,GACPc;AAAAA,MAAMlB,UAAA,CAEVwC,oBAACI,eAAa;AAAA,QACZzC;AAAAA,QACAI;AAAAA,QACAE;AAAAA,QACAQ;AAAAA,MAAAA,CACA,GACFuB,oBAACK,iBAAe;AAAA,QACdvC;AAAAA,QACAU;AAAAA,QACAR;AAAAA,QAA+BR;AAAAA,MAAAA,CAGf,GAClBwC,oBAACM,iBAAe;AAAA,QACdxC;AAAAA,QACAD;AAAAA,QACAI;AAAAA,QACAgB;AAAAA,QACAvB;AAAAA,MAAAA,CACA,CAAA;AAAA,IAAA,CAAA;AAAA,EAAA,CAEqB;AAE/B;"}

package/dist/esm/{packages/lab/src/components → components}/Wizard/WizardActions/WizardActions.js

@@ -1,12 +1,11 @@
 import { useContext, useState, useEffect, useCallback } from "react";
 import { ClassNames } from "@emotion/react";
-import { clsx } from "../../../../../../node_modules/clsx/dist/clsx.m.js";
 import { HvDialogActions, HvGrid, HvButton } from "@hitachivantara/uikit-react-core";
 import { Backwards, Forwards } from "@hitachivantara/uikit-react-icons";
-import wizardActionsClasses from "./wizardActionsClasses.js";
 import { styles } from "./WizardActions.styles.js";
-import { HvWizardContext } from "../WizardContext/WizardContext.js";
 import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+import wizardActionsClasses from "./wizardActionsClasses.js";
+import HvWizardContext from "../WizardContext/WizardContext.js";
 const HvWizardActions = ({
   classes,
   handleClose,
@@ -23,7 +22,7 @@ const HvWizardActions = ({
 }) => {
   const {
     context,
-    updateContext,
+    setContext,
     tab,
     setTab
   } = useContext(HvWizardContext);
@@ -42,61 +41,55 @@ const HvWizardActions = ({
   const lastPage = pages - 1;
   const isLastPage = tab >= lastPage;
   const handleSkip = useCallback(() => {
-    const skippedContext = Object.entries(context).map(([, child]) => ({
-      ...child,
-      valid: (child == null ? void 0 : child.valid) !== false
-    }));
-    updateContext(skippedContext);
+    setContext((c) => Object.entries(c).reduce((acc, [key, child]) => ({
+      ...acc,
+      [+key]: {
+        ...child,
+        valid: (child == null ? void 0 : child.valid) !== false
+      }
+    }), {}));
     setTab(lastPage);
-  }, [setTab, context, lastPage, updateContext]);
+  }, [setTab, lastPage, setContext]);
   const handleSubmitInternal = useCallback(() => handleSubmit(context), [handleSubmit, context]);
-  const onCloseHander = useCallback((event) => {
-    const clearContext = Object.entries(context).map(([, child]) => ({
-      ...child,
-      touched: false
-    }));
-    updateContext(clearContext);
-    setTab(0);
-    handleClose == null ? void 0 : handleClose(event);
-  }, []);
   return /* @__PURE__ */ jsx(ClassNames, {
     children: ({
-      css
+      css,
+      cx
     }) => {
       var _a;
       return /* @__PURE__ */ jsxs(HvDialogActions, {
-        className: clsx(classes == null ? void 0 : classes.actionsContainer, wizardActionsClasses.actionsContainer, css(styles.actionsContainer)),
+        className: cx(wizardActionsClasses.actionsContainer, css(styles.actionsContainer), classes == null ? void 0 : classes.actionsContainer),
         children: [/* @__PURE__ */ jsxs(HvGrid, {
           children: [/* @__PURE__ */ jsx(HvButton, {
             variant: "secondaryGhost",
-            onClick: onCloseHander,
-            className: clsx(classes == null ? void 0 : classes.buttonWidth, wizardActionsClasses.buttonWidth, css(styles.buttonWidth)),
+            onClick: handleClose,
+            className: cx(wizardActionsClasses.buttonWidth, css(styles.buttonWidth), classes == null ? void 0 : classes.buttonWidth),
             children: `${labels.cancel ?? "Cancel"}`
           }), skippable && /* @__PURE__ */ jsx(HvButton, {
             variant: "secondaryGhost",
             disabled: isLastPage,
-            className: clsx(classes == null ? void 0 : classes.buttonWidth, wizardActionsClasses.buttonWidth, css(styles.buttonWidth)),
+            className: cx(wizardActionsClasses.buttonWidth, css(styles.buttonWidth), classes == null ? void 0 : classes.buttonWidth),
             onClick: handleSkip,
             children: `${labels.skip ?? "Skip"}`
           })]
         }), /* @__PURE__ */ jsxs(HvGrid, {
-          className: clsx(classes == null ? void 0 : classes.buttonsContainer, wizardActionsClasses.buttonsContainer, css(styles.buttonsContainer)),
+          className: cx(wizardActionsClasses.buttonsContainer, css(styles.buttonsContainer), classes == null ? void 0 : classes.buttonsContainer),
           children: [/* @__PURE__ */ jsx(HvButton, {
             variant: "secondaryGhost",
-            className: clsx(classes == null ? void 0 : classes.buttonWidth, wizardActionsClasses.buttonWidth, css(styles.buttonWidth)),
+            className: cx(wizardActionsClasses.buttonWidth, css(styles.buttonWidth), classes == null ? void 0 : classes.buttonWidth),
             disabled: tab <= 0,
             onClick: () => setTab((t) => t - 1),
             startIcon: /* @__PURE__ */ jsx(Backwards, {}),
             children: `${labels.previous ?? "Previous"}`
           }), isLastPage ? /* @__PURE__ */ jsx(HvButton, {
             variant: "primary",
-            className: clsx(classes == null ? void 0 : classes.buttonWidth, wizardActionsClasses.buttonWidth, css(styles.buttonWidth)),
+            className: cx(wizardActionsClasses.buttonWidth, css(styles.buttonWidth), classes == null ? void 0 : classes.buttonWidth),
             disabled: loading || !canSubmit,
             onClick: handleSubmitInternal,
             children: `${labels.submit ?? "Submit"}`
           }) : /* @__PURE__ */ jsx(HvButton, {
             variant: "secondaryGhost",
-            className: clsx(classes == null ? void 0 : classes.buttonWidth, wizardActionsClasses.buttonWidth, css(styles.buttonWidth), classes == null ? void 0 : classes.buttonSpacing, wizardActionsClasses.buttonSpacing, css(styles.buttonSpacing)),
+            className: cx(wizardActionsClasses.buttonWidth, wizardActionsClasses.buttonSpacing, css(styles.buttonWidth), css(styles.buttonSpacing), classes == null ? void 0 : classes.buttonWidth, classes == null ? void 0 : classes.buttonSpacing),
             onClick: () => setTab((t) => t + 1),
             disabled: !skippable && !((_a = context == null ? void 0 : context[tab]) == null ? void 0 : _a.valid),
             endIcon: /* @__PURE__ */ jsx(Forwards, {}),

package/dist/esm/components/Wizard/WizardActions/WizardActions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WizardActions.js","sources":["../../../../../src/components/Wizard/WizardActions/WizardActions.tsx"],"sourcesContent":["import { useCallback, useContext, useEffect, useState } from \"react\";\nimport { ClassNames } from \"@emotion/react\";\nimport {\n  HvBaseProps,\n  HvButton,\n  HvDialogActions,\n  HvGrid,\n} from \"@hitachivantara/uikit-react-core\";\nimport { Backwards, Forwards } from \"@hitachivantara/uikit-react-icons\";\nimport { styles } from \"./WizardActions.styles\";\nimport {\n  HvWizardContext,\n  HvWizardTabs,\n  wizardActionsClasses,\n  HvWizardActionsClasses,\n} from \"..\";\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, 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]);\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    <ClassNames>\n      {({ css, cx }) => (\n        <HvDialogActions\n          className={cx(\n            wizardActionsClasses.actionsContainer,\n            css(styles.actionsContainer),\n            classes?.actionsContainer\n          )}\n        >\n          <HvGrid>\n            <HvButton\n              variant=\"secondaryGhost\"\n              onClick={handleClose}\n              className={cx(\n                wizardActionsClasses.buttonWidth,\n                css(styles.buttonWidth),\n                classes?.buttonWidth\n              )}\n            >\n              {`${labels.cancel ?? \"Cancel\"}`}\n            </HvButton>\n            {skippable && (\n              <HvButton\n                variant=\"secondaryGhost\"\n                disabled={isLastPage}\n                className={cx(\n                  wizardActionsClasses.buttonWidth,\n                  css(styles.buttonWidth),\n                  classes?.buttonWidth\n                )}\n                onClick={handleSkip}\n              >\n                {`${labels.skip ?? \"Skip\"}`}\n              </HvButton>\n            )}\n          </HvGrid>\n          <HvGrid\n            className={cx(\n              wizardActionsClasses.buttonsContainer,\n              css(styles.buttonsContainer),\n              classes?.buttonsContainer\n            )}\n          >\n            <HvButton\n              variant=\"secondaryGhost\"\n              className={cx(\n                wizardActionsClasses.buttonWidth,\n                css(styles.buttonWidth),\n                classes?.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={cx(\n                  wizardActionsClasses.buttonWidth,\n                  css(styles.buttonWidth),\n                  classes?.buttonWidth\n                )}\n                disabled={loading || !canSubmit}\n                onClick={handleSubmitInternal}\n              >\n                {`${labels.submit ?? \"Submit\"}`}\n              </HvButton>\n            ) : (\n              <HvButton\n                variant=\"secondaryGhost\"\n                className={cx(\n                  wizardActionsClasses.buttonWidth,\n                  wizardActionsClasses.buttonSpacing,\n                  css(styles.buttonWidth),\n                  css(styles.buttonSpacing),\n                  classes?.buttonWidth,\n                  classes?.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","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","ClassNames","children","css","cx","HvDialogActions","className","wizardActionsClasses","actionsContainer","styles","_jsxs","HvGrid","_jsx","HvButton","variant","onClick","buttonWidth","disabled","buttonsContainer","t","startIcon","Backwards","buttonSpacing","endIcon","Forwards"],"mappings":"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"}

package/dist/esm/{packages/lab/src/components → components}/Wizard/WizardActions/WizardActions.styles.js

@@ -1,4 +1,4 @@
-import { theme } from "@hitachivantara/uikit-react-core";
+import { theme } from "@hitachivantara/uikit-styles";
 const styles = {
   buttonWidth: {
     width: 120,

package/dist/esm/components/Wizard/WizardActions/WizardActions.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WizardActions.styles.js","sources":["../../../../../src/components/Wizard/WizardActions/WizardActions.styles.tsx"],"sourcesContent":["import { CSSInterpolation } from \"@emotion/serialize\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { HvWizardActionsClasses } from \"./wizardActionsClasses\";\n\nexport const styles: Partial<\n  Record<keyof HvWizardActionsClasses, CSSInterpolation>\n> = {\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":";AAIO,MAAMA,SAET;AAAA,EACFC,aAAa;AAAA,IACXC,OAAO;AAAA,IACP,UAAU;AAAA,MACRC,YAAY;AAAA,MACZC,YAAYC,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/esm/components/Wizard/WizardActions/wizardActionsClasses.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wizardActionsClasses.js","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: (keyof HvWizardActionsClasses)[] = [\n  \"actionsContainer\",\n  \"buttonsContainer\",\n  \"buttonWidth\",\n  \"buttonSpacing\",\n];\n\nconst wizardActionsClasses = getClasses(classKeys, \"HvWizardActions\");\n\nexport default wizardActionsClasses;\n"],"names":["classKeys","wizardActionsClasses","getClasses"],"mappings":";AAaA,MAAMA,YAA8C,CAClD,oBACA,oBACA,eACA,eAAe;AAGjB,MAAMC,uBAAuBC,WAAWF,WAAW,iBAAiB;AAEpE,MAAA,yBAAeC;"}

package/dist/esm/{packages/lab/src/components → components}/Wizard/WizardContainer/WizardContainer.js

@@ -1,6 +1,5 @@
 import { ClassNames } from "@emotion/react";
 import { HvDialog } from "@hitachivantara/uikit-react-core";
-import { clsx } from "../../../../../../node_modules/clsx/dist/clsx.m.js";
 import wizardContainerClasses from "./wizardContainerClasses.js";
 import { styles } from "./WizardContainer.styles.js";
 import { jsx } from "@emotion/react/jsx-runtime";
@@ -14,13 +13,14 @@ const HvWizardContainer = ({
 }) => {
   return /* @__PURE__ */ jsx(ClassNames, {
     children: ({
-      css
+      css,
+      cx
     }) => /* @__PURE__ */ jsx(HvDialog, {
       classes: {
-        closeButton: clsx(classes == null ? void 0 : classes.closeButton, wizardContainerClasses.closeButton, css(styles.closeButton)),
-        paper: clsx(classes == null ? void 0 : classes.paper, wizardContainerClasses.paper, css(styles.paper))
+        closeButton: cx(wizardContainerClasses.closeButton, css(styles.closeButton), classes == null ? void 0 : classes.closeButton),
+        paper: cx(wizardContainerClasses.paper, css(styles.paper), classes == null ? void 0 : classes.paper)
       },
-      className: clsx(className, classes == null ? void 0 : classes.root, wizardContainerClasses.root),
+      className: cx(wizardContainerClasses.root, className, classes == null ? void 0 : classes.root),
       open,
       onClose: handleClose,
       ...others,

package/dist/esm/components/Wizard/WizardContainer/WizardContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WizardContainer.js","sources":["../../../../../src/components/Wizard/WizardContainer/WizardContainer.tsx"],"sourcesContent":["import { ClassNames } from \"@emotion/react\";\nimport { HvBaseProps, HvDialog } from \"@hitachivantara/uikit-react-core\";\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, cx }) => (\n        <HvDialog\n          classes={{\n            closeButton: cx(\n              wizardContainerClasses.closeButton,\n              css(styles.closeButton),\n              classes?.closeButton\n            ),\n            paper: cx(\n              wizardContainerClasses.paper,\n              css(styles.paper),\n              classes?.paper\n            ),\n          }}\n          className={cx(wizardContainerClasses.root, className, classes?.root)}\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","cx","HvDialog","closeButton","wizardContainerClasses","styles","paper","root","onClose"],"mappings":";;;;;AAoBO,MAAMA,oBAAoBA,CAAC;AAAA,EAChCC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACmB,MAAM;AAC5B,6BACGC,YAAU;AAAA,IAAAJ,UACRA,CAAC;AAAA,MAAEK;AAAAA,MAAKC;AAAAA,IAAAA,0BACNC,UAAQ;AAAA,MACPT,SAAS;AAAA,QACPU,aAAaF,GACXG,uBAAuBD,aACvBH,IAAIK,OAAOF,WAAW,GACtBV,mCAASU,WAAW;AAAA,QAEtBG,OAAOL,GACLG,uBAAuBE,OACvBN,IAAIK,OAAOC,KAAK,GAChBb,mCAASa,KAAK;AAAA,MAElB;AAAA,MACAZ,WAAWO,GAAGG,uBAAuBG,MAAMb,WAAWD,mCAASc,IAAI;AAAA,MACnEV;AAAAA,MACAW,SAASZ;AAAAA,MAAY,GACjBE;AAAAA,MAAMH;AAAAA,IAAAA,CAED;AAAA,EAAA,CAGF;AAEjB;"}

package/dist/esm/{packages/lab/src/components → components}/Wizard/WizardContainer/WizardContainer.styles.js

@@ -1,4 +1,4 @@
-import { theme } from "@hitachivantara/uikit-react-core";
+import { theme } from "@hitachivantara/uikit-styles";
 const styles = {
   paper: {
     width: "80%",

package/dist/esm/components/Wizard/WizardContainer/WizardContainer.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WizardContainer.styles.js","sources":["../../../../../src/components/Wizard/WizardContainer/WizardContainer.styles.tsx"],"sourcesContent":["import { CSSInterpolation } from \"@emotion/serialize\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { HvWizardContainerClasses } from \"./wizardContainerClasses\";\n\nexport const styles: Partial<\n  Record<keyof HvWizardContainerClasses, CSSInterpolation>\n> = {\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":";AAIO,MAAMA,SAET;AAAA,EACFC,OAAO;AAAA,IACLC,OAAO;AAAA,IACPC,UAAU;AAAA,IACVC,WAAY,oBAAmBC,MAAMC,OAAOC;AAAAA,EAC9C;AAAA,EACAC,aAAa;AAAA,IACXC,SAAS;AAAA,EACX;AACF;"}

package/dist/esm/components/Wizard/WizardContainer/wizardContainerClasses.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wizardContainerClasses.js","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: (keyof HvWizardContainerClasses)[] = [\n  \"root\",\n  \"paper\",\n  \"closeButton\",\n];\n\nconst wizardContainerClasses = getClasses(classKeys, \"HvWizardContainer\");\n\nexport default wizardContainerClasses;\n"],"names":["classKeys","wizardContainerClasses","getClasses"],"mappings":";AAWA,MAAMA,YAAgD,CACpD,QACA,SACA,aAAa;AAGf,MAAMC,yBAAyBC,WAAWF,WAAW,mBAAmB;AAExE,MAAA,2BAAeC;"}

package/dist/esm/components/Wizard/WizardContent/LoadingContainer.js

@@ -0,0 +1,44 @@
+import { HvLoading } from "@hitachivantara/uikit-react-core";
+import { styles } from "./LoadingContainer.styles.js";
+import wizardLoadingContainerClasses from "./loadingContainerClasses.js";
+import { ClassNames } from "@emotion/react";
+import { jsx, jsxs, Fragment } from "@emotion/react/jsx-runtime";
+const LoadingContainer = ({
+  children,
+  hidden,
+  classes,
+  ...others
+}) => {
+  return /* @__PURE__ */ jsx(ClassNames, {
+    children: ({
+      css,
+      cx
+    }) => /* @__PURE__ */ jsxs(Fragment, {
+      children: [/* @__PURE__ */ jsx("div", {
+        style: {
+          top: 0,
+          left: 0,
+          height: "100%",
+          width: "100%"
+        },
+        className: cx(wizardLoadingContainerClasses.overlay, !hidden && wizardLoadingContainerClasses.blur, css(styles.overlay), !hidden && css(styles.blur), classes == null ? void 0 : classes.overlay, !hidden && (classes == null ? void 0 : classes.blur)),
+        children: /* @__PURE__ */ jsx(HvLoading, {
+          classes: {
+            root: cx(wizardLoadingContainerClasses.loading, css(styles.loading), classes == null ? void 0 : classes.loading)
+          },
+          hidden,
+          ...others
+        })
+      }), /* @__PURE__ */ jsx("div", {
+        style: {
+          display: "flow-root"
+        },
+        children
+      })]
+    })
+  });
+};
+export {
+  LoadingContainer
+};
+//# sourceMappingURL=LoadingContainer.js.map

package/dist/esm/components/Wizard/WizardContent/LoadingContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingContainer.js","sources":["../../../../../src/components/Wizard/WizardContent/LoadingContainer.tsx"],"sourcesContent":["import { HvLoading, HvLoadingProps } from \"@hitachivantara/uikit-react-core\";\nimport { styles } from \"./LoadingContainer.styles\";\nimport wizardLoadingContainerClasses, {\n  HvWizardLoadingContainerClasses,\n} from \"./loadingContainerClasses\";\nimport { ClassNames } from \"@emotion/react\";\n\ninterface LoadingContainerProps extends Omit<HvLoadingProps, \"classes\"> {\n  classes?: HvWizardLoadingContainerClasses;\n}\n\nexport const LoadingContainer = ({\n  children,\n  hidden,\n  classes,\n  ...others\n}: LoadingContainerProps) => {\n  return (\n    <ClassNames>\n      {({ css, cx }) => (\n        <>\n          <div\n            style={{\n              top: 0,\n              left: 0,\n              height: \"100%\",\n              width: \"100%\",\n            }}\n            className={cx(\n              wizardLoadingContainerClasses.overlay,\n              !hidden && wizardLoadingContainerClasses.blur,\n              css(styles.overlay),\n              !hidden && css(styles.blur),\n              classes?.overlay,\n              !hidden && classes?.blur\n            )}\n          >\n            <HvLoading\n              classes={{\n                root: cx(\n                  wizardLoadingContainerClasses.loading,\n                  css(styles.loading),\n                  classes?.loading\n                ),\n              }}\n              hidden={hidden}\n              {...others}\n            />\n          </div>\n          <div style={{ display: \"flow-root\" }}>{children}</div>\n        </>\n      )}\n    </ClassNames>\n  );\n};\n"],"names":["LoadingContainer","children","hidden","classes","others","ClassNames","css","cx","_Fragment","_jsx","style","top","left","height","width","className","wizardLoadingContainerClasses","overlay","blur","styles","HvLoading","root","loading","display"],"mappings":";;;;;AAWO,MAAMA,mBAAmBA,CAAC;AAAA,EAC/BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACkB,MAAM;AAC3B,6BACGC,YAAU;AAAA,IAAAJ,UACRA,CAAC;AAAA,MAAEK;AAAAA,MAAKC;AAAAA,IAAAA,2BACPC,UAAA;AAAA,MAAAP,WACEQ,oBAAA,OAAA;AAAA,QACEC,OAAO;AAAA,UACLC,KAAK;AAAA,UACLC,MAAM;AAAA,UACNC,QAAQ;AAAA,UACRC,OAAO;AAAA,QACT;AAAA,QACAC,WAAWR,GACTS,8BAA8BC,SAC9B,CAACf,UAAUc,8BAA8BE,MACzCZ,IAAIa,OAAOF,OAAO,GAClB,CAACf,UAAUI,IAAIa,OAAOD,IAAI,GAC1Bf,mCAASc,SACT,CAACf,WAAUC,mCAASe,KAAI;AAAA,QACxBjB,8BAEDmB,WAAS;AAAA,UACRjB,SAAS;AAAA,YACPkB,MAAMd,GACJS,8BAA8BM,SAC9BhB,IAAIa,OAAOG,OAAO,GAClBnB,mCAASmB,OAAO;AAAA,UAEpB;AAAA,UACApB;AAAAA,UAAe,GACXE;AAAAA,QAAAA,CAAM;AAAA,MAAA,CACV,GAEJK,oBAAA,OAAA;AAAA,QAAKC,OAAO;AAAA,UAAEa,SAAS;AAAA,QAAY;AAAA,QAAEtB;AAAAA,MAAAA,CAAiB,CAAA;AAAA,IAAA,CAAA;AAAA,EAAA,CAG/C;AAEjB;"}

package/dist/esm/components/Wizard/WizardContent/LoadingContainer.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingContainer.styles.js","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\";\nimport { HvWizardLoadingContainerClasses } from \"./loadingContainerClasses\";\n\nexport const styles: Partial<\n  Record<keyof HvWizardLoadingContainerClasses, CSSInterpolation>\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"],"names":["styles","loading","width","height","overlay","position","transition","zIndex","blur","backgroundColor","alpha","hexToRgbA","theme","colors","atmo2","zIndices","modal"],"mappings":";;AAKO,MAAMA,SAET;AAAA,EACFC,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,MAAMC,UAAUC,MAAMC,OAAOC,KAAK,GAAG,GAAG;AAAA,IACzDP,QAAQK,MAAMG,SAASC;AAAAA,EACzB;AACF;"}

package/dist/esm/{packages/lab/src/components → components}/Wizard/WizardContent/WizardContent.js

@@ -1,13 +1,12 @@
 import { ClassNames } from "@emotion/react";
 import { HvDialogContent } from "@hitachivantara/uikit-react-core";
-import { clsx } from "../../../../../../node_modules/clsx/dist/clsx.m.js";
-import wizardContentClasses from "./wizardContentClasses.js";
 import { useElementSize } from "usehooks-ts";
-import { styles } from "./WizardContent.styles.js";
 import React, { useContext, useRef, useState, useCallback, useEffect } from "react";
-import { HvWizardContext } from "../WizardContext/WizardContext.js";
+import { styles } from "./WizardContent.styles.js";
 import { LoadingContainer } from "./LoadingContainer.js";
 import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+import wizardContentClasses from "./wizardContentClasses.js";
+import HvWizardContext from "../WizardContext/WizardContext.js";
 const DRAWER_PERCENTAGE = 0.3;
 const DRAWER_MIN_WIDTH = 280;
 const HvWizardContent = ({
@@ -19,7 +18,7 @@ const HvWizardContent = ({
 }) => {
   const {
     context,
-    updateContext,
+    setContext,
     summary,
     tab
   } = useContext(HvWizardContext);
@@ -71,7 +70,7 @@ const HvWizardContent = ({
     }
   }, [tab, sizes, summary, updateSummaryMeasures]);
   useEffect(() => {
-    updateContext(initialContext);
+    setContext(initialContext);
   }, []);
   useEffect(() => {
     var _a;
@@ -88,15 +87,16 @@ const HvWizardContent = ({
           [key]: childState
         }
       }), {});
-      updateContext(updatedContext);
+      setContext(updatedContext);
     }
   }, [tab]);
   const translateX = summaryWidth ? summaryWidth + 10 : 450;
   return /* @__PURE__ */ jsx(ClassNames, {
     children: ({
-      css
+      css,
+      cx
     }) => /* @__PURE__ */ jsxs("div", {
-      className: clsx(classes == null ? void 0 : classes.summaryRef, wizardContentClasses.summaryRef, css(styles.summaryRef)),
+      className: cx(wizardContentClasses.summaryRef, css(styles.summaryRef), classes == null ? void 0 : classes.summaryRef),
       ref: (el) => {
         containerRef(el);
         if (el) {
@@ -104,9 +104,9 @@ const HvWizardContent = ({
         }
       },
       children: [summary !== null && /* @__PURE__ */ jsx("div", {
-        className: clsx(classes == null ? void 0 : classes.summarySticky, wizardContentClasses.summarySticky, css(styles.summarySticky)),
+        className: cx(wizardContentClasses.summarySticky, css(styles.summarySticky), classes == null ? void 0 : classes.summarySticky),
         children: /* @__PURE__ */ jsx("div", {
-          className: clsx(classes == null ? void 0 : classes.summaryContainer, wizardContentClasses.summaryContainer, css(styles.summaryContainer)),
+          className: cx(wizardContentClasses.summaryContainer, css(styles.summaryContainer), classes == null ? void 0 : classes.summaryContainer),
           style: {
             left: summaryLeft,
             width: summaryWidth,
@@ -116,7 +116,7 @@ const HvWizardContent = ({
           children: summaryContent
         })
       }), /* @__PURE__ */ jsx(HvDialogContent, {
-        className: clsx(classes == null ? void 0 : classes.contentContainer, wizardContentClasses.contentContainer, css(styles.contentContainer), fixedHeight && clsx(classes == null ? void 0 : classes.fixedHeight, wizardContentClasses.fixedHeight, css(styles.fixedHeight))),
+        className: cx(wizardContentClasses.contentContainer, fixedHeight && wizardContentClasses.fixedHeight, css(styles.contentContainer), fixedHeight && css(styles.fixedHeight), classes == null ? void 0 : classes.contentContainer, fixedHeight && (classes == null ? void 0 : classes.fixedHeight)),
         indentContent: true,
         children: /* @__PURE__ */ jsx(LoadingContainer, {
           hidden: !loading,

package/dist/esm/components/Wizard/WizardContent/WizardContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WizardContent.js","sources":["../../../../../src/components/Wizard/WizardContent/WizardContent.tsx"],"sourcesContent":["import { ClassNames } from \"@emotion/react\";\nimport { HvBaseProps, HvDialogContent } from \"@hitachivantara/uikit-react-core\";\nimport { useElementSize } from \"usehooks-ts\";\nimport React, {\n  useCallback,\n  useContext,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport {\n  HvWizardContext,\n  HvWizardTabs,\n  wizardContentClasses,\n  HvWizardContentClasses,\n} from \"..\";\nimport { styles } from \"./WizardContent.styles\";\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>;\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, setContext, 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    setContext(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      setContext(updatedContext);\n    }\n  }, [tab]);\n\n  const translateX = summaryWidth ? summaryWidth + 10 : 450;\n\n  return (\n    <ClassNames>\n      {({ css, cx }) => (\n        <div\n          className={cx(\n            wizardContentClasses.summaryRef,\n            css(styles.summaryRef),\n            classes?.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={cx(\n                wizardContentClasses.summarySticky,\n                css(styles.summarySticky),\n                classes?.summarySticky\n              )}\n            >\n              <div\n                className={cx(\n                  wizardContentClasses.summaryContainer,\n                  css(styles.summaryContainer),\n                  classes?.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={cx(\n              wizardContentClasses.contentContainer,\n              fixedHeight && wizardContentClasses.fixedHeight,\n              css(styles.contentContainer),\n              fixedHeight && css(styles.fixedHeight),\n              classes?.contentContainer,\n              fixedHeight && classes?.fixedHeight\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","setContext","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","cx","className","wizardContentClasses","styles","ref","el","summarySticky","summaryContainer","style","left","transform","_jsx","HvDialogContent","contentContainer","indentContent","LoadingContainer","hidden","map","cloneElement"],"mappings":"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"}

package/dist/esm/{packages/lab/src/components → components}/Wizard/WizardContent/WizardContent.styles.js

@@ -1,4 +1,4 @@
-import { theme } from "@hitachivantara/uikit-react-core";
+import { theme } from "@hitachivantara/uikit-styles";
 const styles = {
   contentContainer: {
     position: "relative",

package/dist/esm/components/Wizard/WizardContent/WizardContent.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WizardContent.styles.js","sources":["../../../../../src/components/Wizard/WizardContent/WizardContent.styles.tsx"],"sourcesContent":["import { CSSInterpolation } from \"@emotion/serialize\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { HvWizardContentClasses } from \"./wizardContentClasses\";\n\nexport const styles: Partial<\n  Record<keyof HvWizardContentClasses, CSSInterpolation>\n> = {\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":";AAIO,MAAMA,SAET;AAAA,EACFC,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,MAAMC,OAAOC;AAAAA,IACxBC,iBAAiBH,MAAMC,OAAOG;AAAAA,IAC9BC,YAAY;AAAA,IACZC,0BAA0B;AAAA,IAC1Bb,WAAW;AAAA,EACb;AACF;"}

package/dist/esm/components/Wizard/WizardContent/loadingContainerClasses.js

@@ -0,0 +1,8 @@
+import { getClasses } from "@hitachivantara/uikit-react-core";
+const classKeys = ["blur", "loading", "overlay"];
+const wizardLoadingContainerClasses = getClasses(classKeys, "HvWizard-LoadingContainer");
+const wizardLoadingContainerClasses$1 = wizardLoadingContainerClasses;
+export {
+  wizardLoadingContainerClasses$1 as default
+};
+//# sourceMappingURL=loadingContainerClasses.js.map

package/dist/esm/components/Wizard/WizardContent/loadingContainerClasses.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loadingContainerClasses.js","sources":["../../../../../src/components/Wizard/WizardContent/loadingContainerClasses.ts"],"sourcesContent":["import { getClasses } from \"@hitachivantara/uikit-react-core\";\n\nexport type HvWizardLoadingContainerClasses = {\n  loading?: string;\n  overlay?: string;\n  blur?: string;\n};\n\nconst classKeys: (keyof HvWizardLoadingContainerClasses)[] = [\n  \"blur\",\n  \"loading\",\n  \"overlay\",\n];\n\nconst wizardLoadingContainerClasses = getClasses(\n  classKeys,\n  \"HvWizard-LoadingContainer\"\n);\n\nexport default wizardLoadingContainerClasses;\n"],"names":["classKeys","wizardLoadingContainerClasses","getClasses"],"mappings":";AAQA,MAAMA,YAAuD,CAC3D,QACA,WACA,SAAS;AAGX,MAAMC,gCAAgCC,WACpCF,WACA,2BAA2B;AAG7B,MAAA,kCAAeC;"}

package/dist/esm/components/Wizard/WizardContent/wizardContentClasses.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wizardContentClasses.js","sources":["../../../../../src/components/Wizard/WizardContent/wizardContentClasses.ts"],"sourcesContent":["import { getClasses } from \"@hitachivantara/uikit-react-core\";\n\nexport type HvWizardContentClasses = {\n  /** Style applied to the Wizard content container. */\n  contentContainer?: string;\n  /** Style applied to the Wizard to fix its height. */\n  fixedHeight?: string;\n  /** Style applied to the summary container around the page content container. */\n  summaryRef?: string;\n  /** Style applied to the Summary container to stick it to the top. */\n  summarySticky?: string;\n  /** Style applied to the Summary container to position it on the right. */\n  summaryContainer?: string;\n};\n\nconst classKeys: (keyof HvWizardContentClasses)[] = [\n  \"contentContainer\",\n  \"fixedHeight\",\n  \"summaryRef\",\n  \"summarySticky\",\n  \"summaryContainer\",\n];\n\nconst wizardContentClasses = getClasses(classKeys, \"HvWizardContent\");\n\nexport default wizardContentClasses;\n"],"names":["classKeys","wizardContentClasses","getClasses"],"mappings":";AAeA,MAAMA,YAA8C,CAClD,oBACA,eACA,cACA,iBACA,kBAAkB;AAGpB,MAAMC,uBAAuBC,WAAWF,WAAW,iBAAiB;AAEpE,MAAA,yBAAeC;"}

package/dist/esm/components/Wizard/WizardContext/WizardContext.js

@@ -0,0 +1,17 @@
+import { createContext } from "react";
+const HvWizardContext = createContext({
+  context: {},
+  setContext: () => {
+  },
+  summary: false,
+  setSummary: () => {
+  },
+  tab: 0,
+  setTab: () => {
+  }
+});
+const HvWizardContext$1 = HvWizardContext;
+export {
+  HvWizardContext$1 as default
+};
+//# sourceMappingURL=WizardContext.js.map

package/dist/esm/components/Wizard/WizardContext/WizardContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WizardContext.js","sources":["../../../../../src/components/Wizard/WizardContext/WizardContext.tsx"],"sourcesContent":["import React, { createContext, Dispatch, SetStateAction } from \"react\";\n\nexport type HvWizardTab = {\n  name?: string;\n  valid?: boolean;\n  mustValidate?: boolean;\n  touched?: boolean;\n  form?: any;\n  children?: React.ReactNode;\n  [other: string]: any;\n};\n\nexport type HvWizardTabs = {\n  [tab in number]?: HvWizardTab;\n};\n\ntype HvWizardContextProp = {\n  context: HvWizardTabs;\n  setContext: React.Dispatch<React.SetStateAction<HvWizardTabs>>;\n  summary: boolean;\n  setSummary: React.Dispatch<React.SetStateAction<boolean>>;\n  tab: number;\n  setTab: Dispatch<SetStateAction<number>>;\n};\n\nconst HvWizardContext = createContext<HvWizardContextProp>({\n  context: {},\n  setContext: () => {},\n  summary: false,\n  setSummary: () => {},\n  tab: 0,\n  setTab: () => {},\n});\n\nexport default HvWizardContext;\n"],"names":["HvWizardContext","createContext","context","setContext","summary","setSummary","tab","setTab"],"mappings":";AAyBA,MAAMA,kBAAkBC,cAAmC;AAAA,EACzDC,SAAS,CAAC;AAAA,EACVC,YAAYA,MAAM;AAAA,EAAC;AAAA,EACnBC,SAAS;AAAA,EACTC,YAAYA,MAAM;AAAA,EAAC;AAAA,EACnBC,KAAK;AAAA,EACLC,QAAQA,MAAM;AAAA,EAAC;AACjB,CAAC;AAED,MAAA,oBAAeP;"}