@atlaskit/link-datasource 6.6.0 → 6.7.0
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 +17 -0
- package/dist/cjs/ui/common/modal/datasource-context/index.js +4 -2
- package/dist/cjs/ui/common/modal/datasources-table-in-modal-preview/index.js +5 -1
- package/dist/cjs/ui/common/modal/datasources-table-in-modal-preview/use-column-wrapping/index.js +22 -0
- package/dist/cjs/ui/datasource-table-view/datasourceTableView.js +5 -1
- package/dist/cjs/ui/issue-like-table/column-picker/index.js +15 -2
- package/dist/cjs/ui/issue-like-table/index.compiled.css +3 -0
- package/dist/cjs/ui/issue-like-table/index.js +138 -85
- package/dist/cjs/ui/issue-like-table/table-settings-menu/index.compiled.css +6 -0
- package/dist/cjs/ui/issue-like-table/table-settings-menu/index.js +96 -0
- package/dist/cjs/ui/issue-like-table/table-settings-menu/messages.js +24 -0
- package/dist/es2019/ui/common/modal/datasource-context/index.js +4 -2
- package/dist/es2019/ui/common/modal/datasources-table-in-modal-preview/index.js +5 -1
- package/dist/es2019/ui/common/modal/datasources-table-in-modal-preview/use-column-wrapping/index.js +22 -0
- package/dist/es2019/ui/datasource-table-view/datasourceTableView.js +5 -1
- package/dist/es2019/ui/issue-like-table/column-picker/index.js +33 -18
- package/dist/es2019/ui/issue-like-table/index.compiled.css +3 -0
- package/dist/es2019/ui/issue-like-table/index.js +52 -4
- package/dist/es2019/ui/issue-like-table/table-settings-menu/index.compiled.css +6 -0
- package/dist/es2019/ui/issue-like-table/table-settings-menu/index.js +76 -0
- package/dist/es2019/ui/issue-like-table/table-settings-menu/messages.js +18 -0
- package/dist/esm/ui/common/modal/datasource-context/index.js +4 -2
- package/dist/esm/ui/common/modal/datasources-table-in-modal-preview/index.js +5 -1
- package/dist/esm/ui/common/modal/datasources-table-in-modal-preview/use-column-wrapping/index.js +22 -0
- package/dist/esm/ui/datasource-table-view/datasourceTableView.js +5 -1
- package/dist/esm/ui/issue-like-table/column-picker/index.js +14 -1
- package/dist/esm/ui/issue-like-table/index.compiled.css +3 -0
- package/dist/esm/ui/issue-like-table/index.js +139 -86
- package/dist/esm/ui/issue-like-table/table-settings-menu/index.compiled.css +6 -0
- package/dist/esm/ui/issue-like-table/table-settings-menu/index.js +87 -0
- package/dist/esm/ui/issue-like-table/table-settings-menu/messages.js +18 -0
- package/dist/types/ui/common/modal/datasources-table-in-modal-preview/use-column-wrapping/index.d.ts +1 -1
- package/dist/types/ui/datasource-table-view/datasourceTableView.d.ts +2 -2
- package/dist/types/ui/datasource-table-view/types.d.ts +1 -1
- package/dist/types/ui/issue-like-table/index.d.ts +1 -1
- package/dist/types/ui/issue-like-table/table-settings-menu/index.d.ts +8 -0
- package/dist/types/ui/issue-like-table/table-settings-menu/messages.d.ts +17 -0
- package/dist/types/ui/issue-like-table/types.d.ts +6 -0
- package/examples-helpers/buildAssetsIssuesTable.tsx +2 -0
- package/examples-helpers/buildConfluenceSearchTable.tsx +2 -0
- package/examples-helpers/buildIssueLikeTable.tsx +2 -0
- package/examples-helpers/buildJiraIssuesTable.tsx +2 -0
- package/examples-helpers/useAssetsTableProps.tsx +6 -0
- package/examples-helpers/useCommonTableProps.tsx +5 -2
- package/package.json +7 -3
|
@@ -35,6 +35,7 @@ const ConfluenceSearchTableView = ({ parameters }: ConfluenceSearchTableViewProp
|
|
|
35
35
|
onColumnResize,
|
|
36
36
|
wrappedColumnKeys,
|
|
37
37
|
onWrappedColumnChange,
|
|
38
|
+
onWrappedColumnsChange,
|
|
38
39
|
} = useCommonTableProps({
|
|
39
40
|
defaultColumnCustomSizes: {
|
|
40
41
|
people: 100,
|
|
@@ -50,6 +51,7 @@ const ConfluenceSearchTableView = ({ parameters }: ConfluenceSearchTableViewProp
|
|
|
50
51
|
columnCustomSizes={columnCustomSizes}
|
|
51
52
|
onColumnResize={onColumnResize}
|
|
52
53
|
onWrappedColumnChange={onWrappedColumnChange}
|
|
54
|
+
onWrappedColumnsChange={onWrappedColumnsChange}
|
|
53
55
|
wrappedColumnKeys={wrappedColumnKeys}
|
|
54
56
|
/>
|
|
55
57
|
);
|
|
@@ -83,6 +83,7 @@ const ExampleBody = ({
|
|
|
83
83
|
onColumnResize,
|
|
84
84
|
wrappedColumnKeys,
|
|
85
85
|
onWrappedColumnChange,
|
|
86
|
+
onWrappedColumnsChange,
|
|
86
87
|
} = useCommonTableProps({
|
|
87
88
|
defaultColumnCustomSizes: {
|
|
88
89
|
summary: 180,
|
|
@@ -121,6 +122,7 @@ const ExampleBody = ({
|
|
|
121
122
|
onColumnResize={isReadonly || !canResizeColumns ? undefined : onColumnResize}
|
|
122
123
|
columnCustomSizes={columnCustomSizes}
|
|
123
124
|
onWrappedColumnChange={canControlWrapping ? onWrappedColumnChange : undefined}
|
|
125
|
+
onWrappedColumnsChange={canControlWrapping ? onWrappedColumnsChange : undefined}
|
|
124
126
|
wrappedColumnKeys={wrappedColumnKeys}
|
|
125
127
|
/>
|
|
126
128
|
) : (
|
|
@@ -49,6 +49,7 @@ const JiraIssuesTableView = ({
|
|
|
49
49
|
onColumnResize,
|
|
50
50
|
wrappedColumnKeys,
|
|
51
51
|
onWrappedColumnChange,
|
|
52
|
+
onWrappedColumnsChange,
|
|
52
53
|
} = useCommonTableProps({
|
|
53
54
|
defaultColumnCustomSizes: {
|
|
54
55
|
people: 100,
|
|
@@ -71,6 +72,7 @@ const JiraIssuesTableView = ({
|
|
|
71
72
|
columnCustomSizes={columnCustomSizes}
|
|
72
73
|
onColumnResize={onColumnResize}
|
|
73
74
|
onWrappedColumnChange={onWrappedColumnChange}
|
|
75
|
+
onWrappedColumnsChange={onWrappedColumnsChange}
|
|
74
76
|
wrappedColumnKeys={wrappedColumnKeys}
|
|
75
77
|
scrollableContainerHeight={scrollableContainerHeight}
|
|
76
78
|
/>
|
|
@@ -14,6 +14,7 @@ export const useAssetsTableProps = (
|
|
|
14
14
|
| 'onVisibleColumnKeysChange'
|
|
15
15
|
| 'wrappedColumnKeys'
|
|
16
16
|
| 'onWrappedColumnChange'
|
|
17
|
+
| 'onWrappedColumnsChange'
|
|
17
18
|
| 'onColumnResize'
|
|
18
19
|
>
|
|
19
20
|
> &
|
|
@@ -46,6 +47,10 @@ export const useAssetsTableProps = (
|
|
|
46
47
|
[wrappedColumnKeys],
|
|
47
48
|
);
|
|
48
49
|
|
|
50
|
+
const onWrappedColumnsChange = useCallback((nextWrappedColumnKeys: string[]) => {
|
|
51
|
+
setWrappedColumnKeys(nextWrappedColumnKeys);
|
|
52
|
+
}, []);
|
|
53
|
+
|
|
49
54
|
return {
|
|
50
55
|
visibleColumnKeys,
|
|
51
56
|
onVisibleColumnKeysChange,
|
|
@@ -53,5 +58,6 @@ export const useAssetsTableProps = (
|
|
|
53
58
|
onColumnResize,
|
|
54
59
|
wrappedColumnKeys,
|
|
55
60
|
onWrappedColumnChange,
|
|
61
|
+
onWrappedColumnsChange,
|
|
56
62
|
};
|
|
57
63
|
};
|
|
@@ -19,14 +19,16 @@ export const useCommonTableProps = (
|
|
|
19
19
|
| 'onColumnResize'
|
|
20
20
|
>
|
|
21
21
|
> &
|
|
22
|
-
Pick<DatasourceTableViewProps, 'columnCustomSizes'> => {
|
|
22
|
+
Pick<DatasourceTableViewProps, 'columnCustomSizes' | 'onWrappedColumnsChange'> => {
|
|
23
23
|
const [visibleColumnKeys, onVisibleColumnKeysChange] = useState<string[]>(
|
|
24
24
|
props.visibleColumnKeys ?? defaultInitialVisibleJiraColumnKeys,
|
|
25
25
|
);
|
|
26
26
|
|
|
27
27
|
const { columnCustomSizes, onColumnResize } = useColumnResize(props.defaultColumnCustomSizes);
|
|
28
28
|
|
|
29
|
-
const { wrappedColumnKeys, onWrappedColumnChange } = useColumnWrapping(
|
|
29
|
+
const { wrappedColumnKeys, onWrappedColumnChange, onWrappedColumnsChange } = useColumnWrapping(
|
|
30
|
+
[],
|
|
31
|
+
);
|
|
30
32
|
|
|
31
33
|
return {
|
|
32
34
|
visibleColumnKeys,
|
|
@@ -35,5 +37,6 @@ export const useCommonTableProps = (
|
|
|
35
37
|
onColumnResize,
|
|
36
38
|
wrappedColumnKeys,
|
|
37
39
|
onWrappedColumnChange,
|
|
40
|
+
onWrappedColumnsChange,
|
|
38
41
|
};
|
|
39
42
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/link-datasource",
|
|
3
|
-
"version": "6.
|
|
3
|
+
"version": "6.7.0",
|
|
4
4
|
"description": "UI Components to support linking platform dataset feature",
|
|
5
5
|
"author": "Atlassian Pty Ltd",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -88,6 +88,7 @@
|
|
|
88
88
|
"@atlaskit/tag": "^15.6.0",
|
|
89
89
|
"@atlaskit/textfield": "^10.1.0",
|
|
90
90
|
"@atlaskit/theme": "^28.1.0",
|
|
91
|
+
"@atlaskit/toggle": "^17.2.0",
|
|
91
92
|
"@atlaskit/tokens": "^16.8.0",
|
|
92
93
|
"@atlaskit/tooltip": "^24.2.0",
|
|
93
94
|
"@atlaskit/ufo": "^1.0.0",
|
|
@@ -119,8 +120,8 @@
|
|
|
119
120
|
"@atlaskit/radio": "^10.1.0",
|
|
120
121
|
"@atlaskit/ssr": "workspace:^",
|
|
121
122
|
"@atlaskit/textarea": "^10.1.0",
|
|
122
|
-
"@atlassian/a11y-jest-testing": "^0.
|
|
123
|
-
"@atlassian/a11y-playwright-testing": "^0.
|
|
123
|
+
"@atlassian/a11y-jest-testing": "^0.17.0",
|
|
124
|
+
"@atlassian/a11y-playwright-testing": "^0.12.0",
|
|
124
125
|
"@atlassian/feature-flags-test-utils": "^1.2.0",
|
|
125
126
|
"@atlassian/structured-docs-types": "workspace:^",
|
|
126
127
|
"@faker-js/faker": "^7.5.0",
|
|
@@ -196,6 +197,9 @@
|
|
|
196
197
|
"navx-5509-sllv-link-new-tab-hint": {
|
|
197
198
|
"type": "boolean"
|
|
198
199
|
},
|
|
200
|
+
"platform_lp_sllv_table_settings_menu": {
|
|
201
|
+
"type": "boolean"
|
|
202
|
+
},
|
|
199
203
|
"astral_units_workspace_host_resolver": {
|
|
200
204
|
"type": "boolean"
|
|
201
205
|
},
|