@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
|
@@ -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>;
|
|
@@ -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 {};
|
|
@@ -10,7 +10,7 @@ interface SwipeListContainerProps extends SwipeContainerProps {
|
|
|
10
10
|
current: HTMLDivElement | null;
|
|
11
11
|
};
|
|
12
12
|
activeIndex?: number;
|
|
13
|
-
visibleItemCount?: SwipeListItemWidthAuto | 1 | 2 | 3;
|
|
13
|
+
visibleItemCount?: SwipeListItemWidthAuto | 1 | 2 | 3 | 4;
|
|
14
14
|
snapAlign?: 'snap-start' | 'snap-center' | 'snap-end';
|
|
15
15
|
onVisibleItemsChange?: (itemsVisibilityList: ItemsVisibilityList) => void;
|
|
16
16
|
onVisibleIndicesChange?: (indices: number[]) => void;
|
|
@@ -6,14 +6,14 @@ const defaultBlockDecorator_1 = require("./defaultBlockDecorator");
|
|
|
6
6
|
const DEFAULT_ANCESTORS = [];
|
|
7
7
|
const DEFAULT_STYLE = ['col-span-12'];
|
|
8
8
|
function renderBlock(block, options) {
|
|
9
|
-
const { key, blockDecorator = defaultBlockDecorator_1.defaultBlockDecorator, blocksRegistry = {}, ancestors = DEFAULT_ANCESTORS, } = options;
|
|
9
|
+
const { key, blockDecorator = defaultBlockDecorator_1.defaultBlockDecorator, blocksRegistry = {}, ancestors = DEFAULT_ANCESTORS, className = '', } = options;
|
|
10
10
|
const { type } = block;
|
|
11
11
|
if (!(type && type in blocksRegistry)) {
|
|
12
12
|
console.warn(`No block with "${type}" is registered`);
|
|
13
13
|
}
|
|
14
14
|
const BlockComponent = type && blocksRegistry[type];
|
|
15
15
|
return blockDecorator({
|
|
16
|
-
blockClassName: `scroll-mt-12 ${(0, style2className_1.style2className)(block.style || DEFAULT_STYLE)}`,
|
|
16
|
+
blockClassName: `scroll-mt-12 ${className} ${(0, style2className_1.style2className)(block.style || DEFAULT_STYLE)}`,
|
|
17
17
|
block,
|
|
18
18
|
ancestors,
|
|
19
19
|
// Adjusted by decorator block and blockClassName
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"renderBlock.js","sourceRoot":"","sources":["../../src/BlockRenderer/renderBlock.tsx"],"names":[],"mappings":";;;AAEA,8DAA2D;AAE3D,mEAAgE;AAEhE,MAAM,iBAAiB,GAAmB,EAAE,CAAC;AAC7C,MAAM,aAAa,GAAG,CAAC,aAAa,CAAC,CAAC;AAEtC,SAAgB,WAAW,CAAC,KAAe,EAAE,OAA6B;IACxE,MAAM,EACJ,GAAG,EACH,cAAc,GAAG,6CAAqB,EACtC,cAAc,GAAG,EAAE,EACnB,SAAS,GAAG,iBAAiB,
|
|
1
|
+
{"version":3,"file":"renderBlock.js","sourceRoot":"","sources":["../../src/BlockRenderer/renderBlock.tsx"],"names":[],"mappings":";;;AAEA,8DAA2D;AAE3D,mEAAgE;AAEhE,MAAM,iBAAiB,GAAmB,EAAE,CAAC;AAC7C,MAAM,aAAa,GAAG,CAAC,aAAa,CAAC,CAAC;AAEtC,SAAgB,WAAW,CAAC,KAAe,EAAE,OAA6B;IACxE,MAAM,EACJ,GAAG,EACH,cAAc,GAAG,6CAAqB,EACtC,cAAc,GAAG,EAAE,EACnB,SAAS,GAAG,iBAAiB,EAC7B,SAAS,GAAG,EAAE,GACf,GAAG,OAAO,CAAC;IACZ,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IAEvB,IAAI,CAAC,CAAC,IAAI,IAAI,IAAI,IAAI,cAAc,CAAC,EAAE;QACrC,OAAO,CAAC,IAAI,CAAC,kBAAkB,IAAI,iBAAiB,CAAC,CAAC;KACvD;IAED,MAAM,cAAc,GAAG,IAAI,IAAI,cAAc,CAAC,IAAI,CAAC,CAAC;IAEpD,OAAO,cAAc,CACnB;QACE,cAAc,EAAE,gBAAgB,SAAS,IAAI,IAAA,iCAAe,EAAC,KAAK,CAAC,KAAK,IAAI,aAAa,CAAC,EAAE;QAC5F,KAAK;QACL,SAAS;QACT,iDAAiD;QACjD,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,sBAAsB,EAAE,EAAE,EAAE;YAC3E,MAAM,EAAE,OAAO,EAAE,GAAG,aAAa,CAAC;YAElC,OAAO,cAAc,CAAC,CAAC,CAAC,CACtB,uBAAC,cAAc,IAEb,SAAS,EAAE,sBAAsB,EACjC,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,KACZ,OAAO,IAJN,GAAG,CAKR,CACH,CAAC,CAAC,CAAC,IAAI,CAAC;QACX,CAAC;KACF,EACD,GAAG,CACJ,CAAC;AACJ,CAAC;AAtCD,kCAsCC"}
|
|
@@ -7,7 +7,6 @@ export interface ProjectSettings {
|
|
|
7
7
|
SITEMAP?: string;
|
|
8
8
|
FOOTER?: string;
|
|
9
9
|
CDN?: string;
|
|
10
|
-
BASE_PATH?: string;
|
|
11
10
|
YANDEX_MAP_API_KEY?: string;
|
|
12
11
|
YANDEX_METRIKA_ID?: string;
|
|
13
12
|
}
|
|
@@ -22,7 +21,6 @@ export declare const projectSettings: {
|
|
|
22
21
|
readonly SITEMAP: string | undefined;
|
|
23
22
|
readonly FOOTER: string | undefined;
|
|
24
23
|
readonly CDN: string | undefined;
|
|
25
|
-
readonly BASE_PATH: string | undefined;
|
|
26
24
|
readonly YANDEX_MAP_API_KEY: string | undefined;
|
|
27
25
|
readonly YANDEX_METRIKA_ID: string | undefined;
|
|
28
26
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProjectSettings.js","sourceRoot":"","sources":["../src/ProjectSettings.ts"],"names":[],"mappings":";;
|
|
1
|
+
{"version":3,"file":"ProjectSettings.js","sourceRoot":"","sources":["../src/ProjectSettings.ts"],"names":[],"mappings":";;AAaa,QAAA,eAAe,GAAG,IAAI,CAAC;IAClC,CAAC,GAAoB;QACnB,WAAW,EAAE,QAAQ;QACrB,iBAAiB,EAAE,KAAK;KACzB,CAAC;IAEF,KAAK,CAAC,CAAkB;QACtB,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC;IACb,CAAC;IAED,IAAI,WAAW;QACb,OAAO,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC;IAC5B,CAAC;IACD,IAAI,SAAS;QACX,OAAO,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC;IAC1B,CAAC;IACD,IAAI,WAAW;QACb,OAAO,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC;IAC5B,CAAC;IACD,IAAI,iBAAiB;QACnB,OAAO,IAAI,CAAC,CAAC,CAAC,iBAAiB,CAAC;IAClC,CAAC;IACD,IAAI,iBAAiB;QACnB,OAAO,IAAI,CAAC,CAAC,CAAC,iBAAiB,CAAC;IAClC,CAAC;IACD,IAAI,OAAO;QACT,OAAO,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC;IACxB,CAAC;IACD,IAAI,MAAM;QACR,OAAO,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC;IACvB,CAAC;IACD,IAAI,GAAG;QACL,OAAO,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC;IACpB,CAAC;IACD,IAAI,kBAAkB;QACpB,OAAO,IAAI,CAAC,CAAC,CAAC,kBAAkB,CAAC;IACnC,CAAC;IACD,IAAI,iBAAiB;QACnB,OAAO,IAAI,CAAC,CAAC,CAAC,iBAAiB,CAAC;IAClC,CAAC;CACF,CAAC,EAAE,CAAC"}
|
|
@@ -17,12 +17,13 @@ exports.Carousel = (0, uni_jsx_1.JSX)(({ className = '', itemCount, visibleItemC
|
|
|
17
17
|
itemCount: count,
|
|
18
18
|
isCyclic,
|
|
19
19
|
});
|
|
20
|
-
return ((0, jsx_runtime_1.
|
|
20
|
+
return ((0, jsx_runtime_1.jsx)(BlockWrapper_1.BlockWrapper, { className: `font-sans p-12 ${className}`, ...rest, children: (0, jsx_runtime_1.jsxs)("div", { className: "relative max-w-full", children: [(0, jsx_runtime_1.jsx)(SwipeListContainer_1.SwipeListContainer, { containerRef: containerRef, visibleItemCount: visibleItemCount, snapAlign: "snap-start", gap: ITEMS_GAP, onVisibleIndicesChange: scroll.handleVisibleIndicesChange, children: (0, renderChildren_1.renderChildren)(rest) }), (scroll.canScrollLeft || scroll.canScrollRight) && isBlur ? ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", { className: `${blurBaseStyle} left-0 bg-opacity-from-white` }), (0, jsx_runtime_1.jsx)("div", { className: `${blurBaseStyle} right-0 bg-opacity-to-white` })] })) : null, renderScrollButtons(scroll)] }) }));
|
|
21
21
|
});
|
|
22
22
|
exports.Carousel.childrenTypes = [
|
|
23
23
|
'CarouselCard',
|
|
24
|
+
'CarouselCatalogCard',
|
|
24
25
|
'CarouselTariffsCard',
|
|
25
|
-
'
|
|
26
|
+
'CarouselProductCard',
|
|
26
27
|
'CarouselProgramsCard',
|
|
27
28
|
'CarouselInvestmentCard',
|
|
28
29
|
];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Carousel.js","sourceRoot":"","sources":["../../../src/components/Carousel/Carousel.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,uEAAoE;AAEpE,4DAAyD;AACzD,iEAAsF;AACtF,yFAAsF;AACtF,yFAG0D;AAO1D,MAAM,SAAS,GAAG,CAAC,CAAC;AAEpB,MAAM,aAAa,GAAG,uCAAuC,CAAC;AAC9D,MAAM,iBAAiB,GAAG,oCAAoC,CAAC;AAElD,QAAA,QAAQ,GAA4B,IAAA,aAAG,EAClD,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,IAAA,uCAAkB,EAAiB;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,+CAAwC;AACxC,uEAAoE;AAEpE,4DAAyD;AACzD,iEAAsF;AACtF,yFAAsF;AACtF,yFAG0D;AAO1D,MAAM,SAAS,GAAG,CAAC,CAAC;AAEpB,MAAM,aAAa,GAAG,uCAAuC,CAAC;AAC9D,MAAM,iBAAiB,GAAG,oCAAoC,CAAC;AAElD,QAAA,QAAQ,GAA4B,IAAA,aAAG,EAClD,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,IAAA,uCAAkB,EAAiB;QAChE,SAAS,EAAE,KAAK;QAChB,QAAQ;KACT,CAAC,CAAC;IAEH,OAAO,CACL,uBAAC,2BAAY,IAAC,SAAS,EAAE,kBAAkB,SAAS,EAAE,KAAM,IAAI,YAC9D,iCAAK,SAAS,EAAC,qBAAqB,aAClC,uBAAC,uCAAkB,IACjB,YAAY,EAAE,YAAY,EAC1B,gBAAgB,EAAE,gBAAgB,EAClC,SAAS,EAAC,YAAY,EACtB,GAAG,EAAE,SAAS,EACd,sBAAsB,EAAE,MAAM,CAAC,0BAA0B,YAExD,IAAA,+BAAc,EAAC,IAAI,CAAC,GACF,EACpB,CAAC,MAAM,CAAC,aAAa,IAAI,MAAM,CAAC,cAAc,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,CAC3D,4CACE,gCAAK,SAAS,EAAE,GAAG,aAAa,+BAA+B,GAAI,EACnE,gCAAK,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,gBAAQ,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,4CACG,aAAa,CAAC,CAAC,CAAC,CACf,uBAAC,8BAAgB,IAAC,SAAS,EAAE,GAAG,iBAAiB,SAAS,EAAE,OAAO,EAAE,UAAU,GAAI,CACpF,CAAC,CAAC,CAAC,IAAI,EACP,cAAc,CAAC,CAAC,CAAC,CAChB,uBAAC,+BAAiB,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,17 @@
|
|
|
1
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
2
|
+
exports.CarouselCatalogCard = void 0;
|
|
3
|
+
const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
|
|
4
|
+
const uni_jsx_1 = require("@redneckz/uni-jsx");
|
|
5
|
+
const BlockVersion_1 = require("../../model/BlockVersion");
|
|
6
|
+
const ButtonSection_1 = require("../../ui-kit/Button/ButtonSection");
|
|
7
|
+
const Heading_1 = require("../../ui-kit/Heading/Heading");
|
|
8
|
+
const Img_1 = require("../../ui-kit/Img/Img");
|
|
9
|
+
const Paragraph_1 = require("../../ui-kit/Paragraph/Paragraph");
|
|
10
|
+
const Text_1 = require("../../ui-kit/Text/Text");
|
|
11
|
+
const cardStyleMap = {
|
|
12
|
+
black: 'bg-black',
|
|
13
|
+
white: 'bg-white',
|
|
14
|
+
};
|
|
15
|
+
exports.CarouselCatalogCard = (0, uni_jsx_1.JSX)(({ className = '', title, description, image, price, button, colors, version = 'primary' }) => ((0, jsx_runtime_1.jsxs)("section", { className: `border box-border border-main-stroke p-7 min-w-[392px] flex flex-col justify-left ${BlockVersion_1.VersionStyleMap[version]} ${className}`, role: "listitem", children: [image?.src ? (0, jsx_runtime_1.jsx)(Img_1.Img, { className: "mb-5 flex justify-center", image: image }) : null, title ? ((0, jsx_runtime_1.jsx)(Heading_1.Heading, { headingType: "h6", as: "h4", className: "text-left mb-1.5", title: title })) : null, description ? ((0, jsx_runtime_1.jsx)("div", { className: "mb-4", children: (0, jsx_runtime_1.jsx)(Paragraph_1.Paragraph, { size: "text-m", align: "text-left", font: "font-light", children: description }) })) : null, colors?.length ? ((0, jsx_runtime_1.jsxs)("div", { className: "flex mb-4 text-s-light text-secondary-text", children: [(0, jsx_runtime_1.jsx)("div", { className: "mr-1.5", children: (0, jsx_runtime_1.jsx)(Text_1.Text, { children: "\u0414\u043E\u0441\u0442\u0443\u043F\u043D\u044B\u0435 \u0446\u0432\u0435\u0442\u0430: " }) }), colors.map(renderColorOption)] })) : null, price ? ((0, jsx_runtime_1.jsxs)(Text_1.Text, { size: "text-h3", align: "text-left", children: [price, "\u00A0\u20BD"] })) : null, button ? (0, ButtonSection_1.renderButton)({ button, buttonClassName: 'mt-5 w-full' }) : null] })));
|
|
16
|
+
const renderColorOption = (color, i) => ((0, jsx_runtime_1.jsx)("span", { className: `w-6 h-6 ml-3 border border-solid border-main-divider rounded-full ${cardStyleMap[color]}` }, String(i)));
|
|
17
|
+
//# sourceMappingURL=CarouselCatalogCard.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CarouselCatalogCard.js","sourceRoot":"","sources":["../../../src/components/CarouselCatalogCard/CarouselCatalogCard.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAExC,2DAA2D;AAE3D,qEAAiE;AACjE,0DAAuD;AACvD,8CAA2C;AAC3C,gEAA6D;AAC7D,iDAA8C;AAQ9C,MAAM,YAAY,GAAwC;IACxD,KAAK,EAAE,UAAU;IACjB,KAAK,EAAE,UAAU;CAClB,CAAC;AAEW,QAAA,mBAAmB,GAAG,IAAA,aAAG,EACpC,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,qCACE,SAAS,EAAE,qFAAqF,8BAAe,CAAC,OAAO,CAAC,IAAI,SAAS,EAAE,EACvI,IAAI,EAAC,UAAU,aAEd,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,uBAAC,SAAG,IAAC,SAAS,EAAC,0BAA0B,EAAC,KAAK,EAAE,KAAK,GAAI,CAAC,CAAC,CAAC,IAAI,EAC9E,KAAK,CAAC,CAAC,CAAC,CACP,uBAAC,iBAAO,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,gCAAK,SAAS,EAAC,MAAM,YACnB,uBAAC,qBAAS,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,iCAAK,SAAS,EAAC,4CAA4C,aACzD,gCAAK,SAAS,EAAC,QAAQ,YACrB,uBAAC,WAAI,0GAAyB,GAC1B,EACL,MAAM,CAAC,GAAG,CAAC,iBAAiB,CAAC,IAC1B,CACP,CAAC,CAAC,CAAC,IAAI,EACP,KAAK,CAAC,CAAC,CAAC,CACP,wBAAC,WAAI,IAAC,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,WAAW,aACnC,KAAK,oBACD,CACR,CAAC,CAAC,CAAC,IAAI,EACP,MAAM,CAAC,CAAC,CAAC,IAAA,4BAAY,EAAC,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,iCAEE,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,12 +1,14 @@
|
|
|
1
1
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
2
2
|
exports.CarouselInvestmentCard = void 0;
|
|
3
3
|
const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
|
|
4
|
-
const BaseTile_1 = require("../BaseTile/BaseTile");
|
|
5
|
-
const BlockWrapper_1 = require("../../ui-kit/BlockWrapper");
|
|
6
|
-
const BorderVersion_1 = require("../../model/BorderVersion");
|
|
7
4
|
const uni_jsx_1 = require("@redneckz/uni-jsx");
|
|
5
|
+
const BlockVersion_1 = require("../../model/BlockVersion");
|
|
6
|
+
const BorderVersion_1 = require("../../model/BorderVersion");
|
|
7
|
+
const BlockWrapper_1 = require("../../ui-kit/BlockWrapper");
|
|
8
8
|
const Heading_1 = require("../../ui-kit/Heading/Heading");
|
|
9
9
|
const Img_1 = require("../../ui-kit/Img/Img");
|
|
10
|
+
const Text_1 = require("../../ui-kit/Text/Text");
|
|
11
|
+
const BaseTile_1 = require("../BaseTile/BaseTile");
|
|
10
12
|
const getItemListFontSize = (colValue) => (colValue === 1 ? 'text-h6' : 'text-l');
|
|
11
13
|
const cardColumnsModeStyleMap = {
|
|
12
14
|
1: 'flex gap-y-2 flex-col',
|
|
@@ -15,14 +17,16 @@ const cardColumnsModeStyleMap = {
|
|
|
15
17
|
exports.CarouselInvestmentCard = (0, uni_jsx_1.JSX)(({ additionalDescription, cardsList = [], className = '', columnsMode = 1, description, image, title, version = 'primary', ...rest }) => {
|
|
16
18
|
const tileTitle = title ? ((0, jsx_runtime_1.jsx)(Heading_1.Heading, { headingType: "h4", as: "h3", className: "mb-3.5 z-10", title: title })) : null;
|
|
17
19
|
const tileImage = image?.src ? ((0, jsx_runtime_1.jsx)(Img_1.Img, { className: "absolute bottom-0 right-0 m-0", image: image })) : null;
|
|
18
|
-
return ((0, jsx_runtime_1.jsx)(BlockWrapper_1.BlockWrapper, { className:
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
20
|
+
return ((0, jsx_runtime_1.jsx)(BlockWrapper_1.BlockWrapper, { className: [
|
|
21
|
+
'relative text-left border border-solid box-border p-9 w-[697px]',
|
|
22
|
+
BlockVersion_1.VersionStyleMap[version],
|
|
23
|
+
BorderVersion_1.BorderVersionStyleMap[version],
|
|
24
|
+
className,
|
|
25
|
+
].join(' '), ...rest, children: (0, jsx_runtime_1.jsxs)(BaseTile_1.BaseTile, { title: tileTitle, image: tileImage, children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between mb-4", children: [description ? ((0, jsx_runtime_1.jsx)("div", { className: "w-1/3", children: (0, jsx_runtime_1.jsx)(Text_1.Text, { size: "text-h6", children: description }) })) : null, additionalDescription ? ((0, jsx_runtime_1.jsx)(Text_1.Text, { size: "text-m", font: "font-light", color: BlockVersion_1.VersionAdditionalStyleMap[version], children: additionalDescription })) : null] }), cardsList.length ? ((0, jsx_runtime_1.jsx)("ul", { className: `list-none m-0 p-0 ${cardColumnsModeStyleMap[columnsMode]}`, children: renderCardList(cardsList, columnsMode) })) : null] }) }));
|
|
22
26
|
});
|
|
23
27
|
const renderCardList = (cardsList, columnsMode) => {
|
|
24
28
|
const CARDS_COUNT_MAP = [4, 9];
|
|
25
29
|
const visibleCardsList = cardsList.slice(0, CARDS_COUNT_MAP[columnsMode - 1]);
|
|
26
|
-
return visibleCardsList.map((item, i) => ((0, jsx_runtime_1.jsxs)("li", { className: columnsMode === 2 ? 'basis-[calc(50%-20px)]' : '', children: [item?.parameter ? ((0, jsx_runtime_1.jsx)("
|
|
30
|
+
return visibleCardsList.map((item, i) => ((0, jsx_runtime_1.jsxs)("li", { className: columnsMode === 2 ? 'basis-[calc(50%-20px)]' : '', children: [item?.parameter ? ((0, jsx_runtime_1.jsx)("div", { className: "pr-2.5", children: (0, jsx_runtime_1.jsx)(Text_1.Text, { size: getItemListFontSize(columnsMode), children: item.parameter }) })) : null, item?.parameterDescription ? ((0, jsx_runtime_1.jsx)(Text_1.Text, { size: "text-m", font: "font-light", color: "text-secondary-text", children: item.parameterDescription })) : null] }, String(i))));
|
|
27
31
|
};
|
|
28
32
|
//# sourceMappingURL=CarouselInvestmentCard.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CarouselInvestmentCard.js","sourceRoot":"","sources":["../../../src/components/CarouselInvestmentCard/CarouselInvestmentCard.tsx"],"names":[],"mappings":";;;AAAA
|
|
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,32 @@
|
|
|
1
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
2
|
+
exports.CarouselProductCard = void 0;
|
|
3
|
+
const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
|
|
4
|
+
const uni_jsx_1 = require("@redneckz/uni-jsx");
|
|
5
|
+
const AlignText_1 = require("../../model/AlignText");
|
|
6
|
+
const BlockVersion_1 = require("../../model/BlockVersion");
|
|
7
|
+
const ButtonSection_1 = require("../../ui-kit/Button/ButtonSection");
|
|
8
|
+
const Img_1 = require("../../ui-kit/Img/Img");
|
|
9
|
+
const List_1 = require("../../ui-kit/List/List");
|
|
10
|
+
const Paragraph_1 = require("../../ui-kit/Paragraph/Paragraph");
|
|
11
|
+
const Text_1 = require("../../ui-kit/Text/Text");
|
|
12
|
+
const getIconWithVersion_1 = require("../../utils/getIconWithVersion");
|
|
13
|
+
const constants_1 = require("../Headline/constants");
|
|
14
|
+
const descriptionStyleMap = {
|
|
15
|
+
primary: 'text-secondary-text',
|
|
16
|
+
secondary: 'text-white/80',
|
|
17
|
+
};
|
|
18
|
+
const BORDER_STYLE = 'box-border border-solid border border-main-stroke ';
|
|
19
|
+
exports.CarouselProductCard = (0, uni_jsx_1.JSX)(({ title, headlineSmallVersion = 'H6', description, additionalDescription, icon, items = [], button = {}, version = 'primary', isDotted = true, align = 'center', }) => {
|
|
20
|
+
return ((0, jsx_runtime_1.jsxs)("section", { className: [
|
|
21
|
+
'flex flex-col justify-between items-stretch min-w-[260px] h-full w-full p-6',
|
|
22
|
+
BORDER_STYLE,
|
|
23
|
+
AlignText_1.AlignText[align],
|
|
24
|
+
BlockVersion_1.VersionStyleMap[version],
|
|
25
|
+
].join(' '), role: "listitem", children: [(0, jsx_runtime_1.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)] }), (0, ButtonSection_1.renderButton)({ button, buttonClassName: 'mt-6' })] }));
|
|
26
|
+
});
|
|
27
|
+
const renderImage = (image, version) => ((0, jsx_runtime_1.jsxs)("div", { className: "flex justify-center", children: [image?.src ? (0, jsx_runtime_1.jsx)(Img_1.Img, { className: "mb-5", image: image }) : null, image?.icon ? ((0, jsx_runtime_1.jsx)(Img_1.Img, { className: `w-[32px] h-[32px] min-w-[32px] mb-5 rounded-full`, image: (0, getIconWithVersion_1.getIconWithVersion)(image, version), asSVG: true })) : null] }));
|
|
28
|
+
const renderCardTitle = (headlineSmallVersion, title) => title ? (0, jsx_runtime_1.jsx)(Text_1.Text, { size: constants_1.HEADLINE_SMALL_VERSION[headlineSmallVersion], children: title }) : null;
|
|
29
|
+
const renderDescription = (description, title) => description ? ((0, jsx_runtime_1.jsx)("div", { className: title ? 'mt-2' : '', children: (0, jsx_runtime_1.jsx)(Paragraph_1.Paragraph, { size: "text-l", children: description }) })) : null;
|
|
30
|
+
const renderAdditionalDescription = (additionalDescription, version = 'primary') => additionalDescription ? ((0, jsx_runtime_1.jsx)("div", { className: "mt-auto", children: (0, jsx_runtime_1.jsx)(Text_1.Text, { size: "text-m", font: "font-light", color: descriptionStyleMap[version], children: additionalDescription }) })) : null;
|
|
31
|
+
const renderItems = (items, isDotted, version = 'primary') => items?.length ? ((0, jsx_runtime_1.jsx)(List_1.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;
|
|
32
|
+
//# 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,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
|
*/
|
|
@@ -3,12 +3,13 @@ exports.GalleryCardInner = void 0;
|
|
|
3
3
|
const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
|
|
4
4
|
const uni_jsx_1 = require("@redneckz/uni-jsx");
|
|
5
5
|
const AlignText_1 = require("../../model/AlignText");
|
|
6
|
+
const BlockVersion_1 = require("../../model/BlockVersion");
|
|
6
7
|
const ButtonSection_1 = require("../../ui-kit/Button/ButtonSection");
|
|
7
8
|
const Img_1 = require("../../ui-kit/Img/Img");
|
|
8
9
|
const List_1 = require("../../ui-kit/List/List");
|
|
9
10
|
const getIconWithVersion_1 = require("../../utils/getIconWithVersion");
|
|
10
11
|
const constants_1 = require("../Headline/constants");
|
|
11
|
-
exports.GalleryCardInner = (0, uni_jsx_1.JSX)(({ title, headlineSmallVersion = 'H6', description, additionalDescription, icon, items, button, version, isFullWidth = true, isDotted = true, align = 'center', }) => ((0, jsx_runtime_1.jsxs)("div", { className: `h-full flex flex-col justify-between ${AlignText_1.AlignText[align]}`, children: [(0, jsx_runtime_1.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
|
|
12
|
+
exports.GalleryCardInner = (0, uni_jsx_1.JSX)(({ title, headlineSmallVersion = 'H6', description, additionalDescription, icon, items, button, version, isFullWidth = true, isDotted = true, align = 'center', }) => ((0, jsx_runtime_1.jsxs)("div", { className: `h-full flex flex-col justify-between ${AlignText_1.AlignText[align]}`, children: [(0, jsx_runtime_1.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
|
|
12
13
|
? (0, ButtonSection_1.renderButton)({
|
|
13
14
|
button,
|
|
14
15
|
buttonClassName: `mt-6 ${isFullWidth ? '' : 'self-center'}`,
|
|
@@ -17,6 +18,6 @@ exports.GalleryCardInner = (0, uni_jsx_1.JSX)(({ title, headlineSmallVersion = '
|
|
|
17
18
|
const renderImage = (image, version) => ((0, jsx_runtime_1.jsxs)("div", { className: "flex justify-center", children: [image?.src ? (0, jsx_runtime_1.jsx)(Img_1.Img, { className: "mb-5", image: image }) : null, image?.icon ? ((0, jsx_runtime_1.jsx)(Img_1.Img, { className: `w-8 h-8 min-w-8 mb-5 rounded-full`, image: (0, getIconWithVersion_1.getIconWithVersion)(image, version), asSVG: true })) : null] }));
|
|
18
19
|
const renderCardTitle = (headlineSmallVersion, title) => title ? (0, jsx_runtime_1.jsx)("div", { className: constants_1.HEADLINE_SMALL_VERSION[headlineSmallVersion], children: title }) : null;
|
|
19
20
|
const renderDescription = (description, title) => description ? (0, jsx_runtime_1.jsx)("div", { className: `text-l ${title ? 'mt-2' : ''}`, children: description }) : null;
|
|
20
|
-
const renderAdditionalDescription = (additionalDescription) => additionalDescription ? ((0, jsx_runtime_1.jsx)("div", { className:
|
|
21
|
+
const renderAdditionalDescription = (additionalDescription, version) => additionalDescription ? ((0, jsx_runtime_1.jsx)("div", { className: `text-m-light mt-auto ${BlockVersion_1.VersionAdditionalStyleMap[version ?? 'primary']}`, children: additionalDescription })) : null;
|
|
21
22
|
const renderItems = (items, isDotted, version = 'primary') => ((0, jsx_runtime_1.jsx)(List_1.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 }));
|
|
22
23
|
//# sourceMappingURL=GalleryCardInner.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GalleryCardInner.js","sourceRoot":"","sources":["../../../src/components/Gallery/GalleryCardInner.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,qDAAkD;
|
|
1
|
+
{"version":3,"file":"GalleryCardInner.js","sourceRoot":"","sources":["../../../src/components/Gallery/GalleryCardInner.tsx"],"names":[],"mappings":"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"}
|
|
@@ -9,35 +9,23 @@ const Img_1 = require("../../ui-kit/Img/Img");
|
|
|
9
9
|
const getTileRightPadding_1 = require("../BaseTile/getTileRightPadding");
|
|
10
10
|
const Headline_1 = require("../Headline/Headline");
|
|
11
11
|
exports.ProductTile = (0, uni_jsx_1.JSX)(({ className = '', title, headlineVersion = 'S', description, additionalDescription, benefits = [], buttons, image, version = 'primary', ...rest }) => ((0, jsx_runtime_1.jsxs)(BlockWrapper_1.BlockWrapper, { className: `overflow-hidden font-sans p-9 box-border relative justify-between grid min-h-[364px]
|
|
12
|
-
${className} ${BlockVersion_1.VersionStyleMap[version]} ${(0, getTileRightPadding_1.getTileRightPadding)(className)}`, ...rest, children: [(0, jsx_runtime_1.jsx)(Headline_1.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
|
|
13
|
-
? renderAdditionalDescription(additionalDescription, image, version)
|
|
14
|
-
: null, buttons?.length ? ((0, jsx_runtime_1.jsx)(ButtonSection_1.ButtonSection, { buttons: buttons, className: "flex self-end mt-5 gap-4 z-10 text-l" })) : null, image?.src ? (0, jsx_runtime_1.jsx)(Img_1.Img, { className: "absolute right-0 bottom-0", image: image }) : null] })));
|
|
12
|
+
${className} ${BlockVersion_1.VersionStyleMap[version]} ${(0, getTileRightPadding_1.getTileRightPadding)(className)}`, ...rest, children: [(0, jsx_runtime_1.jsx)(Headline_1.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 ? ((0, jsx_runtime_1.jsx)(ButtonSection_1.ButtonSection, { buttons: buttons, className: "flex self-end mt-5 gap-4 z-10 text-l" })) : null, image?.src ? (0, jsx_runtime_1.jsx)(Img_1.Img, { className: "absolute right-0 bottom-0", image: image }) : null] })));
|
|
15
13
|
function renderBenefits(benefits, version, image) {
|
|
16
14
|
// picture width = 242px. Text can overlay picture 20px deep. Outer paddings_x = 36px. 242-36-20 = 186px
|
|
17
15
|
const BENEFITS_WIDTH = image?.src ? 'max-w-[calc(100%-186px)]' : '100%';
|
|
18
16
|
return ((0, jsx_runtime_1.jsx)("div", { className: `z-10 grid grid-cols-[max-content_1fr] auto-rows-auto gap-x-6 gap-y-2.5 items-baseline
|
|
19
17
|
${BENEFITS_WIDTH}`, children: benefits.length ? benefits.map(renderBenefit(version)) : null }));
|
|
20
18
|
}
|
|
21
|
-
|
|
22
|
-
const
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
(0, jsx_runtime_1.jsx)("div", { className: "text-h6", children: label }, `label-${i}`),
|
|
30
|
-
(0, jsx_runtime_1.jsx)("div", { className: `text-m-light ${labelStyleMap[version]}`, children: description }, `desc-${i}`),
|
|
31
|
-
];
|
|
32
|
-
};
|
|
33
|
-
}
|
|
34
|
-
function renderAdditionalDescription(additionalDescription, image, version = 'primary') {
|
|
35
|
-
const descStyleMap = {
|
|
36
|
-
primary: 'text-secondary-text',
|
|
37
|
-
secondary: 'text-white',
|
|
38
|
-
};
|
|
19
|
+
const renderBenefit = (version = 'primary') => (benefit, i) => {
|
|
20
|
+
const { label = '', description = '' } = benefit;
|
|
21
|
+
return [
|
|
22
|
+
(0, jsx_runtime_1.jsx)("div", { className: "text-h6", children: label }, `label-${i}`),
|
|
23
|
+
(0, jsx_runtime_1.jsx)("div", { className: `text-m-light ${BlockVersion_1.VersionAdditionalStyleMap[version]}`, children: description }, `desc-${i}`),
|
|
24
|
+
];
|
|
25
|
+
};
|
|
26
|
+
function renderAdditionalDescription(additionalDescription, image) {
|
|
39
27
|
// picture width = 242px. Text can overlay picture 20px deep. Outer paddings_x = 36px. 242-36-20 = 186px
|
|
40
28
|
const DESCRIPTION_WIDTH = image?.src ? 'max-w-[calc(100%-186px)]' : '100%';
|
|
41
|
-
return ((0, jsx_runtime_1.jsx)("div", { className: `text-m-light mt-2.5 z-10 ${DESCRIPTION_WIDTH}
|
|
29
|
+
return ((0, jsx_runtime_1.jsx)("div", { className: `text-m-light mt-2.5 z-10 ${DESCRIPTION_WIDTH}`, children: additionalDescription }));
|
|
42
30
|
}
|
|
43
31
|
//# sourceMappingURL=ProductTile.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProductTile.js","sourceRoot":"","sources":["../../../src/components/ProductTile/ProductTile.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAExC,
|
|
1
|
+
{"version":3,"file":"ProductTile.js","sourceRoot":"","sources":["../../../src/components/ProductTile/ProductTile.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAExC,2DAAsF;AAGtF,4DAAyD;AACzD,qEAAkE;AAClE,8CAA2C;AAC3C,yEAAsE;AACtE,mDAAgD;AAKnC,QAAA,WAAW,GAAG,IAAA,aAAG,EAC5B,CAAC,EACC,SAAS,GAAG,EAAE,EACd,KAAK,EACL,eAAe,GAAG,GAAG,EACrB,WAAW,EACX,qBAAqB,EACrB,QAAQ,GAAG,EAAE,EACb,OAAO,EACP,KAAK,EACL,OAAO,GAAG,SAAS,EACnB,GAAG,IAAI,EACR,EAAE,EAAE,CAAC,CACJ,wBAAC,2BAAY,IACX,SAAS,EAAE;YACL,SAAS,IAAI,8BAAe,CAAC,OAAO,CAAC,IAAI,IAAA,yCAAmB,EAAC,SAAS,CAAC,EAAE,KAC3E,IAAI,aAER,uBAAC,mBAAQ,IACP,SAAS,EAAE,6BAA6B,KAAK,IAAI,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,EAC9E,EAAE,EAAC,IAAI,EACP,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,eAAe,EAAE,eAAe,EAChC,eAAe,EAAE,OAAO,EACxB,KAAK,EAAC,MAAM,KACR,IAAI,GACR,EACD,cAAc,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,CAAC,EACxC,qBAAqB,CAAC,CAAC,CAAC,2BAA2B,CAAC,qBAAqB,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,EACxF,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,CACjB,uBAAC,6BAAa,IAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,sCAAsC,GAAG,CACrF,CAAC,CAAC,CAAC,IAAI,EACP,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,uBAAC,SAAG,IAAC,SAAS,EAAC,2BAA2B,EAAC,KAAK,EAAE,KAAK,GAAI,CAAC,CAAC,CAAC,IAAI,IACnE,CAChB,CACF,CAAC;AAEF,SAAS,cAAc,CAAC,QAAuB,EAAE,OAAqB,EAAE,KAAe;IACrF,wGAAwG;IACxG,MAAM,cAAc,GAAG,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,MAAM,CAAC;IAExE,OAAO,CACL,gCACE,SAAS,EAAE;UACP,cAAc,EAAE,YAEnB,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,GAC1D,CACP,CAAC;AACJ,CAAC;AAED,MAAM,aAAa,GACjB,CAAC,UAAwB,SAAS,EAAE,EAAE,CACtC,CAAC,OAAoB,EAAE,CAAS,EAAE,EAAE;IAClC,MAAM,EAAE,KAAK,GAAG,EAAE,EAAE,WAAW,GAAG,EAAE,EAAE,GAAG,OAAO,CAAC;IAEjD,OAAO;QACL,gCAAwB,SAAS,EAAC,SAAS,YACxC,KAAK,IADE,SAAS,CAAC,EAAE,CAEhB;QACN,gCAAuB,SAAS,EAAE,gBAAgB,wCAAyB,CAAC,OAAO,CAAC,EAAE,YACnF,WAAW,IADJ,QAAQ,CAAC,EAAE,CAEf;KACP,CAAC;AACJ,CAAC,CAAC;AAEJ,SAAS,2BAA2B,CAAC,qBAA6B,EAAE,KAAe;IACjF,wGAAwG;IACxG,MAAM,iBAAiB,GAAG,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,MAAM,CAAC;IAE3E,OAAO,CACL,gCAAK,SAAS,EAAE,4BAA4B,iBAAiB,EAAE,YAAG,qBAAqB,GAAO,CAC/F,CAAC;AACJ,CAAC"}
|
|
@@ -10,10 +10,10 @@ const alignStyle = {
|
|
|
10
10
|
right: 'items-end',
|
|
11
11
|
};
|
|
12
12
|
const gapStyleMap = {
|
|
13
|
-
XXL: 'gap-
|
|
14
|
-
XL: 'gap-
|
|
15
|
-
L: 'gap-
|
|
16
|
-
M: 'gap-
|
|
13
|
+
XXL: 'gap-12',
|
|
14
|
+
XL: 'gap-10',
|
|
15
|
+
L: 'gap-8',
|
|
16
|
+
M: 'gap-4',
|
|
17
17
|
S: 'gap-2',
|
|
18
18
|
XS: 'gap-1',
|
|
19
19
|
'': '',
|
|
@@ -23,15 +23,20 @@ const backgroundStyleMap = {
|
|
|
23
23
|
primary: 'bg-white',
|
|
24
24
|
secondary: 'bg-primary-main',
|
|
25
25
|
};
|
|
26
|
-
exports.VerticalLayout = (0, uni_jsx_1.JSX)(({ className = '', gap = '', align, version = 'transparent', ...rest }) =>
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
26
|
+
exports.VerticalLayout = (0, uni_jsx_1.JSX)(({ className = '', gap = '', align, isPadding = false, isInnerPadding = true, version = 'transparent', options, ...rest }) => {
|
|
27
|
+
const paddingStyle = isPadding ? 'p-12' : '';
|
|
28
|
+
const innerPaddingStyle = isInnerPadding ? '' : '!p-0';
|
|
29
|
+
return ((0, jsx_runtime_1.jsx)(BlockWrapper_1.BlockWrapper, { className: [
|
|
30
|
+
'flex flex-col [&>*]:max-w-full',
|
|
31
|
+
paddingStyle,
|
|
32
|
+
gapStyleMap[gap],
|
|
33
|
+
align && alignStyle[align],
|
|
34
|
+
backgroundStyleMap[version],
|
|
35
|
+
className,
|
|
36
|
+
]
|
|
37
|
+
.filter(Boolean)
|
|
38
|
+
.join(' '), ...rest, children: (0, renderChildren_1.renderChildren)({ ...rest, options: { ...options, className: innerPaddingStyle } }) }));
|
|
39
|
+
});
|
|
35
40
|
exports.VerticalLayout.childrenTypes = {
|
|
36
41
|
exclude: ['VerticalLayout'],
|
|
37
42
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VerticalLayout.js","sourceRoot":"","sources":["../../../src/components/VerticalLayout/VerticalLayout.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,uEAAoE;AAIpE,4DAAyD;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,+CAAwC;AACxC,uEAAoE;AAIpE,4DAAyD;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;AAEW,QAAA,cAAc,GAAkC,IAAA,aAAG,EAC9D,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,uBAAC,2BAAY,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,IAAA,+BAAc,EAAC,EAAE,GAAG,IAAI,EAAE,OAAO,EAAE,EAAE,GAAG,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,EAAE,CAAC,GACtE,CAChB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,sBAAc,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>;
|