@atlaskit/link-datasource 3.22.6 → 4.0.0

package/dist/cjs/ui/common/modal/content-container/content-container-old.js

@@ -1,39 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ContentContainerOld = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _primitives = require("@atlaskit/primitives");
-var _colors = require("@atlaskit/theme/colors");
-var _issueLikeTableOld = require("../../../issue-like-table/issue-like-table-old");
-var contentContainerStyles = (0, _primitives.xcss)({
-  display: 'grid',
-  maxHeight: '420px',
-  overflow: 'auto',
-  borderBottom: "2px solid ".concat("var(--ds-background-accent-gray-subtler, ".concat(_colors.N40, ")")),
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  backgroundImage: _issueLikeTableOld.scrollableContainerShadowsCssComponents.backgroundImage,
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  backgroundPosition: _issueLikeTableOld.scrollableContainerShadowsCssComponents.backgroundPosition,
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  backgroundRepeat: _issueLikeTableOld.scrollableContainerShadowsCssComponents.backgroundRepeat,
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  backgroundSize: _issueLikeTableOld.scrollableContainerShadowsCssComponents.backgroundSize,
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  backgroundAttachment: _issueLikeTableOld.scrollableContainerShadowsCssComponents.backgroundAttachment
-});
-var tableContainerStyles = (0, _primitives.xcss)({
-  borderTopLeftRadius: "var(--ds-border-radius-200, 8px)",
-  borderTopRightRadius: "var(--ds-border-radius-200, 8px)",
-  border: "1px solid ".concat("var(--ds-border, ".concat(_colors.N40, ")"))
-});
-var ContentContainerOld = exports.ContentContainerOld = function ContentContainerOld(_ref) {
-  var children = _ref.children,
-    withTableBorder = _ref.withTableBorder;
-  return /*#__PURE__*/_react.default.createElement(_primitives.Box, {
-    xcss: [contentContainerStyles, withTableBorder && tableContainerStyles]
-  }, children);
-};

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

@@ -1,42 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SmartLinkOld = exports.SmartCardPlaceholderOld = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _reactIntlNext = require("react-intl-next");
-var _primitives = require("@atlaskit/primitives");
-var _link = _interopRequireDefault(require("../../../issue-like-table/render-type/link"));
-var placeholderSmartLinkStyles = (0, _primitives.xcss)({
-  backgroundColor: 'elevation.surface.raised',
-  borderRadius: "var(--ds-border-radius-200, 3px)",
-  color: 'color.text.brand',
-  paddingTop: 'space.0',
-  paddingBottom: 'space.0',
-  paddingLeft: 'space.025',
-  paddingRight: 'space.025',
-  boxShadow: 'elevation.shadow.raised'
-});
-var smartLinkContainerStyles = (0, _primitives.xcss)({
-  paddingLeft: 'space.025'
-});
-var SmartCardPlaceholderOld = exports.SmartCardPlaceholderOld = function SmartCardPlaceholderOld(_ref) {
-  var placeholderText = _ref.placeholderText;
-  return /*#__PURE__*/_react.default.createElement(_primitives.Box, {
-    xcss: smartLinkContainerStyles
-  }, /*#__PURE__*/_react.default.createElement(_primitives.Box, {
-    as: "span",
-    testId: "datasource-modal--smart-card-placeholder",
-    xcss: placeholderSmartLinkStyles
-  }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, placeholderText)));
-};
-var SmartLinkOld = exports.SmartLinkOld = function SmartLinkOld(_ref2) {
-  var url = _ref2.url;
-  return /*#__PURE__*/_react.default.createElement(_primitives.Box, {
-    xcss: smartLinkContainerStyles
-  }, /*#__PURE__*/_react.default.createElement(_link.default, {
-    url: url
-  }));
-};

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

