@instructure/ui-table 8.25.1-snapshot-10 → 8.25.1-snapshot-13

package/CHANGELOG.md

@@ -3,7 +3,7 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [8.25.1-snapshot-10](https://github.com/instructure/instructure-ui/compare/v8.25.0...v8.25.1-snapshot-10) (2022-06-20)
+## [8.25.1-snapshot-13](https://github.com/instructure/instructure-ui/compare/v8.25.0...v8.25.1-snapshot-13) (2022-06-22)
 
 **Note:** Version bump only for package @instructure/ui-table
 

package/es/Table/Body/index.js

@@ -1,4 +1,4 @@
-var _dec, _class;
+var _dec, _class, _class2;
 
 /*
  * The MIT License (MIT)
@@ -41,15 +41,7 @@ id: Table.Body
 @tsProps
 **/
 
-let Body = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = class Body extends Component {
-  static displayName = "Body";
-  static componentId = 'Table.Body';
-  static allowedProps = allowedProps;
-  static propTypes = propTypes;
-  static defaultProps = {
-    children: null
-  };
-
+let Body = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_class2 = class Body extends Component {
   componentDidMount() {
     var _this$props$makeStyle, _this$props;
 
@@ -81,6 +73,8 @@ let Body = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class
     }) : null));
   }
 
-}) || _class);
+}, _class2.displayName = "Body", _class2.componentId = 'Table.Body', _class2.allowedProps = allowedProps, _class2.propTypes = propTypes, _class2.defaultProps = {
+  children: null
+}, _class2)) || _class);
 export default Body;
 export { Body };

package/es/Table/Cell/index.js

@@ -1,4 +1,4 @@
-var _dec, _class;
+var _dec, _class, _class2;
 
 /*
  * The MIT License (MIT)
@@ -40,16 +40,7 @@ id: Table.Cell
 @tsProps
 **/
 
-let Cell = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = class Cell extends Component {
-  static displayName = "Cell";
-  static componentId = 'Table.Cell';
-  static allowedProps = allowedProps;
-  static propTypes = propTypes;
-  static defaultProps = {
-    textAlign: 'start',
-    children: null
-  };
-
+let Cell = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_class2 = class Cell extends Component {
   componentDidMount() {
     var _this$props$makeStyle, _this$props;
 
@@ -75,6 +66,9 @@ let Cell = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class
     }), header && callRenderProp(header), header && ': ', callRenderProp(children));
   }
 
-}) || _class);
+}, _class2.displayName = "Cell", _class2.componentId = 'Table.Cell', _class2.allowedProps = allowedProps, _class2.propTypes = propTypes, _class2.defaultProps = {
+  textAlign: 'start',
+  children: null
+}, _class2)) || _class);
 export default Cell;
 export { Cell };

package/es/Table/ColHeader/index.js

@@ -1,4 +1,4 @@
-var _dec, _class, _IconMiniArrowUpLine, _IconMiniArrowDownLin;
+var _dec, _class, _class2, _IconMiniArrowUpLine, _IconMiniArrowDownLin;
 
 /*
  * The MIT License (MIT)
@@ -40,39 +40,32 @@ id: Table.ColHeader
 @tsProps
 **/
 
-let ColHeader = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = class ColHeader extends Component {
-  static displayName = "ColHeader";
-  static componentId = 'Table.ColHeader';
-  static allowedProps = allowedProps;
-  static propTypes = propTypes;
-  static defaultProps = {
-    textAlign: 'start',
-    sortDirection: 'none',
-    children: null,
-    scope: 'col'
-  };
+let ColHeader = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_class2 = class ColHeader extends Component {
+  constructor() {
+    super(...arguments);
+
+    this.handleClick = event => {
+      const _this$props = this.props,
+            id = _this$props.id,
+            onRequestSort = _this$props.onRequestSort;
+      onRequestSort && onRequestSort(event, {
+        id
+      });
+    };
+  }
 
   componentDidMount() {
-    var _this$props$makeStyle, _this$props;
+    var _this$props$makeStyle, _this$props2;
 
-    (_this$props$makeStyle = (_this$props = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props);
+    (_this$props$makeStyle = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props2);
   }
 
   componentDidUpdate() {
-    var _this$props$makeStyle2, _this$props2;
+    var _this$props$makeStyle2, _this$props3;
 
-    (_this$props$makeStyle2 = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props2);
+    (_this$props$makeStyle2 = (_this$props3 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props3);
   }
 
-  handleClick = event => {
-    const _this$props3 = this.props,
-          id = _this$props3.id,
-          onRequestSort = _this$props3.onRequestSort;
-    onRequestSort && onRequestSort(event, {
-      id
-    });
-  };
-
   renderSortArrow() {
     const _this$props4 = this.props,
           sortDirection = _this$props4.sortDirection,
@@ -120,6 +113,11 @@ let ColHeader = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_
     }, callRenderProp(children), this.renderSortArrow())), !onRequestSort && children, !onRequestSort && this.renderSortArrow());
   }
 
