@redneckz/wildless-cms-uni-blocks 0.3.10 → 0.3.13

package/dist/components/Blocks.mobile.d.ts

@@ -1,15 +1,17 @@
 export declare const Blocks: {
     Accordion: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./Accordion/Accordion").AccordionProps, any>, context?: any) => any;
+    ComparisonTable: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./ComparisonTable/ComparisonTable").ComparisonTableProps, any>, context?: any) => any;
     ExchangeRateTile: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./ExchangeRateTile/ExchangeRateTile").ExchangeRateTileProps, any>, context?: any) => any;
     Footer: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./Footer/Footer").FooterProps, any>, context?: any) => any;
     Gallery: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./Gallery/GalleryProps").GalleryProps, any>, context?: any) => any;
     Header: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./Header/Header").HeaderProps, any>, context?: any) => any;
     Headline: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./Headline/Headline").HeadlineProps, any>, context?: any) => any;
     LinkDocs: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./LinkDocs/LinkDocs").LinkDocsProps, any>, context?: any) => any;
+    LinkList: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./LinkList/LinkList").LinkListProps, any>, context?: any) => any;
     MobileAppTile: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./MobileAppTile/MobileAppTile").MobileAppTileProps, any>, context?: any) => any;
     ProductBlock: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./ProductBlock/ProductBlock").ProductBlockProps, any>, context?: any) => any;
     ProductGallery: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./ProductGallery/ProductGallery").ProductGalleryProps, any>, context?: any) => any;
     StepsBlock: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./StepsBlock/StepsBlock").StepsBlockProps, any>, context?: any) => any;
+    TariffsTable: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./TariffsTable/TariffsTable").TariffsTableProps, any>, context?: any) => any;
     TextBlock: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./TextBlock/TextBlock").TextBlockProps, any>, context?: any) => any;
-    LinkList: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./LinkList/LinkList").LinkListProps, any>, context?: any) => any;
 };

package/dist/components/Blocks.mobile.js

@@ -1,31 +1,35 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Blocks = void 0;
 const Accordion_1 = require("./Accordion/Accordion");
+const ComparisonTable_1 = require("./ComparisonTable/ComparisonTable");
 const ExchangeRateTile_1 = require("./ExchangeRateTile/ExchangeRateTile");
 const Footer_1 = require("./Footer/Footer");
 const Gallery_1 = require("./Gallery/Gallery");
 const Header_1 = require("./Header/Header");
 const Headline_1 = require("./Headline/Headline");
 const LinkDocs_1 = require("./LinkDocs/LinkDocs");
+const LinkList_1 = require("./LinkList/LinkList");
 const MobileAppTile_1 = require("./MobileAppTile/MobileAppTile");
 const ProductBlock_1 = require("./ProductBlock/ProductBlock");
 const ProductGallery_1 = require("./ProductGallery/ProductGallery");
 const StepsBlock_1 = require("./StepsBlock/StepsBlock");
+const TariffsTable_1 = require("./TariffsTable/TariffsTable");
 const TextBlock_1 = require("./TextBlock/TextBlock");
-const LinkList_1 = require("./LinkList/LinkList");
 exports.Blocks = {
     Accordion: Accordion_1.Accordion,
+    ComparisonTable: ComparisonTable_1.ComparisonTable,
     ExchangeRateTile: ExchangeRateTile_1.ExchangeRateTile,
     Footer: Footer_1.Footer,
     Gallery: Gallery_1.Gallery,
     Header: Header_1.Header,
     Headline: Headline_1.Headline,
     LinkDocs: LinkDocs_1.LinkDocs,
+    LinkList: LinkList_1.LinkList,
     MobileAppTile: MobileAppTile_1.MobileAppTile,
     ProductBlock: ProductBlock_1.ProductBlock,
     ProductGallery: ProductGallery_1.ProductGallery,
     StepsBlock: StepsBlock_1.StepsBlock,
+    TariffsTable: TariffsTable_1.TariffsTable,
     TextBlock: TextBlock_1.TextBlock,
-    LinkList: LinkList_1.LinkList,
 };
 //# sourceMappingURL=Blocks.mobile.js.map

package/dist/components/Blocks.mobile.js.map

@@ -1 +1 @@
-{"version":3,"file":"Blocks.mobile.js","sourceRoot":"","sources":["../../src/components/Blocks.mobile.ts"],"names":[],"mappings":";;AAAA,qDAAkD;AAClD,0EAAuE;AACvE,4CAAyC;AACzC,+CAA4C;AAC5C,4CAAyC;AACzC,kDAA+C;AAC/C,kDAA+C;AAC/C,iEAA8D;AAC9D,8DAA2D;AAC3D,oEAAiE;AACjE,wDAAqD;AACrD,qDAAkD;AAClD,kDAA+C;AAElC,QAAA,MAAM,GAAG;IACpB,SAAS,EAAT,qBAAS;IACT,gBAAgB,EAAhB,mCAAgB;IAChB,MAAM,EAAN,eAAM;IACN,OAAO,EAAP,iBAAO;IACP,MAAM,EAAN,eAAM;IACN,QAAQ,EAAR,mBAAQ;IACR,QAAQ,EAAR,mBAAQ;IACR,aAAa,EAAb,6BAAa;IACb,YAAY,EAAZ,2BAAY;IACZ,cAAc,EAAd,+BAAc;IACd,UAAU,EAAV,uBAAU;IACV,SAAS,EAAT,qBAAS;IACT,QAAQ,EAAR,mBAAQ;CACT,CAAC"}
+{"version":3,"file":"Blocks.mobile.js","sourceRoot":"","sources":["../../src/components/Blocks.mobile.ts"],"names":[],"mappings":";;AAAA,qDAAkD;AAClD,uEAAoE;AACpE,0EAAuE;AACvE,4CAAyC;AACzC,+CAA4C;AAC5C,4CAAyC;AACzC,kDAA+C;AAC/C,kDAA+C;AAC/C,kDAA+C;AAC/C,iEAA8D;AAC9D,8DAA2D;AAC3D,oEAAiE;AACjE,wDAAqD;AACrD,8DAA2D;AAC3D,qDAAkD;AAErC,QAAA,MAAM,GAAG;IACpB,SAAS,EAAT,qBAAS;IACT,eAAe,EAAf,iCAAe;IACf,gBAAgB,EAAhB,mCAAgB;IAChB,MAAM,EAAN,eAAM;IACN,OAAO,EAAP,iBAAO;IACP,MAAM,EAAN,eAAM;IACN,QAAQ,EAAR,mBAAQ;IACR,QAAQ,EAAR,mBAAQ;IACR,QAAQ,EAAR,mBAAQ;IACR,aAAa,EAAb,6BAAa;IACb,YAAY,EAAZ,2BAAY;IACZ,cAAc,EAAd,+BAAc;IACd,UAAU,EAAV,uBAAU;IACV,YAAY,EAAZ,2BAAY;IACZ,SAAS,EAAT,qBAAS;CACV,CAAC"}

package/dist/components/ComparisonTable/ComparisonTable.js

@@ -2,35 +2,17 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ComparisonTable = void 0;
 const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
 const uni_jsx_1 = require("@redneckz/uni-jsx");
-const useComparisonTableScroll_1 = require("../../hooks/useComparisonTableScroll");
-const useLink_1 = require("../../hooks/useLink");
-const ArrowButton_1 = require("../../ui-kit/Button/ArrowButton");
 const Heading_1 = require("../../ui-kit/Heading/Heading");
 const constants_1 = require("./constants");
