@atlaskit/link-datasource 3.19.1 → 3.20.0

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

@@ -1,27 +1,29 @@
+/* index.tsx generated by @compiled/babel-plugin v0.36.0 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = exports.CustomMenuListExported = void 0;
+require("./index.compiled.css");
+var _runtime = require("@compiled/react/runtime");
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
-var _primitives = require("@atlaskit/primitives");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _compiled = require("@atlaskit/primitives/compiled");
 var _select = require("@atlaskit/select");
 var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
 var _errorMessage = _interopRequireDefault(require("./errorMessage"));
 var _loadingMessage = _interopRequireDefault(require("./loadingMessage"));
+var _menuListOld = _interopRequireDefault(require("./menuListOld"));
 var _noOptionsMessage = _interopRequireDefault(require("./noOptionsMessage"));
 var _showMoreButton = _interopRequireDefault(require("./showMoreButton"));
 var _excluded = ["children"];
-var inlineSpinnerStyles = (0, _primitives.xcss)({
-  paddingTop: 'space.075'
-});
-var showMoreButtonBoxStyles = (0, _primitives.xcss)({
-  paddingLeft: 'space.075',
-  paddingTop: 'space.100'
-});
+var styles = {
+  inlineSpinnerStyles: "_ca0q12x7",
+  showMoreButtonBoxStyles: "_19bv12x7 _ca0qu2gc"
+};
 var CustomMenuList = function CustomMenuList(_ref) {
   var children = _ref.children,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
@@ -39,9 +41,9 @@ var CustomMenuList = function CustomMenuList(_ref) {
   var shouldDisplayShowMore = showMore && !isLoadingMore;
   var isLoadingMoreData = !shouldDisplayShowMore && isLoadingMore;
   var InlineSpinner = function InlineSpinner() {
-    return /*#__PURE__*/_react.default.createElement(_primitives.Flex, {
+    return /*#__PURE__*/_react.default.createElement(_compiled.Flex, {
       justifyContent: "center",
-      xcss: inlineSpinnerStyles
+      xcss: styles.inlineSpinnerStyles
     }, /*#__PURE__*/_react.default.createElement(_spinner.default, {
       size: "medium"
     }));
@@ -63,8 +65,8 @@ var CustomMenuList = function CustomMenuList(_ref) {
         filterName: filterName
       });
     }
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children, shouldDisplayShowMore && handleShowMore && /*#__PURE__*/_react.default.createElement(_primitives.Box, {
-      xcss: showMoreButtonBoxStyles
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children, shouldDisplayShowMore && handleShowMore && /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+      xcss: styles.showMoreButtonBoxStyles
     }, /*#__PURE__*/_react.default.createElement(_showMoreButton.default, {
       onShowMore: handleShowMore,
       filterName: filterName
@@ -72,4 +74,11 @@ var CustomMenuList = function CustomMenuList(_ref) {
   };
   return /*#__PURE__*/_react.default.createElement(_select.components.MenuList, props, renderChildren());
 };
-var _default = exports.default = CustomMenuList;
+var CustomMenuListExported = exports.CustomMenuListExported = function CustomMenuListExported(props) {
+  if ((0, _platformFeatureFlags.fg)('bandicoots-compiled-migration-link-datasource')) {
+    return /*#__PURE__*/_react.default.createElement(CustomMenuList, props);
+  } else {
+    return /*#__PURE__*/_react.default.createElement(_menuListOld.default, props);
+  }
+};
+var _default = exports.default = CustomMenuListExported;

package/dist/cjs/ui/common/modal/popup-select/menu-list/menuListOld.js

@@ -0,0 +1,75 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _primitives = require("@atlaskit/primitives");
+var _select = require("@atlaskit/select");
+var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
+var _errorMessage = _interopRequireDefault(require("./errorMessage"));
+var _loadingMessage = _interopRequireDefault(require("./loadingMessage"));
+var _noOptionsMessage = _interopRequireDefault(require("./noOptionsMessage"));
+var _showMoreButton = _interopRequireDefault(require("./showMoreButton"));
+var _excluded = ["children"];
+var inlineSpinnerStyles = (0, _primitives.xcss)({
+  paddingTop: 'space.075'
+});
+var showMoreButtonBoxStyles = (0, _primitives.xcss)({
+  paddingLeft: 'space.075',
+  paddingTop: 'space.100'
+});
+var CustomMenuList = function CustomMenuList(_ref) {
+  var children = _ref.children,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var _props$selectProps$me =
+    // @ts-ignore - https://product-fabric.atlassian.net/browse/DSP-21000
+    props.selectProps.menuListProps,
+    filterName = _props$selectProps$me.filterName,
+    isLoading = _props$selectProps$me.isLoading,
+    isLoadingMore = _props$selectProps$me.isLoadingMore,
+    isError = _props$selectProps$me.isError,
+    isEmpty = _props$selectProps$me.isEmpty,
+    errors = _props$selectProps$me.errors,
+    showMore = _props$selectProps$me.showMore,
+    handleShowMore = _props$selectProps$me.handleShowMore;
+  var shouldDisplayShowMore = showMore && !isLoadingMore;
+  var isLoadingMoreData = !shouldDisplayShowMore && isLoadingMore;
+  var InlineSpinner = function InlineSpinner() {
+    return /*#__PURE__*/_react.default.createElement(_primitives.Flex, {
+      justifyContent: "center",
+      xcss: inlineSpinnerStyles
+    }, /*#__PURE__*/_react.default.createElement(_spinner.default, {
+      size: "medium"
+    }));
+  };
+  var renderChildren = function renderChildren() {
+    if (isLoading) {
+      return /*#__PURE__*/_react.default.createElement(_loadingMessage.default, {
+        filterName: filterName
+      });
+    }
+    if (isError) {
+      return /*#__PURE__*/_react.default.createElement(_errorMessage.default, {
+        filterName: filterName,
+        errors: errors
+      });
+    }
+    if (isEmpty) {
+      return /*#__PURE__*/_react.default.createElement(_noOptionsMessage.default, {
+        filterName: filterName
+      });
+    }
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children, shouldDisplayShowMore && handleShowMore && /*#__PURE__*/_react.default.createElement(_primitives.Box, {
+      xcss: showMoreButtonBoxStyles
+    }, /*#__PURE__*/_react.default.createElement(_showMoreButton.default, {
+      onShowMore: handleShowMore,
+      filterName: filterName
+    })), isLoadingMoreData && /*#__PURE__*/_react.default.createElement(InlineSpinner, null));
+  };
+  return /*#__PURE__*/_react.default.createElement(_select.components.MenuList, props, renderChildren());
+};
+var _default = exports.default = CustomMenuList;

package/dist/cjs/ui/common/modal/popup-select/menu-list/noOptionsMessage.js

@@ -8,15 +8,21 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
+var _reactIntlNext = require("react-intl-next");
 var _useDebounce = require("use-debounce");
 var _questionCircle = _interopRequireDefault(require("@atlaskit/icon/glyph/question-circle"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _colors = require("@atlaskit/theme/colors");
 var _analytics = require("../../../../../analytics");
+var _searchNoResult = require("../../../../../common/ui/spot/error-state/search-no-result");
 var _constants = require("../constants");
 var _messages = require("./messages");
 var _selectMessage = _interopRequireDefault(require("./selectMessage"));
 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 noop = function noop() {
+  return '';
+};
 var CustomNoOptionsMessage = function CustomNoOptionsMessage(_ref) {
   var filterName = _ref.filterName;
   var _useDatasourceAnalyti = (0, _analytics.useDatasourceAnalyticsEvents)(),
@@ -36,14 +42,21 @@ var CustomNoOptionsMessage = function CustomNoOptionsMessage(_ref) {
     _useDebouncedCallback2 = (0, _slicedToArray2.default)(_useDebouncedCallback, 1),
     debouncedAnalyticsCallback = _useDebouncedCallback2[0];
   (0, _react.useEffect)(debouncedAnalyticsCallback, [debouncedAnalyticsCallback]);
-  return /*#__PURE__*/_react.default.createElement(_selectMessage.default
-  // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons -- TODO - https://product-fabric.atlassian.net/browse/DSP-19578
-  , {
-    icon: /*#__PURE__*/_react.default.createElement(_questionCircle.default, {
+  var _ref2 = (0, _platformFeatureFlags.fg)('bandicoots-update-sllv-icons') ?
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    (0, _reactIntlNext.useIntl)() : {
+      formatMessage: noop
+    },
+    formatMessage = _ref2.formatMessage;
+  return /*#__PURE__*/_react.default.createElement(_selectMessage.default, {
+    icon: (0, _platformFeatureFlags.fg)('bandicoots-update-sllv-icons') ? /*#__PURE__*/_react.default.createElement(_searchNoResult.SpotSearchNoResult, {
+      size: 'medium',
+      alt: formatMessage(_messages.asyncPopupSelectMessages.noOptionsMessage)
+    }) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_questionCircle.default, {
       primaryColor: "var(--ds-icon, ".concat(_colors.N500, ")"),
       size: "xlarge",
       label: ""
-    }),
+    })),
     message: _messages.asyncPopupSelectMessages.noOptionsMessage,
     testId: "".concat(filterName, "--no-options-message")
   });

package/dist/cjs/ui/common/modal/popup-select/menu-list/selectMessage.compiled.css

@@ -0,0 +1,6 @@
+._19bvutpp{padding-left:var(--ds-space-150,9pt)}
+._4t3ivbgk{height:4pc}
+._ca0qu2gc{padding-top:var(--ds-space-100,8px)}
+._n3tdu2gc{padding-bottom:var(--ds-space-100,8px)}
+._otyrpxbi{margin-bottom:var(--ds-space-200,1pc)}
+._u5f3utpp{padding-right:var(--ds-space-150,9pt)}

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

@@ -1,38 +1,44 @@
+/* selectMessage.tsx generated by @compiled/babel-plugin v0.36.0 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = exports.CustomSelectMessageExported = void 0;
+require("./selectMessage.compiled.css");
+var _runtime = require("@compiled/react/runtime");
 var _react = _interopRequireDefault(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _heading = _interopRequireDefault(require("@atlaskit/heading"));
-var _primitives = require("@atlaskit/primitives");
-var boxStyles = (0, _primitives.xcss)({
-  height: "var(--ds-space-800, 64px)",
-  marginBottom: 'space.200'
-});
-var stackStyles = (0, _primitives.xcss)({
-  paddingTop: 'space.100',
-  paddingBottom: 'space.100',
-  paddingLeft: 'space.150',
-  paddingRight: 'space.150'
-});
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _compiled = require("@atlaskit/primitives/compiled");
+var _selectMessageOld = _interopRequireDefault(require("./selectMessageOld"));
+var styles = {
+  boxStyles: "_4t3ivbgk _otyrpxbi",
+  stackStyles: "_ca0qu2gc _n3tdu2gc _19bvutpp _u5f3utpp"
+};
 var CustomSelectMessage = function CustomSelectMessage(_ref) {
   var icon = _ref.icon,
     message = _ref.message,
     testId = _ref.testId;
-  return /*#__PURE__*/_react.default.createElement(_primitives.Stack, {
-    xcss: stackStyles,
+  return /*#__PURE__*/_react.default.createElement(_compiled.Stack, {
+    xcss: styles.stackStyles,
     testId: testId,
     alignInline: "center"
-  }, /*#__PURE__*/_react.default.createElement(_primitives.Flex, {
-    xcss: boxStyles,
+  }, /*#__PURE__*/_react.default.createElement(_compiled.Flex, {
+    xcss: styles.boxStyles,
     alignItems: "center",
     justifyContent: "center"
   }, icon), /*#__PURE__*/_react.default.createElement(_heading.default, {
     size: "xsmall"
   }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, message)));
 };
-var _default = exports.default = CustomSelectMessage;
+var CustomSelectMessageExported = exports.CustomSelectMessageExported = function CustomSelectMessageExported(props) {
+  if ((0, _platformFeatureFlags.fg)('bandicoots-compiled-migration-link-datasource')) {
+    return /*#__PURE__*/_react.default.createElement(CustomSelectMessage, props);
+  } else {
+    return /*#__PURE__*/_react.default.createElement(_selectMessageOld.default, props);
+  }
+};
+var _default = exports.default = CustomSelectMessageExported;

package/dist/cjs/ui/common/modal/popup-select/menu-list/selectMessageOld.js

@@ -0,0 +1,38 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactIntlNext = require("react-intl-next");
+var _heading = _interopRequireDefault(require("@atlaskit/heading"));
+var _primitives = require("@atlaskit/primitives");
+var boxStyles = (0, _primitives.xcss)({
+  height: "var(--ds-space-800, 64px)",
+  marginBottom: 'space.200'
+});
+var stackStyles = (0, _primitives.xcss)({
+  paddingTop: 'space.100',
+  paddingBottom: 'space.100',
+  paddingLeft: 'space.150',
+  paddingRight: 'space.150'
+});
+var CustomSelectMessage = function CustomSelectMessage(_ref) {
+  var icon = _ref.icon,
+    message = _ref.message,
+    testId = _ref.testId;
+  return /*#__PURE__*/_react.default.createElement(_primitives.Stack, {
+    xcss: stackStyles,
+    testId: testId,
+    alignInline: "center"
+  }, /*#__PURE__*/_react.default.createElement(_primitives.Flex, {
+    xcss: boxStyles,
+    alignItems: "center",
+    justifyContent: "center"
+  }, icon), /*#__PURE__*/_react.default.createElement(_heading.default, {
+    size: "xsmall"
+  }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, message)));
+};
+var _default = exports.default = CustomSelectMessage;

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

@@ -0,0 +1,99 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.LoadingStateAnimationWrapper = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _badge = _interopRequireDefault(require("@atlaskit/badge"));
+var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
+var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/utility/migration/chevron-down"));
+var _primitives = require("@atlaskit/primitives");
+var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
+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; }
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
+var triggerButtonLabelStyles = (0, _primitives.xcss)({
+  textOverflow: 'ellipsis',
+  overflow: 'hidden'
+});
+var badgeStyles = (0, _primitives.xcss)({
+  marginLeft: 'space.050'
+});
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
+var LoadingStateAnimationWrapper = exports.LoadingStateAnimationWrapper = _styled.default.div({
+  position: 'relative',
+  animation: 'flickerAnimation 2s infinite',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
+  '@keyframes flickerAnimation': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
+    '0%': {
+      opacity: 1
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
+    '50%': {
+      opacity: 0.5
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
+    '100%': {
+      opacity: 1
+    }
+  }
+});
+var PopupTrigger = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var isSelected = _ref.isSelected,
+    isDisabled = _ref.isDisabled,
+    isLoading = _ref.isLoading,
+    selectedOptions = _ref.selectedOptions,
+    testId = _ref.testId,
+    label = _ref.label;
+  var _ref2 = selectedOptions || [],
+    _ref3 = (0, _slicedToArray2.default)(_ref2, 1),
+    firstOption = _ref3[0];
+  var hasOptions = selectedOptions && selectedOptions.length > 0;
+  var showButtonLoading = !isDisabled && isLoading;
+  var triggerButtonTestId = "".concat(testId, "-trigger");
+  var LoadingButton = (0, _react.useCallback)(function () {
+    return /*#__PURE__*/_react.default.createElement(LoadingStateAnimationWrapper, null, /*#__PURE__*/_react.default.createElement(_standardButton.default, {
+      iconAfter: /*#__PURE__*/_react.default.createElement(_spinner.default, {
+        size: 'xsmall'
+      }),
+      testId: "".concat(triggerButtonTestId, "--loading-button")
+    }, label));
+  }, [label, triggerButtonTestId]);
+  var DefaultButton = (0, _react.useCallback)(function () {
+    return /*#__PURE__*/_react.default.createElement(_standardButton.default, {
+      appearance: "default",
+      isSelected: isSelected || hasOptions,
+      isDisabled: isDisabled,
+      iconAfter: /*#__PURE__*/_react.default.createElement(_chevronDown.default, {
+        label: "",
+        color: "currentColor"
+      }),
+      testId: "".concat(triggerButtonTestId, "--button")
+    }, /*#__PURE__*/_react.default.createElement(_primitives.Flex, null, /*#__PURE__*/_react.default.createElement(_primitives.Box, {
+      xcss: triggerButtonLabelStyles
+    }, label, firstOption && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, ": ", firstOption.label)), selectedOptions && selectedOptions.length > 1 && /*#__PURE__*/_react.default.createElement(_primitives.Flex, {
+      xcss: badgeStyles,
+      alignItems: "center"
+    }, /*#__PURE__*/_react.default.createElement(_badge.default, {
+      appearance: "primary"
+    }, "+", selectedOptions.length - 1))));
+  }, [firstOption, hasOptions, isDisabled, isSelected, label, selectedOptions, triggerButtonTestId]);
+
+  /**
+   * We had an issue with the popup component referencing a stale DOM ref for the trigger button.
+   * Hence introducing a Box to make sure ref is always the same and only content is refreshed on re-renders
+   */
+  return /*#__PURE__*/_react.default.createElement(_primitives.Box, {
+    ref: ref,
+    testId: triggerButtonTestId
+  }, showButtonLoading ? /*#__PURE__*/_react.default.createElement(LoadingButton, null) : /*#__PURE__*/_react.default.createElement(DefaultButton, null));
+});
+var _default = exports.default = PopupTrigger;

package/dist/cjs/ui/common/modal/popup-select/trigger.compiled.css

@@ -0,0 +1,7 @@
+
+._y44vkmg5{animation:flickerAnimation 2s infinite}._18m915vq{overflow-y:hidden}
+._18u01b66{margin-left:var(--ds-space-050,4px)}
+._1bto1l2s{text-overflow:ellipsis}
+._1reo15vq{overflow-x:hidden}
+._kqswh2mm{position:relative}
+@keyframes flickerAnimation{0%{opacity:1}50%{opacity:.5}to{opacity:1}}

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

@@ -1,3 +1,4 @@
+/* trigger.tsx generated by @compiled/babel-plugin v0.36.0 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -5,57 +6,53 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.LoadingStateAnimationWrapper = void 0;
+exports.default = void 0;
+require("./trigger.compiled.css");
+var _runtime = require("@compiled/react/runtime");
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
-var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _badge = _interopRequireDefault(require("@atlaskit/badge"));
 var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
 var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/utility/migration/chevron-down"));
-var _primitives = require("@atlaskit/primitives");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _compiled = require("@atlaskit/primitives/compiled");
 var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
+var _triggerOld = _interopRequireDefault(require("./trigger-old"));
+var _excluded = ["as", "style"];
 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; }
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+var styles = {
+  triggerButtonLabelStyles: "_1reo15vq _18m915vq _1bto1l2s",
+  badgeStyles: "_18u01b66"
+};
 
-var triggerButtonLabelStyles = (0, _primitives.xcss)({
-  textOverflow: 'ellipsis',
-  overflow: 'hidden'
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled
+var LoadingStateAnimationWrapper = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, __cmplr) {
+  var _ref$as = _ref.as,
+    C = _ref$as === void 0 ? "div" : _ref$as,
+    __cmpls = _ref.style,
+    __cmplp = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement(C, (0, _extends2.default)({}, __cmplp, {
+    style: __cmpls,
+    ref: __cmplr,
+    className: (0, _runtime.ax)(["_y44vkmg5 _kqswh2mm", __cmplp.className])
+  }));
 });
-var badgeStyles = (0, _primitives.xcss)({
-  marginLeft: 'space.050'
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var LoadingStateAnimationWrapper = exports.LoadingStateAnimationWrapper = _styled.default.div({
-  position: 'relative',
-  animation: 'flickerAnimation 2s infinite',
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
-  '@keyframes flickerAnimation': {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-    '0%': {
-      opacity: 1
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-    '50%': {
-      opacity: 0.5
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-    '100%': {
-      opacity: 1
-    }
-  }
-});
-var PopupTrigger = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
-  var isSelected = _ref.isSelected,
-    isDisabled = _ref.isDisabled,
-    isLoading = _ref.isLoading,
-    selectedOptions = _ref.selectedOptions,
-    testId = _ref.testId,
-    label = _ref.label;
-  var _ref2 = selectedOptions || [],
-    _ref3 = (0, _slicedToArray2.default)(_ref2, 1),
-    firstOption = _ref3[0];
+if (process.env.NODE_ENV !== 'production') {
+  LoadingStateAnimationWrapper.displayName = 'LoadingStateAnimationWrapper';
+}
+var PopupTrigger = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, ref) {
+  var isSelected = _ref2.isSelected,
+    isDisabled = _ref2.isDisabled,
+    isLoading = _ref2.isLoading,
+    selectedOptions = _ref2.selectedOptions,
+    testId = _ref2.testId,
+    label = _ref2.label;
+  var _ref3 = selectedOptions || [],
+    _ref4 = (0, _slicedToArray2.default)(_ref3, 1),
+    firstOption = _ref4[0];
   var hasOptions = selectedOptions && selectedOptions.length > 0;
   var showButtonLoading = !isDisabled && isLoading;
   var triggerButtonTestId = "".concat(testId, "-trigger");
@@ -77,10 +74,10 @@ var PopupTrigger = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
         color: "currentColor"
       }),
       testId: "".concat(triggerButtonTestId, "--button")
-    }, /*#__PURE__*/_react.default.createElement(_primitives.Flex, null, /*#__PURE__*/_react.default.createElement(_primitives.Box, {
-      xcss: triggerButtonLabelStyles
-    }, label, firstOption && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, ": ", firstOption.label)), selectedOptions && selectedOptions.length > 1 && /*#__PURE__*/_react.default.createElement(_primitives.Flex, {
-      xcss: badgeStyles,
+    }, /*#__PURE__*/_react.default.createElement(_compiled.Flex, null, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+      xcss: styles.triggerButtonLabelStyles
+    }, label, firstOption && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, ": ", firstOption.label)), selectedOptions && selectedOptions.length > 1 && /*#__PURE__*/_react.default.createElement(_compiled.Flex, {
+      xcss: styles.badgeStyles,
       alignItems: "center"
     }, /*#__PURE__*/_react.default.createElement(_badge.default, {
       appearance: "primary"
@@ -91,9 +88,20 @@ var PopupTrigger = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
    * We had an issue with the popup component referencing a stale DOM ref for the trigger button.
    * Hence introducing a Box to make sure ref is always the same and only content is refreshed on re-renders
    */
-  return /*#__PURE__*/_react.default.createElement(_primitives.Box, {
+  return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
     ref: ref,
     testId: triggerButtonTestId
   }, showButtonLoading ? /*#__PURE__*/_react.default.createElement(LoadingButton, null) : /*#__PURE__*/_react.default.createElement(DefaultButton, null));
 });
-var _default = exports.default = PopupTrigger;
+var PopupTriggerExported = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+  if ((0, _platformFeatureFlags.fg)('bandicoots-compiled-migration-link-datasource')) {
+    return /*#__PURE__*/_react.default.createElement(PopupTrigger, (0, _extends2.default)({}, props, {
+      ref: ref
+    }));
+  } else {
+    return /*#__PURE__*/_react.default.createElement(_triggerOld.default, (0, _extends2.default)({}, props, {
+      ref: ref
+    }));
+  }
+});
+var _default = exports.default = PopupTriggerExported;

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

