@redneckz/wildless-cms-uni-blocks 0.2.88 → 0.2.92
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 +63 -26
- package/bundle/bundle.umd.min.js +1 -1
- package/dist/components/BaseTile/BaseTile.js +1 -3
- package/dist/components/BaseTile/BaseTile.js.map +1 -1
- package/dist/components/BlockContent.d.ts +2 -1
- package/dist/components/Blocks.d.ts +1 -0
- package/dist/components/Blocks.js +2 -0
- package/dist/components/Blocks.js.map +1 -1
- package/dist/components/ComparisonTable/ComparisonTable.js +3 -6
- package/dist/components/ComparisonTable/ComparisonTable.js.map +1 -1
- package/dist/components/ComparisonTable/ComparisonTableContent.d.ts +0 -20
- package/dist/components/ComparisonTable/TableCarouselContainer.d.ts +3 -0
- package/dist/components/ComparisonTable/TableCarouselContainer.js +5 -2
- package/dist/components/ComparisonTable/TableCarouselContainer.js.map +1 -1
- package/dist/components/ComparisonTable/TableRow.js +1 -1
- package/dist/components/ComparisonTable/TableRow.js.map +1 -1
- package/dist/components/MobileAppTile/MobileAppTileContent.d.ts +1 -3
- package/dist/components/PictureText/PictureText.js +1 -1
- package/dist/components/PictureText/PictureText.js.map +1 -1
- package/dist/components/PictureText/PictureTextContent.d.ts +1 -1
- package/dist/components/TariffsTable/TariffsTable.d.ts +5 -0
- package/dist/components/TariffsTable/TariffsTable.js +20 -0
- package/dist/components/TariffsTable/TariffsTable.js.map +1 -0
- package/dist/components/TariffsTable/TariffsTableCell.d.ts +6 -0
- package/dist/components/TariffsTable/TariffsTableCell.js +18 -0
- package/dist/components/TariffsTable/TariffsTableCell.js.map +1 -0
- package/dist/components/TariffsTable/TariffsTableContent.d.ts +55 -0
- package/dist/components/TariffsTable/TariffsTableContent.js +2 -0
- package/dist/components/TariffsTable/TariffsTableContent.js.map +1 -0
- package/dist/components/TariffsTable/TariffsTableRow.d.ts +8 -0
- package/dist/components/TariffsTable/TariffsTableRow.js +13 -0
- package/dist/components/TariffsTable/TariffsTableRow.js.map +1 -0
- package/dist/components/TariffsTable/constants.d.ts +4 -0
- package/dist/components/TariffsTable/constants.js +7 -0
- package/dist/components/TariffsTable/constants.js.map +1 -0
- package/dist/components/TextBlock/TextBlock.d.ts +1 -1
- package/dist/components/TextBlock/TextBlock.js +1 -1
- package/dist/components/TextBlock/TextBlock.js.map +1 -1
- package/dist/hooks/useComparisonTableScroll.d.ts +7 -0
- package/dist/hooks/useComparisonTableScroll.js +12 -0
- package/dist/hooks/useComparisonTableScroll.js.map +1 -0
- package/dist/model/TableVersion.d.ts +1 -0
- package/dist/model/TableVersion.js +2 -0
- package/dist/model/TableVersion.js.map +1 -0
- package/dist/ui-kit/BlockItem/BlockItem.d.ts +1 -9
- package/dist/ui-kit/BlockItem/BlockItem.js +5 -5
- package/dist/ui-kit/BlockItem/BlockItem.js.map +1 -1
- package/dist/ui-kit/BlockItem/BlockItemProps.d.ts +20 -0
- package/dist/ui-kit/BlockItem/BlockItemProps.js +2 -0
- package/dist/ui-kit/BlockItem/BlockItemProps.js.map +1 -0
- package/dist/ui-kit/Button/ButtonProps.d.ts +2 -1
- package/dist/ui-kit/Icon/IconProps.d.ts +58 -26
- package/dist/ui-kit/Icon/IconProps.js +39 -23
- package/dist/ui-kit/Icon/IconProps.js.map +1 -1
- package/lib/common.css +1 -1
- package/lib/components/BaseTile/BaseTile.js +1 -3
- package/lib/components/BaseTile/BaseTile.js.map +1 -1
- package/lib/components/BlockContent.d.ts +2 -1
- package/lib/components/Blocks.d.ts +1 -0
- package/lib/components/Blocks.js +2 -0
- package/lib/components/Blocks.js.map +1 -1
- package/lib/components/ComparisonTable/ComparisonTable.js +4 -7
- package/lib/components/ComparisonTable/ComparisonTable.js.map +1 -1
- package/lib/components/ComparisonTable/ComparisonTableContent.d.ts +0 -20
- package/lib/components/ComparisonTable/TableCarouselContainer.d.ts +3 -0
- package/lib/components/ComparisonTable/TableCarouselContainer.js +5 -2
- package/lib/components/ComparisonTable/TableCarouselContainer.js.map +1 -1
- package/lib/components/ComparisonTable/TableRow.js +2 -2
- package/lib/components/ComparisonTable/TableRow.js.map +1 -1
- package/lib/components/MobileAppTile/MobileAppTileContent.d.ts +1 -3
- package/lib/components/PictureText/PictureText.js +1 -1
- package/lib/components/PictureText/PictureText.js.map +1 -1
- package/lib/components/PictureText/PictureTextContent.d.ts +1 -1
- package/lib/components/TariffsTable/TariffsTable.d.ts +5 -0
- package/lib/components/TariffsTable/TariffsTable.fixture.d.ts +7 -0
- package/lib/components/TariffsTable/TariffsTable.js +18 -0
- package/lib/components/TariffsTable/TariffsTable.js.map +1 -0
- package/lib/components/TariffsTable/TariffsTableCell.d.ts +6 -0
- package/lib/components/TariffsTable/TariffsTableCell.js +16 -0
- package/lib/components/TariffsTable/TariffsTableCell.js.map +1 -0
- package/lib/components/TariffsTable/TariffsTableContent.d.ts +55 -0
- package/lib/components/TariffsTable/TariffsTableContent.js +2 -0
- package/lib/components/TariffsTable/TariffsTableContent.js.map +1 -0
- package/lib/components/TariffsTable/TariffsTableRow.d.ts +8 -0
- package/lib/components/TariffsTable/TariffsTableRow.js +11 -0
- package/lib/components/TariffsTable/TariffsTableRow.js.map +1 -0
- package/lib/components/TariffsTable/constants.d.ts +4 -0
- package/lib/components/TariffsTable/constants.js +5 -0
- package/lib/components/TariffsTable/constants.js.map +1 -0
- package/lib/components/TextBlock/TextBlock.d.ts +1 -1
- package/lib/components/TextBlock/TextBlock.js +1 -1
- package/lib/components/TextBlock/TextBlock.js.map +1 -1
- package/lib/hooks/useComparisonTableScroll.d.ts +7 -0
- package/lib/hooks/useComparisonTableScroll.js +9 -0
- package/lib/hooks/useComparisonTableScroll.js.map +1 -0
- package/lib/model/TableVersion.d.ts +1 -0
- package/lib/model/TableVersion.js +2 -0
- package/lib/model/TableVersion.js.map +1 -0
- package/lib/ui-kit/BlockItem/BlockItem.d.ts +1 -9
- package/lib/ui-kit/BlockItem/BlockItem.fixture.d.ts +6 -1
- package/lib/ui-kit/BlockItem/BlockItem.js +5 -5
- package/lib/ui-kit/BlockItem/BlockItem.js.map +1 -1
- package/lib/ui-kit/BlockItem/BlockItemProps.d.ts +20 -0
- package/lib/ui-kit/BlockItem/BlockItemProps.js +2 -0
- package/lib/ui-kit/BlockItem/BlockItemProps.js.map +1 -0
- package/lib/ui-kit/Button/ButtonProps.d.ts +2 -1
- package/lib/ui-kit/Icon/IconProps.d.ts +58 -26
- package/lib/ui-kit/Icon/IconProps.js +39 -23
- package/lib/ui-kit/Icon/IconProps.js.map +1 -1
- package/package.json +1 -1
- package/src/Icons/CalendarCircleIcon.svg +14 -0
- package/src/Icons/CardIcon.svg +11 -0
- package/src/Icons/CardPosIcon.svg +12 -0
- package/src/Icons/CardTickIcon.svg +13 -0
- package/src/Icons/EmptyWalletChangeIcon.svg +21 -0
- package/src/Icons/JCBIcon.svg +42 -0
- package/src/Icons/MastercardIcon.svg +6 -0
- package/src/Icons/MinusIcon.svg +1 -0
- package/src/Icons/MirIcon.svg +13 -0
- package/src/Icons/MoneyIcon.svg +13 -0
- package/src/Icons/MonitorMobileIcon.svg +14 -0
- package/src/Icons/PlusIcon.svg +1 -0
- package/src/Icons/Profile2UserIcon.svg +14 -0
- package/src/Icons/ShieldTickIcon.svg +7 -0
- package/src/Icons/UnionPayIcon.svg +7 -0
- package/src/Icons/UserIcon.svg +11 -0
- package/src/Icons/VisaIcon.svg +7 -0
- package/src/Icons/WalletIcon.svg +19 -0
- package/src/components/BaseTile/BaseTile.tsx +5 -10
- package/src/components/BlockContent.ts +2 -0
- package/src/components/Blocks.ts +2 -0
- package/src/components/ComparisonTable/ComparisonTable.tsx +14 -11
- package/src/components/ComparisonTable/ComparisonTableContent.ts +0 -21
- package/src/components/ComparisonTable/TableCarouselContainer.tsx +11 -4
- package/src/components/ComparisonTable/TableRow.tsx +2 -2
- package/src/components/ContentPage/ContentPage.page.json +415 -0
- package/src/components/MobileAppTile/MobileAppTileContent.ts +1 -3
- package/src/components/PictureText/PictureText.tsx +3 -1
- package/src/components/PictureText/PictureTextContent.ts +1 -2
- package/src/components/TariffsTable/TariffsTable.example.json +85 -0
- package/src/components/TariffsTable/TariffsTable.fixture.tsx +192 -0
- package/src/components/TariffsTable/TariffsTable.tsx +72 -0
- package/src/components/TariffsTable/TariffsTableCell.tsx +64 -0
- package/src/components/TariffsTable/TariffsTableContent.ts +61 -0
- package/src/components/TariffsTable/TariffsTableRow.tsx +46 -0
- package/src/components/TariffsTable/constants.ts +4 -0
- package/src/components/TextBlock/TextBlock.tsx +2 -2
- package/src/hooks/useComparisonTableScroll.ts +16 -0
- package/src/model/TableVersion.ts +1 -0
- package/src/ui-kit/BlockItem/BlockItem.fixture.tsx +8 -1
- package/src/ui-kit/BlockItem/BlockItem.tsx +7 -18
- package/src/ui-kit/BlockItem/BlockItemProps.ts +22 -0
- package/src/ui-kit/Button/ButtonProps.ts +2 -1
- package/src/ui-kit/Icon/IconProps.ts +35 -3
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
2
|
+
exports.TariffsTable = void 0;
|
|
3
|
+
const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
|
|
4
|
+
const uni_jsx_1 = require("@redneckz/uni-jsx");
|
|
5
|
+
const ArrowButton_1 = require("../../ui-kit/Button/ArrowButton");
|
|
6
|
+
const Title_1 = require("../../ui-kit/Title/Title");
|
|
7
|
+
const constants_1 = require("./constants");
|
|
8
|
+
const TariffsTableRow_1 = require("./TariffsTableRow");
|
|
9
|
+
const useComparisonTableScroll_1 = require("../../hooks/useComparisonTableScroll");
|
|
10
|
+
exports.TariffsTable = (0, uni_jsx_1.JSX)(({ className, context, title, rowHeaders, columns }) => {
|
|
11
|
+
const [activeCardIndex, setActiveCardIndex] = context.useState(0);
|
|
12
|
+
const colData = columns?.map(({ data }) => data) || [];
|
|
13
|
+
const rowData = rowHeaders?.map((header, i) => ({
|
|
14
|
+
header,
|
|
15
|
+
data: colData.map((col) => col?.[i] || [{}]),
|
|
16
|
+
}));
|
|
17
|
+
const { nextClick, prevClick, isScrollAvailable, showNextButton, showPrevButton } = (0, useComparisonTableScroll_1.useComparisonTableScroll)(colData, constants_1.COLS_LENGTH_FOR_SCROLL, activeCardIndex, setActiveCardIndex);
|
|
18
|
+
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)(Title_1.Title, { className: "font-medium m-0 max-w-[47rem] text-center mb-9 mx-auto", children: title }), rowData?.length ? ((0, jsx_runtime_1.jsxs)("div", { className: "relative", children: [rowData.map((row, i, { length }) => ((0, jsx_runtime_1.jsx)(TariffsTableRow_1.TariffsTableRow, { row: row, isLastRow: i + 1 === length, activeCardIndex: activeCardIndex }, 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] }));
|
|
19
|
+
});
|
|
20
|
+
//# sourceMappingURL=TariffsTable.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TariffsTable.js","sourceRoot":"","sources":["../../../src/components/TariffsTable/TariffsTable.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,iEAA8D;AAC9D,oDAAiD;AACjD,2CAAqD;AACrD,uDAAoD;AAGpD,mFAAgF;AAInE,QAAA,YAAY,GAAG,IAAA,aAAG,EAC7B,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,EAAE,EAAE;IACrD,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAElE,MAAM,OAAO,GAAG,OAAO,EAAE,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;IACvD,MAAM,OAAO,GAAG,UAAU,EAAE,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;QAC9C,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,CAAC;IAEJ,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,iBAAiB,EAAE,cAAc,EAAE,cAAc,EAAE,GAC/E,IAAA,mDAAwB,EACtB,OAAO,EACP,kCAAsB,EACtB,eAAe,EACf,kBAAkB,CACnB,CAAC;IAEJ,OAAO,CACL,qCACE,SAAS,EAAE,qFACT,SAAS,IAAI,EACf,EAAE,aAEF,uBAAC,aAAK,IAAC,SAAS,EAAC,wDAAwD,YAAE,KAAK,GAAS,EACxF,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,CACjB,iCAAK,SAAS,EAAC,UAAU,aACtB,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CACnC,uBAAC,iCAAe,IAEd,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,CAAC,GAAG,CAAC,KAAK,MAAM,EAC3B,eAAe,EAAE,eAAe,IAH3B,MAAM,CAAC,CAAC,CAAC,CAId,CACH,CAAC,EACD,iBAAiB,CAAC,CAAC,CAAC,CACnB,0CACE,iCAAK,SAAS,EAAC,6BAA6B,aAC1C,uBAAC,yBAAW,IACV,OAAO,EAAE,SAAS,EAClB,QAAQ,EAAE,CAAC,cAAc,EACzB,SAAS,EAAC,mGAAmB,GAC7B,EACF,uBAAC,yBAAW,IACV,SAAS,EAAC,iBAAiB,EAC3B,OAAO,EAAE,SAAS,EAClB,QAAQ,EAAE,CAAC,cAAc,EACzB,SAAS,EAAC,6FAAkB,GAC5B,IACE,GACF,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC,CAAC,CAAC,IAAI,EACP,iBAAiB,CAAC,CAAC,CAAC,CACnB,gCAAK,SAAS,EAAC,8DAA8D,GAAG,CACjF,CAAC,CAAC,CAAC,IAAI,IACA,CACX,CAAC;AACJ,CAAC,CACF,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import type { TariffsTableCellData } from './TariffsTableContent';
|
|
2
|
+
export interface TariffsTableCellProps {
|
|
3
|
+
cell: TariffsTableCellData[];
|
|
4
|
+
isLastRow: boolean;
|
|
5
|
+
}
|
|
6
|
+
export declare const TariffsTableCell: (props: import("@redneckz/uni-jsx").PropsWithChildren<TariffsTableCellProps, any>, context?: any) => any;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
2
|
+
exports.TariffsTableCell = void 0;
|
|
3
|
+
const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
|
|
4
|
+
const uni_jsx_1 = require("@redneckz/uni-jsx");
|
|
5
|
+
const constants_1 = require("./constants");
|
|
6
|
+
const BlockItem_1 = require("../../ui-kit/BlockItem/BlockItem");
|
|
7
|
+
const Img_1 = require("../../ui-kit/Img");
|
|
8
|
+
const Button_1 = require("../../ui-kit/Button/Button");
|
|
9
|
+
const Icon_1 = require("../../ui-kit/Icon/Icon");
|
|
10
|
+
exports.TariffsTableCell = (0, uni_jsx_1.JSX)(({ cell, isLastRow }) => {
|
|
11
|
+
const cellWrapperClasses = `first:pl-0 pl-10 w-80 flex-grow flex flex-col border-solid border-main-divider border border-t-0 border-x-0 ${isLastRow ? 'border-t-0 rounded-b-md' : ''}`;
|
|
12
|
+
const cellClasses = `h-full ${constants_1.DIVIDER_CLASSES}`;
|
|
13
|
+
return ((0, jsx_runtime_1.jsx)("div", { className: cellWrapperClasses, children: (0, jsx_runtime_1.jsx)("div", { className: cellClasses, children: cell.map((item, i) => renderCellInner(item, i)) }) }));
|
|
14
|
+
});
|
|
15
|
+
const renderCellInner = ({ label, description, list, image, buttons }, i) => ((0, jsx_runtime_1.jsxs)("div", { className: "first:pt-5 last:pb-5", children: [i > 0 && ((0, jsx_runtime_1.jsx)("div", { className: "border-main-divider border border-solid border-t-0 border-x-0 my-4" })), label && (0, jsx_runtime_1.jsx)("h5", { className: "text-xl font-medium m-0", children: label }), description && (0, jsx_runtime_1.jsx)("div", { className: "text-sm text-secondary-text", children: description }), list?.items?.length ? ((0, jsx_runtime_1.jsx)("div", { className: "flex flex-col justify-between items-start", children: (0, jsx_runtime_1.jsx)("div", { children: list.items.map((text, idx) => ((0, jsx_runtime_1.jsx)(BlockItem_1.BlockItem, { text: text, version: list.version ?? 'secondary', isDotted: list.isDotted ?? true }, String(idx)))) }) })) : null, image && (0, jsx_runtime_1.jsx)(Img_1.Img, { image: image }), buttons?.length
|
|
16
|
+
? buttons.map(({ icon, ...buttonProps }, idx) => ((0, jsx_runtime_1.jsx)(Button_1.Button, { className: `${idx > 0 ? 'ml-3' : ''} w-12 h-12`, appendLeft: icon && (0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: icon, width: "24px", height: "24px" }), ...buttonProps }, String(idx))))
|
|
17
|
+
: null] }));
|
|
18
|
+
//# sourceMappingURL=TariffsTableCell.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TariffsTableCell.js","sourceRoot":"","sources":["../../../src/components/TariffsTable/TariffsTableCell.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,2CAA8C;AAC9C,gEAA6D;AAC7D,0CAAuC;AACvC,uDAAoD;AAEpD,iDAA8C;AAOjC,QAAA,gBAAgB,GAAG,IAAA,aAAG,EAAwB,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,EAAE;IACjF,MAAM,kBAAkB,GAAG,+GACzB,SAAS,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,EAC1C,EAAE,CAAC;IAEH,MAAM,WAAW,GAAG,UAAU,2BAAe,EAAE,CAAC;IAEhD,OAAO,CACL,gCAAK,SAAS,EAAE,kBAAkB,YAChC,gCAAK,SAAS,EAAE,WAAW,YAAG,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,eAAe,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,GAAO,GAChF,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,eAAe,GAAG,CACtB,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAwB,EAClE,CAAS,EACT,EAAE,CAAC,CACH,iCAAK,SAAS,EAAC,sBAAsB,aAClC,CAAC,GAAG,CAAC,IAAI,CACR,gCAAK,SAAS,EAAC,oEAAoE,GAAG,CACvF,EACA,KAAK,IAAI,+BAAI,SAAS,EAAC,yBAAyB,YAAE,KAAK,GAAM,EAC7D,WAAW,IAAI,gCAAK,SAAS,EAAC,6BAA6B,YAAE,WAAW,GAAO,EAC/E,IAAI,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CACrB,gCAAK,SAAS,EAAC,2CAA2C,YACxD,0CACG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE,CAAC,CAC7B,uBAAC,qBAAS,IAER,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,IAAI,CAAC,OAAO,IAAI,WAAW,EACpC,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,IAAI,IAH1B,MAAM,CAAC,GAAG,CAAC,CAIhB,CACH,CAAC,GACE,GACF,CACP,CAAC,CAAC,CAAC,IAAI,EACP,KAAK,IAAI,uBAAC,SAAG,IAAC,KAAK,EAAE,KAAK,GAAI,EAC9B,OAAO,EAAE,MAAM;YACd,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,GAAG,WAAW,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAC7C,uBAAC,eAAM,IACL,SAAS,EAAE,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,YAAY,EAE/C,UAAU,EAAE,IAAI,IAAI,uBAAC,WAAI,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,GAAG,KAC/D,WAAW,IAFV,MAAM,CAAC,GAAG,CAAC,CAGhB,CACH,CAAC;YACJ,CAAC,CAAC,IAAI,IACJ,CACP,CAAC"}
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
import type { CellData, RowHeader } from '../ComparisonTable/ComparisonTableContent';
|
|
2
|
+
import type { IconName } from '../../ui-kit/Icon/IconProps';
|
|
3
|
+
import type { Picture } from '../../model/Picture';
|
|
4
|
+
import type { BlockItemVersion } from '../../ui-kit/BlockItem/BlockItemProps';
|
|
5
|
+
import type { BaseTileIconButton } from '../BaseTile/BaseTileProps';
|
|
6
|
+
/**
|
|
7
|
+
* @title Ряд
|
|
8
|
+
*/
|
|
9
|
+
export declare type TariffsTableRowData = {
|
|
10
|
+
header: TariffsTableRowHeader;
|
|
11
|
+
data: TariffsTableCellData[][];
|
|
12
|
+
};
|
|
13
|
+
/**
|
|
14
|
+
* @title Колонка
|
|
15
|
+
*/
|
|
16
|
+
export interface TariffsTableColumn {
|
|
17
|
+
/** @title Данные */
|
|
18
|
+
data?: TariffsTableCellData[][];
|
|
19
|
+
}
|
|
20
|
+
/**
|
|
21
|
+
* @title Список
|
|
22
|
+
*/
|
|
23
|
+
export interface TariffsTableList {
|
|
24
|
+
version?: BlockItemVersion;
|
|
25
|
+
/** @title Маркеры */
|
|
26
|
+
isDotted?: boolean;
|
|
27
|
+
/** @title Элементы списка */
|
|
28
|
+
items?: string[];
|
|
29
|
+
}
|
|
30
|
+
/**
|
|
31
|
+
* @title Ячейка
|
|
32
|
+
*/
|
|
33
|
+
export interface TariffsTableCellData extends CellData {
|
|
34
|
+
list?: TariffsTableList;
|
|
35
|
+
image?: Picture;
|
|
36
|
+
/** @title Кнопки */
|
|
37
|
+
buttons?: BaseTileIconButton[];
|
|
38
|
+
}
|
|
39
|
+
/**
|
|
40
|
+
* @title Параметр
|
|
41
|
+
*/
|
|
42
|
+
export interface TariffsTableRowHeader extends RowHeader {
|
|
43
|
+
icon?: IconName;
|
|
44
|
+
}
|
|
45
|
+
/**
|
|
46
|
+
* @title Таблица тарифов
|
|
47
|
+
*/
|
|
48
|
+
export interface TariffsTableContent {
|
|
49
|
+
/** @title Заголовок */
|
|
50
|
+
title?: string;
|
|
51
|
+
/** @title Колонки */
|
|
52
|
+
columns?: TariffsTableColumn[];
|
|
53
|
+
/** @title Параметры */
|
|
54
|
+
rowHeaders?: TariffsTableRowHeader[];
|
|
55
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TariffsTableContent.js","sourceRoot":"","sources":["../../../src/components/TariffsTable/TariffsTableContent.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { TariffsTableRowData } from './TariffsTableContent';
|
|
2
|
+
export interface TariffsTableRowProps {
|
|
3
|
+
className?: string;
|
|
4
|
+
row: TariffsTableRowData;
|
|
5
|
+
activeCardIndex: number;
|
|
6
|
+
isLastRow: boolean;
|
|
7
|
+
}
|
|
8
|
+
export declare const TariffsTableRow: (props: import("@redneckz/uni-jsx").PropsWithChildren<TariffsTableRowProps, any>, context?: any) => any;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
2
|
+
exports.TariffsTableRow = void 0;
|
|
3
|
+
const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
|
|
4
|
+
const uni_jsx_1 = require("@redneckz/uni-jsx");
|
|
5
|
+
const constants_1 = require("./constants");
|
|
6
|
+
const Icon_1 = require("../../ui-kit/Icon/Icon");
|
|
7
|
+
const TariffsTableCell_1 = require("./TariffsTableCell");
|
|
8
|
+
const TableRowContainer_1 = require("../ComparisonTable/TableRowContainer");
|
|
9
|
+
const TableCarouselContainer_1 = require("../ComparisonTable/TableCarouselContainer");
|
|
10
|
+
exports.TariffsTableRow = (0, uni_jsx_1.JSX)(({ row: { header, data }, activeCardIndex, isLastRow }) => {
|
|
11
|
+
return ((0, jsx_runtime_1.jsxs)(TableRowContainer_1.TableRowContainer, { children: [(0, jsx_runtime_1.jsx)("div", { className: `text-sm py-5 ${constants_1.FIRST_CELL_CLASSES} ${constants_1.DIVIDER_CLASSES} ${!isLastRow ? 'border-solid' : ''}`, children: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center text-primary-text", children: [header?.icon && ((0, jsx_runtime_1.jsx)(Icon_1.Icon, { className: "pr-[14px]", name: header.icon, width: "24px", height: "24px" })), header?.title] }) }), data?.length ? ((0, jsx_runtime_1.jsx)(TableCarouselContainer_1.TableCarouselContainer, { activeCardIndex: activeCardIndex, columnWidth: constants_1.COLUMN_WIDTH, version: "tariff", children: data.map((cell, i) => ((0, jsx_runtime_1.jsx)(TariffsTableCell_1.TariffsTableCell, { cell: cell, isLastRow: isLastRow }, String(i)))) })) : null] }));
|
|
12
|
+
});
|
|
13
|
+
//# sourceMappingURL=TariffsTableRow.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TariffsTableRow.js","sourceRoot":"","sources":["../../../src/components/TariffsTable/TariffsTableRow.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,2CAAgF;AAChF,iDAA8C;AAC9C,yDAAsD;AACtD,4EAAyE;AACzE,sFAAmF;AAUtE,QAAA,eAAe,GAAG,IAAA,aAAG,EAChC,CAAC,EAAE,GAAG,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,eAAe,EAAE,SAAS,EAAE,EAAE,EAAE;IACxD,OAAO,CACL,wBAAC,qCAAiB,eAChB,gCACE,SAAS,EAAE,gBAAgB,8BAAkB,IAAI,2BAAe,IAC9D,CAAC,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,EAChC,EAAE,YAEF,iCAAK,SAAS,EAAC,qCAAqC,aACjD,MAAM,EAAE,IAAI,IAAI,CACf,uBAAC,WAAI,IAAC,SAAS,EAAC,WAAW,EAAC,IAAI,EAAE,MAAM,CAAC,IAAI,EAAE,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,GAAG,CAC7E,EACA,MAAM,EAAE,KAAK,IACV,GACF,EACL,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CACd,uBAAC,+CAAsB,IACrB,eAAe,EAAE,eAAe,EAChC,WAAW,EAAE,wBAAY,EACzB,OAAO,EAAC,QAAQ,YAEf,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACrB,uBAAC,mCAAgB,IAAiB,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,IAA3C,MAAM,CAAC,CAAC,CAAC,CAAsC,CACvE,CAAC,GACqB,CAC1B,CAAC,CAAC,CAAC,IAAI,IACU,CACrB,CAAC;AACJ,CAAC,CACF,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
2
|
+
exports.COLUMN_WIDTH = exports.COLS_LENGTH_FOR_SCROLL = exports.FIRST_CELL_CLASSES = exports.DIVIDER_CLASSES = void 0;
|
|
3
|
+
exports.DIVIDER_CLASSES = 'border-main-divider border border-t-0 border-x-0';
|
|
4
|
+
exports.FIRST_CELL_CLASSES = 'w-[354px] flex-shrink-0';
|
|
5
|
+
exports.COLS_LENGTH_FOR_SCROLL = 2;
|
|
6
|
+
exports.COLUMN_WIDTH = 4 * 80 + 40; // w-80 + pl-10 = 360px
|
|
7
|
+
//# sourceMappingURL=constants.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/components/TariffsTable/constants.ts"],"names":[],"mappings":";;AAAa,QAAA,eAAe,GAAG,kDAAkD,CAAC;AACrE,QAAA,kBAAkB,GAAG,yBAAyB,CAAC;AAC/C,QAAA,sBAAsB,GAAG,CAAC,CAAC;AAC3B,QAAA,YAAY,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC,uBAAuB"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import type { TextBlockContent } from './TextBlockContent';
|
|
2
1
|
import type { UniBlockProps } from '../../types';
|
|
2
|
+
import type { TextBlockContent } from './TextBlockContent';
|
|
3
3
|
export interface TextBlockProps extends TextBlockContent, UniBlockProps {
|
|
4
4
|
}
|
|
5
5
|
export declare const TextBlock: (props: import("@redneckz/uni-jsx").PropsWithChildren<TextBlockProps, any>, context?: any) => any;
|
|
@@ -28,7 +28,7 @@ exports.TextBlock = (0, uni_jsx_1.JSX)(({ title, description, blockVersion = 'pr
|
|
|
28
28
|
return ((0, jsx_runtime_1.jsxs)("section", { className: `font-sans px-9 py-4 flex ${textBlockStyleMap.background} ${className || ''}`, children: [iconVersion && iconVersion === 'small' ? renderIcon(textBlockStyleMap.icon) : null, iconVersion && iconVersion === 'big' ? renderImage(image) : null, (0, jsx_runtime_1.jsxs)("div", { className: "py-0.5", children: [title && ((0, jsx_runtime_1.jsx)("div", { className: `font-medium text-base mb-1 ${textBlockStyleMap.title}`, children: title })), description && ((0, jsx_runtime_1.jsx)("div", { className: `text-sm ${textBlockStyleMap.description}`, children: description }))] })] }));
|
|
29
29
|
});
|
|
30
30
|
function renderIcon(className) {
|
|
31
|
-
return ((0, jsx_runtime_1.jsx)("div", { className: `pt-1.5 pr-4`, children: (0, jsx_runtime_1.jsx)("div", { className: `rounded-full h-4 w-4 text-center text-xs ${className}`, children: "i" }) }));
|
|
31
|
+
return ((0, jsx_runtime_1.jsx)("div", { className: `pt-1.5 pl-1 pr-4`, children: (0, jsx_runtime_1.jsx)("div", { className: `rounded-full h-4 w-4 text-center text-xs ${className}`, children: "i" }) }));
|
|
32
32
|
}
|
|
33
33
|
function renderImage(image) {
|
|
34
34
|
return image?.src ? (0, jsx_runtime_1.jsx)(Img_1.Img, { className: "pt-0.5 pr-3", image: image }) : null;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextBlock.js","sourceRoot":"","sources":["../../../src/components/TextBlock/TextBlock.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;
|
|
1
|
+
{"version":3,"file":"TextBlock.js","sourceRoot":"","sources":["../../../src/components/TextBlock/TextBlock.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAGxC,0CAAuC;AAKvC,MAAM,kBAAkB,GAGpB;IACF,OAAO,EAAE;QACP,UAAU,EAAE,UAAU;QACtB,IAAI,EAAE,4BAA4B;QAClC,KAAK,EAAE,mBAAmB;QAC1B,WAAW,EAAE,qBAAqB;KACnC;IACD,SAAS,EAAE;QACT,UAAU,EAAE,iBAAiB;QAC7B,IAAI,EAAE,4BAA4B;QAClC,KAAK,EAAE,YAAY;QACnB,WAAW,EAAE,YAAY;KAC1B;IACD,iBAAiB,EAAE;QACjB,UAAU,EAAE,oBAAoB;QAChC,IAAI,EAAE,4BAA4B;QAClC,KAAK,EAAE,mBAAmB;QAC1B,WAAW,EAAE,qBAAqB;KACnC;CACF,CAAC;AAEW,QAAA,SAAS,GAAG,IAAA,aAAG,EAC1B,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,YAAY,GAAG,SAAS,EAAE,WAAW,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE;IAClF,MAAM,iBAAiB,GAAG,kBAAkB,CAAC,YAAY,CAAC,CAAC;IAC3D,OAAO,CACL,qCACE,SAAS,EAAE,4BAA4B,iBAAiB,CAAC,UAAU,IAAI,SAAS,IAAI,EAAE,EAAE,aAEvF,WAAW,IAAI,WAAW,KAAK,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,EAClF,WAAW,IAAI,WAAW,KAAK,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,EACjE,iCAAK,SAAS,EAAC,QAAQ,aACpB,KAAK,IAAI,CACR,gCAAK,SAAS,EAAE,8BAA8B,iBAAiB,CAAC,KAAK,EAAE,YAAG,KAAK,GAAO,CACvF,EACA,WAAW,IAAI,CACd,gCAAK,SAAS,EAAE,WAAW,iBAAiB,CAAC,WAAW,EAAE,YAAG,WAAW,GAAO,CAChF,IACG,IACE,CACX,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,SAAS,UAAU,CAAC,SAAiB;IACnC,OAAO,CACL,gCAAK,SAAS,EAAE,kBAAkB,YAChC,gCAAK,SAAS,EAAE,4CAA4C,SAAS,EAAE,kBAAS,GAC5E,CACP,CAAC;AACJ,CAAC;AAED,SAAS,WAAW,CAAC,KAAe;IAClC,OAAO,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,uBAAC,SAAG,IAAC,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,KAAK,GAAI,CAAC,CAAC,CAAC,IAAI,CAAC;AAC3E,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export declare const useComparisonTableScroll: <COL_DATA>(colData: COL_DATA[], colsLengthForScroll: number, activeCardIndex: number, setActiveCardIndex: (_: number) => void) => {
|
|
2
|
+
nextClick: () => void;
|
|
3
|
+
prevClick: () => void;
|
|
4
|
+
isScrollAvailable: boolean | 0;
|
|
5
|
+
showNextButton: boolean | 0;
|
|
6
|
+
showPrevButton: boolean | 0;
|
|
7
|
+
};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
2
|
+
exports.useComparisonTableScroll = void 0;
|
|
3
|
+
const useComparisonTableScroll = (colData, colsLengthForScroll, activeCardIndex, setActiveCardIndex) => {
|
|
4
|
+
const nextClick = () => setActiveCardIndex(activeCardIndex + 1);
|
|
5
|
+
const prevClick = () => setActiveCardIndex(activeCardIndex - 1);
|
|
6
|
+
const isScrollAvailable = colData?.length && colData.length > colsLengthForScroll;
|
|
7
|
+
const showNextButton = isScrollAvailable && colData?.length - activeCardIndex > colsLengthForScroll;
|
|
8
|
+
const showPrevButton = isScrollAvailable && activeCardIndex > 0;
|
|
9
|
+
return { nextClick, prevClick, isScrollAvailable, showNextButton, showPrevButton };
|
|
10
|
+
};
|
|
11
|
+
exports.useComparisonTableScroll = useComparisonTableScroll;
|
|
12
|
+
//# sourceMappingURL=useComparisonTableScroll.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useComparisonTableScroll.js","sourceRoot":"","sources":["../../src/hooks/useComparisonTableScroll.ts"],"names":[],"mappings":";;AAAO,MAAM,wBAAwB,GAAG,CACtC,OAAmB,EACnB,mBAA2B,EAC3B,eAAuB,EACvB,kBAAuC,EACvC,EAAE;IACF,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,kBAAkB,CAAC,eAAe,GAAG,CAAC,CAAC,CAAC;IAChE,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,kBAAkB,CAAC,eAAe,GAAG,CAAC,CAAC,CAAC;IAEhE,MAAM,iBAAiB,GAAG,OAAO,EAAE,MAAM,IAAI,OAAO,CAAC,MAAM,GAAG,mBAAmB,CAAC;IAClF,MAAM,cAAc,GAClB,iBAAiB,IAAI,OAAO,EAAE,MAAM,GAAG,eAAe,GAAG,mBAAmB,CAAC;IAC/E,MAAM,cAAc,GAAG,iBAAiB,IAAI,eAAe,GAAG,CAAC,CAAC;IAEhE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,iBAAiB,EAAE,cAAc,EAAE,cAAc,EAAE,CAAC;AACrF,CAAC,CAAC;AAfW,QAAA,wBAAwB,4BAenC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare type TableVersion = 'comparison' | 'tariff';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TableVersion.js","sourceRoot":"","sources":["../../src/model/TableVersion.ts"],"names":[],"mappings":""}
|
|
@@ -1,10 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
export interface BlockItemContent {
|
|
3
|
-
text?: string;
|
|
4
|
-
}
|
|
5
|
-
export interface BlockItemProps extends BlockItemContent {
|
|
6
|
-
className?: string;
|
|
7
|
-
version?: BlockItemVersion;
|
|
8
|
-
}
|
|
1
|
+
import { BlockItemProps } from './BlockItemProps';
|
|
9
2
|
export declare const BlockItem: (props: import("@redneckz/uni-jsx").PropsWithChildren<BlockItemProps, any>, context?: any) => any;
|
|
10
|
-
export {};
|
|
@@ -3,14 +3,14 @@ exports.BlockItem = 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 listStyleMap = {
|
|
6
|
-
primary: 'bg-primary-main',
|
|
7
|
-
secondary: 'bg-
|
|
6
|
+
primary: 'bg-primary-main w-[8px] h-[8px] min-w-[8px] min-h-[8px] mt-2 rounded-full',
|
|
7
|
+
secondary: 'bg-secondary-text w-[6px] h-[6px] min-w-[6px] min-h-[6px] mt-2.5 rounded-full',
|
|
8
8
|
};
|
|
9
9
|
const textStyleMap = {
|
|
10
10
|
primary: 'text-primary-text',
|
|
11
|
-
secondary: 'text-
|
|
11
|
+
secondary: 'text-secondary-text',
|
|
12
12
|
};
|
|
13
|
-
exports.BlockItem = (0, uni_jsx_1.JSX)(({ className, text, children, version = 'primary' }) => {
|
|
14
|
-
return ((0, jsx_runtime_1.jsxs)("div", { className: `inline-block flex ${className || ''}`, role: "listitem", children: [(0, jsx_runtime_1.jsx)("div", { className: `inline-block
|
|
13
|
+
exports.BlockItem = (0, uni_jsx_1.JSX)(({ className, isDotted = true, text, children, version = 'primary' }) => {
|
|
14
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: `inline-block flex ${className || ''}`, role: "listitem", children: [isDotted && (0, jsx_runtime_1.jsx)("div", { className: `inline-block mr-3 ${listStyleMap[version]}` }), (0, jsx_runtime_1.jsx)("span", { className: `text-base font-normal font-sans mr-3 ${textStyleMap[version]}`, children: text || children })] }));
|
|
15
15
|
});
|
|
16
16
|
//# sourceMappingURL=BlockItem.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BlockItem.js","sourceRoot":"","sources":["../../../src/ui-kit/BlockItem/BlockItem.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;
|
|
1
|
+
{"version":3,"file":"BlockItem.js","sourceRoot":"","sources":["../../../src/ui-kit/BlockItem/BlockItem.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAGxC,MAAM,YAAY,GAAqC;IACrD,OAAO,EAAE,2EAA2E;IACpF,SAAS,EAAE,+EAA+E;CAC3F,CAAC;AAEF,MAAM,YAAY,GAAqC;IACrD,OAAO,EAAE,mBAAmB;IAC5B,SAAS,EAAE,qBAAqB;CACjC,CAAC;AAEW,QAAA,SAAS,GAAG,IAAA,aAAG,EAC1B,CAAC,EAAE,SAAS,EAAE,QAAQ,GAAG,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,GAAG,SAAS,EAAE,EAAE,EAAE;IACtE,OAAO,CACL,iCAAK,SAAS,EAAE,qBAAqB,SAAS,IAAI,EAAE,EAAE,EAAE,IAAI,EAAC,UAAU,aACpE,QAAQ,IAAI,gCAAK,SAAS,EAAE,qBAAqB,YAAY,CAAC,OAAO,CAAC,EAAE,GAAI,EAC7E,iCAAM,SAAS,EAAE,wCAAwC,YAAY,CAAC,OAAO,CAAC,EAAE,YAC7E,IAAI,IAAI,QAAQ,GACZ,IACH,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @title Версия списка
|
|
3
|
+
*/
|
|
4
|
+
export declare type BlockItemVersion = 'primary' | 'secondary';
|
|
5
|
+
/**
|
|
6
|
+
* @title Содержимое элемента блока
|
|
7
|
+
*/
|
|
8
|
+
export interface BlockItemContent {
|
|
9
|
+
/** @title Текст */
|
|
10
|
+
text?: string;
|
|
11
|
+
}
|
|
12
|
+
/**
|
|
13
|
+
* @title Параметры элемента блока
|
|
14
|
+
*/
|
|
15
|
+
export interface BlockItemProps extends BlockItemContent {
|
|
16
|
+
className?: string;
|
|
17
|
+
version?: BlockItemVersion;
|
|
18
|
+
/** @title Маркер */
|
|
19
|
+
isDotted?: boolean;
|
|
20
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BlockItemProps.js","sourceRoot":"","sources":["../../../src/ui-kit/BlockItem/BlockItemProps.ts"],"names":[],"mappings":""}
|
|
@@ -11,11 +11,12 @@ export interface ButtonAdditionalProps {
|
|
|
11
11
|
onClick?: (ev: MouseEvent) => any;
|
|
12
12
|
}
|
|
13
13
|
export interface ButtonProps extends ButtonAdditionalProps, LinkProps {
|
|
14
|
+
/** @title Текст */
|
|
14
15
|
text?: string;
|
|
15
16
|
version?: ButtonVersion;
|
|
16
17
|
}
|
|
17
18
|
export interface ButtonWithIconProps extends ButtonProps {
|
|
18
|
-
/** @
|
|
19
|
+
/** @title Верхний текст */
|
|
19
20
|
aboveText?: string;
|
|
20
21
|
/** @hidden */
|
|
21
22
|
appendLeft?: any;
|
|
@@ -4,58 +4,90 @@
|
|
|
4
4
|
export declare enum IconMap {
|
|
5
5
|
'ActualBalanceIcon' = 0,
|
|
6
6
|
'AppleIcon' = 1,
|
|
7
|
-
'
|
|
8
|
-
'
|
|
9
|
-
'
|
|
10
|
-
'
|
|
11
|
-
'
|
|
12
|
-
'
|
|
13
|
-
'
|
|
14
|
-
'
|
|
15
|
-
'
|
|
16
|
-
'
|
|
17
|
-
'
|
|
18
|
-
'
|
|
19
|
-
'
|
|
20
|
-
'
|
|
21
|
-
'
|
|
22
|
-
'
|
|
23
|
-
'
|
|
24
|
-
'
|
|
25
|
-
'
|
|
26
|
-
'
|
|
27
|
-
'
|
|
28
|
-
'
|
|
29
|
-
'
|
|
7
|
+
'CalendarCircleIcon' = 2,
|
|
8
|
+
'CalendarIcon' = 3,
|
|
9
|
+
'CardIcon' = 4,
|
|
10
|
+
'CardPosIcon' = 5,
|
|
11
|
+
'CardTickIcon' = 6,
|
|
12
|
+
'ClockIcon' = 7,
|
|
13
|
+
'ComfortableCompIcon' = 8,
|
|
14
|
+
'DiscountShape' = 9,
|
|
15
|
+
'DocIcon' = 10,
|
|
16
|
+
'DocumentText' = 11,
|
|
17
|
+
'DollarIcon' = 12,
|
|
18
|
+
'EmptyWalletChangeIcon' = 13,
|
|
19
|
+
'EmptyWalletIcon' = 14,
|
|
20
|
+
'EuroIcon' = 15,
|
|
21
|
+
'GlassIcon' = 16,
|
|
22
|
+
'GridIcon' = 17,
|
|
23
|
+
'JCBIcon' = 18,
|
|
24
|
+
'LoupeIcon' = 19,
|
|
25
|
+
'MasterCardIcon' = 20,
|
|
26
|
+
'MinusIcon' = 21,
|
|
27
|
+
'MirIcon' = 22,
|
|
28
|
+
'MoneyIcon' = 23,
|
|
29
|
+
'MonitorMobileIcon' = 24,
|
|
30
|
+
'NewDocIcon' = 25,
|
|
31
|
+
'OkIcon' = 26,
|
|
32
|
+
'PassSendIcon' = 27,
|
|
33
|
+
'PercentageSquareIcon' = 28,
|
|
34
|
+
'PlayMarketIcon' = 29,
|
|
35
|
+
'PlusIcon' = 30,
|
|
36
|
+
'Profile2UserIcon' = 31,
|
|
37
|
+
'ProfileIcon' = 32,
|
|
38
|
+
'ShieldTickIcon' = 33,
|
|
39
|
+
'SignDocsIcon' = 34,
|
|
40
|
+
'TelegramIcon' = 35,
|
|
41
|
+
'UnionPayIcon' = 36,
|
|
42
|
+
'UserIcon' = 37,
|
|
43
|
+
'VisaIcon' = 38,
|
|
44
|
+
'VKIcon' = 39,
|
|
45
|
+
'WalletIcon' = 40
|
|
30
46
|
}
|
|
31
47
|
/**
|
|
32
48
|
* @title Иконка
|
|
33
49
|
* @enumNames [
|
|
34
50
|
* "Деньги",
|
|
35
51
|
* "Лого «Apple»",
|
|
52
|
+
* "Скруглённый календарь",
|
|
36
53
|
* "Календарь",
|
|
54
|
+
* "Кред. карта",
|
|
55
|
+
* "Кред. карта под наклоном",
|
|
56
|
+
* "Кред. карта с галочкой",
|
|
37
57
|
* "Часы",
|
|
38
58
|
* "Кресло",
|
|
39
59
|
* "Скидка",
|
|
40
60
|
* "Документ",
|
|
41
|
-
* "Документ с текстом"
|
|
61
|
+
* "Документ с текстом",
|
|
42
62
|
* "Доллар",
|
|
43
|
-
* "
|
|
63
|
+
* "Пустой кошелёк с возвратом",
|
|
64
|
+
* "Пустой кошелёк",
|
|
44
65
|
* "Евро",
|
|
45
66
|
* "Зеркало",
|
|
46
67
|
* "Сетка",
|
|
68
|
+
* "JCB",
|
|
47
69
|
* "Лупа",
|
|
70
|
+
* "MasterCard",
|
|
48
71
|
* "Минус",
|
|
72
|
+
* "МИР",
|
|
73
|
+
* "Деньги",
|
|
74
|
+
* "Монитор и мобильный",
|
|
49
75
|
* "Новый документ",
|
|
50
76
|
* "Лого «Одноклассники»",
|
|
51
77
|
* "Бизнес",
|
|
52
78
|
* "Проценты",
|
|
53
79
|
* "Лого «PlayMarket»",
|
|
54
80
|
* "Плюс",
|
|
81
|
+
* "Профиль, 2 персоны",
|
|
55
82
|
* "Профиль",
|
|
83
|
+
* "Безопасность",
|
|
56
84
|
* "Подписанные документы",
|
|
57
85
|
* "Лого «Telegram»",
|
|
58
|
-
* "
|
|
86
|
+
* "UnionPay",
|
|
87
|
+
* "Пользователь",
|
|
88
|
+
* "Visa",
|
|
89
|
+
* "Лого «VK»",
|
|
90
|
+
* "Кошелёк",
|
|
59
91
|
* ]
|
|
60
92
|
*/
|
|
61
93
|
export declare type IconName = keyof typeof IconMap;
|
|
@@ -7,28 +7,44 @@ var IconMap;
|
|
|
7
7
|
(function (IconMap) {
|
|
8
8
|
IconMap[IconMap["ActualBalanceIcon"] = 0] = "ActualBalanceIcon";
|
|
9
9
|
IconMap[IconMap["AppleIcon"] = 1] = "AppleIcon";
|
|
10
|
-
IconMap[IconMap["
|
|
11
|
-
IconMap[IconMap["
|
|
12
|
-
IconMap[IconMap["
|
|
13
|
-
IconMap[IconMap["
|
|
14
|
-
IconMap[IconMap["
|
|
15
|
-
IconMap[IconMap["
|
|
16
|
-
IconMap[IconMap["
|
|
17
|
-
IconMap[IconMap["
|
|
18
|
-
IconMap[IconMap["
|
|
19
|
-
IconMap[IconMap["
|
|
20
|
-
IconMap[IconMap["
|
|
21
|
-
IconMap[IconMap["
|
|
22
|
-
IconMap[IconMap["
|
|
23
|
-
IconMap[IconMap["
|
|
24
|
-
IconMap[IconMap["
|
|
25
|
-
IconMap[IconMap["
|
|
26
|
-
IconMap[IconMap["
|
|
27
|
-
IconMap[IconMap["
|
|
28
|
-
IconMap[IconMap["
|
|
29
|
-
IconMap[IconMap["
|
|
30
|
-
IconMap[IconMap["
|
|
31
|
-
IconMap[IconMap["
|
|
32
|
-
IconMap[IconMap["
|
|
10
|
+
IconMap[IconMap["CalendarCircleIcon"] = 2] = "CalendarCircleIcon";
|
|
11
|
+
IconMap[IconMap["CalendarIcon"] = 3] = "CalendarIcon";
|
|
12
|
+
IconMap[IconMap["CardIcon"] = 4] = "CardIcon";
|
|
13
|
+
IconMap[IconMap["CardPosIcon"] = 5] = "CardPosIcon";
|
|
14
|
+
IconMap[IconMap["CardTickIcon"] = 6] = "CardTickIcon";
|
|
15
|
+
IconMap[IconMap["ClockIcon"] = 7] = "ClockIcon";
|
|
16
|
+
IconMap[IconMap["ComfortableCompIcon"] = 8] = "ComfortableCompIcon";
|
|
17
|
+
IconMap[IconMap["DiscountShape"] = 9] = "DiscountShape";
|
|
18
|
+
IconMap[IconMap["DocIcon"] = 10] = "DocIcon";
|
|
19
|
+
IconMap[IconMap["DocumentText"] = 11] = "DocumentText";
|
|
20
|
+
IconMap[IconMap["DollarIcon"] = 12] = "DollarIcon";
|
|
21
|
+
IconMap[IconMap["EmptyWalletChangeIcon"] = 13] = "EmptyWalletChangeIcon";
|
|
22
|
+
IconMap[IconMap["EmptyWalletIcon"] = 14] = "EmptyWalletIcon";
|
|
23
|
+
IconMap[IconMap["EuroIcon"] = 15] = "EuroIcon";
|
|
24
|
+
IconMap[IconMap["GlassIcon"] = 16] = "GlassIcon";
|
|
25
|
+
IconMap[IconMap["GridIcon"] = 17] = "GridIcon";
|
|
26
|
+
IconMap[IconMap["JCBIcon"] = 18] = "JCBIcon";
|
|
27
|
+
IconMap[IconMap["LoupeIcon"] = 19] = "LoupeIcon";
|
|
28
|
+
IconMap[IconMap["MasterCardIcon"] = 20] = "MasterCardIcon";
|
|
29
|
+
IconMap[IconMap["MinusIcon"] = 21] = "MinusIcon";
|
|
30
|
+
IconMap[IconMap["MirIcon"] = 22] = "MirIcon";
|
|
31
|
+
IconMap[IconMap["MoneyIcon"] = 23] = "MoneyIcon";
|
|
32
|
+
IconMap[IconMap["MonitorMobileIcon"] = 24] = "MonitorMobileIcon";
|
|
33
|
+
IconMap[IconMap["NewDocIcon"] = 25] = "NewDocIcon";
|
|
34
|
+
IconMap[IconMap["OkIcon"] = 26] = "OkIcon";
|
|
35
|
+
IconMap[IconMap["PassSendIcon"] = 27] = "PassSendIcon";
|
|
36
|
+
IconMap[IconMap["PercentageSquareIcon"] = 28] = "PercentageSquareIcon";
|
|
37
|
+
IconMap[IconMap["PlayMarketIcon"] = 29] = "PlayMarketIcon";
|
|
38
|
+
IconMap[IconMap["PlusIcon"] = 30] = "PlusIcon";
|
|
39
|
+
IconMap[IconMap["Profile2UserIcon"] = 31] = "Profile2UserIcon";
|
|
40
|
+
IconMap[IconMap["ProfileIcon"] = 32] = "ProfileIcon";
|
|
41
|
+
IconMap[IconMap["ShieldTickIcon"] = 33] = "ShieldTickIcon";
|
|
42
|
+
IconMap[IconMap["SignDocsIcon"] = 34] = "SignDocsIcon";
|
|
43
|
+
IconMap[IconMap["TelegramIcon"] = 35] = "TelegramIcon";
|
|
44
|
+
IconMap[IconMap["UnionPayIcon"] = 36] = "UnionPayIcon";
|
|
45
|
+
IconMap[IconMap["UserIcon"] = 37] = "UserIcon";
|
|
46
|
+
IconMap[IconMap["VisaIcon"] = 38] = "VisaIcon";
|
|
47
|
+
IconMap[IconMap["VKIcon"] = 39] = "VKIcon";
|
|
48
|
+
IconMap[IconMap["WalletIcon"] = 40] = "WalletIcon";
|
|
33
49
|
})(IconMap = exports.IconMap || (exports.IconMap = {}));
|
|
34
50
|
//# sourceMappingURL=IconProps.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconProps.js","sourceRoot":"","sources":["../../../src/ui-kit/Icon/IconProps.ts"],"names":[],"mappings":";;AAAA;;GAEG;AACH,IAAY,
|
|
1
|
+
{"version":3,"file":"IconProps.js","sourceRoot":"","sources":["../../../src/ui-kit/Icon/IconProps.ts"],"names":[],"mappings":";;AAAA;;GAEG;AACH,IAAY,OA0CX;AA1CD,WAAY,OAAO;IACjB,+DAAmB,CAAA;IACnB,+CAAW,CAAA;IACX,iEAAoB,CAAA;IACpB,qDAAc,CAAA;IACd,6CAAU,CAAA;IACV,mDAAa,CAAA;IACb,qDAAc,CAAA;IACd,+CAAW,CAAA;IACX,mEAAqB,CAAA;IACrB,uDAAe,CAAA;IACf,4CAAS,CAAA;IACT,sDAAc,CAAA;IACd,kDAAY,CAAA;IACZ,wEAAuB,CAAA;IACvB,4DAAiB,CAAA;IACjB,8CAAU,CAAA;IACV,gDAAW,CAAA;IACX,8CAAU,CAAA;IACV,4CAAS,CAAA;IACT,gDAAW,CAAA;IACX,0DAAgB,CAAA;IAChB,gDAAW,CAAA;IACX,4CAAS,CAAA;IACT,gDAAW,CAAA;IACX,gEAAmB,CAAA;IACnB,kDAAY,CAAA;IACZ,0CAAQ,CAAA;IACR,sDAAc,CAAA;IACd,sEAAsB,CAAA;IACtB,0DAAgB,CAAA;IAChB,8CAAU,CAAA;IACV,8DAAkB,CAAA;IAClB,oDAAa,CAAA;IACb,0DAAgB,CAAA;IAChB,sDAAc,CAAA;IACd,sDAAc,CAAA;IACd,sDAAc,CAAA;IACd,8CAAU,CAAA;IACV,8CAAU,CAAA;IACV,0CAAQ,CAAA;IACR,kDAAY,CAAA;AACd,CAAC,EA1CW,OAAO,GAAP,eAAO,KAAP,eAAO,QA0ClB"}
|