@alfalab/core-components 45.9.0-beta.0 → 45.9.0-beta.1

package/international-phone-input/cssm/desktop/Component.desktop.js

@@ -1,28 +1,19 @@
-import React, { forwardRef } from 'react';
-import { InputDesktop } from '../../../input/cssm/desktop';
-import { InputAutocompleteDesktop } from '../../../input-autocomplete/cssm/desktop';
-import { SelectDesktop } from '../../../select/cssm/desktop';
-import { BaseInternationalPhoneInput } from '../components/base-international-phone-input/Component.js';
-import 'react-merge-refs';
-import '@maskito/core';
-import '@maskito/react';
-import '../../../select/cssm/shared';
-import '../utils/index.js';
-import '../../../shared/cssm';
-import '../consts.js';
-import '../data/country-data.js';
-import '../components/country-select/Component.js';
-import '@alfalab/icons-glyph/WorldMagnifierMIcon';
-import '../components/flag-icon/component.js';
-import 'classnames';
-import '../components/flag-icon/flagSprite.js';
-import '../components/flag-icon/index.module.css';
-import '../components/select-field/component.js';
-import '@alfalab/hooks';
-import '../components/select-field/index.module.css';
-import '../components/country-select/index.module.css';
-import '../components/base-international-phone-input/index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const InternationalPhoneInputDesktop = forwardRef(({ value, clearableCountryCode = true, ...restProps }, ref) => (React.createElement(BaseInternationalPhoneInput, { selected: value, ...restProps, clearableCountryCode: clearableCountryCode, value: value, view: 'desktop', ref: ref, SelectComponent: SelectDesktop, Input: InputDesktop, InputAutocomplete: InputAutocompleteDesktop })));
+var tslib = require('tslib');
+var React = require('react');
+var desktop$1 = require('../../../input/cssm/desktop');
+var desktop$2 = require('../../../input-autocomplete/cssm/desktop');
+var desktop = require('../../../select/cssm/desktop');
+var components_baseInternationalPhoneInput_Component = require('../components/base-international-phone-input/Component.js');
 
-export { InternationalPhoneInputDesktop };
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+var InternationalPhoneInputDesktop = React.forwardRef(function (_a, ref) {
+    var value = _a.value, _b = _a.clearableCountryCode, clearableCountryCode = _b === void 0 ? true : _b, restProps = tslib.__rest(_a, ["value", "clearableCountryCode"]);
+    return (React__default.default.createElement(components_baseInternationalPhoneInput_Component.BaseInternationalPhoneInput, tslib.__assign({ selected: value }, restProps, { clearableCountryCode: clearableCountryCode, value: value, view: 'desktop', ref: ref, SelectComponent: desktop.SelectDesktop, Input: desktop$1.InputDesktop, InputAutocomplete: desktop$2.InputAutocompleteDesktop })));
+});
+
+exports.InternationalPhoneInputDesktop = InternationalPhoneInputDesktop;

package/international-phone-input/cssm/desktop/index.js

@@ -1,25 +1,7 @@
-export { InternationalPhoneInputDesktop } from './Component.desktop.js';
-import 'react';
-import '../../../input/cssm/desktop';
-import '../../../input-autocomplete/cssm/desktop';
-import '../../../select/cssm/desktop';
-import '../components/base-international-phone-input/Component.js';
-import 'react-merge-refs';
-import '@maskito/core';
-import '@maskito/react';
-import '../../../select/cssm/shared';
-import '../utils/index.js';
-import '../../../shared/cssm';
-import '../consts.js';
-import '../data/country-data.js';
-import '../components/country-select/Component.js';
-import '@alfalab/icons-glyph/WorldMagnifierMIcon';
-import '../components/flag-icon/component.js';
-import 'classnames';
-import '../components/flag-icon/flagSprite.js';
-import '../components/flag-icon/index.module.css';
-import '../components/select-field/component.js';
-import '@alfalab/hooks';
-import '../components/select-field/index.module.css';
-import '../components/country-select/index.module.css';
-import '../components/base-international-phone-input/index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var desktop_Component_desktop = require('./Component.desktop.js');
+
+
+
+exports.InternationalPhoneInputDesktop = desktop_Component_desktop.InternationalPhoneInputDesktop;

