@khanacademy/wonder-blocks-link 3.8.13 → 3.8.15

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @khanacademy/wonder-blocks-link
 
+## 3.8.15
+
+### Patch Changes
+
+-   Updated dependencies [b561425a]
+-   Updated dependencies [a566e232]
+-   Updated dependencies [d2b21a6e]
+    -   @khanacademy/wonder-blocks-core@4.6.0
+    -   @khanacademy/wonder-blocks-clickable@2.4.2
+
+## 3.8.14
+
+### Patch Changes
+
+-   Updated dependencies [4c682709]
+    -   @khanacademy/wonder-blocks-clickable@2.4.1
+
 ## 3.8.13
 
 ### Patch Changes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@khanacademy/wonder-blocks-link",
-  "version": "3.8.13",
+  "version": "3.8.15",
   "design": "v1",
   "publishConfig": {
     "access": "public"
@@ -16,9 +16,9 @@
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.18.6",
-    "@khanacademy/wonder-blocks-clickable": "^2.4.0",
+    "@khanacademy/wonder-blocks-clickable": "^2.4.2",
     "@khanacademy/wonder-blocks-color": "^1.2.0",
-    "@khanacademy/wonder-blocks-core": "^4.5.0"
+    "@khanacademy/wonder-blocks-core": "^4.6.0"
   },
   "peerDependencies": {
     "aphrodite": "^1.2.5",
@@ -27,6 +27,6 @@
     "react-router-dom": "5.3.0"
   },
   "devDependencies": {
-    "wb-dev-build-settings": "^0.4.0"
+    "wb-dev-build-settings": "^0.5.0"
   }
 }

package/src/__tests__/__snapshots__/custom-snapshot.test.js.snap

@@ -6,7 +6,6 @@ exports[`Link <Link tabIndex={-1}> 1`] = `
   href="#"
   onBlur={[Function]}
   onClick={[Function]}
-  onDragStart={[Function]}
   onFocus={[Function]}
   onKeyDown={[Function]}
   onKeyUp={[Function]}
@@ -37,7 +36,6 @@ exports[`Link <Link tabIndex={0}> 1`] = `
   href="#"
   onBlur={[Function]}
   onClick={[Function]}
-  onDragStart={[Function]}
   onFocus={[Function]}
   onKeyDown={[Function]}
   onKeyUp={[Function]}
@@ -68,7 +66,6 @@ exports[`Link <Link tabIndex={1}> 1`] = `
   href="#"
   onBlur={[Function]}
   onClick={[Function]}
-  onDragStart={[Function]}
   onFocus={[Function]}
   onKeyDown={[Function]}
   onKeyUp={[Function]}
@@ -99,7 +96,6 @@ exports[`LinkCore kind:primary href:# light:false visitable:false focused 1`] =
   href="#"
   onBlur={[Function]}
   onClick={[Function]}
-  onDragStart={[Function]}
   onFocus={[Function]}
   onKeyDown={[Function]}
   onKeyUp={[Function]}
@@ -130,7 +126,6 @@ exports[`LinkCore kind:primary href:# light:false visitable:false hovered 1`] =
   href="#"
   onBlur={[Function]}
   onClick={[Function]}
-  onDragStart={[Function]}
   onFocus={[Function]}
   onKeyDown={[Function]}
   onKeyUp={[Function]}
@@ -161,7 +156,6 @@ exports[`LinkCore kind:primary href:# light:false visitable:false pressed 1`] =
   href="#"
   onBlur={[Function]}
   onClick={[Function]}
-  onDragStart={[Function]}
   onFocus={[Function]}
   onKeyDown={[Function]}
   onKeyUp={[Function]}
@@ -192,7 +186,6 @@ exports[`LinkCore kind:primary href:# light:false visitable:true focused 1`] = `
   href="#"
   onBlur={[Function]}
   onClick={[Function]}
-  onDragStart={[Function]}
   onFocus={[Function]}
   onKeyDown={[Function]}
   onKeyUp={[Function]}
@@ -226,7 +219,6 @@ exports[`LinkCore kind:primary href:# light:false visitable:true hovered 1`] = `
   href="#"
   onBlur={[Function]}
   onClick={[Function]}
-  onDragStart={[Function]}
   onFocus={[Function]}
   onKeyDown={[Function]}
   onKeyUp={[Function]}
