@redneckz/wildless-cms-uni-blocks 0.3.57 → 0.3.58

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 (446) hide show
  1. package/bundle/blocks.schema.json +1 -1
  2. package/bundle/bundle.umd.js +341 -82
  3. package/bundle/bundle.umd.min.js +1 -1
  4. package/cosmos-static/icons/SafeIcon.svg +1 -1
  5. package/dist/components/Blocks.d.ts +1 -1
  6. package/dist/components/Blocks.js +2 -2
  7. package/dist/components/Blocks.js.map +1 -1
  8. package/dist/components/Calculator/BonusCalculatorForm.d.ts +5 -0
  9. package/dist/components/Calculator/BonusCalculatorForm.js +40 -0
  10. package/dist/components/Calculator/BonusCalculatorForm.js.map +1 -0
  11. package/dist/components/Calculator/Calculator.d.ts +5 -0
  12. package/dist/components/Calculator/Calculator.js +46 -0
  13. package/dist/components/Calculator/Calculator.js.map +1 -0
  14. package/dist/components/Calculator/CalculatorContent.d.ts +110 -0
  15. package/dist/components/{ProductGalleryGreen/ProductGalleryGreenContent.js → Calculator/CalculatorContent.js} +1 -1
  16. package/dist/components/Calculator/CalculatorContent.js.map +1 -0
  17. package/dist/components/Calculator/CalculatorValueBlock.d.ts +8 -0
  18. package/dist/components/Calculator/CalculatorValueBlock.js +9 -0
  19. package/dist/components/Calculator/CalculatorValueBlock.js.map +1 -0
  20. package/dist/components/Calculator/CreditCalculatorForm.d.ts +5 -0
  21. package/dist/components/Calculator/CreditCalculatorForm.js +51 -0
  22. package/dist/components/Calculator/CreditCalculatorForm.js.map +1 -0
  23. package/dist/components/Calculator/DepositCalculatorForm.d.ts +5 -0
  24. package/dist/components/Calculator/DepositCalculatorForm.js +41 -0
  25. package/dist/components/Calculator/DepositCalculatorForm.js.map +1 -0
  26. package/dist/components/Calculator/EmbeddableCalcBlocks.d.ts +11 -0
  27. package/dist/components/Calculator/EmbeddableCalcBlocks.js +13 -0
  28. package/dist/components/Calculator/EmbeddableCalcBlocks.js.map +1 -0
  29. package/dist/components/Calculator/MortgageCalculatorForm.d.ts +5 -0
  30. package/dist/components/Calculator/MortgageCalculatorForm.js +49 -0
  31. package/dist/components/Calculator/MortgageCalculatorForm.js.map +1 -0
  32. package/dist/components/Calculator/constants.d.ts +7 -0
  33. package/dist/components/Calculator/constants.js +10 -0
  34. package/dist/components/Calculator/constants.js.map +1 -0
  35. package/dist/components/Calculator/getCalculatorParams.d.ts +7 -0
  36. package/dist/components/Calculator/getCalculatorParams.js +11 -0
  37. package/dist/components/Calculator/getCalculatorParams.js.map +1 -0
  38. package/dist/components/Calculator/getCreditRate.d.ts +7 -0
  39. package/dist/components/Calculator/getCreditRate.js +13 -0
  40. package/dist/components/Calculator/getCreditRate.js.map +1 -0
  41. package/dist/components/Calculator/getDefaultMonths.d.ts +2 -0
  42. package/dist/components/Calculator/getDefaultMonths.js +8 -0
  43. package/dist/components/Calculator/getDefaultMonths.js.map +1 -0
  44. package/dist/components/Calculator/getDefaultSum.d.ts +2 -0
  45. package/dist/components/Calculator/getDefaultSum.js +8 -0
  46. package/dist/components/Calculator/getDefaultSum.js.map +1 -0
  47. package/dist/components/Calculator/getMonthlyPayment.d.ts +11 -0
  48. package/dist/components/Calculator/getMonthlyPayment.js +19 -0
  49. package/dist/components/Calculator/getMonthlyPayment.js.map +1 -0
  50. package/dist/components/Calculator/renderButtonSection.d.ts +1 -0
  51. package/dist/components/Calculator/renderButtonSection.js +9 -0
  52. package/dist/components/Calculator/renderButtonSection.js.map +1 -0
  53. package/dist/components/Calculator/renderCalculatorList.d.ts +10 -0
  54. package/dist/components/Calculator/renderCalculatorList.js +17 -0
  55. package/dist/components/Calculator/renderCalculatorList.js.map +1 -0
  56. package/dist/components/Calculator/renderInitialFeeInput.d.ts +10 -0
  57. package/dist/components/Calculator/renderInitialFeeInput.js +18 -0
  58. package/dist/components/Calculator/renderInitialFeeInput.js.map +1 -0
  59. package/dist/components/Calculator/renderMonthsInput.d.ts +11 -0
  60. package/dist/components/Calculator/renderMonthsInput.js +15 -0
  61. package/dist/components/Calculator/renderMonthsInput.js.map +1 -0
  62. package/dist/components/Calculator/renderProposal.d.ts +1 -0
  63. package/dist/components/Calculator/renderProposal.js +10 -0
  64. package/dist/components/Calculator/renderProposal.js.map +1 -0
  65. package/dist/components/Calculator/renderProposalMortgage.d.ts +7 -0
  66. package/dist/components/Calculator/renderProposalMortgage.js +9 -0
  67. package/dist/components/Calculator/renderProposalMortgage.js.map +1 -0
  68. package/dist/components/Calculator/renderRate.d.ts +8 -0
  69. package/dist/components/Calculator/renderRate.js +9 -0
  70. package/dist/components/Calculator/renderRate.js.map +1 -0
  71. package/dist/components/Calculator/renderRealEstateValue.d.ts +10 -0
  72. package/dist/components/Calculator/renderRealEstateValue.js +15 -0
  73. package/dist/components/Calculator/renderRealEstateValue.js.map +1 -0
  74. package/dist/components/Calculator/renderWantedSumInput.d.ts +13 -0
  75. package/dist/components/Calculator/renderWantedSumInput.js +19 -0
  76. package/dist/components/Calculator/renderWantedSumInput.js.map +1 -0
  77. package/dist/components/ContentPage/ContentPage.d.ts +1 -1
  78. package/dist/components/ProductGallery/ProductGallery.js +37 -8
  79. package/dist/components/ProductGallery/ProductGallery.js.map +1 -1
  80. package/dist/components/ProductGallery/ProductGalleryContent.d.ts +3 -6
  81. package/dist/types.d.ts +1 -0
  82. package/dist/ui-kit/BlocksList/renderBlocksList.d.ts +0 -1
  83. package/dist/ui-kit/BlocksList/renderBlocksList.js +2 -3
  84. package/dist/ui-kit/BlocksList/renderBlocksList.js.map +1 -1
  85. package/dist/ui-kit/Checkbox/Checkbox.js +1 -1
  86. package/dist/ui-kit/Checkbox/Checkbox.js.map +1 -1
  87. package/dist/ui-kit/InputRange/InputRange.js +2 -2
  88. package/dist/ui-kit/InputRange/InputRange.js.map +1 -1
  89. package/dist/ui-kit/InputRange/InputRangeProps.d.ts +2 -1
  90. package/dist/ui-kit/Tabs/TabsProps.d.ts +2 -1
  91. package/lib/common.css +1 -1
  92. package/lib/components/Blocks.d.ts +1 -1
  93. package/lib/components/Blocks.js +2 -2
  94. package/lib/components/Blocks.js.map +1 -1
  95. package/lib/components/Calculator/BonusCalculatorForm.d.ts +5 -0
  96. package/lib/components/Calculator/BonusCalculatorForm.js +38 -0
  97. package/lib/components/Calculator/BonusCalculatorForm.js.map +1 -0
  98. package/lib/components/Calculator/Calculator.d.ts +5 -0
  99. package/lib/components/{ProductGalleryGreen/ProductGalleryGreen.fixture.d.ts → Calculator/Calculator.fixture.d.ts} +1 -1
  100. package/lib/components/Calculator/Calculator.js +44 -0
  101. package/lib/components/Calculator/Calculator.js.map +1 -0
  102. package/lib/components/Calculator/CalculatorContent.d.ts +110 -0
  103. package/lib/components/Calculator/CalculatorContent.js +2 -0
  104. package/lib/components/Calculator/CalculatorContent.js.map +1 -0
  105. package/lib/components/Calculator/CalculatorValueBlock.d.ts +8 -0
  106. package/lib/components/Calculator/CalculatorValueBlock.js +7 -0
  107. package/lib/components/Calculator/CalculatorValueBlock.js.map +1 -0
  108. package/lib/components/Calculator/CreditCalculatorForm.d.ts +5 -0
  109. package/lib/components/Calculator/CreditCalculatorForm.js +49 -0
  110. package/lib/components/Calculator/CreditCalculatorForm.js.map +1 -0
  111. package/lib/components/Calculator/DepositCalculatorForm.d.ts +5 -0
  112. package/lib/components/Calculator/DepositCalculatorForm.js +39 -0
  113. package/lib/components/Calculator/DepositCalculatorForm.js.map +1 -0
  114. package/lib/components/Calculator/EmbeddableCalcBlocks.d.ts +11 -0
  115. package/lib/components/Calculator/EmbeddableCalcBlocks.js +11 -0
  116. package/lib/components/Calculator/EmbeddableCalcBlocks.js.map +1 -0
  117. package/lib/components/Calculator/MortgageCalculatorForm.d.ts +5 -0
  118. package/lib/components/Calculator/MortgageCalculatorForm.js +47 -0
  119. package/lib/components/Calculator/MortgageCalculatorForm.js.map +1 -0
  120. package/lib/components/Calculator/constants.d.ts +7 -0
  121. package/lib/components/Calculator/constants.js +8 -0
  122. package/lib/components/Calculator/constants.js.map +1 -0
  123. package/lib/components/Calculator/getCalculatorParams.d.ts +7 -0
  124. package/lib/components/Calculator/getCalculatorParams.js +8 -0
  125. package/lib/components/Calculator/getCalculatorParams.js.map +1 -0
  126. package/lib/components/Calculator/getCreditRate.d.ts +7 -0
  127. package/lib/components/Calculator/getCreditRate.js +10 -0
  128. package/lib/components/Calculator/getCreditRate.js.map +1 -0
  129. package/lib/components/Calculator/getDefaultMonths.d.ts +2 -0
  130. package/lib/components/Calculator/getDefaultMonths.js +5 -0
  131. package/lib/components/Calculator/getDefaultMonths.js.map +1 -0
  132. package/lib/components/Calculator/getDefaultSum.d.ts +2 -0
  133. package/lib/components/Calculator/getDefaultSum.js +5 -0
  134. package/lib/components/Calculator/getDefaultSum.js.map +1 -0
  135. package/lib/components/Calculator/getMonthlyPayment.d.ts +11 -0
  136. package/lib/components/Calculator/getMonthlyPayment.js +16 -0
  137. package/lib/components/Calculator/getMonthlyPayment.js.map +1 -0
  138. package/lib/components/Calculator/renderButtonSection.d.ts +1 -0
  139. package/lib/components/Calculator/renderButtonSection.js +6 -0
  140. package/lib/components/Calculator/renderButtonSection.js.map +1 -0
  141. package/lib/components/Calculator/renderCalculatorList.d.ts +10 -0
  142. package/lib/components/Calculator/renderCalculatorList.js +14 -0
  143. package/lib/components/Calculator/renderCalculatorList.js.map +1 -0
  144. package/lib/components/Calculator/renderInitialFeeInput.d.ts +10 -0
  145. package/lib/components/Calculator/renderInitialFeeInput.js +15 -0
  146. package/lib/components/Calculator/renderInitialFeeInput.js.map +1 -0
  147. package/lib/components/Calculator/renderMonthsInput.d.ts +11 -0
  148. package/lib/components/Calculator/renderMonthsInput.js +12 -0
  149. package/lib/components/Calculator/renderMonthsInput.js.map +1 -0
  150. package/lib/components/Calculator/renderProposal.d.ts +1 -0
  151. package/lib/components/Calculator/renderProposal.js +7 -0
  152. package/lib/components/Calculator/renderProposal.js.map +1 -0
  153. package/lib/components/Calculator/renderProposalMortgage.d.ts +7 -0
  154. package/lib/components/Calculator/renderProposalMortgage.js +6 -0
  155. package/lib/components/Calculator/renderProposalMortgage.js.map +1 -0
  156. package/lib/components/Calculator/renderRate.d.ts +8 -0
  157. package/lib/components/Calculator/renderRate.js +6 -0
  158. package/lib/components/Calculator/renderRate.js.map +1 -0
  159. package/lib/components/Calculator/renderRealEstateValue.d.ts +10 -0
  160. package/lib/components/Calculator/renderRealEstateValue.js +12 -0
  161. package/lib/components/Calculator/renderRealEstateValue.js.map +1 -0
  162. package/lib/components/Calculator/renderWantedSumInput.d.ts +13 -0
  163. package/lib/components/Calculator/renderWantedSumInput.js +16 -0
  164. package/lib/components/Calculator/renderWantedSumInput.js.map +1 -0
  165. package/lib/components/ContentPage/ContentPage.d.ts +1 -1
  166. package/lib/components/ProductGallery/ProductGallery.fixture.d.ts +1 -0
  167. package/lib/components/ProductGallery/ProductGallery.js +37 -8
  168. package/lib/components/ProductGallery/ProductGallery.js.map +1 -1
  169. package/lib/components/ProductGallery/ProductGalleryContent.d.ts +3 -6
  170. package/lib/types.d.ts +1 -0
  171. package/lib/ui-kit/BlocksList/renderBlocksList.d.ts +0 -1
  172. package/lib/ui-kit/BlocksList/renderBlocksList.js +1 -1
  173. package/lib/ui-kit/BlocksList/renderBlocksList.js.map +1 -1
  174. package/lib/ui-kit/Checkbox/Checkbox.js +1 -1
  175. package/lib/ui-kit/Checkbox/Checkbox.js.map +1 -1
  176. package/lib/ui-kit/InputRange/InputRange.js +2 -2
  177. package/lib/ui-kit/InputRange/InputRange.js.map +1 -1
  178. package/lib/ui-kit/InputRange/InputRangeProps.d.ts +2 -1
  179. package/lib/ui-kit/Tabs/TabsProps.d.ts +2 -1
  180. package/mobile/dist/components/Calculator/BonusCalculatorForm.d.ts +5 -0
  181. package/mobile/dist/components/Calculator/BonusCalculatorForm.js +40 -0
  182. package/mobile/dist/components/Calculator/BonusCalculatorForm.js.map +1 -0
  183. package/mobile/dist/components/Calculator/Calculator.d.ts +5 -0
  184. package/mobile/dist/components/Calculator/Calculator.js +46 -0
  185. package/mobile/dist/components/Calculator/Calculator.js.map +1 -0
  186. package/mobile/dist/components/Calculator/CalculatorContent.d.ts +110 -0
  187. package/mobile/dist/components/{ProductGalleryGreen/ProductGalleryGreenContent.js → Calculator/CalculatorContent.js} +1 -1
  188. package/mobile/dist/components/Calculator/CalculatorContent.js.map +1 -0
  189. package/mobile/dist/components/Calculator/CalculatorValueBlock.d.ts +8 -0
  190. package/mobile/dist/components/Calculator/CalculatorValueBlock.js +9 -0
  191. package/mobile/dist/components/Calculator/CalculatorValueBlock.js.map +1 -0
  192. package/mobile/dist/components/Calculator/CreditCalculatorForm.d.ts +5 -0
  193. package/mobile/dist/components/Calculator/CreditCalculatorForm.js +51 -0
  194. package/mobile/dist/components/Calculator/CreditCalculatorForm.js.map +1 -0
  195. package/mobile/dist/components/Calculator/DepositCalculatorForm.d.ts +5 -0
  196. package/mobile/dist/components/Calculator/DepositCalculatorForm.js +41 -0
  197. package/mobile/dist/components/Calculator/DepositCalculatorForm.js.map +1 -0
  198. package/mobile/dist/components/Calculator/EmbeddableCalcBlocks.d.ts +11 -0
  199. package/mobile/dist/components/Calculator/EmbeddableCalcBlocks.js +13 -0
  200. package/mobile/dist/components/Calculator/EmbeddableCalcBlocks.js.map +1 -0
  201. package/mobile/dist/components/Calculator/MortgageCalculatorForm.d.ts +5 -0
  202. package/mobile/dist/components/Calculator/MortgageCalculatorForm.js +49 -0
  203. package/mobile/dist/components/Calculator/MortgageCalculatorForm.js.map +1 -0
  204. package/mobile/dist/components/Calculator/constants.d.ts +7 -0
  205. package/mobile/dist/components/Calculator/constants.js +10 -0
  206. package/mobile/dist/components/Calculator/constants.js.map +1 -0
  207. package/mobile/dist/components/Calculator/getCalculatorParams.d.ts +7 -0
  208. package/mobile/dist/components/Calculator/getCalculatorParams.js +11 -0
  209. package/mobile/dist/components/Calculator/getCalculatorParams.js.map +1 -0
  210. package/mobile/dist/components/Calculator/getCreditRate.d.ts +7 -0
  211. package/mobile/dist/components/Calculator/getCreditRate.js +13 -0
  212. package/mobile/dist/components/Calculator/getCreditRate.js.map +1 -0
  213. package/mobile/dist/components/Calculator/getDefaultMonths.d.ts +2 -0
  214. package/mobile/dist/components/Calculator/getDefaultMonths.js +8 -0
  215. package/mobile/dist/components/Calculator/getDefaultMonths.js.map +1 -0
  216. package/mobile/dist/components/Calculator/getDefaultSum.d.ts +2 -0
  217. package/mobile/dist/components/Calculator/getDefaultSum.js +8 -0
  218. package/mobile/dist/components/Calculator/getDefaultSum.js.map +1 -0
  219. package/mobile/dist/components/Calculator/getMonthlyPayment.d.ts +11 -0
  220. package/mobile/dist/components/Calculator/getMonthlyPayment.js +19 -0
  221. package/mobile/dist/components/Calculator/getMonthlyPayment.js.map +1 -0
  222. package/mobile/dist/components/Calculator/renderButtonSection.d.ts +1 -0
  223. package/mobile/dist/components/Calculator/renderButtonSection.js +9 -0
  224. package/mobile/dist/components/Calculator/renderButtonSection.js.map +1 -0
  225. package/mobile/dist/components/Calculator/renderCalculatorList.d.ts +10 -0
  226. package/mobile/dist/components/Calculator/renderCalculatorList.js +17 -0
  227. package/mobile/dist/components/Calculator/renderCalculatorList.js.map +1 -0
  228. package/mobile/dist/components/Calculator/renderInitialFeeInput.d.ts +10 -0
  229. package/mobile/dist/components/Calculator/renderInitialFeeInput.js +18 -0
  230. package/mobile/dist/components/Calculator/renderInitialFeeInput.js.map +1 -0
  231. package/mobile/dist/components/Calculator/renderMonthsInput.d.ts +11 -0
  232. package/mobile/dist/components/Calculator/renderMonthsInput.js +15 -0
  233. package/mobile/dist/components/Calculator/renderMonthsInput.js.map +1 -0
  234. package/mobile/dist/components/Calculator/renderProposal.d.ts +1 -0
  235. package/mobile/dist/components/Calculator/renderProposal.js +10 -0
  236. package/mobile/dist/components/Calculator/renderProposal.js.map +1 -0
  237. package/mobile/dist/components/Calculator/renderProposalMortgage.d.ts +7 -0
  238. package/mobile/dist/components/Calculator/renderProposalMortgage.js +9 -0
  239. package/mobile/dist/components/Calculator/renderProposalMortgage.js.map +1 -0
  240. package/mobile/dist/components/Calculator/renderRate.d.ts +8 -0
  241. package/mobile/dist/components/Calculator/renderRate.js +9 -0
  242. package/mobile/dist/components/Calculator/renderRate.js.map +1 -0
  243. package/mobile/dist/components/Calculator/renderRealEstateValue.d.ts +10 -0
  244. package/mobile/dist/components/Calculator/renderRealEstateValue.js +15 -0
  245. package/mobile/dist/components/Calculator/renderRealEstateValue.js.map +1 -0
  246. package/mobile/dist/components/Calculator/renderWantedSumInput.d.ts +13 -0
  247. package/mobile/dist/components/Calculator/renderWantedSumInput.js +19 -0
  248. package/mobile/dist/components/Calculator/renderWantedSumInput.js.map +1 -0
  249. package/mobile/dist/components/ContentPage/ContentPage.d.ts +1 -1
  250. package/mobile/dist/components/ProductGallery/ProductGalleryContent.d.ts +3 -6
  251. package/mobile/dist/types.d.ts +1 -0
  252. package/mobile/dist/ui-kit/BlocksList/renderBlocksList.d.ts +0 -1
  253. package/mobile/dist/ui-kit/BlocksList/renderBlocksList.js +2 -3
  254. package/mobile/dist/ui-kit/BlocksList/renderBlocksList.js.map +1 -1
  255. package/mobile/dist/ui-kit/Checkbox/Checkbox.js +1 -1
  256. package/mobile/dist/ui-kit/Checkbox/Checkbox.js.map +1 -1
  257. package/mobile/dist/ui-kit/InputRange/InputRange.js +2 -2
  258. package/mobile/dist/ui-kit/InputRange/InputRange.js.map +1 -1
  259. package/mobile/dist/ui-kit/InputRange/InputRangeProps.d.ts +2 -1
  260. package/mobile/dist/ui-kit/Tabs/TabsProps.d.ts +2 -1
  261. package/mobile/lib/components/Calculator/BonusCalculatorForm.d.ts +5 -0
  262. package/mobile/lib/components/Calculator/BonusCalculatorForm.js +38 -0
  263. package/mobile/lib/components/Calculator/BonusCalculatorForm.js.map +1 -0
  264. package/mobile/lib/components/Calculator/Calculator.d.ts +5 -0
  265. package/mobile/lib/components/Calculator/Calculator.js +44 -0
  266. package/mobile/lib/components/Calculator/Calculator.js.map +1 -0
  267. package/mobile/lib/components/Calculator/CalculatorContent.d.ts +110 -0
  268. package/mobile/lib/components/Calculator/CalculatorContent.js +2 -0
  269. package/mobile/lib/components/Calculator/CalculatorContent.js.map +1 -0
  270. package/mobile/lib/components/Calculator/CalculatorValueBlock.d.ts +8 -0
  271. package/mobile/lib/components/Calculator/CalculatorValueBlock.js +7 -0
  272. package/mobile/lib/components/Calculator/CalculatorValueBlock.js.map +1 -0
  273. package/mobile/lib/components/Calculator/CreditCalculatorForm.d.ts +5 -0
  274. package/mobile/lib/components/Calculator/CreditCalculatorForm.js +49 -0
  275. package/mobile/lib/components/Calculator/CreditCalculatorForm.js.map +1 -0
  276. package/mobile/lib/components/Calculator/DepositCalculatorForm.d.ts +5 -0
  277. package/mobile/lib/components/Calculator/DepositCalculatorForm.js +39 -0
  278. package/mobile/lib/components/Calculator/DepositCalculatorForm.js.map +1 -0
  279. package/mobile/lib/components/Calculator/EmbeddableCalcBlocks.d.ts +11 -0
  280. package/mobile/lib/components/Calculator/EmbeddableCalcBlocks.js +11 -0
  281. package/mobile/lib/components/Calculator/EmbeddableCalcBlocks.js.map +1 -0
  282. package/mobile/lib/components/Calculator/MortgageCalculatorForm.d.ts +5 -0
  283. package/mobile/lib/components/Calculator/MortgageCalculatorForm.js +47 -0
  284. package/mobile/lib/components/Calculator/MortgageCalculatorForm.js.map +1 -0
  285. package/mobile/lib/components/Calculator/constants.d.ts +7 -0
  286. package/mobile/lib/components/Calculator/constants.js +8 -0
  287. package/mobile/lib/components/Calculator/constants.js.map +1 -0
  288. package/mobile/lib/components/Calculator/getCalculatorParams.d.ts +7 -0
  289. package/mobile/lib/components/Calculator/getCalculatorParams.js +8 -0
  290. package/mobile/lib/components/Calculator/getCalculatorParams.js.map +1 -0
  291. package/mobile/lib/components/Calculator/getCreditRate.d.ts +7 -0
  292. package/mobile/lib/components/Calculator/getCreditRate.js +10 -0
  293. package/mobile/lib/components/Calculator/getCreditRate.js.map +1 -0
  294. package/mobile/lib/components/Calculator/getDefaultMonths.d.ts +2 -0
  295. package/mobile/lib/components/Calculator/getDefaultMonths.js +5 -0
  296. package/mobile/lib/components/Calculator/getDefaultMonths.js.map +1 -0
  297. package/mobile/lib/components/Calculator/getDefaultSum.d.ts +2 -0
  298. package/mobile/lib/components/Calculator/getDefaultSum.js +5 -0
  299. package/mobile/lib/components/Calculator/getDefaultSum.js.map +1 -0
  300. package/mobile/lib/components/Calculator/getMonthlyPayment.d.ts +11 -0
  301. package/mobile/lib/components/Calculator/getMonthlyPayment.js +16 -0
  302. package/mobile/lib/components/Calculator/getMonthlyPayment.js.map +1 -0
  303. package/mobile/lib/components/Calculator/renderButtonSection.d.ts +1 -0
  304. package/mobile/lib/components/Calculator/renderButtonSection.js +6 -0
  305. package/mobile/lib/components/Calculator/renderButtonSection.js.map +1 -0
  306. package/mobile/lib/components/Calculator/renderCalculatorList.d.ts +10 -0
  307. package/mobile/lib/components/Calculator/renderCalculatorList.js +14 -0
  308. package/mobile/lib/components/Calculator/renderCalculatorList.js.map +1 -0
  309. package/mobile/lib/components/Calculator/renderInitialFeeInput.d.ts +10 -0
  310. package/mobile/lib/components/Calculator/renderInitialFeeInput.js +15 -0
  311. package/mobile/lib/components/Calculator/renderInitialFeeInput.js.map +1 -0
  312. package/mobile/lib/components/Calculator/renderMonthsInput.d.ts +11 -0
  313. package/mobile/lib/components/Calculator/renderMonthsInput.js +12 -0
  314. package/mobile/lib/components/Calculator/renderMonthsInput.js.map +1 -0
  315. package/mobile/lib/components/Calculator/renderProposal.d.ts +1 -0
  316. package/mobile/lib/components/Calculator/renderProposal.js +7 -0
  317. package/mobile/lib/components/Calculator/renderProposal.js.map +1 -0
  318. package/mobile/lib/components/Calculator/renderProposalMortgage.d.ts +7 -0
  319. package/mobile/lib/components/Calculator/renderProposalMortgage.js +6 -0
  320. package/mobile/lib/components/Calculator/renderProposalMortgage.js.map +1 -0
  321. package/mobile/lib/components/Calculator/renderRate.d.ts +8 -0
  322. package/mobile/lib/components/Calculator/renderRate.js +6 -0
  323. package/mobile/lib/components/Calculator/renderRate.js.map +1 -0
  324. package/mobile/lib/components/Calculator/renderRealEstateValue.d.ts +10 -0
  325. package/mobile/lib/components/Calculator/renderRealEstateValue.js +12 -0
  326. package/mobile/lib/components/Calculator/renderRealEstateValue.js.map +1 -0
  327. package/mobile/lib/components/Calculator/renderWantedSumInput.d.ts +13 -0
  328. package/mobile/lib/components/Calculator/renderWantedSumInput.js +16 -0
  329. package/mobile/lib/components/Calculator/renderWantedSumInput.js.map +1 -0
  330. package/mobile/lib/components/ContentPage/ContentPage.d.ts +1 -1
  331. package/mobile/lib/components/ProductGallery/ProductGalleryContent.d.ts +3 -6
  332. package/mobile/lib/types.d.ts +1 -0
  333. package/mobile/lib/ui-kit/BlocksList/renderBlocksList.d.ts +0 -1
  334. package/mobile/lib/ui-kit/BlocksList/renderBlocksList.js +1 -1
  335. package/mobile/lib/ui-kit/BlocksList/renderBlocksList.js.map +1 -1
  336. package/mobile/lib/ui-kit/Checkbox/Checkbox.js +1 -1
  337. package/mobile/lib/ui-kit/Checkbox/Checkbox.js.map +1 -1
  338. package/mobile/lib/ui-kit/InputRange/InputRange.js +2 -2
  339. package/mobile/lib/ui-kit/InputRange/InputRange.js.map +1 -1
  340. package/mobile/lib/ui-kit/InputRange/InputRangeProps.d.ts +2 -1
  341. package/mobile/lib/ui-kit/Tabs/TabsProps.d.ts +2 -1
  342. package/mobile/src/common.css +7 -0
  343. package/mobile/src/components/Calculator/BonusCalculatorForm.tsx +71 -0
  344. package/mobile/src/components/Calculator/Calculator.tsx +141 -0
  345. package/mobile/src/components/Calculator/CalculatorContent.ts +134 -0
  346. package/mobile/src/components/Calculator/CalculatorValueBlock.tsx +25 -0
  347. package/mobile/src/components/Calculator/CreditCalculatorForm.tsx +99 -0
  348. package/mobile/src/components/Calculator/DepositCalculatorForm.tsx +69 -0
  349. package/mobile/src/components/Calculator/EmbeddableCalcBlocks.tsx +17 -0
  350. package/mobile/src/components/Calculator/MortgageCalculatorForm.tsx +88 -0
  351. package/mobile/src/components/Calculator/constants.ts +8 -0
  352. package/mobile/src/components/Calculator/getCalculatorParams.ts +16 -0
  353. package/mobile/src/components/Calculator/getCreditRate.ts +18 -0
  354. package/mobile/src/components/Calculator/getDefaultMonths.ts +7 -0
  355. package/mobile/src/components/Calculator/getDefaultSum.ts +7 -0
  356. package/mobile/src/components/Calculator/getMonthlyPayment.ts +32 -0
  357. package/mobile/src/components/Calculator/renderButtonSection.tsx +7 -0
  358. package/mobile/src/components/Calculator/renderCalculatorList.tsx +43 -0
  359. package/mobile/src/components/Calculator/renderInitialFeeInput.tsx +37 -0
  360. package/mobile/src/components/Calculator/renderMonthsInput.tsx +34 -0
  361. package/mobile/src/components/Calculator/renderProposal.tsx +14 -0
  362. package/mobile/src/components/Calculator/renderProposalMortgage.tsx +17 -0
  363. package/mobile/src/components/Calculator/renderRate.tsx +23 -0
  364. package/mobile/src/components/Calculator/renderRealEstateValue.tsx +33 -0
  365. package/mobile/src/components/Calculator/renderWantedSumInput.tsx +49 -0
  366. package/mobile/src/components/ContentPage/ContentPage.page.json +9 -8
  367. package/mobile/src/components/ContentPage/ContentPage.tsx +2 -2
  368. package/mobile/src/components/ProductGallery/ProductGallery.example.json +8 -10
  369. package/mobile/src/components/ProductGallery/ProductGalleryContent.ts +3 -6
  370. package/mobile/src/icons/SafeIcon.svg +7 -1
  371. package/mobile/src/types.ts +2 -0
  372. package/mobile/src/ui-kit/BlocksList/renderBlocksList.tsx +1 -1
  373. package/mobile/src/ui-kit/Checkbox/Checkbox.tsx +1 -3
  374. package/mobile/src/ui-kit/InputRange/InputRange.tsx +7 -9
  375. package/mobile/src/ui-kit/InputRange/InputRangeProps.ts +3 -1
  376. package/mobile/src/ui-kit/Tabs/TabsProps.ts +2 -1
  377. package/package.json +1 -1
  378. package/src/common.css +7 -0
  379. package/src/components/Blocks.ts +2 -2
  380. package/src/components/Calculator/BonusCalculatorForm.tsx +71 -0
  381. package/src/components/Calculator/Calculator.fixture.tsx +131 -0
  382. package/src/components/Calculator/Calculator.tsx +141 -0
  383. package/src/components/Calculator/CalculatorContent.ts +134 -0
  384. package/src/components/Calculator/CalculatorValueBlock.tsx +25 -0
  385. package/src/components/Calculator/CreditCalculatorForm.tsx +99 -0
  386. package/src/components/Calculator/DepositCalculatorForm.tsx +69 -0
  387. package/src/components/Calculator/EmbeddableCalcBlocks.tsx +17 -0
  388. package/src/components/Calculator/MortgageCalculatorForm.tsx +88 -0
  389. package/src/components/Calculator/constants.ts +8 -0
  390. package/src/components/Calculator/getCalculatorParams.ts +16 -0
  391. package/src/components/Calculator/getCreditRate.ts +18 -0
  392. package/src/components/Calculator/getDefaultMonths.ts +7 -0
  393. package/src/components/Calculator/getDefaultSum.ts +7 -0
  394. package/src/components/Calculator/getMonthlyPayment.ts +32 -0
  395. package/src/components/Calculator/renderButtonSection.tsx +7 -0
  396. package/src/components/Calculator/renderCalculatorList.tsx +43 -0
  397. package/src/components/Calculator/renderInitialFeeInput.tsx +37 -0
  398. package/src/components/Calculator/renderMonthsInput.tsx +34 -0
  399. package/src/components/Calculator/renderProposal.tsx +14 -0
  400. package/src/components/Calculator/renderProposalMortgage.tsx +17 -0
  401. package/src/components/Calculator/renderRate.tsx +23 -0
  402. package/src/components/Calculator/renderRealEstateValue.tsx +33 -0
  403. package/src/components/Calculator/renderWantedSumInput.tsx +49 -0
  404. package/src/components/ContentPage/ContentPage.page.json +9 -8
  405. package/src/components/ContentPage/ContentPage.tsx +2 -2
  406. package/src/components/ProductBlock/ProductBlock.fixture.mobile.tsx +1 -1
  407. package/src/components/ProductGallery/ProductGallery.example.json +8 -10
  408. package/src/components/ProductGallery/ProductGallery.fixture.tsx +146 -104
  409. package/src/components/ProductGallery/ProductGallery.tsx +73 -24
  410. package/src/components/ProductGallery/ProductGalleryContent.ts +3 -6
  411. package/src/icons/SafeIcon.svg +7 -1
  412. package/src/types.ts +2 -0
  413. package/src/ui-kit/BlocksList/renderBlocksList.tsx +1 -1
  414. package/src/ui-kit/Checkbox/Checkbox.tsx +1 -3
  415. package/src/ui-kit/InputRange/InputRange.tsx +7 -9
  416. package/src/ui-kit/InputRange/InputRangeProps.ts +3 -1
  417. package/src/ui-kit/Tabs/TabsProps.ts +2 -1
  418. package/dist/components/ProductGalleryGreen/ProductGalleryGreen.d.ts +0 -5
  419. package/dist/components/ProductGalleryGreen/ProductGalleryGreen.js +0 -53
  420. package/dist/components/ProductGalleryGreen/ProductGalleryGreen.js.map +0 -1
  421. package/dist/components/ProductGalleryGreen/ProductGalleryGreenContent.d.ts +0 -32
  422. package/dist/components/ProductGalleryGreen/ProductGalleryGreenContent.js.map +0 -1
  423. package/lib/components/ProductGalleryGreen/ProductGalleryGreen.d.ts +0 -5
  424. package/lib/components/ProductGalleryGreen/ProductGalleryGreen.js +0 -51
  425. package/lib/components/ProductGalleryGreen/ProductGalleryGreen.js.map +0 -1
  426. package/lib/components/ProductGalleryGreen/ProductGalleryGreenContent.d.ts +0 -32
  427. package/lib/components/ProductGalleryGreen/ProductGalleryGreenContent.js +0 -2
  428. package/lib/components/ProductGalleryGreen/ProductGalleryGreenContent.js.map +0 -1
  429. package/mobile/dist/components/ProductGalleryGreen/ProductGalleryGreen.d.ts +0 -5
  430. package/mobile/dist/components/ProductGalleryGreen/ProductGalleryGreen.js +0 -53
  431. package/mobile/dist/components/ProductGalleryGreen/ProductGalleryGreen.js.map +0 -1
  432. package/mobile/dist/components/ProductGalleryGreen/ProductGalleryGreenContent.d.ts +0 -32
  433. package/mobile/dist/components/ProductGalleryGreen/ProductGalleryGreenContent.js.map +0 -1
  434. package/mobile/lib/components/ProductGalleryGreen/ProductGalleryGreen.d.ts +0 -5
  435. package/mobile/lib/components/ProductGalleryGreen/ProductGalleryGreen.js +0 -51
  436. package/mobile/lib/components/ProductGalleryGreen/ProductGalleryGreen.js.map +0 -1
  437. package/mobile/lib/components/ProductGalleryGreen/ProductGalleryGreenContent.d.ts +0 -32
  438. package/mobile/lib/components/ProductGalleryGreen/ProductGalleryGreenContent.js +0 -2
  439. package/mobile/lib/components/ProductGalleryGreen/ProductGalleryGreenContent.js.map +0 -1
  440. package/mobile/src/components/ProductGalleryGreen/ProductGalleryGreen.example.json +0 -23
  441. package/mobile/src/components/ProductGalleryGreen/ProductGalleryGreen.tsx +0 -120
  442. package/mobile/src/components/ProductGalleryGreen/ProductGalleryGreenContent.ts +0 -34
  443. package/src/components/ProductGalleryGreen/ProductGalleryGreen.example.json +0 -23
  444. package/src/components/ProductGalleryGreen/ProductGalleryGreen.fixture.tsx +0 -186
  445. package/src/components/ProductGalleryGreen/ProductGalleryGreen.tsx +0 -120
  446. package/src/components/ProductGalleryGreen/ProductGalleryGreenContent.ts +0 -34