package/international-phone-input/cssm/index-7ca84eff.d.ts

@@ -0,0 +1,15 @@
+import { FC, ReactNode } from "react";
+type StackProps = {
+    /**
+     * Render prop, в который передается функция.
+     * Функция принимает аргумент со значением z-index из текущего контекста.
+     */
+    children: (value: number) => ReactNode;
+    /**
+     * Исходное значение для z-index.
+     * @default 5
+     */
+    value?: number;
+};
+declare const Stack: FC<StackProps>;
+export { StackProps, Stack };

package/international-phone-input/cssm/index.js

@@ -1,31 +1,7 @@
-export { InternationalPhoneInput } from './Component.responsive.js';
-import 'react';
-import '../../mq/cssm';
-import './desktop/Component.desktop.js';
-import '../../input/cssm/desktop';
-import '../../input-autocomplete/cssm/desktop';
-import '../../select/cssm/desktop';
-import './components/base-international-phone-input/Component.js';
-import 'react-merge-refs';
-import '@maskito/core';
-import '@maskito/react';
-import '../../select/cssm/shared';
-import './utils/index.js';
-import '../../shared/cssm';
-import './consts.js';
-import './data/country-data.js';
-import './components/country-select/Component.js';
-import '@alfalab/icons-glyph/WorldMagnifierMIcon';
-import './components/flag-icon/component.js';
-import 'classnames';
-import './components/flag-icon/flagSprite.js';
-import './components/flag-icon/index.module.css';
-import './components/select-field/component.js';
-import '@alfalab/hooks';
-import './components/select-field/index.module.css';
-import './components/country-select/index.module.css';
-import './components/base-international-phone-input/index.module.css';
-import './mobile/Component.mobile.js';
-import '../../input/cssm/mobile';
-import '../../input-autocomplete/cssm/mobile';
-import '../../select/cssm/mobile';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Component_responsive = require('./Component.responsive.js');
+
+
+
+exports.InternationalPhoneInput = Component_responsive.InternationalPhoneInput;

package/international-phone-input/cssm/mobile/Component.mobile.js

@@ -1,28 +1,19 @@
-import React, { forwardRef } from 'react';
-import { InputMobile } from '../../../input/cssm/mobile';
-import { InputAutocompleteMobile } from '../../../input-autocomplete/cssm/mobile';
-import { SelectMobile } from '../../../select/cssm/mobile';
-import { BaseInternationalPhoneInput } from '../components/base-international-phone-input/Component.js';
-import 'react-merge-refs';
-import '@maskito/core';
-import '@maskito/react';
-import '../../../select/cssm/shared';
-import '../utils/index.js';
-import '../../../shared/cssm';
-import '../consts.js';
-import '../data/country-data.js';
-import '../components/country-select/Component.js';
-import '@alfalab/icons-glyph/WorldMagnifierMIcon';
-import '../components/flag-icon/component.js';
-import 'classnames';
-import '../components/flag-icon/flagSprite.js';
-import '../components/flag-icon/index.module.css';
-import '../components/select-field/component.js';
-import '@alfalab/hooks';
-import '../components/select-field/index.module.css';
-import '../components/country-select/index.module.css';
-import '../components/base-international-phone-input/index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const InternationalPhoneInputMobile = forwardRef(({ value, clearableCountryCode = true, ...restProps }, ref) => (React.createElement(BaseInternationalPhoneInput, { selected: value, ...restProps, clearableCountryCode: clearableCountryCode, value: value, view: 'mobile', ref: ref, SelectComponent: SelectMobile, Input: InputMobile, InputAutocomplete: InputAutocompleteMobile })));
+var tslib = require('tslib');
+var React = require('react');
+var mobile$1 = require('../../../input/cssm/mobile');
+var mobile$2 = require('../../../input-autocomplete/cssm/mobile');
+var mobile = require('../../../select/cssm/mobile');
+var components_baseInternationalPhoneInput_Component = require('../components/base-international-phone-input/Component.js');
 
