@atlaskit/link-datasource 1.11.1 → 1.12.1

package/dist/types/ui/jira-issues-modal/basic-filters/ui/async-popup-select/control.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import { ControlProps } from '@atlaskit/select';
-import { SelectOption } from './types';
+import { SelectOption } from '../../types';
 export declare const CustomControl: ({ children, ...innerProps }: ControlProps<SelectOption, true>) => JSX.Element;
 export default CustomControl;

package/dist/types/ui/jira-issues-modal/basic-filters/ui/async-popup-select/formatOptionLabel.d.ts

@@ -1,3 +1,3 @@
-import { FormatOptionLabel } from './types';
+import { FormatOptionLabel } from '../../types';
 declare const formatOptionLabel: FormatOptionLabel;
 export default formatOptionLabel;

package/dist/types/ui/jira-issues-modal/basic-filters/ui/async-popup-select/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { BasicFilterFieldType, SelectOption } from './types';
+import { BasicFilterFieldType, SelectOption } from '../../types';
 export interface AsyncPopupSelectProps {
     filterType: BasicFilterFieldType;
     selection: SelectOption[];

package/dist/types/ui/jira-issues-modal/basic-filters/ui/async-popup-select/trigger.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BasicFilterFieldType } from './types';
+import { BasicFilterFieldType } from '../../types';
 export interface PopupTriggerProps {
     filterType: BasicFilterFieldType;
     isSelected?: boolean;

package/dist/types/ui/jira-issues-modal/basic-filters/utils/transformers.d.ts

@@ -0,0 +1,8 @@
+import { FieldValuesResponse, HydrateResponse, SelectOption } from '../types';
+export declare function mapHydrateResponseData({ data }: HydrateResponse): {
+    status?: SelectOption[] | undefined;
+    assignee?: SelectOption[] | undefined;
+    project?: SelectOption[] | undefined;
+    issuetype?: SelectOption[] | undefined;
+};
+export declare function mapFieldValuesResponseData({ data, }: FieldValuesResponse): SelectOption[];

package/dist/types/ui/jira-issues-modal/jira-search-container/buildJQL.d.ts

@@ -1,4 +1,4 @@
-import { BasicFilterFieldType, SelectOption } from '../basic-filters/ui/async-popup-select/types';
+import { BasicFilterFieldType, SelectOption } from '../basic-filters/types';
 type BuildJQLInput = {
     rawSearch: string;
     orderDirection?: string;

package/dist/types/ui/jira-issues-modal/types.d.ts

@@ -26,6 +26,7 @@ export interface JiraIssuesDatasourceAdf extends DatasourceAdf {
                     properties?: {
                         columns: {
                             key: string;
+                            width?: number;
                         }[];
                     };
                 }
@@ -38,6 +39,9 @@ export interface JiraIssuesConfigModalProps {
     datasourceId: string;
     /** The keys for each of the visible columns to the shown in the rendered table */
     visibleColumnKeys?: string[];
+    columnCustomSizes?: {
+        [key: string]: number;
+    };
     /** The url that was used to insert a Jira List of Links */
     url?: string;
     /** Parameters for making the data requests necessary to render data within the table */

package/dist/types-ts4.5/services/mocks.d.ts

@@ -0,0 +1,3 @@
+import { FieldValuesResponse, HydrateResponse } from '../ui/jira-issues-modal/basic-filters/types';
+export declare const mockHydrateJqlResponse: HydrateResponse;
+export declare const mockFieldValuesResponse: FieldValuesResponse;

package/dist/types-ts4.5/services/useBasicFilterAGG.d.ts

@@ -0,0 +1,5 @@
+import { BasicFilterFieldType, FieldValuesResponse, HydrateResponse } from '../ui/jira-issues-modal/basic-filters/types';
+export declare const useBasicFilterAGG: () => {
+    getHydratedJQL: (cloudId: string, jql: string) => Promise<HydrateResponse>;
+    getFieldValues: (cloudId: string, jql: string, jqlTerm: BasicFilterFieldType, searchString: string, pageCursor?: string) => Promise<FieldValuesResponse>;
+};

package/dist/types-ts4.5/services/utils.d.ts

@@ -0,0 +1,2 @@
+export declare const hydrateJQLQuery = "query hydrate($cloudId: ID!, $jql: String!) {\n  jira {\n    jqlBuilder(cloudId: $cloudId) {\n      hydrateJqlQuery(query: $jql) {\n        ... on JiraJqlHydratedQuery {\n          fields {\n            ... on JiraJqlQueryHydratedField {\n              jqlTerm\n              values {\n                ... on JiraJqlQueryHydratedValue {\n                  values {\n                    ... on JiraJqlProjectFieldValue {\n                      jqlTerm\n                      displayName\n                      project {\n                        avatar {\n                          small\n                        }\n                      }\n                    }\n                    ... on JiraJqlStatusFieldValue {\n                      jqlTerm\n                      displayName\n                      statusCategory {\n                        colorName\n                      }\n                    }\n                    ... on JiraJqlIssueTypeFieldValue {\n                      jqlTerm\n                      displayName\n                      issueTypes {\n                        avatar {\n                          small\n                        }\n                      }\n                    }\n                    ... on JiraJqlUserFieldValue {\n                      jqlTerm\n                      displayName\n                      user {\n                        picture\n                      }\n                    }\n                    ... on JiraJqlGroupFieldValue {\n                      jqlTerm\n                      displayName\n                      group {\n                        name\n                      }\n                    }\n                  }\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n}";
+export declare const fieldValuesQuery = "query fieldValues($cloudId: ID!, $first: Int = 10, $jqlTerm: String!, $jql: String!, $searchString: String!, $after: String, $projectOptions: JiraProjectOptions) {\n  jira {\n    jqlBuilder(cloudId: $cloudId) {\n      fieldValues(\n        first: $first\n        jqlTerm: $jqlTerm\n        jqlContext: $jql\n        searchString: $searchString\n        after: $after\n      ) {\n        totalCount\n        pageInfo {\n          endCursor\n        }\n        edges {\n          node {\n            jqlTerm\n            displayName\n            ... on JiraJqlProjectFieldValue {\n              project {\n                avatar {\n                  small\n                }\n              }\n            }\n            ... on JiraJqlIssueTypeFieldValue {\n              issueTypes {\n                avatar {\n                  small\n                }\n              }\n            }\n            ... on JiraJqlStatusFieldValue {\n              statusCategory {\n                colorName\n              }\n            }\n            ... on JiraJqlUserFieldValue {\n              user {\n                picture\n              }\n            }\n            ... on JiraJqlGroupFieldValue {\n              group {\n                name\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n}";

package/dist/types-ts4.5/ui/datasource-table-view/types.d.ts

@@ -14,4 +14,8 @@ export interface DatasourceTableViewProps {
     visibleColumnKeys?: string[];
     /** Url for an existing datasource, initially used for displaying to a user unauthorized to query that site  */
     url?: string;
+    columnCustomSizes?: {
+        [key: string]: number;
+    };
+    onColumnResize?: (key: string, width: number) => void;
 }

package/dist/types-ts4.5/ui/issue-like-table/draggable-table-heading.d.ts

@@ -1,12 +1,13 @@
 /** @jsx jsx */
 import { ReactNode } from 'react';
 import { jsx } from '@emotion/react';
-export declare const DraggableTableHeading: ({ children, id, index, tableId, dndPreviewHeight, dragPreview, maxWidth, }: {
+export declare const DraggableTableHeading: ({ children, id, index, tableId, dndPreviewHeight, dragPreview, width, onWidthChange, }: {
     children: ReactNode;
     id: string;
     index: number;
     tableId: Symbol;
     dndPreviewHeight: number;
     dragPreview: React.ReactNode;
-    maxWidth?: number | undefined;
+    width: number;
+    onWidthChange?: ((width: number) => void) | undefined;
 }) => jsx.JSX.Element;

package/dist/types-ts4.5/ui/issue-like-table/index.d.ts

@@ -10,9 +10,11 @@ export interface RowType {
 }
 export interface RowCellType {
     key: string;
+    width: number;
+    shouldTruncate?: boolean;
     content?: React.ReactNode | string;
-    maxWidth?: number;
 }
-export declare const orderColumns: (columns: DatasourceResponseSchemaProperty[], visibleColumnKeys: string[]) => DatasourceResponseSchemaProperty[];
-export declare const IssueLikeDataTableView: ({ testId, onNextPage, onLoadDatasourceDetails, items, columns, renderItem, visibleColumnKeys, onVisibleColumnKeysChange, status, hasNextPage, scrollableContainerHeight, parentContainerRenderInstanceId, extensionKey, }: IssueLikeDataTableViewProps) => jsx.JSX.Element;
+export declare const getOrderedColumns: (columns: DatasourceResponseSchemaProperty[], visibleColumnKeys: string[]) => DatasourceResponseSchemaProperty[];
+export declare const COLUMN_MIN_WIDTH: number;
+export declare const IssueLikeDataTableView: ({ testId, onNextPage, onLoadDatasourceDetails, items, columns, renderItem, visibleColumnKeys, onVisibleColumnKeysChange, columnCustomSizes, onColumnResize, status, hasNextPage, scrollableContainerHeight, parentContainerRenderInstanceId, extensionKey, }: IssueLikeDataTableViewProps) => jsx.JSX.Element;
 export declare const EmptyState: ({ isCompact, testId }: import("./empty-state").Props) => jsx.JSX.Element;

package/dist/types-ts4.5/ui/issue-like-table/types.d.ts

@@ -2,6 +2,9 @@
 import { DatasourceDataResponseItem, DatasourceResponseSchemaProperty, DatasourceTableStatusType, DatasourceType } from '@atlaskit/linking-types';
 import { NextPageType } from '../../hooks/useDatasourceTableState';
 export type TableViewPropsRenderType = (item: DatasourceType) => React.ReactNode;
+export interface ColumnSizesMap {
+    [key: string]: number;
+}
 export interface IssueLikeDataTableViewProps {
     testId?: string;
     /**
@@ -50,4 +53,6 @@ export interface IssueLikeDataTableViewProps {
      * It this number is undefined it will not restrict height and not make container scrollable.
      */
     scrollableContainerHeight?: number;
+    columnCustomSizes?: ColumnSizesMap;
+    onColumnResize?: (key: string, width: number) => void;
 }

package/dist/types-ts4.5/ui/jira-issues-modal/basic-filters/hooks/useFieldValues.d.ts

@@ -1,4 +1,4 @@
-import { BasicFilterFieldType, SelectOption } from '../ui/async-popup-select/types';
+import { BasicFilterFieldType, SelectOption } from '../types';
 interface FieldValuesProps {
     filterType: BasicFilterFieldType;
 }

package/dist/types-ts4.5/ui/jira-issues-modal/basic-filters/mocks/fieldValuesEmptyResponse.d.ts

@@ -0,0 +1,3 @@
+import { FieldValuesResponse } from '../types';
+export declare const fieldValuesEmptyResponse: FieldValuesResponse;
+export declare const fieldValuesEmptyResponseMapped: never[];

package/dist/types-ts4.5/ui/jira-issues-modal/basic-filters/mocks/fieldValuesExpectedResponseForAssignees.d.ts

@@ -0,0 +1,17 @@
+import { FieldValuesResponse } from '../types';
+export declare const fieldValuesResponseForAssignees: FieldValuesResponse;
+export declare const fieldValuesResponseForAssigneesMapped: ({
+    isGroup: boolean;
+    label: string;
+    optionType: string;
+    value: string;
+    avatar?: undefined;
+    isSquare?: undefined;
+} | {
+    avatar: string;
+    isSquare: boolean;
+    label: string;
+    optionType: string;
+    value: string;
+    isGroup?: undefined;
+})[];

package/dist/types-ts4.5/ui/jira-issues-modal/basic-filters/mocks/fieldValuesStandardResponseForProjects.d.ts

@@ -0,0 +1,8 @@
+import { FieldValuesResponse } from '../types';
+export declare const fieldValuesResponseForProjects: FieldValuesResponse;
+export declare const fieldValuesResponseForProjectsMapped: {
+    icon: string;
+    label: string;
+    optionType: string;
+    value: string;
+}[];

package/dist/types-ts4.5/ui/jira-issues-modal/basic-filters/mocks/fieldValuesStandardResponseForStatuses.d.ts

@@ -0,0 +1,8 @@
+import { FieldValuesResponse } from '../types';
+export declare const fieldValuesResponseForStatuses: FieldValuesResponse;
+export declare const fieldValuesResponseForStatusesMapped: {
+    appearance: string;
+    label: string;
+    optionType: string;
+    value: string;
+}[];

package/dist/types-ts4.5/ui/jira-issues-modal/basic-filters/mocks/fieldValuesStandardResponseForTypes.d.ts

@@ -0,0 +1,8 @@
+import { FieldValuesResponse } from '../types';
+export declare const fieldValuesResponseForTypes: FieldValuesResponse;
+export declare const fieldValuesResponseForTypesMapped: {
+    icon: string;
+    label: string;
+    optionType: string;
+    value: string;
+}[];

package/dist/types-ts4.5/ui/jira-issues-modal/basic-filters/mocks/hydrateJqlEmptyResponse.d.ts

@@ -0,0 +1,3 @@
+import { HydrateResponse } from '../types';
+export declare const hydrateJqlEmptyResponse: HydrateResponse;
+export declare const hydrateJqlEmptyResponseMapped: {};

package/dist/types-ts4.5/ui/jira-issues-modal/basic-filters/mocks/hydrateJqlStandardResponse.d.ts

@@ -0,0 +1,29 @@
+import { HydrateResponse } from '../types';
+export declare const hydrateJqlStandardResponse: HydrateResponse;
+export declare const hydrateJqlStandardResponseMapped: {
+    issuetype: {
+        icon: string;
+        label: string;
+        optionType: string;
+        value: string;
+    }[];
+    project: {
+        icon: string;
+        label: string;
+        optionType: string;
+        value: string;
+    }[];
+    assignee: {
+        avatar: string;
+        isSquare: boolean;
+        label: string;
+        optionType: string;
+        value: string;
+    }[];
+    status: {
+        appearance: string;
+        label: string;
+        optionType: string;
+        value: string;
+    }[];
+};

package/dist/types-ts4.5/ui/jira-issues-modal/basic-filters/types.d.ts

@@ -0,0 +1,93 @@
+import { ReactElement } from 'react';
+export type BasicFilterFieldType = 'project' | 'assignee' | 'issuetype' | 'status';
+export interface OptionBase {
+    label: string;
+    value: string;
+}
+export type IconLabelOption = OptionBase & {
+    optionType: 'iconLabel';
+    icon: string;
+};
+export type LozengeLabelOption = OptionBase & {
+    optionType: 'lozengeLabel';
+    appearance?: LozengeAppearance;
+};
+export type LozengeAppearance = 'default' | 'inprogress' | 'moved' | 'new' | 'removed' | 'success';
+export type AvatarLabelOption = OptionBase & {
+    optionType: 'avatarLabel';
+    avatar?: string;
+    isSquare?: boolean;
+    isGroup?: boolean;
+};
+export type SelectOption = IconLabelOption | LozengeLabelOption | AvatarLabelOption;
+export type FormatOptionLabel = (option: SelectOption) => ReactElement;
+export declare const appearanceMap: {
+    readonly BLUE_GRAY: "default";
+    readonly MEDIUM_GRAY: "default";
+    readonly BROWN: "default";
+    readonly GREEN: "success";
+    readonly YELLOW: "inprogress";
+    readonly WARM_RED: "removed";
+};
+export type ColorName = keyof typeof appearanceMap;
+export type Appearance = (typeof appearanceMap)[ColorName];
+type JQLBuilderResponse<T> = {
+    data: {
+        jira?: {
+            jqlBuilder: T;
+        };
+    };
+    errors?: Array<object>;
+};
+type HydrateJqlQueryBody = {
+    hydrateJqlQuery: {
+        fields: Array<{
+            jqlTerm: BasicFilterFieldType;
+            values: Array<{
+                values: Array<AggJqlBuilderFieldNode>;
+            }>;
+        }>;
+    };
+};
+type FieldValuesBody = {
+    fieldValues: {
+        totalCount: number;
+        pageInfo: {
+            endCursor?: string;
+        };
+        edges: Array<{
+            node: AggJqlBuilderFieldNode;
+        }>;
+    };
+};
+type JqlBuilderProject = {
+    avatar: {
+        small: string;
+    };
+};
+type JqlBuilderUser = {
+    picture?: string;
+};
+type JqlBuilderGroup = {
+    name: string;
+};
+type JqlBuilderIssueType = {
+    avatar: {
+        small: string;
+    };
+};
+type JqlBuilderStatusCategory = {
+    colorName: string;
+};
+export type AggJqlBuilderFieldNode = {
+    jqlTerm: string;
+    displayName: string;
+    project?: JqlBuilderProject;
+    user?: JqlBuilderUser;
+    issueTypes?: Array<JqlBuilderIssueType>;
+    statusCategory?: JqlBuilderStatusCategory;
+    group?: JqlBuilderGroup;
+};
+export type HydrateResponse = JQLBuilderResponse<HydrateJqlQueryBody>;
+export type FieldValuesResponse = JQLBuilderResponse<FieldValuesBody>;
+export {};

package/dist/types-ts4.5/ui/jira-issues-modal/basic-filters/ui/async-popup-select/control.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import { ControlProps } from '@atlaskit/select';
-import { SelectOption } from './types';
+import { SelectOption } from '../../types';
 export declare const CustomControl: ({ children, ...innerProps }: ControlProps<SelectOption, true>) => JSX.Element;
 export default CustomControl;

package/dist/types-ts4.5/ui/jira-issues-modal/basic-filters/ui/async-popup-select/formatOptionLabel.d.ts

@@ -1,3 +1,3 @@
-import { FormatOptionLabel } from './types';
+import { FormatOptionLabel } from '../../types';
 declare const formatOptionLabel: FormatOptionLabel;
 export default formatOptionLabel;

package/dist/types-ts4.5/ui/jira-issues-modal/basic-filters/ui/async-popup-select/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { BasicFilterFieldType, SelectOption } from './types';
+import { BasicFilterFieldType, SelectOption } from '../../types';
 export interface AsyncPopupSelectProps {
     filterType: BasicFilterFieldType;
     selection: SelectOption[];

package/dist/types-ts4.5/ui/jira-issues-modal/basic-filters/ui/async-popup-select/trigger.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BasicFilterFieldType } from './types';
+import { BasicFilterFieldType } from '../../types';
 export interface PopupTriggerProps {
     filterType: BasicFilterFieldType;
     isSelected?: boolean;

package/dist/types-ts4.5/ui/jira-issues-modal/basic-filters/utils/transformers.d.ts

@@ -0,0 +1,8 @@
+import { FieldValuesResponse, HydrateResponse, SelectOption } from '../types';
+export declare function mapHydrateResponseData({ data }: HydrateResponse): {
+    status?: SelectOption[] | undefined;
+    assignee?: SelectOption[] | undefined;
+    project?: SelectOption[] | undefined;
+    issuetype?: SelectOption[] | undefined;
+};
+export declare function mapFieldValuesResponseData({ data, }: FieldValuesResponse): SelectOption[];

package/dist/types-ts4.5/ui/jira-issues-modal/jira-search-container/buildJQL.d.ts

@@ -1,4 +1,4 @@
-import { BasicFilterFieldType, SelectOption } from '../basic-filters/ui/async-popup-select/types';
+import { BasicFilterFieldType, SelectOption } from '../basic-filters/types';
 type BuildJQLInput = {
     rawSearch: string;
     orderDirection?: string;

package/dist/types-ts4.5/ui/jira-issues-modal/types.d.ts

@@ -26,6 +26,7 @@ export interface JiraIssuesDatasourceAdf extends DatasourceAdf {
                     properties?: {
                         columns: {
                             key: string;
+                            width?: number;
                         }[];
                     };
                 }
@@ -38,6 +39,9 @@ export interface JiraIssuesConfigModalProps {
     datasourceId: string;
     /** The keys for each of the visible columns to the shown in the rendered table */
     visibleColumnKeys?: string[];
+    columnCustomSizes?: {
+        [key: string]: number;
+    };
     /** The url that was used to insert a Jira List of Links */
     url?: string;
     /** Parameters for making the data requests necessary to render data within the table */

package/examples-helpers/buildIssueLikeTable.tsx

@@ -1,5 +1,5 @@
 /** @jsx jsx */
-import { useEffect, useMemo, useState } from 'react';
+import { useCallback, useEffect, useMemo, useState } from 'react';
 
 import { jsx } from '@emotion/react';
 import styled from '@emotion/styled';
@@ -13,6 +13,7 @@ import {
 
 import { useDatasourceTableState } from '../src/hooks/useDatasourceTableState';
 import { IssueLikeDataTableView } from '../src/ui/issue-like-table';
+import { ColumnSizesMap } from '../src/ui/issue-like-table/types';
 import { JiraIssueDatasourceParameters } from '../src/ui/jira-issues-modal/types';
 
 import SmartLinkClient from './smartLinkCustomClient';
@@ -57,6 +58,17 @@ const ExampleBody = ({ isReadonly }: Props) => {
     defaultInitialVisibleColumnKeys,
   );
 
+  const [columnCustomSizes, setColumnCustomSizes] = useState<
+    ColumnSizesMap | undefined
+  >();
+
+  const onColumnResize = useCallback(
+    (key: string, width: number) => {
+      setColumnCustomSizes({ ...columnCustomSizes, [key]: width });
+    },
+    [columnCustomSizes],
+  );
+
   useEffect(() => {
     if (visibleColumnKeys.length === 0 && defaultVisibleColumnKeys.length > 0) {
       setVisibleColumnKeys(defaultVisibleColumnKeys);
@@ -78,6 +90,8 @@ const ExampleBody = ({ isReadonly }: Props) => {
           onVisibleColumnKeysChange={
             isReadonly ? undefined : setVisibleColumnKeys
           }
+          onColumnResize={isReadonly ? undefined : onColumnResize}
+          columnCustomSizes={columnCustomSizes}
         />
       ) : (
         <span>Loading ...</span>

package/examples-helpers/buildJiraIssuesTable.tsx

@@ -1,4 +1,4 @@
-import React, { useMemo, useState } from 'react';
+import React, { useCallback, useMemo, useState } from 'react';
 
 import {
   defaultInitialVisibleColumnKeys,
@@ -6,6 +6,7 @@ import {
 } from '@atlaskit/link-test-helpers/datasource';
 
 import { DatasourceTableView } from '../src';
+import { ColumnSizesMap } from '../src/ui/issue-like-table/types';
 import { JiraIssueDatasourceParameters } from '../src/ui/jira-issues-modal/types';
 
 mockDatasourceFetchRequests();
@@ -25,12 +26,25 @@ export const ExampleJiraIssuesTableView = () => {
     [cloudId],
   );
 
+  const [columnCustomSizes, setColumnCustomSizes] = useState<
+    ColumnSizesMap | undefined
+  >();
+
+  const onColumnResize = useCallback(
+    (key: string, width: number) => {
+      setColumnCustomSizes({ ...columnCustomSizes, [key]: width });
+    },
+    [columnCustomSizes],
+  );
+
   return (
     <DatasourceTableView
       datasourceId={'some-datasource-id'}
       parameters={parameters}
       visibleColumnKeys={visibleColumnKeys}
       onVisibleColumnKeysChange={setVisibleColumnKeys}
+      columnCustomSizes={columnCustomSizes}
+      onColumnResize={onColumnResize}
     />
   );
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/link-datasource",
-  "version": "1.11.1",
+  "version": "1.12.1",
   "description": "UI Components to support linking platform dataset feature",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -33,7 +33,7 @@
     "@atlaskit/adf-schema": "^32.0.0",
     "@atlaskit/analytics-next": "^9.1.3",
     "@atlaskit/avatar": "^21.4.0",
-    "@atlaskit/button": "^16.12.0",
+    "@atlaskit/button": "^16.13.0",
     "@atlaskit/editor-prosemirror": "1.1.0",
     "@atlaskit/empty-state": "^7.5.0",
     "@atlaskit/form": "^8.11.0",
@@ -45,15 +45,16 @@
     "@atlaskit/jql-ast": "^3.0.0",
     "@atlaskit/jql-editor-autocomplete-rest": "^2.0.0",
     "@atlaskit/link-client-extension": "^1.8.0",
-    "@atlaskit/linking-common": "^4.13.0",
+    "@atlaskit/link-provider": "^1.6.12",
+    "@atlaskit/linking-common": "^4.14.0",
     "@atlaskit/linking-types": "^8.4.0",
     "@atlaskit/lozenge": "^11.4.0",
     "@atlaskit/modal-dialog": "^12.8.0",
     "@atlaskit/platform-feature-flags": "^0.2.4",
     "@atlaskit/pragmatic-drag-and-drop": "^0.24.0",
-    "@atlaskit/pragmatic-drag-and-drop-hitbox": "^0.11.0",
+    "@atlaskit/pragmatic-drag-and-drop-hitbox": "^0.12.0",
     "@atlaskit/pragmatic-drag-and-drop-react-beautiful-dnd-autoscroll": "^0.6.0",
-    "@atlaskit/pragmatic-drag-and-drop-react-indicator": "^0.16.0",
+    "@atlaskit/pragmatic-drag-and-drop-react-indicator": "^0.17.0",
     "@atlaskit/primitives": "^1.9.0",
     "@atlaskit/select": "^16.7.0",
     "@atlaskit/smart-card": "^26.41.0",
@@ -82,7 +83,6 @@
   "devDependencies": {
     "@af/integration-testing": "*",
     "@af/visual-regression": "*",
-    "@atlaskit/link-provider": "^1.6.0",
     "@atlaskit/link-test-helpers": "^6.2.0",
     "@atlaskit/ssr": "*",
     "@atlaskit/visual-regression": "*",

package/report.api.md

@@ -87,9 +87,15 @@ export const DatasourceTableView: (
 
 // @public (undocumented)
 interface DatasourceTableViewProps {
+  // (undocumented)
+  columnCustomSizes?: {
+    [key: string]: number;
+  };
   datasourceId: string;
   // (undocumented)
   fields?: string[];
+  // (undocumented)
+  onColumnResize?: (key: string, width: number) => void;
   onVisibleColumnKeysChange?: (visibleColumnKeys: string[]) => void;
   parameters: object;
   url?: string;
@@ -122,6 +128,10 @@ export const JiraIssuesConfigModal: (
 
 // @public (undocumented)
 interface JiraIssuesConfigModalProps {
+  // (undocumented)
+  columnCustomSizes?: {
+    [key: string]: number;
+  };
   datasourceId: string;
   onCancel: () => void;
   onInsert: (
@@ -148,6 +158,7 @@ export interface JiraIssuesDatasourceAdf extends DatasourceAdf {
           properties?: {
             columns: {
               key: string;
+              width?: number;
             }[];
           };
         },

package/tmp/api-report-tmp.d.ts

@@ -68,9 +68,15 @@ export const DatasourceTableView: (props: DatasourceTableViewProps) => JSX.Eleme
 
 // @public (undocumented)
 interface DatasourceTableViewProps {
+    // (undocumented)
+    columnCustomSizes?: {
+        [key: string]: number;
+    };
     datasourceId: string;
     // (undocumented)
     fields?: string[];
+    // (undocumented)
+    onColumnResize?: (key: string, width: number) => void;
     onVisibleColumnKeysChange?: (visibleColumnKeys: string[]) => void;
     parameters: object;
     url?: string;
@@ -97,6 +103,10 @@ export const JiraIssuesConfigModal: (props: JiraIssuesConfigModalProps) => JSX.E
 
 // @public (undocumented)
 interface JiraIssuesConfigModalProps {
+    // (undocumented)
+    columnCustomSizes?: {
+        [key: string]: number;
+    };
     datasourceId: string;
     onCancel: () => void;
     onInsert: (adf: InlineCardAdf | JiraIssuesDatasourceAdf, analyticsEvent?: UIAnalyticsEvent) => void;
@@ -120,6 +130,7 @@ export interface JiraIssuesDatasourceAdf extends DatasourceAdf {
                 properties?: {
                     columns: {
                         key: string;
+                        width?: number;
                     }[];
                 };
             }

package/dist/cjs/ui/jira-issues-modal/basic-filters/ui/async-popup-select/types.js

@@ -1,5 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});

package/dist/es2019/ui/jira-issues-modal/basic-filters/ui/async-popup-select/types.js

@@ -1 +0,0 @@
-export {};

package/dist/esm/ui/jira-issues-modal/basic-filters/ui/async-popup-select/types.js

@@ -1 +0,0 @@
-export {};

package/dist/types/ui/jira-issues-modal/basic-filters/ui/async-popup-select/types.d.ts

@@ -1,23 +0,0 @@
-export type BasicFilterFieldType = 'project' | 'assignee' | 'issuetype' | 'status';
-import { ReactElement } from 'react';
-interface OptionBase {
-    label: string;
-    value: string;
-}
-export type IconLabelOption = OptionBase & {
-    optionType: 'iconLabel';
-    icon: string;
-};
-export type LozengeLabelOption = OptionBase & {
-    optionType: 'lozengeLabel';
-    appearance?: 'default' | 'inprogress' | 'moved' | 'new' | 'removed' | 'success';
-    isBold?: boolean;
-};
-export type AvatarLabelOption = OptionBase & {
-    optionType: 'avatarLabel';
-    avatar?: string;
-    isSquare?: boolean;
-};
-export type SelectOption = IconLabelOption | LozengeLabelOption | AvatarLabelOption;
-export type FormatOptionLabel = (option: SelectOption) => ReactElement;
-export {};