@sanity/state-router - npm Package Compare versions

Comparing version 0.101.7-next to 0.101.10-next

lib/components/IntentLink.js

@@ -37,8 +37,25 @@ 'use strict';
   function IntentLink() {
+    var _ref;
+
+    var _temp, _this, _ret;
+
     _classCallCheck(this, IntentLink);
 
-    return _possibleConstructorReturn(this, (IntentLink.__proto__ || Object.getPrototypeOf(IntentLink)).apply(this, arguments));
+    for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = IntentLink.__proto__ || Object.getPrototypeOf(IntentLink)).call.apply(_ref, [this].concat(args))), _this), _this.setElement = function (element) {
+      _this._element = element;
+    }, _temp), _possibleConstructorReturn(_this, _ret);
   }
 
   _createClass(IntentLink, [{
+    key: 'focus',
+    value: function focus() {
+      if (this._element) {
+        this._element.focus();
+      }
+    }
+  }, {
     key: 'render',
@@ -57,3 +74,3 @@ value: function render() {
           _Link2.default,
-          { href: '/desk/' + params.type + '/edit/' + params.id.replace(/\//g, '.'), className: className },
+          { href: '/desk/' + params.type + '/edit/' + params.id.replace(/\//g, '.'), className: className, ref: this.setElement },
           children
@@ -65,3 +82,3 @@ );
       var rest = (0, _omit2.default)(this.props, 'intent', 'params');
-      return _react2.default.createElement(_Link2.default, _extends({ href: url, className: className }, rest));
+      return _react2.default.createElement(_Link2.default, _extends({ href: url, className: className }, rest, { ref: this.setElement }));
     }
@@ -68,0 +85,0 @@ }]);

lib/components/Link.js

@@ -81,2 +81,4 @@ 'use strict';
       _this.context.__internalRouter.navigateUrl(href, { replace: replace });
+    }, _this.setElement = function (element) {
+      _this._element = element;
     }, _temp), _possibleConstructorReturn(_this, _ret);
@@ -86,5 +88,12 @@ }
   _createClass(Link, [{
+    key: 'focus',
+    value: function focus() {
+      if (this._element) {
+        this._element.focus();
+      }
+    }
+  }, {
     key: 'render',
     value: function render() {
-      return _react2.default.createElement('a', _extends({}, (0, _omit2.default)(this.props, 'replace'), { onClick: this.handleClick }));
+      return _react2.default.createElement('a', _extends({}, (0, _omit2.default)(this.props, 'replace'), { onClick: this.handleClick, ref: this.setElement }));
     }
@@ -91,0 +100,0 @@ }]);

lib/components/StateLink.js

@@ -40,5 +40,15 @@ 'use strict';
   function StateLink() {
+    var _ref;
+
+    var _temp, _this, _ret;
+
     _classCallCheck(this, StateLink);
 
-    return _possibleConstructorReturn(this, (StateLink.__proto__ || Object.getPrototypeOf(StateLink)).apply(this, arguments));
+    for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = StateLink.__proto__ || Object.getPrototypeOf(StateLink)).call.apply(_ref, [this].concat(args))), _this), _this.setElement = function (element) {
+      _this._element = element;
+    }, _temp), _possibleConstructorReturn(_this, _ret);
   }
@@ -68,6 +78,13 @@
   }, {
+    key: 'focus',
+    value: function focus() {
+      if (this._element) {
+        this._element.focus();
+      }
+    }
+  }, {
     key: 'render',
     value: function render() {
       var rest = (0, _omit2.default)(this.props, 'replace', 'state', 'toIndex');
-      return _react2.default.createElement(_Link2.default, _extends({ href: this.resolveUrl() }, rest));
+      return _react2.default.createElement(_Link2.default, _extends({ href: this.resolveUrl() }, rest, { ref: this.setElement }));
     }
@@ -74,0 +91,0 @@ }]);

package.json

 {
   "name": "@sanity/state-router",
-  "version": "0.101.7-next",
+  "version": "0.101.10-next",
   "description": "A path pattern => state object bidirectional mapper",
@@ -5,0 +5,0 @@ "main": "lib/index.js",

src/components/IntentLink.js

@@ -21,2 +21,12 @@ // @flow
 
+  focus() {
+    if (this._element) {
+      this._element.focus()
+    }
+  }
+
+  setElement = element => {
+    this._element = element
+  }
+
   render() {
@@ -27,3 +37,7 @@ const {intent, params, children, className} = this.props
     if (intent === 'edit' && params.type) {
-      return <Link href={`/desk/${params.type}/edit/${params.id.replace(/\//g, '.')}`} className={className}>{children}</Link>
+      return (
+        <Link href={`/desk/${params.type}/edit/${params.id.replace(/\//g, '.')}`} className={className} ref={this.setElement} >
+          {children}
+        </Link>
+      )
     }
@@ -33,4 +47,4 @@
     const rest = omit(this.props, 'intent', 'params')
-    return <Link href={url} className={className} {...rest} />
+    return <Link href={url} className={className} {...rest} ref={this.setElement} />
   }
 }

src/components/Link.js

@@ -57,5 +57,16 @@ // @flow
   }
+
+  focus() {
+    if (this._element) {
+      this._element.focus()
+    }
+  }
+
+  setElement = element => {
+    this._element = element
+  }
+
   render() {
-    return <a {...omit(this.props, 'replace')} onClick={this.handleClick} />
+    return <a {...omit(this.props, 'replace')} onClick={this.handleClick} ref={this.setElement} />
   }
 }

src/components/StateLink.js

@@ -41,6 +41,18 @@ // @flow
   }
+
+
+  focus() {
+    if (this._element) {
+      this._element.focus()
+    }
+  }
+
+  setElement = element => {
+    this._element = element
+  }
+
   render() {
     const rest = omit(this.props, 'replace', 'state', 'toIndex')
-    return <Link href={this.resolveUrl()} {...rest} />
+    return <Link href={this.resolveUrl()} {...rest} ref={this.setElement} />
   }
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

231344

increased by0.79%

Lines of code

2443

increased by2.73%

No dependency changes