Sign In

@mborecki/react-scroll-to-me

Package Overview
Dependencies
Maintainers
1
Versions
9
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@mborecki/react-scroll-to-me - npm Package Compare versions

Comparing version
0.0.1
 to
0.0.2
+1
README.md
# @mborecki/react-scroll-to-me 
+10
-4
package.json
{
"name": "@mborecki/react-scroll-to-me",
"version": "0.0.1",
"version": "0.0.2",
"description": "",

@@ -8,6 +8,5 @@ "main": "index.js",

"build": "rm -rf ./lib && tsc",
"prepare": "yarn build"
"prepare": "npm build"
},
"author": "",
"license": "MIT",
"devDependencies": {

@@ -20,3 +19,10 @@ "@types/react": "^16.9.44",

},
"types": "./lib/index.d.ts"
"types": "./lib/index.d.ts",
"license": "MIT",
"repository": {
"type": "git",
"url": "https://github.com/mborecki/react-utils.git",
"directory": "packages/scroll-to-me"
},
"gitHead": "b2e49083389e4bdfea1ff6c02a4fc2c4675e86e7"
}
-7
lib/index.d.ts
import React from "react";
declare type Props = {
trigger?: any;
behavior: ScrollBehavior;
};
declare const ScrollToMe: React.FunctionComponent<Props>;
export default ScrollToMe; 
-28
lib/index.js
"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
var react_1 = require("react");
var react_2 = __importDefault(require("react"));
var ScrollToMe = function (_a) {
var trigger = _a.trigger, behavior = _a.behavior;
var me = react_1.useRef(null);
react_1.useEffect(function () {
if (me.current) {
var target_1 = me.current.offsetTop;
var id_1 = setTimeout(function () {
window.scrollTo({
top: target_1,
behavior: behavior
});
});
return function () {
clearTimeout(id_1);
};
}
}, [me, trigger, behavior]);
return react_2.default.createElement("div", { ref: me, style: { height: 0, width: 0 } });
};
exports.default = ScrollToMe;
//# sourceMappingURL=index.js.map
-1
lib/index.js.map
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":";;;;;AAAA,+BAA0C;AAC1C,gDAA0B;AAO1B,IAAM,UAAU,GAAmC,UAAC,EAAmB;QAAlB,OAAO,aAAA,EAAE,QAAQ,cAAA;IAClE,IAAM,EAAE,GAAG,cAAM,CAAiB,IAAI,CAAC,CAAC;IAExC,iBAAS,CAAC;QACN,IAAI,EAAE,CAAC,OAAO,EAAE;YACZ,IAAM,QAAM,GAAG,EAAE,CAAC,OAAO,CAAC,SAAS,CAAC;YAEpC,IAAM,IAAE,GAAG,UAAU,CAAC;gBAClB,MAAM,CAAC,QAAQ,CAAC;oBACZ,GAAG,EAAE,QAAM;oBACX,QAAQ,EAAE,QAAQ;iBACrB,CAAC,CAAC;YACP,CAAC,CAAC,CAAA;YAEF,OAAO;gBACH,YAAY,CAAC,IAAE,CAAC,CAAC;YACrB,CAAC,CAAA;SACJ;IACL,CAAC,EAAE,CAAC,EAAE,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAA;IAE3B,OAAO,uCAAK,GAAG,EAAE,EAAE,EAAE,KAAK,EAAE,EAAC,MAAM,EAAE,CAAC,EAAE,KAAK,EAAC,CAAC,EAAC,GAAQ,CAAC;AAC7D,CAAC,CAAA;AAED,kBAAe,UAAU,CAAC"}