@sima-land/ui-nucleons 45.0.0-alpha.5 → 45.0.0-alpha.51

package/pagination-deprecated/utils.js

@@ -1,124 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getRangeNumbers = exports.getCorrectRangeNumbers = exports.getPageButtons = exports.PageButton = exports.cx = void 0;
-const bind_1 = __importDefault(require("classnames/bind"));
-const pagination_module_scss_1 = __importDefault(require("./pagination.module.scss"));
-const lodash_1 = require("lodash");
-exports.cx = bind_1.default.bind(pagination_module_scss_1.default);
-/**
- * Фабрика объектов с данными о кнопке страницы.
- * @param value Номер целевой страницы.
- * @param content Содержимое кнопки.
- * @return Список кнопок.
- * @deprecated
- */
-const PageButton = (value, content = value) => ({
-    value,
-    content,
-});
-exports.PageButton = PageButton;
-/**
- * Возвращает список кнопок навигации.
- * @param props Свойства.
- * @param props.current Номер текущей страницы.
- * @param props.total Номер последней страницы.
- * @param props.buttonKeys Значения, которые будут использованы для не числовых кнопок.
- * @param props.buttonKeys.more Значение для отображения кнопки группы пропущенных чисел.
- * @return Список кнопок.
- * @deprecated
- */
-const getPageButtons = ({ current, total, buttonKeys = { more: '...' }, }) => {
-    const list = (0, exports.getCorrectRangeNumbers)({ current, range: 5, total }).map(v => (0, exports.PageButton)(v));
-    if (list.length > 0 && total > 5) {
-        // если находимся в середине множества (многоточия с обоих сторон) - диапазон уменьшается до 4
-        if (list[0].value > 1 && list[list.length - 1].value < total) {
-            list.shift();
-        }
-        if (list[0].value > 1) {
-            // формируем начало диапазона
-            if (list[0].value === 2) {
-                list.unshift((0, exports.PageButton)(1));
-            }
-            else {
-                list.unshift((0, exports.PageButton)(1), 
-                // не выводим многоточие когда вместо него можно поставить одно число
-                list[0].value === 3 ? (0, exports.PageButton)(2) : (0, exports.PageButton)(list[0].value - 1, buttonKeys.more));
-            }
-        }
-        if (list[list.length - 1].value < total) {
-            // формируем конец диапазона
-            if (list[list.length - 1].value === total - 1) {
-                list.push((0, exports.PageButton)(total));
-            }
-            else {
-                list.push(
-                // не выводим многоточие когда вместо него можно поставить одно число
-                total - list[list.length - 1].value > 2
-                    ? (0, exports.PageButton)(list[list.length - 1].value + 1, buttonKeys.more)
-                    : (0, exports.PageButton)(total - 1), (0, exports.PageButton)(total));
-            }
-        }
-    }
-    return list;
-};
-exports.getPageButtons = getPageButtons;
-/**
- * Возвращает корректный диапазон вокруг текущего значения в соответствии с дизайнерской задумкой.
- * По возможности показывает начало/конец списка при смещении.
- * При current = 4, range = 5 вместо [2,3,4,5,6] вернет [1,2,3,4,5].
- * @param props Свойства.
- * @param props.current Число вокруг которого нужно сформировать список.
- * @param props.range Размер списка.
- * @param props.total Максимальное значение.
- * @return Список номеров.
- * @deprecated
- */
-const getCorrectRangeNumbers = ({ current, range: rangeSize, total }) => {
-    let result = [
-        ...(0, exports.getRangeNumbers)({
-            current,
-            range: rangeSize,
-            total,
-        }),
-    ];
-    if (total > rangeSize) {
-        if (current < rangeSize) {
-            result = (0, lodash_1.range)(1, rangeSize + 1);
-        }
-        else if (current > total - rangeSize + 1) {
-            result = (0, lodash_1.range)(total - rangeSize + 1, total + 1);
-        }
-    }
-    return result;
-};
-exports.getCorrectRangeNumbers = getCorrectRangeNumbers;
-/**
- * Возвращает список чисел вокруг заданного.
- * @param props Свойства.
- * @param props.current Число вокруг которого нужно сформировать список.
- * @param props.range Размер списка.
- * @param props.total Максимальное значение.
- * @return Список номеров.
- * @deprecated
- */
-const getRangeNumbers = ({ current, range: rangeSize, total }) => {
-    const pageNumbers = [];
-    const readyRange = Math.min(rangeSize, total) || 0;
-    const halfRange = Math.floor(readyRange / 2);
-    const correction = readyRange % 2;
-    let startIndex = current - halfRange - correction;
-    if (startIndex < 1) {
-        startIndex = 0;
-    }
-    else if (startIndex + readyRange > total) {
-        startIndex = total - readyRange;
-    }
-    for (let i = startIndex; i < startIndex + readyRange; i++) {
-        pageNumbers.push(i + 1);
-    }
-    return pageNumbers;
-};
-exports.getRangeNumbers = getRangeNumbers;

