@atlaskit/link-datasource 3.22.6 → 4.0.0

package/dist/esm/ui/common/error-state/provider-auth-required-old.js

@@ -1,111 +0,0 @@
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import React, { useEffect } from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
-import { useIntl } from 'react-intl-next';
-import Button from '@atlaskit/button';
-import EmptyState from '@atlaskit/empty-state';
-import { AuthError, auth as outboundAuth } from '@atlaskit/outbound-auth-flow-client';
-import { fg } from '@atlaskit/platform-feature-flags';
-import { Anchor } from '@atlaskit/primitives';
-import { useDatasourceAnalyticsEvents } from '../../../analytics';
-import useErrorLogger from '../../../hooks/useErrorLogger';
-import { loadingErrorMessages } from './messages';
-import { ProviderAuthRequiredSVG } from './provider-auth-required-svg';
-var buttonStyles = css({
-  marginTop: "var(--ds-space-200, 16px)"
-});
-var learnMoreAboutSmartLinksUrl = 'https://support.atlassian.com/confluence-cloud/docs/insert-links-and-anchors/#Smart-Links-from-Jira-and-other-products';
-export var ProviderAuthRequiredOld = function ProviderAuthRequiredOld(_ref) {
-  var _ref$auth = _ref.auth,
-    auth = _ref$auth === void 0 ? [] : _ref$auth,
-    onAuthSuccess = _ref.onAuthSuccess,
-    onAuthError = _ref.onAuthError,
-    extensionKey = _ref.extensionKey,
-    providerName = _ref.providerName,
-    datasourceId = _ref.datasourceId;
-  var _useIntl = useIntl(),
-    formatMessage = _useIntl.formatMessage;
-  var _useErrorLogger = useErrorLogger({
-      datasourceId: datasourceId
-    }),
-    captureError = _useErrorLogger.captureError;
-  var _useDatasourceAnalyti = useDatasourceAnalyticsEvents(),
-    fireEvent = _useDatasourceAnalyti.fireEvent;
-  var _auth = _slicedToArray(auth, 1),
-    authInfo = _auth[0];
-  useEffect(function () {
-    fireEvent('ui.error.shown', {
-      reason: 'access'
-    });
-  }, [fireEvent]);
-  var onAuthRequest = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            _context.prev = 0;
-            _context.next = 3;
-            return outboundAuth(authInfo.url);
-          case 3:
-            fireEvent('operational.provider.authSuccess', {
-              extensionKey: extensionKey,
-              experience: 'datasource'
-            });
-            onAuthSuccess === null || onAuthSuccess === void 0 || onAuthSuccess();
-            _context.next = 12;
-            break;
-          case 7:
-            _context.prev = 7;
-            _context.t0 = _context["catch"](0);
-            fireEvent('operational.provider.authFailure', {
-              reason: _context.t0 instanceof AuthError && _context.t0.type ? _context.t0.type : null,
-              extensionKey: extensionKey,
-              experience: 'datasource'
-            });
-            captureError('ProviderOnAuthRequest', _context.t0);
-            onAuthError === null || onAuthError === void 0 || onAuthError();
-          case 12:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee, null, [[0, 7]]);
-    }));
-    return function onAuthRequest() {
-      return _ref2.apply(this, arguments);
-    };
-  }();
-  var AnchorFFed = fg('fix_a11y_violations_in_link_datasource') ? Anchor : 'a';
-  var renderAuthDescription = function renderAuthDescription() {
-    return jsx(React.Fragment, null, formatMessage(loadingErrorMessages.authScreenDescriptionText, {
-      providerName: providerName
-    }), ' ', jsx(AnchorFFed, {
-      href: learnMoreAboutSmartLinksUrl,
-      target: "_blank",
-      rel: "noreferrer noopener"
-    }, formatMessage(loadingErrorMessages.learnMoreAboutSmartLinks)));
-  };
-  var renderAuthConnectButton = function renderAuthConnectButton() {
-    return jsx(Button, {
-      onClick: onAuthRequest,
-      appearance: "primary",
-      css: buttonStyles
-    }, formatMessage(loadingErrorMessages.authConnectButtonText));
-  };
-  return jsx(EmptyState, {
-    testId: "datasource--access-required-with-auth",
-    header: formatMessage(loadingErrorMessages.authScreenHeaderText, {
-      providerName: providerName
-    }),
-    description: renderAuthDescription(),
-    renderImage: ProviderAuthRequiredSVG,
-    primaryAction: renderAuthConnectButton()
-  });
-};

