@redneckz/wildless-cms-uni-blocks 0.6.21 → 0.6.23

package/src/components/InsuranceAmountBlock/InsuranceAmountBlock.example.json

@@ -1,86 +1,88 @@
 {
-  "title": "Заголовок",
-  "insuranceTabs": [
-    {
-      "title": "Описание 1",
-      "cards": [
-        {
-          "sum": 200000,
-          "fee": 2100,
-          "icon": {
-            "format": "webp",
-            "size": {
-              "width": 70,
-              "height": 70
+  "content": {
+    "title": "Заголовок",
+    "insuranceTabs": [
+      {
+        "title": "Описание 1",
+        "cards": [
+          {
+            "sum": 200000,
+            "fee": 2100,
+            "icon": {
+              "format": "webp",
+              "size": {
+                "width": 70,
+                "height": 70
+              },
+              "icon": "ActualBalanceIcon"
             },
-            "icon": "ActualBalanceIcon"
+            "href": ""
           },
-          "href": ""
-        },
-        {
-          "sum": 200000,
-          "fee": 2100,
-          "icon": {
-            "format": "webp",
-            "size": {
-              "width": 70,
-              "height": 70
+          {
+            "sum": 200000,
+            "fee": 2100,
+            "icon": {
+              "format": "webp",
+              "size": {
+                "width": 70,
+                "height": 70
+              },
+              "icon": "ActualBalanceIcon"
             },
-            "icon": "ActualBalanceIcon"
-          },
-          "href": ""
-        }
-      ]
-    },
-    {
-      "title": "Описание 2",
-      "cards": [
-        {
-          "sum": 200000,
-          "fee": 2100,
-          "icon": {
-            "format": "webp",
-            "size": {
-              "width": 70,
-              "height": 70
+            "href": ""
+          }
+        ]
+      },
+      {
+        "title": "Описание 2",
+        "cards": [
+          {
+            "sum": 200000,
+            "fee": 2100,
+            "icon": {
+              "format": "webp",
+              "size": {
+                "width": 70,
+                "height": 70
+              },
+              "icon": "ActualBalanceIcon"
             },
-            "icon": "ActualBalanceIcon"
+            "href": ""
           },
-          "href": ""
-        },
-        {
-          "sum": 200000,
-          "fee": 2100,
-          "icon": {
-            "format": "webp",
-            "size": {
-              "width": 70,
-              "height": 70
+          {
+            "sum": 200000,
+            "fee": 2100,
+            "icon": {
+              "format": "webp",
+              "size": {
+                "width": 70,
+                "height": 70
+              },
+              "icon": "ActualBalanceIcon"
             },
-            "icon": "ActualBalanceIcon"
+            "href": ""
           },
-          "href": ""
-        },
-        {
-          "sum": 200000,
-          "fee": 2100,
-          "icon": {
-            "format": "webp",
-            "size": {
-              "width": 70,
-              "height": 70
+          {
+            "sum": 200000,
+            "fee": 2100,
+            "icon": {
+              "format": "webp",
+              "size": {
+                "width": 70,
+                "height": 70
+              },
+              "icon": "ActualBalanceIcon"
             },
-            "icon": "ActualBalanceIcon"
-          },
-          "href": ""
-        }
-      ]
+            "href": ""
+          }
+        ]
+      }
+    ],
+    "button": {
+      "href": "",
+      "text": "Выбрать программу",
+      "target": "_self",
+      "version": "primary"
     }
-  ],
-  "button": {
-    "href": "",
-    "text": "Выбрать программу",
-    "target": "_self",
-    "version": "primary"
   }
 }

package/src/components/InvestmentInfo/InvestmentInfo.example.json

@@ -1,48 +1,51 @@
 {
-  "items": ["Пункт 1", "Пункт 2", "Пункт 3"],
-  "investmentZeroColumn": {
-    "title": "Название 1"
-  },
-  "investmentColumns": [
-    {
-      "title": "Название 2",
-      "cells": [
-        {
-          "text": "Ячейка 2-1",
-          "cellColor": "green-dark",
-          "cellSize": "S"
-        }
-      ]
+  "content": {
+    "items": ["Пункт 1", "Пункт 2", "Пункт 3"],
+    "isDotted": true,
+    "investmentZeroColumn": {
+      "title": "Название 1"
     },
-    {
-      "title": "Название 3",
-      "cells": [
-        {
-          "text": "Ячейка 3-1",
-          "cellColor": "green-dark",
-          "cellSize": "S"
-        }
-      ]
-    },
-    {
-      "title": "Название 4",
-      "cells": [
-        {
-          "text": "Ячейка 4-1",
-          "cellColor": "green-dark",
-          "cellSize": "L"
-        }
-      ]
-    },
-    {
-      "title": "Название 5",
-      "cells": [
-        {
-          "text": "Ячейка 5-1",
-          "cellColor": "green-dark",
-          "cellSize": "XL"
-        }
-      ]
-    }
-  ]
+    "investmentColumns": [
+      {
+        "title": "Название 2",
+        "cells": [
+          {
+            "text": "Ячейка 2-1",
+            "cellColor": "green-dark",
+            "cellSize": "S"
+          }
+        ]
+      },
+      {
+        "title": "Название 3",
+        "cells": [
+          {
+            "text": "Ячейка 3-1",
+            "cellColor": "green-dark",
+            "cellSize": "S"
+          }
+        ]
+      },
+      {
+        "title": "Название 4",
+        "cells": [
+          {
+            "text": "Ячейка 4-1",
+            "cellColor": "green-dark",
+            "cellSize": "L"
+          }
+        ]
+      },
+      {
+        "title": "Название 5",
+        "cells": [
+          {
+            "text": "Ячейка 5-1",
+            "cellColor": "green-dark",
+            "cellSize": "XL"
+          }
+        ]
+      }
+    ]
+  }
 }

package/src/components/InvestmentInfo/InvestmentInfo.fixture.tsx

@@ -4,10 +4,9 @@ import type { InvestmentInfoContent } from './InvestmentInfoContent';
 
 export const INVESTMENT_INFO: InvestmentInfoContent = {
   items: [
-    'Качественные фермерские продукты напрямую от производителей',
-    'Самая большая база сельских туров по России',
-    'Площадки для создания комфортной жизни за городом',
-    'Подробная база вакансий для жителей сельской местности',
+    'Пример с ежегодным взносом 400 000 ₽',
+    'Срок использования ИИС вы определяете сами. Но для получения налоговых вычетов он должен быть открыт не менее 3 лет',
+    'Вы можете возвращать до 52 000 ₽ каждый год',
   ],
   investmentZeroColumn: {
     title: 'Открытие ИИС',

package/src/components/InvestmentInfo/InvestmentInfo.tsx

@@ -46,21 +46,21 @@ export const InvestmentInfo = JSX<InvestmentInfoProps>((props) => {
 
   return (
     <BlockWrapper
-      className={`font-sans bg-white p-9 pb-9 ${className}`}
+      className={`font-sans bg-white px-9 py-12 ${className}`}
       context={context}
       {...rest}
     >
       <div className="container text-m-light">
         {colums?.length ? (
           <div>
-            <div className="flex items-end px-9 text-white">
+            <div className="flex items-end relative pl-9 pr-5 text-white">
               {joinList(<div className="w-px h-4 bg-main-stroke" />)(
                 colums.map(renderInvestmentColumn),
               )}
-              <div className="w-px h-4 bg-main-stroke" />
+              <div className="absolute right-[30px] w-px h-4 bg-main-stroke" />
             </div>
-            <div className="border-t border-main-stroke -mt-2 mx-9" />
-            <div className="flex justify-between mt-3 -mx-10">
+            <div className="border-t border-main-stroke -mt-2 ml-9 mr-8" />
+            <div className="flex justify-between text-primary-text mt-3 -mx-10">
               {colums.map(renderInvestmentColumnTitle)}
             </div>
           </div>
@@ -68,7 +68,7 @@ export const InvestmentInfo = JSX<InvestmentInfoProps>((props) => {
 
         {items?.length ? (
           <List
-            className="mt-9 text-h6"
+            className="mt-9 text-l-light max-w-[657px]"
             items={items}
             itemClassName="mb-[7px]"
             isDotted={isDotted}
@@ -93,8 +93,12 @@ const renderInvestmentColumn = (
       className={`${getColumnClasses(isSecondColumn, isLastColumn, column.cells)}`}
     >
       {column.cells?.length ? (
-        <div className={`w-full ${isLastColumn ? 'border-4 border-green-more-dark p-1' : ''}`}>
-          {column.cells.map(renderInvestmentCell)}
+        <div
+          className={`w-full ${
+            isLastColumn ? 'border-4 border-green-more-dark p-1.5 min-w-[290px]' : ''
+          }`}
+        >
+          {column.cells.reverse().map(renderInvestmentCell)}
         </div>
       ) : null}
     </div>
@@ -109,7 +113,7 @@ const getColumnClasses = (
   [
     cells.length ? 'flex-1' : 'flex-0',
     cells.length && !isSecondColumn && !isLastColumn ? 'pl-2.5' : '',
-    cells.length && !isLastColumn ? 'pr-2.5 pb-8' : 'pb-6',
+    cells.length && !isLastColumn ? 'pr-2.5 pb-8' : 'pb-[22px]',
   ].join(' ');
 
 const renderInvestmentCell = (cell: InvestmentCell, i: number) => {
@@ -140,7 +144,7 @@ const renderInvestmentColumnTitle = (
     <div
       key={`title_${i}`}
       className={`flex-1 max-w-[180px] text-center px-2 ${isFirstColumn ? 'pl-9' : ''} ${
-        isLastColumn ? 'pr-9' : ' '
+        isLastColumn ? 'mr-3.5' : ' '
       }`}
     >
       {column.title}

package/src/components/InvestmentInfo/InvestmentInfo.ui.json

@@ -1,16 +1,9 @@
 {
-  "content": {
-    "bonusItems": {
-      "items": {
-        "bonusItemContent": {
-          "bonusType": {
-            "ui:widget": "hidden"
-          },
-          "image": {
-            "ui:field": "icon"
-          }
-        }
-      }
+  "content": {},
+  "style": {
+    "ui:options": {
+      "minCols": 12,
+      "maxCols": 12
     }
   }
 }

package/src/components/InvestmentInfo/InvestmentInfoContent.ts

@@ -2,13 +2,12 @@ import type { ListContent } from '../../ui-kit/List/ListContent';
 
 /**
  * @title Цвет
- * @enumNames ["Желтый", "Светло-зеленый", "Зеленый", "Тёмно-зеленый"]
+ * @enumNames ["Оранжевый", "Светло-зеленый", "Зеленый", "Тёмно-зеленый"]
  */
 export type InvestmentCellColor = 'yellow' | 'green-light' | 'green' | 'green-dark';
 
 /**
  * @title Высота
- * @enumNames ["Очень большой", "Большой", "Средний", "Маленький", "Очень маленький"]
  */
 export type InvestmentCellSize = 'XL' | 'L' | 'M' | 'S' | 'XS';
 

package/src/components/LinkDocs/LinkDocs.example.json

@@ -1,32 +1,34 @@
 {
-  "title": "Список документов",
-  "description": "Описание",
-  "headlineVersion": "M",
-  "icon": {
-    "icon": "DocIcon"
-  },
-  "documents": [
-    {
-      "text": "Документ №1",
-      "href": "/documents/document1.doc",
-      "fileSize": "123КБ"
+  "content": {
+    "title": "Список документов",
+    "description": "Описание",
+    "headlineVersion": "M",
+    "icon": {
+      "icon": "DocIcon"
     },
-    {
-      "text": "Документ №2",
-      "href": "/documents/document2.rtf",
-      "target": "_blank"
-    },
-    {
-      "text": "Документ №3",
-      "href": "/abc3/map.jpeg",
-      "fileSize": "2МБ"
-    },
-    {
-      "text": "Документ №4",
-      "href": "/abc/map.rar"
-    }
-  ],
-  "columnsMode": "double",
-  "orientation": "vertical",
-  "hasBorder": true
+    "documents": [
+      {
+        "text": "Документ №1",
+        "href": "/documents/document1.doc",
+        "fileSize": "123КБ"
+      },
+      {
+        "text": "Документ №2",
+        "href": "/documents/document2.rtf",
+        "target": "_blank"
+      },
+      {
+        "text": "Документ №3",
+        "href": "/abc3/map.jpeg",
+        "fileSize": "2МБ"
+      },
+      {
+        "text": "Документ №4",
+        "href": "/abc/map.rar"
+      }
+    ],
+    "columnsMode": "double",
+    "orientation": "vertical",
+    "hasBorder": true
+  }
 }

package/src/components/LinkList/LinkList.example.json

@@ -1,21 +1,23 @@
 {
-  "documents": [
-    {
-      "text": "Документ №1",
-      "href": "/documents/document1.doc"
-    },
-    {
-      "text": "Документ №2",
-      "href": "/documents/document2.rtf",
-      "target": "_blank"
-    },
-    {
-      "text": "Документ №3",
-      "href": "/abc3/map.jpeg"
-    },
-    {
-      "text": "Документ №4",
-      "href": "/abc/map.rar"
-    }
-  ]
+  "content": {
+    "documents": [
+      {
+        "text": "Документ №1",
+        "href": "/documents/document1.doc"
+      },
+      {
+        "text": "Документ №2",
+        "href": "/documents/document2.rtf",
+        "target": "_blank"
+      },
+      {
+        "text": "Документ №3",
+        "href": "/abc3/map.jpeg"
+      },
+      {
+        "text": "Документ №4",
+        "href": "/abc/map.rar"
+      }
+    ]
+  }
 }

package/src/components/MiniGallery/MiniGallery.example.json

@@ -1,54 +1,56 @@
 {
-  "title": "Мини-галерея",
-  "description": "Описание",
-  "cards": [
-    {
-      "image": {
-        "format": "webp",
-        "size": {
-          "width": 120,
-          "height": 70
-        }
+  "content": {
+    "title": "Мини-галерея",
+    "description": "Описание",
+    "cards": [
+      {
+        "image": {
+          "format": "webp",
+          "size": {
+            "width": 120,
+            "height": 70
+          }
+        },
+        "title": "Заголовок 1",
+        "description": "Описание 1",
+        "version": "primary"
       },
-      "title": "Заголовок 1",
-      "description": "Описание 1",
-      "version": "primary"
-    },
-    {
-      "image": {
-        "format": "webp",
-        "size": {
-          "width": 120,
-          "height": 70
-        }
+      {
+        "image": {
+          "format": "webp",
+          "size": {
+            "width": 120,
+            "height": 70
+          }
+        },
+        "title": "Заголовок 2",
+        "description": "Описание 2",
+        "version": "primary"
       },
-      "title": "Заголовок 2",
-      "description": "Описание 2",
-      "version": "primary"
-    },
-    {
-      "image": {
-        "format": "webp",
-        "size": {
-          "width": 120,
-          "height": 70
-        }
+      {
+        "image": {
+          "format": "webp",
+          "size": {
+            "width": 120,
+            "height": 70
+          }
+        },
+        "title": "Заголовок 3",
+        "description": "Описание 3",
+        "version": "primary"
       },
-      "title": "Заголовок 3",
-      "description": "Описание 3",
-      "version": "primary"
-    },
-    {
-      "image": {
-        "format": "webp",
-        "size": {
-          "width": 120,
-          "height": 70
-        }
-      },
-      "title": "Заголовок 4",
-      "description": "Описание 4",
-      "version": "primary"
-    }
-  ]
+      {
+        "image": {
+          "format": "webp",
+          "size": {
+            "width": 120,
+            "height": 70
+          }
+        },
+        "title": "Заголовок 4",
+        "description": "Описание 4",
+        "version": "primary"
+      }
+    ]
+  }
 }

package/src/components/MiniGallery/MiniGallery.ui.json

@@ -1 +1,19 @@
-{}
+{
+  "content": {
+    "cards": {
+      "items": {
+        "icon": {
+          "ui:field": "picture"
+        },
+        "button": {
+          "icon": {
+            "ui:field": "icon"
+          },
+          "iconRight": {
+            "ui:field": "icon"
+          }
+        }
+      }
+    }
+  }
+}