-}) || _class);
+}, _class2.displayName = "ColHeader", _class2.componentId = 'Table.ColHeader', _class2.allowedProps = allowedProps, _class2.propTypes = propTypes, _class2.defaultProps = {
+  textAlign: 'start',
+  sortDirection: 'none',
+  children: null,
+  scope: 'col'
+}, _class2)) || _class);
 export default ColHeader;
 export { ColHeader };

package/es/Table/Head/index.js

@@ -1,6 +1,6 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 
-var _dec, _class, _ScreenReaderContent;
+var _dec, _class, _class2, _ScreenReaderContent;
 
 /*
  * The MIT License (MIT)
@@ -47,15 +47,7 @@ id: Table.Head
 @tsProps
 **/
 
-let Head = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = class Head extends Component {
-  static displayName = "Head";
-  static componentId = 'Table.Head';
-  static allowedProps = allowedProps;
-  static propTypes = propTypes;
-  static defaultProps = {
-    children: null
-  };
-
+let Head = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_class2 = class Head extends Component {
   get isSortable() {
     const _ref = Children.toArray(this.props.children),
           _ref2 = _slicedToArray(_ref, 1),
@@ -184,6 +176,8 @@ let Head = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class
     }), Children.map(children, child => matchComponentTypes(child, [Row]) ? child : null));
   }
 
-}) || _class);
+}, _class2.displayName = "Head", _class2.componentId = 'Table.Head', _class2.allowedProps = allowedProps, _class2.propTypes = propTypes, _class2.defaultProps = {
+  children: null
+}, _class2)) || _class);
 export default Head;
 export { Head };

package/es/Table/Row/index.js

@@ -1,4 +1,4 @@
-var _dec, _class;
+var _dec, _class, _class2;
 
 /*
  * The MIT License (MIT)
@@ -43,15 +43,7 @@ id: Table.Row
 @tsProps
 **/
 
-let Row = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = class Row extends Component {
-  static displayName = "Row";
-  static componentId = 'Table.Row';
-  static allowedProps = allowedProps;
-  static propTypes = propTypes;
-  static defaultProps = {
-    children: null
-  };
-
+let Row = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_class2 = class Row extends Component {
   componentDidMount() {
     var _this$props$makeStyle, _this$props;
 
@@ -98,6 +90,8 @@ let Row = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class
     }));
   }
 
-}) || _class);
+}, _class2.displayName = "Row", _class2.componentId = 'Table.Row', _class2.allowedProps = allowedProps, _class2.propTypes = propTypes, _class2.defaultProps = {
+  children: null
+}, _class2)) || _class);
 export default Row;
 export { Row };

package/es/Table/RowHeader/index.js

@@ -1,4 +1,4 @@
-var _dec, _class;
+var _dec, _class, _class2;
 
 /*
  * The MIT License (MIT)
@@ -40,16 +40,7 @@ id: Table.RowHeader
 @tsProps
 **/
 
-let RowHeader = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = class RowHeader extends Component {
-  static displayName = "RowHeader";
-  static componentId = 'Table.RowHeader';
-  static allowedProps = allowedProps;
-  static propTypes = propTypes;
-  static defaultProps = {
-    textAlign: 'start',
-    children: null
-  };
-
+let RowHeader = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_class2 = class RowHeader extends Component {
   componentDidMount() {
     var _this$props$makeStyle, _this$props;
 
@@ -75,6 +66,9 @@ let RowHeader = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_
     }), callRenderProp(children));
   }
 
