@redneckz/wildless-cms-uni-blocks 0.3.89 → 0.3.91
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundle/blocks.schema.json +1 -1
- package/bundle/bundle.umd.js +73 -12
- package/bundle/bundle.umd.min.js +1 -1
- package/dist/EventBus/EventBus.d.ts +10 -0
- package/dist/EventBus/EventBus.js +30 -0
- package/dist/EventBus/EventBus.js.map +1 -0
- package/dist/EventBus/EventMap.d.ts +4 -0
- package/dist/EventBus/EventMap.js +2 -0
- package/dist/EventBus/EventMap.js.map +1 -0
- package/dist/components/Blocks.d.ts +1 -0
- package/dist/components/Blocks.js +2 -0
- package/dist/components/Blocks.js.map +1 -1
- package/dist/components/ContentPage/ContentPage.d.ts +1 -0
- package/dist/components/ContentPage/ContentPage.js +4 -4
- package/dist/components/ContentPage/ContentPage.js.map +1 -1
- package/dist/components/ContentPage/ContentPageContext.d.ts +1 -0
- package/dist/components/ContentPage/normalizeBlock.d.ts +1 -0
- package/dist/components/Tabs/Tabs.d.ts +8 -0
- package/dist/components/Tabs/Tabs.js +18 -0
- package/dist/components/Tabs/Tabs.js.map +1 -0
- package/dist/components/Tabs/TabsContent.d.ts +18 -0
- package/dist/components/Tabs/TabsContent.js +2 -0
- package/dist/components/Tabs/TabsContent.js.map +1 -0
- package/dist/components/Tabs/renderTab.d.ts +12 -0
- package/dist/components/Tabs/renderTab.js +19 -0
- package/dist/components/Tabs/renderTab.js.map +1 -0
- package/dist/react/setup-fixture.js +1 -0
- package/dist/react/setup-fixture.js.map +1 -1
- package/dist/types.d.ts +3 -0
- package/dist/ui-kit/BlockWrapper.d.ts +3 -2
- package/dist/ui-kit/BlockWrapper.js +10 -2
- package/dist/ui-kit/BlockWrapper.js.map +1 -1
- package/lib/EventBus/EventBus.d.ts +10 -0
- package/lib/EventBus/EventBus.js +27 -0
- package/lib/EventBus/EventBus.js.map +1 -0
- package/lib/EventBus/EventMap.d.ts +4 -0
- package/lib/EventBus/EventMap.js +2 -0
- package/lib/EventBus/EventMap.js.map +1 -0
- package/lib/common.css +1 -1
- package/lib/components/Blocks.d.ts +1 -0
- package/lib/components/Blocks.js +2 -0
- package/lib/components/Blocks.js.map +1 -1
- package/lib/components/ContentPage/ContentPage.d.ts +1 -0
- package/lib/components/ContentPage/ContentPage.js +4 -4
- package/lib/components/ContentPage/ContentPage.js.map +1 -1
- package/lib/components/ContentPage/ContentPageContext.d.ts +1 -0
- package/lib/components/ContentPage/normalizeBlock.d.ts +1 -0
- package/lib/components/Tabs/Tabs.d.ts +8 -0
- package/lib/components/Tabs/Tabs.fixture.d.ts +5 -0
- package/lib/components/Tabs/Tabs.js +16 -0
- package/lib/components/Tabs/Tabs.js.map +1 -0
- package/lib/components/Tabs/TabsContent.d.ts +18 -0
- package/lib/components/Tabs/TabsContent.js +2 -0
- package/lib/components/Tabs/TabsContent.js.map +1 -0
- package/lib/components/Tabs/renderTab.d.ts +12 -0
- package/lib/components/Tabs/renderTab.js +16 -0
- package/lib/components/Tabs/renderTab.js.map +1 -0
- package/lib/react/setup-fixture.js +1 -0
- package/lib/react/setup-fixture.js.map +1 -1
- package/lib/types.d.ts +3 -0
- package/lib/ui-kit/BlockWrapper.d.ts +3 -2
- package/lib/ui-kit/BlockWrapper.js +10 -2
- package/lib/ui-kit/BlockWrapper.js.map +1 -1
- package/mobile/bundle/bundle.umd.js +40 -6
- package/mobile/bundle/bundle.umd.min.js +1 -1
- package/mobile/dist/EventBus/EventBus.d.ts +10 -0
- package/mobile/dist/EventBus/EventBus.js +30 -0
- package/mobile/dist/EventBus/EventBus.js.map +1 -0
- package/mobile/dist/EventBus/EventMap.d.ts +4 -0
- package/mobile/dist/EventBus/EventMap.js +2 -0
- package/mobile/dist/EventBus/EventMap.js.map +1 -0
- package/mobile/dist/components/ContentPage/ContentPage.d.ts +1 -0
- package/mobile/dist/components/ContentPage/ContentPage.js +4 -4
- package/mobile/dist/components/ContentPage/ContentPage.js.map +1 -1
- package/mobile/dist/components/ContentPage/ContentPageContext.d.ts +1 -0
- package/mobile/dist/components/Tabs/Tabs.d.ts +8 -0
- package/mobile/dist/components/Tabs/Tabs.js +18 -0
- package/mobile/dist/components/Tabs/Tabs.js.map +1 -0
- package/mobile/dist/components/Tabs/TabsContent.d.ts +18 -0
- package/mobile/dist/components/Tabs/TabsContent.js +2 -0
- package/mobile/dist/components/Tabs/TabsContent.js.map +1 -0
- package/mobile/dist/components/Tabs/renderTab.d.ts +12 -0
- package/mobile/dist/components/Tabs/renderTab.js +19 -0
- package/mobile/dist/components/Tabs/renderTab.js.map +1 -0
- package/mobile/dist/react/setup-fixture.js +1 -0
- package/mobile/dist/react/setup-fixture.js.map +1 -1
- package/mobile/dist/types.d.ts +3 -0
- package/mobile/dist/ui-kit/BlockWrapper.d.ts +3 -2
- package/mobile/dist/ui-kit/BlockWrapper.js +10 -2
- package/mobile/dist/ui-kit/BlockWrapper.js.map +1 -1
- package/mobile/lib/EventBus/EventBus.d.ts +10 -0
- package/mobile/lib/EventBus/EventBus.js +27 -0
- package/mobile/lib/EventBus/EventBus.js.map +1 -0
- package/mobile/lib/EventBus/EventMap.d.ts +4 -0
- package/mobile/lib/EventBus/EventMap.js +2 -0
- package/mobile/lib/EventBus/EventMap.js.map +1 -0
- package/mobile/lib/components/ContentPage/ContentPage.d.ts +1 -0
- package/mobile/lib/components/ContentPage/ContentPage.js +4 -4
- package/mobile/lib/components/ContentPage/ContentPage.js.map +1 -1
- package/mobile/lib/components/ContentPage/ContentPageContext.d.ts +1 -0
- package/mobile/lib/components/Tabs/Tabs.d.ts +8 -0
- package/mobile/lib/components/Tabs/Tabs.js +16 -0
- package/mobile/lib/components/Tabs/Tabs.js.map +1 -0
- package/mobile/lib/components/Tabs/TabsContent.d.ts +18 -0
- package/mobile/lib/components/Tabs/TabsContent.js +2 -0
- package/mobile/lib/components/Tabs/TabsContent.js.map +1 -0
- package/mobile/lib/components/Tabs/renderTab.d.ts +12 -0
- package/mobile/lib/components/Tabs/renderTab.js +16 -0
- package/mobile/lib/components/Tabs/renderTab.js.map +1 -0
- package/mobile/lib/react/setup-fixture.js +1 -0
- package/mobile/lib/react/setup-fixture.js.map +1 -1
- package/mobile/lib/types.d.ts +3 -0
- package/mobile/lib/ui-kit/BlockWrapper.d.ts +3 -2
- package/mobile/lib/ui-kit/BlockWrapper.js +10 -2
- package/mobile/lib/ui-kit/BlockWrapper.js.map +1 -1
- package/mobile/src/EventBus/EventBus.ts +38 -0
- package/mobile/src/EventBus/EventMap.ts +5 -0
- package/mobile/src/components/Blocks.spec.tsx +2 -1
- package/mobile/src/components/ContentPage/ContentPage.tsx +7 -4
- package/mobile/src/components/ContentPage/ContentPageContext.tsx +1 -0
- package/mobile/src/components/Tabs/Tabs.example.json +17 -0
- package/mobile/src/components/Tabs/Tabs.tsx +35 -0
- package/mobile/src/components/Tabs/TabsContent.ts +19 -0
- package/mobile/src/components/Tabs/renderTab.tsx +51 -0
- package/mobile/src/components/__snapshots__/Blocks.spec.tsx.snap +6 -0
- package/mobile/src/react/setup-fixture.ts +1 -0
- package/mobile/src/types.ts +3 -0
- package/mobile/src/ui-kit/BlockWrapper.tsx +19 -4
- package/package.json +1 -1
- package/src/EventBus/EventBus.ts +38 -0
- package/src/EventBus/EventMap.ts +5 -0
- package/src/components/Blocks.spec.tsx +2 -1
- package/src/components/Blocks.ts +2 -0
- package/src/components/ContentPage/ContentPage.tsx +7 -4
- package/src/components/ContentPage/ContentPageContext.tsx +1 -0
- package/src/components/Tabs/Tabs.example.json +17 -0
- package/src/components/Tabs/Tabs.fixture.tsx +18 -0
- package/src/components/Tabs/Tabs.tsx +35 -0
- package/src/components/Tabs/TabsContent.ts +19 -0
- package/src/components/Tabs/renderTab.tsx +51 -0
- package/src/components/__snapshots__/Blocks.spec.tsx.snap +6 -0
- package/src/react/setup-fixture.ts +1 -0
- package/src/types.ts +3 -0
- package/src/ui-kit/BlockWrapper.tsx +19 -4
|
@@ -7,9 +7,9 @@ const defaultBlockDecorator = ({ blockClassName, block, render }) => render({ bl
|
|
|
7
7
|
export const ContentPage = JSX(({ className = '', context, blocksRegistry, data = {}, blockDecorator = defaultBlockDecorator, }) => {
|
|
8
8
|
const { style: pageStyle, blocks, slots = {}, likeControl, colorPalette = 'pc' } = data;
|
|
9
9
|
const { header } = slots;
|
|
10
|
-
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] }));
|
|
10
|
+
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] }));
|
|
11
11
|
});
|
|
12
|
-
function renderBlock({ block, blockDecorator, blocksRegistry, context }, i) {
|
|
12
|
+
function renderBlock({ block, blockDecorator, blocksRegistry, context, page }, i) {
|
|
13
13
|
const { type } = block;
|
|
14
14
|
if (!(type && type in blocksRegistry)) {
|
|
15
15
|
console.warn(`No block with "${type}" is registered`);
|
|
@@ -19,8 +19,8 @@ function renderBlock({ block, blockDecorator, blocksRegistry, context }, i) {
|
|
|
19
19
|
blockClassName: `scroll-mt-12 ${style2className(block.style)}`,
|
|
20
20
|
block,
|
|
21
21
|
render: (props) => {
|
|
22
|
-
const { version, content, anchor } = props.block;
|
|
23
|
-
return (_jsx(BlockComponent, { className: props.blockClassName, version: version, context: context, anchor: anchor, ...content }, `${type}-${i}`));
|
|
22
|
+
const { version, content, anchor, labels } = props.block;
|
|
23
|
+
return (_jsx(BlockComponent, { className: props.blockClassName, version: version, context: context, page: page, anchor: anchor, labels: labels, ...content }, `${type}-${i}`));
|
|
24
24
|
},
|
|
25
25
|
}, `block-${i}`);
|
|
26
26
|
}
|
|
@@ -1 +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;
|
|
1
|
+
{"version":3,"file":"ContentPage.js","sourceRoot":"","sources":["../../../src/components/ContentPage/ContentPage.tsx"],"names":[],"mappings":"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"}
|
|
@@ -40,6 +40,7 @@ export interface ContentPageContext {
|
|
|
40
40
|
useGeolocation: GeolocationHook;
|
|
41
41
|
useLikeService: () => LikeService;
|
|
42
42
|
useSearch: () => Search;
|
|
43
|
+
useEffect: <Deps extends any[]>(effect: () => (() => void) | void, deps?: Deps) => void;
|
|
43
44
|
handlerDecorator?: HandlerDecorator;
|
|
44
45
|
IntersectionObserverTag: IntersectionObserverComponent;
|
|
45
46
|
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { UniBlockProps } from '../../types';
|
|
2
|
+
import type { TabsContent } from './TabsContent';
|
|
3
|
+
export interface TabActivationEvent {
|
|
4
|
+
label?: string;
|
|
5
|
+
}
|
|
6
|
+
export interface TabsProps extends TabsContent, UniBlockProps {
|
|
7
|
+
}
|
|
8
|
+
export declare const Tabs: (props: import("@redneckz/uni-jsx").PropsWithChildren<TabsProps, any>, context?: any) => any;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
|
|
2
|
+
import { JSX } from '@redneckz/uni-jsx';
|
|
3
|
+
import { EventBus } from '../../EventBus/EventBus.js';
|
|
4
|
+
import { BlockWrapper } from '../../ui-kit/BlockWrapper.js';
|
|
5
|
+
import { renderTab } from './renderTab.js';
|
|
6
|
+
export const Tabs = JSX((props) => {
|
|
7
|
+
const { context, className, tabs, page, showCounter } = props;
|
|
8
|
+
const [currentTab, setCurrentTab] = context.useState(tabs ? tabs[0] : undefined);
|
|
9
|
+
context.useEffect(() => EventBus.inst.subject('tab', { label: currentTab?.id }), [currentTab]);
|
|
10
|
+
const handleClick = (selectedTab) => {
|
|
11
|
+
EventBus.inst.fire('tab', { label: selectedTab.id });
|
|
12
|
+
setCurrentTab(selectedTab);
|
|
13
|
+
};
|
|
14
|
+
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 })) }));
|
|
15
|
+
});
|
|
16
|
+
//# sourceMappingURL=Tabs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @title Таб
|
|
3
|
+
*/
|
|
4
|
+
export interface Tab {
|
|
5
|
+
/** @title Tег */
|
|
6
|
+
id?: string;
|
|
7
|
+
/** @title Название */
|
|
8
|
+
title?: string;
|
|
9
|
+
}
|
|
10
|
+
/**
|
|
11
|
+
* @title Вкладки
|
|
12
|
+
*/
|
|
13
|
+
export interface TabsContent {
|
|
14
|
+
/** @title Табы */
|
|
15
|
+
tabs?: Tab[];
|
|
16
|
+
/** @title Показывать счетчик блоков во вкладках */
|
|
17
|
+
showCounter?: boolean;
|
|
18
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TabsContent.js","sourceRoot":"","sources":["../../../src/components/Tabs/TabsContent.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import type { ContentPageDef } from '../../types';
|
|
3
|
+
import type { Tab } from './TabsContent';
|
|
4
|
+
interface RenderTabProps {
|
|
5
|
+
onClick: OnTabClick;
|
|
6
|
+
currentTab?: Tab;
|
|
7
|
+
page?: ContentPageDef;
|
|
8
|
+
showCounter?: boolean;
|
|
9
|
+
}
|
|
10
|
+
declare type OnTabClick = (tab: Tab) => void;
|
|
11
|
+
export declare const renderTab: ({ onClick, currentTab, showCounter, page }: RenderTabProps) => (tab: Tab, i: number) => JSX.Element;
|
|
12
|
+
export {};
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
|
|
2
|
+
const badgeStyle = 'min-w-[22px] w-[22px] h-[22px] rounded-full text-xs ml-2';
|
|
3
|
+
export const renderTab = ({ onClick, currentTab, showCounter, page }) => (tab, i) => {
|
|
4
|
+
const isActive = currentTab === tab;
|
|
5
|
+
const tabBg = isActive ? 'bg-primary-main' : 'group bg-white';
|
|
6
|
+
const tabText = `text-m ${isActive ? 'text-white' : 'text-secondary-text group-hover:text-primary-main'}`;
|
|
7
|
+
const counterBlockStyle = `${badgeStyle}
|
|
8
|
+
${isActive
|
|
9
|
+
? 'bg-white/30 text-white'
|
|
10
|
+
: 'bg-main-divider text-secondary-text group-hover:text-primary-main'}`;
|
|
11
|
+
const count = tab.id
|
|
12
|
+
? page?.blocks?.filter((block) => block?.labels?.includes(tab.id)).length
|
|
13
|
+
: page?.blocks?.length;
|
|
14
|
+
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)));
|
|
15
|
+
};
|
|
16
|
+
//# sourceMappingURL=renderTab.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"setup-fixture.js","sourceRoot":"","sources":["../../src/react/setup-fixture.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"setup-fixture.js","sourceRoot":"","sources":["../../src/react/setup-fixture.ts"],"names":[],"mappings":"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"}
|
package/lib/types.d.ts
CHANGED
|
@@ -13,6 +13,7 @@ export interface BaseBlockDef {
|
|
|
13
13
|
version?: BlockVersion;
|
|
14
14
|
hidden?: boolean;
|
|
15
15
|
anchor?: string;
|
|
16
|
+
labels?: string[];
|
|
16
17
|
}
|
|
17
18
|
export interface BlockDef extends BaseBlockDef {
|
|
18
19
|
mobile?: BaseBlockDef;
|
|
@@ -48,6 +49,8 @@ export interface ContentPageDef extends ContentPageMeta {
|
|
|
48
49
|
export interface UniBlockProps {
|
|
49
50
|
className?: string;
|
|
50
51
|
context: ContentPageContext;
|
|
52
|
+
page?: ContentPageDef;
|
|
53
|
+
labels?: string[];
|
|
51
54
|
anchor?: string;
|
|
52
55
|
}
|
|
53
56
|
export interface DaDataResult {
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
import { ContentPageContext } from '../components/ContentPage/ContentPageContext';
|
|
2
|
-
|
|
1
|
+
import type { ContentPageContext } from '../components/ContentPage/ContentPageContext';
|
|
2
|
+
import type { UniBlockProps } from '../types';
|
|
3
|
+
interface BlockWrapperProps extends UniBlockProps, Record<string, any> {
|
|
3
4
|
context: ContentPageContext;
|
|
4
5
|
className?: string;
|
|
5
6
|
anchor?: string;
|
|
@@ -1,9 +1,17 @@
|
|
|
1
1
|
import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
|
|
2
2
|
import { JSX } from '@redneckz/uni-jsx';
|
|
3
|
+
import { EventBus } from '../EventBus/EventBus.js';
|
|
3
4
|
import { changeHashOnObserve } from '../utils/changeHashOnObserve.js';
|
|
4
|
-
export const BlockWrapper = JSX(({ anchor, className, context, children, tag = 'section' }) => {
|
|
5
|
-
const { IntersectionObserverTag } = context;
|
|
5
|
+
export const BlockWrapper = JSX(({ anchor, className, context, children, tag = 'section', labels }) => {
|
|
6
6
|
const Tag = tag;
|
|
7
|
+
const { IntersectionObserverTag } = context;
|
|
8
|
+
const [shouldRenderBlock, setShouldRenderBlock] = context.useState(true);
|
|
9
|
+
context.useEffect(() => EventBus.inst.subscribe('tab', (event) => {
|
|
10
|
+
setShouldRenderBlock(!labels?.length || !event.label || labels.includes(event.label));
|
|
11
|
+
}), [labels]);
|
|
12
|
+
if (!shouldRenderBlock) {
|
|
13
|
+
return null;
|
|
14
|
+
}
|
|
7
15
|
return anchor ? (_jsx(IntersectionObserverTag, { tag: tag, className: className, observerCallback: changeHashOnObserve, observerOptions: { threshold: 1 }, anchor: anchor, children: children })) : (_jsx(Tag, { className: className, children: children }));
|
|
8
16
|
});
|
|
9
17
|
//# sourceMappingURL=BlockWrapper.js.map
|
|
@@ -1 +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;
|
|
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,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"}
|
|
@@ -927,6 +927,33 @@
|
|
|
927
927
|
return (jsx("section", { className: "mt-3", children: items.map((item, i) => (jsxs("div", { children: [isDotted ? jsx("div", { className: getListStyle(version) }) : null, jsx("span", { className: "text-m-md font-medium", children: item.title }), jsx("span", { className: `text-m-sm pl-2 ${version === 'primary' ? 'text-secondary-text' : ''}`, children: item.text })] }, String(i)))) }));
|
|
928
928
|
}
|
|
929
929
|
|
|
930
|
+
class EventBus {
|
|
931
|
+
static inst = new EventBus();
|
|
932
|
+
subscribers = {};
|
|
933
|
+
subjectsStateMap = {};
|
|
934
|
+
subscribe(type, listener) {
|
|
935
|
+
this.subscribers[type] ||= [];
|
|
936
|
+
this.subscribers[type]?.push(listener);
|
|
937
|
+
const latestEvent = this.subjectsStateMap[type];
|
|
938
|
+
if (latestEvent) {
|
|
939
|
+
listener(latestEvent);
|
|
940
|
+
}
|
|
941
|
+
return () => {
|
|
942
|
+
this.unsubscribe(type, listener);
|
|
943
|
+
};
|
|
944
|
+
}
|
|
945
|
+
unsubscribe(type, listener) {
|
|
946
|
+
this.subscribers[type] = this.subscribers[type]?.filter((s) => s !== listener);
|
|
947
|
+
}
|
|
948
|
+
fire(type, event) {
|
|
949
|
+
this.subjectsStateMap[type] = event;
|
|
950
|
+
this.subscribers[type]?.forEach((s) => s(event));
|
|
951
|
+
}
|
|
952
|
+
subject(type, event) {
|
|
953
|
+
this.subjectsStateMap[type] = event;
|
|
954
|
+
}
|
|
955
|
+
}
|
|
956
|
+
|
|
930
957
|
const changeHashOnObserve = (entries) => {
|
|
931
958
|
if (!entries.length) {
|
|
932
959
|
return;
|
|
@@ -935,9 +962,16 @@
|
|
|
935
962
|
if (entry.isIntersecting) ;
|
|
936
963
|
};
|
|
937
964
|
|
|
938
|
-
const BlockWrapper = JSX(({ anchor, className, context, children, tag = 'section' }) => {
|
|
939
|
-
const { IntersectionObserverTag } = context;
|
|
965
|
+
const BlockWrapper = JSX(({ anchor, className, context, children, tag = 'section', labels }) => {
|
|
940
966
|
const Tag = tag;
|
|
967
|
+
const { IntersectionObserverTag } = context;
|
|
968
|
+
const [shouldRenderBlock, setShouldRenderBlock] = context.useState(true);
|
|
969
|
+
context.useEffect(() => EventBus.inst.subscribe('tab', (event) => {
|
|
970
|
+
setShouldRenderBlock(!labels?.length || !event.label || labels.includes(event.label));
|
|
971
|
+
}), [labels]);
|
|
972
|
+
if (!shouldRenderBlock) {
|
|
973
|
+
return null;
|
|
974
|
+
}
|
|
941
975
|
return anchor ? (jsx(IntersectionObserverTag, { tag: tag, className: className, observerCallback: changeHashOnObserve, observerOptions: { threshold: 1 }, anchor: anchor, children: children })) : (jsx(Tag, { className: className, children: children }));
|
|
942
976
|
});
|
|
943
977
|
|
|
@@ -1732,9 +1766,9 @@
|
|
|
1732
1766
|
const ContentPage = JSX(({ className = '', context, blocksRegistry, data = {}, blockDecorator = defaultBlockDecorator, }) => {
|
|
1733
1767
|
const { style: pageStyle, blocks, slots = {}, likeControl, colorPalette = 'pc' } = data;
|
|
1734
1768
|
const { header } = slots;
|
|
1735
|
-
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] }));
|
|
1769
|
+
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] }));
|
|
1736
1770
|
});
|
|
1737
|
-
function renderBlock({ block, blockDecorator, blocksRegistry, context }, i) {
|
|
1771
|
+
function renderBlock({ block, blockDecorator, blocksRegistry, context, page }, i) {
|
|
1738
1772
|
const { type } = block;
|
|
1739
1773
|
if (!(type && type in blocksRegistry)) {
|
|
1740
1774
|
console.warn(`No block with "${type}" is registered`);
|
|
@@ -1744,8 +1778,8 @@
|
|
|
1744
1778
|
blockClassName: `scroll-mt-12 ${style2className(block.style)}`,
|
|
1745
1779
|
block,
|
|
1746
1780
|
render: (props) => {
|
|
1747
|
-
const { version, content, anchor } = props.block;
|
|
1748
|
-
return (jsx(BlockComponent, { className: props.blockClassName, version: version, context: context, anchor: anchor, ...content }, `${type}-${i}`));
|
|
1781
|
+
const { version, content, anchor, labels } = props.block;
|
|
1782
|
+
return (jsx(BlockComponent, { className: props.blockClassName, version: version, context: context, page: page, anchor: anchor, labels: labels, ...content }, `${type}-${i}`));
|
|
1749
1783
|
},
|
|
1750
1784
|
}, `block-${i}`);
|
|
1751
1785
|
}
|