@redneckz/wildless-cms-uni-blocks 0.3.75 → 0.3.77
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundle/blocks.schema.json +1 -1
- package/bundle/bundle.umd.js +19 -21
- package/bundle/bundle.umd.min.js +1 -1
- package/dist/components/Accordion/AccordionContent.d.ts +4 -1
- package/dist/components/Calculator/renderRate.js +1 -1
- package/dist/components/Calculator/renderRate.js.map +1 -1
- package/dist/components/Catalog/Catalog.js +2 -2
- package/dist/components/Catalog/Catalog.js.map +1 -1
- package/dist/components/Catalog/CatalogContent.d.ts +1 -0
- package/dist/components/GroupBlock/GroupBlockContent.d.ts +2 -2
- package/dist/components/LinkDocs/LinkDocsContent.d.ts +10 -1
- package/dist/components/PictureText/PictureTextContent.d.ts +1 -0
- package/dist/components/ProductTile/ProductTile.js +7 -8
- package/dist/components/ProductTile/ProductTile.js.map +1 -1
- package/dist/components/StepsBlock/StepsBlock.js +3 -2
- package/dist/components/StepsBlock/StepsBlock.js.map +1 -1
- package/dist/components/StepsBlock/StepsBlock.mobile.js +2 -1
- package/dist/components/StepsBlock/StepsBlock.mobile.js.map +1 -1
- package/dist/components/StepsBlock/StepsBlockContent.d.ts +11 -0
- package/dist/model/Picture.d.ts +6 -0
- package/dist/ui-kit/BlocksList/BlocksListProps.d.ts +10 -10
- package/dist/ui-kit/Button/ButtonInner.js +2 -2
- package/dist/ui-kit/Button/ButtonInner.js.map +1 -1
- package/dist/ui-kit/Foldable/Foldable.js +1 -1
- package/dist/ui-kit/Foldable/Foldable.js.map +1 -1
- package/dist/ui-kit/Img/Img.js +2 -6
- package/dist/ui-kit/Img/Img.js.map +1 -1
- package/dist/utils/checkIsIconRenderable.d.ts +2 -0
- package/dist/utils/checkIsIconRenderable.js +5 -0
- package/dist/utils/checkIsIconRenderable.js.map +1 -0
- package/lib/common.css +1 -1
- package/lib/components/Accordion/AccordionContent.d.ts +4 -1
- package/lib/components/Calculator/renderRate.js +1 -1
- package/lib/components/Calculator/renderRate.js.map +1 -1
- package/lib/components/Catalog/Catalog.js +2 -2
- package/lib/components/Catalog/Catalog.js.map +1 -1
- package/lib/components/Catalog/CatalogContent.d.ts +1 -0
- package/lib/components/GroupBlock/GroupBlockContent.d.ts +2 -2
- package/lib/components/LinkDocs/LinkDocsContent.d.ts +10 -1
- package/lib/components/PictureText/PictureTextContent.d.ts +1 -0
- package/lib/components/ProductTile/ProductTile.js +7 -8
- package/lib/components/ProductTile/ProductTile.js.map +1 -1
- package/lib/components/StepsBlock/StepsBlock.js +3 -2
- package/lib/components/StepsBlock/StepsBlock.js.map +1 -1
- package/lib/components/StepsBlock/StepsBlock.mobile.js +2 -1
- package/lib/components/StepsBlock/StepsBlock.mobile.js.map +1 -1
- package/lib/components/StepsBlock/StepsBlockContent.d.ts +11 -0
- package/lib/model/Picture.d.ts +6 -0
- package/lib/ui-kit/BlocksList/BlocksListProps.d.ts +10 -10
- package/lib/ui-kit/Button/ButtonInner.js +2 -2
- package/lib/ui-kit/Button/ButtonInner.js.map +1 -1
- package/lib/ui-kit/Foldable/Foldable.js +1 -1
- package/lib/ui-kit/Foldable/Foldable.js.map +1 -1
- package/lib/ui-kit/Img/Img.js +2 -6
- package/lib/ui-kit/Img/Img.js.map +1 -1
- package/lib/utils/checkIsIconRenderable.d.ts +2 -0
- package/lib/utils/checkIsIconRenderable.js +2 -0
- package/lib/utils/checkIsIconRenderable.js.map +1 -0
- package/mobile/bundle/bundle.umd.js +5 -3
- package/mobile/bundle/bundle.umd.min.js +1 -1
- package/mobile/dist/components/Accordion/AccordionContent.d.ts +4 -1
- package/mobile/dist/components/Calculator/renderRate.js +1 -1
- package/mobile/dist/components/Calculator/renderRate.js.map +1 -1
- package/mobile/dist/components/Catalog/Catalog.js +2 -2
- package/mobile/dist/components/Catalog/Catalog.js.map +1 -1
- package/mobile/dist/components/Catalog/CatalogContent.d.ts +1 -0
- package/mobile/dist/components/GroupBlock/GroupBlockContent.d.ts +2 -2
- package/mobile/dist/components/LinkDocs/LinkDocsContent.d.ts +10 -1
- package/mobile/dist/components/PictureText/PictureTextContent.d.ts +1 -0
- package/mobile/dist/components/ProductTile/ProductTile.js +7 -8
- package/mobile/dist/components/ProductTile/ProductTile.js.map +1 -1
- package/mobile/dist/components/StepsBlock/StepsBlock.js +2 -1
- package/mobile/dist/components/StepsBlock/StepsBlock.js.map +1 -1
- package/mobile/dist/components/StepsBlock/StepsBlockContent.d.ts +11 -0
- package/mobile/dist/model/Picture.d.ts +6 -0
- package/mobile/dist/ui-kit/BlocksList/BlocksListProps.d.ts +10 -10
- package/mobile/dist/ui-kit/Button/ButtonInner.js +2 -2
- package/mobile/dist/ui-kit/Button/ButtonInner.js.map +1 -1
- package/mobile/dist/ui-kit/Foldable/Foldable.js +1 -1
- package/mobile/dist/ui-kit/Foldable/Foldable.js.map +1 -1
- package/mobile/dist/utils/checkIsIconRenderable.d.ts +2 -0
- package/mobile/dist/utils/checkIsIconRenderable.js +5 -0
- package/mobile/dist/utils/checkIsIconRenderable.js.map +1 -0
- package/mobile/lib/components/Accordion/AccordionContent.d.ts +4 -1
- package/mobile/lib/components/Calculator/renderRate.js +1 -1
- package/mobile/lib/components/Calculator/renderRate.js.map +1 -1
- package/mobile/lib/components/Catalog/Catalog.js +2 -2
- package/mobile/lib/components/Catalog/Catalog.js.map +1 -1
- package/mobile/lib/components/Catalog/CatalogContent.d.ts +1 -0
- package/mobile/lib/components/GroupBlock/GroupBlockContent.d.ts +2 -2
- package/mobile/lib/components/LinkDocs/LinkDocsContent.d.ts +10 -1
- package/mobile/lib/components/PictureText/PictureTextContent.d.ts +1 -0
- package/mobile/lib/components/ProductTile/ProductTile.js +7 -8
- package/mobile/lib/components/ProductTile/ProductTile.js.map +1 -1
- package/mobile/lib/components/StepsBlock/StepsBlock.js +2 -1
- package/mobile/lib/components/StepsBlock/StepsBlock.js.map +1 -1
- package/mobile/lib/components/StepsBlock/StepsBlockContent.d.ts +11 -0
- package/mobile/lib/model/Picture.d.ts +6 -0
- package/mobile/lib/ui-kit/BlocksList/BlocksListProps.d.ts +10 -10
- package/mobile/lib/ui-kit/Button/ButtonInner.js +2 -2
- package/mobile/lib/ui-kit/Button/ButtonInner.js.map +1 -1
- package/mobile/lib/ui-kit/Foldable/Foldable.js +1 -1
- package/mobile/lib/ui-kit/Foldable/Foldable.js.map +1 -1
- package/mobile/lib/utils/checkIsIconRenderable.d.ts +2 -0
- package/mobile/lib/utils/checkIsIconRenderable.js +2 -0
- package/mobile/lib/utils/checkIsIconRenderable.js.map +1 -0
- package/mobile/src/components/Accordion/Accordion.example.json +13 -6
- package/mobile/src/components/Accordion/AccordionContent.ts +4 -1
- package/mobile/src/components/Calculator/renderRate.tsx +1 -3
- package/mobile/src/components/Catalog/Catalog.tsx +2 -1
- package/mobile/src/components/Catalog/CatalogContent.ts +1 -0
- package/mobile/src/components/ContentPage/ContentPage.page.json +1 -1
- package/mobile/src/components/GroupBlock/GroupBlock.example.json +72 -3
- package/mobile/src/components/GroupBlock/GroupBlockContent.ts +2 -2
- package/mobile/src/components/LinkDocs/LinkDocsContent.ts +10 -1
- package/mobile/src/components/OtherProducts/OtherProducts.example.json +12 -6
- package/mobile/src/components/PictureText/PictureTextContent.ts +1 -0
- package/mobile/src/components/ProductBlock/ProductBlock.example.json +3 -10
- package/mobile/src/components/ProductTile/ProductTile.example.json +1 -2
- package/mobile/src/components/ProductTile/ProductTile.tsx +28 -30
- package/mobile/src/components/PromoTile/PromoTile.example.json +1 -2
- package/mobile/src/components/StepsBlock/StepsBlock.example.json +18 -3
- package/mobile/src/components/StepsBlock/StepsBlock.tsx +6 -1
- package/mobile/src/components/StepsBlock/StepsBlockContent.ts +11 -0
- package/mobile/src/components/Tile/Tile.example.json +2 -9
- package/mobile/src/model/Picture.ts +7 -0
- package/mobile/src/ui-kit/BlocksList/BlocksListProps.ts +42 -20
- package/mobile/src/ui-kit/Button/ButtonInner.tsx +2 -2
- package/mobile/src/ui-kit/Foldable/Foldable.tsx +1 -1
- package/mobile/src/utils/checkIsIconRenderable.tsx +3 -0
- package/package.json +2 -2
- package/src/components/Accordion/Accordion.example.json +13 -6
- package/src/components/Accordion/AccordionContent.ts +4 -1
- package/src/components/Calculator/renderRate.tsx +1 -3
- package/src/components/Catalog/Catalog.tsx +2 -1
- package/src/components/Catalog/CatalogContent.ts +1 -0
- package/src/components/ContentPage/ContentPage.page.json +1 -1
- package/src/components/GroupBlock/GroupBlock.example.json +72 -3
- package/src/components/GroupBlock/GroupBlockContent.ts +2 -2
- package/src/components/LinkDocs/LinkDocsContent.ts +10 -1
- package/src/components/OtherProducts/OtherProducts.example.json +12 -6
- package/src/components/PictureText/PictureTextContent.ts +1 -0
- package/src/components/ProductBlock/ProductBlock.example.json +3 -10
- package/src/components/ProductBlock/ProductBlock.fixture.tsx +2 -2
- package/src/components/ProductTile/ProductTile.example.json +1 -2
- package/src/components/ProductTile/ProductTile.tsx +28 -30
- package/src/components/PromoTile/PromoTile.example.json +1 -2
- package/src/components/StepsBlock/StepsBlock.example.json +18 -3
- package/src/components/StepsBlock/StepsBlock.mobile.tsx +6 -1
- package/src/components/StepsBlock/StepsBlock.tsx +19 -13
- package/src/components/StepsBlock/StepsBlockContent.ts +11 -0
- package/src/components/Tile/Tile.example.json +2 -9
- package/src/model/Picture.ts +7 -0
- package/src/ui-kit/BlocksList/BlocksListProps.ts +42 -20
- package/src/ui-kit/Button/ButtonInner.tsx +2 -2
- package/src/ui-kit/Foldable/Foldable.tsx +1 -1
- package/src/ui-kit/Img/Img.tsx +9 -16
- package/src/utils/checkIsIconRenderable.tsx +3 -0
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
|
|
2
2
|
export function renderRate({ rate, title, sup, className = '' }) {
|
|
3
3
|
const rateFormat = String(rate).replace('.', ',');
|
|
4
|
-
return (_jsxs("div", { children: [_jsx("div", { className: "text-sm font-light ml-3", children: title }), _jsxs("div", { className: "flex justify-start", children: [_jsx("span", { className: `calc-rate-text font-mohave text-
|
|
4
|
+
return (_jsxs("div", { children: [_jsx("div", { className: "text-sm font-light ml-3", children: title }), _jsxs("div", { className: "flex justify-start", children: [_jsx("span", { className: `calc-rate-text font-mohave text-title-huge pr-4 mt-[-16px] ${className}`, children: rateFormat }), sup ? _jsx("span", { className: "calc-rate-text text-[65px] leading-[75px]", children: sup }) : ''] })] }));
|
|
5
5
|
}
|
|
6
6
|
//# sourceMappingURL=renderRate.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"renderRate.js","sourceRoot":"","sources":["../../../src/components/Calculator/renderRate.tsx"],"names":[],"mappings":";AAOA,MAAM,UAAU,UAAU,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,EAAE,SAAS,GAAG,EAAE,EAAY;IACvE,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;IAElD,OAAO,CACL,0BACE,cAAK,SAAS,EAAC,yBAAyB,YAAE,KAAK,GAAO,EACtD,eAAK,SAAS,EAAC,oBAAoB,aACjC,
|
|
1
|
+
{"version":3,"file":"renderRate.js","sourceRoot":"","sources":["../../../src/components/Calculator/renderRate.tsx"],"names":[],"mappings":";AAOA,MAAM,UAAU,UAAU,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,EAAE,SAAS,GAAG,EAAE,EAAY;IACvE,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;IAElD,OAAO,CACL,0BACE,cAAK,SAAS,EAAC,yBAAyB,YAAE,KAAK,GAAO,EACtD,eAAK,SAAS,EAAC,oBAAoB,aACjC,eAAM,SAAS,EAAE,8DAA8D,SAAS,EAAE,YACvF,UAAU,GACN,EACN,GAAG,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,2CAA2C,YAAE,GAAG,GAAQ,CAAC,CAAC,CAAC,EAAE,IAChF,IACF,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -7,9 +7,9 @@ import { CatalogCard } from './CatalogCard.js';
|
|
|
7
7
|
const BLUR_BLOCK_CLASSES = 'absolute top-0 bottom-0 w-[84px]';
|
|
8
8
|
const CARD_FULL_VIEW_COUNT = 3;
|
|
9
9
|
const CARD_SHIFT = 430;
|
|
10
|
-
export const Catalog = JSX(({ context, cards = [], className = '', title, description }) => {
|
|
10
|
+
export const Catalog = JSX(({ context, cards = [], className = '', title, description, anchor = null }) => {
|
|
11
11
|
const [activeCardIndex, setActiveCardIndex] = context.useState(0);
|
|
12
|
-
return (_jsxs("section", { className: `bg-white relative font-sans p-9 overflow-hidden text-center ${className}`, children: [title ? _jsx(Heading, { headingType: "h2", className: "mb-6", title: title }) : null, description ? _jsx(Description, { className: "mb-6", description: description }) : null, _jsx("div", { className: "flex duration-1000 gap-3.5", style: { transform: `translateX(-${activeCardIndex * CARD_SHIFT}px)` }, role: "list", children: cards?.length ? cards.map(renderCatalogCard(context)) : null }), renderNavButtons({
|
|
12
|
+
return (_jsxs("section", { className: `bg-white relative font-sans p-9 overflow-hidden text-center ${className}`, id: anchor, children: [title ? _jsx(Heading, { headingType: "h2", className: "mb-6", title: title }) : null, description ? _jsx(Description, { className: "mb-6", description: description }) : null, _jsx("div", { className: "flex duration-1000 gap-3.5", style: { transform: `translateX(-${activeCardIndex * CARD_SHIFT}px)` }, role: "list", children: cards?.length ? cards.map(renderCatalogCard(context)) : null }), renderNavButtons({
|
|
13
13
|
cardsCount: cards.length,
|
|
14
14
|
activeCardIndex,
|
|
15
15
|
setActiveCardIndex,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Catalog.js","sourceRoot":"","sources":["../../../src/components/Catalog/Catalog.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;AACnE,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AAEvD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAK5C,MAAM,kBAAkB,GAAG,kCAAkC,CAAC;AAC9D,MAAM,oBAAoB,GAAG,CAAC,CAAC;AAC/B,MAAM,UAAU,GAAG,GAAG,CAAC;AAEvB,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,CACxB,CAAC,EAAE,OAAO,EAAE,KAAK,GAAG,EAAE,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,EAAE;
|
|
1
|
+
{"version":3,"file":"Catalog.js","sourceRoot":"","sources":["../../../src/components/Catalog/Catalog.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,10 +3,10 @@ import type { GroupBlockDef } from './BlocksTypeProps';
|
|
|
3
3
|
* @title Таб
|
|
4
4
|
*/
|
|
5
5
|
export interface GroupBlockTab {
|
|
6
|
-
/** @title Название */
|
|
7
|
-
title?: string;
|
|
8
6
|
/** @title Tег */
|
|
9
7
|
tag?: string;
|
|
8
|
+
/** @title Название */
|
|
9
|
+
title?: string;
|
|
10
10
|
}
|
|
11
11
|
/**
|
|
12
12
|
* @title Блок-группировки
|
|
@@ -25,7 +25,16 @@ export interface LinkDocsContent {
|
|
|
25
25
|
title?: string;
|
|
26
26
|
/** @title Описание */
|
|
27
27
|
description?: string;
|
|
28
|
-
/**
|
|
28
|
+
/**
|
|
29
|
+
* @title Иконка
|
|
30
|
+
* @default {
|
|
31
|
+
* "size": {
|
|
32
|
+
* "width": 24,
|
|
33
|
+
* "height": 24
|
|
34
|
+
* },
|
|
35
|
+
* "format": "webp"
|
|
36
|
+
* }
|
|
37
|
+
*/
|
|
29
38
|
icon?: Picture;
|
|
30
39
|
/** @title Список */
|
|
31
40
|
documents?: LinkDocsItem[];
|
|
@@ -4,6 +4,7 @@ import type { ImageContent } from '../../ui-kit/Img/ImgProps';
|
|
|
4
4
|
import type { Picture } from '../../model/Picture';
|
|
5
5
|
export declare type TitleWithImageContent = HeadingContent & ImageContent;
|
|
6
6
|
export interface PictureTextBenefit {
|
|
7
|
+
/** @title Иконка */
|
|
7
8
|
icon?: Picture;
|
|
8
9
|
/** @title Название */
|
|
9
10
|
label?: string;
|
|
@@ -4,7 +4,6 @@ import { ButtonSection } from '../../ui-kit/Button/ButtonSection.js';
|
|
|
4
4
|
import { Description } from '../../ui-kit/Description/Description.js';
|
|
5
5
|
import { Heading } from '../../ui-kit/Heading/Heading.js';
|
|
6
6
|
import { Img } from '../../ui-kit/Img/Img.js';
|
|
7
|
-
import { BaseTile } from '../BaseTile/BaseTile.js';
|
|
8
7
|
import { getTileMinHeight } from '../BaseTile/getTileMinHeight.js';
|
|
9
8
|
import { getTileRightPadding } from '../BaseTile/getTileRightPadding.js';
|
|
10
9
|
const productTileStyleMap = {
|
|
@@ -12,28 +11,28 @@ const productTileStyleMap = {
|
|
|
12
11
|
secondary: 'bg-primary-main text-white',
|
|
13
12
|
};
|
|
14
13
|
export const ProductTile = JSX(({ context, className = '', title, headingType = 'h3', description, additionalDescription, benefits, buttons, image, version = 'primary', anchor = null, }) => {
|
|
15
|
-
return (
|
|
16
|
-
|
|
17
|
-
|
|
14
|
+
return (_jsxs("section", { className: `bg-white overflow-hidden text-primary-text font-sans p-9 box-border min-h-[364px] relative justify-between grid ${className} ${productTileStyleMap[version]} ${getTileRightPadding(className)} ${getTileMinHeight(className)} `, id: anchor, children: [_jsxs("div", { className: "z-[1]", children: [title ? (_jsx(Heading, { headingType: headingType, as: "h3", title: title, className: `whitespace-pre-wrap text-h4` })) : null, description ? (_jsx(Description, { className: "mt-2 text-md font-light", description: description })) : null, renderBenefits(benefits || [], version), additionalDescription
|
|
15
|
+
? renderAdditionalDescription(additionalDescription, version)
|
|
16
|
+
: null] }), buttons?.length ? (_jsx(ButtonSection, { context: context, buttons: buttons, className: "flex self-end mt-5 gap-4 z-[1]" })) : null, image?.src ? _jsx(Img, { className: "absolute right-0 bottom-0", image: image }) : null] }));
|
|
18
17
|
});
|
|
19
18
|
function renderBenefits(benefits, version) {
|
|
20
|
-
return (_jsxs("div", { className: "flex mt-
|
|
19
|
+
return (_jsxs("div", { className: "flex mt-4", children: [benefits.length ? (_jsx("div", { className: "mr-6 gap-2.5 text-title-2xs", children: benefits.map(renderBenefitLabel) })) : null, benefits.length ? (_jsx("div", { className: "pt-1 text-m", children: benefits.map((_, i) => renderBenefitDescription(_, i, version)) })) : null] }));
|
|
21
20
|
}
|
|
22
21
|
function renderBenefitLabel(benefit, i) {
|
|
23
|
-
return (_jsx("div", { className:
|
|
22
|
+
return (_jsx("div", { className: `${i ? 'mt-2.5' : ''}`, children: benefit.label }, String(i)));
|
|
24
23
|
}
|
|
25
24
|
function renderBenefitDescription(benefit, i, version = 'primary') {
|
|
26
25
|
const labelStyleMap = {
|
|
27
26
|
primary: 'text-secondary-text',
|
|
28
27
|
secondary: 'text-white',
|
|
29
28
|
};
|
|
30
|
-
return (_jsx("div", { className:
|
|
29
|
+
return (_jsx("div", { className: `${i ? 'mt-4' : ''} ${labelStyleMap[version]}`, children: benefit.description }, String(i)));
|
|
31
30
|
}
|
|
32
31
|
function renderAdditionalDescription(additionalDescription, version = 'primary') {
|
|
33
32
|
const descStyleMap = {
|
|
34
33
|
primary: 'text-secondary-text',
|
|
35
34
|
secondary: 'text-white',
|
|
36
35
|
};
|
|
37
|
-
return _jsx("div", { className: `text-
|
|
36
|
+
return _jsx("div", { className: `text-m mt-2.5 ${descStyleMap[version]}`, children: additionalDescription });
|
|
38
37
|
}
|
|
39
38
|
//# sourceMappingURL=ProductTile.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProductTile.js","sourceRoot":"","sources":["../../../src/components/ProductTile/ProductTile.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;AACnE,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"ProductTile.js","sourceRoot":"","sources":["../../../src/components/ProductTile/ProductTile.tsx"],"names":[],"mappings":"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"}
|
|
@@ -5,6 +5,7 @@ import { Heading } from '../../ui-kit/Heading/Heading.js';
|
|
|
5
5
|
import { Img } from '../../ui-kit/Img/Img.js';
|
|
6
6
|
import { joinList } from '../../utils/joinList.js';
|
|
7
7
|
import { getStyleMap } from './StepsBlockStyleMaps.js';
|
|
8
|
+
import { checkIsIconRenderable } from '../../utils/checkIsIconRenderable.js';
|
|
8
9
|
export const StepsBlock = JSX(({ className = '', title, showLines = true, steps = [], button, anchor = null, version = 'primary', }) => {
|
|
9
10
|
const styleMap = getStyleMap(version);
|
|
10
11
|
const shortGaps = steps.length > 3;
|
|
@@ -17,8 +18,8 @@ export const StepsBlock = JSX(({ className = '', title, showLines = true, steps
|
|
|
17
18
|
className,
|
|
18
19
|
].join(' '), id: anchor, children: [_jsx(Heading, { headingType: "h2", className: "max-w-[47rem] text-center", title: title }), steps?.length ? (_jsxs("div", { className: `box-border ${title ? 'mt-9' : ''}`, children: [_jsx("div", { className: "flex items-center px-[88px]", children: joinList(_jsx("div", { className: `h-0.5 w-full bg-secondary-light ${!showLines ? 'opacity-0' : ''}` }))(steps.map(renderStepIcon(styleMap))) }), _jsx("div", { className: `flex justify-between ${shortGaps ? 'gap-x-3' : 'gap-x-[101px]'}`, children: steps.map(renderStepTitle(styleMap, Boolean(button?.text))) })] })) : null, button?.text ? (_jsx(Button, { className: "box-border mt-8 py-3 h-12 w-full max-w-[240px]", version: "primary", href: "#", children: button.text })) : null] }));
|
|
19
20
|
});
|
|
20
|
-
const renderStepIcon = (styleMap) => (
|
|
21
|
-
return (_jsx("div", { className: "flex flex-col items-center text-center relative", children: _jsx("div", { className: `h-[100px] w-[100px] min-w-[100px] min-h-[100px] rounded-full p-[26px] box-border z-10 ${styleMap.iconBackground}`, children: (
|
|
21
|
+
const renderStepIcon = (styleMap) => ({ icon }, i) => {
|
|
22
|
+
return (_jsx("div", { className: "flex flex-col items-center text-center relative", children: _jsx("div", { className: `h-[100px] w-[100px] min-w-[100px] min-h-[100px] rounded-full p-[26px] box-border z-10 ${styleMap.iconBackground}`, children: checkIsIconRenderable(icon) ? (_jsx(Img, { image: icon, width: "48", height: "48", asSVG: true })) : (_jsx("span", { className: `font-normal text-title-sm ${styleMap.title}`, children: i + 1 })) }) }, String(i)));
|
|
22
23
|
};
|
|
23
24
|
const renderStepTitle = (styleMap, isMainButton) => (step, i) => {
|
|
24
25
|
return (_jsxs("div", { className: "flex flex-col items-center justify-between text-center relative w-[276px] whitespace-pre-line overflow-hidden", children: [_jsxs("div", { children: [step.label ? _jsx("div", { className: "font-normal text-xl m-0 mt-4", children: step.label }) : null, step.description ? (_jsx("div", { className: `font-light text-base ${styleMap.description} ${step.label ? 'mt-2' : 'mt-4'}`, children: step.description })) : null] }), step?.button?.text && !isMainButton ? (_jsx(Button, { className: "box-border mt-8 py-3 h-12 w-full max-w-[240px]", version: "primary", href: step.button?.href, children: step.button.text })) : null] }, String(i)));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StepsBlock.js","sourceRoot":"","sources":["../../../src/components/StepsBlock/StepsBlock.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;
|
|
1
|
+
{"version":3,"file":"StepsBlock.js","sourceRoot":"","sources":["../../../src/components/StepsBlock/StepsBlock.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,6 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
|
|
|
2
2
|
import { JSX } from '@redneckz/uni-jsx';
|
|
3
3
|
import { Heading } from '../../ui-kit/Heading/Heading.js';
|
|
4
4
|
import { Img } from '../../ui-kit/Img/Img.js';
|
|
5
|
+
import { checkIsIconRenderable } from '../../utils/checkIsIconRenderable.js';
|
|
5
6
|
import { getStyleMap } from './StepsBlockStyleMaps.js';
|
|
6
7
|
const STEPS_SIZE_MAP = {
|
|
7
8
|
normal: 'h-[70px] w-[70px] min-w-[70px] min-h-[70px]',
|
|
@@ -27,6 +28,6 @@ const renderIconArea = (size, version) => (step, i) => {
|
|
|
27
28
|
const iconAreaSize = STEPS_SIZE_MAP[size];
|
|
28
29
|
const iconSize = size === 'normal' ? '38' : '27';
|
|
29
30
|
const iconTextSize = size === 'normal' ? 'text-m-title' : 'text-m-title-xs';
|
|
30
|
-
return (_jsx("div", { className: `${iconAreaSize} ${styleMap.iconBackground} rounded-full z-10 mr-3 flex justify-center content-center`, children: _jsx("span", { className: `font-medium flex self-center ${styleMap.title} ${iconTextSize}`, children: (step
|
|
31
|
+
return (_jsx("div", { className: `${iconAreaSize} ${styleMap.iconBackground} rounded-full z-10 mr-3 flex justify-center content-center`, children: _jsx("span", { className: `font-medium flex self-center ${styleMap.title} ${iconTextSize}`, children: checkIsIconRenderable(step?.icon) ? (_jsx(Img, { image: step.icon, width: iconSize, height: iconSize, asSVG: true })) : (_jsx("span", { children: i + 1 })) }) }));
|
|
31
32
|
};
|
|
32
33
|
//# sourceMappingURL=StepsBlock.mobile.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StepsBlock.mobile.js","sourceRoot":"","sources":["../../../src/components/StepsBlock/StepsBlock.mobile.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"StepsBlock.mobile.js","sourceRoot":"","sources":["../../../src/components/StepsBlock/StepsBlock.mobile.tsx"],"names":[],"mappings":"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"}
|
|
@@ -10,6 +10,17 @@ export interface Step {
|
|
|
10
10
|
label?: string;
|
|
11
11
|
/** @title Описание */
|
|
12
12
|
description?: string;
|
|
13
|
+
/**
|
|
14
|
+
* @title Иконка
|
|
15
|
+
* @default
|
|
16
|
+
* {
|
|
17
|
+
* "size": {
|
|
18
|
+
* "width": 48,
|
|
19
|
+
* "height": 48
|
|
20
|
+
* },
|
|
21
|
+
* "format": "webp"
|
|
22
|
+
* }
|
|
23
|
+
*/
|
|
13
24
|
icon?: Picture;
|
|
14
25
|
button?: ButtonProps;
|
|
15
26
|
}
|
package/lib/model/Picture.d.ts
CHANGED
|
@@ -8,6 +8,11 @@ export interface Img {
|
|
|
8
8
|
/** @title Текст подсказки (title) */
|
|
9
9
|
title?: string;
|
|
10
10
|
}
|
|
11
|
+
/**
|
|
12
|
+
* @title Брейкпоинт
|
|
13
|
+
* @enumNames ["1919px и меньше", "1439px и меньше", "1279px и меньше"]
|
|
14
|
+
*/
|
|
15
|
+
export declare type MediaQuery = '(max-width: 1919px)' | '(max-width: 1439px)' | '(max-width: 1279px)';
|
|
11
16
|
export interface ImgSource {
|
|
12
17
|
/** @title Иконка */
|
|
13
18
|
icon?: IconName;
|
|
@@ -18,6 +23,7 @@ export interface ImgSource {
|
|
|
18
23
|
format?: 'jpeg' | 'jpg' | 'png' | 'gif' | 'webp' | 'heif' | 'avif';
|
|
19
24
|
/** @hidden */
|
|
20
25
|
options?: Record<string, any>;
|
|
26
|
+
media?: MediaQuery;
|
|
21
27
|
/** @title Размер изображения */
|
|
22
28
|
size?: {
|
|
23
29
|
/** @title Ширина */
|
|
@@ -24,72 +24,72 @@ export interface BlocksCommonProps {
|
|
|
24
24
|
}
|
|
25
25
|
/**
|
|
26
26
|
* @title Заголовок
|
|
27
|
-
* @default {"blockListType": "Headline"}
|
|
28
27
|
*/
|
|
29
28
|
export declare type HeadlineBlockListDef = HeadlineContent & BlocksCommonProps & {
|
|
29
|
+
/** @default Headline */
|
|
30
30
|
blockListType: 'Headline';
|
|
31
31
|
};
|
|
32
32
|
/**
|
|
33
33
|
* @title Список документов
|
|
34
|
-
* @default {"blockListType": "LinkDocs"}
|
|
35
34
|
*/
|
|
36
35
|
export declare type LinkDocsBlockListDef = LinkDocsContent & BlocksCommonProps & {
|
|
36
|
+
/** @default LinkDocs */
|
|
37
37
|
blockListType: 'LinkDocs';
|
|
38
38
|
};
|
|
39
39
|
/**
|
|
40
40
|
* @title Текстовый блок
|
|
41
|
-
* @default {"blockListType": "TextBlock"}
|
|
42
41
|
*/
|
|
43
42
|
export declare type TextBlockBlockListDef = TextBlockContent & BlocksCommonProps & {
|
|
43
|
+
/** @default TextBlock */
|
|
44
44
|
blockListType: 'TextBlock';
|
|
45
45
|
};
|
|
46
46
|
/**
|
|
47
47
|
* @title Картинка с текстом
|
|
48
|
-
* @default {"blockListType": "PictureText"}
|
|
49
48
|
*/
|
|
50
49
|
export declare type PictureTextBlockListDef = PictureTextContent & BlocksCommonProps & {
|
|
50
|
+
/** @default PictureText */
|
|
51
51
|
blockListType: 'PictureText';
|
|
52
52
|
};
|
|
53
53
|
/**
|
|
54
54
|
* @title Продуктовый блок
|
|
55
|
-
* @default {"blockListType": "ProductBlock"}
|
|
56
55
|
*/
|
|
57
56
|
export declare type ProductBlockBlockListDef = ProductBlockContent & BlocksCommonProps & {
|
|
57
|
+
/** @default ProductBlock */
|
|
58
58
|
blockListType: 'ProductBlock';
|
|
59
59
|
};
|
|
60
60
|
/**
|
|
61
61
|
* @title Плитка
|
|
62
|
-
* @default {"blockListType": "Tile"}
|
|
63
62
|
*/
|
|
64
63
|
export declare type TileBlockListDef = TileContent & BlocksCommonProps & {
|
|
64
|
+
/** @default Tile */
|
|
65
65
|
blockListType: 'Tile';
|
|
66
66
|
};
|
|
67
67
|
/**
|
|
68
68
|
* @title Продуктовая плитка
|
|
69
|
-
* @default {"blockListType": "ProductTile"}
|
|
70
69
|
*/
|
|
71
70
|
export declare type ProductTileBlockListDef = ProductTileContent & BlocksCommonProps & {
|
|
71
|
+
/** @default ProductTile */
|
|
72
72
|
blockListType: 'ProductTile';
|
|
73
73
|
};
|
|
74
74
|
/**
|
|
75
75
|
* @title Галерея
|
|
76
|
-
* @default {"blockListType": "Gallery"}
|
|
77
76
|
*/
|
|
78
77
|
export declare type GalleryBlockListDef = GalleryContent & BlocksCommonProps & {
|
|
78
|
+
/** @default Gallery */
|
|
79
79
|
blockListType: 'Gallery';
|
|
80
80
|
};
|
|
81
81
|
/**
|
|
82
82
|
* @title Мини-галлерея
|
|
83
|
-
* @default {"blockListType": "MiniGallery"}
|
|
84
83
|
*/
|
|
85
84
|
export declare type MiniGalleryBlockListDef = MiniGalleryContent & BlocksCommonProps & {
|
|
85
|
+
/** @default MiniGallery */
|
|
86
86
|
blockListType: 'MiniGallery';
|
|
87
87
|
};
|
|
88
88
|
/**
|
|
89
89
|
* @title Список ссылок
|
|
90
|
-
* @default {"blockListType": "LinkList"}
|
|
91
90
|
*/
|
|
92
91
|
export declare type LinkListBlockListDef = LinkListContent & BlocksCommonProps & {
|
|
92
|
+
/** @default LinkList */
|
|
93
93
|
blockListType: 'LinkList';
|
|
94
94
|
};
|
|
95
95
|
/**
|
|
@@ -2,14 +2,14 @@ import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
|
|
|
2
2
|
import { JSX } from '@redneckz/uni-jsx';
|
|
3
3
|
export const ButtonInner = JSX((props) => {
|
|
4
4
|
const { text, aboveText, appendLeft, appendRight } = props;
|
|
5
|
-
return (_jsxs("div", { className: getButtonStyle(props), children: [appendLeft ? appendLeft : null, isWithText(props) ? (_jsxs("div", { children: [_jsx("div", { className: "text-m-2xs font-light text-left", children: aboveText }), _jsx("div", { className: "text-
|
|
5
|
+
return (_jsxs("div", { className: getButtonStyle(props), children: [appendLeft ? appendLeft : null, isWithText(props) ? (_jsxs("div", { children: [_jsx("div", { className: "text-m-2xs font-light text-left", children: aboveText }), _jsx("div", { className: "text-base text-left", children: text })] })) : null, appendRight ? appendRight : null] }));
|
|
6
6
|
});
|
|
7
7
|
const getButtonStyle = (props) => {
|
|
8
8
|
const { version, aboveText, rounded } = props;
|
|
9
9
|
if (version === 'link') {
|
|
10
10
|
return '';
|
|
11
11
|
}
|
|
12
|
-
const withTextStyle = `px-
|
|
12
|
+
const withTextStyle = `px-9 gap-2 ${aboveText ? 'py-2' : 'py-4'}`;
|
|
13
13
|
return [
|
|
14
14
|
'flex items-center justify-center',
|
|
15
15
|
isWithText(props) ? withTextStyle : 'h-12 w-12',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonInner.js","sourceRoot":"","sources":["../../../src/ui-kit/Button/ButtonInner.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAQxC,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAmB,CAAC,KAAK,EAAE,EAAE;IACzD,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,UAAU,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC;IAE3D,OAAO,CACL,eAAK,SAAS,EAAE,cAAc,CAAC,KAAK,CAAC,aAClC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,EAC9B,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CACnB,0BACE,cAAK,SAAS,EAAC,iCAAiC,YAAE,SAAS,GAAO,EAClE,cAAK,SAAS,EAAC,
|
|
1
|
+
{"version":3,"file":"ButtonInner.js","sourceRoot":"","sources":["../../../src/ui-kit/Button/ButtonInner.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAQxC,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAmB,CAAC,KAAK,EAAE,EAAE;IACzD,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,UAAU,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC;IAE3D,OAAO,CACL,eAAK,SAAS,EAAE,cAAc,CAAC,KAAK,CAAC,aAClC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,EAC9B,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CACnB,0BACE,cAAK,SAAS,EAAC,iCAAiC,YAAE,SAAS,GAAO,EAClE,cAAK,SAAS,EAAC,qBAAqB,YAAE,IAAI,GAAO,IAC7C,CACP,CAAC,CAAC,CAAC,IAAI,EACP,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,IAC7B,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,cAAc,GAAG,CAAC,KAAuB,EAAE,EAAE;IACjD,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAE9C,IAAI,OAAO,KAAK,MAAM,EAAE;QACtB,OAAO,EAAE,CAAC;KACX;IAED,MAAM,aAAa,GAAG,cAAc,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC;IAElE,OAAO;QACL,kCAAkC;QAClC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,WAAW;QAC/C,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE;KAC9B,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACd,CAAC,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,UAAU,EAAoB,EAAE,EAAE,CACvE,OAAO,CAAC,IAAI,IAAI,SAAS,IAAI,CAAC,UAAU,CAAC,CAAC"}
|
|
@@ -10,7 +10,7 @@ export const Foldable = JSX(({ blocks = [], context, hiddenBlocksNum = 0, foldBu
|
|
|
10
10
|
initialState: isUnfolded,
|
|
11
11
|
});
|
|
12
12
|
return blocks ? (_jsxs("div", { children: [renderBlocks(blocks, render, { blocksToHide, isActive, containerClasses }), hiddenBlocksNum ? (_jsxs("button", { className: foldButtonClasses ||
|
|
13
|
-
'border-none bg-primary-main px-0 py-[26px] mb-[1px] w-full font-sans text-white text-base flex justify-center cursor-pointer', "data-theme": foldButtonDataTheme, onClick: handleToggle, children: [_jsx("span", { className: "pr-3", children: isActive ? 'Скрыть' : foldButtonLabel }), icon
|
|
13
|
+
'border-none bg-primary-main px-0 py-[26px] mb-[1px] w-full font-sans text-white text-base flex justify-center cursor-pointer', "data-theme": foldButtonDataTheme, onClick: handleToggle, children: [_jsx("span", { className: "pr-3", children: isActive ? 'Скрыть' : foldButtonLabel }), icon ? _jsx(Icon, { name: icon, iconVersion: "white", width: "20", height: "20", asSVG: true }) : null] })) : null] })) : null;
|
|
14
14
|
});
|
|
15
15
|
const renderBlocks = (blocks, render, { blocksToHide, isActive, containerClasses }) => {
|
|
16
16
|
const visibleBlocks = blocks.slice(0, blocks.length - blocksToHide);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Foldable.js","sourceRoot":"","sources":["../../../src/ui-kit/Foldable/Foldable.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAIxC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,uBAAuB,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAuB/E,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CACzB,CAAC,EACC,MAAM,GAAG,EAAE,EACX,OAAO,EACP,eAAe,GAAG,CAAC,EACnB,iBAAiB,EACjB,eAAe,EACf,mBAAmB,EACnB,UAAU,EACV,gBAAgB,EAChB,MAAM,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAClB,EAAE,EAAE;IACH,MAAM,YAAY,GAAG,KAAK,CAAC,eAAe,EAAE,CAAC,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC;IAE9D,MAAM,EAAE,IAAI,EAAE,YAAY,EAAE,QAAQ,EAAE,GAAG,gBAAgB,CAAC;QACxD,OAAO;QACP,YAAY,EAAE,UAAU;KACzB,CAAC,CAAC;IAEH,OAAO,MAAM,CAAC,CAAC,CAAC,CACd,0BACG,YAAY,CAAC,MAAM,EAAE,MAAM,EAAE,EAAE,YAAY,EAAE,QAAQ,EAAE,gBAAgB,EAAE,CAAC,EAC1E,eAAe,CAAC,CAAC,CAAC,CACjB,kBACE,SAAS,EACP,iBAAiB;oBACjB,8HAA8H,gBAEpH,mBAAmB,EAC/B,OAAO,EAAE,YAAY,aAErB,eAAM,SAAS,EAAC,MAAM,YAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,eAAe,GAAQ,EACpE,IAAI,
|
|
1
|
+
{"version":3,"file":"Foldable.js","sourceRoot":"","sources":["../../../src/ui-kit/Foldable/Foldable.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAIxC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,uBAAuB,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAuB/E,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CACzB,CAAC,EACC,MAAM,GAAG,EAAE,EACX,OAAO,EACP,eAAe,GAAG,CAAC,EACnB,iBAAiB,EACjB,eAAe,EACf,mBAAmB,EACnB,UAAU,EACV,gBAAgB,EAChB,MAAM,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAClB,EAAE,EAAE;IACH,MAAM,YAAY,GAAG,KAAK,CAAC,eAAe,EAAE,CAAC,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC;IAE9D,MAAM,EAAE,IAAI,EAAE,YAAY,EAAE,QAAQ,EAAE,GAAG,gBAAgB,CAAC;QACxD,OAAO;QACP,YAAY,EAAE,UAAU;KACzB,CAAC,CAAC;IAEH,OAAO,MAAM,CAAC,CAAC,CAAC,CACd,0BACG,YAAY,CAAC,MAAM,EAAE,MAAM,EAAE,EAAE,YAAY,EAAE,QAAQ,EAAE,gBAAgB,EAAE,CAAC,EAC1E,eAAe,CAAC,CAAC,CAAC,CACjB,kBACE,SAAS,EACP,iBAAiB;oBACjB,8HAA8H,gBAEpH,mBAAmB,EAC/B,OAAO,EAAE,YAAY,aAErB,eAAM,SAAS,EAAC,MAAM,YAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,eAAe,GAAQ,EACpE,IAAI,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,WAAW,EAAC,OAAO,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,KAAK,SAAG,CAAC,CAAC,CAAC,IAAI,IAC7E,CACV,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CACF,CAAC;AAEF,MAAM,YAAY,GAAG,CACnB,MAAsB,EACtB,MAAc,EACd,EAAE,YAAY,EAAE,QAAQ,EAAE,gBAAgB,EAAsB,EAChE,EAAE;IACF,MAAM,aAAa,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,MAAM,CAAC,MAAM,GAAG,YAAY,CAAC,CAAC;IACpE,MAAM,YAAY,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,YAAY,CAAC,CAAC;IAEjD,OAAO,MAAM,CACX,0BACG,aAAa,EACd,cAAK,SAAS,EAAE,GAAG,uBAAuB,IAAI,gBAAgB,EAAE,YAAG,YAAY,GAAO,IAClF,EACN,QAAQ,CACT,CAAC;AACJ,CAAC,CAAC"}
|
package/lib/ui-kit/Img/Img.js
CHANGED
|
@@ -18,17 +18,13 @@ export const ImgAsPicture = JSX(({ className = '', image, imageClassName = '' })
|
|
|
18
18
|
return null;
|
|
19
19
|
}
|
|
20
20
|
return (_jsxs("picture", { className: `flex-none ${className}`, children: [image?.sources?.length
|
|
21
|
-
? image.sources.map(({ src, format }, index) => (_jsx("source", { srcSet: src, type: formatToMimeType(format) }, `${index}_${src}`)))
|
|
21
|
+
? image.sources.map(({ src, format, media, size }, index) => (_jsx("source", { srcSet: src, type: formatToMimeType(format), media: media, ...size }, `${index}_${src}`)))
|
|
22
22
|
: null, renderImg(image, imageClassName)] }));
|
|
23
23
|
});
|
|
24
24
|
const renderImg = (image, imageClassName = '') => {
|
|
25
|
-
const style = {
|
|
26
|
-
width: image.size?.width ? `${image.size?.width}px` : '100%',
|
|
27
|
-
height: image.size?.height ? `${image.size?.height}px` : '100%',
|
|
28
|
-
};
|
|
29
25
|
const title = image.title || '';
|
|
30
26
|
const alt = image.alt || image.title;
|
|
31
|
-
return
|
|
27
|
+
return _jsx("img", { src: image.src, className: imageClassName, alt: alt, title: title, ...image.size });
|
|
32
28
|
};
|
|
33
29
|
export function formatToMimeType(format) {
|
|
34
30
|
return format ? `image/${String(format)}` : undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Img.js","sourceRoot":"","sources":["../../../src/ui-kit/Img/Img.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAGlD,MAAM,CAAC,MAAM,GAAG,GAAG,GAAG,CACpB,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,cAAc,GAAG,EAAE,EAAE,GAAG,SAAS,EAAE,EAAE,EAAE;IAC/D,IAAI,CAAC,KAAK,EAAE;QACV,OAAO,IAAI,CAAC;KACb;IAED,uDAAuD;IACvD,MAAM,IAAI,GAAG,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC;IAC5D,IAAI,IAAI,IAAI,IAAI,KAAK,EAAE,EAAE;QACvB,OAAO,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CACnB,KAAC,IAAI,IACH,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,cAAc,EAC9B,WAAW,EAAE,cAAc,CAAC,KAAK,CAAC,EAClC,IAAI,EAAE,IAAI,KACN,SAAS,GACb,CACH,CAAC,CAAC,CAAC,IAAI,CAAC;KACV;IAED,OAAO,CACL,KAAC,YAAY,IACX,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,cAAc,EAC9B,KAAK,EAAE,KAAgB,GACvB,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAC7B,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,cAAc,GAAG,EAAE,EAAE,EAAE,EAAE;IACjD,IAAI,CAAC,KAAK,EAAE;QACV,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,mBAAS,SAAS,EAAE,aAAa,SAAS,EAAE,aACzC,KAAK,EAAE,OAAO,EAAE,MAAM;gBACrB,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,
|
|
1
|
+
{"version":3,"file":"Img.js","sourceRoot":"","sources":["../../../src/ui-kit/Img/Img.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAGlD,MAAM,CAAC,MAAM,GAAG,GAAG,GAAG,CACpB,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,cAAc,GAAG,EAAE,EAAE,GAAG,SAAS,EAAE,EAAE,EAAE;IAC/D,IAAI,CAAC,KAAK,EAAE;QACV,OAAO,IAAI,CAAC;KACb;IAED,uDAAuD;IACvD,MAAM,IAAI,GAAG,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC;IAC5D,IAAI,IAAI,IAAI,IAAI,KAAK,EAAE,EAAE;QACvB,OAAO,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CACnB,KAAC,IAAI,IACH,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,cAAc,EAC9B,WAAW,EAAE,cAAc,CAAC,KAAK,CAAC,EAClC,IAAI,EAAE,IAAI,KACN,SAAS,GACb,CACH,CAAC,CAAC,CAAC,IAAI,CAAC;KACV;IAED,OAAO,CACL,KAAC,YAAY,IACX,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,cAAc,EAC9B,KAAK,EAAE,KAAgB,GACvB,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAC7B,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,cAAc,GAAG,EAAE,EAAE,EAAE,EAAE;IACjD,IAAI,CAAC,KAAK,EAAE;QACV,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,mBAAS,SAAS,EAAE,aAAa,SAAS,EAAE,aACzC,KAAK,EAAE,OAAO,EAAE,MAAM;gBACrB,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,CACzD,iBAEE,MAAM,EAAE,GAAG,EACX,IAAI,EAAE,gBAAgB,CAAC,MAAM,CAAC,EAC9B,KAAK,EAAE,KAAK,KACR,IAAI,IAJH,GAAG,KAAK,IAAI,GAAG,EAAE,CAKtB,CACH,CAAC;gBACJ,CAAC,CAAC,IAAI,EACP,SAAS,CAAC,KAAK,EAAE,cAAc,CAAC,IACzB,CACX,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,KAAc,EAAE,cAAc,GAAG,EAAE,EAAE,EAAE;IACxD,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,IAAI,EAAE,CAAC;IAChC,MAAM,GAAG,GAAG,KAAK,CAAC,GAAG,IAAI,KAAK,CAAC,KAAK,CAAC;IAErC,OAAO,cAAK,GAAG,EAAE,KAAK,CAAC,GAAG,EAAE,SAAS,EAAE,cAAc,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,KAAM,KAAK,CAAC,IAAI,GAAI,CAAC;AACpG,CAAC,CAAC;AAEF,MAAM,UAAU,gBAAgB,CAAC,MAA2B;IAC1D,OAAO,MAAM,CAAC,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;AACxD,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"checkIsIconRenderable.js","sourceRoot":"","sources":["../../src/utils/checkIsIconRenderable.tsx"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,IAAc,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,IAAI,IAAI,EAAE,GAAG,CAAC,CAAC"}
|
|
@@ -721,14 +721,14 @@
|
|
|
721
721
|
|
|
722
722
|
const ButtonInner = JSX((props) => {
|
|
723
723
|
const { text, aboveText, appendLeft, appendRight } = props;
|
|
724
|
-
return (jsxs("div", { className: getButtonStyle(props), children: [appendLeft ? appendLeft : null, isWithText(props) ? (jsxs("div", { children: [jsx("div", { className: "text-m-2xs font-light text-left", children: aboveText }), jsx("div", { className: "text-
|
|
724
|
+
return (jsxs("div", { className: getButtonStyle(props), children: [appendLeft ? appendLeft : null, isWithText(props) ? (jsxs("div", { children: [jsx("div", { className: "text-m-2xs font-light text-left", children: aboveText }), jsx("div", { className: "text-base text-left", children: text })] })) : null, appendRight ? appendRight : null] }));
|
|
725
725
|
});
|
|
726
726
|
const getButtonStyle = (props) => {
|
|
727
727
|
const { version, aboveText, rounded } = props;
|
|
728
728
|
if (version === 'link') {
|
|
729
729
|
return '';
|
|
730
730
|
}
|
|
731
|
-
const withTextStyle = `px-
|
|
731
|
+
const withTextStyle = `px-9 gap-2 ${aboveText ? 'py-2' : 'py-4'}`;
|
|
732
732
|
return [
|
|
733
733
|
'flex items-center justify-center',
|
|
734
734
|
isWithText(props) ? withTextStyle : 'h-12 w-12',
|
|
@@ -1579,6 +1579,8 @@
|
|
|
1579
1579
|
return (jsx("section", { className: `font-sans bg-white overflow-hidden w-100 pb-6 ${className || ''}`, children: jsx(SwipeListControl, { context: context, children: galleryBlocks.map((block, i) => (jsx(ProductGalleryBlock, { block: block, context: context }, String(i)))) }) }));
|
|
1580
1580
|
});
|
|
1581
1581
|
|
|
1582
|
+
const checkIsIconRenderable = (icon) => Boolean(icon?.icon || icon?.src);
|
|
1583
|
+
|
|
1582
1584
|
const STEPS_BLOCK_STYLE_MAPS = {
|
|
1583
1585
|
primary: {
|
|
1584
1586
|
background: 'bg-white',
|
|
@@ -1621,7 +1623,7 @@
|
|
|
1621
1623
|
const iconAreaSize = STEPS_SIZE_MAP[size];
|
|
1622
1624
|
const iconSize = size === 'normal' ? '38' : '27';
|
|
1623
1625
|
const iconTextSize = size === 'normal' ? 'text-m-title' : 'text-m-title-xs';
|
|
1624
|
-
return (jsx("div", { className: `${iconAreaSize} ${styleMap.iconBackground} rounded-full z-10 mr-3 flex justify-center content-center`, children: jsx("span", { className: `font-medium flex self-center ${styleMap.title} ${iconTextSize}`, children: (step
|
|
1626
|
+
return (jsx("div", { className: `${iconAreaSize} ${styleMap.iconBackground} rounded-full z-10 mr-3 flex justify-center content-center`, children: jsx("span", { className: `font-medium flex self-center ${styleMap.title} ${iconTextSize}`, children: checkIsIconRenderable(step?.icon) ? (jsx(Img, { image: step.icon, width: iconSize, height: iconSize, asSVG: true })) : (jsx("span", { children: i + 1 })) }) }));
|
|
1625
1627
|
};
|
|
1626
1628
|
|
|
1627
1629
|
const TableTileHeader = JSX(({ title, icon }) => {
|