@hitachivantara/uikit-react-lab 5.2.3 → 5.3.0

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

@@ -1 +0,0 @@
-{"version":3,"file":"StepNavigation.cjs","sources":["../../../../../../../src/components/StepNavigation/StepNavigation.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { ClassNames } from \"@emotion/react\";\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 } from \"./DefaultNavigation\";\nimport { HvSimpleNavigation } from \"./SimpleNavigation\";\nimport { HvStepProps } from \"./DefaultNavigation/Step/Step\";\nimport { styles } from \"./StepNavigation.styles\";\nimport stepNavigationClasses, {\n  HvStepNavigationClasses,\n} from \"./stepNavigationClasses\";\nimport { SEPARATOR_WIDTH, TITLE_MARGIN, TITLE_WIDTH } from \"./utils\";\nimport styled from \"@emotion/styled\";\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 }) => (\n          <StyledLi\n            aria-hidden\n            className={clsx(\n              css(styles.separator),\n              stepNavigationClasses.separator,\n              classes?.separator\n            )}\n          >\n            <div\n              aria-label={`separator-${title}`}\n              className={clsx(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 }) => (\n              <StepContainer\n                className={clsx(\n                  css(styles.li),\n                  stepNavigationClasses.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={clsx(\n                          css(styles.li),\n                          stepNavigationClasses.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 }) => (\n          <ol\n            className={clsx(\n              css(styles.ol),\n              stepNavigationClasses.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 }) => (\n          <div\n            className={clsx(\n              css(styles.titles),\n              stepNavigationClasses.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 }) => (\n        <StepNavigation\n          {...{\n            numSteps: steps.length,\n            stepSize: stepSizeKey,\n            getTitles,\n            getDynamicValues,\n            className: clsx(\n              className,\n              stepNavigationClasses.root,\n              classes?.root,\n              css(styles.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","clsx","styles","separator","stepNavigationClasses","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/cjs/packages/lab/src/components/StepNavigation/StepNavigation.styles.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"StepNavigation.styles.cjs","sources":["../../../../../../../src/components/StepNavigation/StepNavigation.styles.tsx"],"sourcesContent":["import { CSSInterpolation } from \"@emotion/serialize\";\n\nexport const styles: {\n  root: CSSInterpolation;\n  titles: CSSInterpolation;\n  ol: CSSInterpolation;\n  li: CSSInterpolation;\n  separator: 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":";;AAEO,MAAMA,SAMT;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/cjs/packages/lab/src/components/StepNavigation/stepNavigationClasses.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"stepNavigationClasses.cjs","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,eAAWF,WAAAA,WAAW,kBAAkB;AAEtE,MAAA,0BAAeC;;"}

package/dist/cjs/packages/lab/src/components/StepNavigation/utils.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.cjs","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/cjs/packages/lab/src/components/Wizard/Wizard.cjs.map

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

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

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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"wizardActionsClasses.cjs","sources":["../../../../../../../../src/components/Wizard/WizardActions/wizardActionsClasses.ts"],"sourcesContent":["import { getClasses } from \"@hitachivantara/uikit-react-core\";\n\nexport type HvWizardActionsClasses = {\n  /** Styles applied to the component which contains the groups of buttons. */\n  actionsContainer?: string;\n  /** Styles applied to the component which contains the buttons. */\n  buttonsContainer?: string;\n  /** Styles applied to the Button component to override its width. */\n  buttonWidth?: string;\n  /** Styles applied to some Button components to override its left padding. */\n  buttonSpacing?: string;\n};\n\nconst classKeys: (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,eAAWF,WAAAA,WAAW,iBAAiB;AAEpE,MAAA,yBAAeC;;"}

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

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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"wizardContainerClasses.cjs","sources":["../../../../../../../../src/components/Wizard/WizardContainer/wizardContainerClasses.ts"],"sourcesContent":["import { getClasses } from \"@hitachivantara/uikit-react-core\";\n\nexport type HvWizardContainerClasses = {\n  /** Styles applied to the component root class. */\n  root?: string;\n  /** Style applied to the component (root). */\n  paper?: string;\n  /** Style applied to the close button. */\n  closeButton?: string;\n};\n\nconst classKeys: (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,eAAWF,WAAAA,WAAW,mBAAmB;AAExE,MAAA,2BAAeC;;"}

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

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

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

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

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

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

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

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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"wizardContentClasses.cjs","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,eAAWF,WAAAA,WAAW,iBAAiB;AAEpE,MAAA,yBAAeC;;"}

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

@@ -1,42 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const React = require("react");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const HvWizardContext = React.createContext({
-  context: {},
-  updateContext: () => {
-  },
-  summary: void 0,
-  setSummary: ({}) => {
-  },
-  tab: 0,
-  setTab: () => {
-  }
-});
-const HvWizardProvider = ({
-  children
-}) => {
-  const [context, setContext] = React.useState({});
-  const [summary, setSummary] = React.useState(void 0);
-  const [tab, setTab] = React.useState(0);
-  const updateContext = React.useCallback((newContext) => {
-    if (Object.entries(newContext).length > 0) {
-      setContext(newContext);
-    }
-  }, [setContext]);
-  return /* @__PURE__ */ jsxRuntime.jsx(HvWizardContext.Provider, {
-    value: {
-      context,
-      updateContext,
-      summary,
-      setSummary,
-      tab,
-      setTab
-    },
-    children
-  });
-};
-const WizardProvider = HvWizardProvider;
-exports.HvWizardContext = HvWizardContext;
-exports.default = WizardProvider;
-//# sourceMappingURL=WizardContext.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"WizardContext.cjs","sources":["../../../../../../../../src/components/Wizard/WizardContext/WizardContext.tsx"],"sourcesContent":["import React, {\n  createContext,\n  useState,\n  Dispatch,\n  SetStateAction,\n  useCallback,\n} 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};\n\nexport type HvWizardTabs<T extends HvWizardTab> = {\n  [tab in number]?: T;\n};\n\ntype HvWizardContextProp = {\n  context: HvWizardTabs<HvWizardTab>;\n  updateContext: (values?: HvWizardTabs<HvWizardTab>) => void;\n  summary: any;\n  setSummary: (oldSummary?: any) => void;\n  tab: any;\n  setTab: Dispatch<SetStateAction<number>>;\n};\n\nexport const HvWizardContext = createContext<HvWizardContextProp>({\n  context: {},\n  updateContext: () => {},\n  summary: undefined,\n  setSummary: ({}) => {},\n  tab: 0,\n  setTab: () => {},\n});\n\nconst HvWizardProvider = ({ children }) => {\n  const [context, setContext] = useState({});\n  const [summary, setSummary] = useState(undefined);\n  const [tab, setTab] = useState(0);\n\n  const updateContext = useCallback(\n    (newContext) => {\n      if (Object.entries(newContext).length > 0) {\n        setContext(newContext);\n      }\n    },\n    [setContext]\n  );\n\n  return (\n    <HvWizardContext.Provider\n      value={{\n        context,\n        updateContext,\n        summary,\n        setSummary,\n        tab,\n        setTab,\n      }}\n    >\n      {children}\n    </HvWizardContext.Provider>\n  );\n};\n\nexport default HvWizardProvider;\n"],"names":["HvWizardContext","createContext","context","updateContext","summary","undefined","setSummary","tab","setTab","HvWizardProvider","children","setContext","useState","useCallback","newContext","Object","entries","length","_jsx","Provider","value"],"mappings":";;;;AA8BO,MAAMA,kBAAkBC,MAAAA,cAAmC;AAAA,EAChEC,SAAS,CAAC;AAAA,EACVC,eAAeA,MAAM;AAAA,EAAC;AAAA,EACtBC,SAASC;AAAAA,EACTC,YAAYA,CAAC,CAAA,MAAO;AAAA,EAAC;AAAA,EACrBC,KAAK;AAAA,EACLC,QAAQA,MAAM;AAAA,EAAC;AACjB,CAAC;AAED,MAAMC,mBAAmBA,CAAC;AAAA,EAAEC;AAAS,MAAM;AACzC,QAAM,CAACR,SAASS,UAAU,IAAIC,MAAAA,SAAS,CAAE,CAAA;AACzC,QAAM,CAACR,SAASE,UAAU,IAAIM,MAAAA,SAASP,MAAS;AAChD,QAAM,CAACE,KAAKC,MAAM,IAAII,eAAS,CAAC;AAE1BT,QAAAA,gBAAgBU,kBACnBC,CAAe,eAAA;AACd,QAAIC,OAAOC,QAAQF,UAAU,EAAEG,SAAS,GAAG;AACzCN,iBAAWG,UAAU;AAAA,IACvB;AAAA,EAAA,GAEF,CAACH,UAAU,CAAC;AAIZO,SAAAA,2BAAAA,IAAClB,gBAAgBmB,UAAQ;AAAA,IACvBC,OAAO;AAAA,MACLlB;AAAAA,MACAC;AAAAA,MACAC;AAAAA,MACAE;AAAAA,MACAC;AAAAA,MACAC;AAAAA,IACF;AAAA,IAAEE;AAAAA,EAAAA,CAGuB;AAE/B;AAEA,MAAA,iBAAeD;;;"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"WizardTitle.cjs","sources":["../../../../../../../../src/components/Wizard/WizardTitle/WizardTitle.tsx"],"sourcesContent":["import { ClassNames } from \"@emotion/react\";\nimport {\n  HvBaseProps,\n  HvButton,\n  HvDialogTitle,\n  HvGrid,\n  HvTypography,\n} from \"@hitachivantara/uikit-react-core\";\nimport { Report } from \"@hitachivantara/uikit-react-icons\";\nimport { clsx } from \"clsx\";\nimport wizardTitleClasses, { HvWizardTitleClasses } from \"./wizardTitleClasses\";\nimport { styles } from \"./WizardTitle.styles\";\nimport { HvStepNavigation, HvStepNavigationProps } from \"../..\";\nimport { useContext, useEffect, useState } from \"react\";\nimport { HvWizardContext } from \"../WizardContext/WizardContext\";\nimport { HvStepProps } from \"components/StepNavigation/DefaultNavigation/Step/Step\";\n\nexport interface HvWizardTitleProps extends HvBaseProps {\n  /** Title for the wizard. */\n  title?: string;\n  /** Shows the summary button. */\n  hasSummary?: boolean;\n  /** An object containing all the labels for the wizard header. */\n  labels?: {\n    /** Summary button label. */\n    summary?: string;\n  };\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?: HvWizardTitleClasses;\n}\n\nconst switchTabState = (state, currentTab, index) => {\n  if (index === currentTab) return \"Current\";\n  if (state.valid) return \"Completed\";\n  if (state.valid === null) return \"Enabled\";\n  if (state.touched && state.valid === false) return \"Failed\";\n  // \"Disabled\"\n  // \"Pending\"\n  return \"Enabled\";\n};\n\nexport const HvWizardTitle = ({\n  title,\n  hasSummary = false,\n  labels = {},\n  classes,\n  customStep = {},\n}: HvWizardTitleProps) => {\n  const { context, summary, setSummary, tab, setTab } =\n    useContext(HvWizardContext);\n\n  const [steps, setSteps] = useState<HvStepProps[]>([]);\n\n  useEffect(() => {\n    if (summary === null && hasSummary) {\n      setSummary(false);\n    }\n\n    return () => {\n      setSummary(false);\n    };\n  }, []);\n\n  useEffect(() => {\n    const contextArray = Object.entries(context);\n\n    if (contextArray.length) {\n      const updatedSteps: HvStepProps[] = contextArray.map(\n        ([, childState], index) => {\n          return {\n            title: childState?.name ?? `${index + 1}`,\n            state: switchTabState(childState, tab, index),\n            onClick: () => setTab(index),\n          };\n        }\n      );\n\n      setSteps(updatedSteps);\n    }\n  }, [context, tab, setTab]);\n\n  const toggleSummary = () => {\n    setSummary((oldSummary) => !oldSummary);\n  };\n\n  return (\n    <ClassNames>\n      {({ css }) => (\n        <HvDialogTitle\n          className={clsx(\n            classes?.headerContainer,\n            wizardTitleClasses.headerContainer,\n            css(styles.headerContainer)\n          )}\n          classes={{\n            messageContainer: clsx(\n              classes?.messageContainer,\n              wizardTitleClasses.messageContainer,\n              css(styles.messageContainer)\n            ),\n          }}\n        >\n          <HvGrid\n            container\n            justifyContent=\"space-between\"\n            alignItems=\"center\"\n            className={clsx(\n              classes?.titleContainer,\n              wizardTitleClasses.titleContainer,\n              css(styles.titleContainer)\n            )}\n          >\n            {title && (\n              <HvTypography variant=\"title3\" component=\"h3\">\n                {title}\n              </HvTypography>\n            )}\n            {!!steps.length && (\n              <HvStepNavigation\n                className={clsx(\n                  classes?.stepContainer,\n                  wizardTitleClasses.stepContainer,\n                  css(styles.stepContainer)\n                )}\n                steps={steps}\n                type={customStep?.type ?? \"Default\"}\n                stepSize={customStep?.stepSize ?? \"xs\"}\n                width={\n                  customStep?.width ?? { xs: 200, sm: 350, md: 600, lg: 800 }\n                }\n              />\n            )}\n            {hasSummary && (\n              <HvButton\n                variant=\"secondarySubtle\"\n                className={clsx(\n                  classes?.buttonWidth,\n                  wizardTitleClasses.buttonWidth,\n                  css(styles.buttonWidth)\n                )}\n                classes={{\n                  root: clsx(\n                    classes?.rootSummaryButton,\n                    wizardTitleClasses.rootSummaryButton,\n                    css(styles.rootSummaryButton)\n                  ),\n                }}\n                onClick={toggleSummary}\n                startIcon={<Report />}\n              >\n                {`${labels.summary ?? \"Summary\"}`}\n              </HvButton>\n            )}\n          </HvGrid>\n        </HvDialogTitle>\n      )}\n    </ClassNames>\n  );\n};\n"],"names":["switchTabState","state","currentTab","index","valid","touched","HvWizardTitle","title","hasSummary","labels","classes","customStep","context","summary","setSummary","tab","setTab","useContext","HvWizardContext","steps","setSteps","useState","useEffect","contextArray","Object","entries","length","updatedSteps","map","childState","name","onClick","toggleSummary","oldSummary","ClassNames","children","css","HvDialogTitle","className","clsx","headerContainer","wizardTitleClasses","styles","messageContainer","HvGrid","container","justifyContent","alignItems","titleContainer","_jsx","HvTypography","variant","component","HvStepNavigation","stepContainer","type","stepSize","width","xs","sm","md","lg","HvButton","buttonWidth","root","rootSummaryButton","startIcon","Report"],"mappings":"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"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"WizardTitle.styles.cjs","sources":["../../../../../../../../src/components/Wizard/WizardTitle/WizardTitle.styles.tsx"],"sourcesContent":["import { CSSInterpolation } from \"@emotion/serialize\";\nimport { theme } from \"@hitachivantara/uikit-react-core\";\n\nexport const styles: { [key: string]: CSSInterpolation } = {\n  messageContainer: {\n    \"& > div\": {\n      width: \"100%\",\n    },\n  },\n  titleContainer: {\n    margin: 0,\n    width: \"100%\",\n  },\n  buttonWidth: {\n    width: 120,\n  },\n  rootSummaryButton: {\n    paddingRight: 18,\n  },\n  headerContainer: {\n    backgroundColor: theme.colors.atmo2,\n    \"& h6\": {\n      fontSize: \"16px\",\n      fontWeight: \"bold\",\n      letterSpacing: 0,\n    },\n  },\n  stepContainer: {\n    margin: \"auto\",\n  },\n};\n"],"names":["styles","messageContainer","width","titleContainer","margin","buttonWidth","rootSummaryButton","paddingRight","headerContainer","backgroundColor","theme","colors","atmo2","fontSize","fontWeight","letterSpacing","stepContainer"],"mappings":";;;AAGO,MAAMA,SAA8C;AAAA,EACzDC,kBAAkB;AAAA,IAChB,WAAW;AAAA,MACTC,OAAO;AAAA,IACT;AAAA,EACF;AAAA,EACAC,gBAAgB;AAAA,IACdC,QAAQ;AAAA,IACRF,OAAO;AAAA,EACT;AAAA,EACAG,aAAa;AAAA,IACXH,OAAO;AAAA,EACT;AAAA,EACAI,mBAAmB;AAAA,IACjBC,cAAc;AAAA,EAChB;AAAA,EACAC,iBAAiB;AAAA,IACfC,iBAAiBC,eAAAA,MAAMC,OAAOC;AAAAA,IAC9B,QAAQ;AAAA,MACNC,UAAU;AAAA,MACVC,YAAY;AAAA,MACZC,eAAe;AAAA,IACjB;AAAA,EACF;AAAA,EACAC,eAAe;AAAA,IACbZ,QAAQ;AAAA,EACV;AACF;;"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"wizardTitleClasses.cjs","sources":["../../../../../../../../src/components/Wizard/WizardTitle/wizardTitleClasses.ts"],"sourcesContent":["import { getClasses } from \"@hitachivantara/uikit-react-core\";\n\nexport type HvWizardTitleClasses = {\n  /** Styles applied to the header container. */\n  headerContainer?: string;\n  /** Styles applied to override the Dialog Title styles. */\n  messageContainer?: string;\n  /** Styles applied to the header content container. */\n  titleContainer?: string;\n  /** Styles applied to the Button component to override its width. */\n  buttonWidth?: string;\n  /** Styles applied to the Button component to override its right padding. */\n  rootSummaryButton?: string;\n  /** Styles applies to the step container. */\n  stepContainer?: string;\n};\n\nconst classKeys: (keyof HvWizardTitleClasses)[] = [\n  \"headerContainer\",\n  \"messageContainer\",\n  \"titleContainer\",\n  \"buttonWidth\",\n  \"rootSummaryButton\",\n  \"stepContainer\",\n];\n\nconst wizardTitleClasses = getClasses(classKeys, \"HvWizardTitle\");\n\nexport default wizardTitleClasses;\n"],"names":["classKeys","wizardTitleClasses","getClasses"],"mappings":";;;AAiBA,MAAMA,YAA4C,CAChD,mBACA,oBACA,kBACA,eACA,qBACA,eAAe;AAGjB,MAAMC,qBAAqBC,eAAWF,WAAAA,WAAW,eAAe;AAEhE,MAAA,uBAAeC;;"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"wizardClasses.cjs","sources":["../../../../../../../src/components/Wizard/wizardClasses.ts"],"sourcesContent":["import { getClasses } from \"@hitachivantara/uikit-react-core\";\n\nexport type HvWizardClasses = {\n  /** Styles applied to the component root class. */\n  root?: string;\n};\n\nconst classKeys: (keyof HvWizardClasses)[] = [\"root\"];\n\nconst wizardClasses = getClasses(classKeys, \"HvWizard\");\n\nexport default wizardClasses;\n"],"names":["classKeys","wizardClasses","getClasses"],"mappings":";;;AAOA,MAAMA,YAAuC,CAAC,MAAM;AAEpD,MAAMC,gBAAgBC,eAAWF,WAAAA,WAAW,UAAU;AAEtD,MAAA,kBAAeC;;"}

package/dist/esm/packages/lab/src/components/StepNavigation/DefaultNavigation/DefaultNavigation.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DefaultNavigation.js","sources":["../../../../../../../../src/components/StepNavigation/DefaultNavigation/DefaultNavigation.tsx"],"sourcesContent":["import {\n  HvBaseProps,\n  HvTheme,\n  useTheme,\n} from \"@hitachivantara/uikit-react-core\";\nimport { HvDefaultNavigationClasses } from \"./defaultNavigationClasses\";\nimport { HvStep, HvStepProps } from \"./Step/Step\";\nimport { getColor, stepSizes } from \"./utils\";\n\nexport type ComponentChildProps = {\n  stepsWidth: number;\n  navWidth: number;\n  separatorValues: {\n    minWidth: number;\n    maxWidth: number;\n    getColor: (state: HvStepProps[\"state\"], activeTheme: HvTheme) => any;\n    height: number;\n  };\n  stepValues: {\n    minSize: number;\n    maxSize: number;\n    StepComponent: React.ComponentType<HvStepProps>;\n  };\n};\n\nexport interface HvDefaultNavigationProps\n  extends Omit<HvBaseProps, \"children\"> {\n  /** Number of steps to show on the component. */\n  numSteps: number;\n  /** Sets one of the standard sizes of the steps. */\n  stepSize: \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\n  /** Returns a JSX.element of the titles container. */\n  getTitles: (\n    getTitleProps?: (params: {\n      state: HvStepProps[\"state\"];\n      rawTitle: string;\n      number: number;\n    }) => { variant?: string; title?: string }\n  ) => JSX.Element | null;\n  /** Returns dynamic width values of the component (width, titleWidth, separatorWidth). */\n  getDynamicValues: (stepsWidth: number) => {\n    width: number;\n    titleWidth: number;\n    separatorWidth: number;\n  };\n  /** A Jss Object used to override or extend the styles applied to the empty state StepNavigation. */\n  classes?: HvDefaultNavigationClasses;\n  /** Component to render Step Navigation with props = {separatorValues, stepValues, stepsWidth} */\n  children: React.FunctionComponent<ComponentChildProps>;\n}\n\nexport const HvDefaultNavigation = ({\n  numSteps,\n  stepSize,\n  getTitles,\n  getDynamicValues,\n  className,\n  children,\n  ...other\n}: HvDefaultNavigationProps) => {\n  const { activeTheme } = useTheme();\n\n  // step values\n  const { container: maxSize, avatar: minSize } = stepSizes[stepSize];\n  const StepComponent = HvStep;\n  //\n\n  const stepsWidth = maxSize + minSize * (numSteps - 1);\n  const { width, titleWidth, separatorWidth } = getDynamicValues(stepsWidth);\n\n  // separator values\n  const maxWidth = Math.max(titleWidth - minSize, separatorWidth);\n  const minWidth = Math.max(\n    titleWidth - (maxSize + minSize) * 0.5,\n    separatorWidth\n  );\n  //\n\n  const Steps = children;\n\n  const titles = getTitles(({ state }) => ({\n    variant: \"label\",\n    titleWidth,\n    titleDisabled: state === \"Disabled\",\n  }));\n\n  return (\n    <div {...other}>\n      <Steps\n        {...{\n          stepsWidth,\n          navWidth: width,\n          separatorValues: {\n            minWidth,\n            maxWidth,\n            getColor,\n            height: activeTheme?.stepNavigation.defaultSeparatorHeight || 0,\n          },\n          stepValues: {\n            minSize,\n            maxSize,\n            StepComponent,\n          },\n        }}\n      />\n      {titles}\n    </div>\n  );\n};\n"],"names":["HvDefaultNavigation","numSteps","stepSize","getTitles","getDynamicValues","className","children","other","activeTheme","useTheme","container","maxSize","avatar","minSize","stepSizes","StepComponent","HvStep","stepsWidth","width","titleWidth","separatorWidth","maxWidth","Math","max","minWidth","Steps","titles","state","variant","titleDisabled","_jsx","navWidth","separatorValues","getColor","height","stepNavigation","defaultSeparatorHeight","stepValues"],"mappings":";;;;AAmDO,MAAMA,sBAAsBA,CAAC;AAAA,EAClCC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACqB,MAAM;AACxB,QAAA;AAAA,IAAEC;AAAAA,MAAgBC,SAAU;AAG5B,QAAA;AAAA,IAAEC,WAAWC;AAAAA,IAASC,QAAQC;AAAAA,EAAAA,IAAYC,UAAUZ,QAAQ;AAClE,QAAMa,gBAAgBC;AAGhBC,QAAAA,aAAaN,UAAUE,WAAWZ,WAAW;AAC7C,QAAA;AAAA,IAAEiB;AAAAA,IAAOC;AAAAA,IAAYC;AAAAA,EAAAA,IAAmBhB,iBAAiBa,UAAU;AAGzE,QAAMI,WAAWC,KAAKC,IAAIJ,aAAaN,SAASO,cAAc;AAC9D,QAAMI,WAAWF,KAAKC,IACpBJ,cAAcR,UAAUE,WAAW,KACnCO,cAAc;AAIhB,QAAMK,QAAQnB;AAERoB,QAAAA,SAASvB,UAAU,CAAC;AAAA,IAAEwB;AAAAA,EAAAA,OAAa;AAAA,IACvCC,SAAS;AAAA,IACTT;AAAAA,IACAU,eAAeF,UAAU;AAAA,EACzB,EAAA;AAEF,8BACE,OAAA;AAAA,IAAA,GAASpB;AAAAA,IAAKD,UAAA,CACZwB,oBAACL,OAAK;AAAA,MAEFR;AAAAA,MACAc,UAAUb;AAAAA,MACVc,iBAAiB;AAAA,QACfR;AAAAA,QACAH;AAAAA,QACAY;AAAAA,QACAC,SAAQ1B,2CAAa2B,eAAeC,2BAA0B;AAAA,MAChE;AAAA,MACAC,YAAY;AAAA,QACVxB;AAAAA,QACAF;AAAAA,QACAI;AAAAA,MACF;AAAA,IAAC,CAAA,GAGJW,MAAM;AAAA,EAAA,CACH;AAEV;"}

