@guardian/interactive-component-library 0.1.0-alpha.40 → 0.1.0-alpha.41

package/dist/interactive-component-library.umd.cjs

@@ -107,12 +107,12 @@
   const container$7 = "_container_jzalm_1";
   const dot = "_dot_jzalm_6";
   const circle$2 = "_circle_jzalm_13";
-  const text$3 = "_text_jzalm_17";
+  const text$2 = "_text_jzalm_17";
   const defaultStyles$v = {
     container: container$7,
     dot,
     circle: circle$2,
-    text: text$3
+    text: text$2
   };
   const DOT_TYPE = {
     round: "round",
@@ -504,9 +504,9 @@
       })
     });
   };
-  const text$2 = "_text_1okyv_1";
+  const dateStampText = "_dateStampText_wczs5_1";
   const defaultStyles$p = {
-    text: text$2
+    dateStampText
   };
   var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
   function getDefaultExportFromCjs(x) {
@@ -885,7 +885,7 @@
     }, styles2);
     let timeSince = dayjs(timeStamp).fromNow();
     return jsxRuntime.jsx("span", {
-      className: styles2.text,
+      className: styles2.dateStampText,
       children: timeSince
     });
   };
@@ -7631,7 +7631,7 @@
     const offsetWidth = hooks.useMemo(() => {
       return -pageIndex * (pageWidth || 0);
     }, [pageIndex, pageWidth]);
-    const windowSize = useWindowSize();
+    useWindowSize();
     const tickerRef = hooks.useRef();
     const tickerItemsRef = hooks.useRef();
     const tickerScrollRef = hooks.useRef();
@@ -7647,10 +7647,9 @@
       setNumberOfPages(numberOfPages2);
     }, []);
     hooks.useLayoutEffect(() => {
-      const tickerItemsContainer = tickerItemsRef.current;
-      const hideButtons2 = windowSize.width >= 480 ? tickerScrollRef.current.scrollWidth <= tickerItemsContainer.clientWidth : childArray.length < 3;
+      const hideButtons2 = childArray.length < 4;
       setHideButtons(hideButtons2);
-    }, [windowSize, setHideButtons]);
+    }, [childArray]);
     function toggleExpandedState() {
       setExpanded((expanded2) => {
         const newState = !expanded2;