@instructure/ui-table 9.1.0 → 9.1.1-pr-snapshot-1720014507835

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [9.1.1-pr-snapshot-1720014507835](https://github.com/instructure/instructure-ui/compare/v9.1.0...v9.1.1-pr-snapshot-1720014507835) (2024-07-03)
+
+
+### Features
+
+* **ui-table:** remove restriction for children types and add documentation ([00e3026](https://github.com/instructure/instructure-ui/commit/00e30266d178c977fe828868b5dc000717dd8e1d))
+
+
+
+
+
 # [9.1.0](https://github.com/instructure/instructure-ui/compare/v9.0.1...v9.1.0) (2024-06-14)
 
 **Note:** Version bump only for package @instructure/ui-table

package/es/Table/Body/index.js

@@ -25,12 +25,11 @@ var _dec, _class, _Body;
 
 /** @jsx jsx */
 import { Component, Children } from 'react';
-import { matchComponentTypes, safeCloneElement, omitProps } from '@instructure/ui-react-utils';
+import { safeCloneElement, omitProps } from '@instructure/ui-react-utils';
 import { View } from '@instructure/ui-view';
 import { withStyle, jsx } from '@instructure/emotion';
 import generateStyle from './styles';
 import generateComponentTheme from './theme';
-import { Row } from '../Row';
 import { allowedProps, propTypes } from './props';
 
 /**
@@ -59,12 +58,12 @@ let Body = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class
       as: isStacked ? 'div' : 'tbody',
       css: styles === null || styles === void 0 ? void 0 : styles.body,
       role: isStacked ? 'rowgroup' : void 0
-    }), Children.map(children, child => matchComponentTypes(child, [Row]) ? safeCloneElement(child, {
+    }), Children.map(children, child => safeCloneElement(child, {
       key: child.props.name,
       hover,
       isStacked,
       headers
-    }) : null));
+    })));
   }
 }, _Body.displayName = "Body", _Body.componentId = 'Table.Body', _Body.allowedProps = allowedProps, _Body.propTypes = propTypes, _Body.defaultProps = {
   children: null

package/es/Table/Body/props.js

@@ -23,10 +23,8 @@
  */
 
 import PropTypes from 'prop-types';
-import { Children as ChildrenPropTypes } from '@instructure/ui-prop-types';
-import { Row } from '../Row';
 const propTypes = {
-  children: ChildrenPropTypes.oneOf([Row]),
+  children: PropTypes.node,
   hover: PropTypes.bool,
   isStacked: PropTypes.bool,
   headers: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.node, PropTypes.func]))

package/es/Table/Head/props.js

@@ -23,10 +23,8 @@
  */
 
 import PropTypes from 'prop-types';
-import { Children as ChildrenPropTypes } from '@instructure/ui-prop-types';
-import { Row } from '../Row';
 const propTypes = {
-  children: ChildrenPropTypes.oneOf([Row]),
+  children: PropTypes.node,
   isStacked: PropTypes.bool,
   renderSortLabel: PropTypes.oneOfType([PropTypes.node, PropTypes.func])
 };

package/es/Table/Row/index.js

@@ -25,14 +25,11 @@ var _dec, _class, _Row;
 
 /** @jsx jsx */
 import { Component, Children } from 'react';
-import { omitProps, matchComponentTypes, safeCloneElement } from '@instructure/ui-react-utils';
+import { omitProps, safeCloneElement } from '@instructure/ui-react-utils';
 import { View } from '@instructure/ui-view';
 import { withStyle, jsx } from '@instructure/emotion';
 import generateStyle from './styles';
 import generateComponentTheme from './theme';
-import { ColHeader } from '../ColHeader';
-import { RowHeader } from '../RowHeader';
-import { Cell } from '../Cell';
 import { allowedProps, propTypes } from './props';
 
 /**
@@ -61,23 +58,11 @@ let Row = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class
       css: styles === null || styles === void 0 ? void 0 : styles.row,
       role: isStacked ? 'row' : void 0
     }), Children.toArray(children).filter(Boolean).map((child, index) => {
-      if (matchComponentTypes(child, [ColHeader])) {
-        return child;
-      }
-      if (matchComponentTypes(child, [RowHeader])) {
-        return safeCloneElement(child, {
-          key: child.props.name,
-          isStacked
-        });
-      }
-      if (matchComponentTypes(child, [Cell])) {
-        return safeCloneElement(child, {
-          key: child.props.name,
-          isStacked,
-          header: headers && headers[index]
-        });
-      }
-      return null;
+      return safeCloneElement(child, {
+        key: child.props.name,
+        isStacked,
+        header: headers && headers[index]
+      });
     }));
   }
 }, _Row.displayName = "Row", _Row.componentId = 'Table.Row', _Row.allowedProps = allowedProps, _Row.propTypes = propTypes, _Row.defaultProps = {

package/es/Table/Row/props.js

@@ -23,12 +23,8 @@
  */
 
 import PropTypes from 'prop-types';
-import { Children as ChildrenPropTypes } from '@instructure/ui-prop-types';
-import { ColHeader } from '../ColHeader';
-import { RowHeader } from '../RowHeader';
-import { Cell } from '../Cell';
 const propTypes = {
-  children: ChildrenPropTypes.oneOf([ColHeader, RowHeader, Cell]),
+  children: PropTypes.node,
   hover: PropTypes.bool,
   isStacked: PropTypes.bool,
   headers: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.node, PropTypes.func]))