package/dist/esm/ui/common/error-state/provider-auth-required-svg-old.js

@@ -1,164 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
-var imageStyles = css({
-  width: 200,
-  height: 140,
-  marginBottom: "var(--ds-space-200, 16px)"
-});
-export var ProviderAuthRequiredSVGOld = function ProviderAuthRequiredSVGOld() {
-  return jsx("svg", {
-    width: "170",
-    height: "130",
-    viewBox: "0 0 170 130",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    css: imageStyles
-  }, jsx("rect", {
-    width: "170",
-    height: "130",
-    rx: "6.25",
-    fill: "white"
-  }), jsx("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M163.75 2H6.25C3.90279 2 2 3.90279 2 6.25V123.75C2 126.097 3.90279 128 6.25 128H163.75C166.097 128 168 126.097 168 123.75V6.25C168 3.90279 166.097 2 163.75 2ZM6.25 0C2.79822 0 0 2.79822 0 6.25V123.75C0 127.202 2.79822 130 6.25 130H163.75C167.202 130 170 127.202 170 123.75V6.25C170 2.79822 167.202 0 163.75 0H6.25Z",
-    fill: "#091E42",
-    fillOpacity: "0.14"
-  }), jsx("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M168 14H2V12H168V14Z",
-    fill: "#091E42",
-    fillOpacity: "0.14"
-  }), jsx("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M168 43L2 43L2 41L168 41V43Z",
-    fill: "#091E42",
-    fillOpacity: "0.14"
-  }), jsx("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M168 72H2V70H168V72Z",
-    fill: "#091E42",
-    fillOpacity: "0.14"
-  }), jsx("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M28 128L28 2H30L30 128H28Z",
-    fill: "#091E42",
-    fillOpacity: "0.14"
-  }), jsx("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M98 128L98 2H100L100 128H98Z",
-    fill: "#091E42",
-    fillOpacity: "0.14"
-  }), jsx("rect", {
-    x: "34",
-    y: "24.5",
-    width: "60",
-    height: "6",
-    rx: "3",
-    fill: "#091E42",
-    fillOpacity: "0.06"
-  }), jsx("rect", {
-    x: "104",
-    y: "24.5",
-    width: "60",
-    height: "6",
-    rx: "3",
-    fill: "#091E42",
-    fillOpacity: "0.06"
-  }), jsx("rect", {
-    x: "34",
-    y: "53.5",
-    width: "60",
-    height: "6",
-    rx: "3",
-    fill: "#091E42",
-    fillOpacity: "0.06"
-  }), jsx("rect", {
-    x: "104",
-    y: "53.5",
-    width: "60",
-    height: "6",
-    rx: "3",
-    fill: "#091E42",
-    fillOpacity: "0.06"
-  }), jsx("rect", {
-    x: "34",
-    y: "111.5",
-    width: "60",
-    height: "6",
-    rx: "3",
-    fill: "#091E42",
-    fillOpacity: "0.06"
-  }), jsx("rect", {
-    x: "104",
-    y: "111.5",
-    width: "60",
-    height: "6",
-    rx: "3",
-    fill: "#091E42",
-    fillOpacity: "0.06"
-  }), jsx("rect", {
-    x: "34",
-    y: "82.5",
-    width: "60",
-    height: "6",
-    rx: "3",
-    fill: "#091E42",
-    fillOpacity: "0.06"
-  }), jsx("rect", {
-    x: "104",
-    y: "82.5",
-    width: "60",
-    height: "6",
-    rx: "3",
-    fill: "#091E42",
-    fillOpacity: "0.06"
-  }), jsx("rect", {
-    opacity: "0.5",
-    x: "8",
-    y: "20.5",
-    width: "14",
-    height: "14",
-    rx: "2",
-    fill: "#1D7AFC"
-  }), jsx("rect", {
-    opacity: "0.5",
-    x: "8",
-    y: "49.5",
-    width: "14",
-    height: "14",
-    rx: "2",
-    fill: "#1D7AFC"
-  }), jsx("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M168 101H2V99H168V101Z",
-    fill: "#091E42",
-    fillOpacity: "0.14"
-  }), jsx("rect", {
-    opacity: "0.5",
-    x: "8",
-    y: "107.5",
-    width: "14",
-    height: "14",
-    rx: "2",
-    fill: "#1D7AFC"
-  }), jsx("rect", {
-    opacity: "0.5",
-    x: "8",
-    y: "78.5",
-    width: "14",
-    height: "14",
-    rx: "2",
-    fill: "#1D7AFC"
-  }));
-};

