@atlaskit/link-picker 2.1.0 → 3.0.0

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

@@ -1,435 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.testIds = exports.LinkPickerOld = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = require("react");
-var _react2 = require("@emotion/react");
-var _reactIntlNext = require("react-intl-next");
-var _uuid = _interopRequireDefault(require("uuid"));
-var _analyticsNext = require("@atlaskit/analytics-next");
-var _url2 = require("@atlaskit/linking-common/url");
-var _userAgent = require("@atlaskit/linking-common/user-agent");
-var _primitives = require("@atlaskit/primitives");
-var _visuallyHidden = _interopRequireDefault(require("@atlaskit/visually-hidden"));
-var _analytics = require("../../../common/analytics");
-var _constants = require("../../../common/constants");
-var _analytics2 = _interopRequireDefault(require("../../../common/utils/analytics/analytics.codegen"));
-var _handleNavKeyDown = require("../../../common/utils/handleNavKeyDown");
-var _usePlugins2 = require("../../../services/use-plugins");
-var _useSearchQuery = require("../../../services/use-search-query");
-var _announcer = require("../announcer");
-var _formFooter = require("../form-footer");
-var _linkPickerSubmitButton = require("../form-footer/link-picker-submit-button");
-var _messages = require("../messages");
-var _searchResults = require("../search-results");
-var _textInput = require("../text-input");
-var _trackMount = require("../track-mount");
-var _utils = require("../utils");
-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 rootContainerStyles = (0, _react2.css)({
-  paddingLeft: 'var(--link-picker-padding-left)',
-  paddingRight: 'var(--link-picker-padding-right)',
-  paddingTop: 'var(--link-picker-padding-top)',
-  paddingBottom: 'var(--link-picker-padding-bottom)',
-  boxSizing: 'border-box',
-  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-  lineHeight: 'initial',
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
-  display: 'block !important'
-});
-var formFooterMargin = (0, _react2.css)({
-  marginTop: "var(--ds-space-200, 16px)"
-});
-var testIds = exports.testIds = _objectSpread(_objectSpread(_objectSpread({
-  linkPickerRoot: 'link-picker-root',
-  linkPicker: 'link-picker',
-  urlInputField: 'link-url',
-  textInputField: 'link-text'
-}, _searchResults.testIds), _formFooter.testIds), _textInput.testIds);
-var initState = {
-  url: '',
-  displayText: '',
-  activeIndex: -1,
-  selectedIndex: -1,
-  invalidUrl: false,
-  activeTab: 0,
-  preventHidingRecents: false
-};
-var FullWidthSubmitButtonStyles = (0, _primitives.xcss)({
-  marginTop: 'space.200',
-  display: 'flex',
-  flexDirection: 'column'
-});
-function reducer(state, payload) {
-  if (payload.url && state.url !== payload.url) {
-    return _objectSpread(_objectSpread({}, state), {}, {
-      invalidUrl: false,
-      selectedIndex: (0, _url2.isSafeUrl)(payload.url) && payload.url.length ? -1 : state.selectedIndex
-    }, payload);
-  }
-  return _objectSpread(_objectSpread({}, state), payload);
-}
-
-/**
- * Bind input fields to analytics tracking
- */
-
-var getLinkFieldContent = function getLinkFieldContent(value) {
-  if (!Boolean(value)) {
-    return null;
-  }
-  return (0, _url2.isSafeUrl)(value) ? 'url' : 'text_string';
-};
-var LinkInputField = (0, _analytics.withInputFieldTracking)(_textInput.TextInput, 'link', function (event, attributes) {
-  return _objectSpread(_objectSpread({}, attributes), {}, {
-    linkFieldContent: getLinkFieldContent(event.currentTarget.value)
-  });
-});
-var DisplayTextInputField = (0, _analytics.withInputFieldTracking)(_textInput.TextInput, 'displayText');
-var LinkPickerOld = exports.LinkPickerOld = (0, _analytics.withLinkPickerAnalyticsContext)( /*#__PURE__*/(0, _react.memo)(function (_ref) {
-  var onSubmit = _ref.onSubmit,
-    onCancel = _ref.onCancel,
-    onContentResize = _ref.onContentResize,
-    plugins = _ref.plugins,
-    isLoadingPlugins = _ref.isLoadingPlugins,
-    initUrl = _ref.url,
-    initDisplayText = _ref.displayText,
-    hideDisplayText = _ref.hideDisplayText,
-    featureFlags = _ref.featureFlags,
-    customMessages = _ref.customMessages,
-    _ref$isSubmitting = _ref.isSubmitting,
-    isSubmitting = _ref$isSubmitting === void 0 ? false : _ref$isSubmitting,
-    _ref$adaptiveHeight = _ref.adaptiveHeight,
-    adaptiveHeight = _ref$adaptiveHeight === void 0 ? false : _ref$adaptiveHeight,
-    _ref$moveSubmitButton = _ref.moveSubmitButton,
-    moveSubmitButton = _ref$moveSubmitButton === void 0 ? false : _ref$moveSubmitButton;
-  var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
-    createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
-  var _useReducer = (0, _react.useReducer)(reducer, _objectSpread(_objectSpread({}, initState), {}, {
-      url: (0, _url2.normalizeUrl)(initUrl) || '',
-      displayText: initDisplayText || ''
-    })),
-    _useReducer2 = (0, _slicedToArray2.default)(_useReducer, 2),
-    state = _useReducer2[0],
-    dispatch = _useReducer2[1];
-  var activeIndex = state.activeIndex,
-    selectedIndex = state.selectedIndex,
-    url = state.url,
-    displayText = state.displayText,
-    invalidUrl = state.invalidUrl,
-    activeTab = state.activeTab;
-  var intl = (0, _reactIntlNext.useIntl)();
-  var queryState = (0, _useSearchQuery.useSearchQuery)(state);
-  var _usePlugins = (0, _usePlugins2.usePlugins)(queryState, activeTab, plugins),
-    items = _usePlugins.items,
-    isLoadingResults = _usePlugins.isLoading,
-    isActivePlugin = _usePlugins.isActivePlugin,
-    activePlugin = _usePlugins.activePlugin,
-    tabs = _usePlugins.tabs,
-    error = _usePlugins.error,
-    retry = _usePlugins.retry,
-    pluginAction = _usePlugins.pluginAction;
-  var isEditing = !!initUrl;
-  var selectedItem = items === null || items === void 0 ? void 0 : items[selectedIndex];
-  var isSelectedItem = (selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.url) === url;
-  var _useLinkPickerAnalyti = (0, _analytics.useLinkPickerAnalytics)(),
-    trackAttribute = _useLinkPickerAnalyti.trackAttribute,
-    getAttributes = _useLinkPickerAnalyti.getAttributes;
-  var submitMessageId = (0, _react.useMemo)(function () {
-    return (0, _uuid.default)();
-  }, []);
-  (0, _react.useLayoutEffect)(function () {
-    if (onContentResize) {
-      onContentResize();
-    }
-  }, [onContentResize, items, isLoadingResults, isActivePlugin, tabs]);
-  var handleChangeUrl = (0, _react.useCallback)(function (e) {
-    if (isSubmitting) {
-      // Prevent changing url while submitting
-      return;
-    }
-
-    /** Any on change event is triggered by manual input or paste, so source is null */
-    trackAttribute('linkFieldContentInputSource', null);
-    dispatch({
-      url: e.currentTarget.value,
-      // If the last action was changing tabs, make sure we're now allowing recents to be hidden
-      preventHidingRecents: false
-    });
-  }, [dispatch, trackAttribute, isSubmitting]);
-  var handleChangeText = (0, _react.useCallback)(function (e) {
-    dispatch({
-      displayText: e.currentTarget.value
-    });
-  }, [dispatch]);
-  var handleClear = (0, _react.useCallback)(function (field) {
-    dispatch((0, _defineProperty2.default)({
-      activeIndex: -1,
-      selectedIndex: -1
-    }, field, ''));
-  }, [dispatch]);
-  var handleUrlClear = (0, _react.useCallback)(function () {
-    if (isSubmitting) {
-      // Prevent clearing url while submitting
-      return;
-    }
-    trackAttribute('linkFieldContentInputSource', null);
-    handleClear('url');
-  }, [trackAttribute, handleClear, isSubmitting]);
-  var handleInsert = (0, _react.useCallback)(function (url, title, inputType, data) {
-    var event = createAnalyticsEvent((0, _analytics2.default)('ui.form.submitted.linkPicker', {}));
-
-    // Clone the event so that it can be emitted for consumer usage
-    // This must happen BEFORE the original event is fired!
-    var consumerEvent = event.clone();
-    // Cloned event doesnt have the attributes that are added by
-    // the analytics listener in the LinkPickerAnalyticsContext, add them here
-    consumerEvent === null || consumerEvent === void 0 || consumerEvent.update({
-      attributes: getAttributes()
-    });
-    // Dispatch the original event to our channel
-    event.fire(_constants.ANALYTICS_CHANNEL);
-    onSubmit(_objectSpread({
-      url: url,
-      displayText: displayText || null,
-      title: title || null,
-      meta: {
-        inputMethod: inputType
-      },
-      data: data
-    }, inputType === 'manual' ? {
-      rawUrl: state.url
-    } : {}), consumerEvent);
-  }, [displayText, onSubmit, state.url, createAnalyticsEvent, getAttributes]);
-  var handleSelected = (0, _react.useCallback)(function (objectId) {
-    if (isSubmitting) {
-      // Prevent changing selection while submitting
-      return;
-    }
-    var selectedItem = items === null || items === void 0 ? void 0 : items.find(function (item) {
-      return item.objectId === objectId;
-    });
-    if (selectedItem) {
-      var _url = selectedItem.url,
-        name = selectedItem.name;
-      /**
-       * Manually track that the url has been updated using searchResult method
-       */
-      dispatchEvent(new Event('submit'));
-      trackAttribute('linkFieldContent', getLinkFieldContent(_url));
-      trackAttribute('linkFieldContentInputMethod', 'searchResult');
-      trackAttribute('linkFieldContentInputSource', (0, _utils.getDataSource)(selectedItem, activePlugin));
-      handleInsert(_url, name, 'typeAhead', _objectSpread({}, selectedItem));
-    }
-  }, [handleInsert, trackAttribute, items, activePlugin, isSubmitting]);
-  var handleSubmit = (0, _react.useCallback)(function (event) {
-    event === null || event === void 0 || event.preventDefault();
-    if (isSubmitting) {
-      // Prevent submit while submitting
-      return;
-    }
-    if (isSelectedItem && selectedItem) {
-      return handleInsert(selectedItem.url, selectedItem.name, 'typeAhead');
-    }
-    var normalized = (0, _url2.normalizeUrl)(url);
-    if (normalized) {
-      return handleInsert(normalized, null, 'manual');
-    }
-    return dispatch({
-      invalidUrl: true
-    });
-  }, [dispatch, handleInsert, isSelectedItem, selectedItem, url, isSubmitting]);
-  var handleTabChange = (0, _react.useCallback)(function (activeTab) {
-    var _plugins$activeTab$ta, _plugins$activeTab;
-    dispatch({
-      // We don't want any selection to exist after changing tab, as the selection
-      // wouldn't mean anything.
-      activeIndex: -1,
-      selectedIndex: -1,
-      // We don't want recents to be hidden, even though we don't have a selection
-      preventHidingRecents: true,
-      invalidUrl: false,
-      activeTab: activeTab
-    });
-    trackAttribute('tab', (_plugins$activeTab$ta = plugins === null || plugins === void 0 || (_plugins$activeTab = plugins[activeTab]) === null || _plugins$activeTab === void 0 ? void 0 : _plugins$activeTab.tabKey) !== null && _plugins$activeTab$ta !== void 0 ? _plugins$activeTab$ta : null);
-  }, [dispatch, plugins, trackAttribute]);
-  var handleSearchListOnChange = function handleSearchListOnChange(id) {
-    if (isSubmitting) {
-      // Prevent changing item while submitting
-      return;
-    }
-    var index = items === null || items === void 0 ? void 0 : items.findIndex(function (item) {
-      return item.objectId === id;
-    });
-    if (typeof index === 'number') {
-      var item = items === null || items === void 0 ? void 0 : items[index];
-      if (item) {
-        /**
-         * Manually track that the url has been updated using searchResult method
-         */
-        trackAttribute('linkFieldContent', getLinkFieldContent(item.url));
-        trackAttribute('linkFieldContentInputMethod', 'searchResult');
-        trackAttribute('linkFieldContentInputSource', (0, _utils.getDataSource)(item, activePlugin));
-        dispatch({
-          activeIndex: index,
-          selectedIndex: index,
-          url: item.url,
-          invalidUrl: false
-        });
-      }
-    }
-  };
-  var handleKeyDown = (0, _react.useCallback)(function (event) {
-    if (!(items !== null && items !== void 0 && items.length)) {
-      return;
-    }
-    var updatedIndex = activeIndex;
-    if (event.key === 'Enter') {
-      event.preventDefault();
-      if (selectedItem) {
-        handleSelected(selectedItem.objectId);
-      } else {
-        // triggers validation error message
-        handleSubmit();
-      }
-    } else {
-      updatedIndex = (0, _handleNavKeyDown.handleNavKeyDown)(event, items.length, activeIndex);
-    }
-    var item = items[updatedIndex];
-    if (['Enter', 'ArrowDown', 'ArrowUp', 'Home', 'End'].includes(event.key) && item) {
-      /**
-       * Manually track that the url has been updated using searchResult method
-       */
-      trackAttribute('linkFieldContent', getLinkFieldContent(item.url));
-      trackAttribute('linkFieldContentInputMethod', 'searchResult');
-      trackAttribute('linkFieldContentInputSource', (0, _utils.getDataSource)(item, activePlugin));
-      dispatch({
-        activeIndex: updatedIndex,
-        selectedIndex: updatedIndex,
-        url: item.url,
-        invalidUrl: false
-      });
-    }
-  }, [items, activeIndex, selectedItem, handleSelected, handleSubmit, trackAttribute, activePlugin]);
-  var messages = isActivePlugin ? _messages.searchMessages : _messages.linkMessages;
-  var screenReaderDescriptionId = 'search-recent-links-field-description';
-  var linkSearchListId = 'link-picker-search-list';
-  var ariaActiveDescendant = selectedIndex > -1 ? "link-search-list-item-".concat(selectedIndex) : '';
-  var a11yList = isActivePlugin || isLoadingPlugins ? {
-    role: 'combobox',
-    // When a combobox popup is not visible, the element with role combobox has aria-expanded set to false
-    // https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded#combobox
-    'aria-expanded': !!(items !== null && items !== void 0 && items.length),
-    'aria-autocomplete': 'list',
-    'aria-controls': linkSearchListId,
-    'aria-activedescendant': ariaActiveDescendant,
-    'aria-describedby': screenReaderDescriptionId
-  } : undefined;
-
-  // Added workaround with a screen reader Announcer specifically for VoiceOver + Safari
-  // as the Aria design pattern for combobox does not work in this case
-  // for details: https://a11y-internal.atlassian.net/browse/AK-740
-  var screenReaderText = (0, _userAgent.browser)().safari && (0, _utils.getScreenReaderText)(items !== null && items !== void 0 ? items : [], selectedIndex, intl);
-  var customSubmitButtonLabel = customMessages !== null && customMessages !== void 0 && customMessages.submitButtonLabel ? customMessages.submitButtonLabel : undefined;
-  return (0, _react2.jsx)("form", {
-    "data-testid": testIds.linkPicker,
-    css: rootContainerStyles
-    // Use onSubmitCapture instead of onSubmit so that any possible parent form isn't submitted
-    ,
-    onSubmitCapture: handleSubmit
-  }, (0, _react2.jsx)(_trackMount.TrackMount, null), isActivePlugin && (0, _react2.jsx)(_react.Fragment, null, screenReaderText && (0, _react2.jsx)(_announcer.Announcer, {
-    ariaLive: "assertive",
-    text: screenReaderText,
-    ariaRelevant: "additions",
-    delay: 250
-  }), (0, _react2.jsx)(_visuallyHidden.default, {
-    id: screenReaderDescriptionId
-  }, customMessages !== null && customMessages !== void 0 && customMessages.linkAriaLabel ? (0, _react2.jsx)(_reactIntlNext.FormattedMessage, customMessages.linkAriaLabel) : (0, _react2.jsx)(_reactIntlNext.FormattedMessage, messages.linkAriaLabel))), (0, _react2.jsx)(LinkInputField, (0, _extends2.default)({
-    name: "url",
-    autoComplete: "off",
-    testId: testIds.urlInputField,
-    label: customMessages !== null && customMessages !== void 0 && customMessages.linkLabel ? intl.formatMessage(customMessages.linkLabel) : intl.formatMessage(messages.linkLabel),
-    placeholder: customMessages !== null && customMessages !== void 0 && customMessages.linkPlaceholder ? intl.formatMessage(customMessages === null || customMessages === void 0 ? void 0 : customMessages.linkPlaceholder) : intl.formatMessage(messages.linkPlaceholder),
-    value: url,
-    autoFocus: true,
-    clearLabel: intl.formatMessage(_messages.formMessages.clearLink),
-    error: invalidUrl ? intl.formatMessage(_messages.formMessages.linkInvalid) : null,
-    spotlightTargetName: "link-picker-search-field-spotlight-target",
-    "aria-readonly": isSubmitting
-  }, a11yList, {
-    onClear: handleUrlClear,
-    onKeyDown: handleKeyDown,
-    onChange: handleChangeUrl
-  })), !hideDisplayText && (0, _react2.jsx)(DisplayTextInputField, {
-    autoComplete: "off",
-    name: "displayText",
-    testId: testIds.textInputField,
-    value: displayText,
-    label: customMessages !== null && customMessages !== void 0 && customMessages.linkTextLabel ? intl.formatMessage(customMessages.linkTextLabel) : intl.formatMessage(_messages.linkTextMessages.linkTextLabel),
-    placeholder: customMessages !== null && customMessages !== void 0 && customMessages.linkTextPlaceholder ? intl.formatMessage(customMessages === null || customMessages === void 0 ? void 0 : customMessages.linkTextPlaceholder) : intl.formatMessage(_messages.linkTextMessages.linkTextPlaceholder),
-    clearLabel: intl.formatMessage(_messages.linkTextMessages.clearLinkText),
-    readOnly: isSubmitting,
-    onClear: handleClear,
-    onChange: handleChangeText
-  }), moveSubmitButton && (0, _react2.jsx)(_primitives.Box, {
-    xcss: FullWidthSubmitButtonStyles
-  }, (0, _react2.jsx)(_linkPickerSubmitButton.LinkPickerSubmitButton, {
-    isEditing: isEditing,
-    isLoading: isLoadingResults || !!isLoadingPlugins,
-    isSubmitting: isSubmitting,
-    customSubmitButtonLabel: customSubmitButtonLabel,
-    error: error,
-    items: items,
-    queryState: queryState,
-    submitMessageId: submitMessageId,
-    testId: testIds.insertButton,
-    url: url
-  })), !!queryState && (isLoadingPlugins || isActivePlugin) && (0, _react2.jsx)(_searchResults.SearchResults, {
-    activeTab: activeTab,
-    tabs: tabs,
-    activePlugin: activePlugin,
-    isLoadingResults: isLoadingResults,
-    isLoadingPlugins: isLoadingPlugins,
-    isSubmitting: isSubmitting,
-    linkSearchListId: linkSearchListId,
-    error: error,
-    featureFlags: featureFlags,
-    activeIndex: activeIndex,
-    selectedIndex: selectedIndex,
-    items: items,
-    queryState: queryState,
-    handleKeyDown: handleKeyDown,
-    handleSelected: handleSelected,
-    handleTabChange: handleTabChange,
-    handleSearchListOnChange: handleSearchListOnChange,
-    adaptiveHeight: adaptiveHeight,
-    retry: retry
-  }), (0, _react2.jsx)(_formFooter.FormFooter, {
-    error: error,
-    items: items
-    /** If the results section appears to be loading, impact whether the submit button is disabled */,
-    isLoading: isLoadingResults || !!isLoadingPlugins,
-    isSubmitting: isSubmitting,
-    queryState: queryState,
-    url: url,
-    isEditing: isEditing,
-    onCancel: onCancel,
-    action: pluginAction
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    ,
-    css: !queryState || !(plugins !== null && plugins !== void 0 && plugins.length) ? formFooterMargin : undefined,
-    customSubmitButtonLabel: customSubmitButtonLabel,
-    submitMessageId: submitMessageId,
-    hideSubmitButton: moveSubmitButton
-  }));
-}));

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

