@redneckz/wildless-cms-uni-blocks 0.6.26 → 0.6.28

package/src/components/VerticalLayout/VerticalLayout.tsx

@@ -0,0 +1,51 @@
+import { JSX } from '@redneckz/uni-jsx';
+import type { AlignType } from '../../model/AlignType';
+import { BlockVersionWithTransparent } from '../../model/BlockVersion';
+import type { JSXBlock, UniBlockProps } from '../../model/JSXBlock';
+import { BlockWrapper } from '../../ui-kit/BlockWrapper';
+import type { GapVersion, VerticalLayoutContent } from './VerticalLayoutContent';
+
+export interface VerticalLayoutProps extends VerticalLayoutContent, UniBlockProps {}
+
+const alignStyle: Record<AlignType, string> = {
+  left: 'items-start',
+  center: 'items-center',
+  right: 'items-end',
+};
+
+const gapStyleMap: Record<GapVersion, string> = {
+  XXL: 'gap-10',
+  XL: 'gap-8',
+  L: 'gap-4',
+  M: 'gap-3',
+  S: 'gap-2',
+  XS: 'gap-1',
+  '': '',
+};
+
+const backgroundStyleMap: Record<BlockVersionWithTransparent, string> = {
+  transparent: '',
+  primary: 'bg-white',
+  secondary: 'bg-primary-main',
+};
+
+export const VerticalLayout: JSXBlock<VerticalLayoutProps> = JSX<VerticalLayoutProps>(
+  ({ className = '', children, gap = '', align = 'left', version = 'primary', ...rest }) => (
+    <BlockWrapper
+      className={[
+        'flex flex-col',
+        gapStyleMap[gap],
+        alignStyle[align],
+        backgroundStyleMap[version],
+        className,
+      ].join(' ')}
+      {...rest}
+    >
+      {children}
+    </BlockWrapper>
+  ),
+);
+
+VerticalLayout.childrenTypes = {
+  exclude: ['VerticalLayout'],
+};

package/src/components/VerticalLayout/VerticalLayout.ui.json

@@ -0,0 +1 @@
+{}

package/src/components/VerticalLayout/VerticalLayoutContent.ts

@@ -0,0 +1,19 @@
+import type { AlignType } from '../../model/AlignType';
+import type { BlockVersionWithTransparent } from '../../model/BlockVersion';
+import type { ColorPalette } from '../../model/ContentPageDef';
+
+/**
+ * @title Отсуп между компонентами
+ * @enumNames ["Самый большой", "Очень большой", "Большой", "Средний", "Маленький", "Самый маленький", "Без отступа"]
+ */
+export type GapVersion = 'XXL' | 'XL' | 'L' | 'M' | 'S' | 'XS' | '';
+
+/**
+ * @title Вертикальный компоновщик
+ */
+export interface VerticalLayoutContent {
+  colorPalette?: ColorPalette;
+  version?: BlockVersionWithTransparent;
+  align?: AlignType;
+  gap?: GapVersion;
+}

package/src/hooks/handlerDecorator.ts

@@ -0,0 +1,16 @@
+/* eslint-disable @typescript-eslint/ban-types */
+
+export type HandlerDecorator = <F extends Function>(handler: F, targetContent?: any) => F;
+
+export const handlerDecorator: HandlerDecorator & {
+  _impl: HandlerDecorator;
+  setup(impl: HandlerDecorator): void;
+} = (handler, targetContent) => {
+  return handlerDecorator._impl(handler, targetContent);
+};
+
+handlerDecorator._impl = (handler) => handler;
+
+handlerDecorator.setup = (impl) => {
+  handlerDecorator._impl = impl;
+};

package/src/hooks/useLink.ts

@@ -1,30 +1,34 @@
-import { HandlerDecorator, Router } from '../components/ContentPage/ContentPageContext';
 import type { LinkProps } from '../model/LinkProps';
 import { adjustHref } from '../utils/adjustHref';
 import { isURL } from '../utils/url';
+import { handlerDecorator } from './handlerDecorator';
+import { useRouter } from './useRouter';
 
