@redneckz/wildless-cms-uni-blocks 0.14.63 → 0.14.64

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 (190) hide show
  1. package/bin/migration-scripts/0.14.62.js +66 -0
  2. package/bin/utils.js +14 -1
  3. package/bundle/blocks.schema.json +1 -1
  4. package/bundle/bundle.umd.js +38 -43
  5. package/bundle/bundle.umd.min.js +1 -1
  6. package/bundle/components/BenefitsBlock/BenefitsBlockContent.d.ts +4 -32
  7. package/bundle/components/MobileAppTile/MobileAppTileContent.d.ts +2 -3
  8. package/bundle/components/TariffsTable/EmbeddableCellData.d.ts +1 -1
  9. package/bundle/components/TariffsTable/TariffsTableContent.d.ts +1 -1
  10. package/bundle/ui-kit/List/List.d.ts +6 -3
  11. package/bundle/ui-kit/List/ListContent.d.ts +11 -2
  12. package/bundle/ui-kit/List/ListItem.d.ts +1 -2
  13. package/bundle/ui-kit/RichText/RichTextProps.d.ts +3 -3
  14. package/dist/components/BenefitsBlock/BenefitsBlock.js +1 -13
  15. package/dist/components/BenefitsBlock/BenefitsBlock.js.map +1 -1
  16. package/dist/components/BenefitsBlock/BenefitsBlockContent.d.ts +4 -32
  17. package/dist/components/CarouselRecommendationCard/CarouselRecommendationCard.js +2 -2
  18. package/dist/components/CarouselRecommendationCard/CarouselRecommendationCard.js.map +1 -1
  19. package/dist/components/MobileAppTile/MobileAppTile.js +3 -3
  20. package/dist/components/MobileAppTile/MobileAppTile.js.map +1 -1
  21. package/dist/components/MobileAppTile/MobileAppTileContent.d.ts +2 -3
  22. package/dist/components/TariffsTable/EmbeddableCellData.d.ts +1 -1
  23. package/dist/components/TariffsTable/TariffsTableContent.d.ts +1 -1
  24. package/dist/ui-kit/BaseProductTile/BaseProductTile.js +10 -2
  25. package/dist/ui-kit/BaseProductTile/BaseProductTile.js.map +1 -1
  26. package/dist/ui-kit/BaseTile/BaseTile.js +1 -1
  27. package/dist/ui-kit/BaseTile/BaseTile.js.map +1 -1
  28. package/dist/ui-kit/List/List.d.ts +6 -3
  29. package/dist/ui-kit/List/List.js +21 -13
  30. package/dist/ui-kit/List/List.js.map +1 -1
  31. package/dist/ui-kit/List/ListContent.d.ts +11 -2
  32. package/dist/ui-kit/List/ListItem.d.ts +1 -2
  33. package/dist/ui-kit/List/ListItem.js +1 -7
  34. package/dist/ui-kit/List/ListItem.js.map +1 -1
  35. package/dist/ui-kit/RichText/RichTextProps.d.ts +3 -3
  36. package/lib/common.css +1 -1
  37. package/lib/components/BenefitsBlock/BenefitsBlock.js +2 -14
  38. package/lib/components/BenefitsBlock/BenefitsBlock.js.map +1 -1
  39. package/lib/components/BenefitsBlock/BenefitsBlockContent.d.ts +4 -32
  40. package/lib/components/CarouselRecommendationCard/CarouselRecommendationCard.js +2 -2
  41. package/lib/components/CarouselRecommendationCard/CarouselRecommendationCard.js.map +1 -1
  42. package/lib/components/MobileAppTile/MobileAppTile.js +3 -3
  43. package/lib/components/MobileAppTile/MobileAppTile.js.map +1 -1
  44. package/lib/components/MobileAppTile/MobileAppTileContent.d.ts +2 -3
  45. package/lib/components/RichTextBlock/RichTextBlock.fixture.d.ts +3 -2
  46. package/lib/components/RichTextBlock/RichTextBlock.fixture.mobile.d.ts +4 -2
  47. package/lib/components/TariffsTable/EmbeddableCellData.d.ts +1 -1
  48. package/lib/components/TariffsTable/TariffsTableContent.d.ts +1 -1
  49. package/lib/ui-kit/BaseProductTile/BaseProductTile.js +10 -2
  50. package/lib/ui-kit/BaseProductTile/BaseProductTile.js.map +1 -1
  51. package/lib/ui-kit/BaseTile/BaseTile.js +1 -1
  52. package/lib/ui-kit/BaseTile/BaseTile.js.map +1 -1
  53. package/lib/ui-kit/List/List.d.ts +6 -3
  54. package/lib/ui-kit/List/List.js +20 -12
  55. package/lib/ui-kit/List/List.js.map +1 -1
  56. package/lib/ui-kit/List/ListContent.d.ts +11 -2
  57. package/lib/ui-kit/List/ListItem.d.ts +1 -2
  58. package/lib/ui-kit/List/ListItem.js +1 -7
  59. package/lib/ui-kit/List/ListItem.js.map +1 -1
  60. package/lib/ui-kit/RichText/RichTextProps.d.ts +3 -3
  61. package/mobile/bundle/bundle.umd.js +38 -43
  62. package/mobile/bundle/bundle.umd.min.js +1 -1
  63. package/mobile/bundle/components/BenefitsBlock/BenefitsBlockContent.d.ts +4 -32
  64. package/mobile/bundle/components/MobileAppTile/MobileAppTileContent.d.ts +2 -3
  65. package/mobile/bundle/components/TariffsTable/EmbeddableCellData.d.ts +1 -1
  66. package/mobile/bundle/components/TariffsTable/TariffsTableContent.d.ts +1 -1
  67. package/mobile/bundle/ui-kit/List/List.d.ts +6 -3
  68. package/mobile/bundle/ui-kit/List/ListContent.d.ts +11 -2
  69. package/mobile/bundle/ui-kit/List/ListItem.d.ts +1 -2
  70. package/mobile/bundle/ui-kit/RichText/RichTextProps.d.ts +3 -3
  71. package/mobile/dist/components/BenefitsBlock/BenefitsBlock.js +1 -13
  72. package/mobile/dist/components/BenefitsBlock/BenefitsBlock.js.map +1 -1
  73. package/mobile/dist/components/BenefitsBlock/BenefitsBlockContent.d.ts +4 -32
  74. package/mobile/dist/components/CarouselRecommendationCard/CarouselRecommendationCard.js +2 -2
  75. package/mobile/dist/components/CarouselRecommendationCard/CarouselRecommendationCard.js.map +1 -1
  76. package/mobile/dist/components/MobileAppTile/MobileAppTile.js +3 -3
  77. package/mobile/dist/components/MobileAppTile/MobileAppTile.js.map +1 -1
  78. package/mobile/dist/components/MobileAppTile/MobileAppTileContent.d.ts +2 -3
  79. package/mobile/dist/components/TariffsTable/EmbeddableCellData.d.ts +1 -1
  80. package/mobile/dist/components/TariffsTable/TariffsTableContent.d.ts +1 -1
  81. package/mobile/dist/ui-kit/BaseProductTile/BaseProductTile.js +10 -2
  82. package/mobile/dist/ui-kit/BaseProductTile/BaseProductTile.js.map +1 -1
  83. package/mobile/dist/ui-kit/BaseTile/BaseTile.js +1 -1
  84. package/mobile/dist/ui-kit/BaseTile/BaseTile.js.map +1 -1
  85. package/mobile/dist/ui-kit/List/List.d.ts +6 -3
  86. package/mobile/dist/ui-kit/List/List.js +21 -13
  87. package/mobile/dist/ui-kit/List/List.js.map +1 -1
  88. package/mobile/dist/ui-kit/List/ListContent.d.ts +11 -2
  89. package/mobile/dist/ui-kit/List/ListItem.d.ts +1 -2
  90. package/mobile/dist/ui-kit/List/ListItem.js +1 -7
  91. package/mobile/dist/ui-kit/List/ListItem.js.map +1 -1
  92. package/mobile/dist/ui-kit/RichText/RichTextProps.d.ts +3 -3
  93. package/mobile/lib/common.css +1 -1
  94. package/mobile/lib/components/BenefitsBlock/BenefitsBlock.js +2 -14
  95. package/mobile/lib/components/BenefitsBlock/BenefitsBlock.js.map +1 -1
  96. package/mobile/lib/components/BenefitsBlock/BenefitsBlockContent.d.ts +4 -32
  97. package/mobile/lib/components/CarouselRecommendationCard/CarouselRecommendationCard.js +2 -2
  98. package/mobile/lib/components/CarouselRecommendationCard/CarouselRecommendationCard.js.map +1 -1
  99. package/mobile/lib/components/MobileAppTile/MobileAppTile.js +3 -3
  100. package/mobile/lib/components/MobileAppTile/MobileAppTile.js.map +1 -1
  101. package/mobile/lib/components/MobileAppTile/MobileAppTileContent.d.ts +2 -3
  102. package/mobile/lib/components/TariffsTable/EmbeddableCellData.d.ts +1 -1
  103. package/mobile/lib/components/TariffsTable/TariffsTableContent.d.ts +1 -1
  104. package/mobile/lib/ui-kit/BaseProductTile/BaseProductTile.js +10 -2
  105. package/mobile/lib/ui-kit/BaseProductTile/BaseProductTile.js.map +1 -1
  106. package/mobile/lib/ui-kit/BaseTile/BaseTile.js +1 -1
  107. package/mobile/lib/ui-kit/BaseTile/BaseTile.js.map +1 -1
  108. package/mobile/lib/ui-kit/List/List.d.ts +6 -3
  109. package/mobile/lib/ui-kit/List/List.js +20 -12
  110. package/mobile/lib/ui-kit/List/List.js.map +1 -1
  111. package/mobile/lib/ui-kit/List/ListContent.d.ts +11 -2
  112. package/mobile/lib/ui-kit/List/ListItem.d.ts +1 -2
  113. package/mobile/lib/ui-kit/List/ListItem.js +1 -7
  114. package/mobile/lib/ui-kit/List/ListItem.js.map +1 -1
  115. package/mobile/lib/ui-kit/RichText/RichTextProps.d.ts +3 -3
  116. package/mobile/src/common.css +15 -11
  117. package/mobile/src/components/BenefitsBlock/BenefitsBlock.example.json +3 -8
  118. package/mobile/src/components/BenefitsBlock/BenefitsBlock.tsx +21 -62
  119. package/mobile/src/components/BenefitsBlock/BenefitsBlockContent.ts +6 -36
  120. package/mobile/src/components/CarouselRecommendationCard/CarouselRecommendationCard.example.json +1 -2
  121. package/mobile/src/components/CarouselRecommendationCard/CarouselRecommendationCard.tsx +1 -2
  122. package/mobile/src/components/MobileAppTile/MobileAppTile.tsx +10 -12
  123. package/mobile/src/components/MobileAppTile/MobileAppTileContent.ts +4 -2
  124. package/mobile/src/components/RichTextBlock/RichTextBlock.example.json +2 -1
  125. package/mobile/src/components/TariffsTable/EmbeddableCellData.tsx +1 -1
  126. package/mobile/src/components/TariffsTable/TariffsTableContent.ts +1 -1
  127. package/mobile/src/ui-kit/BaseProductTile/BaseProductTile.tsx +12 -2
  128. package/mobile/src/ui-kit/BaseTile/BaseTile.tsx +1 -1
  129. package/mobile/src/ui-kit/List/List.tsx +32 -20
  130. package/mobile/src/ui-kit/List/ListContent.ts +14 -2
  131. package/mobile/src/ui-kit/List/ListItem.tsx +3 -11
  132. package/mobile/src/ui-kit/RichText/RichTextProps.ts +3 -3
  133. package/package.json +1 -1
  134. package/src/common.css +15 -11
  135. package/src/components/BenefitsBlock/BenefitsBlock.example.json +3 -8
  136. package/src/components/BenefitsBlock/BenefitsBlock.fixture.mobile.tsx +1 -4
  137. package/src/components/BenefitsBlock/BenefitsBlock.fixture.tsx +33 -66
  138. package/src/components/BenefitsBlock/BenefitsBlock.tsx +21 -62
  139. package/src/components/BenefitsBlock/BenefitsBlockContent.ts +6 -36
  140. package/src/components/CarouselRecommendationCard/CarouselRecommendationCard.example.json +1 -2
  141. package/src/components/CarouselRecommendationCard/CarouselRecommendationCard.tsx +1 -2
  142. package/src/components/MobileAppTile/MobileAppTile.fixture.tsx +0 -3
  143. package/src/components/MobileAppTile/MobileAppTile.tsx +10 -12
  144. package/src/components/MobileAppTile/MobileAppTileContent.ts +4 -2
  145. package/src/components/RichTextBlock/RichTextBlock.example.json +2 -1
  146. package/src/components/RichTextBlock/RichTextBlock.fixture.mobile.tsx +44 -18
  147. package/src/components/RichTextBlock/RichTextBlock.fixture.tsx +41 -30
  148. package/src/components/TariffsTable/EmbeddableCellData.tsx +1 -1
  149. package/src/components/TariffsTable/TariffsTableContent.ts +1 -1
  150. package/src/components/VerticalLayout/VerticalLayout.fixture.mobile.tsx +18 -2
  151. package/src/components/VerticalLayout/VerticalLayout.fixture.tsx +2 -2
  152. package/src/ui-kit/BaseProductTile/BaseProductTile.tsx +12 -2
  153. package/src/ui-kit/BaseTile/BaseTile.tsx +1 -1
  154. package/src/ui-kit/List/List.fixture.tsx +1 -1
  155. package/src/ui-kit/List/List.tsx +32 -20
  156. package/src/ui-kit/List/ListContent.ts +14 -2
  157. package/src/ui-kit/List/ListItem.tsx +3 -11
  158. package/src/ui-kit/RichText/RichTextProps.ts +3 -3
  159. package/bundle/components/MobileAppTile/renderList.d.ts +0 -3
  160. package/bundle/ui-kit/List/ListProps.d.ts +0 -11
  161. package/dist/components/MobileAppTile/renderList.d.ts +0 -3
  162. package/dist/components/MobileAppTile/renderList.js +0 -10
  163. package/dist/components/MobileAppTile/renderList.js.map +0 -1
  164. package/dist/ui-kit/List/ListProps.d.ts +0 -11
  165. package/dist/ui-kit/List/ListProps.js +0 -2
  166. package/dist/ui-kit/List/ListProps.js.map +0 -1
  167. package/lib/components/MobileAppTile/renderList.d.ts +0 -2
  168. package/lib/components/MobileAppTile/renderList.js +0 -7
  169. package/lib/components/MobileAppTile/renderList.js.map +0 -1
  170. package/lib/ui-kit/List/ListProps.d.ts +0 -11
  171. package/lib/ui-kit/List/ListProps.js +0 -2
  172. package/lib/ui-kit/List/ListProps.js.map +0 -1
  173. package/mobile/bundle/components/MobileAppTile/renderList.d.ts +0 -3
  174. package/mobile/bundle/ui-kit/List/ListProps.d.ts +0 -11
  175. package/mobile/dist/components/MobileAppTile/renderList.d.ts +0 -3
  176. package/mobile/dist/components/MobileAppTile/renderList.js +0 -10
  177. package/mobile/dist/components/MobileAppTile/renderList.js.map +0 -1
  178. package/mobile/dist/ui-kit/List/ListProps.d.ts +0 -11
  179. package/mobile/dist/ui-kit/List/ListProps.js +0 -2
  180. package/mobile/dist/ui-kit/List/ListProps.js.map +0 -1
  181. package/mobile/lib/components/MobileAppTile/renderList.d.ts +0 -3
  182. package/mobile/lib/components/MobileAppTile/renderList.js +0 -7
  183. package/mobile/lib/components/MobileAppTile/renderList.js.map +0 -1
  184. package/mobile/lib/ui-kit/List/ListProps.d.ts +0 -11
  185. package/mobile/lib/ui-kit/List/ListProps.js +0 -2
  186. package/mobile/lib/ui-kit/List/ListProps.js.map +0 -1
  187. package/mobile/src/components/MobileAppTile/renderList.tsx +0 -17
  188. package/mobile/src/ui-kit/List/ListProps.ts +0 -13
  189. package/src/components/MobileAppTile/renderList.tsx +0 -17
  190. package/src/ui-kit/List/ListProps.ts +0 -13
