@atlaskit/link-datasource 0.31.2 → 0.32.0

package/dist/esm/ui/jira-issues-modal/jira-search-container/index.js

@@ -3,6 +3,7 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import React, { useState } from 'react';
 import { css, jsx } from '@emotion/react';
 import { useIntl } from 'react-intl-next';
+import { useDatasourceAnalyticsEvents } from '../../../analytics';
 import { BasicSearchInput } from '../basic-search-input';
 import { JiraJQLEditor } from '../jql-editor';
 import { ModeSwitcher } from '../mode-switcher';
@@ -46,6 +47,8 @@ export var JiraSearchContainer = function JiraSearchContainer(props) {
     _useState10 = _slicedToArray(_useState9, 2),
     orderDirection = _useState10[0],
     setOrderDirection = _useState10[1];
+  var _useDatasourceAnalyti = useDatasourceAnalyticsEvents(),
+    fireEvent = _useDatasourceAnalyti.fireEvent;
   var onSearchModeChange = function onSearchModeChange(searchMode) {
     setCurrentSearchMode(searchMode);
   };
@@ -79,6 +82,11 @@ export var JiraSearchContainer = function JiraSearchContainer(props) {
     onSearch({
       jql: jql
     });
+    if (currentSearchMode === basicModeValue) {
+      fireEvent('ui.form.submitted.basicSearch', {});
+    } else if (currentSearchMode === jqlModeValue) {
+      fireEvent('ui.jqlEditor.searched', {});
+    }
   };
   return jsx("div", {
     css: inputContainerStyles

package/dist/esm/ui/jira-issues-modal/modal/index.js

@@ -1,16 +1,22 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _extends from "@babel/runtime/helpers/extends";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 /** @jsx jsx */
 import { useCallback, useEffect, useMemo, useState } from 'react';
 import { css, jsx } from '@emotion/react';
 import { FormattedMessage, FormattedNumber, useIntl } from 'react-intl-next';
+import { withAnalyticsContext } from '@atlaskit/analytics-next';
 import Button from '@atlaskit/button/standard-button';
 import Modal, { ModalBody, ModalFooter, ModalHeader, ModalTitle, ModalTransition } from '@atlaskit/modal-dialog';
-import { B400, N0, N800 } from '@atlaskit/theme/colors';
+import { B400, N0, N40, N800 } from '@atlaskit/theme/colors';
+import { useDatasourceAnalyticsEvents } from '../../../analytics';
 import { useDatasourceTableState } from '../../../hooks/useDatasourceTableState';
 import { getAvailableJiraSites } from '../../../services/getAvailableJiraSites';
+import { name as packageName, version as packageVersion } from '../../../version.json';
 import { AccessRequired } from '../../common/error-state/access-required';
 import { ModalLoadingError } from '../../common/error-state/modal-loading-error';
 import { NoResults } from '../../common/error-state/no-results';
@@ -26,8 +32,9 @@ var dropdownContainerStyles = css({
 });
 var contentContainerStyles = css({
   display: 'grid',
-  height: '420px',
-  overflow: 'auto'
+  maxHeight: '420px',
+  overflow: 'auto',
+  borderBottom: "2px solid ".concat("var(--ds-background-accent-gray-subtler, ".concat(N40, ")"))
 });
 var placeholderSmartLinkStyles = css({
   backgroundColor: "var(--ds-surface-raised, ".concat(N0, ")"),
@@ -44,7 +51,7 @@ var issueCountStyles = css({
 var smartLinkContainerStyles = css({
   paddingLeft: '1px'
 });
-export var JiraIssuesConfigModal = function JiraIssuesConfigModal(props) {
+export var PlainJiraIssuesConfigModal = function PlainJiraIssuesConfigModal(props) {
   var datasourceId = props.datasourceId,
     initialParameters = props.parameters,
     initialVisibleColumnKeys = props.visibleColumnKeys,
@@ -93,6 +100,8 @@ export var JiraIssuesConfigModal = function JiraIssuesConfigModal(props) {
     totalCount = _useDatasourceTableSt.totalCount;
   var _useIntl = useIntl(),
     formatMessage = _useIntl.formatMessage;
+  var _useDatasourceAnalyti = useDatasourceAnalyticsEvents(),
+    fireEvent = _useDatasourceAnalyti.fireEvent;
   var selectedJiraSite = useMemo(function () {
     return availableSites.find(function (jiraSite) {
       return jiraSite.cloudId === cloudId;
@@ -102,6 +111,9 @@ export var JiraIssuesConfigModal = function JiraIssuesConfigModal(props) {
   var jqlUrl = selectedJiraSite && jql && "".concat(selectedJiraSite.url, "/issues/?jql=").concat(encodeURI(jql));
   var isInsertDisabled = !isParametersSet || status === 'rejected' || status === 'unauthorized' || status === 'loading' || resolvedWithNoResults;
   var shouldShowIssueCount = !!totalCount && totalCount !== 1 && currentViewMode === 'issue';
+  useEffect(function () {
+    fireEvent('screen.datasourceModalDialog.viewed', {});
+  }, [fireEvent]);
   useEffect(function () {
     var newVisibleColumnKeys = !initialVisibleColumnKeys || (initialVisibleColumnKeys || []).length === 0 ? defaultVisibleColumnKeys : initialVisibleColumnKeys;
     setVisibleColumnKeys(newVisibleColumnKeys);
@@ -118,7 +130,10 @@ export var JiraIssuesConfigModal = function JiraIssuesConfigModal(props) {
             case 2:
               jiraSites = _context.sent;
               setAvailableSites(jiraSites);
-            case 4:
+              fireEvent('ui.modal.ready.datasource', {
+                instancesCount: jiraSites.length
+              });
+            case 5:
             case "end":
               return _context.stop();
           }
@@ -129,7 +144,7 @@ export var JiraIssuesConfigModal = function JiraIssuesConfigModal(props) {
       };
     }();
     void fetchSiteDisplayNames();
-  }, []);
+  }, [fireEvent]);
   useEffect(function () {
     if (!cloudId && selectedJiraSite) {
       setCloudId(selectedJiraSite.cloudId);
@@ -200,7 +215,9 @@ export var JiraIssuesConfigModal = function JiraIssuesConfigModal(props) {
     setCurrentViewMode(selectedMode);
   };
   var issueLikeDataTableView = useMemo(function () {
-    return jsx(IssueLikeDataTableView, {
+    return jsx("div", {
+      css: contentContainerStyles
+    }, jsx(IssueLikeDataTableView, {
       testId: "jira-jql-datasource-table",
       status: status,
       columns: columns,
@@ -210,7 +227,7 @@ export var JiraIssuesConfigModal = function JiraIssuesConfigModal(props) {
       onNextPage: onNextPage,
       onLoadDatasourceDetails: loadDatasourceDetails,
       onVisibleColumnKeysChange: setVisibleColumnKeys
-    });
+    }));
   }, [columns, defaultVisibleColumnKeys, hasNextPage, loadDatasourceDetails, onNextPage, responseItems, status, visibleColumnKeys]);
   var renderCountModeContent = useCallback(function () {
     var url = selectedJiraSite === null || selectedJiraSite === void 0 ? void 0 : selectedJiraSite.url;
@@ -247,9 +264,11 @@ export var JiraIssuesConfigModal = function JiraIssuesConfigModal(props) {
       return jsx(NoResults, null);
     } else if (status === 'empty' || !columns.length) {
       // persist the empty state when making the initial /data request which contains the columns
-      return jsx(EmptyState, {
+      return jsx("div", {
+        css: contentContainerStyles
+      }, jsx(EmptyState, {
         testId: "jira-jql-datasource-modal--empty-state"
-      });
+      }));
     }
     var firstIssueUrl = retrieveUrlForSmartCardRender();
     if (responseItems.length === 1 && firstIssueUrl) {
@@ -292,9 +311,7 @@ export var JiraIssuesConfigModal = function JiraIssuesConfigModal(props) {
     isSearching: status === 'loading',
     parameters: parameters,
     onSearch: onSearch
-  }), jsx("div", {
-    css: contentContainerStyles
-  }, currentViewMode === 'count' ? renderCountModeContent() : renderIssuesModeContent())), jsx(ModalFooter, null, shouldShowIssueCount && jsx("div", {
+  }), currentViewMode === 'count' ? renderCountModeContent() : renderIssuesModeContent()), jsx(ModalFooter, null, shouldShowIssueCount && jsx("div", {
     "data-testid": "jira-jql-datasource-modal-total-issues-count",
     css: issueCountStyles
   }, jsx(FormattedNumber, {
@@ -312,4 +329,16 @@ export var JiraIssuesConfigModal = function JiraIssuesConfigModal(props) {
     isDisabled: isInsertDisabled,
     testId: 'jira-jql-datasource-modal--insert-button'
   }, jsx(FormattedMessage, modalMessages.insertIssuesButtonText)))));
-};
+};
+var analyticsContextAttributes = {
+  dataProvider: 'jira-issues'
+};
+var analyticsContextData = {
+  packageName: packageName,
+  packageVersion: packageVersion,
+  source: 'datasourceConfigModal'
+};
+var contextData = _objectSpread(_objectSpread({}, analyticsContextData), {}, {
+  attributes: _objectSpread({}, analyticsContextAttributes)
+});
+export var JiraIssuesConfigModal = withAnalyticsContext(contextData)(PlainJiraIssuesConfigModal);

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

@@ -1,7 +1,7 @@
 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;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 /** @jsx jsx */
 import { Fragment, useEffect, useState } from 'react';
 import { jsx } from '@emotion/react';
@@ -13,10 +13,11 @@ 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"])));
+var FooterWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  padding: 0 ", ";\n  box-sizing: border-box;\n  background: ", ";\n"])), "var(--ds-space-200, 16px)", "var(--ds-background-input, ".concat(N0, ")"));
+var TopBorderWrapper = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  box-sizing: border-box;\n  justify-content: space-between;\n  padding: ", " 0;\n  border-top: 2px solid ", ";\n"])), "var(--ds-space-250, 20px)", "var(--ds-background-accent-gray-subtler, ".concat(N40, ")"));
+var IssueCounterWrapper = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  align-self: center;\n  color: ", ";\n"])), "var(--ds-text-accent-gray, ".concat(N800, ")"));
+var SyncWrapper = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  color: ", ";\n"])), "var(--ds-text-accent-gray, ".concat(N90, ")"));
+var SyncTextWrapper = styled.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  margin-right: 5px;\n"])));
 export var TableFooter = function TableFooter(_ref) {
   var issueCount = _ref.issueCount,
     onRefresh = _ref.onRefresh,
@@ -37,7 +38,9 @@ export var TableFooter = function TableFooter(_ref) {
   // 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, {
+  }, jsx(TopBorderWrapper, null, jsx(IssueCounterWrapper, {
+    "data-testid": 'issue-count-wrapper'
+  }, showIssueCount && jsx(Heading, {
     testId: "issue-count",
     level: "h400"
   }, jsx(FormattedNumber, {
@@ -58,5 +61,5 @@ export var TableFooter = function TableFooter(_ref) {
     }),
     isDisabled: isLoading,
     testId: "refresh-button"
-  })))) : null;
+  }))))) : null;
 };

package/dist/esm/version.json

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

package/dist/types/analytics/constants.d.ts

@@ -0,0 +1 @@
+export declare const EVENT_CHANNEL = "media";

package/dist/types/analytics/generated/analytics.types.d.ts

@@ -0,0 +1,49 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ *
+ * Generates Typescript types for analytics events from analytics.spec.yaml
+ *
+ * @codegen <<SignedSource::75446f307933096c01c4784a1d7f2aa9>>
+ * @codegenCommand yarn workspace @atlassian/analytics-tooling run analytics:codegen link-datasource
+ */
+export type PackageMetaDataType = {
+    packageName: '@atlaskit/link-datasource';
+    packageVersion: string;
+};
+export type AnalyticsContextType = {
+    source: 'datasourceConfigModal' | 'datasourceConfluenceEditor';
+};
+export type AnalyticsContextAttributesType = {
+    dataProvider: 'jira-issues';
+};
+export type DatasourceModalDialogViewedAttributesType = {};
+export type ModalReadyDatasourceAttributesType = {
+    instancesCount: number;
+};
+export type JqlEditorSearchedAttributesType = {};
+export type FormSubmittedBasicSearchAttributesType = {};
+export type EmptyResultShownDatasourceAttributesType = {};
+export type ErrorShownAttributesType = {
+    reason: 'network' | 'access';
+};
+export type AnalyticsEventAttributes = {
+    /**
+     * Fires when user sees modal dialog. */
+    'screen.datasourceModalDialog.viewed': DatasourceModalDialogViewedAttributesType;
+    /**
+     * Fires when the datasource modal is ready for searching and displaying search results. */
+    'ui.modal.ready.datasource': ModalReadyDatasourceAttributesType;
+    /**
+     * Fires when search is initiated via the search icon or enter key press for jql editor input field. */
+    'ui.jqlEditor.searched': JqlEditorSearchedAttributesType;
+    /**
+     * Fires when search is initiated via the search icon or enter key press from the basic input textfield. */
+    'ui.form.submitted.basicSearch': FormSubmittedBasicSearchAttributesType;
+    /**
+     * Fires when datasource results are empty. */
+    'ui.emptyResult.shown.datasource': EmptyResultShownDatasourceAttributesType;
+    /**
+     * Fires when datasource errors state is shown. */
+    'ui.error.shown': ErrorShownAttributesType;
+};
+export type EventKey = keyof AnalyticsEventAttributes;

package/dist/types/analytics/generated/create-event-payload.d.ts

@@ -0,0 +1,27 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ *
+ * Generates Typescript types for analytics events from analytics.spec.yaml
+ *
+ * @codegen <<SignedSource::819168596ba17484cadda969f8ecf82d>>
+ * @codegenCommand yarn workspace @atlassian/analytics-tooling run analytics:codegen link-datasource
+ */
+import { AnalyticsEventAttributes, EventKey } from './analytics.types';
+type OptionalIfUndefined<T> = undefined extends T ? [param?: T] : [param: T];
+export type EventPayloadAttributes<K extends EventKey> = OptionalIfUndefined<AnalyticsEventAttributes[K]>;
+type EventTypes = 'ui' | 'track' | 'operational' | 'screen';
+type ScreenEventPayload<K extends EventKey> = {
+    eventType: 'screen';
+    name: string;
+    action: 'viewed';
+    attributes?: AnalyticsEventAttributes[K];
+};
+type EventPayload<K extends EventKey> = {
+    eventType: Omit<EventTypes, 'screen'>;
+    actionSubject: string;
+    action: string;
+    actionSubjectId?: string;
+    attributes?: AnalyticsEventAttributes[K];
+};
+declare const createEventPayload: <K extends keyof AnalyticsEventAttributes>(eventKey: K, ...[attributes]: OptionalIfUndefined<AnalyticsEventAttributes[K]>) => ScreenEventPayload<K> | EventPayload<K>;
+export default createEventPayload;

package/dist/types/analytics/generated/use-analytics-events.d.ts

@@ -0,0 +1,3 @@
+export declare const useAnalyticsEvents: () => {
+    fireEvent: <K extends keyof import("./analytics.types").AnalyticsEventAttributes>(params_0: K, ...params_1: undefined extends import("./analytics.types").AnalyticsEventAttributes[K] ? [param?: import("./analytics.types").AnalyticsEventAttributes[K] | undefined] : [param: import("./analytics.types").AnalyticsEventAttributes[K]]) => void;
+};

package/dist/types/analytics/index.d.ts

@@ -0,0 +1,4 @@
+export { EVENT_CHANNEL } from './constants';
+export declare const useDatasourceAnalyticsEvents: () => {
+    fireEvent: <K extends keyof import("./generated/analytics.types").AnalyticsEventAttributes>(params_0: K, ...params_1: undefined extends import("./generated/analytics.types").AnalyticsEventAttributes[K] ? [param?: import("./generated/analytics.types").AnalyticsEventAttributes[K] | undefined] : [param: import("./generated/analytics.types").AnalyticsEventAttributes[K]]) => void;
+};

package/dist/types/ui/common/error-state/access-required.d.ts

@@ -1,4 +1,3 @@
-/** @jsx jsx */
 import { jsx } from '@emotion/react';
 interface AccessRequiredProps {
     siteName?: string;

package/dist/types/ui/common/error-state/loading-error.d.ts

@@ -1,4 +1,3 @@
-/** @jsx jsx */
 import { jsx } from '@emotion/react';
 interface LoadingErrorProps {
     onRefresh?: () => void;

package/dist/types/ui/common/error-state/modal-loading-error.d.ts

@@ -1,4 +1,3 @@
-/** @jsx jsx */
 import { jsx } from '@emotion/react';
 interface ModalLoadingErrorProps {
     url?: string;

package/dist/types/ui/common/error-state/no-results.d.ts

@@ -1,4 +1,3 @@
-/** @jsx jsx */
 import { jsx } from '@emotion/react';
 interface NoResultsProps {
     onRefresh?: () => void;

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

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

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

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

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

@@ -0,0 +1,7 @@
+/** @jsx jsx */
+import React from 'react';
+import { jsx } from '@emotion/react';
+export declare const DragColumnPreview: ({ title, rows, }: {
+    title: React.ReactNode;
+    rows: React.ReactNode[];
+}) => jsx.JSX.Element;

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

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

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

@@ -12,5 +12,5 @@ export interface RowCellType {
     content?: React.ReactNode | string;
     maxWidth?: number;
 }
-export declare const IssueLikeDataTableView: ({ testId, onNextPage, onLoadDatasourceDetails, items, columns, renderItem, visibleColumnKeys, onVisibleColumnKeysChange, status, hasNextPage, }: IssueLikeDataTableViewProps) => jsx.JSX.Element;
+export declare const IssueLikeDataTableView: ({ testId, onNextPage, onLoadDatasourceDetails, items, columns, renderItem, visibleColumnKeys, onVisibleColumnKeysChange, status, hasNextPage, scrollableContainerHeight, }: IssueLikeDataTableViewProps) => jsx.JSX.Element;
 export declare const EmptyState: ({ isCompact, testId }: import("./empty-state").Props) => jsx.JSX.Element;

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

@@ -37,4 +37,9 @@ export interface IssueLikeDataTableViewProps {
      * @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/ui/jira-issues-modal/modal/index.d.ts

@@ -1,3 +1,5 @@
+/// <reference types="react" />
 import { jsx } from '@emotion/react';
 import { JiraIssuesConfigModalProps } from '../types';
-export declare const JiraIssuesConfigModal: (props: JiraIssuesConfigModalProps) => jsx.JSX.Element;
+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/analytics/constants.d.ts

@@ -0,0 +1 @@
+export declare const EVENT_CHANNEL = "media";

package/dist/types-ts4.5/analytics/generated/analytics.types.d.ts

@@ -0,0 +1,49 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ *
+ * Generates Typescript types for analytics events from analytics.spec.yaml
+ *
+ * @codegen <<SignedSource::75446f307933096c01c4784a1d7f2aa9>>
+ * @codegenCommand yarn workspace @atlassian/analytics-tooling run analytics:codegen link-datasource
+ */
+export type PackageMetaDataType = {
+    packageName: '@atlaskit/link-datasource';
+    packageVersion: string;
+};
+export type AnalyticsContextType = {
+    source: 'datasourceConfigModal' | 'datasourceConfluenceEditor';
+};
+export type AnalyticsContextAttributesType = {
+    dataProvider: 'jira-issues';
+};
+export type DatasourceModalDialogViewedAttributesType = {};
+export type ModalReadyDatasourceAttributesType = {
+    instancesCount: number;
+};
+export type JqlEditorSearchedAttributesType = {};
+export type FormSubmittedBasicSearchAttributesType = {};
+export type EmptyResultShownDatasourceAttributesType = {};
+export type ErrorShownAttributesType = {
+    reason: 'network' | 'access';
+};
+export type AnalyticsEventAttributes = {
+    /**
+     * Fires when user sees modal dialog. */
+    'screen.datasourceModalDialog.viewed': DatasourceModalDialogViewedAttributesType;
+    /**
+     * Fires when the datasource modal is ready for searching and displaying search results. */
+    'ui.modal.ready.datasource': ModalReadyDatasourceAttributesType;
+    /**
+     * Fires when search is initiated via the search icon or enter key press for jql editor input field. */
+    'ui.jqlEditor.searched': JqlEditorSearchedAttributesType;
+    /**
+     * Fires when search is initiated via the search icon or enter key press from the basic input textfield. */
+    'ui.form.submitted.basicSearch': FormSubmittedBasicSearchAttributesType;
+    /**
+     * Fires when datasource results are empty. */
+    'ui.emptyResult.shown.datasource': EmptyResultShownDatasourceAttributesType;
+    /**
+     * Fires when datasource errors state is shown. */
+    'ui.error.shown': ErrorShownAttributesType;
+};
+export type EventKey = keyof AnalyticsEventAttributes;

package/dist/types-ts4.5/analytics/generated/create-event-payload.d.ts

@@ -0,0 +1,31 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ *
+ * Generates Typescript types for analytics events from analytics.spec.yaml
+ *
+ * @codegen <<SignedSource::819168596ba17484cadda969f8ecf82d>>
+ * @codegenCommand yarn workspace @atlassian/analytics-tooling run analytics:codegen link-datasource
+ */
+import { AnalyticsEventAttributes, EventKey } from './analytics.types';
+type OptionalIfUndefined<T> = undefined extends T ? [
+    param?: T
+] : [
+    param: T
+];
+export type EventPayloadAttributes<K extends EventKey> = OptionalIfUndefined<AnalyticsEventAttributes[K]>;
+type EventTypes = 'ui' | 'track' | 'operational' | 'screen';
+type ScreenEventPayload<K extends EventKey> = {
+    eventType: 'screen';
+    name: string;
+    action: 'viewed';
+    attributes?: AnalyticsEventAttributes[K];
+};
+type EventPayload<K extends EventKey> = {
+    eventType: Omit<EventTypes, 'screen'>;
+    actionSubject: string;
+    action: string;
+    actionSubjectId?: string;
+    attributes?: AnalyticsEventAttributes[K];
+};
+declare const createEventPayload: <K extends keyof AnalyticsEventAttributes>(eventKey: K, ...[attributes]: OptionalIfUndefined<AnalyticsEventAttributes[K]>) => ScreenEventPayload<K> | EventPayload<K>;
+export default createEventPayload;

package/dist/types-ts4.5/analytics/generated/use-analytics-events.d.ts

@@ -0,0 +1,7 @@
+export declare const useAnalyticsEvents: () => {
+    fireEvent: <K extends keyof import("./analytics.types").AnalyticsEventAttributes>(params_0: K, ...params_1: undefined extends import("./analytics.types").AnalyticsEventAttributes[K] ? [
+        param?: import("./analytics.types").AnalyticsEventAttributes[K] | undefined
+    ] : [
+        param: import("./analytics.types").AnalyticsEventAttributes[K]
+    ]) => void;
+};

package/dist/types-ts4.5/analytics/index.d.ts

@@ -0,0 +1,8 @@
+export { EVENT_CHANNEL } from './constants';
+export declare const useDatasourceAnalyticsEvents: () => {
+    fireEvent: <K extends keyof import("./generated/analytics.types").AnalyticsEventAttributes>(params_0: K, ...params_1: undefined extends import("./generated/analytics.types").AnalyticsEventAttributes[K] ? [
+        param?: import("./generated/analytics.types").AnalyticsEventAttributes[K] | undefined
+    ] : [
+        param: import("./generated/analytics.types").AnalyticsEventAttributes[K]
+    ]) => void;
+};

package/dist/types-ts4.5/ui/common/error-state/access-required.d.ts

@@ -1,4 +1,3 @@
-/** @jsx jsx */
 import { jsx } from '@emotion/react';
 interface AccessRequiredProps {
     siteName?: string;

package/dist/types-ts4.5/ui/common/error-state/loading-error.d.ts

@@ -1,4 +1,3 @@
-/** @jsx jsx */
 import { jsx } from '@emotion/react';
 interface LoadingErrorProps {
     onRefresh?: () => void;

package/dist/types-ts4.5/ui/common/error-state/modal-loading-error.d.ts

@@ -1,4 +1,3 @@
-/** @jsx jsx */
 import { jsx } from '@emotion/react';
 interface ModalLoadingErrorProps {
     url?: string;

package/dist/types-ts4.5/ui/common/error-state/no-results.d.ts

@@ -1,4 +1,3 @@
-/** @jsx jsx */
 import { jsx } from '@emotion/react';
 interface NoResultsProps {
     onRefresh?: () => void;

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

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

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

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

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

@@ -0,0 +1,7 @@
+/** @jsx jsx */
+import React from 'react';
+import { jsx } from '@emotion/react';
+export declare const DragColumnPreview: ({ title, rows, }: {
+    title: React.ReactNode;
+    rows: React.ReactNode[];
+}) => jsx.JSX.Element;

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

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

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

@@ -12,5 +12,5 @@ export interface RowCellType {
     content?: React.ReactNode | string;
     maxWidth?: number;
 }
-export declare const IssueLikeDataTableView: ({ testId, onNextPage, onLoadDatasourceDetails, items, columns, renderItem, visibleColumnKeys, onVisibleColumnKeysChange, status, hasNextPage, }: IssueLikeDataTableViewProps) => jsx.JSX.Element;
+export declare const IssueLikeDataTableView: ({ testId, onNextPage, onLoadDatasourceDetails, items, columns, renderItem, visibleColumnKeys, onVisibleColumnKeysChange, status, hasNextPage, scrollableContainerHeight, }: 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

@@ -37,4 +37,9 @@ export interface IssueLikeDataTableViewProps {
      * @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/jira-issues-modal/modal/index.d.ts

@@ -1,3 +1,5 @@
+/// <reference types="react" />
 import { jsx } from '@emotion/react';
 import { JiraIssuesConfigModalProps } from '../types';
-export declare const JiraIssuesConfigModal: (props: JiraIssuesConfigModalProps) => jsx.JSX.Element;
+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>>;