@atlaskit/link-datasource 1.11.0 → 1.12.0

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,7 +1,11 @@
+import { BasicFilterFieldType, SelectOption } from '../basic-filters/types';
 type BuildJQLInput = {
     rawSearch: string;
     orderDirection?: string;
     orderKey?: string;
+    filterValues?: {
+        [key in BasicFilterFieldType]?: SelectOption[];
+    };
 };
 export declare const buildJQL: (input: BuildJQLInput) => string;
 export {};

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.0",
+  "version": "1.12.0",
   "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,7 +45,8 @@
     "@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",
@@ -54,7 +55,7 @@
     "@atlaskit/pragmatic-drag-and-drop-hitbox": "^0.11.0",
     "@atlaskit/pragmatic-drag-and-drop-react-beautiful-dnd-autoscroll": "^0.6.0",
     "@atlaskit/pragmatic-drag-and-drop-react-indicator": "^0.16.0",
-    "@atlaskit/primitives": "^1.8.0",
+    "@atlaskit/primitives": "^1.9.0",
     "@atlaskit/select": "^16.7.0",
     "@atlaskit/smart-card": "^26.41.0",
     "@atlaskit/spinner": "^15.6.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 {};

package/dist/types-ts4.5/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 {};