@redneckz/wildless-cms-uni-blocks 0.14.72 → 0.14.74
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bin/migration-scripts/0.14.68.js +20 -0
- package/bundle/blocks.schema.json +1 -1
- package/bundle/bundle.umd.js +5 -5
- package/bundle/bundle.umd.min.js +1 -1
- package/bundle/components/HorizontalLayout/HorizontalLayoutContent.d.ts +2 -9
- package/bundle/components/VerticalLayout/VerticalLayout.d.ts +0 -1
- package/bundle/components/VerticalLayout/VerticalLayoutContent.d.ts +7 -6
- package/dist/components/HorizontalLayout/HorizontalLayout.js +1 -1
- package/dist/components/HorizontalLayout/HorizontalLayout.js.map +1 -1
- package/dist/components/HorizontalLayout/HorizontalLayoutContent.d.ts +2 -9
- package/dist/components/StepsBlock/StepsBlock.mobile.js +2 -1
- package/dist/components/StepsBlock/StepsBlock.mobile.js.map +1 -1
- package/dist/components/StepsBlock/renderStep.js +1 -1
- package/dist/components/StepsBlock/renderStep.js.map +1 -1
- package/dist/components/VerticalLayout/VerticalLayout.d.ts +0 -1
- package/dist/components/VerticalLayout/VerticalLayout.js +2 -2
- package/dist/components/VerticalLayout/VerticalLayout.js.map +1 -1
- package/dist/components/VerticalLayout/VerticalLayoutContent.d.ts +7 -6
- package/lib/common.css +1 -1
- package/lib/components/HorizontalLayout/HorizontalLayout.js +1 -1
- package/lib/components/HorizontalLayout/HorizontalLayout.js.map +1 -1
- package/lib/components/HorizontalLayout/HorizontalLayoutContent.d.ts +2 -9
- package/lib/components/StepsBlock/StepsBlock.mobile.js +2 -1
- package/lib/components/StepsBlock/StepsBlock.mobile.js.map +1 -1
- package/lib/components/StepsBlock/renderStep.js +1 -1
- package/lib/components/StepsBlock/renderStep.js.map +1 -1
- package/lib/components/VerticalLayout/VerticalLayout.d.ts +0 -1
- package/lib/components/VerticalLayout/VerticalLayout.fixture.d.ts +1 -0
- package/lib/components/VerticalLayout/VerticalLayout.fixture.mobile.d.ts +1 -0
- package/lib/components/VerticalLayout/VerticalLayout.js +2 -2
- package/lib/components/VerticalLayout/VerticalLayout.js.map +1 -1
- package/lib/components/VerticalLayout/VerticalLayoutContent.d.ts +7 -6
- package/mobile/bundle/bundle.umd.js +4 -4
- package/mobile/bundle/bundle.umd.min.js +1 -1
- package/mobile/bundle/components/HorizontalLayout/HorizontalLayoutContent.d.ts +2 -9
- package/mobile/bundle/components/VerticalLayout/VerticalLayout.d.ts +0 -1
- package/mobile/bundle/components/VerticalLayout/VerticalLayoutContent.d.ts +7 -6
- package/mobile/dist/components/HorizontalLayout/HorizontalLayoutContent.d.ts +2 -9
- package/mobile/dist/components/StepsBlock/StepsBlock.js +2 -1
- package/mobile/dist/components/StepsBlock/StepsBlock.js.map +1 -1
- package/mobile/dist/components/StepsBlock/renderStep.js +1 -1
- package/mobile/dist/components/StepsBlock/renderStep.js.map +1 -1
- package/mobile/dist/components/VerticalLayout/VerticalLayout.d.ts +0 -1
- package/mobile/dist/components/VerticalLayout/VerticalLayout.js +2 -2
- package/mobile/dist/components/VerticalLayout/VerticalLayout.js.map +1 -1
- package/mobile/dist/components/VerticalLayout/VerticalLayoutContent.d.ts +7 -6
- package/mobile/lib/components/HorizontalLayout/HorizontalLayoutContent.d.ts +2 -9
- package/mobile/lib/components/StepsBlock/StepsBlock.js +2 -1
- package/mobile/lib/components/StepsBlock/StepsBlock.js.map +1 -1
- package/mobile/lib/components/StepsBlock/renderStep.js +1 -1
- package/mobile/lib/components/StepsBlock/renderStep.js.map +1 -1
- package/mobile/lib/components/VerticalLayout/VerticalLayout.d.ts +0 -1
- package/mobile/lib/components/VerticalLayout/VerticalLayout.js +2 -2
- package/mobile/lib/components/VerticalLayout/VerticalLayout.js.map +1 -1
- package/mobile/lib/components/VerticalLayout/VerticalLayoutContent.d.ts +7 -6
- package/mobile/src/components/HorizontalLayout/HorizontalLayoutContent.ts +2 -9
- package/mobile/src/components/StepsBlock/StepsBlock.tsx +6 -1
- package/mobile/src/components/StepsBlock/renderStep.tsx +4 -4
- package/mobile/src/components/VerticalLayout/VerticalLayout.tsx +5 -7
- package/mobile/src/components/VerticalLayout/VerticalLayoutContent.ts +8 -6
- package/package.json +1 -1
- package/src/components/HorizontalLayout/HorizontalLayout.fixture.mobile.tsx +1 -1
- package/src/components/HorizontalLayout/HorizontalLayout.tsx +2 -2
- package/src/components/HorizontalLayout/HorizontalLayoutContent.ts +2 -9
- package/src/components/StepsBlock/StepsBlock.mobile.tsx +6 -1
- package/src/components/StepsBlock/renderStep.tsx +4 -4
- package/src/components/VerticalLayout/VerticalLayout.fixture.mobile.tsx +19 -2
- package/src/components/VerticalLayout/VerticalLayout.fixture.tsx +22 -4
- package/src/components/VerticalLayout/VerticalLayout.tsx +5 -7
- package/src/components/VerticalLayout/VerticalLayoutContent.ts +8 -6
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { type ColorPalette } from '../../model/ContentPageDef';
|
|
2
1
|
import { type UniBlockContent } from '../../model/JSXBlock';
|
|
2
|
+
import { type LayoutCommitProps } from '../VerticalLayout/VerticalLayoutContent';
|
|
3
3
|
/**
|
|
4
4
|
* @title Отступ между компонентами
|
|
5
5
|
* @enumNames ["Самый большой", "Очень большой", "Большой", "Средний", "Маленький", "Самый маленький", "Без отступа"]
|
|
@@ -8,11 +8,4 @@ export declare type GapVersion = 'XXL' | 'XL' | 'L' | 'M' | 'S' | 'XS' | '';
|
|
|
8
8
|
/**
|
|
9
9
|
* @title Горизонтальный компоновщик
|
|
10
10
|
*/
|
|
11
|
-
export declare type HorizontalLayoutContent = UniBlockContent &
|
|
12
|
-
colorPalette?: ColorPalette;
|
|
13
|
-
gap?: GapVersion;
|
|
14
|
-
/** @title контур на дочерних элементах */
|
|
15
|
-
isCardBorder?: boolean;
|
|
16
|
-
/** @title Внутренний отступ компоновщика */
|
|
17
|
-
isPadding?: boolean;
|
|
18
|
-
};
|
|
11
|
+
export declare type HorizontalLayoutContent = UniBlockContent & LayoutCommitProps;
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { type JSXBlock, type UniBlockProps } from '../../model/JSXBlock';
|
|
2
2
|
import { type VerticalLayoutContent } from './VerticalLayoutContent';
|
|
3
3
|
export interface VerticalLayoutProps extends VerticalLayoutContent, UniBlockProps {
|
|
4
|
-
isInnerBorder?: boolean;
|
|
5
4
|
}
|
|
6
5
|
export declare const VerticalLayout: JSXBlock<VerticalLayoutProps>;
|
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
import { type UniBlockContent } from '../../model/JSXBlock';
|
|
2
2
|
import { type GapVersion } from '../HorizontalLayout/HorizontalLayoutContent';
|
|
3
|
-
|
|
4
|
-
* @title Вертикальный компоновщик
|
|
5
|
-
*/
|
|
6
|
-
export declare type VerticalLayoutContent = UniBlockContent & {
|
|
3
|
+
export declare type LayoutCommitProps = {
|
|
7
4
|
gap?: GapVersion;
|
|
8
|
-
/** @title
|
|
9
|
-
|
|
5
|
+
/** @title контур на дочерних элементах */
|
|
6
|
+
isCardBorder?: boolean;
|
|
10
7
|
/** @title Отступы вложенных компонентов */
|
|
11
8
|
isInnerPadding?: boolean;
|
|
12
9
|
};
|
|
10
|
+
/**
|
|
11
|
+
* @title Вертикальный компоновщик
|
|
12
|
+
*/
|
|
13
|
+
export declare type VerticalLayoutContent = UniBlockContent & LayoutCommitProps;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { type ColorPalette } from '../../model/ContentPageDef';
|
|
2
1
|
import { type UniBlockContent } from '../../model/JSXBlock';
|
|
2
|
+
import { type LayoutCommitProps } from '../VerticalLayout/VerticalLayoutContent';
|
|
3
3
|
/**
|
|
4
4
|
* @title Отступ между компонентами
|
|
5
5
|
* @enumNames ["Самый большой", "Очень большой", "Большой", "Средний", "Маленький", "Самый маленький", "Без отступа"]
|
|
@@ -8,11 +8,4 @@ export declare type GapVersion = 'XXL' | 'XL' | 'L' | 'M' | 'S' | 'XS' | '';
|
|
|
8
8
|
/**
|
|
9
9
|
* @title Горизонтальный компоновщик
|
|
10
10
|
*/
|
|
11
|
-
export declare type HorizontalLayoutContent = UniBlockContent &
|
|
12
|
-
colorPalette?: ColorPalette;
|
|
13
|
-
gap?: GapVersion;
|
|
14
|
-
/** @title контур на дочерних элементах */
|
|
15
|
-
isCardBorder?: boolean;
|
|
16
|
-
/** @title Внутренний отступ компоновщика */
|
|
17
|
-
isPadding?: boolean;
|
|
18
|
-
};
|
|
11
|
+
export declare type HorizontalLayoutContent = UniBlockContent & LayoutCommitProps;
|
|
@@ -5,6 +5,7 @@ const uni_jsx_1 = require("@redneckz/uni-jsx");
|
|
|
5
5
|
const BlockWrapper_1 = require("../../ui-kit/BlockWrapper");
|
|
6
6
|
const Img_1 = require("../../ui-kit/Img/Img");
|
|
7
7
|
const renderButtonsSection_1 = require("../../ui-kit/LinkButton/renderButtonsSection");
|
|
8
|
+
const Paragraph_1 = require("../../ui-kit/Paragraph/Paragraph");
|
|
8
9
|
const RichText_1 = require("../../ui-kit/RichText/RichText");
|
|
9
10
|
const assertUnreachable_1 = require("../../utils/assertUnreachable");
|
|
10
11
|
const isIcon_1 = require("../../utils/isIcon");
|
|
@@ -39,7 +40,7 @@ const renderStep = (size, version) =>
|
|
|
39
40
|
(0, assertUnreachable_1.assertUnreachable)(step);
|
|
40
41
|
}
|
|
41
42
|
};
|
|
42
|
-
const renderDefaultStep = (size, version) => (step, i) => ((0, jsx_runtime_1.jsx)("div", { className: "contents", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row text-center relative", children: [(0, jsx_runtime_1.jsx)("div", { className: "overflow-hidden flex flex-shrink-0 items-center", children: renderIconArea(size, version)(step, i) }), (0, jsx_runtime_1.jsxs)("div", { className: (0, style_1.style)('flex flex-col justify-center h-fit', STEPS_TILE_DESCRIPTION_HEIGHT_MAP[size]), children: [step.label ? (0, jsx_runtime_1.jsx)(
|
|
43
|
+
const renderDefaultStep = (size, version) => (step, i) => ((0, jsx_runtime_1.jsx)("div", { className: "contents", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row text-center relative", children: [(0, jsx_runtime_1.jsx)("div", { className: "overflow-hidden flex flex-shrink-0 items-center", children: renderIconArea(size, version)(step, i) }), (0, jsx_runtime_1.jsxs)("div", { className: (0, style_1.style)('flex flex-col justify-center h-fit', STEPS_TILE_DESCRIPTION_HEIGHT_MAP[size]), children: [step.label ? ((0, jsx_runtime_1.jsx)(Paragraph_1.Paragraph, { size: "text-l", align: "text-left", children: step.label })) : null, step.description ? ((0, jsx_runtime_1.jsx)("div", { className: (0, style_1.style)('text-s font-light text-left', styleMap.description), children: step.description })) : null] })] }) }, String(i)));
|
|
43
44
|
const renderIconArea = (size, version) => (step, i) => {
|
|
44
45
|
const iconSize = size === 'normal' ? '38' : '24';
|
|
45
46
|
const iconVersion = version === 'secondary' ? 'white' : 'color';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StepsBlock.js","sourceRoot":"","sources":["../../../src/components/StepsBlock/StepsBlock.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAIxC,4DAAyD;AACzD,8CAA2C;AAC3C,uFAAoF;AACpF,6DAA0D;AAC1D,qEAAkE;AAClE,+CAA4C;AAC5C,6CAA0C;AAC1C,mDAAgD;AAEhD,+DAA0D;AAI1D,MAAM,cAAc,GAAyC;IAC3D,MAAM,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE;IACjD,KAAK,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE;CACjD,CAAC;AAEF,MAAM,iCAAiC,GAAgC;IACrE,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,WAAW;CACnB,CAAC;AAEF,MAAM,QAAQ,GAAG,uCAAiB,CAAC;AAItB,QAAA,UAAU,GAAG,IAAA,aAAG,EAC3B,CAAC,EACC,SAAS,GAAG,EAAE,EACd,KAAK,EACL,WAAW,EACX,KAAK,EACL,OAAO,EACP,IAAI,GAAG,QAAQ,EACf,OAAO,GAAG,SAAS,EACnB,GAAG,IAAI,EACR,EAAE,EAAE,CAAC,CACJ,wBAAC,2BAAY,IACX,SAAS,EAAE,IAAA,aAAK,EAAC,iCAAiC,EAAE,SAAS,CAAC,EAC9D,cAAc,EAAC,OAAO,EACtB,OAAO,EAAE,OAAO,KACZ,IAAI,aAER,uBAAC,mBAAQ,IACP,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,eAAe,EAAC,GAAG,EACnB,UAAU,EAAE,IAAI,EAChB,KAAK,EAAC,WAAW,GACjB,EACD,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CACf,gCAAK,SAAS,EAAC,YAAY,YACzB,gCAAK,SAAS,EAAC,uCAAuC,YACnD,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,GACjC,GACF,CACP,CAAC,CAAC,CAAC,IAAI,EACP,IAAA,2CAAoB,EAAC,OAAO,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC,IACvC,CAChB,CACF,CAAC;AAEF,gDAAgD;AAChD,MAAM,UAAU,GACd,CAAC,IAAiB,EAAE,OAAqB,EAAE,EAAE;AAC7C,4DAA4D;AAC5D,6CAA6C;AAC7C,CAAC,IAAU,EAAE,CAAS,EAAE,EAAE;IACxB,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;IAEtB,IAAI,CAAC,CAAC,IAAI,KAAK,SAAS,IAAI,IAAI,KAAK,KAAK,CAAC,EAAE;QAC3C,OAAO,IAAI,CAAC;KACb;IAED,QAAQ,IAAI,EAAE;QACZ,KAAK,SAAS;YACZ,OAAO,iBAAiB,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;QACnD,KAAK,KAAK;YACR,OAAO,uBAAC,mBAAQ,IAAC,MAAM,EAAE,IAAI,CAAC,MAAM,GAAI,CAAC;QAC3C;YACE,IAAA,qCAAiB,EAAC,IAAI,CAAC,CAAC;KAC3B;AACH,CAAC,CAAC;AAEJ,MAAM,iBAAiB,GACrB,CAAC,IAAiB,EAAE,OAAqB,EAAE,EAAE,CAAC,CAAC,IAAiB,EAAE,CAAS,EAAE,EAAE,CAC7E,CACE,gCAAqB,SAAS,EAAC,UAAU,YACvC,iCAAK,SAAS,EAAC,oCAAoC,aACjD,gCAAK,SAAS,EAAC,iDAAiD,YAC7D,cAAc,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,GACnC,EACN,iCACE,SAAS,EAAE,IAAA,aAAK,EACd,oCAAoC,EACpC,iCAAiC,CAAC,IAAI,CAAC,CACxC,aAEA,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,
|
|
1
|
+
{"version":3,"file":"StepsBlock.js","sourceRoot":"","sources":["../../../src/components/StepsBlock/StepsBlock.tsx"],"names":[],"mappings":"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"}
|
|
@@ -24,7 +24,7 @@ const renderStep = (props) => (step, i, arr) => {
|
|
|
24
24
|
exports.renderStep = renderStep;
|
|
25
25
|
const renderDefaultStep = ({ styleMap, isMainButton, version }) => (step, i, arr) => {
|
|
26
26
|
const { label, description, button, items, isDotted } = step;
|
|
27
|
-
return ((0, jsx_runtime_1.jsxs)("div", { className: (0, style_1.style)('relative flex flex-col items-center text-center justify-between whitespace-pre-line overflow-hidden space-y-3xl', getContainerWidth(arr.length)), children: [(0, jsx_runtime_1.jsxs)("div", { className: "
|
|
27
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: (0, style_1.style)('relative flex flex-col items-center text-center justify-between whitespace-pre-line overflow-hidden space-y-3xl', getContainerWidth(arr.length)), children: [(0, jsx_runtime_1.jsxs)("div", { className: "space-y-xs", children: [label ? ((0, jsx_runtime_1.jsx)(Text_1.Text, { size: "text-h6", align: "text-center", children: label })) : null, (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col items-center gap-3xs", children: [description ? (0, jsx_runtime_1.jsx)("div", { className: styleMap.description, children: description }) : null, (0, jsx_runtime_1.jsx)(List_1.List, { className: styleMap.description, items: items, listItemSize: "M", isDotted: isDotted })] })] }), button?.text && !isMainButton ? ((0, jsx_runtime_1.jsx)(LinkButton_1.LinkButton, { className: "box-border py-s w-full max-w-60 mt-auto", version: version, ...button, children: button?.text })) : null] }, String(i)));
|
|
28
28
|
};
|
|
29
29
|
const getContainerWidth = (length) => (length < 5 ? 'w-72' : 'w-52');
|
|
30
30
|
//# sourceMappingURL=renderStep.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"renderStep.js","sourceRoot":"","sources":["../../../src/components/StepsBlock/renderStep.tsx"],"names":[],"mappings":";;;AAGA,mEAAgE;AAChE,iDAA8C;AAC9C,6DAA0D;AAC1D,iDAA8C;AAC9C,6CAA0C;AAU1C,gDAAgD;AACzC,MAAM,UAAU,GACrB,CAAC,KAAsB,EAAE,EAAE,CAC3B,CAAC,IAAU,EAAE,CAAS,EAAE,GAAW,EAAS,EAAE;IAC5C,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;IAEtB,IAAI,CAAC,CAAC,IAAI,KAAK,SAAS,IAAI,IAAI,KAAK,KAAK,CAAC,EAAE;QAC3C,OAAO,IAAI,CAAC;KACb;IAED,QAAQ,IAAI,EAAE;QACZ,KAAK,SAAS;YACZ,OAAO,iBAAiB,CAAC,KAAK,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,GAAG,CAAC,CAAC;QAChD,KAAK,KAAK;YACR,OAAO,CACL,gCAAqB,SAAS,EAAE,IAAA,aAAK,EAAC,aAAa,EAAE,iBAAiB,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,YACjF,uBAAC,mBAAQ,IAAC,MAAM,EAAE,IAAI,CAAC,MAAM,GAAI,IADzB,MAAM,CAAC,CAAC,CAAC,CAEb,CACP,CAAC;QACJ;YACE,OAAO,IAAI,CAAC;KACf;AACH,CAAC,CAAC;AArBS,QAAA,UAAU,cAqBnB;AAEJ,MAAM,iBAAiB,GACrB,CAAC,EAAE,QAAQ,EAAE,YAAY,EAAE,OAAO,EAAmB,EAAE,EAAE,CACzD,CAAC,IAAiB,EAAE,CAAS,EAAE,GAAW,EAAE,EAAE;IAC5C,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC;IAE7D,OAAO,CACL,iCAEE,SAAS,EAAE,IAAA,aAAK,EACd,iHAAiH,EACjH,iBAAiB,CAAC,GAAG,CAAC,MAAM,CAAC,CAC9B,aAED,iCAAK,SAAS,EAAC,
|
|
1
|
+
{"version":3,"file":"renderStep.js","sourceRoot":"","sources":["../../../src/components/StepsBlock/renderStep.tsx"],"names":[],"mappings":";;;AAGA,mEAAgE;AAChE,iDAA8C;AAC9C,6DAA0D;AAC1D,iDAA8C;AAC9C,6CAA0C;AAU1C,gDAAgD;AACzC,MAAM,UAAU,GACrB,CAAC,KAAsB,EAAE,EAAE,CAC3B,CAAC,IAAU,EAAE,CAAS,EAAE,GAAW,EAAS,EAAE;IAC5C,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;IAEtB,IAAI,CAAC,CAAC,IAAI,KAAK,SAAS,IAAI,IAAI,KAAK,KAAK,CAAC,EAAE;QAC3C,OAAO,IAAI,CAAC;KACb;IAED,QAAQ,IAAI,EAAE;QACZ,KAAK,SAAS;YACZ,OAAO,iBAAiB,CAAC,KAAK,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,GAAG,CAAC,CAAC;QAChD,KAAK,KAAK;YACR,OAAO,CACL,gCAAqB,SAAS,EAAE,IAAA,aAAK,EAAC,aAAa,EAAE,iBAAiB,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,YACjF,uBAAC,mBAAQ,IAAC,MAAM,EAAE,IAAI,CAAC,MAAM,GAAI,IADzB,MAAM,CAAC,CAAC,CAAC,CAEb,CACP,CAAC;QACJ;YACE,OAAO,IAAI,CAAC;KACf;AACH,CAAC,CAAC;AArBS,QAAA,UAAU,cAqBnB;AAEJ,MAAM,iBAAiB,GACrB,CAAC,EAAE,QAAQ,EAAE,YAAY,EAAE,OAAO,EAAmB,EAAE,EAAE,CACzD,CAAC,IAAiB,EAAE,CAAS,EAAE,GAAW,EAAE,EAAE;IAC5C,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC;IAE7D,OAAO,CACL,iCAEE,SAAS,EAAE,IAAA,aAAK,EACd,iHAAiH,EACjH,iBAAiB,CAAC,GAAG,CAAC,MAAM,CAAC,CAC9B,aAED,iCAAK,SAAS,EAAC,YAAY,aACxB,KAAK,CAAC,CAAC,CAAC,CACP,uBAAC,WAAI,IAAC,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,aAAa,YACrC,KAAK,GACD,CACR,CAAC,CAAC,CAAC,IAAI,EACR,iCAAK,SAAS,EAAC,oCAAoC,aAChD,WAAW,CAAC,CAAC,CAAC,gCAAK,SAAS,EAAE,QAAQ,CAAC,WAAW,YAAG,WAAW,GAAO,CAAC,CAAC,CAAC,IAAI,EAC/E,uBAAC,WAAI,IACH,SAAS,EAAE,QAAQ,CAAC,WAAW,EAC/B,KAAK,EAAE,KAAK,EACZ,YAAY,EAAC,GAAG,EAChB,QAAQ,EAAE,QAAQ,GAClB,IACE,IACF,EACL,MAAM,EAAE,IAAI,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CAC/B,uBAAC,uBAAU,IACT,SAAS,EAAC,yCAAyC,EACnD,OAAO,EAAE,OAA4B,KACjC,MAAM,YAET,MAAM,EAAE,IAAI,GACF,CACd,CAAC,CAAC,CAAC,IAAI,KA9BH,MAAM,CAAC,CAAC,CAAC,CA+BV,CACP,CAAC;AACJ,CAAC,CAAC;AAEJ,MAAM,iBAAiB,GAAG,CAAC,MAAc,EAAU,EAAE,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC"}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { type JSXBlock, type UniBlockProps } from '../../model/JSXBlock';
|
|
2
2
|
import { type VerticalLayoutContent } from './VerticalLayoutContent';
|
|
3
3
|
export interface VerticalLayoutProps extends VerticalLayoutContent, UniBlockProps {
|
|
4
|
-
isInnerBorder?: boolean;
|
|
5
4
|
}
|
|
6
5
|
export declare const VerticalLayout: JSXBlock<VerticalLayoutProps>;
|
|
@@ -7,10 +7,10 @@ const BlockWrapper_1 = require("../../ui-kit/BlockWrapper");
|
|
|
7
7
|
const getBorderStyle_1 = require("../../utils/getBorderStyle");
|
|
8
8
|
const style_1 = require("../../utils/style");
|
|
9
9
|
const gapStyles_1 = require("../HorizontalLayout/gapStyles");
|
|
10
|
-
exports.VerticalLayout = (0, uni_jsx_1.JSX)(({ className = '',
|
|
10
|
+
exports.VerticalLayout = (0, uni_jsx_1.JSX)(({ className = '', padding = 'p-0', gap = '', isInnerPadding = true, version = 'transparent', isTheme = false, isCardBorder = false, ...rest }) => ((0, jsx_runtime_1.jsx)(BlockWrapper_1.BlockWrapper, { className: (0, style_1.style)('relative flex flex-col', gapStyles_1.gapStyles[gap], className), padding: padding, version: version, isTheme: isTheme, ...rest, children: (0, renderChildren_1.renderChildren)({
|
|
11
11
|
...rest,
|
|
12
12
|
extraProps: {
|
|
13
|
-
className: (0, style_1.style)('w-full', (0, getBorderStyle_1.getBorderStyle)(
|
|
13
|
+
className: (0, style_1.style)('w-full', (0, getBorderStyle_1.getBorderStyle)(isCardBorder)),
|
|
14
14
|
padding: isInnerPadding ? '' : 'p-0',
|
|
15
15
|
},
|
|
16
16
|
}) })));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VerticalLayout.js","sourceRoot":"","sources":["../../../src/components/VerticalLayout/VerticalLayout.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,uEAAoE;AAEpE,4DAAyD;AACzD,+DAA4D;AAC5D,6CAA0C;AAC1C,6DAA0D;
|
|
1
|
+
{"version":3,"file":"VerticalLayout.js","sourceRoot":"","sources":["../../../src/components/VerticalLayout/VerticalLayout.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,uEAAoE;AAEpE,4DAAyD;AACzD,+DAA4D;AAC5D,6CAA0C;AAC1C,6DAA0D;AAK7C,QAAA,cAAc,GAAkC,IAAA,aAAG,EAC9D,CAAC,EACC,SAAS,GAAG,EAAE,EACd,OAAO,GAAG,KAAK,EACf,GAAG,GAAG,EAAE,EACR,cAAc,GAAG,IAAI,EACrB,OAAO,GAAG,aAAa,EACvB,OAAO,GAAG,KAAK,EACf,YAAY,GAAG,KAAK,EACpB,GAAG,IAAI,EACR,EAAE,EAAE,CAAC,CACJ,uBAAC,2BAAY,IACX,SAAS,EAAE,IAAA,aAAK,EAAC,wBAAwB,EAAE,qBAAS,CAAC,GAAG,CAAC,EAAE,SAAS,CAAC,EACrE,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,KACZ,IAAI,YAEP,IAAA,+BAAc,EAAC;QACd,GAAG,IAAI;QACP,UAAU,EAAE;YACV,SAAS,EAAE,IAAA,aAAK,EAAC,QAAQ,EAAE,IAAA,+BAAc,EAAC,YAAY,CAAC,CAAC;YACxD,OAAO,EAAE,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK;SACrC;KACF,CAAC,GACW,CAChB,CACF,CAAC;AAEF,sBAAc,CAAC,aAAa,GAAG,EAAE,CAAC"}
|
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
import { type UniBlockContent } from '../../model/JSXBlock';
|
|
2
2
|
import { type GapVersion } from '../HorizontalLayout/HorizontalLayoutContent';
|
|
3
|
-
|
|
4
|
-
* @title Вертикальный компоновщик
|
|
5
|
-
*/
|
|
6
|
-
export declare type VerticalLayoutContent = UniBlockContent & {
|
|
3
|
+
export declare type LayoutCommitProps = {
|
|
7
4
|
gap?: GapVersion;
|
|
8
|
-
/** @title
|
|
9
|
-
|
|
5
|
+
/** @title контур на дочерних элементах */
|
|
6
|
+
isCardBorder?: boolean;
|
|
10
7
|
/** @title Отступы вложенных компонентов */
|
|
11
8
|
isInnerPadding?: boolean;
|
|
12
9
|
};
|
|
10
|
+
/**
|
|
11
|
+
* @title Вертикальный компоновщик
|
|
12
|
+
*/
|
|
13
|
+
export declare type VerticalLayoutContent = UniBlockContent & LayoutCommitProps;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { type ColorPalette } from '../../model/ContentPageDef';
|
|
2
1
|
import { type UniBlockContent } from '../../model/JSXBlock';
|
|
2
|
+
import { type LayoutCommitProps } from '../VerticalLayout/VerticalLayoutContent';
|
|
3
3
|
/**
|
|
4
4
|
* @title Отступ между компонентами
|
|
5
5
|
* @enumNames ["Самый большой", "Очень большой", "Большой", "Средний", "Маленький", "Самый маленький", "Без отступа"]
|
|
@@ -8,11 +8,4 @@ export declare type GapVersion = 'XXL' | 'XL' | 'L' | 'M' | 'S' | 'XS' | '';
|
|
|
8
8
|
/**
|
|
9
9
|
* @title Горизонтальный компоновщик
|
|
10
10
|
*/
|
|
11
|
-
export declare type HorizontalLayoutContent = UniBlockContent &
|
|
12
|
-
colorPalette?: ColorPalette;
|
|
13
|
-
gap?: GapVersion;
|
|
14
|
-
/** @title контур на дочерних элементах */
|
|
15
|
-
isCardBorder?: boolean;
|
|
16
|
-
/** @title Внутренний отступ компоновщика */
|
|
17
|
-
isPadding?: boolean;
|
|
18
|
-
};
|
|
11
|
+
export declare type HorizontalLayoutContent = UniBlockContent & LayoutCommitProps;
|
|
@@ -3,6 +3,7 @@ import { JSX } from '@redneckz/uni-jsx';
|
|
|
3
3
|
import { BlockWrapper } from '../../ui-kit/BlockWrapper.js';
|
|
4
4
|
import { Img } from '../../ui-kit/Img/Img.js';
|
|
5
5
|
import { renderButtonsSection } from '../../ui-kit/LinkButton/renderButtonsSection.js';
|
|
6
|
+
import { Paragraph } from '../../ui-kit/Paragraph/Paragraph.js';
|
|
6
7
|
import { RichText } from '../../ui-kit/RichText/RichText.js';
|
|
7
8
|
import { assertUnreachable } from '../../utils/assertUnreachable.js';
|
|
8
9
|
import { isIcon } from '../../utils/isIcon.js';
|
|
@@ -37,7 +38,7 @@ const renderStep = (size, version) =>
|
|
|
37
38
|
assertUnreachable(step);
|
|
38
39
|
}
|
|
39
40
|
};
|
|
40
|
-
const renderDefaultStep = (size, version) => (step, i) => (_jsx("div", { className: "contents", children: _jsxs("div", { className: "flex flex-row text-center relative", children: [_jsx("div", { className: "overflow-hidden flex flex-shrink-0 items-center", children: renderIconArea(size, version)(step, i) }), _jsxs("div", { className: style('flex flex-col justify-center h-fit', STEPS_TILE_DESCRIPTION_HEIGHT_MAP[size]), children: [step.label ? _jsx(
|
|
41
|
+
const renderDefaultStep = (size, version) => (step, i) => (_jsx("div", { className: "contents", children: _jsxs("div", { className: "flex flex-row text-center relative", children: [_jsx("div", { className: "overflow-hidden flex flex-shrink-0 items-center", children: renderIconArea(size, version)(step, i) }), _jsxs("div", { className: style('flex flex-col justify-center h-fit', STEPS_TILE_DESCRIPTION_HEIGHT_MAP[size]), children: [step.label ? (_jsx(Paragraph, { size: "text-l", align: "text-left", children: step.label })) : null, step.description ? (_jsx("div", { className: style('text-s font-light text-left', styleMap.description), children: step.description })) : null] })] }) }, String(i)));
|
|
41
42
|
const renderIconArea = (size, version) => (step, i) => {
|
|
42
43
|
const iconSize = size === 'normal' ? '38' : '24';
|
|
43
44
|
const iconVersion = version === 'secondary' ? 'white' : 'color';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StepsBlock.js","sourceRoot":"","sources":["../../../src/components/StepsBlock/StepsBlock.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"StepsBlock.js","sourceRoot":"","sources":["../../../src/components/StepsBlock/StepsBlock.tsx"],"names":[],"mappings":"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"}
|
|
@@ -21,7 +21,7 @@ export const renderStep = (props) => (step, i, arr) => {
|
|
|
21
21
|
};
|
|
22
22
|
const renderDefaultStep = ({ styleMap, isMainButton, version }) => (step, i, arr) => {
|
|
23
23
|
const { label, description, button, items, isDotted } = step;
|
|
24
|
-
return (_jsxs("div", { className: style('relative flex flex-col items-center text-center justify-between whitespace-pre-line overflow-hidden space-y-3xl', getContainerWidth(arr.length)), children: [_jsxs("div", { className: "
|
|
24
|
+
return (_jsxs("div", { className: style('relative flex flex-col items-center text-center justify-between whitespace-pre-line overflow-hidden space-y-3xl', getContainerWidth(arr.length)), children: [_jsxs("div", { className: "space-y-xs", children: [label ? (_jsx(Text, { size: "text-h6", align: "text-center", children: label })) : null, _jsxs("div", { className: "flex flex-col items-center gap-3xs", children: [description ? _jsx("div", { className: styleMap.description, children: description }) : null, _jsx(List, { className: styleMap.description, items: items, listItemSize: "M", isDotted: isDotted })] })] }), button?.text && !isMainButton ? (_jsx(LinkButton, { className: "box-border py-s w-full max-w-60 mt-auto", version: version, ...button, children: button?.text })) : null] }, String(i)));
|
|
25
25
|
};
|
|
26
26
|
const getContainerWidth = (length) => (length < 5 ? 'w-72' : 'w-52');
|
|
27
27
|
//# sourceMappingURL=renderStep.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"renderStep.js","sourceRoot":"","sources":["../../../src/components/StepsBlock/renderStep.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAChE,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAC1D,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAU1C,gDAAgD;AAChD,MAAM,CAAC,MAAM,UAAU,GACrB,CAAC,KAAsB,EAAE,EAAE,CAC3B,CAAC,IAAU,EAAE,CAAS,EAAE,GAAW,EAAS,EAAE;IAC5C,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;IAEtB,IAAI,CAAC,CAAC,IAAI,KAAK,SAAS,IAAI,IAAI,KAAK,KAAK,CAAC,EAAE;QAC3C,OAAO,IAAI,CAAC;KACb;IAED,QAAQ,IAAI,EAAE;QACZ,KAAK,SAAS;YACZ,OAAO,iBAAiB,CAAC,KAAK,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,GAAG,CAAC,CAAC;QAChD,KAAK,KAAK;YACR,OAAO,CACL,cAAqB,SAAS,EAAE,KAAK,CAAC,aAAa,EAAE,iBAAiB,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,YACjF,KAAC,QAAQ,IAAC,MAAM,EAAE,IAAI,CAAC,MAAM,GAAI,IADzB,MAAM,CAAC,CAAC,CAAC,CAEb,CACP,CAAC;QACJ;YACE,OAAO,IAAI,CAAC;KACf;AACH,CAAC,CAAC;AAEJ,MAAM,iBAAiB,GACrB,CAAC,EAAE,QAAQ,EAAE,YAAY,EAAE,OAAO,EAAmB,EAAE,EAAE,CACzD,CAAC,IAAiB,EAAE,CAAS,EAAE,GAAW,EAAE,EAAE;IAC5C,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC;IAE7D,OAAO,CACL,eAEE,SAAS,EAAE,KAAK,CACd,iHAAiH,EACjH,iBAAiB,CAAC,GAAG,CAAC,MAAM,CAAC,CAC9B,aAED,eAAK,SAAS,EAAC,
|
|
1
|
+
{"version":3,"file":"renderStep.js","sourceRoot":"","sources":["../../../src/components/StepsBlock/renderStep.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAChE,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAC1D,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAU1C,gDAAgD;AAChD,MAAM,CAAC,MAAM,UAAU,GACrB,CAAC,KAAsB,EAAE,EAAE,CAC3B,CAAC,IAAU,EAAE,CAAS,EAAE,GAAW,EAAS,EAAE;IAC5C,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;IAEtB,IAAI,CAAC,CAAC,IAAI,KAAK,SAAS,IAAI,IAAI,KAAK,KAAK,CAAC,EAAE;QAC3C,OAAO,IAAI,CAAC;KACb;IAED,QAAQ,IAAI,EAAE;QACZ,KAAK,SAAS;YACZ,OAAO,iBAAiB,CAAC,KAAK,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,GAAG,CAAC,CAAC;QAChD,KAAK,KAAK;YACR,OAAO,CACL,cAAqB,SAAS,EAAE,KAAK,CAAC,aAAa,EAAE,iBAAiB,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,YACjF,KAAC,QAAQ,IAAC,MAAM,EAAE,IAAI,CAAC,MAAM,GAAI,IADzB,MAAM,CAAC,CAAC,CAAC,CAEb,CACP,CAAC;QACJ;YACE,OAAO,IAAI,CAAC;KACf;AACH,CAAC,CAAC;AAEJ,MAAM,iBAAiB,GACrB,CAAC,EAAE,QAAQ,EAAE,YAAY,EAAE,OAAO,EAAmB,EAAE,EAAE,CACzD,CAAC,IAAiB,EAAE,CAAS,EAAE,GAAW,EAAE,EAAE;IAC5C,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC;IAE7D,OAAO,CACL,eAEE,SAAS,EAAE,KAAK,CACd,iHAAiH,EACjH,iBAAiB,CAAC,GAAG,CAAC,MAAM,CAAC,CAC9B,aAED,eAAK,SAAS,EAAC,YAAY,aACxB,KAAK,CAAC,CAAC,CAAC,CACP,KAAC,IAAI,IAAC,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,aAAa,YACrC,KAAK,GACD,CACR,CAAC,CAAC,CAAC,IAAI,EACR,eAAK,SAAS,EAAC,oCAAoC,aAChD,WAAW,CAAC,CAAC,CAAC,cAAK,SAAS,EAAE,QAAQ,CAAC,WAAW,YAAG,WAAW,GAAO,CAAC,CAAC,CAAC,IAAI,EAC/E,KAAC,IAAI,IACH,SAAS,EAAE,QAAQ,CAAC,WAAW,EAC/B,KAAK,EAAE,KAAK,EACZ,YAAY,EAAC,GAAG,EAChB,QAAQ,EAAE,QAAQ,GAClB,IACE,IACF,EACL,MAAM,EAAE,IAAI,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CAC/B,KAAC,UAAU,IACT,SAAS,EAAC,yCAAyC,EACnD,OAAO,EAAE,OAA4B,KACjC,MAAM,YAET,MAAM,EAAE,IAAI,GACF,CACd,CAAC,CAAC,CAAC,IAAI,KA9BH,MAAM,CAAC,CAAC,CAAC,CA+BV,CACP,CAAC;AACJ,CAAC,CAAC;AAEJ,MAAM,iBAAiB,GAAG,CAAC,MAAc,EAAU,EAAE,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC"}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { type JSXBlock, type UniBlockProps } from '../../model/JSXBlock';
|
|
2
2
|
import { type VerticalLayoutContent } from './VerticalLayoutContent';
|
|
3
3
|
export interface VerticalLayoutProps extends VerticalLayoutContent, UniBlockProps {
|
|
4
|
-
isInnerBorder?: boolean;
|
|
5
4
|
}
|
|
6
5
|
export declare const VerticalLayout: JSXBlock<VerticalLayoutProps>;
|
|
@@ -5,10 +5,10 @@ import { BlockWrapper } from '../../ui-kit/BlockWrapper.js';
|
|
|
5
5
|
import { getBorderStyle } from '../../utils/getBorderStyle.js';
|
|
6
6
|
import { style } from '../../utils/style.js';
|
|
7
7
|
import { gapStyles } from '../HorizontalLayout/gapStyles.js';
|
|
8
|
-
export const VerticalLayout = JSX(({ className = '',
|
|
8
|
+
export const VerticalLayout = JSX(({ className = '', padding = 'p-0', gap = '', isInnerPadding = true, version = 'transparent', isTheme = false, isCardBorder = false, ...rest }) => (_jsx(BlockWrapper, { className: style('relative flex flex-col', gapStyles[gap], className), padding: padding, version: version, isTheme: isTheme, ...rest, children: renderChildren({
|
|
9
9
|
...rest,
|
|
10
10
|
extraProps: {
|
|
11
|
-
className: style('w-full', getBorderStyle(
|
|
11
|
+
className: style('w-full', getBorderStyle(isCardBorder)),
|
|
12
12
|
padding: isInnerPadding ? '' : 'p-0',
|
|
13
13
|
},
|
|
14
14
|
}) })));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VerticalLayout.js","sourceRoot":"","sources":["../../../src/components/VerticalLayout/VerticalLayout.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AAEpE,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;
|
|
1
|
+
{"version":3,"file":"VerticalLayout.js","sourceRoot":"","sources":["../../../src/components/VerticalLayout/VerticalLayout.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AAEpE,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAK1D,MAAM,CAAC,MAAM,cAAc,GAAkC,GAAG,CAC9D,CAAC,EACC,SAAS,GAAG,EAAE,EACd,OAAO,GAAG,KAAK,EACf,GAAG,GAAG,EAAE,EACR,cAAc,GAAG,IAAI,EACrB,OAAO,GAAG,aAAa,EACvB,OAAO,GAAG,KAAK,EACf,YAAY,GAAG,KAAK,EACpB,GAAG,IAAI,EACR,EAAE,EAAE,CAAC,CACJ,KAAC,YAAY,IACX,SAAS,EAAE,KAAK,CAAC,wBAAwB,EAAE,SAAS,CAAC,GAAG,CAAC,EAAE,SAAS,CAAC,EACrE,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,KACZ,IAAI,YAEP,cAAc,CAAC;QACd,GAAG,IAAI;QACP,UAAU,EAAE;YACV,SAAS,EAAE,KAAK,CAAC,QAAQ,EAAE,cAAc,CAAC,YAAY,CAAC,CAAC;YACxD,OAAO,EAAE,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK;SACrC;KACF,CAAC,GACW,CAChB,CACF,CAAC;AAEF,cAAc,CAAC,aAAa,GAAG,EAAE,CAAC"}
|
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
import { type UniBlockContent } from '../../model/JSXBlock';
|
|
2
2
|
import { type GapVersion } from '../HorizontalLayout/HorizontalLayoutContent';
|
|
3
|
-
|
|
4
|
-
* @title Вертикальный компоновщик
|
|
5
|
-
*/
|
|
6
|
-
export declare type VerticalLayoutContent = UniBlockContent & {
|
|
3
|
+
export declare type LayoutCommitProps = {
|
|
7
4
|
gap?: GapVersion;
|
|
8
|
-
/** @title
|
|
9
|
-
|
|
5
|
+
/** @title контур на дочерних элементах */
|
|
6
|
+
isCardBorder?: boolean;
|
|
10
7
|
/** @title Отступы вложенных компонентов */
|
|
11
8
|
isInnerPadding?: boolean;
|
|
12
9
|
};
|
|
10
|
+
/**
|
|
11
|
+
* @title Вертикальный компоновщик
|
|
12
|
+
*/
|
|
13
|
+
export declare type VerticalLayoutContent = UniBlockContent & LayoutCommitProps;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { type ColorPalette } from '../../model/ContentPageDef';
|
|
2
1
|
import { type UniBlockContent } from '../../model/JSXBlock';
|
|
2
|
+
import { type LayoutCommitProps } from '../VerticalLayout/VerticalLayoutContent';
|
|
3
3
|
|
|
4
4
|
/**
|
|
5
5
|
* @title Отступ между компонентами
|
|
@@ -10,11 +10,4 @@ export type GapVersion = 'XXL' | 'XL' | 'L' | 'M' | 'S' | 'XS' | '';
|
|
|
10
10
|
/**
|
|
11
11
|
* @title Горизонтальный компоновщик
|
|
12
12
|
*/
|
|
13
|
-
export type HorizontalLayoutContent = UniBlockContent &
|
|
14
|
-
colorPalette?: ColorPalette;
|
|
15
|
-
gap?: GapVersion;
|
|
16
|
-
/** @title контур на дочерних элементах */
|
|
17
|
-
isCardBorder?: boolean;
|
|
18
|
-
/** @title Внутренний отступ компоновщика */
|
|
19
|
-
isPadding?: boolean;
|
|
20
|
-
};
|
|
13
|
+
export type HorizontalLayoutContent = UniBlockContent & LayoutCommitProps;
|
|
@@ -5,6 +5,7 @@ import { type SizeVersion } from '../../model/SizeVersion';
|
|
|
5
5
|
import { BlockWrapper } from '../../ui-kit/BlockWrapper';
|
|
6
6
|
import { Img } from '../../ui-kit/Img/Img';
|
|
7
7
|
import { renderButtonsSection } from '../../ui-kit/LinkButton/renderButtonsSection';
|
|
8
|
+
import { Paragraph } from '../../ui-kit/Paragraph/Paragraph';
|
|
8
9
|
import { RichText } from '../../ui-kit/RichText/RichText';
|
|
9
10
|
import { assertUnreachable } from '../../utils/assertUnreachable';
|
|
10
11
|
import { isIcon } from '../../utils/isIcon';
|
|
@@ -101,7 +102,11 @@ const renderDefaultStep =
|
|
|
101
102
|
STEPS_TILE_DESCRIPTION_HEIGHT_MAP[size],
|
|
102
103
|
)}
|
|
103
104
|
>
|
|
104
|
-
{step.label ?
|
|
105
|
+
{step.label ? (
|
|
106
|
+
<Paragraph size="text-l" align="text-left">
|
|
107
|
+
{step.label}
|
|
108
|
+
</Paragraph>
|
|
109
|
+
) : null}
|
|
105
110
|
{step.description ? (
|
|
106
111
|
<div className={style('text-s font-light text-left', styleMap.description)}>
|
|
107
112
|
{step.description}
|
|
@@ -52,11 +52,11 @@ const renderDefaultStep =
|
|
|
52
52
|
getContainerWidth(arr.length),
|
|
53
53
|
)}
|
|
54
54
|
>
|
|
55
|
-
<div className="
|
|
55
|
+
<div className="space-y-xs">
|
|
56
56
|
{label ? (
|
|
57
|
-
<
|
|
58
|
-
|
|
59
|
-
</
|
|
57
|
+
<Text size="text-h6" align="text-center">
|
|
58
|
+
{label}
|
|
59
|
+
</Text>
|
|
60
60
|
) : null}
|
|
61
61
|
<div className="flex flex-col items-center gap-3xs">
|
|
62
62
|
{description ? <div className={styleMap.description}>{description}</div> : null}
|
|
@@ -7,24 +7,22 @@ import { style } from '../../utils/style';
|
|
|
7
7
|
import { gapStyles } from '../HorizontalLayout/gapStyles';
|
|
8
8
|
import { type VerticalLayoutContent } from './VerticalLayoutContent';
|
|
9
9
|
|
|
10
|
-
export interface VerticalLayoutProps extends VerticalLayoutContent, UniBlockProps {
|
|
11
|
-
isInnerBorder?: boolean;
|
|
12
|
-
}
|
|
10
|
+
export interface VerticalLayoutProps extends VerticalLayoutContent, UniBlockProps {}
|
|
13
11
|
|
|
14
12
|
export const VerticalLayout: JSXBlock<VerticalLayoutProps> = JSX<VerticalLayoutProps>(
|
|
15
13
|
({
|
|
16
14
|
className = '',
|
|
15
|
+
padding = 'p-0',
|
|
17
16
|
gap = '',
|
|
18
|
-
isPadding = false,
|
|
19
17
|
isInnerPadding = true,
|
|
20
18
|
version = 'transparent',
|
|
21
19
|
isTheme = false,
|
|
22
|
-
|
|
20
|
+
isCardBorder = false,
|
|
23
21
|
...rest
|
|
24
22
|
}) => (
|
|
25
23
|
<BlockWrapper
|
|
26
24
|
className={style('relative flex flex-col', gapStyles[gap], className)}
|
|
27
|
-
|
|
25
|
+
padding={padding}
|
|
28
26
|
version={version}
|
|
29
27
|
isTheme={isTheme}
|
|
30
28
|
{...rest}
|
|
@@ -32,7 +30,7 @@ export const VerticalLayout: JSXBlock<VerticalLayoutProps> = JSX<VerticalLayoutP
|
|
|
32
30
|
{renderChildren({
|
|
33
31
|
...rest,
|
|
34
32
|
extraProps: {
|
|
35
|
-
className: style('w-full', getBorderStyle(
|
|
33
|
+
className: style('w-full', getBorderStyle(isCardBorder)),
|
|
36
34
|
padding: isInnerPadding ? '' : 'p-0',
|
|
37
35
|
},
|
|
38
36
|
})}
|
|
@@ -1,13 +1,15 @@
|
|
|
1
1
|
import { type UniBlockContent } from '../../model/JSXBlock';
|
|
2
2
|
import { type GapVersion } from '../HorizontalLayout/HorizontalLayoutContent';
|
|
3
3
|
|
|
4
|
-
|
|
5
|
-
* @title Вертикальный компоновщик
|
|
6
|
-
*/
|
|
7
|
-
export type VerticalLayoutContent = UniBlockContent & {
|
|
4
|
+
export type LayoutCommitProps = {
|
|
8
5
|
gap?: GapVersion;
|
|
9
|
-
/** @title
|
|
10
|
-
|
|
6
|
+
/** @title контур на дочерних элементах */
|
|
7
|
+
isCardBorder?: boolean;
|
|
11
8
|
/** @title Отступы вложенных компонентов */
|
|
12
9
|
isInnerPadding?: boolean;
|
|
13
10
|
};
|
|
11
|
+
|
|
12
|
+
/**
|
|
13
|
+
* @title Вертикальный компоновщик
|
|
14
|
+
*/
|
|
15
|
+
export type VerticalLayoutContent = UniBlockContent & LayoutCommitProps;
|
package/package.json
CHANGED
|
@@ -12,8 +12,8 @@ interface HorizontalLayoutProps extends HorizontalLayoutContent, UniBlockProps {
|
|
|
12
12
|
export const HorizontalLayout: JSXBlock<HorizontalLayoutProps> = JSX<HorizontalLayoutProps>(
|
|
13
13
|
({
|
|
14
14
|
className = '',
|
|
15
|
+
padding = 'p-0',
|
|
15
16
|
gap = 'XS',
|
|
16
|
-
isPadding = false,
|
|
17
17
|
version = 'transparent',
|
|
18
18
|
isTheme = false,
|
|
19
19
|
isCardBorder,
|
|
@@ -21,7 +21,7 @@ export const HorizontalLayout: JSXBlock<HorizontalLayoutProps> = JSX<HorizontalL
|
|
|
21
21
|
}) => (
|
|
22
22
|
<BlockWrapper
|
|
23
23
|
className={style('relative', 'grid grid-cols-12', gapStyles[gap], className)}
|
|
24
|
-
|
|
24
|
+
padding={padding}
|
|
25
25
|
version={version}
|
|
26
26
|
isTheme={isTheme}
|
|
27
27
|
{...rest}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { type ColorPalette } from '../../model/ContentPageDef';
|
|
2
1
|
import { type UniBlockContent } from '../../model/JSXBlock';
|
|
2
|
+
import { type LayoutCommitProps } from '../VerticalLayout/VerticalLayoutContent';
|
|
3
3
|
|
|
4
4
|
/**
|
|
5
5
|
* @title Отступ между компонентами
|
|
@@ -10,11 +10,4 @@ export type GapVersion = 'XXL' | 'XL' | 'L' | 'M' | 'S' | 'XS' | '';
|
|
|
10
10
|
/**
|
|
11
11
|
* @title Горизонтальный компоновщик
|
|
12
12
|
*/
|
|
13
|
-
export type HorizontalLayoutContent = UniBlockContent &
|
|
14
|
-
colorPalette?: ColorPalette;
|
|
15
|
-
gap?: GapVersion;
|
|
16
|
-
/** @title контур на дочерних элементах */
|
|
17
|
-
isCardBorder?: boolean;
|
|
18
|
-
/** @title Внутренний отступ компоновщика */
|
|
19
|
-
isPadding?: boolean;
|
|
20
|
-
};
|
|
13
|
+
export type HorizontalLayoutContent = UniBlockContent & LayoutCommitProps;
|
|
@@ -5,6 +5,7 @@ import { type SizeVersion } from '../../model/SizeVersion';
|
|
|
5
5
|
import { BlockWrapper } from '../../ui-kit/BlockWrapper';
|
|
6
6
|
import { Img } from '../../ui-kit/Img/Img';
|
|
7
7
|
import { renderButtonsSection } from '../../ui-kit/LinkButton/renderButtonsSection';
|
|
8
|
+
import { Paragraph } from '../../ui-kit/Paragraph/Paragraph';
|
|
8
9
|
import { RichText } from '../../ui-kit/RichText/RichText';
|
|
9
10
|
import { assertUnreachable } from '../../utils/assertUnreachable';
|
|
10
11
|
import { isIcon } from '../../utils/isIcon';
|
|
@@ -101,7 +102,11 @@ const renderDefaultStep =
|
|
|
101
102
|
STEPS_TILE_DESCRIPTION_HEIGHT_MAP[size],
|
|
102
103
|
)}
|
|
103
104
|
>
|
|
104
|
-
{step.label ?
|
|
105
|
+
{step.label ? (
|
|
106
|
+
<Paragraph size="text-l" align="text-left">
|
|
107
|
+
{step.label}
|
|
108
|
+
</Paragraph>
|
|
109
|
+
) : null}
|
|
105
110
|
{step.description ? (
|
|
106
111
|
<div className={style('text-s font-light text-left', styleMap.description)}>
|
|
107
112
|
{step.description}
|
|
@@ -52,11 +52,11 @@ const renderDefaultStep =
|
|
|
52
52
|
getContainerWidth(arr.length),
|
|
53
53
|
)}
|
|
54
54
|
>
|
|
55
|
-
<div className="
|
|
55
|
+
<div className="space-y-xs">
|
|
56
56
|
{label ? (
|
|
57
|
-
<
|
|
58
|
-
|
|
59
|
-
</
|
|
57
|
+
<Text size="text-h6" align="text-center">
|
|
58
|
+
{label}
|
|
59
|
+
</Text>
|
|
60
60
|
) : null}
|
|
61
61
|
<div className="flex flex-col items-center gap-3xs">
|
|
62
62
|
{description ? <div className={styleMap.description}>{description}</div> : null}
|
|
@@ -76,7 +76,7 @@ export default {
|
|
|
76
76
|
className="col-span-12"
|
|
77
77
|
gap="M"
|
|
78
78
|
version="primary"
|
|
79
|
-
|
|
79
|
+
padding="p-6xl"
|
|
80
80
|
isInnerPadding={false}
|
|
81
81
|
isTheme={false}
|
|
82
82
|
block={{
|
|
@@ -113,12 +113,29 @@ export default {
|
|
|
113
113
|
/>
|
|
114
114
|
</div>
|
|
115
115
|
),
|
|
116
|
+
innerBorder: (
|
|
117
|
+
<div className="container grid grid-cols-12">
|
|
118
|
+
<VerticalLayout
|
|
119
|
+
className="col-span-12"
|
|
120
|
+
isCardBorder={true}
|
|
121
|
+
gap="M"
|
|
122
|
+
block={{
|
|
123
|
+
type: 'VerticalLayout',
|
|
124
|
+
blocks: [
|
|
125
|
+
{ type: 'ProductBlock', content: PRODUCT_BLOCK_WITH_IMAGE },
|
|
126
|
+
{ type: 'ProductBlock', content: PRODUCT_BLOCK_WITH_IMAGE },
|
|
127
|
+
],
|
|
128
|
+
}}
|
|
129
|
+
options={options}
|
|
130
|
+
/>
|
|
131
|
+
</div>
|
|
132
|
+
),
|
|
116
133
|
rollup: (
|
|
117
134
|
<div className="container grid grid-cols-12">
|
|
118
135
|
<VerticalLayout
|
|
119
136
|
className="col-span-12"
|
|
120
137
|
version="primary"
|
|
121
|
-
|
|
138
|
+
padding="p-6xl"
|
|
122
139
|
block={{
|
|
123
140
|
type: 'VerticalLayout',
|
|
124
141
|
blocks: [
|