@redneckz/wildless-cms-uni-blocks 0.14.321 → 0.14.322

package/src/components/Footer/Footer.tsx

@@ -24,8 +24,7 @@ export const Footer = UniBlock<FooterProps>(({ className, footer, ...rest }) =>
     documents,
     relatedEnterprises,
     contacts,
-    socialMedia,
-    mobileApps,
+    mediaLinks = [],
     feedbackButton,
     isOldVersionButton,
     license,
@@ -40,8 +39,8 @@ export const Footer = UniBlock<FooterProps>(({ className, footer, ...rest }) =>
   const linkStyle = '!text-left text-s font-light';
 
   return (
-    <BlockWrapper tag="footer" className={className} {...rest}>
-      <div className="flex items-stretch gap-3xl pb-3xl">
+    <BlockWrapper tag="footer" className={style('space-y-xl', className)} {...rest}>
+      <div className="flex items-stretch gap-3xl">
         <Logo className={LEFT_COL_WIDTH} logo={logoProps} data={dataFooter} />
         <SearchBar className="grow" {...sitemap} />
       </div>
@@ -49,12 +48,13 @@ export const Footer = UniBlock<FooterProps>(({ className, footer, ...rest }) =>
         <div className={style(LEFT_COL_WIDTH, 'flex flex-col shrink-0 overflow-hidden space-y-xl')}>
           <Contacts items={contacts} />
           {feedbackButton ? (
-            <LinkButton className="w-full mt-xs" version="primary" {...feedbackButton} />
+            <LinkButton className="w-full" version="primary" {...feedbackButton} />
           ) : null}
-          <SocialMedia media={socialMedia}>Соцсети</SocialMedia>
-          <SocialMedia media={mobileApps} showButtonText={false}>
-            Мобильное приложение
-          </SocialMedia>
+          {mediaLinks.map((_, i) => (
+            <SocialMedia key={String(i)} media={_?.links ?? []} showButtonText={false}>
+              {_?.title}
+            </SocialMedia>
+          ))}
           {isOldVersionButton ? (
             <LinkButton
               version="link"
@@ -73,7 +73,7 @@ export const Footer = UniBlock<FooterProps>(({ className, footer, ...rest }) =>
         </div>
         <Sitemap className="flex-grow flex-wrap" {...sitemap} />
       </div>
-      <HorizontalNavigation className="mt-xl" links={relatedEnterprises} />
+      <HorizontalNavigation links={relatedEnterprises} />
       <TextInformation links={documents} license={license} />
     </BlockWrapper>
   );

package/src/components/Footer/SocialMedia.tsx

@@ -48,7 +48,7 @@ export const SocialMedia = JSX<SocialMediaProps>(
     );
 
     return (
-      <div className={style('flex flex-col gap-xs', className)}>
+      <div className={style('flex flex-col gap-m xl:gap-xs', className)}>
         <div className="flex gap-xs">
           {renderButtonsSection(buttons, {
             className: style(stretched || hasText ? 'basis-full' : ''),

package/src/components/Footer/TextInformation.tsx

@@ -5,14 +5,16 @@ import { type FooterLink } from './FooterLink';
 import { TextInformationLink } from './TextInformationLink';
 
 export const TextInformation = JSX<FooterLink>(({ className = '', links, license }) => (
-  <div className={style('@container', className)}>
-    <div className="pt-lg">
-      <Text size="text-xs" font="font-light" color="text-secondary-text">
-        {`\u00a9\u00A02000-${new Date().getFullYear()}\u00A0${license}`}
-      </Text>
-    </div>
+  <div className={style('@container space-y-lg', className)}>
+    {license ? (
+      <div>
+        <Text size="text-xs" font="font-light" color="text-secondary-text">
+          {`\u00a9\u00A02000-${new Date().getFullYear()}\u00A0${license}`}
+        </Text>
+      </div>
+    ) : null}
     {links?.length ? (
-      <div className="flex flex-col @5xl:flex-row justify-start items-start gap-x-lg gap-y-xs pt-lg">
+      <div className="flex flex-col @5xl:flex-row justify-start items-start gap-x-lg gap-y-xs">
         {links.map((_, i) => (
           <TextInformationLink key={String(i)} index={i} {..._} />
         ))}

package/src/components/Footer/iconsMap.ts

@@ -43,4 +43,8 @@ export const ICONS_MAP: Array<IconsMapItem> = [
     origins: ['dzen.ru'],
     iconMapped: { icon: 'DzenIcon' },
   },
+  {
+    origins: ['rustore.ru'],
+    iconMapped: { icon: 'RustoreIcon' },
+  },
 ];

package/src/data/FooterData.ts

@@ -1,4 +1,4 @@
-import { type DescriptionProps, type TextProps } from '../model/HeadlineType';
+import { type DescriptionProps, type TextProps, type TitleProps } from '../model/HeadlineType';
 import { type LinkProps } from '../model/LinkProps';
 import { type LinkButtonContent } from '../ui-kit/LinkButton/LinkButtonContent';
 
@@ -28,14 +28,17 @@ export type ContactGroup = {
   items?: ContactInfo[];
 };
 
+type MediaLinkItems = TitleProps & {
+  links: LinkButtonContent[];
+};
+
 export interface FooterData {
   documents?: LinkProps[];
   relatedEnterprises?: LinkProps[];
   contacts?: ContactGroup[];
-  socialMedia?: LinkButtonContent[];
-  mobileApps?: LinkButtonContent[];
   feedbackButton?: LinkButtonContent;
   otherLinks?: LinkProps[];
+  mediaLinks?: MediaLinkItems[];
   isOldVersionButton?: boolean;
   license?: string;
   horizontalNavigationTitle?: string; // TODO: для мобильной версии

package/src/icons/IconName.ts

@@ -117,6 +117,7 @@ export enum IconMap {
   ResponseFailIcon = 'ResponseFailIcon',
   ResponseOKIcon = 'ResponseOKIcon',
   RoundRubleIcon = 'RoundRubleIcon',
+  RustoreIcon = 'RustoreIcon',
   RutubeIcon = 'RutubeIcon',
   SafeIcon = 'SafeIcon',
   SecurityСardIcon = 'SecurityСardIcon',
@@ -223,6 +224,7 @@ export enum IconTitleMap {
   ResponseFailIcon = 'Ошибка',
   ResponseOKIcon = 'Ок',
   RoundRubleIcon = 'Рубль (круг.)',
+  RustoreIcon = 'Лого «Rustore»',
   RutubeIcon = 'Лого «Rutube»',
   SafeIcon = 'Сейф',
   SecurityСardIcon = 'Безопасность',
@@ -246,7 +248,7 @@ export enum IconTitleMap {
  * @title Иконка
  * @enumNames [
  *   "",
- *   'Достижение', 'Деньги', 'Лого «Apple»', 'Стрелка \'Вниз\'', 'Стрелка сплошная \'Вниз\'', 'Стрелка \'Влево\'', 'Стрелка \'Вправо\'', 'Стрелка \'Вверх-право\'', 'Стрелка \'Вверх\'', 'Стрелка сплошная \'Вверх\'', 'Банкомат', 'Банк', 'Белорусский флаг', 'Портфель', 'Здание с деревом', 'Бургер', 'Скруглённый календарь', 'Календарь', 'Календарь с галочкой', 'Кред. карта', 'Кред. карта под наклоном', 'Карта', 'Кред. карта с галочкой', 'Инвестиции', 'Диаграмма (в круге)', 'Деньги внутри кошелька', 'Стрелка \'Влево\'', 'Китайский юань', 'Клиент', 'Крестик', 'Монеты', 'Конвертирование', 'Копирование', 'Здание суда', 'Кубок', 'Разработка', 'Скидка', 'Скачать документ', 'Документ', 'Доллар', 'Зелёная \'галочка\' в круге', 'Зелёная \'галочка\'', 'Лого «Дзен»', 'Пустой кошелёк с возвратом', 'Пустой кошелёк', 'Евро', 'Факс', 'FullScreenIcon', 'Геолокация', 'Глобус', 'Gps', 'Сетка (белая)', 'HeadphonesIcon', 'Сердце', 'Сердцебеение', 'Ипотека', 'Лого «Huawei»', 'Замок', 'Logo', 'Лупа', 'MagnifierIcon', 'E-mail', 'Маркер карты', 'Маркер карты РСХБ', 'Иконка Развёрнутая карта', 'Минус', 'Деньги', 'Денежное страхование', 'Монитор и мобильный', 'Новый документ', 'Колокольчик нотификаций', 'Лого «Одноклассники»', 'Пачка бумаги А4', 'Бизнес', 'Проценты (круг.)', 'PercentIcon', 'Персональная карта', 'Звонящий телефон', 'Телефон', 'Лого «PlayMarket»', 'Плюс в круге', 'Плюс', 'Профиль, 2 персоны', 'Профиль', 'Ошибка', 'Ок', 'Рубль (круг.)', 'Лого «Rutube»', 'Сейф', 'Безопасность', 'Безопасность', 'Подписанные документы', 'Маленькие часы', 'Кольцо', 'Лого «Telegram»', 'Самолётик', 'Пользователь в рамке', 'Пользователь', 'Лого «VK»', 'Кошелёк с плюсом', 'Кошелёк', 'Кошелёк с деньгами', 'Лого «Youtube»'
+ *   'Достижение', 'Деньги', 'Лого «Apple»', 'Стрелка \'Вниз\'', 'Стрелка сплошная \'Вниз\'', 'Стрелка \'Влево\'', 'Стрелка \'Вправо\'', 'Стрелка \'Вверх-право\'', 'Стрелка \'Вверх\'', 'Стрелка сплошная \'Вверх\'', 'Банкомат', 'Банк', 'Белорусский флаг', 'Портфель', 'Здание с деревом', 'Бургер', 'Скруглённый календарь', 'Календарь', 'Календарь с галочкой', 'Кред. карта', 'Кред. карта под наклоном', 'Карта', 'Кред. карта с галочкой', 'Инвестиции', 'Диаграмма (в круге)', 'Деньги внутри кошелька', 'Стрелка \'Влево\'', 'Китайский юань', 'Клиент', 'Крестик', 'Монеты', 'Конвертирование', 'Копирование', 'Здание суда', 'Кубок', 'Разработка', 'Скидка', 'Скачать документ', 'Документ', 'Доллар', 'Зелёная \'галочка\' в круге', 'Зелёная \'галочка\'', 'Лого «Дзен»', 'Пустой кошелёк с возвратом', 'Пустой кошелёк', 'Евро', 'Факс', 'FullScreenIcon', 'Геолокация', 'Глобус', 'Gps', 'Сетка (белая)', 'HeadphonesIcon', 'Сердце', 'Сердцебеение', 'Ипотека', 'Лого «Huawei»', 'Замок', 'Logo', 'Лупа', 'MagnifierIcon', 'E-mail', 'Маркер карты', 'Маркер карты РСХБ', 'Иконка Развёрнутая карта', 'Минус', 'Деньги', 'Денежное страхование', 'Монитор и мобильный', 'Новый документ', 'Колокольчик нотификаций', 'Лого «Одноклассники»', 'Пачка бумаги А4', 'Бизнес', 'Проценты (круг.)', 'PercentIcon', 'Персональная карта', 'Звонящий телефон', 'Телефон', 'Лого «PlayMarket»', 'Плюс в круге', 'Плюс', 'Профиль, 2 персоны', 'Профиль', 'Ошибка', 'Ок', 'Рубль (круг.)', 'Лого «Rustore»', 'Лого «Rutube»', 'Сейф', 'Безопасность', 'Безопасность', 'Подписанные документы', 'Маленькие часы', 'Кольцо', 'Лого «Telegram»', 'Самолётик', 'Пользователь в рамке', 'Пользователь', 'Лого «VK»', 'Кошелёк с плюсом', 'Кошелёк', 'Кошелёк с деньгами', 'Лого «Youtube»'
  * ]
  */
 export type IconName =
@@ -338,6 +340,7 @@ export type IconName =
   | 'ResponseFailIcon'
   | 'ResponseOKIcon'
   | 'RoundRubleIcon'
+  | 'RustoreIcon'
   | 'RutubeIcon'
   | 'SafeIcon'
   | 'SecurityСardIcon'

package/src/icons/RustoreIcon.svg

@@ -0,0 +1,4 @@
+<svg title="Лого «Rustore»" isInverse="true" viewBox="0 0 22 21" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1.49708 19.5238C2.99422 21 5.40383 21 10.2231 21H11.0749C15.8942 21 18.3038 21 19.8009 19.5238C21.298 18.0477 21.298 15.6718 21.298 10.92V10.08C21.298 5.32819 21.298 2.95232 19.8009 1.47613C18.3038 0 15.8942 0 11.0749 0H10.2231C5.40383 0 2.99422 0 1.49708 1.47613C5.67572e-07 2.95232 0 5.32819 0 10.08V10.92C0 15.6718 5.67572e-07 18.0477 1.49708 19.5238Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M16.4426 13.958L15.0035 13.6035C14.8302 13.5544 14.7079 13.4007 14.7017 13.2221L14.5221 7.99963C14.4702 7.30843 13.9498 6.75864 13.406 6.59676C13.3755 6.58766 13.3428 6.59992 13.3247 6.6258C13.3064 6.65217 13.3135 6.68859 13.3391 6.70811C13.4734 6.81066 13.843 7.14513 13.843 7.72206L13.8419 14.5502C13.8419 15.2095 13.2101 15.6931 12.5583 15.5326L11.097 15.1726C10.935 15.1168 10.8224 14.968 10.8165 14.7963L10.637 9.57354C10.585 8.88235 10.0646 8.33261 9.52084 8.17067C9.49031 8.16163 9.45769 8.17383 9.4396 8.19972C9.42127 8.22608 9.42835 8.26251 9.45394 8.28208C9.58827 8.38457 9.95785 8.71904 9.95785 9.29597L9.95678 14.9876L9.95761 14.9877V16.1248C9.95761 16.7841 9.32569 17.2677 8.67395 17.1071L4.54646 16.0905C3.97263 15.9492 3.57031 15.4431 3.57031 14.8626V8.02373C3.57031 7.36444 4.20217 6.88088 4.85391 7.04139L7.45468 7.682V6.44917C7.45468 5.78987 8.08655 5.30626 8.73829 5.46683L11.3389 6.10738V4.87454C11.3389 4.21524 11.9707 3.73163 12.6225 3.8922L16.75 4.90882C17.3239 5.05017 17.7262 5.55628 17.7262 6.13678V12.9756C17.7262 13.6349 17.0943 14.1185 16.4426 13.958Z" fill="white"/>
+</svg>