@dnb/eufemia 10.49.0 → 10.50.0

package/extensions/forms/Value/SelectCountry/SelectCountry.js

@@ -1,18 +1,12 @@
-"use client";
-
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["value", "className", "label"];
-import React, { useContext, useMemo } from 'react';
+import React from 'react';
 import classnames from 'classnames';
 import { useTranslation, useValueProps } from '../../hooks';
 import ValueBlock from '../../ValueBlock';
-import SharedContext from '../../../../shared/Context';
-import { getCountryData } from '../../Field/SelectCountry';
+import useCountry from './useCountry';
 function SelectCountry(props) {
-  const {
-    locale
-  } = useContext(SharedContext);
   const translations = useTranslation().SelectCountry;
   const _useValueProps = useValueProps(props),
     {
@@ -21,24 +15,15 @@ function SelectCountry(props) {
       label = translations.label
     } = _useValueProps,
     rest = _objectWithoutProperties(_useValueProps, _excluded);
-  const countryName = useMemo(() => {
-    var _getCountryData$at;
-    if (!value) {
-      return null;
-    }
-    const lang = locale === null || locale === void 0 ? void 0 : locale.split('-')[0];
-    return (_getCountryData$at = getCountryData({
-      lang,
-      filter: country => {
-        return country.iso === value;
-      }
-    }).at(0)) === null || _getCountryData$at === void 0 ? void 0 : _getCountryData$at.content;
-  }, [locale, value]);
+  const {
+    getCountryNameByIso
+  } = useCountry();
   return React.createElement(ValueBlock, _extends({
     label: label,
     className: classnames('dnb-forms-value-select-country', className)
-  }, rest), countryName);
+  }, rest), getCountryNameByIso(value));
 }
+SelectCountry.useCountry = useCountry;
 SelectCountry._supportsSpacingProps = true;
 export default SelectCountry;
 //# sourceMappingURL=SelectCountry.js.map

