@dnb/eufemia 10.69.0 → 10.69.1

package/cjs/extensions/forms/Wizard/Step/Step.js.map

@@ -1 +1 @@
-{"version":3,"file":"Step.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_WizardContext","_StepContext","_Flex","_componentHelper","_Provider","_Fragment","_excluded","_excluded2","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","_toPropertyKey","value","configurable","writable","_toPrimitive","Symbol","toPrimitive","TypeError","String","Number","_objectWithoutProperties","_objectWithoutPropertiesLoose","indexOf","propertyIsEnumerable","useLayoutEffect","window","React","useEffect","handleDeprecatedProps","_ref","active","activeWhen","include","includeWhen","rest","Step","props","_handleDeprecatedProp","className","title","inactive","index","required","keepInDOM","keepInDOMProp","prerenderFieldProps","children","restProps","check","activeIndex","initialActiveIndex","stepsRef","stepElementRef","useContext","WizardContext","ariaLabel","useMemo","_ref2","_stepsRef$current","_stepsRef$current$ind","_stepsRef$current2","current","convertJsxToString","currentElementRef","useRef","fieldProps","undefined","content","createElement","Provider","Stack","classnames","element","innerRef","tabIndex","visibleWhen","hidden","warn","Fragment","_supportsSpacingProps","_default","exports"],"sources":["../../../../../../src/extensions/forms/Wizard/Step/Step.tsx"],"sourcesContent":["import React, { useContext, useMemo, useRef } from 'react'\nimport classnames from 'classnames'\nimport { ComponentProps } from '../../types'\nimport { Props as FlexContainerProps } from '../../../../components/flex/Container'\nimport WizardContext from '../Context/WizardContext'\nimport WizardStepContext from './StepContext'\nimport Flex from '../../../../components/flex/Flex'\nimport {\n  convertJsxToString,\n  warn,\n} from '../../../../shared/component-helper'\nimport FieldProvider from '../../Field/Provider'\nimport type { VisibleWhen } from '../../Form/Visibility'\n\n// SSR warning fix: https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85\nconst useLayoutEffect =\n  typeof window === 'undefined' ? React.useEffect : React.useLayoutEffect\n\nexport type Props = ComponentProps &\n  FlexContainerProps & {\n    /**\n     * A title that will be displayed in the indicator.\n     */\n    title?: React.ReactNode\n    /**\n     * Will treat the step as non-navigable if set to `true`.\n     */\n    inactive?: boolean\n\n    /**\n     * To determine if the step should be rendered.\n     * Used internally by the WizardContainer.\n     */\n    index?: number\n\n    /**\n     * Will make all the fields inside the step to be required.\n     */\n    required?: boolean\n\n    /**\n     * If set to `false`, the step will not be rendered.\n     * @deprecated use `include` instead\n     */\n    active?: boolean\n\n    /**\n     * Provide a `path` and a `hasValue` property with the expected value in order to enable the step. You can alternatively provide a `hasValue` function that returns a boolean. The first parameter is the value of the path.\n     * @deprecated use `includeWhen` instead\n     */\n    activeWhen?: VisibleWhen\n\n    /**\n     * If set to `false`, the step will not be rendered.\n     */\n\n    include?: boolean\n    /**\n     * Provide a `path` and a `hasValue` property with the expected value in order to enable the step. You can alternatively provide a `hasValue` function that returns a boolean. The first parameter is the value of the path.\n     */\n    includeWhen?: VisibleWhen\n\n    /**\n     * Determines if the step should be kept in the DOM. Defaults to `false`.\n     */\n    keepInDOM?: boolean\n\n    /**\n     * If set to `true`, the step will always be rendered.\n     * For internal use only.\n     */\n    prerenderFieldProps?: boolean\n  }\n\nexport function handleDeprecatedProps({\n  active,\n  activeWhen,\n  include,\n  includeWhen,\n  ...rest\n}: Props): Omit<Props, 'active' | 'activeWhen'> {\n  return {\n    include: include ?? active,\n    includeWhen: includeWhen ?? activeWhen,\n    ...rest,\n  }\n}\nfunction Step(props: Props): JSX.Element {\n  const {\n    className,\n    title,\n    inactive, // eslint-disable-line\n    index,\n    include = true,\n    includeWhen,\n    required,\n    keepInDOM: keepInDOMProp,\n    prerenderFieldProps,\n    children,\n    ...restProps\n  } = handleDeprecatedProps(props)\n  const {\n    check,\n    activeIndex,\n    initialActiveIndex,\n    stepsRef,\n    stepElementRef,\n    keepInDOM,\n  } = useContext(WizardContext) || {}\n\n  const ariaLabel = useMemo(() => {\n    return (\n      (!prerenderFieldProps &&\n        (stepsRef?.current?.[index]?.title ||\n          stepsRef?.current?.[index])) ??\n      convertJsxToString(title)\n    )\n  }, [index, prerenderFieldProps, title, stepsRef])\n\n  const currentElementRef = useRef<HTMLElement>()\n  useLayoutEffect(() => {\n    if (!prerenderFieldProps && typeof stepElementRef !== 'undefined') {\n      if (currentElementRef.current) {\n        stepElementRef.current = currentElementRef.current\n      }\n      return () => {\n        stepElementRef.current = null\n      }\n    }\n  }, [prerenderFieldProps, stepElementRef])\n\n  if (prerenderFieldProps) {\n    return children as JSX.Element\n  }\n\n  const fieldProps =\n    typeof required === 'boolean' ? { required } : undefined\n\n  const content = (\n    <WizardStepContext.Provider value={{ index }}>\n      <Flex.Stack\n        className={classnames('dnb-forms-step', className)}\n        element=\"section\"\n        aria-label={ariaLabel}\n        innerRef={currentElementRef}\n        tabIndex={-1}\n        {...restProps}\n      >\n        {fieldProps ? (\n          <FieldProvider {...fieldProps}>{children}</FieldProvider>\n        ) : (\n          children\n        )}\n      </Flex.Stack>\n    </WizardStepContext.Provider>\n  )\n\n  if (\n    activeIndex !== index ||\n    include === false ||\n    (includeWhen && !check({ visibleWhen: includeWhen }))\n  ) {\n    if (keepInDOMProp ?? keepInDOM) {\n      return (\n        <div title=\"Wizard Step\" hidden>\n          {content}\n        </div>\n      )\n    } else {\n      if (initialActiveIndex > 0) {\n        warn(\n          `initialActiveIndex={${initialActiveIndex}} is used. Fields of previews steps may not validate. You can use \"keepInDOM\" to always run validation.`\n        )\n      }\n    }\n\n    // Another step is active\n    return <></>\n  }\n\n  return <>{content}</>\n}\n\nStep._supportsSpacingProps = true\nexport default Step\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAC,sBAAA,CAAAF,OAAA;AAGA,IAAAG,cAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,YAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,KAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,gBAAA,GAAAN,OAAA;AAIA,IAAAO,SAAA,GAAAL,sBAAA,CAAAF,OAAA;AAAgD,IAAAQ,SAAA;AAAA,MAAAC,SAAA;EAAAC,UAAA;AAAA,SAAAR,uBAAAS,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,yBAAAH,CAAA,6BAAAI,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAD,wBAAA,YAAAA,CAAAH,CAAA,WAAAA,CAAA,GAAAM,CAAA,GAAAD,CAAA,KAAAL,CAAA;AAAA,SAAAZ,wBAAAY,CAAA,EAAAK,CAAA,SAAAA,CAAA,IAAAL,CAAA,IAAAA,CAAA,CAAAC,UAAA,SAAAD,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAE,OAAA,EAAAF,CAAA,QAAAM,CAAA,GAAAH,wBAAA,CAAAE,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAC,GAAA,CAAAP,CAAA,UAAAM,CAAA,CAAAE,GAAA,CAAAR,CAAA,OAAAS,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAf,CAAA,oBAAAe,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAe,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAd,CAAA,EAAAe,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAf,CAAA,CAAAe,CAAA,YAAAN,CAAA,CAAAP,OAAA,GAAAF,CAAA,EAAAM,CAAA,IAAAA,CAAA,CAAAa,GAAA,CAAAnB,CAAA,EAAAS,CAAA,GAAAA,CAAA;AAAA,SAAAW,SAAA,WAAAA,QAAA,GAAAR,MAAA,CAAAS,MAAA,GAAAT,MAAA,CAAAS,MAAA,CAAAC,IAAA,eAAAb,CAAA,aAAAT,CAAA,MAAAA,CAAA,GAAAuB,SAAA,CAAAC,MAAA,EAAAxB,CAAA,UAAAM,CAAA,GAAAiB,SAAA,CAAAvB,CAAA,YAAAK,CAAA,IAAAC,CAAA,OAAAU,cAAA,CAAAC,IAAA,CAAAX,CAAA,EAAAD,CAAA,MAAAI,CAAA,CAAAJ,CAAA,IAAAC,CAAA,CAAAD,CAAA,aAAAI,CAAA,KAAAW,QAAA,CAAAK,KAAA,OAAAF,SAAA;AAAA,SAAAG,QAAA1B,CAAA,EAAAK,CAAA,QAAAC,CAAA,GAAAM,MAAA,CAAAe,IAAA,CAAA3B,CAAA,OAAAY,MAAA,CAAAgB,qBAAA,QAAAC,CAAA,GAAAjB,MAAA,CAAAgB,qBAAA,CAAA5B,CAAA,GAAAK,CAAA,KAAAwB,CAAA,GAAAA,CAAA,CAAAC,MAAA,WAAAzB,CAAA,WAAAO,MAAA,CAAAE,wBAAA,CAAAd,CAAA,EAAAK,CAAA,EAAA0B,UAAA,OAAAzB,CAAA,CAAA0B,IAAA,CAAAP,KAAA,CAAAnB,CAAA,EAAAuB,CAAA,YAAAvB,CAAA;AAAA,SAAA2B,cAAAjC,CAAA,aAAAK,CAAA,MAAAA,CAAA,GAAAkB,SAAA,CAAAC,MAAA,EAAAnB,CAAA,UAAAC,CAAA,WAAAiB,SAAA,CAAAlB,CAAA,IAAAkB,SAAA,CAAAlB,CAAA,QAAAA,CAAA,OAAAqB,OAAA,CAAAd,MAAA,CAAAN,CAAA,OAAA4B,OAAA,WAAA7B,CAAA,IAAA8B,eAAA,CAAAnC,CAAA,EAAAK,CAAA,EAAAC,CAAA,CAAAD,CAAA,SAAAO,MAAA,CAAAwB,yBAAA,GAAAxB,MAAA,CAAAyB,gBAAA,CAAArC,CAAA,EAAAY,MAAA,CAAAwB,yBAAA,CAAA9B,CAAA,KAAAoB,OAAA,CAAAd,MAAA,CAAAN,CAAA,GAAA4B,OAAA,WAAA7B,CAAA,IAAAO,MAAA,CAAAC,cAAA,CAAAb,CAAA,EAAAK,CAAA,EAAAO,MAAA,CAAAE,wBAAA,CAAAR,CAAA,EAAAD,CAAA,iBAAAL,CAAA;AAAA,SAAAmC,gBAAAnC,CAAA,EAAAK,CAAA,EAAAC,CAAA,YAAAD,CAAA,GAAAiC,cAAA,CAAAjC,CAAA,MAAAL,CAAA,GAAAY,MAAA,CAAAC,cAAA,CAAAb,CAAA,EAAAK,CAAA,IAAAkC,KAAA,EAAAjC,CAAA,EAAAyB,UAAA,MAAAS,YAAA,MAAAC,QAAA,UAAAzC,CAAA,CAAAK,CAAA,IAAAC,CAAA,EAAAN,CAAA;AAAA,SAAAsC,eAAAhC,CAAA,QAAAY,CAAA,GAAAwB,YAAA,CAAApC,CAAA,uCAAAY,CAAA,GAAAA,CAAA,GAAAA,CAAA;AAAA,SAAAwB,aAAApC,CAAA,EAAAD,CAAA,2BAAAC,CAAA,KAAAA,CAAA,SAAAA,CAAA,MAAAN,CAAA,GAAAM,CAAA,CAAAqC,MAAA,CAAAC,WAAA,kBAAA5C,CAAA,QAAAkB,CAAA,GAAAlB,CAAA,CAAAiB,IAAA,CAAAX,CAAA,EAAAD,CAAA,uCAAAa,CAAA,SAAAA,CAAA,YAAA2B,SAAA,yEAAAxC,CAAA,GAAAyC,MAAA,GAAAC,MAAA,EAAAzC,CAAA;AAAA,SAAA0C,yBAAAhD,CAAA,EAAAM,CAAA,gBAAAN,CAAA,iBAAA6B,CAAA,EAAAxB,CAAA,EAAAa,CAAA,GAAA+B,6BAAA,CAAAjD,CAAA,EAAAM,CAAA,OAAAM,MAAA,CAAAgB,qBAAA,QAAAnB,CAAA,GAAAG,MAAA,CAAAgB,qBAAA,CAAA5B,CAAA,QAAAK,CAAA,MAAAA,CAAA,GAAAI,CAAA,CAAAe,MAAA,EAAAnB,CAAA,IAAAwB,CAAA,GAAApB,CAAA,CAAAJ,CAAA,UAAAC,CAAA,CAAA4C,OAAA,CAAArB,CAAA,QAAAsB,oBAAA,CAAAlC,IAAA,CAAAjB,CAAA,EAAA6B,CAAA,MAAAX,CAAA,CAAAW,CAAA,IAAA7B,CAAA,CAAA6B,CAAA,aAAAX,CAAA;AAAA,SAAA+B,8BAAA5C,CAAA,EAAAL,CAAA,gBAAAK,CAAA,iBAAAC,CAAA,gBAAAG,CAAA,IAAAJ,CAAA,SAAAW,cAAA,CAAAC,IAAA,CAAAZ,CAAA,EAAAI,CAAA,gBAAAT,CAAA,CAAAkD,OAAA,CAAAzC,CAAA,aAAAH,CAAA,CAAAG,CAAA,IAAAJ,CAAA,CAAAI,CAAA,YAAAH,CAAA;AAIhD,MAAM8C,eAAe,GACnB,OAAOC,MAAM,KAAK,WAAW,GAAGC,cAAK,CAACC,SAAS,GAAGD,cAAK,CAACF,eAAe;AA0DlE,SAASI,qBAAqBA,CAAAC,IAAA,EAMW;EAAA,IANV;MACpCC,MAAM;MACNC,UAAU;MACVC,OAAO;MACPC;IAEK,CAAC,GAAAJ,IAAA;IADHK,IAAI,GAAAd,wBAAA,CAAAS,IAAA,EAAA3D,SAAA;EAEP,OAAAmC,aAAA;IACE2B,OAAO,EAAEA,OAAO,aAAPA,OAAO,cAAPA,OAAO,GAAIF,MAAM;IAC1BG,WAAW,EAAEA,WAAW,aAAXA,WAAW,cAAXA,WAAW,GAAIF;EAAU,GACnCG,IAAI;AAEX;AACA,SAASC,IAAIA,CAACC,KAAY,EAAe;EACvC,MAAAC,qBAAA,GAYIT,qBAAqB,CAACQ,KAAK,CAAC;IAZ1B;MACJE,SAAS;MACTC,KAAK;MACLC,QAAQ;MACRC,KAAK;MACLT,OAAO,GAAG,IAAI;MACdC,WAAW;MACXS,QAAQ;MACRC,SAAS,EAAEC,aAAa;MACxBC,mBAAmB;MACnBC;IAEF,CAAC,GAAAT,qBAAA;IADIU,SAAS,GAAA3B,wBAAA,CAAAiB,qBAAA,EAAAlE,UAAA;EAEd,MAAM;IACJ6E,KAAK;IACLC,WAAW;IACXC,kBAAkB;IAClBC,QAAQ;IACRC,cAAc;IACdT;EACF,CAAC,GAAG,IAAAU,iBAAU,EAACC,sBAAa,CAAC,IAAI,CAAC,CAAC;EAEnC,MAAMC,SAAS,GAAG,IAAAC,cAAO,EAAC,MAAM;IAAA,IAAAC,KAAA,EAAAC,iBAAA,EAAAC,qBAAA,EAAAC,kBAAA;IAC9B,QAAAH,KAAA,GACG,CAACZ,mBAAmB,KAClB,CAAAM,QAAQ,aAARA,QAAQ,wBAAAO,iBAAA,GAARP,QAAQ,CAAEU,OAAO,cAAAH,iBAAA,wBAAAC,qBAAA,GAAjBD,iBAAA,CAAoBjB,KAAK,CAAC,cAAAkB,qBAAA,uBAA1BA,qBAAA,CAA4BpB,KAAK,MAChCY,QAAQ,aAARA,QAAQ,wBAAAS,kBAAA,GAART,QAAQ,CAAEU,OAAO,cAAAD,kBAAA,uBAAjBA,kBAAA,CAAoBnB,KAAK,CAAC,EAAC,cAAAgB,KAAA,cAAAA,KAAA,GAC/B,IAAAK,mCAAkB,EAACvB,KAAK,CAAC;EAE7B,CAAC,EAAE,CAACE,KAAK,EAAEI,mBAAmB,EAAEN,KAAK,EAAEY,QAAQ,CAAC,CAAC;EAEjD,MAAMY,iBAAiB,GAAG,IAAAC,aAAM,EAAc,CAAC;EAC/CxC,eAAe,CAAC,MAAM;IACpB,IAAI,CAACqB,mBAAmB,IAAI,OAAOO,cAAc,KAAK,WAAW,EAAE;MACjE,IAAIW,iBAAiB,CAACF,OAAO,EAAE;QAC7BT,cAAc,CAACS,OAAO,GAAGE,iBAAiB,CAACF,OAAO;MACpD;MACA,OAAO,MAAM;QACXT,cAAc,CAACS,OAAO,GAAG,IAAI;MAC/B,CAAC;IACH;EACF,CAAC,EAAE,CAAChB,mBAAmB,EAAEO,cAAc,CAAC,CAAC;EAEzC,IAAIP,mBAAmB,EAAE;IACvB,OAAOC,QAAQ;EACjB;EAEA,MAAMmB,UAAU,GACd,OAAOvB,QAAQ,KAAK,SAAS,GAAG;IAAEA;EAAS,CAAC,GAAGwB,SAAS;EAE1D,MAAMC,OAAO,GACX5G,MAAA,CAAAe,OAAA,CAAA8F,aAAA,CAACvG,YAAA,CAAAS,OAAiB,CAAC+F,QAAQ;IAAC1D,KAAK,EAAE;MAAE8B;IAAM;EAAE,GAC3ClF,MAAA,CAAAe,OAAA,CAAA8F,aAAA,CAACtG,KAAA,CAAAQ,OAAI,CAACgG,KAAK,EAAA9E,QAAA;IACT8C,SAAS,EAAE,IAAAiC,mBAAU,EAAC,gBAAgB,EAAEjC,SAAS,CAAE;IACnDkC,OAAO,EAAC,SAAS;IACjB,cAAYjB,SAAU;IACtBkB,QAAQ,EAAEV,iBAAkB;IAC5BW,QAAQ,EAAE,CAAC;EAAE,GACT3B,SAAS,GAEZkB,UAAU,GACT1G,MAAA,CAAAe,OAAA,CAAA8F,aAAA,CAACpG,SAAA,CAAAM,OAAa,EAAK2F,UAAU,EAAGnB,QAAwB,CAAC,GAEzDA,QAEQ,CACc,CAC7B;EAED,IACEG,WAAW,KAAKR,KAAK,IACrBT,OAAO,KAAK,KAAK,IAChBC,WAAW,IAAI,CAACe,KAAK,CAAC;IAAE2B,WAAW,EAAE1C;EAAY,CAAC,CAAE,EACrD;IACA,IAAIW,aAAa,aAAbA,aAAa,cAAbA,aAAa,GAAID,SAAS,EAAE;MAC9B,OACEpF,MAAA,CAAAe,OAAA,CAAA8F,aAAA;QAAK7B,KAAK,EAAC,aAAa;QAACqC,MAAM;MAAA,GAC5BT,OACE,CAAC;IAEV,CAAC,MAAM;MACL,IAAIjB,kBAAkB,GAAG,CAAC,EAAE;QAC1B,IAAA2B,qBAAI,EACF,uBAAuB3B,kBAAkB,yGAC3C,CAAC;MACH;IACF;IAGA,OAAAjF,SAAA,KAAAA,SAAA,GAAOV,MAAA,CAAAe,OAAA,CAAA8F,aAAA,CAAA7G,MAAA,CAAAe,OAAA,CAAAwG,QAAA,MAAI,CAAC;EACd;EAEA,OAAOvH,MAAA,CAAAe,OAAA,CAAA8F,aAAA,CAAA7G,MAAA,CAAAe,OAAA,CAAAwG,QAAA,QAAGX,OAAU,CAAC;AACvB;AAEAhC,IAAI,CAAC4C,qBAAqB,GAAG,IAAI;AAAA,IAAAC,QAAA,GAAAC,OAAA,CAAA3G,OAAA,GAClB6D,IAAI","ignoreList":[]}
+{"version":3,"file":"Step.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_WizardContext","_StepContext","_Flex","_componentHelper","_Provider","_Fragment","_Fragment2","_Fragment3","_excluded","_excluded2","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","_toPropertyKey","value","configurable","writable","_toPrimitive","Symbol","toPrimitive","TypeError","String","Number","_objectWithoutProperties","_objectWithoutPropertiesLoose","indexOf","propertyIsEnumerable","handleDeprecatedProps","_ref","active","activeWhen","include","includeWhen","rest","Step","props","_handleDeprecatedProp","id","className","title","index","indexProp","inactive","required","keepInDOM","keepInDOMProp","prerenderFieldProps","children","restProps","check","enableMapOverChildren","activeIndex","initialActiveIndex","totalStepsRef","stepElementRef","stepIndexRef","stepsRef","useContext","WizardContext","wizardStepContext","WizardStepContext","indexFromContext","totalSteps","current","ariaLabel","useMemo","convertJsxToString","undefined","Array","from","values","find","_ref2","_originalTitleProp$pr","currentId","originalTitleProp","stringifiedTitle","translationId","_title$props","createElement","Fragment","visibleWhen","fieldProps","innerRef","content","Provider","Stack","classnames","element","tabIndex","hidden","warn","_supportsSpacingProps","_default","exports"],"sources":["../../../../../../src/extensions/forms/Wizard/Step/Step.tsx"],"sourcesContent":["import React, { useContext, useMemo } from 'react'\nimport classnames from 'classnames'\nimport { ComponentProps } from '../../types'\nimport { Props as FlexContainerProps } from '../../../../components/flex/Container'\nimport WizardContext from '../Context/WizardContext'\nimport WizardStepContext from './StepContext'\nimport Flex from '../../../../components/flex/Flex'\nimport {\n  convertJsxToString,\n  warn,\n} from '../../../../shared/component-helper'\nimport FieldProvider from '../../Field/Provider'\nimport type { VisibleWhen } from '../../Form/Visibility'\n\nexport type Props = ComponentProps &\n  FlexContainerProps & {\n    /**\n     * An unique title of the step.\n     */\n    title?: React.ReactNode\n\n    /**\n     * Will treat the step as non-navigable if set to `true`.\n     */\n    inactive?: boolean\n\n    /**\n     * To determine if the step should be rendered.\n     * Used internally by the WizardContainer.\n     */\n    index?: number\n\n    /**\n     * Will make all the fields inside the step to be required.\n     */\n    required?: boolean\n\n    /**\n     * If set to `false`, the step will not be rendered.\n     * @deprecated use `include` instead\n     */\n    active?: boolean\n\n    /**\n     * Provide a `path` and a `hasValue` property with the expected value in order to enable the step. You can alternatively provide a `hasValue` function that returns a boolean. The first parameter is the value of the path.\n     * @deprecated use `includeWhen` instead\n     */\n    activeWhen?: VisibleWhen\n\n    /**\n     * If set to `false`, the step will not be rendered.\n     */\n\n    include?: boolean\n    /**\n     * Provide a `path` and a `hasValue` property with the expected value in order to enable the step. You can alternatively provide a `hasValue` function that returns a boolean. The first parameter is the value of the path.\n     */\n    includeWhen?: VisibleWhen\n\n    /**\n     * Determines if the step should be kept in the DOM. Defaults to `false`.\n     */\n    keepInDOM?: boolean\n\n    /**\n     * If set to `true`, the step will always be rendered.\n     * For internal use only.\n     */\n    prerenderFieldProps?: boolean\n  }\n\nexport function handleDeprecatedProps({\n  active,\n  activeWhen,\n  include,\n  includeWhen,\n  ...rest\n}: Props): Omit<Props, 'active' | 'activeWhen'> {\n  return {\n    include: include ?? active,\n    includeWhen: includeWhen ?? activeWhen,\n    ...rest,\n  }\n}\n\nfunction Step(props: Props): JSX.Element {\n  const {\n    id,\n    className,\n    title,\n    index: indexProp,\n    inactive, // eslint-disable-line\n    include = true,\n    includeWhen,\n    required,\n    keepInDOM: keepInDOMProp,\n    prerenderFieldProps,\n    children,\n    ...restProps\n  } = handleDeprecatedProps(props)\n\n  const {\n    check,\n    enableMapOverChildren,\n    activeIndex,\n    initialActiveIndex,\n    totalStepsRef,\n    stepElementRef,\n    stepIndexRef,\n    stepsRef,\n    keepInDOM,\n  } = useContext(WizardContext) || {}\n\n  const wizardStepContext = useContext(WizardStepContext) || {}\n  const indexFromContext = wizardStepContext.index\n\n  const totalSteps = totalStepsRef?.current\n  const ariaLabel = useMemo(() => convertJsxToString(title), [title])\n  const index = useMemo(() => {\n    if (indexProp !== undefined) {\n      return indexProp\n    }\n\n    // Try to use the index from the step context\n    if (indexFromContext !== undefined) {\n      return indexFromContext\n    }\n\n    if (stepsRef?.current) {\n      // Try different ways to find the step index\n      const { index } =\n        Array.from(stepsRef.current.values()).find(\n          ({\n            id: currentId,\n            title: originalTitleProp,\n            stringifiedTitle,\n          }) => {\n            // Try to find the step by id\n            if (id !== undefined) {\n              return id === currentId\n            }\n\n            // Try to find the step by <Translation id=\"...\" />\n            const translationId = originalTitleProp?.['props']?.id\n            if (translationId) {\n              return translationId === title?.['props']?.id\n            }\n\n            // Try to find the step by a string (with convertJsxToString) title\n            if (stringifiedTitle) {\n              return stringifiedTitle === ariaLabel\n            }\n\n            // Try to find the step by a JSX title\n            return originalTitleProp === title\n          }\n        ) || {}\n\n      if (index !== undefined) {\n        return index\n      }\n    }\n\n    if (\n      totalSteps && // Is only used to make the deps ESLint happy.\n      stepIndexRef\n    ) {\n      stepIndexRef.current += 1\n    }\n\n    return stepIndexRef?.current\n  }, [\n    indexProp,\n    stepsRef,\n    totalSteps, // \"totalSteps\" is needed to make dynamic steps work.\n    stepIndexRef,\n    indexFromContext,\n    title,\n    id,\n    ariaLabel,\n  ])\n\n  // If the index is greater than the total steps,\n  // its a sign that e.g. React.StrictMode is used.\n  // And if no title or id is given,\n  // we need to force an re-render and use an alternative render method,\n  // using React.Children.map(children, ...).\n  if (index >= totalSteps) {\n    enableMapOverChildren()\n  }\n\n  if (prerenderFieldProps) {\n    return children as JSX.Element\n  }\n\n  if (include === false) {\n    return <></>\n  }\n\n  if (\n    includeWhen &&\n    !check({\n      visibleWhen: includeWhen,\n    })\n  ) {\n    return <></>\n  }\n\n  const fieldProps =\n    typeof required === 'boolean' ? { required } : undefined\n  const innerRef =\n    !prerenderFieldProps && activeIndex === index ? stepElementRef : null\n\n  const content = (\n    <WizardStepContext.Provider value={{ index }}>\n      <Flex.Stack\n        className={classnames('dnb-forms-step', className)}\n        element=\"section\"\n        aria-label={ariaLabel}\n        innerRef={innerRef}\n        tabIndex={-1}\n        {...restProps}\n      >\n        {fieldProps ? (\n          <FieldProvider {...fieldProps}>{children}</FieldProvider>\n        ) : (\n          children\n        )}\n      </Flex.Stack>\n    </WizardStepContext.Provider>\n  )\n\n  if (\n    activeIndex !== index ||\n    (includeWhen && !check({ visibleWhen: includeWhen }))\n  ) {\n    if (keepInDOMProp ?? keepInDOM) {\n      return (\n        <div title=\"Wizard Step\" hidden>\n          {content}\n        </div>\n      )\n    } else {\n      if (initialActiveIndex > 0) {\n        warn(\n          `initialActiveIndex={${initialActiveIndex}} is used. Fields of previews steps may not validate. You can use \"keepInDOM\" to always run validation.`\n        )\n      }\n    }\n\n    // Another step is active\n    return <></>\n  }\n\n  return <>{content}</>\n}\n\nStep._supportsSpacingProps = true\nexport default Step\n"],"mappings":"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","ignoreList":[]}

