@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.
Files changed (46) hide show
  1. package/bundle/bundle.umd.js +4 -4
  2. package/bundle/bundle.umd.min.js +1 -1
  3. package/bundle/components/ComparisonTable/TableCell.mobile.d.ts +1 -1
  4. package/dist/components/ComparisonTable/HeaderCell.js +2 -1
  5. package/dist/components/ComparisonTable/HeaderCell.js.map +1 -1
  6. package/dist/components/ComparisonTable/TableCell.mobile.d.ts +1 -1
  7. package/dist/components/ComparisonTable/TableCell.mobile.js +4 -1
  8. package/dist/components/ComparisonTable/TableCell.mobile.js.map +1 -1
  9. package/dist/components/ComparisonTable/TableColumn.js +2 -1
  10. package/dist/components/ComparisonTable/TableColumn.js.map +1 -1
  11. package/dist/components/ComparisonTable/TableRow.js +3 -2
  12. package/dist/components/ComparisonTable/TableRow.js.map +1 -1
  13. package/lib/components/ComparisonTable/HeaderCell.js +2 -1
  14. package/lib/components/ComparisonTable/HeaderCell.js.map +1 -1
  15. package/lib/components/ComparisonTable/TableCell.mobile.d.ts +1 -1
  16. package/lib/components/ComparisonTable/TableCell.mobile.js +4 -1
  17. package/lib/components/ComparisonTable/TableCell.mobile.js.map +1 -1
  18. package/lib/components/ComparisonTable/TableColumn.js +2 -1
  19. package/lib/components/ComparisonTable/TableColumn.js.map +1 -1
  20. package/lib/components/ComparisonTable/TableRow.js +3 -2
  21. package/lib/components/ComparisonTable/TableRow.js.map +1 -1
  22. package/mobile/bundle/bundle.umd.js +5 -3
  23. package/mobile/bundle/bundle.umd.min.js +1 -1
  24. package/mobile/bundle/components/ComparisonTable/TableCell.d.ts +1 -1
  25. package/mobile/dist/components/ComparisonTable/TableCell.d.ts +1 -1
  26. package/mobile/dist/components/ComparisonTable/TableCell.js +4 -1
  27. package/mobile/dist/components/ComparisonTable/TableCell.js.map +1 -1
  28. package/mobile/dist/components/ComparisonTable/TableColumn.js +2 -1
  29. package/mobile/dist/components/ComparisonTable/TableColumn.js.map +1 -1
  30. package/mobile/dist/components/ComparisonTable/TableRow.js +3 -2
  31. package/mobile/dist/components/ComparisonTable/TableRow.js.map +1 -1
  32. package/mobile/lib/components/ComparisonTable/TableCell.d.ts +1 -1
  33. package/mobile/lib/components/ComparisonTable/TableCell.js +4 -1
  34. package/mobile/lib/components/ComparisonTable/TableCell.js.map +1 -1
  35. package/mobile/lib/components/ComparisonTable/TableColumn.js +2 -1
  36. package/mobile/lib/components/ComparisonTable/TableColumn.js.map +1 -1
  37. package/mobile/lib/components/ComparisonTable/TableRow.js +3 -2
  38. package/mobile/lib/components/ComparisonTable/TableRow.js.map +1 -1
  39. package/mobile/src/components/ComparisonTable/TableCell.tsx +18 -11
  40. package/mobile/src/components/ComparisonTable/TableColumn.tsx +5 -4
  41. package/mobile/src/components/ComparisonTable/TableRow.tsx +7 -2
  42. package/package.json +1 -1
  43. package/src/components/ComparisonTable/HeaderCell.tsx +6 -1
  44. package/src/components/ComparisonTable/TableCell.mobile.tsx +18 -11
  45. package/src/components/ComparisonTable/TableColumn.tsx +5 -4
  46. package/src/components/ComparisonTable/TableRow.tsx +7 -2
