@redneckz/wildless-cms-uni-blocks 0.2.72 → 0.2.75

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 (211) hide show
  1. package/bundle/blocks.schema.json +240 -151
  2. package/bundle/bundle.umd.js +124 -44
  3. package/bundle/bundle.umd.min.js +1 -1
  4. package/dist/BaseTile.js +9 -4
  5. package/dist/BaseTile.js.map +1 -1
  6. package/dist/BaseTileContent.d.ts +2 -2
  7. package/dist/BlockContent.d.ts +2 -1
  8. package/dist/Blocks.d.ts +2 -0
  9. package/dist/Blocks.js +4 -0
  10. package/dist/Blocks.js.map +1 -1
  11. package/dist/ComparisonTable/ComparisonTable.d.ts +5 -0
  12. package/dist/ComparisonTable/ComparisonTable.js +34 -0
  13. package/dist/ComparisonTable/ComparisonTable.js.map +1 -0
  14. package/dist/ComparisonTable/ComparisonTableContent.d.ts +37 -0
  15. package/dist/ComparisonTable/ComparisonTableContent.js +2 -0
  16. package/dist/ComparisonTable/ComparisonTableContent.js.map +1 -0
  17. package/dist/ComparisonTable/HeaderCell.d.ts +10 -0
  18. package/dist/ComparisonTable/HeaderCell.js +11 -0
  19. package/dist/ComparisonTable/HeaderCell.js.map +1 -0
  20. package/dist/ComparisonTable/TableCarouselContainer.d.ts +4 -0
  21. package/dist/ComparisonTable/TableCarouselContainer.js +7 -0
  22. package/dist/ComparisonTable/TableCarouselContainer.js.map +1 -0
  23. package/dist/ComparisonTable/TableCell.d.ts +8 -0
  24. package/dist/ComparisonTable/TableCell.js +12 -0
  25. package/dist/ComparisonTable/TableCell.js.map +1 -0
  26. package/dist/ComparisonTable/TableRow.d.ts +10 -0
  27. package/dist/ComparisonTable/TableRow.js +10 -0
  28. package/dist/ComparisonTable/TableRow.js.map +1 -0
  29. package/dist/ComparisonTable/TableRowContainer.d.ts +4 -0
  30. package/dist/ComparisonTable/TableRowContainer.js +6 -0
  31. package/dist/ComparisonTable/TableRowContainer.js.map +1 -0
  32. package/dist/ComparisonTable/constants.d.ts +6 -0
  33. package/dist/ComparisonTable/constants.js +9 -0
  34. package/dist/ComparisonTable/constants.js.map +1 -0
  35. package/dist/ComparisonTable/index.d.ts +3 -0
  36. package/dist/ComparisonTable/index.js +5 -0
  37. package/dist/ComparisonTable/index.js.map +1 -0
  38. package/dist/ExchangeRateTile.js +1 -0
  39. package/dist/ExchangeRateTile.js.map +1 -1
  40. package/dist/Footer/Contacts.js +1 -1
  41. package/dist/Footer/Contacts.js.map +1 -1
  42. package/dist/Footer/SocialMedia.js +4 -1
  43. package/dist/Footer/SocialMedia.js.map +1 -1
  44. package/dist/Gallery.d.ts +1 -1
  45. package/dist/Gallery.js +2 -32
  46. package/dist/Gallery.js.map +1 -1
  47. package/dist/Gallery.mobile.js +1 -1
  48. package/dist/Gallery.mobile.js.map +1 -1
  49. package/dist/GalleryInner.d.ts +7 -0
  50. package/dist/GalleryInner.js +46 -0
  51. package/dist/GalleryInner.js.map +1 -0
  52. package/dist/MiniGallery.d.ts +5 -0
  53. package/dist/MiniGallery.js +7 -0
  54. package/dist/MiniGallery.js.map +1 -0
  55. package/dist/ProductBlockInner.js +3 -3
  56. package/dist/ProductBlockInner.js.map +1 -1
  57. package/dist/TextBlock.js +4 -4
  58. package/dist/TextBlock.js.map +1 -1
  59. package/dist/model/GalleryVersion.d.ts +1 -0
  60. package/dist/{ui-kit/IconButtonProps.js → model/GalleryVersion.js} +1 -1
  61. package/dist/model/GalleryVersion.js.map +1 -0
  62. package/dist/ui-kit/ArrowButton.d.ts +2 -6
  63. package/dist/ui-kit/ArrowButton.js +17 -3
  64. package/dist/ui-kit/ArrowButton.js.map +1 -1
  65. package/dist/ui-kit/Button.d.ts +2 -1
  66. package/dist/ui-kit/Button.js +11 -5
  67. package/dist/ui-kit/Button.js.map +1 -1
  68. package/dist/ui-kit/ButtonProps.d.ts +15 -3
  69. package/dist/ui-kit/IconProps.d.ts +23 -1
  70. package/dist/ui-kit/IconProps.js +24 -0
  71. package/dist/ui-kit/IconProps.js.map +1 -1
  72. package/dist/{Img.d.ts → ui-kit/Img.d.ts} +1 -1
  73. package/dist/{Img.js → ui-kit/Img.js} +0 -0
  74. package/dist/ui-kit/Img.js.map +1 -0
  75. package/dist/ui-kit/SVG.d.ts +2 -0
  76. package/dist/ui-kit/SVG.js +2 -2
  77. package/dist/ui-kit/SVG.js.map +1 -1
  78. package/lib/BaseTile.js +9 -4
  79. package/lib/BaseTile.js.map +1 -1
  80. package/lib/BaseTileContent.d.ts +2 -2
  81. package/lib/BlockContent.d.ts +2 -1
  82. package/lib/Blocks.d.ts +2 -0
  83. package/lib/Blocks.js +4 -0
  84. package/lib/Blocks.js.map +1 -1
  85. package/lib/ComparisonTable/ComparisonTable.d.ts +5 -0
  86. package/lib/ComparisonTable/ComparisonTable.js +32 -0
  87. package/lib/ComparisonTable/ComparisonTable.js.map +1 -0
  88. package/lib/ComparisonTable/ComparisonTableContent.d.ts +37 -0
  89. package/lib/ComparisonTable/ComparisonTableContent.js +2 -0
  90. package/lib/ComparisonTable/ComparisonTableContent.js.map +1 -0
  91. package/lib/ComparisonTable/HeaderCell.d.ts +10 -0
  92. package/lib/ComparisonTable/HeaderCell.js +9 -0
  93. package/lib/ComparisonTable/HeaderCell.js.map +1 -0
  94. package/lib/ComparisonTable/TableCarouselContainer.d.ts +4 -0
  95. package/lib/ComparisonTable/TableCarouselContainer.js +5 -0
  96. package/lib/ComparisonTable/TableCarouselContainer.js.map +1 -0
  97. package/lib/ComparisonTable/TableCell.d.ts +8 -0
  98. package/lib/ComparisonTable/TableCell.js +10 -0
  99. package/lib/ComparisonTable/TableCell.js.map +1 -0
  100. package/lib/ComparisonTable/TableRow.d.ts +10 -0
  101. package/lib/ComparisonTable/TableRow.js +8 -0
  102. package/lib/ComparisonTable/TableRow.js.map +1 -0
  103. package/lib/ComparisonTable/TableRowContainer.d.ts +4 -0
  104. package/lib/ComparisonTable/TableRowContainer.js +4 -0
  105. package/lib/ComparisonTable/TableRowContainer.js.map +1 -0
  106. package/lib/ComparisonTable/constants.d.ts +6 -0
  107. package/lib/ComparisonTable/constants.js +7 -0
  108. package/lib/ComparisonTable/constants.js.map +1 -0
  109. package/lib/ComparisonTable/index.d.ts +3 -0
  110. package/lib/ComparisonTable/index.js +2 -0
  111. package/lib/ComparisonTable/index.js.map +1 -0
  112. package/lib/ExchangeRateTile.js +1 -0
  113. package/lib/ExchangeRateTile.js.map +1 -1
  114. package/lib/Footer/Contacts.js +1 -1
  115. package/lib/Footer/Contacts.js.map +1 -1
  116. package/lib/Footer/SocialMedia.js +4 -1
  117. package/lib/Footer/SocialMedia.js.map +1 -1
  118. package/lib/Gallery.d.ts +1 -1
  119. package/lib/Gallery.js +3 -33
  120. package/lib/Gallery.js.map +1 -1
  121. package/lib/Gallery.mobile.js +1 -1
  122. package/lib/Gallery.mobile.js.map +1 -1
  123. package/lib/GalleryInner.d.ts +7 -0
  124. package/lib/GalleryInner.js +44 -0
  125. package/lib/GalleryInner.js.map +1 -0
  126. package/lib/MiniGallery.d.ts +5 -0
  127. package/lib/MiniGallery.js +5 -0
  128. package/lib/MiniGallery.js.map +1 -0
  129. package/lib/ProductBlockInner.js +3 -3
  130. package/lib/ProductBlockInner.js.map +1 -1
  131. package/lib/TextBlock.js +4 -4
  132. package/lib/TextBlock.js.map +1 -1
  133. package/lib/common.css +1 -1
  134. package/lib/model/GalleryVersion.d.ts +1 -0
  135. package/lib/model/GalleryVersion.js +2 -0
  136. package/lib/model/GalleryVersion.js.map +1 -0
  137. package/lib/ui-kit/ArrowButton.d.ts +2 -6
  138. package/lib/ui-kit/ArrowButton.js +18 -4
  139. package/lib/ui-kit/ArrowButton.js.map +1 -1
  140. package/lib/ui-kit/Button.d.ts +2 -1
  141. package/lib/ui-kit/Button.js +11 -5
  142. package/lib/ui-kit/Button.js.map +1 -1
  143. package/lib/ui-kit/ButtonProps.d.ts +15 -3
  144. package/lib/ui-kit/IconProps.d.ts +23 -1
  145. package/lib/ui-kit/IconProps.js +23 -1
  146. package/lib/ui-kit/IconProps.js.map +1 -1
  147. package/lib/{Img.d.ts → ui-kit/Img.d.ts} +1 -1
  148. package/lib/{Img.js → ui-kit/Img.js} +0 -0
  149. package/lib/ui-kit/Img.js.map +1 -0
  150. package/lib/ui-kit/SVG.d.ts +2 -0
  151. package/lib/ui-kit/SVG.js +2 -2
  152. package/lib/ui-kit/SVG.js.map +1 -1
  153. package/package.json +1 -1
  154. package/src/BaseTile.tsx +17 -5
  155. package/src/BaseTileContent.ts +2 -2
  156. package/src/BlockContent.ts +3 -1
  157. package/src/Blocks.ts +4 -0
  158. package/src/ComparisonTable/ComparisonTable.fixture.tsx +265 -0
  159. package/src/ComparisonTable/ComparisonTable.tsx +126 -0
  160. package/src/ComparisonTable/ComparisonTableContent.ts +43 -0
  161. package/src/ComparisonTable/HeaderCell.tsx +50 -0
  162. package/src/ComparisonTable/TableCarouselContainer.tsx +19 -0
  163. package/src/ComparisonTable/TableCell.tsx +43 -0
  164. package/src/ComparisonTable/TableRow.tsx +44 -0
  165. package/src/ComparisonTable/TableRowContainer.tsx +7 -0
  166. package/src/ComparisonTable/constants.ts +6 -0
  167. package/src/ComparisonTable/index.ts +3 -0
  168. package/src/ContentPage.page.json +463 -1
  169. package/src/ExchangeRateTile.tsx +2 -1
  170. package/src/Footer/Contacts.tsx +1 -0
  171. package/src/Footer/SocialMedia.tsx +9 -5
  172. package/src/Gallery.fixture.tsx +1 -1
  173. package/src/Gallery.mobile.tsx +1 -1
  174. package/src/Gallery.tsx +3 -119
  175. package/src/GalleryInner.tsx +135 -0
  176. package/src/MiniGallery.fixture.tsx +90 -0
  177. package/src/MiniGallery.tsx +10 -0
  178. package/src/ProductBlock.fixture.tsx +1 -1
  179. package/src/ProductBlockInner.tsx +3 -3
  180. package/src/ProductTile.fixture.tsx +1 -1
  181. package/src/TextBlock.fixture.tsx +1 -1
  182. package/src/TextBlock.tsx +6 -4
  183. package/src/Tile.fixture.tsx +1 -1
  184. package/src/common.css +36 -0
  185. package/src/icons/AppleIcon.svg +1 -13
  186. package/src/icons/GlassIcon.svg +1 -0
  187. package/src/icons/PlayMarketIcon.svg +1 -6
  188. package/src/model/GalleryVersion.ts +1 -0
  189. package/src/ui-kit/ArrowButton.tsx +29 -30
  190. package/src/ui-kit/Button.fixture.tsx +33 -5
  191. package/src/ui-kit/Button.tsx +41 -17
  192. package/src/ui-kit/ButtonProps.ts +17 -3
  193. package/src/ui-kit/Icon.fixture.tsx +22 -0
  194. package/src/ui-kit/IconProps.ts +24 -21
  195. package/src/{Img.tsx → ui-kit/Img.tsx} +1 -1
  196. package/src/ui-kit/SVG.tsx +11 -2
  197. package/dist/Img.js.map +0 -1
  198. package/dist/ui-kit/IconButton.d.ts +0 -2
  199. package/dist/ui-kit/IconButton.js +0 -10
  200. package/dist/ui-kit/IconButton.js.map +0 -1
  201. package/dist/ui-kit/IconButtonProps.d.ts +0 -6
  202. package/dist/ui-kit/IconButtonProps.js.map +0 -1
  203. package/lib/Img.js.map +0 -1
  204. package/lib/ui-kit/IconButton.d.ts +0 -2
  205. package/lib/ui-kit/IconButton.js +0 -8
  206. package/lib/ui-kit/IconButton.js.map +0 -1
  207. package/lib/ui-kit/IconButtonProps.d.ts +0 -6
  208. package/lib/ui-kit/IconButtonProps.js +0 -2
  209. package/lib/ui-kit/IconButtonProps.js.map +0 -1
  210. package/src/ui-kit/IconButton.tsx +0 -22
  211. package/src/ui-kit/IconButtonProps.ts +0 -7
