@dnb/eufemia 10.5.0 → 10.6.0

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

@@ -0,0 +1,23 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["trueText", "falseText"];
+import React, { useContext } from 'react';
+import Toggle from './Toggle';
+import SharedContext from '../../../shared/Context';
+function BooleanComponent(props) {
+  const sharedContext = useContext(SharedContext);
+  const {
+      trueText,
+      falseText
+    } = props,
+    restProps = _objectWithoutProperties(props, _excluded);
+  return React.createElement(Toggle, _extends({}, restProps, {
+    valueOn: true,
+    valueOff: false,
+    textOn: trueText ?? (sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.booleanYes),
+    textOff: falseText ?? (sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.booleanNo)
+  }));
+}
+BooleanComponent._supportsEufemiaSpacingProps = true;
+export default BooleanComponent;
+//# sourceMappingURL=Boolean.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Boolean.js","names":["React","useContext","Toggle","SharedContext","BooleanComponent","props","sharedContext","trueText","falseText","restProps","_objectWithoutProperties","_excluded","createElement","_extends","valueOn","valueOff","textOn","translation","Forms","booleanYes","textOff","booleanNo","_supportsEufemiaSpacingProps"],"sources":["../../../../../src/extensions/forms/Field/Boolean.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport Toggle, { Props as ToggleProps } from './Toggle'\nimport SharedContext from '../../../shared/Context'\n\nexport type Props = Omit<\n  ToggleProps,\n  'valueOn' | 'valueOff' | 'textOn' | 'textOff'\n> & {\n  trueText?: string\n  falseText?: string\n}\n\nfunction BooleanComponent(props: Props) {\n  const sharedContext = useContext(SharedContext)\n  const { trueText, falseText, ...restProps } = props\n  return (\n    <Toggle\n      {...restProps}\n      valueOn={true}\n      valueOff={false}\n      textOn={trueText ?? sharedContext?.translation.Forms.booleanYes}\n      textOff={falseText ?? sharedContext?.translation.Forms.booleanNo}\n    />\n  )\n}\n\nBooleanComponent._supportsEufemiaSpacingProps = true\nexport default BooleanComponent\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,MAAM,MAAgC,UAAU;AACvD,OAAOC,aAAa,MAAM,yBAAyB;AAUnD,SAASC,gBAAgBA,CAACC,KAAY,EAAE;EACtC,MAAMC,aAAa,GAAGL,UAAU,CAACE,aAAa,CAAC;EAC/C,MAAM;MAAEI,QAAQ;MAAEC;IAAwB,CAAC,GAAGH,KAAK;IAAnBI,SAAS,GAAAC,wBAAA,CAAKL,KAAK,EAAAM,SAAA;EACnD,OACEX,KAAA,CAAAY,aAAA,CAACV,MAAM,EAAAW,QAAA,KACDJ,SAAS;IACbK,OAAO,EAAE,IAAK;IACdC,QAAQ,EAAE,KAAM;IAChBC,MAAM,EAAET,QAAQ,KAAID,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEW,WAAW,CAACC,KAAK,CAACC,UAAU,CAAC;IAChEC,OAAO,EAAEZ,SAAS,KAAIF,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEW,WAAW,CAACC,KAAK,CAACG,SAAS;EAAC,EAClE,CAAC;AAEN;AAEAjB,gBAAgB,CAACkB,4BAA4B,GAAG,IAAI;AACpD,eAAelB,gBAAgB"}

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

@@ -0,0 +1,10 @@
+import type { ComponentProps } from '../component-types';
+import type { FieldProps } from '../field-types';
+export type Props = ComponentProps & FieldProps<number> & {
+    currency?: string;
+};
+declare function Currency(props: Props): import("react/jsx-runtime").JSX.Element;
+declare namespace Currency {
+    var _supportsEufemiaSpacingProps: boolean;
+}
+export default Currency;

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

