@redneckz/wildless-cms-uni-blocks 0.3.52 → 0.3.53
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 +4 -4
- package/bundle/bundle.umd.min.js +1 -1
- package/dist/components/Gallery/Gallery.mobile.js +4 -3
- package/dist/components/Gallery/Gallery.mobile.js.map +1 -1
- package/dist/components/Gallery/GalleryCardInner.js +4 -4
- package/dist/components/Gallery/GalleryCardInner.js.map +1 -1
- package/dist/components/Gallery/GalleryContent.d.ts +5 -0
- package/dist/components/ProductBlock/ProductBlockContent.d.ts +1 -1
- package/dist/components/ProductBlock/ProductBlockInner.js +1 -1
- package/dist/components/ProductBlock/ProductBlockInner.js.map +1 -1
- package/dist/ui-kit/List/ListItem.d.ts +1 -0
- package/dist/ui-kit/List/ListItem.js +3 -2
- package/dist/ui-kit/List/ListItem.js.map +1 -1
- package/lib/components/Gallery/Gallery.mobile.js +4 -3
- package/lib/components/Gallery/Gallery.mobile.js.map +1 -1
- package/lib/components/Gallery/GalleryCardInner.js +4 -4
- package/lib/components/Gallery/GalleryCardInner.js.map +1 -1
- package/lib/components/Gallery/GalleryContent.d.ts +5 -0
- package/lib/components/ProductBlock/ProductBlockContent.d.ts +1 -1
- package/lib/components/ProductBlock/ProductBlockInner.js +1 -1
- package/lib/components/ProductBlock/ProductBlockInner.js.map +1 -1
- package/lib/ui-kit/List/ListItem.d.ts +1 -0
- package/lib/ui-kit/List/ListItem.js +1 -1
- package/lib/ui-kit/List/ListItem.js.map +1 -1
- package/mobile/bundle/bundle.umd.js +3 -3
- package/mobile/bundle/bundle.umd.min.js +1 -1
- package/mobile/dist/components/Gallery/Gallery.js +4 -3
- package/mobile/dist/components/Gallery/Gallery.js.map +1 -1
- package/mobile/dist/components/Gallery/GalleryCardInner.js +4 -4
- package/mobile/dist/components/Gallery/GalleryCardInner.js.map +1 -1
- package/mobile/dist/components/Gallery/GalleryContent.d.ts +5 -0
- package/mobile/dist/components/ProductBlock/ProductBlockContent.d.ts +1 -1
- package/mobile/dist/ui-kit/List/ListItem.d.ts +1 -0
- package/mobile/dist/ui-kit/List/ListItem.js +3 -2
- package/mobile/dist/ui-kit/List/ListItem.js.map +1 -1
- package/mobile/lib/components/Gallery/Gallery.js +4 -3
- package/mobile/lib/components/Gallery/Gallery.js.map +1 -1
- package/mobile/lib/components/Gallery/GalleryCardInner.js +4 -4
- package/mobile/lib/components/Gallery/GalleryCardInner.js.map +1 -1
- package/mobile/lib/components/Gallery/GalleryContent.d.ts +5 -0
- package/mobile/lib/components/ProductBlock/ProductBlockContent.d.ts +1 -1
- package/mobile/lib/ui-kit/List/ListItem.d.ts +1 -0
- package/mobile/lib/ui-kit/List/ListItem.js +1 -1
- package/mobile/lib/ui-kit/List/ListItem.js.map +1 -1
- package/mobile/src/components/Gallery/Gallery.example.json +12 -9
- package/mobile/src/components/Gallery/Gallery.tsx +4 -2
- package/mobile/src/components/Gallery/GalleryCardInner.tsx +4 -3
- package/mobile/src/components/Gallery/GalleryContent.ts +5 -0
- package/mobile/src/components/ProductBlock/ProductBlockContent.ts +1 -1
- package/mobile/src/ui-kit/List/ListItem.tsx +1 -1
- package/package.json +1 -1
- package/src/components/Gallery/Gallery.example.json +12 -9
- package/src/components/Gallery/Gallery.fixture.mobile.tsx +5 -1
- package/src/components/Gallery/Gallery.fixture.tsx +10 -0
- package/src/components/Gallery/Gallery.mobile.tsx +4 -2
- package/src/components/Gallery/GalleryCardInner.tsx +4 -3
- package/src/components/Gallery/GalleryContent.ts +5 -0
- package/src/components/ProductBlock/ProductBlockContent.ts +1 -1
- package/src/components/ProductBlock/ProductBlockInner.tsx +1 -1
- package/src/ui-kit/List/ListItem.tsx +1 -1
|
@@ -5,6 +5,7 @@ const uni_jsx_1 = require("@redneckz/uni-jsx");
|
|
|
5
5
|
const Button_1 = require("../../ui-kit/Button/Button");
|
|
6
6
|
const Heading_1 = require("../../ui-kit/Heading/Heading");
|
|
7
7
|
const Img_1 = require("../../ui-kit/Img/Img");
|
|
8
|
+
const ListItem_1 = require("../../ui-kit/List/ListItem");
|
|
8
9
|
const SwipeListControl_1 = require("../../ui-kit/SwipeListControl/SwipeListControl");
|
|
9
10
|
const blockStyle = {
|
|
10
11
|
primary: 'bg-white',
|
|
@@ -18,7 +19,7 @@ function renderCardsLayout(orientation, cards, context) {
|
|
|
18
19
|
}
|
|
19
20
|
function renderCard(card, key) {
|
|
20
21
|
return ((0, jsx_runtime_1.jsxs)("div", { className: `h-full justify-between box-border horizontal-list-item border-solid border rounded-md border-main-stroke p-4 flex flex-col
|
|
21
|
-
${blockStyle[card.version ?? 'primary']}`, children: [(0, jsx_runtime_1.jsxs)("div", { children: [card.image?.src ? ((0, jsx_runtime_1.jsx)("div", { className: "flex justify-center", children: (0, jsx_runtime_1.jsx)(Img_1.Img, { className: "mb-3.5", image: card.image }) })) : null, card.title ? (0, jsx_runtime_1.jsx)("h3", { className: `font-medium text-m-title-xs m-0`, children: card.title }) : null, card.description ? renderDescription(card) : null, card.items?.length ? renderItems(card.items, card.version) : null] }), card?.button?.text ? renderButton(card.button) : null] }, key));
|
|
22
|
+
${blockStyle[card.version ?? 'primary']}`, children: [(0, jsx_runtime_1.jsxs)("div", { children: [card.image?.src ? ((0, jsx_runtime_1.jsx)("div", { className: "flex justify-center", children: (0, jsx_runtime_1.jsx)(Img_1.Img, { className: "mb-3.5", image: card.image }) })) : null, card.title ? (0, jsx_runtime_1.jsx)("h3", { className: `font-medium text-m-title-xs m-0`, children: card.title }) : null, card.description ? renderDescription(card) : null, card.items?.length ? renderItems(card.items, card.version, card.isDotted) : null] }), card?.button?.text ? renderButton(card.button) : null] }, key));
|
|
22
23
|
}
|
|
23
24
|
function renderButton(button) {
|
|
24
25
|
return ((0, jsx_runtime_1.jsx)(Button_1.Button, { className: "mt-3", appendLeft: button?.icon && (0, jsx_runtime_1.jsx)(Img_1.Img, { image: button?.icon, width: "24px", height: "24px", asSVG: true }), ...button }));
|
|
@@ -26,7 +27,7 @@ function renderButton(button) {
|
|
|
26
27
|
function renderDescription(card) {
|
|
27
28
|
return ((0, jsx_runtime_1.jsx)("div", { className: `text-secondary-text mt-1 text-m-sm ${card.version === 'secondary' ? 'text-white opacity-80' : ''}`, children: card.description }));
|
|
28
29
|
}
|
|
29
|
-
function renderItems(items, version = 'primary') {
|
|
30
|
-
return ((0, jsx_runtime_1.jsx)("section", { className: "mt-3", children: items.map((item, i) => ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("span", { className: "text-m-md font-medium", children: item.title }), (0, jsx_runtime_1.jsx)("span", { className: `text-m-sm pl-2 ${version === 'primary' ? 'text-secondary-text' : ''}`, children: item.text })] }, String(i)))) }));
|
|
30
|
+
function renderItems(items, version = 'primary', isDotted) {
|
|
31
|
+
return ((0, jsx_runtime_1.jsx)("section", { className: "mt-3", children: items.map((item, i) => ((0, jsx_runtime_1.jsxs)("div", { children: [isDotted && (0, jsx_runtime_1.jsx)("div", { className: (0, ListItem_1.getListStyle)(version) }), (0, jsx_runtime_1.jsx)("span", { className: "text-m-md font-medium", children: item.title }), (0, jsx_runtime_1.jsx)("span", { className: `text-m-sm pl-2 ${version === 'primary' ? 'text-secondary-text' : ''}`, children: item.text })] }, String(i)))) }));
|
|
31
32
|
}
|
|
32
33
|
//# sourceMappingURL=Gallery.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Gallery.js","sourceRoot":"","sources":["../../../src/components/Gallery/Gallery.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAGxC,uDAAoD;AACpD,0DAAuD;AACvD,8CAA2C;AAC3C,qFAAkF;AAKlF,MAAM,UAAU,GAAiC;IAC/C,OAAO,EAAE,UAAU;IACnB,SAAS,EAAE,4BAA4B;CACxC,CAAC;AAEW,QAAA,OAAO,GAAG,IAAA,aAAG,EACxB,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,GAAG,EAAE,EAAE,SAAS,EAAE,WAAW,GAAG,YAAY,EAAE,EAAE,EAAE;IACrF,OAAO,CACL,qCACE,SAAS,EAAE,2EAA2E,SAAS,EAAE,aAEjG,iCAAK,SAAS,EAAC,iCAAiC,aAC7C,KAAK,CAAC,CAAC,CAAC,CACP,uBAAC,iBAAO,IACN,WAAW,EAAC,IAAI,EAChB,SAAS,EAAE,eAAe,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAAE,EACzD,KAAK,EAAE,KAAK,GACZ,CACH,CAAC,CAAC,CAAC,IAAI,EACP,WAAW,CAAC,CAAC,CAAC,CACb,gCAAK,SAAS,EAAC,sDAAsD,YAClE,WAAW,GACR,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,EACL,iBAAiB,CAAC,WAAW,EAAE,KAAK,EAAE,OAAO,CAAC,IACvC,CACX,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,SAAS,iBAAiB,CAAC,WAA4B,EAAE,KAAoB,EAAE,OAAO;IACpF,OAAO,WAAW,KAAK,YAAY,CAAC,CAAC,CAAC,CACpC,uBAAC,mCAAgB,IAAC,OAAO,EAAE,OAAO,YAAG,KAAK,EAAE,GAAG,CAAC,UAAU,CAAC,GAAoB,CAChF,CAAC,CAAC,CAAC,CACF,gCAAK,SAAS,EAAC,iBAAiB,YAAE,KAAK,EAAE,GAAG,CAAC,UAAU,CAAC,GAAO,CAChE,CAAC;AACJ,CAAC;AAED,SAAS,UAAU,CAAC,IAAiB,EAAE,GAAW;IAChD,OAAO,CACL,iCACE,SAAS,EAAE;QACT,UAAU,CAAC,IAAI,CAAC,OAAO,IAAI,SAAS,CAAC,EAAE,aAGzC,4CACG,IAAI,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,CACjB,gCAAK,SAAS,EAAC,qBAAqB,YAClC,uBAAC,SAAG,IAAC,SAAS,EAAC,QAAQ,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,GAAI,GACzC,CACP,CAAC,CAAC,CAAC,IAAI,EACP,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,+BAAI,SAAS,EAAE,iCAAiC,YAAG,IAAI,CAAC,KAAK,GAAM,CAAC,CAAC,CAAC,IAAI,EACvF,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,EACjD,IAAI,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,
|
|
1
|
+
{"version":3,"file":"Gallery.js","sourceRoot":"","sources":["../../../src/components/Gallery/Gallery.tsx"],"names":[],"mappings":"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"}
|
|
@@ -5,9 +5,9 @@ const uni_jsx_1 = require("@redneckz/uni-jsx");
|
|
|
5
5
|
const Button_1 = require("../../ui-kit/Button/Button");
|
|
6
6
|
const Img_1 = require("../../ui-kit/Img/Img");
|
|
7
7
|
const List_1 = require("../../ui-kit/List/List");
|
|
8
|
-
exports.GalleryCardInner = (0, uni_jsx_1.JSX)(({ title, description, image, items, button, version }) => {
|
|
8
|
+
exports.GalleryCardInner = (0, uni_jsx_1.JSX)(({ title, description, image, items, button, version, isDotted = true }) => {
|
|
9
9
|
const titleStyleClasses = getTitleStyle(version);
|
|
10
|
-
return ((0, jsx_runtime_1.jsxs)("div", { className: "h-full flex flex-col justify-between text-center", children: [(0, jsx_runtime_1.jsxs)("div", { children: [image?.src ? ((0, jsx_runtime_1.jsx)("div", { className: "flex justify-center", children: (0, jsx_runtime_1.jsx)(Img_1.Img, { className: "mb-6", image: image }) })) : null, title ? renderCardTitle(title, titleStyleClasses) : null, description ? ((0, jsx_runtime_1.jsx)("div", { className: `font-light text-m-md-new ${title ? 'mt-2' : ''}`, children: description })) : null, items?.length ? renderItems(items, version) : null] }), button?.text ? renderButton(button) : null] }));
|
|
10
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: "h-full flex flex-col justify-between text-center", children: [(0, jsx_runtime_1.jsxs)("div", { children: [image?.src ? ((0, jsx_runtime_1.jsx)("div", { className: "flex justify-center", children: (0, jsx_runtime_1.jsx)(Img_1.Img, { className: "mb-6", image: image }) })) : null, title ? renderCardTitle(title, titleStyleClasses) : null, description ? ((0, jsx_runtime_1.jsx)("div", { className: `font-light text-m-md-new ${title ? 'mt-2' : ''}`, children: description })) : null, items?.length ? renderItems(items, version, isDotted) : null] }), button?.text ? renderButton(button) : null] }));
|
|
11
11
|
});
|
|
12
12
|
function renderButton(button) {
|
|
13
13
|
return ((0, jsx_runtime_1.jsx)(Button_1.Button, { className: "mt-6 w-full", appendLeft: button.icon && (0, jsx_runtime_1.jsx)(Img_1.Img, { image: button.icon, width: "24px", height: "24px", asSVG: true }), ...button }));
|
|
@@ -15,8 +15,8 @@ function renderButton(button) {
|
|
|
15
15
|
function renderCardTitle(title, className) {
|
|
16
16
|
return (0, jsx_runtime_1.jsx)("div", { className: `text-xl m-0 ${className}`, children: title });
|
|
17
17
|
}
|
|
18
|
-
function renderItems(items, version = 'primary') {
|
|
19
|
-
return ((0, jsx_runtime_1.jsx)(List_1.List, { className: `max-w-[308px] mt-2 text-sm ${version === 'primary' ? '!text-secondary-text' : ''}`, itemClassName: "mt-1 first:mt-0", items: items.filter((item) => item?.text).map((item) => item.text), version: version }));
|
|
18
|
+
function renderItems(items, version = 'primary', isDotted) {
|
|
19
|
+
return ((0, jsx_runtime_1.jsx)(List_1.List, { className: `max-w-[308px] mt-2 text-sm ${version === 'primary' ? '!text-secondary-text' : ''}`, itemClassName: "mt-1 first:mt-0", items: items.filter((item) => item?.text).map((item) => item.text), isDotted: isDotted, version: version }));
|
|
20
20
|
}
|
|
21
21
|
function getTitleStyle(version) {
|
|
22
22
|
return `text-xl m-0
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GalleryCardInner.js","sourceRoot":"","sources":["../../../src/components/Gallery/GalleryCardInner.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAExC,uDAAoD;AACpD,8CAA2C;AAC3C,iDAA8C;AAGjC,QAAA,gBAAgB,GAAG,IAAA,aAAG,EACjC,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE;
|
|
1
|
+
{"version":3,"file":"GalleryCardInner.js","sourceRoot":"","sources":["../../../src/components/Gallery/GalleryCardInner.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAExC,uDAAoD;AACpD,8CAA2C;AAC3C,iDAA8C;AAGjC,QAAA,gBAAgB,GAAG,IAAA,aAAG,EACjC,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,GAAG,IAAI,EAAE,EAAE,EAAE;IACzE,MAAM,iBAAiB,GAAG,aAAa,CAAC,OAAO,CAAC,CAAC;IACjD,OAAO,CACL,iCAAK,SAAS,EAAC,kDAAkD,aAC/D,4CACG,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,CACZ,gCAAK,SAAS,EAAC,qBAAqB,YAClC,uBAAC,SAAG,IAAC,SAAS,EAAC,MAAM,EAAC,KAAK,EAAE,KAAK,GAAI,GAClC,CACP,CAAC,CAAC,CAAC,IAAI,EACP,KAAK,CAAC,CAAC,CAAC,eAAe,CAAC,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,IAAI,EACxD,WAAW,CAAC,CAAC,CAAC,CACb,gCAAK,SAAS,EAAE,4BAA4B,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,YAAG,WAAW,GAAO,CACvF,CAAC,CAAC,CAAC,IAAI,EACP,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,IACzD,EACL,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,IACvC,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,SAAS,YAAY,CAAC,MAAM;IAC1B,OAAO,CACL,uBAAC,eAAM,IACL,SAAS,EAAC,aAAa,EACvB,UAAU,EAAE,MAAM,CAAC,IAAI,IAAI,uBAAC,SAAG,IAAC,KAAK,EAAE,MAAM,CAAC,IAAI,EAAE,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,KAAK,SAAG,KACnF,MAAM,GACV,CACH,CAAC;AACJ,CAAC;AAED,SAAS,eAAe,CAAC,KAAa,EAAE,SAAiB;IACvD,OAAO,gCAAK,SAAS,EAAE,eAAe,SAAS,EAAE,YAAG,KAAK,GAAO,CAAC;AACnE,CAAC;AAED,SAAS,WAAW,CAAC,KAAoB,EAAE,UAAwB,SAAS,EAAE,QAAiB;IAC7F,OAAO,CACL,uBAAC,WAAI,IACH,SAAS,EAAE,8BACT,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,EACnD,EAAE,EACF,aAAa,EAAC,iBAAiB,EAC/B,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAc,CAAC,EAC5E,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,GAChB,CACH,CAAC;AACJ,CAAC;AAED,SAAS,aAAa,CAAC,OAAO;IAC5B,OAAO;UACC,OAAO,KAAK,WAAW,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE;OACrD,CAAC;AACR,CAAC"}
|
|
@@ -32,6 +32,11 @@ export interface GalleryCard {
|
|
|
32
32
|
image?: Picture;
|
|
33
33
|
/** @title Кнопка */
|
|
34
34
|
button?: ButtonWithIconProps;
|
|
35
|
+
/**
|
|
36
|
+
* @title Буллиты
|
|
37
|
+
* @default true
|
|
38
|
+
*/
|
|
39
|
+
isDotted?: boolean;
|
|
35
40
|
/** @title Список */
|
|
36
41
|
items?: GalleryItem[];
|
|
37
42
|
version?: BlockVersion;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import type { BlockVersion } from '../../model/BlockVersion';
|
|
2
|
+
import type { IconVersion } from '../../model/IconVersion';
|
|
2
3
|
import type { LinkProps } from '../../model/LinkProps';
|
|
3
4
|
import type { ButtonContent, ButtonWithIconProps } from '../../ui-kit/Button/ButtonProps';
|
|
4
5
|
import type { DescriptionContent } from '../../ui-kit/Description/DescriptionContent';
|
|
5
6
|
import type { HeadingContent, HeadingTypeContent } from '../../ui-kit/Heading/HeadingContent';
|
|
6
7
|
import type { ImageContent } from '../../ui-kit/Img/ImgProps';
|
|
7
8
|
import type { ListContent } from '../../ui-kit/List/ListContent';
|
|
8
|
-
import type { IconVersion } from '../../model/IconVersion';
|
|
9
9
|
import type { Benefit } from '../BenefitsBlock/BenefitsBlockContent';
|
|
10
10
|
export declare type BenefitItemProps = {
|
|
11
11
|
benefit: Benefit;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
2
|
-
exports.ListItem = void 0;
|
|
2
|
+
exports.getListStyle = exports.ListItem = 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 LIST_STYLE_CLASSES = {
|
|
@@ -17,7 +17,7 @@ const LIST_DOT_STYLE_MAP = {
|
|
|
17
17
|
'tile-white': 'bg-white',
|
|
18
18
|
};
|
|
19
19
|
exports.ListItem = (0, uni_jsx_1.JSX)(({ className = '', isDotted = true, children, version = 'primary' }) => {
|
|
20
|
-
return ((0, jsx_runtime_1.jsxs)("div", { className: `font-sans flex items-start ${className}`, role: "listitem", children: [isDotted && (0, jsx_runtime_1.jsx)("div", { className: getListStyle(version) }), (0, jsx_runtime_1.jsx)("span", { children: children })] }));
|
|
20
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: `font-sans flex items-start ${className}`, role: "listitem", children: [isDotted && (0, jsx_runtime_1.jsx)("div", { className: (0, exports.getListStyle)(version) }), (0, jsx_runtime_1.jsx)("span", { children: children })] }));
|
|
21
21
|
});
|
|
22
22
|
const getListStyle = (version) => {
|
|
23
23
|
const size = {
|
|
@@ -29,4 +29,5 @@ const getListStyle = (version) => {
|
|
|
29
29
|
};
|
|
30
30
|
return `${LIST_STYLE_CLASSES[version]} ${LIST_DOT_STYLE_MAP[version]} ${size[version]}`;
|
|
31
31
|
};
|
|
32
|
+
exports.getListStyle = getListStyle;
|
|
32
33
|
//# sourceMappingURL=ListItem.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListItem.js","sourceRoot":"","sources":["../../../src/ui-kit/List/ListItem.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAaxC,MAAM,kBAAkB,GAAG;IACzB,OAAO,EAAE,qCAAqC;IAC9C,SAAS,EAAE,qCAAqC;IAChD,IAAI,EAAE,qCAAqC;IAC3C,IAAI,EAAE,qCAAqC;IAC3C,YAAY,EAAE,qCAAqC;CACpD,CAAC;AAEF,MAAM,kBAAkB,GAAoC;IAC1D,OAAO,EAAE,iBAAiB;IAC1B,SAAS,EAAE,UAAU;IACrB,IAAI,EAAE,mBAAmB;IACzB,IAAI,EAAE,UAAU;IAChB,YAAY,EAAE,UAAU;CACzB,CAAC;AAEW,QAAA,QAAQ,GAAG,IAAA,aAAG,EACzB,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,QAAQ,GAAG,IAAI,EAAE,QAAQ,EAAE,OAAO,GAAG,SAAS,EAAE,EAAE,EAAE;IACrE,OAAO,CACL,iCAAK,SAAS,EAAE,8BAA8B,SAAS,EAAE,EAAE,IAAI,EAAC,UAAU,aACvE,QAAQ,IAAI,gCAAK,SAAS,EAAE,
|
|
1
|
+
{"version":3,"file":"ListItem.js","sourceRoot":"","sources":["../../../src/ui-kit/List/ListItem.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAaxC,MAAM,kBAAkB,GAAG;IACzB,OAAO,EAAE,qCAAqC;IAC9C,SAAS,EAAE,qCAAqC;IAChD,IAAI,EAAE,qCAAqC;IAC3C,IAAI,EAAE,qCAAqC;IAC3C,YAAY,EAAE,qCAAqC;CACpD,CAAC;AAEF,MAAM,kBAAkB,GAAoC;IAC1D,OAAO,EAAE,iBAAiB;IAC1B,SAAS,EAAE,UAAU;IACrB,IAAI,EAAE,mBAAmB;IACzB,IAAI,EAAE,UAAU;IAChB,YAAY,EAAE,UAAU;CACzB,CAAC;AAEW,QAAA,QAAQ,GAAG,IAAA,aAAG,EACzB,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,QAAQ,GAAG,IAAI,EAAE,QAAQ,EAAE,OAAO,GAAG,SAAS,EAAE,EAAE,EAAE;IACrE,OAAO,CACL,iCAAK,SAAS,EAAE,8BAA8B,SAAS,EAAE,EAAE,IAAI,EAAC,UAAU,aACvE,QAAQ,IAAI,gCAAK,SAAS,EAAE,IAAA,oBAAY,EAAC,OAAO,CAAC,GAAI,EACtD,2CAAO,QAAQ,GAAQ,IACnB,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEK,MAAM,YAAY,GAAG,CAAC,OAAwB,EAAE,EAAE;IACvD,MAAM,IAAI,GAAG;QACX,OAAO,EAAE,yBAAyB;QAClC,SAAS,EAAE,yBAAyB;QACpC,IAAI,EAAE,iCAAiC;QACvC,IAAI,EAAE,yCAAyC;QAC/C,YAAY,EAAE,yCAAyC;KACxD,CAAC;IACF,OAAO,GAAG,kBAAkB,CAAC,OAAO,CAAC,IAAI,kBAAkB,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC;AAC1F,CAAC,CAAC;AATW,QAAA,YAAY,gBASvB"}
|
|
@@ -3,6 +3,7 @@ import { JSX } from '@redneckz/uni-jsx';
|
|
|
3
3
|
import { Button } from '../../ui-kit/Button/Button.js';
|
|
4
4
|
import { Heading } from '../../ui-kit/Heading/Heading.js';
|
|
5
5
|
import { Img } from '../../ui-kit/Img/Img.js';
|
|
6
|
+
import { getListStyle } from '../../ui-kit/List/ListItem.js';
|
|
6
7
|
import { SwipeListControl } from '../../ui-kit/SwipeListControl/SwipeListControl.js';
|
|
7
8
|
const blockStyle = {
|
|
8
9
|
primary: 'bg-white',
|
|
@@ -16,7 +17,7 @@ function renderCardsLayout(orientation, cards, context) {
|
|
|
16
17
|
}
|
|
17
18
|
function renderCard(card, key) {
|
|
18
19
|
return (_jsxs("div", { className: `h-full justify-between box-border horizontal-list-item border-solid border rounded-md border-main-stroke p-4 flex flex-col
|
|
19
|
-
${blockStyle[card.version ?? 'primary']}`, children: [_jsxs("div", { children: [card.image?.src ? (_jsx("div", { className: "flex justify-center", children: _jsx(Img, { className: "mb-3.5", image: card.image }) })) : null, card.title ? _jsx("h3", { className: `font-medium text-m-title-xs m-0`, children: card.title }) : null, card.description ? renderDescription(card) : null, card.items?.length ? renderItems(card.items, card.version) : null] }), card?.button?.text ? renderButton(card.button) : null] }, key));
|
|
20
|
+
${blockStyle[card.version ?? 'primary']}`, children: [_jsxs("div", { children: [card.image?.src ? (_jsx("div", { className: "flex justify-center", children: _jsx(Img, { className: "mb-3.5", image: card.image }) })) : null, card.title ? _jsx("h3", { className: `font-medium text-m-title-xs m-0`, children: card.title }) : null, card.description ? renderDescription(card) : null, card.items?.length ? renderItems(card.items, card.version, card.isDotted) : null] }), card?.button?.text ? renderButton(card.button) : null] }, key));
|
|
20
21
|
}
|
|
21
22
|
function renderButton(button) {
|
|
22
23
|
return (_jsx(Button, { className: "mt-3", appendLeft: button?.icon && _jsx(Img, { image: button?.icon, width: "24px", height: "24px", asSVG: true }), ...button }));
|
|
@@ -24,7 +25,7 @@ function renderButton(button) {
|
|
|
24
25
|
function renderDescription(card) {
|
|
25
26
|
return (_jsx("div", { className: `text-secondary-text mt-1 text-m-sm ${card.version === 'secondary' ? 'text-white opacity-80' : ''}`, children: card.description }));
|
|
26
27
|
}
|
|
27
|
-
function renderItems(items, version = 'primary') {
|
|
28
|
-
return (_jsx("section", { className: "mt-3", children: items.map((item, i) => (_jsxs("div", { children: [_jsx("span", { className: "text-m-md font-medium", children: item.title }), _jsx("span", { className: `text-m-sm pl-2 ${version === 'primary' ? 'text-secondary-text' : ''}`, children: item.text })] }, String(i)))) }));
|
|
28
|
+
function renderItems(items, version = 'primary', isDotted) {
|
|
29
|
+
return (_jsx("section", { className: "mt-3", children: items.map((item, i) => (_jsxs("div", { children: [isDotted && _jsx("div", { className: getListStyle(version) }), _jsx("span", { className: "text-m-md font-medium", children: item.title }), _jsx("span", { className: `text-m-sm pl-2 ${version === 'primary' ? 'text-secondary-text' : ''}`, children: item.text })] }, String(i)))) }));
|
|
29
30
|
}
|
|
30
31
|
//# sourceMappingURL=Gallery.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Gallery.js","sourceRoot":"","sources":["../../../src/components/Gallery/Gallery.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,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,gBAAgB,EAAE,MAAM,gDAAgD,CAAC;AAKlF,MAAM,UAAU,GAAiC;IAC/C,OAAO,EAAE,UAAU;IACnB,SAAS,EAAE,4BAA4B;CACxC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,CACxB,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,GAAG,EAAE,EAAE,SAAS,EAAE,WAAW,GAAG,YAAY,EAAE,EAAE,EAAE;IACrF,OAAO,CACL,mBACE,SAAS,EAAE,2EAA2E,SAAS,EAAE,aAEjG,eAAK,SAAS,EAAC,iCAAiC,aAC7C,KAAK,CAAC,CAAC,CAAC,CACP,KAAC,OAAO,IACN,WAAW,EAAC,IAAI,EAChB,SAAS,EAAE,eAAe,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAAE,EACzD,KAAK,EAAE,KAAK,GACZ,CACH,CAAC,CAAC,CAAC,IAAI,EACP,WAAW,CAAC,CAAC,CAAC,CACb,cAAK,SAAS,EAAC,sDAAsD,YAClE,WAAW,GACR,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,EACL,iBAAiB,CAAC,WAAW,EAAE,KAAK,EAAE,OAAO,CAAC,IACvC,CACX,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,SAAS,iBAAiB,CAAC,WAA4B,EAAE,KAAoB,EAAE,OAAO;IACpF,OAAO,WAAW,KAAK,YAAY,CAAC,CAAC,CAAC,CACpC,KAAC,gBAAgB,IAAC,OAAO,EAAE,OAAO,YAAG,KAAK,EAAE,GAAG,CAAC,UAAU,CAAC,GAAoB,CAChF,CAAC,CAAC,CAAC,CACF,cAAK,SAAS,EAAC,iBAAiB,YAAE,KAAK,EAAE,GAAG,CAAC,UAAU,CAAC,GAAO,CAChE,CAAC;AACJ,CAAC;AAED,SAAS,UAAU,CAAC,IAAiB,EAAE,GAAW;IAChD,OAAO,CACL,eACE,SAAS,EAAE;QACT,UAAU,CAAC,IAAI,CAAC,OAAO,IAAI,SAAS,CAAC,EAAE,aAGzC,0BACG,IAAI,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,CACjB,cAAK,SAAS,EAAC,qBAAqB,YAClC,KAAC,GAAG,IAAC,SAAS,EAAC,QAAQ,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,GAAI,GACzC,CACP,CAAC,CAAC,CAAC,IAAI,EACP,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,aAAI,SAAS,EAAE,iCAAiC,YAAG,IAAI,CAAC,KAAK,GAAM,CAAC,CAAC,CAAC,IAAI,EACvF,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,EACjD,IAAI,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,
|
|
1
|
+
{"version":3,"file":"Gallery.js","sourceRoot":"","sources":["../../../src/components/Gallery/Gallery.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,9 +3,9 @@ import { JSX } from '@redneckz/uni-jsx';
|
|
|
3
3
|
import { Button } from '../../ui-kit/Button/Button.js';
|
|
4
4
|
import { Img } from '../../ui-kit/Img/Img.js';
|
|
5
5
|
import { List } from '../../ui-kit/List/List.js';
|
|
6
|
-
export const GalleryCardInner = JSX(({ title, description, image, items, button, version }) => {
|
|
6
|
+
export const GalleryCardInner = JSX(({ title, description, image, items, button, version, isDotted = true }) => {
|
|
7
7
|
const titleStyleClasses = getTitleStyle(version);
|
|
8
|
-
return (_jsxs("div", { className: "h-full flex flex-col justify-between text-center", children: [_jsxs("div", { children: [image?.src ? (_jsx("div", { className: "flex justify-center", children: _jsx(Img, { className: "mb-6", image: image }) })) : null, title ? renderCardTitle(title, titleStyleClasses) : null, description ? (_jsx("div", { className: `font-light text-m-md-new ${title ? 'mt-2' : ''}`, children: description })) : null, items?.length ? renderItems(items, version) : null] }), button?.text ? renderButton(button) : null] }));
|
|
8
|
+
return (_jsxs("div", { className: "h-full flex flex-col justify-between text-center", children: [_jsxs("div", { children: [image?.src ? (_jsx("div", { className: "flex justify-center", children: _jsx(Img, { className: "mb-6", image: image }) })) : null, title ? renderCardTitle(title, titleStyleClasses) : null, description ? (_jsx("div", { className: `font-light text-m-md-new ${title ? 'mt-2' : ''}`, children: description })) : null, items?.length ? renderItems(items, version, isDotted) : null] }), button?.text ? renderButton(button) : null] }));
|
|
9
9
|
});
|
|
10
10
|
function renderButton(button) {
|
|
11
11
|
return (_jsx(Button, { className: "mt-6 w-full", appendLeft: button.icon && _jsx(Img, { image: button.icon, width: "24px", height: "24px", asSVG: true }), ...button }));
|
|
@@ -13,8 +13,8 @@ function renderButton(button) {
|
|
|
13
13
|
function renderCardTitle(title, className) {
|
|
14
14
|
return _jsx("div", { className: `text-xl m-0 ${className}`, children: title });
|
|
15
15
|
}
|
|
16
|
-
function renderItems(items, version = 'primary') {
|
|
17
|
-
return (_jsx(List, { className: `max-w-[308px] mt-2 text-sm ${version === 'primary' ? '!text-secondary-text' : ''}`, itemClassName: "mt-1 first:mt-0", items: items.filter((item) => item?.text).map((item) => item.text), version: version }));
|
|
16
|
+
function renderItems(items, version = 'primary', isDotted) {
|
|
17
|
+
return (_jsx(List, { className: `max-w-[308px] mt-2 text-sm ${version === 'primary' ? '!text-secondary-text' : ''}`, itemClassName: "mt-1 first:mt-0", items: items.filter((item) => item?.text).map((item) => item.text), isDotted: isDotted, version: version }));
|
|
18
18
|
}
|
|
19
19
|
function getTitleStyle(version) {
|
|
20
20
|
return `text-xl m-0
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GalleryCardInner.js","sourceRoot":"","sources":["../../../src/components/Gallery/GalleryCardInner.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAG9C,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CACjC,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE;
|
|
1
|
+
{"version":3,"file":"GalleryCardInner.js","sourceRoot":"","sources":["../../../src/components/Gallery/GalleryCardInner.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAG9C,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CACjC,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,GAAG,IAAI,EAAE,EAAE,EAAE;IACzE,MAAM,iBAAiB,GAAG,aAAa,CAAC,OAAO,CAAC,CAAC;IACjD,OAAO,CACL,eAAK,SAAS,EAAC,kDAAkD,aAC/D,0BACG,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,CACZ,cAAK,SAAS,EAAC,qBAAqB,YAClC,KAAC,GAAG,IAAC,SAAS,EAAC,MAAM,EAAC,KAAK,EAAE,KAAK,GAAI,GAClC,CACP,CAAC,CAAC,CAAC,IAAI,EACP,KAAK,CAAC,CAAC,CAAC,eAAe,CAAC,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,IAAI,EACxD,WAAW,CAAC,CAAC,CAAC,CACb,cAAK,SAAS,EAAE,4BAA4B,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,YAAG,WAAW,GAAO,CACvF,CAAC,CAAC,CAAC,IAAI,EACP,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,IACzD,EACL,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,IACvC,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,SAAS,YAAY,CAAC,MAAM;IAC1B,OAAO,CACL,KAAC,MAAM,IACL,SAAS,EAAC,aAAa,EACvB,UAAU,EAAE,MAAM,CAAC,IAAI,IAAI,KAAC,GAAG,IAAC,KAAK,EAAE,MAAM,CAAC,IAAI,EAAE,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,KAAK,SAAG,KACnF,MAAM,GACV,CACH,CAAC;AACJ,CAAC;AAED,SAAS,eAAe,CAAC,KAAa,EAAE,SAAiB;IACvD,OAAO,cAAK,SAAS,EAAE,eAAe,SAAS,EAAE,YAAG,KAAK,GAAO,CAAC;AACnE,CAAC;AAED,SAAS,WAAW,CAAC,KAAoB,EAAE,UAAwB,SAAS,EAAE,QAAiB;IAC7F,OAAO,CACL,KAAC,IAAI,IACH,SAAS,EAAE,8BACT,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,EACnD,EAAE,EACF,aAAa,EAAC,iBAAiB,EAC/B,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAc,CAAC,EAC5E,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,GAChB,CACH,CAAC;AACJ,CAAC;AAED,SAAS,aAAa,CAAC,OAAO;IAC5B,OAAO;UACC,OAAO,KAAK,WAAW,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE;OACrD,CAAC;AACR,CAAC"}
|
|
@@ -32,6 +32,11 @@ export interface GalleryCard {
|
|
|
32
32
|
image?: Picture;
|
|
33
33
|
/** @title Кнопка */
|
|
34
34
|
button?: ButtonWithIconProps;
|
|
35
|
+
/**
|
|
36
|
+
* @title Буллиты
|
|
37
|
+
* @default true
|
|
38
|
+
*/
|
|
39
|
+
isDotted?: boolean;
|
|
35
40
|
/** @title Список */
|
|
36
41
|
items?: GalleryItem[];
|
|
37
42
|
version?: BlockVersion;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import type { BlockVersion } from '../../model/BlockVersion';
|
|
2
|
+
import type { IconVersion } from '../../model/IconVersion';
|
|
2
3
|
import type { LinkProps } from '../../model/LinkProps';
|
|
3
4
|
import type { ButtonContent, ButtonWithIconProps } from '../../ui-kit/Button/ButtonProps';
|
|
4
5
|
import type { DescriptionContent } from '../../ui-kit/Description/DescriptionContent';
|
|
5
6
|
import type { HeadingContent, HeadingTypeContent } from '../../ui-kit/Heading/HeadingContent';
|
|
6
7
|
import type { ImageContent } from '../../ui-kit/Img/ImgProps';
|
|
7
8
|
import type { ListContent } from '../../ui-kit/List/ListContent';
|
|
8
|
-
import type { IconVersion } from '../../model/IconVersion';
|
|
9
9
|
import type { Benefit } from '../BenefitsBlock/BenefitsBlockContent';
|
|
10
10
|
export declare type BenefitItemProps = {
|
|
11
11
|
benefit: Benefit;
|
|
@@ -17,7 +17,7 @@ const LIST_DOT_STYLE_MAP = {
|
|
|
17
17
|
export const ListItem = JSX(({ className = '', isDotted = true, children, version = 'primary' }) => {
|
|
18
18
|
return (_jsxs("div", { className: `font-sans flex items-start ${className}`, role: "listitem", children: [isDotted && _jsx("div", { className: getListStyle(version) }), _jsx("span", { children: children })] }));
|
|
19
19
|
});
|
|
20
|
-
const getListStyle = (version) => {
|
|
20
|
+
export const getListStyle = (version) => {
|
|
21
21
|
const size = {
|
|
22
22
|
primary: 'w-2 h-2 min-w-2 min-h-2',
|
|
23
23
|
secondary: 'w-2 h-2 min-w-2 min-h-2',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListItem.js","sourceRoot":"","sources":["../../../src/ui-kit/List/ListItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAaxC,MAAM,kBAAkB,GAAG;IACzB,OAAO,EAAE,qCAAqC;IAC9C,SAAS,EAAE,qCAAqC;IAChD,IAAI,EAAE,qCAAqC;IAC3C,IAAI,EAAE,qCAAqC;IAC3C,YAAY,EAAE,qCAAqC;CACpD,CAAC;AAEF,MAAM,kBAAkB,GAAoC;IAC1D,OAAO,EAAE,iBAAiB;IAC1B,SAAS,EAAE,UAAU;IACrB,IAAI,EAAE,mBAAmB;IACzB,IAAI,EAAE,UAAU;IAChB,YAAY,EAAE,UAAU;CACzB,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CACzB,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,QAAQ,GAAG,IAAI,EAAE,QAAQ,EAAE,OAAO,GAAG,SAAS,EAAE,EAAE,EAAE;IACrE,OAAO,CACL,eAAK,SAAS,EAAE,8BAA8B,SAAS,EAAE,EAAE,IAAI,EAAC,UAAU,aACvE,QAAQ,IAAI,cAAK,SAAS,EAAE,YAAY,CAAC,OAAO,CAAC,GAAI,EACtD,yBAAO,QAAQ,GAAQ,IACnB,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,YAAY,GAAG,CAAC,OAAwB,EAAE,EAAE;
|
|
1
|
+
{"version":3,"file":"ListItem.js","sourceRoot":"","sources":["../../../src/ui-kit/List/ListItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAaxC,MAAM,kBAAkB,GAAG;IACzB,OAAO,EAAE,qCAAqC;IAC9C,SAAS,EAAE,qCAAqC;IAChD,IAAI,EAAE,qCAAqC;IAC3C,IAAI,EAAE,qCAAqC;IAC3C,YAAY,EAAE,qCAAqC;CACpD,CAAC;AAEF,MAAM,kBAAkB,GAAoC;IAC1D,OAAO,EAAE,iBAAiB;IAC1B,SAAS,EAAE,UAAU;IACrB,IAAI,EAAE,mBAAmB;IACzB,IAAI,EAAE,UAAU;IAChB,YAAY,EAAE,UAAU;CACzB,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CACzB,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,QAAQ,GAAG,IAAI,EAAE,QAAQ,EAAE,OAAO,GAAG,SAAS,EAAE,EAAE,EAAE;IACrE,OAAO,CACL,eAAK,SAAS,EAAE,8BAA8B,SAAS,EAAE,EAAE,IAAI,EAAC,UAAU,aACvE,QAAQ,IAAI,cAAK,SAAS,EAAE,YAAY,CAAC,OAAO,CAAC,GAAI,EACtD,yBAAO,QAAQ,GAAQ,IACnB,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,OAAwB,EAAE,EAAE;IACvD,MAAM,IAAI,GAAG;QACX,OAAO,EAAE,yBAAyB;QAClC,SAAS,EAAE,yBAAyB;QACpC,IAAI,EAAE,iCAAiC;QACvC,IAAI,EAAE,yCAAyC;QAC/C,YAAY,EAAE,yCAAyC;KACxD,CAAC;IACF,OAAO,GAAG,kBAAkB,CAAC,OAAO,CAAC,IAAI,kBAAkB,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC;AAC1F,CAAC,CAAC"}
|
|
@@ -15,10 +15,11 @@
|
|
|
15
15
|
"description": "Описание 1",
|
|
16
16
|
"href": "/credit-cards",
|
|
17
17
|
"version": "primary",
|
|
18
|
+
"isDotted": true,
|
|
18
19
|
"items": [
|
|
19
|
-
{"text":"Элемент списка 1", "title": "Элемент заголовка 1"},
|
|
20
|
-
{"text":"Элемент списка 2", "title": "Элемент заголовка 2"},
|
|
21
|
-
{"text":"Элемент списка 3", "title": "Элемент заголовка 3"}
|
|
20
|
+
{ "text": "Элемент списка 1", "title": "Элемент заголовка 1" },
|
|
21
|
+
{ "text": "Элемент списка 2", "title": "Элемент заголовка 2" },
|
|
22
|
+
{ "text": "Элемент списка 3", "title": "Элемент заголовка 3" }
|
|
22
23
|
]
|
|
23
24
|
},
|
|
24
25
|
{
|
|
@@ -33,10 +34,11 @@
|
|
|
33
34
|
"description": "Описание 2",
|
|
34
35
|
"href": "/credit-cards",
|
|
35
36
|
"version": "primary",
|
|
37
|
+
"isDotted": true,
|
|
36
38
|
"items": [
|
|
37
|
-
{"text":"Элемент списка 1", "title": "Элемент заголовка 1"},
|
|
38
|
-
{"text":"Элемент списка 2", "title": "Элемент заголовка 2"},
|
|
39
|
-
{"text":"Элемент списка 3", "title": "Элемент заголовка 3"}
|
|
39
|
+
{ "text": "Элемент списка 1", "title": "Элемент заголовка 1" },
|
|
40
|
+
{ "text": "Элемент списка 2", "title": "Элемент заголовка 2" },
|
|
41
|
+
{ "text": "Элемент списка 3", "title": "Элемент заголовка 3" }
|
|
40
42
|
]
|
|
41
43
|
},
|
|
42
44
|
{
|
|
@@ -51,10 +53,11 @@
|
|
|
51
53
|
"description": "Описание 3",
|
|
52
54
|
"href": "/credit-cards",
|
|
53
55
|
"version": "primary",
|
|
56
|
+
"isDotted": true,
|
|
54
57
|
"items": [
|
|
55
|
-
{"text":"Элемент списка 1", "title": "Элемент заголовка 1"},
|
|
56
|
-
{"text":"Элемент списка 2", "title": "Элемент заголовка 2"},
|
|
57
|
-
{"text":"Элемент списка 3", "title": "Элемент заголовка 3"}
|
|
58
|
+
{ "text": "Элемент списка 1", "title": "Элемент заголовка 1" },
|
|
59
|
+
{ "text": "Элемент списка 2", "title": "Элемент заголовка 2" },
|
|
60
|
+
{ "text": "Элемент списка 3", "title": "Элемент заголовка 3" }
|
|
58
61
|
]
|
|
59
62
|
}
|
|
60
63
|
]
|
|
@@ -4,6 +4,7 @@ import type { ListOrientation } from '../../model/ListOrientation';
|
|
|
4
4
|
import { Button } from '../../ui-kit/Button/Button';
|
|
5
5
|
import { Heading } from '../../ui-kit/Heading/Heading';
|
|
6
6
|
import { Img } from '../../ui-kit/Img/Img';
|
|
7
|
+
import { getListStyle } from '../../ui-kit/List/ListItem';
|
|
7
8
|
import { SwipeListControl } from '../../ui-kit/SwipeListControl/SwipeListControl';
|
|
8
9
|
import type { GalleryCard } from './GalleryContent';
|
|
9
10
|
import { GalleryItem } from './GalleryContent';
|
|
@@ -63,7 +64,7 @@ function renderCard(card: GalleryCard, key: number) {
|
|
|
63
64
|
) : null}
|
|
64
65
|
{card.title ? <h3 className={`font-medium text-m-title-xs m-0`}>{card.title}</h3> : null}
|
|
65
66
|
{card.description ? renderDescription(card) : null}
|
|
66
|
-
{card.items?.length ? renderItems(card.items, card.version) : null}
|
|
67
|
+
{card.items?.length ? renderItems(card.items, card.version, card.isDotted) : null}
|
|
67
68
|
</div>
|
|
68
69
|
{card?.button?.text ? renderButton(card.button) : null}
|
|
69
70
|
</div>
|
|
@@ -92,11 +93,12 @@ function renderDescription(card: GalleryCard) {
|
|
|
92
93
|
);
|
|
93
94
|
}
|
|
94
95
|
|
|
95
|
-
function renderItems(items: GalleryItem[], version: BlockVersion = 'primary') {
|
|
96
|
+
function renderItems(items: GalleryItem[], version: BlockVersion = 'primary', isDotted) {
|
|
96
97
|
return (
|
|
97
98
|
<section className="mt-3">
|
|
98
99
|
{items.map((item, i) => (
|
|
99
100
|
<div key={String(i)}>
|
|
101
|
+
{isDotted && <div className={getListStyle(version)} />}
|
|
100
102
|
<span className="text-m-md font-medium">{item.title}</span>
|
|
101
103
|
<span className={`text-m-sm pl-2 ${version === 'primary' ? 'text-secondary-text' : ''}`}>
|
|
102
104
|
{item.text}
|
|
@@ -6,7 +6,7 @@ import { List } from '../../ui-kit/List/List';
|
|
|
6
6
|
import type { GalleryCard, GalleryItem } from './GalleryContent';
|
|
7
7
|
|
|
8
8
|
export const GalleryCardInner = JSX<GalleryCard>(
|
|
9
|
-
({ title, description, image, items, button, version }) => {
|
|
9
|
+
({ title, description, image, items, button, version, isDotted = true }) => {
|
|
10
10
|
const titleStyleClasses = getTitleStyle(version);
|
|
11
11
|
return (
|
|
12
12
|
<div className="h-full flex flex-col justify-between text-center">
|
|
@@ -20,7 +20,7 @@ export const GalleryCardInner = JSX<GalleryCard>(
|
|
|
20
20
|
{description ? (
|
|
21
21
|
<div className={`font-light text-m-md-new ${title ? 'mt-2' : ''}`}>{description}</div>
|
|
22
22
|
) : null}
|
|
23
|
-
{items?.length ? renderItems(items, version) : null}
|
|
23
|
+
{items?.length ? renderItems(items, version, isDotted) : null}
|
|
24
24
|
</div>
|
|
25
25
|
{button?.text ? renderButton(button) : null}
|
|
26
26
|
</div>
|
|
@@ -42,7 +42,7 @@ function renderCardTitle(title: string, className: string) {
|
|
|
42
42
|
return <div className={`text-xl m-0 ${className}`}>{title}</div>;
|
|
43
43
|
}
|
|
44
44
|
|
|
45
|
-
function renderItems(items: GalleryItem[], version: BlockVersion = 'primary') {
|
|
45
|
+
function renderItems(items: GalleryItem[], version: BlockVersion = 'primary', isDotted: boolean) {
|
|
46
46
|
return (
|
|
47
47
|
<List
|
|
48
48
|
className={`max-w-[308px] mt-2 text-sm ${
|
|
@@ -50,6 +50,7 @@ function renderItems(items: GalleryItem[], version: BlockVersion = 'primary') {
|
|
|
50
50
|
}`}
|
|
51
51
|
itemClassName="mt-1 first:mt-0"
|
|
52
52
|
items={items.filter((item) => item?.text).map((item) => item.text as string)}
|
|
53
|
+
isDotted={isDotted}
|
|
53
54
|
version={version}
|
|
54
55
|
/>
|
|
55
56
|
);
|
|
@@ -34,6 +34,11 @@ export interface GalleryCard {
|
|
|
34
34
|
image?: Picture;
|
|
35
35
|
/** @title Кнопка */
|
|
36
36
|
button?: ButtonWithIconProps;
|
|
37
|
+
/**
|
|
38
|
+
* @title Буллиты
|
|
39
|
+
* @default true
|
|
40
|
+
*/
|
|
41
|
+
isDotted?: boolean;
|
|
37
42
|
/** @title Список */
|
|
38
43
|
items?: GalleryItem[];
|
|
39
44
|
version?: BlockVersion;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import type { BlockVersion } from '../../model/BlockVersion';
|
|
2
|
+
import type { IconVersion } from '../../model/IconVersion';
|
|
2
3
|
import type { LinkProps } from '../../model/LinkProps';
|
|
3
4
|
import type { ButtonContent, ButtonWithIconProps } from '../../ui-kit/Button/ButtonProps';
|
|
4
5
|
import type { DescriptionContent } from '../../ui-kit/Description/DescriptionContent';
|
|
5
6
|
import type { HeadingContent, HeadingTypeContent } from '../../ui-kit/Heading/HeadingContent';
|
|
6
7
|
import type { ImageContent } from '../../ui-kit/Img/ImgProps';
|
|
7
8
|
import type { ListContent } from '../../ui-kit/List/ListContent';
|
|
8
|
-
import type { IconVersion } from '../../model/IconVersion';
|
|
9
9
|
import type { Benefit } from '../BenefitsBlock/BenefitsBlockContent';
|
|
10
10
|
|
|
11
11
|
export type BenefitItemProps = {
|
|
@@ -38,7 +38,7 @@ export const ListItem = JSX<ListItemProps>(
|
|
|
38
38
|
},
|
|
39
39
|
);
|
|
40
40
|
|
|
41
|
-
const getListStyle = (version: ListItemVersion) => {
|
|
41
|
+
export const getListStyle = (version: ListItemVersion) => {
|
|
42
42
|
const size = {
|
|
43
43
|
primary: 'w-2 h-2 min-w-2 min-h-2',
|
|
44
44
|
secondary: 'w-2 h-2 min-w-2 min-h-2',
|
package/package.json
CHANGED
|
@@ -15,10 +15,11 @@
|
|
|
15
15
|
"description": "Описание 1",
|
|
16
16
|
"href": "/credit-cards",
|
|
17
17
|
"version": "primary",
|
|
18
|
+
"isDotted": true,
|
|
18
19
|
"items": [
|
|
19
|
-
{"text":"Элемент списка 1", "title": "Элемент заголовка 1"},
|
|
20
|
-
{"text":"Элемент списка 2", "title": "Элемент заголовка 2"},
|
|
21
|
-
{"text":"Элемент списка 3", "title": "Элемент заголовка 3"}
|
|
20
|
+
{ "text": "Элемент списка 1", "title": "Элемент заголовка 1" },
|
|
21
|
+
{ "text": "Элемент списка 2", "title": "Элемент заголовка 2" },
|
|
22
|
+
{ "text": "Элемент списка 3", "title": "Элемент заголовка 3" }
|
|
22
23
|
]
|
|
23
24
|
},
|
|
24
25
|
{
|
|
@@ -33,10 +34,11 @@
|
|
|
33
34
|
"description": "Описание 2",
|
|
34
35
|
"href": "/credit-cards",
|
|
35
36
|
"version": "primary",
|
|
37
|
+
"isDotted": true,
|
|
36
38
|
"items": [
|
|
37
|
-
{"text":"Элемент списка 1", "title": "Элемент заголовка 1"},
|
|
38
|
-
{"text":"Элемент списка 2", "title": "Элемент заголовка 2"},
|
|
39
|
-
{"text":"Элемент списка 3", "title": "Элемент заголовка 3"}
|
|
39
|
+
{ "text": "Элемент списка 1", "title": "Элемент заголовка 1" },
|
|
40
|
+
{ "text": "Элемент списка 2", "title": "Элемент заголовка 2" },
|
|
41
|
+
{ "text": "Элемент списка 3", "title": "Элемент заголовка 3" }
|
|
40
42
|
]
|
|
41
43
|
},
|
|
42
44
|
{
|
|
@@ -51,10 +53,11 @@
|
|
|
51
53
|
"description": "Описание 3",
|
|
52
54
|
"href": "/credit-cards",
|
|
53
55
|
"version": "primary",
|
|
56
|
+
"isDotted": true,
|
|
54
57
|
"items": [
|
|
55
|
-
{"text":"Элемент списка 1", "title": "Элемент заголовка 1"},
|
|
56
|
-
{"text":"Элемент списка 2", "title": "Элемент заголовка 2"},
|
|
57
|
-
{"text":"Элемент списка 3", "title": "Элемент заголовка 3"}
|
|
58
|
+
{ "text": "Элемент списка 1", "title": "Элемент заголовка 1" },
|
|
59
|
+
{ "text": "Элемент списка 2", "title": "Элемент заголовка 2" },
|
|
60
|
+
{ "text": "Элемент списка 3", "title": "Элемент заголовка 3" }
|
|
58
61
|
]
|
|
59
62
|
}
|
|
60
63
|
]
|
|
@@ -1,9 +1,11 @@
|
|
|
1
|
+
import { ListOrientation } from '../../model/ListOrientation';
|
|
1
2
|
import type { Picture } from '../../model/Picture';
|
|
2
3
|
import { context } from '../../setup-fixture';
|
|
3
4
|
import type { ButtonCommonProps } from '../../ui-kit/Button/Button';
|
|
4
5
|
import { Gallery } from './Gallery';
|
|
5
6
|
import { GalleryCard } from './GalleryContent';
|
|
6
|
-
|
|
7
|
+
|
|
8
|
+
const isDotted = true;
|
|
7
9
|
|
|
8
10
|
const image: Picture = {
|
|
9
11
|
src: 'money-1.png',
|
|
@@ -50,6 +52,7 @@ const cards: GalleryCard[] = [
|
|
|
50
52
|
{
|
|
51
53
|
image,
|
|
52
54
|
title: 'Вклады в любой валюте',
|
|
55
|
+
isDotted,
|
|
53
56
|
items: defaultItems,
|
|
54
57
|
},
|
|
55
58
|
{
|
|
@@ -75,6 +78,7 @@ const cards: GalleryCard[] = [
|
|
|
75
78
|
{
|
|
76
79
|
image,
|
|
77
80
|
title: 'Вклады в любой валюте',
|
|
81
|
+
isDotted,
|
|
78
82
|
items: defaultItems,
|
|
79
83
|
version: 'secondary',
|
|
80
84
|
},
|
|
@@ -4,6 +4,8 @@ import type { ButtonCommonProps } from '../../ui-kit/Button/Button';
|
|
|
4
4
|
import { Gallery } from './Gallery';
|
|
5
5
|
import type { GalleryProps } from './GalleryProps';
|
|
6
6
|
|
|
7
|
+
const isDotted = true;
|
|
8
|
+
|
|
7
9
|
const image: Picture = {
|
|
8
10
|
src: 'money-1.png',
|
|
9
11
|
format: 'webp',
|
|
@@ -46,6 +48,7 @@ export const defaultProps: GalleryProps = {
|
|
|
46
48
|
'Время копить: ставка растет в зависимости от срока нахождения средств на Счете!',
|
|
47
49
|
image,
|
|
48
50
|
button: buttonPrimary,
|
|
51
|
+
isDotted,
|
|
49
52
|
items: defaultItems,
|
|
50
53
|
version: 'secondary',
|
|
51
54
|
},
|
|
@@ -54,6 +57,7 @@ export const defaultProps: GalleryProps = {
|
|
|
54
57
|
description: 'Порядок и условия предоставления в соответствии с 106 ФЗ',
|
|
55
58
|
image,
|
|
56
59
|
button: buttonPrimaryIcon,
|
|
60
|
+
isDotted,
|
|
57
61
|
items: defaultItems,
|
|
58
62
|
},
|
|
59
63
|
{
|
|
@@ -61,6 +65,7 @@ export const defaultProps: GalleryProps = {
|
|
|
61
65
|
description: 'Высокий процент даже при небольшой сумме денежных средств',
|
|
62
66
|
image,
|
|
63
67
|
button: buttonPrimary,
|
|
68
|
+
isDotted,
|
|
64
69
|
items: defaultItems,
|
|
65
70
|
},
|
|
66
71
|
{
|
|
@@ -69,6 +74,7 @@ export const defaultProps: GalleryProps = {
|
|
|
69
74
|
'Время копить: ставка растет в зависимости от срока нахождения средств на Счете!',
|
|
70
75
|
image,
|
|
71
76
|
button: buttonPrimary,
|
|
77
|
+
isDotted,
|
|
72
78
|
items: defaultItems,
|
|
73
79
|
},
|
|
74
80
|
],
|
|
@@ -117,24 +123,28 @@ const listAndButtonProps: GalleryProps = {
|
|
|
117
123
|
title: 'Более 5000 товаров',
|
|
118
124
|
image,
|
|
119
125
|
button: buttonPrimary,
|
|
126
|
+
isDotted,
|
|
120
127
|
items: defaultItems,
|
|
121
128
|
},
|
|
122
129
|
{
|
|
123
130
|
title: 'Более 1000 развлечений',
|
|
124
131
|
image,
|
|
125
132
|
button: buttonPrimary,
|
|
133
|
+
isDotted,
|
|
126
134
|
items: defaultItems,
|
|
127
135
|
},
|
|
128
136
|
{
|
|
129
137
|
title: 'Фермерские продукты',
|
|
130
138
|
image,
|
|
131
139
|
button: buttonPrimary,
|
|
140
|
+
isDotted,
|
|
132
141
|
items: defaultItems,
|
|
133
142
|
},
|
|
134
143
|
{
|
|
135
144
|
title: '«Моя выгода»',
|
|
136
145
|
image,
|
|
137
146
|
button: buttonPrimary,
|
|
147
|
+
isDotted,
|
|
138
148
|
items: defaultItems,
|
|
139
149
|
},
|
|
140
150
|
],
|