@redneckz/wildless-cms-uni-blocks 0.9.7 → 0.9.9
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.9.8.js +29 -0
- package/bin/migration-scripts/0.9.9.js +110 -0
- package/bundle/blocks.schema.json +1 -1
- package/bundle/bundle.umd.js +15 -38
- package/bundle/bundle.umd.min.js +1 -1
- package/bundle/components/CarouselRecommendationCard/CarouselRecommendationCardContent.d.ts +2 -0
- package/bundle/components/StepsBlock/StepsBlockContent.d.ts +10 -1
- package/dist/components/Blocks.js +0 -2
- package/dist/components/Blocks.js.map +1 -1
- package/dist/components/CarouselProductCard/CarouselProductCard.js +1 -1
- package/dist/components/CarouselProductCard/CarouselProductCard.js.map +1 -1
- package/dist/components/CarouselProgramsCard/CarouselProgramsCard.js +2 -2
- package/dist/components/CarouselProgramsCard/CarouselProgramsCard.js.map +1 -1
- package/dist/components/CarouselRecommendationCard/CarouselRecommendationCard.js +4 -6
- package/dist/components/CarouselRecommendationCard/CarouselRecommendationCard.js.map +1 -1
- package/dist/components/CarouselRecommendationCard/CarouselRecommendationCardContent.d.ts +2 -0
- package/dist/components/StepsBlock/StepsBlock.js +5 -3
- package/dist/components/StepsBlock/StepsBlock.js.map +1 -1
- package/dist/components/StepsBlock/StepsBlockContent.d.ts +10 -1
- package/dist/components/StepsBlock/StepsBlockStyleMaps.js +2 -2
- package/dist/components/StepsBlock/StepsBlockStyleMaps.js.map +1 -1
- package/dist/ui-kit/LinkWrapper/LinkWrapper.js +2 -1
- package/dist/ui-kit/LinkWrapper/LinkWrapper.js.map +1 -1
- package/lib/common.css +1 -1
- package/lib/components/Blocks.js +0 -2
- package/lib/components/Blocks.js.map +1 -1
- package/lib/components/Carousel/Carousel.fixture.d.ts +1 -0
- package/lib/components/CarouselProductCard/CarouselProductCard.js +1 -1
- package/lib/components/CarouselProductCard/CarouselProductCard.js.map +1 -1
- package/lib/components/CarouselProgramsCard/CarouselProgramsCard.js +2 -2
- package/lib/components/CarouselProgramsCard/CarouselProgramsCard.js.map +1 -1
- package/lib/components/CarouselRecommendationCard/CarouselRecommendationCard.fixture.d.ts +2 -0
- package/lib/components/CarouselRecommendationCard/CarouselRecommendationCard.js +4 -6
- package/lib/components/CarouselRecommendationCard/CarouselRecommendationCard.js.map +1 -1
- package/lib/components/CarouselRecommendationCard/CarouselRecommendationCardContent.d.ts +2 -0
- package/lib/components/StepsBlock/StepsBlock.js +5 -3
- package/lib/components/StepsBlock/StepsBlock.js.map +1 -1
- package/lib/components/StepsBlock/StepsBlockContent.d.ts +10 -1
- package/lib/components/StepsBlock/StepsBlockStyleMaps.js +2 -2
- package/lib/components/StepsBlock/StepsBlockStyleMaps.js.map +1 -1
- package/lib/ui-kit/LinkWrapper/LinkWrapper.js +2 -1
- package/lib/ui-kit/LinkWrapper/LinkWrapper.js.map +1 -1
- package/lib/ui-kit/SwipeListControl/SwipeListItem.js.map +1 -1
- package/mobile/bundle/bundle.umd.js +3 -3
- package/mobile/bundle/bundle.umd.min.js +1 -1
- package/mobile/bundle/components/CarouselRecommendationCard/CarouselRecommendationCardContent.d.ts +2 -0
- package/mobile/bundle/components/StepsBlock/StepsBlockContent.d.ts +10 -1
- package/mobile/dist/components/CarouselProductCard/CarouselProductCard.js +1 -1
- package/mobile/dist/components/CarouselProductCard/CarouselProductCard.js.map +1 -1
- package/mobile/dist/components/CarouselProgramsCard/CarouselProgramsCard.js +2 -2
- package/mobile/dist/components/CarouselProgramsCard/CarouselProgramsCard.js.map +1 -1
- package/mobile/dist/components/CarouselRecommendationCard/CarouselRecommendationCard.js +4 -6
- package/mobile/dist/components/CarouselRecommendationCard/CarouselRecommendationCard.js.map +1 -1
- package/mobile/dist/components/CarouselRecommendationCard/CarouselRecommendationCardContent.d.ts +2 -0
- package/mobile/dist/components/StepsBlock/StepsBlockContent.d.ts +10 -1
- package/mobile/dist/components/StepsBlock/StepsBlockStyleMaps.js +2 -2
- package/mobile/dist/components/StepsBlock/StepsBlockStyleMaps.js.map +1 -1
- package/mobile/dist/ui-kit/LinkWrapper/LinkWrapper.js +2 -1
- package/mobile/dist/ui-kit/LinkWrapper/LinkWrapper.js.map +1 -1
- package/mobile/lib/components/CarouselProductCard/CarouselProductCard.js +1 -1
- package/mobile/lib/components/CarouselProductCard/CarouselProductCard.js.map +1 -1
- package/mobile/lib/components/CarouselProgramsCard/CarouselProgramsCard.js +2 -2
- package/mobile/lib/components/CarouselProgramsCard/CarouselProgramsCard.js.map +1 -1
- package/mobile/lib/components/CarouselRecommendationCard/CarouselRecommendationCard.js +4 -6
- package/mobile/lib/components/CarouselRecommendationCard/CarouselRecommendationCard.js.map +1 -1
- package/mobile/lib/components/CarouselRecommendationCard/CarouselRecommendationCardContent.d.ts +2 -0
- package/mobile/lib/components/StepsBlock/StepsBlockContent.d.ts +10 -1
- package/mobile/lib/components/StepsBlock/StepsBlockStyleMaps.js +2 -2
- package/mobile/lib/components/StepsBlock/StepsBlockStyleMaps.js.map +1 -1
- package/mobile/lib/ui-kit/LinkWrapper/LinkWrapper.js +2 -1
- package/mobile/lib/ui-kit/LinkWrapper/LinkWrapper.js.map +1 -1
- package/mobile/lib/ui-kit/SwipeListControl/SwipeListItem.js.map +1 -1
- package/mobile/src/components/CarouselProductCard/CarouselProductCard.tsx +1 -1
- package/mobile/src/components/CarouselProgramsCard/CarouselProgramsCard.tsx +3 -3
- package/mobile/src/components/CarouselRecommendationCard/CarouselRecommendationCard.example.json +1 -0
- package/mobile/src/components/CarouselRecommendationCard/CarouselRecommendationCard.tsx +19 -30
- package/mobile/src/components/CarouselRecommendationCard/CarouselRecommendationCardContent.ts +2 -0
- package/mobile/src/components/StepsBlock/StepsBlock.example.json +7 -5
- package/mobile/src/components/StepsBlock/StepsBlock.ui.json +10 -0
- package/mobile/src/components/StepsBlock/StepsBlockContent.ts +10 -2
- package/mobile/src/components/StepsBlock/StepsBlockStyleMaps.ts +3 -2
- package/mobile/src/ui-kit/LinkWrapper/LinkWrapper.tsx +2 -1
- package/mobile/src/ui-kit/SwipeListControl/SwipeListItem.tsx +1 -1
- package/package.json +1 -1
- package/src/components/Blocks.ts +0 -2
- package/src/components/Carousel/Carousel.fixture.tsx +25 -2
- package/src/components/CarouselProductCard/CarouselProductCard.tsx +1 -1
- package/src/components/CarouselProgramsCard/CarouselProgramsCard.fixture.tsx +2 -2
- package/src/components/CarouselProgramsCard/CarouselProgramsCard.tsx +3 -3
- package/src/components/CarouselRecommendationCard/CarouselRecommendationCard.example.json +1 -0
- package/src/components/CarouselRecommendationCard/CarouselRecommendationCard.fixture.tsx +28 -1
- package/src/components/CarouselRecommendationCard/CarouselRecommendationCard.tsx +19 -30
- package/src/components/CarouselRecommendationCard/CarouselRecommendationCardContent.ts +2 -0
- package/src/components/StepsBlock/StepsBlock.example.json +7 -5
- package/src/components/StepsBlock/StepsBlock.fixture.tsx +14 -8
- package/src/components/StepsBlock/StepsBlock.tsx +13 -4
- package/src/components/StepsBlock/StepsBlock.ui.json +10 -0
- package/src/components/StepsBlock/StepsBlockContent.ts +10 -2
- package/src/components/StepsBlock/StepsBlockStyleMaps.ts +3 -2
- package/src/ui-kit/LinkWrapper/LinkWrapper.tsx +2 -1
- package/src/ui-kit/SwipeListControl/SwipeListItem.tsx +1 -1
- package/bundle/components/Recommendation/Recommendation.d.ts +0 -5
- package/bundle/components/Recommendation/RecommendationCard.d.ts +0 -5
- package/bundle/components/Recommendation/RecommendationContent.d.ts +0 -24
- package/dist/components/Recommendation/Recommendation.d.ts +0 -5
- package/dist/components/Recommendation/Recommendation.js +0 -26
- package/dist/components/Recommendation/Recommendation.js.map +0 -1
- package/dist/components/Recommendation/RecommendationCard.d.ts +0 -5
- package/dist/components/Recommendation/RecommendationCard.js +0 -17
- package/dist/components/Recommendation/RecommendationCard.js.map +0 -1
- package/dist/components/Recommendation/RecommendationContent.d.ts +0 -24
- package/dist/components/Recommendation/RecommendationContent.js +0 -2
- package/dist/components/Recommendation/RecommendationContent.js.map +0 -1
- package/lib/components/Recommendation/Recommendation.d.ts +0 -5
- package/lib/components/Recommendation/Recommendation.fixture.d.ts +0 -15
- package/lib/components/Recommendation/Recommendation.js +0 -24
- package/lib/components/Recommendation/Recommendation.js.map +0 -1
- package/lib/components/Recommendation/RecommendationCard.d.ts +0 -5
- package/lib/components/Recommendation/RecommendationCard.js +0 -15
- package/lib/components/Recommendation/RecommendationCard.js.map +0 -1
- package/lib/components/Recommendation/RecommendationContent.d.ts +0 -24
- package/lib/components/Recommendation/RecommendationContent.js +0 -2
- package/lib/components/Recommendation/RecommendationContent.js.map +0 -1
- package/mobile/bundle/components/Recommendation/Recommendation.d.ts +0 -5
- package/mobile/bundle/components/Recommendation/RecommendationCard.d.ts +0 -5
- package/mobile/bundle/components/Recommendation/RecommendationContent.d.ts +0 -24
- package/mobile/dist/components/Recommendation/Recommendation.d.ts +0 -5
- package/mobile/dist/components/Recommendation/Recommendation.js +0 -26
- package/mobile/dist/components/Recommendation/Recommendation.js.map +0 -1
- package/mobile/dist/components/Recommendation/RecommendationCard.d.ts +0 -5
- package/mobile/dist/components/Recommendation/RecommendationCard.js +0 -17
- package/mobile/dist/components/Recommendation/RecommendationCard.js.map +0 -1
- package/mobile/dist/components/Recommendation/RecommendationContent.d.ts +0 -24
- package/mobile/dist/components/Recommendation/RecommendationContent.js +0 -2
- package/mobile/dist/components/Recommendation/RecommendationContent.js.map +0 -1
- package/mobile/lib/components/Recommendation/Recommendation.d.ts +0 -5
- package/mobile/lib/components/Recommendation/Recommendation.js +0 -24
- package/mobile/lib/components/Recommendation/Recommendation.js.map +0 -1
- package/mobile/lib/components/Recommendation/RecommendationCard.d.ts +0 -5
- package/mobile/lib/components/Recommendation/RecommendationCard.js +0 -15
- package/mobile/lib/components/Recommendation/RecommendationCard.js.map +0 -1
- package/mobile/lib/components/Recommendation/RecommendationContent.d.ts +0 -24
- package/mobile/lib/components/Recommendation/RecommendationContent.js +0 -2
- package/mobile/lib/components/Recommendation/RecommendationContent.js.map +0 -1
- package/mobile/src/components/Catalog/Catalog.ui.json +0 -1
- package/mobile/src/components/Recommendation/Recommendation.example.json +0 -61
- package/mobile/src/components/Recommendation/Recommendation.tsx +0 -66
- package/mobile/src/components/Recommendation/Recommendation.ui.json +0 -19
- package/mobile/src/components/Recommendation/RecommendationCard.tsx +0 -49
- package/mobile/src/components/Recommendation/RecommendationContent.ts +0 -27
- package/src/components/Catalog/Catalog.ui.json +0 -1
- package/src/components/Recommendation/Recommendation.example.json +0 -61
- package/src/components/Recommendation/Recommendation.fixture.tsx +0 -176
- package/src/components/Recommendation/Recommendation.tsx +0 -66
- package/src/components/Recommendation/Recommendation.ui.json +0 -19
- package/src/components/Recommendation/RecommendationCard.tsx +0 -49
- package/src/components/Recommendation/RecommendationContent.ts +0 -27
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import type { BlockVersion } from '../../model/BlockVersion';
|
|
2
2
|
import type { BulletsProps } from '../../model/Bullets';
|
|
3
3
|
import type { ButtonCommonIconProps } from '../../model/Button';
|
|
4
|
+
import type { ButtonWithIconProps } from '../../ui-kit/Button/ButtonProps';
|
|
4
5
|
import type { DefaultListItemType } from '../../model/DefaultListItemType';
|
|
5
6
|
import type { DescriptionProps, HeadlineCommonProps, LabelProps } from '../../model/HeadlineType';
|
|
6
7
|
import type { UniBlockContent } from '../../model/JSXBlock';
|
|
@@ -27,7 +28,7 @@ export declare type Step = DefaultStep | RichTextStep;
|
|
|
27
28
|
/**
|
|
28
29
|
* @title Блок шаги
|
|
29
30
|
*/
|
|
30
|
-
export declare type StepsBlockContent = UniBlockContent & HeadlineCommonProps &
|
|
31
|
+
export declare type StepsBlockContent = UniBlockContent & HeadlineCommonProps & {
|
|
31
32
|
/** @title Линии */
|
|
32
33
|
showLines?: boolean;
|
|
33
34
|
/**
|
|
@@ -36,8 +37,16 @@ export declare type StepsBlockContent = UniBlockContent & HeadlineCommonProps &
|
|
|
36
37
|
* @maxItems 5
|
|
37
38
|
*/
|
|
38
39
|
steps?: Step[];
|
|
40
|
+
/**
|
|
41
|
+
* @title Тема шагов
|
|
42
|
+
*/
|
|
39
43
|
stepVersion?: BlockVersion;
|
|
40
44
|
/** @title Размер шагов */
|
|
41
45
|
size?: SizeVersion;
|
|
46
|
+
/**
|
|
47
|
+
* @title Кнопки
|
|
48
|
+
* @maxItems 2
|
|
49
|
+
*/
|
|
50
|
+
buttons?: ButtonWithIconProps[];
|
|
42
51
|
};
|
|
43
52
|
export {};
|
|
@@ -12,7 +12,7 @@ const Text_1 = require("../../ui-kit/Text/Text");
|
|
|
12
12
|
const style_1 = require("../../utils/style");
|
|
13
13
|
const headlineVersionStyles_1 = require("../Headline/headlineVersionStyles");
|
|
14
14
|
exports.CarouselProductCard = (0, uni_jsx_1.JSX)(({ additionalDescription, align = 'text-center', button = {}, className = '', description, headlineSmallVersion = 'H6', href, icon, isDotted = true, items = [], target, title, version = 'primary', ...rest }) => {
|
|
15
|
-
return ((0, jsx_runtime_1.jsxs)(BlockWrapper_1.BlockWrapper, { className: (0, style_1.style)('justify-between min-w-[260px]', 'box-border border-solid border border-gray', align, className), version: version, ...rest, children: [(0, jsx_runtime_1.jsxs)(LinkWrapper_1.LinkWrapper, { className: "p-6", href: href, target: target, children: [renderImage(icon), renderCardTitle(headlineSmallVersion, title), renderDescription(description, title), renderItems(items, isDotted, version), renderAdditionalDescription(additionalDescription)] }), (0, renderButtonsSection_1.renderButtonsSection)([button], { className: 'p-6 pt-0', isVertical: true })] }));
|
|
15
|
+
return ((0, jsx_runtime_1.jsxs)(BlockWrapper_1.BlockWrapper, { className: (0, style_1.style)('h-full flex flex-col justify-between min-w-[260px]', 'box-border border-solid border border-gray', align, className), version: version, ...rest, children: [(0, jsx_runtime_1.jsxs)(LinkWrapper_1.LinkWrapper, { className: "p-6", href: href, target: target, children: [renderImage(icon), renderCardTitle(headlineSmallVersion, title), renderDescription(description, title), renderItems(items, isDotted, version), renderAdditionalDescription(additionalDescription)] }), (0, renderButtonsSection_1.renderButtonsSection)([button], { className: 'p-6 pt-0', isVertical: true })] }));
|
|
16
16
|
});
|
|
17
17
|
const renderImage = (image) => ((0, jsx_runtime_1.jsxs)("div", { className: "flex justify-center", children: [image?.src ? (0, jsx_runtime_1.jsx)(Img_1.Img, { className: "mb-5", image: image }) : null, image?.icon ? ((0, jsx_runtime_1.jsx)(Img_1.Img, { className: `w-[32px] h-[32px] min-w-[32px] mb-5 rounded-full`, image: image, asSVG: true })) : null] }));
|
|
18
18
|
const renderCardTitle = (headlineSmallVersion, title) => title ? ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { size: headlineVersionStyles_1.HEADLINE_SMALL_VERSION[headlineSmallVersion], children: title }) })) : null;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CarouselProductCard.js","sourceRoot":"","sources":["../../../src/components/CarouselProductCard/CarouselProductCard.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAIxC,4DAAyD;AACzD,mFAAgF;AAChF,8CAA2C;AAC3C,sEAAmE;AACnE,iDAA8C;AAC9C,gEAA6D;AAC7D,iDAA8C;AAC9C,6CAA0C;AAC1C,6EAA2E;AAK9D,QAAA,mBAAmB,GAAG,IAAA,aAAG,EACpC,CAAC,EACC,qBAAqB,EACrB,KAAK,GAAG,aAAa,EACrB,MAAM,GAAG,EAAE,EACX,SAAS,GAAG,EAAE,EACd,WAAW,EACX,oBAAoB,GAAG,IAAI,EAC3B,IAAI,EACJ,IAAI,EACJ,QAAQ,GAAG,IAAI,EACf,KAAK,GAAG,EAAE,EACV,MAAM,EACN,KAAK,EACL,OAAO,GAAG,SAAS,EACnB,GAAG,IAAI,EACR,EAAE,EAAE;IACH,OAAO,CACL,wBAAC,2BAAY,IACX,SAAS,EAAE,IAAA,aAAK,EACd
|
|
1
|
+
{"version":3,"file":"CarouselProductCard.js","sourceRoot":"","sources":["../../../src/components/CarouselProductCard/CarouselProductCard.tsx"],"names":[],"mappings":"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"}
|
|
@@ -9,7 +9,7 @@ const LinkWrapper_1 = require("../../ui-kit/LinkWrapper/LinkWrapper");
|
|
|
9
9
|
const getIconWithVersion_1 = require("../../utils/getIconWithVersion");
|
|
10
10
|
const style_1 = require("../../utils/style");
|
|
11
11
|
exports.CarouselProgramsCard = (0, uni_jsx_1.JSX)(({ className = '', title, icon, list = [], href, target, ...rest }) => {
|
|
12
|
-
return ((0, jsx_runtime_1.jsx)(BlockWrapper_1.BlockWrapper, { className: (0, style_1.style)('border border-gray
|
|
12
|
+
return ((0, jsx_runtime_1.jsx)(BlockWrapper_1.BlockWrapper, { className: (0, style_1.style)('border border-gray', className), ...rest, children: (0, jsx_runtime_1.jsxs)(LinkWrapper_1.LinkWrapper, { className: "flex", href: href, target: target, children: [(0, jsx_runtime_1.jsxs)("div", { className: "w-[200px] min-w-[200px] self-center", children: [icon?.icon ? (0, jsx_runtime_1.jsx)(Img_1.Img, { image: (0, getIconWithVersion_1.getIconWithVersion)(icon), asSVG: true }) : null, icon?.src ? (0, jsx_runtime_1.jsx)(Img_1.Img, { image: icon }) : null] }), (0, jsx_runtime_1.jsxs)("div", { className: "p-8 pl-3 w-full", children: [title ? (0, jsx_runtime_1.jsx)(Heading_1.Heading, { className: "mb-3.5", headingType: "h5", title: title }) : null, list.length ? ((0, jsx_runtime_1.jsx)("div", { className: "flex flex-col gap-3", children: list?.map(renderList) })) : null] })] }) }));
|
|
13
13
|
});
|
|
14
|
-
const renderList = (_, i) => ((0, jsx_runtime_1.jsxs)("div", { className: "break-words", children: [_.title ? (0, jsx_runtime_1.jsx)("div", { className:
|
|
14
|
+
const renderList = (_, i) => ((0, jsx_runtime_1.jsxs)("div", { className: "break-words", children: [_.title ? (0, jsx_runtime_1.jsx)("div", { className: "text-h6", children: _.title }) : null, _.description ? (0, jsx_runtime_1.jsx)("span", { className: "text-l-light mt-1", children: _.description }) : null] }, String(i)));
|
|
15
15
|
//# sourceMappingURL=CarouselProgramsCard.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CarouselProgramsCard.js","sourceRoot":"","sources":["../../../src/components/CarouselProgramsCard/CarouselProgramsCard.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAGxC,4DAAyD;AACzD,0DAAuD;AACvD,8CAA2C;AAC3C,sEAAmE;AACnE,uEAAoE;AACpE,6CAA0C;AAK7B,QAAA,oBAAoB,GAAG,IAAA,aAAG,EACrC,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,GAAG,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IACpE,OAAO,CACL,uBAAC,2BAAY,IAAC,SAAS,EAAE,IAAA,aAAK,EAAC,
|
|
1
|
+
{"version":3,"file":"CarouselProgramsCard.js","sourceRoot":"","sources":["../../../src/components/CarouselProgramsCard/CarouselProgramsCard.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAGxC,4DAAyD;AACzD,0DAAuD;AACvD,8CAA2C;AAC3C,sEAAmE;AACnE,uEAAoE;AACpE,6CAA0C;AAK7B,QAAA,oBAAoB,GAAG,IAAA,aAAG,EACrC,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,GAAG,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IACpE,OAAO,CACL,uBAAC,2BAAY,IAAC,SAAS,EAAE,IAAA,aAAK,EAAC,oBAAoB,EAAE,SAAS,CAAC,KAAM,IAAI,YACvE,wBAAC,yBAAW,IAAC,SAAS,EAAC,MAAM,EAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,aACtD,iCAAK,SAAS,EAAC,qCAAqC,aACjD,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,uBAAC,SAAG,IAAC,KAAK,EAAE,IAAA,uCAAkB,EAAC,IAAI,CAAC,EAAE,KAAK,SAAG,CAAC,CAAC,CAAC,IAAI,EAClE,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC,uBAAC,SAAG,IAAC,KAAK,EAAE,IAAI,GAAI,CAAC,CAAC,CAAC,IAAI,IACpC,EACN,iCAAK,SAAS,EAAC,iBAAiB,aAC7B,KAAK,CAAC,CAAC,CAAC,uBAAC,iBAAO,IAAC,SAAS,EAAC,QAAQ,EAAC,WAAW,EAAC,IAAI,EAAC,KAAK,EAAE,KAAK,GAAI,CAAC,CAAC,CAAC,IAAI,EAC5E,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CACb,gCAAK,SAAS,EAAC,qBAAqB,YAAE,IAAI,EAAE,GAAG,CAAC,UAAU,CAAC,GAAO,CACnE,CAAC,CAAC,CAAC,IAAI,IACJ,IACM,GACD,CAChB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,CAAsB,EAAE,CAAS,EAAE,EAAE,CAAC,CACxD,iCAAqB,SAAS,EAAC,aAAa,aACzC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,gCAAK,SAAS,EAAC,SAAS,YAAE,CAAC,CAAC,KAAK,GAAO,CAAC,CAAC,CAAC,IAAI,EACzD,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,iCAAM,SAAS,EAAC,mBAAmB,YAAE,CAAC,CAAC,WAAW,GAAQ,CAAC,CAAC,CAAC,IAAI,KAF1E,MAAM,CAAC,CAAC,CAAC,CAGb,CACP,CAAC"}
|
|
@@ -3,18 +3,16 @@ exports.CarouselRecommendationCard = void 0;
|
|
|
3
3
|
const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
|
|
4
4
|
const uni_jsx_1 = require("@redneckz/uni-jsx");
|
|
5
5
|
const BlockWrapper_1 = require("../../ui-kit/BlockWrapper");
|
|
6
|
-
const Heading_1 = require("../../ui-kit/Heading/Heading");
|
|
7
6
|
const Img_1 = require("../../ui-kit/Img/Img");
|
|
8
7
|
const LinkWrapper_1 = require("../../ui-kit/LinkWrapper/LinkWrapper");
|
|
9
8
|
const List_1 = require("../../ui-kit/List/List");
|
|
10
|
-
const Paragraph_1 = require("../../ui-kit/Paragraph/Paragraph");
|
|
11
9
|
const getIconWithVersion_1 = require("../../utils/getIconWithVersion");
|
|
12
10
|
const style_1 = require("../../utils/style");
|
|
13
11
|
const SocialMedia_1 = require("../Footer/SocialMedia");
|
|
12
|
+
const Headline_1 = require("../Headline/Headline");
|
|
14
13
|
const BORDER_STYLE = 'border border-solid border-gray group-data-secondary:border-white/50 group-data-gray:border-main-divider';
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
return ((0, jsx_runtime_1.jsx)(BlockWrapper_1.BlockWrapper, { className: (0, style_1.style)('relative p-12 min-w-[524px] h-full flex flex-col box-border group-data-gray:bg-main-divider/50', BORDER_STYLE, className), version: version, ...rest, children: (0, jsx_runtime_1.jsxs)(LinkWrapper_1.LinkWrapper, { className: "flex flex-col", href: href, target: target, children: [(0, jsx_runtime_1.jsx)("div", { className: "self-center", children: title ? (0, jsx_runtime_1.jsx)(Heading_1.Heading, { headingType: "h3", as: "h3", className: "mb-8", title: title }) : null }), (0, jsx_runtime_1.jsx)("div", { className: "mb-5", children: description ? ((0, jsx_runtime_1.jsx)(Paragraph_1.Paragraph, { size: "text-xl", font: "font-light", color: "group-data-gray:text-secondary-text", children: description })) : null }), (0, jsx_runtime_1.jsxs)("div", { className: "flex align-center w-full", children: [(0, jsx_runtime_1.jsxs)("div", { className: "w-1/2 h-full flex flex-col flex-1 justify-end", children: [items.length ? ((0, jsx_runtime_1.jsx)(List_1.List, { className: "text-xl-light flex flex-col gap-2 pb-16 mb-3", items: items })) : null, socialMedia.length ? (0, jsx_runtime_1.jsx)(SocialMedia_1.SocialMedia, { className: "pb-0", media: socialMedia }) : null] }), renderIconBlock(icon, items)] })] }) }));
|
|
14
|
+
exports.CarouselRecommendationCard = (0, uni_jsx_1.JSX)(({ className = '', description, href, icon, items = [], socialMedia = [], target, title, align = 'text-left', version = 'primary', ...rest }) => {
|
|
15
|
+
return ((0, jsx_runtime_1.jsx)(BlockWrapper_1.BlockWrapper, { className: (0, style_1.style)('relative p-7 min-w-[524px] min-h-[218px] h-full box-border group-data-gray:bg-main-divider/50', BORDER_STYLE, className), version: version, ...rest, children: (0, jsx_runtime_1.jsxs)(LinkWrapper_1.LinkWrapper, { href: href, target: target, children: [(0, jsx_runtime_1.jsx)(Headline_1.Headline, { className: "mb-4", title: title, description: description, headlineVersion: "S", isPadding: false, align: align }), (0, jsx_runtime_1.jsxs)("div", { className: "w-1/2 h-full flex flex-col flex-1 justify-end", children: [items.length ? ((0, jsx_runtime_1.jsx)(List_1.List, { className: "flex flex-col gap-2", itemClassName: "text-l-light", items: items })) : null, socialMedia.length ? (0, jsx_runtime_1.jsx)(SocialMedia_1.SocialMedia, { className: "pt-10", media: socialMedia }) : null] }), renderIconBlock(icon)] }) }));
|
|
18
16
|
});
|
|
19
|
-
const renderIconBlock = (icon
|
|
17
|
+
const renderIconBlock = (icon) => ((0, jsx_runtime_1.jsxs)("div", { className: "absolute bottom-0 right-0", children: [icon?.icon ? (0, jsx_runtime_1.jsx)(Img_1.Img, { image: (0, getIconWithVersion_1.getIconWithVersion)(icon), asSVG: true }) : null, icon?.src ? (0, jsx_runtime_1.jsx)(Img_1.Img, { image: icon }) : null] }));
|
|
20
18
|
//# sourceMappingURL=CarouselRecommendationCard.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CarouselRecommendationCard.js","sourceRoot":"","sources":["../../../src/components/CarouselRecommendationCard/CarouselRecommendationCard.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAGxC,4DAAyD;AACzD,
|
|
1
|
+
{"version":3,"file":"CarouselRecommendationCard.js","sourceRoot":"","sources":["../../../src/components/CarouselRecommendationCard/CarouselRecommendationCard.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAGxC,4DAAyD;AACzD,8CAA2C;AAC3C,sEAAmE;AACnE,iDAA8C;AAC9C,uEAAoE;AACpE,6CAA0C;AAC1C,uDAAoD;AACpD,mDAAgD;AAGhD,MAAM,YAAY,GAChB,0GAA0G,CAAC;AAIhG,QAAA,0BAA0B,GAAG,IAAA,aAAG,EAC3C,CAAC,EACC,SAAS,GAAG,EAAE,EACd,WAAW,EACX,IAAI,EACJ,IAAI,EACJ,KAAK,GAAG,EAAE,EACV,WAAW,GAAG,EAAE,EAChB,MAAM,EACN,KAAK,EACL,KAAK,GAAG,WAAW,EACnB,OAAO,GAAG,SAAS,EACnB,GAAG,IAAI,EACR,EAAE,EAAE;IACH,OAAO,CACL,uBAAC,2BAAY,IACX,SAAS,EAAE,IAAA,aAAK,EACd,+FAA+F,EAC/F,YAAY,EACZ,SAAS,CACV,EACD,OAAO,EAAE,OAAO,KACZ,IAAI,YAER,wBAAC,yBAAW,IAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,aACrC,uBAAC,mBAAQ,IACP,SAAS,EAAC,MAAM,EAChB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,eAAe,EAAC,GAAG,EACnB,SAAS,EAAE,KAAK,EAChB,KAAK,EAAE,KAAK,GACZ,EACF,iCAAK,SAAS,EAAC,+CAA+C,aAC3D,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CACd,uBAAC,WAAI,IAAC,SAAS,EAAC,qBAAqB,EAAC,aAAa,EAAC,cAAc,EAAC,KAAK,EAAE,KAAK,GAAI,CACpF,CAAC,CAAC,CAAC,IAAI,EACP,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,uBAAC,yBAAW,IAAC,SAAS,EAAC,OAAO,EAAC,KAAK,EAAE,WAAW,GAAI,CAAC,CAAC,CAAC,IAAI,IAC9E,EACL,eAAe,CAAC,IAAI,CAAC,IACV,GACD,CAChB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,eAAe,GAAG,CAAC,IAAyB,EAAE,EAAE,CAAC,CACrD,iCAAK,SAAS,EAAC,2BAA2B,aACvC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,uBAAC,SAAG,IAAC,KAAK,EAAE,IAAA,uCAAkB,EAAC,IAAI,CAAC,EAAE,KAAK,SAAG,CAAC,CAAC,CAAC,IAAI,EAClE,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC,uBAAC,SAAG,IAAC,KAAK,EAAE,IAAI,GAAI,CAAC,CAAC,CAAC,IAAI,IACpC,CACP,CAAC"}
|
package/mobile/dist/components/CarouselRecommendationCard/CarouselRecommendationCardContent.d.ts
CHANGED
|
@@ -5,6 +5,7 @@ import type { LinkCommonProps } from '../../model/LinkProps';
|
|
|
5
5
|
import type { IconProps } from '../../model/Picture';
|
|
6
6
|
import type { ButtonWithIconProps } from '../../ui-kit/Button/ButtonProps';
|
|
7
7
|
import type { ListContent } from '../../ui-kit/List/ListContent';
|
|
8
|
+
import type { TextAlign } from '../../ui-kit/Text/TextProps';
|
|
8
9
|
export declare type RecommendationSocialMedia = LinkCommonProps & IconProps & ButtonWithIconProps & {
|
|
9
10
|
version: ButtonVersion;
|
|
10
11
|
rounded?: boolean;
|
|
@@ -15,4 +16,5 @@ export declare type RecommendationSocialMedia = LinkCommonProps & IconProps & Bu
|
|
|
15
16
|
export declare type CarouselRecommendationCardContent = UniBlockContent & HeadlineCommonProps & ListContent & IconProps & LinkCommonProps & {
|
|
16
17
|
/** @title Соц сети */
|
|
17
18
|
socialMedia?: RecommendationSocialMedia[];
|
|
19
|
+
align?: TextAlign;
|
|
18
20
|
};
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import type { BlockVersion } from '../../model/BlockVersion';
|
|
2
2
|
import type { BulletsProps } from '../../model/Bullets';
|
|
3
3
|
import type { ButtonCommonIconProps } from '../../model/Button';
|
|
4
|
+
import type { ButtonWithIconProps } from '../../ui-kit/Button/ButtonProps';
|
|
4
5
|
import type { DefaultListItemType } from '../../model/DefaultListItemType';
|
|
5
6
|
import type { DescriptionProps, HeadlineCommonProps, LabelProps } from '../../model/HeadlineType';
|
|
6
7
|
import type { UniBlockContent } from '../../model/JSXBlock';
|
|
@@ -27,7 +28,7 @@ export declare type Step = DefaultStep | RichTextStep;
|
|
|
27
28
|
/**
|
|
28
29
|
* @title Блок шаги
|
|
29
30
|
*/
|
|
30
|
-
export declare type StepsBlockContent = UniBlockContent & HeadlineCommonProps &
|
|
31
|
+
export declare type StepsBlockContent = UniBlockContent & HeadlineCommonProps & {
|
|
31
32
|
/** @title Линии */
|
|
32
33
|
showLines?: boolean;
|
|
33
34
|
/**
|
|
@@ -36,8 +37,16 @@ export declare type StepsBlockContent = UniBlockContent & HeadlineCommonProps &
|
|
|
36
37
|
* @maxItems 5
|
|
37
38
|
*/
|
|
38
39
|
steps?: Step[];
|
|
40
|
+
/**
|
|
41
|
+
* @title Тема шагов
|
|
42
|
+
*/
|
|
39
43
|
stepVersion?: BlockVersion;
|
|
40
44
|
/** @title Размер шагов */
|
|
41
45
|
size?: SizeVersion;
|
|
46
|
+
/**
|
|
47
|
+
* @title Кнопки
|
|
48
|
+
* @maxItems 2
|
|
49
|
+
*/
|
|
50
|
+
buttons?: ButtonWithIconProps[];
|
|
42
51
|
};
|
|
43
52
|
export {};
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
2
2
|
exports.STEPS_BLOCK_STYLE = void 0;
|
|
3
3
|
exports.STEPS_BLOCK_STYLE = {
|
|
4
|
-
description: 'text-white/80 text-l-light group-data-primary:text-secondary-text',
|
|
5
|
-
iconText: 'text-white group-data-primary:text-secondary-text',
|
|
4
|
+
description: 'text-white/80 text-l-light group-data-primary:text-secondary-text group-data-gray:text-secondary-text',
|
|
5
|
+
iconText: 'text-white group-data-primary:text-secondary-text group-data-gray:text-secondary-text',
|
|
6
6
|
iconBackground: 'bg-white/30 group-data-primary:bg-main-divider',
|
|
7
7
|
iconConnector: 'bg-white group-data-primary:bg-secondary-light',
|
|
8
8
|
dot: 'bg-white/80 group-data-primary:bg-secondary-text',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StepsBlockStyleMaps.js","sourceRoot":"","sources":["../../../src/components/StepsBlock/StepsBlockStyleMaps.ts"],"names":[],"mappings":";;AAQa,QAAA,iBAAiB,GAAc;IAC1C,WAAW,
|
|
1
|
+
{"version":3,"file":"StepsBlockStyleMaps.js","sourceRoot":"","sources":["../../../src/components/StepsBlock/StepsBlockStyleMaps.ts"],"names":[],"mappings":";;AAQa,QAAA,iBAAiB,GAAc;IAC1C,WAAW,EACT,uGAAuG;IACzG,QAAQ,EAAE,uFAAuF;IACjG,cAAc,EAAE,gDAAgD;IAChE,aAAa,EAAE,gDAAgD;IAC/D,GAAG,EAAE,kDAAkD;CACxD,CAAC"}
|
|
@@ -3,10 +3,11 @@ exports.LinkWrapper = void 0;
|
|
|
3
3
|
const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
|
|
4
4
|
const uni_jsx_1 = require("@redneckz/uni-jsx");
|
|
5
5
|
const useLink_1 = require("../../hooks/useLink");
|
|
6
|
+
const style_1 = require("../../utils/style");
|
|
6
7
|
exports.LinkWrapper = (0, uni_jsx_1.JSX)(({ className = '', href, target, children }) => {
|
|
7
8
|
const link = (0, useLink_1.useLink)();
|
|
8
9
|
const linkProps = link({ href, target });
|
|
9
10
|
const Tag = href ? 'a' : 'div';
|
|
10
|
-
return ((0, jsx_runtime_1.jsx)(Tag, { className: className, ...(href ? linkProps : {}), children: children }));
|
|
11
|
+
return ((0, jsx_runtime_1.jsx)(Tag, { className: (0, style_1.style)('block', className), ...(href ? linkProps : {}), children: children }));
|
|
11
12
|
});
|
|
12
13
|
//# sourceMappingURL=LinkWrapper.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LinkWrapper.js","sourceRoot":"","sources":["../../../src/ui-kit/LinkWrapper/LinkWrapper.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,iDAA8C;
|
|
1
|
+
{"version":3,"file":"LinkWrapper.js","sourceRoot":"","sources":["../../../src/ui-kit/LinkWrapper/LinkWrapper.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,iDAA8C;AAE9C,6CAA0C;AAQ7B,QAAA,WAAW,GAAG,IAAA,aAAG,EAAmB,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC9F,MAAM,IAAI,GAAG,IAAA,iBAAO,GAAE,CAAC;IACvB,MAAM,SAAS,GAAG,IAAI,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC;IACzC,MAAM,GAAG,GAAG,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC;IAE/B,OAAO,CACL,uBAAC,GAAG,IAAC,SAAS,EAAE,IAAA,aAAK,EAAC,OAAO,EAAE,SAAS,CAAC,KAAM,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,YACnE,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -10,7 +10,7 @@ import { Text } from '../../ui-kit/Text/Text.js';
|
|
|
10
10
|
import { style } from '../../utils/style.js';
|
|
11
11
|
import { HEADLINE_SMALL_VERSION } from '../Headline/headlineVersionStyles.js';
|
|
12
12
|
export const CarouselProductCard = JSX(({ additionalDescription, align = 'text-center', button = {}, className = '', description, headlineSmallVersion = 'H6', href, icon, isDotted = true, items = [], target, title, version = 'primary', ...rest }) => {
|
|
13
|
-
return (_jsxs(BlockWrapper, { className: style('justify-between min-w-[260px]', 'box-border border-solid border border-gray', align, className), version: version, ...rest, children: [_jsxs(LinkWrapper, { className: "p-6", href: href, target: target, children: [renderImage(icon), renderCardTitle(headlineSmallVersion, title), renderDescription(description, title), renderItems(items, isDotted, version), renderAdditionalDescription(additionalDescription)] }), renderButtonsSection([button], { className: 'p-6 pt-0', isVertical: true })] }));
|
|
13
|
+
return (_jsxs(BlockWrapper, { className: style('h-full flex flex-col justify-between min-w-[260px]', 'box-border border-solid border border-gray', align, className), version: version, ...rest, children: [_jsxs(LinkWrapper, { className: "p-6", href: href, target: target, children: [renderImage(icon), renderCardTitle(headlineSmallVersion, title), renderDescription(description, title), renderItems(items, isDotted, version), renderAdditionalDescription(additionalDescription)] }), renderButtonsSection([button], { className: 'p-6 pt-0', isVertical: true })] }));
|
|
14
14
|
});
|
|
15
15
|
const renderImage = (image) => (_jsxs("div", { className: "flex justify-center", children: [image?.src ? _jsx(Img, { className: "mb-5", image: image }) : null, image?.icon ? (_jsx(Img, { className: `w-[32px] h-[32px] min-w-[32px] mb-5 rounded-full`, image: image, asSVG: true })) : null] }));
|
|
16
16
|
const renderCardTitle = (headlineSmallVersion, title) => title ? (_jsx("div", { children: _jsx(Text, { size: HEADLINE_SMALL_VERSION[headlineSmallVersion], children: title }) })) : null;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CarouselProductCard.js","sourceRoot":"","sources":["../../../src/components/CarouselProductCard/CarouselProductCard.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAIxC,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,oBAAoB,EAAE,MAAM,0CAA0C,CAAC;AAChF,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;AACnE,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAC7D,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,sBAAsB,EAAE,MAAM,mCAAmC,CAAC;AAK3E,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,CACpC,CAAC,EACC,qBAAqB,EACrB,KAAK,GAAG,aAAa,EACrB,MAAM,GAAG,EAAE,EACX,SAAS,GAAG,EAAE,EACd,WAAW,EACX,oBAAoB,GAAG,IAAI,EAC3B,IAAI,EACJ,IAAI,EACJ,QAAQ,GAAG,IAAI,EACf,KAAK,GAAG,EAAE,EACV,MAAM,EACN,KAAK,EACL,OAAO,GAAG,SAAS,EACnB,GAAG,IAAI,EACR,EAAE,EAAE;IACH,OAAO,CACL,MAAC,YAAY,IACX,SAAS,EAAE,KAAK,CACd
|
|
1
|
+
{"version":3,"file":"CarouselProductCard.js","sourceRoot":"","sources":["../../../src/components/CarouselProductCard/CarouselProductCard.tsx"],"names":[],"mappings":"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"}
|
|
@@ -7,7 +7,7 @@ import { LinkWrapper } from '../../ui-kit/LinkWrapper/LinkWrapper.js';
|
|
|
7
7
|
import { getIconWithVersion } from '../../utils/getIconWithVersion.js';
|
|
8
8
|
import { style } from '../../utils/style.js';
|
|
9
9
|
export const CarouselProgramsCard = JSX(({ className = '', title, icon, list = [], href, target, ...rest }) => {
|
|
10
|
-
return (_jsx(BlockWrapper, { className: style('border border-gray
|
|
10
|
+
return (_jsx(BlockWrapper, { className: style('border border-gray', className), ...rest, children: _jsxs(LinkWrapper, { className: "flex", href: href, target: target, children: [_jsxs("div", { className: "w-[200px] min-w-[200px] self-center", children: [icon?.icon ? _jsx(Img, { image: getIconWithVersion(icon), asSVG: true }) : null, icon?.src ? _jsx(Img, { image: icon }) : null] }), _jsxs("div", { className: "p-8 pl-3 w-full", children: [title ? _jsx(Heading, { className: "mb-3.5", headingType: "h5", title: title }) : null, list.length ? (_jsx("div", { className: "flex flex-col gap-3", children: list?.map(renderList) })) : null] })] }) }));
|
|
11
11
|
});
|
|
12
|
-
const renderList = (_, i) => (_jsxs("div", { className: "break-words", children: [_.title ? _jsx("div", { className:
|
|
12
|
+
const renderList = (_, i) => (_jsxs("div", { className: "break-words", children: [_.title ? _jsx("div", { className: "text-h6", children: _.title }) : null, _.description ? _jsx("span", { className: "text-l-light mt-1", children: _.description }) : null] }, String(i)));
|
|
13
13
|
//# sourceMappingURL=CarouselProgramsCard.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CarouselProgramsCard.js","sourceRoot":"","sources":["../../../src/components/CarouselProgramsCard/CarouselProgramsCard.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;AACnE,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAK1C,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,CACrC,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,GAAG,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IACpE,OAAO,CACL,KAAC,YAAY,IAAC,SAAS,EAAE,KAAK,CAAC,
|
|
1
|
+
{"version":3,"file":"CarouselProgramsCard.js","sourceRoot":"","sources":["../../../src/components/CarouselProgramsCard/CarouselProgramsCard.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;AACnE,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAK1C,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,CACrC,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,GAAG,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IACpE,OAAO,CACL,KAAC,YAAY,IAAC,SAAS,EAAE,KAAK,CAAC,oBAAoB,EAAE,SAAS,CAAC,KAAM,IAAI,YACvE,MAAC,WAAW,IAAC,SAAS,EAAC,MAAM,EAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,aACtD,eAAK,SAAS,EAAC,qCAAqC,aACjD,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,KAAC,GAAG,IAAC,KAAK,EAAE,kBAAkB,CAAC,IAAI,CAAC,EAAE,KAAK,SAAG,CAAC,CAAC,CAAC,IAAI,EAClE,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC,KAAC,GAAG,IAAC,KAAK,EAAE,IAAI,GAAI,CAAC,CAAC,CAAC,IAAI,IACpC,EACN,eAAK,SAAS,EAAC,iBAAiB,aAC7B,KAAK,CAAC,CAAC,CAAC,KAAC,OAAO,IAAC,SAAS,EAAC,QAAQ,EAAC,WAAW,EAAC,IAAI,EAAC,KAAK,EAAE,KAAK,GAAI,CAAC,CAAC,CAAC,IAAI,EAC5E,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CACb,cAAK,SAAS,EAAC,qBAAqB,YAAE,IAAI,EAAE,GAAG,CAAC,UAAU,CAAC,GAAO,CACnE,CAAC,CAAC,CAAC,IAAI,IACJ,IACM,GACD,CAChB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,CAAsB,EAAE,CAAS,EAAE,EAAE,CAAC,CACxD,eAAqB,SAAS,EAAC,aAAa,aACzC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,SAAS,YAAE,CAAC,CAAC,KAAK,GAAO,CAAC,CAAC,CAAC,IAAI,EACzD,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,mBAAmB,YAAE,CAAC,CAAC,WAAW,GAAQ,CAAC,CAAC,CAAC,IAAI,KAF1E,MAAM,CAAC,CAAC,CAAC,CAGb,CACP,CAAC"}
|
|
@@ -1,18 +1,16 @@
|
|
|
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 { BlockWrapper } from '../../ui-kit/BlockWrapper.js';
|
|
4
|
-
import { Heading } from '../../ui-kit/Heading/Heading.js';
|
|
5
4
|
import { Img } from '../../ui-kit/Img/Img.js';
|
|
6
5
|
import { LinkWrapper } from '../../ui-kit/LinkWrapper/LinkWrapper.js';
|
|
7
6
|
import { List } from '../../ui-kit/List/List.js';
|
|
8
|
-
import { Paragraph } from '../../ui-kit/Paragraph/Paragraph.js';
|
|
9
7
|
import { getIconWithVersion } from '../../utils/getIconWithVersion.js';
|
|
10
8
|
import { style } from '../../utils/style.js';
|
|
11
9
|
import { SocialMedia } from '../Footer/SocialMedia.js';
|
|
10
|
+
import { Headline } from '../Headline/Headline.js';
|
|
12
11
|
const BORDER_STYLE = 'border border-solid border-gray group-data-secondary:border-white/50 group-data-gray:border-main-divider';
|
|
13
|
-
const
|
|
14
|
-
|
|
15
|
-
return (_jsx(BlockWrapper, { className: style('relative p-12 min-w-[524px] h-full flex flex-col box-border group-data-gray:bg-main-divider/50', BORDER_STYLE, className), version: version, ...rest, children: _jsxs(LinkWrapper, { className: "flex flex-col", href: href, target: target, children: [_jsx("div", { className: "self-center", children: title ? _jsx(Heading, { headingType: "h3", as: "h3", className: "mb-8", title: title }) : null }), _jsx("div", { className: "mb-5", children: description ? (_jsx(Paragraph, { size: "text-xl", font: "font-light", color: "group-data-gray:text-secondary-text", children: description })) : null }), _jsxs("div", { className: "flex align-center w-full", children: [_jsxs("div", { className: "w-1/2 h-full flex flex-col flex-1 justify-end", children: [items.length ? (_jsx(List, { className: "text-xl-light flex flex-col gap-2 pb-16 mb-3", items: items })) : null, socialMedia.length ? _jsx(SocialMedia, { className: "pb-0", media: socialMedia }) : null] }), renderIconBlock(icon, items)] })] }) }));
|
|
12
|
+
export const CarouselRecommendationCard = JSX(({ className = '', description, href, icon, items = [], socialMedia = [], target, title, align = 'text-left', version = 'primary', ...rest }) => {
|
|
13
|
+
return (_jsx(BlockWrapper, { className: style('relative p-7 min-w-[524px] min-h-[218px] h-full box-border group-data-gray:bg-main-divider/50', BORDER_STYLE, className), version: version, ...rest, children: _jsxs(LinkWrapper, { href: href, target: target, children: [_jsx(Headline, { className: "mb-4", title: title, description: description, headlineVersion: "S", isPadding: false, align: align }), _jsxs("div", { className: "w-1/2 h-full flex flex-col flex-1 justify-end", children: [items.length ? (_jsx(List, { className: "flex flex-col gap-2", itemClassName: "text-l-light", items: items })) : null, socialMedia.length ? _jsx(SocialMedia, { className: "pt-10", media: socialMedia }) : null] }), renderIconBlock(icon)] }) }));
|
|
16
14
|
});
|
|
17
|
-
const renderIconBlock = (icon
|
|
15
|
+
const renderIconBlock = (icon) => (_jsxs("div", { className: "absolute bottom-0 right-0", children: [icon?.icon ? _jsx(Img, { image: getIconWithVersion(icon), asSVG: true }) : null, icon?.src ? _jsx(Img, { image: icon }) : null] }));
|
|
18
16
|
//# sourceMappingURL=CarouselRecommendationCard.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CarouselRecommendationCard.js","sourceRoot":"","sources":["../../../src/components/CarouselRecommendationCard/CarouselRecommendationCard.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"CarouselRecommendationCard.js","sourceRoot":"","sources":["../../../src/components/CarouselRecommendationCard/CarouselRecommendationCard.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;AACnE,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAGhD,MAAM,YAAY,GAChB,0GAA0G,CAAC;AAI7G,MAAM,CAAC,MAAM,0BAA0B,GAAG,GAAG,CAC3C,CAAC,EACC,SAAS,GAAG,EAAE,EACd,WAAW,EACX,IAAI,EACJ,IAAI,EACJ,KAAK,GAAG,EAAE,EACV,WAAW,GAAG,EAAE,EAChB,MAAM,EACN,KAAK,EACL,KAAK,GAAG,WAAW,EACnB,OAAO,GAAG,SAAS,EACnB,GAAG,IAAI,EACR,EAAE,EAAE;IACH,OAAO,CACL,KAAC,YAAY,IACX,SAAS,EAAE,KAAK,CACd,+FAA+F,EAC/F,YAAY,EACZ,SAAS,CACV,EACD,OAAO,EAAE,OAAO,KACZ,IAAI,YAER,MAAC,WAAW,IAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,aACrC,KAAC,QAAQ,IACP,SAAS,EAAC,MAAM,EAChB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,eAAe,EAAC,GAAG,EACnB,SAAS,EAAE,KAAK,EAChB,KAAK,EAAE,KAAK,GACZ,EACF,eAAK,SAAS,EAAC,+CAA+C,aAC3D,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CACd,KAAC,IAAI,IAAC,SAAS,EAAC,qBAAqB,EAAC,aAAa,EAAC,cAAc,EAAC,KAAK,EAAE,KAAK,GAAI,CACpF,CAAC,CAAC,CAAC,IAAI,EACP,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,KAAC,WAAW,IAAC,SAAS,EAAC,OAAO,EAAC,KAAK,EAAE,WAAW,GAAI,CAAC,CAAC,CAAC,IAAI,IAC9E,EACL,eAAe,CAAC,IAAI,CAAC,IACV,GACD,CAChB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,eAAe,GAAG,CAAC,IAAyB,EAAE,EAAE,CAAC,CACrD,eAAK,SAAS,EAAC,2BAA2B,aACvC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,KAAC,GAAG,IAAC,KAAK,EAAE,kBAAkB,CAAC,IAAI,CAAC,EAAE,KAAK,SAAG,CAAC,CAAC,CAAC,IAAI,EAClE,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC,KAAC,GAAG,IAAC,KAAK,EAAE,IAAI,GAAI,CAAC,CAAC,CAAC,IAAI,IACpC,CACP,CAAC"}
|
package/mobile/lib/components/CarouselRecommendationCard/CarouselRecommendationCardContent.d.ts
CHANGED
|
@@ -5,6 +5,7 @@ import type { LinkCommonProps } from '../../model/LinkProps';
|
|
|
5
5
|
import type { IconProps } from '../../model/Picture';
|
|
6
6
|
import type { ButtonWithIconProps } from '../../ui-kit/Button/ButtonProps';
|
|
7
7
|
import type { ListContent } from '../../ui-kit/List/ListContent';
|
|
8
|
+
import type { TextAlign } from '../../ui-kit/Text/TextProps';
|
|
8
9
|
export declare type RecommendationSocialMedia = LinkCommonProps & IconProps & ButtonWithIconProps & {
|
|
9
10
|
version: ButtonVersion;
|
|
10
11
|
rounded?: boolean;
|
|
@@ -15,4 +16,5 @@ export declare type RecommendationSocialMedia = LinkCommonProps & IconProps & Bu
|
|
|
15
16
|
export declare type CarouselRecommendationCardContent = UniBlockContent & HeadlineCommonProps & ListContent & IconProps & LinkCommonProps & {
|
|
16
17
|
/** @title Соц сети */
|
|
17
18
|
socialMedia?: RecommendationSocialMedia[];
|
|
19
|
+
align?: TextAlign;
|
|
18
20
|
};
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import type { BlockVersion } from '../../model/BlockVersion';
|
|
2
2
|
import type { BulletsProps } from '../../model/Bullets';
|
|
3
3
|
import type { ButtonCommonIconProps } from '../../model/Button';
|
|
4
|
+
import type { ButtonWithIconProps } from '../../ui-kit/Button/ButtonProps';
|
|
4
5
|
import type { DefaultListItemType } from '../../model/DefaultListItemType';
|
|
5
6
|
import type { DescriptionProps, HeadlineCommonProps, LabelProps } from '../../model/HeadlineType';
|
|
6
7
|
import type { UniBlockContent } from '../../model/JSXBlock';
|
|
@@ -27,7 +28,7 @@ export declare type Step = DefaultStep | RichTextStep;
|
|
|
27
28
|
/**
|
|
28
29
|
* @title Блок шаги
|
|
29
30
|
*/
|
|
30
|
-
export declare type StepsBlockContent = UniBlockContent & HeadlineCommonProps &
|
|
31
|
+
export declare type StepsBlockContent = UniBlockContent & HeadlineCommonProps & {
|
|
31
32
|
/** @title Линии */
|
|
32
33
|
showLines?: boolean;
|
|
33
34
|
/**
|
|
@@ -36,8 +37,16 @@ export declare type StepsBlockContent = UniBlockContent & HeadlineCommonProps &
|
|
|
36
37
|
* @maxItems 5
|
|
37
38
|
*/
|
|
38
39
|
steps?: Step[];
|
|
40
|
+
/**
|
|
41
|
+
* @title Тема шагов
|
|
42
|
+
*/
|
|
39
43
|
stepVersion?: BlockVersion;
|
|
40
44
|
/** @title Размер шагов */
|
|
41
45
|
size?: SizeVersion;
|
|
46
|
+
/**
|
|
47
|
+
* @title Кнопки
|
|
48
|
+
* @maxItems 2
|
|
49
|
+
*/
|
|
50
|
+
buttons?: ButtonWithIconProps[];
|
|
42
51
|
};
|
|
43
52
|
export {};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export const STEPS_BLOCK_STYLE = {
|
|
2
|
-
description: 'text-white/80 text-l-light group-data-primary:text-secondary-text',
|
|
3
|
-
iconText: 'text-white group-data-primary:text-secondary-text',
|
|
2
|
+
description: 'text-white/80 text-l-light group-data-primary:text-secondary-text group-data-gray:text-secondary-text',
|
|
3
|
+
iconText: 'text-white group-data-primary:text-secondary-text group-data-gray:text-secondary-text',
|
|
4
4
|
iconBackground: 'bg-white/30 group-data-primary:bg-main-divider',
|
|
5
5
|
iconConnector: 'bg-white group-data-primary:bg-secondary-light',
|
|
6
6
|
dot: 'bg-white/80 group-data-primary:bg-secondary-text',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StepsBlockStyleMaps.js","sourceRoot":"","sources":["../../../src/components/StepsBlock/StepsBlockStyleMaps.ts"],"names":[],"mappings":"AAQA,MAAM,CAAC,MAAM,iBAAiB,GAAc;IAC1C,WAAW,
|
|
1
|
+
{"version":3,"file":"StepsBlockStyleMaps.js","sourceRoot":"","sources":["../../../src/components/StepsBlock/StepsBlockStyleMaps.ts"],"names":[],"mappings":"AAQA,MAAM,CAAC,MAAM,iBAAiB,GAAc;IAC1C,WAAW,EACT,uGAAuG;IACzG,QAAQ,EAAE,uFAAuF;IACjG,cAAc,EAAE,gDAAgD;IAChE,aAAa,EAAE,gDAAgD;IAC/D,GAAG,EAAE,kDAAkD;CACxD,CAAC"}
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
|
|
2
2
|
import { JSX } from '@redneckz/uni-jsx';
|
|
3
3
|
import { useLink } from '../../hooks/useLink.js';
|
|
4
|
+
import { style } from '../../utils/style.js';
|
|
4
5
|
export const LinkWrapper = JSX(({ className = '', href, target, children }) => {
|
|
5
6
|
const link = useLink();
|
|
6
7
|
const linkProps = link({ href, target });
|
|
7
8
|
const Tag = href ? 'a' : 'div';
|
|
8
|
-
return (_jsx(Tag, { className: className, ...(href ? linkProps : {}), children: children }));
|
|
9
|
+
return (_jsx(Tag, { className: style('block', className), ...(href ? linkProps : {}), children: children }));
|
|
9
10
|
});
|
|
10
11
|
//# sourceMappingURL=LinkWrapper.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LinkWrapper.js","sourceRoot":"","sources":["../../../src/ui-kit/LinkWrapper/LinkWrapper.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"LinkWrapper.js","sourceRoot":"","sources":["../../../src/ui-kit/LinkWrapper/LinkWrapper.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAE9C,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAQ1C,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAmB,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC9F,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,MAAM,SAAS,GAAG,IAAI,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC;IACzC,MAAM,GAAG,GAAG,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC;IAE/B,OAAO,CACL,KAAC,GAAG,IAAC,SAAS,EAAE,KAAK,CAAC,OAAO,EAAE,SAAS,CAAC,KAAM,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,YACnE,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SwipeListItem.js","sourceRoot":"","sources":["../../../src/ui-kit/SwipeListControl/SwipeListItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAC1D,OAAO,
|
|
1
|
+
{"version":3,"file":"SwipeListItem.js","sourceRoot":"","sources":["../../../src/ui-kit/SwipeListControl/SwipeListItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EACL,uBAAuB,GAExB,MAAM,qCAAqC,CAAC;AAc7C,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAC9B,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,WAAW,EAAE,eAAe,EAAE,QAAQ,EAAE,cAAc,EAAE,EAAE,EAAE;IACzF,MAAM,gBAAgB,GAAG,WAAW,CAClC,CAAC,OAAoC,EAAE,EAAE;QACvC,IAAI,OAAO,CAAC,MAAM,IAAI,cAAc,EAAE;YACpC,cAAc,CAAC,GAAG,IAAI,CAAC,EAAE,OAAO,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC;SACvD;IACH,CAAC,EACD,CAAC,cAAc,EAAE,GAAG,CAAC,CACtB,CAAC;IACF,MAAM,GAAG,GAAG,uBAAuB,CAAiB,gBAAgB,EAAE,eAAe,CAAC,CAAC;IAEvF,OAAO,CACL,cACE,SAAS,EAAE,uCAAuC,SAAS,EAAE,EAC7D,KAAK,EAAE,KAAK,kBACE,OAAO,CAAC,GAAG,KAAK,WAAW,CAAC,EAC1C,GAAG,EAAE,GAAG,YAEP,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}
|
|
@@ -35,7 +35,7 @@ export const CarouselProductCard = JSX<CarouselProductCardProps>(
|
|
|
35
35
|
return (
|
|
36
36
|
<BlockWrapper
|
|
37
37
|
className={style(
|
|
38
|
-
'justify-between min-w-[260px]',
|
|
38
|
+
'h-full flex flex-col justify-between min-w-[260px]',
|
|
39
39
|
'box-border border-solid border border-gray',
|
|
40
40
|
align,
|
|
41
41
|
className,
|
|
@@ -14,14 +14,14 @@ export interface CarouselTariffsCardProps extends CarouselProgramsCardContent, U
|
|
|
14
14
|
export const CarouselProgramsCard = JSX<CarouselTariffsCardProps>(
|
|
15
15
|
({ className = '', title, icon, list = [], href, target, ...rest }) => {
|
|
16
16
|
return (
|
|
17
|
-
<BlockWrapper className={style('border border-gray
|
|
17
|
+
<BlockWrapper className={style('border border-gray', className)} {...rest}>
|
|
18
18
|
<LinkWrapper className="flex" href={href} target={target}>
|
|
19
19
|
<div className="w-[200px] min-w-[200px] self-center">
|
|
20
20
|
{icon?.icon ? <Img image={getIconWithVersion(icon)} asSVG /> : null}
|
|
21
21
|
{icon?.src ? <Img image={icon} /> : null}
|
|
22
22
|
</div>
|
|
23
23
|
<div className="p-8 pl-3 w-full">
|
|
24
|
-
{title ? <Heading className="
|
|
24
|
+
{title ? <Heading className="mb-3.5" headingType="h5" title={title} /> : null}
|
|
25
25
|
{list.length ? (
|
|
26
26
|
<div className="flex flex-col gap-3">{list?.map(renderList)}</div>
|
|
27
27
|
) : null}
|
|
@@ -34,7 +34,7 @@ export const CarouselProgramsCard = JSX<CarouselTariffsCardProps>(
|
|
|
34
34
|
|
|
35
35
|
const renderList = (_: HeadlineCommonProps, i: number) => (
|
|
36
36
|
<div key={String(i)} className="break-words">
|
|
37
|
-
{_.title ? <div className=
|
|
37
|
+
{_.title ? <div className="text-h6">{_.title}</div> : null}
|
|
38
38
|
{_.description ? <span className="text-l-light mt-1">{_.description}</span> : null}
|
|
39
39
|
</div>
|
|
40
40
|
);
|
|
@@ -2,22 +2,18 @@ import { JSX } from '@redneckz/uni-jsx';
|
|
|
2
2
|
import type { UniBlockProps } from '../../model/JSXBlock';
|
|
3
3
|
import type { Picture } from '../../model/Picture';
|
|
4
4
|
import { BlockWrapper } from '../../ui-kit/BlockWrapper';
|
|
5
|
-
import { Heading } from '../../ui-kit/Heading/Heading';
|
|
6
5
|
import { Img } from '../../ui-kit/Img/Img';
|
|
7
6
|
import { LinkWrapper } from '../../ui-kit/LinkWrapper/LinkWrapper';
|
|
8
7
|
import { List } from '../../ui-kit/List/List';
|
|
9
|
-
import { Paragraph } from '../../ui-kit/Paragraph/Paragraph';
|
|
10
8
|
import { getIconWithVersion } from '../../utils/getIconWithVersion';
|
|
11
9
|
import { style } from '../../utils/style';
|
|
12
10
|
import { SocialMedia } from '../Footer/SocialMedia';
|
|
11
|
+
import { Headline } from '../Headline/Headline';
|
|
13
12
|
import type { CarouselRecommendationCardContent } from './CarouselRecommendationCardContent';
|
|
14
13
|
|
|
15
14
|
const BORDER_STYLE =
|
|
16
15
|
'border border-solid border-gray group-data-secondary:border-white/50 group-data-gray:border-main-divider';
|
|
17
16
|
|
|
18
|
-
const setAdditionalIconStyles = (items: string[]) =>
|
|
19
|
-
items.length ? 'w-1/2 flex-1 justify-center' : 'w-full justify-end';
|
|
20
|
-
|
|
21
17
|
export interface RecommendationCardProps extends CarouselRecommendationCardContent, UniBlockProps {}
|
|
22
18
|
|
|
23
19
|
export const CarouselRecommendationCard = JSX<RecommendationCardProps>(
|
|
@@ -30,51 +26,44 @@ export const CarouselRecommendationCard = JSX<RecommendationCardProps>(
|
|
|
30
26
|
socialMedia = [],
|
|
31
27
|
target,
|
|
32
28
|
title,
|
|
29
|
+
align = 'text-left',
|
|
33
30
|
version = 'primary',
|
|
34
31
|
...rest
|
|
35
32
|
}) => {
|
|
36
33
|
return (
|
|
37
34
|
<BlockWrapper
|
|
38
35
|
className={style(
|
|
39
|
-
'relative p-
|
|
36
|
+
'relative p-7 min-w-[524px] min-h-[218px] h-full box-border group-data-gray:bg-main-divider/50',
|
|
40
37
|
BORDER_STYLE,
|
|
41
38
|
className,
|
|
42
39
|
)}
|
|
43
40
|
version={version}
|
|
44
41
|
{...rest}
|
|
45
42
|
>
|
|
46
|
-
<LinkWrapper
|
|
47
|
-
<
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
</Paragraph>
|
|
43
|
+
<LinkWrapper href={href} target={target}>
|
|
44
|
+
<Headline
|
|
45
|
+
className="mb-4"
|
|
46
|
+
title={title}
|
|
47
|
+
description={description}
|
|
48
|
+
headlineVersion="S"
|
|
49
|
+
isPadding={false}
|
|
50
|
+
align={align}
|
|
51
|
+
/>
|
|
52
|
+
<div className="w-1/2 h-full flex flex-col flex-1 justify-end">
|
|
53
|
+
{items.length ? (
|
|
54
|
+
<List className="flex flex-col gap-2" itemClassName="text-l-light" items={items} />
|
|
59
55
|
) : null}
|
|
56
|
+
{socialMedia.length ? <SocialMedia className="pt-10" media={socialMedia} /> : null}
|
|
60
57
|
</div>
|
|
61
|
-
|
|
62
|
-
<div className="w-1/2 h-full flex flex-col flex-1 justify-end">
|
|
63
|
-
{items.length ? (
|
|
64
|
-
<List className="text-xl-light flex flex-col gap-2 pb-16 mb-3" items={items} />
|
|
65
|
-
) : null}
|
|
66
|
-
{socialMedia.length ? <SocialMedia className="pb-0" media={socialMedia} /> : null}
|
|
67
|
-
</div>
|
|
68
|
-
{renderIconBlock(icon, items)}
|
|
69
|
-
</div>
|
|
58
|
+
{renderIconBlock(icon)}
|
|
70
59
|
</LinkWrapper>
|
|
71
60
|
</BlockWrapper>
|
|
72
61
|
);
|
|
73
62
|
},
|
|
74
63
|
);
|
|
75
64
|
|
|
76
|
-
const renderIconBlock = (icon: Picture | undefined
|
|
77
|
-
<div className=
|
|
65
|
+
const renderIconBlock = (icon: Picture | undefined) => (
|
|
66
|
+
<div className="absolute bottom-0 right-0">
|
|
78
67
|
{icon?.icon ? <Img image={getIconWithVersion(icon)} asSVG /> : null}
|
|
79
68
|
{icon?.src ? <Img image={icon} /> : null}
|
|
80
69
|
</div>
|
package/mobile/src/components/CarouselRecommendationCard/CarouselRecommendationCardContent.ts
CHANGED
|
@@ -5,6 +5,7 @@ import type { LinkCommonProps } from '../../model/LinkProps';
|
|
|
5
5
|
import type { IconProps } from '../../model/Picture';
|
|
6
6
|
import type { ButtonWithIconProps } from '../../ui-kit/Button/ButtonProps';
|
|
7
7
|
import type { ListContent } from '../../ui-kit/List/ListContent';
|
|
8
|
+
import type { TextAlign } from '../../ui-kit/Text/TextProps';
|
|
8
9
|
|
|
9
10
|
export type RecommendationSocialMedia = LinkCommonProps &
|
|
10
11
|
IconProps &
|
|
@@ -23,4 +24,5 @@ export type CarouselRecommendationCardContent = UniBlockContent &
|
|
|
23
24
|
LinkCommonProps & {
|
|
24
25
|
/** @title Соц сети */
|
|
25
26
|
socialMedia?: RecommendationSocialMedia[];
|
|
27
|
+
align?: TextAlign;
|
|
26
28
|
};
|