@@ -3,15 +3,15 @@ exports.ProductBlockInner = 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 BaseTile_1 = require("./BaseTile");
6
- const Img_1 = require("./Img");
7
6
  const Icon_1 = require("./ui-kit/Icon");
7
+ const Img_1 = require("./ui-kit/Img");
8
8
  const Title_1 = require("./ui-kit/Title");
9
9
  exports.ProductBlockInner = (0, uni_jsx_1.JSX)(({ className, context, title, titleSize, description, benefits, buttons, image, items }) => {
10
10
  return ((0, jsx_runtime_1.jsxs)("div", { className: `flex grow justify-between items-stretch ${className || ''}`, children: [(0, jsx_runtime_1.jsxs)("div", { className: 'flex flex-col', children: [title && (
11
11
  /* TODO Why <Title> is duplicated here? */
12
- (0, jsx_runtime_1.jsx)(Title_1.Title, { size: titleSize || 'XL', className: "font-medium m-0 mb-4 whitespace-pre-wrap max-w-[600px]", children: title })), (0, jsx_runtime_1.jsx)(BaseTile_1.BaseTile, { context: context, description: description, items: items, buttons: buttons, children: benefits?.length ? ((0, jsx_runtime_1.jsx)("div", { className: "flex gap-6 mt-6 mb-3.5", children: benefits.map(renderBenefit) })) : null })] }), image?.src && (0, jsx_runtime_1.jsx)(Img_1.Img, { className: "mt-auto", image: image })] }));
12
+ (0, jsx_runtime_1.jsx)(Title_1.Title, { size: titleSize || 'XL', className: "font-medium m-0 mb-4 whitespace-pre-wrap max-w-[600px] text-primary-text", children: title })), (0, jsx_runtime_1.jsx)(BaseTile_1.BaseTile, { context: context, description: description, items: items, buttons: buttons, children: benefits?.length ? ((0, jsx_runtime_1.jsx)("div", { className: "flex gap-6 mt-6 mb-3.5", children: benefits.map(renderBenefit) })) : null })] }), image?.src && (0, jsx_runtime_1.jsx)(Img_1.Img, { className: "mt-auto", image: image })] }));
13
13
  });
14
14
  function renderBenefit(benefit, i) {
15
- return ((0, jsx_runtime_1.jsxs)("div", { className: "flex gap-4 items-center", children: [benefit.icon && ((0, jsx_runtime_1.jsx)(Icon_1.Icon, { className: "w-[50px] h-[50px] min-w-[50px] min-h-[50px] bg-main rounded-full p-[10px] box-border", name: benefit.icon, width: "24", height: "24" })), (0, jsx_runtime_1.jsxs)("div", { className: "flex gap-1 flex-col h-full", children: [(0, jsx_runtime_1.jsx)("h4", { className: "font-medium text-xl m-0", children: benefit.label }), benefit.description && ((0, jsx_runtime_1.jsx)("div", { className: "font-normal text-sm text-secondary-text", children: benefit.description }))] })] }, String(i)));
15
+ return ((0, jsx_runtime_1.jsxs)("div", { className: "flex gap-4 items-center", children: [benefit.icon && ((0, jsx_runtime_1.jsx)(Icon_1.Icon, { className: "w-[50px] h-[50px] min-w-[50px] min-h-[50px] bg-main rounded-full p-[10px] box-border", name: benefit.icon, width: "24", height: "24" })), (0, jsx_runtime_1.jsxs)("div", { className: "flex gap-1 flex-col h-full", children: [(0, jsx_runtime_1.jsx)("h4", { className: "font-medium text-primary-text text-xl m-0", children: benefit.label }), benefit.description && ((0, jsx_runtime_1.jsx)("div", { className: "font-normal text-sm text-secondary-text", children: benefit.description }))] })] }, String(i)));
16
16
  }
