@dnb/eufemia 10.48.0 → 10.50.0

package/extensions/forms/ValueBlock/ValueBlock.js

@@ -18,11 +18,12 @@ import { convertJsxToString } from '../../../shared/component-helper';
 function ValueBlock(props) {
   const summaryListContext = useContext(SummaryListContext);
   const valueBlockContext = useContext(ValueBlockContext);
-  const dataContext = useContext(DataContext);
-  const iterateItemContext = useContext(IterateElementContext);
+  const {
+    prerenderFieldProps
+  } = useContext(DataContext) || {};
   const {
     index: iterateIndex
-  } = iterateItemContext !== null && iterateItemContext !== void 0 ? iterateItemContext : {};
+  } = useContext(IterateElementContext) || {};
   const {
     className,
     label: labelProp,
@@ -39,14 +40,15 @@ function ValueBlock(props) {
       return null;
     }
     if (iterateIndex !== undefined) {
-      return convertJsxToString(labelProp).replace('{itemNr}', String(iterateIndex + 1));
+      return convertJsxToString(labelProp).replace('{itemNo}', String(iterateIndex + 1));
     }
     return labelProp;
   }, [inline, iterateIndex, labelProp]);
   const ref = useRef(null);
   useNotInSummaryList(valueBlockContext !== null && valueBlockContext !== void 0 && valueBlockContext.composition ? null : ref, label);
