@khanacademy/wonder-blocks-layout 1.4.6 → 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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@khanacademy/wonder-blocks-layout",
-  "version": "1.4.6",
+  "version": "1.4.7",
   "design": "v1",
   "publishConfig": {
     "access": "public"
@@ -14,17 +14,16 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.16.3",
-    "@khanacademy/wonder-blocks-core": "^4.0.0",
+    "@khanacademy/wonder-blocks-core": "^4.2.1",
     "@khanacademy/wonder-blocks-spacing": "^3.0.5"
   },
   "devDependencies": {
-    "wb-dev-build-settings": "^0.2.0"
+    "wb-dev-build-settings": "^0.3.0"
   },
   "peerDependencies": {
     "aphrodite": "^1.2.5",
     "react": "16.14.0"
   },
   "author": "",
-  "license": "MIT",
-  "gitHead": "9ebea88533e702011165072f090a377e02fa3f0f"
+  "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/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,14 +68,14 @@ export const withStyle: StoryComponentType = () => (
     </View>
 );
 
-simple.parameters = {
+Simple.parameters = {
     chromatic: {
         // we don't need screenshots because this story only tests behavior.
         disableSnapshot: true,
     },
 };
 
-withStyle.parameters = {
+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,14 +83,14 @@ export const withStyle: StoryComponentType = () => (
     </View>
 );
 
-simple.parameters = {
+Simple.parameters = {
     chromatic: {
         // we don't need screenshots because this story only tests behavior.
         disableSnapshot: true,
     },
 };
 
-withStyle.parameters = {
+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.