@atlaskit/link-datasource 2.3.4 → 2.3.5

package/dist/es2019/ui/assets-modal/modal/index.js

@@ -16,6 +16,7 @@ import { useDataRenderedUfoExperience } from '../../../analytics/ufoExperiences/
 import { buildDatasourceAdf } from '../../../common/utils/adf';
 import { fetchMessagesForLocale } from '../../../common/utils/locale/fetch-messages-for-locale';
 import { DatasourceExperienceIdProvider, useDatasourceExperienceId } from '../../../contexts/datasource-experience-id';
+import { UserInteractionsProvider, useUserInteractions } from '../../../contexts/user-interactions';
 import { useAssetsClient } from '../../../hooks/useAssetsClient';
 import { useDatasourceTableState } from '../../../hooks/useDatasourceTableState';
 import i18nEN from '../../../i18n/en';
@@ -118,7 +119,7 @@ const PlainAssetsConfigModal = props => {
 
   /* ------------------------------ OBSERVABILITY ------------------------------ */
   const searchCount = useRef(0);
-  const userInteractionActions = useRef(new Set());
+  const userInteractions = useUserInteractions();
   const visibleColumnCount = useRef((visibleColumnKeys === null || visibleColumnKeys === void 0 ? void 0 : visibleColumnKeys.length) || 0);
   const isDataReady = (visibleColumnKeys || []).length > 0;
   const analyticsPayload = useMemo(() => {
@@ -211,7 +212,7 @@ const PlainAssetsConfigModal = props => {
         display: DatasourceDisplay.DATASOURCE_TABLE,
         searchCount: searchCount.current,
         searchMethod: DatasourceSearchMethod.DATASOURCE_SEARCH_QUERY,
-        actions: Array.from(userInteractionActions.current)
+        actions: userInteractions.get()
       },
       eventType: 'ui'
     });
@@ -243,15 +244,15 @@ const PlainAssetsConfigModal = props => {
         }]
       }), consumerEvent);
     }