package/panel/index.d.ts

@@ -1,38 +0,0 @@
-import { CSSProperties, ReactNode } from 'react';
-import type { LinkProps } from '../link';
-export type PanelType = 'info' | 'error' | 'success' | 'warning';
-export interface PanelProps {
-    /** Тип панели. Влияет на отображение. */
-    type?: PanelType;
-    /** Иконка перед основным контентом. */
-    adornmentStart?: ReactNode;
-    /** Иконка после основного контента. */
-    adornmentEnd?: ReactNode;
-    /** CSS-класс корневого элемента. */
-    className?: string;
-    /** Стили корневого элемента панели. */
-    style?: CSSProperties;
-    /** Содержимое. */
-    children?: ReactNode;
-    /** Идентификатор для систем автоматизированного тестирования. */
-    'data-testid'?: string;
-}
-export declare const LINK_COLOR_BY_TYPE: Record<PanelType, LinkProps['color']>;
-/**
- * Компонент панели с информацией.
- * @param props Свойства.
- * @return Элемент.
- */
-export declare function Panel({ type, adornmentStart, adornmentEnd, className, style, children, 'data-testid': testId, }: PanelProps): JSX.Element;
-export declare namespace Panel {
-    var UnknownContent: typeof PanelUnknownContent;
-}
-/**
- * Компонент для вывода неизвестной html-верстки, стилизованной по гайдам Panel.
- * @param props Свойства.
- * @return Элемент.
- */
-declare function PanelUnknownContent({ markup }: {
-    markup: string;
-}): JSX.Element;
-export {};

package/panel/index.js

@@ -1,55 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Panel = exports.LINK_COLOR_BY_TYPE = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const colors_1 = require("../styling/colors");
-const bind_1 = __importDefault(require("classnames/bind"));
-const panel_module_scss_1 = __importDefault(require("./panel.module.scss"));
-const cx = bind_1.default.bind(panel_module_scss_1.default);
-const PANEL_COLORS_BY_TYPE = {
-    info: {
-        textColor: 'basic-gray87',
-        panelColor: 'basic-gray4',
-    },
-    error: {
-        textColor: 'basic-white',
-        panelColor: 'additional-deep-red',
-    },
-    success: {
-        textColor: 'basic-white',
-        panelColor: 'additional-teal',
-    },
-    warning: {
-        textColor: 'basic-gray87',
-        panelColor: 'additional-yellow',
-    },
-};
-exports.LINK_COLOR_BY_TYPE = {
-    info: 'basic-blue',
-    error: 'basic-white',
-    success: 'basic-white',
-    warning: 'basic-gray87',
-};
-/**
- * Компонент панели с информацией.
- * @param props Свойства.
- * @return Элемент.
- */
-function Panel({ type = 'info', adornmentStart, adornmentEnd, className, style, children, 'data-testid': testId = 'panel', }) {
-    const textColor = PANEL_COLORS_BY_TYPE[type].textColor;
-    const panelColor = PANEL_COLORS_BY_TYPE[type].panelColor;
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: cx('root', `type-${type}`, (0, colors_1.bgColor)(panelColor), (0, colors_1.color)(textColor), className), "data-testid": testId, style: style }, { children: [adornmentStart && (0, jsx_runtime_1.jsx)("div", Object.assign({ className: cx('adornment') }, { children: adornmentStart })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: cx('main') }, { children: children })), adornmentEnd && (0, jsx_runtime_1.jsx)("div", Object.assign({ className: cx('adornment') }, { children: adornmentEnd }))] })));
-}
-exports.Panel = Panel;
-/**
- * Компонент для вывода неизвестной html-верстки, стилизованной по гайдам Panel.
- * @param props Свойства.
- * @return Элемент.
- */
-function PanelUnknownContent({ markup }) {
-    return (0, jsx_runtime_1.jsx)("div", { className: cx('unknown-content'), dangerouslySetInnerHTML: { __html: markup } });
-}
-Panel.UnknownContent = PanelUnknownContent;

