@khanacademy/wonder-blocks-cell 2.1.0 → 2.2.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @khanacademy/wonder-blocks-cell
 
+## 2.2.0
+
+### Minor Changes
+
+-   35b9ef9c: Add target prop to cell.
+
 ## 2.1.0
 
 ### Minor Changes

package/dist/es/index.js

@@ -144,7 +144,8 @@ const CellCore = props => {
     style,
     testId,
     "aria-label": ariaLabel,
-    innerStyle
+    innerStyle,
+    target
   } = props;
 
   const renderCell = eventState => {
@@ -183,7 +184,8 @@ const CellCore = props => {
       onClick: onClick,
       href: href,
       hideDefaultFocusRing: true,
-      "aria-label": ariaLabel ? ariaLabel : undefined
+      "aria-label": ariaLabel ? ariaLabel : undefined,
+      target: target
     }, eventState => renderCell(eventState));
   } // No click event attached, so just render the cell as-is.
 

package/dist/index.js

@@ -309,7 +309,8 @@ const CellCore = props => {
     style,
     testId,
     "aria-label": ariaLabel,
-    innerStyle
+    innerStyle,
+    target
   } = props;
 
   const renderCell = eventState => {
@@ -348,7 +349,8 @@ const CellCore = props => {
       onClick: onClick,
       href: href,
       hideDefaultFocusRing: true,
-      "aria-label": ariaLabel ? ariaLabel : undefined
+      "aria-label": ariaLabel ? ariaLabel : undefined,
+      target: target
     }, eventState => renderCell(eventState));
   } // No click event attached, so just render the cell as-is.
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@khanacademy/wonder-blocks-cell",
-  "version": "2.1.0",
+  "version": "2.2.0",
   "design": "v1",
   "publishConfig": {
     "access": "public"

package/src/components/internal/cell-core.js

@@ -130,6 +130,7 @@ const CellCore = (props: CellCoreProps): React.Node => {
         testId,
         "aria-label": ariaLabel,
         innerStyle,
+        target,
     } = props;
 
     const renderCell = (eventState?: ClickableState): React.Node => {
@@ -200,6 +201,7 @@ const CellCore = (props: CellCoreProps): React.Node => {
                 href={href}
                 hideDefaultFocusRing={true}
                 aria-label={ariaLabel ? ariaLabel : undefined}
+                target={target}
             >
                 {(eventState) => renderCell(eventState)}
             </Clickable>

package/src/util/types.js

@@ -132,4 +132,12 @@ export type CellProps = {|
      * by default if react-router is present.
      */
     href?: string,
+
+    /**
+     * A target destination window for a link to open in. Should only be used
+     * when `href` is specified.
+     *
+     * TODO(WB-1262): only allow this prop when `href` is also set.t
+     */
+    target?: "_blank",
 |};