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

package/CHANGELOG.md

@@ -3,12 +3,9 @@
 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)
+## [9.1.1-pr-snapshot-1720186232821](https://github.com/instructure/instructure-ui/compare/v9.1.0...v9.1.1-pr-snapshot-1720186232821) (2024-07-05)
 
-
-### Features
-
-* **ui-table:** remove restriction for children types and add documentation ([00e3026](https://github.com/instructure/instructure-ui/commit/00e30266d178c977fe828868b5dc000717dd8e1d))
+**Note:** Version bump only for package @instructure/ui-table
 
 
 

package/es/Table/Body/index.js

@@ -25,11 +25,12 @@ var _dec, _class, _Body;
 
 /** @jsx jsx */
 import { Component, Children } from 'react';
-import { safeCloneElement, omitProps } from '@instructure/ui-react-utils';
+import { matchComponentTypes, 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';
 
 /**
@@ -58,12 +59,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 => safeCloneElement(child, {
+    }), Children.map(children, child => matchComponentTypes(child, [Row]) ? 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,8 +23,10 @@
  */
 
 import PropTypes from 'prop-types';
+import { Children as ChildrenPropTypes } from '@instructure/ui-prop-types';
+import { Row } from '../Row';
 const propTypes = {
-  children: PropTypes.node,
+  children: ChildrenPropTypes.oneOf([Row]),
   hover: PropTypes.bool,
   isStacked: PropTypes.bool,
   headers: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.node, PropTypes.func]))

package/es/Table/Head/props.js

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

package/es/Table/Row/index.js

@@ -25,11 +25,14 @@ var _dec, _class, _Row;
 
 /** @jsx jsx */
 import { Component, Children } from 'react';
-import { omitProps, safeCloneElement } from '@instructure/ui-react-utils';
+import { omitProps, matchComponentTypes, 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';
 
 /**
@@ -58,11 +61,23 @@ 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) => {
-      return safeCloneElement(child, {
-        key: child.props.name,
-        isStacked,
-        header: headers && headers[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;
     }));
   }
 }, _Row.displayName = "Row", _Row.componentId = 'Table.Row', _Row.allowedProps = allowedProps, _Row.propTypes = propTypes, _Row.defaultProps = {

package/es/Table/Row/props.js

@@ -23,8 +23,12 @@
  */
 
 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: PropTypes.node,
+  children: ChildrenPropTypes.oneOf([ColHeader, RowHeader, Cell]),
   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 { safeCloneElement, omitProps } from '@instructure/ui-react-utils';
+import { matchComponentTypes, 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,13 +70,17 @@ let Table = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_clas
     const _ref = Children.toArray(children),
       _ref2 = _slicedToArray(_ref, 1),
       head = _ref2[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;
-    });
+    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;
   }
   render() {
     const _this$props3 = this.props,
@@ -96,12 +100,21 @@ 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 => {
-      return safeCloneElement(child, {
-        key: child.props.name,
-        isStacked,
-        hover,
-        headers
-      });
+      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;
     }));
   }
 }, _Table.displayName = "Table", _Table.componentId = 'Table', _Table.allowedProps = allowedProps, _Table.propTypes = propTypes, _Table.defaultProps = {

package/es/Table/props.js

@@ -23,10 +23,13 @@
  */
 
 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: PropTypes.node,
+  children: ChildrenPropTypes.oneOf([Head, Body]),
   margin: ThemeablePropTypes.spacing,
   elementRef: PropTypes.func,
   hover: PropTypes.bool,

package/lib/Table/Body/index.js

@@ -6,12 +6,14 @@ 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;
 /*
@@ -64,12 +66,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, _safeCloneElement.safeCloneElement)(child, {
+    }), _react.Children.map(children, child => (0, _matchComponentTypes.matchComponentTypes)(child, [_Row.Row]) ? (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,6 +6,8 @@ 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)
  *
@@ -31,7 +33,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
  */
 
 const propTypes = exports.propTypes = {
-  children: _propTypes.default.node,
+  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]))

package/lib/Table/Head/props.js

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

package/lib/Table/Row/index.js

