@dnb/eufemia 10.8.0 → 10.9.0

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

@@ -1,8 +1,8 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import React, { useContext } from 'react';
 import ValueBlock from '../ValueBlock';
-import { useValue } from './hooks';
-import { forwardSpaceProps } from '../utils';
+import { useDataValue } from '../hooks';
+import { pickSpacingProps } from '../types';
 import SharedContext from '../../../shared/Context';
 function BooleanComponent(props) {
   const sharedContext = useContext(SharedContext);
@@ -13,14 +13,14 @@ function BooleanComponent(props) {
     showEmpty,
     value,
     inline
-  } = useValue(props);
+  } = useDataValue(props);
   return React.createElement(ValueBlock, _extends({
     className: className,
     label: label,
     showEmpty: showEmpty,
     placeholder: placeholder,
     inline: inline
-  }, forwardSpaceProps(props)), value === true || value === false ? value === true ? sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.booleanYes : sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.booleanNo : null);
+  }, pickSpacingProps(props)), value === true || value === false ? value === true ? sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.booleanYes : sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.booleanNo : null);
 }
 BooleanComponent._supportsEufemiaSpacingProps = true;
 export default BooleanComponent;

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

@@ -1 +1 @@
-{"version":3,"file":"Boolean.js","names":["React","useContext","ValueBlock","useValue","forwardSpaceProps","SharedContext","BooleanComponent","props","sharedContext","className","label","placeholder","showEmpty","value","inline","createElement","_extends","translation","Forms","booleanYes","booleanNo","_supportsEufemiaSpacingProps"],"sources":["../../../../../src/extensions/forms/Value/Boolean.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport ValueBlock from '../ValueBlock'\nimport { useValue } from './hooks'\nimport { forwardSpaceProps } from '../utils'\nimport type { ComponentProps } from '../component-types'\nimport type { ValueProps } from '../value-types'\nimport SharedContext from '../../../shared/Context'\n\nexport type Props = ComponentProps & ValueProps<boolean>\n\nfunction BooleanComponent(props: Props) {\n  const sharedContext = useContext(SharedContext)\n  const { className, label, placeholder, showEmpty, value, inline } =\n    useValue(props)\n\n  return (\n    <ValueBlock\n      className={className}\n      label={label}\n      showEmpty={showEmpty}\n      placeholder={placeholder}\n      inline={inline}\n      {...forwardSpaceProps(props)}\n    >\n      {value === true || value === false\n        ? value === true\n          ? sharedContext?.translation.Forms.booleanYes\n          : sharedContext?.translation.Forms.booleanNo\n        : null}\n    </ValueBlock>\n  )\n}\n\nBooleanComponent._supportsEufemiaSpacingProps = true\nexport default BooleanComponent\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,UAAU,MAAM,eAAe;AACtC,SAASC,QAAQ,QAAQ,SAAS;AAClC,SAASC,iBAAiB,QAAQ,UAAU;AAG5C,OAAOC,aAAa,MAAM,yBAAyB;AAInD,SAASC,gBAAgBA,CAACC,KAAY,EAAE;EACtC,MAAMC,aAAa,GAAGP,UAAU,CAACI,aAAa,CAAC;EAC/C,MAAM;IAAEI,SAAS;IAAEC,KAAK;IAAEC,WAAW;IAAEC,SAAS;IAAEC,KAAK;IAAEC;EAAO,CAAC,GAC/DX,QAAQ,CAACI,KAAK,CAAC;EAEjB,OACEP,KAAA,CAAAe,aAAA,CAACb,UAAU,EAAAc,QAAA;IACTP,SAAS,EAAEA,SAAU;IACrBC,KAAK,EAAEA,KAAM;IACbE,SAAS,EAAEA,SAAU;IACrBD,WAAW,EAAEA,WAAY;IACzBG,MAAM,EAAEA;EAAO,GACXV,iBAAiB,CAACG,KAAK,CAAC,GAE3BM,KAAK,KAAK,IAAI,IAAIA,KAAK,KAAK,KAAK,GAC9BA,KAAK,KAAK,IAAI,GACZL,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAES,WAAW,CAACC,KAAK,CAACC,UAAU,GAC3CX,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAES,WAAW,CAACC,KAAK,CAACE,SAAS,GAC5C,IACM,CAAC;AAEjB;AAEAd,gBAAgB,CAACe,4BAA4B,GAAG,IAAI;AACpD,eAAef,gBAAgB"}
+{"version":3,"file":"Boolean.js","names":["React","useContext","ValueBlock","useDataValue","pickSpacingProps","SharedContext","BooleanComponent","props","sharedContext","className","label","placeholder","showEmpty","value","inline","createElement","_extends","translation","Forms","booleanYes","booleanNo","_supportsEufemiaSpacingProps"],"sources":["../../../../../src/extensions/forms/Value/Boolean.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport ValueBlock from '../ValueBlock'\nimport { useDataValue } from '../hooks'\nimport { ValueProps, pickSpacingProps } from '../types'\nimport SharedContext from '../../../shared/Context'\n\nexport type Props = ValueProps<boolean>\n\nfunction BooleanComponent(props: Props) {\n  const sharedContext = useContext(SharedContext)\n  const { className, label, placeholder, showEmpty, value, inline } =\n    useDataValue(props)\n\n  return (\n    <ValueBlock\n      className={className}\n      label={label}\n      showEmpty={showEmpty}\n      placeholder={placeholder}\n      inline={inline}\n      {...pickSpacingProps(props)}\n    >\n      {value === true || value === false\n        ? value === true\n          ? sharedContext?.translation.Forms.booleanYes\n          : sharedContext?.translation.Forms.booleanNo\n        : null}\n    </ValueBlock>\n  )\n}\n\nBooleanComponent._supportsEufemiaSpacingProps = true\nexport default BooleanComponent\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,UAAU,MAAM,eAAe;AACtC,SAASC,YAAY,QAAQ,UAAU;AACvC,SAAqBC,gBAAgB,QAAQ,UAAU;AACvD,OAAOC,aAAa,MAAM,yBAAyB;AAInD,SAASC,gBAAgBA,CAACC,KAAY,EAAE;EACtC,MAAMC,aAAa,GAAGP,UAAU,CAACI,aAAa,CAAC;EAC/C,MAAM;IAAEI,SAAS;IAAEC,KAAK;IAAEC,WAAW;IAAEC,SAAS;IAAEC,KAAK;IAAEC;EAAO,CAAC,GAC/DX,YAAY,CAACI,KAAK,CAAC;EAErB,OACEP,KAAA,CAAAe,aAAA,CAACb,UAAU,EAAAc,QAAA;IACTP,SAAS,EAAEA,SAAU;IACrBC,KAAK,EAAEA,KAAM;IACbE,SAAS,EAAEA,SAAU;IACrBD,WAAW,EAAEA,WAAY;IACzBG,MAAM,EAAEA;EAAO,GACXV,gBAAgB,CAACG,KAAK,CAAC,GAE1BM,KAAK,KAAK,IAAI,IAAIA,KAAK,KAAK,KAAK,GAC9BA,KAAK,KAAK,IAAI,GACZL,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAES,WAAW,CAACC,KAAK,CAACC,UAAU,GAC3CX,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAES,WAAW,CAACC,KAAK,CAACE,SAAS,GAC5C,IACM,CAAC;AAEjB;AAEAd,gBAAgB,CAACe,4BAA4B,GAAG,IAAI;AACpD,eAAef,gBAAgB"}

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

@@ -1,6 +1,5 @@
-import type { ComponentProps } from '../component-types';
-import type { ValueProps } from '../value-types';
-export type Props = ComponentProps & ValueProps<number> & {
+import { ValueProps } from '../types';
+export type Props = ValueProps<number> & {
     thousandSeparator?: string | true;
     decimalSymbol?: string;
     decimalLimit?: number;

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

@@ -1,8 +1,9 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import React from 'react';
-import { formatNumber, forwardSpaceProps } from '../utils';
+import { formatNumber } from '../utils';
 import ValueBlock from '../ValueBlock';
-import { useValue } from './hooks';
+import { useDataValue } from '../hooks';
+import { pickSpacingProps } from '../types';
 function NumberComponent(props) {
   const {
     className,
@@ -16,14 +17,14 @@ function NumberComponent(props) {
     decimalLimit,
     prefix,
     suffix
-  } = useValue(props);
+  } = useDataValue(props);
   return React.createElement(ValueBlock, _extends({
     className: className,
     label: label,
     showEmpty: showEmpty,
     placeholder: placeholder,
     inline: inline
-  }, forwardSpaceProps(props)), value !== undefined ? formatNumber(value, {
+  }, pickSpacingProps(props)), value !== undefined ? formatNumber(value, {
     thousandSeparator: thousandSeparator === true ? ' ' : thousandSeparator,
     decimalSymbol,
     decimalLimit,

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

@@ -1 +1 @@
-{"version":3,"file":"Number.js","names":["React","formatNumber","forwardSpaceProps","ValueBlock","useValue","NumberComponent","props","className","label","placeholder","value","inline","showEmpty","thousandSeparator","decimalSymbol","decimalLimit","prefix","suffix","createElement","_extends","undefined","_supportsEufemiaSpacingProps"],"sources":["../../../../../src/extensions/forms/Value/Number.tsx"],"sourcesContent":["import React from 'react'\nimport { formatNumber, forwardSpaceProps } from '../utils'\nimport ValueBlock from '../ValueBlock'\nimport { useValue } from './hooks'\nimport type { ComponentProps } from '../component-types'\nimport type { ValueProps } from '../value-types'\n\nexport type Props = ComponentProps &\n  ValueProps<number> & {\n    // Formatting\n    thousandSeparator?: string | true\n    decimalSymbol?: string\n    decimalLimit?: number\n    prefix?: string\n    suffix?: string\n  }\n\nfunction NumberComponent(props: Props) {\n  const {\n    className,\n    label,\n    placeholder,\n    value,\n    inline,\n    showEmpty,\n    thousandSeparator,\n    decimalSymbol,\n    decimalLimit,\n    prefix,\n    suffix,\n  } = useValue(props)\n\n  return (\n    <ValueBlock\n      className={className}\n      label={label}\n      showEmpty={showEmpty}\n      placeholder={placeholder}\n      inline={inline}\n      {...forwardSpaceProps(props)}\n    >\n      {value !== undefined\n        ? formatNumber(value, {\n            thousandSeparator:\n              thousandSeparator === true ? ' ' : thousandSeparator,\n            decimalSymbol,\n            decimalLimit,\n            prefix,\n            suffix,\n          })\n        : null}\n    </ValueBlock>\n  )\n}\n\nNumberComponent._supportsEufemiaSpacingProps = true\nexport default NumberComponent\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,YAAY,EAAEC,iBAAiB,QAAQ,UAAU;AAC1D,OAAOC,UAAU,MAAM,eAAe;AACtC,SAASC,QAAQ,QAAQ,SAAS;AAclC,SAASC,eAAeA,CAACC,KAAY,EAAE;EACrC,MAAM;IACJC,SAAS;IACTC,KAAK;IACLC,WAAW;IACXC,KAAK;IACLC,MAAM;IACNC,SAAS;IACTC,iBAAiB;IACjBC,aAAa;IACbC,YAAY;IACZC,MAAM;IACNC;EACF,CAAC,GAAGb,QAAQ,CAACE,KAAK,CAAC;EAEnB,OACEN,KAAA,CAAAkB,aAAA,CAACf,UAAU,EAAAgB,QAAA;IACTZ,SAAS,EAAEA,SAAU;IACrBC,KAAK,EAAEA,KAAM;IACbI,SAAS,EAAEA,SAAU;IACrBH,WAAW,EAAEA,WAAY;IACzBE,MAAM,EAAEA;EAAO,GACXT,iBAAiB,CAACI,KAAK,CAAC,GAE3BI,KAAK,KAAKU,SAAS,GAChBnB,YAAY,CAACS,KAAK,EAAE;IAClBG,iBAAiB,EACfA,iBAAiB,KAAK,IAAI,GAAG,GAAG,GAAGA,iBAAiB;IACtDC,aAAa;IACbC,YAAY;IACZC,MAAM;IACNC;EACF,CAAC,CAAC,GACF,IACM,CAAC;AAEjB;AAEAZ,eAAe,CAACgB,4BAA4B,GAAG,IAAI;AACnD,eAAehB,eAAe"}
+{"version":3,"file":"Number.js","names":["React","formatNumber","ValueBlock","useDataValue","pickSpacingProps","NumberComponent","props","className","label","placeholder","value","inline","showEmpty","thousandSeparator","decimalSymbol","decimalLimit","prefix","suffix","createElement","_extends","undefined","_supportsEufemiaSpacingProps"],"sources":["../../../../../src/extensions/forms/Value/Number.tsx"],"sourcesContent":["import React from 'react'\nimport { formatNumber } from '../utils'\nimport ValueBlock from '../ValueBlock'\nimport { useDataValue } from '../hooks'\nimport { ValueProps, pickSpacingProps } from '../types'\n\nexport type Props = ValueProps<number> & {\n  // Formatting\n  thousandSeparator?: string | true\n  decimalSymbol?: string\n  decimalLimit?: number\n  prefix?: string\n  suffix?: string\n}\n\nfunction NumberComponent(props: Props) {\n  const {\n    className,\n    label,\n    placeholder,\n    value,\n    inline,\n    showEmpty,\n    thousandSeparator,\n    decimalSymbol,\n    decimalLimit,\n    prefix,\n    suffix,\n  } = useDataValue(props)\n\n  return (\n    <ValueBlock\n      className={className}\n      label={label}\n      showEmpty={showEmpty}\n      placeholder={placeholder}\n      inline={inline}\n      {...pickSpacingProps(props)}\n    >\n      {value !== undefined\n        ? formatNumber(value, {\n            thousandSeparator:\n              thousandSeparator === true ? ' ' : thousandSeparator,\n            decimalSymbol,\n            decimalLimit,\n            prefix,\n            suffix,\n          })\n        : null}\n    </ValueBlock>\n  )\n}\n\nNumberComponent._supportsEufemiaSpacingProps = true\nexport default NumberComponent\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,YAAY,QAAQ,UAAU;AACvC,OAAOC,UAAU,MAAM,eAAe;AACtC,SAASC,YAAY,QAAQ,UAAU;AACvC,SAAqBC,gBAAgB,QAAQ,UAAU;AAWvD,SAASC,eAAeA,CAACC,KAAY,EAAE;EACrC,MAAM;IACJC,SAAS;IACTC,KAAK;IACLC,WAAW;IACXC,KAAK;IACLC,MAAM;IACNC,SAAS;IACTC,iBAAiB;IACjBC,aAAa;IACbC,YAAY;IACZC,MAAM;IACNC;EACF,CAAC,GAAGd,YAAY,CAACG,KAAK,CAAC;EAEvB,OACEN,KAAA,CAAAkB,aAAA,CAAChB,UAAU,EAAAiB,QAAA;IACTZ,SAAS,EAAEA,SAAU;IACrBC,KAAK,EAAEA,KAAM;IACbI,SAAS,EAAEA,SAAU;IACrBH,WAAW,EAAEA,WAAY;IACzBE,MAAM,EAAEA;EAAO,GACXP,gBAAgB,CAACE,KAAK,CAAC,GAE1BI,KAAK,KAAKU,SAAS,GAChBnB,YAAY,CAACS,KAAK,EAAE;IAClBG,iBAAiB,EACfA,iBAAiB,KAAK,IAAI,GAAG,GAAG,GAAGA,iBAAiB;IACtDC,aAAa;IACbC,YAAY;IACZC,MAAM;IACNC;EACF,CAAC,CAAC,GACF,IACM,CAAC;AAEjB;AAEAZ,eAAe,CAACgB,4BAA4B,GAAG,IAAI;AACnD,eAAehB,eAAe"}

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

@@ -1,6 +1,5 @@
-import type { ComponentProps } from '../component-types';
-import type { ValueProps } from '../value-types';
-export type Props = ComponentProps & ValueProps<string>;
+import { ValueProps } from '../types';
+export type Props = ValueProps<string>;
 declare function StringComponent(props: Props): import("react/jsx-runtime").JSX.Element;
 declare namespace StringComponent {
     var _supportsEufemiaSpacingProps: boolean;

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

@@ -1,8 +1,8 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import React from 'react';
 import ValueBlock from '../ValueBlock';
-import { forwardSpaceProps } from '../utils';
-import { useValue } from './hooks';
+import { useDataValue } from '../hooks';
+import { pickSpacingProps } from '../types';
 function StringComponent(props) {
   const {
     className,
@@ -12,14 +12,14 @@ function StringComponent(props) {
     inline,
     showEmpty,
     prepare = value => value
-  } = useValue(props);
+  } = useDataValue(props);
   return React.createElement(ValueBlock, _extends({
     className: className,
     label: label,
     showEmpty: showEmpty,
     placeholder: placeholder,
     inline: inline
-  }, forwardSpaceProps(props)), prepare(value));
+  }, pickSpacingProps(props)), prepare(value));
 }
 StringComponent._supportsEufemiaSpacingProps = true;
 export default StringComponent;

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

@@ -1 +1 @@
-{"version":3,"file":"String.js","names":["React","ValueBlock","forwardSpaceProps","useValue","StringComponent","props","className","label","placeholder","value","inline","showEmpty","prepare","createElement","_extends","_supportsEufemiaSpacingProps"],"sources":["../../../../../src/extensions/forms/Value/String.tsx"],"sourcesContent":["import React from 'react'\nimport ValueBlock from '../ValueBlock'\nimport { forwardSpaceProps } from '../utils'\nimport { useValue } from './hooks'\nimport type { ComponentProps } from '../component-types'\nimport type { ValueProps } from '../value-types'\n\nexport type Props = ComponentProps & ValueProps<string>\n\nfunction StringComponent(props: Props) {\n  const {\n    className,\n    label,\n    placeholder,\n    value,\n    inline,\n    showEmpty,\n    prepare = (value) => value,\n  } = useValue(props)\n\n  return (\n    <ValueBlock\n      className={className}\n      label={label}\n      showEmpty={showEmpty}\n      placeholder={placeholder}\n      inline={inline}\n      {...forwardSpaceProps(props)}\n    >\n      {prepare(value)}\n    </ValueBlock>\n  )\n}\n\nStringComponent._supportsEufemiaSpacingProps = true\nexport default StringComponent\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,eAAe;AACtC,SAASC,iBAAiB,QAAQ,UAAU;AAC5C,SAASC,QAAQ,QAAQ,SAAS;AAMlC,SAASC,eAAeA,CAACC,KAAY,EAAE;EACrC,MAAM;IACJC,SAAS;IACTC,KAAK;IACLC,WAAW;IACXC,KAAK;IACLC,MAAM;IACNC,SAAS;IACTC,OAAO,GAAIH,KAAK,IAAKA;EACvB,CAAC,GAAGN,QAAQ,CAACE,KAAK,CAAC;EAEnB,OACEL,KAAA,CAAAa,aAAA,CAACZ,UAAU,EAAAa,QAAA;IACTR,SAAS,EAAEA,SAAU;IACrBC,KAAK,EAAEA,KAAM;IACbI,SAAS,EAAEA,SAAU;IACrBH,WAAW,EAAEA,WAAY;IACzBE,MAAM,EAAEA;EAAO,GACXR,iBAAiB,CAACG,KAAK,CAAC,GAE3BO,OAAO,CAACH,KAAK,CACJ,CAAC;AAEjB;AAEAL,eAAe,CAACW,4BAA4B,GAAG,IAAI;AACnD,eAAeX,eAAe"}
+{"version":3,"file":"String.js","names":["React","ValueBlock","useDataValue","pickSpacingProps","StringComponent","props","className","label","placeholder","value","inline","showEmpty","prepare","createElement","_extends","_supportsEufemiaSpacingProps"],"sources":["../../../../../src/extensions/forms/Value/String.tsx"],"sourcesContent":["import React from 'react'\nimport ValueBlock from '../ValueBlock'\nimport { useDataValue } from '../hooks'\nimport { ValueProps, pickSpacingProps } from '../types'\n\nexport type Props = ValueProps<string>\n\nfunction StringComponent(props: Props) {\n  const {\n    className,\n    label,\n    placeholder,\n    value,\n    inline,\n    showEmpty,\n    prepare = (value) => value,\n  } = useDataValue(props)\n\n  return (\n    <ValueBlock\n      className={className}\n      label={label}\n      showEmpty={showEmpty}\n      placeholder={placeholder}\n      inline={inline}\n      {...pickSpacingProps(props)}\n    >\n      {prepare(value)}\n    </ValueBlock>\n  )\n}\n\nStringComponent._supportsEufemiaSpacingProps = true\nexport default StringComponent\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,eAAe;AACtC,SAASC,YAAY,QAAQ,UAAU;AACvC,SAAqBC,gBAAgB,QAAQ,UAAU;AAIvD,SAASC,eAAeA,CAACC,KAAY,EAAE;EACrC,MAAM;IACJC,SAAS;IACTC,KAAK;IACLC,WAAW;IACXC,KAAK;IACLC,MAAM;IACNC,SAAS;IACTC,OAAO,GAAIH,KAAK,IAAKA;EACvB,CAAC,GAAGP,YAAY,CAACG,KAAK,CAAC;EAEvB,OACEL,KAAA,CAAAa,aAAA,CAACZ,UAAU,EAAAa,QAAA;IACTR,SAAS,EAAEA,SAAU;IACrBC,KAAK,EAAEA,KAAM;IACbI,SAAS,EAAEA,SAAU;IACrBH,WAAW,EAAEA,WAAY;IACzBE,MAAM,EAAEA;EAAO,GACXP,gBAAgB,CAACE,KAAK,CAAC,GAE1BO,OAAO,CAACH,KAAK,CACJ,CAAC;AAEjB;AAEAL,eAAe,CAACW,4BAA4B,GAAG,IAAI;AACnD,eAAeX,eAAe"}

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

@@ -4,8 +4,6 @@ import BooleanComponent from './Boolean';
 import Currency from './Currency';
 import DateComponent from './Date';
 import Email from './Email';
-import FirstName from './FirstName';
-import LastName from './LastName';
 import NationalIdentityNumber from './NationalIdentityNumber';
 import PhoneNumber from './PhoneNumber';
 import BankAccountNumber from './BankAccountNumber';
@@ -16,8 +14,6 @@ declare const Value: {
     Currency: typeof Currency;
     Date: typeof DateComponent;
     Email: typeof Email;
-    FirstName: typeof FirstName;
-    LastName: typeof LastName;
     NationalIdentityNumber: typeof NationalIdentityNumber;
     PhoneNumber: typeof PhoneNumber;
     BankAccountNumber: typeof BankAccountNumber;

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

@@ -4,8 +4,6 @@ import BooleanComponent from './Boolean';
 import Currency from './Currency';
 import DateComponent from './Date';
 import Email from './Email';
-import FirstName from './FirstName';
-import LastName from './LastName';
 import NationalIdentityNumber from './NationalIdentityNumber';
 import PhoneNumber from './PhoneNumber';
 import BankAccountNumber from './BankAccountNumber';
@@ -16,8 +14,6 @@ const Value = {
   Currency,
   Date: DateComponent,
   Email,
-  FirstName,
-  LastName,
   NationalIdentityNumber,
   PhoneNumber,
   BankAccountNumber

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["StringComponent","NumberComponent","BooleanComponent","Currency","DateComponent","Email","FirstName","LastName","NationalIdentityNumber","PhoneNumber","BankAccountNumber","Value","String","Number","Boolean","Date"],"sources":["../../../../../src/extensions/forms/Value/index.ts"],"sourcesContent":["import StringComponent from './String'\nimport NumberComponent from './Number'\nimport BooleanComponent from './Boolean'\nimport Currency from './Currency'\nimport DateComponent from './Date'\nimport Email from './Email'\nimport FirstName from './FirstName'\nimport LastName from './LastName'\nimport NationalIdentityNumber from './NationalIdentityNumber'\nimport PhoneNumber from './PhoneNumber'\nimport BankAccountNumber from './BankAccountNumber'\n\nconst Value = {\n  String: StringComponent,\n  Number: NumberComponent,\n  Boolean: BooleanComponent,\n  Currency,\n  Date: DateComponent,\n  Email,\n  FirstName,\n  LastName,\n  NationalIdentityNumber,\n  PhoneNumber,\n  BankAccountNumber,\n}\n\nexport default Value\n"],"mappings":"AAAA,OAAOA,eAAe,MAAM,UAAU;AACtC,OAAOC,eAAe,MAAM,UAAU;AACtC,OAAOC,gBAAgB,MAAM,WAAW;AACxC,OAAOC,QAAQ,MAAM,YAAY;AACjC,OAAOC,aAAa,MAAM,QAAQ;AAClC,OAAOC,KAAK,MAAM,SAAS;AAC3B,OAAOC,SAAS,MAAM,aAAa;AACnC,OAAOC,QAAQ,MAAM,YAAY;AACjC,OAAOC,sBAAsB,MAAM,0BAA0B;AAC7D,OAAOC,WAAW,MAAM,eAAe;AACvC,OAAOC,iBAAiB,MAAM,qBAAqB;AAEnD,MAAMC,KAAK,GAAG;EACZC,MAAM,EAAEZ,eAAe;EACvBa,MAAM,EAAEZ,eAAe;EACvBa,OAAO,EAAEZ,gBAAgB;EACzBC,QAAQ;EACRY,IAAI,EAAEX,aAAa;EACnBC,KAAK;EACLC,SAAS;EACTC,QAAQ;EACRC,sBAAsB;EACtBC,WAAW;EACXC;AACF,CAAC;AAED,eAAeC,KAAK"}
+{"version":3,"file":"index.js","names":["StringComponent","NumberComponent","BooleanComponent","Currency","DateComponent","Email","NationalIdentityNumber","PhoneNumber","BankAccountNumber","Value","String","Number","Boolean","Date"],"sources":["../../../../../src/extensions/forms/Value/index.ts"],"sourcesContent":["import StringComponent from './String'\nimport NumberComponent from './Number'\nimport BooleanComponent from './Boolean'\nimport Currency from './Currency'\nimport DateComponent from './Date'\nimport Email from './Email'\nimport NationalIdentityNumber from './NationalIdentityNumber'\nimport PhoneNumber from './PhoneNumber'\nimport BankAccountNumber from './BankAccountNumber'\n\nconst Value = {\n  String: StringComponent,\n  Number: NumberComponent,\n  Boolean: BooleanComponent,\n  Currency,\n  Date: DateComponent,\n  Email,\n  NationalIdentityNumber,\n  PhoneNumber,\n  BankAccountNumber,\n}\n\nexport default Value\n"],"mappings":"AAAA,OAAOA,eAAe,MAAM,UAAU;AACtC,OAAOC,eAAe,MAAM,UAAU;AACtC,OAAOC,gBAAgB,MAAM,WAAW;AACxC,OAAOC,QAAQ,MAAM,YAAY;AACjC,OAAOC,aAAa,MAAM,QAAQ;AAClC,OAAOC,KAAK,MAAM,SAAS;AAC3B,OAAOC,sBAAsB,MAAM,0BAA0B;AAC7D,OAAOC,WAAW,MAAM,eAAe;AACvC,OAAOC,iBAAiB,MAAM,qBAAqB;AAEnD,MAAMC,KAAK,GAAG;EACZC,MAAM,EAAEV,eAAe;EACvBW,MAAM,EAAEV,eAAe;EACvBW,OAAO,EAAEV,gBAAgB;EACzBC,QAAQ;EACRU,IAAI,EAAET,aAAa;EACnBC,KAAK;EACLC,sBAAsB;EACtBC,WAAW;EACXC;AACF,CAAC;AAED,eAAeC,KAAK"}

package/es/extensions/forms/ValueBlock/ValueBlock.d.ts

@@ -1,7 +1,6 @@
 import React from 'react';
-import type { ComponentProps } from '../component-types';
-import type { ValueProps } from '../value-types';
-export type Props = ComponentProps & Omit<ValueProps<unknown>, 'value'> & {
+import { ValueProps } from '../types';
+export type Props = Omit<ValueProps<unknown>, 'value'> & {
     children?: React.ReactNode;
 };
 declare function ValueBlock(props: Props): import("react/jsx-runtime").JSX.Element;

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

@@ -2,8 +2,8 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import React from 'react';
 import { Span } from '../../../elements';
 import { FormLabel } from '../../../components';
-import { forwardSpaceProps } from '../utils';
 import classnames from 'classnames';
+import { pickSpacingProps } from '../types';
 function ValueBlock(props) {
   const {
     className,
@@ -18,7 +18,7 @@ function ValueBlock(props) {
   }
   return React.createElement(Span, _extends({
     className: classnames('dnb-forms-value', className, inline && 'dnb-forms-value-block--inline')
-  }, forwardSpaceProps(props)), label && React.createElement(FormLabel, {
+  }, pickSpacingProps(props)), label && React.createElement(FormLabel, {
     className: "dnb-forms-value-block__label",
     label_direction: inline ? 'horizontal' : 'vertical'
   }, label), children ?? React.createElement("span", {

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

@@ -1 +1 @@
-{"version":3,"file":"ValueBlock.js","names":["React","Span","FormLabel","forwardSpaceProps","classnames","ValueBlock","props","className","label","inline","placeholder","showEmpty","children","undefined","createElement","_extends","label_direction","_supportsEufemiaSpacingProps"],"sources":["../../../../../src/extensions/forms/ValueBlock/ValueBlock.tsx"],"sourcesContent":["import React from 'react'\nimport { Span } from '../../../elements'\nimport { FormLabel } from '../../../components'\nimport { forwardSpaceProps } from '../utils'\nimport classnames from 'classnames'\nimport type { ComponentProps } from '../component-types'\nimport type { ValueProps } from '../value-types'\n\nexport type Props = ComponentProps &\n  Omit<ValueProps<unknown>, 'value'> & {\n    children?: React.ReactNode\n  }\n\nfunction ValueBlock(props: Props) {\n  const { className, label, inline, placeholder, showEmpty, children } =\n    props\n  if (\n    (children === undefined || children === null || children === false) &&\n    !showEmpty &&\n    !placeholder\n  ) {\n    return null\n  }\n\n  return (\n    <Span\n      className={classnames(\n        'dnb-forms-value',\n        inline && 'dnb-forms-value-block--inline',\n        className\n      )}\n      {...forwardSpaceProps(props)}\n    >\n      {label && (\n        <FormLabel\n          className=\"dnb-forms-value-block__label\"\n          label_direction={inline ? 'horizontal' : 'vertical'}\n        >\n          {label}\n        </FormLabel>\n      )}\n      {children ?? (\n        <span className=\"dnb-forms-value-block__placeholder\">\n          {placeholder}\n        </span>\n      )}\n    </Span>\n  )\n}\n\nValueBlock._supportsEufemiaSpacingProps = true\nexport default ValueBlock\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,mBAAmB;AACxC,SAASC,SAAS,QAAQ,qBAAqB;AAC/C,SAASC,iBAAiB,QAAQ,UAAU;AAC5C,OAAOC,UAAU,MAAM,YAAY;AASnC,SAASC,UAAUA,CAACC,KAAY,EAAE;EAChC,MAAM;IAAEC,SAAS;IAAEC,KAAK;IAAEC,MAAM;IAAEC,WAAW;IAAEC,SAAS;IAAEC;EAAS,CAAC,GAClEN,KAAK;EACP,IACE,CAACM,QAAQ,KAAKC,SAAS,IAAID,QAAQ,KAAK,IAAI,IAAIA,QAAQ,KAAK,KAAK,KAClE,CAACD,SAAS,IACV,CAACD,WAAW,EACZ;IACA,OAAO,IAAI;EACb;EAEA,OACEV,KAAA,CAAAc,aAAA,CAACb,IAAI,EAAAc,QAAA;IACHR,SAAS,EAAEH,UAAU,CACnB,iBAAiB,EAEjBG,SAAS,EADTE,MAAM,IAAI,+BAEZ;EAAE,GACEN,iBAAiB,CAACG,KAAK,CAAC,GAE3BE,KAAK,IACJR,KAAA,CAAAc,aAAA,CAACZ,SAAS;IACRK,SAAS,EAAC,8BAA8B;IACxCS,eAAe,EAAEP,MAAM,GAAG,YAAY,GAAG;EAAW,GAEnDD,KACQ,CACZ,EACAI,QAAQ,IACPZ,KAAA,CAAAc,aAAA;IAAMP,SAAS,EAAC;EAAoC,GACjDG,WACG,CAEJ,CAAC;AAEX;AAEAL,UAAU,CAACY,4BAA4B,GAAG,IAAI;AAC9C,eAAeZ,UAAU"}
+{"version":3,"file":"ValueBlock.js","names":["React","Span","FormLabel","classnames","pickSpacingProps","ValueBlock","props","className","label","inline","placeholder","showEmpty","children","undefined","createElement","_extends","label_direction","_supportsEufemiaSpacingProps"],"sources":["../../../../../src/extensions/forms/ValueBlock/ValueBlock.tsx"],"sourcesContent":["import React from 'react'\nimport { Span } from '../../../elements'\nimport { FormLabel } from '../../../components'\nimport classnames from 'classnames'\nimport { ValueProps, pickSpacingProps } from '../types'\n\nexport type Props = Omit<ValueProps<unknown>, 'value'> & {\n  children?: React.ReactNode\n}\n\nfunction ValueBlock(props: Props) {\n  const { className, label, inline, placeholder, showEmpty, children } =\n    props\n  if (\n    (children === undefined || children === null || children === false) &&\n    !showEmpty &&\n    !placeholder\n  ) {\n    return null\n  }\n\n  return (\n    <Span\n      className={classnames(\n        'dnb-forms-value',\n        inline && 'dnb-forms-value-block--inline',\n        className\n      )}\n      {...pickSpacingProps(props)}\n    >\n      {label && (\n        <FormLabel\n          className=\"dnb-forms-value-block__label\"\n          label_direction={inline ? 'horizontal' : 'vertical'}\n        >\n          {label}\n        </FormLabel>\n      )}\n      {children ?? (\n        <span className=\"dnb-forms-value-block__placeholder\">\n          {placeholder}\n        </span>\n      )}\n    </Span>\n  )\n}\n\nValueBlock._supportsEufemiaSpacingProps = true\nexport default ValueBlock\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,mBAAmB;AACxC,SAASC,SAAS,QAAQ,qBAAqB;AAC/C,OAAOC,UAAU,MAAM,YAAY;AACnC,SAAqBC,gBAAgB,QAAQ,UAAU;AAMvD,SAASC,UAAUA,CAACC,KAAY,EAAE;EAChC,MAAM;IAAEC,SAAS;IAAEC,KAAK;IAAEC,MAAM;IAAEC,WAAW;IAAEC,SAAS;IAAEC;EAAS,CAAC,GAClEN,KAAK;EACP,IACE,CAACM,QAAQ,KAAKC,SAAS,IAAID,QAAQ,KAAK,IAAI,IAAIA,QAAQ,KAAK,KAAK,KAClE,CAACD,SAAS,IACV,CAACD,WAAW,EACZ;IACA,OAAO,IAAI;EACb;EAEA,OACEV,KAAA,CAAAc,aAAA,CAACb,IAAI,EAAAc,QAAA;IACHR,SAAS,EAAEJ,UAAU,CACnB,iBAAiB,EAEjBI,SAAS,EADTE,MAAM,IAAI,+BAEZ;EAAE,GACEL,gBAAgB,CAACE,KAAK,CAAC,GAE1BE,KAAK,IACJR,KAAA,CAAAc,aAAA,CAACZ,SAAS;IACRK,SAAS,EAAC,8BAA8B;IACxCS,eAAe,EAAEP,MAAM,GAAG,YAAY,GAAG;EAAW,GAEnDD,KACQ,CACZ,EACAI,QAAQ,IACPZ,KAAA,CAAAc,aAAA;IAAMP,SAAS,EAAC;EAAoC,GACjDG,WACG,CAEJ,CAAC;AAEX;AAEAL,UAAU,CAACY,4BAA4B,GAAG,IAAI;AAC9C,eAAeZ,UAAU"}

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

@@ -0,0 +1 @@
+export { default as useDataValue } from './useDataValue';

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

@@ -0,0 +1 @@
+export { default as useDataValue } from './useDataValue';

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["default","useDataValue"],"sources":["../../../../../src/extensions/forms/hooks/index.ts"],"sourcesContent":["export { default as useDataValue } from './useDataValue'\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,YAAY,QAAQ,gBAAgB"}

package/es/extensions/forms/hooks/useDataValue.d.ts

@@ -0,0 +1,12 @@
+import { FormError, FieldProps } from '../types';
+interface ReturnAdditional<Value> {
+    id: string;
+    value: Value;
+    error: Error | FormError | undefined;
+    setHasFocus: (hasFocus: boolean, valueOverride?: unknown) => void;
+    handleFocus: FieldProps<unknown>['onFocus'];
+    handleBlur: FieldProps<unknown>['onBlur'];
+    handleChange: FieldProps<unknown>['onChange'];
+}
+export default function useDataValue<Value = unknown, Props extends FieldProps<Value> = FieldProps<Value>>(props: Props): Props & ReturnAdditional<Value>;
+export {};

package/{extensions/forms/Field/hooks/useField.js → es/extensions/forms/hooks/useDataValue.js}

@@ -3,14 +3,16 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 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 { useRef, useEffect, useContext, useCallback, useMemo, useState } from 'react';
 import pointer from 'json-pointer';
-import { FormError } from '../../types';
-import ajv, { ajvErrorsToOneFormError } from '../../utils/ajv';
-import DataContext from '../../DataContext';
-import { FieldGroupContext } from '../../FieldGroup';
-import { makeUniqueId } from '../../../../shared/component-helper';
-export default function useField(props) {
+import { FormError } from '../types';
+import ajv, { ajvErrorsToOneFormError } from '../utils/ajv';
+import DataContext from '../DataContext';
+import FieldBlockContext from '../FieldBlock/FieldBlockContext';
+import IterateElementContext from '../Iterate/IterateElementContext';
+import { makeUniqueId } from '../../../shared/component-helper';
+export default function useDataValue(props) {
   const {
     path,
+    elementPath,
     emptyValue,
     required,
     error: errorProp,
@@ -28,23 +30,51 @@ export default function useField(props) {
   } = props;
   const id = useMemo(() => props.id ?? makeUniqueId(), [props.id]);
   const dataContext = useContext(DataContext.Context);
-  const fieldGroupContext = useContext(FieldGroupContext);
-  const inFieldGroup = Boolean(fieldGroupContext);
-  const {
-    setFieldError: setFieldGroupError,
-    setShowFieldError: setShowFieldGroupError
-  } = fieldGroupContext ?? {};
+  const fieldBlockContext = useContext(FieldBlockContext);
+  const iterateElementContext = useContext(IterateElementContext);
   const {
     handlePathChange: dataContextHandlePathChange,
     setPathWithError: dataContextSetPathWithError,
     errors: dataContextErrors
   } = dataContext ?? {};
+  const inFieldBlock = Boolean(fieldBlockContext);
+  const {
+    setError: setFieldBlockError,
+    setShowError: setShowFieldBlockError
+  } = fieldBlockContext ?? {};
+  const inIterate = Boolean(iterateElementContext);
+  const {
+    index: iterateElementIndex,
+    value: iterateElementValue,
+    handleChange: handleIterateElementChange
+  } = iterateElementContext ?? {};
   if (path && path.substring(0, 1) !== '/') {
-    throw new Error('Invalid path. Input path JSON Pointers  must be from root (starting with a /).');
+    throw new Error('Invalid path. Data value path JSON Pointers must be from root (starting with a /).');
+  }
+  if (elementPath && elementPath.substring(0, 1) !== '/') {
+    throw new Error('Invalid elementPath. Element pathJSON Pointers must be from root of iterate element (starting with a /).');
+  }
+  if (elementPath && !iterateElementContext) {
+    throw new Error('elementPath cannot be used when not inside an iterate element context. Wrap the component in an Iterate.Loop.');
   }
   const externalValue = useMemo(() => {
-    return props.value ?? (dataContext.data && path !== undefined && pointer.has(dataContext.data, path) ? pointer.get(dataContext.data, path) : undefined);
-  }, [path, props.value, dataContext.data]);
+    if (props.value !== undefined) {
+      return props.value;
+    }
+    if (inIterate && elementPath) {
+      if (elementPath === '/') {
+        return iterateElementValue;
+      }
+      return pointer.has(iterateElementValue, elementPath) ? pointer.get(iterateElementValue, elementPath) : undefined;
+    }
+    if (dataContext.data && path) {
+      if (path === '/') {
+        return dataContext.data;
+      }
+      return pointer.has(dataContext.data, path) ? pointer.get(dataContext.data, path) : undefined;
+    }
+    return undefined;
+  }, [path, elementPath, inIterate, iterateElementValue, props.value, dataContext.data]);
   const [value, setValue] = useState(externalValue);
   const changedRef = useRef(false);
   useEffect(() => {
@@ -59,8 +89,8 @@ export default function useField(props) {
     if (path) {
       dataContextSetPathWithError === null || dataContextSetPathWithError === void 0 ? void 0 : dataContextSetPathWithError(path, Boolean(error));
     }
-    setFieldGroupError === null || setFieldGroupError === void 0 ? void 0 : setFieldGroupError(path ?? id, errorWithCorrectMessage);
-  }, [path, id, errorMessages, dataContextSetPathWithError, setFieldGroupError]);
+    setFieldBlockError === null || setFieldBlockError === void 0 ? void 0 : setFieldBlockError(path ?? id, errorWithCorrectMessage);
+  }, [path, id, errorMessages, dataContextSetPathWithError, setFieldBlockError]);
   const validateValue = useCallback(valueToValidate => {
     if (typeof validator === 'function') {
       Promise.resolve(validator(valueToValidate)).then(setErrorAndUpdateDataContext);
@@ -93,9 +123,9 @@ export default function useField(props) {
   useEffect(() => {
     if (dataContext.showAllErrors) {
       setShowError(true);
-      setShowFieldGroupError === null || setShowFieldGroupError === void 0 ? void 0 : setShowFieldGroupError(path ?? id, true);
+      setShowFieldBlockError === null || setShowFieldBlockError === void 0 ? void 0 : setShowFieldBlockError(path ?? id, true);
     }
-  }, [id, path, dataContext.showAllErrors, setShowFieldGroupError]);
+  }, [id, path, dataContext.showAllErrors, setShowFieldBlockError]);
   const setHasFocus = useCallback((hasFocus, valueOverride) => {
     if (hasFocus) {
       onFocus === null || onFocus === void 0 ? void 0 : onFocus(valueOverride ?? value);
@@ -108,9 +138,9 @@ export default function useField(props) {
         Promise.resolve(onBlurValidator(valueOverride ?? value)).then(setErrorAndUpdateDataContext);
       }
       setShowError(true);
-      setShowFieldGroupError === null || setShowFieldGroupError === void 0 ? void 0 : setShowFieldGroupError(path ?? id, true);
+      setShowFieldBlockError === null || setShowFieldBlockError === void 0 ? void 0 : setShowFieldBlockError(path ?? id, true);
     }
-  }, [id, path, value, validateUnchanged, onFocus, onBlur, onBlurValidator, setErrorAndUpdateDataContext, setShowFieldGroupError]);
+  }, [id, path, value, validateUnchanged, onFocus, onBlur, onBlurValidator, setErrorAndUpdateDataContext, setShowFieldBlockError]);
   const handleFocus = useCallback(() => setHasFocus(true), [setHasFocus]);
   const handleBlur = useCallback(() => setHasFocus(false), [setHasFocus]);
   const handleChange = useCallback(argFromInput => {
@@ -121,13 +151,17 @@ export default function useField(props) {
     setValue(newValue);
     changedRef.current = true;
     setShowError(false);
-    setShowFieldGroupError === null || setShowFieldGroupError === void 0 ? void 0 : setShowFieldGroupError(path ?? id, false);
+    setShowFieldBlockError === null || setShowFieldBlockError === void 0 ? void 0 : setShowFieldBlockError(path ?? id, false);
     validateValue(newValue);
     onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
     if (path) {
       dataContextHandlePathChange === null || dataContextHandlePathChange === void 0 ? void 0 : dataContextHandlePathChange(path, newValue);
     }
-  }, [id, path, value, onChange, validateValue, dataContextHandlePathChange, setShowFieldGroupError, fromInput]);
+    if (elementPath) {
+      const iteratValuePath = `/${iterateElementIndex}${elementPath && elementPath !== '/' ? elementPath : ''}`;
+      handleIterateElementChange === null || handleIterateElementChange === void 0 ? void 0 : handleIterateElementChange(iteratValuePath, newValue);
+    }
+  }, [id, path, elementPath, iterateElementIndex, value, onChange, validateValue, dataContextHandlePathChange, setShowFieldBlockError, handleIterateElementChange, fromInput]);
   const exportError = useMemo(() => errorProp ?? error, [errorProp, error]);
   useEffect(() => {
     if (path) {
@@ -143,11 +177,11 @@ export default function useField(props) {
   return _objectSpread(_objectSpread({}, props), {}, {
     id,
     value: toInput(value),
-    error: inFieldGroup ? undefined : showError ? exportError : undefined,
+    error: inFieldBlock ? undefined : showError ? exportError : undefined,
     setHasFocus,
     handleFocus,
     handleBlur,
     handleChange
   });
 }
-//# sourceMappingURL=useField.js.map
+//# sourceMappingURL=useDataValue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDataValue.js","names":["useRef","useEffect","useContext","useCallback","useMemo","useState","pointer","FormError","ajv","ajvErrorsToOneFormError","DataContext","FieldBlockContext","IterateElementContext","makeUniqueId","useDataValue","props","path","elementPath","emptyValue","required","error","errorProp","onFocus","onBlur","onChange","validator","onBlurValidator","schema","errorMessages","validateInitially","validateUnchanged","toInput","value","fromInput","id","dataContext","Context","fieldBlockContext","iterateElementContext","handlePathChange","dataContextHandlePathChange","setPathWithError","dataContextSetPathWithError","errors","dataContextErrors","inFieldBlock","Boolean","setError","setFieldBlockError","setShowError","setShowFieldBlockError","inIterate","index","iterateElementIndex","iterateElementValue","handleChange","handleIterateElementChange","substring","Error","externalValue","undefined","has","get","data","setValue","changedRef","showError","schemaValidator","Object","keys","length","compile","setErrorAndUpdateDataContext","errorWithCorrectMessage","validationRule","validateValue","valueToValidate","Promise","resolve","then","showAllErrors","setHasFocus","hasFocus","valueOverride","current","handleFocus","handleBlur","argFromInput","newValue","iteratValuePath","exportError","handleMountField","handleUnMountField","_objectSpread"],"sources":["../../../../../src/extensions/forms/hooks/useDataValue.ts"],"sourcesContent":["import {\n  useRef,\n  useEffect,\n  useContext,\n  useCallback,\n  useMemo,\n  useState,\n} from 'react'\nimport pointer from 'json-pointer'\nimport { FormError, FieldProps } from '../types'\nimport ajv, { ajvErrorsToOneFormError } from '../utils/ajv'\nimport DataContext from '../DataContext'\nimport FieldBlockContext from '../FieldBlock/FieldBlockContext'\nimport IterateElementContext from '../Iterate/IterateElementContext'\nimport { makeUniqueId } from '../../../shared/component-helper'\n\ninterface ReturnAdditional<Value> {\n  id: string\n  value: Value\n  error: Error | FormError | undefined\n  setHasFocus: (hasFocus: boolean, valueOverride?: unknown) => void\n  handleFocus: FieldProps<unknown>['onFocus']\n  handleBlur: FieldProps<unknown>['onBlur']\n  handleChange: FieldProps<unknown>['onChange']\n}\n\nexport default function useDataValue<\n  Value = unknown,\n  Props extends FieldProps<Value> = FieldProps<Value>,\n>(props: Props): Props & ReturnAdditional<Value> {\n  const {\n    path,\n    elementPath,\n    emptyValue,\n    required,\n    error: errorProp,\n    onFocus,\n    onBlur,\n    onChange,\n    validator,\n    onBlurValidator,\n    schema,\n    errorMessages,\n    validateInitially,\n    validateUnchanged,\n    toInput = (value) => value,\n    fromInput = (value) => value,\n  } = props\n  const id = useMemo(() => props.id ?? makeUniqueId(), [props.id])\n  const dataContext = useContext(DataContext.Context)\n  const fieldBlockContext = useContext(FieldBlockContext)\n  const iterateElementContext = useContext(IterateElementContext)\n\n  const {\n    handlePathChange: dataContextHandlePathChange,\n    setPathWithError: dataContextSetPathWithError,\n    errors: dataContextErrors,\n  } = dataContext ?? {}\n  const inFieldBlock = Boolean(fieldBlockContext)\n  const {\n    setError: setFieldBlockError,\n    setShowError: setShowFieldBlockError,\n  } = fieldBlockContext ?? {}\n  const inIterate = Boolean(iterateElementContext)\n  const {\n    index: iterateElementIndex,\n    value: iterateElementValue,\n    handleChange: handleIterateElementChange,\n  } = iterateElementContext ?? {}\n\n  if (path && path.substring(0, 1) !== '/') {\n    throw new Error(\n      'Invalid path. Data value path JSON Pointers must be from root (starting with a /).'\n    )\n  }\n  if (elementPath && elementPath.substring(0, 1) !== '/') {\n    throw new Error(\n      'Invalid elementPath. Element pathJSON Pointers must be from root of iterate element (starting with a /).'\n    )\n  }\n  if (elementPath && !iterateElementContext) {\n    throw new Error(\n      'elementPath cannot be used when not inside an iterate element context. Wrap the component in an Iterate.Loop.'\n    )\n  }\n\n  const externalValue = useMemo(() => {\n    if (props.value !== undefined) {\n      // Value-prop sent directly to the field has highest priority, overriding any surrounding source\n      return props.value\n    }\n\n    if (inIterate && elementPath) {\n      // This field is inside an iterate, and has a pointer from the base of the element being iterated\n      if (elementPath === '/') {\n        return iterateElementValue\n      }\n\n      return pointer.has(iterateElementValue, elementPath)\n        ? pointer.get(iterateElementValue, elementPath)\n        : undefined\n    }\n\n    if (dataContext.data && path) {\n      // There is a surrounding data context and a path for where in the source to find the data\n      if (path === '/') {\n        return dataContext.data\n      }\n\n      return pointer.has(dataContext.data, path)\n        ? pointer.get(dataContext.data, path)\n        : undefined\n    }\n    return undefined\n  }, [\n    path,\n    elementPath,\n    inIterate,\n    iterateElementValue,\n    props.value,\n    dataContext.data,\n  ])\n\n  // Hold an internal copy of the input value in case the input component is used uncontrolled,\n  // and to handle errors in Eufemia on components that does not take updated callback functions into account.\n  const [value, setValue] = useState(externalValue)\n  const changedRef = useRef(false)\n\n  useEffect(() => {\n    // When receiving the initial value, or receiving an updated value by props, update the internal value\n    // so the component can be used \"controlled\".\n    setValue(externalValue)\n  }, [externalValue])\n\n  // Error handling\n  const [error, setError] = useState<Error | FormError | undefined>()\n  const [showError, setShowError] = useState<boolean>(\n    Boolean(validateInitially || errorProp)\n  )\n  const schemaValidator = useMemo(\n    () =>\n      schema && Object.keys(schema).length > 0\n        ? ajv.compile(schema)\n        : undefined,\n    [schema]\n  )\n\n  const setErrorAndUpdateDataContext = useCallback(\n    (error: FormError | undefined) => {\n      const errorWithCorrectMessage =\n        error instanceof FormError &&\n        typeof error.validationRule === 'string' &&\n        errorMessages?.[error.validationRule] !== undefined\n          ? new FormError(errorMessages[error.validationRule])\n          : error\n\n      setError(errorWithCorrectMessage)\n\n      if (path) {\n        // Tell the data context about the error, so it can stop the user from submitting the form until the error has been fixed\n        dataContextSetPathWithError?.(path, Boolean(error))\n      }\n\n      setFieldBlockError?.(path ?? id, errorWithCorrectMessage)\n    },\n    [\n      path,\n      id,\n      errorMessages,\n      dataContextSetPathWithError,\n      setFieldBlockError,\n    ]\n  )\n\n  const validateValue = useCallback(\n    (valueToValidate): FormError | undefined => {\n      // Prioritize received validator functions first\n      // Possible future change: Merge errors if multiple, like one message with each message concatinated.\n      if (typeof validator === 'function') {\n        // Since the validator can return either a synchronous result or an asynchronous\n        Promise.resolve(validator(valueToValidate))\n          // This is a validator, so it is expected to resolve with an error when the value is invalid. If it\n          // throws an error, it is not caught here as that will cause programmatic errors to show inside the form\n          // as if they were operational errors.\n          .then(setErrorAndUpdateDataContext)\n      }\n\n      if (valueToValidate === emptyValue && required) {\n        const error = new FormError('The value is required', {\n          validationRule: 'required',\n        })\n        setErrorAndUpdateDataContext(error)\n        return error\n      } else if (schemaValidator) {\n        // This input has a direct schema (through props)\n        if (valueToValidate === undefined && emptyValue === undefined) {\n          // Avoid validating undefined-values if they are expected (set with emptyValue) as they will\n          // usually fail against json-schema type\n          setErrorAndUpdateDataContext(undefined)\n          return undefined\n        }\n        schemaValidator(valueToValidate)\n        const error = ajvErrorsToOneFormError(schemaValidator.errors)\n        setErrorAndUpdateDataContext(error)\n        return error\n      } else {\n        // Removing any previous error from required\n        setErrorAndUpdateDataContext(undefined)\n        return undefined\n      }\n    },\n    [\n      schemaValidator,\n      emptyValue,\n      required,\n      setErrorAndUpdateDataContext,\n      validator,\n    ]\n  )\n\n  useEffect(() => {\n    // If a surrounding data context has an error for this field (by path) and no error has been set by local component validation, use the data context error\n    if (!error && path && dataContextErrors?.[path]) {\n      setErrorAndUpdateDataContext(dataContextErrors[path])\n    }\n  }, [path, dataContextErrors, error, setErrorAndUpdateDataContext])\n\n  useEffect(() => {\n    if (dataContext.showAllErrors) {\n      // If showError on a surrounding data context was changed and set to true, it is because the user clicked next, submit or\n      // something else that should lead to showing the user all errors.\n      setShowError(true)\n      setShowFieldBlockError?.(path ?? id, true)\n    }\n  }, [id, path, dataContext.showAllErrors, setShowFieldBlockError])\n\n  const setHasFocus = useCallback(\n    (hasFocus: boolean, valueOverride?: unknown) => {\n      if (hasFocus) {\n        // Field was put in focus (like when clicking in a text field or opening a dropdown menu)\n        onFocus?.(valueOverride ?? value)\n      } else {\n        // Field was removed from focus (like when tabbing out of a text field or closing a dropdown menu)\n        onBlur?.(valueOverride ?? value)\n\n        if (!changedRef.current && !validateUnchanged) {\n          // Avoid showing errors when blurring without havinc hanged the value, so tabbing through several\n          // fields does not make errors pop up all over the place\n          return\n        }\n\n        // External blur validators makes it possible to validate values but not on every character change in case of\n        // expensive validation calling external services etc.\n        if (typeof onBlurValidator === 'function') {\n          // Since the validator can return either a synchronous result or an asynchronous\n          Promise.resolve(onBlurValidator(valueOverride ?? value))\n            // This is a validator, so it is expected to resolve with an error when the value is invalid. If it\n            // throws an error, it is not caught here as that will cause programmatic errors to show inside the form\n            // as if they were operational errors.\n            .then(setErrorAndUpdateDataContext)\n        }\n\n        // Since the user left the field, show error (if any)\n        setShowError(true)\n        setShowFieldBlockError?.(path ?? id, true)\n      }\n    },\n    [\n      id,\n      path,\n      value,\n      validateUnchanged,\n      onFocus,\n      onBlur,\n      onBlurValidator,\n      setErrorAndUpdateDataContext,\n      setShowFieldBlockError,\n    ]\n  )\n\n  const handleFocus = useCallback(() => setHasFocus(true), [setHasFocus])\n  const handleBlur = useCallback(() => setHasFocus(false), [setHasFocus])\n\n  const handleChange = useCallback(\n    (argFromInput) => {\n      const newValue = fromInput(argFromInput)\n\n      if (newValue === value) {\n        // Avoid triggering a change if the value was not actually changed. This may be caused by rendering components\n        // calling onChange even if the actual value did not change.\n        return\n      }\n      setValue(newValue)\n      changedRef.current = true\n      // When changing the value, hide errors to avoid annoying the user before they are finished filling in that value\n      setShowError(false)\n      setShowFieldBlockError?.(path ?? id, false)\n      // Always validate the value immediately when it is changed\n      validateValue(newValue)\n\n      // Tell any parent data context about the error, so they can take it into consideration when a submit button is clicked for instance\n      onChange?.(newValue)\n      if (path) {\n        dataContextHandlePathChange?.(path, newValue)\n      }\n      if (elementPath) {\n        const iteratValuePath = `/${iterateElementIndex}${\n          elementPath && elementPath !== '/' ? elementPath : ''\n        }`\n        handleIterateElementChange?.(iteratValuePath, newValue)\n      }\n    },\n    [\n      id,\n      path,\n      elementPath,\n      iterateElementIndex,\n      value,\n      onChange,\n      validateValue,\n      dataContextHandlePathChange,\n      setShowFieldBlockError,\n      handleIterateElementChange,\n      fromInput,\n    ]\n  )\n\n  const exportError = useMemo(() => errorProp ?? error, [errorProp, error])\n\n  useEffect(() => {\n    // Mount procedure\n    if (path) {\n      dataContext?.handleMountField(path)\n    }\n    validateValue(externalValue)\n\n    return () => {\n      // Unmount procedure\n      if (path) {\n        dataContext?.handleUnMountField(path)\n      }\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps -- Only run for mount and unmount\n  }, [])\n\n  return {\n    ...props,\n    id,\n    value: toInput(value),\n    error: inFieldBlock ? undefined : showError ? exportError : undefined,\n    setHasFocus,\n    handleFocus,\n    handleBlur,\n    handleChange,\n  }\n}\n"],"mappings":"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"}

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

@@ -1,10 +1,10 @@
-export type { FieldProps } from './field-types';
-export type { ValueProps } from './value-types';
-export { useField } from './Field/hooks';
+export type { FieldProps, ValueProps } from './types';
+export { useDataValue } from './hooks';
 export { default as FieldBlock } from './FieldBlock';
 export { default as Field } from './Field';
-export { useValue } from './Value/hooks';
+export { default as Iterate } from './Iterate';
 export { default as ValueBlock } from './ValueBlock';
+export { default as Form } from './Form';
 export { default as Value } from './Value';
 export { default as Layout } from './Layout';
 export { default as StepsLayout, StepsContext } from './StepsLayout';

package/es/extensions/forms/index.js

@@ -1,8 +1,9 @@
-export { useField } from './Field/hooks';
+export { useDataValue } from './hooks';
 export { default as FieldBlock } from './FieldBlock';
 export { default as Field } from './Field';
-export { useValue } from './Value/hooks';
+export { default as Iterate } from './Iterate';
 export { default as ValueBlock } from './ValueBlock';
+export { default as Form } from './Form';
 export { default as Value } from './Value';
 export { default as Layout } from './Layout';
 export { default as StepsLayout, StepsContext } from './StepsLayout';

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["useField","default","FieldBlock","Field","useValue","ValueBlock","Value","Layout","StepsLayout","StepsContext","DataContext","Visibility"],"sources":["../../../../src/extensions/forms/index.ts"],"sourcesContent":["export type { FieldProps } from './field-types'\nexport type { ValueProps } from './value-types'\nexport { useField } from './Field/hooks'\nexport { default as FieldBlock } from './FieldBlock'\nexport { default as Field } from './Field'\nexport { useValue } from './Value/hooks'\nexport { default as ValueBlock } from './ValueBlock'\nexport { default as Value } from './Value'\nexport { default as Layout } from './Layout'\nexport { default as StepsLayout, StepsContext } from './StepsLayout'\nexport { default as DataContext } from './DataContext'\nexport { default as Visibility } from './Visibility'\nexport * from './utils'\n"],"mappings":"AAEA,SAASA,QAAQ,QAAQ,eAAe;AACxC,SAASC,OAAO,IAAIC,UAAU,QAAQ,cAAc;AACpD,SAASD,OAAO,IAAIE,KAAK,QAAQ,SAAS;AAC1C,SAASC,QAAQ,QAAQ,eAAe;AACxC,SAASH,OAAO,IAAII,UAAU,QAAQ,cAAc;AACpD,SAASJ,OAAO,IAAIK,KAAK,QAAQ,SAAS;AAC1C,SAASL,OAAO,IAAIM,MAAM,QAAQ,UAAU;AAC5C,SAASN,OAAO,IAAIO,WAAW,EAAEC,YAAY,QAAQ,eAAe;AACpE,SAASR,OAAO,IAAIS,WAAW,QAAQ,eAAe;AACtD,SAAST,OAAO,IAAIU,UAAU,QAAQ,cAAc;AACpD,cAAc,SAAS"}
+{"version":3,"file":"index.js","names":["useDataValue","default","FieldBlock","Field","Iterate","ValueBlock","Form","Value","Layout","StepsLayout","StepsContext","DataContext","Visibility"],"sources":["../../../../src/extensions/forms/index.ts"],"sourcesContent":["export type { FieldProps, ValueProps } from './types'\nexport { useDataValue } from './hooks'\nexport { default as FieldBlock } from './FieldBlock'\nexport { default as Field } from './Field'\nexport { default as Iterate } from './Iterate'\nexport { default as ValueBlock } from './ValueBlock'\nexport { default as Form } from './Form'\nexport { default as Value } from './Value'\nexport { default as Layout } from './Layout'\nexport { default as StepsLayout, StepsContext } from './StepsLayout'\nexport { default as DataContext } from './DataContext'\nexport { default as Visibility } from './Visibility'\nexport * from './utils'\n"],"mappings":"AACA,SAASA,YAAY,QAAQ,SAAS;AACtC,SAASC,OAAO,IAAIC,UAAU,QAAQ,cAAc;AACpD,SAASD,OAAO,IAAIE,KAAK,QAAQ,SAAS;AAC1C,SAASF,OAAO,IAAIG,OAAO,QAAQ,WAAW;AAC9C,SAASH,OAAO,IAAII,UAAU,QAAQ,cAAc;AACpD,SAASJ,OAAO,IAAIK,IAAI,QAAQ,QAAQ;AACxC,SAASL,OAAO,IAAIM,KAAK,QAAQ,SAAS;AAC1C,SAASN,OAAO,IAAIO,MAAM,QAAQ,UAAU;AAC5C,SAASP,OAAO,IAAIQ,WAAW,EAAEC,YAAY,QAAQ,eAAe;AACpE,SAAST,OAAO,IAAIU,WAAW,QAAQ,eAAe;AACtD,SAASV,OAAO,IAAIW,UAAU,QAAQ,cAAc;AACpD,cAAc,SAAS"}