@redneckz/wildless-cms-uni-blocks 0.6.22 → 0.6.24

package/src/components/BonusBenefitsBlock/BonusBenefitsBlock.example.json

@@ -1,94 +1,97 @@
 {
-  "title": "Вы можете оплатить бонусными баллами",
-  "subtitle": "Удобный каталог с большим ассортиментом товаров и сервисов",
-  "bonusBenefits": [
-    {
-      "label": "Более 5000 товаров",
-      "icon": {
-        "format": "webp",
-        "size": {
-          "width": 160,
-          "height": 180
-        },
-        "icon": "WateringCanIcon"
+  "content": {
+    "title": "Вы можете оплатить бонусными баллами",
+    "subtitle": "Удобный каталог с большим ассортиментом товаров и сервисов",
+    "columnsCount": "4",
+    "bonusBenefits": [
+      {
+        "label": "Более 5000 товаров",
+        "icon": {
+          "format": "webp",
+          "size": {
+            "width": 160,
+            "height": 180
+          },
+          "icon": "WateringCanIcon"
+        }
+      },
+      {
+        "label": "750 авиакомпаний, 1,2 млн отелей, билеты РЖД",
+        "icon": {
+          "format": "webp",
+          "size": {
+            "width": 160,
+            "height": 180
+          },
+          "icon": "SignDocsIcon"
+        }
+      },
+      {
+        "label": "Аренда автомобилей",
+        "icon": {
+          "format": "webp",
+          "size": {
+            "width": 160,
+            "height": 180
+          },
+          "icon": "SignDocsIcon"
+        }
+      },
+      {
+        "label": "Болеее 1000 развлечений",
+        "icon": {
+          "format": "webp",
+          "size": {
+            "width": 160,
+            "height": 180
+          },
+          "icon": "SignDocsIcon"
+        }
+      },
+      {
+        "label": "Платежные гаджеты Pay Ring",
+        "icon": {
+          "format": "webp",
+          "size": {
+            "width": 160,
+            "height": 180
+          },
+          "icon": "SignDocsIcon"
+        }
+      },
+      {
+        "label": "Цифровые сервисы",
+        "icon": {
+          "format": "webp",
+          "size": {
+            "width": 160,
+            "height": 180
+          },
+          "icon": "SignDocsIcon"
+        }
+      },
+      {
+        "label": "Фермерские продукты",
+        "icon": {
+          "format": "webp",
+          "size": {
+            "width": 160,
+            "height": 180
+          },
+          "icon": "SignDocsIcon"
+        }
+      },
+      {
+        "label": "Страхование",
+        "icon": {
+          "format": "webp",
+          "size": {
+            "width": 160,
+            "height": 180
+          },
+          "icon": "SignDocsIcon"
+        }
       }
-    },
-    {
-      "label": "750 авиакомпаний, 1,2 млн отелей, билеты РЖД",
-      "icon": {
-        "format": "webp",
-        "size": {
-          "width": 160,
-          "height": 180
-        },
-        "icon": "SignDocsIcon"
-      }
-    },
-    {
-      "label": "Аренда автомобилей",
-      "icon": {
-        "format": "webp",
-        "size": {
-          "width": 160,
-          "height": 180
-        },
-        "icon": "SignDocsIcon"
-      }
-    },
-    {
-      "label": "Болеее 1000 развлечений",
-      "icon": {
-        "format": "webp",
-        "size": {
-          "width": 160,
-          "height": 180
-        },
-        "icon": "SignDocsIcon"
-      }
-    },
-    {
-      "label": "Платежные гаджеты Pay Ring",
-      "icon": {
-        "format": "webp",
-        "size": {
-          "width": 160,
-          "height": 180
-        },
-        "icon": "SignDocsIcon"
-      }
-    },
-    {
-      "label": "Цифровые сервисы",
-      "icon": {
-        "format": "webp",
-        "size": {
-          "width": 160,
-          "height": 180
-        },
-        "icon": "SignDocsIcon"
-      }
-    },
-    {
-      "label": "Фермерские продукты",
-      "icon": {
-        "format": "webp",
-        "size": {
-          "width": 160,
-          "height": 180
-        },
-        "icon": "SignDocsIcon"
-      }
-    },
-    {
-      "label": "Страхование",
-      "icon": {
-        "format": "webp",
-        "size": {
-          "width": 160,
-          "height": 180
-        },
-        "icon": "SignDocsIcon"
-      }
-    }
-  ]
+    ]
+  }
 }

package/src/components/Calculator/Calculator.example.json

@@ -1,22 +1,24 @@
 {
-  "calculatorTabs": [
-    {
-      "nav": {
-        "title": "Вкладка 1",
-        "description": "Описание вкладки 1",
-        "icon": { "icon": "CalendarIcon" }
-      },
-      "calculatorBlock": {
-        "calcType": "CreditCalculatorForm",
-        "buttons": [
-          {
-            "href": "#",
-            "text": "Кнопка 1",
-            "version": "primary"
-          }
-        ],
-        "footnote": "Расчёт является предварительным. Точные условия будут предоставлены в отделении Банка. "
+  "content": {
+    "calculatorTabs": [
+      {
+        "nav": {
+          "title": "Вкладка 1",
+          "description": "Описание вкладки 1",
+          "icon": { "icon": "CalendarIcon" }
+        },
+        "calculatorBlock": {
+          "calcType": "CreditCalculatorForm",
+          "buttons": [
+            {
+              "href": "#",
+              "text": "Кнопка 1",
+              "version": "primary"
+            }
+          ],
+          "footnote": "Расчёт является предварительным. Точные условия будут предоставлены в отделении Банка. "
+        }
       }
-    }
-  ]
+    ]
+  }
 }

package/src/components/Calculator/Calculator.tsx

@@ -81,6 +81,8 @@ function renderNavButton({ tab, i, activeSlideIndex, onClick }: NavButtonProps)
     ? 'text-l-light text-white'
     : `text-m-light text-secondary-text`;
   const iconClassName = isActiveBtn ? '' : `text-primary-main`;
+  const iconVersion = tab?.icon?.iconVersion;
+  const activeIconStyle = isActiveBtn ? 'white' : 'normal';
 
   return (
     <button
@@ -93,7 +95,10 @@ function renderNavButton({ tab, i, activeSlideIndex, onClick }: NavButtonProps)
     >
       <Img
         className={`h-6 w-6 min-w-6 min-h-6 mr-4 ${iconClassName}`}
-        image={{ ...tab?.icon, iconVersion: isActiveBtn ? 'white' : 'normal' }}
+        image={{
+          ...tab?.icon,
+          iconVersion: iconVersion ?? activeIconStyle,
+        }}
         width="24"
         height="24"
         asSVG

package/src/components/Calculator/CalculatorContent.ts

@@ -1,8 +1,8 @@
 import type { EmptyOption } from '../../model/EmptyOptionType';
+import type { Footnote } from '../../model/Footnote';
+import type { HeadlineCommonProps, TitleProps } from '../../model/HeadlineType';
 import type { IconProps } from '../../model/Picture';
 import type { ButtonWithIconProps } from '../../ui-kit/Button/ButtonProps';
-import type { HeadlineCommonProps, TitleProps } from '../../model/HeadlineType';
-import type { Footnote } from '../../model/Footnote';
 
 export type CommonCalculatorProps = Footnote & {
   /** @title Кнопки */
@@ -11,32 +11,6 @@ export type CommonCalculatorProps = Footnote & {
   sourceBookDir?: string;
 };
 
-/**
- * TODO: данные из справочника
- **/
-export interface CreditCalculatorParams {
-  /** @hidden */
-  isSalaryClient?: boolean;
-  /** @hidden */
-  isStateEmployee?: boolean;
-  /** @hidden */
-  isInsurance?: boolean;
-  /** @hidden */
-  isAnnuity?: boolean;
-  /** @hidden */
-  minSum?: number;
-  /** @hidden */
-  maxSum?: number;
-  /** @hidden */
-  minMonths?: number;
-  /** @hidden */
-  maxMonths?: number;
-  /** @hidden */
-  rateWithInsurance?: number;
-  /** @hidden */
-  rateWithoutInsurance?: number;
-}
-
 /**
  * TODO: данные из справочника
  **/
@@ -53,29 +27,6 @@ export interface DepositCalculatorParams {
   rate?: number;
 }
 
-/**
- * TODO: данные из справочника
- **/
-
-export interface BonusCalculatorParams {
-  /** @hidden */
-  bonus?: number;
-  /** @hidden */
-  minSumTravel?: number;
-  /** @hidden */
-  maxSumTravel?: number;
-  /** @hidden */
-  minSumOther?: number;
-  /** @hidden */
-  maxSumOther?: number;
-  maxBonus?: number;
-  prefMonthsNum?: number;
-  prefTravelBonusRate?: number;
-  prefRestBonusRate?: number;
-  travelBonusRate?: number;
-  restBonusRate?: number;
-}
-
 /**
  * ? Общий интерфейс для всех типов калькуляторов?
  * ? Используется во вложенных функциях. Может быть как то разбить это и вынести отсюда?
@@ -96,7 +47,6 @@ export interface CalculatorParams {
  * @default {"calcType": "CreditCalculatorForm"}
  */
 export type CreditCalculatorParamsDef = TitleProps &
-  CreditCalculatorParams &
   CommonCalculatorProps & {
     calcType: 'CreditCalculatorForm';
   };
@@ -116,7 +66,6 @@ export type DepositCalculatorParamsDef = TitleProps &
  * @default {"calcType": "BonusCalculatorForm"}
  */
 export type BonusCalculatorParamsDef = TitleProps &
-  BonusCalculatorParams &
   CommonCalculatorProps & {
     calcType: 'BonusCalculatorForm';
   };

package/src/components/CardTransfer/CardTransfer.example.json

@@ -1,11 +1,13 @@
 {
-  "title": "Укажите сумму перевода",
-  "label": "Сумма перевода",
-  "placeholder": "1500",
-  "button": {
-    "href": "",
-    "text": "Далее",
-    "target": "_blank",
-    "version": "primary"
+  "content": {
+    "title": "Укажите сумму перевода",
+    "label": "Сумма перевода",
+    "placeholder": "1500",
+    "button": {
+      "href": "",
+      "text": "Далее",
+      "target": "_blank",
+      "version": "primary"
+    }
   }
 }

package/src/components/Catalog/Catalog.example.json

@@ -1,57 +1,59 @@
 {
-  "title": "Каталог",
-  "description": "Описание",
-  "cards": [
-    {
-      "title": "Заголовок карточки 1",
-      "description": "Описание карточки",
-      "image": {
-        "format": "webp",
-        "size": {
-          "width": 230,
-          "height": 230
+  "content": {
+    "title": "Каталог",
+    "description": "Описание",
+    "cards": [
+      {
+        "title": "Заголовок карточки 1",
+        "description": "Описание карточки",
+        "image": {
+          "format": "webp",
+          "size": {
+            "width": 230,
+            "height": 230
+          }
+        },
+        "button": {
+          "href": "",
+          "text": "Подробнее",
+          "target": "_self",
+          "version": "primary"
         }
       },
-      "button": {
-        "href": "",
-        "text": "Подробнее",
-        "target": "_self",
-        "version": "primary"
-      }
-    },
-    {
-      "title": "Заголовок карточки 2",
-      "description": "Описание карточки",
-      "image": {
-        "format": "webp",
-        "size": {
-          "width": 230,
-          "height": 230
+      {
+        "title": "Заголовок карточки 2",
+        "description": "Описание карточки",
+        "image": {
+          "format": "webp",
+          "size": {
+            "width": 230,
+            "height": 230
+          }
+        },
+        "button": {
+          "href": "",
+          "text": "Подробнее",
+          "target": "_self",
+          "version": "primary"
         }
       },
-      "button": {
-        "href": "",
-        "text": "Подробнее",
-        "target": "_self",
-        "version": "primary"
-      }
-    },
-    {
-      "title": "Заголовок карточки 3",
-      "description": "Описание карточки",
-      "image": {
-        "format": "webp",
-        "size": {
-          "width": 230,
-          "height": 230
+      {
+        "title": "Заголовок карточки 3",
+        "description": "Описание карточки",
+        "image": {
+          "format": "webp",
+          "size": {
+            "width": 230,
+            "height": 230
+          }
+        },
+        "button": {
+          "href": "",
+          "text": "Подробнее",
+          "target": "_self",
+          "version": "primary"
         }
-      },
-      "button": {
-        "href": "",
-        "text": "Подробнее",
-        "target": "_self",
-        "version": "primary"
       }
-    }
-  ]
+    ]
+  }
 }

package/src/components/Catalog/Catalog.tsx

@@ -21,7 +21,7 @@ export const Catalog = JSX<CatalogProps>(
     return (
       <BlockWrapper
         context={context}
-        className={`bg-white relative font-sans p-12 overflow-hidden text-center ${className}`}
+        className={`bg-white relative font-sans p-[50px] overflow-hidden text-center ${className}`}
         {...rest}
       >
         <Headline

package/src/components/Catalog/CatalogCard.tsx

@@ -29,7 +29,7 @@ export const CatalogCard = JSX<CatalogCardProps>(
         ) : null}
         {description ? <div className="text-m-light text-left mb-4">{description}</div> : null}
         {colors?.length ? (
-          <div className="flex mb-4 text-m-light text-secondary-text">
+          <div className="flex mb-4 text-s-light text-secondary-text">
             <div className="mr-1.5">Доступные цвета: </div>
             {colors.map(renderColorOption)}
           </div>

package/src/components/ComparisonTable/ComparisonTable.example.json

@@ -1,85 +1,87 @@
 {
-  "title": "Сравнительная таблица",
-  "orientation": "horizontal",
-  "rowHeaders": [
-    {
-      "title": "Параметр 1"
-    },
-    {
-      "title": "Параметр 2"
-    },
-    {
-      "title": "Параметр 3"
-    }
-  ],
-  "columns": [
-    {
-      "header": {
-        "title": "Продукт 1",
-        "image": {
-          "format": "webp",
-          "size": {
-            "width": 100,
-            "height": 63
-          }
-        }
+  "content": {
+    "title": "Сравнительная таблица",
+    "orientation": "horizontal",
+    "rowHeaders": [
+      {
+        "title": "Параметр 1"
       },
-      "data": [
-        [
-          {
-            "label": "Ячейка 1"
-          }
-        ],
-        [
-          {
-            "label": "Ячейка 2-1",
-            "description": "Описание для ячейки 2-1"
-          },
-          {
-            "label": "Ячейка 2-2",
-            "description": "Описание для ячейки 2-2"
-          }
-        ],
-        [
-          {
-            "label": "Ячейка 3"
+      {
+        "title": "Параметр 2"
+      },
+      {
+        "title": "Параметр 3"
+      }
+    ],
+    "columns": [
+      {
+        "header": {
+          "title": "Продукт 1",
+          "image": {
+            "format": "webp",
+            "size": {
+              "width": 100,
+              "height": 63
+            }
           }
+        },
+        "data": [
+          [
+            {
+              "label": "Ячейка 1"
+            }
+          ],
+          [
+            {
+              "label": "Ячейка 2-1",
+              "description": "Описание для ячейки 2-1"
+            },
+            {
+              "label": "Ячейка 2-2",
+              "description": "Описание для ячейки 2-2"
+            }
+          ],
+          [
+            {
+              "label": "Ячейка 3"
+            }
+          ]
         ]
-      ]
-    },
-    {
-      "header": {
-        "title": "Продукт 2",
-        "image": {
-          "format": "webp",
-          "size": {
-            "width": 100,
-            "height": 63
-          }
-        }
       },
-      "data": [
-        [
-          {
-            "label": "Ячейка 1"
-          }
-        ],
-        [
-          {
-            "label": "Ячейка 2-1",
-            "description": "Описание для ячейки 2-1"
-          },
-          {
-            "label": "Ячейка 2-2",
-            "description": "Описание для ячейки 2-2"
-          }
-        ],
-        [
-          {
-            "label": "Ячейка 3"
+      {
+        "header": {
+          "title": "Продукт 2",
+          "image": {
+            "format": "webp",
+            "size": {
+              "width": 100,
+              "height": 63
+            }
           }
+        },
+        "data": [
+          [
+            {
+              "label": "Ячейка 1"
+            }
+          ],
+          [
+            {
+              "label": "Ячейка 2-1",
+              "description": "Описание для ячейки 2-1"
+            },
+            {
+              "label": "Ячейка 2-2",
+              "description": "Описание для ячейки 2-2"
+            }
+          ],
+          [
+            {
+              "label": "Ячейка 3"
+            }
+          ]
         ]
-      ]
-    }
-  ]
+      }
+    ]
+  }
 }