@atlaskit/link-datasource 2.3.4 → 2.3.6

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

@@ -25,6 +25,7 @@ var _types = require("../../../analytics/types");
 var _adf = require("../../../common/utils/adf");
 var _fetchMessagesForLocale = require("../../../common/utils/locale/fetch-messages-for-locale");
 var _datasourceExperienceId = require("../../../contexts/datasource-experience-id");
+var _userInteractions = require("../../../contexts/user-interactions");
 var _useDatasourceTableState = require("../../../hooks/useDatasourceTableState");
 var _en = _interopRequireDefault(require("../../../i18n/en"));
 var _useAvailableSites2 = require("../../../services/useAvailableSites");
@@ -105,7 +106,7 @@ var PlainConfluenceSearchConfigModal = exports.PlainConfluenceSearchConfigModal
 
   // analytics related parameters
   var searchCount = (0, _react.useRef)(0);
-  var userInteractionActions = (0, _react.useRef)(new Set());
+  var userInteractions = (0, _userInteractions.useUserInteractions)();
   var visibleColumnCount = (0, _react.useRef)((visibleColumnKeys === null || visibleColumnKeys === void 0 ? void 0 : visibleColumnKeys.length) || 0);
   var parameters = (0, _react.useMemo)(function () {
     return _objectSpread(_objectSpread({}, initialParameters), {}, {
@@ -168,7 +169,7 @@ var PlainConfluenceSearchConfigModal = exports.PlainConfluenceSearchConfigModal
   // TODO: further refactoring in EDM-9573
   // https://stash.atlassian.com/projects/ATLASSIAN/repos/atlassian-frontend-monorepo/pull-requests/82725/overview?commentId=6829171
   var onSiteSelection = (0, _react.useCallback)(function (site) {
-    userInteractionActions.current.add(_types.DatasourceAction.INSTANCE_UPDATED);
+    userInteractions.add(_types.DatasourceAction.INSTANCE_UPDATED);
     setSearchString(undefined);
     setLastModified(undefined);
     setContributorAccountIds([]);
@@ -176,7 +177,7 @@ var PlainConfluenceSearchConfigModal = exports.PlainConfluenceSearchConfigModal
     reset({
       shouldForceRequest: true
     });
-  }, [reset]);
+  }, [reset, userInteractions]);
   (0, _react.useEffect)(function () {
     var newVisibleColumnKeys = !initialVisibleColumnKeys || (initialVisibleColumnKeys || []).length === 0 ? defaultVisibleColumnKeys : initialVisibleColumnKeys;
     visibleColumnCount.current = newVisibleColumnKeys.length;
@@ -194,10 +195,10 @@ var PlainConfluenceSearchConfigModal = exports.PlainConfluenceSearchConfigModal
   var handleVisibleColumnKeysChange = (0, _react.useCallback)(function () {
     var newVisibleColumnKeys = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
     var columnAction = (0, _utils.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
@@ -250,9 +251,9 @@ var PlainConfluenceSearchConfigModal = exports.PlainConfluenceSearchConfigModal
       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 = (0, _react.useCallback)(function () {
     fireEvent('ui.link.viewed.count', _objectSpread(_objectSpread({}, analyticsPayload), {}, {
@@ -335,7 +336,7 @@ var PlainConfluenceSearchConfigModal = exports.PlainConfluenceSearchConfigModal
         display: currentViewMode === 'inline' ? _types.DatasourceDisplay.DATASOURCE_INLINE : _types.DatasourceDisplay.DATASOURCE_TABLE,
         searchCount: searchCount.current,
         searchMethod: _types.DatasourceSearchMethod.DATASOURCE_SEARCH_QUERY,
-        actions: Array.from(userInteractionActions.current)
+        actions: userInteractions.get()
       }),
       eventType: 'ui'
     });
@@ -372,14 +373,14 @@ var PlainConfluenceSearchConfigModal = exports.PlainConfluenceSearchConfigModal
         }]
       }, 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(_types.DatasourceAction.DISPLAY_VIEW_CHANGED);
+    userInteractions.add(_types.DatasourceAction.DISPLAY_VIEW_CHANGED);
     setCurrentViewMode(selectedMode);
   };
   var onSearch = (0, _react.useCallback)(function (newSearchString, filters) {
     searchCount.current++;
-    userInteractionActions.current.add(_types.DatasourceAction.QUERY_UPDATED);
+    userInteractions.add(_types.DatasourceAction.QUERY_UPDATED);
     if (filters) {
       var editedOrCreatedBy = filters.editedOrCreatedBy,
         lastModifiedList = filters.lastModified;
@@ -406,16 +407,16 @@ var PlainConfluenceSearchConfigModal = exports.PlainConfluenceSearchConfigModal
     reset({
       shouldForceRequest: true
     });
-  }, [reset]);
+  }, [reset, userInteractions]);
   var isInsertDisabled = !isParametersSet || status === 'rejected' || status === 'unauthorized' || status === 'loading';
   var getCancelButtonAnalyticsPayload = (0, _react.useCallback)(function () {
     return {
       extensionKey: extensionKey,
       destinationObjectTypes: destinationObjectTypes,
       searchCount: searchCount.current,
-      actions: Array.from(userInteractionActions.current)
+      actions: userInteractions.get()
     };
-  }, [destinationObjectTypes, extensionKey]);
+  }, [destinationObjectTypes, extensionKey, userInteractions]);
   return (0, _react2.jsx)(_intlMessagesProvider.IntlMessagesProvider, {
     defaultMessages: _en.default,
     loaderFn: _fetchMessagesForLocale.fetchMessagesForLocale
@@ -448,7 +449,7 @@ var PlainConfluenceSearchConfigModal = exports.PlainConfluenceSearchConfigModal
     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(_colors.N800, ")")
@@ -480,5 +481,5 @@ var contextData = _objectSpread(_objectSpread({}, analyticsContextData), {}, {
   attributes: _objectSpread({}, analyticsContextAttributes)
 });
 var ConfluenceSearchConfigModal = exports.ConfluenceSearchConfigModal = (0, _analyticsNext.withAnalyticsContext)(contextData)(function (props) {
-  return (0, _react2.jsx)(_datasourceExperienceId.DatasourceExperienceIdProvider, null, (0, _react2.jsx)(PlainConfluenceSearchConfigModal, props));
+  return (0, _react2.jsx)(_datasourceExperienceId.DatasourceExperienceIdProvider, null, (0, _react2.jsx)(_userInteractions.UserInteractionsProvider, null, (0, _react2.jsx)(PlainConfluenceSearchConfigModal, props)));
 });

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

@@ -66,9 +66,9 @@ var DatasourceTableViewWithoutAnalytics = function DatasourceTableViewWithoutAna
   var visibleColumnCount = (0, _react.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 = (0, _react.useRef)(true);
   var hasColumns = !!columns.length;
   var isDataReady = hasColumns && responseItems.length > 0 && totalCount && totalCount > 0;

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

@@ -31,7 +31,9 @@ var ConcatenatedMenuList = exports.ConcatenatedMenuList = function ConcatenatedM
     padding: "var(--ds-space-050, 4px)".concat(" ", "var(--ds-space-200, 16px)"),
     height: 'auto'
   };
-  var maximumLimitReachedMessage = (0, _react.jsx)("div", {
+  var maximumLimitReachedMessage =
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+  (0, _react.jsx)("div", {
     css: messageStyles,
     style: optionStyle
   }, (0, _react.jsx)(_reactIntlNext.FormattedMessage, (0, _extends2.default)({

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

@@ -338,6 +338,7 @@ var DraggableTableHeading = exports.DraggableTableHeading = function DraggableTa
     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'
     }, (0, _utils.getWidthCss)({
       shouldUseWidth: resizeIsEnabled,

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

@@ -110,8 +110,11 @@ var _default = exports.default = function _default(_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: _styled.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'
     }
   }, (0, _react.jsx)("table", {
@@ -124,19 +127,22 @@ var _default = exports.default = function _default(_ref4) {
   }, (0, _react.jsx)("tr", null, columnsToRender.map(function (_ref5) {
     var key = _ref5.key,
       width = _ref5.width;
-    return (0, _react.jsx)(_styled.TableHeading, {
-      key: key,
-      style: {
-        width: width,
-        padding: padding
-      }
-    }, (0, _react.jsx)(_linkingCommon.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
+      (0, _react.jsx)(_styled.TableHeading, {
+        key: key,
+        style: {
+          width: width,
+          padding: padding
+        }
+      }, (0, _react.jsx)(_linkingCommon.Skeleton, {
+        appearance: "darkGray",
+        borderRadius: 8,
+        testId: "empty-state-skeleton",
+        height: 12,
+        width: width
+      }))
+    );
   }))), (0, _react.jsx)("tbody", {
     css: tableBodyStyles
   }, rows.map(function (row) {

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

@@ -584,7 +584,9 @@ var IssueLikeDataTableView = exports.IssueLikeDataTableView = function IssueLike
      */
     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,
@@ -593,13 +595,17 @@ var IssueLikeDataTableView = exports.IssueLikeDataTableView = function IssueLike
     setWidth: (0, _debounce.default)(setTableContainerWidth, 100)
   }), (0, _react2.jsx)(_styled2.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'
     } : {}
   }, (0, _react2.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' : ''
   }, (0, _react2.jsx)("tr", {
     ref: tableHeaderRowRef
@@ -652,7 +658,9 @@ var IssueLikeDataTableView = exports.IssueLikeDataTableView = function IssueLike
     } else {
       return (0, _react2.jsx)(_styled2.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: (0, _utils.getWidthCss)({
           shouldUseWidth: shouldUseWidth,
           width: width
@@ -693,7 +701,9 @@ var IssueLikeDataTableView = exports.IssueLikeDataTableView = function IssueLike
       return (0, _react2.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/cjs/ui/issue-like-table/render-type/date-time/index.js

@@ -33,10 +33,10 @@ 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/cjs/ui/issue-like-table/render-type/icon/index.js

@@ -23,7 +23,9 @@ var IconRenderType = function IconRenderType(_ref) {
   return /*#__PURE__*/_react.default.createElement(IconWrapper, null, /*#__PURE__*/_react.default.createElement(_image.default, {
     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/cjs/ui/issue-like-table/render-type/link/index.js

@@ -39,7 +39,9 @@ var LinkRenderType = function LinkRenderType(_ref) {
     return /*#__PURE__*/_react.default.createElement(_hoverCard.HoverCard, {
       url: url
     }, /*#__PURE__*/_react.default.createElement(_linkUrl.default, {
-      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: _styled.fieldTextFontSize
       }),

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

@@ -44,12 +44,12 @@ var TableHeading = exports.TableHeading = _styled.default.th((_styled$th = {}, (
   borderRight: "0.5px solid ".concat("var(--ds-border, ".concat(_colors.N40, ")")),
   borderBottom: "2px solid ".concat("var(--ds-border, ".concat(_colors.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)"
@@ -62,7 +62,7 @@ var TableHeading = exports.TableHeading = _styled.default.th((_styled$th = {}, (
 }), (0, _defineProperty2.default)(_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/cjs/ui/jira-issues-modal/modal/index.js

@@ -28,6 +28,7 @@ var _utils = require("../../../analytics/utils");
 var _adf = require("../../../common/utils/adf");
 var _fetchMessagesForLocale = require("../../../common/utils/locale/fetch-messages-for-locale");
 var _datasourceExperienceId = require("../../../contexts/datasource-experience-id");
+var _userInteractions = require("../../../contexts/user-interactions");
 var _useDatasourceTableState = require("../../../hooks/useDatasourceTableState");
 var _en = _interopRequireDefault(require("../../../i18n/en"));
 var _useAvailableSites2 = require("../../../services/useAvailableSites");
@@ -103,7 +104,7 @@ var PlainJiraIssuesConfigModal = function PlainJiraIssuesConfigModal(props) {
 
   // analytics related parameters
   var searchCount = (0, _react.useRef)(0);
-  var userInteractionActions = (0, _react.useRef)(new Set());
+  var userInteractions = (0, _userInteractions.useUserInteractions)();
   var initialSearchMethod = (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.datasource.show-jlol-basic-filters') && !(0, _isQueryTooComplex.isQueryTooComplex)((initialParameters === null || initialParameters === void 0 ? void 0 : initialParameters.jql) || '') ? 'basic' : 'jql';
   var _useState11 = (0, _react.useState)(initialSearchMethod),
     _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
@@ -244,21 +245,21 @@ var PlainJiraIssuesConfigModal = function PlainJiraIssuesConfigModal(props) {
     basicFilterSelectionsSearchedWith.current = basicFilterSelections;
     isSearchedWithComplexQuery.current = isQueryComplex;
     if (jql !== newParameters.jql) {
-      userInteractionActions.current.add(_types.DatasourceAction.QUERY_UPDATED);
+      userInteractions.add(_types.DatasourceAction.QUERY_UPDATED);
     }
     setJql(newParameters.jql);
     reset({
       shouldForceRequest: true
     });
-  }, [jql, reset]);
+  }, [jql, reset, userInteractions]);
   var onSiteSelection = (0, _react.useCallback)(function (site) {
-    userInteractionActions.current.add(_types.DatasourceAction.INSTANCE_UPDATED);
+    userInteractions.add(_types.DatasourceAction.INSTANCE_UPDATED);
     setJql('');
     setCloudId(site.cloudId);
     reset({
       shouldForceRequest: true
     });
-  }, [reset]);
+  }, [reset, userInteractions]);
   var retrieveUrlForSmartCardRender = (0, _react.useCallback)(function () {
     var _data$key;
     var _responseItems = (0, _slicedToArray2.default)(responseItems, 1),
@@ -288,7 +289,7 @@ var PlainJiraIssuesConfigModal = function PlainJiraIssuesConfigModal(props) {
         display: getDisplayValue(currentViewMode, totalCount || 0),
         searchCount: searchCount.current,
         searchMethod: (0, _utils.mapSearchMethod)(searchMethodSearchedWith.current),
-        actions: Array.from(userInteractionActions.current),
+        actions: userInteractions.get(),
         isQueryComplex: isSearchedWithComplexQuery.current
       }, searchMethodSearchedWith.current === 'basic' ? _objectSpread({}, filterSelectionCount) : {}),
       eventType: 'ui'
@@ -307,7 +308,7 @@ var PlainJiraIssuesConfigModal = function PlainJiraIssuesConfigModal(props) {
         display: getDisplayValue(currentViewMode, totalCount || 0),
         searchCount: searchCount.current,
         searchMethod: (0, _utils.mapSearchMethod)(searchMethodSearchedWith.current),
-        actions: Array.from(userInteractionActions.current)
+        actions: userInteractions.get()
       })
     });
     var consumerEvent = (_insertButtonClickedE = insertButtonClickedEvent.clone()) !== null && _insertButtonClickedE !== void 0 ? _insertButtonClickedE : undefined;
@@ -347,23 +348,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(_types.DatasourceAction.DISPLAY_VIEW_CHANGED);
+    userInteractions.add(_types.DatasourceAction.DISPLAY_VIEW_CHANGED);
     setCurrentViewMode(selectedMode);
   };
   var handleOnNextPage = (0, _react.useCallback)(function () {
     var onNextPageProps = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    userInteractionActions.current.add(_types.DatasourceAction.NEXT_PAGE_SCROLLED);
+    userInteractions.add(_types.DatasourceAction.NEXT_PAGE_SCROLLED);
     onNextPage(onNextPageProps);
-  }, [onNextPage]);
+  }, [onNextPage, userInteractions]);
   var handleVisibleColumnKeysChange = (0, _react.useCallback)(function () {
     var newVisibleColumnKeys = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
     var columnAction = (0, _utils2.getColumnAction)(visibleColumnKeys || [], newVisibleColumnKeys);
-    userInteractionActions.current.add(columnAction);
+    userInteractions.add(columnAction);
     visibleColumnCount.current = newVisibleColumnKeys.length;
     setVisibleColumnKeys(newVisibleColumnKeys);
-  }, [visibleColumnKeys]);
+  }, [visibleColumnKeys, userInteractions]);
   var issueLikeDataTableView = (0, _react.useMemo)(function () {
     return (0, _react2.jsx)(_contentContainer.ContentContainer, {
       withTableBorder: true
@@ -449,9 +450,9 @@ var PlainJiraIssuesConfigModal = function PlainJiraIssuesConfigModal(props) {
   var getCancelButtonAnalyticsPayload = (0, _react.useCallback)(function () {
     return _objectSpread(_objectSpread({}, analyticsPayload), {}, {
       searchCount: searchCount.current,
-      actions: Array.from(userInteractionActions.current)
+      actions: userInteractions.get()
     });
-  }, [analyticsPayload]);
+  }, [analyticsPayload, userInteractions]);
   return (0, _react2.jsx)(_intlMessagesProvider.IntlMessagesProvider, {
     defaultMessages: _en.default,
     loaderFn: _fetchMessagesForLocale.fetchMessagesForLocale
@@ -487,7 +488,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(_colors.N800, ")")
@@ -519,5 +520,5 @@ var contextData = _objectSpread(_objectSpread({}, analyticsContextData), {}, {
   attributes: _objectSpread({}, analyticsContextAttributes)
 });
 var JiraIssuesConfigModal = exports.JiraIssuesConfigModal = (0, _analyticsNext.withAnalyticsContext)(contextData)(function (props) {
-  return (0, _react2.jsx)(_datasourceExperienceId.DatasourceExperienceIdProvider, null, (0, _react2.jsx)(PlainJiraIssuesConfigModal, props));
+  return (0, _react2.jsx)(_datasourceExperienceId.DatasourceExperienceIdProvider, null, (0, _react2.jsx)(_userInteractions.UserInteractionsProvider, null, (0, _react2.jsx)(PlainJiraIssuesConfigModal, props)));
 });

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

@@ -88,6 +88,7 @@ var TableFooter = exports.TableFooter = function TableFooter(_ref) {
     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, ".concat(_colors.N800, ")"),
       textDecoration: !url ? 'none' : ''
     }

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

@@ -40,7 +40,9 @@ var PoweredByJSMAssets = exports.PoweredByJSMAssets = function PoweredByJSMAsset
     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.default.createElement(_logo.JiraServiceManagementIcon, {

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

@@ -0,0 +1,33 @@
+import React, { useContext, useMemo, useRef } from 'react';
+const UserInteractionsContext = /*#__PURE__*/React.createContext(undefined);
+const UserInteractionsProvider = ({
+  children
+}) => {
+  const userInteractionActions = useRef(new Set());
+  const providerValue = useMemo(() => {
+    return {
+      add: action => {
+        userInteractionActions.current.add(action);
+      },
+      get: () => 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.
+ */
+const useUserInteractions = () => {
+  const context = useContext(UserInteractionsContext);
+  if (!context) {
+    throw new Error('useUserInteractions() must be wrapped in <UserInteractionsProvider>');
+  }
+  return context;
+};
+export { UserInteractionsProvider, useUserInteractions };

package/dist/es2019/hooks/useDatasourceTableState.js

@@ -92,9 +92,9 @@ export const useDatasourceTableState = ({
     }
 
     /*Jira adds identifier fields like id and key to all data responses
-    Since defaultProperties already send back the keyField, we are accounting only
-    for the idField when we are using defaultProperties
-    */
+       Since defaultProperties already send back the keyField, we are accounting only
+       for the idField when we are using defaultProperties
+       */
     if (properties.length > fieldKeys.length + idFieldCount + keyFieldCount && properties.length > defaultProperties.length + idFieldCount) {
       setFullSchema(schema);
     }

package/dist/es2019/hooks/useValidateAqlText.js

@@ -51,9 +51,9 @@ export const useValidateAqlText = (workspaceId, initialValue) => {
   }, [workspaceId, fireEvent]);
 
   /* Debounce async validation for input, validation is also called on every field change
-  in a form so we need to also memoize. The async validate function is expected to either:
-  Immediately return a promise (which is then collected into an array, every single time validation is run),
-  or immediately return either undefined or an error message */
+   in a form so we need to also memoize. The async validate function is expected to either:
+   Immediately return a promise (which is then collected into an array, every single time validation is run),
+   or immediately return either undefined or an error message */
   const debouncedValidation = value => new Promise(resolve => {
     if (timeout.current) {
       timeout.current();

package/dist/es2019/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',