@dnb/eufemia 10.5.0 → 10.7.0

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

@@ -0,0 +1,20 @@
+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 React, { useContext } from 'react';
+import StringComponent from './String';
+import { format, cleanNumber } from '../../../components/number-format/NumberUtils';
+import SharedContext from '../../../shared/Context';
+function BankAccountNumber(props) {
+  const sharedContext = useContext(SharedContext);
+  const stringValueProps = _objectSpread(_objectSpread({}, props), {}, {
+    label: props.label ?? (props.inline ? undefined : sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.bankAccountNumberLabel),
+    prepare: value => format(cleanNumber(value), {
+      ban: true
+    }).toString()
+  });
+  return React.createElement(StringComponent, stringValueProps);
+}
+BankAccountNumber._supportsEufemiaSpacingProps = true;
+export default BankAccountNumber;
+//# sourceMappingURL=BankAccountNumber.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BankAccountNumber.js","names":["React","useContext","StringComponent","format","cleanNumber","SharedContext","BankAccountNumber","props","sharedContext","stringValueProps","_objectSpread","label","inline","undefined","translation","Forms","bankAccountNumberLabel","prepare","value","ban","toString","createElement","_supportsEufemiaSpacingProps"],"sources":["../../../../../src/extensions/forms/Value/BankAccountNumber.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport StringComponent, { Props as StringComponentProps } from './String'\nimport {\n  format,\n  cleanNumber,\n} from '../../../components/number-format/NumberUtils'\nimport SharedContext from '../../../shared/Context'\n\nexport type Props = StringComponentProps\n\nfunction BankAccountNumber(props: Props) {\n  const sharedContext = useContext(SharedContext)\n\n  const stringValueProps: Props = {\n    ...props,\n    label:\n      props.label ??\n      (props.inline\n        ? undefined\n        : sharedContext?.translation.Forms.bankAccountNumberLabel),\n    prepare: (value) =>\n      format(cleanNumber(value), {\n        ban: true,\n      }).toString(),\n  }\n  return <StringComponent {...stringValueProps} />\n}\n\nBankAccountNumber._supportsEufemiaSpacingProps = true\nexport default BankAccountNumber\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,eAAe,MAAyC,UAAU;AACzE,SACEC,MAAM,EACNC,WAAW,QACN,+CAA+C;AACtD,OAAOC,aAAa,MAAM,yBAAyB;AAInD,SAASC,iBAAiBA,CAACC,KAAY,EAAE;EACvC,MAAMC,aAAa,GAAGP,UAAU,CAACI,aAAa,CAAC;EAE/C,MAAMI,gBAAuB,GAAAC,aAAA,CAAAA,aAAA,KACxBH,KAAK;IACRI,KAAK,EACHJ,KAAK,CAACI,KAAK,KACVJ,KAAK,CAACK,MAAM,GACTC,SAAS,GACTL,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEM,WAAW,CAACC,KAAK,CAACC,sBAAsB,CAAC;IAC9DC,OAAO,EAAGC,KAAK,IACbf,MAAM,CAACC,WAAW,CAACc,KAAK,CAAC,EAAE;MACzBC,GAAG,EAAE;IACP,CAAC,CAAC,CAACC,QAAQ,CAAC;EAAC,EAChB;EACD,OAAOpB,KAAA,CAAAqB,aAAA,CAACnB,eAAe,EAAKO,gBAAmB,CAAC;AAClD;AAEAH,iBAAiB,CAACgB,4BAA4B,GAAG,IAAI;AACrD,eAAehB,iBAAiB"}

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

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

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

@@ -0,0 +1,27 @@
+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 SharedContext from '../../../shared/Context';
+function BooleanComponent(props) {
+  const sharedContext = useContext(SharedContext);
+  const {
+    className,
+    label,
+    placeholder,
+    showEmpty,
+    value,
+    inline
+  } = useValue(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);
+}
+BooleanComponent._supportsEufemiaSpacingProps = true;
+export default BooleanComponent;
+//# sourceMappingURL=Boolean.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,7 @@
+import { Props as NumberComponentProps } from './Number';
+export type Props = NumberComponentProps;
+declare function Currency(props: Props): import("react/jsx-runtime").JSX.Element;
+declare namespace Currency {
+    var _supportsEufemiaSpacingProps: boolean;
+}
+export default Currency;

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