@@ -260,7 +252,6 @@ exports[`LinkCore kind:primary href:# light:false visitable:true pressed 1`] = `
   href="#"
   onBlur={[Function]}
   onClick={[Function]}
-  onDragStart={[Function]}
   onFocus={[Function]}
   onKeyDown={[Function]}
   onKeyUp={[Function]}
@@ -294,7 +285,6 @@ exports[`LinkCore kind:primary href:# light:true visitable:false focused 1`] = `
   href="#"
   onBlur={[Function]}
   onClick={[Function]}
-  onDragStart={[Function]}
   onFocus={[Function]}
   onKeyDown={[Function]}
   onKeyUp={[Function]}
@@ -325,7 +315,6 @@ exports[`LinkCore kind:primary href:# light:true visitable:false hovered 1`] = `
   href="#"
   onBlur={[Function]}
   onClick={[Function]}
-  onDragStart={[Function]}
   onFocus={[Function]}
   onKeyDown={[Function]}
   onKeyUp={[Function]}
@@ -356,7 +345,6 @@ exports[`LinkCore kind:primary href:# light:true visitable:false pressed 1`] = `
   href="#"
   onBlur={[Function]}
   onClick={[Function]}
-  onDragStart={[Function]}
   onFocus={[Function]}
   onKeyDown={[Function]}
   onKeyUp={[Function]}
