@alfalab/core-components 47.26.4 → 47.26.6

package/international-phone-input/modern/components/select-field/index.css

@@ -28,33 +28,33 @@
 } :root {
     --focus-color: var(--color-light-status-info);
     --disabled-cursor: not-allowed;
-} /* сбрасывает синюю подсветку при нажатии */ .international-phone-input__component_yyaq4 {
+} /* сбрасывает синюю подсветку при нажатии */ .international-phone-input__component_s6o2u {
     height: 100%;
     cursor: pointer;
     outline: none;
     position: relative;
-} .international-phone-input__flagIconContainer_yyaq4 {
+} .international-phone-input__flagIconContainer_s6o2u {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 24px;
     height: 24px;
     margin-right: var(--gap-4);
-} .international-phone-input__emptyCountryIcon_yyaq4 {
+} .international-phone-input__emptyCountryIcon_s6o2u {
     color: var(--color-light-neutral-translucent-700);
-} .international-phone-input__disabled_yyaq4 {
+} .international-phone-input__disabled_s6o2u {
     cursor: var(--disabled-cursor);
-} .international-phone-input__inner_yyaq4 {
+} .international-phone-input__inner_s6o2u {
     position: relative;
     display: flex;
     align-items: center;
     height: 100%;
     padding-left: var(--gap-12);
     outline: none;
-} .international-phone-input__size-64_yyaq4 .international-phone-input__inner_yyaq4,
-.international-phone-input__size-72_yyaq4 .international-phone-input__inner_yyaq4 {
+} .international-phone-input__size-64_s6o2u .international-phone-input__inner_s6o2u,
+.international-phone-input__size-72_s6o2u .international-phone-input__inner_s6o2u {
     padding-left: var(--gap-16);
-} .international-phone-input__focusVisible_yyaq4 {
+} .international-phone-input__focusVisible_s6o2u {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/international-phone-input/modern/index-03d088c4.d.ts

@@ -4,14 +4,14 @@ import { TitleProps } from "./component-8bdd19d3";
 declare const Title: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLHeadingElement>, "color"> & {
     tag: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
     view?: "small" | "medium" | "large" | "xlarge" | "xsmall" | undefined;
-    color?: "link" | "accent" | "primary" | "primary-inverted" | "secondary" | "secondary-inverted" | "tertiary" | "tertiary-inverted" | "attention" | "positive" | "negative" | "static-accent" | "disabled" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | undefined;
+    color?: "accent" | "primary" | "primary-inverted" | "secondary" | "secondary-inverted" | "tertiary" | "tertiary-inverted" | "link" | "attention" | "positive" | "negative" | "static-accent" | "disabled" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | undefined;
     weight?: "bold" | "medium" | "regular" | "semibold" | undefined;
     font?: "styrene" | "system" | undefined;
     defaultMargins?: boolean | undefined;
     className?: string | undefined;
     dataTestId?: string | undefined;
     children?: React.ReactNode;
-    rowLimit?: 1 | 2 | 3 | undefined;
+    rowLimit?: 2 | 1 | 3 | undefined;
     showSkeleton?: boolean | undefined;
     skeletonProps?: import("./types-1328ead9").TextSkeletonProps | undefined;
     defaultMatchMediaValue?: boolean | (() => boolean) | undefined;

package/international-phone-input/modern/index-281accb7.d.ts

@@ -3,14 +3,14 @@ import React from "react";
 declare const TitleMobile: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLHeadingElement>, "color"> & {
     tag: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
     view?: "small" | "medium" | "large" | "xlarge" | "xsmall" | undefined;
-    color?: "link" | "accent" | "primary" | "primary-inverted" | "secondary" | "secondary-inverted" | "tertiary" | "tertiary-inverted" | "attention" | "positive" | "negative" | "static-accent" | "disabled" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | undefined;
+    color?: "accent" | "primary" | "primary-inverted" | "secondary" | "secondary-inverted" | "tertiary" | "tertiary-inverted" | "link" | "attention" | "positive" | "negative" | "static-accent" | "disabled" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | undefined;
     weight?: "bold" | "medium" | "regular" | "semibold" | undefined;
     font?: "styrene" | "system" | undefined;
     defaultMargins?: boolean | undefined;
     className?: string | undefined;
     dataTestId?: string | undefined;
     children?: React.ReactNode;
-    rowLimit?: 1 | 2 | 3 | undefined;
+    rowLimit?: 2 | 1 | 3 | undefined;
     showSkeleton?: boolean | undefined;
     skeletonProps?: import("./types-1328ead9").TextSkeletonProps | undefined;
     defaultMatchMediaValue?: boolean | (() => boolean) | undefined;

package/international-phone-input/modern/index.d.ts

@@ -1,2 +1,4 @@
 export { InternationalPhoneInput } from "./Component.responsive";
 export type { InternationalPhoneInputProps } from "./types";
+export { countriesData } from "./data/country-data";
+export type { CountriesData } from "./data/country-data";

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

@@ -1,4 +1,5 @@
 export { InternationalPhoneInput } from './Component.responsive.js';
+export { countriesData } from './data/country-data.js';
 import 'react';
 import '../../mq/modern';
 import '../../shared/modern';
@@ -13,7 +14,6 @@ import '@maskito/react';
 import '../../select/modern/shared';
 import './utils/index.js';
 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';

package/international-phone-input/modern/types.d.ts

@@ -7,6 +7,7 @@ import { InputAutocompleteDesktopProps } from "../../input-autocomplete/desktop"
 import { InputAutocompleteMobileProps } from "../../input-autocomplete/mobile";
 import { OptionShape } from "./typings-4bf4de6f";
 import { SharedCountrySelectProps } from "./components/country-select/index";
+import { CountriesData } from "./data/country-data";
 type Country = {
     name: string;
     regions?: string[];
@@ -34,6 +35,10 @@ type CommonPhoneInputProps = {
      * Дефолтный код страны
      */
     defaultIso2?: string;
+    /**
+     * Список правил парсинга номеров телефонов по странам (для переопределения дефолтного)
+     */
+    customCountriesList?: CountriesData[];
     /**
      * Возможность стереть код страны
      * @default true

package/international-phone-input/modern/utils/index.d.ts

@@ -1,8 +1,9 @@
 import { MaskitoOptions } from '@maskito/core';
 import { InputAutocompleteDesktopProps } from "../../../input-autocomplete/desktop";
 import { GroupShape, OptionShape } from "../../../select/shared";
+import { CountriesData } from "../data/country-data";
 import { Country } from "../types";
-declare function initCountries(iso2s?: string[]): Country[][];
+declare function initCountries(iso2s?: string[], customCountriesList?: CountriesData[]): Country[][];
 declare function findCountry(countries: Country[][], value?: string, iso2?: string, country?: Country): Country | undefined;
 declare function guessCountry(inputNumber: string, data: Country[][]): Country | undefined;
 declare function clearMask(value: string): string;

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

@@ -3,10 +3,11 @@ import { maskUtils, getDataTestId } from '../../../shared/modern';
 import { DEFAULT_PHONE_FORMAT } from '../consts.js';
 import { countriesData } from '../data/country-data.js';
 
-function initCountries(iso2s) {
+function initCountries(iso2s, customCountriesList) {
+    const data = customCountriesList ?? countriesData;
     const filteredCountriesData = Array.isArray(iso2s)
-        ? countriesData.filter((country) => iso2s.includes(country[2]))
-        : countriesData;
+        ? data.filter((country) => iso2s.includes(country[2]))
+        : data;
     return filteredCountriesData.map((country) => {
         const countryItem = {
             name: country[0],

package/international-phone-input/moderncssm/Component.responsive.d.ts

@@ -4,14 +4,15 @@ declare const InternationalPhoneInput: React.ForwardRefExoticComponent<(({
     country?: import("./types").Country | undefined;
     countries?: string[] | undefined;
     defaultIso2?: string | undefined;
+    customCountriesList?: import("./index").CountriesData[] | undefined;
     clearableCountryCode?: boolean | "preserve" | undefined;
     countrySelectProps?: import("./components/country-select/index").SharedCountrySelectProps | undefined;
     clear?: boolean | undefined;
     filterFn?: ((value: string | undefined, option: import("./typings-4bf4de6f").OptionShape) => boolean) | undefined;
     onCountryChange?: ((country?: import("./types").Country | undefined) => void) | undefined;
     onChange?: ((phone: string) => void) | undefined;
-    onBlur?: ((event: React.FocusEvent<HTMLInputElement | HTMLDivElement, Element>) => void) | undefined;
-    onFocus?: ((event: React.FocusEvent<HTMLInputElement | HTMLDivElement, Element>) => void) | undefined;
+    onBlur?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
+    onFocus?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
 } & {
     options?: undefined;
 } & Omit<import("../../input/desktop").InputDesktopProps, "onFocus" | "onBlur" | "onChange" | "onInput" | "clear" | "onClear"> & {
@@ -23,14 +24,15 @@ declare const InternationalPhoneInput: React.ForwardRefExoticComponent<(({
     country?: import("./types").Country | undefined;
     countries?: string[] | undefined;
     defaultIso2?: string | undefined;
+    customCountriesList?: import("./index").CountriesData[] | undefined;
     clearableCountryCode?: boolean | "preserve" | undefined;
     countrySelectProps?: import("./components/country-select/index").SharedCountrySelectProps | undefined;
     clear?: boolean | undefined;
     filterFn?: ((value: string | undefined, option: import("./typings-4bf4de6f").OptionShape) => boolean) | undefined;
     onCountryChange?: ((country?: import("./types").Country | undefined) => void) | undefined;
     onChange?: ((phone: string) => void) | undefined;
-    onBlur?: ((event: React.FocusEvent<HTMLInputElement | HTMLDivElement, Element>) => void) | undefined;
-    onFocus?: ((event: React.FocusEvent<HTMLInputElement | HTMLDivElement, Element>) => void) | undefined;
+    onBlur?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
+    onFocus?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
 } & {
     options: (import("./typings-4bf4de6f").OptionShape | import("./typings-4bf4de6f").GroupShape)[];
 } & Omit<import("../../input-autocomplete/types").InputAutocompleteCommonProps, "onChange" | "onInput"> & {

package/international-phone-input/moderncssm/component-03d088c4.d.ts

@@ -11,14 +11,14 @@ type TitleResponsiveProps = TitleProps & {
 declare const TitleResponsive: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLHeadingElement>, "color"> & {
     tag: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
     view?: "small" | "medium" | "large" | "xlarge" | "xsmall" | undefined;
-    color?: "accent" | "primary" | "primary-inverted" | "secondary" | "secondary-inverted" | "tertiary" | "tertiary-inverted" | "link" | "attention" | "positive" | "negative" | "static-accent" | "disabled" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | undefined;
+    color?: "link" | "accent" | "primary" | "primary-inverted" | "secondary" | "secondary-inverted" | "tertiary" | "tertiary-inverted" | "attention" | "positive" | "negative" | "static-accent" | "disabled" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | undefined;
     weight?: "bold" | "medium" | "regular" | "semibold" | undefined;
     font?: "styrene" | "system" | undefined;
     defaultMargins?: boolean | undefined;
     className?: string | undefined;
     dataTestId?: string | undefined;
     children?: React.ReactNode;
-    rowLimit?: 2 | 1 | 3 | undefined;
+    rowLimit?: 1 | 2 | 3 | undefined;
     showSkeleton?: boolean | undefined;
     skeletonProps?: import("./types-1328ead9").TextSkeletonProps | undefined;
     defaultMatchMediaValue?: boolean | (() => boolean) | undefined;

package/international-phone-input/moderncssm/component-8bdd19d3.d.ts

@@ -78,7 +78,7 @@ declare const TitleBase: React.ForwardRefExoticComponent<Omit<NativeProps, "colo
     /**
      * Цвет текста
      */
-    color?: "accent" | "primary" | "primary-inverted" | "secondary" | "secondary-inverted" | "tertiary" | "tertiary-inverted" | "link" | "attention" | "positive" | "negative" | "static-accent" | "disabled" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | undefined;
+    color?: "link" | "accent" | "primary" | "primary-inverted" | "secondary" | "secondary-inverted" | "tertiary" | "tertiary-inverted" | "attention" | "positive" | "negative" | "static-accent" | "disabled" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | undefined;
     /**
      * Толщина шрифта
      */
@@ -106,7 +106,7 @@ declare const TitleBase: React.ForwardRefExoticComponent<Omit<NativeProps, "colo
     /**
      * Количество строк
      */
-    rowLimit?: 2 | 1 | 3 | undefined;
+    rowLimit?: 1 | 2 | 3 | undefined;
     /**
      * Показать скелетон
      */

package/international-phone-input/moderncssm/components/base-international-phone-input/Component.d.ts

@@ -6,14 +6,15 @@ declare const BaseInternationalPhoneInput: React.ForwardRefExoticComponent<{
     country?: Country | undefined;
     countries?: string[] | undefined;
     defaultIso2?: string | undefined;
+    customCountriesList?: import("../../index").CountriesData[] | undefined;
     clearableCountryCode?: boolean | "preserve" | undefined;
     countrySelectProps?: import("../country-select/index").SharedCountrySelectProps | undefined;
     clear?: boolean | undefined;
     filterFn?: ((value: string | undefined, option: import("../../typings-4bf4de6f").OptionShape) => boolean) | undefined;
     onCountryChange?: ((country?: Country | undefined) => void) | undefined;
     onChange?: ((phone: string) => void) | undefined;
-    onBlur?: ((event: React.FocusEvent<HTMLInputElement | HTMLDivElement, Element>) => void) | undefined;
-    onFocus?: ((event: React.FocusEvent<HTMLInputElement | HTMLDivElement, Element>) => void) | undefined;
+    onBlur?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
+    onFocus?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
 } & {
     Input: React.FC<import("../../../../input").InputProps>;
     InputAutocomplete: React.FC<InputAutocompleteProps>;

package/international-phone-input/moderncssm/components/base-international-phone-input/Component.js

@@ -19,8 +19,8 @@ import '@alfalab/hooks';
 import '../select-field/index.module.css';
 import '../country-select/index.module.css';
 
-const BaseInternationalPhoneInput = forwardRef(({ clearableCountryCode: clearableCountryCodeFromProps = true, value, country: countryProp, filterFn, onChange, onCountryChange, countrySelectProps, countries, defaultIso2, disabled, options, size = 56, Input, InputAutocomplete, SelectComponent, view, clear: clearProp, open: openProps, defaultOpen, ...restProps }, ref) => {
-    const countriesData = useMemo(() => initCountries(countries), [countries]);
+const BaseInternationalPhoneInput = forwardRef(({ clearableCountryCode: clearableCountryCodeFromProps = true, value, country: countryProp, filterFn, onChange, onCountryChange, countrySelectProps, countries, defaultIso2, disabled, options, size = 56, Input, InputAutocomplete, SelectComponent, view, clear: clearProp, open: openProps, defaultOpen, customCountriesList, ...restProps }, ref) => {
+    const countriesData = useMemo(() => initCountries(countries, customCountriesList), [countries, customCountriesList]);
     const inputRef = useRef(null);
     const inputWrapperRef = useRef(null);
     const [open, setOpen] = useState(defaultOpen);

package/international-phone-input/moderncssm/index-03d088c4.d.ts

@@ -4,14 +4,14 @@ import { TitleProps } from "./component-8bdd19d3";
 declare const Title: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLHeadingElement>, "color"> & {
     tag: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
     view?: "small" | "medium" | "large" | "xlarge" | "xsmall" | undefined;
-    color?: "accent" | "primary" | "primary-inverted" | "secondary" | "secondary-inverted" | "tertiary" | "tertiary-inverted" | "link" | "attention" | "positive" | "negative" | "static-accent" | "disabled" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | undefined;
+    color?: "link" | "accent" | "primary" | "primary-inverted" | "secondary" | "secondary-inverted" | "tertiary" | "tertiary-inverted" | "attention" | "positive" | "negative" | "static-accent" | "disabled" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | undefined;
     weight?: "bold" | "medium" | "regular" | "semibold" | undefined;
     font?: "styrene" | "system" | undefined;
     defaultMargins?: boolean | undefined;
     className?: string | undefined;
     dataTestId?: string | undefined;
     children?: React.ReactNode;
-    rowLimit?: 2 | 1 | 3 | undefined;
+    rowLimit?: 1 | 2 | 3 | undefined;
     showSkeleton?: boolean | undefined;
     skeletonProps?: import("./types-1328ead9").TextSkeletonProps | undefined;
     defaultMatchMediaValue?: boolean | (() => boolean) | undefined;

package/international-phone-input/moderncssm/index-281accb7.d.ts

@@ -3,14 +3,14 @@ import React from "react";
 declare const TitleMobile: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLHeadingElement>, "color"> & {
     tag: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
     view?: "small" | "medium" | "large" | "xlarge" | "xsmall" | undefined;
-    color?: "accent" | "primary" | "primary-inverted" | "secondary" | "secondary-inverted" | "tertiary" | "tertiary-inverted" | "link" | "attention" | "positive" | "negative" | "static-accent" | "disabled" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | undefined;
+    color?: "link" | "accent" | "primary" | "primary-inverted" | "secondary" | "secondary-inverted" | "tertiary" | "tertiary-inverted" | "attention" | "positive" | "negative" | "static-accent" | "disabled" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | undefined;
     weight?: "bold" | "medium" | "regular" | "semibold" | undefined;
     font?: "styrene" | "system" | undefined;
     defaultMargins?: boolean | undefined;
     className?: string | undefined;
     dataTestId?: string | undefined;
     children?: React.ReactNode;
-    rowLimit?: 2 | 1 | 3 | undefined;
+    rowLimit?: 1 | 2 | 3 | undefined;
     showSkeleton?: boolean | undefined;
     skeletonProps?: import("./types-1328ead9").TextSkeletonProps | undefined;
     defaultMatchMediaValue?: boolean | (() => boolean) | undefined;

package/international-phone-input/moderncssm/index.d.ts

@@ -1,2 +1,4 @@
 export { InternationalPhoneInput } from "./Component.responsive";
 export type { InternationalPhoneInputProps } from "./types";
+export { countriesData } from "./data/country-data";
+export type { CountriesData } from "./data/country-data";

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

@@ -1,4 +1,5 @@
 export { InternationalPhoneInput } from './Component.responsive.js';
+export { countriesData } from './data/country-data.js';
 import 'react';
 import '../../mq/moderncssm';
 import '../../shared/moderncssm';
@@ -13,7 +14,6 @@ import '@maskito/react';
 import '../../select/moderncssm/shared';
 import './utils/index.js';
 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';

package/international-phone-input/moderncssm/types.d.ts

@@ -7,6 +7,7 @@ import { InputAutocompleteDesktopProps } from "../../input-autocomplete/desktop"
 import { InputAutocompleteMobileProps } from "../../input-autocomplete/mobile";
 import { OptionShape } from "./typings-4bf4de6f";
 import { SharedCountrySelectProps } from "./components/country-select/index";
+import { CountriesData } from "./data/country-data";
 type Country = {
     name: string;
     regions?: string[];
@@ -34,6 +35,10 @@ type CommonPhoneInputProps = {
      * Дефолтный код страны
      */
     defaultIso2?: string;
+    /**
+     * Список правил парсинга номеров телефонов по странам (для переопределения дефолтного)
+     */
+    customCountriesList?: CountriesData[];
     /**
      * Возможность стереть код страны
      * @default true

package/international-phone-input/moderncssm/utils/index.d.ts

@@ -1,8 +1,9 @@
 import { MaskitoOptions } from '@maskito/core';
 import { InputAutocompleteDesktopProps } from "../../../input-autocomplete/desktop";
 import { GroupShape, OptionShape } from "../../../select/shared";
+import { CountriesData } from "../data/country-data";
 import { Country } from "../types";
-declare function initCountries(iso2s?: string[]): Country[][];
+declare function initCountries(iso2s?: string[], customCountriesList?: CountriesData[]): Country[][];
 declare function findCountry(countries: Country[][], value?: string, iso2?: string, country?: Country): Country | undefined;
 declare function guessCountry(inputNumber: string, data: Country[][]): Country | undefined;
 declare function clearMask(value: string): string;

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

@@ -3,10 +3,11 @@ import { maskUtils, getDataTestId } from '../../../shared/moderncssm';
 import { DEFAULT_PHONE_FORMAT } from '../consts.js';
 import { countriesData } from '../data/country-data.js';
 
-function initCountries(iso2s) {
+function initCountries(iso2s, customCountriesList) {
+    const data = customCountriesList ?? countriesData;
     const filteredCountriesData = Array.isArray(iso2s)
-        ? countriesData.filter((country) => iso2s.includes(country[2]))
-        : countriesData;
+        ? data.filter((country) => iso2s.includes(country[2]))
+        : data;
     return filteredCountriesData.map((country) => {
         const countryItem = {
             name: country[0],

package/international-phone-input/types.d.ts

@@ -7,6 +7,7 @@ import { InputAutocompleteDesktopProps } from "../input-autocomplete/desktop";
 import { InputAutocompleteMobileProps } from "../input-autocomplete/mobile";
 import { OptionShape } from "./typings-4bf4de6f";
 import { SharedCountrySelectProps } from "./components/country-select/index";
+import { CountriesData } from "./data/country-data";
 type Country = {
     name: string;
     regions?: string[];
@@ -34,6 +35,10 @@ type CommonPhoneInputProps = {
      * Дефолтный код страны
      */
     defaultIso2?: string;
+    /**
+     * Список правил парсинга номеров телефонов по странам (для переопределения дефолтного)
+     */
+    customCountriesList?: CountriesData[];
     /**
      * Возможность стереть код страны
      * @default true

package/international-phone-input/utils/index.d.ts

@@ -1,8 +1,9 @@
 import { MaskitoOptions } from '@maskito/core';
 import { InputAutocompleteDesktopProps } from "../../input-autocomplete/desktop";
 import { GroupShape, OptionShape } from "../../select/shared";
+import { CountriesData } from "../data/country-data";
 import { Country } from "../types";
-declare function initCountries(iso2s?: string[]): Country[][];
+declare function initCountries(iso2s?: string[], customCountriesList?: CountriesData[]): Country[][];
 declare function findCountry(countries: Country[][], value?: string, iso2?: string, country?: Country): Country | undefined;
 declare function guessCountry(inputNumber: string, data: Country[][]): Country | undefined;
 declare function clearMask(value: string): string;

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

@@ -6,10 +6,11 @@ var coreComponentsShared = require('../../shared');
 var consts = require('../consts.js');
 var data_countryData = require('../data/country-data.js');
 
-function initCountries(iso2s) {
+function initCountries(iso2s, customCountriesList) {
+    var data = customCountriesList !== null && customCountriesList !== void 0 ? customCountriesList : data_countryData.countriesData;
     var filteredCountriesData = Array.isArray(iso2s)
-        ? data_countryData.countriesData.filter(function (country) { return iso2s.includes(country[2]); })
-        : data_countryData.countriesData;
+        ? data.filter(function (country) { return iso2s.includes(country[2]); })
+        : data;
     return filteredCountriesData.map(function (country) {
         var _a;
         var countryItem = {

package/intl-phone-input/component.js

@@ -39,7 +39,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 var WorldMagnifierMIcon__default = /*#__PURE__*/_interopDefaultCompat(WorldMagnifierMIcon);
 
-var styles = {"addons":"intl-phone-input__addons_t5m5s","l":"intl-phone-input__l_t5m5s","xl":"intl-phone-input__xl_t5m5s","flagIconWrapper":"intl-phone-input__flagIconWrapper_t5m5s","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_t5m5s"};
+var styles = {"addons":"intl-phone-input__addons_hx2cl","l":"intl-phone-input__l_hx2cl","xl":"intl-phone-input__xl_hx2cl","flagIconWrapper":"intl-phone-input__flagIconWrapper_hx2cl","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_hx2cl"};
 require('./index.css');
 
 var countriesHash = utils.getCountriesHash();

package/intl-phone-input/components/flag-icon/component.js

@@ -9,7 +9,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"flagIcon":"intl-phone-input__flagIcon_1wqvh","flagPlaceholder":"intl-phone-input__flagPlaceholder_1wqvh"};
+var styles = {"flagIcon":"intl-phone-input__flagIcon_8yb8e","flagPlaceholder":"intl-phone-input__flagPlaceholder_8yb8e"};
 require('./index.css');
 
 /**

package/intl-phone-input/components/flag-icon/index.css

@@ -23,10 +23,10 @@
     --gap-2: var(--gap-3xs);
 } :root {
 } :root {
-} /* сбрасывает синюю подсветку при нажатии */ .intl-phone-input__flagIcon_1wqvh {
+} /* сбрасывает синюю подсветку при нажатии */ .intl-phone-input__flagIcon_8yb8e {
     max-width: 24px;
     max-height: 24px;
-} .intl-phone-input__flagPlaceholder_1wqvh {
+} .intl-phone-input__flagPlaceholder_8yb8e {
     width: 24px;
     height: 16px;
     max-height: 16px;

package/intl-phone-input/components/select/component.js

@@ -11,7 +11,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var styles = {"component":"intl-phone-input__component_1lb6o","option":"intl-phone-input__option_1lb6o","flag":"intl-phone-input__flag_1lb6o","countryName":"intl-phone-input__countryName_1lb6o","dialCode":"intl-phone-input__dialCode_1lb6o"};
+var styles = {"component":"intl-phone-input__component_1m5bd","option":"intl-phone-input__option_1m5bd","flag":"intl-phone-input__flag_1m5bd","countryName":"intl-phone-input__countryName_1m5bd","dialCode":"intl-phone-input__dialCode_1m5bd"};
 require('./index.css');
 
 var CountriesSelect = function (_a) {

package/intl-phone-input/components/select/index.css

@@ -21,19 +21,19 @@
     --gap-8: var(--gap-xs);
 } :root {
 } :root {
-} /* сбрасывает синюю подсветку при нажатии */ .intl-phone-input__component_1lb6o {
+} /* сбрасывает синюю подсветку при нажатии */ .intl-phone-input__component_1m5bd {
     position: static;
     display: flex;
     min-width: initial;
     height: 100%;
-} .intl-phone-input__option_1lb6o {
+} .intl-phone-input__option_1m5bd {
     display: flex;
     align-items: flex-start;
-} .intl-phone-input__flag_1lb6o {
+} .intl-phone-input__flag_1m5bd {
     flex-shrink: 0;
     margin-right: var(--gap-8);
-} .intl-phone-input__countryName_1lb6o {
+} .intl-phone-input__countryName_1m5bd {
     margin-right: var(--gap-8);
-} .intl-phone-input__dialCode_1lb6o {
+} .intl-phone-input__dialCode_1m5bd {
     color: var(--color-light-text-secondary);
 }

package/intl-phone-input/components/select-field/component.js

@@ -15,7 +15,7 @@ var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 var WorldMagnifierMIcon__default = /*#__PURE__*/_interopDefaultCompat(WorldMagnifierMIcon);
 
-var styles = {"component":"intl-phone-input__component_12wfo","flagIconContainer":"intl-phone-input__flagIconContainer_12wfo","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_12wfo","disabled":"intl-phone-input__disabled_12wfo","inner":"intl-phone-input__inner_12wfo","l":"intl-phone-input__l_12wfo","xl":"intl-phone-input__xl_12wfo","focusVisible":"intl-phone-input__focusVisible_12wfo"};
+var styles = {"component":"intl-phone-input__component_122az","flagIconContainer":"intl-phone-input__flagIconContainer_122az","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_122az","disabled":"intl-phone-input__disabled_122az","inner":"intl-phone-input__inner_122az","l":"intl-phone-input__l_122az","xl":"intl-phone-input__xl_122az","focusVisible":"intl-phone-input__focusVisible_122az"};
 require('./index.css');
 
 var EMPTY_COUNTRY_SELECT_FIELD = {

package/intl-phone-input/components/select-field/index.css

@@ -28,33 +28,33 @@
 } :root {
     --focus-color: var(--color-light-status-info);
     --disabled-cursor: not-allowed;
-} /* сбрасывает синюю подсветку при нажатии */ .intl-phone-input__component_12wfo {
+} /* сбрасывает синюю подсветку при нажатии */ .intl-phone-input__component_122az {
     height: 100%;
     cursor: pointer;
     outline: none;
     position: relative;
-} .intl-phone-input__flagIconContainer_12wfo {
+} .intl-phone-input__flagIconContainer_122az {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 24px;
     height: 24px;
     margin-right: var(--gap-4);
-} .intl-phone-input__emptyCountryIcon_12wfo {
+} .intl-phone-input__emptyCountryIcon_122az {
     color: var(--color-light-neutral-700);
-} .intl-phone-input__disabled_12wfo {
+} .intl-phone-input__disabled_122az {
     cursor: var(--disabled-cursor);
-} .intl-phone-input__inner_12wfo {
+} .intl-phone-input__inner_122az {
     position: relative;
     display: flex;
     align-items: center;
     height: 100%;
     padding-left: var(--gap-12);
     outline: none;
-} .intl-phone-input__l_12wfo .intl-phone-input__inner_12wfo,
-.intl-phone-input__xl_12wfo .intl-phone-input__inner_12wfo {
+} .intl-phone-input__l_122az .intl-phone-input__inner_122az,
+.intl-phone-input__xl_122az .intl-phone-input__inner_122az {
     padding-left: var(--gap-16);
-} .intl-phone-input__focusVisible_12wfo {
+} .intl-phone-input__focusVisible_122az {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/intl-phone-input/esm/component.js

@@ -17,7 +17,7 @@ import '../../select/esm/desktop';
 import '../../select/esm/shared';
 import './components/select-field/component.js';
 
-var styles = {"addons":"intl-phone-input__addons_t5m5s","l":"intl-phone-input__l_t5m5s","xl":"intl-phone-input__xl_t5m5s","flagIconWrapper":"intl-phone-input__flagIconWrapper_t5m5s","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_t5m5s"};
+var styles = {"addons":"intl-phone-input__addons_hx2cl","l":"intl-phone-input__l_hx2cl","xl":"intl-phone-input__xl_hx2cl","flagIconWrapper":"intl-phone-input__flagIconWrapper_hx2cl","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_hx2cl"};
 require('./index.css');
 
 var countriesHash = getCountriesHash();

package/intl-phone-input/esm/components/flag-icon/component.js

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { flagSprite } from './flagSprite.js';
 
-var styles = {"flagIcon":"intl-phone-input__flagIcon_1wqvh","flagPlaceholder":"intl-phone-input__flagPlaceholder_1wqvh"};
+var styles = {"flagIcon":"intl-phone-input__flagIcon_8yb8e","flagPlaceholder":"intl-phone-input__flagPlaceholder_8yb8e"};
 require('./index.css');
 
 /**

package/intl-phone-input/esm/components/flag-icon/index.css

@@ -23,10 +23,10 @@
     --gap-2: var(--gap-3xs);
 } :root {
 } :root {
-} /* сбрасывает синюю подсветку при нажатии */ .intl-phone-input__flagIcon_1wqvh {
+} /* сбрасывает синюю подсветку при нажатии */ .intl-phone-input__flagIcon_8yb8e {
     max-width: 24px;
     max-height: 24px;
-} .intl-phone-input__flagPlaceholder_1wqvh {
+} .intl-phone-input__flagPlaceholder_8yb8e {
     width: 24px;
     height: 16px;
     max-height: 16px;

package/intl-phone-input/esm/components/select/component.js

@@ -10,7 +10,7 @@ import 'react-merge-refs';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/WorldMagnifierMIcon';
 
-var styles = {"component":"intl-phone-input__component_1lb6o","option":"intl-phone-input__option_1lb6o","flag":"intl-phone-input__flag_1lb6o","countryName":"intl-phone-input__countryName_1lb6o","dialCode":"intl-phone-input__dialCode_1lb6o"};
+var styles = {"component":"intl-phone-input__component_1m5bd","option":"intl-phone-input__option_1m5bd","flag":"intl-phone-input__flag_1m5bd","countryName":"intl-phone-input__countryName_1m5bd","dialCode":"intl-phone-input__dialCode_1m5bd"};
 require('./index.css');
 
 var CountriesSelect = function (_a) {

package/intl-phone-input/esm/components/select/index.css

@@ -21,19 +21,19 @@
     --gap-8: var(--gap-xs);
 } :root {
 } :root {
-} /* сбрасывает синюю подсветку при нажатии */ .intl-phone-input__component_1lb6o {
+} /* сбрасывает синюю подсветку при нажатии */ .intl-phone-input__component_1m5bd {
     position: static;
     display: flex;
     min-width: initial;
     height: 100%;
-} .intl-phone-input__option_1lb6o {
+} .intl-phone-input__option_1m5bd {
     display: flex;
     align-items: flex-start;
-} .intl-phone-input__flag_1lb6o {
+} .intl-phone-input__flag_1m5bd {
     flex-shrink: 0;
     margin-right: var(--gap-8);
-} .intl-phone-input__countryName_1lb6o {
+} .intl-phone-input__countryName_1m5bd {
     margin-right: var(--gap-8);
-} .intl-phone-input__dialCode_1lb6o {
+} .intl-phone-input__dialCode_1m5bd {
     color: var(--color-light-text-secondary);
 }