@atlaskit/table 0.1.1 → 0.1.3
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 +12 -0
- package/dist/cjs/ui/base-cell.js +5 -1
- package/dist/cjs/ui/th.js +3 -1
- package/dist/cjs/version.json +1 -1
- package/dist/es2019/ui/base-cell.js +5 -1
- package/dist/es2019/ui/th.js +3 -1
- package/dist/es2019/version.json +1 -1
- package/dist/esm/ui/base-cell.js +5 -1
- package/dist/esm/ui/th.js +3 -1
- package/dist/esm/version.json +1 -1
- package/dist/types/ui/base-cell.d.ts +8 -0
- package/package.json +4 -4
- package/report.api.md +1 -0
- package/tmp/api-report-tmp.d.ts +1 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,17 @@
|
|
|
1
1
|
# @atlaskit/table
|
|
2
2
|
|
|
3
|
+
## 0.1.3
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- Updated dependencies
|
|
8
|
+
|
|
9
|
+
## 0.1.2
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- [`d2c17ae6f14`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d2c17ae6f14) - Adds the `width` prop to '@atlaskit/table' header elements.
|
|
14
|
+
|
|
3
15
|
## 0.1.1
|
|
4
16
|
|
|
5
17
|
### Patch Changes
|
package/dist/cjs/ui/base-cell.js
CHANGED
|
@@ -53,6 +53,7 @@ var BaseCell = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
|
53
53
|
paddingInline = _ref$paddingInline === void 0 ? 'scale.200' : _ref$paddingInline,
|
|
54
54
|
backgroundColor = _ref.backgroundColor,
|
|
55
55
|
scope = _ref.scope,
|
|
56
|
+
width = _ref.width,
|
|
56
57
|
className = _ref.className;
|
|
57
58
|
return (0, _react2.jsx)(_box.default, {
|
|
58
59
|
css: baseResetStyles,
|
|
@@ -63,7 +64,10 @@ var BaseCell = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
|
63
64
|
paddingInline: paddingInline,
|
|
64
65
|
as: as,
|
|
65
66
|
testId: testId,
|
|
66
|
-
className: className
|
|
67
|
+
className: className,
|
|
68
|
+
UNSAFE_style: width ? {
|
|
69
|
+
width: width
|
|
70
|
+
} : undefined
|
|
67
71
|
}, (0, _react2.jsx)(_inline.default, {
|
|
68
72
|
justifyContent: alignMap[align],
|
|
69
73
|
gap: "scale.0"
|
package/dist/cjs/ui/th.js
CHANGED
|
@@ -23,7 +23,8 @@ var TH = function TH(_ref) {
|
|
|
23
23
|
testId = _ref.testId,
|
|
24
24
|
align = _ref.align,
|
|
25
25
|
scope = _ref.scope,
|
|
26
|
-
backgroundColor = _ref.backgroundColor
|
|
26
|
+
backgroundColor = _ref.backgroundColor,
|
|
27
|
+
width = _ref.width;
|
|
27
28
|
return (
|
|
28
29
|
/*#__PURE__*/
|
|
29
30
|
// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
|
|
@@ -32,6 +33,7 @@ var TH = function TH(_ref) {
|
|
|
32
33
|
testId: testId,
|
|
33
34
|
align: align,
|
|
34
35
|
scope: scope,
|
|
36
|
+
width: width,
|
|
35
37
|
backgroundColor: backgroundColor
|
|
36
38
|
}, children)
|
|
37
39
|
);
|
package/dist/cjs/version.json
CHANGED
|
@@ -37,6 +37,7 @@ export const BaseCell = /*#__PURE__*/forwardRef(({
|
|
|
37
37
|
paddingInline = 'scale.200',
|
|
38
38
|
backgroundColor,
|
|
39
39
|
scope,
|
|
40
|
+
width,
|
|
40
41
|
className
|
|
41
42
|
}, ref) => jsx(Box, {
|
|
42
43
|
css: baseResetStyles,
|
|
@@ -47,7 +48,10 @@ export const BaseCell = /*#__PURE__*/forwardRef(({
|
|
|
47
48
|
paddingInline: paddingInline,
|
|
48
49
|
as: as,
|
|
49
50
|
testId: testId,
|
|
50
|
-
className: className
|
|
51
|
+
className: className,
|
|
52
|
+
UNSAFE_style: width ? {
|
|
53
|
+
width
|
|
54
|
+
} : undefined
|
|
51
55
|
}, jsx(Inline, {
|
|
52
56
|
justifyContent: alignMap[align],
|
|
53
57
|
gap: "scale.0"
|
package/dist/es2019/ui/th.js
CHANGED
|
@@ -13,7 +13,8 @@ export const TH = ({
|
|
|
13
13
|
testId,
|
|
14
14
|
align,
|
|
15
15
|
scope,
|
|
16
|
-
backgroundColor
|
|
16
|
+
backgroundColor,
|
|
17
|
+
width
|
|
17
18
|
}) =>
|
|
18
19
|
/*#__PURE__*/
|
|
19
20
|
// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
|
|
@@ -22,5 +23,6 @@ React.createElement(BaseCell, {
|
|
|
22
23
|
testId: testId,
|
|
23
24
|
align: align,
|
|
24
25
|
scope: scope,
|
|
26
|
+
width: width,
|
|
25
27
|
backgroundColor: backgroundColor
|
|
26
28
|
}, children);
|
package/dist/es2019/version.json
CHANGED
package/dist/esm/ui/base-cell.js
CHANGED
|
@@ -40,6 +40,7 @@ export var BaseCell = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
40
40
|
paddingInline = _ref$paddingInline === void 0 ? 'scale.200' : _ref$paddingInline,
|
|
41
41
|
backgroundColor = _ref.backgroundColor,
|
|
42
42
|
scope = _ref.scope,
|
|
43
|
+
width = _ref.width,
|
|
43
44
|
className = _ref.className;
|
|
44
45
|
return jsx(Box, {
|
|
45
46
|
css: baseResetStyles,
|
|
@@ -50,7 +51,10 @@ export var BaseCell = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
50
51
|
paddingInline: paddingInline,
|
|
51
52
|
as: as,
|
|
52
53
|
testId: testId,
|
|
53
|
-
className: className
|
|
54
|
+
className: className,
|
|
55
|
+
UNSAFE_style: width ? {
|
|
56
|
+
width: width
|
|
57
|
+
} : undefined
|
|
54
58
|
}, jsx(Inline, {
|
|
55
59
|
justifyContent: alignMap[align],
|
|
56
60
|
gap: "scale.0"
|
package/dist/esm/ui/th.js
CHANGED
|
@@ -13,7 +13,8 @@ export var TH = function TH(_ref) {
|
|
|
13
13
|
testId = _ref.testId,
|
|
14
14
|
align = _ref.align,
|
|
15
15
|
scope = _ref.scope,
|
|
16
|
-
backgroundColor = _ref.backgroundColor
|
|
16
|
+
backgroundColor = _ref.backgroundColor,
|
|
17
|
+
width = _ref.width;
|
|
17
18
|
return (
|
|
18
19
|
/*#__PURE__*/
|
|
19
20
|
// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
|
|
@@ -22,6 +23,7 @@ export var TH = function TH(_ref) {
|
|
|
22
23
|
testId: testId,
|
|
23
24
|
align: align,
|
|
24
25
|
scope: scope,
|
|
26
|
+
width: width,
|
|
25
27
|
backgroundColor: backgroundColor
|
|
26
28
|
}, children)
|
|
27
29
|
);
|
package/dist/esm/version.json
CHANGED
|
@@ -2,6 +2,10 @@
|
|
|
2
2
|
import { ReactNode } from 'react';
|
|
3
3
|
import { BoxProps } from '@atlaskit/ds-explorations/box';
|
|
4
4
|
export declare type BaseCellProps = {
|
|
5
|
+
/**
|
|
6
|
+
* A percentage of pixel width of the table to apply to a column.
|
|
7
|
+
*/
|
|
8
|
+
width?: string;
|
|
5
9
|
/**
|
|
6
10
|
* Horizontal alignment of content.
|
|
7
11
|
*/
|
|
@@ -39,6 +43,10 @@ declare const alignMap: {
|
|
|
39
43
|
* Basic cell element.
|
|
40
44
|
*/
|
|
41
45
|
export declare const BaseCell: import("react").ForwardRefExoticComponent<{
|
|
46
|
+
/**
|
|
47
|
+
* A percentage of pixel width of the table to apply to a column.
|
|
48
|
+
*/
|
|
49
|
+
width?: string | undefined;
|
|
42
50
|
/**
|
|
43
51
|
* Horizontal alignment of content.
|
|
44
52
|
*/
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/table",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.3",
|
|
4
4
|
"description": "A table is used to display data.",
|
|
5
5
|
"author": "Atlassian Pty Ltd",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -32,13 +32,13 @@
|
|
|
32
32
|
"./primitives": "./src/ui/index.tsx"
|
|
33
33
|
},
|
|
34
34
|
"dependencies": {
|
|
35
|
-
"@atlaskit/button": "^16.
|
|
35
|
+
"@atlaskit/button": "^16.5.0",
|
|
36
36
|
"@atlaskit/checkbox": "^12.4.1",
|
|
37
|
-
"@atlaskit/ds-explorations": "^1.
|
|
37
|
+
"@atlaskit/ds-explorations": "^1.6.0",
|
|
38
38
|
"@atlaskit/ds-lib": "^2.1.2",
|
|
39
39
|
"@atlaskit/focus-ring": "^1.2.1",
|
|
40
40
|
"@atlaskit/icon": "^21.11.2",
|
|
41
|
-
"@atlaskit/tokens": "^0.
|
|
41
|
+
"@atlaskit/tokens": "^0.12.0",
|
|
42
42
|
"@atlaskit/tooltip": "^17.5.16",
|
|
43
43
|
"@atlaskit/visually-hidden": "^1.0.0",
|
|
44
44
|
"@babel/runtime": "^7.0.0",
|
package/report.api.md
CHANGED