@redneckz/wildless-cms-uni-blocks 0.3.24 → 0.3.27
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 +2 -2
- 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 +12 -12
- 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/GalleryCardInner.js +1 -1
- package/dist/components/Gallery/GalleryCardInner.js.map +1 -1
- package/dist/components/Gallery/GalleryContent.d.ts +1 -1
- package/dist/components/LinkDocs/LinkDocs.mobile.js +2 -2
- package/dist/components/LinkDocs/LinkDocs.mobile.js.map +1 -1
- package/dist/components/LinkDocs/LinkDocsContent.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 +12 -12
- 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/GalleryCardInner.js +1 -1
- package/lib/components/Gallery/GalleryCardInner.js.map +1 -1
- package/lib/components/Gallery/GalleryContent.d.ts +1 -1
- package/lib/components/LinkDocs/LinkDocs.mobile.js +2 -2
- package/lib/components/LinkDocs/LinkDocs.mobile.js.map +1 -1
- package/lib/components/LinkDocs/LinkDocsContent.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 +30 -29
- 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 +12 -12
- 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/GalleryCardInner.js +1 -1
- package/mobile/dist/components/Gallery/GalleryCardInner.js.map +1 -1
- package/mobile/dist/components/Gallery/GalleryContent.d.ts +1 -1
- package/mobile/dist/components/LinkDocs/LinkDocs.js +2 -2
- package/mobile/dist/components/LinkDocs/LinkDocs.js.map +1 -1
- package/mobile/dist/components/LinkDocs/LinkDocsContent.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 +12 -12
- 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/GalleryCardInner.js +1 -1
- package/mobile/lib/components/Gallery/GalleryCardInner.js.map +1 -1
- package/mobile/lib/components/Gallery/GalleryContent.d.ts +1 -1
- package/mobile/lib/components/LinkDocs/LinkDocs.js +2 -2
- package/mobile/lib/components/LinkDocs/LinkDocs.js.map +1 -1
- package/mobile/lib/components/LinkDocs/LinkDocsContent.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 +16 -16
- package/mobile/src/components/ComparisonTable/ComparisonTableContent.ts +1 -1
- package/mobile/src/components/CreditCalculator/CreditCalculator.example.json +19 -0
- package/mobile/src/components/Gallery/Gallery.example.json +1 -0
- package/mobile/src/components/Gallery/Gallery.tsx +4 -4
- package/mobile/src/components/Gallery/GalleryCardInner.tsx +1 -1
- package/mobile/src/components/Gallery/GalleryContent.ts +1 -1
- package/mobile/src/components/LinkDocs/LinkDocs.example.json +1 -1
- package/mobile/src/components/LinkDocs/LinkDocs.tsx +2 -2
- package/mobile/src/components/LinkDocs/LinkDocsContent.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 +2 -1
- package/src/components/ComparisonTable/ComparisonTable.mobile.tsx +16 -16
- package/src/components/ComparisonTable/ComparisonTableContent.ts +1 -1
- package/src/components/CreditCalculator/CreditCalculator.example.json +19 -0
- 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/GalleryCardInner.tsx +1 -1
- package/src/components/Gallery/GalleryContent.ts +1 -1
- package/src/components/LinkDocs/LinkDocs.example.json +1 -1
- package/src/components/LinkDocs/LinkDocs.fixture.mobile.tsx +1 -1
- package/src/components/LinkDocs/LinkDocs.mobile.tsx +2 -2
- package/src/components/LinkDocs/LinkDocsContent.ts +1 -1
- package/src/components/MiniGallery/MiniGalleryContent.ts +1 -1
- package/src/components/OtherProducts/OtherProductsItem.tsx +1 -1
|
@@ -14,4 +14,5 @@ export declare const Blocks: {
|
|
|
14
14
|
StepsBlock: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./StepsBlock/StepsBlock").StepsBlockProps, any>, context?: any) => any;
|
|
15
15
|
TariffsTable: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./TariffsTable/TariffsTable").TariffsTableProps, any>, context?: any) => any;
|
|
16
16
|
TextBlock: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./TextBlock/TextBlock").TextBlockProps, any>, context?: any) => any;
|
|
17
|
+
Placeholder: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./Placeholder/Placeholder").PlaceholderProps, any>, context?: any) => any;
|
|
17
18
|
};
|
|
@@ -8,6 +8,7 @@ import { Headline } from './Headline/Headline.js';
|
|
|
8
8
|
import { LinkDocs } from './LinkDocs/LinkDocs.js';
|
|
9
9
|
import { LinkList } from './LinkList/LinkList.js';
|
|
10
10
|
import { MobileAppTile } from './MobileAppTile/MobileAppTile.js';
|
|
11
|
+
import { Placeholder } from './Placeholder/Placeholder.js';
|
|
11
12
|
import { ProductBlock } from './ProductBlock/ProductBlock.js';
|
|
12
13
|
import { ProductGallery } from './ProductGallery/ProductGallery.js';
|
|
13
14
|
import { StepsBlock } from './StepsBlock/StepsBlock.js';
|
|
@@ -29,5 +30,6 @@ export const Blocks = {
|
|
|
29
30
|
StepsBlock,
|
|
30
31
|
TariffsTable,
|
|
31
32
|
TextBlock,
|
|
33
|
+
Placeholder,
|
|
32
34
|
};
|
|
33
35
|
//# sourceMappingURL=Blocks.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Blocks.js","sourceRoot":"","sources":["../../src/components/Blocks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAC;AACvE,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAElD,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,SAAS;IACT,eAAe;IACf,gBAAgB;IAChB,MAAM;IACN,OAAO;IACP,MAAM;IACN,QAAQ;IACR,QAAQ;IACR,QAAQ;IACR,aAAa;IACb,YAAY;IACZ,cAAc;IACd,UAAU;IACV,YAAY;IACZ,SAAS;
|
|
1
|
+
{"version":3,"file":"Blocks.js","sourceRoot":"","sources":["../../src/components/Blocks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAC;AACvE,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAElD,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,SAAS;IACT,eAAe;IACf,gBAAgB;IAChB,MAAM;IACN,OAAO;IACP,MAAM;IACN,QAAQ;IACR,QAAQ;IACR,QAAQ;IACR,aAAa;IACb,YAAY;IACZ,cAAc;IACd,UAAU;IACV,YAAY;IACZ,SAAS;IACT,WAAW;CACZ,CAAC"}
|
|
@@ -3,7 +3,7 @@ import { JSX } from '@redneckz/uni-jsx';
|
|
|
3
3
|
import { Heading } from '../../ui-kit/Heading/Heading.js';
|
|
4
4
|
import { SwipeListControl } from '../../ui-kit/SwipeListControl/SwipeListControl.js';
|
|
5
5
|
import { TableColumn } from './TableColumn.js';
|
|
6
|
-
export const ComparisonTable = JSX(({ className, context, title, rowHeaders, columns, visibleRowLength = 0, isColoredFirstColumn = false,
|
|
6
|
+
export const ComparisonTable = JSX(({ className, context, title, rowHeaders, columns, visibleRowLength = 0, isColoredFirstColumn = false, orientation = 'vertical', }) => {
|
|
7
7
|
const tableData = columns?.map(({ data, header }) => ({
|
|
8
8
|
header,
|
|
9
9
|
column: data?.map((cell, i) => ({ cell, rowHeader: rowHeaders?.[i]?.title })),
|
|
@@ -20,13 +20,13 @@ export const ComparisonTable = JSX(({ className, context, title, rowHeaders, col
|
|
|
20
20
|
isColoredFirstColumn,
|
|
21
21
|
columnsViewState,
|
|
22
22
|
handleToggleColumn,
|
|
23
|
-
|
|
23
|
+
orientation,
|
|
24
24
|
setColumnsViewState,
|
|
25
25
|
})] }));
|
|
26
26
|
});
|
|
27
|
-
const renderColumns = ({ context, tableData, visibleRowLength, isColoredFirstColumn, columnsViewState, handleToggleColumn,
|
|
27
|
+
const renderColumns = ({ context, tableData, visibleRowLength, isColoredFirstColumn, columnsViewState, handleToggleColumn, orientation = 'horizontal', setColumnsViewState, }) => (_jsx("div", { role: "table", children: tableData?.length
|
|
28
28
|
? renderInnerTable({
|
|
29
|
-
|
|
29
|
+
orientation,
|
|
30
30
|
context,
|
|
31
31
|
columnsViewState,
|
|
32
32
|
setColumnsViewState,
|
|
@@ -36,19 +36,19 @@ const renderColumns = ({ context, tableData, visibleRowLength, isColoredFirstCol
|
|
|
36
36
|
handleToggleColumn,
|
|
37
37
|
})
|
|
38
38
|
: null }));
|
|
39
|
-
const renderInnerTable = ({
|
|
40
|
-
context,
|
|
41
|
-
visibleRowLength,
|
|
42
|
-
isColoredFirstColumn,
|
|
43
|
-
columnsViewState,
|
|
44
|
-
handleToggleColumn,
|
|
45
|
-
}))) : (_jsx(SwipeListControl, { context: context, onSlideChange: onSlideChange(columnsViewState, setColumnsViewState), children: tableData.map(renderColumn({
|
|
39
|
+
const renderInnerTable = ({ orientation, context, columnsViewState, setColumnsViewState, tableData, visibleRowLength, isColoredFirstColumn, handleToggleColumn, }) => orientation === 'horizontal' ? (_jsx(SwipeListControl, { context: context, onSlideChange: onSlideChange(columnsViewState, setColumnsViewState), children: tableData.map(renderColumn({
|
|
46
40
|
context,
|
|
47
41
|
visibleRowLength,
|
|
48
42
|
isColoredFirstColumn,
|
|
49
43
|
columnsViewState,
|
|
50
44
|
handleToggleColumn,
|
|
51
|
-
})) }))
|
|
45
|
+
})) })) : (tableData.map(renderColumn({
|
|
46
|
+
context,
|
|
47
|
+
visibleRowLength,
|
|
48
|
+
isColoredFirstColumn,
|
|
49
|
+
columnsViewState,
|
|
50
|
+
handleToggleColumn,
|
|
51
|
+
})));
|
|
52
52
|
const renderColumn = ({ context, visibleRowLength, isColoredFirstColumn, columnsViewState, handleToggleColumn }) => (columnData, i) => (_jsx(TableColumn, { context: context, visibleRowLength: visibleRowLength, showRow: columnsViewState[i], header: columnData.header, columnData: columnData.column, isFillGradient: i === 0 && isColoredFirstColumn, onToggleColumn: () => handleToggleColumn(i) }, String(i)));
|
|
53
53
|
const onSlideChange = (columnsViewState, setColumnsViewState) => () => {
|
|
54
54
|
setColumnsViewState(new Array(columnsViewState.length).fill(false));
|
|
@@ -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":";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,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,IAC9D,EACL,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,KAZjD,GAAG,CAaJ,CACP,CAAC;AACJ,CAAC;AAED,SAAS,YAAY,CAAC,MAAM;IAC1B,OAAO,CACL,KAAC,MAAM,IACL,SAAS,EAAC,MAAM,EAChB,UAAU,EAAE,MAAM,EAAE,IAAI,IAAI,KAAC,IAAI,IAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,KAAK,SAAG,KACrF,MAAM,GACV,CACH,CAAC;AACJ,CAAC;AAED,SAAS,iBAAiB,CAAC,IAAiB;IAC1C,OAAO,CACL,cACE,SAAS,EAAE,sCACT,IAAI,CAAC,OAAO,KAAK,WAAW,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,EAC3D,EAAE,YAED,IAAI,CAAC,WAAW,GACb,CACP,CAAC;AACJ,CAAC;AAED,SAAS,WAAW,CAAC,KAAoB,EAAE,UAAwB,SAAS;IAC1E,OAAO,CACL,kBAAS,SAAS,EAAC,MAAM,YACtB,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACtB,0BACE,eAAM,SAAS,EAAC,uBAAuB,YAAE,IAAI,CAAC,KAAK,GAAQ,EAC3D,eAAM,SAAS,EAAE,kBAAkB,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,EAAE,YACpF,IAAI,CAAC,IAAI,GACL,KAJC,MAAM,CAAC,CAAC,CAAC,CAKb,CACP,CAAC,GACM,CACX,CAAC;AACJ,CAAC"}
|
|
@@ -6,7 +6,7 @@ import { Img } from '../../ui-kit/Img/Img.js';
|
|
|
6
6
|
import { List } from '../../ui-kit/List/List.js';
|
|
7
7
|
export const GalleryCardInner = JSX(({ title, description, image, items, button, version }) => {
|
|
8
8
|
const titleStyleClasses = getTitleStyle(version, description, items);
|
|
9
|
-
return (_jsxs("div", { 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-normal text-sm ${title ? 'mt-2' : ''}`, children: description })) : null, items?.length ? renderItems(items, version) : null] }), button?.text ? renderButton(button) : null] }));
|
|
9
|
+
return (_jsxs("div", { className: "h-full flex flex-col justify-between", 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-normal text-sm ${title ? 'mt-2' : ''}`, children: description })) : null, items?.length ? renderItems(items, version) : null] }), button?.text ? renderButton(button) : null] }));
|
|
10
10
|
});
|
|
11
11
|
function renderButton(button) {
|
|
12
12
|
return (_jsx(Button, { className: "mt-6 w-full", appendLeft: button.icon && _jsx(Icon, { name: button.icon, width: "24px", height: "24px", asSVG: true }), ...button }));
|
|
@@ -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;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAI9C,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CACjC,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE;IACxD,MAAM,iBAAiB,GAAG,aAAa,CAAC,OAAO,EAAE,WAAW,EAAE,KAAK,CAAC,CAAC;IACrE,OAAO,CACL,
|
|
1
|
+
{"version":3,"file":"GalleryCardInner.js","sourceRoot":"","sources":["../../../src/components/Gallery/GalleryCardInner.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAI9C,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CACjC,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE;IACxD,MAAM,iBAAiB,GAAG,aAAa,CAAC,OAAO,EAAE,WAAW,EAAE,KAAK,CAAC,CAAC;IACrE,OAAO,CACL,eAAK,SAAS,EAAC,sCAAsC,aACnD,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,uBAAuB,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,YAAG,WAAW,GAAO,CAClF,CAAC,CAAC,CAAC,IAAI,EACP,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,IAC/C,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,IAAI,IAAC,IAAI,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,2BAA2B,SAAS,EAAE,YAAG,KAAK,GAAO,CAAC;AAC/E,CAAC;AAED,SAAS,WAAW,CAAC,KAAoB,EAAE,UAAwB,SAAS;IAC1E,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,OAAO,EAAE,OAAO,GAChB,CACH,CAAC;AACJ,CAAC;AAED,SAAS,aAAa,CAAC,OAAO,EAAE,WAAW,EAAE,KAAK;IAChD,OAAO;UACC,OAAO,KAAK,WAAW,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE;UAClD,CAAC,WAAW,IAAI,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE;OACtD,CAAC;AACR,CAAC"}
|
|
@@ -3,7 +3,7 @@ import { JSX } from '@redneckz/uni-jsx';
|
|
|
3
3
|
import { Heading } from '../../ui-kit/Heading/Heading.js';
|
|
4
4
|
import { LinkDocsHorizontalList } from './LinkDocsHorizontalList.js';
|
|
5
5
|
import { LinkDocsVerticalList } from './LinkDocsVerticalList.js';
|
|
6
|
-
export const LinkDocs = JSX(({ className = '', context, title, subtitle, icon = 'DocIconMonoColor', documents,
|
|
7
|
-
return (_jsxs("section", { className: `font-sans text-primary-text py-6 px-4 bg-white overflow-x-hidden ${className}`, children: [title ? (_jsx(Heading, { headingType: "h2", className: `text-center ${subtitle ? 'mb-2' : 'mb-5'}`, title: title })) : null, subtitle ? (_jsx("h3", { className: "mt-0 font-normal mb-5 text-center text-m-md", children: subtitle })) : null,
|
|
6
|
+
export const LinkDocs = JSX(({ className = '', context, title, subtitle, icon = 'DocIconMonoColor', documents, orientation = 'vertical', hasBorder = true, }) => {
|
|
7
|
+
return (_jsxs("section", { className: `font-sans text-primary-text py-6 px-4 bg-white overflow-x-hidden ${className}`, children: [title ? (_jsx(Heading, { headingType: "h2", className: `text-center ${subtitle ? 'mb-2' : 'mb-5'}`, title: title })) : null, subtitle ? (_jsx("h3", { className: "mt-0 font-normal mb-5 text-center text-m-md", children: subtitle })) : null, orientation === 'vertical' ? (_jsx(LinkDocsVerticalList, { hasBorder: hasBorder, documents: documents, icon: icon })) : (_jsx(LinkDocsHorizontalList, { context: context, hasBorder: hasBorder, documents: documents, icon: icon }))] }));
|
|
8
8
|
});
|
|
9
9
|
//# sourceMappingURL=LinkDocs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LinkDocs.js","sourceRoot":"","sources":["../../../src/components/LinkDocs/LinkDocs.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AAEvD,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAI9D,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CACzB,CAAC,EACC,SAAS,GAAG,EAAE,EACd,OAAO,EACP,KAAK,EACL,QAAQ,EACR,IAAI,GAAG,kBAAkB,EACzB,SAAS,EACT,
|
|
1
|
+
{"version":3,"file":"LinkDocs.js","sourceRoot":"","sources":["../../../src/components/LinkDocs/LinkDocs.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AAEvD,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAI9D,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CACzB,CAAC,EACC,SAAS,GAAG,EAAE,EACd,OAAO,EACP,KAAK,EACL,QAAQ,EACR,IAAI,GAAG,kBAAkB,EACzB,SAAS,EACT,WAAW,GAAG,UAAU,EACxB,SAAS,GAAG,IAAI,GACjB,EAAE,EAAE;IACH,OAAO,CACL,mBACE,SAAS,EAAE,oEAAoE,SAAS,EAAE,aAEzF,KAAK,CAAC,CAAC,CAAC,CACP,KAAC,OAAO,IACN,WAAW,EAAC,IAAI,EAChB,SAAS,EAAE,eAAe,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAAE,EACtD,KAAK,EAAE,KAAK,GACZ,CACH,CAAC,CAAC,CAAC,IAAI,EACP,QAAQ,CAAC,CAAC,CAAC,CACV,aAAI,SAAS,EAAC,6CAA6C,YAAE,QAAQ,GAAM,CAC5E,CAAC,CAAC,CAAC,IAAI,EACP,WAAW,KAAK,UAAU,CAAC,CAAC,CAAC,CAC5B,KAAC,oBAAoB,IAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,GAAI,CACjF,CAAC,CAAC,CAAC,CACF,KAAC,sBAAsB,IACrB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,GACV,CACH,IACO,CACX,CAAC;AACJ,CAAC,CACF,CAAC"}
|
|
@@ -31,7 +31,7 @@ export interface LinkDocsContent {
|
|
|
31
31
|
documents?: LinkDocsItem[];
|
|
32
32
|
columnsMode?: LinkColumnsMode;
|
|
33
33
|
/** @title Отображать элементы в моб. версии (прокрутка shift+mouseScroll) */
|
|
34
|
-
|
|
34
|
+
orientation?: ListOrientation;
|
|
35
35
|
/** @title Рамка элементов (моб.) */ hasBorder?: boolean;
|
|
36
36
|
align?: AlignType;
|
|
37
37
|
}
|
|
@@ -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-[
|
|
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 = 'vertical',
|
|
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,17 +94,7 @@ const renderInnerTable = ({
|
|
|
94
94
|
isColoredFirstColumn,
|
|
95
95
|
handleToggleColumn,
|
|
96
96
|
}) =>
|
|
97
|
-
|
|
98
|
-
tableData.map(
|
|
99
|
-
renderColumn({
|
|
100
|
-
context,
|
|
101
|
-
visibleRowLength,
|
|
102
|
-
isColoredFirstColumn,
|
|
103
|
-
columnsViewState,
|
|
104
|
-
handleToggleColumn,
|
|
105
|
-
}),
|
|
106
|
-
)
|
|
107
|
-
) : (
|
|
97
|
+
orientation === 'horizontal' ? (
|
|
108
98
|
<SwipeListControl
|
|
109
99
|
context={context}
|
|
110
100
|
onSlideChange={onSlideChange(columnsViewState, setColumnsViewState)}
|
|
@@ -119,6 +109,16 @@ const renderInnerTable = ({
|
|
|
119
109
|
}),
|
|
120
110
|
)}
|
|
121
111
|
</SwipeListControl>
|
|
112
|
+
) : (
|
|
113
|
+
tableData.map(
|
|
114
|
+
renderColumn({
|
|
115
|
+
context,
|
|
116
|
+
visibleRowLength,
|
|
117
|
+
isColoredFirstColumn,
|
|
118
|
+
columnsViewState,
|
|
119
|
+
handleToggleColumn,
|
|
120
|
+
}),
|
|
121
|
+
)
|
|
122
122
|
);
|
|
123
123
|
|
|
124
124
|
const renderColumn =
|
|
@@ -83,5 +83,5 @@ export interface ComparisonTableContent {
|
|
|
83
83
|
/** @title Отображать заданное количество строк */
|
|
84
84
|
visibleRowLength?: number;
|
|
85
85
|
/** @title Отображать элементы в моб. версии (прокрутка shift+mouseScroll) */
|
|
86
|
-
|
|
86
|
+
orientation?: ListOrientation; // TODO: мобильный проп
|
|
87
87
|
}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
{
|
|
2
|
+
"tabs": [
|
|
3
|
+
{
|
|
4
|
+
"title": "Вкладка 1",
|
|
5
|
+
"description": "Описание",
|
|
6
|
+
"icon": "CardIcon"
|
|
7
|
+
},
|
|
8
|
+
{
|
|
9
|
+
"title": "Вкладка 2",
|
|
10
|
+
"description": "Описание",
|
|
11
|
+
"icon": "ChartSquareIcon"
|
|
12
|
+
},
|
|
13
|
+
{
|
|
14
|
+
"title": "Вкладка 3",
|
|
15
|
+
"description": "Описание",
|
|
16
|
+
"icon": "DiscountShapeIcon"
|
|
17
|
+
}
|
|
18
|
+
]
|
|
19
|
+
}
|
|
@@ -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>
|
|
@@ -10,7 +10,7 @@ export const GalleryCardInner = JSX<GalleryCard>(
|
|
|
10
10
|
({ title, description, image, items, button, version }) => {
|
|
11
11
|
const titleStyleClasses = getTitleStyle(version, description, items);
|
|
12
12
|
return (
|
|
13
|
-
<div>
|
|
13
|
+
<div className="h-full flex flex-col justify-between">
|
|
14
14
|
<div>
|
|
15
15
|
{image?.src ? (
|
|
16
16
|
<div className="flex justify-center">
|
|
@@ -15,7 +15,7 @@ export const LinkDocs = JSX<LinkDocsProps>(
|
|
|
15
15
|
subtitle,
|
|
16
16
|
icon = 'DocIconMonoColor',
|
|
17
17
|
documents,
|
|
18
|
-
|
|
18
|
+
orientation = 'vertical',
|
|
19
19
|
hasBorder = true,
|
|
20
20
|
}) => {
|
|
21
21
|
return (
|
|
@@ -32,7 +32,7 @@ export const LinkDocs = JSX<LinkDocsProps>(
|
|
|
32
32
|
{subtitle ? (
|
|
33
33
|
<h3 className="mt-0 font-normal mb-5 text-center text-m-md">{subtitle}</h3>
|
|
34
34
|
) : null}
|
|
35
|
-
{
|
|
35
|
+
{orientation === 'vertical' ? (
|
|
36
36
|
<LinkDocsVerticalList hasBorder={hasBorder} documents={documents} icon={icon} />
|
|
37
37
|
) : (
|
|
38
38
|
<LinkDocsHorizontalList
|
|
@@ -34,7 +34,7 @@ export interface LinkDocsContent {
|
|
|
34
34
|
documents?: LinkDocsItem[];
|
|
35
35
|
columnsMode?: LinkColumnsMode;
|
|
36
36
|
/** @title Отображать элементы в моб. версии (прокрутка shift+mouseScroll) */
|
|
37
|
-
|
|
37
|
+
orientation?: ListOrientation; // TODO: мобильный проп
|
|
38
38
|
/** @title Рамка элементов (моб.) */ // TODO: мобильный проп
|
|
39
39
|
hasBorder?: boolean;
|
|
40
40
|
align?: AlignType;
|
|
@@ -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-[
|
|
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
|
};
|
|
@@ -130,6 +130,7 @@ export default {
|
|
|
130
130
|
isColoredFirstColumn={true}
|
|
131
131
|
context={context}
|
|
132
132
|
rowHeaders={rowHeaders}
|
|
133
|
+
orientation="vertical"
|
|
133
134
|
columns={Array(2).fill(columns).flat()}
|
|
134
135
|
visibleRowLength={2}
|
|
135
136
|
/>
|
|
@@ -143,7 +144,7 @@ export default {
|
|
|
143
144
|
isColoredFirstColumn={true}
|
|
144
145
|
context={context}
|
|
145
146
|
rowHeaders={rowHeaders}
|
|
146
|
-
|
|
147
|
+
orientation="horizontal"
|
|
147
148
|
columns={Array(2).fill(columns).flat()}
|
|
148
149
|
visibleRowLength={2}
|
|
149
150
|
/>
|
|
@@ -16,7 +16,7 @@ export const ComparisonTable = JSX<ComparisonTableProps>(
|
|
|
16
16
|
columns,
|
|
17
17
|
visibleRowLength = 0,
|
|
18
18
|
isColoredFirstColumn = false,
|
|
19
|
-
|
|
19
|
+
orientation = 'vertical',
|
|
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,17 +94,7 @@ const renderInnerTable = ({
|
|
|
94
94
|
isColoredFirstColumn,
|
|
95
95
|
handleToggleColumn,
|
|
96
96
|
}) =>
|
|
97
|
-
|
|
98
|
-
tableData.map(
|
|
99
|
-
renderColumn({
|
|
100
|
-
context,
|
|
101
|
-
visibleRowLength,
|
|
102
|
-
isColoredFirstColumn,
|
|
103
|
-
columnsViewState,
|
|
104
|
-
handleToggleColumn,
|
|
105
|
-
}),
|
|
106
|
-
)
|
|
107
|
-
) : (
|
|
97
|
+
orientation === 'horizontal' ? (
|
|
108
98
|
<SwipeListControl
|
|
109
99
|
context={context}
|
|
110
100
|
onSlideChange={onSlideChange(columnsViewState, setColumnsViewState)}
|
|
@@ -119,6 +109,16 @@ const renderInnerTable = ({
|
|
|
119
109
|
}),
|
|
120
110
|
)}
|
|
121
111
|
</SwipeListControl>
|
|
112
|
+
) : (
|
|
113
|
+
tableData.map(
|
|
114
|
+
renderColumn({
|
|
115
|
+
context,
|
|
116
|
+
visibleRowLength,
|
|
117
|
+
isColoredFirstColumn,
|
|
118
|
+
columnsViewState,
|
|
119
|
+
handleToggleColumn,
|
|
120
|
+
}),
|
|
121
|
+
)
|
|
122
122
|
);
|
|
123
123
|
|
|
124
124
|
const renderColumn =
|
|
@@ -83,5 +83,5 @@ export interface ComparisonTableContent {
|
|
|
83
83
|
/** @title Отображать заданное количество строк */
|
|
84
84
|
visibleRowLength?: number;
|
|
85
85
|
/** @title Отображать элементы в моб. версии (прокрутка shift+mouseScroll) */
|
|
86
|
-
|
|
86
|
+
orientation?: ListOrientation; // TODO: мобильный проп
|
|
87
87
|
}
|