@verifiedinc-public/shared-ui-elements 12.27.1-rc.117 → 12.28.0

package/dist/hooks/useBidirectionalScroll.d.ts

@@ -39,7 +39,7 @@ interface UseBidirectionalScrollOptions {
 /**
  * Manages bidirectional infinite scroll for a virtualised, reverse-chronological list.
  *
- * - Triggers `onLoadNewer` when the user scrolls to the top.
+ * - Triggers `onLoadNewer` when the user scrolls to the top, or pulls past it while already there.
  * - Triggers `onLoadOlder` when the user scrolls to the bottom.
  * - Preserves the scroll position when newer rows are prepended so the
  *   viewport doesn't jump.

package/dist/hooks/useBidirectionalScroll.mjs

@@ -1 +1 @@
-"use strict";import{useRef as e,useEffect as L,useLayoutEffect as F}from"react";import j from"lodash/debounce";function G({enabled:n=!0,scrollContainerRef:t,virtualizer:H,rowCount:z,hasNewer:w,hasOlder:T,isLoadingNewer:l,isLoadingOlder:v,onLoadNewer:O,onLoadOlder:y,debounceMs:i=300,rearmDistance:a=100,resetKey:D}){const s=e(null),d=e(!1),u=e(!1);L(()=>{if(!n)return;const r=t.current;r&&(r.scrollTop=0),s.current=null,d.current=!1,u.current=!1},[n,D,t]),L(()=>{if(n){if(l&&!d.current){const r=t.current;r&&(s.current={scrollHeight:r.scrollHeight,scrollTop:r.scrollTop})}d.current=!!l}},[n,l,t]),F(()=>{const r=t.current,c=s.current;if(r&&c){const o=r.scrollHeight-c.scrollHeight;o>0&&(r.scrollTop=c.scrollTop+o),s.current=null,H.measure()}},[z,H,t]);const f=e(T),g=e(w),p=e(v),h=e(l),E=e(y),N=e(O);f.current=T,g.current=w,p.current=v,h.current=l,E.current=y,N.current=O,L(()=>{if(!n)return;const r=t.current;if(!r)return;let c=!1;const o=j(()=>{g.current&&!h.current&&N.current()},i,{leading:!0,trailing:!1}),b=j(()=>{f.current&&!p.current&&E.current()},i,{leading:!0,trailing:!1}),x=()=>{const{scrollTop:m,scrollHeight:C,clientHeight:K}=r,S=C-m-K;C<=K||(m>a&&(c=!0),S>a&&(u.current=!0),c&&g.current&&!h.current&&m<=1&&(c=!1,o()),u.current&&f.current&&!p.current&&S<=1&&(u.current=!1,b()))};return r.addEventListener("scroll",x,{passive:!0}),()=>{r.removeEventListener("scroll",x),o.cancel(),b.cancel()}},[n,t,i,a])}export{G as useBidirectionalScroll};
+"use strict";import{useRef as t,useEffect as T,useLayoutEffect as M}from"react";import F from"lodash/debounce";function P({enabled:u=!0,scrollContainerRef:n,virtualizer:w,rowCount:J,hasNewer:H,hasOlder:O,isLoadingNewer:s,isLoadingOlder:y,onLoadNewer:N,onLoadOlder:b,debounceMs:L=300,rearmDistance:g=100,resetKey:K}){const a=t(null),p=t(!1),d=t(!1);T(()=>{if(!u)return;const e=n.current;e&&(e.scrollTop=0),a.current=null,p.current=!1,d.current=!1},[u,K,n]),T(()=>{if(u){if(s&&!p.current){const e=n.current;e&&(a.current={scrollHeight:e.scrollHeight,scrollTop:e.scrollTop})}p.current=!!s}},[u,s,n]),M(()=>{const e=n.current,o=a.current;if(e&&o){const l=e.scrollHeight-o.scrollHeight;l>0&&(e.scrollTop=o.scrollTop+l),a.current=null,w.measure()}},[J,w,n]);const E=t(O),v=t(H),m=t(y),h=t(s),x=t(b),B=t(N);E.current=O,v.current=H,m.current=y,h.current=s,x.current=b,B.current=N,T(()=>{if(!u)return;const e=n.current;if(!e)return;let o=!1;const l=F(()=>{v.current&&!h.current&&B.current()},L,{leading:!0,trailing:!1}),C=F(()=>{E.current&&!m.current&&x.current()},L,{leading:!0,trailing:!1}),Y=()=>{const{scrollTop:r,scrollHeight:c,clientHeight:i}=e,D=c-r-i;c<=i||(r>g&&(o=!0),D>g&&(d.current=!0),o&&v.current&&!h.current&&r<=1&&(o=!1,l()),d.current&&E.current&&!m.current&&D<=1&&(d.current=!1,C()))},j=()=>e.scrollTop<=1&&v.current&&!h.current,k=r=>{r.deltaY<0&&j()&&l()};let f=null;const q=r=>{var c;f=((c=r.touches[0])==null?void 0:c.clientY)??null},z=r=>{var c;const i=(c=r.touches[0])==null?void 0:c.clientY;f!==null&&i!==void 0&&i>f&&j()&&(f=null,l())};return e.addEventListener("scroll",Y,{passive:!0}),e.addEventListener("wheel",k,{passive:!0}),e.addEventListener("touchstart",q,{passive:!0}),e.addEventListener("touchmove",z,{passive:!0}),()=>{e.removeEventListener("scroll",Y),e.removeEventListener("wheel",k),e.removeEventListener("touchstart",q),e.removeEventListener("touchmove",z),l.cancel(),C.cancel()}},[u,n,L,g])}export{P as useBidirectionalScroll};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@verifiedinc-public/shared-ui-elements",
-  "version": "12.27.1-rc.117",
+  "version": "12.28.0",
   "description": "A set of UI components, utilities that is shareable with the core apps.",
   "private": false,
   "sideEffects": [