@atlaskit/link-picker 2.1.0 → 3.0.1

package/dist/es2019/ui/link-picker/search-results/link-search-list/list-item/old/styled.js

@@ -1,83 +0,0 @@
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css } from '@emotion/react';
-import { B100, B400, B50, N20, N200, N300 } from '@atlaskit/theme/colors';
-const listItemBaseStyles = css({
-  display: 'flex',
-  paddingTop: "var(--ds-space-100, 8px)",
-  paddingBottom: "var(--ds-space-100, 8px)",
-  paddingLeft: `clamp( ${"var(--ds-space-100, 8px)"}, var(--link-picker-padding-left), 100% )`,
-  paddingRight: `clamp( ${"var(--ds-space-100, 8px)"}, var(--link-picker-padding-right), 100% )`,
-  margin: 0,
-  cursor: 'pointer'
-});
-const listItemFocusStyles = css({
-  '&:focus': {
-    outline: 'none',
-    boxShadow: `0 0 0 2px ${`var(--ds-border-focused, ${B100})`} inset`,
-    textDecoration: 'none'
-  }
-});
-const listItemBoxShadow = css({
-  boxShadow: `inset 2px 0px 0px ${`var(--ds-border-selected, ${B400})`}`
-});
-const listItemActive = css({
-  '&:hover': {
-    backgroundColor: `var(--ds-background-neutral-subtle-hovered, ${N20})`
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  listItemBoxShadow
-});
-const listItemSelected = css({
-  backgroundColor: `var(--ds-background-selected, ${B50})`
-},
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-listItemBoxShadow);
-export const composeListItemStyles = (selected = false) => {
-  return css(
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  listItemBaseStyles,
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  !selected && listItemActive,
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  selected && listItemSelected,
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  listItemFocusStyles);
-};
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const itemNameStyles = css({
-  overflow: 'hidden',
-  alignContent: 'center',
-  width: '100%'
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const listItemContextStyles = css({
-  color: `var(--ds-text, ${N300})`,
-  font: "var(--ds-font-body-small, normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
-  display: 'flex'
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const listItemContainerStyles = css({
-  overflow: 'hidden',
-  textOverflow: 'ellipsis'
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const listItemContainerInnerStyles = css({
-  color: `var(--ds-text-subtlest, ${N200})`,
-  whiteSpace: 'nowrap'
-});
-
-// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const itemIconStyles = css({
-  minWidth: "var(--ds-space-200, 16px)",
-  marginTop: "var(--ds-space-050, 4px)",
-  marginRight: "var(--ds-space-150, 12px)"
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const imgStyles = css({
-  maxWidth: "var(--ds-space-200, 16px)"
-});

package/dist/es2019/ui/link-picker/search-results/link-search-list/old/index.js

@@ -1,178 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-/* eslint-disable @atlassian/tangerine/import/no-parent-imports */
-
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { forwardRef, Fragment, useCallback, useRef } from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
-import { defineMessages, FormattedMessage } from 'react-intl-next';
-import { Box, xcss } from '@atlaskit/primitives';
-import Spinner from '@atlaskit/spinner';
-import VisuallyHidden from '@atlaskit/visually-hidden';
-import { MinHeightContainer } from '../../../../../common/ui/min-height-container';
-import { handleNavKeyDown } from '../../../../../common/utils/handleNavKeyDown';
-import { NoResults, testIds as noResultsTestIds } from '../link-search-no-results';
-import { LinkSearchListItem, testIds as searchResultItemTestIds } from '../list-item';
-import { useTrackResultsShown } from '../use-track-results-shown';
-import { listContainerStyles, listStyles, listTitleStyles, spinnerContainerStyles } from './styled';
-export const messages = defineMessages({
-  titleRecentlyViewed: {
-    id: 'fabric.linkPicker.listTitle.recentlyViewed',
-    defaultMessage: 'Recently Viewed',
-    description: 'Describes type of items shown in the list for screen-reader users'
-  },
-  titleResults: {
-    id: 'fabric.linkPicker.listTitle.results',
-    defaultMessage: 'Results',
-    description: 'Describes type of items shown in the list for screen-reader users'
-  },
-  searchLinkResults: {
-    id: 'fabric.linkPicker.hyperlink.searchLinkResults',
-    defaultMessage: '{count, plural, =0 {no results} one {# result} other {# results}} found',
-    description: 'Announce search results for screen-reader users.'
-  }
-});
-export const testIds = {
-  ...noResultsTestIds,
-  ...searchResultItemTestIds,
-  resultListTitle: 'link-picker-list-title',
-  searchResultList: 'link-search-list',
-  searchResultLoadingIndicator: 'link-picker.results-loading-indicator',
-  tabsLoadingIndicator: 'link-picker.tabs-loading-indicator'
-};
-const emptyStateNoResultsWrapper = xcss({
-  minHeight: 'space.200'
-});
-export const LinkSearchListOld = /*#__PURE__*/forwardRef(({
-  onChange,
-  onSelect,
-  onKeyDown,
-  items,
-  activeIndex,
-  selectedIndex,
-  isLoading,
-  ariaControls,
-  ariaLabelledBy,
-  ariaReadOnly,
-  role,
-  id,
-  hasSearchTerm,
-  activePlugin,
-  adaptiveHeight,
-  ...restProps
-}, ref) => {
-  var _activePlugin$uiOptio;
-  let itemsContent;
-  let loadingContent;
-  const linkListTitle = hasSearchTerm ? messages.titleResults : messages.titleRecentlyViewed;
-  useTrackResultsShown(isLoading, items, hasSearchTerm);
-  const itemRefs = useRef({});
-  const itemRefCallback = useCallback((el, id) => {
-    if (el === null) {
-      delete itemRefs.current[id];
-    } else {
-      itemRefs.current[id] = el;
-    }
-  }, []);
-  const getTabIndex = useCallback(index => {
-    if (selectedIndex > -1) {
-      return selectedIndex === index ? 0 : -1;
-    }
-    if (index === 0) {
-      return 0;
-    }
-    return -1;
-  }, [selectedIndex]);
-  const handleKeyDown = useCallback(event => {
-    let updatedIndex = activeIndex;
-    if (onKeyDown) {
-      onKeyDown(event);
-    }
-    if (!(items !== null && items !== void 0 && items.length)) {
-      return;
-    }
-    updatedIndex = handleNavKeyDown(event, items.length, activeIndex);
-    const item = items === null || items === void 0 ? void 0 : items[updatedIndex];
-    if (['ArrowDown', 'ArrowUp', 'Home', 'End'].includes(event.key) && item) {
-      if (itemRefs.current) {
-        var _itemRefs$current$ite;
-        (_itemRefs$current$ite = itemRefs.current[item.objectId]) === null || _itemRefs$current$ite === void 0 ? void 0 : _itemRefs$current$ite.focus();
-      }
-    }
-  }, [activeIndex, items, onKeyDown]);
-  if ((items === null || items === void 0 ? void 0 : items.length) === 0) {
-    if (!hasSearchTerm) {
-      var _activePlugin$emptySt;
-      const emptyState = activePlugin === null || activePlugin === void 0 ? void 0 : (_activePlugin$emptySt = activePlugin.emptyStateNoResults) === null || _activePlugin$emptySt === void 0 ? void 0 : _activePlugin$emptySt.call(activePlugin);
-      if (emptyState) {
-        return jsx(Box, {
-          xcss: emptyStateNoResultsWrapper
-        }, emptyState);
-      }
-    }
-    return jsx(NoResults, null);
-  }
-  const listItemNameMaxLines = activePlugin === null || activePlugin === void 0 ? void 0 : (_activePlugin$uiOptio = activePlugin.uiOptions) === null || _activePlugin$uiOptio === void 0 ? void 0 : _activePlugin$uiOptio.listItemNameMaxLines;
-  if (items && items.length > 0) {
-    itemsContent = jsx(Fragment, null, jsx("div", {
-      // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-      css: listTitleStyles,
-      id: testIds.resultListTitle,
-      "data-testid": testIds.resultListTitle
-    }, jsx(FormattedMessage, linkListTitle)), jsx(VisuallyHidden, {
-      id: "fabric.smartcard.linkpicker.suggested.results"
-    }, hasSearchTerm && jsx(FormattedMessage, _extends({}, messages.searchLinkResults, {
-      values: {
-        count: items.length
-      },
-      "aria-live": "polite",
-      "aria-atomic": "true"
-    }))), jsx("ul", {
-      id: id,
-      role: role
-      // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values
-      ,
-      css: listStyles,
-      "aria-controls": "fabric.smartcard.linkpicker.suggested.results",
-      "aria-labelledby": testIds.resultListTitle,
-      "aria-readonly": ariaReadOnly,
-      "data-testid": testIds.searchResultList
-    }, items.map((item, index) => jsx(LinkSearchListItem, {
-      id: `${testIds.searchResultItem}-${index}`,
-      role: role && 'option',
-      item: item,
-      selected: selectedIndex === index,
-      active: activeIndex === index,
-      onFocus: () => onChange(item.objectId),
-      onKeyDown: handleKeyDown,
-      onSelect: onSelect,
-      key: item.objectId,
-      tabIndex: getTabIndex(index),
-      ref: el => itemRefCallback(el, item.objectId),
-      nameMaxLines: listItemNameMaxLines
-    }))));
-  }
-  if (isLoading) {
-    loadingContent = jsx(MinHeightContainer, {
-      minHeight: adaptiveHeight ? '80px' : '50px'
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-      ,
-      css: spinnerContainerStyles
-    }, jsx(Spinner, {
-      testId: testIds.searchResultLoadingIndicator,
-      interactionName: "link-picker-search-list-loading",
-      size: "medium"
-    }));
-  }
-  return (
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    jsx("div", _extends({
-      ref: ref,
-      css: listContainerStyles
-    }, restProps), itemsContent, loadingContent)
-  );
-});

package/dist/es2019/ui/link-picker/search-results/link-search-list/old/styled.js

@@ -1,38 +0,0 @@
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css } from '@emotion/react';
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const listContainerStyles = css({
-  width: '100%',
-  paddingTop: 0,
-  minHeight: '80px',
-  marginTop: "var(--ds-space-200, 16px)",
-  marginBottom: "var(--ds-space-200, 16px)",
-  flexGrow: 1,
-  display: 'flex',
-  flexDirection: 'column'
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const spinnerContainerStyles = css({
-  flexGrow: 1,
-  flexDirection: 'column',
-  alignItems: 'center'
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const listStyles = css({
-  padding: "var(--ds-space-0, 0px)",
-  marginTop: "var(--ds-space-0, 0px)",
-  marginBottom: "var(--ds-space-0, 0px)",
-  marginLeft: 'calc(-1 * var(--link-picker-padding-left))',
-  marginRight: 'calc(-1 * var(--link-picker-padding-right))',
-  listStyle: 'none'
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-export const listTitleStyles = css({
-  font: "var(--ds-font-body-small, normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
-  fontWeight: "var(--ds-font-weight-bold, 700)",
-  color: "var(--ds-text-subtlest, #626F86)",
-  marginBottom: "var(--ds-space-050, 4px)"
-});

package/dist/es2019/ui/link-picker/search-results/old/index.js

@@ -1,98 +0,0 @@
-/* eslint-disable @atlassian/tangerine/import/no-parent-imports */
-
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { Fragment } from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
-import { Box, xcss } from '@atlaskit/primitives';
-import Spinner from '@atlaskit/spinner/spinner';
-import Tabs, { Tab, TabList } from '@atlaskit/tabs';
-import { LinkSearchError, testIds as searchErrorTestIds } from '../link-search-error';
-import { LinkSearchList, testIds as listTestIds } from '../link-search-list';
-import { ScrollingTabList } from '../scrolling-tabs';
-import { SearchResultsContainer } from '../search-results-container';
-import { TrackTabViewed } from '../track-tab-viewed';
-const tabsWrapperStyles = xcss({
-  marginTop: 'space.150'
-});
-const spinnerContainerStyles = css({
-  minHeight: '80px',
-  display: 'flex',
-  alignItems: 'center',
-  justifyContent: 'center',
-  alignSelf: 'center',
-  flexGrow: 1
-});
-export const testIds = {
-  ...searchErrorTestIds,
-  ...listTestIds,
-  tabsLoadingIndicator: 'link-picker.tabs-loading-indicator',
-  tabList: 'link-picker-tabs',
-  tabItem: 'link-picker-tab'
-};
-export const SearchResultsOld = ({
-  tabs,
-  activeTab,
-  activePlugin,
-  isLoadingPlugins,
-  isLoadingResults,
-  isSubmitting,
-  handleTabChange,
-  handleSearchListOnChange,
-  featureFlags,
-  linkSearchListId,
-  error,
-  queryState,
-  items,
-  activeIndex,
-  selectedIndex,
-  handleSelected,
-  handleKeyDown,
-  adaptiveHeight,
-  retry
-}) => {
-  var _activePlugin$errorFa, _activePlugin$errorFa2;
-  const isActivePlugin = !!activePlugin;
-  const tabList = jsx(TabList, null, tabs.map(tab => jsx(Tab, {
-    key: tab.tabTitle,
-    testId: testIds.tabItem
-  }, tab.tabTitle)));
-  return jsx(SearchResultsContainer, {
-    hasTabs: !!tabs.length || isLoadingPlugins,
-    adaptiveHeight: adaptiveHeight,
-    isLoadingResults: isLoadingResults
-  }, isLoadingPlugins && !!queryState && jsx("div", {
-    css: spinnerContainerStyles
-  }, jsx(Spinner, {
-    testId: testIds.tabsLoadingIndicator,
-    interactionName: "link-picker-tabs-loading",
-    size: "medium"
-  })), !isLoadingPlugins && isActivePlugin && !!queryState && jsx(Fragment, null, tabs.length > 0 && jsx(Box, {
-    xcss: tabsWrapperStyles
-  }, jsx(Tabs, {
-    id: testIds.tabList,
-    testId: testIds.tabList,
-    selected: activeTab,
-    onChange: handleTabChange
-  }, featureFlags !== null && featureFlags !== void 0 && featureFlags.scrollingTabs ? jsx(ScrollingTabList, null, tabList) : tabList), jsx(TrackTabViewed, {
-    activePlugin: activePlugin
-  })), !error && jsx(LinkSearchList, {
-    id: linkSearchListId,
-    role: "listbox",
-    ariaReadOnly: isSubmitting,
-    items: items,
-    isLoading: isLoadingResults,
-    selectedIndex: selectedIndex,
-    activeIndex: activeIndex,
-    onSelect: handleSelected,
-    onChange: handleSearchListOnChange,
-    onKeyDown: handleKeyDown,
-    hasSearchTerm: !!(queryState !== null && queryState !== void 0 && queryState.query.length),
-    activePlugin: activePlugin,
-    adaptiveHeight: adaptiveHeight
-  }), error ? (_activePlugin$errorFa = activePlugin === null || activePlugin === void 0 ? void 0 : (_activePlugin$errorFa2 = activePlugin.errorFallback) === null || _activePlugin$errorFa2 === void 0 ? void 0 : _activePlugin$errorFa2.call(activePlugin, error, retry)) !== null && _activePlugin$errorFa !== void 0 ? _activePlugin$errorFa : jsx(LinkSearchError, null) : null));
-};

package/dist/es2019/ui/link-picker/search-results/scrolling-tabs/old/index.js

@@ -1,130 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-/* eslint-disable @atlassian/tangerine/import/no-parent-imports */
-
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import React, { useCallback, useMemo, useRef, useState } from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
-import { IconButton } from '@atlaskit/button/new';
-import ChevronLeftIcon from '@atlaskit/icon/utility/migration/chevron-left';
-import ChevronRightIcon from '@atlaskit/icon/utility/migration/chevron-right';
-import { calculateConditionalButtons, createGhost, getTabList, scrollBack, scrollForward } from '../scrolling-tabs';
-import { backButtonStyles, containerStyles, nextButtonStyles, scrollingContainerStyles } from './styles';
-function isTouchDevice() {
-  return 'ontouchstart' in window ||
-  // eslint-disable-next-line compat/compat
-  navigator.maxTouchPoints > 0;
-}
-const initialConditionalButtonsState = {
-  back: false,
-  forward: false
-};
-
-/* eslint-disable @repo/internal/dom-events/no-unsafe-event-listeners */
-export const ScrollingTabListOld = props => {
-  const ref = useRef(null);
-  const [conditionalButtons, setConditionalButtons] = useState(initialConditionalButtonsState);
-  const ghost = useMemo(() => createGhost(), []);
-  const onTabClick = useCallback(e => {
-    const target = e.currentTarget;
-    if (target) {
-      target.scrollIntoView({
-        behavior: 'smooth',
-        block: 'nearest',
-        inline: 'center'
-      });
-    }
-  }, []);
-  React.useLayoutEffect(() => {
-    const container = ref.current;
-    let scrollingContainer;
-    let tabs;
-    const handleConditionalButtonsChange = () => {
-      const buttons = calculateConditionalButtons(scrollingContainer, isTouchDevice());
-      setConditionalButtons(buttons);
-    };
-    const observerCallback = mutationList => {
-      const tablist = getTabList(ref);
-      for (const mutation of mutationList) {
-        if (mutation.type === 'childList') {
-          const addedNodes = Array.from(mutation.addedNodes);
-          const found = addedNodes.find(node => node.getAttribute('role') === 'tab');
-          if (found && tablist) {
-            ghost.remove();
-            const tabs = Array.from(tablist.children);
-            tabs.forEach(tab => {
-              tab.removeEventListener('click', onTabClick);
-              tab.addEventListener('click', onTabClick);
-            });
-            tablist.appendChild(ghost);
-            handleConditionalButtonsChange();
-          }
-        }
-      }
-    };
-    const observer = new MutationObserver(observerCallback);
-    if (container) {
-      const tablist = getTabList(ref);
-      scrollingContainer = tablist === null || tablist === void 0 ? void 0 : tablist.parentElement;
-      observer.observe(container, {
-        attributes: false,
-        childList: true,
-        subtree: true
-      });
-      if (scrollingContainer instanceof HTMLElement && tablist) {
-        tablist.appendChild(ghost);
-        tabs = Array.from(tablist.children);
-        tabs.forEach(tab => tab.addEventListener('click', onTabClick));
-        handleConditionalButtonsChange();
-        scrollingContainer.addEventListener('scroll', handleConditionalButtonsChange);
-      }
-      return () => {
-        if (scrollingContainer) {
-          // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
-          scrollingContainer.removeEventListener('scroll', handleConditionalButtonsChange);
-        }
-        if (tabs.length) {
-          tabs.forEach(tab => tab.removeEventListener('click', onTabClick));
-        }
-      };
-    }
-  }, [onTabClick, ghost, ref]);
-  const buttonProps = {
-    appearance: 'subtle',
-    spacing: 'compact'
-  };
-  return (
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    jsx("div", {
-      css: containerStyles,
-      ref: ref,
-      "data-testid": "scrolling-tabs"
-    }, conditionalButtons.back &&
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    jsx("div", {
-      className: "back",
-      css: backButtonStyles
-    }, jsx(IconButton, _extends({
-      "data-test-id": "back",
-      onClick: () => scrollBack(ref),
-      label: "back",
-      icon: ChevronLeftIcon
-    }, buttonProps))), jsx("div", {
-      css: scrollingContainerStyles
-    }, props.children), conditionalButtons.forward &&
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    jsx("div", {
-      css: nextButtonStyles
-    }, jsx(IconButton, _extends({
-      "data-test-id": "forward",
-      onClick: () => scrollForward(ref)
-    }, buttonProps, {
-      label: "forward",
-      icon: ChevronRightIcon
-    }))))
-  );
-};

package/dist/es2019/ui/link-picker/search-results/scrolling-tabs/old/styles.js

@@ -1,67 +0,0 @@
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css } from '@emotion/react';
-import { N0, N30 } from '@atlaskit/theme/colors';
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const scrollingContainerStyles = css({
-  overflowX: 'auto',
-  scrollBehavior: 'smooth',
-  scrollPadding: '0 24px',
-  scrollbarWidth: 'none',
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
-  '&::-webkit-scrollbar': {
-    display: 'none'
-  },
-  '&::before': {
-    content: '""',
-    borderRadius: 2,
-    bottom: 0,
-    margin: 0,
-    position: 'absolute',
-    width: 'inherit',
-    left: "var(--ds-space-100, 8px)",
-    right: "var(--ds-space-100, 8px)",
-    height: 2,
-    backgroundColor: `var(--ds-border, ${N30})`
-  }
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const containerStyles = css({
-  position: 'relative',
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  '[role="tablist"]': {
-    '&::before': {
-      display: 'none'
-    }
-  },
-  // Overrides Atlaskit tabs styles to stop overflowing with ellipsis
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  '[role="tab"]': {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
-    overflow: 'unset !important',
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
-    textOverflow: 'unset !important'
-  }
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const buttonContainerStyles = css({
-  position: 'absolute',
-  top: "var(--ds-space-050, 4px)",
-  zIndex: 999,
-  backgroundColor: `var(--ds-surface, ${N0})`
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-array-arguments, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const backButtonStyles = css([
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-buttonContainerStyles, {
-  left: 0
-}]);
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-array-arguments, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const nextButtonStyles = css([
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-buttonContainerStyles, {
-  right: 0
-}]);

package/dist/es2019/ui/link-picker/search-results/search-results-container/old/index.js

@@ -1,37 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { useLayoutEffect, useRef } from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
-import { MinHeightContainer } from '../../../../../common/ui/min-height-container';
-const flexColumn = css({
-  display: 'flex',
-  flexDirection: 'column',
-  justifyContent: 'flex-start',
-  width: '100%'
-});
-export const SearchResultsContainerOld = ({
-  hasTabs,
-  adaptiveHeight,
-  isLoadingResults,
-  children
-}) => {
-  const ref = useRef(null);
-  const currentHeight = useRef(null);
-  const fixedMinHeight = hasTabs ? '347px' : '302px';
-  const adaptiveMinHeight = isLoadingResults && !!currentHeight.current ? `${currentHeight.current}px` : 'auto';
-  const minheight = adaptiveHeight ? adaptiveMinHeight : fixedMinHeight;
-  useLayoutEffect(() => {
-    if (ref.current && adaptiveHeight && !isLoadingResults) {
-      currentHeight.current = ref.current.getBoundingClientRect().height;
-    }
-  });
-  return jsx(MinHeightContainer, {
-    ref: ref,
-    minHeight: minheight,
-    css: flexColumn
-  }, children);
-};