@atlaskit/link-datasource 1.7.2 → 1.7.4

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { Icon } from '@atlaskit/linking-types';
+interface IconProps extends Icon {
+    testId?: string;
+}
+export declare const ICON_TYPE_TEST_ID = "link-datasource-render-type--icon";
+declare const IconRenderType: ({ label, source, testId, }: IconProps) => JSX.Element;
+export default IconRenderType;

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

@@ -0,0 +1,2 @@
+import { TableViewPropsRenderType } from '../types';
+export declare const fallbackRenderType: TableViewPropsRenderType;

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import { Link } from '@atlaskit/linking-types';
+interface LinkProps extends Link {
+    testId?: string;
+}
+export declare const LINK_TYPE_TEST_ID = "link-datasource-render-type--link";
+declare const _default: React.MemoExoticComponent<({ style, url, text, testId, }: LinkProps) => JSX.Element | null>;
+export default _default;

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { NumberType } from '@atlaskit/linking-types';
+interface NumberProps {
+    testId?: string;
+    number: NumberType['value'];
+}
+export declare const NUMBER_TYPE_TEST_ID = "link-datasource-render-type--number";
+declare const NumberRenderType: ({ number, testId, }: NumberProps) => JSX.Element;
+export default NumberRenderType;

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

@@ -0,0 +1,6 @@
+import { jsx } from '@emotion/react';
+import { RichText } from '@atlaskit/linking-types';
+declare const RichTextType: ({ value }: {
+    value: RichText;
+}) => jsx.JSX.Element;
+export default RichTextType;

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { Status } from '@atlaskit/linking-types';
+interface StatusProps extends Status {
+    testId?: string;
+}
+export declare const STATUS_TYPE_TEST_ID = "link-datasource-render-type--status";
+declare const StatusRenderType: ({ text, style, testId, }: StatusProps) => JSX.Element;
+export default StatusRenderType;

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { TagType } from '@atlaskit/linking-types';
+interface TagProps {
+    tag: TagType['value'];
+    testId?: string;
+}
+export declare const TAG_TYPE_TEST_ID = "link-datasource-render-type--tag";
+declare const TagRenderType: ({ tag, testId }: TagProps) => JSX.Element;
+export default TagRenderType;

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { StringType } from '@atlaskit/linking-types';
+interface TextProps {
+    testId?: string;
+    text: StringType['value'];
+}
+export declare const TEXT_TYPE_TEST_ID = "link-datasource-render-type--text";
+declare const TextRenderType: ({ text, testId }: TextProps) => JSX.Element;
+export default TextRenderType;

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import { SizeType } from '@atlaskit/avatar';
+import { User } from '@atlaskit/linking-types';
+interface UserProps extends User {
+    children?: React.ReactElement;
+    testId?: string;
+    avatarSize?: SizeType;
+}
+export declare const USER_TYPE_TEST_ID = "link-datasource-render-type--user";
+declare const UserType: ({ avatarSource, avatarSize, displayName, testId, children, }: UserProps) => JSX.Element;
+export default UserType;

package/dist/types-ts4.5/ui/issue-like-table/render-type/user/messages.d.ts