-}) || _class);
+}, _class2.displayName = "RowHeader", _class2.componentId = 'Table.RowHeader', _class2.allowedProps = allowedProps, _class2.propTypes = propTypes, _class2.defaultProps = {
+  textAlign: 'start',
+  children: null
+}, _class2)) || _class);
 export default RowHeader;
 export { RowHeader };

package/es/Table/index.js

@@ -1,6 +1,6 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 
-var _dec, _class;
+var _dec, _class, _class2;
 
 /*
  * The MIT License (MIT)
@@ -48,31 +48,20 @@ category: components
 @tsProps
 **/
 
-let Table = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = class Table extends Component {
-  static displayName = "Table";
-  static componentId = 'Table';
-  static allowedProps = allowedProps;
-  static propTypes = propTypes;
-  static defaultProps = {
-    children: null,
-    hover: false,
-    layout: 'auto'
-  };
-  static Head = Head;
-  static Body = Body;
-  static Row = Row;
-  static ColHeader = ColHeader;
-  static RowHeader = RowHeader;
-  static Cell = Cell;
-  ref = null;
-  handleRef = el => {
-    const elementRef = this.props.elementRef;
-    this.ref = el;
-
-    if (typeof elementRef === 'function') {
-      elementRef(el);
-    }
-  };
+let Table = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_class2 = class Table extends Component {
+  constructor() {
+    super(...arguments);
+    this.ref = null;
+
+    this.handleRef = el => {
+      const elementRef = this.props.elementRef;
+      this.ref = el;
+
+      if (typeof elementRef === 'function') {
+        elementRef(el);
+      }
+    };
+  }
 
   componentDidMount() {
     var _this$props$makeStyle, _this$props;
@@ -146,6 +135,10 @@ let Table = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_clas
     }));
   }
 
-}) || _class);
+}, _class2.displayName = "Table", _class2.componentId = 'Table', _class2.allowedProps = allowedProps, _class2.propTypes = propTypes, _class2.defaultProps = {
+  children: null,
+  hover: false,
+  layout: 'auto'
+}, _class2.Head = Head, _class2.Body = Body, _class2.Row = Row, _class2.ColHeader = ColHeader, _class2.RowHeader = RowHeader, _class2.Cell = Cell, _class2)) || _class);
 export default Table;
 export { Table };

package/lib/Table/Body/index.js

@@ -27,7 +27,7 @@ var _Row = require("../Row");
 
 var _props = require("./props");
 
-var _dec, _class;
+var _dec, _class, _class2;
 
 /**
 ---
@@ -36,15 +36,7 @@ id: Table.Body
 ---
 @tsProps
 **/
-let Body = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = class Body extends _react.Component {
-  static displayName = "Body";
-  static componentId = 'Table.Body';
-  static allowedProps = _props.allowedProps;
-  static propTypes = _props.propTypes;
-  static defaultProps = {
-    children: null
-  };
-
+let Body = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_class2 = class Body extends _react.Component {
   componentDidMount() {
     var _this$props$makeStyle, _this$props;
 
@@ -76,7 +68,9 @@ let Body = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _de
     }) : null));
   }
 
-}) || _class);
+}, _class2.displayName = "Body", _class2.componentId = 'Table.Body', _class2.allowedProps = _props.allowedProps, _class2.propTypes = _props.propTypes, _class2.defaultProps = {
+  children: null
+}, _class2)) || _class);
 exports.Body = Body;
 var _default = Body;
 exports.default = _default;

package/lib/Table/Cell/index.js

@@ -23,7 +23,7 @@ var _theme = _interopRequireDefault(require("./theme"));
 
 var _props = require("./props");
 
-var _dec, _class;
+var _dec, _class, _class2;
 
 /**
 ---
@@ -32,16 +32,7 @@ id: Table.Cell
 ---
 @tsProps
 **/