package/es/Table/index.js

@@ -26,7 +26,7 @@ var _dec, _class, _Table;
 
 /** @jsx jsx */
 import { Component, Children } from 'react';
-import { matchComponentTypes, safeCloneElement, omitProps } from '@instructure/ui-react-utils';
+import { safeCloneElement, omitProps } from '@instructure/ui-react-utils';
 import { View } from '@instructure/ui-view';
 import { ScreenReaderContent } from '@instructure/ui-a11y-content';
 import { withStyle, jsx } from '@instructure/emotion';
@@ -70,17 +70,13 @@ let Table = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_clas
     const _ref = Children.toArray(children),
       _ref2 = _slicedToArray(_ref, 1),
       head = _ref2[0];
-    if (matchComponentTypes(head, [Head])) {
-      const _Children$toArray = Children.toArray(head.props.children),
-        _Children$toArray2 = _slicedToArray(_Children$toArray, 1),
-        row = _Children$toArray2[0];
-      if (matchComponentTypes(row, [Row])) {
-        return Children.map(row.props.children, colHeader => {
-          return matchComponentTypes(colHeader, [ColHeader]) ? colHeader.props.children : void 0;
-        });
-      }
-    }
-    return void 0;
+    const _Children$toArray = Children.toArray(head.props.children),
+      _Children$toArray2 = _slicedToArray(_Children$toArray, 1),
+      row = _Children$toArray2[0];
+    if (!row) return void 0;
+    return Children.map(row.props.children, colHeader => {
+      return colHeader.props.children;
+    });
   }
   render() {
     const _this$props3 = this.props,
@@ -100,21 +96,12 @@ let Table = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_clas
       role: isStacked ? 'table' : void 0,
       "aria-label": isStacked ? caption : void 0
     }), !isStacked && jsx("caption", null, jsx(ScreenReaderContent, null, caption)), Children.map(children, child => {
-      if (matchComponentTypes(child, [Head])) {
-        return safeCloneElement(child, {
-          key: child.props.name,
-          isStacked
-        });
-      }
-      if (matchComponentTypes(child, [Body])) {
-        return safeCloneElement(child, {
-          key: child.props.name,
-          isStacked,
-          hover,
-          headers
-        });
-      }
-      return null;
+      return safeCloneElement(child, {
+        key: child.props.name,
+        isStacked,
+        hover,
+        headers
+      });
     }));
   }
 }, _Table.displayName = "Table", _Table.componentId = 'Table', _Table.allowedProps = allowedProps, _Table.propTypes = propTypes, _Table.defaultProps = {

package/es/Table/props.js

@@ -23,13 +23,10 @@
  */
 
 import PropTypes from 'prop-types';
-import { Children as ChildrenPropTypes } from '@instructure/ui-prop-types';
 import { ThemeablePropTypes } from '@instructure/emotion';
-import { Head } from './Head';
-import { Body } from './Body';
 const propTypes = {
   caption: PropTypes.node.isRequired,
-  children: ChildrenPropTypes.oneOf([Head, Body]),
+  children: PropTypes.node,
   margin: ThemeablePropTypes.spacing,
   elementRef: PropTypes.func,
   hover: PropTypes.bool,

package/lib/Table/Body/index.js

@@ -6,14 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.Body = void 0;
 var _react = require("react");
-var _matchComponentTypes = require("@instructure/ui-react-utils/lib/matchComponentTypes.js");
 var _safeCloneElement = require("@instructure/ui-react-utils/lib/safeCloneElement.js");
 var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
 var _View = require("@instructure/ui-view/lib/View");
 var _emotion = require("@instructure/emotion");
 var _styles = _interopRequireDefault(require("./styles"));
 var _theme = _interopRequireDefault(require("./theme"));
-var _Row = require("../Row");
 var _props = require("./props");
 var _dec, _class, _Body;
 /*
@@ -66,12 +64,12 @@ let Body = exports.Body = (_dec = (0, _emotion.withStyle)(_styles.default, _them
       as: isStacked ? 'div' : 'tbody',
       css: styles === null || styles === void 0 ? void 0 : styles.body,
       role: isStacked ? 'rowgroup' : void 0
-    }), _react.Children.map(children, child => (0, _matchComponentTypes.matchComponentTypes)(child, [_Row.Row]) ? (0, _safeCloneElement.safeCloneElement)(child, {
+    }), _react.Children.map(children, child => (0, _safeCloneElement.safeCloneElement)(child, {
       key: child.props.name,
       hover,
       isStacked,
       headers
-    }) : null));
+    })));
   }
 }, _Body.displayName = "Body", _Body.componentId = 'Table.Body', _Body.allowedProps = _props.allowedProps, _Body.propTypes = _props.propTypes, _Body.defaultProps = {
   children: null

package/lib/Table/Body/props.js

@@ -6,8 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.propTypes = exports.allowedProps = 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)
  *
@@ -33,7 +31,7 @@ var _Row = require("../Row");
  */
 
 const propTypes = exports.propTypes = {
-  children: _Children.Children.oneOf([_Row.Row]),
+  children: _propTypes.default.node,
   hover: _propTypes.default.bool,
   isStacked: _propTypes.default.bool,
   headers: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]))

