@dnb/eufemia 10.4.2 → 10.6.0

package/extensions/forms/Field/Date.js

@@ -0,0 +1,47 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+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 { DatePicker } from '../../../components';
+import { forwardSpaceProps } from '../utils';
+import { useField } from './hooks';
+import SharedContext from '../../../shared/Context';
+function DateComponent(props) {
+  const sharedContext = useContext(SharedContext);
+  const preparedProps = _objectSpread(_objectSpread({}, props), {}, {
+    fromInput: _ref => {
+      let {
+        date
+      } = _ref;
+      return date;
+    }
+  });
+  const {
+    className,
+    label,
+    value,
+    error,
+    disabled,
+    onFocus,
+    onBlur,
+    onChange
+  } = useField(preparedProps);
+  return React.createElement(DatePicker, _extends({
+    className: className,
+    label: label ?? (sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.dateLabel),
+    label_direction: "vertical",
+    date: value,
+    status: error === null || error === void 0 ? void 0 : error.message,
+    disabled: disabled,
+    show_input: true,
+    show_cancel_button: true,
+    show_reset_button: true,
+    on_change: onChange,
+    on_show: onFocus,
+    on_hide: onBlur
+  }, forwardSpaceProps(props)));
+}
+DateComponent._supportsEufemiaSpacingProps = true;
+export default DateComponent;
+//# sourceMappingURL=Date.js.map

package/extensions/forms/Field/Date.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Date.js","names":["React","useContext","DatePicker","forwardSpaceProps","useField","SharedContext","DateComponent","props","sharedContext","preparedProps","_objectSpread","fromInput","_ref","date","className","label","value","error","disabled","onFocus","onBlur","onChange","createElement","_extends","translation","Forms","dateLabel","label_direction","status","message","show_input","show_cancel_button","show_reset_button","on_change","on_show","on_hide","_supportsEufemiaSpacingProps"],"sources":["../../../../../src/extensions/forms/Field/Date.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport { DatePicker } from '../../../components'\nimport { forwardSpaceProps } from '../utils'\nimport { useField } from './hooks'\nimport type { ComponentProps } from '../component-types'\nimport type { FieldProps } from '../field-types'\nimport SharedContext from '../../../shared/Context'\n\nexport type Props = ComponentProps & FieldProps<string>\n\nfunction DateComponent(props: Props) {\n  const sharedContext = useContext(SharedContext)\n  const preparedProps: Props = {\n    ...props,\n    fromInput: ({ date }: { date: string }) => {\n      return date\n    },\n  }\n\n  const {\n    className,\n    label,\n    value,\n    error,\n    disabled,\n    onFocus,\n    onBlur,\n    onChange,\n  } = useField(preparedProps)\n\n  return (\n    <DatePicker\n      className={className}\n      label={label ?? sharedContext?.translation.Forms.dateLabel}\n      label_direction=\"vertical\"\n      date={value}\n      status={error?.message}\n      disabled={disabled}\n      show_input={true}\n      show_cancel_button={true}\n      show_reset_button={true}\n      on_change={onChange}\n      on_show={onFocus}\n      on_hide={onBlur}\n      {...forwardSpaceProps(props)}\n    />\n  )\n}\n\nDateComponent._supportsEufemiaSpacingProps = true\nexport default DateComponent\n"],"mappings":";;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,UAAU,QAAQ,qBAAqB;AAChD,SAASC,iBAAiB,QAAQ,UAAU;AAC5C,SAASC,QAAQ,QAAQ,SAAS;AAGlC,OAAOC,aAAa,MAAM,yBAAyB;AAInD,SAASC,aAAaA,CAACC,KAAY,EAAE;EACnC,MAAMC,aAAa,GAAGP,UAAU,CAACI,aAAa,CAAC;EAC/C,MAAMI,aAAoB,GAAAC,aAAA,CAAAA,aAAA,KACrBH,KAAK;IACRI,SAAS,EAAEC,IAAA,IAAgC;MAAA,IAA/B;QAAEC;MAAuB,CAAC,GAAAD,IAAA;MACpC,OAAOC,IAAI;IACb;EAAC,EACF;EAED,MAAM;IACJC,SAAS;IACTC,KAAK;IACLC,KAAK;IACLC,KAAK;IACLC,QAAQ;IACRC,OAAO;IACPC,MAAM;IACNC;EACF,CAAC,GAAGjB,QAAQ,CAACK,aAAa,CAAC;EAE3B,OACET,KAAA,CAAAsB,aAAA,CAACpB,UAAU,EAAAqB,QAAA;IACTT,SAAS,EAAEA,SAAU;IACrBC,KAAK,EAAEA,KAAK,KAAIP,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEgB,WAAW,CAACC,KAAK,CAACC,SAAS,CAAC;IAC3DC,eAAe,EAAC,UAAU;IAC1Bd,IAAI,EAAEG,KAAM;IACZY,MAAM,EAAEX,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEY,OAAQ;IACvBX,QAAQ,EAAEA,QAAS;IACnBY,UAAU,EAAE,IAAK;IACjBC,kBAAkB,EAAE,IAAK;IACzBC,iBAAiB,EAAE,IAAK;IACxBC,SAAS,EAAEZ,QAAS;IACpBa,OAAO,EAAEf,OAAQ;IACjBgB,OAAO,EAAEf;EAAO,GACZjB,iBAAiB,CAACI,KAAK,CAAC,CAC7B,CAAC;AAEN;AAEAD,aAAa,CAAC8B,4BAA4B,GAAG,IAAI;AACjD,eAAe9B,aAAa"}

