@redneckz/wildless-cms-uni-blocks 0.8.0 → 0.8.2

package/bundle/bundle.umd.js

@@ -679,10 +679,6 @@
         getHash: getHash
     });
 
-    const adjustHref = (href) => href && projectSettings.BASE_PATH && !(isURL(href) || href.startsWith('/'))
-        ? `${projectSettings.BASE_PATH}${href}`
-        : href;
-
     /* eslint-disable @typescript-eslint/ban-types */
     const handlerDecorator = (handler, targetContent) => {
         return handlerDecorator._impl(handler, targetContent);
@@ -727,18 +723,14 @@
                 router.push(href);
             }
         };
-        return (props) => {
-            const href = adjustHref(props.href);
-            return {
-                ...props,
-                href,
-                'aria-label': props.text,
-                onClick: handlerDecorator((ev) => {
-                    props.onClick && props.onClick(ev);
-                    handleLocalURL(href, props.target)(ev);
-                }, props),
-            };
-        };
+        return (props) => ({
+            ...props,
+            'aria-label': props.text,
+            onClick: handlerDecorator((ev) => {
+                props.onClick && props.onClick(ev);
+                handleLocalURL(props.href, props.target)(ev);
+            }, props),
+        });
     }
 
     const buttonStyleMap = {
@@ -1811,6 +1803,7 @@
     });
 
     const childStyleMap = ['min-w-[100%]', 'min-w-[50%]', 'min-w-[33.33%]', 'min-w-[25%]'];
+    const DEFAULT_HEIGHT = '866px';
     const SwipeListContainer = JSX(({ className = '', containerRef, activeIndex, visibleItemCount = 0, gap = 0, padding = 0, listType = 'horizontal-list', snapAlign = 'snap-center', children, onVisibleItemsChange, onVisibleIndicesChange, }) => {
         const observerOptions = {
             sensitivity: 1,
@@ -1829,10 +1822,14 @@
         const isHorizontalList = listType === 'horizontal-list';
         const containerStyle = {
             ...(isHorizontalList ? getContainerOffset(padding, additionPadding) : {}),
-            ...(isVerticalList ? getContainerHeight(containerRef) : {}),
+            ...(isVerticalList ? { height: DEFAULT_HEIGHT } : {}),
             gap: `${gap}px`,
         };
-        return (jsx("div", { className: style('box-border overflow-auto no-scrollbar', listType, className), style: containerStyle, role: "list", ref: containerRef, children: mapChildren((child, idx) => (jsx(SwipeListItem, { className: style(snapAlign, visibleItemCount ? childStyleMap[visibleItemCount - 1] : ''), style: isHorizontalList ? getContainerOffset(padding / 4) : {}, activeIndex: activeIndex, idx: idx, observerOptions: observerOptions, onIntersection: handleIntersection, children: child }, String(idx))))(children) }));
+        const itemContainerStyle = {
+            ...(isHorizontalList ? getContainerOffset(padding / 4) : {}),
+            maxHeight: DEFAULT_HEIGHT,
+        };
+        return (jsx("div", { className: style('box-border overflow-auto no-scrollbar', listType, className), style: containerStyle, role: "list", ref: containerRef, children: mapChildren((child, idx) => (jsx(SwipeListItem, { className: style(snapAlign, visibleItemCount ? childStyleMap[visibleItemCount - 1] : '', isVerticalList ? 'h-full' : ''), style: itemContainerStyle, activeIndex: activeIndex, idx: idx, observerOptions: observerOptions, onIntersection: handleIntersection, children: child }, String(idx))))(children) }));
     });
     // Styles used to compensate outer container padding to get rid of clipping effect
     const getContainerOffset = (padding, additionalPadding = 0) => ({
@@ -1845,9 +1842,6 @@
         .map((_, i) => [_, i])
         .filter(([_]) => _ && _.intersectionRatio >= 0.9)
         .map(([, i]) => i);
-    const getContainerHeight = (ref) => ({
-        height: ref?.current?.firstElementChild?.clientHeight || 0,
-    });
 
     const areArraysEqual = (as, bs) => as === bs || Boolean(as && bs && as?.length === bs?.length && as.every((_, i) => _ === bs[i]));
 
@@ -2564,6 +2558,10 @@
     const renderMonthNames = (item, colSize) => item.month?.map((_, i) => (jsx("div", { style: { flexBasis: `${colSize}%` }, children: _.text }, `monthName-${i}`)));
     const renderMonthImages = (item) => item.month?.map((_) => _.image?.src ? (jsx("div", { className: "h-[207px] border-r pr-3 mr-3 border-main-divider last:border-r-0 last:pr-0 last:mr-0", children: jsx(ImgInner, { image: _.image, className: "flex" }) }, `monthImage-${_.image.src}`)) : null);
 
+    const adjustHref = (href) => href && projectSettings.BASE_PATH && !(isURL(href) || href.startsWith('/'))
+        ? `${projectSettings.BASE_PATH}${href}`
+        : href;
+
     const isHrefActive = (href, router) => withoutQuery(isURL(href) ? router.href : getPathname(router.href)).startsWith(withoutQuery(adjustHref(href)));
 
     const isSubItemActive = (router) => (subItem) => isHrefActive(subItem.href, router);
@@ -4057,7 +4055,7 @@
             return [];
         }), [tabs]);
         useEffect(() => currentTab?.type === 'group'
-            ? EventBus.inst.subject('tab', { label: currentTab.ref })
+            ? EventBus.inst.subject('tab', { type: currentTab.type, label: currentTab.ref })
             : undefined, [currentTab]);
         const handleClick = useCallback((selectedTab) => {
             if (selectedTab?.type === 'group') {
@@ -4483,7 +4481,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.0";
+    const packageVersion = "0.8.2";
 
     exports.Blocks = Blocks;
     exports.ContentPage = ContentPage;