@atlaskit/link-datasource 2.3.3 → 2.3.5

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

@@ -11,7 +11,6 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _react = require("react");
 var _react2 = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
-var _uuid = require("uuid");
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
 var _intlMessagesProvider = require("@atlaskit/intl-messages-provider");
@@ -25,6 +24,8 @@ var _constants = require("../../../analytics/constants");
 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");
@@ -58,8 +59,6 @@ var searchCountStyles = (0, _primitives.xcss)({
   fontWeight: 600
 });
 var PlainConfluenceSearchConfigModal = exports.PlainConfluenceSearchConfigModal = function PlainConfluenceSearchConfigModal(props) {
-  var _useRef = (0, _react.useRef)((0, _uuid.v4)()),
-    modalRenderInstanceId = _useRef.current;
   var datasourceId = props.datasourceId,
     initialColumnCustomSizes = props.columnCustomSizes,
     initialWrappedColumnKeys = props.wrappedColumnKeys,
@@ -107,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), {}, {
@@ -170,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([]);
@@ -178,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;
@@ -196,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
@@ -216,14 +215,13 @@ var PlainConfluenceSearchConfigModal = exports.PlainConfluenceSearchConfigModal
       onNextPage: onNextPage,
       onLoadDatasourceDetails: loadDatasourceDetails,
       onVisibleColumnKeysChange: handleVisibleColumnKeysChange,
-      parentContainerRenderInstanceId: modalRenderInstanceId,
       extensionKey: extensionKey,
       columnCustomSizes: columnCustomSizes,
       onColumnResize: onColumnResize,
       wrappedColumnKeys: wrappedColumnKeys,
       onWrappedColumnChange: (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.datasource-word_wrap') ? onWrappedColumnChange : undefined
     }));
-  }, [status, columns, responseItems, hasNextPage, visibleColumnKeys, defaultVisibleColumnKeys, onNextPage, loadDatasourceDetails, handleVisibleColumnKeysChange, modalRenderInstanceId, extensionKey, columnCustomSizes, onColumnResize, wrappedColumnKeys, onWrappedColumnChange]);
+  }, [status, columns, responseItems, hasNextPage, visibleColumnKeys, defaultVisibleColumnKeys, onNextPage, loadDatasourceDetails, handleVisibleColumnKeysChange, extensionKey, columnCustomSizes, onColumnResize, wrappedColumnKeys, onWrappedColumnChange]);
   var resolvedWithNoResults = status === 'resolved' && !responseItems.length;
   var hasConfluenceSearchParams = selectedConfluenceSite && searchString;
   var selectedConfluenceSiteUrl = selectedConfluenceSite === null || selectedConfluenceSite === void 0 ? void 0 : selectedConfluenceSite.url;
@@ -253,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), {}, {
@@ -338,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'
     });