17
17
  //# sourceMappingURL=ProductBlockInner.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ProductBlockInner.js","sourceRoot":"","sources":["../src/ProductBlockInner.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,yCAAsC;AAEtC,+BAA4B;AAG5B,wCAAqC;AACrC,0CAAuC;AAI1B,QAAA,iBAAiB,GAAG,IAAA,aAAG,EAClC,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE;IACzF,OAAO,CACL,iCAAK,SAAS,EAAE,2CAA2C,SAAS,IAAI,EAAE,EAAE,aAC1E,iCAAK,SAAS,EAAE,eAAe,aAC5B,KAAK,IAAI;oBACR,2CAA2C;oBAC3C,uBAAC,aAAK,IACJ,IAAI,EAAE,SAAS,IAAI,IAAI,EACvB,SAAS,EAAC,wDAAwD,YAEjE,KAAK,GACA,CACT,EACD,uBAAC,mBAAQ,IAAC,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,YACjF,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC,CAClB,gCAAK,SAAS,EAAC,wBAAwB,YAAE,QAAQ,CAAC,GAAG,CAAC,aAAa,CAAC,GAAO,CAC5E,CAAC,CAAC,CAAC,IAAI,GACC,IACP,EACL,KAAK,EAAE,GAAG,IAAI,uBAAC,SAAG,IAAC,SAAS,EAAC,SAAS,EAAC,KAAK,EAAE,KAAK,GAAI,IACpD,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,SAAS,aAAa,CAAC,OAAgB,EAAE,CAAS;IAChD,OAAO,CACL,iCAAqB,SAAS,EAAC,yBAAyB,aACrD,OAAO,CAAC,IAAI,IAAI,CACf,uBAAC,WAAI,IACH,SAAS,EAAC,sFAAsF,EAChG,IAAI,EAAE,OAAO,CAAC,IAAI,EAClB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,GACX,CACH,EACD,iCAAK,SAAS,EAAC,4BAA4B,aACzC,+BAAI,SAAS,EAAC,yBAAyB,YAAE,OAAO,CAAC,KAAK,GAAM,EAC3D,OAAO,CAAC,WAAW,IAAI,CACtB,gCAAK,SAAS,EAAC,yCAAyC,YAAE,OAAO,CAAC,WAAW,GAAO,CACrF,IACG,KAdE,MAAM,CAAC,CAAC,CAAC,CAeb,CACP,CAAC;AACJ,CAAC"}