-const HeaderCell_1 = require("./HeaderCell");
-const TableCarouselContainer_1 = require("./TableCarouselContainer");
-const TableRow_1 = require("./TableRow");
-const TableRowContainer_1 = require("./TableRowContainer");
+const ComparisonTableBody_1 = require("./ComparisonTableBody");
 exports.ComparisonTable = (0, uni_jsx_1.JSX)(({ className, context, title, rowHeaders, columns, visibleRowLength = 0, isColoredFirstColumn = false, }) => {
-    const router = context.useRouter();
-    const { handlerDecorator } = context;
-    const [activeCardIndex, setActiveCardIndex] = context.useState(0);
     const [isShowAllRow, setIsShowAllRow] = context.useState(!visibleRowLength);
-    const colHeaders = columns?.map(({ header }) => header || {});
-    const colData = columns?.map(({ data }) => data) || [];
-    const rowData = rowHeaders
-        ?.map((header, i) => ({
-        header,
-        data: colData.map((col) => col?.[i] || [{}]),
-    }))
-        .slice(0, isShowAllRow ? rowHeaders.length : visibleRowLength);
-    const { nextClick, prevClick, isScrollAvailable, showNextButton, showPrevButton } = (0, useComparisonTableScroll_1.useComparisonTableScroll)({
-        colData,
-        colsLengthForScroll: constants_1.COLS_LENGTH_FOR_SCROLL,
-        activeCardIndex,
-        setActiveCardIndex,
-    });
     const showToggle = () => setIsShowAllRow(!isShowAllRow);
-    return ((0, jsx_runtime_1.jsxs)("section", { className: `bg-white font-sans py-[50px] pl-[50px] overflow-hidden text-primary-text relative ${className || ''}`, children: [(0, jsx_runtime_1.jsx)(Heading_1.Heading, { headingType: "h2", className: "max-w-[47rem] text-center mb-9 mx-auto", title: title }), (0, jsx_runtime_1.jsxs)("div", { role: "table", children: [colHeaders?.length ? ((0, jsx_runtime_1.jsxs)(TableRowContainer_1.TableRowContainer, { children: [(0, jsx_runtime_1.jsx)("div", { className: constants_1.FIRST_CELL_CLASSES, role: "columnheader", scope: "col" }), (0, jsx_runtime_1.jsx)(TableCarouselContainer_1.TableCarouselContainer, { activeCardIndex: activeCardIndex, columnWidth: constants_1.COLUMN_WIDTH, children: colHeaders.map((header, i) => ((0, jsx_runtime_1.jsx)(HeaderCell_1.HeaderCell, { ...header, link: header.link && (0, useLink_1.useLink)({ router, handlerDecorator }, header.link) }, String(i)))) })] })) : null, rowData?.length ? ((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, jsx_runtime_1.jsxs)("div", { className: "absolute top-7 right-7 z-10", children: [(0, jsx_runtime_1.jsx)(ArrowButton_1.ArrowButton, { onClick: nextClick, disabled: !showNextButton, ariaLabel: "\u041F\u0440\u043E\u043B\u0438\u0441\u0442\u0430\u0442\u044C \u0432\u043F\u0440\u0430\u0432\u043E" }), (0, jsx_runtime_1.jsx)(ArrowButton_1.ArrowButton, { className: "mt-4 rotate-180", onClick: prevClick, disabled: !showPrevButton, ariaLabel: "\u041F\u0440\u043E\u043B\u0438\u0441\u0442\u0430\u0442\u044C \u0432\u043B\u0435\u0432\u043E" })] }) })) : null] })) : null] }), isScrollAvailable ? ((0, jsx_runtime_1.jsx)("div", { className: "absolute top-0 right-0 bottom-0 w-[84px] bg-opacity-to-white" })) : null, visibleRowLength ? ((0, jsx_runtime_1.jsx)("div", { className: "pr-[50px]", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex w-full", children: [(0, jsx_runtime_1.jsx)("div", { className: constants_1.FIRST_CELL_CLASSES }), (0, jsx_runtime_1.jsx)("button", { onClick: showToggle, className: "mt-5 flex-1 border-main-stroke border-solid border text-primary-text bg-white hover:border-primary-main hover:text-primary-main", children: (0, jsx_runtime_1.jsx)("div", { className: "font-sans font-medium text-xs py-[11px]", children: !isShowAllRow ? 'Показать все параметры' : 'Скрыть' }) })] }) })) : null] }));
+    return ((0, jsx_runtime_1.jsxs)("section", { className: `bg-white font-sans py-[50px] pl-[50px] overflow-hidden text-primary-text relative ${className || ''}`, children: [(0, jsx_runtime_1.jsx)(Heading_1.Heading, { headingType: "h2", className: "max-w-[47rem] text-center mb-9 mx-auto", title: title }), (0, jsx_runtime_1.jsx)(ComparisonTableBody_1.ComparisonTableBody, { context: context, columns: columns, rowHeaders: rowHeaders, isShowAllRow: isShowAllRow, isColoredFirstColumn: isColoredFirstColumn, visibleRowLength: visibleRowLength }), visibleRowLength
+                ? renderShowMoreToggleButton({ isShowAllRow, onClick: showToggle })
+                : null] }));
 });
+const renderShowMoreToggleButton = ({ isShowAllRow, onClick, }) => {
+    return ((0, jsx_runtime_1.jsx)("div", { className: "pr-[50px]", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex w-full", children: [(0, jsx_runtime_1.jsx)("div", { className: constants_1.FIRST_CELL_CLASSES }), (0, jsx_runtime_1.jsx)("button", { onClick: onClick, className: "mt-5 flex-1 border-main-stroke border-solid border text-primary-text bg-white hover:border-primary-main hover:text-primary-main", children: (0, jsx_runtime_1.jsx)("div", { className: "font-sans font-medium text-xs py-[11px]", children: !isShowAllRow ? 'Показать все параметры' : 'Скрыть' }) })] }) }));
+};
 //# sourceMappingURL=ComparisonTable.js.map

package/dist/components/ComparisonTable/ComparisonTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComparisonTable.js","sourceRoot":"","sources":["../../../src/components/ComparisonTable/ComparisonTable.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ComparisonTable.js","sourceRoot":"","sources":["../../../src/components/ComparisonTable/ComparisonTable.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,0DAAuD;AACvD,2CAAiD;AACjD,+DAA4D;AAM/C,QAAA,eAAe,GAAG,IAAA,aAAG,EAChC,CAAC,EACC,SAAS,EACT,OAAO,EACP,KAAK,EACL,UAAU,EACV,OAAO,EACP,gBAAgB,GAAG,CAAC,EACpB,oBAAoB,GAAG,KAAK,GAC7B,EAAE,EAAE;IACH,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC,gBAAgB,CAAC,CAAC;IAC5E,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,eAAe,CAAC,CAAC,YAAY,CAAC,CAAC;IAExD,OAAO,CACL,qCACE,SAAS,EAAE,qFACT,SAAS,IAAI,EACf,EAAE,aAEF,uBAAC,iBAAO,IACN,WAAW,EAAC,IAAI,EAChB,SAAS,EAAC,wCAAwC,EAClD,KAAK,EAAE,KAAK,GACZ,EACF,uBAAC,yCAAmB,IAClB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,YAAY,EAC1B,oBAAoB,EAAE,oBAAoB,EAC1C,gBAAgB,EAAE,gBAAgB,GAClC,EACD,gBAAgB;gBACf,CAAC,CAAC,0BAA0B,CAAC,EAAE,YAAY,EAAE,OAAO,EAAE,UAAU,EAAE,CAAC;gBACnE,CAAC,CAAC,IAAI,IACA,CACX,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,0BAA0B,GAAG,CAAC,EAClC,YAAY,EACZ,OAAO,GAIR,EAAE,EAAE;IACH,OAAO,CACL,gCAAK,SAAS,EAAC,WAAW,YACxB,iCAAK,SAAS,EAAC,aAAa,aAC1B,gCAAK,SAAS,EAAE,8BAAkB,GAAI,EACtC,mCACE,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,iIAAiI,YAE3I,gCAAK,SAAS,EAAC,yCAAyC,YACrD,CAAC,YAAY,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,QAAQ,GAChD,GACC,IACL,GACF,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/ComparisonTable/ComparisonTableBody.d.ts

@@ -0,0 +1,12 @@
+import { ContentPageContext } from '../ContentPage/ContentPageContext';
+import { Column, RowHeader } from './ComparisonTableContent';
+interface ComparisonTableBodyProps {
+    context: ContentPageContext;
+    columns?: Column[];
+    rowHeaders?: RowHeader[];
+    isShowAllRow: boolean;
+    isColoredFirstColumn: boolean;
+    visibleRowLength: number;
+}
+export declare const ComparisonTableBody: (props: import("@redneckz/uni-jsx").PropsWithChildren<ComparisonTableBodyProps, any>, context?: any) => any;
+export {};

package/dist/components/ComparisonTable/ComparisonTableBody.js

@@ -0,0 +1,30 @@
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ComparisonTableBody = void 0;
+const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
+const uni_jsx_1 = require("@redneckz/uni-jsx");
+const ComparisonTableColumnHeaders_1 = require("./ComparisonTableColumnHeaders");
+const ComparisonTableRows_1 = require("./ComparisonTableRows");
+const useTableArrowScrollControl_1 = require("../../hooks/useTableArrowScrollControl");
+const constants_1 = require("./constants");
+exports.ComparisonTableBody = (0, uni_jsx_1.JSX)(({ context, columns, rowHeaders, isShowAllRow, visibleRowLength, isColoredFirstColumn }) => {
+    const router = context.useRouter();
+    const { handlerDecorator } = context;
+    const colHeaders = columns?.map(({ header }) => header || {});
+    const colData = columns?.map(({ data }) => data) || [];
+    const rowData = rowHeaders
+        ?.map((header, i) => ({
+        header,
+        data: colData.map((col) => col?.[i] || [{}]),
+    }))
+        .slice(0, isShowAllRow ? rowHeaders.length : visibleRowLength);
+    const [activeCardIndex, setActiveCardIndex] = context.useState(0);
+    const tableArrowScrollProps = (0, useTableArrowScrollControl_1.useTableArrowScrollControl)({
+        columnsLength: colData.length,
+        colsLengthForScroll: constants_1.COLS_LENGTH_FOR_SCROLL,
+        activeCardIndex,
+        setActiveCardIndex,
+    });
+    const { isScrollAvailable } = tableArrowScrollProps;
+    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", { role: "table", children: [colHeaders?.length ? ((0, jsx_runtime_1.jsx)(ComparisonTableColumnHeaders_1.ComparisonTableColumnHeaders, { colHeaders: colHeaders, activeCardIndex: activeCardIndex, router: router, handlerDecorator: handlerDecorator })) : null, rowData?.length ? ((0, jsx_runtime_1.jsx)(ComparisonTableRows_1.ComparisonTableRows, { rowData: rowData, activeCardIndex: activeCardIndex, isColoredFirstColumn: isColoredFirstColumn, ...tableArrowScrollProps })) : null] }), isScrollAvailable ? ((0, jsx_runtime_1.jsx)("div", { className: "absolute top-0 right-0 bottom-0 w-[84px] bg-opacity-to-white" })) : null] }));
+});
+//# sourceMappingURL=ComparisonTableBody.js.map

package/dist/components/ComparisonTable/ComparisonTableBody.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComparisonTableBody.js","sourceRoot":"","sources":["../../../src/components/ComparisonTable/ComparisonTableBody.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,iFAA8E;AAC9E,+DAA4D;AAC5D,uFAAoF;AACpF,2CAAqD;AAaxC,QAAA,mBAAmB,GAAG,IAAA,aAAG,EACpC,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,EAAE,EAAE;IACzF,MAAM,MAAM,GAAG,OAAO,CAAC,SAAS,EAAE,CAAC;IACnC,MAAM,EAAE,gBAAgB,EAAE,GAAG,OAAO,CAAC;IAErC,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,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAElE,MAAM,qBAAqB,GAAG,IAAA,uDAA0B,EAAC;QACvD,aAAa,EAAE,OAAO,CAAC,MAAM;QAC7B,mBAAmB,EAAE,kCAAsB;QAC3C,eAAe;QACf,kBAAkB;KACnB,CAAC,CAAC;IACH,MAAM,EAAE,iBAAiB,EAAE,GAAG,qBAAqB,CAAC;IAEpD,OAAO,CACL,4CACE,iCAAK,IAAI,EAAC,OAAO,aACd,UAAU,EAAE,MAAM,CAAC,CAAC,CAAC,CACpB,uBAAC,2DAA4B,IAC3B,UAAU,EAAE,UAAU,EACtB,eAAe,EAAE,eAAe,EAChC,MAAM,EAAE,MAAM,EACd,gBAAgB,EAAE,gBAAgB,GAClC,CACH,CAAC,CAAC,CAAC,IAAI,EACP,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,CACjB,uBAAC,yCAAmB,IAClB,OAAO,EAAE,OAAO,EAChB,eAAe,EAAE,eAAe,EAChC,oBAAoB,EAAE,oBAAoB,KACtC,qBAAqB,GACzB,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"}

package/dist/components/ComparisonTable/ComparisonTableColumnHeaders.d.ts

@@ -0,0 +1,10 @@
+import type { ColumnHeader } from './ComparisonTableContent';
+import type { HandlerDecorator, Router } from '../ContentPage/ContentPageContext';
+interface ComparisonTableColumnHeadersProps {
+    colHeaders: ColumnHeader[];
+    activeCardIndex: number;
+    router: Router;
+    handlerDecorator: HandlerDecorator | undefined;
+}
+export declare const ComparisonTableColumnHeaders: (props: import("@redneckz/uni-jsx").PropsWithChildren<ComparisonTableColumnHeadersProps, any>, context?: any) => any;
+export {};

package/dist/components/ComparisonTable/ComparisonTableColumnHeaders.js

@@ -0,0 +1,13 @@
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ComparisonTableColumnHeaders = void 0;
+const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
+const uni_jsx_1 = require("@redneckz/uni-jsx");
+const TableRowContainer_1 = require("./TableRowContainer");
+const constants_1 = require("./constants");
+const TableCarouselContainer_1 = require("./TableCarouselContainer");
+const HeaderCell_1 = require("./HeaderCell");
+const useLink_1 = require("../../hooks/useLink");
+exports.ComparisonTableColumnHeaders = (0, uni_jsx_1.JSX)(({ colHeaders, activeCardIndex, router, handlerDecorator }) => {
+    return ((0, jsx_runtime_1.jsxs)(TableRowContainer_1.TableRowContainer, { children: [(0, jsx_runtime_1.jsx)("div", { className: constants_1.FIRST_CELL_CLASSES, role: "columnheader", scope: "col" }), (0, jsx_runtime_1.jsx)(TableCarouselContainer_1.TableCarouselContainer, { activeCardIndex: activeCardIndex, columnWidth: constants_1.COLUMN_WIDTH, children: colHeaders.map((header, i) => ((0, jsx_runtime_1.jsx)(HeaderCell_1.HeaderCell, { ...header, link: header.link && (0, useLink_1.useLink)({ router, handlerDecorator }, header.link) }, String(i)))) })] }));
+});
+//# sourceMappingURL=ComparisonTableColumnHeaders.js.map

package/dist/components/ComparisonTable/ComparisonTableColumnHeaders.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComparisonTableColumnHeaders.js","sourceRoot":"","sources":["../../../src/components/ComparisonTable/ComparisonTableColumnHeaders.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,2DAAwD;AACxD,2CAA+D;AAC/D,qEAAkE;AAClE,6CAA0C;AAC1C,iDAA8C;AAWjC,QAAA,4BAA4B,GAAG,IAAA,aAAG,EAC7C,CAAC,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,EAAE,gBAAgB,EAAE,EAAE,EAAE;IAC5D,OAAO,CACL,wBAAC,qCAAiB,eAChB,gCAAK,SAAS,EAAE,8BAAkB,EAAE,IAAI,EAAC,cAAc,EAAC,KAAK,EAAC,KAAK,GAAG,EACtE,uBAAC,+CAAsB,IAAC,eAAe,EAAE,eAAe,EAAE,WAAW,EAAE,wBAAY,YAChF,UAAU,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC,CAC7B,uBAAC,uBAAU,OAEL,MAAM,EACV,IAAI,EAAE,MAAM,CAAC,IAAI,IAAI,IAAA,iBAAO,EAAC,EAAE,MAAM,EAAE,gBAAgB,EAAE,EAAE,MAAM,CAAC,IAAI,CAAC,IAFlE,MAAM,CAAC,CAAC,CAAC,CAGd,CACH,CAAC,GACqB,IACP,CACrB,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/components/ComparisonTable/ComparisonTableContent.d.ts

@@ -58,6 +58,6 @@ export interface ComparisonTableContent {
     isColoredFirstColumn?: boolean;
     /** @title Отображать заданное количество строк */
     visibleRowLength?: number;
-    /** @title Использовать свайпер- */
+    /** @title Использовать свайпер (моб.) */
     useSwiper?: boolean;
 }

package/dist/components/ComparisonTable/ComparisonTableRows.d.ts

@@ -0,0 +1,13 @@
+import type { TableArrowScrollControlProps } from '../../ui-kit/TableArrowScrollControl/TableArrowScrollControlProps';
+import type { HeadingContent } from '../../ui-kit/Heading/HeadingContent';
+import type { CellData } from './ComparisonTableContent';
+declare type ComparisonTableRowsProps = TableArrowScrollControlProps & {
+    rowData: {
+        header: HeadingContent;
+        data: CellData[][];
+    }[];
+    activeCardIndex: number;
+    isColoredFirstColumn: boolean;
+};
+export declare const ComparisonTableRows: (props: import("@redneckz/uni-jsx").PropsWithChildren<ComparisonTableRowsProps, any>, context?: any) => any;
+export {};

package/dist/components/ComparisonTable/ComparisonTableRows.js

@@ -0,0 +1,10 @@
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ComparisonTableRows = void 0;
+const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
+const uni_jsx_1 = require("@redneckz/uni-jsx");
+const TableRow_1 = require("./TableRow");
+const TableArrowScrollControl_1 = require("../../ui-kit/TableArrowScrollControl/TableArrowScrollControl");
+exports.ComparisonTableRows = (0, uni_jsx_1.JSX)(({ rowData, activeCardIndex, isColoredFirstColumn, ...tableArrowScrollProps }) => {
+    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)))), (0, jsx_runtime_1.jsx)(TableArrowScrollControl_1.TableArrowScrollControl, { ...tableArrowScrollProps })] }));
+});
+//# sourceMappingURL=ComparisonTableRows.js.map

