@os-design/use-cursor-position 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-cursor-position [![NPM version](https://img.shields.io/npm/v/@os-design/use-cursor-position)](https://yarnpkg.com/package/@os-design/use-cursor-position) [![BundlePhobia](https://img.shields.io/bundlephobia/minzip/@os-design/use-cursor-position)](https://bundlephobia.com/result?p=@os-design/use-cursor-position)
+
+Returns the position of the cursor. It works on both mouse and touch devices.
+
+## Installation
+
+Install the package using the following command:
+
+```
+yarn add @os-design/use-cursor-position
+```
+
+---
+
+See all the features in the [Storybook](https://os-team.gitlab.io/libs/os-design/).

package/dist/cjs/index.js

@@ -0,0 +1,55 @@
+"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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+var useCursorPosition = function useCursorPosition() {
+  var _useState = (0, _react.useState)({
+    x: 0,
+    y: 0
+  }),
+      _useState2 = _slicedToArray(_useState, 2),
+      cursorPosition = _useState2[0],
+      setCursorPosition = _useState2[1];
+
+  var mouseMoveHandler = (0, _react.useCallback)(function (e) {
+    setCursorPosition({
+      x: e.clientX,
+      y: e.clientY
+    });
+  }, []);
+  var touchMoveHandler = (0, _react.useCallback)(function (e) {
+    if (e.touches.length === 0) return;
+    setCursorPosition({
+      x: e.touches[0].clientX,
+      y: e.touches[0].clientY
+    });
+  }, []);
+  (0, _useEvent["default"])(window, 'mousemove', mouseMoveHandler);
+  (0, _useEvent["default"])(window, 'touchmove', touchMoveHandler);
+  return cursorPosition;
+};
+
+var _default = useCursorPosition;
+exports["default"] = _default;
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/index.ts"],"names":["useCursorPosition","x","y","cursorPosition","setCursorPosition","mouseMoveHandler","e","clientX","clientY","touchMoveHandler","touches","length","window"],"mappings":";;;;;;;AAAA;;AACA;;;;;;;;;;;;;;;;AAOA,IAAMA,iBAAiB,GAAG,SAApBA,iBAAoB,GAAM;AAC9B,kBAA4C,qBAAyB;AACnEC,IAAAA,CAAC,EAAE,CADgE;AAEnEC,IAAAA,CAAC,EAAE;AAFgE,GAAzB,CAA5C;AAAA;AAAA,MAAOC,cAAP;AAAA,MAAuBC,iBAAvB;;AAKA,MAAMC,gBAAgB,GAAG,wBAAY,UAACC,CAAD,EAAmB;AACtDF,IAAAA,iBAAiB,CAAC;AAAEH,MAAAA,CAAC,EAAEK,CAAC,CAACC,OAAP;AAAgBL,MAAAA,CAAC,EAAEI,CAAC,CAACE;AAArB,KAAD,CAAjB;AACD,GAFwB,EAEtB,EAFsB,CAAzB;AAIA,MAAMC,gBAAgB,GAAG,wBAAY,UAACH,CAAD,EAAmB;AACtD,QAAIA,CAAC,CAACI,OAAF,CAAUC,MAAV,KAAqB,CAAzB,EAA4B;AAC5BP,IAAAA,iBAAiB,CAAC;AAAEH,MAAAA,CAAC,EAAEK,CAAC,CAACI,OAAF,CAAU,CAAV,EAAaH,OAAlB;AAA2BL,MAAAA,CAAC,EAAEI,CAAC,CAACI,OAAF,CAAU,CAAV,EAAaF;AAA3C,KAAD,CAAjB;AACD,GAHwB,EAGtB,EAHsB,CAAzB;AAKA,4BAASI,MAAT,EAAiB,WAAjB,EAA8BP,gBAA9B;AACA,4BAASO,MAAT,EAAiB,WAAjB,EAA8BH,gBAA9B;AAEA,SAAON,cAAP;AACD,CAnBD;;eAqBeH,iB","sourcesContent":["import { useCallback, useState } from 'react';\nimport useEvent from '@os-design/use-event';\n\nexport interface CursorPosition {\n  x: number;\n  y: number;\n}\n\nconst useCursorPosition = () => {\n  const [cursorPosition, setCursorPosition] = useState<CursorPosition>({\n    x: 0,\n    y: 0,\n  });\n\n  const mouseMoveHandler = useCallback((e: MouseEvent) => {\n    setCursorPosition({ x: e.clientX, y: e.clientY });\n  }, []);\n\n  const touchMoveHandler = useCallback((e: TouchEvent) => {\n    if (e.touches.length === 0) return;\n    setCursorPosition({ x: e.touches[0].clientX, y: e.touches[0].clientY });\n  }, []);\n\n  useEvent(window, 'mousemove', mouseMoveHandler);\n  useEvent(window, 'touchmove', touchMoveHandler);\n\n  return cursorPosition;\n};\n\nexport default useCursorPosition;\n"],"file":"index.js"}

package/dist/esm/index.js

@@ -0,0 +1,28 @@
+import { useCallback, useState } from 'react';
+import useEvent from '@os-design/use-event';
+
+const useCursorPosition = () => {
+  const [cursorPosition, setCursorPosition] = useState({
+    x: 0,
+    y: 0
+  });
+  const mouseMoveHandler = useCallback(e => {
+    setCursorPosition({
+      x: e.clientX,
+      y: e.clientY
+    });
+  }, []);
+  const touchMoveHandler = useCallback(e => {
+    if (e.touches.length === 0) return;
+    setCursorPosition({
+      x: e.touches[0].clientX,
+      y: e.touches[0].clientY
+    });
+  }, []);
+  useEvent(window, 'mousemove', mouseMoveHandler);
+  useEvent(window, 'touchmove', touchMoveHandler);
+  return cursorPosition;
+};
+
+export default useCursorPosition;
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/index.ts"],"names":["useCallback","useState","useEvent","useCursorPosition","cursorPosition","setCursorPosition","x","y","mouseMoveHandler","e","clientX","clientY","touchMoveHandler","touches","length","window"],"mappings":"AAAA,SAASA,WAAT,EAAsBC,QAAtB,QAAsC,OAAtC;AACA,OAAOC,QAAP,MAAqB,sBAArB;;AAOA,MAAMC,iBAAiB,GAAG,MAAM;AAC9B,QAAM,CAACC,cAAD,EAAiBC,iBAAjB,IAAsCJ,QAAQ,CAAiB;AACnEK,IAAAA,CAAC,EAAE,CADgE;AAEnEC,IAAAA,CAAC,EAAE;AAFgE,GAAjB,CAApD;AAKA,QAAMC,gBAAgB,GAAGR,WAAW,CAAES,CAAD,IAAmB;AACtDJ,IAAAA,iBAAiB,CAAC;AAAEC,MAAAA,CAAC,EAAEG,CAAC,CAACC,OAAP;AAAgBH,MAAAA,CAAC,EAAEE,CAAC,CAACE;AAArB,KAAD,CAAjB;AACD,GAFmC,EAEjC,EAFiC,CAApC;AAIA,QAAMC,gBAAgB,GAAGZ,WAAW,CAAES,CAAD,IAAmB;AACtD,QAAIA,CAAC,CAACI,OAAF,CAAUC,MAAV,KAAqB,CAAzB,EAA4B;AAC5BT,IAAAA,iBAAiB,CAAC;AAAEC,MAAAA,CAAC,EAAEG,CAAC,CAACI,OAAF,CAAU,CAAV,EAAaH,OAAlB;AAA2BH,MAAAA,CAAC,EAAEE,CAAC,CAACI,OAAF,CAAU,CAAV,EAAaF;AAA3C,KAAD,CAAjB;AACD,GAHmC,EAGjC,EAHiC,CAApC;AAKAT,EAAAA,QAAQ,CAACa,MAAD,EAAS,WAAT,EAAsBP,gBAAtB,CAAR;AACAN,EAAAA,QAAQ,CAACa,MAAD,EAAS,WAAT,EAAsBH,gBAAtB,CAAR;AAEA,SAAOR,cAAP;AACD,CAnBD;;AAqBA,eAAeD,iBAAf","sourcesContent":["import { useCallback, useState } from 'react';\nimport useEvent from '@os-design/use-event';\n\nexport interface CursorPosition {\n  x: number;\n  y: number;\n}\n\nconst useCursorPosition = () => {\n  const [cursorPosition, setCursorPosition] = useState<CursorPosition>({\n    x: 0,\n    y: 0,\n  });\n\n  const mouseMoveHandler = useCallback((e: MouseEvent) => {\n    setCursorPosition({ x: e.clientX, y: e.clientY });\n  }, []);\n\n  const touchMoveHandler = useCallback((e: TouchEvent) => {\n    if (e.touches.length === 0) return;\n    setCursorPosition({ x: e.touches[0].clientX, y: e.touches[0].clientY });\n  }, []);\n\n  useEvent(window, 'mousemove', mouseMoveHandler);\n  useEvent(window, 'touchmove', touchMoveHandler);\n\n  return cursorPosition;\n};\n\nexport default useCursorPosition;\n"],"file":"index.js"}

package/dist/types/index.d.ts

@@ -0,0 +1,7 @@
+export interface CursorPosition {
+    x: number;
+    y: number;
+}
+declare const useCursorPosition: () => CursorPosition;
+export default useCursorPosition;
+//# 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":"AAGA,MAAM,WAAW,cAAc;IAC7B,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AAED,QAAA,MAAM,iBAAiB,sBAmBtB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/package.json

@@ -0,0 +1,37 @@
+{
+  "name": "@os-design/use-cursor-position",
+  "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"
+}