-export { InternationalPhoneInputMobile };
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+var InternationalPhoneInputMobile = React.forwardRef(function (_a, ref) {
+    var value = _a.value, _b = _a.clearableCountryCode, clearableCountryCode = _b === void 0 ? true : _b, restProps = tslib.__rest(_a, ["value", "clearableCountryCode"]);
+    return (React__default.default.createElement(components_baseInternationalPhoneInput_Component.BaseInternationalPhoneInput, tslib.__assign({ selected: value }, restProps, { clearableCountryCode: clearableCountryCode, value: value, view: 'mobile', ref: ref, SelectComponent: mobile.SelectMobile, Input: mobile$1.InputMobile, InputAutocomplete: mobile$2.InputAutocompleteMobile })));
+});
+
+exports.InternationalPhoneInputMobile = InternationalPhoneInputMobile;

package/international-phone-input/cssm/mobile/index.js

@@ -1,25 +1,7 @@
-export { InternationalPhoneInputMobile } from './Component.mobile.js';
-import 'react';
-import '../../../input/cssm/mobile';
-import '../../../input-autocomplete/cssm/mobile';
-import '../../../select/cssm/mobile';
-import '../components/base-international-phone-input/Component.js';
-import 'react-merge-refs';
-import '@maskito/core';
-import '@maskito/react';
-import '../../../select/cssm/shared';
-import '../utils/index.js';
-import '../../../shared/cssm';
-import '../consts.js';
-import '../data/country-data.js';
-import '../components/country-select/Component.js';
-import '@alfalab/icons-glyph/WorldMagnifierMIcon';
-import '../components/flag-icon/component.js';
-import 'classnames';
-import '../components/flag-icon/flagSprite.js';
-import '../components/flag-icon/index.module.css';
-import '../components/select-field/component.js';
-import '@alfalab/hooks';
-import '../components/select-field/index.module.css';
-import '../components/country-select/index.module.css';
-import '../components/base-international-phone-input/index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var mobile_Component_mobile = require('./Component.mobile.js');
+
+
+
+exports.InternationalPhoneInputMobile = mobile_Component_mobile.InternationalPhoneInputMobile;

package/international-phone-input/cssm/shared/index.js

@@ -1,5 +1,8 @@
-export { getInternationalPhoneInputDesktopTestIds, getInternationalPhoneInputMobileTestIds } from '../utils/index.js';
-import '../../../select/cssm/shared';
-import '../../../shared/cssm';
-import '../consts.js';
-import '../data/country-data.js';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var utils_index = require('../utils/index.js');
+
+
+
+exports.getInternationalPhoneInputDesktopTestIds = utils_index.getInternationalPhoneInputDesktopTestIds;
+exports.getInternationalPhoneInputMobileTestIds = utils_index.getInternationalPhoneInputMobileTestIds;

package/international-phone-input/cssm/utils/index.js

