@sima-land/ui-nucleons 45.0.0-alpha.2 → 45.0.0-alpha.20

package/phone-input/phone-input.m.scss

@@ -0,0 +1,9 @@
+@use '../colors';
+
+.opener {
+  margin: -8px;
+}
+
+.option-icon {
+  display: block;
+}

package/phone-input/preset/defaults-import-png.d.ts

@@ -0,0 +1,2 @@
+import type { PhoneInputMask } from '../types';
+export declare const masks: PhoneInputMask[];

package/phone-input/preset/defaults-import-png.js

@@ -0,0 +1,113 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.masks = 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.masks = [
+    {
+        id: 'russia',
+        title: 'Россия',
+        mask: '+7 (___) ___-__-__',
+        optionImageSrc: russia_png_1.default,
+        optionEndContent: '+7',
+    },
+    {
+        id: 'kazakhstan',
+        title: 'Казахстан',
+        mask: '+7 (___) ___-__-__',
+        optionImageSrc: kazakhstan_png_1.default,
+        optionEndContent: '+7',
+    },
+    {
+        id: 'armenia',
+        title: 'Армения',
+        mask: '+374-__-___-___',
+        optionImageSrc: armenia_png_1.default,
+        optionEndContent: '+374',
+    },
+    {
+        id: 'belarus',
+        title: 'Беларусь',
+        mask: '+375 (__) ___-__-__',
+        optionImageSrc: belarus_png_1.default,
+        optionEndContent: '+375',
+    },
+    {
+        id: 'kyrgyzstan',
+        title: 'Кыргызстан',
+        mask: '+996 (___) ___-___',
+        optionImageSrc: kyrgyzstan_png_1.default,
+        optionEndContent: '+996',
+    },
+    {
+        id: 'azerbaijan',
+        title: 'Азербайджан',
+        mask: '+994-__-___-__-__',
+        optionImageSrc: azerbaijan_png_1.default,
+        optionEndContent: '+994',
+    },
+    {
+        id: 'georgia',
+        title: 'Грузия',
+        mask: '+995 (___) ___-___',
+        optionImageSrc: georgia_png_1.default,
+        optionEndContent: '+995',
+    },
+    {
+        id: 'moldova',
+        title: 'Молдова',
+        mask: '+373-____-____',
+        optionImageSrc: moldova_png_1.default,
+        optionEndContent: '+373',
+    },
+    {
+        id: 'tajikistan',
+        title: 'Таджикистан',
+        mask: '+992-__-___-____',
+        optionImageSrc: tajikistan_png_1.default,
+        optionEndContent: '+992',
+    },
+    {
+        id: 'turkmenistan',
+        title: 'Туркмения',
+        mask: '+993-_-___-____',
+        optionImageSrc: turkmenistan_png_1.default,
+        optionEndContent: '+993',
+    },
+    {
+        id: 'uzbekistan',
+        title: 'Узбекистан',
+        mask: '+998-__-___-____',
+        optionImageSrc: uzbekistan_png_1.default,
+        optionEndContent: '+998',
+    },
+    {
+        id: 'ukraine',
+        title: 'Украина',
+        mask: '+380 (__) ___-__-__',
+        optionImageSrc: ukraine_png_1.default,
+        optionEndContent: '+380',
+    },
+    {
+        id: 'other',
+        title: 'Другое',
+        mask: '_______________',
+        needRestPlaceholder: false,
+        optionImageSrc: other_png_1.default,
+    },
+];
+//# sourceMappingURL=defaults-import-png.js.map

