@redneckz/wildless-cms-uni-blocks 0.2.89 → 0.2.93

package/src/components/ContentPage/ContentPage.fixture.tsx

@@ -1,12 +1,12 @@
 import { context, mobileContext } from '../../setup-fixture';
 
+import type { ContentPageDef } from '../../types';
 import { Blocks } from '../Blocks';
-import { BlockDecorator, ContentPage } from './ContentPage';
 import { MobileBlocks } from '../MobileBlocks';
+import { BlockDecorator, ContentPage } from './ContentPage';
 import { toMobilePage } from './toMobilePage';
-import type { ContentPageDef } from '../../types';
 
-const data = require('./ContentPage.page.json');
+import data from './ContentPage.page.json';
 
 const blockDecorator: BlockDecorator = ({ blockClassName, block, render }, i) => (
   <div

package/src/components/ContentPage/ContentPage.page.json

@@ -92,6 +92,7 @@
                 "src": "worker.png",
                 "title": "Рабочий",
                 "format": "webp",
+                "alt": "Кредит наличными",
                 "size": {
                   "width": 280,
                   "height": 280
@@ -106,7 +107,6 @@
             },
             "productBlock": {
               "title": "Дополнительные бонусные баллы за покупки!»",
-              "description": "Кредит наличными без залога и поручительства. Потребительский кредит на любые цели. Нужен только паспорт.",
               "buttons": [
                 {
                   "href": "https://rshb.ru",
@@ -119,6 +119,7 @@
                 "src": "credit-card-1.png",
                 "title": "Кредитка",
                 "format": "webp",
+                "alt": "Кредит наличными",
                 "size": {
                   "width": 280,
                   "height": 280
@@ -133,7 +134,6 @@
             },
             "productBlock": {
               "title": "Карты Unionpay»",
-              "description": "Кэшбэк до 20% у партнеров",
               "items": [
                 "Потребительский кредит по специальной процентной ставке",
                 "Получите деньги без залога и поручительства",
@@ -151,6 +151,7 @@
                 "src": "credit-card-1.png",
                 "title": "Кредитка",
                 "format": "webp",
+                "alt": "Кредит наличными",
                 "size": {
                   "width": 280,
                   "height": 280
@@ -1408,7 +1409,7 @@
             "href": "/abc7/yolo.png"
           },
           {
-            "text": "Some more generic text, and even more, more text",
+            "text": "Some more generic text, and even more, more text, and more generic text, and even more, more text, and even more",
             "href": "/abc8/archive.zip",
             "fileSize": "2.3МБ"
           },
@@ -1425,6 +1426,427 @@
         ]
       }
     },
+    {
+      "type": "TariffsTable",
+      "style": ["col-span-12"],
+      "content": {
+        "title": "Другие дебетовые карты Россельхозбанка",
+        "rowHeaders": [
+          {
+            "title": "Начисление процентов на остаток по счету",
+            "icon": "OkIcon"
+          },
+          {
+            "title": "Снятие наличных",
+            "icon": "GlassIcon"
+          },
+          {
+            "title": "Оформление онлайн",
+            "icon": "ShieldTickIcon"
+          },
+          {
+            "title": "Кэшбэк баллами"
+          },
+          {
+            "title": "Стоимость обслуживания"
+          },
+          {
+            "title": "Стоимость SMS-сервиса"
+          },
+          {
+            "title": "Дополнительная информация"
+          }
+        ],
+        "columns": [
+          {
+            "data": [
+              [
+                {
+                  "label": "Нет"
+                }
+              ],
+              [
+                {
+                  "label": "Бесплатно",
+                  "description": "В банкоматах и кассах Россельхозбанка и банков-партнеров"
+                },
+                {
+                  "label": "Бесплатно",
+                  "description": "В сторонних банкоматах - 1 раз в месяц, далее 1% минимум 150 руб"
+                }
+              ],
+              [
+                {
+                  "label": "Нет"
+                }
+              ],
+              [
+                {
+                  "label": "Платёжные системы картинкой"
+                },
+                {
+                  "image": {
+                    "src": "payment-systems.png",
+                    "format": "webp",
+                    "size": {
+                      "width": 288,
+                      "height": 56
+                    },
+                    "alt": "Платёжные системы",
+                    "title": "Платёжные системы"
+                  }
+                }
+              ],
+              [
+                {
+                  "label": "Кнопки-иконки"
+                },
+                {
+                  "buttons": [
+                    {
+                      "icon": "AppleIcon",
+                      "rounded": true,
+                      "version": "secondary",
+                      "href": "/_blank",
+                      "target": "_blank"
+                    },
+                    {
+                      "icon": "PlayMarketIcon",
+                      "rounded": true,
+                      "version": "secondary",
+                      "href": "/secondary"
+                    }
+                  ]
+                }
+              ],
+              [
+                {
+                  "label": "Бесплатно",
+                  "list": {
+                    "items": [
+                      "item 1",
+                      "item 2",
+                      "item 3"
+                    ]
+                  }
+                }
+              ],
+              [
+                {
+                  "image": {
+                    "src": "money-1.png",
+                    "format": "webp",
+                    "size": {
+                      "width": 140,
+                      "height": 140
+                    },
+                    "alt": "Деньги"
+                  }
+                }
+              ]
+            ]
+          },
+          {
+            "data": [
+              [
+                {
+                  "label": "Нет"
+                }
+              ],
+              [
+                {
+                  "label": "Бесплатно",
+                  "description": "В банкоматах и кассах Россельхозбанка и банков-партнеров"
+                },
+                {
+                  "label": "1%",
+                  "description": "В сторонних банкоматах, минимум 150 руб"
+                }
+              ],
+              [
+                {
+                  "label": "Нет"
+                }
+              ],
+              [
+                {
+                  "label": "До 20%"
+                },
+                {
+                  "list": {
+                    "isDotted": false,
+                    "items": [
+                      "item 1",
+                      "item 2",
+                      "item 3"
+                    ]
+                  }
+                }
+              ],
+              [
+                {
+                  "label": "Бесплатно",
+                  "description": "При обороте по карте от 10000 ₽ в месяц"
+                }
+              ],
+              [
+                {
+                  "label": "69 рублей в месяц"
+                },
+                {
+                  "list": {
+                    "version": "primary",
+                    "items": [
+                      "item 1",
+                      "item 2",
+                      "item 3"
+                    ]
+                  }
+                }
+              ],
+              [
+                {
+                  "description": "Копите баллы каждый день и обменивайте их на скидки на электронику и бытовую технику Panasonic"
+                }
+              ]
+            ]
+          },
+          {
+            "data": [
+              [
+                {
+                  "label": "Нет"
+                }
+              ],
+              [
+                {
+                  "label": "Бесплатно"
+                }
+              ],
+              [
+                {
+                  "label": "Есть"
+                }
+              ],
+              [
+                {
+                  "label": "До 20%"
+                }
+              ],
+              [
+                {
+                  "label": "Бесплатно",
+                  "description": "При обороте по карте от 10000 ₽ в месяц"
+                }
+              ],
+              [
+                {
+                  "label": "69 рублей в месяц"
+                }
+              ],
+              [
+                {
+                  "description": "Для членов профсоюзных организаций"
+                }
+              ]
+            ]
+          },
+          {
+            "data": [
+              [
+                {
+                  "label": "Нет"
+                }
+              ],
+              [
+                {
+                  "label": "Бесплатно",
+                  "description": "В банкоматах и кассах Россельхозбанка и банков-партнеров"
+                },
+                {
+                  "label": "Бесплатно",
+                  "description": "В сторонних банкоматах - 1 раз в месяц, далее 1% минимум 150 руб"
+                }
+              ],
+              [
+                {
+                  "label": "Нет"
+                }
+              ],
+              [
+                {
+                  "label": "Платёжные системы картинкой"
+                },
+                {
+                  "image": {
+                    "src": "payment-systems.png",
+                    "format": "webp",
+                    "size": {
+                      "width": 288,
+                      "height": 56
+                    },
+                    "alt": "Платёжные системы",
+                    "title": "Платёжные системы"
+                  }
+                }
+              ],
+              [
+                {
+                  "label": "Кнопки-иконки"
+                },
+                {
+                  "buttons": [
+                    {
+                      "icon": "AppleIcon",
+                      "rounded": true,
+                      "version": "secondary",
+                      "href": "/_blank",
+                      "target": "_blank"
+                    },
+                    {
+                      "icon": "PlayMarketIcon",
+                      "rounded": true,
+                      "version": "secondary",
+                      "href": "/secondary"
+                    }
+                  ]
+                }
+              ],
+              [
+                {
+                  "label": "Бесплатно",
+                  "list": {
+                    "items": [
+                      "item 1",
+                      "item 2",
+                      "item 3"
+                    ]
+                  }
+                }
+              ],
+              [
+                {
+                  "image": {
+                    "src": "money-1.png",
+                    "format": "webp",
+                    "size": {
+                      "width": 140,
+                      "height": 140
+                    },
+                    "alt": "Деньги"
+                  }
+                }
+              ]
+            ]
+          },
+          {
+            "data": [
+              [
+                {
+                  "label": "Нет"
+                }
+              ],
+              [
+                {
+                  "label": "Бесплатно",
+                  "description": "В банкоматах и кассах Россельхозбанка и банков-партнеров"
+                },
+                {
+                  "label": "1%",
+                  "description": "В сторонних банкоматах, минимум 150 руб"
+                }
+              ],
+              [
+                {
+                  "label": "Нет"
+                }
+              ],
+              [
+                {
+                  "label": "До 20%"
+                },
+                {
+                  "list": {
+                    "isDotted": false,
+                    "items": [
+                      "item 1",
+                      "item 2",
+                      "item 3"
+                    ]
+                  }
+                }
+              ],
+              [
+                {
+                  "label": "Бесплатно",
+                  "description": "При обороте по карте от 10000 ₽ в месяц"
+                }
+              ],
+              [
+                {
+                  "label": "69 рублей в месяц"
+                },
+                {
+                  "list": {
+                    "version": "primary",
+                    "items": [
+                      "item 1",
+                      "item 2",
+                      "item 3"
+                    ]
+                  }
+                }
+              ],
+              [
+                {
+                  "description": "Копите баллы каждый день и обменивайте их на скидки на электронику и бытовую технику Panasonic"
+                }
+              ]
+            ]
+          },
+          {
+            "data": [
+              [
+                {
+                  "label": "Нет"
+                }
+              ],
+              [
+                {
+                  "label": "Бесплатно"
+                }
+              ],
+              [
+                {
+                  "label": "Есть"
+                }
+              ],
+              [
+                {
+                  "label": "До 20%"
+                }
+              ],
+              [
+                {
+                  "label": "Бесплатно",
+                  "description": "При обороте по карте от 10000 ₽ в месяц"
+                }
+              ],
+              [
+                {
+                  "label": "69 рублей в месяц"
+                }
+              ],
+              [
+                {
+                  "description": "Для членов профсоюзных организаций"
+                }
+              ]
+            ]
+          }
+        ]
+      }
+    },
     {
       "type": "PictureText",
       "style": ["col-span-12"],

package/src/components/ContentPage/ContentPageHead.tsx

@@ -2,7 +2,7 @@ import { JSX } from '@redneckz/uni-jsx';
 import type { ContentPageMeta } from '../../types';
 
 export interface ContentPageHeadProps {
-  HeadComponent: Function;
+  HeadComponent: <Props, Context, VNode>(props: Props, context?: Context) => VNode;
   data: ContentPageMeta;
 }
 

package/src/components/CreditCalculator/CreditCalculator.tsx

@@ -129,7 +129,7 @@ export const CreditCalculator = JSX<CreditCalculatorProps>(
               aria-label="Соглашение на обработку персональных данных"
             >
               Отправляя заявку, вы соглашаетесь на обработку персональных данных соответственно
-              требованиям ФЗ «О персональных данных»
+              требованиям ФЗ «О персональных данных»
             </div>
           </div>
         </div>

package/src/components/Footer/Contacts.tsx

@@ -70,4 +70,4 @@ const renderText = (type: ContactInfo['type'], text = '') => {
   }
 };
 
-const formatTel = (s: string) => s.replaceAll(/(\-|\s|\(|\)|\D+)/g, '');
+const formatTel = (s: string) => s.replaceAll(/\D/g, '');

package/src/components/Footer/FooterContent.ts

@@ -24,7 +24,7 @@ export interface ContactInfo {
 /**
  * @required ["href"]
  */
-export interface SocialMedia extends Omit<LinkProps, 'text'> {}
+export type SocialMedia = Omit<LinkProps, 'text'>;
 
 /**
  * @title Подвал

package/src/components/Footer/HorizontalNavigation.tsx

@@ -33,7 +33,7 @@ interface HorizontalNavigationLinkProps extends LinkProps {
 const HorizontalNavigationLink = JSX<Partial<HorizontalNavigationLinkProps>>(
   ({ className, index, text, href, target, onClick }) => (
     <a
-      className={`font-sans font-normal text-sm text-secondary-text hover:text-primary-text inline-block no-underline max-w-[292px] ${
+      className={`font-sans font-normal text-sm text-secondary-text hover:text-primary-main inline-block no-underline max-w-[292px] ${
         className || ''
       }`}
       href={href}

package/src/components/Footer/SocialMedia.tsx

@@ -51,14 +51,13 @@ const MediaButton = JSX<MediaButtonProps>(({ href }) => {
   if (!icon) return null;
 
   return (
-    <Button
-      rounded
+    <a
+      className="flex items-center justify-center border border-solid border-main-divider rounded-full no-underline outline-none w-[38px] h-[38px] hover:fill-primary-main"
       href={href}
       target="_blank"
       rel="noopener noreferrer"
-      aria-label={label}
-      className="border-solid border border-main-divider w-9 h-9 flex items-center justify-center hover:fill-primary-main"
-      appendLeft={<Icon name={icon} width={width} height={height} asSVG />}
-    />
+    >
+      {Icon && <Icon name={icon} width={width} height={height} asSVG className="block" />}
+    </a>
   );
 });

package/src/components/Gallery/GalleryInner.tsx

@@ -49,7 +49,7 @@ export const GalleryInner = JSX<GalleryInnerProps>(
 
     return (
       <section
-        className={`relative font-sans text-primary-text bg-white p-12 overflow-hidden ${className}`}
+        className={`relative font-sans text-primary-text bg-white p-12 py-[50px] overflow-hidden ${className}`}
       >
         <div className="flex flex-col items-center mb-8">
           {title ? <Title className="font-medium m-0 text-center">{title}</Title> : null}
@@ -68,6 +68,7 @@ export const GalleryInner = JSX<GalleryInnerProps>(
         >
           {cards?.map((card, i) => renderCard(card, i, version))}
         </div>
+        <div className="absolute top-0 left-0 bottom-0 w-[84px] bg-gradient-to-r from-white to-transparent"></div>
         {showPrevButton && (
           <ArrowButton
             className="absolute top-1/2 left-8 rotate-180"

package/src/components/Headline/Headline.fixture.tsx

@@ -1,42 +1,19 @@
 import { context } from '../../setup-fixture';
 
 import { Headline } from './Headline';
+import { HeadlineContent } from './HeadlineContent';
+
+export const HEADLINE: HeadlineContent = {
+  title: 'Своя кредитная карта',
+  description: 'Карта работает в 180 странах мира. Бесплатное снятие наличных в любых банкоматах.',
+  align: 'center',
+  bgColor: 'transparent',
+};
 
 export default {
-  default: (
-    <Headline
-      title="Своя кредитная карта"
-      description="Карта работает в 180 странах мира. Бесплатное снятие наличных в любых банкоматах."
-      align="left"
-      bgColor="bg-white"
-      context={context}
-    />
-  ),
-  'center transparent': (
-    <Headline
-      title="Своя кредитная карта"
-      description="Карта работает в 180 странах мира. Бесплатное снятие наличных в любых банкоматах."
-      align="center"
-      bgColor="transparent"
-      context={context}
-    />
-  ),
+  default: <Headline context={context} {...HEADLINE} />,
+  'left white': <Headline context={context} {...HEADLINE} align="left" bgColor="bg-white" />,
   'right transparent': (
-    <Headline
-      title="Своя кредитная карта"
-      description="Карта работает в 180 странах мира. Бесплатное снятие наличных в любых банкоматах."
-      align="right"
-      bgColor="transparent"
-      context={context}
-    />
-  ),
-  'right white': (
-    <Headline
-      title="Своя кредитная карта"
-      description="Карта работает в 180 странах мира. Бесплатное снятие наличных в любых банкоматах."
-      align="right"
-      bgColor="bg-white"
-      context={context}
-    />
+    <Headline context={context} {...HEADLINE} align="right" bgColor="transparent" />
   ),
 };