@@ -0,0 +1,16 @@
+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 React from 'react';
+import NumberComponent from './Number';
+function Currency(props) {
+  const numberProps = _objectSpread(_objectSpread({}, props), {}, {
+    label: props.label,
+    thousandSeparator: props.thousandSeparator ?? ' ',
+    suffix: props.suffix ?? ' kr'
+  });
+  return React.createElement(NumberComponent, numberProps);
+}
+Currency._supportsEufemiaSpacingProps = true;
+export default Currency;
+//# sourceMappingURL=Currency.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Currency.js","names":["React","NumberComponent","Currency","props","numberProps","_objectSpread","label","thousandSeparator","suffix","createElement","_supportsEufemiaSpacingProps"],"sources":["../../../../../src/extensions/forms/Value/Currency.tsx"],"sourcesContent":["import React from 'react'\nimport NumberComponent, { Props as NumberComponentProps } from './Number'\n\nexport type Props = NumberComponentProps\n\nfunction Currency(props: Props) {\n  const numberProps: Props = {\n    ...props,\n    label: props.label,\n    thousandSeparator: props.thousandSeparator ?? ' ',\n    suffix: props.suffix ?? ' kr',\n  }\n  return <NumberComponent {...numberProps} />\n}\n\nCurrency._supportsEufemiaSpacingProps = true\nexport default Currency\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,eAAe,MAAyC,UAAU;AAIzE,SAASC,QAAQA,CAACC,KAAY,EAAE;EAC9B,MAAMC,WAAkB,GAAAC,aAAA,CAAAA,aAAA,KACnBF,KAAK;IACRG,KAAK,EAAEH,KAAK,CAACG,KAAK;IAClBC,iBAAiB,EAAEJ,KAAK,CAACI,iBAAiB,IAAI,GAAG;IACjDC,MAAM,EAAEL,KAAK,CAACK,MAAM,IAAI;EAAK,EAC9B;EACD,OAAOR,KAAA,CAAAS,aAAA,CAACR,eAAe,EAAKG,WAAc,CAAC;AAC7C;AAEAF,QAAQ,CAACQ,4BAA4B,GAAG,IAAI;AAC5C,eAAeR,QAAQ"}

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

@@ -0,0 +1,7 @@
+import { Props as StringComponentProps } from './String';
+export type Props = StringComponentProps;
+declare function DateComponent(props: Props): import("react/jsx-runtime").JSX.Element;
+declare namespace DateComponent {
+    var _supportsEufemiaSpacingProps: boolean;
+}
+export default DateComponent;

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

@@ -0,0 +1,16 @@
+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 React, { useContext } from 'react';
+import StringComponent from './String';
+import SharedContext from '../../../shared/Context';
+function DateComponent(props) {
+  const sharedContext = useContext(SharedContext);
+  const stringProps = _objectSpread(_objectSpread({}, props), {}, {
+    label: props.label ?? (sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.dateLabel)
+  });
+  return React.createElement(StringComponent, stringProps);
+}
+DateComponent._supportsEufemiaSpacingProps = true;
+export default DateComponent;
+//# sourceMappingURL=Date.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Date.js","names":["React","useContext","StringComponent","SharedContext","DateComponent","props","sharedContext","stringProps","_objectSpread","label","translation","Forms","dateLabel","createElement","_supportsEufemiaSpacingProps"],"sources":["../../../../../src/extensions/forms/Value/Date.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport StringComponent, { Props as StringComponentProps } from './String'\nimport SharedContext from '../../../shared/Context'\n\nexport type Props = StringComponentProps\n\nfunction DateComponent(props: Props) {\n  const sharedContext = useContext(SharedContext)\n\n  const stringProps: Props = {\n    ...props,\n    label: props.label ?? sharedContext?.translation.Forms.dateLabel,\n  }\n  return <StringComponent {...stringProps} />\n}\n\nDateComponent._supportsEufemiaSpacingProps = true\nexport default DateComponent\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,eAAe,MAAyC,UAAU;AACzE,OAAOC,aAAa,MAAM,yBAAyB;AAInD,SAASC,aAAaA,CAACC,KAAY,EAAE;EACnC,MAAMC,aAAa,GAAGL,UAAU,CAACE,aAAa,CAAC;EAE/C,MAAMI,WAAkB,GAAAC,aAAA,CAAAA,aAAA,KACnBH,KAAK;IACRI,KAAK,EAAEJ,KAAK,CAACI,KAAK,KAAIH,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEI,WAAW,CAACC,KAAK,CAACC,SAAS;EAAA,EACjE;EACD,OAAOZ,KAAA,CAAAa,aAAA,CAACX,eAAe,EAAKK,WAAc,CAAC;AAC7C;AAEAH,aAAa,CAACU,4BAA4B,GAAG,IAAI;AACjD,eAAeV,aAAa"}

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