package/dist/esm/packages/lab/src/components/StepNavigation/DefaultNavigation/Step/Step.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Step.js","sources":["../../../../../../../../../src/components/StepNavigation/DefaultNavigation/Step/Step.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport {\n  Level0Good,\n  Level3Bad,\n  HourGlass,\n} from \"@hitachivantara/uikit-react-icons\";\nimport {\n  HvAvatarSize,\n  HvButtonProps,\n  HvBaseProps,\n} from \"@hitachivantara/uikit-react-core\";\nimport { StyledRoot, StyledButton, StyledAvatar } from \"./Step.styles\";\nimport stepClasses, { HvStepClasses } from \"./stepClasses\";\nimport { getColor, getSemantic } from \"../utils\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport interface HvStepProps\n  extends Pick<HvButtonProps, \"onClick\">,\n    Omit<HvBaseProps, \"onClick\"> {\n  /** A Jss Object used to override or extend the styles applied to the empty state StepNavigation. */\n  classes?: HvStepClasses;\n  /** State of the step. Values = {\"Pending\", \"Failed\", \"Completed\", \"Current\", \"Disabled\", \"Enabled\"} */\n  state:\n    | \"Pending\"\n    | \"Failed\"\n    | \"Completed\"\n    | \"Current\"\n    | \"Disabled\"\n    | \"Enabled\";\n  /** Title of the step. */\n  title: string;\n  /** Sets one of the standard sizes of the step */\n  size?: HvAvatarSize;\n  /** Number of the step. */\n  number?: number;\n  /**\n   * Define if a step is disabled/enabled.\n   * If this property is not defined and the step is on state \"Disabled\", the step component will be disabled\n   */\n  disabled?: boolean;\n}\n\n/**\n * Step element of \"Default\" Step Navigation root component\n */\nexport const HvStep = ({\n  className,\n  classes,\n  state,\n  title,\n  onClick,\n  disabled,\n  size = \"md\",\n  number = 1,\n}: HvStepProps) => {\n  const iconSize = {\n    xs: \"XS\",\n    sm: \"XS\",\n    md: \"S\",\n    ml: \"M\",\n    xl: \"M\",\n  }[size];\n\n  const squareL = {\n    Pending: 16,\n    Failed: 24,\n    Completed: 24,\n  }[state];\n\n  const svgSize = {\n    xs: squareL - 8,\n    sm: squareL,\n    md: squareL + 8,\n    lg: squareL + 16,\n    xl: squareL + 24,\n  }[size];\n\n  const backgroundColor = getColor(state, theme);\n\n  const color = state === \"Pending\" ? \"atmo2\" : undefined;\n  const semantic = state !== \"Pending\" ? getSemantic(state) : undefined;\n  const status = state === \"Current\" ? \"secondary_60\" : undefined;\n\n  const IconComponent = {\n    Pending: HourGlass,\n    Failed: Level3Bad,\n    Completed: Level0Good,\n  }[state];\n\n  return (\n    <StyledRoot\n      className={clsx(\n        className,\n        stepClasses.root,\n        classes?.root,\n        state !== \"Current\" && clsx(stepClasses.notCurrent, classes?.notCurrent)\n      )}\n      $notCurrent={state !== \"Current\"}\n    >\n      <StyledButton\n        className={clsx(\n          stepClasses.ghost,\n          classes?.ghost,\n          state === \"Current\" &&\n            clsx(stepClasses.ghostDisabled, classes?.ghostDisabled)\n        )}\n        aria-label={`step-${title}`}\n        icon\n        variant=\"secondaryGhost\"\n        overrideIconColors={false}\n        disabled={disabled ?? [\"Current\", \"Disabled\"].includes(state)}\n        onClick={onClick}\n      >\n        <StyledAvatar\n          className={clsx(\n            stepClasses.avatar,\n            classes?.avatar,\n            stepClasses[size],\n            classes?.[size]\n          )}\n          backgroundColor={backgroundColor}\n          status={status}\n          size={size}\n          $size={size}\n        >\n          {IconComponent ? (\n            <IconComponent\n              color={color}\n              semantic={semantic}\n              width={svgSize}\n              height={svgSize}\n              iconSize={iconSize}\n            />\n          ) : (\n            number\n          )}\n        </StyledAvatar>\n      </StyledButton>\n    </StyledRoot>\n  );\n};\n"],"names":["HvStep","className","classes","state","title","onClick","disabled","size","number","iconSize","xs","sm","md","ml","xl","squareL","Pending","Failed","Completed","svgSize","lg","backgroundColor","getColor","theme","color","undefined","semantic","getSemantic","status","IconComponent","HourGlass","Level3Bad","Level0Good","StyledRoot","clsx","stepClasses","root","notCurrent","$notCurrent","children","StyledButton","ghost","ghostDisabled","icon","variant","overrideIconColors","includes","StyledAvatar","avatar","$size","_jsx","width","height"],"mappings":";;;;;;;AA6CO,MAAMA,SAASA,CAAC;AAAA,EACrBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,OAAO;AAAA,EACPC,SAAS;AACE,MAAM;AACjB,QAAMC,WAAW;AAAA,IACfC,IAAI;AAAA,IACJC,IAAI;AAAA,IACJC,IAAI;AAAA,IACJC,IAAI;AAAA,IACJC,IAAI;AAAA,IACJP,IAAI;AAEN,QAAMQ,UAAU;AAAA,IACdC,SAAS;AAAA,IACTC,QAAQ;AAAA,IACRC,WAAW;AAAA,IACXf,KAAK;AAEP,QAAMgB,UAAU;AAAA,IACdT,IAAIK,UAAU;AAAA,IACdJ,IAAII;AAAAA,IACJH,IAAIG,UAAU;AAAA,IACdK,IAAIL,UAAU;AAAA,IACdD,IAAIC,UAAU;AAAA,IACdR,IAAI;AAEAc,QAAAA,kBAAkBC,SAASnB,OAAOoB,KAAK;AAEvCC,QAAAA,QAAQrB,UAAU,YAAY,UAAUsB;AAC9C,QAAMC,WAAWvB,UAAU,YAAYwB,YAAYxB,KAAK,IAAIsB;AACtDG,QAAAA,SAASzB,UAAU,YAAY,iBAAiBsB;AAEtD,QAAMI,gBAAgB;AAAA,IACpBb,SAASc;AAAAA,IACTb,QAAQc;AAAAA,IACRb,WAAWc;AAAAA,IACX7B,KAAK;AAEP,6BACG8B,YAAU;AAAA,IACThC,WAAWiC,KACTjC,WACAkC,YAAYC,MACZlC,mCAASkC,MACTjC,UAAU,aAAa+B,KAAKC,YAAYE,YAAYnC,mCAASmC,UAAU,CAAC;AAAA,IAE1EC,aAAanC,UAAU;AAAA,IAAUoC,8BAEhCC,cAAY;AAAA,MACXvC,WAAWiC,KACTC,YAAYM,OACZvC,mCAASuC,OACTtC,UAAU,aACR+B,KAAKC,YAAYO,eAAexC,mCAASwC,aAAa,CAAC;AAAA,MAE3D,cAAa,QAAOtC;AAAAA,MACpBuC,MAAI;AAAA,MACJC,SAAQ;AAAA,MACRC,oBAAoB;AAAA,MACpBvC,UAAUA,YAAY,CAAC,WAAW,UAAU,EAAEwC,SAAS3C,KAAK;AAAA,MAC5DE;AAAAA,MAAiBkC,8BAEhBQ,cAAY;AAAA,QACX9C,WAAWiC,KACTC,YAAYa,QACZ9C,mCAAS8C,QACTb,YAAY5B,IAAI,GAChBL,mCAAUK,KAAK;AAAA,QAEjBc;AAAAA,QACAO;AAAAA,QACArB;AAAAA,QACA0C,OAAO1C;AAAAA,QAAKgC,UAEXV,gBACCqB,oBAACrB,eAAa;AAAA,UACZL;AAAAA,UACAE;AAAAA,UACAyB,OAAOhC;AAAAA,UACPiC,QAAQjC;AAAAA,UACRV;AAAAA,QAAmB,CAAA,IAGrBD;AAAAA,MAAAA,CACD;AAAA,IAAA,CACY;AAAA,EAAA,CAEN;AAEjB;"}

