@dnb/eufemia 10.2.0 → 10.3.0

package/es/components/input-masked/InputMasked.d.ts

@@ -54,241 +54,195 @@ export interface InputMaskedProps
    * A mask can be defined both as a <a href="https://github.com/text-mask/text-mask/blob/master/componentDocumentation.md#readme">RegExp style of characters</a> or a callback function. Example below.
    */
   mask?: InputMaskedMask;
-
   /**
    * Set to `true` to enable the default numbers formatting – or give an `object` containing the number mask properties. More details below. Can be a JSON string as well, containing the number mask properties. Is disabled by default.
    */
   number_mask?: InputMaskedNumberMask;
-
   /**
    * Set to `true` or set the <em>valuta</em> (currency_mask="kr") to enable a custom currency mask – or give an `object` containing the number mask properties. More details below. Can be a JSON string as well, containing the number mask properties. Is disabled by default. Defaults to `kr`.
    */
   currency_mask?: InputMaskedCurrencyMask;
-
   /**
    * Use it to manipulate internal masks. You can use it instead of e.g. `number_mask` or `curreny_mask`. All options are listed below.
    */
   mask_options?: InputMaskedMaskOptions;
-
   /**
    * Use an object with <a href="/uilib/components/number-format/properties">NumberFormat</a> e.g. `{ omit_rounding: false }`.
    */
   number_format?: NumberFormatProps;
-
   /**
    * Define the locale to be used in the `as_number` or `as_currency` masked. It will be inherited from the <a href="/uilib/usage/customisation/provider">Eufemia Provider</a> if not given. Defaults to `nb-NO`.
    */
   locale?: Locale;
-
   /**
    * Set to `true` to use `NOK` or give it a currency code e.g. `USD` to automatically set a currency mask based on the given or inherited locale.
    */
   as_currency?: InputMaskedAsCurrency;
-
   /**
    * Set to `true` to automatically set a number mask based on the given or inherited locale.
    */
   as_number?: boolean;
-
   /**
    * Set to `true` to automatically set a number mask with a percentage sign based on the given or inherited locale.
    */
   as_percent?: boolean;
-
   /**
    * Show mask when input is empty and has no focus. Defaults to `false`.
    */
   show_mask?: boolean;
-
   /**
    * When `false` is given, it doesn&#39;t print out placeholder characters and only adds mask characters when the user reaches them as they&#39;re typing. Defaults to `true`.
    */
   show_guide?: boolean;
   pipe?: (...args: any[]) => any;
-
   /**
    * When `true`, adding or deleting characters will not affect the positions of existing characters. Defaults to `false`.
    */
   keep_char_positions?: boolean;
-
   /**
    * The placeholder character represents the fillable spot in the mask (e.g. `_`). Defaults to invisible space.
    */
   placeholder_char?: string;
-
   /**
    * By providing a React.ref we can get the internally used input element (DOM). E.g. `inner_ref={myRef}` by using `React.createRef()` or `React.useRef()`.
    */
   inner_ref?: React.Ref;
-
   /**
    * Will be called on value changes made by the user. Returns an object with the value as a string and the native event: `{ value, event }`.
    */
   on_change?: (...args: any[]) => any;
-
   /**
    * Will be called on submit button click. Returns `{ value, event }`.
    */
   on_submit?: (...args: any[]) => any;
-
   /**
    * Will be called on focus set by the user. Returns `{ value, event }`.
    */
   on_focus?: (...args: any[]) => any;
-
   /**
    * Will be called on blur set by the user. Returns `{ value, event }`.
    */
   on_blur?: (...args: any[]) => any;
   on_submit_focus?: (...args: any[]) => any;
   on_submit_blur?: (...args: any[]) => any;
-
   /**
    * Choose between `text`, `number`, `email`, `password`, `url`, `tel` and `search`.
    */
   type?: string;
-
   /**
    * The sizes you can choose is `small` (1.5rem), `default` (2rem), `medium` (2.5rem) and `large` (3rem) are supported component sizes. Defaults to `default` / `null`. Also, if you define a number like `size="2"` then it will be forwarded as the input element attribute.
    */
   size?: InputSize;