package/dist/esm/ui/common/initial-state-view/initial-state-view-old.js

@@ -1,71 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
-import { FormattedMessage, useIntl } from 'react-intl-next';
-import Lozenge from '@atlaskit/lozenge';
-import { N300 } from '@atlaskit/theme/colors';
-import { fontFallback } from '@atlaskit/theme/typography';
-import { initialStateViewMessages } from './messages';
-var initialStateViewContainerStyles = css({
-  display: 'flex',
-  justifyContent: 'center',
-  height: '100%'
-});
-var svgAndTextsWrapperStyles = css({
-  textAlign: 'center',
-  alignSelf: 'center',
-  paddingTop: "var(--ds-space-600, 48px)",
-  paddingBottom: "var(--ds-space-600, 48px)"
-});
-var betaTagStyles = css({
-  display: 'flex'
-});
-var searchTitleStyles = css({
-  color: "var(--ds-text-subtlest, ".concat(N300, ")"),
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-  font: "var(--ds-font-heading-medium, ".concat(fontFallback.heading.medium, ")"),
-  paddingTop: "var(--ds-space-200, 16px)",
-  paddingBottom: "var(--ds-space-100, 8px)",
-  display: 'flex',
-  justifyContent: 'center',
-  alignItems: 'center',
-  gap: "var(--ds-space-100, 8px)"
-});
-var mainTextStyles = css({
-  color: "var(--ds-text-subtlest, ".concat(N300, ")")
-});
-var learnMoreLinkStyles = css({
-  paddingTop: "var(--ds-space-200, 16px)",
-  display: 'inline-block'
-});
-export var InitialStateViewOld = function InitialStateViewOld(_ref) {
-  var icon = _ref.icon,
-    _ref$showBeta = _ref.showBeta,
-    showBeta = _ref$showBeta === void 0 ? false : _ref$showBeta,
-    title = _ref.title,
-    description = _ref.description,
-    learnMoreLink = _ref.learnMoreLink;
-  var _useIntl = useIntl(),
-    formatMessage = _useIntl.formatMessage;
-  return jsx("div", {
-    css: initialStateViewContainerStyles,
-    "data-testid": "datasource-modal--initial-state-view"
-  }, jsx("div", {
-    css: svgAndTextsWrapperStyles
-  }, icon, jsx("div", {
-    css: searchTitleStyles
-  }, showBeta && jsx("div", {
-    css: betaTagStyles
-  }, jsx(Lozenge, {
-    appearance: "new"
-  }, jsx(FormattedMessage, initialStateViewMessages.beta))), formatMessage(title)), jsx("div", {
-    css: mainTextStyles
-  }, formatMessage(description)), learnMoreLink && jsx("a", {
-    href: learnMoreLink.href,
-    target: "_blank",
-    css: learnMoreLinkStyles
-  }, formatMessage(learnMoreLink.text))));
-};

package/dist/esm/ui/common/modal/basic-search-input/basic-search-input-old.js

@@ -1,72 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
-import { useIntl } from 'react-intl-next';
-import { LoadingButton } from '@atlaskit/button';
-import SearchIcon from '@atlaskit/icon/core/migration/search--editor-search';
-import { fg } from '@atlaskit/platform-feature-flags';
-import Textfield from '@atlaskit/textfield';
-import { useDatasourceAnalyticsEvents } from '../../../../analytics';
-import { basicSearchInputMessages } from './messages';
-var searchButtonStyles = css({
-  marginRight: "var(--ds-space-075, 6px)"
-});
-var formStyles = css({
-  flex: 1
-});
-var formWithMaxWidthStyles = css({
-  flex: 1,
-  maxWidth: 250
-});
-export var BasicSearchInputOld = function BasicSearchInputOld(_ref) {
-  var isDisabled = _ref.isDisabled,
-    isSearching = _ref.isSearching,
-    onChange = _ref.onChange,
-    onSearch = _ref.onSearch,
-    searchTerm = _ref.searchTerm,
-    fullWidth = _ref.fullWidth,
-    testId = _ref.testId,
-    placeholder = _ref.placeholder;
-  var _useIntl = useIntl(),
-    formatMessage = _useIntl.formatMessage;
-  var _useDatasourceAnalyti = useDatasourceAnalyticsEvents(),
-    fireEvent = _useDatasourceAnalyti.fireEvent;
-  var handleSearchWithAnalytics = function handleSearchWithAnalytics() {
-    fireEvent('ui.form.submitted.basicSearch', {});
-    onSearch(searchTerm);
-  };
-  var handleFormSubmit = function handleFormSubmit(e) {
-    e.preventDefault();
-    handleSearchWithAnalytics();
-  };
-  return jsx("form", {
-    css: fullWidth ? formStyles : formWithMaxWidthStyles,
-    onSubmit: handleFormSubmit
-  }, jsx(Textfield, {
-    elemAfterInput: jsx(LoadingButton, {
-      appearance: "primary",
-      css: searchButtonStyles,
-      iconBefore: jsx(SearchIcon, {
-        label: formatMessage(fg('confluence-issue-terminology-refresh') ? basicSearchInputMessages.basicTextSearchLabelIssueTermRefresh : basicSearchInputMessages.basicTextSearchLabel),
-        LEGACY_size: "medium",
-        color: "currentColor",
-        spacing: "spacious"
-      }),
-      isDisabled: isDisabled,
-      isLoading: isSearching,
-      onClick: handleSearchWithAnalytics,
-      spacing: "none",
-      testId: "".concat(testId, "--basic-search-button")
-    }),
-    autoFocus: true,
-    onChange: onChange,
-    placeholder: formatMessage(placeholder),
-    testId: "".concat(testId, "--basic-search-input"),
-    value: searchTerm,
-    "aria-label": formatMessage(placeholder)
-  }));
-};

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

