@redneckz/wildless-cms-uni-blocks 0.8.12 → 0.8.14

package/bundle/bundle.umd.js

@@ -365,18 +365,14 @@
     const BlockWrapper = JSX(({ className = '', version = 'primary', block, tag = 'section', role, children }) => {
         const Tag = tag;
         const ref = useBlockIntersectionObserver(block);
-        const [isVisible, setVisible] = useState(true);
+        const [isHidden, setHidden] = useState(false);
         useEffect(() => defaultEventBus.subscribe('tab', (event) => {
-            if (event.type === 'group') {
-                setVisible(!block?.labels?.length ||
-                    !event.label ||
-                    Boolean(block?.labels?.includes(event.label)));
-            }
-            else {
-                setVisible(true);
-            }
+            setHidden(Boolean(event.type === 'group' &&
+                event.label &&
+                block?.labels?.length &&
+                !block.labels.includes(event.label)));
         }), [block]);
-        return isVisible ? (jsx(Tag, { className: style('group', blockStyles[version], className), ...(version ? { 'data-ver': version } : {}), ...(block?.anchor ? { id: block.anchor, ref } : {}), role: role, children: children })) : null;
+        return (jsx(Tag, { className: style('group', blockStyles[version], isHidden ? 'hidden' : '', className), ...(version ? { 'data-ver': version } : {}), ...(block?.anchor ? { id: block.anchor, ref } : {}), role: role, children: children }));
     });
 
     const styles$4 = {
@@ -4108,16 +4104,11 @@
     const Tabs = JSX((props) => {
         const { className = '', tabs, showCounter, isSticky, tabsMode, ...rest } = props;
         const [currentTab, setCurrentTab] = useState(tabs ? tabs[0] : undefined);
-        useEffect(() => defaultEventBus.subscribe('tab', (event) => {
-            const tab = tabs?.find(checkTab(event));
-            if (event.type === 'link' && tab) {
-                setCurrentTab(tab);
+        useEffect(() => {
+            if (currentTab?.type === 'group') {
+                defaultEventBus.subject('tab', { type: currentTab.type, label: currentTab.ref });
             }
-            return [];
-        }), [tabs]);
-        useEffect(() => currentTab?.type === 'group'
-            ? defaultEventBus.subject('tab', { type: currentTab.type, label: currentTab.ref })
-            : undefined, [currentTab]);
+        }, [currentTab]);
         const handleClick = useCallback((selectedTab) => {
             if (selectedTab?.type === 'group') {
                 defaultEventBus.fire('tab', { type: selectedTab.type, label: selectedTab.ref });
@@ -4131,7 +4122,6 @@
                 ...rest,
             }))) }));
     });
-    const checkTab = (event) => (_) => _.type === 'link' && _.href === `#${event.label}`;
 
     const DIVIDER_CLASSES = 'border-main-divider border border-t-0 border-x-0';
     const FIRST_CELL_CLASSES = 'w-[354px] flex-shrink-0';
@@ -4541,7 +4531,7 @@
         return (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" }) }));
     }
 
-    const packageVersion = "0.8.12";
+    const packageVersion = "0.8.14";
 
     exports.Blocks = Blocks;
     exports.ContentPage = ContentPage;