-
   /**
    * The content value of the input.
    */
   value?: InputMaskedValue;
   id?: string;
-
   /**
    * Prepends the Form Label component. If no ID is provided, a random ID is created.
    */
   label?: FormLabelText;
-
   /**
    * Use `label_direction="vertical"` to change the label layout direction. Defaults to `horizontal`.
    */
   label_direction?: FormLabelLabelDirection;
-
   /**
    * Use `true` to make the label only readable by screen readers.
    */
   label_sr_only?: boolean;
-
   /**
    * Text with a status message. The style defaults to an error message. You can use `true` to only get the status color, without a message.
    */
   status?: FormStatusText;
-
   /**
    * Defines the state of the status. Currently, there are two statuses `[error, info]`. Defaults to `error`.
    */
   status_state?: FormStatusState;
-
   /**
    * Use an object to define additional FormStatus properties.
    */
   status_props?: FormStatusProps;
   status_no_animation?: boolean;
-
   /**
    * Defines a custom visual state of the input. Use it only if you have to simulate a custom state. Currently are three statuses `virgin` , `focus` and `dirty`. Defaults to `null`.
    */
   input_state?: string;
-
   /**
    * The <a href="/uilib/components/global-status/properties/#configuration-object">configuration</a> used for the target <a href="/uilib/components/global-status">GlobalStatus</a>.
    */
   globalStatus?: GlobalStatusConfigObject;
-
   /**
    * Defaults to `off`. Set to `on` or any of <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-autocomplete">allowed `attributes`</a>. Keep in mind, 1. you may have to define a `name`, 2. have the input as a descendant of a `<form>` element, 3. and have a submit button inside the form.
    */
   autocomplete?: string;
-
   /**
    * Title attribute for the search icon. Only relevant if search input.
    */
   submit_button_title?: string;
   clear_button_title?: string;
-
   /**
    * The placeholder which shows up once the input value is empty
    */
   placeholder?: string;
-
   /**
    * If set to `true`, then a clear button will be shown which lets the user clear any given input value.
    */
   clear?: boolean;
-
   /**
    * Set to `true` in case the `placeholder` has to be kept during focus. By default, the placeholder disappears on focus.
    */
   keep_placeholder?: boolean;
-
   /**
    * Text describing the content of the input more than the label. you can also send in a React component, so it gets wrapped inside the Input component.
    */
   suffix?: InputMaskedSuffix;
-
   /**
    * Defines the text alignment of the input. Can be `left`, `right` or `center`. Defaults to `left`.
    */
   align?: InputMaskedAlign;
-
   /**
    * If set to `true`, then the whole input value gets selected on the entry focus. A second click will place the cursor on the wanted position.
    */
   selectall?: boolean;
-
   /**
    * If set to `true`, then the input field will be 100% in `width`.
    */
   stretch?: boolean;
   disabled?: boolean;
-
   /**
    * If set to `true`, an overlaying skeleton with animation will be shown.
    */
   skeleton?: SkeletonShow;
   class?: string;
-
   /**
    * In case we have to set a custom input class.
    */
   input_class?: string;
-
   /**
    * Provide the Input element with any attributes by using an Object `input_attributes={{size:&#39;2&#39;}}` or a JSON Object `input_attributes=&#39;{"size":"2"}&#39;`. "NB:" Keep in mind, that also every not listed component property will be sent along and set as an Input element attribute.
    */
   input_attributes?: InputInputAttributes;
-
   /**
    * <em>(internal)</em> by providing a new component we can change the internally used element. Also supports a string only, like `input_element="input"`.
    */
   input_element?: InputInputElement;
-
   /**
    * Icon to show before or after the input / placeholder. Can be either a string defining a primary icon or a Component using an SVG icon of either 16px or 24px.
    */
   icon?: IconIcon;