package/dist/esm/packages/lab/src/components/StepNavigation/DefaultNavigation/Step/Step.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Step.styles.js","sources":["../../../../../../../../../src/components/StepNavigation/DefaultNavigation/Step/Step.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { HvAvatar, HvButton } from \"@hitachivantara/uikit-react-core\";\n\nexport const StyledRoot = styled(\"div\")(\n  ({ $notCurrent }: { $notCurrent: boolean }) => ({\n    ...($notCurrent && {\n      margin: \"-8px\",\n    }),\n  })\n);\n\nexport const StyledButton = styled(HvButton)({\n  \"&:hover\": {\n    backgroundColor: \"transparent\",\n  },\n  \"&$ghostDisabled\": {\n    cursor: \"default\",\n  },\n  \"&$ghostDisabled&:hover\": {\n    cursor: \"default\",\n  },\n});\n\nexport const StyledAvatar = styled(HvAvatar)(\n  ({ $size }: { $size: string }) => ({\n    ...($size === \"xs\" && {\n      fontSize: \"0.625rem\",\n    }),\n    ...($size === \"sm\" && {\n      fontSize: \"1rem\",\n    }),\n    ...($size === \"md\" && {\n      fontSize: \"1.5rem\",\n    }),\n    ...($size === \"lg\" && {\n      fontSize: \"2rem\",\n    }),\n    ...($size === \"xl\" && {\n      fontSize: \"2.5rem\",\n    }),\n  })\n);\n"],"names":["StyledRoot","process","env","NODE_ENV","target","label","$notCurrent","margin","StyledButton","HvButton","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledAvatar","HvAvatar","$size","fontSize"],"mappings":";;;;;AAGO,MAAMA,aAAoB,wBAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EACpC,CAAC;AAAA,EAAEC;AAAsC,OAAO;AAAA,EAC9C,GAAIA,eAAe;AAAA,IACjBC,QAAQ;AAAA,EACV;AACF,IAAEN,QAAAC,IAAAC,aACH,eAAA,KAAA,iyDAAA;AAEM,MAAMK,eAAsBC,wBAAAA,UAAQR,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAO,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAU1C;AAEK,MAAMC,eAAsBC,wBAAAA,UAAQf,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EACzC,CAAC;AAAA,EAAEY;AAAyB,OAAO;AAAA,EACjC,GAAIA,UAAU,QAAQ;AAAA,IACpBC,UAAU;AAAA,EACZ;AAAA,EACA,GAAID,UAAU,QAAQ;AAAA,IACpBC,UAAU;AAAA,EACZ;AAAA,EACA,GAAID,UAAU,QAAQ;AAAA,IACpBC,UAAU;AAAA,EACZ;AAAA,EACA,GAAID,UAAU,QAAQ;AAAA,IACpBC,UAAU;AAAA,EACZ;AAAA,EACA,GAAID,UAAU,QAAQ;AAAA,IACpBC,UAAU;AAAA,EACZ;AACF,IAAEjB,QAAAC,IAAAC,aACH,eAAA,KAAA,iyDAAA;"}

