@instructure/ui-table 8.53.3-pr-snapshot-8 → 8.53.3-pr-snapshot-1709124298948
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/README.md +1 -1
- package/es/Table/Body/index.js +4 -3
- package/es/Table/Cell/index.js +4 -3
- package/es/Table/ColHeader/index.js +21 -12
- package/es/Table/Head/index.js +11 -10
- package/es/Table/Row/index.js +4 -3
- package/es/Table/RowHeader/index.js +4 -3
- package/es/Table/index.js +5 -4
- package/lib/Table/Body/index.js +3 -2
- package/lib/Table/Cell/index.js +3 -2
- package/lib/Table/ColHeader/index.js +20 -12
- package/lib/Table/Head/index.js +10 -9
- package/lib/Table/Row/index.js +3 -2
- package/lib/Table/RowHeader/index.js +3 -2
- package/lib/Table/index.js +4 -3
- package/package.json +16 -16
- package/src/Table/Body/index.tsx +1 -2
- package/src/Table/Body/props.ts +1 -1
- package/src/Table/Cell/index.tsx +1 -2
- package/src/Table/ColHeader/index.tsx +2 -3
- package/src/Table/Head/index.tsx +1 -2
- package/src/Table/Head/props.ts +0 -1
- package/src/Table/Row/index.tsx +1 -2
- package/src/Table/Row/props.ts +0 -1
- package/src/Table/RowHeader/index.tsx +1 -2
- package/src/Table/index.tsx +1 -2
- package/src/Table/props.ts +1 -1
- package/tsconfig.build.tsbuildinfo +1 -1
- package/types/Table/Body/index.d.ts +1 -3
- package/types/Table/Body/index.d.ts.map +1 -1
- package/types/Table/Body/props.d.ts +1 -1
- package/types/Table/Body/props.d.ts.map +1 -1
- package/types/Table/Cell/index.d.ts +1 -3
- package/types/Table/Cell/index.d.ts.map +1 -1
- package/types/Table/ColHeader/index.d.ts +7 -9
- package/types/Table/ColHeader/index.d.ts.map +1 -1
- package/types/Table/Head/index.d.ts +2 -4
- package/types/Table/Head/index.d.ts.map +1 -1
- package/types/Table/Head/props.d.ts +1 -1
- package/types/Table/Head/props.d.ts.map +1 -1
- package/types/Table/Row/index.d.ts +1 -3
- package/types/Table/Row/index.d.ts.map +1 -1
- package/types/Table/Row/props.d.ts +1 -1
- package/types/Table/Row/props.d.ts.map +1 -1
- package/types/Table/RowHeader/index.d.ts +1 -3
- package/types/Table/RowHeader/index.d.ts.map +1 -1
- package/types/Table/index.d.ts +1 -3
- package/types/Table/index.d.ts.map +1 -1
- package/types/Table/props.d.ts +1 -1
- package/types/Table/props.d.ts.map +1 -1
@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
6
6
|
});
|
7
7
|
exports.default = exports.RowHeader = void 0;
|
8
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
8
9
|
var _react = require("react");
|
9
10
|
var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
|
10
11
|
var _callRenderProp = require("@instructure/ui-react-utils/lib/callRenderProp.js");
|
@@ -13,6 +14,7 @@ var _emotion = require("@instructure/emotion");
|
|
13
14
|
var _styles = _interopRequireDefault(require("./styles"));
|
14
15
|
var _theme = _interopRequireDefault(require("./theme"));
|
15
16
|
var _props = require("./props");
|
17
|
+
var _react2 = require("@emotion/react");
|
16
18
|
var _dec, _class, _class2;
|
17
19
|
/*
|
18
20
|
* The MIT License (MIT)
|
@@ -37,7 +39,6 @@ var _dec, _class, _class2;
|
|
37
39
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
38
40
|
* SOFTWARE.
|
39
41
|
*/
|
40
|
-
/** @jsx jsx */
|
41
42
|
/**
|
42
43
|
---
|
43
44
|
parent: Table
|
@@ -58,7 +59,7 @@ let RowHeader = exports.RowHeader = (_dec = (0, _emotion.withStyle)(_styles.defa
|
|
58
59
|
children = _this$props3.children,
|
59
60
|
isStacked = _this$props3.isStacked,
|
60
61
|
styles = _this$props3.styles;
|
61
|
-
return (0,
|
62
|
+
return (0, _react2.jsx)(_View.View, (0, _extends2.default)({}, _View.View.omitViewProps((0, _omitProps.omitProps)(this.props, RowHeader.allowedProps), RowHeader), {
|
62
63
|
as: isStacked ? 'div' : 'th',
|
63
64
|
css: styles === null || styles === void 0 ? void 0 : styles.rowHeader,
|
64
65
|
scope: "row",
|
package/lib/Table/index.js
CHANGED
@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
6
6
|
});
|
7
7
|
exports.default = exports.Table = void 0;
|
8
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
8
9
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
9
10
|
var _react = require("react");
|
10
11
|
var _matchComponentTypes = require("@instructure/ui-react-utils/lib/matchComponentTypes.js");
|
@@ -22,6 +23,7 @@ var _ColHeader = require("./ColHeader");
|
|
22
23
|
var _RowHeader = require("./RowHeader");
|
23
24
|
var _Cell = require("./Cell");
|
24
25
|
var _props = require("./props");
|
26
|
+
var _react2 = require("@emotion/react");
|
25
27
|
var _dec, _class, _class2;
|
26
28
|
/*
|
27
29
|
* The MIT License (MIT)
|
@@ -46,7 +48,6 @@ var _dec, _class, _class2;
|
|
46
48
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
47
49
|
* SOFTWARE.
|
48
50
|
*/
|
49
|
-
/** @jsx jsx */
|
50
51
|
/**
|
51
52
|
---
|
52
53
|
category: components
|
@@ -99,14 +100,14 @@ let Table = exports.Table = (_dec = (0, _emotion.withStyle)(_styles.default, _th
|
|
99
100
|
styles = _this$props3.styles;
|
100
101
|
const isStacked = layout === 'stacked';
|
101
102
|
const headers = isStacked ? this.getHeaders() : void 0;
|
102
|
-
return (0,
|
103
|
+
return (0, _react2.jsx)(_View.View, (0, _extends2.default)({}, _View.View.omitViewProps((0, _omitProps.omitProps)(this.props, Table.allowedProps), Table), {
|
103
104
|
as: isStacked ? 'div' : 'table',
|
104
105
|
margin: margin,
|
105
106
|
elementRef: this.handleRef,
|
106
107
|
css: styles === null || styles === void 0 ? void 0 : styles.table,
|
107
108
|
role: isStacked ? 'table' : void 0,
|
108
109
|
"aria-label": isStacked ? caption : void 0
|
109
|
-
}), !isStacked && (0,
|
110
|
+
}), !isStacked && (0, _react2.jsx)("caption", null, (0, _react2.jsx)(_ScreenReaderContent.ScreenReaderContent, null, caption)), _react.Children.map(children, child => {
|
110
111
|
if ((0, _matchComponentTypes.matchComponentTypes)(child, [_Head.Head])) {
|
111
112
|
return (0, _safeCloneElement.safeCloneElement)(child, {
|
112
113
|
key: child.props.name,
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@instructure/ui-table",
|
3
|
-
"version": "8.53.3-pr-snapshot-
|
3
|
+
"version": "8.53.3-pr-snapshot-1709124298948",
|
4
4
|
"description": "A styled HTML table component",
|
5
5
|
"author": "Instructure, Inc. Engineering and Product Design",
|
6
6
|
"module": "./es/index.js",
|
@@ -23,24 +23,24 @@
|
|
23
23
|
},
|
24
24
|
"license": "MIT",
|
25
25
|
"devDependencies": {
|
26
|
-
"@instructure/ui-babel-preset": "8.53.3-pr-snapshot-
|
27
|
-
"@instructure/ui-color-utils": "8.53.3-pr-snapshot-
|
28
|
-
"@instructure/ui-test-utils": "8.53.3-pr-snapshot-
|
29
|
-
"@instructure/ui-themes": "8.53.3-pr-snapshot-
|
26
|
+
"@instructure/ui-babel-preset": "8.53.3-pr-snapshot-1709124298948",
|
27
|
+
"@instructure/ui-color-utils": "8.53.3-pr-snapshot-1709124298948",
|
28
|
+
"@instructure/ui-test-utils": "8.53.3-pr-snapshot-1709124298948",
|
29
|
+
"@instructure/ui-themes": "8.53.3-pr-snapshot-1709124298948"
|
30
30
|
},
|
31
31
|
"dependencies": {
|
32
32
|
"@babel/runtime": "^7.23.2",
|
33
|
-
"@instructure/console": "8.53.3-pr-snapshot-
|
34
|
-
"@instructure/emotion": "8.53.3-pr-snapshot-
|
35
|
-
"@instructure/shared-types": "8.53.3-pr-snapshot-
|
36
|
-
"@instructure/ui-a11y-content": "8.53.3-pr-snapshot-
|
37
|
-
"@instructure/ui-icons": "8.53.3-pr-snapshot-
|
38
|
-
"@instructure/ui-prop-types": "8.53.3-pr-snapshot-
|
39
|
-
"@instructure/ui-react-utils": "8.53.3-pr-snapshot-
|
40
|
-
"@instructure/ui-simple-select": "8.53.3-pr-snapshot-
|
41
|
-
"@instructure/ui-testable": "8.53.3-pr-snapshot-
|
42
|
-
"@instructure/ui-utils": "8.53.3-pr-snapshot-
|
43
|
-
"@instructure/ui-view": "8.53.3-pr-snapshot-
|
33
|
+
"@instructure/console": "8.53.3-pr-snapshot-1709124298948",
|
34
|
+
"@instructure/emotion": "8.53.3-pr-snapshot-1709124298948",
|
35
|
+
"@instructure/shared-types": "8.53.3-pr-snapshot-1709124298948",
|
36
|
+
"@instructure/ui-a11y-content": "8.53.3-pr-snapshot-1709124298948",
|
37
|
+
"@instructure/ui-icons": "8.53.3-pr-snapshot-1709124298948",
|
38
|
+
"@instructure/ui-prop-types": "8.53.3-pr-snapshot-1709124298948",
|
39
|
+
"@instructure/ui-react-utils": "8.53.3-pr-snapshot-1709124298948",
|
40
|
+
"@instructure/ui-simple-select": "8.53.3-pr-snapshot-1709124298948",
|
41
|
+
"@instructure/ui-testable": "8.53.3-pr-snapshot-1709124298948",
|
42
|
+
"@instructure/ui-utils": "8.53.3-pr-snapshot-1709124298948",
|
43
|
+
"@instructure/ui-view": "8.53.3-pr-snapshot-1709124298948",
|
44
44
|
"prop-types": "^15.8.1"
|
45
45
|
},
|
46
46
|
"peerDependencies": {
|
package/src/Table/Body/index.tsx
CHANGED
@@ -22,7 +22,6 @@
|
|
22
22
|
* SOFTWARE.
|
23
23
|
*/
|
24
24
|
|
25
|
-
/** @jsx jsx */
|
26
25
|
import { Component, Children } from 'react'
|
27
26
|
|
28
27
|
import {
|
@@ -31,7 +30,7 @@ import {
|
|
31
30
|
omitProps
|
32
31
|
} from '@instructure/ui-react-utils'
|
33
32
|
import { View } from '@instructure/ui-view'
|
34
|
-
import { withStyle
|
33
|
+
import { withStyle } from '@instructure/emotion'
|
35
34
|
|
36
35
|
import generateStyle from './styles'
|
37
36
|
import generateComponentTheme from './theme'
|
package/src/Table/Body/props.ts
CHANGED
package/src/Table/Cell/index.tsx
CHANGED
@@ -22,13 +22,12 @@
|
|
22
22
|
* SOFTWARE.
|
23
23
|
*/
|
24
24
|
|
25
|
-
/** @jsx jsx */
|
26
25
|
import { Component } from 'react'
|
27
26
|
|
28
27
|
import { omitProps, callRenderProp } from '@instructure/ui-react-utils'
|
29
28
|
import { View } from '@instructure/ui-view'
|
30
29
|
|
31
|
-
import { withStyle
|
30
|
+
import { withStyle } from '@instructure/emotion'
|
32
31
|
|
33
32
|
import generateStyle from './styles'
|
34
33
|
import generateComponentTheme from './theme'
|
@@ -22,8 +22,7 @@
|
|
22
22
|
* SOFTWARE.
|
23
23
|
*/
|
24
24
|
|
25
|
-
|
26
|
-
import React, { Component } from 'react'
|
25
|
+
import { Component } from 'react'
|
27
26
|
|
28
27
|
import { omitProps, callRenderProp } from '@instructure/ui-react-utils'
|
29
28
|
import {
|
@@ -32,7 +31,7 @@ import {
|
|
32
31
|
IconMiniArrowDoubleLine
|
33
32
|
} from '@instructure/ui-icons'
|
34
33
|
|
35
|
-
import { withStyle
|
34
|
+
import { withStyle } from '@instructure/emotion'
|
36
35
|
|
37
36
|
import generateStyle from './styles'
|
38
37
|
import generateComponentTheme from './theme'
|
package/src/Table/Head/index.tsx
CHANGED
@@ -22,7 +22,6 @@
|
|
22
22
|
* SOFTWARE.
|
23
23
|
*/
|
24
24
|
|
25
|
-
/** @jsx jsx */
|
26
25
|
import { Component, Children } from 'react'
|
27
26
|
|
28
27
|
import {
|
@@ -36,7 +35,7 @@ import { ScreenReaderContent } from '@instructure/ui-a11y-content'
|
|
36
35
|
import { IconCheckLine } from '@instructure/ui-icons'
|
37
36
|
import { warn } from '@instructure/console'
|
38
37
|
|
39
|
-
import { withStyle
|
38
|
+
import { withStyle } from '@instructure/emotion'
|
40
39
|
|
41
40
|
import generateStyle from './styles'
|
42
41
|
import generateComponentTheme from './theme'
|
package/src/Table/Head/props.ts
CHANGED
package/src/Table/Row/index.tsx
CHANGED
@@ -22,7 +22,6 @@
|
|
22
22
|
* SOFTWARE.
|
23
23
|
*/
|
24
24
|
|
25
|
-
/** @jsx jsx */
|
26
25
|
import { Component, Children } from 'react'
|
27
26
|
|
28
27
|
import {
|
@@ -32,7 +31,7 @@ import {
|
|
32
31
|
} from '@instructure/ui-react-utils'
|
33
32
|
import { View } from '@instructure/ui-view'
|
34
33
|
|
35
|
-
import { withStyle
|
34
|
+
import { withStyle } from '@instructure/emotion'
|
36
35
|
|
37
36
|
import generateStyle from './styles'
|
38
37
|
import generateComponentTheme from './theme'
|
package/src/Table/Row/props.ts
CHANGED
@@ -22,13 +22,12 @@
|
|
22
22
|
* SOFTWARE.
|
23
23
|
*/
|
24
24
|
|
25
|
-
/** @jsx jsx */
|
26
25
|
import { Component } from 'react'
|
27
26
|
|
28
27
|
import { omitProps, callRenderProp } from '@instructure/ui-react-utils'
|
29
28
|
import { View } from '@instructure/ui-view'
|
30
29
|
|
31
|
-
import { withStyle
|
30
|
+
import { withStyle } from '@instructure/emotion'
|
32
31
|
|
33
32
|
import generateStyle from './styles'
|
34
33
|
import generateComponentTheme from './theme'
|
package/src/Table/index.tsx
CHANGED
@@ -22,7 +22,6 @@
|
|
22
22
|
* SOFTWARE.
|
23
23
|
*/
|
24
24
|
|
25
|
-
/** @jsx jsx */
|
26
25
|
import { Component, Children } from 'react'
|
27
26
|
|
28
27
|
import {
|
@@ -33,7 +32,7 @@ import {
|
|
33
32
|
import { View } from '@instructure/ui-view'
|
34
33
|
import { ScreenReaderContent } from '@instructure/ui-a11y-content'
|
35
34
|
|
36
|
-
import { withStyle
|
35
|
+
import { withStyle } from '@instructure/emotion'
|
37
36
|
|
38
37
|
import generateStyle from './styles'
|
39
38
|
import generateComponentTheme from './theme'
|
package/src/Table/props.ts
CHANGED