@dnb/eufemia 10.56.0 → 10.57.1

package/es/extensions/forms/Form/Card/Card.js

@@ -0,0 +1,12 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React from 'react';
+import CardInstance from '../../../../components/card/Card';
+function Card(props) {
+  return React.createElement(CardInstance, _extends({
+    stack: true,
+    outset: true
+  }, props));
+}
+Card._supportsSpacingProps = true;
+export default Card;
+//# sourceMappingURL=Card.js.map

package/es/extensions/forms/Form/Card/Card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","names":["React","CardInstance","Card","props","createElement","_extends","stack","outset","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Form/Card/Card.tsx"],"sourcesContent":["import React from 'react'\nimport CardInstance, {\n  Props as CardProps,\n} from '../../../../components/card/Card'\n\nfunction Card(props: CardProps) {\n  return <CardInstance stack outset {...props} />\n}\n\nCard._supportsSpacingProps = true\n\nexport default Card\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,YAAY,MAEZ,kCAAkC;AAEzC,SAASC,IAAIA,CAACC,KAAgB,EAAE;EAC9B,OAAOH,KAAA,CAAAI,aAAA,CAACH,YAAY,EAAAI,QAAA;IAACC,KAAK;IAACC,MAAM;EAAA,GAAKJ,KAAK,CAAG,CAAC;AACjD;AAEAD,IAAI,CAACM,qBAAqB,GAAG,IAAI;AAEjC,eAAeN,IAAI"}

package/es/extensions/forms/Form/Card/CardDocs.d.ts

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

package/es/extensions/forms/Form/Card/CardDocs.js

@@ -0,0 +1,18 @@
+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 { CardProperties } from '../../../../components/card/CardDocs';
+export const FormCardProperties = {
+  outset: _objectSpread(_objectSpread({}, CardProperties.outset), {}, {
+    doc: 'Same as `outset` in [Card](/uilib/components/card/properties). Defaults to `true`.'
+  }),
+  stack: _objectSpread(_objectSpread({}, CardProperties.stack), {}, {
+    doc: 'Same as `stack` in [Card](/uilib/components/card/properties). Defaults to `true`.'
+  }),
+  '[Card](/uilib/components/card/properties)': {
+    doc: 'Card properties.',
+    type: 'Various',
+    status: 'optional'
+  }
+};
+//# sourceMappingURL=CardDocs.js.map

package/es/extensions/forms/Form/Card/CardDocs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardDocs.js","names":["CardProperties","FormCardProperties","outset","_objectSpread","doc","stack","type","status"],"sources":["../../../../../../src/extensions/forms/Form/Card/CardDocs.ts"],"sourcesContent":["import { CardProperties } from '../../../../components/card/CardDocs'\nimport { PropertiesTableProps } from '../../../../shared/types'\n\nexport const FormCardProperties: PropertiesTableProps = {\n  outset: {\n    ...CardProperties.outset,\n    doc: 'Same as `outset` in [Card](/uilib/components/card/properties). Defaults to `true`.',\n  },\n  stack: {\n    ...CardProperties.stack,\n    doc: 'Same as `stack` in [Card](/uilib/components/card/properties). Defaults to `true`.',\n  },\n  '[Card](/uilib/components/card/properties)': {\n    doc: 'Card properties.',\n    type: 'Various',\n    status: 'optional',\n  },\n}\n"],"mappings":";;;AAAA,SAASA,cAAc,QAAQ,sCAAsC;AAGrE,OAAO,MAAMC,kBAAwC,GAAG;EACtDC,MAAM,EAAAC,aAAA,CAAAA,aAAA,KACDH,cAAc,CAACE,MAAM;IACxBE,GAAG,EAAE;EAAoF,EAC1F;EACDC,KAAK,EAAAF,aAAA,CAAAA,aAAA,KACAH,cAAc,CAACK,KAAK;IACvBD,GAAG,EAAE;EAAmF,EACzF;EACD,2CAA2C,EAAE;IAC3CA,GAAG,EAAE,kBAAkB;IACvBE,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV;AACF,CAAC"}

package/es/extensions/forms/Form/Card/index.d.ts

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

package/es/extensions/forms/Form/Card/index.js

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

package/es/extensions/forms/Form/Card/index.js.map

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

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

@@ -10,6 +10,7 @@ export { default as MainHeading } from './MainHeading';
 export { default as SubHeading } from './SubHeading';
 export { default as Visibility } from './Visibility';
 export { default as Section } from './Section';
+export { default as Card } from './Card';
 export { default as Isolation } from './Isolation';
 export { default as Snapshot } from './Snapshot';
 export { default as useData } from './data-context/useData';

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

@@ -10,6 +10,7 @@ export { default as MainHeading } from './MainHeading';
 export { default as SubHeading } from './SubHeading';
 export { default as Visibility } from './Visibility';
 export { default as Section } from './Section';