package/extensions/forms/Field/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/extensions/forms/Field/Email.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 React, { useContext } from 'react';
+import StringComponent from './String';
+import SharedContext from '../../../shared/Context';
+function Email(props) {
+  const sharedContext = useContext(SharedContext);
+  const stringComponentProps = _objectSpread(_objectSpread({}, props), {}, {
+    type: props.type ?? 'email',
+    pattern: props.pattern ?? "^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:.[a-zA-Z0-9-]+)*$",
+    label: props.label ?? (sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.emailLabel),
+    errorMessages: _objectSpread({
+      required: sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.emailErrorRequired,
+      pattern: sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.emailErrorPattern
+    }, props.errorMessages)
+  });
+  return React.createElement(StringComponent, stringComponentProps);
+}
+Email._supportsEufemiaSpacingProps = true;
+export default Email;
+//# sourceMappingURL=Email.js.map

package/extensions/forms/Field/Email.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Email.js","names":["React","useContext","StringComponent","SharedContext","Email","props","sharedContext","stringComponentProps","_objectSpread","type","pattern","label","translation","Forms","emailLabel","errorMessages","required","emailErrorRequired","emailErrorPattern","createElement","_supportsEufemiaSpacingProps"],"sources":["../../../../../src/extensions/forms/Field/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 stringComponentProps: Props = {\n    ...props,\n    type: props.type ?? 'email',\n    pattern:\n      props.pattern ??\n      \"^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:.[a-zA-Z0-9-]+)*$\",\n    label: props.label ?? sharedContext?.translation.Forms.emailLabel,\n    errorMessages: {\n      required: sharedContext?.translation.Forms.emailErrorRequired,\n      pattern: sharedContext?.translation.Forms.emailErrorPattern,\n      ...props.errorMessages,\n    },\n  }\n\n  return <StringComponent {...stringComponentProps} />\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,oBAA2B,GAAAC,aAAA,CAAAA,aAAA,KAC5BH,KAAK;IACRI,IAAI,EAAEJ,KAAK,CAACI,IAAI,IAAI,OAAO;IAC3BC,OAAO,EACLL,KAAK,CAACK,OAAO,IACb,qEAAqE;IACvEC,KAAK,EAAEN,KAAK,CAACM,KAAK,KAAIL,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEM,WAAW,CAACC,KAAK,CAACC,UAAU;IACjEC,aAAa,EAAAP,aAAA;MACXQ,QAAQ,EAAEV,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEM,WAAW,CAACC,KAAK,CAACI,kBAAkB;MAC7DP,OAAO,EAAEJ,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEM,WAAW,CAACC,KAAK,CAACK;IAAiB,GACxDb,KAAK,CAACU,aAAa;EACvB,EACF;EAED,OAAOf,KAAA,CAAAmB,aAAA,CAACjB,eAAe,EAAKK,oBAAuB,CAAC;AACtD;AAEAH,KAAK,CAACgB,4BAA4B,GAAG,IAAI;AACzC,eAAehB,KAAK"}

package/extensions/forms/Field/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/extensions/forms/Field/FirstName.js

@@ -0,0 +1,19 @@
+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 stringComponentProps = _objectSpread(_objectSpread({}, props), {}, {
+    label: props.label ?? (sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.firstNameLabel),
+    errorMessages: _objectSpread({
+      required: sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.firstNameErrorRequired
+    }, props.errorMessages)
+  });
+  return React.createElement(StringComponent, stringComponentProps);
+}
+FirstName._supportsEufemiaSpacingProps = true;
+export default FirstName;
+//# sourceMappingURL=FirstName.js.map

package/extensions/forms/Field/FirstName.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FirstName.js","names":["React","useContext","StringComponent","SharedContext","FirstName","props","sharedContext","stringComponentProps","_objectSpread","label","translation","Forms","firstNameLabel","errorMessages","required","firstNameErrorRequired","createElement","_supportsEufemiaSpacingProps"],"sources":["../../../../../src/extensions/forms/Field/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 stringComponentProps: Props = {\n    ...props,\n    label: props.label ?? sharedContext?.translation.Forms.firstNameLabel,\n    errorMessages: {\n      required: sharedContext?.translation.Forms.firstNameErrorRequired,\n      ...props.errorMessages,\n    },\n  }\n\n  return <StringComponent {...stringComponentProps} />\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,oBAA2B,GAAAC,aAAA,CAAAA,aAAA,KAC5BH,KAAK;IACRI,KAAK,EAAEJ,KAAK,CAACI,KAAK,KAAIH,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEI,WAAW,CAACC,KAAK,CAACC,cAAc;IACrEC,aAAa,EAAAL,aAAA;MACXM,QAAQ,EAAER,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEI,WAAW,CAACC,KAAK,CAACI;IAAsB,GAC9DV,KAAK,CAACQ,aAAa;EACvB,EACF;EAED,OAAOb,KAAA,CAAAgB,aAAA,CAACd,eAAe,EAAKK,oBAAuB,CAAC;AACtD;AAEAH,SAAS,CAACa,4BAA4B,GAAG,IAAI;AAC7C,eAAeb,SAAS"}

package/extensions/forms/Field/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/extensions/forms/Field/LastName.js

@@ -0,0 +1,19 @@
+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 stringComponentProps = _objectSpread(_objectSpread({}, props), {}, {
+    label: props.label ?? (sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.lastNameLabel),
+    errorMessages: _objectSpread({
+      required: sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.lastNameErrorRequired
+    }, props.errorMessages)
+  });
+  return React.createElement(StringComponent, stringComponentProps);
+}
+LastName._supportsEufemiaSpacingProps = true;
+export default LastName;
+//# sourceMappingURL=LastName.js.map

