@atlaskit/link-datasource 0.31.1 → 0.31.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.
Files changed (47) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/cjs/ui/assets-modal/modal/index.js +3 -3
  3. package/dist/cjs/ui/datasource-table-view/datasourceTableView.js +7 -19
  4. package/dist/cjs/ui/issue-like-table/column-picker/index.js +2 -4
  5. package/dist/cjs/ui/issue-like-table/drag-column-preview.js +37 -0
  6. package/dist/cjs/ui/issue-like-table/draggable-table-heading.js +60 -25
  7. package/dist/cjs/ui/issue-like-table/empty-state/index.js +6 -1
  8. package/dist/cjs/ui/issue-like-table/index.js +102 -71
  9. package/dist/cjs/ui/issue-like-table/styled.js +2 -1
  10. package/dist/cjs/ui/jira-issues-modal/modal/index.js +12 -9
  11. package/dist/cjs/ui/table-footer/index.js +10 -7
  12. package/dist/cjs/version.json +1 -1
  13. package/dist/es2019/ui/assets-modal/modal/index.js +4 -4
  14. package/dist/es2019/ui/datasource-table-view/datasourceTableView.js +8 -20
  15. package/dist/es2019/ui/issue-like-table/column-picker/index.js +1 -3
  16. package/dist/es2019/ui/issue-like-table/drag-column-preview.js +46 -0
  17. package/dist/es2019/ui/issue-like-table/draggable-table-heading.js +53 -18
  18. package/dist/es2019/ui/issue-like-table/empty-state/index.js +6 -1
  19. package/dist/es2019/ui/issue-like-table/index.js +86 -43
  20. package/dist/es2019/ui/issue-like-table/styled.js +18 -0
  21. package/dist/es2019/ui/jira-issues-modal/modal/index.js +13 -10
  22. package/dist/es2019/ui/table-footer/index.js +11 -11
  23. package/dist/es2019/version.json +1 -1
  24. package/dist/esm/ui/assets-modal/modal/index.js +3 -3
  25. package/dist/esm/ui/datasource-table-view/datasourceTableView.js +8 -20
  26. package/dist/esm/ui/issue-like-table/column-picker/index.js +2 -4
  27. package/dist/esm/ui/issue-like-table/drag-column-preview.js +29 -0
  28. package/dist/esm/ui/issue-like-table/draggable-table-heading.js +60 -25
  29. package/dist/esm/ui/issue-like-table/empty-state/index.js +6 -1
  30. package/dist/esm/ui/issue-like-table/index.js +102 -71
  31. package/dist/esm/ui/issue-like-table/styled.js +2 -1
  32. package/dist/esm/ui/jira-issues-modal/modal/index.js +13 -10
  33. package/dist/esm/ui/table-footer/index.js +10 -7
  34. package/dist/esm/version.json +1 -1
  35. package/dist/types/ui/issue-like-table/column-picker/index.d.ts +1 -1
  36. package/dist/types/ui/issue-like-table/column-picker/types.d.ts +0 -1
  37. package/dist/types/ui/issue-like-table/drag-column-preview.d.ts +7 -0
  38. package/dist/types/ui/issue-like-table/draggable-table-heading.d.ts +2 -3
  39. package/dist/types/ui/issue-like-table/index.d.ts +1 -1
  40. package/dist/types/ui/issue-like-table/types.d.ts +5 -0
  41. package/dist/types-ts4.5/ui/issue-like-table/column-picker/index.d.ts +1 -1
  42. package/dist/types-ts4.5/ui/issue-like-table/column-picker/types.d.ts +0 -1
  43. package/dist/types-ts4.5/ui/issue-like-table/drag-column-preview.d.ts +7 -0
  44. package/dist/types-ts4.5/ui/issue-like-table/draggable-table-heading.d.ts +2 -3
  45. package/dist/types-ts4.5/ui/issue-like-table/index.d.ts +1 -1
  46. package/dist/types-ts4.5/ui/issue-like-table/types.d.ts +5 -0
  47. package/package.json +3 -3