package/dist/esm/packages/lab/src/components/StepNavigation/DefaultNavigation/Step/stepClasses.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"stepClasses.js","sources":["../../../../../../../../../src/components/StepNavigation/DefaultNavigation/Step/stepClasses.ts"],"sourcesContent":["import { getClasses } from \"@hitachivantara/uikit-react-core\";\n\nexport interface HvStepClasses {\n  /** Styles applied to the component root class. */\n  root?: string;\n  /** Styles applied to the ghost class. */\n  ghost?: string;\n  /** Styles applied to the ghostDisabled class. */\n  ghostDisabled?: string;\n  /** Styles applied to the root element when step is not in \"current\" state. */\n  notCurrent?: string;\n  /** Styles applied to the root element when size is XS. */\n  xs?: string;\n  /** Styles applied to the root element when size is SM. */\n  sm?: string;\n  /** Styles applied to the root element when size is MD. */\n  md?: string;\n  /** Styles applied to the root element when size is LG. */\n  lg?: string;\n  /** Styles applied to the root element when size is XL. */\n  xl?: string;\n  /** Styles applied to the avatar element. */\n  avatar?: string;\n  /** Styles applied to the title of a step element. */\n  stepTitle?: string;\n}\n\nconst classKeys: (keyof HvStepClasses)[] = [\n  \"root\",\n  \"ghost\",\n  \"ghostDisabled\",\n  \"notCurrent\",\n  \"xs\",\n  \"sm\",\n  \"md\",\n  \"lg\",\n  \"xl\",\n  \"avatar\",\n  \"stepTitle\",\n];\n\nconst stepClasses = getClasses(classKeys, \"HvStep\");\n\nexport default stepClasses;\n"],"names":["classKeys","stepClasses","getClasses"],"mappings":";AA2BA,MAAMA,YAAqC,CACzC,QACA,SACA,iBACA,cACA,MACA,MACA,MACA,MACA,MACA,UACA,WAAW;AAGb,MAAMC,cAAcC,WAAWF,WAAW,QAAQ;AAElD,MAAA,gBAAeC;"}