package/extensions/forms/Field/LastName.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LastName.js","names":["React","useContext","StringComponent","SharedContext","LastName","props","sharedContext","stringComponentProps","_objectSpread","label","translation","Forms","lastNameLabel","errorMessages","required","lastNameErrorRequired","createElement","_supportsEufemiaSpacingProps"],"sources":["../../../../../src/extensions/forms/Field/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 stringComponentProps: Props = {\n    ...props,\n    label: props.label ?? sharedContext?.translation.Forms.lastNameLabel,\n    errorMessages: {\n      required: sharedContext?.translation.Forms.lastNameErrorRequired,\n      ...props.errorMessages,\n    },\n  }\n\n  return <StringComponent {...stringComponentProps} />\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,oBAA2B,GAAAC,aAAA,CAAAA,aAAA,KAC5BH,KAAK;IACRI,KAAK,EAAEJ,KAAK,CAACI,KAAK,KAAIH,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEI,WAAW,CAACC,KAAK,CAACC,aAAa;IACpEC,aAAa,EAAAL,aAAA;MACXM,QAAQ,EAAER,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEI,WAAW,CAACC,KAAK,CAACI;IAAqB,GAC7DV,KAAK,CAACQ,aAAa;EACvB,EACF;EAED,OAAOb,KAAA,CAAAgB,aAAA,CAACd,eAAe,EAAKK,oBAAuB,CAAC;AACtD;AAEAH,QAAQ,CAACa,4BAA4B,GAAG,IAAI;AAC5C,eAAeb,QAAQ"}

package/extensions/forms/Field/NationalIdentityNumber.d.ts

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

package/extensions/forms/Field/NationalIdentityNumber.js

@@ -0,0 +1,27 @@
+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 NationalIdentityNumber(props) {
+  const sharedContext = useContext(SharedContext);
+  const {
+    validate = true,
+    omitMask
+  } = props;
+  const stringComponentProps = _objectSpread(_objectSpread({}, props), {}, {
+    pattern: props.pattern ?? (validate ? '^[0-9]{11}$' : undefined),
+    label: props.label ?? (sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.nationalIdentityNumberLabel),
+    errorMessages: _objectSpread({
+      required: sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.nationalIdentityNumberErrorRequired,
+      pattern: sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.nationalIdentityNumberErrorPattern
+    }, props.errorMessages),
+    mask: omitMask ? [/\d/, /\d/, /\d/, /\d/, /\d/, /\d/, /\d/, /\d/, /\d/, /\d/, /\d/] : [/\d/, /\d/, /\d/, /\d/, /\d/, /\d/, ' ', /\d/, /\d/, /\d/, /\d/, /\d/],
+    width: props.width ?? 'medium'
+  });
+  return React.createElement(StringComponent, stringComponentProps);
+}
+NationalIdentityNumber._supportsEufemiaSpacingProps = true;
+export default NationalIdentityNumber;
+//# sourceMappingURL=NationalIdentityNumber.js.map