-  if ((children === undefined || children === null || children === false) && !showEmpty && !placeholder || dataContext !== null && dataContext !== void 0 && dataContext.prerenderFieldProps) {
-    return null;
+  const hide = prerenderFieldProps || (children === undefined || children === null || children === false) && !showEmpty && !placeholder;
+  if (hide) {
+    return React.createElement(React.Fragment, null);
   }
   let content = null;
   const compositionClass = composition && `dnb-forms-value-block__composition--${composition === true ? 'horizontal' : composition}`;

package/extensions/forms/ValueBlock/ValueBlock.js.map

@@ -1 +1 @@
-{"version":3,"file":"ValueBlock.js","names":["React","Fragment","useContext","useEffect","useMemo","useRef","classnames","warn","Dd","Dl","Dt","Span","FormLabel","SummaryListContext","ValueBlockContext","DataContext","pickSpacingProps","IterateElementContext","convertJsxToString","ValueBlock","props","summaryListContext","valueBlockContext","dataContext","iterateItemContext","index","iterateIndex","className","label","labelProp","inline","maxWidth","composition","placeholder","showEmpty","children","gap","undefined","replace","String","ref","useNotInSummaryList","prerenderFieldProps","content","compositionClass","defaultClass","Item","isNested","layout","_span","createElement","Provider","value","_objectSpread","_extends","element","labelDirection","current","sibling","previousElementSibling","classList","contains","closest","apply","filter","Boolean","error","_supportsSpacingProps"],"sources":["../../../../../src/extensions/forms/ValueBlock/ValueBlock.tsx"],"sourcesContent":["import React, {\n  Fragment,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n} from 'react'\nimport classnames from 'classnames'\nimport { warn } from '../../../shared/helpers'\nimport { Dd, Dl, Dt, Span } from '../../../elements'\nimport { FormLabel } from '../../../components'\nimport SummaryListContext from '../Value/SummaryList/SummaryListContext'\nimport ValueBlockContext from './ValueBlockContext'\nimport DataContext from '../DataContext/Context'\nimport { ValueProps } from '../types'\nimport { pickSpacingProps } from '../../../components/flex/utils'\nimport IterateElementContext from '../Iterate/IterateItemContext'\nimport { convertJsxToString } from '../../../shared/component-helper'\n\n/**\n * Props are documented in ValueDocs.ts\n */\nexport type Props = Omit<ValueProps<unknown>, 'value'> & {\n  children?: React.ReactNode\n\n  /**\n   * Used internally by the Composition component\n   */\n  composition?: boolean\n\n  /**\n   * Used internally by the Composition component\n   */\n  gap?: 'xx-small' | 'x-small' | 'small' | 'medium' | 'large' | false\n}\n\nfunction ValueBlock(props: Props) {\n  const summaryListContext = useContext(SummaryListContext)\n  const valueBlockContext = useContext(ValueBlockContext)\n  const dataContext = useContext(DataContext)\n  const iterateItemContext = useContext(IterateElementContext)\n  const { index: iterateIndex } = iterateItemContext ?? {}\n\n  const {\n    className,\n    label: labelProp,\n    inline,\n    maxWidth = props.composition ? props.maxWidth : 'large',\n    placeholder,\n    showEmpty,\n    children,\n    composition,\n    gap = 'xx-small',\n  } = props\n\n  const label = useMemo(() => {\n    if (inline) {\n      return null\n    }\n    if (iterateIndex !== undefined) {\n      return convertJsxToString(labelProp).replace(\n        '{itemNr}',\n        String(iterateIndex + 1)\n      )\n    }\n    return labelProp\n  }, [inline, iterateIndex, labelProp])\n\n  const ref = useRef<HTMLElement>(null)\n  useNotInSummaryList(valueBlockContext?.composition ? null : ref, label)\n\n  if (\n    ((children === undefined || children === null || children === false) &&\n      !showEmpty &&\n      !placeholder) ||\n    dataContext?.prerenderFieldProps\n  ) {\n    return null\n  }\n\n  let content = null\n\n  const compositionClass =\n    composition &&\n    classnames(\n      `dnb-forms-value-block__composition--${\n        composition === true ? 'horizontal' : composition\n      }`\n    )\n  const defaultClass = classnames(\n    'dnb-forms-value-block__content',\n    `dnb-forms-value-block__content--gap-${gap === false ? 'none' : gap}`\n  )\n\n  if (summaryListContext) {\n    const Item = summaryListContext.isNested\n      ? Dl\n      : summaryListContext.layout === 'horizontal'\n      ? Dl.Item\n      : Fragment\n\n    if (!label && valueBlockContext?.composition) {\n      content = <span className={defaultClass}>{children}</span> ?? (\n        <span className=\"dnb-forms-value-block__placeholder\">\n          {placeholder}\n        </span>\n      )\n    } else {\n      content = (\n        <SummaryListContext.Provider\n          value={{ ...summaryListContext, isNested: true }}\n        >\n          <Item>\n            <Dt className=\"dnb-forms-value-block__label\">\n              {label && <strong>{label}</strong>}\n            </Dt>\n            <Dd\n              className={classnames(\n                summaryListContext.layout !== 'grid' &&\n                  !summaryListContext.isNested &&\n                  maxWidth &&\n                  `dnb-forms-value-block--max-width-${maxWidth}`,\n                compositionClass\n              )}\n            >\n              {children ? (\n                <span className={defaultClass}>{children}</span>\n              ) : (\n                <span className=\"dnb-forms-value-block__placeholder\">\n                  {placeholder}\n                </span>\n              )}\n            </Dd>\n          </Item>\n        </SummaryListContext.Provider>\n      )\n    }\n  } else {\n    content = (\n      <Span\n        ref={ref}\n        className={classnames(\n          'dnb-forms-value-block',\n          inline && 'dnb-forms-value-block--inline',\n          maxWidth && `dnb-forms-value-block--max-width-${maxWidth}`,\n          compositionClass,\n          className\n        )}\n        {...pickSpacingProps(props)}\n      >\n        {label && (\n          <FormLabel\n            element=\"strong\" // enhance a11y: https://www.w3.org/WAI/WCAG21/Techniques/html/H49\n            className=\"dnb-forms-value-block__label\"\n            labelDirection={inline ? 'horizontal' : 'vertical'}\n          >\n            {label}\n          </FormLabel>\n        )}\n        {children ? (\n          <span className={defaultClass}>{children}</span>\n        ) : (\n          <span className=\"dnb-forms-value-block__placeholder\">\n            {placeholder}\n          </span>\n        )}\n      </Span>\n    )\n  }\n\n  return (\n    <ValueBlockContext.Provider value={props}>\n      {content}\n    </ValueBlockContext.Provider>\n  )\n}\n\nfunction useNotInSummaryList(\n  ref: React.RefObject<HTMLElement>,\n  label?: React.ReactNode\n) {\n  useEffect(() => {\n    if (ref?.current) {\n      try {\n        const sibling = ref.current.previousElementSibling\n\n        if (\n          sibling?.classList.contains('dnb-forms-value-block') &&\n          !ref.current.closest('.dnb-forms-summary-list')\n        ) {\n          warn.apply(\n            warn,\n            [\n              'Value components as siblings should be wrapped inside a Value.SummaryList!',\n              label,\n            ].filter(Boolean)\n          )\n        }\n      } catch (error) {\n        //\n      }\n    }\n  }, [label, ref])\n}\n\nValueBlock._supportsSpacingProps = true\nexport default ValueBlock\n"],"mappings":"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"}
+{"version":3,"file":"ValueBlock.js","names":["React","Fragment","useContext","useEffect","useMemo","useRef","classnames","warn","Dd","Dl","Dt","Span","FormLabel","SummaryListContext","ValueBlockContext","DataContext","pickSpacingProps","IterateElementContext","convertJsxToString","ValueBlock","props","summaryListContext","valueBlockContext","prerenderFieldProps","index","iterateIndex","className","label","labelProp","inline","maxWidth","composition","placeholder","showEmpty","children","gap","undefined","replace","String","ref","useNotInSummaryList","hide","createElement","content","compositionClass","defaultClass","Item","isNested","layout","_span","Provider","value","_objectSpread","_extends","element","labelDirection","current","sibling","previousElementSibling","classList","contains","closest","apply","filter","Boolean","error","_supportsSpacingProps"],"sources":["../../../../../src/extensions/forms/ValueBlock/ValueBlock.tsx"],"sourcesContent":["import React, {\n  Fragment,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n} from 'react'\nimport classnames from 'classnames'\nimport { warn } from '../../../shared/helpers'\nimport { Dd, Dl, Dt, Span } from '../../../elements'\nimport { FormLabel } from '../../../components'\nimport SummaryListContext from '../Value/SummaryList/SummaryListContext'\nimport ValueBlockContext from './ValueBlockContext'\nimport DataContext from '../DataContext/Context'\nimport { ValueProps } from '../types'\nimport { pickSpacingProps } from '../../../components/flex/utils'\nimport IterateElementContext from '../Iterate/IterateItemContext'\nimport { convertJsxToString } from '../../../shared/component-helper'\n\n/**\n * Props are documented in ValueDocs.ts\n */\nexport type Props = Omit<ValueProps<unknown>, 'value'> & {\n  children?: React.ReactNode\n\n  /**\n   * Used internally by the Composition component\n   */\n  composition?: boolean\n\n  /**\n   * Used internally by the Composition component\n   */\n  gap?: 'xx-small' | 'x-small' | 'small' | 'medium' | 'large' | false\n}\n\nfunction ValueBlock(props: Props) {\n  const summaryListContext = useContext(SummaryListContext)\n  const valueBlockContext = useContext(ValueBlockContext)\n  const { prerenderFieldProps } = useContext(DataContext) || {}\n  const { index: iterateIndex } = useContext(IterateElementContext) || {}\n\n  const {\n    className,\n    label: labelProp,\n    inline,\n    maxWidth = props.composition ? props.maxWidth : 'large',\n    placeholder,\n    showEmpty,\n    children,\n    composition,\n    gap = 'xx-small',\n  } = props\n\n  const label = useMemo(() => {\n    if (inline) {\n      return null\n    }\n    if (iterateIndex !== undefined) {\n      return convertJsxToString(labelProp).replace(\n        '{itemNo}',\n        String(iterateIndex + 1)\n      )\n    }\n    return labelProp\n  }, [inline, iterateIndex, labelProp])\n\n  const ref = useRef<HTMLElement>(null)\n  useNotInSummaryList(valueBlockContext?.composition ? null : ref, label)\n\n  const hide =\n    prerenderFieldProps ||\n    ((children === undefined || children === null || children === false) &&\n      !showEmpty &&\n      !placeholder)\n\n  if (hide) {\n    return <></>\n  }\n\n  let content = null\n\n  const compositionClass =\n    composition &&\n    classnames(\n      `dnb-forms-value-block__composition--${\n        composition === true ? 'horizontal' : composition\n      }`\n    )\n  const defaultClass = classnames(\n    'dnb-forms-value-block__content',\n    `dnb-forms-value-block__content--gap-${gap === false ? 'none' : gap}`\n  )\n\n  if (summaryListContext) {\n    const Item = summaryListContext.isNested\n      ? Dl\n      : summaryListContext.layout === 'horizontal'\n      ? Dl.Item\n      : Fragment\n\n    if (!label && valueBlockContext?.composition) {\n      content = <span className={defaultClass}>{children}</span> ?? (\n        <span className=\"dnb-forms-value-block__placeholder\">\n          {placeholder}\n        </span>\n      )\n    } else {\n      content = (\n        <SummaryListContext.Provider\n          value={{ ...summaryListContext, isNested: true }}\n        >\n          <Item>\n            <Dt className=\"dnb-forms-value-block__label\">\n              {label && <strong>{label}</strong>}\n            </Dt>\n            <Dd\n              className={classnames(\n                summaryListContext.layout !== 'grid' &&\n                  !summaryListContext.isNested &&\n                  maxWidth &&\n                  `dnb-forms-value-block--max-width-${maxWidth}`,\n                compositionClass\n              )}\n            >\n              {children ? (\n                <span className={defaultClass}>{children}</span>\n              ) : (\n                <span className=\"dnb-forms-value-block__placeholder\">\n                  {placeholder}\n                </span>\n              )}\n            </Dd>\n          </Item>\n        </SummaryListContext.Provider>\n      )\n    }\n  } else {\n    content = (\n      <Span\n        ref={ref}\n        className={classnames(\n          'dnb-forms-value-block',\n          inline && 'dnb-forms-value-block--inline',\n          maxWidth && `dnb-forms-value-block--max-width-${maxWidth}`,\n          compositionClass,\n          className\n        )}\n        {...pickSpacingProps(props)}\n      >\n        {label && (\n          <FormLabel\n            element=\"strong\" // enhance a11y: https://www.w3.org/WAI/WCAG21/Techniques/html/H49\n            className=\"dnb-forms-value-block__label\"\n            labelDirection={inline ? 'horizontal' : 'vertical'}\n          >\n            {label}\n          </FormLabel>\n        )}\n        {children ? (\n          <span className={defaultClass}>{children}</span>\n        ) : (\n          <span className=\"dnb-forms-value-block__placeholder\">\n            {placeholder}\n          </span>\n        )}\n      </Span>\n    )\n  }\n\n  return (\n    <ValueBlockContext.Provider value={props}>\n      {content}\n    </ValueBlockContext.Provider>\n  )\n}\n\nfunction useNotInSummaryList(\n  ref: React.RefObject<HTMLElement>,\n  label?: React.ReactNode\n) {\n  useEffect(() => {\n    if (ref?.current) {\n      try {\n        const sibling = ref.current.previousElementSibling\n\n        if (\n          sibling?.classList.contains('dnb-forms-value-block') &&\n          !ref.current.closest('.dnb-forms-summary-list')\n        ) {\n          warn.apply(\n            warn,\n            [\n              'Value components as siblings should be wrapped inside a Value.SummaryList!',\n              label,\n            ].filter(Boolean)\n          )\n        }\n      } catch (error) {\n        //\n      }\n    }\n  }, [label, ref])\n}\n\nValueBlock._supportsSpacingProps = true\nexport default ValueBlock\n"],"mappings":"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"}

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

@@ -30,7 +30,7 @@ export type Props = ComponentProps & FlexContainerProps & {
      */
     prerenderFieldProps?: boolean;
 };
-declare function Step(props: Props): string | number | boolean | import("react/jsx-runtime").JSX.Element | Iterable<React.ReactNode>;
+declare function Step(props: Props): JSX.Element;
 declare namespace Step {
     var _supportsSpacingProps: boolean;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"Step.js","names":["React","useContext","useMemo","useRef","classnames","WizardContext","Flex","convertJsxToString","FieldProps","useLayoutEffect","window","useEffect","Step","props","className","title","index","active","activeWhen","required","prerenderFieldProps","children","restProps","_objectWithoutProperties","_excluded","check","activeIndex","titlesRef","stepElementRef","ariaLabel","_ref","_titlesRef$current","current","currentElementRef","visibleWhen","createElement","Fragment","fieldProps","undefined","Stack","_extends","element","innerRef","tabIndex","_supportsSpacingProps"],"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 Flex from '../../../../components/flex/Flex'\nimport { convertJsxToString } from '../../../../shared/component-helper'\nimport FieldProps from '../../Form/FieldProps'\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    /**\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     */\n    active?: boolean\n\n    /**\n     * Provide a `path` and a `hasValue` property with the excepted 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    activeWhen?: VisibleWhen\n\n    /**\n     * If set to `true`, the step will always be rendered.\n     * For internal use only.\n     */\n    prerenderFieldProps?: boolean\n  }\n\nfunction Step(props: Props) {\n  const {\n    className,\n    title,\n    index,\n    active = true,\n    activeWhen,\n    required,\n    prerenderFieldProps,\n    children,\n    ...restProps\n  } = props\n  const { check, activeIndex, titlesRef, stepElementRef } =\n    useContext(WizardContext) || {}\n\n  const ariaLabel = useMemo(() => {\n    return (\n      (!prerenderFieldProps && titlesRef?.current?.[index]) ??\n      convertJsxToString(title)\n    )\n  }, [index, prerenderFieldProps, title, titlesRef])\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\n  }\n\n  if (\n    activeIndex !== index ||\n    active === false ||\n    (activeWhen && !check({ visibleWhen: activeWhen }))\n  ) {\n    // Another step is active\n    return <></>\n  }\n\n  const fieldProps =\n    typeof required === 'boolean' ? { required } : undefined\n\n  return (\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        <FieldProps {...fieldProps}>{children}</FieldProps>\n      ) : (\n        children\n      )}\n    </Flex.Stack>\n  )\n}\n\nStep._supportsSpacingProps = true\nexport default Step\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,OAAO,EAAEC,MAAM,QAAQ,OAAO;AAC1D,OAAOC,UAAU,MAAM,YAAY;AAGnC,OAAOC,aAAa,MAAM,0BAA0B;AACpD,OAAOC,IAAI,MAAM,kCAAkC;AACnD,SAASC,kBAAkB,QAAQ,qCAAqC;AACxE,OAAOC,UAAU,MAAM,uBAAuB;AAI9C,MAAMC,eAAe,GACnB,OAAOC,MAAM,KAAK,WAAW,GAAGV,KAAK,CAACW,SAAS,GAAGX,KAAK,CAACS,eAAe;AAqCzE,SAASG,IAAIA,CAACC,KAAY,EAAE;EAC1B,MAAM;MACJC,SAAS;MACTC,KAAK;MACLC,KAAK;MACLC,MAAM,GAAG,IAAI;MACbC,UAAU;MACVC,QAAQ;MACRC,mBAAmB;MACnBC;IAEF,CAAC,GAAGR,KAAK;IADJS,SAAS,GAAAC,wBAAA,CACVV,KAAK,EAAAW,SAAA;EACT,MAAM;IAAEC,KAAK;IAAEC,WAAW;IAAEC,SAAS;IAAEC;EAAe,CAAC,GACrD3B,UAAU,CAACI,aAAa,CAAC,IAAI,CAAC,CAAC;EAEjC,MAAMwB,SAAS,GAAG3B,OAAO,CAAC,MAAM;IAAA,IAAA4B,IAAA,EAAAC,kBAAA;IAC9B,QAAAD,IAAA,GACG,CAACV,mBAAmB,KAAIO,SAAS,aAATA,SAAS,wBAAAI,kBAAA,GAATJ,SAAS,CAAEK,OAAO,cAAAD,kBAAA,uBAAlBA,kBAAA,CAAqBf,KAAK,CAAC,eAAAc,IAAA,cAAAA,IAAA,GACpDvB,kBAAkB,CAACQ,KAAK,CAAC;EAE7B,CAAC,EAAE,CAACC,KAAK,EAAEI,mBAAmB,EAAEL,KAAK,EAAEY,SAAS,CAAC,CAAC;EAElD,MAAMM,iBAAiB,GAAG9B,MAAM,CAAc,CAAC;EAC/CM,eAAe,CAAC,MAAM;IACpB,IAAI,CAACW,mBAAmB,IAAI,OAAOQ,cAAc,KAAK,WAAW,EAAE;MACjE,IAAIK,iBAAiB,CAACD,OAAO,EAAE;QAC7BJ,cAAc,CAACI,OAAO,GAAGC,iBAAiB,CAACD,OAAO;MACpD;MACA,OAAO,MAAM;QACXJ,cAAc,CAACI,OAAO,GAAG,IAAI;MAC/B,CAAC;IACH;EACF,CAAC,EAAE,CAACZ,mBAAmB,EAAEQ,cAAc,CAAC,CAAC;EAEzC,IAAIR,mBAAmB,EAAE;IACvB,OAAOC,QAAQ;EACjB;EAEA,IACEK,WAAW,KAAKV,KAAK,IACrBC,MAAM,KAAK,KAAK,IACfC,UAAU,IAAI,CAACO,KAAK,CAAC;IAAES,WAAW,EAAEhB;EAAW,CAAC,CAAE,EACnD;IAEA,OAAOlB,KAAA,CAAAmC,aAAA,CAAAnC,KAAA,CAAAoC,QAAA,MAAI,CAAC;EACd;EAEA,MAAMC,UAAU,GACd,OAAOlB,QAAQ,KAAK,SAAS,GAAG;IAAEA;EAAS,CAAC,GAAGmB,SAAS;EAE1D,OACEtC,KAAA,CAAAmC,aAAA,CAAC7B,IAAI,CAACiC,KAAK,EAAAC,QAAA;IACT1B,SAAS,EAAEV,UAAU,CAAC,gBAAgB,EAAEU,SAAS,CAAE;IACnD2B,OAAO,EAAC,SAAS;IACjB,cAAYZ,SAAU;IACtBa,QAAQ,EAAET,iBAAkB;IAC5BU,QAAQ,EAAE,CAAC;EAAE,GACTrB,SAAS,GAEZe,UAAU,GACTrC,KAAA,CAAAmC,aAAA,CAAC3B,UAAU,EAAK6B,UAAU,EAAGhB,QAAqB,CAAC,GAEnDA,QAEQ,CAAC;AAEjB;AAEAT,IAAI,CAACgC,qBAAqB,GAAG,IAAI;AACjC,eAAehC,IAAI"}
+{"version":3,"file":"Step.js","names":["React","useContext","useMemo","useRef","classnames","WizardContext","Flex","convertJsxToString","FieldProps","useLayoutEffect","window","useEffect","Step","props","className","title","index","active","activeWhen","required","prerenderFieldProps","children","restProps","_objectWithoutProperties","_excluded","check","activeIndex","titlesRef","stepElementRef","ariaLabel","_ref","_titlesRef$current","current","currentElementRef","visibleWhen","createElement","Fragment","fieldProps","undefined","Stack","_extends","element","innerRef","tabIndex","_supportsSpacingProps"],"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 Flex from '../../../../components/flex/Flex'\nimport { convertJsxToString } from '../../../../shared/component-helper'\nimport FieldProps from '../../Form/FieldProps'\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    /**\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     */\n    active?: boolean\n\n    /**\n     * Provide a `path` and a `hasValue` property with the excepted 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    activeWhen?: VisibleWhen\n\n    /**\n     * If set to `true`, the step will always be rendered.\n     * For internal use only.\n     */\n    prerenderFieldProps?: boolean\n  }\n\nfunction Step(props: Props): JSX.Element {\n  const {\n    className,\n    title,\n    index,\n    active = true,\n    activeWhen,\n    required,\n    prerenderFieldProps,\n    children,\n    ...restProps\n  } = props\n  const { check, activeIndex, titlesRef, stepElementRef } =\n    useContext(WizardContext) || {}\n\n  const ariaLabel = useMemo(() => {\n    return (\n      (!prerenderFieldProps && titlesRef?.current?.[index]) ??\n      convertJsxToString(title)\n    )\n  }, [index, prerenderFieldProps, title, titlesRef])\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  if (\n    activeIndex !== index ||\n    active === false ||\n    (activeWhen && !check({ visibleWhen: activeWhen }))\n  ) {\n    // Another step is active\n    return <></>\n  }\n\n  const fieldProps =\n    typeof required === 'boolean' ? { required } : undefined\n\n  return (\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        <FieldProps {...fieldProps}>{children}</FieldProps>\n      ) : (\n        children\n      )}\n    </Flex.Stack>\n  )\n}\n\nStep._supportsSpacingProps = true\nexport default Step\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,OAAO,EAAEC,MAAM,QAAQ,OAAO;AAC1D,OAAOC,UAAU,MAAM,YAAY;AAGnC,OAAOC,aAAa,MAAM,0BAA0B;AACpD,OAAOC,IAAI,MAAM,kCAAkC;AACnD,SAASC,kBAAkB,QAAQ,qCAAqC;AACxE,OAAOC,UAAU,MAAM,uBAAuB;AAI9C,MAAMC,eAAe,GACnB,OAAOC,MAAM,KAAK,WAAW,GAAGV,KAAK,CAACW,SAAS,GAAGX,KAAK,CAACS,eAAe;AAqCzE,SAASG,IAAIA,CAACC,KAAY,EAAe;EACvC,MAAM;MACJC,SAAS;MACTC,KAAK;MACLC,KAAK;MACLC,MAAM,GAAG,IAAI;MACbC,UAAU;MACVC,QAAQ;MACRC,mBAAmB;MACnBC;IAEF,CAAC,GAAGR,KAAK;IADJS,SAAS,GAAAC,wBAAA,CACVV,KAAK,EAAAW,SAAA;EACT,MAAM;IAAEC,KAAK;IAAEC,WAAW;IAAEC,SAAS;IAAEC;EAAe,CAAC,GACrD3B,UAAU,CAACI,aAAa,CAAC,IAAI,CAAC,CAAC;EAEjC,MAAMwB,SAAS,GAAG3B,OAAO,CAAC,MAAM;IAAA,IAAA4B,IAAA,EAAAC,kBAAA;IAC9B,QAAAD,IAAA,GACG,CAACV,mBAAmB,KAAIO,SAAS,aAATA,SAAS,wBAAAI,kBAAA,GAATJ,SAAS,CAAEK,OAAO,cAAAD,kBAAA,uBAAlBA,kBAAA,CAAqBf,KAAK,CAAC,eAAAc,IAAA,cAAAA,IAAA,GACpDvB,kBAAkB,CAACQ,KAAK,CAAC;EAE7B,CAAC,EAAE,CAACC,KAAK,EAAEI,mBAAmB,EAAEL,KAAK,EAAEY,SAAS,CAAC,CAAC;EAElD,MAAMM,iBAAiB,GAAG9B,MAAM,CAAc,CAAC;EAC/CM,eAAe,CAAC,MAAM;IACpB,IAAI,CAACW,mBAAmB,IAAI,OAAOQ,cAAc,KAAK,WAAW,EAAE;MACjE,IAAIK,iBAAiB,CAACD,OAAO,EAAE;QAC7BJ,cAAc,CAACI,OAAO,GAAGC,iBAAiB,CAACD,OAAO;MACpD;MACA,OAAO,MAAM;QACXJ,cAAc,CAACI,OAAO,GAAG,IAAI;MAC/B,CAAC;IACH;EACF,CAAC,EAAE,CAACZ,mBAAmB,EAAEQ,cAAc,CAAC,CAAC;EAEzC,IAAIR,mBAAmB,EAAE;IACvB,OAAOC,QAAQ;EACjB;EAEA,IACEK,WAAW,KAAKV,KAAK,IACrBC,MAAM,KAAK,KAAK,IACfC,UAAU,IAAI,CAACO,KAAK,CAAC;IAAES,WAAW,EAAEhB;EAAW,CAAC,CAAE,EACnD;IAEA,OAAOlB,KAAA,CAAAmC,aAAA,CAAAnC,KAAA,CAAAoC,QAAA,MAAI,CAAC;EACd;EAEA,MAAMC,UAAU,GACd,OAAOlB,QAAQ,KAAK,SAAS,GAAG;IAAEA;EAAS,CAAC,GAAGmB,SAAS;EAE1D,OACEtC,KAAA,CAAAmC,aAAA,CAAC7B,IAAI,CAACiC,KAAK,EAAAC,QAAA;IACT1B,SAAS,EAAEV,UAAU,CAAC,gBAAgB,EAAEU,SAAS,CAAE;IACnD2B,OAAO,EAAC,SAAS;IACjB,cAAYZ,SAAU;IACtBa,QAAQ,EAAET,iBAAkB;IAC5BU,QAAQ,EAAE,CAAC;EAAE,GACTrB,SAAS,GAEZe,UAAU,GACTrC,KAAA,CAAAmC,aAAA,CAAC3B,UAAU,EAAK6B,UAAU,EAAGhB,QAAqB,CAAC,GAEnDA,QAEQ,CAAC;AAEjB;AAEAT,IAAI,CAACgC,qBAAqB,GAAG,IAAI;AACjC,eAAehC,IAAI"}

package/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAge.d.ts

@@ -1,12 +1,14 @@
 import type { SectionProps } from '../../Form/Section';
+import { SpacingProps } from '../../../../shared/types';
 type Mode = 'edit' | 'summary';
 type Variant = Array<'joint-responsibility' | 'daycare'>;
 export type Props = SectionProps & {
     mode?: Mode;
     enableAdditionalQuestions?: Variant;
     toWizardStep?: number;
-};
-declare function ChildrenWithAge({ mode, enableAdditionalQuestions, toWizardStep, ...props }: Props): import("react/jsx-runtime").JSX.Element;
+    showEmpty?: boolean;
+} & SpacingProps;
+declare function ChildrenWithAge({ mode, enableAdditionalQuestions, toWizardStep, showEmpty, ...props }: Props): import("react/jsx-runtime").JSX.Element;
 declare namespace ChildrenWithAge {
     var _supportsSpacingProps: boolean;
 }

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

