@khanacademy/wonder-blocks-link 3.8.4 → 3.8.7

package/CHANGELOG.md

@@ -1,5 +1,29 @@
 # @khanacademy/wonder-blocks-link
 
+## 3.8.7
+
+### Patch Changes
+
+-   Updated dependencies [5f4a4297]
+-   Updated dependencies [2b96fd59]
+    -   @khanacademy/wonder-blocks-core@4.3.2
+    -   @khanacademy/wonder-blocks-clickable@2.2.7
+
+## 3.8.6
+
+### Patch Changes
+
+-   @khanacademy/wonder-blocks-clickable@2.2.6
+-   @khanacademy/wonder-blocks-core@4.3.1
+
+## 3.8.5
+
+### Patch Changes
+
+-   Updated dependencies [246a921d]
+    -   @khanacademy/wonder-blocks-core@4.3.0
+    -   @khanacademy/wonder-blocks-clickable@2.2.5
+
 ## 3.8.4
 
 ### Patch Changes

package/dist/es/index.js

@@ -38,15 +38,15 @@ class LinkCore extends React.Component {
       style: [defaultStyles, style]
     }, restProps);
 
-    return router && !skipClientNav && isClientSideUrl(href) ? /*#__PURE__*/React.createElement(StyledLink, _extends({}, commonProps, {
+    return router && !skipClientNav && isClientSideUrl(href) ? React.createElement(StyledLink, _extends({}, commonProps, {
       to: href
-    }), children) : /*#__PURE__*/React.createElement(StyledAnchor, _extends({}, commonProps, {
+    }), children) : React.createElement(StyledAnchor, _extends({}, commonProps, {
       href: href
     }), children);
   }
 
   render() {
-    return /*#__PURE__*/React.createElement(__RouterContext.Consumer, null, router => this.renderInner(router));
+    return React.createElement(__RouterContext.Consumer, null, router => this.renderInner(router));
   }
 
 }
@@ -115,24 +115,6 @@ const _generateStyles = (kind, light, visitable) => {
 const _excluded = ["onClick", "beforeNav", "safeWithNav", "href", "skipClientNav", "children", "tabIndex", "onKeyDown", "onKeyUp", "target"],
       _excluded2 = ["tabIndex"],
       _excluded3 = ["tabIndex"];
-
-/**
- * Reusable link component.
- *
- * Consisting of a [`ClickableBehavior`](#clickablebehavior) surrounding a
- * `LinkCore`. `ClickableBehavior` handles interactions and state changes.
- * `LinkCore` is a stateless component which displays the different states
- * the `Link` can take.
- *
- * Example usage:
- * ```jsx
- * <Link
- *     href="https://khanacademy.org/"
- * >
- *     Label
- * </Link>
- * ```
- */
 class Link extends React.Component {
   renderClickableBehavior(router) {
     const _this$props = this.props,
@@ -153,7 +135,7 @@ class Link extends React.Component {
     const ClickableBehavior = getClickableBehavior(href, skipClientNav, router);
 
     if (beforeNav) {
-      return /*#__PURE__*/React.createElement(ClickableBehavior, {
+      return React.createElement(ClickableBehavior, {
         disabled: false,
         href: href,
         role: "link",
@@ -168,18 +150,15 @@ class Link extends React.Component {
         } = _ref,
             childrenProps = _objectWithoutPropertiesLoose(_ref, _excluded2);
 
-        return /*#__PURE__*/React.createElement(LinkCore, _extends({}, sharedProps, state, childrenProps, {
+        return React.createElement(LinkCore, _extends({}, sharedProps, state, childrenProps, {
           skipClientNav: skipClientNav,
           href: href,
-          target: target // If tabIndex is provide to the component we allow
-          // it to override the tabIndex provide to use by
-          // ClickableBehavior.
-          ,
+          target: target,
           tabIndex: tabIndex || clickableTabIndex
         }), children);
       });
     } else {
-      return /*#__PURE__*/React.createElement(ClickableBehavior, {
+      return React.createElement(ClickableBehavior, {
         disabled: false,
         href: href,
         role: "link",
@@ -194,13 +173,10 @@ class Link extends React.Component {
         } = _ref2,
             childrenProps = _objectWithoutPropertiesLoose(_ref2, _excluded3);
 
-        return /*#__PURE__*/React.createElement(LinkCore, _extends({}, sharedProps, state, childrenProps, {
+        return React.createElement(LinkCore, _extends({}, sharedProps, state, childrenProps, {
           skipClientNav: skipClientNav,
           href: href,
-          target: target // If tabIndex is provide to the component we allow
-          // it to override the tabIndex provide to use by
-          // ClickableBehavior.
-          ,
+          target: target,
           tabIndex: tabIndex || clickableTabIndex
         }), children);
       });
@@ -208,7 +184,7 @@ class Link extends React.Component {
   }
 
   render() {
-    return /*#__PURE__*/React.createElement(__RouterContext.Consumer, null, router => this.renderClickableBehavior(router));
+    return React.createElement(__RouterContext.Consumer, null, router => this.renderClickableBehavior(router));
   }
 
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@khanacademy/wonder-blocks-link",
-  "version": "3.8.4",
+  "version": "3.8.7",
   "design": "v1",
   "publishConfig": {
     "access": "public"
@@ -16,9 +16,9 @@
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.16.3",
-    "@khanacademy/wonder-blocks-clickable": "^2.2.4",
+    "@khanacademy/wonder-blocks-clickable": "^2.2.7",
     "@khanacademy/wonder-blocks-color": "^1.1.20",
-    "@khanacademy/wonder-blocks-core": "^4.2.1"
+    "@khanacademy/wonder-blocks-core": "^4.3.2"
   },
   "peerDependencies": {
     "aphrodite": "^1.2.5",
@@ -27,6 +27,6 @@
     "react-router-dom": "5.3.0"
   },
   "devDependencies": {
-    "wb-dev-build-settings": "^0.3.0"
+    "wb-dev-build-settings": "^0.4.0"
   }
 }

package/src/components/link.js

@@ -134,6 +134,8 @@ export type SharedProps =
           /**
            * A target destination window for a link to open in.  We only support
            * "_blank" which opens the URL in a new tab.
+           *
+           * TODO(WB-1262): only allow this prop when `href` is also set.t
            */
           target?: "_blank",
       |}