@atlaskit/link-datasource 0.14.4

package/dist/esm/ui/jira-issues/modal/site-selector/messages.js

@@ -0,0 +1,13 @@
+import { defineMessages } from 'react-intl-next';
+export var siteSelectorMessages = defineMessages({
+  dropdownChevronLabel: {
+    id: 'linkDataSource.jira-issues.configmodal.dropdownChevronLabel',
+    description: 'Label for button that reveals more available site options to choose from',
+    defaultMessage: 'Pick jira site'
+  },
+  selectedJiraSiteLabel: {
+    id: 'linkDataSource.jira-issues.configmodal.selectedJiraSiteLabel',
+    description: 'Label for a check icon declaring which option is selected',
+    defaultMessage: '{siteName} is selected'
+  }
+});

package/dist/esm/ui/jira-issues/table-footer/index.js

@@ -0,0 +1,60 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+/** @jsx jsx */
+import { Fragment, useEffect, useState } from 'react';
+import { jsx } from '@emotion/react';
+import styled from '@emotion/styled';
+import { FormattedMessage, useIntl } from 'react-intl-next';
+import Button from '@atlaskit/button';
+import Heading from '@atlaskit/heading';
+import RefreshIcon from '@atlaskit/icon/glyph/refresh';
+import { N0, N40, N800, N90 } from '@atlaskit/theme/colors';
+import { footerMessages } from './messages';
+import { SyncInfo } from './sync-info';
+var FooterWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: space-between;\n  width: 100%;\n  padding: ", " 0;\n  position: sticky;\n  bottom: 0;\n  background: ", ";\n  border-top-style: solid;\n  border-top-color: ", ";\n  margin-top: -2px;\n  align-self: center;\n"])), "var(--ds-space-250, 20px)", "var(--ds-background-input, ".concat(N0, ")"), "var(--ds-background-neutral, ".concat(N40, ")"));
+var IssueCounterWrapper = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin-left: 10px;\n  display: flex;\n  align-self: center;\n  color: ", ";\n"])), "var(--ds-text-accent-gray, ".concat(N800, ")"));
+var SyncWrapper = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  color: ", ";\n"])), "var(--ds-text-accent-gray, ".concat(N90, ")"));
+var SyncTextWrapper = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  margin-right: 5px;\n"])));
+export var TableFooter = function TableFooter(_ref) {
+  var issueCount = _ref.issueCount,
+    onRefresh = _ref.onRefresh,
+    isLoading = _ref.isLoading;
+  var intl = useIntl();
+  var _useState = useState(new Date()),
+    _useState2 = _slicedToArray(_useState, 2),
+    lastSyncTime = _useState2[0],
+    setLastSyncTime = _useState2[1];
+  var showIssueCount = issueCount && issueCount > 0 ? true : issueCount === 0 ? !isLoading : false;
+  useEffect(function () {
+    if (isLoading) {
+      setLastSyncTime(new Date());
+    }
+  }, [isLoading]);
+
+  // If only one of the two is passed in, still show the other one (Note: We keep the div encapsulating the one not shown to
+  // ensure correct positioning since 'justify-content: space-between' is used).
+  return onRefresh || showIssueCount ? jsx(FooterWrapper, {
+    "data-testid": "table-footer"
+  }, jsx(IssueCounterWrapper, null, showIssueCount && jsx(Heading, {
+    testId: "issue-count",
+    level: 'h400'
+  }, jsx(FormattedMessage, _extends({}, footerMessages.issueText, {
+    values: {
+      issueCount: issueCount
+    }
+  })))), jsx(SyncWrapper, null, onRefresh && jsx(Fragment, null, jsx(SyncTextWrapper, {
+    "data-testid": "sync-text"
+  }, isLoading ? jsx(FormattedMessage, footerMessages.loadingText) : jsx(SyncInfo, {
+    lastSyncTime: lastSyncTime
+  })), jsx(Button, {
+    onClick: onRefresh,
+    appearance: "subtle",
+    iconBefore: jsx(RefreshIcon, {
+      label: intl.formatMessage(footerMessages.refreshLabel)
+    }),
+    isDisabled: isLoading,
+    testId: "refresh-button"
+  })))) : null;
+};

package/dist/esm/ui/jira-issues/table-footer/messages.js

