@redneckz/wildless-cms-uni-blocks 0.8.11 → 0.8.13

package/bundle/bundle.umd.js

@@ -365,17 +365,11 @@
     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') {
-                const hasSettings = block?.labels?.length || block?.anchor;
-                setVisible(event.label ? !hasSettings || Boolean(block?.labels?.includes(event.label)) : true);
-            }
-            else {
-                setVisible(true);
-            }
+            setHidden(Boolean(event.type === 'group' && event.label && 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 = {
@@ -4107,16 +4101,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 });
@@ -4130,7 +4119,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';
@@ -4435,7 +4423,10 @@
 
     const normalizeAnchor = (anchor) => anchor?.replace('#', '') || '';
     function trackBlock(block) {
-        globalThis.history?.replaceState(globalThis.history?.state, '', `#${normalizeAnchor(block?.anchor)}`);
+        const hash = `#${normalizeAnchor(block?.anchor)}`;
+        if (globalThis.location?.hash !== hash) {
+            globalThis.history?.replaceState(globalThis.history?.state, '', hash);
+        }
     }
 
     const SPECIAL_BLOCK_TYPES = ['Header', 'Footer'];
@@ -4537,7 +4528,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.11";
+    const packageVersion = "0.8.13";
 
     exports.Blocks = Blocks;
     exports.ContentPage = ContentPage;