@@ -1,13 +1,12 @@
1
1
  /** @jsx jsx */
2
2
  import { ReactNode } from 'react';
3
3
  import { jsx } from '@emotion/react';
4
- export declare const DraggableTableHeading: ({ children, id, index, tableId, dndPreviewHeight, maxWidth, onDragPreviewStart, onDragPreviewEnd, }: {
4
+ export declare const DraggableTableHeading: ({ children, id, index, tableId, dndPreviewHeight, dragPreview, maxWidth, }: {
5
5
  children: ReactNode;
6
6
  id: string;
7
7
  index: number;
8
8
  tableId: Symbol;
9
9
  dndPreviewHeight: number;
10
+ dragPreview: React.ReactNode;
10
11
  maxWidth?: number | undefined;
11
- onDragPreviewStart: () => void;
12
- onDragPreviewEnd: () => void;
13
12
  }) => jsx.JSX.Element;
@@ -12,5 +12,5 @@ export interface RowCellType {
12
12
  content?: React.ReactNode | string;
13
13
  maxWidth?: number;
14
14
  }
15
- export declare const IssueLikeDataTableView: ({ testId, onNextPage, onLoadDatasourceDetails, items, columns, renderItem, visibleColumnKeys, onVisibleColumnKeysChange, status, hasNextPage, }: IssueLikeDataTableViewProps) => jsx.JSX.Element;
15
+ export declare const IssueLikeDataTableView: ({ testId, onNextPage, onLoadDatasourceDetails, items, columns, renderItem, visibleColumnKeys, onVisibleColumnKeysChange, status, hasNextPage, scrollableContainerHeight, }: IssueLikeDataTableViewProps) => jsx.JSX.Element;
16
16
  export declare const EmptyState: ({ isCompact, testId }: import("./empty-state").Props) => jsx.JSX.Element;
@@ -37,4 +37,9 @@ export interface IssueLikeDataTableViewProps {
37
37
  * @param visibleColumnKeys
38
38
  */
39
39
  onVisibleColumnKeysChange?: (visibleColumnKeys: string[]) => void;
40
+ /**
41
+ * If this number is set it will restrict (max-height) maximum size of the component AND make main container a scrollable container.
42
+ * It this number is undefined it will not restrict height and not make container scrollable.
43
+ */
44
+ scrollableContainerHeight?: number;
40
45
  }
@@ -1,3 +1,3 @@
1
1
  import { jsx } from '@emotion/react';
2
2
  import { ColumnPickerProps } from './types';
3
- export declare const ColumnPicker: ({ isDatasourceLoading, columns, selectedColumnKeys, onSelectedColumnKeysChange, onOpen, }: ColumnPickerProps) => jsx.JSX.Element;
3
+ export declare const ColumnPicker: ({ columns, selectedColumnKeys, onSelectedColumnKeysChange, onOpen, }: ColumnPickerProps) => jsx.JSX.Element;
@@ -1,6 +1,5 @@
1
1
  import { DatasourceResponseSchemaProperty } from '@atlaskit/linking-types';
2
2
  export type ColumnPickerProps = {
3
- isDatasourceLoading: boolean;
4
3
  columns: DatasourceResponseSchemaProperty[];
5
4
  selectedColumnKeys: string[];
6
5
  onSelectedColumnKeysChange: (selectedColumnKeys: string[]) => void;
@@ -0,0 +1,7 @@
1
+ /** @jsx jsx */
2
+ import React from 'react';
3
+ import { jsx } from '@emotion/react';
4
+ export declare const DragColumnPreview: ({ title, rows, }: {
5
+ title: React.ReactNode;
6
+ rows: React.ReactNode[];
7
+ }) => jsx.JSX.Element;
@@ -1,13 +1,12 @@
1
1
  /** @jsx jsx */
2
2
  import { ReactNode } from 'react';
3
3
  import { jsx } from '@emotion/react';
4
- export declare const DraggableTableHeading: ({ children, id, index, tableId, dndPreviewHeight, maxWidth, onDragPreviewStart, onDragPreviewEnd, }: {
4
+ export declare const DraggableTableHeading: ({ children, id, index, tableId, dndPreviewHeight, dragPreview, maxWidth, }: {
5
5
  children: ReactNode;
6
6
  id: string;
7
7
  index: number;
8
8
  tableId: Symbol;
9
9
  dndPreviewHeight: number;
10
+ dragPreview: React.ReactNode;
10
11
  maxWidth?: number | undefined;
11
- onDragPreviewStart: () => void;
12
- onDragPreviewEnd: () => void;
13
12
  }) => jsx.JSX.Element;
@@ -12,5 +12,5 @@ export interface RowCellType {
12
12
  content?: React.ReactNode | string;
13
13
  maxWidth?: number;
14
14
  }
15
- export declare const IssueLikeDataTableView: ({ testId, onNextPage, onLoadDatasourceDetails, items, columns, renderItem, visibleColumnKeys, onVisibleColumnKeysChange, status, hasNextPage, }: IssueLikeDataTableViewProps) => jsx.JSX.Element;
15
+ export declare const IssueLikeDataTableView: ({ testId, onNextPage, onLoadDatasourceDetails, items, columns, renderItem, visibleColumnKeys, onVisibleColumnKeysChange, status, hasNextPage, scrollableContainerHeight, }: IssueLikeDataTableViewProps) => jsx.JSX.Element;
16
16
  export declare const EmptyState: ({ isCompact, testId }: import("./empty-state").Props) => jsx.JSX.Element;
@@ -37,4 +37,9 @@ export interface IssueLikeDataTableViewProps {
37
37
  * @param visibleColumnKeys
38
38
  */
39
39
  onVisibleColumnKeysChange?: (visibleColumnKeys: string[]) => void;
40
+ /**
41
+ * If this number is set it will restrict (max-height) maximum size of the component AND make main container a scrollable container.
42
+ * It this number is undefined it will not restrict height and not make container scrollable.
43
+ */
44
+ scrollableContainerHeight?: number;
40
45
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/link-datasource",
3
- "version": "0.31.1",
3
+ "version": "0.31.3",
4
4
  "description": "UI Components to support linking platform dataset feature",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -46,7 +46,7 @@
46
46
  "@atlaskit/pragmatic-drag-and-drop-react-beautiful-dnd-autoscroll": "^0.6.0",
47
47
  "@atlaskit/pragmatic-drag-and-drop-react-indicator": "^0.16.0",
48
48
  "@atlaskit/select": "^16.5.0",
49
- "@atlaskit/smart-card": "^26.13.0",
49
+ "@atlaskit/smart-card": "^26.14.0",
50
50
  "@atlaskit/spinner": "^15.5.0",
51
51
  "@atlaskit/tag": "^11.5.0",
52
52
  "@atlaskit/textfield": "5.6.3",
@@ -58,6 +58,7 @@
58
58
  "@emotion/react": "^11.7.1",
59
59
  "@emotion/styled": "^11.0.0",
60
60
  "debounce-promise": "^3.1.2",
61
+ "react-dom": "^16.8.0",
61
62
  "react-error-boundary": "^3.1.3",
62
63
  "tiny-invariant": "^1.2.0"
63
64
  },
@@ -78,7 +79,6 @@
78
79
  "fetch-mock": "^8.0.0",
79
80
  "jest-fetch-mock": "^3.0.3",
80
81
  "json-ld-types": "3.8.0",
81
- "react-dom": "^16.8.0",
82
82
  "typescript": "~4.9.5",
83
83
  "wait-for-expect": "^1.2.0"
84
84
  },