@@ -1,76 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DisplayViewDropDownOld = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _reactIntlNext = require("react-intl-next");
-var _dropdownMenu = _interopRequireWildcard(require("@atlaskit/dropdown-menu"));
-var _primitives = require("@atlaskit/primitives");
-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; }
-var dropDownItemGroupStyles = (0, _primitives.xcss)({
-  width: '320px',
-  height: '140px',
-  paddingTop: 'space.050',
-  paddingBottom: 'space.050',
-  borderRadius: 'border.radius'
-});
-var InlineIcon = /*#__PURE__*/_react.default.createElement("svg", {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: "24",
-  height: "24",
-  viewBox: "0 0 24 24",
-  fill: "none"
-}, /*#__PURE__*/_react.default.createElement("path", {
-  fillRule: "evenodd",
-  clipRule: "evenodd",
-  d: "M4 9C2.89543 9 2 9.67155 2 10.5V13.5C2 14.3285 2.89543 15 4 15H20C21.1046 15 22 14.3285 22 13.5V10.5C22 9.67155 21.1046 9 20 9H4ZM4.22222 11.25C4.22222 10.5 4.22222 10.5 5 10.5H7C7.55556 10.5 7.55556 10.5 7.55556 11.25V13C7.55556 13.5 7.55556 13.5 7 13.5H5C4.22222 13.5 4.22222 13.5 4.22222 13V11.25ZM9 12C9 11.7929 9.2239 11.625 9.5 11.625H19.5C19.7761 11.625 20 11.7929 20 12C20 12.2071 19.7761 12.375 19.5 12.375H9.5C9.2239 12.375 9 12.2071 9 12Z",
-  fill: 'currentColor'
-}));
-var ListIcon = /*#__PURE__*/_react.default.createElement("svg", {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: "24",
-  height: "24",
-  viewBox: "0 0 15 15",
-  fill: "none"
-}, /*#__PURE__*/_react.default.createElement("path", {
-  fillRule: "evenodd",
-  clipRule: "evenodd",
-  d: "M0 2C0 0.89543 0.895431 0 2 0H13C14.1046 0 15 0.895431 15 2V13C15 14.1046 14.1046 15 13 15H2C0.89543 15 0 14.1046 0 13V2ZM5 6C5 5.44772 5.44772 5 6 5L12 5C12.5523 5 13 5.44772 13 6C13 6.55229 12.5523 7 12 7L6 7C5.44772 7 5 6.55228 5 6ZM6 8C5.44772 8 5 8.44771 5 9C5 9.55228 5.44772 10 6 10L12 10C12.5523 10 13 9.55229 13 9C13 8.44772 12.5523 8 12 8L6 8ZM5 12C5 11.4477 5.44772 11 6 11L12 11C12.5523 11 13 11.4477 13 12C13 12.5523 12.5523 13 12 13L6 13C5.44772 13 5 12.5523 5 12ZM3 7C3.55228 7 4 6.55228 4 6C4 5.44772 3.55228 5 3 5C2.44772 5 2 5.44772 2 6C2 6.55228 2.44772 7 3 7ZM5 3C5 2.44772 5.44772 2 6 2L12 2C12.5523 2 13 2.44772 13 3C13 3.55229 12.5523 4 12 4L6 4C5.44772 4 5 3.55228 5 3ZM3 4C3.55228 4 4 3.55228 4 3C4 2.44772 3.55228 2 3 2C2.44772 2 2 2.44772 2 3C2 3.55228 2.44772 4 3 4ZM4 9C4 9.55229 3.55228 10 3 10C2.44772 10 2 9.55229 2 9C2 8.44771 2.44772 8 3 8C3.55228 8 4 8.44771 4 9ZM3 13C3.55228 13 4 12.5523 4 12C4 11.4477 3.55228 11 3 11C2.44772 11 2 11.4477 2 12C2 12.5523 2.44772 13 3 13Z",
-  fill: 'currentColor'
-}));
-var DisplayViewDropDownOld = exports.DisplayViewDropDownOld = function DisplayViewDropDownOld(_ref) {
-  var onViewModeChange = _ref.onViewModeChange,
-    viewMode = _ref.viewMode;
-  var _useIntl = (0, _reactIntlNext.useIntl)(),
-    formatMessage = _useIntl.formatMessage;
-  var isTable = viewMode === 'table';
-  var triggerText = isTable ? formatMessage(_messages.displayViewDropDownMessages.viewModeListLabel) : formatMessage(_messages.displayViewDropDownMessages.viewModeInlineLinkLabel);
-  return /*#__PURE__*/_react.default.createElement(_dropdownMenu.default, {
-    trigger: triggerText,
-    testId: "datasource-modal--view-drop-down"
-  }, /*#__PURE__*/_react.default.createElement(_primitives.Box, {
-    xcss: dropDownItemGroupStyles
-  }, /*#__PURE__*/_react.default.createElement(_dropdownMenu.DropdownItemGroup, null, /*#__PURE__*/_react.default.createElement(_dropdownMenu.DropdownItem, {
-    testId: "dropdown-item-table",
-    onClick: function onClick() {
-      return onViewModeChange('table');
-    },
-    isSelected: isTable,
-    description: formatMessage(_messages.displayViewDropDownMessages.viewModeListDescription),
-    elemBefore: ListIcon
-  }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.displayViewDropDownMessages.viewModeListLabel)), /*#__PURE__*/_react.default.createElement(_dropdownMenu.DropdownItem, {
-    testId: "dropdown-item-inline-link",
-    onClick: function onClick() {
-      return onViewModeChange('inline');
-    },
-    isSelected: !isTable,
-    description: formatMessage(_messages.displayViewDropDownMessages.viewModeInlineLinkDescription),
-    elemBefore: InlineIcon
-  }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.displayViewDropDownMessages.viewModeInlineLinkLabel)))));
-};

