@atlaskit/link-datasource 0.31.3 → 0.33.0

package/dist/esm/ui/common/error-state/no-results.js

@@ -1,7 +1,9 @@
 /** @jsx jsx */
+import { useEffect } from 'react';
 import { css, jsx } from '@emotion/react';
 import { FormattedMessage } from 'react-intl-next';
 import Button from '@atlaskit/button/standard-button';
+import { useDatasourceAnalyticsEvents } from '../../../analytics';
 import { loadingErrorMessages } from './messages';
 var noResultsContainerStyles = css({
   display: 'grid',
@@ -20,6 +22,11 @@ var noResultsMessageStyles = css({
 });
 export var NoResults = function NoResults(_ref) {
   var onRefresh = _ref.onRefresh;
+  var _useDatasourceAnalyti = useDatasourceAnalyticsEvents(),
+    fireEvent = _useDatasourceAnalyti.fireEvent;
+  useEffect(function () {
+    fireEvent('ui.emptyResult.shown.datasource', {});
+  }, [fireEvent]);
   return jsx("div", {
     css: noResultsContainerStyles,
     "data-testid": "jira-jql-datasource-modal--no-results"

package/dist/esm/ui/datasource-table-view/datasourceTableView.js

@@ -64,7 +64,8 @@ export var DatasourceTableView = function DatasourceTableView(_ref) {
     scrollableContainerHeight: 590
   }) : jsx(EmptyState, {
     testId: "datasource-table-view-skeleton",
-    isCompact: true
+    isCompact: true,
+    isLoading: !isDataReady || status === 'loading'
   }), jsx(TableFooter, {
     issueCount: isDataReady ? totalCount : undefined,
     onRefresh: reset,

package/dist/esm/ui/issue-like-table/empty-state/index.js

@@ -57,7 +57,7 @@ var cellStyles = css({
     paddingRight: "var(--ds-space-100, 8px)"
   }
 });
-var renderItem = function renderItem(_ref, _ref2) {
+var renderItem = function renderItem(_ref, _ref2, isShimmering) {
   var key = _ref.key,
     width = _ref.width;
   var priority = _ref2.priority,
@@ -67,9 +67,11 @@ var renderItem = function renderItem(_ref, _ref2) {
   switch (key) {
     case 'assignee':
       return jsx(UserType, null, jsx(Skeleton, {
-        width: width,
+        borderRadius: 8,
+        testId: "empty-state-skeleton",
         height: 13,
-        borderRadius: 8
+        isShimmering: isShimmering,
+        width: width
       }));
     case 'priority':
       return jsx(Priority, {
@@ -82,27 +84,35 @@ var renderItem = function renderItem(_ref, _ref2) {
     case 'summary':
       return jsx(Skeleton, {
         appearance: "blue",
-        width: summaryWidth,
         borderRadius: 10,
-        height: 13
+        testId: "empty-state-skeleton",
+        height: 13,
+        isShimmering: isShimmering,
+        width: summaryWidth
       });
     case 'status':
       return jsx(Skeleton, {
         appearance: "blue",
-        width: statusWidth,
+        borderRadius: 3,
+        testId: "empty-state-skeleton",
         height: 16,
-        borderRadius: 3
+        isShimmering: isShimmering,
+        width: statusWidth
       });
     default:
       return jsx(Skeleton, {
-        width: width,
+        borderRadius: 8,
+        testId: "empty-state-skeleton",
         height: 13,
-        borderRadius: 8
+        isShimmering: isShimmering,
+        width: width
       });
   }
 };
 export default (function (_ref3) {
   var isCompact = _ref3.isCompact,
+    _ref3$isLoading = _ref3.isLoading,
+    isLoading = _ref3$isLoading === void 0 ? false : _ref3$isLoading,
     testId = _ref3.testId;
   var columnsToRender = isCompact ? baseColumns.slice(0, 6) : baseColumns;
   return jsx("table", {
@@ -117,9 +127,11 @@ export default (function (_ref3) {
       }
     }, jsx(Skeleton, {
       appearance: "darkGray",
-      width: width,
+      borderRadius: 8,
+      testId: "empty-state-skeleton",
+      isShimmering: isLoading,
       height: 13,
-      borderRadius: 8
+      width: width
     }));
   }))), jsx("tbody", {
     css: tableBodyStyles
@@ -130,7 +142,7 @@ export default (function (_ref3) {
       return jsx("td", {
         css: cellStyles,
         key: column.key
-      }, renderItem(column, row));
+      }, renderItem(column, row, isLoading));
     }));
   })));
 });

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, 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';
@@ -45,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,
@@ -94,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;
@@ -103,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);
@@ -119,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();
           }
