@atlaskit/table 0.4.13 → 0.4.14
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 +7 -0
- package/dist/cjs/ui/base-cell.js +1 -3
- package/dist/cjs/ui/bulk-action-overlay.js +1 -3
- package/dist/cjs/version.json +1 -1
- package/dist/es2019/ui/base-cell.js +1 -3
- package/dist/es2019/ui/bulk-action-overlay.js +1 -3
- package/dist/es2019/version.json +1 -1
- package/dist/esm/ui/base-cell.js +1 -3
- package/dist/esm/ui/bulk-action-overlay.js +1 -3
- package/dist/esm/version.json +1 -1
- package/dist/types/ui/base-cell.d.ts +2 -2
- package/dist/types-ts4.5/ui/base-cell.d.ts +2 -2
- package/package.json +4 -4
- package/report.api.md +1 -1
- package/tmp/api-report-tmp.d.ts +122 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,12 @@
|
|
|
1
1
|
# @atlaskit/table
|
|
2
2
|
|
|
3
|
+
## 0.4.14
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`1ed303de3e8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1ed303de3e8) - Updated dependencies
|
|
8
|
+
- [`95401cac781`](https://bitbucket.org/atlassian/atlassian-frontend/commits/95401cac781) - Internal change to component composition. There is no expected change.
|
|
9
|
+
|
|
3
10
|
## 0.4.13
|
|
4
11
|
|
|
5
12
|
### Patch Changes
|
package/dist/cjs/ui/base-cell.js
CHANGED
|
@@ -66,9 +66,7 @@ var BaseCell = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
|
66
66
|
scope: scope,
|
|
67
67
|
backgroundColor: backgroundColor,
|
|
68
68
|
paddingBlock: paddingBlock,
|
|
69
|
-
paddingInline: paddingInline
|
|
70
|
-
// @ts-expect-error
|
|
71
|
-
,
|
|
69
|
+
paddingInline: paddingInline,
|
|
72
70
|
as: as,
|
|
73
71
|
testId: testId,
|
|
74
72
|
style: width ? {
|
|
@@ -21,9 +21,7 @@ var overlayStyles = (0, _primitives.xcss)({
|
|
|
21
21
|
*/
|
|
22
22
|
var BulkActionOverlay = function BulkActionOverlay(_ref) {
|
|
23
23
|
var children = _ref.children;
|
|
24
|
-
return /*#__PURE__*/_react.default.createElement(_primitives.Box
|
|
25
|
-
// @ts-expect-error should box support table elements?
|
|
26
|
-
, {
|
|
24
|
+
return /*#__PURE__*/_react.default.createElement(_primitives.Box, {
|
|
27
25
|
as: "th",
|
|
28
26
|
paddingInline: "space.100",
|
|
29
27
|
backgroundColor: "elevation.surface",
|
package/dist/cjs/version.json
CHANGED
|
@@ -53,9 +53,7 @@ export const BaseCell = /*#__PURE__*/forwardRef(({
|
|
|
53
53
|
scope: scope,
|
|
54
54
|
backgroundColor: backgroundColor,
|
|
55
55
|
paddingBlock: paddingBlock,
|
|
56
|
-
paddingInline: paddingInline
|
|
57
|
-
// @ts-expect-error
|
|
58
|
-
,
|
|
56
|
+
paddingInline: paddingInline,
|
|
59
57
|
as: as,
|
|
60
58
|
testId: testId,
|
|
61
59
|
style: width ? {
|
|
@@ -14,9 +14,7 @@ const overlayStyles = xcss({
|
|
|
14
14
|
*/
|
|
15
15
|
export const BulkActionOverlay = ({
|
|
16
16
|
children
|
|
17
|
-
}) => /*#__PURE__*/React.createElement(Box
|
|
18
|
-
// @ts-expect-error should box support table elements?
|
|
19
|
-
, {
|
|
17
|
+
}) => /*#__PURE__*/React.createElement(Box, {
|
|
20
18
|
as: "th",
|
|
21
19
|
paddingInline: "space.100",
|
|
22
20
|
backgroundColor: "elevation.surface",
|
package/dist/es2019/version.json
CHANGED
package/dist/esm/ui/base-cell.js
CHANGED
|
@@ -57,9 +57,7 @@ export var BaseCell = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
57
57
|
scope: scope,
|
|
58
58
|
backgroundColor: backgroundColor,
|
|
59
59
|
paddingBlock: paddingBlock,
|
|
60
|
-
paddingInline: paddingInline
|
|
61
|
-
// @ts-expect-error
|
|
62
|
-
,
|
|
60
|
+
paddingInline: paddingInline,
|
|
63
61
|
as: as,
|
|
64
62
|
testId: testId,
|
|
65
63
|
style: width ? {
|
|
@@ -14,9 +14,7 @@ var overlayStyles = xcss({
|
|
|
14
14
|
*/
|
|
15
15
|
export var BulkActionOverlay = function BulkActionOverlay(_ref) {
|
|
16
16
|
var children = _ref.children;
|
|
17
|
-
return /*#__PURE__*/React.createElement(Box
|
|
18
|
-
// @ts-expect-error should box support table elements?
|
|
19
|
-
, {
|
|
17
|
+
return /*#__PURE__*/React.createElement(Box, {
|
|
20
18
|
as: "th",
|
|
21
19
|
paddingInline: "space.100",
|
|
22
20
|
backgroundColor: "elevation.surface",
|
package/dist/esm/version.json
CHANGED
|
@@ -32,7 +32,7 @@ export type BaseCellProps = {
|
|
|
32
32
|
* Number of columns to span.
|
|
33
33
|
*/
|
|
34
34
|
colSpan?: number;
|
|
35
|
-
} & Pick<BoxProps
|
|
35
|
+
} & Pick<BoxProps<any>, 'paddingBlock' | 'paddingInline' | 'backgroundColor' | 'xcss'>;
|
|
36
36
|
/**
|
|
37
37
|
* https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-sort
|
|
38
38
|
*/
|
|
@@ -76,6 +76,6 @@ export declare const BaseCell: React.ForwardRefExoticComponent<{
|
|
|
76
76
|
* Number of columns to span.
|
|
77
77
|
*/
|
|
78
78
|
colSpan?: number | undefined;
|
|
79
|
-
} & Pick<BoxProps<
|
|
79
|
+
} & Pick<BoxProps<any>, "backgroundColor" | "paddingBlock" | "paddingInline" | "xcss"> & {
|
|
80
80
|
sortDirection?: SortDirection | undefined;
|
|
81
81
|
} & React.RefAttributes<HTMLTableCellElement>>;
|
|
@@ -32,7 +32,7 @@ export type BaseCellProps = {
|
|
|
32
32
|
* Number of columns to span.
|
|
33
33
|
*/
|
|
34
34
|
colSpan?: number;
|
|
35
|
-
} & Pick<BoxProps
|
|
35
|
+
} & Pick<BoxProps<any>, 'paddingBlock' | 'paddingInline' | 'backgroundColor' | 'xcss'>;
|
|
36
36
|
/**
|
|
37
37
|
* https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-sort
|
|
38
38
|
*/
|
|
@@ -76,6 +76,6 @@ export declare const BaseCell: React.ForwardRefExoticComponent<{
|
|
|
76
76
|
* Number of columns to span.
|
|
77
77
|
*/
|
|
78
78
|
colSpan?: number | undefined;
|
|
79
|
-
} & Pick<BoxProps<
|
|
79
|
+
} & Pick<BoxProps<any>, "backgroundColor" | "paddingBlock" | "paddingInline" | "xcss"> & {
|
|
80
80
|
sortDirection?: SortDirection | undefined;
|
|
81
81
|
} & React.RefAttributes<HTMLTableCellElement>>;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/table",
|
|
3
|
-
"version": "0.4.
|
|
3
|
+
"version": "0.4.14",
|
|
4
4
|
"description": "A table is used to display data.",
|
|
5
5
|
"author": "Atlassian Pty Ltd",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
},
|
|
10
10
|
"homepage": "https://atlassian.design/components/table",
|
|
11
11
|
"atlassian": {
|
|
12
|
-
"team": "Design System
|
|
12
|
+
"team": "Design System Maker Experience",
|
|
13
13
|
"inPublicMirror": false,
|
|
14
14
|
"releaseModel": "continuous",
|
|
15
15
|
"website": {
|
|
@@ -45,8 +45,8 @@
|
|
|
45
45
|
"@atlaskit/ds-lib": "^2.2.0",
|
|
46
46
|
"@atlaskit/focus-ring": "^1.3.0",
|
|
47
47
|
"@atlaskit/icon": "^21.12.0",
|
|
48
|
-
"@atlaskit/primitives": "^1.0.
|
|
49
|
-
"@atlaskit/tokens": "^1.
|
|
48
|
+
"@atlaskit/primitives": "^1.0.6",
|
|
49
|
+
"@atlaskit/tokens": "^1.13.0",
|
|
50
50
|
"@atlaskit/tooltip": "^17.8.0",
|
|
51
51
|
"@atlaskit/visually-hidden": "^1.2.0",
|
|
52
52
|
"@babel/runtime": "^7.0.0",
|
package/report.api.md
CHANGED
|
@@ -0,0 +1,122 @@
|
|
|
1
|
+
## API Report File for "@atlaskit/table"
|
|
2
|
+
|
|
3
|
+
> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
|
|
4
|
+
|
|
5
|
+
```ts
|
|
6
|
+
|
|
7
|
+
/// <reference types="react" />
|
|
8
|
+
|
|
9
|
+
import { BoxProps } from '@atlaskit/primitives';
|
|
10
|
+
import { FC } from 'react';
|
|
11
|
+
import { jsx } from '@emotion/react';
|
|
12
|
+
import { MemoExoticComponent } from 'react';
|
|
13
|
+
import { default as React_2 } from 'react';
|
|
14
|
+
import { ReactElement } from 'react';
|
|
15
|
+
import { ReactNode } from 'react';
|
|
16
|
+
|
|
17
|
+
// @public (undocumented)
|
|
18
|
+
type BaseCellProps = {
|
|
19
|
+
width?: string;
|
|
20
|
+
align?: 'icon' | 'number' | 'text';
|
|
21
|
+
as?: 'td' | 'th';
|
|
22
|
+
scope?: 'col' | 'row';
|
|
23
|
+
testId?: string;
|
|
24
|
+
children?: ReactNode;
|
|
25
|
+
colSpan?: number;
|
|
26
|
+
} & Pick<BoxProps<any>, 'backgroundColor' | 'paddingBlock' | 'paddingInline' | 'xcss'>;
|
|
27
|
+
|
|
28
|
+
// @public (undocumented)
|
|
29
|
+
type BodyProps<Item extends object> = {
|
|
30
|
+
rows: Item[];
|
|
31
|
+
children: (row: Item) => ReactElement;
|
|
32
|
+
} | {
|
|
33
|
+
rows?: never;
|
|
34
|
+
children: ReactElement | ReactElement[];
|
|
35
|
+
};
|
|
36
|
+
|
|
37
|
+
// @public
|
|
38
|
+
export const Cell: FC<Omit<BaseCellProps, 'as'>>;
|
|
39
|
+
|
|
40
|
+
// @public (undocumented)
|
|
41
|
+
interface CellProps {
|
|
42
|
+
// (undocumented)
|
|
43
|
+
children?: ReactNode;
|
|
44
|
+
name: string;
|
|
45
|
+
// (undocumented)
|
|
46
|
+
onClick?: React.MouseEventHandler;
|
|
47
|
+
testId?: string;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
// @public
|
|
51
|
+
export const ExpandableCell: MemoExoticComponent<() => jsx.JSX.Element>;
|
|
52
|
+
|
|
53
|
+
// @public
|
|
54
|
+
export const ExpandableRow: ({ children, isExpanded, isDefaultExpanded, }: ExpandableRowProps) => JSX.Element;
|
|
55
|
+
|
|
56
|
+
// @public
|
|
57
|
+
export const ExpandableRowContent: ({ children }: ExpandableRowContentProps) => JSX.Element;
|
|
58
|
+
|
|
59
|
+
// @public (undocumented)
|
|
60
|
+
type ExpandableRowContentProps = {
|
|
61
|
+
children?: React_2.ReactNode;
|
|
62
|
+
};
|
|
63
|
+
|
|
64
|
+
// @public (undocumented)
|
|
65
|
+
type ExpandableRowProps = {
|
|
66
|
+
children: React_2.ReactNode;
|
|
67
|
+
isExpanded?: boolean;
|
|
68
|
+
isDefaultExpanded?: boolean;
|
|
69
|
+
};
|
|
70
|
+
|
|
71
|
+
// @public
|
|
72
|
+
export const HeadCell: FC<THProps>;
|
|
73
|
+
|
|
74
|
+
// @public
|
|
75
|
+
export const Row: FC<RowProps>;
|
|
76
|
+
|
|
77
|
+
// @public (undocumented)
|
|
78
|
+
type RowProps = {
|
|
79
|
+
testId?: string;
|
|
80
|
+
children?: ReactNode;
|
|
81
|
+
};
|
|
82
|
+
|
|
83
|
+
// @public
|
|
84
|
+
export const SortableColumn: FC<CellProps>;
|
|
85
|
+
|
|
86
|
+
// @public (undocumented)
|
|
87
|
+
type SortKey<Key extends number | string | symbol> = 'unset' | Key;
|
|
88
|
+
|
|
89
|
+
// @public
|
|
90
|
+
function Table<ItemType extends object = object>({ children, isSelectable, sortKey, testId, }: TableProps<ItemType>): jsx.JSX.Element;
|
|
91
|
+
export default Table;
|
|
92
|
+
|
|
93
|
+
// @public (undocumented)
|
|
94
|
+
type TableProps<ItemType extends object = {}> = {
|
|
95
|
+
testId?: string;
|
|
96
|
+
sortKey?: SortKey<keyof ItemType>;
|
|
97
|
+
children: ReactElement | ReactElement[];
|
|
98
|
+
} & ({
|
|
99
|
+
isSelectable: true;
|
|
100
|
+
defaultSelected?: number;
|
|
101
|
+
} | {
|
|
102
|
+
isSelectable?: false;
|
|
103
|
+
});
|
|
104
|
+
|
|
105
|
+
// @public
|
|
106
|
+
export function TBody<ObjectType extends object>({ rows, children, }: BodyProps<ObjectType>): jsx.JSX.Element;
|
|
107
|
+
|
|
108
|
+
// @public (undocumented)
|
|
109
|
+
export const THead: FC<THeadProps>;
|
|
110
|
+
|
|
111
|
+
// @public (undocumented)
|
|
112
|
+
type THeadProps = {
|
|
113
|
+
actions?: (selected: number[]) => ReactNode;
|
|
114
|
+
children?: ReactNode;
|
|
115
|
+
};
|
|
116
|
+
|
|
117
|
+
// @public (undocumented)
|
|
118
|
+
type THProps = Omit<BaseCellProps, 'as'>;
|
|
119
|
+
|
|
120
|
+
// (No @packageDocumentation comment for this package)
|
|
121
|
+
|
|
122
|
+
```
|