-let Cell = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = class Cell extends _react.Component {
-  static displayName = "Cell";
-  static componentId = 'Table.Cell';
-  static allowedProps = _props.allowedProps;
-  static propTypes = _props.propTypes;
-  static defaultProps = {
-    textAlign: 'start',
-    children: null
-  };
-
+let Cell = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_class2 = class Cell extends _react.Component {
   componentDidMount() {
     var _this$props$makeStyle, _this$props;
 
@@ -67,7 +58,10 @@ let Cell = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _de
     }), header && (0, _callRenderProp.callRenderProp)(header), header && ': ', (0, _callRenderProp.callRenderProp)(children));
   }
 
-}) || _class);
+}, _class2.displayName = "Cell", _class2.componentId = 'Table.Cell', _class2.allowedProps = _props.allowedProps, _class2.propTypes = _props.propTypes, _class2.defaultProps = {
+  textAlign: 'start',
+  children: null
+}, _class2)) || _class);
 exports.Cell = Cell;
 var _default = Cell;
 exports.default = _default;

package/lib/Table/ColHeader/index.js

@@ -29,7 +29,7 @@ var _theme = _interopRequireDefault(require("./theme"));
 
 var _props = require("./props");
 
-var _dec, _class, _IconMiniArrowUpLine, _IconMiniArrowDownLin;
+var _dec, _class, _class2, _IconMiniArrowUpLine, _IconMiniArrowDownLin;
 
 /**
 ---
@@ -38,39 +38,32 @@ id: Table.ColHeader
 ---
 @tsProps
 **/
-let ColHeader = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = class ColHeader extends _react.Component {
-  static displayName = "ColHeader";
-  static componentId = 'Table.ColHeader';
-  static allowedProps = _props.allowedProps;
-  static propTypes = _props.propTypes;
-  static defaultProps = {
-    textAlign: 'start',
-    sortDirection: 'none',
-    children: null,
-    scope: 'col'
-  };
+let ColHeader = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_class2 = class ColHeader extends _react.Component {
+  constructor() {
+    super(...arguments);
+
+    this.handleClick = event => {
+      const _this$props = this.props,
+            id = _this$props.id,
+            onRequestSort = _this$props.onRequestSort;
+      onRequestSort && onRequestSort(event, {
+        id
+      });
+    };
+  }
 
   componentDidMount() {
-    var _this$props$makeStyle, _this$props;
+    var _this$props$makeStyle, _this$props2;
 
-    (_this$props$makeStyle = (_this$props = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props);
+    (_this$props$makeStyle = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props2);
   }
 
   componentDidUpdate() {
-    var _this$props$makeStyle2, _this$props2;
+    var _this$props$makeStyle2, _this$props3;
 
-    (_this$props$makeStyle2 = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props2);
+    (_this$props$makeStyle2 = (_this$props3 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props3);
   }
 
-  handleClick = event => {
-    const _this$props3 = this.props,
-          id = _this$props3.id,
-          onRequestSort = _this$props3.onRequestSort;
-    onRequestSort && onRequestSort(event, {
-      id
-    });
-  };
-
   renderSortArrow() {
     const _this$props4 = this.props,
           sortDirection = _this$props4.sortDirection,
@@ -118,7 +111,12 @@ let ColHeader = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default)
     }, (0, _callRenderProp.callRenderProp)(children), this.renderSortArrow())), !onRequestSort && children, !onRequestSort && this.renderSortArrow());
   }
 
-}) || _class);
+}, _class2.displayName = "ColHeader", _class2.componentId = 'Table.ColHeader', _class2.allowedProps = _props.allowedProps, _class2.propTypes = _props.propTypes, _class2.defaultProps = {
+  textAlign: 'start',
+  sortDirection: 'none',
+  children: null,
+  scope: 'col'
+}, _class2)) || _class);
 exports.ColHeader = ColHeader;
 var _default = ColHeader;
 exports.default = _default;

package/lib/Table/Head/index.js

@@ -37,7 +37,7 @@ var _ColHeader = require("../ColHeader");
 
 var _props = require("./props");
 
-var _dec, _class, _ScreenReaderContent;
+var _dec, _class, _class2, _ScreenReaderContent;
 
 /**
 ---
@@ -46,15 +46,7 @@ id: Table.Head
 ---
 @tsProps
 **/
