@redneckz/wildless-cms-uni-blocks 0.14.98 → 0.14.99
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/bundle.umd.js +4 -4
- package/bundle/bundle.umd.min.js +1 -1
- package/bundle/components/ComparisonTable/TableCell.mobile.d.ts +1 -1
- package/dist/components/ComparisonTable/HeaderCell.js +2 -1
- package/dist/components/ComparisonTable/HeaderCell.js.map +1 -1
- package/dist/components/ComparisonTable/TableCell.mobile.d.ts +1 -1
- package/dist/components/ComparisonTable/TableCell.mobile.js +4 -1
- package/dist/components/ComparisonTable/TableCell.mobile.js.map +1 -1
- package/dist/components/ComparisonTable/TableColumn.js +2 -1
- package/dist/components/ComparisonTable/TableColumn.js.map +1 -1
- package/dist/components/ComparisonTable/TableRow.js +3 -2
- package/dist/components/ComparisonTable/TableRow.js.map +1 -1
- package/lib/components/ComparisonTable/HeaderCell.js +2 -1
- package/lib/components/ComparisonTable/HeaderCell.js.map +1 -1
- package/lib/components/ComparisonTable/TableCell.mobile.d.ts +1 -1
- package/lib/components/ComparisonTable/TableCell.mobile.js +4 -1
- package/lib/components/ComparisonTable/TableCell.mobile.js.map +1 -1
- package/lib/components/ComparisonTable/TableColumn.js +2 -1
- package/lib/components/ComparisonTable/TableColumn.js.map +1 -1
- package/lib/components/ComparisonTable/TableRow.js +3 -2
- package/lib/components/ComparisonTable/TableRow.js.map +1 -1
- package/mobile/bundle/bundle.umd.js +5 -3
- package/mobile/bundle/bundle.umd.min.js +1 -1
- package/mobile/bundle/components/ComparisonTable/TableCell.d.ts +1 -1
- package/mobile/dist/components/ComparisonTable/TableCell.d.ts +1 -1
- package/mobile/dist/components/ComparisonTable/TableCell.js +4 -1
- package/mobile/dist/components/ComparisonTable/TableCell.js.map +1 -1
- package/mobile/dist/components/ComparisonTable/TableColumn.js +2 -1
- package/mobile/dist/components/ComparisonTable/TableColumn.js.map +1 -1
- package/mobile/dist/components/ComparisonTable/TableRow.js +3 -2
- package/mobile/dist/components/ComparisonTable/TableRow.js.map +1 -1
- package/mobile/lib/components/ComparisonTable/TableCell.d.ts +1 -1
- package/mobile/lib/components/ComparisonTable/TableCell.js +4 -1
- package/mobile/lib/components/ComparisonTable/TableCell.js.map +1 -1
- package/mobile/lib/components/ComparisonTable/TableColumn.js +2 -1
- package/mobile/lib/components/ComparisonTable/TableColumn.js.map +1 -1
- package/mobile/lib/components/ComparisonTable/TableRow.js +3 -2
- package/mobile/lib/components/ComparisonTable/TableRow.js.map +1 -1
- package/mobile/src/components/ComparisonTable/TableCell.tsx +18 -11
- package/mobile/src/components/ComparisonTable/TableColumn.tsx +5 -4
- package/mobile/src/components/ComparisonTable/TableRow.tsx +7 -2
- package/package.json +1 -1
- package/src/components/ComparisonTable/HeaderCell.tsx +6 -1
- package/src/components/ComparisonTable/TableCell.mobile.tsx +18 -11
- package/src/components/ComparisonTable/TableColumn.tsx +5 -4
- package/src/components/ComparisonTable/TableRow.tsx +7 -2
|
@@ -2,9 +2,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
2
2
|
exports.TableCell = void 0;
|
|
3
3
|
const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
|
|
4
4
|
const uni_jsx_1 = require("@redneckz/uni-jsx");
|
|
5
|
+
const Paragraph_1 = require("../../ui-kit/Paragraph/Paragraph");
|
|
5
6
|
const style_1 = require("../../utils/style");
|
|
6
7
|
const constants_1 = require("./constants");
|
|
7
8
|
const cellWrapperStyle = `box-border flex flex-col`;
|
|
8
9
|
exports.TableCell = (0, uni_jsx_1.JSX)(({ cell, rowHeader, isFillGradient = false }) => ((0, jsx_runtime_1.jsx)("div", { className: cellWrapperStyle, role: "cell", children: (0, jsx_runtime_1.jsx)("div", { className: (0, style_1.style)('h-full', constants_1.dividerStyle), children: cell ? cell.map(renderCellInner(isFillGradient, rowHeader)) : null }) })));
|
|
9
|
-
const
|
|
10
|
+
const rowHeaderAndDescriptionColor = (isFillGradient = false) => `${isFillGradient ? 'text-white/80' : 'text-secondary-text'}`;
|
|
11
|
+
const labelColor = (isFillGradient = false) => `${isFillGradient ? 'text-white' : ''}`;
|
|
12
|
+
const renderCellInner = (isFillGradient, rowHeader) => ({ label, description }, i) => ((0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between text-s py-s", children: [(0, jsx_runtime_1.jsx)(Paragraph_1.Paragraph, { size: "text-s", color: rowHeaderAndDescriptionColor(isFillGradient), children: rowHeader }), (0, jsx_runtime_1.jsxs)("div", { className: "basis-1/2", children: [label ? ((0, jsx_runtime_1.jsx)("div", { className: "text-right", children: (0, jsx_runtime_1.jsx)(Paragraph_1.Paragraph, { size: "text-s", align: "text-right", color: labelColor(isFillGradient), children: label }) })) : null, description ? ((0, jsx_runtime_1.jsx)("div", { className: "text-right", children: (0, jsx_runtime_1.jsx)(Paragraph_1.Paragraph, { size: "text-s", color: rowHeaderAndDescriptionColor(isFillGradient), children: description }) })) : null] })] }, String(i)));
|
|
10
13
|
//# sourceMappingURL=TableCell.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableCell.js","sourceRoot":"","sources":["../../../src/components/ComparisonTable/TableCell.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,6CAA0C;AAE1C,2CAA2C;AAU3C,MAAM,gBAAgB,GAAG,0BAA0B,CAAC;AAEvC,QAAA,SAAS,GAAG,IAAA,aAAG,EAAiB,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,cAAc,GAAG,KAAK,EAAE,EAAE,EAAE,CAAC,CAC5F,gCAAK,SAAS,EAAE,gBAAgB,EAAE,IAAI,EAAC,MAAM,YAC3C,gCAAK,SAAS,EAAE,IAAA,aAAK,EAAC,QAAQ,EAAE,wBAAY,CAAC,YAC1C,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,eAAe,CAAC,cAAc,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,GAC/D,GACF,CACP,CAAC,CAAC;AAEH,MAAM,eAAe,GACnB,CAAC,cAAuB,EAAE,SAAkB,EAAE,EAAE,CAChD,CAAC,EAAE,KAAK,EAAE,WAAW,EAAY,EAAE,CAAS,EAAE,EAAE,CAC9C,CACE,iCAAqB,SAAS,EAAC,kCAAkC,aAC/D,
|
|
1
|
+
{"version":3,"file":"TableCell.js","sourceRoot":"","sources":["../../../src/components/ComparisonTable/TableCell.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,gEAA6D;AAE7D,6CAA0C;AAE1C,2CAA2C;AAU3C,MAAM,gBAAgB,GAAG,0BAA0B,CAAC;AAEvC,QAAA,SAAS,GAAG,IAAA,aAAG,EAAiB,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,cAAc,GAAG,KAAK,EAAE,EAAE,EAAE,CAAC,CAC5F,gCAAK,SAAS,EAAE,gBAAgB,EAAE,IAAI,EAAC,MAAM,YAC3C,gCAAK,SAAS,EAAE,IAAA,aAAK,EAAC,QAAQ,EAAE,wBAAY,CAAC,YAC1C,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,eAAe,CAAC,cAAc,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,GAC/D,GACF,CACP,CAAC,CAAC;AAEH,MAAM,4BAA4B,GAAG,CAAC,cAAc,GAAG,KAAK,EAAa,EAAE,CACzE,GAAG,cAAc,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,qBAAqB,EAAE,CAAC;AAChE,MAAM,UAAU,GAAG,CAAC,cAAc,GAAG,KAAK,EAAa,EAAE,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;AAElG,MAAM,eAAe,GACnB,CAAC,cAAuB,EAAE,SAAkB,EAAE,EAAE,CAChD,CAAC,EAAE,KAAK,EAAE,WAAW,EAAY,EAAE,CAAS,EAAE,EAAE,CAC9C,CACE,iCAAqB,SAAS,EAAC,kCAAkC,aAC/D,uBAAC,qBAAS,IAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAE,4BAA4B,CAAC,cAAc,CAAC,YACzE,SAAS,GACA,EACZ,iCAAK,SAAS,EAAC,WAAW,aACvB,KAAK,CAAC,CAAC,CAAC,CACP,gCAAK,SAAS,EAAC,YAAY,YACzB,uBAAC,qBAAS,IAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,YAAY,EAAC,KAAK,EAAE,UAAU,CAAC,cAAc,CAAC,YAC1E,KAAK,GACI,GACR,CACP,CAAC,CAAC,CAAC,IAAI,EACP,WAAW,CAAC,CAAC,CAAC,CACb,gCAAK,SAAS,EAAC,YAAY,YACzB,uBAAC,qBAAS,IAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAE,4BAA4B,CAAC,cAAc,CAAC,YACzE,WAAW,GACF,GACR,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,KAnBE,MAAM,CAAC,CAAC,CAAC,CAoBb,CACP,CAAC"}
|
|
@@ -3,6 +3,7 @@ exports.TableColumn = 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 LinkButton_1 = require("../../ui-kit/LinkButton/LinkButton");
|
|
6
|
+
const Text_1 = require("../../ui-kit/Text/Text");
|
|
6
7
|
const style_1 = require("../../utils/style");
|
|
7
8
|
const constants_1 = require("./constants");
|
|
8
9
|
const HeaderCell_1 = require("./HeaderCell");
|
|
@@ -15,5 +16,5 @@ exports.TableColumn = (0, uni_jsx_1.JSX)(({ header, columnData, visibleRowLength
|
|
|
15
16
|
? columnDataView.map(({ rowHeader, cell }, i) => ((0, jsx_runtime_1.jsx)(TableCell_1.TableCell, { cell: cell, rowHeader: rowHeader, isFillGradient: isFillGradient }, String(i))))
|
|
16
17
|
: null, showRow && header?.link ? ((0, jsx_runtime_1.jsx)(LinkButton_1.LinkButton, { href: header.link.href, target: header.link?.target, version: buttonVersion, className: "text-s font-medium mt-m py-s", children: header.link.text })) : null, renderToggleButton({ onToggleColumn, isFillGradient, showRow })] }));
|
|
17
18
|
});
|
|
18
|
-
const renderToggleButton = ({ onToggleColumn, isFillGradient, showRow, }) => ((0, jsx_runtime_1.jsx)("div", { className: "mt-lg", role: "cell", children: (0, jsx_runtime_1.jsx)("a", { role: "link", onClick: onToggleColumn, className: `
|
|
19
|
+
const renderToggleButton = ({ onToggleColumn, isFillGradient, showRow, }) => ((0, jsx_runtime_1.jsx)("div", { className: "mt-lg", role: "cell", children: (0, jsx_runtime_1.jsx)("a", { role: "link", onClick: onToggleColumn, className: `cursor-pointer ${isFillGradient ? 'text-white/80' : 'text-primary-main'}`, children: (0, jsx_runtime_1.jsx)(Text_1.Text, { size: "text-s", font: "font-medium", children: !showRow ? 'Показать описание' : 'Скрыть' }) }) }));
|
|
19
20
|
//# sourceMappingURL=TableColumn.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableColumn.js","sourceRoot":"","sources":["../../../src/components/ComparisonTable/TableColumn.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAGxC,mEAAgE;AAChE,6CAA0C;AAE1C,2CAA4C;AAC5C,6CAA0C;AAC1C,2CAAwC;AAgB3B,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,EAAE,KAAK,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC;IAC5F,MAAM,mBAAmB,GAAG,cAAc,CAAC,CAAC,CAAC,yBAAa,CAAC,CAAC,CAAC,EAAE,CAAC;IAChE,MAAM,aAAa,GAAsB,cAAc,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC;IAElF,OAAO,CACL,iCACE,SAAS,EAAE,IAAA,aAAK,EAAC,wCAAwC,EAAE,mBAAmB,CAAC,EAC/E,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,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,CACzB,uBAAC,uBAAU,IACT,IAAI,EAAE,MAAM,CAAC,IAAI,CAAC,IAAI,EACtB,MAAM,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,EAC3B,OAAO,EAAE,aAAa,EACtB,SAAS,EAAC,8BAA8B,YAEvC,MAAM,CAAC,IAAI,CAAC,IAAI,GACN,CACd,CAAC,CAAC,CAAC,IAAI,EACP,kBAAkB,CAAC,EAAE,cAAc,EAAE,cAAc,EAAE,OAAO,EAAE,CAAC,IAC5D,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAQF,MAAM,kBAAkB,GAAG,CAAC,EAC1B,cAAc,EACd,cAAc,EACd,OAAO,GACiB,EAAE,EAAE,CAAC,CAC7B,gCAAK,SAAS,EAAC,OAAO,EAAC,IAAI,EAAC,MAAM,YAChC,8BACE,IAAI,EAAC,MAAM,EACX,OAAO,EAAE,cAAc,EACvB,SAAS,EAAE,
|
|
1
|
+
{"version":3,"file":"TableColumn.js","sourceRoot":"","sources":["../../../src/components/ComparisonTable/TableColumn.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAGxC,mEAAgE;AAChE,iDAA8C;AAC9C,6CAA0C;AAE1C,2CAA4C;AAC5C,6CAA0C;AAC1C,2CAAwC;AAgB3B,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,EAAE,KAAK,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC;IAC5F,MAAM,mBAAmB,GAAG,cAAc,CAAC,CAAC,CAAC,yBAAa,CAAC,CAAC,CAAC,EAAE,CAAC;IAChE,MAAM,aAAa,GAAsB,cAAc,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC;IAElF,OAAO,CACL,iCACE,SAAS,EAAE,IAAA,aAAK,EAAC,wCAAwC,EAAE,mBAAmB,CAAC,EAC/E,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,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,CACzB,uBAAC,uBAAU,IACT,IAAI,EAAE,MAAM,CAAC,IAAI,CAAC,IAAI,EACtB,MAAM,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,EAC3B,OAAO,EAAE,aAAa,EACtB,SAAS,EAAC,8BAA8B,YAEvC,MAAM,CAAC,IAAI,CAAC,IAAI,GACN,CACd,CAAC,CAAC,CAAC,IAAI,EACP,kBAAkB,CAAC,EAAE,cAAc,EAAE,cAAc,EAAE,OAAO,EAAE,CAAC,IAC5D,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAQF,MAAM,kBAAkB,GAAG,CAAC,EAC1B,cAAc,EACd,cAAc,EACd,OAAO,GACiB,EAAE,EAAE,CAAC,CAC7B,gCAAK,SAAS,EAAC,OAAO,EAAC,IAAI,EAAC,MAAM,YAChC,8BACE,IAAI,EAAC,MAAM,EACX,OAAO,EAAE,cAAc,EACvB,SAAS,EAAE,kBAAkB,cAAc,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,mBAAmB,EAAE,YAErF,uBAAC,WAAI,IAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,aAAa,YACnC,CAAC,OAAO,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,QAAQ,GACrC,GACL,GACA,CACP,CAAC"}
|
|
@@ -2,11 +2,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
2
2
|
exports.TableRow = void 0;
|
|
3
3
|
const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
|
|
4
4
|
const uni_jsx_1 = require("@redneckz/uni-jsx");
|
|
5
|
+
const Paragraph_1 = require("../../ui-kit/Paragraph/Paragraph");
|
|
5
6
|
const style_1 = require("../../utils/style");
|
|
6
7
|
const constants_1 = require("./constants");
|
|
7
8
|
const TableCarouselContainer_1 = require("./TableCarouselContainer");
|
|
8
9
|
const TableCell_1 = require("./TableCell");
|
|
9
10
|
const TableRowContainer_1 = require("./TableRowContainer");
|
|
10
|
-
const titleStyle = (isLastRow = false) => (0, style_1.style)('
|
|
11
|
-
exports.TableRow = (0, uni_jsx_1.JSX)(({ row: { header, data }, activeIndex, isColoredFirstColumn, isFirstRow, isLastRow }) => ((0, jsx_runtime_1.jsxs)(TableRowContainer_1.TableRowContainer, { children: [header?.title ? (0, jsx_runtime_1.jsx)("div", { className: titleStyle(isLastRow), children: header.title }) : null, data?.length ? ((0, jsx_runtime_1.jsx)(TableCarouselContainer_1.TableCarouselContainer, { activeIndex: activeIndex, columnWidth: constants_1.COLUMN_WIDTH, children: data.map((cell, i) => ((0, jsx_runtime_1.jsx)(TableCell_1.TableCell, { cell: cell, isFirstRow: isFirstRow, isLastRow: isLastRow, isFillGradient: isColoredFirstColumn && i === 0 }, String(i)))) })) : null] })));
|
|
11
|
+
const titleStyle = (isLastRow = false) => (0, style_1.style)('py-2xl', constants_1.dividerStyle, constants_1.firstCellStyle, isLastRow ? 'border-b-0' : 'border-solid');
|
|
12
|
+
exports.TableRow = (0, uni_jsx_1.JSX)(({ row: { header, data }, activeIndex, isColoredFirstColumn, isFirstRow, isLastRow }) => ((0, jsx_runtime_1.jsxs)(TableRowContainer_1.TableRowContainer, { children: [header?.title ? ((0, jsx_runtime_1.jsx)("div", { className: titleStyle(isLastRow), children: (0, jsx_runtime_1.jsx)(Paragraph_1.Paragraph, { size: "text-s", children: header.title }) })) : null, data?.length ? ((0, jsx_runtime_1.jsx)(TableCarouselContainer_1.TableCarouselContainer, { activeIndex: activeIndex, columnWidth: constants_1.COLUMN_WIDTH, children: data.map((cell, i) => ((0, jsx_runtime_1.jsx)(TableCell_1.TableCell, { cell: cell, isFirstRow: isFirstRow, isLastRow: isLastRow, isFillGradient: isColoredFirstColumn && i === 0 }, String(i)))) })) : null] })));
|
|
12
13
|
//# sourceMappingURL=TableRow.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableRow.js","sourceRoot":"","sources":["../../../src/components/ComparisonTable/TableRow.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAExC,6CAA0C;AAE1C,2CAAyE;AACzE,qEAAkE;AAClE,2CAAwC;AACxC,2DAAwD;AAexD,MAAM,UAAU,GAAG,CAAC,SAAS,GAAG,KAAK,EAAE,EAAE,CACvC,IAAA,aAAK,EAAC,
|
|
1
|
+
{"version":3,"file":"TableRow.js","sourceRoot":"","sources":["../../../src/components/ComparisonTable/TableRow.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAExC,gEAA6D;AAC7D,6CAA0C;AAE1C,2CAAyE;AACzE,qEAAkE;AAClE,2CAAwC;AACxC,2DAAwD;AAexD,MAAM,UAAU,GAAG,CAAC,SAAS,GAAG,KAAK,EAAE,EAAE,CACvC,IAAA,aAAK,EAAC,QAAQ,EAAE,wBAAY,EAAE,0BAAc,EAAE,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC;AAE9E,QAAA,QAAQ,GAAG,IAAA,aAAG,EACzB,CAAC,EAAE,GAAG,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,WAAW,EAAE,oBAAoB,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CACvF,wBAAC,qCAAiB,eACf,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,CACf,gCAAK,SAAS,EAAE,UAAU,CAAC,SAAS,CAAC,YACnC,uBAAC,qBAAS,IAAC,IAAI,EAAC,QAAQ,YAAE,MAAM,CAAC,KAAK,GAAa,GAC/C,CACP,CAAC,CAAC,CAAC,IAAI,EACP,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CACd,uBAAC,+CAAsB,IAAC,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,wBAAY,YACxE,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACrB,uBAAC,qBAAS,IAER,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,oBAAoB,IAAI,CAAC,KAAK,CAAC,IAJ1C,MAAM,CAAC,CAAC,CAAC,CAKd,CACH,CAAC,GACqB,CAC1B,CAAC,CAAC,CAAC,IAAI,IACU,CACrB,CACF,CAAC"}
|
|
@@ -1,8 +1,11 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
|
|
2
2
|
import { JSX } from '@redneckz/uni-jsx';
|
|
3
|
+
import { Paragraph } from '../../ui-kit/Paragraph/Paragraph.js';
|
|
3
4
|
import { style } from '../../utils/style.js';
|
|
4
5
|
import { dividerStyle } from './constants.js';
|
|
5
6
|
const cellWrapperStyle = `box-border flex flex-col`;
|
|
6
7
|
export const TableCell = JSX(({ cell, rowHeader, isFillGradient = false }) => (_jsx("div", { className: cellWrapperStyle, role: "cell", children: _jsx("div", { className: style('h-full', dividerStyle), children: cell ? cell.map(renderCellInner(isFillGradient, rowHeader)) : null }) })));
|
|
7
|
-
const
|
|
8
|
+
const rowHeaderAndDescriptionColor = (isFillGradient = false) => `${isFillGradient ? 'text-white/80' : 'text-secondary-text'}`;
|
|
9
|
+
const labelColor = (isFillGradient = false) => `${isFillGradient ? 'text-white' : ''}`;
|
|
10
|
+
const renderCellInner = (isFillGradient, rowHeader) => ({ label, description }, i) => (_jsxs("div", { className: "flex justify-between text-s py-s", children: [_jsx(Paragraph, { size: "text-s", color: rowHeaderAndDescriptionColor(isFillGradient), children: rowHeader }), _jsxs("div", { className: "basis-1/2", children: [label ? (_jsx("div", { className: "text-right", children: _jsx(Paragraph, { size: "text-s", align: "text-right", color: labelColor(isFillGradient), children: label }) })) : null, description ? (_jsx("div", { className: "text-right", children: _jsx(Paragraph, { size: "text-s", color: rowHeaderAndDescriptionColor(isFillGradient), children: description }) })) : null] })] }, String(i)));
|
|
8
11
|
//# sourceMappingURL=TableCell.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableCell.js","sourceRoot":"","sources":["../../../src/components/ComparisonTable/TableCell.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE1C,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAU3C,MAAM,gBAAgB,GAAG,0BAA0B,CAAC;AAEpD,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,CAAiB,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,cAAc,GAAG,KAAK,EAAE,EAAE,EAAE,CAAC,CAC5F,cAAK,SAAS,EAAE,gBAAgB,EAAE,IAAI,EAAC,MAAM,YAC3C,cAAK,SAAS,EAAE,KAAK,CAAC,QAAQ,EAAE,YAAY,CAAC,YAC1C,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,eAAe,CAAC,cAAc,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,GAC/D,GACF,CACP,CAAC,CAAC;AAEH,MAAM,eAAe,GACnB,CAAC,cAAuB,EAAE,SAAkB,EAAE,EAAE,CAChD,CAAC,EAAE,KAAK,EAAE,WAAW,EAAY,EAAE,CAAS,EAAE,EAAE,CAC9C,CACE,eAAqB,SAAS,EAAC,kCAAkC,aAC/D,
|
|
1
|
+
{"version":3,"file":"TableCell.js","sourceRoot":"","sources":["../../../src/components/ComparisonTable/TableCell.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAE7D,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE1C,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAU3C,MAAM,gBAAgB,GAAG,0BAA0B,CAAC;AAEpD,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,CAAiB,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,cAAc,GAAG,KAAK,EAAE,EAAE,EAAE,CAAC,CAC5F,cAAK,SAAS,EAAE,gBAAgB,EAAE,IAAI,EAAC,MAAM,YAC3C,cAAK,SAAS,EAAE,KAAK,CAAC,QAAQ,EAAE,YAAY,CAAC,YAC1C,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,eAAe,CAAC,cAAc,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,GAC/D,GACF,CACP,CAAC,CAAC;AAEH,MAAM,4BAA4B,GAAG,CAAC,cAAc,GAAG,KAAK,EAAa,EAAE,CACzE,GAAG,cAAc,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,qBAAqB,EAAE,CAAC;AAChE,MAAM,UAAU,GAAG,CAAC,cAAc,GAAG,KAAK,EAAa,EAAE,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;AAElG,MAAM,eAAe,GACnB,CAAC,cAAuB,EAAE,SAAkB,EAAE,EAAE,CAChD,CAAC,EAAE,KAAK,EAAE,WAAW,EAAY,EAAE,CAAS,EAAE,EAAE,CAC9C,CACE,eAAqB,SAAS,EAAC,kCAAkC,aAC/D,KAAC,SAAS,IAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAE,4BAA4B,CAAC,cAAc,CAAC,YACzE,SAAS,GACA,EACZ,eAAK,SAAS,EAAC,WAAW,aACvB,KAAK,CAAC,CAAC,CAAC,CACP,cAAK,SAAS,EAAC,YAAY,YACzB,KAAC,SAAS,IAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,YAAY,EAAC,KAAK,EAAE,UAAU,CAAC,cAAc,CAAC,YAC1E,KAAK,GACI,GACR,CACP,CAAC,CAAC,CAAC,IAAI,EACP,WAAW,CAAC,CAAC,CAAC,CACb,cAAK,SAAS,EAAC,YAAY,YACzB,KAAC,SAAS,IAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAE,4BAA4B,CAAC,cAAc,CAAC,YACzE,WAAW,GACF,GACR,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,KAnBE,MAAM,CAAC,CAAC,CAAC,CAoBb,CACP,CAAC"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
|
|
2
2
|
import { JSX } from '@redneckz/uni-jsx';
|
|
3
3
|
import { LinkButton } from '../../ui-kit/LinkButton/LinkButton.js';
|
|
4
|
+
import { Text } from '../../ui-kit/Text/Text.js';
|
|
4
5
|
import { style } from '../../utils/style.js';
|
|
5
6
|
import { gradientStyle } from './constants.js';
|
|
6
7
|
import { HeaderCell } from './HeaderCell.js';
|
|
@@ -13,5 +14,5 @@ export const TableColumn = JSX(({ header, columnData, visibleRowLength = 0, isFi
|
|
|
13
14
|
? columnDataView.map(({ rowHeader, cell }, i) => (_jsx(TableCell, { cell: cell, rowHeader: rowHeader, isFillGradient: isFillGradient }, String(i))))
|
|
14
15
|
: null, showRow && header?.link ? (_jsx(LinkButton, { href: header.link.href, target: header.link?.target, version: buttonVersion, className: "text-s font-medium mt-m py-s", children: header.link.text })) : null, renderToggleButton({ onToggleColumn, isFillGradient, showRow })] }));
|
|
15
16
|
});
|
|
16
|
-
const renderToggleButton = ({ onToggleColumn, isFillGradient, showRow, }) => (_jsx("div", { className: "mt-lg", role: "cell", children: _jsx("a", { role: "link", onClick: onToggleColumn, className: `
|
|
17
|
+
const renderToggleButton = ({ onToggleColumn, isFillGradient, showRow, }) => (_jsx("div", { className: "mt-lg", role: "cell", children: _jsx("a", { role: "link", onClick: onToggleColumn, className: `cursor-pointer ${isFillGradient ? 'text-white/80' : 'text-primary-main'}`, children: _jsx(Text, { size: "text-s", font: "font-medium", children: !showRow ? 'Показать описание' : 'Скрыть' }) }) }));
|
|
17
18
|
//# sourceMappingURL=TableColumn.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableColumn.js","sourceRoot":"","sources":["../../../src/components/ComparisonTable/TableColumn.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,OAAO,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAChE,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE1C,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAgBxC,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAC5B,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,gBAAgB,GAAG,CAAC,EAAE,cAAc,EAAE,OAAO,EAAE,cAAc,EAAE,EAAE,EAAE;IACxF,MAAM,cAAc,GAAG,UAAU,EAAE,KAAK,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC;IAC5F,MAAM,mBAAmB,GAAG,cAAc,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;IAChE,MAAM,aAAa,GAAsB,cAAc,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC;IAElF,OAAO,CACL,eACE,SAAS,EAAE,KAAK,CAAC,wCAAwC,EAAE,mBAAmB,CAAC,EAC/E,IAAI,EAAC,KAAK,aAEV,KAAC,UAAU,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,KAAC,SAAS,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,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,CACzB,KAAC,UAAU,IACT,IAAI,EAAE,MAAM,CAAC,IAAI,CAAC,IAAI,EACtB,MAAM,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,EAC3B,OAAO,EAAE,aAAa,EACtB,SAAS,EAAC,8BAA8B,YAEvC,MAAM,CAAC,IAAI,CAAC,IAAI,GACN,CACd,CAAC,CAAC,CAAC,IAAI,EACP,kBAAkB,CAAC,EAAE,cAAc,EAAE,cAAc,EAAE,OAAO,EAAE,CAAC,IAC5D,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAQF,MAAM,kBAAkB,GAAG,CAAC,EAC1B,cAAc,EACd,cAAc,EACd,OAAO,GACiB,EAAE,EAAE,CAAC,CAC7B,cAAK,SAAS,EAAC,OAAO,EAAC,IAAI,EAAC,MAAM,YAChC,YACE,IAAI,EAAC,MAAM,EACX,OAAO,EAAE,cAAc,EACvB,SAAS,EAAE,
|
|
1
|
+
{"version":3,"file":"TableColumn.js","sourceRoot":"","sources":["../../../src/components/ComparisonTable/TableColumn.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,OAAO,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAChE,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE1C,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAgBxC,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAC5B,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,gBAAgB,GAAG,CAAC,EAAE,cAAc,EAAE,OAAO,EAAE,cAAc,EAAE,EAAE,EAAE;IACxF,MAAM,cAAc,GAAG,UAAU,EAAE,KAAK,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC;IAC5F,MAAM,mBAAmB,GAAG,cAAc,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;IAChE,MAAM,aAAa,GAAsB,cAAc,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC;IAElF,OAAO,CACL,eACE,SAAS,EAAE,KAAK,CAAC,wCAAwC,EAAE,mBAAmB,CAAC,EAC/E,IAAI,EAAC,KAAK,aAEV,KAAC,UAAU,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,KAAC,SAAS,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,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,CACzB,KAAC,UAAU,IACT,IAAI,EAAE,MAAM,CAAC,IAAI,CAAC,IAAI,EACtB,MAAM,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,EAC3B,OAAO,EAAE,aAAa,EACtB,SAAS,EAAC,8BAA8B,YAEvC,MAAM,CAAC,IAAI,CAAC,IAAI,GACN,CACd,CAAC,CAAC,CAAC,IAAI,EACP,kBAAkB,CAAC,EAAE,cAAc,EAAE,cAAc,EAAE,OAAO,EAAE,CAAC,IAC5D,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAQF,MAAM,kBAAkB,GAAG,CAAC,EAC1B,cAAc,EACd,cAAc,EACd,OAAO,GACiB,EAAE,EAAE,CAAC,CAC7B,cAAK,SAAS,EAAC,OAAO,EAAC,IAAI,EAAC,MAAM,YAChC,YACE,IAAI,EAAC,MAAM,EACX,OAAO,EAAE,cAAc,EACvB,SAAS,EAAE,kBAAkB,cAAc,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,mBAAmB,EAAE,YAErF,KAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,aAAa,YACnC,CAAC,OAAO,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,QAAQ,GACrC,GACL,GACA,CACP,CAAC"}
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
|
|
2
2
|
import { JSX } from '@redneckz/uni-jsx';
|
|
3
|
+
import { Paragraph } from '../../ui-kit/Paragraph/Paragraph.js';
|
|
3
4
|
import { style } from '../../utils/style.js';
|
|
4
5
|
import { COLUMN_WIDTH, dividerStyle, firstCellStyle } from './constants.js';
|
|
5
6
|
import { TableCarouselContainer } from './TableCarouselContainer.js';
|
|
6
7
|
import { TableCell } from './TableCell.js';
|
|
7
8
|
import { TableRowContainer } from './TableRowContainer.js';
|
|
8
|
-
const titleStyle = (isLastRow = false) => style('
|
|
9
|
-
export const TableRow = JSX(({ row: { header, data }, activeIndex, isColoredFirstColumn, isFirstRow, isLastRow }) => (_jsxs(TableRowContainer, { children: [header?.title ? _jsx("div", { className: titleStyle(isLastRow), children: header.title }) : null, data?.length ? (_jsx(TableCarouselContainer, { activeIndex: activeIndex, columnWidth: COLUMN_WIDTH, children: data.map((cell, i) => (_jsx(TableCell, { cell: cell, isFirstRow: isFirstRow, isLastRow: isLastRow, isFillGradient: isColoredFirstColumn && i === 0 }, String(i)))) })) : null] })));
|
|
9
|
+
const titleStyle = (isLastRow = false) => style('py-2xl', dividerStyle, firstCellStyle, isLastRow ? 'border-b-0' : 'border-solid');
|
|
10
|
+
export const TableRow = JSX(({ row: { header, data }, activeIndex, isColoredFirstColumn, isFirstRow, isLastRow }) => (_jsxs(TableRowContainer, { children: [header?.title ? (_jsx("div", { className: titleStyle(isLastRow), children: _jsx(Paragraph, { size: "text-s", children: header.title }) })) : null, data?.length ? (_jsx(TableCarouselContainer, { activeIndex: activeIndex, columnWidth: COLUMN_WIDTH, children: data.map((cell, i) => (_jsx(TableCell, { cell: cell, isFirstRow: isFirstRow, isLastRow: isLastRow, isFillGradient: isColoredFirstColumn && i === 0 }, String(i)))) })) : null] })));
|
|
10
11
|
//# sourceMappingURL=TableRow.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableRow.js","sourceRoot":"","sources":["../../../src/components/ComparisonTable/TableRow.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE1C,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AACzE,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAexD,MAAM,UAAU,GAAG,CAAC,SAAS,GAAG,KAAK,EAAE,EAAE,CACvC,KAAK,CAAC,
|
|
1
|
+
{"version":3,"file":"TableRow.js","sourceRoot":"","sources":["../../../src/components/ComparisonTable/TableRow.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAC7D,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE1C,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AACzE,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAexD,MAAM,UAAU,GAAG,CAAC,SAAS,GAAG,KAAK,EAAE,EAAE,CACvC,KAAK,CAAC,QAAQ,EAAE,YAAY,EAAE,cAAc,EAAE,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC;AAE3F,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CACzB,CAAC,EAAE,GAAG,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,WAAW,EAAE,oBAAoB,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CACvF,MAAC,iBAAiB,eACf,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,CACf,cAAK,SAAS,EAAE,UAAU,CAAC,SAAS,CAAC,YACnC,KAAC,SAAS,IAAC,IAAI,EAAC,QAAQ,YAAE,MAAM,CAAC,KAAK,GAAa,GAC/C,CACP,CAAC,CAAC,CAAC,IAAI,EACP,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CACd,KAAC,sBAAsB,IAAC,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,YACxE,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACrB,KAAC,SAAS,IAER,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,oBAAoB,IAAI,CAAC,KAAK,CAAC,IAJ1C,MAAM,CAAC,CAAC,CAAC,CAKd,CACH,CAAC,GACqB,CAC1B,CAAC,CAAC,CAAC,IAAI,IACU,CACrB,CACF,CAAC"}
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
import { JSX } from '@redneckz/uni-jsx';
|
|
2
|
+
import { Paragraph } from '../../ui-kit/Paragraph/Paragraph';
|
|
3
|
+
import type { TextColor } from '../../ui-kit/Text/TextProps';
|
|
2
4
|
import { style } from '../../utils/style';
|
|
3
|
-
import {
|
|
5
|
+
import type { CellData } from './ComparisonTableContent';
|
|
4
6
|
import { dividerStyle } from './constants';
|
|
5
7
|
|
|
6
8
|
export interface TableCellProps {
|
|
@@ -21,26 +23,31 @@ export const TableCell = JSX<TableCellProps>(({ cell, rowHeader, isFillGradient
|
|
|
21
23
|
</div>
|
|
22
24
|
));
|
|
23
25
|
|
|
26
|
+
const rowHeaderAndDescriptionColor = (isFillGradient = false): TextColor =>
|
|
27
|
+
`${isFillGradient ? 'text-white/80' : 'text-secondary-text'}`;
|
|
28
|
+
const labelColor = (isFillGradient = false): TextColor => `${isFillGradient ? 'text-white' : ''}`;
|
|
29
|
+
|
|
24
30
|
const renderCellInner =
|
|
25
31
|
(isFillGradient: boolean, rowHeader?: string) =>
|
|
26
32
|
({ label, description }: CellData, i: number) =>
|
|
27
33
|
(
|
|
28
34
|
<div key={String(i)} className="flex justify-between text-s py-s">
|
|
29
|
-
<
|
|
35
|
+
<Paragraph size="text-s" color={rowHeaderAndDescriptionColor(isFillGradient)}>
|
|
30
36
|
{rowHeader}
|
|
31
|
-
</
|
|
37
|
+
</Paragraph>
|
|
32
38
|
<div className="basis-1/2">
|
|
33
39
|
{label ? (
|
|
34
|
-
<div className=
|
|
40
|
+
<div className="text-right">
|
|
41
|
+
<Paragraph size="text-s" align="text-right" color={labelColor(isFillGradient)}>
|
|
42
|
+
{label}
|
|
43
|
+
</Paragraph>
|
|
44
|
+
</div>
|
|
35
45
|
) : null}
|
|
36
46
|
{description ? (
|
|
37
|
-
<div
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
)}
|
|
42
|
-
>
|
|
43
|
-
{description}
|
|
47
|
+
<div className="text-right">
|
|
48
|
+
<Paragraph size="text-s" color={rowHeaderAndDescriptionColor(isFillGradient)}>
|
|
49
|
+
{description}
|
|
50
|
+
</Paragraph>
|
|
44
51
|
</div>
|
|
45
52
|
) : null}
|
|
46
53
|
</div>
|
|
@@ -2,6 +2,7 @@ import { JSX } from '@redneckz/uni-jsx';
|
|
|
2
2
|
import { type UniBlockProps } from '../../model/JSXBlock';
|
|
3
3
|
import { type LinkButtonVersion } from '../../model/LinkButtonVersion';
|
|
4
4
|
import { LinkButton } from '../../ui-kit/LinkButton/LinkButton';
|
|
5
|
+
import { Text } from '../../ui-kit/Text/Text';
|
|
5
6
|
import { style } from '../../utils/style';
|
|
6
7
|
import { type CellData, type ColumnHeader } from './ComparisonTableContent';
|
|
7
8
|
import { gradientStyle } from './constants';
|
|
@@ -76,11 +77,11 @@ const renderToggleButton = ({
|
|
|
76
77
|
<a
|
|
77
78
|
role="link"
|
|
78
79
|
onClick={onToggleColumn}
|
|
79
|
-
className={`
|
|
80
|
-
isFillGradient ? 'text-white/80' : 'text-primary-main'
|
|
81
|
-
}`}
|
|
80
|
+
className={`cursor-pointer ${isFillGradient ? 'text-white/80' : 'text-primary-main'}`}
|
|
82
81
|
>
|
|
83
|
-
|
|
82
|
+
<Text size="text-s" font="font-medium">
|
|
83
|
+
{!showRow ? 'Показать описание' : 'Скрыть'}
|
|
84
|
+
</Text>
|
|
84
85
|
</a>
|
|
85
86
|
</div>
|
|
86
87
|
);
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { JSX } from '@redneckz/uni-jsx';
|
|
2
2
|
import { type TitleProps } from '../../model/HeadlineType';
|
|
3
|
+
import { Paragraph } from '../../ui-kit/Paragraph/Paragraph';
|
|
3
4
|
import { style } from '../../utils/style';
|
|
4
5
|
import { type CellData } from './ComparisonTableContent';
|
|
5
6
|
import { COLUMN_WIDTH, dividerStyle, firstCellStyle } from './constants';
|
|
@@ -21,12 +22,16 @@ export interface TableRowProps {
|
|
|
21
22
|
}
|
|
22
23
|
|
|
23
24
|
const titleStyle = (isLastRow = false) =>
|
|
24
|
-
style('
|
|
25
|
+
style('py-2xl', dividerStyle, firstCellStyle, isLastRow ? 'border-b-0' : 'border-solid');
|
|
25
26
|
|
|
26
27
|
export const TableRow = JSX<TableRowProps>(
|
|
27
28
|
({ row: { header, data }, activeIndex, isColoredFirstColumn, isFirstRow, isLastRow }) => (
|
|
28
29
|
<TableRowContainer>
|
|
29
|
-
{header?.title ?
|
|
30
|
+
{header?.title ? (
|
|
31
|
+
<div className={titleStyle(isLastRow)}>
|
|
32
|
+
<Paragraph size="text-s">{header.title}</Paragraph>
|
|
33
|
+
</div>
|
|
34
|
+
) : null}
|
|
30
35
|
{data?.length ? (
|
|
31
36
|
<TableCarouselContainer activeIndex={activeIndex} columnWidth={COLUMN_WIDTH}>
|
|
32
37
|
{data.map((cell, i) => (
|
package/package.json
CHANGED
|
@@ -4,6 +4,7 @@ import { type Picture } from '../../model/Picture';
|
|
|
4
4
|
import { Heading } from '../../ui-kit/Heading/Heading';
|
|
5
5
|
import { Img } from '../../ui-kit/Img/Img';
|
|
6
6
|
import { LinkButton } from '../../ui-kit/LinkButton/LinkButton';
|
|
7
|
+
import { Paragraph } from '../../ui-kit/Paragraph/Paragraph';
|
|
7
8
|
import { style } from '../../utils/style';
|
|
8
9
|
import { borderStyle, gradientStyle } from './constants';
|
|
9
10
|
|
|
@@ -38,7 +39,11 @@ export const HeaderCell = JSX<HeaderCellProps>(({ icon, image, title, link }) =>
|
|
|
38
39
|
target={link.target || ''}
|
|
39
40
|
className="w-full text-primary-main bg-white hover:bg-secondary-hover active:bg-secondary-active"
|
|
40
41
|
>
|
|
41
|
-
<div className="
|
|
42
|
+
<div className="py-s">
|
|
43
|
+
<Paragraph size="text-xs" font="font-medium">
|
|
44
|
+
{link.text}
|
|
45
|
+
</Paragraph>
|
|
46
|
+
</div>
|
|
42
47
|
</LinkButton>
|
|
43
48
|
</div>
|
|
44
49
|
)}
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
import { JSX } from '@redneckz/uni-jsx';
|
|
2
|
+
import { Paragraph } from '../../ui-kit/Paragraph/Paragraph';
|
|
3
|
+
import type { TextColor } from '../../ui-kit/Text/TextProps';
|
|
2
4
|
import { style } from '../../utils/style';
|
|
3
|
-
import {
|
|
5
|
+
import type { CellData } from './ComparisonTableContent';
|
|
4
6
|
import { dividerStyle } from './constants';
|
|
5
7
|
|
|
6
8
|
export interface TableCellProps {
|
|
@@ -21,26 +23,31 @@ export const TableCell = JSX<TableCellProps>(({ cell, rowHeader, isFillGradient
|
|
|
21
23
|
</div>
|
|
22
24
|
));
|
|
23
25
|
|
|
26
|
+
const rowHeaderAndDescriptionColor = (isFillGradient = false): TextColor =>
|
|
27
|
+
`${isFillGradient ? 'text-white/80' : 'text-secondary-text'}`;
|
|
28
|
+
const labelColor = (isFillGradient = false): TextColor => `${isFillGradient ? 'text-white' : ''}`;
|
|
29
|
+
|
|
24
30
|
const renderCellInner =
|
|
25
31
|
(isFillGradient: boolean, rowHeader?: string) =>
|
|
26
32
|
({ label, description }: CellData, i: number) =>
|
|
27
33
|
(
|
|
28
34
|
<div key={String(i)} className="flex justify-between text-s py-s">
|
|
29
|
-
<
|
|
35
|
+
<Paragraph size="text-s" color={rowHeaderAndDescriptionColor(isFillGradient)}>
|
|
30
36
|
{rowHeader}
|
|
31
|
-
</
|
|
37
|
+
</Paragraph>
|
|
32
38
|
<div className="basis-1/2">
|
|
33
39
|
{label ? (
|
|
34
|
-
<div className=
|
|
40
|
+
<div className="text-right">
|
|
41
|
+
<Paragraph size="text-s" align="text-right" color={labelColor(isFillGradient)}>
|
|
42
|
+
{label}
|
|
43
|
+
</Paragraph>
|
|
44
|
+
</div>
|
|
35
45
|
) : null}
|
|
36
46
|
{description ? (
|
|
37
|
-
<div
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
)}
|
|
42
|
-
>
|
|
43
|
-
{description}
|
|
47
|
+
<div className="text-right">
|
|
48
|
+
<Paragraph size="text-s" color={rowHeaderAndDescriptionColor(isFillGradient)}>
|
|
49
|
+
{description}
|
|
50
|
+
</Paragraph>
|
|
44
51
|
</div>
|
|
45
52
|
) : null}
|
|
46
53
|
</div>
|
|
@@ -2,6 +2,7 @@ import { JSX } from '@redneckz/uni-jsx';
|
|
|
2
2
|
import { type UniBlockProps } from '../../model/JSXBlock';
|
|
3
3
|
import { type LinkButtonVersion } from '../../model/LinkButtonVersion';
|
|
4
4
|
import { LinkButton } from '../../ui-kit/LinkButton/LinkButton';
|
|
5
|
+
import { Text } from '../../ui-kit/Text/Text';
|
|
5
6
|
import { style } from '../../utils/style';
|
|
6
7
|
import { type CellData, type ColumnHeader } from './ComparisonTableContent';
|
|
7
8
|
import { gradientStyle } from './constants';
|
|
@@ -76,11 +77,11 @@ const renderToggleButton = ({
|
|
|
76
77
|
<a
|
|
77
78
|
role="link"
|
|
78
79
|
onClick={onToggleColumn}
|
|
79
|
-
className={`
|
|
80
|
-
isFillGradient ? 'text-white/80' : 'text-primary-main'
|
|
81
|
-
}`}
|
|
80
|
+
className={`cursor-pointer ${isFillGradient ? 'text-white/80' : 'text-primary-main'}`}
|
|
82
81
|
>
|
|
83
|
-
|
|
82
|
+
<Text size="text-s" font="font-medium">
|
|
83
|
+
{!showRow ? 'Показать описание' : 'Скрыть'}
|
|
84
|
+
</Text>
|
|
84
85
|
</a>
|
|
85
86
|
</div>
|
|
86
87
|
);
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { JSX } from '@redneckz/uni-jsx';
|
|
2
2
|
import { type TitleProps } from '../../model/HeadlineType';
|
|
3
|
+
import { Paragraph } from '../../ui-kit/Paragraph/Paragraph';
|
|
3
4
|
import { style } from '../../utils/style';
|
|
4
5
|
import { type CellData } from './ComparisonTableContent';
|
|
5
6
|
import { COLUMN_WIDTH, dividerStyle, firstCellStyle } from './constants';
|
|
@@ -21,12 +22,16 @@ export interface TableRowProps {
|
|
|
21
22
|
}
|
|
22
23
|
|
|
23
24
|
const titleStyle = (isLastRow = false) =>
|
|
24
|
-
style('
|
|
25
|
+
style('py-2xl', dividerStyle, firstCellStyle, isLastRow ? 'border-b-0' : 'border-solid');
|
|
25
26
|
|
|
26
27
|
export const TableRow = JSX<TableRowProps>(
|
|
27
28
|
({ row: { header, data }, activeIndex, isColoredFirstColumn, isFirstRow, isLastRow }) => (
|
|
28
29
|
<TableRowContainer>
|
|
29
|
-
{header?.title ?
|
|
30
|
+
{header?.title ? (
|
|
31
|
+
<div className={titleStyle(isLastRow)}>
|
|
32
|
+
<Paragraph size="text-s">{header.title}</Paragraph>
|
|
33
|
+
</div>
|
|
34
|
+
) : null}
|
|
30
35
|
{data?.length ? (
|
|
31
36
|
<TableCarouselContainer activeIndex={activeIndex} columnWidth={COLUMN_WIDTH}>
|
|
32
37
|
{data.map((cell, i) => (
|