1
+ {"version":3,"file":"ProductBlockInner.js","sourceRoot":"","sources":["../src/ProductBlockInner.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,yCAAsC;AAItC,wCAAqC;AACrC,sCAAmC;AACnC,0CAAuC;AAI1B,QAAA,iBAAiB,GAAG,IAAA,aAAG,EAClC,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE;IACzF,OAAO,CACL,iCAAK,SAAS,EAAE,2CAA2C,SAAS,IAAI,EAAE,EAAE,aAC1E,iCAAK,SAAS,EAAE,eAAe,aAC5B,KAAK,IAAI;oBACR,2CAA2C;oBAC3C,uBAAC,aAAK,IACJ,IAAI,EAAE,SAAS,IAAI,IAAI,EACvB,SAAS,EAAC,0EAA0E,YAEnF,KAAK,GACA,CACT,EACD,uBAAC,mBAAQ,IAAC,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,YACjF,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC,CAClB,gCAAK,SAAS,EAAC,wBAAwB,YAAE,QAAQ,CAAC,GAAG,CAAC,aAAa,CAAC,GAAO,CAC5E,CAAC,CAAC,CAAC,IAAI,GACC,IACP,EACL,KAAK,EAAE,GAAG,IAAI,uBAAC,SAAG,IAAC,SAAS,EAAC,SAAS,EAAC,KAAK,EAAE,KAAK,GAAI,IACpD,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,SAAS,aAAa,CAAC,OAAgB,EAAE,CAAS;IAChD,OAAO,CACL,iCAAqB,SAAS,EAAC,yBAAyB,aACrD,OAAO,CAAC,IAAI,IAAI,CACf,uBAAC,WAAI,IACH,SAAS,EAAC,sFAAsF,EAChG,IAAI,EAAE,OAAO,CAAC,IAAI,EAClB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,GACX,CACH,EACD,iCAAK,SAAS,EAAC,4BAA4B,aACzC,+BAAI,SAAS,EAAC,2CAA2C,YAAE,OAAO,CAAC,KAAK,GAAM,EAC7E,OAAO,CAAC,WAAW,IAAI,CACtB,gCAAK,SAAS,EAAC,yCAAyC,YAAE,OAAO,CAAC,WAAW,GAAO,CACrF,IACG,KAdE,MAAM,CAAC,CAAC,CAAC,CAeb,CACP,CAAC;AACJ,CAAC"}
package/dist/TextBlock.js CHANGED
@@ -2,12 +2,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
2
2
  exports.TextBlock = 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 Img_1 = require("./Img");
5
+ const Img_1 = require("./ui-kit/Img");
6
6
  const textBlockStyleMaps = {
7
7
  primary: {
8
8
  background: 'bg-white',
9
9
  icon: 'bg-primary-main text-white',
10
- title: 'text-base',
10
+ title: 'text-primary-text',
11
11
  description: 'text-secondary-text',
12
12
  },
13
13
  secondary: {
@@ -19,13 +19,13 @@ const textBlockStyleMaps = {
19
19
  'secondary-light': {
20
20
  background: 'bg-primary-main/10',
21
21
  icon: 'bg-primary-main text-white',
22
- title: 'text-base',
22
+ title: 'text-primary-text',
23
23
  description: 'text-secondary-text',
24
24
  },
25
25
  };
26
26
  exports.TextBlock = (0, uni_jsx_1.JSX)(({ title, description, blockVersion = 'primary', iconVersion, image, className }) => {
27
27
  const textBlockStyleMap = textBlockStyleMaps[blockVersion];
28
- return ((0, jsx_runtime_1.jsxs)("section", { className: `font-sans px-9 py-4 flex ${textBlockStyleMap.background} ${className || ''}`, children: [iconVersion && iconVersion === 'small' ? renderIcon(textBlockStyleMap.icon) : null, iconVersion && iconVersion === 'big' ? renderImage(image) : null, (0, jsx_runtime_1.jsxs)("div", { className: "py-0.5", children: [title && (0, jsx_runtime_1.jsx)("div", { className: `font-medium mb-1 ${textBlockStyleMap.title}`, children: title }), description && ((0, jsx_runtime_1.jsx)("div", { className: `text-sm ${textBlockStyleMap.description}`, children: description }))] })] }));
28
+ return ((0, jsx_runtime_1.jsxs)("section", { className: `font-sans px-9 py-4 flex ${textBlockStyleMap.background} ${className || ''}`, children: [iconVersion && iconVersion === 'small' ? renderIcon(textBlockStyleMap.icon) : null, iconVersion && iconVersion === 'big' ? renderImage(image) : null, (0, jsx_runtime_1.jsxs)("div", { className: "py-0.5", children: [title && ((0, jsx_runtime_1.jsx)("div", { className: `font-medium text-base mb-1 ${textBlockStyleMap.title}`, children: title })), description && ((0, jsx_runtime_1.jsx)("div", { className: `text-sm ${textBlockStyleMap.description}`, children: description }))] })] }));
29
29
  });
30
30
  function renderIcon(className) {
31
31
  return ((0, jsx_runtime_1.jsx)("div", { className: `pt-1.5 pr-4`, children: (0, jsx_runtime_1.jsx)("div", { className: `rounded-full h-4 w-4 text-center text-xs ${className}`, children: "i" }) }));
@@ -1 +1 @@
1
- {"version":3,"file":"TextBlock.js","sourceRoot":"","sources":["../src/TextBlock.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,+BAA4B;AAO5B,MAAM,kBAAkB,GAGpB;IACF,OAAO,EAAE;QACP,UAAU,EAAE,UAAU;QACtB,IAAI,EAAE,4BAA4B;QAClC,KAAK,EAAE,WAAW;QAClB,WAAW,EAAE,qBAAqB;KACnC;IACD,SAAS,EAAE;QACT,UAAU,EAAE,iBAAiB;QAC7B,IAAI,EAAE,4BAA4B;QAClC,KAAK,EAAE,YAAY;QACnB,WAAW,EAAE,YAAY;KAC1B;IACD,iBAAiB,EAAE;QACjB,UAAU,EAAE,oBAAoB;QAChC,IAAI,EAAE,4BAA4B;QAClC,KAAK,EAAE,WAAW;QAClB,WAAW,EAAE,qBAAqB;KACnC;CACF,CAAC;AAEW,QAAA,SAAS,GAAG,IAAA,aAAG,EAC1B,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,YAAY,GAAG,SAAS,EAAE,WAAW,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE;IAClF,MAAM,iBAAiB,GAAG,kBAAkB,CAAC,YAAY,CAAC,CAAC;IAC3D,OAAO,CACL,qCACE,SAAS,EAAE,4BAA4B,iBAAiB,CAAC,UAAU,IAAI,SAAS,IAAI,EAAE,EAAE,aAEvF,WAAW,IAAI,WAAW,KAAK,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,EAClF,WAAW,IAAI,WAAW,KAAK,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,EACjE,iCAAK,SAAS,EAAC,QAAQ,aACpB,KAAK,IAAI,gCAAK,SAAS,EAAE,oBAAoB,iBAAiB,CAAC,KAAK,EAAE,YAAG,KAAK,GAAO,EACrF,WAAW,IAAI,CACd,gCAAK,SAAS,EAAE,WAAW,iBAAiB,CAAC,WAAW,EAAE,YAAG,WAAW,GAAO,CAChF,IACG,IACE,CACX,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,SAAS,UAAU,CAAC,SAAiB;IACnC,OAAO,CACL,gCAAK,SAAS,EAAE,aAAa,YAC3B,gCAAK,SAAS,EAAE,4CAA4C,SAAS,EAAE,kBAAS,GAC5E,CACP,CAAC;AACJ,CAAC;AAED,SAAS,WAAW,CAAC,KAAe;IAClC,OAAO,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,uBAAC,SAAG,IAAC,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,KAAK,GAAI,CAAC,CAAC,CAAC,IAAI,CAAC;AAC3E,CAAC"}
1
+ {"version":3,"file":"TextBlock.js","sourceRoot":"","sources":["../src/TextBlock.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAIxC,sCAAmC;AAInC,MAAM,kBAAkB,GAGpB;IACF,OAAO,EAAE;QACP,UAAU,EAAE,UAAU;QACtB,IAAI,EAAE,4BAA4B;QAClC,KAAK,EAAE,mBAAmB;QAC1B,WAAW,EAAE,qBAAqB;KACnC;IACD,SAAS,EAAE;QACT,UAAU,EAAE,iBAAiB;QAC7B,IAAI,EAAE,4BAA4B;QAClC,KAAK,EAAE,YAAY;QACnB,WAAW,EAAE,YAAY;KAC1B;IACD,iBAAiB,EAAE;QACjB,UAAU,EAAE,oBAAoB;QAChC,IAAI,EAAE,4BAA4B;QAClC,KAAK,EAAE,mBAAmB;QAC1B,WAAW,EAAE,qBAAqB;KACnC;CACF,CAAC;AAEW,QAAA,SAAS,GAAG,IAAA,aAAG,EAC1B,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,YAAY,GAAG,SAAS,EAAE,WAAW,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE;IAClF,MAAM,iBAAiB,GAAG,kBAAkB,CAAC,YAAY,CAAC,CAAC;IAC3D,OAAO,CACL,qCACE,SAAS,EAAE,4BAA4B,iBAAiB,CAAC,UAAU,IAAI,SAAS,IAAI,EAAE,EAAE,aAEvF,WAAW,IAAI,WAAW,KAAK,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,EAClF,WAAW,IAAI,WAAW,KAAK,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,EACjE,iCAAK,SAAS,EAAC,QAAQ,aACpB,KAAK,IAAI,CACR,gCAAK,SAAS,EAAE,8BAA8B,iBAAiB,CAAC,KAAK,EAAE,YAAG,KAAK,GAAO,CACvF,EACA,WAAW,IAAI,CACd,gCAAK,SAAS,EAAE,WAAW,iBAAiB,CAAC,WAAW,EAAE,YAAG,WAAW,GAAO,CAChF,IACG,IACE,CACX,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,SAAS,UAAU,CAAC,SAAiB;IACnC,OAAO,CACL,gCAAK,SAAS,EAAE,aAAa,YAC3B,gCAAK,SAAS,EAAE,4CAA4C,SAAS,EAAE,kBAAS,GAC5E,CACP,CAAC;AACJ,CAAC;AAED,SAAS,WAAW,CAAC,KAAe;IAClC,OAAO,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,uBAAC,SAAG,IAAC,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,KAAK,GAAI,CAAC,CAAC,CAAC,IAAI,CAAC;AAC3E,CAAC"}
@@ -0,0 +1 @@
1
+ export declare type GalleryVersion = 'normal' | 'mini';
@@ -1,2 +1,2 @@
1
1
  Object.defineProperty(exports, "__esModule", { value: true });
2
- //# sourceMappingURL=IconButtonProps.js.map
2
+ //# sourceMappingURL=GalleryVersion.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"GalleryVersion.js","sourceRoot":"","sources":["../../src/model/GalleryVersion.ts"],"names":[],"mappings":""}
@@ -1,6 +1,2 @@
1
- export interface ArrowButtonProps {
2
- onClick?: () => void;
3
- ariaLabel?: string;
4
- className?: string;
5
- }
6
- export declare const ArrowButton: (props: import("@redneckz/uni-jsx").PropsWithChildren<ArrowButtonProps, any>, context?: any) => any;
1
+ import { ButtonProps } from './ButtonProps';
2
+ export declare const ArrowButton: (props: import("@redneckz/uni-jsx").PropsWithChildren<ButtonProps, any>, context?: any) => any;
@@ -2,7 +2,21 @@ Object.defineProperty(exports, "__esModule", { value: true });
2
2
  exports.ArrowButton = 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
- exports.ArrowButton = (0, uni_jsx_1.JSX)(({ className, onClick, ariaLabel }) => {
6
- return ((0, jsx_runtime_1.jsx)("button", { className: `${className} border-none no-underline w-12 h-12 rounded-3xl bg-white flex text-black hover:text-primary-main`, style: { boxShadow: '0px 4px 25px rgba(0, 0, 0, 0.07)' }, onClick: onClick, "aria-label": ariaLabel, children: (0, jsx_runtime_1.jsxs)("svg", { className: "m-auto", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsx)("path", { d: "M7 12L3 8L7 4", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }), (0, jsx_runtime_1.jsx)("path", { d: "M14 9C14.5523 9 15 8.55228 15 8C15 7.44772 14.5523 7 14 7L14 9ZM8 7C7.44772 7 7 7.44772 7 8C7 8.55229 7.44772 9 8 9L8 7ZM14 7L8 7L8 9L14 9L14 7Z", fill: "currentColor" })] }) }));
7
- });
5
+ const Button_1 = require("./Button");
6
+ const SVG_1 = require("./SVG");
7
+ const ARROW_PATHS = [
8
+ {
9
+ d: 'm9 12 4-4-4-4',
10
+ stroke: 'currentColor',
11
+ strokeWidth: '2',
12
+ strokeLinecap: 'round',
13
+ fill: 'none',
14
+ },
15
+ {
16
+ d: 'M2 9a1 1 0 0 1 0-2v2Zm6-2a1 1 0 0 1 0 2V7ZM2 7h6v2H2V7Z',
17
+ },
18
+ ];
19
+ exports.ArrowButton = (0, uni_jsx_1.JSX)(({ className, disabled, ...rest }) => ((0, jsx_runtime_1.jsx)(Button_1.Button, { rounded: true, className: `shadow-[0_4px_25px_rgba(0,0,0,0.07)] w-12 h-12 min-h-12 max-h-12 flex items-center justify-center ${disabled
20
+ ? 'bg-secondary-light text-secondary-text'
21
+ : 'bg-white text-primary-text hover:text-primary-main'} ${className || ''}`, disabled: disabled, ...rest, children: (0, jsx_runtime_1.jsx)(SVG_1.SVG, { paths: ARROW_PATHS, viewBox: "0 0 16 16", fill: "none", width: "16", height: "16" }) })));
8
22
  //# sourceMappingURL=ArrowButton.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ArrowButton.js","sourceRoot":"","sources":["../../src/ui-kit/ArrowButton.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAQ3B,QAAA,WAAW,GAAG,IAAA,aAAG,EAAmB,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,EAAE;IACrF,OAAO,CACL,mCACE,SAAS,EAAE,GAAG,SAAS,kGAAkG,EACzH,KAAK,EAAE,EAAE,SAAS,EAAE,kCAAkC,EAAE,EACxD,OAAO,EAAE,OAAO,gBACJ,SAAS,YAErB,iCACE,SAAS,EAAC,QAAQ,EAClB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,aAElC,iCAAM,CAAC,EAAC,eAAe,EAAC,MAAM,EAAC,cAAc,EAAC,WAAW,EAAC,GAAG,EAAC,aAAa,EAAC,OAAO,GAAG,EACtF,iCACE,CAAC,EAAC,kJAAkJ,EACpJ,IAAI,EAAC,cAAc,GACnB,IACE,GACC,CACV,CAAC;AACJ,CAAC,CAAC,CAAC"}
1
+ {"version":3,"file":"ArrowButton.js","sourceRoot":"","sources":["../../src/ui-kit/ArrowButton.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,qCAAkC;AAElC,+BAA4B;AAE5B,MAAM,WAAW,GAAG;IAClB;QACE,CAAC,EAAE,eAAe;QAClB,MAAM,EAAE,cAAc;QACtB,WAAW,EAAE,GAAG;QAChB,aAAa,EAAE,OAAO;QACtB,IAAI,EAAE,MAAM;KACb;IACD;QACE,CAAC,EAAE,yDAAyD;KAC7D;CACF,CAAC;AAEW,QAAA,WAAW,GAAG,IAAA,aAAG,EAAc,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE,CAAC,CAChF,uBAAC,eAAM,IACL,OAAO,QACP,SAAS,EAAE,qGACT,QAAQ;QACN,CAAC,CAAC,wCAAwC;QAC1C,CAAC,CAAC,oDACN,IAAI,SAAS,IAAI,EAAE,EAAE,EACrB,QAAQ,EAAE,QAAQ,KACd,IAAI,YAER,uBAAC,SAAG,IAAC,KAAK,EAAE,WAAW,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,GAAG,GAC3E,CACV,CAAC,CAAC"}
@@ -1,2 +1,3 @@
1
- import type { ButtonProps } from './ButtonProps';
1
+ import type { ButtonInnerProps, ButtonProps } from './ButtonProps';
2
2
  export declare const Button: (props: import("@redneckz/uni-jsx").PropsWithChildren<ButtonProps, any>, context?: any) => any;
3
+ export declare const ButtonInner: (props: import("@redneckz/uni-jsx").PropsWithChildren<ButtonInnerProps, any>, context?: any) => any;
@@ -1,5 +1,5 @@
1
1
  Object.defineProperty(exports, "__esModule", { value: true });
2
- exports.Button = void 0;
2
+ exports.ButtonInner = exports.Button = 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 buttonStyleMap = {
@@ -10,11 +10,17 @@ const buttonDisabledStyleMap = {
10
10
  primary: 'bg-secondary-dark text-secondary-text',
11
11
  secondary: 'bg-secondary-light text-secondary-text',
12
12
  };
13
- const styleButton = 'inline-block rounded-md px-8 py-2 text-center font-sans';
14
- exports.Button = (0, uni_jsx_1.JSX)(({ className, text, href, target, onClick, children, disabled, version = 'primary', ariaLabel, }) => {
13
+ const styleButton = 'inline-block text-center font-sans select-none';
14
+ exports.Button = (0, uni_jsx_1.JSX)(({ className, text, aboveText, appendLeft, href, target, onClick, children, disabled, rounded, version = 'none', ariaLabel, ...rest }) => {
15
+ const buttonInner = children ?? ((0, jsx_runtime_1.jsx)(exports.ButtonInner, { text: text, aboveText: aboveText, appendLeft: appendLeft, rounded: rounded }));
15
16
  if (disabled) {
16
- return ((0, jsx_runtime_1.jsx)("div", { role: "button", "aria-disabled": "true", "aria-label": ariaLabel, tabIndex: "-1", className: `${styleButton} select-none ${buttonDisabledStyleMap[version]} ${className || ''}`, children: children ? ((0, jsx_runtime_1.jsx)("div", { children: children })) : ((0, jsx_runtime_1.jsx)("div", { className: "text-sm font-medium py-1.5", children: text })) }));
17
+ return ((0, jsx_runtime_1.jsx)("div", { role: "button", "aria-disabled": "true", "aria-label": ariaLabel, tabIndex: "-1", className: `${styleButton} ${buttonDisabledStyleMap[version] || ''} ${rounded ? 'rounded-full' : 'rounded-md'} ${className || ''}`, children: buttonInner }));
17
18
  }
18
- return ((0, jsx_runtime_1.jsx)("a", { className: `${styleButton} no-underline ${buttonStyleMap[version]} ${className || ''}`, href: href, target: target, onClick: onClick, "aria-label": ariaLabel, children: children ? ((0, jsx_runtime_1.jsx)("div", { children: children })) : ((0, jsx_runtime_1.jsx)("div", { className: "text-sm font-medium py-1.5", children: text })) }));
19
+ return ((0, jsx_runtime_1.jsx)("a", { className: `${styleButton} cursor-pointer no-underline ${buttonStyleMap[version] || ''} ${rounded ? 'rounded-full' : 'rounded-md'} ${className || ''}`, href: href, target: target, onClick: onClick, "aria-label": ariaLabel, role: !href ? 'button' : 'link', ...rest, children: buttonInner }));
20
+ });
21
+ exports.ButtonInner = (0, uni_jsx_1.JSX)(({ text, aboveText, appendLeft, rounded }) => {
22
+ const withoutText = !text && !aboveText && Boolean(appendLeft);
23
+ const buttonInnerClasses = `flex items-center justify-center ${withoutText ? 'h-12 w-12 min-h-12 min-w-12' : `px-8 gap-2 ${aboveText ? 'py-2' : 'py-[13px]'}`} ${rounded ? 'rounded-full' : ''}`;
24
+ return ((0, jsx_runtime_1.jsxs)("div", { className: buttonInnerClasses, children: [appendLeft ? appendLeft : null, !withoutText ? ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", { className: "text-xxs text-left", children: aboveText }), (0, jsx_runtime_1.jsx)("div", { className: "text-sm font-medium text-left", children: text })] })) : null] }));
19
25
  });
20
26
  //# sourceMappingURL=Button.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/ui-kit/Button.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAIxC,MAAM,cAAc,GAAkC;IACpD,OAAO,EAAE,4EAA4E;IACrF,SAAS,EACP,0FAA0F;CAC7F,CAAC;AAEF,MAAM,sBAAsB,GAAkC;IAC5D,OAAO,EAAE,uCAAuC;IAChD,SAAS,EAAE,wCAAwC;CACpD,CAAC;AAEF,MAAM,WAAW,GAAG,yDAAyD,CAAC;AAEjE,QAAA,MAAM,GAAG,IAAA,aAAG,EACvB,CAAC,EACC,SAAS,EACT,IAAI,EACJ,IAAI,EACJ,MAAM,EACN,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,OAAO,GAAG,SAAS,EACnB,SAAS,GACV,EAAE,EAAE;IACH,IAAI,QAAQ,EAAE;QACZ,OAAO,CACL,gCACE,IAAI,EAAC,QAAQ,mBACC,MAAM,gBACR,SAAS,EACrB,QAAQ,EAAC,IAAI,EACb,SAAS,EAAE,GAAG,WAAW,gBAAgB,sBAAsB,CAAC,OAAO,CAAC,IACtE,SAAS,IAAI,EACf,EAAE,YAED,QAAQ,CAAC,CAAC,CAAC,CACV,0CAAM,QAAQ,GAAO,CACtB,CAAC,CAAC,CAAC,CACF,gCAAK,SAAS,EAAC,4BAA4B,YAAE,IAAI,GAAO,CACzD,GACG,CACP,CAAC;KACH;IAED,OAAO,CACL,8BACE,SAAS,EAAE,GAAG,WAAW,iBAAiB,cAAc,CAAC,OAAO,CAAC,IAAI,SAAS,IAAI,EAAE,EAAE,EACtF,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,gBACJ,SAAS,YAEpB,QAAQ,CAAC,CAAC,CAAC,CACV,0CAAM,QAAQ,GAAO,CACtB,CAAC,CAAC,CAAC,CACF,gCAAK,SAAS,EAAC,4BAA4B,YAAE,IAAI,GAAO,CACzD,GACC,CACL,CAAC;AACJ,CAAC,CACF,CAAC"}
1
+ {"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/ui-kit/Button.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAIxC,MAAM,cAAc,GAAkC;IACpD,OAAO,EAAE,4EAA4E;IACrF,SAAS,EACP,0FAA0F;CAC7F,CAAC;AAEF,MAAM,sBAAsB,GAAkC;IAC5D,OAAO,EAAE,uCAAuC;IAChD,SAAS,EAAE,wCAAwC;CACpD,CAAC;AAEF,MAAM,WAAW,GAAG,gDAAgD,CAAC;AAExD,QAAA,MAAM,GAAG,IAAA,aAAG,EACvB,CAAC,EACC,SAAS,EACT,IAAI,EACJ,SAAS,EACT,UAAU,EACV,IAAI,EACJ,MAAM,EACN,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,OAAO,GAAG,MAAM,EAChB,SAAS,EACT,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,QAAQ,IAAI,CAC9B,uBAAC,mBAAW,IAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,GAAI,CAC5F,CAAC;IAEF,IAAI,QAAQ,EAAE;QACZ,OAAO,CACL,gCACE,IAAI,EAAC,QAAQ,mBACC,MAAM,gBACR,SAAS,EACrB,QAAQ,EAAC,IAAI,EACb,SAAS,EAAE,GAAG,WAAW,IAAI,sBAAsB,CAAC,OAAO,CAAC,IAAI,EAAE,IAChE,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,YAC7B,IAAI,SAAS,IAAI,EAAE,EAAE,YAEpB,WAAW,GACR,CACP,CAAC;KACH;IAED,OAAO,CACL,8BACE,SAAS,EAAE,GAAG,WAAW,gCAAgC,cAAc,CAAC,OAAO,CAAC,IAAI,EAAE,IACpF,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,YAC7B,IAAI,SAAS,IAAI,EAAE,EAAE,EACrB,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,gBACJ,SAAS,EACrB,IAAI,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,KAC3B,IAAI,YAEP,WAAW,GACV,CACL,CAAC;AACJ,CAAC,CACF,CAAC;AAEW,QAAA,WAAW,GAAG,IAAA,aAAG,EAAmB,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,UAAU,EAAE,OAAO,EAAE,EAAE,EAAE;IAC5F,MAAM,WAAW,GAAG,CAAC,IAAI,IAAI,CAAC,SAAS,IAAI,OAAO,CAAC,UAAU,CAAC,CAAC;IAE/D,MAAM,kBAAkB,GAAG,oCACzB,WAAW,CAAC,CAAC,CAAC,6BAA6B,CAAC,CAAC,CAAC,cAAc,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,EAC9F,IAAI,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;IAEpC,OAAO,CACL,iCAAK,SAAS,EAAE,kBAAkB,aAC/B,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,EAC9B,CAAC,WAAW,CAAC,CAAC,CAAC,CACd,4CACE,gCAAK,SAAS,EAAC,oBAAoB,YAAE,SAAS,GAAO,EACrD,gCAAK,SAAS,EAAC,+BAA+B,YAAE,IAAI,GAAO,IACvD,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}
@@ -1,9 +1,21 @@
1
1
  import type { ButtonVersion } from '../model/ButtonVersion';
2
2
  import type { LinkContent } from '../model/LinkContent';
3
- export interface ButtonProps extends LinkContent {
3
+ import { IconName } from './IconProps';
4
+ export interface ButtonInnerProps {
5
+ text?: string;
6
+ aboveText?: string;
7
+ appendLeft?: any;
8
+ rounded?: boolean;
9
+ }
10
+ export interface ButtonProps extends LinkContent, ButtonInnerProps {
4
11
  className?: string;
5
- onClick?: (ev: MouseEvent) => any;
6
12
  version?: ButtonVersion;
7
- ariaLabel?: string;
8
13
  disabled?: boolean;
14
+ rel?: string;
15
+ ariaLabel?: string;
16
+ /** @hidden */
17
+ onClick?: (ev: MouseEvent) => any;
18
+ }
19
+ export interface ButtonWithIconProps extends ButtonProps {
20
+ icon?: IconName;
9
21
  }
@@ -1,4 +1,26 @@
1
- export declare type IconName = 'ActualBalanceIcon' | 'AppleIcon' | 'CalendarIcon' | 'ClockIcon' | 'ComfortableCompIcon' | 'DollarIcon' | 'EmptyWalletIcon' | 'EuroIcon' | 'GridIcon' | 'LoupeIcon' | 'NewDocIcon' | 'OkIcon' | 'PassSendIcon' | 'PercentageSquareIcon' | 'PlayMarketIcon' | 'ProfileIcon' | 'SignDocsIcon' | 'TelegramIcon' | 'VKIcon' | 'ArrowLeftIcon';
1
+ export declare enum IconMap {
2
+ 'ActualBalanceIcon' = 0,
3
+ 'AppleIcon' = 1,
4
+ 'CalendarIcon' = 2,
5
+ 'ClockIcon' = 3,
6
+ 'ComfortableCompIcon' = 4,
7
+ 'DollarIcon' = 5,
8
+ 'EmptyWalletIcon' = 6,
9
+ 'EuroIcon' = 7,
10
+ 'GridIcon' = 8,
11
+ 'LoupeIcon' = 9,
12
+ 'NewDocIcon' = 10,
13
+ 'OkIcon' = 11,
14
+ 'PassSendIcon' = 12,
15
+ 'PercentageSquareIcon' = 13,
16
+ 'PlayMarketIcon' = 14,
17
+ 'ProfileIcon' = 15,
18
+ 'SignDocsIcon' = 16,
19
+ 'TelegramIcon' = 17,
20
+ 'VKIcon' = 18,
21
+ 'GlassIcon' = 19
22
+ }
23
+ export declare type IconName = keyof typeof IconMap;
2
24
  export interface IconProps {
3
25
  className?: string;
4
26
  name: IconName;
@@ -1,2 +1,26 @@
1
1
  Object.defineProperty(exports, "__esModule", { value: true });
2
+ exports.IconMap = void 0;
3
+ var IconMap;
4
+ (function (IconMap) {
5
+ IconMap[IconMap["ActualBalanceIcon"] = 0] = "ActualBalanceIcon";
6
+ IconMap[IconMap["AppleIcon"] = 1] = "AppleIcon";
7
+ IconMap[IconMap["CalendarIcon"] = 2] = "CalendarIcon";
8
+ IconMap[IconMap["ClockIcon"] = 3] = "ClockIcon";
9
+ IconMap[IconMap["ComfortableCompIcon"] = 4] = "ComfortableCompIcon";
10
+ IconMap[IconMap["DollarIcon"] = 5] = "DollarIcon";
11
+ IconMap[IconMap["EmptyWalletIcon"] = 6] = "EmptyWalletIcon";
12
+ IconMap[IconMap["EuroIcon"] = 7] = "EuroIcon";
13
+ IconMap[IconMap["GridIcon"] = 8] = "GridIcon";
14
+ IconMap[IconMap["LoupeIcon"] = 9] = "LoupeIcon";
15
+ IconMap[IconMap["NewDocIcon"] = 10] = "NewDocIcon";
16
+ IconMap[IconMap["OkIcon"] = 11] = "OkIcon";
17
+ IconMap[IconMap["PassSendIcon"] = 12] = "PassSendIcon";
18
+ IconMap[IconMap["PercentageSquareIcon"] = 13] = "PercentageSquareIcon";
19
+ IconMap[IconMap["PlayMarketIcon"] = 14] = "PlayMarketIcon";
20
+ IconMap[IconMap["ProfileIcon"] = 15] = "ProfileIcon";
21
+ IconMap[IconMap["SignDocsIcon"] = 16] = "SignDocsIcon";
22
+ IconMap[IconMap["TelegramIcon"] = 17] = "TelegramIcon";
23
+ IconMap[IconMap["VKIcon"] = 18] = "VKIcon";
24
+ IconMap[IconMap["GlassIcon"] = 19] = "GlassIcon";
25
+ })(IconMap = exports.IconMap || (exports.IconMap = {}));
2
26
  //# sourceMappingURL=IconProps.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"IconProps.js","sourceRoot":"","sources":["../../src/ui-kit/IconProps.ts"],"names":[],"mappings":""}
1
+ {"version":3,"file":"IconProps.js","sourceRoot":"","sources":["../../src/ui-kit/IconProps.ts"],"names":[],"mappings":";;AAAA,IAAY,OAqBX;AArBD,WAAY,OAAO;IACjB,+DAAmB,CAAA;IACnB,+CAAW,CAAA;IACX,qDAAc,CAAA;IACd,+CAAW,CAAA;IACX,mEAAqB,CAAA;IACrB,iDAAY,CAAA;IACZ,2DAAiB,CAAA;IACjB,6CAAU,CAAA;IACV,6CAAU,CAAA;IACV,+CAAW,CAAA;IACX,kDAAY,CAAA;IACZ,0CAAQ,CAAA;IACR,sDAAc,CAAA;IACd,sEAAsB,CAAA;IACtB,0DAAgB,CAAA;IAChB,oDAAa,CAAA;IACb,sDAAc,CAAA;IACd,sDAAc,CAAA;IACd,0CAAQ,CAAA;IACR,gDAAW,CAAA;AACb,CAAC,EArBW,OAAO,GAAP,eAAO,KAAP,eAAO,QAqBlB"}
@@ -1,4 +1,4 @@
1
- import type { Picture, ImgSource } from './model/Picture';
1
+ import type { ImgSource, Picture } from '../model/Picture';
2
2
  export interface TextWithImageProps {
3
3
  className?: string;
4
4
  image: Picture;
File without changes
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Img.js","sourceRoot":"","sources":["../../src/ui-kit/Img.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAQ3B,QAAA,GAAG,GAAG,IAAA,aAAG,EAAqB,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CACnE,qCAAS,SAAS,EAAE,GAAG,SAAS,IAAI,EAAE,EAAE,aACrC,KAAK,CAAC,OAAO,EAAE,MAAM;YACpB,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,CAC5C,mCAAgC,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,gBAAgB,CAAC,MAAM,CAAC,IAA9D,GAAG,KAAK,IAAI,GAAG,EAAE,CAAiD,CAChF,CAAC;YACJ,CAAC,CAAC,IAAI,EACR,gCAAK,GAAG,EAAE,KAAK,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,CAAC,GAAG,IAAI,KAAK,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,KAAM,KAAK,EAAE,IAAI,GAAI,IACnF,CACX,CAAC,CAAC;AAEH,SAAgB,gBAAgB,CAAC,MAA2B;IAC1D,OAAO,MAAM,CAAC,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;AACxD,CAAC;AAFD,4CAEC"}
@@ -13,6 +13,8 @@ export interface SVGProps extends SVGPathOptions {
13
13
  className?: string;
14
14
  viewBox?: string;
15
15
  paths: SVGPath[];
16
+ width?: string;
17
+ height?: string;
16
18
  }
17
19
  export declare const SVG: (props: import("@redneckz/uni-jsx").PropsWithChildren<SVGProps, any>, context?: any) => any;
18
20
  export {};
@@ -2,7 +2,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
2
2
  exports.SVG = 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
- exports.SVG = (0, uni_jsx_1.JSX)(({ className, viewBox, fill = 'none', paths, ...commonOptions }) => {
6
- return ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", className: className, viewBox: viewBox, fill: fill, children: paths.map(({ d, fill, ...options }, i) => ((0, jsx_runtime_1.jsx)("path", { d: d, fill: fill || 'currentColor', ...commonOptions, ...options }, i))) }));
5
+ exports.SVG = (0, uni_jsx_1.JSX)(({ className, viewBox, fill = 'none', width, height, paths, ...commonOptions }) => {
6
+ return ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", className: className, viewBox: viewBox, fill: fill, width: width, height: height, children: paths.map(({ d, fill, ...options }, i) => ((0, jsx_runtime_1.jsx)("path", { d: d, fill: fill || 'currentColor', ...commonOptions, ...options }, i))) }));
7
7
  });
8
8
  //# sourceMappingURL=SVG.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"SVG.js","sourceRoot":"","sources":["../../src/ui-kit/SVG.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAqB3B,QAAA,GAAG,GAAG,IAAA,aAAG,EACpB,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,GAAG,MAAM,EAAE,KAAK,EAAE,GAAG,aAAa,EAAE,EAAE,EAAE;IACjE,OAAO,CACL,gCAAK,KAAK,EAAC,4BAA4B,EAAC,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,YACvF,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,GAAG,OAAO,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,CACzC,iCAAc,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,IAAI,cAAc,KAAM,aAAa,KAAM,OAAO,IAArE,CAAC,CAAwE,CACrF,CAAC,GACE,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}
1
+ {"version":3,"file":"SVG.js","sourceRoot":"","sources":["../../src/ui-kit/SVG.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAuB3B,QAAA,GAAG,GAAG,IAAA,aAAG,EACpB,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,GAAG,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,aAAa,EAAE,EAAE,EAAE;IAChF,OAAO,CACL,gCACE,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,YAEb,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,GAAG,OAAO,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,CACzC,iCAAc,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,IAAI,cAAc,KAAM,aAAa,KAAM,OAAO,IAArE,CAAC,CAAwE,CACrF,CAAC,GACE,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}
package/lib/BaseTile.js CHANGED
@@ -1,8 +1,9 @@
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 { Img } from './Img.js';
4
3
  import { BlockItem } from './ui-kit/BlockItem.js';
5
- import { IconButton } from './ui-kit/IconButton.js';
4
+ import { Button } from './ui-kit/Button.js';
5
+ import { Icon } from './ui-kit/Icon.js';
6
+ import { Img } from './ui-kit/Img.js';
6
7
  import { Title } from './ui-kit/Title.js';
7
8
  import { useLink } from './useLink.js';
8
9
  import { getColSpan } from './utils/getColSpan.js';
@@ -27,7 +28,11 @@ function getTitleSizeByClassName(className = '') {
27
28
  function renderItems(items = [], version) {
28
29
  return (_jsx("section", { className: "max-w-[600px]", role: "list", children: items.map((_, i) => (_jsx(BlockItem, { className: i ? 'mt-2.5' : '', text: _, version: version }, String(i)))) }));
29
30
  }
30
- function renderButton(button, i) {
31
- return button?.text ? _jsx(IconButton, { ...button }, String(i)) : null;
31
+ function renderButton({ icon, ...button }, i) {
32
+ if (!button?.text)
33
+ return;
34
+ if (icon)
35
+ return (_jsx(Button, { appendLeft: _jsx(Icon, { name: icon, width: "24", height: "24" }), ...button }, String(i)));
36
+ return _jsx(Button, { ...button }, String(i));
32
37
  }
33
38
  //# sourceMappingURL=BaseTile.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"BaseTile.js","sourceRoot":"","sources":["../src/BaseTile.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"BaseTile.js","sourceRoot":"","sources":["../src/BaseTile.tsx"],"names":[],"mappings":"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"}
@@ -1,6 +1,6 @@
1
1
  import type { BlockVersion } from './model/BlockVersion';
2
2
  import type { Picture } from './model/Picture';
3
- import type { IconButtonProps } from './ui-kit/IconButtonProps';
3
+ import type { ButtonWithIconProps } from './ui-kit/ButtonProps';
4
4
  import type { TitleSize } from './ui-kit/TitleProps';
5
5
  export interface BaseTileContent {
6
6
  title?: string;
@@ -8,6 +8,6 @@ export interface BaseTileContent {
8
8
  description?: string;
9
9
  image?: Picture;
10
10
  items?: string[];
11
- buttons?: Omit<IconButtonProps, 'className' | 'onClick' | 'ariaLabel'>[];
11
+ buttons?: ButtonWithIconProps[];
12
12
  version?: BlockVersion;
13
13
  }
@@ -12,4 +12,5 @@ import type { PromoTileContent } from './PromoTileContent';
12
12
  import type { StepsBlockContent } from './StepsBlockContent';
13
13
  import type { TextBlockContent } from './TextBlockContent';
14
14
  import type { TileContent } from './TileContent';
15
- export declare type BlockContent = HeaderContent | FooterContent | PlaceholderContent | TileContent | PromoTileContent | TextBlockContent | ProductTileContent | ProductBlockContent | StepsBlockContent | BenefitsBlockContent | ProductGalleryContent | ExchangeRateTileContent | MobileAppTileContent | GalleryContent;
15
+ import type { ComparisonTableContent } from './ComparisonTable';
16
+ export declare type BlockContent = HeaderContent | FooterContent | PlaceholderContent | TileContent | PromoTileContent | TextBlockContent | ProductTileContent | ProductBlockContent | StepsBlockContent | BenefitsBlockContent | ProductGalleryContent | ExchangeRateTileContent | MobileAppTileContent | GalleryContent | ComparisonTableContent;
package/lib/Blocks.d.ts CHANGED
@@ -13,4 +13,6 @@ export declare const Blocks: {
13
13
  ExchangeRateTile: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./ExchangeRateTile").ExchangeRateTileProps, any>, context?: any) => any;
14
14
  MobileAppTile: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./MobileAppTile").MobileAppTileProps, any>, context?: any) => any;
15
15
  Gallery: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./Gallery").GalleryProps, any>, context?: any) => any;
16
+ MiniGallery: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./MiniGallery").MiniGalleryProps, any>, context?: any) => any;
17
+ ComparisonTable: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./ComparisonTable").ComparisonTableProps, any>, context?: any) => any;
16
18
  };
package/lib/Blocks.js CHANGED
@@ -3,6 +3,7 @@ import { ExchangeRateTile } from './ExchangeRateTile.js';
3
3
  import { Footer } from './Footer/Footer.js';
4
4
  import { Gallery } from './Gallery.js';
5
5
  import { Header } from './Header/Header.js';
6
+ import { MiniGallery } from './MiniGallery.js';
6
7
  import { MobileAppTile } from './MobileAppTile.js';
7
8
  import { Placeholder } from './Placeholder.js';
8
9
  import { ProductBlock } from './ProductBlock.js';
@@ -12,6 +13,7 @@ import { PromoTile } from './PromoTile.js';
12
13
  import { StepsBlock } from './StepsBlock.js';
13
14
  import { TextBlock } from './TextBlock.js';
14
15
  import { Tile } from './Tile.js';
16
+ import { ComparisonTable } from './ComparisonTable.js';
15
17
  export const Blocks = {
16
18
  Header,
17
19
  Footer,
@@ -27,5 +29,7 @@ export const Blocks = {
27
29
  ExchangeRateTile,
28
30
  MobileAppTile,
29
31
  Gallery,
32
+ MiniGallery,
33
+ ComparisonTable,
30
34
  };
31
35
  //# sourceMappingURL=Blocks.js.map
package/lib/Blocks.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Blocks.js","sourceRoot":"","sources":["../src/Blocks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,MAAM;IACN,MAAM;IACN,WAAW;IACX,IAAI;IACJ,SAAS;IACT,SAAS;IACT,WAAW;IACX,YAAY;IACZ,UAAU;IACV,aAAa;IACb,cAAc;IACd,gBAAgB;IAChB,aAAa;IACb,OAAO;CACR,CAAC"}
1
+ {"version":3,"file":"Blocks.js","sourceRoot":"","sources":["../src/Blocks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,MAAM;IACN,MAAM;IACN,WAAW;IACX,IAAI;IACJ,SAAS;IACT,SAAS;IACT,WAAW;IACX,YAAY;IACZ,UAAU;IACV,aAAa;IACb,cAAc;IACd,gBAAgB;IAChB,aAAa;IACb,OAAO;IACP,WAAW;IACX,eAAe;CAChB,CAAC"}
@@ -0,0 +1,5 @@
1
+ import type { UniBlockProps } from '../types';
2
+ import type { ComparisonTableContent } from './ComparisonTableContent';
3
+ export interface ComparisonTableProps extends ComparisonTableContent, UniBlockProps {
4
+ }
5
+ export declare const ComparisonTable: (props: import("@redneckz/uni-jsx").PropsWithChildren<ComparisonTableProps, any>, context?: any) => any;
@@ -0,0 +1,32 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
2
+ import { JSX } from '@redneckz/uni-jsx';
3
+ import { ArrowButton } from '../ui-kit/ArrowButton.js';
4
+ import { Title } from '../ui-kit/Title.js';
5
+ import { TableRowContainer } from './TableRowContainer.js';
6
+ import { TableCarouselContainer } from './TableCarouselContainer.js';
7
+ import { useLink } from '../useLink.js';
8
+ import { HeaderCell } from './HeaderCell.js';
9
+ import { TableRow } from './TableRow.js';
10
+ import { COLS_LENGTH_FOR_SCROLL, FIRST_CELL_CLASSES } from './constants.js';
11
+ export const ComparisonTable = JSX(({ className, context, title, rowHeaders, columns, visibleRowLength = 0, isColoredFirstColumn = false, }) => {
12
+ const router = context.useRouter();
13
+ const { handlerDecorator } = context;
14
+ const [activeCardIndex, setActiveCardIndex] = context.useState(0);
15
+ const [isShowAllRow, setIsShowAllRow] = context.useState(!visibleRowLength);
16
+ const colHeaders = columns?.map(({ header }) => header || {});
17
+ const colData = columns?.map(({ data }) => data) || [];
18
+ const rowData = rowHeaders
19
+ ?.map((header, i) => ({
20
+ header,
21
+ data: colData.map((col) => col?.[i] || [{}]),
22
+ }))
23
+ .slice(0, isShowAllRow ? rowHeaders.length : visibleRowLength);
24
+ const nextClick = () => setActiveCardIndex(activeCardIndex + 1);
25
+ const prevClick = () => setActiveCardIndex(activeCardIndex - 1);
26
+ const showToggle = () => setIsShowAllRow(!isShowAllRow);
27
+ const isScrollAvailable = colData?.length && colData.length > COLS_LENGTH_FOR_SCROLL;
28
+ const showNextButton = isScrollAvailable && colData?.length - activeCardIndex > COLS_LENGTH_FOR_SCROLL;
29
+ const showPrevButton = isScrollAvailable && activeCardIndex > 0;
30
+ return (_jsxs("section", { className: `bg-white font-sans py-[50px] pl-[50px] overflow-hidden text-primary-text relative ${className || ''}`, children: [_jsx(Title, { className: "font-medium m-0 max-w-[47rem] text-center mb-9 mx-auto", children: title }), _jsxs("div", { role: "table", children: [colHeaders?.length ? (_jsxs(TableRowContainer, { children: [_jsx("div", { className: FIRST_CELL_CLASSES, role: "columnheader", scope: "col" }), _jsx(TableCarouselContainer, { activeCardIndex: activeCardIndex, children: colHeaders.map((header, i) => (_jsx(HeaderCell, { ...header, link: header.link && useLink({ router, handlerDecorator }, header.link) }, String(i)))) })] })) : null, rowData?.length ? (_jsxs("div", { className: "relative", children: [rowData.map((row, i, { length }) => (_jsx(TableRow, { row: row, isFirstRow: i === 0, isLastRow: i + 1 === length, activeCardIndex: activeCardIndex, isColoredFirstColumn: isColoredFirstColumn }, String(i)))), isScrollAvailable ? (_jsx("div", { children: _jsxs("div", { className: "absolute top-7 right-7 z-10", children: [_jsx(ArrowButton, { onClick: nextClick, disabled: !showNextButton, ariaLabel: "\u041F\u0440\u043E\u043B\u0438\u0441\u0442\u0430\u0442\u044C \u0432\u043F\u0440\u0430\u0432\u043E" }), _jsx(ArrowButton, { className: "mt-4 rotate-180", onClick: prevClick, disabled: !showPrevButton, ariaLabel: "\u041F\u0440\u043E\u043B\u0438\u0441\u0442\u0430\u0442\u044C \u0432\u043B\u0435\u0432\u043E" })] }) })) : null] })) : null] }), isScrollAvailable ? (_jsx("div", { className: "absolute top-0 right-0 bottom-0 w-[84px] bg-opacity-to-white" })) : null, visibleRowLength ? (_jsx("div", { className: "pr-[50px]", children: _jsxs("div", { className: "flex w-full", children: [_jsx("div", { className: FIRST_CELL_CLASSES }), _jsx("button", { onClick: showToggle, className: "mt-5 flex-1 border-main-stroke border-solid border text-primary-text bg-white hover:border-primary-main hover:text-primary-main", children: _jsx("div", { className: "font-sans font-medium text-xs py-[11px]", children: !isShowAllRow ? 'Показать все параметры' : 'Скрыть' }) })] }) })) : null] }));
31
+ });
32
+ //# sourceMappingURL=ComparisonTable.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ComparisonTable.js","sourceRoot":"","sources":["../../src/ComparisonTable/ComparisonTable.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,37 @@
1
+ import type { LinkContent } from '../model/LinkContent';
2
+ import type { Picture } from '../model/Picture';
3
+ import type { ButtonProps } from '../ui-kit/ButtonProps';
4
+ import type { IconName } from '../ui-kit/IconProps';
5
+ export declare type Row = {
6
+ header: RowHeader;
7
+ data: CellData[][];
8
+ };
9
+ export declare type RowData = Row[] | undefined;
10
+ export interface CellData {
11
+ label?: string;
12
+ description?: string;
13
+ icons?: IconName[];
14
+ image?: Picture;
15
+ buttons?: ButtonProps[];
16
+ }
17
+ export interface ColumnHeader {
18
+ title?: string;
19
+ icon?: IconName;
20
+ image?: Picture;
21
+ link?: LinkContent;
22
+ }
23
+ export interface Column {
24
+ header?: ColumnHeader;
25
+ data?: CellData[][];
26
+ }
27
+ export interface RowHeader {
28
+ title?: string;
29
+ icon?: IconName;
30
+ }
31
+ export interface ComparisonTableContent {
32
+ title?: string;
33
+ rowHeaders?: RowHeader[];
34
+ columns?: Column[];
35
+ visibleRowLength?: number;
36
+ isColoredFirstColumn?: boolean;
37
+ }
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=ComparisonTableContent.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ComparisonTableContent.js","sourceRoot":"","sources":["../../src/ComparisonTable/ComparisonTableContent.ts"],"names":[],"mappings":""}
@@ -0,0 +1,10 @@
1
+ import type { LinkContent } from '../model/LinkContent';
2
+ import type { Picture } from '../model/Picture';
3
+ import type { IconName } from '../ui-kit/IconProps';
4
+ export interface HeaderCellProps {
5
+ icon?: IconName;
6
+ image?: Picture;
7
+ title?: string;
8
+ link?: LinkContent;
9
+ }
10
+ export declare const HeaderCell: (props: import("@redneckz/uni-jsx").PropsWithChildren<HeaderCellProps, any>, context?: any) => any;
@@ -0,0 +1,9 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
2
+ import { JSX } from '@redneckz/uni-jsx';
3
+ import { Button } from '../ui-kit/Button.js';
4
+ import { Icon } from '../ui-kit/Icon.js';
5
+ import { Img } from '../ui-kit/Img.js';
6
+ import { Title } from '../ui-kit/Title.js';
7
+ import { BORDER_CLASSES, GRADIENT } from './constants.js';
8
+ export const HeaderCell = JSX(({ icon, image, title, link }) => (_jsxs("div", { className: `w-80 box-border flex flex-col items-center rounded-t-md border-b-0 px-7 pt-7 pb-12 ${BORDER_CLASSES} ${GRADIENT}`, role: "columnheader", scope: "col", children: [icon && !image?.src && (_jsx(Icon, { className: "h-[63px] w-[63px] min-w-[63px] min-h-[63px] mb-4", name: icon, width: "63", height: "63" })), image?.src && _jsx(Img, { className: "mb-4", image: image }), title && (_jsx(Title, { size: "S", className: "font-medium m-0 text-center text-white", children: title })), link?.text && (_jsx("div", { className: "mt-auto w-full", children: _jsx(Button, { href: link.href, target: link.target, className: "mt-4 w-full text-primary-main bg-white hover:bg-secondary-hover active:bg-secondary-active", children: _jsx("div", { className: "text-xs py-[11px]", children: link.text }) }) }))] })));
9
+ //# sourceMappingURL=HeaderCell.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"HeaderCell.js","sourceRoot":"","sources":["../../src/ComparisonTable/HeaderCell.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAEtC,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACpC,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AASvD,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,sFAAsF,cAAc,IAAI,QAAQ,EAAE,EAC7H,IAAI,EAAC,cAAc,EACnB,KAAK,EAAC,KAAK,aAEV,IAAI,IAAI,CAAC,KAAK,EAAE,GAAG,IAAI,CACtB,KAAC,IAAI,IACH,SAAS,EAAC,kDAAkD,EAC5D,IAAI,EAAE,IAAI,EACV,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,GACX,CACH,EACA,KAAK,EAAE,GAAG,IAAI,KAAC,GAAG,IAAC,SAAS,EAAC,MAAM,EAAC,KAAK,EAAE,KAAK,GAAI,EACpD,KAAK,IAAI,CACR,KAAC,KAAK,IAAC,IAAI,EAAC,GAAG,EAAC,SAAS,EAAC,wCAAwC,YAC/D,KAAK,GACA,CACT,EACA,IAAI,EAAE,IAAI,IAAI,CACb,cAAK,SAAS,EAAC,gBAAgB,YAC7B,KAAC,MAAM,IACL,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,SAAS,EAAC,4FAA4F,YAEtG,cAAK,SAAS,EAAC,mBAAmB,YAAE,IAAI,CAAC,IAAI,GAAO,GAC7C,GACL,CACP,IACG,CACP,CAAC,CAAC"}
@@ -0,0 +1,4 @@
1
+ export interface TableCarouselContainerProps {
2
+ activeCardIndex: number;
3
+ }
4
+ export declare const TableCarouselContainer: (props: import("@redneckz/uni-jsx").PropsWithChildren<TableCarouselContainerProps, any>, context?: any) => any;
@@ -0,0 +1,5 @@
1
+ import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
2
+ import { JSX } from '@redneckz/uni-jsx';
3
+ import { COLUMN_WIDTH } from './constants.js';
4
+ export const TableCarouselContainer = JSX(({ children, activeCardIndex }) => (_jsx("div", { className: "flex flex-1 overflow-hidden", children: _jsx("div", { className: "flex gap-4 duration-1000", style: { transform: `translateX(-${activeCardIndex * COLUMN_WIDTH}px)` }, children: children }) })));
5
+ //# sourceMappingURL=TableCarouselContainer.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TableCarouselContainer.js","sourceRoot":"","sources":["../../src/ComparisonTable/TableCarouselContainer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAM3C,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,CACvC,CAAC,EAAE,QAAQ,EAAE,eAAe,EAAE,EAAE,EAAE,CAAC,CACjC,cAAK,SAAS,EAAC,6BAA6B,YAC1C,cACE,SAAS,EAAC,0BAA0B,EACpC,KAAK,EAAE,EAAE,SAAS,EAAE,eAAe,eAAe,GAAG,YAAY,KAAK,EAAE,YAEvE,QAAQ,GACL,GACF,CACP,CACF,CAAC"}
@@ -0,0 +1,8 @@
1
+ import type { CellData } from './ComparisonTableContent';
2
+ export interface TableCellProps {
3
+ cell: CellData[];
4
+ isLastRow: boolean;
5
+ isFirstRow: boolean;
6
+ isFillGradient: boolean;
7
+ }
8
+ export declare const TableCell: (props: import("@redneckz/uni-jsx").PropsWithChildren<TableCellProps, any>, context?: any) => any;