package/dist/cjs/ui/common/modal/mode-switcher/modeSwitcherOld.js

@@ -1,140 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ModeSwitcherOld = exports.DatasourceViewModeDropDown = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireDefault(require("react"));
-var _react2 = require("@emotion/react");
-var _colors = require("@atlaskit/theme/colors");
-var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
-var _types = require("../../../../analytics/types");
-var _userInteractions = require("../../../../contexts/user-interactions");
-var _displayViewDropDown = require("../display-view-dropdown/display-view-drop-down");
-var _useViewModeContext2 = require("./useViewModeContext");
-/* eslint-disable @atlaskit/design-system/use-tokens-typography */
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
-var modeSwitcherStyles = (0, _react2.css)({
-  alignItems: 'center',
-  background: "var(--ds-background-neutral, ".concat(_colors.N20, ")"),
-  borderRadius: "var(--ds-space-050, 4px)",
-  boxSizing: 'border-box',
-  display: 'inline-flex',
-  gap: "var(--ds-space-050, 4px)",
-  padding: "var(--ds-space-050, 4px)",
-  '&:disabled': {
-    opacity: '0.5'
-  },
-  marginLeft: "var(--ds-space-250, 20px)"
-});
-var compactModeSwitcherStyles = (0, _react2.css)({
-  padding: "var(--ds-space-050, 4px)",
-  gap: "var(--ds-space-025, 2px)"
-});
-var modeInputStyles = (0, _react2.css)({
-  display: 'none'
-});
-var modeSwitcherLabelStyles = (0, _react2.css)({
-  color: "var(--ds-text-subtlest, ".concat(_colors.N700, ")"),
-  font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
-  fontWeight: "var(--ds-font-weight-semibold, 600)",
-  textTransform: 'uppercase',
-  padding: "var(--ds-space-050, 4px)",
-  borderRadius: "var(--ds-space-050, 4px)",
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
-  ':hover': {
-    cursor: 'pointer',
-    backgroundColor: "var(--ds-background-neutral-subtle-hovered, ".concat(_colors.N30A, ")")
-  }
-});
-var modeSwitcherLabelSelectedStyles = (0, _react2.css)({
-  backgroundColor: "var(--ds-background-input-pressed, ".concat(_colors.N0, ")"),
-  borderRadius: "var(--ds-space-050, 4px)",
-  boxShadow: "var(--ds-shadow-overflow, 0px 0px 1px rgba(9, 30, 66, 0.12), 0px 0px 8px rgba(9, 30, 66, 0.16))",
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
-  ':hover': {
-    cursor: 'pointer',
-    backgroundColor: "var(--ds-background-input-pressed, ".concat(_colors.N0, ")")
-  }
-});
-var modeSwitcherLabelDisabledStyles = (0, _react2.css)({
-  color: "var(--ds-text-disabled, ".concat(_colors.N60, ")")
-});
-var modeSwitcherDisabledStyles = (0, _react2.css)({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
-  ':hover': {
-    cursor: 'not-allowed',
-    background: 'transparent'
-  }
-});
-var compactModeSwitcherLabelStyles = (0, _react2.css)({
-  padding: "var(--ds-space-025, 2px)".concat(" ", "var(--ds-space-050, 4px)")
-});
-var ModeSwitcherOld = exports.ModeSwitcherOld = function ModeSwitcherOld(props) {
-  var _options$;
-  var isCompact = props.isCompact,
-    isDisabled = props.isDisabled,
-    onOptionValueChange = props.onOptionValueChange,
-    options = props.options,
-    _props$selectedOption = props.selectedOptionValue,
-    selectedOptionValue = _props$selectedOption === void 0 ? (_options$ = options[0]) === null || _options$ === void 0 ? void 0 : _options$.value : _props$selectedOption;
-  var handleModeChange = function handleModeChange(event) {
-    onOptionValueChange(event.currentTarget.value);
-  };
-  return options.length > 0 ? (0, _react2.jsx)("fieldset", {
-    css: [modeSwitcherStyles, isCompact && compactModeSwitcherStyles],
-    "data-testid": "mode-toggle-container",
-    disabled: isDisabled
-  }, options.map(function (_ref) {
-    var value = _ref.value,
-      label = _ref.label,
-      isOptionDisabled = _ref.disabled,
-      tooltipText = _ref.tooltipText;
-    var isSelected = value === selectedOptionValue;
-    return (0, _react2.jsx)(_tooltip.default, {
-      key: value,
-      content: tooltipText
-    }, function (tooltipProps) {
-      return (0, _react2.jsx)("label", (0, _extends2.default)({}, tooltipProps, {
-        key: value,
-        css: [modeSwitcherLabelStyles, isCompact && compactModeSwitcherLabelStyles, isSelected && modeSwitcherLabelSelectedStyles, isDisabled && modeSwitcherDisabledStyles, isOptionDisabled && [modeSwitcherLabelDisabledStyles, modeSwitcherDisabledStyles]],
-        "data-testid": "mode-toggle-".concat(value)
-      }), label, (0, _react2.jsx)("input", {
-        "aria-checked": isSelected,
-        "aria-disabled": isOptionDisabled,
-        checked: isSelected,
-        css: modeInputStyles,
-        disabled: isOptionDisabled,
-        onChange: handleModeChange,
-        type: "radio",
-        value: value
-      }));
-    });
-  })) : null;
-};
-var DatasourceViewModeDropDown = exports.DatasourceViewModeDropDown = function DatasourceViewModeDropDown() {
-  var userInteractions = (0, _userInteractions.useUserInteractions)();
-  var _useViewModeContext = (0, _useViewModeContext2.useViewModeContext)(),
-    currentViewMode = _useViewModeContext.currentViewMode,
-    setCurrentViewMode = _useViewModeContext.setCurrentViewMode,
-    disableDisplayDropdown = _useViewModeContext.disableDisplayDropdown;
-  if (disableDisplayDropdown) {
-    return null;
-  }
-  var handleViewModeChange = function handleViewModeChange(selectedMode) {
-    userInteractions.add(_types.DatasourceAction.DISPLAY_VIEW_CHANGED);
-    setCurrentViewMode(selectedMode);
-  };
-  return (0, _react2.jsx)(_displayViewDropDown.DisplayViewDropDown, {
-    onViewModeChange: handleViewModeChange,
-    viewMode: currentViewMode
-  });
-};

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