package/dist/components/ComparisonTable/ComparisonTableRows.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComparisonTableRows.js","sourceRoot":"","sources":["../../../src/components/ComparisonTable/ComparisonTableRows.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,yCAAsC;AACtC,0GAAuG;AAW1F,QAAA,mBAAmB,GAAG,IAAA,aAAG,EACpC,CAAC,EAAE,OAAO,EAAE,eAAe,EAAE,oBAAoB,EAAE,GAAG,qBAAqB,EAAE,EAAE,EAAE;IAC/E,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,EACF,uBAAC,iDAAuB,OAAK,qBAAqB,GAAI,IAClD,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/components/ComparisonTable/TableColumn.js

@@ -10,10 +10,10 @@ exports.TableColumn = (0, uni_jsx_1.JSX)(({ header, columnData, visibleRowLength
     const columnDataView = columnData.slice(0, showRow ? columnData.length : visibleRowLength);
     const gradientClassName = isFillGradient ? constants_1.GRADIENT : '';
     const buttonVersion = isFillGradient ? 'secondary' : 'primary';
-    return ((0, jsx_runtime_1.jsxs)("div", { className: `border border-main-stroke rounded-md p-4 mb-3.5 ${gradientClassName}`, children: [(0, jsx_runtime_1.jsx)(HeaderCell_1.HeaderCell, { ...header, isFillGradient: isFillGradient }), columnDataView?.length
+    return ((0, jsx_runtime_1.jsxs)("div", { className: `border border-main-stroke rounded-md p-4 mb-3.5 ${gradientClassName}`, role: "row", children: [(0, jsx_runtime_1.jsx)(HeaderCell_1.HeaderCell, { ...header, isFillGradient: isFillGradient }), columnDataView?.length
                 ? columnDataView.map(({ rowHeader, cell }, i) => ((0, jsx_runtime_1.jsx)(TableCell_1.TableCell, { cell: cell, rowHeader: rowHeader, isFillGradient: isFillGradient }, String(i))))
                 : null, showRow && renderButton({ header, buttonVersion }), renderToggleButton({ onToggleColumn, isFillGradient, showRow })] }));
 });
 const renderButton = ({ header, buttonVersion }) => ((0, jsx_runtime_1.jsx)(Button_1.Button, { href: header.link.href, target: header.link.target, version: buttonVersion, className: "font-medium text-m-sm mt-4 py-[11px]", children: header.link.text }));
-const renderToggleButton = ({ onToggleColumn, isFillGradient, showRow }) => ((0, jsx_runtime_1.jsx)("div", { className: "mt-5", children: (0, jsx_runtime_1.jsx)("a", { onClick: onToggleColumn, className: `font-medium text-m-sm cursor-pointer ${isFillGradient ? 'text-white/80' : 'text-primary-main'}`, children: !showRow ? 'Показать описание' : 'Скрыть' }) }));
+const renderToggleButton = ({ onToggleColumn, isFillGradient, showRow }) => ((0, jsx_runtime_1.jsx)("div", { className: "mt-5", role: "cell", children: (0, jsx_runtime_1.jsx)("a", { role: "link", onClick: onToggleColumn, className: `font-medium text-m-sm cursor-pointer ${isFillGradient ? 'text-white/80' : 'text-primary-main'}`, children: !showRow ? 'Показать описание' : 'Скрыть' }) }));
 //# sourceMappingURL=TableColumn.js.map

package/dist/components/ComparisonTable/TableColumn.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableColumn.js","sourceRoot":"","sources":["../../../src/components/ComparisonTable/TableColumn.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAGxC,uDAAoD;AACpD,2CAAuC;AACvC,6CAA0C;AAC1C,2CAAwC;AAW3B,QAAA,WAAW,GAAG,IAAA,aAAG,EAC5B,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,gBAAgB,GAAG,CAAC,EAAE,cAAc,EAAE,OAAO,EAAE,cAAc,EAAE,EAAE,EAAE;IACxF,MAAM,cAAc,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC;IAC3F,MAAM,iBAAiB,GAAG,cAAc,CAAC,CAAC,CAAC,oBAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;IACzD,MAAM,aAAa,GAAkB,cAAc,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC;IAC9E,OAAO,CACL,iCAAK,SAAS,EAAE,mDAAmD,iBAAiB,EAAE,aACpF,uBAAC,uBAAU,OAAK,MAAM,EAAE,cAAc,EAAE,cAAc,GAAI,EACzD,cAAc,EAAE,MAAM;gBACrB,CAAC,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,CAC7C,uBAAC,qBAAS,IAER,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,cAAc,IAHzB,MAAM,CAAC,CAAC,CAAC,CAId,CACH,CAAC;gBACJ,CAAC,CAAC,IAAI,EAEP,OAAO,IAAI,YAAY,CAAC,EAAE,MAAM,EAAE,aAAa,EAAE,CAAC,EAClD,kBAAkB,CAAC,EAAE,cAAc,EAAE,cAAc,EAAE,OAAO,EAAE,CAAC,IAC5D,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,YAAY,GAAG,CAAC,EAAE,MAAM,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,CAClD,uBAAC,eAAM,IACL,IAAI,EAAE,MAAM,CAAC,IAAI,CAAC,IAAI,EACtB,MAAM,EAAE,MAAM,CAAC,IAAI,CAAC,MAAM,EAC1B,OAAO,EAAE,aAAa,EACtB,SAAS,EAAC,sCAAsC,YAE/C,MAAM,CAAC,IAAI,CAAC,IAAI,GACV,CACV,CAAC;AAEF,MAAM,kBAAkB,GAAG,CAAC,EAAE,cAAc,EAAE,cAAc,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAC1E,gCAAK,SAAS,EAAC,MAAM,YACnB,8BACE,OAAO,EAAE,cAAc,EACvB,SAAS,EAAE,wCACT,cAAc,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,mBACrC,EAAE,YAED,CAAC,OAAO,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,QAAQ,GACxC,GACA,CACP,CAAC"}
+{"version":3,"file":"TableColumn.js","sourceRoot":"","sources":["../../../src/components/ComparisonTable/TableColumn.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAGxC,uDAAoD;AACpD,2CAAuC;AACvC,6CAA0C;AAC1C,2CAAwC;AAW3B,QAAA,WAAW,GAAG,IAAA,aAAG,EAC5B,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,gBAAgB,GAAG,CAAC,EAAE,cAAc,EAAE,OAAO,EAAE,cAAc,EAAE,EAAE,EAAE;IACxF,MAAM,cAAc,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC;IAC3F,MAAM,iBAAiB,GAAG,cAAc,CAAC,CAAC,CAAC,oBAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;IACzD,MAAM,aAAa,GAAkB,cAAc,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC;IAC9E,OAAO,CACL,iCACE,SAAS,EAAE,mDAAmD,iBAAiB,EAAE,EACjF,IAAI,EAAC,KAAK,aAEV,uBAAC,uBAAU,OAAK,MAAM,EAAE,cAAc,EAAE,cAAc,GAAI,EACzD,cAAc,EAAE,MAAM;gBACrB,CAAC,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,CAC7C,uBAAC,qBAAS,IAER,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,cAAc,IAHzB,MAAM,CAAC,CAAC,CAAC,CAId,CACH,CAAC;gBACJ,CAAC,CAAC,IAAI,EAEP,OAAO,IAAI,YAAY,CAAC,EAAE,MAAM,EAAE,aAAa,EAAE,CAAC,EAClD,kBAAkB,CAAC,EAAE,cAAc,EAAE,cAAc,EAAE,OAAO,EAAE,CAAC,IAC5D,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,YAAY,GAAG,CAAC,EAAE,MAAM,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,CAClD,uBAAC,eAAM,IACL,IAAI,EAAE,MAAM,CAAC,IAAI,CAAC,IAAI,EACtB,MAAM,EAAE,MAAM,CAAC,IAAI,CAAC,MAAM,EAC1B,OAAO,EAAE,aAAa,EACtB,SAAS,EAAC,sCAAsC,YAE/C,MAAM,CAAC,IAAI,CAAC,IAAI,GACV,CACV,CAAC;AAEF,MAAM,kBAAkB,GAAG,CAAC,EAAE,cAAc,EAAE,cAAc,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAC1E,gCAAK,SAAS,EAAC,MAAM,EAAC,IAAI,EAAC,MAAM,YAC/B,8BACE,IAAI,EAAC,MAAM,EACX,OAAO,EAAE,cAAc,EACvB,SAAS,EAAE,wCACT,cAAc,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,mBACrC,EAAE,YAED,CAAC,OAAO,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,QAAQ,GACxC,GACA,CACP,CAAC"}

package/dist/components/ContentPage/ContentPageContext.d.ts

@@ -15,7 +15,7 @@ export interface Search {
     term: string;
     setTerm: (t: string) => void;
 }
-export declare type AsyncDataHook = <Data, Error = any>(key: string, fetcher: () => Promise<Data>) => {
+export declare type AsyncDataHook = <Data, Error = any>(key: string, fetcher: (key: string) => Promise<Data>) => {
     data?: Data;
     error?: Error;
 };

package/dist/components/CreditCalculator/CreditCalculator.d.ts

@@ -1,5 +1,5 @@
 import { UniBlockProps } from '../../types';
-import { CreditCalculatorContent } from './CreditCalculatorContent';
+import type { CreditCalculatorContent } from './CreditCalculatorContent';
 export interface CreditCalculatorProps extends CreditCalculatorContent, UniBlockProps {
 }
 export declare const CreditCalculator: (props: import("@redneckz/uni-jsx").PropsWithChildren<CreditCalculatorProps, any>, context?: any) => any;

package/dist/components/CreditCalculator/CreditCalculator.js

@@ -2,56 +2,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.CreditCalculator = void 0;
 const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
 const uni_jsx_1 = require("@redneckz/uni-jsx");
-const useCreditCalculatorData_1 = require("../../hooks/useCreditCalculatorData");
-const Button_1 = require("../../ui-kit/Button/Button");
-const Checkbox_1 = require("../../ui-kit/Checkbox/Checkbox");
-const InputRange_1 = require("../../ui-kit/InputRange/InputRange");
-const addSpacesBetweenNumbers_1 = require("../../utils/addSpacesBetweenNumbers");
-const clamp_1 = require("../../utils/clamp");
-const constants_1 = require("./constants");
-const getCalculatorParams_1 = require("./getCalculatorParams");
-const getCreditRate_1 = require("./getCreditRate");
-const getCreditTermYears_1 = require("./getCreditTermYears");
-const getMonthlyPayment_1 = require("./getMonthlyPayment");
-const STEP_MONEY = 1000;
-const STEP_MONTHS = 1;
-const DEFAULT_PAYMENT_TYPE = 'annuity';
-const borderStyle = 'border-solid border-[3px] border-primary-main rounded-md';
-exports.CreditCalculator = (0, uni_jsx_1.JSX)(({ context, className, directoryName }) => {
-    const [moneyValue, setMoneyValue] = context.useState(undefined);
-    const [monthsValue, setMonthsValue] = context.useState(undefined);
-    const [isAnnuityChecked, setIsAnnuityChecked] = context.useState(true);
-    const [isInsuranceChecked, setIsInsuranceChecked] = context.useState(true);
-    const tableRows = (0, useCreditCalculatorData_1.useCreditCalculatorData)(context.useAsyncData, directoryName).rows;
-    const calculatorParams = (0, getCalculatorParams_1.getCalculatorParams)({ tableRows, isAnnuity: isAnnuityChecked });
-    const defaultSum = calculatorParams.maxSum && calculatorParams.minSum
-        ? (calculatorParams.maxSum - calculatorParams.minSum) / 2
-        : constants_1.DEFAULT_SUM;
-    const defaultMonths = calculatorParams.maxMonths && calculatorParams.minMonths
-        ? Math.round((calculatorParams.maxMonths - calculatorParams.minMonths) / 2)
-        : constants_1.DEFAULT_MONTHS;
-    const minSum = calculatorParams?.minSum || constants_1.DEFAULT_MIN_SUM;
-    const maxSum = calculatorParams?.maxSum || constants_1.DEFAULT_MAX_SUM;
-    const minMonths = calculatorParams?.minMonths || constants_1.DEFAULT_MIN_MONTHS;
-    const maxMonths = calculatorParams?.maxMonths || constants_1.DEFAULT_MAX_MONTHS;
-    const rate = (0, getCreditRate_1.getCreditRate)({ calculatorParams, isInsurance: isInsuranceChecked });
-    const montlyPayment = (0, getMonthlyPayment_1.getMonthlyPayment)({
-        calculatorParams,
-        paymentType: DEFAULT_PAYMENT_TYPE,
-        rate,
-        sum: moneyValue || defaultSum,
-        months: monthsValue || defaultMonths,
-    });
-    const creditTermYears = (0, getCreditTermYears_1.getCreditTermYears)(minMonths, maxMonths);
-    function handleButtonClick(value) {
-        setMonthsValue((0, clamp_1.clamp)(value * constants_1.MONTHS_IN_YEAR, minMonths, maxMonths));
-    }
-    return ((0, jsx_runtime_1.jsx)("section", { className: `font-sans text-primary-text p-10 bg-white ${className || ''}`, children: (0, jsx_runtime_1.jsxs)("div", { className: `box-border p-[49px] pr-[56px] mx-auto w-max ${borderStyle}`, children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between ", children: [(0, jsx_runtime_1.jsxs)("div", { className: "mr-[42px]", children: [(0, jsx_runtime_1.jsx)(InputRange_1.InputRange, { title: "\u0416\u0435\u043B\u0430\u0435\u043C\u0430\u044F \u0441\u0443\u043C\u043C\u0430 \u043A\u0440\u0435\u0434\u0438\u0442\u0430, \u20BD", items: [
-                                        `От ${(0, addSpacesBetweenNumbers_1.addSpacesBetweenNumbers)(minSum)} рублей`,
-                                        `До ${(0, addSpacesBetweenNumbers_1.addSpacesBetweenNumbers)(maxSum)} рублей`,
-                                    ], min: minSum, max: maxSum, step: STEP_MONEY, value: moneyValue || defaultSum, onChange: setMoneyValue }), (0, jsx_runtime_1.jsx)(InputRange_1.InputRange, { className: "mt-[23px]", title: "\u0421\u0440\u043E\u043A \u043A\u0440\u0435\u0434\u0438\u0442\u0430, \u043C\u0435\u0441\u044F\u0446\u0435\u0432", items: ['Или выберите из предложенных вариантов ниже'], min: minMonths, max: maxMonths, step: STEP_MONTHS, value: monthsValue || defaultMonths, onChange: setMonthsValue }), (0, jsx_runtime_1.jsx)("div", { className: "flex mb-7", children: creditTermYears.map((number, i) => renderButton(number, i, handleButtonClick)) }), (0, jsx_runtime_1.jsx)(Checkbox_1.Checkbox, { text: "\u041F\u043E\u043B\u0443\u0447\u0430\u044E \u043F\u0435\u043D\u0441\u0438\u044E \u043D\u0430 \u043A\u0430\u0440\u0442\u0443 \u0420\u043E\u0441\u0441\u0435\u043B\u044C\u0445\u043E\u0437\u0431\u0430\u043D\u043A\u0430", checked: isAnnuityChecked, onChange: setIsAnnuityChecked }), (0, jsx_runtime_1.jsx)(Checkbox_1.Checkbox, { className: "mt-3 mb-7", text: "\u041A\u043E\u043C\u043F\u043B\u0435\u043A\u0441\u043D\u0430\u044F \u0441\u0442\u0440\u0430\u0445\u043E\u0432\u0430\u044F \u0437\u0430\u0449\u0438\u0442\u0430", checked: isInsuranceChecked, onChange: setIsInsuranceChecked })] }), (0, jsx_runtime_1.jsxs)("div", { className: "box-border h-fit p-9 bg-primary-main rounded-md text-white", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-base mb-[18px]", children: "\u041D\u0430\u0448\u0435 \u043F\u0440\u0435\u0434\u043B\u043E\u0436\u0435\u043D\u0438\u0435" }), (0, jsx_runtime_1.jsx)("div", { className: "text-sm opacity-60", children: "\u0415\u0436\u0435\u043C\u0435\u0441\u044F\u0447\u043D\u044B\u0439 \u043F\u043B\u0430\u0442\u0451\u0436" }), (0, jsx_runtime_1.jsxs)("div", { className: "text-lg mb-3", children: [(0, addSpacesBetweenNumbers_1.addSpacesBetweenNumbers)(Math.round(montlyPayment)), " \u20BD"] }), (0, jsx_runtime_1.jsx)("div", { className: "text-sm opacity-60", children: "\u0421\u0442\u0430\u0432\u043A\u0430" }), (0, jsx_runtime_1.jsxs)("div", { className: "text-lg", children: [rate, " %"] })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center", children: [(0, jsx_runtime_1.jsx)(Button_1.Button, { className: "mr-3", text: "\u041E\u0442\u043F\u0440\u0430\u0432\u0438\u0442\u044C \u0437\u0430\u044F\u0432\u043A\u0443", version: "primary", href: "#" }), (0, jsx_runtime_1.jsx)("div", { className: "w-80 text-2xs leading-4 text-secondary-text", "aria-label": "\u0421\u043E\u0433\u043B\u0430\u0448\u0435\u043D\u0438\u0435 \u043D\u0430 \u043E\u0431\u0440\u0430\u0431\u043E\u0442\u043A\u0443 \u043F\u0435\u0440\u0441\u043E\u043D\u0430\u043B\u044C\u043D\u044B\u0445 \u0434\u0430\u043D\u043D\u044B\u0445", children: "\u041E\u0442\u043F\u0440\u0430\u0432\u043B\u044F\u044F \u0437\u0430\u044F\u0432\u043A\u0443, \u0432\u044B \u0441\u043E\u0433\u043B\u0430\u0448\u0430\u0435\u0442\u0435\u0441\u044C \u043D\u0430 \u043E\u0431\u0440\u0430\u0431\u043E\u0442\u043A\u0443 \u043F\u0435\u0440\u0441\u043E\u043D\u0430\u043B\u044C\u043D\u044B\u0445 \u0434\u0430\u043D\u043D\u044B\u0445 \u0441\u043E\u043E\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043D\u043D\u043E \u0442\u0440\u0435\u0431\u043E\u0432\u0430\u043D\u0438\u044F\u043C \u0424\u0417 \u00AB\u041E \u043F\u0435\u0440\u0441\u043E\u043D\u0430\u043B\u044C\u043D\u044B\u0445 \u0434\u0430\u043D\u043D\u044B\u0445\u00BB" })] })] }) }));
+const Heading_1 = require("../../ui-kit/Heading/Heading");
+const Tabs_1 = require("../../ui-kit/Tabs/Tabs");
+const getTileHeadingType_1 = require("../BaseTile/getTileHeadingType");
+const CreditCalculatorForm_1 = require("./CreditCalculatorForm");
+const defaultTabs_1 = require("./defaultTabs");
+exports.CreditCalculator = (0, uni_jsx_1.JSX)(({ className = '', context, tabs = defaultTabs_1.DEFAULT_TABS }) => {
+    const [currentTabIndex, setCurrentTabIndex] = context.useState(0);
+    return ((0, jsx_runtime_1.jsxs)("section", { className: `font-sans text-primary-text py-10 bg-white ${className}`, children: [(0, jsx_runtime_1.jsx)(Heading_1.Heading, { className: "w-full text-center mb-8", headingType: (0, getTileHeadingType_1.getTileHeadingType)(className), title: "\u041A\u0430\u043B\u044C\u043A\u0443\u043B\u044F\u0442\u043E\u0440" }), (0, jsx_runtime_1.jsx)(Tabs_1.Tabs, { tabs: tabs, currentTabIndex: currentTabIndex, onTabClick: setCurrentTabIndex }), (0, jsx_runtime_1.jsx)(CreditCalculatorForm_1.CreditCalculatorForm, { context: context, directoryName: tabs[currentTabIndex]?.directoryName })] }));
 });
-function renderButton(number, i, handleClick) {
-    return ((0, jsx_runtime_1.jsx)("button", { className: "bg-secondary-light rounded-3xl h-10 w-[75px] box-border mr-2 flex items-center justify-center cursor-pointer border-none", onClick: () => handleClick(number), children: (0, jsx_runtime_1.jsxs)("span", { className: "font-semibold text-sm", children: [number, " ", number === 1 ? 'год' : number > 4 ? 'лет' : 'года'] }) }, String(i)));
-}
 //# sourceMappingURL=CreditCalculator.js.map

package/dist/components/CreditCalculator/CreditCalculator.js.map

@@ -1 +1 @@
-{"version":3,"file":"CreditCalculator.js","sourceRoot":"","sources":["../../../src/components/CreditCalculator/CreditCalculator.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"CreditCalculator.js","sourceRoot":"","sources":["../../../src/components/CreditCalculator/CreditCalculator.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAExC,0DAAuD;AACvD,iDAA8C;AAC9C,uEAAoE;AAEpE,iEAA8D;AAC9D,+CAA6C;AAIhC,QAAA,gBAAgB,GAAG,IAAA,aAAG,EACjC,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,OAAO,EAAE,IAAI,GAAG,0BAAY,EAAE,EAAE,EAAE;IACnD,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAElE,OAAO,CACL,qCAAS,SAAS,EAAE,8CAA8C,SAAS,EAAE,aAC3E,uBAAC,iBAAO,IACN,SAAS,EAAC,yBAAyB,EACnC,WAAW,EAAE,IAAA,uCAAkB,EAAC,SAAS,CAAC,EAC1C,KAAK,EAAC,oEAAa,GACnB,EACF,uBAAC,WAAI,IAAC,IAAI,EAAE,IAAI,EAAE,eAAe,EAAE,eAAe,EAAE,UAAU,EAAE,kBAAkB,GAAI,EACtF,uBAAC,2CAAoB,IACnB,OAAO,EAAE,OAAO,EAChB,aAAa,EAAE,IAAI,CAAC,eAAe,CAAC,EAAE,aAAa,GACnD,IACM,CACX,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/components/CreditCalculator/CreditCalculatorContent.d.ts

@@ -1,3 +1,4 @@
+import type { Tab } from '../../ui-kit/Tabs/TabsProps';
 export interface CalculatorParams {
     isAnnuity?: boolean;
     minSum?: number;
@@ -11,9 +12,16 @@ export interface CreditCalculatorData {
     rows?: CalculatorParams[];
 }
 /**
- * @title Кредитный калькулятор
+ * @title Вкладка
  */
-export interface CreditCalculatorContent {
+export interface CreditCalculatorTab extends Tab {
     /** @title Справочник */
     directoryName?: string;
 }
+/**
+ * @title Кредитный калькулятор
+ */
+export interface CreditCalculatorContent {
+    /** @title Вкладки */
+    tabs?: CreditCalculatorTab[];
+}

package/dist/components/CreditCalculator/CreditCalculatorForm.d.ts

@@ -0,0 +1,5 @@
+import type { UniBlockProps } from '../../types';
+export interface CreditCalculatorFormProps extends UniBlockProps {
+    directoryName?: string;
+}
+export declare const CreditCalculatorForm: (props: import("@redneckz/uni-jsx").PropsWithChildren<CreditCalculatorFormProps, any>, context?: any) => any;

package/dist/components/CreditCalculator/CreditCalculatorForm.js

@@ -0,0 +1,53 @@
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CreditCalculatorForm = void 0;
+const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
+const uni_jsx_1 = require("@redneckz/uni-jsx");
+const useCreditCalculatorData_1 = require("../../hooks/useCreditCalculatorData");
+const Checkbox_1 = require("../../ui-kit/Checkbox/Checkbox");
+const clamp_1 = require("../../utils/clamp");
+const constants_1 = require("./constants");
+const getCalculatorParams_1 = require("./getCalculatorParams");
+const getCreditRate_1 = require("./getCreditRate");
+const getCreditTermYears_1 = require("./getCreditTermYears");
+const getDefaultMonths_1 = require("./getDefaultMonths");
+const getDefaultSum_1 = require("./getDefaultSum");
+const getMonthlyPayment_1 = require("./getMonthlyPayment");
+const renderButton_1 = require("./renderButton");
+const renderMonthsInput_1 = require("./renderMonthsInput");
+const renderProposal_1 = require("./renderProposal");
+const renderTermsButton_1 = require("./renderTermsButton");
+const renderWantedSumInput_1 = require("./renderWantedSumInput");
+const DEFAULT_PAYMENT_TYPE = 'annuity';
+const BORDER_STYLE = 'border-solid border-[3px] border-primary-main rounded-md';
+exports.CreditCalculatorForm = (0, uni_jsx_1.JSX)(({ context, directoryName }) => {
+    const [moneyValue, setMoneyValue] = context.useState(undefined);
+    const [monthsValue, setMonthsValue] = context.useState(undefined);
+    const [isAnnuityChecked, setIsAnnuityChecked] = context.useState(true);
+    const [isInsuranceChecked, setIsInsuranceChecked] = context.useState(true);
+    const tableRows = (0, useCreditCalculatorData_1.useCreditCalculatorData)(context.useAsyncData, directoryName).rows;
+    const calculatorParams = (0, getCalculatorParams_1.getCalculatorParams)({ tableRows, isAnnuity: isAnnuityChecked });
+    const defaultSum = (0, getDefaultSum_1.getDefaultSum)(calculatorParams);
+    const defaultMonths = (0, getDefaultMonths_1.getDefaultMonths)(calculatorParams);
+    const minMonths = calculatorParams?.minMonths || constants_1.DEFAULT_MIN_MONTHS;
+    const maxMonths = calculatorParams?.maxMonths || constants_1.DEFAULT_MAX_MONTHS;
+    const rate = (0, getCreditRate_1.getCreditRate)({ calculatorParams, isInsurance: isInsuranceChecked });
+    const monthlyPayment = (0, getMonthlyPayment_1.getMonthlyPayment)({
+        calculatorParams,
+        paymentType: DEFAULT_PAYMENT_TYPE,
+        rate,
+        sum: moneyValue || defaultSum,
+        months: monthsValue || defaultMonths,
+    });
+    const creditTermYears = (0, getCreditTermYears_1.getCreditTermYears)(minMonths, maxMonths);
+    function handleButtonClick(value) {
+        setMonthsValue((0, clamp_1.clamp)(value * constants_1.MONTHS_IN_YEAR, minMonths, maxMonths));
+    }
+    return ((0, jsx_runtime_1.jsx)("section", { className: "mt-7", children: (0, jsx_runtime_1.jsxs)("div", { className: `box-border p-[49px] pr-[56px] mx-auto w-max ${BORDER_STYLE}`, children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between", children: [(0, jsx_runtime_1.jsxs)("div", { className: "mr-[42px]", children: [(0, renderWantedSumInput_1.renderWantedSumInput)({ calculatorParams, moneyValue, defaultSum, setMoneyValue }), (0, renderMonthsInput_1.renderMonthsInput)({
+                                    minMonths,
+                                    maxMonths,
+                                    monthsValue,
+                                    defaultMonths,
+                                    setMonthsValue,
+                                }), (0, jsx_runtime_1.jsx)("div", { className: "flex mb-7", children: creditTermYears.map((number, i) => (0, renderButton_1.renderButton)(number, i, handleButtonClick)) }), (0, jsx_runtime_1.jsx)(Checkbox_1.Checkbox, { text: "\u041F\u043E\u043B\u0443\u0447\u0430\u044E \u043F\u0435\u043D\u0441\u0438\u044E \u043D\u0430 \u043A\u0430\u0440\u0442\u0443 \u0420\u043E\u0441\u0441\u0435\u043B\u044C\u0445\u043E\u0437\u0431\u0430\u043D\u043A\u0430", checked: isAnnuityChecked, onChange: setIsAnnuityChecked }), (0, jsx_runtime_1.jsx)(Checkbox_1.Checkbox, { className: "mt-3 mb-7", text: "\u041A\u043E\u043C\u043F\u043B\u0435\u043A\u0441\u043D\u0430\u044F \u0441\u0442\u0440\u0430\u0445\u043E\u0432\u0430\u044F \u0437\u0430\u0449\u0438\u0442\u0430", checked: isInsuranceChecked, onChange: setIsInsuranceChecked })] }), (0, renderProposal_1.renderProposal)(monthlyPayment, rate)] }), (0, renderTermsButton_1.renderTermsButton)()] }) }));
+});
+//# sourceMappingURL=CreditCalculatorForm.js.map

