@maskito/phone - npm Package Compare versions

Comparing version 1.9.0 to 2.0.0

index.esm.js

@@ -11,89 +11,74 @@ import { MASKITO_DEFAULT_OPTIONS } from '@maskito/core';
  */
-
-function cutInitCountryCodePreprocessor({
-  countryIsoCode,
-  metadata
-}) {
-  let isInitializationPhase = true;
-  return ({
-    elementState,
-    data
-  }) => {
-    if (!isInitializationPhase) {
-      return {
-        elementState,
-        data
-      };
-    }
-
-    const {
-      value,
-      selection
-    } = elementState;
-    isInitializationPhase = false;
-
-    try {
-      const phone = parsePhoneNumber(value, countryIsoCode, metadata);
-      const code = getCountryCallingCode(countryIsoCode, metadata);
-      const newValue = `+${code} ${phone.nationalNumber}`;
-      return {
-        elementState: {
-          value: newValue,
-          selection
+function cutInitCountryCodePreprocessor({ countryIsoCode, metadata, }) {
+    let isInitializationPhase = true;
+    return ({ elementState, data }) => {
+        if (!isInitializationPhase) {
+            return { elementState, data };
         }
-      };
-    } catch (_a) {
-      return {
-        elementState
-      };
-    }
-  };
+        const { value, selection } = elementState;
+        isInitializationPhase = false;
+        try {
+            const phone = parsePhoneNumber(value, countryIsoCode, metadata);
+            const code = getCountryCallingCode(countryIsoCode, metadata);
+            const newValue = `+${code} ${phone.nationalNumber}`;
+            return {
+                elementState: {
+                    value: newValue,
+                    selection,
+                },
+            };
+        }
+        catch (_a) {
+            return {
+                elementState,
+            };
+        }
+    };
 }
 
-function cutPhoneByValidLength({
-  phone,
-  metadata
-}) {
-  const validationResult = validatePhoneNumberLength(phone, metadata);
-
-  if (validationResult === 'TOO_LONG') {
-    return cutPhoneByValidLength({
-      phone: phone.slice(0, phone.length - 1),
-      metadata
-    });
-  }
-
-  return phone;
+function cutPhoneByValidLength({ phone, metadata, }) {
+    const validationResult = validatePhoneNumberLength(phone, metadata);
+    if (validationResult === 'TOO_LONG') {
+        return cutPhoneByValidLength({
+            phone: phone.slice(0, phone.length - 1),
+            metadata,
+        });
+    }
+    return phone;
 }
 
-function generatePhoneMask({
-  value,
-  template,
-  prefix
-}) {
-  return [...prefix, ...(template ? template.slice(prefix.length).split('').map(сhar => сhar === TEMPLATE_FILLER || /\d/.test(сhar) ? /\d/ : сhar) : new Array(Math.max(value.length - prefix.length, prefix.length)).fill(/\d/))];
+function generatePhoneMask({ value, template, prefix, }) {
+    return [
+        ...prefix,
+        ...(template
+            ? template
+                .slice(prefix.length)
+                .split('')
+                .map(сhar => сhar === TEMPLATE_FILLER || /\d/.test(сhar) ? /\d/ : сhar)
+            : new Array(Math.max(value.length - prefix.length, prefix.length)).fill(/\d/)),
+    ];
 }
 
 function maskitoGetCountryFromNumber(number, metadata) {
-  const formatter = new AsYouType({}, metadata);
-  formatter.input(number);
-  return formatter.getCountry();
+    const formatter = new AsYouType({}, metadata);
+    formatter.input(number);
+    return formatter.getCountry();
 }
 
 function getPhoneTemplate(formatter, value, separator) {
-  formatter.input(value.replace(/[^\d+]/g, ''));
-  const initialTemplate = formatter.getTemplate();
-  const split = initialTemplate.split(' ');
-  const template = split.length > 1 ? `${split.slice(0, 2).join(' ')} ${split.slice(2).join(separator)}` : initialTemplate;
-  formatter.reset();
-  return template.trim();
+    formatter.input(value.replace(/[^\d+]/g, ''));
+    const initialTemplate = formatter.getTemplate();
+    const split = initialTemplate.split(' ');
+    const template = split.length > 1
+        ? `${split.slice(0, 2).join(' ')} ${split.slice(2).join(separator)}`
+        : initialTemplate;
+    formatter.reset();
+    return template.trim();
 }
 
-function selectTemplate({
-  currentTemplate,
-  newTemplate,
-  currentPhoneLength,
-  newPhoneLength
-}) {
-  return newTemplate.length < currentTemplate.length && newPhoneLength > currentPhoneLength ? currentTemplate : newTemplate;
+function selectTemplate({ currentTemplate, newTemplate, currentPhoneLength, newPhoneLength, }) {
+    return newTemplate.length < currentTemplate.length &&
+        newPhoneLength > currentPhoneLength
+        ? currentTemplate
+        : newTemplate;
 }
@@ -103,174 +88,120 @@
 function phoneLengthPostprocessorGenerator(metadata) {
-  return ({
-    value,
-    selection
-  }) => ({
-    value: value.length > MIN_LENGTH ? cutPhoneByValidLength({
-      phone: value,
-      metadata
-    }) : value,
-    selection
-  });
+    return ({ value, selection }) => ({
+        value: value.length > MIN_LENGTH
+            ? cutPhoneByValidLength({ phone: value, metadata })
+            : value,
+        selection,
+    });
 }
 
-function validatePhonePreprocessorGenerator({
-  prefix,
-  countryIsoCode,
-  metadata
-}) {
-  return ({
-    elementState,
-    data
-  }) => {
-    const {
-      selection,
-      value
-    } = elementState;
-    const [from] = selection;
-    const selectionIncludesPrefix = from < prefix.length;
-    const cleanCode = prefix.trim(); // handling autocomplete
-
-    if (value && !value.startsWith(cleanCode) && !data) {
-      const formatter = new AsYouType({
-        defaultCountry: countryIsoCode
-      }, metadata);
-      formatter.input(value);
-      const numberValue = formatter.getNumberValue() || '';
-      formatter.reset();
-      return {
-        elementState: {
-          value: formatter.input(numberValue),
-          selection
+function validatePhonePreprocessorGenerator({ prefix, countryIsoCode, metadata, }) {
+    return ({ elementState, data }) => {
+        const { selection, value } = elementState;
+        const [from] = selection;
+        const selectionIncludesPrefix = from < prefix.length;
+        const cleanCode = prefix.trim();
+        // handling autocomplete
+        if (value && !value.startsWith(cleanCode) && !data) {
+            const formatter = new AsYouType({ defaultCountry: countryIsoCode }, metadata);
+            formatter.input(value);
+            const numberValue = formatter.getNumberValue() || '';
+            formatter.reset();
+            return { elementState: { value: formatter.input(numberValue), selection } };
         }
-      };
-    }
-
-    try {
-      const validationError = validatePhoneNumberLength(data, {
-        defaultCountry: countryIsoCode
-      }, metadata);
-
-      if (!validationError) {
-        // handle paste-event with different code, for example for 8 / +7
-        const phone = countryIsoCode ? parsePhoneNumber(data, countryIsoCode, metadata) : parsePhoneNumber(data, metadata);
-        const {
-          nationalNumber,
-          countryCallingCode
-        } = phone;
-        return {
-          elementState: {
-            selection,
-            value: selectionIncludesPrefix ? '' : prefix
-          },
-          data: selectionIncludesPrefix ? `+${countryCallingCode} ${nationalNumber}` : nationalNumber
-        };
-      }
-    } catch (_a) {
-      return {
-        elementState
-      };
-    }
-
-    return {
-      elementState
+        try {
+            const validationError = validatePhoneNumberLength(data, { defaultCountry: countryIsoCode }, metadata);
+            if (!validationError) {
+                // handle paste-event with different code, for example for 8 / +7
+                const phone = countryIsoCode
+                    ? parsePhoneNumber(data, countryIsoCode, metadata)
+                    : parsePhoneNumber(data, metadata);
+                const { nationalNumber, countryCallingCode } = phone;
+                return {
+                    elementState: {
+                        selection,
+                        value: selectionIncludesPrefix ? '' : prefix,
+                    },
+                    data: selectionIncludesPrefix
+                        ? `+${countryCallingCode} ${nationalNumber}`
+                        : nationalNumber,
+                };
+            }
+        }
+        catch (_a) {
+            return { elementState };
+        }
+        return { elementState };
     };
-  };
 }
 
-function maskitoPhoneNonStrictOptionsGenerator({
-  defaultIsoCode,
-  metadata,
-  separator = '-'
-}) {
-  const formatter = new AsYouType(defaultIsoCode, metadata);
-  const prefix = '+';
-  let currentTemplate = '';
-  let currentPhoneLength = 0;
-  return Object.assign(Object.assign({}, MASKITO_DEFAULT_OPTIONS), {
-    mask: ({
-      value
-    }) => {
-      const newTemplate = getPhoneTemplate(formatter, value, separator);
-      const newPhoneLength = value.replace(/\D/g, '').length;
-      currentTemplate = selectTemplate({
-        currentTemplate,
-        newTemplate,
-        currentPhoneLength,
-        newPhoneLength
-      });
-      currentPhoneLength = newPhoneLength;
-      return currentTemplate.length === 1 ? ['+', /\d/] : generatePhoneMask({
-        value,
-        template: currentTemplate,
-        prefix
-      });
-    },
-    postprocessors: [phoneLengthPostprocessorGenerator(metadata)],
-    preprocessors: [validatePhonePreprocessorGenerator({
-      prefix,
-      countryIsoCode: defaultIsoCode,
-      metadata
-    })]
-  });
+function maskitoPhoneNonStrictOptionsGenerator({ defaultIsoCode, metadata, separator = '-', }) {
+    const formatter = new AsYouType(defaultIsoCode, metadata);
+    const prefix = '+';
+    let currentTemplate = '';
+    let currentPhoneLength = 0;
+    return Object.assign(Object.assign({}, MASKITO_DEFAULT_OPTIONS), { mask: ({ value }) => {
+            const newTemplate = getPhoneTemplate(formatter, value, separator);
+            const newPhoneLength = value.replace(/\D/g, '').length;
+            currentTemplate = selectTemplate({
+                currentTemplate,
+                newTemplate,
+                currentPhoneLength,
+                newPhoneLength,
+            });
+            currentPhoneLength = newPhoneLength;
+            return currentTemplate.length === 1
+                ? ['+', /\d/]
+                : generatePhoneMask({ value, template: currentTemplate, prefix });
+        }, postprocessors: [phoneLengthPostprocessorGenerator(metadata)], preprocessors: [
+            validatePhonePreprocessorGenerator({
+                prefix,
+                countryIsoCode: defaultIsoCode,
+                metadata,
+            }),
+        ] });
 }
 
-function maskitoPhoneStrictOptionsGenerator({
-  countryIsoCode,
-  metadata,
-  separator = '-'
-}) {
-  const code = getCountryCallingCode(countryIsoCode, metadata);
-  const formatter = new AsYouType(countryIsoCode, metadata);
-  const prefix = `+${code} `;
-  let currentTemplate = '';
-  let currentPhoneLength = 0;
-  return Object.assign(Object.assign({}, MASKITO_DEFAULT_OPTIONS), {
-    mask: ({
-      value
-    }) => {
-      const newTemplate = getPhoneTemplate(formatter, value, separator);
-      const newPhoneLength = value.replace(/\D/g, '').length;
-      currentTemplate = selectTemplate({
-        currentTemplate,
-        newTemplate,
-        currentPhoneLength,
-        newPhoneLength
-      });
-      currentPhoneLength = newPhoneLength;
-      return generatePhoneMask({
-        value,
-        template: currentTemplate,
-        prefix
-      });
-    },
-    plugins: [maskitoCaretGuard((value, [from, to]) => [from === to ? prefix.length : 0, value.length]), maskitoRemoveOnBlurPlugin(prefix), maskitoAddOnFocusPlugin(prefix)],
-    postprocessors: [maskitoPrefixPostprocessorGenerator(prefix), phoneLengthPostprocessorGenerator(metadata)],
-    preprocessors: [cutInitCountryCodePreprocessor({
-      countryIsoCode,
-      metadata
-    }), validatePhonePreprocessorGenerator({
-      prefix,
-      countryIsoCode,
-      metadata
-    })]
-  });
+function maskitoPhoneStrictOptionsGenerator({ countryIsoCode, metadata, separator = '-', }) {
+    const code = getCountryCallingCode(countryIsoCode, metadata);
+    const formatter = new AsYouType(countryIsoCode, metadata);
+    const prefix = `+${code} `;
+    let currentTemplate = '';
+    let currentPhoneLength = 0;
+    return Object.assign(Object.assign({}, MASKITO_DEFAULT_OPTIONS), { mask: ({ value }) => {
+            const newTemplate = getPhoneTemplate(formatter, value, separator);
+            const newPhoneLength = value.replace(/\D/g, '').length;
+            currentTemplate = selectTemplate({
+                currentTemplate,
+                newTemplate,
+                currentPhoneLength,
+                newPhoneLength,
+            });
+            currentPhoneLength = newPhoneLength;
+            return generatePhoneMask({ value, template: currentTemplate, prefix });
+        }, plugins: [
+            maskitoCaretGuard((value, [from, to]) => [
+                from === to ? prefix.length : 0,
+                value.length,
+            ]),
+            maskitoRemoveOnBlurPlugin(prefix),
+            maskitoAddOnFocusPlugin(prefix),
+        ], postprocessors: [
+            maskitoPrefixPostprocessorGenerator(prefix),
+            phoneLengthPostprocessorGenerator(metadata),
+        ], preprocessors: [
+            cutInitCountryCodePreprocessor({ countryIsoCode, metadata }),
+            validatePhonePreprocessorGenerator({ prefix, countryIsoCode, metadata }),
+        ] });
 }
 
-function maskitoPhoneOptionsGenerator({
-  countryIsoCode,
-  metadata,
-  strict = true,
-  separator = '-'
-}) {
-  return strict && countryIsoCode ? maskitoPhoneStrictOptionsGenerator({
-    countryIsoCode,
-    metadata,
-    separator
-  }) : maskitoPhoneNonStrictOptionsGenerator({
-    defaultIsoCode: countryIsoCode,
-    metadata,
-    separator
-  });
+function maskitoPhoneOptionsGenerator({ countryIsoCode, metadata, strict = true, separator = '-', }) {
+    return strict && countryIsoCode
+        ? maskitoPhoneStrictOptionsGenerator({ countryIsoCode, metadata, separator })
+        : maskitoPhoneNonStrictOptionsGenerator({
+            defaultIsoCode: countryIsoCode,
+            metadata,
+            separator,
+        });
 }
 
 export { maskitoGetCountryFromNumber, maskitoPhoneOptionsGenerator };

package.json

 {
   "name": "@maskito/phone",
-  "version": "1.9.0",
+  "version": "2.0.0",
   "description": "The optional framework-agnostic Maskito's package with phone masks",
@@ -32,12 +32,11 @@ "keywords": [
   "devDependencies": {
-    "libphonenumber-js": "1.10.50"
+    "libphonenumber-js": "1.10.53"
   },
   "peerDependencies": {
-    "@maskito/core": "^1.9.0",
-    "@maskito/kit": "^1.9.0",
+    "@maskito/core": "^2.0.0",
+    "@maskito/kit": "^2.0.0",
     "libphonenumber-js": ">=1.0.0"
   },
-  "main": "./index.umd.js",
   "module": "./index.esm.js",
-  "typings": "./index.d.ts"
+  "main": "./index.cjs.js"
 }

New alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Number of package files

41

increased by2.5%

Worsened metrics

Total package byte prevSize

29591

decreased by-10.42%

Lines of code

467

decreased by-26.34%

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes