@instructure/ui-table 8.8.1-snapshot.8 → 8.9.0

package/lib/Table/Body/props.js

@@ -0,0 +1,50 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.allowedProps = exports.propTypes = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _Children = require("@instructure/ui-prop-types/lib/Children.js");
+
+var _Row = require("../Row");
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2015 - present Instructure, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+const propTypes = {
+  /**
+   * `Table.Row`
+   */
+  children: _Children.Children.oneOf([_Row.Row]),
+  hover: _propTypes.default.bool,
+  isStacked: _propTypes.default.bool,
+  headers: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]))
+};
+exports.propTypes = propTypes;
+const allowedProps = ['children', 'hover', 'isStacked', 'headers'];
+exports.allowedProps = allowedProps;

package/lib/Table/Cell/index.js

@@ -9,8 +9,6 @@ exports.Cell = exports.default = void 0;
 
 var _react = require("react");
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
 
 var _callRenderProp = require("@instructure/ui-react-utils/lib/callRenderProp.js");
@@ -23,6 +21,8 @@ var _styles = _interopRequireDefault(require("./styles"));
 
 var _theme = _interopRequireDefault(require("./theme"));
 
+var _props = require("./props");
+
 var _dec, _class, _class2, _temp;
 
 /**
@@ -32,44 +32,32 @@ id: Table.Cell
 ---
 **/
 let Cell = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = class Cell extends _react.Component {
-  /* eslint-disable react/require-default-props */
-
-  /* eslint-enable react/require-default-props */
   componentDidMount() {
-    this.props.makeStyles();
+    var _this$props$makeStyle, _this$props;
+
+    (_this$props$makeStyle = (_this$props = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props);
   }
 
-  componentDidUpdate(prevProps, prevState, snapshot) {
-    this.props.makeStyles();
+  componentDidUpdate() {
+    var _this$props$makeStyle2, _this$props2;
+
+    (_this$props$makeStyle2 = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props2);
   }
 
   render() {
-    const _this$props = this.props,
-          children = _this$props.children,
-          styles = _this$props.styles,
-          isStacked = _this$props.isStacked,
-          header = _this$props.header;
+    const _this$props3 = this.props,
+          children = _this$props3.children,
+          styles = _this$props3.styles,
+          isStacked = _this$props3.isStacked,
+          header = _this$props3.header;
     return (0, _emotion.jsx)(_View.View, Object.assign({}, _View.View.omitViewProps((0, _omitProps.omitProps)(this.props, Cell.propTypes), Cell), {
       as: isStacked ? 'div' : 'td',
-      css: styles.cell,
+      css: styles === null || styles === void 0 ? void 0 : styles.cell,
       role: isStacked ? 'cell' : void 0
     }), header && (0, _callRenderProp.callRenderProp)(header), header && ': ', (0, _callRenderProp.callRenderProp)(children));
   }
 
-}, _class2.displayName = "Cell", _class2.componentId = 'Table.Cell', _class2.propTypes = {
-  // eslint-disable-next-line react/require-default-props
-  makeStyles: _propTypes.default.func,
-  // eslint-disable-next-line react/require-default-props
-  styles: _propTypes.default.object,
-  children: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]),
-  isStacked: _propTypes.default.bool,
-  header: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]),
-
-  /**
-   * Control the text alignment in cell
-   */
-  textAlign: _propTypes.default.oneOf(['start', 'center', 'end'])
-}, _class2.defaultProps = {
+}, _class2.displayName = "Cell", _class2.componentId = 'Table.Cell', _class2.allowedProps = _props.allowedProps, _class2.propTypes = _props.propTypes, _class2.defaultProps = {
   textAlign: 'start',
   children: null
 }, _temp)) || _class);

package/lib/Table/Cell/props.js

@@ -0,0 +1,47 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.allowedProps = exports.propTypes = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2015 - present Instructure, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+const propTypes = {
+  children: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]),
+  isStacked: _propTypes.default.bool,
+  header: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]),
+
+  /**
+   * Control the text alignment in cell
+   */
+  textAlign: _propTypes.default.oneOf(['start', 'center', 'end'])
+};
+exports.propTypes = propTypes;
+const allowedProps = ['children', 'isStacked', 'header', 'textAlign'];
+exports.allowedProps = allowedProps;

package/lib/Table/ColHeader/index.js

@@ -9,8 +9,6 @@ exports.ColHeader = exports.default = void 0;
 
 var _react = require("react");
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
 
 var _callRenderProp = require("@instructure/ui-react-utils/lib/callRenderProp.js");
@@ -25,6 +23,8 @@ var _styles = _interopRequireDefault(require("./styles"));
 
 var _theme = _interopRequireDefault(require("./theme"));
 
