@alfalab/core-components 45.8.0-beta.5 → 45.9.0

package/bank-card/Component.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 import React from 'react';
 import { ChangeEvent, MouseEvent, ReactNode } from "react";
+import { MaskType } from "./types";
 type BankCardProps = {
     /**
      * Дополнительный класс
@@ -36,6 +37,11 @@ type BankCardProps = {
      * Идентификатор для систем автоматизированного тестирования
      */
     dataTestId?: string;
+    /**
+     * Тип вводимой маски. Позволяет устанавливать необходимый тип номера (номер карты или номер счёта)
+     * Если параметр не передавать - работает с обоими типами номеров
+     */
+    maskType?: MaskType;
 };
 declare const BankCard: React.ForwardRefExoticComponent<BankCardProps & React.RefAttributes<HTMLInputElement>>;
 export { BankCardProps, BankCard };

package/bank-card/Component.js

@@ -8,6 +8,8 @@ var AlfaBankLIcon = require('@alfalab/icons-logotype/AlfaBankLIcon');
 var MastercardLIcon = require('@alfalab/icons-logotype/MastercardLIcon');
 var MirXxlIcon = require('@alfalab/icons-logotype/MirXxlIcon');
 var VisaXxlIcon = require('@alfalab/icons-logotype/VisaXxlIcon');
+var helpers_getDefaultInputLabel = require('./helpers/getDefaultInputLabel.js');
+var enums = require('./enums.js');
 var utils = require('./utils.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -38,12 +40,20 @@ var getBrandIcon = function (value) {
     return null;
 };
 var BankCard = React__default.default.forwardRef(function (_a, ref) {
-    var _b = _a.bankLogo, bankLogo = _b === void 0 ? React__default.default.createElement(AlfaBankLIcon.AlfaBankLIcon, null) : _b, _c = _a.backgroundColor, backgroundColor = _c === void 0 ? '#EF3124' : _c, _d = _a.inputLabel, inputLabel = _d === void 0 ? 'Номер карты или счёта' : _d, value = _a.value, className = _a.className, onUsePhoto = _a.onUsePhoto, onChange = _a.onChange, dataTestId = _a.dataTestId;
+    var _b = _a.bankLogo, bankLogo = _b === void 0 ? React__default.default.createElement(AlfaBankLIcon.AlfaBankLIcon, null) : _b, _c = _a.backgroundColor, backgroundColor = _c === void 0 ? '#EF3124' : _c, value = _a.value, className = _a.className, onUsePhoto = _a.onUsePhoto, onChange = _a.onChange, dataTestId = _a.dataTestId, _d = _a.maskType, maskType = _d === void 0 ? enums.MaskTypeEnum.Default : _d, _e = _a.inputLabel, inputLabel = _e === void 0 ? helpers_getDefaultInputLabel.getDefaultInputLabel(maskType) : _e;
     var uncontrolled = value === undefined;
-    var _e = React.useState(getBrandIcon(value)), brandIcon = _e[0], setBrandIcon = _e[1];
+    var _f = React.useState(getBrandIcon(value)), brandIcon = _f[0], setBrandIcon = _f[1];
     var getMask = React.useCallback(function (newValue) {
-        return newValue.length <= cardMask.length ? cardMask : accountNumberMask;
-    }, []);
+        switch (maskType) {
+            case enums.MaskTypeEnum.Card:
+                return cardMask;
+            case enums.MaskTypeEnum.AccountNumber:
+                return accountNumberMask;
+            case enums.MaskTypeEnum.Default:
+            default:
+                return newValue.length <= cardMask.length ? cardMask : accountNumberMask;
+        }
+    }, [maskType]);
     var handleInputChange = React.useCallback(function (event, payload) {
         if (uncontrolled) {
             setBrandIcon(getBrandIcon(event.target.value));
@@ -64,10 +74,5 @@ var BankCard = React__default.default.forwardRef(function (_a, ref) {
                 React__default.default.createElement(coreComponentsMaskedInput.MaskedInput, { ref: ref, value: value, mask: getMask, block: true, label: inputLabel, size: 'm', rightAddons: renderRightAddons(), inputClassName: styles.input, labelClassName: styles.label, filledClassName: styles.filled, focusedClassName: styles.focused, onChange: handleInputChange, dataTestId: dataTestId, inputMode: 'numeric', pattern: '[0-9]*', breakpoint: 1 }),
                 brandIcon && React__default.default.createElement("div", { className: styles.brandLogo }, brandIcon)))));
 });