@@ -3,6 +3,32 @@ import '../../setup-fixture';
3
3
  import { RichTextBlock } from './RichTextBlock';
4
4
  import { type RichTextBlockContent } from './RichTextBlockContent';
5
5
 
6
+ const RICH_TEXT_TABLE = `
7
+ <table>
8
+ <thead>
9
+ <tr><th><p>Полное наименование организации</p></th><th><p>Адрес (место нахождения)</p></th><th><p>Доля участия</p></th></tr>
10
+ </thead>
11
+ <tbody>
12
+ <tr>
13
+ <td><p><a href="rshb.ru">Акционерное общество «Национальное бюро кредитных историй»</p></a></td>
14
+ <td><p>Россия, г. Москва, Скатертный пер., д. 20, стр.1</p></td><td><p>0,5%</p></td>
15
+ </tr>
16
+ <tr>
17
+ <td><p><a href="rshb.ru">Акционерное общество\\n
18
+ «Негосударственный пенсионный фонд\\n
19
+ «Первый национальный пенсионный фонд»</p></td>
20
+ <td><p>Россия, г. Москва, ул. Большая Дмитровка,\\n
21
+ д. 23, стр.1</a></p></td>
22
+ <td><p>2,2%</p></td>
23
+ </tr>
24
+ <tr><td><p>ПАО «Полюс»</p></td><td><p>PLZL</p></td><td><p>0,5%</p></td></tr>
25
+ <tr><td><p>Полиметалл Интернэшнл плс</p></td><td><p>POLY</p></td><td><p>0,5%</p></td></tr>
26
+ <tr><td><p>ПАО «ГМК «Норильский никель»<br></p></td><td><p>GMKN<br></p></td><td><p>0,5%</p></td></tr>
27
+ <tr><td><p>ПАО «Лензолото»<br></p></td><td><p>LNZL<br></p></td><td><p>0,5%</p></td></tr>
28
+ </tbody>
29
+ </table>
30
+ `;
31
+
6
32
  const HTML = `
7
33
  <p class="h1">Заголовок 1</p>
8
34
  <p class="h2">Заголовок 2</p>
@@ -13,44 +39,24 @@ const HTML = `
13
39
  <p>Параграф, в котором много текста и даже <a href="#">ссылка</a></p>