@@ -387,7 +375,6 @@ exports[`LinkCore kind:primary href:#non-existent-link light:false visitable:fal
   href="#"
   onBlur={[Function]}
   onClick={[Function]}
-  onDragStart={[Function]}
   onFocus={[Function]}
   onKeyDown={[Function]}
   onKeyUp={[Function]}
@@ -418,7 +405,6 @@ exports[`LinkCore kind:primary href:#non-existent-link light:false visitable:fal
   href="#"
   onBlur={[Function]}
   onClick={[Function]}
-  onDragStart={[Function]}
   onFocus={[Function]}
   onKeyDown={[Function]}
   onKeyUp={[Function]}
@@ -449,7 +435,6 @@ exports[`LinkCore kind:primary href:#non-existent-link light:false visitable:fal
   href="#"
   onBlur={[Function]}
   onClick={[Function]}
-  onDragStart={[Function]}
   onFocus={[Function]}
   onKeyDown={[Function]}
   onKeyUp={[Function]}
@@ -480,7 +465,6 @@ exports[`LinkCore kind:primary href:#non-existent-link light:false visitable:tru
   href="#"
   onBlur={[Function]}
   onClick={[Function]}
-  onDragStart={[Function]}
   onFocus={[Function]}
   onKeyDown={[Function]}
   onKeyUp={[Function]}
@@ -514,7 +498,6 @@ exports[`LinkCore kind:primary href:#non-existent-link light:false visitable:tru
   href="#"
   onBlur={[Function]}
   onClick={[Function]}
-  onDragStart={[Function]}
   onFocus={[Function]}
   onKeyDown={[Function]}
   onKeyUp={[Function]}
@@ -548,7 +531,6 @@ exports[`LinkCore kind:primary href:#non-existent-link light:false visitable:tru
   href="#"
   onBlur={[Function]}
   onClick={[Function]}
-  onDragStart={[Function]}
   onFocus={[Function]}
   onKeyDown={[Function]}
   onKeyUp={[Function]}
@@ -582,7 +564,6 @@ exports[`LinkCore kind:primary href:#non-existent-link light:true visitable:fals
   href="#"
   onBlur={[Function]}
   onClick={[Function]}
-  onDragStart={[Function]}
   onFocus={[Function]}
   onKeyDown={[Function]}
   onKeyUp={[Function]}
@@ -613,7 +594,6 @@ exports[`LinkCore kind:primary href:#non-existent-link light:true visitable:fals
   href="#"
   onBlur={[Function]}
   onClick={[Function]}
-  onDragStart={[Function]}
   onFocus={[Function]}
   onKeyDown={[Function]}
   onKeyUp={[Function]}
@@ -644,7 +624,6 @@ exports[`LinkCore kind:primary href:#non-existent-link light:true visitable:fals
   href="#"
   onBlur={[Function]}
   onClick={[Function]}
-  onDragStart={[Function]}
   onFocus={[Function]}
   onKeyDown={[Function]}
   onKeyUp={[Function]}
@@ -675,7 +654,6 @@ exports[`LinkCore kind:secondary href:# light:false visitable:false focused 1`]
   href="#"
   onBlur={[Function]}
   onClick={[Function]}
-  onDragStart={[Function]}
   onFocus={[Function]}
   onKeyDown={[Function]}
   onKeyUp={[Function]}
@@ -706,7 +684,6 @@ exports[`LinkCore kind:secondary href:# light:false visitable:false hovered 1`]
   href="#"
   onBlur={[Function]}
   onClick={[Function]}
-  onDragStart={[Function]}
   onFocus={[Function]}
   onKeyDown={[Function]}
   onKeyUp={[Function]}
@@ -737,7 +714,6 @@ exports[`LinkCore kind:secondary href:# light:false visitable:false pressed 1`]
   href="#"
   onBlur={[Function]}
   onClick={[Function]}
-  onDragStart={[Function]}
   onFocus={[Function]}
   onKeyDown={[Function]}
   onKeyUp={[Function]}
@@ -768,7 +744,6 @@ exports[`LinkCore kind:secondary href:#non-existent-link light:false visitable:f
   href="#"
   onBlur={[Function]}
   onClick={[Function]}
-  onDragStart={[Function]}
   onFocus={[Function]}
   onKeyDown={[Function]}
   onKeyUp={[Function]}
@@ -799,7 +774,6 @@ exports[`LinkCore kind:secondary href:#non-existent-link light:false visitable:f
   href="#"
   onBlur={[Function]}
   onClick={[Function]}
-  onDragStart={[Function]}
   onFocus={[Function]}
   onKeyDown={[Function]}
   onKeyUp={[Function]}
@@ -830,7 +804,6 @@ exports[`LinkCore kind:secondary href:#non-existent-link light:false visitable:f
   href="#"
   onBlur={[Function]}
   onClick={[Function]}
-  onDragStart={[Function]}
   onFocus={[Function]}
   onKeyDown={[Function]}
   onKeyUp={[Function]}

package/src/__tests__/custom-snapshot.test.js

@@ -11,7 +11,6 @@ const defaultHandlers = {
     onMouseLeave: () => void 0,
     onMouseDown: () => void 0,
     onMouseUp: () => void 0,
-    onDragStart: () => void 0,
     onTouchStart: () => void 0,
     onTouchEnd: () => void 0,
     onTouchCancel: () => void 0,

package/src/components/__tests__/link.test.js

@@ -1,17 +1,11 @@
 // @flow
 import * as React from "react";
 import {MemoryRouter, Route, Switch} from "react-router-dom";
-import {mount} from "enzyme";
-import "jest-enzyme";
+import {fireEvent, render, screen, waitFor} from "@testing-library/react";
+import userEvent from "@testing-library/user-event";
 
 import Link from "../link.js";
 
-const wait = (delay: number = 0) =>
-    new Promise((resolve, reject) => {
-        // eslint-disable-next-line no-restricted-syntax
-        return setTimeout(resolve, delay);
-    });
-
 describe("Link", () => {
     beforeEach(() => {
         // Note: window.location.assign needs a mock function in the testing
@@ -22,12 +16,13 @@ describe("Link", () => {
 
     afterEach(() => {
         window.location.assign.mockClear();
+        jest.clearAllMocks();
     });
 
     describe("client-side navigation", () => {
         test("works for known URLs", () => {
             // Arrange
-            const wrapper = mount(
+            render(
                 <MemoryRouter>
                     <div>
                         <Link href="/foo">Click me!</Link>
@@ -41,16 +36,16 @@ describe("Link", () => {
             );
 
             // Act
-            const linkWrapper = wrapper.find("Link").first();
-            linkWrapper.simulate("click", {button: 0});
+            const link = screen.getByText("Click me!");
+            userEvent.click(link);
 
             // Assert
-            expect(wrapper.find("#foo").exists()).toBe(true);
+            expect(screen.getByText("Hello, world!")).toBeInTheDocument();
         });
 
         test("navigation to without route does not render", () => {
             // Arrange
-            const wrapper = mount(
+            render(
                 <MemoryRouter>
                     <div>
                         <Link href="/unknown">Click me!</Link>
@@ -64,16 +59,16 @@ describe("Link", () => {
             );
 
             // Act
-            const linkWrapper = wrapper.find("Link").first();
-            linkWrapper.simulate("click", {button: 0});
+            const link = screen.getByText("Click me!");
+            userEvent.click(link);
 
             // Assert
-            expect(wrapper.find("#foo").exists()).toBe(false);
+            expect(screen.queryByText("Hello, world!")).not.toBeInTheDocument();
         });
 
-        test("waits until beforeNav resolves before navigating", async () => {
+        test("waits until beforeNav resolves before navigating", () => {
             // Arrange
-            const wrapper = mount(
+            render(
                 <MemoryRouter>
                     <div>
                         <Link href="/foo" beforeNav={() => Promise.resolve()}>
@@ -89,20 +84,16 @@ describe("Link", () => {
             );
 
             // Act
-            const linkWrapper = wrapper.find("Link").first();
-            linkWrapper.simulate("click", {
-                button: 0,
-            });
-            await wait(0);
-            wrapper.update();
+            const link = screen.getByText("Click me!");
+            userEvent.click(link);
 
             // Assert
-            expect(wrapper.find("#foo")).toExist();
+            expect(screen.queryByText("Hello, world!")).not.toBeInTheDocument();
         });
 
-        test("doesn't navigate before beforeNav resolves", async () => {
+        test("doesn't navigate before beforeNav resolves", () => {
             // Arrange
-            const wrapper = mount(
+            render(
                 <MemoryRouter>
                     <div>
                         <Link href="/foo" beforeNav={() => Promise.resolve()}>
@@ -118,18 +109,16 @@ describe("Link", () => {
             );
 
             // Act
-            const linkWrapper = wrapper.find("Link").first();
-            linkWrapper.simulate("click", {
-                button: 0,
-            });
+            const link = screen.getByText("Click me!");
+            userEvent.click(link);
 
             // Assert
-            expect(wrapper.find("#foo")).not.toExist();
+            expect(screen.queryByText("Hello, world!")).not.toBeInTheDocument();
         });
 
-        test("does not navigate if beforeNav rejects", async () => {
+        test("does not navigate if beforeNav rejects", () => {
             // Arrange
-            const wrapper = mount(
+            render(
                 <MemoryRouter>
                     <div>
                         <Link href="/foo" beforeNav={() => Promise.reject()}>
@@ -145,21 +134,17 @@ describe("Link", () => {
             );
 
             // Act
-            const linkWrapper = wrapper.find("Link").first();
-            linkWrapper.simulate("click", {
-                button: 0,
-            });
-            await wait(0);
-            wrapper.update();
+            const link = screen.getByText("Click me!");
+            userEvent.click(link);
 
             // Assert
-            expect(wrapper.find("#foo")).not.toExist();
+            expect(screen.queryByText("Hello, world!")).not.toBeInTheDocument();
         });
 
         test("runs safeWithNav if set", async () => {
             // Arrange
             const safeWithNavMock = jest.fn();
-            const wrapper = mount(
+            render(
                 <MemoryRouter>
                     <div>
                         <Link
@@ -179,21 +164,19 @@ describe("Link", () => {
             );
 
             // Act
-            const linkWrapper = wrapper.find("Link").first();
-            linkWrapper.simulate("click", {
-                button: 0,
-            });
-            await wait(0);
-            wrapper.update();
+            const link = screen.getByText("Click me!");
+            userEvent.click(link);
 
             // Assert
-            expect(safeWithNavMock).toHaveBeenCalled();
+            await waitFor(() => {
+                expect(safeWithNavMock).toHaveBeenCalled();
+            });
         });
 
         test("doesn't run safeWithNav until beforeNav resolves", () => {
             // Arrange
             const safeWithNavMock = jest.fn();
-            const wrapper = mount(
+            render(
                 <MemoryRouter>
                     <div>
                         <Link
@@ -213,10 +196,8 @@ describe("Link", () => {
             );
 
             // Act
-            const linkWrapper = wrapper.find("Link").first();
-            linkWrapper.simulate("click", {
-                button: 0,
-            });
+            const link = screen.getByText("Click me!");
+            userEvent.click(link);
 
             // Assert
             expect(safeWithNavMock).not.toHaveBeenCalled();
@@ -227,7 +208,7 @@ describe("Link", () => {
         test("doesn't redirect if safeWithNav hasn't resolved yet when skipClientNav=true", () => {
             // Arrange
             jest.spyOn(window.location, "assign").mockImplementation(() => {});
-            const wrapper = mount(
+            render(
                 <Link
                     href="/foo"
                     safeWithNav={() => Promise.resolve()}
@@ -238,10 +219,8 @@ describe("Link", () => {
             );
 
             // Act
-            const linkWrapper = wrapper.find("Link").first();
-            linkWrapper.simulate("click", {
-                button: 0,
-            });
+            const link = screen.getByText("Click me!");
+            userEvent.click(link);
 
             // Assert
             expect(window.location.assign).not.toHaveBeenCalled();
@@ -250,7 +229,7 @@ describe("Link", () => {
         test("redirects after safeWithNav resolves when skipClientNav=true", async () => {
             // Arrange
             jest.spyOn(window.location, "assign").mockImplementation(() => {});
-            const wrapper = mount(
+            render(
                 <Link
                     href="/foo"
                     safeWithNav={() => Promise.resolve()}
@@ -261,21 +240,19 @@ describe("Link", () => {
             );
 
             // Act
-            const linkWrapper = wrapper.find("Link").first();
-            linkWrapper.simulate("click", {
-                button: 0,
-            });
-            await wait(0);
-            wrapper.update();
+            const link = screen.getByText("Click me!");
+            userEvent.click(link);
 
             // Assert
-            expect(window.location.assign).toHaveBeenCalledWith("/foo");
+            await waitFor(() => {
+                expect(window.location.assign).toHaveBeenCalledWith("/foo");
+            });
         });
 
         test("redirects after beforeNav and safeWithNav resolve when skipClientNav=true", async () => {
             // Arrange
             jest.spyOn(window.location, "assign").mockImplementation(() => {});
-            const wrapper = mount(
+            render(
                 <Link
                     href="/foo"
                     beforeNav={() => Promise.resolve()}
@@ -287,21 +264,19 @@ describe("Link", () => {
             );
 
             // Act
-            const linkWrapper = wrapper.find("Link").first();
-            linkWrapper.simulate("click", {
-                button: 0,
-            });
-            await wait(0);
-            wrapper.update();
+            const link = screen.getByText("Click me!");
+            userEvent.click(link);
 
             // Assert
-            expect(window.location.assign).toHaveBeenCalledWith("/foo");
+            await waitFor(() => {
+                expect(window.location.assign).toHaveBeenCalledWith("/foo");
+            });
         });
 
         test("doesn't redirect before beforeNav resolves when skipClientNav=true", () => {
             // Arrange
             jest.spyOn(window.location, "assign").mockImplementation(() => {});
-            const wrapper = mount(
+            render(
                 <Link
                     href="/foo"
                     beforeNav={() => Promise.resolve()}
@@ -312,10 +287,8 @@ describe("Link", () => {
             );
 
             // Act
-            const linkWrapper = wrapper.find("Link").first();
-            linkWrapper.simulate("click", {
-                button: 0,
-            });
+            const link = screen.getByText("Click me!");
+            userEvent.click(link);
 
             // Assert
             expect(window.location.assign).not.toHaveBeenCalled();
@@ -325,38 +298,38 @@ describe("Link", () => {
     describe("raw events", () => {
         test("onKeyDown", () => {
             // Arrange
-            const keyMock = jest.fn();
-            const wrapper = mount(
-                <Link href="/" onKeyDown={keyMock}>
+            let keyCode;
+            render(
+                <Link href="/" onKeyDown={(e) => (keyCode = e.keyCode)}>
                     Click me!
                 </Link>,
             );
 
             // Act
-            wrapper.find(Link).simulate("keydown", {keyCode: 32});
+            const link = screen.getByText("Click me!");
+            // eslint-disable-next-line testing-library/prefer-user-event
+            fireEvent.keyDown(link, {keyCode: 32});
 
             // Assert
-            expect(keyMock).toHaveBeenCalledWith(
-                expect.objectContaining({keyCode: 32}),
-            );
+            expect(keyCode).toEqual(32);
         });
 
         test("onKeyUp", () => {
             // Arrange
-            const keyMock = jest.fn();
-            const wrapper = mount(
-                <Link href="/" onKeyDown={keyMock}>
+            let keyCode;
+            render(
+                <Link href="/" onKeyUp={(e) => (keyCode = e.keyCode)}>
                     Click me!
                 </Link>,
             );
 
             // Act
-            wrapper.find(Link).simulate("keydown", {keyCode: 32});
+            const link = screen.getByText("Click me!");
+            // eslint-disable-next-line testing-library/prefer-user-event
+            fireEvent.keyUp(link, {keyCode: 32});
 
             // Assert
-            expect(keyMock).toHaveBeenCalledWith(
-                expect.objectContaining({keyCode: 32}),
-            );
+            expect(keyCode).toEqual(32);
         });
     });
 });

package/dist/index.js

@@ -1,409 +0,0 @@
-module.exports =
-/******/ (function(modules) { // webpackBootstrap
-/******/ 	// The module cache
-/******/ 	var installedModules = {};
-/******/
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/
-/******/ 		// Check if module is in cache
-/******/ 		if(installedModules[moduleId]) {
-/******/ 			return installedModules[moduleId].exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = installedModules[moduleId] = {
-/******/ 			i: moduleId,
-/******/ 			l: false,
-/******/ 			exports: {}
-/******/ 		};
-/******/
-/******/ 		// Execute the module function
-/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
-/******/
-/******/ 		// Flag the module as loaded
-/******/ 		module.l = true;
-/******/
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/
-/******/
-/******/ 	// expose the modules object (__webpack_modules__)
-/******/ 	__webpack_require__.m = modules;
-/******/
-/******/ 	// expose the module cache
-/******/ 	__webpack_require__.c = installedModules;
-/******/
-/******/ 	// define getter function for harmony exports
-/******/ 	__webpack_require__.d = function(exports, name, getter) {
-/******/ 		if(!__webpack_require__.o(exports, name)) {
-/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
-/******/ 		}
-/******/ 	};
-/******/
-/******/ 	// define __esModule on exports
-/******/ 	__webpack_require__.r = function(exports) {
-/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 		}
-/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 	};
-/******/
-/******/ 	// create a fake namespace object
-/******/ 	// mode & 1: value is a module id, require it
-/******/ 	// mode & 2: merge all properties of value into the ns
-/******/ 	// mode & 4: return value when already ns object
-/******/ 	// mode & 8|1: behave like require
-/******/ 	__webpack_require__.t = function(value, mode) {
-/******/ 		if(mode & 1) value = __webpack_require__(value);
-/******/ 		if(mode & 8) return value;
-/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
-/******/ 		var ns = Object.create(null);
-/******/ 		__webpack_require__.r(ns);
-/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
-/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
-/******/ 		return ns;
-/******/ 	};
-/******/
-/******/ 	// getDefaultExport function for compatibility with non-harmony modules
-/******/ 	__webpack_require__.n = function(module) {
-/******/ 		var getter = module && module.__esModule ?
-/******/ 			function getDefault() { return module['default']; } :
-/******/ 			function getModuleExports() { return module; };
-/******/ 		__webpack_require__.d(getter, 'a', getter);
-/******/ 		return getter;
-/******/ 	};
-/******/
-/******/ 	// Object.prototype.hasOwnProperty.call
-/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
-/******/
-/******/ 	// __webpack_public_path__
-/******/ 	__webpack_require__.p = "";
-/******/
-/******/
-/******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 10);
-/******/ })
-/************************************************************************/
-/******/ ([
-/* 0 */
-/***/ (function(module, exports) {
-
-module.exports = require("react");
-
-/***/ }),
-/* 1 */
-/***/ (function(module, exports) {
-
-module.exports = require("@khanacademy/wonder-blocks-color");
-
-/***/ }),
-/* 2 */
-/***/ (function(module, exports) {
-
-function _extends() {
-  module.exports = _extends = Object.assign ? Object.assign.bind() : 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;
-  }, module.exports.__esModule = true, module.exports["default"] = module.exports;
-  return _extends.apply(this, arguments);
-}
-
-module.exports = _extends, module.exports.__esModule = true, module.exports["default"] = module.exports;
-
-/***/ }),
-/* 3 */
-/***/ (function(module, exports) {
-
-module.exports = require("react-router");
-
-/***/ }),
-/* 4 */
-/***/ (function(module, exports) {
-
-module.exports = require("@khanacademy/wonder-blocks-clickable");
-
-/***/ }),
-/* 5 */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return LinkCore; });
-/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
-/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(0);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var aphrodite__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(6);
-/* harmony import */ var aphrodite__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(aphrodite__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(9);
-/* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_router_dom__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var react_router__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(3);
-/* harmony import */ var react_router__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react_router__WEBPACK_IMPORTED_MODULE_4__);
-/* harmony import */ var _khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(7);
-/* harmony import */ var _khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_5__);
-/* harmony import */ var _khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(1);
-/* harmony import */ var _khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_6__);
-/* harmony import */ var _khanacademy_wonder_blocks_clickable__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(4);
-/* harmony import */ var _khanacademy_wonder_blocks_clickable__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_khanacademy_wonder_blocks_clickable__WEBPACK_IMPORTED_MODULE_7__);
-
-
-
-
-
-
-
-
-const StyledAnchor = Object(_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_5__["addStyle"])("a");
-const StyledLink = Object(_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_5__["addStyle"])(react_router_dom__WEBPACK_IMPORTED_MODULE_3__["Link"]);
-class LinkCore extends react__WEBPACK_IMPORTED_MODULE_1__["Component"] {
-  renderInner(router) {
-    const {
-      children,
-      skipClientNav,
-      focused,
-      hovered,
-      href,
-      kind,
-      light,
-      visitable,
-      pressed,
-      style,
-      testId,
-      waiting: _,
-      ...restProps
-    } = this.props;
-
-    const linkStyles = _generateStyles(kind, light, visitable);
-
-    const defaultStyles = [sharedStyles.shared, !(hovered || focused || pressed) && linkStyles.default, pressed ? linkStyles.active : (hovered || focused) && linkStyles.focus];
-    const commonProps = {
-      "data-test-id": testId,
-      style: [defaultStyles, style],
-      ...restProps
-    };
-    return router && !skipClientNav && Object(_khanacademy_wonder_blocks_clickable__WEBPACK_IMPORTED_MODULE_7__["isClientSideUrl"])(href) ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__["createElement"](StyledLink, _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, commonProps, {
-      to: href
-    }), children) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__["createElement"](StyledAnchor, _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, commonProps, {
-      href: href
-    }), children);
-  }
-
-  render() {
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__["createElement"](react_router__WEBPACK_IMPORTED_MODULE_4__["__RouterContext"].Consumer, null, router => this.renderInner(router));
-  }
-
-}
-const styles = {};
-const sharedStyles = aphrodite__WEBPACK_IMPORTED_MODULE_2__["StyleSheet"].create({
-  shared: {
-    cursor: "pointer",
-    textDecoration: "none",
-    outline: "none"
-  }
-});
-
-const _generateStyles = (kind, light, visitable) => {
-  const buttonType = kind + light.toString() + visitable.toString();
-
-  if (styles[buttonType]) {
-    return styles[buttonType];
-  }
-
-  if (kind === "secondary" && light) {
-    throw new Error("Secondary Light links are not supported");
-  }
-
-  if (visitable && (kind !== "primary" || kind === "primary" && light)) {
-    throw new Error("Only primary (not light) link is visitable");
-  }
-
-  const {
-    blue,
-    purple,
-    white,
-    offBlack,
-    offBlack32
-  } = _khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_6___default.a;
-  const linkPurple = Object(_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_6__["mix"])(Object(_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_6__["fade"])(offBlack, 0.08), purple);
-  const defaultTextColor = kind === "primary" ? light ? white : blue : offBlack;
-  const focusColor = light ? white : blue;
-  const activeColor = light ? Object(_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_6__["mix"])(Object(_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_6__["fade"])(blue, 0.32), white) : Object(_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_6__["mix"])(offBlack32, blue);
-  const defaultVisited = visitable ? {
-    ":visited": {
-      color: linkPurple
-    }
-  } : Object.freeze({});
-  const activeVisited = visitable ? {
-    ":visited": {
-      color: Object(_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_6__["mix"])(offBlack32, linkPurple)
-    }
-  } : Object.freeze({});
-  const newStyles = {
-    default: {
-      color: defaultTextColor,
-      ...defaultVisited
-    },
-    focus: {
-      textDecoration: "underline currentcolor solid",
-      color: focusColor,
-      ...defaultVisited
-    },
-    active: {
-      color: activeColor,
-      textDecoration: "underline currentcolor solid",
-      ...activeVisited
-    }
-  };
-  styles[buttonType] = aphrodite__WEBPACK_IMPORTED_MODULE_2__["StyleSheet"].create(newStyles);
-  return styles[buttonType];
-};
-
-/***/ }),
-/* 6 */
-/***/ (function(module, exports) {
-
-module.exports = require("aphrodite");
-
-/***/ }),
-/* 7 */
-/***/ (function(module, exports) {
-
-module.exports = require("@khanacademy/wonder-blocks-core");
-
-/***/ }),
-/* 8 */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return Link; });
-/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
-/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(0);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var react_router__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(3);
-/* harmony import */ var react_router__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_router__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var _khanacademy_wonder_blocks_clickable__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(4);
-/* harmony import */ var _khanacademy_wonder_blocks_clickable__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_khanacademy_wonder_blocks_clickable__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var _link_core_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(5);
-
-
-
-
-
-
-/**
- * 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.
- *
- * ### Usage
- *
- * ```jsx
- * <Link
- *     href="https://khanacademy.org/"
- * >
- *     Label
- * </Link>
- * ```
- */
-class Link extends react__WEBPACK_IMPORTED_MODULE_1__["Component"] {
-  renderClickableBehavior(router) {
-    const {
-      onClick,
-      beforeNav = undefined,
-      safeWithNav,
-      href,
-      skipClientNav,
-      children,
-      tabIndex,
-      onKeyDown,
-      onKeyUp,
-      target = undefined,
-      ...sharedProps
-    } = this.props;
-    const ClickableBehavior = Object(_khanacademy_wonder_blocks_clickable__WEBPACK_IMPORTED_MODULE_3__["getClickableBehavior"])(href, skipClientNav, router);
-
-    if (beforeNav) {
-      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__["createElement"](ClickableBehavior, {
-        disabled: false,
-        href: href,
-        role: "link",
-        onClick: onClick,
-        beforeNav: beforeNav,
-        safeWithNav: safeWithNav,
-        onKeyDown: onKeyDown,
-        onKeyUp: onKeyUp
-      }, (state, { ...childrenProps
-      }) => {
-        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_link_core_js__WEBPACK_IMPORTED_MODULE_4__[/* default */ "a"], _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, sharedProps, state, childrenProps, {
-          skipClientNav: skipClientNav,
-          href: href,
-          target: target,
-          tabIndex: tabIndex
-        }), children);
-      });
-    } else {
-      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__["createElement"](ClickableBehavior, {
-        disabled: false,
-        href: href,
-        role: "link",
-        onClick: onClick,
-        safeWithNav: safeWithNav,
-        target: target,
-        onKeyDown: onKeyDown,
-        onKeyUp: onKeyUp
-      }, (state, { ...childrenProps
-      }) => {
-        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_link_core_js__WEBPACK_IMPORTED_MODULE_4__[/* default */ "a"], _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, sharedProps, state, childrenProps, {
-          skipClientNav: skipClientNav,
-          href: href,
-          target: target,
-          tabIndex: tabIndex
-        }), children);
-      });
-    }
-  }
-
-  render() {
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__["createElement"](react_router__WEBPACK_IMPORTED_MODULE_2__["__RouterContext"].Consumer, null, router => this.renderClickableBehavior(router));
-  }
-
-}
-Link.defaultProps = {
-  kind: "primary",
-  light: false,
-  visitable: false
-};
-
-/***/ }),
-/* 9 */
-/***/ (function(module, exports) {
-
-module.exports = require("react-router-dom");
-
-/***/ }),
-/* 10 */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _components_link_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(8);
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "default", function() { return _components_link_js__WEBPACK_IMPORTED_MODULE_0__["a"]; });
-
-
-
-
-/***/ })
-/******/ ]);

package/dist/index.js.flow

@@ -1,2 +0,0 @@
-// @flow
-export * from "../src/index.js";

package/docs.md

@@ -1,5 +0,0 @@
-Documentation for `@khanacademy/wonder-blocks-link` is now in Storybook.
-
-Visit the [Storybook
-Link](https://khan.github.io/wonder-blocks/?path=/docs/link) docs on GitHub
-Pages.