@khanacademy/wonder-blocks-layout 1.4.3 → 1.4.7

package/CHANGELOG.md

@@ -0,0 +1,6 @@
+# @khanacademy/wonder-blocks-layout
+
+## 1.4.7
+### Patch Changes
+
+  - @khanacademy/wonder-blocks-core@4.2.1

package/dist/es/index.js

@@ -1,5 +1,5 @@
 import _extends from '@babel/runtime/helpers/extends';
-import { createContext, Component, createElement } from 'react';
+import * as React from 'react';
 import Spacing from '@khanacademy/wonder-blocks-spacing';
 import { StyleSheet } from 'aphrodite';
 import { View } from '@khanacademy/wonder-blocks-core';
@@ -59,7 +59,7 @@ const defaultContext = {
   ssrSize: "large",
   mediaSpec: MEDIA_DEFAULT_SPEC
 };
-var MediaLayoutContext = /*#__PURE__*/createContext(defaultContext);
+var MediaLayoutContext = /*#__PURE__*/React.createContext(defaultContext);
 
 const queries = [].concat(Object.values(MEDIA_DEFAULT_SPEC).map(spec => spec.query), Object.values(MEDIA_INTERNAL_SPEC).map(spec => spec.query), Object.values(MEDIA_MODAL_SPEC).map(spec => spec.query));
 const mediaQueryLists = {}; // eslint-disable-next-line flowtype/require-exact-type
@@ -74,7 +74,7 @@ const DEFAULT_SIZE = "large";
  * to specify different breakpoint configurations.  By default it uses
  * `MEDIA_DEFAULT_SPEC`.  See media-layout-context.js for additiional options.
  */
