@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,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"}
|
|
@@ -4,7 +4,7 @@ import { type ButtonsSectionContent } from '../../ui-kit/Button/ButtonsSectionCo
|
|
|
4
4
|
import { type ImageContent } from '../../ui-kit/Img/ImgProps';
|
|
5
5
|
import { type InnerTableButtonProps } from '../../ui-kit/InnerTable/InnerTableButton';
|
|
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
|
import { type LabelDescriptionCell } from './TariffsTableContent';
|
|
9
9
|
export declare type EmbeddableCellDataType = LabelDescriptionCell | ButtonContent | ImageContent | ListProps | InnerTableButtonProps;
|
|
10
10
|
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>;
|
|
@@ -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;
|
package/mobile/src/common.css
CHANGED
|
@@ -198,6 +198,7 @@ html {
|
|
|
198
198
|
|
|
199
199
|
.md-container {
|
|
200
200
|
@apply text-l font-sans;
|
|
201
|
+
overflow: auto;
|
|
201
202
|
}
|
|
202
203
|
|
|
203
204
|
.md-container p.h1 {
|
|
@@ -257,39 +258,42 @@ html {
|
|
|
257
258
|
@apply font-normal;
|
|
258
259
|
}
|
|
259
260
|
|
|
260
|
-
.
|
|
261
|
+
.secondary.md-container table {
|
|
261
262
|
width: 100%;
|
|
262
|
-
table-layout: fixed;
|
|
263
263
|
text-align: left;
|
|
264
264
|
}
|
|
265
265
|
|
|
266
|
-
.
|
|
267
|
-
.
|
|
266
|
+
.secondary.md-container table thead,
|
|
267
|
+
.md-container table thead {
|
|
268
268
|
color: rgb(var(--color-secondary-text));
|
|
269
269
|
}
|
|
270
270
|
|
|
271
|
-
.
|
|
272
|
-
.
|
|
271
|
+
.secondary.md-container table td,
|
|
272
|
+
.secondary.md-container table th {
|
|
273
273
|
padding: 8px 14px 5px;
|
|
274
274
|
}
|
|
275
275
|
|
|
276
|
-
.
|
|
276
|
+
.secondary.md-container table tbody tr:nth-child(2n-1) {
|
|
277
277
|
background-color: rgb(var(--color-secondary-light));
|
|
278
278
|
}
|
|
279
279
|
|
|
280
|
-
.
|
|
280
|
+
.secondary.md-container ul li {
|
|
281
|
+
color: rgb(125, 126, 127);
|
|
282
|
+
}
|
|
283
|
+
|
|
284
|
+
.md-container table {
|
|
281
285
|
width: 100%;
|
|
282
286
|
text-align: left;
|
|
283
287
|
}
|
|
284
288
|
|
|
285
|
-
.
|
|
286
|
-
.
|
|
289
|
+
.md-container table td,
|
|
290
|
+
.md-container table th {
|
|
287
291
|
padding: 12px 8px 12px 0;
|
|
288
292
|
font-size: 18px;
|
|
289
293
|
min-width: 116px;
|
|
290
294
|
}
|
|
291
295
|
|
|
292
|
-
.
|
|
296
|
+
.md-container table tr {
|
|
293
297
|
border-bottom: 1px solid rgb(var(--color-primary-divider));
|
|
294
298
|
}
|
|
295
299
|
}
|
|
@@ -5,10 +5,7 @@
|
|
|
5
5
|
"benefitList": [
|
|
6
6
|
{
|
|
7
7
|
"label": "Преимущество №1",
|
|
8
|
-
"description":
|
|
9
|
-
"name": "Описание 1",
|
|
10
|
-
"benefitType": "text"
|
|
11
|
-
},
|
|
8
|
+
"description": "Описание 1",
|
|
12
9
|
"icon": {
|
|
13
10
|
"icon": "SmallClockIcon",
|
|
14
11
|
"format": "webp",
|
|
@@ -20,10 +17,8 @@
|
|
|
20
17
|
},
|
|
21
18
|
{
|
|
22
19
|
"label": "Преимущество №2",
|
|
23
|
-
"
|
|
24
|
-
|
|
25
|
-
"benefitType": "list"
|
|
26
|
-
},
|
|
20
|
+
"items": ["Пункт 1", "Пункт 2"],
|
|
21
|
+
"isDotted": false,
|
|
27
22
|
"icon": {
|
|
28
23
|
"icon": "SignDocsIcon",
|
|
29
24
|
"format": "webp",
|
|
@@ -5,16 +5,9 @@ import { BlockWrapper } from '../../ui-kit/BlockWrapper';
|
|
|
5
5
|
import { Heading } from '../../ui-kit/Heading/Heading';
|
|
6
6
|
import { RoundedIcon } from '../../ui-kit/Icon/RoundedIcon';
|
|
7
7
|
import { Img } from '../../ui-kit/Img/Img';
|
|
8
|
-
import {
|
|
8
|
+
import { List } from '../../ui-kit/List/List';
|
|
9
9
|
import { Text } from '../../ui-kit/Text/Text';
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
12
|
-
type BenefitBlockItemProps,
|
|
13
|
-
type BenefitsBlockContent,
|
|
14
|
-
type DescriptionDef,
|
|
15
|
-
type ListBenefitDef,
|
|
16
|
-
type TextBenefitDef,
|
|
17
|
-
} from './BenefitsBlockContent';
|
|
10
|
+
import { type BenefitBlockItemProps, type BenefitsBlockContent } from './BenefitsBlockContent';
|
|
18
11
|
import { defaultIconSize } from './defaultIconSize';
|
|
19
12
|
|
|
20
13
|
interface BenefitsBlockProps extends BenefitsBlockContent, UniBlockProps {}
|
|
@@ -35,70 +28,36 @@ export const BenefitsBlock = JSX<BenefitsBlockProps>(
|
|
|
35
28
|
),
|
|
36
29
|
);
|
|
37
30
|
|
|
38
|
-
const renderBenefit = (
|
|
31
|
+
const renderBenefit = (
|
|
32
|
+
{ label, description, items, icon, iconBgVersion, isDotted = false }: BenefitBlockItemProps,
|
|
33
|
+
i: number,
|
|
34
|
+
) => (
|
|
39
35
|
<div
|
|
40
36
|
key={String(i)}
|
|
41
37
|
className="flex gap-m items-center @md:basis-1/2 @md:max-w-[500px]"
|
|
42
38
|
role="listitem"
|
|
43
39
|
>
|
|
44
|
-
{
|
|
40
|
+
{icon?.icon ? (
|
|
45
41
|
<RoundedIcon
|
|
46
42
|
className="shrink-0"
|
|
47
43
|
defaultIconSize={defaultIconSize}
|
|
48
|
-
iconBgVersion={
|
|
49
|
-
{...
|
|
44
|
+
iconBgVersion={iconBgVersion || ''}
|
|
45
|
+
{...icon}
|
|
50
46
|
/>
|
|
51
47
|
) : null}
|
|
52
|
-
{
|
|
53
|
-
{
|
|
54
|
-
<div className="@sm:h-full">
|
|
55
|
-
<Heading headingType="h6">{
|
|
56
|
-
|
|
48
|
+
{icon?.src ? <Img className="shrink-0" image={icon} /> : null}
|
|
49
|
+
{label ? (
|
|
50
|
+
<div className="@sm:h-full space-y-xs">
|
|
51
|
+
<Heading headingType="h6">{label}</Heading>
|
|
52
|
+
<Text
|
|
53
|
+
size="text-l"
|
|
54
|
+
color="text-secondary-text group-data-secondary:text-white/80"
|
|
55
|
+
font="font-light"
|
|
56
|
+
>
|
|
57
|
+
{description}
|
|
58
|
+
</Text>
|
|
59
|
+
<List className="text-secondary-text" listItemSize="S" items={items} isDotted={isDotted} />
|
|
57
60
|
</div>
|
|
58
61
|
) : null}
|
|
59
62
|
</div>
|
|
60
63
|
);
|
|
61
|
-
|
|
62
|
-
const renderDescription = (description: DescriptionDef | undefined) => {
|
|
63
|
-
const benefitType = description?.benefitType || null;
|
|
64
|
-
|
|
65
|
-
return description && benefitType ? (
|
|
66
|
-
<div className="mt-xs text-l font-light text-secondary-text group-data-secondary:text-white/80">
|
|
67
|
-
{benefitType === 'list'
|
|
68
|
-
? renderListBenefit(description as ListBenefitDef)
|
|
69
|
-
: renderTextBenefit(description as TextBenefitDef)}
|
|
70
|
-
</div>
|
|
71
|
-
) : null;
|
|
72
|
-
};
|
|
73
|
-
|
|
74
|
-
const renderTextBenefit = (description?: TextBenefitDef) =>
|
|
75
|
-
description?.name ? (
|
|
76
|
-
<Text
|
|
77
|
-
size="text-l"
|
|
78
|
-
color="text-secondary-text group-data-secondary:text-white/80"
|
|
79
|
-
font="font-light"
|
|
80
|
-
>
|
|
81
|
-
{description.name}
|
|
82
|
-
</Text>
|
|
83
|
-
) : null;
|
|
84
|
-
|
|
85
|
-
const renderListBenefit = (description?: ListBenefitDef) => {
|
|
86
|
-
const listStyleType = description?.bullets ? 'list-disc pl-3xl' : '';
|
|
87
|
-
|
|
88
|
-
return description?.items && description.items.length > 0 ? (
|
|
89
|
-
<ul
|
|
90
|
-
className={style(
|
|
91
|
-
listStyleType,
|
|
92
|
-
description.listItemSize ? TEXT_SIZE_MAP[description.listItemSize] : '',
|
|
93
|
-
)}
|
|
94
|
-
>
|
|
95
|
-
{description.items.map((_, i) => (
|
|
96
|
-
<li key={`benefitListItem-${i}`}>
|
|
97
|
-
<Text color="text-secondary-text group-data-secondary:text-white/80" font="font-light">
|
|
98
|
-
{_}
|
|
99
|
-
</Text>
|
|
100
|
-
</li>
|
|
101
|
-
))}
|
|
102
|
-
</ul>
|
|
103
|
-
) : null;
|
|
104
|
-
};
|
|
@@ -1,48 +1,18 @@
|
|
|
1
|
-
import { type LabelProps, type TitleProps } from '../../model/HeadlineType';
|
|
1
|
+
import { type DescriptionProps, type LabelProps, type TitleProps } from '../../model/HeadlineType';
|
|
2
2
|
import { type UniBlockContent } from '../../model/JSXBlock';
|
|
3
3
|
import { type IconProps } from '../../model/Picture';
|
|
4
4
|
import { type IconBgVersion } from '../../ui-kit/Icon/IconProps';
|
|
5
|
-
import { type
|
|
6
|
-
|
|
7
|
-
/**
|
|
8
|
-
* @title Пункты описания
|
|
9
|
-
*/
|
|
10
|
-
export type TextBenefitDef = {
|
|
11
|
-
/** @title Описание */
|
|
12
|
-
name?: string;
|
|
13
|
-
/** @default text */
|
|
14
|
-
benefitType?: 'text';
|
|
15
|
-
};
|
|
16
|
-
|
|
17
|
-
/**
|
|
18
|
-
* @title Список
|
|
19
|
-
*/
|
|
20
|
-
export type ListBenefitDef = ListContent & {
|
|
21
|
-
/** @title Буллиты */
|
|
22
|
-
bullets?: boolean;
|
|
23
|
-
/** @default list */
|
|
24
|
-
benefitType?: 'list';
|
|
25
|
-
};
|
|
26
|
-
|
|
27
|
-
/** @title Не выбрано * */
|
|
28
|
-
export type EmptyDescription = {
|
|
29
|
-
/** @default "" */
|
|
30
|
-
benefitType: '';
|
|
31
|
-
};
|
|
32
|
-
|
|
33
|
-
/**
|
|
34
|
-
* @title Вид контента
|
|
35
|
-
* @default { "benefitType": "" }
|
|
36
|
-
*/
|
|
37
|
-
export type DescriptionDef = EmptyDescription | TextBenefitDef | ListBenefitDef;
|
|
5
|
+
import { type ListProps } from '../../ui-kit/List/ListContent';
|
|
38
6
|
|
|
39
7
|
/**
|
|
40
8
|
* @title Преимущество
|
|
41
9
|
*/
|
|
42
10
|
export type BenefitBlockItemProps = LabelProps &
|
|
43
|
-
IconProps &
|
|
11
|
+
IconProps &
|
|
12
|
+
DescriptionProps &
|
|
13
|
+
ListProps & {
|
|
44
14
|
/** @title Описание */
|
|
45
|
-
description?:
|
|
15
|
+
description?: string;
|
|
46
16
|
iconBgVersion?: IconBgVersion;
|
|
47
17
|
};
|
|
48
18
|
|
|
@@ -29,7 +29,6 @@ export const CarouselRecommendationCard = JSX<RecommendationCardProps>(
|
|
|
29
29
|
icon,
|
|
30
30
|
items = [],
|
|
31
31
|
isDotted,
|
|
32
|
-
listItemSize = 'S',
|
|
33
32
|
socialMedia = [],
|
|
34
33
|
target,
|
|
35
34
|
title,
|
|
@@ -73,7 +72,7 @@ export const CarouselRecommendationCard = JSX<RecommendationCardProps>(
|
|
|
73
72
|
imageAlign="center"
|
|
74
73
|
>
|
|
75
74
|
<BenefitsList benefits={benefits} />
|
|
76
|
-
<List items={items}
|
|
75
|
+
<List items={items} isDotted={isDotted} listItemSize="S" />
|
|
77
76
|
{renderAdditionalDescription(additionalDescription, align)}
|
|
78
77
|
</BaseTile>
|
|
79
78
|
</LinkWrapper>
|
|
@@ -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
|
};
|
|
@@ -5,11 +5,10 @@ import { BlockWrapper } from '../../ui-kit/BlockWrapper';
|
|
|
5
5
|
import { renderButtonsSection } from '../../ui-kit/Button/renderButtonsSection';
|
|
6
6
|
import { Heading } from '../../ui-kit/Heading/Heading';
|
|
7
7
|
import { Img } from '../../ui-kit/Img/Img';
|
|
8
|
+
import { List } from '../../ui-kit/List/List';
|
|
8
9
|
import { Text } from '../../ui-kit/Text/Text';
|
|
9
10
|
import { style } from '../../utils/style';
|
|
10
11
|
import { type MobileAppTileContent } from './MobileAppTileContent';
|
|
11
|
-
import { renderList } from './renderList';
|
|
12
|
-
|
|
13
12
|
export interface MobileAppTileProps extends MobileAppTileContent, UniBlockProps {}
|
|
14
13
|
|
|
15
14
|
export const MobileAppTile = JSX<MobileAppTileProps>(
|
|
@@ -19,10 +18,8 @@ export const MobileAppTile = JSX<MobileAppTileProps>(
|
|
|
19
18
|
align = 'text-left',
|
|
20
19
|
buttons = [],
|
|
21
20
|
description,
|
|
22
|
-
headingType = 'h4',
|
|
23
21
|
image,
|
|
24
22
|
items,
|
|
25
|
-
listItemSize,
|
|
26
23
|
qr,
|
|
27
24
|
additionalDescription = '',
|
|
28
25
|
title = 'Мобильное приложение',
|
|
@@ -45,13 +42,11 @@ export const MobileAppTile = JSX<MobileAppTileProps>(
|
|
|
45
42
|
padding={padding}
|
|
46
43
|
defaultPadding="p-6xl"
|
|
47
44
|
title={
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
/>
|
|
54
|
-
) : null
|
|
45
|
+
<Heading
|
|
46
|
+
headingType="h3"
|
|
47
|
+
title={title}
|
|
48
|
+
className={style('whitespace-pre-wrap', align)}
|
|
49
|
+
/>
|
|
55
50
|
}
|
|
56
51
|
rightImage={img}
|
|
57
52
|
buttons={renderButtonsSection(buttons, { className: 'flex-wrap' })}
|
|
@@ -68,7 +63,10 @@ export const MobileAppTile = JSX<MobileAppTileProps>(
|
|
|
68
63
|
'flex-col items-start @xl:flex-row @xl:items-center',
|
|
69
64
|
)}
|
|
70
65
|
>
|
|
71
|
-
{
|
|
66
|
+
<List items={items} listItemSize="M" />
|
|
67
|
+
<Text size="text-m" font-weight="font-light" color="text-secondary-text">
|
|
68
|
+
{additionalDescription}
|
|
69
|
+
</Text>
|
|
72
70
|
{qr?.src ? (
|
|
73
71
|
<div
|
|
74
72
|
className={style(
|