package/phone-input/preset/defaults-import-png.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaults-import-png.js","sourceRoot":"","sources":["../../../src/phone-input/preset/defaults-import-png.ts"],"names":[],"mappings":";;;;;;AACA,sEAA0C;AAC1C,8EAAkD;AAClD,wEAA4C;AAC5C,wEAA4C;AAC5C,8EAAkD;AAClD,8EAAkD;AAClD,wEAA4C;AAC5C,wEAA4C;AAC5C,8EAAkD;AAClD,kFAAsD;AACtD,8EAAkD;AAClD,wEAA4C;AAC5C,oEAAwC;AAE3B,QAAA,KAAK,GAAqB;IACrC;QACE,EAAE,EAAE,QAAQ;QACZ,KAAK,EAAE,QAAQ;QACf,IAAI,EAAE,oBAAoB;QAC1B,cAAc,EAAE,oBAAM;QACtB,gBAAgB,EAAE,IAAI;KACvB;IACD;QACE,EAAE,EAAE,YAAY;QAChB,KAAK,EAAE,WAAW;QAClB,IAAI,EAAE,oBAAoB;QAC1B,cAAc,EAAE,wBAAU;QAC1B,gBAAgB,EAAE,IAAI;KACvB;IACD;QACE,EAAE,EAAE,SAAS;QACb,KAAK,EAAE,SAAS;QAChB,IAAI,EAAE,iBAAiB;QACvB,cAAc,EAAE,qBAAO;QACvB,gBAAgB,EAAE,MAAM;KACzB;IACD;QACE,EAAE,EAAE,SAAS;QACb,KAAK,EAAE,UAAU;QACjB,IAAI,EAAE,qBAAqB;QAC3B,cAAc,EAAE,qBAAO;QACvB,gBAAgB,EAAE,MAAM;KACzB;IACD;QACE,EAAE,EAAE,YAAY;QAChB,KAAK,EAAE,YAAY;QACnB,IAAI,EAAE,oBAAoB;QAC1B,cAAc,EAAE,wBAAU;QAC1B,gBAAgB,EAAE,MAAM;KACzB;IACD;QACE,EAAE,EAAE,YAAY;QAChB,KAAK,EAAE,aAAa;QACpB,IAAI,EAAE,mBAAmB;QACzB,cAAc,EAAE,wBAAU;QAC1B,gBAAgB,EAAE,MAAM;KACzB;IACD;QACE,EAAE,EAAE,SAAS;QACb,KAAK,EAAE,QAAQ;QACf,IAAI,EAAE,oBAAoB;QAC1B,cAAc,EAAE,qBAAO;QACvB,gBAAgB,EAAE,MAAM;KACzB;IACD;QACE,EAAE,EAAE,SAAS;QACb,KAAK,EAAE,SAAS;QAChB,IAAI,EAAE,gBAAgB;QACtB,cAAc,EAAE,qBAAO;QACvB,gBAAgB,EAAE,MAAM;KACzB;IACD;QACE,EAAE,EAAE,YAAY;QAChB,KAAK,EAAE,aAAa;QACpB,IAAI,EAAE,kBAAkB;QACxB,cAAc,EAAE,wBAAU;QAC1B,gBAAgB,EAAE,MAAM;KACzB;IACD;QACE,EAAE,EAAE,cAAc;QAClB,KAAK,EAAE,WAAW;QAClB,IAAI,EAAE,iBAAiB;QACvB,cAAc,EAAE,0BAAY;QAC5B,gBAAgB,EAAE,MAAM;KACzB;IACD;QACE,EAAE,EAAE,YAAY;QAChB,KAAK,EAAE,YAAY;QACnB,IAAI,EAAE,kBAAkB;QACxB,cAAc,EAAE,wBAAU;QAC1B,gBAAgB,EAAE,MAAM;KACzB;IACD;QACE,EAAE,EAAE,SAAS;QACb,KAAK,EAAE,SAAS;QAChB,IAAI,EAAE,qBAAqB;QAC3B,cAAc,EAAE,qBAAO;QACvB,gBAAgB,EAAE,MAAM;KACzB;IACD;QACE,EAAE,EAAE,OAAO;QACX,KAAK,EAAE,QAAQ;QACf,IAAI,EAAE,iBAAiB;QACvB,mBAAmB,EAAE,KAAK;QAC1B,cAAc,EAAE,mBAAK;KACtB;CACF,CAAC"}

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

@@ -0,0 +1,5 @@
+import type { PhoneInputMask } from '../types';
+export declare const stubMask: PhoneInputMask;
+export declare const russiaMask: PhoneInputMask;
+export declare const kazakhstanMask: PhoneInputMask;
+export declare const masks: PhoneInputMask[];

package/phone-input/preset/defaults.js