package/phone-input/index.d.ts

@@ -1,4 +0,0 @@
-import { PhoneInputProps } from './types';
-import { PhoneInput } from './phone-input';
-export type { PhoneInputProps };
-export { PhoneInput };

package/phone-input/index.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PhoneInput = void 0;
-const phone_input_1 = require("./phone-input");
-Object.defineProperty(exports, "PhoneInput", { enumerable: true, get: function () { return phone_input_1.PhoneInput; } });

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

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import { PhoneInputProps } from './types';
-/**
- * Поле ввода номера телефона.
- * @param props Свойства.
- * @return Элемент.
- */
-export declare function PhoneInput({ value, defaultValue, label, inputRef: inputRefProp, blockRef: blockRefProp, onBlur, onChange, onFocus, onCountrySelect, 'data-testid': testId, ...props }: PhoneInputProps): JSX.Element;

package/phone-input/phone-input.js

@@ -1,109 +0,0 @@
-"use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PhoneInput = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const dropdown_item_1 = require("../dropdown-item");
-const hooks_1 = require("../hooks");
-const masked_input_1 = require("../masked-input");
-const presets_1 = require("./presets");
-const utils_1 = require("./utils");
-const select_1 = require("../select");
-const utils_2 = require("../select/utils");
-const Up_1 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/Arrows/Up"));
-const Down_1 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/Arrows/Down"));
-const bind_1 = __importDefault(require("classnames/bind"));
-const phone_input_module_scss_1 = __importDefault(require("./phone-input.module.scss"));
-const cx = bind_1.default.bind(phone_input_module_scss_1.default);
-/**
- * Поле ввода номера телефона.
- * @param props Свойства.
- * @return Элемент.
- */
-function PhoneInput(_a) {
-    var _b;
-    var { value, defaultValue, label = 'Телефон', inputRef: inputRefProp, blockRef: blockRefProp, onBlur, onChange, onFocus, onCountrySelect, 'data-testid': testId = 'phone-input' } = _a, props = __rest(_a, ["value", "defaultValue", "label", "inputRef", "blockRef", "onBlur", "onChange", "onFocus", "onCountrySelect", 'data-testid']);
-    const firstRenderRef = (0, react_1.useRef)(true);
-    const [initialValue] = (0, react_1.useState)((_b = value !== null && value !== void 0 ? value : defaultValue) !== null && _b !== void 0 ? _b : '');
-    const [country, setCountry] = (0, react_1.useState)(() => (0, utils_1.defineCountry)(initialValue));
-    const [cleanValue, setCleanValue] = (0, react_1.useState)(() => utils_1.PhoneValue.removeCode(initialValue, country));
-    const inputRef = (0, react_1.useRef)(null);
-    (0, react_1.useImperativeHandle)(inputRefProp, () => inputRef.current);
-    const blockRef = (0, react_1.useRef)(null);
-    (0, react_1.useImperativeHandle)(blockRefProp, () => blockRef.current);
-    (0, hooks_1.useIsomorphicLayoutEffect)(() => {
-        if (typeof value !== 'undefined') {
-            setCleanValue(utils_1.PhoneValue.removeCode(value, country));
-        }
-    }, [value]);
-    const dispatchCountryChange = (0, react_1.useCallback)((input) => {
-        const nativeEvent = new Event('input');
-        const syntheticEvent = (0, utils_1.stubSyntheticEvent)(input, nativeEvent);
-        // @todo перенести вызов onChange в callback onValueChange если будет необходим preventDefault() и тд
-        onChange === null || onChange === void 0 ? void 0 : onChange(syntheticEvent, {
-            value: input.value,
-            cleanValue: utils_1.PhoneValue.addCode('', country),
-            completed: false,
-        });
-        onCountrySelect === null || onCountrySelect === void 0 ? void 0 : onCountrySelect(country);
-    }, [onChange, onCountrySelect, country]);
-    (0, hooks_1.useIsomorphicLayoutEffect)(() => {
-        if (!firstRenderRef.current) {
-            inputRef.current && dispatchCountryChange(inputRef.current);
-        }
-    }, [country]);
-    (0, hooks_1.useIsomorphicLayoutEffect)(() => {
-        firstRenderRef.current = false;
-    }, []);
-    const processData = (0, react_1.useCallback)((data) => (Object.assign(Object.assign({}, data), { completed: data.completed || country.id === presets_1.IDS.other, cleanValue: utils_1.PhoneValue.addCode(data.cleanValue, country) })), [country]);
-    const changeCountry = (0, react_1.useCallback)((selected) => {
-        setCountry(selected);
-        setCleanValue('');
-    }, []);
-    return ((0, jsx_runtime_1.jsx)(select_1.Select, Object.assign({ opener: (0, jsx_runtime_1.jsx)(PhoneMaskedInput, Object.assign({}, props, { "data-testid": testId, country: country, inputRef: inputRef, blockRef: blockRef, label: label, mask: country.mask, onFocus: (event, data) => {
-                onFocus === null || onFocus === void 0 ? void 0 : onFocus(event, processData(data));
-            }, onChange: (event, data) => {
-                onChange === null || onChange === void 0 ? void 0 : onChange(event, processData(data));
-            }, onBlur: (event, data) => {
-                onBlur === null || onBlur === void 0 ? void 0 : onBlur(event, processData(data));
-            }, value: cleanValue })), onValueChange: itemValue => {
-            const item = presets_1.countriesList.find(c => c.id === itemValue);
-            item && changeCountry(item);
-        } }, { children: presets_1.countriesList.map((item, index) => ((0, jsx_runtime_1.jsx)(dropdown_item_1.DropdownItem, Object.assign({ value: item.id, size: 'm', role: 'menuitem', onMouseDown: event => {
-                // ВАЖНО: клик по блоку поля вызывает фокус на поле и preventDefault()
-                // отменяем с помощью другого preventDefault()
-                event.preventDefault();
-            }, selected: item.id === country.id, startContent: (0, jsx_runtime_1.jsx)("img", { alt: '', width: 24, height: 24, src: item.imageSrc }), endContent: item.code }, { children: item.name }), index))) })));
-}
-exports.PhoneInput = PhoneInput;
-/**
- * Внутренний компонент, необходим для использования контекста SelectContext.
- * @param props Свойства.
- * @return Элемент.
- */
-function PhoneMaskedInput(_a) {
-    var { country, blockRef: blockRefProp } = _a, props = __rest(_a, ["country", "blockRef"]);
-    const select = (0, react_1.useContext)(utils_2.SelectContext);
-    const blockRef = (0, react_1.useRef)(null);
-    const [openerFocused, setOpenerFocused] = (0, react_1.useState)(false);
-    (0, react_1.useImperativeHandle)(blockRefProp, () => blockRef.current);
-    (0, react_1.useImperativeHandle)(select.anchorRef, () => blockRef.current);
-    const ArrowSVG = select.opened ? Up_1.default : Down_1.default;
-    return ((0, jsx_runtime_1.jsx)(masked_input_1.MaskedInput, Object.assign({}, props, { 
-        // ВАЖНО: undefined нужен для поведения по умолчанию если меню скрыто и кнопка не в фокусе
-        focused: select.opened || openerFocused || undefined, blockRef: blockRef, baseInputProps: Object.assign({ restPlaceholder: country.id === presets_1.IDS.other ? '' : undefined }, props.baseInputProps), adornmentEnd: (0, jsx_runtime_1.jsxs)("div", Object.assign({ ref: select.openerRef, tabIndex: 0, onFocus: () => setOpenerFocused(true), onBlur: () => setOpenerFocused(false), role: 'combobox', "aria-label": '\u0412\u044B\u0431\u043E\u0440 \u0441\u0442\u0440\u0430\u043D\u044B', className: cx('opener'), "data-testid": 'phone-input:menu-opener', onKeyDown: select.onKeyDown, onMouseDown: select.onMouseDown }, { children: [(0, jsx_runtime_1.jsx)("img", { alt: '', width: 24, height: 24, src: country.imageSrc }), (0, jsx_runtime_1.jsx)(ArrowSVG, { className: phone_input_module_scss_1.default.arrow })] })) })));
-}