package/dist/esm/packages/lab/src/components/StepNavigation/DefaultNavigation/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.js","sources":["../../../../../../../../src/components/StepNavigation/DefaultNavigation/utils.ts"],"sourcesContent":["const getColor = (state, theme) =>\n  ({\n    Pending: theme.colors.warning ?? \"warning\",\n    Failed: theme.colors.negative ?? \"negative\",\n    Completed: theme.colors.positive ?? \"positive\",\n    Current: theme.colors.secondary ?? \"secondary\",\n    Disabled: theme.colors.secondary_60 ?? \"secondary_60\",\n    Enabled: theme.colors.secondary ?? \"secondary\",\n  }[state]);\n\nconst getSemantic = (state) =>\n  ({\n    Pending: \"warning\",\n    Failed: \"negative\",\n    Completed: \"positive\",\n    Current: \"secondary\",\n    Disabled: \"secondary_60\",\n    Enabled: \"secondary\",\n  }[state]);\n\nconst EXTRA_SMALL = { container: 32, avatar: 24 };\nconst SMALL = { container: 40, avatar: 32 };\nconst MEDIUM = { container: 48, avatar: 40 };\nconst LARGE = { container: 60, avatar: 52 };\nconst EXTRA_LARGE = { container: 96, avatar: 88 };\n\nconst stepSizes = {\n  xs: EXTRA_SMALL,\n  sm: SMALL,\n  md: MEDIUM,\n  lg: LARGE,\n  xl: EXTRA_LARGE,\n};\n\nexport { getColor, getSemantic, stepSizes };\n"],"names":["getColor","state","theme","Pending","colors","warning","Failed","negative","Completed","positive","Current","secondary","Disabled","secondary_60","Enabled","getSemantic","EXTRA_SMALL","container","avatar","SMALL","MEDIUM","LARGE","EXTRA_LARGE","stepSizes","xs","sm","md","lg","xl"],"mappings":"AAAMA,MAAAA,WAAWA,CAACC,OAAOC,WACtB;AAAA,EACCC,SAASD,MAAME,OAAOC,WAAW;AAAA,EACjCC,QAAQJ,MAAME,OAAOG,YAAY;AAAA,EACjCC,WAAWN,MAAME,OAAOK,YAAY;AAAA,EACpCC,SAASR,MAAME,OAAOO,aAAa;AAAA,EACnCC,UAAUV,MAAME,OAAOS,gBAAgB;AAAA,EACvCC,SAASZ,MAAME,OAAOO,aAAa;AACrC,GAAEV,KAAK;AAET,MAAMc,cAAed,CAClB,WAAA;AAAA,EACCE,SAAS;AAAA,EACTG,QAAQ;AAAA,EACRE,WAAW;AAAA,EACXE,SAAS;AAAA,EACTE,UAAU;AAAA,EACVE,SAAS;AACX,GAAEb,KAAK;AAET,MAAMe,cAAc;AAAA,EAAEC,WAAW;AAAA,EAAIC,QAAQ;AAAG;AAChD,MAAMC,QAAQ;AAAA,EAAEF,WAAW;AAAA,EAAIC,QAAQ;AAAG;AAC1C,MAAME,SAAS;AAAA,EAAEH,WAAW;AAAA,EAAIC,QAAQ;AAAG;AAC3C,MAAMG,QAAQ;AAAA,EAAEJ,WAAW;AAAA,EAAIC,QAAQ;AAAG;AAC1C,MAAMI,cAAc;AAAA,EAAEL,WAAW;AAAA,EAAIC,QAAQ;AAAG;AAEhD,MAAMK,YAAY;AAAA,EAChBC,IAAIR;AAAAA,EACJS,IAAIN;AAAAA,EACJO,IAAIN;AAAAA,EACJO,IAAIN;AAAAA,EACJO,IAAIN;AACN;"}