-let Head = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = class Head extends _react.Component {
-  static displayName = "Head";
-  static componentId = 'Table.Head';
-  static allowedProps = _props.allowedProps;
-  static propTypes = _props.propTypes;
-  static defaultProps = {
-    children: null
-  };
-
+let Head = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_class2 = class Head extends _react.Component {
   get isSortable() {
     const _ref = _react.Children.toArray(this.props.children),
           _ref2 = (0, _slicedToArray2.default)(_ref, 1),
@@ -184,7 +176,9 @@ let Head = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _de
     }), _react.Children.map(children, child => (0, _matchComponentTypes.matchComponentTypes)(child, [_Row.Row]) ? child : null));
   }
 
-}) || _class);
+}, _class2.displayName = "Head", _class2.componentId = 'Table.Head', _class2.allowedProps = _props.allowedProps, _class2.propTypes = _props.propTypes, _class2.defaultProps = {
+  children: null
+}, _class2)) || _class);
 exports.Head = Head;
 var _default = Head;
 exports.default = _default;

package/lib/Table/Row/index.js

@@ -31,7 +31,7 @@ var _Cell = require("../Cell");
 
 var _props = require("./props");
 
-var _dec, _class;
+var _dec, _class, _class2;
 
 /**
 ---
@@ -40,15 +40,7 @@ id: Table.Row
 ---
 @tsProps
 **/
-let Row = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = class Row extends _react.Component {
-  static displayName = "Row";
-  static componentId = 'Table.Row';
-  static allowedProps = _props.allowedProps;
-  static propTypes = _props.propTypes;
-  static defaultProps = {
-    children: null
-  };
-
+let Row = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_class2 = class Row extends _react.Component {
   componentDidMount() {
     var _this$props$makeStyle, _this$props;
 
@@ -95,7 +87,9 @@ let Row = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec
     }));
   }
 
-}) || _class);
+}, _class2.displayName = "Row", _class2.componentId = 'Table.Row', _class2.allowedProps = _props.allowedProps, _class2.propTypes = _props.propTypes, _class2.defaultProps = {
+  children: null
+}, _class2)) || _class);
 exports.Row = Row;
 var _default = Row;
 exports.default = _default;

package/lib/Table/RowHeader/index.js

@@ -23,7 +23,7 @@ var _theme = _interopRequireDefault(require("./theme"));
 
 var _props = require("./props");
 
-var _dec, _class;
+var _dec, _class, _class2;
 
 /**
 ---
@@ -32,16 +32,7 @@ id: Table.RowHeader
 ---
 @tsProps
 **/
-let RowHeader = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = class RowHeader extends _react.Component {
-  static displayName = "RowHeader";
-  static componentId = 'Table.RowHeader';
-  static allowedProps = _props.allowedProps;
-  static propTypes = _props.propTypes;
-  static defaultProps = {
-    textAlign: 'start',
-    children: null
-  };
-
+let RowHeader = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_class2 = class RowHeader extends _react.Component {
   componentDidMount() {
     var _this$props$makeStyle, _this$props;
 
@@ -67,7 +58,10 @@ let RowHeader = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default)
     }), (0, _callRenderProp.callRenderProp)(children));
   }
 
-}) || _class);
+}, _class2.displayName = "RowHeader", _class2.componentId = 'Table.RowHeader', _class2.allowedProps = _props.allowedProps, _class2.propTypes = _props.propTypes, _class2.defaultProps = {
+  textAlign: 'start',
+  children: null
+}, _class2)) || _class);
 exports.RowHeader = RowHeader;
 var _default = RowHeader;
 exports.default = _default;

package/lib/Table/index.js

@@ -41,7 +41,7 @@ var _Cell = require("./Cell");
 
 var _props = require("./props");
 
-var _dec, _class;
+var _dec, _class, _class2;
 
 /**
 ---
@@ -49,31 +49,20 @@ category: components
 ---
 @tsProps
 **/
