@redneckz/wildless-cms-uni-blocks 0.3.10 → 0.3.13

package/src/components/Footer/Footer.fixture.tsx

@@ -3,144 +3,146 @@ import { Footer } from './Footer';
 
 const DEFAULT_ORIGIN = 'https://rshb.ru/';
 
-export default (
-  <div className="container grid grid-cols-12">
-    <Footer
-      className="col-span-12"
-      topItems={[
-        {
-          href: DEFAULT_ORIGIN,
-          text: 'О банке',
-          target: '_blank',
-          items: [
-            {
-              href: DEFAULT_ORIGIN,
-              text: 'О банке',
-            },
-            {
-              href: DEFAULT_ORIGIN,
-              text: 'Новости',
-            },
-            {
-              href: DEFAULT_ORIGIN,
-              text: 'Офисы и отделения',
-            },
-            {
-              href: DEFAULT_ORIGIN,
-              text: 'Карьера в банке',
-            },
-            {
-              href: DEFAULT_ORIGIN,
-              text: 'Пресс-центр',
-            },
-            {
-              href: DEFAULT_ORIGIN,
-              text: 'Кредитным организациям',
-            },
-            {
-              href: DEFAULT_ORIGIN,
-              text: 'Закупки',
-            },
-            {
-              href: DEFAULT_ORIGIN,
-              text: 'Непрофильные/Профильные нецелевые активы',
-            },
-            {
-              href: DEFAULT_ORIGIN,
-              text: 'Инсайдерам',
-            },
-            {
-              href: DEFAULT_ORIGIN,
-              text: 'Противодействие коррупции',
-            },
-            {
-              href: DEFAULT_ORIGIN,
-              text: 'Меры безопасности',
-            },
-            {
-              href: DEFAULT_ORIGIN,
-              text: 'Залоговое имущество',
-            },
-          ],
-        },
-      ]}
-      socialMedia={[
-        { href: 'https://t.me' },
-        { href: 'https://vk.com' },
-        { href: 'https://ok.ru' },
-      ]}
-      contacts={[
-        {
-          text: '+7 (495) 787-7-787',
-          description: 'Для звонков из-за границы',
-          type: 'tel',
-        },
-        {
-          text: 'example@example.com',
-          description: 'Для писем',
-          type: 'email',
-        },
-        {
-          text: '7787',
-          description: 'Абонентам МТС, Мегафон, Билайн и Tele2',
-          type: 'tel',
-        },
-      ]}
-      relatedEnterprises={[
-        {
-          text: 'РСХБ Страхование',
-          href: DEFAULT_ORIGIN,
-          target: '_blank',
-        },
-        {
-          text: 'РСХБ Страхование жизни',
-          href: DEFAULT_ORIGIN,
-          target: '_blank',
-        },
-        {
-          text: 'РСХБ Управление активами',
-          href: DEFAULT_ORIGIN,
-          target: '_blank',
-        },
-        {
-          text: 'РСХБ Лизинг',
-          href: DEFAULT_ORIGIN,
-          target: '_blank',
-        },
-        {
-          text: 'РСХБ Факторинг',
-          href: DEFAULT_ORIGIN,
-          target: '_blank',
-        },
-      ]}
-      documents={[
-        {
-          text: 'Информация о процентных ставках по договорам банковского вклада с физическими лицами',
-          href: DEFAULT_ORIGIN,
-          target: '_blank',
-        },
-        {
-          text: 'Раскрытие информации профессиональным участником рынка ценных бумаг',
-          href: DEFAULT_ORIGIN,
-          target: '_blank',
-        },
-        {
-          text: 'Раскрытие информации',
-          href: DEFAULT_ORIGIN,
-          target: '_blank',
-        },
-        {
-          text: 'Удостоверяющий центр',
-          href: DEFAULT_ORIGIN,
-          target: '_blank',
-        },
-        {
-          text: 'Финансовая культура',
-          href: DEFAULT_ORIGIN,
-          target: '_blank',
-        },
-      ]}
-      context={context}
-    />
-  </div>
-);
+export default {
+  default: (
+    <div className="container grid grid-cols-12">
+      <Footer
+        className="col-span-12"
+        topItems={[
+          {
+            href: DEFAULT_ORIGIN,
+            text: 'О банке',
+            target: '_blank',
+            items: [
+              {
+                href: DEFAULT_ORIGIN,
+                text: 'О банке',
+              },
+              {
+                href: DEFAULT_ORIGIN,
+                text: 'Новости',
+              },
+              {
+                href: DEFAULT_ORIGIN,
+                text: 'Офисы и отделения',
+              },
+              {
+                href: DEFAULT_ORIGIN,
+                text: 'Карьера в банке',
+              },
+              {
+                href: DEFAULT_ORIGIN,
+                text: 'Пресс-центр',
+              },
+              {
+                href: DEFAULT_ORIGIN,
+                text: 'Кредитным организациям',
+              },
+              {
+                href: DEFAULT_ORIGIN,
+                text: 'Закупки',
+              },
+              {
+                href: DEFAULT_ORIGIN,
+                text: 'Непрофильные/Профильные нецелевые активы',
+              },
+              {
+                href: DEFAULT_ORIGIN,
+                text: 'Инсайдерам',
+              },
+              {
+                href: DEFAULT_ORIGIN,
+                text: 'Противодействие коррупции',
+              },
+              {
+                href: DEFAULT_ORIGIN,
+                text: 'Меры безопасности',
+              },
+              {
+                href: DEFAULT_ORIGIN,
+                text: 'Залоговое имущество',
+              },
+            ],
+          },
+        ]}
+        socialMedia={[
+          { href: 'https://t.me' },
+          { href: 'https://vk.com' },
+          { href: 'https://ok.ru' },
+        ]}
+        contacts={[
+          {
+            text: '+7 (495) 787-7-787',
+            description: 'Для звонков из-за границы',
+            type: 'tel',
+          },
+          {
+            text: 'example@example.com',
+            description: 'Для писем',
+            type: 'email',
+          },
+          {
+            text: '7787',
+            description: 'Абонентам МТС, Мегафон, Билайн и Tele2',
+            type: 'tel',
+          },
+        ]}
+        relatedEnterprises={[
+          {
+            text: 'РСХБ Страхование',
+            href: DEFAULT_ORIGIN,
+            target: '_blank',
+          },
+          {
+            text: 'РСХБ Страхование жизни',
+            href: DEFAULT_ORIGIN,
+            target: '_blank',
+          },
+          {
+            text: 'РСХБ Управление активами',
+            href: DEFAULT_ORIGIN,
+            target: '_blank',
+          },
+          {
+            text: 'РСХБ Лизинг',
+            href: DEFAULT_ORIGIN,
+            target: '_blank',
+          },
+          {
+            text: 'РСХБ Факторинг',
+            href: DEFAULT_ORIGIN,
+            target: '_blank',
+          },
+        ]}
+        documents={[
+          {
+            text: 'Информация о процентных ставках по договорам банковского вклада с физическими лицами',
+            href: DEFAULT_ORIGIN,
+            target: '_blank',
+          },
+          {
+            text: 'Раскрытие информации профессиональным участником рынка ценных бумаг',
+            href: DEFAULT_ORIGIN,
+            target: '_blank',
+          },
+          {
+            text: 'Раскрытие информации',
+            href: DEFAULT_ORIGIN,
+            target: '_blank',
+          },
+          {
+            text: 'Удостоверяющий центр',
+            href: DEFAULT_ORIGIN,
+            target: '_blank',
+          },
+          {
+            text: 'Финансовая культура',
+            href: DEFAULT_ORIGIN,
+            target: '_blank',
+          },
+        ]}
+        context={context}
+      />
+    </div>
+  ),
+};