14
40
  <p><strong>Жирный текст</strong>, <em>Наклонный текст</em></p>
15
41
  <ul>
16
- <li>Список с точками</li>
17
- <li>Список с точками</li>
42
+ <li>Приобретение горюче-смазочных материалов</li>
43
+ <li>Приобретение минеральных удобрений, средств защиты растений</li>
44
+ <li>Приобретение молодняка сельскохозяйственных животных</li>
18
45
  </ul>
19
46
  <ol>
20
47
  <li>Нумерованный список</li>
21
48
  <li>Нумерованный список</li>
22
49
  </ol>
50
+ ${RICH_TEXT_TABLE}
23
51
  `;
24
52
 
25
- export const RICH_TEXT_SEPARATOR: RichTextBlockContent = {
26
- __html:
27
- '<table>' +
28
- '<thead><tr><th><p>Полное наименование организации</p></th><th><p>Адрес (место нахождения)</p></th><th><p>Доля участия</p></th></tr></thead>' +
29
- '<tbody>' +
30
- '<tr><td><p><a href="rshb.ru">Акционерное общество «Национальное бюро кредитных историй»</p></a></td>' +
31
- '<td><p>Россия, г. Москва, Скатертный пер., д. 20, стр.1</p></td><td><p>0,5%</p></td></tr>' +
32
- '<tr><td><p><a href="rshb.ru">Акционерное общество\n' +
33
- '«Негосударственный пенсионный фонд\n' +
34
- '«Первый национальный пенсионный фонд»</p></td><td><p>Россия, г. Москва, ул. Большая Дмитровка,\n' +
35
- 'д. 23, стр.1</a></p></td><td><p>2,2%</p></td></tr>' +
36
- '</tbody>' +
37
- '</table>',
38
- richVersion: 'horizontal-separator',
53
+ export const RICH_TEXT_SECONDARY: RichTextBlockContent = {
54
+ __html: HTML,
55
+ richVersion: 'secondary',
39
56
  };
40
57
  export const RICH_CARD: RichTextBlockContent = {
41
58
  padding: 'p-xl',
42
- __html:
43
- '<h4>Заголовок 4</h4><p><br></p>' +
44
- '<table>' +
45
- '<thead><tr><th><p>Эмитент</p></th><th><p>Код</p></th></tr></thead>' +
46
- '<tbody>' +
47
- '<tr><td><p>ПАО «Полюс»</p></td><td><p>PLZL</p></td></tr>' +
48
- '<tr><td><p>Полиметалл Интернэшнл плс</p></td><td><p>POLY</p></td></tr>' +
49
- '<tr><td><p>ПАО «ГМК «Норильский никель»<br></p></td><td><p>GMKN<br></p></td></tr>' +
50
- '<tr><td><p>ПАО «Лензолото»<br></p></td><td><p>LNZL<br></p></td></tr>' +
51
- '</tbody>' +
52
- '</table>',
53
- richVersion: 'striped',
59
+ __html: HTML,
54
60
  };
55
61
 
56
62
  export default {
@@ -59,9 +65,14 @@ export default {
59
65
  <RichTextBlock className="col-span-12" __html={HTML} />
60
66
  </div>
61
67
  ),
62
- 'horizontal-separator': (
68
+ padding: (
69
+ <div className="container grid grid-cols-12">
70
+ <RichTextBlock className="col-span-12" __html={HTML} padding="p-xl" />
71
+ </div>
72
+ ),
73
+ secondary: (
63
74
  <div className="container grid grid-cols-12">
64
- <RichTextBlock className="col-span-12" {...RICH_TEXT_SEPARATOR} />
75
+ <RichTextBlock className="col-span-12" __html={HTML} richVersion="secondary" />
65
76
  </div>
66
77
  ),
67
78
  };
@@ -9,7 +9,7 @@ import {
9
9
  } from '../../ui-kit/InnerTable/InnerTableButton';
10
10
  import { type TariffsTableInnerContent } from '../../ui-kit/InnerTable/InnerTableProps';
11
11
  import { List } from '../../ui-kit/List/List';
12
- import { type ListProps } from '../../ui-kit/List/ListProps';
12
+ import { type ListProps } from '../../ui-kit/List/ListContent';
13
13
  import { Text } from '../../ui-kit/Text/Text';
14
14
  import { type LabelDescriptionCell } from './TariffsTableContent';
15
15
 
@@ -4,7 +4,7 @@ import { type IconProps } from '../../model/Picture';
4
4
  import { type ButtonsSectionContent } from '../../ui-kit/Button/ButtonsSectionContent';
5
5
  import { type ImageContent } from '../../ui-kit/Img/ImgProps';
6
6
  import { type TariffsTableInnerContent } from '../../ui-kit/InnerTable/InnerTableProps';
7
- import { type ListProps } from '../../ui-kit/List/ListProps';
7
+ import { type ListProps } from '../../ui-kit/List/ListContent';
8
8
 
9
9
  /**
10
10
  * @hidden
@@ -5,7 +5,7 @@ import { type Picture } from '../../model/Picture';
5
5
  import { Blocks } from '../Blocks';
6
6
  import { type LinkDocsContent } from '../LinkDocs/LinkDocsContent';
7
7
  import { PRODUCT_BLOCK_WITH_IMAGE } from '../ProductBlock/ProductBlock.fixture';
8
- import { RICH_TEXT_SEPARATOR } from '../RichTextBlock/RichTextBlock.fixture';
8
+ import { type RichTextBlockContent } from '../RichTextBlock/RichTextBlockContent';
9
9
  import { type TextBlockContent } from '../TextBlock/TextBlockContent';
10
10
  import { VerticalLayout } from './VerticalLayout';
11
11
 
@@ -13,6 +13,22 @@ const options = {
13
13
  blocksRegistry: Blocks,
14
14
  } as BlockRendererOptions;
15
15
 
16
+ const RICH_TEXT_SECONDARY: RichTextBlockContent = {
17
+ __html:
18
+ '<table>' +
19
+ '<thead><tr><th><p>Полное наименование организации</p></th><th><p>Адрес (место нахождения)</p></th><th><p>Доля участия</p></th></tr></thead>' +
20
+ '<tbody>' +
21
+ '<tr><td><p><a href="rshb.ru">Акционерное общество «Национальное бюро кредитных историй»</p></a></td>' +
22
+ '<td><p>Россия, г. Москва, Скатертный пер., д. 20, стр.1</p></td><td><p>0,5%</p></td></tr>' +
23
+ '<tr><td><p><a href="rshb.ru">Акционерное общество\n' +
24
+ '«Негосударственный пенсионный фонд\n' +
25
+ '«Первый национальный пенсионный фонд»</p></td><td><p>Россия, г. Москва, ул. Большая Дмитровка,\n' +
26
+ 'д. 23, стр.1</a></p></td><td><p>2,2%</p></td></tr>' +
27
+ '</tbody>' +
28
+ '</table>',
29
+ richVersion: 'secondary',
30
+ };
31
+
16
32
  const linkDocsExample: LinkDocsContent = {
17
33
  description: 'Ответы на часто задаваемые вопросы',
18
34
  documents: [
@@ -147,7 +163,7 @@ export default {
147
163
  blocks: [
148
164
  {
149
165
  type: 'RichTextBlock',
150
- content: RICH_TEXT_SEPARATOR,
166
+ content: RICH_TEXT_SECONDARY,
151
167
  },
152
168
  ],
153
169
  },
@@ -7,7 +7,7 @@ import { type LinkDocsContent } from '../LinkDocs/LinkDocsContent';
7
7
  import { ProductBlock } from '../ProductBlock/ProductBlock';
8
8
  import { PRODUCT_BLOCK_WITH_IMAGE } from '../ProductBlock/ProductBlock.fixture';
9
9
  import { type ProductBlockContent } from '../ProductBlock/ProductBlockContent';
10
- import { RICH_TEXT_SEPARATOR } from '../RichTextBlock/RichTextBlock.fixture';
10
+ import { RICH_TEXT_SECONDARY } from '../RichTextBlock/RichTextBlock.fixture';
11
11
  import { TEXT_BLOCK } from '../TextBlock/TextBlock.fixture';
12
12
  import { VerticalLayout } from './VerticalLayout';
13
13
 
@@ -215,7 +215,7 @@ export default {
215
215
  blocks: [
216
216
  {
217
217
  type: 'RichTextBlock',
218
- content: RICH_TEXT_SEPARATOR,
218
+ content: RICH_TEXT_SECONDARY,
219
219
  },
220
220
  ],
221
221
  },
@@ -1,5 +1,6 @@
1
1
  import { JSX } from '@redneckz/uni-jsx';
2
2
  import { Headline } from '../../components/Headline/Headline';
3
+ import { type HeadlineVersion } from '../../model/HeadlineType';
3
4
  import { type UniBlockProps } from '../../model/JSXBlock';
4
5
  import { type VNode } from '../../model/VNode';
5
6
  import { BaseTile } from '../BaseTile/BaseTile';
@@ -7,6 +8,7 @@ import { BenefitsList } from '../BenefitsList/BenefitsList';
7
8
  import { renderButtonsSection } from '../Button/renderButtonsSection';
8
9
  import { Img } from '../Img/Img';
9
10
  import { List } from '../List/List';
11
+ import { type ListItemSize } from '../List/ListContent';
10
12
  import { PriceList } from '../PriceList/PriceList';
11
13
  import { RichText } from '../RichText/RichText';
12
14
  import { Tags } from '../Tags/Tags';
@@ -16,6 +18,15 @@ interface BaseProductTileProps extends UniBlockProps, BaseProductTileContent {
16
18
  backwardButton?: boolean;
17
19
  }
18
20
 
21
+ const LIST_SIZE: Record<HeadlineVersion, ListItemSize> = {
22
+ XXL: 'L',
23
+ XL: 'L',
24
+ L: 'M',
25
+ M: 'M',
26
+ S: 'S',
27
+ XS: 'S',
28
+ };
29
+
19
30
  export const BaseProductTile = JSX<BaseProductTileProps>(
20
31
  // eslint-disable-next-line max-lines-per-function
21
32
  ({
@@ -34,7 +45,6 @@ export const BaseProductTile = JSX<BaseProductTileProps>(
34
45
  items,
35
46
  isDotted = true,
36
47
  priceList = [],
37
- listItemSize,
38
48
  tags = [],
39
49
  buttons,
40
50
  image,
@@ -86,7 +96,7 @@ export const BaseProductTile = JSX<BaseProductTileProps>(
86
96
  ) : null}
87
97
  {__html ? <RichText __html={__html} /> : null}
88
98
  {items?.length ? (
89
- <List items={items} isDotted={isDotted} listItemSize={listItemSize} />
99
+ <List items={items} isDotted={isDotted} listItemSize={LIST_SIZE[headlineVersion]} />
90
100
  ) : null}
91
101
  {children}
92
102
  {priceList?.length ? <PriceList priceList={priceList} /> : null}
@@ -31,7 +31,7 @@ export const BaseTile = JSX<BaseTileProps>(
31
31
  className,
32
32
  version = 'primary',
33
33
  defaultPadding,
34
- padding,
34
+ padding = '',
35
35
  title = '',
36
36
  insetTitle = '',
37
37
  buttons,
@@ -7,7 +7,7 @@ const items = ['List Item #1', 'List Item #2', 'List Item #3', 'List Item #4'];
7
7
  export default {
8
8
  'primary dotted (default)': (
9
9
  <div className="bg-white p-6xl">
10
- <List items={items} listItemSize="L" />
10
+ <List items={items} />
11
11
  </div>
12
12
  ),
13
13
  'primary w/o dots': (
@@ -1,40 +1,52 @@
1
1
  import { JSX } from '@redneckz/uni-jsx';
2
2
  import { style } from '../../utils/style';
3
- import { type ListItemSize } from './ListContent';
3
+ import { type ListItemSize, type ListProps } from './ListContent';
4
4
  import { ListItem } from './ListItem';
5
- import { type ListProps } from './ListProps';
6
5
 
7
- export const TEXT_SIZE_MAP: Record<ListItemSize, string> = {
8
- XS: 'text-m font-light',
9
- S: 'text-l font-light',
10
- M: 'text-h6',
11
- L: 'text-h5',
12
- };
13
-
14
- const ITEM_INDENT_MAP: Record<ListItemSize, string> = {
15
- XS: 'ml-2xs',
16
- S: 'ml-xs',
17
- M: 'ml-s',
18
- L: 'ml-m',
6
+ export const LIST_VERSION_STYLE: Record<
7
+ ListItemSize,
8
+ {
9
+ textSize: string;
10
+ indentStyle: string;
11
+ dotStyle: string;
12
+ }
13
+ > = {
14
+ S: {
15
+ textSize: 'text-l font-light',
16
+ indentStyle: 'ml-xs',
17
+ dotStyle: 'w-1 h-1 mr-xs',
18
+ },
19
+ M: {
20
+ textSize: 'text-h6',
21
+ indentStyle: 'ml-s',
22
+ dotStyle: 'w-1.5 h-1.5 mr-s',
23
+ },
24
+ L: {
25
+ textSize: 'text-h5',
26
+ indentStyle: 'ml-m',
27
+ dotStyle: 'w-1.5 h-1.5 mr-m',
28
+ },
19
29
  };
20
30
 
21
31
  export const List = JSX<ListProps>(
22
- ({ className, hasIndent, isDotted = true, items = [], listItemSize = 'M' }) =>
23
- items?.length ? (
32
+ ({ className, isDotted = true, items = [], listItemSize = 'M' }) => {
33
+ const versionStyle = LIST_VERSION_STYLE[listItemSize];
34
+
35
+ return items?.length ? (
24
36
  <section
25
37
  className={style(
26
38
  'flex flex-col gap-xs text-left text-primary-text group-data-secondary:text-white group-data-gray:text-secondary-text',
27
- TEXT_SIZE_MAP[listItemSize],
28
- hasIndent ? ITEM_INDENT_MAP[listItemSize] : '',
39
+ versionStyle.textSize,
29
40
  className,
30
41
  )}
31
42
  role="list"
32
43
  >
33
44
  {items.map((item, i) => (
34
- <ListItem key={String(i)} isDotted={isDotted} size={listItemSize}>
45
+ <ListItem key={String(i)} isDotted={isDotted} dotClassName={versionStyle.dotStyle}>
35
46
  {item}
36
47
  </ListItem>
37
48
  ))}
38
49
  </section>
39
- ) : null,
50
+ ) : null;
51
+ },
40
52
  );
@@ -1,11 +1,23 @@
1
+ import { type BulletsProps } from '../../model/Bullets';
2
+
1
3
  /**
2
4
  * @title Размер пунктов списка
3
- * @enumNames ["Очень маленький", "Маленький", "Средний", "Большой"]
5
+ * @enumNames ["Маленький", "Средний", "Большой"]
4
6
  */
5
- export type ListItemSize = 'XS' | 'S' | 'M' | 'L';
7
+ export type ListItemSize = 'S' | 'M' | 'L';
6
8
 
7
9
  export interface ListContent {
8
10
  /** @title Список */
9
11
  items?: string[];
12
+ /** @hidden */
10
13
  listItemSize?: ListItemSize;
11
14
  }
15
+
16
+ /**
17
+ * @title Содержимое списка
18
+ */
19
+ export type ListProps = ListContent &
20
+ BulletsProps & {
21
+ /** @hidden */
22
+ className?: string;
23
+ };
@@ -1,32 +1,24 @@
1
1
  import { JSX } from '@redneckz/uni-jsx';
2
2
  import { style } from '../../utils/style';
3
- import { type ListItemSize } from './ListContent';
4
3
 
5
4
  /**
6
5
  * @title Параметры элемента списка
7
6
  */
8
7
  export interface ListItemProps {
9
8
  className?: string;
9
+ dotClassName?: string;
10
10
  text?: string;
11
11
  isDotted?: boolean;
12
- size?: ListItemSize;
13
12
  }
14
13
 
15
- const DOT_SIZE_MAP = {
16
- L: 'w-1.5 h-1.5 mr-m', // TODO: Действительно нужен этот вариант? отличается только margin
17
- M: 'w-1.5 h-1.5 mr-s',
18
- S: 'w-1 h-1 mr-xs',
19
- XS: 'w-1 h-1 mr-xs',
20
- };
21
-
22
- export const ListItem = JSX<ListItemProps>(({ className, isDotted, children, size = 'M' }) => (
14
+ export const ListItem = JSX<ListItemProps>(({ className, isDotted, dotClassName, children }) => (
23
15
  <div className={style('font-sans flex', className)} role="listitem">
24
16
  {isDotted ? (
25
17
  <div className="shrink-0">
26
18
  <div
27
19
  className={style(
28
20
  'align-middle inline-block rounded-full bg-primary-text group-data-secondary:bg-white',
29
- DOT_SIZE_MAP[size],
21
+ dotClassName,
30
22
  )}
31
23
  />
32
24
  </div>
@@ -2,10 +2,10 @@ type HTML = string;
2
2
 
3
3
  /**
4
4
  * @title Стиль форматированного текста
5
- * @default ""
6
- * @enumNames ["по умолчанию", "Строки разного цвета", "Горизонтальные разделители"]
5
+ * @default "primary"
6
+ * @enumNames ["Основсной", "Второстепенный"]
7
7
  */
8
- export type RichVersion = '' | 'striped' | 'horizontal-separator';
8
+ export type RichVersion = '' | 'secondary';
9
9
 
10
10
  export interface RichTextProps {
11
11
  /** @title Форматированный текст */
@@ -1,3 +0,0 @@
1
- /// <reference types="react" />
2
- import { type ListItemSize } from '../../ui-kit/List/ListContent';
3
- export declare const renderList: (items?: string[], listItemSize?: ListItemSize, additionalDescription?: string) => JSX.Element;
@@ -1,11 +0,0 @@
1
- import { type BulletsProps } from '../../model/Bullets';
2
- import { type ListContent } from './ListContent';
3
- /**
4
- * @title Содержимое списка
5
- */
6
- export declare type ListProps = ListContent & BulletsProps & {
7
- /** @hidden */
8
- className?: string;
9
- /** @title Отступ */
10
- hasIndent?: boolean;
11
- };
@@ -1,3 +0,0 @@
1
- /// <reference types="react" />
2
- import { type ListItemSize } from '../../ui-kit/List/ListContent';
3
- export declare const renderList: (items?: string[], listItemSize?: ListItemSize, additionalDescription?: string) => JSX.Element;
@@ -1,10 +0,0 @@
1
- Object.defineProperty(exports, "__esModule", { value: true });
2
- exports.renderList = void 0;
3
- const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
4
- const List_1 = require("../../ui-kit/List/List");
5
- const Text_1 = require("../../ui-kit/Text/Text");
6
- const renderList = (items, listItemSize, additionalDescription) => {
7
- return items?.length ? ((0, jsx_runtime_1.jsx)(List_1.List, { items: items, listItemSize: listItemSize, className: "text-l font-light" })) : ((0, jsx_runtime_1.jsx)(Text_1.Text, { size: "text-m", "font-weight": "font-light", color: "text-secondary-text", children: additionalDescription }));
8
- };
9
- exports.renderList = renderList;
10
- //# sourceMappingURL=renderList.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"renderList.js","sourceRoot":"","sources":["../../../src/components/MobileAppTile/renderList.tsx"],"names":[],"mappings":";;;AAAA,iDAA8C;AAE9C,iDAA8C;AAEvC,MAAM,UAAU,GAAG,CACxB,KAAgB,EAChB,YAA2B,EAC3B,qBAA8B,EAC9B,EAAE;IACF,OAAO,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CACrB,uBAAC,WAAI,IAAC,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,SAAS,EAAC,mBAAmB,GAAG,CACjF,CAAC,CAAC,CAAC,CACF,uBAAC,WAAI,IAAC,IAAI,EAAC,QAAQ,iBAAa,YAAY,EAAC,KAAK,EAAC,qBAAqB,YACrE,qBAAqB,GACjB,CACR,CAAC;AACJ,CAAC,CAAC;AAZW,QAAA,UAAU,cAYrB"}
@@ -1,11 +0,0 @@
1
- import { type BulletsProps } from '../../model/Bullets';
2
- import { type ListContent } from './ListContent';
3
- /**
4
- * @title Содержимое списка
5
- */
6
- export declare type ListProps = ListContent & BulletsProps & {
7
- /** @hidden */
8
- className?: string;
9
- /** @title Отступ */
10
- hasIndent?: boolean;
11
- };
@@ -1,2 +0,0 @@
1
- Object.defineProperty(exports, "__esModule", { value: true });
2
- //# sourceMappingURL=ListProps.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ListProps.js","sourceRoot":"","sources":["../../../src/ui-kit/List/ListProps.ts"],"names":[],"mappings":""}
@@ -1,2 +0,0 @@
1
- import { type ListItemSize } from '../../ui-kit/List/ListContent';
2
- export declare const renderList: (items?: string[], listItemSize?: ListItemSize, additionalDescription?: string) => JSX.Element;
@@ -1,7 +0,0 @@
1
- import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
2
- import { List } from '../../ui-kit/List/List.js';
3
- import { Text } from '../../ui-kit/Text/Text.js';
4
- export const renderList = (items, listItemSize, additionalDescription) => {
5
- return items?.length ? (_jsx(List, { items: items, listItemSize: listItemSize, className: "text-l font-light" })) : (_jsx(Text, { size: "text-m", "font-weight": "font-light", color: "text-secondary-text", children: additionalDescription }));
6
- };
7
- //# sourceMappingURL=renderList.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"renderList.js","sourceRoot":"","sources":["../../../src/components/MobileAppTile/renderList.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAE9C,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAE9C,MAAM,CAAC,MAAM,UAAU,GAAG,CACxB,KAAgB,EAChB,YAA2B,EAC3B,qBAA8B,EAC9B,EAAE;IACF,OAAO,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CACrB,KAAC,IAAI,IAAC,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,SAAS,EAAC,mBAAmB,GAAG,CACjF,CAAC,CAAC,CAAC,CACF,KAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,iBAAa,YAAY,EAAC,KAAK,EAAC,qBAAqB,YACrE,qBAAqB,GACjB,CACR,CAAC;AACJ,CAAC,CAAC"}
@@ -1,11 +0,0 @@
1
- import { type BulletsProps } from '../../model/Bullets';
2
- import { type ListContent } from './ListContent';
3
- /**
4
- * @title Содержимое списка
5
- */
6
- export declare type ListProps = ListContent & BulletsProps & {
7
- /** @hidden */
8
- className?: string;
9
- /** @title Отступ */
10
- hasIndent?: boolean;
11
- };
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=ListProps.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ListProps.js","sourceRoot":"","sources":["../../../src/ui-kit/List/ListProps.ts"],"names":[],"mappings":""}
@@ -1,3 +0,0 @@
1
- /// <reference types="react" />
2
- import { type ListItemSize } from '../../ui-kit/List/ListContent';
3
- export declare const renderList: (items?: string[], listItemSize?: ListItemSize, additionalDescription?: string) => JSX.Element;
@@ -1,11 +0,0 @@
1
- import { type BulletsProps } from '../../model/Bullets';
2
- import { type ListContent } from './ListContent';
3
- /**
4
- * @title Содержимое списка
5
- */
6
- export declare type ListProps = ListContent & BulletsProps & {
7
- /** @hidden */
8
- className?: string;
9
- /** @title Отступ */
10
- hasIndent?: boolean;
11
- };
@@ -1,3 +0,0 @@
1
- /// <reference types="react" />
2
- import { type ListItemSize } from '../../ui-kit/List/ListContent';
3
- export declare const renderList: (items?: string[], listItemSize?: ListItemSize, additionalDescription?: string) => JSX.Element;
@@ -1,10 +0,0 @@
1
- Object.defineProperty(exports, "__esModule", { value: true });
2
- exports.renderList = void 0;
3
- const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
4
- const List_1 = require("../../ui-kit/List/List");
5
- const Text_1 = require("../../ui-kit/Text/Text");
6
- const renderList = (items, listItemSize, additionalDescription) => {
7
- return items?.length ? ((0, jsx_runtime_1.jsx)(List_1.List, { items: items, listItemSize: listItemSize, className: "text-l font-light" })) : ((0, jsx_runtime_1.jsx)(Text_1.Text, { size: "text-m", "font-weight": "font-light", color: "text-secondary-text", children: additionalDescription }));
8
- };
9
- exports.renderList = renderList;
10
- //# sourceMappingURL=renderList.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"renderList.js","sourceRoot":"","sources":["../../../src/components/MobileAppTile/renderList.tsx"],"names":[],"mappings":";;;AAAA,iDAA8C;AAE9C,iDAA8C;AAEvC,MAAM,UAAU,GAAG,CACxB,KAAgB,EAChB,YAA2B,EAC3B,qBAA8B,EAC9B,EAAE;IACF,OAAO,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CACrB,uBAAC,WAAI,IAAC,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,SAAS,EAAC,mBAAmB,GAAG,CACjF,CAAC,CAAC,CAAC,CACF,uBAAC,WAAI,IAAC,IAAI,EAAC,QAAQ,iBAAa,YAAY,EAAC,KAAK,EAAC,qBAAqB,YACrE,qBAAqB,GACjB,CACR,CAAC;AACJ,CAAC,CAAC;AAZW,QAAA,UAAU,cAYrB"}
@@ -1,11 +0,0 @@
1
- import { type BulletsProps } from '../../model/Bullets';
2
- import { type ListContent } from './ListContent';
3
- /**
4
- * @title Содержимое списка
5
- */
6
- export declare type ListProps = ListContent & BulletsProps & {
7
- /** @hidden */
8
- className?: string;
9
- /** @title Отступ */
10
- hasIndent?: boolean;
11
- };
@@ -1,2 +0,0 @@
1
- Object.defineProperty(exports, "__esModule", { value: true });
2
- //# sourceMappingURL=ListProps.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ListProps.js","sourceRoot":"","sources":["../../../src/ui-kit/List/ListProps.ts"],"names":[],"mappings":""}
@@ -1,3 +0,0 @@
1
- /// <reference types="react" />
2
- import { type ListItemSize } from '../../ui-kit/List/ListContent';
3
- export declare const renderList: (items?: string[], listItemSize?: ListItemSize, additionalDescription?: string) => JSX.Element;
@@ -1,7 +0,0 @@
1
- import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
2
- import { List } from '../../ui-kit/List/List.js';
3
- import { Text } from '../../ui-kit/Text/Text.js';
4
- export const renderList = (items, listItemSize, additionalDescription) => {
5
- return items?.length ? (_jsx(List, { items: items, listItemSize: listItemSize, className: "text-l font-light" })) : (_jsx(Text, { size: "text-m", "font-weight": "font-light", color: "text-secondary-text", children: additionalDescription }));
6
- };
7
- //# sourceMappingURL=renderList.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"renderList.js","sourceRoot":"","sources":["../../../src/components/MobileAppTile/renderList.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAE9C,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAE9C,MAAM,CAAC,MAAM,UAAU,GAAG,CACxB,KAAgB,EAChB,YAA2B,EAC3B,qBAA8B,EAC9B,EAAE;IACF,OAAO,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CACrB,KAAC,IAAI,IAAC,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,SAAS,EAAC,mBAAmB,GAAG,CACjF,CAAC,CAAC,CAAC,CACF,KAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,iBAAa,YAAY,EAAC,KAAK,EAAC,qBAAqB,YACrE,qBAAqB,GACjB,CACR,CAAC;AACJ,CAAC,CAAC"}
@@ -1,11 +0,0 @@
1
- import { type BulletsProps } from '../../model/Bullets';
2
- import { type ListContent } from './ListContent';
3
- /**
4
- * @title Содержимое списка
5
- */
6
- export declare type ListProps = ListContent & BulletsProps & {
7
- /** @hidden */
8
- className?: string;
9
- /** @title Отступ */
10
- hasIndent?: boolean;
11
- };
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=ListProps.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ListProps.js","sourceRoot":"","sources":["../../../src/ui-kit/List/ListProps.ts"],"names":[],"mappings":""}
@@ -1,17 +0,0 @@
1
- import { List } from '../../ui-kit/List/List';
2
- import { type ListItemSize } from '../../ui-kit/List/ListContent';
3
- import { Text } from '../../ui-kit/Text/Text';
4
-
5
- export const renderList = (
6
- items?: string[],
7
- listItemSize?: ListItemSize,
8
- additionalDescription?: string,
9
- ) => {
10
- return items?.length ? (
11
- <List items={items} listItemSize={listItemSize} className="text-l font-light" />
12
- ) : (
13
- <Text size="text-m" font-weight="font-light" color="text-secondary-text">
14
- {additionalDescription}
15
- </Text>
16
- );
17
- };