@instructure/ui-table 10.13.1-pr-snapshot-1741357986437 → 10.13.1-snapshot-0

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.
 
-## [10.13.1-pr-snapshot-1741357986437](https://github.com/instructure/instructure-ui/compare/v10.13.0...v10.13.1-pr-snapshot-1741357986437) (2025-03-07)
+## [10.13.1-snapshot-0](https://github.com/instructure/instructure-ui/compare/v10.13.0...v10.13.1-snapshot-0) (2025-03-10)
 
 **Note:** Version bump only for package @instructure/ui-table
 

package/lib/Table/Body/index.js

@@ -6,8 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.Body = void 0;
 var _react = require("react");
-var _uiReactUtils = require("@instructure/ui-react-utils");
-var _uiView = require("@instructure/ui-view");
+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"));
@@ -61,13 +62,13 @@ let Body = exports.Body = (_dec = (0, _emotion.withStyle)(_styles.default, _them
       isStacked = _this$context.isStacked,
       hover = _this$context.hover,
       headers = _this$context.headers;
-    return (0, _emotion.jsx)(_uiView.View, Object.assign({}, _uiView.View.omitViewProps((0, _uiReactUtils.omitProps)(this.props, Body.allowedProps), Body), {
+    return (0, _emotion.jsx)(_View.View, Object.assign({}, _View.View.omitViewProps((0, _omitProps.omitProps)(this.props, Body.allowedProps), Body), {
       as: isStacked ? 'div' : 'tbody',
       css: styles === null || styles === void 0 ? void 0 : styles.body,
       role: isStacked ? 'rowgroup' : void 0
     }), _react.Children.map(children, child => {
       if (/*#__PURE__*/(0, _react.isValidElement)(child)) {
-        return (0, _uiReactUtils.safeCloneElement)(child, {
+        return (0, _safeCloneElement.safeCloneElement)(child, {
           key: child.props.name,
           // Sent down for compatibility with custom components
           // TODO DEPRECATED, remove in v11

package/lib/Table/Cell/index.js

@@ -6,8 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.Cell = void 0;
 var _react = require("react");
-var _uiReactUtils = require("@instructure/ui-react-utils");
-var _uiView = require("@instructure/ui-view");
+var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
+var _callRenderProp = require("@instructure/ui-react-utils/lib/callRenderProp.js");
+var _View = require("@instructure/ui-view/lib/View");
 var _emotion = require("@instructure/emotion");
 var _styles = _interopRequireDefault(require("./styles"));
 var _theme = _interopRequireDefault(require("./theme"));
@@ -59,11 +60,11 @@ let Cell = exports.Cell = (_dec = (0, _emotion.withStyle)(_styles.default, _them
       styles = _this$props3.styles,
       header = _this$props3.header;
     const isStacked = this.context.isStacked;
-    return (0, _emotion.jsx)(_uiView.View, Object.assign({}, _uiView.View.omitViewProps((0, _uiReactUtils.omitProps)(this.props, Cell.allowedProps), Cell), {
+    return (0, _emotion.jsx)(_View.View, Object.assign({}, _View.View.omitViewProps((0, _omitProps.omitProps)(this.props, Cell.allowedProps), Cell), {
       as: isStacked ? 'div' : 'td',
       css: styles === null || styles === void 0 ? void 0 : styles.cell,
       role: isStacked ? 'cell' : void 0
-    }), header && (0, _uiReactUtils.callRenderProp)(header), header && ': ', (0, _uiReactUtils.callRenderProp)(children));
+    }), header && (0, _callRenderProp.callRenderProp)(header), header && ': ', (0, _callRenderProp.callRenderProp)(children));
   }
 }, _Cell.displayName = "Cell", _Cell.componentId = 'Table.Cell', _Cell.contextType = _TableContext.default, _Cell.allowedProps = _props.allowedProps, _Cell.propTypes = _props.propTypes, _Cell.defaultProps = {
   textAlign: 'start',

package/lib/Table/ColHeader/index.js

@@ -7,8 +7,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.ColHeader = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _uiReactUtils = require("@instructure/ui-react-utils");
-var _uiIcons = require("@instructure/ui-icons");
+var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
+var _callRenderProp = require("@instructure/ui-react-utils/lib/callRenderProp.js");
+var _IconMiniArrowUpLine = require("@instructure/ui-icons/lib/IconMiniArrowUpLine.js");
+var _IconMiniArrowDownLine = require("@instructure/ui-icons/lib/IconMiniArrowDownLine.js");
+var _IconMiniArrowDoubleLine = require("@instructure/ui-icons/lib/IconMiniArrowDoubleLine.js");
 var _emotion = require("@instructure/emotion");
 var _styles = _interopRequireDefault(require("./styles"));
 var _theme = _interopRequireDefault(require("./theme"));
@@ -70,17 +73,17 @@ let ColHeader = exports.ColHeader = (_dec = (0, _emotion.withStyle)(_styles.defa
       onRequestSort = _this$props4.onRequestSort,
       styles = _this$props4.styles;
     if (sortDirection === 'ascending') {
-      return (0, _emotion.jsx)(_uiIcons.IconMiniArrowUpLine, {
+      return (0, _emotion.jsx)(_IconMiniArrowUpLine.IconMiniArrowUpLine, {
         css: styles === null || styles === void 0 ? void 0 : styles.sortedIconColor
       });
     }
     if (sortDirection === 'descending') {
-      return (0, _emotion.jsx)(_uiIcons.IconMiniArrowDownLine, {
+      return (0, _emotion.jsx)(_IconMiniArrowDownLine.IconMiniArrowDownLine, {
         css: styles === null || styles === void 0 ? void 0 : styles.sortedIconColor
       });
     }
     if (onRequestSort) {
-      return (0, _emotion.jsx)(_uiIcons.IconMiniArrowDoubleLine, {
+      return (0, _emotion.jsx)(_IconMiniArrowDoubleLine.IconMiniArrowDoubleLine, {
         css: styles === null || styles === void 0 ? void 0 : styles.unSortedIconColor
       });
     }
@@ -94,7 +97,7 @@ let ColHeader = exports.ColHeader = (_dec = (0, _emotion.withStyle)(_styles.defa
       sortDirection = _this$props5.sortDirection,
       scope = _this$props5.scope,
       styles = _this$props5.styles;
-    return (0, _emotion.jsx)("th", Object.assign({}, (0, _uiReactUtils.omitProps)(this.props, ColHeader.allowedProps), {
+    return (0, _emotion.jsx)("th", Object.assign({}, (0, _omitProps.omitProps)(this.props, ColHeader.allowedProps), {
       css: styles === null || styles === void 0 ? void 0 : styles.colHeader,
       style: {
         width
@@ -106,7 +109,7 @@ let ColHeader = exports.ColHeader = (_dec = (0, _emotion.withStyle)(_styles.defa
       css: styles === null || styles === void 0 ? void 0 : styles.button
     }, (0, _emotion.jsx)("div", {
       css: styles === null || styles === void 0 ? void 0 : styles.buttonContent
-    }, (0, _uiReactUtils.callRenderProp)(children), this.renderSortArrow())), !onRequestSort && children, !onRequestSort && this.renderSortArrow());
+    }, (0, _callRenderProp.callRenderProp)(children), this.renderSortArrow())), !onRequestSort && children, !onRequestSort && this.renderSortArrow());
   }
 }, _ColHeader.displayName = "ColHeader", _ColHeader.componentId = 'Table.ColHeader', _ColHeader.allowedProps = _props.allowedProps, _ColHeader.propTypes = _props.propTypes, _ColHeader.defaultProps = {
   textAlign: 'start',

package/lib/Table/Head/index.js

@@ -7,10 +7,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.Head = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = require("react");
-var _uiReactUtils = require("@instructure/ui-react-utils");
-var _uiSimpleSelect = require("@instructure/ui-simple-select");
-var _uiA11yContent = require("@instructure/ui-a11y-content");
-var _uiIcons = require("@instructure/ui-icons");
+var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
+var _callRenderProp = require("@instructure/ui-react-utils/lib/callRenderProp.js");
+var _SimpleSelect = require("@instructure/ui-simple-select/lib/SimpleSelect");
+var _ScreenReaderContent2 = require("@instructure/ui-a11y-content/lib/ScreenReaderContent");
+var _IconCheckLine = require("@instructure/ui-icons/lib/IconCheckLine.js");
 var _console = require("@instructure/console");
 var _emotion = require("@instructure/emotion");
 var _styles = _interopRequireDefault(require("./styles"));
@@ -139,19 +140,19 @@ let Head = exports.Head = (_dec = (0, _emotion.withStyle)(_styles.default, _them
     }, (0, _emotion.jsx)("div", {
       role: "cell",
       "aria-colspan": count
-    }, (0, _emotion.jsx)(_uiSimpleSelect.SimpleSelect, {
-      renderLabel: renderSortLabel ? (0, _uiReactUtils.callRenderProp)(renderSortLabel) : _ScreenReaderContent || (_ScreenReaderContent = (0, _emotion.jsx)(_uiA11yContent.ScreenReaderContent, null)),
-      renderBeforeInput: selectedOption && _uiIcons.IconCheckLine,
+    }, (0, _emotion.jsx)(_SimpleSelect.SimpleSelect, {
+      renderLabel: renderSortLabel ? (0, _callRenderProp.callRenderProp)(renderSortLabel) : _ScreenReaderContent || (_ScreenReaderContent = (0, _emotion.jsx)(_ScreenReaderContent2.ScreenReaderContent, null)),
+      renderBeforeInput: selectedOption && _IconCheckLine.IconCheckLine,
       value: selectedOption,
       onChange: handleSelect
     }, options.map(({
       id,
       label
-    }) => (0, _emotion.jsx)(_uiSimpleSelect.SimpleSelect.Option, {
+    }) => (0, _emotion.jsx)(_SimpleSelect.SimpleSelect.Option, {
       id: id,
       key: id,
       value: id,
-      renderBeforeLabel: id === selectedOption ? _uiIcons.IconCheckLine : () => (0, _emotion.jsx)(_uiIcons.IconCheckLine, {
+      renderBeforeLabel: id === selectedOption ? _IconCheckLine.IconCheckLine : () => (0, _emotion.jsx)(_IconCheckLine.IconCheckLine, {
         style: {
           color: 'transparent'
         }
@@ -164,7 +165,7 @@ let Head = exports.Head = (_dec = (0, _emotion.withStyle)(_styles.default, _them
       styles = _this$props4.styles;
     return this.context.isStacked ? this.renderSelect() :
     // TODO remove 'hover' exclude in v11, its passed down for compatibility with custom components
-    (0, _emotion.jsx)("thead", Object.assign({}, (0, _uiReactUtils.omitProps)(this.props, Head.allowedProps, ['hover']), {
+    (0, _emotion.jsx)("thead", Object.assign({}, (0, _omitProps.omitProps)(this.props, Head.allowedProps, ['hover']), {
       css: styles === null || styles === void 0 ? void 0 : styles.head
     }), children);
   }

package/lib/Table/Row/index.js

@@ -6,8 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.Row = void 0;
 var _react = require("react");
-var _uiReactUtils = require("@instructure/ui-react-utils");
-var _uiView = require("@instructure/ui-view");
+var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.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"));
@@ -65,13 +66,13 @@ let Row = exports.Row = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.
       styles = _this$props3.styles;
     const isStacked = this.context.isStacked;
     const headers = this.context.headers;
-    return (0, _emotion.jsx)(_uiView.View, Object.assign({}, _uiView.View.omitViewProps((0, _uiReactUtils.omitProps)(this.props, Row.allowedProps), Row), {
+    return (0, _emotion.jsx)(_View.View, Object.assign({}, _View.View.omitViewProps((0, _omitProps.omitProps)(this.props, Row.allowedProps), Row), {
       as: isStacked ? 'div' : 'tr',
       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 (/*#__PURE__*/(0, _react.isValidElement)(child)) {
-        return (0, _uiReactUtils.safeCloneElement)(child, {
+        return (0, _safeCloneElement.safeCloneElement)(child, {
           key: child.props.name,
           // Sent down for compatibility with custom components
           // TODO DEPRECATED, remove in v11

package/lib/Table/RowHeader/index.js

@@ -6,8 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.RowHeader = void 0;
 var _react = require("react");
-var _uiReactUtils = require("@instructure/ui-react-utils");
-var _uiView = require("@instructure/ui-view");
+var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
+var _callRenderProp = require("@instructure/ui-react-utils/lib/callRenderProp.js");
+var _View = require("@instructure/ui-view/lib/View");
 var _emotion = require("@instructure/emotion");
 var _styles = _interopRequireDefault(require("./styles"));
 var _theme = _interopRequireDefault(require("./theme"));
@@ -58,12 +59,12 @@ let RowHeader = exports.RowHeader = (_dec = (0, _emotion.withStyle)(_styles.defa
       children = _this$props3.children,
       styles = _this$props3.styles;
     const isStacked = this.context.isStacked;
-    return (0, _emotion.jsx)(_uiView.View, Object.assign({}, _uiView.View.omitViewProps((0, _uiReactUtils.omitProps)(this.props, RowHeader.allowedProps), RowHeader), {
+    return (0, _emotion.jsx)(_View.View, Object.assign({}, _View.View.omitViewProps((0, _omitProps.omitProps)(this.props, RowHeader.allowedProps), RowHeader), {
       as: isStacked ? 'div' : 'th',
       css: styles === null || styles === void 0 ? void 0 : styles.rowHeader,
       scope: "row",
       role: isStacked ? 'rowheader' : void 0
-    }), (0, _uiReactUtils.callRenderProp)(children));
+    }), (0, _callRenderProp.callRenderProp)(children));
   }
 }, _RowHeader.displayName = "RowHeader", _RowHeader.componentId = 'Table.RowHeader', _RowHeader.contextType = _TableContext.default, _RowHeader.allowedProps = _props.allowedProps, _RowHeader.propTypes = _props.propTypes, _RowHeader.defaultProps = {
   textAlign: 'start',

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

@@ -7,7 +7,7 @@ var _vitest = require("vitest");
 var _userEvent = require("@testing-library/user-event");
 require("@testing-library/jest-dom");
 var _index = require("../index");
-var _uiAxeCheck = require("@instructure/ui-axe-check");
+var _runAxeCheck = require("@instructure/ui-axe-check/lib/runAxeCheck.js");
 var _Table$Head, _Table$Body, _Table, _Table2, _Table3, _span, _span2, _Table$Row, _span3, _span4, _Table$Row2, _Table$Body2, _Table$RowHeader, _Table$Cell, _Table$Head2, _Table$Row3, _Table$ColHeader, _Table$RowHeader2, _Table$Cell2;
 /*
  * The MIT License (MIT)
@@ -58,7 +58,7 @@ describe('<Table />', async () => {
   it('should meet a11y standards', async () => {
     const _renderTable2 = renderTable(),
       container = _renderTable2.container;
-    const axeCheck = await (0, _uiAxeCheck.runAxeCheck)(container);
+    const axeCheck = await (0, _runAxeCheck.runAxeCheck)(container);
     expect(axeCheck).toBe(true);
   });
   it('applies a fixed column layout', async () => {

package/lib/Table/index.js

@@ -7,9 +7,10 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.Table = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = require("react");
-var _uiReactUtils = require("@instructure/ui-react-utils");
-var _uiView = require("@instructure/ui-view");
-var _uiA11yContent = require("@instructure/ui-a11y-content");
+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 _ScreenReaderContent = require("@instructure/ui-a11y-content/lib/ScreenReaderContent");
 var _emotion = require("@instructure/emotion");
 var _styles = _interopRequireDefault(require("./styles"));
 var _theme = _interopRequireDefault(require("./theme"));
@@ -101,16 +102,16 @@ let Table = exports.Table = (_dec = (0, _emotion.withStyle)(_styles.default, _th
         hover: hover,
         headers: headers
       }
-    }, (0, _emotion.jsx)(_uiView.View, Object.assign({}, _uiView.View.omitViewProps((0, _uiReactUtils.omitProps)(this.props, Table.allowedProps), Table), {
+    }, (0, _emotion.jsx)(_View.View, Object.assign({}, _View.View.omitViewProps((0, _omitProps.omitProps)(this.props, Table.allowedProps), Table), {
       as: isStacked ? 'div' : 'table',
       margin: margin,
       elementRef: this.handleRef,
       css: styles === null || styles === void 0 ? void 0 : styles.table,
       role: isStacked ? 'table' : void 0,
       "aria-label": isStacked ? caption : void 0
-    }), !isStacked && (0, _emotion.jsx)("caption", null, (0, _emotion.jsx)(_uiA11yContent.ScreenReaderContent, null, caption)), _react.Children.map(children, child => {
+    }), !isStacked && (0, _emotion.jsx)("caption", null, (0, _emotion.jsx)(_ScreenReaderContent.ScreenReaderContent, null, caption)), _react.Children.map(children, child => {
       if (/*#__PURE__*/(0, _react.isValidElement)(child)) {
-        return (0, _uiReactUtils.safeCloneElement)(child, {
+        return (0, _safeCloneElement.safeCloneElement)(child, {
           key: child.props.name
         });
       }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-table",
-  "version": "10.13.1-pr-snapshot-1741357986437",
+  "version": "10.13.1-snapshot-0",
   "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.13.1-pr-snapshot-1741357986437",
-    "@instructure/ui-babel-preset": "10.13.1-pr-snapshot-1741357986437",
-    "@instructure/ui-color-utils": "10.13.1-pr-snapshot-1741357986437",
-    "@instructure/ui-test-utils": "10.13.1-pr-snapshot-1741357986437",
-    "@instructure/ui-themes": "10.13.1-pr-snapshot-1741357986437",
+    "@instructure/ui-axe-check": "10.13.1-snapshot-0",
+    "@instructure/ui-babel-preset": "10.13.1-snapshot-0",
+    "@instructure/ui-color-utils": "10.13.1-snapshot-0",
+    "@instructure/ui-test-utils": "10.13.1-snapshot-0",
+    "@instructure/ui-themes": "10.13.1-snapshot-0",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.0.1",
     "@testing-library/user-event": "^14.5.2",
@@ -35,17 +35,17 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.26.0",
-    "@instructure/console": "10.13.1-pr-snapshot-1741357986437",
-    "@instructure/emotion": "10.13.1-pr-snapshot-1741357986437",
-    "@instructure/shared-types": "10.13.1-pr-snapshot-1741357986437",
-    "@instructure/ui-a11y-content": "10.13.1-pr-snapshot-1741357986437",
-    "@instructure/ui-icons": "10.13.1-pr-snapshot-1741357986437",
-    "@instructure/ui-prop-types": "10.13.1-pr-snapshot-1741357986437",
-    "@instructure/ui-react-utils": "10.13.1-pr-snapshot-1741357986437",
-    "@instructure/ui-simple-select": "10.13.1-pr-snapshot-1741357986437",
-    "@instructure/ui-testable": "10.13.1-pr-snapshot-1741357986437",
-    "@instructure/ui-utils": "10.13.1-pr-snapshot-1741357986437",
-    "@instructure/ui-view": "10.13.1-pr-snapshot-1741357986437",
+    "@instructure/console": "10.13.1-snapshot-0",
+    "@instructure/emotion": "10.13.1-snapshot-0",
+    "@instructure/shared-types": "10.13.1-snapshot-0",
+    "@instructure/ui-a11y-content": "10.13.1-snapshot-0",
+    "@instructure/ui-icons": "10.13.1-snapshot-0",
+    "@instructure/ui-prop-types": "10.13.1-snapshot-0",
+    "@instructure/ui-react-utils": "10.13.1-snapshot-0",
+    "@instructure/ui-simple-select": "10.13.1-snapshot-0",
+    "@instructure/ui-testable": "10.13.1-snapshot-0",
+    "@instructure/ui-utils": "10.13.1-snapshot-0",
+    "@instructure/ui-view": "10.13.1-snapshot-0",
     "prop-types": "^15.8.1"
   },
   "peerDependencies": {