@@ -7,11 +7,15 @@ 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;
 /*
@@ -64,11 +68,23 @@ 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) => {
-      return (0, _safeCloneElement.safeCloneElement)(child, {
-        key: child.props.name,
-        isStacked,
-        header: headers && headers[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;
     }));
   }
 }, _Row.displayName = "Row", _Row.componentId = 'Table.Row', _Row.allowedProps = _props.allowedProps, _Row.propTypes = _props.propTypes, _Row.defaultProps = {

package/lib/Table/Row/props.js

@@ -6,6 +6,10 @@ 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)
  *
@@ -31,7 +35,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
  */
 
 const propTypes = exports.propTypes = {
-  children: _propTypes.default.node,
+  children: _Children.Children.oneOf([_ColHeader.ColHeader, _RowHeader.RowHeader, _Cell.Cell]),
   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,6 +7,7 @@ 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");
@@ -76,13 +77,17 @@ 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];
-    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;
-    });
+    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;
   }
   render() {
     const _this$props3 = this.props,
@@ -102,12 +107,21 @@ 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 => {
-      return (0, _safeCloneElement.safeCloneElement)(child, {
-        key: child.props.name,
-        isStacked,
-        hover,
-        headers
-      });
+      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;
     }));
   }
 }, _Table.displayName = "Table", _Table.componentId = 'Table', _Table.allowedProps = _props.allowedProps, _Table.propTypes = _props.propTypes, _Table.defaultProps = {

package/lib/Table/props.js

@@ -6,7 +6,10 @@ 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)
  *
@@ -33,7 +36,7 @@ var _emotion = require("@instructure/emotion");
 
 const propTypes = exports.propTypes = {
   caption: _propTypes.default.node.isRequired,
-  children: _propTypes.default.node,
+  children: _Children.Children.oneOf([_Head.Head, _Body.Body]),
   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.1-pr-snapshot-1720014507835",
+  "version": "9.1.1-pr-snapshot-1720186232821",
   "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.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"
+    "@instructure/ui-babel-preset": "9.1.1-pr-snapshot-1720186232821",
+    "@instructure/ui-color-utils": "9.1.1-pr-snapshot-1720186232821",
+    "@instructure/ui-test-utils": "9.1.1-pr-snapshot-1720186232821",
+    "@instructure/ui-themes": "9.1.1-pr-snapshot-1720186232821"
   },
   "dependencies": {
     "@babel/runtime": "^7.24.5",
-    "@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",
+    "@instructure/console": "9.1.1-pr-snapshot-1720186232821",
+    "@instructure/emotion": "9.1.1-pr-snapshot-1720186232821",
+    "@instructure/shared-types": "9.1.1-pr-snapshot-1720186232821",
+    "@instructure/ui-a11y-content": "9.1.1-pr-snapshot-1720186232821",
+    "@instructure/ui-icons": "9.1.1-pr-snapshot-1720186232821",
+    "@instructure/ui-prop-types": "9.1.1-pr-snapshot-1720186232821",
+    "@instructure/ui-react-utils": "9.1.1-pr-snapshot-1720186232821",
+    "@instructure/ui-simple-select": "9.1.1-pr-snapshot-1720186232821",
+    "@instructure/ui-testable": "9.1.1-pr-snapshot-1720186232821",
+    "@instructure/ui-utils": "9.1.1-pr-snapshot-1720186232821",
+    "@instructure/ui-view": "9.1.1-pr-snapshot-1720186232821",
     "prop-types": "^15.8.1"
   },
   "peerDependencies": {

package/src/Table/Body/index.tsx

@@ -25,12 +25,17 @@
 /** @jsx jsx */
 import { Component, Children } from 'react'
 
-import { safeCloneElement, omitProps } from '@instructure/ui-react-utils'
+import {
+  matchComponentTypes,
+  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'
@@ -71,12 +76,14 @@ class Body extends Component<TableBodyProps> {
         role={isStacked ? 'rowgroup' : undefined}
       >
         {Children.map(children as RowChild[], (child) =>
-          safeCloneElement(child, {
-            key: child.props.name,
-            hover,
-            isStacked,
-            headers
-          })
+          matchComponentTypes(child, [Row])
+            ? safeCloneElement(child, {
+                key: child.props.name,
+                hover,
+                isStacked,
+                headers
+              })
+            : null
         )}
       </View>
     )

package/src/Table/Body/props.ts

@@ -24,6 +24,9 @@
 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 {
@@ -54,7 +57,7 @@ type TableBodyProps = TableBodyOwnProps &
 type TableBodyStyle = ComponentStyle<'body'>
 
 const propTypes: PropValidators<PropKeys> = {
-  children: PropTypes.node,
+  children: ChildrenPropTypes.oneOf([Row]),
   hover: PropTypes.bool,
   isStacked: PropTypes.bool,
   headers: PropTypes.arrayOf(

package/src/Table/Head/props.ts

@@ -25,6 +25,10 @@
 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,
@@ -52,7 +56,7 @@ type TableHeadProps = TableHeadOwnProps &
 type TableHeadStyle = ComponentStyle<'head'>
 
 const propTypes: PropValidators<PropKeys> = {
-  children: PropTypes.node,
+  children: ChildrenPropTypes.oneOf([Row]),
   isStacked: PropTypes.bool,
   renderSortLabel: PropTypes.oneOfType([PropTypes.node, PropTypes.func])
 }