@@ -0,0 +1,116 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.masks = exports.kazakhstanMask = exports.russiaMask = exports.stubMask = void 0;
+const russia_1 = __importDefault(require("../images/russia"));
+const kazakhstan_1 = __importDefault(require("../images/kazakhstan"));
+const armenia_1 = __importDefault(require("../images/armenia"));
+const belarus_1 = __importDefault(require("../images/belarus"));
+const kyrgyzstan_1 = __importDefault(require("../images/kyrgyzstan"));
+const azerbaijan_1 = __importDefault(require("../images/azerbaijan"));
+const georgia_1 = __importDefault(require("../images/georgia"));
+const moldova_1 = __importDefault(require("../images/moldova"));
+const tajikistan_1 = __importDefault(require("../images/tajikistan"));
+const turkmenistan_1 = __importDefault(require("../images/turkmenistan"));
+const uzbekistan_1 = __importDefault(require("../images/uzbekistan"));
+const ukraine_1 = __importDefault(require("../images/ukraine"));
+const other_1 = __importDefault(require("../images/other"));
+exports.stubMask = {
+    id: 'other',
+    title: 'Другое',
+    mask: '_______________',
+    needRestPlaceholder: false,
+    optionImageSrc: other_1.default,
+};
+exports.russiaMask = {
+    id: 'russia',
+    title: 'Россия',
+    mask: '+7 (___) ___-__-__',
+    optionImageSrc: russia_1.default,
+    optionEndContent: '+7',
+};
+exports.kazakhstanMask = {
+    id: 'kazakhstan',
+    title: 'Казахстан',
+    mask: '+7 (___) ___-__-__',
+    optionImageSrc: kazakhstan_1.default,
+    optionEndContent: '+7',
+};
+exports.masks = [
+    exports.russiaMask,
+    exports.kazakhstanMask,
+    {
+        id: 'armenia',
+        title: 'Армения',
+        mask: '+374-__-___-___',
+        optionImageSrc: armenia_1.default,
+        optionEndContent: '+374',
+    },
+    {
+        id: 'belarus',
+        title: 'Беларусь',
+        mask: '+375 (__) ___-__-__',
+        optionImageSrc: belarus_1.default,
+        optionEndContent: '+375',
+    },
+    {
+        id: 'kyrgyzstan',
+        title: 'Кыргызстан',
+        mask: '+996 (___) ___-___',
+        optionImageSrc: kyrgyzstan_1.default,
+        optionEndContent: '+996',
+    },
+    {
+        id: 'azerbaijan',
+        title: 'Азербайджан',
+        mask: '+994-__-___-__-__',
+        optionImageSrc: azerbaijan_1.default,
+        optionEndContent: '+994',
+    },
+    {
+        id: 'georgia',
+        title: 'Грузия',
+        mask: '+995 (___) ___-___',
+        optionImageSrc: georgia_1.default,
+        optionEndContent: '+995',
+    },
+    {
+        id: 'moldova',
+        title: 'Молдова',
+        mask: '+373-____-____',
+        optionImageSrc: moldova_1.default,
+        optionEndContent: '+373',
+    },
+    {
+        id: 'tajikistan',
+        title: 'Таджикистан',
+        mask: '+992-__-___-____',
+        optionImageSrc: tajikistan_1.default,
+        optionEndContent: '+992',
+    },
+    {
+        id: 'turkmenistan',
+        title: 'Туркмения',
+        mask: '+993-_-___-____',
+        optionImageSrc: turkmenistan_1.default,
+        optionEndContent: '+993',
+    },
+    {
+        id: 'uzbekistan',
+        title: 'Узбекистан',
+        mask: '+998-__-___-____',
+        optionImageSrc: uzbekistan_1.default,
+        optionEndContent: '+998',
+    },
+    {
+        id: 'ukraine',
+        title: 'Украина',
+        mask: '+380 (__) ___-__-__',
+        optionImageSrc: ukraine_1.default,
+        optionEndContent: '+380',
+    },
+    exports.stubMask,
+];
+//# sourceMappingURL=defaults.js.map