package/dist/components/CreditCalculator/CreditCalculatorForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreditCalculatorForm.js","sourceRoot":"","sources":["../../../src/components/CreditCalculator/CreditCalculatorForm.tsx"],"names":[],"mappings":"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"}

package/dist/components/CreditCalculator/defaultTabs.d.ts

@@ -0,0 +1,2 @@
+import type { CreditCalculatorTab } from './CreditCalculatorContent';
+export declare const DEFAULT_TABS: CreditCalculatorTab[];

package/dist/components/CreditCalculator/defaultTabs.js

@@ -0,0 +1,23 @@
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DEFAULT_TABS = void 0;
+exports.DEFAULT_TABS = [
+    {
+        title: 'Кредит',
+        description: 'Ставка от 6% до 7 лет',
+        directoryName: 'credit-calculator-data',
+        icon: 'CardIcon',
+    },
+    {
+        title: 'Кредит',
+        description: 'Ставка от 4% до 7 лет',
+        directoryName: 'credit-calculator-data1',
+        icon: 'ChartSquareIcon',
+    },
+    {
+        title: 'Кредит',
+        description: 'Ставка от 3% до 6 лет',
+        directoryName: 'credit-calculator-data2',
+        icon: 'DiscountShapeIcon',
+    },
+];
+//# sourceMappingURL=defaultTabs.js.map