@@ -0,0 +1,7 @@
+export declare const userTypeMessages: {
+    userDefaultdisplayNameValue: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+};

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

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+export declare const FieldTextFontSize = "14px";
+export declare const Table: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, {}>;
+export declare const TableHeading: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, {}>;
+export declare const EmptyStateTableHeading: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & import("react").ClassAttributes<HTMLTableHeaderCellElement> & import("react").ThHTMLAttributes<HTMLTableHeaderCellElement> & {
+    children?: import("react").ReactNode;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;

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

@@ -0,0 +1,53 @@
+/// <reference types="react" />
+import { DatasourceDataResponseItem, DatasourceResponseSchemaProperty, DatasourceTableStatusType, DatasourceType } from '@atlaskit/linking-types';
+import { NextPageType } from '../../hooks/useDatasourceTableState';
+export type TableViewPropsRenderType = (item: DatasourceType) => React.ReactNode;
+export interface IssueLikeDataTableViewProps {
+    testId?: string;
+    /**
+     * Unique ID to indicate parent component instance to be used for UFO experiences
+     */
+    parentContainerRenderInstanceId?: string;
+    /**
+     * Datasource extension key. Optional as value may not have been returned yet
+     */
+    extensionKey?: string | null;
+    /**
+     * All available columns/properties.
+     * Consumer should not reorder these columns to align with `visibleColumnKeys`.
+     * UI will display them according to `visibleColumnKeys`
+     */
+    columns: DatasourceResponseSchemaProperty[];
+    /**
+     * List of properties/column keys that are visible/selected
+     */
+    visibleColumnKeys: string[];
+    hasNextPage: boolean;
+    status: DatasourceTableStatusType;
+    items: DatasourceDataResponseItem[];
+    onNextPage: NextPageType;
+    onLoadDatasourceDetails: () => void;
+    /**
+     * A function to define new or override existing render components.
+     * eg:
+     * const renderItem: TableViewPropsRenderType = item => {
+     *  if (item.type === 'icon') {
+     *    return (
+     *       <IconRenderType label={item.label} source={item.source} />
+     *    );
+     *  }
+     *  return fallbackRenderType(item);
+     * };
+     */
+    renderItem?: TableViewPropsRenderType;
+    /**
+     * Callback that is called in either column re-order or columns being selected/unselected
+     * @param visibleColumnKeys
+     */
+    onVisibleColumnKeysChange?: (visibleColumnKeys: string[]) => void;
+    /**
+     * If this number is set it will restrict (max-height) maximum size of the component AND make main container a scrollable container.
+     * It this number is undefined it will not restrict height and not make container scrollable.
+     */
+    scrollableContainerHeight?: number;
+}

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

@@ -0,0 +1 @@
+export declare const useIsOnScreen: (el: HTMLElement | null) => boolean;

package/dist/types-ts4.5/ui/jira-issues-modal/basic-search-input/index.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+export interface BasicSearchInputProps {
+    isDisabled?: boolean;
+    isSearching?: boolean;
+    onChange: React.FormEventHandler<HTMLInputElement>;
+    onSearch: (searchTerm: string) => void;
+    searchTerm: string;
+    testId?: string;
+}
+export declare const BasicSearchInput: ({ isDisabled, isSearching, onChange, onSearch, searchTerm, testId, }: BasicSearchInputProps) => jsx.JSX.Element;

package/dist/types-ts4.5/ui/jira-issues-modal/basic-search-input/messages.d.ts

@@ -0,0 +1,7 @@
+export declare const basicSearchInputMessages: {
+    basicTextSearchLabel: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+};

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { JiraIssuesConfigModalProps } from './types';
+export declare const JIRA_LIST_OF_LINKS_DATASOURCE_ID = "d8b75300-dfda-4519-b6cd-e49abbd50401";
+declare const JiraIssuesConfigModalWithWrappers: (props: JiraIssuesConfigModalProps) => JSX.Element;
+export default JiraIssuesConfigModalWithWrappers;

package/dist/types-ts4.5/ui/jira-issues-modal/initial-state-view/assets/initial-state-svg.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const InitialStateSVG: () => JSX.Element;

package/dist/types-ts4.5/ui/jira-issues-modal/initial-state-view/index.d.ts

@@ -0,0 +1,3 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+export declare const InitialStateView: () => jsx.JSX.Element;

package/dist/types-ts4.5/ui/jira-issues-modal/initial-state-view/messages.d.ts

@@ -0,0 +1,17 @@
+export declare const initialStateViewMessages: {
+    searchTitle: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+    searchDescription: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+    learnMoreLink: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+};

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

@@ -0,0 +1,4 @@
+export declare const useBasicFilterHook: () => {
+    fetchFilterOptions: () => void;
+    hydrateFilterValues: () => void;
+};

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

@@ -0,0 +1 @@
+export { default as BasicFilters } from './ui';

package/dist/types-ts4.5/ui/jira-issues-modal/jira-search-container/basic-filters/ui/common/dropdown/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const BasicFilterDropdown: () => JSX.Element;
+export default BasicFilterDropdown;

package/dist/types-ts4.5/ui/jira-issues-modal/jira-search-container/basic-filters/ui/containers/project/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const ProjectFilterContainer: () => JSX.Element;
+export default ProjectFilterContainer;

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const BasicFilterContainer: () => JSX.Element;
+export default BasicFilterContainer;

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

@@ -0,0 +1,7 @@
+type BuildJQLInput = {
+    rawSearch: string;
+    orderDirection?: string;
+    orderKey?: string;
+};
+export declare const buildJQL: (input: BuildJQLInput) => string;
+export {};

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

@@ -0,0 +1,10 @@
+import { jsx } from '@emotion/react';
+import type { JiraSearchMethod } from '../../../common/types';
+import { JiraIssueDatasourceParameters, JiraIssueDatasourceParametersQuery } from '../types';
+export interface SearchContainerProps {
+    isSearching?: boolean;
+    onSearch: (query: JiraIssueDatasourceParametersQuery, searchMethod: JiraSearchMethod) => void;
+    parameters?: JiraIssueDatasourceParameters;
+}
+export declare const getInitialSearchMethod: (initialJql?: string) => JiraSearchMethod;
+export declare const JiraSearchContainer: (props: SearchContainerProps) => jsx.JSX.Element;

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

@@ -0,0 +1,7 @@
+export declare const modeSwitcherMessages: {
+    basicTextSearchLabel: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+};

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

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface JiraJQLEditorProps {
+    cloudId: string;
+    isSearching?: boolean;
+    onChange?: (query: string) => void;
+    onSearch: () => void;
+    query: string;
+}
+export declare const JiraJQLEditor: React.FC<JiraJQLEditorProps>;

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { jsx } from '@emotion/react';
+import { DatasourceAction } from '../../../analytics/types';
+import { JiraIssuesConfigModalProps } from '../types';
+/**
+ * This method should be called when one atomic action is performed on columns: adding new item, removing one item, changing items order.
+ * The assumption is that since only one action is changed at each time, we don't have to verify the actual contents of the lists.
+ */
+export declare const getColumnAction: (oldVisibleColumnKeys: string[], newVisibleColumnKeys: string[]) => DatasourceAction;
+export declare const PlainJiraIssuesConfigModal: (props: JiraIssuesConfigModalProps) => jsx.JSX.Element;
+export declare const JiraIssuesConfigModal: import("react").ForwardRefExoticComponent<JiraIssuesConfigModalProps & import("@atlaskit/analytics-next").WithContextProps & import("react").RefAttributes<any>>;

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

@@ -0,0 +1,42 @@
+export declare const modalMessages: {
+    cancelButtonText: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+    insertIssuesButtonText: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+    insertIssuesTitle: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+    insertIssuesTitleManySites: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+    issueViewModeLabel: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+    countViewModeLabel: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+    issuesCountSmartCardPlaceholderText: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+    issueText: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+};

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

@@ -0,0 +1,12 @@
+import { jsx } from '@emotion/react';
+export interface ModeSwitcherProps<T extends string = string> {
+    isCompact?: boolean;
+    isDisabled?: boolean;
+    options: {
+        label: string;
+        value: T;
+    }[];
+    onOptionValueChange: (selectedOptionValue: T) => void;
+    selectedOptionValue?: string;
+}
+export declare const ModeSwitcher: <T extends string = string>(props: ModeSwitcherProps<T>) => jsx.JSX.Element | null;

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

@@ -0,0 +1,10 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+import { Site } from '../../../services/getAvailableJiraSites';
+export interface JiraSiteSelectorProps {
+    availableSites: Site[];
+    onSiteSelection: (selectedSite: Site) => void;
+    selectedJiraSite?: Site;
+    testId?: string;
+}
+export declare const JiraSiteSelector: (props: JiraSiteSelectorProps) => jsx.JSX.Element;

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

@@ -0,0 +1,12 @@
+export declare const siteSelectorMessages: {
+    dropdownChevronLabel: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+    selectedJiraSiteLabel: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+};

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

@@ -0,0 +1,44 @@
+import type { UIAnalyticsEvent } from '@atlaskit/analytics-next';
+import { DatasourceAdf, InlineCardAdf } from '@atlaskit/linking-common/types';
+type XOR<T1, T2> = (T1 & {
+    [k in Exclude<keyof T2, keyof T1>]?: never;
+}) | (T2 & {
+    [k in Exclude<keyof T1, keyof T2>]?: never;
+});
+export type JiraIssueDatasourceParametersQuery = XOR<{
+    jql: string;
+}, {
+    filter: string;
+}>;
+export type JiraIssueDatasourceParameters = {
+    cloudId: string;
+} & JiraIssueDatasourceParametersQuery;
+export type JiraIssueViewModes = 'issue' | 'count';
+export interface JiraIssuesDatasourceAdf extends DatasourceAdf {
+    attrs: {
+        url?: string;
+        datasource: {
+            id: string;
+            parameters: JiraIssueDatasourceParameters;
+            views: [
+                {
+                    type: 'table';
+                    properties?: {
+                        columns: {
+                            key: string;
+                        }[];
+                    };
+                }
+            ];
+        };
+    };
+}
+export interface JiraIssuesConfigModalProps {
+    datasourceId: string;
+    visibleColumnKeys?: string[];
+    parameters?: JiraIssueDatasourceParameters;
+    onCancel: () => void;
+    onInsert: (adf: InlineCardAdf | JiraIssuesDatasourceAdf, analyticsEvent?: UIAnalyticsEvent) => void;
+    viewMode?: JiraIssueViewModes;
+}
+export {};

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

@@ -0,0 +1,8 @@
+import { jsx } from '@emotion/react';
+export type TableFooterProps = {
+    itemCount?: number;
+    onRefresh?: () => void;
+    isLoading: boolean;
+    url?: string;
+};
+export declare const TableFooter: ({ itemCount, onRefresh, isLoading, url, }: TableFooterProps) => jsx.JSX.Element | null;

package/dist/types-ts4.5/ui/table-footer/messages.d.ts

@@ -0,0 +1,17 @@
+export declare const footerMessages: {
+    itemText: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+    loadingText: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+    refreshLabel: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+};

package/dist/types-ts4.5/ui/table-footer/sync-info/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const SyncInfo: ({ lastSyncTime }: {
+    lastSyncTime: Date;
+}) => JSX.Element;

package/dist/types-ts4.5/ui/table-footer/sync-info/messages.d.ts

@@ -0,0 +1,12 @@
+export declare const messages: {
+    underOneMinuteText: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    overOneMinuteText: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/link-datasource",
-  "version": "1.7.2",
+  "version": "1.7.4",
   "description": "UI Components to support linking platform dataset feature",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -34,7 +34,7 @@
     "@atlaskit/analytics-next": "^9.1.3",
     "@atlaskit/avatar": "^21.4.0",
     "@atlaskit/button": "^16.10.0",
-    "@atlaskit/dropdown-menu": "^12.0.0",
+    "@atlaskit/dropdown-menu": "^12.1.0",
     "@atlaskit/editor-prosemirror": "1.1.0",
     "@atlaskit/empty-state": "^7.5.0",
     "@atlaskit/form": "^8.11.0",
@@ -55,12 +55,12 @@
     "@atlaskit/pragmatic-drag-and-drop-react-beautiful-dnd-autoscroll": "^0.6.0",
     "@atlaskit/pragmatic-drag-and-drop-react-indicator": "^0.16.0",
     "@atlaskit/select": "^16.7.0",
-    "@atlaskit/smart-card": "^26.34.0",
+    "@atlaskit/smart-card": "^26.35.0",
     "@atlaskit/spinner": "^15.6.0",
     "@atlaskit/tag": "^11.6.0",
     "@atlaskit/textfield": "5.6.8",
     "@atlaskit/theme": "^12.6.0",
-    "@atlaskit/tokens": "^1.25.0",
+    "@atlaskit/tokens": "^1.26.0",
     "@atlaskit/tooltip": "^17.8.0",
     "@atlaskit/ufo": "^0.2.4",
     "@atlassianlabs/jql-ast": "^2.1.0",

package/report.api.md

@@ -20,9 +20,7 @@
 import { DatasourceAdf } from '@atlaskit/linking-common/types';
 import { DatasourceAdfTableView } from '@atlaskit/linking-common/types';
 import { DatasourceAdfView } from '@atlaskit/linking-common/types';
-import { ForwardRefExoticComponent } from 'react';
 import { InlineCardAdf } from '@atlaskit/linking-common/types';
-import { RefAttributes } from 'react';
 import type { UIAnalyticsEvent } from '@atlaskit/analytics-next';
 
 // @public (undocumented)
@@ -79,11 +77,6 @@ export { DatasourceAdfTableView };
 
 export { DatasourceAdfView };
 
-// @public (undocumented)
-export const DatasourceRenderFailedAnalyticsWrapper: ForwardRefExoticComponent<
-  Pick<any, number | string | symbol> & RefAttributes<any>
->;
-
 // @public (undocumented)
 export const DatasourceTableView: (
   props: DatasourceTableViewProps,
@@ -143,6 +136,8 @@ interface JiraIssuesConfigModalProps {
   // (undocumented)
   parameters?: JiraIssueDatasourceParameters;
   // (undocumented)
+  viewMode?: JiraIssueViewModes;
+  // (undocumented)
   visibleColumnKeys?: string[];
 }
 
@@ -168,6 +163,14 @@ export interface JiraIssuesDatasourceAdf extends DatasourceAdf {
   };
 }
 
+// @public (undocumented)
+type JiraIssueViewModes = 'count' | 'issue';
+
+// @public (undocumented)
+export const LazyLoadedDatasourceRenderFailedAnalyticsWrapper: (
+  props: any,
+) => JSX.Element;
+
 // @public (undocumented)
 type XOR<T1, T2> =
   | (T1 & {