@dnb/eufemia 10.54.1 → 10.55.0

package/es/extensions/forms/Value/ArraySelection/ArraySelection.js

@@ -7,15 +7,10 @@ import React, { useContext, useMemo } from 'react';
 import classnames from 'classnames';
 import { useValueProps } from '../../hooks';
 import ValueBlock from '../../ValueBlock';
-import { LOCALE } from '../../../../shared/defaults';
 import { convertJsxToString } from '../../../../shared/component-helper';
-import SharedContext from '../../../../shared/Context';
 import Context from '../../DataContext/Context';
-import { Li, Ol, Ul } from '../../../../elements';
+import ListFormat from '../../../../components/list-format';
 function ArraySelection(props) {
-  const {
-    locale
-  } = useContext(SharedContext);
   const {
     fieldPropsRef
   } = useContext(Context) || {};
@@ -30,53 +25,27 @@ function ArraySelection(props) {
     } = _useValueProps,
     rest = _objectWithoutProperties(_useValueProps, _excluded);
   const list = useMemo(() => {
-    const isListVariant = variant !== 'text';
+    let valueToUse = value;
     if (path) {
       var _fieldPropsRef$curren, _data$map;
       const data = fieldPropsRef === null || fieldPropsRef === void 0 ? void 0 : (_fieldPropsRef$curren = fieldPropsRef.current) === null || _fieldPropsRef$curren === void 0 ? void 0 : _fieldPropsRef$curren[path + '/arraySelectionData'];
-      return (data === null || data === void 0 ? void 0 : (_data$map = data.map) === null || _data$map === void 0 ? void 0 : _data$map.call(data, ({
+      valueToUse = (data === null || data === void 0 ? void 0 : (_data$map = data.map) === null || _data$map === void 0 ? void 0 : _data$map.call(data, ({
         title
-      }, index) => isListVariant ? React.createElement(Li, {
-        key: index
-      }, convertJsxToString(title)) : convertJsxToString(title))) || value;
+      }) => convertJsxToString(title))) || value;
     }
-    return isListVariant ? value.map((value, index) => React.createElement(Li, {
-      key: index
-    }, convertJsxToString(value))) : value;
-  }, [fieldPropsRef, path, value, variant]);
-  const listValue = useMemo(() => {
-    if (variant === 'text') {
-      return listFormat(list, {
-        locale,
-        format
-      });
+    if (typeof valueToUse === 'undefined') {
+      return undefined;
     }
-    const ListElement = variant.startsWith('ol') ? Ol : Ul;
-    return React.createElement(ListElement, {
-      type: listType
-    }, list);
-  }, [format, list, locale, variant, listType]);
+    return React.createElement(ListFormat, {
+      value: valueToUse,
+      format: format,
+      variant: variant,
+      listType: listType
+    });
+  }, [fieldPropsRef, path, value, variant, listType]);
   return React.createElement(ValueBlock, _extends({
     className: classnames('dnb-forms-value-array-selection', className)
-  }, rest), listValue);
-}
-export function listFormat(value, {
-  locale = LOCALE,
-  format = {
-    style: 'long',
-    type: 'conjunction'
-  },
-  separator = ', '
-}) {
-  if (!Array.isArray(value)) {
-    return value;
-  }
-  try {
-    const formatter = new Intl.ListFormat(locale, format);
-    return formatter.format(value.map(v => String(v)));
-  } catch (error) {
-    return value.join(separator);
-  }
+  }, rest), list);
 }
 ArraySelection._supportsSpacingProps = true;
 export default ArraySelection;

package/es/extensions/forms/Value/ArraySelection/ArraySelection.js.map

