@os-design/use-click-outside 1.0.24 → 1.0.25

package/dist/{types/index.d.ts → index.d.ts}

@@ -1,4 +1,4 @@
-import { RefObject } from 'react';
+import { type RefObject } from 'react';
 declare const useClickOutside: (target: Element | RefObject<Element>, listener: EventListener) => void;
 export default useClickOutside;
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAkC,MAAM,OAAO,CAAC;AAEvE,QAAA,MAAM,eAAe,WACX,OAAO,GAAG,SAAS,CAAC,OAAO,CAAC,YAC1B,aAAa,KACtB,IAoBF,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/{esm/index.js → index.js}

@@ -15,5 +15,4 @@ const useClickOutside = (target, listener) => {
   useEvent(document, 'mousedown', clickListener);
   useEvent(document, 'touchstart', clickListener);
 };
-export default useClickOutside;
-//# sourceMappingURL=index.js.map
+export default useClickOutside;

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@os-design/use-click-outside",
-  "version": "1.0.24",
+  "version": "1.0.25",
   "license": "UNLICENSED",
   "repository": "git@gitlab.com:os-team/libs/os-design.git",
-  "main": "dist/cjs/index.js",
-  "module": "dist/esm/index.js",
-  "types": "dist/types/index.d.ts",
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
   "files": [
     "dist",
     "src",
@@ -20,9 +20,8 @@
   "sideEffects": false,
   "scripts": {
     "clean": "rimraf dist",
-    "build:esm": "cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx --out-dir dist/esm --source-maps",
-    "build:cjs": "cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx --out-dir dist/cjs --source-maps",
-    "build:types": "tsc --emitDeclarationOnly --declaration --declarationDir dist/types",
+    "build:esm": "cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx --out-dir dist",
+    "build:types": "tsc -p tsconfig.build.json --emitDeclarationOnly --declaration --declarationDir dist",
     "build": "yarn clean && npm-run-all 'build:*'",
     "ncu": "ncu -u"
   },
@@ -30,10 +29,10 @@
     "access": "public"
   },
   "dependencies": {
-    "@os-design/use-event": "^1.0.22"
+    "@os-design/use-event": "^1.0.23"
   },
   "peerDependencies": {
     "react": ">=18"
   },
-  "gitHead": "d0565d7592fff84723233b42ec230acbaa2103bb"
+  "gitHead": "86a83e87297a07afe132782ca2c95023b7139276"
 }

package/src/index.ts

@@ -1,5 +1,5 @@
 import useEvent from '@os-design/use-event';
-import { RefObject, useCallback, useEffect, useRef } from 'react';
+import { type RefObject, useCallback, useEffect, useRef } from 'react';
 
 const useClickOutside = (
   target: Element | RefObject<Element>,

package/dist/cjs/index.js

@@ -1,27 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _useEvent = _interopRequireDefault(require("@os-design/use-event"));
-var _react = require("react");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var useClickOutside = function useClickOutside(target, listener) {
-  var listenerRef = (0, _react.useRef)();
-  (0, _react.useEffect)(function () {
-    listenerRef.current = listener;
-  }, [listener]);
-  var clickListener = (0, _react.useCallback)(function (event) {
-    if (_typeof(target) !== 'object' || target === null) return;
-    var element = target instanceof Element ? target : target.current;
-    if (element === null || !element.contains) return;
-    if (!listenerRef.current || element.contains(event.target)) return;
-    listenerRef.current(event);
-  }, [target]);
-  (0, _useEvent["default"])(document, 'mousedown', clickListener);
-  (0, _useEvent["default"])(document, 'touchstart', clickListener);
-};
-var _default = exports["default"] = useClickOutside;
-//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["_useEvent","_interopRequireDefault","require","_react","obj","__esModule","_typeof","o","Symbol","iterator","constructor","prototype","useClickOutside","target","listener","listenerRef","useRef","useEffect","current","clickListener","useCallback","event","element","Element","contains","useEvent","document","_default","exports"],"sources":["../../src/index.ts"],"sourcesContent":["import useEvent from '@os-design/use-event';\nimport { RefObject, useCallback, useEffect, useRef } from 'react';\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,IAAAA,SAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAAkE,SAAAD,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,gBAAAA,GAAA;AAAA,SAAAE,QAAAC,CAAA,sCAAAD,OAAA,wBAAAE,MAAA,uBAAAA,MAAA,CAAAC,QAAA,aAAAF,CAAA,kBAAAA,CAAA,gBAAAA,CAAA,WAAAA,CAAA,yBAAAC,MAAA,IAAAD,CAAA,CAAAG,WAAA,KAAAF,MAAA,IAAAD,CAAA,KAAAC,MAAA,CAAAG,SAAA,qBAAAJ,CAAA,KAAAD,OAAA,CAAAC,CAAA;AAElE,IAAMK,eAAe,GAAG,SAAlBA,eAAeA,CACnBC,MAAoC,EACpCC,QAAuB,EACd;EACT,IAAMC,WAAW,GAAG,IAAAC,aAAM,EAAgB,CAAC;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,IAAIf,OAAA,CAAOO,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,CACT,CAAC;EAED,IAAAY,oBAAQ,EAACC,QAAQ,EAAE,WAAW,EAAEP,aAAa,CAAC;EAC9C,IAAAM,oBAAQ,EAACC,QAAQ,EAAE,YAAY,EAAEP,aAAa,CAAC;AACjD,CAAC;AAAC,IAAAQ,QAAA,GAAAC,OAAA,cAEahB,eAAe","ignoreList":[]}

package/dist/esm/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["useEvent","useCallback","useEffect","useRef","useClickOutside","target","listener","listenerRef","current","clickListener","event","element","Element","contains","document"],"sources":["../../src/index.ts"],"sourcesContent":["import useEvent from '@os-design/use-event';\nimport { RefObject, useCallback, useEffect, useRef } from 'react';\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,OAAOA,QAAQ,MAAM,sBAAsB;AAC3C,SAAoBC,WAAW,EAAEC,SAAS,EAAEC,MAAM,QAAQ,OAAO;AAEjE,MAAMC,eAAe,GAAGA,CACtBC,MAAoC,EACpCC,QAAuB,KACd;EACT,MAAMC,WAAW,GAAGJ,MAAM,CAAgB,CAAC;EAE3CD,SAAS,CAAC,MAAM;IACdK,WAAW,CAACC,OAAO,GAAGF,QAAQ;EAChC,CAAC,EAAE,CAACA,QAAQ,CAAC,CAAC;EAEd,MAAMG,aAAa,GAAGR,WAAW,CAC9BS,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,CACT,CAAC;EAEDL,QAAQ,CAACc,QAAQ,EAAE,WAAW,EAAEL,aAAa,CAAC;EAC9CT,QAAQ,CAACc,QAAQ,EAAE,YAAY,EAAEL,aAAa,CAAC;AACjD,CAAC;AAED,eAAeL,eAAe","ignoreList":[]}

package/dist/types/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAkC,MAAM,OAAO,CAAC;AAElE,QAAA,MAAM,eAAe,WACX,OAAO,GAAG,UAAU,OAAO,CAAC,YAC1B,aAAa,KACtB,IAoBF,CAAC;AAEF,eAAe,eAAe,CAAC"}