@dnb/eufemia 10.69.0 → 10.70.0

package/cjs/extensions/forms/Wizard/Context/WizardContext.d.ts

@@ -1,7 +1,13 @@
 import React from 'react';
 import { Path } from '../../types';
 import { VisibleWhen } from '../../Form/Visibility';
-import { InternalStepStatus, InternalStepStatuses, SetActiveIndexOptions, StepIndex, Steps } from './types';
+import { InternalStepStatus, SetActiveIndexOptions, StepIndex, Steps } from './types';
+export type HandleStatusArgs = {
+    id: string;
+    index: StepIndex;
+    inactive: boolean;
+    titleProp: React.ReactNode;
+};
 export interface WizardContextState {
     id?: string;
     totalSteps?: number;
@@ -11,8 +17,9 @@ export interface WizardContextState {
     stepsRef?: React.MutableRefObject<Steps>;
     updateTitlesRef?: React.MutableRefObject<() => void>;
     activeIndexRef?: React.MutableRefObject<StepIndex>;
+    stepIndexRef?: React.MutableRefObject<StepIndex>;
     totalStepsRef?: React.MutableRefObject<number>;
-    stepStatusRef?: React.MutableRefObject<InternalStepStatuses>;
+    submitCountRef?: React.MutableRefObject<number>;
     prerenderFieldPropsRef?: React.MutableRefObject<Record<string, () => React.ReactElement>>;
     hasErrorInOtherStepRef?: React.MutableRefObject<boolean>;
     prerenderFieldProps?: boolean;
@@ -21,11 +28,17 @@ export interface WizardContextState {
     handleNext?: () => void;
     setActiveIndex?: (index: StepIndex, { skipStepChangeCall, skipStepChangeCallBeforeMounted, skipStepChangeCallFromHook, }?: SetActiveIndexOptions) => void;
     setFormError?: (error: Error) => void;
-    revealError?: (index: StepIndex, path: Path, hasError: boolean) => void;
-    hasInvalidStepsState?: (forStates?: Array<InternalStepStatus>) => boolean;
+    setFieldError?: (index: StepIndex, path: Path, hasError: boolean) => void;
+    writeStepsState?: (index?: StepIndex, forStates?: Array<InternalStepStatus>) => void;
+    hasInvalidStepsState?: (index?: StepIndex, forStates?: Array<InternalStepStatus>) => boolean;
     check?: ({ visibleWhen }: {
         visibleWhen: VisibleWhen;
     }) => boolean;
+    collectStepsData?: (args: HandleStatusArgs) => {
+        title: string;
+    };
+    enableMapOverChildren?: () => void;
+    mapOverChildrenRef?: React.MutableRefObject<boolean>;
 }
 declare const WizardContext: React.Context<WizardContextState>;
 export default WizardContext;

package/cjs/extensions/forms/Wizard/Context/WizardContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"WizardContext.js","names":["_react","_interopRequireDefault","require","e","__esModule","default","WizardContext","React","createContext","undefined","_default","exports"],"sources":["../../../../../../src/extensions/forms/Wizard/Context/WizardContext.ts"],"sourcesContent":["import React from 'react'\nimport { Path } from '../../types'\nimport { VisibleWhen } from '../../Form/Visibility'\nimport {\n  InternalStepStatus,\n  InternalStepStatuses,\n  SetActiveIndexOptions,\n  StepIndex,\n  Steps,\n} from './types'\n\nexport interface WizardContextState {\n  id?: string\n  totalSteps?: number\n  activeIndex?: StepIndex\n  initialActiveIndex?: StepIndex\n  stepElementRef?: React.MutableRefObject<HTMLElement>\n  stepsRef?: React.MutableRefObject<Steps>\n  updateTitlesRef?: React.MutableRefObject<() => void>\n  activeIndexRef?: React.MutableRefObject<StepIndex>\n  totalStepsRef?: React.MutableRefObject<number>\n  stepStatusRef?: React.MutableRefObject<InternalStepStatuses>\n  prerenderFieldPropsRef?: React.MutableRefObject<\n    Record<string, () => React.ReactElement>\n  >\n  hasErrorInOtherStepRef?: React.MutableRefObject<boolean>\n  prerenderFieldProps?: boolean\n  keepInDOM?: boolean\n  handlePrevious?: () => void\n  handleNext?: () => void\n  setActiveIndex?: (\n    index: StepIndex,\n    {\n      skipStepChangeCall,\n      skipStepChangeCallBeforeMounted,\n      skipStepChangeCallFromHook,\n    }?: SetActiveIndexOptions\n  ) => void\n  setFormError?: (error: Error) => void\n  revealError?: (index: StepIndex, path: Path, hasError: boolean) => void\n  hasInvalidStepsState?: (forStates?: Array<InternalStepStatus>) => boolean\n  check?: ({ visibleWhen }: { visibleWhen: VisibleWhen }) => boolean\n}\n\nconst WizardContext = React.createContext<WizardContextState | undefined>(\n  undefined\n)\n\nexport default WizardContext\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAyB,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AA4CzB,MAAMG,aAAa,GAAGC,cAAK,CAACC,aAAa,CACvCC,SACF,CAAC;AAAA,IAAAC,QAAA,GAAAC,OAAA,CAAAN,OAAA,GAEcC,aAAa","ignoreList":[]}
+{"version":3,"file":"WizardContext.js","names":["_react","_interopRequireDefault","require","e","__esModule","default","WizardContext","React","createContext","undefined","_default","exports"],"sources":["../../../../../../src/extensions/forms/Wizard/Context/WizardContext.ts"],"sourcesContent":["import React from 'react'\nimport { Path } from '../../types'\nimport { VisibleWhen } from '../../Form/Visibility'\nimport {\n  InternalStepStatus,\n  SetActiveIndexOptions,\n  StepIndex,\n  Steps,\n} from './types'\n\nexport type HandleStatusArgs = {\n  id: string\n  index: StepIndex\n  inactive: boolean\n  titleProp: React.ReactNode\n}\n\nexport interface WizardContextState {\n  id?: string\n  totalSteps?: number\n  activeIndex?: StepIndex\n  initialActiveIndex?: StepIndex\n  stepElementRef?: React.MutableRefObject<HTMLElement>\n  stepsRef?: React.MutableRefObject<Steps>\n  updateTitlesRef?: React.MutableRefObject<() => void>\n  activeIndexRef?: React.MutableRefObject<StepIndex>\n  stepIndexRef?: React.MutableRefObject<StepIndex>\n  totalStepsRef?: React.MutableRefObject<number>\n  submitCountRef?: React.MutableRefObject<number>\n  prerenderFieldPropsRef?: React.MutableRefObject<\n    Record<string, () => React.ReactElement>\n  >\n  hasErrorInOtherStepRef?: React.MutableRefObject<boolean>\n  prerenderFieldProps?: boolean\n  keepInDOM?: boolean\n  handlePrevious?: () => void\n  handleNext?: () => void\n  setActiveIndex?: (\n    index: StepIndex,\n    {\n      skipStepChangeCall,\n      skipStepChangeCallBeforeMounted,\n      skipStepChangeCallFromHook,\n    }?: SetActiveIndexOptions\n  ) => void\n  setFormError?: (error: Error) => void\n  setFieldError?: (index: StepIndex, path: Path, hasError: boolean) => void\n  writeStepsState?: (\n    index?: StepIndex,\n    forStates?: Array<InternalStepStatus>\n  ) => void\n  hasInvalidStepsState?: (\n    index?: StepIndex,\n    forStates?: Array<InternalStepStatus>\n  ) => boolean\n  check?: ({ visibleWhen }: { visibleWhen: VisibleWhen }) => boolean\n  collectStepsData?: (args: HandleStatusArgs) => { title: string }\n  enableMapOverChildren?: () => void\n  mapOverChildrenRef?: React.MutableRefObject<boolean>\n}\n\nconst WizardContext = React.createContext<WizardContextState | undefined>(\n  undefined\n)\n\nexport default WizardContext\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAyB,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AA6DzB,MAAMG,aAAa,GAAGC,cAAK,CAACC,aAAa,CACvCC,SACF,CAAC;AAAA,IAAAC,QAAA,GAAAC,OAAA,CAAAN,OAAA,GAEcC,aAAa","ignoreList":[]}

package/cjs/extensions/forms/Wizard/Context/types.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { StepIndicatorStatusState } from '../../../../components/step-indicator/StepIndicatorItem';
 import { EventReturnWithStateObject, Path } from '../../types';
 export type OnStepsChangeMode = 'previous' | 'next' | 'stepListModified';
@@ -11,9 +12,11 @@ export type OnStepChangeOptions = {
 };
 export type OnStepChange = (index: StepIndex, mode: OnStepsChangeMode, options: OnStepChangeOptions) => EventReturnWithStateObject | void | Promise<EventReturnWithStateObject | void>;
 export type StepIndex = number;
-export type Steps = Record<string, {
-    title: string;
+export type Steps = Map<StepIndex, {
+    index: StepIndex;
     id: string;
+    title: React.ReactNode;
+    stringifiedTitle: string;
     inactive?: boolean;
     /** Used internally to set the status */
     status?: string;
@@ -26,10 +29,10 @@ export type SetActiveIndexOptions = {
     skipStepChangeCallFromHook?: boolean;
     skipErrorCheck?: boolean;
 };
-export type InternalStepStatus = 'error' | 'valid' | 'unknown' | undefined;
-export type InternalStepStatuses = Record<StepIndex, InternalStepStatus>;
-export type InternalVisitedSteps = Record<StepIndex, boolean>;
-export type InternalFieldError = Record<Path, {
+export type InternalStepStatus = 'error' | 'unknown' | undefined;
+export type InternalStepStatuses = Map<StepIndex, InternalStepStatus>;
+export type InternalVisitedSteps = Map<StepIndex, boolean>;
+export type InternalFieldError = Map<Path, {
     index: StepIndex;
     hasError: boolean;
 }>;

package/cjs/extensions/forms/Wizard/Context/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../../../../src/extensions/forms/Wizard/Context/types.ts"],"sourcesContent":["import { StepIndicatorStatusState } from '../../../../components/step-indicator/StepIndicatorItem'\nimport { EventReturnWithStateObject, Path } from '../../types'\n\nexport type OnStepsChangeMode = 'previous' | 'next' | 'stepListModified'\nexport type OnStepChangeOptions = {\n  preventNavigation: (shouldPrevent?: boolean) => void\n  id?: string\n  previousStep: {\n    index: StepIndex\n    id?: string\n  }\n}\nexport type OnStepChange = (\n  index: StepIndex,\n  mode: OnStepsChangeMode,\n  options: OnStepChangeOptions\n) =>\n  | EventReturnWithStateObject\n  | void\n  | Promise<EventReturnWithStateObject | void>\n\nexport type StepIndex = number\nexport type Steps = Record<\n  string,\n  {\n    title: string\n    id: string\n    inactive?: boolean\n\n    /** Used internally to set the status */\n    status?: string\n\n    /** Used internally to set the statusState */\n    statusState?: StepIndicatorStatusState\n  }\n>\nexport type SetActiveIndexOptions = {\n  skipStepChangeCall?: boolean\n  skipStepChangeCallBeforeMounted?: boolean\n  skipStepChangeCallFromHook?: boolean\n  skipErrorCheck?: boolean\n}\n\nexport type InternalStepStatus = 'error' | 'valid' | 'unknown' | undefined\nexport type InternalStepStatuses = Record<StepIndex, InternalStepStatus>\nexport type InternalVisitedSteps = Record<StepIndex, boolean>\nexport type InternalFieldError = Record<\n  Path,\n  {\n    index: StepIndex\n    hasError: boolean\n  }\n>\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"types.js","names":[],"sources":["../../../../../../src/extensions/forms/Wizard/Context/types.ts"],"sourcesContent":["import { StepIndicatorStatusState } from '../../../../components/step-indicator/StepIndicatorItem'\nimport { EventReturnWithStateObject, Path } from '../../types'\n\nexport type OnStepsChangeMode = 'previous' | 'next' | 'stepListModified'\nexport type OnStepChangeOptions = {\n  preventNavigation: (shouldPrevent?: boolean) => void\n  id?: string\n  previousStep: {\n    index: StepIndex\n    id?: string\n  }\n}\nexport type OnStepChange = (\n  index: StepIndex,\n  mode: OnStepsChangeMode,\n  options: OnStepChangeOptions\n) =>\n  | EventReturnWithStateObject\n  | void\n  | Promise<EventReturnWithStateObject | void>\n\nexport type StepIndex = number\nexport type Steps = Map<\n  StepIndex,\n  {\n    index: StepIndex\n    id: string\n    title: React.ReactNode\n    stringifiedTitle: string\n    inactive?: boolean\n\n    /** Used internally to set the status */\n    status?: string\n\n    /** Used internally to set the statusState */\n    statusState?: StepIndicatorStatusState\n  }\n>\nexport type SetActiveIndexOptions = {\n  skipStepChangeCall?: boolean\n  skipStepChangeCallBeforeMounted?: boolean\n  skipStepChangeCallFromHook?: boolean\n  skipErrorCheck?: boolean\n}\n\nexport type InternalStepStatus = 'error' | 'unknown' | undefined\nexport type InternalStepStatuses = Map<StepIndex, InternalStepStatus>\nexport type InternalVisitedSteps = Map<StepIndex, boolean>\nexport type InternalFieldError = Map<\n  Path,\n  {\n    index: StepIndex\n    hasError: boolean\n  }\n>\n"],"mappings":"","ignoreList":[]}

package/cjs/extensions/forms/Wizard/Step/Step.d.ts

@@ -4,7 +4,7 @@ import { Props as FlexContainerProps } from '../../../../components/flex/Contain
 import type { VisibleWhen } from '../../Form/Visibility';
 export type Props = ComponentProps & FlexContainerProps & {
     /**
-     * A title that will be displayed in the indicator.
+     * An unique title of the step.
      */
     title?: React.ReactNode;
     /**

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

@@ -1,12 +1,12 @@
 "use strict";
 "use client";
 
-require("core-js/modules/web.dom-collections.iterator.js");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 exports.handleDeprecatedProps = handleDeprecatedProps;
+require("core-js/modules/web.dom-collections.iterator.js");
 var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _WizardContext = _interopRequireDefault(require("../Context/WizardContext"));
@@ -14,9 +14,9 @@ var _StepContext = _interopRequireDefault(require("./StepContext"));
 var _Flex = _interopRequireDefault(require("../../../../components/flex/Flex"));
 var _componentHelper = require("../../../../shared/component-helper");
 var _Provider = _interopRequireDefault(require("../../Field/Provider"));
-var _Fragment;
+var _Fragment, _Fragment2, _Fragment3;
 const _excluded = ["active", "activeWhen", "include", "includeWhen"],
-  _excluded2 = ["className", "title", "inactive", "index", "include", "includeWhen", "required", "keepInDOM", "prerenderFieldProps", "children"];
+  _excluded2 = ["id", "className", "title", "index", "inactive", "include", "includeWhen", "required", "keepInDOM", "prerenderFieldProps", "children"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -28,7 +28,6 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-const useLayoutEffect = typeof window === 'undefined' ? _react.default.useEffect : _react.default.useLayoutEffect;
 function handleDeprecatedProps(_ref) {
   let {
       active,
@@ -45,10 +44,11 @@ function handleDeprecatedProps(_ref) {
 function Step(props) {
   const _handleDeprecatedProp = handleDeprecatedProps(props),
     {
+      id,
       className,
       title,
+      index: indexProp,
       inactive,
-      index,
       include = true,
       includeWhen,
       required,
@@ -59,33 +59,76 @@ function Step(props) {
     restProps = _objectWithoutProperties(_handleDeprecatedProp, _excluded2);
   const {
     check,
+    enableMapOverChildren,
     activeIndex,
     initialActiveIndex,
-    stepsRef,
+    totalStepsRef,
     stepElementRef,
+    stepIndexRef,
+    stepsRef,
     keepInDOM
   } = (0, _react.useContext)(_WizardContext.default) || {};
-  const ariaLabel = (0, _react.useMemo)(() => {
-    var _ref2, _stepsRef$current, _stepsRef$current$ind, _stepsRef$current2;
-    return (_ref2 = !prerenderFieldProps && ((stepsRef === null || stepsRef === void 0 ? void 0 : (_stepsRef$current = stepsRef.current) === null || _stepsRef$current === void 0 ? void 0 : (_stepsRef$current$ind = _stepsRef$current[index]) === null || _stepsRef$current$ind === void 0 ? void 0 : _stepsRef$current$ind.title) || (stepsRef === null || stepsRef === void 0 ? void 0 : (_stepsRef$current2 = stepsRef.current) === null || _stepsRef$current2 === void 0 ? void 0 : _stepsRef$current2[index]))) !== null && _ref2 !== void 0 ? _ref2 : (0, _componentHelper.convertJsxToString)(title);
-  }, [index, prerenderFieldProps, title, stepsRef]);
-  const currentElementRef = (0, _react.useRef)();
-  useLayoutEffect(() => {
-    if (!prerenderFieldProps && typeof stepElementRef !== 'undefined') {
-      if (currentElementRef.current) {
-        stepElementRef.current = currentElementRef.current;
+  const wizardStepContext = (0, _react.useContext)(_StepContext.default) || {};
+  const indexFromContext = wizardStepContext.index;
+  const totalSteps = totalStepsRef === null || totalStepsRef === void 0 ? void 0 : totalStepsRef.current;
+  const ariaLabel = (0, _react.useMemo)(() => (0, _componentHelper.convertJsxToString)(title), [title]);
+  const index = (0, _react.useMemo)(() => {
+    if (indexProp !== undefined) {
+      return indexProp;
+    }
+    if (indexFromContext !== undefined) {
+      return indexFromContext;
+    }
+    if (stepsRef !== null && stepsRef !== void 0 && stepsRef.current) {
+      const {
+        index
+      } = Array.from(stepsRef.current.values()).find(_ref2 => {
+        var _originalTitleProp$pr;
+        let {
+          id: currentId,
+          title: originalTitleProp,
+          stringifiedTitle
+        } = _ref2;
+        if (id !== undefined) {
+          return id === currentId;
+        }
+        const translationId = originalTitleProp === null || originalTitleProp === void 0 ? void 0 : (_originalTitleProp$pr = originalTitleProp['props']) === null || _originalTitleProp$pr === void 0 ? void 0 : _originalTitleProp$pr.id;
+        if (translationId) {
+          var _title$props;
+          return translationId === (title === null || title === void 0 ? void 0 : (_title$props = title['props']) === null || _title$props === void 0 ? void 0 : _title$props.id);
+        }
+        if (stringifiedTitle) {
+          return stringifiedTitle === ariaLabel;
+        }
+        return originalTitleProp === title;
+      }) || {};
+      if (index !== undefined) {
+        return index;
       }
-      return () => {
-        stepElementRef.current = null;
-      };
     }
-  }, [prerenderFieldProps, stepElementRef]);
+    if (totalSteps && stepIndexRef) {
+      stepIndexRef.current += 1;
+    }
+    return stepIndexRef === null || stepIndexRef === void 0 ? void 0 : stepIndexRef.current;
+  }, [indexProp, stepsRef, totalSteps, stepIndexRef, indexFromContext, title, id, ariaLabel]);
+  if (index >= totalSteps) {
+    enableMapOverChildren();
+  }
   if (prerenderFieldProps) {
     return children;
   }
+  if (include === false) {
+    return _Fragment || (_Fragment = _react.default.createElement(_react.default.Fragment, null));
+  }
+  if (includeWhen && !check({
+    visibleWhen: includeWhen
+  })) {
+    return _Fragment2 || (_Fragment2 = _react.default.createElement(_react.default.Fragment, null));
+  }
   const fieldProps = typeof required === 'boolean' ? {
     required
   } : undefined;
+  const innerRef = !prerenderFieldProps && activeIndex === index ? stepElementRef : null;
   const content = _react.default.createElement(_StepContext.default.Provider, {
     value: {
       index
@@ -94,10 +137,10 @@ function Step(props) {
     className: (0, _classnames.default)('dnb-forms-step', className),
     element: "section",
     "aria-label": ariaLabel,
-    innerRef: currentElementRef,
+    innerRef: innerRef,
     tabIndex: -1
   }, restProps), fieldProps ? _react.default.createElement(_Provider.default, fieldProps, children) : children));
-  if (activeIndex !== index || include === false || includeWhen && !check({
+  if (activeIndex !== index || includeWhen && !check({
     visibleWhen: includeWhen
   })) {
     if (keepInDOMProp !== null && keepInDOMProp !== void 0 ? keepInDOMProp : keepInDOM) {
@@ -110,7 +153,7 @@ function Step(props) {
         (0, _componentHelper.warn)(`initialActiveIndex={${initialActiveIndex}} is used. Fields of previews steps may not validate. You can use "keepInDOM" to always run validation.`);
       }
     }
-    return _Fragment || (_Fragment = _react.default.createElement(_react.default.Fragment, null));
+    return _Fragment3 || (_Fragment3 = _react.default.createElement(_react.default.Fragment, null));
   }
   return _react.default.createElement(_react.default.Fragment, null, content);
 }

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":"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","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
@@ -403,11 +405,11 @@ function useFieldProps(localProps) {
     }
   }, [setFieldStateDataContext, identifier, setFieldStateFieldBlock, validateInitially]);
   const setErrorState = (0, _react.useCallback)(hasError => {
+    setFieldErrorWizard === null || setFieldErrorWizard === void 0 ? void 0 : setFieldErrorWizard(wizardIndex, identifier, handleFieldAsVisible !== false ? hasError : undefined);
     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]);
+  }, [identifier, handleFieldAsVisible, revealErrorBoundary, revealErrorDataContext, setFieldErrorWizard, showFieldErrorFieldBlock, wizardIndex]);
   const revealError = (0, _react.useCallback)(() => {
     if (validateInitially === false && revealErrorRef.current === false) {
       revealErrorRef.current = undefined;
@@ -650,7 +652,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]);
+  }, [identifier, inFieldBlock, prepareError, setBlockRecord, setFieldErrorBoundary, setFieldErrorDataContext, setFieldStateDataContext, stateId, validateInitially]);
   const clearErrorState = (0, _react.useCallback)(() => {
     var _schemaValidatorRef$c;
     persistErrorState('wipe', undefined);
@@ -1206,7 +1208,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]);
@@ -1389,7 +1396,7 @@ function useFieldProps(localProps) {
     await runPool();
   }, [addToPool, startOnBlurValidatorProcess, hasError, runPool, startOnChangeValidatorValidation]);
   (0, _react.useEffect)(() => {
-    setFieldEventListener === null || setFieldEventListener === void 0 ? void 0 : setFieldEventListener(identifier, 'onSubmit', onSubmitHandler);
+    setFieldEventListener === null || setFieldEventListener === void 0 ? void 0 : setFieldEventListener(identifier, 'onSubmitCall', onSubmitHandler);
   }, [identifier, onSubmitHandler, setFieldEventListener]);
   (0, _react.useEffect)(() => {
     if (inFieldBlock) {
@@ -1416,7 +1423,7 @@ function useFieldProps(localProps) {
       });
       return () => {
         if (mountedFieldsRefFieldBlock) {
-          mountedFieldsRefFieldBlock.current[identifier] = true;
+          mountedFieldsRefFieldBlock.current.set(identifier, true);
         }
       };
     }
@@ -1453,7 +1460,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) {