@dnb/eufemia 10.75.0 → 10.75.2

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Path } from '../../types';
 import { VisibleWhen } from '../../Form/Visibility';
-import { InternalStepStatus, SetActiveIndexOptions, StepIndex, Steps } from './types';
+import { InternalStepStatus, OnStepChange, SetActiveIndexOptions, StepIndex, Steps } from './types';
 export type HandleStatusArgs = {
     id: string;
     index: StepIndex;
@@ -24,6 +24,7 @@ export interface WizardContextState {
         fn: () => React.ReactElement;
     }>>;
     hasErrorInOtherStepRef?: React.MutableRefObject<boolean>;
+    onStepChangeEventsRef?: React.MutableRefObject<Set<OnStepChange>>;
     prerenderFieldProps?: boolean;
     keepInDOM?: boolean;
     handlePrevious?: () => void;

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

@@ -1 +1 @@
-{"version":3,"file":"WizardContext.js","names":["React","WizardContext","createContext","undefined"],"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  prerenderFieldPropsRef?: React.MutableRefObject<\n    Record<\n      `step-${number}`,\n      {\n        index: number\n        fn: () => React.ReactElement\n      }\n    >\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  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,OAAOA,KAAK,MAAM,OAAO;AA8DzB,MAAMC,aAAa,GAAGD,KAAK,CAACE,aAAa,CACvCC,SACF,CAAC;AAED,eAAeF,aAAa","ignoreList":[]}
+{"version":3,"file":"WizardContext.js","names":["React","WizardContext","createContext","undefined"],"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  OnStepChange,\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  prerenderFieldPropsRef?: React.MutableRefObject<\n    Record<\n      `step-${number}`,\n      {\n        index: number\n        fn: () => React.ReactElement\n      }\n    >\n  >\n  hasErrorInOtherStepRef?: React.MutableRefObject<boolean>\n  onStepChangeEventsRef?: React.MutableRefObject<Set<OnStepChange>>\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  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,OAAOA,KAAK,MAAM,OAAO;AAgEzB,MAAMC,aAAa,GAAGD,KAAK,CAACE,aAAa,CACvCC,SACF,CAAC;AAED,eAAeF,aAAa","ignoreList":[]}

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

@@ -96,7 +96,7 @@ function Step(props) {
     }
     return stepIndexRef === null || stepIndexRef === void 0 ? void 0 : stepIndexRef.current;
   }, [indexProp, stepsRef, totalSteps, stepIndexRef, indexFromContext, title, id, ariaLabel]);
