@atlaskit/link-datasource 1.26.1 → 1.26.2

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/link-datasource
 
+## 1.26.2
+
+### Patch Changes
+
+- [#89277](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/89277) [`9dc291ef49c4`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/9dc291ef49c4) - Add analytics events for when confluence config modal is viewed and is ready for interaction
+
 ## 1.26.1
 
 ### Patch Changes

package/dist/cjs/ui/confluence-search-modal/modal/index.js

@@ -133,6 +133,8 @@ var PlainConfluenceSearchConfigModal = exports.PlainConfluenceSearchConfigModal
     _useDatasourceTableSt2 = _useDatasourceTableSt.extensionKey,
     extensionKey = _useDatasourceTableSt2 === void 0 ? null : _useDatasourceTableSt2,
     destinationObjectTypes = _useDatasourceTableSt.destinationObjectTypes;
+  var _useDatasourceAnalyti = (0, _analytics.useDatasourceAnalyticsEvents)(),
+    fireEvent = _useDatasourceAnalyti.fireEvent;
   var hasNoConfluenceSites = availableSites && availableSites.length === 0;
   var selectedConfluenceSite = (0, _react.useMemo)(function () {
     if (cloudId) {
@@ -149,6 +151,9 @@ var PlainConfluenceSearchConfigModal = exports.PlainConfluenceSearchConfigModal
       })) || (availableSites === null || availableSites === void 0 ? void 0 : availableSites[0]);
     }
   }, [availableSites, cloudId]);
+  (0, _react.useEffect)(function () {
+    fireEvent('screen.datasourceModalDialog.viewed', {});
+  }, [fireEvent]);
 
   // TODO: further refactoring in EDM-9573
   // https://stash.atlassian.com/projects/ATLASSIAN/repos/atlassian-frontend-monorepo/pull-requests/82725/overview?commentId=6828283
@@ -182,7 +187,11 @@ var PlainConfluenceSearchConfigModal = exports.PlainConfluenceSearchConfigModal
                 return a.displayName.localeCompare(b.displayName);
               });
               setAvailableSites(sortedAvailableSites);
-            case 5:
+              fireEvent('ui.modal.ready.datasource', {
+                instancesCount: sortedAvailableSites.length,
+                schemasCount: null
+              });
+            case 6:
             case "end":
               return _context.stop();
           }
@@ -193,7 +202,7 @@ var PlainConfluenceSearchConfigModal = exports.PlainConfluenceSearchConfigModal
       };
     }();
     void fetchSiteDisplayNames();