-class MediaLayoutInternal extends Component {
+class MediaLayoutInternal extends React.Component {
   // A collection of thunks that's used to clean up event listeners
   // when the component is unmounted.
   constructor(props) {
@@ -217,16 +217,16 @@ class MediaLayoutInternal extends Component {
 } // gen-snapshot-tests.js only understands `export default class ...`
 
 
-class MediaLayout extends Component {
+class MediaLayout extends React.Component {
   render() {
     // We listen to the MediaLayoutContext to see what defaults we're
     // being given (this can be overriden by wrapping this component in
     // a MediaLayoutContext.Consumer).
-    return /*#__PURE__*/createElement(MediaLayoutContext.Consumer, null, ({
+    return /*#__PURE__*/React.createElement(MediaLayoutContext.Consumer, null, ({
       overrideSize,
       ssrSize,
       mediaSpec
-    }) => /*#__PURE__*/createElement(MediaLayoutInternal, _extends({}, this.props, {
+    }) => /*#__PURE__*/React.createElement(MediaLayoutInternal, _extends({}, this.props, {
       overrideSize: overrideSize,
       ssrSize: ssrSize,
       mediaSpec: mediaSpec
@@ -240,12 +240,12 @@ class MediaLayout extends Component {
  *
  * Assumes parent is a View.
  */
-class Spring extends Component {
+class Spring extends React.Component {
   render() {
     const {
       style
     } = this.props;
-    return /*#__PURE__*/createElement(View, {
+    return /*#__PURE__*/React.createElement(View, {
       "aria-hidden": "true",
       style: [styles.grow, style]
     });
@@ -263,13 +263,13 @@ const styles = StyleSheet.create({
  *
  * Assumes parent is a View.
  */
-class Strut extends Component {
+class Strut extends React.Component {
   render() {
     const {
       size,
       style
     } = this.props;
-    return /*#__PURE__*/createElement(View, {
+    return /*#__PURE__*/React.createElement(View, {
       "aria-hidden": "true",
       style: [strutStyle(size), style]
     });

package/dist/index.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 5);
+/******/ 	return __webpack_require__(__webpack_require__.s = 10);
 /******/ })
 /************************************************************************/
 /******/ ([
@@ -99,96 +99,38 @@ module.exports = require("@khanacademy/wonder-blocks-spacing");
 
 /***/ }),
 /* 2 */
-/***/ (function(module, exports) {
-
-module.exports = require("@khanacademy/wonder-blocks-core");
-
-/***/ }),
-/* 3 */
-/***/ (function(module, exports) {
-
-function _extends() {
-  module.exports = _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;
-  };
-
-  module.exports["default"] = module.exports, module.exports.__esModule = true;
-  return _extends.apply(this, arguments);
-}
-
-module.exports = _extends;
-module.exports["default"] = module.exports, module.exports.__esModule = true;
-
-/***/ }),
-/* 4 */
-/***/ (function(module, exports) {
-
-module.exports = require("aphrodite");
-
-/***/ }),
-/* 5 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-// ESM COMPAT FLAG
-__webpack_require__.r(__webpack_exports__);
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, "MediaLayout", function() { return /* reexport */ media_layout_MediaLayout; });
-__webpack_require__.d(__webpack_exports__, "MediaLayoutContext", function() { return /* reexport */ media_layout_context; });
-__webpack_require__.d(__webpack_exports__, "Spring", function() { return /* reexport */ spring_Spring; });
-__webpack_require__.d(__webpack_exports__, "Strut", function() { return /* reexport */ strut_Strut; });
-__webpack_require__.d(__webpack_exports__, "VALID_MEDIA_SIZES", function() { return /* reexport */ VALID_MEDIA_SIZES; });
-__webpack_require__.d(__webpack_exports__, "MEDIA_DEFAULT_SPEC", function() { return /* reexport */ MEDIA_DEFAULT_SPEC; });
-__webpack_require__.d(__webpack_exports__, "MEDIA_INTERNAL_SPEC", function() { return /* reexport */ MEDIA_INTERNAL_SPEC; });
-__webpack_require__.d(__webpack_exports__, "MEDIA_MODAL_SPEC", function() { return /* reexport */ MEDIA_MODAL_SPEC; });
-__webpack_require__.d(__webpack_exports__, "queryMatchesSize", function() { return /* reexport */ queryMatchesSize; });
-
-// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/extends.js
-var helpers_extends = __webpack_require__(3);
-var extends_default = /*#__PURE__*/__webpack_require__.n(helpers_extends);
-
-// EXTERNAL MODULE: external "react"
-var external_react_ = __webpack_require__(0);
-
-// EXTERNAL MODULE: external "@khanacademy/wonder-blocks-spacing"
-var wonder_blocks_spacing_ = __webpack_require__(1);
-var wonder_blocks_spacing_default = /*#__PURE__*/__webpack_require__.n(wonder_blocks_spacing_);
-
-// CONCATENATED MODULE: ./packages/wonder-blocks-layout/src/util/specs.js
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "d", function() { return VALID_MEDIA_SIZES; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return MEDIA_DEFAULT_SPEC; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return MEDIA_INTERNAL_SPEC; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return MEDIA_MODAL_SPEC; });
+/* harmony import */ var _khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1);
+/* harmony import */ var _khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_0__);
 
 // All possible valid media sizes
 const VALID_MEDIA_SIZES = ["small", "medium", "large"];
-const mediaDefaultSpecLargeMarginWidth = wonder_blocks_spacing_default.a.large_24; // The default spec for media layout, currently available in
+const mediaDefaultSpecLargeMarginWidth = _khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_0___default.a.large_24; // The default spec for media layout, currently available in
 // three different settings (roughly mobile, tablet, and desktop).
 
 const MEDIA_DEFAULT_SPEC = {
   small: {
     query: "(max-width: 767px)",
     totalColumns: 4,
-    gutterWidth: wonder_blocks_spacing_default.a.medium_16,
-    marginWidth: wonder_blocks_spacing_default.a.medium_16
+    gutterWidth: _khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_0___default.a.medium_16,
+    marginWidth: _khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_0___default.a.medium_16
   },
   medium: {
     query: "(min-width: 768px) and (max-width: 1023px)",
     totalColumns: 8,
-    gutterWidth: wonder_blocks_spacing_default.a.xLarge_32,
-    marginWidth: wonder_blocks_spacing_default.a.large_24
+    gutterWidth: _khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_0___default.a.xLarge_32,
+    marginWidth: _khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_0___default.a.large_24
   },
   large: {
     query: "(min-width: 1024px)",
     totalColumns: 12,
-    gutterWidth: wonder_blocks_spacing_default.a.xLarge_32,
+    gutterWidth: _khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_0___default.a.xLarge_32,
     marginWidth: mediaDefaultSpecLargeMarginWidth,
     maxWidth: 1120 + mediaDefaultSpecLargeMarginWidth * 2
   }
@@ -198,8 +140,8 @@ const MEDIA_INTERNAL_SPEC = {
   large: {
     query: "(min-width: 1px)",
     totalColumns: 12,
-    gutterWidth: wonder_blocks_spacing_default.a.xLarge_32,
-    marginWidth: wonder_blocks_spacing_default.a.medium_16
+    gutterWidth: _khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_0___default.a.xLarge_32,
+    marginWidth: _khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_0___default.a.medium_16
   }
 }; // The default used for modals
 
@@ -207,30 +149,55 @@ const MEDIA_MODAL_SPEC = {
   small: {
     query: "(max-width: 767px)",
     totalColumns: 4,
-    gutterWidth: wonder_blocks_spacing_default.a.medium_16,
-    marginWidth: wonder_blocks_spacing_default.a.medium_16
+    gutterWidth: _khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_0___default.a.medium_16,
+    marginWidth: _khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_0___default.a.medium_16
   },
   large: {
     query: "(min-width: 768px)",
     totalColumns: 12,
-    gutterWidth: wonder_blocks_spacing_default.a.xLarge_32,
-    marginWidth: wonder_blocks_spacing_default.a.xxLarge_48
+    gutterWidth: _khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_0___default.a.xLarge_32,
+    marginWidth: _khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_0___default.a.xxLarge_48
   }
 };
-// CONCATENATED MODULE: ./packages/wonder-blocks-layout/src/components/media-layout-context.js
+
+/***/ }),
+/* 3 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _util_specs_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(2);
 
 
 const defaultContext = {
   ssrSize: "large",
-  mediaSpec: MEDIA_DEFAULT_SPEC
+  mediaSpec: _util_specs_js__WEBPACK_IMPORTED_MODULE_1__[/* MEDIA_DEFAULT_SPEC */ "a"]
 };
-/* harmony default export */ var media_layout_context = (/*#__PURE__*/external_react_["createContext"](defaultContext));
-// CONCATENATED MODULE: ./packages/wonder-blocks-layout/src/components/media-layout.js
+/* harmony default export */ __webpack_exports__["a"] = (/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createContext"](defaultContext));
 
+/***/ }),
+/* 4 */
+/***/ (function(module, exports) {
 
+module.exports = require("@khanacademy/wonder-blocks-core");
+
+/***/ }),
+/* 5 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return MediaLayout; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _media_layout_context_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3);
+/* harmony import */ var _util_specs_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(2);
+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); }
 
 
-const queries = [].concat(Object.values(MEDIA_DEFAULT_SPEC).map(spec => spec.query), Object.values(MEDIA_INTERNAL_SPEC).map(spec => spec.query), Object.values(MEDIA_MODAL_SPEC).map(spec => spec.query));
+
+
+const queries = [].concat(Object.values(_util_specs_js__WEBPACK_IMPORTED_MODULE_2__[/* MEDIA_DEFAULT_SPEC */ "a"]).map(spec => spec.query), Object.values(_util_specs_js__WEBPACK_IMPORTED_MODULE_2__[/* MEDIA_INTERNAL_SPEC */ "b"]).map(spec => spec.query), Object.values(_util_specs_js__WEBPACK_IMPORTED_MODULE_2__[/* MEDIA_MODAL_SPEC */ "c"]).map(spec => spec.query));
 const mediaQueryLists = {}; // eslint-disable-next-line flowtype/require-exact-type
 
 // If for some reason we're not able to resolve the current media size we
@@ -243,7 +210,7 @@ const DEFAULT_SIZE = "large";
  * to specify different breakpoint configurations.  By default it uses
  * `MEDIA_DEFAULT_SPEC`.  See media-layout-context.js for additiional options.
  */
-class media_layout_MediaLayoutInternal extends external_react_["Component"] {
+class MediaLayoutInternal extends react__WEBPACK_IMPORTED_MODULE_0__["Component"] {
   // A collection of thunks that's used to clean up event listeners
   // when the component is unmounted.
   constructor(props) {
@@ -292,8 +259,8 @@ class media_layout_MediaLayoutInternal extends external_react_["Component"] {
     } else {
       const entries = Object.entries(this.props.mediaSpec);
 
-      for (const [size, _spec] of entries) {
-        const mql = mediaQueryLists[_spec.query];
+      for (const [size, spec] of entries) {
+        const mql = mediaQueryLists[spec.query];
 
         if (mql.matches) {
           return size;
@@ -386,16 +353,16 @@ class media_layout_MediaLayoutInternal extends external_react_["Component"] {
 } // gen-snapshot-tests.js only understands `export default class ...`
 
 
-class media_layout_MediaLayout extends external_react_["Component"] {
+class MediaLayout extends react__WEBPACK_IMPORTED_MODULE_0__["Component"] {
   render() {
     // We listen to the MediaLayoutContext to see what defaults we're
     // being given (this can be overriden by wrapping this component in
     // a MediaLayoutContext.Consumer).
-    return /*#__PURE__*/external_react_["createElement"](media_layout_context.Consumer, null, ({
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_media_layout_context_js__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"].Consumer, null, ({
       overrideSize,
       ssrSize,
       mediaSpec
-    }) => /*#__PURE__*/external_react_["createElement"](media_layout_MediaLayoutInternal, extends_default()({}, this.props, {
+    }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"](MediaLayoutInternal, _extends({}, this.props, {
       overrideSize: overrideSize,
       ssrSize: ssrSize,
       mediaSpec: mediaSpec
@@ -403,13 +370,19 @@ class media_layout_MediaLayout extends external_react_["Component"] {
   }
 
 }
-// EXTERNAL MODULE: external "aphrodite"
-var external_aphrodite_ = __webpack_require__(4);
 
-// EXTERNAL MODULE: external "@khanacademy/wonder-blocks-core"
-var wonder_blocks_core_ = __webpack_require__(2);
+/***/ }),
+/* 6 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
 
-// CONCATENATED MODULE: ./packages/wonder-blocks-layout/src/components/spring.js
+"use strict";
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return Spring; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var aphrodite__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(9);
+/* harmony import */ var aphrodite__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(aphrodite__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(4);
+/* harmony import */ var _khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_2__);
 
 
 
@@ -419,24 +392,34 @@ var wonder_blocks_core_ = __webpack_require__(2);
  *
  * Assumes parent is a View.
  */
-class spring_Spring extends external_react_["Component"] {
+class Spring extends react__WEBPACK_IMPORTED_MODULE_0__["Component"] {
   render() {
     const {
       style
     } = this.props;
-    return /*#__PURE__*/external_react_["createElement"](wonder_blocks_core_["View"], {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_2__["View"], {
       "aria-hidden": "true",
       style: [styles.grow, style]
     });
   }
 
 }
-const styles = external_aphrodite_["StyleSheet"].create({
+const styles = aphrodite__WEBPACK_IMPORTED_MODULE_1__["StyleSheet"].create({
   grow: {
     flexGrow: 1
   }
 });
-// CONCATENATED MODULE: ./packages/wonder-blocks-layout/src/components/strut.js
+
+/***/ }),
+/* 7 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return Strut; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(4);
+/* harmony import */ var _khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_1__);
 
 
 
@@ -445,13 +428,13 @@ const styles = external_aphrodite_["StyleSheet"].create({
  *
  * Assumes parent is a View.
  */
-class strut_Strut extends external_react_["Component"] {
+class Strut extends react__WEBPACK_IMPORTED_MODULE_0__["Component"] {
   render() {
     const {
       size,
       style
     } = this.props;
-    return /*#__PURE__*/external_react_["createElement"](wonder_blocks_core_["View"], {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_1__["View"], {
       "aria-hidden": "true",
       style: [strutStyle(size), style]
     });
@@ -469,7 +452,13 @@ const strutStyle = size => {
     flexShrink: 0
   };
 };
-// CONCATENATED MODULE: ./packages/wonder-blocks-layout/src/util/util.js
+
+/***/ }),
+/* 8 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return queryMatchesSize; });
 /**
  * Return where a media size matches a media query.
  *
@@ -504,7 +493,43 @@ const queryMatchesSize = (mediaQuery, mediaSize) => {
       throw new Error(`Unsupported mediaSize: ${mediaSize}`);
   }
 };
-// CONCATENATED MODULE: ./packages/wonder-blocks-layout/src/index.js
+
+/***/ }),
+/* 9 */
+/***/ (function(module, exports) {
+
+module.exports = require("aphrodite");
+
+/***/ }),
+/* 10 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _components_media_layout_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5);
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "MediaLayout", function() { return _components_media_layout_js__WEBPACK_IMPORTED_MODULE_0__["a"]; });
+
+/* harmony import */ var _components_media_layout_context_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3);
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "MediaLayoutContext", function() { return _components_media_layout_context_js__WEBPACK_IMPORTED_MODULE_1__["a"]; });
+
+/* harmony import */ var _components_spring_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(6);
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Spring", function() { return _components_spring_js__WEBPACK_IMPORTED_MODULE_2__["a"]; });
+
+/* harmony import */ var _components_strut_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(7);
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Strut", function() { return _components_strut_js__WEBPACK_IMPORTED_MODULE_3__["a"]; });
+
+/* harmony import */ var _util_specs_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(2);
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VALID_MEDIA_SIZES", function() { return _util_specs_js__WEBPACK_IMPORTED_MODULE_4__["d"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "MEDIA_DEFAULT_SPEC", function() { return _util_specs_js__WEBPACK_IMPORTED_MODULE_4__["a"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "MEDIA_INTERNAL_SPEC", function() { return _util_specs_js__WEBPACK_IMPORTED_MODULE_4__["b"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "MEDIA_MODAL_SPEC", function() { return _util_specs_js__WEBPACK_IMPORTED_MODULE_4__["c"]; });
+
+/* harmony import */ var _util_util_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(8);
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "queryMatchesSize", function() { return _util_util_js__WEBPACK_IMPORTED_MODULE_5__["a"]; });
+
 
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@khanacademy/wonder-blocks-layout",
-  "version": "1.4.3",
+  "version": "1.4.7",
   "design": "v1",
   "publishConfig": {
     "access": "public"
@@ -13,18 +13,17 @@
     "test": "echo \"Error: no test specified\" && exit 1"
   },
   "dependencies": {
-    "@babel/runtime": "^7.13.10",
-    "@khanacademy/wonder-blocks-core": "^3.1.4",
-    "@khanacademy/wonder-blocks-spacing": "^3.0.3"
+    "@babel/runtime": "^7.16.3",
+    "@khanacademy/wonder-blocks-core": "^4.2.1",
+    "@khanacademy/wonder-blocks-spacing": "^3.0.5"
   },
   "devDependencies": {
-    "wb-dev-build-settings": "^0.1.0"
+    "wb-dev-build-settings": "^0.3.0"
   },
   "peerDependencies": {
     "aphrodite": "^1.2.5",
-    "react": "^16.4.1"
+    "react": "16.14.0"
   },
   "author": "",
-  "license": "MIT",
-  "gitHead": "8022bb419eed74be37f71f71c7621854794a731c"
+  "license": "MIT"
 }

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

@@ -22,8 +22,8 @@ exports[`wonder-blocks-layout example 1 1`] = `
   }
 >
   <button
+    aria-disabled={false}
     className=""
-    disabled={false}
     onBlur={[Function]}
     onClick={[Function]}
     onDragStart={[Function]}
@@ -121,8 +121,8 @@ exports[`wonder-blocks-layout example 1 1`] = `
     }
   />
   <button
+    aria-disabled={false}
     className=""
-    disabled={false}
     onBlur={[Function]}
     onClick={[Function]}
     onDragStart={[Function]}
@@ -220,8 +220,8 @@ exports[`wonder-blocks-layout example 1 1`] = `
     }
   />
   <button
+    aria-disabled={false}
     className=""
-    disabled={false}
     onBlur={[Function]}
     onClick={[Function]}
     onDragStart={[Function]}
@@ -314,8 +314,8 @@ exports[`wonder-blocks-layout example 1 1`] = `
     }
   />
   <button
+    aria-disabled={false}
     className=""
-    disabled={false}
     onBlur={[Function]}
     onClick={[Function]}
     onDragStart={[Function]}
@@ -413,8 +413,8 @@ exports[`wonder-blocks-layout example 1 1`] = `
     }
   />
   <button
+    aria-disabled={false}
     className=""
-    disabled={false}
     onBlur={[Function]}
     onClick={[Function]}
     onDragStart={[Function]}

package/src/components/__tests__/media-layout-context.test.js

@@ -2,6 +2,7 @@
 import * as React from "react";
 import {View} from "@khanacademy/wonder-blocks-core";
 import {mount} from "enzyme";
+import "jest-enzyme";
 
 import MediaLayout from "../media-layout.js";
 import MediaLayoutContext from "../media-layout-context.js";

package/src/components/__tests__/media-layout.test.js

@@ -3,6 +3,7 @@ import * as React from "react";
 import {StyleSheet} from "aphrodite";
 import {View} from "@khanacademy/wonder-blocks-core";
 import {mount} from "enzyme";
+import "jest-enzyme";
 
 import MediaLayout from "../media-layout.js";
 import {resizeWindow, matchMedia} from "../../util/test-util.js";

package/src/components/media-layout.js

@@ -121,9 +121,8 @@ class MediaLayoutInternal extends React.Component<CombinedProps, State> {
         if (this.state.size) {
             return this.state.size;
         } else {
-            const entries: Array<
-                [MediaSize, {|query: string|}],
-            > = (Object.entries(this.props.mediaSpec): any);
+            const entries: Array<[MediaSize, {|query: string|}]> =
+                (Object.entries(this.props.mediaSpec): any);
 
             for (const [size, spec] of entries) {
                 const mql = mediaQueryLists[spec.query];

package/src/components/spring.stories.js

@@ -32,7 +32,7 @@ const styles = StyleSheet.create({
     },
 });
 
-export const simple: StoryComponentType = () => (
+export const Simple: StoryComponentType = () => (
     <View style={styles.column}>
         <View style={styles.row}>
             <Button>Hello, world!</Button>
@@ -48,7 +48,7 @@ export const simple: StoryComponentType = () => (
     </View>
 );
 
-export const withStyle: StoryComponentType = () => (
+export const WithStyle: StoryComponentType = () => (
     <View style={styles.column}>
         <View style={styles.row}>
             <Button>Hello, world!</Button>
@@ -68,20 +68,16 @@ export const withStyle: StoryComponentType = () => (
     </View>
 );
 
-simple.story = {
-    parameters: {
-        chromatic: {
-            // we don't need screenshots because this story only tests behavior.
-            disable: true,
-        },
+Simple.parameters = {
+    chromatic: {
+        // we don't need screenshots because this story only tests behavior.
+        disableSnapshot: true,
     },
 };
 
-withStyle.story = {
-    parameters: {
-        chromatic: {
-            // we don't need screenshots because this story only tests behavior.
-            disable: true,
-        },
+WithStyle.parameters = {
+    chromatic: {
+        // we don't need screenshots because this story only tests behavior.
+        disableSnapshot: true,
     },
 };

package/src/components/strut.stories.js

@@ -36,7 +36,7 @@ const styles = StyleSheet.create({
 const smallSize = Spacing.medium_16;
 const largeSize = Spacing.xxxLarge_64;
 
-export const simple: StoryComponentType = () => (
+export const Simple: StoryComponentType = () => (
     <View style={styles.column}>
         <View style={styles.row}>
             <Button>Hello, world!</Button>
@@ -59,7 +59,7 @@ export const simple: StoryComponentType = () => (
     </View>
 );
 
-export const withStyle: StoryComponentType = () => (
+export const WithStyle: StoryComponentType = () => (
     <View style={styles.column}>
         <View style={styles.row}>
             <Button>Hello, world!</Button>
@@ -83,20 +83,16 @@ export const withStyle: StoryComponentType = () => (
     </View>
 );
 
-simple.story = {
-    parameters: {
-        chromatic: {
-            // we don't need screenshots because this story only tests behavior.
-            disable: true,
-        },
+Simple.parameters = {
+    chromatic: {
+        // we don't need screenshots because this story only tests behavior.
+        disableSnapshot: true,
     },
 };
 
-withStyle.story = {
-    parameters: {
-        chromatic: {
-            // we don't need screenshots because this story only tests behavior.
-            disable: true,
-        },
+WithStyle.parameters = {
+    chromatic: {
+        // we don't need screenshots because this story only tests behavior.
+        disableSnapshot: true,
     },
 };

package/LICENSE

@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2018 Khan Academy
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.