-  if (index >= totalSteps) {
+  if (!prerenderFieldProps && index >= totalSteps) {
     enableMapOverChildren();
   }
   if (include === false) {

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

@@ -1 +1 @@
-{"version":3,"file":"Step.js","names":["React","useContext","useMemo","classnames","WizardContext","WizardStepContext","Flex","convertJsxToString","FieldProvider","handleDeprecatedProps","_ref","active","activeWhen","include","includeWhen","rest","_objectWithoutProperties","_excluded","_objectSpread","Step","props","_handleDeprecatedProp","id","className","title","index","indexProp","inactive","required","keepInDOM","keepInDOMProp","prerenderFieldProps","children","restProps","_excluded2","check","enableMapOverChildren","activeIndex","totalStepsRef","stepElementRef","stepIndexRef","stepsRef","wizardStepContext","indexFromContext","totalSteps","current","ariaLabel","undefined","Array","from","values","find","currentId","originalTitleProp","stringifiedTitle","_originalTitleProp$pr","translationId","_title$props","_Fragment","createElement","Fragment","visibleWhen","_Fragment2","fieldProps","childrenWithFieldProvider","Provider","value","innerRef","childrenWithFlex","Stack","_extends","element","tabIndex","hidden","_Fragment3","_supportsSpacingProps"],"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 { convertJsxToString } 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    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 (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 childrenWithFieldProvider = fieldProps ? (\n    <FieldProvider {...fieldProps}>{children}</FieldProvider>\n  ) : (\n    children\n  )\n\n  if (prerenderFieldProps) {\n    return (\n      <WizardStepContext.Provider value={{ index }}>\n        {childrenWithFieldProvider as JSX.Element}\n      </WizardStepContext.Provider>\n    )\n  }\n\n  const innerRef = activeIndex === index ? stepElementRef : null\n  const childrenWithFlex = (\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        {childrenWithFieldProvider}\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          {childrenWithFlex}\n        </div>\n      )\n    }\n\n    // Another step is active\n    return <></>\n  }\n\n  return <>{childrenWithFlex}</>\n}\n\nStep._supportsSpacingProps = true\nexport default Step\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Step.js","names":["React","useContext","useMemo","classnames","WizardContext","WizardStepContext","Flex","convertJsxToString","FieldProvider","handleDeprecatedProps","_ref","active","activeWhen","include","includeWhen","rest","_objectWithoutProperties","_excluded","_objectSpread","Step","props","_handleDeprecatedProp","id","className","title","index","indexProp","inactive","required","keepInDOM","keepInDOMProp","prerenderFieldProps","children","restProps","_excluded2","check","enableMapOverChildren","activeIndex","totalStepsRef","stepElementRef","stepIndexRef","stepsRef","wizardStepContext","indexFromContext","totalSteps","current","ariaLabel","undefined","Array","from","values","find","currentId","originalTitleProp","stringifiedTitle","_originalTitleProp$pr","translationId","_title$props","_Fragment","createElement","Fragment","visibleWhen","_Fragment2","fieldProps","childrenWithFieldProvider","Provider","value","innerRef","childrenWithFlex","Stack","_extends","element","tabIndex","hidden","_Fragment3","_supportsSpacingProps"],"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 { convertJsxToString } 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    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 (!prerenderFieldProps && index >= totalSteps) {\n    enableMapOverChildren()\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 childrenWithFieldProvider = fieldProps ? (\n    <FieldProvider {...fieldProps}>{children}</FieldProvider>\n  ) : (\n    children\n  )\n\n  if (prerenderFieldProps) {\n    return (\n      <WizardStepContext.Provider value={{ index }}>\n        {childrenWithFieldProvider as JSX.Element}\n      </WizardStepContext.Provider>\n    )\n  }\n\n  const innerRef = activeIndex === index ? stepElementRef : null\n  const childrenWithFlex = (\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        {childrenWithFieldProvider}\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          {childrenWithFlex}\n        </div>\n      )\n    }\n\n    // Another step is active\n    return <></>\n  }\n\n  return <>{childrenWithFlex}</>\n}\n\nStep._supportsSpacingProps = true\nexport default Step\n"],"mappings":"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","ignoreList":[]}

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

@@ -16,11 +16,6 @@ export default function useStep(id = null, {
   }
   const sharedDataRef = useRef(null);
   sharedDataRef.current = useSharedState(id ? createReferenceKey(id, 'wizard') : undefined);
-  useLayoutEffect(() => {
-    sharedDataRef.current.extend({
-      onStepChange
-    });
-  }, [onStepChange]);
   const data = sharedDataRef.current.data;
   if (data && !data.setFormError) {
     data.setFormError = setFormError;
@@ -33,6 +28,19 @@ export default function useStep(id = null, {
   if (context && context.totalSteps !== totalSteps) {
     context.totalSteps = totalSteps;
   }
+  useLayoutEffect(() => {
+    const {
+      onStepChangeEventsRef
+    } = context || {};
+    if (onStepChange && onStepChangeEventsRef !== null && onStepChangeEventsRef !== void 0 && onStepChangeEventsRef.current && !onStepChangeEventsRef.current.has(onStepChange)) {
+      onStepChangeEventsRef === null || onStepChangeEventsRef === void 0 ? void 0 : onStepChangeEventsRef.current.add(onStepChange);
+    }
+  }, [context, onStepChange]);
+  useLayoutEffect(() => {
+    if (id) {
+      sharedDataRef.current.extend({});
+    }
+  }, [id]);
   return context;
 }
 //# sourceMappingURL=useStep.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useStep.js","names":["React","useCallback","useContext","useRef","WizardContext","createReferenceKey","useSharedState","useLayoutEffect","window","useEffect","useStep","id","onStepChange","setFormError","wizardContext","sharedDataRef","current","undefined","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":";;AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,UAAU,EAAEC,MAAM,QAAQ,OAAO;AAC9D,OAAOC,aAAa,MAEb,0BAA0B;AAEjC,SAEEC,kBAAkB,EAClBC,cAAc,QACT,2CAA2C;AAGlD,MAAMC,eAAe,GACnB,OAAOC,MAAM,KAAK,WAAW,GAAGR,KAAK,CAACS,SAAS,GAAGT,KAAK,CAACO,eAAe;AAEzE,eAAe,SAASG,OAAOA,CAC7BC,EAAiB,GAAG,IAAI,EACxB;EAAEC;AAA8C,CAAC,GAAG,CAAC,CAAC,EACtD;EACA,MAAMC,YAAY,GAAGZ,WAAW,CAAC,MAAM,IAAI,EAAE,EAAE,CAAC;EAChD,MAAMa,aAAa,GAAGZ,UAAU,CAACE,aAAa,CAAC,IAAI;IAAES;EAAa,CAAC;EAInE,IAAID,YAAY,IAAI,CAACD,EAAE,IAAIG,aAAa,CAACH,EAAE,EAAE;IAC3CA,EAAE,GAAGG,aAAa,CAACH,EAAE;EACvB;EAEA,MAAMI,aAAa,GACjBZ,MAAM,CAAwD,IAAI,CAAC;EACrEY,aAAa,CAACC,OAAO,GAAGV,cAAc,CACpCK,EAAE,GAAGN,kBAAkB,CAACM,EAAE,EAAE,QAAQ,CAAC,GAAGM,SAC1C,CAAC;EAEDV,eAAe,CAAC,MAAM;IACpBQ,aAAa,CAACC,OAAO,CAACE,MAAM,CAAC;MAC3BN;IACF,CAAkC,CAAC;EACrC,CAAC,EAAE,CAACA,YAAY,CAAC,CAAC;EAElB,MAAMO,IAAI,GAAGJ,aAAa,CAACC,OAAO,CAACG,IAAI;EACvC,IAAIA,IAAI,IAAI,CAACA,IAAI,CAACN,YAAY,EAAE;IAC9BM,IAAI,CAACN,YAAY,GAAGA,YAAY;EAClC;EAEA,MAAMO,OAAO,GAAGD,IAAI,IAAIL,aAAa;EACrC,MAAM;IAAEO;EAAc,CAAC,GAAGD,OAAO,IAAI,CAAC,CAAC;EACvC,MAAME,UAAU,GAAG,CAAAD,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEL,OAAO,KAAI,CAAC;EAC9C,IAAII,OAAO,IAAIA,OAAO,CAACE,UAAU,KAAKA,UAAU,EAAE;IAChDF,OAAO,CAACE,UAAU,GAAGA,UAAU;EACjC;EAEA,OAAOF,OAAO;AAChB","ignoreList":[]}
+{"version":3,"file":"useStep.js","names":["React","useCallback","useContext","useRef","WizardContext","createReferenceKey","useSharedState","useLayoutEffect","window","useEffect","useStep","id","onStepChange","setFormError","wizardContext","sharedDataRef","current","undefined","data","context","totalStepsRef","totalSteps","onStepChangeEventsRef","has","add","extend"],"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  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  useLayoutEffect(() => {\n    const { onStepChangeEventsRef } = context || {}\n    if (\n      onStepChange &&\n      onStepChangeEventsRef?.current &&\n      !onStepChangeEventsRef.current.has(onStepChange)\n    ) {\n      onStepChangeEventsRef?.current.add(onStepChange)\n    }\n  }, [context, onStepChange])\n\n  useLayoutEffect(() => {\n    if (id) {\n      // Sync the shared context\n      sharedDataRef.current.extend({})\n    }\n  }, [id])\n\n  return context\n}\n"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,UAAU,EAAEC,MAAM,QAAQ,OAAO;AAC9D,OAAOC,aAAa,MAEb,0BAA0B;AAEjC,SAEEC,kBAAkB,EAClBC,cAAc,QACT,2CAA2C;AAGlD,MAAMC,eAAe,GACnB,OAAOC,MAAM,KAAK,WAAW,GAAGR,KAAK,CAACS,SAAS,GAAGT,KAAK,CAACO,eAAe;AAEzE,eAAe,SAASG,OAAOA,CAC7BC,EAAiB,GAAG,IAAI,EACxB;EAAEC;AAA8C,CAAC,GAAG,CAAC,CAAC,EACtD;EACA,MAAMC,YAAY,GAAGZ,WAAW,CAAC,MAAM,IAAI,EAAE,EAAE,CAAC;EAChD,MAAMa,aAAa,GAAGZ,UAAU,CAACE,aAAa,CAAC,IAAI;IAAES;EAAa,CAAC;EAInE,IAAID,YAAY,IAAI,CAACD,EAAE,IAAIG,aAAa,CAACH,EAAE,EAAE;IAC3CA,EAAE,GAAGG,aAAa,CAACH,EAAE;EACvB;EAEA,MAAMI,aAAa,GACjBZ,MAAM,CAAwD,IAAI,CAAC;EACrEY,aAAa,CAACC,OAAO,GAAGV,cAAc,CACpCK,EAAE,GAAGN,kBAAkB,CAACM,EAAE,EAAE,QAAQ,CAAC,GAAGM,SAC1C,CAAC;EAED,MAAMC,IAAI,GAAGH,aAAa,CAACC,OAAO,CAACE,IAAI;EACvC,IAAIA,IAAI,IAAI,CAACA,IAAI,CAACL,YAAY,EAAE;IAC9BK,IAAI,CAACL,YAAY,GAAGA,YAAY;EAClC;EAEA,MAAMM,OAAO,GAAGD,IAAI,IAAIJ,aAAa;EACrC,MAAM;IAAEM;EAAc,CAAC,GAAGD,OAAO,IAAI,CAAC,CAAC;EACvC,MAAME,UAAU,GAAG,CAAAD,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEJ,OAAO,KAAI,CAAC;EAC9C,IAAIG,OAAO,IAAIA,OAAO,CAACE,UAAU,KAAKA,UAAU,EAAE;IAChDF,OAAO,CAACE,UAAU,GAAGA,UAAU;EACjC;EAEAd,eAAe,CAAC,MAAM;IACpB,MAAM;MAAEe;IAAsB,CAAC,GAAGH,OAAO,IAAI,CAAC,CAAC;IAC/C,IACEP,YAAY,IACZU,qBAAqB,aAArBA,qBAAqB,eAArBA,qBAAqB,CAAEN,OAAO,IAC9B,CAACM,qBAAqB,CAACN,OAAO,CAACO,GAAG,CAACX,YAAY,CAAC,EAChD;MACAU,qBAAqB,aAArBA,qBAAqB,uBAArBA,qBAAqB,CAAEN,OAAO,CAACQ,GAAG,CAACZ,YAAY,CAAC;IAClD;EACF,CAAC,EAAE,CAACO,OAAO,EAAEP,YAAY,CAAC,CAAC;EAE3BL,eAAe,CAAC,MAAM;IACpB,IAAII,EAAE,EAAE;MAENI,aAAa,CAACC,OAAO,CAACS,MAAM,CAAC,CAAC,CAAC,CAAC;IAClC;EACF,CAAC,EAAE,CAACd,EAAE,CAAC,CAAC;EAER,OAAOQ,OAAO;AAChB","ignoreList":[]}

package/es/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAge.js

@@ -6,6 +6,7 @@ import { Field, Form, Iterate, Value, Wizard } from '../..';
 import { Lead } from '../../../../elements';
 import { translations } from './ChildrenWithAgeTranslations';
 import { omitSpacingProps, pickSpacingProps } from '../../../../components/flex/utils';
+const maximumChildren = 9;
 export default function ChildrenWithAge(_ref) {
   let {
       mode,
@@ -57,13 +58,13 @@ function EditContainer({
     width: "small",
     showStepControls: true,
     minimum: 1,
-    maximum: 20,
+    maximum: maximumChildren,
     decimalLimit: 0,
     allowNegative: false
   }), React.createElement(Iterate.Array, {
     path: "/children",
     countPath: "/countChildren",
-    countPathLimit: 20,
+    countPathLimit: maximumChildren,
     animate: true
   }, React.createElement(Field.Number, {
     itemPath: "/age",
@@ -143,7 +144,7 @@ function SummaryContainer({
     path: "/countChildren",
     label: tr.ChildrenWithAge.countChildren.fieldLabel,
     suffix: tr.ChildrenWithAge.countChildren.suffix,
-    maximum: 20
+    maximum: maximumChildren
   }), React.createElement(Iterate.Array, {
     path: "/children"
   }, React.createElement(Value.Number, {

package/es/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAge.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChildrenWithAge.js","names":["React","Field","Form","Iterate","Value","Wizard","Lead","translations","omitSpacingProps","pickSpacingProps","ChildrenWithAge","_ref","mode","enableAdditionalQuestions","toWizardStep","props","_objectWithoutProperties","_excluded","spacingProps","restProps","createElement","Section","_extends","required","SummaryContainer","EditContainer","tr","useTranslation","getValue","useData","hasChildren","Card","title","Boolean","path","label","fieldLabel","variant","errorMessages","Visibility","pathTrue","animate","Number","countChildren","defaultValue","width","showStepControls","minimum","maximum","decimalLimit","allowNegative","Array","countPath","countPathLimit","itemPath","childrenAge","placeholder","includes","usesDaycare","help","content","renderMessage","helpText","Currency","dayCareExpenses","hasJointResponsibility","jointResponsibilityExpenses","SummaryList","suffix","pathDefined","decimals","EditButton","toStep","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAge.tsx"],"sourcesContent":["import React from 'react'\nimport { Field, Form, Iterate, Value, Wizard } from '../..'\nimport { Lead } from '../../../../elements'\nimport { Translation, translations } from './ChildrenWithAgeTranslations'\nimport type { SectionProps } from '../../Form/Section'\nimport {\n  omitSpacingProps,\n  pickSpacingProps,\n} from '../../../../components/flex/utils'\nimport { SpacingProps } from '../../../../shared/types'\n\ntype Mode = 'edit' | 'summary'\ntype Variant = Array<'joint-responsibility' | 'daycare'>\n\nexport type Props = SectionProps & {\n  mode?: Mode\n  enableAdditionalQuestions?: Variant\n  toWizardStep?: number\n} & SpacingProps\n\nexport default function ChildrenWithAge({\n  mode,\n  enableAdditionalQuestions,\n  toWizardStep,\n  ...props\n}: Props) {\n  const spacingProps = pickSpacingProps<Props>(props)\n  const restProps = omitSpacingProps(props)\n  return (\n    <Form.Section translations={translations} required {...restProps}>\n      {mode === 'summary' ? (\n        <SummaryContainer\n          toWizardStep={toWizardStep}\n          spacingProps={spacingProps}\n          enableAdditionalQuestions={enableAdditionalQuestions}\n        />\n      ) : (\n        <EditContainer\n          enableAdditionalQuestions={enableAdditionalQuestions}\n          spacingProps={spacingProps}\n        />\n      )}\n    </Form.Section>\n  )\n}\n\nfunction EditContainer({\n  spacingProps,\n  enableAdditionalQuestions,\n}: Props & {\n  spacingProps?: SpacingProps\n}) {\n  const tr = Form.useTranslation<Translation>()\n\n  const { getValue } = Form.useData()\n  const hasChildren = getValue('/hasChildren') === true\n\n  return (\n    <Form.Card {...spacingProps}>\n      <Lead>{tr.ChildrenWithAge.hasChildren.title}</Lead>\n\n      <Field.Boolean\n        path=\"/hasChildren\"\n        label={tr.ChildrenWithAge.hasChildren.fieldLabel}\n        variant=\"buttons\"\n        errorMessages={{\n          'Field.errorRequired': tr.ChildrenWithAge.hasChildren.required,\n        }}\n      />\n\n      <Form.Visibility pathTrue=\"/hasChildren\" animate>\n        <Field.Number\n          path=\"/countChildren\"\n          label={tr.ChildrenWithAge.countChildren.fieldLabel}\n          errorMessages={{\n            'NumberField.errorMinimum':\n              tr.ChildrenWithAge.countChildren.required,\n            'Field.errorRequired':\n              tr.ChildrenWithAge.countChildren.required,\n          }}\n          defaultValue={1}\n          width=\"small\"\n          showStepControls\n          minimum={1}\n          maximum={20}\n          decimalLimit={0}\n          allowNegative={false}\n        />\n\n        <Iterate.Array\n          path=\"/children\"\n          countPath=\"/countChildren\"\n          countPathLimit={20}\n          animate\n        >\n          <Field.Number\n            itemPath=\"/age\"\n            label={tr.ChildrenWithAge.childrenAge.fieldLabel}\n            errorMessages={{\n              'Field.errorRequired':\n                tr.ChildrenWithAge.childrenAge.required,\n            }}\n            placeholder=\"0\"\n            width=\"small\"\n            minimum={0}\n            maximum={17}\n            decimalLimit={0}\n            allowNegative={false}\n          />\n        </Iterate.Array>\n      </Form.Visibility>\n\n      {enableAdditionalQuestions?.includes('daycare') && (\n        <Form.Visibility pathTrue=\"/hasChildren\" animate>\n          <Field.Boolean\n            path=\"/usesDaycare\"\n            label={tr.ChildrenWithAge.usesDaycare.fieldLabel}\n            variant=\"buttons\"\n            errorMessages={{\n              'Field.errorRequired':\n                tr.ChildrenWithAge.usesDaycare.required,\n            }}\n            help={{\n              title: tr.ChildrenWithAge.usesDaycare.fieldLabel,\n              content: tr.renderMessage(\n                tr.ChildrenWithAge.usesDaycare.helpText\n              ),\n            }}\n          />\n        </Form.Visibility>\n      )}\n\n      {enableAdditionalQuestions?.includes('daycare') && hasChildren && (\n        <Form.Visibility pathTrue=\"/usesDaycare\" animate>\n          <Field.Currency\n            path=\"/daycareExpenses\"\n            label={tr.ChildrenWithAge.dayCareExpenses.fieldLabel}\n            errorMessages={{\n              'Field.errorRequired':\n                tr.ChildrenWithAge.dayCareExpenses.required,\n            }}\n            minimum={1}\n            maximum={1000000}\n            decimalLimit={0}\n            allowNegative={false}\n          />\n        </Form.Visibility>\n      )}\n\n      {enableAdditionalQuestions?.includes('joint-responsibility') && (\n        <Form.Visibility pathTrue=\"/hasChildren\" animate>\n          <Field.Boolean\n            path=\"/hasJointResponsibility\"\n            label={tr.ChildrenWithAge.hasJointResponsibility.fieldLabel}\n            variant=\"buttons\"\n            errorMessages={{\n              'Field.errorRequired':\n                tr.ChildrenWithAge.hasJointResponsibility.required,\n            }}\n          />\n        </Form.Visibility>\n      )}\n\n      {enableAdditionalQuestions?.includes('joint-responsibility') &&\n        hasChildren && (\n          <Form.Visibility pathTrue=\"/hasJointResponsibility\" animate>\n            <Field.Currency\n              path=\"/jointResponsibilityExpenses\"\n              label={\n                tr.ChildrenWithAge.jointResponsibilityExpenses.fieldLabel\n              }\n              errorMessages={{\n                'Field.errorRequired':\n                  tr.ChildrenWithAge.jointResponsibilityExpenses.required,\n              }}\n              minimum={1}\n              maximum={1000000}\n              decimalLimit={0}\n              allowNegative={false}\n            />\n          </Form.Visibility>\n        )}\n    </Form.Card>\n  )\n}\n\nfunction SummaryContainer({\n  spacingProps,\n  toWizardStep,\n}: Props & {\n  spacingProps?: SpacingProps\n}) {\n  const tr = Form.useTranslation<Translation>()\n\n  return (\n    <Form.Card {...spacingProps}>\n      {<Lead>{tr.ChildrenWithAge.hasChildren.title}</Lead>}\n\n      <Value.SummaryList>\n        <Value.Boolean\n          path=\"/hasChildren\"\n          label={tr.ChildrenWithAge.hasChildren.fieldLabel}\n        />\n        <Form.Visibility pathTrue=\"/hasChildren\">\n          <Value.Number\n            path=\"/countChildren\"\n            label={tr.ChildrenWithAge.countChildren.fieldLabel}\n            suffix={tr.ChildrenWithAge.countChildren.suffix}\n            maximum={20}\n          />\n          <Iterate.Array path=\"/children\">\n            <Value.Number\n              itemPath=\"/age\"\n              label={tr.ChildrenWithAge.childrenAge.fieldLabel}\n              suffix={tr.ChildrenWithAge.childrenAge.suffix}\n              defaultValue=\"–\"\n            />\n          </Iterate.Array>\n          <Form.Visibility pathDefined=\"/usesDaycare\">\n            <Value.Boolean\n              label={tr.ChildrenWithAge.usesDaycare.fieldLabel}\n              path=\"/usesDaycare\"\n            />\n            <Form.Visibility pathTrue=\"/usesDaycare\">\n              <Value.Currency\n                label={tr.ChildrenWithAge.dayCareExpenses.fieldLabel}\n                path=\"/daycareExpenses\"\n                decimals=\"0\"\n              />\n            </Form.Visibility>\n          </Form.Visibility>\n\n          <Form.Visibility pathDefined=\"/hasJointResponsibility\">\n            <Value.Boolean\n              path=\"/hasJointResponsibility\"\n              label={tr.ChildrenWithAge.hasJointResponsibility.fieldLabel}\n            />\n            <Form.Visibility pathTrue=\"/hasJointResponsibility\">\n              <Value.Currency\n                label={\n                  tr.ChildrenWithAge.jointResponsibilityExpenses.fieldLabel\n                }\n                path=\"/jointResponsibilityExpenses\"\n                decimals=\"0\"\n              />\n            </Form.Visibility>\n          </Form.Visibility>\n        </Form.Visibility>\n      </Value.SummaryList>\n\n      {typeof toWizardStep === 'number' ? (\n        <Wizard.EditButton toStep={toWizardStep} />\n      ) : null}\n    </Form.Card>\n  )\n}\n\nChildrenWithAge._supportsSpacingProps = true\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ChildrenWithAge.js","names":["React","Field","Form","Iterate","Value","Wizard","Lead","translations","omitSpacingProps","pickSpacingProps","maximumChildren","ChildrenWithAge","_ref","mode","enableAdditionalQuestions","toWizardStep","props","_objectWithoutProperties","_excluded","spacingProps","restProps","createElement","Section","_extends","required","SummaryContainer","EditContainer","tr","useTranslation","getValue","useData","hasChildren","Card","title","Boolean","path","label","fieldLabel","variant","errorMessages","Visibility","pathTrue","animate","Number","countChildren","defaultValue","width","showStepControls","minimum","maximum","decimalLimit","allowNegative","Array","countPath","countPathLimit","itemPath","childrenAge","placeholder","includes","usesDaycare","help","content","renderMessage","helpText","Currency","dayCareExpenses","hasJointResponsibility","jointResponsibilityExpenses","SummaryList","suffix","pathDefined","decimals","EditButton","toStep","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAge.tsx"],"sourcesContent":["import React from 'react'\nimport { Field, Form, Iterate, Value, Wizard } from '../..'\nimport { Lead } from '../../../../elements'\nimport { Translation, translations } from './ChildrenWithAgeTranslations'\nimport type { SectionProps } from '../../Form/Section'\nimport {\n  omitSpacingProps,\n  pickSpacingProps,\n} from '../../../../components/flex/utils'\nimport { SpacingProps } from '../../../../shared/types'\n\ntype Mode = 'edit' | 'summary'\ntype Variant = Array<'joint-responsibility' | 'daycare'>\n\nexport type Props = SectionProps & {\n  mode?: Mode\n  enableAdditionalQuestions?: Variant\n  toWizardStep?: number\n} & SpacingProps\n\nconst maximumChildren = 9\n\nexport default function ChildrenWithAge({\n  mode,\n  enableAdditionalQuestions,\n  toWizardStep,\n  ...props\n}: Props) {\n  const spacingProps = pickSpacingProps<Props>(props)\n  const restProps = omitSpacingProps(props)\n  return (\n    <Form.Section translations={translations} required {...restProps}>\n      {mode === 'summary' ? (\n        <SummaryContainer\n          toWizardStep={toWizardStep}\n          spacingProps={spacingProps}\n          enableAdditionalQuestions={enableAdditionalQuestions}\n        />\n      ) : (\n        <EditContainer\n          enableAdditionalQuestions={enableAdditionalQuestions}\n          spacingProps={spacingProps}\n        />\n      )}\n    </Form.Section>\n  )\n}\n\nfunction EditContainer({\n  spacingProps,\n  enableAdditionalQuestions,\n}: Props & {\n  spacingProps?: SpacingProps\n}) {\n  const tr = Form.useTranslation<Translation>()\n\n  const { getValue } = Form.useData()\n  const hasChildren = getValue('/hasChildren') === true\n\n  return (\n    <Form.Card {...spacingProps}>\n      <Lead>{tr.ChildrenWithAge.hasChildren.title}</Lead>\n\n      <Field.Boolean\n        path=\"/hasChildren\"\n        label={tr.ChildrenWithAge.hasChildren.fieldLabel}\n        variant=\"buttons\"\n        errorMessages={{\n          'Field.errorRequired': tr.ChildrenWithAge.hasChildren.required,\n        }}\n      />\n\n      <Form.Visibility pathTrue=\"/hasChildren\" animate>\n        <Field.Number\n          path=\"/countChildren\"\n          label={tr.ChildrenWithAge.countChildren.fieldLabel}\n          errorMessages={{\n            'NumberField.errorMinimum':\n              tr.ChildrenWithAge.countChildren.required,\n            'Field.errorRequired':\n              tr.ChildrenWithAge.countChildren.required,\n          }}\n          defaultValue={1}\n          width=\"small\"\n          showStepControls\n          minimum={1}\n          maximum={maximumChildren}\n          decimalLimit={0}\n          allowNegative={false}\n        />\n\n        <Iterate.Array\n          path=\"/children\"\n          countPath=\"/countChildren\"\n          countPathLimit={maximumChildren}\n          animate\n        >\n          <Field.Number\n            itemPath=\"/age\"\n            label={tr.ChildrenWithAge.childrenAge.fieldLabel}\n            errorMessages={{\n              'Field.errorRequired':\n                tr.ChildrenWithAge.childrenAge.required,\n            }}\n            placeholder=\"0\"\n            width=\"small\"\n            minimum={0}\n            maximum={17}\n            decimalLimit={0}\n            allowNegative={false}\n          />\n        </Iterate.Array>\n      </Form.Visibility>\n\n      {enableAdditionalQuestions?.includes('daycare') && (\n        <Form.Visibility pathTrue=\"/hasChildren\" animate>\n          <Field.Boolean\n            path=\"/usesDaycare\"\n            label={tr.ChildrenWithAge.usesDaycare.fieldLabel}\n            variant=\"buttons\"\n            errorMessages={{\n              'Field.errorRequired':\n                tr.ChildrenWithAge.usesDaycare.required,\n            }}\n            help={{\n              title: tr.ChildrenWithAge.usesDaycare.fieldLabel,\n              content: tr.renderMessage(\n                tr.ChildrenWithAge.usesDaycare.helpText\n              ),\n            }}\n          />\n        </Form.Visibility>\n      )}\n\n      {enableAdditionalQuestions?.includes('daycare') && hasChildren && (\n        <Form.Visibility pathTrue=\"/usesDaycare\" animate>\n          <Field.Currency\n            path=\"/daycareExpenses\"\n            label={tr.ChildrenWithAge.dayCareExpenses.fieldLabel}\n            errorMessages={{\n              'Field.errorRequired':\n                tr.ChildrenWithAge.dayCareExpenses.required,\n            }}\n            minimum={1}\n            maximum={1000000}\n            decimalLimit={0}\n            allowNegative={false}\n          />\n        </Form.Visibility>\n      )}\n\n      {enableAdditionalQuestions?.includes('joint-responsibility') && (\n        <Form.Visibility pathTrue=\"/hasChildren\" animate>\n          <Field.Boolean\n            path=\"/hasJointResponsibility\"\n            label={tr.ChildrenWithAge.hasJointResponsibility.fieldLabel}\n            variant=\"buttons\"\n            errorMessages={{\n              'Field.errorRequired':\n                tr.ChildrenWithAge.hasJointResponsibility.required,\n            }}\n          />\n        </Form.Visibility>\n      )}\n\n      {enableAdditionalQuestions?.includes('joint-responsibility') &&\n        hasChildren && (\n          <Form.Visibility pathTrue=\"/hasJointResponsibility\" animate>\n            <Field.Currency\n              path=\"/jointResponsibilityExpenses\"\n              label={\n                tr.ChildrenWithAge.jointResponsibilityExpenses.fieldLabel\n              }\n              errorMessages={{\n                'Field.errorRequired':\n                  tr.ChildrenWithAge.jointResponsibilityExpenses.required,\n              }}\n              minimum={1}\n              maximum={1000000}\n              decimalLimit={0}\n              allowNegative={false}\n            />\n          </Form.Visibility>\n        )}\n    </Form.Card>\n  )\n}\n\nfunction SummaryContainer({\n  spacingProps,\n  toWizardStep,\n}: Props & {\n  spacingProps?: SpacingProps\n}) {\n  const tr = Form.useTranslation<Translation>()\n\n  return (\n    <Form.Card {...spacingProps}>\n      {<Lead>{tr.ChildrenWithAge.hasChildren.title}</Lead>}\n\n      <Value.SummaryList>\n        <Value.Boolean\n          path=\"/hasChildren\"\n          label={tr.ChildrenWithAge.hasChildren.fieldLabel}\n        />\n        <Form.Visibility pathTrue=\"/hasChildren\">\n          <Value.Number\n            path=\"/countChildren\"\n            label={tr.ChildrenWithAge.countChildren.fieldLabel}\n            suffix={tr.ChildrenWithAge.countChildren.suffix}\n            maximum={maximumChildren}\n          />\n          <Iterate.Array path=\"/children\">\n            <Value.Number\n              itemPath=\"/age\"\n              label={tr.ChildrenWithAge.childrenAge.fieldLabel}\n              suffix={tr.ChildrenWithAge.childrenAge.suffix}\n              defaultValue=\"–\"\n            />\n          </Iterate.Array>\n          <Form.Visibility pathDefined=\"/usesDaycare\">\n            <Value.Boolean\n              label={tr.ChildrenWithAge.usesDaycare.fieldLabel}\n              path=\"/usesDaycare\"\n            />\n            <Form.Visibility pathTrue=\"/usesDaycare\">\n              <Value.Currency\n                label={tr.ChildrenWithAge.dayCareExpenses.fieldLabel}\n                path=\"/daycareExpenses\"\n                decimals=\"0\"\n              />\n            </Form.Visibility>\n          </Form.Visibility>\n\n          <Form.Visibility pathDefined=\"/hasJointResponsibility\">\n            <Value.Boolean\n              path=\"/hasJointResponsibility\"\n              label={tr.ChildrenWithAge.hasJointResponsibility.fieldLabel}\n            />\n            <Form.Visibility pathTrue=\"/hasJointResponsibility\">\n              <Value.Currency\n                label={\n                  tr.ChildrenWithAge.jointResponsibilityExpenses.fieldLabel\n                }\n                path=\"/jointResponsibilityExpenses\"\n                decimals=\"0\"\n              />\n            </Form.Visibility>\n          </Form.Visibility>\n        </Form.Visibility>\n      </Value.SummaryList>\n\n      {typeof toWizardStep === 'number' ? (\n        <Wizard.EditButton toStep={toWizardStep} />\n      ) : null}\n    </Form.Card>\n  )\n}\n\nChildrenWithAge._supportsSpacingProps = true\n"],"mappings":"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","ignoreList":[]}

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

@@ -13,7 +13,7 @@ import { combineDescribedBy, convertJsxToString, warn } from '../../../shared/co
 import useId from '../../../shared/helpers/useId';
 import useUpdateEffect from '../../../shared/helpers/useUpdateEffect';
 import FieldBlockContext from '../FieldBlock/FieldBlockContext';
-import IterateElementContext from '../Iterate/IterateItemContext';
+import IterateItemContext from '../Iterate/IterateItemContext';
 import SectionContext from '../Form/Section/SectionContext';
 import FieldBoundaryContext from '../DataContext/FieldBoundary/FieldBoundaryContext';
 import VisibilityContext from '../Form/Visibility/VisibilityContext';
@@ -93,7 +93,7 @@ export default function useFieldProps(localProps, {
   const id = useId(props.id);
   const dataContext = useContext(DataContext);
   const fieldBlockContext = useContext(FieldBlockContext);
-  const iterateItemContext = useContext(IterateElementContext);
+  const iterateItemContext = useContext(IterateItemContext);
   const sectionContext = useContext(SectionContext);
   const fieldBoundaryContext = useContext(FieldBoundaryContext);
   const wizardContext = useContext(WizardContext);
@@ -198,7 +198,7 @@ export default function useFieldProps(localProps, {
     defaultValueRef.current = defaultValue;
   }, []);
   const tmpValue = useExternalValue({
-    path,
+    path: identifier,
     itemPath,
     value: valueProp,
     transformers,
@@ -500,7 +500,7 @@ export default function useFieldProps(localProps, {
     return error;
   }, [combinedErrorMessages, ensureErrorMessageObject, formatMessage]);
   contextErrorRef.current = useMemo(() => {
-    const dataContextError = dataContextErrors === null || dataContextErrors === void 0 ? void 0 : dataContextErrors[path];
+    const dataContextError = dataContextErrors === null || dataContextErrors === void 0 ? void 0 : dataContextErrors[identifier];
     if (!dataContextError) {
       return undefined;
     }
@@ -509,7 +509,7 @@ export default function useFieldProps(localProps, {
       return error;
     }
     return contextErrorRef.current;
-  }, [dataContextErrors, path, prepareError]);
+  }, [dataContextErrors, identifier, prepareError]);
   if (((_localErrorRef$curren = localErrorRef.current) === null || _localErrorRef$curren === void 0 ? void 0 : _localErrorRef$curren['ajvKeyword']) === 'type') {
     revealErrorRef.current = true;
   }
@@ -650,19 +650,20 @@ export default function useFieldProps(localProps, {
     if (!error && method === 'gracefully' && ((_errorMethodRef$curre = errorMethodRef.current) !== null && _errorMethodRef$curre !== void 0 && _errorMethodRef$curre.weak || (_errorMethodRef$curre2 = errorMethodRef.current) !== null && _errorMethodRef$curre2 !== void 0 && _errorMethodRef$curre2.gracefully)) {
       return;
     }
-    localErrorRef.current = error;
-    setFieldErrorDataContext === null || setFieldErrorDataContext === void 0 ? void 0 : setFieldErrorDataContext(identifier, error);
-    setFieldErrorBoundary === null || setFieldErrorBoundary === void 0 ? void 0 : setFieldErrorBoundary(identifier, error);
+    const currentError = handleFieldAsVisible !== false ? error : undefined;
+    localErrorRef.current = currentError;
+    setFieldErrorDataContext === null || setFieldErrorDataContext === void 0 ? void 0 : setFieldErrorDataContext(identifier, currentError);
+    setFieldErrorBoundary === null || setFieldErrorBoundary === void 0 ? void 0 : setFieldErrorBoundary(identifier, currentError);
     setBlockRecord === null || setBlockRecord === void 0 ? void 0 : setBlockRecord({
       stateId,
       identifier,
       type: 'error',
-      content: error,
+      content: currentError,
       showInitially: Boolean(inFieldBlock && validateInitially)
     });
     setFieldStateDataContext === null || setFieldStateDataContext === void 0 ? void 0 : setFieldStateDataContext(identifier, error ? 'error' : undefined);
     if (updateContextDataInSync) {
-      setFieldErrorWizard === null || setFieldErrorWizard === void 0 ? void 0 : setFieldErrorWizard(wizardIndex, identifier, handleFieldAsVisible !== false ? !!error : undefined);
+      setFieldErrorWizard === null || setFieldErrorWizard === void 0 ? void 0 : setFieldErrorWizard(wizardIndex, identifier, Boolean(currentError));
     }
     forceUpdate();
   }, [handleFieldAsVisible, identifier, inFieldBlock, prepareError, setBlockRecord, setFieldErrorBoundary, setFieldErrorDataContext, setFieldErrorWizard, setFieldStateDataContext, stateId, updateContextDataInSync, validateInitially, wizardIndex]);
@@ -1223,17 +1224,23 @@ export default function useFieldProps(localProps, {
     }
   }, [existingFieldsRef, hasItemPath, hasPath, identifier, iterateItemContext, omitMultiplePathWarning]);
   useEffect(() => {
+    if (prerenderFieldProps) {
+      return;
+    }
     return () => {
       setFieldErrorDataContext === null || setFieldErrorDataContext === void 0 ? void 0 : setFieldErrorDataContext(identifier, undefined);
       setFieldErrorBoundary === null || setFieldErrorBoundary === void 0 ? void 0 : setFieldErrorBoundary(identifier, undefined);
       localErrorRef.current = undefined;
     };
-  }, [identifier, setFieldErrorBoundary, setFieldErrorDataContext]);
+  }, [identifier, prerenderFieldProps, setFieldErrorBoundary, setFieldErrorDataContext]);
   useEffect(() => {
+    if (prerenderFieldProps) {
+      return;
+    }
     return () => {
       setFieldErrorWizard === null || setFieldErrorWizard === void 0 ? void 0 : setFieldErrorWizard(wizardIndex, identifier, undefined);
     };
-  }, [identifier, setFieldErrorWizard, wizardIndex]);
+  }, [identifier, prerenderFieldProps, setFieldErrorWizard, wizardIndex]);
   useEffect(() => {
     validateValue();
   }, [validateValue]);