@@ -1,41 +0,0 @@
-"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 _crossCircle = _interopRequireDefault(require("@atlaskit/icon/core/migration/cross-circle"));
-var _search = _interopRequireDefault(require("@atlaskit/icon/core/migration/search"));
-var _primitives = require("@atlaskit/primitives");
-var _select = require("@atlaskit/select");
-var customDropdownIndicatorStyles = (0, _primitives.xcss)({
-  display: 'flex',
-  cursor: 'pointer',
-  justifyContent: 'center',
-  width: "var(--ds-space-400, 32px)"
-});
-var CustomDropdownIndicator = function CustomDropdownIndicator(props) {
-  var selectProps = props.selectProps;
-  return /*#__PURE__*/_react.default.createElement(_select.components.DropdownIndicator, props, /*#__PURE__*/_react.default.createElement(_primitives.Box, {
-    xcss: customDropdownIndicatorStyles,
-    onClick: function onClick() {
-      if (selectProps.inputValue) {
-        selectProps.onInputChange && selectProps.onInputChange('', {
-          action: 'input-change',
-          prevInputValue: selectProps.inputValue
-        });
-      }
-    }
-  }, selectProps.inputValue ? /*#__PURE__*/_react.default.createElement(_crossCircle.default, {
-    LEGACY_size: "small",
-    label: "",
-    color: "currentColor"
-  }) : /*#__PURE__*/_react.default.createElement(_search.default, {
-    LEGACY_size: "small",
-    label: "",
-    color: "currentColor"
-  })));
-};
-var _default = exports.default = CustomDropdownIndicator;

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