@@ -0,0 +1,7 @@
+import { Props as StringComponentProps } from './String';
+export type Props = StringComponentProps;
+declare function Email(props: Props): import("react/jsx-runtime").JSX.Element;
+declare namespace Email {
+    var _supportsEufemiaSpacingProps: boolean;
+}
+export default Email;

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

@@ -0,0 +1,16 @@
+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 React, { useContext } from 'react';
+import StringComponent from './String';
+import SharedContext from '../../../shared/Context';
+function Email(props) {
+  const sharedContext = useContext(SharedContext);
+  const stringProps = _objectSpread(_objectSpread({}, props), {}, {
+    label: props.label ?? (sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.emailLabel)
+  });
+  return React.createElement(StringComponent, stringProps);
+}
+Email._supportsEufemiaSpacingProps = true;
+export default Email;
+//# sourceMappingURL=Email.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Email.js","names":["React","useContext","StringComponent","SharedContext","Email","props","sharedContext","stringProps","_objectSpread","label","translation","Forms","emailLabel","createElement","_supportsEufemiaSpacingProps"],"sources":["../../../../../src/extensions/forms/Value/Email.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport StringComponent, { Props as StringComponentProps } from './String'\nimport SharedContext from '../../../shared/Context'\n\nexport type Props = StringComponentProps\n\nfunction Email(props: Props) {\n  const sharedContext = useContext(SharedContext)\n\n  const stringProps: Props = {\n    ...props,\n    label: props.label ?? sharedContext?.translation.Forms.emailLabel,\n  }\n  return <StringComponent {...stringProps} />\n}\n\nEmail._supportsEufemiaSpacingProps = true\nexport default Email\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,eAAe,MAAyC,UAAU;AACzE,OAAOC,aAAa,MAAM,yBAAyB;AAInD,SAASC,KAAKA,CAACC,KAAY,EAAE;EAC3B,MAAMC,aAAa,GAAGL,UAAU,CAACE,aAAa,CAAC;EAE/C,MAAMI,WAAkB,GAAAC,aAAA,CAAAA,aAAA,KACnBH,KAAK;IACRI,KAAK,EAAEJ,KAAK,CAACI,KAAK,KAAIH,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEI,WAAW,CAACC,KAAK,CAACC,UAAU;EAAA,EAClE;EACD,OAAOZ,KAAA,CAAAa,aAAA,CAACX,eAAe,EAAKK,WAAc,CAAC;AAC7C;AAEAH,KAAK,CAACU,4BAA4B,GAAG,IAAI;AACzC,eAAeV,KAAK"}

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

@@ -0,0 +1,7 @@
+import { Props as StringComponentProps } from './String';
+export type Props = StringComponentProps;
+declare function FirstName(props: Props): import("react/jsx-runtime").JSX.Element;
+declare namespace FirstName {
+    var _supportsEufemiaSpacingProps: boolean;
+}
+export default FirstName;

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