@@ -0,0 +1,18 @@
+import { defineMessages } from 'react-intl-next';
+export var footerMessages = defineMessages({
+  issueText: {
+    id: 'linkDataSource.jira-issues.table-footer.issue',
+    description: 'Text that appears after issue count number if there is only 1 issue.',
+    defaultMessage: '{issueCount} {issueCount, plural, one {issue} other {issues}}'
+  },
+  loadingText: {
+    id: 'linkDataSource.jira-issues.table-footer.loading',
+    description: 'Text that appears when table is loading.',
+    defaultMessage: 'Loading...'
+  },
+  refreshLabel: {
+    id: 'linkDataSource.jira-issues.table-footer.refresh',
+    description: 'Label for refresh icon',
+    defaultMessage: 'Refresh'
+  }
+});

package/dist/esm/ui/jira-issues/table-footer/sync-info/index.js

@@ -0,0 +1,68 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _extends from "@babel/runtime/helpers/extends";
+import React, { useCallback, useEffect, useState } from 'react';
+import { FormattedDate, FormattedMessage, FormattedRelativeTime } from 'react-intl-next';
+import { messages } from './messages';
+var SECONDS_IN_MIN = 60;
+var SECONDS_IN_HR = SECONDS_IN_MIN * 60;
+var SECONDS_IN_DAY = SECONDS_IN_HR * 24;
+var WithUpdatedLabel = function WithUpdatedLabel(formattedDate) {
+  var i18nMessage = formattedDate ? messages.overOneMinuteText : messages.underOneMinuteText;
+  return /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, i18nMessage, {
+    values: {
+      date: formattedDate
+    }
+  }));
+};
+export var SyncInfo = function SyncInfo(_ref) {
+  var lastSyncTime = _ref.lastSyncTime;
+  var calculateTimeDiff = useCallback(function () {
+    return Math.floor((Date.now() - lastSyncTime.getTime()) / 1000);
+  }, [lastSyncTime]);
+  var _useState = useState(calculateTimeDiff()),
+    _useState2 = _slicedToArray(_useState, 2),
+    secondsSinceUpdate = _useState2[0],
+    setSecondsSinceUpdate = _useState2[1];
+  var totalDays = Math.floor(secondsSinceUpdate / SECONDS_IN_DAY);
+  var totalHours = Math.floor(secondsSinceUpdate / SECONDS_IN_HR);
+  var totalMinutes = Math.floor(secondsSinceUpdate / SECONDS_IN_MIN);
+  useEffect(function () {
+    setSecondsSinceUpdate(calculateTimeDiff());
+    var interval = setInterval(function () {
+      return setSecondsSinceUpdate(calculateTimeDiff());
+    }, 1000);
+    return function () {
+      return clearInterval(interval);
+    };
+  }, [lastSyncTime, calculateTimeDiff]);
+  if (totalMinutes >= 1 && totalMinutes < 60) {
+    return /*#__PURE__*/React.createElement(FormattedRelativeTime, {
+      value: -totalMinutes,
+      style: "long",
+      unit: "minute"
+    }, WithUpdatedLabel);
+  }
+  if (totalHours >= 1 && totalHours < 24) {
+    return /*#__PURE__*/React.createElement(FormattedRelativeTime, {
+      value: -totalHours,
+      style: "long",
+      unit: "hour"
+    }, WithUpdatedLabel);
+  }
+  if (totalDays >= 1 && totalDays < 8) {
+    return /*#__PURE__*/React.createElement(FormattedRelativeTime, {
+      value: -totalDays,
+      style: "long",
+      unit: "day"
+    }, WithUpdatedLabel);
+  }
+  if (totalDays >= 8) {
+    return /*#__PURE__*/React.createElement(FormattedDate, {
+      year: "numeric",
+      month: "short",
+      day: "2-digit",
+      value: lastSyncTime
+    }, WithUpdatedLabel);
+  }
+  return WithUpdatedLabel();
+};

package/dist/esm/ui/jira-issues/table-footer/sync-info/messages.js

@@ -0,0 +1,13 @@
+import { defineMessages } from 'react-intl-next';
+export var messages = defineMessages({
+  underOneMinuteText: {
+    id: 'linkDataSource.jira-issues.table-footer.date_formatter.under_one_minute',
+    defaultMessage: 'Synced just now',
+    description: 'A text to indicate the last data fetch time was under a minute.'
+  },
+  overOneMinuteText: {
+    id: 'linkDataSource.jira-issues.table-footer.date_formatter.under_over_minute',
+    defaultMessage: 'Synced {date}',
+    description: 'A text to indicate the last data fetch time was over a minute.'
+  }
+});