@@ -375,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;
@@ -409,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
@@ -450,7 +448,9 @@ var PlainConfluenceSearchConfigModal = exports.PlainConfluenceSearchConfigModal
   }, (0, _react2.jsx)(_linkUrl.default, {
     href: confluenceSearchUrl,
     target: "_blank",
-    testId: "item-count-url",
+    testId: "item-count-url"
+    // 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,4 +480,6 @@ var analyticsContextData = _objectSpread(_objectSpread({}, _constants.componentM
 var contextData = _objectSpread(_objectSpread({}, analyticsContextData), {}, {
   attributes: _objectSpread({}, analyticsContextAttributes)
 });
-var ConfluenceSearchConfigModal = exports.ConfluenceSearchConfigModal = (0, _analyticsNext.withAnalyticsContext)(contextData)(PlainConfluenceSearchConfigModal);
+var ConfluenceSearchConfigModal = exports.ConfluenceSearchConfigModal = (0, _analyticsNext.withAnalyticsContext)(contextData)(function (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

@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.DatasourceTableView = void 0;
 var _react = require("react");
 var _react2 = require("@emotion/react");
-var _uuid = require("uuid");
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _intlMessagesProvider = require("@atlaskit/intl-messages-provider");
 var _analytics = require("../../analytics");
@@ -16,6 +15,7 @@ var _ufoExperiences = require("../../analytics/ufoExperiences");
 var _useColumnPickerRenderedFailedUfoExperience = require("../../analytics/ufoExperiences/hooks/useColumnPickerRenderedFailedUfoExperience");
 var _useDataRenderedUfoExperience = require("../../analytics/ufoExperiences/hooks/useDataRenderedUfoExperience");
 var _fetchMessagesForLocale = require("../../common/utils/locale/fetch-messages-for-locale");
+var _datasourceExperienceId = require("../../contexts/datasource-experience-id");
 var _useDatasourceTableState = require("../../hooks/useDatasourceTableState");
 var _en = _interopRequireDefault(require("../../i18n/en"));
 var _styled = require("../../ui/issue-like-table/styled");
@@ -62,8 +62,7 @@ var DatasourceTableViewWithoutAnalytics = function DatasourceTableViewWithoutAna
     authDetails = _useDatasourceTableSt.authDetails;
   var _useDatasourceAnalyti = (0, _analytics.useDatasourceAnalyticsEvents)(),
     fireEvent = _useDatasourceAnalyti.fireEvent;
-  var _useRef = (0, _react.useRef)((0, _uuid.v4)()),
-    tableRenderInstanceId = _useRef.current;
+  var experienceId = (0, _datasourceExperienceId.useDatasourceExperienceId)();
   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
@@ -102,13 +101,13 @@ var DatasourceTableViewWithoutAnalytics = function DatasourceTableViewWithoutAna
     if (shouldStartUfoExperience) {
       (0, _ufoExperiences.startUfoExperience)({
         name: 'datasource-rendered'
-      }, tableRenderInstanceId);
+      }, experienceId);
     }
-  }, [datasourceId, parameters, status, tableRenderInstanceId, visibleColumnKeys]);
-  (0, _useColumnPickerRenderedFailedUfoExperience.useColumnPickerRenderedFailedUfoExperience)(status, tableRenderInstanceId);
+  }, [datasourceId, parameters, status, experienceId, visibleColumnKeys]);
+  (0, _useColumnPickerRenderedFailedUfoExperience.useColumnPickerRenderedFailedUfoExperience)(status, experienceId);
   (0, _useDataRenderedUfoExperience.useDataRenderedUfoExperience)({
     status: status,
-    experienceId: tableRenderInstanceId,
+    experienceId: experienceId,
     itemCount: responseItems.length,
     extensionKey: extensionKey
   });
@@ -172,7 +171,6 @@ var DatasourceTableViewWithoutAnalytics = function DatasourceTableViewWithoutAna
     wrappedColumnKeys: wrappedColumnKeys,
     onWrappedColumnChange: onWrappedColumnChange,
     scrollableContainerHeight: _styled.ScrollableContainerHeight,
-    parentContainerRenderInstanceId: tableRenderInstanceId,
     extensionKey: extensionKey
   }) : (0, _react2.jsx)(_emptyState.default, {
     testId: "datasource-table-view-skeleton",
@@ -185,4 +183,6 @@ var DatasourceTableViewWithoutAnalytics = function DatasourceTableViewWithoutAna
     url: url
   })));
 };
-var DatasourceTableView = exports.DatasourceTableView = (0, _analyticsNext.withAnalyticsContext)(_constants.componentMetadata.tableView)(DatasourceTableViewWithoutAnalytics);
+var DatasourceTableView = exports.DatasourceTableView = (0, _analyticsNext.withAnalyticsContext)(_constants.componentMetadata.tableView)(function (props) {
+  return (0, _react2.jsx)(_datasourceExperienceId.DatasourceExperienceIdProvider, null, (0, _react2.jsx)(DatasourceTableViewWithoutAnalytics, props));
+});

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/column-picker/index.js

@@ -18,6 +18,7 @@ var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-
 var _select = require("@atlaskit/select");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _ufoExperiences = require("../../../analytics/ufoExperiences");
+var _datasourceExperienceId = require("../../../contexts/datasource-experience-id");
 var _concatenatedMenuList = require("./concatenated-menu-list");
 var _messages = require("./messages");
 var _excluded = ["isOpen"];
