New:Socket for Asana Is Now Available.Learn more
Get Started

@mborecki/react-scroll-to-top

Package Overview
Dependencies
Maintainers
1
Versions
6
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

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

Comparing version
0.0.2
to
0.0.3
+1
README.md
# @mborecki/react-scroll-to-top
+9
-4
{
"name": "@mborecki/react-scroll-to-top",
"version": "0.0.2",
"version": "0.0.3",
"description": "Component scrolling page to top on mount or on trigger",

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

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

@@ -21,3 +20,9 @@ "@types/react": "^16.9.44",

"types": "./lib/index.d.ts",
"gitHead": "1d53d2d4d14e55213b5555ca7010d3e397a13da1"
"gitHead": "b2e49083389e4bdfea1ff6c02a4fc2c4675e86e7",
"license": "MIT",
"repository": {
"type": "git",
"url": "https://github.com/mborecki/react-utils.git",
"directory": "packages/scroll-to-top"
}
}

@@ -20,5 +20,5 @@ import React, { useEffect, useRef } from "react";

return (<div ref={target}></div>)
return (<div ref={target} style={{height: 0, width:0}}></div>)
}
export default ScrollToMe;
import React from "react";
declare type Props = {
trigger?: any;
behavior?: ScrollBehavior;
};
declare const ScrollToMe: React.FunctionComponent<Props>;
export default ScrollToMe;
"use strict";
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
if (k2 === undefined) k2 = k;
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
}) : (function(o, m, k, k2) {
if (k2 === undefined) k2 = k;
o[k2] = m[k];
}));
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
Object.defineProperty(o, "default", { enumerable: true, value: v });
}) : function(o, v) {
o["default"] = v;
});
var __importStar = (this && this.__importStar) || function (mod) {
if (mod && mod.__esModule) return mod;
var result = {};
if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
__setModuleDefault(result, mod);
return result;
};
Object.defineProperty(exports, "__esModule", { value: true });
var react_1 = __importStar(require("react"));
var ScrollToMe = function (_a) {
var trigger = _a.trigger, behavior = _a.behavior;
var target = react_1.useRef(null);
react_1.useEffect(function () {
var _a;
if ((_a = target.current) === null || _a === void 0 ? void 0 : _a.offsetTop) {
window.scrollTo({
top: 0,
behavior: behavior || 'auto'
});
}
}, [target, behavior, trigger]);
return (react_1.default.createElement("div", { ref: target }));
};
exports.default = ScrollToMe;
//# sourceMappingURL=index.js.map
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,6CAAiD;AAOjD,IAAM,UAAU,GAAmC,UAAC,EAAmB;QAAlB,OAAO,aAAA,EAAE,QAAQ,cAAA;IAClE,IAAM,MAAM,GAAG,cAAM,CAAiB,IAAI,CAAC,CAAC;IAE5C,iBAAS,CAAC;;QACN,UAAI,MAAM,CAAC,OAAO,0CAAE,SAAS,EAAE;YAC3B,MAAM,CAAC,QAAQ,CAAC;gBACZ,GAAG,EAAE,CAAC;gBACN,QAAQ,EAAE,QAAQ,IAAI,MAAM;aAC/B,CAAC,CAAC;SACN;IACL,CAAC,EAAE,CAAC,MAAM,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC;IAEhC,OAAO,CAAC,uCAAK,GAAG,EAAE,MAAM,GAAQ,CAAC,CAAA;AACrC,CAAC,CAAA;AAED,kBAAe,UAAU,CAAC"}