@atlaskit/table 0.12.9 → 0.12.11
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 +14 -0
- package/dist/cjs/sortable-column.js +1 -1
- package/dist/cjs/ui/tbody.compiled.css +1 -1
- package/dist/cjs/ui/tbody.js +2 -5
- package/dist/cjs/ui/thead.compiled.css +2 -2
- package/dist/cjs/ui/thead.js +2 -6
- package/dist/cjs/ui/tr.js +1 -1
- package/dist/es2019/sortable-column.js +1 -1
- package/dist/es2019/ui/tbody.js +1 -1
- package/dist/es2019/ui/thead.js +1 -1
- package/dist/es2019/ui/tr.js +1 -1
- package/dist/esm/sortable-column.js +1 -1
- package/dist/esm/ui/tbody.compiled.css +1 -1
- package/dist/esm/ui/tbody.js +2 -5
- package/dist/esm/ui/thead.compiled.css +2 -2
- package/dist/esm/ui/thead.js +2 -6
- package/dist/esm/ui/tr.js +1 -1
- package/dist/types/ui/base-cell.d.ts +5 -39
- package/dist/types-ts4.5/ui/base-cell.d.ts +5 -39
- package/package.json +10 -10
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,19 @@
|
|
|
1
1
|
# @atlaskit/table
|
|
2
2
|
|
|
3
|
+
## 0.12.11
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- Updated dependencies
|
|
8
|
+
|
|
9
|
+
## 0.12.10
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- [`39e543109ec09`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/39e543109ec09) -
|
|
14
|
+
add type info to forwardRef components
|
|
15
|
+
- Updated dependencies
|
|
16
|
+
|
|
3
17
|
## 0.12.9
|
|
4
18
|
|
|
5
19
|
### Patch Changes
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
._19itglyw{border:none}
|
|
3
3
|
._9v7aidpf:after{inset:0}._11fnglyw:after{pointer-events:none}
|
|
4
4
|
._18postnw:after{position:absolute}
|
|
5
|
-
.
|
|
5
|
+
._8x3u8fd9:after{box-shadow:inset 0 -2px 0 0 var(--ds-border,#eee)}
|
|
6
6
|
._aetrb3bt:after{content:""}
|
|
7
7
|
._kqswh2mm{position:relative}
|
package/dist/cjs/ui/tbody.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* tbody.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* tbody.tsx generated by @compiled/babel-plugin v0.38.1 */
|
|
2
2
|
"use strict";
|
|
3
3
|
|
|
4
4
|
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
@@ -19,9 +19,6 @@ var bodyStyles = null;
|
|
|
19
19
|
var TBody = exports.TBody = function TBody(_ref) {
|
|
20
20
|
var children = _ref.children;
|
|
21
21
|
return /*#__PURE__*/React.createElement("tbody", {
|
|
22
|
-
className: (0, _runtime.ax)(["_19itglyw _kqswh2mm _9v7aidpf _18postnw
|
|
23
|
-
style: {
|
|
24
|
-
"--_1tz90uq": (0, _runtime.ix)("inset 0 -2px 0 0 ".concat("var(--ds-border, #eee)"))
|
|
25
|
-
}
|
|
22
|
+
className: (0, _runtime.ax)(["_19itglyw _kqswh2mm _9v7aidpf _18postnw _8x3u8fd9 _aetrb3bt _11fnglyw"])
|
|
26
23
|
}, children);
|
|
27
24
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
|
|
2
2
|
._19itglyw{border:none}
|
|
3
|
-
._1r04idpf{inset:0}.
|
|
4
|
-
.
|
|
3
|
+
._1r04idpf{inset:0}._179rhf6m{border-block-end:var(--ds-border-width-selected,2px) solid var(--ds-border,#eee)}
|
|
4
|
+
._mqm25u6v{border-block-start:var(--ds-border-width-selected,2px) solid transparent}
|
|
5
5
|
._1pbykb7n{z-index:1}
|
|
6
6
|
._bfhkvuon{background-color:var(--ds-surface,#fff)}
|
|
7
7
|
._kqsw1if8{position:sticky}
|
package/dist/cjs/ui/thead.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* thead.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* thead.tsx generated by @compiled/babel-plugin v0.38.1 */
|
|
2
2
|
"use strict";
|
|
3
3
|
|
|
4
4
|
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
@@ -22,10 +22,6 @@ var baseStyles = null;
|
|
|
22
22
|
var THead = exports.THead = function THead(_ref) {
|
|
23
23
|
var children = _ref.children;
|
|
24
24
|
return /*#__PURE__*/React.createElement("thead", {
|
|
25
|
-
className: (0, _runtime.ax)(["_1r04idpf _19itglyw
|
|
26
|
-
style: {
|
|
27
|
-
"--_15oo9n7": (0, _runtime.ix)("var(--ds-border-width-selected, 2px)".concat(" solid ", "var(--ds-border, #eee)")),
|
|
28
|
-
"--_td4d7n": (0, _runtime.ix)("var(--ds-border-width-selected, 2px)".concat(" solid transparent"))
|
|
29
|
-
}
|
|
25
|
+
className: (0, _runtime.ax)(["_1r04idpf _19itglyw _179rhf6m _mqm25u6v _kqsw1if8 _1pbykb7n _bfhkvuon"])
|
|
30
26
|
}, children);
|
|
31
27
|
};
|
package/dist/cjs/ui/tr.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* sortable-column.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* sortable-column.tsx generated by @compiled/babel-plugin v0.38.1 */
|
|
2
2
|
import _extends from "@babel/runtime/helpers/extends";
|
|
3
3
|
import "./sortable-column.compiled.css";
|
|
4
4
|
import * as React from 'react';
|
package/dist/es2019/ui/tbody.js
CHANGED
package/dist/es2019/ui/thead.js
CHANGED
package/dist/es2019/ui/tr.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* sortable-column.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* sortable-column.tsx generated by @compiled/babel-plugin v0.38.1 */
|
|
2
2
|
import _extends from "@babel/runtime/helpers/extends";
|
|
3
3
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
4
4
|
var _excluded = ["name", "testId", "onClick", "children"];
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
._19itglyw{border:none}
|
|
3
3
|
._9v7aidpf:after{inset:0}._11fnglyw:after{pointer-events:none}
|
|
4
4
|
._18postnw:after{position:absolute}
|
|
5
|
-
.
|
|
5
|
+
._8x3u8fd9:after{box-shadow:inset 0 -2px 0 0 var(--ds-border,#eee)}
|
|
6
6
|
._aetrb3bt:after{content:""}
|
|
7
7
|
._kqswh2mm{position:relative}
|
package/dist/esm/ui/tbody.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* tbody.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* tbody.tsx generated by @compiled/babel-plugin v0.38.1 */
|
|
2
2
|
import "./tbody.compiled.css";
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
@@ -11,9 +11,6 @@ var bodyStyles = null;
|
|
|
11
11
|
export var TBody = function TBody(_ref) {
|
|
12
12
|
var children = _ref.children;
|
|
13
13
|
return /*#__PURE__*/React.createElement("tbody", {
|
|
14
|
-
className: ax(["_19itglyw _kqswh2mm _9v7aidpf _18postnw
|
|
15
|
-
style: {
|
|
16
|
-
"--_1tz90uq": ix("inset 0 -2px 0 0 ".concat("var(--ds-border, #eee)"))
|
|
17
|
-
}
|
|
14
|
+
className: ax(["_19itglyw _kqswh2mm _9v7aidpf _18postnw _8x3u8fd9 _aetrb3bt _11fnglyw"])
|
|
18
15
|
}, children);
|
|
19
16
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
|
|
2
2
|
._19itglyw{border:none}
|
|
3
|
-
._1r04idpf{inset:0}.
|
|
4
|
-
.
|
|
3
|
+
._1r04idpf{inset:0}._179rhf6m{border-block-end:var(--ds-border-width-selected,2px) solid var(--ds-border,#eee)}
|
|
4
|
+
._mqm25u6v{border-block-start:var(--ds-border-width-selected,2px) solid transparent}
|
|
5
5
|
._1pbykb7n{z-index:1}
|
|
6
6
|
._bfhkvuon{background-color:var(--ds-surface,#fff)}
|
|
7
7
|
._kqsw1if8{position:sticky}
|
package/dist/esm/ui/thead.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* thead.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* thead.tsx generated by @compiled/babel-plugin v0.38.1 */
|
|
2
2
|
import "./thead.compiled.css";
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
@@ -14,10 +14,6 @@ var baseStyles = null;
|
|
|
14
14
|
export var THead = function THead(_ref) {
|
|
15
15
|
var children = _ref.children;
|
|
16
16
|
return /*#__PURE__*/React.createElement("thead", {
|
|
17
|
-
className: ax(["_1r04idpf _19itglyw
|
|
18
|
-
style: {
|
|
19
|
-
"--_15oo9n7": ix("var(--ds-border-width-selected, 2px)".concat(" solid ", "var(--ds-border, #eee)")),
|
|
20
|
-
"--_td4d7n": ix("var(--ds-border-width-selected, 2px)".concat(" solid transparent"))
|
|
21
|
-
}
|
|
17
|
+
className: ax(["_1r04idpf _19itglyw _179rhf6m _mqm25u6v _kqsw1if8 _1pbykb7n _bfhkvuon"])
|
|
22
18
|
}, children);
|
|
23
19
|
};
|
package/dist/esm/ui/tr.js
CHANGED
|
@@ -41,6 +41,9 @@ export type BaseCellProps = {
|
|
|
41
41
|
* https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-sort
|
|
42
42
|
*/
|
|
43
43
|
export type SortDirection = 'ascending' | 'descending' | 'none' | 'other';
|
|
44
|
+
type InternalBaseCellProps = BaseCellProps & {
|
|
45
|
+
sortDirection?: SortDirection;
|
|
46
|
+
};
|
|
44
47
|
/**
|
|
45
48
|
* __BaseCell__
|
|
46
49
|
*
|
|
@@ -48,42 +51,5 @@ export type SortDirection = 'ascending' | 'descending' | 'none' | 'other';
|
|
|
48
51
|
*
|
|
49
52
|
* Basic cell element.
|
|
50
53
|
*/
|
|
51
|
-
export declare const BaseCell: React.ForwardRefExoticComponent<
|
|
52
|
-
|
|
53
|
-
* A percentage of pixel width of the table to apply to a column.
|
|
54
|
-
*/
|
|
55
|
-
width?: string;
|
|
56
|
-
/**
|
|
57
|
-
* Horizontal alignment of content.
|
|
58
|
-
*/
|
|
59
|
-
align?: "icon" | "text" | "number";
|
|
60
|
-
/**
|
|
61
|
-
* Whether the cell should render as a `td` or `th` element.
|
|
62
|
-
*/
|
|
63
|
-
as?: "td" | "th";
|
|
64
|
-
/**
|
|
65
|
-
* Same behavior as the HTML attribute.
|
|
66
|
-
*
|
|
67
|
-
* @see 'https://developer.mozilla.org/en-US/docs/Web/HTML/Element/th#attr-scope'
|
|
68
|
-
*/
|
|
69
|
-
scope?: "col" | "row";
|
|
70
|
-
/**
|
|
71
|
-
* A `testId` prop is a unique string that appears as a data attribute `data-testid`
|
|
72
|
-
* in the rendered code, serving as a hook for automated tests.
|
|
73
|
-
*/
|
|
74
|
-
testId?: string;
|
|
75
|
-
/**
|
|
76
|
-
* Content of the cell.
|
|
77
|
-
*/
|
|
78
|
-
children?: ReactNode;
|
|
79
|
-
/**
|
|
80
|
-
* Number of columns to span.
|
|
81
|
-
*/
|
|
82
|
-
colSpan?: number;
|
|
83
|
-
/**
|
|
84
|
-
* Number of rows to span.
|
|
85
|
-
*/
|
|
86
|
-
rowSpan?: number;
|
|
87
|
-
} & Pick<BoxProps<any>, "backgroundColor" | "paddingBlock" | "paddingInline" | "xcss"> & {
|
|
88
|
-
sortDirection?: SortDirection;
|
|
89
|
-
} & React.RefAttributes<HTMLTableCellElement>>;
|
|
54
|
+
export declare const BaseCell: React.ForwardRefExoticComponent<React.PropsWithoutRef<InternalBaseCellProps> & React.RefAttributes<HTMLTableCellElement>>;
|
|
55
|
+
export {};
|
|
@@ -41,6 +41,9 @@ export type BaseCellProps = {
|
|
|
41
41
|
* https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-sort
|
|
42
42
|
*/
|
|
43
43
|
export type SortDirection = 'ascending' | 'descending' | 'none' | 'other';
|
|
44
|
+
type InternalBaseCellProps = BaseCellProps & {
|
|
45
|
+
sortDirection?: SortDirection;
|
|
46
|
+
};
|
|
44
47
|
/**
|
|
45
48
|
* __BaseCell__
|
|
46
49
|
*
|
|
@@ -48,42 +51,5 @@ export type SortDirection = 'ascending' | 'descending' | 'none' | 'other';
|
|
|
48
51
|
*
|
|
49
52
|
* Basic cell element.
|
|
50
53
|
*/
|
|
51
|
-
export declare const BaseCell: React.ForwardRefExoticComponent<
|
|
52
|
-
|
|
53
|
-
* A percentage of pixel width of the table to apply to a column.
|
|
54
|
-
*/
|
|
55
|
-
width?: string;
|
|
56
|
-
/**
|
|
57
|
-
* Horizontal alignment of content.
|
|
58
|
-
*/
|
|
59
|
-
align?: "icon" | "text" | "number";
|
|
60
|
-
/**
|
|
61
|
-
* Whether the cell should render as a `td` or `th` element.
|
|
62
|
-
*/
|
|
63
|
-
as?: "td" | "th";
|
|
64
|
-
/**
|
|
65
|
-
* Same behavior as the HTML attribute.
|
|
66
|
-
*
|
|
67
|
-
* @see 'https://developer.mozilla.org/en-US/docs/Web/HTML/Element/th#attr-scope'
|
|
68
|
-
*/
|
|
69
|
-
scope?: "col" | "row";
|
|
70
|
-
/**
|
|
71
|
-
* A `testId` prop is a unique string that appears as a data attribute `data-testid`
|
|
72
|
-
* in the rendered code, serving as a hook for automated tests.
|
|
73
|
-
*/
|
|
74
|
-
testId?: string;
|
|
75
|
-
/**
|
|
76
|
-
* Content of the cell.
|
|
77
|
-
*/
|
|
78
|
-
children?: ReactNode;
|
|
79
|
-
/**
|
|
80
|
-
* Number of columns to span.
|
|
81
|
-
*/
|
|
82
|
-
colSpan?: number;
|
|
83
|
-
/**
|
|
84
|
-
* Number of rows to span.
|
|
85
|
-
*/
|
|
86
|
-
rowSpan?: number;
|
|
87
|
-
} & Pick<BoxProps<any>, "backgroundColor" | "paddingBlock" | "paddingInline" | "xcss"> & {
|
|
88
|
-
sortDirection?: SortDirection;
|
|
89
|
-
} & React.RefAttributes<HTMLTableCellElement>>;
|
|
54
|
+
export declare const BaseCell: React.ForwardRefExoticComponent<React.PropsWithoutRef<InternalBaseCellProps> & React.RefAttributes<HTMLTableCellElement>>;
|
|
55
|
+
export {};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/table",
|
|
3
|
-
"version": "0.12.
|
|
3
|
+
"version": "0.12.11",
|
|
4
4
|
"description": "A table is used to display data.",
|
|
5
5
|
"author": "Atlassian Pty Ltd",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -37,15 +37,15 @@
|
|
|
37
37
|
],
|
|
38
38
|
"atlaskit:src": "src/index.tsx",
|
|
39
39
|
"dependencies": {
|
|
40
|
-
"@atlaskit/button": "^23.
|
|
40
|
+
"@atlaskit/button": "^23.5.0",
|
|
41
41
|
"@atlaskit/checkbox": "^17.1.0",
|
|
42
|
-
"@atlaskit/css": "^0.
|
|
43
|
-
"@atlaskit/ds-lib": "^5.
|
|
42
|
+
"@atlaskit/css": "^0.15.0",
|
|
43
|
+
"@atlaskit/ds-lib": "^5.1.0",
|
|
44
44
|
"@atlaskit/focus-ring": "^3.0.0",
|
|
45
|
-
"@atlaskit/icon": "^28.
|
|
46
|
-
"@atlaskit/primitives": "^
|
|
47
|
-
"@atlaskit/tokens": "^6.
|
|
48
|
-
"@atlaskit/tooltip": "^20.
|
|
45
|
+
"@atlaskit/icon": "^28.5.0",
|
|
46
|
+
"@atlaskit/primitives": "^15.0.0",
|
|
47
|
+
"@atlaskit/tokens": "^6.5.0",
|
|
48
|
+
"@atlaskit/tooltip": "^20.5.0",
|
|
49
49
|
"@atlaskit/visually-hidden": "^3.0.0",
|
|
50
50
|
"@babel/runtime": "^7.0.0",
|
|
51
51
|
"@compiled/react": "^0.18.3",
|
|
@@ -57,10 +57,10 @@
|
|
|
57
57
|
"devDependencies": {
|
|
58
58
|
"@af/accessibility-testing": "workspace:^",
|
|
59
59
|
"@af/integration-testing": "workspace:^",
|
|
60
|
-
"@atlaskit/avatar": "^25.
|
|
60
|
+
"@atlaskit/avatar": "^25.4.0",
|
|
61
61
|
"@atlaskit/date": "^2.0.0",
|
|
62
62
|
"@atlaskit/docs": "^11.1.0",
|
|
63
|
-
"@atlaskit/dynamic-table": "^18.
|
|
63
|
+
"@atlaskit/dynamic-table": "^18.3.0",
|
|
64
64
|
"@atlaskit/lozenge": "^13.0.0",
|
|
65
65
|
"@atlaskit/section-message": "^8.7.0",
|
|
66
66
|
"@atlassian/ssr-tests": "^0.3.0",
|