@redneckz/wildless-cms-uni-blocks 0.6.38 → 0.6.40
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/BlockRenderer/BlockRendererOptions.d.ts +1 -0
- package/bundle/ProjectSettings.d.ts +0 -2
- package/bundle/blocks.schema.json +1 -1
- package/bundle/bundle.umd.js +140 -116
- package/bundle/bundle.umd.min.js +1 -1
- package/bundle/components/Carousel/CarouselContent.d.ts +1 -1
- package/bundle/components/CarouselCatalogCard/CarouselCatalogCard.d.ts +7 -0
- package/bundle/components/CarouselCatalogCard/CarouselCatalogCardContent.d.ts +23 -0
- package/bundle/components/CarouselInvestmentCard/CarouselInvestmentCard.d.ts +1 -1
- package/bundle/components/CarouselInvestmentCard/CarouselInvestmentCardContent.d.ts +4 -4
- package/bundle/components/CarouselProductCard/CarouselProductCard.d.ts +5 -0
- package/bundle/components/CarouselProductCard/CarouselProductCardContent.d.ts +49 -0
- package/bundle/components/CarouselProgramsCard/CarouselProgramsCardContent.d.ts +1 -1
- package/bundle/components/VerticalLayout/VerticalLayoutContent.d.ts +4 -0
- package/bundle/model/BlockVersion.d.ts +1 -0
- package/bundle/ui-kit/Button/ButtonSection.d.ts +1 -1
- package/bundle/ui-kit/SwipeListControl/SwipeListContainer.d.ts +1 -1
- package/dist/BlockRenderer/BlockRendererOptions.d.ts +1 -0
- package/dist/BlockRenderer/renderBlock.js +2 -2
- package/dist/BlockRenderer/renderBlock.js.map +1 -1
- package/dist/ProjectSettings.d.ts +0 -2
- package/dist/ProjectSettings.js +0 -3
- package/dist/ProjectSettings.js.map +1 -1
- package/dist/components/Blocks.js +6 -2
- package/dist/components/Blocks.js.map +1 -1
- package/dist/components/Carousel/Carousel.js +3 -2
- package/dist/components/Carousel/Carousel.js.map +1 -1
- package/dist/components/Carousel/CarouselContent.d.ts +1 -1
- package/dist/components/CarouselCatalogCard/CarouselCatalogCard.d.ts +7 -0
- package/dist/components/CarouselCatalogCard/CarouselCatalogCard.js +17 -0
- package/dist/components/CarouselCatalogCard/CarouselCatalogCard.js.map +1 -0
- package/dist/components/CarouselCatalogCard/CarouselCatalogCardContent.d.ts +23 -0
- package/dist/components/CarouselCatalogCard/CarouselCatalogCardContent.js +2 -0
- package/dist/components/CarouselCatalogCard/CarouselCatalogCardContent.js.map +1 -0
- package/dist/components/CarouselInvestmentCard/CarouselInvestmentCard.d.ts +1 -1
- package/dist/components/CarouselInvestmentCard/CarouselInvestmentCard.js +12 -8
- package/dist/components/CarouselInvestmentCard/CarouselInvestmentCard.js.map +1 -1
- package/dist/components/CarouselInvestmentCard/CarouselInvestmentCardContent.d.ts +4 -4
- package/dist/components/CarouselProductCard/CarouselProductCard.d.ts +5 -0
- package/dist/components/CarouselProductCard/CarouselProductCard.js +32 -0
- package/dist/components/CarouselProductCard/CarouselProductCard.js.map +1 -0
- package/dist/components/CarouselProductCard/CarouselProductCardContent.d.ts +49 -0
- package/dist/components/CarouselProductCard/CarouselProductCardContent.js +2 -0
- package/dist/components/CarouselProductCard/CarouselProductCardContent.js.map +1 -0
- package/dist/components/CarouselProgramsCard/CarouselProgramsCardContent.d.ts +1 -1
- package/dist/components/Gallery/GalleryCardInner.js +3 -2
- package/dist/components/Gallery/GalleryCardInner.js.map +1 -1
- package/dist/components/ProductTile/ProductTile.js +10 -22
- package/dist/components/ProductTile/ProductTile.js.map +1 -1
- package/dist/components/VerticalLayout/VerticalLayout.js +18 -13
- package/dist/components/VerticalLayout/VerticalLayout.js.map +1 -1
- package/dist/components/VerticalLayout/VerticalLayoutContent.d.ts +4 -0
- package/dist/model/BlockVersion.d.ts +1 -0
- package/dist/model/BlockVersion.js +5 -1
- package/dist/model/BlockVersion.js.map +1 -1
- package/dist/ui-kit/Button/ButtonSection.d.ts +1 -1
- package/dist/ui-kit/Button/ButtonSection.js +2 -2
- package/dist/ui-kit/Button/ButtonSection.js.map +1 -1
- package/dist/ui-kit/SwipeListControl/SwipeListContainer.d.ts +1 -1
- package/dist/ui-kit/SwipeListControl/SwipeListContainer.js +1 -1
- package/dist/ui-kit/SwipeListControl/SwipeListContainer.js.map +1 -1
- package/dist/utils/adjustHref.js +1 -3
- package/dist/utils/adjustHref.js.map +1 -1
- package/lib/BlockRenderer/BlockRendererOptions.d.ts +1 -0
- package/lib/BlockRenderer/renderBlock.js +2 -2
- package/lib/BlockRenderer/renderBlock.js.map +1 -1
- package/lib/ProjectSettings.d.ts +0 -2
- package/lib/ProjectSettings.js +0 -3
- package/lib/ProjectSettings.js.map +1 -1
- package/lib/common.css +1 -1
- package/lib/components/Blocks.js +6 -2
- package/lib/components/Blocks.js.map +1 -1
- package/lib/components/Carousel/Carousel.fixture.d.ts +4 -1
- package/lib/components/Carousel/Carousel.js +3 -2
- package/lib/components/Carousel/Carousel.js.map +1 -1
- package/lib/components/Carousel/CarouselContent.d.ts +1 -1
- package/lib/components/CarouselCatalogCard/CarouselCatalogCard.d.ts +7 -0
- package/lib/components/CarouselCatalogCard/CarouselCatalogCard.fixture.d.ts +16 -0
- package/lib/components/CarouselCatalogCard/CarouselCatalogCard.js +15 -0
- package/lib/components/CarouselCatalogCard/CarouselCatalogCard.js.map +1 -0
- package/lib/components/CarouselCatalogCard/CarouselCatalogCardContent.d.ts +23 -0
- package/lib/components/CarouselCatalogCard/CarouselCatalogCardContent.js +2 -0
- package/lib/components/CarouselCatalogCard/CarouselCatalogCardContent.js.map +1 -0
- package/lib/components/CarouselInvestmentCard/CarouselInvestmentCard.d.ts +1 -1
- package/lib/components/CarouselInvestmentCard/CarouselInvestmentCard.js +12 -8
- package/lib/components/CarouselInvestmentCard/CarouselInvestmentCard.js.map +1 -1
- package/lib/components/CarouselInvestmentCard/CarouselInvestmentCardContent.d.ts +4 -4
- package/lib/components/CarouselProductCard/CarouselProductCard.d.ts +5 -0
- package/lib/components/CarouselProductCard/CarouselProductCard.fixture.d.ts +8 -0
- package/lib/components/CarouselProductCard/CarouselProductCard.js +30 -0
- package/lib/components/CarouselProductCard/CarouselProductCard.js.map +1 -0
- package/lib/components/CarouselProductCard/CarouselProductCardContent.d.ts +49 -0
- package/lib/components/CarouselProductCard/CarouselProductCardContent.js +2 -0
- package/lib/components/CarouselProductCard/CarouselProductCardContent.js.map +1 -0
- package/lib/components/CarouselProgramsCard/CarouselProgramsCard.fixture.d.ts +1 -1
- package/lib/components/CarouselProgramsCard/CarouselProgramsCardContent.d.ts +1 -1
- package/lib/components/Gallery/GalleryCardInner.js +3 -2
- package/lib/components/Gallery/GalleryCardInner.js.map +1 -1
- package/lib/components/ProductTile/ProductTile.fixture.d.ts +2 -1
- package/lib/components/ProductTile/ProductTile.js +11 -23
- package/lib/components/ProductTile/ProductTile.js.map +1 -1
- package/lib/components/VerticalLayout/VerticalLayout.fixture.d.ts +2 -1
- package/lib/components/VerticalLayout/VerticalLayout.js +18 -13
- package/lib/components/VerticalLayout/VerticalLayout.js.map +1 -1
- package/lib/components/VerticalLayout/VerticalLayoutContent.d.ts +4 -0
- package/lib/model/BlockVersion.d.ts +1 -0
- package/lib/model/BlockVersion.js +4 -0
- package/lib/model/BlockVersion.js.map +1 -1
- package/lib/ui-kit/Button/ButtonSection.d.ts +1 -1
- package/lib/ui-kit/Button/ButtonSection.js +2 -2
- package/lib/ui-kit/Button/ButtonSection.js.map +1 -1
- package/lib/ui-kit/SwipeListControl/SwipeListContainer.d.ts +1 -1
- package/lib/ui-kit/SwipeListControl/SwipeListContainer.js +1 -1
- package/lib/ui-kit/SwipeListControl/SwipeListContainer.js.map +1 -1
- package/lib/utils/adjustHref.js +1 -3
- package/lib/utils/adjustHref.js.map +1 -1
- package/mobile/bundle/BlockRenderer/BlockRendererOptions.d.ts +1 -0
- package/mobile/bundle/ProjectSettings.d.ts +0 -2
- package/mobile/bundle/bundle.umd.js +7 -11
- package/mobile/bundle/bundle.umd.min.js +1 -1
- package/mobile/bundle/components/Carousel/CarouselContent.d.ts +1 -1
- package/mobile/bundle/components/CarouselCatalogCard/CarouselCatalogCard.d.ts +7 -0
- package/mobile/bundle/components/CarouselCatalogCard/CarouselCatalogCardContent.d.ts +23 -0
- package/mobile/bundle/components/CarouselInvestmentCard/CarouselInvestmentCard.d.ts +1 -1
- package/mobile/bundle/components/CarouselInvestmentCard/CarouselInvestmentCardContent.d.ts +4 -4
- package/mobile/bundle/components/CarouselProductCard/CarouselProductCard.d.ts +5 -0
- package/mobile/bundle/components/CarouselProductCard/CarouselProductCardContent.d.ts +49 -0
- package/mobile/bundle/components/CarouselProgramsCard/CarouselProgramsCardContent.d.ts +1 -1
- package/mobile/bundle/components/VerticalLayout/VerticalLayoutContent.d.ts +4 -0
- package/mobile/bundle/model/BlockVersion.d.ts +1 -0
- package/mobile/bundle/ui-kit/Button/ButtonSection.d.ts +1 -1
- package/mobile/bundle/ui-kit/SwipeListControl/SwipeListContainer.d.ts +1 -1
- package/mobile/dist/BlockRenderer/BlockRendererOptions.d.ts +1 -0
- package/mobile/dist/BlockRenderer/renderBlock.js +2 -2
- package/mobile/dist/BlockRenderer/renderBlock.js.map +1 -1
- package/mobile/dist/ProjectSettings.d.ts +0 -2
- package/mobile/dist/ProjectSettings.js +0 -3
- package/mobile/dist/ProjectSettings.js.map +1 -1
- package/mobile/dist/components/Carousel/Carousel.js +3 -2
- package/mobile/dist/components/Carousel/Carousel.js.map +1 -1
- package/mobile/dist/components/Carousel/CarouselContent.d.ts +1 -1
- package/mobile/dist/components/CarouselCatalogCard/CarouselCatalogCard.d.ts +7 -0
- package/mobile/dist/components/CarouselCatalogCard/CarouselCatalogCard.js +17 -0
- package/mobile/dist/components/CarouselCatalogCard/CarouselCatalogCard.js.map +1 -0
- package/mobile/dist/components/CarouselCatalogCard/CarouselCatalogCardContent.d.ts +23 -0
- package/mobile/dist/components/CarouselCatalogCard/CarouselCatalogCardContent.js +2 -0
- package/mobile/dist/components/CarouselCatalogCard/CarouselCatalogCardContent.js.map +1 -0
- package/mobile/dist/components/CarouselInvestmentCard/CarouselInvestmentCard.d.ts +1 -1
- package/mobile/dist/components/CarouselInvestmentCard/CarouselInvestmentCard.js +12 -8
- package/mobile/dist/components/CarouselInvestmentCard/CarouselInvestmentCard.js.map +1 -1
- package/mobile/dist/components/CarouselInvestmentCard/CarouselInvestmentCardContent.d.ts +4 -4
- package/mobile/dist/components/CarouselProductCard/CarouselProductCard.d.ts +5 -0
- package/mobile/dist/components/CarouselProductCard/CarouselProductCard.js +32 -0
- package/mobile/dist/components/CarouselProductCard/CarouselProductCard.js.map +1 -0
- package/mobile/dist/components/CarouselProductCard/CarouselProductCardContent.d.ts +49 -0
- package/mobile/dist/components/CarouselProductCard/CarouselProductCardContent.js +2 -0
- package/mobile/dist/components/CarouselProductCard/CarouselProductCardContent.js.map +1 -0
- package/mobile/dist/components/CarouselProgramsCard/CarouselProgramsCardContent.d.ts +1 -1
- package/mobile/dist/components/Gallery/GalleryCardInner.js +3 -2
- package/mobile/dist/components/Gallery/GalleryCardInner.js.map +1 -1
- package/mobile/dist/components/ProductTile/ProductTile.js +10 -22
- package/mobile/dist/components/ProductTile/ProductTile.js.map +1 -1
- package/mobile/dist/components/VerticalLayout/VerticalLayout.js +18 -13
- package/mobile/dist/components/VerticalLayout/VerticalLayout.js.map +1 -1
- package/mobile/dist/components/VerticalLayout/VerticalLayoutContent.d.ts +4 -0
- package/mobile/dist/model/BlockVersion.d.ts +1 -0
- package/mobile/dist/model/BlockVersion.js +5 -1
- package/mobile/dist/model/BlockVersion.js.map +1 -1
- package/mobile/dist/ui-kit/Button/ButtonSection.d.ts +1 -1
- package/mobile/dist/ui-kit/Button/ButtonSection.js +2 -2
- package/mobile/dist/ui-kit/Button/ButtonSection.js.map +1 -1
- package/mobile/dist/ui-kit/SwipeListControl/SwipeListContainer.d.ts +1 -1
- package/mobile/dist/ui-kit/SwipeListControl/SwipeListContainer.js +1 -1
- package/mobile/dist/ui-kit/SwipeListControl/SwipeListContainer.js.map +1 -1
- package/mobile/dist/utils/adjustHref.js +1 -3
- package/mobile/dist/utils/adjustHref.js.map +1 -1
- package/mobile/lib/BlockRenderer/BlockRendererOptions.d.ts +1 -0
- package/mobile/lib/BlockRenderer/renderBlock.js +2 -2
- package/mobile/lib/BlockRenderer/renderBlock.js.map +1 -1
- package/mobile/lib/ProjectSettings.d.ts +0 -2
- package/mobile/lib/ProjectSettings.js +0 -3
- package/mobile/lib/ProjectSettings.js.map +1 -1
- package/mobile/lib/components/Carousel/Carousel.js +3 -2
- package/mobile/lib/components/Carousel/Carousel.js.map +1 -1
- package/mobile/lib/components/Carousel/CarouselContent.d.ts +1 -1
- package/mobile/lib/components/CarouselCatalogCard/CarouselCatalogCard.d.ts +7 -0
- package/mobile/lib/components/CarouselCatalogCard/CarouselCatalogCard.js +15 -0
- package/mobile/lib/components/CarouselCatalogCard/CarouselCatalogCard.js.map +1 -0
- package/mobile/lib/components/CarouselCatalogCard/CarouselCatalogCardContent.d.ts +23 -0
- package/mobile/lib/components/CarouselCatalogCard/CarouselCatalogCardContent.js +2 -0
- package/mobile/lib/components/CarouselCatalogCard/CarouselCatalogCardContent.js.map +1 -0
- package/mobile/lib/components/CarouselInvestmentCard/CarouselInvestmentCard.d.ts +1 -1
- package/mobile/lib/components/CarouselInvestmentCard/CarouselInvestmentCard.js +12 -8
- package/mobile/lib/components/CarouselInvestmentCard/CarouselInvestmentCard.js.map +1 -1
- package/mobile/lib/components/CarouselInvestmentCard/CarouselInvestmentCardContent.d.ts +4 -4
- package/mobile/lib/components/CarouselProductCard/CarouselProductCard.d.ts +5 -0
- package/mobile/lib/components/CarouselProductCard/CarouselProductCard.js +30 -0
- package/mobile/lib/components/CarouselProductCard/CarouselProductCard.js.map +1 -0
- package/mobile/lib/components/CarouselProductCard/CarouselProductCardContent.d.ts +49 -0
- package/mobile/lib/components/CarouselProductCard/CarouselProductCardContent.js +2 -0
- package/mobile/lib/components/CarouselProductCard/CarouselProductCardContent.js.map +1 -0
- package/mobile/lib/components/CarouselProgramsCard/CarouselProgramsCardContent.d.ts +1 -1
- package/mobile/lib/components/Gallery/GalleryCardInner.js +3 -2
- package/mobile/lib/components/Gallery/GalleryCardInner.js.map +1 -1
- package/mobile/lib/components/ProductTile/ProductTile.js +11 -23
- package/mobile/lib/components/ProductTile/ProductTile.js.map +1 -1
- package/mobile/lib/components/VerticalLayout/VerticalLayout.js +18 -13
- package/mobile/lib/components/VerticalLayout/VerticalLayout.js.map +1 -1
- package/mobile/lib/components/VerticalLayout/VerticalLayoutContent.d.ts +4 -0
- package/mobile/lib/model/BlockVersion.d.ts +1 -0
- package/mobile/lib/model/BlockVersion.js +4 -0
- package/mobile/lib/model/BlockVersion.js.map +1 -1
- package/mobile/lib/ui-kit/Button/ButtonSection.d.ts +1 -1
- package/mobile/lib/ui-kit/Button/ButtonSection.js +2 -2
- package/mobile/lib/ui-kit/Button/ButtonSection.js.map +1 -1
- package/mobile/lib/ui-kit/SwipeListControl/SwipeListContainer.d.ts +1 -1
- package/mobile/lib/ui-kit/SwipeListControl/SwipeListContainer.js +1 -1
- package/mobile/lib/ui-kit/SwipeListControl/SwipeListContainer.js.map +1 -1
- package/mobile/lib/utils/adjustHref.js +1 -3
- package/mobile/lib/utils/adjustHref.js.map +1 -1
- package/mobile/src/BlockRenderer/BlockRendererOptions.ts +1 -0
- package/mobile/src/BlockRenderer/renderBlock.tsx +2 -1
- package/mobile/src/ProjectSettings.ts +0 -4
- package/mobile/src/components/Carousel/Carousel.example.json +0 -1
- package/mobile/src/components/Carousel/Carousel.tsx +21 -18
- package/mobile/src/components/Carousel/CarouselContent.ts +1 -1
- package/mobile/src/components/CarouselCatalogCard/CarouselCatalogCard.example.json +17 -0
- package/mobile/src/components/CarouselCatalogCard/CarouselCatalogCard.tsx +62 -0
- package/mobile/src/components/CarouselCatalogCard/CarouselCatalogCard.ui.json +10 -0
- package/mobile/src/components/CarouselCatalogCard/CarouselCatalogCardContent.ts +25 -0
- package/mobile/src/components/CarouselInvestmentCard/CarouselInvestmentCard.tsx +33 -14
- package/mobile/src/components/CarouselInvestmentCard/CarouselInvestmentCardContent.ts +5 -5
- package/mobile/src/components/CarouselProductCard/CarouselProductCard.example.json +21 -0
- package/mobile/src/components/CarouselProductCard/CarouselProductCard.tsx +102 -0
- package/mobile/src/components/CarouselProductCard/CarouselProductCard.ui.json +18 -0
- package/mobile/src/components/CarouselProductCard/CarouselProductCardContent.ts +51 -0
- package/mobile/src/components/CarouselProgramsCard/CarouselProgramsCardContent.ts +1 -1
- package/mobile/src/components/ContactsBlock/ContactsBlock.example.json +1 -1
- package/mobile/src/components/Gallery/GalleryCardInner.tsx +6 -3
- package/mobile/src/components/ProductTile/ProductTile.tsx +8 -26
- package/mobile/src/components/VerticalLayout/VerticalLayout.example.json +7 -4
- package/mobile/src/components/VerticalLayout/VerticalLayout.tsx +35 -20
- package/mobile/src/components/VerticalLayout/VerticalLayoutContent.ts +4 -0
- package/mobile/src/model/BlockVersion.ts +5 -0
- package/mobile/src/ui-kit/Button/ButtonSection.tsx +4 -4
- package/mobile/src/ui-kit/SwipeListControl/SwipeListContainer.tsx +2 -2
- package/mobile/src/utils/adjustHref.ts +1 -3
- package/package.json +1 -1
- package/src/BlockRenderer/BlockRendererOptions.ts +1 -0
- package/src/BlockRenderer/renderBlock.tsx +2 -1
- package/src/ProjectSettings.ts +0 -4
- package/src/components/Blocks.ts +6 -2
- package/src/components/Carousel/Carousel.example.json +0 -1
- package/src/components/Carousel/Carousel.fixture.tsx +64 -4
- package/src/components/Carousel/Carousel.tsx +21 -18
- package/src/components/Carousel/CarouselContent.ts +1 -1
- package/src/components/CarouselCatalogCard/CarouselCatalogCard.example.json +17 -0
- package/src/components/CarouselCatalogCard/CarouselCatalogCard.fixture.tsx +43 -0
- package/src/components/CarouselCatalogCard/CarouselCatalogCard.tsx +62 -0
- package/src/components/CarouselCatalogCard/CarouselCatalogCard.ui.json +10 -0
- package/src/components/CarouselCatalogCard/CarouselCatalogCardContent.ts +25 -0
- package/src/components/CarouselInvestmentCard/CarouselInvestmentCard.tsx +33 -14
- package/src/components/CarouselInvestmentCard/CarouselInvestmentCardContent.ts +5 -5
- package/src/components/CarouselProductCard/CarouselProductCard.example.json +21 -0
- package/src/components/CarouselProductCard/CarouselProductCard.fixture.tsx +62 -0
- package/src/components/CarouselProductCard/CarouselProductCard.tsx +102 -0
- package/src/components/CarouselProductCard/CarouselProductCard.ui.json +18 -0
- package/src/components/CarouselProductCard/CarouselProductCardContent.ts +51 -0
- package/src/components/CarouselProgramsCard/CarouselProgramsCard.fixture.tsx +1 -1
- package/src/components/CarouselProgramsCard/CarouselProgramsCardContent.ts +1 -1
- package/src/components/ContactsBlock/ContactsBlock.example.json +1 -1
- package/src/components/Gallery/GalleryCardInner.tsx +6 -3
- package/src/components/ProductTile/ProductTile.fixture.tsx +2 -1
- package/src/components/ProductTile/ProductTile.tsx +8 -26
- package/src/components/VerticalLayout/VerticalLayout.example.json +7 -4
- package/src/components/VerticalLayout/VerticalLayout.fixture.tsx +59 -2
- package/src/components/VerticalLayout/VerticalLayout.tsx +35 -20
- package/src/components/VerticalLayout/VerticalLayoutContent.ts +4 -0
- package/src/model/BlockVersion.ts +5 -0
- package/src/ui-kit/Button/ButtonSection.tsx +4 -4
- package/src/ui-kit/SwipeListControl/SwipeListContainer.tsx +2 -2
- package/src/utils/adjustHref.ts +1 -3
|
@@ -2,8 +2,11 @@
|
|
|
2
2
|
import '../../setup-fixture';
|
|
3
3
|
declare const _default: {
|
|
4
4
|
default: JSX.Element;
|
|
5
|
-
'
|
|
5
|
+
'mini cards': JSX.Element;
|
|
6
|
+
catalog: JSX.Element;
|
|
6
7
|
tariffs: JSX.Element;
|
|
8
|
+
product: JSX.Element;
|
|
9
|
+
'mini-product': JSX.Element;
|
|
7
10
|
program: JSX.Element;
|
|
8
11
|
investment: JSX.Element;
|
|
9
12
|
};
|
|
@@ -15,12 +15,13 @@ export const Carousel = JSX(({ className = '', itemCount, visibleItemCount, isBl
|
|
|
15
15
|
itemCount: count,
|
|
16
16
|
isCyclic,
|
|
17
17
|
});
|
|
18
|
-
return (
|
|
18
|
+
return (_jsx(BlockWrapper, { className: `font-sans p-12 ${className}`, ...rest, children: _jsxs("div", { className: "relative max-w-full", children: [_jsx(SwipeListContainer, { containerRef: containerRef, visibleItemCount: visibleItemCount, snapAlign: "snap-start", gap: ITEMS_GAP, onVisibleIndicesChange: scroll.handleVisibleIndicesChange, children: renderChildren(rest) }), (scroll.canScrollLeft || scroll.canScrollRight) && isBlur ? (_jsxs("div", { children: [_jsx("div", { className: `${blurBaseStyle} left-0 bg-opacity-from-white` }), _jsx("div", { className: `${blurBaseStyle} right-0 bg-opacity-to-white` })] })) : null, renderScrollButtons(scroll)] }) }));
|
|
19
19
|
});
|
|
20
20
|
Carousel.childrenTypes = [
|
|
21
21
|
'CarouselCard',
|
|
22
|
+
'CarouselCatalogCard',
|
|
22
23
|
'CarouselTariffsCard',
|
|
23
|
-
'
|
|
24
|
+
'CarouselProductCard',
|
|
24
25
|
'CarouselProgramsCard',
|
|
25
26
|
'CarouselInvestmentCard',
|
|
26
27
|
];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Carousel.js","sourceRoot":"","sources":["../../../src/components/Carousel/Carousel.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,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AACtF,OAAO,EAAE,kBAAkB,EAAE,MAAM,kDAAkD,CAAC;AACtF,OAAO,EAEL,kBAAkB,GACnB,MAAM,kDAAkD,CAAC;AAO1D,MAAM,SAAS,GAAG,CAAC,CAAC;AAEpB,MAAM,aAAa,GAAG,uCAAuC,CAAC;AAC9D,MAAM,iBAAiB,GAAG,oCAAoC,CAAC;AAE/D,MAAM,CAAC,MAAM,QAAQ,GAA4B,GAAG,CAClD,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,GAAG,IAAI,EAAE,QAAQ,GAAG,KAAK,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IAC5F,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC,KAAK,IAAI,EAAE,CAAC;IACjD,MAAM,KAAK,GAAG,SAAS,IAAI,WAAW,EAAE,MAAM,IAAI,CAAC,CAAC;IAEpD,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,GAAG,kBAAkB,CAAiB;QAChE,SAAS,EAAE,KAAK;QAChB,QAAQ;KACT,CAAC,CAAC;IAEH,OAAO,CACL,
|
|
1
|
+
{"version":3,"file":"Carousel.js","sourceRoot":"","sources":["../../../src/components/Carousel/Carousel.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,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AACtF,OAAO,EAAE,kBAAkB,EAAE,MAAM,kDAAkD,CAAC;AACtF,OAAO,EAEL,kBAAkB,GACnB,MAAM,kDAAkD,CAAC;AAO1D,MAAM,SAAS,GAAG,CAAC,CAAC;AAEpB,MAAM,aAAa,GAAG,uCAAuC,CAAC;AAC9D,MAAM,iBAAiB,GAAG,oCAAoC,CAAC;AAE/D,MAAM,CAAC,MAAM,QAAQ,GAA4B,GAAG,CAClD,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,GAAG,IAAI,EAAE,QAAQ,GAAG,KAAK,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IAC5F,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC,KAAK,IAAI,EAAE,CAAC;IACjD,MAAM,KAAK,GAAG,SAAS,IAAI,WAAW,EAAE,MAAM,IAAI,CAAC,CAAC;IAEpD,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,GAAG,kBAAkB,CAAiB;QAChE,SAAS,EAAE,KAAK;QAChB,QAAQ;KACT,CAAC,CAAC;IAEH,OAAO,CACL,KAAC,YAAY,IAAC,SAAS,EAAE,kBAAkB,SAAS,EAAE,KAAM,IAAI,YAC9D,eAAK,SAAS,EAAC,qBAAqB,aAClC,KAAC,kBAAkB,IACjB,YAAY,EAAE,YAAY,EAC1B,gBAAgB,EAAE,gBAAgB,EAClC,SAAS,EAAC,YAAY,EACtB,GAAG,EAAE,SAAS,EACd,sBAAsB,EAAE,MAAM,CAAC,0BAA0B,YAExD,cAAc,CAAC,IAAI,CAAC,GACF,EACpB,CAAC,MAAM,CAAC,aAAa,IAAI,MAAM,CAAC,cAAc,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,CAC3D,0BACE,cAAK,SAAS,EAAE,GAAG,aAAa,+BAA+B,GAAI,EACnE,cAAK,SAAS,EAAE,GAAG,aAAa,8BAA8B,GAAI,IAC9D,CACP,CAAC,CAAC,CAAC,IAAI,EACP,mBAAmB,CAAC,MAAM,CAAC,IACxB,GACO,CAChB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,QAAQ,CAAC,aAAa,GAAG;IACvB,cAAc;IACd,qBAAqB;IACrB,qBAAqB;IACrB,qBAAqB;IACrB,sBAAsB;IACtB,wBAAwB;CACzB,CAAC;AAEF,MAAM,mBAAmB,GAAG,CAAC,EAC3B,UAAU,EACV,WAAW,EACX,aAAa,EACb,cAAc,GACE,EAAE,EAAE,CAAC,CACrB,0BACG,aAAa,CAAC,CAAC,CAAC,CACf,KAAC,gBAAgB,IAAC,SAAS,EAAE,GAAG,iBAAiB,SAAS,EAAE,OAAO,EAAE,UAAU,GAAI,CACpF,CAAC,CAAC,CAAC,IAAI,EACP,cAAc,CAAC,CAAC,CAAC,CAChB,KAAC,iBAAiB,IAAC,SAAS,EAAE,GAAG,iBAAiB,UAAU,EAAE,OAAO,EAAE,WAAW,GAAI,CACvF,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC"}
|
|
@@ -6,7 +6,7 @@ export interface CarouselContent {
|
|
|
6
6
|
* @title Количество видимых карточек
|
|
7
7
|
* @enumNames ["auto", "1", "2", "3"]
|
|
8
8
|
*/
|
|
9
|
-
visibleItemCount?: 0 | 1 | 2 | 3;
|
|
9
|
+
visibleItemCount?: 0 | 1 | 2 | 3 | 4;
|
|
10
10
|
/** @title Добавление блюра */
|
|
11
11
|
isBlur?: boolean;
|
|
12
12
|
/** @title Цикличность */
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { BlockVersion } from '../../model/BlockVersion';
|
|
2
|
+
import type { CarouselCatalogCardContent } from './CarouselCatalogCardContent';
|
|
3
|
+
export interface CarouselCatalogCardProps extends CarouselCatalogCardContent {
|
|
4
|
+
className?: string;
|
|
5
|
+
version?: BlockVersion;
|
|
6
|
+
}
|
|
7
|
+
export declare const CarouselCatalogCard: import("@redneckz/uni-jsx").UNIComponent<CarouselCatalogCardProps, any, any>;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import type { Picture } from '../../model/Picture';
|
|
3
|
+
import type { ProductColorVersion } from '../../model/ProductColorVersion';
|
|
4
|
+
import type { ButtonWithIconProps } from '../../ui-kit/Button/ButtonProps';
|
|
5
|
+
export declare const CATALOG_CARD: {
|
|
6
|
+
title: string;
|
|
7
|
+
description: string;
|
|
8
|
+
image: Picture;
|
|
9
|
+
price: number;
|
|
10
|
+
colors: ProductColorVersion[];
|
|
11
|
+
button: ButtonWithIconProps;
|
|
12
|
+
};
|
|
13
|
+
declare const _default: {
|
|
14
|
+
default: JSX.Element;
|
|
15
|
+
};
|
|
16
|
+
export default _default;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
|
|
2
|
+
import { JSX } from '@redneckz/uni-jsx';
|
|
3
|
+
import { VersionStyleMap } from '../../model/BlockVersion.js';
|
|
4
|
+
import { renderButton } from '../../ui-kit/Button/ButtonSection.js';
|
|
5
|
+
import { Heading } from '../../ui-kit/Heading/Heading.js';
|
|
6
|
+
import { Img } from '../../ui-kit/Img/Img.js';
|
|
7
|
+
import { Paragraph } from '../../ui-kit/Paragraph/Paragraph.js';
|
|
8
|
+
import { Text } from '../../ui-kit/Text/Text.js';
|
|
9
|
+
const cardStyleMap = {
|
|
10
|
+
black: 'bg-black',
|
|
11
|
+
white: 'bg-white',
|
|
12
|
+
};
|
|
13
|
+
export const CarouselCatalogCard = JSX(({ className = '', title, description, image, price, button, colors, version = 'primary' }) => (_jsxs("section", { className: `border box-border border-main-stroke p-7 min-w-[392px] flex flex-col justify-left ${VersionStyleMap[version]} ${className}`, role: "listitem", children: [image?.src ? _jsx(Img, { className: "mb-5 flex justify-center", image: image }) : null, title ? (_jsx(Heading, { headingType: "h6", as: "h4", className: "text-left mb-1.5", title: title })) : null, description ? (_jsx("div", { className: "mb-4", children: _jsx(Paragraph, { size: "text-m", align: "text-left", font: "font-light", children: description }) })) : null, colors?.length ? (_jsxs("div", { className: "flex mb-4 text-s-light text-secondary-text", children: [_jsx("div", { className: "mr-1.5", children: _jsx(Text, { children: "\u0414\u043E\u0441\u0442\u0443\u043F\u043D\u044B\u0435 \u0446\u0432\u0435\u0442\u0430: " }) }), colors.map(renderColorOption)] })) : null, price ? (_jsxs(Text, { size: "text-h3", align: "text-left", children: [price, "\u00A0\u20BD"] })) : null, button ? renderButton({ button, buttonClassName: 'mt-5 w-full' }) : null] })));
|
|
14
|
+
const renderColorOption = (color, i) => (_jsx("span", { className: `w-6 h-6 ml-3 border border-solid border-main-divider rounded-full ${cardStyleMap[color]}` }, String(i)));
|
|
15
|
+
//# sourceMappingURL=CarouselCatalogCard.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CarouselCatalogCard.js","sourceRoot":"","sources":["../../../src/components/CarouselCatalogCard/CarouselCatalogCard.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAE3D,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AACjE,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAC7D,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAQ9C,MAAM,YAAY,GAAwC;IACxD,KAAK,EAAE,UAAU;IACjB,KAAK,EAAE,UAAU;CAClB,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,CACpC,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,GAAG,SAAS,EAAE,EAAE,EAAE,CAAC,CAC7F,mBACE,SAAS,EAAE,qFAAqF,eAAe,CAAC,OAAO,CAAC,IAAI,SAAS,EAAE,EACvI,IAAI,EAAC,UAAU,aAEd,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,KAAC,GAAG,IAAC,SAAS,EAAC,0BAA0B,EAAC,KAAK,EAAE,KAAK,GAAI,CAAC,CAAC,CAAC,IAAI,EAC9E,KAAK,CAAC,CAAC,CAAC,CACP,KAAC,OAAO,IAAC,WAAW,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,SAAS,EAAC,kBAAkB,EAAC,KAAK,EAAE,KAAK,GAAI,CAChF,CAAC,CAAC,CAAC,IAAI,EACP,WAAW,CAAC,CAAC,CAAC,CACb,cAAK,SAAS,EAAC,MAAM,YACnB,KAAC,SAAS,IAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,WAAW,EAAC,IAAI,EAAC,YAAY,YACzD,WAAW,GACF,GACR,CACP,CAAC,CAAC,CAAC,IAAI,EACP,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,CAChB,eAAK,SAAS,EAAC,4CAA4C,aACzD,cAAK,SAAS,EAAC,QAAQ,YACrB,KAAC,IAAI,0GAAyB,GAC1B,EACL,MAAM,CAAC,GAAG,CAAC,iBAAiB,CAAC,IAC1B,CACP,CAAC,CAAC,CAAC,IAAI,EACP,KAAK,CAAC,CAAC,CAAC,CACP,MAAC,IAAI,IAAC,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,WAAW,aACnC,KAAK,oBACD,CACR,CAAC,CAAC,CAAC,IAAI,EACP,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,EAAE,MAAM,EAAE,eAAe,EAAE,aAAa,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,IACjE,CACX,CACF,CAAC;AAEF,MAAM,iBAAiB,GAAG,CAAC,KAA0B,EAAE,CAAS,EAAE,EAAE,CAAC,CACnE,eAEE,SAAS,EAAE,qEAAqE,YAAY,CAAC,KAAK,CAAC,EAAE,IADhG,MAAM,CAAC,CAAC,CAAC,CAEd,CACH,CAAC"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import type { BlockVersion } from '../../model/BlockVersion';
|
|
2
|
+
import type { HeadlineCommonProps } from '../../model/HeadlineType';
|
|
3
|
+
import type { ProductColorVersion } from '../../model/ProductColorVersion';
|
|
4
|
+
import type { ButtonWithIconProps } from '../../ui-kit/Button/ButtonProps';
|
|
5
|
+
import type { ImageContent } from '../../ui-kit/Img/ImgProps';
|
|
6
|
+
/**
|
|
7
|
+
* @title Карточка каталога
|
|
8
|
+
*/
|
|
9
|
+
export declare type CarouselCatalogCardContent = HeadlineCommonProps & ImageContent & {
|
|
10
|
+
/** @title Цена в рублях */
|
|
11
|
+
price?: number;
|
|
12
|
+
/** @title Доступные цвета */
|
|
13
|
+
colors?: ProductColorVersion[];
|
|
14
|
+
/**
|
|
15
|
+
* @title Кнопка
|
|
16
|
+
* @default {
|
|
17
|
+
* "icon": { "format": "webp", "size": { "width": 24, "height": 24 } },
|
|
18
|
+
* "iconRight" : { "format": "webp", "size": { "width": 24, "height": 24 } }
|
|
19
|
+
* }
|
|
20
|
+
*/
|
|
21
|
+
button?: ButtonWithIconProps;
|
|
22
|
+
version?: BlockVersion;
|
|
23
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CarouselCatalogCardContent.js","sourceRoot":"","sources":["../../../src/components/CarouselCatalogCard/CarouselCatalogCardContent.ts"],"names":[],"mappings":""}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import type { CarouselInvestmentCardContent } from './CarouselInvestmentCardContent';
|
|
2
1
|
import type { UniBlockProps } from '../../model/JSXBlock';
|
|
2
|
+
import type { CarouselInvestmentCardContent } from './CarouselInvestmentCardContent';
|
|
3
3
|
export interface CarouselInvestmentCardProps extends CarouselInvestmentCardContent, UniBlockProps {
|
|
4
4
|
}
|
|
5
5
|
export declare const CarouselInvestmentCard: import("@redneckz/uni-jsx").UNIComponent<CarouselInvestmentCardProps, any, any>;
|
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
|
|
2
|
-
import { BaseTile } from '../BaseTile/BaseTile.js';
|
|
3
|
-
import { BlockWrapper } from '../../ui-kit/BlockWrapper.js';
|
|
4
|
-
import { BorderVersionStyleMap } from '../../model/BorderVersion.js';
|
|
5
2
|
import { JSX } from '@redneckz/uni-jsx';
|
|
3
|
+
import { VersionAdditionalStyleMap, VersionStyleMap } from '../../model/BlockVersion.js';
|
|
4
|
+
import { BorderVersionStyleMap } from '../../model/BorderVersion.js';
|
|
5
|
+
import { BlockWrapper } from '../../ui-kit/BlockWrapper.js';
|
|
6
6
|
import { Heading } from '../../ui-kit/Heading/Heading.js';
|
|
7
7
|
import { Img } from '../../ui-kit/Img/Img.js';
|
|
8
|
+
import { Text } from '../../ui-kit/Text/Text.js';
|
|
9
|
+
import { BaseTile } from '../BaseTile/BaseTile.js';
|
|
8
10
|
const getItemListFontSize = (colValue) => (colValue === 1 ? 'text-h6' : 'text-l');
|
|
9
11
|
const cardColumnsModeStyleMap = {
|
|
10
12
|
1: 'flex gap-y-2 flex-col',
|
|
@@ -13,14 +15,16 @@ const cardColumnsModeStyleMap = {
|
|
|
13
15
|
export const CarouselInvestmentCard = JSX(({ additionalDescription, cardsList = [], className = '', columnsMode = 1, description, image, title, version = 'primary', ...rest }) => {
|
|
14
16
|
const tileTitle = title ? (_jsx(Heading, { headingType: "h4", as: "h3", className: "mb-3.5 z-10", title: title })) : null;
|
|
15
17
|
const tileImage = image?.src ? (_jsx(Img, { className: "absolute bottom-0 right-0 m-0", image: image })) : null;
|
|
16
|
-
return (_jsx(BlockWrapper, { className:
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
18
|
+
return (_jsx(BlockWrapper, { className: [
|
|
19
|
+
'relative text-left border border-solid box-border p-9 w-[697px]',
|
|
20
|
+
VersionStyleMap[version],
|
|
21
|
+
BorderVersionStyleMap[version],
|
|
22
|
+
className,
|
|
23
|
+
].join(' '), ...rest, children: _jsxs(BaseTile, { title: tileTitle, image: tileImage, children: [_jsxs("div", { className: "flex justify-between mb-4", children: [description ? (_jsx("div", { className: "w-1/3", children: _jsx(Text, { size: "text-h6", children: description }) })) : null, additionalDescription ? (_jsx(Text, { size: "text-m", font: "font-light", color: VersionAdditionalStyleMap[version], children: additionalDescription })) : null] }), cardsList.length ? (_jsx("ul", { className: `list-none m-0 p-0 ${cardColumnsModeStyleMap[columnsMode]}`, children: renderCardList(cardsList, columnsMode) })) : null] }) }));
|
|
20
24
|
});
|
|
21
25
|
const renderCardList = (cardsList, columnsMode) => {
|
|
22
26
|
const CARDS_COUNT_MAP = [4, 9];
|
|
23
27
|
const visibleCardsList = cardsList.slice(0, CARDS_COUNT_MAP[columnsMode - 1]);
|
|
24
|
-
return visibleCardsList.map((item, i) => (_jsxs("li", { className: columnsMode === 2 ? 'basis-[calc(50%-20px)]' : '', children: [item?.parameter ? (_jsx("
|
|
28
|
+
return visibleCardsList.map((item, i) => (_jsxs("li", { className: columnsMode === 2 ? 'basis-[calc(50%-20px)]' : '', children: [item?.parameter ? (_jsx("div", { className: "pr-2.5", children: _jsx(Text, { size: getItemListFontSize(columnsMode), children: item.parameter }) })) : null, item?.parameterDescription ? (_jsx(Text, { size: "text-m", font: "font-light", color: "text-secondary-text", children: item.parameterDescription })) : null] }, String(i))));
|
|
25
29
|
};
|
|
26
30
|
//# sourceMappingURL=CarouselInvestmentCard.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CarouselInvestmentCard.js","sourceRoot":"","sources":["../../../src/components/CarouselInvestmentCard/CarouselInvestmentCard.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"CarouselInvestmentCard.js","sourceRoot":"","sources":["../../../src/components/CarouselInvestmentCard/CarouselInvestmentCard.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,9 +1,6 @@
|
|
|
1
1
|
import type { BlockVersion } from '../../model/BlockVersion';
|
|
2
|
-
import type { Picture } from '../../model/Picture';
|
|
3
2
|
import type { HeadlineCommonProps } from '../../model/HeadlineType';
|
|
4
|
-
|
|
5
|
-
* @title Карточка галереи инвестиций
|
|
6
|
-
*/
|
|
3
|
+
import type { Picture } from '../../model/Picture';
|
|
7
4
|
/**
|
|
8
5
|
* @title Количество колонок
|
|
9
6
|
* @enumNames [
|
|
@@ -18,6 +15,9 @@ export interface CardsListItem {
|
|
|
18
15
|
/** @title Описание */
|
|
19
16
|
parameterDescription?: string;
|
|
20
17
|
}
|
|
18
|
+
/**
|
|
19
|
+
* @title Карточка галереи инвестиций
|
|
20
|
+
*/
|
|
21
21
|
export interface CarouselInvestmentCardContent extends HeadlineCommonProps {
|
|
22
22
|
/** @title Доп. описание карточки */
|
|
23
23
|
additionalDescription?: string;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import type { UniBlockProps } from '../../model/JSXBlock';
|
|
2
|
+
import type { CarouselProductCardContent } from './CarouselProductCardContent';
|
|
3
|
+
export interface CarouselProductCardProps extends CarouselProductCardContent, UniBlockProps {
|
|
4
|
+
}
|
|
5
|
+
export declare const CarouselProductCard: import("@redneckz/uni-jsx").UNIComponent<CarouselProductCardProps, any, any>;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import type { CarouselProductCardContent } from './CarouselProductCardContent';
|
|
3
|
+
export declare const PRODUCT_CARD: CarouselProductCardContent;
|
|
4
|
+
declare const _default: {
|
|
5
|
+
default: JSX.Element;
|
|
6
|
+
secondary: JSX.Element;
|
|
7
|
+
};
|
|
8
|
+
export default _default;
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { jsxs as _jsxs, jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
|
|
2
|
+
import { JSX } from '@redneckz/uni-jsx';
|
|
3
|
+
import { AlignText } from '../../model/AlignText.js';
|
|
4
|
+
import { VersionStyleMap } from '../../model/BlockVersion.js';
|
|
5
|
+
import { renderButton } from '../../ui-kit/Button/ButtonSection.js';
|
|
6
|
+
import { Img } from '../../ui-kit/Img/Img.js';
|
|
7
|
+
import { List } from '../../ui-kit/List/List.js';
|
|
8
|
+
import { Paragraph } from '../../ui-kit/Paragraph/Paragraph.js';
|
|
9
|
+
import { Text } from '../../ui-kit/Text/Text.js';
|
|
10
|
+
import { getIconWithVersion } from '../../utils/getIconWithVersion.js';
|
|
11
|
+
import { HEADLINE_SMALL_VERSION } from '../Headline/constants.js';
|
|
12
|
+
const descriptionStyleMap = {
|
|
13
|
+
primary: 'text-secondary-text',
|
|
14
|
+
secondary: 'text-white/80',
|
|
15
|
+
};
|
|
16
|
+
const BORDER_STYLE = 'box-border border-solid border border-main-stroke ';
|
|
17
|
+
export const CarouselProductCard = JSX(({ title, headlineSmallVersion = 'H6', description, additionalDescription, icon, items = [], button = {}, version = 'primary', isDotted = true, align = 'center', }) => {
|
|
18
|
+
return (_jsxs("section", { className: [
|
|
19
|
+
'flex flex-col justify-between items-stretch min-w-[260px] h-full w-full p-6',
|
|
20
|
+
BORDER_STYLE,
|
|
21
|
+
AlignText[align],
|
|
22
|
+
VersionStyleMap[version],
|
|
23
|
+
].join(' '), role: "listitem", children: [_jsxs("div", { className: "flex flex-col h-full", children: [renderImage(icon, version), renderCardTitle(headlineSmallVersion, title), renderDescription(description, title), renderItems(items, isDotted, version), renderAdditionalDescription(additionalDescription, version)] }), renderButton({ button, buttonClassName: 'mt-6' })] }));
|
|
24
|
+
});
|
|
25
|
+
const renderImage = (image, version) => (_jsxs("div", { className: "flex justify-center", children: [image?.src ? _jsx(Img, { className: "mb-5", image: image }) : null, image?.icon ? (_jsx(Img, { className: `w-[32px] h-[32px] min-w-[32px] mb-5 rounded-full`, image: getIconWithVersion(image, version), asSVG: true })) : null] }));
|
|
26
|
+
const renderCardTitle = (headlineSmallVersion, title) => title ? _jsx(Text, { size: HEADLINE_SMALL_VERSION[headlineSmallVersion], children: title }) : null;
|
|
27
|
+
const renderDescription = (description, title) => description ? (_jsx("div", { className: title ? 'mt-2' : '', children: _jsx(Paragraph, { size: "text-l", children: description }) })) : null;
|
|
28
|
+
const renderAdditionalDescription = (additionalDescription, version = 'primary') => additionalDescription ? (_jsx("div", { className: "mt-auto", children: _jsx(Text, { size: "text-m", font: "font-light", color: descriptionStyleMap[version], children: additionalDescription }) })) : null;
|
|
29
|
+
const renderItems = (items, isDotted, version = 'primary') => items?.length ? (_jsx(List, { className: `max-w-[308px] mt-2 text-s ${version === 'primary' ? '!text-secondary-text' : ''}`, itemClassName: "text-left", items: items.filter((item) => item?.text).map((item) => item.text), isDotted: isDotted, version: version })) : null;
|
|
30
|
+
//# sourceMappingURL=CarouselProductCard.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CarouselProductCard.js","sourceRoot":"","sources":["../../../src/components/CarouselProductCard/CarouselProductCard.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import type { AlignType } from '../../model/AlignType';
|
|
2
|
+
import type { BlockVersion } from '../../model/BlockVersion';
|
|
3
|
+
import type { HeadlineSmallProps } from '../../model/HeadlineType';
|
|
4
|
+
import type { Picture } from '../../model/Picture';
|
|
5
|
+
import type { ButtonWithIconProps } from '../../ui-kit/Button/ButtonProps';
|
|
6
|
+
/**
|
|
7
|
+
* @title Элемент списка
|
|
8
|
+
*/
|
|
9
|
+
export interface ListProps {
|
|
10
|
+
/** @title Текст */
|
|
11
|
+
text?: string;
|
|
12
|
+
}
|
|
13
|
+
/**
|
|
14
|
+
* @title Карточка продуктовой карусели
|
|
15
|
+
*/
|
|
16
|
+
export declare type CarouselProductCardContent = HeadlineSmallProps & {
|
|
17
|
+
/** @title Дополнительное описание */
|
|
18
|
+
additionalDescription?: string;
|
|
19
|
+
/**
|
|
20
|
+
* @default {
|
|
21
|
+
* "format": "webp",
|
|
22
|
+
* "size": {
|
|
23
|
+
* "width": 140
|
|
24
|
+
* },
|
|
25
|
+
* "sources": [{
|
|
26
|
+
* "media": 1279,
|
|
27
|
+
* "width": 84,
|
|
28
|
+
* "format": "webp",
|
|
29
|
+
* "alignment": "center"
|
|
30
|
+
* }]
|
|
31
|
+
* }
|
|
32
|
+
*/
|
|
33
|
+
icon?: Picture;
|
|
34
|
+
/** @title Кнопка */
|
|
35
|
+
button?: ButtonWithIconProps;
|
|
36
|
+
/**
|
|
37
|
+
* @title Буллиты
|
|
38
|
+
* @default true
|
|
39
|
+
*/
|
|
40
|
+
isDotted?: boolean;
|
|
41
|
+
/** @title Список */
|
|
42
|
+
items?: ListProps[];
|
|
43
|
+
version?: BlockVersion;
|
|
44
|
+
/**
|
|
45
|
+
* @title Выравнивание
|
|
46
|
+
* @default center
|
|
47
|
+
*/
|
|
48
|
+
align?: AlignType;
|
|
49
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CarouselProductCardContent.js","sourceRoot":"","sources":["../../../src/components/CarouselProductCard/CarouselProductCardContent.ts"],"names":[],"mappings":""}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { CarouselProgramsCardContent } from './CarouselProgramsCardContent';
|
|
2
|
+
import type { CarouselProgramsCardContent } from './CarouselProgramsCardContent';
|
|
3
3
|
export declare const BUSINESS_CARD: CarouselProgramsCardContent;
|
|
4
4
|
declare const _default: {
|
|
5
5
|
default: JSX.Element;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
+
import type { BlockVersion } from '../../model/BlockVersion';
|
|
1
2
|
import type { HeadlineCommonProps, TitleProps } from '../../model/HeadlineType';
|
|
2
3
|
import type { Picture } from '../../model/Picture';
|
|
3
|
-
import type { BlockVersion } from '../../model/BlockVersion';
|
|
4
4
|
/**
|
|
5
5
|
* @title Карточка программ карусели
|
|
6
6
|
*/
|
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
import { jsxs as _jsxs, jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
|
|
2
2
|
import { JSX } from '@redneckz/uni-jsx';
|
|
3
3
|
import { AlignText } from '../../model/AlignText.js';
|
|
4
|
+
import { VersionAdditionalStyleMap } from '../../model/BlockVersion.js';
|
|
4
5
|
import { renderButton } from '../../ui-kit/Button/ButtonSection.js';
|
|
5
6
|
import { Img } from '../../ui-kit/Img/Img.js';
|
|
6
7
|
import { List } from '../../ui-kit/List/List.js';
|
|
7
8
|
import { getIconWithVersion } from '../../utils/getIconWithVersion.js';
|
|
8
9
|
import { HEADLINE_SMALL_VERSION } from '../Headline/constants.js';
|
|
9
|
-
export const GalleryCardInner = JSX(({ title, headlineSmallVersion = 'H6', description, additionalDescription, icon, items, button, version, isFullWidth = true, isDotted = true, align = 'center', }) => (_jsxs("div", { className: `h-full flex flex-col justify-between ${AlignText[align]}`, children: [_jsxs("div", { className: "flex flex-col h-full", children: [renderImage(icon, version), renderCardTitle(headlineSmallVersion, title), renderDescription(description, title), items?.length ? renderItems(items, isDotted, version) : null, renderAdditionalDescription(additionalDescription)] }), button?.text
|
|
10
|
+
export const GalleryCardInner = JSX(({ title, headlineSmallVersion = 'H6', description, additionalDescription, icon, items, button, version, isFullWidth = true, isDotted = true, align = 'center', }) => (_jsxs("div", { className: `h-full flex flex-col justify-between ${AlignText[align]}`, children: [_jsxs("div", { className: "flex flex-col h-full", children: [renderImage(icon, version), renderCardTitle(headlineSmallVersion, title), renderDescription(description, title), items?.length ? renderItems(items, isDotted, version) : null, renderAdditionalDescription(additionalDescription, version)] }), button?.text
|
|
10
11
|
? renderButton({
|
|
11
12
|
button,
|
|
12
13
|
buttonClassName: `mt-6 ${isFullWidth ? '' : 'self-center'}`,
|
|
@@ -15,6 +16,6 @@ export const GalleryCardInner = JSX(({ title, headlineSmallVersion = 'H6', descr
|
|
|
15
16
|
const renderImage = (image, version) => (_jsxs("div", { className: "flex justify-center", children: [image?.src ? _jsx(Img, { className: "mb-5", image: image }) : null, image?.icon ? (_jsx(Img, { className: `w-8 h-8 min-w-8 mb-5 rounded-full`, image: getIconWithVersion(image, version), asSVG: true })) : null] }));
|
|
16
17
|
const renderCardTitle = (headlineSmallVersion, title) => title ? _jsx("div", { className: HEADLINE_SMALL_VERSION[headlineSmallVersion], children: title }) : null;
|
|
17
18
|
const renderDescription = (description, title) => description ? _jsx("div", { className: `text-l ${title ? 'mt-2' : ''}`, children: description }) : null;
|
|
18
|
-
const renderAdditionalDescription = (additionalDescription) => additionalDescription ? (_jsx("div", { className:
|
|
19
|
+
const renderAdditionalDescription = (additionalDescription, version) => additionalDescription ? (_jsx("div", { className: `text-m-light mt-auto ${VersionAdditionalStyleMap[version ?? 'primary']}`, children: additionalDescription })) : null;
|
|
19
20
|
const renderItems = (items, isDotted, version = 'primary') => (_jsx(List, { className: `max-w-[308px] mt-2 text-s ${version === 'primary' ? '!text-secondary-text' : ''}`, itemClassName: "text-left", items: items.filter((item) => item?.text).map((item) => item.text), isDotted: isDotted, version: version }));
|
|
20
21
|
//# sourceMappingURL=GalleryCardInner.js.map
|
|
@@ -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,SAAS,EAAE,MAAM,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"GalleryCardInner.js","sourceRoot":"","sources":["../../../src/components/Gallery/GalleryCardInner.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,7 +4,8 @@ import type { ProductTileContent } from './ProductTileContent';
|
|
|
4
4
|
export declare const PRODUCT_TILE: ProductTileContent;
|
|
5
5
|
export declare const PRODUCT_PENSION_TILE: ProductTileContent;
|
|
6
6
|
declare const _default: {
|
|
7
|
-
|
|
7
|
+
default: JSX.Element;
|
|
8
|
+
secondary: JSX.Element;
|
|
8
9
|
pension: JSX.Element;
|
|
9
10
|
'long-title-benefits-without-image': JSX.Element;
|
|
10
11
|
'credit-card': JSX.Element;
|
|
@@ -1,41 +1,29 @@
|
|
|
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 { VersionStyleMap } from '../../model/BlockVersion.js';
|
|
3
|
+
import { VersionAdditionalStyleMap, VersionStyleMap } from '../../model/BlockVersion.js';
|
|
4
4
|
import { BlockWrapper } from '../../ui-kit/BlockWrapper.js';
|
|
5
5
|
import { ButtonSection } from '../../ui-kit/Button/ButtonSection.js';
|
|
6
6
|
import { Img } from '../../ui-kit/Img/Img.js';
|
|
7
7
|
import { getTileRightPadding } from '../BaseTile/getTileRightPadding.js';
|
|
8
8
|
import { Headline } from '../Headline/Headline.js';
|
|
9
9
|
export const ProductTile = JSX(({ className = '', title, headlineVersion = 'S', description, additionalDescription, benefits = [], buttons, image, version = 'primary', ...rest }) => (_jsxs(BlockWrapper, { className: `overflow-hidden font-sans p-9 box-border relative justify-between grid min-h-[364px]
|
|
10
|
-
${className} ${VersionStyleMap[version]} ${getTileRightPadding(className)}`, ...rest, children: [_jsx(Headline, { className: `!p-0 !bg-transparent z-10 ${title || description ? 'mb-3.5' : ''}`, as: "h2", title: title, description: description, headlineVersion: headlineVersion, bgColorHeadline: version, align: "left", ...rest }), renderBenefits(benefits, version, image), additionalDescription
|
|
11
|
-
? renderAdditionalDescription(additionalDescription, image, version)
|
|
12
|
-
: null, buttons?.length ? (_jsx(ButtonSection, { buttons: buttons, className: "flex self-end mt-5 gap-4 z-10 text-l" })) : null, image?.src ? _jsx(Img, { className: "absolute right-0 bottom-0", image: image }) : null] })));
|
|
10
|
+
${className} ${VersionStyleMap[version]} ${getTileRightPadding(className)}`, ...rest, children: [_jsx(Headline, { className: `!p-0 !bg-transparent z-10 ${title || description ? 'mb-3.5' : ''}`, as: "h2", title: title, description: description, headlineVersion: headlineVersion, bgColorHeadline: version, align: "left", ...rest }), renderBenefits(benefits, version, image), additionalDescription ? renderAdditionalDescription(additionalDescription, image) : null, buttons?.length ? (_jsx(ButtonSection, { buttons: buttons, className: "flex self-end mt-5 gap-4 z-10 text-l" })) : null, image?.src ? _jsx(Img, { className: "absolute right-0 bottom-0", image: image }) : null] })));
|
|
13
11
|
function renderBenefits(benefits, version, image) {
|
|
14
12
|
// picture width = 242px. Text can overlay picture 20px deep. Outer paddings_x = 36px. 242-36-20 = 186px
|
|
15
13
|
const BENEFITS_WIDTH = image?.src ? 'max-w-[calc(100%-186px)]' : '100%';
|
|
16
14
|
return (_jsx("div", { className: `z-10 grid grid-cols-[max-content_1fr] auto-rows-auto gap-x-6 gap-y-2.5 items-baseline
|
|
17
15
|
${BENEFITS_WIDTH}`, children: benefits.length ? benefits.map(renderBenefit(version)) : null }));
|
|
18
16
|
}
|
|
19
|
-
|
|
20
|
-
const
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
_jsx("div", { className: "text-h6", children: label }, `label-${i}`),
|
|
28
|
-
_jsx("div", { className: `text-m-light ${labelStyleMap[version]}`, children: description }, `desc-${i}`),
|
|
29
|
-
];
|
|
30
|
-
};
|
|
31
|
-
}
|
|
32
|
-
function renderAdditionalDescription(additionalDescription, image, version = 'primary') {
|
|
33
|
-
const descStyleMap = {
|
|
34
|
-
primary: 'text-secondary-text',
|
|
35
|
-
secondary: 'text-white',
|
|
36
|
-
};
|
|
17
|
+
const renderBenefit = (version = 'primary') => (benefit, i) => {
|
|
18
|
+
const { label = '', description = '' } = benefit;
|
|
19
|
+
return [
|
|
20
|
+
_jsx("div", { className: "text-h6", children: label }, `label-${i}`),
|
|
21
|
+
_jsx("div", { className: `text-m-light ${VersionAdditionalStyleMap[version]}`, children: description }, `desc-${i}`),
|
|
22
|
+
];
|
|
23
|
+
};
|
|
24
|
+
function renderAdditionalDescription(additionalDescription, image) {
|
|
37
25
|
// picture width = 242px. Text can overlay picture 20px deep. Outer paddings_x = 36px. 242-36-20 = 186px
|
|
38
26
|
const DESCRIPTION_WIDTH = image?.src ? 'max-w-[calc(100%-186px)]' : '100%';
|
|
39
|
-
return (_jsx("div", { className: `text-m-light mt-2.5 z-10 ${DESCRIPTION_WIDTH}
|
|
27
|
+
return (_jsx("div", { className: `text-m-light mt-2.5 z-10 ${DESCRIPTION_WIDTH}`, children: additionalDescription }));
|
|
40
28
|
}
|
|
41
29
|
//# sourceMappingURL=ProductTile.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProductTile.js","sourceRoot":"","sources":["../../../src/components/ProductTile/ProductTile.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;
|
|
1
|
+
{"version":3,"file":"ProductTile.js","sourceRoot":"","sources":["../../../src/components/ProductTile/ProductTile.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,10 +4,11 @@ import { LinkDocsContent } from '../LinkDocs/LinkDocsContent';
|
|
|
4
4
|
export declare const linkDocsExample: LinkDocsContent;
|
|
5
5
|
declare const _default: {
|
|
6
6
|
default: JSX.Element;
|
|
7
|
-
'
|
|
7
|
+
'white center': JSX.Element;
|
|
8
8
|
'secondary right': JSX.Element;
|
|
9
9
|
'secondary gap-XL': JSX.Element;
|
|
10
10
|
rollup: JSX.Element;
|
|
11
11
|
'rollup secondary': JSX.Element;
|
|
12
|
+
carousel: JSX.Element;
|
|
12
13
|
};
|
|
13
14
|
export default _default;
|
|
@@ -8,10 +8,10 @@ const alignStyle = {
|
|
|
8
8
|
right: 'items-end',
|
|
9
9
|
};
|
|
10
10
|
const gapStyleMap = {
|
|
11
|
-
XXL: 'gap-
|
|
12
|
-
XL: 'gap-
|
|
13
|
-
L: 'gap-
|
|
14
|
-
M: 'gap-
|
|
11
|
+
XXL: 'gap-12',
|
|
12
|
+
XL: 'gap-10',
|
|
13
|
+
L: 'gap-8',
|
|
14
|
+
M: 'gap-4',
|
|
15
15
|
S: 'gap-2',
|
|
16
16
|
XS: 'gap-1',
|
|
17
17
|
'': '',
|
|
@@ -21,15 +21,20 @@ const backgroundStyleMap = {
|
|
|
21
21
|
primary: 'bg-white',
|
|
22
22
|
secondary: 'bg-primary-main',
|
|
23
23
|
};
|
|
24
|
-
export const VerticalLayout = JSX(({ className = '', gap = '', align, version = 'transparent', ...rest }) =>
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
24
|
+
export const VerticalLayout = JSX(({ className = '', gap = '', align, isPadding = false, isInnerPadding = true, version = 'transparent', options, ...rest }) => {
|
|
25
|
+
const paddingStyle = isPadding ? 'p-12' : '';
|
|
26
|
+
const innerPaddingStyle = isInnerPadding ? '' : '!p-0';
|
|
27
|
+
return (_jsx(BlockWrapper, { className: [
|
|
28
|
+
'flex flex-col [&>*]:max-w-full',
|
|
29
|
+
paddingStyle,
|
|
30
|
+
gapStyleMap[gap],
|
|
31
|
+
align && alignStyle[align],
|
|
32
|
+
backgroundStyleMap[version],
|
|
33
|
+
className,
|
|
34
|
+
]
|
|
35
|
+
.filter(Boolean)
|
|
36
|
+
.join(' '), ...rest, children: renderChildren({ ...rest, options: { ...options, className: innerPaddingStyle } }) }));
|
|
37
|
+
});
|
|
33
38
|
VerticalLayout.childrenTypes = {
|
|
34
39
|
exclude: ['VerticalLayout'],
|
|
35
40
|
};
|
|
@@ -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;AAIpE,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAKzD,MAAM,UAAU,GAA8B;IAC5C,IAAI,EAAE,aAAa;IACnB,MAAM,EAAE,cAAc;IACtB,KAAK,EAAE,WAAW;CACnB,CAAC;AAEF,MAAM,WAAW,GAA+B;IAC9C,GAAG,EAAE,QAAQ;IACb,EAAE,EAAE,
|
|
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;AAIpE,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAKzD,MAAM,UAAU,GAA8B;IAC5C,IAAI,EAAE,aAAa;IACnB,MAAM,EAAE,cAAc;IACtB,KAAK,EAAE,WAAW;CACnB,CAAC;AAEF,MAAM,WAAW,GAA+B;IAC9C,GAAG,EAAE,QAAQ;IACb,EAAE,EAAE,QAAQ;IACZ,CAAC,EAAE,OAAO;IACV,CAAC,EAAE,OAAO;IACV,CAAC,EAAE,OAAO;IACV,EAAE,EAAE,OAAO;IACX,EAAE,EAAE,EAAE;CACP,CAAC;AAEF,MAAM,kBAAkB,GAAgD;IACtE,WAAW,EAAE,EAAE;IACf,OAAO,EAAE,UAAU;IACnB,SAAS,EAAE,iBAAiB;CAC7B,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAkC,GAAG,CAC9D,CAAC,EACC,SAAS,GAAG,EAAE,EACd,GAAG,GAAG,EAAE,EACR,KAAK,EACL,SAAS,GAAG,KAAK,EACjB,cAAc,GAAG,IAAI,EACrB,OAAO,GAAG,aAAa,EACvB,OAAO,EACP,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,YAAY,GAAG,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;IAC7C,MAAM,iBAAiB,GAAG,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC;IAEvD,OAAO,CACL,KAAC,YAAY,IACX,SAAS,EAAE;YACT,gCAAgC;YAChC,YAAY;YACZ,WAAW,CAAC,GAAG,CAAC;YAChB,KAAK,IAAI,UAAU,CAAC,KAAK,CAAC;YAC1B,kBAAkB,CAAC,OAAO,CAAC;YAC3B,SAAS;SACV;aACE,MAAM,CAAC,OAAO,CAAC;aACf,IAAI,CAAC,GAAG,CAAC,KACR,IAAI,YAEP,cAAc,CAAC,EAAE,GAAG,IAAI,EAAE,OAAO,EAAE,EAAE,GAAG,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,EAAE,CAAC,GACtE,CAChB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,cAAc,CAAC,aAAa,GAAG;IAC7B,OAAO,EAAE,CAAC,gBAAgB,CAAC;CAC5B,CAAC"}
|
|
@@ -14,4 +14,8 @@ export interface VerticalLayoutContent {
|
|
|
14
14
|
version?: BlockVersionWithTransparent;
|
|
15
15
|
align?: AlignType;
|
|
16
16
|
gap?: GapVersion;
|
|
17
|
+
/** @title Внутренний отступ компоновщика */
|
|
18
|
+
isPadding?: boolean;
|
|
19
|
+
/** @title Отступы вложенных компонентов */
|
|
20
|
+
isInnerPadding?: boolean;
|
|
17
21
|
}
|
|
@@ -9,4 +9,5 @@ export declare type BlockVersion = 'primary' | 'secondary';
|
|
|
9
9
|
*/
|
|
10
10
|
export declare type BlockVersionWithTransparent = 'transparent' | 'primary' | 'secondary';
|
|
11
11
|
export declare const VersionStyleMap: Record<BlockVersion, string>;
|
|
12
|
+
export declare const VersionAdditionalStyleMap: Record<BlockVersion, string>;
|
|
12
13
|
export declare const VersionWithTransparentStyleMap: Record<BlockVersionWithTransparent, string>;
|
|
@@ -2,6 +2,10 @@ export const VersionStyleMap = {
|
|
|
2
2
|
primary: 'bg-white text-primary-text',
|
|
3
3
|
secondary: 'bg-primary-main text-white',
|
|
4
4
|
};
|
|
5
|
+
export const VersionAdditionalStyleMap = {
|
|
6
|
+
primary: 'text-secondary-text',
|
|
7
|
+
secondary: 'text-white',
|
|
8
|
+
};
|
|
5
9
|
export const VersionWithTransparentStyleMap = {
|
|
6
10
|
transparent: '',
|
|
7
11
|
primary: 'bg-white text-primary-text',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BlockVersion.js","sourceRoot":"","sources":["../../src/model/BlockVersion.ts"],"names":[],"mappings":"AAYA,MAAM,CAAC,MAAM,eAAe,GAAiC;IAC3D,OAAO,EAAE,4BAA4B;IACrC,SAAS,EAAE,4BAA4B;CACxC,CAAC;AAEF,MAAM,CAAC,MAAM,8BAA8B,GAAgD;IACzF,WAAW,EAAE,EAAE;IACf,OAAO,EAAE,4BAA4B;IACrC,SAAS,EAAE,4BAA4B;CACxC,CAAC"}
|
|
1
|
+
{"version":3,"file":"BlockVersion.js","sourceRoot":"","sources":["../../src/model/BlockVersion.ts"],"names":[],"mappings":"AAYA,MAAM,CAAC,MAAM,eAAe,GAAiC;IAC3D,OAAO,EAAE,4BAA4B;IACrC,SAAS,EAAE,4BAA4B;CACxC,CAAC;AAEF,MAAM,CAAC,MAAM,yBAAyB,GAAiC;IACrE,OAAO,EAAE,qBAAqB;IAC9B,SAAS,EAAE,YAAY;CACxB,CAAC;AAEF,MAAM,CAAC,MAAM,8BAA8B,GAAgD;IACzF,WAAW,EAAE,EAAE;IACf,OAAO,EAAE,4BAA4B;IACrC,SAAS,EAAE,4BAA4B;CACxC,CAAC"}
|
|
@@ -9,5 +9,5 @@ interface RenderButtonProps {
|
|
|
9
9
|
index?: number;
|
|
10
10
|
}
|
|
11
11
|
export declare const ButtonSection: import("@redneckz/uni-jsx").UNIComponent<ButtonSectionProps, any, any>;
|
|
12
|
-
export declare function renderButton({ button, buttonClassName, index }: RenderButtonProps): JSX.Element;
|
|
12
|
+
export declare function renderButton({ button, buttonClassName, index }: RenderButtonProps): JSX.Element | null;
|
|
13
13
|
export {};
|