@@ -0,0 +1,16 @@
+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 React, { useContext } from 'react';
+import StringComponent from './String';
+import SharedContext from '../../../shared/Context';
+function FirstName(props) {
+  const sharedContext = useContext(SharedContext);
+  const stringValueProps = _objectSpread(_objectSpread({}, props), {}, {
+    label: props.label ?? (sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.firstNameLabel)
+  });
+  return React.createElement(StringComponent, stringValueProps);
+}
+FirstName._supportsEufemiaSpacingProps = true;
+export default FirstName;
+//# sourceMappingURL=FirstName.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FirstName.js","names":["React","useContext","StringComponent","SharedContext","FirstName","props","sharedContext","stringValueProps","_objectSpread","label","translation","Forms","firstNameLabel","createElement","_supportsEufemiaSpacingProps"],"sources":["../../../../../src/extensions/forms/Value/FirstName.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport StringComponent, { Props as StringComponentProps } from './String'\nimport SharedContext from '../../../shared/Context'\n\nexport type Props = StringComponentProps\n\nfunction FirstName(props: Props) {\n  const sharedContext = useContext(SharedContext)\n\n  const stringValueProps: Props = {\n    ...props,\n    label: props.label ?? sharedContext?.translation.Forms.firstNameLabel,\n  }\n  return <StringComponent {...stringValueProps} />\n}\n\nFirstName._supportsEufemiaSpacingProps = true\nexport default FirstName\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,eAAe,MAAyC,UAAU;AACzE,OAAOC,aAAa,MAAM,yBAAyB;AAInD,SAASC,SAASA,CAACC,KAAY,EAAE;EAC/B,MAAMC,aAAa,GAAGL,UAAU,CAACE,aAAa,CAAC;EAE/C,MAAMI,gBAAuB,GAAAC,aAAA,CAAAA,aAAA,KACxBH,KAAK;IACRI,KAAK,EAAEJ,KAAK,CAACI,KAAK,KAAIH,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEI,WAAW,CAACC,KAAK,CAACC,cAAc;EAAA,EACtE;EACD,OAAOZ,KAAA,CAAAa,aAAA,CAACX,eAAe,EAAKK,gBAAmB,CAAC;AAClD;AAEAH,SAAS,CAACU,4BAA4B,GAAG,IAAI;AAC7C,eAAeV,SAAS"}

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

@@ -0,0 +1,7 @@
+import { Props as StringComponentProps } from './String';
+export type Props = StringComponentProps;
+declare function LastName(props: Props): import("react/jsx-runtime").JSX.Element;
+declare namespace LastName {
+    var _supportsEufemiaSpacingProps: boolean;
+}
+export default LastName;

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

@@ -0,0 +1,16 @@
+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 React, { useContext } from 'react';
+import StringComponent from './String';
+import SharedContext from '../../../shared/Context';
+function LastName(props) {
+  const sharedContext = useContext(SharedContext);
+  const stringValueProps = _objectSpread(_objectSpread({}, props), {}, {
+    label: props.label ?? (sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.lastNameLabel)
+  });
+  return React.createElement(StringComponent, stringValueProps);
+}
+LastName._supportsEufemiaSpacingProps = true;
+export default LastName;
+//# sourceMappingURL=LastName.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LastName.js","names":["React","useContext","StringComponent","SharedContext","LastName","props","sharedContext","stringValueProps","_objectSpread","label","translation","Forms","lastNameLabel","createElement","_supportsEufemiaSpacingProps"],"sources":["../../../../../src/extensions/forms/Value/LastName.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport StringComponent, { Props as StringComponentProps } from './String'\nimport SharedContext from '../../../shared/Context'\n\nexport type Props = StringComponentProps\n\nfunction LastName(props: Props) {\n  const sharedContext = useContext(SharedContext)\n\n  const stringValueProps: Props = {\n    ...props,\n    label: props.label ?? sharedContext?.translation.Forms.lastNameLabel,\n  }\n  return <StringComponent {...stringValueProps} />\n}\n\nLastName._supportsEufemiaSpacingProps = true\nexport default LastName\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,eAAe,MAAyC,UAAU;AACzE,OAAOC,aAAa,MAAM,yBAAyB;AAInD,SAASC,QAAQA,CAACC,KAAY,EAAE;EAC9B,MAAMC,aAAa,GAAGL,UAAU,CAACE,aAAa,CAAC;EAE/C,MAAMI,gBAAuB,GAAAC,aAAA,CAAAA,aAAA,KACxBH,KAAK;IACRI,KAAK,EAAEJ,KAAK,CAACI,KAAK,KAAIH,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEI,WAAW,CAACC,KAAK,CAACC,aAAa;EAAA,EACrE;EACD,OAAOZ,KAAA,CAAAa,aAAA,CAACX,eAAe,EAAKK,gBAAmB,CAAC;AAClD;AAEAH,QAAQ,CAACU,4BAA4B,GAAG,IAAI;AAC5C,eAAeV,QAAQ"}

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