-BankCard.defaultProps = {
-    bankLogo: React__default.default.createElement(AlfaBankLIcon.AlfaBankLIcon, null),
-    backgroundColor: '#EF3124',
-    inputLabel: 'Номер карты или счёта',
-};
 
 exports.BankCard = BankCard;

package/bank-card/cssm/Component.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 import React from 'react';
 import { ChangeEvent, MouseEvent, ReactNode } from "react";
+import { MaskType } from "./types";
 type BankCardProps = {
     /**
      * Дополнительный класс
@@ -36,6 +37,11 @@ type BankCardProps = {
      * Идентификатор для систем автоматизированного тестирования
      */
     dataTestId?: string;
+    /**
+     * Тип вводимой маски. Позволяет устанавливать необходимый тип номера (номер карты или номер счёта)
+     * Если параметр не передавать - работает с обоими типами номеров
+     */
+    maskType?: MaskType;
 };
 declare const BankCard: React.ForwardRefExoticComponent<BankCardProps & React.RefAttributes<HTMLInputElement>>;
 export { BankCardProps, BankCard };

package/bank-card/cssm/Component.js

@@ -8,6 +8,8 @@ var AlfaBankLIcon = require('@alfalab/icons-logotype/AlfaBankLIcon');
 var MastercardLIcon = require('@alfalab/icons-logotype/MastercardLIcon');
 var MirXxlIcon = require('@alfalab/icons-logotype/MirXxlIcon');
 var VisaXxlIcon = require('@alfalab/icons-logotype/VisaXxlIcon');
+var helpers_getDefaultInputLabel = require('./helpers/getDefaultInputLabel.js');
+var enums = require('./enums.js');
 var utils = require('./utils.js');
 var styles = require('./index.module.css');
 
@@ -37,12 +39,20 @@ var getBrandIcon = function (value) {
     return null;
 };
 var BankCard = React__default.default.forwardRef(function (_a, ref) {
-    var _b = _a.bankLogo, bankLogo = _b === void 0 ? React__default.default.createElement(AlfaBankLIcon.AlfaBankLIcon, null) : _b, _c = _a.backgroundColor, backgroundColor = _c === void 0 ? '#EF3124' : _c, _d = _a.inputLabel, inputLabel = _d === void 0 ? 'Номер карты или счёта' : _d, value = _a.value, className = _a.className, onUsePhoto = _a.onUsePhoto, onChange = _a.onChange, dataTestId = _a.dataTestId;
+    var _b = _a.bankLogo, bankLogo = _b === void 0 ? React__default.default.createElement(AlfaBankLIcon.AlfaBankLIcon, null) : _b, _c = _a.backgroundColor, backgroundColor = _c === void 0 ? '#EF3124' : _c, value = _a.value, className = _a.className, onUsePhoto = _a.onUsePhoto, onChange = _a.onChange, dataTestId = _a.dataTestId, _d = _a.maskType, maskType = _d === void 0 ? enums.MaskTypeEnum.Default : _d, _e = _a.inputLabel, inputLabel = _e === void 0 ? helpers_getDefaultInputLabel.getDefaultInputLabel(maskType) : _e;
     var uncontrolled = value === undefined;
-    var _e = React.useState(getBrandIcon(value)), brandIcon = _e[0], setBrandIcon = _e[1];
+    var _f = React.useState(getBrandIcon(value)), brandIcon = _f[0], setBrandIcon = _f[1];
     var getMask = React.useCallback(function (newValue) {
-        return newValue.length <= cardMask.length ? cardMask : accountNumberMask;
-    }, []);
+        switch (maskType) {
+            case enums.MaskTypeEnum.Card:
+                return cardMask;
+            case enums.MaskTypeEnum.AccountNumber:
+                return accountNumberMask;
+            case enums.MaskTypeEnum.Default:
+            default:
+                return newValue.length <= cardMask.length ? cardMask : accountNumberMask;
+        }
+    }, [maskType]);
     var handleInputChange = React.useCallback(function (event, payload) {
         if (uncontrolled) {
             setBrandIcon(getBrandIcon(event.target.value));
@@ -63,10 +73,5 @@ var BankCard = React__default.default.forwardRef(function (_a, ref) {
                 React__default.default.createElement(coreComponentsMaskedInput.MaskedInput, { ref: ref, value: value, mask: getMask, block: true, label: inputLabel, size: 'm', rightAddons: renderRightAddons(), inputClassName: styles__default.default.input, labelClassName: styles__default.default.label, filledClassName: styles__default.default.filled, focusedClassName: styles__default.default.focused, onChange: handleInputChange, dataTestId: dataTestId, inputMode: 'numeric', pattern: '[0-9]*', breakpoint: 1 }),
                 brandIcon && React__default.default.createElement("div", { className: styles__default.default.brandLogo }, brandIcon)))));
 });