package/phone-input/phone-input.module.scss

@@ -1,22 +0,0 @@
-@use '../colors';
-
-.opener {
-  display: flex;
-  align-items: center;
-  user-select: none;
-  cursor: pointer;
-  padding: 8px;
-  margin: -8px;
-  border-radius: 4px;
-  &:focus-visible {
-    outline: 0;
-    background: colors.$additional-sky;
-  }
-}
-
-.arrow {
-  display: block;
-  fill: colors.$basic-gray38;
-  margin-left: 4px;
-  pointer-events: none; // игнорируем клики т.к. после них элемент стрелки подменяется и считается что он сработал вне элемента родителя
-}

package/phone-input/presets.d.ts

@@ -1,25 +0,0 @@
-export interface Country {
-    readonly id: string;
-    readonly name: string;
-    readonly code: string;
-    readonly codeChars: string;
-    readonly mask: string;
-    readonly imageSrc: string;
-}
-export declare const IDS: {
-    readonly russia: "russia";
-    readonly kazakhstan: "kazakhstan";
-    readonly armenia: "armenia";
-    readonly belarus: "belarus";
-    readonly kyrgyzstan: "kyrgyzstan";
-    readonly azerbaijan: "azerbaijan";
-    readonly georgia: "georgia";
-    readonly moldova: "moldova";
-    readonly tajikistan: "tajikistan";
-    readonly turkmenistan: "turkmenistan";
-    readonly uzbekistan: "uzbekistan";
-    readonly ukraine: "ukraine";
-    readonly other: "other";
-};
-export declare const countriesList: ReadonlyArray<Country>;
-export declare const countries: Readonly<Record<string, Country>>;