package/phone-input/preset/defaults.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../src/phone-input/preset/defaults.ts"],"names":[],"mappings":";;;;;;AACA,8DAAsC;AACtC,sEAA8C;AAC9C,gEAAwC;AACxC,gEAAwC;AACxC,sEAA8C;AAC9C,sEAA8C;AAC9C,gEAAwC;AACxC,gEAAwC;AACxC,sEAA8C;AAC9C,0EAAkD;AAClD,sEAA8C;AAC9C,gEAAwC;AACxC,4DAAoC;AAEvB,QAAA,QAAQ,GAAmB;IACtC,EAAE,EAAE,OAAO;IACX,KAAK,EAAE,QAAQ;IACf,IAAI,EAAE,iBAAiB;IACvB,mBAAmB,EAAE,KAAK;IAC1B,cAAc,EAAE,eAAK;CACtB,CAAC;AAEW,QAAA,UAAU,GAAmB;IACxC,EAAE,EAAE,QAAQ;IACZ,KAAK,EAAE,QAAQ;IACf,IAAI,EAAE,oBAAoB;IAC1B,cAAc,EAAE,gBAAM;IACtB,gBAAgB,EAAE,IAAI;CACvB,CAAC;AAEW,QAAA,cAAc,GAAmB;IAC5C,EAAE,EAAE,YAAY;IAChB,KAAK,EAAE,WAAW;IAClB,IAAI,EAAE,oBAAoB;IAC1B,cAAc,EAAE,oBAAU;IAC1B,gBAAgB,EAAE,IAAI;CACvB,CAAC;AAEW,QAAA,KAAK,GAAqB;IACrC,kBAAU;IACV,sBAAc;IACd;QACE,EAAE,EAAE,SAAS;QACb,KAAK,EAAE,SAAS;QAChB,IAAI,EAAE,iBAAiB;QACvB,cAAc,EAAE,iBAAO;QACvB,gBAAgB,EAAE,MAAM;KACzB;IACD;QACE,EAAE,EAAE,SAAS;QACb,KAAK,EAAE,UAAU;QACjB,IAAI,EAAE,qBAAqB;QAC3B,cAAc,EAAE,iBAAO;QACvB,gBAAgB,EAAE,MAAM;KACzB;IACD;QACE,EAAE,EAAE,YAAY;QAChB,KAAK,EAAE,YAAY;QACnB,IAAI,EAAE,oBAAoB;QAC1B,cAAc,EAAE,oBAAU;QAC1B,gBAAgB,EAAE,MAAM;KACzB;IACD;QACE,EAAE,EAAE,YAAY;QAChB,KAAK,EAAE,aAAa;QACpB,IAAI,EAAE,mBAAmB;QACzB,cAAc,EAAE,oBAAU;QAC1B,gBAAgB,EAAE,MAAM;KACzB;IACD;QACE,EAAE,EAAE,SAAS;QACb,KAAK,EAAE,QAAQ;QACf,IAAI,EAAE,oBAAoB;QAC1B,cAAc,EAAE,iBAAO;QACvB,gBAAgB,EAAE,MAAM;KACzB;IACD;QACE,EAAE,EAAE,SAAS;QACb,KAAK,EAAE,SAAS;QAChB,IAAI,EAAE,gBAAgB;QACtB,cAAc,EAAE,iBAAO;QACvB,gBAAgB,EAAE,MAAM;KACzB;IACD;QACE,EAAE,EAAE,YAAY;QAChB,KAAK,EAAE,aAAa;QACpB,IAAI,EAAE,kBAAkB;QACxB,cAAc,EAAE,oBAAU;QAC1B,gBAAgB,EAAE,MAAM;KACzB;IACD;QACE,EAAE,EAAE,cAAc;QAClB,KAAK,EAAE,WAAW;QAClB,IAAI,EAAE,iBAAiB;QACvB,cAAc,EAAE,sBAAY;QAC5B,gBAAgB,EAAE,MAAM;KACzB;IACD;QACE,EAAE,EAAE,YAAY;QAChB,KAAK,EAAE,YAAY;QACnB,IAAI,EAAE,kBAAkB;QACxB,cAAc,EAAE,oBAAU;QAC1B,gBAAgB,EAAE,MAAM;KACzB;IACD;QACE,EAAE,EAAE,SAAS;QACb,KAAK,EAAE,SAAS;QAChB,IAAI,EAAE,qBAAqB;QAC3B,cAAc,EAAE,iBAAO;QACvB,gBAAgB,EAAE,MAAM;KACzB;IACD,gBAAQ;CACT,CAAC"}

package/phone-input/types.d.ts

