@khanacademy/wonder-blocks-grid 2.0.4 → 2.0.6

package/CHANGELOG.md

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

package/dist/components/cell.js.flow

@@ -1,10 +1,9 @@
 /**
- * Flowtype definitions for cell
+ * Flowtype definitions for data
  * Generated by Flowgen from a Typescript Definition
  * Flowgen v1.21.0
  * @flow
  */
-
 import * as React from "react";
 import type { MediaSize } from "@khanacademy/wonder-blocks-layout";
 import type { StyleType } from "@khanacademy/wonder-blocks-core";

package/dist/components/gutter.js.flow

@@ -1,10 +1,9 @@
 /**
- * Flowtype definitions for gutter
+ * Flowtype definitions for data
  * Generated by Flowgen from a Typescript Definition
  * Flowgen v1.21.0
  * @flow
  */
-
 import * as React from "react";
 import type { MediaQuery } from "@khanacademy/wonder-blocks-layout";
 declare type Props = {|

package/dist/components/row.js.flow

@@ -1,10 +1,9 @@
 /**
- * Flowtype definitions for row
+ * Flowtype definitions for data
  * Generated by Flowgen from a Typescript Definition
  * Flowgen v1.21.0
  * @flow
  */
-
 import * as React from "react";
 import type { StyleType } from "@khanacademy/wonder-blocks-core";
 import type { MediaQuery, MediaSize } from "@khanacademy/wonder-blocks-layout";

package/dist/es/index.js

@@ -3,20 +3,6 @@ import { MediaLayout, queryMatchesSize, Strut } from '@khanacademy/wonder-blocks
 import { View } from '@khanacademy/wonder-blocks-core';
 import { StyleSheet } from 'aphrodite';
 
-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 WIDE_SCREEN = "@media (min-width: 1168px)";
 const styles = StyleSheet.create({
   row: {
@@ -46,15 +32,11 @@ const flexBasis = size => {
   };
 };
 
-let Cell = function (_React$Component) {
-  _inheritsLoose(Cell, _React$Component);
-  function Cell() {
-    return _React$Component.apply(this, arguments) || this;
-  }
-  Cell.isClassOf = function isClassOf(instance) {
+class Cell extends React.Component {
+  static isClassOf(instance) {
     return instance && instance.type && instance.type.__IS_CELL__;
-  };
-  Cell.getCols = function getCols(props, mediaSize) {
+  }
+  static getCols(props, mediaSize) {
     if (!props.smallCols && !props.mediumCols && !props.largeCols && !props.cols) {
       return undefined;
     } else if (props.smallCols && mediaSize === "small") {
@@ -69,13 +51,12 @@ let Cell = function (_React$Component) {
       return props.cols;
     }
     return null;
-  };
-  Cell.shouldDisplay = function shouldDisplay(props, mediaSize) {
+  }
+  static shouldDisplay(props, mediaSize) {
     const cols = Cell.getCols(props, mediaSize);
     return cols !== null && cols !== 0;
-  };
-  var _proto = Cell.prototype;
-  _proto.render = function render() {
+  }
+  render() {
     const {
       children,
       style
@@ -111,9 +92,8 @@ let Cell = function (_React$Component) {
         style: [styles.cellFixed, flexBasis(calcWidth), style]
       }, contents);
     });
-  };
-  return Cell;
-}(React.Component);
+  }
+}
 Cell.defaultProps = {
   smallCols: 0,
   mediumCols: 0,
@@ -122,13 +102,8 @@ Cell.defaultProps = {
 };
 Cell.__IS_CELL__ = true;
 
-let Gutter = function (_React$Component) {
-  _inheritsLoose(Gutter, _React$Component);
-  function Gutter() {
-    return _React$Component.apply(this, arguments) || this;
-  }
-  var _proto = Gutter.prototype;
-  _proto.render = function render() {
+class Gutter extends React.Component {
+  render() {
     return React.createElement(MediaLayout, null, ({
       mediaSize,
       mediaSpec
@@ -147,20 +122,14 @@ let Gutter = function (_React$Component) {
         size: gutterWidth
       });
     });
-  };
-  return Gutter;
-}(React.Component);
+  }
+}
 Gutter.defaultProps = {
   mediaQuery: "all"
 };
 
-let Row = function (_React$Component) {
-  _inheritsLoose(Row, _React$Component);
-  function Row() {
-    return _React$Component.apply(this, arguments) || this;
-  }
-  var _proto = Row.prototype;
-  _proto.render = function render() {
+class Row extends React.Component {
+  render() {
     const {
       style,
       children
@@ -186,9 +155,9 @@ let Row = function (_React$Component) {
         mediaSize,
         totalColumns
       }) : children;
-      const filteredContents = React.Children.toArray(contents).filter(item => Cell.isClassOf(item) ? Cell.shouldDisplay(item.props, mediaSize) : true).reduce((acc, elem, index) => [].concat(acc, [elem, React.createElement(Gutter, {
+      const filteredContents = React.Children.toArray(contents).filter(item => Cell.isClassOf(item) ? Cell.shouldDisplay(item.props, mediaSize) : true).reduce((acc, elem, index) => [...acc, elem, React.createElement(Gutter, {
         key: `gutter-${index}`
-      })]), []).slice(0, -1);
+      })], []).slice(0, -1);
       return React.createElement(View, {
         style: [styles.row, !!maxWidth && styles.rowMaxWidth, !!maxWidth && {
           maxWidth
@@ -199,9 +168,8 @@ let Row = function (_React$Component) {
         size: marginWidth
       }));
     });
-  };
-  return Row;
-}(React.Component);
+  }
+}
 Row.defaultProps = {
   mediaQuery: "all"
 };

package/dist/index.js

@@ -8,39 +8,25 @@ var wonderBlocksCore = require('@khanacademy/wonder-blocks-core');
 var aphrodite = require('aphrodite');
 
 function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
+    if (e && e.__esModule) return e;
+    var n = Object.create(null);
+    if (e) {
+        Object.keys(e).forEach(function (k) {
+            if (k !== 'default') {
+                var d = Object.getOwnPropertyDescriptor(e, k);
+                Object.defineProperty(n, k, d.get ? d : {
+                    enumerable: true,
+                    get: function () { return e[k]; }
+                });
+            }
         });
-      }
-    });
-  }
-  n["default"] = e;
-  return Object.freeze(n);
+    }
+    n["default"] = e;
+    return Object.freeze(n);
 }
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-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 WIDE_SCREEN = "@media (min-width: 1168px)";
 const styles = aphrodite.StyleSheet.create({
   row: {
@@ -70,15 +56,11 @@ const flexBasis = size => {
   };
 };
 
-let Cell = function (_React$Component) {
-  _inheritsLoose(Cell, _React$Component);
-  function Cell() {
-    return _React$Component.apply(this, arguments) || this;
-  }
-  Cell.isClassOf = function isClassOf(instance) {
+class Cell extends React__namespace.Component {
+  static isClassOf(instance) {
     return instance && instance.type && instance.type.__IS_CELL__;
-  };
-  Cell.getCols = function getCols(props, mediaSize) {
+  }
+  static getCols(props, mediaSize) {
     if (!props.smallCols && !props.mediumCols && !props.largeCols && !props.cols) {
       return undefined;
     } else if (props.smallCols && mediaSize === "small") {
@@ -93,13 +75,12 @@ let Cell = function (_React$Component) {
       return props.cols;
     }
     return null;
-  };
-  Cell.shouldDisplay = function shouldDisplay(props, mediaSize) {
+  }
+  static shouldDisplay(props, mediaSize) {
     const cols = Cell.getCols(props, mediaSize);
     return cols !== null && cols !== 0;
-  };
-  var _proto = Cell.prototype;
-  _proto.render = function render() {
+  }
+  render() {
     const {
       children,
       style
@@ -135,9 +116,8 @@ let Cell = function (_React$Component) {
         style: [styles.cellFixed, flexBasis(calcWidth), style]
       }, contents);
     });
-  };
-  return Cell;
-}(React__namespace.Component);
+  }
+}
 Cell.defaultProps = {
   smallCols: 0,
   mediumCols: 0,
@@ -146,13 +126,8 @@ Cell.defaultProps = {
 };
 Cell.__IS_CELL__ = true;
 
-let Gutter = function (_React$Component) {
-  _inheritsLoose(Gutter, _React$Component);
-  function Gutter() {
-    return _React$Component.apply(this, arguments) || this;
-  }
-  var _proto = Gutter.prototype;
-  _proto.render = function render() {
+class Gutter extends React__namespace.Component {
+  render() {
     return React__namespace.createElement(wonderBlocksLayout.MediaLayout, null, ({
       mediaSize,
       mediaSpec
@@ -171,20 +146,14 @@ let Gutter = function (_React$Component) {
         size: gutterWidth
       });
     });
-  };
-  return Gutter;
-}(React__namespace.Component);
+  }
+}
 Gutter.defaultProps = {
   mediaQuery: "all"
 };
 
-let Row = function (_React$Component) {
-  _inheritsLoose(Row, _React$Component);
-  function Row() {
-    return _React$Component.apply(this, arguments) || this;
-  }
-  var _proto = Row.prototype;
-  _proto.render = function render() {
+class Row extends React__namespace.Component {
+  render() {
     const {
       style,
       children
@@ -210,9 +179,9 @@ let Row = function (_React$Component) {
         mediaSize,
         totalColumns
       }) : children;
-      const filteredContents = React__namespace.Children.toArray(contents).filter(item => Cell.isClassOf(item) ? Cell.shouldDisplay(item.props, mediaSize) : true).reduce((acc, elem, index) => [].concat(acc, [elem, React__namespace.createElement(Gutter, {
+      const filteredContents = React__namespace.Children.toArray(contents).filter(item => Cell.isClassOf(item) ? Cell.shouldDisplay(item.props, mediaSize) : true).reduce((acc, elem, index) => [...acc, elem, React__namespace.createElement(Gutter, {
         key: `gutter-${index}`
-      })]), []).slice(0, -1);
+      })], []).slice(0, -1);
       return React__namespace.createElement(wonderBlocksCore.View, {
         style: [styles.row, !!maxWidth && styles.rowMaxWidth, !!maxWidth && {
           maxWidth
@@ -223,9 +192,8 @@ let Row = function (_React$Component) {
         size: marginWidth
       }));
     });
-  };
-  return Row;
-}(React__namespace.Component);
+  }
+}
 Row.defaultProps = {
   mediaQuery: "all"
 };

package/dist/index.js.flow

@@ -1,9 +1,8 @@
 /**
- * Flowtype definitions for index
+ * Flowtype definitions for data
  * Generated by Flowgen from a Typescript Definition
  * Flowgen v1.21.0
  * @flow
  */
-
 declare export { default as Cell } from "./components/cell";
 declare export { default as Row } from "./components/row";

package/dist/util/styles.js.flow

@@ -1,10 +1,9 @@
 /**
- * Flowtype definitions for styles
+ * Flowtype definitions for data
  * Generated by Flowgen from a Typescript Definition
  * Flowgen v1.21.0
  * @flow
  */
-
 import type { StyleDeclaration } from "aphrodite";
 declare var styles: StyleDeclaration;
 declare export default typeof styles;

package/dist/util/utils.js.flow

@@ -1,9 +1,8 @@
 /**
- * Flowtype definitions for utils
+ * Flowtype definitions for data
  * Generated by Flowgen from a Typescript Definition
  * Flowgen v1.21.0
  * @flow
  */
-
 import type { StyleType } from "@khanacademy/wonder-blocks-core";
 declare export var flexBasis: (size: number | string) => StyleType;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@khanacademy/wonder-blocks-grid",
-  "version": "2.0.4",
+  "version": "2.0.6",
   "design": "v1",
   "publishConfig": {
     "access": "public"
@@ -17,8 +17,8 @@
   "dependencies": {
     "@babel/runtime": "^7.18.6",
     "@khanacademy/wonder-blocks-color": "^2.0.1",
-    "@khanacademy/wonder-blocks-core": "^5.0.3",
-    "@khanacademy/wonder-blocks-layout": "^2.0.4",
+    "@khanacademy/wonder-blocks-core": "^5.0.4",
+    "@khanacademy/wonder-blocks-layout": "^2.0.6",
     "@khanacademy/wonder-blocks-spacing": "^4.0.1"
   },
   "peerDependencies": {
@@ -26,6 +26,6 @@
     "react": "16.14.0"
   },
   "devDependencies": {
-    "wb-dev-build-settings": "^0.9.3"
+    "wb-dev-build-settings": "^0.9.5"
   }
 }