-  }, []);
+  }, [fireEvent]);
   (0, _react.useEffect)(function () {
     var newVisibleColumnKeys = !initialVisibleColumnKeys || (initialVisibleColumnKeys || []).length === 0 ? defaultVisibleColumnKeys : initialVisibleColumnKeys;
     visibleColumnCount.current = newVisibleColumnKeys.length;

package/dist/es2019/ui/confluence-search-modal/modal/index.js

@@ -12,7 +12,7 @@ import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { Box, xcss } from '@atlaskit/primitives';
 import LinkUrl from '@atlaskit/smart-card/link-url';
 import { N800 } from '@atlaskit/theme/colors';
-import { EVENT_CHANNEL } from '../../../analytics';
+import { EVENT_CHANNEL, useDatasourceAnalyticsEvents } from '../../../analytics';
 import { componentMetadata } from '../../../analytics/constants';
 import { DatasourceAction, DatasourceDisplay, DatasourceSearchMethod } from '../../../analytics/types';
 import { buildDatasourceAdf } from '../../../common/utils/adf';
@@ -103,6 +103,9 @@ export const PlainConfluenceSearchConfigModal = props => {
     parameters: isParametersSet ? parameters : undefined,
     fieldKeys: visibleColumnKeys
   });
+  const {
+    fireEvent
+  } = useDatasourceAnalyticsEvents();
   const hasNoConfluenceSites = availableSites && availableSites.length === 0;
   const selectedConfluenceSite = useMemo(() => {
     if (cloudId) {
@@ -115,6 +118,9 @@ export const PlainConfluenceSearchConfigModal = props => {
       return (availableSites === null || availableSites === void 0 ? void 0 : availableSites.find(confluenceSite => confluenceSite.url === currentlyLoggedInSiteUrl)) || (availableSites === null || availableSites === void 0 ? void 0 : availableSites[0]);
     }
   }, [availableSites, cloudId]);
+  useEffect(() => {
+    fireEvent('screen.datasourceModalDialog.viewed', {});
+  }, [fireEvent]);
 
   // TODO: further refactoring in EDM-9573
   // https://stash.atlassian.com/projects/ATLASSIAN/repos/atlassian-frontend-monorepo/pull-requests/82725/overview?commentId=6828283
@@ -138,9 +144,13 @@ export const PlainConfluenceSearchConfigModal = props => {
       const confluenceSites = await getAvailableSites('confluence');
       const sortedAvailableSites = [...confluenceSites].sort((a, b) => a.displayName.localeCompare(b.displayName));
       setAvailableSites(sortedAvailableSites);
+      fireEvent('ui.modal.ready.datasource', {
+        instancesCount: sortedAvailableSites.length,
+        schemasCount: null
+      });
     };
     void fetchSiteDisplayNames();
-  }, []);
+  }, [fireEvent]);
   useEffect(() => {
     const newVisibleColumnKeys = !initialVisibleColumnKeys || (initialVisibleColumnKeys || []).length === 0 ? defaultVisibleColumnKeys : initialVisibleColumnKeys;
     visibleColumnCount.current = newVisibleColumnKeys.length;

package/dist/esm/ui/confluence-search-modal/modal/index.js

@@ -19,7 +19,7 @@ import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { Box, xcss } from '@atlaskit/primitives';
 import LinkUrl from '@atlaskit/smart-card/link-url';
 import { N800 } from '@atlaskit/theme/colors';
-import { EVENT_CHANNEL } from '../../../analytics';
+import { EVENT_CHANNEL, useDatasourceAnalyticsEvents } from '../../../analytics';
 import { componentMetadata } from '../../../analytics/constants';
 import { DatasourceAction, DatasourceDisplay, DatasourceSearchMethod } from '../../../analytics/types';
 import { buildDatasourceAdf } from '../../../common/utils/adf';
@@ -124,6 +124,8 @@ export var PlainConfluenceSearchConfigModal = function PlainConfluenceSearchConf
     _useDatasourceTableSt2 = _useDatasourceTableSt.extensionKey,
     extensionKey = _useDatasourceTableSt2 === void 0 ? null : _useDatasourceTableSt2,
     destinationObjectTypes = _useDatasourceTableSt.destinationObjectTypes;
+  var _useDatasourceAnalyti = useDatasourceAnalyticsEvents(),
+    fireEvent = _useDatasourceAnalyti.fireEvent;
   var hasNoConfluenceSites = availableSites && availableSites.length === 0;
   var selectedConfluenceSite = useMemo(function () {
     if (cloudId) {
@@ -140,6 +142,9 @@ export var PlainConfluenceSearchConfigModal = function PlainConfluenceSearchConf
       })) || (availableSites === null || availableSites === void 0 ? void 0 : availableSites[0]);
     }
   }, [availableSites, cloudId]);
+  useEffect(function () {
+    fireEvent('screen.datasourceModalDialog.viewed', {});
+  }, [fireEvent]);
 
   // TODO: further refactoring in EDM-9573
   // https://stash.atlassian.com/projects/ATLASSIAN/repos/atlassian-frontend-monorepo/pull-requests/82725/overview?commentId=6828283
@@ -173,7 +178,11 @@ export var PlainConfluenceSearchConfigModal = function PlainConfluenceSearchConf
                 return a.displayName.localeCompare(b.displayName);
               });
               setAvailableSites(sortedAvailableSites);
-            case 5:
+              fireEvent('ui.modal.ready.datasource', {
+                instancesCount: sortedAvailableSites.length,
+                schemasCount: null
+              });
+            case 6:
             case "end":
               return _context.stop();
           }
@@ -184,7 +193,7 @@ export var PlainConfluenceSearchConfigModal = function PlainConfluenceSearchConf
       };
     }();
     void fetchSiteDisplayNames();
-  }, []);
+  }, [fireEvent]);
   useEffect(function () {
     var newVisibleColumnKeys = !initialVisibleColumnKeys || (initialVisibleColumnKeys || []).length === 0 ? defaultVisibleColumnKeys : initialVisibleColumnKeys;
     visibleColumnCount.current = newVisibleColumnKeys.length;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/link-datasource",
-  "version": "1.26.1",
+  "version": "1.26.2",
   "description": "UI Components to support linking platform dataset feature",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"