package/cjs/extensions/forms/Wizard/Step/StepDocs.js

@@ -6,9 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.StepProperties = exports.StepEvents = void 0;
 const StepProperties = exports.StepProperties = {
   title: {
-    doc: 'Title of the step.',
+    doc: 'An unique title of the step.',
     type: 'React.Node',
-    status: 'optional'
+    status: 'required'
   },
   inactive: {
     doc: 'Will treat the step as non-navigable if set to `true`.',

package/cjs/extensions/forms/Wizard/Step/StepDocs.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepDocs.js","names":["StepProperties","exports","title","doc","type","status","inactive","required","include","includeWhen","keepInDOM","children","active","activeWhen","StepEvents"],"sources":["../../../../../../src/extensions/forms/Wizard/Step/StepDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\n\nexport const StepProperties: PropertiesTableProps = {\n  title: {\n    doc: 'Title of the step.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  inactive: {\n    doc: 'Will treat the step as non-navigable if set to `true`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  required: {\n    doc: 'Will make all nested form fields required.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  include: {\n    doc: 'If set to `false`, the step will not be rendered.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  includeWhen: {\n    doc: 'Provide a `path` and a `hasValue` property with the expected value in order to enable the step. You can alternatively provide a `hasValue` function that returns a boolean. The first parameter is the value of the path.',\n    type: 'object',\n    status: 'optional',\n  },\n  keepInDOM: {\n    doc: 'Determines if the step should be kept in the DOM. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  children: {\n    doc: 'Contents.',\n    type: 'React.Node',\n    status: 'required',\n  },\n  '[Flex.Container](/uilib/layout/flex/container/properties)': {\n    doc: 'Flex.Container properties.',\n    type: 'Various',\n    status: 'optional',\n  },\n  '[Space](/uilib/layout/space/properties)': {\n    doc: 'Spacing properties like `top` or `bottom` are supported.',\n    type: ['string', 'object'],\n    status: 'optional',\n  },\n  active: {\n    doc: 'Deprecated, use `include`. Old docs: If set to `false`, the step will not be rendered.',\n    type: 'boolean',\n    status: 'deprecated',\n  },\n  activeWhen: {\n    doc: 'Deprecated, use `includeWhen`. Old docs: Provide a `path` and a `hasValue` property with the expected value in order to enable the step. You can alternatively provide a `hasValue` function that returns a boolean. The first parameter is the value of the path.',\n    type: 'object',\n    status: 'deprecated',\n  },\n}\n\nexport const StepEvents: PropertiesTableProps = {}\n"],"mappings":";;;;;;AAEO,MAAMA,cAAoC,GAAAC,OAAA,CAAAD,cAAA,GAAG;EAClDE,KAAK,EAAE;IACLC,GAAG,EAAE,oBAAoB;IACzBC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACDC,QAAQ,EAAE;IACRH,GAAG,EAAE,wDAAwD;IAC7DC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDE,QAAQ,EAAE;IACRJ,GAAG,EAAE,4CAA4C;IACjDC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDG,OAAO,EAAE;IACPL,GAAG,EAAE,mDAAmD;IACxDC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDI,WAAW,EAAE;IACXN,GAAG,EAAE,2NAA2N;IAChOC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDK,SAAS,EAAE;IACTP,GAAG,EAAE,wEAAwE;IAC7EC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDM,QAAQ,EAAE;IACRR,GAAG,EAAE,WAAW;IAChBC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACD,2DAA2D,EAAE;IAC3DF,GAAG,EAAE,4BAA4B;IACjCC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACD,yCAAyC,EAAE;IACzCF,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC1BC,MAAM,EAAE;EACV,CAAC;EACDO,MAAM,EAAE;IACNT,GAAG,EAAE,wFAAwF;IAC7FC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDQ,UAAU,EAAE;IACVV,GAAG,EAAE,oQAAoQ;IACzQC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV;AACF,CAAC;AAEM,MAAMS,UAAgC,GAAAb,OAAA,CAAAa,UAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"StepDocs.js","names":["StepProperties","exports","title","doc","type","status","inactive","required","include","includeWhen","keepInDOM","children","active","activeWhen","StepEvents"],"sources":["../../../../../../src/extensions/forms/Wizard/Step/StepDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\n\nexport const StepProperties: PropertiesTableProps = {\n  title: {\n    doc: 'An unique title of the step.',\n    type: 'React.Node',\n    status: 'required',\n  },\n  inactive: {\n    doc: 'Will treat the step as non-navigable if set to `true`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  required: {\n    doc: 'Will make all nested form fields required.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  include: {\n    doc: 'If set to `false`, the step will not be rendered.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  includeWhen: {\n    doc: 'Provide a `path` and a `hasValue` property with the expected value in order to enable the step. You can alternatively provide a `hasValue` function that returns a boolean. The first parameter is the value of the path.',\n    type: 'object',\n    status: 'optional',\n  },\n  keepInDOM: {\n    doc: 'Determines if the step should be kept in the DOM. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  children: {\n    doc: 'Contents.',\n    type: 'React.Node',\n    status: 'required',\n  },\n  '[Flex.Container](/uilib/layout/flex/container/properties)': {\n    doc: 'Flex.Container properties.',\n    type: 'Various',\n    status: 'optional',\n  },\n  '[Space](/uilib/layout/space/properties)': {\n    doc: 'Spacing properties like `top` or `bottom` are supported.',\n    type: ['string', 'object'],\n    status: 'optional',\n  },\n  active: {\n    doc: 'Deprecated, use `include`. Old docs: If set to `false`, the step will not be rendered.',\n    type: 'boolean',\n    status: 'deprecated',\n  },\n  activeWhen: {\n    doc: 'Deprecated, use `includeWhen`. Old docs: Provide a `path` and a `hasValue` property with the expected value in order to enable the step. You can alternatively provide a `hasValue` function that returns a boolean. The first parameter is the value of the path.',\n    type: 'object',\n    status: 'deprecated',\n  },\n}\n\nexport const StepEvents: PropertiesTableProps = {}\n"],"mappings":";;;;;;AAEO,MAAMA,cAAoC,GAAAC,OAAA,CAAAD,cAAA,GAAG;EAClDE,KAAK,EAAE;IACLC,GAAG,EAAE,8BAA8B;IACnCC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACDC,QAAQ,EAAE;IACRH,GAAG,EAAE,wDAAwD;IAC7DC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDE,QAAQ,EAAE;IACRJ,GAAG,EAAE,4CAA4C;IACjDC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDG,OAAO,EAAE;IACPL,GAAG,EAAE,mDAAmD;IACxDC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDI,WAAW,EAAE;IACXN,GAAG,EAAE,2NAA2N;IAChOC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDK,SAAS,EAAE;IACTP,GAAG,EAAE,wEAAwE;IAC7EC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDM,QAAQ,EAAE;IACRR,GAAG,EAAE,WAAW;IAChBC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACD,2DAA2D,EAAE;IAC3DF,GAAG,EAAE,4BAA4B;IACjCC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACD,yCAAyC,EAAE;IACzCF,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC1BC,MAAM,EAAE;EACV,CAAC;EACDO,MAAM,EAAE;IACNT,GAAG,EAAE,wFAAwF;IAC7FC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDQ,UAAU,EAAE;IACVV,GAAG,EAAE,oQAAoQ;IACzQC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV;AACF,CAAC;AAEM,MAAMS,UAAgC,GAAAb,OAAA,CAAAa,UAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/cjs/extensions/forms/Wizard/hooks/useStep.js

@@ -19,11 +19,11 @@ function useStep() {
     onStepChange
   } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   const setFormError = (0, _react.useCallback)(() => null, []);
-  const context = (0, _react.useContext)(_WizardContext.default) || {
+  const wizardContext = (0, _react.useContext)(_WizardContext.default) || {
     setFormError
   };
-  if (onStepChange && !id && context.id) {
-    id = context.id;
+  if (onStepChange && !id && wizardContext.id) {
+    id = wizardContext.id;
   }
   const sharedDataRef = (0, _react.useRef)(null);
   sharedDataRef.current = (0, _useSharedState.useSharedState)(id ? (0, _useSharedState.createReferenceKey)(id, 'wizard') : undefined);
@@ -36,22 +36,14 @@ function useStep() {
   if (data && !data.setFormError) {
     data.setFormError = setFormError;
   }
-  const value = data || context;
+  const context = data || wizardContext;
   const {
-    stepsRef
-  } = value || {};
-  const setTotalSteps = (0, _react.useCallback)(() => {
-    const totalSteps = Object.keys((stepsRef === null || stepsRef === void 0 ? void 0 : stepsRef.current) || {}).length || 0;
-    if (value.totalSteps !== totalSteps) {
-      value.totalSteps = totalSteps;
-    }
-  }, [stepsRef, value]);
-  if (data) {
-    setTotalSteps();
+    totalStepsRef
+  } = context || {};
+  const totalSteps = (totalStepsRef === null || totalStepsRef === void 0 ? void 0 : totalStepsRef.current) || 0;
+  if (context && context.totalSteps !== totalSteps) {
+    context.totalSteps = totalSteps;
   }
-  useLayoutEffect(() => {
-    setTotalSteps();
-  }, [setTotalSteps, stepsRef, value]);
-  return value;
+  return context;
 }
 //# sourceMappingURL=useStep.js.map

package/cjs/extensions/forms/Wizard/hooks/useStep.js.map

@@ -1 +1 @@
-{"version":3,"file":"useStep.js","names":["_react","_interopRequireWildcard","require","_WizardContext","_interopRequireDefault","_useSharedState","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","useLayoutEffect","window","React","useEffect","useStep","id","arguments","length","undefined","onStepChange","setFormError","useCallback","context","useContext","WizardContext","sharedDataRef","useRef","current","useSharedState","createReferenceKey","extend","data","value","stepsRef","setTotalSteps","totalSteps","keys"],"sources":["../../../../../../src/extensions/forms/Wizard/hooks/useStep.tsx"],"sourcesContent":["import React, { useCallback, useContext, useRef } from 'react'\nimport WizardContext, {\n  WizardContextState,\n} from '../Context/WizardContext'\nimport type { OnStepChange } from '../Context/types'\nimport {\n  SharedStateId,\n  createReferenceKey,\n  useSharedState,\n} from '../../../../shared/helpers/useSharedState'\n\n// SSR warning fix: https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85\nconst useLayoutEffect =\n  typeof window === 'undefined' ? React.useEffect : React.useLayoutEffect\n\nexport default function useStep(\n  id: SharedStateId = null,\n  { onStepChange }: { onStepChange?: OnStepChange } = {}\n) {\n  const setFormError = useCallback(() => null, [])\n  const context = useContext(WizardContext) || { setFormError }\n\n  // In order to make it possible to add a \"onStepChange\" handler without an id,\n  // we at least check if there is one from the context.\n  if (onStepChange && !id && context.id) {\n    id = context.id\n  }\n\n  const sharedDataRef =\n    useRef<ReturnType<typeof useSharedState<WizardContextState>>>(null)\n  sharedDataRef.current = useSharedState<WizardContextState>(\n    id ? createReferenceKey(id, 'wizard') : undefined\n  )\n\n  useLayoutEffect(() => {\n    sharedDataRef.current.extend({\n      onStepChange,\n    } as unknown as WizardContextState) // Internal type\n  }, [onStepChange])\n\n  const data = sharedDataRef.current.data\n  if (data && !data.setFormError) {\n    data.setFormError = setFormError\n  }\n\n  const value = data || context\n  const { stepsRef } = value || {}\n  const setTotalSteps = useCallback(() => {\n    const totalSteps = Object.keys(stepsRef?.current || {}).length || 0\n    if (value.totalSteps !== totalSteps) {\n      value.totalSteps = totalSteps\n    }\n  }, [stepsRef, value])\n  if (data) {\n    setTotalSteps()\n  }\n  useLayoutEffect(() => {\n    setTotalSteps()\n  }, [setTotalSteps, stepsRef, value])\n\n  return value\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"useStep.js","names":["_react","_interopRequireWildcard","require","_WizardContext","_interopRequireDefault","_useSharedState","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","useLayoutEffect","window","React","useEffect","useStep","id","arguments","length","undefined","onStepChange","setFormError","useCallback","wizardContext","useContext","WizardContext","sharedDataRef","useRef","current","useSharedState","createReferenceKey","extend","data","context","totalStepsRef","totalSteps"],"sources":["../../../../../../src/extensions/forms/Wizard/hooks/useStep.tsx"],"sourcesContent":["import React, { useCallback, useContext, useRef } from 'react'\nimport WizardContext, {\n  WizardContextState,\n} from '../Context/WizardContext'\nimport type { OnStepChange } from '../Context/types'\nimport {\n  SharedStateId,\n  createReferenceKey,\n  useSharedState,\n} from '../../../../shared/helpers/useSharedState'\n\n// SSR warning fix: https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85\nconst useLayoutEffect =\n  typeof window === 'undefined' ? React.useEffect : React.useLayoutEffect\n\nexport default function useStep(\n  id: SharedStateId = null,\n  { onStepChange }: { onStepChange?: OnStepChange } = {}\n) {\n  const setFormError = useCallback(() => null, [])\n  const wizardContext = useContext(WizardContext) || { setFormError }\n\n  // In order to make it possible to add a \"onStepChange\" handler without an id,\n  // we at least check if there is one from the context.\n  if (onStepChange && !id && wizardContext.id) {\n    id = wizardContext.id\n  }\n\n  const sharedDataRef =\n    useRef<ReturnType<typeof useSharedState<WizardContextState>>>(null)\n  sharedDataRef.current = useSharedState<WizardContextState>(\n    id ? createReferenceKey(id, 'wizard') : undefined\n  )\n\n  useLayoutEffect(() => {\n    sharedDataRef.current.extend({\n      onStepChange,\n    } as unknown as WizardContextState) // Internal type\n  }, [onStepChange])\n\n  const data = sharedDataRef.current.data\n  if (data && !data.setFormError) {\n    data.setFormError = setFormError\n  }\n\n  const context = data || wizardContext\n  const { totalStepsRef } = context || {}\n  const totalSteps = totalStepsRef?.current || 0\n  if (context && context.totalSteps !== totalSteps) {\n    context.totalSteps = totalSteps\n  }\n\n  return context\n}\n"],"mappings":"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","ignoreList":[]}

package/cjs/extensions/forms/hooks/useFieldProps.js

@@ -121,8 +121,10 @@ function useFieldProps(localProps) {
     setMountedField: setMountedFieldSnapshot
   } = (0, _react.useContext)(_SnapshotContext.default) || {};
   const {
-    isVisible
+    isVisible,
+    keepInDOM
   } = (0, _react.useContext)(_VisibilityContext.default) || {};
+  const handleFieldAsVisible = isVisible || keepInDOM;
   const {
     getValueByPath,
     getSourceValue
@@ -176,7 +178,7 @@ function useFieldProps(localProps) {
     activeIndex,
     activeIndexRef,
     prerenderFieldProps,
-    revealError: revealErrorWizard
+    setFieldError: setFieldErrorWizard
   } = wizardContext || {};
   const {
     index: wizardIndex
@@ -404,10 +406,10 @@ function useFieldProps(localProps) {
   }, [setFieldStateDataContext, identifier, setFieldStateFieldBlock, validateInitially]);
   const setErrorState = (0, _react.useCallback)(hasError => {
     showFieldErrorFieldBlock === null || showFieldErrorFieldBlock === void 0 ? void 0 : showFieldErrorFieldBlock(identifier, hasError);
-    revealErrorWizard === null || revealErrorWizard === void 0 ? void 0 : revealErrorWizard(wizardIndex, identifier, hasError);
     revealErrorBoundary === null || revealErrorBoundary === void 0 ? void 0 : revealErrorBoundary(identifier, hasError);
     revealErrorDataContext === null || revealErrorDataContext === void 0 ? void 0 : revealErrorDataContext(identifier, hasError);
-  }, [identifier, revealErrorBoundary, revealErrorDataContext, revealErrorWizard, showFieldErrorFieldBlock, wizardIndex]);
+    setFieldErrorWizard === null || setFieldErrorWizard === void 0 ? void 0 : setFieldErrorWizard(wizardIndex, identifier, handleFieldAsVisible !== false ? hasError : undefined);
+  }, [identifier, handleFieldAsVisible, revealErrorBoundary, revealErrorDataContext, setFieldErrorWizard, showFieldErrorFieldBlock, wizardIndex]);
   const revealError = (0, _react.useCallback)(() => {
     if (validateInitially === false && revealErrorRef.current === false) {
       revealErrorRef.current = undefined;
@@ -641,6 +643,7 @@ function useFieldProps(localProps) {
     localErrorRef.current = error;
     setFieldErrorDataContext === null || setFieldErrorDataContext === void 0 ? void 0 : setFieldErrorDataContext(identifier, error);
     setFieldErrorBoundary === null || setFieldErrorBoundary === void 0 ? void 0 : setFieldErrorBoundary(identifier, error);
+    setFieldErrorWizard === null || setFieldErrorWizard === void 0 ? void 0 : setFieldErrorWizard(wizardIndex, identifier, handleFieldAsVisible !== false ? Boolean(error) : undefined);
     setBlockRecord === null || setBlockRecord === void 0 ? void 0 : setBlockRecord({
       stateId,
       identifier,
@@ -650,7 +653,7 @@ function useFieldProps(localProps) {
     });
     setFieldStateDataContext === null || setFieldStateDataContext === void 0 ? void 0 : setFieldStateDataContext(identifier, error ? 'error' : undefined);
     forceUpdate();
-  }, [identifier, inFieldBlock, prepareError, setFieldErrorBoundary, setFieldErrorDataContext, setFieldStateDataContext, setBlockRecord, stateId, validateInitially]);
+  }, [handleFieldAsVisible, identifier, inFieldBlock, prepareError, setBlockRecord, setFieldErrorBoundary, setFieldErrorDataContext, setFieldErrorWizard, setFieldStateDataContext, stateId, validateInitially, wizardIndex]);
   const clearErrorState = (0, _react.useCallback)(() => {
     var _schemaValidatorRef$c;
     persistErrorState('wipe', undefined);
@@ -1206,7 +1209,12 @@ function useFieldProps(localProps) {
       setFieldErrorBoundary === null || setFieldErrorBoundary === void 0 ? void 0 : setFieldErrorBoundary(identifier, undefined);
       localErrorRef.current = undefined;
     };
-  }, [identifier, setFieldErrorBoundary, setFieldErrorDataContext, setMountedFieldStateDataContext, wizardIndex]);
+  }, [identifier, setFieldErrorBoundary, setFieldErrorDataContext]);
+  (0, _react.useEffect)(() => {
+    return () => {
+      setFieldErrorWizard === null || setFieldErrorWizard === void 0 ? void 0 : setFieldErrorWizard(wizardIndex, identifier, undefined);
+    };
+  }, [identifier, setFieldErrorWizard, wizardIndex]);
   (0, _react.useEffect)(() => {
     validateValue();
   }, [validateValue]);
@@ -1416,7 +1424,7 @@ function useFieldProps(localProps) {
       });
       return () => {
         if (mountedFieldsRefFieldBlock) {
-          mountedFieldsRefFieldBlock.current[identifier] = true;
+          mountedFieldsRefFieldBlock.current.set(identifier, true);
         }
       };
     }
@@ -1453,7 +1461,7 @@ function useFieldProps(localProps) {
   if (inFieldBlock) {
     var _fieldBlockContext$fi;
     if (mountedFieldsRefFieldBlock) {
-      mountedFieldsRefFieldBlock.current[identifier] = true;
+      mountedFieldsRefFieldBlock.current.set(identifier, true);
     }
     const stateIds = (_fieldBlockContext$fi = fieldBlockContext.fieldStateIdsRef) === null || _fieldBlockContext$fi === void 0 ? void 0 : _fieldBlockContext$fi.current;
     if (stateIds) {