+export { default as Card } from './Card';
 export { default as Isolation } from './Isolation';
 export { default as Snapshot } from './Snapshot';
 export { default as useData } from './data-context/useData';

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["FieldProvider","default","Handler","Element","Appearance","SubmitButton","SubmitIndicator","SubmitConfirmation","ButtonRow","MainHeading","SubHeading","Visibility","Section","Isolation","Snapshot","useData","setData","getData","clearData","useValidation","useTranslation","useSnapshot","useLocale","useError","FieldProps"],"sources":["../../../../../src/extensions/forms/Form/index.ts"],"sourcesContent":["import FieldProvider from '../Field/Provider/FieldProvider'\n\nexport { default as Handler } from './Handler'\nexport { default as Element } from './Element'\nexport { default as Appearance } from './Appearance'\nexport { default as SubmitButton } from './SubmitButton'\nexport { default as SubmitIndicator } from './SubmitIndicator'\nexport { default as SubmitConfirmation } from './SubmitConfirmation'\nexport { default as ButtonRow } from './ButtonRow'\nexport { default as MainHeading } from './MainHeading'\nexport { default as SubHeading } from './SubHeading'\nexport { default as Visibility } from './Visibility'\nexport { default as Section } from './Section'\nexport { default as Isolation } from './Isolation'\nexport { default as Snapshot } from './Snapshot'\nexport { default as useData } from './data-context/useData'\nexport { default as setData } from './data-context/setData'\nexport { default as getData } from './data-context/getData'\nexport { default as clearData } from './data-context/clearData'\nexport { default as useValidation } from './data-context/useValidation'\nexport { default as useTranslation } from '../hooks/useTranslation'\nexport { default as useSnapshot } from '../hooks/useSnapshot'\n\n/**\n * Can be removed in v11\n * @deprecated Use `useTranslation` instead\n */\nexport { default as useLocale } from '../hooks/useTranslation'\n\n/**\n * Can be removed in v11\n * @deprecated Use `useValidation` instead\n */\nexport { default as useError } from './data-context/useValidation'\n\n/**\n * Can be removed in v11\n * @deprecated Use `Field.Provider` instead\n */\nexport const FieldProps = FieldProvider\n"],"mappings":"AAAA,OAAOA,aAAa,MAAM,iCAAiC;AAE3D,SAASC,OAAO,IAAIC,OAAO,QAAQ,WAAW;AAC9C,SAASD,OAAO,IAAIE,OAAO,QAAQ,WAAW;AAC9C,SAASF,OAAO,IAAIG,UAAU,QAAQ,cAAc;AACpD,SAASH,OAAO,IAAII,YAAY,QAAQ,gBAAgB;AACxD,SAASJ,OAAO,IAAIK,eAAe,QAAQ,mBAAmB;AAC9D,SAASL,OAAO,IAAIM,kBAAkB,QAAQ,sBAAsB;AACpE,SAASN,OAAO,IAAIO,SAAS,QAAQ,aAAa;AAClD,SAASP,OAAO,IAAIQ,WAAW,QAAQ,eAAe;AACtD,SAASR,OAAO,IAAIS,UAAU,QAAQ,cAAc;AACpD,SAAST,OAAO,IAAIU,UAAU,QAAQ,cAAc;AACpD,SAASV,OAAO,IAAIW,OAAO,QAAQ,WAAW;AAC9C,SAASX,OAAO,IAAIY,SAAS,QAAQ,aAAa;AAClD,SAASZ,OAAO,IAAIa,QAAQ,QAAQ,YAAY;AAChD,SAASb,OAAO,IAAIc,OAAO,QAAQ,wBAAwB;AAC3D,SAASd,OAAO,IAAIe,OAAO,QAAQ,wBAAwB;AAC3D,SAASf,OAAO,IAAIgB,OAAO,QAAQ,wBAAwB;AAC3D,SAAShB,OAAO,IAAIiB,SAAS,QAAQ,0BAA0B;AAC/D,SAASjB,OAAO,IAAIkB,aAAa,QAAQ,8BAA8B;AACvE,SAASlB,OAAO,IAAImB,cAAc,QAAQ,yBAAyB;AACnE,SAASnB,OAAO,IAAIoB,WAAW,QAAQ,sBAAsB;AAM7D,SAASpB,OAAO,IAAIqB,SAAS,QAAQ,yBAAyB;AAM9D,SAASrB,OAAO,IAAIsB,QAAQ,QAAQ,8BAA8B;AAMlE,OAAO,MAAMC,UAAU,GAAGxB,aAAa"}
+{"version":3,"file":"index.js","names":["FieldProvider","default","Handler","Element","Appearance","SubmitButton","SubmitIndicator","SubmitConfirmation","ButtonRow","MainHeading","SubHeading","Visibility","Section","Card","Isolation","Snapshot","useData","setData","getData","clearData","useValidation","useTranslation","useSnapshot","useLocale","useError","FieldProps"],"sources":["../../../../../src/extensions/forms/Form/index.ts"],"sourcesContent":["import FieldProvider from '../Field/Provider/FieldProvider'\n\nexport { default as Handler } from './Handler'\nexport { default as Element } from './Element'\nexport { default as Appearance } from './Appearance'\nexport { default as SubmitButton } from './SubmitButton'\nexport { default as SubmitIndicator } from './SubmitIndicator'\nexport { default as SubmitConfirmation } from './SubmitConfirmation'\nexport { default as ButtonRow } from './ButtonRow'\nexport { default as MainHeading } from './MainHeading'\nexport { default as SubHeading } from './SubHeading'\nexport { default as Visibility } from './Visibility'\nexport { default as Section } from './Section'\nexport { default as Card } from './Card'\nexport { default as Isolation } from './Isolation'\nexport { default as Snapshot } from './Snapshot'\nexport { default as useData } from './data-context/useData'\nexport { default as setData } from './data-context/setData'\nexport { default as getData } from './data-context/getData'\nexport { default as clearData } from './data-context/clearData'\nexport { default as useValidation } from './data-context/useValidation'\nexport { default as useTranslation } from '../hooks/useTranslation'\nexport { default as useSnapshot } from '../hooks/useSnapshot'\n\n/**\n * Can be removed in v11\n * @deprecated Use `useTranslation` instead\n */\nexport { default as useLocale } from '../hooks/useTranslation'\n\n/**\n * Can be removed in v11\n * @deprecated Use `useValidation` instead\n */\nexport { default as useError } from './data-context/useValidation'\n\n/**\n * Can be removed in v11\n * @deprecated Use `Field.Provider` instead\n */\nexport const FieldProps = FieldProvider\n"],"mappings":"AAAA,OAAOA,aAAa,MAAM,iCAAiC;AAE3D,SAASC,OAAO,IAAIC,OAAO,QAAQ,WAAW;AAC9C,SAASD,OAAO,IAAIE,OAAO,QAAQ,WAAW;AAC9C,SAASF,OAAO,IAAIG,UAAU,QAAQ,cAAc;AACpD,SAASH,OAAO,IAAII,YAAY,QAAQ,gBAAgB;AACxD,SAASJ,OAAO,IAAIK,eAAe,QAAQ,mBAAmB;AAC9D,SAASL,OAAO,IAAIM,kBAAkB,QAAQ,sBAAsB;AACpE,SAASN,OAAO,IAAIO,SAAS,QAAQ,aAAa;AAClD,SAASP,OAAO,IAAIQ,WAAW,QAAQ,eAAe;AACtD,SAASR,OAAO,IAAIS,UAAU,QAAQ,cAAc;AACpD,SAAST,OAAO,IAAIU,UAAU,QAAQ,cAAc;AACpD,SAASV,OAAO,IAAIW,OAAO,QAAQ,WAAW;AAC9C,SAASX,OAAO,IAAIY,IAAI,QAAQ,QAAQ;AACxC,SAASZ,OAAO,IAAIa,SAAS,QAAQ,aAAa;AAClD,SAASb,OAAO,IAAIc,QAAQ,QAAQ,YAAY;AAChD,SAASd,OAAO,IAAIe,OAAO,QAAQ,wBAAwB;AAC3D,SAASf,OAAO,IAAIgB,OAAO,QAAQ,wBAAwB;AAC3D,SAAShB,OAAO,IAAIiB,OAAO,QAAQ,wBAAwB;AAC3D,SAASjB,OAAO,IAAIkB,SAAS,QAAQ,0BAA0B;AAC/D,SAASlB,OAAO,IAAImB,aAAa,QAAQ,8BAA8B;AACvE,SAASnB,OAAO,IAAIoB,cAAc,QAAQ,yBAAyB;AACnE,SAASpB,OAAO,IAAIqB,WAAW,QAAQ,sBAAsB;AAM7D,SAASrB,OAAO,IAAIsB,SAAS,QAAQ,yBAAyB;AAM9D,SAAStB,OAAO,IAAIuB,QAAQ,QAAQ,8BAA8B;AAMlE,OAAO,MAAMC,UAAU,GAAGzB,aAAa"}

package/es/extensions/forms/Iterate/Array/ArrayDocs.js

@@ -50,7 +50,7 @@ export const ArrayProperties = {
     type: 'unknown',
     status: 'optional'
   },
