@instructure/ui-table 10.0.1-snapshot-13 → 10.1.1-snapshot-4973

package/CHANGELOG.md

@@ -3,7 +3,15 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [10.0.1-snapshot-13](https://github.com/instructure/instructure-ui/compare/v10.0.0...v10.0.1-snapshot-13) (2024-08-21)
+## [10.1.1-snapshot-4973](https://github.com/instructure/instructure-ui/compare/v10.0.0...v10.1.1-snapshot-4973) (2024-08-23)
+
+**Note:** Version bump only for package @instructure/ui-table
+
+
+
+
+
+# [10.1.0](https://github.com/instructure/instructure-ui/compare/v10.0.0...v10.1.0) (2024-08-23)
 
 **Note:** Version bump only for package @instructure/ui-table
 

package/es/Table/ColHeader/props.js

@@ -24,6 +24,7 @@
 
 import PropTypes from 'prop-types';
 const propTypes = {
+  isStacked: PropTypes.bool,
   id: PropTypes.string.isRequired,
   stackedSortByLabel: PropTypes.string,
   children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
@@ -33,5 +34,5 @@ const propTypes = {
   onRequestSort: PropTypes.func,
   scope: PropTypes.oneOf(['row', 'col', 'rowgroup', 'colgroup', 'auto'])
 };
-const allowedProps = ['id', 'stackedSortByLabel', 'children', 'width', 'textAlign', 'sortDirection', 'onRequestSort', 'scope'];
+const allowedProps = ['id', 'isStacked', 'stackedSortByLabel', 'children', 'width', 'textAlign', 'sortDirection', 'onRequestSort', 'scope'];
 export { propTypes, allowedProps };

package/es/Table/Head/props.js

@@ -25,8 +25,9 @@
 import PropTypes from 'prop-types';
 const propTypes = {
   children: PropTypes.node,
+  hover: PropTypes.bool,
   isStacked: PropTypes.bool,
   renderSortLabel: PropTypes.oneOfType([PropTypes.node, PropTypes.func])
 };
-const allowedProps = ['children', 'isStacked', 'renderSortLabel'];
+const allowedProps = ['children', 'hover', 'isStacked', 'renderSortLabel'];
 export { propTypes, allowedProps };

package/es/Table/__new-tests__/Table.test.js

@@ -30,6 +30,9 @@ import { userEvent } from '@testing-library/user-event';
 import '@testing-library/jest-dom';
 import { Table } from '../index';
 import { runAxeCheck } from '@instructure/ui-axe-check';
+
+// see https://github.com/vitest-dev/eslint-plugin-vitest/issues/511
+// eslint-disable-next-line vitest/valid-describe-callback
 describe('<Table />', async () => {
   let consoleErrorMock;
   beforeEach(() => {
@@ -127,6 +130,9 @@ describe('<Table />', async () => {
     expect(stackedTable).toBeInTheDocument();
     expect(stackedTable).not.toHaveTextContent('Foo');
   });
+
+  // see https://github.com/vitest-dev/eslint-plugin-vitest/issues/511
+  // eslint-disable-next-line vitest/valid-describe-callback
   describe('when table is sortable', async () => {
     const renderSortableTable = (props, handlers = {}, layout = 'auto') => render( /*#__PURE__*/React.createElement(Table, {
       caption: "Sortable table",

package/lib/Table/ColHeader/props.js

@@ -31,6 +31,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
  */
 
 const propTypes = exports.propTypes = {
+  isStacked: _propTypes.default.bool,
   id: _propTypes.default.string.isRequired,
   stackedSortByLabel: _propTypes.default.string,
   children: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]),
@@ -40,4 +41,4 @@ const propTypes = exports.propTypes = {
   onRequestSort: _propTypes.default.func,
   scope: _propTypes.default.oneOf(['row', 'col', 'rowgroup', 'colgroup', 'auto'])
 };
-const allowedProps = exports.allowedProps = ['id', 'stackedSortByLabel', 'children', 'width', 'textAlign', 'sortDirection', 'onRequestSort', 'scope'];
+const allowedProps = exports.allowedProps = ['id', 'isStacked', 'stackedSortByLabel', 'children', 'width', 'textAlign', 'sortDirection', 'onRequestSort', 'scope'];

package/lib/Table/Head/props.js

@@ -32,7 +32,8 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 const propTypes = exports.propTypes = {
   children: _propTypes.default.node,
+  hover: _propTypes.default.bool,
   isStacked: _propTypes.default.bool,
   renderSortLabel: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func])
 };
-const allowedProps = exports.allowedProps = ['children', 'isStacked', 'renderSortLabel'];
+const allowedProps = exports.allowedProps = ['children', 'hover', 'isStacked', 'renderSortLabel'];

package/lib/Table/__new-tests__/Table.test.js

@@ -32,6 +32,8 @@ var _Table$Head, _Table$Body, _Table, _Table2, _Table3, _Table$Body2;
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
+// see https://github.com/vitest-dev/eslint-plugin-vitest/issues/511
+// eslint-disable-next-line vitest/valid-describe-callback
 describe('<Table />', async () => {
   let consoleErrorMock;
   beforeEach(() => {
@@ -129,6 +131,9 @@ describe('<Table />', async () => {
     expect(stackedTable).toBeInTheDocument();
     expect(stackedTable).not.toHaveTextContent('Foo');
   });
+
+  // see https://github.com/vitest-dev/eslint-plugin-vitest/issues/511
+  // eslint-disable-next-line vitest/valid-describe-callback
   describe('when table is sortable', async () => {
     const renderSortableTable = (props, handlers = {}, layout = 'auto') => (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.Table, {
       caption: "Sortable table",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-table",
-  "version": "10.0.1-snapshot-13",
+  "version": "10.1.1-snapshot-4973",
   "description": "A styled HTML table component",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -23,11 +23,11 @@
   },
   "license": "MIT",
   "devDependencies": {
-    "@instructure/ui-axe-check": "10.0.1-snapshot-13",
-    "@instructure/ui-babel-preset": "10.0.1-snapshot-13",
-    "@instructure/ui-color-utils": "10.0.1-snapshot-13",
-    "@instructure/ui-test-utils": "10.0.1-snapshot-13",
-    "@instructure/ui-themes": "10.0.1-snapshot-13",
+    "@instructure/ui-axe-check": "10.1.1-snapshot-4973",
+    "@instructure/ui-babel-preset": "10.1.1-snapshot-4973",
+    "@instructure/ui-color-utils": "10.1.1-snapshot-4973",
+    "@instructure/ui-test-utils": "10.1.1-snapshot-4973",
+    "@instructure/ui-themes": "10.1.1-snapshot-4973",
     "@testing-library/jest-dom": "^6.4.6",
     "@testing-library/react": "^15.0.7",
     "@testing-library/user-event": "^14.5.2",
@@ -35,17 +35,17 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.24.5",
-    "@instructure/console": "10.0.1-snapshot-13",
-    "@instructure/emotion": "10.0.1-snapshot-13",
-    "@instructure/shared-types": "10.0.1-snapshot-13",
-    "@instructure/ui-a11y-content": "10.0.1-snapshot-13",
-    "@instructure/ui-icons": "10.0.1-snapshot-13",
-    "@instructure/ui-prop-types": "10.0.1-snapshot-13",
-    "@instructure/ui-react-utils": "10.0.1-snapshot-13",
-    "@instructure/ui-simple-select": "10.0.1-snapshot-13",
-    "@instructure/ui-testable": "10.0.1-snapshot-13",
-    "@instructure/ui-utils": "10.0.1-snapshot-13",
-    "@instructure/ui-view": "10.0.1-snapshot-13",
+    "@instructure/console": "10.1.1-snapshot-4973",
+    "@instructure/emotion": "10.1.1-snapshot-4973",
+    "@instructure/shared-types": "10.1.1-snapshot-4973",
+    "@instructure/ui-a11y-content": "10.1.1-snapshot-4973",
+    "@instructure/ui-icons": "10.1.1-snapshot-4973",
+    "@instructure/ui-prop-types": "10.1.1-snapshot-4973",
+    "@instructure/ui-react-utils": "10.1.1-snapshot-4973",
+    "@instructure/ui-simple-select": "10.1.1-snapshot-4973",
+    "@instructure/ui-testable": "10.1.1-snapshot-4973",
+    "@instructure/ui-utils": "10.1.1-snapshot-4973",
+    "@instructure/ui-view": "10.1.1-snapshot-4973",
     "prop-types": "^15.8.1"
   },
   "peerDependencies": {

package/src/Table/ColHeader/props.ts

@@ -32,6 +32,7 @@ import type {
 import type { WithStyleProps, ComponentStyle } from '@instructure/emotion'
 
 type TableColHeaderOwnProps = {
+  isStacked?: boolean // needed because it needs the same API as `Table.RowHeader`
   /**
    * A unique id for this column. The `id` is also used as option in combobox,
    * when sortable table is in stacked layout,
@@ -85,6 +86,7 @@ type TableColHeaderStyle = ComponentStyle<
 >
 
 const propTypes: PropValidators<PropKeys> = {
+  isStacked: PropTypes.bool,
   id: PropTypes.string.isRequired,
   stackedSortByLabel: PropTypes.string,
   children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
@@ -97,6 +99,7 @@ const propTypes: PropValidators<PropKeys> = {
 
 const allowedProps: AllowedPropKeys = [
   'id',
+  'isStacked',
   'stackedSortByLabel',
   'children',
   'width',

package/src/Table/Head/props.ts

@@ -34,6 +34,7 @@ import type {
 import type { WithStyleProps, ComponentStyle } from '@instructure/emotion'
 
 type TableHeadOwnProps = {
+  hover?: boolean // needed because it needs the same API as `Table.Body`
   isStacked?: boolean
   renderSortLabel?: Renderable
   /**
@@ -53,12 +54,14 @@ type TableHeadStyle = ComponentStyle<'head'>
 
 const propTypes: PropValidators<PropKeys> = {
   children: PropTypes.node,
+  hover: PropTypes.bool,
   isStacked: PropTypes.bool,
   renderSortLabel: PropTypes.oneOfType([PropTypes.node, PropTypes.func])
 }
 
 const allowedProps: AllowedPropKeys = [
   'children',
+  'hover',
   'isStacked',
   'renderSortLabel'
 ]

package/src/Table/__new-tests__/Table.test.tsx

@@ -33,6 +33,8 @@ import type { TableProps } from '../props'
 import type { TableColHeaderProps } from '../ColHeader/props'
 import { runAxeCheck } from '@instructure/ui-axe-check'
 
+// see https://github.com/vitest-dev/eslint-plugin-vitest/issues/511
+// eslint-disable-next-line vitest/valid-describe-callback
 describe('<Table />', async () => {
   let consoleErrorMock: any
 
@@ -167,6 +169,8 @@ describe('<Table />', async () => {
     expect(stackedTable).not.toHaveTextContent('Foo')
   })
 
+  // see https://github.com/vitest-dev/eslint-plugin-vitest/issues/511
+  // eslint-disable-next-line vitest/valid-describe-callback
   describe('when table is sortable', async () => {
     const renderSortableTable = (
       props: TableColHeaderProps | null,