@redneckz/wildless-cms-uni-blocks 0.3.89 → 0.3.90

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

@@ -2,10 +2,18 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.BlockWrapper = void 0;
 const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
 const uni_jsx_1 = require("@redneckz/uni-jsx");
+const EventBus_1 = require("../EventBus/EventBus");
 const changeHashOnObserve_1 = require("../utils/changeHashOnObserve");
-exports.BlockWrapper = (0, uni_jsx_1.JSX)(({ anchor, className, context, children, tag = 'section' }) => {
-    const { IntersectionObserverTag } = context;
+exports.BlockWrapper = (0, uni_jsx_1.JSX)(({ anchor, className, context, children, tag = 'section', labels }) => {
     const Tag = tag;
+    const { IntersectionObserverTag } = context;
+    const [shouldRenderBlock, setShouldRenderBlock] = context.useState(true);
+    context.useEffect(() => EventBus_1.EventBus.inst.subscribe('tab', (event) => {
+        setShouldRenderBlock(!labels?.length || !event.label || labels.includes(event.label));
+    }), [labels]);
+    if (!shouldRenderBlock) {
+        return null;
+    }
     return anchor ? ((0, jsx_runtime_1.jsx)(IntersectionObserverTag, { tag: tag, className: className, observerCallback: changeHashOnObserve_1.changeHashOnObserve, observerOptions: { threshold: 1 }, anchor: anchor, children: children })) : ((0, jsx_runtime_1.jsx)(Tag, { className: className, children: children }));
 });
 //# sourceMappingURL=BlockWrapper.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BlockWrapper.js","sourceRoot":"","sources":["../../src/ui-kit/BlockWrapper.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAExC,sEAAmE;AAStD,QAAA,YAAY,GAAG,IAAA,aAAG,EAC7B,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,GAAG,SAAS,EAAE,EAAE,EAAE;IAC5D,MAAM,EAAE,uBAAuB,EAAE,GAAG,OAAO,CAAC;IAE5C,MAAM,GAAG,GAAQ,GAAG,CAAC;IAErB,OAAO,MAAM,CAAC,CAAC,CAAC,CACd,uBAAC,uBAAuB,IACtB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,EACpB,gBAAgB,EAAE,yCAAmB,EACrC,eAAe,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,EACjC,MAAM,EAAE,MAAM,YAEb,QAAQ,GACe,CAC3B,CAAC,CAAC,CAAC,CACF,uBAAC,GAAG,IAAC,SAAS,EAAE,SAAS,YAAG,QAAQ,GAAO,CAC5C,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"BlockWrapper.js","sourceRoot":"","sources":["../../src/ui-kit/BlockWrapper.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAExC,mDAAgD;AAEhD,sEAAmE;AAStD,QAAA,YAAY,GAAG,IAAA,aAAG,EAC7B,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,GAAG,SAAS,EAAE,MAAM,EAAE,EAAE,EAAE;IACpE,MAAM,GAAG,GAAQ,GAAG,CAAC;IAErB,MAAM,EAAE,uBAAuB,EAAE,GAAG,OAAO,CAAC;IAC5C,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IAEzE,OAAO,CAAC,SAAS,CACf,GAAG,EAAE,CACH,mBAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,EAAE;QACvC,oBAAoB,CAAC,CAAC,MAAM,EAAE,MAAM,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;IACxF,CAAC,CAAC,EACJ,CAAC,MAAM,CAAC,CACT,CAAC;IAEF,IAAI,CAAC,iBAAiB,EAAE;QACtB,OAAO,IAAI,CAAC;KACb;IAED,OAAO,MAAM,CAAC,CAAC,CAAC,CACd,uBAAC,uBAAuB,IACtB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,EACpB,gBAAgB,EAAE,yCAAmB,EACrC,eAAe,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,EACjC,MAAM,EAAE,MAAM,YAEb,QAAQ,GACe,CAC3B,CAAC,CAAC,CAAC,CACF,uBAAC,GAAG,IAAC,SAAS,EAAE,SAAS,YAAG,QAAQ,GAAO,CAC5C,CAAC;AACJ,CAAC,CACF,CAAC"}

package/mobile/lib/EventBus/EventBus.d.ts

@@ -0,0 +1,10 @@
+import type { EventMap } from './EventMap';
+export declare class EventBus {
+    static readonly inst: EventBus;
+    private subscribers;
+    private subjectsStateMap;
+    subscribe<T extends keyof EventMap>(type: T, listener: (event: EventMap[T]) => void): () => void;
+    private unsubscribe;
+    fire<T extends keyof EventMap>(type: T, event: EventMap[T]): void;
+    subject<T extends keyof EventMap>(type: T, event: EventMap[T]): void;
+}

package/mobile/lib/EventBus/EventBus.js

@@ -0,0 +1,27 @@
+export class EventBus {
+    static inst = new EventBus();
+    subscribers = {};
+    subjectsStateMap = {};
+    subscribe(type, listener) {
+        this.subscribers[type] ||= [];
+        this.subscribers[type]?.push(listener);
+        const latestEvent = this.subjectsStateMap[type];
+        if (latestEvent) {
+            listener(latestEvent);
+        }
+        return () => {
+            this.unsubscribe(type, listener);
+        };
+    }
+    unsubscribe(type, listener) {
+        this.subscribers[type] = this.subscribers[type]?.filter((s) => s !== listener);
+    }
+    fire(type, event) {
+        this.subjectsStateMap[type] = event;
+        this.subscribers[type]?.forEach((s) => s(event));
+    }
+    subject(type, event) {
+        this.subjectsStateMap[type] = event;
+    }
+}
+//# sourceMappingURL=EventBus.js.map

package/mobile/lib/EventBus/EventBus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EventBus.js","sourceRoot":"","sources":["../../src/EventBus/EventBus.ts"],"names":[],"mappings":"AAIA,MAAM,OAAO,QAAQ;IACZ,MAAM,CAAU,IAAI,GAAG,IAAI,QAAQ,EAAE,CAAC;IAErC,WAAW,GAAkD,EAAE,CAAC;IAChE,gBAAgB,GAAsB,EAAE,CAAC;IAEjD,SAAS,CAA2B,IAAO,EAAE,QAAsC;QACjF,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;QAC9B,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;QAEvC,MAAM,WAAW,GAAG,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC;QAEhD,IAAI,WAAW,EAAE;YACf,QAAQ,CAAC,WAA0B,CAAC,CAAC;SACtC;QAED,OAAO,GAAG,EAAE;YACV,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;QACnC,CAAC,CAAC;IACJ,CAAC;IAEO,WAAW,CAA2B,IAAO,EAAE,QAAsC;QAC3F,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,QAAQ,CAAC,CAAC;IACjF,CAAC;IAED,IAAI,CAA2B,IAAO,EAAE,KAAkB;QACxD,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC;QACpC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;IACnD,CAAC;IAED,OAAO,CAA2B,IAAO,EAAE,KAAkB;QAC3D,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC;IACtC,CAAC"}

package/mobile/lib/EventBus/EventMap.d.ts

@@ -0,0 +1,4 @@
+import type { TabActivationEvent } from '../components/Tabs/Tabs';
+export interface EventMap {
+    tab: TabActivationEvent;
+}

package/mobile/lib/EventBus/EventMap.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=EventMap.js.map

package/mobile/lib/EventBus/EventMap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EventMap.js","sourceRoot":"","sources":["../../src/EventBus/EventMap.ts"],"names":[],"mappings":""}

package/mobile/lib/components/ContentPage/ContentPage.d.ts

@@ -20,6 +20,7 @@ export interface ContentPageProps extends UniBlockProps {
 }
 export interface RenderBlockFunc {
     block: BlockDef;
+    page: ContentPageDef;
     blockDecorator: BlockDecorator;
     blocksRegistry: BlocksRegistry;
     context: ContentPageContext;

package/mobile/lib/components/ContentPage/ContentPage.js

@@ -7,9 +7,9 @@ const defaultBlockDecorator = ({ blockClassName, block, render }) => render({ bl
 export const ContentPage = JSX(({ className = '', context, blocksRegistry, data = {}, blockDecorator = defaultBlockDecorator, }) => {
     const { style: pageStyle, blocks, slots = {}, likeControl, colorPalette = 'pc' } = data;
     const { header } = slots;
-    return (_jsxs("section", { className: `relative ${style2className(pageStyle)} ${className}`, "data-theme": colorPalette, children: [header?.blocks?.length ? (_jsx("div", { className: `${style2className(header?.style)}`, children: header.blocks.map((block, i) => renderBlock({ block, blockDecorator, blocksRegistry, context }, i)) })) : null, blocks?.length ? (_jsx("div", { className: "container grid grid-cols-12 gap-1", children: blocks.map((block, i) => renderBlock({ block, blockDecorator, blocksRegistry, context }, i)) })) : null, likeControl ? (_jsx("div", { className: "flex items-end absolute bottom-0 right-0 h-full pointer-events-none", children: _jsx(LikeControl, { className: "rounded-tl-lg sticky bottom-0 pointer-events-auto", context: context }, "LikeControl") })) : null] }));
+    return (_jsxs("section", { className: `relative ${style2className(pageStyle)} ${className}`, "data-theme": colorPalette, children: [header?.blocks?.length ? (_jsx("div", { className: `${style2className(header?.style)}`, children: header.blocks.map((block, i) => renderBlock({ block, page: data, blockDecorator, blocksRegistry, context }, i)) })) : null, blocks?.length ? (_jsx("div", { className: "container grid grid-cols-12 gap-1", children: blocks.map((block, i) => renderBlock({ block, blockDecorator, blocksRegistry, context, page: data }, i)) })) : null, likeControl ? (_jsx("div", { className: "flex items-end absolute bottom-0 right-0 h-full pointer-events-none", children: _jsx(LikeControl, { className: "rounded-tl-lg sticky bottom-0 pointer-events-auto", context: context }, "LikeControl") })) : null] }));
 });
-function renderBlock({ block, blockDecorator, blocksRegistry, context }, i) {
+function renderBlock({ block, blockDecorator, blocksRegistry, context, page }, i) {
     const { type } = block;
     if (!(type && type in blocksRegistry)) {
         console.warn(`No block with "${type}" is registered`);
@@ -19,8 +19,8 @@ function renderBlock({ block, blockDecorator, blocksRegistry, context }, i) {
         blockClassName: `scroll-mt-12 ${style2className(block.style)}`,
         block,
         render: (props) => {
-            const { version, content, anchor } = props.block;
-            return (_jsx(BlockComponent, { className: props.blockClassName, version: version, context: context, anchor: anchor, ...content }, `${type}-${i}`));
+            const { version, content, anchor, labels } = props.block;
+            return (_jsx(BlockComponent, { className: props.blockClassName, version: version, context: context, page: page, anchor: anchor, labels: labels, ...content }, `${type}-${i}`));
         },
     }, `block-${i}`);
 }

package/mobile/lib/components/ContentPage/ContentPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContentPage.js","sourceRoot":"","sources":["../../../src/components/ContentPage/ContentPage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAqB,MAAM,mBAAmB,CAAC;AAE3D,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAE9D,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAkCzD,MAAM,qBAAqB,GAAmB,CAAC,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,CAClF,MAAM,CAAC,EAAE,cAAc,EAAE,KAAK,EAAE,CAAC,CAAC;AAEpC,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAC5B,CAAC,EACC,SAAS,GAAG,EAAE,EACd,OAAO,EACP,cAAc,EACd,IAAI,GAAG,EAAE,EACT,cAAc,GAAG,qBAAqB,GACvC,EAAE,EAAE;IACH,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,GAAG,EAAE,EAAE,WAAW,EAAE,YAAY,GAAG,IAAI,EAAE,GAAG,IAAI,CAAC;IACxF,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAEzB,OAAO,CACL,mBACE,SAAS,EAAE,YAAY,eAAe,CAAC,SAAS,CAAC,IAAI,SAAS,EAAE,gBACpD,YAAY,aAEvB,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,CACxB,cAAK,SAAS,EAAE,GAAG,eAAe,CAAC,MAAM,EAAE,KAAK,CAAC,EAAE,YAChD,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CAC9B,WAAW,CAAC,EAAE,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,OAAO,EAAE,EAAE,CAAC,CAAC,CACnE,GACG,CACP,CAAC,CAAC,CAAC,IAAI,EAEP,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,CAChB,cAAK,SAAS,EAAC,mCAAmC,YAC/C,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CACvB,WAAW,CAAC,EAAE,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,OAAO,EAAE,EAAE,CAAC,CAAC,CACnE,GACG,CACP,CAAC,CAAC,CAAC,IAAI,EAEP,WAAW,CAAC,CAAC,CAAC,CACb,cAAK,SAAS,EAAC,qEAAqE,YAClF,KAAC,WAAW,IAEV,SAAS,EAAC,mDAAmD,EAC7D,OAAO,EAAE,OAAO,IAFZ,aAAa,CAGjB,GACE,CACP,CAAC,CAAC,CAAC,IAAI,IACA,CACX,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,SAAS,WAAW,CAClB,EAAE,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,OAAO,EAAmB,EACnE,CAAS;IAET,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IACvB,IAAI,CAAC,CAAC,IAAI,IAAI,IAAI,IAAI,cAAc,CAAC,EAAE;QACrC,OAAO,CAAC,IAAI,CAAC,kBAAkB,IAAI,iBAAiB,CAAC,CAAC;KACvD;IACD,MAAM,cAAc,GAAG,cAAc,CAAC,IAAI,IAAI,aAAa,CAAC,IAAI,WAAW,CAAC;IAE5E,OAAO,cAAc,CACnB;QACE,cAAc,EAAE,gBAAgB,eAAe,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE;QAC9D,KAAK;QACL,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE;YAChB,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC;YAEjD,OAAO,CACL,KAAC,cAAc,IAEb,SAAS,EAAE,KAAK,CAAC,cAAc,EAC/B,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,KACV,OAAO,IALN,GAAG,IAAI,IAAI,CAAC,EAAE,CAMnB,CACH,CAAC;QACJ,CAAC;KACF,EACD,SAAS,CAAC,EAAE,CACb,CAAC;AACJ,CAAC"}
+{"version":3,"file":"ContentPage.js","sourceRoot":"","sources":["../../../src/components/ContentPage/ContentPage.tsx"],"names":[],"mappings":"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"}

package/mobile/lib/components/ContentPage/ContentPageContext.d.ts

@@ -40,6 +40,7 @@ export interface ContentPageContext {
     useGeolocation: GeolocationHook;
     useLikeService: () => LikeService;
     useSearch: () => Search;
+    useEffect: <Deps extends any[]>(effect: () => (() => void) | void, deps?: Deps) => void;
     handlerDecorator?: HandlerDecorator;
     IntersectionObserverTag: IntersectionObserverComponent;
 }

package/mobile/lib/components/Tabs/Tabs.d.ts

@@ -0,0 +1,8 @@
+import type { UniBlockProps } from '../../types';
+import type { TabsContent } from './TabsContent';
+export interface TabActivationEvent {
+    label?: string;
+}
+export interface TabsProps extends TabsContent, UniBlockProps {
+}
+export declare const Tabs: (props: import("@redneckz/uni-jsx").PropsWithChildren<TabsProps, any>, context?: any) => any;

package/mobile/lib/components/Tabs/Tabs.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
+import { JSX } from '@redneckz/uni-jsx';
+import { EventBus } from '../../EventBus/EventBus.js';
+import { BlockWrapper } from '../../ui-kit/BlockWrapper.js';
+import { renderTab } from './renderTab.js';
+export const Tabs = JSX((props) => {
+    const { context, className, tabs, page, showCounter } = props;
+    const [currentTab, setCurrentTab] = context.useState(tabs ? tabs[0] : undefined);
+    context.useEffect(() => EventBus.inst.subject('tab', { label: currentTab?.id }), [currentTab]);
+    const handleClick = (selectedTab) => {
+        EventBus.inst.fire('tab', { label: selectedTab.id });
+        setCurrentTab(selectedTab);
+    };
+    return (_jsx(BlockWrapper, { context: context, className: `mb-2 box-border flex gap-x-1 ${className}`, role: "tablist", children: tabs?.map(renderTab({ onClick: handleClick, currentTab, page, showCounter })) }));
+});
+//# sourceMappingURL=Tabs.js.map

package/mobile/lib/components/Tabs/Tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAEnD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AASxC,MAAM,CAAC,MAAM,IAAI,GAAG,GAAG,CAAY,CAAC,KAAK,EAAE,EAAE;IAC3C,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC;IAE9D,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IAEjF,OAAO,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAE/F,MAAM,WAAW,GAAG,CAAC,WAAgB,EAAE,EAAE;QACvC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,WAAW,CAAC,EAAE,EAAE,CAAC,CAAC;QACrD,aAAa,CAAC,WAAW,CAAC,CAAC;IAC7B,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,YAAY,IACX,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,gCAAgC,SAAS,EAAE,EACtD,IAAI,EAAC,SAAS,YAEb,IAAI,EAAE,GAAG,CAAC,SAAS,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,CAAC,GACjE,CAChB,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/mobile/lib/components/Tabs/TabsContent.d.ts

@@ -0,0 +1,18 @@
+/**
+ *  @title Таб
+ */
+export interface Tab {
+    /** @title Tег */
+    id?: string;
+    /** @title Название */
+    title?: string;
+}
+/**
+ * @title Вкладки
+ */
+export interface TabsContent {
+    /** @title Табы */
+    tabs?: Tab[];
+    /** @title Показывать счетчик блоков во вкладках */
+    showCounter?: boolean;
+}

package/mobile/lib/components/Tabs/TabsContent.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=TabsContent.js.map

package/mobile/lib/components/Tabs/TabsContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabsContent.js","sourceRoot":"","sources":["../../../src/components/Tabs/TabsContent.ts"],"names":[],"mappings":""}

package/mobile/lib/components/Tabs/renderTab.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import type { ContentPageDef } from '../../types';
+import type { Tab } from './TabsContent';
+interface RenderTabProps {
+    onClick: OnTabClick;
+    currentTab?: Tab;
+    page?: ContentPageDef;
+    showCounter?: boolean;
+}
+declare type OnTabClick = (tab: Tab) => void;
+export declare const renderTab: ({ onClick, currentTab, showCounter, page }: RenderTabProps) => (tab: Tab, i: number) => JSX.Element;
+export {};

package/mobile/lib/components/Tabs/renderTab.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
+const badgeStyle = 'min-w-[22px] w-[22px] h-[22px] rounded-full text-xs ml-2';
+export const renderTab = ({ onClick, currentTab, showCounter, page }) => (tab, i) => {
+    const isActive = currentTab === tab;
+    const tabBg = isActive ? 'bg-primary-main' : 'group bg-white';
+    const tabText = `text-m ${isActive ? 'text-white' : 'text-secondary-text group-hover:text-primary-main'}`;
+    const counterBlockStyle = `${badgeStyle}
+      ${isActive
+        ? 'bg-white/30 text-white'
+        : 'bg-main-divider text-secondary-text group-hover:text-primary-main'}`;
+    const count = tab.id
+        ? page?.blocks?.filter((block) => block?.labels?.includes(tab.id)).length
+        : page?.blocks?.length;
+    return (_jsx("div", { className: `flex h-12 w-full flex-1 cursor-pointer mr-2 last:mr-0 box-content ${tabBg}`, role: "tab", "aria-selected": isActive, onClick: () => onClick(tab), children: _jsxs("div", { className: "flex flex-1 items-center justify-center", children: [tab?.title ? _jsx("h3", { className: tabText, children: tab?.title }) : null, showCounter ? (_jsx("div", { className: `flex items-center justify-center ${counterBlockStyle}`, children: count })) : null] }) }, String(i)));
+};
+//# sourceMappingURL=renderTab.js.map

package/mobile/lib/components/Tabs/renderTab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderTab.js","sourceRoot":"","sources":["../../../src/components/Tabs/renderTab.tsx"],"names":[],"mappings":";AAYA,MAAM,UAAU,GAAG,0DAA0D,CAAC;AAE9E,MAAM,CAAC,MAAM,SAAS,GACpB,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,IAAI,EAAkB,EAAE,EAAE,CAC/D,CAAC,GAAQ,EAAE,CAAS,EAAE,EAAE;IACtB,MAAM,QAAQ,GAAG,UAAU,KAAK,GAAG,CAAC;IAEpC,MAAM,KAAK,GAAG,QAAQ,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,gBAAgB,CAAC;IAC9D,MAAM,OAAO,GAAG,UACd,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,mDAC5B,EAAE,CAAC;IACH,MAAM,iBAAiB,GAAG,GAAG,UAAU;QAEnC,QAAQ;QACN,CAAC,CAAC,wBAAwB;QAC1B,CAAC,CAAC,mEACN,EAAE,CAAC;IAEL,MAAM,KAAK,GAAG,GAAG,CAAC,EAAE;QAClB,CAAC,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,CAAC,GAAG,CAAC,EAAY,CAAC,CAAC,CAAC,MAAM;QACnF,CAAC,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,CAAC;IAEzB,OAAO,CACL,cAEE,SAAS,EAAE,qEAAqE,KAAK,EAAE,EACvF,IAAI,EAAC,KAAK,mBACK,QAAQ,EACvB,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,YAE3B,eAAK,SAAS,EAAC,yCAAyC,aACrD,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC,aAAI,SAAS,EAAE,OAAO,YAAG,GAAG,EAAE,KAAK,GAAM,CAAC,CAAC,CAAC,IAAI,EAC7D,WAAW,CAAC,CAAC,CAAC,CACb,cAAK,SAAS,EAAE,oCAAoC,iBAAiB,EAAE,YAAG,KAAK,GAAO,CACvF,CAAC,CAAC,CAAC,IAAI,IACJ,IAXD,MAAM,CAAC,CAAC,CAAC,CAYV,CACP,CAAC;AACJ,CAAC,CAAC"}

package/mobile/lib/react/setup-fixture.js

@@ -67,6 +67,7 @@ export const context = {
             setTerm: (text) => setTerm(text),
         };
     },
+    useEffect,
     IntersectionObserverTag,
 };
 export const mobileContext = {

package/mobile/lib/react/setup-fixture.js.map

@@ -1 +1 @@
-{"version":3,"file":"setup-fixture.js","sourceRoot":"","sources":["../../src/react/setup-fixture.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"setup-fixture.js","sourceRoot":"","sources":["../../src/react/setup-fixture.ts"],"names":[],"mappings":"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"}

package/mobile/lib/types.d.ts

@@ -13,6 +13,7 @@ export interface BaseBlockDef {
     version?: BlockVersion;
     hidden?: boolean;
     anchor?: string;
+    labels?: string[];
 }
 export interface BlockDef extends BaseBlockDef {
     mobile?: BaseBlockDef;
@@ -48,6 +49,8 @@ export interface ContentPageDef extends ContentPageMeta {
 export interface UniBlockProps {
     className?: string;
     context: ContentPageContext;
+    page?: ContentPageDef;
+    labels?: string[];
     anchor?: string;
 }
 export interface DaDataResult {

package/mobile/lib/ui-kit/BlockWrapper.d.ts

@@ -1,5 +1,6 @@
-import { ContentPageContext } from '../components/ContentPage/ContentPageContext';
-interface BlockWrapperProps {
+import type { ContentPageContext } from '../components/ContentPage/ContentPageContext';
+import type { UniBlockProps } from '../types';
+interface BlockWrapperProps extends UniBlockProps, Record<string, any> {
     context: ContentPageContext;
     className?: string;
     anchor?: string;

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

@@ -1,9 +1,17 @@
 import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
+import { EventBus } from '../EventBus/EventBus.js';
 import { changeHashOnObserve } from '../utils/changeHashOnObserve.js';
-export const BlockWrapper = JSX(({ anchor, className, context, children, tag = 'section' }) => {
-    const { IntersectionObserverTag } = context;
+export const BlockWrapper = JSX(({ anchor, className, context, children, tag = 'section', labels }) => {
     const Tag = tag;
+    const { IntersectionObserverTag } = context;
+    const [shouldRenderBlock, setShouldRenderBlock] = context.useState(true);
+    context.useEffect(() => EventBus.inst.subscribe('tab', (event) => {
+        setShouldRenderBlock(!labels?.length || !event.label || labels.includes(event.label));
+    }), [labels]);
+    if (!shouldRenderBlock) {
+        return null;
+    }
     return anchor ? (_jsx(IntersectionObserverTag, { tag: tag, className: className, observerCallback: changeHashOnObserve, observerOptions: { threshold: 1 }, anchor: anchor, children: children })) : (_jsx(Tag, { className: className, children: children }));
 });
 //# sourceMappingURL=BlockWrapper.js.map

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;AAExC,OAAO,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AASnE,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAC7B,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,GAAG,SAAS,EAAE,EAAE,EAAE;IAC5D,MAAM,EAAE,uBAAuB,EAAE,GAAG,OAAO,CAAC;IAE5C,MAAM,GAAG,GAAQ,GAAG,CAAC;IAErB,OAAO,MAAM,CAAC,CAAC,CAAC,CACd,KAAC,uBAAuB,IACtB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,EACpB,gBAAgB,EAAE,mBAAmB,EACrC,eAAe,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,EACjC,MAAM,EAAE,MAAM,YAEb,QAAQ,GACe,CAC3B,CAAC,CAAC,CAAC,CACF,KAAC,GAAG,IAAC,SAAS,EAAE,SAAS,YAAG,QAAQ,GAAO,CAC5C,CAAC;AACJ,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;AAExC,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEhD,OAAO,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AASnE,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAC7B,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,GAAG,SAAS,EAAE,MAAM,EAAE,EAAE,EAAE;IACpE,MAAM,GAAG,GAAQ,GAAG,CAAC;IAErB,MAAM,EAAE,uBAAuB,EAAE,GAAG,OAAO,CAAC;IAC5C,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IAEzE,OAAO,CAAC,SAAS,CACf,GAAG,EAAE,CACH,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,EAAE;QACvC,oBAAoB,CAAC,CAAC,MAAM,EAAE,MAAM,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;IACxF,CAAC,CAAC,EACJ,CAAC,MAAM,CAAC,CACT,CAAC;IAEF,IAAI,CAAC,iBAAiB,EAAE;QACtB,OAAO,IAAI,CAAC;KACb;IAED,OAAO,MAAM,CAAC,CAAC,CAAC,CACd,KAAC,uBAAuB,IACtB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,EACpB,gBAAgB,EAAE,mBAAmB,EACrC,eAAe,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,EACjC,MAAM,EAAE,MAAM,YAEb,QAAQ,GACe,CAC3B,CAAC,CAAC,CAAC,CACF,KAAC,GAAG,IAAC,SAAS,EAAE,SAAS,YAAG,QAAQ,GAAO,CAC5C,CAAC;AACJ,CAAC,CACF,CAAC"}

package/mobile/src/EventBus/EventBus.ts

@@ -0,0 +1,38 @@
+import type { EventMap } from './EventMap';
+
+type Subscriber = (ev: EventMap[keyof EventMap]) => void;
+
+export class EventBus {
+  public static readonly inst = new EventBus();
+
+  private subscribers: Partial<Record<keyof EventMap, Subscriber[]>> = {};
+  private subjectsStateMap: Partial<EventMap> = {};
+
+  subscribe<T extends keyof EventMap>(type: T, listener: (event: EventMap[T]) => void) {
+    this.subscribers[type] ||= [];
+    this.subscribers[type]?.push(listener);
+
+    const latestEvent = this.subjectsStateMap[type];
+
+    if (latestEvent) {
+      listener(latestEvent as EventMap[T]);
+    }
+
+    return () => {
+      this.unsubscribe(type, listener);
+    };
+  }
+
+  private unsubscribe<T extends keyof EventMap>(type: T, listener: (event: EventMap[T]) => void) {
+    this.subscribers[type] = this.subscribers[type]?.filter((s) => s !== listener);
+  }
+
+  fire<T extends keyof EventMap>(type: T, event: EventMap[T]) {
+    this.subjectsStateMap[type] = event;
+    this.subscribers[type]?.forEach((s) => s(event));
+  }
+
+  subject<T extends keyof EventMap>(type: T, event: EventMap[T]) {
+    this.subjectsStateMap[type] = event;
+  }
+}

package/mobile/src/EventBus/EventMap.ts

@@ -0,0 +1,5 @@
+import type { TabActivationEvent } from '../components/Tabs/Tabs';
+
+export interface EventMap {
+  tab: TabActivationEvent;
+}

package/mobile/src/components/Blocks.spec.tsx

@@ -1,6 +1,6 @@
 import { setup } from '@redneckz/uni-jsx';
 import { render } from '@testing-library/react';
-import { useState } from 'react';
+import { useEffect, useState } from 'react';
 import runtime from 'react/jsx-runtime';
 import { Blocks } from './Blocks';
 import type { ContentPageContext } from './ContentPage/ContentPageContext';
@@ -15,6 +15,7 @@ const emptyFn = () => {
 
 const context: ContentPageContext = {
   useState,
+  useEffect,
   useRouter: () => ({
     pathname: '/credits',
     query: {},

package/mobile/src/components/ContentPage/ContentPage.tsx

@@ -32,6 +32,7 @@ export interface ContentPageProps extends UniBlockProps {
 
 export interface RenderBlockFunc {
   block: BlockDef;
+  page: ContentPageDef;
   blockDecorator: BlockDecorator;
   blocksRegistry: BlocksRegistry;
   context: ContentPageContext;
@@ -59,7 +60,7 @@ export const ContentPage = JSX<ContentPageProps>(
         {header?.blocks?.length ? (
           <div className={`${style2className(header?.style)}`}>
             {header.blocks.map((block, i) =>
-              renderBlock({ block, blockDecorator, blocksRegistry, context }, i),
+              renderBlock({ block, page: data, blockDecorator, blocksRegistry, context }, i),
             )}
           </div>
         ) : null}
@@ -67,7 +68,7 @@ export const ContentPage = JSX<ContentPageProps>(
         {blocks?.length ? (
           <div className="container grid grid-cols-12 gap-1">
             {blocks.map((block, i) =>
-              renderBlock({ block, blockDecorator, blocksRegistry, context }, i),
+              renderBlock({ block, blockDecorator, blocksRegistry, context, page: data }, i),
             )}
           </div>
         ) : null}
@@ -87,7 +88,7 @@ export const ContentPage = JSX<ContentPageProps>(
 );
 
 function renderBlock(
-  { block, blockDecorator, blocksRegistry, context }: RenderBlockFunc,
+  { block, blockDecorator, blocksRegistry, context, page }: RenderBlockFunc,
   i: number,
 ) {
   const { type } = block;
@@ -101,7 +102,7 @@ function renderBlock(
       blockClassName: `scroll-mt-12 ${style2className(block.style)}`,
       block,
       render: (props) => {
-        const { version, content, anchor } = props.block;
+        const { version, content, anchor, labels } = props.block;
 
         return (
           <BlockComponent
@@ -109,7 +110,9 @@ function renderBlock(
             className={props.blockClassName}
             version={version}
             context={context}
+            page={page}
             anchor={anchor}
+            labels={labels}
             {...content}
           />
         );

package/mobile/src/components/ContentPage/ContentPageContext.tsx

@@ -53,6 +53,7 @@ export interface ContentPageContext {
   useGeolocation: GeolocationHook;
   useLikeService: () => LikeService;
   useSearch: () => Search;
+  useEffect: <Deps extends any[]>(effect: () => (() => void) | void, deps?: Deps) => void;
   handlerDecorator?: HandlerDecorator;
   IntersectionObserverTag: IntersectionObserverComponent;
 }

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

@@ -0,0 +1,17 @@
+{
+  "showCounter": true,
+  "tabs": [
+    {
+      "id": "tab1",
+      "text": "Вкладка 1"
+    },
+    {
+      "id": "tab2",
+      "text": "Вкладка 2"
+    },
+    {
+      "id": "tab3",
+      "text": "Вкладка 3"
+    }
+  ]
+}

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

@@ -0,0 +1,35 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { EventBus } from '../../EventBus/EventBus';
+import type { UniBlockProps } from '../../types';
+import { BlockWrapper } from '../../ui-kit/BlockWrapper';
+import { renderTab } from './renderTab';
+import type { Tab, TabsContent } from './TabsContent';
+
+export interface TabActivationEvent {
+  label?: string;
+}
+
+export interface TabsProps extends TabsContent, UniBlockProps {}
+
+export const Tabs = JSX<TabsProps>((props) => {
+  const { context, className, tabs, page, showCounter } = props;
+
+  const [currentTab, setCurrentTab] = context.useState(tabs ? tabs[0] : undefined);
+
+  context.useEffect(() => EventBus.inst.subject('tab', { label: currentTab?.id }), [currentTab]);
+
+  const handleClick = (selectedTab: Tab) => {
+    EventBus.inst.fire('tab', { label: selectedTab.id });
+    setCurrentTab(selectedTab);
+  };
+
+  return (
+    <BlockWrapper
+      context={context}
+      className={`mb-2 box-border flex gap-x-1 ${className}`}
+      role="tablist"
+    >
+      {tabs?.map(renderTab({ onClick: handleClick, currentTab, page, showCounter }))}
+    </BlockWrapper>
+  );
+});

package/mobile/src/components/Tabs/TabsContent.ts

@@ -0,0 +1,19 @@
+/**
+ *  @title Таб
+ */
+export interface Tab {
+  /** @title Tег */
+  id?: string;
+  /** @title Название */
+  title?: string;
+}
+
+/**
+ * @title Вкладки
+ */
+export interface TabsContent {
+  /** @title Табы */
+  tabs?: Tab[];
+  /** @title Показывать счетчик блоков во вкладках */
+  showCounter?: boolean;
+}

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

@@ -0,0 +1,51 @@
+import type { ContentPageDef } from '../../types';
+import type { Tab } from './TabsContent';
+
+interface RenderTabProps {
+  onClick: OnTabClick;
+  currentTab?: Tab;
+  page?: ContentPageDef;
+  showCounter?: boolean;
+}
+
+type OnTabClick = (tab: Tab) => void;
+
+const badgeStyle = 'min-w-[22px] w-[22px] h-[22px] rounded-full text-xs ml-2';
+
+export const renderTab =
+  ({ onClick, currentTab, showCounter, page }: RenderTabProps) =>
+  (tab: Tab, i: number) => {
+    const isActive = currentTab === tab;
+
+    const tabBg = isActive ? 'bg-primary-main' : 'group bg-white';
+    const tabText = `text-m ${
+      isActive ? 'text-white' : 'text-secondary-text group-hover:text-primary-main'
+    }`;
+    const counterBlockStyle = `${badgeStyle}
+      ${
+        isActive
+          ? 'bg-white/30 text-white'
+          : 'bg-main-divider text-secondary-text group-hover:text-primary-main'
+      }`;
+
+    const count = tab.id
+      ? page?.blocks?.filter((block) => block?.labels?.includes(tab.id as string)).length
+      : page?.blocks?.length;
+
+    return (
+      <div
+        key={String(i)}
+        className={`flex h-12 w-full flex-1 cursor-pointer mr-2 last:mr-0 box-content ${tabBg}`}
+        role="tab"
+        aria-selected={isActive}
+        onClick={() => onClick(tab)}
+      >
+        <div className="flex flex-1 items-center justify-center">
+          {tab?.title ? <h3 className={tabText}>{tab?.title}</h3> : null}
+          {showCounter ? (
+            <div className={`flex items-center justify-center ${counterBlockStyle}`}>{count}</div>
+          ) : null}
+        </div>
+      </div>
+    );
+  };

package/mobile/src/components/__snapshots__/Blocks.spec.tsx.snap

@@ -821,6 +821,12 @@ exports[`Blocks StepsBlock should render block "StepsBlock" without content 1`]
 />
 `;
 
+exports[`Blocks Tabs should render block "Tabs" without content 1`] = `
+<section
+  class="mb-2 box-border flex gap-x-1 undefined"
+/>
+`;
+
 exports[`Blocks TariffsTable should render block "TariffsTable" without content 1`] = `
 <section
   class="bg-white font-sans py-[50px] pl-[50px] overflow-hidden text-primary-text relative "

package/mobile/src/react/setup-fixture.ts

@@ -83,6 +83,7 @@ export const context: ContentPageContext = {
       setTerm: (text: string) => setTerm(text),
     };
   },
+  useEffect,
   IntersectionObserverTag,
 };
 

package/mobile/src/types.ts

@@ -15,6 +15,7 @@ export interface BaseBlockDef {
   version?: BlockVersion;
   hidden?: boolean;
   anchor?: string;
+  labels?: string[];
 }
 
 export interface BlockDef extends BaseBlockDef {
@@ -56,6 +57,8 @@ export interface ContentPageDef extends ContentPageMeta {
 export interface UniBlockProps {
   className?: string;
   context: ContentPageContext;
+  page?: ContentPageDef;
+  labels?: string[];
   anchor?: string;
 }