@@ -1,4 +1,4 @@
1
- import { type CellData } from './ComparisonTableContent';
1
+ import type { CellData } from './ComparisonTableContent';
2
2
  export interface TableCellProps {
3
3
  cell?: CellData[];
4
4
  rowHeader?: string;
@@ -1,4 +1,4 @@
1
- import { type CellData } from './ComparisonTableContent';
1
+ import type { CellData } from './ComparisonTableContent';
2
2
  export interface TableCellProps {
3
3
  cell?: CellData[];
4
4
  rowHeader?: string;
@@ -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 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)("div", { className: `${isFillGradient ? 'text-white/80' : 'text-secondary-text'}`, children: rowHeader }), (0, jsx_runtime_1.jsxs)("div", { className: "basis-1/2", children: [label ? ((0, jsx_runtime_1.jsx)("div", { className: (0, style_1.style)('text-right', isFillGradient ? 'text-white' : ''), children: label })) : null, description ? ((0, jsx_runtime_1.jsx)("div", { className: (0, style_1.style)('text-right', isFillGradient ? 'text-white/80' : 'text-secondary-text'), children: description })) : null] })] }, String(i)));
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,gCAAK,SAAS,EAAE,GAAG,cAAc,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,qBAAqB,EAAE,YAC1E,SAAS,GACN,EACN,iCAAK,SAAS,EAAC,WAAW,aACvB,KAAK,CAAC,CAAC,CAAC,CACP,gCAAK,SAAS,EAAE,IAAA,aAAK,EAAC,YAAY,EAAE,cAAc,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,YAAG,KAAK,GAAO,CACvF,CAAC,CAAC,CAAC,IAAI,EACP,WAAW,CAAC,CAAC,CAAC,CACb,gCACE,SAAS,EAAE,IAAA,aAAK,EACd,YAAY,EACZ,cAAc,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,qBAAqB,CACzD,YAEA,WAAW,GACR,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,KAlBE,MAAM,CAAC,CAAC,CAAC,CAmBb,CACP,CAAC"}
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: `text-s font-medium cursor-pointer ${isFillGradient ? 'text-white/80' : 'text-primary-main'}`, children: !showRow ? 'Показать описание' : 'Скрыть' }) }));
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,qCACT,cAAc,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,mBACrC,EAAE,YAED,CAAC,OAAO,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,QAAQ,GACxC,GACA,CACP,CAAC"}
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)('text-s py-2xl', constants_1.dividerStyle, constants_1.firstCellStyle, isLastRow ? 'border-b-0' : 'border-solid');
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,eAAe,EAAE,wBAAY,EAAE,0BAAc,EAAE,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC;AAErF,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,gCAAK,SAAS,EAAE,UAAU,CAAC,SAAS,CAAC,YAAG,MAAM,CAAC,KAAK,GAAO,CAAC,CAAC,CAAC,IAAI,EAClF,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
+ {"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,4 +1,4 @@
1
- import { type CellData } from './ComparisonTableContent';
1
+ import type { CellData } from './ComparisonTableContent';
2
2
  export interface TableCellProps {
3
3
  cell?: CellData[];
4
4
  rowHeader?: string;
@@ -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 renderCellInner = (isFillGradient, rowHeader) => ({ label, description }, i) => (_jsxs("div", { className: "flex justify-between text-s py-s", children: [_jsx("div", { className: `${isFillGradient ? 'text-white/80' : 'text-secondary-text'}`, children: rowHeader }), _jsxs("div", { className: "basis-1/2", children: [label ? (_jsx("div", { className: style('text-right', isFillGradient ? 'text-white' : ''), children: label })) : null, description ? (_jsx("div", { className: style('text-right', isFillGradient ? 'text-white/80' : 'text-secondary-text'), children: description })) : null] })] }, String(i)));
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,cAAK,SAAS,EAAE,GAAG,cAAc,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,qBAAqB,EAAE,YAC1E,SAAS,GACN,EACN,eAAK,SAAS,EAAC,WAAW,aACvB,KAAK,CAAC,CAAC,CAAC,CACP,cAAK,SAAS,EAAE,KAAK,CAAC,YAAY,EAAE,cAAc,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,YAAG,KAAK,GAAO,CACvF,CAAC,CAAC,CAAC,IAAI,EACP,WAAW,CAAC,CAAC,CAAC,CACb,cACE,SAAS,EAAE,KAAK,CACd,YAAY,EACZ,cAAc,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,qBAAqB,CACzD,YAEA,WAAW,GACR,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,KAlBE,MAAM,CAAC,CAAC,CAAC,CAmBb,CACP,CAAC"}
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: `text-s font-medium cursor-pointer ${isFillGradient ? 'text-white/80' : 'text-primary-main'}`, children: !showRow ? 'Показать описание' : 'Скрыть' }) }));
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,qCACT,cAAc,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,mBACrC,EAAE,YAED,CAAC,OAAO,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,QAAQ,GACxC,GACA,CACP,CAAC"}
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('text-s py-2xl', dividerStyle, firstCellStyle, isLastRow ? 'border-b-0' : 'border-solid');
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,eAAe,EAAE,YAAY,EAAE,cAAc,EAAE,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC;AAElG,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,cAAK,SAAS,EAAE,UAAU,CAAC,SAAS,CAAC,YAAG,MAAM,CAAC,KAAK,GAAO,CAAC,CAAC,CAAC,IAAI,EAClF,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
+ {"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 { type CellData } from './ComparisonTableContent';
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
- <div className={`${isFillGradient ? 'text-white/80' : 'text-secondary-text'}`}>
35
+ <Paragraph size="text-s" color={rowHeaderAndDescriptionColor(isFillGradient)}>
30
36
  {rowHeader}
31
- </div>
37
+ </Paragraph>
32
38
  <div className="basis-1/2">
33
39
  {label ? (
34
- <div className={style('text-right', isFillGradient ? 'text-white' : '')}>{label}</div>
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
- className={style(
39
- 'text-right',
40
- isFillGradient ? 'text-white/80' : 'text-secondary-text',
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={`text-s font-medium cursor-pointer ${
80
- isFillGradient ? 'text-white/80' : 'text-primary-main'
81
- }`}
80
+ className={`cursor-pointer ${isFillGradient ? 'text-white/80' : 'text-primary-main'}`}
82
81
  >
83
- {!showRow ? 'Показать описание' : 'Скрыть'}
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('text-s py-2xl', dividerStyle, firstCellStyle, isLastRow ? 'border-b-0' : 'border-solid');
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 ? <div className={titleStyle(isLastRow)}>{header.title}</div> : null}
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
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@redneckz/wildless-cms-uni-blocks",
3
- "version": "0.14.98",
3
+ "version": "0.14.99",
4
4
  "private": false,
5
5
  "license": "MIT",
6
6
  "author": "ЦК",
@@ -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="text-xs font-light font-medium py-s">{link.text}</div>
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 { type CellData } from './ComparisonTableContent';
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
- <div className={`${isFillGradient ? 'text-white/80' : 'text-secondary-text'}`}>
35
+ <Paragraph size="text-s" color={rowHeaderAndDescriptionColor(isFillGradient)}>
30
36
  {rowHeader}
31
- </div>
37
+ </Paragraph>
32
38
  <div className="basis-1/2">
33
39
  {label ? (
34
- <div className={style('text-right', isFillGradient ? 'text-white' : '')}>{label}</div>
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
- className={style(
39
- 'text-right',
40
- isFillGradient ? 'text-white/80' : 'text-secondary-text',
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={`text-s font-medium cursor-pointer ${
80
- isFillGradient ? 'text-white/80' : 'text-primary-main'
81
- }`}
80
+ className={`cursor-pointer ${isFillGradient ? 'text-white/80' : 'text-primary-main'}`}
82
81
  >
83
- {!showRow ? 'Показать описание' : 'Скрыть'}
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('text-s py-2xl', dividerStyle, firstCellStyle, isLastRow ? 'border-b-0' : 'border-solid');
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 ? <div className={titleStyle(isLastRow)}>{header.title}</div> : null}
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) => (