package/phone-input/presets.js

@@ -1,120 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.countries = exports.countriesList = exports.IDS = void 0;
-const russia_png_1 = __importDefault(require("./images/russia.png"));
-const kazakhstan_png_1 = __importDefault(require("./images/kazakhstan.png"));
-const armenia_png_1 = __importDefault(require("./images/armenia.png"));
-const belarus_png_1 = __importDefault(require("./images/belarus.png"));
-const kyrgyzstan_png_1 = __importDefault(require("./images/kyrgyzstan.png"));
-const azerbaijan_png_1 = __importDefault(require("./images/azerbaijan.png"));
-const georgia_png_1 = __importDefault(require("./images/georgia.png"));
-const moldova_png_1 = __importDefault(require("./images/moldova.png"));
-const tajikistan_png_1 = __importDefault(require("./images/tajikistan.png"));
-const turkmenistan_png_1 = __importDefault(require("./images/turkmenistan.png"));
-const uzbekistan_png_1 = __importDefault(require("./images/uzbekistan.png"));
-const ukraine_png_1 = __importDefault(require("./images/ukraine.png"));
-const other_png_1 = __importDefault(require("./images/other.png"));
-exports.IDS = {
-    russia: 'russia',
-    kazakhstan: 'kazakhstan',
-    armenia: 'armenia',
-    belarus: 'belarus',
-    kyrgyzstan: 'kyrgyzstan',
-    azerbaijan: 'azerbaijan',
-    georgia: 'georgia',
-    moldova: 'moldova',
-    tajikistan: 'tajikistan',
-    turkmenistan: 'turkmenistan',
-    uzbekistan: 'uzbekistan',
-    ukraine: 'ukraine',
-    other: 'other',
-};
-const NAMES = {
-    [exports.IDS.russia]: 'Россия',
-    [exports.IDS.kazakhstan]: 'Казахстан',
-    [exports.IDS.armenia]: 'Армения',
-    [exports.IDS.belarus]: 'Беларусь',
-    [exports.IDS.kyrgyzstan]: 'Кыргызстан',
-    [exports.IDS.azerbaijan]: 'Азербайджан',
-    [exports.IDS.georgia]: 'Грузия',
-    [exports.IDS.moldova]: 'Молдова',
-    [exports.IDS.tajikistan]: 'Таджикистан',
-    [exports.IDS.turkmenistan]: 'Туркмения',
-    [exports.IDS.uzbekistan]: 'Узбекистан',
-    [exports.IDS.ukraine]: 'Украина',
-    [exports.IDS.other]: 'Другое',
-};
-const MASKS = {
-    [exports.IDS.russia]: '+7 (___) ___-__-__',
-    [exports.IDS.kazakhstan]: '+7 (___) ___-__-__',
-    [exports.IDS.armenia]: '+374-__-___-___',
-    [exports.IDS.belarus]: '+375 (__) ___-__-__',
-    [exports.IDS.kyrgyzstan]: '+996 (___) ___-___',
-    [exports.IDS.azerbaijan]: '+994-__-___-__-__',
-    [exports.IDS.georgia]: '+995 (___) ___-___',
-    [exports.IDS.moldova]: '+373-____-____',
-    [exports.IDS.tajikistan]: '+992-__-___-____',
-    [exports.IDS.turkmenistan]: '+993-_-___-____',
-    [exports.IDS.uzbekistan]: '+998-__-___-____',
-    [exports.IDS.ukraine]: '+380 (__) ___-__-__',
-    [exports.IDS.other]: '_______________',
-};
-const IMAGES = {
-    [exports.IDS.russia]: russia_png_1.default,
-    [exports.IDS.kazakhstan]: kazakhstan_png_1.default,
-    [exports.IDS.armenia]: armenia_png_1.default,
-    [exports.IDS.belarus]: belarus_png_1.default,
-    [exports.IDS.kyrgyzstan]: kyrgyzstan_png_1.default,
-    [exports.IDS.azerbaijan]: azerbaijan_png_1.default,
-    [exports.IDS.georgia]: georgia_png_1.default,
-    [exports.IDS.moldova]: moldova_png_1.default,
-    [exports.IDS.tajikistan]: tajikistan_png_1.default,
-    [exports.IDS.turkmenistan]: turkmenistan_png_1.default,
-    [exports.IDS.uzbekistan]: uzbekistan_png_1.default,
-    [exports.IDS.ukraine]: ukraine_png_1.default,
-    [exports.IDS.other]: other_png_1.default,
-};
-// @todo <Flag country='russia' /> под капотом оптимизация для флагов состоящих только из полос
-// (простые флаги можно сделать на css чтобы не хранить лишние png)
-const CODES = {
-    [exports.IDS.russia]: '+7',
-    [exports.IDS.kazakhstan]: '+7',
-    [exports.IDS.armenia]: '+374',
-    [exports.IDS.belarus]: '+375',
-    [exports.IDS.kyrgyzstan]: '+996',
-    [exports.IDS.azerbaijan]: '+994',
-    [exports.IDS.georgia]: '+995',
-    [exports.IDS.moldova]: '+373',
-    [exports.IDS.tajikistan]: '+992',
-    [exports.IDS.turkmenistan]: '+993',
-    [exports.IDS.uzbekistan]: '+998',
-    [exports.IDS.ukraine]: '+380',
-    [exports.IDS.other]: '',
-};
-const ORDER = [
-    exports.IDS.russia,
-    exports.IDS.kazakhstan,
-    exports.IDS.armenia,
-    exports.IDS.belarus,
-    exports.IDS.kyrgyzstan,
-    exports.IDS.azerbaijan,
-    exports.IDS.georgia,
-    exports.IDS.moldova,
-    exports.IDS.tajikistan,
-    exports.IDS.turkmenistan,
-    exports.IDS.uzbekistan,
-    exports.IDS.ukraine,
-    exports.IDS.other,
-];
-exports.countriesList = ORDER.map(id => ({
-    id,
-    name: NAMES[id],
-    code: CODES[id],
-    codeChars: CODES[id].replace(/\D/g, ''),
-    mask: MASKS[id],
-    imageSrc: IMAGES[id],
-}));
-exports.countries = exports.countriesList.reduce((acc, item) => (Object.assign(Object.assign({}, acc), { [item.id]: item })), {});