@@ -0,0 +1,3 @@
+._16jlkb7n{flex-grow:1}
+._1o9zkb7n{flex-shrink:1}
+._i0dlf1ug{flex-basis:0%}

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

@@ -1,30 +1,37 @@
+/* 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.default = exports.AssetsItemCount = void 0;
+exports.default = exports.TableSearchCountExported = exports.AssetsItemCountNew = exports.AssetsItemCount = void 0;
+require("./index.compiled.css");
+var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _heading = _interopRequireDefault(require("@atlaskit/heading"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _primitives = require("@atlaskit/primitives");
+var _compiled = require("@atlaskit/primitives/compiled");
 var _linkUrl = _interopRequireDefault(require("@atlaskit/smart-card/link-url"));
 var _colors = require("@atlaskit/theme/colors");
 var _messages = require("../../../table-footer/messages");
 var _messages2 = require("./messages");
-var searchCountStyles = (0, _primitives.xcss)({
-  flex: 1
-});
+var _searchCountOld = _interopRequireWildcard(require("./search-count-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; }
+var styles = {
+  searchCountStyles: "_16jlkb7n _1o9zkb7n _i0dlf1ug"
+};
 var ItemCountWrapper = function ItemCountWrapper(_ref) {
   var url = _ref.url,
     children = _ref.children,
     testId = _ref.testId;
-  return /*#__PURE__*/_react.default.createElement(_primitives.Flex, {
+  return /*#__PURE__*/_react.default.createElement(_compiled.Flex, {
     testId: testId,
-    xcss: searchCountStyles,
+    xcss: styles.searchCountStyles,
     alignItems: "center"
   }, /*#__PURE__*/_react.default.createElement(_linkUrl.default, {
     href: url,
@@ -40,7 +47,7 @@ var ItemCountWrapper = function ItemCountWrapper(_ref) {
     size: "xxsmall"
   }, children)));
 };
-var AssetsItemCount = exports.AssetsItemCount = function AssetsItemCount(_ref2) {
+var AssetsItemCountNew = exports.AssetsItemCountNew = function AssetsItemCountNew(_ref2) {
   var searchCount = _ref2.searchCount,
     url = _ref2.url,
     testId = _ref2.testId;
@@ -58,6 +65,13 @@ var AssetsItemCount = exports.AssetsItemCount = function AssetsItemCount(_ref2)
     }
   })));
 };
+var AssetsItemCount = exports.AssetsItemCount = function AssetsItemCount(props) {
+  if ((0, _platformFeatureFlags.fg)('bandicoots-compiled-migration-link-datasource')) {
+    return /*#__PURE__*/_react.default.createElement(AssetsItemCountNew, props);
+  } else {
+    return /*#__PURE__*/_react.default.createElement(_searchCountOld.AssetsItemCountOld, props);
+  }
+};
 var TableSearchCount = function TableSearchCount(_ref3) {
   var url = _ref3.url,
     searchCount = _ref3.searchCount,
@@ -76,4 +90,11 @@ var TableSearchCount = function TableSearchCount(_ref3) {
     }
   })));
 };
-var _default = exports.default = TableSearchCount;
+var TableSearchCountExported = exports.TableSearchCountExported = function TableSearchCountExported(props) {
+  if ((0, _platformFeatureFlags.fg)('bandicoots-compiled-migration-link-datasource')) {
+    return /*#__PURE__*/_react.default.createElement(TableSearchCount, props);
+  } else {
+    return /*#__PURE__*/_react.default.createElement(_searchCountOld.default, props);
+  }
+};
+var _default = exports.default = TableSearchCountExported;