-BankCard.defaultProps = {
-    bankLogo: React__default.default.createElement(AlfaBankLIcon.AlfaBankLIcon, null),
-    backgroundColor: '#EF3124',
-    inputLabel: 'Номер карты или счёта',
-};
 
 exports.BankCard = BankCard;

package/bank-card/cssm/enums.d.ts

@@ -0,0 +1,6 @@
+declare enum MaskTypeEnum {
+    Card = "card",
+    AccountNumber = "account-number",
+    Default = "default"
+}
+export { MaskTypeEnum };

package/bank-card/cssm/enums.js

@@ -0,0 +1,8 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+exports.MaskTypeEnum = void 0;
+(function (MaskTypeEnum) {
+    MaskTypeEnum["Card"] = "card";
+    MaskTypeEnum["AccountNumber"] = "account-number";
+    MaskTypeEnum["Default"] = "default";
+})(exports.MaskTypeEnum || (exports.MaskTypeEnum = {}));

package/bank-card/cssm/helpers/getDefaultInputLabel.d.ts

@@ -0,0 +1,3 @@
+import { MaskType } from "../types";
+declare const getDefaultInputLabel: (maskType: MaskType) => "Номер карты" | "Номер счёта" | "Номер карты или счёта";
+export { getDefaultInputLabel };

package/bank-card/cssm/helpers/getDefaultInputLabel.js

@@ -0,0 +1,17 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var enums = require('../enums.js');
+
+var getDefaultInputLabel = function (maskType) {
+    switch (maskType) {
+        case enums.MaskTypeEnum.Card:
+            return 'Номер карты';
+        case enums.MaskTypeEnum.AccountNumber:
+            return 'Номер счёта';
+        case enums.MaskTypeEnum.Default:
+        default:
+            return 'Номер карты или счёта';
+    }
+};
+
+exports.getDefaultInputLabel = getDefaultInputLabel;

package/bank-card/cssm/types.d.ts

@@ -0,0 +1,2 @@
+type MaskType = 'default' | 'card' | 'account-number';
+export { MaskType };

package/bank-card/cssm/types.js

@@ -0,0 +1 @@
+

package/bank-card/enums.d.ts

@@ -0,0 +1,6 @@
+declare enum MaskTypeEnum {
+    Card = "card",
+    AccountNumber = "account-number",
+    Default = "default"
+}
+export { MaskTypeEnum };

package/bank-card/enums.js

@@ -0,0 +1,8 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+exports.MaskTypeEnum = void 0;
+(function (MaskTypeEnum) {
+    MaskTypeEnum["Card"] = "card";
+    MaskTypeEnum["AccountNumber"] = "account-number";
+    MaskTypeEnum["Default"] = "default";
+})(exports.MaskTypeEnum || (exports.MaskTypeEnum = {}));