package/dist/esm/ui/jira-issues/tableView.js

@@ -0,0 +1,55 @@
+/** @jsx jsx */
+import { useEffect } from 'react';
+import { css, jsx } from '@emotion/react';
+import Spinner from '@atlaskit/spinner';
+import { useDatasourceTableState } from '../../hooks/useDatasourceTableState';
+import { IssueLikeDataTableView } from '../issue-like-table';
+import { TableFooter } from './table-footer';
+var TableViewWrapperStyles = css({
+  display: 'flex',
+  flexDirection: 'column',
+  width: '100%',
+  height: '100%',
+  position: 'relative',
+  padding: "var(--ds-space-200, 16px)",
+  paddingBottom: 0,
+  boxSizing: 'border-box'
+});
+export var JiraIssuesTableView = function JiraIssuesTableView(_ref) {
+  var datasourceId = _ref.datasourceId,
+    parameters = _ref.parameters,
+    visibleColumnKeys = _ref.visibleColumnKeys,
+    onVisibleColumnKeysChange = _ref.onVisibleColumnKeysChange;
+  var _useDatasourceTableSt = useDatasourceTableState(datasourceId, parameters),
+    reset = _useDatasourceTableSt.reset,
+    status = _useDatasourceTableSt.status,
+    onNextPage = _useDatasourceTableSt.onNextPage,
+    responseItems = _useDatasourceTableSt.responseItems,
+    hasNextPage = _useDatasourceTableSt.hasNextPage,
+    columns = _useDatasourceTableSt.columns,
+    defaultVisibleColumnKeys = _useDatasourceTableSt.defaultVisibleColumnKeys,
+    totalIssueCount = _useDatasourceTableSt.totalIssueCount;
+  useEffect(function () {
+    if (onVisibleColumnKeysChange && (visibleColumnKeys || []).length === 0 && defaultVisibleColumnKeys.length > 0) {
+      onVisibleColumnKeysChange(defaultVisibleColumnKeys);
+    }
+  }, [visibleColumnKeys, defaultVisibleColumnKeys, onVisibleColumnKeysChange]);
+  return columns.length > 0 ? jsx("div", {
+    css: TableViewWrapperStyles
+  }, jsx(IssueLikeDataTableView, {
+    testId: 'jira-issues-table-view',
+    hasNextPage: hasNextPage,
+    items: responseItems,
+    onNextPage: onNextPage,
+    status: status,
+    columns: columns,
+    visibleColumnKeys: visibleColumnKeys || defaultVisibleColumnKeys,
+    onVisibleColumnKeysChange: onVisibleColumnKeysChange
+  }), jsx(TableFooter, {
+    issueCount: totalIssueCount,
+    onRefresh: reset,
+    isLoading: status === 'loading'
+  })) : jsx(Spinner, {
+    testId: 'jira-issues-table-view-spinner'
+  });
+};

package/dist/esm/ui/jira-issues/types.js

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

package/dist/esm/version.json

@@ -0,0 +1,5 @@
+{
+	"name": "@atlaskit/link-datasource",
+	"version": "0.14.4",
+	"sideEffects": false
+}

package/dist/types/hooks/useDatasourceTableState.d.ts

@@ -0,0 +1,13 @@
+import { DatasourceDataResponseItem, DatasourceResponseSchemaProperty, DatasourceTableStatusType } from '@atlaskit/linking-types';
+import { JiraIssueDatasourceParameters } from '../ui/jira-issues/types';
+export interface DatasourceTableState {
+    status: DatasourceTableStatusType;
+    onNextPage: () => void;
+    reset: () => void;
+    responseItems: DatasourceDataResponseItem[];
+    hasNextPage: boolean;
+    columns: DatasourceResponseSchemaProperty[];
+    defaultVisibleColumnKeys: string[];
+    totalIssueCount?: number;
+}
+export declare const useDatasourceTableState: (datasourceId: string, parameters?: JiraIssueDatasourceParameters, fields?: string[]) => DatasourceTableState;

package/dist/types/index.d.ts

@@ -0,0 +1,2 @@
+export { JiraIssuesConfigModal } from './ui/jira-issues/modal';
+export { JiraIssuesTableView } from './ui/jira-issues/tableView';