@@ -130,7 +144,7 @@ export var JiraIssuesConfigModal = function JiraIssuesConfigModal(props) {
       };
     }();
     void fetchSiteDisplayNames();
-  }, []);
+  }, [fireEvent]);
   useEffect(function () {
     if (!cloudId && selectedJiraSite) {
       setCloudId(selectedJiraSite.cloudId);
@@ -315,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/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/link-datasource",
-	"version": "0.31.3",
+	"version": "0.33.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/empty-state/index.d.ts

@@ -2,7 +2,8 @@
 import { jsx } from '@emotion/react';
 export interface Props {
     isCompact?: boolean;
+    isLoading?: boolean;
     testId?: string;
 }
-declare const _default: ({ isCompact, testId }: Props) => jsx.JSX.Element;
+declare const _default: ({ isCompact, isLoading, testId }: Props) => jsx.JSX.Element;
 export default _default;

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

@@ -13,4 +13,4 @@ export interface RowCellType {
     maxWidth?: number;
 }
 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;
+export declare const EmptyState: ({ isCompact, isLoading, testId }: import("./empty-state").Props) => jsx.JSX.Element;

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/empty-state/index.d.ts

@@ -2,7 +2,8 @@
 import { jsx } from '@emotion/react';
 export interface Props {
     isCompact?: boolean;
+    isLoading?: boolean;
     testId?: string;
 }
-declare const _default: ({ isCompact, testId }: Props) => jsx.JSX.Element;
+declare const _default: ({ isCompact, isLoading, testId }: Props) => jsx.JSX.Element;
 export default _default;

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

@@ -13,4 +13,4 @@ export interface RowCellType {
     maxWidth?: number;
 }
 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;
+export declare const EmptyState: ({ isCompact, isLoading, testId }: import("./empty-state").Props) => jsx.JSX.Element;

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>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/link-datasource",
-  "version": "0.31.3",
+  "version": "0.33.0",
   "description": "UI Components to support linking platform dataset feature",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -26,7 +26,11 @@
     "inPublicMirror": false,
     "releaseModel": "continuous"
   },
+  "scripts": {
+    "analytics:codegen": "yarn workspace @atlassian/analytics-tooling run analytics:codegen link-datasource --output ./src/analytics/generated"
+  },
   "dependencies": {
+    "@atlaskit/analytics-next": "^9.1.3",
     "@atlaskit/avatar": "^21.3.0",
     "@atlaskit/button": "^16.8.0",
     "@atlaskit/dropdown-menu": "^11.11.0",
@@ -51,7 +55,7 @@
     "@atlaskit/tag": "^11.5.0",
     "@atlaskit/textfield": "5.6.3",
     "@atlaskit/theme": "^12.5.0",
-    "@atlaskit/tokens": "^1.13.0",
+    "@atlaskit/tokens": "^1.14.0",
     "@atlassianlabs/jql-editor": "^2.0.1",
     "@atlassianlabs/jql-editor-autocomplete-rest": "^1.1.2",
     "@babel/runtime": "^7.0.0",
@@ -76,6 +80,7 @@
     "@testing-library/dom": "^8.17.1",
     "@testing-library/react": "^12.1.5",
     "@testing-library/react-hooks": "^8.0.1",
+    "@testing-library/user-event": "^14.4.3",
     "fetch-mock": "^8.0.0",
     "jest-fetch-mock": "^3.0.3",
     "json-ld-types": "3.8.0",