@redneckz/wildless-cms-uni-blocks 0.8.7 → 0.8.9

package/mobile/lib/ui-kit/BenefitItem/BenefitItemProps.d.ts

@@ -1,8 +1,9 @@
 import type { BlockVersion } from '../../model/BlockVersion';
+import type { DefaultListItemType } from '../../model/DefaultListItemType';
 import type { DescriptionProps, LabelProps } from '../../model/HeadlineType';
 import type { IconVersion } from '../../model/IconVersion';
 import type { IconProps } from '../../model/Picture';
-import { RichTextProps } from '../RichText/RichTextProps';
+import type { RichTextItem } from '../../model/RichTextItem';
 export interface BenefitItemCommonProps {
     /** @hidden */
     benefitsVersion?: IconVersion;
@@ -15,24 +16,14 @@ export declare type BenefitItemProps = DescriptionProps & LabelProps & IconProps
 /**
  * @title Стандартный бенефит
  */
-declare type DefaultBenefit = BenefitItemProps & {
-    /** @default default */
-    type: 'default';
-};
-/**
- * @title Форматированный текст
- */
-declare type RichText = RichTextProps & {
-    /** @default rte */
-    type: 'rte';
-};
+declare type DefaultBenefit = BenefitItemProps & DefaultListItemType;
 /**
  * @title Преимущество
  * @default{
  *  "type": "default"
  * }
  */
-export declare type ComplexBenefitProps = DefaultBenefit | RichText;
+export declare type ComplexBenefitProps = DefaultBenefit | RichTextItem;
 /**
  * @title Преимущество
  */

package/mobile/lib/ui-kit/BlockWrapper.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
 import { useEffect, useState } from '@redneckz/uni-jsx/lib/hooks';
-import { EventBus } from '../EventBus/EventBus.js';
+import { defaultEventBus } from '../EventBus/defaultEventBus.js';
 import { useBlockIntersectionObserver } from '../services/BlockRouter/useBlockIntersectionObserver.js';
 import { style } from '../utils/style.js';
 export const blockStyles = {
@@ -15,7 +15,7 @@ export const BlockWrapper = JSX(({ className = '', version = 'primary', block, t
     const Tag = tag;
     const ref = useBlockIntersectionObserver(block);
     const [isVisible, setVisible] = useState(true);
-    useEffect(() => EventBus.inst.subscribe('tab', (event) => {
+    useEffect(() => defaultEventBus.subscribe('tab', (event) => {
         if (event.type === 'group') {
             const hasSettings = block?.labels?.length || block?.anchor;
             setVisible(event.label ? !hasSettings || Boolean(block?.labels?.includes(event.label)) : true);

package/mobile/lib/ui-kit/BlockWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"BlockWrapper.js","sourceRoot":"","sources":["../../src/ui-kit/BlockWrapper.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAGhD,OAAO,EAAE,4BAA4B,EAAE,MAAM,sDAAsD,CAAC;AACpG,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAOvC,MAAM,CAAC,MAAM,WAAW,GAAiC;IACvD,OAAO,EAAE,4BAA4B;IACrC,SAAS,EAAE,4BAA4B;IACvC,IAAI,EAAE,mCAAmC;IACzC,WAAW,EAAE,kCAAkC;IAC/C,EAAE,EAAE,EAAE;CACP,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAC7B,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,OAAO,GAAG,SAAS,EAAE,KAAK,EAAE,GAAG,GAAG,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE;IAClF,MAAM,GAAG,GAAQ,GAAG,CAAC;IAErB,MAAM,GAAG,GAAG,4BAA4B,CAAC,KAAK,CAAC,CAAC;IAEhD,MAAM,CAAC,SAAS,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC/C,SAAS,CACP,GAAG,EAAE,CACH,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,EAAE;QACvC,IAAI,KAAK,CAAC,IAAI,KAAK,OAAO,EAAE;YAC1B,MAAM,WAAW,GAAG,KAAK,EAAE,MAAM,EAAE,MAAM,IAAI,KAAK,EAAE,MAAM,CAAC;YAC3D,UAAU,CACR,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,WAAW,IAAI,OAAO,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CACnF,CAAC;SACH;aAAM;YACL,UAAU,CAAC,IAAI,CAAC,CAAC;SAClB;IACH,CAAC,CAAC,EACJ,CAAC,KAAK,CAAC,CACR,CAAC;IAEF,OAAO,SAAS,CAAC,CAAC,CAAC,CACjB,KAAC,GAAG,IACF,SAAS,EAAE,KAAK,CAAC,OAAO,EAAE,WAAW,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC,KACtD,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,KACxC,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,KAAK,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EACpD,IAAI,EAAE,IAAI,YAET,QAAQ,GACL,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CACF,CAAC"}
+{"version":3,"file":"BlockWrapper.js","sourceRoot":"","sources":["../../src/ui-kit/BlockWrapper.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAG9D,OAAO,EAAE,4BAA4B,EAAE,MAAM,sDAAsD,CAAC;AACpG,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAOvC,MAAM,CAAC,MAAM,WAAW,GAAiC;IACvD,OAAO,EAAE,4BAA4B;IACrC,SAAS,EAAE,4BAA4B;IACvC,IAAI,EAAE,mCAAmC;IACzC,WAAW,EAAE,kCAAkC;IAC/C,EAAE,EAAE,EAAE;CACP,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAC7B,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,OAAO,GAAG,SAAS,EAAE,KAAK,EAAE,GAAG,GAAG,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE;IAClF,MAAM,GAAG,GAAQ,GAAG,CAAC;IAErB,MAAM,GAAG,GAAG,4BAA4B,CAAC,KAAK,CAAC,CAAC;IAEhD,MAAM,CAAC,SAAS,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC/C,SAAS,CACP,GAAG,EAAE,CACH,eAAe,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,EAAE;QACzC,IAAI,KAAK,CAAC,IAAI,KAAK,OAAO,EAAE;YAC1B,MAAM,WAAW,GAAG,KAAK,EAAE,MAAM,EAAE,MAAM,IAAI,KAAK,EAAE,MAAM,CAAC;YAC3D,UAAU,CACR,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,WAAW,IAAI,OAAO,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CACnF,CAAC;SACH;aAAM;YACL,UAAU,CAAC,IAAI,CAAC,CAAC;SAClB;IACH,CAAC,CAAC,EACJ,CAAC,KAAK,CAAC,CACR,CAAC;IAEF,OAAO,SAAS,CAAC,CAAC,CAAC,CACjB,KAAC,GAAG,IACF,SAAS,EAAE,KAAK,CAAC,OAAO,EAAE,WAAW,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC,KACtD,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,KACxC,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,KAAK,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EACpD,IAAI,EAAE,IAAI,YAET,QAAQ,GACL,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CACF,CAAC"}

package/mobile/src/EventBus/EventBus.ts

@@ -1,10 +1,4 @@
-import type { EventMap } from './EventMap';
-
-export type BaseEventMap = Record<string, any>;
-
-export class EventBus<EM extends BaseEventMap> {
-  public static readonly inst = new EventBus<EventMap>();
-
+export class EventBus<EM extends Record<string, any>> {
   private subscribers: Partial<Record<keyof EM, Array<(ev: EM[keyof EM]) => void>>> = {};
   private subjectsStateMap: Partial<EM> = {};
 

package/mobile/src/EventBus/defaultEventBus.ts

@@ -0,0 +1,8 @@
+import type { TabActivationEvent } from '../components/Tabs/Tabs';
+import { EventBus } from './EventBus';
+
+interface GlobalEventMap {
+  tab: TabActivationEvent;
+}
+
+export const defaultEventBus = new EventBus<GlobalEventMap>();

package/mobile/src/components/ButtonBlock/ButtonBlock.example.json

@@ -1,8 +1,8 @@
 {
   "content": {
     "button": {
-      "href": "/credit-cards",
-      "text": "Подробнее",
+      "href": "#",
+      "text": "Кнопка",
       "target": "_blank",
       "version": "primary"
     }

package/mobile/src/components/ButtonBlock/ButtonBlock.tsx

@@ -2,10 +2,13 @@ import { JSX } from '@redneckz/uni-jsx';
 import type { UniBlockProps } from '../../model/JSXBlock';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { renderButtonsSection } from '../../ui-kit/Button/renderButtonsSection';
+import { style } from '../../utils/style';
 import type { ButtonBlockContent } from './ButtonBlockContent';
 
 interface ButtonBlockProps extends ButtonBlockContent, UniBlockProps {}
 
-export const ButtonBlock = JSX<ButtonBlockProps>(({ button, ...rest }) => (
-  <BlockWrapper {...rest}>{renderButtonsSection([button])}</BlockWrapper>
+export const ButtonBlock = JSX<ButtonBlockProps>(({ button, className, ...rest }) => (
+  <BlockWrapper className={style('!bg-transparent', className)} {...rest}>
+    {renderButtonsSection([button])}
+  </BlockWrapper>
 ));

package/mobile/src/components/ButtonBlock/ButtonBlockContent.ts

@@ -4,6 +4,10 @@ import type { ButtonWithIconProps } from '../../ui-kit/Button/ButtonProps';
  * @title Блок Кнопка
  */
 export interface ButtonBlockContent {
-  /** @title Кнопка */
+  /**
+   * @title Кнопка
+   * @default {"icon": {"format": "webp", "size": { "width": 24, "height": 24 }},
+   * "iconRight": {"format": "webp", "size": { "width": 24, "height": 24 }}}
+   */
   button?: ButtonWithIconProps;
 }

package/mobile/src/components/ProductTile/ProductTile.tsx

@@ -62,8 +62,7 @@ function renderBenefits(benefits: Benefit[], image?: Picture) {
 
   return (
     <div
-      className={`z-10 grid grid-cols-[max-content_1fr] auto-rows-auto gap-x-6 gap-y-2.5 items-baseline
-        ${benefitsWidth}`}
+      className={`z-10 grid grid-cols-[max-content_1fr] auto-rows-auto gap-x-6 gap-y-2.5 items-baseline ${benefitsWidth}`}
     >
       {benefits.length ? benefits.map(renderBenefit) : null}
     </div>

package/mobile/src/components/ProductTile/ProductTileContent.ts

@@ -1,25 +1,14 @@
 import type { BlockVersion } from '../../model/BlockVersion';
+import type { DefaultListItemType } from '../../model/DefaultListItemType';
 import type { DescriptionProps, HeadlineProps, LabelProps } from '../../model/HeadlineType';
 import type { Picture } from '../../model/Picture';
+import type { RichTextItem } from '../../model/RichTextItem';
 import type { ButtonContent } from '../../ui-kit/Button/ButtonProps';
-import type { RichTextProps } from '../../ui-kit/RichText/RichTextProps';
 
 /**
  * @title Стандартный
  */
-type TextBenefit = DescriptionProps &
-  LabelProps & {
-    /** @default default */
-    type: 'default';
-  };
-
-/**
- * @title Форматированный текст
- */
-type RichText = RichTextProps & {
-  /** @default rte */
-  type: 'rte';
-};
+type TextBenefit = DescriptionProps & LabelProps & DefaultListItemType;
 
 /**
  * @title Преимущество
@@ -27,7 +16,7 @@ type RichText = RichTextProps & {
  *  "type": "default"
  * }
  */
-export type Benefit = TextBenefit | RichText;
+export type Benefit = TextBenefit | RichTextItem;
 
 /**
  * @title Продуктовая плитка

package/mobile/src/components/StepsBlock/StepsBlockContent.ts

@@ -4,22 +4,22 @@ import type { IconProps } from '../../model/Picture';
 import type { SizeVersion } from '../../model/SizeVersion';
 import type { ButtonWithIconProps } from '../../ui-kit/Button/ButtonProps';
 
+type StepCommonProps = IconProps & {
+  /** @title Кнопка */
+  button?: ButtonWithIconProps;
+  /**
+   * @title Буллиты
+   * @default true
+   */
+  isDotted?: boolean;
+  /** @title Список */
+  items?: string[];
+};
+
 /**
  * @title Шаг
  */
-export type Step = DescriptionProps &
-  LabelProps &
-  IconProps & {
-    /** @title Кнопка */
-    button?: ButtonWithIconProps;
-    /**
-     * @title Буллиты
-     * @default true
-     */
-    isDotted?: boolean;
-    /** @title Список */
-    items?: string[];
-  };
+export type Step = DescriptionProps & LabelProps & StepCommonProps;
 
 /**
  * @title Блок шаги

package/mobile/src/components/Tabs/Tabs.tsx

@@ -1,6 +1,6 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useCallback, useEffect, useState } from '@redneckz/uni-jsx/lib/hooks';
-import { EventBus } from '../../EventBus/EventBus';
+import { defaultEventBus } from '../../EventBus/defaultEventBus';
 import type { UniBlockProps } from '../../model/JSXBlock';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { renderTab } from './renderTab';
@@ -21,7 +21,7 @@ export const Tabs = JSX<TabsBlockProps>((props) => {
 
   useEffect(
     () =>
-      EventBus.inst.subscribe('tab', (event) => {
+      defaultEventBus.subscribe('tab', (event) => {
         const tab = tabs?.find(checkTab(event));
         if (event.type === 'link' && tab) {
           setCurrentTab(tab);
@@ -35,14 +35,14 @@ export const Tabs = JSX<TabsBlockProps>((props) => {
   useEffect(
     () =>
       currentTab?.type === 'group'
-        ? EventBus.inst.subject('tab', { type: currentTab.type, label: currentTab.ref })
+        ? defaultEventBus.subject('tab', { type: currentTab.type, label: currentTab.ref })
         : undefined,
     [currentTab],
   );
 
   const handleClick = useCallback((selectedTab: TabData) => {
     if (selectedTab?.type === 'group') {
-      EventBus.inst.fire('tab', { type: selectedTab.type, label: selectedTab.ref });
+      defaultEventBus.fire('tab', { type: selectedTab.type, label: selectedTab.ref });
     }
     setCurrentTab(selectedTab);
   }, []);

package/mobile/src/components/TextBlock/TextBlock.ui.json

@@ -1 +1,7 @@
-{}
+{
+  "content": {
+    "__html": {
+      "ui:widget": "html"
+    }
+  }
+}

package/mobile/src/components/TextBlock/TextBlockContent.ts

@@ -1,5 +1,6 @@
-import type { Picture } from '../../model/Picture';
 import type { HeadlineCommonProps } from '../../model/HeadlineType';
+import type { Picture } from '../../model/Picture';
+import type { RichTextProps } from '../../ui-kit/RichText/RichTextProps';
 
 /**
  * @title Цвет блока
@@ -16,12 +17,13 @@ export type TextBlockIconVersion = 'none' | 'small' | 'big';
 /**
  * @title Текстовый блок
  */
-export type TextBlockContent = HeadlineCommonProps & {
-  iconVersion?: TextBlockIconVersion;
-  image?: Picture;
-  blockVersion?: TextBlockVersion;
-  /** @title Буллиты */ // TODO: mobile prop
-  isDotted?: boolean;
-  /** @title Список (моб.) */ // TODO: mobile prop
-  items?: string[];
-};
+export type TextBlockContent = HeadlineCommonProps &
+  RichTextProps & {
+    iconVersion?: TextBlockIconVersion;
+    image?: Picture;
+    blockVersion?: TextBlockVersion;
+    /** @title Буллиты */ // TODO: mobile prop
+    isDotted?: boolean;
+    /** @title Список (моб.) */ // TODO: mobile prop
+    items?: string[];
+  };

package/mobile/src/hooks/useLink.ts

@@ -1,6 +1,6 @@
 import type { LinkProps } from '../model/LinkProps';
 import { projectSettings } from '../ProjectSettings';
-import { useBlockRouter } from '../services/BlockRouter/useBlockRouter';
+import { gotoBlock } from '../services/BlockRouter/BlockRouter';
 import { isHash, isLocalURL, joinPath } from '../utils/url';
 import { handlerDecorator } from './handlerDecorator';
 import { useRouter } from './useRouter';
@@ -15,7 +15,6 @@ interface Clickable {
 
 export function useLink(isRemote?: boolean) {
   const router = useRouter();
-  const blockRouter = useBlockRouter();
 
   return <L extends Partial<LinkProps & Clickable>>(props: L): L & Clickable => ({
     ...props,
@@ -44,7 +43,7 @@ export function useLink(isRemote?: boolean) {
       // Client routing
       ev?.preventDefault();
       if (isHash(href)) {
-        blockRouter.goto(href);
+        gotoBlock(router, href);
       } else if (href) {
         router.push(href);
       }

package/mobile/src/hooks/useRouter.ts

@@ -1,10 +1,14 @@
+interface RouterOptions {
+  scroll?: boolean;
+}
+
 export interface Router {
   pathname: string;
   query: Record<string, string | string[] | undefined>;
   href?: string;
   basePath?: string;
-  push: (url: string) => void;
-  replace: (url: string) => void;
+  push: (url: string, as?: string, options?: RouterOptions) => void;
+  replace: (url: string, as?: string, options?: RouterOptions) => void;
 }
 
 export function useRouter(): Router {

package/mobile/src/model/DefaultListItemType.ts

@@ -0,0 +1,4 @@
+export interface DefaultListItemType {
+  /** @default default */
+  type: 'default';
+}

package/mobile/src/model/RichTextItem.ts

@@ -0,0 +1,9 @@
+import type { RichTextProps } from '../ui-kit/RichText/RichTextProps';
+
+/**
+ * @title Форматированный текст
+ */
+export interface RichTextItem extends RichTextProps {
+  /** @default rte */
+  type: 'rte';
+}

package/mobile/src/services/BlockRouter/BlockRouter.ts

@@ -1,53 +1,14 @@
-import { EventBus } from '../../EventBus/EventBus';
+import type { Router } from '../../hooks/useRouter';
 import type { BlockDef } from '../../model/ContentPageDef';
 
-export interface GotoAnchorEvent {
-  anchor: string;
-}
-
-export interface BlockIntersectionEvent {
-  block: BlockDef;
-  intersection: IntersectionObserverEntry;
-}
+const normalizeAnchor = (anchor?: string) => anchor?.replace('#', '') || '';
 
-interface EventMap {
-  goto: GotoAnchorEvent;
-  intersection: BlockIntersectionEvent;
+export function gotoBlock(router: Router, anchor?: string) {
+  router.replace(`#${normalizeAnchor(anchor)}`);
 }
 
-const normalizeAnchor = (rawAnchor?: string) => rawAnchor?.replace('#', '') || '';
-const getURLWithAnchor = (rawAnchor?: string) =>
-  `${globalThis.location?.pathname}#${normalizeAnchor(rawAnchor)}`;
-
-export class BlockRouter {
-  public static readonly inst = new BlockRouter();
-
-  readonly eventBus = new EventBus<EventMap>();
-
-  constructor() {
-    const anchor = normalizeAnchor(globalThis.location?.hash);
-    if (anchor) {
-      this.eventBus.subject('goto', { anchor });
-    }
-  }
-
-  goto(rawAnchor?: string) {
-    const anchor = normalizeAnchor(rawAnchor);
-    if (anchor) {
-      this.push(anchor);
-      this.eventBus.fire('goto', { anchor });
-    }
-  }
-
-  push(rawAnchor: string) {
-    globalThis.history?.pushState(null, '', getURLWithAnchor(rawAnchor));
-  }
-
-  replace(rawAnchor: string) {
-    globalThis.history?.replaceState(null, '', getURLWithAnchor(rawAnchor));
-  }
-
-  reset() {
-    globalThis.history?.replaceState(null, '', getURLWithAnchor());
-  }
+export function trackBlock(router: Router, block?: BlockDef) {
+  router.replace(`#${normalizeAnchor(block?.anchor)}`, undefined, {
+    scroll: false,
+  });
 }

package/mobile/src/services/BlockRouter/blockRouterEventBus.ts

@@ -0,0 +1,13 @@
+import { EventBus } from '../../EventBus/EventBus';
+import type { BlockDef } from '../../model/ContentPageDef';
+
+export interface BlockIntersectionEvent {
+  block: BlockDef;
+  intersection: IntersectionObserverEntry;
+}
+
+interface EventMap {
+  intersection: BlockIntersectionEvent;
+}
+
+export const blockRouterEventBus = new EventBus<EventMap>();

package/mobile/src/services/BlockRouter/useBlockIntersectionObserver.ts

@@ -1,12 +1,9 @@
-import { useCallback, useEffect } from '@redneckz/uni-jsx/lib/hooks';
+import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
 import { useIntersectionObserver } from '../../hooks/useIntersectionObserver';
 import type { BlockDef } from '../../model/ContentPageDef';
-import { BlockRouter } from './BlockRouter';
+import { blockRouterEventBus } from './blockRouterEventBus';
 
-export function useBlockIntersectionObserver(
-  block?: BlockDef,
-  router: BlockRouter = BlockRouter.inst,
-) {
+export function useBlockIntersectionObserver(block?: BlockDef) {
   const observerCallback = useCallback(
     (entries: IntersectionObserverEntry[]) => {
       if (!block || !entries?.length) {
@@ -14,24 +11,10 @@ export function useBlockIntersectionObserver(
       }
 
       const intersection = entries[entries.length - 1];
-      router.eventBus.fire('intersection', { block, intersection });
+      blockRouterEventBus.fire('intersection', { block, intersection });
     },
-    [block, router],
+    [block],
   );
 
-  const ref = useIntersectionObserver(observerCallback, { sensitivity: 1 });
-
-  useEffect(() => {
-    if (!ref.current) {
-      return undefined;
-    }
-
-    return router.eventBus.subscribe('goto', ({ anchor }) => {
-      if (ref.current && block?.anchor === anchor) {
-        ref.current.scrollIntoView({ behavior: 'smooth', block: 'start' });
-      }
-    });
-  }, [block, router]);
-
-  return ref;
+  return useIntersectionObserver(observerCallback, { sensitivity: 1 });
 }

package/mobile/src/services/BlockRouter/useBlockRouterProvider.ts

@@ -1,41 +1,35 @@
 import { useEffect, useRef } from '@redneckz/uni-jsx/lib/hooks';
+import { useRouter } from '../../hooks/useRouter';
 import type { BlockDef } from '../../model/ContentPageDef';
 import { debounce } from '../../utils/debounce';
-import { BlockRouter } from './BlockRouter';
+import { trackBlock } from './BlockRouter';
+import { blockRouterEventBus } from './blockRouterEventBus';
 import { findActiveBlock } from './findActiveBlock';
 
 const isScrolledEnough = () => globalThis.scrollY > (globalThis.innerHeight * 3) / 4;
 
-export function useBlockRouterProvider(
-  router: BlockRouter = BlockRouter.inst,
-  scrollTarget: EventTarget = globalThis,
-) {
+export function useBlockRouterProvider(scrollTarget: EventTarget = globalThis) {
+  const router = useRouter();
+
   const intersectionsMapRef = useRef<Map<BlockDef, IntersectionObserverEntry>>(new Map());
 
   useEffect(
     () =>
-      router.eventBus.subscribe('intersection', ({ block, intersection }) => {
+      blockRouterEventBus.subscribe('intersection', ({ block, intersection }) => {
         if (intersectionsMapRef.current) {
           intersectionsMapRef.current.set(block, intersection);
         }
       }),
-    [router],
+    [],
   );
 
   useEffect(() => {
     const handleScroll = debounce(() => {
-      if (!isScrolledEnough()) {
-        router.reset();
-
-        return;
-      }
-
-      const activeBlock = findActiveBlock([...(intersectionsMapRef.current || [])]);
-
-      if (activeBlock?.anchor) {
-        router.replace(activeBlock.anchor);
-      } else if (!activeBlock) {
-        router.reset();
+      if (isScrolledEnough()) {
+        const activeBlock = findActiveBlock([...(intersectionsMapRef.current || [])]);
+        trackBlock(router, activeBlock);
+      } else {
+        trackBlock(router);
       }
     }, 100);
 

package/mobile/src/ui-kit/BenefitItem/BenefitItemProps.ts

@@ -1,8 +1,9 @@
 import type { BlockVersion } from '../../model/BlockVersion';
+import type { DefaultListItemType } from '../../model/DefaultListItemType';
 import type { DescriptionProps, LabelProps } from '../../model/HeadlineType';
 import type { IconVersion } from '../../model/IconVersion';
 import type { IconProps } from '../../model/Picture';
-import { RichTextProps } from '../RichText/RichTextProps';
+import type { RichTextItem } from '../../model/RichTextItem';
 
 export interface BenefitItemCommonProps {
   /** @hidden */
@@ -18,18 +19,7 @@ export type BenefitItemProps = DescriptionProps & LabelProps & IconProps;
 /**
  * @title Стандартный бенефит
  */
-type DefaultBenefit = BenefitItemProps & {
-  /** @default default */
-  type: 'default';
-};
-
-/**
- * @title Форматированный текст
- */
-type RichText = RichTextProps & {
-  /** @default rte */
-  type: 'rte';
-};
+type DefaultBenefit = BenefitItemProps & DefaultListItemType;
 
 /**
  * @title Преимущество
@@ -37,7 +27,7 @@ type RichText = RichTextProps & {
  *  "type": "default"
  * }
  */
-export type ComplexBenefitProps = DefaultBenefit | RichText;
+export type ComplexBenefitProps = DefaultBenefit | RichTextItem;
 
 /**
  * @title Преимущество

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

@@ -1,6 +1,6 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useEffect, useState } from '@redneckz/uni-jsx/lib/hooks';
-import { EventBus } from '../EventBus/EventBus';
+import { defaultEventBus } from '../EventBus/defaultEventBus';
 import type { BlockVersion } from '../model/BlockVersion';
 import type { UniBlockProps } from '../model/JSXBlock';
 import { useBlockIntersectionObserver } from '../services/BlockRouter/useBlockIntersectionObserver';
@@ -28,7 +28,7 @@ export const BlockWrapper = JSX<BlockWrapperProps>(
     const [isVisible, setVisible] = useState(true);
     useEffect(
       () =>
-        EventBus.inst.subscribe('tab', (event) => {
+        defaultEventBus.subscribe('tab', (event) => {
           if (event.type === 'group') {
             const hasSettings = block?.labels?.length || block?.anchor;
             setVisible(

package/package.json

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

package/src/EventBus/EventBus.ts

@@ -1,10 +1,4 @@
-import type { EventMap } from './EventMap';
-
-export type BaseEventMap = Record<string, any>;
-
-export class EventBus<EM extends BaseEventMap> {
-  public static readonly inst = new EventBus<EventMap>();
-
+export class EventBus<EM extends Record<string, any>> {
   private subscribers: Partial<Record<keyof EM, Array<(ev: EM[keyof EM]) => void>>> = {};
   private subjectsStateMap: Partial<EM> = {};
 

package/src/EventBus/defaultEventBus.ts

@@ -0,0 +1,8 @@
+import type { TabActivationEvent } from '../components/Tabs/Tabs';
+import { EventBus } from './EventBus';
+
+interface GlobalEventMap {
+  tab: TabActivationEvent;
+}
+
+export const defaultEventBus = new EventBus<GlobalEventMap>();

package/src/components/ButtonBlock/ButtonBlock.example.json

@@ -1,8 +1,8 @@
 {
   "content": {
     "button": {
-      "href": "/credit-cards",
-      "text": "Подробнее",
+      "href": "#",
+      "text": "Кнопка",
       "target": "_blank",
       "version": "primary"
     }

package/src/components/ButtonBlock/ButtonBlock.tsx

@@ -2,10 +2,13 @@ import { JSX } from '@redneckz/uni-jsx';
 import type { UniBlockProps } from '../../model/JSXBlock';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { renderButtonsSection } from '../../ui-kit/Button/renderButtonsSection';
+import { style } from '../../utils/style';
 import type { ButtonBlockContent } from './ButtonBlockContent';
 
 interface ButtonBlockProps extends ButtonBlockContent, UniBlockProps {}
 
-export const ButtonBlock = JSX<ButtonBlockProps>(({ button, ...rest }) => (
-  <BlockWrapper {...rest}>{renderButtonsSection([button])}</BlockWrapper>
+export const ButtonBlock = JSX<ButtonBlockProps>(({ button, className, ...rest }) => (
+  <BlockWrapper className={style('!bg-transparent', className)} {...rest}>
+    {renderButtonsSection([button])}
+  </BlockWrapper>
 ));