package/src/components/Footer/Footer.mobile.tsx

@@ -1,6 +1,5 @@
 import { JSX } from '@redneckz/uni-jsx';
 import type { UniBlockProps } from '../../types';
-import type { AccordionProps } from '../Accordion/Accordion';
 import { Accordion } from '../Accordion/Accordion';
 import { MobileAppTile } from '../MobileAppTile/MobileAppTile';
 import { Contacts } from './Contacts';
@@ -13,6 +12,7 @@ import { Button } from '../../ui-kit/Button/Button';
 import { Icon } from '../../ui-kit/Icon/Icon';
 import { SearchBar } from '../../ui-kit/SearchBar/SearchBar';
 import { getAccordionItems } from '../../utils/getAccordionItems';
+import { useSitemap } from "../../services/sitemap/useSitemap";
 
 export interface FooterProps extends FooterContent, UniBlockProps {}
 
@@ -23,20 +23,20 @@ export const Footer = JSX<FooterProps>(
     relatedEnterprises,
     contacts,
     socialMedia,
-    topItems,
     context,
     horizontalNavigationTitle,
-    subMenu,
   }) => {
-    const propsTextBlock: AccordionProps = {
-      context,
-      accordionItems: getAccordionItems(topItems),
-    };
+    const sitemap = useSitemap(context.useAsyncData);
+    const dispositions = sitemap?.dispositions
     return (
       <footer className={`px-4 py-[26px] bg-white ${className}`}>
         <Contacts className="overflow-hidden" items={contacts} context={context} hasButton />
-        <Accordion className="!p-0 mb-4" {...propsTextBlock} />
-        <div>{subMenu?.map(renderSubMenuItem)}</div>
+        <Accordion
+          context={context}
+          className="!p-0 mb-4"
+          accordionItems={getAccordionItems(sitemap.topItems)}
+        />
+        <div>{dispositions?.map(renderSubMenuItem)}</div>
         <MobileAppTile
           context={context}
           title="Мобильное приложение"

package/src/components/Footer/FooterContent.ts

@@ -1,6 +1,6 @@
 import type { LinkProps } from '../../model/LinkProps';
 import type { SitemapProps } from '../../services/sitemap/SitemapProps';
-import type { IconName } from '../../ui-kit/Icon/IconProps';
+import type { IconName } from '../../icons/IconName';
 
 /**
  * @title Тип контакта

package/src/components/Gallery/Gallery.example.json

@@ -13,6 +13,7 @@
       "title": "Заголовок 1",
       "description": "Описание 1",
       "href": "/credit-cards",
+      "version": "primary",
       "items": [
         {"text":"Элемент списка 1", "title": "Элемент заголовка 1"},
         {"text":"Элемент списка 2", "title": "Элемент заголовка 2"},
@@ -30,6 +31,7 @@
       "title": "Заголовок 2",
       "description": "Описание 2",
       "href": "/credit-cards",
+      "version": "primary",
       "items": [
         {"text":"Элемент списка 1", "title": "Элемент заголовка 1"},
         {"text":"Элемент списка 2", "title": "Элемент заголовка 2"},
@@ -47,6 +49,7 @@
       "title": "Заголовок 3",
       "description": "Описание 3",
       "href": "/credit-cards",
+      "version": "primary",
       "items": [
         {"text":"Элемент списка 1", "title": "Элемент заголовка 1"},
         {"text":"Элемент списка 2", "title": "Элемент заголовка 2"},
@@ -64,6 +67,7 @@
       "title": "Заголовок 4",
       "description": "Описание 4",
       "href": "/credit-cards",
+      "version": "primary",
       "items": [
         {"text":"Элемент списка 1", "title": "Элемент заголовка 1"},
         {"text":"Элемент списка 2", "title": "Элемент заголовка 2"},

package/src/components/Gallery/Gallery.fixture.mobile.tsx

@@ -1,8 +1,8 @@
-import { BlockVersion } from '../../model/BlockVersion';
 import type { Picture } from '../../model/Picture';
 import { context } from '../../setup-fixture';
 import type { ButtonCommonProps } from '../../ui-kit/Button/Button';
 import { Gallery } from './Gallery';
+import { GalleryCard } from './GalleryContent';
 
 const image: Picture = {
   src: 'money-1.png',
@@ -34,7 +34,7 @@ const defaultItems = [
   { title: 'До 15% ', text: 'Кэшбэк от покупок' },
 ];
 
-const cards = [
+const cards: GalleryCard[] = [
   {
     image,
     title: 'Вклады в любой валюте',
@@ -60,7 +60,6 @@ const cards = [
     title: 'Вклады в любой валюте',
   },
   {
-    image,
     title: 'Вклады в любой валюте',
     description: 'О Вклады до 1,4 млн застрахованы в государственной системе страхования вкладов',
     button: buttonPrimary,
@@ -70,7 +69,13 @@ const cards = [
     title: 'Вклады в любой валюте',
     description: 'О Вклады до 1,4 млн застрахованы в государственной системе страхования вкладов',
     button: buttonPrimary,
-    version: 'secondary' as BlockVersion,
+    version: 'secondary',
+  },
+  {
+    image,
+    title: 'Вклады в любой валюте',
+    items: defaultItems,
+    version: 'secondary',
   },
 ];
 

package/src/components/Gallery/Gallery.mobile.tsx

@@ -21,9 +21,17 @@ export const Gallery = JSX<GalleryProps>(
         className={`relative font-sans text-primary-text bg-white px-4 py-6 overflow-hidden ${className}`}
       >
         <div className="flex flex-col items-center mb-5">
-          <Heading headingType="h2" className="text-center" title={title} />
+          {title ? (
+            <Heading
+              headingType="h3"
+              className={`text-center ${description ? 'mb-2' : 'mb-5'}`}
+              title={title}
+            />
+          ) : null}
           {description ? (
-            <div className="font-normal text-m-md max-w-[600px] mt-2">{description}</div>
+            <div className="font-normal text-m-md max-w-[600px] text-center mb-5">
+              {description}
+            </div>
           ) : null}
         </div>
         {renderCardsLayout(isScroll, cards, context)}
@@ -43,19 +51,19 @@ function renderCardsLayout(isScroll: boolean, cards: GalleryCard[], context) {
 function renderCard(card: GalleryCard, key: number) {
   return (
     <div
-      className={`box-border horizontal-list-item border-solid border rounded-md border-main-stroke p-4 flex flex-col
+      className={`h-full justify-between box-border horizontal-list-item border-solid border rounded-md border-main-stroke p-4 flex flex-col
       ${blockStyle[card.version ?? 'primary']}`}
       key={key}
     >
       <div>
         {card.image?.src ? (
           <div className="flex justify-center">
-            <Img className="mb-6" image={card.image} />
+            <Img className="mb-3.5" image={card.image} />
           </div>
         ) : null}
-        {card.title ? <h4 className={`font-medium text-m-title-xs m-0`}>{card.title}</h4> : null}
+        {card.title ? <h3 className={`font-medium text-m-title-xs m-0`}>{card.title}</h3> : null}
         {card.description ? renderDescription(card) : null}
-        {card.items?.length ? renderItems(card.items) : null}
+        {card.items?.length ? renderItems(card.items, card.version) : null}
       </div>
       {card?.button?.text ? renderButton(card.button) : null}
     </div>
@@ -75,7 +83,7 @@ function renderButton(button) {
 function renderDescription(card: GalleryCard) {
   return (
     <div
-      className={`text-secondary-text mt-2 ${
+      className={`text-secondary-text mt-1 text-m-sm ${
         card.version === 'secondary' ? 'text-white opacity-80' : ''
       }`}
     >
@@ -84,13 +92,15 @@ function renderDescription(card: GalleryCard) {
   );
 }
 
-function renderItems(items: GalleryItem[]) {
+function renderItems(items: GalleryItem[], version: BlockVersion = 'primary') {
   return (
     <section className="mt-3">
       {items.map((item, i) => (
         <div key={String(i)}>
           <span className="text-m-md font-medium">{item.title}</span>
-          <span className="text-m-sm text-secondary-text pl-2">{item.text}</span>
+          <span className={`text-m-sm pl-2 ${version === 'primary' ? 'text-secondary-text' : ''}`}>
+            {item.text}
+          </span>
         </div>
       ))}
     </section>

package/src/components/Gallery/GalleryContent.ts

@@ -2,8 +2,13 @@ import type { BlockVersion } from '../../model/BlockVersion';
 import type { Picture } from '../../model/Picture';
 import type { ButtonWithIconProps } from '../../ui-kit/Button/ButtonProps';
 
+/**
+ * @title Элемент списка
+ */
 export interface GalleryItem {
+  /** @title Заголовок (моб.) */
   title?: string; //TODO: for mobile
+  /** @title Текст */
   text?: string;
 }
 
@@ -36,5 +41,6 @@ export interface GalleryContent {
    * @minItems 4
    */
   cards?: GalleryCard[];
+  /** @title Горизонтальная прокрутка (для мобильных прокрутка shift+mouseScroll) */
   isScroll?: boolean; //TODO: for mobile
 }

package/src/components/Gallery/GalleryInner.tsx

@@ -41,6 +41,7 @@ export const GalleryInner = JSX<GalleryInnerProps>(
             className="absolute top-1/2 left-8 rotate-180 z-10 mt-[25px]"
             onClick={handlePrevClick}
             ariaLabel="Пролистать влево"
+            data-block-control="scroll-left"
           />
         )}
         {showNextButton && (
@@ -48,6 +49,7 @@ export const GalleryInner = JSX<GalleryInnerProps>(
             className="absolute top-1/2 right-8 z-10 mt-[25px]"
             onClick={handleNextClick}
             ariaLabel="Пролистать вправо"
+            data-block-control="scroll-right"
           />
         )}
         <div className="absolute top-0 left-0 bottom-0 w-[84px] bg-opacity-from-white" />