-
   /**
    * The icon size of the icon shows. Defaults to `medium`.
    */
   icon_size?: IconSize;
-
   /**
    * Defines the position of icon inside the input. Set to `left` or `right`. Defaults to `left` if not set.
    */
   icon_position?: ButtonIconPosition;
   readOnly?: boolean;
-
   /**
    * <em>(internal)</em> by providing a new component to be rendered inside the "shell" – we can add a freely customizable internal element. Used by the Autocomplete component.
    */
   inner_element?: React.ReactNode;
-
   /**
    * Accepts a React element which will show up like the "submit button" would do on `type="search"`.
    */

package/es/components/input-masked/InputMasked.js

@@ -1,11 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-
 var _InputMaskedElement;
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
+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 PropTypes from 'prop-types';
 import { extendPropsWithContext } from '../../shared/component-helper';
@@ -13,20 +9,16 @@ import InputMaskedContext from './InputMaskedContext';
 import InputMaskedElement from './InputMaskedElement';
 import Input, { inputPropTypes } from '../input/Input';
 import Context from '../../shared/Context';
-
 const InputMasked = props => {
   const context = React.useContext(Context);
-
   if (props !== null && props !== void 0 && props.mask) {
     const alias = context === null || context === void 0 ? void 0 : context.InputMasked;
-
     for (const key in alias) {
       if (/^as[_A-Z]|number_mask|currency_mask/.test(key)) {
         delete alias[key];
       }
     }
   }
-
   const contextAndProps = React.useCallback(extendPropsWithContext(props, InputMasked.defaultProps, context === null || context === void 0 ? void 0 : context.InputMasked), [props, InputMasked.defaultProps, context === null || context === void 0 ? void 0 : context.InputMasked]);
   return React.createElement(InputMaskedContext.Provider, {
     value: {
@@ -35,7 +27,6 @@ const InputMasked = props => {
     }
   }, _InputMaskedElement || (_InputMaskedElement = React.createElement(InputMaskedElement, null)));
 };
-
 export default InputMasked;
 process.env.NODE_ENV !== "production" ? InputMasked.propTypes = _objectSpread({
   mask: PropTypes.oneOfType([PropTypes.object, PropTypes.array, PropTypes.func]),
@@ -82,4 +73,5 @@ InputMasked.defaultProps = _objectSpread(_objectSpread({}, Input.defaultProps),
   on_blur: null,
   on_submit_focus: null,
   on_submit_blur: null
-});
+});
+//# sourceMappingURL=InputMasked.js.map

