@khanacademy/wonder-blocks-layout 2.0.5 → 2.0.7

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @khanacademy/wonder-blocks-layout
 
+## 2.0.7
+
+## 2.0.6
+
+### Patch Changes
+
+-   c20f48f3: Don't transpile classes when building bundles
+-   Updated dependencies [c20f48f3]
+    -   @khanacademy/wonder-blocks-core@5.0.4
+
 ## 2.0.5
 
 ## 2.0.4

package/dist/es/index.js

@@ -18,20 +18,6 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
-function _setPrototypeOf(o, p) {
-  _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {
-    o.__proto__ = p;
-    return o;
-  };
-  return _setPrototypeOf(o, p);
-}
-
-function _inheritsLoose(subClass, superClass) {
-  subClass.prototype = Object.create(superClass.prototype);
-  subClass.prototype.constructor = subClass;
-  _setPrototypeOf(subClass, superClass);
-}
-
 const VALID_MEDIA_SIZES = ["small", "medium", "large"];
 const mediaDefaultSpecLargeMarginWidth = Spacing.large_24;
 const MEDIA_DEFAULT_SPEC = {
@@ -84,23 +70,19 @@ const defaultContext = {
 };
 var MediaLayoutContext = 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 queries = [...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 = {};
 const DEFAULT_SIZE = "large";
-let MediaLayoutInternal = function (_React$Component) {
-  _inheritsLoose(MediaLayoutInternal, _React$Component);
-  function MediaLayoutInternal(props) {
-    var _this;
-    _this = _React$Component.call(this, props) || this;
-    _this.cleanupThunks = void 0;
-    _this.state = {
+class MediaLayoutInternal extends React.Component {
+  constructor(props) {
+    super(props);
+    this.cleanupThunks = void 0;
+    this.state = {
       size: undefined
     };
-    _this.cleanupThunks = [];
-    return _this;
+    this.cleanupThunks = [];
   }
-  var _proto = MediaLayoutInternal.prototype;
-  _proto.componentDidMount = function componentDidMount() {
+  componentDidMount() {
     const entries = Object.entries(this.props.mediaSpec);
     for (const [size, spec] of entries) {
       const mql = mediaQueryLists[spec.query];
@@ -117,11 +99,11 @@ let MediaLayoutInternal = function (_React$Component) {
       mql.addListener(listener);
       this.cleanupThunks.push(() => mql.removeListener(listener));
     }
-  };
-  _proto.componentWillUnmount = function componentWillUnmount() {
+  }
+  componentWillUnmount() {
     this.cleanupThunks.forEach(cleaup => cleaup());
-  };
-  _proto.getCurrentSize = function getCurrentSize(spec) {
+  }
+  getCurrentSize(spec) {
     if (this.state.size) {
       return this.state.size;
     } else {
@@ -134,11 +116,11 @@ let MediaLayoutInternal = function (_React$Component) {
       }
     }
     return DEFAULT_SIZE;
-  };
-  _proto.isServerSide = function isServerSide() {
+  }
+  isServerSide() {
     return typeof window === "undefined" || !window.matchMedia;
-  };
-  _proto.getMockStyleSheet = function getMockStyleSheet(mediaSize) {
+  }
+  getMockStyleSheet(mediaSize) {
     const {
       styleSheets
     } = this.props;
@@ -159,8 +141,8 @@ let MediaLayoutInternal = function (_React$Component) {
       }
     }
     return mockStyleSheet;
-  };
-  _proto.render = function render() {
+  }
+  render() {
     const {
       children,
       mediaSpec,
@@ -179,16 +161,10 @@ let MediaLayoutInternal = function (_React$Component) {
       mediaSpec,
       styles
     });
-  };
-  return MediaLayoutInternal;
-}(React.Component);
-let MediaLayout = function (_React$Component2) {
-  _inheritsLoose(MediaLayout, _React$Component2);
-  function MediaLayout() {
-    return _React$Component2.apply(this, arguments) || this;
   }
-  var _proto2 = MediaLayout.prototype;
-  _proto2.render = function render() {
+}
+class MediaLayout extends React.Component {
+  render() {
     return React.createElement(MediaLayoutContext.Consumer, null, ({
       overrideSize,
       ssrSize,
@@ -198,17 +174,11 @@ let MediaLayout = function (_React$Component2) {
       ssrSize: ssrSize,
       mediaSpec: mediaSpec
     })));
-  };
-  return MediaLayout;
-}(React.Component);
-
-let Spring = function (_React$Component) {
-  _inheritsLoose(Spring, _React$Component);
-  function Spring() {
-    return _React$Component.apply(this, arguments) || this;
   }
-  var _proto = Spring.prototype;
-  _proto.render = function render() {
+}
+
+class Spring extends React.Component {
+  render() {
     const {
       style
     } = this.props;
@@ -216,22 +186,16 @@ let Spring = function (_React$Component) {
       "aria-hidden": "true",
       style: [styles.grow, style]
     });
-  };
-  return Spring;
-}(React.Component);
+  }
+}
 const styles = StyleSheet.create({
   grow: {
     flexGrow: 1
   }
 });
 
-let Strut = function (_React$Component) {
-  _inheritsLoose(Strut, _React$Component);
-  function Strut() {
-    return _React$Component.apply(this, arguments) || this;
-  }
-  var _proto = Strut.prototype;
-  _proto.render = function render() {
+class Strut extends React.Component {
+  render() {
     const {
       size,
       style
@@ -240,9 +204,8 @@ let Strut = function (_React$Component) {
       "aria-hidden": "true",
       style: [strutStyle(size), style]
     });
-  };
-  return Strut;
-}(React.Component);
+  }
+}
 const strutStyle = size => {
   return {
     width: size,

package/dist/index.js

@@ -45,20 +45,6 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
-function _setPrototypeOf(o, p) {
-  _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {
-    o.__proto__ = p;
-    return o;
-  };
-  return _setPrototypeOf(o, p);
-}
-
-function _inheritsLoose(subClass, superClass) {
-  subClass.prototype = Object.create(superClass.prototype);
-  subClass.prototype.constructor = subClass;
-  _setPrototypeOf(subClass, superClass);
-}
-
 const VALID_MEDIA_SIZES = ["small", "medium", "large"];
 const mediaDefaultSpecLargeMarginWidth = Spacing__default["default"].large_24;
 const MEDIA_DEFAULT_SPEC = {
@@ -111,23 +97,19 @@ const defaultContext = {
 };
 var MediaLayoutContext = React__namespace.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 queries = [...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 = {};
 const DEFAULT_SIZE = "large";
-let MediaLayoutInternal = function (_React$Component) {
-  _inheritsLoose(MediaLayoutInternal, _React$Component);
-  function MediaLayoutInternal(props) {
-    var _this;
-    _this = _React$Component.call(this, props) || this;
-    _this.cleanupThunks = void 0;
-    _this.state = {
+class MediaLayoutInternal extends React__namespace.Component {
+  constructor(props) {
+    super(props);
+    this.cleanupThunks = void 0;
+    this.state = {
       size: undefined
     };
-    _this.cleanupThunks = [];
-    return _this;
+    this.cleanupThunks = [];
   }
-  var _proto = MediaLayoutInternal.prototype;
-  _proto.componentDidMount = function componentDidMount() {
+  componentDidMount() {
     const entries = Object.entries(this.props.mediaSpec);
     for (const [size, spec] of entries) {
       const mql = mediaQueryLists[spec.query];
@@ -144,11 +126,11 @@ let MediaLayoutInternal = function (_React$Component) {
       mql.addListener(listener);
       this.cleanupThunks.push(() => mql.removeListener(listener));
     }
-  };
-  _proto.componentWillUnmount = function componentWillUnmount() {
+  }
+  componentWillUnmount() {
     this.cleanupThunks.forEach(cleaup => cleaup());
-  };
-  _proto.getCurrentSize = function getCurrentSize(spec) {
+  }
+  getCurrentSize(spec) {
     if (this.state.size) {
       return this.state.size;
     } else {
@@ -161,11 +143,11 @@ let MediaLayoutInternal = function (_React$Component) {
       }
     }
     return DEFAULT_SIZE;
-  };
-  _proto.isServerSide = function isServerSide() {
+  }
+  isServerSide() {
     return typeof window === "undefined" || !window.matchMedia;
-  };
-  _proto.getMockStyleSheet = function getMockStyleSheet(mediaSize) {
+  }
+  getMockStyleSheet(mediaSize) {
     const {
       styleSheets
     } = this.props;
@@ -186,8 +168,8 @@ let MediaLayoutInternal = function (_React$Component) {
       }
     }
     return mockStyleSheet;
-  };
-  _proto.render = function render() {
+  }
+  render() {
     const {
       children,
       mediaSpec,
@@ -206,16 +188,10 @@ let MediaLayoutInternal = function (_React$Component) {
       mediaSpec,
       styles
     });
-  };
-  return MediaLayoutInternal;
-}(React__namespace.Component);
-let MediaLayout = function (_React$Component2) {
-  _inheritsLoose(MediaLayout, _React$Component2);
-  function MediaLayout() {
-    return _React$Component2.apply(this, arguments) || this;
   }
-  var _proto2 = MediaLayout.prototype;
-  _proto2.render = function render() {
+}
+class MediaLayout extends React__namespace.Component {
+  render() {
     return React__namespace.createElement(MediaLayoutContext.Consumer, null, ({
       overrideSize,
       ssrSize,
@@ -225,17 +201,11 @@ let MediaLayout = function (_React$Component2) {
       ssrSize: ssrSize,
       mediaSpec: mediaSpec
     })));
-  };
-  return MediaLayout;
-}(React__namespace.Component);
-
-let Spring = function (_React$Component) {
-  _inheritsLoose(Spring, _React$Component);
-  function Spring() {
-    return _React$Component.apply(this, arguments) || this;
   }
-  var _proto = Spring.prototype;
-  _proto.render = function render() {
+}
+
+class Spring extends React__namespace.Component {
+  render() {
     const {
       style
     } = this.props;
@@ -243,22 +213,16 @@ let Spring = function (_React$Component) {
       "aria-hidden": "true",
       style: [styles.grow, style]
     });
-  };
-  return Spring;
-}(React__namespace.Component);
+  }
+}
 const styles = aphrodite.StyleSheet.create({
   grow: {
     flexGrow: 1
   }
 });
 
-let Strut = function (_React$Component) {
-  _inheritsLoose(Strut, _React$Component);
-  function Strut() {
-    return _React$Component.apply(this, arguments) || this;
-  }
-  var _proto = Strut.prototype;
-  _proto.render = function render() {
+class Strut extends React__namespace.Component {
+  render() {
     const {
       size,
       style
@@ -267,9 +231,8 @@ let Strut = function (_React$Component) {
       "aria-hidden": "true",
       style: [strutStyle(size), style]
     });
-  };
-  return Strut;
-}(React__namespace.Component);
+  }
+}
 const strutStyle = size => {
   return {
     width: size,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@khanacademy/wonder-blocks-layout",
-  "version": "2.0.5",
+  "version": "2.0.7",
   "design": "v1",
   "publishConfig": {
     "access": "public"
@@ -14,11 +14,11 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.18.6",
-    "@khanacademy/wonder-blocks-core": "^5.0.3",
+    "@khanacademy/wonder-blocks-core": "^5.0.4",
     "@khanacademy/wonder-blocks-spacing": "^4.0.1"
   },
   "devDependencies": {
-    "wb-dev-build-settings": "^0.9.4"
+    "wb-dev-build-settings": "^0.9.6"
   },
   "peerDependencies": {
     "aphrodite": "^1.2.5",