package/dist/esm/packages/lab/src/components/StepNavigation/SimpleNavigation/Dot/Dot.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Dot.js","sources":["../../../../../../../../../src/components/StepNavigation/SimpleNavigation/Dot/Dot.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { HvBaseProps } from \"@hitachivantara/uikit-react-core\";\nimport { HvStepProps } from \"../../DefaultNavigation/Step/Step\";\nimport { StyledButton } from \"./Dot.styles\";\nimport dotClasses, { HvDotClasses } from \"./dotClasses\";\nimport { getColor, dotSizes } from \"../utils\";\nimport { ClassNames } from \"@emotion/react\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport interface HvDotProps\n  extends Pick<\n      HvStepProps,\n      \"size\" | \"title\" | \"state\" | \"onClick\" | \"disabled\"\n    >,\n    Omit<HvBaseProps, \"title\" | \"onClick\"> {\n  /** A Jss Object used to override or extend the styles applied to the empty state StepNavigation. */\n  classes?: HvDotClasses;\n}\n\nexport const HvDot = ({\n  classes,\n  className,\n  state,\n  title,\n  size = \"sm\",\n  onClick,\n  disabled,\n}: HvDotProps) => {\n  const dotSize = dotSizes[size] * (state === \"Current\" ? 1.5 : 1);\n\n  return (\n    <ClassNames>\n      {({ css }) => (\n        <StyledButton\n          className={clsx(\n            className,\n            classes?.root,\n            dotClasses.root,\n            css({\n              backgroundColor: getColor(state, theme),\n              width: dotSize,\n              height: dotSize,\n              \"&:hover\": {\n                backgroundColor: getColor(state, theme),\n              },\n            }),\n            state === \"Current\" && clsx(dotClasses.active, classes?.active),\n            (disabled ?? [\"Current\", \"Disabled\"].includes(state)) &&\n              clsx(dotClasses.ghostDisabled, classes?.ghostDisabled)\n          )}\n          aria-label={`step-${title}`}\n          icon\n          overrideIconColors={false}\n          disabled={disabled ?? [\"Current\", \"Disabled\"].includes(state)}\n          onClick={onClick}\n        >\n          {[]}\n        </StyledButton>\n      )}\n    </ClassNames>\n  );\n};\n"],"names":["HvDot","classes","className","state","title","size","onClick","disabled","dotSize","dotSizes","ClassNames","children","css","StyledButton","clsx","root","dotClasses","backgroundColor","getColor","theme","width","height","active","includes","ghostDisabled","icon","overrideIconColors"],"mappings":";;;;;;;AAmBO,MAAMA,QAAQA,CAAC;AAAA,EACpBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,OAAO;AAAA,EACPC;AAAAA,EACAC;AACU,MAAM;AAChB,QAAMC,UAAUC,SAASJ,IAAI,KAAKF,UAAU,YAAY,MAAM;AAE9D,6BACGO,YAAU;AAAA,IAAAC,UACRA,CAAC;AAAA,MAAEC;AAAAA,IAAAA,0BACDC,cAAY;AAAA,MACXX,WAAWY,KACTZ,WACAD,mCAASc,MACTC,WAAWD,MACXH,IAAI;AAAA,QACFK,iBAAiBC,SAASf,OAAOgB,KAAK;AAAA,QACtCC,OAAOZ;AAAAA,QACPa,QAAQb;AAAAA,QACR,WAAW;AAAA,UACTS,iBAAiBC,SAASf,OAAOgB,KAAK;AAAA,QACxC;AAAA,MAAA,CACD,GACDhB,UAAU,aAAaW,KAAKE,WAAWM,QAAQrB,mCAASqB,MAAM,IAC7Df,YAAY,CAAC,WAAW,UAAU,EAAEgB,SAASpB,KAAK,MACjDW,KAAKE,WAAWQ,eAAevB,mCAASuB,aAAa,CAAC;AAAA,MAE1D,cAAa,QAAOpB;AAAAA,MACpBqB,MAAI;AAAA,MACJC,oBAAoB;AAAA,MACpBnB,UAAUA,YAAY,CAAC,WAAW,UAAU,EAAEgB,SAASpB,KAAK;AAAA,MAC5DG;AAAAA,MAAiBK,UAEhB,CAAA;AAAA,IAAA,CAAE;AAAA,EAAA,CAGI;AAEjB;"}

