@redneckz/wildless-cms-uni-blocks 0.12.7 → 0.12.8

package/mobile/src/content-page-repository/transformContentPage.ts

@@ -1,12 +1,12 @@
 import fs from 'fs';
 import path from 'path';
 import util from 'util';
+import { Attachment } from '../model/Attachment';
 import type { ContentPageDef } from '../model/ContentPageDef';
-import { LinkProps } from '../model/LinkProps';
 import type { Picture } from '../model/Picture';
 import { mapJSON } from './mapJSON';
 import type { TransformationOptions } from './TransformationOptions';
-import { transformDocumentLink } from './transformDocumentLink';
+import { transformDocument } from './transformDocument';
 import { transformHTML } from './transformHTML';
 import { transformMarkdown } from './transformMarkdown';
 import { transformPicture } from './transformPicture';
@@ -16,7 +16,17 @@ const writeFile = util.promisify(fs.writeFile);
 
 const OUTPUT_SUFFIX = '.static';
 
-const DOCUMENT_EXT_LIST = ['.txt', '.doc', '.docx', '.xls', '.xlsx', '.ppt', '.pptx', '.pdf'];
+const DOCUMENT_EXT_LIST = [
+  '.txt',
+  '.doc',
+  '.docx',
+  '.xls',
+  '.xlsx',
+  '.xlsb',
+  '.ppt',
+  '.pptx',
+  '.pdf',
+];
 
 export async function transformContentPage(
   pagePath: string,
@@ -31,8 +41,8 @@ export async function transformContentPage(
         return await transformMarkdown(value as string);
       } else if (isHTML(key, value)) {
         return await transformHTML(value as string);
-      } else if (isDocumentLink(value)) {
-        return await transformDocumentLink(value, pagePath, options);
+      } else if (isDocument(value)) {
+        return await transformDocument(value, pagePath, options);
       } else if (isPicture(value)) {
         return await transformPicture(value, pagePath, options);
       }
@@ -55,8 +65,8 @@ const isMarkdown = (key: string, value: any): value is string =>
   isString(value) && key?.endsWith('__md');
 const isHTML = (key: string, value: any): value is string =>
   isString(value) && key?.endsWith('__html');
-const isDocumentLink = (_: any): _ is LinkProps =>
-  Boolean(_ && isLocalPath(_?.href) && isDocumentExt(path.extname(_?.href as string)));
+const isDocument = (_: any): _ is Attachment =>
+  Boolean(_ && isLocalPath(_?.src) && isDocumentExt(path.extname(_?.src as string)));
 const isDocumentExt = (input: string) =>
   DOCUMENT_EXT_LIST.some((ext) => input.toLowerCase().endsWith(ext));
 const isPicture = (_: any): _ is Picture => Boolean(_ && isLocalPath(_?.src));

package/{src/content-page-repository/transformDocumentLink.ts → mobile/src/content-page-repository/transformDocument.ts}

@@ -1,22 +1,22 @@
 import fs from 'fs';
 import path from 'path';
 import util from 'util';
-import type { LinkProps } from '../model/LinkProps';
+import { Attachment } from '../model/Attachment';
 import type { TransformationOptions } from './TransformationOptions';
 
 const copyFile = util.promisify(fs.copyFile);
 
-export async function transformDocumentLink(
-  link: LinkProps,
+export async function transformDocument(
+  attachment: Attachment,
   pagePath: string,
   options: TransformationOptions,
-): Promise<LinkProps> {
-  if (!link?.href) {
-    return link;
+): Promise<Attachment> {
+  if (!attachment?.src) {
+    return attachment;
   }
 
   const { contentDir, publicDir } = options;
-  const input = path.join(path.dirname(pagePath), link.href);
+  const input = path.join(path.dirname(pagePath), attachment.src);
   const docRelativePath = path.relative(contentDir, input);
   const output = path.join(publicDir, docRelativePath);
 
@@ -25,13 +25,13 @@ export async function transformDocumentLink(
   } catch (e) {
     console.info(`No "${input}" attachment found on page: "${pagePath}"`);
 
-    return link;
+    return attachment;
   }
 
-  const href = path.join('/', docRelativePath);
+  const src = path.join('/', docRelativePath);
 
   return {
-    ...link,
-    href,
+    ...attachment,
+    src,
   };
 }

package/mobile/src/hooks/useRouter.ts

@@ -9,6 +9,7 @@ export interface Router {
   basePath?: string;
   push: (url: string, as?: string, options?: RouterOptions) => void;
   replace: (url: string, as?: string, options?: RouterOptions) => void;
+  back: () => void;
 }
 
 export function useRouter(): Router {
@@ -25,6 +26,9 @@ useRouter._impl = (): Router => ({
   replace: () => {
     // Do nothing
   },
+  back: () => {
+    // Do nothing
+  },
 });
 
 useRouter.setup = (impl: () => Router) => {

package/mobile/src/icons/ChevronLeft.svg

@@ -1,3 +1,3 @@
-<svg title="Стрелка 'Вправо'" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg title="Стрелка 'Влево'" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M14.7071 6.29289C15.0976 6.68342 15.0976 7.31658 14.7071 7.70711L10.4142 12L14.7071 16.2929C15.0976 16.6834 15.0976 17.3166 14.7071 17.7071C14.3166 18.0976 13.6834 18.0976 13.2929 17.7071L8.29289 12.7071C7.90237 12.3166 7.90237 11.6834 8.29289 11.2929L13.2929 6.29289C13.6834 5.90237 14.3166 5.90237 14.7071 6.29289Z" fill="currentColor"/>
 </svg>

package/mobile/src/icons/IconName.ts

@@ -11,7 +11,7 @@ export enum IconMap {
 }
 
 export enum IconTitleMap {
-  ActualBalanceIcon = 'Деньги', AirPlaneIcon = 'Самолёт', AppleIcon = 'Лого «Apple»', ArrowDownIcon = 'Стрелка \'Вниз\'', ArrowDownSolidIcon = 'Стрелка сплошная \'Вниз\'', ArrowLeftIcon = 'Стрелка \'Влево\'', ArrowRightIcon = 'Стрелка \'Вправо\'', ArrowTopRightIcon = 'Стрелка \'Вверх-право\'', ArrowUpIcon = 'Стрелка \'Вверх\'', ArrowUpSolidIcon = 'Стрелка сплошная \'Вверх\'', AtmIcon = 'Банкомат', BagIcon = 'Сумка', BankIcon = 'Банк', BelarusianFlag = 'Белорусский флаг', BriefcaseIcon = 'BriefcaseIcon', BuildingIcon = 'Здание с деревом', BurgerIcon = 'Бургер', Calendar2Icon = 'Календарь 2', CalendarCircleIcon = 'Скруглённый календарь', CalendarIcon = 'Календарь', CalendarTickIcon = 'Календарь с галочкой', Car2Icon = 'Машина2', CardIcon = 'Кред. карта', CardPosIcon = 'Кред. карта под наклоном', CardTickIcon = 'Кред. карта с галочкой', CardWithGemIcon = 'Карта с драгоценностями', CarIcon = 'Машина', ChartSquareIcon = 'Деньги внутри кошелька', ChevronLeft = 'Стрелка \'Вправо\'', CinemaIcon = 'Кинотеатр', ClientIcon = 'Клиент', ClockIcon = 'Часы', CloseIcon = 'Крестик', ComfortableCompIcon = 'Кресло', CreditCardsIcon = 'Кредитные карты', DiscountShapeIcon = 'Скидка', DocDownloadIcon = 'Скачать документ', DocIcon = 'Документ', DocIconMonoColor = 'Документ (одноцветный)', DocsIcon = 'Документы', DocumentText2Icon = 'Документы-2', DocumentTextIcon = 'Документ с текстом', DollarIcon = 'Доллар', DoneIcon = 'Зелёная \'галочка\' в круге', DoneSimpleIcon = 'Зелёная \'галочка\'', EarthIcon = 'Земля', EmptyWalletChangeIcon = 'Пустой кошелёк с возвратом', EmptyWalletIcon = 'Пустой кошелёк', EuroIcon = 'Евро', FullScreenIcon = 'FullScreenIcon', GeolocationIcon = 'Геолокация', GlassIcon = 'Зеркало', GlobalIcon = 'Глобус', GpsIcon = 'Gps', GridIcon = 'Сетка (белая)', HeadphonesIcon = 'HeadphonesIcon', HeartIcon = 'Сердце', HuaweiIcon = 'Лого «Huawei»', InterestGrowthIcon = 'Диаграмма роста', InterestIcon = 'Скидка', JCBIcon = 'JCB', LogoIcon = 'Logo', LoupeIcon = 'Лупа', MailIcon = 'E-mail', MapMarkerClusterIcon = 'Маркер карты', MapMarkerSingleIcon = 'Маркер карты РСХБ', MasterCardIcon = 'MasterCard', MetroIcon = 'Лого Метро', MinusIcon = 'Минус', MirIcon = 'МИР', MoneyIcon = 'Деньги', MoneyInsuranceIcon = 'Денежное страхование', MoneysIcon = 'Купюры', MonitorMobileIcon = 'Монитор и мобильный', NewDocIcon = 'Новый документ', OfficeIcon = 'Офис', OkIcon = 'Лого «Одноклассники»', PackA4Icon = 'Пачка бумаги А4', PassSendIcon = 'Бизнес', PercentageRoundIcon = 'Проценты (круг.)', PercentageSquareIcon = 'Проценты', PercentIcon = 'PercentIcon', PersonalCardIcon = 'Персональная карта', PhoneIcon = 'Телефон', PlayMarketIcon = 'Лого «PlayMarket»', PlusIcon = 'Плюс', PowerIcon = 'Щит', Profile2UserIcon = 'Профиль, 2 персоны', ProfileIcon = 'Профиль', PumpkinIcon = 'Тыква', ResponceFailIcon = 'Ошибка', ResponceOKIcon = 'Ок', RoundRubleIcon = 'Рубль (круг.)', SafeIcon = 'Сейф', ShieldTickIcon = 'Безопасность', SignDocsIcon = 'Подписанные документы', SmallClockIcon = 'Маленькие часы', SoundIcon = 'Звук', StrongBoxIcon = 'Ящик с замочной скважиной', TelegramIcon = 'Лого «Telegram»', UnionPayIcon = 'UnionPay', UserGeoLocationIcon = 'UserGeoLocationIcon', UserSquareIcon = 'Пользователь в рамке', UserTickIcon = 'Пользователь', VisaIcon = 'Visa', VKIcon = 'Лого «VK»', WalletAdd2Icon = 'Пополнение карты', WalletAddIcon = 'Кошелёк с плюсом', WalletIcon = 'Кошелёк', WalletWithMoneyIcon = 'Кошелёк с деньгами', WateringCanIcon = 'Добавить продукт', YoutubeIcon = 'Лого «Youtube»'
+  ActualBalanceIcon = 'Деньги', AirPlaneIcon = 'Самолёт', AppleIcon = 'Лого «Apple»', ArrowDownIcon = 'Стрелка \'Вниз\'', ArrowDownSolidIcon = 'Стрелка сплошная \'Вниз\'', ArrowLeftIcon = 'Стрелка \'Влево\'', ArrowRightIcon = 'Стрелка \'Вправо\'', ArrowTopRightIcon = 'Стрелка \'Вверх-право\'', ArrowUpIcon = 'Стрелка \'Вверх\'', ArrowUpSolidIcon = 'Стрелка сплошная \'Вверх\'', AtmIcon = 'Банкомат', BagIcon = 'Сумка', BankIcon = 'Банк', BelarusianFlag = 'Белорусский флаг', BriefcaseIcon = 'BriefcaseIcon', BuildingIcon = 'Здание с деревом', BurgerIcon = 'Бургер', Calendar2Icon = 'Календарь 2', CalendarCircleIcon = 'Скруглённый календарь', CalendarIcon = 'Календарь', CalendarTickIcon = 'Календарь с галочкой', Car2Icon = 'Машина2', CardIcon = 'Кред. карта', CardPosIcon = 'Кред. карта под наклоном', CardTickIcon = 'Кред. карта с галочкой', CardWithGemIcon = 'Карта с драгоценностями', CarIcon = 'Машина', ChartSquareIcon = 'Деньги внутри кошелька', ChevronLeft = 'Стрелка \'Влево\'', CinemaIcon = 'Кинотеатр', ClientIcon = 'Клиент', ClockIcon = 'Часы', CloseIcon = 'Крестик', ComfortableCompIcon = 'Кресло', CreditCardsIcon = 'Кредитные карты', DiscountShapeIcon = 'Скидка', DocDownloadIcon = 'Скачать документ', DocIcon = 'Документ', DocIconMonoColor = 'Документ (одноцветный)', DocsIcon = 'Документы', DocumentText2Icon = 'Документы-2', DocumentTextIcon = 'Документ с текстом', DollarIcon = 'Доллар', DoneIcon = 'Зелёная \'галочка\' в круге', DoneSimpleIcon = 'Зелёная \'галочка\'', EarthIcon = 'Земля', EmptyWalletChangeIcon = 'Пустой кошелёк с возвратом', EmptyWalletIcon = 'Пустой кошелёк', EuroIcon = 'Евро', FullScreenIcon = 'FullScreenIcon', GeolocationIcon = 'Геолокация', GlassIcon = 'Зеркало', GlobalIcon = 'Глобус', GpsIcon = 'Gps', GridIcon = 'Сетка (белая)', HeadphonesIcon = 'HeadphonesIcon', HeartIcon = 'Сердце', HuaweiIcon = 'Лого «Huawei»', InterestGrowthIcon = 'Диаграмма роста', InterestIcon = 'Скидка', JCBIcon = 'JCB', LogoIcon = 'Logo', LoupeIcon = 'Лупа', MailIcon = 'E-mail', MapMarkerClusterIcon = 'Маркер карты', MapMarkerSingleIcon = 'Маркер карты РСХБ', MasterCardIcon = 'MasterCard', MetroIcon = 'Лого Метро', MinusIcon = 'Минус', MirIcon = 'МИР', MoneyIcon = 'Деньги', MoneyInsuranceIcon = 'Денежное страхование', MoneysIcon = 'Купюры', MonitorMobileIcon = 'Монитор и мобильный', NewDocIcon = 'Новый документ', OfficeIcon = 'Офис', OkIcon = 'Лого «Одноклассники»', PackA4Icon = 'Пачка бумаги А4', PassSendIcon = 'Бизнес', PercentageRoundIcon = 'Проценты (круг.)', PercentageSquareIcon = 'Проценты', PercentIcon = 'PercentIcon', PersonalCardIcon = 'Персональная карта', PhoneIcon = 'Телефон', PlayMarketIcon = 'Лого «PlayMarket»', PlusIcon = 'Плюс', PowerIcon = 'Щит', Profile2UserIcon = 'Профиль, 2 персоны', ProfileIcon = 'Профиль', PumpkinIcon = 'Тыква', ResponceFailIcon = 'Ошибка', ResponceOKIcon = 'Ок', RoundRubleIcon = 'Рубль (круг.)', SafeIcon = 'Сейф', ShieldTickIcon = 'Безопасность', SignDocsIcon = 'Подписанные документы', SmallClockIcon = 'Маленькие часы', SoundIcon = 'Звук', StrongBoxIcon = 'Ящик с замочной скважиной', TelegramIcon = 'Лого «Telegram»', UnionPayIcon = 'UnionPay', UserGeoLocationIcon = 'UserGeoLocationIcon', UserSquareIcon = 'Пользователь в рамке', UserTickIcon = 'Пользователь', VisaIcon = 'Visa', VKIcon = 'Лого «VK»', WalletAdd2Icon = 'Пополнение карты', WalletAddIcon = 'Кошелёк с плюсом', WalletIcon = 'Кошелёк', WalletWithMoneyIcon = 'Кошелёк с деньгами', WateringCanIcon = 'Добавить продукт', YoutubeIcon = 'Лого «Youtube»'
 }
 
 /**
@@ -19,7 +19,7 @@ export enum IconTitleMap {
  * @title Иконка
  * @enumNames [
  *   "",
- *   'Деньги', 'Самолёт', 'Лого «Apple»', 'Стрелка \'Вниз\'', 'Стрелка сплошная \'Вниз\'', 'Стрелка \'Влево\'', 'Стрелка \'Вправо\'', 'Стрелка \'Вверх-право\'', 'Стрелка \'Вверх\'', 'Стрелка сплошная \'Вверх\'', 'Банкомат', 'Сумка', 'Банк', 'Белорусский флаг', 'BriefcaseIcon', 'Здание с деревом', 'Бургер', 'Календарь 2', 'Скруглённый календарь', 'Календарь', 'Календарь с галочкой', 'Машина2', 'Кред. карта', 'Кред. карта под наклоном', 'Кред. карта с галочкой', 'Карта с драгоценностями', 'Машина', 'Деньги внутри кошелька', 'Стрелка \'Вправо\'', 'Кинотеатр', 'Клиент', 'Часы', 'Крестик', 'Кресло', 'Кредитные карты', 'Скидка', 'Скачать документ', 'Документ', 'Документ (одноцветный)', 'Документы', 'Документы-2', 'Документ с текстом', 'Доллар', 'Зелёная \'галочка\' в круге', 'Зелёная \'галочка\'', 'Земля', 'Пустой кошелёк с возвратом', 'Пустой кошелёк', 'Евро', 'FullScreenIcon', 'Геолокация', 'Зеркало', 'Глобус', 'Gps', 'Сетка (белая)', 'HeadphonesIcon', 'Сердце', 'Лого «Huawei»', 'Диаграмма роста', 'Скидка', 'JCB', 'Logo', 'Лупа', 'E-mail', 'Маркер карты', 'Маркер карты РСХБ', 'MasterCard', 'Лого Метро', 'Минус', 'МИР', 'Деньги', 'Денежное страхование', 'Купюры', 'Монитор и мобильный', 'Новый документ', 'Офис', 'Лого «Одноклассники»', 'Пачка бумаги А4', 'Бизнес', 'Проценты (круг.)', 'Проценты', 'PercentIcon', 'Персональная карта', 'Телефон', 'Лого «PlayMarket»', 'Плюс', 'Щит', 'Профиль, 2 персоны', 'Профиль', 'Тыква', 'Ошибка', 'Ок', 'Рубль (круг.)', 'Сейф', 'Безопасность', 'Подписанные документы', 'Маленькие часы', 'Звук', 'Ящик с замочной скважиной', 'Лого «Telegram»', 'UnionPay', 'UserGeoLocationIcon', 'Пользователь в рамке', 'Пользователь', 'Visa', 'Лого «VK»', 'Пополнение карты', 'Кошелёк с плюсом', 'Кошелёк', 'Кошелёк с деньгами', 'Добавить продукт', 'Лого «Youtube»'
+ *   'Деньги', 'Самолёт', 'Лого «Apple»', 'Стрелка \'Вниз\'', 'Стрелка сплошная \'Вниз\'', 'Стрелка \'Влево\'', 'Стрелка \'Вправо\'', 'Стрелка \'Вверх-право\'', 'Стрелка \'Вверх\'', 'Стрелка сплошная \'Вверх\'', 'Банкомат', 'Сумка', 'Банк', 'Белорусский флаг', 'BriefcaseIcon', 'Здание с деревом', 'Бургер', 'Календарь 2', 'Скруглённый календарь', 'Календарь', 'Календарь с галочкой', 'Машина2', 'Кред. карта', 'Кред. карта под наклоном', 'Кред. карта с галочкой', 'Карта с драгоценностями', 'Машина', 'Деньги внутри кошелька', 'Стрелка \'Влево\'', 'Кинотеатр', 'Клиент', 'Часы', 'Крестик', 'Кресло', 'Кредитные карты', 'Скидка', 'Скачать документ', 'Документ', 'Документ (одноцветный)', 'Документы', 'Документы-2', 'Документ с текстом', 'Доллар', 'Зелёная \'галочка\' в круге', 'Зелёная \'галочка\'', 'Земля', 'Пустой кошелёк с возвратом', 'Пустой кошелёк', 'Евро', 'FullScreenIcon', 'Геолокация', 'Зеркало', 'Глобус', 'Gps', 'Сетка (белая)', 'HeadphonesIcon', 'Сердце', 'Лого «Huawei»', 'Диаграмма роста', 'Скидка', 'JCB', 'Logo', 'Лупа', 'E-mail', 'Маркер карты', 'Маркер карты РСХБ', 'MasterCard', 'Лого Метро', 'Минус', 'МИР', 'Деньги', 'Денежное страхование', 'Купюры', 'Монитор и мобильный', 'Новый документ', 'Офис', 'Лого «Одноклассники»', 'Пачка бумаги А4', 'Бизнес', 'Проценты (круг.)', 'Проценты', 'PercentIcon', 'Персональная карта', 'Телефон', 'Лого «PlayMarket»', 'Плюс', 'Щит', 'Профиль, 2 персоны', 'Профиль', 'Тыква', 'Ошибка', 'Ок', 'Рубль (круг.)', 'Сейф', 'Безопасность', 'Подписанные документы', 'Маленькие часы', 'Звук', 'Ящик с замочной скважиной', 'Лого «Telegram»', 'UnionPay', 'UserGeoLocationIcon', 'Пользователь в рамке', 'Пользователь', 'Visa', 'Лого «VK»', 'Пополнение карты', 'Кошелёк с плюсом', 'Кошелёк', 'Кошелёк с деньгами', 'Добавить продукт', 'Лого «Youtube»'
  * ]
  */
 export type IconName = '' | 'ActualBalanceIcon' | 'AirPlaneIcon' | 'AppleIcon' | 'ArrowDownIcon' | 'ArrowDownSolidIcon' | 'ArrowLeftIcon' | 'ArrowRightIcon' | 'ArrowTopRightIcon' | 'ArrowUpIcon' | 'ArrowUpSolidIcon' | 'AtmIcon' | 'BagIcon' | 'BankIcon' | 'BelarusianFlag' | 'BriefcaseIcon' | 'BuildingIcon' | 'BurgerIcon' | 'Calendar2Icon' | 'CalendarCircleIcon' | 'CalendarIcon' | 'CalendarTickIcon' | 'Car2Icon' | 'CardIcon' | 'CardPosIcon' | 'CardTickIcon' | 'CardWithGemIcon' | 'CarIcon' | 'ChartSquareIcon' | 'ChevronLeft' | 'CinemaIcon' | 'ClientIcon' | 'ClockIcon' | 'CloseIcon' | 'ComfortableCompIcon' | 'CreditCardsIcon' | 'DiscountShapeIcon' | 'DocDownloadIcon' | 'DocIcon' | 'DocIconMonoColor' | 'DocsIcon' | 'DocumentText2Icon' | 'DocumentTextIcon' | 'DollarIcon' | 'DoneIcon' | 'DoneSimpleIcon' | 'EarthIcon' | 'EmptyWalletChangeIcon' | 'EmptyWalletIcon' | 'EuroIcon' | 'FullScreenIcon' | 'GeolocationIcon' | 'GlassIcon' | 'GlobalIcon' | 'GpsIcon' | 'GridIcon' | 'HeadphonesIcon' | 'HeartIcon' | 'HuaweiIcon' | 'InterestGrowthIcon' | 'InterestIcon' | 'JCBIcon' | 'LogoIcon' | 'LoupeIcon' | 'MailIcon' | 'MapMarkerClusterIcon' | 'MapMarkerSingleIcon' | 'MasterCardIcon' | 'MetroIcon' | 'MinusIcon' | 'MirIcon' | 'MoneyIcon' | 'MoneyInsuranceIcon' | 'MoneysIcon' | 'MonitorMobileIcon' | 'NewDocIcon' | 'OfficeIcon' | 'OkIcon' | 'PackA4Icon' | 'PassSendIcon' | 'PercentageRoundIcon' | 'PercentageSquareIcon' | 'PercentIcon' | 'PersonalCardIcon' | 'PhoneIcon' | 'PlayMarketIcon' | 'PlusIcon' | 'PowerIcon' | 'Profile2UserIcon' | 'ProfileIcon' | 'PumpkinIcon' | 'ResponceFailIcon' | 'ResponceOKIcon' | 'RoundRubleIcon' | 'SafeIcon' | 'ShieldTickIcon' | 'SignDocsIcon' | 'SmallClockIcon' | 'SoundIcon' | 'StrongBoxIcon' | 'TelegramIcon' | 'UnionPayIcon' | 'UserGeoLocationIcon' | 'UserSquareIcon' | 'UserTickIcon' | 'VisaIcon' | 'VKIcon' | 'WalletAdd2Icon' | 'WalletAddIcon' | 'WalletIcon' | 'WalletWithMoneyIcon' | 'WateringCanIcon' | 'YoutubeIcon';

package/mobile/src/model/Attachment.ts

@@ -0,0 +1,4 @@
+export interface Attachment {
+  /** @title */
+  src?: string;
+}

package/mobile/src/setup-fixture.ts

@@ -10,7 +10,7 @@ projectSettings.setup(wlc);
 
 useRouter.setup(() => {
   const [href, setHref] = useState<string>(
-    joinPath(globalThis.location.origin, projectSettings.BASE_PATH, 'cards-credit'),
+    joinPath(globalThis.location.origin, projectSettings.BASE_PATH, ''),
   );
 
   useEffect(() => {
@@ -37,6 +37,9 @@ useRouter.setup(() => {
     replace: (url: string) => {
       globalThis.history.replaceState(null, '', url);
     },
+    back: () => {
+      globalThis.history.back();
+    },
   };
 });
 

package/mobile/src/ui-kit/TopItem/TopItem.tsx

@@ -16,6 +16,7 @@ export interface TopItemProps extends TopItemContent {
 
 export const TopItem = JSX<TopItemProps>(({ className = '', active, flat, children, ...rest }) => {
   const link = useLink({ isRemote: true });
+  console.log('link', link);
   const { href, target, text, onClick } = link(rest);
 
   return (

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redneckz/wildless-cms-uni-blocks",
-  "version": "0.12.7",
+  "version": "0.12.8",
   "private": false,
   "license": "MIT",
   "author": "ЦК",

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

@@ -1,12 +1,7 @@
 import '../../setup-fixture';
-
 import { Header } from './Header.mobile';
 
 export default {
   default: <Header />,
   transparent: <Header bgColor="transparent" />,
-  withTitle: <Header mobileHeaderType="withTitle" mobileTitle="Все кредитные карты" />,
-  backButton: (
-    <Header mobileHeaderType="backwardButton" mobileBackwardButtonTitle="Кредитные карты" />
-  ),
 };

package/src/components/Header/Header.mobile.tsx

@@ -18,12 +18,7 @@ const BG_COLOR_TO_BLOCK_VERSION: Record<BgColorVersion, BlockVersion> = {
 };
 
 export const Header = JSX<HeaderMobileProps>(
-  ({
-    bgColor = 'bg-white',
-    version = BG_COLOR_TO_BLOCK_VERSION[bgColor],
-    mobileHeaderType = 'none',
-    ...rest
-  }) => {
+  ({ bgColor = 'bg-white', version = BG_COLOR_TO_BLOCK_VERSION[bgColor], ...rest }) => {
     const fallback: Fallback | undefined = rest.options?.page?.fallback;
     const { logo, internetBankUrl } = useSWRResource<SitemapData>(
       projectSettings.SITEMAP || 'sitemap',
@@ -38,7 +33,6 @@ export const Header = JSX<HeaderMobileProps>(
             logo={logo}
             internetBankUrl={internetBankUrl}
             version={version}
-            mobileHeaderType={mobileHeaderType}
             {...rest}
           />
         </div>

package/src/components/Header/HeaderContent.ts

@@ -25,24 +25,10 @@ export type Logo = ImageContent & {
   title?: string;
 };
 
-/**
- * @title Мобильный тип шапки
- * @enumNames ["Не выбрано", "Название", "Кнопка возврата"]
- */
-export type MobileHeaderType = 'none' | 'withTitle' | 'backwardButton';
-
-export interface MobileHeaderProps {
-  mobileHeaderType?: MobileHeaderType;
-  /** @title Название (мобильная версия) */
-  mobileTitle?: string;
-  /** @title Кнопка возврата (мобильная версия) */
-  mobileBackwardButtonTitle?: string;
-}
-
 /**
  * @title Шапка (для мобильных горизонтальная прокрутка shift+mouseScroll)
  */
-export interface HeaderContent extends MobileHeaderProps {
+export interface HeaderContent {
   /** @hidden */
   showSubMenu?: boolean;
   /** @hidden */

package/src/components/Header/HeaderTop.tsx

@@ -5,15 +5,15 @@ import { Logo } from '../../ui-kit/Logo/Logo';
 import { Button } from '../../ui-kit/Button/Button';
 import { style } from '../../utils/style';
 import type { BlockVersion } from '../../model/BlockVersion';
-import type { MobileHeaderProps, MobileHeaderType } from './HeaderContent';
 import { Img } from '../../ui-kit/Img/Img';
+import { useRouter } from '../../hooks/useRouter';
+import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
 
-export interface HeaderTopProps extends MobileHeaderProps {
+export interface HeaderTopProps {
   bgColor?: BgColorVersion;
   logo?: LogoType;
   internetBankUrl?: string;
   version?: BlockVersion;
-  mobileHeaderType?: MobileHeaderType;
 }
 
 const BUTTON_STYLE = {
@@ -21,51 +21,42 @@ const BUTTON_STYLE = {
   transparent: 'text-white hover:text-primary-hover',
 };
 
-export const HeaderTop = JSX<HeaderTopProps>(
-  ({
-    bgColor,
-    logo,
-    internetBankUrl,
-    version,
-    mobileHeaderType,
-    mobileTitle,
-    mobileBackwardButtonTitle,
-  }) => {
-    const isTypeNone = mobileHeaderType === 'none';
-    const isTypeWithTitle = mobileHeaderType === 'withTitle';
+export const HeaderTop = JSX<HeaderTopProps>(({ bgColor, logo, internetBankUrl, version }) => {
+  const router = useRouter();
+  const isRootLocation = router.pathname === '/';
+  const onClick = useCallback(() => {
+    router.back();
+  }, []);
 
-    return (
-      <div className="flex items-center justify-between w-full">
-        {isTypeNone || isTypeWithTitle ? (
-          <Logo bgColor={bgColor} logo={logo} showTitle={isTypeNone} />
-        ) : null}
-        {isTypeWithTitle ? mobileTitle : null}
-        {mobileHeaderType === 'backwardButton' ? (
-          <Button className="flex items-center text-l">
-            <Img
-              className="w-6 h-6"
-              image={{
-                icon: 'ChevronLeft',
-                iconVersion: 'black',
-              }}
-            />
-            {mobileBackwardButtonTitle}
-          </Button>
-        ) : null}
-        {internetBankUrl ? (
-          <Button
-            href={internetBankUrl}
-            ariaLabel="Войти"
-            target="_blank"
-            className={style(
-              'p-3 my-1 text-s whitespace-nowrap text-primary-main hover:text-primary-hover',
-              BUTTON_STYLE[version === 'transparent' ? 'transparent' : 'default'],
-            )}
-          >
-            Войти
-          </Button>
-        ) : null}
-      </div>
-    );
-  },
-);
+  return (
+    <div className="flex items-center justify-between w-full">
+      {isRootLocation ? (
+        <Logo bgColor={bgColor} logo={logo} />
+      ) : (
+        <Button className="flex items-center text-l" ariaLabel="Вернуться назад" onClick={onClick}>
+          <Img
+            className="w-6 h-6"
+            image={{
+              icon: 'ChevronLeft',
+              iconVersion: 'black',
+            }}
+          />
+          Вернуться назад
+        </Button>
+      )}
+      {internetBankUrl ? (
+        <Button
+          href={internetBankUrl}
+          ariaLabel="Войти"
+          target="_blank"
+          className={style(
+            'p-3 my-1 text-s whitespace-nowrap text-primary-main hover:text-primary-hover',
+            BUTTON_STYLE[version === 'transparent' ? 'transparent' : 'default'],
+          )}
+        >
+          Войти
+        </Button>
+      ) : null}
+    </div>
+  );
+});

package/src/components/HorizontalLayout/HorizontalLayout.fixture.tsx

@@ -9,9 +9,9 @@ import { HorizontalLayout } from './HorizontalLayout';
 export const linkDocsExample: LinkDocsContent = {
   description: 'Ответы на часто задаваемые вопросы',
   documents: [
-    { text: 'target self', href: '/abc1/cooldoc.doc', target: '_self' },
-    { text: 'target blank', href: '/abc2/wtf.rtf', target: '_blank' },
-    { text: 'GlassIcon', href: '/abc3/map.jpeg' },
+    { docType: 'Link', text: 'target self', href: '/abc1/cooldoc.doc', target: '_self' },
+    { docType: 'Link', text: 'target blank', href: '/abc2/wtf.rtf', target: '_blank' },
+    { docType: 'Link', text: 'GlassIcon', href: '/abc3/map.jpeg' },
   ],
 };
 

package/src/components/LinkDocs/LinkDocItem.tsx

@@ -0,0 +1,44 @@
+import { JSX } from '@redneckz/uni-jsx';
+import type { VNode } from '../../model/VNode';
+import { Text } from '../../ui-kit/Text/Text';
+import type { LinkDoc } from './LinkDocsContent';
+
+export interface LinkDocItemProps extends LinkDoc {
+  icon?: VNode;
+}
+
+export const LinkDocItem = JSX<LinkDocItemProps>(({ icon, text, fileSize, ...linkProps }) => (
+  <a
+    className="flex box-border gap-3 group/item h-fit w-fit text-primary-text no-underline hover:text-primary-main"
+    role="link"
+    {...linkProps}
+  >
+    {icon}
+    {text ? (
+      <Text size="text-l" font="font-light">
+        {text}
+        <Text color="text-secondary-text">
+          {linkProps?.href && formatSuffix(getExtFromHref(linkProps.href), fileSize)}
+        </Text>
+      </Text>
+    ) : null}
+  </a>
+));
+
+const formatSuffix = (ext?: string, fileSize?: string) => {
+  const prefix = ext || fileSize ? ',' : '';
+  const extension = ext ? ` ${ext}` : '';
+  const size = fileSize ? ` (${fileSize})` : '';
+
+  return prefix + extension + size;
+};
+
+const getExtFromHref = (href: string) => {
+  if (!href) {
+    return '';
+  }
+
+  const index = href.lastIndexOf('.');
+
+  return index !== -1 ? href.substring(index + 1) : '';
+};

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

@@ -14,21 +14,25 @@
     },
     "documents": [
       {
+        "docType": "Link",
         "text": "Документ №1",
         "href": "/documents/document1.doc",
         "fileSize": "123КБ"
       },
       {
+        "docType": "Link",
         "text": "Документ №2",
         "href": "/documents/document2.rtf",
         "target": "_blank"
       },
       {
+        "docType": "Link",
         "text": "Документ №3",
         "href": "/abc3/map.jpeg",
         "fileSize": "2МБ"
       },
       {
+        "docType": "Link",
         "text": "Документ №4",
         "href": "/abc/map.rar"
       }

package/src/components/LinkDocs/LinkDocs.tsx

@@ -1,15 +1,19 @@
 import { JSX } from '@redneckz/uni-jsx';
+import { Router, useRouter } from '../../hooks/useRouter';
 import type { UniBlockProps } from '../../model/JSXBlock';
+import type { Picture } from '../../model/Picture';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { Img } from '../../ui-kit/Img/Img';
+import { adjustHref } from '../../utils/adjustHref';
 import { style } from '../../utils/style';
 import { Headline } from '../Headline/Headline';
-import type { LinkColumnsMode, LinkDocsContent } from './LinkDocsContent';
-import { LinkDocsListItem } from './LinkDocsListItem';
+import { LinkDocItem } from './LinkDocItem';
+import type { DocBlockDef, LinkColumnsMode, LinkDocsContent } from './LinkDocsContent';
+import { linkIconStyle } from './linkIconStyle';
 
 const linkColumnsModeStyleMap: Record<LinkColumnsMode, string> = {
-  double: 'flex-wrap',
-  single: 'flex-col',
+  double: 'sm:flex-wrap sm:flex-row',
+  single: 'sm:flex-col',
 };
 
 export interface LinkDocsProps extends LinkDocsContent, UniBlockProps {}
@@ -24,36 +28,54 @@ export const LinkDocs = JSX<LinkDocsProps>(
     icon = { icon: 'DocIcon' },
     columnsMode = 'double',
     ...rest
-  }) => (
-    <BlockWrapper className={className} defaultPadding="p-default" {...rest}>
-      <Headline
-        className="!p-0"
-        title={title}
-        description={description}
-        align={align}
-        headlineVersion="M"
-        as="h2"
-      />
-      {documents?.length ? (
-        <div className={style('mt-8 flex gap-6', linkColumnsModeStyleMap[columnsMode])} role="list">
-          {documents.map((doc, i) => (
-            <div
-              key={String(i)}
-              className={columnsMode === 'double' ? 'basis-[calc(50%-20px)]' : ''}
-              role="listitem"
-            >
-              <LinkDocsListItem
-                doc={doc}
-                icon={
-                  icon ? (
-                    <Img className="min-w-6 min-h-6" image={icon} width="24" height="24" />
-                  ) : null
-                }
-              ></LinkDocsListItem>
-            </div>
-          ))}
-        </div>
-      ) : null}
-    </BlockWrapper>
-  ),
+  }) => {
+    const router = useRouter();
+
+    return (
+      <BlockWrapper className={className} defaultPadding="p-default" {...rest}>
+        <Headline
+          className="!p-0"
+          title={title}
+          description={description}
+          align={align}
+          headlineVersion="M"
+          as="h2"
+        />
+        {documents?.length ? (
+          <div
+            className={style(
+              'mt-5 sm:mt-8 flex flex-col gap-6',
+              linkColumnsModeStyleMap[columnsMode],
+            )}
+            role="list"
+          >
+            {documents.map(renderLinkDocItem(router, columnsMode, icon))}
+          </div>
+        ) : null}
+      </BlockWrapper>
+    );
+  },
 );
+
+const renderLinkDocItem =
+  (router: Router, columnsMode: LinkColumnsMode, icon: Picture) =>
+  (docBlockDef: DocBlockDef, i: number) => {
+    const href =
+      docBlockDef?.docType === 'Attachment'
+        ? adjustHref(router)(docBlockDef?.attachment?.src)
+        : docBlockDef?.href;
+
+    return (
+      <div
+        key={String(i)}
+        className={columnsMode === 'double' ? 'basis-[calc(50%-20px)]' : ''}
+        role="listitem"
+      >
+        <LinkDocItem
+          {...docBlockDef}
+          href={href}
+          icon={icon ? <Img className={linkIconStyle} image={icon} width="24" height="24" /> : null}
+        />
+      </div>
+    );
+  };

package/src/components/LinkDocs/LinkDocs.ui.json

@@ -2,7 +2,14 @@
   "content": {
     "documents": {
       "items": {
-        "ui:field": "document"
+        "docType": {
+          "ui:widget": "hidden"
+        },
+        "attachment": {
+          "src": {
+            "ui:widget": "FileWidget"
+          }
+        }
       }
     }
   }