package/phone-input/types.d.ts

@@ -1,6 +0,0 @@
-import { MaskedInputProps } from '../masked-input';
-import { Country } from './presets';
-export interface PhoneInputProps extends Omit<MaskedInputProps, 'mask' | 'placeholder' | 'pattern'> {
-    /** Сработает при выборе страны из выпадающего списка. */
-    onCountrySelect?: (country: Country) => void;
-}

package/phone-input/types.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/phone-input/utils.d.ts

@@ -1,36 +0,0 @@
-import { SyntheticEvent } from 'react';
-import { Country } from './presets';
-/**
- * Определяет страну по номеру телефона.
- * @param value Значение.
- * @return Данные маски страны.
- */
-export declare function defineCountry(value: string): Country;
-/**
- * Утилиты для работы со строкой, представляющей номер телефона.
- */
-export declare const PhoneValue: {
-    /**
-     * Получив номер без кода страны и страну вернет номер с кодом.
-     * @param value Номер.
-     * @param country Страна.
-     * @return Номер.
-     */
-    readonly addCode: (value: string, country: Country) => string;
-    /**
-     * Получив номер с кодом страны и страну вернет номер без кода.
-     * @param value Номер.
-     * @param country Страна.
-     * @return Номер.
-     */
-    readonly removeCode: (value: string, country: Country) => string;
-};
-/**
- * Заглушка для вызова callback'ов которые ожидают SyntheticEvent.
- * @param element Элемент.
- * @param nativeEvent Событие.
- * @return Синтетическое событие.
- */
-export declare function stubSyntheticEvent<T extends Element, E extends Event>(element: T, nativeEvent: E): SyntheticEvent<T, E> & {
-    target: EventTarget & T;
-};

