@redneckz/wildless-cms-uni-blocks 0.3.25 → 0.3.26
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 +1 -1
- package/bundle/bundle.umd.min.js +1 -1
- package/dist/components/Blocks.mobile.d.ts +1 -0
- package/dist/components/Blocks.mobile.js +2 -0
- package/dist/components/Blocks.mobile.js.map +1 -1
- package/dist/components/ComparisonTable/ComparisonTable.mobile.js +5 -5
- package/dist/components/ComparisonTable/ComparisonTable.mobile.js.map +1 -1
- package/dist/components/ComparisonTable/ComparisonTableContent.d.ts +1 -1
- package/dist/components/Gallery/Gallery.mobile.js +4 -4
- package/dist/components/Gallery/Gallery.mobile.js.map +1 -1
- package/dist/components/Gallery/GalleryContent.d.ts +1 -1
- package/dist/components/MiniGallery/MiniGalleryContent.d.ts +1 -1
- package/dist/components/OtherProducts/OtherProductsItem.js +1 -1
- package/dist/components/OtherProducts/OtherProductsItem.js.map +1 -1
- package/lib/common.css +1 -1
- package/lib/components/Blocks.mobile.d.ts +1 -0
- package/lib/components/Blocks.mobile.js +2 -0
- package/lib/components/Blocks.mobile.js.map +1 -1
- package/lib/components/ComparisonTable/ComparisonTable.mobile.js +5 -5
- package/lib/components/ComparisonTable/ComparisonTable.mobile.js.map +1 -1
- package/lib/components/ComparisonTable/ComparisonTableContent.d.ts +1 -1
- package/lib/components/Gallery/Gallery.mobile.js +4 -4
- package/lib/components/Gallery/Gallery.mobile.js.map +1 -1
- package/lib/components/Gallery/GalleryContent.d.ts +1 -1
- package/lib/components/MiniGallery/MiniGalleryContent.d.ts +1 -1
- package/lib/components/OtherProducts/OtherProductsItem.js +1 -1
- package/lib/components/OtherProducts/OtherProductsItem.js.map +1 -1
- package/mobile/bundle/bundle.umd.js +20 -19
- package/mobile/bundle/bundle.umd.min.js +1 -1
- package/mobile/dist/components/Blocks.d.ts +1 -0
- package/mobile/dist/components/Blocks.js +2 -0
- package/mobile/dist/components/Blocks.js.map +1 -1
- package/mobile/dist/components/ComparisonTable/ComparisonTable.js +5 -5
- package/mobile/dist/components/ComparisonTable/ComparisonTable.js.map +1 -1
- package/mobile/dist/components/ComparisonTable/ComparisonTableContent.d.ts +1 -1
- package/mobile/dist/components/Gallery/Gallery.js +4 -4
- package/mobile/dist/components/Gallery/Gallery.js.map +1 -1
- package/mobile/dist/components/Gallery/GalleryContent.d.ts +1 -1
- package/mobile/dist/components/MiniGallery/MiniGalleryContent.d.ts +1 -1
- package/mobile/dist/components/OtherProducts/OtherProductsItem.js +1 -1
- package/mobile/dist/components/OtherProducts/OtherProductsItem.js.map +1 -1
- package/mobile/lib/components/Blocks.d.ts +1 -0
- package/mobile/lib/components/Blocks.js +2 -0
- package/mobile/lib/components/Blocks.js.map +1 -1
- package/mobile/lib/components/ComparisonTable/ComparisonTable.js +5 -5
- package/mobile/lib/components/ComparisonTable/ComparisonTable.js.map +1 -1
- package/mobile/lib/components/ComparisonTable/ComparisonTableContent.d.ts +1 -1
- package/mobile/lib/components/Gallery/Gallery.js +4 -4
- package/mobile/lib/components/Gallery/Gallery.js.map +1 -1
- package/mobile/lib/components/Gallery/GalleryContent.d.ts +1 -1
- package/mobile/lib/components/MiniGallery/MiniGalleryContent.d.ts +1 -1
- package/mobile/lib/components/OtherProducts/OtherProductsItem.js +1 -1
- package/mobile/lib/components/OtherProducts/OtherProductsItem.js.map +1 -1
- package/mobile/src/components/Blocks.ts +2 -0
- package/mobile/src/components/ComparisonTable/ComparisonTable.example.json +1 -0
- package/mobile/src/components/ComparisonTable/ComparisonTable.tsx +6 -6
- package/mobile/src/components/ComparisonTable/ComparisonTableContent.ts +1 -1
- package/mobile/src/components/Gallery/Gallery.example.json +1 -0
- package/mobile/src/components/Gallery/Gallery.tsx +4 -4
- package/mobile/src/components/Gallery/GalleryContent.ts +1 -1
- package/mobile/src/components/MiniGallery/MiniGalleryContent.ts +1 -1
- package/mobile/src/components/OtherProducts/OtherProductsItem.tsx +1 -1
- package/package.json +1 -1
- package/src/components/Blocks.mobile.ts +2 -0
- package/src/components/ComparisonTable/ComparisonTable.example.json +1 -0
- package/src/components/ComparisonTable/ComparisonTable.fixture.mobile.tsx +1 -1
- package/src/components/ComparisonTable/ComparisonTable.mobile.tsx +6 -6
- package/src/components/ComparisonTable/ComparisonTableContent.ts +1 -1
- package/src/components/Gallery/Gallery.example.json +1 -0
- package/src/components/Gallery/Gallery.fixture.mobile.tsx +2 -2
- package/src/components/Gallery/Gallery.mobile.tsx +4 -4
- package/src/components/Gallery/GalleryContent.ts +1 -1
- package/src/components/MiniGallery/MiniGalleryContent.ts +1 -1
- package/src/components/OtherProducts/OtherProductsItem.tsx +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ComparisonTable.js","sourceRoot":"","sources":["../../../src/components/ComparisonTable/ComparisonTable.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,gDAAgD,CAAC;AAElF,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAI5C,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,CAChC,CAAC,EACC,SAAS,EACT,OAAO,EACP,KAAK,EACL,UAAU,EACV,OAAO,EACP,gBAAgB,GAAG,CAAC,EACpB,oBAAoB,GAAG,KAAK,EAC5B,
|
|
1
|
+
{"version":3,"file":"ComparisonTable.js","sourceRoot":"","sources":["../../../src/components/ComparisonTable/ComparisonTable.tsx"],"names":[],"mappings":"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"}
|
|
@@ -75,5 +75,5 @@ export interface ComparisonTableContent {
|
|
|
75
75
|
/** @title Отображать заданное количество строк */
|
|
76
76
|
visibleRowLength?: number;
|
|
77
77
|
/** @title Отображать элементы в моб. версии (прокрутка shift+mouseScroll) */
|
|
78
|
-
|
|
78
|
+
orientation?: ListOrientation;
|
|
79
79
|
}
|
|
@@ -9,11 +9,11 @@ const blockStyle = {
|
|
|
9
9
|
primary: 'bg-white',
|
|
10
10
|
secondary: 'bg-primary-main text-white',
|
|
11
11
|
};
|
|
12
|
-
export const Gallery = JSX(({ context, title, description, cards = [], className,
|
|
13
|
-
return (_jsxs("section", { className: `relative font-sans text-primary-text bg-white px-4 py-6 overflow-hidden ${className}`, children: [_jsxs("div", { className: "flex flex-col items-center mb-5", children: [title ? (_jsx(Heading, { headingType: "h3", className: `text-center ${description ? 'mb-2' : 'mb-5'}`, title: title })) : null, description ? (_jsx("div", { className: "font-normal text-m-md max-w-[600px] text-center mb-5", children: description })) : null] }), renderCardsLayout(
|
|
12
|
+
export const Gallery = JSX(({ context, title, description, cards = [], className, orientation = 'horizontal' }) => {
|
|
13
|
+
return (_jsxs("section", { className: `relative font-sans text-primary-text bg-white px-4 py-6 overflow-hidden ${className}`, children: [_jsxs("div", { className: "flex flex-col items-center mb-5", children: [title ? (_jsx(Heading, { headingType: "h3", className: `text-center ${description ? 'mb-2' : 'mb-5'}`, title: title })) : null, description ? (_jsx("div", { className: "font-normal text-m-md max-w-[600px] text-center mb-5", children: description })) : null] }), renderCardsLayout(orientation, cards, context)] }));
|
|
14
14
|
});
|
|
15
|
-
function renderCardsLayout(
|
|
16
|
-
return
|
|
15
|
+
function renderCardsLayout(orientation, cards, context) {
|
|
16
|
+
return orientation === 'horizontal' ? (_jsx(SwipeListControl, { context: context, children: cards?.map(renderCard) })) : (_jsx("div", { className: "grid gap-[14px]", children: cards?.map(renderCard) }));
|
|
17
17
|
}
|
|
18
18
|
function renderCard(card, key) {
|
|
19
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
|
|
@@ -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;AAExC,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAE,gBAAgB,EAAE,MAAM,gDAAgD,CAAC;AAMlF,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,
|
|
1
|
+
{"version":3,"file":"Gallery.js","sourceRoot":"","sources":["../../../src/components/Gallery/Gallery.tsx"],"names":[],"mappings":"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"}
|
|
@@ -9,6 +9,6 @@ export const OtherProductsItem = JSX(({ label, isExpanded, blocks, columns, cont
|
|
|
9
9
|
blocks,
|
|
10
10
|
initialState: isExpanded,
|
|
11
11
|
});
|
|
12
|
-
return (_jsxs("div", { className: "border-0 border-b border-solid border-main-divider", children: [hasContent ? (_jsx(OtherProductsItemInner, { isExpanded: isActive, columns: columns, blocks: blocks, context: context })) : null, _jsxs("button", { className: "border-none bg-primary-main px-0 py-[26px] w-full font-sans text-white text-base flex justify-center cursor-pointer", onClick: handleToggle, children: [_jsx("span", { className: "pr-3", children: isActive ? 'Скрыть' : label }), hasContent ? _jsx(Icon, { name: icon, width: "20", height: "20", asSVG: true }) : null] })] }));
|
|
12
|
+
return (_jsxs("div", { className: "border-0 border-b border-solid border-main-divider", children: [hasContent ? (_jsx(OtherProductsItemInner, { isExpanded: isActive, columns: columns, blocks: blocks, context: context })) : null, _jsxs("button", { className: "border-none bg-primary-main px-0 py-[26px] mb-[1px] w-full font-sans text-white text-base flex justify-center cursor-pointer", onClick: handleToggle, children: [_jsx("span", { className: "pr-3", children: isActive ? 'Скрыть' : label }), hasContent ? _jsx(Icon, { name: icon, width: "20", height: "20", asSVG: true }) : null] })] }));
|
|
13
13
|
});
|
|
14
14
|
//# sourceMappingURL=OtherProductsItem.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OtherProductsItem.js","sourceRoot":"","sources":["../../../src/components/OtherProducts/OtherProductsItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAGtD,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAIlE,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAClC,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,EAAE;IAClD,MAAM,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,QAAQ,EAAE,GAAG,gBAAgB,CAAC;QACpE,OAAO;QACP,MAAM;QACN,YAAY,EAAE,UAAU;KACzB,CAAC,CAAC;IAEH,OAAO,CACL,eAAK,SAAS,EAAC,oDAAoD,aAChE,UAAU,CAAC,CAAC,CAAC,CACZ,KAAC,sBAAsB,IACrB,UAAU,EAAE,QAAQ,EACpB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,GAChB,CACH,CAAC,CAAC,CAAC,IAAI,EACR,kBACE,SAAS,EAAC,
|
|
1
|
+
{"version":3,"file":"OtherProductsItem.js","sourceRoot":"","sources":["../../../src/components/OtherProducts/OtherProductsItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAGtD,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAIlE,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAClC,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,EAAE;IAClD,MAAM,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,QAAQ,EAAE,GAAG,gBAAgB,CAAC;QACpE,OAAO;QACP,MAAM;QACN,YAAY,EAAE,UAAU;KACzB,CAAC,CAAC;IAEH,OAAO,CACL,eAAK,SAAS,EAAC,oDAAoD,aAChE,UAAU,CAAC,CAAC,CAAC,CACZ,KAAC,sBAAsB,IACrB,UAAU,EAAE,QAAQ,EACpB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,GAChB,CACH,CAAC,CAAC,CAAC,IAAI,EACR,kBACE,SAAS,EAAC,8HAA8H,EACxI,OAAO,EAAE,YAAY,aAErB,eAAM,SAAS,EAAC,MAAM,YAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,GAAQ,EAC1D,UAAU,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,KAAK,SAAG,CAAC,CAAC,CAAC,IAAI,IAC/D,IACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}
|
|
@@ -8,6 +8,7 @@ import { Headline } from './Headline/Headline';
|
|
|
8
8
|
import { LinkDocs } from './LinkDocs/LinkDocs';
|
|
9
9
|
import { LinkList } from './LinkList/LinkList';
|
|
10
10
|
import { MobileAppTile } from './MobileAppTile/MobileAppTile';
|
|
11
|
+
import { Placeholder } from './Placeholder/Placeholder';
|
|
11
12
|
import { ProductBlock } from './ProductBlock/ProductBlock';
|
|
12
13
|
import { ProductGallery } from './ProductGallery/ProductGallery';
|
|
13
14
|
import { StepsBlock } from './StepsBlock/StepsBlock';
|
|
@@ -30,4 +31,5 @@ export const Blocks = {
|
|
|
30
31
|
StepsBlock,
|
|
31
32
|
TariffsTable,
|
|
32
33
|
TextBlock,
|
|
34
|
+
Placeholder,
|
|
33
35
|
};
|
|
@@ -16,7 +16,7 @@ export const ComparisonTable = JSX<ComparisonTableProps>(
|
|
|
16
16
|
columns,
|
|
17
17
|
visibleRowLength = 0,
|
|
18
18
|
isColoredFirstColumn = false,
|
|
19
|
-
|
|
19
|
+
orientation = 'horizontal',
|
|
20
20
|
}) => {
|
|
21
21
|
const tableData =
|
|
22
22
|
columns?.map(({ data, header }) => ({
|
|
@@ -50,7 +50,7 @@ export const ComparisonTable = JSX<ComparisonTableProps>(
|
|
|
50
50
|
isColoredFirstColumn,
|
|
51
51
|
columnsViewState,
|
|
52
52
|
handleToggleColumn,
|
|
53
|
-
|
|
53
|
+
orientation,
|
|
54
54
|
setColumnsViewState,
|
|
55
55
|
})}
|
|
56
56
|
</section>
|
|
@@ -65,13 +65,13 @@ const renderColumns = ({
|
|
|
65
65
|
isColoredFirstColumn,
|
|
66
66
|
columnsViewState,
|
|
67
67
|
handleToggleColumn,
|
|
68
|
-
|
|
68
|
+
orientation = 'horizontal',
|
|
69
69
|
setColumnsViewState,
|
|
70
70
|
}) => (
|
|
71
71
|
<div role="table">
|
|
72
72
|
{tableData?.length
|
|
73
73
|
? renderInnerTable({
|
|
74
|
-
|
|
74
|
+
orientation,
|
|
75
75
|
context,
|
|
76
76
|
columnsViewState,
|
|
77
77
|
setColumnsViewState,
|
|
@@ -85,7 +85,7 @@ const renderColumns = ({
|
|
|
85
85
|
);
|
|
86
86
|
|
|
87
87
|
const renderInnerTable = ({
|
|
88
|
-
|
|
88
|
+
orientation,
|
|
89
89
|
context,
|
|
90
90
|
columnsViewState,
|
|
91
91
|
setColumnsViewState,
|
|
@@ -94,7 +94,7 @@ const renderInnerTable = ({
|
|
|
94
94
|
isColoredFirstColumn,
|
|
95
95
|
handleToggleColumn,
|
|
96
96
|
}) =>
|
|
97
|
-
|
|
97
|
+
orientation === 'horizontal' ? (
|
|
98
98
|
tableData.map(
|
|
99
99
|
renderColumn({
|
|
100
100
|
context,
|
|
@@ -83,5 +83,5 @@ export interface ComparisonTableContent {
|
|
|
83
83
|
/** @title Отображать заданное количество строк */
|
|
84
84
|
visibleRowLength?: number;
|
|
85
85
|
/** @title Отображать элементы в моб. версии (прокрутка shift+mouseScroll) */
|
|
86
|
-
|
|
86
|
+
orientation?: ListOrientation;
|
|
87
87
|
}
|
|
@@ -16,7 +16,7 @@ const blockStyle: Record<BlockVersion, string> = {
|
|
|
16
16
|
};
|
|
17
17
|
|
|
18
18
|
export const Gallery = JSX<GalleryProps>(
|
|
19
|
-
({ context, title, description, cards = [], className,
|
|
19
|
+
({ context, title, description, cards = [], className, orientation = 'horizontal' }) => {
|
|
20
20
|
return (
|
|
21
21
|
<section
|
|
22
22
|
className={`relative font-sans text-primary-text bg-white px-4 py-6 overflow-hidden ${className}`}
|
|
@@ -35,14 +35,14 @@ export const Gallery = JSX<GalleryProps>(
|
|
|
35
35
|
</div>
|
|
36
36
|
) : null}
|
|
37
37
|
</div>
|
|
38
|
-
{renderCardsLayout(
|
|
38
|
+
{renderCardsLayout(orientation, cards, context)}
|
|
39
39
|
</section>
|
|
40
40
|
);
|
|
41
41
|
},
|
|
42
42
|
);
|
|
43
43
|
|
|
44
|
-
function renderCardsLayout(
|
|
45
|
-
return
|
|
44
|
+
function renderCardsLayout(orientation: ListOrientation, cards: GalleryCard[], context) {
|
|
45
|
+
return orientation === 'horizontal' ? (
|
|
46
46
|
<SwipeListControl context={context}>{cards?.map(renderCard)}</SwipeListControl>
|
|
47
47
|
) : (
|
|
48
48
|
<div className="grid gap-[14px]">{cards?.map(renderCard)}</div>
|
|
@@ -26,7 +26,7 @@ export const OtherProductsItem = JSX<BlockItemProps>(
|
|
|
26
26
|
/>
|
|
27
27
|
) : null}
|
|
28
28
|
<button
|
|
29
|
-
className="border-none bg-primary-main px-0 py-[26px] w-full font-sans text-white text-base flex justify-center cursor-pointer"
|
|
29
|
+
className="border-none bg-primary-main px-0 py-[26px] mb-[1px] w-full font-sans text-white text-base flex justify-center cursor-pointer"
|
|
30
30
|
onClick={handleToggle}
|
|
31
31
|
>
|
|
32
32
|
<span className="pr-3">{isActive ? 'Скрыть' : label}</span>
|
package/package.json
CHANGED
|
@@ -8,6 +8,7 @@ import { Headline } from './Headline/Headline';
|
|
|
8
8
|
import { LinkDocs } from './LinkDocs/LinkDocs';
|
|
9
9
|
import { LinkList } from './LinkList/LinkList';
|
|
10
10
|
import { MobileAppTile } from './MobileAppTile/MobileAppTile';
|
|
11
|
+
import { Placeholder } from './Placeholder/Placeholder';
|
|
11
12
|
import { ProductBlock } from './ProductBlock/ProductBlock';
|
|
12
13
|
import { ProductGallery } from './ProductGallery/ProductGallery';
|
|
13
14
|
import { StepsBlock } from './StepsBlock/StepsBlock';
|
|
@@ -30,4 +31,5 @@ export const Blocks = {
|
|
|
30
31
|
StepsBlock,
|
|
31
32
|
TariffsTable,
|
|
32
33
|
TextBlock,
|
|
34
|
+
Placeholder,
|
|
33
35
|
};
|
|
@@ -16,7 +16,7 @@ export const ComparisonTable = JSX<ComparisonTableProps>(
|
|
|
16
16
|
columns,
|
|
17
17
|
visibleRowLength = 0,
|
|
18
18
|
isColoredFirstColumn = false,
|
|
19
|
-
|
|
19
|
+
orientation = 'horizontal',
|
|
20
20
|
}) => {
|
|
21
21
|
const tableData =
|
|
22
22
|
columns?.map(({ data, header }) => ({
|
|
@@ -50,7 +50,7 @@ export const ComparisonTable = JSX<ComparisonTableProps>(
|
|
|
50
50
|
isColoredFirstColumn,
|
|
51
51
|
columnsViewState,
|
|
52
52
|
handleToggleColumn,
|
|
53
|
-
|
|
53
|
+
orientation,
|
|
54
54
|
setColumnsViewState,
|
|
55
55
|
})}
|
|
56
56
|
</section>
|
|
@@ -65,13 +65,13 @@ const renderColumns = ({
|
|
|
65
65
|
isColoredFirstColumn,
|
|
66
66
|
columnsViewState,
|
|
67
67
|
handleToggleColumn,
|
|
68
|
-
|
|
68
|
+
orientation = 'horizontal',
|
|
69
69
|
setColumnsViewState,
|
|
70
70
|
}) => (
|
|
71
71
|
<div role="table">
|
|
72
72
|
{tableData?.length
|
|
73
73
|
? renderInnerTable({
|
|
74
|
-
|
|
74
|
+
orientation,
|
|
75
75
|
context,
|
|
76
76
|
columnsViewState,
|
|
77
77
|
setColumnsViewState,
|
|
@@ -85,7 +85,7 @@ const renderColumns = ({
|
|
|
85
85
|
);
|
|
86
86
|
|
|
87
87
|
const renderInnerTable = ({
|
|
88
|
-
|
|
88
|
+
orientation,
|
|
89
89
|
context,
|
|
90
90
|
columnsViewState,
|
|
91
91
|
setColumnsViewState,
|
|
@@ -94,7 +94,7 @@ const renderInnerTable = ({
|
|
|
94
94
|
isColoredFirstColumn,
|
|
95
95
|
handleToggleColumn,
|
|
96
96
|
}) =>
|
|
97
|
-
|
|
97
|
+
orientation === 'horizontal' ? (
|
|
98
98
|
tableData.map(
|
|
99
99
|
renderColumn({
|
|
100
100
|
context,
|
|
@@ -83,5 +83,5 @@ export interface ComparisonTableContent {
|
|
|
83
83
|
/** @title Отображать заданное количество строк */
|
|
84
84
|
visibleRowLength?: number;
|
|
85
85
|
/** @title Отображать элементы в моб. версии (прокрутка shift+mouseScroll) */
|
|
86
|
-
|
|
86
|
+
orientation?: ListOrientation;
|
|
87
87
|
}
|
|
@@ -83,7 +83,7 @@ const cards: GalleryCard[] = [
|
|
|
83
83
|
const defaultProps = {
|
|
84
84
|
title: 'Вы можете оплатить бонусными баллами',
|
|
85
85
|
description: 'Удобный каталог с большим ассортиментом товаров и сервисов',
|
|
86
|
-
|
|
86
|
+
orientation: 'horizontal' as ListOrientation,
|
|
87
87
|
context,
|
|
88
88
|
cards: cards,
|
|
89
89
|
};
|
|
@@ -91,7 +91,7 @@ const defaultProps = {
|
|
|
91
91
|
const scrollProps = {
|
|
92
92
|
title: 'Вы можете оплатить бонусными баллами',
|
|
93
93
|
description: 'Удобный каталог с большим ассортиментом товаров и сервисов',
|
|
94
|
-
|
|
94
|
+
orientation: 'horizontal' as ListOrientation,
|
|
95
95
|
context,
|
|
96
96
|
cards: cards,
|
|
97
97
|
};
|
|
@@ -16,7 +16,7 @@ const blockStyle: Record<BlockVersion, string> = {
|
|
|
16
16
|
};
|
|
17
17
|
|
|
18
18
|
export const Gallery = JSX<GalleryProps>(
|
|
19
|
-
({ context, title, description, cards = [], className,
|
|
19
|
+
({ context, title, description, cards = [], className, orientation = 'horizontal' }) => {
|
|
20
20
|
return (
|
|
21
21
|
<section
|
|
22
22
|
className={`relative font-sans text-primary-text bg-white px-4 py-6 overflow-hidden ${className}`}
|
|
@@ -35,14 +35,14 @@ export const Gallery = JSX<GalleryProps>(
|
|
|
35
35
|
</div>
|
|
36
36
|
) : null}
|
|
37
37
|
</div>
|
|
38
|
-
{renderCardsLayout(
|
|
38
|
+
{renderCardsLayout(orientation, cards, context)}
|
|
39
39
|
</section>
|
|
40
40
|
);
|
|
41
41
|
},
|
|
42
42
|
);
|
|
43
43
|
|
|
44
|
-
function renderCardsLayout(
|
|
45
|
-
return
|
|
44
|
+
function renderCardsLayout(orientation: ListOrientation, cards: GalleryCard[], context) {
|
|
45
|
+
return orientation === 'horizontal' ? (
|
|
46
46
|
<SwipeListControl context={context}>{cards?.map(renderCard)}</SwipeListControl>
|
|
47
47
|
) : (
|
|
48
48
|
<div className="grid gap-[14px]">{cards?.map(renderCard)}</div>
|
|
@@ -26,7 +26,7 @@ export const OtherProductsItem = JSX<BlockItemProps>(
|
|
|
26
26
|
/>
|
|
27
27
|
) : null}
|
|
28
28
|
<button
|
|
29
|
-
className="border-none bg-primary-main px-0 py-[26px] w-full font-sans text-white text-base flex justify-center cursor-pointer"
|
|
29
|
+
className="border-none bg-primary-main px-0 py-[26px] mb-[1px] w-full font-sans text-white text-base flex justify-center cursor-pointer"
|
|
30
30
|
onClick={handleToggle}
|
|
31
31
|
>
|
|
32
32
|
<span className="pr-3">{isActive ? 'Скрыть' : label}</span>
|