package/lib/Table/Head/props.js

@@ -6,8 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.propTypes = exports.allowedProps = 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)
  *
@@ -33,7 +31,7 @@ var _Row = require("../Row");
  */
 
 const propTypes = exports.propTypes = {
-  children: _Children.Children.oneOf([_Row.Row]),
+  children: _propTypes.default.node,
   isStacked: _propTypes.default.bool,
   renderSortLabel: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func])
 };

package/lib/Table/Row/index.js

@@ -7,15 +7,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.Row = void 0;
 var _react = require("react");
 var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
-var _matchComponentTypes = require("@instructure/ui-react-utils/lib/matchComponentTypes.js");
 var _safeCloneElement = require("@instructure/ui-react-utils/lib/safeCloneElement.js");
 var _View = require("@instructure/ui-view/lib/View");
 var _emotion = require("@instructure/emotion");
 var _styles = _interopRequireDefault(require("./styles"));
 var _theme = _interopRequireDefault(require("./theme"));
-var _ColHeader = require("../ColHeader");
-var _RowHeader = require("../RowHeader");
-var _Cell = require("../Cell");
 var _props = require("./props");
 var _dec, _class, _Row;
 /*
@@ -68,23 +64,11 @@ let Row = exports.Row = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.
       css: styles === null || styles === void 0 ? void 0 : styles.row,
       role: isStacked ? 'row' : void 0
     }), _react.Children.toArray(children).filter(Boolean).map((child, index) => {
-      if ((0, _matchComponentTypes.matchComponentTypes)(child, [_ColHeader.ColHeader])) {
-        return child;
-      }
-      if ((0, _matchComponentTypes.matchComponentTypes)(child, [_RowHeader.RowHeader])) {
-        return (0, _safeCloneElement.safeCloneElement)(child, {
-          key: child.props.name,
-          isStacked
-        });
-      }
-      if ((0, _matchComponentTypes.matchComponentTypes)(child, [_Cell.Cell])) {
-        return (0, _safeCloneElement.safeCloneElement)(child, {
-          key: child.props.name,
-          isStacked,
-          header: headers && headers[index]
-        });
-      }
-      return null;
+      return (0, _safeCloneElement.safeCloneElement)(child, {
+        key: child.props.name,
+        isStacked,
+        header: headers && headers[index]
+      });
     }));
   }
 }, _Row.displayName = "Row", _Row.componentId = 'Table.Row', _Row.allowedProps = _props.allowedProps, _Row.propTypes = _props.propTypes, _Row.defaultProps = {

package/lib/Table/Row/props.js

@@ -6,10 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.propTypes = exports.allowedProps = void 0;
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _Children = require("@instructure/ui-prop-types/lib/Children.js");
-var _ColHeader = require("../ColHeader");
-var _RowHeader = require("../RowHeader");
-var _Cell = require("../Cell");
 /*
  * The MIT License (MIT)
  *
@@ -35,7 +31,7 @@ var _Cell = require("../Cell");
  */
 
 const propTypes = exports.propTypes = {
-  children: _Children.Children.oneOf([_ColHeader.ColHeader, _RowHeader.RowHeader, _Cell.Cell]),
+  children: _propTypes.default.node,
   hover: _propTypes.default.bool,
   isStacked: _propTypes.default.bool,
   headers: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]))