@@ -0,0 +1,7 @@
+import { Props as StringComponentProps } from './String';
+export type Props = StringComponentProps;
+declare function NationalIdentityNumber(props: Props): import("react/jsx-runtime").JSX.Element;
+declare namespace NationalIdentityNumber {
+    var _supportsEufemiaSpacingProps: boolean;
+}
+export default NationalIdentityNumber;

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

@@ -0,0 +1,20 @@
+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 React, { useContext } from 'react';
+import StringComponent from './String';
+import SharedContext from '../../../shared/Context';
+import { format, cleanNumber } from '../../../components/number-format/NumberUtils';
+function NationalIdentityNumber(props) {
+  const sharedContext = useContext(SharedContext);
+  const stringValueProps = _objectSpread(_objectSpread({}, props), {}, {
+    label: props.label ?? (props.inline ? undefined : sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.nationalIdentityNumberLabel),
+    prepare: value => format(cleanNumber(value), {
+      nin: true
+    }).toString()
+  });
+  return React.createElement(StringComponent, stringValueProps);
+}
+NationalIdentityNumber._supportsEufemiaSpacingProps = true;
+export default NationalIdentityNumber;
+//# sourceMappingURL=NationalIdentityNumber.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NationalIdentityNumber.js","names":["React","useContext","StringComponent","SharedContext","format","cleanNumber","NationalIdentityNumber","props","sharedContext","stringValueProps","_objectSpread","label","inline","undefined","translation","Forms","nationalIdentityNumberLabel","prepare","value","nin","toString","createElement","_supportsEufemiaSpacingProps"],"sources":["../../../../../src/extensions/forms/Value/NationalIdentityNumber.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport StringComponent, { Props as StringComponentProps } from './String'\nimport SharedContext from '../../../shared/Context'\nimport {\n  format,\n  cleanNumber,\n} from '../../../components/number-format/NumberUtils'\n\nexport type Props = StringComponentProps\n\nfunction NationalIdentityNumber(props: Props) {\n  const sharedContext = useContext(SharedContext)\n\n  const stringValueProps: Props = {\n    ...props,\n    label:\n      props.label ??\n      (props.inline\n        ? undefined\n        : sharedContext?.translation.Forms.nationalIdentityNumberLabel),\n    prepare: (value) =>\n      format(cleanNumber(value), {\n        nin: true,\n      }).toString(),\n  }\n  return <StringComponent {...stringValueProps} />\n}\n\nNationalIdentityNumber._supportsEufemiaSpacingProps = true\nexport default NationalIdentityNumber\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,eAAe,MAAyC,UAAU;AACzE,OAAOC,aAAa,MAAM,yBAAyB;AACnD,SACEC,MAAM,EACNC,WAAW,QACN,+CAA+C;AAItD,SAASC,sBAAsBA,CAACC,KAAY,EAAE;EAC5C,MAAMC,aAAa,GAAGP,UAAU,CAACE,aAAa,CAAC;EAE/C,MAAMM,gBAAuB,GAAAC,aAAA,CAAAA,aAAA,KACxBH,KAAK;IACRI,KAAK,EACHJ,KAAK,CAACI,KAAK,KACVJ,KAAK,CAACK,MAAM,GACTC,SAAS,GACTL,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEM,WAAW,CAACC,KAAK,CAACC,2BAA2B,CAAC;IACnEC,OAAO,EAAGC,KAAK,IACbd,MAAM,CAACC,WAAW,CAACa,KAAK,CAAC,EAAE;MACzBC,GAAG,EAAE;IACP,CAAC,CAAC,CAACC,QAAQ,CAAC;EAAC,EAChB;EACD,OAAOpB,KAAA,CAAAqB,aAAA,CAACnB,eAAe,EAAKO,gBAAmB,CAAC;AAClD;AAEAH,sBAAsB,CAACgB,4BAA4B,GAAG,IAAI;AAC1D,eAAehB,sBAAsB"}

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