package/extensions/forms/Field/NationalIdentityNumber.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NationalIdentityNumber.js","names":["React","useContext","StringComponent","SharedContext","NationalIdentityNumber","props","sharedContext","validate","omitMask","stringComponentProps","_objectSpread","pattern","undefined","label","translation","Forms","nationalIdentityNumberLabel","errorMessages","required","nationalIdentityNumberErrorRequired","nationalIdentityNumberErrorPattern","mask","width","createElement","_supportsEufemiaSpacingProps"],"sources":["../../../../../src/extensions/forms/Field/NationalIdentityNumber.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  omitMask?: boolean\n  validate?: boolean\n}\n\nfunction NationalIdentityNumber(props: Props) {\n  const sharedContext = useContext(SharedContext)\n  const { validate = true, omitMask } = props\n\n  const stringComponentProps: Props = {\n    ...props,\n    pattern: props.pattern ?? (validate ? '^[0-9]{11}$' : undefined),\n    label:\n      props.label ??\n      sharedContext?.translation.Forms.nationalIdentityNumberLabel,\n    errorMessages: {\n      required:\n        sharedContext?.translation.Forms\n          .nationalIdentityNumberErrorRequired,\n      pattern:\n        sharedContext?.translation.Forms\n          .nationalIdentityNumberErrorPattern,\n      ...props.errorMessages,\n    },\n    mask: omitMask\n      ? [/\\d/, /\\d/, /\\d/, /\\d/, /\\d/, /\\d/, /\\d/, /\\d/, /\\d/, /\\d/, /\\d/]\n      : [\n          /\\d/,\n          /\\d/,\n          /\\d/,\n          /\\d/,\n          /\\d/,\n          /\\d/,\n          ' ',\n          /\\d/,\n          /\\d/,\n          /\\d/,\n          /\\d/,\n          /\\d/,\n        ],\n    width: props.width ?? 'medium',\n  }\n\n  return <StringComponent {...stringComponentProps} />\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;AAOnD,SAASC,sBAAsBA,CAACC,KAAY,EAAE;EAC5C,MAAMC,aAAa,GAAGL,UAAU,CAACE,aAAa,CAAC;EAC/C,MAAM;IAAEI,QAAQ,GAAG,IAAI;IAAEC;EAAS,CAAC,GAAGH,KAAK;EAE3C,MAAMI,oBAA2B,GAAAC,aAAA,CAAAA,aAAA,KAC5BL,KAAK;IACRM,OAAO,EAAEN,KAAK,CAACM,OAAO,KAAKJ,QAAQ,GAAG,aAAa,GAAGK,SAAS,CAAC;IAChEC,KAAK,EACHR,KAAK,CAACQ,KAAK,KACXP,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEQ,WAAW,CAACC,KAAK,CAACC,2BAA2B;IAC9DC,aAAa,EAAAP,aAAA;MACXQ,QAAQ,EACNZ,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEQ,WAAW,CAACC,KAAK,CAC7BI,mCAAmC;MACxCR,OAAO,EACLL,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEQ,WAAW,CAACC,KAAK,CAC7BK;IAAkC,GACpCf,KAAK,CAACY,aAAa,CACvB;IACDI,IAAI,EAAEb,QAAQ,GACV,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,GAClE,CACE,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,GAAG,EACH,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,CACL;IACLc,KAAK,EAAEjB,KAAK,CAACiB,KAAK,IAAI;EAAQ,EAC/B;EAED,OAAOtB,KAAA,CAAAuB,aAAA,CAACrB,eAAe,EAAKO,oBAAuB,CAAC;AACtD;AAEAL,sBAAsB,CAACoB,4BAA4B,GAAG,IAAI;AAC1D,eAAepB,sBAAsB"}

package/extensions/forms/Field/Number.d.ts

@@ -0,0 +1,31 @@
+import type { ComponentProps } from '../component-types';
+import type { FieldProps } from '../field-types';
+interface ErrorMessages {
+    required?: string;
+    schema?: string;
+    minimum?: string;
+    maximum?: string;
+    exclusiveMinimum?: string;
+    exclusiveMaximum?: string;
+    multipleOf?: string;
+}
+export type Props = ComponentProps & FieldProps<number, undefined, ErrorMessages> & {
+    inputClassName?: string;
+    thousandSeparator?: string | true;
+    decimalSymbol?: string;
+    decimalLimit?: number;
+    prefix?: string;
+    suffix?: string;
+    minimum?: number;
+    maximum?: number;
+    exclusiveMinimum?: number;
+    exclusiveMaximum?: number;
+    multipleOf?: number;
+    width?: false | 'medium' | 'large' | 'stretch';
+    rightAligned?: boolean;
+};
+declare function NumberComponent(props: Props): import("react/jsx-runtime").JSX.Element;
+declare namespace NumberComponent {
+    var _supportsEufemiaSpacingProps: boolean;
+}
+export default NumberComponent;

package/extensions/forms/Field/Number.js

@@ -0,0 +1,101 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+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 { InputMasked } from '../../../components';
+import classnames from 'classnames';
+import { forwardSpaceProps } from '../utils';
+import FieldBlock from '../FieldBlock';
+import { useField } from './hooks';
+function NumberComponent(props) {
+  const {
+    thousandSeparator,
+    decimalSymbol = ',',
+    decimalLimit = 12,
+    prefix,
+    suffix,
+    rightAligned
+  } = props;
+  const preparedProps = _objectSpread(_objectSpread({}, props), {}, {
+    schema: props.schema ?? {
+      type: 'number',
+      minimum: props.minimum,
+      maximum: props.maximum,
+      exclusiveMinimum: props.exclusiveMinimum,
+      exclusiveMaximum: props.exclusiveMaximum,
+      multipleOf: props.multipleOf
+    },
+    toInput: external => {
+      if (external === undefined) {
+        return '';
+      }
+      return external;
+    },
+    fromInput: _ref => {
+      let {
+        value,
+        numberValue
+      } = _ref;
+      if (value === '') {
+        return emptyValue;
+      }
+      return numberValue;
+    },
+    width: props.width ?? 'medium'
+  });
+  const {
+    id,
+    className,
+    inputClassName,
+    layout,
+    placeholder,
+    label,
+    labelDescription,
+    labelSecondary,
+    value,
+    disabled,
+    info,
+    warning,
+    error,
+    emptyValue,
+    width,
+    onFocus,
+    onBlur,
+    onChange
+  } = useField(preparedProps);
+  return React.createElement(FieldBlock, _extends({
+    className: classnames('dnb-forms-field-number', className),
+    forId: id,
+    layout: layout,
+    label: label,
+    labelDescription: labelDescription,
+    labelSecondary: labelSecondary,
+    info: info,
+    warning: warning,
+    error: error
+  }, forwardSpaceProps(props)), React.createElement(InputMasked, {
+    id: id,
+    className: classnames('dnb-forms-field-number__input', inputClassName, width !== false && width !== 'stretch' && `dnb-forms-field-number__input--width-${width}`),
+    placeholder: placeholder,
+    value: value,
+    as_number: true,
+    number_mask: {
+      decimalLimit,
+      decimalSymbol,
+      includeThousandsSeparator: thousandSeparator !== undefined,
+      thousandsSeparatorSymbol: thousandSeparator === true ? ' ' : thousandSeparator,
+      prefix,
+      suffix
+    },
+    right: rightAligned,
+    on_focus: onFocus,
+    on_blur: onBlur,
+    on_change: onChange,
+    disabled: disabled,
+    stretch: width === 'stretch'
+  }));
+}
+NumberComponent._supportsEufemiaSpacingProps = true;
+export default NumberComponent;
+//# sourceMappingURL=Number.js.map

package/extensions/forms/Field/Number.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Number.js","names":["React","InputMasked","classnames","forwardSpaceProps","FieldBlock","useField","NumberComponent","props","thousandSeparator","decimalSymbol","decimalLimit","prefix","suffix","rightAligned","preparedProps","_objectSpread","schema","type","minimum","maximum","exclusiveMinimum","exclusiveMaximum","multipleOf","toInput","external","undefined","fromInput","_ref","value","numberValue","emptyValue","width","id","className","inputClassName","layout","placeholder","label","labelDescription","labelSecondary","disabled","info","warning","error","onFocus","onBlur","onChange","createElement","_extends","forId","as_number","number_mask","includeThousandsSeparator","thousandsSeparatorSymbol","right","on_focus","on_blur","on_change","stretch","_supportsEufemiaSpacingProps"],"sources":["../../../../../src/extensions/forms/Field/Number.tsx"],"sourcesContent":["import React from 'react'\nimport { InputMasked } from '../../../components'\nimport classnames from 'classnames'\nimport { forwardSpaceProps } from '../utils'\nimport FieldBlock from '../FieldBlock'\nimport { useField } from './hooks'\nimport type { ComponentProps } from '../component-types'\nimport type { FieldProps } from '../field-types'\n\ninterface ErrorMessages {\n  required?: string\n  schema?: string\n  minimum?: string\n  maximum?: string\n  exclusiveMinimum?: string\n  exclusiveMaximum?: string\n  multipleOf?: string\n}\n\nexport type Props = ComponentProps &\n  FieldProps<number, undefined, ErrorMessages> & {\n    inputClassName?: string\n    // Formatting\n    thousandSeparator?: string | true\n    decimalSymbol?: string\n    decimalLimit?: number\n    prefix?: string\n    suffix?: string\n    // Validation\n    minimum?: number // aka greater than or equal to\n    maximum?: number // aka less than or equal to\n    exclusiveMinimum?: number // aka greater than\n    exclusiveMaximum?: number // aka less than\n    multipleOf?: number\n    // Styling\n    width?: false | 'medium' | 'large' | 'stretch'\n    rightAligned?: boolean\n  }\n\nfunction NumberComponent(props: Props) {\n  const {\n    thousandSeparator,\n    decimalSymbol = ',',\n    decimalLimit = 12,\n    prefix,\n    suffix,\n    rightAligned,\n  } = props\n\n  const preparedProps: Props = {\n    ...props,\n    schema: props.schema ?? {\n      type: 'number',\n      minimum: props.minimum,\n      maximum: props.maximum,\n      exclusiveMinimum: props.exclusiveMinimum,\n      exclusiveMaximum: props.exclusiveMaximum,\n      multipleOf: props.multipleOf,\n    },\n    toInput: (external: number | undefined) => {\n      if (external === undefined) {\n        return ''\n      }\n      return external\n    },\n    fromInput: ({\n      value,\n      numberValue,\n    }: {\n      value: string\n      numberValue: number\n    }) => {\n      if (value === '') {\n        return emptyValue\n      }\n      return numberValue\n    },\n    width: props.width ?? 'medium',\n  }\n\n  const {\n    id,\n    className,\n    inputClassName,\n    layout,\n    placeholder,\n    label,\n    labelDescription,\n    labelSecondary,\n    value,\n    disabled,\n    info,\n    warning,\n    error,\n    emptyValue,\n    width,\n    onFocus,\n    onBlur,\n    onChange,\n  } = useField(preparedProps)\n\n  return (\n    <FieldBlock\n      className={classnames('dnb-forms-field-number', className)}\n      forId={id}\n      layout={layout}\n      label={label}\n      labelDescription={labelDescription}\n      labelSecondary={labelSecondary}\n      info={info}\n      warning={warning}\n      error={error}\n      {...forwardSpaceProps(props)}\n    >\n      <InputMasked\n        id={id}\n        className={classnames(\n          'dnb-forms-field-number__input',\n          width !== false &&\n            width !== 'stretch' &&\n            `dnb-forms-field-number__input--width-${width}`,\n          inputClassName\n        )}\n        placeholder={placeholder}\n        value={value}\n        as_number\n        number_mask={{\n          decimalLimit,\n          decimalSymbol,\n          includeThousandsSeparator: thousandSeparator !== undefined,\n          thousandsSeparatorSymbol:\n            thousandSeparator === true ? ' ' : thousandSeparator,\n          prefix,\n          suffix,\n        }}\n        right={rightAligned}\n        on_focus={onFocus}\n        on_blur={onBlur}\n        on_change={onChange}\n        disabled={disabled}\n        stretch={width === 'stretch'}\n      />\n    </FieldBlock>\n  )\n}\n\nNumberComponent._supportsEufemiaSpacingProps = true\nexport default NumberComponent\n"],"mappings":"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"}

package/extensions/forms/Field/Option.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { ComponentProps } from '../component-types';
+import type { FieldProps } from '../field-types';
+export type Props = ComponentProps & FieldProps<number | string> & {
+    title?: string;
+    text?: string;
+    children?: React.ReactNode;
+};
+export default function Option({ className, title, text, children, }: Props): import("react/jsx-runtime").JSX.Element;

package/extensions/forms/Field/Option.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import classnames from 'classnames';
+export default function Option(_ref) {
+  let {
+    className,
+    title,
+    text,
+    children
+  } = _ref;
+  return React.createElement("span", {
+    className: classnames('dnb-forms-field-option', className),
+    role: "option"
+  }, children ?? title, text);
+}
+//# sourceMappingURL=Option.js.map

package/extensions/forms/Field/Option.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Option.js","names":["React","classnames","Option","_ref","className","title","text","children","createElement","role"],"sources":["../../../../../src/extensions/forms/Field/Option.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport type { ComponentProps } from '../component-types'\nimport type { FieldProps } from '../field-types'\n\nexport type Props = ComponentProps &\n  FieldProps<number | string> & {\n    title?: string\n    text?: string\n    children?: React.ReactNode\n  }\n\nexport default function Option({\n  className,\n  title,\n  text,\n  children,\n}: Props) {\n  return (\n    <span\n      className={classnames('dnb-forms-field-option', className)}\n      // eslint-disable-next-line jsx-a11y/role-has-required-aria-props\n      role=\"option\"\n    >\n      {children ?? title}\n      {text}\n    </span>\n  )\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AAWnC,eAAe,SAASC,MAAMA,CAAAC,IAAA,EAKpB;EAAA,IALqB;IAC7BC,SAAS;IACTC,KAAK;IACLC,IAAI;IACJC;EACK,CAAC,GAAAJ,IAAA;EACN,OACEH,KAAA,CAAAQ,aAAA;IACEJ,SAAS,EAAEH,UAAU,CAAC,wBAAwB,EAAEG,SAAS,CAAE;IAE3DK,IAAI,EAAC;EAAQ,GAEZF,QAAQ,IAAIF,KAAK,EACjBC,IACG,CAAC;AAEX"}

package/extensions/forms/Field/OrganizationNumber.d.ts

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

package/extensions/forms/Field/OrganizationNumber.js

@@ -0,0 +1,28 @@
+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 OrganizationNumber(props) {
+  const sharedContext = useContext(SharedContext);
+  const {
+    validate = true,
+    omitMask
+  } = props;
+  const stringComponentProps = _objectSpread(_objectSpread({}, props), {}, {
+    className: 'dnb-forms-field-organization-number',
+    pattern: props.pattern ?? (validate ? '^[0-9]{9}$' : undefined),
+    label: props.label ?? (sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.organizationNumberLabel),
+    errorMessages: _objectSpread({
+      required: sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.organizationNumberErrorRequired,
+      pattern: sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.organizationNumberErrorPattern
+    }, props.errorMessages),
+    mask: omitMask ? [/\d/, /\d/, /\d/, /\d/, /\d/, /\d/, /\d/, /\d/, /\d/] : [/\d/, /\d/, /\d/, ' ', /\d/, /\d/, /\d/, ' ', /\d/, /\d/, /\d/],
+    width: props.width ?? 'medium'
+  });
+  return React.createElement(StringComponent, stringComponentProps);
+}
+OrganizationNumber._supportsEufemiaSpacingProps = true;
+export default OrganizationNumber;
+//# sourceMappingURL=OrganizationNumber.js.map

package/extensions/forms/Field/OrganizationNumber.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrganizationNumber.js","names":["React","useContext","StringComponent","SharedContext","OrganizationNumber","props","sharedContext","validate","omitMask","stringComponentProps","_objectSpread","className","pattern","undefined","label","translation","Forms","organizationNumberLabel","errorMessages","required","organizationNumberErrorRequired","organizationNumberErrorPattern","mask","width","createElement","_supportsEufemiaSpacingProps"],"sources":["../../../../../src/extensions/forms/Field/OrganizationNumber.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  validate?: boolean\n  omitMask?: boolean\n}\n\nfunction OrganizationNumber(props: Props) {\n  const sharedContext = useContext(SharedContext)\n  const { validate = true, omitMask } = props\n\n  const stringComponentProps: Props = {\n    ...props,\n    className: 'dnb-forms-field-organization-number',\n    pattern: props.pattern ?? (validate ? '^[0-9]{9}$' : undefined),\n    label:\n      props.label ??\n      sharedContext?.translation.Forms.organizationNumberLabel,\n    errorMessages: {\n      required:\n        sharedContext?.translation.Forms.organizationNumberErrorRequired,\n      pattern:\n        sharedContext?.translation.Forms.organizationNumberErrorPattern,\n      ...props.errorMessages,\n    },\n    mask: omitMask\n      ? [/\\d/, /\\d/, /\\d/, /\\d/, /\\d/, /\\d/, /\\d/, /\\d/, /\\d/]\n      : [/\\d/, /\\d/, /\\d/, ' ', /\\d/, /\\d/, /\\d/, ' ', /\\d/, /\\d/, /\\d/],\n    width: props.width ?? 'medium',\n  }\n\n  return <StringComponent {...stringComponentProps} />\n}\n\nOrganizationNumber._supportsEufemiaSpacingProps = true\nexport default OrganizationNumber\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,eAAe,MAAyC,UAAU;AACzE,OAAOC,aAAa,MAAM,yBAAyB;AAOnD,SAASC,kBAAkBA,CAACC,KAAY,EAAE;EACxC,MAAMC,aAAa,GAAGL,UAAU,CAACE,aAAa,CAAC;EAC/C,MAAM;IAAEI,QAAQ,GAAG,IAAI;IAAEC;EAAS,CAAC,GAAGH,KAAK;EAE3C,MAAMI,oBAA2B,GAAAC,aAAA,CAAAA,aAAA,KAC5BL,KAAK;IACRM,SAAS,EAAE,qCAAqC;IAChDC,OAAO,EAAEP,KAAK,CAACO,OAAO,KAAKL,QAAQ,GAAG,YAAY,GAAGM,SAAS,CAAC;IAC/DC,KAAK,EACHT,KAAK,CAACS,KAAK,KACXR,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAES,WAAW,CAACC,KAAK,CAACC,uBAAuB;IAC1DC,aAAa,EAAAR,aAAA;MACXS,QAAQ,EACNb,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAES,WAAW,CAACC,KAAK,CAACI,+BAA+B;MAClER,OAAO,EACLN,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAES,WAAW,CAACC,KAAK,CAACK;IAA8B,GAC9DhB,KAAK,CAACa,aAAa,CACvB;IACDI,IAAI,EAAEd,QAAQ,GACV,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,GACtD,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;IACpEe,KAAK,EAAElB,KAAK,CAACkB,KAAK,IAAI;EAAQ,EAC/B;EAED,OAAOvB,KAAA,CAAAwB,aAAA,CAACtB,eAAe,EAAKO,oBAAuB,CAAC;AACtD;AAEAL,kBAAkB,CAACqB,4BAA4B,GAAG,IAAI;AACtD,eAAerB,kBAAkB"}

package/extensions/forms/Field/PhoneNumber.d.ts

@@ -0,0 +1,12 @@
+import type { ComponentProps } from '../component-types';
+import type { FieldProps } from '../field-types';
+export type Props = ComponentProps & FieldProps<string> & {
+    countryCodeFieldClassName?: string;
+    numberFieldClassName?: string;
+    width?: false | 'medium' | 'large';
+};
+declare function PhoneNumber(props: Props): import("react/jsx-runtime").JSX.Element;
+declare namespace PhoneNumber {
+    var _supportsEufemiaSpacingProps: boolean;
+}
+export default PhoneNumber;

package/extensions/forms/Field/PhoneNumber.js

@@ -0,0 +1,89 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+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, useCallback, useMemo } from 'react';
+import { Div } from '../../../elements';
+import { Autocomplete, Input } from '../../../components';
+import classnames from 'classnames';
+import countries from '../constants/countries';
+import { forwardSpaceProps } from '../utils';
+import { useField } from './hooks';
+import SharedContext from '../../../shared/Context';
+function PhoneNumber(props) {
+  var _ref;
+  const sharedContext = useContext(SharedContext);
+  const preparedProps = _objectSpread(_objectSpread({}, props), {}, {
+    errorMessages: _objectSpread({
+      required: sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.phoneNumberErrorRequired
+    }, props === null || props === void 0 ? void 0 : props.errorMessages)
+  });
+  const {
+    className,
+    countryCodeFieldClassName,
+    numberFieldClassName,
+    placeholder,
+    label = sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.phoneNumberLabel,
+    value,
+    emptyValue,
+    error,
+    disabled,
+    width = 'large',
+    onFocus,
+    onBlur,
+    onChange
+  } = useField(preparedProps);
+  const [, countryCode = '+47', phoneNumber = ''] = ((_ref = value ?? '') === null || _ref === void 0 ? void 0 : _ref.match(/^(\+[^ ]+)? ?(.*)$/)) ?? [];
+  const countriesDropdownData = useMemo(() => countries.map(country => ({
+    selected_key: `+${country.code}`,
+    selected_value: `${country.iso} (+${country.code})`,
+    content: `+${country.code} ${country.name}`
+  })), []);
+  const handleCountryCodeChange = useCallback(_ref2 => {
+    let {
+      data: changedData
+    } = _ref2;
+    if ((!changedData || !changedData.selected_key.trim()) && !phoneNumber.trim()) {
+      onChange === null || onChange === void 0 ? void 0 : onChange(emptyValue);
+      return;
+    }
+    onChange === null || onChange === void 0 ? void 0 : onChange(`${(changedData === null || changedData === void 0 ? void 0 : changedData.selected_key) || ''} ${phoneNumber}`);
+  }, [phoneNumber, emptyValue, onChange]);
+  const handleNumberChange = useCallback(_ref3 => {
+    let {
+      value
+    } = _ref3;
+    if (!value.trim() && !countryCode.trim()) {
+      onChange === null || onChange === void 0 ? void 0 : onChange(emptyValue);
+      return;
+    }
+    onChange === null || onChange === void 0 ? void 0 : onChange([countryCode, value].filter(Boolean).join(' '));
+  }, [countryCode, emptyValue, onChange]);
+  return React.createElement(Div, _extends({
+    className: classnames('dnb-forms-field-phone-number', className, width !== false && `dnb-forms-field-phone-number--width-${width}`)
+  }, forwardSpaceProps(preparedProps)), React.createElement(Autocomplete, {
+    className: classnames('dnb-forms-field-phone-number__country-code', countryCodeFieldClassName),
+    label_direction: "vertical",
+    label: sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.countryCodeLabel,
+    data: countriesDropdownData,
+    value: countryCode ?? '+47',
+    disabled: disabled,
+    on_change: handleCountryCodeChange,
+    independent_width: true
+  }), React.createElement(Input, {
+    className: classnames('dnb-forms-field-phone-number__number', numberFieldClassName),
+    label_direction: "vertical",
+    label: label ?? ' ',
+    placeholder: placeholder ?? '00 00 00 00',
+    on_change: handleNumberChange,
+    on_focus: onFocus,
+    on_blur: onBlur,
+    value: phoneNumber,
+    status: error === null || error === void 0 ? void 0 : error.message,
+    disabled: disabled,
+    type: "tel"
+  }));
+}
+PhoneNumber._supportsEufemiaSpacingProps = true;
+export default PhoneNumber;
+//# sourceMappingURL=PhoneNumber.js.map

package/extensions/forms/Field/PhoneNumber.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PhoneNumber.js","names":["React","useContext","useCallback","useMemo","Div","Autocomplete","Input","classnames","countries","forwardSpaceProps","useField","SharedContext","PhoneNumber","props","_ref","sharedContext","preparedProps","_objectSpread","errorMessages","required","translation","Forms","phoneNumberErrorRequired","className","countryCodeFieldClassName","numberFieldClassName","placeholder","label","phoneNumberLabel","value","emptyValue","error","disabled","width","onFocus","onBlur","onChange","countryCode","phoneNumber","match","countriesDropdownData","map","country","selected_key","code","selected_value","iso","content","name","handleCountryCodeChange","_ref2","data","changedData","trim","handleNumberChange","_ref3","filter","Boolean","join","createElement","_extends","label_direction","countryCodeLabel","on_change","independent_width","on_focus","on_blur","status","message","type","_supportsEufemiaSpacingProps"],"sources":["../../../../../src/extensions/forms/Field/PhoneNumber.tsx"],"sourcesContent":["import React, { useContext, useCallback, useMemo } from 'react'\nimport { Div } from '../../../elements'\nimport { Autocomplete, Input } from '../../../components'\nimport classnames from 'classnames'\nimport countries from '../constants/countries'\nimport { forwardSpaceProps } from '../utils'\nimport { useField } from './hooks'\nimport type { ComponentProps } from '../component-types'\nimport type { FieldProps } from '../field-types'\nimport SharedContext from '../../../shared/Context'\n\nexport type Props = ComponentProps &\n  FieldProps<string> & {\n    countryCodeFieldClassName?: string\n    numberFieldClassName?: string\n    // Styling\n    width?: false | 'medium' | 'large'\n  }\n\nfunction PhoneNumber(props: Props) {\n  const sharedContext = useContext(SharedContext)\n  const preparedProps: Props = {\n    ...props,\n    errorMessages: {\n      required: sharedContext?.translation.Forms.phoneNumberErrorRequired,\n      ...props?.errorMessages,\n    },\n  }\n\n  const {\n    className,\n    countryCodeFieldClassName,\n    numberFieldClassName,\n    placeholder,\n    label = sharedContext?.translation.Forms.phoneNumberLabel,\n    value,\n    emptyValue,\n    error,\n    disabled,\n    width = 'large',\n    onFocus,\n    onBlur,\n    onChange,\n  } = useField(preparedProps)\n\n  // Split the value into country code and phone number correctly, even if one of them is not\n  // filled in (avoiding number ending up in country code etc)\n  const [, countryCode = '+47', phoneNumber = ''] =\n    (value ?? '')?.match(/^(\\+[^ ]+)? ?(.*)$/) ?? []\n\n  const countriesDropdownData = useMemo(\n    () =>\n      countries.map((country) => ({\n        selected_key: `+${country.code}`,\n        selected_value: `${country.iso} (+${country.code})`,\n        content: `+${country.code} ${country.name}`,\n      })),\n    []\n  )\n\n  const handleCountryCodeChange = useCallback(\n    ({ data: changedData }: { data: { selected_key: string } }) => {\n      if (\n        (!changedData || !changedData.selected_key.trim()) &&\n        !phoneNumber.trim()\n      ) {\n        onChange?.(emptyValue)\n        return\n      }\n\n      onChange?.(`${changedData?.selected_key || ''} ${phoneNumber}`)\n    },\n    [phoneNumber, emptyValue, onChange]\n  )\n\n  const handleNumberChange = useCallback(\n    ({ value }: { value: string }) => {\n      if (!value.trim() && !countryCode.trim()) {\n        onChange?.(emptyValue)\n        return\n      }\n\n      onChange?.([countryCode, value].filter(Boolean).join(' '))\n    },\n    [countryCode, emptyValue, onChange]\n  )\n\n  return (\n    <Div\n      className={classnames(\n        'dnb-forms-field-phone-number',\n        width !== false && `dnb-forms-field-phone-number--width-${width}`,\n        className\n      )}\n      {...forwardSpaceProps(preparedProps)}\n    >\n      <Autocomplete\n        className={classnames(\n          'dnb-forms-field-phone-number__country-code',\n          countryCodeFieldClassName\n        )}\n        label_direction=\"vertical\"\n        label={sharedContext?.translation.Forms.countryCodeLabel}\n        data={countriesDropdownData}\n        value={countryCode ?? '+47'}\n        disabled={disabled}\n        on_change={handleCountryCodeChange}\n        independent_width\n      />\n      <Input\n        className={classnames(\n          'dnb-forms-field-phone-number__number',\n          numberFieldClassName\n        )}\n        label_direction=\"vertical\"\n        label={label ?? ' '}\n        placeholder={placeholder ?? '00 00 00 00'}\n        on_change={handleNumberChange}\n        on_focus={onFocus}\n        on_blur={onBlur}\n        value={phoneNumber}\n        status={error?.message}\n        disabled={disabled}\n        type=\"tel\"\n      />\n    </Div>\n  )\n}\n\nPhoneNumber._supportsEufemiaSpacingProps = true\nexport default PhoneNumber\n"],"mappings":"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"}

package/extensions/forms/Field/PostalCodeAndCity.d.ts

@@ -0,0 +1,10 @@
+import { Props as FieldGroupProps } from '../FieldGroup';
+import { Props as StringComponentProps } from './String';
+export type Props = Omit<FieldGroupProps, 'children'> & Record<'postalCode' | 'city', StringComponentProps> & {
+    width?: false | 'medium' | 'large';
+};
+declare function PostalCodeAndCity(props: Props): import("react/jsx-runtime").JSX.Element;
+declare namespace PostalCodeAndCity {
+    var _supportsEufemiaSpacingProps: boolean;
+}
+export default PostalCodeAndCity;