@@ -1,43 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireDefault(require("react"));
-var _reactIntlNext = require("react-intl-next");
-var _primitives = require("@atlaskit/primitives");
-var _colors = require("@atlaskit/theme/colors");
-var _messages = require("./messages");
-var footerContainerStyles = (0, _primitives.xcss)({
-  paddingTop: 'space.050',
-  paddingBottom: 'space.050',
-  borderTop: "".concat("var(--ds-border, ".concat(_colors.N40, ")"), " solid 1px")
-});
-var footerPaginationInfoStyles = (0, _primitives.xcss)({
-  color: 'color.text.subtlest',
-  marginBlock: 'space.100',
-  marginInline: 'space.150'
-});
-var PopupFooter = function PopupFooter(_ref) {
-  var currentDisplayCount = _ref.currentDisplayCount,
-    totalCount = _ref.totalCount,
-    filterName = _ref.filterName;
-  return /*#__PURE__*/_react.default.createElement(_primitives.Flex, {
-    testId: "".concat(filterName, "--footer"),
-    direction: "row",
-    alignItems: "center",
-    justifyContent: "end",
-    xcss: footerContainerStyles
-  }, /*#__PURE__*/_react.default.createElement(_primitives.Inline, {
-    xcss: footerPaginationInfoStyles
-  }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.asyncPopupSelectMessages.paginationDetails, {
-    values: {
-      currentDisplayCount: currentDisplayCount,
-      totalCount: totalCount
-    }
-  }))));
-};
-var _default = exports.default = PopupFooter;

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

@@ -1,91 +0,0 @@
-"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 _avatar = _interopRequireDefault(require("@atlaskit/avatar"));
-var _peopleGroup = _interopRequireDefault(require("@atlaskit/icon/core/migration/people-group"));
-var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge"));
-var _primitives = require("@atlaskit/primitives");
-var commonLabelStyles = (0, _primitives.xcss)({
-  overflow: 'hidden',
-  textOverflow: 'ellipsis'
-});
-var avatarOptionLabelStyles = (0, _primitives.xcss)({
-  marginLeft: 'space.050'
-});
-var groupWrapperStyles = (0, _primitives.xcss)({
-  width: "var(--ds-space-250, 20px)",
-  minWidth: "var(--ds-space-250, 20px)",
-  height: "var(--ds-space-250, 20px)"
-});
-var IconOptionLabel = function IconOptionLabel(_ref) {
-  var data = _ref.data;
-  var label = data.label,
-    avatar = data.icon,
-    value = data.value;
-  var avatarOptionLabelData = {
-    label: label,
-    avatar: avatar,
-    value: value,
-    optionType: 'avatarLabel',
-    isSquare: true
-  };
-  return /*#__PURE__*/_react.default.createElement(AvatarOptionLabel, {
-    data: avatarOptionLabelData,
-    testId: "basic-filter-popup-select-option--icon-label"
-  });
-};
-var LozengeOptionLabel = function LozengeOptionLabel(_ref2) {
-  var data = _ref2.data;
-  return /*#__PURE__*/_react.default.createElement(_lozenge.default, {
-    appearance: data.appearance,
-    testId: "basic-filter-popup-select-option--lozenge"
-  }, /*#__PURE__*/_react.default.createElement(_primitives.Box, {
-    xcss: [commonLabelStyles]
-  }, data.label));
-};
-var AvatarOptionLabel = function AvatarOptionLabel(_ref3) {
-  var data = _ref3.data,
-    testId = _ref3.testId;
-  return /*#__PURE__*/_react.default.createElement(_primitives.Flex, {
-    alignItems: "center",
-    testId: testId || 'basic-filter-popup-select-option--avatar'
-  }, data.isGroup ? /*#__PURE__*/_react.default.createElement(_primitives.Flex, {
-    alignItems: "center",
-    justifyContent: "center",
-    xcss: groupWrapperStyles
-  }, /*#__PURE__*/_react.default.createElement(_peopleGroup.default, {
-    color: "currentColor",
-    LEGACY_size: "small",
-    label: ""
-  })) : /*#__PURE__*/_react.default.createElement(_avatar.default, {
-    appearance: data.isSquare ? 'square' : 'circle',
-    src: data.avatar,
-    size: "xsmall"
-  }), /*#__PURE__*/_react.default.createElement(_primitives.Box, {
-    xcss: [commonLabelStyles, avatarOptionLabelStyles]
-  }, data.label));
-};
-var formatOptionLabel = function formatOptionLabel(data) {
-  if (data.optionType === 'lozengeLabel') {
-    return /*#__PURE__*/_react.default.createElement(LozengeOptionLabel, {
-      data: data
-    });
-  }
-  if (data.optionType === 'avatarLabel') {
-    return /*#__PURE__*/_react.default.createElement(AvatarOptionLabel, {
-      data: data
-    });
-  }
-  if (data.optionType === 'iconLabel') {
-    return /*#__PURE__*/_react.default.createElement(IconOptionLabel, {
-      data: data
-    });
-  }
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
-};
-var _default = exports.default = formatOptionLabel;

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

@@ -1,75 +0,0 @@
-"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/selectMessageOld.js

@@ -1,38 +0,0 @@
-"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;