-export const defaultHandlerDecorator: HandlerDecorator = (handler) => handler;
+interface ClickHandler {
+  onClick(ev?: { preventDefault: () => void }): void;
+}
+
+export function useLink(): <L extends Partial<LinkProps & ClickHandler>>(
+  props: L,
+) => L & ClickHandler {
+  const router = useRouter();
 
-export function useLink(
-  {
-    router,
-    handlerDecorator = defaultHandlerDecorator,
-  }: { router: Router; handlerDecorator?: HandlerDecorator },
-  link: Partial<LinkProps & { className: string }>,
-) {
-  const href = adjustHref(link.href, router);
+  return (props) => {
+    const href = adjustHref(props.href, router);
 
-  return {
-    ...link,
-    href,
-    'aria-label': link.text,
-    onClick: handlerDecorator((ev?: { preventDefault: () => void }) => {
-      const isLocalHref = href && !isURL(href);
-      const isLocalTarget = !link.target || link.target === '_self';
-      if (isLocalHref && isLocalTarget) {
-        ev?.preventDefault();
-        router.push(href);
-      }
-    }, link),
+    return {
+      ...props,
+      href,
+      'aria-label': props.text,
+      onClick: handlerDecorator((ev?: { preventDefault: () => void }) => {
+        props.onClick && props.onClick(ev);
+        const isLocalHref = href && !isURL(href);
+        const isLocalTarget = !props.target || props.target === '_self';
+        if (isLocalHref && isLocalTarget) {
+          ev?.preventDefault();
+          router.push(href);
+        }
+      }, props),
+    };
   };
 }

package/src/hooks/useRouter.ts

@@ -0,0 +1,28 @@
+export interface Router {
+  pathname: string;
+  query: Record<string, string | string[] | undefined>;
+  href?: string;
+  basePath?: string;
+  push: (url: string) => void;
+  replace: (url: string) => void;
+}
+
+export function useRouter(): Router {
+  return useRouter._impl();
+}
+
+useRouter._impl = (): Router => ({
+  href: globalThis.location?.href || '/',
+  pathname: globalThis.location?.pathname || '/',
+  query: {},
+  push: () => {
+    // Do nothing
+  },
+  replace: () => {
+    // Do nothing
+  },
+});
+
+useRouter.setup = (impl: () => Router) => {
+  useRouter._impl = impl;
+};

package/src/hooks/useTableArrowScrollControl.ts

@@ -1,22 +1,28 @@
+import { useCallback, useState } from '@redneckz/uni-jsx/lib/hooks';
 import type { TableArrowScrollControlProps } from '../ui-kit/TableArrowScrollControl/TableArrowScrollControlProps';
 
 export const useTableArrowScrollControl = ({
   columnsLength,
   colsLengthForScroll,
-  activeCardIndex,
-  setActiveCardIndex,
 }: {
   columnsLength: number;
   colsLengthForScroll: number;
-  activeCardIndex: number;
-  setActiveCardIndex: (_: number) => void;
 }): Required<TableArrowScrollControlProps> => {
-  const handleNextClick = () => setActiveCardIndex(activeCardIndex + 1);
-  const handlePrevClick = () => setActiveCardIndex(activeCardIndex - 1);
+  const [activeCardIndex, setActiveCardIndex] = useState(0);
+
+  const onNextClick = useCallback(() => setActiveCardIndex((_) => _ + 1), []);
+  const onPrevClick = useCallback(() => setActiveCardIndex((_) => _ - 1), []);
 
   const isScrollAvailable = columnsLength > colsLengthForScroll;
   const showNextButton = isScrollAvailable && columnsLength - activeCardIndex > colsLengthForScroll;
   const showPrevButton = Boolean(isScrollAvailable && activeCardIndex > 0);
 
-  return { handleNextClick, handlePrevClick, isScrollAvailable, showNextButton, showPrevButton };
+  return {
+    activeCardIndex,
+    onNextClick,
+    onPrevClick,
+    isScrollAvailable,
+    showNextButton,
+    showPrevButton,
+  };
 };

package/src/icons/IconName.ts

@@ -1,235 +1,17 @@
+
 // Generated. Do not touch
 /* eslint-disable max-len, max-lines */
 
 export const IconsWithoutInversion = new Set([
-  'ActualBalanceIcon',
-  'AirPlaneIcon',
-  'CardWithGemIcon',
-  'CarIcon',
-  'CinemaIcon',
-  'ClockIcon',
-  'ComfortableCompIcon',
-  'CreditCardsIcon',
-  'DocsIcon',
-  'DollarIcon',
-  'DoneIcon',
-  'EarthIcon',
-  'EuroIcon',
-  'FullScreenIcon',
-  'GlassIcon',
-  'InterestGrowthIcon',
-  'JCBIcon',
-  'MapMarkerClusterIcon',
-  'MapMarkerSingleIcon',
-  'MasterCardIcon',
-  'MirIcon',
-  'MoneyInsuranceIcon',
-  'NewDocIcon',
-  'OfficeIcon',
-  'PackA4Icon',
-  'PassSendIcon',
-  'PowerIcon',
-  'PumpkinIcon',
-  'SignDocsIcon',
-  'SoundIcon',
-  'UnionPayIcon',
-  'UserGeoLocationIcon',
-  'VisaIcon',
-  'WateringCanIcon',
+  'ActualBalanceIcon', 'AirPlaneIcon', 'CardWithGemIcon', 'CarIcon', 'CinemaIcon', 'ClockIcon', 'ComfortableCompIcon', 'CreditCardsIcon', 'DocsIcon', 'DollarIcon', 'DoneIcon', 'EarthIcon', 'EuroIcon', 'FullScreenIcon', 'GlassIcon', 'InterestGrowthIcon', 'JCBIcon', 'MapMarkerClusterIcon', 'MapMarkerSingleIcon', 'MasterCardIcon', 'MirIcon', 'MoneyInsuranceIcon', 'NewDocIcon', 'OfficeIcon', 'PackA4Icon', 'PassSendIcon', 'PowerIcon', 'PumpkinIcon', 'SignDocsIcon', 'SoundIcon', 'UnionPayIcon', 'UserGeoLocationIcon', 'VisaIcon', 'WateringCanIcon'
 ]);
 
 export enum IconMap {
-  ActualBalanceIcon = 'ActualBalanceIcon',
-  AirPlaneIcon = 'AirPlaneIcon',
-  AppleIcon = 'AppleIcon',
-  ArrowDownIcon = 'ArrowDownIcon',
-  ArrowLeftIcon = 'ArrowLeftIcon',
-  ArrowUpIcon = 'ArrowUpIcon',
-  AtmIcon = 'AtmIcon',
-  BankIcon = 'BankIcon',
-  BuildingIcon = 'BuildingIcon',
-  BurgerIcon = 'BurgerIcon',
-  Calendar2Icon = 'Calendar2Icon',
-  CalendarCircleIcon = 'CalendarCircleIcon',
-  CalendarIcon = 'CalendarIcon',
-  CalendarTickIcon = 'CalendarTickIcon',
-  Car2Icon = 'Car2Icon',
-  CardIcon = 'CardIcon',
-  CardPosIcon = 'CardPosIcon',
-  CardTickIcon = 'CardTickIcon',
-  CardWithGemIcon = 'CardWithGemIcon',
-  CarIcon = 'CarIcon',
-  ChartSquareIcon = 'ChartSquareIcon',
-  CinemaIcon = 'CinemaIcon',
-  ClockIcon = 'ClockIcon',
-  CloseIcon = 'CloseIcon',
-  ComfortableCompIcon = 'ComfortableCompIcon',
-  CreditCardsIcon = 'CreditCardsIcon',
-  DiscountShapeIcon = 'DiscountShapeIcon',
-  DocDownloadIcon = 'DocDownloadIcon',
-  DocIcon = 'DocIcon',
-  DocIconMonoColor = 'DocIconMonoColor',
-  DocsIcon = 'DocsIcon',
-  DocumentText2Icon = 'DocumentText2Icon',
-  DocumentTextIcon = 'DocumentTextIcon',
-  DollarIcon = 'DollarIcon',
-  DoneIcon = 'DoneIcon',
-  DoneSimpleIcon = 'DoneSimpleIcon',
-  EarthIcon = 'EarthIcon',
-  EmptyWalletChangeIcon = 'EmptyWalletChangeIcon',
-  EmptyWalletIcon = 'EmptyWalletIcon',
-  EuroIcon = 'EuroIcon',
-  FullScreenIcon = 'FullScreenIcon',
-  GeolocationIcon = 'GeolocationIcon',
-  GlassIcon = 'GlassIcon',
-  GlobalIcon = 'GlobalIcon',
-  GpsIcon = 'GpsIcon',
-  GridIcon = 'GridIcon',
-  InterestGrowthIcon = 'InterestGrowthIcon',
-  InterestIcon = 'InterestIcon',
-  JCBIcon = 'JCBIcon',
-  LogoIcon = 'LogoIcon',
-  LoupeIcon = 'LoupeIcon',
-  MapMarkerClusterIcon = 'MapMarkerClusterIcon',
-  MapMarkerSingleIcon = 'MapMarkerSingleIcon',
-  MasterCardIcon = 'MasterCardIcon',
-  MetroIcon = 'MetroIcon',
-  MinusIcon = 'MinusIcon',
-  MirIcon = 'MirIcon',
-  MoneyIcon = 'MoneyIcon',
-  MoneyInsuranceIcon = 'MoneyInsuranceIcon',
-  MoneysIcon = 'MoneysIcon',
-  MonitorMobileIcon = 'MonitorMobileIcon',
-  NewDocIcon = 'NewDocIcon',
-  OfficeIcon = 'OfficeIcon',
-  OkIcon = 'OkIcon',
-  PackA4Icon = 'PackA4Icon',
-  PassSendIcon = 'PassSendIcon',
-  PercentageRoundIcon = 'PercentageRoundIcon',
-  PercentageSquareIcon = 'PercentageSquareIcon',
-  PersonalCardIcon = 'PersonalCardIcon',
-  PlayMarketIcon = 'PlayMarketIcon',
-  PlusIcon = 'PlusIcon',
-  PowerIcon = 'PowerIcon',
-  Profile2UserIcon = 'Profile2UserIcon',
-  ProfileIcon = 'ProfileIcon',
-  PumpkinIcon = 'PumpkinIcon',
-  RoundRubleIcon = 'RoundRubleIcon',
-  SafeIcon = 'SafeIcon',
-  ShieldTickIcon = 'ShieldTickIcon',
-  SignDocsIcon = 'SignDocsIcon',
-  SmallClockIcon = 'SmallClockIcon',
-  SoundIcon = 'SoundIcon',
-  StrongBoxIcon = 'StrongBoxIcon',
-  TelegramIcon = 'TelegramIcon',
-  UnionPayIcon = 'UnionPayIcon',
-  UserGeoLocationIcon = 'UserGeoLocationIcon',
-  UserSquareIcon = 'UserSquareIcon',
-  UserTickIcon = 'UserTickIcon',
-  VisaIcon = 'VisaIcon',
-  VKIcon = 'VKIcon',
-  WalletAdd2Icon = 'WalletAdd2Icon',
-  WalletAddIcon = 'WalletAddIcon',
-  WalletIcon = 'WalletIcon',
-  WalletWithMoneyIcon = 'WalletWithMoneyIcon',
-  WateringCanIcon = 'WateringCanIcon',
+  ActualBalanceIcon = 'ActualBalanceIcon', AirPlaneIcon = 'AirPlaneIcon', AppleIcon = 'AppleIcon', ArrowDownIcon = 'ArrowDownIcon', ArrowLeftIcon = 'ArrowLeftIcon', ArrowUpIcon = 'ArrowUpIcon', AtmIcon = 'AtmIcon', BankIcon = 'BankIcon', BuildingIcon = 'BuildingIcon', BurgerIcon = 'BurgerIcon', Calendar2Icon = 'Calendar2Icon', CalendarCircleIcon = 'CalendarCircleIcon', CalendarIcon = 'CalendarIcon', CalendarTickIcon = 'CalendarTickIcon', Car2Icon = 'Car2Icon', CardIcon = 'CardIcon', CardPosIcon = 'CardPosIcon', CardTickIcon = 'CardTickIcon', CardWithGemIcon = 'CardWithGemIcon', CarIcon = 'CarIcon', ChartSquareIcon = 'ChartSquareIcon', CinemaIcon = 'CinemaIcon', ClockIcon = 'ClockIcon', CloseIcon = 'CloseIcon', ComfortableCompIcon = 'ComfortableCompIcon', CreditCardsIcon = 'CreditCardsIcon', DiscountShapeIcon = 'DiscountShapeIcon', DocDownloadIcon = 'DocDownloadIcon', DocIcon = 'DocIcon', DocIconMonoColor = 'DocIconMonoColor', DocsIcon = 'DocsIcon', DocumentText2Icon = 'DocumentText2Icon', DocumentTextIcon = 'DocumentTextIcon', DollarIcon = 'DollarIcon', DoneIcon = 'DoneIcon', DoneSimpleIcon = 'DoneSimpleIcon', EarthIcon = 'EarthIcon', EmptyWalletChangeIcon = 'EmptyWalletChangeIcon', EmptyWalletIcon = 'EmptyWalletIcon', EuroIcon = 'EuroIcon', FullScreenIcon = 'FullScreenIcon', GeolocationIcon = 'GeolocationIcon', GlassIcon = 'GlassIcon', GlobalIcon = 'GlobalIcon', GpsIcon = 'GpsIcon', GridIcon = 'GridIcon', InterestGrowthIcon = 'InterestGrowthIcon', InterestIcon = 'InterestIcon', JCBIcon = 'JCBIcon', LogoIcon = 'LogoIcon', LoupeIcon = 'LoupeIcon', MapMarkerClusterIcon = 'MapMarkerClusterIcon', MapMarkerSingleIcon = 'MapMarkerSingleIcon', MasterCardIcon = 'MasterCardIcon', MetroIcon = 'MetroIcon', MinusIcon = 'MinusIcon', MirIcon = 'MirIcon', MoneyIcon = 'MoneyIcon', MoneyInsuranceIcon = 'MoneyInsuranceIcon', MoneysIcon = 'MoneysIcon', MonitorMobileIcon = 'MonitorMobileIcon', NewDocIcon = 'NewDocIcon', OfficeIcon = 'OfficeIcon', OkIcon = 'OkIcon', PackA4Icon = 'PackA4Icon', PassSendIcon = 'PassSendIcon', PercentageRoundIcon = 'PercentageRoundIcon', PercentageSquareIcon = 'PercentageSquareIcon', PersonalCardIcon = 'PersonalCardIcon', PlayMarketIcon = 'PlayMarketIcon', PlusIcon = 'PlusIcon', PowerIcon = 'PowerIcon', Profile2UserIcon = 'Profile2UserIcon', ProfileIcon = 'ProfileIcon', PumpkinIcon = 'PumpkinIcon', RoundRubleIcon = 'RoundRubleIcon', SafeIcon = 'SafeIcon', ShieldTickIcon = 'ShieldTickIcon', SignDocsIcon = 'SignDocsIcon', SmallClockIcon = 'SmallClockIcon', SoundIcon = 'SoundIcon', StrongBoxIcon = 'StrongBoxIcon', TelegramIcon = 'TelegramIcon', UnionPayIcon = 'UnionPayIcon', UserGeoLocationIcon = 'UserGeoLocationIcon', UserSquareIcon = 'UserSquareIcon', UserTickIcon = 'UserTickIcon', VisaIcon = 'VisaIcon', VKIcon = 'VKIcon', WalletAdd2Icon = 'WalletAdd2Icon', WalletAddIcon = 'WalletAddIcon', WalletIcon = 'WalletIcon', WalletWithMoneyIcon = 'WalletWithMoneyIcon', WateringCanIcon = 'WateringCanIcon'
 }
 
 export enum IconTitleMap {
-  ActualBalanceIcon = 'Деньги',
-  AirPlaneIcon = 'Самолёт',
-  AppleIcon = 'Лого «Apple»',
-  ArrowDownIcon = "Стрелка 'Вниз'",
-  ArrowLeftIcon = 'Стрелка',
-  ArrowUpIcon = 'Стрелка вверх',
-  AtmIcon = 'Банкомат',
-  BankIcon = 'Банк',
-  BuildingIcon = 'Здание с деревом',
-  BurgerIcon = 'Бургер',
-  Calendar2Icon = 'Календарь 2',
-  CalendarCircleIcon = 'Скруглённый календарь',
-  CalendarIcon = 'Календарь',
-  CalendarTickIcon = 'Календарь с галочкой',
-  Car2Icon = 'Машина2',
-  CardIcon = 'Кред. карта',
-  CardPosIcon = 'Кред. карта под наклоном',
-  CardTickIcon = 'Кред. карта с галочкой',
-  CardWithGemIcon = 'Карта с драгоценностями',
-  CarIcon = 'Машина',
-  ChartSquareIcon = 'Деньги внутри кошелька',
-  CinemaIcon = 'Кинотеатр',
-  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 = 'Сетка (белая)',
-  InterestGrowthIcon = 'Диаграмма роста',
-  InterestIcon = 'Скидка',
-  JCBIcon = 'JCB',
-  LogoIcon = 'Logo',
-  LoupeIcon = 'Лупа',
-  MapMarkerClusterIcon = 'Маркер карты',
-  MapMarkerSingleIcon = 'Маркер карты РСХБ',
-  MasterCardIcon = 'MasterCard',
-  MetroIcon = 'Лого Метро',
-  MinusIcon = 'Минус',
-  MirIcon = 'МИР',
-  MoneyIcon = 'Деньги',
-  MoneyInsuranceIcon = 'Денежное страхование',
-  MoneysIcon = 'Купюры',
-  MonitorMobileIcon = 'Монитор и мобильный',
-  NewDocIcon = 'Новый документ',
-  OfficeIcon = 'Офис',
-  OkIcon = 'Лого «Одноклассники»',
-  PackA4Icon = 'Пачка бумаги А4',
-  PassSendIcon = 'Бизнес',
-  PercentageRoundIcon = 'Проценты (круг.)',
-  PercentageSquareIcon = 'Проценты',
-  PersonalCardIcon = 'Персональная карта',
-  PlayMarketIcon = 'Лого «PlayMarket»',
-  PlusIcon = 'Плюс',
-  PowerIcon = 'Щит',
-  Profile2UserIcon = 'Профиль, 2 персоны',
-  ProfileIcon = 'Профиль',
-  PumpkinIcon = 'Тыква',
-  RoundRubleIcon = 'Рубль (круг.)',
-  SafeIcon = 'Сейф',
-  ShieldTickIcon = 'Безопасность',
-  SignDocsIcon = 'Подписанные документы',
-  SmallClockIcon = 'Маленькие часы',
-  SoundIcon = 'Звук',
-  StrongBoxIcon = 'Ящик с замочной скважиной',
-  TelegramIcon = 'Лого «Telegram»',
-  UnionPayIcon = 'UnionPay',
-  UserGeoLocationIcon = 'UserGeoLocationIcon',
-  UserSquareIcon = 'Пользователь в рамке',
-  UserTickIcon = 'Пользователь',
-  VisaIcon = 'Visa',
-  VKIcon = 'Лого «VK»',
-  WalletAdd2Icon = 'Пополнение карты',
-  WalletAddIcon = 'Кошелёк с плюсом',
-  WalletIcon = 'Кошелёк',
-  WalletWithMoneyIcon = 'Кошелёк с деньгами',
-  WateringCanIcon = 'Добавить продукт',
+  ActualBalanceIcon = 'Деньги', AirPlaneIcon = 'Самолёт', AppleIcon = 'Лого «Apple»', ArrowDownIcon = 'Стрелка \'Вниз\'', ArrowLeftIcon = 'Стрелка', ArrowUpIcon = 'Стрелка вверх', AtmIcon = 'Банкомат', BankIcon = 'Банк', BuildingIcon = 'Здание с деревом', BurgerIcon = 'Бургер', Calendar2Icon = 'Календарь 2', CalendarCircleIcon = 'Скруглённый календарь', CalendarIcon = 'Календарь', CalendarTickIcon = 'Календарь с галочкой', Car2Icon = 'Машина2', CardIcon = 'Кред. карта', CardPosIcon = 'Кред. карта под наклоном', CardTickIcon = 'Кред. карта с галочкой', CardWithGemIcon = 'Карта с драгоценностями', CarIcon = 'Машина', ChartSquareIcon = 'Деньги внутри кошелька', CinemaIcon = 'Кинотеатр', 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 = 'Сетка (белая)', InterestGrowthIcon = 'Диаграмма роста', InterestIcon = 'Скидка', JCBIcon = 'JCB', LogoIcon = 'Logo', LoupeIcon = 'Лупа', MapMarkerClusterIcon = 'Маркер карты', MapMarkerSingleIcon = 'Маркер карты РСХБ', MasterCardIcon = 'MasterCard', MetroIcon = 'Лого Метро', MinusIcon = 'Минус', MirIcon = 'МИР', MoneyIcon = 'Деньги', MoneyInsuranceIcon = 'Денежное страхование', MoneysIcon = 'Купюры', MonitorMobileIcon = 'Монитор и мобильный', NewDocIcon = 'Новый документ', OfficeIcon = 'Офис', OkIcon = 'Лого «Одноклассники»', PackA4Icon = 'Пачка бумаги А4', PassSendIcon = 'Бизнес', PercentageRoundIcon = 'Проценты (круг.)', PercentageSquareIcon = 'Проценты', PersonalCardIcon = 'Персональная карта', PlayMarketIcon = 'Лого «PlayMarket»', PlusIcon = 'Плюс', PowerIcon = 'Щит', Profile2UserIcon = 'Профиль, 2 персоны', ProfileIcon = 'Профиль', PumpkinIcon = 'Тыква', RoundRubleIcon = 'Рубль (круг.)', SafeIcon = 'Сейф', ShieldTickIcon = 'Безопасность', SignDocsIcon = 'Подписанные документы', SmallClockIcon = 'Маленькие часы', SoundIcon = 'Звук', StrongBoxIcon = 'Ящик с замочной скважиной', TelegramIcon = 'Лого «Telegram»', UnionPayIcon = 'UnionPay', UserGeoLocationIcon = 'UserGeoLocationIcon', UserSquareIcon = 'Пользователь в рамке', UserTickIcon = 'Пользователь', VisaIcon = 'Visa', VKIcon = 'Лого «VK»', WalletAdd2Icon = 'Пополнение карты', WalletAddIcon = 'Кошелёк с плюсом', WalletIcon = 'Кошелёк', WalletWithMoneyIcon = 'Кошелёк с деньгами', WateringCanIcon = 'Добавить продукт'
 }
 
 /**
@@ -240,99 +22,4 @@ export enum IconTitleMap {
  *   'Деньги', 'Самолёт', 'Лого «Apple»', 'Стрелка \'Вниз\'', 'Стрелка', 'Стрелка вверх', 'Банкомат', 'Банк', 'Здание с деревом', 'Бургер', 'Календарь 2', 'Скруглённый календарь', 'Календарь', 'Календарь с галочкой', 'Машина2', 'Кред. карта', 'Кред. карта под наклоном', 'Кред. карта с галочкой', 'Карта с драгоценностями', 'Машина', 'Деньги внутри кошелька', 'Кинотеатр', 'Часы', 'Крестик', 'Кресло', 'Кредитные карты', 'Скидка', 'Скачать документ', 'Документ', 'Документ (одноцветный)', 'Документы', 'Документы-2', 'Документ с текстом', 'Доллар', 'Зелёная \'галочка\' в круге', 'Зелёная \'галочка\'', 'Земля', 'Пустой кошелёк с возвратом', 'Пустой кошелёк', 'Евро', 'FullScreenIcon', 'Геолокация', 'Зеркало', 'Глобус', 'Gps', 'Сетка (белая)', 'Диаграмма роста', 'Скидка', 'JCB', 'Logo', 'Лупа', 'Маркер карты', 'Маркер карты РСХБ', 'MasterCard', 'Лого Метро', 'Минус', 'МИР', 'Деньги', 'Денежное страхование', 'Купюры', 'Монитор и мобильный', 'Новый документ', 'Офис', 'Лого «Одноклассники»', 'Пачка бумаги А4', 'Бизнес', 'Проценты (круг.)', 'Проценты', 'Персональная карта', 'Лого «PlayMarket»', 'Плюс', 'Щит', 'Профиль, 2 персоны', 'Профиль', 'Тыква', 'Рубль (круг.)', 'Сейф', 'Безопасность', 'Подписанные документы', 'Маленькие часы', 'Звук', 'Ящик с замочной скважиной', 'Лого «Telegram»', 'UnionPay', 'UserGeoLocationIcon', 'Пользователь в рамке', 'Пользователь', 'Visa', 'Лого «VK»', 'Пополнение карты', 'Кошелёк с плюсом', 'Кошелёк', 'Кошелёк с деньгами', 'Добавить продукт'
  * ]
  */
-export type IconName =
-  | ''
-  | 'ActualBalanceIcon'
-  | 'AirPlaneIcon'
-  | 'AppleIcon'
-  | 'ArrowDownIcon'
-  | 'ArrowLeftIcon'
-  | 'ArrowUpIcon'
-  | 'AtmIcon'
-  | 'BankIcon'
-  | 'BuildingIcon'
-  | 'BurgerIcon'
-  | 'Calendar2Icon'
-  | 'CalendarCircleIcon'
-  | 'CalendarIcon'
-  | 'CalendarTickIcon'
-  | 'Car2Icon'
-  | 'CardIcon'
-  | 'CardPosIcon'
-  | 'CardTickIcon'
-  | 'CardWithGemIcon'
-  | 'CarIcon'
-  | 'ChartSquareIcon'
-  | 'CinemaIcon'
-  | 'ClockIcon'
-  | 'CloseIcon'
-  | 'ComfortableCompIcon'
-  | 'CreditCardsIcon'
-  | 'DiscountShapeIcon'
-  | 'DocDownloadIcon'
-  | 'DocIcon'
-  | 'DocIconMonoColor'
-  | 'DocsIcon'
-  | 'DocumentText2Icon'
-  | 'DocumentTextIcon'
-  | 'DollarIcon'
-  | 'DoneIcon'
-  | 'DoneSimpleIcon'
-  | 'EarthIcon'
-  | 'EmptyWalletChangeIcon'
-  | 'EmptyWalletIcon'
-  | 'EuroIcon'
-  | 'FullScreenIcon'
-  | 'GeolocationIcon'
-  | 'GlassIcon'
-  | 'GlobalIcon'
-  | 'GpsIcon'
-  | 'GridIcon'
-  | 'InterestGrowthIcon'
-  | 'InterestIcon'
-  | 'JCBIcon'
-  | 'LogoIcon'
-  | 'LoupeIcon'
-  | 'MapMarkerClusterIcon'
-  | 'MapMarkerSingleIcon'
-  | 'MasterCardIcon'
-  | 'MetroIcon'
-  | 'MinusIcon'
-  | 'MirIcon'
-  | 'MoneyIcon'
-  | 'MoneyInsuranceIcon'
-  | 'MoneysIcon'
-  | 'MonitorMobileIcon'
-  | 'NewDocIcon'
-  | 'OfficeIcon'
-  | 'OkIcon'
-  | 'PackA4Icon'
-  | 'PassSendIcon'
-  | 'PercentageRoundIcon'
-  | 'PercentageSquareIcon'
-  | 'PersonalCardIcon'
-  | 'PlayMarketIcon'
-  | 'PlusIcon'
-  | 'PowerIcon'
-  | 'Profile2UserIcon'
-  | 'ProfileIcon'
-  | 'PumpkinIcon'
-  | 'RoundRubleIcon'
-  | 'SafeIcon'
-  | 'ShieldTickIcon'
-  | 'SignDocsIcon'
-  | 'SmallClockIcon'
-  | 'SoundIcon'
-  | 'StrongBoxIcon'
-  | 'TelegramIcon'
-  | 'UnionPayIcon'
-  | 'UserGeoLocationIcon'
-  | 'UserSquareIcon'
-  | 'UserTickIcon'
-  | 'VisaIcon'
-  | 'VKIcon'
-  | 'WalletAdd2Icon'
-  | 'WalletAddIcon'
-  | 'WalletIcon'
-  | 'WalletWithMoneyIcon'
-  | 'WateringCanIcon';
+export type IconName = '' | 'ActualBalanceIcon' | 'AirPlaneIcon' | 'AppleIcon' | 'ArrowDownIcon' | 'ArrowLeftIcon' | 'ArrowUpIcon' | 'AtmIcon' | 'BankIcon' | 'BuildingIcon' | 'BurgerIcon' | 'Calendar2Icon' | 'CalendarCircleIcon' | 'CalendarIcon' | 'CalendarTickIcon' | 'Car2Icon' | 'CardIcon' | 'CardPosIcon' | 'CardTickIcon' | 'CardWithGemIcon' | 'CarIcon' | 'ChartSquareIcon' | 'CinemaIcon' | 'ClockIcon' | 'CloseIcon' | 'ComfortableCompIcon' | 'CreditCardsIcon' | 'DiscountShapeIcon' | 'DocDownloadIcon' | 'DocIcon' | 'DocIconMonoColor' | 'DocsIcon' | 'DocumentText2Icon' | 'DocumentTextIcon' | 'DollarIcon' | 'DoneIcon' | 'DoneSimpleIcon' | 'EarthIcon' | 'EmptyWalletChangeIcon' | 'EmptyWalletIcon' | 'EuroIcon' | 'FullScreenIcon' | 'GeolocationIcon' | 'GlassIcon' | 'GlobalIcon' | 'GpsIcon' | 'GridIcon' | 'InterestGrowthIcon' | 'InterestIcon' | 'JCBIcon' | 'LogoIcon' | 'LoupeIcon' | 'MapMarkerClusterIcon' | 'MapMarkerSingleIcon' | 'MasterCardIcon' | 'MetroIcon' | 'MinusIcon' | 'MirIcon' | 'MoneyIcon' | 'MoneyInsuranceIcon' | 'MoneysIcon' | 'MonitorMobileIcon' | 'NewDocIcon' | 'OfficeIcon' | 'OkIcon' | 'PackA4Icon' | 'PassSendIcon' | 'PercentageRoundIcon' | 'PercentageSquareIcon' | 'PersonalCardIcon' | 'PlayMarketIcon' | 'PlusIcon' | 'PowerIcon' | 'Profile2UserIcon' | 'ProfileIcon' | 'PumpkinIcon' | 'RoundRubleIcon' | 'SafeIcon' | 'ShieldTickIcon' | 'SignDocsIcon' | 'SmallClockIcon' | 'SoundIcon' | 'StrongBoxIcon' | 'TelegramIcon' | 'UnionPayIcon' | 'UserGeoLocationIcon' | 'UserSquareIcon' | 'UserTickIcon' | 'VisaIcon' | 'VKIcon' | 'WalletAdd2Icon' | 'WalletAddIcon' | 'WalletIcon' | 'WalletWithMoneyIcon' | 'WateringCanIcon';

package/src/index.ts

@@ -4,7 +4,10 @@ export { DaDataAPI } from './api/DaDataAPI';
 export { LikeAPI } from './api/LikeAPI';
 export { Blocks } from './components/Blocks';
 export { ContentPage } from './components/ContentPage/ContentPage';
+export { handlerDecorator } from './hooks/handlerDecorator';
+export { useRouter } from './hooks/useRouter';
 export { projectSettings } from './ProjectSettings';
 export { joinList } from './utils/joinList';
 export * as url from './utils/url';
+
 export const packageVersion = globalThis.process?.env?.UNI_BLOCKS_VERSION;

package/src/model/BlockVersion.ts

@@ -14,3 +14,9 @@ export const VersionStyleMap: Record<BlockVersion, string> = {
   primary: 'bg-white text-primary-text',
   secondary: 'bg-primary-main text-white',
 };
+
+export const VersionWithTransparentStyleMap: Record<BlockVersionWithTransparent, string> = {
+  transparent: '',
+  primary: 'bg-white text-primary-text',
+  secondary: 'bg-primary-main text-white',
+};

package/src/model/BlocksRegistry.ts

@@ -1,3 +1,3 @@
 import type { JSXBlock } from './JSXBlock';
 
-export type BlocksRegistry = Record<string, JSXBlock<any>>;
+export type BlocksRegistry = Record<string, JSXBlock>;

package/src/model/JSXBlock.ts

@@ -1,25 +1,21 @@
 import type { UNIComponent } from '@redneckz/uni-jsx';
-import type { ContentPageContext } from '../components/ContentPage/ContentPageContext';
 import type { BlockAncestors, SlotName } from './BlockDecorator';
-import type { ContentPageDef } from './ContentPageDef';
+import type { BlockDef, ContentPageDef } from './ContentPageDef';
 import type { VNode } from './VNode';
 
 export interface UniBlockProps {
   className?: string;
-  context: ContentPageContext;
   page?: ContentPageDef;
+  block?: BlockDef;
   ancestors?: BlockAncestors;
-  labels?: string[];
-  anchor?: string;
   slots?: Record<string, VNode>;
 }
 
-export type JSXBlock<BlockProps = Record<string, any>> = UNIComponent<
-  BlockProps & UniBlockProps,
+export type JSXBlock<BlockProps extends UniBlockProps = UniBlockProps> = UNIComponent<
+  BlockProps,
   any,
   VNode | VNode[]
 > & {
-  childrenTypes?: string[];
+  childrenTypes?: string[] | { include?: string[]; exclude?: string[] };
   slots?: (props: BlockProps) => SlotName[];
-  renderChild?: (child: VNode, i: number) => VNode;
 };