package/dist/esm/packages/lab/src/components/StepNavigation/SimpleNavigation/Dot/Dot.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Dot.styles.js","sources":["../../../../../../../../../src/components/StepNavigation/SimpleNavigation/Dot/Dot.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { HvButton } from \"@hitachivantara/uikit-react-core\";\n\nexport const StyledButton = styled(HvButton)({\n  borderRadius: \"50%\",\n  zIndex: 1,\n});\n"],"names":["StyledButton","HvButton","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__"],"mappings":";;;;;AAGO,MAAMA,eAAsBC,wBAAAA,UAAQC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAG1C;"}

package/dist/esm/packages/lab/src/components/StepNavigation/SimpleNavigation/Dot/dotClasses.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dotClasses.js","sources":["../../../../../../../../../src/components/StepNavigation/SimpleNavigation/Dot/dotClasses.ts"],"sourcesContent":["import { getClasses } from \"@hitachivantara/uikit-react-core\";\n\nexport interface HvDotClasses {\n  root?: string;\n  active?: string;\n  ghostDisabled?: string;\n}\n\nconst classKeys: (keyof HvDotClasses)[] = [\"root\", \"active\", \"ghostDisabled\"];\n\nconst dotClasses = getClasses(classKeys, \"HvDot\");\n\nexport default dotClasses;\n"],"names":["classKeys","dotClasses","getClasses"],"mappings":";AAQA,MAAMA,YAAoC,CAAC,QAAQ,UAAU,eAAe;AAE5E,MAAMC,aAAaC,WAAWF,WAAW,OAAO;AAEhD,MAAA,eAAeC;"}