@@ -1,70 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.NoResultsSVGOld = void 0;
-var _react = require("@emotion/react");
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
-var HEIGHT = 120;
-var noResultsSVGStyles = (0, _react.css)({
-  height: "".concat(HEIGHT, "px"),
-  display: 'block'
-});
-var NoResultsSVGOld = exports.NoResultsSVGOld = function NoResultsSVGOld() {
-  var id = 'link-picker-ui-no-results-svg';
-  return (0, _react.jsx)("svg", {
-    css: noResultsSVGStyles,
-    height: "120",
-    viewBox: "0 0 208 191",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, (0, _react.jsx)("g", {
-    clipPath: "url(#".concat(id, "-a)")
-  }, (0, _react.jsx)("path", {
-    opacity: ".3",
-    d: "M105.28 190.44c-.93.03-1.86.05-2.79.06-1.3.01-2.36-1.04-2.36-2.34-.01-1.27 1-2.32 2.27-2.36h.07c5.93-.03 11.95-.67 17.74-1.9a2.352 2.352 0 0 1 .98 4.6 94.236 94.236 0 0 1-15.91 1.94ZM89.77 189.649c-.13 0-.27 0-.41-.02a91.17 91.17 0 0 1-18.27-4.49 2.353 2.353 0 1 1 1.59-4.43 85.94 85.94 0 0 0 17.32 4.25c1.29.18 2.19 1.36 2.01 2.65-.15 1.16-1.12 2-2.24 2.04ZM133.08 184.98c-.99.03-1.93-.56-2.29-1.54-.45-1.22.17-2.57 1.39-3.02a87.114 87.114 0 0 0 16.01-7.87 2.35 2.35 0 1 1 2.5 3.98c-5.32 3.33-11 6.13-16.87 8.3-.25.1-.49.14-.74.15ZM60.25 180.089c-.4.01-.81-.07-1.18-.27a92.004 92.004 0 0 1-15.61-10.48 2.35 2.35 0 0 1-.31-3.31c.83-1 2.31-1.14 3.31-.31a87.13 87.13 0 0 0 14.81 9.94c1.15.61 1.58 2.03.97 3.18a2.31 2.31 0 0 1-1.99 1.25ZM35.79 161.01c-.67.02-1.35-.24-1.83-.77a91.583 91.583 0 0 1-11.11-15.17 2.353 2.353 0 1 1 4.06-2.38c3 5.13 6.55 9.97 10.54 14.39.87.96.8 2.45-.17 3.32-.43.39-.96.59-1.49.61ZM179.7 145.469c-.42.01-.86-.08-1.25-.31a2.346 2.346 0 0 1-.87-3.21 86.618 86.618 0 0 0 7.22-16.31c.4-1.24 1.73-1.91 2.96-1.51 1.24.4 1.91 1.73 1.51 2.96a91.279 91.279 0 0 1-7.62 17.19c-.41.74-1.16 1.16-1.95 1.19ZM19.3 134.749c-.96.03-1.88-.53-2.26-1.47a90.64 90.64 0 0 1-5.23-18.06 2.35 2.35 0 0 1 1.9-2.73c1.28-.23 2.5.62 2.73 1.9a87.04 87.04 0 0 0 4.96 17.13c.49 1.2-.09 2.58-1.3 3.06-.26.1-.53.16-.8.17ZM190.19 116.26a2.346 2.346 0 0 1-2.4-2.74c1-5.84 1.39-11.83 1.18-17.8l-.01-.2c-.05-1.3.97-2.39 2.27-2.43 1.3-.05 2.39.97 2.43 2.27l.01.2c.22 6.29-.2 12.6-1.25 18.76a2.345 2.345 0 0 1-2.23 1.94ZM12.82 104.36c-1.3.05-2.39-.92-2.43-2.22v-.1c-.22-6.26.19-12.54 1.23-18.66a2.36 2.36 0 0 1 2.71-1.93 2.36 2.36 0 0 1 1.93 2.71 87.974 87.974 0 0 0-1.17 17.7c.05 1.31-.97 2.45-2.27 2.5ZM190 85.05a2.35 2.35 0 0 1-2.39-1.93A86.803 86.803 0 0 0 182.63 66a2.36 2.36 0 0 1 1.29-3.07c1.2-.49 2.58.09 3.07 1.29 2.36 5.8 4.13 11.88 5.25 18.06.23 1.28-.61 2.5-1.89 2.74l-.35.03ZM17.07 73.668c-.27.01-.54-.03-.81-.11a2.347 2.347 0 0 1-1.51-2.96 91.288 91.288 0 0 1 7.6-17.2 2.355 2.355 0 0 1 3.21-.88c1.13.64 1.52 2.08.88 3.21a87.027 87.027 0 0 0-7.21 16.32c-.32.96-1.2 1.59-2.16 1.62ZM179.22 55.98a2.34 2.34 0 0 1-2.11-1.16 87.748 87.748 0 0 0-10.56-14.38c-.87-.96-.8-2.45.17-3.32.96-.87 2.45-.8 3.32.17 4.22 4.66 7.96 9.75 11.13 15.15.66 1.12.28 2.56-.84 3.22-.35.2-.73.3-1.11.32ZM31.61 46.26c-.53.02-1.07-.14-1.53-.5a2.354 2.354 0 0 1-.41-3.3 92.27 92.27 0 0 1 13.01-13.57 2.36 2.36 0 0 1 3.32.27c.84.99.72 2.47-.27 3.32a87.993 87.993 0 0 0-12.35 12.88c-.44.57-1.1.88-1.77.9ZM159.12 32.35c-.56.02-1.12-.16-1.58-.54-4.59-3.8-9.57-7.14-14.83-9.93a2.35 2.35 0 0 1-.98-3.18 2.359 2.359 0 0 1 3.18-.98 91.78 91.78 0 0 1 15.62 10.46c1 .83 1.14 2.31.31 3.31-.44.54-1.08.83-1.72.86ZM54.62 25.45c-.81.03-1.61-.36-2.08-1.1a2.35 2.35 0 0 1 .74-3.24 91.806 91.806 0 0 1 16.87-8.32c1.22-.45 2.57.17 3.02 1.39.45 1.22-.17 2.57-1.39 3.02a86.792 86.792 0 0 0-16 7.89c-.36.23-.76.35-1.16.36ZM132.16 16.979c-.29.01-.59-.03-.87-.14-5.6-2-11.43-3.42-17.33-4.23a2.353 2.353 0 0 1 .64-4.66c6.22.85 12.36 2.35 18.27 4.46 1.22.44 1.86 1.78 1.42 3.01-.33.93-1.2 1.53-2.13 1.56ZM83.36 13.78a2.352 2.352 0 0 1-.57-4.65 93.98 93.98 0 0 1 18.69-2.03 2.356 2.356 0 0 1 .1 4.71h-.07c-5.93.03-11.95.69-17.74 1.92-.14.03-.28.04-.41.05Z",
-    fill: "#B3BAC5"
-  }), (0, _react.jsx)("path", {
-    opacity: ".3",
-    d: "M190.8 34.81a.522.522 0 0 1-.39-.56l.06-.45c.05-.29.11-.6.19-.92.3-1.15.85-2.18 1.64-3.09.79-.91 1.93-1.67 3.4-2.26l2.48-1.01c1.48-.59 2.39-1.57 2.75-2.92.13-.49.17-.99.12-1.51a3.44 3.44 0 0 0-.47-1.46c-.27-.45-.64-.86-1.13-1.22-.49-.36-1.09-.63-1.81-.82-.78-.2-1.47-.23-2.09-.09-.62.14-1.17.39-1.65.74s-.88.8-1.2 1.34c-.33.54-.57 1.12-.73 1.72-.05.18-.09.36-.12.52-.09.47-.56.75-1.02.61L187 22.26c-.36-.11-.61-.46-.57-.83.01-.12.03-.24.05-.36.06-.34.13-.66.21-.98.3-1.15.81-2.22 1.53-3.21.72-.99 1.61-1.8 2.67-2.43 1.06-.63 2.26-1.04 3.62-1.24 1.36-.2 2.84-.08 4.45.34 1.67.44 3.07 1.07 4.2 1.89 1.14.82 2.03 1.74 2.68 2.75.65 1.02 1.06 2.1 1.22 3.25.16 1.15.1 2.27-.19 3.36-.45 1.72-1.23 3.09-2.32 4.11-1.1 1.02-2.41 1.82-3.95 2.39l-2.09.79c-.59.19-1.47.58-2.2 1.38-.07.08-.37.41-.67.92-.22.38-.38.75-.49 1.07-.09.26-.37.4-.63.33l-3.72-.98Zm-3.06 5.87c.25-.95.79-1.67 1.63-2.17.84-.5 1.73-.63 2.68-.38.95.25 1.67.8 2.17 1.65.5.85.62 1.75.37 2.7-.25.95-.8 1.66-1.65 2.15-.85.48-1.75.6-2.69.35-.95-.25-1.67-.79-2.15-1.62-.49-.84-.61-1.73-.36-2.68ZM18.51 21.94a.518.518 0 0 1-.35-.58l.09-.45c.07-.29.15-.59.26-.9.38-1.13.99-2.12 1.85-2.97.85-.86 2.03-1.53 3.55-2.03l2.54-.84c1.51-.49 2.49-1.4 2.94-2.73.16-.48.24-.98.22-1.5-.01-.52-.14-1.02-.37-1.49-.23-.47-.58-.9-1.05-1.29-.46-.39-1.05-.7-1.75-.94-.76-.26-1.46-.33-2.08-.23-.63.1-1.19.31-1.69.63s-.93.74-1.29 1.26a6.16 6.16 0 0 0-.86 1.67c-.06.18-.11.35-.15.51-.12.46-.61.71-1.06.54l-3.74-1.42a.803.803 0 0 1-.51-.87c.02-.12.05-.24.08-.36.08-.33.17-.65.28-.96.38-1.13.96-2.16 1.75-3.1s1.73-1.69 2.82-2.25c1.1-.56 2.33-.89 3.69-.99 1.37-.1 2.84.11 4.41.64 1.63.55 2.99 1.27 4.07 2.17 1.08.9 1.91 1.87 2.49 2.93.58 1.06.92 2.16 1 3.32a8.52 8.52 0 0 1-.42 3.34c-.57 1.69-1.43 3-2.6 3.94-1.16.94-2.53 1.65-4.1 2.12l-2.14.64c-.6.15-1.51.48-2.29 1.23-.08.08-.4.39-.73.87-.25.37-.43.72-.56 1.03a.52.52 0 0 1-.65.29l-3.65-1.23Zm-3.45 5.65c.31-.93.9-1.62 1.77-2.06.87-.44 1.77-.51 2.7-.2.93.31 1.61.91 2.05 1.79.44.88.5 1.79.19 2.72-.31.93-.91 1.61-1.79 2.03-.88.42-1.78.48-2.71.17-.93-.31-1.61-.9-2.04-1.77-.42-.85-.48-1.75-.17-2.68ZM12.39 180.998c-.24.09-.52 0-.64-.23-.07-.13-.14-.27-.21-.41-.13-.27-.25-.56-.37-.86a7.553 7.553 0 0 1-.43-3.47c.13-1.2.62-2.47 1.49-3.81l1.45-2.25c.87-1.33 1.06-2.66.57-3.97a4.47 4.47 0 0 0-.77-1.31c-.34-.4-.74-.71-1.22-.93-.48-.22-1.02-.33-1.63-.35-.61-.01-1.26.11-1.95.37-.75.28-1.34.65-1.77 1.13-.43.47-.73.99-.92 1.55-.19.56-.26 1.16-.22 1.79.04.63.17 1.24.39 1.83.07.18.13.34.2.49a.8.8 0 0 1-.48 1.09l-3.8 1.24a.788.788 0 0 1-.94-.36c-.06-.11-.11-.22-.17-.33-.15-.31-.28-.62-.39-.92a9.594 9.594 0 0 1-.59-3.51c.02-1.23.28-2.4.79-3.52.5-1.12 1.25-2.15 2.25-3.09s2.28-1.7 3.84-2.27c1.62-.6 3.12-.89 4.52-.87 1.4.02 2.66.26 3.78.71 1.12.46 2.07 1.11 2.86 1.96.79.85 1.38 1.8 1.77 2.86.62 1.67.77 3.24.46 4.7s-.93 2.87-1.86 4.23l-1.26 1.85c-.37.5-.87 1.32-1.01 2.39-.01.11-.07.55-.02 1.13.04.44.12.83.22 1.15a.53.53 0 0 1-.33.64l-3.61 1.35Zm.87 6.56c-.34-.92-.31-1.82.09-2.72.4-.89 1.06-1.51 1.98-1.85.92-.34 1.83-.3 2.72.11.9.41 1.52 1.08 1.86 2 .34.92.3 1.82-.12 2.7-.42.88-1.09 1.49-2 1.83-.92.34-1.82.31-2.7-.09-.88-.4-1.49-1.06-1.83-1.98Z",
-    fill: "#C1C7D0"
-  }), (0, _react.jsx)("path", {
-    d: "m149.36 134.209-7.15-6.93-9.63 9.95 7.15 6.93c1.83 1.77 3.11 4.02 3.71 6.49.6 2.47 1.89 4.72 3.71 6.49l29.03 28.1c4.4 4.26 11.41 4.14 15.67-.25 4.26-4.4 4.14-11.41-.25-15.67l-29.03-28.1a13.457 13.457 0 0 0-6.61-3.5 13.65 13.65 0 0 1-6.6-3.51Z",
-    fill: "#CFD4DB"
-  }), (0, _react.jsx)("path", {
-    d: "M155.68 137.628c-2.37-.55-4.56-1.73-6.31-3.43l-2.18-2.11a6.92 6.92 0 0 0-9.79.16 6.92 6.92 0 0 0 .16 9.79l2.18 2.11c1.75 1.7 3 3.84 3.63 6.19 2.35-1.78 4.57-3.75 6.66-5.91 2.07-2.13 3.95-4.41 5.65-6.8Z",
-    fill: "#B3BAC5"
-  }), (0, _react.jsx)("path", {
-    d: "M101.95 156.619c-15.47.25-30.11-5.54-41.22-16.3-22.95-22.21-23.54-58.95-1.33-81.9 10.76-11.11 25.21-17.37 40.67-17.63 15.47-.25 30.11 5.54 41.22 16.3 11.12 10.76 17.37 25.21 17.63 40.67.25 15.47-5.54 30.11-16.3 41.22-10.75 11.13-25.2 17.39-40.67 17.64Zm-1.65-102c-11.78.19-22.77 4.96-30.97 13.42-16.91 17.47-16.46 45.44 1.01 62.35 8.46 8.19 19.61 12.6 31.39 12.41 11.78-.19 22.77-4.96 30.97-13.42 8.19-8.46 12.6-19.61 12.41-31.39-.19-11.78-4.96-22.77-13.42-30.97-8.47-8.18-19.61-12.59-31.39-12.4Z",
-    fill: "url(#".concat(id, "-b)")
-  }), (0, _react.jsx)("path", {
-    d: "m118.92 85.84-5.34-5.25c-.79-.77-2.05-.76-2.83.03l-9.79 9.97-9.97-9.79c-.79-.77-2.05-.76-2.83.03l-5.25 5.34c-.77.79-.76 2.05.03 2.83l9.97 9.79-9.79 9.97c-.77.79-.76 2.05.03 2.83l5.34 5.25c.79.77 2.05.76 2.83-.03l9.79-9.97 9.97 9.79c.79.77 2.05.76 2.83-.03l5.25-5.34c.77-.79.76-2.05-.03-2.83l-9.97-9.79 9.79-9.97c.77-.79.76-2.06-.03-2.83Z",
-    fill: "#C1C7D0"
-  })), (0, _react.jsx)("defs", null, (0, _react.jsx)("linearGradient", {
-    id: "".concat(id, "-b"),
-    x1: "60.062",
-    y1: "139.664",
-    x2: "141.969",
-    y2: "57.757",
-    gradientUnits: "userSpaceOnUse"
-  }, (0, _react.jsx)("stop", {
-    offset: ".557",
-    stopColor: "#C1C7D0"
-  }), (0, _react.jsx)("stop", {
-    offset: ".966",
-    stopColor: "#E9EBEF",
-    stopOpacity: ".5"
-  })), (0, _react.jsx)("clipPath", {
-    id: "".concat(id, "-a")
-  }, (0, _react.jsx)("path", {
-    fill: "#fff",
-    transform: "translate(0 .62)",
-    d: "M0 0h207.16v189.87H0z"
-  }))));
-};

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

@@ -1,145 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.testIds = exports.LinkSearchListItemOld = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = require("react");
-var _react2 = require("@emotion/react");
-var _reactIntlNext = require("react-intl-next");
-var _primitives = require("@atlaskit/primitives");
-var _transformTimeStamp = require("../../../../transformTimeStamp");
-var _styled = require("./styled");
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
-/* eslint-disable-next-line @atlassian/tangerine/import/no-parent-imports */
-
-var testIds = exports.testIds = {
-  searchResultItem: 'link-search-list-item',
-  searchResultIcon: 'link-search-list-item-icon'
-};
-var isSVG = function isSVG(icon) {
-  return icon.startsWith('<svg') && icon.endsWith('</svg>');
-};
-var base64SVG = function base64SVG(icon) {
-  return "data:image/svg+xml;base64,".concat(Buffer.from(icon).toString('base64'));
-};
-var ListItemIcon = function ListItemIcon(props) {
-  var item = props.item,
-    intl = props.intl;
-  var icon = item.icon,
-    iconAlt = item.iconAlt;
-  if (!icon) {
-    return null;
-  }
-  var alt = typeof iconAlt === 'string' ? iconAlt : intl.formatMessage(iconAlt);
-  if (typeof icon !== 'string') {
-    var Glyph = icon;
-    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)("span", {
-        css: _styled.itemIconStyles
-      }, (0, _react2.jsx)(Glyph, {
-        alt: alt,
-        "data-testid": testIds.searchResultIcon
-      }))
-    );
-  }
-  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)("span", {
-      css: _styled.itemIconStyles
-    }, (0, _react2.jsx)("img", {
-      "data-testid": testIds.searchResultIcon,
-      src: isSVG(icon) ? base64SVG(icon) : icon,
-      alt: alt
-      // 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.imgStyles
-    }))
-  );
-};
-var ListItemSubtitle = function ListItemSubtitle(_ref) {
-  var _ref$items = (0, _slicedToArray2.default)(_ref.items, 2),
-    firstItem = _ref$items[0],
-    secondItem = _ref$items[1];
-  return /* eslint-disable @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766 */(
-    (0, _react2.jsx)("div", {
-      "data-testid": "".concat(testIds.searchResultItem, "-subtitle"),
-      css: _styled.listItemContextStyles
-    }, (0, _react2.jsx)("div", {
-      css: _styled.listItemContainerStyles
-    }, (0, _react2.jsx)("span", {
-      css: _styled.listItemContainerInnerStyles
-    }, firstItem)), secondItem && (0, _react2.jsx)("div", {
-      css: _styled.listItemContainerInnerStyles
-    }, (0, _react2.jsx)(_react.Fragment, null, "\xA0 \u2022\xA0 "), (0, _react2.jsx)(_react.Fragment, null, secondItem)))
-  );
-  /* eslint-enable @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766 */
-};
-var getDefaultSubtitleItems = function getDefaultSubtitleItems(item, intl) {
-  var container = item.container;
-  var date = (0, _transformTimeStamp.transformTimeStamp)(intl, item.lastViewedDate, item.lastUpdatedDate);
-  if (container) {
-    if (date) {
-      return [container, date];
-    }
-    return [container];
-  }
-  if (date) {
-    return [date];
-  }
-  return undefined;
-};
-var LinkSearchListItemOld = exports.LinkSearchListItemOld = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, ref) {
-  var item = _ref2.item,
-    selected = _ref2.selected,
-    id = _ref2.id,
-    role = _ref2.role,
-    onSelect = _ref2.onSelect,
-    tabIndex = _ref2.tabIndex,
-    onKeyDown = _ref2.onKeyDown,
-    onFocus = _ref2.onFocus,
-    _ref2$nameMaxLines = _ref2.nameMaxLines,
-    nameMaxLines = _ref2$nameMaxLines === void 0 ? 1 : _ref2$nameMaxLines;
-  var intl = (0, _reactIntlNext.useIntl)();
-  var handleSelect = function handleSelect() {
-    return onSelect(item.objectId);
-  };
-  var subtitleItems = item.subtitleItems || getDefaultSubtitleItems(item, intl);
-  return (
-    // eslint-disable-next-line jsx-a11y/no-static-element-interactions
-    (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: (0, _styled.composeListItemStyles)(selected),
-      role: role,
-      id: id,
-      "aria-selected": selected,
-      "data-testid": testIds.searchResultItem,
-      onKeyDown: onKeyDown,
-      onClick: handleSelect,
-      onFocus: onFocus,
-      tabIndex: tabIndex,
-      ref: ref
-    }, (0, _react2.jsx)(ListItemIcon, {
-      item: item,
-      intl: intl
-    }), (0, _react2.jsx)("div", {
-      css: _styled.itemNameStyles
-    }, (0, _react2.jsx)(_primitives.Text, {
-      maxLines: nameMaxLines
-    }, (0, _react2.jsx)("span", {
-      "data-testid": "".concat(testIds.searchResultItem, "-title"),
-      title: item.name
-    }, item.name)), subtitleItems && (0, _react2.jsx)(ListItemSubtitle, {
-      items: subtitleItems
-    })))
-  );
-});