@@ -1 +1 @@
-{"version":3,"file":"ArraySelection.js","names":["React","useContext","useMemo","classnames","useValueProps","ValueBlock","LOCALE","convertJsxToString","SharedContext","Context","Li","Ol","Ul","ArraySelection","props","locale","fieldPropsRef","_useValueProps","path","value","format","className","variant","listType","rest","_objectWithoutProperties","_excluded","list","isListVariant","_fieldPropsRef$curren","_data$map","data","current","map","call","title","index","createElement","key","listValue","listFormat","ListElement","startsWith","type","_extends","style","separator","Array","isArray","formatter","Intl","ListFormat","v","String","error","join","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Value/ArraySelection/ArraySelection.tsx"],"sourcesContent":["import React, { useContext, useMemo } from 'react'\nimport classnames from 'classnames'\nimport { useValueProps } from '../../hooks'\nimport { ValueProps } from '../../types'\nimport ValueBlock from '../../ValueBlock'\nimport { LOCALE } from '../../../../shared/defaults'\nimport { convertJsxToString } from '../../../../shared/component-helper'\nimport SharedContext, { InternalLocale } from '../../../../shared/Context'\nimport Context from '../../DataContext/Context'\nimport { Li, Ol, Ul } from '../../../../elements'\n\nexport type Props = ValueProps<Array<number | string>> & {\n  /**\n   * Formatting options for the value.\n   * See https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/ListFormat/ListFormat\n   */\n  format?: Intl.ListFormatOptions\n  /**\n   * Defines if the value should be displayed in list format or regular text format on one line.\n   * Default: `text`\n   */\n  variant?: 'ol' | 'ul' | 'text'\n  /**\n   * Defines the type of list styling used for list variants. Used on conjunction with variant `ol` and `ul`.\n   * Variant `ol`: `a`, `A`, `i`, `I` and `1`.\n   * Variant `ul`: `circle`, `disc` and `square`.\n   * Default: `undefined`\n   */\n  listType?:\n    | 'a'\n    | 'A'\n    | 'i'\n    | 'I'\n    | '1'\n    | 'circle'\n    | 'disc'\n    | 'square'\n    | undefined\n}\n\nfunction ArraySelection(props: Props) {\n  const { locale } = useContext(SharedContext)\n  const { fieldPropsRef } = useContext(Context) || {}\n  const {\n    path,\n    value,\n    format,\n    className,\n    variant = 'text',\n    listType,\n    ...rest\n  } = useValueProps(props)\n\n  const list = useMemo(() => {\n    const isListVariant = variant !== 'text'\n\n    if (path) {\n      const data = fieldPropsRef?.current?.[\n        path + '/arraySelectionData'\n      ] as Array<{\n        value: string\n        title: string | React.ReactNode\n      }>\n\n      return (\n        data?.map?.(({ title }, index) =>\n          isListVariant ? (\n            <Li key={index}>{convertJsxToString(title)}</Li>\n          ) : (\n            convertJsxToString(title)\n          )\n        ) || value\n      )\n    }\n\n    return isListVariant\n      ? value.map((value, index) => (\n          <Li key={index}>{convertJsxToString(value)}</Li>\n        ))\n      : value\n  }, [fieldPropsRef, path, value, variant])\n\n  const listValue = useMemo(() => {\n    if (variant === 'text') {\n      return listFormat(list, { locale, format })\n    }\n\n    const ListElement = variant.startsWith('ol') ? Ol : Ul\n\n    return <ListElement type={listType}>{list}</ListElement>\n  }, [format, list, locale, variant, listType])\n\n  return (\n    <ValueBlock\n      className={classnames('dnb-forms-value-array-selection', className)}\n      {...rest}\n    >\n      {listValue}\n    </ValueBlock>\n  )\n}\n\nexport function listFormat(\n  value: Array<number | string>,\n  {\n    locale = LOCALE,\n    format = {\n      style: 'long',\n      type: 'conjunction',\n    },\n    separator = ', ',\n  }: {\n    locale?: InternalLocale\n    format?: Intl.ListFormatOptions\n    separator?: string\n  }\n) {\n  if (!Array.isArray(value)) {\n    return value\n  }\n  try {\n    const formatter = new Intl.ListFormat(locale, format)\n    return formatter.format(value.map((v) => String(v)))\n  } catch (error) {\n    return value.join(separator)\n  }\n}\n\nArraySelection._supportsSpacingProps = true\nexport default ArraySelection\n"],"mappings":"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"}
+{"version":3,"file":"ArraySelection.js","names":["React","useContext","useMemo","classnames","useValueProps","ValueBlock","convertJsxToString","Context","ListFormat","ArraySelection","props","fieldPropsRef","_useValueProps","path","value","format","className","variant","listType","rest","_objectWithoutProperties","_excluded","list","valueToUse","_fieldPropsRef$curren","_data$map","data","current","map","call","title","undefined","createElement","_extends","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Value/ArraySelection/ArraySelection.tsx"],"sourcesContent":["import React, { useContext, useMemo } from 'react'\nimport classnames from 'classnames'\nimport { useValueProps } from '../../hooks'\nimport { ValueProps } from '../../types'\nimport ValueBlock from '../../ValueBlock'\nimport { convertJsxToString } from '../../../../shared/component-helper'\nimport Context from '../../DataContext/Context'\nimport ListFormat, {\n  ListFormatProps,\n} from '../../../../components/list-format'\n\nexport type Props = ValueProps<Array<number | string>> & ListFormatProps\n\nfunction ArraySelection(props: Props) {\n  const { fieldPropsRef } = useContext(Context) || {}\n  const {\n    path,\n    value,\n    format,\n    className,\n    variant = 'text',\n    listType,\n    ...rest\n  } = useValueProps(props)\n\n  const list = useMemo(() => {\n    let valueToUse = value\n\n    if (path) {\n      const data = fieldPropsRef?.current?.[\n        path + '/arraySelectionData'\n      ] as Array<{\n        value: string\n        title: string | React.ReactNode\n      }>\n\n      valueToUse =\n        data?.map?.(({ title }) => convertJsxToString(title)) || value\n    }\n\n    if (typeof valueToUse === 'undefined') {\n      return undefined\n    }\n\n    return (\n      <ListFormat\n        value={valueToUse}\n        format={format}\n        variant={variant}\n        listType={listType}\n      />\n    )\n  }, [fieldPropsRef, path, value, variant, listType])\n\n  return (\n    <ValueBlock\n      className={classnames('dnb-forms-value-array-selection', className)}\n      {...rest}\n    >\n      {list}\n    </ValueBlock>\n  )\n}\n\nArraySelection._supportsSpacingProps = true\nexport default ArraySelection\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAClD,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,aAAa,QAAQ,aAAa;AAE3C,OAAOC,UAAU,MAAM,kBAAkB;AACzC,SAASC,kBAAkB,QAAQ,qCAAqC;AACxE,OAAOC,OAAO,MAAM,2BAA2B;AAC/C,OAAOC,UAAU,MAEV,oCAAoC;AAI3C,SAASC,cAAcA,CAACC,KAAY,EAAE;EACpC,MAAM;IAAEC;EAAc,CAAC,GAAGV,UAAU,CAACM,OAAO,CAAC,IAAI,CAAC,CAAC;EACnD,MAAAK,cAAA,GAQIR,aAAa,CAACM,KAAK,CAAC;IARlB;MACJG,IAAI;MACJC,KAAK;MACLC,MAAM;MACNC,SAAS;MACTC,OAAO,GAAG,MAAM;MAChBC;IAEF,CAAC,GAAAN,cAAA;IADIO,IAAI,GAAAC,wBAAA,CAAAR,cAAA,EAAAS,SAAA;EAGT,MAAMC,IAAI,GAAGpB,OAAO,CAAC,MAAM;IACzB,IAAIqB,UAAU,GAAGT,KAAK;IAEtB,IAAID,IAAI,EAAE;MAAA,IAAAW,qBAAA,EAAAC,SAAA;MACR,MAAMC,IAAI,GAAGf,aAAa,aAAbA,aAAa,wBAAAa,qBAAA,GAAbb,aAAa,CAAEgB,OAAO,cAAAH,qBAAA,uBAAtBA,qBAAA,CACXX,IAAI,GAAG,qBAAqB,CAI5B;MAEFU,UAAU,GACR,CAAAG,IAAI,aAAJA,IAAI,wBAAAD,SAAA,GAAJC,IAAI,CAAEE,GAAG,cAAAH,SAAA,uBAATA,SAAA,CAAAI,IAAA,CAAAH,IAAI,EAAQ,CAAC;QAAEI;MAAM,CAAC,KAAKxB,kBAAkB,CAACwB,KAAK,CAAC,CAAC,KAAIhB,KAAK;IAClE;IAEA,IAAI,OAAOS,UAAU,KAAK,WAAW,EAAE;MACrC,OAAOQ,SAAS;IAClB;IAEA,OACE/B,KAAA,CAAAgC,aAAA,CAACxB,UAAU;MACTM,KAAK,EAAES,UAAW;MAClBR,MAAM,EAAEA,MAAO;MACfE,OAAO,EAAEA,OAAQ;MACjBC,QAAQ,EAAEA;IAAS,CACpB,CAAC;EAEN,CAAC,EAAE,CAACP,aAAa,EAAEE,IAAI,EAAEC,KAAK,EAAEG,OAAO,EAAEC,QAAQ,CAAC,CAAC;EAEnD,OACElB,KAAA,CAAAgC,aAAA,CAAC3B,UAAU,EAAA4B,QAAA;IACTjB,SAAS,EAAEb,UAAU,CAAC,iCAAiC,EAAEa,SAAS;EAAE,GAChEG,IAAI,GAEPG,IACS,CAAC;AAEjB;AAEAb,cAAc,CAACyB,qBAAqB,GAAG,IAAI;AAC3C,eAAezB,cAAc"}

package/es/extensions/forms/Value/ArraySelection/ArraySelectionDocs.js

@@ -1,18 +1,6 @@
-export const ArraySelectionProperties = {
-  format: {
-    doc: 'Formatting options for the value. See the [Intl.ListFormat](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/ListFormat/ListFormat) documentation.',
-    type: 'Intl.ListFormatOptions',
-    status: 'optional'
-  },
-  variant: {
-    doc: 'Defines if the value should be displayed in list format, or regular text format on one line. Defaults to `text`',
-    type: ['ol', 'ul', 'text'],
-    status: 'optional'
-  },
-  listType: {
-    doc: 'Defines the type of list styling used for list variants. Used on conjunction with variant `ol` and `ul`. Variant `ol`: `a`, `A`, `i`, `I` and `1`. Variant `ul`: `circle`, `disc` and `square`. Defaults to `undefined`',
-    type: ['a', 'A', 'i', 'I', '1', 'circle', 'disc', 'square', 'undefined'],
-    status: 'optional'
-  }
-};
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+import { ListFormatProperties } from '../../../../components/list-format/ListFormatDocs';
+export const ArraySelectionProperties = _objectSpread({}, ListFormatProperties);
 //# sourceMappingURL=ArraySelectionDocs.js.map

package/es/extensions/forms/Value/ArraySelection/ArraySelectionDocs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ArraySelectionDocs.js","names":["ArraySelectionProperties","format","doc","type","status","variant","listType"],"sources":["../../../../../../src/extensions/forms/Value/ArraySelection/ArraySelectionDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\n\nexport const ArraySelectionProperties: PropertiesTableProps = {\n  format: {\n    doc: 'Formatting options for the value. See the [Intl.ListFormat](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/ListFormat/ListFormat) documentation.',\n    type: 'Intl.ListFormatOptions',\n    status: 'optional',\n  },\n  variant: {\n    doc: 'Defines if the value should be displayed in list format, or regular text format on one line. Defaults to `text`',\n    type: ['ol', 'ul', 'text'],\n    status: 'optional',\n  },\n  listType: {\n    doc: 'Defines the type of list styling used for list variants. Used on conjunction with variant `ol` and `ul`. Variant `ol`: `a`, `A`, `i`, `I` and `1`. Variant `ul`: `circle`, `disc` and `square`. Defaults to `undefined`',\n    type: [\n      'a',\n      'A',\n      'i',\n      'I',\n      '1',\n      'circle',\n      'disc',\n      'square',\n      'undefined',\n    ],\n    status: 'optional',\n  },\n}\n"],"mappings":"AAEA,OAAO,MAAMA,wBAA8C,GAAG;EAC5DC,MAAM,EAAE;IACNC,GAAG,EAAE,yLAAyL;IAC9LC,IAAI,EAAE,wBAAwB;IAC9BC,MAAM,EAAE;EACV,CAAC;EACDC,OAAO,EAAE;IACPH,GAAG,EAAE,iHAAiH;IACtHC,IAAI,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC;IAC1BC,MAAM,EAAE;EACV,CAAC;EACDE,QAAQ,EAAE;IACRJ,GAAG,EAAE,yNAAyN;IAC9NC,IAAI,EAAE,CACJ,GAAG,EACH,GAAG,EACH,GAAG,EACH,GAAG,EACH,GAAG,EACH,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,WAAW,CACZ;IACDC,MAAM,EAAE;EACV;AACF,CAAC"}
+{"version":3,"file":"ArraySelectionDocs.js","names":["ListFormatProperties","ArraySelectionProperties","_objectSpread"],"sources":["../../../../../../src/extensions/forms/Value/ArraySelection/ArraySelectionDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\n\nimport { ListFormatProperties } from '../../../../components/list-format/ListFormatDocs'\n\nexport const ArraySelectionProperties: PropertiesTableProps = {\n  ...ListFormatProperties,\n}\n"],"mappings":";;;AAEA,SAASA,oBAAoB,QAAQ,mDAAmD;AAExF,OAAO,MAAMC,wBAA8C,GAAAC,aAAA,KACtDF,oBAAoB,CACxB"}

package/es/extensions/forms/Value/Composition/CompositionDocs.js

@@ -1,9 +1,11 @@
 import { ValueProperties } from '../ValueDocs';
 const {
-  label
+  label,
+  transformLabel
 } = ValueProperties;
 export const CompositionProperties = {
   label,
+  transformLabel,
   maxWidth: {
     doc: 'Use `small`, `medium` or `large` for predefined standard max widths. Defaults to `auto`.',
     type: 'string',

package/es/extensions/forms/Value/Composition/CompositionDocs.js.map

@@ -1 +1 @@
-{"version":3,"file":"CompositionDocs.js","names":["ValueProperties","label","CompositionProperties","maxWidth","doc","type","status","gap"],"sources":["../../../../../../src/extensions/forms/Value/Composition/CompositionDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\nimport { ValueProperties } from '../ValueDocs'\n\nconst { label } = ValueProperties\n\nexport const CompositionProperties: PropertiesTableProps = {\n  label,\n  maxWidth: {\n    doc: 'Use `small`, `medium` or `large` for predefined standard max widths. Defaults to `auto`.',\n    type: 'string',\n    status: 'optional',\n  },\n  gap: {\n    doc: 'The gap between the different value blocks. Can be `xx-small`, `x-small`, `small`, `medium`, `large` or `false`. Defaults to `xx-small`.',\n    type: 'string',\n    status: 'optional',\n  },\n}\n"],"mappings":"AACA,SAASA,eAAe,QAAQ,cAAc;AAE9C,MAAM;EAAEC;AAAM,CAAC,GAAGD,eAAe;AAEjC,OAAO,MAAME,qBAA2C,GAAG;EACzDD,KAAK;EACLE,QAAQ,EAAE;IACRC,GAAG,EAAE,0FAA0F;IAC/FC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDC,GAAG,EAAE;IACHH,GAAG,EAAE,0IAA0I;IAC/IC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV;AACF,CAAC"}
+{"version":3,"file":"CompositionDocs.js","names":["ValueProperties","label","transformLabel","CompositionProperties","maxWidth","doc","type","status","gap"],"sources":["../../../../../../src/extensions/forms/Value/Composition/CompositionDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\nimport { ValueProperties } from '../ValueDocs'\n\nconst { label, transformLabel } = ValueProperties\n\nexport const CompositionProperties: PropertiesTableProps = {\n  label,\n  transformLabel,\n  maxWidth: {\n    doc: 'Use `small`, `medium` or `large` for predefined standard max widths. Defaults to `auto`.',\n    type: 'string',\n    status: 'optional',\n  },\n  gap: {\n    doc: 'The gap between the different value blocks. Can be `xx-small`, `x-small`, `small`, `medium`, `large` or `false`. Defaults to `xx-small`.',\n    type: 'string',\n    status: 'optional',\n  },\n}\n"],"mappings":"AACA,SAASA,eAAe,QAAQ,cAAc;AAE9C,MAAM;EAAEC,KAAK;EAAEC;AAAe,CAAC,GAAGF,eAAe;AAEjD,OAAO,MAAMG,qBAA2C,GAAG;EACzDF,KAAK;EACLC,cAAc;EACdE,QAAQ,EAAE;IACRC,GAAG,EAAE,0FAA0F;IAC/FC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDC,GAAG,EAAE;IACHH,GAAG,EAAE,0IAA0I;IAC/IC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV;AACF,CAAC"}

package/es/extensions/forms/Value/Provider/useValueProvider.d.ts

@@ -22,10 +22,10 @@ declare function useValueProvider(props?: Omit<ValueProviderProps, 'children'>):
         toInput?: (external: unknown) => unknown;
         fromExternal?: (external: unknown) => unknown;
         itemPath?: string;
-        transformLabel?: (label: import("react").ReactNode, convertJsxToString: (label: import("react").ReactNode) => string) => import("react").ReactNode;
         inheritVisibility?: boolean;
         inheritLabel?: boolean;
         showEmpty?: boolean;
+        transformLabel?: (label: import("react").ReactNode, convertJsxToString: (label: import("react").ReactNode) => string) => import("react").ReactNode;
     };
     inheritedContext: ValueProps<unknown>;
 };

package/es/extensions/forms/Value/SummaryList/SummaryListDocs.js

@@ -1,14 +1,13 @@
+import { ValueProperties } from '../ValueDocs';
+const {
+  transformLabel
+} = ValueProperties;
 export const SummaryListProperties = {
   layout: {
     doc: 'Use `grid`, `horizontal` or `vertical`.',
     type: 'string',
     status: 'optional'
   },
-  transformLabel: {
-    doc: 'Transforms the label before it gets displayed. Receives the label as the first parameter. The second parameter is a object containing the `convertJsxToString` function.',
-    type: 'function',
-    status: 'optional'
-  },
   inheritVisibility: {
     doc: 'Use this property to propagate the `inheritVisibility` property to all nested values.',
     type: 'boolean',
@@ -19,6 +18,7 @@ export const SummaryListProperties = {
     type: 'boolean',
     status: 'optional'
   },
+  transformLabel,
   children: {
     doc: 'Contents.',
     type: 'React.Node',

package/es/extensions/forms/Value/SummaryList/SummaryListDocs.js.map

@@ -1 +1 @@
-{"version":3,"file":"SummaryListDocs.js","names":["SummaryListProperties","layout","doc","type","status","transformLabel","inheritVisibility","inheritLabel","children","StepEvents"],"sources":["../../../../../../src/extensions/forms/Value/SummaryList/SummaryListDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\n\nexport const SummaryListProperties: PropertiesTableProps = {\n  layout: {\n    doc: 'Use `grid`, `horizontal` or `vertical`.',\n    type: 'string',\n    status: 'optional',\n  },\n  transformLabel: {\n    doc: 'Transforms the label before it gets displayed. Receives the label as the first parameter. The second parameter is a object containing the `convertJsxToString` function.',\n    type: 'function',\n    status: 'optional',\n  },\n  inheritVisibility: {\n    doc: 'Use this property to propagate the `inheritVisibility` property to all nested values.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  inheritLabel: {\n    doc: 'Use this property to propagate the `inheritLabel` property to all nested values.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  children: {\n    doc: 'Contents.',\n    type: 'React.Node',\n    status: 'required',\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\nexport const StepEvents: PropertiesTableProps = {}\n"],"mappings":"AAEA,OAAO,MAAMA,qBAA2C,GAAG;EACzDC,MAAM,EAAE;IACNC,GAAG,EAAE,yCAAyC;IAC9CC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDC,cAAc,EAAE;IACdH,GAAG,EAAE,0KAA0K;IAC/KC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV,CAAC;EACDE,iBAAiB,EAAE;IACjBJ,GAAG,EAAE,uFAAuF;IAC5FC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDG,YAAY,EAAE;IACZL,GAAG,EAAE,kFAAkF;IACvFC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDI,QAAQ,EAAE;IACRN,GAAG,EAAE,WAAW;IAChBC,IAAI,EAAE,YAAY;IAClBC,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;AAED,OAAO,MAAMK,UAAgC,GAAG,CAAC,CAAC"}
+{"version":3,"file":"SummaryListDocs.js","names":["ValueProperties","transformLabel","SummaryListProperties","layout","doc","type","status","inheritVisibility","inheritLabel","children","StepEvents"],"sources":["../../../../../../src/extensions/forms/Value/SummaryList/SummaryListDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\nimport { ValueProperties } from '../ValueDocs'\n\nconst { transformLabel } = ValueProperties\n\nexport const SummaryListProperties: PropertiesTableProps = {\n  layout: {\n    doc: 'Use `grid`, `horizontal` or `vertical`.',\n    type: 'string',\n    status: 'optional',\n  },\n  inheritVisibility: {\n    doc: 'Use this property to propagate the `inheritVisibility` property to all nested values.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  inheritLabel: {\n    doc: 'Use this property to propagate the `inheritLabel` property to all nested values.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  transformLabel,\n  children: {\n    doc: 'Contents.',\n    type: 'React.Node',\n    status: 'required',\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\nexport const StepEvents: PropertiesTableProps = {}\n"],"mappings":"AACA,SAASA,eAAe,QAAQ,cAAc;AAE9C,MAAM;EAAEC;AAAe,CAAC,GAAGD,eAAe;AAE1C,OAAO,MAAME,qBAA2C,GAAG;EACzDC,MAAM,EAAE;IACNC,GAAG,EAAE,yCAAyC;IAC9CC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDC,iBAAiB,EAAE;IACjBH,GAAG,EAAE,uFAAuF;IAC5FC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDE,YAAY,EAAE;IACZJ,GAAG,EAAE,kFAAkF;IACvFC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDL,cAAc;EACdQ,QAAQ,EAAE;IACRL,GAAG,EAAE,WAAW;IAChBC,IAAI,EAAE,YAAY;IAClBC,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;AAED,OAAO,MAAMI,UAAgC,GAAG,CAAC,CAAC"}

package/es/extensions/forms/Value/Upload/Upload.d.ts

@@ -0,0 +1,11 @@
+import { ValueProps } from '../../types';
+import { ListFormatProps } from '../../../../components/list-format';
+import type { UploadFile, UploadProps } from '../../../../components/upload/types';
+export type Props = ValueProps<Array<UploadFile>> & Omit<ListFormatProps, 'value'> & Pick<UploadProps, 'download'> & {
+    displaySize?: boolean;
+};
+declare function Upload(props: Props): import("react/jsx-runtime").JSX.Element;
+declare namespace Upload {
+    var _supportsSpacingProps: boolean;
+}
+export default Upload;

package/es/extensions/forms/Value/Upload/Upload.js

@@ -0,0 +1,88 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["path", "value", "format", "className", "variant", "listType", "download", "displaySize"];
+import React, { useMemo } from 'react';
+import classnames from 'classnames';
+import { useValueProps } from '../../hooks';
+import ValueBlock from '../../ValueBlock';
+import { Anchor } from '../../../../components';
+import Icon from '../../../../components/Icon';
+import ListFormat from '../../../../components/list-format';
+import { fileExtensionImages } from '../../../../components/upload/UploadFileListCell';
+import { BYTES_IN_A_MEGA_BYTE, getFileTypeFromExtension } from '../../../../components/upload/UploadVerify';
+import { format } from '../../../../components/number-format/NumberUtils';
+function Upload(props) {
+  const _useValueProps = useValueProps(props),
+    {
+      path,
+      value,
+      format,
+      className,
+      variant = 'text',
+      listType,
+      download = false,
+      displaySize = false
+    } = _useValueProps,
+    rest = _objectWithoutProperties(_useValueProps, _excluded);
+  const list = useMemo(() => {
+    const valueToUse = (value === null || value === void 0 ? void 0 : value.map((uploadFile, index) => {
+      const {
+        file
+      } = uploadFile || {};
+      if (!file) {
+        return;
+      }
+      const imageUrl = URL.createObjectURL(file);
+      return React.createElement("span", {
+        key: index
+      }, getIcon(file), React.createElement(Anchor, {
+        target: "_blank",
+        href: imageUrl,
+        download: download ? file.name : null,
+        rel: "noopener noreferrer",
+        className: "dnb-anchor--no-launch-icon",
+        left: "x-small"
+      }, file.name, displaySize && getSize(file.size)));
+    })) || undefined;
+    if (valueToUse) {
+      return React.createElement(ListFormat, {
+        value: valueToUse,
+        format: format,
+        variant: variant,
+        listType: listType
+      });
+    }
+  }, [path, value, variant, listType]);
+  return React.createElement(ValueBlock, _extends({
+    className: classnames('dnb-forms-value-upload', className)
+  }, rest), list);
+}
+function getSize(size) {
+  if (!size) {
+    return;
+  }
+  const sizeInMb = size / BYTES_IN_A_MEGA_BYTE;
+  return ` (${format(sizeInMb, {
+    decimals: 0
+  })} MB)`;
+}
+function getIcon(file) {
+  if (!file) {
+    return;
+  }
+  const fileType = getFileTypeFromExtension(file);
+  let iconFileType = fileType;
+  if (!iconFileType) {
+    const mimeParts = file.type.split('/');
+    iconFileType = fileExtensionImages[mimeParts[0]] || fileExtensionImages[mimeParts[1]];
+  }
+  if (!Object.prototype.hasOwnProperty.call(fileExtensionImages, iconFileType)) {
+    iconFileType = 'file';
+  }
+  return React.createElement(Icon, {
+    icon: fileExtensionImages[iconFileType]
+  });
+}
+Upload._supportsSpacingProps = true;
+export default Upload;
+//# sourceMappingURL=Upload.js.map

package/es/extensions/forms/Value/Upload/Upload.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Upload.js","names":["React","useMemo","classnames","useValueProps","ValueBlock","Anchor","Icon","ListFormat","fileExtensionImages","BYTES_IN_A_MEGA_BYTE","getFileTypeFromExtension","format","Upload","props","_useValueProps","path","value","className","variant","listType","download","displaySize","rest","_objectWithoutProperties","_excluded","list","valueToUse","map","uploadFile","index","file","imageUrl","URL","createObjectURL","createElement","key","getIcon","target","href","name","rel","left","getSize","size","undefined","_extends","sizeInMb","decimals","fileType","iconFileType","mimeParts","type","split","Object","prototype","hasOwnProperty","call","icon","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Value/Upload/Upload.tsx"],"sourcesContent":["import React, { useMemo } from 'react'\nimport classnames from 'classnames'\nimport { useValueProps } from '../../hooks'\nimport { ValueProps } from '../../types'\nimport ValueBlock from '../../ValueBlock'\nimport { Anchor } from '../../../../components'\nimport Icon from '../../../../components/Icon'\nimport ListFormat, {\n  ListFormatProps,\n} from '../../../../components/list-format'\nimport type {\n  UploadFile,\n  UploadProps,\n} from '../../../../components/upload/types'\nimport { fileExtensionImages } from '../../../../components/upload/UploadFileListCell'\nimport {\n  BYTES_IN_A_MEGA_BYTE,\n  getFileTypeFromExtension,\n} from '../../../../components/upload/UploadVerify'\nimport { format } from '../../../../components/number-format/NumberUtils'\n\nexport type Props = ValueProps<Array<UploadFile>> &\n  Omit<ListFormatProps, 'value'> &\n  Pick<UploadProps, 'download'> & {\n    displaySize?: boolean\n  }\n\nfunction Upload(props: Props) {\n  const {\n    path,\n    value,\n    format,\n    className,\n    variant = 'text',\n    listType,\n    download = false,\n    displaySize = false,\n    ...rest\n  } = useValueProps(props)\n\n  const list = useMemo(() => {\n    const valueToUse =\n      value?.map((uploadFile, index) => {\n        const { file } = uploadFile || {}\n        if (!file) {\n          return\n        }\n        const imageUrl = URL.createObjectURL(file)\n        return (\n          <span key={index}>\n            {getIcon(file)}\n            <Anchor\n              target=\"_blank\"\n              href={imageUrl}\n              download={download ? file.name : null}\n              rel=\"noopener noreferrer\"\n              className=\"dnb-anchor--no-launch-icon\"\n              left=\"x-small\"\n            >\n              {file.name}\n              {displaySize && getSize(file.size)}\n            </Anchor>\n          </span>\n        )\n      }) || undefined\n\n    if (valueToUse) {\n      return (\n        <ListFormat\n          value={valueToUse}\n          format={format}\n          variant={variant}\n          listType={listType}\n        />\n      )\n    }\n  }, [path, value, variant, listType])\n\n  return (\n    <ValueBlock\n      className={classnames('dnb-forms-value-upload', className)}\n      {...rest}\n    >\n      {list}\n    </ValueBlock>\n  )\n}\n\nfunction getSize(size: number) {\n  if (!size) {\n    return\n  }\n  // Converts from b (binary) to MB (decimal)\n  const sizeInMb = size / BYTES_IN_A_MEGA_BYTE\n  return ` (${format(sizeInMb, {\n    decimals: 0,\n  })} MB)`\n}\n\nfunction getIcon(file: File) {\n  if (!file) {\n    return\n  }\n  const fileType = getFileTypeFromExtension(file)\n\n  let iconFileType = fileType\n\n  if (!iconFileType) {\n    const mimeParts = file.type.split('/')\n    iconFileType =\n      fileExtensionImages[mimeParts[0]] ||\n      fileExtensionImages[mimeParts[1]]\n  }\n\n  if (\n    !Object.prototype.hasOwnProperty.call(\n      fileExtensionImages,\n      iconFileType\n    )\n  ) {\n    iconFileType = 'file'\n  }\n\n  return <Icon icon={fileExtensionImages[iconFileType]} />\n}\n\nUpload._supportsSpacingProps = true\nexport default Upload\n"],"mappings":"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"}

package/es/extensions/forms/Value/Upload/UploadDocs.d.ts

@@ -0,0 +1,2 @@
+import { PropertiesTableProps } from '../../../../shared/types';
+export declare const UploadProperties: PropertiesTableProps;

package/es/extensions/forms/Value/Upload/UploadDocs.js

@@ -0,0 +1,17 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+import { ListFormatProperties } from '../../../../components/list-format/ListFormatDocs';
+export const UploadProperties = _objectSpread({
+  download: {
+    doc: 'Causes the browser to treat all listed files as downloadable instead of opening them in a new browser tab or window. Defaults to `false`.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  displaySize: {
+    doc: 'Can be used to display the file size of the file. Defaults to `false`.',
+    type: 'boolean',
+    status: 'optional'
+  }
+}, ListFormatProperties);
+//# sourceMappingURL=UploadDocs.js.map

package/es/extensions/forms/Value/Upload/UploadDocs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadDocs.js","names":["ListFormatProperties","UploadProperties","_objectSpread","download","doc","type","status","displaySize"],"sources":["../../../../../../src/extensions/forms/Value/Upload/UploadDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\n\nimport { ListFormatProperties } from '../../../../components/list-format/ListFormatDocs'\n\nexport const UploadProperties: PropertiesTableProps = {\n  download: {\n    doc: 'Causes the browser to treat all listed files as downloadable instead of opening them in a new browser tab or window. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  displaySize: {\n    doc: 'Can be used to display the file size of the file. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  ...ListFormatProperties,\n}\n"],"mappings":";;;AAEA,SAASA,oBAAoB,QAAQ,mDAAmD;AAExF,OAAO,MAAMC,gBAAsC,GAAAC,aAAA;EACjDC,QAAQ,EAAE;IACRC,GAAG,EAAE,2IAA2I;IAChJC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDC,WAAW,EAAE;IACXH,GAAG,EAAE,wEAAwE;IAC7EC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV;AAAC,GACEN,oBAAoB,CACxB"}

package/es/extensions/forms/Value/Upload/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Upload';
+export * from './Upload';

package/es/extensions/forms/Value/Upload/index.js

@@ -0,0 +1,3 @@
+export { default } from './Upload';
+export * from './Upload';
+//# sourceMappingURL=index.js.map

package/es/extensions/forms/Value/Upload/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["default"],"sources":["../../../../../../src/extensions/forms/Value/Upload/index.ts"],"sourcesContent":["export { default } from './Upload'\nexport * from './Upload'\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,UAAU;AAClC,cAAc,UAAU"}

package/es/extensions/forms/Value/index.d.ts

@@ -16,3 +16,4 @@ export { default as OrganizationNumber } from './OrganizationNumber';
 export { default as SelectCountry } from './SelectCountry';
 export { default as ArraySelection } from './ArraySelection';
 export { default as Selection } from './Selection';
+export { default as Upload } from './Upload';

package/es/extensions/forms/Value/index.js

@@ -16,4 +16,5 @@ export { default as OrganizationNumber } from './OrganizationNumber';
 export { default as SelectCountry } from './SelectCountry';
 export { default as ArraySelection } from './ArraySelection';
 export { default as Selection } from './Selection';
+export { default as Upload } from './Upload';
 //# sourceMappingURL=index.js.map

package/es/extensions/forms/Value/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default","Provider","SummaryList","Composition","String","Number","Boolean","Currency","Date","Email","Name","NationalIdentityNumber","PostalCodeAndCity","PhoneNumber","BankAccountNumber","OrganizationNumber","SelectCountry","ArraySelection","Selection"],"sources":["../../../../../src/extensions/forms/Value/index.ts"],"sourcesContent":["export { default as Provider } from './Provider'\nexport { default as SummaryList } from './SummaryList'\nexport { default as Composition } from './Composition'\nexport { default as String } from './String'\nexport { default as Number } from './Number'\nexport { default as Boolean } from './Boolean'\nexport { default as Currency } from './Currency'\nexport { default as Date } from './Date'\nexport { default as Email } from './Email'\nexport { default as Name } from './Name'\nexport { default as NationalIdentityNumber } from './NationalIdentityNumber'\nexport { default as PostalCodeAndCity } from './PostalCodeAndCity'\nexport { default as PhoneNumber } from './PhoneNumber'\nexport { default as BankAccountNumber } from './BankAccountNumber'\nexport { default as OrganizationNumber } from './OrganizationNumber'\nexport { default as SelectCountry } from './SelectCountry'\nexport { default as ArraySelection } from './ArraySelection'\nexport { default as Selection } from './Selection'\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,QAAQ,QAAQ,YAAY;AAChD,SAASD,OAAO,IAAIE,WAAW,QAAQ,eAAe;AACtD,SAASF,OAAO,IAAIG,WAAW,QAAQ,eAAe;AACtD,SAASH,OAAO,IAAII,MAAM,QAAQ,UAAU;AAC5C,SAASJ,OAAO,IAAIK,MAAM,QAAQ,UAAU;AAC5C,SAASL,OAAO,IAAIM,OAAO,QAAQ,WAAW;AAC9C,SAASN,OAAO,IAAIO,QAAQ,QAAQ,YAAY;AAChD,SAASP,OAAO,IAAIQ,IAAI,QAAQ,QAAQ;AACxC,SAASR,OAAO,IAAIS,KAAK,QAAQ,SAAS;AAC1C,SAAST,OAAO,IAAIU,IAAI,QAAQ,QAAQ;AACxC,SAASV,OAAO,IAAIW,sBAAsB,QAAQ,0BAA0B;AAC5E,SAASX,OAAO,IAAIY,iBAAiB,QAAQ,qBAAqB;AAClE,SAASZ,OAAO,IAAIa,WAAW,QAAQ,eAAe;AACtD,SAASb,OAAO,IAAIc,iBAAiB,QAAQ,qBAAqB;AAClE,SAASd,OAAO,IAAIe,kBAAkB,QAAQ,sBAAsB;AACpE,SAASf,OAAO,IAAIgB,aAAa,QAAQ,iBAAiB;AAC1D,SAAShB,OAAO,IAAIiB,cAAc,QAAQ,kBAAkB;AAC5D,SAASjB,OAAO,IAAIkB,SAAS,QAAQ,aAAa"}
+{"version":3,"file":"index.js","names":["default","Provider","SummaryList","Composition","String","Number","Boolean","Currency","Date","Email","Name","NationalIdentityNumber","PostalCodeAndCity","PhoneNumber","BankAccountNumber","OrganizationNumber","SelectCountry","ArraySelection","Selection","Upload"],"sources":["../../../../../src/extensions/forms/Value/index.ts"],"sourcesContent":["export { default as Provider } from './Provider'\nexport { default as SummaryList } from './SummaryList'\nexport { default as Composition } from './Composition'\nexport { default as String } from './String'\nexport { default as Number } from './Number'\nexport { default as Boolean } from './Boolean'\nexport { default as Currency } from './Currency'\nexport { default as Date } from './Date'\nexport { default as Email } from './Email'\nexport { default as Name } from './Name'\nexport { default as NationalIdentityNumber } from './NationalIdentityNumber'\nexport { default as PostalCodeAndCity } from './PostalCodeAndCity'\nexport { default as PhoneNumber } from './PhoneNumber'\nexport { default as BankAccountNumber } from './BankAccountNumber'\nexport { default as OrganizationNumber } from './OrganizationNumber'\nexport { default as SelectCountry } from './SelectCountry'\nexport { default as ArraySelection } from './ArraySelection'\nexport { default as Selection } from './Selection'\nexport { default as Upload } from './Upload'\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,QAAQ,QAAQ,YAAY;AAChD,SAASD,OAAO,IAAIE,WAAW,QAAQ,eAAe;AACtD,SAASF,OAAO,IAAIG,WAAW,QAAQ,eAAe;AACtD,SAASH,OAAO,IAAII,MAAM,QAAQ,UAAU;AAC5C,SAASJ,OAAO,IAAIK,MAAM,QAAQ,UAAU;AAC5C,SAASL,OAAO,IAAIM,OAAO,QAAQ,WAAW;AAC9C,SAASN,OAAO,IAAIO,QAAQ,QAAQ,YAAY;AAChD,SAASP,OAAO,IAAIQ,IAAI,QAAQ,QAAQ;AACxC,SAASR,OAAO,IAAIS,KAAK,QAAQ,SAAS;AAC1C,SAAST,OAAO,IAAIU,IAAI,QAAQ,QAAQ;AACxC,SAASV,OAAO,IAAIW,sBAAsB,QAAQ,0BAA0B;AAC5E,SAASX,OAAO,IAAIY,iBAAiB,QAAQ,qBAAqB;AAClE,SAASZ,OAAO,IAAIa,WAAW,QAAQ,eAAe;AACtD,SAASb,OAAO,IAAIc,iBAAiB,QAAQ,qBAAqB;AAClE,SAASd,OAAO,IAAIe,kBAAkB,QAAQ,sBAAsB;AACpE,SAASf,OAAO,IAAIgB,aAAa,QAAQ,iBAAiB;AAC1D,SAAShB,OAAO,IAAIiB,cAAc,QAAQ,kBAAkB;AAC5D,SAASjB,OAAO,IAAIkB,SAAS,QAAQ,aAAa;AAClD,SAASlB,OAAO,IAAImB,MAAM,QAAQ,UAAU"}

package/es/extensions/forms/ValueBlock/ValueBlock.js

@@ -27,6 +27,7 @@ function ValueBlock(props) {
   const {
     className,
     label: labelProp,
+    transformLabel = label => label,
     inline,
     maxWidth = props.composition ? props.maxWidth : 'large',
     placeholder,
@@ -39,11 +40,12 @@ function ValueBlock(props) {
     if (inline) {
       return null;
     }
+    let label = labelProp;
     if (iterateIndex !== undefined) {
-      return convertJsxToString(labelProp).replace('{itemNo}', String(iterateIndex + 1));
+      label = convertJsxToString(labelProp).replace('{itemNo}', String(iterateIndex + 1));
     }
-    return labelProp;
-  }, [inline, iterateIndex, labelProp]);
+    return transformLabel(label, transformLabelParameters);
+  }, [inline, iterateIndex, labelProp, transformLabel]);
   const ref = useRef(null);
   useNotInSummaryList(valueBlockContext !== null && valueBlockContext !== void 0 && valueBlockContext.composition ? null : ref, label);
   const hide = prerenderFieldProps || (children === undefined || children === null || children === false) && !showEmpty && !placeholder;
@@ -109,4 +111,7 @@ function useNotInSummaryList(ref, label) {
 }
 ValueBlock._supportsSpacingProps = true;
 export default ValueBlock;
+const transformLabelParameters = {
+  convertJsxToString
+};
 //# sourceMappingURL=ValueBlock.js.map

package/es/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","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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"}
+{"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","transformLabel","inline","maxWidth","composition","placeholder","showEmpty","children","gap","undefined","replace","String","transformLabelParameters","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    transformLabel = (label: Props['label']) => label,\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\n    let label = labelProp\n\n    if (iterateIndex !== undefined) {\n      label = convertJsxToString(labelProp).replace(\n        '{itemNo}',\n        String(iterateIndex + 1)\n      )\n    }\n\n    return transformLabel(label, transformLabelParameters)\n  }, [inline, iterateIndex, labelProp, transformLabel])\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\nconst transformLabelParameters = {\n  convertJsxToString,\n} as unknown as Parameters<Props['transformLabel']>[1]\n"],"mappings":"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"}

package/es/extensions/forms/ValueBlock/style/dnb-value-block.css

@@ -1,4 +1,3 @@
-@charset "UTF-8";
 /*
  * Utilities
  */
@@ -20,12 +19,6 @@
   display: inline-block;
   font-size: inherit;
 }
-.dnb-forms-value-block--inline:not([class*=__composition])::before, .dnb-forms-value-block--inline:not([class*=__composition])::after {
-  content: " ";
-}
-.dnb-forms-value-block + .dnb-forms-value-block--inline:not([class*=__composition])::before {
-  content: none;
-}
 .dnb-forms-value-block__label, .dnb-forms-value-block__label strong {
   font-weight: var(--font-weight-medium);
 }

package/es/extensions/forms/ValueBlock/style/dnb-value-block.min.css

@@ -1 +1 @@
-@charset "UTF-8";.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal) .dnb-dt,.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal):not([class*=dnb-space])>.dnb-dd>.dnb-dl,.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal)>.dnb-dd>.dnb-dl{margin:0}.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal):not(.dnb-dl__layout--grid)>.dnb-dd{margin-bottom:var(--spacing-medium)}.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal):not(.dnb-dl__layout--grid)>.dnb-dd:last-of-type{margin-bottom:0}.dnb-forms-value-block{display:block;font-size:var(--font-size-basis)}.dnb-forms-value-block--inline:not([class*=__composition]){display:inline-block;font-size:inherit}.dnb-forms-value-block--inline:not([class*=__composition]):after,.dnb-forms-value-block--inline:not([class*=__composition]):before{content:" "}.dnb-forms-value-block+.dnb-forms-value-block--inline:not([class*=__composition]):before{content:none}.dnb-forms-value-block__label,.dnb-forms-value-block__label strong{font-weight:var(--font-weight-medium)}.dnb-forms-value-block__placeholder{color:var(--color-black-80)}.dnb-forms-value-block--max-width-stretch{width:100%}@media screen and (min-width:25.00625em){.dnb-forms-value-block--max-width-small{max-width:var(--forms-field-width--small)}.dnb-forms-value-block--max-width-medium{max-width:var(--forms-field-width--medium)}.dnb-forms-value-block--max-width-large{max-width:var(--forms-field-width--large)}}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content{-moz-column-gap:var(--column-gap,0);column-gap:var(--column-gap,0);display:flex;flex-flow:row;row-gap:var(--row-gap,var(--spacing-medium))}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-none{--column-gap:0}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-xx-small{--column-gap:var(--spacing-xx-small)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-x-small{--column-gap:var(--spacing-x-small)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-small{--column-gap:var(--spacing-small)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-medium{--column-gap:var(--spacing-medium)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-large{--column-gap:var(--spacing-large)}@media screen and (min-width:25.00625em){.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content{align-items:flex-start}}@media screen and (max-width:25em){.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content{flex-flow:column}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content:not(:has(.dnb-forms-value-block__label)){--row-gap:var(--spacing-x-small)}}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content:not([class*=dnb-space])>.dnb-dl,.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dd,.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dl,.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dt{margin:0}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dl>.dnb-dd{margin-bottom:0}
+.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal) .dnb-dt,.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal):not([class*=dnb-space])>.dnb-dd>.dnb-dl,.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal)>.dnb-dd>.dnb-dl{margin:0}.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal):not(.dnb-dl__layout--grid)>.dnb-dd{margin-bottom:var(--spacing-medium)}.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal):not(.dnb-dl__layout--grid)>.dnb-dd:last-of-type{margin-bottom:0}.dnb-forms-value-block{display:block;font-size:var(--font-size-basis)}.dnb-forms-value-block--inline:not([class*=__composition]){display:inline-block;font-size:inherit}.dnb-forms-value-block__label,.dnb-forms-value-block__label strong{font-weight:var(--font-weight-medium)}.dnb-forms-value-block__placeholder{color:var(--color-black-80)}.dnb-forms-value-block--max-width-stretch{width:100%}@media screen and (min-width:25.00625em){.dnb-forms-value-block--max-width-small{max-width:var(--forms-field-width--small)}.dnb-forms-value-block--max-width-medium{max-width:var(--forms-field-width--medium)}.dnb-forms-value-block--max-width-large{max-width:var(--forms-field-width--large)}}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content{-moz-column-gap:var(--column-gap,0);column-gap:var(--column-gap,0);display:flex;flex-flow:row;row-gap:var(--row-gap,var(--spacing-medium))}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-none{--column-gap:0}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-xx-small{--column-gap:var(--spacing-xx-small)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-x-small{--column-gap:var(--spacing-x-small)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-small{--column-gap:var(--spacing-small)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-medium{--column-gap:var(--spacing-medium)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-large{--column-gap:var(--spacing-large)}@media screen and (min-width:25.00625em){.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content{align-items:flex-start}}@media screen and (max-width:25em){.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content{flex-flow:column}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content:not(:has(.dnb-forms-value-block__label)){--row-gap:var(--spacing-x-small)}}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content:not([class*=dnb-space])>.dnb-dl,.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dd,.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dl,.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dt{margin:0}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dl>.dnb-dd{margin-bottom:0}

package/es/extensions/forms/ValueBlock/style/dnb-value-block.scss

@@ -21,16 +21,6 @@
 
   &--inline:not([class*='__composition']) {
     display: inline-block;
-    &::before,
-    &::after {
-      content: '\00A0'; // non-breaking space
-    }
-    .dnb-forms-value-block + & {
-      &::before {
-        content: none;
-      }
-    }
-
     font-size: inherit;
   }
 

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

@@ -24,7 +24,7 @@ export const StepProperties = {
     type: 'React.Node',
     status: 'required'
   },
-  '[Flex.Container](/uilib/layout/flex/container)': {
+  '[Flex.Container](/uilib/layout/flex/container/properties)': {
     doc: 'Flex.Container properties.',
     type: 'Various',
     status: 'optional'

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

@@ -1 +1 @@
-{"version":3,"file":"StepDocs.js","names":["StepProperties","title","doc","type","status","required","active","activeWhen","children","StepEvents"],"sources":["../../../../../../src/extensions/forms/Wizard/Step/StepDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\n\nexport const StepProperties: PropertiesTableProps = {\n  title: {\n    doc: 'Title of the step.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  required: {\n    doc: 'Will make all nested form fields required.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  active: {\n    doc: 'If set to `false`, the step will not be rendered.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  activeWhen: {\n    doc: '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    type: 'object',\n    status: 'optional',\n  },\n  children: {\n    doc: 'Contents.',\n    type: 'React.Node',\n    status: 'required',\n  },\n  '[Flex.Container](/uilib/layout/flex/container)': {\n    doc: 'Flex.Container properties.',\n    type: 'Various',\n    status: 'optional',\n  },\n  '[Space](/uilib/layout/space/properties)': {\n    doc: 'Spacing properties like `top` or `bottom` are supported.',\n    type: ['string', 'object'],\n    status: 'optional',\n  },\n}\n\nexport const StepEvents: PropertiesTableProps = {}\n"],"mappings":"AAEA,OAAO,MAAMA,cAAoC,GAAG;EAClDC,KAAK,EAAE;IACLC,GAAG,EAAE,oBAAoB;IACzBC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACDC,QAAQ,EAAE;IACRH,GAAG,EAAE,4CAA4C;IACjDC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDE,MAAM,EAAE;IACNJ,GAAG,EAAE,mDAAmD;IACxDC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDG,UAAU,EAAE;IACVL,GAAG,EAAE,2NAA2N;IAChOC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDI,QAAQ,EAAE;IACRN,GAAG,EAAE,WAAW;IAChBC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACD,gDAAgD,EAAE;IAChDF,GAAG,EAAE,4BAA4B;IACjCC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACD,yCAAyC,EAAE;IACzCF,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC1BC,MAAM,EAAE;EACV;AACF,CAAC;AAED,OAAO,MAAMK,UAAgC,GAAG,CAAC,CAAC"}
+{"version":3,"file":"StepDocs.js","names":["StepProperties","title","doc","type","status","required","active","activeWhen","children","StepEvents"],"sources":["../../../../../../src/extensions/forms/Wizard/Step/StepDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\n\nexport const StepProperties: PropertiesTableProps = {\n  title: {\n    doc: 'Title of the step.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  required: {\n    doc: 'Will make all nested form fields required.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  active: {\n    doc: 'If set to `false`, the step will not be rendered.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  activeWhen: {\n    doc: '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    type: 'object',\n    status: 'optional',\n  },\n  children: {\n    doc: 'Contents.',\n    type: 'React.Node',\n    status: 'required',\n  },\n  '[Flex.Container](/uilib/layout/flex/container/properties)': {\n    doc: 'Flex.Container properties.',\n    type: 'Various',\n    status: 'optional',\n  },\n  '[Space](/uilib/layout/space/properties)': {\n    doc: 'Spacing properties like `top` or `bottom` are supported.',\n    type: ['string', 'object'],\n    status: 'optional',\n  },\n}\n\nexport const StepEvents: PropertiesTableProps = {}\n"],"mappings":"AAEA,OAAO,MAAMA,cAAoC,GAAG;EAClDC,KAAK,EAAE;IACLC,GAAG,EAAE,oBAAoB;IACzBC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACDC,QAAQ,EAAE;IACRH,GAAG,EAAE,4CAA4C;IACjDC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDE,MAAM,EAAE;IACNJ,GAAG,EAAE,mDAAmD;IACxDC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDG,UAAU,EAAE;IACVL,GAAG,EAAE,2NAA2N;IAChOC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDI,QAAQ,EAAE;IACRN,GAAG,EAAE,WAAW;IAChBC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACD,2DAA2D,EAAE;IAC3DF,GAAG,EAAE,4BAA4B;IACjCC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACD,yCAAyC,EAAE;IACzCF,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC1BC,MAAM,EAAE;EACV;AACF,CAAC;AAED,OAAO,MAAMK,UAAgC,GAAG,CAAC,CAAC"}