@@ -1,6 +1,32 @@
-import { MaskedInputProps } from '../masked-input';
-import { Country } from './presets';
+import type { DropdownProps } from '../dropdown';
+import type { MaskedInputProps } from '../masked-input';
 export interface PhoneInputProps extends Omit<MaskedInputProps, 'mask' | 'placeholder' | 'pattern'> {
+    /** Маски номеров телефона. */
+    masks?: PhoneInputMask[];
     /** Сработает при выборе страны из выпадающего списка. */
-    onCountrySelect?: (country: Country) => void;
+    onCountrySelect?: (country: PhoneInputMask) => void;
+    /** Свойства компонента Dropdown. */
+    dropdownProps?: Omit<DropdownProps, 'rootRef' | 'viewportRef'>;
+    /** Сработает при открытии меню. */
+    onMenuOpen?: VoidFunction;
+    /** Сработает при закрытии меню. */
+    onMenuClose?: VoidFunction;
+    /** Определитель маски по умолчанию. */
+    getDefaultMask?: (params: {
+        value: string;
+        masks: PhoneInputMask[];
+    }) => PhoneInputMask | undefined;
+}
+export interface PhoneInputMask {
+    readonly id: string;
+    /** Название. */
+    readonly title: string;
+    /** Маска. */
+    readonly mask: string;
+    /** Нужно ли отображать "rest placeholder" при вводе. */
+    readonly needRestPlaceholder?: boolean;
+    /** Картинка. */
+    readonly optionImageSrc?: string;
+    /** Дополнительный текст. */
+    readonly optionEndContent?: string;
 }

package/phone-input/types.js

@@ -1,2 +1,3 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/phone-input/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/phone-input/types.ts"],"names":[],"mappings":""}

package/phone-input/utils.d.ts

@@ -1,11 +1,16 @@
-import { SyntheticEvent } from 'react';
-import { Country } from './presets';
+import { type SyntheticEvent } from 'react';
+import { type PhoneInputMask } from './types';
 /**
  * Определяет страну по номеру телефона.
- * @param value Значение.
- * @return Данные маски страны.
+ * Если Подходит "Россия", будет выполнена доп.проверка и выбран "Казахстан".
+ * Если не найдена подходящая, будет выполнен поиск маски "Россия".
+ * @param params Значение.
+ * @return Маска.
  */
-export declare function defineCountry(value: string): Country;
+export declare function defaultGetDefaultMask({ value, masks, }: {
+    value: string;
+    masks: PhoneInputMask[];
+}): PhoneInputMask | undefined;
 /**
  * Утилиты для работы со строкой, представляющей номер телефона.
  */
@@ -13,17 +18,17 @@ export declare const PhoneValue: {
     /**
      * Получив номер без кода страны и страну вернет номер с кодом.
      * @param value Номер.
-     * @param country Страна.
+     * @param mask Страна.
      * @return Номер.
      */
-    readonly addCode: (value: string, country: Country) => string;
+    readonly addCode: (value: string, mask: PhoneInputMask) => string;
     /**
      * Получив номер с кодом страны и страну вернет номер без кода.
      * @param value Номер.
-     * @param country Страна.
+     * @param mask Страна.
      * @return Номер.
      */
-    readonly removeCode: (value: string, country: Country) => string;
+    readonly removeCode: (value: string, mask: PhoneInputMask) => string;
 };
 /**
  * Заглушка для вызова callback'ов которые ожидают SyntheticEvent.

package/phone-input/utils.js

@@ -1,23 +1,27 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.stubSyntheticEvent = exports.PhoneValue = exports.defineCountry = void 0;
-const presets_1 = require("./presets");
+exports.PhoneValue = void 0;
+exports.defaultGetDefaultMask = defaultGetDefaultMask;
+exports.stubSyntheticEvent = stubSyntheticEvent;
+const defaults_1 = require("./preset/defaults");
 /**
  * Определяет страну по номеру телефона.
- * @param value Значение.
- * @return Данные маски страны.
+ * Если Подходит "Россия", будет выполнена доп.проверка и выбран "Казахстан".
+ * Если не найдена подходящая, будет выполнен поиск маски "Россия".
+ * @param params Значение.
+ * @return Маска.
  */
-function defineCountry(value) {
+function defaultGetDefaultMask({ value, masks, }) {
+    // ВАЖНО: чтобы эта функция работала с preset/defaults и c preset/defaults-import-png корректно надо возвращать всегда элемент переданного массива
     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;
+        result = masks.find(item => value.indexOf(item.mask.replace(/\D/g, '')) === 0);
+        if (result && result.id === defaults_1.russiaMask.id && ['6', '7'].includes(value[1])) {
+            result = masks.find(item => item.id === defaults_1.kazakhstanMask.id);
         }
     }
-    return result || presets_1.countries.russia;
+    return result ?? masks.find(item => item.id === defaults_1.russiaMask.id);
 }
-exports.defineCountry = defineCountry;
 /**
  * Утилиты для работы со строкой, представляющей номер телефона.
  */
