@atlaskit/link-picker 2.1.0 → 3.0.0

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

@@ -1,91 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.listItemContextStyles = exports.listItemContainerStyles = exports.listItemContainerInnerStyles = exports.itemNameStyles = exports.itemIconStyles = exports.imgStyles = exports.composeListItemStyles = void 0;
-var _react = require("@emotion/react");
-var _colors = require("@atlaskit/theme/colors");
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
-var listItemBaseStyles = (0, _react.css)({
-  display: 'flex',
-  paddingTop: "var(--ds-space-100, 8px)",
-  paddingBottom: "var(--ds-space-100, 8px)",
-  paddingLeft: "clamp( ".concat("var(--ds-space-100, 8px)", ", var(--link-picker-padding-left), 100% )"),
-  paddingRight: "clamp( ".concat("var(--ds-space-100, 8px)", ", var(--link-picker-padding-right), 100% )"),
-  margin: 0,
-  cursor: 'pointer'
-});
-var listItemFocusStyles = (0, _react.css)({
-  '&:focus': {
-    outline: 'none',
-    boxShadow: "0 0 0 2px ".concat("var(--ds-border-focused, ".concat(_colors.B100, ")"), " inset"),
-    textDecoration: 'none'
-  }
-});
-var listItemBoxShadow = (0, _react.css)({
-  boxShadow: "inset 2px 0px 0px ".concat("var(--ds-border-selected, ".concat(_colors.B400, ")"))
-});
-var listItemActive = (0, _react.css)({
-  '&:hover': {
-    backgroundColor: "var(--ds-background-neutral-subtle-hovered, ".concat(_colors.N20, ")")
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  listItemBoxShadow: listItemBoxShadow
-});
-var listItemSelected = (0, _react.css)({
-  backgroundColor: "var(--ds-background-selected, ".concat(_colors.B50, ")")
-},
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-listItemBoxShadow);
-var composeListItemStyles = exports.composeListItemStyles = function composeListItemStyles() {
-  var selected = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-  return (0, _react.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
-var itemNameStyles = exports.itemNameStyles = (0, _react.css)({
-  overflow: 'hidden',
-  alignContent: 'center',
-  width: '100%'
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var listItemContextStyles = exports.listItemContextStyles = (0, _react.css)({
-  color: "var(--ds-text, ".concat(_colors.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
-var listItemContainerStyles = exports.listItemContainerStyles = (0, _react.css)({
-  overflow: 'hidden',
-  textOverflow: 'ellipsis'
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var listItemContainerInnerStyles = exports.listItemContainerInnerStyles = (0, _react.css)({
-  color: "var(--ds-text-subtlest, ".concat(_colors.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
-var itemIconStyles = exports.itemIconStyles = (0, _react.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
-var imgStyles = exports.imgStyles = (0, _react.css)({
-  maxWidth: "var(--ds-space-200, 16px)"
-});

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

@@ -1,188 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.testIds = exports.messages = exports.LinkSearchListOld = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = require("react");
-var _react2 = require("@emotion/react");
-var _reactIntlNext = require("react-intl-next");
-var _primitives = require("@atlaskit/primitives");
-var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
-var _visuallyHidden = _interopRequireDefault(require("@atlaskit/visually-hidden"));
-var _minHeightContainer = require("../../../../../common/ui/min-height-container");
-var _handleNavKeyDown = require("../../../../../common/utils/handleNavKeyDown");
-var _linkSearchNoResults = require("../link-search-no-results");
-var _listItem = require("../list-item");
-var _useTrackResultsShown = require("../use-track-results-shown");
-var _styled = require("./styled");
-var _excluded = ["onChange", "onSelect", "onKeyDown", "items", "activeIndex", "selectedIndex", "isLoading", "ariaControls", "ariaLabelledBy", "ariaReadOnly", "role", "id", "hasSearchTerm", "activePlugin", "adaptiveHeight"];
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /* eslint-disable @atlassian/tangerine/import/no-parent-imports */ /**
- * @jsxRuntime classic
- * @jsx jsx
- */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-var messages = exports.messages = (0, _reactIntlNext.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.'
-  }
-});
-var testIds = exports.testIds = _objectSpread(_objectSpread(_objectSpread({}, _linkSearchNoResults.testIds), _listItem.testIds), {}, {
-  resultListTitle: 'link-picker-list-title',
-  searchResultList: 'link-search-list',
-  searchResultLoadingIndicator: 'link-picker.results-loading-indicator',
-  tabsLoadingIndicator: 'link-picker.tabs-loading-indicator'
-});
-var emptyStateNoResultsWrapper = (0, _primitives.xcss)({
-  minHeight: 'space.200'
-});
-var LinkSearchListOld = exports.LinkSearchListOld = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
-  var _activePlugin$uiOptio;
-  var onChange = _ref.onChange,
-    onSelect = _ref.onSelect,
-    onKeyDown = _ref.onKeyDown,
-    items = _ref.items,
-    activeIndex = _ref.activeIndex,
-    selectedIndex = _ref.selectedIndex,
-    isLoading = _ref.isLoading,
-    ariaControls = _ref.ariaControls,
-    ariaLabelledBy = _ref.ariaLabelledBy,
-    ariaReadOnly = _ref.ariaReadOnly,
-    role = _ref.role,
-    id = _ref.id,
-    hasSearchTerm = _ref.hasSearchTerm,
-    activePlugin = _ref.activePlugin,
-    adaptiveHeight = _ref.adaptiveHeight,
-    restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var itemsContent;
-  var loadingContent;
-  var linkListTitle = hasSearchTerm ? messages.titleResults : messages.titleRecentlyViewed;
-  (0, _useTrackResultsShown.useTrackResultsShown)(isLoading, items, hasSearchTerm);
-  var itemRefs = (0, _react.useRef)({});
-  var itemRefCallback = (0, _react.useCallback)(function (el, id) {
-    if (el === null) {
-      delete itemRefs.current[id];
-    } else {
-      itemRefs.current[id] = el;
-    }
-  }, []);
-  var getTabIndex = (0, _react.useCallback)(function (index) {
-    if (selectedIndex > -1) {
-      return selectedIndex === index ? 0 : -1;
-    }
-    if (index === 0) {
-      return 0;
-    }
-    return -1;
-  }, [selectedIndex]);
-  var handleKeyDown = (0, _react.useCallback)(function (event) {
-    var updatedIndex = activeIndex;
-    if (onKeyDown) {
-      onKeyDown(event);
-    }
-    if (!(items !== null && items !== void 0 && items.length)) {
-      return;
-    }
-    updatedIndex = (0, _handleNavKeyDown.handleNavKeyDown)(event, items.length, activeIndex);
-    var 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 || _itemRefs$current$ite.focus();
-      }
-    }
-  }, [activeIndex, items, onKeyDown]);
-  if ((items === null || items === void 0 ? void 0 : items.length) === 0) {
-    if (!hasSearchTerm) {
-      var _activePlugin$emptySt;
-      var emptyState = activePlugin === null || activePlugin === void 0 || (_activePlugin$emptySt = activePlugin.emptyStateNoResults) === null || _activePlugin$emptySt === void 0 ? void 0 : _activePlugin$emptySt.call(activePlugin);
-      if (emptyState) {
-        return (0, _react2.jsx)(_primitives.Box, {
-          xcss: emptyStateNoResultsWrapper
-        }, emptyState);
-      }
-    }
-    return (0, _react2.jsx)(_linkSearchNoResults.NoResults, null);
-  }
-  var listItemNameMaxLines = activePlugin === null || activePlugin === void 0 || (_activePlugin$uiOptio = activePlugin.uiOptions) === null || _activePlugin$uiOptio === void 0 ? void 0 : _activePlugin$uiOptio.listItemNameMaxLines;
-  if (items && items.length > 0) {
-    itemsContent = (0, _react2.jsx)(_react.Fragment, null, (0, _react2.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: _styled.listTitleStyles,
-      id: testIds.resultListTitle,
-      "data-testid": testIds.resultListTitle
-    }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, linkListTitle)), (0, _react2.jsx)(_visuallyHidden.default, {
-      id: "fabric.smartcard.linkpicker.suggested.results"
-    }, hasSearchTerm && (0, _react2.jsx)(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, messages.searchLinkResults, {
-      values: {
-        count: items.length
-      },
-      "aria-live": "polite",
-      "aria-atomic": "true"
-    }))), (0, _react2.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: _styled.listStyles,
-      "aria-controls": "fabric.smartcard.linkpicker.suggested.results",
-      "aria-labelledby": testIds.resultListTitle,
-      "aria-readonly": ariaReadOnly,
-      "data-testid": testIds.searchResultList
-    }, items.map(function (item, index) {
-      return (0, _react2.jsx)(_listItem.LinkSearchListItem, {
-        id: "".concat(testIds.searchResultItem, "-").concat(index),
-        role: role && 'option',
-        item: item,
-        selected: selectedIndex === index,
-        active: activeIndex === index,
-        onFocus: function onFocus() {
-          return onChange(item.objectId);
-        },
-        onKeyDown: handleKeyDown,
-        onSelect: onSelect,
-        key: item.objectId,
-        tabIndex: getTabIndex(index),
-        ref: function ref(el) {
-          return itemRefCallback(el, item.objectId);
-        },
-        nameMaxLines: listItemNameMaxLines
-      });
-    })));
-  }
-  if (isLoading) {
-    loadingContent = (0, _react2.jsx)(_minHeightContainer.MinHeightContainer, {
-      minHeight: adaptiveHeight ? '80px' : '50px'
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-      ,
-      css: _styled.spinnerContainerStyles
-    }, (0, _react2.jsx)(_spinner.default, {
-      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
-    (0, _react2.jsx)("div", (0, _extends2.default)({
-      ref: ref,
-      css: _styled.listContainerStyles
-    }, restProps), itemsContent, loadingContent)
-  );
-});

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

@@ -1,45 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.spinnerContainerStyles = exports.listTitleStyles = exports.listStyles = exports.listContainerStyles = void 0;
-var _react = require("@emotion/react");
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var listContainerStyles = exports.listContainerStyles = (0, _react.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
-var spinnerContainerStyles = exports.spinnerContainerStyles = (0, _react.css)({
-  flexGrow: 1,
-  flexDirection: 'column',
-  alignItems: 'center'
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var listStyles = exports.listStyles = (0, _react.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
-var listTitleStyles = exports.listTitleStyles = (0, _react.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/cjs/ui/link-picker/search-results/old/index.js

@@ -1,105 +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.testIds = exports.SearchResultsOld = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = require("react");
-var _react2 = require("@emotion/react");
-var _primitives = require("@atlaskit/primitives");
-var _spinner = _interopRequireDefault(require("@atlaskit/spinner/spinner"));
-var _tabs = _interopRequireWildcard(require("@atlaskit/tabs"));
-var _linkSearchError = require("../link-search-error");
-var _linkSearchList = require("../link-search-list");
-var _scrollingTabs = require("../scrolling-tabs");
-var _searchResultsContainer = require("../search-results-container");
-var _trackTabViewed = require("../track-tab-viewed");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /* eslint-disable @atlassian/tangerine/import/no-parent-imports */ /**
- * @jsxRuntime classic
- * @jsx jsx
- */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-var tabsWrapperStyles = (0, _primitives.xcss)({
-  marginTop: 'space.150'
-});
-var spinnerContainerStyles = (0, _react2.css)({
-  minHeight: '80px',
-  display: 'flex',
-  alignItems: 'center',
-  justifyContent: 'center',
-  alignSelf: 'center',
-  flexGrow: 1
-});
-var testIds = exports.testIds = _objectSpread(_objectSpread(_objectSpread({}, _linkSearchError.testIds), _linkSearchList.testIds), {}, {
-  tabsLoadingIndicator: 'link-picker.tabs-loading-indicator',
-  tabList: 'link-picker-tabs',
-  tabItem: 'link-picker-tab'
-});
-var SearchResultsOld = exports.SearchResultsOld = function SearchResultsOld(_ref) {
-  var _activePlugin$errorFa, _activePlugin$errorFa2;
-  var tabs = _ref.tabs,
-    activeTab = _ref.activeTab,
-    activePlugin = _ref.activePlugin,
-    isLoadingPlugins = _ref.isLoadingPlugins,
-    isLoadingResults = _ref.isLoadingResults,
-    isSubmitting = _ref.isSubmitting,
-    handleTabChange = _ref.handleTabChange,
-    handleSearchListOnChange = _ref.handleSearchListOnChange,
-    featureFlags = _ref.featureFlags,
-    linkSearchListId = _ref.linkSearchListId,
-    error = _ref.error,
-    queryState = _ref.queryState,
-    items = _ref.items,
-    activeIndex = _ref.activeIndex,
-    selectedIndex = _ref.selectedIndex,
-    handleSelected = _ref.handleSelected,
-    handleKeyDown = _ref.handleKeyDown,
-    adaptiveHeight = _ref.adaptiveHeight,
-    retry = _ref.retry;
-  var isActivePlugin = !!activePlugin;
-  var tabList = (0, _react2.jsx)(_tabs.TabList, null, tabs.map(function (tab) {
-    return (0, _react2.jsx)(_tabs.Tab, {
-      key: tab.tabTitle,
-      testId: testIds.tabItem
-    }, tab.tabTitle);
-  }));
-  return (0, _react2.jsx)(_searchResultsContainer.SearchResultsContainer, {
-    hasTabs: !!tabs.length || isLoadingPlugins,
-    adaptiveHeight: adaptiveHeight,
-    isLoadingResults: isLoadingResults
-  }, isLoadingPlugins && !!queryState && (0, _react2.jsx)("div", {
-    css: spinnerContainerStyles
-  }, (0, _react2.jsx)(_spinner.default, {
-    testId: testIds.tabsLoadingIndicator,
-    interactionName: "link-picker-tabs-loading",
-    size: "medium"
-  })), !isLoadingPlugins && isActivePlugin && !!queryState && (0, _react2.jsx)(_react.Fragment, null, tabs.length > 0 && (0, _react2.jsx)(_primitives.Box, {
-    xcss: tabsWrapperStyles
-  }, (0, _react2.jsx)(_tabs.default, {
-    id: testIds.tabList,
-    testId: testIds.tabList,
-    selected: activeTab,
-    onChange: handleTabChange
-  }, featureFlags !== null && featureFlags !== void 0 && featureFlags.scrollingTabs ? (0, _react2.jsx)(_scrollingTabs.ScrollingTabList, null, tabList) : tabList), (0, _react2.jsx)(_trackTabViewed.TrackTabViewed, {
-    activePlugin: activePlugin
-  })), !error && (0, _react2.jsx)(_linkSearchList.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 || (_activePlugin$errorFa2 = activePlugin.errorFallback) === null || _activePlugin$errorFa2 === void 0 ? void 0 : _activePlugin$errorFa2.call(activePlugin, error, retry)) !== null && _activePlugin$errorFa !== void 0 ? _activePlugin$errorFa : (0, _react2.jsx)(_linkSearchError.LinkSearchError, null) : null));
-};

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

@@ -1,163 +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.ScrollingTabListOld = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _react2 = require("@emotion/react");
-var _new = require("@atlaskit/button/new");
-var _chevronLeft = _interopRequireDefault(require("@atlaskit/icon/utility/migration/chevron-left"));
-var _chevronRight = _interopRequireDefault(require("@atlaskit/icon/utility/migration/chevron-right"));
-var _scrollingTabs = require("../scrolling-tabs");
-var _styles = require("./styles");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
-function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; } /* eslint-disable @atlassian/tangerine/import/no-parent-imports */ /**
- * @jsxRuntime classic
- * @jsx jsx
- */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-function isTouchDevice() {
-  return 'ontouchstart' in window ||
-  // eslint-disable-next-line compat/compat
-  navigator.maxTouchPoints > 0;
-}
-var initialConditionalButtonsState = {
-  back: false,
-  forward: false
-};
-
-/* eslint-disable @repo/internal/dom-events/no-unsafe-event-listeners */
-var ScrollingTabListOld = exports.ScrollingTabListOld = function ScrollingTabListOld(props) {
-  var ref = (0, _react.useRef)(null);
-  var _useState = (0, _react.useState)(initialConditionalButtonsState),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    conditionalButtons = _useState2[0],
-    setConditionalButtons = _useState2[1];
-  var ghost = (0, _react.useMemo)(function () {
-    return (0, _scrollingTabs.createGhost)();
-  }, []);
-  var onTabClick = (0, _react.useCallback)(function (e) {
-    var target = e.currentTarget;
-    if (target) {
-      target.scrollIntoView({
-        behavior: 'smooth',
-        block: 'nearest',
-        inline: 'center'
-      });
-    }
-  }, []);
-  _react.default.useLayoutEffect(function () {
-    var container = ref.current;
-    var scrollingContainer;
-    var tabs;
-    var handleConditionalButtonsChange = function handleConditionalButtonsChange() {
-      var buttons = (0, _scrollingTabs.calculateConditionalButtons)(scrollingContainer, isTouchDevice());
-      setConditionalButtons(buttons);
-    };
-    var observerCallback = function observerCallback(mutationList) {
-      var tablist = (0, _scrollingTabs.getTabList)(ref);
-      var _iterator = _createForOfIteratorHelper(mutationList),
-        _step;
-      try {
-        for (_iterator.s(); !(_step = _iterator.n()).done;) {
-          var mutation = _step.value;
-          if (mutation.type === 'childList') {
-            var addedNodes = Array.from(mutation.addedNodes);
-            var found = addedNodes.find(function (node) {
-              return node.getAttribute('role') === 'tab';
-            });
-            if (found && tablist) {
-              ghost.remove();
-              var _tabs = Array.from(tablist.children);
-              _tabs.forEach(function (tab) {
-                tab.removeEventListener('click', onTabClick);
-                tab.addEventListener('click', onTabClick);
-              });
-              tablist.appendChild(ghost);
-              handleConditionalButtonsChange();
-            }
-          }
-        }
-      } catch (err) {
-        _iterator.e(err);
-      } finally {
-        _iterator.f();
-      }
-    };
-    var observer = new MutationObserver(observerCallback);
-    if (container) {
-      var tablist = (0, _scrollingTabs.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(function (tab) {
-          return tab.addEventListener('click', onTabClick);
-        });
-        handleConditionalButtonsChange();
-        scrollingContainer.addEventListener('scroll', handleConditionalButtonsChange);
-      }
-      return function () {
-        if (scrollingContainer) {
-          // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
-          scrollingContainer.removeEventListener('scroll', handleConditionalButtonsChange);
-        }
-        if (tabs.length) {
-          tabs.forEach(function (tab) {
-            return tab.removeEventListener('click', onTabClick);
-          });
-        }
-      };
-    }
-  }, [onTabClick, ghost, ref]);
-  var 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
-    (0, _react2.jsx)("div", {
-      css: _styles.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
-    (0, _react2.jsx)("div", {
-      className: "back",
-      css: _styles.backButtonStyles
-    }, (0, _react2.jsx)(_new.IconButton, (0, _extends2.default)({
-      "data-test-id": "back",
-      onClick: function onClick() {
-        return (0, _scrollingTabs.scrollBack)(ref);
-      },
-      label: "back",
-      icon: _chevronLeft.default
-    }, buttonProps))), (0, _react2.jsx)("div", {
-      css: _styles.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
-    (0, _react2.jsx)("div", {
-      css: _styles.nextButtonStyles
-    }, (0, _react2.jsx)(_new.IconButton, (0, _extends2.default)({
-      "data-test-id": "forward",
-      onClick: function onClick() {
-        return (0, _scrollingTabs.scrollForward)(ref);
-      }
-    }, buttonProps, {
-      label: "forward",
-      icon: _chevronRight.default
-    }))))
-  );
-};