@atlaskit/link-datasource 3.22.7 → 4.0.0

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

@@ -1,64 +0,0 @@
-import React from 'react';
-import { FormattedMessage, useIntl } from 'react-intl-next';
-import DropdownMenu, { DropdownItem, DropdownItemGroup } from '@atlaskit/dropdown-menu';
-import { Box, xcss } from '@atlaskit/primitives';
-import { displayViewDropDownMessages } from './messages';
-const dropDownItemGroupStyles = xcss({
-  width: '320px',
-  height: '140px',
-  paddingTop: 'space.050',
-  paddingBottom: 'space.050',
-  borderRadius: 'border.radius'
-});
-const InlineIcon = /*#__PURE__*/React.createElement("svg", {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: "24",
-  height: "24",
-  viewBox: "0 0 24 24",
-  fill: "none"
-}, /*#__PURE__*/React.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'
-}));
-const ListIcon = /*#__PURE__*/React.createElement("svg", {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: "24",
-  height: "24",
-  viewBox: "0 0 15 15",
-  fill: "none"
-}, /*#__PURE__*/React.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'
-}));
-export const DisplayViewDropDownOld = ({
-  onViewModeChange,
-  viewMode
-}) => {
-  const {
-    formatMessage
-  } = useIntl();
-  const isTable = viewMode === 'table';
-  const triggerText = isTable ? formatMessage(displayViewDropDownMessages.viewModeListLabel) : formatMessage(displayViewDropDownMessages.viewModeInlineLinkLabel);
-  return /*#__PURE__*/React.createElement(DropdownMenu, {
-    trigger: triggerText,
-    testId: "datasource-modal--view-drop-down"
-  }, /*#__PURE__*/React.createElement(Box, {
-    xcss: dropDownItemGroupStyles
-  }, /*#__PURE__*/React.createElement(DropdownItemGroup, null, /*#__PURE__*/React.createElement(DropdownItem, {
-    testId: "dropdown-item-table",
-    onClick: () => onViewModeChange('table'),
-    isSelected: isTable,
-    description: formatMessage(displayViewDropDownMessages.viewModeListDescription),
-    elemBefore: ListIcon
-  }, /*#__PURE__*/React.createElement(FormattedMessage, displayViewDropDownMessages.viewModeListLabel)), /*#__PURE__*/React.createElement(DropdownItem, {
-    testId: "dropdown-item-inline-link",
-    onClick: () => onViewModeChange('inline'),
-    isSelected: !isTable,
-    description: formatMessage(displayViewDropDownMessages.viewModeInlineLinkDescription),
-    elemBefore: InlineIcon
-  }, /*#__PURE__*/React.createElement(FormattedMessage, displayViewDropDownMessages.viewModeInlineLinkLabel)))));
-};

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