@@ -0,0 +1,50 @@
+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 classnames from 'classnames';
+import { InputMasked } from '../../../components';
+import { useField } from './hooks';
+import { forwardSpaceProps } from '../utils';
+function Currency(props) {
+  const preparedProps = _objectSpread(_objectSpread({}, props), {}, {
+    fromInput: ({
+      value,
+      numberValue
+    }) => {
+      if (value === '') {
+        return props.emptyValue;
+      }
+      return numberValue;
+    }
+  });
+  const {
+    className,
+    currency,
+    placeholder,
+    label,
+    value,
+    error,
+    disabled,
+    onFocus,
+    onBlur,
+    onChange
+  } = useField(preparedProps);
+  return React.createElement(InputMasked, _extends({
+    as_currency: currency ?? true,
+    className: classnames('dnb-forms-field-currency', className),
+    placeholder: placeholder ?? 'kr',
+    value: (value === null || value === void 0 ? void 0 : value.toString()) ?? '',
+    label: label,
+    label_direction: "vertical",
+    on_focus: onFocus,
+    on_blur: onBlur,
+    on_change: onChange,
+    status: error === null || error === void 0 ? void 0 : error.message,
+    disabled: disabled
+  }, forwardSpaceProps(props)));
+}
+Currency._supportsEufemiaSpacingProps = true;
+export default Currency;
+//# sourceMappingURL=Currency.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Currency.js","names":["React","classnames","InputMasked","useField","forwardSpaceProps","Currency","props","preparedProps","_objectSpread","fromInput","value","numberValue","emptyValue","className","currency","placeholder","label","error","disabled","onFocus","onBlur","onChange","createElement","_extends","as_currency","toString","label_direction","on_focus","on_blur","on_change","status","message","_supportsEufemiaSpacingProps"],"sources":["../../../../../src/extensions/forms/Field/Currency.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport { InputMasked } from '../../../components'\nimport { useField } from './hooks'\nimport { forwardSpaceProps } from '../utils'\nimport type { ComponentProps } from '../component-types'\nimport type { FieldProps } from '../field-types'\n\nexport type Props = ComponentProps &\n  FieldProps<number> & {\n    currency?: string\n  }\n\nfunction Currency(props: Props) {\n  const preparedProps: Props = {\n    ...props,\n    fromInput: ({\n      value,\n      numberValue,\n    }: {\n      value: string\n      numberValue: number\n    }) => {\n      if (value === '') {\n        return props.emptyValue\n      }\n      return numberValue\n    },\n  }\n  const {\n    className,\n    currency,\n    placeholder,\n    label,\n    value,\n    error,\n    disabled,\n    onFocus,\n    onBlur,\n    onChange,\n  } = useField(preparedProps)\n\n  return (\n    <InputMasked\n      as_currency={currency ?? true}\n      className={classnames('dnb-forms-field-currency', className)}\n      placeholder={placeholder ?? 'kr'}\n      value={value?.toString() ?? ''}\n      label={label}\n      label_direction=\"vertical\"\n      on_focus={onFocus}\n      on_blur={onBlur}\n      on_change={onChange}\n      status={error?.message}\n      disabled={disabled}\n      {...forwardSpaceProps(props)}\n    />\n  )\n}\n\nCurrency._supportsEufemiaSpacingProps = true\nexport default Currency\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,WAAW,QAAQ,qBAAqB;AACjD,SAASC,QAAQ,QAAQ,SAAS;AAClC,SAASC,iBAAiB,QAAQ,UAAU;AAS5C,SAASC,QAAQA,CAACC,KAAY,EAAE;EAC9B,MAAMC,aAAoB,GAAAC,aAAA,CAAAA,aAAA,KACrBF,KAAK;IACRG,SAAS,EAAEA,CAAC;MACVC,KAAK;MACLC;IAIF,CAAC,KAAK;MACJ,IAAID,KAAK,KAAK,EAAE,EAAE;QAChB,OAAOJ,KAAK,CAACM,UAAU;MACzB;MACA,OAAOD,WAAW;IACpB;EAAC,EACF;EACD,MAAM;IACJE,SAAS;IACTC,QAAQ;IACRC,WAAW;IACXC,KAAK;IACLN,KAAK;IACLO,KAAK;IACLC,QAAQ;IACRC,OAAO;IACPC,MAAM;IACNC;EACF,CAAC,GAAGlB,QAAQ,CAACI,aAAa,CAAC;EAE3B,OACEP,KAAA,CAAAsB,aAAA,CAACpB,WAAW,EAAAqB,QAAA;IACVC,WAAW,EAAEV,QAAQ,IAAI,IAAK;IAC9BD,SAAS,EAAEZ,UAAU,CAAC,0BAA0B,EAAEY,SAAS,CAAE;IAC7DE,WAAW,EAAEA,WAAW,IAAI,IAAK;IACjCL,KAAK,EAAE,CAAAA,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEe,QAAQ,CAAC,CAAC,KAAI,EAAG;IAC/BT,KAAK,EAAEA,KAAM;IACbU,eAAe,EAAC,UAAU;IAC1BC,QAAQ,EAAER,OAAQ;IAClBS,OAAO,EAAER,MAAO;IAChBS,SAAS,EAAER,QAAS;IACpBS,MAAM,EAAEb,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEc,OAAQ;IACvBb,QAAQ,EAAEA;EAAS,GACfd,iBAAiB,CAACE,KAAK,CAAC,CAC7B,CAAC;AAEN;AAEAD,QAAQ,CAAC2B,4BAA4B,GAAG,IAAI;AAC5C,eAAe3B,QAAQ"}

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

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

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

