@redneckz/wildless-cms-uni-blocks 0.6.30 → 0.6.31
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/blocks.schema.json +1 -1
- package/bundle/bundle.umd.js +15 -13
- package/bundle/bundle.umd.min.js +1 -1
- package/bundle/components/Carousel/CarouselContainer.d.ts +2 -1
- package/bundle/components/Carousel/CarouselContent.d.ts +9 -2
- package/bundle/components/ComparisonTable/ComparisonTableRows.d.ts +2 -2
- package/bundle/components/ProductBlock/ProductBlockContent.d.ts +6 -0
- package/bundle/hooks/useCarouselControls.d.ts +13 -0
- package/dist/components/Carousel/Carousel.js +3 -3
- package/dist/components/Carousel/Carousel.js.map +1 -1
- package/dist/components/Carousel/CarouselContainer.d.ts +2 -1
- package/dist/components/Carousel/CarouselContainer.js +1 -1
- package/dist/components/Carousel/CarouselContainer.js.map +1 -1
- package/dist/components/Carousel/CarouselContent.d.ts +9 -2
- package/dist/components/Carousel/CarouselContent.js +3 -0
- package/dist/components/Carousel/CarouselContent.js.map +1 -1
- package/dist/components/ComparisonTable/ComparisonTableBody.js +2 -2
- package/dist/components/ComparisonTable/ComparisonTableBody.js.map +1 -1
- package/dist/components/ComparisonTable/ComparisonTableRows.d.ts +2 -2
- package/dist/components/ComparisonTable/ComparisonTableRows.js +1 -1
- package/dist/components/ComparisonTable/ComparisonTableRows.js.map +1 -1
- package/dist/components/ProductBlock/ProductBlockContent.d.ts +6 -0
- package/dist/components/ProductBlock/ProductBlockInner.js +5 -3
- package/dist/components/ProductBlock/ProductBlockInner.js.map +1 -1
- package/dist/components/TariffsTable/TariffsTable.js +3 -3
- package/dist/components/TariffsTable/TariffsTable.js.map +1 -1
- package/dist/hooks/useCarouselControls.d.ts +13 -0
- package/{mobile/dist/hooks/useCarousel.js → dist/hooks/useCarouselControls.js} +6 -6
- package/dist/hooks/useCarouselControls.js.map +1 -0
- package/dist/ui-kit/InnerTable/InnerTableHeader.js +2 -2
- package/dist/ui-kit/InnerTable/InnerTableHeader.js.map +1 -1
- package/lib/common.css +1 -1
- package/lib/components/Carousel/Carousel.js +3 -3
- package/lib/components/Carousel/Carousel.js.map +1 -1
- package/lib/components/Carousel/CarouselContainer.d.ts +2 -1
- package/lib/components/Carousel/CarouselContainer.js +1 -1
- package/lib/components/Carousel/CarouselContainer.js.map +1 -1
- package/lib/components/Carousel/CarouselContent.d.ts +9 -2
- package/lib/components/Carousel/CarouselContent.js +3 -0
- package/lib/components/Carousel/CarouselContent.js.map +1 -1
- package/lib/components/ComparisonTable/ComparisonTableBody.js +2 -2
- package/lib/components/ComparisonTable/ComparisonTableBody.js.map +1 -1
- package/lib/components/ComparisonTable/ComparisonTableRows.d.ts +2 -2
- package/lib/components/ComparisonTable/ComparisonTableRows.js +1 -1
- package/lib/components/ComparisonTable/ComparisonTableRows.js.map +1 -1
- package/lib/components/ProductBlock/ProductBlockContent.d.ts +6 -0
- package/lib/components/ProductBlock/ProductBlockInner.js +5 -3
- package/lib/components/ProductBlock/ProductBlockInner.js.map +1 -1
- package/lib/components/TariffsTable/TariffsTable.js +3 -3
- package/lib/components/TariffsTable/TariffsTable.js.map +1 -1
- package/lib/hooks/useCarouselControls.d.ts +13 -0
- package/lib/hooks/{useCarousel.js → useCarouselControls.js} +4 -4
- package/lib/hooks/useCarouselControls.js.map +1 -0
- package/lib/ui-kit/InnerTable/InnerTableHeader.js +2 -2
- package/lib/ui-kit/InnerTable/InnerTableHeader.js.map +1 -1
- package/mobile/bundle/bundle.umd.js +1 -1
- package/mobile/bundle/bundle.umd.min.js +1 -1
- package/mobile/bundle/components/Carousel/CarouselContainer.d.ts +2 -1
- package/mobile/bundle/components/Carousel/CarouselContent.d.ts +9 -2
- package/mobile/bundle/components/ComparisonTable/ComparisonTableRows.d.ts +2 -2
- package/mobile/bundle/components/ProductBlock/ProductBlockContent.d.ts +6 -0
- package/mobile/bundle/hooks/useCarouselControls.d.ts +13 -0
- package/mobile/dist/components/Carousel/Carousel.js +3 -3
- package/mobile/dist/components/Carousel/Carousel.js.map +1 -1
- package/mobile/dist/components/Carousel/CarouselContainer.d.ts +2 -1
- package/mobile/dist/components/Carousel/CarouselContainer.js +1 -1
- package/mobile/dist/components/Carousel/CarouselContainer.js.map +1 -1
- package/mobile/dist/components/Carousel/CarouselContent.d.ts +9 -2
- package/mobile/dist/components/Carousel/CarouselContent.js +3 -0
- package/mobile/dist/components/Carousel/CarouselContent.js.map +1 -1
- package/mobile/dist/components/ComparisonTable/ComparisonTableBody.js +2 -2
- package/mobile/dist/components/ComparisonTable/ComparisonTableBody.js.map +1 -1
- package/mobile/dist/components/ComparisonTable/ComparisonTableRows.d.ts +2 -2
- package/mobile/dist/components/ComparisonTable/ComparisonTableRows.js +1 -1
- package/mobile/dist/components/ComparisonTable/ComparisonTableRows.js.map +1 -1
- package/mobile/dist/components/ProductBlock/ProductBlockContent.d.ts +6 -0
- package/mobile/dist/hooks/useCarouselControls.d.ts +13 -0
- package/{dist/hooks/useCarousel.js → mobile/dist/hooks/useCarouselControls.js} +6 -6
- package/mobile/dist/hooks/useCarouselControls.js.map +1 -0
- package/mobile/dist/ui-kit/InnerTable/InnerTableHeader.js +2 -2
- package/mobile/dist/ui-kit/InnerTable/InnerTableHeader.js.map +1 -1
- package/mobile/lib/components/Carousel/Carousel.js +3 -3
- package/mobile/lib/components/Carousel/Carousel.js.map +1 -1
- package/mobile/lib/components/Carousel/CarouselContainer.d.ts +2 -1
- package/mobile/lib/components/Carousel/CarouselContainer.js +1 -1
- package/mobile/lib/components/Carousel/CarouselContainer.js.map +1 -1
- package/mobile/lib/components/Carousel/CarouselContent.d.ts +9 -2
- package/mobile/lib/components/Carousel/CarouselContent.js +3 -0
- package/mobile/lib/components/Carousel/CarouselContent.js.map +1 -1
- package/mobile/lib/components/ComparisonTable/ComparisonTableBody.js +2 -2
- package/mobile/lib/components/ComparisonTable/ComparisonTableBody.js.map +1 -1
- package/mobile/lib/components/ComparisonTable/ComparisonTableRows.d.ts +2 -2
- package/mobile/lib/components/ComparisonTable/ComparisonTableRows.js +1 -1
- package/mobile/lib/components/ComparisonTable/ComparisonTableRows.js.map +1 -1
- package/mobile/lib/components/ProductBlock/ProductBlockContent.d.ts +6 -0
- package/mobile/lib/hooks/useCarouselControls.d.ts +13 -0
- package/mobile/lib/hooks/{useCarousel.js → useCarouselControls.js} +4 -4
- package/mobile/lib/hooks/useCarouselControls.js.map +1 -0
- package/mobile/lib/ui-kit/InnerTable/InnerTableHeader.js +2 -2
- package/mobile/lib/ui-kit/InnerTable/InnerTableHeader.js.map +1 -1
- package/mobile/src/components/Carousel/Carousel.tsx +3 -4
- package/mobile/src/components/Carousel/CarouselContainer.tsx +3 -2
- package/mobile/src/components/Carousel/CarouselContent.ts +10 -2
- package/mobile/src/components/ComparisonTable/ComparisonTableBody.tsx +2 -2
- package/mobile/src/components/ComparisonTable/ComparisonTableRows.tsx +3 -3
- package/mobile/src/components/ProductBlock/ProductBlockContent.ts +6 -0
- package/mobile/src/hooks/{useCarousel.ts → useCarouselControls.ts} +5 -9
- package/mobile/src/ui-kit/InnerTable/InnerTableHeader.tsx +9 -2
- package/package.json +1 -1
- package/src/components/Carousel/Carousel.fixture.tsx +3 -3
- package/src/components/Carousel/Carousel.tsx +3 -4
- package/src/components/Carousel/CarouselContainer.tsx +3 -2
- package/src/components/Carousel/CarouselContent.ts +10 -2
- package/src/components/CarouselCard/CarouselCard.fixture.tsx +3 -6
- package/src/components/ComparisonTable/ComparisonTableBody.tsx +2 -2
- package/src/components/ComparisonTable/ComparisonTableRows.tsx +3 -3
- package/src/components/ProductBlock/ProductBlock.fixture.tsx +1 -0
- package/src/components/ProductBlock/ProductBlockContent.ts +6 -0
- package/src/components/ProductBlock/ProductBlockInner.tsx +8 -3
- package/src/components/TariffsTable/TariffsTable.tsx +5 -7
- package/src/hooks/{useCarousel.ts → useCarouselControls.ts} +5 -9
- package/src/model/.CarouselCardVersion.ts.icloud +0 -0
- package/src/ui-kit/InnerTable/InnerTableHeader.tsx +9 -2
- package/bundle/hooks/useCarousel.d.ts +0 -14
- package/dist/hooks/useCarousel.d.ts +0 -14
- package/dist/hooks/useCarousel.js.map +0 -1
- package/lib/hooks/useCarousel.d.ts +0 -14
- package/lib/hooks/useCarousel.js.map +0 -1
- package/mobile/bundle/hooks/useCarousel.d.ts +0 -14
- package/mobile/dist/hooks/useCarousel.d.ts +0 -14
- package/mobile/dist/hooks/useCarousel.js.map +0 -1
- package/mobile/lib/hooks/useCarousel.d.ts +0 -14
- package/mobile/lib/hooks/useCarousel.js.map +0 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
|
+
import type { CarouselControls } from '../../hooks/useCarouselControls';
|
|
1
2
|
import type { TitleProps } from '../../model/HeadlineType';
|
|
2
3
|
import type { CellData } from './ComparisonTableContent';
|
|
3
|
-
import type { Controls } from '../../hooks/useCarousel';
|
|
4
4
|
declare type ComparisonTableRowsProps = {
|
|
5
5
|
rowData: {
|
|
6
6
|
header: TitleProps;
|
|
@@ -8,7 +8,7 @@ declare type ComparisonTableRowsProps = {
|
|
|
8
8
|
}[];
|
|
9
9
|
activeCardIndex: number;
|
|
10
10
|
isColoredFirstColumn: boolean;
|
|
11
|
-
controls:
|
|
11
|
+
controls: CarouselControls;
|
|
12
12
|
isScrollAvailable: boolean;
|
|
13
13
|
};
|
|
14
14
|
export declare const ComparisonTableRows: import("@redneckz/uni-jsx").UNIComponent<ComparisonTableRowsProps, any, any>;
|
|
@@ -22,6 +22,12 @@ export declare type ProductBlockInnerContent = HeadlineProps & ListContent & But
|
|
|
22
22
|
* }
|
|
23
23
|
*/
|
|
24
24
|
image?: Picture;
|
|
25
|
+
/**
|
|
26
|
+
* @title Количество преимуществ в строке
|
|
27
|
+
* @default 3
|
|
28
|
+
* @enumNames ["2", "3"]
|
|
29
|
+
*/
|
|
30
|
+
benefitsCountOfRow?: 2 | 3;
|
|
25
31
|
/**
|
|
26
32
|
* @title Список преимуществ
|
|
27
33
|
* @minItems 2
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
export interface CarouselControls {
|
|
2
|
+
inc: () => void;
|
|
3
|
+
dec: () => void;
|
|
4
|
+
canInc: boolean;
|
|
5
|
+
canDec: boolean;
|
|
6
|
+
}
|
|
7
|
+
interface CarouselProps {
|
|
8
|
+
itemsCount: number;
|
|
9
|
+
visibleItemCount?: number;
|
|
10
|
+
isCyclic?: boolean;
|
|
11
|
+
}
|
|
12
|
+
export declare const useCarouselControls: ({ itemsCount, visibleItemCount, isCyclic, }: CarouselProps) => [number, CarouselControls];
|
|
13
|
+
export {};
|
|
@@ -2,16 +2,16 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
2
2
|
exports.Carousel = 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
|
|
5
|
+
const useCarouselControls_1 = require("../../hooks/useCarouselControls");
|
|
6
6
|
const BlockWrapper_1 = require("../../ui-kit/BlockWrapper");
|
|
7
7
|
const renderArrows_1 = require("../../ui-kit/Button/renderArrows");
|
|
8
8
|
const CarouselContainer_1 = require("./CarouselContainer");
|
|
9
|
-
exports.Carousel = (0, uni_jsx_1.JSX)(({ cardFullViewCount = 1, children, cardWidth = 1007, className = '', isBlur = true, isCyclic = false, block, ...rest }) => {
|
|
9
|
+
exports.Carousel = (0, uni_jsx_1.JSX)(({ cardFullViewCount = 1, children, cardWidth = '1007', className = '', isBlur = true, isCyclic = false, block, ...rest }) => {
|
|
10
10
|
const blurClasses = isBlur ? 'absolute top-0 bottom-0 w-[84px]' : '';
|
|
11
11
|
const { blocks: childBlocks } = block || {};
|
|
12
12
|
const childBlocksLength = childBlocks !== undefined ? childBlocks.length : 0;
|
|
13
13
|
const isScrollAvailable = childBlocksLength > cardFullViewCount;
|
|
14
|
-
const [activeIndex, controls] = (0,
|
|
14
|
+
const [activeIndex, controls] = (0, useCarouselControls_1.useCarouselControls)({
|
|
15
15
|
itemsCount: childBlocksLength,
|
|
16
16
|
visibleItemCount: cardFullViewCount,
|
|
17
17
|
isCyclic,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Carousel.js","sourceRoot":"","sources":["../../../src/components/Carousel/Carousel.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,
|
|
1
|
+
{"version":3,"file":"Carousel.js","sourceRoot":"","sources":["../../../src/components/Carousel/Carousel.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,yEAAsE;AAEtE,4DAAyD;AACzD,mEAAgE;AAChE,2DAAwD;AAK3C,QAAA,QAAQ,GAA4B,IAAA,aAAG,EAClD,CAAC,EACC,iBAAiB,GAAG,CAAC,EACrB,QAAQ,EACR,SAAS,GAAG,MAAM,EAClB,SAAS,GAAG,EAAE,EACd,MAAM,GAAG,IAAI,EACb,QAAQ,GAAG,KAAK,EAChB,KAAK,EACL,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,MAAM,CAAC,CAAC,CAAC,kCAAkC,CAAC,CAAC,CAAC,EAAE,CAAC;IACrE,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,GAAG,KAAK,IAAI,EAAE,CAAC;IAE5C,MAAM,iBAAiB,GAAG,WAAW,KAAK,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;IAE7E,MAAM,iBAAiB,GAAG,iBAAiB,GAAG,iBAAiB,CAAC;IAEhE,MAAM,CAAC,WAAW,EAAE,QAAQ,CAAC,GAAG,IAAA,yCAAmB,EAAC;QAClD,UAAU,EAAE,iBAAiB;QAC7B,gBAAgB,EAAE,iBAAiB;QACnC,QAAQ;KACT,CAAC,CAAC;IACH,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,CAAC;IAE9C,OAAO,CACL,wBAAC,2BAAY,IACX,SAAS,EAAE,qFAAqF,SAAS,EAAE,KACvG,IAAI,aAER,uBAAC,qCAAiB,IAChB,UAAU,EAAE,WAAW,EACvB,iBAAiB,EAAE,iBAAiB,EACpC,SAAS,EAAE,SAAS,YAEnB,QAAQ,GACS,EACnB,iBAAiB,CAAC,CAAC,CAAC,CACnB,0CACG,IAAA,2BAAY,EAAC;oBACZ,OAAO,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC;oBACnB,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;oBACzB,QAAQ,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC;oBAC/B,SAAS,EAAE,cAAc;iBAC1B,CAAC,GACE,CACP,CAAC,CAAC,CAAC,IAAI,EACP,iBAAiB,CAAC,CAAC,CAAC,CACnB,4CACE,gCAAK,SAAS,EAAE,GAAG,WAAW,+BAA+B,GAAI,EACjE,gCAAK,SAAS,EAAE,GAAG,WAAW,8BAA8B,GAAI,IAC5D,CACP,CAAC,CAAC,CAAC,IAAI,IACK,CAChB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,gBAAQ,CAAC,aAAa,GAAG,CAAC,cAAc,EAAE,qBAAqB,CAAC,CAAC"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
+
import type { CardWidth } from './CarouselContent';
|
|
1
2
|
export interface CarouselContainerProps {
|
|
2
3
|
activeItem: number;
|
|
3
4
|
cardFullViewCount: number;
|
|
4
|
-
cardWidth:
|
|
5
|
+
cardWidth: CardWidth;
|
|
5
6
|
}
|
|
6
7
|
export declare const CarouselContainer: import("@redneckz/uni-jsx").UNIComponent<CarouselContainerProps, any, any>;
|
|
@@ -5,7 +5,7 @@ const uni_jsx_1 = require("@redneckz/uni-jsx");
|
|
|
5
5
|
exports.CarouselContainer = (0, uni_jsx_1.JSX)(({ children, activeItem, cardFullViewCount, cardWidth }) => {
|
|
6
6
|
const cardFullViewStyles = cardFullViewCount === 1
|
|
7
7
|
? `translateX(-${activeItem}00%)`
|
|
8
|
-
: `translateX(-${activeItem * cardWidth}px)`;
|
|
8
|
+
: `translateX(-${activeItem * Number(cardWidth)}px)`;
|
|
9
9
|
return ((0, jsx_runtime_1.jsx)("div", { className: "w-auto flex flex-1 duration-1000", style: { transform: `${cardFullViewStyles}` }, role: "list", children: children }));
|
|
10
10
|
});
|
|
11
11
|
//# sourceMappingURL=CarouselContainer.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CarouselContainer.js","sourceRoot":"","sources":["../../../src/components/Carousel/CarouselContainer.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;
|
|
1
|
+
{"version":3,"file":"CarouselContainer.js","sourceRoot":"","sources":["../../../src/components/Carousel/CarouselContainer.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAS3B,QAAA,iBAAiB,GAAG,IAAA,aAAG,EAClC,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,iBAAiB,EAAE,SAAS,EAAE,EAAE,EAAE;IACzD,MAAM,kBAAkB,GACtB,iBAAiB,KAAK,CAAC;QACrB,CAAC,CAAC,eAAe,UAAU,MAAM;QACjC,CAAC,CAAC,eAAe,UAAU,GAAG,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC;IAEzD,OAAO,CACL,gCACE,SAAS,EAAC,kCAAkC,EAC5C,KAAK,EAAE,EAAE,SAAS,EAAE,GAAG,kBAAkB,EAAE,EAAE,EAC7C,IAAI,EAAC,MAAM,YAEV,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}
|
|
@@ -1,10 +1,17 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @title Карусель
|
|
3
3
|
*/
|
|
4
|
+
/**
|
|
5
|
+
* @title Ширина карточек
|
|
6
|
+
* @enumNames [ "1007", "833", "350", "322" ]
|
|
7
|
+
*/
|
|
8
|
+
export declare type CardWidth = '322' | '350' | '832' | '1007';
|
|
4
9
|
export interface CarouselContent {
|
|
5
|
-
/** @title
|
|
10
|
+
/** @title Количество видимых карточек */
|
|
6
11
|
cardFullViewCount?: number;
|
|
7
|
-
cardWidth?:
|
|
12
|
+
cardWidth?: CardWidth;
|
|
13
|
+
/** @title Добавление блюра */
|
|
8
14
|
isBlur?: boolean;
|
|
15
|
+
/** @title Цикличность */
|
|
9
16
|
isCyclic?: boolean;
|
|
10
17
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CarouselContent.js","sourceRoot":"","sources":["../../../src/components/Carousel/CarouselContent.ts"],"names":[],"mappings":""}
|
|
1
|
+
{"version":3,"file":"CarouselContent.js","sourceRoot":"","sources":["../../../src/components/Carousel/CarouselContent.ts"],"names":[],"mappings":"AAAA;;GAEG"}
|
|
@@ -2,7 +2,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
2
2
|
exports.ComparisonTableBody = 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
|
|
5
|
+
const useCarouselControls_1 = require("../../hooks/useCarouselControls");
|
|
6
6
|
const ComparisonTableColumnHeaders_1 = require("./ComparisonTableColumnHeaders");
|
|
7
7
|
const ComparisonTableRows_1 = require("./ComparisonTableRows");
|
|
8
8
|
const constants_1 = require("./constants");
|
|
@@ -16,7 +16,7 @@ exports.ComparisonTableBody = (0, uni_jsx_1.JSX)(({ columns, rowHeaders, isShowA
|
|
|
16
16
|
}))
|
|
17
17
|
.slice(0, isShowAllRow ? rowHeaders.length : visibleRowLength);
|
|
18
18
|
const isScrollAvailable = colData.length > constants_1.COLS_LENGTH_FOR_SCROLL;
|
|
19
|
-
const [activeIndex, controls] = (0,
|
|
19
|
+
const [activeIndex, controls] = (0, useCarouselControls_1.useCarouselControls)({
|
|
20
20
|
itemsCount: colData.length,
|
|
21
21
|
visibleItemCount: constants_1.COLS_LENGTH_FOR_SCROLL,
|
|
22
22
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ComparisonTableBody.js","sourceRoot":"","sources":["../../../src/components/ComparisonTable/ComparisonTableBody.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,
|
|
1
|
+
{"version":3,"file":"ComparisonTableBody.js","sourceRoot":"","sources":["../../../src/components/ComparisonTable/ComparisonTableBody.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,yEAAsE;AACtE,iFAA8E;AAE9E,+DAA4D;AAC5D,2CAAqD;AAUxC,QAAA,mBAAmB,GAAG,IAAA,aAAG,EACpC,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,EAAE,EAAE;IAChF,MAAM,UAAU,GAAG,OAAO,EAAE,GAAG,CAAC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,IAAI,EAAE,CAAC,CAAC;IAC9D,MAAM,OAAO,GAAG,OAAO,EAAE,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;IACvD,MAAM,OAAO,GAAG,UAAU;QACxB,EAAE,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;QACpB,MAAM;QACN,IAAI,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;KAC7C,CAAC,CAAC;SACF,KAAK,CAAC,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC;IAEjE,MAAM,iBAAiB,GAAG,OAAO,CAAC,MAAM,GAAG,kCAAsB,CAAC;IAElE,MAAM,CAAC,WAAW,EAAE,QAAQ,CAAC,GAAG,IAAA,yCAAmB,EAAC;QAClD,UAAU,EAAE,OAAO,CAAC,MAAM;QAC1B,gBAAgB,EAAE,kCAAsB;KACzC,CAAC,CAAC;IAEH,OAAO,CACL,4CACE,iCAAK,IAAI,EAAC,OAAO,aACd,UAAU,EAAE,MAAM,CAAC,CAAC,CAAC,CACpB,uBAAC,2DAA4B,IAAC,UAAU,EAAE,UAAU,EAAE,eAAe,EAAE,WAAW,GAAI,CACvF,CAAC,CAAC,CAAC,IAAI,EACP,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,CACjB,uBAAC,yCAAmB,IAClB,OAAO,EAAE,OAAO,EAChB,oBAAoB,EAAE,oBAAoB,EAC1C,eAAe,EAAE,WAAW,EAC5B,QAAQ,EAAE,QAAQ,EAClB,iBAAiB,EAAE,iBAAiB,GACpC,CACH,CAAC,CAAC,CAAC,IAAI,IACJ,EACL,iBAAiB,CAAC,CAAC,CAAC,CACnB,gCAAK,SAAS,EAAC,8DAA8D,GAAG,CACjF,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
+
import type { CarouselControls } from '../../hooks/useCarouselControls';
|
|
1
2
|
import type { TitleProps } from '../../model/HeadlineType';
|
|
2
3
|
import type { CellData } from './ComparisonTableContent';
|
|
3
|
-
import type { Controls } from '../../hooks/useCarousel';
|
|
4
4
|
declare type ComparisonTableRowsProps = {
|
|
5
5
|
rowData: {
|
|
6
6
|
header: TitleProps;
|
|
@@ -8,7 +8,7 @@ declare type ComparisonTableRowsProps = {
|
|
|
8
8
|
}[];
|
|
9
9
|
activeCardIndex: number;
|
|
10
10
|
isColoredFirstColumn: boolean;
|
|
11
|
-
controls:
|
|
11
|
+
controls: CarouselControls;
|
|
12
12
|
isScrollAvailable: boolean;
|
|
13
13
|
};
|
|
14
14
|
export declare const ComparisonTableRows: import("@redneckz/uni-jsx").UNIComponent<ComparisonTableRowsProps, any, any>;
|
|
@@ -2,8 +2,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
2
2
|
exports.ComparisonTableRows = 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 TableRow_1 = require("./TableRow");
|
|
6
5
|
const renderArrows_1 = require("../../ui-kit/Button/renderArrows");
|
|
6
|
+
const TableRow_1 = require("./TableRow");
|
|
7
7
|
exports.ComparisonTableRows = (0, uni_jsx_1.JSX)(({ rowData, isColoredFirstColumn, activeCardIndex, controls, isScrollAvailable }) => {
|
|
8
8
|
const { inc, dec, canDec, canInc } = controls;
|
|
9
9
|
return ((0, jsx_runtime_1.jsxs)("div", { className: "relative", children: [rowData.map((row, i, { length }) => ((0, jsx_runtime_1.jsx)(TableRow_1.TableRow, { row: row, isFirstRow: i === 0, isLastRow: i + 1 === length, activeCardIndex: activeCardIndex, isColoredFirstColumn: isColoredFirstColumn }, String(i)))), isScrollAvailable ? ((0, jsx_runtime_1.jsx)("div", { children: (0, renderArrows_1.renderArrows)({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ComparisonTableRows.js","sourceRoot":"","sources":["../../../src/components/ComparisonTable/ComparisonTableRows.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAGxC,
|
|
1
|
+
{"version":3,"file":"ComparisonTableRows.js","sourceRoot":"","sources":["../../../src/components/ComparisonTable/ComparisonTableRows.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAGxC,mEAAgE;AAEhE,yCAAsC;AAUzB,QAAA,mBAAmB,GAAG,IAAA,aAAG,EACpC,CAAC,EAAE,OAAO,EAAE,oBAAoB,EAAE,eAAe,EAAE,QAAQ,EAAE,iBAAiB,EAAE,EAAE,EAAE;IAClF,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,CAAC;IAE9C,OAAO,CACL,iCAAK,SAAS,EAAC,UAAU,aACtB,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CACnC,uBAAC,mBAAQ,IAEP,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,CAAC,KAAK,CAAC,EACnB,SAAS,EAAE,CAAC,GAAG,CAAC,KAAK,MAAM,EAC3B,eAAe,EAAE,eAAe,EAChC,oBAAoB,EAAE,oBAAoB,IALrC,MAAM,CAAC,CAAC,CAAC,CAMd,CACH,CAAC,EACD,iBAAiB,CAAC,CAAC,CAAC,CACnB,0CACG,IAAA,2BAAY,EAAC;oBACZ,OAAO,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC;oBACnB,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;oBACzB,QAAQ,EAAE,CAAC,aAAa,EAAE,QAAQ,CAAC;oBACnC,SAAS,EAAE,SAAS;oBACpB,UAAU,EAAE,IAAI;iBACjB,CAAC,GACE,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}
|
|
@@ -22,6 +22,12 @@ export declare type ProductBlockInnerContent = HeadlineProps & ListContent & But
|
|
|
22
22
|
* }
|
|
23
23
|
*/
|
|
24
24
|
image?: Picture;
|
|
25
|
+
/**
|
|
26
|
+
* @title Количество преимуществ в строке
|
|
27
|
+
* @default 3
|
|
28
|
+
* @enumNames ["2", "3"]
|
|
29
|
+
*/
|
|
30
|
+
benefitsCountOfRow?: 2 | 3;
|
|
25
31
|
/**
|
|
26
32
|
* @title Список преимуществ
|
|
27
33
|
* @minItems 2
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
export interface CarouselControls {
|
|
2
|
+
inc: () => void;
|
|
3
|
+
dec: () => void;
|
|
4
|
+
canInc: boolean;
|
|
5
|
+
canDec: boolean;
|
|
6
|
+
}
|
|
7
|
+
interface CarouselProps {
|
|
8
|
+
itemsCount: number;
|
|
9
|
+
visibleItemCount?: number;
|
|
10
|
+
isCyclic?: boolean;
|
|
11
|
+
}
|
|
12
|
+
export declare const useCarouselControls: ({ itemsCount, visibleItemCount, isCyclic, }: CarouselProps) => [number, CarouselControls];
|
|
13
|
+
export {};
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
2
|
-
exports.
|
|
2
|
+
exports.useCarouselControls = void 0;
|
|
3
3
|
const hooks_1 = require("@redneckz/uni-jsx/lib/hooks");
|
|
4
|
-
const
|
|
4
|
+
const useCarouselControls = ({ itemsCount, visibleItemCount = itemsCount, isCyclic, }) => {
|
|
5
5
|
const [activeIndex, setActiveIndex] = (0, hooks_1.useState)(0);
|
|
6
|
-
const inc = (0, hooks_1.useCallback)(() => setActiveIndex((_) => (isCyclic ? (_ + 1) % itemsCount : Math.min(_ + 1, itemsCount - 1))), []);
|
|
7
|
-
const dec = (0, hooks_1.useCallback)(() => setActiveIndex((_) => (isCyclic ? (itemsCount + _ - 1) % itemsCount : Math.max(_ - 1, 0))), []);
|
|
6
|
+
const inc = (0, hooks_1.useCallback)(() => setActiveIndex((_) => (isCyclic ? (_ + 1) % itemsCount : Math.min(_ + 1, itemsCount - 1))), [isCyclic, itemsCount]);
|
|
7
|
+
const dec = (0, hooks_1.useCallback)(() => setActiveIndex((_) => (isCyclic ? (itemsCount + _ - 1) % itemsCount : Math.max(_ - 1, 0))), [isCyclic, itemsCount]);
|
|
8
8
|
const isScrollAvailable = itemsCount > visibleItemCount;
|
|
9
9
|
const isCyclicAndScrollAvailable = isCyclic && isScrollAvailable;
|
|
10
10
|
const canInc = isCyclicAndScrollAvailable ||
|
|
@@ -20,5 +20,5 @@ const useCarouselControl = ({ itemsCount, visibleItemCount = itemsCount, isCycli
|
|
|
20
20
|
},
|
|
21
21
|
];
|
|
22
22
|
};
|
|
23
|
-
exports.
|
|
24
|
-
//# sourceMappingURL=
|
|
23
|
+
exports.useCarouselControls = useCarouselControls;
|
|
24
|
+
//# sourceMappingURL=useCarouselControls.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useCarouselControls.js","sourceRoot":"","sources":["../../src/hooks/useCarouselControls.ts"],"names":[],"mappings":";;AAAA,uDAAoE;AAe7D,MAAM,mBAAmB,GAAG,CAAC,EAClC,UAAU,EACV,gBAAgB,GAAG,UAAU,EAC7B,QAAQ,GACM,EAA8B,EAAE;IAC9C,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,CAAC;IAElD,MAAM,GAAG,GAAG,IAAA,mBAAW,EACrB,GAAG,EAAE,CACH,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,EAC5F,CAAC,QAAQ,EAAE,UAAU,CAAC,CACvB,CAAC;IACF,MAAM,GAAG,GAAG,IAAA,mBAAW,EACrB,GAAG,EAAE,CACH,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,UAAU,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAC5F,CAAC,QAAQ,EAAE,UAAU,CAAC,CACvB,CAAC;IAEF,MAAM,iBAAiB,GAAG,UAAU,GAAG,gBAAgB,CAAC;IACxD,MAAM,0BAA0B,GAAG,QAAQ,IAAI,iBAAiB,CAAC;IAEjE,MAAM,MAAM,GACV,0BAA0B;QAC1B,CAAC,iBAAiB,IAAI,UAAU,GAAG,WAAW,GAAG,gBAAgB,CAAC,CAAC;IACrE,MAAM,MAAM,GAAG,0BAA0B,IAAI,OAAO,CAAC,iBAAiB,IAAI,WAAW,GAAG,CAAC,CAAC,CAAC;IAE3F,OAAO;QACL,WAAW;QACX;YACE,GAAG;YACH,GAAG;YACH,MAAM;YACN,MAAM;SACP;KACF,CAAC;AACJ,CAAC,CAAC;AAnCW,QAAA,mBAAmB,uBAmC9B"}
|
|
@@ -3,6 +3,6 @@ exports.InnerTableHeader = 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 Button_1 = require("../Button/Button");
|
|
6
|
-
const
|
|
7
|
-
exports.InnerTableHeader = (0, uni_jsx_1.JSX)(({ currencies, linkToPDF, activeTabIndex, setActiveTabIndex }) => ((0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between w-full pt-2.5 pb-3", children: [currencies && currencies.length > 1 ? ((0, jsx_runtime_1.jsx)("div", { className: "flex bg-secondary-light p-1.5 rounded-md", children: currencies.map((currency, idx) => ((0, jsx_runtime_1.jsx)("div", { className: `rounded-md text-xl-light px-4 py-3 cursor-pointer ${idx === activeTabIndex ? 'bg-primary-main text-white' : 'text-secondary-text'}`, onClick: () => setActiveTabIndex(idx), children: currency || idx + 1 }, currency))) })) : null, linkToPDF ? ((0, jsx_runtime_1.jsx)(Button_1.Button, { href: linkToPDF, version: "secondary", target: "_blank", appendLeft: (0, jsx_runtime_1.jsx)(
|
|
6
|
+
const Icon_1 = require("../Icon/Icon");
|
|
7
|
+
exports.InnerTableHeader = (0, uni_jsx_1.JSX)(({ currencies, linkToPDF, activeTabIndex, setActiveTabIndex }) => ((0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between w-full pt-2.5 pb-3", children: [currencies && currencies.length > 1 ? ((0, jsx_runtime_1.jsx)("div", { className: "flex bg-secondary-light p-1.5 rounded-md", children: currencies.map((currency, idx) => ((0, jsx_runtime_1.jsx)("div", { className: `rounded-md text-xl-light px-4 py-3 cursor-pointer ${idx === activeTabIndex ? 'bg-primary-main text-white' : 'text-secondary-text'}`, onClick: () => setActiveTabIndex(idx), children: currency || idx + 1 }, currency))) })) : null, linkToPDF ? ((0, jsx_runtime_1.jsx)(Button_1.Button, { href: linkToPDF, version: "secondary", target: "_blank", appendLeft: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: "DocDownloadIcon", iconVersion: "color", className: "mr-0.5", width: "20", height: "20", asSVG: true }), text: "\u0421\u043A\u0430\u0447\u0430\u0442\u044C \u0432 PDF" })) : null] })));
|
|
8
8
|
//# sourceMappingURL=InnerTableHeader.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InnerTableHeader.js","sourceRoot":"","sources":["../../../src/ui-kit/InnerTable/InnerTableHeader.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,6CAA0C;AAC1C,
|
|
1
|
+
{"version":3,"file":"InnerTableHeader.js","sourceRoot":"","sources":["../../../src/ui-kit/InnerTable/InnerTableHeader.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,6CAA0C;AAC1C,uCAAoC;AASvB,QAAA,gBAAgB,GAAG,IAAA,aAAG,EACjC,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,cAAc,EAAE,iBAAiB,EAAE,EAAE,EAAE,CAAC,CAChE,iCAAK,SAAS,EAAC,yCAAyC,aACrD,UAAU,IAAI,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACrC,gCAAK,SAAS,EAAC,0CAA0C,YACtD,UAAU,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,GAAG,EAAE,EAAE,CAAC,CACjC,gCAEE,SAAS,EAAE,qDACT,GAAG,KAAK,cAAc,CAAC,CAAC,CAAC,4BAA4B,CAAC,CAAC,CAAC,qBAC1D,EAAE,EACF,OAAO,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,GAAG,CAAC,YAEpC,QAAQ,IAAI,GAAG,GAAG,CAAC,IANf,QAAQ,CAOT,CACP,CAAC,GACE,CACP,CAAC,CAAC,CAAC,IAAI,EACP,SAAS,CAAC,CAAC,CAAC,CACX,uBAAC,eAAM,IACL,IAAI,EAAE,SAAS,EACf,OAAO,EAAC,WAAW,EACnB,MAAM,EAAC,QAAQ,EACf,UAAU,EACR,uBAAC,WAAI,IACH,IAAI,EAAC,iBAAiB,EACtB,WAAW,EAAC,OAAO,EACnB,SAAS,EAAC,QAAQ,EAClB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,KAAK,SACL,EAEJ,IAAI,EAAC,uDAAe,GACpB,CACH,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CACF,CAAC"}
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
|
|
2
2
|
import { JSX } from '@redneckz/uni-jsx';
|
|
3
|
-
import {
|
|
3
|
+
import { useCarouselControls } from '../../hooks/useCarouselControls.js';
|
|
4
4
|
import { BlockWrapper } from '../../ui-kit/BlockWrapper.js';
|
|
5
5
|
import { renderArrows } from '../../ui-kit/Button/renderArrows.js';
|
|
6
6
|
import { CarouselContainer } from './CarouselContainer.js';
|
|
7
|
-
export const Carousel = JSX(({ cardFullViewCount = 1, children, cardWidth = 1007, className = '', isBlur = true, isCyclic = false, block, ...rest }) => {
|
|
7
|
+
export const Carousel = JSX(({ cardFullViewCount = 1, children, cardWidth = '1007', className = '', isBlur = true, isCyclic = false, block, ...rest }) => {
|
|
8
8
|
const blurClasses = isBlur ? 'absolute top-0 bottom-0 w-[84px]' : '';
|
|
9
9
|
const { blocks: childBlocks } = block || {};
|
|
10
10
|
const childBlocksLength = childBlocks !== undefined ? childBlocks.length : 0;
|
|
11
11
|
const isScrollAvailable = childBlocksLength > cardFullViewCount;
|
|
12
|
-
const [activeIndex, controls] =
|
|
12
|
+
const [activeIndex, controls] = useCarouselControls({
|
|
13
13
|
itemsCount: childBlocksLength,
|
|
14
14
|
visibleItemCount: cardFullViewCount,
|
|
15
15
|
isCyclic,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Carousel.js","sourceRoot":"","sources":["../../../src/components/Carousel/Carousel.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Carousel.js","sourceRoot":"","sources":["../../../src/components/Carousel/Carousel.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AAEtE,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAKxD,MAAM,CAAC,MAAM,QAAQ,GAA4B,GAAG,CAClD,CAAC,EACC,iBAAiB,GAAG,CAAC,EACrB,QAAQ,EACR,SAAS,GAAG,MAAM,EAClB,SAAS,GAAG,EAAE,EACd,MAAM,GAAG,IAAI,EACb,QAAQ,GAAG,KAAK,EAChB,KAAK,EACL,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,MAAM,CAAC,CAAC,CAAC,kCAAkC,CAAC,CAAC,CAAC,EAAE,CAAC;IACrE,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,GAAG,KAAK,IAAI,EAAE,CAAC;IAE5C,MAAM,iBAAiB,GAAG,WAAW,KAAK,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;IAE7E,MAAM,iBAAiB,GAAG,iBAAiB,GAAG,iBAAiB,CAAC;IAEhE,MAAM,CAAC,WAAW,EAAE,QAAQ,CAAC,GAAG,mBAAmB,CAAC;QAClD,UAAU,EAAE,iBAAiB;QAC7B,gBAAgB,EAAE,iBAAiB;QACnC,QAAQ;KACT,CAAC,CAAC;IACH,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,CAAC;IAE9C,OAAO,CACL,MAAC,YAAY,IACX,SAAS,EAAE,qFAAqF,SAAS,EAAE,KACvG,IAAI,aAER,KAAC,iBAAiB,IAChB,UAAU,EAAE,WAAW,EACvB,iBAAiB,EAAE,iBAAiB,EACpC,SAAS,EAAE,SAAS,YAEnB,QAAQ,GACS,EACnB,iBAAiB,CAAC,CAAC,CAAC,CACnB,wBACG,YAAY,CAAC;oBACZ,OAAO,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC;oBACnB,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;oBACzB,QAAQ,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC;oBAC/B,SAAS,EAAE,cAAc;iBAC1B,CAAC,GACE,CACP,CAAC,CAAC,CAAC,IAAI,EACP,iBAAiB,CAAC,CAAC,CAAC,CACnB,0BACE,cAAK,SAAS,EAAE,GAAG,WAAW,+BAA+B,GAAI,EACjE,cAAK,SAAS,EAAE,GAAG,WAAW,8BAA8B,GAAI,IAC5D,CACP,CAAC,CAAC,CAAC,IAAI,IACK,CAChB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,QAAQ,CAAC,aAAa,GAAG,CAAC,cAAc,EAAE,qBAAqB,CAAC,CAAC"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
+
import type { CardWidth } from './CarouselContent';
|
|
1
2
|
export interface CarouselContainerProps {
|
|
2
3
|
activeItem: number;
|
|
3
4
|
cardFullViewCount: number;
|
|
4
|
-
cardWidth:
|
|
5
|
+
cardWidth: CardWidth;
|
|
5
6
|
}
|
|
6
7
|
export declare const CarouselContainer: import("@redneckz/uni-jsx").UNIComponent<CarouselContainerProps, any, any>;
|
|
@@ -3,7 +3,7 @@ import { JSX } from '@redneckz/uni-jsx';
|
|
|
3
3
|
export const CarouselContainer = JSX(({ children, activeItem, cardFullViewCount, cardWidth }) => {
|
|
4
4
|
const cardFullViewStyles = cardFullViewCount === 1
|
|
5
5
|
? `translateX(-${activeItem}00%)`
|
|
6
|
-
: `translateX(-${activeItem * cardWidth}px)`;
|
|
6
|
+
: `translateX(-${activeItem * Number(cardWidth)}px)`;
|
|
7
7
|
return (_jsx("div", { className: "w-auto flex flex-1 duration-1000", style: { transform: `${cardFullViewStyles}` }, role: "list", children: children }));
|
|
8
8
|
});
|
|
9
9
|
//# sourceMappingURL=CarouselContainer.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CarouselContainer.js","sourceRoot":"","sources":["../../../src/components/Carousel/CarouselContainer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"CarouselContainer.js","sourceRoot":"","sources":["../../../src/components/Carousel/CarouselContainer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AASxC,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAClC,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,iBAAiB,EAAE,SAAS,EAAE,EAAE,EAAE;IACzD,MAAM,kBAAkB,GACtB,iBAAiB,KAAK,CAAC;QACrB,CAAC,CAAC,eAAe,UAAU,MAAM;QACjC,CAAC,CAAC,eAAe,UAAU,GAAG,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC;IAEzD,OAAO,CACL,cACE,SAAS,EAAC,kCAAkC,EAC5C,KAAK,EAAE,EAAE,SAAS,EAAE,GAAG,kBAAkB,EAAE,EAAE,EAC7C,IAAI,EAAC,MAAM,YAEV,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}
|
|
@@ -1,10 +1,17 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @title Карусель
|
|
3
3
|
*/
|
|
4
|
+
/**
|
|
5
|
+
* @title Ширина карточек
|
|
6
|
+
* @enumNames [ "1007", "833", "350", "322" ]
|
|
7
|
+
*/
|
|
8
|
+
export declare type CardWidth = '322' | '350' | '832' | '1007';
|
|
4
9
|
export interface CarouselContent {
|
|
5
|
-
/** @title
|
|
10
|
+
/** @title Количество видимых карточек */
|
|
6
11
|
cardFullViewCount?: number;
|
|
7
|
-
cardWidth?:
|
|
12
|
+
cardWidth?: CardWidth;
|
|
13
|
+
/** @title Добавление блюра */
|
|
8
14
|
isBlur?: boolean;
|
|
15
|
+
/** @title Цикличность */
|
|
9
16
|
isCyclic?: boolean;
|
|
10
17
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CarouselContent.js","sourceRoot":"","sources":["../../../src/components/Carousel/CarouselContent.ts"],"names":[],"mappings":""}
|
|
1
|
+
{"version":3,"file":"CarouselContent.js","sourceRoot":"","sources":["../../../src/components/Carousel/CarouselContent.ts"],"names":[],"mappings":"AAAA;;GAEG"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
|
|
2
2
|
import { JSX } from '@redneckz/uni-jsx';
|
|
3
|
-
import {
|
|
3
|
+
import { useCarouselControls } from '../../hooks/useCarouselControls.js';
|
|
4
4
|
import { ComparisonTableColumnHeaders } from './ComparisonTableColumnHeaders.js';
|
|
5
5
|
import { ComparisonTableRows } from './ComparisonTableRows.js';
|
|
6
6
|
import { COLS_LENGTH_FOR_SCROLL } from './constants.js';
|
|
@@ -14,7 +14,7 @@ export const ComparisonTableBody = JSX(({ columns, rowHeaders, isShowAllRow, vis
|
|
|
14
14
|
}))
|
|
15
15
|
.slice(0, isShowAllRow ? rowHeaders.length : visibleRowLength);
|
|
16
16
|
const isScrollAvailable = colData.length > COLS_LENGTH_FOR_SCROLL;
|
|
17
|
-
const [activeIndex, controls] =
|
|
17
|
+
const [activeIndex, controls] = useCarouselControls({
|
|
18
18
|
itemsCount: colData.length,
|
|
19
19
|
visibleItemCount: COLS_LENGTH_FOR_SCROLL,
|
|
20
20
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ComparisonTableBody.js","sourceRoot":"","sources":["../../../src/components/ComparisonTable/ComparisonTableBody.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"ComparisonTableBody.js","sourceRoot":"","sources":["../../../src/components/ComparisonTable/ComparisonTableBody.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AACtE,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AAE9E,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAUrD,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,CACpC,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,EAAE,EAAE;IAChF,MAAM,UAAU,GAAG,OAAO,EAAE,GAAG,CAAC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,IAAI,EAAE,CAAC,CAAC;IAC9D,MAAM,OAAO,GAAG,OAAO,EAAE,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;IACvD,MAAM,OAAO,GAAG,UAAU;QACxB,EAAE,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;QACpB,MAAM;QACN,IAAI,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;KAC7C,CAAC,CAAC;SACF,KAAK,CAAC,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC;IAEjE,MAAM,iBAAiB,GAAG,OAAO,CAAC,MAAM,GAAG,sBAAsB,CAAC;IAElE,MAAM,CAAC,WAAW,EAAE,QAAQ,CAAC,GAAG,mBAAmB,CAAC;QAClD,UAAU,EAAE,OAAO,CAAC,MAAM;QAC1B,gBAAgB,EAAE,sBAAsB;KACzC,CAAC,CAAC;IAEH,OAAO,CACL,0BACE,eAAK,IAAI,EAAC,OAAO,aACd,UAAU,EAAE,MAAM,CAAC,CAAC,CAAC,CACpB,KAAC,4BAA4B,IAAC,UAAU,EAAE,UAAU,EAAE,eAAe,EAAE,WAAW,GAAI,CACvF,CAAC,CAAC,CAAC,IAAI,EACP,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,CACjB,KAAC,mBAAmB,IAClB,OAAO,EAAE,OAAO,EAChB,oBAAoB,EAAE,oBAAoB,EAC1C,eAAe,EAAE,WAAW,EAC5B,QAAQ,EAAE,QAAQ,EAClB,iBAAiB,EAAE,iBAAiB,GACpC,CACH,CAAC,CAAC,CAAC,IAAI,IACJ,EACL,iBAAiB,CAAC,CAAC,CAAC,CACnB,cAAK,SAAS,EAAC,8DAA8D,GAAG,CACjF,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
+
import type { CarouselControls } from '../../hooks/useCarouselControls';
|
|
1
2
|
import type { TitleProps } from '../../model/HeadlineType';
|
|
2
3
|
import type { CellData } from './ComparisonTableContent';
|
|
3
|
-
import type { Controls } from '../../hooks/useCarousel';
|
|
4
4
|
declare type ComparisonTableRowsProps = {
|
|
5
5
|
rowData: {
|
|
6
6
|
header: TitleProps;
|
|
@@ -8,7 +8,7 @@ declare type ComparisonTableRowsProps = {
|
|
|
8
8
|
}[];
|
|
9
9
|
activeCardIndex: number;
|
|
10
10
|
isColoredFirstColumn: boolean;
|
|
11
|
-
controls:
|
|
11
|
+
controls: CarouselControls;
|
|
12
12
|
isScrollAvailable: boolean;
|
|
13
13
|
};
|
|
14
14
|
export declare const ComparisonTableRows: import("@redneckz/uni-jsx").UNIComponent<ComparisonTableRowsProps, any, any>;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
|
|
2
2
|
import { JSX } from '@redneckz/uni-jsx';
|
|
3
|
-
import { TableRow } from './TableRow.js';
|
|
4
3
|
import { renderArrows } from '../../ui-kit/Button/renderArrows.js';
|
|
4
|
+
import { TableRow } from './TableRow.js';
|
|
5
5
|
export const ComparisonTableRows = JSX(({ rowData, isColoredFirstColumn, activeCardIndex, controls, isScrollAvailable }) => {
|
|
6
6
|
const { inc, dec, canDec, canInc } = controls;
|
|
7
7
|
return (_jsxs("div", { className: "relative", children: [rowData.map((row, i, { length }) => (_jsx(TableRow, { row: row, isFirstRow: i === 0, isLastRow: i + 1 === length, activeCardIndex: activeCardIndex, isColoredFirstColumn: isColoredFirstColumn }, String(i)))), isScrollAvailable ? (_jsx("div", { children: renderArrows({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ComparisonTableRows.js","sourceRoot":"","sources":["../../../src/components/ComparisonTable/ComparisonTableRows.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"ComparisonTableRows.js","sourceRoot":"","sources":["../../../src/components/ComparisonTable/ComparisonTableRows.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAEhE,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAUtC,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,CACpC,CAAC,EAAE,OAAO,EAAE,oBAAoB,EAAE,eAAe,EAAE,QAAQ,EAAE,iBAAiB,EAAE,EAAE,EAAE;IAClF,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,CAAC;IAE9C,OAAO,CACL,eAAK,SAAS,EAAC,UAAU,aACtB,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CACnC,KAAC,QAAQ,IAEP,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,CAAC,KAAK,CAAC,EACnB,SAAS,EAAE,CAAC,GAAG,CAAC,KAAK,MAAM,EAC3B,eAAe,EAAE,eAAe,EAChC,oBAAoB,EAAE,oBAAoB,IALrC,MAAM,CAAC,CAAC,CAAC,CAMd,CACH,CAAC,EACD,iBAAiB,CAAC,CAAC,CAAC,CACnB,wBACG,YAAY,CAAC;oBACZ,OAAO,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC;oBACnB,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;oBACzB,QAAQ,EAAE,CAAC,aAAa,EAAE,QAAQ,CAAC;oBACnC,SAAS,EAAE,SAAS;oBACpB,UAAU,EAAE,IAAI;iBACjB,CAAC,GACE,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}
|
|
@@ -22,6 +22,12 @@ export declare type ProductBlockInnerContent = HeadlineProps & ListContent & But
|
|
|
22
22
|
* }
|
|
23
23
|
*/
|
|
24
24
|
image?: Picture;
|
|
25
|
+
/**
|
|
26
|
+
* @title Количество преимуществ в строке
|
|
27
|
+
* @default 3
|
|
28
|
+
* @enumNames ["2", "3"]
|
|
29
|
+
*/
|
|
30
|
+
benefitsCountOfRow?: 2 | 3;
|
|
25
31
|
/**
|
|
26
32
|
* @title Список преимуществ
|
|
27
33
|
* @minItems 2
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
export interface CarouselControls {
|
|
2
|
+
inc: () => void;
|
|
3
|
+
dec: () => void;
|
|
4
|
+
canInc: boolean;
|
|
5
|
+
canDec: boolean;
|
|
6
|
+
}
|
|
7
|
+
interface CarouselProps {
|
|
8
|
+
itemsCount: number;
|
|
9
|
+
visibleItemCount?: number;
|
|
10
|
+
isCyclic?: boolean;
|
|
11
|
+
}
|
|
12
|
+
export declare const useCarouselControls: ({ itemsCount, visibleItemCount, isCyclic, }: CarouselProps) => [number, CarouselControls];
|
|
13
|
+
export {};
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { useCallback, useState } from '@redneckz/uni-jsx/lib/hooks';
|
|
2
|
-
export const
|
|
2
|
+
export const useCarouselControls = ({ itemsCount, visibleItemCount = itemsCount, isCyclic, }) => {
|
|
3
3
|
const [activeIndex, setActiveIndex] = useState(0);
|
|
4
|
-
const inc = useCallback(() => setActiveIndex((_) => (isCyclic ? (_ + 1) % itemsCount : Math.min(_ + 1, itemsCount - 1))), []);
|
|
5
|
-
const dec = useCallback(() => setActiveIndex((_) => (isCyclic ? (itemsCount + _ - 1) % itemsCount : Math.max(_ - 1, 0))), []);
|
|
4
|
+
const inc = useCallback(() => setActiveIndex((_) => (isCyclic ? (_ + 1) % itemsCount : Math.min(_ + 1, itemsCount - 1))), [isCyclic, itemsCount]);
|
|
5
|
+
const dec = useCallback(() => setActiveIndex((_) => (isCyclic ? (itemsCount + _ - 1) % itemsCount : Math.max(_ - 1, 0))), [isCyclic, itemsCount]);
|
|
6
6
|
const isScrollAvailable = itemsCount > visibleItemCount;
|
|
7
7
|
const isCyclicAndScrollAvailable = isCyclic && isScrollAvailable;
|
|
8
8
|
const canInc = isCyclicAndScrollAvailable ||
|
|
@@ -18,4 +18,4 @@ export const useCarouselControl = ({ itemsCount, visibleItemCount = itemsCount,
|
|
|
18
18
|
},
|
|
19
19
|
];
|
|
20
20
|
};
|
|
21
|
-
//# sourceMappingURL=
|
|
21
|
+
//# sourceMappingURL=useCarouselControls.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useCarouselControls.js","sourceRoot":"","sources":["../../src/hooks/useCarouselControls.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAepE,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,EAClC,UAAU,EACV,gBAAgB,GAAG,UAAU,EAC7B,QAAQ,GACM,EAA8B,EAAE;IAC9C,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAElD,MAAM,GAAG,GAAG,WAAW,CACrB,GAAG,EAAE,CACH,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,EAC5F,CAAC,QAAQ,EAAE,UAAU,CAAC,CACvB,CAAC;IACF,MAAM,GAAG,GAAG,WAAW,CACrB,GAAG,EAAE,CACH,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,UAAU,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAC5F,CAAC,QAAQ,EAAE,UAAU,CAAC,CACvB,CAAC;IAEF,MAAM,iBAAiB,GAAG,UAAU,GAAG,gBAAgB,CAAC;IACxD,MAAM,0BAA0B,GAAG,QAAQ,IAAI,iBAAiB,CAAC;IAEjE,MAAM,MAAM,GACV,0BAA0B;QAC1B,CAAC,iBAAiB,IAAI,UAAU,GAAG,WAAW,GAAG,gBAAgB,CAAC,CAAC;IACrE,MAAM,MAAM,GAAG,0BAA0B,IAAI,OAAO,CAAC,iBAAiB,IAAI,WAAW,GAAG,CAAC,CAAC,CAAC;IAE3F,OAAO;QACL,WAAW;QACX;YACE,GAAG;YACH,GAAG;YACH,MAAM;YACN,MAAM;SACP;KACF,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
|
|
2
2
|
import { JSX } from '@redneckz/uni-jsx';
|
|
3
3
|
import { Button } from '../Button/Button.js';
|
|
4
|
-
import {
|
|
5
|
-
export const InnerTableHeader = JSX(({ currencies, linkToPDF, activeTabIndex, setActiveTabIndex }) => (_jsxs("div", { className: "flex justify-between w-full pt-2.5 pb-3", children: [currencies && currencies.length > 1 ? (_jsx("div", { className: "flex bg-secondary-light p-1.5 rounded-md", children: currencies.map((currency, idx) => (_jsx("div", { className: `rounded-md text-xl-light px-4 py-3 cursor-pointer ${idx === activeTabIndex ? 'bg-primary-main text-white' : 'text-secondary-text'}`, onClick: () => setActiveTabIndex(idx), children: currency || idx + 1 }, currency))) })) : null, linkToPDF ? (_jsx(Button, { href: linkToPDF, version: "secondary", target: "_blank", appendLeft: _jsx(
|
|
4
|
+
import { Icon } from '../Icon/Icon.js';
|
|
5
|
+
export const InnerTableHeader = JSX(({ currencies, linkToPDF, activeTabIndex, setActiveTabIndex }) => (_jsxs("div", { className: "flex justify-between w-full pt-2.5 pb-3", children: [currencies && currencies.length > 1 ? (_jsx("div", { className: "flex bg-secondary-light p-1.5 rounded-md", children: currencies.map((currency, idx) => (_jsx("div", { className: `rounded-md text-xl-light px-4 py-3 cursor-pointer ${idx === activeTabIndex ? 'bg-primary-main text-white' : 'text-secondary-text'}`, onClick: () => setActiveTabIndex(idx), children: currency || idx + 1 }, currency))) })) : null, linkToPDF ? (_jsx(Button, { href: linkToPDF, version: "secondary", target: "_blank", appendLeft: _jsx(Icon, { name: "DocDownloadIcon", iconVersion: "color", className: "mr-0.5", width: "20", height: "20", asSVG: true }), text: "\u0421\u043A\u0430\u0447\u0430\u0442\u044C \u0432 PDF" })) : null] })));
|
|
6
6
|
//# sourceMappingURL=InnerTableHeader.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InnerTableHeader.js","sourceRoot":"","sources":["../../../src/ui-kit/InnerTable/InnerTableHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"InnerTableHeader.js","sourceRoot":"","sources":["../../../src/ui-kit/InnerTable/InnerTableHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AASpC,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CACjC,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,cAAc,EAAE,iBAAiB,EAAE,EAAE,EAAE,CAAC,CAChE,eAAK,SAAS,EAAC,yCAAyC,aACrD,UAAU,IAAI,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACrC,cAAK,SAAS,EAAC,0CAA0C,YACtD,UAAU,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,GAAG,EAAE,EAAE,CAAC,CACjC,cAEE,SAAS,EAAE,qDACT,GAAG,KAAK,cAAc,CAAC,CAAC,CAAC,4BAA4B,CAAC,CAAC,CAAC,qBAC1D,EAAE,EACF,OAAO,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,GAAG,CAAC,YAEpC,QAAQ,IAAI,GAAG,GAAG,CAAC,IANf,QAAQ,CAOT,CACP,CAAC,GACE,CACP,CAAC,CAAC,CAAC,IAAI,EACP,SAAS,CAAC,CAAC,CAAC,CACX,KAAC,MAAM,IACL,IAAI,EAAE,SAAS,EACf,OAAO,EAAC,WAAW,EACnB,MAAM,EAAC,QAAQ,EACf,UAAU,EACR,KAAC,IAAI,IACH,IAAI,EAAC,iBAAiB,EACtB,WAAW,EAAC,OAAO,EACnB,SAAS,EAAC,QAAQ,EAClB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,KAAK,SACL,EAEJ,IAAI,EAAC,uDAAe,GACpB,CACH,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CACF,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { JSX } from '@redneckz/uni-jsx';
|
|
2
|
-
import {
|
|
2
|
+
import { useCarouselControls } from '../../hooks/useCarouselControls';
|
|
3
3
|
import type { JSXBlock, UniBlockProps } from '../../model/JSXBlock';
|
|
4
4
|
import { BlockWrapper } from '../../ui-kit/BlockWrapper';
|
|
5
5
|
import { renderArrows } from '../../ui-kit/Button/renderArrows';
|
|
@@ -12,7 +12,7 @@ export const Carousel: JSXBlock<CarouselProps> = JSX<CarouselProps>(
|
|
|
12
12
|
({
|
|
13
13
|
cardFullViewCount = 1,
|
|
14
14
|
children,
|
|
15
|
-
cardWidth = 1007,
|
|
15
|
+
cardWidth = '1007',
|
|
16
16
|
className = '',
|
|
17
17
|
isBlur = true,
|
|
18
18
|
isCyclic = false,
|
|
@@ -26,12 +26,11 @@ export const Carousel: JSXBlock<CarouselProps> = JSX<CarouselProps>(
|
|
|
26
26
|
|
|
27
27
|
const isScrollAvailable = childBlocksLength > cardFullViewCount;
|
|
28
28
|
|
|
29
|
-
const [activeIndex, controls] =
|
|
29
|
+
const [activeIndex, controls] = useCarouselControls({
|
|
30
30
|
itemsCount: childBlocksLength,
|
|
31
31
|
visibleItemCount: cardFullViewCount,
|
|
32
32
|
isCyclic,
|
|
33
33
|
});
|
|
34
|
-
|
|
35
34
|
const { inc, dec, canDec, canInc } = controls;
|
|
36
35
|
|
|
37
36
|
return (
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import { JSX } from '@redneckz/uni-jsx';
|
|
2
|
+
import type { CardWidth } from './CarouselContent';
|
|
2
3
|
|
|
3
4
|
export interface CarouselContainerProps {
|
|
4
5
|
activeItem: number;
|
|
5
6
|
cardFullViewCount: number;
|
|
6
|
-
cardWidth:
|
|
7
|
+
cardWidth: CardWidth;
|
|
7
8
|
}
|
|
8
9
|
|
|
9
10
|
export const CarouselContainer = JSX<CarouselContainerProps>(
|
|
@@ -11,7 +12,7 @@ export const CarouselContainer = JSX<CarouselContainerProps>(
|
|
|
11
12
|
const cardFullViewStyles =
|
|
12
13
|
cardFullViewCount === 1
|
|
13
14
|
? `translateX(-${activeItem}00%)`
|
|
14
|
-
: `translateX(-${activeItem * cardWidth}px)`;
|
|
15
|
+
: `translateX(-${activeItem * Number(cardWidth)}px)`;
|
|
15
16
|
|
|
16
17
|
return (
|
|
17
18
|
<div
|
|
@@ -1,10 +1,18 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @title Карусель
|
|
3
3
|
*/
|
|
4
|
+
|
|
5
|
+
/**
|
|
6
|
+
* @title Ширина карточек
|
|
7
|
+
* @enumNames [ "1007", "833", "350", "322" ]
|
|
8
|
+
*/
|
|
9
|
+
export type CardWidth = '322' | '350' | '832' | '1007';
|
|
4
10
|
export interface CarouselContent {
|
|
5
|
-
/** @title
|
|
11
|
+
/** @title Количество видимых карточек */
|
|
6
12
|
cardFullViewCount?: number;
|
|
7
|
-
cardWidth?:
|
|
13
|
+
cardWidth?: CardWidth;
|
|
14
|
+
/** @title Добавление блюра */
|
|
8
15
|
isBlur?: boolean;
|
|
16
|
+
/** @title Цикличность */
|
|
9
17
|
isCyclic?: boolean;
|
|
10
18
|
}
|