@os-design/use-load-next 1.0.19 → 1.0.21

package/dist/cjs/index.js

@@ -4,29 +4,23 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _react = require("react");
-
 var _useEvent = _interopRequireDefault(require("@os-design/use-event"));
-
 var _useSize = _interopRequireDefault(require("@os-design/use-size"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 var getElement = function getElement(el) {
   return el instanceof Element ? el : el.current;
 };
-
 var useLoadNext = function useLoadNext(paginationProps) {
   var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   var hasNext = paginationProps.hasNext,
-      isLoadingNext = paginationProps.isLoadingNext,
-      loadNext = paginationProps.loadNext;
+    isLoadingNext = paginationProps.isLoadingNext,
+    loadNext = paginationProps.loadNext;
   var _options$count = options.count,
-      count = _options$count === void 0 ? 60 : _options$count,
-      _options$threshold = options.threshold,
-      threshold = _options$threshold === void 0 ? 500 : _options$threshold,
-      container = options.container;
+    count = _options$count === void 0 ? 60 : _options$count,
+    _options$threshold = options.threshold,
+    threshold = _options$threshold === void 0 ? 500 : _options$threshold,
+    container = options.container;
   var size = (0, _useSize["default"])(container);
   var getScrollHeight = (0, _react.useCallback)(function () {
     if (!container) return document.body.scrollHeight;
@@ -42,14 +36,12 @@ var useLoadNext = function useLoadNext(paginationProps) {
   }, [container]);
   var scrollListener = (0, _react.useCallback)(function () {
     var maxScrollTopBeforeLoad = getScrollHeight() - size.height - threshold;
-
     if (getScrollTop() >= maxScrollTopBeforeLoad && hasNext && !isLoadingNext) {
       loadNext(count);
     }
   }, [getScrollHeight, getScrollTop, size.height, threshold, hasNext, isLoadingNext, loadNext, count]);
   (0, _useEvent["default"])(container || (typeof window !== 'undefined' ? window : undefined), 'scroll', scrollListener);
 };
-
 var _default = useLoadNext;
 exports["default"] = _default;
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["getElement","el","Element","current","useLoadNext","paginationProps","options","hasNext","isLoadingNext","loadNext","count","threshold","container","size","useSize","getScrollHeight","useCallback","document","body","scrollHeight","containerElement","getScrollTop","window","pageYOffset","scrollTop","scrollListener","maxScrollTopBeforeLoad","height","useEvent","undefined"],"sources":["../../src/index.ts"],"sourcesContent":["import { RefObject, useCallback } from 'react';\nimport { LoadMoreFn } from 'react-relay';\nimport { OperationType } from 'relay-runtime';\nimport useEvent from '@os-design/use-event';\nimport useSize from '@os-design/use-size';\n\ninterface PaginationProps {\n  hasNext: boolean;\n  isLoadingNext: boolean;\n  loadNext: LoadMoreFn<OperationType>;\n}\n\ninterface Options {\n  count?: number;\n  threshold?: number;\n  container?: Element | RefObject<Element>;\n}\n\nconst getElement = (el: Element | RefObject<Element>) =>\n  el instanceof Element ? el : el.current;\n\nconst useLoadNext = (\n  paginationProps: PaginationProps,\n  options: Options = {}\n): void => {\n  const { hasNext, isLoadingNext, loadNext } = paginationProps;\n  const { count = 60, threshold = 500, container } = options;\n\n  const size = useSize(container);\n\n  const getScrollHeight = useCallback(() => {\n    if (!container) return document.body.scrollHeight;\n    const containerElement = getElement(container);\n    if (!containerElement) return 0;\n    return containerElement.scrollHeight;\n  }, [container]);\n\n  const getScrollTop = useCallback(() => {\n    if (!container) return window.pageYOffset;\n    const containerElement = getElement(container);\n    if (!containerElement) return 0;\n    return containerElement.scrollTop;\n  }, [container]);\n\n  const scrollListener = useCallback(() => {\n    const maxScrollTopBeforeLoad = getScrollHeight() - size.height - threshold;\n    if (getScrollTop() >= maxScrollTopBeforeLoad && hasNext && !isLoadingNext) {\n      loadNext(count);\n    }\n  }, [\n    getScrollHeight,\n    getScrollTop,\n    size.height,\n    threshold,\n    hasNext,\n    isLoadingNext,\n    loadNext,\n    count,\n  ]);\n\n  useEvent(\n    container ||\n      ((typeof window !== 'undefined' ? window : undefined) as never),\n    'scroll',\n    scrollListener\n  );\n};\n\nexport default useLoadNext;\n"],"mappings":";;;;;;;AAAA;;AAGA;;AACA;;;;AAcA,IAAMA,UAAU,GAAG,SAAbA,UAAa,CAACC,EAAD;EAAA,OACjBA,EAAE,YAAYC,OAAd,GAAwBD,EAAxB,GAA6BA,EAAE,CAACE,OADf;AAAA,CAAnB;;AAGA,IAAMC,WAAW,GAAG,SAAdA,WAAc,CAClBC,eADkB,EAGT;EAAA,IADTC,OACS,uEADU,EACV;EACT,IAAQC,OAAR,GAA6CF,eAA7C,CAAQE,OAAR;EAAA,IAAiBC,aAAjB,GAA6CH,eAA7C,CAAiBG,aAAjB;EAAA,IAAgCC,QAAhC,GAA6CJ,eAA7C,CAAgCI,QAAhC;EACA,qBAAmDH,OAAnD,CAAQI,KAAR;EAAA,IAAQA,KAAR,+BAAgB,EAAhB;EAAA,yBAAmDJ,OAAnD,CAAoBK,SAApB;EAAA,IAAoBA,SAApB,mCAAgC,GAAhC;EAAA,IAAqCC,SAArC,GAAmDN,OAAnD,CAAqCM,SAArC;EAEA,IAAMC,IAAI,GAAG,IAAAC,mBAAA,EAAQF,SAAR,CAAb;EAEA,IAAMG,eAAe,GAAG,IAAAC,kBAAA,EAAY,YAAM;IACxC,IAAI,CAACJ,SAAL,EAAgB,OAAOK,QAAQ,CAACC,IAAT,CAAcC,YAArB;IAChB,IAAMC,gBAAgB,GAAGpB,UAAU,CAACY,SAAD,CAAnC;IACA,IAAI,CAACQ,gBAAL,EAAuB,OAAO,CAAP;IACvB,OAAOA,gBAAgB,CAACD,YAAxB;EACD,CALuB,EAKrB,CAACP,SAAD,CALqB,CAAxB;EAOA,IAAMS,YAAY,GAAG,IAAAL,kBAAA,EAAY,YAAM;IACrC,IAAI,CAACJ,SAAL,EAAgB,OAAOU,MAAM,CAACC,WAAd;IAChB,IAAMH,gBAAgB,GAAGpB,UAAU,CAACY,SAAD,CAAnC;IACA,IAAI,CAACQ,gBAAL,EAAuB,OAAO,CAAP;IACvB,OAAOA,gBAAgB,CAACI,SAAxB;EACD,CALoB,EAKlB,CAACZ,SAAD,CALkB,CAArB;EAOA,IAAMa,cAAc,GAAG,IAAAT,kBAAA,EAAY,YAAM;IACvC,IAAMU,sBAAsB,GAAGX,eAAe,KAAKF,IAAI,CAACc,MAAzB,GAAkChB,SAAjE;;IACA,IAAIU,YAAY,MAAMK,sBAAlB,IAA4CnB,OAA5C,IAAuD,CAACC,aAA5D,EAA2E;MACzEC,QAAQ,CAACC,KAAD,CAAR;IACD;EACF,CALsB,EAKpB,CACDK,eADC,EAEDM,YAFC,EAGDR,IAAI,CAACc,MAHJ,EAIDhB,SAJC,EAKDJ,OALC,EAMDC,aANC,EAODC,QAPC,EAQDC,KARC,CALoB,CAAvB;EAgBA,IAAAkB,oBAAA,EACEhB,SAAS,KACL,OAAOU,MAAP,KAAkB,WAAlB,GAAgCA,MAAhC,GAAyCO,SADpC,CADX,EAGE,QAHF,EAIEJ,cAJF;AAMD,CA7CD;;eA+CerB,W"}
+{"version":3,"file":"index.js","names":["getElement","el","Element","current","useLoadNext","paginationProps","options","hasNext","isLoadingNext","loadNext","count","threshold","container","size","useSize","getScrollHeight","useCallback","document","body","scrollHeight","containerElement","getScrollTop","window","pageYOffset","scrollTop","scrollListener","maxScrollTopBeforeLoad","height","useEvent","undefined"],"sources":["../../src/index.ts"],"sourcesContent":["import { RefObject, useCallback } from 'react';\nimport { LoadMoreFn } from 'react-relay';\nimport { OperationType } from 'relay-runtime';\nimport useEvent from '@os-design/use-event';\nimport useSize from '@os-design/use-size';\n\ninterface PaginationProps {\n  hasNext: boolean;\n  isLoadingNext: boolean;\n  loadNext: LoadMoreFn<OperationType>;\n}\n\ninterface Options {\n  count?: number;\n  threshold?: number;\n  container?: Element | RefObject<Element>;\n}\n\nconst getElement = (el: Element | RefObject<Element>) =>\n  el instanceof Element ? el : el.current;\n\nconst useLoadNext = (\n  paginationProps: PaginationProps,\n  options: Options = {}\n): void => {\n  const { hasNext, isLoadingNext, loadNext } = paginationProps;\n  const { count = 60, threshold = 500, container } = options;\n\n  const size = useSize(container);\n\n  const getScrollHeight = useCallback(() => {\n    if (!container) return document.body.scrollHeight;\n    const containerElement = getElement(container);\n    if (!containerElement) return 0;\n    return containerElement.scrollHeight;\n  }, [container]);\n\n  const getScrollTop = useCallback(() => {\n    if (!container) return window.pageYOffset;\n    const containerElement = getElement(container);\n    if (!containerElement) return 0;\n    return containerElement.scrollTop;\n  }, [container]);\n\n  const scrollListener = useCallback(() => {\n    const maxScrollTopBeforeLoad = getScrollHeight() - size.height - threshold;\n    if (getScrollTop() >= maxScrollTopBeforeLoad && hasNext && !isLoadingNext) {\n      loadNext(count);\n    }\n  }, [\n    getScrollHeight,\n    getScrollTop,\n    size.height,\n    threshold,\n    hasNext,\n    isLoadingNext,\n    loadNext,\n    count,\n  ]);\n\n  useEvent(\n    container ||\n      ((typeof window !== 'undefined' ? window : undefined) as never),\n    'scroll',\n    scrollListener\n  );\n};\n\nexport default useLoadNext;\n"],"mappings":";;;;;;AAAA;AAGA;AACA;AAA0C;AAc1C,IAAMA,UAAU,GAAG,SAAbA,UAAU,CAAIC,EAAgC;EAAA,OAClDA,EAAE,YAAYC,OAAO,GAAGD,EAAE,GAAGA,EAAE,CAACE,OAAO;AAAA;AAEzC,IAAMC,WAAW,GAAG,SAAdA,WAAW,CACfC,eAAgC,EAEvB;EAAA,IADTC,OAAgB,uEAAG,CAAC,CAAC;EAErB,IAAQC,OAAO,GAA8BF,eAAe,CAApDE,OAAO;IAAEC,aAAa,GAAeH,eAAe,CAA3CG,aAAa;IAAEC,QAAQ,GAAKJ,eAAe,CAA5BI,QAAQ;EACxC,qBAAmDH,OAAO,CAAlDI,KAAK;IAALA,KAAK,+BAAG,EAAE;IAAA,qBAAiCJ,OAAO,CAAtCK,SAAS;IAATA,SAAS,mCAAG,GAAG;IAAEC,SAAS,GAAKN,OAAO,CAArBM,SAAS;EAE9C,IAAMC,IAAI,GAAG,IAAAC,mBAAO,EAACF,SAAS,CAAC;EAE/B,IAAMG,eAAe,GAAG,IAAAC,kBAAW,EAAC,YAAM;IACxC,IAAI,CAACJ,SAAS,EAAE,OAAOK,QAAQ,CAACC,IAAI,CAACC,YAAY;IACjD,IAAMC,gBAAgB,GAAGpB,UAAU,CAACY,SAAS,CAAC;IAC9C,IAAI,CAACQ,gBAAgB,EAAE,OAAO,CAAC;IAC/B,OAAOA,gBAAgB,CAACD,YAAY;EACtC,CAAC,EAAE,CAACP,SAAS,CAAC,CAAC;EAEf,IAAMS,YAAY,GAAG,IAAAL,kBAAW,EAAC,YAAM;IACrC,IAAI,CAACJ,SAAS,EAAE,OAAOU,MAAM,CAACC,WAAW;IACzC,IAAMH,gBAAgB,GAAGpB,UAAU,CAACY,SAAS,CAAC;IAC9C,IAAI,CAACQ,gBAAgB,EAAE,OAAO,CAAC;IAC/B,OAAOA,gBAAgB,CAACI,SAAS;EACnC,CAAC,EAAE,CAACZ,SAAS,CAAC,CAAC;EAEf,IAAMa,cAAc,GAAG,IAAAT,kBAAW,EAAC,YAAM;IACvC,IAAMU,sBAAsB,GAAGX,eAAe,EAAE,GAAGF,IAAI,CAACc,MAAM,GAAGhB,SAAS;IAC1E,IAAIU,YAAY,EAAE,IAAIK,sBAAsB,IAAInB,OAAO,IAAI,CAACC,aAAa,EAAE;MACzEC,QAAQ,CAACC,KAAK,CAAC;IACjB;EACF,CAAC,EAAE,CACDK,eAAe,EACfM,YAAY,EACZR,IAAI,CAACc,MAAM,EACXhB,SAAS,EACTJ,OAAO,EACPC,aAAa,EACbC,QAAQ,EACRC,KAAK,CACN,CAAC;EAEF,IAAAkB,oBAAQ,EACNhB,SAAS,KACL,OAAOU,MAAM,KAAK,WAAW,GAAGA,MAAM,GAAGO,SAAS,CAAW,EACjE,QAAQ,EACRJ,cAAc,CACf;AACH,CAAC;AAAC,eAEarB,WAAW;AAAA"}

package/dist/esm/index.js

@@ -1,9 +1,7 @@
 import { useCallback } from 'react';
 import useEvent from '@os-design/use-event';
 import useSize from '@os-design/use-size';
-
 const getElement = el => el instanceof Element ? el : el.current;
-
 const useLoadNext = (paginationProps, options = {}) => {
   const {
     hasNext,
@@ -30,13 +28,11 @@ const useLoadNext = (paginationProps, options = {}) => {
   }, [container]);
   const scrollListener = useCallback(() => {
     const maxScrollTopBeforeLoad = getScrollHeight() - size.height - threshold;
-
     if (getScrollTop() >= maxScrollTopBeforeLoad && hasNext && !isLoadingNext) {
       loadNext(count);
     }
   }, [getScrollHeight, getScrollTop, size.height, threshold, hasNext, isLoadingNext, loadNext, count]);
   useEvent(container || (typeof window !== 'undefined' ? window : undefined), 'scroll', scrollListener);
 };
-
 export default useLoadNext;
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["useCallback","useEvent","useSize","getElement","el","Element","current","useLoadNext","paginationProps","options","hasNext","isLoadingNext","loadNext","count","threshold","container","size","getScrollHeight","document","body","scrollHeight","containerElement","getScrollTop","window","pageYOffset","scrollTop","scrollListener","maxScrollTopBeforeLoad","height","undefined"],"sources":["../../src/index.ts"],"sourcesContent":["import { RefObject, useCallback } from 'react';\nimport { LoadMoreFn } from 'react-relay';\nimport { OperationType } from 'relay-runtime';\nimport useEvent from '@os-design/use-event';\nimport useSize from '@os-design/use-size';\n\ninterface PaginationProps {\n  hasNext: boolean;\n  isLoadingNext: boolean;\n  loadNext: LoadMoreFn<OperationType>;\n}\n\ninterface Options {\n  count?: number;\n  threshold?: number;\n  container?: Element | RefObject<Element>;\n}\n\nconst getElement = (el: Element | RefObject<Element>) =>\n  el instanceof Element ? el : el.current;\n\nconst useLoadNext = (\n  paginationProps: PaginationProps,\n  options: Options = {}\n): void => {\n  const { hasNext, isLoadingNext, loadNext } = paginationProps;\n  const { count = 60, threshold = 500, container } = options;\n\n  const size = useSize(container);\n\n  const getScrollHeight = useCallback(() => {\n    if (!container) return document.body.scrollHeight;\n    const containerElement = getElement(container);\n    if (!containerElement) return 0;\n    return containerElement.scrollHeight;\n  }, [container]);\n\n  const getScrollTop = useCallback(() => {\n    if (!container) return window.pageYOffset;\n    const containerElement = getElement(container);\n    if (!containerElement) return 0;\n    return containerElement.scrollTop;\n  }, [container]);\n\n  const scrollListener = useCallback(() => {\n    const maxScrollTopBeforeLoad = getScrollHeight() - size.height - threshold;\n    if (getScrollTop() >= maxScrollTopBeforeLoad && hasNext && !isLoadingNext) {\n      loadNext(count);\n    }\n  }, [\n    getScrollHeight,\n    getScrollTop,\n    size.height,\n    threshold,\n    hasNext,\n    isLoadingNext,\n    loadNext,\n    count,\n  ]);\n\n  useEvent(\n    container ||\n      ((typeof window !== 'undefined' ? window : undefined) as never),\n    'scroll',\n    scrollListener\n  );\n};\n\nexport default useLoadNext;\n"],"mappings":"AAAA,SAAoBA,WAApB,QAAuC,OAAvC;AAGA,OAAOC,QAAP,MAAqB,sBAArB;AACA,OAAOC,OAAP,MAAoB,qBAApB;;AAcA,MAAMC,UAAU,GAAIC,EAAD,IACjBA,EAAE,YAAYC,OAAd,GAAwBD,EAAxB,GAA6BA,EAAE,CAACE,OADlC;;AAGA,MAAMC,WAAW,GAAG,CAClBC,eADkB,EAElBC,OAAgB,GAAG,EAFD,KAGT;EACT,MAAM;IAAEC,OAAF;IAAWC,aAAX;IAA0BC;EAA1B,IAAuCJ,eAA7C;EACA,MAAM;IAAEK,KAAK,GAAG,EAAV;IAAcC,SAAS,GAAG,GAA1B;IAA+BC;EAA/B,IAA6CN,OAAnD;EAEA,MAAMO,IAAI,GAAGd,OAAO,CAACa,SAAD,CAApB;EAEA,MAAME,eAAe,GAAGjB,WAAW,CAAC,MAAM;IACxC,IAAI,CAACe,SAAL,EAAgB,OAAOG,QAAQ,CAACC,IAAT,CAAcC,YAArB;IAChB,MAAMC,gBAAgB,GAAGlB,UAAU,CAACY,SAAD,CAAnC;IACA,IAAI,CAACM,gBAAL,EAAuB,OAAO,CAAP;IACvB,OAAOA,gBAAgB,CAACD,YAAxB;EACD,CALkC,EAKhC,CAACL,SAAD,CALgC,CAAnC;EAOA,MAAMO,YAAY,GAAGtB,WAAW,CAAC,MAAM;IACrC,IAAI,CAACe,SAAL,EAAgB,OAAOQ,MAAM,CAACC,WAAd;IAChB,MAAMH,gBAAgB,GAAGlB,UAAU,CAACY,SAAD,CAAnC;IACA,IAAI,CAACM,gBAAL,EAAuB,OAAO,CAAP;IACvB,OAAOA,gBAAgB,CAACI,SAAxB;EACD,CAL+B,EAK7B,CAACV,SAAD,CAL6B,CAAhC;EAOA,MAAMW,cAAc,GAAG1B,WAAW,CAAC,MAAM;IACvC,MAAM2B,sBAAsB,GAAGV,eAAe,KAAKD,IAAI,CAACY,MAAzB,GAAkCd,SAAjE;;IACA,IAAIQ,YAAY,MAAMK,sBAAlB,IAA4CjB,OAA5C,IAAuD,CAACC,aAA5D,EAA2E;MACzEC,QAAQ,CAACC,KAAD,CAAR;IACD;EACF,CALiC,EAK/B,CACDI,eADC,EAEDK,YAFC,EAGDN,IAAI,CAACY,MAHJ,EAIDd,SAJC,EAKDJ,OALC,EAMDC,aANC,EAODC,QAPC,EAQDC,KARC,CAL+B,CAAlC;EAgBAZ,QAAQ,CACNc,SAAS,KACL,OAAOQ,MAAP,KAAkB,WAAlB,GAAgCA,MAAhC,GAAyCM,SADpC,CADH,EAGN,QAHM,EAINH,cAJM,CAAR;AAMD,CA7CD;;AA+CA,eAAenB,WAAf"}
+{"version":3,"file":"index.js","names":["useCallback","useEvent","useSize","getElement","el","Element","current","useLoadNext","paginationProps","options","hasNext","isLoadingNext","loadNext","count","threshold","container","size","getScrollHeight","document","body","scrollHeight","containerElement","getScrollTop","window","pageYOffset","scrollTop","scrollListener","maxScrollTopBeforeLoad","height","undefined"],"sources":["../../src/index.ts"],"sourcesContent":["import { RefObject, useCallback } from 'react';\nimport { LoadMoreFn } from 'react-relay';\nimport { OperationType } from 'relay-runtime';\nimport useEvent from '@os-design/use-event';\nimport useSize from '@os-design/use-size';\n\ninterface PaginationProps {\n  hasNext: boolean;\n  isLoadingNext: boolean;\n  loadNext: LoadMoreFn<OperationType>;\n}\n\ninterface Options {\n  count?: number;\n  threshold?: number;\n  container?: Element | RefObject<Element>;\n}\n\nconst getElement = (el: Element | RefObject<Element>) =>\n  el instanceof Element ? el : el.current;\n\nconst useLoadNext = (\n  paginationProps: PaginationProps,\n  options: Options = {}\n): void => {\n  const { hasNext, isLoadingNext, loadNext } = paginationProps;\n  const { count = 60, threshold = 500, container } = options;\n\n  const size = useSize(container);\n\n  const getScrollHeight = useCallback(() => {\n    if (!container) return document.body.scrollHeight;\n    const containerElement = getElement(container);\n    if (!containerElement) return 0;\n    return containerElement.scrollHeight;\n  }, [container]);\n\n  const getScrollTop = useCallback(() => {\n    if (!container) return window.pageYOffset;\n    const containerElement = getElement(container);\n    if (!containerElement) return 0;\n    return containerElement.scrollTop;\n  }, [container]);\n\n  const scrollListener = useCallback(() => {\n    const maxScrollTopBeforeLoad = getScrollHeight() - size.height - threshold;\n    if (getScrollTop() >= maxScrollTopBeforeLoad && hasNext && !isLoadingNext) {\n      loadNext(count);\n    }\n  }, [\n    getScrollHeight,\n    getScrollTop,\n    size.height,\n    threshold,\n    hasNext,\n    isLoadingNext,\n    loadNext,\n    count,\n  ]);\n\n  useEvent(\n    container ||\n      ((typeof window !== 'undefined' ? window : undefined) as never),\n    'scroll',\n    scrollListener\n  );\n};\n\nexport default useLoadNext;\n"],"mappings":"AAAA,SAAoBA,WAAW,QAAQ,OAAO;AAG9C,OAAOC,QAAQ,MAAM,sBAAsB;AAC3C,OAAOC,OAAO,MAAM,qBAAqB;AAczC,MAAMC,UAAU,GAAIC,EAAgC,IAClDA,EAAE,YAAYC,OAAO,GAAGD,EAAE,GAAGA,EAAE,CAACE,OAAO;AAEzC,MAAMC,WAAW,GAAG,CAClBC,eAAgC,EAChCC,OAAgB,GAAG,CAAC,CAAC,KACZ;EACT,MAAM;IAAEC,OAAO;IAAEC,aAAa;IAAEC;EAAS,CAAC,GAAGJ,eAAe;EAC5D,MAAM;IAAEK,KAAK,GAAG,EAAE;IAAEC,SAAS,GAAG,GAAG;IAAEC;EAAU,CAAC,GAAGN,OAAO;EAE1D,MAAMO,IAAI,GAAGd,OAAO,CAACa,SAAS,CAAC;EAE/B,MAAME,eAAe,GAAGjB,WAAW,CAAC,MAAM;IACxC,IAAI,CAACe,SAAS,EAAE,OAAOG,QAAQ,CAACC,IAAI,CAACC,YAAY;IACjD,MAAMC,gBAAgB,GAAGlB,UAAU,CAACY,SAAS,CAAC;IAC9C,IAAI,CAACM,gBAAgB,EAAE,OAAO,CAAC;IAC/B,OAAOA,gBAAgB,CAACD,YAAY;EACtC,CAAC,EAAE,CAACL,SAAS,CAAC,CAAC;EAEf,MAAMO,YAAY,GAAGtB,WAAW,CAAC,MAAM;IACrC,IAAI,CAACe,SAAS,EAAE,OAAOQ,MAAM,CAACC,WAAW;IACzC,MAAMH,gBAAgB,GAAGlB,UAAU,CAACY,SAAS,CAAC;IAC9C,IAAI,CAACM,gBAAgB,EAAE,OAAO,CAAC;IAC/B,OAAOA,gBAAgB,CAACI,SAAS;EACnC,CAAC,EAAE,CAACV,SAAS,CAAC,CAAC;EAEf,MAAMW,cAAc,GAAG1B,WAAW,CAAC,MAAM;IACvC,MAAM2B,sBAAsB,GAAGV,eAAe,EAAE,GAAGD,IAAI,CAACY,MAAM,GAAGd,SAAS;IAC1E,IAAIQ,YAAY,EAAE,IAAIK,sBAAsB,IAAIjB,OAAO,IAAI,CAACC,aAAa,EAAE;MACzEC,QAAQ,CAACC,KAAK,CAAC;IACjB;EACF,CAAC,EAAE,CACDI,eAAe,EACfK,YAAY,EACZN,IAAI,CAACY,MAAM,EACXd,SAAS,EACTJ,OAAO,EACPC,aAAa,EACbC,QAAQ,EACRC,KAAK,CACN,CAAC;EAEFZ,QAAQ,CACNc,SAAS,KACL,OAAOQ,MAAM,KAAK,WAAW,GAAGA,MAAM,GAAGM,SAAS,CAAW,EACjE,QAAQ,EACRH,cAAc,CACf;AACH,CAAC;AAED,eAAenB,WAAW"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@os-design/use-load-next",
-  "version": "1.0.19",
+  "version": "1.0.21",
   "license": "UNLICENSED",
   "repository": "git@gitlab.com:os-team/libs/os-design.git",
   "main": "dist/cjs/index.js",
@@ -29,11 +29,11 @@
     "access": "public"
   },
   "dependencies": {
-    "@os-design/use-event": "^1.0.10",
-    "@os-design/use-size": "^1.0.10"
+    "@os-design/use-event": "^1.0.11",
+    "@os-design/use-size": "^1.0.11"
   },
   "devDependencies": {
-    "@types/react-relay": "^14.1.1",
+    "@types/react-relay": "^14.1.2",
     "react": "^18.2.0",
     "react-relay": "^14.1.0",
     "relay-runtime": "^14.1.0"
@@ -43,5 +43,5 @@
     "react-relay": ">=13",
     "relay-runtime": ">=13"
   },
-  "gitHead": "5b1feb3671b98c041f2ed5e0780ad469f6475f2c"
+  "gitHead": "146a53568bed5d88a27183e889dde51a44681366"
 }