-let Table = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = class Table extends _react.Component {
-  static displayName = "Table";
-  static componentId = 'Table';
-  static allowedProps = _props.allowedProps;
-  static propTypes = _props.propTypes;
-  static defaultProps = {
-    children: null,
-    hover: false,
-    layout: 'auto'
-  };
-  static Head = _Head.Head;
-  static Body = _Body.Body;
-  static Row = _Row.Row;
-  static ColHeader = _ColHeader.ColHeader;
-  static RowHeader = _RowHeader.RowHeader;
-  static Cell = _Cell.Cell;
-  ref = null;
-  handleRef = el => {
-    const elementRef = this.props.elementRef;
-    this.ref = el;
-
-    if (typeof elementRef === 'function') {
-      elementRef(el);
-    }
-  };
+let Table = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_class2 = class Table extends _react.Component {
+  constructor() {
+    super(...arguments);
+    this.ref = null;
+
+    this.handleRef = el => {
+      const elementRef = this.props.elementRef;
+      this.ref = el;
+
+      if (typeof elementRef === 'function') {
+        elementRef(el);
+      }
+    };
+  }
 
   componentDidMount() {
     var _this$props$makeStyle, _this$props;
@@ -147,7 +136,11 @@ let Table = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _d
     }));
   }
 
-}) || _class);
+}, _class2.displayName = "Table", _class2.componentId = 'Table', _class2.allowedProps = _props.allowedProps, _class2.propTypes = _props.propTypes, _class2.defaultProps = {
+  children: null,
+  hover: false,
+  layout: 'auto'
+}, _class2.Head = _Head.Head, _class2.Body = _Body.Body, _class2.Row = _Row.Row, _class2.ColHeader = _ColHeader.ColHeader, _class2.RowHeader = _RowHeader.RowHeader, _class2.Cell = _Cell.Cell, _class2)) || _class);
 exports.Table = Table;
 var _default = Table;
 exports.default = _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-table",
-  "version": "8.25.1-snapshot-10",
+  "version": "8.25.1-snapshot-13",
   "description": "A styled HTML table component",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -23,24 +23,24 @@
   },
   "license": "MIT",
   "devDependencies": {
-    "@instructure/ui-babel-preset": "8.25.1-snapshot-10",
-    "@instructure/ui-color-utils": "8.25.1-snapshot-10",
-    "@instructure/ui-test-utils": "8.25.1-snapshot-10",
-    "@instructure/ui-themes": "8.25.1-snapshot-10"
+    "@instructure/ui-babel-preset": "8.25.1-snapshot-13",
+    "@instructure/ui-color-utils": "8.25.1-snapshot-13",
+    "@instructure/ui-test-utils": "8.25.1-snapshot-13",
+    "@instructure/ui-themes": "8.25.1-snapshot-13"
   },
   "dependencies": {
     "@babel/runtime": "^7.13.10",
-    "@instructure/console": "8.25.1-snapshot-10",
-    "@instructure/emotion": "8.25.1-snapshot-10",
-    "@instructure/shared-types": "8.25.1-snapshot-10",
-    "@instructure/ui-a11y-content": "8.25.1-snapshot-10",
-    "@instructure/ui-icons": "8.25.1-snapshot-10",
-    "@instructure/ui-prop-types": "8.25.1-snapshot-10",
-    "@instructure/ui-react-utils": "8.25.1-snapshot-10",
-    "@instructure/ui-simple-select": "8.25.1-snapshot-10",
-    "@instructure/ui-testable": "8.25.1-snapshot-10",
-    "@instructure/ui-utils": "8.25.1-snapshot-10",
-    "@instructure/ui-view": "8.25.1-snapshot-10",
+    "@instructure/console": "8.25.1-snapshot-13",
+    "@instructure/emotion": "8.25.1-snapshot-13",
+    "@instructure/shared-types": "8.25.1-snapshot-13",
+    "@instructure/ui-a11y-content": "8.25.1-snapshot-13",
+    "@instructure/ui-icons": "8.25.1-snapshot-13",
+    "@instructure/ui-prop-types": "8.25.1-snapshot-13",
+    "@instructure/ui-react-utils": "8.25.1-snapshot-13",
+    "@instructure/ui-simple-select": "8.25.1-snapshot-13",
+    "@instructure/ui-testable": "8.25.1-snapshot-13",
+    "@instructure/ui-utils": "8.25.1-snapshot-13",
+    "@instructure/ui-view": "8.25.1-snapshot-13",
     "prop-types": "^15"
   },
   "peerDependencies": {