package/dist/components/CreditCalculator/defaultTabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultTabs.js","sourceRoot":"","sources":["../../../src/components/CreditCalculator/defaultTabs.ts"],"names":[],"mappings":";;AAEa,QAAA,YAAY,GAA0B;IACjD;QACE,KAAK,EAAE,QAAQ;QACf,WAAW,EAAE,uBAAuB;QACpC,aAAa,EAAE,wBAAwB;QACvC,IAAI,EAAE,UAAU;KACjB;IACD;QACE,KAAK,EAAE,QAAQ;QACf,WAAW,EAAE,uBAAuB;QACpC,aAAa,EAAE,yBAAyB;QACxC,IAAI,EAAE,iBAAiB;KACxB;IACD;QACE,KAAK,EAAE,QAAQ;QACf,WAAW,EAAE,uBAAuB;QACpC,aAAa,EAAE,yBAAyB;QACxC,IAAI,EAAE,mBAAmB;KAC1B;CACF,CAAC"}

package/dist/components/CreditCalculator/getCalculatorParams.d.ts

@@ -1,4 +1,4 @@
-import { CalculatorParams } from './CreditCalculatorContent';
+import type { CalculatorParams } from './CreditCalculatorContent';
 interface GetCalculatorParamsParams {
     tableRows?: CalculatorParams[];
     isAnnuity?: boolean;

package/dist/components/CreditCalculator/getCreditRate.d.ts

@@ -1,4 +1,4 @@
-import { CalculatorParams } from './CreditCalculatorContent';
+import type { CalculatorParams } from './CreditCalculatorContent';
 interface GetCreditRateParams {
     calculatorParams?: CalculatorParams;
     isInsurance: boolean;

package/dist/components/CreditCalculator/getDefaultMonths.d.ts

@@ -0,0 +1,2 @@
+import type { CalculatorParams } from './CreditCalculatorContent';
+export declare const getDefaultMonths: (calculatorParams: CalculatorParams) => number;

package/dist/components/CreditCalculator/getDefaultMonths.js

@@ -0,0 +1,8 @@
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getDefaultMonths = void 0;
+const constants_1 = require("./constants");
+const getDefaultMonths = (calculatorParams) => calculatorParams.maxMonths && calculatorParams.minMonths
+    ? Math.round((calculatorParams.maxMonths - calculatorParams.minMonths) / 2)
+    : constants_1.DEFAULT_MONTHS;
+exports.getDefaultMonths = getDefaultMonths;
+//# sourceMappingURL=getDefaultMonths.js.map

package/dist/components/CreditCalculator/getDefaultMonths.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getDefaultMonths.js","sourceRoot":"","sources":["../../../src/components/CreditCalculator/getDefaultMonths.ts"],"names":[],"mappings":";;AAAA,2CAA6C;AAGtC,MAAM,gBAAgB,GAAG,CAAC,gBAAkC,EAAE,EAAE,CACrE,gBAAgB,CAAC,SAAS,IAAI,gBAAgB,CAAC,SAAS;IACtD,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,gBAAgB,CAAC,SAAS,GAAG,gBAAgB,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;IAC3E,CAAC,CAAC,0BAAc,CAAC;AAHR,QAAA,gBAAgB,oBAGR"}

package/dist/components/CreditCalculator/getDefaultSum.d.ts

@@ -0,0 +1,2 @@
+import type { CalculatorParams } from './CreditCalculatorContent';
+export declare const getDefaultSum: (calculatorParams: CalculatorParams) => number;

package/dist/components/CreditCalculator/getDefaultSum.js

@@ -0,0 +1,8 @@
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getDefaultSum = void 0;
+const constants_1 = require("./constants");
+const getDefaultSum = (calculatorParams) => calculatorParams.maxSum && calculatorParams.minSum
+    ? (calculatorParams.maxSum - calculatorParams.minSum) / 2
+    : constants_1.DEFAULT_SUM;
+exports.getDefaultSum = getDefaultSum;
+//# sourceMappingURL=getDefaultSum.js.map

package/dist/components/CreditCalculator/getDefaultSum.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getDefaultSum.js","sourceRoot":"","sources":["../../../src/components/CreditCalculator/getDefaultSum.ts"],"names":[],"mappings":";;AAAA,2CAA0C;AAGnC,MAAM,aAAa,GAAG,CAAC,gBAAkC,EAAE,EAAE,CAClE,gBAAgB,CAAC,MAAM,IAAI,gBAAgB,CAAC,MAAM;IAChD,CAAC,CAAC,CAAC,gBAAgB,CAAC,MAAM,GAAG,gBAAgB,CAAC,MAAM,CAAC,GAAG,CAAC;IACzD,CAAC,CAAC,uBAAW,CAAC;AAHL,QAAA,aAAa,iBAGR"}

package/dist/components/CreditCalculator/getMonthlyPayment.d.ts

@@ -1,4 +1,4 @@
-import { CalculatorParams } from './CreditCalculatorContent';
+import type { CalculatorParams } from './CreditCalculatorContent';
 declare type PaymentType = 'annuity' | 'differentiated';
 interface GetMonthlyPaymentParams {
     calculatorParams?: CalculatorParams;

package/dist/components/CreditCalculator/renderButton.d.ts

@@ -0,0 +1 @@
+export declare function renderButton(number: number, i: number, handleClick: (number: number) => void): any;