@redneckz/wildless-cms-uni-blocks 0.5.1 → 0.5.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundle/blocks.schema.json +1 -1
- package/bundle/bundle.umd.js +19 -19
- package/bundle/bundle.umd.min.js +1 -1
- package/dist/components/CardTransfer/CardTransfer.js +7 -7
- package/dist/components/CardTransfer/CardTransfer.js.map +1 -1
- package/dist/components/CardTransfer/CardTransferContent.d.ts +7 -4
- package/dist/components/PictureText/PictureText.js +1 -1
- package/dist/components/PictureText/PictureText.js.map +1 -1
- package/dist/components/ProductTile/ProductTile.js +2 -2
- package/dist/components/ProductTile/ProductTile.js.map +1 -1
- package/dist/components/SafeDepositRental/RenderRadioButtons.js +1 -1
- package/dist/model/ButtonVersion.d.ts +2 -2
- package/dist/ui-kit/Button/Button.js +4 -1
- package/dist/ui-kit/Button/Button.js.map +1 -1
- package/dist/ui-kit/Button/Button.mobile.js +2 -0
- package/dist/ui-kit/Button/Button.mobile.js.map +1 -1
- package/dist/ui-kit/Button/buttonClassNameConstants.js +2 -0
- package/dist/ui-kit/Button/buttonClassNameConstants.js.map +1 -1
- package/dist/ui-kit/CurrencyInput/CurrencyInput.d.ts +1 -18
- package/dist/ui-kit/CurrencyInput/CurrencyInput.js +2 -7
- package/dist/ui-kit/CurrencyInput/CurrencyInput.js.map +1 -1
- package/dist/ui-kit/CurrencyInput/CurrencyInputProps.d.ts +10 -0
- package/dist/ui-kit/CurrencyInput/CurrencyInputProps.js +2 -0
- package/dist/ui-kit/CurrencyInput/CurrencyInputProps.js.map +1 -0
- package/lib/common.css +1 -1
- package/lib/components/CardTransfer/CardTransfer.js +7 -7
- package/lib/components/CardTransfer/CardTransfer.js.map +1 -1
- package/lib/components/CardTransfer/CardTransferContent.d.ts +7 -4
- package/lib/components/PictureText/PictureText.js +1 -1
- package/lib/components/PictureText/PictureText.js.map +1 -1
- package/lib/components/ProductTile/ProductTile.js +2 -2
- package/lib/components/ProductTile/ProductTile.js.map +1 -1
- package/lib/components/SafeDepositRental/RenderRadioButtons.js +1 -1
- package/lib/model/ButtonVersion.d.ts +2 -2
- package/lib/ui-kit/Button/Button.js +4 -1
- package/lib/ui-kit/Button/Button.js.map +1 -1
- package/lib/ui-kit/Button/Button.mobile.js +2 -0
- package/lib/ui-kit/Button/Button.mobile.js.map +1 -1
- package/lib/ui-kit/Button/buttonClassNameConstants.js +2 -0
- package/lib/ui-kit/Button/buttonClassNameConstants.js.map +1 -1
- package/lib/ui-kit/CurrencyInput/CurrencyInput.d.ts +1 -18
- package/lib/ui-kit/CurrencyInput/CurrencyInput.js +2 -7
- package/lib/ui-kit/CurrencyInput/CurrencyInput.js.map +1 -1
- package/lib/ui-kit/CurrencyInput/CurrencyInputProps.d.ts +10 -0
- package/lib/ui-kit/CurrencyInput/CurrencyInputProps.js +2 -0
- package/lib/ui-kit/CurrencyInput/CurrencyInputProps.js.map +1 -0
- package/mobile/bundle/bundle.umd.js +2 -0
- package/mobile/bundle/bundle.umd.min.js +1 -1
- package/mobile/dist/components/CardTransfer/CardTransfer.js +7 -7
- package/mobile/dist/components/CardTransfer/CardTransfer.js.map +1 -1
- package/mobile/dist/components/CardTransfer/CardTransferContent.d.ts +7 -4
- package/mobile/dist/components/PictureText/PictureText.js +1 -1
- package/mobile/dist/components/PictureText/PictureText.js.map +1 -1
- package/mobile/dist/components/ProductTile/ProductTile.js +2 -2
- package/mobile/dist/components/ProductTile/ProductTile.js.map +1 -1
- package/mobile/dist/components/SafeDepositRental/RenderRadioButtons.js +1 -1
- package/mobile/dist/model/ButtonVersion.d.ts +2 -2
- package/mobile/dist/ui-kit/Button/Button.js +2 -0
- package/mobile/dist/ui-kit/Button/Button.js.map +1 -1
- package/mobile/dist/ui-kit/Button/buttonClassNameConstants.js +2 -0
- package/mobile/dist/ui-kit/Button/buttonClassNameConstants.js.map +1 -1
- package/mobile/dist/ui-kit/CurrencyInput/CurrencyInput.d.ts +1 -18
- package/mobile/dist/ui-kit/CurrencyInput/CurrencyInput.js +2 -7
- package/mobile/dist/ui-kit/CurrencyInput/CurrencyInput.js.map +1 -1
- package/mobile/dist/ui-kit/CurrencyInput/CurrencyInputProps.d.ts +10 -0
- package/mobile/dist/ui-kit/CurrencyInput/CurrencyInputProps.js +2 -0
- package/mobile/dist/ui-kit/CurrencyInput/CurrencyInputProps.js.map +1 -0
- package/mobile/lib/components/CardTransfer/CardTransfer.js +7 -7
- package/mobile/lib/components/CardTransfer/CardTransfer.js.map +1 -1
- package/mobile/lib/components/CardTransfer/CardTransferContent.d.ts +7 -4
- package/mobile/lib/components/PictureText/PictureText.js +1 -1
- package/mobile/lib/components/PictureText/PictureText.js.map +1 -1
- package/mobile/lib/components/ProductTile/ProductTile.js +2 -2
- package/mobile/lib/components/ProductTile/ProductTile.js.map +1 -1
- package/mobile/lib/components/SafeDepositRental/RenderRadioButtons.js +1 -1
- package/mobile/lib/model/ButtonVersion.d.ts +2 -2
- package/mobile/lib/ui-kit/Button/Button.js +2 -0
- package/mobile/lib/ui-kit/Button/Button.js.map +1 -1
- package/mobile/lib/ui-kit/Button/buttonClassNameConstants.js +2 -0
- package/mobile/lib/ui-kit/Button/buttonClassNameConstants.js.map +1 -1
- package/mobile/lib/ui-kit/CurrencyInput/CurrencyInput.d.ts +1 -18
- package/mobile/lib/ui-kit/CurrencyInput/CurrencyInput.js +2 -7
- package/mobile/lib/ui-kit/CurrencyInput/CurrencyInput.js.map +1 -1
- package/mobile/lib/ui-kit/CurrencyInput/CurrencyInputProps.d.ts +10 -0
- package/mobile/lib/ui-kit/CurrencyInput/CurrencyInputProps.js +2 -0
- package/mobile/lib/ui-kit/CurrencyInput/CurrencyInputProps.js.map +1 -0
- package/mobile/src/components/CardTransfer/CardTransfer.example.json +6 -0
- package/mobile/src/components/CardTransfer/CardTransfer.tsx +46 -37
- package/mobile/src/components/CardTransfer/CardTransferContent.ts +7 -4
- package/mobile/src/components/ContentPage/ContentPage.page.json +7 -1
- package/mobile/src/components/PictureText/PictureText.tsx +1 -1
- package/mobile/src/components/ProductTile/ProductTile.tsx +4 -2
- package/mobile/src/components/SafeDepositRental/RenderRadioButtons.tsx +1 -1
- package/mobile/src/components/__snapshots__/Blocks.spec.tsx.snap +3 -3
- package/mobile/src/model/ButtonVersion.ts +2 -2
- package/mobile/src/ui-kit/Button/Button.tsx +2 -0
- package/mobile/src/ui-kit/Button/buttonClassNameConstants.ts +2 -0
- package/mobile/src/ui-kit/CurrencyInput/CurrencyInput.tsx +5 -29
- package/mobile/src/ui-kit/CurrencyInput/CurrencyInputProps.ts +10 -0
- package/package.json +1 -1
- package/src/components/CardTransfer/CardTransfer.example.json +6 -0
- package/src/components/CardTransfer/CardTransfer.tsx +46 -37
- package/src/components/CardTransfer/CardTransferContent.ts +7 -4
- package/src/components/ContentPage/ContentPage.page.json +7 -1
- package/src/components/PictureText/PictureText.tsx +1 -1
- package/src/components/ProductGallery/ProductGallery.fixture.tsx +1 -1
- package/src/components/ProductTile/ProductTile.tsx +4 -2
- package/src/components/SafeDepositRental/RenderRadioButtons.tsx +1 -1
- package/src/components/StepsBlock/StepsBlock.fixture.tsx +2 -0
- package/src/components/__snapshots__/Blocks.spec.tsx.snap +3 -3
- package/src/model/ButtonVersion.ts +2 -2
- package/src/ui-kit/Button/Button.mobile.tsx +2 -0
- package/src/ui-kit/Button/Button.tsx +5 -3
- package/src/ui-kit/Button/buttonClassNameConstants.ts +2 -0
- package/src/ui-kit/CurrencyInput/CurrencyInput.tsx +5 -29
- package/src/ui-kit/CurrencyInput/CurrencyInputProps.ts +10 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PictureText.js","sourceRoot":"","sources":["../../../src/components/PictureText/PictureText.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAExC,2DAA2D;AAE3D,sEAAmE;AAEnE,4DAAyD;AACzD,8CAA2C;AAC3C,iFAA8E;AAC9E,mDAAgD;AAKnC,QAAA,WAAW,GAAG,IAAA,aAAG,EAC5B,CAAC,EACC,SAAS,GAAG,EAAE,EACd,OAAO,EACP,KAAK,EACL,WAAW,EACX,KAAK,EACL,QAAQ,EACR,OAAO,GAAG,SAAS,EACnB,GAAG,EACH,UAAU,EACV,cAAc,GAAG,KAAK,EACtB,GAAG,IAAI,EACR,EAAE,EAAE;IACH,OAAO,CACL,wBAAC,2BAAY,IACX,SAAS,EAAE,
|
|
1
|
+
{"version":3,"file":"PictureText.js","sourceRoot":"","sources":["../../../src/components/PictureText/PictureText.tsx"],"names":[],"mappings":"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"}
|
|
@@ -10,7 +10,7 @@ const getTileRightPadding_1 = require("../BaseTile/getTileRightPadding");
|
|
|
10
10
|
const Headline_1 = require("../Headline/Headline");
|
|
11
11
|
const BlockVersion_1 = require("../../model/BlockVersion");
|
|
12
12
|
exports.ProductTile = (0, uni_jsx_1.JSX)(({ context, className = '', title, headlineVersion = 'S', description, additionalDescription, benefits = [], buttons, image, version = 'primary', ...rest }) => {
|
|
13
|
-
return ((0, jsx_runtime_1.jsxs)(BlockWrapper_1.BlockWrapper, { context: context, className: `overflow-hidden font-sans p-9 box-border relative justify-between grid ${className} ${BlockVersion_1.VersionStyleMap[version]} ${(0, getTileRightPadding_1.getTileRightPadding)(className)} ${(0, getTileMinHeight_1.getTileMinHeight)(className)}`, ...rest, children: [(0, jsx_runtime_1.jsx)(Headline_1.Headline, { context: context, className: `!p-0 z-10 ${title || description ? 'mb-3.5' : ''}`, as: "h2", title: title, description: description, headlineVersion: headlineVersion, bgColorHeadline: version, align: "left" }), renderBenefits(benefits, version), additionalDescription ? renderAdditionalDescription(additionalDescription, version) : null, buttons?.length ? ((0, jsx_runtime_1.jsx)(ButtonSection_1.ButtonSection, { context: context, buttons: buttons, className: "flex self-end mt-5 gap-4 z-10 text-l" })) : null, image?.src ? (0, jsx_runtime_1.jsx)(Img_1.Img, { className: "absolute right-0 bottom-0", image: image }) : null] }));
|
|
13
|
+
return ((0, jsx_runtime_1.jsxs)(BlockWrapper_1.BlockWrapper, { context: context, className: `overflow-hidden font-sans p-9 box-border relative justify-between grid ${className} ${BlockVersion_1.VersionStyleMap[version]} ${(0, getTileRightPadding_1.getTileRightPadding)(className)} ${(0, getTileMinHeight_1.getTileMinHeight)(className)}`, ...rest, children: [(0, jsx_runtime_1.jsx)(Headline_1.Headline, { context: context, className: `!p-0 !bg-transparent z-10 ${title || description ? 'mb-3.5' : ''}`, as: "h2", title: title, description: description, headlineVersion: headlineVersion, bgColorHeadline: version, align: "left" }), renderBenefits(benefits, version), additionalDescription ? renderAdditionalDescription(additionalDescription, version) : null, buttons?.length ? ((0, jsx_runtime_1.jsx)(ButtonSection_1.ButtonSection, { context: context, buttons: buttons, className: "flex self-end mt-5 gap-4 z-10 text-l" })) : null, image?.src ? (0, jsx_runtime_1.jsx)(Img_1.Img, { className: "absolute right-0 bottom-0", image: image }) : null] }));
|
|
14
14
|
});
|
|
15
15
|
// picture width = 242px. Text can overlay picture 20px deep. Outer paddings_x = 36px. 242-36-20 = 186px
|
|
16
16
|
const BENEFITS_WIDTH = 'max-w-[calc(100%-186px)]';
|
|
@@ -35,6 +35,6 @@ function renderAdditionalDescription(additionalDescription, version = 'primary')
|
|
|
35
35
|
primary: 'text-secondary-text',
|
|
36
36
|
secondary: 'text-white',
|
|
37
37
|
};
|
|
38
|
-
return ((0, jsx_runtime_1.jsx)("div", { className: `text-m-light mt-2.5 ${descStyleMap[version]}`, children: additionalDescription }));
|
|
38
|
+
return ((0, jsx_runtime_1.jsx)("div", { className: `text-m-light mt-2.5 z-10 ${descStyleMap[version]}`, children: additionalDescription }));
|
|
39
39
|
}
|
|
40
40
|
//# sourceMappingURL=ProductTile.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProductTile.js","sourceRoot":"","sources":["../../../src/components/ProductTile/ProductTile.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAIxC,4DAAyD;AACzD,qEAAkE;AAClE,8CAA2C;AAC3C,mEAAgE;AAChE,yEAAsE;AACtE,mDAAgD;AAChD,2DAA2D;AAI9C,QAAA,WAAW,GAAG,IAAA,aAAG,EAC5B,CAAC,EACC,OAAO,EACP,SAAS,GAAG,EAAE,EACd,KAAK,EACL,eAAe,GAAG,GAAG,EACrB,WAAW,EACX,qBAAqB,EACrB,QAAQ,GAAG,EAAE,EACb,OAAO,EACP,KAAK,EACL,OAAO,GAAG,SAAS,EACnB,GAAG,IAAI,EACR,EAAE,EAAE;IACH,OAAO,CACL,wBAAC,2BAAY,IACX,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,0EAA0E,SAAS,IAC5F,8BAAe,CAAC,OAAO,CACzB,IAAI,IAAA,yCAAmB,EAAC,SAAS,CAAC,IAAI,IAAA,mCAAgB,EAAC,SAAS,CAAC,EAAE,KAC/D,IAAI,aAER,uBAAC,mBAAQ,IACP,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,
|
|
1
|
+
{"version":3,"file":"ProductTile.js","sourceRoot":"","sources":["../../../src/components/ProductTile/ProductTile.tsx"],"names":[],"mappings":"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"}
|
|
@@ -5,7 +5,7 @@ const uni_jsx_1 = require("@redneckz/uni-jsx");
|
|
|
5
5
|
const core_1 = require("@redneckz/uni-jsx/lib/hooks/core");
|
|
6
6
|
const Radio_1 = require("../../ui-kit/Radio/Radio");
|
|
7
7
|
exports.RenderRadioButtons = (0, uni_jsx_1.JSX)(() => {
|
|
8
|
-
const [selectedOption, setSelectedOption] = (0, core_1.useState)('
|
|
8
|
+
const [selectedOption, setSelectedOption] = (0, core_1.useState)('option2');
|
|
9
9
|
const onChange = (_) => setSelectedOption(_.target.value);
|
|
10
10
|
return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(Radio_1.Radio, { className: "mb-2", name: "contractType", text: "\u041F\u0440\u043E\u0441\u0442\u043E\u0435 \u0445\u0440\u0430\u043D\u0435\u043D\u0438\u0435", value: "option1", checked: selectedOption === 'option1', onChange: onChange }), (0, jsx_runtime_1.jsx)(Radio_1.Radio, { name: "contractType", text: "\u0421\u0434\u0435\u043B\u043A\u0430 \u0441 \u043D\u0435\u0434\u0432\u0438\u0436\u0438\u043C\u043E\u0441\u0442\u044C\u044E", value: "option2", checked: selectedOption === 'option2', onChange: onChange })] }));
|
|
11
11
|
});
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @title Цвет кнопки
|
|
3
3
|
* @default primary
|
|
4
|
-
* @enumNames ["Основная", "Второстепенная", "Ссылка"]
|
|
4
|
+
* @enumNames ["Основная", "Второстепенная", "Белая", "Ссылка"]
|
|
5
5
|
*/
|
|
6
|
-
export declare type ButtonVersion = 'primary' | 'secondary' | 'link';
|
|
6
|
+
export declare type ButtonVersion = 'primary' | 'secondary' | 'white' | 'link';
|
|
@@ -8,11 +8,13 @@ const ButtonInner_1 = require("./ButtonInner");
|
|
|
8
8
|
const buttonStyleMap = {
|
|
9
9
|
primary: 'text-white bg-primary-main hover:bg-primary-hover active:bg-primary-active',
|
|
10
10
|
secondary: 'text-primary-main bg-main-divider hover:text-white hover:bg-primary-hover active:bg-primary-active',
|
|
11
|
+
white: 'text-primary-main bg-white hover:text-white hover:bg-primary-hover active:bg-white',
|
|
11
12
|
link: 'text-primary-main',
|
|
12
13
|
};
|
|
13
14
|
const buttonDisabledStyleMap = {
|
|
14
15
|
primary: 'bg-secondary-dark text-secondary-text',
|
|
15
16
|
secondary: 'bg-secondary-light text-secondary-text',
|
|
17
|
+
white: 'bg-white text-primary-text',
|
|
16
18
|
link: '',
|
|
17
19
|
};
|
|
18
20
|
const styleButton = 'w-full text-center font-sans select-none';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/ui-kit/Button/Button.tsx"],"names":[],"mappings":";;;AAAA,2CAA2C;AAC3C,+BAA+B;AAE/B,+CAAwC;AAExC,+CAA4C;AAG5C,MAAM,cAAc,GAAkC;IACpD,OAAO,EAAE,4EAA4E;IACrF,SAAS,EACP,oGAAoG;IACtG,IAAI,EAAE,mBAAmB;CAC1B,CAAC;AAEF,MAAM,sBAAsB,GAAkC;IAC5D,OAAO,EAAE,uCAAuC;IAChD,SAAS,EAAE,wCAAwC;IACnD,IAAI,EAAE,EAAE;CACT,CAAC;AAEF,MAAM,WAAW,GAAG,0CAA0C,CAAC;AAElD,QAAA,MAAM,GAAG,IAAA,aAAG,EACvB,CAAC,EACC,SAAS,EACT,IAAI,EACJ,SAAS,EACT,UAAU,EACV,IAAI,EACJ,MAAM,EACN,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,OAAO,GAAG,SAAS,EACnB,SAAS,EACT,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,QAAQ,IAAI,CAC9B,uBAAC,yBAAW,IACV,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,GAChB,CACH,CAAC;IAEF,IAAI,QAAQ,EAAE;QACZ,OAAO,CACL,gCACE,IAAI,EAAC,QAAQ,mBACC,MAAM,gBACR,SAAS,EACrB,QAAQ,EAAE,CAAC,CAAC,EACZ,SAAS,EAAE,gBAAgB,WAAW,IAAI,sBAAsB,CAAC,OAAO,CAAC,IAAI,EAAE,IAC7E,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,YAC7B,IAAI,SAAS,IAAI,EAAE,EAAE,YAEpB,WAAW,GACR,CACP,CAAC;KACH;IAED,OAAO,CACL,8BACE,SAAS,EAAE,GAAG,WAAW,qFACvB,cAAc,CAAC,OAAO,CAAC,IAAI,EAC7B,IAAI,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,YAAY,IAAI,SAAS,IAAI,EAAE,EAAE,EAChE,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,gBACJ,SAAS,EACrB,IAAI,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,KAC3B,IAAI,YAEP,WAAW,GACV,CACL,CAAC;AACJ,CAAC,CACF,CAAC"}
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/ui-kit/Button/Button.tsx"],"names":[],"mappings":";;;AAAA,2CAA2C;AAC3C,+BAA+B;AAE/B,+CAAwC;AAExC,+CAA4C;AAG5C,MAAM,cAAc,GAAkC;IACpD,OAAO,EAAE,4EAA4E;IACrF,SAAS,EACP,oGAAoG;IACtG,KAAK,EAAE,oFAAoF;IAC3F,IAAI,EAAE,mBAAmB;CAC1B,CAAC;AAEF,MAAM,sBAAsB,GAAkC;IAC5D,OAAO,EAAE,uCAAuC;IAChD,SAAS,EAAE,wCAAwC;IACnD,KAAK,EAAE,4BAA4B;IACnC,IAAI,EAAE,EAAE;CACT,CAAC;AAEF,MAAM,WAAW,GAAG,0CAA0C,CAAC;AAElD,QAAA,MAAM,GAAG,IAAA,aAAG,EACvB,CAAC,EACC,SAAS,EACT,IAAI,EACJ,SAAS,EACT,UAAU,EACV,IAAI,EACJ,MAAM,EACN,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,OAAO,GAAG,SAAS,EACnB,SAAS,EACT,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,QAAQ,IAAI,CAC9B,uBAAC,yBAAW,IACV,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,GAChB,CACH,CAAC;IAEF,IAAI,QAAQ,EAAE;QACZ,OAAO,CACL,gCACE,IAAI,EAAC,QAAQ,mBACC,MAAM,gBACR,SAAS,EACrB,QAAQ,EAAE,CAAC,CAAC,EACZ,SAAS,EAAE,gBAAgB,WAAW,IAAI,sBAAsB,CAAC,OAAO,CAAC,IAAI,EAAE,IAC7E,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,YAC7B,IAAI,SAAS,IAAI,EAAE,EAAE,YAEpB,WAAW,GACR,CACP,CAAC;KACH;IAED,OAAO,CACL,8BACE,SAAS,EAAE,GAAG,WAAW,qFACvB,cAAc,CAAC,OAAO,CAAC,IAAI,EAC7B,IAAI,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,YAAY,IAAI,SAAS,IAAI,EAAE,EAAE,EAChE,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,gBACJ,SAAS,EACrB,IAAI,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,KAC3B,IAAI,YAEP,WAAW,GACV,CACL,CAAC;AACJ,CAAC,CACF,CAAC"}
|
|
@@ -3,11 +3,13 @@ exports.buttonStyle = exports.buttonDisabledStyleMap = exports.buttonStyleMap =
|
|
|
3
3
|
exports.buttonStyleMap = {
|
|
4
4
|
primary: 'text-white bg-primary-main hover:bg-primary-hover active:bg-primary-active',
|
|
5
5
|
secondary: 'text-primary-main bg-main-divider hover:text-white hover:bg-primary-hover active:bg-primary-active',
|
|
6
|
+
white: 'text-primary-main bg-white hover:text-white hover:bg-primary-hover active:bg-white',
|
|
6
7
|
link: '',
|
|
7
8
|
};
|
|
8
9
|
exports.buttonDisabledStyleMap = {
|
|
9
10
|
primary: 'bg-secondary-dark text-secondary-text',
|
|
10
11
|
secondary: 'bg-secondary-light text-secondary-text',
|
|
12
|
+
white: 'bg-white text-primary-text',
|
|
11
13
|
link: '',
|
|
12
14
|
};
|
|
13
15
|
exports.buttonStyle = 'text-center font-sans select-none';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"buttonClassNameConstants.js","sourceRoot":"","sources":["../../../src/ui-kit/Button/buttonClassNameConstants.ts"],"names":[],"mappings":";;AAEa,QAAA,cAAc,GAAkC;IAC3D,OAAO,EAAE,4EAA4E;IACrF,SAAS,EACP,oGAAoG;IACtG,IAAI,EAAE,EAAE;CACT,CAAC;AAEW,QAAA,sBAAsB,GAAkC;IACnE,OAAO,EAAE,uCAAuC;IAChD,SAAS,EAAE,wCAAwC;IACnD,IAAI,EAAE,EAAE;CACT,CAAC;AAEW,QAAA,WAAW,GAAG,mCAAmC,CAAC"}
|
|
1
|
+
{"version":3,"file":"buttonClassNameConstants.js","sourceRoot":"","sources":["../../../src/ui-kit/Button/buttonClassNameConstants.ts"],"names":[],"mappings":";;AAEa,QAAA,cAAc,GAAkC;IAC3D,OAAO,EAAE,4EAA4E;IACrF,SAAS,EACP,oGAAoG;IACtG,KAAK,EAAE,oFAAoF;IAC3F,IAAI,EAAE,EAAE;CACT,CAAC;AAEW,QAAA,sBAAsB,GAAkC;IACnE,OAAO,EAAE,uCAAuC;IAChD,SAAS,EAAE,wCAAwC;IACnD,KAAK,EAAE,4BAA4B;IACnC,IAAI,EAAE,EAAE;CACT,CAAC;AAEW,QAAA,WAAW,GAAG,mCAAmC,CAAC"}
|
|
@@ -1,19 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
* @title Валюта
|
|
3
|
-
* @enumNames ["Рубль", "Доллар", "Евро"]
|
|
4
|
-
* @default "RUB"
|
|
5
|
-
*/
|
|
6
|
-
declare type Currency = 'RUB' | 'USD' | 'EUR';
|
|
7
|
-
declare type CurrencyInputProps = {
|
|
8
|
-
className?: string;
|
|
9
|
-
label?: string;
|
|
10
|
-
currency?: Currency;
|
|
11
|
-
onChange?: (value: string) => void;
|
|
12
|
-
name?: string;
|
|
13
|
-
value?: string;
|
|
14
|
-
placeholder?: string;
|
|
15
|
-
minValue?: number;
|
|
16
|
-
maxValue?: number;
|
|
17
|
-
};
|
|
1
|
+
import type { CurrencyInputProps } from './CurrencyInputProps';
|
|
18
2
|
export declare const CurrencyInput: import("@redneckz/uni-jsx").UNIComponent<CurrencyInputProps, any, any>;
|
|
19
|
-
export {};
|
|
@@ -3,12 +3,7 @@ exports.CurrencyInput = void 0;
|
|
|
3
3
|
const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
|
|
4
4
|
const uni_jsx_1 = require("@redneckz/uni-jsx");
|
|
5
5
|
const clamp_1 = require("../../utils/clamp");
|
|
6
|
-
|
|
7
|
-
RUB: '₽',
|
|
8
|
-
USD: '$',
|
|
9
|
-
EUR: '€',
|
|
10
|
-
};
|
|
11
|
-
exports.CurrencyInput = (0, uni_jsx_1.JSX)(({ className = '', label, currency = 'RUB', onChange, value = '', minValue = 0, maxValue = 300000, ...inputProps }) => {
|
|
6
|
+
exports.CurrencyInput = (0, uni_jsx_1.JSX)(({ className = '', label, onChange, value = '', minValue = 0, maxValue = 300000, ...inputProps }) => {
|
|
12
7
|
const handleChange = (e) => {
|
|
13
8
|
if (!onChange) {
|
|
14
9
|
return;
|
|
@@ -16,6 +11,6 @@ exports.CurrencyInput = (0, uni_jsx_1.JSX)(({ className = '', label, currency =
|
|
|
16
11
|
const newValue = e.target.value === '' ? '' : String((0, clamp_1.clamp)(e.target.value, minValue, maxValue));
|
|
17
12
|
onChange(newValue);
|
|
18
13
|
};
|
|
19
|
-
return ((0, jsx_runtime_1.jsxs)("div", { className: className, children: [label ? (0, jsx_runtime_1.jsx)("label", { className: "block text-m-light mb-2", children: label }) : null, (0, jsx_runtime_1.jsxs)("div", { className: "h-[56px] relative flex items-center", children: [(0, jsx_runtime_1.jsx)("input", { type: "number", className:
|
|
14
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: className, children: [label ? (0, jsx_runtime_1.jsx)("label", { className: "block text-m-light mb-2", children: label }) : null, (0, jsx_runtime_1.jsxs)("div", { className: "h-[56px] relative flex items-center", children: [(0, jsx_runtime_1.jsx)("input", { type: "number", className: 'text-l pl-4 pr-8 w-full h-full rounded-md border border-solid border-main-stroke hover:border-primary-hover active:border-primary-text focus:border-primary-text', onChange: handleChange, value: value, min: minValue, max: maxValue, ...inputProps }), (0, jsx_runtime_1.jsx)("span", { className: "text-xl-light absolute right-4", children: "\u20BD" })] })] }));
|
|
20
15
|
});
|
|
21
16
|
//# sourceMappingURL=CurrencyInput.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CurrencyInput.js","sourceRoot":"","sources":["../../../src/ui-kit/CurrencyInput/CurrencyInput.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,6CAA0C;
|
|
1
|
+
{"version":3,"file":"CurrencyInput.js","sourceRoot":"","sources":["../../../src/ui-kit/CurrencyInput/CurrencyInput.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,6CAA0C;AAG7B,QAAA,aAAa,GAAG,IAAA,aAAG,EAC9B,CAAC,EACC,SAAS,GAAG,EAAE,EACd,KAAK,EACL,QAAQ,EACR,KAAK,GAAG,EAAE,EACV,QAAQ,GAAG,CAAC,EACZ,QAAQ,GAAG,MAAM,EACjB,GAAG,UAAU,EACd,EAAE,EAAE;IACH,MAAM,YAAY,GAAG,CAAC,CAAM,EAAE,EAAE;QAC9B,IAAI,CAAC,QAAQ,EAAE;YACb,OAAO;SACR;QAED,MAAM,QAAQ,GACZ,CAAC,CAAC,MAAM,CAAC,KAAK,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,IAAA,aAAK,EAAC,CAAC,CAAC,MAAM,CAAC,KAAe,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;QAE3F,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACrB,CAAC,CAAC;IAEF,OAAO,CACL,iCAAK,SAAS,EAAE,SAAS,aACtB,KAAK,CAAC,CAAC,CAAC,kCAAO,SAAS,EAAC,yBAAyB,YAAE,KAAK,GAAS,CAAC,CAAC,CAAC,IAAI,EAC1E,iCAAK,SAAS,EAAC,qCAAqC,aAClD,kCACE,IAAI,EAAC,QAAQ,EACb,SAAS,EACP,kKAAkK,EAEpK,QAAQ,EAAE,YAAY,EACtB,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,QAAQ,EACb,GAAG,EAAE,QAAQ,KACT,UAAU,GACd,EACF,iCAAM,SAAS,EAAC,gCAAgC,uBAAS,IACrD,IACF,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CurrencyInputProps.js","sourceRoot":"","sources":["../../../src/ui-kit/CurrencyInput/CurrencyInputProps.ts"],"names":[],"mappings":""}
|
|
@@ -7,20 +7,20 @@ import { Heading } from '../../ui-kit/Heading/Heading.js';
|
|
|
7
7
|
import { getRegularButtonClasses } from '../../ui-kit/Button/getRegularButtonClasses.js';
|
|
8
8
|
import { getDisabledButtonClasses } from '../../ui-kit/Button/getDisabledButtonClasses.js';
|
|
9
9
|
const AMOUNT_KEY = 'amount';
|
|
10
|
-
const INPUT_LABEL = 'Сумма перевода';
|
|
11
|
-
const BUTTON_TEXT = 'Далее';
|
|
12
|
-
const PLACEHOLDER = '1500';
|
|
13
|
-
const TITLE = 'Укажите сумму перевода';
|
|
14
10
|
const FORM_URL = 'https://www.rshb.ru/p2p/';
|
|
11
|
+
const DEFAULT_TITLE = 'Укажите сумму перевода';
|
|
12
|
+
const DEFAULT_LABEL = 'Сумма перевода';
|
|
13
|
+
const DEFAULT_PLACEHOLDER = '1500';
|
|
14
|
+
const DEFAULT_BUTTON_TEXT = 'Далее';
|
|
15
15
|
const BUTTON_CLASS_PARAMS = {
|
|
16
16
|
version: 'primary',
|
|
17
17
|
className: 'w-full h-[56px] px-9 mt-6',
|
|
18
18
|
};
|
|
19
|
-
export const CardTransfer = JSX(({ className = '', title =
|
|
19
|
+
export const CardTransfer = JSX(({ className = '', title = DEFAULT_TITLE, label = DEFAULT_LABEL, placeholder = DEFAULT_PLACEHOLDER, buttonText = DEFAULT_BUTTON_TEXT, ...rest }) => {
|
|
20
20
|
const [value, setValue] = useState('');
|
|
21
21
|
const isDisabled = !Number(value);
|
|
22
|
-
return (_jsxs(BlockWrapper, { className: `p-[50px] flex flex-col items-center font-sans bg-white ${className}`, ...rest, children: [title ? _jsx(Heading, { className: "max-w-[684px] pb-9", headingType: "h2", title: title }) : null, _jsxs("form", { className: "w-[468px]", method: "POST", action: FORM_URL, children: [_jsx(CurrencyInput, { name: AMOUNT_KEY, value: value, onChange: setValue, placeholder:
|
|
22
|
+
return (_jsxs(BlockWrapper, { className: `p-[50px] flex flex-col items-center font-sans bg-white ${className}`, ...rest, children: [title ? _jsx(Heading, { className: "max-w-[684px] pb-9", headingType: "h2", title: title }) : null, _jsxs("form", { className: "w-[468px]", method: "POST", action: FORM_URL, children: [_jsx(CurrencyInput, { name: AMOUNT_KEY, value: value, onChange: setValue, placeholder: placeholder, label: label }), _jsx("button", { type: "submit", className: isDisabled
|
|
23
23
|
? getDisabledButtonClasses(BUTTON_CLASS_PARAMS)
|
|
24
|
-
: getRegularButtonClasses(BUTTON_CLASS_PARAMS), disabled: isDisabled, children:
|
|
24
|
+
: getRegularButtonClasses(BUTTON_CLASS_PARAMS), disabled: isDisabled, children: buttonText })] })] }));
|
|
25
25
|
});
|
|
26
26
|
//# sourceMappingURL=CardTransfer.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CardTransfer.js","sourceRoot":"","sources":["../../../src/components/CardTransfer/CardTransfer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,0CAA0C,CAAC;AACzE,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AAIvD,OAAO,EAAE,uBAAuB,EAAE,MAAM,6CAA6C,CAAC;AACtF,OAAO,EAAE,wBAAwB,EAAE,MAAM,8CAA8C,CAAC;AAExF,MAAM,UAAU,GAAG,QAAQ,CAAC;AAC5B,MAAM,
|
|
1
|
+
{"version":3,"file":"CardTransfer.js","sourceRoot":"","sources":["../../../src/components/CardTransfer/CardTransfer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,0CAA0C,CAAC;AACzE,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AAIvD,OAAO,EAAE,uBAAuB,EAAE,MAAM,6CAA6C,CAAC;AACtF,OAAO,EAAE,wBAAwB,EAAE,MAAM,8CAA8C,CAAC;AAExF,MAAM,UAAU,GAAG,QAAQ,CAAC;AAC5B,MAAM,QAAQ,GAAG,0BAA0B,CAAC;AAE5C,MAAM,aAAa,GAAG,wBAAwB,CAAC;AAC/C,MAAM,aAAa,GAAG,gBAAgB,CAAC;AACvC,MAAM,mBAAmB,GAAG,MAAM,CAAC;AACnC,MAAM,mBAAmB,GAAG,OAAO,CAAC;AAEpC,MAAM,mBAAmB,GAAyB;IAChD,OAAO,EAAE,SAAS;IAClB,SAAS,EAAE,2BAA2B;CACvC,CAAC;AAIF,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAC7B,CAAC,EACC,SAAS,GAAG,EAAE,EACd,KAAK,GAAG,aAAa,EACrB,KAAK,GAAG,aAAa,EACrB,WAAW,GAAG,mBAAmB,EACjC,UAAU,GAAG,mBAAmB,EAChC,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAC;IAC/C,MAAM,UAAU,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAElC,OAAO,CACL,MAAC,YAAY,IACX,SAAS,EAAE,0DAA0D,SAAS,EAAE,KAC5E,IAAI,aAEP,KAAK,CAAC,CAAC,CAAC,KAAC,OAAO,IAAC,SAAS,EAAC,oBAAoB,EAAC,WAAW,EAAC,IAAI,EAAC,KAAK,EAAE,KAAK,GAAI,CAAC,CAAC,CAAC,IAAI,EACzF,gBAAM,SAAS,EAAC,WAAW,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAE,QAAQ,aACxD,KAAC,aAAa,IACZ,IAAI,EAAE,UAAU,EAChB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,GACZ,EACF,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EACP,UAAU;4BACR,CAAC,CAAC,wBAAwB,CAAC,mBAAmB,CAAC;4BAC/C,CAAC,CAAC,uBAAuB,CAAC,mBAAmB,CAAC,EAElD,QAAQ,EAAE,UAAU,YAEnB,UAAU,GACJ,IACJ,IACM,CAChB,CAAC;AACJ,CAAC,CACF,CAAC"}
|
|
@@ -2,9 +2,12 @@
|
|
|
2
2
|
* @title Перевод с карты на карту
|
|
3
3
|
*/
|
|
4
4
|
export declare type CardTransferContent = {
|
|
5
|
-
/**
|
|
6
|
-
* @title Заголовок
|
|
7
|
-
* @hidden
|
|
8
|
-
*/
|
|
5
|
+
/** @title Заголовок */
|
|
9
6
|
title?: string;
|
|
7
|
+
/** @title Название поля */
|
|
8
|
+
label?: string;
|
|
9
|
+
/** @title Плейсхолдер поля */
|
|
10
|
+
placeholder?: string;
|
|
11
|
+
/** @title Текст кнопки */
|
|
12
|
+
buttonText?: string;
|
|
10
13
|
};
|
|
@@ -7,7 +7,7 @@ import { Img } from '../../ui-kit/Img/Img.js';
|
|
|
7
7
|
import { addSpacesBetweenNumbers } from '../../utils/addSpacesBetweenNumbers.js';
|
|
8
8
|
import { Headline } from '../Headline/Headline.js';
|
|
9
9
|
export const PictureText = JSX(({ className = '', context, title, description, image, benefits, version = 'primary', sum, monthLimit, directionRight = false, ...rest }) => {
|
|
10
|
-
return (_jsxs(BlockWrapper, { className: `relative font-sans
|
|
10
|
+
return (_jsxs(BlockWrapper, { className: `relative font-sans py-12 px-28 ${VersionStyleMap[version]} ${className}`, context: context, ...rest, children: [_jsx(Headline, { context: context, className: "!p-0", title: title, description: description, headlineVersion: "M", bgColorHeadline: version, align: "center" }), _jsxs("div", { className: 'flex justify-center gap-[122px] mt-[30px]', children: [image?.src ? _jsx(Img, { className: directionRight ? 'order-2' : '', image: image }) : null, _jsxs("div", { className: "w-[558px] m-auto", children: [benefits?.length ? (_jsx("div", { className: "flex flex-col gap-4", children: benefits.map(renderBenefit(version)) })) : null, renderInsuranceSumMonth(sum, monthLimit)] })] })] }));
|
|
11
11
|
});
|
|
12
12
|
const renderBenefit = (version) => (benefit, i) => (_jsx(BenefitItem, { icon: benefit.icon, label: benefit.label, description: benefit.description, version: version }, String(i)));
|
|
13
13
|
function renderInsuranceSumMonth(sum, monthLimit) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PictureText.js","sourceRoot":"","sources":["../../../src/components/PictureText/PictureText.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAE3D,OAAO,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;AAEnE,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAE,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAC9E,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAKhD,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAC5B,CAAC,EACC,SAAS,GAAG,EAAE,EACd,OAAO,EACP,KAAK,EACL,WAAW,EACX,KAAK,EACL,QAAQ,EACR,OAAO,GAAG,SAAS,EACnB,GAAG,EACH,UAAU,EACV,cAAc,GAAG,KAAK,EACtB,GAAG,IAAI,EACR,EAAE,EAAE;IACH,OAAO,CACL,MAAC,YAAY,IACX,SAAS,EAAE,
|
|
1
|
+
{"version":3,"file":"PictureText.js","sourceRoot":"","sources":["../../../src/components/PictureText/PictureText.tsx"],"names":[],"mappings":"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"}
|
|
@@ -8,7 +8,7 @@ import { getTileRightPadding } from '../BaseTile/getTileRightPadding.js';
|
|
|
8
8
|
import { Headline } from '../Headline/Headline.js';
|
|
9
9
|
import { VersionStyleMap } from '../../model/BlockVersion.js';
|
|
10
10
|
export const ProductTile = JSX(({ context, className = '', title, headlineVersion = 'S', description, additionalDescription, benefits = [], buttons, image, version = 'primary', ...rest }) => {
|
|
11
|
-
return (_jsxs(BlockWrapper, { context: context, className: `overflow-hidden font-sans p-9 box-border relative justify-between grid ${className} ${VersionStyleMap[version]} ${getTileRightPadding(className)} ${getTileMinHeight(className)}`, ...rest, children: [_jsx(Headline, { context: context, className: `!p-0 z-10 ${title || description ? 'mb-3.5' : ''}`, as: "h2", title: title, description: description, headlineVersion: headlineVersion, bgColorHeadline: version, align: "left" }), renderBenefits(benefits, version), additionalDescription ? renderAdditionalDescription(additionalDescription, version) : null, buttons?.length ? (_jsx(ButtonSection, { context: context, buttons: buttons, className: "flex self-end mt-5 gap-4 z-10 text-l" })) : null, image?.src ? _jsx(Img, { className: "absolute right-0 bottom-0", image: image }) : null] }));
|
|
11
|
+
return (_jsxs(BlockWrapper, { context: context, className: `overflow-hidden font-sans p-9 box-border relative justify-between grid ${className} ${VersionStyleMap[version]} ${getTileRightPadding(className)} ${getTileMinHeight(className)}`, ...rest, children: [_jsx(Headline, { context: context, className: `!p-0 !bg-transparent z-10 ${title || description ? 'mb-3.5' : ''}`, as: "h2", title: title, description: description, headlineVersion: headlineVersion, bgColorHeadline: version, align: "left" }), renderBenefits(benefits, version), additionalDescription ? renderAdditionalDescription(additionalDescription, version) : null, buttons?.length ? (_jsx(ButtonSection, { context: context, buttons: buttons, className: "flex self-end mt-5 gap-4 z-10 text-l" })) : null, image?.src ? _jsx(Img, { className: "absolute right-0 bottom-0", image: image }) : null] }));
|
|
12
12
|
});
|
|
13
13
|
// picture width = 242px. Text can overlay picture 20px deep. Outer paddings_x = 36px. 242-36-20 = 186px
|
|
14
14
|
const BENEFITS_WIDTH = 'max-w-[calc(100%-186px)]';
|
|
@@ -33,6 +33,6 @@ function renderAdditionalDescription(additionalDescription, version = 'primary')
|
|
|
33
33
|
primary: 'text-secondary-text',
|
|
34
34
|
secondary: 'text-white',
|
|
35
35
|
};
|
|
36
|
-
return (_jsx("div", { className: `text-m-light mt-2.5 ${descStyleMap[version]}`, children: additionalDescription }));
|
|
36
|
+
return (_jsx("div", { className: `text-m-light mt-2.5 z-10 ${descStyleMap[version]}`, children: additionalDescription }));
|
|
37
37
|
}
|
|
38
38
|
//# sourceMappingURL=ProductTile.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProductTile.js","sourceRoot":"","sources":["../../../src/components/ProductTile/ProductTile.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAIxC,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAChE,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AACtE,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAI3D,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAC5B,CAAC,EACC,OAAO,EACP,SAAS,GAAG,EAAE,EACd,KAAK,EACL,eAAe,GAAG,GAAG,EACrB,WAAW,EACX,qBAAqB,EACrB,QAAQ,GAAG,EAAE,EACb,OAAO,EACP,KAAK,EACL,OAAO,GAAG,SAAS,EACnB,GAAG,IAAI,EACR,EAAE,EAAE;IACH,OAAO,CACL,MAAC,YAAY,IACX,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,0EAA0E,SAAS,IAC5F,eAAe,CAAC,OAAO,CACzB,IAAI,mBAAmB,CAAC,SAAS,CAAC,IAAI,gBAAgB,CAAC,SAAS,CAAC,EAAE,KAC/D,IAAI,aAER,KAAC,QAAQ,IACP,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,
|
|
1
|
+
{"version":3,"file":"ProductTile.js","sourceRoot":"","sources":["../../../src/components/ProductTile/ProductTile.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,7 +3,7 @@ import { JSX } from '@redneckz/uni-jsx';
|
|
|
3
3
|
import { useState } from '@redneckz/uni-jsx/lib/hooks/core';
|
|
4
4
|
import { Radio } from '../../ui-kit/Radio/Radio.js';
|
|
5
5
|
export const RenderRadioButtons = JSX(() => {
|
|
6
|
-
const [selectedOption, setSelectedOption] = useState('
|
|
6
|
+
const [selectedOption, setSelectedOption] = useState('option2');
|
|
7
7
|
const onChange = (_) => setSelectedOption(_.target.value);
|
|
8
8
|
return (_jsxs("div", { children: [_jsx(Radio, { className: "mb-2", name: "contractType", text: "\u041F\u0440\u043E\u0441\u0442\u043E\u0435 \u0445\u0440\u0430\u043D\u0435\u043D\u0438\u0435", value: "option1", checked: selectedOption === 'option1', onChange: onChange }), _jsx(Radio, { name: "contractType", text: "\u0421\u0434\u0435\u043B\u043A\u0430 \u0441 \u043D\u0435\u0434\u0432\u0438\u0436\u0438\u043C\u043E\u0441\u0442\u044C\u044E", value: "option2", checked: selectedOption === 'option2', onChange: onChange })] }));
|
|
9
9
|
});
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @title Цвет кнопки
|
|
3
3
|
* @default primary
|
|
4
|
-
* @enumNames ["Основная", "Второстепенная", "Ссылка"]
|
|
4
|
+
* @enumNames ["Основная", "Второстепенная", "Белая", "Ссылка"]
|
|
5
5
|
*/
|
|
6
|
-
export declare type ButtonVersion = 'primary' | 'secondary' | 'link';
|
|
6
|
+
export declare type ButtonVersion = 'primary' | 'secondary' | 'white' | 'link';
|
|
@@ -6,11 +6,13 @@ import { ButtonInner } from './ButtonInner.js';
|
|
|
6
6
|
const buttonStyleMap = {
|
|
7
7
|
primary: 'text-white bg-primary-main hover:bg-primary-hover active:bg-primary-active',
|
|
8
8
|
secondary: 'text-primary-main bg-main-divider hover:text-white hover:bg-primary-hover active:bg-primary-active',
|
|
9
|
+
white: 'text-primary-main bg-white hover:text-white hover:bg-primary-hover active:bg-white',
|
|
9
10
|
link: 'text-primary-main',
|
|
10
11
|
};
|
|
11
12
|
const buttonDisabledStyleMap = {
|
|
12
13
|
primary: 'bg-secondary-dark text-secondary-text',
|
|
13
14
|
secondary: 'bg-secondary-light text-secondary-text',
|
|
15
|
+
white: 'bg-white text-primary-text',
|
|
14
16
|
link: '',
|
|
15
17
|
};
|
|
16
18
|
const styleButton = 'w-full text-center font-sans select-none';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/ui-kit/Button/Button.tsx"],"names":[],"mappings":";AAAA,2CAA2C;AAC3C,+BAA+B;AAE/B,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAG5C,MAAM,cAAc,GAAkC;IACpD,OAAO,EAAE,4EAA4E;IACrF,SAAS,EACP,oGAAoG;IACtG,IAAI,EAAE,mBAAmB;CAC1B,CAAC;AAEF,MAAM,sBAAsB,GAAkC;IAC5D,OAAO,EAAE,uCAAuC;IAChD,SAAS,EAAE,wCAAwC;IACnD,IAAI,EAAE,EAAE;CACT,CAAC;AAEF,MAAM,WAAW,GAAG,0CAA0C,CAAC;AAE/D,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CACvB,CAAC,EACC,SAAS,EACT,IAAI,EACJ,SAAS,EACT,UAAU,EACV,IAAI,EACJ,MAAM,EACN,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,OAAO,GAAG,SAAS,EACnB,SAAS,EACT,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,QAAQ,IAAI,CAC9B,KAAC,WAAW,IACV,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,GAChB,CACH,CAAC;IAEF,IAAI,QAAQ,EAAE;QACZ,OAAO,CACL,cACE,IAAI,EAAC,QAAQ,mBACC,MAAM,gBACR,SAAS,EACrB,QAAQ,EAAE,CAAC,CAAC,EACZ,SAAS,EAAE,gBAAgB,WAAW,IAAI,sBAAsB,CAAC,OAAO,CAAC,IAAI,EAAE,IAC7E,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,YAC7B,IAAI,SAAS,IAAI,EAAE,EAAE,YAEpB,WAAW,GACR,CACP,CAAC;KACH;IAED,OAAO,CACL,YACE,SAAS,EAAE,GAAG,WAAW,qFACvB,cAAc,CAAC,OAAO,CAAC,IAAI,EAC7B,IAAI,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,YAAY,IAAI,SAAS,IAAI,EAAE,EAAE,EAChE,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,gBACJ,SAAS,EACrB,IAAI,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,KAC3B,IAAI,YAEP,WAAW,GACV,CACL,CAAC;AACJ,CAAC,CACF,CAAC"}
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/ui-kit/Button/Button.tsx"],"names":[],"mappings":";AAAA,2CAA2C;AAC3C,+BAA+B;AAE/B,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAG5C,MAAM,cAAc,GAAkC;IACpD,OAAO,EAAE,4EAA4E;IACrF,SAAS,EACP,oGAAoG;IACtG,KAAK,EAAE,oFAAoF;IAC3F,IAAI,EAAE,mBAAmB;CAC1B,CAAC;AAEF,MAAM,sBAAsB,GAAkC;IAC5D,OAAO,EAAE,uCAAuC;IAChD,SAAS,EAAE,wCAAwC;IACnD,KAAK,EAAE,4BAA4B;IACnC,IAAI,EAAE,EAAE;CACT,CAAC;AAEF,MAAM,WAAW,GAAG,0CAA0C,CAAC;AAE/D,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CACvB,CAAC,EACC,SAAS,EACT,IAAI,EACJ,SAAS,EACT,UAAU,EACV,IAAI,EACJ,MAAM,EACN,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,OAAO,GAAG,SAAS,EACnB,SAAS,EACT,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,QAAQ,IAAI,CAC9B,KAAC,WAAW,IACV,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,GAChB,CACH,CAAC;IAEF,IAAI,QAAQ,EAAE;QACZ,OAAO,CACL,cACE,IAAI,EAAC,QAAQ,mBACC,MAAM,gBACR,SAAS,EACrB,QAAQ,EAAE,CAAC,CAAC,EACZ,SAAS,EAAE,gBAAgB,WAAW,IAAI,sBAAsB,CAAC,OAAO,CAAC,IAAI,EAAE,IAC7E,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,YAC7B,IAAI,SAAS,IAAI,EAAE,EAAE,YAEpB,WAAW,GACR,CACP,CAAC;KACH;IAED,OAAO,CACL,YACE,SAAS,EAAE,GAAG,WAAW,qFACvB,cAAc,CAAC,OAAO,CAAC,IAAI,EAC7B,IAAI,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,YAAY,IAAI,SAAS,IAAI,EAAE,EAAE,EAChE,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,gBACJ,SAAS,EACrB,IAAI,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,KAC3B,IAAI,YAEP,WAAW,GACV,CACL,CAAC;AACJ,CAAC,CACF,CAAC"}
|
|
@@ -1,11 +1,13 @@
|
|
|
1
1
|
export const buttonStyleMap = {
|
|
2
2
|
primary: 'text-white bg-primary-main hover:bg-primary-hover active:bg-primary-active',
|
|
3
3
|
secondary: 'text-primary-main bg-main-divider hover:text-white hover:bg-primary-hover active:bg-primary-active',
|
|
4
|
+
white: 'text-primary-main bg-white hover:text-white hover:bg-primary-hover active:bg-white',
|
|
4
5
|
link: '',
|
|
5
6
|
};
|
|
6
7
|
export const buttonDisabledStyleMap = {
|
|
7
8
|
primary: 'bg-secondary-dark text-secondary-text',
|
|
8
9
|
secondary: 'bg-secondary-light text-secondary-text',
|
|
10
|
+
white: 'bg-white text-primary-text',
|
|
9
11
|
link: '',
|
|
10
12
|
};
|
|
11
13
|
export const buttonStyle = 'text-center font-sans select-none';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"buttonClassNameConstants.js","sourceRoot":"","sources":["../../../src/ui-kit/Button/buttonClassNameConstants.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,cAAc,GAAkC;IAC3D,OAAO,EAAE,4EAA4E;IACrF,SAAS,EACP,oGAAoG;IACtG,IAAI,EAAE,EAAE;CACT,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAkC;IACnE,OAAO,EAAE,uCAAuC;IAChD,SAAS,EAAE,wCAAwC;IACnD,IAAI,EAAE,EAAE;CACT,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,mCAAmC,CAAC"}
|
|
1
|
+
{"version":3,"file":"buttonClassNameConstants.js","sourceRoot":"","sources":["../../../src/ui-kit/Button/buttonClassNameConstants.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,cAAc,GAAkC;IAC3D,OAAO,EAAE,4EAA4E;IACrF,SAAS,EACP,oGAAoG;IACtG,KAAK,EAAE,oFAAoF;IAC3F,IAAI,EAAE,EAAE;CACT,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAkC;IACnE,OAAO,EAAE,uCAAuC;IAChD,SAAS,EAAE,wCAAwC;IACnD,KAAK,EAAE,4BAA4B;IACnC,IAAI,EAAE,EAAE;CACT,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,mCAAmC,CAAC"}
|
|
@@ -1,19 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
* @title Валюта
|
|
3
|
-
* @enumNames ["Рубль", "Доллар", "Евро"]
|
|
4
|
-
* @default "RUB"
|
|
5
|
-
*/
|
|
6
|
-
declare type Currency = 'RUB' | 'USD' | 'EUR';
|
|
7
|
-
declare type CurrencyInputProps = {
|
|
8
|
-
className?: string;
|
|
9
|
-
label?: string;
|
|
10
|
-
currency?: Currency;
|
|
11
|
-
onChange?: (value: string) => void;
|
|
12
|
-
name?: string;
|
|
13
|
-
value?: string;
|
|
14
|
-
placeholder?: string;
|
|
15
|
-
minValue?: number;
|
|
16
|
-
maxValue?: number;
|
|
17
|
-
};
|
|
1
|
+
import type { CurrencyInputProps } from './CurrencyInputProps';
|
|
18
2
|
export declare const CurrencyInput: import("@redneckz/uni-jsx").UNIComponent<CurrencyInputProps, any, any>;
|
|
19
|
-
export {};
|
|
@@ -1,12 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
|
|
2
2
|
import { JSX } from '@redneckz/uni-jsx';
|
|
3
3
|
import { clamp } from '../../utils/clamp.js';
|
|
4
|
-
const
|
|
5
|
-
RUB: '₽',
|
|
6
|
-
USD: '$',
|
|
7
|
-
EUR: '€',
|
|
8
|
-
};
|
|
9
|
-
export const CurrencyInput = JSX(({ className = '', label, currency = 'RUB', onChange, value = '', minValue = 0, maxValue = 300000, ...inputProps }) => {
|
|
4
|
+
export const CurrencyInput = JSX(({ className = '', label, onChange, value = '', minValue = 0, maxValue = 300000, ...inputProps }) => {
|
|
10
5
|
const handleChange = (e) => {
|
|
11
6
|
if (!onChange) {
|
|
12
7
|
return;
|
|
@@ -14,6 +9,6 @@ export const CurrencyInput = JSX(({ className = '', label, currency = 'RUB', onC
|
|
|
14
9
|
const newValue = e.target.value === '' ? '' : String(clamp(e.target.value, minValue, maxValue));
|
|
15
10
|
onChange(newValue);
|
|
16
11
|
};
|
|
17
|
-
return (_jsxs("div", { className: className, children: [label ? _jsx("label", { className: "block text-m-light mb-2", children: label }) : null, _jsxs("div", { className: "h-[56px] relative flex items-center", children: [_jsx("input", { type: "number", className:
|
|
12
|
+
return (_jsxs("div", { className: className, children: [label ? _jsx("label", { className: "block text-m-light mb-2", children: label }) : null, _jsxs("div", { className: "h-[56px] relative flex items-center", children: [_jsx("input", { type: "number", className: 'text-l pl-4 pr-8 w-full h-full rounded-md border border-solid border-main-stroke hover:border-primary-hover active:border-primary-text focus:border-primary-text', onChange: handleChange, value: value, min: minValue, max: maxValue, ...inputProps }), _jsx("span", { className: "text-xl-light absolute right-4", children: "\u20BD" })] })] }));
|
|
18
13
|
});
|
|
19
14
|
//# sourceMappingURL=CurrencyInput.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CurrencyInput.js","sourceRoot":"","sources":["../../../src/ui-kit/CurrencyInput/CurrencyInput.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"CurrencyInput.js","sourceRoot":"","sources":["../../../src/ui-kit/CurrencyInput/CurrencyInput.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAG1C,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAC9B,CAAC,EACC,SAAS,GAAG,EAAE,EACd,KAAK,EACL,QAAQ,EACR,KAAK,GAAG,EAAE,EACV,QAAQ,GAAG,CAAC,EACZ,QAAQ,GAAG,MAAM,EACjB,GAAG,UAAU,EACd,EAAE,EAAE;IACH,MAAM,YAAY,GAAG,CAAC,CAAM,EAAE,EAAE;QAC9B,IAAI,CAAC,QAAQ,EAAE;YACb,OAAO;SACR;QAED,MAAM,QAAQ,GACZ,CAAC,CAAC,MAAM,CAAC,KAAK,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAe,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;QAE3F,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACrB,CAAC,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAE,SAAS,aACtB,KAAK,CAAC,CAAC,CAAC,gBAAO,SAAS,EAAC,yBAAyB,YAAE,KAAK,GAAS,CAAC,CAAC,CAAC,IAAI,EAC1E,eAAK,SAAS,EAAC,qCAAqC,aAClD,gBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EACP,kKAAkK,EAEpK,QAAQ,EAAE,YAAY,EACtB,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,QAAQ,EACb,GAAG,EAAE,QAAQ,KACT,UAAU,GACd,EACF,eAAM,SAAS,EAAC,gCAAgC,uBAAS,IACrD,IACF,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CurrencyInputProps.js","sourceRoot":"","sources":["../../../src/ui-kit/CurrencyInput/CurrencyInputProps.ts"],"names":[],"mappings":""}
|
|
@@ -10,13 +10,13 @@ import { getRegularButtonClasses } from '../../ui-kit/Button/getRegularButtonCla
|
|
|
10
10
|
import { getDisabledButtonClasses } from '../../ui-kit/Button/getDisabledButtonClasses';
|
|
11
11
|
|
|
12
12
|
const AMOUNT_KEY = 'amount';
|
|
13
|
-
const INPUT_LABEL = 'Сумма перевода';
|
|
14
|
-
const BUTTON_TEXT = 'Далее';
|
|
15
|
-
const PLACEHOLDER = '1500';
|
|
16
|
-
const TITLE = 'Укажите сумму перевода';
|
|
17
|
-
|
|
18
13
|
const FORM_URL = 'https://www.rshb.ru/p2p/';
|
|
19
14
|
|
|
15
|
+
const DEFAULT_TITLE = 'Укажите сумму перевода';
|
|
16
|
+
const DEFAULT_LABEL = 'Сумма перевода';
|
|
17
|
+
const DEFAULT_PLACEHOLDER = '1500';
|
|
18
|
+
const DEFAULT_BUTTON_TEXT = 'Далее';
|
|
19
|
+
|
|
20
20
|
const BUTTON_CLASS_PARAMS: GetButtonClassParams = {
|
|
21
21
|
version: 'primary',
|
|
22
22
|
className: 'w-full h-[56px] px-9 mt-6',
|
|
@@ -24,36 +24,45 @@ const BUTTON_CLASS_PARAMS: GetButtonClassParams = {
|
|
|
24
24
|
|
|
25
25
|
export interface CardTransferProps extends CardTransferContent, UniBlockProps {}
|
|
26
26
|
|
|
27
|
-
export const CardTransfer = JSX<CardTransferProps>(
|
|
28
|
-
|
|
29
|
-
|
|
27
|
+
export const CardTransfer = JSX<CardTransferProps>(
|
|
28
|
+
({
|
|
29
|
+
className = '',
|
|
30
|
+
title = DEFAULT_TITLE,
|
|
31
|
+
label = DEFAULT_LABEL,
|
|
32
|
+
placeholder = DEFAULT_PLACEHOLDER,
|
|
33
|
+
buttonText = DEFAULT_BUTTON_TEXT,
|
|
34
|
+
...rest
|
|
35
|
+
}) => {
|
|
36
|
+
const [value, setValue] = useState<string>('');
|
|
37
|
+
const isDisabled = !Number(value);
|
|
30
38
|
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
}
|
|
39
|
+
return (
|
|
40
|
+
<BlockWrapper
|
|
41
|
+
className={`p-[50px] flex flex-col items-center font-sans bg-white ${className}`}
|
|
42
|
+
{...rest}
|
|
43
|
+
>
|
|
44
|
+
{title ? <Heading className="max-w-[684px] pb-9" headingType="h2" title={title} /> : null}
|
|
45
|
+
<form className="w-[468px]" method="POST" action={FORM_URL}>
|
|
46
|
+
<CurrencyInput
|
|
47
|
+
name={AMOUNT_KEY}
|
|
48
|
+
value={value}
|
|
49
|
+
onChange={setValue}
|
|
50
|
+
placeholder={placeholder}
|
|
51
|
+
label={label}
|
|
52
|
+
/>
|
|
53
|
+
<button
|
|
54
|
+
type="submit"
|
|
55
|
+
className={
|
|
56
|
+
isDisabled
|
|
57
|
+
? getDisabledButtonClasses(BUTTON_CLASS_PARAMS)
|
|
58
|
+
: getRegularButtonClasses(BUTTON_CLASS_PARAMS)
|
|
59
|
+
}
|
|
60
|
+
disabled={isDisabled}
|
|
61
|
+
>
|
|
62
|
+
{buttonText}
|
|
63
|
+
</button>
|
|
64
|
+
</form>
|
|
65
|
+
</BlockWrapper>
|
|
66
|
+
);
|
|
67
|
+
},
|
|
68
|
+
);
|
|
@@ -2,9 +2,12 @@
|
|
|
2
2
|
* @title Перевод с карты на карту
|
|
3
3
|
*/
|
|
4
4
|
export type CardTransferContent = {
|
|
5
|
-
/**
|
|
6
|
-
* @title Заголовок
|
|
7
|
-
* @hidden
|
|
8
|
-
*/
|
|
5
|
+
/** @title Заголовок */
|
|
9
6
|
title?: string;
|
|
7
|
+
/** @title Название поля */
|
|
8
|
+
label?: string;
|
|
9
|
+
/** @title Плейсхолдер поля */
|
|
10
|
+
placeholder?: string;
|
|
11
|
+
/** @title Текст кнопки */
|
|
12
|
+
buttonText?: string;
|
|
10
13
|
};
|
|
@@ -2199,7 +2199,13 @@
|
|
|
2199
2199
|
},
|
|
2200
2200
|
{
|
|
2201
2201
|
"type": "CardTransfer",
|
|
2202
|
-
"style": ["col-span-12"]
|
|
2202
|
+
"style": ["col-span-12"],
|
|
2203
|
+
"content": {
|
|
2204
|
+
"title": "Укажите сумму перевода",
|
|
2205
|
+
"label": "Сумма перевода",
|
|
2206
|
+
"buttonText": "Далее",
|
|
2207
|
+
"placeholder": "1500"
|
|
2208
|
+
}
|
|
2203
2209
|
},
|
|
2204
2210
|
{
|
|
2205
2211
|
"type": "SafeDepositRental",
|