@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 +8 -0
- package/lib/Table/Body/index.js +4 -5
- package/lib/Table/Cell/index.js +4 -5
- package/lib/Table/ColHeader/index.js +7 -10
- package/lib/Table/Head/index.js +10 -11
- package/lib/Table/Row/index.js +4 -5
- package/lib/Table/RowHeader/index.js +4 -5
- package/lib/Table/__new-tests__/Table.test.js +2 -2
- package/lib/Table/index.js +6 -7
- package/package.json +17 -17
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
|
|
package/lib/Table/Body/index.js
CHANGED
@@ -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
|
10
|
-
var
|
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)(
|
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,
|
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
|
package/lib/Table/Cell/index.js
CHANGED
@@ -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
|
10
|
-
var
|
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)(
|
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,
|
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
|
11
|
-
var
|
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)(
|
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)(
|
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)(
|
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,
|
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,
|
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',
|
package/lib/Table/Head/index.js
CHANGED
@@ -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
|
11
|
-
var
|
12
|
-
var
|
13
|
-
var
|
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)(
|
144
|
-
renderLabel: renderSortLabel ? (0,
|
145
|
-
renderBeforeInput: selectedOption &&
|
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)(
|
150
|
+
}) => (0, _emotion.jsx)(_uiSimpleSelect.SimpleSelect.Option, {
|
152
151
|
id: id,
|
153
152
|
key: id,
|
154
153
|
value: id,
|
155
|
-
renderBeforeLabel: id === selectedOption ?
|
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,
|
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
|
}
|
package/lib/Table/Row/index.js
CHANGED
@@ -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
|
10
|
-
var
|
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)(
|
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,
|
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
|
10
|
-
var
|
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)(
|
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,
|
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
|
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,
|
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 () => {
|
package/lib/Table/index.js
CHANGED
@@ -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
|
11
|
-
var
|
12
|
-
var
|
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)(
|
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)(
|
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,
|
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.
|
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.
|
27
|
-
"@instructure/ui-babel-preset": "10.13.
|
28
|
-
"@instructure/ui-color-utils": "10.13.
|
29
|
-
"@instructure/ui-test-utils": "10.13.
|
30
|
-
"@instructure/ui-themes": "10.13.
|
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.
|
39
|
-
"@instructure/emotion": "10.13.
|
40
|
-
"@instructure/shared-types": "10.13.
|
41
|
-
"@instructure/ui-a11y-content": "10.13.
|
42
|
-
"@instructure/ui-icons": "10.13.
|
43
|
-
"@instructure/ui-prop-types": "10.13.
|
44
|
-
"@instructure/ui-react-utils": "10.13.
|
45
|
-
"@instructure/ui-simple-select": "10.13.
|
46
|
-
"@instructure/ui-testable": "10.13.
|
47
|
-
"@instructure/ui-utils": "10.13.
|
48
|
-
"@instructure/ui-view": "10.13.
|
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": {
|