@redneckz/wildless-cms-uni-blocks 0.14.49 → 0.14.50
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.31.js +66 -0
- package/bundle/blocks.schema.json +1 -1
- package/bundle/bundle.umd.js +27 -34
- package/bundle/bundle.umd.min.js +1 -1
- package/bundle/model/JSXBlock.d.ts +2 -2
- package/bundle/ui-kit/BaseProductTile/BaseProductTile.d.ts +1 -0
- package/bundle/ui-kit/BaseTile/BaseTile.d.ts +1 -0
- package/dist/components/Blocks.js +0 -4
- package/dist/components/Blocks.js.map +1 -1
- package/dist/components/Blocks.mobile.js +0 -4
- package/dist/components/Blocks.mobile.js.map +1 -1
- package/dist/components/ProductBlock/ProductBlock.js +1 -13
- package/dist/components/ProductBlock/ProductBlock.js.map +1 -1
- package/dist/model/JSXBlock.d.ts +2 -2
- package/dist/ui-kit/BaseProductTile/BaseProductTile.d.ts +1 -0
- package/dist/ui-kit/BaseProductTile/BaseProductTile.js +2 -2
- package/dist/ui-kit/BaseProductTile/BaseProductTile.js.map +1 -1
- package/dist/ui-kit/BaseTile/BaseTile.d.ts +1 -0
- package/dist/ui-kit/BaseTile/BaseTile.js +16 -5
- package/dist/ui-kit/BaseTile/BaseTile.js.map +1 -1
- package/lib/common.css +1 -1
- package/lib/components/Blocks.js +0 -4
- package/lib/components/Blocks.js.map +1 -1
- package/lib/components/Blocks.mobile.js +0 -4
- package/lib/components/Blocks.mobile.js.map +1 -1
- package/lib/components/ProductBlock/ProductBlock.fixture.d.ts +1 -0
- package/lib/components/ProductBlock/ProductBlock.fixture.mobile.d.ts +2 -0
- package/lib/components/ProductBlock/ProductBlock.js +2 -14
- package/lib/components/ProductBlock/ProductBlock.js.map +1 -1
- package/lib/model/JSXBlock.d.ts +2 -2
- package/lib/ui-kit/BaseProductTile/BaseProductTile.d.ts +1 -0
- package/lib/ui-kit/BaseProductTile/BaseProductTile.js +2 -2
- package/lib/ui-kit/BaseProductTile/BaseProductTile.js.map +1 -1
- package/lib/ui-kit/BaseTile/BaseTile.d.ts +1 -0
- package/lib/ui-kit/BaseTile/BaseTile.js +16 -5
- package/lib/ui-kit/BaseTile/BaseTile.js.map +1 -1
- package/mobile/bundle/bundle.umd.js +27 -34
- package/mobile/bundle/bundle.umd.min.js +1 -1
- package/mobile/bundle/model/JSXBlock.d.ts +2 -2
- package/mobile/bundle/ui-kit/BaseProductTile/BaseProductTile.d.ts +1 -0
- package/mobile/bundle/ui-kit/BaseTile/BaseTile.d.ts +1 -0
- package/mobile/dist/components/Blocks.js +0 -4
- package/mobile/dist/components/Blocks.js.map +1 -1
- package/mobile/dist/components/ProductBlock/ProductBlock.js +1 -13
- package/mobile/dist/components/ProductBlock/ProductBlock.js.map +1 -1
- package/mobile/dist/model/JSXBlock.d.ts +2 -2
- package/mobile/dist/ui-kit/BaseProductTile/BaseProductTile.d.ts +1 -0
- package/mobile/dist/ui-kit/BaseProductTile/BaseProductTile.js +2 -2
- package/mobile/dist/ui-kit/BaseProductTile/BaseProductTile.js.map +1 -1
- package/mobile/dist/ui-kit/BaseTile/BaseTile.d.ts +1 -0
- package/mobile/dist/ui-kit/BaseTile/BaseTile.js +16 -5
- package/mobile/dist/ui-kit/BaseTile/BaseTile.js.map +1 -1
- package/mobile/lib/common.css +1 -1
- package/mobile/lib/components/Blocks.js +0 -4
- package/mobile/lib/components/Blocks.js.map +1 -1
- package/mobile/lib/components/ProductBlock/ProductBlock.js +2 -14
- package/mobile/lib/components/ProductBlock/ProductBlock.js.map +1 -1
- package/mobile/lib/model/JSXBlock.d.ts +2 -2
- package/mobile/lib/ui-kit/BaseProductTile/BaseProductTile.d.ts +1 -0
- package/mobile/lib/ui-kit/BaseProductTile/BaseProductTile.js +2 -2
- package/mobile/lib/ui-kit/BaseProductTile/BaseProductTile.js.map +1 -1
- package/mobile/lib/ui-kit/BaseTile/BaseTile.d.ts +1 -0
- package/mobile/lib/ui-kit/BaseTile/BaseTile.js +16 -5
- package/mobile/lib/ui-kit/BaseTile/BaseTile.js.map +1 -1
- package/mobile/src/common.css +4 -0
- package/mobile/src/components/Blocks.ts +0 -4
- package/mobile/src/components/ProductBlock/ProductBlock.tsx +13 -32
- package/mobile/src/model/JSXBlock.ts +2 -2
- package/mobile/src/ui-kit/BaseProductTile/BaseProductTile.tsx +5 -1
- package/mobile/src/ui-kit/BaseTile/BaseTile.tsx +48 -35
- package/package.json +1 -1
- package/src/common.css +4 -0
- package/src/components/Blocks.mobile.ts +0 -4
- package/src/components/Blocks.ts +0 -4
- package/src/components/DepositFiltration/DepositFiltration.fixture.mobile.tsx +5 -5
- package/src/components/DepositFiltration/DepositFiltration.fixture.tsx +5 -5
- package/src/components/HorizontalLayout/HorizontalLayout.fixture.tsx +15 -15
- package/src/components/MortgageFiltration/MortgageFiltration.fixture.mobile.tsx +8 -8
- package/src/components/MortgageFiltration/MortgageFiltration.fixture.tsx +8 -8
- package/src/components/ProductBlock/ProductBlock.fixture.mobile.tsx +41 -0
- package/src/components/ProductBlock/ProductBlock.fixture.tsx +40 -0
- package/src/components/ProductBlock/ProductBlock.tsx +13 -32
- package/src/components/SwipeListControlBlock/SwipeListControlBlock.fixture.mobile.tsx +9 -9
- package/src/components/SwipeListControlBlock/SwipeListControlBlock.fixture.tsx +11 -11
- package/src/components/VerticalLayout/VerticalLayout.fixture.mobile.tsx +3 -3
- package/src/components/VerticalLayout/VerticalLayout.fixture.tsx +9 -10
- package/src/model/JSXBlock.ts +2 -2
- package/src/ui-kit/BaseProductTile/BaseProductTile.tsx +5 -1
- package/src/ui-kit/BaseTile/BaseTile.tsx +48 -35
- package/bundle/components/ProductTile/ProductTile.d.ts +0 -5
- package/bundle/components/ProductTile/ProductTileContent.d.ts +0 -7
- package/bundle/components/Tile/Tile.d.ts +0 -5
- package/bundle/components/Tile/TileContent.d.ts +0 -6
- package/dist/components/ProductTile/ProductTile.d.ts +0 -5
- package/dist/components/ProductTile/ProductTile.js +0 -9
- package/dist/components/ProductTile/ProductTile.js.map +0 -1
- package/dist/components/ProductTile/ProductTileContent.d.ts +0 -7
- package/dist/components/ProductTile/ProductTileContent.js +0 -2
- package/dist/components/ProductTile/ProductTileContent.js.map +0 -1
- package/dist/components/Tile/Tile.d.ts +0 -5
- package/dist/components/Tile/Tile.js +0 -8
- package/dist/components/Tile/Tile.js.map +0 -1
- package/dist/components/Tile/TileContent.d.ts +0 -6
- package/dist/components/Tile/TileContent.js +0 -2
- package/dist/components/Tile/TileContent.js.map +0 -1
- package/lib/components/ProductTile/ProductTile.d.ts +0 -5
- package/lib/components/ProductTile/ProductTile.fixture.d.ts +0 -17
- package/lib/components/ProductTile/ProductTile.fixture.mobile.d.ts +0 -16
- package/lib/components/ProductTile/ProductTile.js +0 -7
- package/lib/components/ProductTile/ProductTile.js.map +0 -1
- package/lib/components/ProductTile/ProductTileContent.d.ts +0 -7
- package/lib/components/ProductTile/ProductTileContent.js +0 -2
- package/lib/components/ProductTile/ProductTileContent.js.map +0 -1
- package/lib/components/Tile/Tile.d.ts +0 -5
- package/lib/components/Tile/Tile.fixture.d.ts +0 -15
- package/lib/components/Tile/Tile.fixture.mobile.d.ts +0 -9
- package/lib/components/Tile/Tile.js +0 -6
- package/lib/components/Tile/Tile.js.map +0 -1
- package/lib/components/Tile/TileContent.d.ts +0 -6
- package/lib/components/Tile/TileContent.js +0 -2
- package/lib/components/Tile/TileContent.js.map +0 -1
- package/mobile/bundle/components/ProductTile/ProductTile.d.ts +0 -5
- package/mobile/bundle/components/ProductTile/ProductTileContent.d.ts +0 -7
- package/mobile/bundle/components/Tile/Tile.d.ts +0 -5
- package/mobile/bundle/components/Tile/TileContent.d.ts +0 -6
- package/mobile/dist/components/ProductTile/ProductTile.d.ts +0 -5
- package/mobile/dist/components/ProductTile/ProductTile.js +0 -9
- package/mobile/dist/components/ProductTile/ProductTile.js.map +0 -1
- package/mobile/dist/components/ProductTile/ProductTileContent.d.ts +0 -7
- package/mobile/dist/components/ProductTile/ProductTileContent.js +0 -2
- package/mobile/dist/components/ProductTile/ProductTileContent.js.map +0 -1
- package/mobile/dist/components/Tile/Tile.d.ts +0 -5
- package/mobile/dist/components/Tile/Tile.js +0 -8
- package/mobile/dist/components/Tile/Tile.js.map +0 -1
- package/mobile/dist/components/Tile/TileContent.d.ts +0 -6
- package/mobile/dist/components/Tile/TileContent.js +0 -2
- package/mobile/dist/components/Tile/TileContent.js.map +0 -1
- package/mobile/lib/components/ProductTile/ProductTile.d.ts +0 -5
- package/mobile/lib/components/ProductTile/ProductTile.js +0 -7
- package/mobile/lib/components/ProductTile/ProductTile.js.map +0 -1
- package/mobile/lib/components/ProductTile/ProductTileContent.d.ts +0 -7
- package/mobile/lib/components/ProductTile/ProductTileContent.js +0 -2
- package/mobile/lib/components/ProductTile/ProductTileContent.js.map +0 -1
- package/mobile/lib/components/Tile/Tile.d.ts +0 -5
- package/mobile/lib/components/Tile/Tile.js +0 -6
- package/mobile/lib/components/Tile/Tile.js.map +0 -1
- package/mobile/lib/components/Tile/TileContent.d.ts +0 -6
- package/mobile/lib/components/Tile/TileContent.js +0 -2
- package/mobile/lib/components/Tile/TileContent.js.map +0 -1
- package/mobile/src/components/ProductTile/ProductTile.example.json +0 -44
- package/mobile/src/components/ProductTile/ProductTile.tsx +0 -40
- package/mobile/src/components/ProductTile/ProductTile.ui.json +0 -17
- package/mobile/src/components/ProductTile/ProductTileContent.ts +0 -10
- package/mobile/src/components/Tile/Tile.example.json +0 -28
- package/mobile/src/components/Tile/Tile.tsx +0 -23
- package/mobile/src/components/Tile/Tile.ui.json +0 -17
- package/mobile/src/components/Tile/TileContent.ts +0 -7
- package/src/components/ProductTile/ProductTile.example.json +0 -44
- package/src/components/ProductTile/ProductTile.fixture.mobile.tsx +0 -217
- package/src/components/ProductTile/ProductTile.fixture.tsx +0 -227
- package/src/components/ProductTile/ProductTile.tsx +0 -40
- package/src/components/ProductTile/ProductTile.ui.json +0 -17
- package/src/components/ProductTile/ProductTileContent.ts +0 -10
- package/src/components/Tile/Tile.example.json +0 -28
- package/src/components/Tile/Tile.fixture.mobile.tsx +0 -48
- package/src/components/Tile/Tile.fixture.tsx +0 -146
- package/src/components/Tile/Tile.tsx +0 -23
- package/src/components/Tile/Tile.ui.json +0 -17
- package/src/components/Tile/TileContent.ts +0 -7
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import '../../setup-fixture';
|
|
3
3
|
import { type ProductBlockContent } from './ProductBlockContent';
|
|
4
|
+
export declare const PRODUCT_BLOCK_WITH_IMAGE: ProductBlockContent;
|
|
4
5
|
export declare const PRODUCT_BLOCK: ProductBlockContent;
|
|
5
6
|
declare const _default: {
|
|
6
7
|
'primary with back button': JSX.Element;
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import '../../setup-fixture';
|
|
3
|
+
import { type ProductBlockContent } from './ProductBlockContent';
|
|
4
|
+
export declare const PRODUCT_BLOCK_WITH_IMAGE: ProductBlockContent;
|
|
3
5
|
declare const _default: {
|
|
4
6
|
default: JSX.Element;
|
|
5
7
|
items: JSX.Element;
|
|
@@ -1,20 +1,8 @@
|
|
|
1
|
-
import { jsx as _jsx
|
|
1
|
+
import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
|
|
2
2
|
import { JSX } from '@redneckz/uni-jsx';
|
|
3
|
-
import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
|
|
4
|
-
import { useRouter } from '../../hooks/useRouter.js';
|
|
5
3
|
import { BaseProductTile } from '../../ui-kit/BaseProductTile/BaseProductTile.js';
|
|
6
4
|
import { BlockWrapper } from '../../ui-kit/BlockWrapper.js';
|
|
7
5
|
import { getBorderStyle } from '../../utils/getBorderStyle.js';
|
|
8
6
|
import { style } from '../../utils/style.js';
|
|
9
|
-
|
|
10
|
-
export const ProductBlock = JSX(({ className, padding, backwardButton, showBorder, ...rest }) => {
|
|
11
|
-
const router = useRouter();
|
|
12
|
-
const handleClick = useCallback((ev) => {
|
|
13
|
-
ev?.preventDefault();
|
|
14
|
-
router.back();
|
|
15
|
-
}, []);
|
|
16
|
-
return (_jsxs(BlockWrapper, { className: style('overflow-hidden flex flex-col gap-3xl box-border', getBorderStyle(showBorder), className), defaultPadding: "p-6xl", padding: padding, ...rest, children: [backwardButton
|
|
17
|
-
? renderBackwardButton(!rest.version || rest.version === 'primary' ? 'primary' : 'white', handleClick)
|
|
18
|
-
: null, _jsx(BaseProductTile, { className: "grow h-full", ...rest })] }));
|
|
19
|
-
});
|
|
7
|
+
export const ProductBlock = JSX(({ className, padding, showBorder, ...rest }) => (_jsx(BlockWrapper, { className: style('overflow-hidden flex flex-col gap-3xl box-border', getBorderStyle(showBorder), className), padding: "p-0", ...rest, children: _jsx(BaseProductTile, { defaultPadding: "p-6xl", padding: padding, className: "grow h-full", ...rest }) })));
|
|
20
8
|
//# sourceMappingURL=ProductBlock.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProductBlock.js","sourceRoot":"","sources":["../../../src/components/ProductBlock/ProductBlock.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"ProductBlock.js","sourceRoot":"","sources":["../../../src/components/ProductBlock/ProductBlock.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,eAAe,EAAE,MAAM,8CAA8C,CAAC;AAC/E,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAK1C,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAC7B,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,UAAU,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE,CAAC,CAC/C,KAAC,YAAY,IACX,SAAS,EAAE,KAAK,CACd,kDAAkD,EAClD,cAAc,CAAC,UAAU,CAAC,EAC1B,SAAS,CACV,EACD,OAAO,EAAC,KAAK,KACT,IAAI,YAER,KAAC,eAAe,IAAC,cAAc,EAAC,OAAO,EAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,aAAa,KAAK,IAAI,GAAI,GACjF,CAChB,CACF,CAAC"}
|
package/lib/model/JSXBlock.d.ts
CHANGED
|
@@ -8,9 +8,9 @@ import { type VNode } from './VNode';
|
|
|
8
8
|
/**
|
|
9
9
|
* @title Внутренний отступ
|
|
10
10
|
* @default ""
|
|
11
|
-
* @enumNames ["По умолчанию", "Большой", "Средний", "Маленький", "Оч. маленький", "Нулевой"]
|
|
11
|
+
* @enumNames ["По умолчанию", "Оч. Большой", "Большой", "Средний", "Маленький", "Оч. маленький", "Нулевой"]
|
|
12
12
|
*/
|
|
13
|
-
export declare type UniBlockPadding = '' | 'p-3xl' | 'p-xl' | 'p-m' | 'p-xs' | 'p-0';
|
|
13
|
+
export declare type UniBlockPadding = '' | 'p-6xl' | 'p-3xl' | 'p-xl' | 'p-m' | 'p-xs' | 'p-0';
|
|
14
14
|
export interface UniBlockContent {
|
|
15
15
|
version?: BlockVersion;
|
|
16
16
|
/**
|
|
@@ -2,6 +2,7 @@ import { type UniBlockProps } from '../../model/JSXBlock';
|
|
|
2
2
|
import { type VNode } from '../../model/VNode';
|
|
3
3
|
import { type BaseProductTileContent } from './BaseProductTileContent';
|
|
4
4
|
interface BaseProductTileProps extends UniBlockProps, BaseProductTileContent {
|
|
5
|
+
backwardButton?: boolean;
|
|
5
6
|
}
|
|
6
7
|
export declare const BaseProductTile: import("@redneckz/uni-jsx").UNIComponent<BaseProductTileProps, any, any>;
|
|
7
8
|
export declare const leftOrRightImage: (img: VNode, directionRight: boolean) => {
|
|
@@ -9,11 +9,11 @@ import { List } from '../List/List.js';
|
|
|
9
9
|
import { PriceList } from '../PriceList/PriceList.js';
|
|
10
10
|
import { RichText } from '../RichText/RichText.js';
|
|
11
11
|
import { Tags } from '../Tags/Tags.js';
|
|
12
|
-
export const BaseProductTile = JSX(({ className, padding, defaultPadding, title, description, headlineVersion = 'L', align = 'text-left', benefitsVersion, isTabularBenefits, benefits, __html, isFullWidthTitle, items, isDotted = true, priceList = [], listItemSize, tags = [], buttons, image, imageOptions: { imageAlign = 'center', directionRight = true, isImageAlwaysOnRight, isImageSecondary = false, } = {}, children, }) => {
|
|
12
|
+
export const BaseProductTile = JSX(({ className, padding, defaultPadding, title, description, headlineVersion = 'L', align = 'text-left', benefitsVersion, isTabularBenefits, benefits, __html, isFullWidthTitle, items, isDotted = true, priceList = [], listItemSize, tags = [], buttons, image, imageOptions: { imageAlign = 'center', directionRight = true, isImageAlwaysOnRight, isImageSecondary = false, } = {}, backwardButton, children, }) => {
|
|
13
13
|
const img = image?.src ? _jsx(Img, { image: image }) : null;
|
|
14
14
|
const headline = renderHeadline({ title, description, headlineVersion, align });
|
|
15
15
|
const filteredBenefits = benefits?.filter((_) => _?.type === 'rte' || 'label' in _ || 'description' in _);
|
|
16
|
-
return (_jsx(BaseTile, { className: className, padding: padding, defaultPadding: defaultPadding, ...(isFullWidthTitle ? { title: headline } : { insetTitle: headline }), ...leftOrRightImage(img, directionRight), isImageSecondary: isImageSecondary, imageAlign: imageAlign, isImageAlwaysOnRight: isImageAlwaysOnRight, buttons: renderButtonsSection(buttons), children: _jsxs("div", { className: "flex flex-col sm:gap-xl gap-4xl", children: [filteredBenefits?.length ? (_jsx(BenefitsList, { benefitsVersion: benefitsVersion, isTabularBenefits: isTabularBenefits, benefits: filteredBenefits })) : null, __html ? _jsx(RichText, { __html: __html }) : null, items?.length ? (_jsx(List, { items: items, isDotted: isDotted, listItemSize: listItemSize })) : null, children, priceList?.length ? _jsx(PriceList, { priceList: priceList }) : null, renderTags(tags)] }) }));
|
|
16
|
+
return (_jsx(BaseTile, { className: className, padding: padding, defaultPadding: defaultPadding, ...(isFullWidthTitle ? { title: headline } : { insetTitle: headline }), ...leftOrRightImage(img, directionRight), isImageSecondary: isImageSecondary, imageAlign: imageAlign, isImageAlwaysOnRight: isImageAlwaysOnRight, buttons: renderButtonsSection(buttons), backwardButton: backwardButton, children: _jsxs("div", { className: "flex flex-col sm:gap-xl gap-4xl", children: [filteredBenefits?.length ? (_jsx(BenefitsList, { benefitsVersion: benefitsVersion, isTabularBenefits: isTabularBenefits, benefits: filteredBenefits })) : null, __html ? _jsx(RichText, { __html: __html }) : null, items?.length ? (_jsx(List, { items: items, isDotted: isDotted, listItemSize: listItemSize })) : null, children, priceList?.length ? _jsx(PriceList, { priceList: priceList }) : null, renderTags(tags)] }) }));
|
|
17
17
|
});
|
|
18
18
|
export const leftOrRightImage = (img, directionRight) => directionRight ? { rightImage: img } : { leftImage: img };
|
|
19
19
|
const renderTags = (tags) => (tags?.length ? _jsx(Tags, { tags: tags }) : null);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BaseProductTile.js","sourceRoot":"","sources":["../../../src/ui-kit/BaseProductTile/BaseProductTile.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AAI9D,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAC5D,OAAO,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AACtE,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AACjC,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"BaseProductTile.js","sourceRoot":"","sources":["../../../src/ui-kit/BaseProductTile/BaseProductTile.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AAI9D,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAC5D,OAAO,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AACtE,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AACjC,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAQpC,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,CAChC,CAAC,EACC,SAAS,EACT,OAAO,EACP,cAAc,EACd,KAAK,EACL,WAAW,EACX,eAAe,GAAG,GAAG,EACrB,KAAK,GAAG,WAAW,EACnB,eAAe,EACf,iBAAiB,EACjB,QAAQ,EACR,MAAM,EACN,gBAAgB,EAChB,KAAK,EACL,QAAQ,GAAG,IAAI,EACf,SAAS,GAAG,EAAE,EACd,YAAY,EACZ,IAAI,GAAG,EAAE,EACT,OAAO,EACP,KAAK,EACL,YAAY,EAAE,EACZ,UAAU,GAAG,QAAQ,EACrB,cAAc,GAAG,IAAI,EACrB,oBAAoB,EACpB,gBAAgB,GAAG,KAAK,GACzB,GAAG,EAAE,EACN,cAAc,EACd,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,GAAG,GAAG,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,KAAC,GAAG,IAAC,KAAK,EAAE,KAAK,GAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IACtD,MAAM,QAAQ,GAAG,cAAc,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,KAAK,EAAE,CAAC,CAAC;IAChF,MAAM,gBAAgB,GAAG,QAAQ,EAAE,MAAM,CACvC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,IAAI,KAAK,KAAK,IAAI,OAAO,IAAI,CAAC,IAAI,aAAa,IAAI,CAAC,CAC/D,CAAC;IAEF,OAAO,CACL,KAAC,QAAQ,IACP,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,cAAc,EAAE,cAAc,KAC1B,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAC,KACnE,gBAAgB,CAAC,GAAG,EAAE,cAAc,CAAC,EACzC,gBAAgB,EAAE,gBAAgB,EAClC,UAAU,EAAE,UAAU,EACtB,oBAAoB,EAAE,oBAAoB,EAC1C,OAAO,EAAE,oBAAoB,CAAC,OAAO,CAAC,EACtC,cAAc,EAAE,cAAc,YAE9B,eAAK,SAAS,EAAC,iCAAiC,aAC7C,gBAAgB,EAAE,MAAM,CAAC,CAAC,CAAC,CAC1B,KAAC,YAAY,IACX,eAAe,EAAE,eAAe,EAChC,iBAAiB,EAAE,iBAAiB,EACpC,QAAQ,EAAE,gBAAgB,GAC1B,CACH,CAAC,CAAC,CAAC,IAAI,EACP,MAAM,CAAC,CAAC,CAAC,KAAC,QAAQ,IAAC,MAAM,EAAE,MAAM,GAAI,CAAC,CAAC,CAAC,IAAI,EAC5C,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CACf,KAAC,IAAI,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,YAAY,GAAI,CACvE,CAAC,CAAC,CAAC,IAAI,EACP,QAAQ,EACR,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC,KAAC,SAAS,IAAC,SAAS,EAAE,SAAS,GAAI,CAAC,CAAC,CAAC,IAAI,EAC9D,UAAU,CAAC,IAAI,CAAC,IACb,GACG,CACZ,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,GAAU,EAAE,cAAuB,EAAE,EAAE,CACtE,cAAc,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,GAAG,EAAE,CAAC;AAE5D,MAAM,UAAU,GAAG,CAAC,IAAc,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,GAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;AASpF,MAAM,cAAc,GAAG,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,KAAK,EAAkB,EAAE,EAAE,CACxF,KAAK,IAAI,WAAW,CAAC,CAAC,CAAC,CACrB,KAAC,QAAQ,IACP,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,eAAe,EAAE,eAAe,EAChC,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,IAAI,GAChB,CACH,CAAC,CAAC,CAAC,IAAI,CAAC"}
|
|
@@ -10,6 +10,7 @@ interface BaseTileProps extends UniBlockProps {
|
|
|
10
10
|
buttons?: VNode;
|
|
11
11
|
isImageAlwaysOnRight?: boolean;
|
|
12
12
|
isImageSecondary?: boolean;
|
|
13
|
+
backwardButton?: boolean;
|
|
13
14
|
}
|
|
14
15
|
export declare const BaseTile: import("@redneckz/uni-jsx").UNIComponent<BaseTileProps, any, any>;
|
|
15
16
|
export {};
|
|
@@ -1,17 +1,28 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
|
|
2
2
|
import { JSX } from '@redneckz/uni-jsx';
|
|
3
|
+
import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
|
|
4
|
+
import { renderBackwardButton } from '../../components/ProductBlock/renderBackwardButton.js';
|
|
5
|
+
import { useRouter } from '../../hooks/useRouter.js';
|
|
3
6
|
import { style } from '../../utils/style.js';
|
|
4
7
|
const imageAlignmentMap = {
|
|
5
8
|
start: '@xl:self-start',
|
|
6
9
|
center: '@xl:self-center',
|
|
7
10
|
end: '@xl:self-end',
|
|
8
11
|
};
|
|
9
|
-
export const BaseTile = JSX(({ className, defaultPadding, padding, title = '', insetTitle = '', buttons, leftImage, rightImage, imageAlign, isImageAlwaysOnRight = false, isImageSecondary = false,
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
12
|
+
export const BaseTile = JSX(({ className, version = 'primary', defaultPadding, padding, title = '', insetTitle = '', buttons, leftImage, rightImage, imageAlign, isImageAlwaysOnRight = false, isImageSecondary = false, backwardButton, children, }) => {
|
|
13
|
+
const router = useRouter();
|
|
14
|
+
const handleClick = useCallback((ev) => {
|
|
15
|
+
ev?.preventDefault();
|
|
16
|
+
router.back();
|
|
17
|
+
}, []);
|
|
18
|
+
return (_jsxs("div", { className: getStyle(padding, defaultPadding, className), children: [backwardButton ? renderBackwardButton(version, handleClick) : null, title ? _jsx("div", { className: "relative", children: title }) : null, _jsxs("div", { className: style('grow relative flex flex-col @xl:flex-row gap-3xl', leftImage ? 'self-start' : ''), children: [renderImageContainer(leftImage, { imageAlign, className: 'mx-auto' }), _jsxs("div", { className: style('grid gap-3xl', rightImage ? '@xl:grid-cols-2' : '', leftImage ? '' : 'grow'), children: [_jsxs("div", { className: "grow space-y-lg min-w-fit", children: [insetTitle, children] }), renderImageContainer(rightImage, {
|
|
19
|
+
className: style('@xl:justify-self-end @xl:col-start-2', buttons ? rowSpanStyle(isImageAlwaysOnRight) : '', positionStyle(isImageAlwaysOnRight), imageSecondaryStyle(isImageSecondary)),
|
|
20
|
+
imageAlign,
|
|
21
|
+
}), renderButtons(buttons)] })] })] }));
|
|
22
|
+
});
|
|
23
|
+
const getStyle = (padding = '', defaultPadding = '', className = '') => style('relative flex flex-col gap-3xl overflow-hidden', padding || defaultPadding, className);
|
|
13
24
|
const rowSpanStyle = (isImageAlwaysOnRight) => isImageAlwaysOnRight ? 'row-span-2' : '@xl:row-span-2';
|
|
14
|
-
const positionStyle = (isImageAlwaysOnRight) => isImageAlwaysOnRight ? '
|
|
25
|
+
const positionStyle = (isImageAlwaysOnRight) => isImageAlwaysOnRight ? 'col-start-2 self-center' : '';
|
|
15
26
|
const renderButtons = (buttons) => buttons ? _jsx("div", { className: "self-end", children: buttons }) : null;
|
|
16
27
|
const renderImageContainer = (image, { className, imageAlign }) => image ? (_jsx("div", { className: style('shrink-1/2 justify-self-center', imageAlign && imageAlignmentMap[imageAlign], className), children: image })) : null;
|
|
17
28
|
const imageSecondaryStyle = (isImageSecondary) => isImageSecondary ? 'hidden @xl:block' : '';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BaseTile.js","sourceRoot":"","sources":["../../../src/ui-kit/BaseTile/BaseTile.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"BaseTile.js","sourceRoot":"","sources":["../../../src/ui-kit/BaseTile/BaseTile.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2869,17 +2869,35 @@
|
|
|
2869
2869
|
isVertical: true,
|
|
2870
2870
|
})] })] }) })));
|
|
2871
2871
|
|
|
2872
|
+
function renderBackwardButton(version, handleClick) {
|
|
2873
|
+
const iconVersion = version === 'primary' ? 'white' : 'black';
|
|
2874
|
+
const className = 'w-12 h-12 min-h-12 min-w-12 flex items-center justify-center';
|
|
2875
|
+
const text = 'Вернуться назад';
|
|
2876
|
+
return (jsxs("div", { className: "hidden sm:flex items-center gap-s", children: [jsx("div", { className: getRegularButtonClasses({ className, version, rounded: true }), onClick: handleClick, children: jsx(Img, { className: "w-4 h-4", image: {
|
|
2877
|
+
icon: 'ArrowLeftIcon',
|
|
2878
|
+
iconVersion: iconVersion,
|
|
2879
|
+
} }) }), jsx(Button, { version: "link", className: "group-data-secondary:text-white/80", text: text, ariaLabel: text, onClick: handleClick })] }));
|
|
2880
|
+
}
|
|
2881
|
+
|
|
2872
2882
|
const imageAlignmentMap = {
|
|
2873
2883
|
start: '@xl:self-start',
|
|
2874
2884
|
center: '@xl:self-center',
|
|
2875
2885
|
end: '@xl:self-end',
|
|
2876
2886
|
};
|
|
2877
|
-
const BaseTile = JSX(({ className, defaultPadding, padding, title = '', insetTitle = '', buttons, leftImage, rightImage, imageAlign, isImageAlwaysOnRight = false, isImageSecondary = false,
|
|
2878
|
-
|
|
2879
|
-
|
|
2880
|
-
|
|
2887
|
+
const BaseTile = JSX(({ className, version = 'primary', defaultPadding, padding, title = '', insetTitle = '', buttons, leftImage, rightImage, imageAlign, isImageAlwaysOnRight = false, isImageSecondary = false, backwardButton, children, }) => {
|
|
2888
|
+
const router = useRouter();
|
|
2889
|
+
const handleClick = useCallback((ev) => {
|
|
2890
|
+
ev?.preventDefault();
|
|
2891
|
+
router.back();
|
|
2892
|
+
}, []);
|
|
2893
|
+
return (jsxs("div", { className: getStyle(padding, defaultPadding, className), children: [backwardButton ? renderBackwardButton(version, handleClick) : null, title ? jsx("div", { className: "relative", children: title }) : null, jsxs("div", { className: style('grow relative flex flex-col @xl:flex-row gap-3xl', leftImage ? 'self-start' : ''), children: [renderImageContainer(leftImage, { imageAlign, className: 'mx-auto' }), jsxs("div", { className: style('grid gap-3xl', rightImage ? '@xl:grid-cols-2' : '', leftImage ? '' : 'grow'), children: [jsxs("div", { className: "grow space-y-lg min-w-fit", children: [insetTitle, children] }), renderImageContainer(rightImage, {
|
|
2894
|
+
className: style('@xl:justify-self-end @xl:col-start-2', buttons ? rowSpanStyle(isImageAlwaysOnRight) : '', positionStyle(isImageAlwaysOnRight), imageSecondaryStyle(isImageSecondary)),
|
|
2895
|
+
imageAlign,
|
|
2896
|
+
}), renderButtons(buttons)] })] })] }));
|
|
2897
|
+
});
|
|
2898
|
+
const getStyle = (padding = '', defaultPadding = '', className = '') => style('relative flex flex-col gap-3xl overflow-hidden', padding || defaultPadding, className);
|
|
2881
2899
|
const rowSpanStyle = (isImageAlwaysOnRight) => isImageAlwaysOnRight ? 'row-span-2' : '@xl:row-span-2';
|
|
2882
|
-
const positionStyle = (isImageAlwaysOnRight) => isImageAlwaysOnRight ? '
|
|
2900
|
+
const positionStyle = (isImageAlwaysOnRight) => isImageAlwaysOnRight ? 'col-start-2 self-center' : '';
|
|
2883
2901
|
const renderButtons = (buttons) => buttons ? jsx("div", { className: "self-end", children: buttons }) : null;
|
|
2884
2902
|
const renderImageContainer = (image, { className, imageAlign }) => image ? (jsx("div", { className: style('shrink-1/2 justify-self-center', imageAlign && imageAlignmentMap[imageAlign], className), children: image })) : null;
|
|
2885
2903
|
const imageSecondaryStyle = (isImageSecondary) => isImageSecondary ? 'hidden @xl:block' : '';
|
|
@@ -2957,11 +2975,11 @@
|
|
|
2957
2975
|
const Tags = JSX(({ className, tags }) => tags?.length ? (jsx("div", { className: style('flex flex-wrap gap-xs', className), role: "list", children: tags.map(renderTag) })) : null);
|
|
2958
2976
|
const renderTag = (tag, key) => (jsx("div", { className: "p-xs border-solid border rounded-md border-gray", role: "listitem", children: jsx(Text, { size: "text-m", font: "font-light", children: tag }) }, String(key)));
|
|
2959
2977
|
|
|
2960
|
-
const BaseProductTile = JSX(({ className, padding, defaultPadding, title, description, headlineVersion = 'L', align = 'text-left', benefitsVersion, isTabularBenefits, benefits, __html, isFullWidthTitle, items, isDotted = true, priceList = [], listItemSize, tags = [], buttons, image, imageOptions: { imageAlign = 'center', directionRight = true, isImageAlwaysOnRight, isImageSecondary = false, } = {}, children, }) => {
|
|
2978
|
+
const BaseProductTile = JSX(({ className, padding, defaultPadding, title, description, headlineVersion = 'L', align = 'text-left', benefitsVersion, isTabularBenefits, benefits, __html, isFullWidthTitle, items, isDotted = true, priceList = [], listItemSize, tags = [], buttons, image, imageOptions: { imageAlign = 'center', directionRight = true, isImageAlwaysOnRight, isImageSecondary = false, } = {}, backwardButton, children, }) => {
|
|
2961
2979
|
const img = image?.src ? jsx(Img, { image: image }) : null;
|
|
2962
2980
|
const headline = renderHeadline({ title, description, headlineVersion, align });
|
|
2963
2981
|
const filteredBenefits = benefits?.filter((_) => _?.type === 'rte' || 'label' in _ || 'description' in _);
|
|
2964
|
-
return (jsx(BaseTile, { className: className, padding: padding, defaultPadding: defaultPadding, ...(isFullWidthTitle ? { title: headline } : { insetTitle: headline }), ...leftOrRightImage(img, directionRight), isImageSecondary: isImageSecondary, imageAlign: imageAlign, isImageAlwaysOnRight: isImageAlwaysOnRight, buttons: renderButtonsSection(buttons), children: jsxs("div", { className: "flex flex-col sm:gap-xl gap-4xl", children: [filteredBenefits?.length ? (jsx(BenefitsList, { benefitsVersion: benefitsVersion, isTabularBenefits: isTabularBenefits, benefits: filteredBenefits })) : null, __html ? jsx(RichText, { __html: __html }) : null, items?.length ? (jsx(List, { items: items, isDotted: isDotted, listItemSize: listItemSize })) : null, children, priceList?.length ? jsx(PriceList, { priceList: priceList }) : null, renderTags(tags)] }) }));
|
|
2982
|
+
return (jsx(BaseTile, { className: className, padding: padding, defaultPadding: defaultPadding, ...(isFullWidthTitle ? { title: headline } : { insetTitle: headline }), ...leftOrRightImage(img, directionRight), isImageSecondary: isImageSecondary, imageAlign: imageAlign, isImageAlwaysOnRight: isImageAlwaysOnRight, buttons: renderButtonsSection(buttons), backwardButton: backwardButton, children: jsxs("div", { className: "flex flex-col sm:gap-xl gap-4xl", children: [filteredBenefits?.length ? (jsx(BenefitsList, { benefitsVersion: benefitsVersion, isTabularBenefits: isTabularBenefits, benefits: filteredBenefits })) : null, __html ? jsx(RichText, { __html: __html }) : null, items?.length ? (jsx(List, { items: items, isDotted: isDotted, listItemSize: listItemSize })) : null, children, priceList?.length ? jsx(PriceList, { priceList: priceList }) : null, renderTags(tags)] }) }));
|
|
2965
2983
|
});
|
|
2966
2984
|
const leftOrRightImage = (img, directionRight) => directionRight ? { rightImage: img } : { leftImage: img };
|
|
2967
2985
|
const renderTags = (tags) => (tags?.length ? jsx(Tags, { tags: tags }) : null);
|
|
@@ -4279,33 +4297,12 @@
|
|
|
4279
4297
|
const renderShimmerItem = (width, index) => (jsx("div", { style: { width: `${width || 100}%` }, className: "h-4 mt-xs bg-secondary-light" }, String(index)));
|
|
4280
4298
|
const goldenSequence = (first, size) => [first].concat(size > 0 ? goldenSequence(first / GOLDEN_RATIO, size - 1) : []);
|
|
4281
4299
|
|
|
4282
|
-
|
|
4283
|
-
const iconVersion = version === 'primary' ? 'white' : 'black';
|
|
4284
|
-
const className = 'w-12 h-12 min-h-12 min-w-12 flex items-center justify-center';
|
|
4285
|
-
const text = 'Вернуться назад';
|
|
4286
|
-
return (jsxs("div", { className: "hidden sm:flex items-center gap-s", children: [jsx("div", { className: getRegularButtonClasses({ className, version, rounded: true }), onClick: handleClick, children: jsx(Img, { className: "w-4 h-4", image: {
|
|
4287
|
-
icon: 'ArrowLeftIcon',
|
|
4288
|
-
iconVersion: iconVersion,
|
|
4289
|
-
} }) }), jsx(Button, { version: "link", className: "group-data-secondary:text-white/80", text: text, ariaLabel: text, onClick: handleClick })] }));
|
|
4290
|
-
}
|
|
4291
|
-
|
|
4292
|
-
const ProductBlock = JSX(({ className, padding, backwardButton, showBorder, ...rest }) => {
|
|
4293
|
-
const router = useRouter();
|
|
4294
|
-
const handleClick = useCallback((ev) => {
|
|
4295
|
-
ev?.preventDefault();
|
|
4296
|
-
router.back();
|
|
4297
|
-
}, []);
|
|
4298
|
-
return (jsxs(BlockWrapper, { className: style('overflow-hidden flex flex-col gap-3xl box-border', getBorderStyle(showBorder), className), defaultPadding: "p-6xl", padding: padding, ...rest, children: [backwardButton
|
|
4299
|
-
? renderBackwardButton(!rest.version || rest.version === 'primary' ? 'primary' : 'white', handleClick)
|
|
4300
|
-
: null, jsx(BaseProductTile, { className: "grow h-full", ...rest })] }));
|
|
4301
|
-
});
|
|
4300
|
+
const ProductBlock = JSX(({ className, padding, showBorder, ...rest }) => (jsx(BlockWrapper, { className: style('overflow-hidden flex flex-col gap-3xl box-border', getBorderStyle(showBorder), className), padding: "p-0", ...rest, children: jsx(BaseProductTile, { defaultPadding: "p-6xl", padding: padding, className: "grow h-full", ...rest }) })));
|
|
4302
4301
|
|
|
4303
4302
|
const ProductGallery = JSX(({ className, padding, slides = [], ...rest }) => (jsx(BlockWrapper, { className: style('overflow-hidden relative', className), padding: padding, ...rest, children: jsx(SwipeListControl, { gap: 0, padding: 0, children: slides
|
|
4304
4303
|
.map((s) => s.productBlock)
|
|
4305
4304
|
.map((_, i) => (jsx("div", { className: "box-border h-full", children: jsx(BaseProductTile, { className: "px-5 h-full", headlineVersion: "L", ..._, ...rest }) }, String(i)))) }) })));
|
|
4306
4305
|
|
|
4307
|
-
const ProductTile = JSX(({ className, padding, headlineVersion = 'S', isTabularBenefits = true, additionalDescription, imageOptions, isFullWidthTitle = true, ...rest }) => (jsx(BlockWrapper, { className: className, padding: "p-0", ...rest, children: jsx(BaseProductTile, { className: "h-full", defaultPadding: "p-4xl sm:p-xl", padding: padding, headlineVersion: headlineVersion, isTabularBenefits: isTabularBenefits, imageOptions: { isImageSecondary: true, ...imageOptions }, isFullWidthTitle: isFullWidthTitle, ...rest, children: additionalDescription ? (jsx(Paragraph, { size: "text-m", font: "font-light", color: "group-data-primary:text-secondary-text", children: additionalDescription })) : null }) })));
|
|
4308
|
-
|
|
4309
4306
|
const RepresentativeOfficeInfo = JSX(({ address, email, telephone, button, className = '', __html, icon, title, version = 'primary', ...rest }) => (jsxs(BlockWrapper, { className: style('box-border text-left space-y-s', className), version: version, ...rest, children: [jsxs("div", { className: "w-full flex justify-between flex-row-reverse", children: [isIcon(icon) ? (jsx("div", { className: 'w-10 h-7 sm:w-24 sm:h-16', children: jsx(Img, { image: icon }) })) : null, title ? jsx(Heading, { headingType: "h3", as: "h3", title: title }) : null] }), jsxs("div", { className: "w-full space-y-m", children: [__html ? renderDescriptionBlock(__html) : null, renderBlock({
|
|
4310
4307
|
label: 'Адрес',
|
|
4311
4308
|
data: address,
|
|
@@ -5201,8 +5198,6 @@
|
|
|
5201
5198
|
return (jsx("ul", { className: style('text-secondary-text group-data-secondary:text-white/80', listStyle), children: items.map((_, i) => (jsx("li", { children: jsx(Text, { size: "text-s", font: "font-light", children: _ }) }, `listItem-${i}`))) }));
|
|
5202
5199
|
};
|
|
5203
5200
|
|
|
5204
|
-
const Tile = JSX(({ className, padding, headlineVersion = 'S', listItemSize = 'M', ...rest }) => (jsx(BlockWrapper, { className: className, padding: "p-0", ...rest, children: jsx(BaseProductTile, { className: "h-full", defaultPadding: "p-xl", padding: padding, headlineVersion: headlineVersion, listItemSize: listItemSize, isFullWidthTitle: false, ...rest }) })));
|
|
5205
|
-
|
|
5206
5201
|
const Blocks = {
|
|
5207
5202
|
ApplicationForm,
|
|
5208
5203
|
BenefitsBlock,
|
|
@@ -5234,7 +5229,6 @@
|
|
|
5234
5229
|
Placeholder,
|
|
5235
5230
|
ProductBlock,
|
|
5236
5231
|
ProductGallery,
|
|
5237
|
-
ProductTile,
|
|
5238
5232
|
RepresentativeOfficeInfo,
|
|
5239
5233
|
RichTextBlock,
|
|
5240
5234
|
RollupItem,
|
|
@@ -5244,7 +5238,6 @@
|
|
|
5244
5238
|
Tabs,
|
|
5245
5239
|
TariffsTable,
|
|
5246
5240
|
TextBlock,
|
|
5247
|
-
Tile,
|
|
5248
5241
|
VerticalLayout,
|
|
5249
5242
|
};
|
|
5250
5243
|
|
|
@@ -5438,7 +5431,7 @@
|
|
|
5438
5431
|
|
|
5439
5432
|
const joinList = (sep) => (list) => list.reduce((acc, el, i) => (acc.length ? acc.concat({ ...sep, key: `sep-${i}` }, el) : [el]), []);
|
|
5440
5433
|
|
|
5441
|
-
const packageVersion = "0.14.
|
|
5434
|
+
const packageVersion = "0.14.49";
|
|
5442
5435
|
|
|
5443
5436
|
exports.Blocks = Blocks;
|
|
5444
5437
|
exports.ContentPage = ContentPage;
|