@redneckz/wildless-cms-uni-blocks 0.14.63 → 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.62.js +66 -0
- package/bin/migration-scripts/0.14.65.js +17 -0
- package/bin/utils.js +14 -1
- package/bundle/blocks.schema.json +1 -1
- package/bundle/bundle.umd.js +51 -56
- package/bundle/bundle.umd.min.js +1 -1
- package/bundle/components/BenefitsBlock/BenefitsBlockContent.d.ts +4 -32
- package/bundle/components/MobileAppTile/MobileAppTileContent.d.ts +2 -3
- package/bundle/components/ProductBlock/ProductBlockContent.d.ts +0 -2
- package/bundle/components/TariffsTable/EmbeddableCellData.d.ts +1 -1
- package/bundle/components/TariffsTable/TariffsTableContent.d.ts +1 -1
- package/bundle/ui-kit/BaseProductTile/BaseProductTileContent.d.ts +2 -2
- package/bundle/ui-kit/List/List.d.ts +6 -3
- package/bundle/ui-kit/List/ListContent.d.ts +11 -2
- package/bundle/ui-kit/List/ListItem.d.ts +1 -2
- package/bundle/ui-kit/RichText/RichTextProps.d.ts +3 -3
- package/dist/components/BenefitsBlock/BenefitsBlock.js +1 -13
- package/dist/components/BenefitsBlock/BenefitsBlock.js.map +1 -1
- package/dist/components/BenefitsBlock/BenefitsBlockContent.d.ts +4 -32
- package/dist/components/CarouselRecommendationCard/CarouselRecommendationCard.js +2 -2
- package/dist/components/CarouselRecommendationCard/CarouselRecommendationCard.js.map +1 -1
- package/dist/components/InvestmentInfo/InvestmentInfo.js +2 -1
- package/dist/components/InvestmentInfo/InvestmentInfo.js.map +1 -1
- package/dist/components/MobileAppTile/MobileAppTile.js +3 -3
- package/dist/components/MobileAppTile/MobileAppTile.js.map +1 -1
- package/dist/components/MobileAppTile/MobileAppTileContent.d.ts +2 -3
- 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/components/TariffsTable/EmbeddableCellData.d.ts +1 -1
- package/dist/components/TariffsTable/TariffsTableContent.d.ts +1 -1
- package/dist/ui-kit/BaseProductTile/BaseProductTile.js +10 -2
- package/dist/ui-kit/BaseProductTile/BaseProductTile.js.map +1 -1
- package/dist/ui-kit/BaseProductTile/BaseProductTileContent.d.ts +2 -2
- package/dist/ui-kit/BaseTile/BaseTile.js +1 -1
- package/dist/ui-kit/BaseTile/BaseTile.js.map +1 -1
- package/dist/ui-kit/List/List.d.ts +6 -3
- package/dist/ui-kit/List/List.js +21 -13
- package/dist/ui-kit/List/List.js.map +1 -1
- package/dist/ui-kit/List/ListContent.d.ts +11 -2
- package/dist/ui-kit/List/ListItem.d.ts +1 -2
- package/dist/ui-kit/List/ListItem.js +1 -7
- package/dist/ui-kit/List/ListItem.js.map +1 -1
- package/dist/ui-kit/RichText/RichTextProps.d.ts +3 -3
- package/lib/common.css +1 -1
- package/lib/components/BenefitsBlock/BenefitsBlock.js +2 -14
- package/lib/components/BenefitsBlock/BenefitsBlock.js.map +1 -1
- package/lib/components/BenefitsBlock/BenefitsBlockContent.d.ts +4 -32
- package/lib/components/CarouselRecommendationCard/CarouselRecommendationCard.js +2 -2
- package/lib/components/CarouselRecommendationCard/CarouselRecommendationCard.js.map +1 -1
- package/lib/components/InvestmentInfo/InvestmentInfo.js +2 -1
- package/lib/components/InvestmentInfo/InvestmentInfo.js.map +1 -1
- package/lib/components/MobileAppTile/MobileAppTile.js +3 -3
- package/lib/components/MobileAppTile/MobileAppTile.js.map +1 -1
- package/lib/components/MobileAppTile/MobileAppTileContent.d.ts +2 -3
- 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/RichTextBlock/RichTextBlock.fixture.d.ts +3 -2
- package/lib/components/RichTextBlock/RichTextBlock.fixture.mobile.d.ts +4 -2
- package/lib/components/SafeDepositRental/SafeDepositRentalTotal.js +4 -2
- package/lib/components/SafeDepositRental/SafeDepositRentalTotal.js.map +1 -1
- package/lib/components/TariffsTable/EmbeddableCellData.d.ts +1 -1
- package/lib/components/TariffsTable/TariffsTableContent.d.ts +1 -1
- package/lib/ui-kit/BaseProductTile/BaseProductTile.js +10 -2
- package/lib/ui-kit/BaseProductTile/BaseProductTile.js.map +1 -1
- package/lib/ui-kit/BaseProductTile/BaseProductTileContent.d.ts +2 -2
- package/lib/ui-kit/BaseTile/BaseTile.js +1 -1
- package/lib/ui-kit/BaseTile/BaseTile.js.map +1 -1
- package/lib/ui-kit/List/List.d.ts +6 -3
- package/lib/ui-kit/List/List.js +20 -12
- package/lib/ui-kit/List/List.js.map +1 -1
- package/lib/ui-kit/List/ListContent.d.ts +11 -2
- package/lib/ui-kit/List/ListItem.d.ts +1 -2
- package/lib/ui-kit/List/ListItem.js +1 -7
- package/lib/ui-kit/List/ListItem.js.map +1 -1
- package/lib/ui-kit/RichText/RichTextProps.d.ts +3 -3
- package/mobile/bundle/bundle.umd.js +49 -54
- package/mobile/bundle/bundle.umd.min.js +1 -1
- package/mobile/bundle/components/BenefitsBlock/BenefitsBlockContent.d.ts +4 -32
- package/mobile/bundle/components/MobileAppTile/MobileAppTileContent.d.ts +2 -3
- package/mobile/bundle/components/ProductBlock/ProductBlockContent.d.ts +0 -2
- package/mobile/bundle/components/TariffsTable/EmbeddableCellData.d.ts +1 -1
- package/mobile/bundle/components/TariffsTable/TariffsTableContent.d.ts +1 -1
- package/mobile/bundle/ui-kit/BaseProductTile/BaseProductTileContent.d.ts +2 -2
- package/mobile/bundle/ui-kit/List/List.d.ts +6 -3
- package/mobile/bundle/ui-kit/List/ListContent.d.ts +11 -2
- package/mobile/bundle/ui-kit/List/ListItem.d.ts +1 -2
- package/mobile/bundle/ui-kit/RichText/RichTextProps.d.ts +3 -3
- package/mobile/dist/components/BenefitsBlock/BenefitsBlock.js +1 -13
- package/mobile/dist/components/BenefitsBlock/BenefitsBlock.js.map +1 -1
- package/mobile/dist/components/BenefitsBlock/BenefitsBlockContent.d.ts +4 -32
- package/mobile/dist/components/CarouselRecommendationCard/CarouselRecommendationCard.js +2 -2
- package/mobile/dist/components/CarouselRecommendationCard/CarouselRecommendationCard.js.map +1 -1
- package/mobile/dist/components/InvestmentInfo/InvestmentInfo.js +2 -1
- package/mobile/dist/components/InvestmentInfo/InvestmentInfo.js.map +1 -1
- package/mobile/dist/components/MobileAppTile/MobileAppTile.js +3 -3
- package/mobile/dist/components/MobileAppTile/MobileAppTile.js.map +1 -1
- package/mobile/dist/components/MobileAppTile/MobileAppTileContent.d.ts +2 -3
- 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/components/TariffsTable/EmbeddableCellData.d.ts +1 -1
- package/mobile/dist/components/TariffsTable/TariffsTableContent.d.ts +1 -1
- package/mobile/dist/ui-kit/BaseProductTile/BaseProductTile.js +10 -2
- package/mobile/dist/ui-kit/BaseProductTile/BaseProductTile.js.map +1 -1
- package/mobile/dist/ui-kit/BaseProductTile/BaseProductTileContent.d.ts +2 -2
- package/mobile/dist/ui-kit/BaseTile/BaseTile.js +1 -1
- package/mobile/dist/ui-kit/BaseTile/BaseTile.js.map +1 -1
- package/mobile/dist/ui-kit/List/List.d.ts +6 -3
- package/mobile/dist/ui-kit/List/List.js +21 -13
- package/mobile/dist/ui-kit/List/List.js.map +1 -1
- package/mobile/dist/ui-kit/List/ListContent.d.ts +11 -2
- package/mobile/dist/ui-kit/List/ListItem.d.ts +1 -2
- package/mobile/dist/ui-kit/List/ListItem.js +1 -7
- package/mobile/dist/ui-kit/List/ListItem.js.map +1 -1
- package/mobile/dist/ui-kit/RichText/RichTextProps.d.ts +3 -3
- package/mobile/lib/common.css +1 -1
- package/mobile/lib/components/BenefitsBlock/BenefitsBlock.js +2 -14
- package/mobile/lib/components/BenefitsBlock/BenefitsBlock.js.map +1 -1
- package/mobile/lib/components/BenefitsBlock/BenefitsBlockContent.d.ts +4 -32
- package/mobile/lib/components/CarouselRecommendationCard/CarouselRecommendationCard.js +2 -2
- package/mobile/lib/components/CarouselRecommendationCard/CarouselRecommendationCard.js.map +1 -1
- package/mobile/lib/components/InvestmentInfo/InvestmentInfo.js +2 -1
- package/mobile/lib/components/InvestmentInfo/InvestmentInfo.js.map +1 -1
- package/mobile/lib/components/MobileAppTile/MobileAppTile.js +3 -3
- package/mobile/lib/components/MobileAppTile/MobileAppTile.js.map +1 -1
- package/mobile/lib/components/MobileAppTile/MobileAppTileContent.d.ts +2 -3
- 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/components/TariffsTable/EmbeddableCellData.d.ts +1 -1
- package/mobile/lib/components/TariffsTable/TariffsTableContent.d.ts +1 -1
- package/mobile/lib/ui-kit/BaseProductTile/BaseProductTile.js +10 -2
- package/mobile/lib/ui-kit/BaseProductTile/BaseProductTile.js.map +1 -1
- package/mobile/lib/ui-kit/BaseProductTile/BaseProductTileContent.d.ts +2 -2
- package/mobile/lib/ui-kit/BaseTile/BaseTile.js +1 -1
- package/mobile/lib/ui-kit/BaseTile/BaseTile.js.map +1 -1
- package/mobile/lib/ui-kit/List/List.d.ts +6 -3
- package/mobile/lib/ui-kit/List/List.js +20 -12
- package/mobile/lib/ui-kit/List/List.js.map +1 -1
- package/mobile/lib/ui-kit/List/ListContent.d.ts +11 -2
- package/mobile/lib/ui-kit/List/ListItem.d.ts +1 -2
- package/mobile/lib/ui-kit/List/ListItem.js +1 -7
- package/mobile/lib/ui-kit/List/ListItem.js.map +1 -1
- package/mobile/lib/ui-kit/RichText/RichTextProps.d.ts +3 -3
- package/mobile/src/common.css +15 -11
- package/mobile/src/components/BenefitsBlock/BenefitsBlock.example.json +3 -8
- package/mobile/src/components/BenefitsBlock/BenefitsBlock.tsx +21 -62
- package/mobile/src/components/BenefitsBlock/BenefitsBlockContent.ts +6 -36
- package/mobile/src/components/CarouselRecommendationCard/CarouselRecommendationCard.example.json +1 -2
- package/mobile/src/components/CarouselRecommendationCard/CarouselRecommendationCard.tsx +1 -2
- package/mobile/src/components/InvestmentInfo/InvestmentInfo.tsx +2 -1
- package/mobile/src/components/MobileAppTile/MobileAppTile.tsx +10 -12
- package/mobile/src/components/MobileAppTile/MobileAppTileContent.ts +4 -2
- package/mobile/src/components/ProductBlock/ProductBlock.tsx +9 -16
- package/mobile/src/components/ProductBlock/ProductBlockContent.ts +0 -2
- package/mobile/src/components/RichTextBlock/RichTextBlock.example.json +2 -1
- package/mobile/src/components/SafeDepositRental/SafeDepositRentalTotal.tsx +15 -7
- package/mobile/src/components/TariffsTable/EmbeddableCellData.tsx +1 -1
- package/mobile/src/components/TariffsTable/TariffsTableContent.ts +1 -1
- package/mobile/src/ui-kit/BaseProductTile/BaseProductTile.tsx +12 -2
- package/mobile/src/ui-kit/BaseProductTile/BaseProductTileContent.ts +1 -2
- package/mobile/src/ui-kit/BaseTile/BaseTile.tsx +1 -1
- package/mobile/src/ui-kit/List/List.tsx +32 -20
- package/mobile/src/ui-kit/List/ListContent.ts +14 -2
- package/mobile/src/ui-kit/List/ListItem.tsx +3 -11
- package/mobile/src/ui-kit/RichText/RichTextProps.ts +3 -3
- package/package.json +1 -1
- package/src/common.css +15 -11
- package/src/components/BenefitsBlock/BenefitsBlock.example.json +3 -8
- package/src/components/BenefitsBlock/BenefitsBlock.fixture.mobile.tsx +1 -4
- package/src/components/BenefitsBlock/BenefitsBlock.fixture.tsx +33 -66
- package/src/components/BenefitsBlock/BenefitsBlock.tsx +21 -62
- package/src/components/BenefitsBlock/BenefitsBlockContent.ts +6 -36
- package/src/components/CarouselRecommendationCard/CarouselRecommendationCard.example.json +1 -2
- package/src/components/CarouselRecommendationCard/CarouselRecommendationCard.tsx +1 -2
- package/src/components/InvestmentInfo/InvestmentInfo.tsx +2 -1
- package/src/components/MobileAppTile/MobileAppTile.fixture.tsx +0 -3
- package/src/components/MobileAppTile/MobileAppTile.tsx +10 -12
- package/src/components/MobileAppTile/MobileAppTileContent.ts +4 -2
- 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/RichTextBlock/RichTextBlock.example.json +2 -1
- package/src/components/RichTextBlock/RichTextBlock.fixture.mobile.tsx +44 -18
- package/src/components/RichTextBlock/RichTextBlock.fixture.tsx +41 -30
- package/src/components/SafeDepositRental/SafeDepositRentalTotal.tsx +15 -7
- package/src/components/TariffsTable/EmbeddableCellData.tsx +1 -1
- package/src/components/TariffsTable/TariffsTableContent.ts +1 -1
- package/src/components/VerticalLayout/VerticalLayout.fixture.mobile.tsx +18 -2
- package/src/components/VerticalLayout/VerticalLayout.fixture.tsx +2 -2
- package/src/ui-kit/BaseProductTile/BaseProductTile.tsx +12 -2
- package/src/ui-kit/BaseProductTile/BaseProductTileContent.ts +1 -2
- package/src/ui-kit/BaseTile/BaseTile.tsx +1 -1
- package/src/ui-kit/List/List.fixture.tsx +1 -1
- package/src/ui-kit/List/List.tsx +32 -20
- package/src/ui-kit/List/ListContent.ts +14 -2
- package/src/ui-kit/List/ListItem.tsx +3 -11
- package/src/ui-kit/RichText/RichTextProps.ts +3 -3
- package/bundle/components/MobileAppTile/renderList.d.ts +0 -3
- package/bundle/ui-kit/List/ListProps.d.ts +0 -11
- package/dist/components/MobileAppTile/renderList.d.ts +0 -3
- package/dist/components/MobileAppTile/renderList.js +0 -10
- package/dist/components/MobileAppTile/renderList.js.map +0 -1
- package/dist/ui-kit/List/ListProps.d.ts +0 -11
- package/dist/ui-kit/List/ListProps.js +0 -2
- package/dist/ui-kit/List/ListProps.js.map +0 -1
- package/lib/components/MobileAppTile/renderList.d.ts +0 -2
- package/lib/components/MobileAppTile/renderList.js +0 -7
- package/lib/components/MobileAppTile/renderList.js.map +0 -1
- package/lib/ui-kit/List/ListProps.d.ts +0 -11
- package/lib/ui-kit/List/ListProps.js +0 -2
- package/lib/ui-kit/List/ListProps.js.map +0 -1
- package/mobile/bundle/components/MobileAppTile/renderList.d.ts +0 -3
- package/mobile/bundle/ui-kit/List/ListProps.d.ts +0 -11
- package/mobile/dist/components/MobileAppTile/renderList.d.ts +0 -3
- package/mobile/dist/components/MobileAppTile/renderList.js +0 -10
- package/mobile/dist/components/MobileAppTile/renderList.js.map +0 -1
- package/mobile/dist/ui-kit/List/ListProps.d.ts +0 -11
- package/mobile/dist/ui-kit/List/ListProps.js +0 -2
- package/mobile/dist/ui-kit/List/ListProps.js.map +0 -1
- package/mobile/lib/components/MobileAppTile/renderList.d.ts +0 -3
- package/mobile/lib/components/MobileAppTile/renderList.js +0 -7
- package/mobile/lib/components/MobileAppTile/renderList.js.map +0 -1
- package/mobile/lib/ui-kit/List/ListProps.d.ts +0 -11
- package/mobile/lib/ui-kit/List/ListProps.js +0 -2
- package/mobile/lib/ui-kit/List/ListProps.js.map +0 -1
- package/mobile/src/components/MobileAppTile/renderList.tsx +0 -17
- package/mobile/src/ui-kit/List/ListProps.ts +0 -13
- package/src/components/MobileAppTile/renderList.tsx +0 -17
- package/src/ui-kit/List/ListProps.ts +0 -13
|
@@ -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,10 +1,11 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import '../../setup-fixture';
|
|
3
3
|
import { type RichTextBlockContent } from './RichTextBlockContent';
|
|
4
|
-
export declare const
|
|
4
|
+
export declare const RICH_TEXT_SECONDARY: RichTextBlockContent;
|
|
5
5
|
export declare const RICH_CARD: RichTextBlockContent;
|
|
6
6
|
declare const _default: {
|
|
7
7
|
default: JSX.Element;
|
|
8
|
-
|
|
8
|
+
padding: JSX.Element;
|
|
9
|
+
secondary: JSX.Element;
|
|
9
10
|
};
|
|
10
11
|
export default _default;
|
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import '../../setup-fixture';
|
|
3
3
|
import { type RichTextBlockContent } from './RichTextBlockContent';
|
|
4
|
-
export declare const
|
|
4
|
+
export declare const RICH_TEXT_SECONDARY: RichTextBlockContent;
|
|
5
|
+
export declare const RICH_CARD: RichTextBlockContent;
|
|
5
6
|
declare const _default: {
|
|
6
7
|
default: JSX.Element;
|
|
7
|
-
|
|
8
|
+
padding: JSX.Element;
|
|
9
|
+
secondary: JSX.Element;
|
|
8
10
|
};
|
|
9
11
|
export default _default;
|
|
@@ -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"}
|
|
@@ -3,7 +3,7 @@ import { type ButtonsSectionContent } from '../../ui-kit/Button/ButtonsSectionCo
|
|
|
3
3
|
import { type ImageContent } from '../../ui-kit/Img/ImgProps';
|
|
4
4
|
import { type InnerTableButtonProps } from '../../ui-kit/InnerTable/InnerTableButton';
|
|
5
5
|
import { type TariffsTableInnerContent } from '../../ui-kit/InnerTable/InnerTableProps';
|
|
6
|
-
import { type ListProps } from '../../ui-kit/List/
|
|
6
|
+
import { type ListProps } from '../../ui-kit/List/ListContent';
|
|
7
7
|
import { type LabelDescriptionCell } from './TariffsTableContent';
|
|
8
8
|
export declare type EmbeddableCellDataType = LabelDescriptionCell | ButtonContent | ImageContent | ListProps | InnerTableButtonProps;
|
|
9
9
|
interface TableCellDataProps extends InnerTableButtonProps {
|
|
@@ -4,7 +4,7 @@ import { type IconProps } from '../../model/Picture';
|
|
|
4
4
|
import { type ButtonsSectionContent } from '../../ui-kit/Button/ButtonsSectionContent';
|
|
5
5
|
import { type ImageContent } from '../../ui-kit/Img/ImgProps';
|
|
6
6
|
import { type TariffsTableInnerContent } from '../../ui-kit/InnerTable/InnerTableProps';
|
|
7
|
-
import { type ListProps } from '../../ui-kit/List/
|
|
7
|
+
import { type ListProps } from '../../ui-kit/List/ListContent';
|
|
8
8
|
/**
|
|
9
9
|
* @hidden
|
|
10
10
|
*/
|
|
@@ -9,13 +9,21 @@ import { List } from '../List/List.js';
|
|
|
9
9
|
import { PriceList } from '../PriceList/PriceList.js';
|
|
10
10
|
import { RichText } from '../RichText/RichText.js';
|
|
11
11
|
import { Tags } from '../Tags/Tags.js';
|
|
12
|
+
const LIST_SIZE = {
|
|
13
|
+
XXL: 'L',
|
|
14
|
+
XL: 'L',
|
|
15
|
+
L: 'M',
|
|
16
|
+
M: 'M',
|
|
17
|
+
S: 'S',
|
|
18
|
+
XS: 'S',
|
|
19
|
+
};
|
|
12
20
|
export const BaseProductTile = JSX(
|
|
13
21
|
// eslint-disable-next-line max-lines-per-function
|
|
14
|
-
({ className, padding, defaultPadding, title, description, headlineVersion = 'L', align = 'text-left', benefitsVersion, isTabularBenefits, benefits, __html, isFullWidthTitle, items, isDotted = true, priceList = [],
|
|
22
|
+
({ className, padding, defaultPadding, title, description, headlineVersion = 'L', align = 'text-left', benefitsVersion, isTabularBenefits, benefits, __html, isFullWidthTitle, items, isDotted = true, priceList = [], tags = [], buttons, image, imageOptions: { imageAlign = 'center', directionRight = true, isImageAlwaysOnRight, isImageSecondary = false, } = {}, backwardButton, children, ...rest }) => {
|
|
15
23
|
const img = image?.src ? _jsx(Img, { image: image }) : null;
|
|
16
24
|
const headline = (_jsx(Headline, { title: title, description: description, headlineVersion: headlineVersion, align: align, isEmbedded: true }));
|
|
17
25
|
const filteredBenefits = benefits?.filter((_) => _?.type === 'rte' || 'label' in _ || 'description' in _);
|
|
18
|
-
return (_jsx(BaseTile, { className: className, padding: padding, defaultPadding: defaultPadding, ...(isFullWidthTitle ? { title: headline } : { insetTitle: headline }), ...leftOrRightImage(img, directionRight), isImageSecondary: isImageSecondary, imageAlign: imageAlign, isImageAlwaysOnRight: isImageAlwaysOnRight, buttons: renderButtonsSection(buttons), backwardButton: backwardButton, ...rest, children: _jsxs("div", { className: "flex flex-col sm:gap-xl gap-4xl", children: [filteredBenefits?.length ? (_jsx(BenefitsList, { benefitsVersion: benefitsVersion, isTabularBenefits: isTabularBenefits, benefits: filteredBenefits })) : null, __html ? _jsx(RichText, { __html: __html }) : null, items?.length ? (_jsx(List, { items: items, isDotted: isDotted, listItemSize:
|
|
26
|
+
return (_jsx(BaseTile, { className: className, padding: padding, defaultPadding: defaultPadding, ...(isFullWidthTitle ? { title: headline } : { insetTitle: headline }), ...leftOrRightImage(img, directionRight), isImageSecondary: isImageSecondary, imageAlign: imageAlign, isImageAlwaysOnRight: isImageAlwaysOnRight, buttons: renderButtonsSection(buttons), backwardButton: backwardButton, ...rest, children: _jsxs("div", { className: "flex flex-col sm:gap-xl gap-4xl", children: [filteredBenefits?.length ? (_jsx(BenefitsList, { benefitsVersion: benefitsVersion, isTabularBenefits: isTabularBenefits, benefits: filteredBenefits })) : null, __html ? _jsx(RichText, { __html: __html }) : null, items?.length ? (_jsx(List, { items: items, isDotted: isDotted, listItemSize: LIST_SIZE[headlineVersion] })) : null, children, priceList?.length ? _jsx(PriceList, { priceList: priceList }) : null, renderTags(tags)] }) }));
|
|
19
27
|
});
|
|
20
28
|
export const leftOrRightImage = (img, directionRight) => directionRight ? { rightImage: img } : { leftImage: img };
|
|
21
29
|
const renderTags = (tags) => (tags?.length ? _jsx(Tags, { tags: tags }) : null);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BaseProductTile.js","sourceRoot":"","sources":["../../../src/ui-kit/BaseProductTile/BaseProductTile.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,oCAAoC,CAAC;
|
|
1
|
+
{"version":3,"file":"BaseProductTile.js","sourceRoot":"","sources":["../../../src/ui-kit/BaseProductTile/BaseProductTile.tsx"],"names":[],"mappings":"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"}
|
|
@@ -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;
|
|
@@ -9,7 +9,7 @@ const imageAlignmentMap = {
|
|
|
9
9
|
center: '@xl:self-center',
|
|
10
10
|
end: '@xl:self-end',
|
|
11
11
|
};
|
|
12
|
-
export const BaseTile = JSX(({ className, version = 'primary', defaultPadding, padding, title = '', insetTitle = '', buttons, leftImage, rightImage, imageAlign, isImageAlwaysOnRight = false, isImageSecondary = false, backwardButton, children, }) => {
|
|
12
|
+
export const BaseTile = JSX(({ className, version = 'primary', defaultPadding, padding = '', title = '', insetTitle = '', buttons, leftImage, rightImage, imageAlign, isImageAlwaysOnRight = false, isImageSecondary = false, backwardButton, children, }) => {
|
|
13
13
|
const router = useRouter();
|
|
14
14
|
const handleClick = useCallback((ev) => {
|
|
15
15
|
ev?.preventDefault();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BaseTile.js","sourceRoot":"","sources":["../../../src/ui-kit/BaseTile/BaseTile.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,oDAAoD,CAAC;AAC1F,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAIlD,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAe1C,MAAM,iBAAiB,GAA0B;IAC/C,KAAK,EAAE,gBAAgB;IACvB,MAAM,EAAE,iBAAiB;IACzB,GAAG,EAAE,cAAc;CACpB,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CACzB,CAAC,EACC,SAAS,EACT,OAAO,GAAG,SAAS,EACnB,cAAc,EACd,OAAO,
|
|
1
|
+
{"version":3,"file":"BaseTile.js","sourceRoot":"","sources":["../../../src/ui-kit/BaseTile/BaseTile.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,7 @@
|
|
|
1
|
-
import { type ListItemSize } from './ListContent';
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
import { type ListItemSize, type ListProps } from './ListContent';
|
|
2
|
+
export declare const LIST_VERSION_STYLE: Record<ListItemSize, {
|
|
3
|
+
textSize: string;
|
|
4
|
+
indentStyle: string;
|
|
5
|
+
dotStyle: string;
|
|
6
|
+
}>;
|
|
4
7
|
export declare const List: import("@redneckz/uni-jsx").UNIComponent<ListProps, any, any>;
|
package/lib/ui-kit/List/List.js
CHANGED
|
@@ -2,17 +2,25 @@ import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
|
|
|
2
2
|
import { JSX } from '@redneckz/uni-jsx';
|
|
3
3
|
import { style } from '../../utils/style.js';
|
|
4
4
|
import { ListItem } from './ListItem.js';
|
|
5
|
-
export const
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
5
|
+
export const LIST_VERSION_STYLE = {
|
|
6
|
+
S: {
|
|
7
|
+
textSize: 'text-l font-light',
|
|
8
|
+
indentStyle: 'ml-xs',
|
|
9
|
+
dotStyle: 'w-1 h-1 mr-xs',
|
|
10
|
+
},
|
|
11
|
+
M: {
|
|
12
|
+
textSize: 'text-h6',
|
|
13
|
+
indentStyle: 'ml-s',
|
|
14
|
+
dotStyle: 'w-1.5 h-1.5 mr-s',
|
|
15
|
+
},
|
|
16
|
+
L: {
|
|
17
|
+
textSize: 'text-h5',
|
|
18
|
+
indentStyle: 'ml-m',
|
|
19
|
+
dotStyle: 'w-1.5 h-1.5 mr-m',
|
|
20
|
+
},
|
|
10
21
|
};
|
|
11
|
-
const
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
L: 'ml-m',
|
|
16
|
-
};
|
|
17
|
-
export const List = JSX(({ className, hasIndent, isDotted = true, items = [], listItemSize = 'M' }) => items?.length ? (_jsx("section", { className: style('flex flex-col gap-xs text-left text-primary-text group-data-secondary:text-white group-data-gray:text-secondary-text', TEXT_SIZE_MAP[listItemSize], hasIndent ? ITEM_INDENT_MAP[listItemSize] : '', className), role: "list", children: items.map((item, i) => (_jsx(ListItem, { isDotted: isDotted, size: listItemSize, children: item }, String(i)))) })) : null);
|
|
22
|
+
export const List = JSX(({ className, isDotted = true, items = [], listItemSize = 'M' }) => {
|
|
23
|
+
const versionStyle = LIST_VERSION_STYLE[listItemSize];
|
|
24
|
+
return items?.length ? (_jsx("section", { className: style('flex flex-col gap-xs text-left text-primary-text group-data-secondary:text-white group-data-gray:text-secondary-text', versionStyle.textSize, className), role: "list", children: items.map((item, i) => (_jsx(ListItem, { isDotted: isDotted, dotClassName: versionStyle.dotStyle, children: item }, String(i)))) })) : null;
|
|
25
|
+
});
|
|
18
26
|
//# sourceMappingURL=List.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"List.js","sourceRoot":"","sources":["../../../src/ui-kit/List/List.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE1C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;
|
|
1
|
+
{"version":3,"file":"List.js","sourceRoot":"","sources":["../../../src/ui-kit/List/List.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE1C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,MAAM,CAAC,MAAM,kBAAkB,GAO3B;IACF,CAAC,EAAE;QACD,QAAQ,EAAE,mBAAmB;QAC7B,WAAW,EAAE,OAAO;QACpB,QAAQ,EAAE,eAAe;KAC1B;IACD,CAAC,EAAE;QACD,QAAQ,EAAE,SAAS;QACnB,WAAW,EAAE,MAAM;QACnB,QAAQ,EAAE,kBAAkB;KAC7B;IACD,CAAC,EAAE;QACD,QAAQ,EAAE,SAAS;QACnB,WAAW,EAAE,MAAM;QACnB,QAAQ,EAAE,kBAAkB;KAC7B;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,GAAG,CACrB,CAAC,EAAE,SAAS,EAAE,QAAQ,GAAG,IAAI,EAAE,KAAK,GAAG,EAAE,EAAE,YAAY,GAAG,GAAG,EAAE,EAAE,EAAE;IACjE,MAAM,YAAY,GAAG,kBAAkB,CAAC,YAAY,CAAC,CAAC;IAEtD,OAAO,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CACrB,kBACE,SAAS,EAAE,KAAK,CACd,sHAAsH,EACtH,YAAY,CAAC,QAAQ,EACrB,SAAS,CACV,EACD,IAAI,EAAC,MAAM,YAEV,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACtB,KAAC,QAAQ,IAAiB,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,YAAY,CAAC,QAAQ,YAC9E,IAAI,IADQ,MAAM,CAAC,CAAC,CAAC,CAEb,CACZ,CAAC,GACM,CACX,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CACF,CAAC"}
|
|
@@ -1,10 +1,19 @@
|
|
|
1
|
+
import { type BulletsProps } from '../../model/Bullets';
|
|
1
2
|
/**
|
|
2
3
|
* @title Размер пунктов списка
|
|
3
|
-
* @enumNames ["
|
|
4
|
+
* @enumNames ["Маленький", "Средний", "Большой"]
|
|
4
5
|
*/
|
|
5
|
-
export declare type ListItemSize = '
|
|
6
|
+
export declare type ListItemSize = 'S' | 'M' | 'L';
|
|
6
7
|
export interface ListContent {
|
|
7
8
|
/** @title Список */
|
|
8
9
|
items?: string[];
|
|
10
|
+
/** @hidden */
|
|
9
11
|
listItemSize?: ListItemSize;
|
|
10
12
|
}
|
|
13
|
+
/**
|
|
14
|
+
* @title Содержимое списка
|
|
15
|
+
*/
|
|
16
|
+
export declare type ListProps = ListContent & BulletsProps & {
|
|
17
|
+
/** @hidden */
|
|
18
|
+
className?: string;
|
|
19
|
+
};
|
|
@@ -1,11 +1,10 @@
|
|
|
1
|
-
import { type ListItemSize } from './ListContent';
|
|
2
1
|
/**
|
|
3
2
|
* @title Параметры элемента списка
|
|
4
3
|
*/
|
|
5
4
|
export interface ListItemProps {
|
|
6
5
|
className?: string;
|
|
6
|
+
dotClassName?: string;
|
|
7
7
|
text?: string;
|
|
8
8
|
isDotted?: boolean;
|
|
9
|
-
size?: ListItemSize;
|
|
10
9
|
}
|
|
11
10
|
export declare const ListItem: import("@redneckz/uni-jsx").UNIComponent<ListItemProps, any, any>;
|
|
@@ -1,11 +1,5 @@
|
|
|
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 { style } from '../../utils/style.js';
|
|
4
|
-
const
|
|
5
|
-
L: 'w-1.5 h-1.5 mr-m',
|
|
6
|
-
M: 'w-1.5 h-1.5 mr-s',
|
|
7
|
-
S: 'w-1 h-1 mr-xs',
|
|
8
|
-
XS: 'w-1 h-1 mr-xs',
|
|
9
|
-
};
|
|
10
|
-
export const ListItem = JSX(({ className, isDotted, children, size = 'M' }) => (_jsxs("div", { className: style('font-sans flex', className), role: "listitem", children: [isDotted ? (_jsx("div", { className: "shrink-0", children: _jsx("div", { className: style('align-middle inline-block rounded-full bg-primary-text group-data-secondary:bg-white', DOT_SIZE_MAP[size]) }) })) : null, _jsx("span", { children: children })] })));
|
|
4
|
+
export const ListItem = JSX(({ className, isDotted, dotClassName, children }) => (_jsxs("div", { className: style('font-sans flex', className), role: "listitem", children: [isDotted ? (_jsx("div", { className: "shrink-0", children: _jsx("div", { className: style('align-middle inline-block rounded-full bg-primary-text group-data-secondary:bg-white', dotClassName) }) })) : null, _jsx("span", { children: children })] })));
|
|
11
5
|
//# sourceMappingURL=ListItem.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListItem.js","sourceRoot":"","sources":["../../../src/ui-kit/List/ListItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"ListItem.js","sourceRoot":"","sources":["../../../src/ui-kit/List/ListItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAY1C,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CAAgB,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAC9F,eAAK,SAAS,EAAE,KAAK,CAAC,gBAAgB,EAAE,SAAS,CAAC,EAAE,IAAI,EAAC,UAAU,aAChE,QAAQ,CAAC,CAAC,CAAC,CACV,cAAK,SAAS,EAAC,UAAU,YACvB,cACE,SAAS,EAAE,KAAK,CACd,sFAAsF,EACtF,YAAY,CACb,GACD,GACE,CACP,CAAC,CAAC,CAAC,IAAI,EACR,yBAAO,QAAQ,GAAQ,IACnB,CACP,CAAC,CAAC"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
declare type HTML = string;
|
|
2
2
|
/**
|
|
3
3
|
* @title Стиль форматированного текста
|
|
4
|
-
* @default ""
|
|
5
|
-
* @enumNames ["
|
|
4
|
+
* @default "primary"
|
|
5
|
+
* @enumNames ["Основсной", "Второстепенный"]
|
|
6
6
|
*/
|
|
7
|
-
export declare type RichVersion = '' | '
|
|
7
|
+
export declare type RichVersion = '' | 'secondary';
|
|
8
8
|
export interface RichTextProps {
|
|
9
9
|
/** @title Форматированный текст */
|
|
10
10
|
__html?: HTML;
|
|
@@ -654,7 +654,7 @@
|
|
|
654
654
|
center: '@xl:self-center',
|
|
655
655
|
end: '@xl:self-end',
|
|
656
656
|
};
|
|
657
|
-
const BaseTile = JSX(({ className, version = 'primary', defaultPadding, padding, title = '', insetTitle = '', buttons, leftImage, rightImage, imageAlign, isImageAlwaysOnRight = false, isImageSecondary = false, backwardButton, children, }) => {
|
|
657
|
+
const BaseTile = JSX(({ className, version = 'primary', defaultPadding, padding = '', title = '', insetTitle = '', buttons, leftImage, rightImage, imageAlign, isImageAlwaysOnRight = false, isImageSecondary = false, backwardButton, children, }) => {
|
|
658
658
|
const router = useRouter();
|
|
659
659
|
const handleClick = useCallback((ev) => {
|
|
660
660
|
ev?.preventDefault();
|
|
@@ -734,27 +734,29 @@
|
|
|
734
734
|
};
|
|
735
735
|
const renderButtonIcon = (icon) => isIcon(icon) ? (jsx(Img, { image: icon, width: String(icon?.size?.width || DEFAULT_ICON_W), height: String(DEFAULT_ICON_W) })) : null;
|
|
736
736
|
|
|
737
|
-
const
|
|
738
|
-
L: 'w-1.5 h-1.5 mr-m',
|
|
739
|
-
M: 'w-1.5 h-1.5 mr-s',
|
|
740
|
-
S: 'w-1 h-1 mr-xs',
|
|
741
|
-
XS: 'w-1 h-1 mr-xs',
|
|
742
|
-
};
|
|
743
|
-
const ListItem = JSX(({ className, isDotted, children, size = 'M' }) => (jsxs("div", { className: style('font-sans flex', className), role: "listitem", children: [isDotted ? (jsx("div", { className: "shrink-0", children: jsx("div", { className: style('align-middle inline-block rounded-full bg-primary-text group-data-secondary:bg-white', DOT_SIZE_MAP[size]) }) })) : null, jsx("span", { children: children })] })));
|
|
737
|
+
const ListItem = JSX(({ className, isDotted, dotClassName, children }) => (jsxs("div", { className: style('font-sans flex', className), role: "listitem", children: [isDotted ? (jsx("div", { className: "shrink-0", children: jsx("div", { className: style('align-middle inline-block rounded-full bg-primary-text group-data-secondary:bg-white', dotClassName) }) })) : null, jsx("span", { children: children })] })));
|
|
744
738
|
|
|
745
|
-
const
|
|
746
|
-
|
|
747
|
-
|
|
748
|
-
|
|
749
|
-
|
|
750
|
-
|
|
751
|
-
|
|
752
|
-
|
|
753
|
-
|
|
754
|
-
|
|
755
|
-
|
|
739
|
+
const LIST_VERSION_STYLE = {
|
|
740
|
+
S: {
|
|
741
|
+
textSize: 'text-l font-light',
|
|
742
|
+
indentStyle: 'ml-xs',
|
|
743
|
+
dotStyle: 'w-1 h-1 mr-xs',
|
|
744
|
+
},
|
|
745
|
+
M: {
|
|
746
|
+
textSize: 'text-h6',
|
|
747
|
+
indentStyle: 'ml-s',
|
|
748
|
+
dotStyle: 'w-1.5 h-1.5 mr-s',
|
|
749
|
+
},
|
|
750
|
+
L: {
|
|
751
|
+
textSize: 'text-h5',
|
|
752
|
+
indentStyle: 'ml-m',
|
|
753
|
+
dotStyle: 'w-1.5 h-1.5 mr-m',
|
|
754
|
+
},
|
|
756
755
|
};
|
|
757
|
-
const List = JSX(({ className,
|
|
756
|
+
const List = JSX(({ className, isDotted = true, items = [], listItemSize = 'M' }) => {
|
|
757
|
+
const versionStyle = LIST_VERSION_STYLE[listItemSize];
|
|
758
|
+
return items?.length ? (jsx("section", { className: style('flex flex-col gap-xs text-left text-primary-text group-data-secondary:text-white group-data-gray:text-secondary-text', versionStyle.textSize, className), role: "list", children: items.map((item, i) => (jsx(ListItem, { isDotted: isDotted, dotClassName: versionStyle.dotStyle, children: item }, String(i)))) })) : null;
|
|
759
|
+
});
|
|
758
760
|
|
|
759
761
|
const toLocalNumberFormat = (fractionDigits = 0) => (_ = 0) => new Intl.NumberFormat('ru-RU', {
|
|
760
762
|
minimumFractionDigits: 0,
|
|
@@ -767,22 +769,26 @@
|
|
|
767
769
|
const Tags = JSX(({ className, tags }) => tags?.length ? (jsx("div", { className: style('flex flex-wrap gap-xs', className), role: "list", children: tags.map(renderTag) })) : null);
|
|
768
770
|
const renderTag = (tag, key) => (jsx("div", { className: "p-xs border-solid border rounded-md border-gray", role: "listitem", children: jsx(Text, { size: "text-m", font: "font-light", children: tag }) }, String(key)));
|
|
769
771
|
|
|
772
|
+
const LIST_SIZE = {
|
|
773
|
+
XXL: 'L',
|
|
774
|
+
XL: 'L',
|
|
775
|
+
L: 'M',
|
|
776
|
+
M: 'M',
|
|
777
|
+
S: 'S',
|
|
778
|
+
XS: 'S',
|
|
779
|
+
};
|
|
770
780
|
const BaseProductTile = JSX(
|
|
771
781
|
// eslint-disable-next-line max-lines-per-function
|
|
772
|
-
({ className, padding, defaultPadding, title, description, headlineVersion = 'L', align = 'text-left', benefitsVersion, isTabularBenefits, benefits, __html, isFullWidthTitle, items, isDotted = true, priceList = [],
|
|
782
|
+
({ className, padding, defaultPadding, title, description, headlineVersion = 'L', align = 'text-left', benefitsVersion, isTabularBenefits, benefits, __html, isFullWidthTitle, items, isDotted = true, priceList = [], tags = [], buttons, image, imageOptions: { imageAlign = 'center', directionRight = true, isImageAlwaysOnRight, isImageSecondary = false, } = {}, backwardButton, children, ...rest }) => {
|
|
773
783
|
const img = image?.src ? jsx(Img, { image: image }) : null;
|
|
774
784
|
const headline = (jsx(Headline, { title: title, description: description, headlineVersion: headlineVersion, align: align, isEmbedded: true }));
|
|
775
785
|
const filteredBenefits = benefits?.filter((_) => _?.type === 'rte' || 'label' in _ || 'description' in _);
|
|
776
|
-
return (jsx(BaseTile, { className: className, padding: padding, defaultPadding: defaultPadding, ...(isFullWidthTitle ? { title: headline } : { insetTitle: headline }), ...leftOrRightImage(img, directionRight), isImageSecondary: isImageSecondary, imageAlign: imageAlign, isImageAlwaysOnRight: isImageAlwaysOnRight, buttons: renderButtonsSection(buttons), backwardButton: backwardButton, ...rest, children: jsxs("div", { className: "flex flex-col sm:gap-xl gap-4xl", children: [filteredBenefits?.length ? (jsx(BenefitsList, { benefitsVersion: benefitsVersion, isTabularBenefits: isTabularBenefits, benefits: filteredBenefits })) : null, __html ? jsx(RichText, { __html: __html }) : null, items?.length ? (jsx(List, { items: items, isDotted: isDotted, listItemSize:
|
|
786
|
+
return (jsx(BaseTile, { className: className, padding: padding, defaultPadding: defaultPadding, ...(isFullWidthTitle ? { title: headline } : { insetTitle: headline }), ...leftOrRightImage(img, directionRight), isImageSecondary: isImageSecondary, imageAlign: imageAlign, isImageAlwaysOnRight: isImageAlwaysOnRight, buttons: renderButtonsSection(buttons), backwardButton: backwardButton, ...rest, children: jsxs("div", { className: "flex flex-col sm:gap-xl gap-4xl", children: [filteredBenefits?.length ? (jsx(BenefitsList, { benefitsVersion: benefitsVersion, isTabularBenefits: isTabularBenefits, benefits: filteredBenefits })) : null, __html ? jsx(RichText, { __html: __html }) : null, items?.length ? (jsx(List, { items: items, isDotted: isDotted, listItemSize: LIST_SIZE[headlineVersion] })) : null, children, priceList?.length ? jsx(PriceList, { priceList: priceList }) : null, renderTags(tags)] }) }));
|
|
777
787
|
});
|
|
778
788
|
const leftOrRightImage = (img, directionRight) => directionRight ? { rightImage: img } : { leftImage: img };
|
|
779
789
|
const renderTags = (tags) => (tags?.length ? jsx(Tags, { tags: tags }) : null);
|
|
780
790
|
|
|
781
|
-
const
|
|
782
|
-
? 'border border-solid border-gray group-data-secondary:border-white/50 group-data-gray:border-main-divider'
|
|
783
|
-
: '';
|
|
784
|
-
|
|
785
|
-
const ProductBlock = JSX(({ className, padding, showBorder, ...rest }) => (jsx(BlockWrapper, { className: style('overflow-hidden flex flex-col gap-3xl box-border', getBorderStyle$1(showBorder), className), padding: "p-0", ...rest, children: jsx(BaseProductTile, { defaultPadding: "p-6xl", padding: padding, className: "grow h-full", ...rest }) })));
|
|
791
|
+
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 }) })));
|
|
786
792
|
|
|
787
793
|
const isFilled = (_) => _ !== null && _ !== undefined;
|
|
788
794
|
|
|
@@ -1159,11 +1165,11 @@
|
|
|
1159
1165
|
onClose: handleClose,
|
|
1160
1166
|
iconVersion,
|
|
1161
1167
|
});
|
|
1162
|
-
return (jsxs("div", { className: className, children: [renderLabel(label), jsxs("div", { className: style('relative', isOpen ? 'z-20' : 'z-10'), ref: inputRef, children: [jsxs("div", { className: style('h-14 text-l flex justify-between items-center text-primary-text cursor-pointer relative z-10', getBorderStyle(isBorder, valid)), onClick: isOpen ? handleClose : open, children: [jsx("p", { className: "p-m pr-3xl flex items-center overflow-hidden text-ellipsis whitespace-nowrap", children: formatOption(value) || placeholder }), renderIcon$1(isOpen, iconVersion)] }), isSearch && isOpen ? (jsx("div", { className: style('absolute top-0 w-full z-20'), children: jsx(Input, { type: "text", autoFocus: true, value: query, onChange: setQuery }) })) : null] })] }));
|
|
1168
|
+
return (jsxs("div", { className: className, children: [renderLabel(label), jsxs("div", { className: style('relative', isOpen ? 'z-20' : 'z-10'), ref: inputRef, children: [jsxs("div", { className: style('h-14 text-l flex justify-between items-center text-primary-text cursor-pointer relative z-10', getBorderStyle$1(isBorder, valid)), onClick: isOpen ? handleClose : open, children: [jsx("p", { className: "p-m pr-3xl flex items-center overflow-hidden text-ellipsis whitespace-nowrap", children: formatOption(value) || placeholder }), renderIcon$1(isOpen, iconVersion)] }), isSearch && isOpen ? (jsx("div", { className: style('absolute top-0 w-full z-20'), children: jsx(Input, { type: "text", autoFocus: true, value: query, onChange: setQuery }) })) : null] })] }));
|
|
1163
1169
|
});
|
|
1164
1170
|
const renderLabel = (label) => label ? (jsx("div", { className: "mb-xs", children: jsx(Text, { size: "text-m", color: "text-primary-text", font: "font-light", children: label }) })) : null;
|
|
1165
1171
|
const renderIcon$1 = (isOpen, iconVersion) => (jsx(Icon, { className: style('absolute right-3', isOpen ? '' : 'rotate-180'), iconVersion: iconVersion, name: "ArrowUpIcon", width: "16", height: "16" }));
|
|
1166
|
-
const getBorderStyle = (isBorder, valid) => style(isBorder ? 'border rounded-md hover:border-primary-hover' : '', valid ? ' border-gray' : 'border-error');
|
|
1172
|
+
const getBorderStyle$1 = (isBorder, valid) => style(isBorder ? 'border rounded-md hover:border-primary-hover' : '', valid ? ' border-gray' : 'border-error');
|
|
1167
1173
|
|
|
1168
1174
|
const SelectControl = JSX(({ className = '', error, ...rest }) => (jsxs("div", { className: className, children: [jsx(Select, { ...rest, valid: !error }), jsx("div", { className: "h-2", children: error ? (jsx(Text, { size: "text-xs", font: "font-light", color: "text-error", children: error })) : null })] })));
|
|
1169
1175
|
|
|
@@ -1763,18 +1769,7 @@
|
|
|
1763
1769
|
const defaultIconSize = 56;
|
|
1764
1770
|
|
|
1765
1771
|
const BenefitsBlock = JSX(({ className = '', title, benefitList, ...rest }) => (jsxs(BlockWrapper, { className: className, defaultPadding: "p-6xl", ...rest, children: [title ? jsx(Heading, { headingType: "h3", as: "h2", className: AlignStyles, title: title }) : null, benefitList?.length ? (jsx("div", { className: "flex flex-col @md:flex-row flex-wrap w-full @md:justify-center mt-xl gap-5xl", role: "list", children: benefitList.map(renderBenefit) })) : null] })));
|
|
1766
|
-
const renderBenefit = (
|
|
1767
|
-
const renderDescription$1 = (description) => {
|
|
1768
|
-
const benefitType = description?.benefitType || null;
|
|
1769
|
-
return description && benefitType ? (jsx("div", { className: "mt-xs text-l font-light text-secondary-text group-data-secondary:text-white/80", children: benefitType === 'list'
|
|
1770
|
-
? renderListBenefit(description)
|
|
1771
|
-
: renderTextBenefit(description) })) : null;
|
|
1772
|
-
};
|
|
1773
|
-
const renderTextBenefit = (description) => description?.name ? (jsx(Text, { size: "text-l", color: "text-secondary-text group-data-secondary:text-white/80", font: "font-light", children: description.name })) : null;
|
|
1774
|
-
const renderListBenefit = (description) => {
|
|
1775
|
-
const listStyleType = description?.bullets ? 'list-disc pl-3xl' : '';
|
|
1776
|
-
return description?.items && description.items.length > 0 ? (jsx("ul", { className: style(listStyleType, description.listItemSize ? TEXT_SIZE_MAP[description.listItemSize] : ''), children: description.items.map((_, i) => (jsx("li", { children: jsx(Text, { color: "text-secondary-text group-data-secondary:text-white/80", font: "font-light", children: _ }) }, `benefitListItem-${i}`))) })) : null;
|
|
1777
|
-
};
|
|
1772
|
+
const renderBenefit = ({ label, description, items, icon, iconBgVersion, isDotted = false }, i) => (jsxs("div", { className: "flex gap-m items-center @md:basis-1/2 @md:max-w-[500px]", role: "listitem", children: [icon?.icon ? (jsx(RoundedIcon, { className: "shrink-0", defaultIconSize: defaultIconSize, iconBgVersion: iconBgVersion || '', ...icon })) : null, icon?.src ? jsx(Img, { className: "shrink-0", image: icon }) : null, label ? (jsxs("div", { className: "@sm:h-full space-y-xs", children: [jsx(Heading, { headingType: "h6", children: label }), jsx(Text, { size: "text-l", color: "text-secondary-text group-data-secondary:text-white/80", font: "font-light", children: description }), jsx(List, { className: "text-secondary-text", listItemSize: "S", items: items, isDotted: isDotted })] })) : null] }, String(i)));
|
|
1778
1773
|
|
|
1779
1774
|
const Bonus = JSX(({ className = '', title, description, bonusItems = [], align = AlignStyles, ...rest }) => (jsx(BlockWrapper, { className: className, defaultPadding: "p-6xl", ...rest, children: jsxs("div", { className: "container", children: [jsx(Headline, { className: "mb-xl", isEmbedded: true, title: title, description: description, headlineVersion: "M", align: align }), jsx("div", { className: "flex flex-wrap gap-3xl gap-x-m w-full", children: bonusItems.length > 0
|
|
1780
1775
|
? bonusItems.map((_, i) => (jsxs("div", { className: "w-full @xl:w-[48%] sm:space-y-xs flex flex-col grow p-xl sm:p-m border border-gray", children: [jsx("div", { className: "grow", children: jsx(Headline, { title: _?.title, description: _?.description, headlineVersion: "S", isEmbedded: true, align: "text-left" }) }), jsxs("div", { className: "flex justify-center sm:justify-between sm:items-end", children: [jsx("div", { className: "hidden sm:block", children: renderButtonsSection(_?.buttons) }), _.bonusItemContent?.bonusType
|
|
@@ -2912,6 +2907,10 @@
|
|
|
2912
2907
|
: null;
|
|
2913
2908
|
}
|
|
2914
2909
|
|
|
2910
|
+
const getBorderStyle = (showBorder) => showBorder
|
|
2911
|
+
? 'border border-solid border-gray group-data-secondary:border-white/50 group-data-gray:border-main-divider'
|
|
2912
|
+
: '';
|
|
2913
|
+
|
|
2915
2914
|
const renderCardHighlight = ({ className, text = 'ХИТ' } = {}) => (jsxs("div", { className: style('w-14 h-14 bg-white flex flex-col items-center justify-center rounded-md shadow-main-black', className), children: [jsx(Icon, { iconVersion: "black", name: "HeartIcon", width: "24", height: "24" }), jsx(Paragraph, { size: "text-s", font: "font-normal", align: "text-center", color: "text-primary-text", children: text })] }));
|
|
2916
2915
|
|
|
2917
2916
|
const cardBaseStyle = 'relative h-full';
|
|
@@ -2940,7 +2939,7 @@
|
|
|
2940
2939
|
};
|
|
2941
2940
|
const cardWrapperStyle = (_, { someCardsHighlighted }) => style(cardBaseStyle, someCardsHighlighted && (isCardHighlighted(_) ? 'pt-3xl' : 'pt-3xl sm:pt-16'));
|
|
2942
2941
|
const cardStyle = (_, { someCardsHighlighted, showBorder, cardSize = 'normal', }) => style(cardBaseStyle, 'min-w-80', CARD_SIZE_MAP[cardSize], // TODO fix для RecommendationCard
|
|
2943
|
-
someCardsHighlighted && (isCardHighlighted(_) ? 'pt-3xl sm:pt-16' : 'pt-3xl'), getBorderStyle
|
|
2942
|
+
someCardsHighlighted && (isCardHighlighted(_) ? 'pt-3xl sm:pt-16' : 'pt-3xl'), getBorderStyle(showBorder), showBorder && 'h-full');
|
|
2944
2943
|
const isCardHighlighted = (_) => _?.content && 'isHighlighting' in _.content && _.content.isHighlighting;
|
|
2945
2944
|
|
|
2946
2945
|
const VISIBLE_ITEM_COUNT = 0;
|
|
@@ -3086,8 +3085,8 @@
|
|
|
3086
3085
|
const ImageAlwaysOnRight = false;
|
|
3087
3086
|
|
|
3088
3087
|
//TODO: replace SocialMedia with renderButtonSection
|
|
3089
|
-
const CarouselRecommendationCard = JSX(({ className, padding, description, additionalDescription, href, icon, items = [], isDotted,
|
|
3090
|
-
return (jsx(BlockWrapper, { className: style('relative min-h-28 group-data-gray:bg-main-divider/50', className), defaultPadding: "p-0", ...rest, children: jsx(LinkWrapper, { href: href, target: target, className: "h-full", children: jsxs(BaseTile, { className: "h-full", defaultPadding: "p-2xl", padding: padding, insetTitle: jsx(Headline, { title: title, description: description, headlineVersion: "XS", isEmbedded: true, align: align }), ...leftOrRightImage(isIcon(icon) ? jsx(Img, { image: icon }) : null, directionRight), buttons: socialMedia.length ? (jsx(SocialMedia, { media: socialMedia, showButtonText: true, version: rest?.version })) : null, isImageAlwaysOnRight: isImageAlwaysOnRight, isImageSecondary: isImageSecondary, imageAlign: "center", children: [jsx(BenefitsList, { benefits: benefits }), jsx(List, { items: items,
|
|
3088
|
+
const CarouselRecommendationCard = JSX(({ className, padding, description, additionalDescription, href, icon, items = [], isDotted, socialMedia = [], target, title, align = 'text-left', benefits, imageOptions: { directionRight = true, isImageAlwaysOnRight = ImageAlwaysOnRight, isImageSecondary = false, } = {}, ...rest }) => {
|
|
3089
|
+
return (jsx(BlockWrapper, { className: style('relative min-h-28 group-data-gray:bg-main-divider/50', className), defaultPadding: "p-0", ...rest, children: jsx(LinkWrapper, { href: href, target: target, className: "h-full", children: jsxs(BaseTile, { className: "h-full", defaultPadding: "p-2xl", padding: padding, insetTitle: jsx(Headline, { title: title, description: description, headlineVersion: "XS", isEmbedded: true, align: align }), ...leftOrRightImage(isIcon(icon) ? jsx(Img, { image: icon }) : null, directionRight), buttons: socialMedia.length ? (jsx(SocialMedia, { media: socialMedia, showButtonText: true, version: rest?.version })) : null, isImageAlwaysOnRight: isImageAlwaysOnRight, isImageSecondary: isImageSecondary, imageAlign: "center", children: [jsx(BenefitsList, { benefits: benefits }), jsx(List, { items: items, isDotted: isDotted, listItemSize: "S" }), renderAdditionalDescription(additionalDescription, align)] }) }) }));
|
|
3091
3090
|
});
|
|
3092
3091
|
const renderAdditionalDescription = (additionalDescription, align) => additionalDescription ? (jsx(Paragraph, { size: "text-m", font: "font-light", color: "text-secondary-text group-data-secondary:text-white/80", align: align, children: additionalDescription })) : null;
|
|
3093
3092
|
|
|
@@ -3673,7 +3672,7 @@
|
|
|
3673
3672
|
const VerticalLayout = JSX(({ className = '', gap = '', isPadding = false, isInnerPadding = true, version = 'transparent', isTheme = false, isInnerBorder = false, ...rest }) => (jsx(BlockWrapper, { className: style('relative flex flex-col', gapStyles[gap], className), defaultPadding: isPadding ? 'p-6xl' : '', version: version, isTheme: isTheme, ...rest, children: renderChildren({
|
|
3674
3673
|
...rest,
|
|
3675
3674
|
extraProps: {
|
|
3676
|
-
className: style('w-full', getBorderStyle
|
|
3675
|
+
className: style('w-full', getBorderStyle(isInnerBorder)),
|
|
3677
3676
|
padding: isInnerPadding ? '' : 'p-0',
|
|
3678
3677
|
},
|
|
3679
3678
|
}) })));
|
|
@@ -3728,14 +3727,10 @@
|
|
|
3728
3727
|
return (jsx("div", { role: "listitem", children: jsx(LinkDocItem, { text: docBlockDef?.text, target: docBlockDef?.target, href: href, fileFormat: fileFormat, fileSize: fileSize, icon: icon ? jsx(Img, { className: linkIconStyle, image: icon, width: "24", height: "24" }) : null }) }, String(i)));
|
|
3729
3728
|
};
|
|
3730
3729
|
|
|
3731
|
-
const
|
|
3732
|
-
return items?.length ? (jsx(List, { items: items, listItemSize: listItemSize, className: "text-l font-light" })) : (jsx(Text, { size: "text-m", "font-weight": "font-light", color: "text-secondary-text", children: additionalDescription }));
|
|
3733
|
-
};
|
|
3734
|
-
|
|
3735
|
-
const MobileAppTile = JSX(({ className, padding, align = 'text-left', buttons = [], description, headingType = 'h4', image, items, listItemSize, qr, additionalDescription = '', title = 'Мобильное приложение', version = 'primary', ...rest }) => {
|
|
3730
|
+
const MobileAppTile = JSX(({ className, padding, align = 'text-left', buttons = [], description, image, items, qr, additionalDescription = '', title = 'Мобильное приложение', version = 'primary', ...rest }) => {
|
|
3736
3731
|
const containerStyle = version === 'secondary' ? 'p-m min-w-32' : 'min-w-24';
|
|
3737
3732
|
const img = image?.src ? jsx(Img, { className: "hidden lg:block", image: image }) : null;
|
|
3738
|
-
return (jsx(BlockWrapper, { className: style('min-h-80', className), padding: "p-0", version: version, ...rest, children: jsxs(BaseTile, { className: "h-full", padding: padding, defaultPadding: "p-6xl", title:
|
|
3733
|
+
return (jsx(BlockWrapper, { className: style('min-h-80', className), padding: "p-0", version: version, ...rest, children: jsxs(BaseTile, { className: "h-full", padding: padding, defaultPadding: "p-6xl", title: jsx(Heading, { headingType: "h3", title: title, className: style('whitespace-pre-wrap', align) }), rightImage: img, buttons: renderButtonsSection(buttons, { className: 'flex-wrap' }), children: [description ? (jsx(Text, { size: "text-xl", "font-weight": "font-light", children: description })) : null, jsxs("div", { className: style('gap-m', 'flex flex-1 flex-col', 'flex-col items-start @xl:flex-row @xl:items-center'), children: [jsx(List, { items: items, listItemSize: "M" }), jsx(Text, { size: "text-m", "font-weight": "font-light", color: "text-secondary-text", children: additionalDescription }), qr?.src ? (jsx("div", { className: style('flex justify-center bg-white rounded-md @xl:-order-1', containerStyle), children: jsx(Img, { className: "w-fit", image: qr }) })) : null, image?.src ? jsx(Img, { className: "lg:hidden", image: image }) : null] })] }) }));
|
|
3739
3734
|
});
|
|
3740
3735
|
|
|
3741
3736
|
const badgeBgStyleMap = {
|
|
@@ -4364,10 +4359,10 @@
|
|
|
4364
4359
|
const SafeDepositRentalTotal = JSX(({ days, tariffs = [] }) => {
|
|
4365
4360
|
const price = calculatePrice(days, tariffs);
|
|
4366
4361
|
const imageDescription = 'На рисунке изображена пачка листов\nформата А4';
|
|
4367
|
-
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("
|
|
4362
|
+
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 }) })] })] }));
|
|
4368
4363
|
});
|
|
4369
4364
|
const renderTotal = (label, total) => {
|
|
4370
|
-
return (jsxs("div", { className: "flex justify-between items-center gap-y-xs @xl:flex-col @xl:items-start", children: [jsx(
|
|
4365
|
+
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 })] }));
|
|
4371
4366
|
};
|
|
4372
4367
|
const calculatePrice = (days, tariffs) => {
|
|
4373
4368
|
const tariffType = getTariffType(days);
|
|
@@ -5430,7 +5425,7 @@
|
|
|
5430
5425
|
|
|
5431
5426
|
const joinList = (sep) => (list) => list.reduce((acc, el, i) => (acc.length ? acc.concat({ ...sep, key: `sep-${i}` }, el) : [el]), []);
|
|
5432
5427
|
|
|
5433
|
-
const packageVersion = "0.14.
|
|
5428
|
+
const packageVersion = "0.14.64";
|
|
5434
5429
|
|
|
5435
5430
|
exports.Blocks = Blocks;
|
|
5436
5431
|
exports.ContentPage = ContentPage;
|