@@ -26,9 +27,9 @@ var ColumnPicker = exports.ColumnPicker = function ColumnPicker(_ref) {
   var columns = _ref.columns,
     selectedColumnKeys = _ref.selectedColumnKeys,
     onSelectedColumnKeysChange = _ref.onSelectedColumnKeysChange,
-    onOpen = _ref.onOpen,
-    parentContainerRenderInstanceId = _ref.parentContainerRenderInstanceId;
+    onOpen = _ref.onOpen;
   var intl = (0, _reactIntlNext.useIntl)();
+  var experienceId = (0, _datasourceExperienceId.useDatasourceExperienceId)();
   var _useState = (0, _react.useState)([]),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     allOptions = _useState2[0],
@@ -107,13 +108,13 @@ var ColumnPicker = exports.ColumnPicker = function ColumnPicker(_ref) {
   }, [allOptions]);
   (0, _react.useEffect)(function () {
     if (allOptions.length) {
-      if (parentContainerRenderInstanceId) {
+      if (experienceId) {
         (0, _ufoExperiences.succeedUfoExperience)({
           name: 'column-picker-rendered'
-        }, parentContainerRenderInstanceId);
+        }, experienceId);
       }
     }
-  }, [allOptions, parentContainerRenderInstanceId]);
+  }, [allOptions, experienceId]);
   return (0, _react2.jsx)(_select.PopupSelect, {
     classNamePrefix: 'column-picker-popup',
     testId: 'column-picker-popup',

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

@@ -29,6 +29,7 @@ var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _widthDetector = require("@atlaskit/width-detector");
 var _ufoExperiences = require("../../analytics/ufoExperiences");
 var _zindex = require("../../common/zindex");
+var _datasourceExperienceId = require("../../contexts/datasource-experience-id");
 var _columnPicker = require("./column-picker");
 var _dragColumnPreview = require("./drag-column-preview");
 var _draggableTableHeading = require("./draggable-table-heading");
@@ -290,12 +291,12 @@ var IssueLikeDataTableView = exports.IssueLikeDataTableView = function IssueLike
     status = _ref5.status,
     hasNextPage = _ref5.hasNextPage,
     scrollableContainerHeight = _ref5.scrollableContainerHeight,
-    parentContainerRenderInstanceId = _ref5.parentContainerRenderInstanceId,
     extensionKey = _ref5.extensionKey;
   var tableId = (0, _react.useMemo)(function () {
     return Symbol('unique-id');
   }, []);
   var intl = (0, _reactIntlNext.useIntl)();
+  var experienceId = (0, _datasourceExperienceId.useDatasourceExperienceId)();
   var tableHeaderRowRef = (0, _react.useRef)(null);
   var _useState = (0, _react.useState)(null),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -332,12 +333,12 @@ var IssueLikeDataTableView = exports.IssueLikeDataTableView = function IssueLike
     }
   }, [columns, visibleColumnKeys, hasFullSchema]);
   (0, _react.useEffect)(function () {
-    if (parentContainerRenderInstanceId && status === 'resolved') {
+    if (experienceId && status === 'resolved') {
       (0, _ufoExperiences.succeedUfoExperience)({
         name: 'datasource-rendered'
-      }, parentContainerRenderInstanceId);
+      }, experienceId);
     }
-  }, [parentContainerRenderInstanceId, status]);
+  }, [experienceId, status]);
   var visibleSortedColumns = (0, _react.useMemo)(function () {
     return visibleColumnKeys.map(function (visibleKey) {
       return orderedColumns.find(function (_ref6) {
@@ -550,13 +551,13 @@ var IssueLikeDataTableView = exports.IssueLikeDataTableView = function IssueLike
           }
           return _context.abrupt("return");
         case 2:
-          if (parentContainerRenderInstanceId) {
+          if (experienceId) {
             (0, _ufoExperiences.startUfoExperience)({
               name: 'column-picker-rendered',
               metadata: {
                 extensionKey: extensionKey !== null && extensionKey !== void 0 ? extensionKey : undefined
               }
-            }, parentContainerRenderInstanceId);
+            }, experienceId);
           }
           _context.prev = 3;
           _context.next = 6;
@@ -574,7 +575,7 @@ var IssueLikeDataTableView = exports.IssueLikeDataTableView = function IssueLike
           return _context.stop();
       }
     }, _callee, null, [[3, 9]]);
-  })), [parentContainerRenderInstanceId, extensionKey, hasFullSchema, onLoadDatasourceDetails]);
+  })), [experienceId, extensionKey, hasFullSchema, onLoadDatasourceDetails]);
   var isEditable = onVisibleColumnKeysChange && hasData;
   return (0, _react2.jsx)("div", {
     /* There is required contentEditable={true} in editor-card-plugin
@@ -583,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,
@@ -592,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
@@ -651,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
@@ -662,8 +671,7 @@ var IssueLikeDataTableView = exports.IssueLikeDataTableView = function IssueLike
     columns: hasFullSchema ? orderedColumns : [],
     selectedColumnKeys: hasFullSchema ? visibleColumnKeys : [],
     onSelectedColumnKeysChange: onSelectedColumnKeysChange,
-    onOpen: handlePickerOpen,
-    parentContainerRenderInstanceId: parentContainerRenderInstanceId
+    onOpen: handlePickerOpen
   })))), (0, _react2.jsx)("tbody", {
     css: noDefaultBorderStyles,
     "data-testid": testId && "".concat(testId, "--body")
@@ -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/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
       }),