@atlaskit/link-datasource 1.2.0 → 1.2.2

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

@@ -1,9 +1,12 @@
 /** @jsx jsx */
 import { useCallback, useEffect, useRef } from 'react';
 import { jsx } from '@emotion/react';
+import { v4 as uuidv4 } from 'uuid';
 import { withAnalyticsContext } from '@atlaskit/analytics-next';
 import { useDatasourceAnalyticsEvents } from '../../analytics';
 import { packageMetaData } from '../../analytics/constants';
+import { startUfoExperience } from '../../analytics/ufoExperiences';
+import { useDataRenderedUfoExperience } from '../../analytics/ufoExperiences/useDataRenderedUfoExperience';
 import { useDatasourceTableState } from '../../hooks/useDatasourceTableState';
 import { AccessRequired } from '../common/error-state/access-required';
 import { LoadingError } from '../common/error-state/loading-error';
@@ -35,6 +38,8 @@ var DatasourceTableViewWithoutAnalytics = function DatasourceTableViewWithoutAna
     destinationObjectTypes = _useDatasourceTableSt.destinationObjectTypes;
   var _useDatasourceAnalyti = useDatasourceAnalyticsEvents(),
     fireEvent = _useDatasourceAnalyti.fireEvent;
+  var _useRef = useRef(uuidv4()),
+    tableRenderInstanceId = _useRef.current;
 
   /*  Need this to make sure that the datasource in the editor gets updated new info if any edits are made in the modal
       But we don't want to call it on initial load. This screws up useDatasourceTableState's internal
@@ -52,6 +57,20 @@ var DatasourceTableViewWithoutAnalytics = function DatasourceTableViewWithoutAna
       onVisibleColumnKeysChange(defaultVisibleColumnKeys);
     }
   }, [visibleColumnKeys, defaultVisibleColumnKeys, onVisibleColumnKeysChange]);
+  useEffect(function () {
+    var shouldStartUfoExperience = datasourceId && parameters && visibleColumnKeys && status === 'loading';
+    if (shouldStartUfoExperience) {
+      startUfoExperience({
+        name: 'datasource-rendered'
+      }, tableRenderInstanceId);
+    }
+  }, [datasourceId, parameters, status, tableRenderInstanceId, visibleColumnKeys]);
+  useDataRenderedUfoExperience({
+    status: status,
+    experienceId: tableRenderInstanceId,
+    itemCount: responseItems.length,
+    extensionKey: extensionKey
+  });
   var forcedReset = useCallback(function () {
     fireEvent('ui.button.clicked.sync', {
       extensionKey: extensionKey,
@@ -89,7 +108,8 @@ var DatasourceTableViewWithoutAnalytics = function DatasourceTableViewWithoutAna
       columns: columns,
       visibleColumnKeys: visibleColumnKeys || defaultVisibleColumnKeys,
       onVisibleColumnKeysChange: onVisibleColumnKeysChange,
-      scrollableContainerHeight: 590
+      scrollableContainerHeight: 590,
+      parentContainerRenderInstanceId: tableRenderInstanceId
     }) : jsx(EmptyState, {
       testId: "datasource-table-view-skeleton",
       isCompact: true,

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

@@ -21,6 +21,7 @@ import { monitorForElements } from '@atlaskit/pragmatic-drag-and-drop/adapter/el
 import { combine } from '@atlaskit/pragmatic-drag-and-drop/util/combine';
 import { N40 } from '@atlaskit/theme/colors';
 import Tooltip from '@atlaskit/tooltip';
+import { succeedUfoExperience } from '../../analytics/ufoExperiences';
 import { ColumnPicker } from './column-picker';
 import { DragColumnPreview } from './drag-column-preview';
 import { DraggableTableHeading } from './draggable-table-heading';
@@ -115,7 +116,8 @@ export var IssueLikeDataTableView = function IssueLikeDataTableView(_ref2) {
     onVisibleColumnKeysChange = _ref2.onVisibleColumnKeysChange,
     status = _ref2.status,
     hasNextPage = _ref2.hasNextPage,
-    scrollableContainerHeight = _ref2.scrollableContainerHeight;
+    scrollableContainerHeight = _ref2.scrollableContainerHeight,
+    parentContainerRenderInstanceId = _ref2.parentContainerRenderInstanceId;
   var tableId = useMemo(function () {
     return Symbol('unique-id');
   }, []);
@@ -138,6 +140,13 @@ export var IssueLikeDataTableView = function IssueLikeDataTableView(_ref2) {
   useEffect(function () {
     setOrderedColumns(orderColumns(_toConsumableArray(columns), _toConsumableArray(visibleColumnKeys)));
   }, [columns, visibleColumnKeys]);
+  useEffect(function () {
+    if (parentContainerRenderInstanceId && status === 'resolved') {
+      succeedUfoExperience({
+        name: 'datasource-rendered'
+      }, parentContainerRenderInstanceId);
+    }
+  }, [parentContainerRenderInstanceId, status]);
   var visibleSortedColumns = useMemo(function () {
     return visibleColumnKeys.map(function (visibleKey) {
       return orderedColumns.find(function (_ref3) {

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

@@ -9,6 +9,7 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { css, jsx } from '@emotion/react';
 import { FormattedMessage, FormattedNumber, useIntl } from 'react-intl-next';
+import { v4 as uuidv4 } from 'uuid';
 import { withAnalyticsContext } from '@atlaskit/analytics-next';
 import Button from '@atlaskit/button/standard-button';
 import Modal, { ModalBody, ModalFooter, ModalHeader, ModalTitle, ModalTransition } from '@atlaskit/modal-dialog';
@@ -16,6 +17,8 @@ import { B400, N0, N40, N800 } from '@atlaskit/theme/colors';
 import { EVENT_CHANNEL, useDatasourceAnalyticsEvents } from '../../../analytics';
 import { packageMetaData } from '../../../analytics/constants';
 import { DatasourceAction, DatasourceDisplay } from '../../../analytics/types';
+import { startUfoExperience } from '../../../analytics/ufoExperiences';
+import { useDataRenderedUfoExperience } from '../../../analytics/ufoExperiences/useDataRenderedUfoExperience';
 import { mapSearchMethod } from '../../../analytics/utils';
 import { useDatasourceTableState } from '../../../hooks/useDatasourceTableState';
 import { getAvailableJiraSites } from '../../../services/getAvailableJiraSites';
@@ -107,6 +110,7 @@ export var PlainJiraIssuesConfigModal = function PlainJiraIssuesConfigModal(prop
   var searchCount = useRef(0);
   var userInteractionActions = useRef(new Set());
   var lastSearchMethodRef = useRef(null);
+  var visibleColumnCount = useRef((visibleColumnKeys === null || visibleColumnKeys === void 0 ? void 0 : visibleColumnKeys.length) || 0);
   var parameters = useMemo(function () {
     return !!cloudId ? {
       cloudId: cloudId,
@@ -135,6 +139,8 @@ export var PlainJiraIssuesConfigModal = function PlainJiraIssuesConfigModal(prop
     formatMessage = _useIntl.formatMessage;
   var _useDatasourceAnalyti = useDatasourceAnalyticsEvents(),
     fireEvent = _useDatasourceAnalyti.fireEvent;
+  var _useRef = useRef(uuidv4()),
+    modalRenderInstanceId = _useRef.current;
   var selectedJiraSite = useMemo(function () {
     if (cloudId) {
       // if the cloud id we're editing isn't in available sites then user is likely unauthorized for that site
@@ -149,7 +155,7 @@ export var PlainJiraIssuesConfigModal = function PlainJiraIssuesConfigModal(prop
       }) || availableSites[0];
     }
   }, [availableSites, cloudId]);
-  var buttonClickedAnalyticsPayload = useMemo(function () {
+  var analyticsPayload = useMemo(function () {
     return {
       extensionKey: extensionKey,
       destinationObjectTypes: destinationObjectTypes
@@ -159,11 +165,28 @@ export var PlainJiraIssuesConfigModal = function PlainJiraIssuesConfigModal(prop
   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';
+  var isDataReady = (visibleColumnKeys || []).length > 0;
+  useEffect(function () {
+    var shouldStartUfoExperience = status === 'loading';
+    if (shouldStartUfoExperience) {
+      startUfoExperience({
+        name: 'datasource-rendered'
+      }, modalRenderInstanceId);
+    }
+  }, [modalRenderInstanceId, status]);
+  useDataRenderedUfoExperience({
+    status: status,
+    experienceId: modalRenderInstanceId,
+    itemCount: responseItems.length,
+    canBeLink: currentViewMode === 'count',
+    extensionKey: extensionKey
+  });
   useEffect(function () {
     fireEvent('screen.datasourceModalDialog.viewed', {});
   }, [fireEvent]);
   useEffect(function () {
     var newVisibleColumnKeys = !initialVisibleColumnKeys || (initialVisibleColumnKeys || []).length === 0 ? defaultVisibleColumnKeys : initialVisibleColumnKeys;
+    visibleColumnCount.current = newVisibleColumnKeys.length;
     setVisibleColumnKeys(newVisibleColumnKeys);
   }, [initialVisibleColumnKeys, defaultVisibleColumnKeys]);
   useEffect(function () {
@@ -199,32 +222,48 @@ export var PlainJiraIssuesConfigModal = function PlainJiraIssuesConfigModal(prop
     }
   }, [cloudId, selectedJiraSite]);
   var fireSingleItemViewedEvent = useCallback(function () {
-    fireEvent('ui.link.viewed.singleItem', {
-      destinationObjectTypes: destinationObjectTypes,
-      searchMethod: mapSearchMethod(lastSearchMethodRef.current),
-      extensionKey: extensionKey
-    });
-  }, [extensionKey, fireEvent, destinationObjectTypes]);
+    fireEvent('ui.link.viewed.singleItem', _objectSpread(_objectSpread({}, analyticsPayload), {}, {
+      searchMethod: mapSearchMethod(lastSearchMethodRef.current)
+    }));
+  }, [analyticsPayload, fireEvent]);
   var fireCountViewedEvent = useCallback(function () {
-    fireEvent('ui.link.viewed.count', {
-      destinationObjectTypes: destinationObjectTypes,
+    fireEvent('ui.link.viewed.count', _objectSpread(_objectSpread({}, analyticsPayload), {}, {
       searchMethod: mapSearchMethod(lastSearchMethodRef.current),
-      extensionKey: extensionKey,
       totalItemCount: totalCount || 0
-    });
-  }, [extensionKey, fireEvent, totalCount, destinationObjectTypes]);
+    }));
+  }, [analyticsPayload, fireEvent, totalCount]);
+  var fireTableViewedEvent = useCallback(function () {
+    if (isDataReady) {
+      fireEvent('ui.table.viewed.datasourceConfigModal', _objectSpread(_objectSpread({}, analyticsPayload), {}, {
+        totalItemCount: totalCount || 0,
+        searchMethod: mapSearchMethod(lastSearchMethodRef.current),
+        displayedColumnCount: visibleColumnCount.current
+      }));
+    }
+  }, [analyticsPayload, fireEvent, totalCount, isDataReady]);
+  var fireIssueViewAnalytics = useCallback(function () {
+    if (!totalCount) {
+      return;
+    }
+    if (totalCount > 1) {
+      fireTableViewedEvent();
+    } else if (totalCount === 1) {
+      fireSingleItemViewedEvent();
+    }
+  }, [fireSingleItemViewedEvent, fireTableViewedEvent, totalCount]);
   useEffect(function () {
     var isResolved = status === 'resolved';
-    var isSingleItemViewed = currentViewMode === 'issue' && totalCount === 1;
-    var isCountViewed = currentViewMode === 'count';
-    if (isResolved) {
-      if (isSingleItemViewed) {
-        fireSingleItemViewedEvent();
-      } else if (isCountViewed && totalCount) {
-        fireCountViewedEvent();
-      }
+    var isIssueViewMode = currentViewMode === 'issue';
+    var isCountViewMode = currentViewMode === 'count';
+    if (!isResolved) {
+      return;
     }
-  }, [currentViewMode, totalCount, status, fireSingleItemViewedEvent, fireCountViewedEvent]);
+    if (isIssueViewMode) {
+      fireIssueViewAnalytics();
+    } else if (isCountViewMode) {
+      fireCountViewedEvent();
+    }
+  }, [currentViewMode, status, fireIssueViewAnalytics, fireCountViewedEvent]);
   var onSearch = useCallback(function (newParameters, searchMethod) {
     searchCount.current++;
     lastSearchMethodRef.current = searchMethod;
@@ -240,13 +279,13 @@ export var PlainJiraIssuesConfigModal = function PlainJiraIssuesConfigModal(prop
     analyticEvent.update({
       eventType: 'ui',
       actionSubjectId: 'cancel',
-      attributes: _objectSpread(_objectSpread({}, buttonClickedAnalyticsPayload), {}, {
-        actions: Array.from(userInteractionActions.current),
-        searchCount: searchCount.current
+      attributes: _objectSpread(_objectSpread({}, analyticsPayload), {}, {
+        searchCount: searchCount.current,
+        actions: Array.from(userInteractionActions.current)
       })
     }).fire(EVENT_CHANNEL);
     onCancel();
-  }, [buttonClickedAnalyticsPayload, onCancel]);
+  }, [analyticsPayload, onCancel]);
   var onSiteSelection = useCallback(function (site) {
     userInteractionActions.current.add(DatasourceAction.INSTANCE_UPDATED);
     setCloudId(site.cloudId);
@@ -268,13 +307,13 @@ export var PlainJiraIssuesConfigModal = function PlainJiraIssuesConfigModal(prop
     }
     var insertButtonClickedEvent = analyticsEvent.update({
       actionSubjectId: 'insert',
-      attributes: _objectSpread(_objectSpread({}, buttonClickedAnalyticsPayload), {}, {
-        actions: Array.from(userInteractionActions.current),
+      attributes: _objectSpread(_objectSpread({}, analyticsPayload), {}, {
         totalItemCount: totalCount || 0,
-        displayedColumnCount: (visibleColumnKeys === null || visibleColumnKeys === void 0 ? void 0 : visibleColumnKeys.length) || 0,
+        displayedColumnCount: visibleColumnCount.current,
         display: getDisplayValue(currentViewMode, totalCount || 0),
         searchCount: searchCount.current,
-        searchMethod: mapSearchMethod(lastSearchMethodRef.current)
+        searchMethod: mapSearchMethod(lastSearchMethodRef.current),
+        actions: Array.from(userInteractionActions.current)
       }),
       eventType: 'ui'
     });
@@ -321,7 +360,7 @@ export var PlainJiraIssuesConfigModal = function PlainJiraIssuesConfigModal(prop
         }
       }, consumerEvent);
     }
-  }, [isParametersSet, jql, selectedJiraSite, buttonClickedAnalyticsPayload, totalCount, visibleColumnKeys, currentViewMode, retrieveUrlForSmartCardRender, responseItems.length, onInsert, jqlUrl, datasourceId, cloudId]);
+  }, [isParametersSet, jql, selectedJiraSite, analyticsPayload, totalCount, visibleColumnKeys, currentViewMode, retrieveUrlForSmartCardRender, responseItems.length, onInsert, jqlUrl, datasourceId, cloudId]);
   var handleViewModeChange = function handleViewModeChange(selectedMode) {
     userInteractionActions.current.add(DatasourceAction.DISPLAY_VIEW_CHANGED);
     setCurrentViewMode(selectedMode);
@@ -334,6 +373,7 @@ export var PlainJiraIssuesConfigModal = function PlainJiraIssuesConfigModal(prop
     var newVisibleColumnKeys = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
     var columnAction = getColumnAction(visibleColumnKeys || [], newVisibleColumnKeys);
     userInteractionActions.current.add(columnAction);
+    visibleColumnCount.current = newVisibleColumnKeys.length;
     setVisibleColumnKeys(newVisibleColumnKeys);
   }, [visibleColumnKeys]);
   var issueLikeDataTableView = useMemo(function () {
@@ -348,9 +388,10 @@ export var PlainJiraIssuesConfigModal = function PlainJiraIssuesConfigModal(prop
       visibleColumnKeys: visibleColumnKeys || defaultVisibleColumnKeys,
       onNextPage: handleOnNextPage,
       onLoadDatasourceDetails: loadDatasourceDetails,
-      onVisibleColumnKeysChange: handleVisibleColumnKeysChange
+      onVisibleColumnKeysChange: handleVisibleColumnKeysChange,
+      parentContainerRenderInstanceId: modalRenderInstanceId
     }));
-  }, [columns, defaultVisibleColumnKeys, hasNextPage, handleVisibleColumnKeysChange, loadDatasourceDetails, handleOnNextPage, responseItems, status, visibleColumnKeys]);
+  }, [columns, defaultVisibleColumnKeys, handleOnNextPage, handleVisibleColumnKeysChange, hasNextPage, loadDatasourceDetails, modalRenderInstanceId, responseItems, status, visibleColumnKeys]);
   var renderCountModeContent = useCallback(function () {
     var url = selectedJiraSite === null || selectedJiraSite === void 0 ? void 0 : selectedJiraSite.url;
     if (status === 'unauthorized') {

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

@@ -3,7 +3,7 @@
  *
  * Generates Typescript types for analytics events from analytics.spec.yaml
  *
- * @codegen <<SignedSource::bbcd049ca0675b0360080a987c26f6e9>>
+ * @codegen <<SignedSource::0262ba66242472aeffce99eacc538f23>>
  * @codegenCommand yarn workspace @atlassian/analytics-tooling run analytics:codegen link-datasource
  */
 export type PackageMetaDataType = {
@@ -63,11 +63,12 @@ export type NextItemLoadedAttributesType = {
     extensionKey: string | null;
     loadedItemCount: number;
 };
-export type TableViewedDatasourceAttributesType = {
+export type TableViewedDatasourceConfigModalAttributesType = {
     destinationObjectTypes: unknown[];
     totalItemCount: number;
     displayedColumnCount: number | null;
     searchMethod: 'datasource_search_query' | 'datasource_basic_filter' | 'datasource_saved_filter' | null;
+    extensionKey: string | null;
 };
 export type LinkViewedSingleItemAttributesType = {
     destinationObjectTypes: unknown[];
@@ -118,8 +119,8 @@ export type AnalyticsEventAttributes = {
      * Fired when user scrolls to the next page/list of the objects */
     'track.nextItem.loaded': NextItemLoadedAttributesType;
     /**
-     * Fired when the datasource results are displayed as table */
-    'ui.table.viewed.datasource': TableViewedDatasourceAttributesType;
+     * Fired when the datasource results are displayed as table inside of datasource configuration modal */
+    'ui.table.viewed.datasourceConfigModal': TableViewedDatasourceConfigModalAttributesType;
     /**
      * Fired when the datasource results are displayed as link(may be smart-link) for a single item */
     'ui.link.viewed.singleItem': LinkViewedSingleItemAttributesType;

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

@@ -0,0 +1,5 @@
+import type { UfoExperience } from './types';
+export declare const startUfoExperience: ({ name, metadata }: UfoExperience, id: string) => void;
+export declare const succeedUfoExperience: ({ name, metadata }: UfoExperience, id: string) => void;
+export declare const failUfoExperience: ({ name, metadata }: UfoExperience, id: string) => void;
+export declare const addMetadataToExperience: ({ name, metadata }: UfoExperience, id: string) => void;

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

@@ -0,0 +1,8 @@
+interface DatasourceRendered {
+    name: 'datasource-rendered';
+    metadata?: {
+        extensionKey?: string;
+    };
+}
+export type UfoExperience = DatasourceRendered;
+export {};

package/dist/types/analytics/ufoExperiences/useDataRenderedUfoExperience.d.ts

@@ -0,0 +1,22 @@
+import { DatasourceTableStatusType } from '@atlaskit/linking-types';
+interface DataRenderedUfoExperienceProps {
+    status: DatasourceTableStatusType;
+    experienceId: string;
+    itemCount: number;
+    canBeLink?: boolean;
+    extensionKey?: string | null;
+}
+/**
+ * Hook to mark DataRendered UFO experience as either Success or Failure
+ * 1. Success when
+ *    * its rendered as a link
+ *    * it returns empty results
+ *    * the request is unauthorized
+ * 2. Fail when
+ *    * request is rejected
+ *
+ * Note:
+ *    * When the request is resolved as a datasource table, it will be marked success in the table component, every other success case is marked by this hook
+ */
+export declare const useDataRenderedUfoExperience: ({ status, experienceId, itemCount, canBeLink, extensionKey, }: DataRenderedUfoExperienceProps) => void;
+export {};

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, scrollableContainerHeight, }: IssueLikeDataTableViewProps) => jsx.JSX.Element;
+export declare const IssueLikeDataTableView: ({ testId, onNextPage, onLoadDatasourceDetails, items, columns, renderItem, visibleColumnKeys, onVisibleColumnKeysChange, status, hasNextPage, scrollableContainerHeight, parentContainerRenderInstanceId, }: IssueLikeDataTableViewProps) => jsx.JSX.Element;
 export declare const EmptyState: ({ isCompact, isLoading, testId }: import("./empty-state").Props) => jsx.JSX.Element;

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

@@ -4,6 +4,10 @@ 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;
     /**
      * All available columns/properties.
      * Consumer should not reorder these columns to align with `visibleColumnKeys`.

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

@@ -3,7 +3,7 @@
  *
  * Generates Typescript types for analytics events from analytics.spec.yaml
  *
- * @codegen <<SignedSource::bbcd049ca0675b0360080a987c26f6e9>>
+ * @codegen <<SignedSource::0262ba66242472aeffce99eacc538f23>>
  * @codegenCommand yarn workspace @atlassian/analytics-tooling run analytics:codegen link-datasource
  */
 export type PackageMetaDataType = {
@@ -63,11 +63,12 @@ export type NextItemLoadedAttributesType = {
     extensionKey: string | null;
     loadedItemCount: number;
 };
-export type TableViewedDatasourceAttributesType = {
+export type TableViewedDatasourceConfigModalAttributesType = {
     destinationObjectTypes: unknown[];
     totalItemCount: number;
     displayedColumnCount: number | null;
     searchMethod: 'datasource_search_query' | 'datasource_basic_filter' | 'datasource_saved_filter' | null;
+    extensionKey: string | null;
 };
 export type LinkViewedSingleItemAttributesType = {
     destinationObjectTypes: unknown[];
@@ -118,8 +119,8 @@ export type AnalyticsEventAttributes = {
      * Fired when user scrolls to the next page/list of the objects */
     'track.nextItem.loaded': NextItemLoadedAttributesType;
     /**
-     * Fired when the datasource results are displayed as table */
-    'ui.table.viewed.datasource': TableViewedDatasourceAttributesType;
+     * Fired when the datasource results are displayed as table inside of datasource configuration modal */
+    'ui.table.viewed.datasourceConfigModal': TableViewedDatasourceConfigModalAttributesType;
     /**
      * Fired when the datasource results are displayed as link(may be smart-link) for a single item */
     'ui.link.viewed.singleItem': LinkViewedSingleItemAttributesType;

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

@@ -0,0 +1,5 @@
+import type { UfoExperience } from './types';
+export declare const startUfoExperience: ({ name, metadata }: UfoExperience, id: string) => void;
+export declare const succeedUfoExperience: ({ name, metadata }: UfoExperience, id: string) => void;
+export declare const failUfoExperience: ({ name, metadata }: UfoExperience, id: string) => void;
+export declare const addMetadataToExperience: ({ name, metadata }: UfoExperience, id: string) => void;

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

@@ -0,0 +1,8 @@
+interface DatasourceRendered {
+    name: 'datasource-rendered';
+    metadata?: {
+        extensionKey?: string;
+    };
+}
+export type UfoExperience = DatasourceRendered;
+export {};

package/dist/types-ts4.5/analytics/ufoExperiences/useDataRenderedUfoExperience.d.ts

@@ -0,0 +1,22 @@
+import { DatasourceTableStatusType } from '@atlaskit/linking-types';
+interface DataRenderedUfoExperienceProps {
+    status: DatasourceTableStatusType;
+    experienceId: string;
+    itemCount: number;
+    canBeLink?: boolean;
+    extensionKey?: string | null;
+}
+/**
+ * Hook to mark DataRendered UFO experience as either Success or Failure
+ * 1. Success when
+ *    * its rendered as a link
+ *    * it returns empty results
+ *    * the request is unauthorized
+ * 2. Fail when
+ *    * request is rejected
+ *
+ * Note:
+ *    * When the request is resolved as a datasource table, it will be marked success in the table component, every other success case is marked by this hook
+ */
+export declare const useDataRenderedUfoExperience: ({ status, experienceId, itemCount, canBeLink, extensionKey, }: DataRenderedUfoExperienceProps) => void;
+export {};

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, scrollableContainerHeight, }: IssueLikeDataTableViewProps) => jsx.JSX.Element;
+export declare const IssueLikeDataTableView: ({ testId, onNextPage, onLoadDatasourceDetails, items, columns, renderItem, visibleColumnKeys, onVisibleColumnKeysChange, status, hasNextPage, scrollableContainerHeight, parentContainerRenderInstanceId, }: IssueLikeDataTableViewProps) => jsx.JSX.Element;
 export declare const EmptyState: ({ isCompact, isLoading, testId }: import("./empty-state").Props) => jsx.JSX.Element;

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

@@ -4,6 +4,10 @@ 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;
     /**
      * All available columns/properties.
      * Consumer should not reorder these columns to align with `visibleColumnKeys`.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/link-datasource",
-  "version": "1.2.0",
+  "version": "1.2.2",
   "description": "UI Components to support linking platform dataset feature",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -44,7 +44,7 @@
     "@atlaskit/image": "^1.1.0",
     "@atlaskit/jql-editor-autocomplete-rest": "^2.0.0",
     "@atlaskit/link-client-extension": "^1.7.0",
-    "@atlaskit/linking-common": "^4.9.0",
+    "@atlaskit/linking-common": "^4.10.0",
     "@atlaskit/linking-types": "^8.3.0",
     "@atlaskit/lozenge": "^11.4.0",
     "@atlaskit/modal-dialog": "^12.6.0",
@@ -52,21 +52,23 @@
     "@atlaskit/pragmatic-drag-and-drop-hitbox": "^0.11.0",
     "@atlaskit/pragmatic-drag-and-drop-react-beautiful-dnd-autoscroll": "^0.6.0",
     "@atlaskit/pragmatic-drag-and-drop-react-indicator": "^0.16.0",
-    "@atlaskit/select": "^16.6.0",
-    "@atlaskit/smart-card": "^26.26.0",
+    "@atlaskit/select": "^16.7.0",
+    "@atlaskit/smart-card": "^26.27.0",
     "@atlaskit/spinner": "^15.5.0",
     "@atlaskit/tag": "^11.6.0",
     "@atlaskit/textfield": "5.6.7",
     "@atlaskit/theme": "^12.6.0",
-    "@atlaskit/tokens": "^1.22.0",
+    "@atlaskit/tokens": "^1.23.0",
     "@atlaskit/tooltip": "^17.8.0",
+    "@atlaskit/ufo": "^0.2.4",
     "@atlassianlabs/jql-editor": "^2.0.1",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",
     "@emotion/styled": "^11.0.0",
     "debounce-promise": "^3.1.2",
     "react-dom": "^16.8.0",
-    "tiny-invariant": "^1.2.0"
+    "tiny-invariant": "^1.2.0",
+    "uuid": "^3.1.0"
   },
   "peerDependencies": {
     "react": "^16.8.0",
@@ -88,7 +90,6 @@
     "jest-fetch-mock": "^3.0.3",
     "json-ld-types": "3.9.1",
     "typescript": "~4.9.5",
-    "uuid": "^3.1.0",
     "wait-for-expect": "^1.2.0"
   },
   "techstack": {