package/es/components/input-masked/InputMasked.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputMasked.js","names":["React","PropTypes","extendPropsWithContext","InputMaskedContext","InputMaskedElement","Input","inputPropTypes","Context","InputMasked","props","context","useContext","mask","alias","key","test","contextAndProps","useCallback","defaultProps","createElement","Provider","value","_InputMaskedElement","process","env","NODE_ENV","propTypes","_objectSpread","oneOfType","object","array","func","number_mask","string","bool","currency_mask","mask_options","number_format","locale","as_currency","as_number","as_percent","show_mask","show_guide","pipe","keep_char_positions","placeholder_char","inner_ref","on_change","on_submit","on_focus","on_blur","on_submit_focus","on_submit_blur"],"sources":["../../../../src/components/input-masked/InputMasked.js"],"sourcesContent":["/* eslint-disable react/no-unused-prop-types */\n/**\n * Web InputMasked Component\n *\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport { extendPropsWithContext } from '../../shared/component-helper'\nimport InputMaskedContext from './InputMaskedContext'\nimport InputMaskedElement from './InputMaskedElement'\nimport Input, { inputPropTypes } from '../input/Input'\nimport Context from '../../shared/Context'\n\nconst InputMasked = (props) => {\n  const context = React.useContext(Context)\n\n  // Remove masks defined in Provider/Context, because it overwrites a custom mask\n  if (props?.mask) {\n    const alias = context?.InputMasked\n    for (const key in alias) {\n      if (/^as[_A-Z]|number_mask|currency_mask/.test(key)) {\n        delete alias[key]\n      }\n    }\n  }\n\n  const contextAndProps = React.useCallback(\n    extendPropsWithContext(\n      props,\n      InputMasked.defaultProps,\n      context?.InputMasked\n    ),\n    [props, InputMasked.defaultProps, context?.InputMasked]\n  )\n\n  return (\n    <InputMaskedContext.Provider\n      value={{\n        props: contextAndProps,\n        context,\n      }}\n    >\n      <InputMaskedElement />\n    </InputMaskedContext.Provider>\n  )\n}\n\nexport default InputMasked\n\nInputMasked.propTypes = {\n  mask: PropTypes.oneOfType([\n    PropTypes.object,\n    PropTypes.array,\n    PropTypes.func,\n  ]),\n  number_mask: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.bool,\n    PropTypes.object,\n  ]),\n  currency_mask: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.bool,\n    PropTypes.object,\n  ]),\n  mask_options: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),\n  number_format: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),\n  locale: PropTypes.string,\n  as_currency: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  as_number: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  as_percent: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  show_mask: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  show_guide: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  pipe: PropTypes.func,\n  keep_char_positions: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.bool,\n  ]),\n  placeholder_char: PropTypes.string,\n  inner_ref: PropTypes.oneOfType([PropTypes.object, PropTypes.func]),\n\n  on_change: PropTypes.func,\n  on_submit: PropTypes.func,\n  on_focus: PropTypes.func,\n  on_blur: PropTypes.func,\n  on_submit_focus: PropTypes.func,\n  on_submit_blur: PropTypes.func,\n\n  ...inputPropTypes,\n}\n\nInputMasked.defaultProps = {\n  ...Input.defaultProps,\n\n  mask: null,\n  number_mask: null,\n  currency_mask: null,\n  mask_options: null,\n  number_format: null,\n  as_currency: null,\n  as_number: null,\n  as_percent: null,\n  locale: null,\n  show_mask: false,\n  show_guide: true,\n  pipe: null,\n  keep_char_positions: false,\n  placeholder_char: null,\n  inner_ref: null,\n\n  on_change: null,\n  on_submit: null,\n  on_focus: null,\n  on_blur: null,\n  on_submit_focus: null,\n  on_submit_blur: null,\n}\n"],"mappings":"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"}

package/es/components/input-masked/InputMaskedContext.d.ts

@@ -1,3 +1,3 @@
 export default InputMaskedContext;
 declare const InputMaskedContext: React.Context<{}>;
-import React from "react";
+import React from 'react';

package/es/components/input-masked/InputMaskedContext.js

@@ -1,3 +1,4 @@
 import React from 'react';
 const InputMaskedContext = React.createContext({});
-export default InputMaskedContext;
+export default InputMaskedContext;
+//# sourceMappingURL=InputMaskedContext.js.map

package/es/components/input-masked/InputMaskedContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputMaskedContext.js","names":["React","InputMaskedContext","createContext"],"sources":["../../../../src/components/input-masked/InputMaskedContext.js"],"sourcesContent":["/**\n * Web InputMasked Context\n *\n */\n\nimport React from 'react'\n\nconst InputMaskedContext = React.createContext({})\n\nexport default InputMaskedContext\n"],"mappings":"AAKA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,kBAAkB,GAAGD,KAAK,CAACE,aAAa,CAAC,CAAC,CAAC,CAAC;AAElD,eAAeD,kBAAkB"}

package/es/components/input-masked/InputMaskedElement.js

@@ -24,4 +24,5 @@ export default function InputMaskedElement() {
     value: localValue,
     className: classnames('dnb-input-masked', className)
   }));
-}
+}
+//# sourceMappingURL=InputMaskedElement.js.map