@@ -0,0 +1,14 @@
+import type { ComponentProps } from '../component-types';
+import type { ValueProps } from '../value-types';
+export type Props = ComponentProps & ValueProps<number> & {
+    thousandSeparator?: string | true;
+    decimalSymbol?: string;
+    decimalLimit?: number;
+    prefix?: string;
+    suffix?: string;
+};
+declare function NumberComponent(props: Props): import("react/jsx-runtime").JSX.Element;
+declare namespace NumberComponent {
+    var _supportsEufemiaSpacingProps: boolean;
+}
+export default NumberComponent;

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

@@ -0,0 +1,36 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React from 'react';
+import { formatNumber, forwardSpaceProps } from '../utils';
+import ValueBlock from '../ValueBlock';
+import { useValue } from './hooks';
+function NumberComponent(props) {
+  const {
+    className,
+    label,
+    placeholder,
+    value,
+    inline,
+    showEmpty,
+    thousandSeparator,
+    decimalSymbol,
+    decimalLimit,
+    prefix,
+    suffix
+  } = useValue(props);
+  return React.createElement(ValueBlock, _extends({
+    className: className,
+    label: label,
+    showEmpty: showEmpty,
+    placeholder: placeholder,
+    inline: inline
+  }, forwardSpaceProps(props)), value !== undefined ? formatNumber(value, {
+    thousandSeparator: thousandSeparator === true ? ' ' : thousandSeparator,
+    decimalSymbol,
+    decimalLimit,
+    prefix,
+    suffix
+  }) : null);
+}
+NumberComponent._supportsEufemiaSpacingProps = true;
+export default NumberComponent;
+//# sourceMappingURL=Number.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,7 @@
+import { Props as StringComponentProps } from './String';
+export type Props = StringComponentProps;
+declare function PhoneNumber(props: Props): import("react/jsx-runtime").JSX.Element;
+declare namespace PhoneNumber {
+    var _supportsEufemiaSpacingProps: boolean;
+}
+export default PhoneNumber;

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

@@ -0,0 +1,20 @@
+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 React, { useContext } from 'react';
+import StringComponent from './String';
+import SharedContext from '../../../shared/Context';
+import { format, cleanNumber } from '../../../components/number-format/NumberUtils';
+function PhoneNumber(props) {
+  const sharedContext = useContext(SharedContext);
+  const stringValueProps = _objectSpread(_objectSpread({}, props), {}, {
+    label: props.label ?? (props.inline ? undefined : sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.phoneNumberLabel),
+    prepare: value => format(cleanNumber(value), {
+      phone: true
+    }).toString()
+  });
+  return React.createElement(StringComponent, stringValueProps);
+}
+PhoneNumber._supportsEufemiaSpacingProps = true;
+export default PhoneNumber;
+//# sourceMappingURL=PhoneNumber.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PhoneNumber.js","names":["React","useContext","StringComponent","SharedContext","format","cleanNumber","PhoneNumber","props","sharedContext","stringValueProps","_objectSpread","label","inline","undefined","translation","Forms","phoneNumberLabel","prepare","value","phone","toString","createElement","_supportsEufemiaSpacingProps"],"sources":["../../../../../src/extensions/forms/Value/PhoneNumber.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport StringComponent, { Props as StringComponentProps } from './String'\nimport SharedContext from '../../../shared/Context'\nimport {\n  format,\n  cleanNumber,\n} from '../../../components/number-format/NumberUtils'\n\nexport type Props = StringComponentProps\n\nfunction PhoneNumber(props: Props) {\n  const sharedContext = useContext(SharedContext)\n\n  const stringValueProps: Props = {\n    ...props,\n    label:\n      props.label ??\n      (props.inline\n        ? undefined\n        : sharedContext?.translation.Forms.phoneNumberLabel),\n    prepare: (value) =>\n      format(cleanNumber(value), {\n        phone: true,\n      }).toString(),\n  }\n  return <StringComponent {...stringValueProps} />\n}\n\nPhoneNumber._supportsEufemiaSpacingProps = true\nexport default PhoneNumber\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,eAAe,MAAyC,UAAU;AACzE,OAAOC,aAAa,MAAM,yBAAyB;AACnD,SACEC,MAAM,EACNC,WAAW,QACN,+CAA+C;AAItD,SAASC,WAAWA,CAACC,KAAY,EAAE;EACjC,MAAMC,aAAa,GAAGP,UAAU,CAACE,aAAa,CAAC;EAE/C,MAAMM,gBAAuB,GAAAC,aAAA,CAAAA,aAAA,KACxBH,KAAK;IACRI,KAAK,EACHJ,KAAK,CAACI,KAAK,KACVJ,KAAK,CAACK,MAAM,GACTC,SAAS,GACTL,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEM,WAAW,CAACC,KAAK,CAACC,gBAAgB,CAAC;IACxDC,OAAO,EAAGC,KAAK,IACbd,MAAM,CAACC,WAAW,CAACa,KAAK,CAAC,EAAE;MACzBC,KAAK,EAAE;IACT,CAAC,CAAC,CAACC,QAAQ,CAAC;EAAC,EAChB;EACD,OAAOpB,KAAA,CAAAqB,aAAA,CAACnB,eAAe,EAAKO,gBAAmB,CAAC;AAClD;AAEAH,WAAW,CAACgB,4BAA4B,GAAG,IAAI;AAC/C,eAAehB,WAAW"}

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

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

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

