@dnb/eufemia 10.4.2 → 10.6.0

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

@@ -0,0 +1,100 @@
+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: ({
+      value,
+      numberValue
+    }) => {
+      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/es/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","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/es/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/es/extensions/forms/Field/Option.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Option.js","names":["React","classnames","Option","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,CAAC;EAC7BC,SAAS;EACTC,KAAK;EACLC,IAAI;EACJC;AACK,CAAC,EAAE;EACR,OACEN,KAAA,CAAAO,aAAA;IACEJ,SAAS,EAAEF,UAAU,CAAC,wBAAwB,EAAEE,SAAS,CAAE;IAE3DK,IAAI,EAAC;EAAQ,GAEZF,QAAQ,IAAIF,KAAK,EACjBC,IACG,CAAC;AAEX"}

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

@@ -0,0 +1,87 @@
+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(({
+    data: changedData
+  }) => {
+    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(({
+    value
+  }) => {
+    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/es/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","data","changedData","trim","handleNumberChange","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/es/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;

package/es/extensions/forms/Field/PostalCodeAndCity.js

@@ -0,0 +1,46 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["postalCode", "city", "width"];
+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 classnames from 'classnames';
+import SharedContext from '../../../shared/Context';
+import FieldGroup from '../FieldGroup';
+import StringComponent from './String';
+function PostalCodeAndCity(props) {
+  const sharedContext = useContext(SharedContext);
+  const {
+      postalCode = {},
+      city = {},
+      width = 'large'
+    } = props,
+    fieldGroupProps = _objectWithoutProperties(props, _excluded);
+  return React.createElement(FieldGroup, _extends({
+    className: classnames('dnb-forms-field-postal-code-and-city', props.className)
+  }, fieldGroupProps), React.createElement("div", {
+    className: 'dnb-forms-field-postal-code-and-city__fields' + (width !== false ? ` dnb-forms-field-postal-code-and-city--width-${width}` : "")
+  }, React.createElement(StringComponent, _extends({}, postalCode, {
+    pattern: postalCode.pattern ?? '^[0-9]{4}$',
+    className: classnames('dnb-forms-field-postal-code-and-city__postal-code', postalCode.className),
+    label: postalCode.label ?? (sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.postalCodeLabel),
+    errorMessages: _objectSpread({
+      required: sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.postalCodeErrorRequired,
+      pattern: sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.postalCodeErrorPattern
+    }, postalCode.errorMessages),
+    placeholder: postalCode.placeholder ?? '0000',
+    width: false,
+    inputClassName: "dnb-forms-field-postal-code-and-city__postal-code-input"
+  })), React.createElement(StringComponent, _extends({}, city, {
+    className: classnames('dnb-forms-field-postal-code-and-city__city', city.className),
+    label: city.label ?? (sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.cityLabel),
+    errorMessages: _objectSpread({
+      required: sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.cityErrorRequired
+    }, city.errorMessages),
+    width: "stretch"
+  }))));
+}
+PostalCodeAndCity._supportsEufemiaSpacingProps = true;
+export default PostalCodeAndCity;
+//# sourceMappingURL=PostalCodeAndCity.js.map

package/es/extensions/forms/Field/PostalCodeAndCity.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PostalCodeAndCity.js","names":["React","useContext","classnames","SharedContext","FieldGroup","StringComponent","PostalCodeAndCity","props","sharedContext","postalCode","city","width","fieldGroupProps","_objectWithoutProperties","_excluded","createElement","_extends","className","pattern","label","translation","Forms","postalCodeLabel","errorMessages","_objectSpread","required","postalCodeErrorRequired","postalCodeErrorPattern","placeholder","inputClassName","cityLabel","cityErrorRequired","_supportsEufemiaSpacingProps"],"sources":["../../../../../src/extensions/forms/Field/PostalCodeAndCity.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport classnames from 'classnames'\nimport SharedContext from '../../../shared/Context'\nimport FieldGroup, { Props as FieldGroupProps } from '../FieldGroup'\nimport StringComponent, { Props as StringComponentProps } from './String'\n\nexport type Props = Omit<FieldGroupProps, 'children'> &\n  Record<'postalCode' | 'city', StringComponentProps> & {\n    width?: false | 'medium' | 'large'\n  }\n\nfunction PostalCodeAndCity(props: Props) {\n  const sharedContext = useContext(SharedContext)\n\n  const {\n    postalCode = {},\n    city = {},\n    width = 'large',\n    ...fieldGroupProps\n  } = props\n\n  return (\n    <FieldGroup\n      className={classnames(\n        'dnb-forms-field-postal-code-and-city',\n        props.className\n      )}\n      {...fieldGroupProps}\n    >\n      <div\n        className={classnames(\n          'dnb-forms-field-postal-code-and-city__fields',\n          width !== false &&\n            `dnb-forms-field-postal-code-and-city--width-${width}`\n        )}\n      >\n        <StringComponent\n          {...postalCode}\n          pattern={postalCode.pattern ?? '^[0-9]{4}$'}\n          className={classnames(\n            'dnb-forms-field-postal-code-and-city__postal-code',\n            postalCode.className\n          )}\n          label={\n            postalCode.label ??\n            sharedContext?.translation.Forms.postalCodeLabel\n          }\n          errorMessages={{\n            required:\n              sharedContext?.translation.Forms.postalCodeErrorRequired,\n            pattern:\n              sharedContext?.translation.Forms.postalCodeErrorPattern,\n            ...postalCode.errorMessages,\n          }}\n          placeholder={postalCode.placeholder ?? '0000'}\n          width={false}\n          inputClassName=\"dnb-forms-field-postal-code-and-city__postal-code-input\"\n        />\n        <StringComponent\n          {...city}\n          className={classnames(\n            'dnb-forms-field-postal-code-and-city__city',\n            city.className\n          )}\n          label={city.label ?? sharedContext?.translation.Forms.cityLabel}\n          errorMessages={{\n            required: sharedContext?.translation.Forms.cityErrorRequired,\n            ...city.errorMessages,\n          }}\n          width=\"stretch\"\n        />\n      </div>\n    </FieldGroup>\n  )\n}\n\nPostalCodeAndCity._supportsEufemiaSpacingProps = true\nexport default PostalCodeAndCity\n"],"mappings":";;;;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,aAAa,MAAM,yBAAyB;AACnD,OAAOC,UAAU,MAAoC,eAAe;AACpE,OAAOC,eAAe,MAAyC,UAAU;AAOzE,SAASC,iBAAiBA,CAACC,KAAY,EAAE;EACvC,MAAMC,aAAa,GAAGP,UAAU,CAACE,aAAa,CAAC;EAE/C,MAAM;MACJM,UAAU,GAAG,CAAC,CAAC;MACfC,IAAI,GAAG,CAAC,CAAC;MACTC,KAAK,GAAG;IAEV,CAAC,GAAGJ,KAAK;IADJK,eAAe,GAAAC,wBAAA,CAChBN,KAAK,EAAAO,SAAA;EAET,OACEd,KAAA,CAAAe,aAAA,CAACX,UAAU,EAAAY,QAAA;IACTC,SAAS,EAAEf,UAAU,CACnB,sCAAsC,EACtCK,KAAK,CAACU,SACR;EAAE,GACEL,eAAe,GAEnBZ,KAAA,CAAAe,aAAA;IACEE,SAAS,EACP,8CAA8C,IAC9CN,KAAK,KAAK,KAAK,mDACkCA,KAAM;EACvD,GAEFX,KAAA,CAAAe,aAAA,CAACV,eAAe,EAAAW,QAAA,KACVP,UAAU;IACdS,OAAO,EAAET,UAAU,CAACS,OAAO,IAAI,YAAa;IAC5CD,SAAS,EAAEf,UAAU,CACnB,mDAAmD,EACnDO,UAAU,CAACQ,SACb,CAAE;IACFE,KAAK,EACHV,UAAU,CAACU,KAAK,KAChBX,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEY,WAAW,CAACC,KAAK,CAACC,eAAe,CACjD;IACDC,aAAa,EAAAC,aAAA;MACXC,QAAQ,EACNjB,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEY,WAAW,CAACC,KAAK,CAACK,uBAAuB;MAC1DR,OAAO,EACLV,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEY,WAAW,CAACC,KAAK,CAACM;IAAsB,GACtDlB,UAAU,CAACc,aAAa,CAC3B;IACFK,WAAW,EAAEnB,UAAU,CAACmB,WAAW,IAAI,MAAO;IAC9CjB,KAAK,EAAE,KAAM;IACbkB,cAAc,EAAC;EAAyD,EACzE,CAAC,EACF7B,KAAA,CAAAe,aAAA,CAACV,eAAe,EAAAW,QAAA,KACVN,IAAI;IACRO,SAAS,EAAEf,UAAU,CACnB,4CAA4C,EAC5CQ,IAAI,CAACO,SACP,CAAE;IACFE,KAAK,EAAET,IAAI,CAACS,KAAK,KAAIX,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEY,WAAW,CAACC,KAAK,CAACS,SAAS,CAAC;IAChEP,aAAa,EAAAC,aAAA;MACXC,QAAQ,EAAEjB,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEY,WAAW,CAACC,KAAK,CAACU;IAAiB,GACzDrB,IAAI,CAACa,aAAa,CACrB;IACFZ,KAAK,EAAC;EAAS,EAChB,CACE,CACK,CAAC;AAEjB;AAEAL,iBAAiB,CAAC0B,4BAA4B,GAAG,IAAI;AACrD,eAAe1B,iBAAiB"}

package/es/extensions/forms/Field/SelectCountry.d.ts

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

package/es/extensions/forms/Field/SelectCountry.js

@@ -0,0 +1,26 @@
+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 Selection from './Selection';
+import Option from './Option';
+import countries from '../constants/countries';
+import SharedContext from '../../../shared/Context';
+function SelectCountry(props) {
+  const sharedContext = useContext(SharedContext);
+  const selectComponentProps = _objectSpread(_objectSpread({}, props), {}, {
+    placeholder: props.placeholder ?? (sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.selectCountryPlaceholder),
+    label: props.label ?? (sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.selectCountryLabel),
+    errorMessages: _objectSpread({
+      required: sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.selectCountryErrorRequired
+    }, props.errorMessages)
+  });
+  return React.createElement(Selection, selectComponentProps, countries.map(country => React.createElement(Option, {
+    key: country.iso,
+    value: country.iso,
+    title: country.name
+  })));
+}
+SelectCountry._supportsEufemiaSpacingProps = true;
+export default SelectCountry;
+//# sourceMappingURL=SelectCountry.js.map

package/es/extensions/forms/Field/SelectCountry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectCountry.js","names":["React","useContext","Selection","Option","countries","SharedContext","SelectCountry","props","sharedContext","selectComponentProps","_objectSpread","placeholder","translation","Forms","selectCountryPlaceholder","label","selectCountryLabel","errorMessages","required","selectCountryErrorRequired","createElement","map","country","key","iso","value","title","name","_supportsEufemiaSpacingProps"],"sources":["../../../../../src/extensions/forms/Field/SelectCountry.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport Selection, { Props as SelectionProps } from './Selection'\nimport Option from './Option'\nimport countries from '../constants/countries'\nimport SharedContext from '../../../shared/Context'\n\nexport type Props = SelectionProps\n\nfunction SelectCountry(props: Props) {\n  const sharedContext = useContext(SharedContext)\n\n  const selectComponentProps: Props = {\n    ...props,\n    placeholder:\n      props.placeholder ??\n      sharedContext?.translation.Forms.selectCountryPlaceholder,\n    label:\n      props.label ?? sharedContext?.translation.Forms.selectCountryLabel,\n    errorMessages: {\n      required:\n        sharedContext?.translation.Forms.selectCountryErrorRequired,\n      ...props.errorMessages,\n    },\n  }\n\n  return (\n    <Selection {...selectComponentProps}>\n      {countries.map((country) => (\n        <Option\n          key={country.iso}\n          value={country.iso}\n          title={country.name}\n        />\n      ))}\n    </Selection>\n  )\n}\n\nSelectCountry._supportsEufemiaSpacingProps = true\nexport default SelectCountry\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAmC,aAAa;AAChE,OAAOC,MAAM,MAAM,UAAU;AAC7B,OAAOC,SAAS,MAAM,wBAAwB;AAC9C,OAAOC,aAAa,MAAM,yBAAyB;AAInD,SAASC,aAAaA,CAACC,KAAY,EAAE;EACnC,MAAMC,aAAa,GAAGP,UAAU,CAACI,aAAa,CAAC;EAE/C,MAAMI,oBAA2B,GAAAC,aAAA,CAAAA,aAAA,KAC5BH,KAAK;IACRI,WAAW,EACTJ,KAAK,CAACI,WAAW,KACjBH,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEI,WAAW,CAACC,KAAK,CAACC,wBAAwB;IAC3DC,KAAK,EACHR,KAAK,CAACQ,KAAK,KAAIP,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEI,WAAW,CAACC,KAAK,CAACG,kBAAkB;IACpEC,aAAa,EAAAP,aAAA;MACXQ,QAAQ,EACNV,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEI,WAAW,CAACC,KAAK,CAACM;IAA0B,GAC1DZ,KAAK,CAACU,aAAa;EACvB,EACF;EAED,OACEjB,KAAA,CAAAoB,aAAA,CAAClB,SAAS,EAAKO,oBAAoB,EAChCL,SAAS,CAACiB,GAAG,CAAEC,OAAO,IACrBtB,KAAA,CAAAoB,aAAA,CAACjB,MAAM;IACLoB,GAAG,EAAED,OAAO,CAACE,GAAI;IACjBC,KAAK,EAAEH,OAAO,CAACE,GAAI;IACnBE,KAAK,EAAEJ,OAAO,CAACK;EAAK,CACrB,CACF,CACQ,CAAC;AAEhB;AAEArB,aAAa,CAACsB,4BAA4B,GAAG,IAAI;AACjD,eAAetB,aAAa"}

package/es/extensions/forms/Field/Selection.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import type { ComponentProps } from '../component-types';
+import type { FieldProps } from '../field-types';
+export type Props = ComponentProps & FieldProps<string | number> & {
+    children?: React.ReactNode;
+    variant?: 'dropdown' | 'radio' | 'checkbox';
+    width?: false | 'medium' | 'large' | 'stretch';
+};
+declare function Selection(props: Props): import("react/jsx-runtime").JSX.Element;
+declare namespace Selection {
+    var _supportsEufemiaSpacingProps: boolean;
+}
+export default Selection;