package/lib/Table/index.js

@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.Table = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = require("react");
-var _matchComponentTypes = require("@instructure/ui-react-utils/lib/matchComponentTypes.js");
 var _safeCloneElement = require("@instructure/ui-react-utils/lib/safeCloneElement.js");
 var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
 var _View = require("@instructure/ui-view/lib/View");
@@ -77,17 +76,13 @@ let Table = exports.Table = (_dec = (0, _emotion.withStyle)(_styles.default, _th
     const _ref = _react.Children.toArray(children),
       _ref2 = (0, _slicedToArray2.default)(_ref, 1),
       head = _ref2[0];
-    if ((0, _matchComponentTypes.matchComponentTypes)(head, [_Head.Head])) {
-      const _Children$toArray = _react.Children.toArray(head.props.children),
-        _Children$toArray2 = (0, _slicedToArray2.default)(_Children$toArray, 1),
-        row = _Children$toArray2[0];
-      if ((0, _matchComponentTypes.matchComponentTypes)(row, [_Row.Row])) {
-        return _react.Children.map(row.props.children, colHeader => {
-          return (0, _matchComponentTypes.matchComponentTypes)(colHeader, [_ColHeader.ColHeader]) ? colHeader.props.children : void 0;
-        });
-      }
-    }
-    return void 0;
+    const _Children$toArray = _react.Children.toArray(head.props.children),
+      _Children$toArray2 = (0, _slicedToArray2.default)(_Children$toArray, 1),
+      row = _Children$toArray2[0];
+    if (!row) return void 0;
+    return _react.Children.map(row.props.children, colHeader => {
+      return colHeader.props.children;
+    });
   }
   render() {
     const _this$props3 = this.props,
@@ -107,21 +102,12 @@ let Table = exports.Table = (_dec = (0, _emotion.withStyle)(_styles.default, _th
       role: isStacked ? 'table' : void 0,
       "aria-label": isStacked ? caption : void 0
     }), !isStacked && (0, _emotion.jsx)("caption", null, (0, _emotion.jsx)(_ScreenReaderContent.ScreenReaderContent, null, caption)), _react.Children.map(children, child => {
-      if ((0, _matchComponentTypes.matchComponentTypes)(child, [_Head.Head])) {
-        return (0, _safeCloneElement.safeCloneElement)(child, {
-          key: child.props.name,
-          isStacked
-        });
-      }
-      if ((0, _matchComponentTypes.matchComponentTypes)(child, [_Body.Body])) {
-        return (0, _safeCloneElement.safeCloneElement)(child, {
-          key: child.props.name,
-          isStacked,
-          hover,
-          headers
-        });
-      }
-      return null;
+      return (0, _safeCloneElement.safeCloneElement)(child, {
+        key: child.props.name,
+        isStacked,
+        hover,
+        headers
+      });
     }));
   }
 }, _Table.displayName = "Table", _Table.componentId = 'Table', _Table.allowedProps = _props.allowedProps, _Table.propTypes = _props.propTypes, _Table.defaultProps = {

package/lib/Table/props.js

@@ -6,10 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.propTypes = exports.allowedProps = void 0;
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _Children = require("@instructure/ui-prop-types/lib/Children.js");
 var _emotion = require("@instructure/emotion");
-var _Head = require("./Head");
-var _Body = require("./Body");
 /*
  * The MIT License (MIT)
  *
@@ -36,7 +33,7 @@ var _Body = require("./Body");
 
 const propTypes = exports.propTypes = {
   caption: _propTypes.default.node.isRequired,
-  children: _Children.Children.oneOf([_Head.Head, _Body.Body]),
+  children: _propTypes.default.node,
   margin: _emotion.ThemeablePropTypes.spacing,
   elementRef: _propTypes.default.func,
   hover: _propTypes.default.bool,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-table",
-  "version": "9.1.0",
+  "version": "9.1.1-pr-snapshot-1720014507835",
   "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": "9.1.0",
-    "@instructure/ui-color-utils": "9.1.0",
-    "@instructure/ui-test-utils": "9.1.0",
-    "@instructure/ui-themes": "9.1.0"
+    "@instructure/ui-babel-preset": "9.1.1-pr-snapshot-1720014507835",
+    "@instructure/ui-color-utils": "9.1.1-pr-snapshot-1720014507835",
+    "@instructure/ui-test-utils": "9.1.1-pr-snapshot-1720014507835",
+    "@instructure/ui-themes": "9.1.1-pr-snapshot-1720014507835"
   },
   "dependencies": {
     "@babel/runtime": "^7.24.5",
-    "@instructure/console": "9.1.0",
-    "@instructure/emotion": "9.1.0",
-    "@instructure/shared-types": "9.1.0",
-    "@instructure/ui-a11y-content": "9.1.0",
-    "@instructure/ui-icons": "9.1.0",
-    "@instructure/ui-prop-types": "9.1.0",
-    "@instructure/ui-react-utils": "9.1.0",
-    "@instructure/ui-simple-select": "9.1.0",
-    "@instructure/ui-testable": "9.1.0",
-    "@instructure/ui-utils": "9.1.0",
-    "@instructure/ui-view": "9.1.0",
+    "@instructure/console": "9.1.1-pr-snapshot-1720014507835",
+    "@instructure/emotion": "9.1.1-pr-snapshot-1720014507835",
+    "@instructure/shared-types": "9.1.1-pr-snapshot-1720014507835",
+    "@instructure/ui-a11y-content": "9.1.1-pr-snapshot-1720014507835",
+    "@instructure/ui-icons": "9.1.1-pr-snapshot-1720014507835",
+    "@instructure/ui-prop-types": "9.1.1-pr-snapshot-1720014507835",
+    "@instructure/ui-react-utils": "9.1.1-pr-snapshot-1720014507835",
+    "@instructure/ui-simple-select": "9.1.1-pr-snapshot-1720014507835",
+    "@instructure/ui-testable": "9.1.1-pr-snapshot-1720014507835",
+    "@instructure/ui-utils": "9.1.1-pr-snapshot-1720014507835",
+    "@instructure/ui-view": "9.1.1-pr-snapshot-1720014507835",
     "prop-types": "^15.8.1"
   },
   "peerDependencies": {

package/src/Table/Body/index.tsx

@@ -25,17 +25,12 @@
 /** @jsx jsx */
 import { Component, Children } from 'react'
 
-import {
-  matchComponentTypes,
-  safeCloneElement,
-  omitProps
-} from '@instructure/ui-react-utils'
+import { safeCloneElement, omitProps } from '@instructure/ui-react-utils'
 import { View } from '@instructure/ui-view'
 import { withStyle, jsx } from '@instructure/emotion'
 
 import generateStyle from './styles'
 import generateComponentTheme from './theme'
-import { Row } from '../Row'
 import type { TableBodyProps } from './props'
 import type { RowChild } from '../props'
 import { allowedProps, propTypes } from './props'
@@ -76,14 +71,12 @@ class Body extends Component<TableBodyProps> {
         role={isStacked ? 'rowgroup' : undefined}
       >
         {Children.map(children as RowChild[], (child) =>
-          matchComponentTypes(child, [Row])
-            ? safeCloneElement(child, {
-                key: child.props.name,
-                hover,
-                isStacked,
-                headers
-              })
-            : null
+          safeCloneElement(child, {
+            key: child.props.name,
+            hover,
+            isStacked,
+            headers
+          })
         )}
       </View>
     )

package/src/Table/Body/props.ts

@@ -24,9 +24,6 @@
 import React from 'react'
 import PropTypes from 'prop-types'
 
-import { Children as ChildrenPropTypes } from '@instructure/ui-prop-types'
-
-import { Row } from '../Row'
 import type { TableRowProps } from '../Row/props'
 
 import type {
@@ -57,7 +54,7 @@ type TableBodyProps = TableBodyOwnProps &
 type TableBodyStyle = ComponentStyle<'body'>
 
 const propTypes: PropValidators<PropKeys> = {
-  children: ChildrenPropTypes.oneOf([Row]),
+  children: PropTypes.node,
   hover: PropTypes.bool,
   isStacked: PropTypes.bool,
   headers: PropTypes.arrayOf(

package/src/Table/Head/props.ts

@@ -25,10 +25,6 @@
 import React from 'react'
 import PropTypes from 'prop-types'
 
-import { Children as ChildrenPropTypes } from '@instructure/ui-prop-types'
-
-import { Row } from '../Row'
-
 import type {
   OtherHTMLAttributes,
   PropValidators,
@@ -56,7 +52,7 @@ type TableHeadProps = TableHeadOwnProps &
 type TableHeadStyle = ComponentStyle<'head'>
 
 const propTypes: PropValidators<PropKeys> = {
-  children: ChildrenPropTypes.oneOf([Row]),
+  children: PropTypes.node,
   isStacked: PropTypes.bool,
   renderSortLabel: PropTypes.oneOfType([PropTypes.node, PropTypes.func])
 }