@redneckz/wildless-cms-uni-blocks 0.14.64 → 0.14.65
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/bin/migration-scripts/0.14.65.js +17 -0
- package/bundle/blocks.schema.json +1 -1
- package/bundle/bundle.umd.js +14 -14
- package/bundle/bundle.umd.min.js +1 -1
- package/bundle/components/ProductBlock/ProductBlockContent.d.ts +0 -2
- package/bundle/ui-kit/BaseProductTile/BaseProductTileContent.d.ts +2 -2
- package/dist/components/InvestmentInfo/InvestmentInfo.js +2 -1
- package/dist/components/InvestmentInfo/InvestmentInfo.js.map +1 -1
- package/dist/components/ProductBlock/ProductBlock.js +1 -2
- package/dist/components/ProductBlock/ProductBlock.js.map +1 -1
- package/dist/components/ProductBlock/ProductBlockContent.d.ts +0 -2
- package/dist/components/SafeDepositRental/SafeDepositRentalTotal.js +4 -2
- package/dist/components/SafeDepositRental/SafeDepositRentalTotal.js.map +1 -1
- package/dist/ui-kit/BaseProductTile/BaseProductTileContent.d.ts +2 -2
- package/lib/components/InvestmentInfo/InvestmentInfo.js +2 -1
- package/lib/components/InvestmentInfo/InvestmentInfo.js.map +1 -1
- package/lib/components/ProductBlock/ProductBlock.fixture.mobile.d.ts +0 -2
- package/lib/components/ProductBlock/ProductBlock.js +1 -2
- package/lib/components/ProductBlock/ProductBlock.js.map +1 -1
- package/lib/components/ProductBlock/ProductBlockContent.d.ts +0 -2
- package/lib/components/SafeDepositRental/SafeDepositRentalTotal.js +4 -2
- package/lib/components/SafeDepositRental/SafeDepositRentalTotal.js.map +1 -1
- package/lib/ui-kit/BaseProductTile/BaseProductTileContent.d.ts +2 -2
- package/mobile/bundle/bundle.umd.js +12 -12
- package/mobile/bundle/bundle.umd.min.js +1 -1
- package/mobile/bundle/components/ProductBlock/ProductBlockContent.d.ts +0 -2
- package/mobile/bundle/ui-kit/BaseProductTile/BaseProductTileContent.d.ts +2 -2
- package/mobile/dist/components/InvestmentInfo/InvestmentInfo.js +2 -1
- package/mobile/dist/components/InvestmentInfo/InvestmentInfo.js.map +1 -1
- package/mobile/dist/components/ProductBlock/ProductBlock.js +1 -2
- package/mobile/dist/components/ProductBlock/ProductBlock.js.map +1 -1
- package/mobile/dist/components/ProductBlock/ProductBlockContent.d.ts +0 -2
- package/mobile/dist/components/SafeDepositRental/SafeDepositRentalTotal.js +4 -2
- package/mobile/dist/components/SafeDepositRental/SafeDepositRentalTotal.js.map +1 -1
- package/mobile/dist/ui-kit/BaseProductTile/BaseProductTileContent.d.ts +2 -2
- package/mobile/lib/components/InvestmentInfo/InvestmentInfo.js +2 -1
- package/mobile/lib/components/InvestmentInfo/InvestmentInfo.js.map +1 -1
- package/mobile/lib/components/ProductBlock/ProductBlock.js +1 -2
- package/mobile/lib/components/ProductBlock/ProductBlock.js.map +1 -1
- package/mobile/lib/components/ProductBlock/ProductBlockContent.d.ts +0 -2
- package/mobile/lib/components/SafeDepositRental/SafeDepositRentalTotal.js +4 -2
- package/mobile/lib/components/SafeDepositRental/SafeDepositRentalTotal.js.map +1 -1
- package/mobile/lib/ui-kit/BaseProductTile/BaseProductTileContent.d.ts +2 -2
- package/mobile/src/components/InvestmentInfo/InvestmentInfo.tsx +2 -1
- package/mobile/src/components/ProductBlock/ProductBlock.tsx +9 -16
- package/mobile/src/components/ProductBlock/ProductBlockContent.ts +0 -2
- package/mobile/src/components/SafeDepositRental/SafeDepositRentalTotal.tsx +15 -7
- package/mobile/src/ui-kit/BaseProductTile/BaseProductTileContent.ts +1 -2
- package/package.json +1 -1
- package/src/components/InvestmentInfo/InvestmentInfo.tsx +2 -1
- package/src/components/ProductBlock/ProductBlock.fixture.mobile.tsx +0 -17
- package/src/components/ProductBlock/ProductBlock.tsx +9 -16
- package/src/components/ProductBlock/ProductBlockContent.ts +0 -2
- package/src/components/SafeDepositRental/SafeDepositRentalTotal.tsx +15 -7
- package/src/ui-kit/BaseProductTile/BaseProductTileContent.ts +1 -2
|
@@ -6,6 +6,4 @@ import { type BaseProductTileContent } from '../../ui-kit/BaseProductTile/BasePr
|
|
|
6
6
|
export declare type ProductBlockContent = UniBlockContent & BaseProductTileContent & {
|
|
7
7
|
/** @title Отображать кнопку возврата */
|
|
8
8
|
backwardButton?: boolean;
|
|
9
|
-
/** @title Показывать рамку вокруг блока */
|
|
10
|
-
showBorder?: boolean;
|
|
11
9
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { type Align } from '../../model/Align';
|
|
2
2
|
import { type BulletsProps } from '../../model/Bullets';
|
|
3
|
-
import { type HeadlineProps
|
|
3
|
+
import { type HeadlineProps } from '../../model/HeadlineType';
|
|
4
4
|
import { type BenefitsListContent } from '../BenefitsList/BenefitsListContent';
|
|
5
5
|
import { type ButtonsSectionContent } from '../Button/ButtonsSectionContent';
|
|
6
6
|
import { type ImageContent } from '../Img/ImgProps';
|
|
@@ -26,7 +26,7 @@ export interface PriceItem {
|
|
|
26
26
|
export interface PriceListProps {
|
|
27
27
|
priceList?: PriceItem[];
|
|
28
28
|
}
|
|
29
|
-
export declare type BaseProductTileContent = HeadlineProps & BenefitsListContent & RichTextProps & ListContent & BulletsProps & TagsContent & ButtonsSectionContent & ImageContent &
|
|
29
|
+
export declare type BaseProductTileContent = HeadlineProps & BenefitsListContent & RichTextProps & ListContent & BulletsProps & TagsContent & ButtonsSectionContent & ImageContent & PriceListProps & {
|
|
30
30
|
imageOptions?: TileImageOptions;
|
|
31
31
|
/** @title Заголовок во всю ширину */
|
|
32
32
|
isFullWidthTitle?: boolean;
|
|
@@ -4,6 +4,7 @@ const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
|
|
|
4
4
|
const uni_jsx_1 = require("@redneckz/uni-jsx");
|
|
5
5
|
const BlockWrapper_1 = require("../../ui-kit/BlockWrapper");
|
|
6
6
|
const List_1 = require("../../ui-kit/List/List");
|
|
7
|
+
const Text_1 = require("../../ui-kit/Text/Text");
|
|
7
8
|
const joinList_1 = require("../../utils/joinList");
|
|
8
9
|
const investmentCellColorMap = {
|
|
9
10
|
yellow: 'bg-yellow',
|
|
@@ -39,7 +40,7 @@ const getColumnClasses = (isSecondColumn, isLastColumn, cells = []) => [
|
|
|
39
40
|
const renderInvestmentCell = (cell, i) => {
|
|
40
41
|
const cellSize = cell.cellSize || 'XS';
|
|
41
42
|
const cellColor = cell.cellColor || 'green';
|
|
42
|
-
return cell.text ? ((0, jsx_runtime_1.jsx)("div", { className: `flex-1 flex items-center justify-center relative py-xs ${investmentCellSizeMap[cellSize]} ${investmentCellColorMap[cellColor]} ${cellSize === 'XS' ? 'px-s' : 'px-5xl'}`, children: (0, jsx_runtime_1.jsx)(
|
|
43
|
+
return cell.text ? ((0, jsx_runtime_1.jsx)("div", { className: `flex-1 flex items-center justify-center relative py-xs ${investmentCellSizeMap[cellSize]} ${investmentCellColorMap[cellColor]} ${cellSize === 'XS' ? 'px-s' : 'px-5xl'}`, children: (0, jsx_runtime_1.jsx)(Text_1.Text, { align: "text-center", children: cell.text }) }, `cell_${i}`)) : null;
|
|
43
44
|
};
|
|
44
45
|
const renderInvestmentColumnTitle = (column, i) => {
|
|
45
46
|
return ((0, jsx_runtime_1.jsx)("div", { className: `flex-1 max-w-[180px] text-center px-xs last:pr-3xl`, children: column.title }, `title_${i}`));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InvestmentInfo.js","sourceRoot":"","sources":["../../../src/components/InvestmentInfo/InvestmentInfo.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"InvestmentInfo.js","sourceRoot":"","sources":["../../../src/components/InvestmentInfo/InvestmentInfo.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,7 +4,6 @@ const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
|
|
|
4
4
|
const uni_jsx_1 = require("@redneckz/uni-jsx");
|
|
5
5
|
const BaseProductTile_1 = require("../../ui-kit/BaseProductTile/BaseProductTile");
|
|
6
6
|
const BlockWrapper_1 = require("../../ui-kit/BlockWrapper");
|
|
7
|
-
const getBorderStyle_1 = require("../../utils/getBorderStyle");
|
|
8
7
|
const style_1 = require("../../utils/style");
|
|
9
|
-
exports.ProductBlock = (0, uni_jsx_1.JSX)(({ className, padding,
|
|
8
|
+
exports.ProductBlock = (0, uni_jsx_1.JSX)(({ className, padding, ...rest }) => ((0, jsx_runtime_1.jsx)(BlockWrapper_1.BlockWrapper, { className: (0, style_1.style)('overflow-hidden flex flex-col gap-3xl box-border', className), padding: "p-0", ...rest, children: (0, jsx_runtime_1.jsx)(BaseProductTile_1.BaseProductTile, { defaultPadding: "p-6xl", padding: padding, className: "grow h-full", ...rest }) })));
|
|
10
9
|
//# sourceMappingURL=ProductBlock.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProductBlock.js","sourceRoot":"","sources":["../../../src/components/ProductBlock/ProductBlock.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAExC,kFAA+E;AAC/E,4DAAyD;AACzD
|
|
1
|
+
{"version":3,"file":"ProductBlock.js","sourceRoot":"","sources":["../../../src/components/ProductBlock/ProductBlock.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAExC,kFAA+E;AAC/E,4DAAyD;AACzD,6CAA0C;AAK7B,QAAA,YAAY,GAAG,IAAA,aAAG,EAAoB,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE,CAAC,CACtF,uBAAC,2BAAY,IACX,SAAS,EAAE,IAAA,aAAK,EAAC,kDAAkD,EAAE,SAAS,CAAC,EAC/E,OAAO,EAAC,KAAK,KACT,IAAI,YAER,uBAAC,iCAAe,IAAC,cAAc,EAAC,OAAO,EAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,aAAa,KAAK,IAAI,GAAI,GACjF,CAChB,CAAC,CAAC"}
|
|
@@ -6,6 +6,4 @@ import { type BaseProductTileContent } from '../../ui-kit/BaseProductTile/BasePr
|
|
|
6
6
|
export declare type ProductBlockContent = UniBlockContent & BaseProductTileContent & {
|
|
7
7
|
/** @title Отображать кнопку возврата */
|
|
8
8
|
backwardButton?: boolean;
|
|
9
|
-
/** @title Показывать рамку вокруг блока */
|
|
10
|
-
showBorder?: boolean;
|
|
11
9
|
};
|
|
@@ -3,13 +3,15 @@ exports.SafeDepositRentalTotal = 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 Img_1 = require("../../ui-kit/Img/Img");
|
|
6
|
+
const Paragraph_1 = require("../../ui-kit/Paragraph/Paragraph");
|
|
7
|
+
const Text_1 = require("../../ui-kit/Text/Text");
|
|
6
8
|
exports.SafeDepositRentalTotal = (0, uni_jsx_1.JSX)(({ days, tariffs = [] }) => {
|
|
7
9
|
const price = calculatePrice(days, tariffs);
|
|
8
10
|
const imageDescription = 'На рисунке изображена пачка листов\nформата А4';
|
|
9
|
-
return ((0, jsx_runtime_1.jsxs)("div", { className: "contents @xl:flex flex-col justify-between gap-xl order-2", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col @xl:flex-row gap-x-6xl gap-y-2xl order-5 @xl:order-none py-2xl @xl:py-0 border-t border-main-divider @xl:border-none", children: [renderTotal('Аренда за', days), renderTotal('Цена', price + ' ₽')] }), (0, jsx_runtime_1.jsx)("
|
|
11
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: "contents @xl:flex flex-col justify-between gap-xl order-2", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col @xl:flex-row gap-x-6xl gap-y-2xl order-5 @xl:order-none py-2xl @xl:py-0 border-t border-main-divider @xl:border-none", children: [renderTotal('Аренда за', days), renderTotal('Цена', price + ' ₽')] }), (0, jsx_runtime_1.jsx)("div", { className: "@xl:hidden order-3 mb-xs", children: (0, jsx_runtime_1.jsx)(Paragraph_1.Paragraph, { size: "text-s", font: "font-light", color: "text-secondary-text", children: imageDescription }) }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col items-center gap-s order-3 @xl:order-none mb-xl @xl:mb-0 bg-primary-main py-s @xl:p-3xl text-center", children: [(0, jsx_runtime_1.jsx)(Img_1.Img, { image: { icon: 'PackA4Icon' }, className: "@xl:h-60" }), (0, jsx_runtime_1.jsx)("div", { className: "hidden @xl:inline opacity-80 whitespace-pre-line", children: (0, jsx_runtime_1.jsx)(Paragraph_1.Paragraph, { size: "text-s", font: "font-light", color: "text-white", children: imageDescription }) })] })] }));
|
|
10
12
|
});
|
|
11
13
|
const renderTotal = (label, total) => {
|
|
12
|
-
return ((0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between items-center gap-y-xs @xl:flex-col @xl:items-start", children: [(0, jsx_runtime_1.jsx)(
|
|
14
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between items-center gap-y-xs @xl:flex-col @xl:items-start", children: [(0, jsx_runtime_1.jsx)(Text_1.Text, { size: "text-l", font: "font-light", color: "text-secondary-text", children: label }), (0, jsx_runtime_1.jsx)("span", { className: "text-l @xl:text-h3 text-primary-text", children: total })] }));
|
|
13
15
|
};
|
|
14
16
|
const calculatePrice = (days, tariffs) => {
|
|
15
17
|
const tariffType = getTariffType(days);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SafeDepositRentalTotal.js","sourceRoot":"","sources":["../../../src/components/SafeDepositRental/SafeDepositRentalTotal.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,8CAA2C;
|
|
1
|
+
{"version":3,"file":"SafeDepositRentalTotal.js","sourceRoot":"","sources":["../../../src/components/SafeDepositRental/SafeDepositRentalTotal.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,8CAA2C;AAC3C,gEAA6D;AAC7D,iDAA8C;AAQjC,QAAA,sBAAsB,GAAG,IAAA,aAAG,EAA8B,CAAC,EAAE,IAAI,EAAE,OAAO,GAAG,EAAE,EAAE,EAAE,EAAE;IAChG,MAAM,KAAK,GAAG,cAAc,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;IAC5C,MAAM,gBAAgB,GAAG,gDAAgD,CAAC;IAE1E,OAAO,CACL,iCAAK,SAAS,EAAC,2DAA2D,aACxE,iCAAK,SAAS,EAAC,oIAAoI,aAChJ,WAAW,CAAC,WAAW,EAAE,IAAI,CAAC,EAC9B,WAAW,CAAC,MAAM,EAAE,KAAK,GAAG,IAAI,CAAC,IAC9B,EACN,gCAAK,SAAS,EAAC,0BAA0B,YACvC,uBAAC,qBAAS,IAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,YAAY,EAAC,KAAK,EAAC,qBAAqB,YACnE,gBAAgB,GACP,GACR,EACN,iCAAK,SAAS,EAAC,mHAAmH,aAChI,uBAAC,SAAG,IAAC,KAAK,EAAE,EAAE,IAAI,EAAE,YAAY,EAAE,EAAE,SAAS,EAAC,UAAU,GAAG,EAC3D,gCAAK,SAAS,EAAC,kDAAkD,YAC/D,uBAAC,qBAAS,IAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,YAAY,EAAC,KAAK,EAAC,YAAY,YAC1D,gBAAgB,GACP,GACR,IACF,IACF,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,WAAW,GAAG,CAAC,KAAa,EAAE,KAAsB,EAAE,EAAE;IAC5D,OAAO,CACL,iCAAK,SAAS,EAAC,yEAAyE,aACtF,uBAAC,WAAI,IAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,YAAY,EAAC,KAAK,EAAC,qBAAqB,YAC9D,KAAK,GACD,EACP,iCAAM,SAAS,EAAC,sCAAsC,YAAE,KAAK,GAAQ,IACjE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,cAAc,GAAG,CAAC,IAAY,EAAE,OAAiB,EAAE,EAAE;IACzD,MAAM,UAAU,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;IAEvC,MAAM,WAAW,GAAG,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,UAAU,KAAK,MAAM,CAAC,UAAU,CAAC,CAAC,EAAE,WAAW,IAAI,CAAC,CAAC;IAEhG,OAAO,IAAI,GAAG,WAAW,CAAC;AAC5B,CAAC,CAAC;AAEF,MAAM,aAAa,GAAG,CAAC,IAAY,EAAE,EAAE;IACrC,IAAI,UAAU,GAAG,CAAC,CAAC;IAEnB,QAAQ,IAAI,EAAE;QACZ,KAAK,IAAI,GAAG,EAAE,IAAI,IAAI,IAAI,EAAE;YAC1B,UAAU,GAAG,CAAC,CAAC;YACf,MAAM;QAER,KAAK,IAAI,GAAG,EAAE,IAAI,IAAI,IAAI,GAAG;YAC3B,UAAU,GAAG,CAAC,CAAC;YACf,MAAM;QAER,KAAK,IAAI,GAAG,GAAG,IAAI,IAAI,IAAI,GAAG;YAC5B,UAAU,GAAG,CAAC,CAAC;YACf,MAAM;KACT;IAED,OAAO,UAAU,CAAC;AACpB,CAAC,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { type Align } from '../../model/Align';
|
|
2
2
|
import { type BulletsProps } from '../../model/Bullets';
|
|
3
|
-
import { type HeadlineProps
|
|
3
|
+
import { type HeadlineProps } from '../../model/HeadlineType';
|
|
4
4
|
import { type BenefitsListContent } from '../BenefitsList/BenefitsListContent';
|
|
5
5
|
import { type ButtonsSectionContent } from '../Button/ButtonsSectionContent';
|
|
6
6
|
import { type ImageContent } from '../Img/ImgProps';
|
|
@@ -26,7 +26,7 @@ export interface PriceItem {
|
|
|
26
26
|
export interface PriceListProps {
|
|
27
27
|
priceList?: PriceItem[];
|
|
28
28
|
}
|
|
29
|
-
export declare type BaseProductTileContent = HeadlineProps & BenefitsListContent & RichTextProps & ListContent & BulletsProps & TagsContent & ButtonsSectionContent & ImageContent &
|
|
29
|
+
export declare type BaseProductTileContent = HeadlineProps & BenefitsListContent & RichTextProps & ListContent & BulletsProps & TagsContent & ButtonsSectionContent & ImageContent & PriceListProps & {
|
|
30
30
|
imageOptions?: TileImageOptions;
|
|
31
31
|
/** @title Заголовок во всю ширину */
|
|
32
32
|
isFullWidthTitle?: boolean;
|
|
@@ -2,6 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
|
|
|
2
2
|
import { JSX } from '@redneckz/uni-jsx';
|
|
3
3
|
import { BlockWrapper } from '../../ui-kit/BlockWrapper.js';
|
|
4
4
|
import { List } from '../../ui-kit/List/List.js';
|
|
5
|
+
import { Text } from '../../ui-kit/Text/Text.js';
|
|
5
6
|
import { joinList } from '../../utils/joinList.js';
|
|
6
7
|
const investmentCellColorMap = {
|
|
7
8
|
yellow: 'bg-yellow',
|
|
@@ -37,7 +38,7 @@ const getColumnClasses = (isSecondColumn, isLastColumn, cells = []) => [
|
|
|
37
38
|
const renderInvestmentCell = (cell, i) => {
|
|
38
39
|
const cellSize = cell.cellSize || 'XS';
|
|
39
40
|
const cellColor = cell.cellColor || 'green';
|
|
40
|
-
return cell.text ? (_jsx("div", { className: `flex-1 flex items-center justify-center relative py-xs ${investmentCellSizeMap[cellSize]} ${investmentCellColorMap[cellColor]} ${cellSize === 'XS' ? 'px-s' : 'px-5xl'}`, children: _jsx(
|
|
41
|
+
return cell.text ? (_jsx("div", { className: `flex-1 flex items-center justify-center relative py-xs ${investmentCellSizeMap[cellSize]} ${investmentCellColorMap[cellColor]} ${cellSize === 'XS' ? 'px-s' : 'px-5xl'}`, children: _jsx(Text, { align: "text-center", children: cell.text }) }, `cell_${i}`)) : null;
|
|
41
42
|
};
|
|
42
43
|
const renderInvestmentColumnTitle = (column, i) => {
|
|
43
44
|
return (_jsx("div", { className: `flex-1 max-w-[180px] text-center px-xs last:pr-3xl`, children: column.title }, `title_${i}`));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InvestmentInfo.js","sourceRoot":"","sources":["../../../src/components/InvestmentInfo/InvestmentInfo.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"InvestmentInfo.js","sourceRoot":"","sources":["../../../src/components/InvestmentInfo/InvestmentInfo.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,7 +2,6 @@ import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
|
|
|
2
2
|
import { JSX } from '@redneckz/uni-jsx';
|
|
3
3
|
import { BaseProductTile } from '../../ui-kit/BaseProductTile/BaseProductTile.js';
|
|
4
4
|
import { BlockWrapper } from '../../ui-kit/BlockWrapper.js';
|
|
5
|
-
import { getBorderStyle } from '../../utils/getBorderStyle.js';
|
|
6
5
|
import { style } from '../../utils/style.js';
|
|
7
|
-
export const ProductBlock = JSX(({ className, padding,
|
|
6
|
+
export const ProductBlock = JSX(({ className, padding, ...rest }) => (_jsx(BlockWrapper, { className: style('overflow-hidden flex flex-col gap-3xl box-border', className), padding: "p-0", ...rest, children: _jsx(BaseProductTile, { defaultPadding: "p-6xl", padding: padding, className: "grow h-full", ...rest }) })));
|
|
8
7
|
//# sourceMappingURL=ProductBlock.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProductBlock.js","sourceRoot":"","sources":["../../../src/components/ProductBlock/ProductBlock.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,eAAe,EAAE,MAAM,8CAA8C,CAAC;AAC/E,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"ProductBlock.js","sourceRoot":"","sources":["../../../src/components/ProductBlock/ProductBlock.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,eAAe,EAAE,MAAM,8CAA8C,CAAC;AAC/E,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAK1C,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAAoB,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE,CAAC,CACtF,KAAC,YAAY,IACX,SAAS,EAAE,KAAK,CAAC,kDAAkD,EAAE,SAAS,CAAC,EAC/E,OAAO,EAAC,KAAK,KACT,IAAI,YAER,KAAC,eAAe,IAAC,cAAc,EAAC,OAAO,EAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,aAAa,KAAK,IAAI,GAAI,GACjF,CAChB,CAAC,CAAC"}
|
|
@@ -6,6 +6,4 @@ import { type BaseProductTileContent } from '../../ui-kit/BaseProductTile/BasePr
|
|
|
6
6
|
export declare type ProductBlockContent = UniBlockContent & BaseProductTileContent & {
|
|
7
7
|
/** @title Отображать кнопку возврата */
|
|
8
8
|
backwardButton?: boolean;
|
|
9
|
-
/** @title Показывать рамку вокруг блока */
|
|
10
|
-
showBorder?: boolean;
|
|
11
9
|
};
|
|
@@ -1,13 +1,15 @@
|
|
|
1
1
|
import { jsxs as _jsxs, jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
|
|
2
2
|
import { JSX } from '@redneckz/uni-jsx';
|
|
3
3
|
import { Img } from '../../ui-kit/Img/Img.js';
|
|
4
|
+
import { Paragraph } from '../../ui-kit/Paragraph/Paragraph.js';
|
|
5
|
+
import { Text } from '../../ui-kit/Text/Text.js';
|
|
4
6
|
export const SafeDepositRentalTotal = JSX(({ days, tariffs = [] }) => {
|
|
5
7
|
const price = calculatePrice(days, tariffs);
|
|
6
8
|
const imageDescription = 'На рисунке изображена пачка листов\nформата А4';
|
|
7
|
-
return (_jsxs("div", { className: "contents @xl:flex flex-col justify-between gap-xl order-2", children: [_jsxs("div", { className: "flex flex-col @xl:flex-row gap-x-6xl gap-y-2xl order-5 @xl:order-none py-2xl @xl:py-0 border-t border-main-divider @xl:border-none", children: [renderTotal('Аренда за', days), renderTotal('Цена', price + ' ₽')] }), _jsx("
|
|
9
|
+
return (_jsxs("div", { className: "contents @xl:flex flex-col justify-between gap-xl order-2", children: [_jsxs("div", { className: "flex flex-col @xl:flex-row gap-x-6xl gap-y-2xl order-5 @xl:order-none py-2xl @xl:py-0 border-t border-main-divider @xl:border-none", children: [renderTotal('Аренда за', days), renderTotal('Цена', price + ' ₽')] }), _jsx("div", { className: "@xl:hidden order-3 mb-xs", children: _jsx(Paragraph, { size: "text-s", font: "font-light", color: "text-secondary-text", children: imageDescription }) }), _jsxs("div", { className: "flex flex-col items-center gap-s order-3 @xl:order-none mb-xl @xl:mb-0 bg-primary-main py-s @xl:p-3xl text-center", children: [_jsx(Img, { image: { icon: 'PackA4Icon' }, className: "@xl:h-60" }), _jsx("div", { className: "hidden @xl:inline opacity-80 whitespace-pre-line", children: _jsx(Paragraph, { size: "text-s", font: "font-light", color: "text-white", children: imageDescription }) })] })] }));
|
|
8
10
|
});
|
|
9
11
|
const renderTotal = (label, total) => {
|
|
10
|
-
return (_jsxs("div", { className: "flex justify-between items-center gap-y-xs @xl:flex-col @xl:items-start", children: [_jsx(
|
|
12
|
+
return (_jsxs("div", { className: "flex justify-between items-center gap-y-xs @xl:flex-col @xl:items-start", children: [_jsx(Text, { size: "text-l", font: "font-light", color: "text-secondary-text", children: label }), _jsx("span", { className: "text-l @xl:text-h3 text-primary-text", children: total })] }));
|
|
11
13
|
};
|
|
12
14
|
const calculatePrice = (days, tariffs) => {
|
|
13
15
|
const tariffType = getTariffType(days);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SafeDepositRentalTotal.js","sourceRoot":"","sources":["../../../src/components/SafeDepositRental/SafeDepositRentalTotal.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;
|
|
1
|
+
{"version":3,"file":"SafeDepositRentalTotal.js","sourceRoot":"","sources":["../../../src/components/SafeDepositRental/SafeDepositRentalTotal.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAC7D,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAQ9C,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,CAA8B,CAAC,EAAE,IAAI,EAAE,OAAO,GAAG,EAAE,EAAE,EAAE,EAAE;IAChG,MAAM,KAAK,GAAG,cAAc,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;IAC5C,MAAM,gBAAgB,GAAG,gDAAgD,CAAC;IAE1E,OAAO,CACL,eAAK,SAAS,EAAC,2DAA2D,aACxE,eAAK,SAAS,EAAC,oIAAoI,aAChJ,WAAW,CAAC,WAAW,EAAE,IAAI,CAAC,EAC9B,WAAW,CAAC,MAAM,EAAE,KAAK,GAAG,IAAI,CAAC,IAC9B,EACN,cAAK,SAAS,EAAC,0BAA0B,YACvC,KAAC,SAAS,IAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,YAAY,EAAC,KAAK,EAAC,qBAAqB,YACnE,gBAAgB,GACP,GACR,EACN,eAAK,SAAS,EAAC,mHAAmH,aAChI,KAAC,GAAG,IAAC,KAAK,EAAE,EAAE,IAAI,EAAE,YAAY,EAAE,EAAE,SAAS,EAAC,UAAU,GAAG,EAC3D,cAAK,SAAS,EAAC,kDAAkD,YAC/D,KAAC,SAAS,IAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,YAAY,EAAC,KAAK,EAAC,YAAY,YAC1D,gBAAgB,GACP,GACR,IACF,IACF,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,WAAW,GAAG,CAAC,KAAa,EAAE,KAAsB,EAAE,EAAE;IAC5D,OAAO,CACL,eAAK,SAAS,EAAC,yEAAyE,aACtF,KAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,YAAY,EAAC,KAAK,EAAC,qBAAqB,YAC9D,KAAK,GACD,EACP,eAAM,SAAS,EAAC,sCAAsC,YAAE,KAAK,GAAQ,IACjE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,cAAc,GAAG,CAAC,IAAY,EAAE,OAAiB,EAAE,EAAE;IACzD,MAAM,UAAU,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;IAEvC,MAAM,WAAW,GAAG,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,UAAU,KAAK,MAAM,CAAC,UAAU,CAAC,CAAC,EAAE,WAAW,IAAI,CAAC,CAAC;IAEhG,OAAO,IAAI,GAAG,WAAW,CAAC;AAC5B,CAAC,CAAC;AAEF,MAAM,aAAa,GAAG,CAAC,IAAY,EAAE,EAAE;IACrC,IAAI,UAAU,GAAG,CAAC,CAAC;IAEnB,QAAQ,IAAI,EAAE;QACZ,KAAK,IAAI,GAAG,EAAE,IAAI,IAAI,IAAI,EAAE;YAC1B,UAAU,GAAG,CAAC,CAAC;YACf,MAAM;QAER,KAAK,IAAI,GAAG,EAAE,IAAI,IAAI,IAAI,GAAG;YAC3B,UAAU,GAAG,CAAC,CAAC;YACf,MAAM;QAER,KAAK,IAAI,GAAG,GAAG,IAAI,IAAI,IAAI,GAAG;YAC5B,UAAU,GAAG,CAAC,CAAC;YACf,MAAM;KACT;IAED,OAAO,UAAU,CAAC;AACpB,CAAC,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { type Align } from '../../model/Align';
|
|
2
2
|
import { type BulletsProps } from '../../model/Bullets';
|
|
3
|
-
import { type HeadlineProps
|
|
3
|
+
import { type HeadlineProps } from '../../model/HeadlineType';
|
|
4
4
|
import { type BenefitsListContent } from '../BenefitsList/BenefitsListContent';
|
|
5
5
|
import { type ButtonsSectionContent } from '../Button/ButtonsSectionContent';
|
|
6
6
|
import { type ImageContent } from '../Img/ImgProps';
|
|
@@ -26,7 +26,7 @@ export interface PriceItem {
|
|
|
26
26
|
export interface PriceListProps {
|
|
27
27
|
priceList?: PriceItem[];
|
|
28
28
|
}
|
|
29
|
-
export declare type BaseProductTileContent = HeadlineProps & BenefitsListContent & RichTextProps & ListContent & BulletsProps & TagsContent & ButtonsSectionContent & ImageContent &
|
|
29
|
+
export declare type BaseProductTileContent = HeadlineProps & BenefitsListContent & RichTextProps & ListContent & BulletsProps & TagsContent & ButtonsSectionContent & ImageContent & PriceListProps & {
|
|
30
30
|
imageOptions?: TileImageOptions;
|
|
31
31
|
/** @title Заголовок во всю ширину */
|
|
32
32
|
isFullWidthTitle?: boolean;
|
|
@@ -2,6 +2,7 @@ import { JSX } from '@redneckz/uni-jsx';
|
|
|
2
2
|
import { type UniBlockProps } from '../../model/JSXBlock';
|
|
3
3
|
import { BlockWrapper } from '../../ui-kit/BlockWrapper';
|
|
4
4
|
import { List } from '../../ui-kit/List/List';
|
|
5
|
+
import { Text } from '../../ui-kit/Text/Text';
|
|
5
6
|
import { joinList } from '../../utils/joinList';
|
|
6
7
|
import {
|
|
7
8
|
type InvestmentCell,
|
|
@@ -115,7 +116,7 @@ const renderInvestmentCell = (cell: InvestmentCell, i: number) => {
|
|
|
115
116
|
investmentCellSizeMap[cellSize]
|
|
116
117
|
} ${investmentCellColorMap[cellColor]} ${cellSize === 'XS' ? 'px-s' : 'px-5xl'}`}
|
|
117
118
|
>
|
|
118
|
-
<
|
|
119
|
+
<Text align="text-center">{cell.text}</Text>
|
|
119
120
|
</div>
|
|
120
121
|
) : null;
|
|
121
122
|
};
|
|
@@ -2,24 +2,17 @@ import { JSX } from '@redneckz/uni-jsx';
|
|
|
2
2
|
import { type UniBlockProps } from '../../model/JSXBlock';
|
|
3
3
|
import { BaseProductTile } from '../../ui-kit/BaseProductTile/BaseProductTile';
|
|
4
4
|
import { BlockWrapper } from '../../ui-kit/BlockWrapper';
|
|
5
|
-
import { getBorderStyle } from '../../utils/getBorderStyle';
|
|
6
5
|
import { style } from '../../utils/style';
|
|
7
6
|
import { type ProductBlockContent } from './ProductBlockContent';
|
|
8
7
|
|
|
9
8
|
export interface ProductBlockProps extends UniBlockProps, ProductBlockContent {}
|
|
10
9
|
|
|
11
|
-
export const ProductBlock = JSX<ProductBlockProps>(
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
{...rest}
|
|
21
|
-
>
|
|
22
|
-
<BaseProductTile defaultPadding="p-6xl" padding={padding} className="grow h-full" {...rest} />
|
|
23
|
-
</BlockWrapper>
|
|
24
|
-
),
|
|
25
|
-
);
|
|
10
|
+
export const ProductBlock = JSX<ProductBlockProps>(({ className, padding, ...rest }) => (
|
|
11
|
+
<BlockWrapper
|
|
12
|
+
className={style('overflow-hidden flex flex-col gap-3xl box-border', className)}
|
|
13
|
+
padding="p-0"
|
|
14
|
+
{...rest}
|
|
15
|
+
>
|
|
16
|
+
<BaseProductTile defaultPadding="p-6xl" padding={padding} className="grow h-full" {...rest} />
|
|
17
|
+
</BlockWrapper>
|
|
18
|
+
));
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
import { JSX } from '@redneckz/uni-jsx';
|
|
2
2
|
import { Img } from '../../ui-kit/Img/Img';
|
|
3
|
+
import { Paragraph } from '../../ui-kit/Paragraph/Paragraph';
|
|
4
|
+
import { Text } from '../../ui-kit/Text/Text';
|
|
3
5
|
import { type Tariff } from './useSafeBoxes';
|
|
4
6
|
|
|
5
7
|
export interface SafeDepositRentalTotalProps {
|
|
@@ -17,14 +19,18 @@ export const SafeDepositRentalTotal = JSX<SafeDepositRentalTotalProps>(({ days,
|
|
|
17
19
|
{renderTotal('Аренда за', days)}
|
|
18
20
|
{renderTotal('Цена', price + ' ₽')}
|
|
19
21
|
</div>
|
|
20
|
-
<
|
|
21
|
-
|
|
22
|
-
|
|
22
|
+
<div className="@xl:hidden order-3 mb-xs">
|
|
23
|
+
<Paragraph size="text-s" font="font-light" color="text-secondary-text">
|
|
24
|
+
{imageDescription}
|
|
25
|
+
</Paragraph>
|
|
26
|
+
</div>
|
|
23
27
|
<div className="flex flex-col items-center gap-s order-3 @xl:order-none mb-xl @xl:mb-0 bg-primary-main py-s @xl:p-3xl text-center">
|
|
24
28
|
<Img image={{ icon: 'PackA4Icon' }} className="@xl:h-60" />
|
|
25
|
-
<
|
|
26
|
-
|
|
27
|
-
|
|
29
|
+
<div className="hidden @xl:inline opacity-80 whitespace-pre-line">
|
|
30
|
+
<Paragraph size="text-s" font="font-light" color="text-white">
|
|
31
|
+
{imageDescription}
|
|
32
|
+
</Paragraph>
|
|
33
|
+
</div>
|
|
28
34
|
</div>
|
|
29
35
|
</div>
|
|
30
36
|
);
|
|
@@ -33,7 +39,9 @@ export const SafeDepositRentalTotal = JSX<SafeDepositRentalTotalProps>(({ days,
|
|
|
33
39
|
const renderTotal = (label: string, total: string | number) => {
|
|
34
40
|
return (
|
|
35
41
|
<div className="flex justify-between items-center gap-y-xs @xl:flex-col @xl:items-start">
|
|
36
|
-
<
|
|
42
|
+
<Text size="text-l" font="font-light" color="text-secondary-text">
|
|
43
|
+
{label}
|
|
44
|
+
</Text>
|
|
37
45
|
<span className="text-l @xl:text-h3 text-primary-text">{total}</span>
|
|
38
46
|
</div>
|
|
39
47
|
);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { type Align } from '../../model/Align';
|
|
2
2
|
import { type BulletsProps } from '../../model/Bullets';
|
|
3
|
-
import { type HeadlineProps
|
|
3
|
+
import { type HeadlineProps } from '../../model/HeadlineType';
|
|
4
4
|
import { type BenefitsListContent } from '../BenefitsList/BenefitsListContent';
|
|
5
5
|
import { type ButtonsSectionContent } from '../Button/ButtonsSectionContent';
|
|
6
6
|
import { type ImageContent } from '../Img/ImgProps';
|
|
@@ -38,7 +38,6 @@ export type BaseProductTileContent = HeadlineProps &
|
|
|
38
38
|
TagsContent &
|
|
39
39
|
ButtonsSectionContent &
|
|
40
40
|
ImageContent &
|
|
41
|
-
LabelProps &
|
|
42
41
|
PriceListProps & {
|
|
43
42
|
imageOptions?: TileImageOptions;
|
|
44
43
|
/** @title Заголовок во всю ширину */
|
package/package.json
CHANGED
|
@@ -2,6 +2,7 @@ import { JSX } from '@redneckz/uni-jsx';
|
|
|
2
2
|
import { type UniBlockProps } from '../../model/JSXBlock';
|
|
3
3
|
import { BlockWrapper } from '../../ui-kit/BlockWrapper';
|
|
4
4
|
import { List } from '../../ui-kit/List/List';
|
|
5
|
+
import { Text } from '../../ui-kit/Text/Text';
|
|
5
6
|
import { joinList } from '../../utils/joinList';
|
|
6
7
|
import {
|
|
7
8
|
type InvestmentCell,
|
|
@@ -115,7 +116,7 @@ const renderInvestmentCell = (cell: InvestmentCell, i: number) => {
|
|
|
115
116
|
investmentCellSizeMap[cellSize]
|
|
116
117
|
} ${investmentCellColorMap[cellColor]} ${cellSize === 'XS' ? 'px-s' : 'px-5xl'}`}
|
|
117
118
|
>
|
|
118
|
-
<
|
|
119
|
+
<Text align="text-center">{cell.text}</Text>
|
|
119
120
|
</div>
|
|
120
121
|
) : null;
|
|
121
122
|
};
|
|
@@ -8,7 +8,6 @@ import { type ProductBlockContent } from './ProductBlockContent';
|
|
|
8
8
|
const title = 'Кредит до 5 000 000 Р\nбез залога и поручителей';
|
|
9
9
|
const description =
|
|
10
10
|
'Кредит наличными без залога и поручительства. Потребительский кредит на любые цели. Нужен только паспорт.';
|
|
11
|
-
const label = 'Самое лучшее предложение';
|
|
12
11
|
|
|
13
12
|
const image: Picture = {
|
|
14
13
|
src: 'money-1.png',
|
|
@@ -125,11 +124,6 @@ export default {
|
|
|
125
124
|
<ProductBlock className="col-span-12" {...props} items={items} />
|
|
126
125
|
</div>
|
|
127
126
|
),
|
|
128
|
-
'primary with label': (
|
|
129
|
-
<div className="container grid grid-cols-12">
|
|
130
|
-
<ProductBlock className="col-span-12" {...props} benefits={benefits} label={label} />
|
|
131
|
-
</div>
|
|
132
|
-
),
|
|
133
127
|
'primary with insurance': (
|
|
134
128
|
<div className="container grid grid-cols-12">
|
|
135
129
|
<ProductBlock
|
|
@@ -182,17 +176,6 @@ export default {
|
|
|
182
176
|
<ProductBlock className="col-span-12" {...props} items={items} version="secondary" />
|
|
183
177
|
</div>
|
|
184
178
|
),
|
|
185
|
-
'secondary with label': (
|
|
186
|
-
<div className="container grid grid-cols-12">
|
|
187
|
-
<ProductBlock
|
|
188
|
-
className="col-span-12"
|
|
189
|
-
{...props}
|
|
190
|
-
benefits={benefits}
|
|
191
|
-
label={label}
|
|
192
|
-
version="secondary"
|
|
193
|
-
/>
|
|
194
|
-
</div>
|
|
195
|
-
),
|
|
196
179
|
'image bottom': (
|
|
197
180
|
<div className="container grid grid-cols-12">
|
|
198
181
|
<ProductBlock
|
|
@@ -2,24 +2,17 @@ import { JSX } from '@redneckz/uni-jsx';
|
|
|
2
2
|
import { type UniBlockProps } from '../../model/JSXBlock';
|
|
3
3
|
import { BaseProductTile } from '../../ui-kit/BaseProductTile/BaseProductTile';
|
|
4
4
|
import { BlockWrapper } from '../../ui-kit/BlockWrapper';
|
|
5
|
-
import { getBorderStyle } from '../../utils/getBorderStyle';
|
|
6
5
|
import { style } from '../../utils/style';
|
|
7
6
|
import { type ProductBlockContent } from './ProductBlockContent';
|
|
8
7
|
|
|
9
8
|
export interface ProductBlockProps extends UniBlockProps, ProductBlockContent {}
|
|
10
9
|
|
|
11
|
-
export const ProductBlock = JSX<ProductBlockProps>(
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
{...rest}
|
|
21
|
-
>
|
|
22
|
-
<BaseProductTile defaultPadding="p-6xl" padding={padding} className="grow h-full" {...rest} />
|
|
23
|
-
</BlockWrapper>
|
|
24
|
-
),
|
|
25
|
-
);
|
|
10
|
+
export const ProductBlock = JSX<ProductBlockProps>(({ className, padding, ...rest }) => (
|
|
11
|
+
<BlockWrapper
|
|
12
|
+
className={style('overflow-hidden flex flex-col gap-3xl box-border', className)}
|
|
13
|
+
padding="p-0"
|
|
14
|
+
{...rest}
|
|
15
|
+
>
|
|
16
|
+
<BaseProductTile defaultPadding="p-6xl" padding={padding} className="grow h-full" {...rest} />
|
|
17
|
+
</BlockWrapper>
|
|
18
|
+
));
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
import { JSX } from '@redneckz/uni-jsx';
|
|
2
2
|
import { Img } from '../../ui-kit/Img/Img';
|
|
3
|
+
import { Paragraph } from '../../ui-kit/Paragraph/Paragraph';
|
|
4
|
+
import { Text } from '../../ui-kit/Text/Text';
|
|
3
5
|
import { type Tariff } from './useSafeBoxes';
|
|
4
6
|
|
|
5
7
|
export interface SafeDepositRentalTotalProps {
|
|
@@ -17,14 +19,18 @@ export const SafeDepositRentalTotal = JSX<SafeDepositRentalTotalProps>(({ days,
|
|
|
17
19
|
{renderTotal('Аренда за', days)}
|
|
18
20
|
{renderTotal('Цена', price + ' ₽')}
|
|
19
21
|
</div>
|
|
20
|
-
<
|
|
21
|
-
|
|
22
|
-
|
|
22
|
+
<div className="@xl:hidden order-3 mb-xs">
|
|
23
|
+
<Paragraph size="text-s" font="font-light" color="text-secondary-text">
|
|
24
|
+
{imageDescription}
|
|
25
|
+
</Paragraph>
|
|
26
|
+
</div>
|
|
23
27
|
<div className="flex flex-col items-center gap-s order-3 @xl:order-none mb-xl @xl:mb-0 bg-primary-main py-s @xl:p-3xl text-center">
|
|
24
28
|
<Img image={{ icon: 'PackA4Icon' }} className="@xl:h-60" />
|
|
25
|
-
<
|
|
26
|
-
|
|
27
|
-
|
|
29
|
+
<div className="hidden @xl:inline opacity-80 whitespace-pre-line">
|
|
30
|
+
<Paragraph size="text-s" font="font-light" color="text-white">
|
|
31
|
+
{imageDescription}
|
|
32
|
+
</Paragraph>
|
|
33
|
+
</div>
|
|
28
34
|
</div>
|
|
29
35
|
</div>
|
|
30
36
|
);
|
|
@@ -33,7 +39,9 @@ export const SafeDepositRentalTotal = JSX<SafeDepositRentalTotalProps>(({ days,
|
|
|
33
39
|
const renderTotal = (label: string, total: string | number) => {
|
|
34
40
|
return (
|
|
35
41
|
<div className="flex justify-between items-center gap-y-xs @xl:flex-col @xl:items-start">
|
|
36
|
-
<
|
|
42
|
+
<Text size="text-l" font="font-light" color="text-secondary-text">
|
|
43
|
+
{label}
|
|
44
|
+
</Text>
|
|
37
45
|
<span className="text-l @xl:text-h3 text-primary-text">{total}</span>
|
|
38
46
|
</div>
|
|
39
47
|
);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { type Align } from '../../model/Align';
|
|
2
2
|
import { type BulletsProps } from '../../model/Bullets';
|
|
3
|
-
import { type HeadlineProps
|
|
3
|
+
import { type HeadlineProps } from '../../model/HeadlineType';
|
|
4
4
|
import { type BenefitsListContent } from '../BenefitsList/BenefitsListContent';
|
|
5
5
|
import { type ButtonsSectionContent } from '../Button/ButtonsSectionContent';
|
|
6
6
|
import { type ImageContent } from '../Img/ImgProps';
|
|
@@ -38,7 +38,6 @@ export type BaseProductTileContent = HeadlineProps &
|
|
|
38
38
|
TagsContent &
|
|
39
39
|
ButtonsSectionContent &
|
|
40
40
|
ImageContent &
|
|
41
|
-
LabelProps &
|
|
42
41
|
PriceListProps & {
|
|
43
42
|
imageOptions?: TileImageOptions;
|
|
44
43
|
/** @title Заголовок во всю ширину */
|