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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -3,6 +3,14 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## [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)
7
+
8
+ **Note:** Version bump only for package @instructure/ui-table
9
+
10
+
11
+
12
+
13
+
6
14
  # [10.13.0](https://github.com/instructure/instructure-ui/compare/v10.12.0...v10.13.0) (2025-03-06)
7
15
 
8
16
 
@@ -6,9 +6,8 @@ Object.defineProperty(exports, "__esModule", {
6
6
  });
7
7
  exports.default = exports.Body = void 0;
8
8
  var _react = require("react");
9
- var _safeCloneElement = require("@instructure/ui-react-utils/lib/safeCloneElement.js");
10
- var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
11
- var _View = require("@instructure/ui-view/lib/View");
9
+ var _uiReactUtils = require("@instructure/ui-react-utils");
10
+ var _uiView = require("@instructure/ui-view");
12
11
  var _emotion = require("@instructure/emotion");
13
12
  var _styles = _interopRequireDefault(require("./styles"));
14
13
  var _theme = _interopRequireDefault(require("./theme"));
@@ -62,13 +61,13 @@ let Body = exports.Body = (_dec = (0, _emotion.withStyle)(_styles.default, _them
62
61
  isStacked = _this$context.isStacked,
63
62
  hover = _this$context.hover,
64
63
  headers = _this$context.headers;
65
- return (0, _emotion.jsx)(_View.View, Object.assign({}, _View.View.omitViewProps((0, _omitProps.omitProps)(this.props, Body.allowedProps), Body), {
64
+ return (0, _emotion.jsx)(_uiView.View, Object.assign({}, _uiView.View.omitViewProps((0, _uiReactUtils.omitProps)(this.props, Body.allowedProps), Body), {
66
65
  as: isStacked ? 'div' : 'tbody',
67
66
  css: styles === null || styles === void 0 ? void 0 : styles.body,
68
67
  role: isStacked ? 'rowgroup' : void 0
69
68
  }), _react.Children.map(children, child => {
70
69
  if (/*#__PURE__*/(0, _react.isValidElement)(child)) {
71
- return (0, _safeCloneElement.safeCloneElement)(child, {
70
+ return (0, _uiReactUtils.safeCloneElement)(child, {
72
71
  key: child.props.name,
73
72
  // Sent down for compatibility with custom components
74
73
  // TODO DEPRECATED, remove in v11
@@ -6,9 +6,8 @@ Object.defineProperty(exports, "__esModule", {
6
6
  });
7
7
  exports.default = exports.Cell = void 0;
8
8
  var _react = require("react");
9
- var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
10
- var _callRenderProp = require("@instructure/ui-react-utils/lib/callRenderProp.js");
11
- var _View = require("@instructure/ui-view/lib/View");
9
+ var _uiReactUtils = require("@instructure/ui-react-utils");
10
+ var _uiView = require("@instructure/ui-view");
12
11
  var _emotion = require("@instructure/emotion");
13
12
  var _styles = _interopRequireDefault(require("./styles"));
14
13
  var _theme = _interopRequireDefault(require("./theme"));
@@ -60,11 +59,11 @@ let Cell = exports.Cell = (_dec = (0, _emotion.withStyle)(_styles.default, _them
60
59
  styles = _this$props3.styles,
61
60
  header = _this$props3.header;
62
61
  const isStacked = this.context.isStacked;
63
- return (0, _emotion.jsx)(_View.View, Object.assign({}, _View.View.omitViewProps((0, _omitProps.omitProps)(this.props, Cell.allowedProps), Cell), {
62
+ return (0, _emotion.jsx)(_uiView.View, Object.assign({}, _uiView.View.omitViewProps((0, _uiReactUtils.omitProps)(this.props, Cell.allowedProps), Cell), {
64
63
  as: isStacked ? 'div' : 'td',
65
64
  css: styles === null || styles === void 0 ? void 0 : styles.cell,
66
65
  role: isStacked ? 'cell' : void 0
67
- }), header && (0, _callRenderProp.callRenderProp)(header), header && ': ', (0, _callRenderProp.callRenderProp)(children));
66
+ }), header && (0, _uiReactUtils.callRenderProp)(header), header && ': ', (0, _uiReactUtils.callRenderProp)(children));
68
67
  }
69
68
  }, _Cell.displayName = "Cell", _Cell.componentId = 'Table.Cell', _Cell.contextType = _TableContext.default, _Cell.allowedProps = _props.allowedProps, _Cell.propTypes = _props.propTypes, _Cell.defaultProps = {
70
69
  textAlign: 'start',
@@ -7,11 +7,8 @@ Object.defineProperty(exports, "__esModule", {
7
7
  });
8
8
  exports.default = exports.ColHeader = void 0;
9
9
  var _react = _interopRequireWildcard(require("react"));
10
- var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
11
- var _callRenderProp = require("@instructure/ui-react-utils/lib/callRenderProp.js");
12
- var _IconMiniArrowUpLine = require("@instructure/ui-icons/lib/IconMiniArrowUpLine.js");
13
- var _IconMiniArrowDownLine = require("@instructure/ui-icons/lib/IconMiniArrowDownLine.js");
14
- var _IconMiniArrowDoubleLine = require("@instructure/ui-icons/lib/IconMiniArrowDoubleLine.js");
10
+ var _uiReactUtils = require("@instructure/ui-react-utils");
11
+ var _uiIcons = require("@instructure/ui-icons");
15
12
  var _emotion = require("@instructure/emotion");
16
13
  var _styles = _interopRequireDefault(require("./styles"));
17
14
  var _theme = _interopRequireDefault(require("./theme"));
@@ -73,17 +70,17 @@ let ColHeader = exports.ColHeader = (_dec = (0, _emotion.withStyle)(_styles.defa
73
70
  onRequestSort = _this$props4.onRequestSort,
74
71
  styles = _this$props4.styles;
75
72
  if (sortDirection === 'ascending') {
76
- return (0, _emotion.jsx)(_IconMiniArrowUpLine.IconMiniArrowUpLine, {
73
+ return (0, _emotion.jsx)(_uiIcons.IconMiniArrowUpLine, {
77
74
  css: styles === null || styles === void 0 ? void 0 : styles.sortedIconColor
78
75
  });
79
76
  }
80
77
  if (sortDirection === 'descending') {
81
- return (0, _emotion.jsx)(_IconMiniArrowDownLine.IconMiniArrowDownLine, {
78
+ return (0, _emotion.jsx)(_uiIcons.IconMiniArrowDownLine, {
82
79
  css: styles === null || styles === void 0 ? void 0 : styles.sortedIconColor
83
80
  });
84
81
  }
85
82
  if (onRequestSort) {
86
- return (0, _emotion.jsx)(_IconMiniArrowDoubleLine.IconMiniArrowDoubleLine, {
83
+ return (0, _emotion.jsx)(_uiIcons.IconMiniArrowDoubleLine, {
87
84
  css: styles === null || styles === void 0 ? void 0 : styles.unSortedIconColor
88
85
  });
89
86
  }
@@ -97,7 +94,7 @@ let ColHeader = exports.ColHeader = (_dec = (0, _emotion.withStyle)(_styles.defa
97
94
  sortDirection = _this$props5.sortDirection,
98
95
  scope = _this$props5.scope,
99
96
  styles = _this$props5.styles;
100
- return (0, _emotion.jsx)("th", Object.assign({}, (0, _omitProps.omitProps)(this.props, ColHeader.allowedProps), {
97
+ return (0, _emotion.jsx)("th", Object.assign({}, (0, _uiReactUtils.omitProps)(this.props, ColHeader.allowedProps), {
101
98
  css: styles === null || styles === void 0 ? void 0 : styles.colHeader,
102
99
  style: {
103
100
  width
@@ -109,7 +106,7 @@ let ColHeader = exports.ColHeader = (_dec = (0, _emotion.withStyle)(_styles.defa
109
106
  css: styles === null || styles === void 0 ? void 0 : styles.button
110
107
  }, (0, _emotion.jsx)("div", {
111
108
  css: styles === null || styles === void 0 ? void 0 : styles.buttonContent
112
- }, (0, _callRenderProp.callRenderProp)(children), this.renderSortArrow())), !onRequestSort && children, !onRequestSort && this.renderSortArrow());
109
+ }, (0, _uiReactUtils.callRenderProp)(children), this.renderSortArrow())), !onRequestSort && children, !onRequestSort && this.renderSortArrow());
113
110
  }
114
111
  }, _ColHeader.displayName = "ColHeader", _ColHeader.componentId = 'Table.ColHeader', _ColHeader.allowedProps = _props.allowedProps, _ColHeader.propTypes = _props.propTypes, _ColHeader.defaultProps = {
115
112
  textAlign: 'start',
@@ -7,11 +7,10 @@ Object.defineProperty(exports, "__esModule", {
7
7
  exports.default = exports.Head = void 0;
8
8
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
9
9
  var _react = require("react");
10
- var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
11
- var _callRenderProp = require("@instructure/ui-react-utils/lib/callRenderProp.js");
12
- var _SimpleSelect = require("@instructure/ui-simple-select/lib/SimpleSelect");
13
- var _ScreenReaderContent2 = require("@instructure/ui-a11y-content/lib/ScreenReaderContent");
14
- var _IconCheckLine = require("@instructure/ui-icons/lib/IconCheckLine.js");
10
+ var _uiReactUtils = require("@instructure/ui-react-utils");
11
+ var _uiSimpleSelect = require("@instructure/ui-simple-select");
12
+ var _uiA11yContent = require("@instructure/ui-a11y-content");
13
+ var _uiIcons = require("@instructure/ui-icons");
15
14
  var _console = require("@instructure/console");
16
15
  var _emotion = require("@instructure/emotion");
17
16
  var _styles = _interopRequireDefault(require("./styles"));
@@ -140,19 +139,19 @@ let Head = exports.Head = (_dec = (0, _emotion.withStyle)(_styles.default, _them
140
139
  }, (0, _emotion.jsx)("div", {
141
140
  role: "cell",
142
141
  "aria-colspan": count
143
- }, (0, _emotion.jsx)(_SimpleSelect.SimpleSelect, {
144
- renderLabel: renderSortLabel ? (0, _callRenderProp.callRenderProp)(renderSortLabel) : _ScreenReaderContent || (_ScreenReaderContent = (0, _emotion.jsx)(_ScreenReaderContent2.ScreenReaderContent, null)),
145
- renderBeforeInput: selectedOption && _IconCheckLine.IconCheckLine,
142
+ }, (0, _emotion.jsx)(_uiSimpleSelect.SimpleSelect, {
143
+ renderLabel: renderSortLabel ? (0, _uiReactUtils.callRenderProp)(renderSortLabel) : _ScreenReaderContent || (_ScreenReaderContent = (0, _emotion.jsx)(_uiA11yContent.ScreenReaderContent, null)),
144
+ renderBeforeInput: selectedOption && _uiIcons.IconCheckLine,
146
145
  value: selectedOption,
147
146
  onChange: handleSelect
148
147
  }, options.map(({
149
148
  id,
150
149
  label
151
- }) => (0, _emotion.jsx)(_SimpleSelect.SimpleSelect.Option, {
150
+ }) => (0, _emotion.jsx)(_uiSimpleSelect.SimpleSelect.Option, {
152
151
  id: id,
153
152
  key: id,
154
153
  value: id,
155
- renderBeforeLabel: id === selectedOption ? _IconCheckLine.IconCheckLine : () => (0, _emotion.jsx)(_IconCheckLine.IconCheckLine, {
154
+ renderBeforeLabel: id === selectedOption ? _uiIcons.IconCheckLine : () => (0, _emotion.jsx)(_uiIcons.IconCheckLine, {
156
155
  style: {
157
156
  color: 'transparent'
158
157
  }
@@ -165,7 +164,7 @@ let Head = exports.Head = (_dec = (0, _emotion.withStyle)(_styles.default, _them
165
164
  styles = _this$props4.styles;
166
165
  return this.context.isStacked ? this.renderSelect() :
167
166
  // TODO remove 'hover' exclude in v11, its passed down for compatibility with custom components
168
- (0, _emotion.jsx)("thead", Object.assign({}, (0, _omitProps.omitProps)(this.props, Head.allowedProps, ['hover']), {
167
+ (0, _emotion.jsx)("thead", Object.assign({}, (0, _uiReactUtils.omitProps)(this.props, Head.allowedProps, ['hover']), {
169
168
  css: styles === null || styles === void 0 ? void 0 : styles.head
170
169
  }), children);
171
170
  }
@@ -6,9 +6,8 @@ Object.defineProperty(exports, "__esModule", {
6
6
  });
7
7
  exports.default = exports.Row = void 0;
8
8
  var _react = require("react");
9
- var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
10
- var _safeCloneElement = require("@instructure/ui-react-utils/lib/safeCloneElement.js");
11
- var _View = require("@instructure/ui-view/lib/View");
9
+ var _uiReactUtils = require("@instructure/ui-react-utils");
10
+ var _uiView = require("@instructure/ui-view");
12
11
  var _emotion = require("@instructure/emotion");
13
12
  var _styles = _interopRequireDefault(require("./styles"));
14
13
  var _theme = _interopRequireDefault(require("./theme"));
@@ -66,13 +65,13 @@ let Row = exports.Row = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.
66
65
  styles = _this$props3.styles;
67
66
  const isStacked = this.context.isStacked;
68
67
  const headers = this.context.headers;
69
- return (0, _emotion.jsx)(_View.View, Object.assign({}, _View.View.omitViewProps((0, _omitProps.omitProps)(this.props, Row.allowedProps), Row), {
68
+ return (0, _emotion.jsx)(_uiView.View, Object.assign({}, _uiView.View.omitViewProps((0, _uiReactUtils.omitProps)(this.props, Row.allowedProps), Row), {
70
69
  as: isStacked ? 'div' : 'tr',
71
70
  css: styles === null || styles === void 0 ? void 0 : styles.row,
72
71
  role: isStacked ? 'row' : void 0
73
72
  }), _react.Children.toArray(children).filter(Boolean).map((child, index) => {
74
73
  if (/*#__PURE__*/(0, _react.isValidElement)(child)) {
75
- return (0, _safeCloneElement.safeCloneElement)(child, {
74
+ return (0, _uiReactUtils.safeCloneElement)(child, {
76
75
  key: child.props.name,
77
76
  // Sent down for compatibility with custom components
78
77
  // TODO DEPRECATED, remove in v11
@@ -6,9 +6,8 @@ Object.defineProperty(exports, "__esModule", {
6
6
  });
7
7
  exports.default = exports.RowHeader = void 0;
8
8
  var _react = require("react");
9
- var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
10
- var _callRenderProp = require("@instructure/ui-react-utils/lib/callRenderProp.js");
11
- var _View = require("@instructure/ui-view/lib/View");
9
+ var _uiReactUtils = require("@instructure/ui-react-utils");
10
+ var _uiView = require("@instructure/ui-view");
12
11
  var _emotion = require("@instructure/emotion");
13
12
  var _styles = _interopRequireDefault(require("./styles"));
14
13
  var _theme = _interopRequireDefault(require("./theme"));
@@ -59,12 +58,12 @@ let RowHeader = exports.RowHeader = (_dec = (0, _emotion.withStyle)(_styles.defa
59
58
  children = _this$props3.children,
60
59
  styles = _this$props3.styles;
61
60
  const isStacked = this.context.isStacked;
62
- return (0, _emotion.jsx)(_View.View, Object.assign({}, _View.View.omitViewProps((0, _omitProps.omitProps)(this.props, RowHeader.allowedProps), RowHeader), {
61
+ return (0, _emotion.jsx)(_uiView.View, Object.assign({}, _uiView.View.omitViewProps((0, _uiReactUtils.omitProps)(this.props, RowHeader.allowedProps), RowHeader), {
63
62
  as: isStacked ? 'div' : 'th',
64
63
  css: styles === null || styles === void 0 ? void 0 : styles.rowHeader,
65
64
  scope: "row",
66
65
  role: isStacked ? 'rowheader' : void 0
67
- }), (0, _callRenderProp.callRenderProp)(children));
66
+ }), (0, _uiReactUtils.callRenderProp)(children));
68
67
  }
69
68
  }, _RowHeader.displayName = "RowHeader", _RowHeader.componentId = 'Table.RowHeader', _RowHeader.contextType = _TableContext.default, _RowHeader.allowedProps = _props.allowedProps, _RowHeader.propTypes = _props.propTypes, _RowHeader.defaultProps = {
70
69
  textAlign: 'start',
@@ -7,7 +7,7 @@ var _vitest = require("vitest");
7
7
  var _userEvent = require("@testing-library/user-event");
8
8
  require("@testing-library/jest-dom");
9
9
  var _index = require("../index");
10
- var _runAxeCheck = require("@instructure/ui-axe-check/lib/runAxeCheck.js");
10
+ var _uiAxeCheck = require("@instructure/ui-axe-check");
11
11
  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;
12
12
  /*
13
13
  * The MIT License (MIT)
@@ -58,7 +58,7 @@ describe('<Table />', async () => {
58
58
  it('should meet a11y standards', async () => {
59
59
  const _renderTable2 = renderTable(),
60
60
  container = _renderTable2.container;
61
- const axeCheck = await (0, _runAxeCheck.runAxeCheck)(container);
61
+ const axeCheck = await (0, _uiAxeCheck.runAxeCheck)(container);
62
62
  expect(axeCheck).toBe(true);
63
63
  });
64
64
  it('applies a fixed column layout', async () => {
@@ -7,10 +7,9 @@ Object.defineProperty(exports, "__esModule", {
7
7
  exports.default = exports.Table = void 0;
8
8
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
9
9
  var _react = require("react");
10
- var _safeCloneElement = require("@instructure/ui-react-utils/lib/safeCloneElement.js");
11
- var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
12
- var _View = require("@instructure/ui-view/lib/View");
13
- var _ScreenReaderContent = require("@instructure/ui-a11y-content/lib/ScreenReaderContent");
10
+ var _uiReactUtils = require("@instructure/ui-react-utils");
11
+ var _uiView = require("@instructure/ui-view");
12
+ var _uiA11yContent = require("@instructure/ui-a11y-content");
14
13
  var _emotion = require("@instructure/emotion");
15
14
  var _styles = _interopRequireDefault(require("./styles"));
16
15
  var _theme = _interopRequireDefault(require("./theme"));
@@ -102,16 +101,16 @@ let Table = exports.Table = (_dec = (0, _emotion.withStyle)(_styles.default, _th
102
101
  hover: hover,
103
102
  headers: headers
104
103
  }
105
- }, (0, _emotion.jsx)(_View.View, Object.assign({}, _View.View.omitViewProps((0, _omitProps.omitProps)(this.props, Table.allowedProps), Table), {
104
+ }, (0, _emotion.jsx)(_uiView.View, Object.assign({}, _uiView.View.omitViewProps((0, _uiReactUtils.omitProps)(this.props, Table.allowedProps), Table), {
106
105
  as: isStacked ? 'div' : 'table',
107
106
  margin: margin,
108
107
  elementRef: this.handleRef,
109
108
  css: styles === null || styles === void 0 ? void 0 : styles.table,
110
109
  role: isStacked ? 'table' : void 0,
111
110
  "aria-label": isStacked ? caption : void 0
112
- }), !isStacked && (0, _emotion.jsx)("caption", null, (0, _emotion.jsx)(_ScreenReaderContent.ScreenReaderContent, null, caption)), _react.Children.map(children, child => {
111
+ }), !isStacked && (0, _emotion.jsx)("caption", null, (0, _emotion.jsx)(_uiA11yContent.ScreenReaderContent, null, caption)), _react.Children.map(children, child => {
113
112
  if (/*#__PURE__*/(0, _react.isValidElement)(child)) {
114
- return (0, _safeCloneElement.safeCloneElement)(child, {
113
+ return (0, _uiReactUtils.safeCloneElement)(child, {
115
114
  key: child.props.name
116
115
  });
117
116
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@instructure/ui-table",
3
- "version": "10.13.0",
3
+ "version": "10.13.1-pr-snapshot-1741357986437",
4
4
  "description": "A styled HTML table component",
5
5
  "author": "Instructure, Inc. Engineering and Product Design",
6
6
  "module": "./es/index.js",
@@ -23,11 +23,11 @@
23
23
  },
24
24
  "license": "MIT",
25
25
  "devDependencies": {
26
- "@instructure/ui-axe-check": "10.13.0",
27
- "@instructure/ui-babel-preset": "10.13.0",
28
- "@instructure/ui-color-utils": "10.13.0",
29
- "@instructure/ui-test-utils": "10.13.0",
30
- "@instructure/ui-themes": "10.13.0",
26
+ "@instructure/ui-axe-check": "10.13.1-pr-snapshot-1741357986437",
27
+ "@instructure/ui-babel-preset": "10.13.1-pr-snapshot-1741357986437",
28
+ "@instructure/ui-color-utils": "10.13.1-pr-snapshot-1741357986437",
29
+ "@instructure/ui-test-utils": "10.13.1-pr-snapshot-1741357986437",
30
+ "@instructure/ui-themes": "10.13.1-pr-snapshot-1741357986437",
31
31
  "@testing-library/jest-dom": "^6.6.3",
32
32
  "@testing-library/react": "^16.0.1",
33
33
  "@testing-library/user-event": "^14.5.2",
@@ -35,17 +35,17 @@
35
35
  },
36
36
  "dependencies": {
37
37
  "@babel/runtime": "^7.26.0",
38
- "@instructure/console": "10.13.0",
39
- "@instructure/emotion": "10.13.0",
40
- "@instructure/shared-types": "10.13.0",
41
- "@instructure/ui-a11y-content": "10.13.0",
42
- "@instructure/ui-icons": "10.13.0",
43
- "@instructure/ui-prop-types": "10.13.0",
44
- "@instructure/ui-react-utils": "10.13.0",
45
- "@instructure/ui-simple-select": "10.13.0",
46
- "@instructure/ui-testable": "10.13.0",
47
- "@instructure/ui-utils": "10.13.0",
48
- "@instructure/ui-view": "10.13.0",
38
+ "@instructure/console": "10.13.1-pr-snapshot-1741357986437",
39
+ "@instructure/emotion": "10.13.1-pr-snapshot-1741357986437",
40
+ "@instructure/shared-types": "10.13.1-pr-snapshot-1741357986437",
41
+ "@instructure/ui-a11y-content": "10.13.1-pr-snapshot-1741357986437",
42
+ "@instructure/ui-icons": "10.13.1-pr-snapshot-1741357986437",
43
+ "@instructure/ui-prop-types": "10.13.1-pr-snapshot-1741357986437",
44
+ "@instructure/ui-react-utils": "10.13.1-pr-snapshot-1741357986437",
45
+ "@instructure/ui-simple-select": "10.13.1-pr-snapshot-1741357986437",
46
+ "@instructure/ui-testable": "10.13.1-pr-snapshot-1741357986437",
47
+ "@instructure/ui-utils": "10.13.1-pr-snapshot-1741357986437",
48
+ "@instructure/ui-view": "10.13.1-pr-snapshot-1741357986437",
49
49
  "prop-types": "^15.8.1"
50
50
  },
51
51
  "peerDependencies": {