-  validator: DataValueWritePropsProperties.validator,
+  onChangeValidator: DataValueWritePropsProperties.onChangeValidator,
   validateInitially: DataValueWritePropsProperties.validateInitially,
   continuousValidation: DataValueWritePropsProperties.continuousValidation,
   containerMode: {

package/es/extensions/forms/Iterate/Array/ArrayDocs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ArrayDocs.js","names":["DataValueWritePropsProperties","ArrayProperties","value","doc","type","status","path","limit","countPath","countPathTransform","countPathLimit","withoutFlex","animate","placeholder","emptyValue","validator","validateInitially","continuousValidation","containerMode","children","ArrayEvents","onChange"],"sources":["../../../../../../src/extensions/forms/Iterate/Array/ArrayDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\nimport { DataValueWritePropsProperties } from '../../hooks/DataValueWritePropsDocs'\n\nexport const ArrayProperties: PropertiesTableProps = {\n  value: {\n    doc: 'The data to iterate over. Alternative you can use the `path` prop.',\n    type: 'array',\n    status: 'optional',\n  },\n  path: {\n    doc: 'A path (JSON Pointer) to the array to iterate over.',\n    type: 'string',\n    status: 'optional',\n  },\n  limit: {\n    doc: 'Limit the number of rendered items to iterate over. Defaults to `undefined`.',\n    type: 'number',\n    status: 'optional',\n  },\n  countPath: {\n    doc: 'A path (JSON Pointer) to the array length.',\n    type: 'string',\n    status: 'optional',\n  },\n  countPathTransform: {\n    doc: 'Will transform the current value before it is displayed.',\n    type: 'function',\n    status: 'optional',\n  },\n  countPathLimit: {\n    doc: 'Will limit the iterate amount by given \"countPathLimit\" value.',\n    type: 'number',\n    status: 'optional',\n  },\n  withoutFlex: {\n    doc: 'When `true` it will omit the Flex.Stack wrapper so it can be used for tables and lists.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  animate: {\n    doc: 'When `true` it will animate the height of the items.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  placeholder: {\n    doc: 'Will be shown if the value or data context value is empty.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  emptyValue: {\n    doc: 'Will be used to compare the value in order to show the placeholder.',\n    type: 'unknown',\n    status: 'optional',\n  },\n  validator: DataValueWritePropsProperties.validator,\n  validateInitially: DataValueWritePropsProperties.validateInitially,\n  continuousValidation: DataValueWritePropsProperties.continuousValidation,\n  containerMode: {\n    doc: 'Defines the container mode for all nested containers. Can be `view`, `edit` or `auto`. When using `auto`, it will automatically open if there is an error in the container. When a new item is added, the item before it will change to `view` mode, if it had no validation errors. Defaults to `auto`.',\n    type: 'string',\n    status: 'optional',\n  },\n  children: {\n    doc: 'React.Node or a function so you can get the current value and index.',\n    type: ['React.ReactNode', 'function'],\n    status: 'optional',\n  },\n  '[Flex.Stack](/uilib/layout/flex/stack/properties)': {\n    doc: 'All Flex.Stack properties.',\n    type: 'Various',\n    status: 'optional',\n  },\n}\n\nexport const ArrayEvents: PropertiesTableProps = {\n  onChange: {\n    doc: 'Will be called when a value of a field was changed by the user, with the data set (including the changed value) as argument.',\n    type: 'function',\n    status: 'optional',\n  },\n}\n"],"mappings":"AACA,SAASA,6BAA6B,QAAQ,qCAAqC;AAEnF,OAAO,MAAMC,eAAqC,GAAG;EACnDC,KAAK,EAAE;IACLC,GAAG,EAAE,oEAAoE;IACzEC,IAAI,EAAE,OAAO;IACbC,MAAM,EAAE;EACV,CAAC;EACDC,IAAI,EAAE;IACJH,GAAG,EAAE,qDAAqD;IAC1DC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDE,KAAK,EAAE;IACLJ,GAAG,EAAE,8EAA8E;IACnFC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDG,SAAS,EAAE;IACTL,GAAG,EAAE,4CAA4C;IACjDC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDI,kBAAkB,EAAE;IAClBN,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV,CAAC;EACDK,cAAc,EAAE;IACdP,GAAG,EAAE,gEAAgE;IACrEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDM,WAAW,EAAE;IACXR,GAAG,EAAE,yFAAyF;IAC9FC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDO,OAAO,EAAE;IACPT,GAAG,EAAE,sDAAsD;IAC3DC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDQ,WAAW,EAAE;IACXV,GAAG,EAAE,4DAA4D;IACjEC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACDS,UAAU,EAAE;IACVX,GAAG,EAAE,qEAAqE;IAC1EC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDU,SAAS,EAAEf,6BAA6B,CAACe,SAAS;EAClDC,iBAAiB,EAAEhB,6BAA6B,CAACgB,iBAAiB;EAClEC,oBAAoB,EAAEjB,6BAA6B,CAACiB,oBAAoB;EACxEC,aAAa,EAAE;IACbf,GAAG,EAAE,0SAA0S;IAC/SC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDc,QAAQ,EAAE;IACRhB,GAAG,EAAE,sEAAsE;IAC3EC,IAAI,EAAE,CAAC,iBAAiB,EAAE,UAAU,CAAC;IACrCC,MAAM,EAAE;EACV,CAAC;EACD,mDAAmD,EAAE;IACnDF,GAAG,EAAE,4BAA4B;IACjCC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV;AACF,CAAC;AAED,OAAO,MAAMe,WAAiC,GAAG;EAC/CC,QAAQ,EAAE;IACRlB,GAAG,EAAE,8HAA8H;IACnIC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV;AACF,CAAC"}
+{"version":3,"file":"ArrayDocs.js","names":["DataValueWritePropsProperties","ArrayProperties","value","doc","type","status","path","limit","countPath","countPathTransform","countPathLimit","withoutFlex","animate","placeholder","emptyValue","onChangeValidator","validateInitially","continuousValidation","containerMode","children","ArrayEvents","onChange"],"sources":["../../../../../../src/extensions/forms/Iterate/Array/ArrayDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\nimport { DataValueWritePropsProperties } from '../../hooks/DataValueWritePropsDocs'\n\nexport const ArrayProperties: PropertiesTableProps = {\n  value: {\n    doc: 'The data to iterate over. Alternative you can use the `path` prop.',\n    type: 'array',\n    status: 'optional',\n  },\n  path: {\n    doc: 'A path (JSON Pointer) to the array to iterate over.',\n    type: 'string',\n    status: 'optional',\n  },\n  limit: {\n    doc: 'Limit the number of rendered items to iterate over. Defaults to `undefined`.',\n    type: 'number',\n    status: 'optional',\n  },\n  countPath: {\n    doc: 'A path (JSON Pointer) to the array length.',\n    type: 'string',\n    status: 'optional',\n  },\n  countPathTransform: {\n    doc: 'Will transform the current value before it is displayed.',\n    type: 'function',\n    status: 'optional',\n  },\n  countPathLimit: {\n    doc: 'Will limit the iterate amount by given \"countPathLimit\" value.',\n    type: 'number',\n    status: 'optional',\n  },\n  withoutFlex: {\n    doc: 'When `true` it will omit the Flex.Stack wrapper so it can be used for tables and lists.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  animate: {\n    doc: 'When `true` it will animate the height of the items.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  placeholder: {\n    doc: 'Will be shown if the value or data context value is empty.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  emptyValue: {\n    doc: 'Will be used to compare the value in order to show the placeholder.',\n    type: 'unknown',\n    status: 'optional',\n  },\n  onChangeValidator: DataValueWritePropsProperties.onChangeValidator,\n  validateInitially: DataValueWritePropsProperties.validateInitially,\n  continuousValidation: DataValueWritePropsProperties.continuousValidation,\n  containerMode: {\n    doc: 'Defines the container mode for all nested containers. Can be `view`, `edit` or `auto`. When using `auto`, it will automatically open if there is an error in the container. When a new item is added, the item before it will change to `view` mode, if it had no validation errors. Defaults to `auto`.',\n    type: 'string',\n    status: 'optional',\n  },\n  children: {\n    doc: 'React.Node or a function so you can get the current value and index.',\n    type: ['React.ReactNode', 'function'],\n    status: 'optional',\n  },\n  '[Flex.Stack](/uilib/layout/flex/stack/properties)': {\n    doc: 'All Flex.Stack properties.',\n    type: 'Various',\n    status: 'optional',\n  },\n}\n\nexport const ArrayEvents: PropertiesTableProps = {\n  onChange: {\n    doc: 'Will be called when a value of a field was changed by the user, with the data set (including the changed value) as argument.',\n    type: 'function',\n    status: 'optional',\n  },\n}\n"],"mappings":"AACA,SAASA,6BAA6B,QAAQ,qCAAqC;AAEnF,OAAO,MAAMC,eAAqC,GAAG;EACnDC,KAAK,EAAE;IACLC,GAAG,EAAE,oEAAoE;IACzEC,IAAI,EAAE,OAAO;IACbC,MAAM,EAAE;EACV,CAAC;EACDC,IAAI,EAAE;IACJH,GAAG,EAAE,qDAAqD;IAC1DC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDE,KAAK,EAAE;IACLJ,GAAG,EAAE,8EAA8E;IACnFC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDG,SAAS,EAAE;IACTL,GAAG,EAAE,4CAA4C;IACjDC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDI,kBAAkB,EAAE;IAClBN,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV,CAAC;EACDK,cAAc,EAAE;IACdP,GAAG,EAAE,gEAAgE;IACrEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDM,WAAW,EAAE;IACXR,GAAG,EAAE,yFAAyF;IAC9FC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDO,OAAO,EAAE;IACPT,GAAG,EAAE,sDAAsD;IAC3DC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDQ,WAAW,EAAE;IACXV,GAAG,EAAE,4DAA4D;IACjEC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACDS,UAAU,EAAE;IACVX,GAAG,EAAE,qEAAqE;IAC1EC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDU,iBAAiB,EAAEf,6BAA6B,CAACe,iBAAiB;EAClEC,iBAAiB,EAAEhB,6BAA6B,CAACgB,iBAAiB;EAClEC,oBAAoB,EAAEjB,6BAA6B,CAACiB,oBAAoB;EACxEC,aAAa,EAAE;IACbf,GAAG,EAAE,0SAA0S;IAC/SC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDc,QAAQ,EAAE;IACRhB,GAAG,EAAE,sEAAsE;IAC3EC,IAAI,EAAE,CAAC,iBAAiB,EAAE,UAAU,CAAC;IACrCC,MAAM,EAAE;EACV,CAAC;EACD,mDAAmD,EAAE;IACnDF,GAAG,EAAE,4BAA4B;IACjCC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV;AACF,CAAC;AAED,OAAO,MAAMe,WAAiC,GAAG;EAC/CC,QAAQ,EAAE;IACRlB,GAAG,EAAE,8HAA8H;IACnIC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV;AACF,CAAC"}

package/es/extensions/forms/Iterate/Array/types.d.ts

@@ -10,7 +10,7 @@ export type Props = Omit<FlexContainerProps, keyof Omit<React.HTMLAttributes<HTM
     limit?: number;
     countPath?: Path;
     countPathLimit?: number;
-    validator?: Validator<Value>;
+    onChangeValidator?: Validator<Value>;
     withoutFlex?: boolean;
     animate?: boolean;
     placeholder?: React.ReactNode;

package/es/extensions/forms/Iterate/Array/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../../../../src/extensions/forms/Iterate/Array/types.ts"],"sourcesContent":["import { Path, UseFieldProps, Validator } from '../../types'\nimport { Props as FlexContainerProps } from '../../../../components/flex/Container'\n\nexport type ContainerMode = 'view' | 'edit' | 'auto'\nexport type Value = Array<unknown | Record<string, unknown>>\nexport type ElementChild =\n  | React.ReactNode\n  | ((value: any, index: number) => React.ReactNode)\nexport type Props = Omit<\n  FlexContainerProps,\n  keyof Omit<React.HTMLAttributes<HTMLDivElement>, 'className'>\n> &\n  Pick<\n    UseFieldProps<Value, undefined | Value>,\n    | 'value'\n    | 'defaultValue'\n    | 'emptyValue'\n    | 'onChange'\n    | 'validateInitially'\n    | 'continuousValidation'\n  > & {\n    children: ElementChild | Array<ElementChild>\n    path?: Path\n    limit?: number\n    countPath?: Path\n    countPathLimit?: number\n    validator?: Validator<Value>\n    withoutFlex?: boolean\n    animate?: boolean\n    placeholder?: React.ReactNode\n    containerMode?: ContainerMode\n    countPathTransform?: (params: { value: any; index: number }) => any\n  }\n"],"mappings":""}
+{"version":3,"file":"types.js","names":[],"sources":["../../../../../../src/extensions/forms/Iterate/Array/types.ts"],"sourcesContent":["import { Path, UseFieldProps, Validator } from '../../types'\nimport { Props as FlexContainerProps } from '../../../../components/flex/Container'\n\nexport type ContainerMode = 'view' | 'edit' | 'auto'\nexport type Value = Array<unknown | Record<string, unknown>>\nexport type ElementChild =\n  | React.ReactNode\n  | ((value: any, index: number) => React.ReactNode)\nexport type Props = Omit<\n  FlexContainerProps,\n  keyof Omit<React.HTMLAttributes<HTMLDivElement>, 'className'>\n> &\n  Pick<\n    UseFieldProps<Value, undefined | Value>,\n    | 'value'\n    | 'defaultValue'\n    | 'emptyValue'\n    | 'onChange'\n    | 'validateInitially'\n    | 'continuousValidation'\n  > & {\n    children: ElementChild | Array<ElementChild>\n    path?: Path\n    limit?: number\n    countPath?: Path\n    countPathLimit?: number\n    onChangeValidator?: Validator<Value>\n    withoutFlex?: boolean\n    animate?: boolean\n    placeholder?: React.ReactNode\n    containerMode?: ContainerMode\n    countPathTransform?: (params: { value: any; index: number }) => any\n  }\n"],"mappings":""}

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

@@ -18,6 +18,7 @@ declare function useValueProvider(props?: Omit<ValueProviderProps, 'children'>):
         placeholder?: import("react").ReactNode;
         inline?: boolean;
         maxWidth?: "small" | "auto" | "medium" | "large";
+        labelSrOnly?: boolean;
         transformIn?: (external: unknown) => unknown;
         toInput?: (external: unknown) => unknown;
         fromExternal?: (external: unknown) => unknown;

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { DlAllProps } from '../../../../elements/Dl';
 import { ValueProps } from '../../types';
-export type Props = Omit<DlAllProps, 'label' | 'children'> & {
+export type Props = Omit<DlAllProps, 'label' | 'labelSrOnly' | 'children'> & {
     children: React.ReactNode;
     transformLabel?: ValueProps['transformLabel'];
     inheritVisibility?: ValueProps['inheritVisibility'];

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

@@ -1 +1 @@
-{"version":3,"file":"SummaryList.js","names":["React","classnames","removeUndefinedProps","SummaryListContext","Dl","ValueProvider","useVerifyChildren","SummaryList","props","className","children","layout","transformLabel","inheritVisibility","inheritLabel","rest","_objectWithoutProperties","_excluded","valueProviderProps","verifyChild","message","messageInfo","ignoreTypes","createElement","Provider","value","_extends","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Value/SummaryList/SummaryList.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport { removeUndefinedProps } from '../../../../shared/component-helper'\nimport SummaryListContext from './SummaryListContext'\nimport Dl, { DlAllProps } from '../../../../elements/Dl'\nimport ValueProvider from '../Provider/ValueProvider'\nimport { ValueProps } from '../../types'\nimport { useVerifyChildren } from './useVerifyChildren'\n\nexport type Props = Omit<DlAllProps, 'label' | 'children'> & {\n  children: React.ReactNode\n  transformLabel?: ValueProps['transformLabel']\n  inheritVisibility?: ValueProps['inheritVisibility']\n  inheritLabel?: ValueProps['inheritLabel']\n}\n\nfunction SummaryList(props: Props) {\n  const {\n    className,\n    children,\n    layout,\n    transformLabel,\n    inheritVisibility,\n    inheritLabel,\n    ...rest\n  } = props\n\n  const valueProviderProps = removeUndefinedProps({\n    transformLabel,\n    inheritVisibility,\n    inheritLabel,\n  })\n\n  const { verifyChild } = useVerifyChildren({\n    children,\n    message: 'Value.SummaryList accepts only Value.* components!',\n    messageInfo: props,\n    ignoreTypes: ['Visibility', 'ValueBlock'],\n  })\n\n  return (\n    <SummaryListContext.Provider value={{ layout, verifyChild }}>\n      <Dl\n        className={classnames('dnb-forms-summary-list', className)}\n        layout={layout}\n        {...rest}\n      >\n        <ValueProvider {...valueProviderProps}>{children}</ValueProvider>\n      </Dl>\n    </SummaryListContext.Provider>\n  )\n}\n\nSummaryList._supportsSpacingProps = true\n\nexport default SummaryList\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,oBAAoB,QAAQ,qCAAqC;AAC1E,OAAOC,kBAAkB,MAAM,sBAAsB;AACrD,OAAOC,EAAE,MAAsB,yBAAyB;AACxD,OAAOC,aAAa,MAAM,2BAA2B;AAErD,SAASC,iBAAiB,QAAQ,qBAAqB;AASvD,SAASC,WAAWA,CAACC,KAAY,EAAE;EACjC,MAAM;MACJC,SAAS;MACTC,QAAQ;MACRC,MAAM;MACNC,cAAc;MACdC,iBAAiB;MACjBC;IAEF,CAAC,GAAGN,KAAK;IADJO,IAAI,GAAAC,wBAAA,CACLR,KAAK,EAAAS,SAAA;EAET,MAAMC,kBAAkB,GAAGhB,oBAAoB,CAAC;IAC9CU,cAAc;IACdC,iBAAiB;IACjBC;EACF,CAAC,CAAC;EAEF,MAAM;IAAEK;EAAY,CAAC,GAAGb,iBAAiB,CAAC;IACxCI,QAAQ;IACRU,OAAO,EAAE,oDAAoD;IAC7DC,WAAW,EAAEb,KAAK;IAClBc,WAAW,EAAE,CAAC,YAAY,EAAE,YAAY;EAC1C,CAAC,CAAC;EAEF,OACEtB,KAAA,CAAAuB,aAAA,CAACpB,kBAAkB,CAACqB,QAAQ;IAACC,KAAK,EAAE;MAAEd,MAAM;MAAEQ;IAAY;EAAE,GAC1DnB,KAAA,CAAAuB,aAAA,CAACnB,EAAE,EAAAsB,QAAA;IACDjB,SAAS,EAAER,UAAU,CAAC,wBAAwB,EAAEQ,SAAS,CAAE;IAC3DE,MAAM,EAAEA;EAAO,GACXI,IAAI,GAERf,KAAA,CAAAuB,aAAA,CAAClB,aAAa,EAAKa,kBAAkB,EAAGR,QAAwB,CAC9D,CACuB,CAAC;AAElC;AAEAH,WAAW,CAACoB,qBAAqB,GAAG,IAAI;AAExC,eAAepB,WAAW"}
+{"version":3,"file":"SummaryList.js","names":["React","classnames","removeUndefinedProps","SummaryListContext","Dl","ValueProvider","useVerifyChildren","SummaryList","props","className","children","layout","transformLabel","inheritVisibility","inheritLabel","rest","_objectWithoutProperties","_excluded","valueProviderProps","verifyChild","message","messageInfo","ignoreTypes","createElement","Provider","value","_extends","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Value/SummaryList/SummaryList.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport { removeUndefinedProps } from '../../../../shared/component-helper'\nimport SummaryListContext from './SummaryListContext'\nimport Dl, { DlAllProps } from '../../../../elements/Dl'\nimport ValueProvider from '../Provider/ValueProvider'\nimport { ValueProps } from '../../types'\nimport { useVerifyChildren } from './useVerifyChildren'\n\nexport type Props = Omit<\n  DlAllProps,\n  'label' | 'labelSrOnly' | 'children'\n> & {\n  children: React.ReactNode\n  transformLabel?: ValueProps['transformLabel']\n  inheritVisibility?: ValueProps['inheritVisibility']\n  inheritLabel?: ValueProps['inheritLabel']\n}\n\nfunction SummaryList(props: Props) {\n  const {\n    className,\n    children,\n    layout,\n    transformLabel,\n    inheritVisibility,\n    inheritLabel,\n    ...rest\n  } = props\n\n  const valueProviderProps = removeUndefinedProps({\n    transformLabel,\n    inheritVisibility,\n    inheritLabel,\n  })\n\n  const { verifyChild } = useVerifyChildren({\n    children,\n    message: 'Value.SummaryList accepts only Value.* components!',\n    messageInfo: props,\n    ignoreTypes: ['Visibility', 'ValueBlock'],\n  })\n\n  return (\n    <SummaryListContext.Provider value={{ layout, verifyChild }}>\n      <Dl\n        className={classnames('dnb-forms-summary-list', className)}\n        layout={layout}\n        {...rest}\n      >\n        <ValueProvider {...valueProviderProps}>{children}</ValueProvider>\n      </Dl>\n    </SummaryListContext.Provider>\n  )\n}\n\nSummaryList._supportsSpacingProps = true\n\nexport default SummaryList\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,oBAAoB,QAAQ,qCAAqC;AAC1E,OAAOC,kBAAkB,MAAM,sBAAsB;AACrD,OAAOC,EAAE,MAAsB,yBAAyB;AACxD,OAAOC,aAAa,MAAM,2BAA2B;AAErD,SAASC,iBAAiB,QAAQ,qBAAqB;AAYvD,SAASC,WAAWA,CAACC,KAAY,EAAE;EACjC,MAAM;MACJC,SAAS;MACTC,QAAQ;MACRC,MAAM;MACNC,cAAc;MACdC,iBAAiB;MACjBC;IAEF,CAAC,GAAGN,KAAK;IADJO,IAAI,GAAAC,wBAAA,CACLR,KAAK,EAAAS,SAAA;EAET,MAAMC,kBAAkB,GAAGhB,oBAAoB,CAAC;IAC9CU,cAAc;IACdC,iBAAiB;IACjBC;EACF,CAAC,CAAC;EAEF,MAAM;IAAEK;EAAY,CAAC,GAAGb,iBAAiB,CAAC;IACxCI,QAAQ;IACRU,OAAO,EAAE,oDAAoD;IAC7DC,WAAW,EAAEb,KAAK;IAClBc,WAAW,EAAE,CAAC,YAAY,EAAE,YAAY;EAC1C,CAAC,CAAC;EAEF,OACEtB,KAAA,CAAAuB,aAAA,CAACpB,kBAAkB,CAACqB,QAAQ;IAACC,KAAK,EAAE;MAAEd,MAAM;MAAEQ;IAAY;EAAE,GAC1DnB,KAAA,CAAAuB,aAAA,CAACnB,EAAE,EAAAsB,QAAA;IACDjB,SAAS,EAAER,UAAU,CAAC,wBAAwB,EAAEQ,SAAS,CAAE;IAC3DE,MAAM,EAAEA;EAAO,GACXI,IAAI,GAERf,KAAA,CAAAuB,aAAA,CAAClB,aAAa,EAAKa,kBAAkB,EAAGR,QAAwB,CAC9D,CACuB,CAAC;AAElC;AAEAH,WAAW,CAACoB,qBAAqB,GAAG,IAAI;AAExC,eAAepB,WAAW"}

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

@@ -14,6 +14,11 @@ export const ValueProperties = {
     type: 'string',
     status: 'optional'
   },
+  labelSrOnly: {
+    doc: 'Use `true` to make the label only readable by screen readers.',
+    type: 'boolean',
+    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',

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

@@ -1 +1 @@
-{"version":3,"file":"ValueDocs.js","names":["ValueProperties","value","doc","type","status","defaultValue","label","transformLabel","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  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  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,cAAc,EAAE;IACdL,GAAG,EAAE,0KAA0K;IAC/KC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV,CAAC;EACDI,YAAY,EAAE;IACZN,GAAG,EAAE,qFAAqF;IAC1FC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDK,iBAAiB,EAAE;IACjBP,GAAG,EAAE,mMAAmM;IACxMC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDM,SAAS,EAAE;IACTR,GAAG,EAAE,sCAAsC;IAC3CC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDO,WAAW,EAAE;IACXT,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDQ,IAAI,EAAE;IACJV,GAAG,EAAE,kFAAkF;IACvFC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDS,MAAM,EAAE;IACNX,GAAG,EAAE,wDAAwD;IAC7DC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDU,QAAQ,EAAE;IACRZ,GAAG,EAAE,0IAA0I;IAC/IC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDW,WAAW,EAAE;IACXb,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","labelSrOnly","transformLabel","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  labelSrOnly: {\n    doc: 'Use `true` to make the label only readable by screen readers.',\n    type: 'boolean',\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  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,WAAW,EAAE;IACXL,GAAG,EAAE,+DAA+D;IACpEC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDI,cAAc,EAAE;IACdN,GAAG,EAAE,0KAA0K;IAC/KC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV,CAAC;EACDK,YAAY,EAAE;IACZP,GAAG,EAAE,qFAAqF;IAC1FC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDM,iBAAiB,EAAE;IACjBR,GAAG,EAAE,mMAAmM;IACxMC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDO,SAAS,EAAE;IACTT,GAAG,EAAE,sCAAsC;IAC3CC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDQ,WAAW,EAAE;IACXV,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDS,IAAI,EAAE;IACJX,GAAG,EAAE,kFAAkF;IACvFC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDU,MAAM,EAAE;IACNZ,GAAG,EAAE,wDAAwD;IAC7DC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDW,QAAQ,EAAE;IACRb,GAAG,EAAE,0IAA0I;IAC/IC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDY,WAAW,EAAE;IACXd,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/es/extensions/forms/ValueBlock/ValueBlock.js

@@ -27,6 +27,7 @@ function ValueBlock(props) {
   const {
     className,
     label: labelProp,
+    labelSrOnly,
     transformLabel = label => label,
     inline,
     maxWidth = props.composition ? props.maxWidth : 'large',
@@ -70,7 +71,7 @@ function ValueBlock(props) {
           isNested: true
         })
       }, React.createElement(Item, null, React.createElement(Dt, {
-        className: "dnb-forms-value-block__label"
+        className: 'dnb-forms-value-block__label' + (!label || labelSrOnly ? " dnb-sr-only" : "")
       }, label && React.createElement("strong", null, label)), React.createElement(Dd, {
         className: classnames(compositionClass, summaryListContext.layout !== 'grid' && !summaryListContext.isNested && maxWidth && `dnb-forms-value-block--max-width-${maxWidth}`)
       }, children ? React.createElement("span", {
@@ -86,7 +87,8 @@ function ValueBlock(props) {
     }, pickSpacingProps(props)), label && React.createElement(FormLabel, {
       element: "strong",
       className: "dnb-forms-value-block__label",
-      labelDirection: inline ? 'horizontal' : 'vertical'
+      labelDirection: inline ? 'horizontal' : 'vertical',
+      srOnly: labelSrOnly
     }, label), children ? React.createElement("span", {
       className: defaultClass
     }, children) : React.createElement("span", {

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","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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"}
+{"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","labelSrOnly","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","srOnly","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    labelSrOnly,\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\n              className={classnames(\n                'dnb-forms-value-block__label',\n                (!label || labelSrOnly) && 'dnb-sr-only'\n              )}\n            >\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            srOnly={labelSrOnly}\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/Wizard/style/dnb-wizard-layout.css

@@ -4,8 +4,8 @@
 .dnb-forms-wizard-layout {
   display: flex;
   flex-flow: row wrap;
-  -moz-column-gap: var(--spacing-medium);
-       column-gap: var(--spacing-medium);
+  -moz-column-gap: var(--spacing-x-large);
+       column-gap: var(--spacing-x-large);
 }
 .dnb-forms-wizard-layout--drawer {
   flex-direction: column;

package/es/extensions/forms/Wizard/style/dnb-wizard-layout.min.css

@@ -1 +1 @@
-.dnb-forms-wizard-layout{-moz-column-gap:var(--spacing-medium);column-gap:var(--spacing-medium);display:flex;flex-flow:row wrap}.dnb-forms-wizard-layout--drawer{align-items:stretch;flex-direction:column;justify-content:stretch}.dnb-forms-wizard-layout__indicator{flex:0;margin-bottom:2rem}.dnb-forms-wizard-layout__contents{flex:1}.dnb-forms-wizard-layout__contents .dnb-forms-step{outline:none}.dnb-forms-wizard-layout__contents .dnb-forms-button-row>.appear-fx,.dnb-forms-wizard-layout__contents .dnb-forms-step>.appear-fx{--appear-opacity:0;--appear-offset:-0.25rem;animation:appear .6s var(--easing-default) forwards;animation-delay:calc(var(--element-index, 0)*30ms);opacity:var(--appear-opacity);transform:translate3d(var(--appear-offset),0,0)}@keyframes appear{0%{opacity:var(--appear-opacity);transform:translate3d(var(--appear-offset),0,0)}80%{opacity:1}to{opacity:1;transform:translateZ(0)}}@media screen and (max-width:60em){.dnb-forms-wizard-layout{align-items:stretch;flex-direction:column;justify-content:stretch}.dnb-forms-wizard-layout__contents{flex-basis:auto}}.dnb-forms-wizard-layout .dnb-step-indicator__sidebar{margin-right:0}@media screen and (min-width:60.00625em){.dnb-forms-form:has(.dnb-forms-wizard-layout--sidebar) .dnb-forms-status{margin-left:21.5rem}}
+.dnb-forms-wizard-layout{-moz-column-gap:var(--spacing-x-large);column-gap:var(--spacing-x-large);display:flex;flex-flow:row wrap}.dnb-forms-wizard-layout--drawer{align-items:stretch;flex-direction:column;justify-content:stretch}.dnb-forms-wizard-layout__indicator{flex:0;margin-bottom:2rem}.dnb-forms-wizard-layout__contents{flex:1}.dnb-forms-wizard-layout__contents .dnb-forms-step{outline:none}.dnb-forms-wizard-layout__contents .dnb-forms-button-row>.appear-fx,.dnb-forms-wizard-layout__contents .dnb-forms-step>.appear-fx{--appear-opacity:0;--appear-offset:-0.25rem;animation:appear .6s var(--easing-default) forwards;animation-delay:calc(var(--element-index, 0)*30ms);opacity:var(--appear-opacity);transform:translate3d(var(--appear-offset),0,0)}@keyframes appear{0%{opacity:var(--appear-opacity);transform:translate3d(var(--appear-offset),0,0)}80%{opacity:1}to{opacity:1;transform:translateZ(0)}}@media screen and (max-width:60em){.dnb-forms-wizard-layout{align-items:stretch;flex-direction:column;justify-content:stretch}.dnb-forms-wizard-layout__contents{flex-basis:auto}}.dnb-forms-wizard-layout .dnb-step-indicator__sidebar{margin-right:0}@media screen and (min-width:60.00625em){.dnb-forms-form:has(.dnb-forms-wizard-layout--sidebar) .dnb-forms-status{margin-left:21.5rem}}

package/es/extensions/forms/Wizard/style/dnb-wizard-layout.scss

@@ -3,7 +3,7 @@
 .dnb-forms-wizard-layout {
   display: flex;
   flex-flow: row wrap;
-  column-gap: var(--spacing-medium);
+  column-gap: var(--spacing-x-large);
 
   &--drawer {
     flex-direction: column;

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

@@ -3,7 +3,6 @@ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutPr
 const _excluded = ["mode", "enableAdditionalQuestions", "toWizardStep"];
 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';
@@ -37,9 +36,7 @@ function EditContainer({
     getValue
   } = Form.useData();
   const hasChildren = getValue('/hasChildren') === true;
-  return React.createElement(Card, _extends({
-    stack: true
-  }, spacingProps), React.createElement(Lead, null, tr.ChildrenWithAge.hasChildren.title), React.createElement(Field.Boolean, {
+  return React.createElement(Form.Card, spacingProps, React.createElement(Lead, null, tr.ChildrenWithAge.hasChildren.title), React.createElement(Field.Boolean, {
     path: "/hasChildren",
     label: tr.ChildrenWithAge.hasChildren.fieldLabel,
     variant: "buttons",
@@ -137,9 +134,7 @@ function SummaryContainer({
   toWizardStep
 }) {
   const tr = Form.useTranslation();
-  return React.createElement(Card, _extends({
-    stack: true
-  }, spacingProps), React.createElement(Lead, null, tr.ChildrenWithAge.hasChildren.title), React.createElement(Value.SummaryList, null, React.createElement(Value.Boolean, {
+  return React.createElement(Form.Card, spacingProps, React.createElement(Lead, null, tr.ChildrenWithAge.hasChildren.title), React.createElement(Value.SummaryList, null, React.createElement(Value.Boolean, {
     path: "/hasChildren",
     label: tr.ChildrenWithAge.hasChildren.fieldLabel
   }), React.createElement(Form.Visibility, {

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

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

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

@@ -74,7 +74,7 @@ export const DataValueWritePropsProperties = {
     type: 'object',
     status: 'optional'
   },
-  validator: {
+  onChangeValidator: {
     doc: 'Custom validator function that is triggered on every change done by the user. The function can be either asynchronous or synchronous. The first parameter is the value, and the second parameter returns an object containing { errorMessages, connectWithPath, validators }.',
     type: 'function',
     status: 'optional'

package/es/extensions/forms/hooks/DataValueWritePropsDocs.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataValueWritePropsDocs.js","names":["DataValueWritePropsProperties","value","doc","type","status","defaultValue","path","info","warning","error","disabled","emptyValue","required","labelSuffix","schema","validateInitially","validateUnchanged","continuousValidation","errorMessages","validator","onBlurValidator","transformIn","transformOut","DataValueWritePropsEvents","onChange","onFocus","onBlur"],"sources":["../../../../../src/extensions/forms/hooks/DataValueWritePropsDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../shared/types'\n\nexport const DataValueWritePropsProperties: PropertiesTableProps = {\n  value: {\n    doc: 'Source data value for the field. Will take precedence over the path value given in the data context.',\n    type: '{valueType}',\n    status: 'optional',\n  },\n  defaultValue: {\n    doc: 'Default source data value for the field. Will not take precedence over the path value given in the data context.',\n    type: '{valueType}',\n    status: 'optional',\n  },\n  path: {\n    doc: 'JSON Pointer for where the data for the field is located in the source dataset (when using Form.Handler or DataContext). The `path` will also be set as the `name` attribute for the [string](/uilib/extensions/forms/base-fields/String/)-field.',\n    type: 'string',\n    status: 'optional',\n  },\n  info: {\n    doc: 'Info message shown below / after the field.',\n    type: ['React.Node', 'Array<React.Node>'],\n    status: 'optional',\n  },\n  warning: {\n    doc: 'Warning message shown below / after the field.',\n    type: ['React.Node', 'Array<React.Node>'],\n    status: 'optional',\n  },\n  error: {\n    doc: 'Error message shown below / after the field.',\n    type: ['Error', 'FormError', 'Array<Error | FormError>'],\n    status: 'optional',\n  },\n  disabled: {\n    doc: 'Set `true` to show the field but without the possibility of changing the value.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  emptyValue: {\n    doc: 'The value to use (in `onChange` events etc) when emptying the field. Makes it possible for instance to provide `undefined` instead of an empty string when clearing the content of a text input.',\n    type: ['{valueType}', 'undefined'],\n    status: 'optional',\n  },\n  required: {\n    doc: 'When set to `true`, the field will give an error if the value fails the required validation. When set to `false`, the field will not be required, but will add a \"(optional)\" suffix to the label.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  labelSuffix: {\n    doc: 'Will append an additional text to the label, like \"(optional)\". When using `inheritLabel`, the suffix will not be inherited. NB: The visual appearance of the `labelSuffix` may change in the future.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  schema: {\n    doc: 'Custom JSON Schema for validating the value.',\n    type: 'object',\n    status: 'optional',\n  },\n  validateInitially: {\n    doc: 'Set to `true` to show validation based errors initially (from given value-prop or source data) before the user interacts with the field.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  validateUnchanged: {\n    doc: 'Set to `true` to show validation based errors when the field is touched (like focusing a field and blurring) without having changed the value. Since the user did not introduce a new error, this will apply when the value was initially invalid based on validation.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  continuousValidation: {\n    doc: 'Set to `true` to show validation based errors continuously while writing, not just when blurring the field.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  errorMessages: {\n    doc: 'Custom error messages for each type of error, overriding default messages.',\n    type: 'object',\n    status: 'optional',\n  },\n  validator: {\n    doc: 'Custom validator function that is triggered on every change done by the user. The function can be either asynchronous or synchronous. The first parameter is the value, and the second parameter returns an object containing { errorMessages, connectWithPath, validators }.',\n    type: 'function',\n    status: 'optional',\n  },\n  onBlurValidator: {\n    doc: 'Custom validator function that is triggered when the user leaves a field (e.g., blurring a text input or closing a dropdown). The function can be either asynchronous or synchronous. The first parameter is the value, and the second parameter returns an object containing { errorMessages, connectWithPath, validators }.',\n    type: 'function',\n    status: 'optional',\n  },\n  transformIn: {\n    doc: 'Transforms the `value` before its displayed in the field (e.g. input).',\n    type: 'function',\n    status: 'optional',\n  },\n  transformOut: {\n    doc: 'Transforms the value before it gets forwarded to the form data object (context) or returned as the `onChange` value parameter. The first parameter is the internal value. Some fields to support a second parameter, like the SelectCountry, where the country object is given.',\n    type: 'function',\n    status: 'optional',\n  },\n}\n\nexport const DataValueWritePropsEvents: PropertiesTableProps = {\n  onChange: {\n    doc: \"Will be called on value changes made by the user, with the new value as argument. When an `async` function is used, the corresponding [FieldBlock](/uilib/extensions/forms/create-component/FieldBlock/) will show an indicator on the field label. You can return `{ success: 'saved' } as const` to show a success symbol, or an error or an object with these keys `{ info: 'Info message', warning: 'Warning message', error: Error('My error') } as const`.\",\n    type: '(value) => void',\n    status: 'optional',\n  },\n  onFocus: {\n    doc: 'Will be called when the component gets into focus. Like clicking inside a text input or opening a dropdown. Called with active value as argument.',\n    type: '(value) => void',\n    status: 'optional',\n  },\n  onBlur: {\n    doc: 'Will be called when the component stop being in focus. Like when going to next field, or closing a dropdown. Called with active value as argument.',\n    type: '(value) => void',\n    status: 'optional',\n  },\n}\n"],"mappings":"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"}
+{"version":3,"file":"DataValueWritePropsDocs.js","names":["DataValueWritePropsProperties","value","doc","type","status","defaultValue","path","info","warning","error","disabled","emptyValue","required","labelSuffix","schema","validateInitially","validateUnchanged","continuousValidation","errorMessages","onChangeValidator","onBlurValidator","transformIn","transformOut","DataValueWritePropsEvents","onChange","onFocus","onBlur"],"sources":["../../../../../src/extensions/forms/hooks/DataValueWritePropsDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../shared/types'\n\nexport const DataValueWritePropsProperties: PropertiesTableProps = {\n  value: {\n    doc: 'Source data value for the field. Will take precedence over the path value given in the data context.',\n    type: '{valueType}',\n    status: 'optional',\n  },\n  defaultValue: {\n    doc: 'Default source data value for the field. Will not take precedence over the path value given in the data context.',\n    type: '{valueType}',\n    status: 'optional',\n  },\n  path: {\n    doc: 'JSON Pointer for where the data for the field is located in the source dataset (when using Form.Handler or DataContext). The `path` will also be set as the `name` attribute for the [string](/uilib/extensions/forms/base-fields/String/)-field.',\n    type: 'string',\n    status: 'optional',\n  },\n  info: {\n    doc: 'Info message shown below / after the field.',\n    type: ['React.Node', 'Array<React.Node>'],\n    status: 'optional',\n  },\n  warning: {\n    doc: 'Warning message shown below / after the field.',\n    type: ['React.Node', 'Array<React.Node>'],\n    status: 'optional',\n  },\n  error: {\n    doc: 'Error message shown below / after the field.',\n    type: ['Error', 'FormError', 'Array<Error | FormError>'],\n    status: 'optional',\n  },\n  disabled: {\n    doc: 'Set `true` to show the field but without the possibility of changing the value.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  emptyValue: {\n    doc: 'The value to use (in `onChange` events etc) when emptying the field. Makes it possible for instance to provide `undefined` instead of an empty string when clearing the content of a text input.',\n    type: ['{valueType}', 'undefined'],\n    status: 'optional',\n  },\n  required: {\n    doc: 'When set to `true`, the field will give an error if the value fails the required validation. When set to `false`, the field will not be required, but will add a \"(optional)\" suffix to the label.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  labelSuffix: {\n    doc: 'Will append an additional text to the label, like \"(optional)\". When using `inheritLabel`, the suffix will not be inherited. NB: The visual appearance of the `labelSuffix` may change in the future.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  schema: {\n    doc: 'Custom JSON Schema for validating the value.',\n    type: 'object',\n    status: 'optional',\n  },\n  validateInitially: {\n    doc: 'Set to `true` to show validation based errors initially (from given value-prop or source data) before the user interacts with the field.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  validateUnchanged: {\n    doc: 'Set to `true` to show validation based errors when the field is touched (like focusing a field and blurring) without having changed the value. Since the user did not introduce a new error, this will apply when the value was initially invalid based on validation.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  continuousValidation: {\n    doc: 'Set to `true` to show validation based errors continuously while writing, not just when blurring the field.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  errorMessages: {\n    doc: 'Custom error messages for each type of error, overriding default messages.',\n    type: 'object',\n    status: 'optional',\n  },\n  onChangeValidator: {\n    doc: 'Custom validator function that is triggered on every change done by the user. The function can be either asynchronous or synchronous. The first parameter is the value, and the second parameter returns an object containing { errorMessages, connectWithPath, validators }.',\n    type: 'function',\n    status: 'optional',\n  },\n  onBlurValidator: {\n    doc: 'Custom validator function that is triggered when the user leaves a field (e.g., blurring a text input or closing a dropdown). The function can be either asynchronous or synchronous. The first parameter is the value, and the second parameter returns an object containing { errorMessages, connectWithPath, validators }.',\n    type: 'function',\n    status: 'optional',\n  },\n  transformIn: {\n    doc: 'Transforms the `value` before its displayed in the field (e.g. input).',\n    type: 'function',\n    status: 'optional',\n  },\n  transformOut: {\n    doc: 'Transforms the value before it gets forwarded to the form data object (context) or returned as the `onChange` value parameter. The first parameter is the internal value. Some fields to support a second parameter, like the SelectCountry, where the country object is given.',\n    type: 'function',\n    status: 'optional',\n  },\n}\n\nexport const DataValueWritePropsEvents: PropertiesTableProps = {\n  onChange: {\n    doc: \"Will be called on value changes made by the user, with the new value as argument. When an `async` function is used, the corresponding [FieldBlock](/uilib/extensions/forms/create-component/FieldBlock/) will show an indicator on the field label. You can return `{ success: 'saved' } as const` to show a success symbol, or an error or an object with these keys `{ info: 'Info message', warning: 'Warning message', error: Error('My error') } as const`.\",\n    type: '(value) => void',\n    status: 'optional',\n  },\n  onFocus: {\n    doc: 'Will be called when the component gets into focus. Like clicking inside a text input or opening a dropdown. Called with active value as argument.',\n    type: '(value) => void',\n    status: 'optional',\n  },\n  onBlur: {\n    doc: 'Will be called when the component stop being in focus. Like when going to next field, or closing a dropdown. Called with active value as argument.',\n    type: '(value) => void',\n    status: 'optional',\n  },\n}\n"],"mappings":"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"}