@os-design/use-prevent-default-event 1.0.0

package/LICENCE.md

@@ -0,0 +1 @@
+Copyright (c) 2019-present, Ilya Ordin, all rights reserved

package/README.md

@@ -0,0 +1,15 @@
+# @os-design/use-prevent-default-event [![NPM version](https://img.shields.io/npm/v/@os-design/use-prevent-default-event)](https://yarnpkg.com/package/@os-design/use-prevent-default-event) [![BundlePhobia](https://img.shields.io/bundlephobia/minzip/@os-design/use-prevent-default-event)](https://bundlephobia.com/result?p=@os-design/use-prevent-default-event)
+
+Prevents the default action of the specified event.
+
+## Installation
+
+Install the package using the following command:
+
+```
+yarn add @os-design/use-prevent-default-event
+```
+
+---
+
+See all the features in the [Storybook](https://os-team.gitlab.io/libs/os-design/).

package/dist/cjs/index.js

@@ -0,0 +1,31 @@
+"use strict";
+
+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 usePreventDefaultEvent(target, type) {
+  var enabled = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+  var enabledRef = (0, _react.useRef)(enabled);
+  (0, _react.useEffect)(function () {
+    enabledRef.current = enabled;
+  }, [enabled]);
+  var prevent = (0, _react.useCallback)(function (e) {
+    if (!enabledRef.current) return;
+    e.preventDefault();
+  }, []);
+  (0, _useEvent["default"])(target, type, prevent, {
+    passive: false
+  });
+}
+
+var _default = usePreventDefaultEvent;
+exports["default"] = _default;
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/index.ts"],"names":["usePreventDefaultEvent","target","type","enabled","enabledRef","current","prevent","e","preventDefault","passive"],"mappings":";;;;;;;AAAA;;AACA;;;;AAEA,SAASA,sBAAT,CACEC,MADF,EAEEC,IAFF,EAIE;AAAA,MADAC,OACA,uEADU,IACV;AACA,MAAMC,UAAU,GAAG,mBAAOD,OAAP,CAAnB;AACA,wBAAU,YAAM;AACdC,IAAAA,UAAU,CAACC,OAAX,GAAqBF,OAArB;AACD,GAFD,EAEG,CAACA,OAAD,CAFH;AAIA,MAAMG,OAAO,GAAG,wBAAY,UAACC,CAAD,EAAc;AACxC,QAAI,CAACH,UAAU,CAACC,OAAhB,EAAyB;AACzBE,IAAAA,CAAC,CAACC,cAAF;AACD,GAHe,EAGb,EAHa,CAAhB;AAKA,4BAASP,MAAT,EAAiBC,IAAjB,EAAuBI,OAAvB,EAAgC;AAAEG,IAAAA,OAAO,EAAE;AAAX,GAAhC;AACD;;eAEcT,sB","sourcesContent":["import { RefObject, useCallback, useEffect, useRef } from 'react';\nimport useEvent from '@os-design/use-event';\n\nfunction usePreventDefaultEvent<K extends keyof HTMLElementEventMap>(\n  target: EventTarget | RefObject<EventTarget>,\n  type: K,\n  enabled = true\n) {\n  const enabledRef = useRef(enabled);\n  useEffect(() => {\n    enabledRef.current = enabled;\n  }, [enabled]);\n\n  const prevent = useCallback((e: Event) => {\n    if (!enabledRef.current) return;\n    e.preventDefault();\n  }, []);\n\n  useEvent(target, type, prevent, { passive: false });\n}\n\nexport default usePreventDefaultEvent;\n"],"file":"index.js"}

package/dist/esm/index.js

@@ -0,0 +1,19 @@
+import { useCallback, useEffect, useRef } from 'react';
+import useEvent from '@os-design/use-event';
+
+function usePreventDefaultEvent(target, type, enabled = true) {
+  const enabledRef = useRef(enabled);
+  useEffect(() => {
+    enabledRef.current = enabled;
+  }, [enabled]);
+  const prevent = useCallback(e => {
+    if (!enabledRef.current) return;
+    e.preventDefault();
+  }, []);
+  useEvent(target, type, prevent, {
+    passive: false
+  });
+}
+
+export default usePreventDefaultEvent;
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/index.ts"],"names":["useCallback","useEffect","useRef","useEvent","usePreventDefaultEvent","target","type","enabled","enabledRef","current","prevent","e","preventDefault","passive"],"mappings":"AAAA,SAAoBA,WAApB,EAAiCC,SAAjC,EAA4CC,MAA5C,QAA0D,OAA1D;AACA,OAAOC,QAAP,MAAqB,sBAArB;;AAEA,SAASC,sBAAT,CACEC,MADF,EAEEC,IAFF,EAGEC,OAAO,GAAG,IAHZ,EAIE;AACA,QAAMC,UAAU,GAAGN,MAAM,CAACK,OAAD,CAAzB;AACAN,EAAAA,SAAS,CAAC,MAAM;AACdO,IAAAA,UAAU,CAACC,OAAX,GAAqBF,OAArB;AACD,GAFQ,EAEN,CAACA,OAAD,CAFM,CAAT;AAIA,QAAMG,OAAO,GAAGV,WAAW,CAAEW,CAAD,IAAc;AACxC,QAAI,CAACH,UAAU,CAACC,OAAhB,EAAyB;AACzBE,IAAAA,CAAC,CAACC,cAAF;AACD,GAH0B,EAGxB,EAHwB,CAA3B;AAKAT,EAAAA,QAAQ,CAACE,MAAD,EAASC,IAAT,EAAeI,OAAf,EAAwB;AAAEG,IAAAA,OAAO,EAAE;AAAX,GAAxB,CAAR;AACD;;AAED,eAAeT,sBAAf","sourcesContent":["import { RefObject, useCallback, useEffect, useRef } from 'react';\nimport useEvent from '@os-design/use-event';\n\nfunction usePreventDefaultEvent<K extends keyof HTMLElementEventMap>(\n  target: EventTarget | RefObject<EventTarget>,\n  type: K,\n  enabled = true\n) {\n  const enabledRef = useRef(enabled);\n  useEffect(() => {\n    enabledRef.current = enabled;\n  }, [enabled]);\n\n  const prevent = useCallback((e: Event) => {\n    if (!enabledRef.current) return;\n    e.preventDefault();\n  }, []);\n\n  useEvent(target, type, prevent, { passive: false });\n}\n\nexport default usePreventDefaultEvent;\n"],"file":"index.js"}

package/dist/types/index.d.ts

@@ -0,0 +1,4 @@
+import { RefObject } from 'react';
+declare function usePreventDefaultEvent<K extends keyof HTMLElementEventMap>(target: EventTarget | RefObject<EventTarget>, type: K, enabled?: boolean): void;
+export default usePreventDefaultEvent;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAkC,MAAM,OAAO,CAAC;AAGlE,iBAAS,sBAAsB,CAAC,CAAC,SAAS,MAAM,mBAAmB,EACjE,MAAM,EAAE,WAAW,GAAG,SAAS,CAAC,WAAW,CAAC,EAC5C,IAAI,EAAE,CAAC,EACP,OAAO,UAAO,QAaf;AAED,eAAe,sBAAsB,CAAC"}

package/package.json

@@ -0,0 +1,37 @@
+{
+  "name": "@os-design/use-prevent-default-event",
+  "version": "1.0.0",
+  "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",
+  "exports": {
+    ".": {
+      "require": "./dist/cjs/index.js",
+      "default": "./dist/esm/index.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "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": "yarn clean && npm-run-all build:*",
+    "ncu": "ncu -u"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "@os-design/use-event": "^1.0.5"
+  },
+  "peerDependencies": {
+    "react": ">=17"
+  },
+  "gitHead": "4f41a962d4c0afb57d65e8c3e104215794d3c6a7"
+}