package/bank-card/esm/Component.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 import React from 'react';
 import { ChangeEvent, MouseEvent, ReactNode } from "react";
+import { MaskType } from "./types";
 type BankCardProps = {
     /**
      * Дополнительный класс
@@ -36,6 +37,11 @@ type BankCardProps = {
      * Идентификатор для систем автоматизированного тестирования
      */
     dataTestId?: string;
+    /**
+     * Тип вводимой маски. Позволяет устанавливать необходимый тип номера (номер карты или номер счёта)
+     * Если параметр не передавать - работает с обоими типами номеров
+     */
+    maskType?: MaskType;
 };
 declare const BankCard: React.ForwardRefExoticComponent<BankCardProps & React.RefAttributes<HTMLInputElement>>;
 export { BankCardProps, BankCard };

package/bank-card/esm/Component.js

@@ -6,6 +6,8 @@ import { AlfaBankLIcon } from '@alfalab/icons-logotype/AlfaBankLIcon';
 import { MastercardLIcon } from '@alfalab/icons-logotype/MastercardLIcon';
 import { MirXxlIcon } from '@alfalab/icons-logotype/MirXxlIcon';
 import { VisaXxlIcon } from '@alfalab/icons-logotype/VisaXxlIcon';
+import { getDefaultInputLabel } from './helpers/getDefaultInputLabel.js';
+import { MaskTypeEnum } from './enums.js';
 import { validateCardNumber } from './utils.js';
 
 var styles = {"component":"bank-card__component_k6v85","aspectRatioContainer":"bank-card__aspectRatioContainer_k6v85","content":"bank-card__content_k6v85","label":"bank-card__label_k6v85","focused":"bank-card__focused_k6v85","filled":"bank-card__filled_k6v85","input":"bank-card__input_k6v85","bankLogo":"bank-card__bankLogo_k6v85","brandLogo":"bank-card__brandLogo_k6v85","usePhoto":"bank-card__usePhoto_k6v85"};
@@ -31,12 +33,20 @@ var getBrandIcon = function (value) {
     return null;
 };
 var BankCard = React.forwardRef(function (_a, ref) {
-    var _b = _a.bankLogo, bankLogo = _b === void 0 ? React.createElement(AlfaBankLIcon, null) : _b, _c = _a.backgroundColor, backgroundColor = _c === void 0 ? '#EF3124' : _c, _d = _a.inputLabel, inputLabel = _d === void 0 ? 'Номер карты или счёта' : _d, value = _a.value, className = _a.className, onUsePhoto = _a.onUsePhoto, onChange = _a.onChange, dataTestId = _a.dataTestId;
+    var _b = _a.bankLogo, bankLogo = _b === void 0 ? React.createElement(AlfaBankLIcon, null) : _b, _c = _a.backgroundColor, backgroundColor = _c === void 0 ? '#EF3124' : _c, value = _a.value, className = _a.className, onUsePhoto = _a.onUsePhoto, onChange = _a.onChange, dataTestId = _a.dataTestId, _d = _a.maskType, maskType = _d === void 0 ? MaskTypeEnum.Default : _d, _e = _a.inputLabel, inputLabel = _e === void 0 ? getDefaultInputLabel(maskType) : _e;
     var uncontrolled = value === undefined;
-    var _e = useState(getBrandIcon(value)), brandIcon = _e[0], setBrandIcon = _e[1];
+    var _f = useState(getBrandIcon(value)), brandIcon = _f[0], setBrandIcon = _f[1];
     var getMask = useCallback(function (newValue) {
-        return newValue.length <= cardMask.length ? cardMask : accountNumberMask;
-    }, []);
+        switch (maskType) {
+            case MaskTypeEnum.Card:
+                return cardMask;
+            case MaskTypeEnum.AccountNumber:
+                return accountNumberMask;
+            case MaskTypeEnum.Default:
+            default:
+                return newValue.length <= cardMask.length ? cardMask : accountNumberMask;
+        }
+    }, [maskType]);
     var handleInputChange = useCallback(function (event, payload) {
         if (uncontrolled) {
             setBrandIcon(getBrandIcon(event.target.value));
@@ -57,10 +67,5 @@ var BankCard = React.forwardRef(function (_a, ref) {
                 React.createElement(MaskedInput, { ref: ref, value: value, mask: getMask, block: true, label: inputLabel, size: 'm', rightAddons: renderRightAddons(), inputClassName: styles.input, labelClassName: styles.label, filledClassName: styles.filled, focusedClassName: styles.focused, onChange: handleInputChange, dataTestId: dataTestId, inputMode: 'numeric', pattern: '[0-9]*', breakpoint: 1 }),
                 brandIcon && React.createElement("div", { className: styles.brandLogo }, brandIcon)))));
 });