+var _props = require("./props");
+
 var _dec, _class, _class2, _temp, _IconMiniArrowUpLine, _IconMiniArrowDownLin;
 
 /**
@@ -48,17 +48,21 @@ let ColHeader = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default)
   }
 
   componentDidMount() {
-    this.props.makeStyles();
+    var _this$props$makeStyle, _this$props2;
+
+    (_this$props$makeStyle = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props2);
   }
 
-  componentDidUpdate(prevProps, prevState, snapshot) {
-    this.props.makeStyles();
+  componentDidUpdate() {
+    var _this$props$makeStyle2, _this$props3;
+
+    (_this$props$makeStyle2 = (_this$props3 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props3);
   }
 
   renderSortArrow() {
-    const _this$props2 = this.props,
-          sortDirection = _this$props2.sortDirection,
-          onRequestSort = _this$props2.onRequestSort;
+    const _this$props4 = this.props,
+          sortDirection = _this$props4.sortDirection,
+          onRequestSort = _this$props4.onRequestSort;
 
     if (sortDirection === 'ascending') {
       return _IconMiniArrowUpLine || (_IconMiniArrowUpLine = (0, _emotion.jsx)(_IconMiniArrowUpLine2.IconMiniArrowUpLine, null));
@@ -81,15 +85,15 @@ let ColHeader = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default)
   }
 
   render() {
-    const _this$props3 = this.props,
-          onRequestSort = _this$props3.onRequestSort,
-          width = _this$props3.width,
-          children = _this$props3.children,
-          sortDirection = _this$props3.sortDirection,
-          scope = _this$props3.scope,
-          styles = _this$props3.styles;
+    const _this$props5 = this.props,
+          onRequestSort = _this$props5.onRequestSort,
+          width = _this$props5.width,
+          children = _this$props5.children,
+          sortDirection = _this$props5.sortDirection,
+          scope = _this$props5.scope,
+          styles = _this$props5.styles;
     return (0, _emotion.jsx)("th", Object.assign({}, (0, _omitProps.omitProps)(this.props, ColHeader.propTypes), {
-      css: styles.colHeader,
+      css: styles === null || styles === void 0 ? void 0 : styles.colHeader,
       style: {
         width
       },
@@ -97,58 +101,13 @@ let ColHeader = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default)
       "aria-sort": sortDirection
     }), onRequestSort && (0, _emotion.jsx)("button", {
       onClick: this.handleClick,
-      css: styles.button
+      css: styles === null || styles === void 0 ? void 0 : styles.button
     }, (0, _emotion.jsx)("div", null, (0, _callRenderProp.callRenderProp)(children), this.renderSortArrow())), !onRequestSort && children, !onRequestSort && this.renderSortArrow());
   }
 
-}, _class2.displayName = "ColHeader", _class2.componentId = 'Table.ColHeader', _class2.propTypes = {
-  // eslint-disable-next-line react/require-default-props
-  makeStyles: _propTypes.default.func,
-  // eslint-disable-next-line react/require-default-props
-  styles: _propTypes.default.object,
-
-  /**
-   * A unique id for this column. The `id` is also used as option in combobox,
-   * when sortable table is in stacked layout,
-   * and no `stackedSortByLabel` is provided.
-   */
-  id: _propTypes.default.string.isRequired,
-
-  /**
-   * A custom string to display as option text in the combobox (instead of
-   * using the `id` prop), when sortable table is in stacked layout.
-   */
-  stackedSortByLabel: _propTypes.default.string,
-  children: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]),
-
-  /**
-   * Control the width of column.
-   */
-  width: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
-
-  /**
-   * Control the text alignment in column header
-   */
-  textAlign: _propTypes.default.oneOf(['start', 'center', 'end']),
-
-  /**
-   * The string of sorting direction
-   */
-  sortDirection: _propTypes.default.oneOf(['none', 'ascending', 'descending']),
-
-  /**
-   * Callback fired when column header is clicked. Parameters: `(event, { id })`
-   */
-  onRequestSort: _propTypes.default.func,
-
-  /**
-   * The column header scope attribute. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/th#attr-scope
-   */
-  scope: _propTypes.default.oneOf(['row', 'col', 'rowgroup', 'colgroup', 'auto'])
-}, _class2.defaultProps = {
+}, _class2.displayName = "ColHeader", _class2.componentId = 'Table.ColHeader', _class2.allowedProps = _props.allowedProps, _class2.propTypes = _props.propTypes, _class2.defaultProps = {
   textAlign: 'start',
   sortDirection: 'none',
-  stackedSortByLabel: void 0,
   children: null,
   scope: 'col'
 }, _temp)) || _class);

package/lib/Table/ColHeader/props.js

