@atlaskit/link-datasource 2.3.4 → 2.3.6

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

@@ -11,6 +11,7 @@ import { withAnalyticsContext } from '@atlaskit/analytics-next';
 import Button from '@atlaskit/button/standard-button';
 import { IntlMessagesProvider } from '@atlaskit/intl-messages-provider';
 import { ModalBody, ModalFooter, ModalHeader, ModalTitle, ModalTransition } from '@atlaskit/modal-dialog';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { EVENT_CHANNEL, useDatasourceAnalyticsEvents } from '../../../analytics';
 import { componentMetadata } from '../../../analytics/constants';
 import { DatasourceAction, DatasourceDisplay, DatasourceSearchMethod } from '../../../analytics/types';
@@ -20,6 +21,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';
@@ -32,6 +34,7 @@ import { AssetsSearchContainer } from '../search-container';
 import { AssetsSearchContainerLoading } from '../search-container/loading-state';
 import { modalMessages } from './messages';
 import { MODAL_HEIGHT, RenderAssetsContent } from './render-assets-content';
+var VERSION_TWO = '2';
 var modalBodyErrorWrapperStyles = css({
   alignItems: 'center',
   display: 'grid',
@@ -53,7 +56,8 @@ var PlainAssetsConfigModal = function PlainAssetsConfigModal(props) {
     _useState4 = _slicedToArray(_useState3, 2),
     schemaId = _useState4[0],
     setSchemaId = _useState4[1];
-  var _useState5 = useState(initialVisibleColumnKeys),
+  var apiVersion = initialParameters === null || initialParameters === void 0 ? void 0 : initialParameters.version;
+  var _useState5 = useState(getBooleanFF('platform.linking-platform.datasource-assets_add_version_parameter') && apiVersion !== VERSION_TWO ? [] : initialVisibleColumnKeys),
     _useState6 = _slicedToArray(_useState5, 2),
     visibleColumnKeys = _useState6[0],
     setVisibleColumnKeys = _useState6[1];
@@ -108,11 +112,13 @@ var PlainAssetsConfigModal = function PlainAssetsConfigModal(props) {
   /* ------------------------------ END PERMISSIONS ------------------------------ */
 
   var parameters = useMemo(function () {
-    return {
+    return _objectSpread({
       aql: aql || '',
       schemaId: schemaId || '',
       workspaceId: workspaceId || ''
-    };
+    }, getBooleanFF('platform.linking-platform.datasource-assets_add_version_parameter') ? {
+      version: VERSION_TWO
+    } : {});
   }, [aql, schemaId, workspaceId]);
   var isParametersSet = !!(aql && workspaceId && schemaId);
   var _useDatasourceTableSt = useDatasourceTableState({
@@ -135,7 +141,7 @@ var PlainAssetsConfigModal = function PlainAssetsConfigModal(props) {
 
   /* ------------------------------ OBSERVABILITY ------------------------------ */
   var searchCount = useRef(0);
-  var userInteractionActions = useRef(new Set());
+  var userInteractions = useUserInteractions();
   var visibleColumnCount = useRef((visibleColumnKeys === null || visibleColumnKeys === void 0 ? void 0 : visibleColumnKeys.length) || 0);
   var isDataReady = (visibleColumnKeys || []).length > 0;
   var analyticsPayload = useMemo(function () {
@@ -194,9 +200,14 @@ var PlainAssetsConfigModal = function PlainAssetsConfigModal(props) {
     setIsNewSearch(false);
   }, []);
   useEffect(function () {
-    var newVisibleColumnKeys = !initialVisibleColumnKeys || (initialVisibleColumnKeys || []).length === 0 ? defaultVisibleColumnKeys : initialVisibleColumnKeys;
-    setVisibleColumnKeys(newVisibleColumnKeys);
-  }, [initialVisibleColumnKeys, defaultVisibleColumnKeys]);
+    if (getBooleanFF('platform.linking-platform.datasource-assets_add_version_parameter')) {
+      var newVisibleColumnKeys = initialVisibleColumnKeys && initialVisibleColumnKeys.length > 0 && apiVersion === VERSION_TWO ? initialVisibleColumnKeys : defaultVisibleColumnKeys;
+      setVisibleColumnKeys(newVisibleColumnKeys);
+    } else {
+      var _newVisibleColumnKeys = !initialVisibleColumnKeys || (initialVisibleColumnKeys || []).length === 0 ? defaultVisibleColumnKeys : initialVisibleColumnKeys;
+      setVisibleColumnKeys(_newVisibleColumnKeys);
+    }
+  }, [initialVisibleColumnKeys, defaultVisibleColumnKeys, apiVersion]);
   useEffect(function () {
     if (isNewSearch) {
       setVisibleColumnKeys(defaultVisibleColumnKeys);
@@ -227,7 +238,7 @@ var PlainAssetsConfigModal = function PlainAssetsConfigModal(props) {
         display: DatasourceDisplay.DATASOURCE_TABLE,
         searchCount: searchCount.current,
         searchMethod: DatasourceSearchMethod.DATASOURCE_SEARCH_QUERY,
-        actions: Array.from(userInteractionActions.current)
+        actions: userInteractions.get()
       }),
       eventType: 'ui'
     });
@@ -244,11 +255,13 @@ var PlainAssetsConfigModal = function PlainAssetsConfigModal(props) {
     } else {
       onInsert(buildDatasourceAdf({
         id: datasourceId,
-        parameters: {
+        parameters: _objectSpread({
           workspaceId: workspaceId,
           aql: aql,
           schemaId: schemaId
-        },
+        }, getBooleanFF('platform.linking-platform.datasource-assets_add_version_parameter') ? {
+          version: VERSION_TWO
+        } : {}),
         views: [{
           type: 'table',
           properties: {
@@ -261,15 +274,15 @@ var PlainAssetsConfigModal = function PlainAssetsConfigModal(props) {
         }]
       }), consumerEvent);
     }
-  }, [aql, schemaId, workspaceId, analyticsPayload, totalCount, retrieveUrlForSmartCardRender, responseItems.length, onInsert, datasourceId, visibleColumnKeys]);
+  }, [aql, schemaId, workspaceId, analyticsPayload, totalCount, userInteractions, retrieveUrlForSmartCardRender, responseItems.length, onInsert, datasourceId, visibleColumnKeys]);
   var handleOnSearch = useCallback(function (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);
@@ -280,7 +293,7 @@ var PlainAssetsConfigModal = function PlainAssetsConfigModal(props) {
         shouldResetColumns: true
       });
     }
-  }, [aql, reset, schemaId, status]);
+  }, [aql, reset, schemaId, status, userInteractions]);
   var renderErrorState = useCallback(function () {
     if (errorState) {
       switch (errorState) {
@@ -318,9 +331,9 @@ var PlainAssetsConfigModal = function PlainAssetsConfigModal(props) {
   var getCancelButtonAnalyticsPayload = useCallback(function () {
     return _objectSpread(_objectSpread({}, analyticsPayload), {}, {
       searchCount: searchCount.current,
-      actions: Array.from(userInteractionActions.current)
+      actions: userInteractions.get()
     });
-  }, [analyticsPayload]);
+  }, [analyticsPayload, userInteractions]);
   return jsx(IntlMessagesProvider, {
     defaultMessages: i18nEN,
     loaderFn: fetchMessagesForLocale
@@ -369,5 +382,5 @@ var contextData = _objectSpread(_objectSpread({}, analyticsContextData), {}, {
   attributes: _objectSpread({}, analyticsContextAttributes)
 });
 export var AssetsConfigModal = withAnalyticsContext(contextData)(function (props) {
-  return jsx(DatasourceExperienceIdProvider, null, jsx(PlainAssetsConfigModal, props));
+  return jsx(DatasourceExperienceIdProvider, null, jsx(UserInteractionsProvider, null, jsx(PlainAssetsConfigModal, props)));
 });

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

@@ -78,6 +78,7 @@ export var AqlSearchInput = function AqlSearchInput(_ref) {
     var fieldProps = _ref2.fieldProps;
     return 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/esm/ui/common/modal/popup-select/index.js

@@ -164,10 +164,10 @@ export var FilterPopupSelect = function FilterPopupSelect(_ref) {
     testId: "".concat(filterName, "-popup-select"),
     inputId: "".concat(filterName, "-popup-select--input")
     /*
-      this threshold controls the display of the search control (input field for search)
-      if this threshold is less than 0, when typing a search string that returns no results it will not remove the search control
-      if this threshold is 0 or higher, it will remove the search control when there are no results, the user will be unable to clear the search to see more results
-    */,
+         this threshold controls the display of the search control (input field for search)
+         if this threshold is less than 0, when typing a search string that returns no results it will not remove the search control
+         if this threshold is 0 or higher, it will remove the search control when there are no results, the user will be unable to clear the search to see more results
+       */,
     searchThreshold: -1,
     inputValue: searchTerm,
     closeMenuOnSelect: false,

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

@@ -12,7 +12,10 @@ export var PopupTrigger = function PopupTrigger(_ref) {
     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/esm/ui/confluence-search-modal/modal/confluence-search-initial-state-svg.js

@@ -100,7 +100,9 @@ export var ConfluenceSearchInitialStateSVG = function ConfluenceSearchInitialSta
     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/esm/ui/confluence-search-modal/modal/index.js

@@ -21,6 +21,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';
@@ -99,7 +100,7 @@ export var PlainConfluenceSearchConfigModal = function PlainConfluenceSearchConf
 
   // analytics related parameters
   var searchCount = useRef(0);
-  var userInteractionActions = useRef(new Set());
+  var userInteractions = useUserInteractions();
   var visibleColumnCount = useRef((visibleColumnKeys === null || visibleColumnKeys === void 0 ? void 0 : visibleColumnKeys.length) || 0);
   var parameters = useMemo(function () {
     return _objectSpread(_objectSpread({}, initialParameters), {}, {
@@ -162,7 +163,7 @@ export var PlainConfluenceSearchConfigModal = function PlainConfluenceSearchConf
   // TODO: further refactoring in EDM-9573
   // https://stash.atlassian.com/projects/ATLASSIAN/repos/atlassian-frontend-monorepo/pull-requests/82725/overview?commentId=6829171
   var onSiteSelection = useCallback(function (site) {
-    userInteractionActions.current.add(DatasourceAction.INSTANCE_UPDATED);
+    userInteractions.add(DatasourceAction.INSTANCE_UPDATED);
     setSearchString(undefined);
     setLastModified(undefined);
     setContributorAccountIds([]);
@@ -170,7 +171,7 @@ export var PlainConfluenceSearchConfigModal = function PlainConfluenceSearchConf
     reset({
       shouldForceRequest: true
     });
-  }, [reset]);
+  }, [reset, userInteractions]);
   useEffect(function () {
     var newVisibleColumnKeys = !initialVisibleColumnKeys || (initialVisibleColumnKeys || []).length === 0 ? defaultVisibleColumnKeys : initialVisibleColumnKeys;
     visibleColumnCount.current = newVisibleColumnKeys.length;
@@ -188,10 +189,10 @@ export var PlainConfluenceSearchConfigModal = function PlainConfluenceSearchConf
   var handleVisibleColumnKeysChange = useCallback(function () {
     var newVisibleColumnKeys = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
     var 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
@@ -244,9 +245,9 @@ export var PlainConfluenceSearchConfigModal = function PlainConfluenceSearchConf
       extensionKey: extensionKey,
       destinationObjectTypes: destinationObjectTypes,
       searchCount: searchCount.current,
-      actions: Array.from(userInteractionActions.current)
+      actions: userInteractions.get()
     };
-  }, [destinationObjectTypes, extensionKey]);
+  }, [destinationObjectTypes, extensionKey, userInteractions]);
   var isDataReady = (visibleColumnKeys || []).length > 0;
   var fireInlineViewedEvent = useCallback(function () {
     fireEvent('ui.link.viewed.count', _objectSpread(_objectSpread({}, analyticsPayload), {}, {
@@ -329,7 +330,7 @@ export var PlainConfluenceSearchConfigModal = function PlainConfluenceSearchConf
         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'
     });
@@ -366,14 +367,14 @@ export var PlainConfluenceSearchConfigModal = function PlainConfluenceSearchConf
         }]
       }, 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]);
   var handleViewModeChange = function handleViewModeChange(selectedMode) {
-    userInteractionActions.current.add(DatasourceAction.DISPLAY_VIEW_CHANGED);
+    userInteractions.add(DatasourceAction.DISPLAY_VIEW_CHANGED);
     setCurrentViewMode(selectedMode);
   };
   var onSearch = useCallback(function (newSearchString, filters) {
     searchCount.current++;
-    userInteractionActions.current.add(DatasourceAction.QUERY_UPDATED);
+    userInteractions.add(DatasourceAction.QUERY_UPDATED);
     if (filters) {
       var editedOrCreatedBy = filters.editedOrCreatedBy,
         lastModifiedList = filters.lastModified;
@@ -400,16 +401,16 @@ export var PlainConfluenceSearchConfigModal = function PlainConfluenceSearchConf
     reset({
       shouldForceRequest: true
     });
-  }, [reset]);
+  }, [reset, userInteractions]);
   var isInsertDisabled = !isParametersSet || status === 'rejected' || status === 'unauthorized' || status === 'loading';
   var getCancelButtonAnalyticsPayload = useCallback(function () {
     return {
       extensionKey: extensionKey,
       destinationObjectTypes: destinationObjectTypes,
       searchCount: searchCount.current,
-      actions: Array.from(userInteractionActions.current)
+      actions: userInteractions.get()
     };
-  }, [destinationObjectTypes, extensionKey]);
+  }, [destinationObjectTypes, extensionKey, userInteractions]);
   return jsx(IntlMessagesProvider, {
     defaultMessages: i18nEN,
     loaderFn: fetchMessagesForLocale
@@ -442,7 +443,7 @@ export var PlainConfluenceSearchConfigModal = function PlainConfluenceSearchConf
     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, ".concat(N800, ")")
@@ -474,5 +475,5 @@ var contextData = _objectSpread(_objectSpread({}, analyticsContextData), {}, {
   attributes: _objectSpread({}, analyticsContextAttributes)
 });
 export var ConfluenceSearchConfigModal = withAnalyticsContext(contextData)(function (props) {
-  return jsx(DatasourceExperienceIdProvider, null, jsx(PlainConfluenceSearchConfigModal, props));
+  return jsx(DatasourceExperienceIdProvider, null, jsx(UserInteractionsProvider, null, jsx(PlainConfluenceSearchConfigModal, props)));
 });

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

@@ -58,9 +58,9 @@ var DatasourceTableViewWithoutAnalytics = function DatasourceTableViewWithoutAna
   var visibleColumnCount = useRef((visibleColumnKeys === null || visibleColumnKeys === void 0 ? void 0 : visibleColumnKeys.length) || 0);
 
   /*  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
-      mechanism of initial loading. Use of ref here makes it basically work as a `componentDidUpdate` but not `componentDidMount`
-   */
+       But we don't want to call it on initial load. This screws up useDatasourceTableState's internal
+       mechanism of initial loading. Use of ref here makes it basically work as a `componentDidUpdate` but not `componentDidMount`
+    */
   var isInitialRender = useRef(true);
   var hasColumns = !!columns.length;
   var isDataReady = hasColumns && responseItems.length > 0 && totalCount && totalCount > 0;

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

@@ -24,7 +24,9 @@ export var ConcatenatedMenuList = function ConcatenatedMenuList(_ref) {
     padding: "var(--ds-space-050, 4px)".concat(" ", "var(--ds-space-200, 16px)"),
     height: 'auto'
   };
-  var maximumLimitReachedMessage = jsx("div", {
+  var 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/esm/ui/issue-like-table/draggable-table-heading.js

@@ -328,6 +328,7 @@ export var DraggableTableHeading = function DraggableTableHeading(_ref) {
     ref: mainHeaderCellRef,
     "data-testid": "".concat(id, "-column-heading"),
     style: _objectSpread({
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       cursor: 'grab'
     }, getWidthCss({
       shouldUseWidth: resizeIsEnabled,

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

@@ -103,8 +103,11 @@ export default (function (_ref4) {
     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,19 +120,22 @@ export default (function (_ref4) {
   }, jsx("tr", null, columnsToRender.map(function (_ref5) {
     var key = _ref5.key,
       width = _ref5.width;
-    return jsx(TableHeading, {
-      key: key,
-      style: {
-        width: width,
-        padding: padding
-      }
-    }, jsx(Skeleton, {
-      appearance: "darkGray",
-      borderRadius: 8,
-      testId: "empty-state-skeleton",
-      height: 12,
-      width: width
-    }));
+    return (
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+      jsx(TableHeading, {
+        key: key,
+        style: {
+          width: width,
+          padding: padding
+        }
+      }, jsx(Skeleton, {
+        appearance: "darkGray",
+        borderRadius: 8,
+        testId: "empty-state-skeleton",
+        height: 12,
+        width: width
+      }))
+    );
   }))), jsx("tbody", {
     css: tableBodyStyles
   }, rows.map(function (row) {

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

@@ -577,7 +577,9 @@ export var IssueLikeDataTableView = function IssueLikeDataTableView(_ref5) {
      */
     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: "".concat(scrollableContainerHeight, "px")
     } : undefined,
@@ -586,13 +588,17 @@ export var IssueLikeDataTableView = function IssueLikeDataTableView(_ref5) {
     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 && "".concat(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
@@ -645,7 +651,9 @@ export var IssueLikeDataTableView = function IssueLikeDataTableView(_ref5) {
     } else {
       return jsx(TableHeading, {
         key: key,
-        "data-testid": "".concat(key, "-column-heading"),
+        "data-testid": "".concat(key, "-column-heading")
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+        ,
         style: getWidthCss({
           shouldUseWidth: shouldUseWidth,
           width: width
@@ -686,7 +694,9 @@ export var IssueLikeDataTableView = function IssueLikeDataTableView(_ref5) {
       return jsx(TableCell, {
         key: cellKey,
         "data-testid": testId && "".concat(testId, "--cell-").concat(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/esm/ui/issue-like-table/render-type/date-time/index.js

@@ -25,10 +25,10 @@ export function getFormattedDate(value) {
   var display = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'datetime';
   var formatDate = arguments.length > 2 ? arguments[2] : undefined;
   /* In some cases we get a value of `2023-12-20` which when parsed by JS assumes meantime timezone, causing the date
-    to be one day off in some timezones. We want it to display the date without converting timezones and a solution
-   is to replace the hyphens with slashes. So it should be 20th Dec regardless of the timezone in this case.
-    See https://stackoverflow.com/a/31732581
-   */
+     to be one day off in some timezones. We want it to display the date without converting timezones and a solution
+    is to replace the hyphens with slashes. So it should be 20th Dec regardless of the timezone in this case.
+     See https://stackoverflow.com/a/31732581
+    */
   var dateValue = /^\d{4}-\d{2}-\d{2}$/.exec(value) ? value.replace(/-/g, '/') : value;
   var date = new Date(dateValue);
   if (!value || isNaN(date.getTime())) {

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

@@ -16,7 +16,9 @@ var IconRenderType = function IconRenderType(_ref) {
   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/esm/ui/issue-like-table/render-type/link/index.js

@@ -29,7 +29,9 @@ var LinkRenderType = function LinkRenderType(_ref) {
     return /*#__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: _objectSpread(_objectSpread({}, linkStyle), {}, {
         fontSize: fieldTextFontSize
       }),

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

@@ -37,12 +37,12 @@ export var TableHeading = styled.th((_styled$th = {}, _defineProperty(_styled$th
   borderRight: "0.5px solid ".concat("var(--ds-border, ".concat(N40, ")")),
   borderBottom: "2px solid ".concat("var(--ds-border, ".concat(N40, ")")),
   /*
-    lineHeight * 2 -> Max height of two lined header
-    verticalPadding * 2 -> padding for this component itself
-    verticalPadding * 2 -> padding inside span (--container)
-    2px -> Bottom border
-    Last two terms are needed because of border-box box sizing.
-  */
+      lineHeight * 2 -> Max height of two lined header
+      verticalPadding * 2 -> padding for this component itself
+      verticalPadding * 2 -> padding inside span (--container)
+      2px -> Bottom border
+      Last two terms are needed because of border-box box sizing.
+    */
   height: "calc(".concat(lineHeight, " * 2 + ").concat(verticalPadding, " * 4 + 2px)"),
   verticalAlign: 'bottom',
   backgroundColor: "var(--ds-elevation-surface-current, #FFF)"
@@ -55,7 +55,7 @@ export var TableHeading = styled.th((_styled$th = {}, _defineProperty(_styled$th
 }), _defineProperty(_styled$th, "& [data-testid='datasource-header-content--container']", {
   width: '100%',
   /* With Button now being a parent for this component it adds its lineHeight value and spoils
-    `height` calculation above. */
+      `height` calculation above. */
   lineHeight: lineHeight,
   padding: "".concat(verticalPadding, " ", "var(--ds-space-050, 4px)"),
   display: '-webkit-box',

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

@@ -24,6 +24,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';
@@ -97,7 +98,7 @@ var PlainJiraIssuesConfigModal = function PlainJiraIssuesConfigModal(props) {
 
   // analytics related parameters
   var searchCount = useRef(0);
-  var userInteractionActions = useRef(new Set());
+  var userInteractions = useUserInteractions();
   var initialSearchMethod = getBooleanFF('platform.linking-platform.datasource.show-jlol-basic-filters') && !isQueryTooComplex((initialParameters === null || initialParameters === void 0 ? void 0 : initialParameters.jql) || '') ? 'basic' : 'jql';
   var _useState11 = useState(initialSearchMethod),
     _useState12 = _slicedToArray(_useState11, 2),
@@ -238,21 +239,21 @@ var PlainJiraIssuesConfigModal = function 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]);
   var onSiteSelection = useCallback(function (site) {
-    userInteractionActions.current.add(DatasourceAction.INSTANCE_UPDATED);
+    userInteractions.add(DatasourceAction.INSTANCE_UPDATED);
     setJql('');
     setCloudId(site.cloudId);
     reset({
       shouldForceRequest: true
     });
-  }, [reset]);
+  }, [reset, userInteractions]);
   var retrieveUrlForSmartCardRender = useCallback(function () {
     var _data$key;
     var _responseItems = _slicedToArray(responseItems, 1),
@@ -282,7 +283,7 @@ var PlainJiraIssuesConfigModal = function 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' ? _objectSpread({}, filterSelectionCount) : {}),
       eventType: 'ui'
@@ -301,7 +302,7 @@ var PlainJiraIssuesConfigModal = function PlainJiraIssuesConfigModal(props) {
         display: getDisplayValue(currentViewMode, totalCount || 0),
         searchCount: searchCount.current,
         searchMethod: mapSearchMethod(searchMethodSearchedWith.current),
-        actions: Array.from(userInteractionActions.current)
+        actions: userInteractions.get()
       })
     });
     var consumerEvent = (_insertButtonClickedE = insertButtonClickedEvent.clone()) !== null && _insertButtonClickedE !== void 0 ? _insertButtonClickedE : undefined;
@@ -341,23 +342,23 @@ var PlainJiraIssuesConfigModal = function 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]);
   var handleViewModeChange = function handleViewModeChange(selectedMode) {
-    userInteractionActions.current.add(DatasourceAction.DISPLAY_VIEW_CHANGED);
+    userInteractions.add(DatasourceAction.DISPLAY_VIEW_CHANGED);
     setCurrentViewMode(selectedMode);
   };
   var handleOnNextPage = useCallback(function () {
     var onNextPageProps = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    userInteractionActions.current.add(DatasourceAction.NEXT_PAGE_SCROLLED);
+    userInteractions.add(DatasourceAction.NEXT_PAGE_SCROLLED);
     onNextPage(onNextPageProps);
-  }, [onNextPage]);
+  }, [onNextPage, userInteractions]);
   var handleVisibleColumnKeysChange = useCallback(function () {
     var newVisibleColumnKeys = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
     var columnAction = getColumnAction(visibleColumnKeys || [], newVisibleColumnKeys);
-    userInteractionActions.current.add(columnAction);
+    userInteractions.add(columnAction);
     visibleColumnCount.current = newVisibleColumnKeys.length;
     setVisibleColumnKeys(newVisibleColumnKeys);
-  }, [visibleColumnKeys]);
+  }, [visibleColumnKeys, userInteractions]);
   var issueLikeDataTableView = useMemo(function () {
     return jsx(ContentContainer, {
       withTableBorder: true
@@ -443,9 +444,9 @@ var PlainJiraIssuesConfigModal = function PlainJiraIssuesConfigModal(props) {
   var getCancelButtonAnalyticsPayload = useCallback(function () {
     return _objectSpread(_objectSpread({}, analyticsPayload), {}, {
       searchCount: searchCount.current,
-      actions: Array.from(userInteractionActions.current)
+      actions: userInteractions.get()
     });
-  }, [analyticsPayload]);
+  }, [analyticsPayload, userInteractions]);
   return jsx(IntlMessagesProvider, {
     defaultMessages: i18nEN,
     loaderFn: fetchMessagesForLocale
@@ -481,7 +482,7 @@ var PlainJiraIssuesConfigModal = function 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, ".concat(N800, ")")
@@ -513,5 +514,5 @@ var contextData = _objectSpread(_objectSpread({}, analyticsContextData), {}, {
   attributes: _objectSpread({}, analyticsContextAttributes)
 });
 export var JiraIssuesConfigModal = withAnalyticsContext(contextData)(function (props) {
-  return jsx(DatasourceExperienceIdProvider, null, jsx(PlainJiraIssuesConfigModal, props));
+  return jsx(DatasourceExperienceIdProvider, null, jsx(UserInteractionsProvider, null, jsx(PlainJiraIssuesConfigModal, props)));
 });