@@ -1,39 +1,60 @@
1
1
  import { JSX } from '@redneckz/uni-jsx';
2
- import { ProductGalleryBlock } from './ProductGalleryBlock';
3
2
  import type { UniBlockProps } from '../../types';
3
+ import type { BlockVersion } from '../../model/BlockVersion';
4
+ import type { ProductBlockInnerContent } from '../ProductBlock/ProductBlockContent';
5
+ import { ProductBlockInner } from '../ProductBlock/ProductBlockInner';
4
6
  import type { ProductGalleryContent } from './ProductGalleryContent';
5
7
 
6
8
  export interface ProductGalleryProps extends ProductGalleryContent, UniBlockProps {}
7
9
 
10
+ type StyleType = {
11
+ title: string;
12
+ text: string;
13
+ };
14
+
15
+ const productGalleryStyleMap: Record<BlockVersion, string> = {
16
+ primary: 'bg-white text-primary-text',
17
+ secondary: 'bg-primary-main text-white',
18
+ };
19
+
20
+ const productBlockStyleMap: Record<BlockVersion, StyleType> = {
21
+ primary: { title: 'text-secondary-text', text: 'text-secondary-text' },
22
+ secondary: { title: 'text-white', text: 'text-white/80' },
23
+ };
24
+
25
+ const productSlideStyleMap: Record<BlockVersion, string> = {
26
+ primary: 'bg-white text-primary-text',
27
+ secondary: 'bg-primary-main text-white',
28
+ };
29
+
8
30
  export const ProductGallery = JSX<ProductGalleryProps>(
9
- ({ className, context, duration = 0, slides = [], anchor = null }) => {
31
+ ({ className = '', context, slides = [], version = 'primary', anchor = null }) => {
10
32
  const galleryNav = slides.map((s) => s.nav);
11
33
  const galleryBlocks = slides.map((s) => s.productBlock);
12
34
  const [activeSlideIndex, setActiveSlideIndex] = context.useState(0);
13
35
 
14
36
  return (
15
37
  <section
16
- className={`font-sans bg-white overflow-hidden w-100 ${className || ''}`}
17
38
  id={anchor}
39
+ className={`box-border pt-[50px] overflow-hidden relative font-sans w-100 ${className}
40
+ ${productGalleryStyleMap[version]}`}
18
41
  >
19
42
  <div
20
- className={`flex duration-1000`}
43
+ className="flex duration-1000 pb-14"
21
44
  style={{ transform: `translateX(-${activeSlideIndex}00%)` }}
22
45
  role="list"
23
46
  >
24
- {galleryBlocks.map((_, i) => (
25
- <ProductGalleryBlock key={String(i)} context={context} block={_} />
26
- ))}
47
+ {galleryBlocks.map((_, i) => renderProductBlock({ ..._, version }, i, context))}
27
48
  </div>
28
49
 
29
- <div className="flex">
50
+ <div className="flex items-center absolute bottom-6 left-0 right-0 px-[26px] box-border">
30
51
  {galleryNav.map((slide, i) =>
31
52
  renderNavButton({
32
53
  slide,
33
54
  i,
34
55
  activeSlideIndex,
35
56
  onClick: () => setActiveSlideIndex(i),
36
- duration,
57
+ version,
37
58
  }),
38
59
  )}
39
60
  </div>
@@ -42,30 +63,58 @@ export const ProductGallery = JSX<ProductGalleryProps>(
42
63
  },
43
64
  );
44
65
 
45
- function renderNavButton({ slide, i, activeSlideIndex, onClick, duration }) {
66
+ function renderProductBlock(block: ProductBlockInnerContent, i: number, context) {
67
+ const { version } = block;
68
+ const additionalClass = version ? productBlockStyleMap[version].title : '';
69
+
70
+ return (
71
+ <section
72
+ key={String(i)}
73
+ className="box-border relative flex grow-0 shrink-0 basis-full"
74
+ role="listitem"
75
+ >
76
+ <div className="flex grow">
77
+ <ProductBlockInner
78
+ className={`pl-[50px] z-[1] ${additionalClass}`}
79
+ context={context}
80
+ textBlockClassName="mb-[154px]"
81
+ {...block}
82
+ />
83
+ </div>
84
+ </section>
85
+ );
86
+ }
87
+
88
+ function renderNavButton({ slide, i, activeSlideIndex, onClick, version }) {
46
89
  const isActiveBtn = i === activeSlideIndex;
47
- const progressBarClassName = isActiveBtn ? 'animate-slide' : '';
48
- const btnTitleClassName = isActiveBtn ? 'text-primary-text' : 'text-secondary-text';
90
+
91
+ const btnClassName = isActiveBtn
92
+ ? 'bg-white shadow-dark-blue/42 h-[102px] w-[354px] min-w-[354px] p-0 border-none'
93
+ : `min-w-[277px] px-0 pt-4 pb-[23px] hover:py-[26px] hover:py-[26px] ease-in duration-300 bg-white/10
94
+ ${productSlideStyleMap[version]}`;
95
+ const btnTitleClassName = isActiveBtn
96
+ ? 'text-primary-text text-title-2xs'
97
+ : `text-base ${productBlockStyleMap[version].title}`;
98
+ const btnDescClassName = isActiveBtn
99
+ ? 'text-secondary-text text-m-title-xs mt-2.5'
100
+ : `text-m-md mt-1.5 ${productBlockStyleMap[version].text}`;
101
+
102
+ const additionalBorder = version === 'secondary' ? 'border-white/50' : 'border-black/50';
103
+
49
104
  return (
50
105
  <button
51
106
  type="button"
52
107
  key={String(i)}
53
108
  onClick={onClick}
54
109
  aria-label={slide?.title}
55
- className={`font-sans group relative overflow-hidden border-0 bg-inherit cursor-pointer text-left px-0 pt-4 pb-[23px] grow basis-0`}
110
+ className={`box-border font-sans relative overflow-hidden border-[1px] border-white/50 cursor-pointer text-left mx-1 grow basis-0
111
+ ${btnClassName} ${additionalBorder}
112
+ `}
56
113
  >
57
- <div className="border-0 border-r border-solid border-main-divider px-6">
58
- <div
59
- className={`text-sm font-medium pb-[3px] group-hover:text-primary-text ${btnTitleClassName}`}
60
- >
61
- {slide?.title}
62
- </div>
63
- <div className="text-xs text-secondary-text">{slide.desc}</div>
114
+ <div className="border-0 px-6">
115
+ <div className={`font-medium ${btnTitleClassName}`}>{slide?.title}</div>
116
+ <div className={`text-secondary-text ${btnDescClassName}`}>{slide.description}</div>
64
117
  </div>
65
- <div
66
- className={`absolute bottom-0 left-0 w-full h-[3px] bg-primary-main -translate-x-full ${progressBarClassName}`}
67
- style={{ animationDuration: `${duration}s`, animationFillMode: 'forwards' }}
68
- ></div>
69
118
  </button>
70
119
  );
71
120
  }
@@ -1,4 +1,5 @@
1
1
  import type { ProductBlockInnerContent } from '../ProductBlock/ProductBlockContent';
2
+ import type { BlockVersion } from '../../model/BlockVersion';
2
3
 
3
4
  /** @title Кнопка под слайдом */
4
5
  interface ProductGalleryNav {
@@ -19,17 +20,13 @@ export interface ProductSlide {
19
20
  }
20
21
 
21
22
  /**
22
- * @title Продуктовая галерея (для мобильных горизонтальная прокрутка shift+mouseScroll)
23
+ * @title Продуктовая галерея
23
24
  */
24
25
  export interface ProductGalleryContent {
25
- /**
26
- * @title Задержка
27
- * @hidden //! temporary not used
28
- */
29
- duration?: number;
30
26
  /**
31
27
  * @title Слайды
32
28
  * @minItems 2
33
29
  */
34
30
  slides?: ProductSlide[];
31
+ version?: BlockVersion;
35
32
  }
@@ -1 +1,7 @@
1
- <svg title="Сейф" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 12.83V15c0 5 2 7 7 7h6c5 0 7-2 7-7V9c0-5-2-7-7-7H9C4 2 2 4 2 9" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M8 19h8c2 0 3-1 3-3V8c0-2-1-3-3-3H8C6 5 5 6 5 8v8c0 2 1 3 3 3Z" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M5 9.5h2.48a2.5 2.5 0 0 1 0 5H5" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M19 9.99h-3M19 14h-3" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M7.2 12h.1" stroke="#000000" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg>
1
+ <svg title="Сейф" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M2 12.83V15c0 5 2 7 7 7h6c5 0 7-2 7-7V9c0-5-2-7-7-7H9C4 2 2 4 2 9" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
3
+ <path d="M5 9.5h2.48a2.5 2.5 0 0 1 0 5H5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
4
+ <path d="M8 19h8c2 0 3-1 3-3V8c0-2-1-3-3-3H8C6 5 5 6 5 8v8c0 2 1 3 3 3Z" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
5
+ <path d="M19 9.99h-3M19 14h-3" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
6
+ <path d="M7.2 12h.1" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
7
+ </svg>
package/src/types.ts CHANGED
@@ -77,3 +77,5 @@ export interface DaDataSuggestion<T> {
77
77
  export interface DaDataAddress {
78
78
  city?: string | null;
79
79
  }
80
+
81
+ export type FuncSetNumber = (value: number) => void;
@@ -13,7 +13,7 @@ type EmbeddableBlocksProps = {
13
13
  export const renderBlocksList = ({ blocks, context, className, columns }: EmbeddableBlocksProps) =>
14
14
  blocks?.length ? blocks.map(renderBlock({ context, className, columns })) : null;
15
15
 
16
- export const renderBlock =
16
+ const renderBlock =
17
17
  ({ context, columns, className }: EmbeddableBlocksProps) =>
18
18
  (block: BlockDef, i: number) => {
19
19
  const type = block?.blockListType;
@@ -32,9 +32,7 @@ export const Checkbox = JSX<CheckboxProps>(({ text, checked, onChange, className
32
32
  fill="white"
33
33
  viewBox="0 0 11 9"
34
34
  />
35
- {text ? (
36
- <span className="font-sans ml-3 text-sm leading-5 cursor-pointer">{text}</span>
37
- ) : null}
35
+ {text ? <span className="font-sans ml-3 text-m-base cursor-pointer">{text}</span> : null}
38
36
  </label>
39
37
  </div>
40
38
  ));
@@ -20,19 +20,15 @@ export const InputRange = JSX<InputRangeProps>(
20
20
  return (
21
21
  <div className={className}>
22
22
  <label className="block relative">
23
- {title ? (
24
- <span className="absolute text-xs text-secondary-text top-1 mt-0.5 pl-4 ml-0.5">
25
- {title}
26
- </span>
27
- ) : null}
23
+ {title ? <span className="text-base text-secondary-text pl-4">{title}</span> : null}
28
24
  <input
29
- className={`m-0 font-sans text-sm w-full h-12 border border-solid border-main-stroke rounded-md
30
- outline-none p-0 pl-4 m-0 box-border text-primary-text ${ title ? 'pt-4' : '' }`}
25
+ className={`m-0 mt-[5px] font-sans text-title w-full h-14 border border-solid border-main-stroke rounded-md
26
+ outline-none p-0 pl-4 box-border text-primary-text`}
31
27
  value={addSpacesBetweenNumbers(value)}
32
28
  onChange={(e) => handleChange(e.target.value)}
33
29
  onBlur={handleBlur}
34
30
  />
35
- <div className="absolute inset-x-0 top-[35px] px-4 leading-[18px]">
31
+ <div className="absolute inset-x-0 bottom-[-4px] px-4 leading-[18px]">
36
32
  <input
37
33
  className="box-border w-full m-0 cursor-pointer slider"
38
34
  type="range"
@@ -47,7 +43,9 @@ export const InputRange = JSX<InputRangeProps>(
47
43
  </label>
48
44
  <div className="flex justify-between my-3">
49
45
  {items.map((item, i) => (
50
- <span key={String(i)} className="text-xs leading-[14px] text-secondary-text pl-4"> {item} </span>
46
+ <span key={String(i)} className="text-sm leading-[14px] text-secondary-text pl-4">
47
+ {item}
48
+ </span>
51
49
  ))}
52
50
  </div>
53
51
  </div>
@@ -1,3 +1,5 @@
1
+ import type { FuncSetNumber } from '../../types';
2
+
1
3
  export interface InputRangeProps {
2
4
  className?: string;
3
5
  items?: string[];
@@ -6,5 +8,5 @@ export interface InputRangeProps {
6
8
  step?: number;
7
9
  value?: number;
8
10
  title?: string;
9
- onChange?: (value: number) => void;
11
+ onChange?: FuncSetNumber;
10
12
  }
@@ -1,4 +1,5 @@
1
1
  import type { Picture } from '../../model/Picture';
2
+ import { FuncSetNumber } from '../../types';
2
3
 
3
4
  /**
4
5
  * @title Вкладка
@@ -11,7 +12,7 @@ export interface Tab {
11
12
  icon?: Picture;
12
13
  }
13
14
 
14
- export type TabClickHandler = (value: number) => void;
15
+ export type TabClickHandler = FuncSetNumber;
15
16
 
16
17
  export interface TabsProps {
17
18
  tabs?: Tab[];
@@ -1,5 +0,0 @@
1
- import type { UniBlockProps } from '../../types';
2
- import type { ProductGalleryGreenContent } from './ProductGalleryGreenContent';
3
- export interface ProductGalleryProps extends ProductGalleryGreenContent, UniBlockProps {
4
- }
5
- export declare const ProductGalleryGreen: (props: import("@redneckz/uni-jsx").PropsWithChildren<ProductGalleryProps, any>, context?: any) => any;
@@ -1,53 +0,0 @@
1
- Object.defineProperty(exports, "__esModule", { value: true });
2
- exports.ProductGalleryGreen = void 0;
3
- const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
4
- const uni_jsx_1 = require("@redneckz/uni-jsx");
5
- const ProductBlockInner_1 = require("../ProductBlock/ProductBlockInner");
6
- const productGalleryGreenStyleMap = {
7
- primary: 'bg-white text-primary-text',
8
- secondary: 'bg-primary-main text-white',
9
- };
10
- const productBlockStyleMap = {
11
- primary: { title: 'text-secondary-text', text: 'text-secondary-text' },
12
- secondary: { title: 'text-white', text: 'text-white/80' },
13
- };
14
- const productSlideStyleMap = {
15
- primary: 'bg-white text-primary-text',
16
- secondary: 'bg-primary-main text-white',
17
- };
18
- exports.ProductGalleryGreen = (0, uni_jsx_1.JSX)(({ className = '', context, slides = [], version = 'primary', anchor = null }) => {
19
- const galleryNav = slides.map((s) => s.nav);
20
- const galleryBlocks = slides.map((s) => s.productBlock);
21
- const [activeSlideIndex, setActiveSlideIndex] = context.useState(0);
22
- return ((0, jsx_runtime_1.jsxs)("section", { id: anchor, className: `box-border pt-[50px] overflow-hidden relative font-sans w-100 ${className}
23
- ${productGalleryGreenStyleMap[version]}`, children: [(0, jsx_runtime_1.jsx)("div", { className: "flex duration-1000 pb-14", style: { transform: `translateX(-${activeSlideIndex}00%)` }, role: "list", children: galleryBlocks.map((_, i) => renderProductBlock({ ..._, version }, i, context)) }), (0, jsx_runtime_1.jsx)("div", { className: "flex items-center absolute bottom-6 left-0 right-0 px-[26px] box-border", children: galleryNav.map((slide, i) => renderNavButton({
24
- slide,
25
- i,
26
- activeSlideIndex,
27
- onClick: () => setActiveSlideIndex(i),
28
- version,
29
- })) })] }));
30
- });
31
- function renderProductBlock(block, i, context) {
32
- const { version } = block;
33
- const additionalClass = version ? productBlockStyleMap[version].title : '';
34
- return ((0, jsx_runtime_1.jsx)("section", { className: "box-border relative flex grow-0 shrink-0 basis-full", role: "listitem", children: (0, jsx_runtime_1.jsx)("div", { className: "flex grow", children: (0, jsx_runtime_1.jsx)(ProductBlockInner_1.ProductBlockInner, { className: `pl-[50px] z-[1] ${additionalClass}`, context: context, textBlockClassName: "mb-[154px]", ...block }) }) }, String(i)));
35
- }
36
- function renderNavButton({ slide, i, activeSlideIndex, onClick, version }) {
37
- const isActiveBtn = i === activeSlideIndex;
38
- const btnClassName = isActiveBtn
39
- ? 'bg-white shadow-dark-blue/42 h-[102px] w-[354px] min-w-[354px] p-0 border-none'
40
- : `min-w-[277px] px-0 pt-4 pb-[23px] hover:py-[26px] hover:py-[26px] ease-in duration-300 bg-white/10
41
- ${productSlideStyleMap[version]}`;
42
- const btnTitleClassName = isActiveBtn
43
- ? 'text-primary-text text-title-2xs'
44
- : `text-base ${productBlockStyleMap[version].title}`;
45
- const btnDescClassName = isActiveBtn
46
- ? 'text-secondary-text text-m-title-xs mt-2.5'
47
- : `text-m-md mt-1.5 ${productBlockStyleMap[version].text}`;
48
- const additionalBorder = version === 'secondary' ? 'border-white/50' : 'border-black/50';
49
- return ((0, jsx_runtime_1.jsx)("button", { type: "button", onClick: onClick, "aria-label": slide?.title, className: `box-border font-sans relative overflow-hidden border-[1px] border-white/50 cursor-pointer text-left mx-1 grow basis-0
50
- ${btnClassName} ${additionalBorder}
51
- `, children: (0, jsx_runtime_1.jsxs)("div", { className: "border-0 px-6", children: [(0, jsx_runtime_1.jsx)("div", { className: `font-medium ${btnTitleClassName}`, children: slide?.title }), (0, jsx_runtime_1.jsx)("div", { className: `text-secondary-text ${btnDescClassName}`, children: slide.description })] }) }, String(i)));
52
- }
53
- //# sourceMappingURL=ProductGalleryGreen.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ProductGalleryGreen.js","sourceRoot":"","sources":["../../../src/components/ProductGalleryGreen/ProductGalleryGreen.tsx"],"names":[],"mappings":"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"}
@@ -1,32 +0,0 @@
1
- import type { ProductBlockInnerContent } from '../ProductBlock/ProductBlockContent';
2
- import type { BlockVersion } from '../../model/BlockVersion';
3
- /** @title Кнопка под слайдом */
4
- interface ProductGalleryNav {
5
- /** @title Заголовок */
6
- title: string;
7
- /** @title Описание */
8
- description: string;
9
- }
10
- /**
11
- * @title Слайд
12
- */
13
- export interface ProductSlide {
14
- /** @title Превью содержимого слайда на навигации */
15
- nav?: ProductGalleryNav;
16
- /** @title Содержимое слайда */
17
- productBlock: ProductBlockInnerContent;
18
- }
19
- /**
20
- * @title Продуктовая галерея
21
- */
22
- export interface ProductGalleryGreenContent {
23
- /**
24
- * @title Задержка
25
- * @hidden //! temporary not used
26
- */
27
- duration?: number;
28
- /** @title Слайды */
29
- slides?: ProductSlide[];
30
- version?: BlockVersion;
31
- }
32
- export {};
@@ -1 +0,0 @@
1
- {"version":3,"file":"ProductGalleryGreenContent.js","sourceRoot":"","sources":["../../../src/components/ProductGalleryGreen/ProductGalleryGreenContent.ts"],"names":[],"mappings":""}
@@ -1,5 +0,0 @@
1
- import type { UniBlockProps } from '../../types';
2
- import type { ProductGalleryGreenContent } from './ProductGalleryGreenContent';
3
- export interface ProductGalleryProps extends ProductGalleryGreenContent, UniBlockProps {
4
- }
5
- export declare const ProductGalleryGreen: (props: import("@redneckz/uni-jsx").PropsWithChildren<ProductGalleryProps, any>, context?: any) => any;
@@ -1,51 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
2
- import { JSX } from '@redneckz/uni-jsx';
3
- import { ProductBlockInner } from '../ProductBlock/ProductBlockInner.js';
4
- const productGalleryGreenStyleMap = {
5
- primary: 'bg-white text-primary-text',
6
- secondary: 'bg-primary-main text-white',
7
- };
8
- const productBlockStyleMap = {
9
- primary: { title: 'text-secondary-text', text: 'text-secondary-text' },
10
- secondary: { title: 'text-white', text: 'text-white/80' },
11
- };
12
- const productSlideStyleMap = {
13
- primary: 'bg-white text-primary-text',
14
- secondary: 'bg-primary-main text-white',
15
- };
16
- export const ProductGalleryGreen = JSX(({ className = '', context, slides = [], version = 'primary', anchor = null }) => {
17
- const galleryNav = slides.map((s) => s.nav);
18
- const galleryBlocks = slides.map((s) => s.productBlock);
19
- const [activeSlideIndex, setActiveSlideIndex] = context.useState(0);
20
- return (_jsxs("section", { id: anchor, className: `box-border pt-[50px] overflow-hidden relative font-sans w-100 ${className}
21
- ${productGalleryGreenStyleMap[version]}`, children: [_jsx("div", { className: "flex duration-1000 pb-14", style: { transform: `translateX(-${activeSlideIndex}00%)` }, role: "list", children: galleryBlocks.map((_, i) => renderProductBlock({ ..._, version }, i, context)) }), _jsx("div", { className: "flex items-center absolute bottom-6 left-0 right-0 px-[26px] box-border", children: galleryNav.map((slide, i) => renderNavButton({
22
- slide,
23
- i,
24
- activeSlideIndex,
25
- onClick: () => setActiveSlideIndex(i),
26
- version,
27
- })) })] }));
28
- });
29
- function renderProductBlock(block, i, context) {
30
- const { version } = block;
31
- const additionalClass = version ? productBlockStyleMap[version].title : '';
32
- return (_jsx("section", { className: "box-border relative flex grow-0 shrink-0 basis-full", role: "listitem", children: _jsx("div", { className: "flex grow", children: _jsx(ProductBlockInner, { className: `pl-[50px] z-[1] ${additionalClass}`, context: context, textBlockClassName: "mb-[154px]", ...block }) }) }, String(i)));
33
- }
34
- function renderNavButton({ slide, i, activeSlideIndex, onClick, version }) {
35
- const isActiveBtn = i === activeSlideIndex;
36
- const btnClassName = isActiveBtn
37
- ? 'bg-white shadow-dark-blue/42 h-[102px] w-[354px] min-w-[354px] p-0 border-none'
38
- : `min-w-[277px] px-0 pt-4 pb-[23px] hover:py-[26px] hover:py-[26px] ease-in duration-300 bg-white/10
39
- ${productSlideStyleMap[version]}`;
40
- const btnTitleClassName = isActiveBtn
41
- ? 'text-primary-text text-title-2xs'
42
- : `text-base ${productBlockStyleMap[version].title}`;
43
- const btnDescClassName = isActiveBtn
44
- ? 'text-secondary-text text-m-title-xs mt-2.5'
45
- : `text-m-md mt-1.5 ${productBlockStyleMap[version].text}`;
46
- const additionalBorder = version === 'secondary' ? 'border-white/50' : 'border-black/50';
47
- return (_jsx("button", { type: "button", onClick: onClick, "aria-label": slide?.title, className: `box-border font-sans relative overflow-hidden border-[1px] border-white/50 cursor-pointer text-left mx-1 grow basis-0
48
- ${btnClassName} ${additionalBorder}
49
- `, children: _jsxs("div", { className: "border-0 px-6", children: [_jsx("div", { className: `font-medium ${btnTitleClassName}`, children: slide?.title }), _jsx("div", { className: `text-secondary-text ${btnDescClassName}`, children: slide.description })] }) }, String(i)));
50
- }
51
- //# sourceMappingURL=ProductGalleryGreen.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ProductGalleryGreen.js","sourceRoot":"","sources":["../../../src/components/ProductGalleryGreen/ProductGalleryGreen.tsx"],"names":[],"mappings":"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"}
@@ -1,32 +0,0 @@
1
- import type { ProductBlockInnerContent } from '../ProductBlock/ProductBlockContent';
2
- import type { BlockVersion } from '../../model/BlockVersion';
3
- /** @title Кнопка под слайдом */
4
- interface ProductGalleryNav {
5
- /** @title Заголовок */
6
- title: string;
7
- /** @title Описание */
8
- description: string;
9
- }
10
- /**
11
- * @title Слайд
12
- */
13
- export interface ProductSlide {
14
- /** @title Превью содержимого слайда на навигации */
15
- nav?: ProductGalleryNav;
16
- /** @title Содержимое слайда */
17
- productBlock: ProductBlockInnerContent;
18
- }
19
- /**
20
- * @title Продуктовая галерея
21
- */
22
- export interface ProductGalleryGreenContent {
23
- /**
24
- * @title Задержка
25
- * @hidden //! temporary not used
26
- */
27
- duration?: number;
28
- /** @title Слайды */
29
- slides?: ProductSlide[];
30
- version?: BlockVersion;
31
- }
32
- export {};
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=ProductGalleryGreenContent.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ProductGalleryGreenContent.js","sourceRoot":"","sources":["../../../src/components/ProductGalleryGreen/ProductGalleryGreenContent.ts"],"names":[],"mappings":""}
@@ -1,5 +0,0 @@
1
- import type { UniBlockProps } from '../../types';
2
- import type { ProductGalleryGreenContent } from './ProductGalleryGreenContent';
3
- export interface ProductGalleryProps extends ProductGalleryGreenContent, UniBlockProps {
4
- }
5
- export declare const ProductGalleryGreen: (props: import("@redneckz/uni-jsx").PropsWithChildren<ProductGalleryProps, any>, context?: any) => any;
@@ -1,53 +0,0 @@
1
- Object.defineProperty(exports, "__esModule", { value: true });
2
- exports.ProductGalleryGreen = void 0;
3
- const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
4
- const uni_jsx_1 = require("@redneckz/uni-jsx");
5
- const ProductBlockInner_1 = require("../ProductBlock/ProductBlockInner");
6
- const productGalleryGreenStyleMap = {
7
- primary: 'bg-white text-primary-text',
8
- secondary: 'bg-primary-main text-white',
9
- };
10
- const productBlockStyleMap = {
11
- primary: { title: 'text-secondary-text', text: 'text-secondary-text' },
12
- secondary: { title: 'text-white', text: 'text-white/80' },
13
- };
14
- const productSlideStyleMap = {
15
- primary: 'bg-white text-primary-text',
16
- secondary: 'bg-primary-main text-white',
17
- };
18
- exports.ProductGalleryGreen = (0, uni_jsx_1.JSX)(({ className = '', context, slides = [], version = 'primary', anchor = null }) => {
19
- const galleryNav = slides.map((s) => s.nav);
20
- const galleryBlocks = slides.map((s) => s.productBlock);
21
- const [activeSlideIndex, setActiveSlideIndex] = context.useState(0);
22
- return ((0, jsx_runtime_1.jsxs)("section", { id: anchor, className: `box-border pt-[50px] overflow-hidden relative font-sans w-100 ${className}
23
- ${productGalleryGreenStyleMap[version]}`, children: [(0, jsx_runtime_1.jsx)("div", { className: "flex duration-1000 pb-14", style: { transform: `translateX(-${activeSlideIndex}00%)` }, role: "list", children: galleryBlocks.map((_, i) => renderProductBlock({ ..._, version }, i, context)) }), (0, jsx_runtime_1.jsx)("div", { className: "flex items-center absolute bottom-6 left-0 right-0 px-[26px] box-border", children: galleryNav.map((slide, i) => renderNavButton({
24
- slide,
25
- i,
26
- activeSlideIndex,
27
- onClick: () => setActiveSlideIndex(i),
28
- version,
29
- })) })] }));
30
- });
31
- function renderProductBlock(block, i, context) {
32
- const { version } = block;
33
- const additionalClass = version ? productBlockStyleMap[version].title : '';
34
- return ((0, jsx_runtime_1.jsx)("section", { className: "box-border relative flex grow-0 shrink-0 basis-full", role: "listitem", children: (0, jsx_runtime_1.jsx)("div", { className: "flex grow", children: (0, jsx_runtime_1.jsx)(ProductBlockInner_1.ProductBlockInner, { className: `pl-[50px] z-[1] ${additionalClass}`, context: context, textBlockClassName: "mb-[154px]", ...block }) }) }, String(i)));
35
- }
36
- function renderNavButton({ slide, i, activeSlideIndex, onClick, version }) {
37
- const isActiveBtn = i === activeSlideIndex;
38
- const btnClassName = isActiveBtn
39
- ? 'bg-white shadow-dark-blue/42 h-[102px] w-[354px] min-w-[354px] p-0 border-none'
40
- : `min-w-[277px] px-0 pt-4 pb-[23px] hover:py-[26px] hover:py-[26px] ease-in duration-300 bg-white/10
41
- ${productSlideStyleMap[version]}`;
42
- const btnTitleClassName = isActiveBtn
43
- ? 'text-primary-text text-title-2xs'
44
- : `text-base ${productBlockStyleMap[version].title}`;
45
- const btnDescClassName = isActiveBtn
46
- ? 'text-secondary-text text-m-title-xs mt-2.5'
47
- : `text-m-md mt-1.5 ${productBlockStyleMap[version].text}`;
48
- const additionalBorder = version === 'secondary' ? 'border-white/50' : 'border-black/50';
49
- return ((0, jsx_runtime_1.jsx)("button", { type: "button", onClick: onClick, "aria-label": slide?.title, className: `box-border font-sans relative overflow-hidden border-[1px] border-white/50 cursor-pointer text-left mx-1 grow basis-0
50
- ${btnClassName} ${additionalBorder}
51
- `, children: (0, jsx_runtime_1.jsxs)("div", { className: "border-0 px-6", children: [(0, jsx_runtime_1.jsx)("div", { className: `font-medium ${btnTitleClassName}`, children: slide?.title }), (0, jsx_runtime_1.jsx)("div", { className: `text-secondary-text ${btnDescClassName}`, children: slide.description })] }) }, String(i)));
52
- }
53
- //# sourceMappingURL=ProductGalleryGreen.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ProductGalleryGreen.js","sourceRoot":"","sources":["../../../src/components/ProductGalleryGreen/ProductGalleryGreen.tsx"],"names":[],"mappings":"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"}
@@ -1,32 +0,0 @@
1
- import type { ProductBlockInnerContent } from '../ProductBlock/ProductBlockContent';
2
- import type { BlockVersion } from '../../model/BlockVersion';
3
- /** @title Кнопка под слайдом */
4
- interface ProductGalleryNav {
5
- /** @title Заголовок */
6
- title: string;
7
- /** @title Описание */
8
- description: string;
9
- }
10
- /**
11
- * @title Слайд
12
- */
13
- export interface ProductSlide {
14
- /** @title Превью содержимого слайда на навигации */
15
- nav?: ProductGalleryNav;
16
- /** @title Содержимое слайда */
17
- productBlock: ProductBlockInnerContent;
18
- }
19
- /**
20
- * @title Продуктовая галерея
21
- */
22
- export interface ProductGalleryGreenContent {
23
- /**
24
- * @title Задержка
25
- * @hidden //! temporary not used
26
- */
27
- duration?: number;
28
- /** @title Слайды */
29
- slides?: ProductSlide[];
30
- version?: BlockVersion;
31
- }
32
- export {};
@@ -1 +0,0 @@
1
- {"version":3,"file":"ProductGalleryGreenContent.js","sourceRoot":"","sources":["../../../src/components/ProductGalleryGreen/ProductGalleryGreenContent.ts"],"names":[],"mappings":""}
@@ -1,5 +0,0 @@
1
- import type { UniBlockProps } from '../../types';
2
- import type { ProductGalleryGreenContent } from './ProductGalleryGreenContent';
3
- export interface ProductGalleryProps extends ProductGalleryGreenContent, UniBlockProps {
4
- }
5
- export declare const ProductGalleryGreen: (props: import("@redneckz/uni-jsx").PropsWithChildren<ProductGalleryProps, any>, context?: any) => any;