-BankCard.defaultProps = {
-    bankLogo: React.createElement(AlfaBankLIcon, null),
-    backgroundColor: '#EF3124',
-    inputLabel: 'Номер карты или счёта',
-};
 
 export { BankCard };

package/bank-card/esm/enums.d.ts

@@ -0,0 +1,6 @@
+declare enum MaskTypeEnum {
+    Card = "card",
+    AccountNumber = "account-number",
+    Default = "default"
+}
+export { MaskTypeEnum };

package/bank-card/esm/enums.js

@@ -0,0 +1,8 @@
+var MaskTypeEnum;
+(function (MaskTypeEnum) {
+    MaskTypeEnum["Card"] = "card";
+    MaskTypeEnum["AccountNumber"] = "account-number";
+    MaskTypeEnum["Default"] = "default";
+})(MaskTypeEnum || (MaskTypeEnum = {}));
+
+export { MaskTypeEnum };

package/bank-card/esm/helpers/getDefaultInputLabel.d.ts

@@ -0,0 +1,3 @@
+import { MaskType } from "../types";
+declare const getDefaultInputLabel: (maskType: MaskType) => "Номер карты" | "Номер счёта" | "Номер карты или счёта";
+export { getDefaultInputLabel };

package/bank-card/esm/helpers/getDefaultInputLabel.js

@@ -0,0 +1,15 @@
+import { MaskTypeEnum } from '../enums.js';
+
+var getDefaultInputLabel = function (maskType) {
+    switch (maskType) {
+        case MaskTypeEnum.Card:
+            return 'Номер карты';
+        case MaskTypeEnum.AccountNumber:
+            return 'Номер счёта';
+        case MaskTypeEnum.Default:
+        default:
+            return 'Номер карты или счёта';
+    }
+};
+
+export { getDefaultInputLabel };

package/bank-card/esm/index.js

@@ -7,4 +7,6 @@ import '@alfalab/icons-logotype/AlfaBankLIcon';
 import '@alfalab/icons-logotype/MastercardLIcon';
 import '@alfalab/icons-logotype/MirXxlIcon';
 import '@alfalab/icons-logotype/VisaXxlIcon';
+import './helpers/getDefaultInputLabel.js';
+import './enums.js';
 import './utils.js';

package/bank-card/esm/types.d.ts

@@ -0,0 +1,2 @@
+type MaskType = 'default' | 'card' | 'account-number';
+export { MaskType };

package/bank-card/esm/types.js

@@ -0,0 +1 @@
+

package/bank-card/helpers/getDefaultInputLabel.d.ts

@@ -0,0 +1,3 @@
+import { MaskType } from "../types";
+declare const getDefaultInputLabel: (maskType: MaskType) => "Номер карты" | "Номер счёта" | "Номер карты или счёта";
+export { getDefaultInputLabel };

package/bank-card/helpers/getDefaultInputLabel.js

@@ -0,0 +1,17 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var enums = require('../enums.js');
+
+var getDefaultInputLabel = function (maskType) {
+    switch (maskType) {
+        case enums.MaskTypeEnum.Card:
+            return 'Номер карты';
+        case enums.MaskTypeEnum.AccountNumber:
+            return 'Номер счёта';
+        case enums.MaskTypeEnum.Default:
+        default:
+            return 'Номер карты или счёта';
+    }
+};
+
+exports.getDefaultInputLabel = getDefaultInputLabel;