@@ -1,14 +1,18 @@
-import { isGroup } from '../../../select/cssm/shared';
-import { maskUtils, getDataTestId } from '../../../shared/cssm';
-import { DEFAULT_PHONE_FORMAT } from '../consts.js';
-import { countriesData } from '../data/country-data.js';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var shared = require('../../../select/cssm/shared');
+var coreComponentsShared = require('../../../shared/cssm');
+var consts = require('../consts.js');
+var data_countryData = require('../data/country-data.js');
 
 function initCountries(iso2s) {
-    const filteredCountriesData = Array.isArray(iso2s)
-        ? countriesData.filter((country) => iso2s.includes(country[2]))
-        : countriesData;
-    return filteredCountriesData.map((country) => {
-        const countryItem = {
+    var filteredCountriesData = Array.isArray(iso2s)
+        ? data_countryData.countriesData.filter(function (country) { return iso2s.includes(country[2]); })
+        : data_countryData.countriesData;
+    return filteredCountriesData.map(function (country) {
+        var _a;
+        var countryItem = {
             name: country[0],
             regions: country[1],
             iso2: country[2],
@@ -17,10 +21,10 @@ function initCountries(iso2s) {
             format: country[4],
             priority: country[5] || 0,
         };
-        const areaItems = [];
+        var areaItems = [];
         if (country[6]) {
-            country[6]?.forEach((areaCode) => {
-                const areaItem = { ...countryItem };
+            (_a = country[6]) === null || _a === void 0 ? void 0 : _a.forEach(function (areaCode) {
+                var areaItem = tslib.__assign({}, countryItem);
                 areaItem.dialCode = country[3] + areaCode;
                 areaItem.isAreaCode = true;
                 areaItem.areaCodeLength = areaCode.length;
@@ -29,31 +33,33 @@ function initCountries(iso2s) {
         }
         if (areaItems.length > 0) {
             countryItem.mainCode = true;
-            return [countryItem, ...areaItems];
+            return tslib.__spreadArray([countryItem], areaItems, true);
         }
         return [countryItem];
     });
 }
 function findCountry(countries, value, iso2, country) {
+    var _a;
     if (country)
         return country;
     if (value) {
-        const inputNumber = clearMask(value);
-        const nextCountry = guessCountry(inputNumber, countries);
+        var inputNumber = clearMask(value);
+        var nextCountry = guessCountry(inputNumber, countries);
         return nextCountry;
     }
     if (!iso2)
         return undefined;
-    return countries.find((c) => c[0].iso2 === iso2)?.[0];
+    return (_a = countries.find(function (c) { return c[0].iso2 === iso2; })) === null || _a === void 0 ? void 0 : _a[0];
 }
 function guessCountry(inputNumber, data) {
-    const inputNumberDialCode = inputNumber.slice(0, 6);
-    const result = data.reduce((selectedCountry, countryData) => {
-        let guess;
-        countryData.forEach((country) => {
+    var _a;
+    var inputNumberDialCode = inputNumber.slice(0, 6);
+    var result = data.reduce(function (selectedCountry, countryData) {
+        var guess;
+        countryData.forEach(function (country) {
             if (inputNumberDialCode.startsWith(country.dialCode)) {
-                const selectedCountryDialCode = selectedCountry?.dialCode || '';
-                const selectedCountryPriority = selectedCountry?.priority || 100;
+                var selectedCountryDialCode = (selectedCountry === null || selectedCountry === void 0 ? void 0 : selectedCountry.dialCode) || '';
+                var selectedCountryPriority = (selectedCountry === null || selectedCountry === void 0 ? void 0 : selectedCountry.priority) || 100;
                 if (country.dialCode.length > selectedCountryDialCode.length) {
                     guess = country;
                 }
@@ -66,7 +72,7 @@ function guessCountry(inputNumber, data) {
         return guess || selectedCountry;
     }, undefined);
     if (!result && inputNumber.length > 5 && inputNumber.startsWith('8'))
-        return data.find((countryData) => countryData[0].iso2 === 'ru')?.[0];
+        return (_a = data.find(function (countryData) { return countryData[0].iso2 === 'ru'; })) === null || _a === void 0 ? void 0 : _a[0];
     return result;
 }
 function clearMask(value) {
@@ -77,10 +83,10 @@ function itemToMask(item) {
 }
 function prepareDefaultFormat(countryCode, clearableCountryCode) {
     if (!countryCode)
-        return ['+', ...DEFAULT_PHONE_FORMAT.split('').map(itemToMask)];
-    const removeDots = (count) => {
-        let removed = 0;
-        let res = DEFAULT_PHONE_FORMAT;
+        return tslib.__spreadArray(['+'], consts.DEFAULT_PHONE_FORMAT.split('').map(itemToMask), true);
+    var removeDots = function (count) {
+        var removed = 0;
+        var res = consts.DEFAULT_PHONE_FORMAT;
         while (removed < count) {
             res = res.replace(/\./, '');
             removed += 1;
@@ -88,71 +94,71 @@ function prepareDefaultFormat(countryCode, clearableCountryCode) {
         return res.trim();
     };
     if (clearableCountryCode) {
-        return [
-            '+',
-            ...countryCode.split('').map(() => /\d/),
-            ' ',
-            ...removeDots(countryCode.length).split('').map(itemToMask).reverse(),
-        ];
+        return tslib.__spreadArray(tslib.__spreadArray(tslib.__spreadArray([
+            '+'
+        ], countryCode.split('').map(function () { return /\d/; }), true), [
+            ' '
+        ], false), removeDots(countryCode.length).split('').map(itemToMask).reverse(), true);
     }
-    return [
-        '+',
-        ...countryCode.split(''),
-        ' ',
-        ...removeDots(countryCode.length).split('').map(itemToMask).reverse(),
-    ];
+    return tslib.__spreadArray(tslib.__spreadArray(tslib.__spreadArray([
+        '+'
+    ], countryCode.split(''), true), [
+        ' '
+    ], false), removeDots(countryCode.length).split('').map(itemToMask).reverse(), true);
 }
 function createPhoneMaskExpression(country, clearableCountryCode) {
-    const { countryCode, format } = country || {};
+    var _a = country || {}, countryCode = _a.countryCode, format = _a.format;
     if (!countryCode || !format) {
         return prepareDefaultFormat(countryCode, clearableCountryCode);
     }
-    return [
-        '+',
-        ...(clearableCountryCode ? countryCode.split('').map(() => /\d/) : countryCode.split('')),
-        ' ',
-        ...format.split('').map((item) => (item === '.' ? /\d/ : item)),
-    ];
+    return tslib.__spreadArray(tslib.__spreadArray(tslib.__spreadArray([
+        '+'
+    ], (clearableCountryCode ? countryCode.split('').map(function () { return /\d/; }) : countryCode.split('')), true), [
+        ' '
+    ], false), format.split('').map(function (item) { return (item === '.' ? /\d/ : item); }), true);
 }
 function createMaskOptions(country, clearableCountryCode) {
-    const prefixLen = !clearableCountryCode && country?.countryCode ? country.countryCode.length + 1 : 0;
-    const mask = createPhoneMaskExpression(country, clearableCountryCode);
+    var prefixLen = !clearableCountryCode && (country === null || country === void 0 ? void 0 : country.countryCode) ? country.countryCode.length + 1 : 0;
+    var mask = createPhoneMaskExpression(country, clearableCountryCode);
     return {
-        mask,
+        mask: mask,
         preprocessors: [
-            maskUtils.insertionPhonePreprocessor(mask, country?.countryCode, clearableCountryCode),
+            coreComponentsShared.maskUtils.insertionPhonePreprocessor(mask, country === null || country === void 0 ? void 0 : country.countryCode, clearableCountryCode),
         ],
         postprocessors: [
-            maskUtils.prefixPostprocessor(prefixLen ? `+${country?.countryCode}` : ''),
+            coreComponentsShared.maskUtils.prefixPostprocessor(prefixLen ? "+".concat(country === null || country === void 0 ? void 0 : country.countryCode) : ''),
         ],
         plugins: [
-            maskUtils.caretGuard((value, [from, to]) => [
-                from === to ? prefixLen : 0,
-                value.length,
-            ]),
+            coreComponentsShared.maskUtils.caretGuard(function (value, _a) {
+                var from = _a[0], to = _a[1];
+                return [
+                    from === to ? prefixLen : 0,
+                    value.length,
+                ];
+            }),
         ],
     };
 }
-function defaultFilterFn(value = '', option) {
+function defaultFilterFn(value, option) {
+    if (value === void 0) { value = ''; }
     return clearMask(option.key).includes(clearMask(value));
 }
-const EMPTY_OPTIONS = [];
-const filterPhones = (value = '', options, filterFn = defaultFilterFn) => {
+var EMPTY_OPTIONS = [];
+var filterPhones = function (value, options, filterFn) {
+    if (value === void 0) { value = ''; }
+    if (filterFn === void 0) { filterFn = defaultFilterFn; }
     if (!options || options.length === 0)
         return EMPTY_OPTIONS;
-    const filteredOptions = [];
-    options.forEach((option) => {
-        if (isGroup(option)) {
-            const group = {
-                ...option,
-                options: [],
-            };
-            option.options.forEach((groupOption) => {
+    var filteredOptions = [];
+    options.forEach(function (option) {
+        if (shared.isGroup(option)) {
+            var group_1 = tslib.__assign(tslib.__assign({}, option), { options: [] });
+            option.options.forEach(function (groupOption) {
                 if (filterFn(value, groupOption))
-                    group.options.push(groupOption);
+                    group_1.options.push(groupOption);
             });
-            if (group.options.length)
-                filteredOptions.push(group);
+            if (group_1.options.length)
+                filteredOptions.push(group_1);
         }
         else if (filterFn(value, option))
             filteredOptions.push(option);
@@ -160,21 +166,23 @@ const filterPhones = (value = '', options, filterFn = defaultFilterFn) => {
     return filteredOptions;
 };
 function getPhoneData(phone, countries, defaultIso2) {
-    let nextPhone = phone;
-    const inputNumber = clearMask(nextPhone);
-    const nextCountry = findCountry(countries, phone, defaultIso2);
-    if (nextCountry?.iso2 === 'ru' && inputNumber.length > 5 && inputNumber.startsWith('8')) {
+    var nextPhone = phone;
+    var inputNumber = clearMask(nextPhone);
+    var nextCountry = findCountry(countries, phone, defaultIso2);
+    if ((nextCountry === null || nextCountry === void 0 ? void 0 : nextCountry.iso2) === 'ru' && inputNumber.length > 5 && inputNumber.startsWith('8')) {
         nextPhone = phone.replace(/\+?8/, '+7');
     }
     return {
-        nextPhone,
-        nextCountry,
+        nextPhone: nextPhone,
+        nextCountry: nextCountry,
     };
 }
-function getClear(clear, clearableCountryCode, value = '', countryCode = '') {
+function getClear(clear, clearableCountryCode, value, countryCode) {
+    if (value === void 0) { value = ''; }
+    if (countryCode === void 0) { countryCode = ''; }
     if (!clear)
         return false;
-    const trimmedValue = value.trim();
+    var trimmedValue = value.trim();
     return clearableCountryCode
         ? trimmedValue !== '' && trimmedValue !== '+'
         : trimmedValue.length > countryCode.length + 1;
@@ -182,61 +190,71 @@ function getClear(clear, clearableCountryCode, value = '', countryCode = '') {
 function getInternationalPhoneInputDesktopTestIds(dataTestId) {
     return {
         fieldAutocompleteWrapper: dataTestId,
-        fieldAutocompleteInner: `${dataTestId}-field-form-control-inner`,
-        fieldAutocompleteFormControl: `${dataTestId}-field-form-control`,
-        fieldAutocompleteLeftAddons: `${dataTestId}-field-form-control-left-addons`,
-        fieldAutocompleteRightAddons: `${dataTestId}-field-form-control-right-addons`,
-        fieldAutocompleteError: `${dataTestId}-field-form-control-error-message`,
-        fieldAutocompleteHint: `${dataTestId}-field-form-control-hint`,
-        option: getDataTestId(dataTestId, 'option'),
-        optionsList: getDataTestId(dataTestId, 'options-list'),
-        countryOption: getDataTestId(dataTestId, 'country-select-option'),
-        countryOptionsList: getDataTestId(dataTestId, 'country-select-options-list'),
+        fieldAutocompleteInner: "".concat(dataTestId, "-field-form-control-inner"),
+        fieldAutocompleteFormControl: "".concat(dataTestId, "-field-form-control"),
+        fieldAutocompleteLeftAddons: "".concat(dataTestId, "-field-form-control-left-addons"),
+        fieldAutocompleteRightAddons: "".concat(dataTestId, "-field-form-control-right-addons"),
+        fieldAutocompleteError: "".concat(dataTestId, "-field-form-control-error-message"),
+        fieldAutocompleteHint: "".concat(dataTestId, "-field-form-control-hint"),
+        option: coreComponentsShared.getDataTestId(dataTestId, 'option'),
+        optionsList: coreComponentsShared.getDataTestId(dataTestId, 'options-list'),
+        countryOption: coreComponentsShared.getDataTestId(dataTestId, 'country-select-option'),
+        countryOptionsList: coreComponentsShared.getDataTestId(dataTestId, 'country-select-options-list'),
         field: dataTestId,
-        fieldInner: getDataTestId(dataTestId, 'form-control-inner'),
-        fieldFormControl: getDataTestId(dataTestId, 'form-control'),
-        fieldLeftAddons: getDataTestId(dataTestId, 'form-control-left-addons'),
-        fieldRightAddons: getDataTestId(dataTestId, 'form-control-right-addons'),
-        fieldError: getDataTestId(dataTestId, 'form-control-error-message'),
-        fieldHint: getDataTestId(dataTestId, 'form-control-hint'),
+        fieldInner: coreComponentsShared.getDataTestId(dataTestId, 'form-control-inner'),
+        fieldFormControl: coreComponentsShared.getDataTestId(dataTestId, 'form-control'),
+        fieldLeftAddons: coreComponentsShared.getDataTestId(dataTestId, 'form-control-left-addons'),
+        fieldRightAddons: coreComponentsShared.getDataTestId(dataTestId, 'form-control-right-addons'),
+        fieldError: coreComponentsShared.getDataTestId(dataTestId, 'form-control-error-message'),
+        fieldHint: coreComponentsShared.getDataTestId(dataTestId, 'form-control-hint'),
     };
 }
 function getInternationalPhoneInputMobileTestIds(dataTestId) {
     return {
         fieldAutocompleteWrapper: dataTestId,
-        fieldAutocompleteInner: getDataTestId(dataTestId, 'field-form-control-inner'),
-        fieldAutocompleteFormControl: getDataTestId(dataTestId, 'field-form-control'),
-        fieldAutocompleteLeftAddons: getDataTestId(dataTestId, 'field-form-control-left-addons'),
-        fieldAutocompleteRightAddons: getDataTestId(dataTestId, 'field-form-control-right-addons'),
-        fieldAutocompleteError: getDataTestId(dataTestId, 'field-form-control-error-message'),
-        fieldAutocompleteHint: getDataTestId(dataTestId, 'field-form-control-hint'),
-        option: getDataTestId(dataTestId, 'option'),
-        optionsList: getDataTestId(dataTestId, 'options-list'),
-        bottomSheet: getDataTestId(dataTestId, 'bottom-sheet'),
-        bottomSheetHeader: getDataTestId(dataTestId, 'bottom-sheet-header'),
-        bottomSheetContent: getDataTestId(dataTestId, 'bottom-sheet-content'),
-        countryOption: getDataTestId(dataTestId, 'country-select-option'),
-        countryOptionsList: getDataTestId(dataTestId, 'country-select-options-list'),
-        countryBottomSheet: getDataTestId(dataTestId, 'country-select-bottom-sheet'),
-        countryBottomSheetHeader: getDataTestId(dataTestId, 'country-select-bottom-sheet-header'),
-        countryBottomSheetContent: getDataTestId(dataTestId, 'country-select-bottom-sheet-content'),
-        clearButton: getDataTestId(dataTestId, 'clear'),
-        applyButton: getDataTestId(dataTestId, 'apply'),
+        fieldAutocompleteInner: coreComponentsShared.getDataTestId(dataTestId, 'field-form-control-inner'),
+        fieldAutocompleteFormControl: coreComponentsShared.getDataTestId(dataTestId, 'field-form-control'),
+        fieldAutocompleteLeftAddons: coreComponentsShared.getDataTestId(dataTestId, 'field-form-control-left-addons'),
+        fieldAutocompleteRightAddons: coreComponentsShared.getDataTestId(dataTestId, 'field-form-control-right-addons'),
+        fieldAutocompleteError: coreComponentsShared.getDataTestId(dataTestId, 'field-form-control-error-message'),
+        fieldAutocompleteHint: coreComponentsShared.getDataTestId(dataTestId, 'field-form-control-hint'),
+        option: coreComponentsShared.getDataTestId(dataTestId, 'option'),
+        optionsList: coreComponentsShared.getDataTestId(dataTestId, 'options-list'),
+        bottomSheet: coreComponentsShared.getDataTestId(dataTestId, 'bottom-sheet'),
+        bottomSheetHeader: coreComponentsShared.getDataTestId(dataTestId, 'bottom-sheet-header'),
+        bottomSheetContent: coreComponentsShared.getDataTestId(dataTestId, 'bottom-sheet-content'),
+        countryOption: coreComponentsShared.getDataTestId(dataTestId, 'country-select-option'),
+        countryOptionsList: coreComponentsShared.getDataTestId(dataTestId, 'country-select-options-list'),
+        countryBottomSheet: coreComponentsShared.getDataTestId(dataTestId, 'country-select-bottom-sheet'),
+        countryBottomSheetHeader: coreComponentsShared.getDataTestId(dataTestId, 'country-select-bottom-sheet-header'),
+        countryBottomSheetContent: coreComponentsShared.getDataTestId(dataTestId, 'country-select-bottom-sheet-content'),
+        clearButton: coreComponentsShared.getDataTestId(dataTestId, 'clear'),
+        applyButton: coreComponentsShared.getDataTestId(dataTestId, 'apply'),
         field: dataTestId,
-        fieldInner: getDataTestId(dataTestId, 'form-control-inner'),
-        fieldFormControl: getDataTestId(dataTestId, 'form-control'),
-        fieldLeftAddons: getDataTestId(dataTestId, 'form-control-left-addons'),
-        fieldRightAddons: getDataTestId(dataTestId, 'form-control-right-addons'),
-        fieldError: getDataTestId(dataTestId, 'form-control-error-message'),
-        fieldHint: getDataTestId(dataTestId, 'form-control-hint'),
-        searchInput: getDataTestId(dataTestId, 'search'),
-        searchFormControl: getDataTestId(dataTestId, 'search-form-control'),
-        searchInner: getDataTestId(dataTestId, 'search-form-control-inner'),
-        searchLeftAddons: getDataTestId(dataTestId, 'search-form-control-left-addons'),
-        searchRightAddons: getDataTestId(dataTestId, 'search-form-control-right-addons'),
-        searchError: getDataTestId(dataTestId, 'search-form-control-error-message'),
-        searchHint: getDataTestId(dataTestId, 'search-form-control-hint'),
+        fieldInner: coreComponentsShared.getDataTestId(dataTestId, 'form-control-inner'),
+        fieldFormControl: coreComponentsShared.getDataTestId(dataTestId, 'form-control'),
+        fieldLeftAddons: coreComponentsShared.getDataTestId(dataTestId, 'form-control-left-addons'),
+        fieldRightAddons: coreComponentsShared.getDataTestId(dataTestId, 'form-control-right-addons'),
+        fieldError: coreComponentsShared.getDataTestId(dataTestId, 'form-control-error-message'),
+        fieldHint: coreComponentsShared.getDataTestId(dataTestId, 'form-control-hint'),
+        searchInput: coreComponentsShared.getDataTestId(dataTestId, 'search'),
+        searchFormControl: coreComponentsShared.getDataTestId(dataTestId, 'search-form-control'),
+        searchInner: coreComponentsShared.getDataTestId(dataTestId, 'search-form-control-inner'),
+        searchLeftAddons: coreComponentsShared.getDataTestId(dataTestId, 'search-form-control-left-addons'),
+        searchRightAddons: coreComponentsShared.getDataTestId(dataTestId, 'search-form-control-right-addons'),
+        searchError: coreComponentsShared.getDataTestId(dataTestId, 'search-form-control-error-message'),
+        searchHint: coreComponentsShared.getDataTestId(dataTestId, 'search-form-control-hint'),
     };
 }
 
-export { clearMask, createMaskOptions, createPhoneMaskExpression, filterPhones, findCountry, getClear, getInternationalPhoneInputDesktopTestIds, getInternationalPhoneInputMobileTestIds, getPhoneData, guessCountry, initCountries };
+exports.clearMask = clearMask;
+exports.createMaskOptions = createMaskOptions;
+exports.createPhoneMaskExpression = createPhoneMaskExpression;
+exports.filterPhones = filterPhones;
+exports.findCountry = findCountry;
+exports.getClear = getClear;
+exports.getInternationalPhoneInputDesktopTestIds = getInternationalPhoneInputDesktopTestIds;
+exports.getInternationalPhoneInputMobileTestIds = getInternationalPhoneInputMobileTestIds;
+exports.getPhoneData = getPhoneData;
+exports.guessCountry = guessCountry;
+exports.initCountries = initCountries;

package/international-phone-input/data/country-data.d.ts

@@ -1,3 +1,11 @@
-type CountriesData = [string, string[], string, string, string?, number?, string[]?];
+type CountriesData = [
+    string,
+    string[],
+    string,
+    string,
+    string?,
+    number?,
+    string[]?
+];
 declare const countriesData: CountriesData[];
 export { CountriesData, countriesData };