@mborecki/react-scroll-to-top
Advanced tools
| # @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" | ||
| } | ||
| } |
+1
-1
@@ -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; |
-38
| "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"} |
No README
QualityPackage does not have a README. This may indicate a failed publish or a low quality package.
No repository
Supply chain riskPackage does not have a linked source code repository. Without this field, a package will have no reference to the location of the source code use to generate the package.
1
-50%2
Infinity%0
-100%1917
-52.46%4
-33.33%47
-48.35%