-  }, [aql, schemaId, workspaceId, analyticsPayload, totalCount, retrieveUrlForSmartCardRender, responseItems.length, onInsert, datasourceId, visibleColumnKeys]);
+  }, [aql, schemaId, workspaceId, analyticsPayload, totalCount, retrieveUrlForSmartCardRender, responseItems.length, onInsert, datasourceId, visibleColumnKeys, userInteractions]);
   const handleOnSearch = useCallback((searchAql, searchSchemaId) => {
     if (schemaId !== searchSchemaId || aql !== searchAql || status === 'rejected') {
       searchCount.current++;
       if (schemaId !== searchSchemaId) {
-        userInteractionActions.current.add(DatasourceAction.SCHEMA_UPDATED);
+        userInteractions.add(DatasourceAction.SCHEMA_UPDATED);
       }
       if (aql !== searchAql) {
-        userInteractionActions.current.add(DatasourceAction.QUERY_UPDATED);
+        userInteractions.add(DatasourceAction.QUERY_UPDATED);
       }
       setAql(searchAql);
       setSchemaId(searchSchemaId);
@@ -262,7 +263,7 @@ const PlainAssetsConfigModal = props => {
         shouldResetColumns: true
       });
     }
-  }, [aql, reset, schemaId, status]);
+  }, [aql, reset, schemaId, status, userInteractions]);
   const renderErrorState = useCallback(() => {
     if (errorState) {
       switch (errorState) {
@@ -301,9 +302,9 @@ const PlainAssetsConfigModal = props => {
     return {
       ...analyticsPayload,
       searchCount: searchCount.current,
-      actions: Array.from(userInteractionActions.current)
+      actions: userInteractions.get()
     };
-  }, [analyticsPayload]);
+  }, [analyticsPayload, userInteractions]);
   return jsx(IntlMessagesProvider, {
     defaultMessages: i18nEN,
     loaderFn: fetchMessagesForLocale
@@ -355,4 +356,4 @@ const contextData = {
     ...analyticsContextAttributes
   }
 };
-export const AssetsConfigModal = withAnalyticsContext(contextData)(props => jsx(DatasourceExperienceIdProvider, null, jsx(PlainAssetsConfigModal, props)));
+export const AssetsConfigModal = withAnalyticsContext(contextData)(props => jsx(DatasourceExperienceIdProvider, null, jsx(UserInteractionsProvider, null, jsx(PlainAssetsConfigModal, props))));

package/dist/es2019/ui/assets-modal/search-container/aql-search-input/index.js

@@ -80,6 +80,7 @@ export const AqlSearchInput = ({
     fieldProps
   }) => jsx(Fragment, null, jsx(Textfield, _extends({}, fieldProps, {
     elemBeforeInput: jsx("span", {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       style: {
         paddingLeft: "var(--ds-space-075, 6px)",
         width: 24

package/dist/es2019/ui/confluence-search-modal/basic-filters/filters/date-range-picker/trigger.js

@@ -13,7 +13,10 @@ export const PopupTrigger = ({
     testId: 'confluence-search-modal--date-range-button',
     onClick: onClick,
     isSelected: isSelected,
-    iconAfter: /*#__PURE__*/React.createElement("span", {
+    iconAfter:
+    /*#__PURE__*/
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+    React.createElement("span", {
       style: {
         display: 'flex',
         alignItems: 'center'

package/dist/es2019/ui/confluence-search-modal/modal/confluence-search-initial-state-svg.js

@@ -99,7 +99,9 @@ export const ConfluenceSearchInitialStateSVG = () => /*#__PURE__*/React.createEl
   d: "M114.678 51.6186C110.935 54.7774 108.407 59.1306 107.525 63.9371C106.643 68.7435 107.46 73.706 109.838 77.9797C112.216 82.2534 116.008 85.574 120.567 87.3761C125.127 89.1783 130.173 89.3507 134.846 87.8638C139.519 86.377 143.53 83.3229 146.197 79.2215C148.863 75.1202 150.02 70.2251 149.47 65.3697C148.92 60.5144 146.698 55.9989 143.181 52.5921C139.665 49.1853 135.071 47.0979 130.183 46.6851C127.4 46.4461 124.596 46.7591 121.935 47.6059C119.273 48.4527 116.807 49.8165 114.678 51.6186Z",
   fill: "white"
 }), /*#__PURE__*/React.createElement("mask", {
-  id: "mask0_1_10772",
+  id: "mask0_1_10772"
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+  ,
   style: {
     maskType: 'alpha'
   },

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

@@ -17,6 +17,7 @@ import { DatasourceAction, DatasourceDisplay, DatasourceSearchMethod } from '../
 import { buildDatasourceAdf } from '../../../common/utils/adf';
 import { fetchMessagesForLocale } from '../../../common/utils/locale/fetch-messages-for-locale';
 import { DatasourceExperienceIdProvider } from '../../../contexts/datasource-experience-id';
+import { UserInteractionsProvider, useUserInteractions } from '../../../contexts/user-interactions';
 import { useDatasourceTableState } from '../../../hooks/useDatasourceTableState';
 import i18nEN from '../../../i18n/en';
 import { useAvailableSites } from '../../../services/useAvailableSites';
@@ -78,7 +79,7 @@ export const PlainConfluenceSearchConfigModal = props => {
 
   // analytics related parameters
   const searchCount = useRef(0);
-  const userInteractionActions = useRef(new Set());
+  const userInteractions = useUserInteractions();
   const visibleColumnCount = useRef((visibleColumnKeys === null || visibleColumnKeys === void 0 ? void 0 : visibleColumnKeys.length) || 0);
   const parameters = useMemo(() => ({
     ...initialParameters,
@@ -140,7 +141,7 @@ export const PlainConfluenceSearchConfigModal = props => {
   // TODO: further refactoring in EDM-9573
   // https://stash.atlassian.com/projects/ATLASSIAN/repos/atlassian-frontend-monorepo/pull-requests/82725/overview?commentId=6829171
   const onSiteSelection = useCallback(site => {
-    userInteractionActions.current.add(DatasourceAction.INSTANCE_UPDATED);
+    userInteractions.add(DatasourceAction.INSTANCE_UPDATED);
     setSearchString(undefined);
     setLastModified(undefined);
     setContributorAccountIds([]);
@@ -148,7 +149,7 @@ export const PlainConfluenceSearchConfigModal = props => {
     reset({
       shouldForceRequest: true
     });
-  }, [reset]);
+  }, [reset, userInteractions]);
   useEffect(() => {
     const newVisibleColumnKeys = !initialVisibleColumnKeys || (initialVisibleColumnKeys || []).length === 0 ? defaultVisibleColumnKeys : initialVisibleColumnKeys;
     visibleColumnCount.current = newVisibleColumnKeys.length;
@@ -167,10 +168,10 @@ export const PlainConfluenceSearchConfigModal = props => {
   // TODO: common functionality of all modals refactor in EDM-9573
   const handleVisibleColumnKeysChange = useCallback((newVisibleColumnKeys = []) => {
     const columnAction = getColumnAction(visibleColumnKeys || [], newVisibleColumnKeys);
-    userInteractionActions.current.add(columnAction);
+    userInteractions.add(columnAction);
     visibleColumnCount.current = newVisibleColumnKeys.length;
     setVisibleColumnKeys(newVisibleColumnKeys);
-  }, [visibleColumnKeys]);
+  }, [visibleColumnKeys, userInteractions]);
 
   // TODO: further refactoring in EDM-9573
   // https://stash.atlassian.com/projects/ATLASSIAN/repos/atlassian-frontend-monorepo/pull-requests/82725/overview?commentId=6798258
@@ -220,8 +221,8 @@ export const PlainConfluenceSearchConfigModal = props => {
     extensionKey,
     destinationObjectTypes,
     searchCount: searchCount.current,
-    actions: Array.from(userInteractionActions.current)
-  }), [destinationObjectTypes, extensionKey]);
+    actions: userInteractions.get()
+  }), [destinationObjectTypes, extensionKey, userInteractions]);
   const isDataReady = (visibleColumnKeys || []).length > 0;
   const fireInlineViewedEvent = useCallback(() => {
     fireEvent('ui.link.viewed.count', {
@@ -307,7 +308,7 @@ export const PlainConfluenceSearchConfigModal = props => {
         display: currentViewMode === 'inline' ? DatasourceDisplay.DATASOURCE_INLINE : DatasourceDisplay.DATASOURCE_TABLE,
         searchCount: searchCount.current,
         searchMethod: DatasourceSearchMethod.DATASOURCE_SEARCH_QUERY,
-        actions: Array.from(userInteractionActions.current)
+        actions: userInteractions.get()
       },
       eventType: 'ui'
     });
@@ -347,14 +348,14 @@ export const PlainConfluenceSearchConfigModal = props => {
         }]
       }, confluenceSearchUrl), consumerEvent);
     }
-  }, [isParametersSet, cloudId, analyticsPayload, totalCount, currentViewMode, onInsert, confluenceSearchUrl, datasourceId, parametersToSend, visibleColumnKeys, columnCustomSizes, wrappedColumnKeys]);
+  }, [isParametersSet, cloudId, analyticsPayload, totalCount, currentViewMode, onInsert, confluenceSearchUrl, datasourceId, parametersToSend, visibleColumnKeys, columnCustomSizes, wrappedColumnKeys, userInteractions]);
   const handleViewModeChange = selectedMode => {
-    userInteractionActions.current.add(DatasourceAction.DISPLAY_VIEW_CHANGED);
+    userInteractions.add(DatasourceAction.DISPLAY_VIEW_CHANGED);
     setCurrentViewMode(selectedMode);
   };
   const onSearch = useCallback((newSearchString, filters) => {
     searchCount.current++;
-    userInteractionActions.current.add(DatasourceAction.QUERY_UPDATED);
+    userInteractions.add(DatasourceAction.QUERY_UPDATED);
     if (filters) {
       const {
         editedOrCreatedBy,
@@ -379,16 +380,16 @@ export const PlainConfluenceSearchConfigModal = props => {
     reset({
       shouldForceRequest: true
     });
-  }, [reset]);
+  }, [reset, userInteractions]);
   const isInsertDisabled = !isParametersSet || status === 'rejected' || status === 'unauthorized' || status === 'loading';
   const getCancelButtonAnalyticsPayload = useCallback(() => {
     return {
       extensionKey,
       destinationObjectTypes,
       searchCount: searchCount.current,
-      actions: Array.from(userInteractionActions.current)
+      actions: userInteractions.get()
     };
-  }, [destinationObjectTypes, extensionKey]);
+  }, [destinationObjectTypes, extensionKey, userInteractions]);
   return jsx(IntlMessagesProvider, {
     defaultMessages: i18nEN,
     loaderFn: fetchMessagesForLocale
@@ -421,7 +422,7 @@ export const PlainConfluenceSearchConfigModal = props => {
     href: confluenceSearchUrl,
     target: "_blank",
     testId: "item-count-url"
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
     ,
     style: {
       color: `var(--ds-text-accent-gray, ${N800})`
@@ -456,4 +457,4 @@ const contextData = {
     ...analyticsContextAttributes
   }
 };
-export const ConfluenceSearchConfigModal = withAnalyticsContext(contextData)(props => jsx(DatasourceExperienceIdProvider, null, jsx(PlainConfluenceSearchConfigModal, props)));
+export const ConfluenceSearchConfigModal = withAnalyticsContext(contextData)(props => jsx(DatasourceExperienceIdProvider, null, jsx(UserInteractionsProvider, null, jsx(PlainConfluenceSearchConfigModal, props))));

package/dist/es2019/ui/issue-like-table/column-picker/concatenated-menu-list.js

@@ -23,7 +23,9 @@ export const ConcatenatedMenuList = ({
     padding: `${"var(--ds-space-050, 4px)"} ${"var(--ds-space-200, 16px)"}`,
     height: 'auto'
   };
-  const maximumLimitReachedMessage = jsx("div", {
+  const maximumLimitReachedMessage =
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+  jsx("div", {
     css: messageStyles,
     style: optionStyle
   }, jsx(FormattedMessage, _extends({

package/dist/es2019/ui/issue-like-table/draggable-table-heading.js

@@ -306,7 +306,9 @@ export const DraggableTableHeading = ({
     ref: mainHeaderCellRef,
     "data-testid": `${id}-column-heading`,
     style: {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       cursor: 'grab',
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       ...getWidthCss({
         shouldUseWidth: resizeIsEnabled,
         width

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

@@ -103,8 +103,11 @@ export default (({
     style: {
       // the IssueLikeDataTableView wraps the table in a container with the styling below while modal doesn't
       // this maxHeight comes from scrollableContainerHeight
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       maxHeight: ScrollableContainerHeight,
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       padding: "var(--ds-space-0, 0px)",
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       boxSizing: 'border-box'
     }
   }, jsx("table", {
@@ -117,7 +120,9 @@ export default (({
   }, jsx("tr", null, columnsToRender.map(({
     key,
     width
-  }) => jsx(TableHeading, {
+  }) =>
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+  jsx(TableHeading, {
     key: key,
     style: {
       width,

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

@@ -560,7 +560,9 @@ export const IssueLikeDataTableView = ({
      */
     contentEditable: false,
     ref: containerRef,
-    css: [tableContainerStyles, scrollableContainerHeight && scrollableContainerStyles],
+    css: [tableContainerStyles, scrollableContainerHeight && scrollableContainerStyles]
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+    ,
     style: scrollableContainerHeight ? {
       maxHeight: `${scrollableContainerHeight}px`
     } : undefined,
@@ -569,13 +571,17 @@ export const IssueLikeDataTableView = ({
     setWidth: debounce(setTableContainerWidth, 100)
   }), jsx(Table, {
     css: tableStyles,
-    "data-testid": testId,
+    "data-testid": testId
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+    ,
     style: shouldUseWidth ? {
       tableLayout: 'fixed'
     } : {}
   }, jsx("thead", {
     "data-testid": testId && `${testId}--head`,
-    css: [noDefaultBorderStyles, tableHeadStyles],
+    css: [noDefaultBorderStyles, tableHeadStyles]
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
     className: !!onVisibleColumnKeysChange ? 'has-column-picker' : ''
   }, jsx("tr", {
     ref: tableHeaderRowRef
@@ -629,7 +635,9 @@ export const IssueLikeDataTableView = ({
     } else {
       return jsx(TableHeading, {
         key: key,
-        "data-testid": `${key}-column-heading`,
+        "data-testid": `${key}-column-heading`
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+        ,
         style: getWidthCss({
           shouldUseWidth,
           width
@@ -672,7 +680,9 @@ export const IssueLikeDataTableView = ({
     return jsx(TableCell, {
       key: cellKey,
       "data-testid": testId && `${testId}--cell-${cellIndex}`,
-      colSpan: isEditable && isLastCell ? 2 : undefined,
+      colSpan: isEditable && isLastCell ? 2 : undefined
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+      ,
       style: loadingRowStyle,
       css: [wrappedColumnKeys !== null && wrappedColumnKeys !== void 0 && wrappedColumnKeys.includes(cellKey) ? null : truncateStyles]
     }, content);

package/dist/es2019/ui/issue-like-table/render-type/icon/index.js

@@ -16,7 +16,9 @@ const IconRenderType = ({
   return /*#__PURE__*/React.createElement(IconWrapper, null, /*#__PURE__*/React.createElement(Image, {
     src: source,
     alt: label,
-    "data-testid": testId,
+    "data-testid": testId
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+    ,
     style: {
       minWidth: '20px',
       maxWidth: '20px'

package/dist/es2019/ui/issue-like-table/render-type/link/index.js

@@ -26,7 +26,9 @@ const LinkRenderType = ({
   const anchor = useMemo(() => /*#__PURE__*/React.createElement(HoverCard, {
     url: url
   }, /*#__PURE__*/React.createElement(LinkUrl, {
-    href: url,
+    href: url
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+    ,
     style: {
       ...linkStyle,
       fontSize: fieldTextFontSize

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

@@ -20,6 +20,7 @@ import { mapSearchMethod } from '../../../analytics/utils';
 import { buildDatasourceAdf } from '../../../common/utils/adf';
 import { fetchMessagesForLocale } from '../../../common/utils/locale/fetch-messages-for-locale';
 import { DatasourceExperienceIdProvider, useDatasourceExperienceId } from '../../../contexts/datasource-experience-id';
+import { UserInteractionsProvider, useUserInteractions } from '../../../contexts/user-interactions';
 import { useDatasourceTableState } from '../../../hooks/useDatasourceTableState';
 import i18nEN from '../../../i18n/en';
 import { useAvailableSites } from '../../../services/useAvailableSites';
@@ -80,7 +81,7 @@ const PlainJiraIssuesConfigModal = props => {
 
   // analytics related parameters
   const searchCount = useRef(0);
-  const userInteractionActions = useRef(new Set());
+  const userInteractions = useUserInteractions();
   const initialSearchMethod = getBooleanFF('platform.linking-platform.datasource.show-jlol-basic-filters') && !isQueryTooComplex((initialParameters === null || initialParameters === void 0 ? void 0 : initialParameters.jql) || '') ? 'basic' : 'jql';
   const [currentSearchMethod, setCurrentSearchMethod] = useState(initialSearchMethod);
   const searchMethodSearchedWith = useRef(null);
@@ -221,21 +222,21 @@ const PlainJiraIssuesConfigModal = props => {
     basicFilterSelectionsSearchedWith.current = basicFilterSelections;
     isSearchedWithComplexQuery.current = isQueryComplex;
     if (jql !== newParameters.jql) {
-      userInteractionActions.current.add(DatasourceAction.QUERY_UPDATED);
+      userInteractions.add(DatasourceAction.QUERY_UPDATED);
     }
     setJql(newParameters.jql);
     reset({
       shouldForceRequest: true
     });
-  }, [jql, reset]);
+  }, [jql, reset, userInteractions]);
   const onSiteSelection = useCallback(site => {
-    userInteractionActions.current.add(DatasourceAction.INSTANCE_UPDATED);
+    userInteractions.add(DatasourceAction.INSTANCE_UPDATED);
     setJql('');
     setCloudId(site.cloudId);
     reset({
       shouldForceRequest: true
     });
-  }, [reset]);
+  }, [reset, userInteractions]);
   const retrieveUrlForSmartCardRender = useCallback(() => {
     var _data$key, _data$key$data;
     const [data] = responseItems;
@@ -268,7 +269,7 @@ const PlainJiraIssuesConfigModal = props => {
         display: getDisplayValue(currentViewMode, totalCount || 0),
         searchCount: searchCount.current,
         searchMethod: mapSearchMethod(searchMethodSearchedWith.current),
-        actions: Array.from(userInteractionActions.current),
+        actions: userInteractions.get(),
         isQueryComplex: isSearchedWithComplexQuery.current,
         ...(searchMethodSearchedWith.current === 'basic' ? {
           ...filterSelectionCount
@@ -291,7 +292,7 @@ const PlainJiraIssuesConfigModal = props => {
         display: getDisplayValue(currentViewMode, totalCount || 0),
         searchCount: searchCount.current,
         searchMethod: mapSearchMethod(searchMethodSearchedWith.current),
-        actions: Array.from(userInteractionActions.current)
+        actions: userInteractions.get()
       }
     });
     const consumerEvent = (_insertButtonClickedE = insertButtonClickedEvent.clone()) !== null && _insertButtonClickedE !== void 0 ? _insertButtonClickedE : undefined;
@@ -333,21 +334,21 @@ const PlainJiraIssuesConfigModal = props => {
         }]
       }, upToDateJqlUrl), consumerEvent);
     }
-  }, [isParametersSet, jql, selectedJiraSite, searchBarJql, analyticsPayload, totalCount, currentViewMode, retrieveUrlForSmartCardRender, responseItems.length, onInsert, datasourceId, cloudId, visibleColumnKeys, columnCustomSizes, wrappedColumnKeys]);
+  }, [isParametersSet, jql, selectedJiraSite, searchBarJql, analyticsPayload, totalCount, currentViewMode, retrieveUrlForSmartCardRender, responseItems.length, onInsert, datasourceId, cloudId, visibleColumnKeys, columnCustomSizes, wrappedColumnKeys, userInteractions]);
   const handleViewModeChange = selectedMode => {
-    userInteractionActions.current.add(DatasourceAction.DISPLAY_VIEW_CHANGED);
+    userInteractions.add(DatasourceAction.DISPLAY_VIEW_CHANGED);
     setCurrentViewMode(selectedMode);
   };
   const handleOnNextPage = useCallback((onNextPageProps = {}) => {
-    userInteractionActions.current.add(DatasourceAction.NEXT_PAGE_SCROLLED);
+    userInteractions.add(DatasourceAction.NEXT_PAGE_SCROLLED);
     onNextPage(onNextPageProps);
-  }, [onNextPage]);
+  }, [onNextPage, userInteractions]);
   const handleVisibleColumnKeysChange = useCallback((newVisibleColumnKeys = []) => {
     const columnAction = getColumnAction(visibleColumnKeys || [], newVisibleColumnKeys);
-    userInteractionActions.current.add(columnAction);
+    userInteractions.add(columnAction);
     visibleColumnCount.current = newVisibleColumnKeys.length;
     setVisibleColumnKeys(newVisibleColumnKeys);
-  }, [visibleColumnKeys]);
+  }, [visibleColumnKeys, userInteractions]);
   const issueLikeDataTableView = useMemo(() => jsx(ContentContainer, {
     withTableBorder: true
   }, jsx(IssueLikeDataTableView, {
@@ -430,9 +431,9 @@ const PlainJiraIssuesConfigModal = props => {
     return {
       ...analyticsPayload,
       searchCount: searchCount.current,
-      actions: Array.from(userInteractionActions.current)
+      actions: userInteractions.get()
     };
-  }, [analyticsPayload]);
+  }, [analyticsPayload, userInteractions]);
   return jsx(IntlMessagesProvider, {
     defaultMessages: i18nEN,
     loaderFn: fetchMessagesForLocale
@@ -468,7 +469,7 @@ const PlainJiraIssuesConfigModal = props => {
     href: jqlUrl,
     target: "_blank",
     testId: "item-count-url"
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
     ,
     style: {
       color: `var(--ds-text-accent-gray, ${N800})`
@@ -503,4 +504,4 @@ const contextData = {
     ...analyticsContextAttributes
   }
 };
-export const JiraIssuesConfigModal = withAnalyticsContext(contextData)(props => jsx(DatasourceExperienceIdProvider, null, jsx(PlainJiraIssuesConfigModal, props)));
+export const JiraIssuesConfigModal = withAnalyticsContext(contextData)(props => jsx(DatasourceExperienceIdProvider, null, jsx(UserInteractionsProvider, null, jsx(PlainJiraIssuesConfigModal, props))));

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

@@ -77,6 +77,7 @@ export const TableFooter = ({
     target: "_blank",
     testId: "item-count-url",
     style: {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       color: `var(--ds-text-accent-gray, ${N800})`,
       textDecoration: !url ? 'none' : ''
     }

package/dist/es2019/ui/table-footer/powered-by-jsm-assets/index.js

@@ -32,7 +32,9 @@ export const PoweredByJSMAssets = props => {
     rel: "noreferrer",
     target: "_blank",
     style: {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       display: 'inline-flex',
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       alignItems: 'center'
     }
   }, /*#__PURE__*/React.createElement(JiraServiceManagementIcon, {

package/dist/esm/contexts/user-interactions/index.js

@@ -0,0 +1,34 @@
+import React, { useContext, useMemo, useRef } from 'react';
+var UserInteractionsContext = /*#__PURE__*/React.createContext(undefined);
+var UserInteractionsProvider = function UserInteractionsProvider(_ref) {
+  var children = _ref.children;
+  var userInteractionActions = useRef(new Set());
+  var providerValue = useMemo(function () {
+    return {
+      add: function add(action) {
+        userInteractionActions.current.add(action);
+      },
+      get: function get() {
+        return Array.from(userInteractionActions.current);
+      }
+    };
+  }, []);
+  return /*#__PURE__*/React.createElement(UserInteractionsContext.Provider, {
+    value: providerValue
+  }, children);
+};
+
+/**
+ * Use this hook to track user activities. This is mainly used to populate analytic events with
+ * a trail of user activities.
+ *
+ * @returns an object that can track datasource actions and retrieve the actions that have been tracked.
+ */
+var useUserInteractions = function useUserInteractions() {
+  var context = useContext(UserInteractionsContext);
+  if (!context) {
+    throw new Error('useUserInteractions() must be wrapped in <UserInteractionsProvider>');
+  }
+  return context;
+};
+export { UserInteractionsProvider, useUserInteractions };

package/dist/esm/i18n/cs.js

@@ -33,24 +33,31 @@ export default {
   'linkDataSource.basic-filter.status.label': 'Stav',
   'linkDataSource.basic-filter.type.label': 'Typ',
   'linkDataSource.checkConnection': 'Zkontrolujte připojení a obnovte stránku nebo to zkuste znovu později.',
+  'linkDataSource.clol-basic-filter.editedOrCreatedBy.label': 'Upraveno nebo vytvořeno uživatelem',
   'linkDataSource.column-picker.no-all-items-shown-message.line-1': 'Vaše vyhledávání vrátilo příliš mnoho výsledků.',
   'linkDataSource.column-picker.no-all-items-shown-message.line-2': 'Zkuste to znovu s konkrétnějšími klíčovými slovy.',
   'linkDataSource.column-picker.search': 'Vyhledat pole',
   'linkDataSource.column-picker.tooltip': 'Konfigurovat sloupce',
   'linkDataSource.configmodal.basicTextSearchPlaceholder': 'Vyhledat požadavky pomocí klíčového slova',
   'linkDataSource.configmodal.cancelButtonText': 'Zrušit',
-  'linkDataSource.configmodal.inlineLinkViewModeDescription': 'Zobrazit počet výsledků vyhledávání nebo jako vložený chytrý odkaz',
-  'linkDataSource.configmodal.inlineLinkViewModeLabel': 'Vložený odkaz',
-  'linkDataSource.configmodal.tableViewModeDescription': 'Zobrazit výsledky vyhledávání jako tabulku',
-  'linkDataSource.configmodal.tableViewModeLabel': 'Tabulka',
   'linkDataSource.confluence-search.configmodal.cancelButtonText': 'Zrušit',
+  'linkDataSource.confluence-search.configmodal.date.range.after.label': 'po {date}',
   'linkDataSource.confluence-search.configmodal.date.range.any.time': 'Kdykoliv',
+  'linkDataSource.confluence-search.configmodal.date.range.before.label': 'před {date}',
   'linkDataSource.confluence-search.configmodal.date.range.custom': 'Vlastní',
+  'linkDataSource.confluence-search.configmodal.date.range.custom.invalid.after.end': 'Datum Od musí být před datem Do.',
+  'linkDataSource.confluence-search.configmodal.date.range.custom.invalid.after.today': 'Datum Od nesmí být v budoucnosti.',
+  'linkDataSource.confluence-search.configmodal.date.range.custom.invalid.to.after.today': 'Datum Do nesmí být v budoucnosti.',
+  'linkDataSource.confluence-search.configmodal.date.range.from': 'Od',
+  'linkDataSource.confluence-search.configmodal.date.range.input.placeholder': 'Vyberte datum.',
   'linkDataSource.confluence-search.configmodal.date.range.last.month': 'Posledních 30 dní',
   'linkDataSource.confluence-search.configmodal.date.range.last.week': 'Posledních 7 dní',
   'linkDataSource.confluence-search.configmodal.date.range.last.year': 'Poslední rok',
   'linkDataSource.confluence-search.configmodal.date.range.title': 'Naposledy aktualizováno',
+  'linkDataSource.confluence-search.configmodal.date.range.to': 'Do',
+  'linkDataSource.confluence-search.configmodal.date.range.to.Label': 'do',
   'linkDataSource.confluence-search.configmodal.date.range.today': 'Dnes',
+  'linkDataSource.confluence-search.configmodal.date.range.update.button': 'Aktualizovat',
   'linkDataSource.confluence-search.configmodal.date.range.yesterday': 'Včera',
   'linkDataSource.confluence-search.configmodal.insertConfluenceTitle': 'Vložit seznam Confluence',
   'linkDataSource.confluence-search.configmodal.insertConfluenceTitleManySites': 'Vložit seznam Confluence z:',
@@ -75,14 +82,14 @@ export default {
   'linkDataSource.jira-issues.configmodal.basicModeText': 'Základní',
   'linkDataSource.jira-issues.configmodal.basicTextSearchPlaceholder': 'Vyhledat požadavky pomocí klíčového slova',
   'linkDataSource.jira-issues.configmodal.chooseSite': 'Vyberte web.',
-  'linkDataSource.jira-issues.configmodal.inlineLinkViewModeDescription': 'Zobrazit počet výsledků vyhledávání nebo jako vložený chytrý odkaz',
-  'linkDataSource.jira-issues.configmodal.inlineLinkViewModeLabel': 'Vložený odkaz',
   'linkDataSource.jira-issues.configmodal.insertIssuesButtonText': 'Vložit požadavky',
   'linkDataSource.jira-issues.configmodal.insertIssuesTitle': 'Vložit požadavky Jira',
   'linkDataSource.jira-issues.configmodal.insertIssuesTitleManySites': 'Vložit požadavky Jira z:',
   'linkDataSource.jira-issues.configmodal.issue': '{totalCount, plural, one {požadavek} few {požadavky} many {požadavku} other {požadavků}}',
-  'linkDataSource.jira-issues.configmodal.tableViewModeDescription': 'Zobrazit výsledky vyhledávání Jira jako tabulku',
-  'linkDataSource.jira-issues.configmodal.tableViewModeLabel': 'Tabulka',
+  'linkDataSource.jira-issues.configmodal.viewModeInlineLinkDescription': 'Zobrazit počet výsledků vyhledávání jako vložený chytrý odkaz',
+  'linkDataSource.jira-issues.configmodal.viewModeInlineLinkLabel': 'Vložený odkaz',
+  'linkDataSource.jira-issues.configmodal.viewModeListDescription': 'Zobrazit výsledky vyhledávání jako seznam',
+  'linkDataSource.jira-issues.configmodal.viewModeListLabel': 'Sloupec',
   'linkDataSource.jira-issues.learnMoreLink': 'Jak vyhledávat pomocí JQL',
   'linkDataSource.jira-issues.no.jira.sites.access.description': 'Chcete-li požádat o přístup, obraťte se na správce.',
   'linkDataSource.jira-issues.no.jira.sites.access.title': 'Nemáte přístup k žádným webům Jira',

package/dist/esm/i18n/da.js

@@ -33,24 +33,31 @@ export default {
   'linkDataSource.basic-filter.status.label': 'Status',
   'linkDataSource.basic-filter.type.label': 'Type',
   'linkDataSource.checkConnection': 'Tjek din forbindelse, og genindlæs, eller prøv igen senere.',
+  'linkDataSource.clol-basic-filter.editedOrCreatedBy.label': 'Redigeret eller oprettet af',
   'linkDataSource.column-picker.no-all-items-shown-message.line-1': 'Din søgning gav for mange resultater.',
   'linkDataSource.column-picker.no-all-items-shown-message.line-2': 'Prøv igen med mere specifikke søgeord.',
   'linkDataSource.column-picker.search': 'Søg efter felter',
   'linkDataSource.column-picker.tooltip': 'Konfigurer kolonner',
   'linkDataSource.configmodal.basicTextSearchPlaceholder': 'Søg efter sager efter søgeord',
   'linkDataSource.configmodal.cancelButtonText': 'Annuller',
-  'linkDataSource.configmodal.inlineLinkViewModeDescription': 'Vis som antallet af søgeresultater eller som et intelligent link på samme linje',
-  'linkDataSource.configmodal.inlineLinkViewModeLabel': 'Link på samme linje',
-  'linkDataSource.configmodal.tableViewModeDescription': 'Vis søgeresultater som en tabel',
-  'linkDataSource.configmodal.tableViewModeLabel': 'Tabel',
   'linkDataSource.confluence-search.configmodal.cancelButtonText': 'Annuller',
+  'linkDataSource.confluence-search.configmodal.date.range.after.label': 'efter {date}',
   'linkDataSource.confluence-search.configmodal.date.range.any.time': 'Når som helst',
+  'linkDataSource.confluence-search.configmodal.date.range.before.label': 'før {date}',
   'linkDataSource.confluence-search.configmodal.date.range.custom': 'Brugerdefineret',
+  'linkDataSource.confluence-search.configmodal.date.range.custom.invalid.after.end': 'Startdatoen skal ligge før slutdatoen',
+  'linkDataSource.confluence-search.configmodal.date.range.custom.invalid.after.today': 'Startdatoen må ikke ligge i fremtiden',
+  'linkDataSource.confluence-search.configmodal.date.range.custom.invalid.to.after.today': 'Slutdatoen må ikke ligge i fremtiden',
+  'linkDataSource.confluence-search.configmodal.date.range.from': 'Fra',
+  'linkDataSource.confluence-search.configmodal.date.range.input.placeholder': 'Vælg dato',
   'linkDataSource.confluence-search.configmodal.date.range.last.month': 'Inden for de seneste 30 dage',
   'linkDataSource.confluence-search.configmodal.date.range.last.week': 'Inden for de seneste 7 dage',
   'linkDataSource.confluence-search.configmodal.date.range.last.year': 'Det seneste år',
   'linkDataSource.confluence-search.configmodal.date.range.title': 'Senest opdateret',
+  'linkDataSource.confluence-search.configmodal.date.range.to': 'Til',
+  'linkDataSource.confluence-search.configmodal.date.range.to.Label': 'til',
   'linkDataSource.confluence-search.configmodal.date.range.today': 'I dag',
+  'linkDataSource.confluence-search.configmodal.date.range.update.button': 'Opdater',
   'linkDataSource.confluence-search.configmodal.date.range.yesterday': 'I går',
   'linkDataSource.confluence-search.configmodal.insertConfluenceTitle': 'Indsæt Confluence-liste',
   'linkDataSource.confluence-search.configmodal.insertConfluenceTitleManySites': 'Indsæt Confluence-liste fra',
@@ -75,14 +82,14 @@ export default {
   'linkDataSource.jira-issues.configmodal.basicModeText': 'Basis',
   'linkDataSource.jira-issues.configmodal.basicTextSearchPlaceholder': 'Søg efter sager efter søgeord',
   'linkDataSource.jira-issues.configmodal.chooseSite': 'Vælg website',
-  'linkDataSource.jira-issues.configmodal.inlineLinkViewModeDescription': 'Vis som antallet af søgeresultater eller som et smart link på samme linje',
-  'linkDataSource.jira-issues.configmodal.inlineLinkViewModeLabel': 'Link på samme linje',
   'linkDataSource.jira-issues.configmodal.insertIssuesButtonText': 'Indsæt sager',
   'linkDataSource.jira-issues.configmodal.insertIssuesTitle': 'Indsæt Jira-sager',
   'linkDataSource.jira-issues.configmodal.insertIssuesTitleManySites': 'Indsæt Jira-sager fra',
   'linkDataSource.jira-issues.configmodal.issue': '{totalCount, plural, one {sag} other {sager}}',
-  'linkDataSource.jira-issues.configmodal.tableViewModeDescription': 'Vis Jira-søgeresultater som en tabel',
-  'linkDataSource.jira-issues.configmodal.tableViewModeLabel': 'Tabel',
+  'linkDataSource.jira-issues.configmodal.viewModeInlineLinkDescription': 'Vis antallet af søgeresultater som et intelligent link på samme linje',
+  'linkDataSource.jira-issues.configmodal.viewModeInlineLinkLabel': 'Link på samme linje',
+  'linkDataSource.jira-issues.configmodal.viewModeListDescription': 'Vis søgeresultater som en liste',
+  'linkDataSource.jira-issues.configmodal.viewModeListLabel': 'Liste',
   'linkDataSource.jira-issues.learnMoreLink': 'Lær, hvordan du søger med JQL',
   'linkDataSource.jira-issues.no.jira.sites.access.description': 'Kontakt din administrator for at anmode om adgang.',
   'linkDataSource.jira-issues.no.jira.sites.access.title': 'Du har ikke adgang til nogen Jira-sider',