@khanacademy/wonder-blocks-layout 1.4.15 → 1.4.16

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @khanacademy/wonder-blocks-layout
 
+## 1.4.16
+
+### Patch Changes
+
+-   91cb727c: Remove file extensions from imports
+-   Updated dependencies [91cb727c]
+-   Updated dependencies [91cb727c]
+    -   @khanacademy/wonder-blocks-core@4.7.0
+
 ## 1.4.15
 
 ### Patch Changes

package/dist/index.js.flow

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@khanacademy/wonder-blocks-layout",
-  "version": "1.4.15",
+  "version": "1.4.16",
   "design": "v1",
   "publishConfig": {
     "access": "public"
@@ -14,11 +14,11 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.18.6",
-    "@khanacademy/wonder-blocks-core": "^4.6.2",
+    "@khanacademy/wonder-blocks-core": "^4.7.0",
     "@khanacademy/wonder-blocks-spacing": "^3.0.5"
   },
   "devDependencies": {
-    "wb-dev-build-settings": "^0.7.0"
+    "wb-dev-build-settings": "^0.7.1"
   },
   "peerDependencies": {
     "aphrodite": "^1.2.5",

package/src/components/__docs__/media-layout.stories.js

@@ -21,7 +21,7 @@ import {
 
 import type {StoryComponentType} from "@storybook/react";
 
-import ComponentInfo from "../../../../../.storybook/components/component-info.js";
+import ComponentInfo from "../../../../../.storybook/components/component-info";
 import {name, version} from "../../../package.json";
 
 export default {

package/src/components/__docs__/spring.stories.js

@@ -9,7 +9,7 @@ import Button from "@khanacademy/wonder-blocks-button";
 
 import type {StoryComponentType} from "@storybook/react";
 
-import ComponentInfo from "../../../../../.storybook/components/component-info.js";
+import ComponentInfo from "../../../../../.storybook/components/component-info";
 import {name, version} from "../../../package.json";
 
 export default {

package/src/components/__docs__/strut.stories.js

@@ -10,7 +10,7 @@ import Spacing from "@khanacademy/wonder-blocks-spacing";
 
 import type {StoryComponentType} from "@storybook/react";
 
-import ComponentInfo from "../../../../../.storybook/components/component-info.js";
+import ComponentInfo from "../../../../../.storybook/components/component-info";
 import {name, version} from "../../../package.json";
 
 export default {

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

@@ -3,15 +3,15 @@ import * as React from "react";
 import {View} from "@khanacademy/wonder-blocks-core";
 import {render} from "@testing-library/react";
 
-import MediaLayout from "../media-layout.js";
-import MediaLayoutContext from "../media-layout-context.js";
-import {resizeWindow, matchMedia} from "../../util/test-util.js";
+import MediaLayout from "../media-layout";
+import MediaLayoutContext from "../media-layout-context";
+import {resizeWindow, matchMedia} from "../../util/test-util";
 
 import {
     MEDIA_DEFAULT_SPEC,
     MEDIA_INTERNAL_SPEC,
     MEDIA_MODAL_SPEC,
-} from "../../util/specs.js";
+} from "../../util/specs";
 
 describe("MediaLayoutContext", () => {
     beforeEach(() => {

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

@@ -4,8 +4,8 @@ import {StyleSheet} from "aphrodite";
 import {View} from "@khanacademy/wonder-blocks-core";
 import {render, screen} from "@testing-library/react";
 
-import MediaLayout from "../media-layout.js";
-import {resizeWindow, matchMedia} from "../../util/test-util.js";
+import MediaLayout from "../media-layout";
+import {resizeWindow, matchMedia} from "../../util/test-util";
 
 describe("MediaLayout", () => {
     beforeEach(() => {

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

@@ -1,8 +1,8 @@
 // @flow
 import * as React from "react";
 
-import {MEDIA_DEFAULT_SPEC} from "../util/specs.js";
-import type {MediaSize, MediaSpec} from "../util/types.js";
+import {MEDIA_DEFAULT_SPEC} from "../util/specs";
+import type {MediaSize, MediaSpec} from "../util/types";
 
 export type Context = {|
     /**

package/src/components/media-layout.js

@@ -3,14 +3,14 @@ import * as React from "react";
 import type {StyleDeclaration} from "aphrodite";
 import type {StyleType} from "@khanacademy/wonder-blocks-core";
 
-import MediaLayoutContext from "./media-layout-context.js";
-import type {MediaSize, MediaSpec} from "../util/types.js";
-import type {Context} from "./media-layout-context.js";
+import MediaLayoutContext from "./media-layout-context";
+import type {MediaSize, MediaSpec} from "../util/types";
+import type {Context} from "./media-layout-context";
 import {
     MEDIA_DEFAULT_SPEC,
     MEDIA_INTERNAL_SPEC,
     MEDIA_MODAL_SPEC,
-} from "../util/specs.js";
+} from "../util/specs";
 
 const queries = [
     ...Object.values(MEDIA_DEFAULT_SPEC).map((spec: any) => spec.query),

package/src/index.js

@@ -1,14 +1,14 @@
 // @flow
-import type {MediaQuery, MediaSize, MediaSpec} from "./util/types.js";
-import type {Context} from "./components/media-layout-context.js";
-import type {MockStyleSheet} from "./components/media-layout.js";
+import type {MediaQuery, MediaSize, MediaSpec} from "./util/types";
+import type {Context} from "./components/media-layout-context";
+import type {MockStyleSheet} from "./components/media-layout";
 
-export {default as MediaLayout} from "./components/media-layout.js";
-export {default as MediaLayoutContext} from "./components/media-layout-context.js";
-export {default as Spring} from "./components/spring.js";
-export {default as Strut} from "./components/strut.js";
-export * from "./util/specs.js";
-export {queryMatchesSize} from "./util/util.js";
+export {default as MediaLayout} from "./components/media-layout";
+export {default as MediaLayoutContext} from "./components/media-layout-context";
+export {default as Spring} from "./components/spring";
+export {default as Strut} from "./components/strut";
+export * from "./util/specs";
+export {queryMatchesSize} from "./util/util";
 export type {
     MediaQuery,
     MediaSize,

package/src/util/specs.js

@@ -2,7 +2,7 @@
 
 import Spacing from "@khanacademy/wonder-blocks-spacing";
 
-import type {MediaSize, MediaSpec} from "./types.js";
+import type {MediaSize, MediaSpec} from "./types";
 
 // All possible valid media sizes
 export const VALID_MEDIA_SIZES: Array<MediaSize> = ["small", "medium", "large"];

package/src/util/test-util.js

@@ -1,5 +1,5 @@
 // @flow
-import type {MediaSize} from "./types.js";
+import type {MediaSize} from "./types";
 
 /**
  * Helper function for setting the window size, for use in tests.

package/src/util/test-util.test.js

@@ -1,5 +1,5 @@
 // @flow
-import {resizeWindow, checkQuery, matchMedia} from "./test-util.js";
+import {resizeWindow, checkQuery, matchMedia} from "./test-util";
 
 describe("Test utils", () => {
     describe("resizeWindow", () => {

package/src/util/util.js

@@ -1,5 +1,5 @@
 // @flow
-import type {MediaQuery, MediaSize} from "./types.js";
+import type {MediaQuery, MediaSize} from "./types";
 
 /**
  * Return where a media size matches a media query.

package/src/util/util.test.js

@@ -1,5 +1,5 @@
 // @flow
-import {queryMatchesSize} from "./util.js";
+import {queryMatchesSize} from "./util";
 
 describe("queryMatchesSize", () => {
     describe("all", () => {