@redneckz/wildless-cms-uni-blocks 0.14.534 → 0.14.535

package/src/ui-kit/SwipeListControl/renderNavButton.tsx

@@ -0,0 +1,33 @@
+import { style } from '../../utils/style';
+import { type DotProp, type NavButtonProp } from './NavButtonProp';
+
+export const renderNavButton =
+  ({ activeIndex, onClick }: DotProp) =>
+  (nav: NavButtonProp, i: number) => {
+    const isActive = i === activeIndex;
+    const btnClassName = isActive
+      ? 'min-w-[350px] bg-white shadow-dark-blue border-none p-6'
+      : 'min-w-72 ease-in duration-300 bg-white/10 px-xl py-lg hover:backdrop-blur';
+    const btnTitleClassName = isActive
+      ? 'text-primary-text text-h6 py-xs'
+      : 'text-l pb-2xs text-secondary-text group-data-secondary:text-white';
+    const btnDescClassName = isActive ? 'text-l' : 'text-m group-data-secondary:text-white/80';
+
+    return (
+      <button
+        type="button"
+        key={String(i)}
+        onClick={() => onClick(i)}
+        aria-label={nav?.title}
+        className={style(
+          'max-h-28 mt-xs ml-xs relative px-xl box-border overflow-hidden text-left grow basis-0 border border-gray group-data-secondary:border-white/50 whitespace-nowrap',
+          btnClassName,
+        )}
+      >
+        <div className={btnTitleClassName}>{nav?.title}</div>
+        <div className={style('text-secondary-text font-light', btnDescClassName)}>
+          {nav?.description}
+        </div>
+      </button>
+    );
+  };

package/src/ui-kit/SwipeListControl/useSwipeListScroll.ts

@@ -35,7 +35,7 @@ export const useSwipeListScroll = <E extends HTMLElement>({
       );
       onVisibleIndicesChange && onVisibleIndicesChange(indices);
     },
-    [itemCount],
+    [onVisibleIndicesChange],
   );
 
   const [minIndex, maxIndex] = visibleIndices.length