package/extensions/forms/Value/SelectCountry/SelectCountry.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectCountry.js","names":["React","useContext","useMemo","classnames","useTranslation","useValueProps","ValueBlock","SharedContext","getCountryData","SelectCountry","props","locale","translations","_useValueProps","value","className","label","rest","_objectWithoutProperties","_excluded","countryName","_getCountryData$at","lang","split","filter","country","iso","at","content","createElement","_extends","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Value/SelectCountry/SelectCountry.tsx"],"sourcesContent":["import React, { useContext, useMemo } from 'react'\nimport classnames from 'classnames'\nimport { useTranslation, useValueProps } from '../../hooks'\nimport { ValueProps } from '../../types'\nimport ValueBlock from '../../ValueBlock'\nimport SharedContext from '../../../../shared/Context'\nimport { getCountryData } from '../../Field/SelectCountry'\nimport { CountryLang } from '../../constants/countries'\n\nexport type Props = ValueProps<string>\n\nfunction SelectCountry(props: Props) {\n  const { locale } = useContext(SharedContext)\n  const translations = useTranslation().SelectCountry\n  const {\n    value,\n    className,\n    label = translations.label,\n    ...rest\n  } = useValueProps(props)\n\n  const countryName = useMemo(() => {\n    if (!value) {\n      return null\n    }\n\n    const lang = locale?.split('-')[0] as CountryLang\n    return getCountryData({\n      lang,\n      filter: (country) => {\n        return country.iso === value\n      },\n    }).at(0)?.content\n  }, [locale, value])\n\n  return (\n    <ValueBlock\n      label={label}\n      className={classnames('dnb-forms-value-select-country', className)}\n      {...rest}\n    >\n      {countryName}\n    </ValueBlock>\n  )\n}\n\nSelectCountry._supportsSpacingProps = true\nexport default SelectCountry\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAClD,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,cAAc,EAAEC,aAAa,QAAQ,aAAa;AAE3D,OAAOC,UAAU,MAAM,kBAAkB;AACzC,OAAOC,aAAa,MAAM,4BAA4B;AACtD,SAASC,cAAc,QAAQ,2BAA2B;AAK1D,SAASC,aAAaA,CAACC,KAAY,EAAE;EACnC,MAAM;IAAEC;EAAO,CAAC,GAAGV,UAAU,CAACM,aAAa,CAAC;EAC5C,MAAMK,YAAY,GAAGR,cAAc,CAAC,CAAC,CAACK,aAAa;EACnD,MAAAI,cAAA,GAKIR,aAAa,CAACK,KAAK,CAAC;IALlB;MACJI,KAAK;MACLC,SAAS;MACTC,KAAK,GAAGJ,YAAY,CAACI;IAEvB,CAAC,GAAAH,cAAA;IADII,IAAI,GAAAC,wBAAA,CAAAL,cAAA,EAAAM,SAAA;EAGT,MAAMC,WAAW,GAAGlB,OAAO,CAAC,MAAM;IAAA,IAAAmB,kBAAA;IAChC,IAAI,CAACP,KAAK,EAAE;MACV,OAAO,IAAI;IACb;IAEA,MAAMQ,IAAI,GAAGX,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAEY,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAgB;IACjD,QAAAF,kBAAA,GAAOb,cAAc,CAAC;MACpBc,IAAI;MACJE,MAAM,EAAGC,OAAO,IAAK;QACnB,OAAOA,OAAO,CAACC,GAAG,KAAKZ,KAAK;MAC9B;IACF,CAAC,CAAC,CAACa,EAAE,CAAC,CAAC,CAAC,cAAAN,kBAAA,uBALDA,kBAAA,CAKGO,OAAO;EACnB,CAAC,EAAE,CAACjB,MAAM,EAAEG,KAAK,CAAC,CAAC;EAEnB,OACEd,KAAA,CAAA6B,aAAA,CAACvB,UAAU,EAAAwB,QAAA;IACTd,KAAK,EAAEA,KAAM;IACbD,SAAS,EAAEZ,UAAU,CAAC,gCAAgC,EAAEY,SAAS;EAAE,GAC/DE,IAAI,GAEPG,WACS,CAAC;AAEjB;AAEAX,aAAa,CAACsB,qBAAqB,GAAG,IAAI;AAC1C,eAAetB,aAAa"}
+{"version":3,"file":"SelectCountry.js","names":["React","classnames","useTranslation","useValueProps","ValueBlock","useCountry","SelectCountry","props","translations","_useValueProps","value","className","label","rest","_objectWithoutProperties","_excluded","getCountryNameByIso","createElement","_extends","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Value/SelectCountry/SelectCountry.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport { useTranslation, useValueProps } from '../../hooks'\nimport { ValueProps } from '../../types'\nimport ValueBlock from '../../ValueBlock'\nimport useCountry from './useCountry'\n\nexport type Props = ValueProps<string>\n\nfunction SelectCountry(props: Props) {\n  const translations = useTranslation().SelectCountry\n  const {\n    value,\n    className,\n    label = translations.label,\n    ...rest\n  } = useValueProps(props)\n\n  const { getCountryNameByIso } = useCountry()\n\n  return (\n    <ValueBlock\n      label={label}\n      className={classnames('dnb-forms-value-select-country', className)}\n      {...rest}\n    >\n      {getCountryNameByIso(value)}\n    </ValueBlock>\n  )\n}\n\nSelectCountry.useCountry = useCountry\nSelectCountry._supportsSpacingProps = true\nexport default SelectCountry\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,cAAc,EAAEC,aAAa,QAAQ,aAAa;AAE3D,OAAOC,UAAU,MAAM,kBAAkB;AACzC,OAAOC,UAAU,MAAM,cAAc;AAIrC,SAASC,aAAaA,CAACC,KAAY,EAAE;EACnC,MAAMC,YAAY,GAAGN,cAAc,CAAC,CAAC,CAACI,aAAa;EACnD,MAAAG,cAAA,GAKIN,aAAa,CAACI,KAAK,CAAC;IALlB;MACJG,KAAK;MACLC,SAAS;MACTC,KAAK,GAAGJ,YAAY,CAACI;IAEvB,CAAC,GAAAH,cAAA;IADII,IAAI,GAAAC,wBAAA,CAAAL,cAAA,EAAAM,SAAA;EAGT,MAAM;IAAEC;EAAoB,CAAC,GAAGX,UAAU,CAAC,CAAC;EAE5C,OACEL,KAAA,CAAAiB,aAAA,CAACb,UAAU,EAAAc,QAAA;IACTN,KAAK,EAAEA,KAAM;IACbD,SAAS,EAAEV,UAAU,CAAC,gCAAgC,EAAEU,SAAS;EAAE,GAC/DE,IAAI,GAEPG,mBAAmB,CAACN,KAAK,CAChB,CAAC;AAEjB;AAEAJ,aAAa,CAACD,UAAU,GAAGA,UAAU;AACrCC,aAAa,CAACa,qBAAqB,GAAG,IAAI;AAC1C,eAAeb,aAAa"}

package/extensions/forms/Value/SelectCountry/useCountry.d.ts

@@ -0,0 +1,4 @@
+import { CountryType } from '../../constants/countries';
+export default function useCountry(): {
+    getCountryNameByIso: (iso: CountryType['iso']) => string;
+};

package/extensions/forms/Value/SelectCountry/useCountry.js

@@ -0,0 +1,27 @@
+"use client";
+
+import { useCallback, useContext } from 'react';
+import SharedContext from '../../../../shared/Context';
+import { getCountryData } from '../../Field/SelectCountry';
+export default function useCountry() {
+  const {
+    locale
+  } = useContext(SharedContext);
+  const getCountryNameByIso = useCallback(iso => {
+    var _getCountryData$at;
+    if (!iso) {
+      return null;
+    }
+    const lang = locale === null || locale === void 0 ? void 0 : locale.split('-')[0];
+    return (_getCountryData$at = getCountryData({
+      lang,
+      filter: country => {
+        return country.iso === iso;
+      }
+    }).at(0)) === null || _getCountryData$at === void 0 ? void 0 : _getCountryData$at.content;
+  }, [locale]);
+  return {
+    getCountryNameByIso
+  };
+}
+//# sourceMappingURL=useCountry.js.map

package/extensions/forms/Value/SelectCountry/useCountry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCountry.js","names":["useCallback","useContext","SharedContext","getCountryData","useCountry","locale","getCountryNameByIso","iso","_getCountryData$at","lang","split","filter","country","at","content"],"sources":["../../../../../../src/extensions/forms/Value/SelectCountry/useCountry.ts"],"sourcesContent":["import { useCallback, useContext } from 'react'\nimport SharedContext from '../../../../shared/Context'\nimport { getCountryData } from '../../Field/SelectCountry'\nimport { CountryLang, CountryType } from '../../constants/countries'\n\nexport default function useCountry() {\n  const { locale } = useContext(SharedContext)\n\n  const getCountryNameByIso = useCallback(\n    (iso: CountryType['iso']) => {\n      if (!iso) {\n        return null\n      }\n\n      const lang = locale?.split('-')[0] as CountryLang\n      return getCountryData({\n        lang,\n        filter: (country) => {\n          return country.iso === iso\n        },\n      }).at(0)?.content\n    },\n    [locale]\n  )\n\n  return { getCountryNameByIso }\n}\n"],"mappings":";;AAAA,SAASA,WAAW,EAAEC,UAAU,QAAQ,OAAO;AAC/C,OAAOC,aAAa,MAAM,4BAA4B;AACtD,SAASC,cAAc,QAAQ,2BAA2B;AAG1D,eAAe,SAASC,UAAUA,CAAA,EAAG;EACnC,MAAM;IAAEC;EAAO,CAAC,GAAGJ,UAAU,CAACC,aAAa,CAAC;EAE5C,MAAMI,mBAAmB,GAAGN,WAAW,CACpCO,GAAuB,IAAK;IAAA,IAAAC,kBAAA;IAC3B,IAAI,CAACD,GAAG,EAAE;MACR,OAAO,IAAI;IACb;IAEA,MAAME,IAAI,GAAGJ,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAEK,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAgB;IACjD,QAAAF,kBAAA,GAAOL,cAAc,CAAC;MACpBM,IAAI;MACJE,MAAM,EAAGC,OAAO,IAAK;QACnB,OAAOA,OAAO,CAACL,GAAG,KAAKA,GAAG;MAC5B;IACF,CAAC,CAAC,CAACM,EAAE,CAAC,CAAC,CAAC,cAAAL,kBAAA,uBALDA,kBAAA,CAKGM,OAAO;EACnB,CAAC,EACD,CAACT,MAAM,CACT,CAAC;EAED,OAAO;IAAEC;EAAoB,CAAC;AAChC"}

package/extensions/forms/Value/Selection/Selection.js

@@ -40,7 +40,8 @@ function Selection(props) {
     return value;
   }, [dataPath, fieldPropsRef, getValueByPath, path, value]);
   return React.createElement(StringValue, _extends({
-    value: valueToDisplay
+    value: valueToDisplay,
+    path: path
   }, rest));
 }
 Selection._supportsSpacingProps = true;