package/phone-input/utils.js

@@ -1,69 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.stubSyntheticEvent = exports.PhoneValue = exports.defineCountry = void 0;
-const presets_1 = require("./presets");
-/**
- * Определяет страну по номеру телефона.
- * @param value Значение.
- * @return Данные маски страны.
- */
-function defineCountry(value) {
-    let result;
-    if (value) {
-        result = presets_1.countriesList.find(({ codeChars }) => value.indexOf(codeChars) === 0);
-        if (result && result.id === presets_1.IDS.russia && ['6', '7'].includes(value[1])) {
-            result = presets_1.countries.kazakhstan;
-        }
-    }
-    return result || presets_1.countries.russia;
-}
-exports.defineCountry = defineCountry;
-/**
- * Утилиты для работы со строкой, представляющей номер телефона.
- */
-exports.PhoneValue = {
-    /**
-     * Получив номер без кода страны и страну вернет номер с кодом.
-     * @param value Номер.
-     * @param country Страна.
-     * @return Номер.
-     */
-    addCode(value, country) {
-        return `${country.codeChars}${value.replace(/\D/g, '')}`;
-    },
-    /**
-     * Получив номер с кодом страны и страну вернет номер без кода.
-     * @param value Номер.
-     * @param country Страна.
-     * @return Номер.
-     */
-    removeCode(value, country) {
-        return value.replace(/\D/g, '').slice(country.codeChars.length);
-    },
-};
-/**
- * Заглушка для вызова callback'ов которые ожидают SyntheticEvent.
- * @param element Элемент.
- * @param nativeEvent Событие.
- * @return Синтетическое событие.
- */
-function stubSyntheticEvent(element, nativeEvent) {
-    return {
-        nativeEvent,
-        currentTarget: element,
-        target: element,
-        type: nativeEvent.type,
-        bubbles: nativeEvent.bubbles,
-        cancelable: nativeEvent.cancelable,
-        eventPhase: nativeEvent.eventPhase,
-        isTrusted: nativeEvent.isTrusted,
-        timeStamp: nativeEvent.timeStamp,
-        defaultPrevented: false,
-        isDefaultPrevented: () => false,
-        isPropagationStopped: () => false,
-        persist: () => void 0,
-        preventDefault: () => void 0,
-        stopPropagation: () => void 0,
-    };
-}
-exports.stubSyntheticEvent = stubSyntheticEvent;