@@ -25,20 +29,20 @@ exports.PhoneValue = {
     /**
      * Получив номер без кода страны и страну вернет номер с кодом.
      * @param value Номер.
-     * @param country Страна.
+     * @param mask Страна.
      * @return Номер.
      */
-    addCode(value, country) {
-        return `${country.codeChars}${value.replace(/\D/g, '')}`;
+    addCode(value, mask) {
+        return `${mask.mask.replace(/\D/g, '')}${value.replace(/\D/g, '')}`;
     },
     /**
      * Получив номер с кодом страны и страну вернет номер без кода.
      * @param value Номер.
-     * @param country Страна.
+     * @param mask Страна.
      * @return Номер.
      */
-    removeCode(value, country) {
-        return value.replace(/\D/g, '').slice(country.codeChars.length);
+    removeCode(value, mask) {
+        return value.replace(/\D/g, '').slice(mask.mask.replace(/\D/g, '').length);
     },
 };
 /**
@@ -66,4 +70,4 @@ function stubSyntheticEvent(element, nativeEvent) {
         stopPropagation: () => void 0,
     };
 }
-exports.stubSyntheticEvent = stubSyntheticEvent;
+//# sourceMappingURL=utils.js.map

package/phone-input/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/phone-input/utils.ts"],"names":[],"mappings":";;;AAWA,sDAmBC;AAiCD,gDAuBC;AApFD,gDAA+D;AAE/D;;;;;;GAMG;AACH,SAAgB,qBAAqB,CAAC,EACpC,KAAK,EACL,KAAK,GAIN;IACC,kJAAkJ;IAClJ,IAAI,MAAkC,CAAC;IAEvC,IAAI,KAAK,EAAE,CAAC;QACV,MAAM,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;QAE/E,IAAI,MAAM,IAAI,MAAM,CAAC,EAAE,KAAK,qBAAU,CAAC,EAAE,IAAI,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;YAC3E,MAAM,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,yBAAc,CAAC,EAAE,CAAC,CAAC;QAC7D,CAAC;IACH,CAAC;IAED,OAAO,MAAM,IAAI,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,qBAAU,CAAC,EAAE,CAAC,CAAC;AACjE,CAAC;AAED;;GAEG;AACU,QAAA,UAAU,GAAG;IACxB;;;;;OAKG;IACH,OAAO,CAAC,KAAa,EAAE,IAAoB;QACzC,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,EAAE,CAAC;IACtE,CAAC;IAED;;;;;OAKG;IACH,UAAU,CAAC,KAAa,EAAE,IAAoB;QAC5C,OAAO,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC;IAC7E,CAAC;CACO,CAAC;AAEX;;;;;GAKG;AACH,SAAgB,kBAAkB,CAChC,OAAU,EACV,WAAc;IAEd,OAAO;QACL,WAAW;QACX,aAAa,EAAE,OAAO;QACtB,MAAM,EAAE,OAAO;QACf,IAAI,EAAE,WAAW,CAAC,IAAI;QACtB,OAAO,EAAE,WAAW,CAAC,OAAO;QAC5B,UAAU,EAAE,WAAW,CAAC,UAAU;QAClC,UAAU,EAAE,WAAW,CAAC,UAAU;QAClC,SAAS,EAAE,WAAW,CAAC,SAAS;QAChC,SAAS,EAAE,WAAW,CAAC,SAAS;QAEhC,gBAAgB,EAAE,KAAK;QACvB,kBAAkB,EAAE,GAAG,EAAE,CAAC,KAAK;QAC/B,oBAAoB,EAAE,GAAG,EAAE,CAAC,KAAK;QAEjC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC;QACrB,cAAc,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC;QAC5B,eAAe,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC;KAC9B,CAAC;AACJ,CAAC"}

package/plate/index.d.ts

@@ -1,15 +1,2 @@
-import React from 'react';
-import { BoxShadow } from '../styling/shadows';
-export interface PlateProps extends React.HTMLAttributes<HTMLDivElement> {
-    /** Тень. */
-    shadow?: keyof typeof BoxShadow | null;
-    /** Скругление углов. */
-    rounds?: 's' | 'm' | null;
-    /** Идентификатор для систем автоматизированного тестирования. */
-    'data-testid'?: string;
-}
-/**
- * Plate это просто div с возможностью легко задавать тень и скругления.
- * И он должен оставаться компонентом, который только задает оформление обычного div.
- */
-export declare const Plate: React.ForwardRefExoticComponent<PlateProps & React.RefAttributes<HTMLDivElement | null>>;
+export type { PlateProps } from './types';
+export { Plate } from './plate';

package/plate/index.js

@@ -1,53 +1,6 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-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.Plate = void 0;
-const react_1 = __importStar(require("react"));
-const shadows_1 = require("../styling/shadows");
-const shapes_1 = require("../styling/shapes");
-const classnames_1 = __importDefault(require("classnames"));
-const plate_module_scss_1 = __importDefault(require("./plate.module.scss"));
-/**
- * Plate это просто div с возможностью легко задавать тень и скругления.
- * И он должен оставаться компонентом, который только задает оформление обычного div.
- */
-exports.Plate = (0, react_1.forwardRef)(function Plate(_a, ref) {
-    var { className, children, rounds = 's', shadow = 'z1', 'data-testid': testId = 'plate' } = _a, restProps = __rest(_a, ["className", "children", "rounds", "shadow", 'data-testid']);
-    return (react_1.default.createElement("div", Object.assign({ ref: ref, className: (0, classnames_1.default)(plate_module_scss_1.default.root, className, shadow && shadows_1.BoxShadow[shadow], rounds === 's' && shapes_1.SmallRounds.all, rounds === 'm' && shapes_1.MediumRounds.all), "data-testid": testId, children: children }, restProps)));
-});
+var plate_1 = require("./plate");
+Object.defineProperty(exports, "Plate", { enumerable: true, get: function () { return plate_1.Plate; } });
+//# sourceMappingURL=index.js.map

package/plate/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/plate/index.ts"],"names":[],"mappings":";;;AACA,iCAAgC;AAAvB,8FAAA,KAAK,OAAA"}

package/plate/plate.d.ts

@@ -0,0 +1,6 @@
+import type { PlateProps } from './types';
+/**
+ * Plate это просто div с возможностью легко задавать тень и скругления.
+ * И он должен оставаться компонентом, который только задает оформление обычного div.
+ */
+export declare const Plate: import("react").ForwardRefExoticComponent<PlateProps & import("react").RefAttributes<HTMLDivElement | null>>;

package/plate/plate.js

@@ -0,0 +1,21 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Plate = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const shadows_1 = require("../styling/shadows");
+const shapes_1 = require("../styling/shapes");
+const bind_1 = __importDefault(require("classnames/bind"));
+const plate_m_scss_1 = __importDefault(require("./plate.m.scss"));
+const cx = bind_1.default.bind(plate_m_scss_1.default);
+/**
+ * Plate это просто div с возможностью легко задавать тень и скругления.
+ * И он должен оставаться компонентом, который только задает оформление обычного div.
+ */
+exports.Plate = (0, react_1.forwardRef)(function Plate({ className, children, rounds = 's', shadow = 'z1', 'data-testid': testId = 'plate', ...restProps }, ref) {
+    return ((0, jsx_runtime_1.jsx)("div", { ref: ref, className: cx('root', className, shadow && shadows_1.BoxShadow[shadow], rounds === 's' && shapes_1.SmallRounds.all, rounds === 'm' && shapes_1.MediumRounds.all), "data-testid": testId, children: children, ...restProps }));
+});
+//# sourceMappingURL=plate.js.map

package/plate/plate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"plate.js","sourceRoot":"","sources":["../../src/plate/plate.tsx"],"names":[],"mappings":";;;;;;;AACA,iCAAmC;AACnC,gDAA+C;AAC/C,8CAA8D;AAC9D,2DAAyC;AACzC,kEAAoC;AAEpC,MAAM,EAAE,GAAG,cAAU,CAAC,IAAI,CAAC,sBAAM,CAAC,CAAC;AAEnC;;;GAGG;AACU,QAAA,KAAK,GAAG,IAAA,kBAAU,EAAoC,SAAS,KAAK,CAC/E,EACE,SAAS,EACT,QAAQ,EACR,MAAM,GAAG,GAAG,EACZ,MAAM,GAAG,IAAI,EACb,aAAa,EAAE,MAAM,GAAG,OAAO,EAC/B,GAAG,SAAS,EACb,EACD,GAAG;IAEH,OAAO,CACL,gCACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,MAAM,EACN,SAAS,EACT,MAAM,IAAI,mBAAS,CAAC,MAAM,CAAC,EAC3B,MAAM,KAAK,GAAG,IAAI,oBAAW,CAAC,GAAG,EACjC,MAAM,KAAK,GAAG,IAAI,qBAAY,CAAC,GAAG,CACnC,iBACY,MAAM,EACnB,QAAQ,EAAE,QAAQ,KACd,SAAS,GACb,CACH,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/plate/types.d.ts

@@ -0,0 +1,9 @@
+import type { HTMLAttributes } from 'react';
+import type { BoxShadow } from '../styling/shadows';
+import type { WithTestId } from '../types';
+export interface PlateProps extends HTMLAttributes<HTMLDivElement>, WithTestId {
+    /** Тень. */
+    shadow?: keyof typeof BoxShadow | null;
+    /** Скругление углов. */
+    rounds?: 's' | 'm' | null;
+}

package/plate/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/plate/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/plate/types.ts"],"names":[],"mappings":""}

package/popup/index.d.ts

@@ -1,5 +1,4 @@
-import { Popup, PopupProps } from './popup';
-import { PopupView, PopupViewProps } from './popup-view';
-import { popupFloatingConfig, usePopupFloatingStyle, usePopupOnClick, useFocusTrap } from './utils';
-export type { PopupProps, PopupViewProps };
-export { Popup, PopupView, popupFloatingConfig, usePopupFloatingStyle, usePopupOnClick, useFocusTrap, };
+export type { PopupProps, PopupViewProps, PopupStyle } from './types';
+export { Popup } from './popup';
+export { PopupView } from './popup-view';
+export { popupFloatingConfig, usePopupFloatingStyle, usePopupOnClick, useFocusTrap } from './utils';

package/popup/index.js

@@ -1,12 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useFocusTrap = exports.usePopupOnClick = exports.usePopupFloatingStyle = exports.popupFloatingConfig = exports.PopupView = exports.Popup = void 0;
-const popup_1 = require("./popup");
+var popup_1 = require("./popup");
 Object.defineProperty(exports, "Popup", { enumerable: true, get: function () { return popup_1.Popup; } });
-const popup_view_1 = require("./popup-view");
+var popup_view_1 = require("./popup-view");
 Object.defineProperty(exports, "PopupView", { enumerable: true, get: function () { return popup_view_1.PopupView; } });
-const utils_1 = require("./utils");
+var utils_1 = require("./utils");
 Object.defineProperty(exports, "popupFloatingConfig", { enumerable: true, get: function () { return utils_1.popupFloatingConfig; } });
 Object.defineProperty(exports, "usePopupFloatingStyle", { enumerable: true, get: function () { return utils_1.usePopupFloatingStyle; } });
 Object.defineProperty(exports, "usePopupOnClick", { enumerable: true, get: function () { return utils_1.usePopupOnClick; } });
 Object.defineProperty(exports, "useFocusTrap", { enumerable: true, get: function () { return utils_1.useFocusTrap; } });
+//# sourceMappingURL=index.js.map

package/popup/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/popup/index.ts"],"names":[],"mappings":";;;AACA,iCAAgC;AAAvB,8FAAA,KAAK,OAAA;AACd,2CAAyC;AAAhC,uGAAA,SAAS,OAAA;AAClB,iCAAoG;AAA3F,4GAAA,mBAAmB,OAAA;AAAE,8GAAA,qBAAqB,OAAA;AAAE,wGAAA,eAAe,OAAA;AAAE,qGAAA,YAAY,OAAA"}

package/popup/popup-view.d.ts

@@ -1,14 +1,7 @@
-import { HTMLAttributes, Ref } from 'react';
-import { WithTestId } from '../types';
-export interface PopupViewProps extends HTMLAttributes<HTMLDivElement>, WithTestId {
-    /** Сработает при клике на крестик. */
-    onClose?: () => void;
-    /** Реф корневого элемента. */
-    popupRef?: Ref<HTMLDivElement>;
-}
+import type { PopupViewProps } from './types';
 /**
- * Popup.
+ * Попап - блок для вывода информации, всплывающий рядом с целевым элементом.
  * @param props Свойства.
  * @return Элемент.
  */
-export declare function PopupView({ children, onClose, popupRef, className, 'data-testid': testId, ...rest }: PopupViewProps): JSX.Element;
+export declare function PopupView({ children, onClose, popupRef, className, 'data-testid': testId, ...rest }: PopupViewProps): import("react/jsx-runtime").JSX.Element;