package/dist/types/services/getAvailableJiraSites.d.ts

@@ -0,0 +1,6 @@
+export interface Site {
+    cloudId: string;
+    displayName: string;
+    url: string;
+}
+export declare const getAvailableJiraSites: () => Promise<Site[]>;

package/dist/types/services/makeGetJqlAutocompleteData.d.ts

@@ -0,0 +1,6 @@
+import { GetAutocompleteInitialData } from '@atlassianlabs/jql-editor-autocomplete-rest';
+export type AutocompleteInitialDataResponse = {
+    jqlFields: Awaited<ReturnType<GetAutocompleteInitialData>>['jqlFields'];
+    jqlFunctions: Awaited<ReturnType<GetAutocompleteInitialData>>['jqlFunctions'];
+};
+export declare const makeGetJqlAutocompleteData: (cloudId: string) => (url: string) => Promise<AutocompleteInitialDataResponse>;

package/dist/types/services/makeGetJqlSuggestionsData.d.ts

@@ -0,0 +1,5 @@
+import { GetAutocompleteSuggestions } from '@atlassianlabs/jql-editor-autocomplete-rest';
+export type AutocompleteSuggestionsResponse = {
+    results: Awaited<ReturnType<GetAutocompleteSuggestions>>['results'];
+};
+export declare const makeGetJqlSuggestionsData: (cloudId: string) => (url: string) => Promise<AutocompleteSuggestionsResponse>;

package/dist/types/ui/issue-like-table/column-picker/index.d.ts

@@ -0,0 +1,3 @@
+import { jsx } from '@emotion/react';
+import { ColumnPickerProps } from './types';
+export declare const ColumnPicker: ({ columns, selectedColumnKeys, onSelectedColumnKeysChange, }: ColumnPickerProps) => jsx.JSX.Element;

package/dist/types/ui/issue-like-table/column-picker/types.d.ts

@@ -0,0 +1,6 @@
+import { DatasourceResponseSchemaProperty } from '@atlaskit/linking-types';
+export type ColumnPickerProps = {
+    columns: DatasourceResponseSchemaProperty[];
+    selectedColumnKeys: string[];
+    onSelectedColumnKeysChange: (selectedColumnKeys: string[]) => void;
+};

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

@@ -0,0 +1,12 @@
+/** @jsx jsx */
+import { ReactNode } from 'react';
+import { jsx } from '@emotion/react';
+export declare const DraggableTableHeading: ({ children, id, index, tableId, dndPreviewHeight, onDragPreviewStart, onDragPreviewEnd, }: {
+    children: ReactNode;
+    id: string;
+    index: number;
+    tableId: Symbol;
+    dndPreviewHeight: number;
+    onDragPreviewStart: () => void;
+    onDragPreviewEnd: () => void;
+}) => jsx.JSX.Element;

package/dist/types/ui/issue-like-table/empty-state/index.d.ts

@@ -0,0 +1,6 @@
+import { jsx } from '@emotion/react';
+export interface Props {
+    testId?: string;
+}
+declare const _default: (props: Props) => jsx.JSX.Element;
+export default _default;

package/dist/types/ui/issue-like-table/empty-state/priority.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { IssuePriority } from './types';
+declare const _default: ({ priority }: {
+    priority: IssuePriority;
+}) => JSX.Element;
+export default _default;

package/dist/types/ui/issue-like-table/empty-state/type.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { IssueType } from './types';
+declare const _default: ({ type }: {
+    type: IssueType;
+}) => JSX.Element;
+export default _default;

package/dist/types/ui/issue-like-table/empty-state/types.d.ts

@@ -0,0 +1,2 @@
+export type IssuePriority = 'low' | 'medium' | 'high' | 'blocker';
+export type IssueType = 'issue' | 'commit' | 'story' | 'epic' | 'bug' | 'task';

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