@@ -0,0 +1,46 @@
+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: ({
+      date
+    }) => {
+      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/es/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","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,EAAEA,CAAC;MAAEC;IAAuB,CAAC,KAAK;MACzC,OAAOA,IAAI;IACb;EAAC,EACF;EAED,MAAM;IACJC,SAAS;IACTC,KAAK;IACLC,KAAK;IACLC,KAAK;IACLC,QAAQ;IACRC,OAAO;IACPC,MAAM;IACNC;EACF,CAAC,GAAGhB,QAAQ,CAACK,aAAa,CAAC;EAE3B,OACET,KAAA,CAAAqB,aAAA,CAACnB,UAAU,EAAAoB,QAAA;IACTT,SAAS,EAAEA,SAAU;IACrBC,KAAK,EAAEA,KAAK,KAAIN,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEe,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,GACZhB,iBAAiB,CAACI,KAAK,CAAC,CAC7B,CAAC;AAEN;AAEAD,aAAa,CAAC6B,4BAA4B,GAAG,IAAI;AACjD,eAAe7B,aAAa"}

package/es/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/es/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/es/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/es/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/es/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/es/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/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":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,WAAW,QAAQ,qBAAqB;AACjD,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,iBAAiB,QAAQ,UAAU;AAC5C,OAAOC,UAAU,MAAM,eAAe;AACtC,SAASC,QAAQ,QAAQ,SAAS;AAkClC,SAASC,eAAeA,CAACC,KAAY,EAAE;EACrC,MAAM;IACJC,iBAAiB;IACjBC,aAAa,GAAG,GAAG;IACnBC,YAAY,GAAG,EAAE;IACjBC,MAAM;IACNC,MAAM;IACNC;EACF,CAAC,GAAGN,KAAK;EAET,MAAMO,aAAoB,GAAAC,aAAA,CAAAA,aAAA,KACrBR,KAAK;IACRS,MAAM,EAAET,KAAK,CAACS,MAAM,IAAI;MACtBC,IAAI,EAAE,QAAQ;MACdC,OAAO,EAAEX,KAAK,CAACW,OAAO;MACtBC,OAAO,EAAEZ,KAAK,CAACY,OAAO;MACtBC,gBAAgB,EAAEb,KAAK,CAACa,gBAAgB;MACxCC,gBAAgB,EAAEd,KAAK,CAACc,gBAAgB;MACxCC,UAAU,EAAEf,KAAK,CAACe;IACpB,CAAC;IACDC,OAAO,EAAGC,QAA4B,IAAK;MACzC,IAAIA,QAAQ,KAAKC,SAAS,EAAE;QAC1B,OAAO,EAAE;MACX;MACA,OAAOD,QAAQ;IACjB,CAAC;IACDE,SAAS,EAAEA,CAAC;MACVC,KAAK;MACLC;IAIF,CAAC,KAAK;MACJ,IAAID,KAAK,KAAK,EAAE,EAAE;QAChB,OAAOE,UAAU;MACnB;MACA,OAAOD,WAAW;IACpB,CAAC;IACDE,KAAK,EAAEvB,KAAK,CAACuB,KAAK,IAAI;EAAQ,EAC/B;EAED,MAAM;IACJC,EAAE;IACFC,SAAS;IACTC,cAAc;IACdC,MAAM;IACNC,WAAW;IACXC,KAAK;IACLC,gBAAgB;IAChBC,cAAc;IACdX,KAAK;IACLY,QAAQ;IACRC,IAAI;IACJC,OAAO;IACPC,KAAK;IACLb,UAAU;IACVC,KAAK;IACLa,OAAO;IACPC,MAAM;IACNC;EACF,CAAC,GAAGxC,QAAQ,CAACS,aAAa,CAAC;EAE3B,OACEd,KAAA,CAAA8C,aAAA,CAAC1C,UAAU,EAAA2C,QAAA;IACTf,SAAS,EAAE9B,UAAU,CAAC,wBAAwB,EAAE8B,SAAS,CAAE;IAC3DgB,KAAK,EAAEjB,EAAG;IACVG,MAAM,EAAEA,MAAO;IACfE,KAAK,EAAEA,KAAM;IACbC,gBAAgB,EAAEA,gBAAiB;IACnCC,cAAc,EAAEA,cAAe;IAC/BE,IAAI,EAAEA,IAAK;IACXC,OAAO,EAAEA,OAAQ;IACjBC,KAAK,EAAEA;EAAM,GACTvC,iBAAiB,CAACI,KAAK,CAAC,GAE5BP,KAAA,CAAA8C,aAAA,CAAC7C,WAAW;IACV8B,EAAE,EAAEA,EAAG;IACPC,SAAS,EAAE9B,UAAU,CACnB,+BAA+B,EAI/B+B,cAAc,EAHdH,KAAK,KAAK,KAAK,IACbA,KAAK,KAAK,SAAS,IAClB,wCAAuCA,KAAM,EAElD,CAAE;IACFK,WAAW,EAAEA,WAAY;IACzBR,KAAK,EAAEA,KAAM;IACbsB,SAAS;IACTC,WAAW,EAAE;MACXxC,YAAY;MACZD,aAAa;MACb0C,yBAAyB,EAAE3C,iBAAiB,KAAKiB,SAAS;MAC1D2B,wBAAwB,EACtB5C,iBAAiB,KAAK,IAAI,GAAG,GAAG,GAAGA,iBAAiB;MACtDG,MAAM;MACNC;IACF,CAAE;IACFyC,KAAK,EAAExC,YAAa;IACpByC,QAAQ,EAAEX,OAAQ;IAClBY,OAAO,EAAEX,MAAO;IAChBY,SAAS,EAAEX,QAAS;IACpBN,QAAQ,EAAEA,QAAS;IACnBkB,OAAO,EAAE3B,KAAK,KAAK;EAAU,CAC9B,CACS,CAAC;AAEjB;AAEAxB,eAAe,CAACoD,4BAA4B,GAAG,IAAI;AACnD,eAAepD,eAAe"}

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;