@khanacademy/wonder-blocks-layout 1.4.2 → 1.4.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@khanacademy/wonder-blocks-layout",
-  "version": "1.4.2",
+  "version": "1.4.6",
   "design": "v1",
   "publishConfig": {
     "access": "public"
@@ -13,17 +13,18 @@
     "test": "echo \"Error: no test specified\" && exit 1"
   },
   "dependencies": {
-    "@khanacademy/wonder-blocks-core": "^3.1.3",
-    "@khanacademy/wonder-blocks-spacing": "^3.0.2"
+    "@babel/runtime": "^7.16.3",
+    "@khanacademy/wonder-blocks-core": "^4.0.0",
+    "@khanacademy/wonder-blocks-spacing": "^3.0.5"
   },
   "devDependencies": {
-    "wb-dev-build-settings": "^0.0.4"
+    "wb-dev-build-settings": "^0.2.0"
   },
   "peerDependencies": {
     "aphrodite": "^1.2.5",
-    "react": "^16.4.1"
+    "react": "16.14.0"
   },
   "author": "",
   "license": "MIT",
-  "gitHead": "2b78081c8ffb9c57c5a472c97fad90f9f6a59c55"
+  "gitHead": "9ebea88533e702011165072f090a377e02fa3f0f"
 }

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

@@ -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

@@ -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/src/__tests__/index.test.js

@@ -1,25 +0,0 @@
-// @flow
-describe("@khanacademy/wonder-blocks-layout", () => {
-    test("package exports default", async () => {
-        // Arrange
-        const importedModule = import("../index.js");
-
-        // Act
-        const result = await importedModule;
-
-        // Assert
-        expect(Object.keys(result).sort()).toEqual(
-            [
-                "Strut",
-                "Spring",
-                "MediaLayout",
-                "MediaLayoutContext",
-                "VALID_MEDIA_SIZES",
-                "MEDIA_DEFAULT_SPEC",
-                "MEDIA_INTERNAL_SPEC",
-                "MEDIA_MODAL_SPEC",
-                "queryMatchesSize",
-            ].sort(),
-        );
-    });
-});