@instructure/ui-table 10.25.1-pr-snapshot-1757670033771 → 10.25.1-pr-snapshot-1757941125745
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 +5 -2
- package/es/Table/Body/index.js +4 -16
- package/es/Table/Body/props.js +1 -5
- package/es/Table/Cell/index.js +2 -2
- package/es/Table/Cell/props.js +1 -7
- package/es/Table/ColHeader/index.js +2 -2
- package/es/Table/ColHeader/props.js +2 -14
- package/es/Table/Head/index.js +4 -6
- package/es/Table/Head/props.js +1 -6
- package/es/Table/Row/index.js +2 -5
- package/es/Table/Row/props.js +1 -6
- package/es/Table/RowHeader/index.js +2 -2
- package/es/Table/RowHeader/props.js +1 -6
- package/es/Table/index.js +2 -2
- package/es/Table/props.js +1 -10
- package/lib/Table/Body/index.js +3 -15
- package/lib/Table/Body/props.js +1 -6
- package/lib/Table/Cell/index.js +1 -1
- package/lib/Table/Cell/props.js +1 -8
- package/lib/Table/ColHeader/index.js +1 -1
- package/lib/Table/ColHeader/props.js +2 -15
- package/lib/Table/Head/index.js +3 -5
- package/lib/Table/Head/props.js +1 -7
- package/lib/Table/Row/index.js +1 -4
- package/lib/Table/Row/props.js +1 -7
- package/lib/Table/RowHeader/index.js +1 -1
- package/lib/Table/RowHeader/props.js +1 -7
- package/lib/Table/index.js +1 -1
- package/lib/Table/props.js +1 -11
- package/package.json +15 -18
- package/src/Table/Body/index.tsx +10 -14
- package/src/Table/Body/props.ts +1 -9
- package/src/Table/Cell/index.tsx +1 -2
- package/src/Table/Cell/props.ts +1 -11
- package/src/Table/ColHeader/index.tsx +1 -2
- package/src/Table/ColHeader/props.ts +1 -21
- package/src/Table/Head/index.tsx +26 -25
- package/src/Table/Head/props.ts +1 -10
- package/src/Table/Row/index.tsx +9 -7
- package/src/Table/Row/props.ts +3 -11
- package/src/Table/RowHeader/index.tsx +1 -2
- package/src/Table/RowHeader/props.ts +1 -10
- package/src/Table/index.tsx +15 -9
- package/src/Table/props.ts +2 -18
- package/tsconfig.build.json +0 -2
- package/tsconfig.build.tsbuildinfo +1 -1
- package/types/Table/Body/index.d.ts +0 -1
- package/types/Table/Body/index.d.ts.map +1 -1
- package/types/Table/Body/props.d.ts +2 -3
- package/types/Table/Body/props.d.ts.map +1 -1
- package/types/Table/Cell/index.d.ts +0 -5
- package/types/Table/Cell/index.d.ts.map +1 -1
- package/types/Table/Cell/props.d.ts +2 -3
- package/types/Table/Cell/props.d.ts.map +1 -1
- package/types/Table/ColHeader/index.d.ts +0 -14
- package/types/Table/ColHeader/index.d.ts.map +1 -1
- package/types/Table/ColHeader/props.d.ts +2 -7
- package/types/Table/ColHeader/props.d.ts.map +1 -1
- package/types/Table/Head/index.d.ts +0 -4
- package/types/Table/Head/index.d.ts.map +1 -1
- package/types/Table/Head/props.d.ts +2 -3
- package/types/Table/Head/props.d.ts.map +1 -1
- package/types/Table/Row/index.d.ts +1 -5
- package/types/Table/Row/index.d.ts.map +1 -1
- package/types/Table/Row/props.d.ts +3 -4
- package/types/Table/Row/props.d.ts.map +1 -1
- package/types/Table/RowHeader/index.d.ts +0 -4
- package/types/Table/RowHeader/index.d.ts.map +1 -1
- package/types/Table/RowHeader/props.d.ts +2 -3
- package/types/Table/RowHeader/props.d.ts.map +1 -1
- package/types/Table/index.d.ts +0 -8
- package/types/Table/index.d.ts.map +1 -1
- package/types/Table/props.d.ts +2 -3
- package/types/Table/props.d.ts.map +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -3,9 +3,12 @@
|
|
|
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.25.1-pr-snapshot-
|
|
6
|
+
## [10.25.1-pr-snapshot-1757941125745](https://github.com/instructure/instructure-ui/compare/v10.25.0...v10.25.1-pr-snapshot-1757941125745) (2025-09-15)
|
|
7
7
|
|
|
8
|
-
|
|
8
|
+
|
|
9
|
+
### Features
|
|
10
|
+
|
|
11
|
+
* **many:** remove prop-types; add support for react 19 and upgrade docs app to use it ([22311c7](https://github.com/instructure/instructure-ui/commit/22311c7bcf52d4e7b094c60c92192e5c85eac6c2))
|
|
9
12
|
|
|
10
13
|
|
|
11
14
|
|
package/es/Table/Body/index.js
CHANGED
|
@@ -29,7 +29,7 @@ import { View } from '@instructure/ui-view';
|
|
|
29
29
|
import { withStyle } from '@instructure/emotion';
|
|
30
30
|
import generateStyle from './styles';
|
|
31
31
|
import generateComponentTheme from './theme';
|
|
32
|
-
import { allowedProps
|
|
32
|
+
import { allowedProps } from './props';
|
|
33
33
|
import TableContext from '../TableContext';
|
|
34
34
|
|
|
35
35
|
/**
|
|
@@ -52,10 +52,7 @@ let Body = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class
|
|
|
52
52
|
const _this$props3 = this.props,
|
|
53
53
|
children = _this$props3.children,
|
|
54
54
|
styles = _this$props3.styles;
|
|
55
|
-
const
|
|
56
|
-
isStacked = _this$context.isStacked,
|
|
57
|
-
hover = _this$context.hover,
|
|
58
|
-
headers = _this$context.headers;
|
|
55
|
+
const isStacked = this.context.isStacked;
|
|
59
56
|
return _jsx(View, {
|
|
60
57
|
...View.omitViewProps(omitProps(this.props, Body.allowedProps), Body),
|
|
61
58
|
as: isStacked ? 'div' : 'tbody',
|
|
@@ -64,23 +61,14 @@ let Body = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class
|
|
|
64
61
|
children: Children.map(children, child => {
|
|
65
62
|
if (/*#__PURE__*/isValidElement(child)) {
|
|
66
63
|
return safeCloneElement(child, {
|
|
67
|
-
key: child.props.name
|
|
68
|
-
// Sent down for compatibility with custom components
|
|
69
|
-
// TODO DEPRECATED, remove in v11
|
|
70
|
-
hover,
|
|
71
|
-
// Sent down for compatibility with custom components
|
|
72
|
-
// TODO DEPRECATED, remove in v11
|
|
73
|
-
isStacked,
|
|
74
|
-
// Sent down for compatibility with custom components
|
|
75
|
-
// TODO DEPRECATED, remove in v11
|
|
76
|
-
headers
|
|
64
|
+
key: child.props.name
|
|
77
65
|
});
|
|
78
66
|
}
|
|
79
67
|
return child;
|
|
80
68
|
})
|
|
81
69
|
});
|
|
82
70
|
}
|
|
83
|
-
}, _Body.displayName = "Body", _Body.componentId = 'Table.Body', _Body.contextType = TableContext, _Body.allowedProps = allowedProps, _Body.
|
|
71
|
+
}, _Body.displayName = "Body", _Body.componentId = 'Table.Body', _Body.contextType = TableContext, _Body.allowedProps = allowedProps, _Body.defaultProps = {
|
|
84
72
|
children: null
|
|
85
73
|
}, _Body)) || _class);
|
|
86
74
|
export default Body;
|
package/es/Table/Body/props.js
CHANGED
package/es/Table/Cell/index.js
CHANGED
|
@@ -29,7 +29,7 @@ import { View } from '@instructure/ui-view';
|
|
|
29
29
|
import { withStyle } from '@instructure/emotion';
|
|
30
30
|
import generateStyle from './styles';
|
|
31
31
|
import generateComponentTheme from './theme';
|
|
32
|
-
import { allowedProps
|
|
32
|
+
import { allowedProps } from './props';
|
|
33
33
|
import TableContext from '../TableContext';
|
|
34
34
|
|
|
35
35
|
/**
|
|
@@ -62,7 +62,7 @@ let Cell = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class
|
|
|
62
62
|
children: [header && callRenderProp(header), header && ': ', callRenderProp(children)]
|
|
63
63
|
});
|
|
64
64
|
}
|
|
65
|
-
}, _Cell.displayName = "Cell", _Cell.componentId = 'Table.Cell', _Cell.contextType = TableContext, _Cell.allowedProps = allowedProps, _Cell.
|
|
65
|
+
}, _Cell.displayName = "Cell", _Cell.componentId = 'Table.Cell', _Cell.contextType = TableContext, _Cell.allowedProps = allowedProps, _Cell.defaultProps = {
|
|
66
66
|
textAlign: 'start',
|
|
67
67
|
children: null
|
|
68
68
|
}, _Cell)) || _class);
|
package/es/Table/Cell/props.js
CHANGED
|
@@ -22,11 +22,5 @@
|
|
|
22
22
|
* SOFTWARE.
|
|
23
23
|
*/
|
|
24
24
|
|
|
25
|
-
import PropTypes from 'prop-types';
|
|
26
|
-
const propTypes = {
|
|
27
|
-
children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
|
|
28
|
-
header: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
|
|
29
|
-
textAlign: PropTypes.oneOf(['start', 'center', 'end'])
|
|
30
|
-
};
|
|
31
25
|
const allowedProps = ['children', 'header', 'textAlign'];
|
|
32
|
-
export {
|
|
26
|
+
export { allowedProps };
|
|
@@ -29,7 +29,7 @@ import { IconMiniArrowUpLine, IconMiniArrowDownLine, IconMiniArrowDoubleLine } f
|
|
|
29
29
|
import { withStyle } from '@instructure/emotion';
|
|
30
30
|
import generateStyle from './styles';
|
|
31
31
|
import generateComponentTheme from './theme';
|
|
32
|
-
import { allowedProps
|
|
32
|
+
import { allowedProps } from './props';
|
|
33
33
|
|
|
34
34
|
/**
|
|
35
35
|
---
|
|
@@ -106,7 +106,7 @@ let ColHeader = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_
|
|
|
106
106
|
}), !onRequestSort && children, !onRequestSort && this.renderSortArrow()]
|
|
107
107
|
});
|
|
108
108
|
}
|
|
109
|
-
}, _ColHeader.displayName = "ColHeader", _ColHeader.componentId = 'Table.ColHeader', _ColHeader.allowedProps = allowedProps, _ColHeader.
|
|
109
|
+
}, _ColHeader.displayName = "ColHeader", _ColHeader.componentId = 'Table.ColHeader', _ColHeader.allowedProps = allowedProps, _ColHeader.defaultProps = {
|
|
110
110
|
textAlign: 'start',
|
|
111
111
|
sortDirection: 'none',
|
|
112
112
|
children: null,
|
|
@@ -22,17 +22,5 @@
|
|
|
22
22
|
* SOFTWARE.
|
|
23
23
|
*/
|
|
24
24
|
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
isStacked: PropTypes.bool,
|
|
28
|
-
id: PropTypes.string.isRequired,
|
|
29
|
-
stackedSortByLabel: PropTypes.string,
|
|
30
|
-
children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
|
|
31
|
-
width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
32
|
-
textAlign: PropTypes.oneOf(['start', 'center', 'end']),
|
|
33
|
-
sortDirection: PropTypes.oneOf(['none', 'ascending', 'descending']),
|
|
34
|
-
onRequestSort: PropTypes.func,
|
|
35
|
-
scope: PropTypes.oneOf(['row', 'col', 'rowgroup', 'colgroup', 'auto'])
|
|
36
|
-
};
|
|
37
|
-
const allowedProps = ['id', 'isStacked', 'stackedSortByLabel', 'children', 'width', 'textAlign', 'sortDirection', 'onRequestSort', 'scope'];
|
|
38
|
-
export { propTypes, allowedProps };
|
|
25
|
+
const allowedProps = ['id', 'stackedSortByLabel', 'children', 'width', 'textAlign', 'sortDirection', 'onRequestSort', 'scope'];
|
|
26
|
+
export { allowedProps };
|
package/es/Table/Head/index.js
CHANGED
|
@@ -33,7 +33,7 @@ import { warn } from '@instructure/console';
|
|
|
33
33
|
import { withStyle } from '@instructure/emotion';
|
|
34
34
|
import generateStyle from './styles';
|
|
35
35
|
import generateComponentTheme from './theme';
|
|
36
|
-
import { allowedProps
|
|
36
|
+
import { allowedProps } from './props';
|
|
37
37
|
import TableContext from '../TableContext';
|
|
38
38
|
|
|
39
39
|
/**
|
|
@@ -161,15 +161,13 @@ let Head = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class
|
|
|
161
161
|
const _this$props4 = this.props,
|
|
162
162
|
children = _this$props4.children,
|
|
163
163
|
styles = _this$props4.styles;
|
|
164
|
-
return this.context.isStacked ? this.renderSelect() :
|
|
165
|
-
|
|
166
|
-
_jsx("thead", {
|
|
167
|
-
...omitProps(this.props, Head.allowedProps, ['hover']),
|
|
164
|
+
return this.context.isStacked ? this.renderSelect() : _jsx("thead", {
|
|
165
|
+
...omitProps(this.props, Head.allowedProps),
|
|
168
166
|
css: styles === null || styles === void 0 ? void 0 : styles.head,
|
|
169
167
|
children: children
|
|
170
168
|
});
|
|
171
169
|
}
|
|
172
|
-
}, _Head.displayName = "Head", _Head.componentId = 'Table.Head', _Head.contextType = TableContext, _Head.allowedProps = allowedProps, _Head.
|
|
170
|
+
}, _Head.displayName = "Head", _Head.componentId = 'Table.Head', _Head.contextType = TableContext, _Head.allowedProps = allowedProps, _Head.defaultProps = {
|
|
173
171
|
children: null
|
|
174
172
|
}, _Head)) || _class);
|
|
175
173
|
export default Head;
|
package/es/Table/Head/props.js
CHANGED
|
@@ -22,10 +22,5 @@
|
|
|
22
22
|
* SOFTWARE.
|
|
23
23
|
*/
|
|
24
24
|
|
|
25
|
-
import PropTypes from 'prop-types';
|
|
26
|
-
const propTypes = {
|
|
27
|
-
children: PropTypes.node,
|
|
28
|
-
renderSortLabel: PropTypes.oneOfType([PropTypes.node, PropTypes.func])
|
|
29
|
-
};
|
|
30
25
|
const allowedProps = ['children', 'renderSortLabel'];
|
|
31
|
-
export {
|
|
26
|
+
export { allowedProps };
|
package/es/Table/Row/index.js
CHANGED
|
@@ -29,7 +29,7 @@ import { View } from '@instructure/ui-view';
|
|
|
29
29
|
import { withStyle } from '@instructure/emotion';
|
|
30
30
|
import generateStyle from './styles';
|
|
31
31
|
import generateComponentTheme from './theme';
|
|
32
|
-
import { allowedProps
|
|
32
|
+
import { allowedProps } from './props';
|
|
33
33
|
import TableContext from '../TableContext';
|
|
34
34
|
|
|
35
35
|
/**
|
|
@@ -69,9 +69,6 @@ let Row = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class
|
|
|
69
69
|
if (/*#__PURE__*/isValidElement(child)) {
|
|
70
70
|
return safeCloneElement(child, {
|
|
71
71
|
key: child.props.name,
|
|
72
|
-
// Sent down for compatibility with custom components
|
|
73
|
-
// TODO DEPRECATED, remove in v11
|
|
74
|
-
isStacked,
|
|
75
72
|
// used by `Cell` to render its column title in `stacked` layout
|
|
76
73
|
header: headers && headers[index]
|
|
77
74
|
});
|
|
@@ -80,7 +77,7 @@ let Row = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class
|
|
|
80
77
|
})
|
|
81
78
|
});
|
|
82
79
|
}
|
|
83
|
-
}, _Row.displayName = "Row", _Row.componentId = 'Table.Row', _Row.contextType = TableContext, _Row.allowedProps = allowedProps, _Row.
|
|
80
|
+
}, _Row.displayName = "Row", _Row.componentId = 'Table.Row', _Row.contextType = TableContext, _Row.allowedProps = allowedProps, _Row.defaultProps = {
|
|
84
81
|
children: null
|
|
85
82
|
}, _Row)) || _class);
|
|
86
83
|
export default Row;
|
package/es/Table/Row/props.js
CHANGED
|
@@ -22,10 +22,5 @@
|
|
|
22
22
|
* SOFTWARE.
|
|
23
23
|
*/
|
|
24
24
|
|
|
25
|
-
import PropTypes from 'prop-types';
|
|
26
|
-
const propTypes = {
|
|
27
|
-
children: PropTypes.node,
|
|
28
|
-
setHoverStateTo: PropTypes.bool
|
|
29
|
-
};
|
|
30
25
|
const allowedProps = ['children', 'setHoverStateTo'];
|
|
31
|
-
export {
|
|
26
|
+
export { allowedProps };
|
|
@@ -29,7 +29,7 @@ import { View } from '@instructure/ui-view';
|
|
|
29
29
|
import { withStyle } from '@instructure/emotion';
|
|
30
30
|
import generateStyle from './styles';
|
|
31
31
|
import generateComponentTheme from './theme';
|
|
32
|
-
import { allowedProps
|
|
32
|
+
import { allowedProps } from './props';
|
|
33
33
|
import TableContext from '../TableContext';
|
|
34
34
|
|
|
35
35
|
/**
|
|
@@ -62,7 +62,7 @@ let RowHeader = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_
|
|
|
62
62
|
children: callRenderProp(children)
|
|
63
63
|
});
|
|
64
64
|
}
|
|
65
|
-
}, _RowHeader.displayName = "RowHeader", _RowHeader.componentId = 'Table.RowHeader', _RowHeader.contextType = TableContext, _RowHeader.allowedProps = allowedProps, _RowHeader.
|
|
65
|
+
}, _RowHeader.displayName = "RowHeader", _RowHeader.componentId = 'Table.RowHeader', _RowHeader.contextType = TableContext, _RowHeader.allowedProps = allowedProps, _RowHeader.defaultProps = {
|
|
66
66
|
textAlign: 'start',
|
|
67
67
|
children: null
|
|
68
68
|
}, _RowHeader)) || _class);
|
|
@@ -22,10 +22,5 @@
|
|
|
22
22
|
* SOFTWARE.
|
|
23
23
|
*/
|
|
24
24
|
|
|
25
|
-
import PropTypes from 'prop-types';
|
|
26
|
-
const propTypes = {
|
|
27
|
-
children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
|
|
28
|
-
textAlign: PropTypes.oneOf(['start', 'center', 'end'])
|
|
29
|
-
};
|
|
30
25
|
const allowedProps = ['children', 'textAlign'];
|
|
31
|
-
export {
|
|
26
|
+
export { allowedProps };
|
package/es/Table/index.js
CHANGED
|
@@ -37,7 +37,7 @@ import { Row } from './Row';
|
|
|
37
37
|
import { ColHeader } from './ColHeader';
|
|
38
38
|
import { RowHeader } from './RowHeader';
|
|
39
39
|
import { Cell } from './Cell';
|
|
40
|
-
import { allowedProps
|
|
40
|
+
import { allowedProps } from './props';
|
|
41
41
|
import TableContext from './TableContext';
|
|
42
42
|
|
|
43
43
|
/**
|
|
@@ -119,7 +119,7 @@ let Table = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_clas
|
|
|
119
119
|
})
|
|
120
120
|
});
|
|
121
121
|
}
|
|
122
|
-
}, _Table.displayName = "Table", _Table.componentId = 'Table', _Table.allowedProps = allowedProps, _Table.
|
|
122
|
+
}, _Table.displayName = "Table", _Table.componentId = 'Table', _Table.allowedProps = allowedProps, _Table.defaultProps = {
|
|
123
123
|
children: null,
|
|
124
124
|
hover: false,
|
|
125
125
|
layout: 'auto'
|
package/es/Table/props.js
CHANGED
|
@@ -22,14 +22,5 @@
|
|
|
22
22
|
* SOFTWARE.
|
|
23
23
|
*/
|
|
24
24
|
|
|
25
|
-
import PropTypes from 'prop-types';
|
|
26
|
-
const propTypes = {
|
|
27
|
-
caption: PropTypes.node.isRequired,
|
|
28
|
-
children: PropTypes.node,
|
|
29
|
-
margin: PropTypes.string,
|
|
30
|
-
elementRef: PropTypes.func,
|
|
31
|
-
hover: PropTypes.bool,
|
|
32
|
-
layout: PropTypes.oneOf(['auto', 'fixed', 'stacked'])
|
|
33
|
-
};
|
|
34
25
|
const allowedProps = ['caption', 'children', 'margin', 'elementRef', 'hover', 'layout'];
|
|
35
|
-
export {
|
|
26
|
+
export { allowedProps };
|
package/lib/Table/Body/index.js
CHANGED
|
@@ -58,10 +58,7 @@ let Body = exports.Body = (_dec = (0, _emotion.withStyle)(_styles.default, _them
|
|
|
58
58
|
const _this$props3 = this.props,
|
|
59
59
|
children = _this$props3.children,
|
|
60
60
|
styles = _this$props3.styles;
|
|
61
|
-
const
|
|
62
|
-
isStacked = _this$context.isStacked,
|
|
63
|
-
hover = _this$context.hover,
|
|
64
|
-
headers = _this$context.headers;
|
|
61
|
+
const isStacked = this.context.isStacked;
|
|
65
62
|
return (0, _jsxRuntime.jsx)(_View.View, {
|
|
66
63
|
..._View.View.omitViewProps((0, _omitProps.omitProps)(this.props, Body.allowedProps), Body),
|
|
67
64
|
as: isStacked ? 'div' : 'tbody',
|
|
@@ -70,23 +67,14 @@ let Body = exports.Body = (_dec = (0, _emotion.withStyle)(_styles.default, _them
|
|
|
70
67
|
children: _react.Children.map(children, child => {
|
|
71
68
|
if (/*#__PURE__*/(0, _react.isValidElement)(child)) {
|
|
72
69
|
return (0, _safeCloneElement.safeCloneElement)(child, {
|
|
73
|
-
key: child.props.name
|
|
74
|
-
// Sent down for compatibility with custom components
|
|
75
|
-
// TODO DEPRECATED, remove in v11
|
|
76
|
-
hover,
|
|
77
|
-
// Sent down for compatibility with custom components
|
|
78
|
-
// TODO DEPRECATED, remove in v11
|
|
79
|
-
isStacked,
|
|
80
|
-
// Sent down for compatibility with custom components
|
|
81
|
-
// TODO DEPRECATED, remove in v11
|
|
82
|
-
headers
|
|
70
|
+
key: child.props.name
|
|
83
71
|
});
|
|
84
72
|
}
|
|
85
73
|
return child;
|
|
86
74
|
})
|
|
87
75
|
});
|
|
88
76
|
}
|
|
89
|
-
}, _Body.displayName = "Body", _Body.componentId = 'Table.Body', _Body.contextType = _TableContext.default, _Body.allowedProps = _props.allowedProps, _Body.
|
|
77
|
+
}, _Body.displayName = "Body", _Body.componentId = 'Table.Body', _Body.contextType = _TableContext.default, _Body.allowedProps = _props.allowedProps, _Body.defaultProps = {
|
|
90
78
|
children: null
|
|
91
79
|
}, _Body)) || _class);
|
|
92
80
|
var _default = exports.default = Body;
|
package/lib/Table/Body/props.js
CHANGED
|
@@ -1,11 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
3
|
Object.defineProperty(exports, "__esModule", {
|
|
5
4
|
value: true
|
|
6
5
|
});
|
|
7
|
-
exports.
|
|
8
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
6
|
+
exports.allowedProps = void 0;
|
|
9
7
|
/*
|
|
10
8
|
* The MIT License (MIT)
|
|
11
9
|
*
|
|
@@ -30,7 +28,4 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
|
30
28
|
* SOFTWARE.
|
|
31
29
|
*/
|
|
32
30
|
|
|
33
|
-
const propTypes = exports.propTypes = {
|
|
34
|
-
children: _propTypes.default.node
|
|
35
|
-
};
|
|
36
31
|
const allowedProps = exports.allowedProps = ['children'];
|
package/lib/Table/Cell/index.js
CHANGED
|
@@ -68,7 +68,7 @@ let Cell = exports.Cell = (_dec = (0, _emotion.withStyle)(_styles.default, _them
|
|
|
68
68
|
children: [header && (0, _callRenderProp.callRenderProp)(header), header && ': ', (0, _callRenderProp.callRenderProp)(children)]
|
|
69
69
|
});
|
|
70
70
|
}
|
|
71
|
-
}, _Cell.displayName = "Cell", _Cell.componentId = 'Table.Cell', _Cell.contextType = _TableContext.default, _Cell.allowedProps = _props.allowedProps, _Cell.
|
|
71
|
+
}, _Cell.displayName = "Cell", _Cell.componentId = 'Table.Cell', _Cell.contextType = _TableContext.default, _Cell.allowedProps = _props.allowedProps, _Cell.defaultProps = {
|
|
72
72
|
textAlign: 'start',
|
|
73
73
|
children: null
|
|
74
74
|
}, _Cell)) || _class);
|
package/lib/Table/Cell/props.js
CHANGED
|
@@ -1,11 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
3
|
Object.defineProperty(exports, "__esModule", {
|
|
5
4
|
value: true
|
|
6
5
|
});
|
|
7
|
-
exports.
|
|
8
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
6
|
+
exports.allowedProps = void 0;
|
|
9
7
|
/*
|
|
10
8
|
* The MIT License (MIT)
|
|
11
9
|
*
|
|
@@ -30,9 +28,4 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
|
30
28
|
* SOFTWARE.
|
|
31
29
|
*/
|
|
32
30
|
|
|
33
|
-
const propTypes = exports.propTypes = {
|
|
34
|
-
children: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]),
|
|
35
|
-
header: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]),
|
|
36
|
-
textAlign: _propTypes.default.oneOf(['start', 'center', 'end'])
|
|
37
|
-
};
|
|
38
31
|
const allowedProps = exports.allowedProps = ['children', 'header', 'textAlign'];
|
|
@@ -114,7 +114,7 @@ let ColHeader = exports.ColHeader = (_dec = (0, _emotion.withStyle)(_styles.defa
|
|
|
114
114
|
}), !onRequestSort && children, !onRequestSort && this.renderSortArrow()]
|
|
115
115
|
});
|
|
116
116
|
}
|
|
117
|
-
}, _ColHeader.displayName = "ColHeader", _ColHeader.componentId = 'Table.ColHeader', _ColHeader.allowedProps = _props.allowedProps, _ColHeader.
|
|
117
|
+
}, _ColHeader.displayName = "ColHeader", _ColHeader.componentId = 'Table.ColHeader', _ColHeader.allowedProps = _props.allowedProps, _ColHeader.defaultProps = {
|
|
118
118
|
textAlign: 'start',
|
|
119
119
|
sortDirection: 'none',
|
|
120
120
|
children: null,
|
|
@@ -1,11 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
3
|
Object.defineProperty(exports, "__esModule", {
|
|
5
4
|
value: true
|
|
6
5
|
});
|
|
7
|
-
exports.
|
|
8
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
6
|
+
exports.allowedProps = void 0;
|
|
9
7
|
/*
|
|
10
8
|
* The MIT License (MIT)
|
|
11
9
|
*
|
|
@@ -30,15 +28,4 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
|
30
28
|
* SOFTWARE.
|
|
31
29
|
*/
|
|
32
30
|
|
|
33
|
-
const
|
|
34
|
-
isStacked: _propTypes.default.bool,
|
|
35
|
-
id: _propTypes.default.string.isRequired,
|
|
36
|
-
stackedSortByLabel: _propTypes.default.string,
|
|
37
|
-
children: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]),
|
|
38
|
-
width: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
|
|
39
|
-
textAlign: _propTypes.default.oneOf(['start', 'center', 'end']),
|
|
40
|
-
sortDirection: _propTypes.default.oneOf(['none', 'ascending', 'descending']),
|
|
41
|
-
onRequestSort: _propTypes.default.func,
|
|
42
|
-
scope: _propTypes.default.oneOf(['row', 'col', 'rowgroup', 'colgroup', 'auto'])
|
|
43
|
-
};
|
|
44
|
-
const allowedProps = exports.allowedProps = ['id', 'isStacked', 'stackedSortByLabel', 'children', 'width', 'textAlign', 'sortDirection', 'onRequestSort', 'scope'];
|
|
31
|
+
const allowedProps = exports.allowedProps = ['id', 'stackedSortByLabel', 'children', 'width', 'textAlign', 'sortDirection', 'onRequestSort', 'scope'];
|
package/lib/Table/Head/index.js
CHANGED
|
@@ -167,15 +167,13 @@ let Head = exports.Head = (_dec = (0, _emotion.withStyle)(_styles.default, _them
|
|
|
167
167
|
const _this$props4 = this.props,
|
|
168
168
|
children = _this$props4.children,
|
|
169
169
|
styles = _this$props4.styles;
|
|
170
|
-
return this.context.isStacked ? this.renderSelect() :
|
|
171
|
-
|
|
172
|
-
(0, _jsxRuntime.jsx)("thead", {
|
|
173
|
-
...(0, _omitProps.omitProps)(this.props, Head.allowedProps, ['hover']),
|
|
170
|
+
return this.context.isStacked ? this.renderSelect() : (0, _jsxRuntime.jsx)("thead", {
|
|
171
|
+
...(0, _omitProps.omitProps)(this.props, Head.allowedProps),
|
|
174
172
|
css: styles === null || styles === void 0 ? void 0 : styles.head,
|
|
175
173
|
children: children
|
|
176
174
|
});
|
|
177
175
|
}
|
|
178
|
-
}, _Head.displayName = "Head", _Head.componentId = 'Table.Head', _Head.contextType = _TableContext.default, _Head.allowedProps = _props.allowedProps, _Head.
|
|
176
|
+
}, _Head.displayName = "Head", _Head.componentId = 'Table.Head', _Head.contextType = _TableContext.default, _Head.allowedProps = _props.allowedProps, _Head.defaultProps = {
|
|
179
177
|
children: null
|
|
180
178
|
}, _Head)) || _class);
|
|
181
179
|
var _default = exports.default = Head;
|
package/lib/Table/Head/props.js
CHANGED
|
@@ -1,11 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
3
|
Object.defineProperty(exports, "__esModule", {
|
|
5
4
|
value: true
|
|
6
5
|
});
|
|
7
|
-
exports.
|
|
8
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
6
|
+
exports.allowedProps = void 0;
|
|
9
7
|
/*
|
|
10
8
|
* The MIT License (MIT)
|
|
11
9
|
*
|
|
@@ -30,8 +28,4 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
|
30
28
|
* SOFTWARE.
|
|
31
29
|
*/
|
|
32
30
|
|
|
33
|
-
const propTypes = exports.propTypes = {
|
|
34
|
-
children: _propTypes.default.node,
|
|
35
|
-
renderSortLabel: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func])
|
|
36
|
-
};
|
|
37
31
|
const allowedProps = exports.allowedProps = ['children', 'renderSortLabel'];
|
package/lib/Table/Row/index.js
CHANGED
|
@@ -75,9 +75,6 @@ let Row = exports.Row = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.
|
|
|
75
75
|
if (/*#__PURE__*/(0, _react.isValidElement)(child)) {
|
|
76
76
|
return (0, _safeCloneElement.safeCloneElement)(child, {
|
|
77
77
|
key: child.props.name,
|
|
78
|
-
// Sent down for compatibility with custom components
|
|
79
|
-
// TODO DEPRECATED, remove in v11
|
|
80
|
-
isStacked,
|
|
81
78
|
// used by `Cell` to render its column title in `stacked` layout
|
|
82
79
|
header: headers && headers[index]
|
|
83
80
|
});
|
|
@@ -86,7 +83,7 @@ let Row = exports.Row = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.
|
|
|
86
83
|
})
|
|
87
84
|
});
|
|
88
85
|
}
|
|
89
|
-
}, _Row.displayName = "Row", _Row.componentId = 'Table.Row', _Row.contextType = _TableContext.default, _Row.allowedProps = _props.allowedProps, _Row.
|
|
86
|
+
}, _Row.displayName = "Row", _Row.componentId = 'Table.Row', _Row.contextType = _TableContext.default, _Row.allowedProps = _props.allowedProps, _Row.defaultProps = {
|
|
90
87
|
children: null
|
|
91
88
|
}, _Row)) || _class);
|
|
92
89
|
var _default = exports.default = Row;
|
package/lib/Table/Row/props.js
CHANGED
|
@@ -1,11 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
3
|
Object.defineProperty(exports, "__esModule", {
|
|
5
4
|
value: true
|
|
6
5
|
});
|
|
7
|
-
exports.
|
|
8
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
6
|
+
exports.allowedProps = void 0;
|
|
9
7
|
/*
|
|
10
8
|
* The MIT License (MIT)
|
|
11
9
|
*
|
|
@@ -30,8 +28,4 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
|
30
28
|
* SOFTWARE.
|
|
31
29
|
*/
|
|
32
30
|
|
|
33
|
-
const propTypes = exports.propTypes = {
|
|
34
|
-
children: _propTypes.default.node,
|
|
35
|
-
setHoverStateTo: _propTypes.default.bool
|
|
36
|
-
};
|
|
37
31
|
const allowedProps = exports.allowedProps = ['children', 'setHoverStateTo'];
|
|
@@ -68,7 +68,7 @@ let RowHeader = exports.RowHeader = (_dec = (0, _emotion.withStyle)(_styles.defa
|
|
|
68
68
|
children: (0, _callRenderProp.callRenderProp)(children)
|
|
69
69
|
});
|
|
70
70
|
}
|
|
71
|
-
}, _RowHeader.displayName = "RowHeader", _RowHeader.componentId = 'Table.RowHeader', _RowHeader.contextType = _TableContext.default, _RowHeader.allowedProps = _props.allowedProps, _RowHeader.
|
|
71
|
+
}, _RowHeader.displayName = "RowHeader", _RowHeader.componentId = 'Table.RowHeader', _RowHeader.contextType = _TableContext.default, _RowHeader.allowedProps = _props.allowedProps, _RowHeader.defaultProps = {
|
|
72
72
|
textAlign: 'start',
|
|
73
73
|
children: null
|
|
74
74
|
}, _RowHeader)) || _class);
|
|
@@ -1,11 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
3
|
Object.defineProperty(exports, "__esModule", {
|
|
5
4
|
value: true
|
|
6
5
|
});
|
|
7
|
-
exports.
|
|
8
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
6
|
+
exports.allowedProps = void 0;
|
|
9
7
|
/*
|
|
10
8
|
* The MIT License (MIT)
|
|
11
9
|
*
|
|
@@ -30,8 +28,4 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
|
30
28
|
* SOFTWARE.
|
|
31
29
|
*/
|
|
32
30
|
|
|
33
|
-
const propTypes = exports.propTypes = {
|
|
34
|
-
children: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]),
|
|
35
|
-
textAlign: _propTypes.default.oneOf(['start', 'center', 'end'])
|
|
36
|
-
};
|
|
37
31
|
const allowedProps = exports.allowedProps = ['children', 'textAlign'];
|
package/lib/Table/index.js
CHANGED
|
@@ -125,7 +125,7 @@ let Table = exports.Table = (_dec = (0, _emotion.withStyle)(_styles.default, _th
|
|
|
125
125
|
})
|
|
126
126
|
});
|
|
127
127
|
}
|
|
128
|
-
}, _Table.displayName = "Table", _Table.componentId = 'Table', _Table.allowedProps = _props.allowedProps, _Table.
|
|
128
|
+
}, _Table.displayName = "Table", _Table.componentId = 'Table', _Table.allowedProps = _props.allowedProps, _Table.defaultProps = {
|
|
129
129
|
children: null,
|
|
130
130
|
hover: false,
|
|
131
131
|
layout: 'auto'
|
package/lib/Table/props.js
CHANGED
|
@@ -1,11 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
3
|
Object.defineProperty(exports, "__esModule", {
|
|
5
4
|
value: true
|
|
6
5
|
});
|
|
7
|
-
exports.
|
|
8
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
6
|
+
exports.allowedProps = void 0;
|
|
9
7
|
/*
|
|
10
8
|
* The MIT License (MIT)
|
|
11
9
|
*
|
|
@@ -30,12 +28,4 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
|
30
28
|
* SOFTWARE.
|
|
31
29
|
*/
|
|
32
30
|
|
|
33
|
-
const propTypes = exports.propTypes = {
|
|
34
|
-
caption: _propTypes.default.node.isRequired,
|
|
35
|
-
children: _propTypes.default.node,
|
|
36
|
-
margin: _propTypes.default.string,
|
|
37
|
-
elementRef: _propTypes.default.func,
|
|
38
|
-
hover: _propTypes.default.bool,
|
|
39
|
-
layout: _propTypes.default.oneOf(['auto', 'fixed', 'stacked'])
|
|
40
|
-
};
|
|
41
31
|
const allowedProps = exports.allowedProps = ['caption', 'children', 'margin', 'elementRef', 'hover', 'layout'];
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@instructure/ui-table",
|
|
3
|
-
"version": "10.25.1-pr-snapshot-
|
|
3
|
+
"version": "10.25.1-pr-snapshot-1757941125745",
|
|
4
4
|
"description": "A styled HTML table component",
|
|
5
5
|
"author": "Instructure, Inc. Engineering and Product Design",
|
|
6
6
|
"module": "./es/index.js",
|
|
@@ -23,10 +23,10 @@
|
|
|
23
23
|
},
|
|
24
24
|
"license": "MIT",
|
|
25
25
|
"devDependencies": {
|
|
26
|
-
"@instructure/ui-axe-check": "10.25.1-pr-snapshot-
|
|
27
|
-
"@instructure/ui-babel-preset": "10.25.1-pr-snapshot-
|
|
28
|
-
"@instructure/ui-color-utils": "10.25.1-pr-snapshot-
|
|
29
|
-
"@instructure/ui-themes": "10.25.1-pr-snapshot-
|
|
26
|
+
"@instructure/ui-axe-check": "10.25.1-pr-snapshot-1757941125745",
|
|
27
|
+
"@instructure/ui-babel-preset": "10.25.1-pr-snapshot-1757941125745",
|
|
28
|
+
"@instructure/ui-color-utils": "10.25.1-pr-snapshot-1757941125745",
|
|
29
|
+
"@instructure/ui-themes": "10.25.1-pr-snapshot-1757941125745",
|
|
30
30
|
"@testing-library/jest-dom": "^6.6.3",
|
|
31
31
|
"@testing-library/react": "^16.0.1",
|
|
32
32
|
"@testing-library/user-event": "^14.6.1",
|
|
@@ -34,21 +34,18 @@
|
|
|
34
34
|
},
|
|
35
35
|
"dependencies": {
|
|
36
36
|
"@babel/runtime": "^7.27.6",
|
|
37
|
-
"@instructure/console": "10.25.1-pr-snapshot-
|
|
38
|
-
"@instructure/emotion": "10.25.1-pr-snapshot-
|
|
39
|
-
"@instructure/shared-types": "10.25.1-pr-snapshot-
|
|
40
|
-
"@instructure/ui-a11y-content": "10.25.1-pr-snapshot-
|
|
41
|
-
"@instructure/ui-icons": "10.25.1-pr-snapshot-
|
|
42
|
-
"@instructure/ui-
|
|
43
|
-
"@instructure/ui-
|
|
44
|
-
"@instructure/ui-
|
|
45
|
-
"@instructure/ui-
|
|
46
|
-
"@instructure/ui-utils": "10.25.1-pr-snapshot-1757670033771",
|
|
47
|
-
"@instructure/ui-view": "10.25.1-pr-snapshot-1757670033771",
|
|
48
|
-
"prop-types": "^15.8.1"
|
|
37
|
+
"@instructure/console": "10.25.1-pr-snapshot-1757941125745",
|
|
38
|
+
"@instructure/emotion": "10.25.1-pr-snapshot-1757941125745",
|
|
39
|
+
"@instructure/shared-types": "10.25.1-pr-snapshot-1757941125745",
|
|
40
|
+
"@instructure/ui-a11y-content": "10.25.1-pr-snapshot-1757941125745",
|
|
41
|
+
"@instructure/ui-icons": "10.25.1-pr-snapshot-1757941125745",
|
|
42
|
+
"@instructure/ui-react-utils": "10.25.1-pr-snapshot-1757941125745",
|
|
43
|
+
"@instructure/ui-simple-select": "10.25.1-pr-snapshot-1757941125745",
|
|
44
|
+
"@instructure/ui-utils": "10.25.1-pr-snapshot-1757941125745",
|
|
45
|
+
"@instructure/ui-view": "10.25.1-pr-snapshot-1757941125745"
|
|
49
46
|
},
|
|
50
47
|
"peerDependencies": {
|
|
51
|
-
"react": ">=
|
|
48
|
+
"react": ">=18 <=19"
|
|
52
49
|
},
|
|
53
50
|
"publishConfig": {
|
|
54
51
|
"access": "public"
|