package/es/components/input-masked/InputMaskedElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputMaskedElement.js","names":["React","Input","classnames","useInputElement","useEventMapping","useFilteredProps","useLocalValue","InputMaskedElement","inputElement","localValue","setLocalValue","events","props","htmlAttributes","className","createElement","_extends","input_element","value"],"sources":["../../../../src/components/input-masked/InputMaskedElement.js"],"sourcesContent":["/**\n * Web InputMasked Component\n *\n */\n\nimport React from 'react'\nimport Input from '../input/Input'\nimport classnames from 'classnames'\nimport {\n  useInputElement,\n  useEventMapping,\n  useFilteredProps,\n  useLocalValue,\n} from './InputMaskedHooks'\n\nexport default function InputMaskedElement() {\n  const inputElement = useInputElement()\n  const { localValue, setLocalValue } = useLocalValue()\n  const events = useEventMapping({ setLocalValue })\n\n  const { props, htmlAttributes } = useFilteredProps()\n  const {\n    className, // eslint-disable-line\n  } = props\n\n  return (\n    <Input\n      {...htmlAttributes}\n      {...events}\n      input_element={inputElement}\n      value={localValue}\n      className={classnames('dnb-input-masked', className)}\n    />\n  )\n}\n"],"mappings":";AAKA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,KAAK,MAAM,gBAAgB;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,SACEC,eAAe,EACfC,eAAe,EACfC,gBAAgB,EAChBC,aAAa,QACR,oBAAoB;AAE3B,eAAe,SAASC,kBAAkBA,CAAA,EAAG;EAC3C,MAAMC,YAAY,GAAGL,eAAe,CAAC,CAAC;EACtC,MAAM;IAAEM,UAAU;IAAEC;EAAc,CAAC,GAAGJ,aAAa,CAAC,CAAC;EACrD,MAAMK,MAAM,GAAGP,eAAe,CAAC;IAAEM;EAAc,CAAC,CAAC;EAEjD,MAAM;IAAEE,KAAK;IAAEC;EAAe,CAAC,GAAGR,gBAAgB,CAAC,CAAC;EACpD,MAAM;IACJS;EACF,CAAC,GAAGF,KAAK;EAET,OACEZ,KAAA,CAAAe,aAAA,CAACd,KAAK,EAAAe,QAAA,KACAH,cAAc,EACdF,MAAM;IACVM,aAAa,EAAET,YAAa;IAC5BU,KAAK,EAAET,UAAW;IAClBK,SAAS,EAAEZ,UAAU,CAAC,kBAAkB,EAAEY,SAAS;EAAE,EACtD,CAAC;AAEN"}

package/es/components/input-masked/InputMaskedHooks.d.ts

@@ -28,4 +28,4 @@ export function useEventMapping({ setLocalValue }: object): {
     on_submit: any;
     on_change: any;
 };
-import React from "react";
+import React from 'react';

package/es/components/input-masked/InputMaskedHooks.js

@@ -2,11 +2,8 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["mask", "number_mask", "currency_mask", "number_format", "mask_options", "as_currency", "as_number", "as_percent", "locale", "show_mask", "show_guide", "pipe", "keep_char_positions", "placeholder_char"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
+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 { cleanNumber, getCurrencySymbol } from '../number-format/NumberUtils';
@@ -21,25 +18,23 @@ export const useFilteredProps = () => {
   const {
     props
   } = React.useContext(InputMaskedContext);
-
   const {
-    mask,
-    number_mask,
-    currency_mask,
-    number_format,
-    mask_options,
-    as_currency,
-    as_number,
-    as_percent,
-    locale,
-    show_mask,
-    show_guide,
-    pipe,
-    keep_char_positions,
-    placeholder_char
-  } = props,
-        attributes = _objectWithoutProperties(props, _excluded);
-
+      mask,
+      number_mask,
+      currency_mask,
+      number_format,
+      mask_options,
+      as_currency,
+      as_number,
+      as_percent,
+      locale,
+      show_mask,
+      show_guide,
+      pipe,
+      keep_char_positions,
+      placeholder_char
+    } = props,
+    attributes = _objectWithoutProperties(props, _excluded);
   return {
     props,
     htmlAttributes: Object.freeze(attributes)
@@ -53,11 +48,9 @@ export const useLocale = () => {
   let {
     locale
   } = props;
-
   if (!locale && context !== null && context !== void 0 && context.locale) {
     locale = context.locale;
   }
-
   return locale;
 };
 export const useLocalValue = () => {
@@ -91,11 +84,9 @@ export const useNumberMask = () => {
   const {
     props
   } = React.useContext(InputMaskedContext);
-
   if (!maskParams || !isRequestingNumberMask(props)) {
     return null;
   }
-
   const mask = createNumberMask(maskParams);
   mask.maskParams = maskParams;
   return mask;
@@ -105,11 +96,9 @@ export const useMask = () => {
     props
   } = React.useContext(InputMaskedContext);
   const numberMask = useNumberMask();
-
   if (numberMask) {
     return numberMask;
   }
-
   return props.mask;
 };
 export const useMaskParams = () => {
@@ -127,19 +116,15 @@ export const useMaskParams = () => {
   const maskParams = useNumberMaskParams() || {};
   maskParams.showMask = !placeholder && isTrue(show_mask);
   maskParams.placeholderChar = placeholder_char;
-
   if (typeof (mask === null || mask === void 0 ? void 0 : mask.placeholderChar) !== 'undefined') {
     maskParams.placeholderChar = mask.placeholderChar;
   }
-
   if (maskParams.placeholderChar === null) {
     maskParams.placeholderChar = invisibleSpace;
   }
-
   if (typeof (mask === null || mask === void 0 ? void 0 : mask.showMask) !== 'undefined') {
     maskParams.showMask = mask.showMask;
   }
-
   maskParams.showGuide = isTrue(show_guide);
   maskParams.keepCharPositions = isTrue(keep_char_positions);
   return maskParams;
@@ -170,14 +155,11 @@ export const useInputElement = () => {
   const inputElementRef = React.useRef(React.createElement("input", {
     ref: ref
   }));
-
   const InputElement = (params, innerRef) => {
     innerRef.current = ref.current;
-
     if (!params.inputMode) {
       params.inputMode = getInputModeFromMask(mask);
     }
-
     return React.createElement(TextMask, _extends({
       inputRef: ref,
       inputElement: inputElementRef.current,
@@ -191,7 +173,6 @@ export const useInputElement = () => {
       className: classnames(params.className, showMask && showGuide && placeholderChar && placeholderChar !== invisibleSpace && 'dnb-input-masked--guide')
     }));
   };
-
   return InputElement;
 };
 export const useEventMapping = ({
@@ -219,7 +200,6 @@ export const useEventMapping = ({
     on_change: undefined
   };
 };
-
 const useCallEvent = ({
   setLocalValue
 }) => {
@@ -230,7 +210,6 @@ const useCallEvent = ({
   const isNumberMask = useNumberMask();
   const decimalSeparators = /[,.'·]/;
   let isUnidentified = false;
-
   const callEvent = ({
     event,
     value
@@ -238,45 +217,35 @@ const useCallEvent = ({
     value = value || event.target.value;
     const selStart = event.target.selectionStart;
     let keyCode = keycode(event);
-
     if (name === 'on_key_down' && (event.which === 229 || keyCode === undefined)) {
       isUnidentified = true;
     }
-
     if (isUnidentified && name === 'on_before_input' && typeof (event === null || event === void 0 ? void 0 : event.data) !== 'undefined') {
       name = 'on_key_down';
       keyCode = event.data;
       isUnidentified = false;
     }
-
     if (name === 'on_key_down' && !isUnidentified && maskParams !== null && maskParams !== void 0 && maskParams.disallowLeadingZeroes && (keyCode === '0' || keyCode === 'numpad 0' || value.replace(/[^\d]/g, '') === '' && decimalSeparators.test(keyCode))) {
       const testValue = (value.slice(0, selStart) + '0' + value.slice(selStart + 1, value.length)).replace(/[^\d]/g, '');
-
       if (/^0/.test(testValue)) {
         event.preventDefault();
       }
     }
-
     if (name === 'on_key_down' && isNumberMask && !isUnidentified && maskParams !== null && maskParams !== void 0 && maskParams.decimalSymbol) {
       const hasDecimalSymbol = value.includes(maskParams.decimalSymbol);
       const allowedDecimals = maskParams.decimalLimit > 0 || maskParams.allowDecimal !== false;
-
       if (!allowedDecimals && decimalSeparators.test(keyCode)) {
         event.preventDefault();
       }
-
       const charAtSelection = value.slice(selStart, selStart + 1);
-
       if (allowedDecimals) {
         if (hasDecimalSymbol && decimalSeparators.test(keyCode)) {
           if (decimalSeparators.test(charAtSelection)) {
             const index = value.indexOf(maskParams.decimalSymbol);
-
             if (index > -1) {
               safeSetSelection(event.target, index + 1);
             }
           }
-
           event.preventDefault();
         } else if (!hasDecimalSymbol && keyCode !== maskParams.decimalSymbol && decimalSeparators.test(keyCode)) {
           value = value.slice(0, selStart);
@@ -285,64 +254,50 @@ const useCallEvent = ({
           event.preventDefault();
         }
       }
-
       if (keyCode === 'delete' && charAtSelection === (maskParams.thousandsSeparatorSymbol || ' ')) {
         safeSetSelection(event.target, selStart + 1);
         event.preventDefault();
       }
     }
-
     let num = cleanNumber(value, {
       prefix: maskParams.prefix,
       suffix: maskParams.suffix,
       decimalSeparator: maskParams.decimalSymbol || ',',
       thousandsSeparator: maskParams.thousandsSeparatorSymbol || ' '
     });
-
     if (num === '-') {
       num = -0;
     }
-
     const numberValue = Number(num);
     const cleanedValue = numberValue === 0 ? '' : num;
-
     if (name === 'on_change' && numberValue === 0) {
       correctCaretPosition(event.target, maskParams, props);
     }
-
     const result = dispatchCustomElementEvent(props, name, {
       event,
       value,
       numberValue,
       cleanedValue
     });
-
     if (name === 'on_change') {
       setLocalValue(value);
     }
-
     if ((name === 'on_focus' || name === 'on_mouse_up') && !props.selectall) {
       correctCaretPosition(event.target, maskParams, props);
     }
-
     return result;
   };
-
   return callEvent;
 };
-
 const useNumberMaskParams = () => {
   var _currency_mask;
-
   const {
     props
   } = React.useContext(InputMaskedContext);
   const locale = useLocale();
-
   if (!isRequestingNumberMask(props)) {
     return _objectSpread({}, fromJSON(props.mask_options));
   }
-
   let {
     number_mask,
     currency_mask,
@@ -358,15 +313,12 @@ const useNumberMaskParams = () => {
   currency_mask = isTrue(currency_mask) ? {} : fromJSON(currency_mask, {
     currency: currency_mask
   });
-
   if (!((_currency_mask = currency_mask) !== null && _currency_mask !== void 0 && _currency_mask.currency)) {
     delete currency_mask.currency;
   }
-
   if (isRequestingLocaleSupport(props)) {
     const thousandsSeparatorSymbol = handleThousandsSeparator(locale);
     const decimalSymbol = handleDecimalSeparator(locale);
-
     if (isTrue(as_number) || isTrue(as_percent)) {
       number_mask = _objectSpread({
         decimalSymbol,
@@ -380,15 +332,12 @@ const useNumberMaskParams = () => {
       }, currency_mask);
     }
   }
-
   let maskParams = null;
-
   if (number_mask) {
     maskParams = handleNumberMask({
       mask_options,
       number_mask
     });
-
     if (isTrue(as_percent)) {
       maskParams = handlePercentMask({
         props,
@@ -402,6 +351,6 @@ const useNumberMaskParams = () => {
       currency_mask
     });
   }
-
   return maskParams;
-};
+};
+//# sourceMappingURL=InputMaskedHooks.js.map