@@ -1,35 +1,43 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-const _excluded = ["mode", "enableAdditionalQuestions", "toWizardStep"];
+const _excluded = ["mode", "enableAdditionalQuestions", "toWizardStep", "showEmpty"];
 import React from 'react';
 import { Field, Form, Iterate, Value, Wizard } from '../..';
 import { Card } from '../../../../components';
 import { Lead } from '../../../../elements';
 import { translations } from './ChildrenWithAgeTranslations';
+import { omitSpacingProps, pickSpacingProps } from '../../../../components/flex/utils';
 export default function ChildrenWithAge(_ref) {
   let {
       mode,
       enableAdditionalQuestions,
-      toWizardStep
+      toWizardStep,
+      showEmpty
     } = _ref,
     props = _objectWithoutProperties(_ref, _excluded);
+  const spacingProps = pickSpacingProps(props);
+  const restProps = omitSpacingProps(props);
   return React.createElement(Form.Section, _extends({
     translations: translations,
     required: true
-  }, props), mode === 'summary' ? React.createElement(Summary, {
-    toWizardStep: toWizardStep
-  }) : React.createElement(EditContent, {
-    enableAdditionalQuestions: enableAdditionalQuestions
+  }, restProps), mode === 'summary' ? React.createElement(SummaryContainer, {
+    toWizardStep: toWizardStep,
+    showEmpty: showEmpty,
+    spacingProps: spacingProps
+  }) : React.createElement(EditContainer, {
+    enableAdditionalQuestions: enableAdditionalQuestions,
+    spacingProps: spacingProps
   }));
 }