package/extensions/forms/Value/Selection/Selection.js.map

@@ -1 +1 @@
-{"version":3,"file":"Selection.js","names":["React","useContext","useMemo","StringValue","useValueProps","useDataValue","Context","convertJsxToString","Selection","props","fieldPropsRef","_useValueProps","path","dataPath","value","rest","_objectWithoutProperties","_excluded","getValueByPath","valueToDisplay","_fieldPropsRef$curren","fieldProp","current","_getValueByPath","_getValueByPath$map","_list","_list$find","_list$find$call","_list$find$call$props","list","map","call","title","find","child","createElement","_extends","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Value/Selection/Selection.tsx"],"sourcesContent":["import React, { useContext, useMemo } from 'react'\nimport StringValue from '../String'\nimport { Path, ValueProps } from '../../types'\nimport { useValueProps } from '../../hooks'\nimport useDataValue from '../../hooks/useDataValue'\nimport Context from '../../DataContext/Context'\nimport { convertJsxToString } from '../../../../shared/component-helper'\nimport { Data } from '../../Field/Selection'\n\nexport type Props = ValueProps<string> & {\n  dataPath?: Path\n}\n\nfunction Selection(props: Props) {\n  const { fieldPropsRef } = useContext(Context) || {}\n  const { path, dataPath, value, ...rest } = useValueProps(props)\n  const { getValueByPath } = useDataValue()\n\n  const valueToDisplay = useMemo<string | undefined>(() => {\n    const fieldProp = fieldPropsRef?.current?.[path]\n\n    if (path || dataPath) {\n      let list = getValueByPath(dataPath)?.map?.((props) => ({ props }))\n\n      if (!list) {\n        list = fieldProp?.['children'] as Array<\n          Omit<JSX.Element, 'props'> & { props: Data[number] }\n        >\n      }\n\n      const title = list?.find?.((child) => child.props.value === value)\n        ?.props?.title\n\n      return title ? convertJsxToString(title) : value\n    }\n\n    return value\n  }, [dataPath, fieldPropsRef, getValueByPath, path, value])\n\n  return <StringValue value={valueToDisplay} {...rest} />\n}\n\nSelection._supportsSpacingProps = true\nexport default Selection\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAClD,OAAOC,WAAW,MAAM,WAAW;AAEnC,SAASC,aAAa,QAAQ,aAAa;AAC3C,OAAOC,YAAY,MAAM,0BAA0B;AACnD,OAAOC,OAAO,MAAM,2BAA2B;AAC/C,SAASC,kBAAkB,QAAQ,qCAAqC;AAOxE,SAASC,SAASA,CAACC,KAAY,EAAE;EAC/B,MAAM;IAAEC;EAAc,CAAC,GAAGT,UAAU,CAACK,OAAO,CAAC,IAAI,CAAC,CAAC;EACnD,MAAAK,cAAA,GAA2CP,aAAa,CAACK,KAAK,CAAC;IAAzD;MAAEG,IAAI;MAAEC,QAAQ;MAAEC;IAAe,CAAC,GAAAH,cAAA;IAANI,IAAI,GAAAC,wBAAA,CAAAL,cAAA,EAAAM,SAAA;EACtC,MAAM;IAAEC;EAAe,CAAC,GAAGb,YAAY,CAAC,CAAC;EAEzC,MAAMc,cAAc,GAAGjB,OAAO,CAAqB,MAAM;IAAA,IAAAkB,qBAAA;IACvD,MAAMC,SAAS,GAAGX,aAAa,aAAbA,aAAa,wBAAAU,qBAAA,GAAbV,aAAa,CAAEY,OAAO,cAAAF,qBAAA,uBAAtBA,qBAAA,CAAyBR,IAAI,CAAC;IAEhD,IAAIA,IAAI,IAAIC,QAAQ,EAAE;MAAA,IAAAU,eAAA,EAAAC,mBAAA,EAAAC,KAAA,EAAAC,UAAA,EAAAC,eAAA,EAAAC,qBAAA;MACpB,IAAIC,IAAI,IAAAN,eAAA,GAAGL,cAAc,CAACL,QAAQ,CAAC,cAAAU,eAAA,wBAAAC,mBAAA,GAAxBD,eAAA,CAA0BO,GAAG,cAAAN,mBAAA,uBAA7BA,mBAAA,CAAAO,IAAA,CAAAR,eAAA,EAAiCd,KAAK,KAAM;QAAEA;MAAM,CAAC,CAAC,CAAC;MAElE,IAAI,CAACoB,IAAI,EAAE;QACTA,IAAI,GAAGR,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAG,UAAU,CAE5B;MACH;MAEA,MAAMW,KAAK,IAAAP,KAAA,GAAGI,IAAI,cAAAJ,KAAA,wBAAAC,UAAA,GAAJD,KAAA,CAAMQ,IAAI,cAAAP,UAAA,wBAAAC,eAAA,GAAVD,UAAA,CAAAK,IAAA,CAAAN,KAAA,EAAcS,KAAK,IAAKA,KAAK,CAACzB,KAAK,CAACK,KAAK,KAAKA,KAAK,CAAC,cAAAa,eAAA,wBAAAC,qBAAA,GAApDD,eAAA,CACVlB,KAAK,cAAAmB,qBAAA,uBADKA,qBAAA,CACHI,KAAK;MAEhB,OAAOA,KAAK,GAAGzB,kBAAkB,CAACyB,KAAK,CAAC,GAAGlB,KAAK;IAClD;IAEA,OAAOA,KAAK;EACd,CAAC,EAAE,CAACD,QAAQ,EAAEH,aAAa,EAAEQ,cAAc,EAAEN,IAAI,EAAEE,KAAK,CAAC,CAAC;EAE1D,OAAOd,KAAA,CAAAmC,aAAA,CAAChC,WAAW,EAAAiC,QAAA;IAACtB,KAAK,EAAEK;EAAe,GAAKJ,IAAI,CAAG,CAAC;AACzD;AAEAP,SAAS,CAAC6B,qBAAqB,GAAG,IAAI;AACtC,eAAe7B,SAAS"}
+{"version":3,"file":"Selection.js","names":["React","useContext","useMemo","StringValue","useValueProps","useDataValue","Context","convertJsxToString","Selection","props","fieldPropsRef","_useValueProps","path","dataPath","value","rest","_objectWithoutProperties","_excluded","getValueByPath","valueToDisplay","_fieldPropsRef$curren","fieldProp","current","_getValueByPath","_getValueByPath$map","_list","_list$find","_list$find$call","_list$find$call$props","list","map","call","title","find","child","createElement","_extends","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Value/Selection/Selection.tsx"],"sourcesContent":["import React, { useContext, useMemo } from 'react'\nimport StringValue from '../String'\nimport { Path, ValueProps } from '../../types'\nimport { useValueProps } from '../../hooks'\nimport useDataValue from '../../hooks/useDataValue'\nimport Context from '../../DataContext/Context'\nimport { convertJsxToString } from '../../../../shared/component-helper'\nimport { Data } from '../../Field/Selection'\n\nexport type Props = ValueProps<string> & {\n  dataPath?: Path\n}\n\nfunction Selection(props: Props) {\n  const { fieldPropsRef } = useContext(Context) || {}\n  const { path, dataPath, value, ...rest } = useValueProps(props)\n  const { getValueByPath } = useDataValue()\n\n  const valueToDisplay = useMemo<string | undefined>(() => {\n    const fieldProp = fieldPropsRef?.current?.[path]\n\n    if (path || dataPath) {\n      let list = getValueByPath(dataPath)?.map?.((props) => ({ props }))\n\n      if (!list) {\n        list = fieldProp?.['children'] as Array<\n          Omit<JSX.Element, 'props'> & { props: Data[number] }\n        >\n      }\n\n      const title = list?.find?.((child) => child.props.value === value)\n        ?.props?.title\n\n      return title ? convertJsxToString(title) : value\n    }\n\n    return value\n  }, [dataPath, fieldPropsRef, getValueByPath, path, value])\n\n  return <StringValue value={valueToDisplay} path={path} {...rest} />\n}\n\nSelection._supportsSpacingProps = true\nexport default Selection\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAClD,OAAOC,WAAW,MAAM,WAAW;AAEnC,SAASC,aAAa,QAAQ,aAAa;AAC3C,OAAOC,YAAY,MAAM,0BAA0B;AACnD,OAAOC,OAAO,MAAM,2BAA2B;AAC/C,SAASC,kBAAkB,QAAQ,qCAAqC;AAOxE,SAASC,SAASA,CAACC,KAAY,EAAE;EAC/B,MAAM;IAAEC;EAAc,CAAC,GAAGT,UAAU,CAACK,OAAO,CAAC,IAAI,CAAC,CAAC;EACnD,MAAAK,cAAA,GAA2CP,aAAa,CAACK,KAAK,CAAC;IAAzD;MAAEG,IAAI;MAAEC,QAAQ;MAAEC;IAAe,CAAC,GAAAH,cAAA;IAANI,IAAI,GAAAC,wBAAA,CAAAL,cAAA,EAAAM,SAAA;EACtC,MAAM;IAAEC;EAAe,CAAC,GAAGb,YAAY,CAAC,CAAC;EAEzC,MAAMc,cAAc,GAAGjB,OAAO,CAAqB,MAAM;IAAA,IAAAkB,qBAAA;IACvD,MAAMC,SAAS,GAAGX,aAAa,aAAbA,aAAa,wBAAAU,qBAAA,GAAbV,aAAa,CAAEY,OAAO,cAAAF,qBAAA,uBAAtBA,qBAAA,CAAyBR,IAAI,CAAC;IAEhD,IAAIA,IAAI,IAAIC,QAAQ,EAAE;MAAA,IAAAU,eAAA,EAAAC,mBAAA,EAAAC,KAAA,EAAAC,UAAA,EAAAC,eAAA,EAAAC,qBAAA;MACpB,IAAIC,IAAI,IAAAN,eAAA,GAAGL,cAAc,CAACL,QAAQ,CAAC,cAAAU,eAAA,wBAAAC,mBAAA,GAAxBD,eAAA,CAA0BO,GAAG,cAAAN,mBAAA,uBAA7BA,mBAAA,CAAAO,IAAA,CAAAR,eAAA,EAAiCd,KAAK,KAAM;QAAEA;MAAM,CAAC,CAAC,CAAC;MAElE,IAAI,CAACoB,IAAI,EAAE;QACTA,IAAI,GAAGR,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAG,UAAU,CAE5B;MACH;MAEA,MAAMW,KAAK,IAAAP,KAAA,GAAGI,IAAI,cAAAJ,KAAA,wBAAAC,UAAA,GAAJD,KAAA,CAAMQ,IAAI,cAAAP,UAAA,wBAAAC,eAAA,GAAVD,UAAA,CAAAK,IAAA,CAAAN,KAAA,EAAcS,KAAK,IAAKA,KAAK,CAACzB,KAAK,CAACK,KAAK,KAAKA,KAAK,CAAC,cAAAa,eAAA,wBAAAC,qBAAA,GAApDD,eAAA,CACVlB,KAAK,cAAAmB,qBAAA,uBADKA,qBAAA,CACHI,KAAK;MAEhB,OAAOA,KAAK,GAAGzB,kBAAkB,CAACyB,KAAK,CAAC,GAAGlB,KAAK;IAClD;IAEA,OAAOA,KAAK;EACd,CAAC,EAAE,CAACD,QAAQ,EAAEH,aAAa,EAAEQ,cAAc,EAAEN,IAAI,EAAEE,KAAK,CAAC,CAAC;EAE1D,OAAOd,KAAA,CAAAmC,aAAA,CAAChC,WAAW,EAAAiC,QAAA;IAACtB,KAAK,EAAEK,cAAe;IAACP,IAAI,EAAEA;EAAK,GAAKG,IAAI,CAAG,CAAC;AACrE;AAEAP,SAAS,CAAC6B,qBAAqB,GAAG,IAAI;AACtC,eAAe7B,SAAS"}

package/extensions/forms/Value/ValueDocs.js

@@ -19,6 +19,11 @@ export const ValueProperties = {
     type: 'boolean',
     status: 'optional'
   },
+  inheritVisibility: {
+    doc: 'Use `true` to inherit the visibility from a field with the same path. You can find more info in the [Value section](/uilib/extensions/forms/Value/#inherit-visibility-from-fields-based-on-path).',
+    type: 'boolean',
+    status: 'optional'
+  },
   showEmpty: {
     doc: 'Shows the value even if it is empty.',
     type: 'boolean',

package/extensions/forms/Value/ValueDocs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ValueDocs.js","names":["ValueProperties","value","doc","type","status","defaultValue","label","inheritLabel","showEmpty","placeholder","path","inline","maxWidth","transformIn"],"sources":["../../../../../src/extensions/forms/Value/ValueDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../shared/types'\n\nexport const ValueProperties: PropertiesTableProps = {\n  value: {\n    doc: 'Value for the value component. Will take precedence over the path value given in the data context.',\n    type: '{valueType}',\n    status: 'optional',\n  },\n  defaultValue: {\n    doc: 'Default value for the value component. Will not take precedence over the path value given in the data context.',\n    type: '{valueType}',\n    status: 'optional',\n  },\n  label: {\n    doc: 'Field label to show above the displayed value.',\n    type: 'string',\n    status: 'optional',\n  },\n  inheritLabel: {\n    doc: 'Use `true` to inherit the label from a visible (rendered) field with the same path.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  showEmpty: {\n    doc: 'Shows the value even if it is empty.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  placeholder: {\n    doc: 'Text showing in place of the value if no value is given.',\n    type: 'string',\n    status: 'optional',\n  },\n  path: {\n    doc: 'JSON Pointer for where the data for this input is located in the source dataset.',\n    type: 'string',\n    status: 'optional',\n  },\n  inline: {\n    doc: 'For showing the value inline (not as a block element).',\n    type: 'boolean',\n    status: 'optional',\n  },\n  maxWidth: {\n    doc: 'Use `auto` for no max-width (use browser default), `small`, `medium` or `large` for predefined standard max widths. Defaults to `large`.',\n    type: 'string',\n    status: 'optional',\n  },\n  transformIn: {\n    doc: 'Transforms the `value` before its displayed in the value component.',\n    type: 'function',\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,eAAqC,GAAG;EACnDC,KAAK,EAAE;IACLC,GAAG,EAAE,oGAAoG;IACzGC,IAAI,EAAE,aAAa;IACnBC,MAAM,EAAE;EACV,CAAC;EACDC,YAAY,EAAE;IACZH,GAAG,EAAE,gHAAgH;IACrHC,IAAI,EAAE,aAAa;IACnBC,MAAM,EAAE;EACV,CAAC;EACDE,KAAK,EAAE;IACLJ,GAAG,EAAE,gDAAgD;IACrDC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDG,YAAY,EAAE;IACZL,GAAG,EAAE,qFAAqF;IAC1FC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDI,SAAS,EAAE;IACTN,GAAG,EAAE,sCAAsC;IAC3CC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDK,WAAW,EAAE;IACXP,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDM,IAAI,EAAE;IACJR,GAAG,EAAE,kFAAkF;IACvFC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDO,MAAM,EAAE;IACNT,GAAG,EAAE,wDAAwD;IAC7DC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDQ,QAAQ,EAAE;IACRV,GAAG,EAAE,0IAA0I;IAC/IC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDS,WAAW,EAAE;IACXX,GAAG,EAAE,qEAAqE;IAC1EC,IAAI,EAAE,UAAU;IAChBC,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"}
+{"version":3,"file":"ValueDocs.js","names":["ValueProperties","value","doc","type","status","defaultValue","label","inheritLabel","inheritVisibility","showEmpty","placeholder","path","inline","maxWidth","transformIn"],"sources":["../../../../../src/extensions/forms/Value/ValueDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../shared/types'\n\nexport const ValueProperties: PropertiesTableProps = {\n  value: {\n    doc: 'Value for the value component. Will take precedence over the path value given in the data context.',\n    type: '{valueType}',\n    status: 'optional',\n  },\n  defaultValue: {\n    doc: 'Default value for the value component. Will not take precedence over the path value given in the data context.',\n    type: '{valueType}',\n    status: 'optional',\n  },\n  label: {\n    doc: 'Field label to show above the displayed value.',\n    type: 'string',\n    status: 'optional',\n  },\n  inheritLabel: {\n    doc: 'Use `true` to inherit the label from a visible (rendered) field with the same path.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  inheritVisibility: {\n    doc: 'Use `true` to inherit the visibility from a field with the same path. You can find more info in the [Value section](/uilib/extensions/forms/Value/#inherit-visibility-from-fields-based-on-path).',\n    type: 'boolean',\n    status: 'optional',\n  },\n  showEmpty: {\n    doc: 'Shows the value even if it is empty.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  placeholder: {\n    doc: 'Text showing in place of the value if no value is given.',\n    type: 'string',\n    status: 'optional',\n  },\n  path: {\n    doc: 'JSON Pointer for where the data for this input is located in the source dataset.',\n    type: 'string',\n    status: 'optional',\n  },\n  inline: {\n    doc: 'For showing the value inline (not as a block element).',\n    type: 'boolean',\n    status: 'optional',\n  },\n  maxWidth: {\n    doc: 'Use `auto` for no max-width (use browser default), `small`, `medium` or `large` for predefined standard max widths. Defaults to `large`.',\n    type: 'string',\n    status: 'optional',\n  },\n  transformIn: {\n    doc: 'Transforms the `value` before its displayed in the value component.',\n    type: 'function',\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,eAAqC,GAAG;EACnDC,KAAK,EAAE;IACLC,GAAG,EAAE,oGAAoG;IACzGC,IAAI,EAAE,aAAa;IACnBC,MAAM,EAAE;EACV,CAAC;EACDC,YAAY,EAAE;IACZH,GAAG,EAAE,gHAAgH;IACrHC,IAAI,EAAE,aAAa;IACnBC,MAAM,EAAE;EACV,CAAC;EACDE,KAAK,EAAE;IACLJ,GAAG,EAAE,gDAAgD;IACrDC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDG,YAAY,EAAE;IACZL,GAAG,EAAE,qFAAqF;IAC1FC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDI,iBAAiB,EAAE;IACjBN,GAAG,EAAE,mMAAmM;IACxMC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDK,SAAS,EAAE;IACTP,GAAG,EAAE,sCAAsC;IAC3CC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDM,WAAW,EAAE;IACXR,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDO,IAAI,EAAE;IACJT,GAAG,EAAE,kFAAkF;IACvFC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDQ,MAAM,EAAE;IACNV,GAAG,EAAE,wDAAwD;IAC7DC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDS,QAAQ,EAAE;IACRX,GAAG,EAAE,0IAA0I;IAC/IC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDU,WAAW,EAAE;IACXZ,GAAG,EAAE,qEAAqE;IAC1EC,IAAI,EAAE,UAAU;IAChBC,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/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/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"}