@@ -1,133 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-/* eslint-disable @atlaskit/design-system/use-tokens-typography */
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import React from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
-import { N0, N20, N30A, N60, N700 } from '@atlaskit/theme/colors';
-import Tooltip from '@atlaskit/tooltip';
-import { DatasourceAction } from '../../../../analytics/types';
-import { useUserInteractions } from '../../../../contexts/user-interactions';
-import { DisplayViewDropDown } from '../display-view-dropdown/display-view-drop-down';
-import { useViewModeContext } from './useViewModeContext';
-const modeSwitcherStyles = css({
-  alignItems: 'center',
-  background: `var(--ds-background-neutral, ${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)"
-});
-const compactModeSwitcherStyles = css({
-  padding: "var(--ds-space-050, 4px)",
-  gap: "var(--ds-space-025, 2px)"
-});
-const modeInputStyles = css({
-  display: 'none'
-});
-const modeSwitcherLabelStyles = css({
-  color: `var(--ds-text-subtlest, ${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, ${N30A})`
-  }
-});
-const modeSwitcherLabelSelectedStyles = css({
-  backgroundColor: `var(--ds-background-input-pressed, ${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, ${N0})`
-  }
-});
-const modeSwitcherLabelDisabledStyles = css({
-  color: `var(--ds-text-disabled, ${N60})`
-});
-const modeSwitcherDisabledStyles = css({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
-  ':hover': {
-    cursor: 'not-allowed',
-    background: 'transparent'
-  }
-});
-const compactModeSwitcherLabelStyles = css({
-  padding: `${"var(--ds-space-025, 2px)"} ${"var(--ds-space-050, 4px)"}`
-});
-export const ModeSwitcherOld = props => {
-  var _options$;
-  const {
-    isCompact,
-    isDisabled,
-    onOptionValueChange,
-    options,
-    selectedOptionValue = (_options$ = options[0]) === null || _options$ === void 0 ? void 0 : _options$.value
-  } = props;
-  const handleModeChange = event => {
-    onOptionValueChange(event.currentTarget.value);
-  };
-  return options.length > 0 ? jsx("fieldset", {
-    css: [modeSwitcherStyles, isCompact && compactModeSwitcherStyles],
-    "data-testid": "mode-toggle-container",
-    disabled: isDisabled
-  }, options.map(({
-    value,
-    label,
-    disabled: isOptionDisabled,
-    tooltipText
-  }) => {
-    const isSelected = value === selectedOptionValue;
-    return jsx(Tooltip, {
-      key: value,
-      content: tooltipText
-    }, tooltipProps => jsx("label", _extends({}, tooltipProps, {
-      key: value,
-      css: [modeSwitcherLabelStyles, isCompact && compactModeSwitcherLabelStyles, isSelected && modeSwitcherLabelSelectedStyles, isDisabled && modeSwitcherDisabledStyles, isOptionDisabled && [modeSwitcherLabelDisabledStyles, modeSwitcherDisabledStyles]],
-      "data-testid": `mode-toggle-${value}`
-    }), label, jsx("input", {
-      "aria-checked": isSelected,
-      "aria-disabled": isOptionDisabled,
-      checked: isSelected,
-      css: modeInputStyles,
-      disabled: isOptionDisabled,
-      onChange: handleModeChange,
-      type: "radio",
-      value: value
-    })));
-  })) : null;
-};
-export const DatasourceViewModeDropDown = () => {
-  const userInteractions = useUserInteractions();
-  const {
-    currentViewMode,
-    setCurrentViewMode,
-    disableDisplayDropdown
-  } = useViewModeContext();
-  if (disableDisplayDropdown) {
-    return null;
-  }
-  const handleViewModeChange = selectedMode => {
-    userInteractions.add(DatasourceAction.DISPLAY_VIEW_CHANGED);
-    setCurrentViewMode(selectedMode);
-  };
-  return jsx(DisplayViewDropDown, {
-    onViewModeChange: handleViewModeChange,
-    viewMode: currentViewMode
-  });
-};

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

@@ -1,36 +0,0 @@
-import React from 'react';
-import CloseIcon from '@atlaskit/icon/core/migration/cross-circle';
-import SearchIcon from '@atlaskit/icon/core/migration/search';
-import { Box, xcss } from '@atlaskit/primitives';
-import { components } from '@atlaskit/select';
-const customDropdownIndicatorStyles = xcss({
-  display: 'flex',
-  cursor: 'pointer',
-  justifyContent: 'center',
-  width: "var(--ds-space-400, 32px)"
-});
-const CustomDropdownIndicator = props => {
-  const {
-    selectProps
-  } = props;
-  return /*#__PURE__*/React.createElement(components.DropdownIndicator, props, /*#__PURE__*/React.createElement(Box, {
-    xcss: customDropdownIndicatorStyles,
-    onClick: () => {
-      if (selectProps.inputValue) {
-        selectProps.onInputChange && selectProps.onInputChange('', {
-          action: 'input-change',
-          prevInputValue: selectProps.inputValue
-        });
-      }
-    }
-  }, selectProps.inputValue ? /*#__PURE__*/React.createElement(CloseIcon, {
-    LEGACY_size: "small",
-    label: "",
-    color: "currentColor"
-  }) : /*#__PURE__*/React.createElement(SearchIcon, {
-    LEGACY_size: "small",
-    label: "",
-    color: "currentColor"
-  })));
-};
-export default CustomDropdownIndicator;

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

@@ -1,37 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import React from 'react';
-import { FormattedMessage } from 'react-intl-next';
-import { Flex, Inline, xcss } from '@atlaskit/primitives';
-import { N40 } from '@atlaskit/theme/colors';
-import { asyncPopupSelectMessages } from './messages';
-const footerContainerStyles = xcss({
-  paddingTop: 'space.050',
-  paddingBottom: 'space.050',
-  borderTop: `${`var(--ds-border, ${N40})`} solid 1px`
-});
-const footerPaginationInfoStyles = xcss({
-  color: 'color.text.subtlest',
-  marginBlock: 'space.100',
-  marginInline: 'space.150'
-});
-const PopupFooter = ({
-  currentDisplayCount,
-  totalCount,
-  filterName
-}) => {
-  return /*#__PURE__*/React.createElement(Flex, {
-    testId: `${filterName}--footer`,
-    direction: "row",
-    alignItems: "center",
-    justifyContent: "end",
-    xcss: footerContainerStyles
-  }, /*#__PURE__*/React.createElement(Inline, {
-    xcss: footerPaginationInfoStyles
-  }, /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, asyncPopupSelectMessages.paginationDetails, {
-    values: {
-      currentDisplayCount,
-      totalCount
-    }
-  }))));
-};
-export default PopupFooter;

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

@@ -1,89 +0,0 @@
-import React from 'react';
-import Avatar from '@atlaskit/avatar';
-import PeopleGroupIcon from '@atlaskit/icon/core/migration/people-group';
-import Lozenge from '@atlaskit/lozenge';
-import { Box, Flex, xcss } from '@atlaskit/primitives';
-const commonLabelStyles = xcss({
-  overflow: 'hidden',
-  textOverflow: 'ellipsis'
-});
-const avatarOptionLabelStyles = xcss({
-  marginLeft: 'space.050'
-});
-const groupWrapperStyles = xcss({
-  width: "var(--ds-space-250, 20px)",
-  minWidth: "var(--ds-space-250, 20px)",
-  height: "var(--ds-space-250, 20px)"
-});
-const IconOptionLabel = ({
-  data
-}) => {
-  const {
-    label,
-    icon: avatar,
-    value
-  } = data;
-  const avatarOptionLabelData = {
-    label,
-    avatar,
-    value,
-    optionType: 'avatarLabel',
-    isSquare: true
-  };
-  return /*#__PURE__*/React.createElement(AvatarOptionLabel, {
-    data: avatarOptionLabelData,
-    testId: "basic-filter-popup-select-option--icon-label"
-  });
-};
-const LozengeOptionLabel = ({
-  data
-}) => {
-  return /*#__PURE__*/React.createElement(Lozenge, {
-    appearance: data.appearance,
-    testId: "basic-filter-popup-select-option--lozenge"
-  }, /*#__PURE__*/React.createElement(Box, {
-    xcss: [commonLabelStyles]
-  }, data.label));
-};
-const AvatarOptionLabel = ({
-  data,
-  testId
-}) => {
-  return /*#__PURE__*/React.createElement(Flex, {
-    alignItems: "center",
-    testId: testId || 'basic-filter-popup-select-option--avatar'
-  }, data.isGroup ? /*#__PURE__*/React.createElement(Flex, {
-    alignItems: "center",
-    justifyContent: "center",
-    xcss: groupWrapperStyles
-  }, /*#__PURE__*/React.createElement(PeopleGroupIcon, {
-    color: "currentColor",
-    LEGACY_size: "small",
-    label: ""
-  })) : /*#__PURE__*/React.createElement(Avatar, {
-    appearance: data.isSquare ? 'square' : 'circle',
-    src: data.avatar,
-    size: "xsmall"
-  }), /*#__PURE__*/React.createElement(Box, {
-    xcss: [commonLabelStyles, avatarOptionLabelStyles]
-  }, data.label));
-};
-const formatOptionLabel = data => {
-  if (data.optionType === 'lozengeLabel') {
-    return /*#__PURE__*/React.createElement(LozengeOptionLabel, {
-      data: data
-    });
-  }
-  if (data.optionType === 'avatarLabel') {
-    return /*#__PURE__*/React.createElement(AvatarOptionLabel, {
-      data: data
-    });
-  }
-  if (data.optionType === 'iconLabel') {
-    return /*#__PURE__*/React.createElement(IconOptionLabel, {
-      data: data
-    });
-  }
-  return /*#__PURE__*/React.createElement(React.Fragment, null);
-};
-export default formatOptionLabel;

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

@@ -1,66 +0,0 @@
-import React from 'react';
-import { Box, Flex, xcss } from '@atlaskit/primitives';
-import { components } from '@atlaskit/select';
-import Spinner from '@atlaskit/spinner';
-import CustomErrorMessage from './errorMessage';
-import CustomDropdownLoadingMessage from './loadingMessage';
-import CustomNoOptionsMessage from './noOptionsMessage';
-import ShowMoreButton from './showMoreButton';
-const inlineSpinnerStyles = xcss({
-  paddingTop: 'space.075'
-});
-const showMoreButtonBoxStyles = xcss({
-  paddingLeft: 'space.075',
-  paddingTop: 'space.100'
-});
-const CustomMenuList = ({
-  children,
-  ...props
-}) => {
-  const {
-    filterName,
-    isLoading,
-    isLoadingMore,
-    isError,
-    isEmpty,
-    errors,
-    showMore,
-    handleShowMore
-  } =
-  // @ts-ignore - https://product-fabric.atlassian.net/browse/DSP-21000
-  props.selectProps.menuListProps;
-  const shouldDisplayShowMore = showMore && !isLoadingMore;
-  const isLoadingMoreData = !shouldDisplayShowMore && isLoadingMore;
-  const InlineSpinner = () => /*#__PURE__*/React.createElement(Flex, {
-    justifyContent: "center",
-    xcss: inlineSpinnerStyles
-  }, /*#__PURE__*/React.createElement(Spinner, {
-    size: "medium"
-  }));
-  const renderChildren = () => {
-    if (isLoading) {
-      return /*#__PURE__*/React.createElement(CustomDropdownLoadingMessage, {
-        filterName: filterName
-      });
-    }
-    if (isError) {
-      return /*#__PURE__*/React.createElement(CustomErrorMessage, {
-        filterName: filterName,
-        errors: errors
-      });
-    }
-    if (isEmpty) {
-      return /*#__PURE__*/React.createElement(CustomNoOptionsMessage, {
-        filterName: filterName
-      });
-    }
-    return /*#__PURE__*/React.createElement(React.Fragment, null, children, shouldDisplayShowMore && handleShowMore && /*#__PURE__*/React.createElement(Box, {
-      xcss: showMoreButtonBoxStyles
-    }, /*#__PURE__*/React.createElement(ShowMoreButton, {
-      onShowMore: handleShowMore,
-      filterName: filterName
-    })), isLoadingMoreData && /*#__PURE__*/React.createElement(InlineSpinner, null));
-  };
-  return /*#__PURE__*/React.createElement(components.MenuList, props, renderChildren());
-};
-export default CustomMenuList;

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

@@ -1,32 +0,0 @@
-import React from 'react';
-import { FormattedMessage } from 'react-intl-next';
-import Heading from '@atlaskit/heading';
-import { Flex, Stack, xcss } from '@atlaskit/primitives';
-const boxStyles = xcss({
-  height: "var(--ds-space-800, 64px)",
-  marginBottom: 'space.200'
-});
-const stackStyles = xcss({
-  paddingTop: 'space.100',
-  paddingBottom: 'space.100',
-  paddingLeft: 'space.150',
-  paddingRight: 'space.150'
-});
-const CustomSelectMessage = ({
-  icon,
-  message,
-  testId
-}) => {
-  return /*#__PURE__*/React.createElement(Stack, {
-    xcss: stackStyles,
-    testId: testId,
-    alignInline: "center"
-  }, /*#__PURE__*/React.createElement(Flex, {
-    xcss: boxStyles,
-    alignItems: "center",
-    justifyContent: "center"
-  }, icon), /*#__PURE__*/React.createElement(Heading, {
-    size: "xsmall"
-  }, /*#__PURE__*/React.createElement(FormattedMessage, message)));
-};
-export default CustomSelectMessage;

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

@@ -1,83 +0,0 @@
-import React, { forwardRef, useCallback } from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import styled from '@emotion/styled';
-import Badge from '@atlaskit/badge';
-import Button from '@atlaskit/button/standard-button';
-import ChevronDownIcon from '@atlaskit/icon/utility/migration/chevron-down';
-import { Box, Flex, xcss } from '@atlaskit/primitives';
-import Spinner from '@atlaskit/spinner';
-const triggerButtonLabelStyles = xcss({
-  textOverflow: 'ellipsis',
-  overflow: 'hidden'
-});
-const badgeStyles = 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
-export const LoadingStateAnimationWrapper = styled.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
-    }
-  }
-});
-const PopupTrigger = /*#__PURE__*/forwardRef(({
-  isSelected,
-  isDisabled,
-  isLoading,
-  selectedOptions,
-  testId,
-  label
-}, ref) => {
-  const [firstOption] = selectedOptions || [];
-  const hasOptions = selectedOptions && selectedOptions.length > 0;
-  const showButtonLoading = !isDisabled && isLoading;
-  const triggerButtonTestId = `${testId}-trigger`;
-  const LoadingButton = useCallback(() => /*#__PURE__*/React.createElement(LoadingStateAnimationWrapper, null, /*#__PURE__*/React.createElement(Button, {
-    iconAfter: /*#__PURE__*/React.createElement(Spinner, {
-      size: 'xsmall'
-    }),
-    testId: `${triggerButtonTestId}--loading-button`
-  }, label)), [label, triggerButtonTestId]);
-  const DefaultButton = useCallback(() => /*#__PURE__*/React.createElement(Button, {
-    appearance: "default",
-    isSelected: isSelected || hasOptions,
-    isDisabled: isDisabled,
-    iconAfter: /*#__PURE__*/React.createElement(ChevronDownIcon, {
-      label: "",
-      color: "currentColor"
-    }),
-    testId: `${triggerButtonTestId}--button`
-  }, /*#__PURE__*/React.createElement(Flex, null, /*#__PURE__*/React.createElement(Box, {
-    xcss: triggerButtonLabelStyles
-  }, label, firstOption && /*#__PURE__*/React.createElement(React.Fragment, null, ": ", firstOption.label)), selectedOptions && selectedOptions.length > 1 && /*#__PURE__*/React.createElement(Flex, {
-    xcss: badgeStyles,
-    alignItems: "center"
-  }, /*#__PURE__*/React.createElement(Badge, {
-    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.createElement(Box, {
-    ref: ref,
-    testId: triggerButtonTestId
-  }, showButtonLoading ? /*#__PURE__*/React.createElement(LoadingButton, null) : /*#__PURE__*/React.createElement(DefaultButton, null));
-});
-export default PopupTrigger;

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

@@ -1,71 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import React from 'react';
-import { FormattedMessage, FormattedNumber } from 'react-intl-next';
-import Heading from '@atlaskit/heading';
-import { fg } from '@atlaskit/platform-feature-flags';
-import { Flex, xcss } from '@atlaskit/primitives';
-import LinkUrl from '@atlaskit/smart-card/link-url';
-import { N800 } from '@atlaskit/theme/colors';
-import { footerMessages } from '../../../table-footer/messages';
-import { searchCountMessages } from './messages';
-const searchCountStyles = xcss({
-  flex: 1
-});
-const ItemCountWrapper = ({
-  url,
-  children,
-  testId
-}) => /*#__PURE__*/React.createElement(Flex, {
-  testId: testId,
-  xcss: searchCountStyles,
-  alignItems: "center"
-}, /*#__PURE__*/React.createElement(LinkUrl, {
-  href: url,
-  target: "_blank",
-  testId: "item-count-url"
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-  ,
-  style: {
-    color: `var(--ds-text-accent-gray, ${N800})`,
-    textDecoration: !url ? 'none' : ''
-  }
-}, /*#__PURE__*/React.createElement(Heading, {
-  size: "xxsmall"
-}, children)));
-export const AssetsItemCountOld = ({
-  searchCount,
-  url,
-  testId
-}) => {
-  let capCount = searchCount >= 1000;
-  let displayCount = capCount ? 1000 : searchCount;
-  let countModifier = capCount ? '+' : '';
-  return /*#__PURE__*/React.createElement(ItemCountWrapper, {
-    testId: testId,
-    url: url
-  }, /*#__PURE__*/React.createElement(FormattedNumber, {
-    value: displayCount
-  }), countModifier, ' ', /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, footerMessages.itemText, {
-    values: {
-      itemCount: searchCount
-    }
-  })));
-};
-const TableSearchCount = ({
-  url,
-  searchCount,
-  testId = 'datasource-table-total-results-count',
-  prefixTextType = 'issue'
-}) => {
-  const isIssue = prefixTextType === 'issue';
-  const messageKey = isIssue && fg('confluence-issue-terminology-refresh') ? 'issueCountTextIssueTermRefresh' : `${prefixTextType}CountText`;
-  return /*#__PURE__*/React.createElement(ItemCountWrapper, {
-    testId: testId,
-    url: url
-  }, /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, searchCountMessages[messageKey], {
-    values: {
-      searchCount
-    }
-  })));
-};
-export default TableSearchCount;