@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
|
@@ -5,7 +5,8 @@ const uni_jsx_1 = require("@redneckz/uni-jsx");
|
|
|
5
5
|
const Heading_1 = require("../../ui-kit/Heading/Heading");
|
|
6
6
|
const Img_1 = require("../../ui-kit/Img/Img");
|
|
7
7
|
const LinkButton_1 = require("../../ui-kit/LinkButton/LinkButton");
|
|
8
|
+
const Paragraph_1 = require("../../ui-kit/Paragraph/Paragraph");
|
|
8
9
|
const style_1 = require("../../utils/style");
|
|
9
10
|
const constants_1 = require("./constants");
|
|
10
|
-
exports.HeaderCell = (0, uni_jsx_1.JSX)(({ icon, image, title, link }) => ((0, jsx_runtime_1.jsxs)("div", { className: (0, style_1.style)('w-80 box-border flex flex-col gap-m items-center rounded-t-md border-b-0 p-2xl', constants_1.borderStyle, constants_1.gradientStyle), role: "columnheader", children: [icon && !image?.src && ((0, jsx_runtime_1.jsx)(Img_1.Img, { className: "h-16 w-16 min-w-16 min-h-16", image: icon, width: "64", height: "64" })), image?.src && (0, jsx_runtime_1.jsx)(Img_1.Img, { image: image }), title ? ((0, jsx_runtime_1.jsx)(Heading_1.Heading, { headingType: "h4", as: "h3", className: "text-center text-white", title: title })) : null, link?.text && ((0, jsx_runtime_1.jsx)("div", { className: "mt-auto w-full", children: (0, jsx_runtime_1.jsx)(LinkButton_1.LinkButton, { href: link.href, target: link.target || '', className: "w-full text-primary-main bg-white hover:bg-secondary-hover active:bg-secondary-active", children: (0, jsx_runtime_1.jsx)("div", { className: "text-xs font
|
|
11
|
+
exports.HeaderCell = (0, uni_jsx_1.JSX)(({ icon, image, title, link }) => ((0, jsx_runtime_1.jsxs)("div", { className: (0, style_1.style)('w-80 box-border flex flex-col gap-m items-center rounded-t-md border-b-0 p-2xl', constants_1.borderStyle, constants_1.gradientStyle), role: "columnheader", children: [icon && !image?.src && ((0, jsx_runtime_1.jsx)(Img_1.Img, { className: "h-16 w-16 min-w-16 min-h-16", image: icon, width: "64", height: "64" })), image?.src && (0, jsx_runtime_1.jsx)(Img_1.Img, { image: image }), title ? ((0, jsx_runtime_1.jsx)(Heading_1.Heading, { headingType: "h4", as: "h3", className: "text-center text-white", title: title })) : null, link?.text && ((0, jsx_runtime_1.jsx)("div", { className: "mt-auto w-full", children: (0, jsx_runtime_1.jsx)(LinkButton_1.LinkButton, { href: link.href, target: link.target || '', className: "w-full text-primary-main bg-white hover:bg-secondary-hover active:bg-secondary-active", children: (0, jsx_runtime_1.jsx)("div", { className: "py-s", children: (0, jsx_runtime_1.jsx)(Paragraph_1.Paragraph, { size: "text-xs", font: "font-medium", children: link.text }) }) }) }))] })));
|
|
11
12
|
//# sourceMappingURL=HeaderCell.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HeaderCell.js","sourceRoot":"","sources":["../../../src/components/ComparisonTable/HeaderCell.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAGxC,0DAAuD;AACvD,8CAA2C;AAC3C,mEAAgE;AAChE,6CAA0C;AAC1C,2CAAyD;AAU5C,QAAA,UAAU,GAAG,IAAA,aAAG,EAAkB,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAC/E,iCACE,SAAS,EAAE,IAAA,aAAK,EACd,gFAAgF,EAChF,uBAAW,EACX,yBAAa,CACd,EACD,IAAI,EAAC,cAAc,aAElB,IAAI,IAAI,CAAC,KAAK,EAAE,GAAG,IAAI,CACtB,uBAAC,SAAG,IAAC,SAAS,EAAC,6BAA6B,EAAC,KAAK,EAAE,IAAI,EAAE,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,GAAG,CACpF,EACA,KAAK,EAAE,GAAG,IAAI,uBAAC,SAAG,IAAC,KAAK,EAAE,KAAK,GAAI,EACnC,KAAK,CAAC,CAAC,CAAC,CACP,uBAAC,iBAAO,IAAC,WAAW,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,SAAS,EAAC,wBAAwB,EAAC,KAAK,EAAE,KAAK,GAAI,CACtF,CAAC,CAAC,CAAC,IAAI,EACP,IAAI,EAAE,IAAI,IAAI,CACb,gCAAK,SAAS,EAAC,gBAAgB,YAC7B,uBAAC,uBAAU,IACT,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,MAAM,EAAE,IAAI,CAAC,MAAM,IAAI,EAAE,EACzB,SAAS,EAAC,uFAAuF,YAEjG,gCAAK,SAAS,EAAC,
|
|
1
|
+
{"version":3,"file":"HeaderCell.js","sourceRoot":"","sources":["../../../src/components/ComparisonTable/HeaderCell.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAGxC,0DAAuD;AACvD,8CAA2C;AAC3C,mEAAgE;AAChE,gEAA6D;AAC7D,6CAA0C;AAC1C,2CAAyD;AAU5C,QAAA,UAAU,GAAG,IAAA,aAAG,EAAkB,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAC/E,iCACE,SAAS,EAAE,IAAA,aAAK,EACd,gFAAgF,EAChF,uBAAW,EACX,yBAAa,CACd,EACD,IAAI,EAAC,cAAc,aAElB,IAAI,IAAI,CAAC,KAAK,EAAE,GAAG,IAAI,CACtB,uBAAC,SAAG,IAAC,SAAS,EAAC,6BAA6B,EAAC,KAAK,EAAE,IAAI,EAAE,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,GAAG,CACpF,EACA,KAAK,EAAE,GAAG,IAAI,uBAAC,SAAG,IAAC,KAAK,EAAE,KAAK,GAAI,EACnC,KAAK,CAAC,CAAC,CAAC,CACP,uBAAC,iBAAO,IAAC,WAAW,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,SAAS,EAAC,wBAAwB,EAAC,KAAK,EAAE,KAAK,GAAI,CACtF,CAAC,CAAC,CAAC,IAAI,EACP,IAAI,EAAE,IAAI,IAAI,CACb,gCAAK,SAAS,EAAC,gBAAgB,YAC7B,uBAAC,uBAAU,IACT,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,MAAM,EAAE,IAAI,CAAC,MAAM,IAAI,EAAE,EACzB,SAAS,EAAC,uFAAuF,YAEjG,gCAAK,SAAS,EAAC,MAAM,YACnB,uBAAC,qBAAS,IAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAC,aAAa,YACzC,IAAI,CAAC,IAAI,GACA,GACR,GACK,GACT,CACP,IACG,CACP,CAAC,CAAC"}
|
|
@@ -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.mobile.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableCell.mobile.js","sourceRoot":"","sources":["../../../src/components/ComparisonTable/TableCell.mobile.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.mobile.js","sourceRoot":"","sources":["../../../src/components/ComparisonTable/TableCell.mobile.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"}
|
|
@@ -3,7 +3,8 @@ import { JSX } from '@redneckz/uni-jsx';
|
|
|
3
3
|
import { Heading } from '../../ui-kit/Heading/Heading.js';
|
|
4
4
|
import { Img } from '../../ui-kit/Img/Img.js';
|
|
5
5
|
import { LinkButton } from '../../ui-kit/LinkButton/LinkButton.js';
|
|
6
|
+
import { Paragraph } from '../../ui-kit/Paragraph/Paragraph.js';
|
|
6
7
|
import { style } from '../../utils/style.js';
|
|
7
8
|
import { borderStyle, gradientStyle } from './constants.js';
|
|
8
|
-
export const HeaderCell = JSX(({ icon, image, title, link }) => (_jsxs("div", { className: style('w-80 box-border flex flex-col gap-m items-center rounded-t-md border-b-0 p-2xl', borderStyle, gradientStyle), role: "columnheader", children: [icon && !image?.src && (_jsx(Img, { className: "h-16 w-16 min-w-16 min-h-16", image: icon, width: "64", height: "64" })), image?.src && _jsx(Img, { image: image }), title ? (_jsx(Heading, { headingType: "h4", as: "h3", className: "text-center text-white", title: title })) : null, link?.text && (_jsx("div", { className: "mt-auto w-full", children: _jsx(LinkButton, { href: link.href, target: link.target || '', className: "w-full text-primary-main bg-white hover:bg-secondary-hover active:bg-secondary-active", children: _jsx("div", { className: "text-xs font
|
|
9
|
+
export const HeaderCell = JSX(({ icon, image, title, link }) => (_jsxs("div", { className: style('w-80 box-border flex flex-col gap-m items-center rounded-t-md border-b-0 p-2xl', borderStyle, gradientStyle), role: "columnheader", children: [icon && !image?.src && (_jsx(Img, { className: "h-16 w-16 min-w-16 min-h-16", image: icon, width: "64", height: "64" })), image?.src && _jsx(Img, { image: image }), title ? (_jsx(Heading, { headingType: "h4", as: "h3", className: "text-center text-white", title: title })) : null, link?.text && (_jsx("div", { className: "mt-auto w-full", children: _jsx(LinkButton, { href: link.href, target: link.target || '', className: "w-full text-primary-main bg-white hover:bg-secondary-hover active:bg-secondary-active", children: _jsx("div", { className: "py-s", children: _jsx(Paragraph, { size: "text-xs", font: "font-medium", children: link.text }) }) }) }))] })));
|
|
9
10
|
//# sourceMappingURL=HeaderCell.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HeaderCell.js","sourceRoot":"","sources":["../../../src/components/ComparisonTable/HeaderCell.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAChE,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAUzD,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAAkB,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAC/E,eACE,SAAS,EAAE,KAAK,CACd,gFAAgF,EAChF,WAAW,EACX,aAAa,CACd,EACD,IAAI,EAAC,cAAc,aAElB,IAAI,IAAI,CAAC,KAAK,EAAE,GAAG,IAAI,CACtB,KAAC,GAAG,IAAC,SAAS,EAAC,6BAA6B,EAAC,KAAK,EAAE,IAAI,EAAE,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,GAAG,CACpF,EACA,KAAK,EAAE,GAAG,IAAI,KAAC,GAAG,IAAC,KAAK,EAAE,KAAK,GAAI,EACnC,KAAK,CAAC,CAAC,CAAC,CACP,KAAC,OAAO,IAAC,WAAW,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,SAAS,EAAC,wBAAwB,EAAC,KAAK,EAAE,KAAK,GAAI,CACtF,CAAC,CAAC,CAAC,IAAI,EACP,IAAI,EAAE,IAAI,IAAI,CACb,cAAK,SAAS,EAAC,gBAAgB,YAC7B,KAAC,UAAU,IACT,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,MAAM,EAAE,IAAI,CAAC,MAAM,IAAI,EAAE,EACzB,SAAS,EAAC,uFAAuF,YAEjG,cAAK,SAAS,EAAC,
|
|
1
|
+
{"version":3,"file":"HeaderCell.js","sourceRoot":"","sources":["../../../src/components/ComparisonTable/HeaderCell.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAChE,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAC7D,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAUzD,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAAkB,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAC/E,eACE,SAAS,EAAE,KAAK,CACd,gFAAgF,EAChF,WAAW,EACX,aAAa,CACd,EACD,IAAI,EAAC,cAAc,aAElB,IAAI,IAAI,CAAC,KAAK,EAAE,GAAG,IAAI,CACtB,KAAC,GAAG,IAAC,SAAS,EAAC,6BAA6B,EAAC,KAAK,EAAE,IAAI,EAAE,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,GAAG,CACpF,EACA,KAAK,EAAE,GAAG,IAAI,KAAC,GAAG,IAAC,KAAK,EAAE,KAAK,GAAI,EACnC,KAAK,CAAC,CAAC,CAAC,CACP,KAAC,OAAO,IAAC,WAAW,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,SAAS,EAAC,wBAAwB,EAAC,KAAK,EAAE,KAAK,GAAI,CACtF,CAAC,CAAC,CAAC,IAAI,EACP,IAAI,EAAE,IAAI,IAAI,CACb,cAAK,SAAS,EAAC,gBAAgB,YAC7B,KAAC,UAAU,IACT,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,MAAM,EAAE,IAAI,CAAC,MAAM,IAAI,EAAE,EACzB,SAAS,EAAC,uFAAuF,YAEjG,cAAK,SAAS,EAAC,MAAM,YACnB,KAAC,SAAS,IAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAC,aAAa,YACzC,IAAI,CAAC,IAAI,GACA,GACR,GACK,GACT,CACP,IACG,CACP,CAAC,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.mobile.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableCell.mobile.js","sourceRoot":"","sources":["../../../src/components/ComparisonTable/TableCell.mobile.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.mobile.js","sourceRoot":"","sources":["../../../src/components/ComparisonTable/TableCell.mobile.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"}
|
|
@@ -3129,7 +3129,9 @@
|
|
|
3129
3129
|
|
|
3130
3130
|
const cellWrapperStyle = `box-border flex flex-col`;
|
|
3131
3131
|
const TableCell = JSX(({ cell, rowHeader, isFillGradient = false }) => (jsx("div", { className: cellWrapperStyle, role: "cell", children: jsx("div", { className: style('h-full', dividerStyle$1), children: cell ? cell.map(renderCellInner(isFillGradient, rowHeader)) : null }) })));
|
|
3132
|
-
const
|
|
3132
|
+
const rowHeaderAndDescriptionColor = (isFillGradient = false) => `${isFillGradient ? 'text-white/80' : 'text-secondary-text'}`;
|
|
3133
|
+
const labelColor = (isFillGradient = false) => `${isFillGradient ? 'text-white' : ''}`;
|
|
3134
|
+
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)));
|
|
3133
3135
|
|
|
3134
3136
|
const TableColumn = JSX(({ header, columnData, visibleRowLength = 0, isFillGradient, showRow, onToggleColumn }) => {
|
|
3135
3137
|
const columnDataView = columnData?.slice(0, showRow ? columnData.length : visibleRowLength);
|
|
@@ -3139,7 +3141,7 @@
|
|
|
3139
3141
|
? columnDataView.map(({ rowHeader, cell }, i) => (jsx(TableCell, { cell: cell, rowHeader: rowHeader, isFillGradient: isFillGradient }, String(i))))
|
|
3140
3142
|
: 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 })] }));
|
|
3141
3143
|
});
|
|
3142
|
-
const renderToggleButton = ({ onToggleColumn, isFillGradient, showRow, }) => (jsx("div", { className: "mt-lg", role: "cell", children: jsx("a", { role: "link", onClick: onToggleColumn, className: `
|
|
3144
|
+
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 ? 'Показать описание' : 'Скрыть' }) }) }));
|
|
3143
3145
|
|
|
3144
3146
|
const ComparisonTable = JSX((props) => {
|
|
3145
3147
|
const { className, title } = props;
|
|
@@ -5401,7 +5403,7 @@
|
|
|
5401
5403
|
|
|
5402
5404
|
const joinList = (sep) => (list) => list.reduce((acc, el, i) => (acc.length ? acc.concat({ ...sep, key: `sep-${i}` }, el) : [el]), []);
|
|
5403
5405
|
|
|
5404
|
-
const packageVersion = "0.14.
|
|
5406
|
+
const packageVersion = "0.14.98";
|
|
5405
5407
|
|
|
5406
5408
|
exports.Blocks = Blocks;
|
|
5407
5409
|
exports.ContentPage = ContentPage;
|