@atlaskit/link-datasource 3.19.2 → 3.20.0

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

@@ -1,100 +1,30 @@
+/* styled.tsx generated by @compiled/babel-plugin v0.36.0 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.SelectDateRangeButton = exports.PopupComponentContainer = exports.DateRangeErrorMessage = exports.DatePickersWrapper = exports.CustomDropdownItem = exports.CustomDropdown = exports.CustomDateWrapper = void 0;
-var _styled = _interopRequireDefault(require("@emotion/styled"));
+exports.CustomDropdownItem = void 0;
+require("./styled.compiled.css");
+var React = _interopRequireWildcard(require("react"));
+var _runtime = require("@compiled/react/runtime");
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _colors = require("@atlaskit/theme/colors");
-var _constants = require("@atlaskit/theme/constants");
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var PopupComponentContainer = exports.PopupComponentContainer = _styled.default.div({
-  boxSizing: 'border-box',
-  display: 'block',
-  flex: '1 1 auto',
-  overflow: 'visible',
-  borderRadius: "var(--ds-border-radius-100, 4px)",
-  background: "var(--ds-background-input, ".concat(_colors.N0, ")"),
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
-  ':focus': {
-    outline: 'none'
-  },
-  boxShadow: "var(--ds-shadow-overlay, 0px 0px 1px 0px rgba(9, 30, 66, 0.31), 0px 3px 5px 0px rgba(9, 30, 66, 0.20))"
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var CustomDropdown = exports.CustomDropdown = _styled.default.div({
-  width: '340px',
-  background: "var(--ds-background-input, ".concat(_colors.N0, ")"),
-  borderRadius: "var(--ds-border-radius-100, 4px)",
-  boxShadow: "var(--ds-shadow-overlay, 0px 0px 1px 0px rgba(9, 30, 66, 0.31), 0px 3px 5px 0px rgba(9, 30, 66, 0.20))",
-  zIndex: _constants.layers.modal()
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/ui-styling-standard/no-dynamic-styles -- Ignored via go/DSP-18766
-var CustomDropdownItem = exports.CustomDropdownItem = _styled.default.div(function (props) {
-  return {
-    height: '36px',
-    width: '100%',
-    display: 'flex',
-    justifyContent: 'flex-start',
-    alignItems: 'center',
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-    paddingLeft: props.isSelected ? '15px' : '16px',
-    boxSizing: 'border-box',
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-    color: props.isSelected ? "var(--ds-text-selected, ".concat(_colors.B400, ")") : 'inherit',
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-    background: props.isSelected ? "var(--ds-background-accent-blue-subtlest, ".concat(_colors.B50, ")") : 'transparent',
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-    borderLeft: props.isSelected ? "2px solid ".concat("var(--ds-text-selected, ".concat(_colors.B400, ")")) : 'none',
-    '&:hover': {
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-      background: props.isSelected ? "var(--ds-background-accent-blue-subtlest, ".concat(_colors.B50, ")") : "var(--ds-background-input-hovered, ".concat(_colors.N20, ")"),
-      cursor: 'default'
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var customDropdownItemBaseStyles = null;
+var customDropdownItemSelectedStyles = null;
+var customDropdownItemNotSelectedStyles = null;
+var CustomDropdownItem = exports.CustomDropdownItem = function CustomDropdownItem(props) {
+  return /*#__PURE__*/React.createElement("div", (0, _extends2.default)({}, props, {
+    className: (0, _runtime.ax)(["_4t3i14no _1bsb1osq _1e0c1txw _1bah1y6m _4cvr1h6o _vchhusvi _d0al73ad", props.isSelected ? "_1kl7ge6l _19bvo7ao _syazln51 _bfhkuu0u _irr3uu0u" : "_1kl7glyw _19bvpxbi _syaz1kw7 _bfhk18uv _irr318n0"]),
+    style: {
+      "--_1hfkvbo": (0, _runtime.ix)("var(--ds-text-selected, ".concat(_colors.B400, ")")),
+      "--_1k02qo": (0, _runtime.ix)("var(--ds-background-accent-blue-subtlest, ".concat(_colors.B50, ")")),
+      "--_lthtsj": (0, _runtime.ix)("2px solid ".concat("var(--ds-text-selected, ".concat(_colors.B400, ")"))),
+      "--_hyt33l": (0, _runtime.ix)("var(--ds-background-input-hovered, ".concat(_colors.N20, ")"))
     }
-  };
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var CustomDateWrapper = exports.CustomDateWrapper = _styled.default.div({
-  padding: "var(--ds-space-150, 12px)",
-  boxSizing: 'border-box'
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var DatePickersWrapper = exports.DatePickersWrapper = _styled.default.div({
-  display: 'flex',
-  justifyContent: 'space-between',
-  alignItems: 'center',
-  width: '100%'
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var SelectDateRangeButton = exports.SelectDateRangeButton = _styled.default.button({
-  background: "var(--ds-background-accent-gray-subtler, ".concat(_colors.N20, ")"),
-  border: 'none',
-  font: 'inherit',
-  width: '70px',
-  height: '40px',
-  marginTop: "var(--ds-space-150, 12px)",
-  borderRadius: "var(--ds-border-radius-100, 4px)",
-  '&:hover': {
-    background: "var(--ds-background-accent-gray-subtler, ".concat(_colors.N30, ")"),
-    cursor: 'pointer'
-  }
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var DateRangeErrorMessage = exports.DateRangeErrorMessage = _styled.default.div({
-  display: 'flex',
-  marginTop: "var(--ds-space-050, 2px)",
-  gap: "var(--ds-space-025, 2px)",
-  paddingInlineStart: "var(--ds-space-025, 2px)",
-  font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
-  color: "var(--ds-text-danger, ".concat(_colors.R400, ")"),
-  alignItems: 'center'
-});
+  }), props.children);
+};

package/dist/cjs/ui/confluence-search-modal/basic-filters/index.compiled.css

@@ -0,0 +1 @@
+._19bvu2gc{padding-left:var(--ds-space-100,8px)}

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

@@ -1,3 +1,4 @@
+/* index.tsx generated by @compiled/babel-plugin v0.36.0 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -5,18 +6,22 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+require("./index.compiled.css");
+var _runtime = require("@compiled/react/runtime");
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireDefault(require("react"));
-var _primitives = require("@atlaskit/primitives");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _compiled = require("@atlaskit/primitives/compiled");
+var _basicFiltersOld = _interopRequireDefault(require("./basic-filters-old"));
 var _dateRangePicker = require("./filters/date-range-picker");
 var _editedOrCreatedBy = _interopRequireDefault(require("./filters/edited-or-created-by"));
 var _types = require("./types");
 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 basicFilterContainerStyles = (0, _primitives.xcss)({
-  paddingLeft: 'space.100'
-});
+var styles = {
+  basicFilterContainerStyles: "_19bvu2gc"
+};
 var BasicFilterContainer = function BasicFilterContainer(_ref) {
   var cloudId = _ref.cloudId,
     onChange = _ref.onChange,
@@ -35,8 +40,8 @@ var BasicFilterContainer = function BasicFilterContainer(_ref) {
       label: updatedOption.value
     }, updatedOption));
   };
-  return /*#__PURE__*/_react.default.createElement(_primitives.Flex, {
-    xcss: basicFilterContainerStyles,
+  return /*#__PURE__*/_react.default.createElement(_compiled.Flex, {
+    xcss: styles.basicFilterContainerStyles,
     gap: "space.100",
     testId: "clol-basic-filter-container"
   }, /*#__PURE__*/_react.default.createElement(_editedOrCreatedBy.default, {
@@ -50,4 +55,11 @@ var BasicFilterContainer = function BasicFilterContainer(_ref) {
     filterName: "clol-basic-filter-".concat(_types.CLOLBasicFilters.lastModified)
   }));
 };
-var _default = exports.default = BasicFilterContainer;
+var BasicFilterContainerExported = function BasicFilterContainerExported(props) {
+  if ((0, _platformFeatureFlags.fg)('bandicoots-compiled-migration-link-datasource')) {
+    return /*#__PURE__*/_react.default.createElement(BasicFilterContainer, props);
+  } else {
+    return /*#__PURE__*/_react.default.createElement(_basicFiltersOld.default, props);
+  }
+};
+var _default = exports.default = BasicFilterContainerExported;

package/dist/cjs/ui/confluence-search-modal/confluence-search-container/confluence-search-container-old.js

@@ -0,0 +1,127 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _useDebounce = require("use-debounce");
+var _primitives = require("@atlaskit/primitives");
+var _basicSearchInput = require("../../common/modal/basic-search-input");
+var _constants = require("../../common/modal/popup-select/constants");
+var _basicFilters = _interopRequireDefault(require("../basic-filters"));
+var _useBasicFilterHydration = require("../basic-filters/hooks/useBasicFilterHydration");
+var _types = require("../basic-filters/types");
+var _messages = require("./messages");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+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 basicSearchInputContainerStyles = (0, _primitives.xcss)({
+  flexGrow: 1
+});
+var ConfluenceSearchContainer = function ConfluenceSearchContainer(_ref) {
+  var _ref$parameters = _ref.parameters,
+    cloudId = _ref$parameters.cloudId,
+    initialSearchValue = _ref$parameters.searchString,
+    lastModified = _ref$parameters.lastModified,
+    lastModifiedFrom = _ref$parameters.lastModifiedFrom,
+    lastModifiedTo = _ref$parameters.lastModifiedTo,
+    contributorAccountIds = _ref$parameters.contributorAccountIds,
+    isSearching = _ref.isSearching,
+    onSearch = _ref.onSearch;
+  var _useBasicFilterHydrat = (0, _useBasicFilterHydration.useBasicFilterHydration)(),
+    hydrateUsersFromAccountIds = _useBasicFilterHydrat.hydrateUsersFromAccountIds,
+    users = _useBasicFilterHydrat.users,
+    status = _useBasicFilterHydrat.status,
+    resetHydrationHook = _useBasicFilterHydrat.reset;
+  var currentCloudId = (0, _react.useRef)(cloudId);
+  var _useState = (0, _react.useState)(contributorAccountIds !== null && contributorAccountIds !== void 0 ? contributorAccountIds : []),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    initialContributorAccountIds = _useState2[0],
+    setInitialContributorAccountIds = _useState2[1];
+  var _useState3 = (0, _react.useState)(initialSearchValue !== null && initialSearchValue !== void 0 ? initialSearchValue : ''),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    searchBarSearchString = _useState4[0],
+    setSearchBarSearchString = _useState4[1];
+  var _useState5 = (0, _react.useState)(function () {
+      return lastModified ? {
+        lastModified: [{
+          optionType: 'dateRange',
+          label: lastModified,
+          value: lastModified,
+          from: lastModifiedFrom,
+          to: lastModifiedTo
+        }]
+      } : {};
+    }),
+    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+    filterSelections = _useState6[0],
+    setFilterSelections = _useState6[1];
+  var handleSearchChange = (0, _react.useCallback)(function (e) {
+    var rawSearch = e.currentTarget.value;
+    setSearchBarSearchString(rawSearch);
+  }, []);
+  var _useDebouncedCallback = (0, _useDebounce.useDebouncedCallback)(function (filterValues) {
+      onSearch(searchBarSearchString, filterValues);
+    }, _constants.FILTER_SELECTION_DEBOUNCE_MS),
+    _useDebouncedCallback2 = (0, _slicedToArray2.default)(_useDebouncedCallback, 1),
+    debouncedBasicFilterSelectionChange = _useDebouncedCallback2[0];
+  var handleBasicFilterSelectionChange = (0, _react.useCallback)(function (filterType, options) {
+    var updatedSelection = _objectSpread(_objectSpread({}, filterSelections), {}, (0, _defineProperty2.default)({}, filterType, Array.isArray(options) ? options : [options]));
+    setFilterSelections(updatedSelection);
+    if (filterType === _types.CLOLBasicFilters.lastModified) {
+      onSearch(searchBarSearchString, updatedSelection);
+    } else {
+      debouncedBasicFilterSelectionChange(updatedSelection);
+    }
+  }, [debouncedBasicFilterSelectionChange, filterSelections, onSearch, searchBarSearchString]);
+
+  // TODO: further refactoring in EDM-9573
+  // https://stash.atlassian.com/projects/ATLASSIAN/repos/atlassian-frontend-monorepo/pull-requests/82725/overview?commentId=6827913
+  (0, _react.useEffect)(function () {
+    if (currentCloudId.current !== cloudId) {
+      setInitialContributorAccountIds([]);
+      resetHydrationHook();
+      setSearchBarSearchString('');
+      setFilterSelections({});
+      currentCloudId.current = cloudId;
+    }
+  }, [cloudId, resetHydrationHook]);
+  (0, _react.useEffect)(function () {
+    var hasAccountIds = (initialContributorAccountIds === null || initialContributorAccountIds === void 0 ? void 0 : initialContributorAccountIds.length) > 0;
+    if (hasAccountIds && status === 'empty') {
+      hydrateUsersFromAccountIds(initialContributorAccountIds);
+    }
+  }, [hydrateUsersFromAccountIds, initialContributorAccountIds, status]);
+  (0, _react.useEffect)(function () {
+    if (status === 'resolved') {
+      setFilterSelections({
+        lastModified: filterSelections.lastModified,
+        editedOrCreatedBy: users
+      });
+    }
+  }, [users, status, filterSelections.lastModified]);
+  return /*#__PURE__*/_react.default.createElement(_primitives.Flex, {
+    alignItems: "center",
+    xcss: basicSearchInputContainerStyles
+  }, /*#__PURE__*/_react.default.createElement(_basicSearchInput.BasicSearchInput, {
+    testId: "confluence-search-datasource-modal",
+    isSearching: isSearching,
+    onChange: handleSearchChange,
+    onSearch: onSearch,
+    searchTerm: searchBarSearchString,
+    placeholder: _messages.searchMessages.searchLabel,
+    fullWidth: false
+  }), /*#__PURE__*/_react.default.createElement(_basicFilters.default, {
+    cloudId: cloudId,
+    selections: filterSelections,
+    onChange: handleBasicFilterSelectionChange,
+    isHydrating: status === 'loading'
+  }));
+};
+var _default = exports.default = ConfluenceSearchContainer;

package/dist/cjs/ui/confluence-search-modal/confluence-search-container/index.compiled.css

@@ -0,0 +1 @@
+._16jlkb7n{flex-grow:1}

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

@@ -1,3 +1,4 @@
+/* index.tsx generated by @compiled/babel-plugin v0.36.0 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -6,24 +7,28 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+require("./index.compiled.css");
+var _runtime = require("@compiled/react/runtime");
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _useDebounce = require("use-debounce");
-var _primitives = require("@atlaskit/primitives");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _compiled = require("@atlaskit/primitives/compiled");
 var _basicSearchInput = require("../../common/modal/basic-search-input");
 var _constants = require("../../common/modal/popup-select/constants");
 var _basicFilters = _interopRequireDefault(require("../basic-filters"));
 var _useBasicFilterHydration = require("../basic-filters/hooks/useBasicFilterHydration");
 var _types = require("../basic-filters/types");
+var _confluenceSearchContainerOld = _interopRequireDefault(require("./confluence-search-container-old"));
 var _messages = require("./messages");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 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 basicSearchInputContainerStyles = (0, _primitives.xcss)({
-  flexGrow: 1
-});
+var styles = {
+  basicSearchInputContainerStyles: "_16jlkb7n"
+};
 var ConfluenceSearchContainer = function ConfluenceSearchContainer(_ref) {
   var _ref$parameters = _ref.parameters,
     cloudId = _ref$parameters.cloudId,
@@ -106,9 +111,9 @@ var ConfluenceSearchContainer = function ConfluenceSearchContainer(_ref) {
       });
     }
   }, [users, status, filterSelections.lastModified]);
-  return /*#__PURE__*/_react.default.createElement(_primitives.Flex, {
+  return /*#__PURE__*/_react.default.createElement(_compiled.Flex, {
     alignItems: "center",
-    xcss: basicSearchInputContainerStyles
+    xcss: styles.basicSearchInputContainerStyles
   }, /*#__PURE__*/_react.default.createElement(_basicSearchInput.BasicSearchInput, {
     testId: "confluence-search-datasource-modal",
     isSearching: isSearching,
@@ -124,4 +129,11 @@ var ConfluenceSearchContainer = function ConfluenceSearchContainer(_ref) {
     isHydrating: status === 'loading'
   }));
 };
-var _default = exports.default = ConfluenceSearchContainer;
+var ConfluenceSearchContainerExported = function ConfluenceSearchContainerExported(props) {
+  if ((0, _platformFeatureFlags.fg)('bandicoots-compiled-migration-link-datasource')) {
+    return /*#__PURE__*/_react.default.createElement(ConfluenceSearchContainer, props);
+  } else {
+    return /*#__PURE__*/_react.default.createElement(_confluenceSearchContainerOld.default, props);
+  }
+};
+var _default = exports.default = ConfluenceSearchContainerExported;

package/dist/cjs/ui/confluence-search-modal/modal/index.compiled.css

@@ -0,0 +1,3 @@
+._1e0c1txw{display:flex}
+._1tket9kd{min-height:72px}
+._4cvr1q9y{align-items:baseline}

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

@@ -1,19 +1,22 @@
+/* index.tsx generated by @compiled/babel-plugin v0.36.0 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.PlainConfluenceSearchConfigModal = exports.ConfluenceSearchConfigModal = void 0;
+exports.PlainConfluenceSearchConfigModalNew = exports.PlainConfluenceSearchConfigModal = exports.ConfluenceSearchConfigModalNew = exports.ConfluenceSearchConfigModal = void 0;
+require("./index.compiled.css");
+var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = require("react");
-var _react2 = require("@emotion/react");
+var _react = _interopRequireWildcard(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _intlMessagesProvider = require("@atlaskit/intl-messages-provider");
 var _modalDialog = require("@atlaskit/modal-dialog");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _primitives = require("@atlaskit/primitives");
+var _compiled = require("@atlaskit/primitives/compiled");
 var _analytics = require("../../../analytics");
 var _types = require("../../../analytics/types");
 var _search = require("../../../common/ui/rich-icon/search");
@@ -43,16 +46,14 @@ var _issueLikeTable = require("../../issue-like-table");
 var _confluenceSearchContainer = _interopRequireDefault(require("../confluence-search-container"));
 var _confluenceSearchInitialStateSvgOld = require("./confluence-search-initial-state-svg-old");
 var _messages = require("./messages");
+var _modalOld = require("./modal-old");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 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; } /* eslint-disable @atlaskit/platform/ensure-feature-flag-prefix */ /**
- * @jsxRuntime classic
- * @jsx jsx
- */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-var inputContainerStyles = (0, _primitives.xcss)({
-  alignItems: 'baseline',
-  display: 'flex',
-  minHeight: '72px'
-});
+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; } /* eslint-disable @atlaskit/platform/ensure-feature-flag-prefix */
+var styles = {
+  inputContainerStyles: "_4cvr1q9y _1e0c1txw _1tket9kd"
+};
 var isValidParameters = function isValidParameters(parameters) {
   return !!(parameters && parameters.cloudId && Object.values(parameters).filter(function (v) {
     return v !== undefined;
@@ -61,7 +62,7 @@ var isValidParameters = function isValidParameters(parameters) {
 var noop = function noop() {
   return '';
 };
-var PlainConfluenceSearchConfigModal = exports.PlainConfluenceSearchConfigModal = function PlainConfluenceSearchConfigModal(props) {
+var PlainConfluenceSearchConfigModalNew = exports.PlainConfluenceSearchConfigModalNew = function PlainConfluenceSearchConfigModalNew(props) {
   var onCancel = props.onCancel,
     urlBeingEdited = props.url,
     overrideParameters = props.overrideParameters;
@@ -222,46 +223,46 @@ var PlainConfluenceSearchConfigModal = exports.PlainConfluenceSearchConfigModal
   }, [currentViewMode, fireInlineViewedEvent, fireTableViewedEvent, status]);
   var renderTableModalContent = (0, _react.useCallback)(function () {
     if (status === 'rejected') {
-      return (0, _react2.jsx)(_modalLoadingError.ModalLoadingError, null);
+      return /*#__PURE__*/_react.default.createElement(_modalLoadingError.ModalLoadingError, null);
     } else if (status === 'unauthorized') {
-      return (0, _react2.jsx)(_accessRequired.AccessRequired, {
+      return /*#__PURE__*/_react.default.createElement(_accessRequired.AccessRequired, {
         url: selectedConfluenceSiteUrl || urlBeingEdited
       });
     } else if (resolvedWithNoResults || status === 'forbidden') {
-      return (0, _react2.jsx)(_noResults.NoResults, null);
+      return /*#__PURE__*/_react.default.createElement(_noResults.NoResults, null);
     } else if (status === 'empty' || !columns.length) {
       // persist the empty state when making the initial /data request which contains the columns
       if (hasConfluenceSearchParams !== undefined) {
-        return (0, _react2.jsx)(_issueLikeTable.EmptyState, {
+        return /*#__PURE__*/_react.default.createElement(_issueLikeTable.EmptyState, {
           testId: "confluence-search-datasource-modal--empty-state"
         });
       }
-      return (0, _react2.jsx)(_contentContainer.ContentContainer, null, (0, _react2.jsx)(_initialStateView.InitialStateView, {
-        icon: (0, _platformFeatureFlags.fg)('bandicoots-update-sllv-icons') ? (0, _react2.jsx)(_search.RichIconSearch, {
+      return /*#__PURE__*/_react.default.createElement(_contentContainer.ContentContainer, null, /*#__PURE__*/_react.default.createElement(_initialStateView.InitialStateView, {
+        icon: (0, _platformFeatureFlags.fg)('bandicoots-update-sllv-icons') ? /*#__PURE__*/_react.default.createElement(_search.RichIconSearch, {
           size: "xlarge",
           alt: formatMessage(_messages.confluenceSearchModalMessages.initialViewSearchTitle)
-        }) : (0, _react2.jsx)(_confluenceSearchInitialStateSvgOld.ConfluenceSearchInitialStateSVGOld, null),
+        }) : /*#__PURE__*/_react.default.createElement(_confluenceSearchInitialStateSvgOld.ConfluenceSearchInitialStateSVGOld, null),
         title: _messages.confluenceSearchModalMessages.initialViewSearchTitle,
         description: _messages.confluenceSearchModalMessages.initialViewSearchDescription
       }));
     }
-    return (0, _react2.jsx)(_contentContainer.ContentContainer, {
+    return /*#__PURE__*/_react.default.createElement(_contentContainer.ContentContainer, {
       withTableBorder: true
-    }, (0, _react2.jsx)(_datasourcesTableInModalPreview.default, {
+    }, /*#__PURE__*/_react.default.createElement(_datasourcesTableInModalPreview.default, {
       testId: "confluence-search-datasource-table"
     }));
   }, [status, resolvedWithNoResults, columns.length, selectedConfluenceSiteUrl, urlBeingEdited, hasConfluenceSearchParams, formatMessage]);
   var renderInlineLinkModalContent = (0, _react.useCallback)(function () {
     if (status === 'unauthorized') {
-      return (0, _react2.jsx)(_accessRequired.AccessRequired, {
+      return /*#__PURE__*/_react.default.createElement(_accessRequired.AccessRequired, {
         url: selectedConfluenceSiteUrl || urlBeingEdited
       });
     } else if (status === 'empty' || !selectedConfluenceSiteUrl) {
-      return (0, _react2.jsx)(_countViewSmartLink.SmartCardPlaceholder, {
+      return /*#__PURE__*/_react.default.createElement(_countViewSmartLink.SmartCardPlaceholder, {
         placeholderText: _messages.confluenceSearchModalMessages.resultsCountSmartCardPlaceholderText
       });
     } else {
-      return confluenceSearchUrl && (0, _react2.jsx)(_countViewSmartLink.SmartLink, {
+      return confluenceSearchUrl && /*#__PURE__*/_react.default.createElement(_countViewSmartLink.SmartLink, {
         url: confluenceSearchUrl
       });
     }
@@ -315,52 +316,59 @@ var PlainConfluenceSearchConfigModal = exports.PlainConfluenceSearchConfigModal
       actions: userInteractions.get()
     };
   }, [destinationObjectTypes, extensionKey, userInteractions]);
-  return (0, _react2.jsx)(_intlMessagesProvider.IntlMessagesProvider, {
+  return /*#__PURE__*/_react.default.createElement(_intlMessagesProvider.IntlMessagesProvider, {
     defaultMessages: _en.default,
     loaderFn: _fetchMessagesForLocale.fetchMessagesForLocale
-  }, (0, _react2.jsx)(_datasourceModal.DatasourceModal, {
+  }, /*#__PURE__*/_react.default.createElement(_datasourceModal.DatasourceModal, {
     testId: "confluence-search-datasource-modal",
     onClose: onCancel
-  }, (0, _react2.jsx)(_modalDialog.ModalHeader, null, (0, _react2.jsx)(_modalDialog.ModalTitle, null, (0, _react2.jsx)(_siteSelector.SiteSelector, {
+  }, /*#__PURE__*/_react.default.createElement(_modalDialog.ModalHeader, null, /*#__PURE__*/_react.default.createElement(_modalDialog.ModalTitle, null, /*#__PURE__*/_react.default.createElement(_siteSelector.SiteSelector, {
     availableSites: availableSites,
     onSiteSelection: onSiteSelection,
     selectedSite: selectedConfluenceSite,
     testId: "confluence-search-datasource-modal--site-selector",
     label: siteSelectorLabel
-  })), !hasNoConfluenceSites && (0, _react2.jsx)(_modeSwitcher.DatasourceViewModeDropDown, null)), (0, _react2.jsx)(_modalDialog.ModalBody, null, !hasNoConfluenceSites ? (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)(_primitives.Box, {
-    xcss: inputContainerStyles
-  }, (0, _react2.jsx)(_confluenceSearchContainer.default, {
+  })), !hasNoConfluenceSites && /*#__PURE__*/_react.default.createElement(_modeSwitcher.DatasourceViewModeDropDown, null)), /*#__PURE__*/_react.default.createElement(_modalDialog.ModalBody, null, !hasNoConfluenceSites ? /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+    xcss: styles.inputContainerStyles
+  }, /*#__PURE__*/_react.default.createElement(_confluenceSearchContainer.default, {
     isSearching: status === 'loading',
     onSearch: onSearch,
     parameters: parameters !== null && parameters !== void 0 ? parameters : {
       cloudId: ''
     }
-  })), currentViewMode === 'inline' ? renderInlineLinkModalContent() : renderTableModalContent()) : (0, _react2.jsx)(_noInstances.NoInstancesView, {
+  })), currentViewMode === 'inline' ? renderInlineLinkModalContent() : renderTableModalContent()) : /*#__PURE__*/_react.default.createElement(_noInstances.NoInstancesView, {
     title: _messages.confluenceSearchModalMessages.noAccessToConfluenceSitesTitle,
     description: _messages.confluenceSearchModalMessages.noAccessToConfluenceSitesDescription,
     testId: 'no-confluence-instances-content'
-  })), (0, _react2.jsx)(_modalDialog.ModalFooter, null, shouldShowResultsCount && confluenceSearchUrl && (0, _react2.jsx)(_searchCount.default, {
+  })), /*#__PURE__*/_react.default.createElement(_modalDialog.ModalFooter, null, shouldShowResultsCount && confluenceSearchUrl && /*#__PURE__*/_react.default.createElement(_searchCount.default, {
     searchCount: totalCount,
     url: confluenceSearchUrl,
     prefixTextType: "result",
     testId: "confluence-search-datasource-modal-total-results-count"
-  }), (0, _react2.jsx)(_cancelButton.CancelButton, {
+  }), /*#__PURE__*/_react.default.createElement(_cancelButton.CancelButton, {
     onCancel: onCancel,
     getAnalyticsPayload: getButtonAnalyticsPayload,
     testId: "confluence-search-modal--cancel-button"
-  }), !hasNoConfluenceSites && (0, _react2.jsx)(_insertButton.InsertButton, {
+  }), !hasNoConfluenceSites && /*#__PURE__*/_react.default.createElement(_insertButton.InsertButton, {
     testId: "confluence-search-datasource-modal--insert-button",
     url: confluenceSearchUrl,
     getAnalyticsPayload: getButtonAnalyticsPayload
-  }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _messages.confluenceSearchModalMessages.insertResultsButtonText)))));
+  }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.confluenceSearchModalMessages.insertResultsButtonText)))));
+};
+var PlainConfluenceSearchConfigModal = exports.PlainConfluenceSearchConfigModal = function PlainConfluenceSearchConfigModal(props) {
+  if ((0, _platformFeatureFlags.fg)('bandicoots-compiled-migration-link-datasource')) {
+    return /*#__PURE__*/_react.default.createElement(PlainConfluenceSearchConfigModalNew, props);
+  } else {
+    return /*#__PURE__*/_react.default.createElement(_modalOld.PlainConfluenceSearchConfigModalOld, props);
+  }
 };
 var ConnectedConfluenceSearchConfigModal = (0, _createDatasourceModal.createDatasourceModal)({
   isValidParameters: isValidParameters,
   dataProvider: 'confluence-search',
-  component: PlainConfluenceSearchConfigModal
+  component: PlainConfluenceSearchConfigModalNew
 });
-var ConfluenceSearchConfigModal = exports.ConfluenceSearchConfigModal = function ConfluenceSearchConfigModal(props) {
-  return (0, _react2.jsx)(_state.StoreContainer, null, (0, _react2.jsx)(ConnectedConfluenceSearchConfigModal, (0, _extends2.default)({}, props, {
+var ConfluenceSearchConfigModalNew = exports.ConfluenceSearchConfigModalNew = function ConfluenceSearchConfigModalNew(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
@@ -368,4 +376,11 @@ var ConfluenceSearchConfigModal = exports.ConfluenceSearchConfigModal = function
      */
     parameters: props.overrideParameters && isValidParameters(props.parameters) ? _objectSpread(_objectSpread({}, props.parameters), props.overrideParameters) : props.parameters
   })));
+};
+var ConfluenceSearchConfigModal = exports.ConfluenceSearchConfigModal = function ConfluenceSearchConfigModal(props) {
+  if ((0, _platformFeatureFlags.fg)('bandicoots-compiled-migration-link-datasource')) {
+    return /*#__PURE__*/_react.default.createElement(ConfluenceSearchConfigModalNew, props);
+  } else {
+    return /*#__PURE__*/_react.default.createElement(_modalOld.ConfluenceSearchConfigModalOld, props);
+  }
 };