@khanacademy/wonder-blocks-link - npm Package Compare versions

Comparing version 3.0.2 to 3.0.3

dist/es/index.js

@@ -1,2 +0,2 @@
-import React__default, { Component, createElement } from 'react';
+import React__default, { createElement, Component } from 'react';
 import { StyleSheet } from 'aphrodite';
@@ -8,2 +8,24 @@ import { Link } from 'react-router-dom';
 
+function _classCallCheck(instance, Constructor) {
+  if (!(instance instanceof Constructor)) {
+    throw new TypeError("Cannot call a class as a function");
+  }
+}
+
+function _defineProperties(target, props) {
+  for (var i = 0; i < props.length; i++) {
+    var descriptor = props[i];
+    descriptor.enumerable = descriptor.enumerable || false;
+    descriptor.configurable = true;
+    if ("value" in descriptor) descriptor.writable = true;
+    Object.defineProperty(target, descriptor.key, descriptor);
+  }
+}
+
+function _createClass(Constructor, protoProps, staticProps) {
+  if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+  if (staticProps) _defineProperties(Constructor, staticProps);
+  return Constructor;
+}
+
 function _defineProperty(obj, key, value) {
@@ -61,2 +83,33 @@ if (key in obj) {
 
+function _inherits(subClass, superClass) {
+  if (typeof superClass !== "function" && superClass !== null) {
+    throw new TypeError("Super expression must either be null or a function");
+  }
+
+  subClass.prototype = Object.create(superClass && superClass.prototype, {
+    constructor: {
+      value: subClass,
+      writable: true,
+      configurable: true
+    }
+  });
+  if (superClass) _setPrototypeOf(subClass, superClass);
+}
+
+function _getPrototypeOf(o) {
+  _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
+    return o.__proto__ || Object.getPrototypeOf(o);
+  };
+  return _getPrototypeOf(o);
+}
+
+function _setPrototypeOf(o, p) {
+  _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+    o.__proto__ = p;
+    return o;
+  };
+
+  return _setPrototypeOf(o, p);
+}
+
 function _objectWithoutPropertiesLoose(source, excluded) {
@@ -98,7 +151,36 @@ if (source == null) return {};
 
-const StyledAnchor = addStyle("a");
-const StyledLink = addStyle(Link);
-class LinkCore extends React__default.Component {
-  render() {
-    const _this$props = this.props,
+function _assertThisInitialized(self) {
+  if (self === void 0) {
+    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+  }
+
+  return self;
+}
+
+function _possibleConstructorReturn(self, call) {
+  if (call && (typeof call === "object" || typeof call === "function")) {
+    return call;
+  }
+
+  return _assertThisInitialized(self);
+}
+
+var StyledAnchor = addStyle("a");
+var StyledLink = addStyle(Link);
+
+var LinkCore =
+/*#__PURE__*/
+function (_React$Component) {
+  _inherits(LinkCore, _React$Component);
+
+  function LinkCore() {
+    _classCallCheck(this, LinkCore);
+
+    return _possibleConstructorReturn(this, _getPrototypeOf(LinkCore).apply(this, arguments));
+  }
+
+  _createClass(LinkCore, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
           caret = _this$props.caret,
@@ -118,21 +200,23 @@ children = _this$props.children,
 
-    const router = this.context.router;
+      var router = this.context.router;
 
-    const linkStyles = _generateStyles(kind, light, visitable);
+      var linkStyles = _generateStyles(kind, light, visitable);
 
-    const defaultStyles = [sharedStyles.shared, !(hovered || focused || pressed) && linkStyles.default, pressed ? linkStyles.active : (hovered || focused) && linkStyles.focus];
+      var defaultStyles = [sharedStyles.shared, !(hovered || focused || pressed) && linkStyles.default, pressed ? linkStyles.active : (hovered || focused) && linkStyles.focus];
 
-    const commonProps = _objectSpread({
-      "data-test-id": testId,
-      style: [defaultStyles, style]
-    }, handlers);
+      var commonProps = _objectSpread({
+        "data-test-id": testId,
+        style: [defaultStyles, style]
+      }, handlers);
 
-    return router && !skipClientNav ? React__default.createElement(StyledLink, _extends({}, commonProps, {
-      to: href
-    }), children) : React__default.createElement(StyledAnchor, _extends({}, commonProps, {
-      href: href
-    }), children);
-  }
+      return router && !skipClientNav ? React__default.createElement(StyledLink, _extends({}, commonProps, {
+        to: href
+      }), children) : React__default.createElement(StyledAnchor, _extends({}, commonProps, {
+        href: href
+      }), children);
+    }
+  }]);
 