@@ -1,32 +0,0 @@
-import React from 'react';
-import { Box, xcss } from '@atlaskit/primitives';
-import { N40 } from '@atlaskit/theme/colors';
-import { scrollableContainerShadowsCssComponents } from '../../../issue-like-table/issue-like-table-old';
-var contentContainerStyles = xcss({
-  display: 'grid',
-  maxHeight: '420px',
-  overflow: 'auto',
-  borderBottom: "2px solid ".concat("var(--ds-background-accent-gray-subtler, ".concat(N40, ")")),
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  backgroundImage: scrollableContainerShadowsCssComponents.backgroundImage,
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  backgroundPosition: scrollableContainerShadowsCssComponents.backgroundPosition,
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  backgroundRepeat: scrollableContainerShadowsCssComponents.backgroundRepeat,
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  backgroundSize: scrollableContainerShadowsCssComponents.backgroundSize,
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  backgroundAttachment: scrollableContainerShadowsCssComponents.backgroundAttachment
-});
-var tableContainerStyles = xcss({
-  borderTopLeftRadius: "var(--ds-border-radius-200, 8px)",
-  borderTopRightRadius: "var(--ds-border-radius-200, 8px)",
-  border: "1px solid ".concat("var(--ds-border, ".concat(N40, ")"))
-});
-export var ContentContainerOld = function ContentContainerOld(_ref) {
-  var children = _ref.children,
-    withTableBorder = _ref.withTableBorder;
-  return /*#__PURE__*/React.createElement(Box, {
-    xcss: [contentContainerStyles, withTableBorder && tableContainerStyles]
-  }, children);
-};

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

@@ -1,35 +0,0 @@
-import React from 'react';
-import { FormattedMessage } from 'react-intl-next';
-import { Box, xcss } from '@atlaskit/primitives';
-import LinkRenderType from '../../../issue-like-table/render-type/link';
-var placeholderSmartLinkStyles = xcss({
-  backgroundColor: 'elevation.surface.raised',
-  borderRadius: "var(--ds-border-radius-200, 3px)",
-  color: 'color.text.brand',
-  paddingTop: 'space.0',
-  paddingBottom: 'space.0',
-  paddingLeft: 'space.025',
-  paddingRight: 'space.025',
-  boxShadow: 'elevation.shadow.raised'
-});
-var smartLinkContainerStyles = xcss({
-  paddingLeft: 'space.025'
-});
-export var SmartCardPlaceholderOld = function SmartCardPlaceholderOld(_ref) {
-  var placeholderText = _ref.placeholderText;
-  return /*#__PURE__*/React.createElement(Box, {
-    xcss: smartLinkContainerStyles
-  }, /*#__PURE__*/React.createElement(Box, {
-    as: "span",
-    testId: "datasource-modal--smart-card-placeholder",
-    xcss: placeholderSmartLinkStyles
-  }, /*#__PURE__*/React.createElement(FormattedMessage, placeholderText)));
-};
-export var SmartLinkOld = function SmartLinkOld(_ref2) {
-  var url = _ref2.url;
-  return /*#__PURE__*/React.createElement(Box, {
-    xcss: smartLinkContainerStyles
-  }, /*#__PURE__*/React.createElement(LinkRenderType, {
-    url: url
-  }));
-};

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

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