@@ -0,0 +1,77 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.allowedProps = exports.propTypes = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2015 - present Instructure, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+const propTypes = {
+  /**
+   * A unique id for this column. The `id` is also used as option in combobox,
+   * when sortable table is in stacked layout,
+   * and no `stackedSortByLabel` is provided.
+   */
+  id: _propTypes.default.string.isRequired,
+
+  /**
+   * A custom string to display as option text in the combobox (instead of
+   * using the `id` prop), when sortable table is in stacked layout.
+   */
+  stackedSortByLabel: _propTypes.default.string,
+  children: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]),
+
+  /**
+   * Control the width of column.
+   */
+  width: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
+
+  /**
+   * Control the text alignment in column header
+   */
+  textAlign: _propTypes.default.oneOf(['start', 'center', 'end']),
+
+  /**
+   * The string of sorting direction
+   */
+  sortDirection: _propTypes.default.oneOf(['none', 'ascending', 'descending']),
+
+  /**
+   * Callback fired when column header is clicked. Parameters: `(event, { id })`
+   */
+  onRequestSort: _propTypes.default.func,
+
+  /**
+   * The column header scope attribute. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/th#attr-scope
+   */
+  scope: _propTypes.default.oneOf(['row', 'col', 'rowgroup', 'colgroup', 'auto'])
+};
+exports.propTypes = propTypes;
+const allowedProps = ['id', 'stackedSortByLabel', 'children', 'width', 'textAlign', 'sortDirection', 'onRequestSort', 'scope'];
+exports.allowedProps = allowedProps;

package/lib/Table/Head/index.js

@@ -11,16 +11,12 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 
 var _react = require("react");
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
 
 var _matchComponentTypes = require("@instructure/ui-react-utils/lib/matchComponentTypes.js");
 
 var _callRenderProp = require("@instructure/ui-react-utils/lib/callRenderProp.js");
 
-var _Children = require("@instructure/ui-prop-types/lib/Children.js");
-
 var _SimpleSelect = require("@instructure/ui-simple-select/lib/SimpleSelect");
 
 var _ScreenReaderContent2 = require("@instructure/ui-a11y-content/lib/ScreenReaderContent");
@@ -39,6 +35,8 @@ var _Row = require("../Row");
 
 var _ColHeader = require("../ColHeader");
 
+var _props = require("./props");
+
 var _dec, _class, _class2, _temp, _ScreenReaderContent;
 
 /**
@@ -48,9 +46,6 @@ id: Table.Head
 ---
 **/
 let Head = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = class Head extends _react.Component {
-  /* eslint-disable react/require-default-props */
-
-  /* eslint-enable react/require-default-props */
   get isSortable() {
     const _Children$toArray = _react.Children.toArray(this.props.children),
           _Children$toArray2 = (0, _slicedToArray2.default)(_Children$toArray, 1),
@@ -70,21 +65,25 @@ let Head = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _de
   }
 
   componentDidMount() {
-    this.props.makeStyles();
+    var _this$props$makeStyle, _this$props;
+
+    (_this$props$makeStyle = (_this$props = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props);
   }
 
   componentDidUpdate() {
+    var _this$props$makeStyle2, _this$props2;
+
     if (this.isSortable && typeof this.props.renderSortLabel === 'undefined') {
       (0, _console.warn)(false, '[Table.Head] The `renderSortLabel` prop should be provided when Table is sortable.');
     }
 
-    this.props.makeStyles();
+    (_this$props$makeStyle2 = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props2);
   }
 
   renderSelect() {
-    const _this$props = this.props,
-          children = _this$props.children,
-          renderSortLabel = _this$props.renderSortLabel;
+    const _this$props3 = this.props,
+          children = _this$props3.children,
+          renderSortLabel = _this$props3.renderSortLabel;
 
     const _Children$toArray3 = _react.Children.toArray(children),
           _Children$toArray4 = (0, _slicedToArray2.default)(_Children$toArray3, 1),
@@ -96,7 +95,7 @@ let Head = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _de
 
     const options = [];
     const clickHandlers = {};
-    let selectedOption = null;
+    let selectedOption = void 0;
     let count = 0;
 
     _react.Children.forEach(row.props.children, colHeader => {
@@ -164,27 +163,16 @@ let Head = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _de
   }
 
   render() {
-    const _this$props2 = this.props,
-          children = _this$props2.children,
-          isStacked = _this$props2.isStacked,
-          styles = _this$props2.styles;
+    const _this$props4 = this.props,
+          children = _this$props4.children,
+          isStacked = _this$props4.isStacked,
+          styles = _this$props4.styles;
     return isStacked ? this.renderSelect() : (0, _emotion.jsx)("thead", Object.assign({}, (0, _omitProps.omitProps)(this.props, Head.propTypes), {
-      css: styles.head
+      css: styles === null || styles === void 0 ? void 0 : styles.head
     }), _react.Children.map(children, child => (0, _matchComponentTypes.matchComponentTypes)(child, [_Row.Row]) ? child : null));
   }
 
-}, _class2.displayName = "Head", _class2.componentId = 'Table.Head', _class2.propTypes = {
-  /**
-   * `Table.Row`
-   */
-  // eslint-disable-next-line react/require-default-props
-  makeStyles: _propTypes.default.func,
-  // eslint-disable-next-line react/require-default-props
-  styles: _propTypes.default.object,
-  children: _Children.Children.oneOf([_Row.Row]),
-  isStacked: _propTypes.default.bool,
-  renderSortLabel: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func])
-}, _class2.defaultProps = {
+}, _class2.displayName = "Head", _class2.componentId = 'Table.Head', _class2.allowedProps = _props.allowedProps, _class2.propTypes = _props.propTypes, _class2.defaultProps = {
   children: null
 }, _temp)) || _class);
 exports.Head = Head;