package/dist/esm/packages/lab/src/components/StepNavigation/SimpleNavigation/SimpleNavigation.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SimpleNavigation.js","sources":["../../../../../../../../src/components/StepNavigation/SimpleNavigation/SimpleNavigation.tsx"],"sourcesContent":["import {\n  HvBaseProps,\n  HvTheme,\n  useTheme,\n} from \"@hitachivantara/uikit-react-core\";\nimport { HvStepNavigationProps } from \"../StepNavigation\";\nimport { HvDot, HvDotProps } from \"./Dot/Dot\";\nimport { HvSimpleNavigationClasses } from \"./simpleNavigationClasses\";\nimport { getColor, dotSizes } from \"./utils\";\n\nexport type ComponentChildProps = {\n  stepsWidth: number;\n  navWidth: number;\n  separatorValues: {\n    minWidth: number;\n    maxWidth: number;\n    getColor: (state: HvDotProps[\"state\"], activeTheme: HvTheme) => any;\n    height: number;\n  };\n  stepValues: {\n    minSize: number;\n    maxSize: number;\n    StepComponent: React.ComponentType<HvDotProps>;\n  };\n};\n\nexport interface HvSimpleNavigationProps\n  extends Pick<HvStepNavigationProps, \"stepSize\">,\n    Omit<HvBaseProps, \"children\"> {\n  /** Number of steps to show on the component. */\n  numSteps: number;\n  /** Returns a JSX.element of the titles container. */\n  getTitles: (\n    getTitleProps?: (params: {\n      state: HvDotProps[\"state\"];\n      rawTitle: string;\n      number: number;\n    }) => { variant: string; title: string }\n  ) => JSX.Element | null;\n  /** Returns dynamic width values of the component (width, titleWidth, separatorWidth). */\n  getDynamicValues: (stepsWidth: number) => {\n    width: number;\n    titleWidth: number;\n    separatorWidth: number;\n  };\n  /** A Jss Object used to override or extend the styles applied to the empty state StepNavigation. */\n  classes?: HvSimpleNavigationClasses;\n  /** Component to render Step Navigation with props = {separatorValues, stepValues, stepsWidth} */\n  children: React.FunctionComponent<ComponentChildProps>;\n}\n\nexport const HvSimpleNavigation = ({\n  numSteps,\n  stepSize = \"sm\",\n  getTitles,\n  getDynamicValues,\n  children,\n  ...others\n}: HvSimpleNavigationProps) => {\n  const { activeTheme } = useTheme();\n\n  // step values\n  const dotSize = dotSizes[stepSize];\n  const StepComponent = HvDot;\n  //\n\n  const stepsWidth = (numSteps + 0.5) * dotSize;\n  const { width, titleWidth, separatorWidth } = getDynamicValues(stepsWidth);\n\n  // separator values\n  const maxWidth = Math.max(titleWidth - dotSize, separatorWidth);\n  const minWidth = Math.max(titleWidth - dotSize * 1.25, separatorWidth);\n  //\n\n  const Steps = children;\n\n  const titles = getTitles(({ rawTitle, number }) => ({\n    variant: \"label\",\n    title: `${number}. ${rawTitle}`,\n    titleWidth,\n  }));\n\n  return (\n    <div {...others}>\n      {titles}\n      <Steps\n        {...{\n          stepsWidth,\n          navWidth: width,\n          separatorValues: {\n            minWidth,\n            maxWidth,\n            getColor,\n            height: activeTheme?.stepNavigation.simpleSeparatorHeight || 0,\n          },\n          stepValues: {\n            minSize: dotSize,\n            maxSize: 1.5 * dotSize,\n            StepComponent,\n          },\n        }}\n      />\n    </div>\n  );\n};\n"],"names":["HvSimpleNavigation","numSteps","stepSize","getTitles","getDynamicValues","children","others","activeTheme","useTheme","dotSize","dotSizes","StepComponent","HvDot","stepsWidth","width","titleWidth","separatorWidth","maxWidth","Math","max","minWidth","Steps","titles","rawTitle","number","variant","title","_jsx","navWidth","separatorValues","getColor","height","stepNavigation","simpleSeparatorHeight","stepValues","minSize","maxSize"],"mappings":";;;;AAmDO,MAAMA,qBAAqBA,CAAC;AAAA,EACjCC;AAAAA,EACAC,WAAW;AAAA,EACXC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACoB,MAAM;AACvB,QAAA;AAAA,IAAEC;AAAAA,MAAgBC,SAAU;AAG5BC,QAAAA,UAAUC,SAASR,QAAQ;AACjC,QAAMS,gBAAgBC;AAGhBC,QAAAA,cAAcZ,WAAW,OAAOQ;AAChC,QAAA;AAAA,IAAEK;AAAAA,IAAOC;AAAAA,IAAYC;AAAAA,EAAAA,IAAmBZ,iBAAiBS,UAAU;AAGzE,QAAMI,WAAWC,KAAKC,IAAIJ,aAAaN,SAASO,cAAc;AAC9D,QAAMI,WAAWF,KAAKC,IAAIJ,aAAaN,UAAU,MAAMO,cAAc;AAGrE,QAAMK,QAAQhB;AAERiB,QAAAA,SAASnB,UAAU,CAAC;AAAA,IAAEoB;AAAAA,IAAUC;AAAAA,EAAAA,OAAc;AAAA,IAClDC,SAAS;AAAA,IACTC,OAAQ,GAAEF,WAAWD;AAAAA,IACrBR;AAAAA,EACA,EAAA;AAEF,8BACE,OAAA;AAAA,IAAA,GAAST;AAAAA,IAAMD,UACZiB,CAAAA,QACDK,oBAACN,OAAK;AAAA,MAEFR;AAAAA,MACAe,UAAUd;AAAAA,MACVe,iBAAiB;AAAA,QACfT;AAAAA,QACAH;AAAAA,QACAa;AAAAA,QACAC,SAAQxB,2CAAayB,eAAeC,0BAAyB;AAAA,MAC/D;AAAA,MACAC,YAAY;AAAA,QACVC,SAAS1B;AAAAA,QACT2B,SAAS,MAAM3B;AAAAA,QACfE;AAAAA,MACF;AAAA,IAAA,CAEF,CAAA;AAAA,EAAA,CACE;AAEV;"}

package/dist/esm/packages/lab/src/components/StepNavigation/SimpleNavigation/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.js","sources":["../../../../../../../../src/components/StepNavigation/SimpleNavigation/utils.ts"],"sourcesContent":["const dotSizes = {\n  xs: 8,\n  sm: 10,\n  md: 12,\n  lg: 14,\n  xl: 16,\n};\n\nconst defaultColor = (theme) => theme.colors.secondary ?? \"secondary\";\nconst disabledColor = (theme) => theme.colors.secondary_60 ?? \"secondary_60\";\n\nconst getColor = (state, theme) =>\n  state === \"Disabled\" ? disabledColor(theme) : defaultColor(theme);\n\nexport { dotSizes, getColor };\n"],"names":["dotSizes","xs","sm","md","lg","xl","defaultColor","theme","colors","secondary","disabledColor","secondary_60","getColor","state"],"mappings":"AAAA,MAAMA,WAAW;AAAA,EACfC,IAAI;AAAA,EACJC,IAAI;AAAA,EACJC,IAAI;AAAA,EACJC,IAAI;AAAA,EACJC,IAAI;AACN;AAEA,MAAMC,eAAgBC,CAAAA,UAAUA,MAAMC,OAAOC,aAAa;AAC1D,MAAMC,gBAAiBH,CAAAA,UAAUA,MAAMC,OAAOG,gBAAgB;AAExDC,MAAAA,WAAWA,CAACC,OAAON,UACvBM,UAAU,aAAaH,cAAcH,KAAK,IAAID,aAAaC,KAAK;"}