@@ -0,0 +1,26 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React from 'react';
+import ValueBlock from '../ValueBlock';
+import { forwardSpaceProps } from '../utils';
+import { useValue } from './hooks';
+function StringComponent(props) {
+  const {
+    className,
+    label,
+    placeholder,
+    value,
+    inline,
+    showEmpty,
+    prepare = value => value
+  } = useValue(props);
+  return React.createElement(ValueBlock, _extends({
+    className: className,
+    label: label,
+    showEmpty: showEmpty,
+    placeholder: placeholder,
+    inline: inline
+  }, forwardSpaceProps(props)), prepare(value));
+}
+StringComponent._supportsEufemiaSpacingProps = true;
+export default StringComponent;
+//# sourceMappingURL=String.js.map

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

@@ -0,0 +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"}

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

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

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

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

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

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

package/es/extensions/forms/Value/hooks/useValue.d.ts

@@ -0,0 +1,2 @@
+import type { ValueProps } from '../../value-types';
+export default function useValue<Props extends ValueProps<any>>(props: Props): Props;

package/es/extensions/forms/Value/hooks/useValue.js

@@ -0,0 +1,22 @@
+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 { useContext, useMemo } from 'react';
+import pointer from 'json-pointer';
+import DataContext from '../../DataContext';
+export default function useValue(props) {
+  const {
+    path
+  } = props;
+  const dataContext = useContext(DataContext.Context);
+  if (path && path.substring(0, 1) !== '/') {
+    throw new Error('Invalid path. Input path JSON Pointers  must be from root (starting with a /).');
+  }
+  const value = useMemo(() => {
+    return props.value ?? (dataContext.data && path !== undefined && pointer.has(dataContext.data, path) ? pointer.get(dataContext.data, path) : undefined);
+  }, [path, props.value, dataContext.data]);
+  return _objectSpread(_objectSpread({}, props), {}, {
+    value
+  });
+}
+//# sourceMappingURL=useValue.js.map