package/bank-card/modern/Component.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 import React from 'react';
 import { ChangeEvent, MouseEvent, ReactNode } from "react";
+import { MaskType } from "./types";
 type BankCardProps = {
     /**
      * Дополнительный класс
@@ -36,6 +37,11 @@ type BankCardProps = {
      * Идентификатор для систем автоматизированного тестирования
      */
     dataTestId?: string;
+    /**
+     * Тип вводимой маски. Позволяет устанавливать необходимый тип номера (номер карты или номер счёта)
+     * Если параметр не передавать - работает с обоими типами номеров
+     */
+    maskType?: MaskType;
 };
 declare const BankCard: React.ForwardRefExoticComponent<BankCardProps & React.RefAttributes<HTMLInputElement>>;
 export { BankCardProps, BankCard };

package/bank-card/modern/Component.js

@@ -6,6 +6,8 @@ import { AlfaBankLIcon } from '@alfalab/icons-logotype/AlfaBankLIcon';
 import { MastercardLIcon } from '@alfalab/icons-logotype/MastercardLIcon';
 import { MirXxlIcon } from '@alfalab/icons-logotype/MirXxlIcon';
 import { VisaXxlIcon } from '@alfalab/icons-logotype/VisaXxlIcon';
+import { getDefaultInputLabel } from './helpers/getDefaultInputLabel.js';
+import { MaskTypeEnum } from './enums.js';
 import { validateCardNumber } from './utils.js';
 
 const styles = {"component":"bank-card__component_k6v85","aspectRatioContainer":"bank-card__aspectRatioContainer_k6v85","content":"bank-card__content_k6v85","label":"bank-card__label_k6v85","focused":"bank-card__focused_k6v85","filled":"bank-card__filled_k6v85","input":"bank-card__input_k6v85","bankLogo":"bank-card__bankLogo_k6v85","brandLogo":"bank-card__brandLogo_k6v85","usePhoto":"bank-card__usePhoto_k6v85"};
@@ -29,10 +31,20 @@ const getBrandIcon = (value = '') => {
     }
     return null;
 };