-function EditContent(_ref2) {
+function EditContainer(_ref2) {
   let {
+    spacingProps,
     enableAdditionalQuestions
   } = _ref2;
   const tr = Form.useTranslation();
-  return React.createElement(Card, {
+  return React.createElement(Card, _extends({
     stack: true
-  }, React.createElement(Lead, null, tr.ChildrenWithAge.hasChildren.title), React.createElement(Field.Boolean, {
+  }, spacingProps), React.createElement(Lead, null, tr.ChildrenWithAge.hasChildren.title), React.createElement(Field.Boolean, {
     path: "/hasChildren",
     label: tr.ChildrenWithAge.hasChildren.fieldLabel,
     variant: "buttons",
@@ -69,10 +77,10 @@ function EditContent(_ref2) {
     showStepControls: true,
     decimalLimit: 0
   }), React.createElement(Iterate.Array, {
+    path: "/children",
     countPath: "/countChildren",
     countPathTransform: transformAgeItem,
-    countPathLimit: 20,
-    path: "/children"
+    countPathLimit: 20
   }, React.createElement(Field.Composition, {
     label: tr.ChildrenWithAge.childrenAge.fieldLabel,
     align: "center"
@@ -98,23 +106,33 @@ function EditContent(_ref2) {
     label: tr.ChildrenWithAge.hasDaycare.fieldLabel
   }))))));
 }
-function Summary(_ref3) {
+function SummaryContainer(_ref3) {
   let {
-    toWizardStep
+    spacingProps,
+    toWizardStep,
+    showEmpty
   } = _ref3;
   const tr = Form.useTranslation();
-  return React.createElement(Card, {
+  const {
+    getValue
+  } = Form.useData();
+  const hasNoChildren = getValue('/hasChildren') === false;
+  return React.createElement(Form.Visibility, {
+    visible: showEmpty,
+    pathTrue: "/hasChildren",
+    animate: true
+  }, React.createElement(Card, _extends({
     stack: true
-  }, React.createElement(Lead, null, tr.ChildrenWithAge.hasChildren.title), React.createElement(Value.SummaryList, null, React.createElement(Value.Number, {
+  }, spacingProps), React.createElement(Lead, null, tr.ChildrenWithAge.hasChildren.title), React.createElement(Value.SummaryList, null, React.createElement(Value.Number, {
     path: "/countChildren",
     label: tr.ChildrenWithAge.countChildren.valueVale,
     defaultValue: 0,
     suffix: tr.ChildrenWithAge.countChildren.suffix,
-    maximum: 20
-  }), React.createElement(Form.Visibility, {
-    pathTrue: "/hasChildren"
-  }, React.createElement(Iterate.Array, {
-    path: "/children"
+    maximum: 20,
+    transformIn: value => hasNoChildren ? 0 : value
+  }), React.createElement(Iterate.Array, {
+    path: "/children",
+    limit: hasNoChildren ? 0 : undefined
   }, React.createElement(Value.Composition, {
     label: tr.ChildrenWithAge.childrenAge.fieldLabel,
     gap: false
@@ -138,9 +156,9 @@ function Summary(_ref3) {
     trueText: tr.ChildrenWithAge.daycareTrue,
     falseText: tr.ChildrenWithAge.daycareFalse,
     defaultValue: false
-  })))))), typeof toWizardStep === 'number' ? React.createElement(Wizard.EditButton, {
+  }))))), typeof toWizardStep === 'number' ? React.createElement(Wizard.EditButton, {
     toStep: toWizardStep
-  }) : null);
+  }) : null));
 }
 const transformAgeItem = _ref4 => {
   let {

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

@@ -1 +1 @@
-{"version":3,"file":"ChildrenWithAge.js","names":["React","Field","Form","Iterate","Value","Wizard","Card","Lead","translations","ChildrenWithAge","_ref","mode","enableAdditionalQuestions","toWizardStep","props","_objectWithoutProperties","_excluded","createElement","Section","_extends","required","Summary","EditContent","_ref2","tr","useTranslation","stack","hasChildren","title","Boolean","path","label","fieldLabel","variant","defaultValue","errorMessages","Visibility","pathTrue","animate","includes","hasJointResponsibility","usesDaycare","Number","countChildren","minimum","width","maximum","showStepControls","decimalLimit","Array","countPath","countPathTransform","transformAgeItem","countPathLimit","Composition","childrenAge","align","itemPath","placeholder","confirmJointResponsibility","hasDaycare","_ref3","SummaryList","valueVale","suffix","gap","inline","trueText","jointResponsibilityTrue","falseText","jointResponsibilityFalse","daycareTrue","daycareFalse","EditButton","toStep","_ref4","value","Object","prototype","hasOwnProperty","call","age","undefined","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAge.tsx"],"sourcesContent":["import React from 'react'\nimport { Field, Form, Iterate, Value, Wizard } from '../..'\nimport { Card } from '../../../../components'\nimport { Lead } from '../../../../elements'\nimport { Translation, translations } from './ChildrenWithAgeTranslations'\nimport type { SectionProps } from '../../Form/Section'\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}\n\nexport default function ChildrenWithAge({\n  mode,\n  enableAdditionalQuestions,\n  toWizardStep,\n  ...props\n}: Props) {\n  return (\n    <Form.Section translations={translations} required {...props}>\n      {mode === 'summary' ? (\n        <Summary toWizardStep={toWizardStep} />\n      ) : (\n        <EditContent\n          enableAdditionalQuestions={enableAdditionalQuestions}\n        />\n      )}\n    </Form.Section>\n  )\n}\n\nfunction EditContent({ enableAdditionalQuestions }: Props) {\n  const tr = Form.useTranslation<Translation>()\n\n  return (\n    <Card stack>\n      <Lead>{tr.ChildrenWithAge.hasChildren.title}</Lead>\n\n      <Field.Boolean\n        path=\"/hasChildren\"\n        label={tr.ChildrenWithAge.hasChildren.fieldLabel}\n        variant=\"buttons\"\n        defaultValue={false}\n        errorMessages={{\n          required: tr.ChildrenWithAge.hasChildren.required,\n        }}\n      />\n\n      <Form.Visibility pathTrue=\"/hasChildren\" animate>\n        {enableAdditionalQuestions?.includes('joint-responsibility') && (\n          <Field.Boolean\n            path=\"/hasJointResponsibility\"\n            label={tr.ChildrenWithAge.hasJointResponsibility.fieldLabel}\n            variant=\"buttons\"\n            defaultValue={false}\n            errorMessages={{\n              required: tr.ChildrenWithAge.hasChildren.required,\n            }}\n          />\n        )}\n\n        {enableAdditionalQuestions?.includes('daycare') && (\n          <Field.Boolean\n            path=\"/usesDaycare\"\n            label={tr.ChildrenWithAge.usesDaycare.fieldLabel}\n            variant=\"buttons\"\n            defaultValue={false}\n            errorMessages={{\n              required: tr.ChildrenWithAge.usesDaycare.required,\n            }}\n          />\n        )}\n\n        <Field.Number\n          path=\"/countChildren\"\n          label={tr.ChildrenWithAge.countChildren.fieldLabel}\n          errorMessages={{\n            minimum: tr.ChildrenWithAge.countChildren.required,\n          }}\n          width=\"small\"\n          defaultValue={1}\n          minimum={1}\n          maximum={20}\n          showStepControls\n          decimalLimit={0}\n        />\n\n        <Iterate.Array\n          countPath=\"/countChildren\"\n          countPathTransform={transformAgeItem}\n          countPathLimit={20}\n          path=\"/children\"\n        >\n          <Field.Composition\n            label={tr.ChildrenWithAge.childrenAge.fieldLabel}\n            align=\"center\"\n          >\n            <Field.Number\n              itemPath=\"/age\"\n              errorMessages={{\n                required: tr.ChildrenWithAge.childrenAge.required,\n              }}\n              placeholder=\"0\"\n              width=\"small\"\n              minimum={0}\n              maximum={17}\n              decimalLimit={0}\n            />\n\n            <Form.Visibility pathTrue=\"/hasJointResponsibility\">\n              <Field.Boolean\n                itemPath=\"/jointResponsibility\"\n                label={\n                  tr.ChildrenWithAge.confirmJointResponsibility.fieldLabel\n                }\n              />\n            </Form.Visibility>\n\n            <Form.Visibility pathTrue=\"/usesDaycare\">\n              <Field.Boolean\n                itemPath=\"/hasDaycare\"\n                label={tr.ChildrenWithAge.hasDaycare.fieldLabel}\n              />\n            </Form.Visibility>\n          </Field.Composition>\n        </Iterate.Array>\n      </Form.Visibility>\n    </Card>\n  )\n}\n\nfunction Summary({ toWizardStep }: Props) {\n  const tr = Form.useTranslation<Translation>()\n  return (\n    <Card stack>\n      <Lead>{tr.ChildrenWithAge.hasChildren.title}</Lead>\n\n      <Value.SummaryList>\n        <Value.Number\n          path=\"/countChildren\"\n          label={tr.ChildrenWithAge.countChildren.valueVale}\n          defaultValue={0}\n          suffix={tr.ChildrenWithAge.countChildren.suffix}\n          maximum={20}\n        />\n\n        <Form.Visibility pathTrue=\"/hasChildren\">\n          <Iterate.Array path=\"/children\">\n            <Value.Composition\n              label={tr.ChildrenWithAge.childrenAge.fieldLabel}\n              gap={false}\n            >\n              <Value.Number\n                itemPath=\"/age\"\n                suffix={tr.ChildrenWithAge.childrenAge.suffix}\n                defaultValue=\"–\"\n              />\n\n              <Form.Visibility pathTrue=\"/hasJointResponsibility\">\n                {', '}\n                <Value.Boolean\n                  inline\n                  itemPath=\"/jointResponsibility\"\n                  trueText={tr.ChildrenWithAge.jointResponsibilityTrue}\n                  falseText={tr.ChildrenWithAge.jointResponsibilityFalse}\n                  defaultValue={false}\n                />\n              </Form.Visibility>\n\n              <Form.Visibility pathTrue=\"/usesDaycare\">\n                {', '}\n                <Value.Boolean\n                  inline\n                  itemPath=\"/hasDaycare\"\n                  trueText={tr.ChildrenWithAge.daycareTrue}\n                  falseText={tr.ChildrenWithAge.daycareFalse}\n                  defaultValue={false}\n                />\n              </Form.Visibility>\n            </Value.Composition>\n          </Iterate.Array>\n        </Form.Visibility>\n      </Value.SummaryList>\n\n      {typeof toWizardStep === 'number' ? (\n        <Wizard.EditButton toStep={toWizardStep} />\n      ) : null}\n    </Card>\n  )\n}\n\nconst transformAgeItem = ({ value }) =>\n  Object.prototype.hasOwnProperty.call(value || {}, 'age')\n    ? value\n    : { age: undefined }\n\nChildrenWithAge._supportsSpacingProps = true\n"],"mappings":"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"}
+{"version":3,"file":"ChildrenWithAge.js","names":["React","Field","Form","Iterate","Value","Wizard","Card","Lead","translations","omitSpacingProps","pickSpacingProps","ChildrenWithAge","_ref","mode","enableAdditionalQuestions","toWizardStep","showEmpty","props","_objectWithoutProperties","_excluded","spacingProps","restProps","createElement","Section","_extends","required","SummaryContainer","EditContainer","_ref2","tr","useTranslation","stack","hasChildren","title","Boolean","path","label","fieldLabel","variant","defaultValue","errorMessages","Visibility","pathTrue","animate","includes","hasJointResponsibility","usesDaycare","Number","countChildren","minimum","width","maximum","showStepControls","decimalLimit","Array","countPath","countPathTransform","transformAgeItem","countPathLimit","Composition","childrenAge","align","itemPath","placeholder","confirmJointResponsibility","hasDaycare","_ref3","getValue","useData","hasNoChildren","visible","SummaryList","valueVale","suffix","transformIn","value","limit","undefined","gap","inline","trueText","jointResponsibilityTrue","falseText","jointResponsibilityFalse","daycareTrue","daycareFalse","EditButton","toStep","_ref4","Object","prototype","hasOwnProperty","call","age","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAge.tsx"],"sourcesContent":["import React from 'react'\nimport { Field, Form, Iterate, Value, Wizard } from '../..'\nimport { Card } from '../../../../components'\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  showEmpty?: boolean\n} & SpacingProps\n\nexport default function ChildrenWithAge({\n  mode,\n  enableAdditionalQuestions,\n  toWizardStep,\n  showEmpty,\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          showEmpty={showEmpty}\n          spacingProps={spacingProps}\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  return (\n    <Card stack {...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        defaultValue={false}\n        errorMessages={{\n          required: tr.ChildrenWithAge.hasChildren.required,\n        }}\n      />\n\n      <Form.Visibility pathTrue=\"/hasChildren\" animate>\n        {enableAdditionalQuestions?.includes('joint-responsibility') && (\n          <Field.Boolean\n            path=\"/hasJointResponsibility\"\n            label={tr.ChildrenWithAge.hasJointResponsibility.fieldLabel}\n            variant=\"buttons\"\n            defaultValue={false}\n            errorMessages={{\n              required: tr.ChildrenWithAge.hasChildren.required,\n            }}\n          />\n        )}\n\n        {enableAdditionalQuestions?.includes('daycare') && (\n          <Field.Boolean\n            path=\"/usesDaycare\"\n            label={tr.ChildrenWithAge.usesDaycare.fieldLabel}\n            variant=\"buttons\"\n            defaultValue={false}\n            errorMessages={{\n              required: tr.ChildrenWithAge.usesDaycare.required,\n            }}\n          />\n        )}\n\n        <Field.Number\n          path=\"/countChildren\"\n          label={tr.ChildrenWithAge.countChildren.fieldLabel}\n          errorMessages={{\n            minimum: tr.ChildrenWithAge.countChildren.required,\n          }}\n          width=\"small\"\n          defaultValue={1}\n          minimum={1}\n          maximum={20}\n          showStepControls\n          decimalLimit={0}\n        />\n\n        <Iterate.Array\n          path=\"/children\"\n          countPath=\"/countChildren\"\n          countPathTransform={transformAgeItem}\n          countPathLimit={20}\n        >\n          <Field.Composition\n            label={tr.ChildrenWithAge.childrenAge.fieldLabel}\n            align=\"center\"\n          >\n            <Field.Number\n              itemPath=\"/age\"\n              errorMessages={{\n                required: tr.ChildrenWithAge.childrenAge.required,\n              }}\n              placeholder=\"0\"\n              width=\"small\"\n              minimum={0}\n              maximum={17}\n              decimalLimit={0}\n            />\n\n            <Form.Visibility pathTrue=\"/hasJointResponsibility\">\n              <Field.Boolean\n                itemPath=\"/jointResponsibility\"\n                label={\n                  tr.ChildrenWithAge.confirmJointResponsibility.fieldLabel\n                }\n              />\n            </Form.Visibility>\n\n            <Form.Visibility pathTrue=\"/usesDaycare\">\n              <Field.Boolean\n                itemPath=\"/hasDaycare\"\n                label={tr.ChildrenWithAge.hasDaycare.fieldLabel}\n              />\n            </Form.Visibility>\n          </Field.Composition>\n        </Iterate.Array>\n      </Form.Visibility>\n    </Card>\n  )\n}\n\nfunction SummaryContainer({\n  spacingProps,\n  toWizardStep,\n  showEmpty,\n}: Props & {\n  spacingProps?: SpacingProps\n}) {\n  const tr = Form.useTranslation<Translation>()\n\n  const { getValue } = Form.useData()\n  const hasNoChildren = getValue('/hasChildren') === false\n\n  return (\n    <Form.Visibility visible={showEmpty} pathTrue=\"/hasChildren\" animate>\n      <Card stack {...spacingProps}>\n        {<Lead>{tr.ChildrenWithAge.hasChildren.title}</Lead>}\n\n        <Value.SummaryList>\n          <Value.Number\n            path=\"/countChildren\"\n            label={tr.ChildrenWithAge.countChildren.valueVale}\n            defaultValue={0}\n            suffix={tr.ChildrenWithAge.countChildren.suffix}\n            maximum={20}\n            transformIn={(value) => (hasNoChildren ? 0 : value)}\n          />\n\n          <Iterate.Array\n            path=\"/children\"\n            limit={hasNoChildren ? 0 : undefined}\n          >\n            <Value.Composition\n              label={tr.ChildrenWithAge.childrenAge.fieldLabel}\n              gap={false}\n            >\n              <Value.Number\n                itemPath=\"/age\"\n                suffix={tr.ChildrenWithAge.childrenAge.suffix}\n                defaultValue=\"–\"\n              />\n\n              <Form.Visibility pathTrue=\"/hasJointResponsibility\">\n                {', '}\n                <Value.Boolean\n                  inline\n                  itemPath=\"/jointResponsibility\"\n                  trueText={tr.ChildrenWithAge.jointResponsibilityTrue}\n                  falseText={tr.ChildrenWithAge.jointResponsibilityFalse}\n                  defaultValue={false}\n                />\n              </Form.Visibility>\n\n              <Form.Visibility pathTrue=\"/usesDaycare\">\n                {', '}\n                <Value.Boolean\n                  inline\n                  itemPath=\"/hasDaycare\"\n                  trueText={tr.ChildrenWithAge.daycareTrue}\n                  falseText={tr.ChildrenWithAge.daycareFalse}\n                  defaultValue={false}\n                />\n              </Form.Visibility>\n            </Value.Composition>\n          </Iterate.Array>\n        </Value.SummaryList>\n\n        {typeof toWizardStep === 'number' ? (\n          <Wizard.EditButton toStep={toWizardStep} />\n        ) : null}\n      </Card>\n    </Form.Visibility>\n  )\n}\n\nconst transformAgeItem = ({ value }) =>\n  Object.prototype.hasOwnProperty.call(value || {}, 'age')\n    ? value\n    : { age: undefined }\n\nChildrenWithAge._supportsSpacingProps = true\n"],"mappings":"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"}

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

@@ -13,6 +13,16 @@ export const ChildrenWithAgeProperties = {
     doc: 'If defined, a `Wizard.EditButton` will be shown.',
     type: 'number',
     status: 'optional'
+  },
+  showEmpty: {
+    doc: 'Show the `Value.*` version when there are no children. Defaults to `false`.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  '[Space](/uilib/layout/space/properties)': {
+    doc: 'Spacing properties like `top` or `bottom` are supported.',
+    type: ['string', 'object'],
+    status: 'optional'
   }
 };
 //# sourceMappingURL=ChildrenWithAgeDocs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ChildrenWithAgeDocs.js","names":["ChildrenWithAgeProperties","mode","doc","type","status","enableAdditionalQuestions","toWizardStep"],"sources":["../../../../../../src/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAgeDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\n\nexport const ChildrenWithAgeProperties: PropertiesTableProps = {\n  mode: {\n    doc: '`summary` for a `Value.*` version, `edit` for an editable field version. Defaults to `edit`.',\n    type: 'number',\n    status: 'optional',\n  },\n  enableAdditionalQuestions: {\n    doc: '[`joint-responsibility`, `daycare`]',\n    type: 'array',\n    status: 'optional',\n  },\n  toWizardStep: {\n    doc: 'If defined, a `Wizard.EditButton` will be shown.',\n    type: 'number',\n    status: 'optional',\n  },\n}\n"],"mappings":"AAEA,OAAO,MAAMA,yBAA+C,GAAG;EAC7DC,IAAI,EAAE;IACJC,GAAG,EAAE,8FAA8F;IACnGC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDC,yBAAyB,EAAE;IACzBH,GAAG,EAAE,qCAAqC;IAC1CC,IAAI,EAAE,OAAO;IACbC,MAAM,EAAE;EACV,CAAC;EACDE,YAAY,EAAE;IACZJ,GAAG,EAAE,kDAAkD;IACvDC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV;AACF,CAAC"}
+{"version":3,"file":"ChildrenWithAgeDocs.js","names":["ChildrenWithAgeProperties","mode","doc","type","status","enableAdditionalQuestions","toWizardStep","showEmpty"],"sources":["../../../../../../src/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAgeDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\n\nexport const ChildrenWithAgeProperties: PropertiesTableProps = {\n  mode: {\n    doc: '`summary` for a `Value.*` version, `edit` for an editable field version. Defaults to `edit`.',\n    type: 'number',\n    status: 'optional',\n  },\n  enableAdditionalQuestions: {\n    doc: '[`joint-responsibility`, `daycare`]',\n    type: 'array',\n    status: 'optional',\n  },\n  toWizardStep: {\n    doc: 'If defined, a `Wizard.EditButton` will be shown.',\n    type: 'number',\n    status: 'optional',\n  },\n  showEmpty: {\n    doc: 'Show the `Value.*` version when there are no children. Defaults to `false`.',\n    type: 'boolean',\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}\n"],"mappings":"AAEA,OAAO,MAAMA,yBAA+C,GAAG;EAC7DC,IAAI,EAAE;IACJC,GAAG,EAAE,8FAA8F;IACnGC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDC,yBAAyB,EAAE;IACzBH,GAAG,EAAE,qCAAqC;IAC1CC,IAAI,EAAE,OAAO;IACbC,MAAM,EAAE;EACV,CAAC;EACDE,YAAY,EAAE;IACZJ,GAAG,EAAE,kDAAkD;IACvDC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDG,SAAS,EAAE;IACTL,GAAG,EAAE,6EAA6E;IAClFC,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;AACF,CAAC"}

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

@@ -1,77 +1,79 @@
+const nbNO = {
+  hasChildren: {
+    title: 'Antall barn',
+    fieldLabel: 'Har du/dere barn under 18 år?',
+    required: 'Du må angi om du har barn under 18 år eller ikke.'
+  },
+  countChildren: {
+    fieldLabel: 'Antall barn under 18 år',
+    required: 'Du må skrive inn antall barn.',
+    valueVale: 'Antall barn under 18 år',
+    suffix: 'barn'
+  },
+  childrenAge: {
+    fieldLabel: 'Alder på barn nr. {itemNo}',
+    required: 'Du må skrive inn alder på barnet.',
+    suffix: 'år'
+  },
+  hasJointResponsibility: {
+    fieldLabel: 'Har du delt omsorg for noen av barna?'
+  },
+  confirmJointResponsibility: {
+    fieldLabel: 'Delt omsorg'
+  },
+  usesDaycare: {
+    fieldLabel: 'Har du/dere SFO/AKS for noen av barna?',
+    required: 'Du må angi om du har SFO/AKS for noen av barna.'
+  },
+  hasDaycare: {
+    fieldLabel: 'Er på SFO/AKS'
+  },
+  jointResponsibilityTrue: 'delt omsorg',
+  jointResponsibilityFalse: 'ikke delt omsorg',
+  daycareTrue: 'SFO/AKS',
+  daycareFalse: 'uten SFO/AKS'
+};
+const enGB = {
+  hasChildren: {
+    title: 'Number of children',
+    fieldLabel: 'Do you have children under the age of 18?',
+    required: 'You must state whether you have children under 18 or not.'
+  },
+  countChildren: {
+    fieldLabel: 'Number of children under the age of 18',
+    required: 'You must enter the number of children.',
+    valueVale: 'Number of children under the age of 18',
+    suffix: 'children'
+  },
+  childrenAge: {
+    fieldLabel: 'Age of child no. {itemNo}',
+    required: 'You must enter the age of the child.',
+    suffix: 'years old'
+  },
+  hasJointResponsibility: {
+    fieldLabel: 'Do you have joint parental responsibility for any of the children?'
+  },
+  confirmJointResponsibility: {
+    fieldLabel: 'Joint parental responsibility'
+  },
+  usesDaycare: {
+    fieldLabel: 'Do you have SFO/AKS for any of the children?',
+    required: 'You must state whether you have SFO/AKS for any of the children.'
+  },
+  hasDaycare: {
+    fieldLabel: 'Has SFO/AKS'
+  },
+  jointResponsibilityTrue: 'joint parental responsibility',
+  jointResponsibilityFalse: 'not joint parental responsibility',
+  daycareTrue: 'SFO/AKS',
+  daycareFalse: 'without SFO/AKS'
+};
 export const translations = {
   'nb-NO': {
-    ChildrenWithAge: {
-      hasChildren: {
-        title: 'Antall barn',
-        fieldLabel: 'Har du/dere barn under 18 år?',
-        required: 'Du må angi om du har barn under 18 år eller ikke.'
-      },
-      countChildren: {
-        fieldLabel: 'Antall barn under 18 år',
-        required: 'Du må skrive inn antall barn.',
-        valueVale: 'Antall barn under 18 år',
-        suffix: 'barn'
-      },
-      childrenAge: {
-        fieldLabel: 'Alder på barn nr. {itemNr}',
-        required: 'Du må skrive inn alder på barnet.',
-        suffix: 'år'
-      },
-      hasJointResponsibility: {
-        fieldLabel: 'Har du delt omsorg for noen av barna?'
-      },
-      confirmJointResponsibility: {
-        fieldLabel: 'Delt omsorg'
-      },
-      usesDaycare: {
-        fieldLabel: 'Har du/dere SFO/AKS for noen av barna?',
-        required: 'Du må angi om du har SFO/AKS for noen av barna.'
-      },
-      hasDaycare: {
-        fieldLabel: 'Er på SFO/AKS'
-      },
-      jointResponsibilityTrue: 'delt omsorg',
-      jointResponsibilityFalse: 'ikke delt omsorg',
-      daycareTrue: 'SFO/AKS',
-      daycareFalse: 'uten SFO/AKS'
-    }
+    ChildrenWithAge: nbNO
   },
   'en-GB': {
-    ChildrenWithAge: {
-      hasChildren: {
-        title: 'Number of children',
-        fieldLabel: 'Do you have children under the age of 18?',
-        required: 'You must state whether you have children under 18 or not.'
-      },
-      countChildren: {
-        fieldLabel: 'Number of children under the age of 18',
-        required: 'You must enter the number of children.',
-        valueVale: 'Number of children under the age of 18',
-        suffix: 'children'
-      },
-      childrenAge: {
-        fieldLabel: 'Age of child no. {itemNr}',
-        required: 'You must enter the age of the child.',
-        suffix: 'years old'
-      },
-      hasJointResponsibility: {
-        fieldLabel: 'Do you have joint parental responsibility for any of the children?'
-      },
-      confirmJointResponsibility: {
-        fieldLabel: 'Joint parental responsibility'
-      },
-      usesDaycare: {
-        fieldLabel: 'Do you have SFO/AKS for any of the children?',
-        required: 'You must state whether you have SFO/AKS for any of the children.'
-      },
-      hasDaycare: {
-        fieldLabel: 'Has SFO/AKS'
-      },
-      jointResponsibilityTrue: 'joint parental responsibility',
-      jointResponsibilityFalse: 'not joint parental responsibility',
-      daycareTrue: 'SFO/AKS',
-      daycareFalse: 'without SFO/AKS'
-    }
+    ChildrenWithAge: enGB
   }
 };
 //# sourceMappingURL=ChildrenWithAgeTranslations.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ChildrenWithAgeTranslations.js","names":["translations","ChildrenWithAge","hasChildren","title","fieldLabel","required","countChildren","valueVale","suffix","childrenAge","hasJointResponsibility","confirmJointResponsibility","usesDaycare","hasDaycare","jointResponsibilityTrue","jointResponsibilityFalse","daycareTrue","daycareFalse"],"sources":["../../../../../../src/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAgeTranslations.ts"],"sourcesContent":["export const translations = {\n  'nb-NO': {\n    ChildrenWithAge: {\n      hasChildren: {\n        title: 'Antall barn',\n        fieldLabel: 'Har du/dere barn under 18 år?',\n        required: 'Du må angi om du har barn under 18 år eller ikke.',\n      },\n      countChildren: {\n        fieldLabel: 'Antall barn under 18 år',\n        required: 'Du må skrive inn antall barn.',\n        valueVale: 'Antall barn under 18 år',\n        suffix: 'barn',\n      },\n      childrenAge: {\n        fieldLabel: 'Alder på barn nr. {itemNr}',\n        required: 'Du må skrive inn alder på barnet.',\n        suffix: 'år',\n      },\n      hasJointResponsibility: {\n        fieldLabel: 'Har du delt omsorg for noen av barna?',\n      },\n      confirmJointResponsibility: {\n        fieldLabel: 'Delt omsorg',\n      },\n      usesDaycare: {\n        fieldLabel: 'Har du/dere SFO/AKS for noen av barna?',\n        required: 'Du må angi om du har SFO/AKS for noen av barna.',\n      },\n      hasDaycare: {\n        fieldLabel: 'Er på SFO/AKS',\n      },\n      jointResponsibilityTrue: 'delt omsorg',\n      jointResponsibilityFalse: 'ikke delt omsorg',\n      daycareTrue: 'SFO/AKS',\n      daycareFalse: 'uten SFO/AKS',\n    },\n  },\n  'en-GB': {\n    ChildrenWithAge: {\n      hasChildren: {\n        title: 'Number of children',\n        fieldLabel: 'Do you have children under the age of 18?',\n        required:\n          'You must state whether you have children under 18 or not.',\n      },\n      countChildren: {\n        fieldLabel: 'Number of children under the age of 18',\n        required: 'You must enter the number of children.',\n        valueVale: 'Number of children under the age of 18',\n        suffix: 'children',\n      },\n      childrenAge: {\n        fieldLabel: 'Age of child no. {itemNr}',\n        required: 'You must enter the age of the child.',\n        suffix: 'years old',\n      },\n      hasJointResponsibility: {\n        fieldLabel:\n          'Do you have joint parental responsibility for any of the children?',\n      },\n      confirmJointResponsibility: {\n        fieldLabel: 'Joint parental responsibility',\n      },\n      usesDaycare: {\n        fieldLabel: 'Do you have SFO/AKS for any of the children?',\n        required:\n          'You must state whether you have SFO/AKS for any of the children.',\n      },\n      hasDaycare: {\n        fieldLabel: 'Has SFO/AKS',\n      },\n      jointResponsibilityTrue: 'joint parental responsibility',\n      jointResponsibilityFalse: 'not joint parental responsibility',\n      daycareTrue: 'SFO/AKS',\n      daycareFalse: 'without SFO/AKS',\n    },\n  },\n}\nexport type Translation = (typeof translations)[keyof typeof translations]\n"],"mappings":"AAAA,OAAO,MAAMA,YAAY,GAAG;EAC1B,OAAO,EAAE;IACPC,eAAe,EAAE;MACfC,WAAW,EAAE;QACXC,KAAK,EAAE,aAAa;QACpBC,UAAU,EAAE,+BAA+B;QAC3CC,QAAQ,EAAE;MACZ,CAAC;MACDC,aAAa,EAAE;QACbF,UAAU,EAAE,yBAAyB;QACrCC,QAAQ,EAAE,+BAA+B;QACzCE,SAAS,EAAE,yBAAyB;QACpCC,MAAM,EAAE;MACV,CAAC;MACDC,WAAW,EAAE;QACXL,UAAU,EAAE,4BAA4B;QACxCC,QAAQ,EAAE,mCAAmC;QAC7CG,MAAM,EAAE;MACV,CAAC;MACDE,sBAAsB,EAAE;QACtBN,UAAU,EAAE;MACd,CAAC;MACDO,0BAA0B,EAAE;QAC1BP,UAAU,EAAE;MACd,CAAC;MACDQ,WAAW,EAAE;QACXR,UAAU,EAAE,wCAAwC;QACpDC,QAAQ,EAAE;MACZ,CAAC;MACDQ,UAAU,EAAE;QACVT,UAAU,EAAE;MACd,CAAC;MACDU,uBAAuB,EAAE,aAAa;MACtCC,wBAAwB,EAAE,kBAAkB;MAC5CC,WAAW,EAAE,SAAS;MACtBC,YAAY,EAAE;IAChB;EACF,CAAC;EACD,OAAO,EAAE;IACPhB,eAAe,EAAE;MACfC,WAAW,EAAE;QACXC,KAAK,EAAE,oBAAoB;QAC3BC,UAAU,EAAE,2CAA2C;QACvDC,QAAQ,EACN;MACJ,CAAC;MACDC,aAAa,EAAE;QACbF,UAAU,EAAE,wCAAwC;QACpDC,QAAQ,EAAE,wCAAwC;QAClDE,SAAS,EAAE,wCAAwC;QACnDC,MAAM,EAAE;MACV,CAAC;MACDC,WAAW,EAAE;QACXL,UAAU,EAAE,2BAA2B;QACvCC,QAAQ,EAAE,sCAAsC;QAChDG,MAAM,EAAE;MACV,CAAC;MACDE,sBAAsB,EAAE;QACtBN,UAAU,EACR;MACJ,CAAC;MACDO,0BAA0B,EAAE;QAC1BP,UAAU,EAAE;MACd,CAAC;MACDQ,WAAW,EAAE;QACXR,UAAU,EAAE,8CAA8C;QAC1DC,QAAQ,EACN;MACJ,CAAC;MACDQ,UAAU,EAAE;QACVT,UAAU,EAAE;MACd,CAAC;MACDU,uBAAuB,EAAE,+BAA+B;MACxDC,wBAAwB,EAAE,mCAAmC;MAC7DC,WAAW,EAAE,SAAS;MACtBC,YAAY,EAAE;IAChB;EACF;AACF,CAAC"}
+{"version":3,"file":"ChildrenWithAgeTranslations.js","names":["nbNO","hasChildren","title","fieldLabel","required","countChildren","valueVale","suffix","childrenAge","hasJointResponsibility","confirmJointResponsibility","usesDaycare","hasDaycare","jointResponsibilityTrue","jointResponsibilityFalse","daycareTrue","daycareFalse","enGB","translations","ChildrenWithAge"],"sources":["../../../../../../src/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAgeTranslations.ts"],"sourcesContent":["const nbNO = {\n  hasChildren: {\n    title: 'Antall barn',\n    fieldLabel: 'Har du/dere barn under 18 år?',\n    required: 'Du må angi om du har barn under 18 år eller ikke.',\n  },\n  countChildren: {\n    fieldLabel: 'Antall barn under 18 år',\n    required: 'Du må skrive inn antall barn.',\n    valueVale: 'Antall barn under 18 år',\n    suffix: 'barn',\n  },\n  childrenAge: {\n    fieldLabel: 'Alder på barn nr. {itemNo}',\n    required: 'Du må skrive inn alder på barnet.',\n    suffix: 'år',\n  },\n  hasJointResponsibility: {\n    fieldLabel: 'Har du delt omsorg for noen av barna?',\n  },\n  confirmJointResponsibility: {\n    fieldLabel: 'Delt omsorg',\n  },\n  usesDaycare: {\n    fieldLabel: 'Har du/dere SFO/AKS for noen av barna?',\n    required: 'Du må angi om du har SFO/AKS for noen av barna.',\n  },\n  hasDaycare: {\n    fieldLabel: 'Er på SFO/AKS',\n  },\n  jointResponsibilityTrue: 'delt omsorg',\n  jointResponsibilityFalse: 'ikke delt omsorg',\n  daycareTrue: 'SFO/AKS',\n  daycareFalse: 'uten SFO/AKS',\n}\n\nconst enGB = {\n  hasChildren: {\n    title: 'Number of children',\n    fieldLabel: 'Do you have children under the age of 18?',\n    required: 'You must state whether you have children under 18 or not.',\n  },\n  countChildren: {\n    fieldLabel: 'Number of children under the age of 18',\n    required: 'You must enter the number of children.',\n    valueVale: 'Number of children under the age of 18',\n    suffix: 'children',\n  },\n  childrenAge: {\n    fieldLabel: 'Age of child no. {itemNo}',\n    required: 'You must enter the age of the child.',\n    suffix: 'years old',\n  },\n  hasJointResponsibility: {\n    fieldLabel:\n      'Do you have joint parental responsibility for any of the children?',\n  },\n  confirmJointResponsibility: {\n    fieldLabel: 'Joint parental responsibility',\n  },\n  usesDaycare: {\n    fieldLabel: 'Do you have SFO/AKS for any of the children?',\n    required:\n      'You must state whether you have SFO/AKS for any of the children.',\n  },\n  hasDaycare: {\n    fieldLabel: 'Has SFO/AKS',\n  },\n  jointResponsibilityTrue: 'joint parental responsibility',\n  jointResponsibilityFalse: 'not joint parental responsibility',\n  daycareTrue: 'SFO/AKS',\n  daycareFalse: 'without SFO/AKS',\n} satisfies typeof nbNO\n\nexport const translations = {\n  'nb-NO': { ChildrenWithAge: nbNO },\n  'en-GB': { ChildrenWithAge: enGB },\n}\n\nexport type Translation = (typeof translations)[keyof typeof translations]\n"],"mappings":"AAAA,MAAMA,IAAI,GAAG;EACXC,WAAW,EAAE;IACXC,KAAK,EAAE,aAAa;IACpBC,UAAU,EAAE,+BAA+B;IAC3CC,QAAQ,EAAE;EACZ,CAAC;EACDC,aAAa,EAAE;IACbF,UAAU,EAAE,yBAAyB;IACrCC,QAAQ,EAAE,+BAA+B;IACzCE,SAAS,EAAE,yBAAyB;IACpCC,MAAM,EAAE;EACV,CAAC;EACDC,WAAW,EAAE;IACXL,UAAU,EAAE,4BAA4B;IACxCC,QAAQ,EAAE,mCAAmC;IAC7CG,MAAM,EAAE;EACV,CAAC;EACDE,sBAAsB,EAAE;IACtBN,UAAU,EAAE;EACd,CAAC;EACDO,0BAA0B,EAAE;IAC1BP,UAAU,EAAE;EACd,CAAC;EACDQ,WAAW,EAAE;IACXR,UAAU,EAAE,wCAAwC;IACpDC,QAAQ,EAAE;EACZ,CAAC;EACDQ,UAAU,EAAE;IACVT,UAAU,EAAE;EACd,CAAC;EACDU,uBAAuB,EAAE,aAAa;EACtCC,wBAAwB,EAAE,kBAAkB;EAC5CC,WAAW,EAAE,SAAS;EACtBC,YAAY,EAAE;AAChB,CAAC;AAED,MAAMC,IAAI,GAAG;EACXhB,WAAW,EAAE;IACXC,KAAK,EAAE,oBAAoB;IAC3BC,UAAU,EAAE,2CAA2C;IACvDC,QAAQ,EAAE;EACZ,CAAC;EACDC,aAAa,EAAE;IACbF,UAAU,EAAE,wCAAwC;IACpDC,QAAQ,EAAE,wCAAwC;IAClDE,SAAS,EAAE,wCAAwC;IACnDC,MAAM,EAAE;EACV,CAAC;EACDC,WAAW,EAAE;IACXL,UAAU,EAAE,2BAA2B;IACvCC,QAAQ,EAAE,sCAAsC;IAChDG,MAAM,EAAE;EACV,CAAC;EACDE,sBAAsB,EAAE;IACtBN,UAAU,EACR;EACJ,CAAC;EACDO,0BAA0B,EAAE;IAC1BP,UAAU,EAAE;EACd,CAAC;EACDQ,WAAW,EAAE;IACXR,UAAU,EAAE,8CAA8C;IAC1DC,QAAQ,EACN;EACJ,CAAC;EACDQ,UAAU,EAAE;IACVT,UAAU,EAAE;EACd,CAAC;EACDU,uBAAuB,EAAE,+BAA+B;EACxDC,wBAAwB,EAAE,mCAAmC;EAC7DC,WAAW,EAAE,SAAS;EACtBC,YAAY,EAAE;AAChB,CAAuB;AAEvB,OAAO,MAAME,YAAY,GAAG;EAC1B,OAAO,EAAE;IAAEC,eAAe,EAAEnB;EAAK,CAAC;EAClC,OAAO,EAAE;IAAEmB,eAAe,EAAEF;EAAK;AACnC,CAAC"}

package/extensions/forms/constants/countries.d.ts

@@ -15,6 +15,7 @@ export type CountryType = {
     };
     continent: 'Asia' | 'Europe' | 'Africa' | 'Oceania' | 'Antarctica' | 'North America' | 'South America' | 'None';
     regions?: Array<'Scandinavia' | 'Nordic'>;
+    name?: string;
 };
 export type CountryLang = keyof CountryType['i18n'];
 export declare const prioritizedCountries: string[];