package/es/extensions/forms/Value/hooks/useValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useValue.js","names":["useContext","useMemo","pointer","DataContext","useValue","props","path","dataContext","Context","substring","Error","value","data","undefined","has","get","_objectSpread"],"sources":["../../../../../../src/extensions/forms/Value/hooks/useValue.ts"],"sourcesContent":["import { useContext, useMemo } from 'react'\nimport pointer from 'json-pointer'\nimport DataContext from '../../DataContext'\nimport type { ValueProps } from '../../value-types'\n\nexport default function useValue<Props extends ValueProps<any>>(\n  props: Props\n): Props {\n  const { path } = props\n  const dataContext = useContext(DataContext.Context)\n\n  if (path && path.substring(0, 1) !== '/') {\n    throw new Error(\n      'Invalid path. Input path JSON Pointers  must be from root (starting with a /).'\n    )\n  }\n\n  const value = useMemo(() => {\n    return (\n      props.value ??\n      (dataContext.data &&\n      path !== undefined &&\n      pointer.has(dataContext.data, path)\n        ? pointer.get(dataContext.data, path)\n        : undefined)\n    )\n  }, [path, props.value, dataContext.data])\n\n  return {\n    ...props,\n    value,\n  }\n}\n"],"mappings":";;;AAAA,SAASA,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAC3C,OAAOC,OAAO,MAAM,cAAc;AAClC,OAAOC,WAAW,MAAM,mBAAmB;AAG3C,eAAe,SAASC,QAAQA,CAC9BC,KAAY,EACL;EACP,MAAM;IAAEC;EAAK,CAAC,GAAGD,KAAK;EACtB,MAAME,WAAW,GAAGP,UAAU,CAACG,WAAW,CAACK,OAAO,CAAC;EAEnD,IAAIF,IAAI,IAAIA,IAAI,CAACG,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,GAAG,EAAE;IACxC,MAAM,IAAIC,KAAK,CACb,gFACF,CAAC;EACH;EAEA,MAAMC,KAAK,GAAGV,OAAO,CAAC,MAAM;IAC1B,OACEI,KAAK,CAACM,KAAK,KACVJ,WAAW,CAACK,IAAI,IACjBN,IAAI,KAAKO,SAAS,IAClBX,OAAO,CAACY,GAAG,CAACP,WAAW,CAACK,IAAI,EAAEN,IAAI,CAAC,GAC/BJ,OAAO,CAACa,GAAG,CAACR,WAAW,CAACK,IAAI,EAAEN,IAAI,CAAC,GACnCO,SAAS,CAAC;EAElB,CAAC,EAAE,CAACP,IAAI,EAAED,KAAK,CAACM,KAAK,EAAEJ,WAAW,CAACK,IAAI,CAAC,CAAC;EAEzC,OAAAI,aAAA,CAAAA,aAAA,KACKX,KAAK;IACRM;EAAK;AAET"}

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

@@ -0,0 +1,25 @@
+import StringComponent from './String';
+import NumberComponent from './Number';
+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';
+declare const Value: {
+    String: typeof StringComponent;
+    Number: typeof NumberComponent;
+    Boolean: typeof BooleanComponent;
+    Currency: typeof Currency;
+    Date: typeof DateComponent;
+    Email: typeof Email;
+    FirstName: typeof FirstName;
+    LastName: typeof LastName;
+    NationalIdentityNumber: typeof NationalIdentityNumber;
+    PhoneNumber: typeof PhoneNumber;
+    BankAccountNumber: typeof BankAccountNumber;
+};
+export default Value;

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

@@ -0,0 +1,26 @@
+import StringComponent from './String';
+import NumberComponent from './Number';
+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';
+const Value = {
+  String: StringComponent,
+  Number: NumberComponent,
+  Boolean: BooleanComponent,
+  Currency,
+  Date: DateComponent,
+  Email,
+  FirstName,
+  LastName,
+  NationalIdentityNumber,
+  PhoneNumber,
+  BankAccountNumber
+};
+export default Value;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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"}

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

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

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

@@ -0,0 +1,30 @@
+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';
+function ValueBlock(props) {
+  const {
+    className,
+    label,
+    inline,
+    placeholder,
+    showEmpty,
+    children
+  } = props;
+  if ((children === undefined || children === null || children === false) && !showEmpty && !placeholder) {
+    return null;
+  }
+  return React.createElement(Span, _extends({
+    className: classnames('dnb-forms-value', className, inline && 'dnb-forms-value-block--inline')
+  }, forwardSpaceProps(props)), label && React.createElement(FormLabel, {
+    className: "dnb-forms-value-block__label",
+    label_direction: inline ? 'horizontal' : 'vertical'
+  }, label), children ?? React.createElement("span", {
+    className: "dnb-forms-value-block__placeholder"
+  }, placeholder));
+}
+ValueBlock._supportsEufemiaSpacingProps = true;
+export default ValueBlock;
+//# sourceMappingURL=ValueBlock.js.map

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

@@ -0,0 +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"}

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

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

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

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

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

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