@os-design/use-click-outside 1.0.10 → 1.0.11

package/dist/cjs/index.js

@@ -4,15 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _react = require("react");
-
 var _useEvent = _interopRequireDefault(require("@os-design/use-event"));
-
 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 useClickOutside = function useClickOutside(target, listener) {
   var listenerRef = (0, _react.useRef)();
   (0, _react.useEffect)(function () {
@@ -28,7 +23,6 @@ var useClickOutside = function useClickOutside(target, listener) {
   (0, _useEvent["default"])(document, 'mousedown', clickListener);
   (0, _useEvent["default"])(document, 'touchstart', clickListener);
 };
-
 var _default = useClickOutside;
 exports["default"] = _default;
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["useClickOutside","target","listener","listenerRef","useRef","useEffect","current","clickListener","useCallback","event","element","Element","contains","useEvent","document"],"sources":["../../src/index.ts"],"sourcesContent":["import { RefObject, useCallback, useEffect, useRef } from 'react';\nimport useEvent from '@os-design/use-event';\n\nconst useClickOutside = (\n  target: Element | RefObject<Element>,\n  listener: EventListener\n): void => {\n  const listenerRef = useRef<EventListener>();\n\n  useEffect(() => {\n    listenerRef.current = listener;\n  }, [listener]);\n\n  const clickListener = useCallback(\n    (event) => {\n      if (typeof target !== 'object' || target === null) return;\n      const element = target instanceof Element ? target : target.current;\n      if (element === null || !element.contains) return;\n      if (!listenerRef.current || element.contains(event.target)) return;\n      listenerRef.current(event);\n    },\n    [target]\n  );\n\n  useEvent(document, 'mousedown', clickListener);\n  useEvent(document, 'touchstart', clickListener);\n};\n\nexport default useClickOutside;\n"],"mappings":";;;;;;;AAAA;;AACA;;;;;;AAEA,IAAMA,eAAe,GAAG,SAAlBA,eAAkB,CACtBC,MADsB,EAEtBC,QAFsB,EAGb;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,IAAMK,aAAa,GAAG,IAAAC,kBAAA,EACpB,UAACC,KAAD,EAAW;IACT,IAAI,QAAOR,MAAP,MAAkB,QAAlB,IAA8BA,MAAM,KAAK,IAA7C,EAAmD;IACnD,IAAMS,OAAO,GAAGT,MAAM,YAAYU,OAAlB,GAA4BV,MAA5B,GAAqCA,MAAM,CAACK,OAA5D;IACA,IAAII,OAAO,KAAK,IAAZ,IAAoB,CAACA,OAAO,CAACE,QAAjC,EAA2C;IAC3C,IAAI,CAACT,WAAW,CAACG,OAAb,IAAwBI,OAAO,CAACE,QAAR,CAAiBH,KAAK,CAACR,MAAvB,CAA5B,EAA4D;IAC5DE,WAAW,CAACG,OAAZ,CAAoBG,KAApB;EACD,CAPmB,EAQpB,CAACR,MAAD,CARoB,CAAtB;EAWA,IAAAY,oBAAA,EAASC,QAAT,EAAmB,WAAnB,EAAgCP,aAAhC;EACA,IAAAM,oBAAA,EAASC,QAAT,EAAmB,YAAnB,EAAiCP,aAAjC;AACD,CAvBD;;eAyBeP,e"}
+{"version":3,"file":"index.js","names":["useClickOutside","target","listener","listenerRef","useRef","useEffect","current","clickListener","useCallback","event","element","Element","contains","useEvent","document"],"sources":["../../src/index.ts"],"sourcesContent":["import { RefObject, useCallback, useEffect, useRef } from 'react';\nimport useEvent from '@os-design/use-event';\n\nconst useClickOutside = (\n  target: Element | RefObject<Element>,\n  listener: EventListener\n): void => {\n  const listenerRef = useRef<EventListener>();\n\n  useEffect(() => {\n    listenerRef.current = listener;\n  }, [listener]);\n\n  const clickListener = useCallback(\n    (event) => {\n      if (typeof target !== 'object' || target === null) return;\n      const element = target instanceof Element ? target : target.current;\n      if (element === null || !element.contains) return;\n      if (!listenerRef.current || element.contains(event.target)) return;\n      listenerRef.current(event);\n    },\n    [target]\n  );\n\n  useEvent(document, 'mousedown', clickListener);\n  useEvent(document, 'touchstart', clickListener);\n};\n\nexport default useClickOutside;\n"],"mappings":";;;;;;AAAA;AACA;AAA4C;AAAA;AAE5C,IAAMA,eAAe,GAAG,SAAlBA,eAAe,CACnBC,MAAoC,EACpCC,QAAuB,EACd;EACT,IAAMC,WAAW,GAAG,IAAAC,aAAM,GAAiB;EAE3C,IAAAC,gBAAS,EAAC,YAAM;IACdF,WAAW,CAACG,OAAO,GAAGJ,QAAQ;EAChC,CAAC,EAAE,CAACA,QAAQ,CAAC,CAAC;EAEd,IAAMK,aAAa,GAAG,IAAAC,kBAAW,EAC/B,UAACC,KAAK,EAAK;IACT,IAAI,QAAOR,MAAM,MAAK,QAAQ,IAAIA,MAAM,KAAK,IAAI,EAAE;IACnD,IAAMS,OAAO,GAAGT,MAAM,YAAYU,OAAO,GAAGV,MAAM,GAAGA,MAAM,CAACK,OAAO;IACnE,IAAII,OAAO,KAAK,IAAI,IAAI,CAACA,OAAO,CAACE,QAAQ,EAAE;IAC3C,IAAI,CAACT,WAAW,CAACG,OAAO,IAAII,OAAO,CAACE,QAAQ,CAACH,KAAK,CAACR,MAAM,CAAC,EAAE;IAC5DE,WAAW,CAACG,OAAO,CAACG,KAAK,CAAC;EAC5B,CAAC,EACD,CAACR,MAAM,CAAC,CACT;EAED,IAAAY,oBAAQ,EAACC,QAAQ,EAAE,WAAW,EAAEP,aAAa,CAAC;EAC9C,IAAAM,oBAAQ,EAACC,QAAQ,EAAE,YAAY,EAAEP,aAAa,CAAC;AACjD,CAAC;AAAC,eAEaP,eAAe;AAAA"}

package/dist/esm/index.js

@@ -1,6 +1,5 @@
 import { useCallback, useEffect, useRef } from 'react';
 import useEvent from '@os-design/use-event';
-
 const useClickOutside = (target, listener) => {
   const listenerRef = useRef();
   useEffect(() => {
@@ -16,6 +15,5 @@ const useClickOutside = (target, listener) => {
   useEvent(document, 'mousedown', clickListener);
   useEvent(document, 'touchstart', clickListener);
 };
-
 export default useClickOutside;
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["useCallback","useEffect","useRef","useEvent","useClickOutside","target","listener","listenerRef","current","clickListener","event","element","Element","contains","document"],"sources":["../../src/index.ts"],"sourcesContent":["import { RefObject, useCallback, useEffect, useRef } from 'react';\nimport useEvent from '@os-design/use-event';\n\nconst useClickOutside = (\n  target: Element | RefObject<Element>,\n  listener: EventListener\n): void => {\n  const listenerRef = useRef<EventListener>();\n\n  useEffect(() => {\n    listenerRef.current = listener;\n  }, [listener]);\n\n  const clickListener = useCallback(\n    (event) => {\n      if (typeof target !== 'object' || target === null) return;\n      const element = target instanceof Element ? target : target.current;\n      if (element === null || !element.contains) return;\n      if (!listenerRef.current || element.contains(event.target)) return;\n      listenerRef.current(event);\n    },\n    [target]\n  );\n\n  useEvent(document, 'mousedown', clickListener);\n  useEvent(document, 'touchstart', clickListener);\n};\n\nexport default useClickOutside;\n"],"mappings":"AAAA,SAAoBA,WAApB,EAAiCC,SAAjC,EAA4CC,MAA5C,QAA0D,OAA1D;AACA,OAAOC,QAAP,MAAqB,sBAArB;;AAEA,MAAMC,eAAe,GAAG,CACtBC,MADsB,EAEtBC,QAFsB,KAGb;EACT,MAAMC,WAAW,GAAGL,MAAM,EAA1B;EAEAD,SAAS,CAAC,MAAM;IACdM,WAAW,CAACC,OAAZ,GAAsBF,QAAtB;EACD,CAFQ,EAEN,CAACA,QAAD,CAFM,CAAT;EAIA,MAAMG,aAAa,GAAGT,WAAW,CAC9BU,KAAD,IAAW;IACT,IAAI,OAAOL,MAAP,KAAkB,QAAlB,IAA8BA,MAAM,KAAK,IAA7C,EAAmD;IACnD,MAAMM,OAAO,GAAGN,MAAM,YAAYO,OAAlB,GAA4BP,MAA5B,GAAqCA,MAAM,CAACG,OAA5D;IACA,IAAIG,OAAO,KAAK,IAAZ,IAAoB,CAACA,OAAO,CAACE,QAAjC,EAA2C;IAC3C,IAAI,CAACN,WAAW,CAACC,OAAb,IAAwBG,OAAO,CAACE,QAAR,CAAiBH,KAAK,CAACL,MAAvB,CAA5B,EAA4D;IAC5DE,WAAW,CAACC,OAAZ,CAAoBE,KAApB;EACD,CAP8B,EAQ/B,CAACL,MAAD,CAR+B,CAAjC;EAWAF,QAAQ,CAACW,QAAD,EAAW,WAAX,EAAwBL,aAAxB,CAAR;EACAN,QAAQ,CAACW,QAAD,EAAW,YAAX,EAAyBL,aAAzB,CAAR;AACD,CAvBD;;AAyBA,eAAeL,eAAf"}
+{"version":3,"file":"index.js","names":["useCallback","useEffect","useRef","useEvent","useClickOutside","target","listener","listenerRef","current","clickListener","event","element","Element","contains","document"],"sources":["../../src/index.ts"],"sourcesContent":["import { RefObject, useCallback, useEffect, useRef } from 'react';\nimport useEvent from '@os-design/use-event';\n\nconst useClickOutside = (\n  target: Element | RefObject<Element>,\n  listener: EventListener\n): void => {\n  const listenerRef = useRef<EventListener>();\n\n  useEffect(() => {\n    listenerRef.current = listener;\n  }, [listener]);\n\n  const clickListener = useCallback(\n    (event) => {\n      if (typeof target !== 'object' || target === null) return;\n      const element = target instanceof Element ? target : target.current;\n      if (element === null || !element.contains) return;\n      if (!listenerRef.current || element.contains(event.target)) return;\n      listenerRef.current(event);\n    },\n    [target]\n  );\n\n  useEvent(document, 'mousedown', clickListener);\n  useEvent(document, 'touchstart', clickListener);\n};\n\nexport default useClickOutside;\n"],"mappings":"AAAA,SAAoBA,WAAW,EAAEC,SAAS,EAAEC,MAAM,QAAQ,OAAO;AACjE,OAAOC,QAAQ,MAAM,sBAAsB;AAE3C,MAAMC,eAAe,GAAG,CACtBC,MAAoC,EACpCC,QAAuB,KACd;EACT,MAAMC,WAAW,GAAGL,MAAM,EAAiB;EAE3CD,SAAS,CAAC,MAAM;IACdM,WAAW,CAACC,OAAO,GAAGF,QAAQ;EAChC,CAAC,EAAE,CAACA,QAAQ,CAAC,CAAC;EAEd,MAAMG,aAAa,GAAGT,WAAW,CAC9BU,KAAK,IAAK;IACT,IAAI,OAAOL,MAAM,KAAK,QAAQ,IAAIA,MAAM,KAAK,IAAI,EAAE;IACnD,MAAMM,OAAO,GAAGN,MAAM,YAAYO,OAAO,GAAGP,MAAM,GAAGA,MAAM,CAACG,OAAO;IACnE,IAAIG,OAAO,KAAK,IAAI,IAAI,CAACA,OAAO,CAACE,QAAQ,EAAE;IAC3C,IAAI,CAACN,WAAW,CAACC,OAAO,IAAIG,OAAO,CAACE,QAAQ,CAACH,KAAK,CAACL,MAAM,CAAC,EAAE;IAC5DE,WAAW,CAACC,OAAO,CAACE,KAAK,CAAC;EAC5B,CAAC,EACD,CAACL,MAAM,CAAC,CACT;EAEDF,QAAQ,CAACW,QAAQ,EAAE,WAAW,EAAEL,aAAa,CAAC;EAC9CN,QAAQ,CAACW,QAAQ,EAAE,YAAY,EAAEL,aAAa,CAAC;AACjD,CAAC;AAED,eAAeL,eAAe"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@os-design/use-click-outside",
-  "version": "1.0.10",
+  "version": "1.0.11",
   "license": "UNLICENSED",
   "repository": "git@gitlab.com:os-team/libs/os-design.git",
   "main": "dist/cjs/index.js",
@@ -29,10 +29,10 @@
     "access": "public"
   },
   "dependencies": {
-    "@os-design/use-event": "^1.0.10"
+    "@os-design/use-event": "^1.0.11"
   },
   "peerDependencies": {
     "react": ">=18"
   },
-  "gitHead": "174987fc6c9d55db201be10abde3a4cf5a790573"
+  "gitHead": "8cb28f6719d699c014fbce91d832a9ff06abe515"
 }