@atlaskit/link-datasource 6.12.0 → 6.13.0

package/dist/cjs/ui/issue-like-table/table-settings-menu/TableSettingsMenu.js

@@ -1,4 +1,4 @@
-/* TableSettingsMenu.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* TableSettingsMenu.tsx generated by @compiled/babel-plugin v3.0.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* index.tsx generated by @compiled/babel-plugin v3.0.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/ui/jira-issues-modal/basic-filters/ui/index.js

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* index.tsx generated by @compiled/babel-plugin v3.0.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/ui/jira-issues-modal/jira-search-container/index.js

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* index.tsx generated by @compiled/babel-plugin v3.0.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/ui/jira-issues-modal/jql-editor/index.js

@@ -1,5 +1,6 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -7,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.JiraJQLEditor = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntl = require("react-intl");
-var _jqlEditor = require("@atlaskit/jql-editor");
+var _ui = _interopRequireDefault(require("@atlaskit/jql-editor/ui"));
 var _useAutocompleteProvider = require("@atlaskit/jql-editor-autocomplete-rest/use-autocomplete-provider");
 var _makeGetJqlAutocompleteData = require("../../../services/makeGetJqlAutocompleteData");
 var _makeGetJqlSuggestionsData = require("../../../services/makeGetJqlSuggestionsData");
@@ -35,7 +36,7 @@ var JiraJQLEditor = exports.JiraJQLEditor = function JiraJQLEditor(_ref) {
       onSearch();
     }
   };
-  return /*#__PURE__*/_react.default.createElement(_jqlEditor.JQLEditor, {
+  return /*#__PURE__*/_react.default.createElement(_ui.default, {
     analyticsSource: "link-datasource",
     autocompleteProvider: autocompleteProvider,
     onSearch: searchIfValidJql,

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* index.tsx generated by @compiled/babel-plugin v3.0.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* index.tsx generated by @compiled/babel-plugin v3.0.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* index.tsx generated by @compiled/babel-plugin v3.0.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* index.tsx generated by @compiled/babel-plugin v3.0.1 */
 "use strict";
 
 var _typeof = require("@babel/runtime/helpers/typeof");

package/dist/es2019/common/ui/common/render-svg.js

@@ -1,4 +1,4 @@
-/* render-svg.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* render-svg.tsx generated by @compiled/babel-plugin v3.0.1 */
 import "./render-svg.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* index.tsx generated by @compiled/babel-plugin v3.0.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./index.compiled.css";
 import * as React from 'react';

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* index.tsx generated by @compiled/babel-plugin v3.0.1 */
 import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/ui/assets-modal/modal/render-assets-content/initial-state-view/index.js

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* index.tsx generated by @compiled/babel-plugin v3.0.1 */
 import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* index.tsx generated by @compiled/babel-plugin v3.0.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./index.compiled.css";
 import { forwardRef } from 'react';

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* index.tsx generated by @compiled/babel-plugin v3.0.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./index.compiled.css";
 import { forwardRef } from 'react';

package/dist/es2019/ui/assets-modal/search-container/loading-state.js

@@ -1,4 +1,4 @@
-/* loading-state.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* loading-state.tsx generated by @compiled/babel-plugin v3.0.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./loading-state.compiled.css";
 import { forwardRef } from 'react';

package/dist/es2019/ui/assets-modal/search-container/object-schema-select/index.js

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* index.tsx generated by @compiled/babel-plugin v3.0.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./index.compiled.css";
 import { forwardRef } from 'react';

package/dist/es2019/ui/assets-modal/search-container/styled.js

@@ -1,4 +1,4 @@
-/* styled.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* styled.tsx generated by @compiled/babel-plugin v3.0.1 */
 import "./styled.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/ui/common/error-state/access-required.js

@@ -1,4 +1,4 @@
-/* access-required.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* access-required.tsx generated by @compiled/babel-plugin v3.0.1 */
 import "./access-required.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/ui/common/error-state/loading-error.js

@@ -1,4 +1,4 @@
-/* loading-error.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* loading-error.tsx generated by @compiled/babel-plugin v3.0.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./loading-error.compiled.css";
 import * as React from 'react';

package/dist/es2019/ui/common/error-state/modal-loading-error.js

@@ -1,4 +1,4 @@
-/* modal-loading-error.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* modal-loading-error.tsx generated by @compiled/babel-plugin v3.0.1 */
 import "./modal-loading-error.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/ui/common/error-state/no-instances.js

@@ -1,4 +1,4 @@
-/* no-instances.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* no-instances.tsx generated by @compiled/babel-plugin v3.0.1 */
 import "./no-instances.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/ui/common/error-state/no-results.js

@@ -1,4 +1,4 @@
-/* no-results.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* no-results.tsx generated by @compiled/babel-plugin v3.0.1 */
 import "./no-results.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/ui/common/error-state/provider-auth-required-svg.js

@@ -1,4 +1,4 @@
-/* provider-auth-required-svg.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* provider-auth-required-svg.tsx generated by @compiled/babel-plugin v3.0.1 */
 import "./provider-auth-required-svg.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/ui/common/error-state/provider-auth-required.js

@@ -1,4 +1,4 @@
-/* provider-auth-required.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* provider-auth-required.tsx generated by @compiled/babel-plugin v3.0.1 */
 import "./provider-auth-required.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useEffect } from 'react';

package/dist/es2019/ui/common/initial-state-view/index.js

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* index.tsx generated by @compiled/babel-plugin v3.0.1 */
 import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/ui/common/modal/basic-search-input/index.js

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* index.tsx generated by @compiled/babel-plugin v3.0.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./index.compiled.css";
 import * as React from 'react';

package/dist/es2019/ui/common/modal/content-container/index.js

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* index.tsx generated by @compiled/babel-plugin v3.0.1 */
 import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';

package/dist/es2019/ui/common/modal/count-view-smart-link/smart-card-placeholder.js

@@ -1,4 +1,4 @@
-/* smart-card-placeholder.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* smart-card-placeholder.tsx generated by @compiled/babel-plugin v3.0.1 */
 import "./smart-card-placeholder.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';

package/dist/es2019/ui/common/modal/count-view-smart-link/smart-link.js

@@ -1,4 +1,4 @@
-/* smart-link.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* smart-link.tsx generated by @compiled/babel-plugin v3.0.1 */
 import "./smart-link.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';

package/dist/es2019/ui/common/modal/display-view-dropdown/display-view-drop-down.js

@@ -1,4 +1,4 @@
-/* display-view-drop-down.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* display-view-drop-down.tsx generated by @compiled/babel-plugin v3.0.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./display-view-drop-down.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/ui/common/modal/mode-switcher/DatasourceViewModeDropDown.js

@@ -1,4 +1,4 @@
-/* DatasourceViewModeDropDown.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* DatasourceViewModeDropDown.tsx generated by @compiled/babel-plugin v3.0.1 */
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { DatasourceAction } from '../../../../analytics/types';

package/dist/es2019/ui/common/modal/mode-switcher/ModeSwitcher.js

@@ -1,4 +1,4 @@
-/* ModeSwitcher.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* ModeSwitcher.tsx generated by @compiled/babel-plugin v3.0.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./ModeSwitcher.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/ui/common/modal/popup-select/CustomControl.js

@@ -1,4 +1,4 @@
-/* CustomControl.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* CustomControl.tsx generated by @compiled/babel-plugin v3.0.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./CustomControl.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/ui/common/modal/popup-select/custom-checkbox-option.js

@@ -1,4 +1,4 @@
-/* custom-checkbox-option.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* custom-checkbox-option.tsx generated by @compiled/babel-plugin v3.0.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./custom-checkbox-option.compiled.css";
 import * as React from 'react';

package/dist/es2019/ui/common/modal/popup-select/dropdownIndicator.js

@@ -1,4 +1,4 @@
-/* dropdownIndicator.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* dropdownIndicator.tsx generated by @compiled/babel-plugin v3.0.1 */
 import "./dropdownIndicator.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';

package/dist/es2019/ui/common/modal/popup-select/footer.js

@@ -1,4 +1,4 @@
-/* footer.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* footer.tsx generated by @compiled/babel-plugin v3.0.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./footer.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/ui/common/modal/popup-select/formatOptionLabel.js

@@ -1,4 +1,4 @@
-/* formatOptionLabel.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* formatOptionLabel.tsx generated by @compiled/babel-plugin v3.0.1 */
 import "./formatOptionLabel.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';

package/dist/es2019/ui/common/modal/popup-select/menu-list/index.js

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* index.tsx generated by @compiled/babel-plugin v3.0.1 */
 import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';

package/dist/es2019/ui/common/modal/popup-select/menu-list/selectMessage.js

@@ -1,4 +1,4 @@
-/* selectMessage.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* selectMessage.tsx generated by @compiled/babel-plugin v3.0.1 */
 import "./selectMessage.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';

package/dist/es2019/ui/common/modal/popup-select/trigger.js

@@ -1,4 +1,4 @@
-/* trigger.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* trigger.tsx generated by @compiled/babel-plugin v3.0.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./trigger.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/ui/common/modal/search-count/ItemCountWrapper.js

@@ -1,4 +1,4 @@
-/* ItemCountWrapper.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* ItemCountWrapper.tsx generated by @compiled/babel-plugin v3.0.1 */
 import "./ItemCountWrapper.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';

package/dist/es2019/ui/common/modal/site-selector/index.js

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* index.tsx generated by @compiled/babel-plugin v3.0.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./index.compiled.css";
 import * as React from 'react';

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

@@ -1,4 +1,4 @@
-/* PopupComponent.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* PopupComponent.tsx generated by @compiled/babel-plugin v3.0.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./PopupComponent.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* index.tsx generated by @compiled/babel-plugin v3.0.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./index.compiled.css";
 import { forwardRef } from 'react';

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

@@ -1,4 +1,4 @@
-/* styled.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* styled.tsx generated by @compiled/babel-plugin v3.0.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./styled.compiled.css";
 import * as React from 'react';

package/dist/es2019/ui/confluence-search-modal/basic-filters/hooks/useRecommendation.js

@@ -1,6 +1,6 @@
 import { useCallback, useRef, useState } from 'react';
 import { useIntl } from 'react-intl';
-import { getUserRecommendations } from '@atlaskit/smart-user-picker';
+import getUserRecommendations from '@atlaskit/smart-user-picker/recommendation-client';
 const useRecommendation = () => {
   const intl = useIntl();
   const [filterOptions, setFilterOptions] = useState([]);

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* index.tsx generated by @compiled/babel-plugin v3.0.1 */
 import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* index.tsx generated by @compiled/babel-plugin v3.0.1 */
 import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useCallback, useEffect, useRef, useState } from 'react';

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

@@ -1,4 +1,4 @@
-/* PlainConfluenceSearchConfigModal.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* PlainConfluenceSearchConfigModal.tsx generated by @compiled/babel-plugin v3.0.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./PlainConfluenceSearchConfigModal.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/ui/datasource-table-view/DatasourceTableViewWithWrappers.js

@@ -1,8 +1,22 @@
-import React, { lazy, Suspense } from 'react';
+import React, { lazy, memo, Suspense } from 'react';
+import isEqual from 'lodash/isEqual';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 const LazyDatasourceTableView = /*#__PURE__*/lazy(() => import( /* webpackChunkName: "@atlaskit-internal_linkdatasource-tableview" */'./datasourceTableView').then(module => ({
   default: module.DatasourceTableView
 })));
+
+// Equivalent renderer props must not update a Suspense boundary that is still hydrating.
+const StableDatasourceTableView = /*#__PURE__*/memo(function StableDatasourceTableView(props) {
+  return /*#__PURE__*/React.createElement(Suspense, {
+    fallback: /*#__PURE__*/React.createElement("div", {
+      "data-testid": 'datasource-table-view-suspense'
+    })
+  }, /*#__PURE__*/React.createElement(LazyDatasourceTableView, props));
+}, isEqual);
 export const DatasourceTableViewWithWrappers = props => {
+  if (isExperimentEnabled('platform_datasource_hydration_stability')) {
+    return /*#__PURE__*/React.createElement(StableDatasourceTableView, props);
+  }
   return /*#__PURE__*/React.createElement(Suspense, {
     fallback: /*#__PURE__*/React.createElement("div", {
       "data-testid": 'datasource-table-view-suspense'

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

@@ -1,4 +1,4 @@
-/* datasourceTableView.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* datasourceTableView.tsx generated by @compiled/babel-plugin v3.0.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./datasourceTableView.compiled.css";
 import * as React from 'react';

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

@@ -1,4 +1,4 @@
-/* concatenated-menu-list.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* concatenated-menu-list.tsx generated by @compiled/babel-plugin v3.0.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./concatenated-menu-list.compiled.css";
 import * as React from 'react';

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* index.tsx generated by @compiled/babel-plugin v3.0.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";

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

@@ -1,4 +1,4 @@
-/* menu-item.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* menu-item.tsx generated by @compiled/babel-plugin v3.0.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./menu-item.compiled.css";
 import * as React from 'react';

package/dist/es2019/ui/issue-like-table/drag-column-preview.js

@@ -1,4 +1,4 @@
-/* drag-column-preview.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* drag-column-preview.tsx generated by @compiled/babel-plugin v3.0.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./drag-column-preview.compiled.css";
 import { forwardRef } from 'react';

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

@@ -1,4 +1,4 @@
-/* draggable-table-heading.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* draggable-table-heading.tsx generated by @compiled/babel-plugin v3.0.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./draggable-table-heading.compiled.css";
 import { forwardRef } from 'react';

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* index.tsx generated by @compiled/babel-plugin v3.0.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./index.compiled.css";
 import { forwardRef } from 'react';

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

@@ -1,4 +1,4 @@
-/* type.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* type.tsx generated by @compiled/babel-plugin v3.0.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./type.compiled.css";
 import { forwardRef } from 'react';

package/dist/es2019/ui/issue-like-table/issue-like-data-table-view.js

@@ -1,4 +1,4 @@
-/* issue-like-data-table-view.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* issue-like-data-table-view.tsx generated by @compiled/babel-plugin v3.0.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./issue-like-data-table-view.compiled.css";
 import { forwardRef } from 'react';

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

@@ -16,7 +16,25 @@ const linkStyles = {
   default: {}
 };
 export const LINK_TYPE_TEST_ID = 'link-datasource-render-type--link';
-const LinkRenderType = ({
+const SmartCard = ({
+  url,
+  crossProductUrl,
+  testId,
+  fallbackComponent
+}) => {
+  const handleClick = event => {
+    event.preventDefault();
+    window.open(crossProductUrl, '_blank', 'noopener, noreferrer');
+  };
+  return /*#__PURE__*/React.createElement(Card, {
+    appearance: "inline",
+    onClick: handleClick,
+    url: url,
+    testId: testId,
+    fallbackComponent: () => fallbackComponent
+  });
+};
+const LinkRenderTypeWithXpcWrappingUrl = ({
   style,
   url,
   text,
@@ -29,11 +47,10 @@ const LinkRenderType = ({
     return (style === null || style === void 0 ? void 0 : style.appearance) && linkStyles[style.appearance] || {};
   }, [style]);
   const destinationUrl = useSmartLinkDestinationUrl(url);
-  const crossProductUrlGated = fg('electric_issue_like_table_xpc_url_wrapping') ? destinationUrl : url;
   const anchor = useMemo(() => /*#__PURE__*/React.createElement(HoverCard, {
     url: url
   }, /*#__PURE__*/React.createElement(LinkUrl, {
-    href: crossProductUrlGated
+    href: destinationUrl
     // NOTE: This will no longer apply styles to `@atlaskit/link`.
     // Wrap `@atlaskit/link` in a Text component to provide font styles to Link
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
@@ -41,11 +58,47 @@ const LinkRenderType = ({
     style: linkStyle,
     "data-testid": testId,
     target: "_blank"
-  }, text || url, /*#__PURE__*/React.createElement(VisuallyHidden, null, ` ${formatMessage(messages.opensInNewTab)}`))), [linkStyle, url, text, testId, formatMessage, crossProductUrlGated]);
+  }, text || url, /*#__PURE__*/React.createElement(VisuallyHidden, null, ` ${formatMessage(messages.opensInNewTab)}`))), [linkStyle, url, text, testId, formatMessage, destinationUrl]);
+
+  // url can be undefined before data is fetched whilst adding new link column to display
+  if (!url) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(React.Fragment, null, text ? anchor : /*#__PURE__*/React.createElement(SmartCard, {
+    url: url,
+    crossProductUrl: destinationUrl,
+    testId: testId,
+    fallbackComponent: anchor
+  }), /*#__PURE__*/React.createElement("br", null));
+};
+const LinkRenderType = ({
+  style,
+  url,
+  text,
+  testId = LINK_TYPE_TEST_ID
+}) => {
+  const {
+    formatMessage
+  } = useIntl();
+  const linkStyle = useMemo(() => {
+    return (style === null || style === void 0 ? void 0 : style.appearance) && linkStyles[style.appearance] || {};
+  }, [style]);
+  const anchor = useMemo(() => /*#__PURE__*/React.createElement(HoverCard, {
+    url: url
+  }, /*#__PURE__*/React.createElement(LinkUrl, {
+    href: url
+    // NOTE: This will no longer apply styles to `@atlaskit/link`.
+    // Wrap `@atlaskit/link` in a Text component to provide font styles to Link
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    ,
+    style: linkStyle,
+    "data-testid": testId,
+    target: "_blank"
+  }, text || url, /*#__PURE__*/React.createElement(VisuallyHidden, null, ` ${formatMessage(messages.opensInNewTab)}`))), [linkStyle, url, text, testId, formatMessage]);
   const SmartCard = () => {
     const handleClick = e => {
       e.preventDefault();
-      window.open(crossProductUrlGated, '_blank', 'noopener, noreferrer');
+      window.open(url, '_blank', 'noopener, noreferrer');
     };
     return /*#__PURE__*/React.createElement(Card, {
       appearance: "inline",
@@ -62,5 +115,11 @@ const LinkRenderType = ({
   }
   return /*#__PURE__*/React.createElement(React.Fragment, null, text ? anchor : /*#__PURE__*/React.createElement(SmartCard, null), /*#__PURE__*/React.createElement("br", null));
 };
-const _default_1 = /*#__PURE__*/React.memo(LinkRenderType);
+const LinkRenderTypeGated = props => {
+  if (fg('electric_issue_like_table_xpc_url_wrapping')) {
+    return /*#__PURE__*/React.createElement(LinkRenderTypeWithXpcWrappingUrl, props);
+  }
+  return /*#__PURE__*/React.createElement(LinkRenderType, props);
+};
+const _default_1 = /*#__PURE__*/React.memo(LinkRenderTypeGated);
 export default _default_1;

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* index.tsx generated by @compiled/babel-plugin v3.0.1 */
 import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* index.tsx generated by @compiled/babel-plugin v3.0.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./index.compiled.css";
 import { forwardRef } from 'react';

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* index.tsx generated by @compiled/babel-plugin v3.0.1 */
 import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';