-}
+  return LinkCore;
+}(React__default.Component);
 
@@ -142,5 +226,4 @@ _defineProperty(LinkCore, "contextTypes", {
 });
-
-const styles = {};
-const sharedStyles = StyleSheet.create({
+var styles = {};
+var sharedStyles = StyleSheet.create({
   shared: {
@@ -153,4 +236,4 @@ cursor: "pointer",
 
-const _generateStyles = (kind, light, visitable) => {
-  const buttonType = kind + light.toString() + visitable.toString();
+var _generateStyles = function _generateStyles(kind, light, visitable) {
+  var buttonType = kind + light.toString() + visitable.toString();
 
@@ -169,10 +252,10 @@ if (styles[buttonType]) {
 
-  const blue = Color.blue,
-        purple = Color.purple,
-        white = Color.white,
-        offBlack = Color.offBlack,
-        offBlack32 = Color.offBlack32;
-  const linkPurple = mix(fade(offBlack, 0.08), purple);
-  const defaultTextColor = kind === "primary" ? light ? white : blue : offBlack;
-  const defaultVisited = visitable ? {
+  var blue = Color.blue,
+      purple = Color.purple,
+      white = Color.white,
+      offBlack = Color.offBlack,
+      offBlack32 = Color.offBlack32;
+  var linkPurple = mix(fade(offBlack, 0.08), purple);
+  var defaultTextColor = kind === "primary" ? light ? white : blue : offBlack;
+  var defaultVisited = visitable ? {
     ":visited": {
@@ -182,3 +265,3 @@ color: linkPurple
   } : {};
-  const activeVisited = visitable ? {
+  var activeVisited = visitable ? {
     ":visited": {
@@ -188,3 +271,3 @@ color: mix(offBlack32, linkPurple)
   } : {};
-  const newStyles = {
+  var newStyles = {
     default: _objectSpread({
@@ -223,5 +306,17 @@ color: defaultTextColor
  */
-class Link$1 extends Component {
-  render() {
-    const _this$props = this.props,
+var Link$1 =
+/*#__PURE__*/
+function (_React$Component) {
+  _inherits(Link$$1, _React$Component);
+
+  function Link$$1() {
+    _classCallCheck(this, Link$$1);
+
+    return _possibleConstructorReturn(this, _getPrototypeOf(Link$$1).apply(this, arguments));
+  }
+
+  _createClass(Link$$1, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
           onClick = _this$props.onClick,
@@ -233,17 +328,19 @@ href = _this$props.href,
 
-    const ClickableBehavior = getClickableBehavior(href, skipClientNav, this.context.router);
-    return createElement(ClickableBehavior, {
-      disabled: false,
-      onClick: onClick,
-      href: href,
-      role: "link"
-    }, (state, handlers) => {
-      return createElement(LinkCore, _extends({}, sharedProps, state, handlers, {
-        skipClientNav: skipClientNav,
-        href: href
-      }), children);
-    });
-  }
+      var ClickableBehavior = getClickableBehavior(href, skipClientNav, this.context.router);
+      return createElement(ClickableBehavior, {
+        disabled: false,
+        onClick: onClick,
+        href: href,
+        role: "link"
+      }, function (state, handlers) {
+        return createElement(LinkCore, _extends({}, sharedProps, state, handlers, {
+          skipClientNav: skipClientNav,
+          href: href
+        }), children);
+      });
+    }
+  }]);
 
-}
+  return Link$$1;
+}(Component);
 
@@ -250,0 +347,0 @@ _defineProperty(Link$1, "defaultProps", {

dist/index.js

@@ -153,2 +153,4 @@ module.exports =
 // CONCATENATED MODULE: ./packages/wonder-blocks-link/components/link-core.js
+function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -162,2 +164,18 @@
 
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -171,7 +189,20 @@
 
-const StyledAnchor = Object(wonder_blocks_core_["addStyle"])("a");
-const StyledLink = Object(wonder_blocks_core_["addStyle"])(external_react_router_dom_["Link"]);
-class link_core_LinkCore extends external_react_default.a.Component {
-  render() {
-    const _this$props = this.props,
+var StyledAnchor = Object(wonder_blocks_core_["addStyle"])("a");
+var StyledLink = Object(wonder_blocks_core_["addStyle"])(external_react_router_dom_["Link"]);
+
+var link_core_LinkCore =
+/*#__PURE__*/
+function (_React$Component) {
+  _inherits(LinkCore, _React$Component);
+
+  function LinkCore() {
+    _classCallCheck(this, LinkCore);
+
+    return _possibleConstructorReturn(this, _getPrototypeOf(LinkCore).apply(this, arguments));
+  }
+
+  _createClass(LinkCore, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
           caret = _this$props.caret,
@@ -191,21 +222,23 @@ children = _this$props.children,
 
-    const router = this.context.router;
+      var router = this.context.router;
 
-    const linkStyles = _generateStyles(kind, light, visitable);
+      var linkStyles = link_core_generateStyles(kind, light, visitable);
 
-    const defaultStyles = [sharedStyles.shared, !(hovered || focused || pressed) && linkStyles.default, pressed ? linkStyles.active : (hovered || focused) && linkStyles.focus];
+      var defaultStyles = [sharedStyles.shared, !(hovered || focused || pressed) && linkStyles.default, pressed ? linkStyles.active : (hovered || focused) && linkStyles.focus];
 
-    const commonProps = _objectSpread({
-      "data-test-id": testId,
-      style: [defaultStyles, style]
-    }, handlers);
+      var commonProps = _objectSpread({
+        "data-test-id": testId,
+        style: [defaultStyles, style]
+      }, handlers);
 
-    return router && !skipClientNav ? external_react_default.a.createElement(StyledLink, _extends({}, commonProps, {
-      to: href
-    }), children) : external_react_default.a.createElement(StyledAnchor, _extends({}, commonProps, {
-      href: href
-    }), children);
-  }
+      return router && !skipClientNav ? external_react_default.a.createElement(StyledLink, _extends({}, commonProps, {
+        to: href
+      }), children) : external_react_default.a.createElement(StyledAnchor, _extends({}, commonProps, {
+        href: href
+      }), children);
+    }
+  }]);
 
-}
+  return LinkCore;
+}(external_react_default.a.Component);
 
@@ -216,4 +249,5 @@ _defineProperty(link_core_LinkCore, "contextTypes", {
 
-const styles = {};
-const sharedStyles = external_aphrodite_["StyleSheet"].create({
+
+var styles = {};
+var sharedStyles = external_aphrodite_["StyleSheet"].create({
   shared: {
@@ -226,4 +260,4 @@ cursor: "pointer",
 
-const _generateStyles = (kind, light, visitable) => {
-  const buttonType = kind + light.toString() + visitable.toString();
+var link_core_generateStyles = function _generateStyles(kind, light, visitable) {
+  var buttonType = kind + light.toString() + visitable.toString();
 
@@ -242,10 +276,10 @@ if (styles[buttonType]) {
 
-  const blue = wonder_blocks_color_default.a.blue,
-        purple = wonder_blocks_color_default.a.purple,
-        white = wonder_blocks_color_default.a.white,
-        offBlack = wonder_blocks_color_default.a.offBlack,
-        offBlack32 = wonder_blocks_color_default.a.offBlack32;
-  const linkPurple = Object(wonder_blocks_color_["mix"])(Object(wonder_blocks_color_["fade"])(offBlack, 0.08), purple);
-  const defaultTextColor = kind === "primary" ? light ? white : blue : offBlack;
-  const defaultVisited = visitable ? {
+  var blue = wonder_blocks_color_default.a.blue,
+      purple = wonder_blocks_color_default.a.purple,
+      white = wonder_blocks_color_default.a.white,
+      offBlack = wonder_blocks_color_default.a.offBlack,
+      offBlack32 = wonder_blocks_color_default.a.offBlack32;
+  var linkPurple = Object(wonder_blocks_color_["mix"])(Object(wonder_blocks_color_["fade"])(offBlack, 0.08), purple);
+  var defaultTextColor = kind === "primary" ? light ? white : blue : offBlack;
+  var defaultVisited = visitable ? {
     ":visited": {
@@ -255,3 +289,3 @@ color: linkPurple
   } : {};
-  const activeVisited = visitable ? {
+  var activeVisited = visitable ? {
     ":visited": {
@@ -261,3 +295,3 @@ color: Object(wonder_blocks_color_["mix"])(offBlack32, linkPurple)
   } : {};
-  const newStyles = {
+  var newStyles = {
     default: _objectSpread({
@@ -279,2 +313,4 @@ color: defaultTextColor
 // CONCATENATED MODULE: ./packages/wonder-blocks-link/components/link.js
+function link_typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { link_typeof = function _typeof(obj) { return typeof obj; }; } else { link_typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return link_typeof(obj); }
+
 function link_extends() { link_extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return link_extends.apply(this, arguments); }
@@ -286,2 +322,18 @@
 
+function link_classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function link_defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function link_createClass(Constructor, protoProps, staticProps) { if (protoProps) link_defineProperties(Constructor.prototype, protoProps); if (staticProps) link_defineProperties(Constructor, staticProps); return Constructor; }
+
+function link_possibleConstructorReturn(self, call) { if (call && (link_typeof(call) === "object" || typeof call === "function")) { return call; } return link_assertThisInitialized(self); }
+
+function link_assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function link_getPrototypeOf(o) { link_getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return link_getPrototypeOf(o); }
+
+function link_inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) link_setPrototypeOf(subClass, superClass); }
+
+function link_setPrototypeOf(o, p) { link_setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return link_setPrototypeOf(o, p); }
+
 function link_defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -311,5 +363,17 @@
  */
-class link_Link extends external_react_["Component"] {
-  render() {
-    const _this$props = this.props,
+var link_Link =
+/*#__PURE__*/
+function (_React$Component) {
+  link_inherits(Link, _React$Component);
+
+  function Link() {
+    link_classCallCheck(this, Link);
+
+    return link_possibleConstructorReturn(this, link_getPrototypeOf(Link).apply(this, arguments));
+  }
+
+  link_createClass(Link, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
           onClick = _this$props.onClick,
@@ -321,17 +385,19 @@ href = _this$props.href,
 
-    const ClickableBehavior = Object(wonder_blocks_core_["getClickableBehavior"])(href, skipClientNav, this.context.router);
-    return external_react_["createElement"](ClickableBehavior, {
-      disabled: false,
-      onClick: onClick,
-      href: href,
-      role: "link"
-    }, (state, handlers) => {
-      return external_react_["createElement"](link_core_LinkCore, link_extends({}, sharedProps, state, handlers, {
-        skipClientNav: skipClientNav,
-        href: href
-      }), children);
-    });
-  }
+      var ClickableBehavior = Object(wonder_blocks_core_["getClickableBehavior"])(href, skipClientNav, this.context.router);
+      return external_react_["createElement"](ClickableBehavior, {
+        disabled: false,
+        onClick: onClick,
+        href: href,
+        role: "link"
+      }, function (state, handlers) {
+        return external_react_["createElement"](link_core_LinkCore, link_extends({}, sharedProps, state, handlers, {
+          skipClientNav: skipClientNav,
+          href: href
+        }), children);
+      });
+    }
+  }]);
 
-}
+  return Link;
+}(external_react_["Component"]);
 
@@ -348,2 +414,4 @@ link_defineProperty(link_Link, "defaultProps", {
 });
+
+
 // CONCATENATED MODULE: ./packages/wonder-blocks-link/index.js
@@ -350,0 +418,0 @@ /* concated harmony reexport */__webpack_require__.d(__webpack_exports__, "default", function() { return link_Link; });

package.json

 {
   "name": "@khanacademy/wonder-blocks-link",
-  "version": "3.0.2",
+  "version": "3.0.3",
   "design": "v1",
@@ -18,4 +18,4 @@ "publishConfig": {
   "dependencies": {
-    "@khanacademy/wonder-blocks-color": "^1.0.12",
-    "@khanacademy/wonder-blocks-core": "^1.2.5"
+    "@khanacademy/wonder-blocks-color": "^1.0.13",
+    "@khanacademy/wonder-blocks-core": "^1.2.6"
   },
@@ -27,3 +27,6 @@ "peerDependencies": {
     "react-router-dom": "^4.2.2"
+  },
+  "devDependencies": {
+    "wb-dev-build-settings": "^0.0.2"
   }
 }

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

65888

increased by13.43%

Lines of code

1086

increased by13.01%

Worsened metrics

Dev dependency count

1

increased byInfinity%

Dependency changes

• Updated@khanacademy/wonder-blocks-color@^1.0.13

• Updated@khanacademy/wonder-blocks-core@^1.2.6