@atlaskit/link-datasource 6.7.0 → 6.9.0

package/dist/cjs/ui/common/modal/search-count/index.js

@@ -1,80 +1,31 @@
-/* index.tsx generated by @compiled/babel-plugin v2.0.0 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.AssetsItemCount = void 0;
-require("./index.compiled.css");
-var _runtime = require("@compiled/react/runtime");
+exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _reactIntl = require("react-intl");
 var _fg = require("@atlaskit/platform-feature-flags/fg");
-var _compiled = require("@atlaskit/primitives/compiled");
-var _linkUrl = _interopRequireDefault(require("@atlaskit/smart-card/link-url"));
-var _messages = require("../../../table-footer/messages");
-var _messages2 = require("./messages");
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var styles = {
-  searchCountStyles: "_16jlkb7n _1o9zkb7n _i0dlf1ug"
-};
-var ItemCountWrapper = function ItemCountWrapper(_ref) {
+var _ItemCountWrapper = require("./ItemCountWrapper");
+var _messages = require("./messages");
+var TableSearchCount = function TableSearchCount(_ref) {
   var url = _ref.url,
+    searchCount = _ref.searchCount,
     additionalStyles = _ref.styles,
-    children = _ref.children,
-    testId = _ref.testId;
-  return /*#__PURE__*/_react.default.createElement(_compiled.Flex, {
-    testId: testId,
-    xcss: styles.searchCountStyles,
-    alignItems: "center"
-  }, /*#__PURE__*/_react.default.createElement(_linkUrl.default, {
-    href: url,
-    target: "_blank",
-    testId: "item-count-url",
-    style: _objectSpread({
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-      color: "var(--ds-text-subtlest, #6B6E76)",
-      textDecoration: !url ? 'none' : ''
-    }, additionalStyles)
-  }, children));
-};
-var AssetsItemCount = exports.AssetsItemCount = function AssetsItemCount(_ref2) {
-  var searchCount = _ref2.searchCount,
-    url = _ref2.url,
-    testId = _ref2.testId;
-  var capCount = searchCount >= 1000;
-  var displayCount = capCount ? 1000 : searchCount;
-  var countModifier = capCount ? '+' : '';
-  return /*#__PURE__*/_react.default.createElement(ItemCountWrapper, {
-    testId: testId,
-    url: url
-  }, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedNumber, {
-    value: displayCount
-  }), countModifier, ' ', /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, (0, _extends2.default)({}, _messages.footerMessages.itemText, {
-    values: {
-      itemCount: searchCount
-    }
-  })));
-};
-var TableSearchCount = function TableSearchCount(_ref3) {
-  var url = _ref3.url,
-    searchCount = _ref3.searchCount,
-    additionalStyles = _ref3.styles,
-    _ref3$testId = _ref3.testId,
-    testId = _ref3$testId === void 0 ? 'datasource-table-total-results-count' : _ref3$testId,
-    _ref3$prefixTextType = _ref3.prefixTextType,
-    prefixTextType = _ref3$prefixTextType === void 0 ? 'issue' : _ref3$prefixTextType;
+    _ref$testId = _ref.testId,
+    testId = _ref$testId === void 0 ? 'datasource-table-total-results-count' : _ref$testId,
+    _ref$prefixTextType = _ref.prefixTextType,
+    prefixTextType = _ref$prefixTextType === void 0 ? 'issue' : _ref$prefixTextType;
   var isIssue = prefixTextType === 'issue';
   var messageKey = isIssue && (0, _fg.fg)('confluence-issue-terminology-refresh') ? 'issueCountTextIssueTermRefresh' : "".concat(prefixTextType, "CountText");
-  return /*#__PURE__*/_react.default.createElement(ItemCountWrapper, {
+  return /*#__PURE__*/_react.default.createElement(_ItemCountWrapper.ItemCountWrapper, {
     testId: testId,
     url: url,
     styles: additionalStyles
-  }, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, (0, _extends2.default)({}, _messages2.searchCountMessages[messageKey], {
+  }, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, (0, _extends2.default)({}, _messages.searchCountMessages[messageKey], {
     values: {
       searchCount: searchCount
     }

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

@@ -0,0 +1,26 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ConfluenceSearchConfigModalWithWrappers = void 0;
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+var _react = _interopRequireWildcard(require("react"));
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != (0, _typeof2.default)(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+var LazyConfluenceSearchConfigModal = /*#__PURE__*/(0, _react.lazy)(function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_linkdatasource-confluencesearchmodal" */'./modal/ConfluenceSearchConfigModal'));
+  }).then(function (module) {
+    return {
+      default: module.ConfluenceSearchConfigModal
+    };
+  });
+});
+var ConfluenceSearchConfigModalWithWrappers = exports.ConfluenceSearchConfigModalWithWrappers = function ConfluenceSearchConfigModalWithWrappers(props) {
+  return /*#__PURE__*/_react.default.createElement(_react.Suspense, {
+    fallback: /*#__PURE__*/_react.default.createElement("div", {
+      "data-testid": 'confluence-search-datasource-table-suspense'
+    })
+  }, /*#__PURE__*/_react.default.createElement(LazyConfluenceSearchConfigModal, props));
+};

package/dist/cjs/ui/confluence-search-modal/basic-filters/filters/date-range-picker/getCurrentOptionLabel.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getCurrentOptionLabel = void 0;
+var _getFormattedDate = require("../../../../issue-like-table/render-type/date-time/getFormattedDate");
+var _getDropdownLabel = require("./getDropdownLabel");
+var _messages = require("./messages");
+var getCurrentOptionLabel = exports.getCurrentOptionLabel = function getCurrentOptionLabel(formatDate, formatMessage, value, to, from) {
+  var selectedOption = value;
+  if (selectedOption === 'custom') {
+    var hasFromDate = !!from;
+    var hasToDate = !!to;
+    var formattedFromDate = (0, _getFormattedDate.getFormattedDate)(from || '', 'date', formatDate);
+    var formattedToDate = (0, _getFormattedDate.getFormattedDate)(to || '', 'date', formatDate);
+    if (hasFromDate && !hasToDate) {
+      return formatMessage(_messages.dateRangeMessages.dateRangeAfterLabel, {
+        date: formattedFromDate
+      });
+    }
+    if (!hasFromDate && hasToDate) {
+      return formatMessage(_messages.dateRangeMessages.dateRangeBeforeLabel, {
+        date: formattedToDate
+      });
+    }
+    if (hasFromDate && hasToDate) {
+      return "".concat(formattedFromDate, " - ").concat(formattedToDate);
+    }
+  }
+  return (0, _getDropdownLabel.getDropdownLabel)(selectedOption, formatMessage);
+};

package/dist/cjs/ui/confluence-search-modal/basic-filters/filters/date-range-picker/getDropdownLabel.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getDropdownLabel = void 0;
+var _messages = require("./messages");
+var getDropdownLabel = exports.getDropdownLabel = function getDropdownLabel() {
+  var option = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'anyTime';
+  var formatMessage = arguments.length > 1 ? arguments[1] : undefined;
+  var mapping = {
+    anyTime: 'dateRangeAnyTime',
+    today: 'dateRangeToday',
+    yesterday: 'dateRangeYesterday',
+    past7Days: 'dateRangeLastWeek',
+    past30Days: 'dateRangeLastMonth',
+    pastYear: 'dateRangeLastYear',
+    custom: 'dateRangeCustom'
+  };
+  return formatMessage(_messages.dateRangeMessages[mapping[option]]);
+};

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

@@ -20,11 +20,13 @@ var _statusError = _interopRequireDefault(require("@atlaskit/icon/core/status-er
 var _popup = require("@atlaskit/popup/popup");
 var _constants = require("@atlaskit/theme/constants");
 var _analytics = require("../../../../../analytics");
-var _messages = require("./messages");
 var _PopupComponent = require("./PopupComponent");
+var _getCurrentOptionLabel = require("./getCurrentOptionLabel");
+var _getDropdownLabel = require("./getDropdownLabel");
+var _messages = require("./messages");
 var _styled = require("./styled");
 var _trigger = require("./trigger");
-var _utils = require("./utils");
+var _useInvalidDateRange = require("./useInvalidDateRange");
 var _excluded = ["as", "style"],
   _excluded2 = ["as", "style"],
   _excluded3 = ["as", "style"],
@@ -153,7 +155,7 @@ var DateRangePicker = exports.DateRangePicker = function DateRangePicker(_ref6)
       selectionCount: (currentOption !== null && currentOption !== void 0 ? currentOption : defaultOptionValue) === defaultOptionValue ? 0 : 1
     };
   }, [filterName, currentOption]);
-  var invalidDateRange = (0, _utils.useInvalidDateRange)(customFromDate, customToDate);
+  var invalidDateRange = (0, _useInvalidDateRange.useInvalidDateRange)(customFromDate, customToDate);
   var handleClickUpdateDateRange = function handleClickUpdateDateRange() {
     onSelectionChange({
       value: 'custom',
@@ -200,7 +202,7 @@ var DateRangePicker = exports.DateRangePicker = function DateRangePicker(_ref6)
         onClick: function onClick() {
           return handleClickFilterOption(option);
         }
-      }, (0, _utils.getDropdownLabel)(option, formatMessage));
+      }, (0, _getDropdownLabel.getDropdownLabel)(option, formatMessage));
     }), isPickerOpen && isCustomSelected && /*#__PURE__*/_react.default.createElement(CustomDateWrapper, null, /*#__PURE__*/_react.default.createElement(DatePickersWrapper, null, /*#__PURE__*/_react.default.createElement(_datetimePicker.DatePicker, {
       shouldShowCalendarButton: true,
       maxDate: todayDate,
@@ -267,7 +269,7 @@ var DateRangePicker = exports.DateRangePicker = function DateRangePicker(_ref6)
     content: popupContent,
     placement: "bottom-start",
     trigger: function trigger(triggerProps) {
-      var labelText = (0, _utils.getCurrentOptionLabel)(formatDate, formatMessage, selectedValue, toDate, fromDate);
+      var labelText = (0, _getCurrentOptionLabel.getCurrentOptionLabel)(formatDate, formatMessage, selectedValue, toDate, fromDate);
       var isSelected = !!selectedValue || !!isPickerOpen;
       return /*#__PURE__*/_react.default.createElement(_trigger.PopupTrigger, {
         triggerProps: triggerProps,

package/dist/cjs/ui/confluence-search-modal/basic-filters/filters/date-range-picker/{utils.js → useInvalidDateRange.js}

@@ -4,49 +4,11 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useInvalidDateRange = exports.getDropdownLabel = exports.getCurrentOptionLabel = void 0;
+exports.useInvalidDateRange = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntl = require("react-intl");
-var _dateTime = require("../../../../../ui/issue-like-table/render-type/date-time");
 var _messages = require("./messages");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-var getDropdownLabel = exports.getDropdownLabel = function getDropdownLabel() {
-  var option = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'anyTime';
-  var formatMessage = arguments.length > 1 ? arguments[1] : undefined;
-  var mapping = {
-    anyTime: 'dateRangeAnyTime',
-    today: 'dateRangeToday',
-    yesterday: 'dateRangeYesterday',
-    past7Days: 'dateRangeLastWeek',
-    past30Days: 'dateRangeLastMonth',
-    pastYear: 'dateRangeLastYear',
-    custom: 'dateRangeCustom'
-  };
-  return formatMessage(_messages.dateRangeMessages[mapping[option]]);
-};
-var getCurrentOptionLabel = exports.getCurrentOptionLabel = function getCurrentOptionLabel(formatDate, formatMessage, value, to, from) {
-  var selectedOption = value;
-  if (selectedOption === 'custom') {
-    var hasFromDate = !!from;
-    var hasToDate = !!to;
-    var formattedFromDate = (0, _dateTime.getFormattedDate)(from || '', 'date', formatDate);
-    var formattedToDate = (0, _dateTime.getFormattedDate)(to || '', 'date', formatDate);
-    if (hasFromDate && !hasToDate) {
-      return formatMessage(_messages.dateRangeMessages.dateRangeAfterLabel, {
-        date: formattedFromDate
-      });
-    }
-    if (!hasFromDate && hasToDate) {
-      return formatMessage(_messages.dateRangeMessages.dateRangeBeforeLabel, {
-        date: formattedToDate
-      });
-    }
-    if (hasFromDate && hasToDate) {
-      return "".concat(formattedFromDate, " - ").concat(formattedToDate);
-    }
-  }
-  return getDropdownLabel(selectedOption, formatMessage);
-};
 var useInvalidDateRange = exports.useInvalidDateRange = function useInvalidDateRange(from, to) {
   return (0, _react.useMemo)(function () {
     if (!from && !to) {

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

@@ -1,28 +1,30 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.CONFLUENCE_SEARCH_DATASOURCE_ID = void 0;
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-var _react = _interopRequireWildcard(require("react"));
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != (0, _typeof2.default)(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-var CONFLUENCE_SEARCH_DATASOURCE_ID = exports.CONFLUENCE_SEARCH_DATASOURCE_ID = '768fc736-3af4-4a8f-b27e-203602bff8ca';
-var LazyConfluenceSearchConfigModal = /*#__PURE__*/(0, _react.lazy)(function () {
-  return Promise.resolve().then(function () {
-    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_linkdatasource-confluencesearchmodal" */'./modal'));
-  }).then(function (module) {
-    return {
-      default: module.ConfluenceSearchConfigModal
-    };
-  });
+exports.CONFLUENCE_SEARCH_DATASOURCE_ID = void 0;
+Object.defineProperty(exports, "ConfluenceSearchConfigModal", {
+  enumerable: true,
+  get: function get() {
+    return _ConfluenceSearchConfigModalWithWrappers.ConfluenceSearchConfigModalWithWrappers;
+  }
+});
+Object.defineProperty(exports, "ConfluenceSearchConfigModalWithWrappers", {
+  enumerable: true,
+  get: function get() {
+    return _ConfluenceSearchConfigModalWithWrappers.ConfluenceSearchConfigModalWithWrappers;
+  }
 });
-var ConfluenceSearchConfigModalWithWrappers = function ConfluenceSearchConfigModalWithWrappers(props) {
-  return /*#__PURE__*/_react.default.createElement(_react.Suspense, {
-    fallback: /*#__PURE__*/_react.default.createElement("div", {
-      "data-testid": 'confluence-search-datasource-table-suspense'
-    })
-  }, /*#__PURE__*/_react.default.createElement(LazyConfluenceSearchConfigModal, props));
-};
-var _default = exports.default = ConfluenceSearchConfigModalWithWrappers;
+exports.default = void 0;
+var _ConfluenceSearchConfigModalWithWrappers = require("./ConfluenceSearchConfigModalWithWrappers");
+/* eslint-disable @repo/internal/deprecations/deprecation-ticket-required -- VOLTC-139 tracks removal of these deprecated re-export shims. */
+
+var CONFLUENCE_SEARCH_DATASOURCE_ID = exports.CONFLUENCE_SEARCH_DATASOURCE_ID = '768fc736-3af4-4a8f-b27e-203602bff8ca';
+var _default = exports.default = _ConfluenceSearchConfigModalWithWrappers.ConfluenceSearchConfigModalWithWrappers;
+/**
+ * @deprecated Use `import { ConfluenceSearchConfigModalWithWrappers } from '@atlaskit/link-datasource/confluence-search-config-modal-with-wrappers'` instead.
+ */
+/**
+ * @deprecated Use `import { ConfluenceSearchConfigModalWithWrappers } from '@atlaskit/link-datasource/confluence-search-config-modal-with-wrappers'` instead.
+ */

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

@@ -0,0 +1,35 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ConfluenceSearchConfigModal = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _state = require("../../../state");
+var _createDatasourceModal = require("../../common/modal/datasource-modal/createDatasourceModal");
+var _PlainConfluenceSearchConfigModal = require("./PlainConfluenceSearchConfigModal");
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var isValidParameters = function isValidParameters(parameters) {
+  return !!(parameters && parameters.cloudId && Object.values(parameters).filter(function (v) {
+    return v !== undefined;
+  }).length > 1);
+};
+var ConnectedConfluenceSearchConfigModal = (0, _createDatasourceModal.createDatasourceModal)({
+  isValidParameters: isValidParameters,
+  dataProvider: 'confluence-search',
+  component: _PlainConfluenceSearchConfigModal.PlainConfluenceSearchConfigModal
+});
+var ConfluenceSearchConfigModal = exports.ConfluenceSearchConfigModal = function ConfluenceSearchConfigModal(props) {
+  return /*#__PURE__*/_react.default.createElement(_state.StoreContainer, null, /*#__PURE__*/_react.default.createElement(ConnectedConfluenceSearchConfigModal, (0, _extends2.default)({}, props, {
+    /**
+     * If the intial parameters are not valid, we will not initialise the modal state
+     * with `overrideParameters`. This is to allow the modal to be opened without
+     * any initial parameters and require the user to perform a search.
+     */
+    parameters: props.overrideParameters && isValidParameters(props.parameters) ? _objectSpread(_objectSpread({}, props.parameters), props.overrideParameters) : props.parameters
+  })));
+};

package/dist/cjs/ui/confluence-search-modal/modal/{index.js → PlainConfluenceSearchConfigModal.js}

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* PlainConfluenceSearchConfigModal.tsx generated by @compiled/babel-plugin v2.0.0 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -6,8 +6,8 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.PlainConfluenceSearchConfigModal = exports.ConfluenceSearchConfigModal = void 0;
-require("./index.compiled.css");
+exports.PlainConfluenceSearchConfigModal = void 0;
+require("./PlainConfluenceSearchConfigModal.compiled.css");
 var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
@@ -27,10 +27,9 @@ var _analytics = require("../../../analytics");
 var _types = require("../../../analytics/types");
 var _search = require("../../../common/ui/rich-icon/search");
 var _fetchMessagesForLocale = require("../../../common/utils/locale/fetch-messages-for-locale");
-var _userInteractions = require("../../../contexts/user-interactions");
+var _useUserInteractions = require("../../../contexts/user-interactions/use-user-interactions");
 var _en = _interopRequireDefault(require("../../../i18n/en"));
 var _useAvailableSites2 = require("../../../services/useAvailableSites");
-var _state = require("../../../state");
 var _accessRequired = require("../../common/error-state/access-required");
 var _modalLoadingError = require("../../common/error-state/modal-loading-error");
 var _noInstances = require("../../common/error-state/no-instances");
@@ -38,13 +37,13 @@ var _noResults = require("../../common/error-state/no-results");
 var _initialStateView = require("../../common/initial-state-view");
 var _cancelButton = require("../../common/modal/cancel-button");
 var _contentContainer = require("../../common/modal/content-container");
-var _countViewSmartLink = require("../../common/modal/count-view-smart-link");
-var _datasourceContext = require("../../common/modal/datasource-context");
+var _smartCardPlaceholder = require("../../common/modal/count-view-smart-link/smart-card-placeholder");
+var _smartLink = require("../../common/modal/count-view-smart-link/smart-link");
+var _useDatasourceContext4 = require("../../common/modal/datasource-context/useDatasourceContext");
 var _datasourceModal = require("../../common/modal/datasource-modal");
-var _createDatasourceModal = require("../../common/modal/datasource-modal/createDatasourceModal");
 var _datasourcesTableInModalPreview = _interopRequireDefault(require("../../common/modal/datasources-table-in-modal-preview"));
 var _insertButton = require("../../common/modal/insert-button");
-var _modeSwitcher = require("../../common/modal/mode-switcher");
+var _DatasourceViewModeDropDown = require("../../common/modal/mode-switcher/DatasourceViewModeDropDown");
 var _useViewModeContext2 = require("../../common/modal/mode-switcher/useViewModeContext");
 var _searchCount = _interopRequireDefault(require("../../common/modal/search-count"));
 var _siteSelector = require("../../common/modal/site-selector");
@@ -60,11 +59,6 @@ var styles = {
   flexStyles: "_2lx21sbv _1bsb1osq",
   viewModeContainer: "_zulpu2gc _4cvr1h6o"
 };
-var isValidParameters = function isValidParameters(parameters) {
-  return !!(parameters && parameters.cloudId && Object.values(parameters).filter(function (v) {
-    return v !== undefined;
-  }).length > 1);
-};
 var PlainConfluenceSearchConfigModal = exports.PlainConfluenceSearchConfigModal = function PlainConfluenceSearchConfigModal(props) {
   var onCancel = props.onCancel,
     urlBeingEdited = props.url,
@@ -74,7 +68,7 @@ var PlainConfluenceSearchConfigModal = exports.PlainConfluenceSearchConfigModal
     currentViewMode = _useViewModeContext.currentViewMode;
   var _useIntl = (0, _reactIntl.useIntl)(),
     formatMessage = _useIntl.formatMessage;
-  var _useDatasourceContext = (0, _datasourceContext.useDatasourceContext)(),
+  var _useDatasourceContext = (0, _useDatasourceContext4.useDatasourceContext)(),
     visibleColumnKeys = _useDatasourceContext.visibleColumnKeys,
     _useDatasourceContext2 = _useDatasourceContext.tableState,
     reset = _useDatasourceContext2.reset,
@@ -94,7 +88,7 @@ var PlainConfluenceSearchConfigModal = exports.PlainConfluenceSearchConfigModal
 
   // analytics related parameters
   var searchCount = (0, _react.useRef)(0);
-  var userInteractions = (0, _userInteractions.useUserInteractions)();
+  var userInteractions = (0, _useUserInteractions.useUserInteractions)();
   var setParametersWithOverrides = (0, _react.useCallback)(function (setStateAction) {
     if (typeof setStateAction !== 'function') {
       setParameters(_objectSpread(_objectSpread({}, setStateAction), {}, {
@@ -284,11 +278,11 @@ var PlainConfluenceSearchConfigModal = exports.PlainConfluenceSearchConfigModal
         url: selectedConfluenceSiteUrl || urlBeingEdited
       });
     } else if (status === 'empty' || !selectedConfluenceSiteUrl) {
-      return /*#__PURE__*/_react.default.createElement(_countViewSmartLink.SmartCardPlaceholder, {
+      return /*#__PURE__*/_react.default.createElement(_smartCardPlaceholder.SmartCardPlaceholder, {
         placeholderText: _messages.confluenceSearchModalMessages.resultsCountSmartCardPlaceholderText
       });
     } else {
-      return confluenceSearchUrl && /*#__PURE__*/_react.default.createElement(_countViewSmartLink.SmartLink, {
+      return confluenceSearchUrl && /*#__PURE__*/_react.default.createElement(_smartLink.SmartLink, {
         url: confluenceSearchUrl
       });
     }
@@ -355,7 +349,7 @@ var PlainConfluenceSearchConfigModal = exports.PlainConfluenceSearchConfigModal
   }, /*#__PURE__*/_react.default.createElement(_compiled.Flex, {
     justifyContent: "end",
     xcss: styles.viewModeContainer
-  }, !hasNoConfluenceSites && /*#__PURE__*/_react.default.createElement(_modeSwitcher.DatasourceViewModeDropDown, null), /*#__PURE__*/_react.default.createElement(_closeButton.CloseButton, {
+  }, !hasNoConfluenceSites && /*#__PURE__*/_react.default.createElement(_DatasourceViewModeDropDown.DatasourceViewModeDropDown, null), /*#__PURE__*/_react.default.createElement(_closeButton.CloseButton, {
     onClick: onCancel
   })), /*#__PURE__*/_react.default.createElement(_compiled.Flex, {
     justifyContent: "start",
@@ -397,19 +391,4 @@ var PlainConfluenceSearchConfigModal = exports.PlainConfluenceSearchConfigModal
     url: confluenceSearchUrl,
     getAnalyticsPayload: getButtonAnalyticsPayload
   }, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _messages.confluenceSearchModalMessages.insertResultsButtonText)))));
-};
-var ConnectedConfluenceSearchConfigModal = (0, _createDatasourceModal.createDatasourceModal)({
-  isValidParameters: isValidParameters,
-  dataProvider: 'confluence-search',
-  component: PlainConfluenceSearchConfigModal
-});
-var ConfluenceSearchConfigModal = exports.ConfluenceSearchConfigModal = function ConfluenceSearchConfigModal(props) {
-  return /*#__PURE__*/_react.default.createElement(_state.StoreContainer, null, /*#__PURE__*/_react.default.createElement(ConnectedConfluenceSearchConfigModal, (0, _extends2.default)({}, props, {
-    /**
-     * If the intial parameters are not valid, we will not initialise the modal state
-     * with `overrideParameters`. This is to allow the modal to be opened without
-     * any initial parameters and require the user to perform a search.
-     */
-    parameters: props.overrideParameters && isValidParameters(props.parameters) ? _objectSpread(_objectSpread({}, props.parameters), props.overrideParameters) : props.parameters
-  })));
 };

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

@@ -0,0 +1,26 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DatasourceTableViewWithWrappers = void 0;
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+var _react = _interopRequireWildcard(require("react"));
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != (0, _typeof2.default)(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+var LazyDatasourceTableView = /*#__PURE__*/(0, _react.lazy)(function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_linkdatasource-tableview" */'./datasourceTableView'));
+  }).then(function (module) {
+    return {
+      default: module.DatasourceTableView
+    };
+  });
+});
+var DatasourceTableViewWithWrappers = exports.DatasourceTableViewWithWrappers = function DatasourceTableViewWithWrappers(props) {
+  return /*#__PURE__*/_react.default.createElement(_react.Suspense, {
+    fallback: /*#__PURE__*/_react.default.createElement("div", {
+      "data-testid": 'datasource-table-view-suspense'
+    })
+  }, /*#__PURE__*/_react.default.createElement(LazyDatasourceTableView, props));
+};

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

@@ -19,11 +19,12 @@ var _main = _interopRequireDefault(require("@atlaskit/intl-messages-provider/mai
 var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _analytics = require("../../analytics");
 var _constants = require("../../analytics/constants");
-var _ufoExperiences = require("../../analytics/ufoExperiences");
 var _useColumnPickerRenderedFailedUfoExperience = require("../../analytics/ufoExperiences/hooks/useColumnPickerRenderedFailedUfoExperience");
 var _useDataRenderedUfoExperience = require("../../analytics/ufoExperiences/hooks/useDataRenderedUfoExperience");
+var _startUfoExperience = require("../../analytics/ufoExperiences/startUfoExperience");
 var _fetchMessagesForLocale = require("../../common/utils/locale/fetch-messages-for-locale");
-var _datasourceExperienceId = require("../../contexts/datasource-experience-id");
+var _datasourceExperienceIdProvider = require("../../contexts/datasource-experience-id/datasource-experience-id-provider");
+var _useDatasourceExperienceId = require("../../contexts/datasource-experience-id/use-datasource-experience-id");
 var _useDatasourceTableState = require("../../hooks/useDatasourceTableState");
 var _useDeepEffect = require("../../hooks/useDeepEffect");
 var _useIsInPDFRender = require("../../hooks/useIsInPDFRender");
@@ -34,8 +35,8 @@ var _accessRequired = require("../common/error-state/access-required");
 var _loadingError = require("../common/error-state/loading-error");
 var _noResults = require("../common/error-state/no-results");
 var _providerAuthRequired = require("../common/error-state/provider-auth-required");
-var _issueLikeTable = require("../issue-like-table");
 var _emptyState = _interopRequireDefault(require("../issue-like-table/empty-state"));
+var _issueLikeDataTableView = require("../issue-like-table/issue-like-data-table-view");
 var _tableFooter = require("../table-footer");
 var _datasourceColumnSort = require("./datasource-column-sort");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
@@ -103,13 +104,13 @@ var DatasourceTableViewWithoutAnalytics = function DatasourceTableViewWithoutAna
   var isInPDFRender = (0, _useIsInPDFRender.useIsInPDFRender)();
   var _useDatasourceAnalyti = (0, _analytics.useDatasourceAnalyticsEvents)(),
     fireEvent = _useDatasourceAnalyti.fireEvent;
-  var experienceId = (0, _datasourceExperienceId.useDatasourceExperienceId)();
+  var experienceId = (0, _useDatasourceExperienceId.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
-       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;
@@ -146,7 +147,7 @@ var DatasourceTableViewWithoutAnalytics = function DatasourceTableViewWithoutAna
   (0, _react.useEffect)(function () {
     var shouldStartUfoExperience = datasourceId && parameters && visibleColumnKeys && status === 'loading';
     if (shouldStartUfoExperience) {
-      (0, _ufoExperiences.startUfoExperience)({
+      (0, _startUfoExperience.startUfoExperience)({
         name: 'datasource-rendered'
       }, experienceId);
     }
@@ -219,7 +220,7 @@ var DatasourceTableViewWithoutAnalytics = function DatasourceTableViewWithoutAna
     loaderFn: _fetchMessagesForLocale.fetchMessagesForLocale
   }, /*#__PURE__*/React.createElement("div", {
     className: (0, _runtime.ax)(["_2rko1kw7", "datasource-table"])
-  }, hasColumns ? /*#__PURE__*/React.createElement(_issueLikeTable.IssueLikeDataTableView, (0, _extends2.default)({
+  }, hasColumns ? /*#__PURE__*/React.createElement(_issueLikeDataTableView.IssueLikeDataTableView, (0, _extends2.default)({
     testId: 'datasource-table-view',
     hasNextPage: hasNextPage,
     items: responseItems,
@@ -255,6 +256,6 @@ var DatasourceTableViewWithoutAnalytics = function DatasourceTableViewWithoutAna
   })));
 };
 var DatasourceTableView = exports.DatasourceTableView = (0, _withAnalyticsContext.default)(_constants.componentMetadata.tableView)(function (props) {
-  return /*#__PURE__*/React.createElement(_state.StoreContainer, null, /*#__PURE__*/React.createElement(_datasourceExperienceId.DatasourceExperienceIdProvider, null, /*#__PURE__*/React.createElement(DatasourceTableViewWithoutAnalytics, props)));
+  return /*#__PURE__*/React.createElement(_state.StoreContainer, null, /*#__PURE__*/React.createElement(_datasourceExperienceIdProvider.DatasourceExperienceIdProvider, null, /*#__PURE__*/React.createElement(DatasourceTableViewWithoutAnalytics, props)));
 });
 var DataSourceTableViewNoSuspense = exports.DataSourceTableViewNoSuspense = DatasourceTableView;