@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.
Files changed (144) hide show
  1. package/bundle/blocks.schema.json +1 -1
  2. package/bundle/bundle.umd.js +73 -12
  3. package/bundle/bundle.umd.min.js +1 -1
  4. package/dist/EventBus/EventBus.d.ts +10 -0
  5. package/dist/EventBus/EventBus.js +30 -0
  6. package/dist/EventBus/EventBus.js.map +1 -0
  7. package/dist/EventBus/EventMap.d.ts +4 -0
  8. package/dist/EventBus/EventMap.js +2 -0
  9. package/dist/EventBus/EventMap.js.map +1 -0
  10. package/dist/components/Blocks.d.ts +1 -0
  11. package/dist/components/Blocks.js +2 -0
  12. package/dist/components/Blocks.js.map +1 -1
  13. package/dist/components/ContentPage/ContentPage.d.ts +1 -0
  14. package/dist/components/ContentPage/ContentPage.js +4 -4
  15. package/dist/components/ContentPage/ContentPage.js.map +1 -1
  16. package/dist/components/ContentPage/ContentPageContext.d.ts +1 -0
  17. package/dist/components/ContentPage/normalizeBlock.d.ts +1 -0
  18. package/dist/components/Tabs/Tabs.d.ts +8 -0
  19. package/dist/components/Tabs/Tabs.js +18 -0
  20. package/dist/components/Tabs/Tabs.js.map +1 -0
  21. package/dist/components/Tabs/TabsContent.d.ts +18 -0
  22. package/dist/components/Tabs/TabsContent.js +2 -0
  23. package/dist/components/Tabs/TabsContent.js.map +1 -0
  24. package/dist/components/Tabs/renderTab.d.ts +12 -0
  25. package/dist/components/Tabs/renderTab.js +19 -0
  26. package/dist/components/Tabs/renderTab.js.map +1 -0
  27. package/dist/react/setup-fixture.js +1 -0
  28. package/dist/react/setup-fixture.js.map +1 -1
  29. package/dist/types.d.ts +3 -0
  30. package/dist/ui-kit/BlockWrapper.d.ts +3 -2
  31. package/dist/ui-kit/BlockWrapper.js +10 -2
  32. package/dist/ui-kit/BlockWrapper.js.map +1 -1
  33. package/lib/EventBus/EventBus.d.ts +10 -0
  34. package/lib/EventBus/EventBus.js +27 -0
  35. package/lib/EventBus/EventBus.js.map +1 -0
  36. package/lib/EventBus/EventMap.d.ts +4 -0
  37. package/lib/EventBus/EventMap.js +2 -0
  38. package/lib/EventBus/EventMap.js.map +1 -0
  39. package/lib/common.css +1 -1
  40. package/lib/components/Blocks.d.ts +1 -0
  41. package/lib/components/Blocks.js +2 -0
  42. package/lib/components/Blocks.js.map +1 -1
  43. package/lib/components/ContentPage/ContentPage.d.ts +1 -0
  44. package/lib/components/ContentPage/ContentPage.js +4 -4
  45. package/lib/components/ContentPage/ContentPage.js.map +1 -1
  46. package/lib/components/ContentPage/ContentPageContext.d.ts +1 -0
  47. package/lib/components/ContentPage/normalizeBlock.d.ts +1 -0
  48. package/lib/components/Tabs/Tabs.d.ts +8 -0
  49. package/lib/components/Tabs/Tabs.fixture.d.ts +5 -0
  50. package/lib/components/Tabs/Tabs.js +16 -0
  51. package/lib/components/Tabs/Tabs.js.map +1 -0
  52. package/lib/components/Tabs/TabsContent.d.ts +18 -0
  53. package/lib/components/Tabs/TabsContent.js +2 -0
  54. package/lib/components/Tabs/TabsContent.js.map +1 -0
  55. package/lib/components/Tabs/renderTab.d.ts +12 -0
  56. package/lib/components/Tabs/renderTab.js +16 -0
  57. package/lib/components/Tabs/renderTab.js.map +1 -0
  58. package/lib/react/setup-fixture.js +1 -0
  59. package/lib/react/setup-fixture.js.map +1 -1
  60. package/lib/types.d.ts +3 -0
  61. package/lib/ui-kit/BlockWrapper.d.ts +3 -2
  62. package/lib/ui-kit/BlockWrapper.js +10 -2
  63. package/lib/ui-kit/BlockWrapper.js.map +1 -1
  64. package/mobile/bundle/bundle.umd.js +40 -6
  65. package/mobile/bundle/bundle.umd.min.js +1 -1
  66. package/mobile/dist/EventBus/EventBus.d.ts +10 -0
  67. package/mobile/dist/EventBus/EventBus.js +30 -0
  68. package/mobile/dist/EventBus/EventBus.js.map +1 -0
  69. package/mobile/dist/EventBus/EventMap.d.ts +4 -0
  70. package/mobile/dist/EventBus/EventMap.js +2 -0
  71. package/mobile/dist/EventBus/EventMap.js.map +1 -0
  72. package/mobile/dist/components/ContentPage/ContentPage.d.ts +1 -0
  73. package/mobile/dist/components/ContentPage/ContentPage.js +4 -4
  74. package/mobile/dist/components/ContentPage/ContentPage.js.map +1 -1
  75. package/mobile/dist/components/ContentPage/ContentPageContext.d.ts +1 -0
  76. package/mobile/dist/components/Tabs/Tabs.d.ts +8 -0
  77. package/mobile/dist/components/Tabs/Tabs.js +18 -0
  78. package/mobile/dist/components/Tabs/Tabs.js.map +1 -0
  79. package/mobile/dist/components/Tabs/TabsContent.d.ts +18 -0
  80. package/mobile/dist/components/Tabs/TabsContent.js +2 -0
  81. package/mobile/dist/components/Tabs/TabsContent.js.map +1 -0
  82. package/mobile/dist/components/Tabs/renderTab.d.ts +12 -0
  83. package/mobile/dist/components/Tabs/renderTab.js +19 -0
  84. package/mobile/dist/components/Tabs/renderTab.js.map +1 -0
  85. package/mobile/dist/react/setup-fixture.js +1 -0
  86. package/mobile/dist/react/setup-fixture.js.map +1 -1
  87. package/mobile/dist/types.d.ts +3 -0
  88. package/mobile/dist/ui-kit/BlockWrapper.d.ts +3 -2
  89. package/mobile/dist/ui-kit/BlockWrapper.js +10 -2
  90. package/mobile/dist/ui-kit/BlockWrapper.js.map +1 -1
  91. package/mobile/lib/EventBus/EventBus.d.ts +10 -0
  92. package/mobile/lib/EventBus/EventBus.js +27 -0
  93. package/mobile/lib/EventBus/EventBus.js.map +1 -0
  94. package/mobile/lib/EventBus/EventMap.d.ts +4 -0
  95. package/mobile/lib/EventBus/EventMap.js +2 -0
  96. package/mobile/lib/EventBus/EventMap.js.map +1 -0
  97. package/mobile/lib/components/ContentPage/ContentPage.d.ts +1 -0
  98. package/mobile/lib/components/ContentPage/ContentPage.js +4 -4
  99. package/mobile/lib/components/ContentPage/ContentPage.js.map +1 -1
  100. package/mobile/lib/components/ContentPage/ContentPageContext.d.ts +1 -0
  101. package/mobile/lib/components/Tabs/Tabs.d.ts +8 -0
  102. package/mobile/lib/components/Tabs/Tabs.js +16 -0
  103. package/mobile/lib/components/Tabs/Tabs.js.map +1 -0
  104. package/mobile/lib/components/Tabs/TabsContent.d.ts +18 -0
  105. package/mobile/lib/components/Tabs/TabsContent.js +2 -0
  106. package/mobile/lib/components/Tabs/TabsContent.js.map +1 -0
  107. package/mobile/lib/components/Tabs/renderTab.d.ts +12 -0
  108. package/mobile/lib/components/Tabs/renderTab.js +16 -0
  109. package/mobile/lib/components/Tabs/renderTab.js.map +1 -0
  110. package/mobile/lib/react/setup-fixture.js +1 -0
  111. package/mobile/lib/react/setup-fixture.js.map +1 -1
  112. package/mobile/lib/types.d.ts +3 -0
  113. package/mobile/lib/ui-kit/BlockWrapper.d.ts +3 -2
  114. package/mobile/lib/ui-kit/BlockWrapper.js +10 -2
  115. package/mobile/lib/ui-kit/BlockWrapper.js.map +1 -1
  116. package/mobile/src/EventBus/EventBus.ts +38 -0
  117. package/mobile/src/EventBus/EventMap.ts +5 -0
  118. package/mobile/src/components/Blocks.spec.tsx +2 -1
  119. package/mobile/src/components/ContentPage/ContentPage.tsx +7 -4
  120. package/mobile/src/components/ContentPage/ContentPageContext.tsx +1 -0
  121. package/mobile/src/components/Tabs/Tabs.example.json +17 -0
  122. package/mobile/src/components/Tabs/Tabs.tsx +35 -0
  123. package/mobile/src/components/Tabs/TabsContent.ts +19 -0
  124. package/mobile/src/components/Tabs/renderTab.tsx +51 -0
  125. package/mobile/src/components/__snapshots__/Blocks.spec.tsx.snap +6 -0
  126. package/mobile/src/react/setup-fixture.ts +1 -0
  127. package/mobile/src/types.ts +3 -0
  128. package/mobile/src/ui-kit/BlockWrapper.tsx +19 -4
  129. package/package.json +1 -1
  130. package/src/EventBus/EventBus.ts +38 -0
  131. package/src/EventBus/EventMap.ts +5 -0
  132. package/src/components/Blocks.spec.tsx +2 -1
  133. package/src/components/Blocks.ts +2 -0
  134. package/src/components/ContentPage/ContentPage.tsx +7 -4
  135. package/src/components/ContentPage/ContentPageContext.tsx +1 -0
  136. package/src/components/Tabs/Tabs.example.json +17 -0
  137. package/src/components/Tabs/Tabs.fixture.tsx +18 -0
  138. package/src/components/Tabs/Tabs.tsx +35 -0
  139. package/src/components/Tabs/TabsContent.ts +19 -0
  140. package/src/components/Tabs/renderTab.tsx +51 -0
  141. package/src/components/__snapshots__/Blocks.spec.tsx.snap +6 -0
  142. package/src/react/setup-fixture.ts +1 -0
  143. package/src/types.ts +3 -0
  144. 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":"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"}
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
  }
@@ -6,4 +6,5 @@ export declare function normalizeBlock(block: BlockDef): {
6
6
  version?: import("../../model/BlockVersion").BlockVersion | undefined;
7
7
  hidden?: boolean | undefined;
8
8
  anchor?: string | undefined;
9
+ labels?: string[] | undefined;
9
10
  };
@@ -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,5 @@
1
+ /// <reference types="react" />
2
+ declare const _default: {
3
+ default: JSX.Element;
4
+ };
5
+ export default _default;
@@ -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,2 @@
1
+ export {};
2
+ //# sourceMappingURL=TabsContent.js.map
@@ -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"}
@@ -67,6 +67,7 @@ export const context = {
67
67
  setTerm: (text) => setTerm(text),
68
68
  };
69
69
  },
70
+ useEffect,
70
71
  IntersectionObserverTag,
71
72
  };
72
73
  export const mobileContext = {
@@ -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
- interface BlockWrapperProps {
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;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"}
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
  }