@@ -0,0 +1,15 @@
+/** @jsx jsx */
+import { Ref } from 'react';
+import { jsx } from '@emotion/react';
+import { IssueLikeDataTableViewProps } from './types';
+export interface RowType {
+    cells: Array<RowCellType>;
+    key?: string;
+    ref?: Ref<HTMLTableRowElement>;
+}
+export interface RowCellType {
+    key: string;
+    content?: React.ReactNode | string;
+}
+export declare const IssueLikeDataTableView: ({ testId, onNextPage, items, columns, renderItem, visibleColumnKeys, onVisibleColumnKeysChange, status, hasNextPage, }: IssueLikeDataTableViewProps) => jsx.JSX.Element;
+export declare const EmptyState: (props: import("./empty-state").Props) => jsx.JSX.Element;

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+interface BooleanProps {
+    testId?: string;
+    value: boolean;
+}
+export declare const BOOLEAN_TYPE_TEST_ID = "link-datasource-render-type--boolean";
+declare const BooleanRenderType: ({ value, testId, }: BooleanProps) => JSX.Element;
+export default BooleanRenderType;

package/dist/types/ui/issue-like-table/render-type/boolean/messages.d.ts

@@ -0,0 +1,12 @@
+export declare const booleanTypeMessages: {
+    booleanTruthyValue: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+    booleanFalsyValue: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+};

package/dist/types/ui/issue-like-table/render-type/date-time/index.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { DateTimeType, DateType, TimeType } from '@atlaskit/linking-types';
+export interface DateProps {
+    testId?: string;
+    value: (DateType | TimeType | DateTimeType)['value'];
+    display: (DateType | TimeType | DateTimeType)['type'];
+}
+export declare const DATETIME_TYPE_TEST_ID = "link-datasource-render-type--datetime";
+declare const DateTimeRenderType: ({ value, testId, display, }: DateProps) => JSX.Element;
+export default DateTimeRenderType;

package/dist/types/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/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/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<({ linkType, url, text, testId, }: LinkProps) => JSX.Element>;
+export default _default;

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+interface NumberProps {
+    testId?: string;
+    number: number;
+}
+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/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, status, testId, style, }: StatusProps) => JSX.Element;
+export default StatusRenderType;

package/dist/types/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 {
+    text: TagType['value'];
+    testId?: string;
+}
+export declare const TAG_TYPE_TEST_ID = "link-datasource-render-type--tag";
+declare const TagRenderType: ({ text, testId }: TagProps) => JSX.Element;
+export default TagRenderType;

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+interface TextProps {
+    testId?: string;
+    text: string;
+}
+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/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/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/ui/issue-like-table/styled.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+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>, {}>;

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

@@ -0,0 +1,38 @@
+/// <reference types="react" />
+import { DatasourceDataResponseItem, DatasourceResponseSchemaProperty, DatasourceTableStatusType, DatasourceType } from '@atlaskit/linking-types';
+export type TableViewPropsRenderType = (item: DatasourceType) => React.ReactNode;
+export interface IssueLikeDataTableViewProps {
+    testId?: string;
+    /**
+     * 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: () => 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;
+}

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

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

package/dist/types/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/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/ui/jira-issues/modal/index.d.ts

@@ -0,0 +1,13 @@
+import { jsx } from '@emotion/react';
+import { DatasourceAdf, InlineCardAdf } from '@atlaskit/linking-common/types';
+import { JiraIssueDatasourceParameters } from '../types';
+export interface JiraIssuesConfigModalProps {
+    datasourceId: string;
+    onVisibleColumnKeysChange: (visibleColumnKeys: string[]) => void;
+    visibleColumnKeys?: string[];
+    parameters?: JiraIssueDatasourceParameters;
+    onUpdateParameters: (parameters: Partial<JiraIssueDatasourceParameters>) => void;
+    onCancel: () => void;
+    onInsert: (adf: InlineCardAdf | DatasourceAdf) => void;
+}
+export declare const JiraIssuesConfigModal: (props: JiraIssuesConfigModalProps) => jsx.JSX.Element;

package/dist/types/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/ui/jira-issues/modal/jira-search-container/index.d.ts

@@ -0,0 +1,7 @@
+import { jsx } from '@emotion/react';
+import { JiraIssueDatasourceParameters } from '../../types';
+export interface SearchContainerProps {
+    onSearch: (query: Omit<JiraIssueDatasourceParameters, 'cloudId'>) => void;
+    parameters?: JiraIssueDatasourceParameters;
+}
+export declare const JiraSearchContainer: (props: SearchContainerProps) => jsx.JSX.Element;

package/dist/types/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/ui/jira-issues/modal/jql-editor/index.d.ts

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

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

@@ -0,0 +1,37 @@
+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;
+    };
+};