@saber2pr/react-router 0.0.5 → 0.0.7

package/lib/components/link.d.ts

@@ -1,5 +1,6 @@
 import React from "react";
 export interface Link extends React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement> {
     to: string;
+    forwardRef?: React.MutableRefObject<HTMLAnchorElement>;
 }
-export declare const Link: ({ to, onClick, target, ...rest }: Link) => JSX.Element;
+export declare const Link: ({ to, onClick, target, forwardRef, ...rest }: Link) => JSX.Element;

package/lib/components/link.js

@@ -34,10 +34,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var context_1 = require("../context");
 exports.Link = function (_a) {
-    var to = _a.to, onClick = _a.onClick, target = _a.target, rest = __rest(_a, ["to", "onClick", "target"]);
+    var to = _a.to, onClick = _a.onClick, target = _a.target, forwardRef = _a.forwardRef, rest = __rest(_a, ["to", "onClick", "target", "forwardRef"]);
     return (react_1.default.createElement(context_1.RouterContext.Consumer, null, function (context) {
         var history = context.history;
-        return (react_1.default.createElement("a", __assign({}, rest, { href: "#" + to, onClick: function (event) {
+        return (react_1.default.createElement("a", __assign({}, rest, { ref: forwardRef, href: "#" + to, onClick: function (event) {
                 try {
                     if (onClick)
                         onClick(event);

package/lib/components/nav-link.d.ts

@@ -7,5 +7,6 @@ export interface NavLink extends Link {
     exact?: boolean;
     isActive?: (to: string, contextPath: string) => boolean;
     style?: CSSProperties;
+    useBrowserLink?: boolean;
 }
-export declare function NavLink({ activeClassName, activeStyle, className: classNameProp, exact, isActive: isActiveProp, style: styleProp, to, ...rest }: NavLink): JSX.Element;
+export declare function NavLink({ activeClassName, activeStyle, className: classNameProp, exact, isActive: isActiveProp, style: styleProp, to, useBrowserLink, ...rest }: NavLink): JSX.Element;

package/lib/components/nav-link.js

@@ -36,7 +36,7 @@ function joinClassnames() {
     return classnames.filter(function (i) { return i; }).join(" ");
 }
 function NavLink(_a) {
-    var _b = _a.activeClassName, activeClassName = _b === void 0 ? "active" : _b, activeStyle = _a.activeStyle, classNameProp = _a.className, exact = _a.exact, isActiveProp = _a.isActive, styleProp = _a.style, to = _a.to, rest = __rest(_a, ["activeClassName", "activeStyle", "className", "exact", "isActive", "style", "to"]);
+    var _b = _a.activeClassName, activeClassName = _b === void 0 ? "active" : _b, activeStyle = _a.activeStyle, classNameProp = _a.className, exact = _a.exact, isActiveProp = _a.isActive, styleProp = _a.style, to = _a.to, useBrowserLink = _a.useBrowserLink, rest = __rest(_a, ["activeClassName", "activeStyle", "className", "exact", "isActive", "style", "to", "useBrowserLink"]);
     return (react_1.default.createElement(context_1.RouterContext.Consumer, null, function (context) {
         var currentLocation = context.location;
         var pathToMatch = currentLocation.pathname;
@@ -47,6 +47,9 @@ function NavLink(_a) {
             ? joinClassnames(classNameProp, activeClassName)
             : classNameProp;
         var style = isActive ? __assign(__assign({}, styleProp), activeStyle) : styleProp;
+        if (useBrowserLink) {
+            return react_1.default.createElement("a", __assign({ className: className, style: style, href: to }, rest));
+        }
         return react_1.default.createElement(link_1.Link, __assign({ className: className, style: style, to: to }, rest));
     }));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@saber2pr/react-router",
-  "version": "0.0.5",
+  "version": "0.0.7",
   "description": "react-router.",
   "scripts": {
     "start": "cross-env NODE_ENV=development webpack -w",
@@ -23,6 +23,9 @@
     "ts",
     "router"
   ],
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
   "dependencies": {
     "@types/react": "^16.8.19",
     "@types/react-dom": "^16.8.4",