@os-design/use-resize-observer 1.0.9 → 1.0.11

package/dist/cjs/index.js

@@ -4,17 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _react = require("react");
-
 var _resizeObserverPolyfill = _interopRequireDefault(require("resize-observer-polyfill"));
-
 var _useBrowserLayoutEffect = _interopRequireDefault(require("@os-design/use-browser-layout-effect"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 var useResizeObserver = function useResizeObserver(target, listener) {
   var listenerRef = (0, _react.useRef)();
   (0, _react.useEffect)(function () {
@@ -22,20 +16,16 @@ var useResizeObserver = function useResizeObserver(target, listener) {
   }, [listener]);
   (0, _useBrowserLayoutEffect["default"])(function () {
     var element;
-
     if (_typeof(target) === 'object' && target !== null) {
       element = target instanceof Element ? target : target.current;
     }
-
     if (!element) return function () {
       return undefined;
     };
-
     var eventListener = function eventListener(entries, observer) {
       if (!listenerRef.current) return;
       listenerRef.current(entries, observer);
     };
-
     var resizeObserver = new _resizeObserverPolyfill["default"](eventListener);
     resizeObserver.observe(element);
     return function () {
@@ -43,7 +33,6 @@ var useResizeObserver = function useResizeObserver(target, listener) {
     };
   }, [target]);
 };
-
 var _default = useResizeObserver;
 exports["default"] = _default;
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["useResizeObserver","target","listener","listenerRef","useRef","useEffect","current","useBrowserLayoutEffect","element","Element","undefined","eventListener","entries","observer","resizeObserver","ResizeObserver","observe","unobserve"],"sources":["../../src/index.ts"],"sourcesContent":["import { RefObject, useEffect, useRef } from 'react';\nimport ResizeObserver from 'resize-observer-polyfill';\nimport useBrowserLayoutEffect from '@os-design/use-browser-layout-effect';\n\nconst useResizeObserver = (\n  target: Element | RefObject<Element>,\n  listener: ResizeObserverCallback\n): void => {\n  const listenerRef = useRef<ResizeObserverCallback>();\n\n  useEffect(() => {\n    listenerRef.current = listener;\n  }, [listener]);\n\n  useBrowserLayoutEffect(() => {\n    let element;\n    if (typeof target === 'object' && target !== null) {\n      element = target instanceof Element ? target : target.current;\n    }\n\n    if (!element) return () => undefined;\n\n    const eventListener: ResizeObserverCallback = (entries, observer) => {\n      if (!listenerRef.current) return;\n      listenerRef.current(entries, observer);\n    };\n\n    const resizeObserver = new ResizeObserver(eventListener);\n    resizeObserver.observe(element);\n\n    return () => resizeObserver.unobserve(element);\n  }, [target]);\n};\n\nexport default useResizeObserver;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;AAEA,IAAMA,iBAAiB,GAAG,SAApBA,iBAAoB,CACxBC,MADwB,EAExBC,QAFwB,EAGf;EACT,IAAMC,WAAW,GAAG,IAAAC,aAAA,GAApB;EAEA,IAAAC,gBAAA,EAAU,YAAM;IACdF,WAAW,CAACG,OAAZ,GAAsBJ,QAAtB;EACD,CAFD,EAEG,CAACA,QAAD,CAFH;EAIA,IAAAK,kCAAA,EAAuB,YAAM;IAC3B,IAAIC,OAAJ;;IACA,IAAI,QAAOP,MAAP,MAAkB,QAAlB,IAA8BA,MAAM,KAAK,IAA7C,EAAmD;MACjDO,OAAO,GAAGP,MAAM,YAAYQ,OAAlB,GAA4BR,MAA5B,GAAqCA,MAAM,CAACK,OAAtD;IACD;;IAED,IAAI,CAACE,OAAL,EAAc,OAAO;MAAA,OAAME,SAAN;IAAA,CAAP;;IAEd,IAAMC,aAAqC,GAAG,SAAxCA,aAAwC,CAACC,OAAD,EAAUC,QAAV,EAAuB;MACnE,IAAI,CAACV,WAAW,CAACG,OAAjB,EAA0B;MAC1BH,WAAW,CAACG,OAAZ,CAAoBM,OAApB,EAA6BC,QAA7B;IACD,CAHD;;IAKA,IAAMC,cAAc,GAAG,IAAIC,kCAAJ,CAAmBJ,aAAnB,CAAvB;IACAG,cAAc,CAACE,OAAf,CAAuBR,OAAvB;IAEA,OAAO;MAAA,OAAMM,cAAc,CAACG,SAAf,CAAyBT,OAAzB,CAAN;IAAA,CAAP;EACD,CAjBD,EAiBG,CAACP,MAAD,CAjBH;AAkBD,CA5BD;;eA8BeD,iB"}
+{"version":3,"file":"index.js","names":["useResizeObserver","target","listener","listenerRef","useRef","useEffect","current","useBrowserLayoutEffect","element","Element","undefined","eventListener","entries","observer","resizeObserver","ResizeObserver","observe","unobserve"],"sources":["../../src/index.ts"],"sourcesContent":["import { RefObject, useEffect, useRef } from 'react';\nimport ResizeObserver from 'resize-observer-polyfill';\nimport useBrowserLayoutEffect from '@os-design/use-browser-layout-effect';\n\nconst useResizeObserver = (\n  target: Element | RefObject<Element>,\n  listener: ResizeObserverCallback\n): void => {\n  const listenerRef = useRef<ResizeObserverCallback>();\n\n  useEffect(() => {\n    listenerRef.current = listener;\n  }, [listener]);\n\n  useBrowserLayoutEffect(() => {\n    let element;\n    if (typeof target === 'object' && target !== null) {\n      element = target instanceof Element ? target : target.current;\n    }\n\n    if (!element) return () => undefined;\n\n    const eventListener: ResizeObserverCallback = (entries, observer) => {\n      if (!listenerRef.current) return;\n      listenerRef.current(entries, observer);\n    };\n\n    const resizeObserver = new ResizeObserver(eventListener);\n    resizeObserver.observe(element);\n\n    return () => resizeObserver.unobserve(element);\n  }, [target]);\n};\n\nexport default useResizeObserver;\n"],"mappings":";;;;;;AAAA;AACA;AACA;AAA0E;AAAA;AAE1E,IAAMA,iBAAiB,GAAG,SAApBA,iBAAiB,CACrBC,MAAoC,EACpCC,QAAgC,EACvB;EACT,IAAMC,WAAW,GAAG,IAAAC,aAAM,GAA0B;EAEpD,IAAAC,gBAAS,EAAC,YAAM;IACdF,WAAW,CAACG,OAAO,GAAGJ,QAAQ;EAChC,CAAC,EAAE,CAACA,QAAQ,CAAC,CAAC;EAEd,IAAAK,kCAAsB,EAAC,YAAM;IAC3B,IAAIC,OAAO;IACX,IAAI,QAAOP,MAAM,MAAK,QAAQ,IAAIA,MAAM,KAAK,IAAI,EAAE;MACjDO,OAAO,GAAGP,MAAM,YAAYQ,OAAO,GAAGR,MAAM,GAAGA,MAAM,CAACK,OAAO;IAC/D;IAEA,IAAI,CAACE,OAAO,EAAE,OAAO;MAAA,OAAME,SAAS;IAAA;IAEpC,IAAMC,aAAqC,GAAG,SAAxCA,aAAqC,CAAIC,OAAO,EAAEC,QAAQ,EAAK;MACnE,IAAI,CAACV,WAAW,CAACG,OAAO,EAAE;MAC1BH,WAAW,CAACG,OAAO,CAACM,OAAO,EAAEC,QAAQ,CAAC;IACxC,CAAC;IAED,IAAMC,cAAc,GAAG,IAAIC,kCAAc,CAACJ,aAAa,CAAC;IACxDG,cAAc,CAACE,OAAO,CAACR,OAAO,CAAC;IAE/B,OAAO;MAAA,OAAMM,cAAc,CAACG,SAAS,CAACT,OAAO,CAAC;IAAA;EAChD,CAAC,EAAE,CAACP,MAAM,CAAC,CAAC;AACd,CAAC;AAAC,eAEaD,iBAAiB;AAAA"}

package/dist/esm/index.js

@@ -1,7 +1,6 @@
 import { useEffect, useRef } from 'react';
 import ResizeObserver from 'resize-observer-polyfill';
 import useBrowserLayoutEffect from '@os-design/use-browser-layout-effect';
-
 const useResizeObserver = (target, listener) => {
   const listenerRef = useRef();
   useEffect(() => {
@@ -9,23 +8,18 @@ const useResizeObserver = (target, listener) => {
   }, [listener]);
   useBrowserLayoutEffect(() => {
     let element;
-
     if (typeof target === 'object' && target !== null) {
       element = target instanceof Element ? target : target.current;
     }
-
     if (!element) return () => undefined;
-
     const eventListener = (entries, observer) => {
       if (!listenerRef.current) return;
       listenerRef.current(entries, observer);
     };
-
     const resizeObserver = new ResizeObserver(eventListener);
     resizeObserver.observe(element);
     return () => resizeObserver.unobserve(element);
   }, [target]);
 };
-
 export default useResizeObserver;
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["useEffect","useRef","ResizeObserver","useBrowserLayoutEffect","useResizeObserver","target","listener","listenerRef","current","element","Element","undefined","eventListener","entries","observer","resizeObserver","observe","unobserve"],"sources":["../../src/index.ts"],"sourcesContent":["import { RefObject, useEffect, useRef } from 'react';\nimport ResizeObserver from 'resize-observer-polyfill';\nimport useBrowserLayoutEffect from '@os-design/use-browser-layout-effect';\n\nconst useResizeObserver = (\n  target: Element | RefObject<Element>,\n  listener: ResizeObserverCallback\n): void => {\n  const listenerRef = useRef<ResizeObserverCallback>();\n\n  useEffect(() => {\n    listenerRef.current = listener;\n  }, [listener]);\n\n  useBrowserLayoutEffect(() => {\n    let element;\n    if (typeof target === 'object' && target !== null) {\n      element = target instanceof Element ? target : target.current;\n    }\n\n    if (!element) return () => undefined;\n\n    const eventListener: ResizeObserverCallback = (entries, observer) => {\n      if (!listenerRef.current) return;\n      listenerRef.current(entries, observer);\n    };\n\n    const resizeObserver = new ResizeObserver(eventListener);\n    resizeObserver.observe(element);\n\n    return () => resizeObserver.unobserve(element);\n  }, [target]);\n};\n\nexport default useResizeObserver;\n"],"mappings":"AAAA,SAAoBA,SAApB,EAA+BC,MAA/B,QAA6C,OAA7C;AACA,OAAOC,cAAP,MAA2B,0BAA3B;AACA,OAAOC,sBAAP,MAAmC,sCAAnC;;AAEA,MAAMC,iBAAiB,GAAG,CACxBC,MADwB,EAExBC,QAFwB,KAGf;EACT,MAAMC,WAAW,GAAGN,MAAM,EAA1B;EAEAD,SAAS,CAAC,MAAM;IACdO,WAAW,CAACC,OAAZ,GAAsBF,QAAtB;EACD,CAFQ,EAEN,CAACA,QAAD,CAFM,CAAT;EAIAH,sBAAsB,CAAC,MAAM;IAC3B,IAAIM,OAAJ;;IACA,IAAI,OAAOJ,MAAP,KAAkB,QAAlB,IAA8BA,MAAM,KAAK,IAA7C,EAAmD;MACjDI,OAAO,GAAGJ,MAAM,YAAYK,OAAlB,GAA4BL,MAA5B,GAAqCA,MAAM,CAACG,OAAtD;IACD;;IAED,IAAI,CAACC,OAAL,EAAc,OAAO,MAAME,SAAb;;IAEd,MAAMC,aAAqC,GAAG,CAACC,OAAD,EAAUC,QAAV,KAAuB;MACnE,IAAI,CAACP,WAAW,CAACC,OAAjB,EAA0B;MAC1BD,WAAW,CAACC,OAAZ,CAAoBK,OAApB,EAA6BC,QAA7B;IACD,CAHD;;IAKA,MAAMC,cAAc,GAAG,IAAIb,cAAJ,CAAmBU,aAAnB,CAAvB;IACAG,cAAc,CAACC,OAAf,CAAuBP,OAAvB;IAEA,OAAO,MAAMM,cAAc,CAACE,SAAf,CAAyBR,OAAzB,CAAb;EACD,CAjBqB,EAiBnB,CAACJ,MAAD,CAjBmB,CAAtB;AAkBD,CA5BD;;AA8BA,eAAeD,iBAAf"}
+{"version":3,"file":"index.js","names":["useEffect","useRef","ResizeObserver","useBrowserLayoutEffect","useResizeObserver","target","listener","listenerRef","current","element","Element","undefined","eventListener","entries","observer","resizeObserver","observe","unobserve"],"sources":["../../src/index.ts"],"sourcesContent":["import { RefObject, useEffect, useRef } from 'react';\nimport ResizeObserver from 'resize-observer-polyfill';\nimport useBrowserLayoutEffect from '@os-design/use-browser-layout-effect';\n\nconst useResizeObserver = (\n  target: Element | RefObject<Element>,\n  listener: ResizeObserverCallback\n): void => {\n  const listenerRef = useRef<ResizeObserverCallback>();\n\n  useEffect(() => {\n    listenerRef.current = listener;\n  }, [listener]);\n\n  useBrowserLayoutEffect(() => {\n    let element;\n    if (typeof target === 'object' && target !== null) {\n      element = target instanceof Element ? target : target.current;\n    }\n\n    if (!element) return () => undefined;\n\n    const eventListener: ResizeObserverCallback = (entries, observer) => {\n      if (!listenerRef.current) return;\n      listenerRef.current(entries, observer);\n    };\n\n    const resizeObserver = new ResizeObserver(eventListener);\n    resizeObserver.observe(element);\n\n    return () => resizeObserver.unobserve(element);\n  }, [target]);\n};\n\nexport default useResizeObserver;\n"],"mappings":"AAAA,SAAoBA,SAAS,EAAEC,MAAM,QAAQ,OAAO;AACpD,OAAOC,cAAc,MAAM,0BAA0B;AACrD,OAAOC,sBAAsB,MAAM,sCAAsC;AAEzE,MAAMC,iBAAiB,GAAG,CACxBC,MAAoC,EACpCC,QAAgC,KACvB;EACT,MAAMC,WAAW,GAAGN,MAAM,EAA0B;EAEpDD,SAAS,CAAC,MAAM;IACdO,WAAW,CAACC,OAAO,GAAGF,QAAQ;EAChC,CAAC,EAAE,CAACA,QAAQ,CAAC,CAAC;EAEdH,sBAAsB,CAAC,MAAM;IAC3B,IAAIM,OAAO;IACX,IAAI,OAAOJ,MAAM,KAAK,QAAQ,IAAIA,MAAM,KAAK,IAAI,EAAE;MACjDI,OAAO,GAAGJ,MAAM,YAAYK,OAAO,GAAGL,MAAM,GAAGA,MAAM,CAACG,OAAO;IAC/D;IAEA,IAAI,CAACC,OAAO,EAAE,OAAO,MAAME,SAAS;IAEpC,MAAMC,aAAqC,GAAG,CAACC,OAAO,EAAEC,QAAQ,KAAK;MACnE,IAAI,CAACP,WAAW,CAACC,OAAO,EAAE;MAC1BD,WAAW,CAACC,OAAO,CAACK,OAAO,EAAEC,QAAQ,CAAC;IACxC,CAAC;IAED,MAAMC,cAAc,GAAG,IAAIb,cAAc,CAACU,aAAa,CAAC;IACxDG,cAAc,CAACC,OAAO,CAACP,OAAO,CAAC;IAE/B,OAAO,MAAMM,cAAc,CAACE,SAAS,CAACR,OAAO,CAAC;EAChD,CAAC,EAAE,CAACJ,MAAM,CAAC,CAAC;AACd,CAAC;AAED,eAAeD,iBAAiB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@os-design/use-resize-observer",
-  "version": "1.0.9",
+  "version": "1.0.11",
   "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-browser-layout-effect": "^1.0.8",
+    "@os-design/use-browser-layout-effect": "^1.0.10",
     "resize-observer-polyfill": "^1.5.1"
   },
   "peerDependencies": {
     "react": ">=18"
   },
-  "gitHead": "bf790a74d01c9745a6cd8bae8ac6ad650ae42b62"
+  "gitHead": "8cb28f6719d699c014fbce91d832a9ff06abe515"
 }