-const BankCard = React.forwardRef(({ bankLogo = React.createElement(AlfaBankLIcon, null), backgroundColor = '#EF3124', inputLabel = 'Номер карты или счёта', value, className, onUsePhoto, onChange, dataTestId, }, ref) => {
+const BankCard = React.forwardRef(({ bankLogo = React.createElement(AlfaBankLIcon, null), backgroundColor = '#EF3124', value, className, onUsePhoto, onChange, dataTestId, maskType = MaskTypeEnum.Default, inputLabel = getDefaultInputLabel(maskType), }, ref) => {
     const uncontrolled = value === undefined;
     const [brandIcon, setBrandIcon] = useState(getBrandIcon(value));
-    const getMask = useCallback((newValue) => newValue.length <= cardMask.length ? cardMask : accountNumberMask, []);
+    const getMask = useCallback((newValue) => {
+        switch (maskType) {
+            case MaskTypeEnum.Card:
+                return cardMask;
+            case MaskTypeEnum.AccountNumber:
+                return accountNumberMask;
+            case MaskTypeEnum.Default:
+            default:
+                return newValue.length <= cardMask.length ? cardMask : accountNumberMask;
+        }
+    }, [maskType]);
     const handleInputChange = useCallback((event, payload) => {
         if (uncontrolled) {
             setBrandIcon(getBrandIcon(event.target.value));
@@ -53,10 +65,5 @@ const BankCard = React.forwardRef(({ bankLogo = React.createElement(AlfaBankLIco
                 React.createElement(MaskedInput, { ref: ref, value: value, mask: getMask, block: true, label: inputLabel, size: 'm', rightAddons: renderRightAddons(), inputClassName: styles.input, labelClassName: styles.label, filledClassName: styles.filled, focusedClassName: styles.focused, onChange: handleInputChange, dataTestId: dataTestId, inputMode: 'numeric', pattern: '[0-9]*', breakpoint: 1 }),
                 brandIcon && React.createElement("div", { className: styles.brandLogo }, brandIcon)))));
 });
-BankCard.defaultProps = {
-    bankLogo: React.createElement(AlfaBankLIcon, null),
-    backgroundColor: '#EF3124',
-    inputLabel: 'Номер карты или счёта',
-};
 
 export { BankCard };

package/bank-card/modern/enums.d.ts

@@ -0,0 +1,6 @@
+declare enum MaskTypeEnum {
+    Card = "card",
+    AccountNumber = "account-number",
+    Default = "default"
+}
+export { MaskTypeEnum };

package/bank-card/modern/enums.js

@@ -0,0 +1,8 @@
+var MaskTypeEnum;
+(function (MaskTypeEnum) {
+    MaskTypeEnum["Card"] = "card";
+    MaskTypeEnum["AccountNumber"] = "account-number";
+    MaskTypeEnum["Default"] = "default";
+})(MaskTypeEnum || (MaskTypeEnum = {}));
+
+export { MaskTypeEnum };

package/bank-card/modern/helpers/getDefaultInputLabel.d.ts

@@ -0,0 +1,3 @@
+import { MaskType } from "../types";
+declare const getDefaultInputLabel: (maskType: MaskType) => "Номер карты" | "Номер счёта" | "Номер карты или счёта";
+export { getDefaultInputLabel };

package/bank-card/modern/helpers/getDefaultInputLabel.js

@@ -0,0 +1,15 @@
+import { MaskTypeEnum } from '../enums.js';
+
+const getDefaultInputLabel = (maskType) => {
+    switch (maskType) {
+        case MaskTypeEnum.Card:
+            return 'Номер карты';
+        case MaskTypeEnum.AccountNumber:
+            return 'Номер счёта';
+        case MaskTypeEnum.Default:
+        default:
+            return 'Номер карты или счёта';
+    }
+};
+
+export { getDefaultInputLabel };

package/bank-card/modern/index.js

@@ -7,4 +7,6 @@ import '@alfalab/icons-logotype/AlfaBankLIcon';
 import '@alfalab/icons-logotype/MastercardLIcon';
 import '@alfalab/icons-logotype/MirXxlIcon';
 import '@alfalab/icons-logotype/VisaXxlIcon';
+import './helpers/getDefaultInputLabel.js';
+import './enums.js';
 import './utils.js';

package/bank-card/modern/types.d.ts

@@ -0,0 +1,2 @@
+type MaskType = 'default' | 'card' | 'account-number';
+export { MaskType };

package/bank-card/modern/types.js

@@ -0,0 +1 @@
+

package/bank-card/types.d.ts

@@ -0,0 +1,2 @@
+type MaskType = 'default' | 'card' | 'account-number';
+export { MaskType };

package/bank-card/types.js

@@ -0,0 +1 @@
+

package/bottom-sheet/component.js

@@ -11,6 +11,7 @@ var coreComponentsShared = require('../shared');
 var components_footer_Component = require('./components/footer/Component.js');
 var components_header_Component = require('./components/header/Component.js');
 var components_swipeableBackdrop_Component = require('./components/swipeable-backdrop/Component.js');
+var consts_swipeConsts = require('./consts/swipeConsts.js');
 var utils = require('./utils.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -188,8 +189,9 @@ var BottomSheet = React.forwardRef(function (_a, ref) {
      * Если контент внутри шторки скроллится - то шторка не должна свайпаться
      * Если шапка внутри шторки зафиксирована - то шторка должна свайпаться только в области шапки
      */
-    var shouldSkipSwiping = function (deltaY, startY, event) {
+    var shouldSkipSwiping = function (swipeParams) {
         var _a;
+        var deltaY = swipeParams.deltaY, startY = swipeParams.startY, event = swipeParams.event, dir = swipeParams.dir;
         if (scrollLockedProp || swipingInProgress)
             return false;
         if (!swipeableContent && ((_a = contentRef.current) === null || _a === void 0 ? void 0 : _a.contains(event.target))) {
@@ -214,18 +216,24 @@ var BottomSheet = React.forwardRef(function (_a, ref) {
         if (!scrollOccurred.current && shouldScroll) {
             scrollOccurred.current = true;
         }
+        // Если контент внутри шторки скроллится горизонально - то шторка не должна закрываться
+        if (consts_swipeConsts.horizontalDirections.includes(dir)) {
+            return true;
+        }
         return shouldScroll;
     };
-    var handleSheetSwipe = function (_a) {
-        var initial = _a.initial, velocity = _a.velocity, deltaY = _a.deltaY, event = _a.event;
-        if (scrollOccurred.current || shouldSkipSwiping(deltaY, initial[1], event)) {
+    var handleSheetSwipeEnd = function (swipeParams) {
+        var initial = swipeParams.initial, velocity = swipeParams.velocity, deltaY = swipeParams.deltaY, event = swipeParams.event, dir = swipeParams.dir;
+        var shouldPreventSwipe = scrollOccurred.current ||
+            shouldSkipSwiping({ deltaY: deltaY, startY: initial[1], event: event, dir: dir });
+        if (shouldPreventSwipe) {
             return;
         }
         magnetize(velocity, deltaY);
     };
-    var handleSheetSwipeStart = function (_a) {
-        var deltaY = _a.deltaY, initial = _a.initial, event = _a.event;
-        if (shouldSkipSwiping(deltaY, initial[1], event)) {
+    var handleSheetSwipeStart = function (swipeParams) {
+        var deltaY = swipeParams.deltaY, initial = swipeParams.initial, event = swipeParams.event, dir = swipeParams.dir;
+        if (shouldSkipSwiping({ deltaY: deltaY, startY: initial[1], event: event, dir: dir })) {
             return;
         }
         startSwiping(event);
@@ -234,9 +242,11 @@ var BottomSheet = React.forwardRef(function (_a, ref) {
         var event = _a.event;
         return stopSwiping(event);
     };
-    var handleSheetSwiping = function (_a) {
-        var initial = _a.initial, deltaY = _a.deltaY, event = _a.event;
-        if (scrollOccurred.current || shouldSkipSwiping(deltaY, initial[1], event)) {
+    var handleSheetSwipeMove = function (swipeParams) {
+        var initial = swipeParams.initial, deltaY = swipeParams.deltaY, event = swipeParams.event, dir = swipeParams.dir;
+        var shouldPreventSwipe = scrollOccurred.current ||
+            shouldSkipSwiping({ deltaY: deltaY, startY: initial[1], event: event, dir: dir });
+        if (shouldPreventSwipe) {
             return;
         }
         if (!swipingInProgress) {
@@ -249,8 +259,8 @@ var BottomSheet = React.forwardRef(function (_a, ref) {
     };
     var sheetSwipeableHandlers = reactSwipeable.useSwipeable({
         onSwipeStart: handleSheetSwipeStart,
-        onSwiping: handleSheetSwiping,
-        onSwiped: handleSheetSwipe,
+        onSwiping: handleSheetSwipeMove,
+        onSwiped: handleSheetSwipeEnd,
         onTouchEndOrOnMouseUp: handleTouchEnd,
         trackMouse: swipeable,
         trackTouch: swipeable,

package/bottom-sheet/consts/swipeConsts.d.ts

@@ -0,0 +1,2 @@
+declare const horizontalDirections: [string, string];
+export { horizontalDirections };

package/bottom-sheet/consts/swipeConsts.js

@@ -0,0 +1,7 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var enums_swipeEnums = require('../enums/swipeEnums.js');
+
+var horizontalDirections = [enums_swipeEnums.SwipeDirection.Left, enums_swipeEnums.SwipeDirection.Right];
+
+exports.horizontalDirections = horizontalDirections;