@redneckz/wildless-cms-uni-blocks 0.14.9 → 0.14.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bin/migration-scripts/0.14.7.js +32 -0
- package/bundle/blocks.schema.json +1 -1
- package/bundle/bundle.umd.js +40 -38
- package/bundle/bundle.umd.min.js +1 -1
- package/bundle/components/Depository/useDepository.d.ts +1 -1
- package/bundle/ui-kit/BaseProductTile/BaseProductTileContent.d.ts +4 -4
- package/bundle/ui-kit/BaseTile/BaseTile.d.ts +1 -1
- package/bundle/ui-kit/Pagination/PageSizeSelector.d.ts +7 -0
- package/bundle/ui-kit/Pagination/Pagination.d.ts +3 -2
- package/bundle/ui-kit/Pagination/PaginationContainer.d.ts +7 -0
- package/bundle/ui-kit/Pagination/paginationBlockStyle.d.ts +1 -0
- package/bundle/ui-kit/Pagination/renderPages.d.ts +2 -2
- package/bundle/utils/formatDate.d.ts +1 -0
- package/dist/components/CarouselCatalogCard/CarouselCatalogCard.js +2 -2
- package/dist/components/CarouselCatalogCard/CarouselCatalogCard.js.map +1 -1
- package/dist/components/CarouselInvestmentCard/CarouselInvestmentCard.js +1 -1
- package/dist/components/CarouselInvestmentCard/CarouselInvestmentCard.js.map +1 -1
- package/dist/components/CarouselRecommendationCard/CarouselRecommendationCard.js +1 -1
- package/dist/components/CarouselRecommendationCard/CarouselRecommendationCard.js.map +1 -1
- package/dist/components/ContentPage/ContentPage.js +1 -1
- package/dist/components/ContentPage/ContentPage.js.map +1 -1
- package/dist/components/Depository/Depository.js +3 -2
- package/dist/components/Depository/Depository.js.map +1 -1
- package/dist/components/Depository/DepositoryItem.js +3 -3
- package/dist/components/Depository/DepositoryItem.js.map +1 -1
- package/dist/components/Depository/useDepository.d.ts +1 -1
- package/dist/components/ProductTile/ProductTile.js +1 -1
- package/dist/components/ProductTile/ProductTile.js.map +1 -1
- package/dist/ui-kit/BaseProductTile/BaseProductTile.js +2 -2
- package/dist/ui-kit/BaseProductTile/BaseProductTile.js.map +1 -1
- package/dist/ui-kit/BaseProductTile/BaseProductTileContent.d.ts +4 -4
- package/dist/ui-kit/BaseTile/BaseTile.d.ts +1 -1
- package/dist/ui-kit/BaseTile/BaseTile.js +8 -5
- package/dist/ui-kit/BaseTile/BaseTile.js.map +1 -1
- package/dist/ui-kit/Icon/Icon.js +1 -1
- package/dist/ui-kit/Icon/Icon.js.map +1 -1
- package/dist/ui-kit/Pagination/PageSizeSelector.d.ts +7 -0
- package/dist/ui-kit/Pagination/PageSizeSelector.js +12 -0
- package/dist/ui-kit/Pagination/PageSizeSelector.js.map +1 -0
- package/dist/ui-kit/Pagination/Pagination.d.ts +3 -2
- package/dist/ui-kit/Pagination/Pagination.js +4 -27
- package/dist/ui-kit/Pagination/Pagination.js.map +1 -1
- package/dist/ui-kit/Pagination/PaginationContainer.d.ts +7 -0
- package/dist/ui-kit/Pagination/PaginationContainer.js +31 -0
- package/dist/ui-kit/Pagination/PaginationContainer.js.map +1 -0
- package/dist/ui-kit/Pagination/paginationBlockStyle.d.ts +1 -0
- package/dist/ui-kit/Pagination/paginationBlockStyle.js +4 -0
- package/dist/ui-kit/Pagination/paginationBlockStyle.js.map +1 -0
- package/dist/ui-kit/Pagination/renderPages.d.ts +2 -2
- package/dist/ui-kit/Pagination/renderPages.js +2 -2
- package/dist/ui-kit/Pagination/renderPages.js.map +1 -1
- package/dist/ui-kit/Select/Select.js +1 -1
- package/dist/ui-kit/Select/Select.js.map +1 -1
- package/dist/utils/formatDate.d.ts +1 -0
- package/dist/utils/formatDate.js +5 -0
- package/dist/utils/formatDate.js.map +1 -0
- package/lib/common.css +1 -1
- package/lib/components/CarouselCatalogCard/CarouselCatalogCard.js +2 -2
- package/lib/components/CarouselCatalogCard/CarouselCatalogCard.js.map +1 -1
- package/lib/components/CarouselInvestmentCard/CarouselInvestmentCard.js +1 -1
- package/lib/components/CarouselInvestmentCard/CarouselInvestmentCard.js.map +1 -1
- package/lib/components/CarouselRecommendationCard/CarouselRecommendationCard.js +1 -1
- package/lib/components/CarouselRecommendationCard/CarouselRecommendationCard.js.map +1 -1
- package/lib/components/ContentPage/ContentPage.js +1 -1
- package/lib/components/ContentPage/ContentPage.js.map +1 -1
- package/lib/components/Depository/Depository.js +3 -2
- package/lib/components/Depository/Depository.js.map +1 -1
- package/lib/components/Depository/DepositoryItem.js +3 -3
- package/lib/components/Depository/DepositoryItem.js.map +1 -1
- package/lib/components/Depository/useDepository.d.ts +1 -1
- package/lib/components/ProductTile/ProductTile.js +1 -1
- package/lib/components/ProductTile/ProductTile.js.map +1 -1
- package/lib/components/Tile/Tile.fixture.d.ts +1 -1
- package/lib/ui-kit/BaseProductTile/BaseProductTile.js +2 -2
- package/lib/ui-kit/BaseProductTile/BaseProductTile.js.map +1 -1
- package/lib/ui-kit/BaseProductTile/BaseProductTileContent.d.ts +4 -4
- package/lib/ui-kit/BaseTile/BaseTile.d.ts +1 -1
- package/lib/ui-kit/BaseTile/BaseTile.js +8 -5
- package/lib/ui-kit/BaseTile/BaseTile.js.map +1 -1
- package/lib/ui-kit/Icon/Icon.js +1 -1
- package/lib/ui-kit/Icon/Icon.js.map +1 -1
- package/lib/ui-kit/Pagination/PageSizeSelector.d.ts +7 -0
- package/lib/ui-kit/Pagination/PageSizeSelector.js +9 -0
- package/lib/ui-kit/Pagination/PageSizeSelector.js.map +1 -0
- package/lib/ui-kit/Pagination/Pagination.d.ts +3 -2
- package/lib/ui-kit/Pagination/Pagination.js +3 -26
- package/lib/ui-kit/Pagination/Pagination.js.map +1 -1
- package/lib/ui-kit/Pagination/PaginationContainer.d.ts +7 -0
- package/lib/ui-kit/Pagination/PaginationContainer.js +28 -0
- package/lib/ui-kit/Pagination/PaginationContainer.js.map +1 -0
- package/lib/ui-kit/Pagination/paginationBlockStyle.d.ts +1 -0
- package/lib/ui-kit/Pagination/paginationBlockStyle.js +2 -0
- package/lib/ui-kit/Pagination/paginationBlockStyle.js.map +1 -0
- package/lib/ui-kit/Pagination/renderPages.d.ts +2 -2
- package/lib/ui-kit/Pagination/renderPages.js +1 -1
- package/lib/ui-kit/Pagination/renderPages.js.map +1 -1
- package/lib/ui-kit/Select/Select.js +1 -1
- package/lib/ui-kit/Select/Select.js.map +1 -1
- package/lib/utils/formatDate.d.ts +1 -0
- package/lib/utils/formatDate.js +2 -0
- package/lib/utils/formatDate.js.map +1 -0
- package/mobile/bundle/bundle.umd.js +15 -12
- package/mobile/bundle/bundle.umd.min.js +1 -1
- package/mobile/bundle/components/Depository/useDepository.d.ts +1 -1
- package/mobile/bundle/ui-kit/BaseProductTile/BaseProductTileContent.d.ts +4 -4
- package/mobile/bundle/ui-kit/BaseTile/BaseTile.d.ts +1 -1
- package/mobile/bundle/ui-kit/Pagination/PageSizeSelector.d.ts +7 -0
- package/mobile/bundle/ui-kit/Pagination/Pagination.d.ts +3 -2
- package/mobile/bundle/ui-kit/Pagination/PaginationContainer.d.ts +7 -0
- package/mobile/bundle/ui-kit/Pagination/paginationBlockStyle.d.ts +1 -0
- package/mobile/bundle/ui-kit/Pagination/renderPages.d.ts +2 -2
- package/mobile/bundle/utils/formatDate.d.ts +1 -0
- package/mobile/dist/components/CarouselCatalogCard/CarouselCatalogCard.js +2 -2
- package/mobile/dist/components/CarouselCatalogCard/CarouselCatalogCard.js.map +1 -1
- package/mobile/dist/components/CarouselInvestmentCard/CarouselInvestmentCard.js +1 -1
- package/mobile/dist/components/CarouselInvestmentCard/CarouselInvestmentCard.js.map +1 -1
- package/mobile/dist/components/ContentPage/ContentPage.js +1 -1
- package/mobile/dist/components/ContentPage/ContentPage.js.map +1 -1
- package/mobile/dist/components/Depository/Depository.js +3 -2
- package/mobile/dist/components/Depository/Depository.js.map +1 -1
- package/mobile/dist/components/Depository/DepositoryItem.js +3 -3
- package/mobile/dist/components/Depository/DepositoryItem.js.map +1 -1
- package/mobile/dist/components/Depository/useDepository.d.ts +1 -1
- package/mobile/dist/components/ProductTile/ProductTile.js +1 -1
- package/mobile/dist/components/ProductTile/ProductTile.js.map +1 -1
- package/mobile/dist/ui-kit/BaseProductTile/BaseProductTile.js +2 -2
- package/mobile/dist/ui-kit/BaseProductTile/BaseProductTile.js.map +1 -1
- package/mobile/dist/ui-kit/BaseProductTile/BaseProductTileContent.d.ts +4 -4
- package/mobile/dist/ui-kit/BaseTile/BaseTile.d.ts +1 -1
- package/mobile/dist/ui-kit/BaseTile/BaseTile.js +8 -5
- package/mobile/dist/ui-kit/BaseTile/BaseTile.js.map +1 -1
- package/mobile/dist/ui-kit/Icon/Icon.js +1 -1
- package/mobile/dist/ui-kit/Icon/Icon.js.map +1 -1
- package/mobile/dist/ui-kit/Pagination/PageSizeSelector.d.ts +7 -0
- package/mobile/dist/ui-kit/Pagination/PageSizeSelector.js +12 -0
- package/mobile/dist/ui-kit/Pagination/PageSizeSelector.js.map +1 -0
- package/mobile/dist/ui-kit/Pagination/Pagination.d.ts +3 -2
- package/mobile/dist/ui-kit/Pagination/Pagination.js +4 -27
- package/mobile/dist/ui-kit/Pagination/Pagination.js.map +1 -1
- package/mobile/dist/ui-kit/Pagination/PaginationContainer.d.ts +7 -0
- package/mobile/dist/ui-kit/Pagination/PaginationContainer.js +31 -0
- package/mobile/dist/ui-kit/Pagination/PaginationContainer.js.map +1 -0
- package/mobile/dist/ui-kit/Pagination/paginationBlockStyle.d.ts +1 -0
- package/mobile/dist/ui-kit/Pagination/paginationBlockStyle.js +4 -0
- package/mobile/dist/ui-kit/Pagination/paginationBlockStyle.js.map +1 -0
- package/mobile/dist/ui-kit/Pagination/renderPages.d.ts +2 -2
- package/mobile/dist/ui-kit/Pagination/renderPages.js +2 -2
- package/mobile/dist/ui-kit/Pagination/renderPages.js.map +1 -1
- package/mobile/dist/ui-kit/Select/Select.js +1 -1
- package/mobile/dist/ui-kit/Select/Select.js.map +1 -1
- package/mobile/dist/utils/formatDate.d.ts +1 -0
- package/mobile/dist/utils/formatDate.js +5 -0
- package/mobile/dist/utils/formatDate.js.map +1 -0
- package/mobile/lib/common.css +1 -1
- package/mobile/lib/components/CarouselCatalogCard/CarouselCatalogCard.js +2 -2
- package/mobile/lib/components/CarouselCatalogCard/CarouselCatalogCard.js.map +1 -1
- package/mobile/lib/components/CarouselInvestmentCard/CarouselInvestmentCard.js +1 -1
- package/mobile/lib/components/CarouselInvestmentCard/CarouselInvestmentCard.js.map +1 -1
- package/mobile/lib/components/ContentPage/ContentPage.js +1 -1
- package/mobile/lib/components/ContentPage/ContentPage.js.map +1 -1
- package/mobile/lib/components/Depository/Depository.js +3 -2
- package/mobile/lib/components/Depository/Depository.js.map +1 -1
- package/mobile/lib/components/Depository/DepositoryItem.js +3 -3
- package/mobile/lib/components/Depository/DepositoryItem.js.map +1 -1
- package/mobile/lib/components/Depository/useDepository.d.ts +1 -1
- package/mobile/lib/components/ProductTile/ProductTile.js +1 -1
- package/mobile/lib/components/ProductTile/ProductTile.js.map +1 -1
- package/mobile/lib/ui-kit/BaseProductTile/BaseProductTile.js +2 -2
- package/mobile/lib/ui-kit/BaseProductTile/BaseProductTile.js.map +1 -1
- package/mobile/lib/ui-kit/BaseProductTile/BaseProductTileContent.d.ts +4 -4
- package/mobile/lib/ui-kit/BaseTile/BaseTile.d.ts +1 -1
- package/mobile/lib/ui-kit/BaseTile/BaseTile.js +8 -5
- package/mobile/lib/ui-kit/BaseTile/BaseTile.js.map +1 -1
- package/mobile/lib/ui-kit/Icon/Icon.js +1 -1
- package/mobile/lib/ui-kit/Icon/Icon.js.map +1 -1
- package/mobile/lib/ui-kit/Pagination/PageSizeSelector.d.ts +7 -0
- package/mobile/lib/ui-kit/Pagination/PageSizeSelector.js +9 -0
- package/mobile/lib/ui-kit/Pagination/PageSizeSelector.js.map +1 -0
- package/mobile/lib/ui-kit/Pagination/Pagination.d.ts +3 -2
- package/mobile/lib/ui-kit/Pagination/Pagination.js +3 -26
- package/mobile/lib/ui-kit/Pagination/Pagination.js.map +1 -1
- package/mobile/lib/ui-kit/Pagination/PaginationContainer.d.ts +7 -0
- package/mobile/lib/ui-kit/Pagination/PaginationContainer.js +28 -0
- package/mobile/lib/ui-kit/Pagination/PaginationContainer.js.map +1 -0
- package/mobile/lib/ui-kit/Pagination/paginationBlockStyle.d.ts +1 -0
- package/mobile/lib/ui-kit/Pagination/paginationBlockStyle.js +2 -0
- package/mobile/lib/ui-kit/Pagination/paginationBlockStyle.js.map +1 -0
- package/mobile/lib/ui-kit/Pagination/renderPages.d.ts +2 -2
- package/mobile/lib/ui-kit/Pagination/renderPages.js +1 -1
- package/mobile/lib/ui-kit/Pagination/renderPages.js.map +1 -1
- package/mobile/lib/ui-kit/Select/Select.js +1 -1
- package/mobile/lib/ui-kit/Select/Select.js.map +1 -1
- package/mobile/lib/utils/formatDate.d.ts +1 -0
- package/mobile/lib/utils/formatDate.js +2 -0
- package/mobile/lib/utils/formatDate.js.map +1 -0
- package/mobile/src/components/CarouselCatalogCard/CarouselCatalogCard.tsx +2 -2
- package/mobile/src/components/CarouselInvestmentCard/CarouselInvestmentCard.tsx +1 -1
- package/mobile/src/components/ContentPage/ContentPage.tsx +1 -1
- package/mobile/src/components/Depository/Depository.tsx +5 -2
- package/mobile/src/components/Depository/DepositoryItem.tsx +3 -3
- package/mobile/src/components/Depository/useDepository.ts +1 -1
- package/mobile/src/components/ProductTile/ProductTile.example.json +1 -1
- package/mobile/src/components/ProductTile/ProductTile.tsx +1 -1
- package/mobile/src/ui-kit/BaseProductTile/BaseProductTile.tsx +6 -5
- package/mobile/src/ui-kit/BaseProductTile/BaseProductTileContent.ts +4 -4
- package/mobile/src/ui-kit/BaseTile/BaseTile.tsx +24 -18
- package/mobile/src/ui-kit/Icon/Icon.tsx +1 -1
- package/mobile/src/ui-kit/Pagination/PageSizeSelector.tsx +27 -0
- package/mobile/src/ui-kit/Pagination/Pagination.tsx +26 -80
- package/mobile/src/ui-kit/Pagination/PaginationContainer.tsx +87 -0
- package/mobile/src/ui-kit/Pagination/paginationBlockStyle.ts +2 -0
- package/mobile/src/ui-kit/Pagination/renderPages.tsx +3 -2
- package/mobile/src/ui-kit/Select/Select.tsx +2 -2
- package/mobile/src/utils/formatDate.ts +1 -0
- package/package.json +1 -1
- package/src/components/CarouselCatalogCard/CarouselCatalogCard.tsx +2 -2
- package/src/components/CarouselInvestmentCard/CarouselInvestmentCard.tsx +1 -1
- package/src/components/CarouselRecommendationCard/CarouselRecommendationCard.tsx +1 -1
- package/src/components/ContentPage/ContentPage.tsx +1 -1
- package/src/components/Depository/Depository.fixture.tsx +2 -0
- package/src/components/Depository/Depository.tsx +5 -2
- package/src/components/Depository/DepositoryItem.tsx +3 -3
- package/src/components/Depository/useDepository.ts +1 -1
- package/src/components/ProductBlock/ProductBlock.fixture.mobile.tsx +1 -1
- package/src/components/ProductTile/ProductTile.example.json +1 -1
- package/src/components/ProductTile/ProductTile.tsx +1 -1
- package/src/components/Tile/Tile.fixture.tsx +1 -2
- package/src/ui-kit/BaseProductTile/BaseProductTile.tsx +6 -5
- package/src/ui-kit/BaseProductTile/BaseProductTileContent.ts +4 -4
- package/src/ui-kit/BaseTile/BaseTile.tsx +24 -18
- package/src/ui-kit/Icon/Icon.tsx +1 -1
- package/src/ui-kit/Pagination/PageSizeSelector.tsx +27 -0
- package/src/ui-kit/Pagination/Pagination.tsx +26 -80
- package/src/ui-kit/Pagination/PaginationContainer.tsx +87 -0
- package/src/ui-kit/Pagination/paginationBlockStyle.ts +2 -0
- package/src/ui-kit/Pagination/renderPages.tsx +3 -2
- package/src/ui-kit/Select/Select.tsx +2 -2
- package/src/utils/formatDate.ts +1 -0
- package/tailwind.config.cjs +20 -1
- package/bundle/utils/convertTimestampToDate.d.ts +0 -1
- package/dist/utils/convertTimestampToDate.d.ts +0 -1
- package/dist/utils/convertTimestampToDate.js +0 -16
- package/dist/utils/convertTimestampToDate.js.map +0 -1
- package/lib/utils/convertTimestampToDate.d.ts +0 -1
- package/lib/utils/convertTimestampToDate.js +0 -13
- package/lib/utils/convertTimestampToDate.js.map +0 -1
- package/mobile/bundle/utils/convertTimestampToDate.d.ts +0 -1
- package/mobile/dist/utils/convertTimestampToDate.d.ts +0 -1
- package/mobile/dist/utils/convertTimestampToDate.js +0 -16
- package/mobile/dist/utils/convertTimestampToDate.js.map +0 -1
- package/mobile/lib/utils/convertTimestampToDate.d.ts +0 -1
- package/mobile/lib/utils/convertTimestampToDate.js +0 -13
- package/mobile/lib/utils/convertTimestampToDate.js.map +0 -1
- package/mobile/src/utils/convertTimestampToDate.ts +0 -15
- package/src/utils/convertTimestampToDate.ts +0 -15
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
import type { Align } from '../../model/Align';
|
|
2
2
|
import type { BulletsProps } from '../../model/Bullets';
|
|
3
3
|
import type { HeadlineProps } from '../../model/HeadlineType';
|
|
4
|
+
import type { BenefitsListContent } from '../BenefitsList/BenefitsListContent';
|
|
5
|
+
import type { ButtonsSectionContent } from '../Button/ButtonsSectionContent';
|
|
4
6
|
import type { ImageContent } from '../Img/ImgProps';
|
|
5
7
|
import type { ListContent } from '../List/ListContent';
|
|
6
8
|
import type { RichTextProps } from '../RichText/RichTextProps';
|
|
7
9
|
import type { TagsContent } from '../Tags/TagsContent';
|
|
8
|
-
import type { BenefitsListContent } from '../BenefitsList/BenefitsListContent';
|
|
9
|
-
import type { ButtonsSectionContent } from '../Button/ButtonsSectionContent';
|
|
10
10
|
/** @title Доп. настройки картинки */
|
|
11
11
|
export interface TileImageOptions {
|
|
12
12
|
/** @title Картинка справа/текст слева */
|
|
13
13
|
directionRight?: boolean;
|
|
14
14
|
/** @title Выравнивание изображения */
|
|
15
15
|
imageAlign?: Align;
|
|
16
|
-
/** @title
|
|
17
|
-
|
|
16
|
+
/** @title Второстепенное изображение */
|
|
17
|
+
isImageSecondary?: boolean;
|
|
18
18
|
/** @title Изображение всегда справа */
|
|
19
19
|
isImageAlwaysOnRight?: boolean;
|
|
20
20
|
}
|
|
@@ -7,9 +7,9 @@ interface BaseTileProps extends UniBlockProps {
|
|
|
7
7
|
leftImage?: VNode;
|
|
8
8
|
rightImage?: VNode;
|
|
9
9
|
imageAlign?: Align;
|
|
10
|
-
backImage?: VNode;
|
|
11
10
|
buttons?: VNode;
|
|
12
11
|
isImageAlwaysOnRight?: boolean;
|
|
12
|
+
isImageSecondary?: boolean;
|
|
13
13
|
}
|
|
14
14
|
export declare const BaseTile: import("@redneckz/uni-jsx").UNIComponent<BaseTileProps, any, any>;
|
|
15
15
|
export {};
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export declare const paginationBlockStyle = "py-m px-lg rounded-md cursor-pointer hover:bg-green-more-dark hover:text-white";
|
|
3
2
|
export interface PaginationProps {
|
|
4
3
|
currentPage: number;
|
|
5
4
|
onPageChange: (page: number) => void;
|
|
6
5
|
totalPages: number;
|
|
6
|
+
itemCount?: number;
|
|
7
|
+
onItemCountChange?: (count: number) => void;
|
|
7
8
|
}
|
|
8
|
-
export declare const Pagination: ({ currentPage, onPageChange, totalPages }: PaginationProps) => JSX.Element;
|
|
9
|
+
export declare const Pagination: ({ currentPage, onPageChange, totalPages, itemCount, onItemCountChange, }: PaginationProps) => JSX.Element;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export interface PaginationContainerProps {
|
|
3
|
+
currentPage: number;
|
|
4
|
+
onPageChange: (page: number) => void;
|
|
5
|
+
totalPages: number;
|
|
6
|
+
}
|
|
7
|
+
export declare const PaginationContainer: ({ currentPage, onPageChange, totalPages, }: PaginationContainerProps) => JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const paginationBlockStyle = "py-m px-lg rounded-md cursor-pointer hover:bg-green-more-dark hover:text-white";
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import {
|
|
3
|
-
export declare const renderPages: (pagesParams:
|
|
2
|
+
import type { PaginationContainerProps } from './PaginationContainer';
|
|
3
|
+
export declare const renderPages: (pagesParams: PaginationContainerProps, index: number) => JSX.Element | null;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const formatDate: (date: string) => string;
|
|
@@ -2,8 +2,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
2
2
|
exports.CarouselCatalogCard = 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
|
-
const BlockWrapper_1 = require("../../ui-kit/BlockWrapper");
|
|
6
5
|
const BaseTile_1 = require("../../ui-kit/BaseTile/BaseTile");
|
|
6
|
+
const BlockWrapper_1 = require("../../ui-kit/BlockWrapper");
|
|
7
7
|
const renderButtonsSection_1 = require("../../ui-kit/Button/renderButtonsSection");
|
|
8
8
|
const Img_1 = require("../../ui-kit/Img/Img");
|
|
9
9
|
const Text_1 = require("../../ui-kit/Text/Text");
|
|
@@ -13,6 +13,6 @@ const cardStyleMap = {
|
|
|
13
13
|
black: 'bg-black',
|
|
14
14
|
white: 'bg-white',
|
|
15
15
|
};
|
|
16
|
-
exports.CarouselCatalogCard = (0, uni_jsx_1.JSX)(({ className = '', title, description, image, price, button, colors = [], align = 'text-left', padding, ...rest }) => ((0, jsx_runtime_1.jsx)(BlockWrapper_1.BlockWrapper, { className: (0, style_1.style)('flex flex-col justify-left', className), defaultPadding: "p-2xl", ...rest, children: (0, jsx_runtime_1.jsxs)(BaseTile_1.BaseTile, { className: "h-full", padding: padding, title: title ? ((0, jsx_runtime_1.jsx)(Headline_1.Headline, { title: title, description: description, headlineVersion: "XS", isEmbedded: true, align: align })) : null, rightImage: image?.src ? ((0, jsx_runtime_1.jsx)(Img_1.Img, { className: "flex justify-center align-center mb-xl", image: image })) : null, buttons: (0, renderButtonsSection_1.renderButtonsSection)([button], { buttonClassName: 'w-full
|
|
16
|
+
exports.CarouselCatalogCard = (0, uni_jsx_1.JSX)(({ className = '', title, description, image, price, button, colors = [], align = 'text-left', padding, ...rest }) => ((0, jsx_runtime_1.jsx)(BlockWrapper_1.BlockWrapper, { className: (0, style_1.style)('flex flex-col justify-left', className), defaultPadding: "p-2xl", ...rest, children: (0, jsx_runtime_1.jsxs)(BaseTile_1.BaseTile, { className: "h-full", padding: padding, title: title ? ((0, jsx_runtime_1.jsx)(Headline_1.Headline, { title: title, description: description, headlineVersion: "XS", isEmbedded: true, align: align })) : null, rightImage: image?.src ? ((0, jsx_runtime_1.jsx)(Img_1.Img, { className: "flex justify-center align-center mb-xl", image: image })) : null, buttons: (0, renderButtonsSection_1.renderButtonsSection)([button], { buttonClassName: 'w-full self-end' }), children: [colors?.length ? ((0, jsx_runtime_1.jsxs)("div", { className: "flex text-secondary-text mb-m", children: [(0, jsx_runtime_1.jsx)("div", { className: "mr-xs", children: (0, jsx_runtime_1.jsx)(Text_1.Text, { size: "text-s", align: "text-left", font: "font-light", children: "\u0426\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] }) })));
|
|
17
17
|
const renderColorOption = (color, i) => ((0, jsx_runtime_1.jsx)("div", { role: "figure", className: `w-6 h-6 ml-s border border-solid border-main-divider rounded-full ${cardStyleMap[color]}` }, String(i)));
|
|
18
18
|
//# sourceMappingURL=CarouselCatalogCard.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CarouselCatalogCard.js","sourceRoot":"","sources":["../../../src/components/CarouselCatalogCard/CarouselCatalogCard.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAGxC,4DAAyD;AACzD,
|
|
1
|
+
{"version":3,"file":"CarouselCatalogCard.js","sourceRoot":"","sources":["../../../src/components/CarouselCatalogCard/CarouselCatalogCard.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAGxC,6DAA0D;AAC1D,4DAAyD;AACzD,mFAAgF;AAChF,8CAA2C;AAC3C,iDAA8C;AAC9C,6CAA0C;AAC1C,mDAAgD;AAKhD,MAAM,YAAY,GAAwC;IACxD,KAAK,EAAE,UAAU;IACjB,KAAK,EAAE,UAAU;CAClB,CAAC;AAEW,QAAA,mBAAmB,GAAG,IAAA,aAAG,EACpC,CAAC,EACC,SAAS,GAAG,EAAE,EACd,KAAK,EACL,WAAW,EACX,KAAK,EACL,KAAK,EACL,MAAM,EACN,MAAM,GAAG,EAAE,EACX,KAAK,GAAG,WAAW,EACnB,OAAO,EACP,GAAG,IAAI,EACR,EAAE,EAAE,CAAC,CACJ,uBAAC,2BAAY,IACX,SAAS,EAAE,IAAA,aAAK,EAAC,4BAA4B,EAAE,SAAS,CAAC,EACzD,cAAc,EAAC,OAAO,KAClB,IAAI,YAER,wBAAC,mBAAQ,IACP,SAAS,EAAC,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,KAAK,EACH,KAAK,CAAC,CAAC,CAAC,CACN,uBAAC,mBAAQ,IACP,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,eAAe,EAAC,IAAI,EACpB,UAAU,EAAE,IAAI,EAChB,KAAK,EAAE,KAAK,GACZ,CACH,CAAC,CAAC,CAAC,IAAI,EAEV,UAAU,EACR,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,CACX,uBAAC,SAAG,IAAC,SAAS,EAAC,wCAAwC,EAAC,KAAK,EAAE,KAAK,GAAI,CACzE,CAAC,CAAC,CAAC,IAAI,EAEV,OAAO,EAAE,IAAA,2CAAoB,EAAC,CAAC,MAAM,CAAC,EAAE,EAAE,eAAe,EAAE,iBAAiB,EAAE,CAAC,aAE9E,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,CAChB,iCAAK,SAAS,EAAC,+BAA+B,aAC5C,gCAAK,SAAS,EAAC,OAAO,YACpB,uBAAC,WAAI,IAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,WAAW,EAAC,IAAI,EAAC,YAAY,gDAEhD,GACH,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,IACC,GACE,CAChB,CACF,CAAC;AAEF,MAAM,iBAAiB,GAAG,CAAC,KAA0B,EAAE,CAAS,EAAE,EAAE,CAAC,CACnE,gCACE,IAAI,EAAC,QAAQ,EAEb,SAAS,EAAE,qEAAqE,YAAY,CAAC,KAAK,CAAC,EAAE,IADhG,MAAM,CAAC,CAAC,CAAC,CAEd,CACH,CAAC"}
|
|
@@ -12,6 +12,6 @@ const cardColumnsModeStyleMap = {
|
|
|
12
12
|
1: 'grid-cols-1',
|
|
13
13
|
2: 'grid-cols-2',
|
|
14
14
|
};
|
|
15
|
-
exports.CarouselInvestmentCard = (0, uni_jsx_1.JSX)(({ className, padding, additionalDescription, cardsList = [], columnsMode = 1, description, image, title, ...rest }) => ((0, jsx_runtime_1.jsx)(BlockWrapper_1.BlockWrapper, { className: (0, style_1.style)('text-left', className), padding: "p-0", ...rest, children: (0, jsx_runtime_1.jsxs)(BaseTile_1.BaseTile, { className: "h-full", defaultPadding: "p-xl", padding: padding, title: title ? (0, jsx_runtime_1.jsx)(Heading_1.Heading, { headingType: "h4", as: "h3", className: "mb-m z-10", title: title }) : null,
|
|
15
|
+
exports.CarouselInvestmentCard = (0, uni_jsx_1.JSX)(({ className, padding, additionalDescription, cardsList = [], columnsMode = 1, description, image, title, ...rest }) => ((0, jsx_runtime_1.jsx)(BlockWrapper_1.BlockWrapper, { className: (0, style_1.style)('text-left', className), padding: "p-0", ...rest, children: (0, jsx_runtime_1.jsxs)(BaseTile_1.BaseTile, { className: "h-full", defaultPadding: "p-xl", padding: padding, title: title ? (0, jsx_runtime_1.jsx)(Heading_1.Heading, { headingType: "h4", as: "h3", className: "mb-m z-10", title: title }) : null, rightImage: image?.src ? (0, jsx_runtime_1.jsx)(Img_1.Img, { image: image }) : null, children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between mb-m", 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: "group-data-primary:text-secondary-text", children: additionalDescription })) : null] }), cardsList.length ? ((0, jsx_runtime_1.jsx)("ul", { className: (0, style_1.style)('list-none m-0 p-0 grid gap-xs', cardColumnsModeStyleMap[columnsMode]), children: renderCardList(cardsList) })) : null] }) })));
|
|
16
16
|
const renderCardList = (cardsList) => cardsList.map((item, i) => ((0, jsx_runtime_1.jsxs)("li", { children: [item?.parameter ? ((0, jsx_runtime_1.jsx)("div", { className: "inline pr-xs", children: (0, jsx_runtime_1.jsx)(Text_1.Text, { size: "text-h6", 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))));
|
|
17
17
|
//# sourceMappingURL=CarouselInvestmentCard.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CarouselInvestmentCard.js","sourceRoot":"","sources":["../../../src/components/CarouselInvestmentCard/CarouselInvestmentCard.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAExC,6DAA0D;AAC1D,4DAAyD;AACzD,0DAAuD;AACvD,8CAA2C;AAC3C,iDAA8C;AAC9C,6CAA0C;AAS1C,MAAM,uBAAuB,GAAoC;IAC/D,CAAC,EAAE,aAAa;IAChB,CAAC,EAAE,aAAa;CACjB,CAAC;AAEW,QAAA,sBAAsB,GAAG,IAAA,aAAG,EACvC,CAAC,EACC,SAAS,EACT,OAAO,EACP,qBAAqB,EACrB,SAAS,GAAG,EAAE,EACd,WAAW,GAAG,CAAC,EACf,WAAW,EACX,KAAK,EACL,KAAK,EACL,GAAG,IAAI,EACR,EAAE,EAAE,CAAC,CACJ,uBAAC,2BAAY,IAAC,SAAS,EAAE,IAAA,aAAK,EAAC,WAAW,EAAE,SAAS,CAAC,EAAE,OAAO,EAAC,KAAK,KAAK,IAAI,YAC5E,wBAAC,mBAAQ,IACP,SAAS,EAAC,QAAQ,EAClB,cAAc,EAAC,MAAM,EACrB,OAAO,EAAE,OAAO,EAChB,KAAK,EACH,KAAK,CAAC,CAAC,CAAC,uBAAC,iBAAO,IAAC,WAAW,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,SAAS,EAAC,WAAW,EAAC,KAAK,EAAE,KAAK,GAAI,CAAC,CAAC,CAAC,IAAI,EAEzF,
|
|
1
|
+
{"version":3,"file":"CarouselInvestmentCard.js","sourceRoot":"","sources":["../../../src/components/CarouselInvestmentCard/CarouselInvestmentCard.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAExC,6DAA0D;AAC1D,4DAAyD;AACzD,0DAAuD;AACvD,8CAA2C;AAC3C,iDAA8C;AAC9C,6CAA0C;AAS1C,MAAM,uBAAuB,GAAoC;IAC/D,CAAC,EAAE,aAAa;IAChB,CAAC,EAAE,aAAa;CACjB,CAAC;AAEW,QAAA,sBAAsB,GAAG,IAAA,aAAG,EACvC,CAAC,EACC,SAAS,EACT,OAAO,EACP,qBAAqB,EACrB,SAAS,GAAG,EAAE,EACd,WAAW,GAAG,CAAC,EACf,WAAW,EACX,KAAK,EACL,KAAK,EACL,GAAG,IAAI,EACR,EAAE,EAAE,CAAC,CACJ,uBAAC,2BAAY,IAAC,SAAS,EAAE,IAAA,aAAK,EAAC,WAAW,EAAE,SAAS,CAAC,EAAE,OAAO,EAAC,KAAK,KAAK,IAAI,YAC5E,wBAAC,mBAAQ,IACP,SAAS,EAAC,QAAQ,EAClB,cAAc,EAAC,MAAM,EACrB,OAAO,EAAE,OAAO,EAChB,KAAK,EACH,KAAK,CAAC,CAAC,CAAC,uBAAC,iBAAO,IAAC,WAAW,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,SAAS,EAAC,WAAW,EAAC,KAAK,EAAE,KAAK,GAAI,CAAC,CAAC,CAAC,IAAI,EAEzF,UAAU,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,uBAAC,SAAG,IAAC,KAAK,EAAE,KAAK,GAAI,CAAC,CAAC,CAAC,IAAI,aAErD,iCAAK,SAAS,EAAC,2BAA2B,aACvC,WAAW,CAAC,CAAC,CAAC,CACb,gCAAK,SAAS,EAAC,OAAO,YACpB,uBAAC,WAAI,IAAC,IAAI,EAAC,SAAS,YAAE,WAAW,GAAQ,GACrC,CACP,CAAC,CAAC,CAAC,IAAI,EACP,qBAAqB,CAAC,CAAC,CAAC,CACvB,uBAAC,WAAI,IAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,YAAY,EAAC,KAAK,EAAC,wCAAwC,YACjF,qBAAqB,GACjB,CACR,CAAC,CAAC,CAAC,IAAI,IACJ,EACL,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAClB,+BACE,SAAS,EAAE,IAAA,aAAK,EAAC,+BAA+B,EAAE,uBAAuB,CAAC,WAAW,CAAC,CAAC,YAEtF,cAAc,CAAC,SAAS,CAAC,GACvB,CACN,CAAC,CAAC,CAAC,IAAI,IACC,GACE,CAChB,CACF,CAAC;AAEF,MAAM,cAAc,GAAG,CAAC,SAA0B,EAAE,EAAE,CACpD,SAAS,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACzB,2CACG,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,CACjB,gCAAK,SAAS,EAAC,cAAc,YAC3B,uBAAC,WAAI,IAAC,IAAI,EAAC,SAAS,YAAE,IAAI,CAAC,SAAS,GAAQ,GACxC,CACP,CAAC,CAAC,CAAC,IAAI,EACP,IAAI,EAAE,oBAAoB,CAAC,CAAC,CAAC,CAC5B,uBAAC,WAAI,IAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,YAAY,EAAC,KAAK,EAAC,qBAAqB,YAC9D,IAAI,CAAC,oBAAoB,GACrB,CACR,CAAC,CAAC,CAAC,IAAI,KAVD,MAAM,CAAC,CAAC,CAAC,CAWb,CACN,CAAC,CAAC"}
|
|
@@ -21,7 +21,7 @@ exports.ContentPage = (0, uni_jsx_1.JSX)(({ className, blocksRegistry, blockDeco
|
|
|
21
21
|
parent: data,
|
|
22
22
|
};
|
|
23
23
|
(0, useBlockRouterProvider_1.useBlockRouterProvider)();
|
|
24
|
-
return ((0, jsx_runtime_1.jsxs)("div", { "data-theme": colorPalette, children: [(0, jsx_runtime_1.jsxs)("section", { className: (0, style_1.style)('relative', pageStyle, className), children: [slots?.header ? ((0, jsx_runtime_1.jsx)("div", { className: "relative z-10 mb-lg shadow-[0_8px_32px_0px_#00000014]", children: (0, renderBlockList_1.renderBlocksList)(slots?.header, { ...options, slotName: 'header' }) })) : null, (0, jsx_runtime_1.jsxs)("div", { className: "container space-y-px @lg:space-y-0 @lg:grid @lg:grid-cols-12 @lg:gap-2xs", children: [(0, renderChildren_1.renderChildren)({ block: data, options, extraProps: { className: 'scroll-mt-12' } }), (0, renderBlockList_1.renderBlocksList)(slots?.footer, { ...options, slotName: 'footer' })] }), likeControl ? renderLikeControl() : null] }), (0, jsx_runtime_1.jsx)(StickyBottomMenu_1.StickyBottomMenu, {}), (0, jsx_runtime_1.jsx)(DialogManager_1.DialogManager, {}), (0, jsx_runtime_1.jsx)(PopupManager_1.PopupManager, {}), (0, jsx_runtime_1.jsx)(CookiePopup_1.CookiePopup, { termLink: { href: '/pd-policy#cookie', target: '_blank' }, personalDataPolicyLink: { href: '/pd-policy', target: '_blank' } })] }));
|
|
24
|
+
return ((0, jsx_runtime_1.jsxs)("div", { "data-theme": colorPalette, children: [(0, jsx_runtime_1.jsxs)("section", { className: (0, style_1.style)('@container relative', pageStyle, className), children: [slots?.header ? ((0, jsx_runtime_1.jsx)("div", { className: "relative z-10 mb-lg shadow-[0_8px_32px_0px_#00000014]", children: (0, renderBlockList_1.renderBlocksList)(slots?.header, { ...options, slotName: 'header' }) })) : null, (0, jsx_runtime_1.jsxs)("div", { className: "container space-y-px @lg:space-y-0 @lg:grid @lg:grid-cols-12 @lg:gap-2xs", children: [(0, renderChildren_1.renderChildren)({ block: data, options, extraProps: { className: 'scroll-mt-12' } }), (0, renderBlockList_1.renderBlocksList)(slots?.footer, { ...options, slotName: 'footer' })] }), likeControl ? renderLikeControl() : null] }), (0, jsx_runtime_1.jsx)(StickyBottomMenu_1.StickyBottomMenu, {}), (0, jsx_runtime_1.jsx)(DialogManager_1.DialogManager, {}), (0, jsx_runtime_1.jsx)(PopupManager_1.PopupManager, {}), (0, jsx_runtime_1.jsx)(CookiePopup_1.CookiePopup, { termLink: { href: '/pd-policy#cookie', target: '_blank' }, personalDataPolicyLink: { href: '/pd-policy', target: '_blank' } })] }));
|
|
25
25
|
});
|
|
26
26
|
exports.ContentPage.childrenTypes = [];
|
|
27
27
|
exports.ContentPage.slots = () => ['header', 'footer', 'StickyBottomMenu'];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ContentPage.js","sourceRoot":"","sources":["../../../src/components/ContentPage/ContentPage.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAExC,yEAAuE;AACvE,uEAAoE;AAKpE,8FAA2F;AAC3F,sEAAmE;AACnE,4EAAyE;AACzE,yEAAsE;AACtE,6CAA0C;AAC1C,4DAAyD;AACzD,2EAAwE;AAQ3D,QAAA,WAAW,GAA+B,IAAA,aAAG,EACxD,CAAC,EAAE,SAAS,EAAE,cAAc,EAAE,cAAc,EAAE,IAAI,GAAG,EAAE,EAAE,EAAE,EAAE;IAC3D,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,WAAW,EAAE,YAAY,GAAG,IAAI,EAAE,GAAG,IAAI,CAAC;IAE3E,MAAM,OAAO,GAAyB;QACpC,GAAG,EAAE,EAAE;QACP,IAAI,EAAE,IAAI;QACV,cAAc;QACd,cAAc;QACd,MAAM,EAAE,IAAI;KACb,CAAC;IAEF,IAAA,+CAAsB,GAAE,CAAC;IAEzB,OAAO,CACL,+CAAiB,YAAY,aAC3B,qCAAS,SAAS,EAAE,IAAA,aAAK,EAAC,
|
|
1
|
+
{"version":3,"file":"ContentPage.js","sourceRoot":"","sources":["../../../src/components/ContentPage/ContentPage.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAExC,yEAAuE;AACvE,uEAAoE;AAKpE,8FAA2F;AAC3F,sEAAmE;AACnE,4EAAyE;AACzE,yEAAsE;AACtE,6CAA0C;AAC1C,4DAAyD;AACzD,2EAAwE;AAQ3D,QAAA,WAAW,GAA+B,IAAA,aAAG,EACxD,CAAC,EAAE,SAAS,EAAE,cAAc,EAAE,cAAc,EAAE,IAAI,GAAG,EAAE,EAAE,EAAE,EAAE;IAC3D,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,WAAW,EAAE,YAAY,GAAG,IAAI,EAAE,GAAG,IAAI,CAAC;IAE3E,MAAM,OAAO,GAAyB;QACpC,GAAG,EAAE,EAAE;QACP,IAAI,EAAE,IAAI;QACV,cAAc;QACd,cAAc;QACd,MAAM,EAAE,IAAI;KACb,CAAC;IAEF,IAAA,+CAAsB,GAAE,CAAC;IAEzB,OAAO,CACL,+CAAiB,YAAY,aAC3B,qCAAS,SAAS,EAAE,IAAA,aAAK,EAAC,qBAAqB,EAAE,SAAS,EAAE,SAAS,CAAC,aACnE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CACf,gCAAK,SAAS,EAAC,uDAAuD,YACnE,IAAA,kCAAgB,EAAC,KAAK,EAAE,MAAM,EAAE,EAAE,GAAG,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,GAChE,CACP,CAAC,CAAC,CAAC,IAAI,EACR,iCAAK,SAAS,EAAC,0EAA0E,aACtF,IAAA,+BAAc,EAAC,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,UAAU,EAAE,EAAE,SAAS,EAAE,cAAc,EAAE,EAAE,CAAC,EACnF,IAAA,kCAAgB,EAAC,KAAK,EAAE,MAAM,EAAE,EAAE,GAAG,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,IAChE,EACL,WAAW,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC,CAAC,CAAC,IAAI,IACjC,EACV,uBAAC,mCAAgB,KAAG,EACpB,uBAAC,6BAAa,KAAG,EACjB,uBAAC,2BAAY,KAAG,EAChB,uBAAC,yBAAW,IACV,QAAQ,EAAE,EAAE,IAAI,EAAE,mBAAmB,EAAE,MAAM,EAAE,QAAQ,EAAE,EACzD,sBAAsB,EAAE,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,EAAE,QAAQ,EAAE,GAChE,IACE,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,mBAAW,CAAC,aAAa,GAAG,EAAE,CAAC;AAC/B,mBAAW,CAAC,KAAK,GAAG,GAAG,EAAE,CAAC,CAAC,QAAQ,EAAE,QAAQ,EAAE,kBAAkB,CAAC,CAAC;AAEnE,SAAS,iBAAiB;IACxB,OAAO,CACL,gCAAK,SAAS,EAAC,qEAAqE,YAClF,uBAAC,yBAAW,IAAC,SAAS,EAAC,oDAAoD,GAAG,GAC1E,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -11,9 +11,10 @@ const useDepository_1 = require("./useDepository");
|
|
|
11
11
|
const DEFAULT_ITEMS_COUNT = 10;
|
|
12
12
|
exports.Depository = (0, uni_jsx_1.JSX)(({ className, ...rest }) => {
|
|
13
13
|
const [currentPage, setCurrentPage] = (0, hooks_1.useState)(0);
|
|
14
|
-
const [itemCount] = (0, hooks_1.useState)(DEFAULT_ITEMS_COUNT);
|
|
14
|
+
const [itemCount, setItemCount] = (0, hooks_1.useState)(DEFAULT_ITEMS_COUNT);
|
|
15
15
|
const { totalPages = 0, items } = (0, useDepository_1.useDepository)(itemCount, currentPage);
|
|
16
16
|
const handleChangePage = (0, hooks_1.useCallback)((page) => setCurrentPage(page - 1), []);
|
|
17
|
-
|
|
17
|
+
const handleItemCountChange = (0, hooks_1.useCallback)((count) => setItemCount(count), []);
|
|
18
|
+
return ((0, jsx_runtime_1.jsx)(BlockWrapper_1.BlockWrapper, { className: (0, style_1.style)(className, 'container p-4xl'), ...rest, children: (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col", children: [(0, jsx_runtime_1.jsxs)("div", { className: "grid grid-cols-12 pb-lg border-gray border-opacity-50 border-b", children: [(0, jsx_runtime_1.jsx)("span", { className: "col-span-2 text-gray text-m", children: "\u0414\u0430\u0442\u0430" }), (0, jsx_runtime_1.jsx)("span", { className: "col-span-10 text-gray text-m", children: "\u0422\u0435\u043C\u0430" })] }), items?.map((params) => ((0, jsx_runtime_1.jsx)(DepositoryItem_1.DepositoryItem, { ...params }, String(params.publicId)))), (0, jsx_runtime_1.jsx)(Pagination_1.Pagination, { currentPage: currentPage + 1, onPageChange: handleChangePage, totalPages: totalPages + 1, itemCount: itemCount, onItemCountChange: handleItemCountChange })] }) }));
|
|
18
19
|
});
|
|
19
20
|
//# sourceMappingURL=Depository.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Depository.js","sourceRoot":"","sources":["../../../src/components/Depository/Depository.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,uDAAoE;AAEpE,4DAAyD;AACzD,mEAAgE;AAChE,6CAA0C;AAE1C,qDAAkD;AAClD,mDAAgD;AAEhD,MAAM,mBAAmB,GAAG,EAAE,CAAC;AAIlB,QAAA,UAAU,GAA8B,IAAA,aAAG,EACtD,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IACzB,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,CAAC;IAClD,MAAM,CAAC,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,mBAAmB,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"Depository.js","sourceRoot":"","sources":["../../../src/components/Depository/Depository.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,uDAAoE;AAEpE,4DAAyD;AACzD,mEAAgE;AAChE,6CAA0C;AAE1C,qDAAkD;AAClD,mDAAgD;AAEhD,MAAM,mBAAmB,GAAG,EAAE,CAAC;AAIlB,QAAA,UAAU,GAA8B,IAAA,aAAG,EACtD,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IACzB,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,CAAC;IAClD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAC,mBAAmB,CAAC,CAAC;IAEhE,MAAM,EAAE,UAAU,GAAG,CAAC,EAAE,KAAK,EAAE,GAAG,IAAA,6BAAa,EAAC,SAAS,EAAE,WAAW,CAAC,CAAC;IAExE,MAAM,gBAAgB,GAAG,IAAA,mBAAW,EAAC,CAAC,IAAY,EAAE,EAAE,CAAC,cAAc,CAAC,IAAI,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IACrF,MAAM,qBAAqB,GAAG,IAAA,mBAAW,EAAC,CAAC,KAAa,EAAE,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC;IAEtF,OAAO,CACL,uBAAC,2BAAY,IAAC,SAAS,EAAE,IAAA,aAAK,EAAC,SAAS,EAAE,iBAAiB,CAAC,KAAM,IAAI,YACpE,iCAAK,SAAS,EAAC,eAAe,aAC5B,iCAAK,SAAS,EAAC,gEAAgE,aAC7E,iCAAM,SAAS,EAAC,6BAA6B,yCAAY,EACzD,iCAAM,SAAS,EAAC,8BAA8B,yCAAY,IACtD,EACL,KAAK,EAAE,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACtB,uBAAC,+BAAc,OAAmC,MAAM,IAAnC,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAgB,CAC7D,CAAC,EACF,uBAAC,uBAAU,IACT,WAAW,EAAE,WAAW,GAAG,CAAC,EAC5B,YAAY,EAAE,gBAAgB,EAC9B,UAAU,EAAE,UAAU,GAAG,CAAC,EAC1B,SAAS,EAAE,SAAS,EACpB,iBAAiB,EAAE,qBAAqB,GACxC,IACE,GACO,CAChB,CAAC;AACJ,CAAC,CACF,CAAC"}
|
|
@@ -2,11 +2,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
2
2
|
exports.DepositoryItem = void 0;
|
|
3
3
|
const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
|
|
4
4
|
const useLink_1 = require("../../hooks/useLink");
|
|
5
|
-
const
|
|
6
|
-
const DepositoryItem = ({ title, timestamp =
|
|
5
|
+
const formatDate_1 = require("../../utils/formatDate");
|
|
6
|
+
const DepositoryItem = ({ title, timestamp = '', publicId }) => {
|
|
7
7
|
const link = (0, useLink_1.useLink)();
|
|
8
8
|
const { href } = link({ href: `/api/v1/depository/${publicId}/file` });
|
|
9
|
-
return ((0, jsx_runtime_1.jsxs)("div", { className: "grid grid-cols-12 py-lg border-gray border-opacity-50 border-b", children: [(0, jsx_runtime_1.jsx)("div", { className: "col-span-2 text-m", children: (0, jsx_runtime_1.jsx)("span", { children: (0,
|
|
9
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: "grid grid-cols-12 py-lg border-gray border-opacity-50 border-b", children: [(0, jsx_runtime_1.jsx)("div", { className: "col-span-2 text-m", children: (0, jsx_runtime_1.jsx)("span", { children: (0, formatDate_1.formatDate)(timestamp) }) }), (0, jsx_runtime_1.jsx)("div", { className: "col-span-10 text-h6 hover:text-primary-active", children: (0, jsx_runtime_1.jsx)("a", { href: href, download: true, "aria-label": "\u0421\u043A\u0430\u0447\u0430\u0442\u044C", children: title }) })] }, publicId));
|
|
10
10
|
};
|
|
11
11
|
exports.DepositoryItem = DepositoryItem;
|
|
12
12
|
//# sourceMappingURL=DepositoryItem.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DepositoryItem.js","sourceRoot":"","sources":["../../../src/components/Depository/DepositoryItem.tsx"],"names":[],"mappings":";;;AAAA,iDAA8C;AAC9C
|
|
1
|
+
{"version":3,"file":"DepositoryItem.js","sourceRoot":"","sources":["../../../src/components/Depository/DepositoryItem.tsx"],"names":[],"mappings":";;;AAAA,iDAA8C;AAC9C,uDAAoD;AAG7C,MAAM,cAAc,GAAG,CAAC,EAAE,KAAK,EAAE,SAAS,GAAG,EAAE,EAAE,QAAQ,EAAsB,EAAE,EAAE;IACxF,MAAM,IAAI,GAAG,IAAA,iBAAO,GAAE,CAAC;IACvB,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC,EAAE,IAAI,EAAE,sBAAsB,QAAQ,OAAO,EAAE,CAAC,CAAC;IAEvE,OAAO,CACL,iCAAK,SAAS,EAAC,gEAAgE,aAC7E,gCAAK,SAAS,EAAC,mBAAmB,YAChC,2CAAO,IAAA,uBAAU,EAAC,SAAS,CAAC,GAAQ,GAChC,EACN,gCAAK,SAAS,EAAC,+CAA+C,YAC5D,8BAAG,IAAI,EAAE,IAAI,EAAE,QAAQ,sBAAY,4CAAS,YACzC,KAAK,GACJ,GACA,KAR6E,QAAQ,CASvF,CACP,CAAC;AACJ,CAAC,CAAC;AAhBW,QAAA,cAAc,kBAgBzB"}
|
|
@@ -5,5 +5,5 @@ const uni_jsx_1 = require("@redneckz/uni-jsx");
|
|
|
5
5
|
const BaseProductTile_1 = require("../../ui-kit/BaseProductTile/BaseProductTile");
|
|
6
6
|
const BlockWrapper_1 = require("../../ui-kit/BlockWrapper");
|
|
7
7
|
const Paragraph_1 = require("../../ui-kit/Paragraph/Paragraph");
|
|
8
|
-
exports.ProductTile = (0, uni_jsx_1.JSX)(({ className, padding, headlineVersion = 'S', isTabularBenefits = true, additionalDescription, imageOptions, ...rest }) => ((0, jsx_runtime_1.jsx)(BlockWrapper_1.BlockWrapper, { className: className, padding: "p-0", ...rest, children: (0, jsx_runtime_1.jsx)(BaseProductTile_1.BaseProductTile, { className: "h-full", defaultPadding: "p-4xl sm:p-xl", padding: padding, headlineVersion: headlineVersion, isTabularBenefits: isTabularBenefits, imageOptions: {
|
|
8
|
+
exports.ProductTile = (0, uni_jsx_1.JSX)(({ className, padding, headlineVersion = 'S', isTabularBenefits = true, additionalDescription, imageOptions, ...rest }) => ((0, jsx_runtime_1.jsx)(BlockWrapper_1.BlockWrapper, { className: className, padding: "p-0", ...rest, children: (0, jsx_runtime_1.jsx)(BaseProductTile_1.BaseProductTile, { className: "h-full", defaultPadding: "p-4xl sm:p-xl", padding: padding, headlineVersion: headlineVersion, isTabularBenefits: isTabularBenefits, imageOptions: { isImageSecondary: true, ...imageOptions }, ...rest, children: additionalDescription ? ((0, jsx_runtime_1.jsx)(Paragraph_1.Paragraph, { size: "text-m", font: "font-light", color: "group-data-primary:text-secondary-text", children: additionalDescription })) : null }) })));
|
|
9
9
|
//# sourceMappingURL=ProductTile.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProductTile.js","sourceRoot":"","sources":["../../../src/components/ProductTile/ProductTile.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAExC,kFAA+E;AAC/E,4DAAyD;AACzD,gEAA6D;AAKhD,QAAA,WAAW,GAAG,IAAA,aAAG,EAC5B,CAAC,EACC,SAAS,EACT,OAAO,EACP,eAAe,GAAG,GAAG,EACrB,iBAAiB,GAAG,IAAI,EACxB,qBAAqB,EACrB,YAAY,EACZ,GAAG,IAAI,EACR,EAAE,EAAE,CAAC,CACJ,uBAAC,2BAAY,IAAC,SAAS,EAAE,SAAS,EAAE,OAAO,EAAC,KAAK,KAAK,IAAI,YACxD,uBAAC,iCAAe,IACd,SAAS,EAAC,QAAQ,EAClB,cAAc,EAAC,eAAe,EAC9B,OAAO,EAAE,OAAO,EAChB,eAAe,EAAE,eAAe,EAChC,iBAAiB,EAAE,iBAAiB,EACpC,YAAY,EAAE,EAAE,
|
|
1
|
+
{"version":3,"file":"ProductTile.js","sourceRoot":"","sources":["../../../src/components/ProductTile/ProductTile.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAExC,kFAA+E;AAC/E,4DAAyD;AACzD,gEAA6D;AAKhD,QAAA,WAAW,GAAG,IAAA,aAAG,EAC5B,CAAC,EACC,SAAS,EACT,OAAO,EACP,eAAe,GAAG,GAAG,EACrB,iBAAiB,GAAG,IAAI,EACxB,qBAAqB,EACrB,YAAY,EACZ,GAAG,IAAI,EACR,EAAE,EAAE,CAAC,CACJ,uBAAC,2BAAY,IAAC,SAAS,EAAE,SAAS,EAAE,OAAO,EAAC,KAAK,KAAK,IAAI,YACxD,uBAAC,iCAAe,IACd,SAAS,EAAC,QAAQ,EAClB,cAAc,EAAC,eAAe,EAC9B,OAAO,EAAE,OAAO,EAChB,eAAe,EAAE,eAAe,EAChC,iBAAiB,EAAE,iBAAiB,EACpC,YAAY,EAAE,EAAE,gBAAgB,EAAE,IAAI,EAAE,GAAG,YAAY,EAAE,KACrD,IAAI,YAEP,qBAAqB,CAAC,CAAC,CAAC,CACvB,uBAAC,qBAAS,IAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,YAAY,EAAC,KAAK,EAAC,wCAAwC,YACtF,qBAAqB,GACZ,CACb,CAAC,CAAC,CAAC,IAAI,GACQ,GACL,CAChB,CACF,CAAC"}
|
|
@@ -10,11 +10,11 @@ const Img_1 = require("../Img/Img");
|
|
|
10
10
|
const List_1 = require("../List/List");
|
|
11
11
|
const RichText_1 = require("../RichText/RichText");
|
|
12
12
|
const Tags_1 = require("../Tags/Tags");
|
|
13
|
-
exports.BaseProductTile = (0, uni_jsx_1.JSX)(({ className, padding, defaultPadding, title, description, headlineVersion = 'L', align = 'text-left', benefitsVersion, isTabularBenefits, benefits, __html, isFullWidthTitle = true, items, isDotted = true, listItemSize, tags = [], buttons, image, imageOptions: { imageAlign = '
|
|
13
|
+
exports.BaseProductTile = (0, uni_jsx_1.JSX)(({ className, padding, defaultPadding, title, description, headlineVersion = 'L', align = 'text-left', benefitsVersion, isTabularBenefits, benefits, __html, isFullWidthTitle = true, items, isDotted = true, listItemSize, tags = [], buttons, image, imageOptions: { imageAlign = 'center', directionRight = true, isImageAlwaysOnRight, isImageSecondary = false, } = {}, children, }) => {
|
|
14
14
|
const img = image?.src ? (0, jsx_runtime_1.jsx)(Img_1.Img, { image: image }) : null;
|
|
15
15
|
const headline = renderHeadline({ title, description, headlineVersion, align });
|
|
16
16
|
const filteredBenefits = benefits?.filter((_) => _?.type === 'rte' || 'label' in _ || 'description' in _);
|
|
17
|
-
return ((0, jsx_runtime_1.jsx)(BaseTile_1.BaseTile, { className: className, padding: padding, defaultPadding: defaultPadding, ...(isFullWidthTitle ? { insetTitle: headline } : { title: headline }), ...
|
|
17
|
+
return ((0, jsx_runtime_1.jsx)(BaseTile_1.BaseTile, { className: className, padding: padding, defaultPadding: defaultPadding, ...(isFullWidthTitle ? { insetTitle: headline } : { title: headline }), ...leftOrRightImage(img, directionRight), isImageSecondary: isImageSecondary, imageAlign: imageAlign, isImageAlwaysOnRight: isImageAlwaysOnRight, buttons: (0, renderButtonsSection_1.renderButtonsSection)(buttons), children: (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col sm:gap-xl gap-4xl", children: [filteredBenefits?.length ? ((0, jsx_runtime_1.jsx)(BenefitsList_1.BenefitsList, { benefitsVersion: benefitsVersion, isTabularBenefits: isTabularBenefits, benefits: filteredBenefits })) : null, __html ? (0, jsx_runtime_1.jsx)(RichText_1.RichText, { __html: __html }) : null, items?.length ? ((0, jsx_runtime_1.jsx)(List_1.List, { items: items, isDotted: isDotted, listItemSize: listItemSize })) : null, children, renderTags(tags)] }) }));
|
|
18
18
|
});
|
|
19
19
|
const leftOrRightImage = (img, directionRight) => directionRight ? { rightImage: img } : { leftImage: img };
|
|
20
20
|
const renderTags = (tags) => (tags?.length ? (0, jsx_runtime_1.jsx)(Tags_1.Tags, { tags: tags }) : null);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BaseProductTile.js","sourceRoot":"","sources":["../../../src/ui-kit/BaseProductTile/BaseProductTile.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,iEAA8D;
|
|
1
|
+
{"version":3,"file":"BaseProductTile.js","sourceRoot":"","sources":["../../../src/ui-kit/BaseProductTile/BaseProductTile.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,iEAA8D;AAI9D,mDAAgD;AAChD,+DAA4D;AAC5D,yEAAsE;AACtE,oCAAiC;AACjC,uCAAoC;AACpC,mDAAgD;AAChD,uCAAoC;AAMvB,QAAA,eAAe,GAAG,IAAA,aAAG,EAChC,CAAC,EACC,SAAS,EACT,OAAO,EACP,cAAc,EACd,KAAK,EACL,WAAW,EACX,eAAe,GAAG,GAAG,EACrB,KAAK,GAAG,WAAW,EACnB,eAAe,EACf,iBAAiB,EACjB,QAAQ,EACR,MAAM,EACN,gBAAgB,GAAG,IAAI,EACvB,KAAK,EACL,QAAQ,GAAG,IAAI,EACf,YAAY,EACZ,IAAI,GAAG,EAAE,EACT,OAAO,EACP,KAAK,EACL,YAAY,EAAE,EACZ,UAAU,GAAG,QAAQ,EACrB,cAAc,GAAG,IAAI,EACrB,oBAAoB,EACpB,gBAAgB,GAAG,KAAK,GACzB,GAAG,EAAE,EACN,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,GAAG,GAAG,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,uBAAC,SAAG,IAAC,KAAK,EAAE,KAAK,GAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IACtD,MAAM,QAAQ,GAAG,cAAc,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,KAAK,EAAE,CAAC,CAAC;IAChF,MAAM,gBAAgB,GAAG,QAAQ,EAAE,MAAM,CACvC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,IAAI,KAAK,KAAK,IAAI,OAAO,IAAI,CAAC,IAAI,aAAa,IAAI,CAAC,CAC/D,CAAC;IAEF,OAAO,CACL,uBAAC,mBAAQ,IACP,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,cAAc,EAAE,cAAc,KAC1B,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,KACnE,gBAAgB,CAAC,GAAG,EAAE,cAAc,CAAC,EACzC,gBAAgB,EAAE,gBAAgB,EAClC,UAAU,EAAE,UAAU,EACtB,oBAAoB,EAAE,oBAAoB,EAC1C,OAAO,EAAE,IAAA,2CAAoB,EAAC,OAAO,CAAC,YAEtC,iCAAK,SAAS,EAAC,iCAAiC,aAC7C,gBAAgB,EAAE,MAAM,CAAC,CAAC,CAAC,CAC1B,uBAAC,2BAAY,IACX,eAAe,EAAE,eAAe,EAChC,iBAAiB,EAAE,iBAAiB,EACpC,QAAQ,EAAE,gBAAgB,GAC1B,CACH,CAAC,CAAC,CAAC,IAAI,EACP,MAAM,CAAC,CAAC,CAAC,uBAAC,mBAAQ,IAAC,MAAM,EAAE,MAAM,GAAI,CAAC,CAAC,CAAC,IAAI,EAC5C,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CACf,uBAAC,WAAI,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,YAAY,GAAI,CACvE,CAAC,CAAC,CAAC,IAAI,EACP,QAAQ,EACR,UAAU,CAAC,IAAI,CAAC,IACb,GACG,CACZ,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,gBAAgB,GAAG,CAAC,GAAU,EAAE,cAAuB,EAAE,EAAE,CAC/D,cAAc,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,GAAG,EAAE,CAAC;AAE5D,MAAM,UAAU,GAAG,CAAC,IAAc,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,uBAAC,WAAI,IAAC,IAAI,EAAE,IAAI,GAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;AASpF,MAAM,cAAc,GAAG,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,KAAK,EAAkB,EAAE,EAAE,CACxF,KAAK,IAAI,WAAW,CAAC,CAAC,CAAC,CACrB,uBAAC,mBAAQ,IACP,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,eAAe,EAAE,eAAe,EAChC,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,IAAI,GAChB,CACH,CAAC,CAAC,CAAC,IAAI,CAAC"}
|
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
import type { Align } from '../../model/Align';
|
|
2
2
|
import type { BulletsProps } from '../../model/Bullets';
|
|
3
3
|
import type { HeadlineProps } from '../../model/HeadlineType';
|
|
4
|
+
import type { BenefitsListContent } from '../BenefitsList/BenefitsListContent';
|
|
5
|
+
import type { ButtonsSectionContent } from '../Button/ButtonsSectionContent';
|
|
4
6
|
import type { ImageContent } from '../Img/ImgProps';
|
|
5
7
|
import type { ListContent } from '../List/ListContent';
|
|
6
8
|
import type { RichTextProps } from '../RichText/RichTextProps';
|
|
7
9
|
import type { TagsContent } from '../Tags/TagsContent';
|
|
8
|
-
import type { BenefitsListContent } from '../BenefitsList/BenefitsListContent';
|
|
9
|
-
import type { ButtonsSectionContent } from '../Button/ButtonsSectionContent';
|
|
10
10
|
/** @title Доп. настройки картинки */
|
|
11
11
|
export interface TileImageOptions {
|
|
12
12
|
/** @title Картинка справа/текст слева */
|
|
13
13
|
directionRight?: boolean;
|
|
14
14
|
/** @title Выравнивание изображения */
|
|
15
15
|
imageAlign?: Align;
|
|
16
|
-
/** @title
|
|
17
|
-
|
|
16
|
+
/** @title Второстепенное изображение */
|
|
17
|
+
isImageSecondary?: boolean;
|
|
18
18
|
/** @title Изображение всегда справа */
|
|
19
19
|
isImageAlwaysOnRight?: boolean;
|
|
20
20
|
}
|
|
@@ -7,9 +7,9 @@ interface BaseTileProps extends UniBlockProps {
|
|
|
7
7
|
leftImage?: VNode;
|
|
8
8
|
rightImage?: VNode;
|
|
9
9
|
imageAlign?: Align;
|
|
10
|
-
backImage?: VNode;
|
|
11
10
|
buttons?: VNode;
|
|
12
11
|
isImageAlwaysOnRight?: boolean;
|
|
12
|
+
isImageSecondary?: boolean;
|
|
13
13
|
}
|
|
14
14
|
export declare const BaseTile: import("@redneckz/uni-jsx").UNIComponent<BaseTileProps, any, any>;
|
|
15
15
|
export {};
|
|
@@ -8,9 +8,12 @@ const imageAlignmentMap = {
|
|
|
8
8
|
center: '@xl:self-center',
|
|
9
9
|
end: '@xl:self-end',
|
|
10
10
|
};
|
|
11
|
-
exports.BaseTile = (0, uni_jsx_1.JSX)(({ className, defaultPadding, padding, title = '', insetTitle = '', buttons, leftImage, rightImage, imageAlign,
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
const
|
|
11
|
+
exports.BaseTile = (0, uni_jsx_1.JSX)(({ className, defaultPadding, padding, title = '', insetTitle = '', buttons, leftImage, rightImage, imageAlign, isImageAlwaysOnRight = false, isImageSecondary, children, }) => ((0, jsx_runtime_1.jsxs)("div", { className: (0, style_1.style)('relative flex flex-col gap-3xl font-sans overflow-hidden', padding || defaultPadding, className), children: [title ? (0, jsx_runtime_1.jsx)("div", { className: "relative", children: title }) : null, (0, jsx_runtime_1.jsxs)("div", { className: (0, style_1.style)('grow relative flex flex-col-reverse @xl:flex-row justify-around @xl:justify-between items-stretch gap-3xl'), children: [renderImageContainer(leftImage, { imageAlign }), (0, jsx_runtime_1.jsxs)("div", { className: (0, style_1.style)('grid gap-3xl', rightImage ? '@xl:grid-cols-2' : '', leftImage ? '' : 'grow'), children: [(0, jsx_runtime_1.jsxs)("div", { className: "grow grid gap-3xl row-span-1", children: [insetTitle, children] }), renderImageContainer(rightImage, {
|
|
12
|
+
className: (0, style_1.style)('@xl:justify-self-end row-start-1 @xl:row-end-3 @xl:col-start-2', positionStyle(isImageAlwaysOnRight), isImageSecondary ? 'hidden @xl:block' : ''),
|
|
13
|
+
imageAlign,
|
|
14
|
+
}), (0, jsx_runtime_1.jsx)("div", { className: "self-end", children: buttons })] })] })] })));
|
|
15
|
+
const positionStyle = (isImageAlwaysOnRight) => isImageAlwaysOnRight
|
|
16
|
+
? 'ml-xl justify-self-end row-start-1 row-end-3 col-start-2 self-center'
|
|
17
|
+
: '';
|
|
18
|
+
const renderImageContainer = (image, { className, imageAlign }) => image ? ((0, jsx_runtime_1.jsx)("div", { className: (0, style_1.style)('shrink-1/2 justify-self-center', imageAlign && imageAlignmentMap[imageAlign], className), children: image })) : null;
|
|
16
19
|
//# sourceMappingURL=BaseTile.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BaseTile.js","sourceRoot":"","sources":["../../../src/ui-kit/BaseTile/BaseTile.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAIxC,6CAA0C;AAa1C,MAAM,iBAAiB,GAA0B;IAC/C,KAAK,EAAE,gBAAgB;IACvB,MAAM,EAAE,iBAAiB;IACzB,GAAG,EAAE,cAAc;CACpB,CAAC;AAEW,QAAA,QAAQ,GAAG,IAAA,aAAG,EACzB,CAAC,EACC,SAAS,EACT,cAAc,EACd,OAAO,EACP,KAAK,GAAG,EAAE,EACV,UAAU,GAAG,EAAE,EACf,OAAO,EACP,SAAS,EACT,UAAU,EACV,UAAU,EACV,
|
|
1
|
+
{"version":3,"file":"BaseTile.js","sourceRoot":"","sources":["../../../src/ui-kit/BaseTile/BaseTile.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAIxC,6CAA0C;AAa1C,MAAM,iBAAiB,GAA0B;IAC/C,KAAK,EAAE,gBAAgB;IACvB,MAAM,EAAE,iBAAiB;IACzB,GAAG,EAAE,cAAc;CACpB,CAAC;AAEW,QAAA,QAAQ,GAAG,IAAA,aAAG,EACzB,CAAC,EACC,SAAS,EACT,cAAc,EACd,OAAO,EACP,KAAK,GAAG,EAAE,EACV,UAAU,GAAG,EAAE,EACf,OAAO,EACP,SAAS,EACT,UAAU,EACV,UAAU,EACV,oBAAoB,GAAG,KAAK,EAC5B,gBAAgB,EAChB,QAAQ,GACT,EAAE,EAAE,CAAC,CACJ,iCACE,SAAS,EAAE,IAAA,aAAK,EACd,0DAA0D,EAC1D,OAAO,IAAI,cAAc,EACzB,SAAS,CACV,aAEA,KAAK,CAAC,CAAC,CAAC,gCAAK,SAAS,EAAC,UAAU,YAAE,KAAK,GAAO,CAAC,CAAC,CAAC,IAAI,EACvD,iCACE,SAAS,EAAE,IAAA,aAAK,EACd,2GAA2G,CAC5G,aAEA,oBAAoB,CAAC,SAAS,EAAE,EAAE,UAAU,EAAE,CAAC,EAChD,iCACE,SAAS,EAAE,IAAA,aAAK,EACd,cAAc,EACd,UAAU,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,EACnC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CACxB,aAED,iCAAK,SAAS,EAAC,8BAA8B,aAC1C,UAAU,EACV,QAAQ,IACL,EACL,oBAAoB,CAAC,UAAU,EAAE;4BAChC,SAAS,EAAE,IAAA,aAAK,EACd,gEAAgE,EAChE,aAAa,CAAC,oBAAoB,CAAC,EACnC,gBAAgB,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,CAC3C;4BACD,UAAU;yBACX,CAAC,EACF,gCAAK,SAAS,EAAC,UAAU,YAAE,OAAO,GAAO,IACrC,IACF,IACF,CACP,CACF,CAAC;AAEF,MAAM,aAAa,GAAG,CAAC,oBAA6B,EAAE,EAAE,CACtD,oBAAoB;IAClB,CAAC,CAAC,sEAAsE;IACxE,CAAC,CAAC,EAAE,CAAC;AAET,MAAM,oBAAoB,GAAG,CAC3B,KAAwB,EACxB,EAAE,SAAS,EAAE,UAAU,EAA8C,EACrE,EAAE,CACF,KAAK,CAAC,CAAC,CAAC,CACN,gCACE,SAAS,EAAE,IAAA,aAAK,EACd,gCAAgC,EAChC,UAAU,IAAI,iBAAiB,CAAC,UAAU,CAAC,EAC3C,SAAS,CACV,YAEA,KAAK,GACF,CACP,CAAC,CAAC,CAAC,IAAI,CAAC"}
|
|
@@ -26,7 +26,7 @@ const getInlineStyle = (className, height) => {
|
|
|
26
26
|
if (className?.includes('h-')) {
|
|
27
27
|
return {};
|
|
28
28
|
}
|
|
29
|
-
return { height: (0, isOnlyDigits_1.isOnlyDigits)(height) ? `${height}px` : height };
|
|
29
|
+
return { height: (0, isOnlyDigits_1.isOnlyDigits)(height) ? `${height}px` : height, width: 'auto' };
|
|
30
30
|
};
|
|
31
31
|
const getSvgSize = (width) => (width ? '' : 'w-full h-full');
|
|
32
32
|
const Background = (0, uni_jsx_1.JSX)(({ className, children }) => className ? (0, jsx_runtime_1.jsx)("div", { className: className, children: children }) : children);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../src/ui-kit/Icon/Icon.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,2DAAwD;AACxD,qDAAkD;AAElD,uDAAoD;AACpD,2DAAwD;AACxD,6CAA0C;AAC1C,yCAA2C;AAG3C,MAAM,cAAc,GAAgC;IAClD,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,mBAAmB;IAC1B,KAAK,EAAE,YAAY;IACnB,KAAK,EAAE,YAAY;CACpB,CAAC;AAEW,QAAA,IAAI,GAAG,IAAA,aAAG,EACrB,CAAC,EACC,SAAS,GAAG,EAAE,EACd,cAAc,GAAG,EAAE,EACnB,IAAI,GAAG,EAAE,EACT,GAAG,GAAG,UAAU,IAAI,EAAE,EACtB,KAAK,GAAG,GAAG,EACX,WAAW,GAAG,OAAO,EACrB,KAAK,EACL,MAAM,GACP,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,IAAA,qBAAS,GAAE,CAAC;IAC3B,MAAM,IAAI,GAAG,IAAA,uBAAU,EAAC,MAAM,CAAC,CAAC,IAAA,cAAQ,EAAC,iCAAe,CAAC,GAAG,EAAE,QAAQ,EAAE,GAAG,IAAI,MAAM,CAAC,CAAC,CAAC;IAExF,IAAI,WAAW,KAAK,QAAQ,EAAE;QAC5B,OAAO,CACL,uBAAC,UAAU,IAAC,SAAS,EAAE,SAAS,YAC9B,iCACE,SAAS,EAAE,IAAA,aAAK,EACd,UAAU,CAAC,KAAK,CAAC,EACjB,cAAc,CAAC,WAAW,CAAC,EAC3B,WAAW,KAAK,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EACvC,cAAc,CACf,EACD,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,iBACF,MAAM,aAEjB,KAAK,CAAC,CAAC,CAAC,4CAAQ,KAAK,GAAS,CAAC,CAAC,CAAC,IAAI,EACrC,GAAG,CAAC,CAAC,CAAC,2CAAO,GAAG,GAAQ,CAAC,CAAC,CAAC,IAAI,EAChC,gCAAK,IAAI,EAAE,GAAG,IAAI,OAAO,EAAE,SAAS,EAAE,GAAG,IAAI,OAAO,GAAI,IACpD,GACK,CACd,CAAC;KACH;IAED,OAAO,CACL,gCACE,SAAS,EAAE,SAAS,EACpB,GAAG,EAAE,IAAI,EACT,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,iBACA,MAAM,EAClB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,cAAc,CAAC,SAAS,EAAE,MAAM,CAAC,GACxC,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,cAAc,GAAG,CAAC,SAAkB,EAAE,MAAe,EAAE,EAAE;IAC7D,IAAI,SAAS,EAAE,QAAQ,CAAC,IAAI,CAAC,EAAE;QAC7B,OAAO,EAAE,CAAC;KACX;IAED,OAAO,EAAE,MAAM,EAAE,IAAA,2BAAY,EAAC,MAAM,CAAC,CAAC,CAAC,CAAC,GAAG,MAAM,IAAI,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../src/ui-kit/Icon/Icon.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,2DAAwD;AACxD,qDAAkD;AAElD,uDAAoD;AACpD,2DAAwD;AACxD,6CAA0C;AAC1C,yCAA2C;AAG3C,MAAM,cAAc,GAAgC;IAClD,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,mBAAmB;IAC1B,KAAK,EAAE,YAAY;IACnB,KAAK,EAAE,YAAY;CACpB,CAAC;AAEW,QAAA,IAAI,GAAG,IAAA,aAAG,EACrB,CAAC,EACC,SAAS,GAAG,EAAE,EACd,cAAc,GAAG,EAAE,EACnB,IAAI,GAAG,EAAE,EACT,GAAG,GAAG,UAAU,IAAI,EAAE,EACtB,KAAK,GAAG,GAAG,EACX,WAAW,GAAG,OAAO,EACrB,KAAK,EACL,MAAM,GACP,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,IAAA,qBAAS,GAAE,CAAC;IAC3B,MAAM,IAAI,GAAG,IAAA,uBAAU,EAAC,MAAM,CAAC,CAAC,IAAA,cAAQ,EAAC,iCAAe,CAAC,GAAG,EAAE,QAAQ,EAAE,GAAG,IAAI,MAAM,CAAC,CAAC,CAAC;IAExF,IAAI,WAAW,KAAK,QAAQ,EAAE;QAC5B,OAAO,CACL,uBAAC,UAAU,IAAC,SAAS,EAAE,SAAS,YAC9B,iCACE,SAAS,EAAE,IAAA,aAAK,EACd,UAAU,CAAC,KAAK,CAAC,EACjB,cAAc,CAAC,WAAW,CAAC,EAC3B,WAAW,KAAK,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EACvC,cAAc,CACf,EACD,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,iBACF,MAAM,aAEjB,KAAK,CAAC,CAAC,CAAC,4CAAQ,KAAK,GAAS,CAAC,CAAC,CAAC,IAAI,EACrC,GAAG,CAAC,CAAC,CAAC,2CAAO,GAAG,GAAQ,CAAC,CAAC,CAAC,IAAI,EAChC,gCAAK,IAAI,EAAE,GAAG,IAAI,OAAO,EAAE,SAAS,EAAE,GAAG,IAAI,OAAO,GAAI,IACpD,GACK,CACd,CAAC;KACH;IAED,OAAO,CACL,gCACE,SAAS,EAAE,SAAS,EACpB,GAAG,EAAE,IAAI,EACT,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,iBACA,MAAM,EAClB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,cAAc,CAAC,SAAS,EAAE,MAAM,CAAC,GACxC,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,cAAc,GAAG,CAAC,SAAkB,EAAE,MAAe,EAAE,EAAE;IAC7D,IAAI,SAAS,EAAE,QAAQ,CAAC,IAAI,CAAC,EAAE;QAC7B,OAAO,EAAE,CAAC;KACX;IAED,OAAO,EAAE,MAAM,EAAE,IAAA,2BAAY,EAAC,MAAM,CAAC,CAAC,CAAC,CAAC,GAAG,MAAM,IAAI,CAAC,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC;AAClF,CAAC,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,KAAc,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC;AAEtE,MAAM,UAAU,GAAG,IAAA,aAAG,EAAyB,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,EAAE,CACzE,SAAS,CAAC,CAAC,CAAC,gCAAK,SAAS,EAAE,SAAS,YAAG,QAAQ,GAAO,CAAC,CAAC,CAAC,QAAQ,CACnE,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
2
|
+
exports.PageSizeSelector = void 0;
|
|
3
|
+
const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
|
|
4
|
+
const hooks_1 = require("@redneckz/uni-jsx/lib/hooks");
|
|
5
|
+
const Select_1 = require("../Select/Select");
|
|
6
|
+
const DEFAULT_OPTIONS = [{ key: '10' }, { key: '50' }, { key: '100' }];
|
|
7
|
+
const PageSizeSelector = ({ itemCount, onItemCountChange }) => {
|
|
8
|
+
const handleItemCountChange = (0, hooks_1.useCallback)(({ key }) => onItemCountChange(Number(key)), []);
|
|
9
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-s", children: [(0, jsx_runtime_1.jsx)("span", { children: "\u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u043F\u043E" }), (0, jsx_runtime_1.jsx)(Select_1.Select, { onChange: handleItemCountChange, value: { key: String(itemCount) }, options: DEFAULT_OPTIONS })] }));
|
|
10
|
+
};
|
|
11
|
+
exports.PageSizeSelector = PageSizeSelector;
|
|
12
|
+
//# sourceMappingURL=PageSizeSelector.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PageSizeSelector.js","sourceRoot":"","sources":["../../../src/ui-kit/Pagination/PageSizeSelector.tsx"],"names":[],"mappings":";;;AAAA,uDAA0D;AAC1D,6CAA0C;AAE1C,MAAM,eAAe,GAAG,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,EAAE,EAAE,GAAG,EAAE,IAAI,EAAE,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC,CAAC;AAOhE,MAAM,gBAAgB,GAAG,CAAC,EAAE,SAAS,EAAE,iBAAiB,EAAyB,EAAE,EAAE;IAC1F,MAAM,qBAAqB,GAAG,IAAA,mBAAW,EACvC,CAAC,EAAE,GAAG,EAAmB,EAAE,EAAE,CAAC,iBAAiB,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,EAC5D,EAAE,CACH,CAAC;IAEF,OAAO,CACL,iCAAK,SAAS,EAAC,yBAAyB,aACtC,6GAAwB,EACxB,uBAAC,eAAM,IACL,QAAQ,EAAE,qBAAqB,EAC/B,KAAK,EAAE,EAAE,GAAG,EAAE,MAAM,CAAC,SAAS,CAAC,EAAE,EACjC,OAAO,EAAE,eAAe,GACxB,IACE,CACP,CAAC;AACJ,CAAC,CAAC;AAhBW,QAAA,gBAAgB,oBAgB3B"}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export declare const paginationBlockStyle = "py-m px-lg rounded-md cursor-pointer hover:bg-green-more-dark hover:text-white";
|
|
3
2
|
export interface PaginationProps {
|
|
4
3
|
currentPage: number;
|
|
5
4
|
onPageChange: (page: number) => void;
|
|
6
5
|
totalPages: number;
|
|
6
|
+
itemCount?: number;
|
|
7
|
+
onItemCountChange?: (count: number) => void;
|
|
7
8
|
}
|
|
8
|
-
export declare const Pagination: ({ currentPage, onPageChange, totalPages }: PaginationProps) => JSX.Element;
|
|
9
|
+
export declare const Pagination: ({ currentPage, onPageChange, totalPages, itemCount, onItemCountChange, }: PaginationProps) => JSX.Element;
|
|
@@ -1,31 +1,8 @@
|
|
|
1
1
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
2
|
-
exports.Pagination =
|
|
2
|
+
exports.Pagination = void 0;
|
|
3
3
|
const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
|
|
4
|
-
const
|
|
5
|
-
const
|
|
6
|
-
const
|
|
7
|
-
exports.paginationBlockStyle = 'py-m px-lg rounded-md cursor-pointer hover:bg-green-more-dark hover:text-white';
|
|
8
|
-
const ICON_SIZE = { width: '24', height: '24' };
|
|
9
|
-
const Pagination = ({ currentPage, onPageChange, totalPages }) => {
|
|
10
|
-
const handlePrevPage = (0, hooks_1.useCallback)(() => {
|
|
11
|
-
if (currentPage > 1) {
|
|
12
|
-
onPageChange(currentPage - 1);
|
|
13
|
-
}
|
|
14
|
-
}, [currentPage]);
|
|
15
|
-
const handleNextPage = (0, hooks_1.useCallback)(() => {
|
|
16
|
-
if (currentPage < totalPages - 1) {
|
|
17
|
-
onPageChange(currentPage + 1);
|
|
18
|
-
}
|
|
19
|
-
}, [currentPage, totalPages]);
|
|
20
|
-
const handleFirstPage = (0, hooks_1.useCallback)(() => onPageChange(1), []);
|
|
21
|
-
const handleLastPage = (0, hooks_1.useCallback)(() => onPageChange(totalPages), [totalPages]);
|
|
22
|
-
const pages = (0, hooks_1.useMemo)(() => new Array(totalPages).fill({
|
|
23
|
-
currentPage,
|
|
24
|
-
onPageChange,
|
|
25
|
-
totalPages,
|
|
26
|
-
}), [totalPages, currentPage]);
|
|
27
|
-
return ((0, jsx_runtime_1.jsx)("div", { className: "mt-3xl flex items-center select-none", role: "navigation", "aria-label": "\u041F\u0430\u0433\u0438\u043D\u0430\u0446\u0438\u044F", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex gap-m items-center", children: [(0, jsx_runtime_1.jsx)("div", { onClick: handlePrevPage, children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: "ArrowLeftIcon", iconVersion: "black", imageClassName: getIconStyle(currentPage === 1), ...ICON_SIZE }) }), (0, jsx_runtime_1.jsxs)("div", { className: "flex gap-xs", children: [currentPage > 1 ? ((0, jsx_runtime_1.jsx)("div", { onClick: handleFirstPage, className: exports.paginationBlockStyle, "aria-label": "\u0421\u0442\u0440\u0430\u043D\u0438\u0446\u0430 1", children: "1" })) : null, currentPage > 4 ? (0, jsx_runtime_1.jsx)("div", { className: "py-m px-s", children: "..." }) : null, pages.map(renderPages_1.renderPages), currentPage < totalPages - 3 ? (0, jsx_runtime_1.jsx)("div", { className: "py-m px-s", children: "..." }) : null, currentPage < totalPages ? ((0, jsx_runtime_1.jsx)("div", { onClick: handleLastPage, className: exports.paginationBlockStyle, "aria-label": `Страница ${totalPages}}`, children: totalPages })) : null] }), (0, jsx_runtime_1.jsx)("div", { onClick: handleNextPage, children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { className: "rotate-180", name: "ArrowLeftIcon", iconVersion: "black", imageClassName: getIconStyle(currentPage === totalPages), ...ICON_SIZE }) })] }) }));
|
|
28
|
-
};
|
|
4
|
+
const PageSizeSelector_1 = require("./PageSizeSelector");
|
|
5
|
+
const PaginationContainer_1 = require("./PaginationContainer");
|
|
6
|
+
const Pagination = ({ currentPage, onPageChange, totalPages, itemCount, onItemCountChange, }) => ((0, jsx_runtime_1.jsxs)("div", { className: "mt-3xl flex justify-between items-center select-none", role: "navigation", "aria-label": "\u041F\u0430\u0433\u0438\u043D\u0430\u0446\u0438\u044F", children: [(0, jsx_runtime_1.jsx)(PaginationContainer_1.PaginationContainer, { currentPage: currentPage, onPageChange: onPageChange, totalPages: totalPages }), itemCount && onItemCountChange ? ((0, jsx_runtime_1.jsx)(PageSizeSelector_1.PageSizeSelector, { itemCount: itemCount, onItemCountChange: onItemCountChange })) : null] }));
|
|
29
7
|
exports.Pagination = Pagination;
|
|
30
|
-
const getIconStyle = (condition) => condition ? 'opacity-20' : 'cursor-pointer hover:opacity-60';
|
|
31
8
|
//# sourceMappingURL=Pagination.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../../../src/ui-kit/Pagination/Pagination.tsx"],"names":[],"mappings":";;;AAAA,
|
|
1
|
+
{"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../../../src/ui-kit/Pagination/Pagination.tsx"],"names":[],"mappings":";;;AAAA,yDAAsD;AACtD,+DAA4D;AAUrD,MAAM,UAAU,GAAG,CAAC,EACzB,WAAW,EACX,YAAY,EACZ,UAAU,EACV,SAAS,EACT,iBAAiB,GACD,EAAE,EAAE,CAAC,CACrB,iCACE,SAAS,EAAC,sDAAsD,EAChE,IAAI,EAAC,YAAY,gBACN,wDAAW,aAEtB,uBAAC,yCAAmB,IAClB,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,UAAU,GACtB,EACD,SAAS,IAAI,iBAAiB,CAAC,CAAC,CAAC,CAChC,uBAAC,mCAAgB,IAAC,SAAS,EAAE,SAAS,EAAE,iBAAiB,EAAE,iBAAiB,GAAI,CACjF,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AArBW,QAAA,UAAU,cAqBrB"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export interface PaginationContainerProps {
|
|
3
|
+
currentPage: number;
|
|
4
|
+
onPageChange: (page: number) => void;
|
|
5
|
+
totalPages: number;
|
|
6
|
+
}
|
|
7
|
+
export declare const PaginationContainer: ({ currentPage, onPageChange, totalPages, }: PaginationContainerProps) => JSX.Element;
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
2
|
+
exports.PaginationContainer = void 0;
|
|
3
|
+
const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
|
|
4
|
+
const hooks_1 = require("@redneckz/uni-jsx/lib/hooks");
|
|
5
|
+
const Icon_1 = require("../Icon/Icon");
|
|
6
|
+
const paginationBlockStyle_1 = require("./paginationBlockStyle");
|
|
7
|
+
const renderPages_1 = require("./renderPages");
|
|
8
|
+
const ICON_SIZE = { width: '24', height: '24' };
|
|
9
|
+
const PaginationContainer = ({ currentPage, onPageChange, totalPages, }) => {
|
|
10
|
+
const pages = (0, hooks_1.useMemo)(() => new Array(totalPages).fill({
|
|
11
|
+
currentPage,
|
|
12
|
+
onPageChange,
|
|
13
|
+
totalPages,
|
|
14
|
+
}), [totalPages, currentPage]);
|
|
15
|
+
const handlePrevPage = (0, hooks_1.useCallback)(() => {
|
|
16
|
+
if (currentPage > 1) {
|
|
17
|
+
onPageChange(currentPage - 1);
|
|
18
|
+
}
|
|
19
|
+
}, [currentPage]);
|
|
20
|
+
const handleNextPage = (0, hooks_1.useCallback)(() => {
|
|
21
|
+
if (currentPage < totalPages - 1) {
|
|
22
|
+
onPageChange(currentPage + 1);
|
|
23
|
+
}
|
|
24
|
+
}, [currentPage, totalPages]);
|
|
25
|
+
const handleFirstPage = (0, hooks_1.useCallback)(() => onPageChange(1), []);
|
|
26
|
+
const handleLastPage = (0, hooks_1.useCallback)(() => onPageChange(totalPages), [totalPages]);
|
|
27
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: "flex gap-m items-center", children: [(0, jsx_runtime_1.jsx)("div", { onClick: handlePrevPage, children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: "ArrowLeftIcon", iconVersion: "black", imageClassName: getIconStyle(currentPage === 1), ...ICON_SIZE }) }), (0, jsx_runtime_1.jsxs)("div", { className: "flex gap-xs", children: [currentPage > 1 ? ((0, jsx_runtime_1.jsx)("div", { onClick: handleFirstPage, className: paginationBlockStyle_1.paginationBlockStyle, "aria-label": "\u0421\u0442\u0440\u0430\u043D\u0438\u0446\u0430 1", children: "1" })) : null, currentPage > 4 ? (0, jsx_runtime_1.jsx)("div", { className: "py-m px-s", children: "..." }) : null, pages.map(renderPages_1.renderPages), currentPage < totalPages - 3 ? (0, jsx_runtime_1.jsx)("div", { className: "py-m px-s", children: "..." }) : null, currentPage < totalPages ? ((0, jsx_runtime_1.jsx)("div", { onClick: handleLastPage, className: paginationBlockStyle_1.paginationBlockStyle, "aria-label": `Страница ${totalPages}}`, children: totalPages })) : null] }), (0, jsx_runtime_1.jsx)("div", { onClick: handleNextPage, children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { className: "rotate-180", name: "ArrowLeftIcon", iconVersion: "black", imageClassName: getIconStyle(currentPage === totalPages), ...ICON_SIZE }) })] }));
|
|
28
|
+
};
|
|
29
|
+
exports.PaginationContainer = PaginationContainer;
|
|
30
|
+
const getIconStyle = (condition) => condition ? 'opacity-20' : 'cursor-pointer hover:opacity-60';
|
|
31
|
+
//# sourceMappingURL=PaginationContainer.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PaginationContainer.js","sourceRoot":"","sources":["../../../src/ui-kit/Pagination/PaginationContainer.tsx"],"names":[],"mappings":";;;AAAA,uDAAmE;AACnE,uCAAoC;AACpC,iEAA8D;AAC9D,+CAA4C;AAE5C,MAAM,SAAS,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC;AAQzC,MAAM,mBAAmB,GAAG,CAAC,EAClC,WAAW,EACX,YAAY,EACZ,UAAU,GACe,EAAE,EAAE;IAC7B,MAAM,KAAK,GAAG,IAAA,eAAO,EACnB,GAAG,EAAE,CACH,IAAI,KAAK,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC;QACzB,WAAW;QACX,YAAY;QACZ,UAAU;KACX,CAAC,EACJ,CAAC,UAAU,EAAE,WAAW,CAAC,CAC1B,CAAC;IAEF,MAAM,cAAc,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QACtC,IAAI,WAAW,GAAG,CAAC,EAAE;YACnB,YAAY,CAAC,WAAW,GAAG,CAAC,CAAC,CAAC;SAC/B;IACH,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,MAAM,cAAc,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QACtC,IAAI,WAAW,GAAG,UAAU,GAAG,CAAC,EAAE;YAChC,YAAY,CAAC,WAAW,GAAG,CAAC,CAAC,CAAC;SAC/B;IACH,CAAC,EAAE,CAAC,WAAW,EAAE,UAAU,CAAC,CAAC,CAAC;IAE9B,MAAM,eAAe,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAC/D,MAAM,cAAc,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjF,OAAO,CACL,iCAAK,SAAS,EAAC,yBAAyB,aACtC,gCAAK,OAAO,EAAE,cAAc,YAC1B,uBAAC,WAAI,IACH,IAAI,EAAC,eAAe,EACpB,WAAW,EAAC,OAAO,EACnB,cAAc,EAAE,YAAY,CAAC,WAAW,KAAK,CAAC,CAAC,KAC3C,SAAS,GACb,GACE,EACN,iCAAK,SAAS,EAAC,aAAa,aACzB,WAAW,GAAG,CAAC,CAAC,CAAC,CAAC,CACjB,gCAAK,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,2CAAoB,gBAAa,oDAAY,kBAEjF,CACP,CAAC,CAAC,CAAC,IAAI,EACP,WAAW,GAAG,CAAC,CAAC,CAAC,CAAC,gCAAK,SAAS,EAAC,WAAW,oBAAU,CAAC,CAAC,CAAC,IAAI,EAC7D,KAAK,CAAC,GAAG,CAAC,yBAAW,CAAC,EACtB,WAAW,GAAG,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,gCAAK,SAAS,EAAC,WAAW,oBAAU,CAAC,CAAC,CAAC,IAAI,EAC1E,WAAW,GAAG,UAAU,CAAC,CAAC,CAAC,CAC1B,gCACE,OAAO,EAAE,cAAc,EACvB,SAAS,EAAE,2CAAoB,gBACnB,YAAY,UAAU,GAAG,YAEpC,UAAU,GACP,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,EACN,gCAAK,OAAO,EAAE,cAAc,YAC1B,uBAAC,WAAI,IACH,SAAS,EAAC,YAAY,EACtB,IAAI,EAAC,eAAe,EACpB,WAAW,EAAC,OAAO,EACnB,cAAc,EAAE,YAAY,CAAC,WAAW,KAAK,UAAU,CAAC,KACpD,SAAS,GACb,GACE,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAtEW,QAAA,mBAAmB,uBAsE9B;AAEF,MAAM,YAAY,GAAG,CAAC,SAAkB,EAAE,EAAE,CAC1C,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,iCAAiC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const paginationBlockStyle = "py-m px-lg rounded-md cursor-pointer hover:bg-green-more-dark hover:text-white";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"paginationBlockStyle.js","sourceRoot":"","sources":["../../../src/ui-kit/Pagination/paginationBlockStyle.ts"],"names":[],"mappings":";;AAAa,QAAA,oBAAoB,GAC/B,gFAAgF,CAAC"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import {
|
|
3
|
-
export declare const renderPages: (pagesParams:
|
|
2
|
+
import type { PaginationContainerProps } from './PaginationContainer';
|
|
3
|
+
export declare const renderPages: (pagesParams: PaginationContainerProps, index: number) => JSX.Element | null;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
2
2
|
exports.renderPages = void 0;
|
|
3
3
|
const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
|
|
4
|
-
const
|
|
4
|
+
const paginationBlockStyle_1 = require("./paginationBlockStyle");
|
|
5
5
|
const shouldRenderPage_1 = require("./shouldRenderPage");
|
|
6
6
|
const renderPages = (pagesParams, index) => {
|
|
7
7
|
const { currentPage, onPageChange, totalPages } = pagesParams;
|
|
@@ -10,7 +10,7 @@ const renderPages = (pagesParams, index) => {
|
|
|
10
10
|
return ((0, jsx_runtime_1.jsx)("div", { "aria-current": "true", className: "py-m px-lg bg-green-light text-white rounded-md", children: page }, String(index)));
|
|
11
11
|
}
|
|
12
12
|
if (page !== 1 && page !== totalPages && (0, shouldRenderPage_1.shouldRenderPage)(page, currentPage, totalPages)) {
|
|
13
|
-
return ((0, jsx_runtime_1.jsx)("div", { onClick: () => onPageChange(page), className:
|
|
13
|
+
return ((0, jsx_runtime_1.jsx)("div", { onClick: () => onPageChange(page), className: paginationBlockStyle_1.paginationBlockStyle, "aria-label": `Страница ${page}`, children: page }, String(index)));
|
|
14
14
|
}
|
|
15
15
|
return null;
|
|
16
16
|
};
|