@atlaskit/link-picker 2.0.0 → 3.0.0

package/dist/es2019/ui/link-picker/text-input/old/index.js

@@ -1,121 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-/* eslint-disable @atlassian/tangerine/import/no-parent-imports */
-
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { Fragment, useCallback, 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 { ErrorMessage, Field } from '@atlaskit/form';
-import Selectclear from '@atlaskit/icon/core/migration/cross-circle--select-clear';
-import { Pressable, xcss } from '@atlaskit/primitives';
-import Textfield from '@atlaskit/textfield';
-import Tooltip from '@atlaskit/tooltip';
-import { ConditionalSpotlightTargetWrapper } from '../conditional-spotlight-target-wrapper';
-import { isRedoEvent, isUndoEvent } from '../utils';
-
-/**
- * Overidding text input margin top which design system provides as a default spacer
- * but it gets in the way of our layout
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-const fieldStyles = css({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  '> div': {
-    marginTop: 0
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
-  '& + &': {
-    marginTop: "var(--ds-space-200, 16px)"
-  }
-});
-export const testIds = {
-  urlError: 'link-error',
-  clearUrlButton: 'clear-text'
-};
-const clearTextButtonStyles = xcss({
-  padding: 'space.0',
-  marginRight: 'space.050',
-  backgroundColor: 'color.background.neutral.subtle',
-  border: 'none',
-  verticalAlign: 'middle'
-});
-export const TextInputOld = ({
-  name,
-  label,
-  autoFocus,
-  onRedo,
-  onUndo,
-  onKeyDown,
-  onClear,
-  clearLabel,
-  error,
-  spotlightTargetName,
-  ...restProps
-}) => {
-  const inputRef = useRef(null);
-  const handleRef = useCallback(input => {
-    if (input) {
-      inputRef.current = input;
-      if (autoFocus) {
-        // Need this to prevent jumping when we render TextInput inside Portal @see ED-2992
-        input.focus({
-          preventScroll: true
-        });
-      }
-    }
-  }, [autoFocus]);
-  const handleKeydown = useCallback(e => {
-    if (typeof onUndo === 'function' && isUndoEvent(e)) {
-      e.preventDefault();
-      onUndo();
-    } else if (typeof onRedo === 'function' && isRedoEvent(e)) {
-      e.preventDefault();
-      onRedo();
-    }
-    if (onKeyDown) {
-      onKeyDown(e);
-    }
-  }, [onUndo, onRedo, onKeyDown]);
-  const handleClear = useCallback(e => {
-    var _inputRef$current;
-    e.preventDefault();
-    e.stopPropagation();
-    onClear === null || onClear === void 0 ? void 0 : onClear(name);
-    (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
-  }, [name, onClear]);
-  const clearText = restProps.value !== '' && jsx(Tooltip, {
-    content: clearLabel
-  }, jsx(Pressable, {
-    xcss: clearTextButtonStyles,
-    onClick: handleClear,
-    testId: testIds.clearUrlButton
-  }, jsx(Selectclear, {
-    LEGACY_size: "medium",
-    label: clearLabel || '',
-    color: "var(--ds-icon-subtle, #626F86)",
-    spacing: "spacious"
-  })));
-  return jsx("div", {
-    css: fieldStyles
-  }, jsx(Field, {
-    label: label,
-    name: name
-  }, ({
-    fieldProps
-  }) => {
-    return jsx(ConditionalSpotlightTargetWrapper, {
-      spotlightTargetName: spotlightTargetName
-    }, jsx(Fragment, null, jsx(Textfield, _extends({}, fieldProps, restProps, {
-      onKeyDown: handleKeydown,
-      ref: handleRef,
-      elemAfterInput: clearText,
-      isInvalid: !!error
-    })), error && jsx(ErrorMessage, {
-      testId: testIds.urlError
-    }, error)));
-  }));
-};

package/dist/es2019/ui/loader-fallback/old/index.js

@@ -1,60 +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 Spinner from '@atlaskit/spinner';
-import { MinHeightContainer } from '../../../common/ui/min-height-container';
-const styles = css({
-  alignItems: 'center'
-});
-const LINK_PICKER_MIN_HEIGHT_IN_PX_WITH_TABS_WITHOUT_DISPLAYTEXT = '472px';
-const LINK_PICKER_MIN_HEIGHT_IN_PX_WITH_TABS_WITH_DISPLAYTEXT = '550px';
-const LINK_PICKER_MIN_HEIGHT_IN_PX_WITHOUT_TABS_WITH_PLUGIN_WITH_DISPLAYTEXT = '505px';
-const LINK_PICKER_MIN_HEIGHT_IN_PX_WITHOUT_TABS_WITH_PLUGIN_WITHOUT_DISPLAYTEXT = '429px';
-const LINK_PICKER_MIN_HEIGHT_IN_PX_WITHOUT_TABS_WITH_DISPLAYTEXT = '218px';
-const LINK_PICKER_MIN_HEIGHT_IN_PX_WITHOUT_TABS_WITHOUT_DISPLAYTEXT = '141px';
-const getEstimatedMinHeight = ({
-  hideDisplayText,
-  isLoadingPlugins,
-  plugins,
-  url
-}) => {
-  /**
-   * "Insert mode" (search results shown initially)
-   */
-  if (!url) {
-    /**
-     * With tabs
-     */
-    if (plugins && plugins.length > 1 || isLoadingPlugins) {
-      return hideDisplayText ? LINK_PICKER_MIN_HEIGHT_IN_PX_WITH_TABS_WITHOUT_DISPLAYTEXT : LINK_PICKER_MIN_HEIGHT_IN_PX_WITH_TABS_WITH_DISPLAYTEXT;
-    }
-
-    /**
-     * Without tabs
-     */
-    if ((plugins === null || plugins === void 0 ? void 0 : plugins.length) === 1) {
-      return hideDisplayText ? LINK_PICKER_MIN_HEIGHT_IN_PX_WITHOUT_TABS_WITH_PLUGIN_WITHOUT_DISPLAYTEXT : LINK_PICKER_MIN_HEIGHT_IN_PX_WITHOUT_TABS_WITH_PLUGIN_WITH_DISPLAYTEXT;
-    }
-  }
-  return hideDisplayText ? LINK_PICKER_MIN_HEIGHT_IN_PX_WITHOUT_TABS_WITHOUT_DISPLAYTEXT : LINK_PICKER_MIN_HEIGHT_IN_PX_WITHOUT_TABS_WITH_DISPLAYTEXT;
-};
-
-/**
- * Loader / skeleton for the Link Picker. Takes LoaderFallbackProps (hideDisplayText, isLoadingPlugins, plugins)
- * to determine the height to prevent jumps in height when loading
- */
-export const LoaderFallbackOld = props => {
-  const minHeight = getEstimatedMinHeight(props);
-  return jsx(MinHeightContainer, {
-    minHeight: minHeight,
-    "data-testid": "link-picker-root-loader-boundary-ui",
-    css: styles
-  }, jsx(Spinner, {
-    testId: "link-picker.component-loading-indicator",
-    interactionName: props.name || 'link-picker-loading',
-    size: "medium"
-  }));
-};

package/dist/es2019/ui/old/main.js

@@ -1,73 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-/* eslint-disable @atlassian/tangerine/import/no-parent-imports */
-
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import React, { memo } from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
-import { LazySuspense } from 'react-loosely-lazy';
-import { AnalyticsContext } from '@atlaskit/analytics-next';
-import { COMPONENT_NAME, LINK_PICKER_WIDTH_IN_PX } from '../../common/constants';
-import { LinkPickerSessionProvider } from '../../controllers/session-provider';
-import { ErrorBoundary } from '../error-boundary';
-import { LoaderFallback } from '../loader-fallback';
-import { MessagesProvider } from '../messages-provider';
-export const testIds = {
-  linkPickerRoot: 'link-picker-root'
-};
-export const PACKAGE_DATA = {
-  packageName: "@atlaskit/link-picker" || '',
-  packageVersion: "2.0.0" || '',
-  componentName: COMPONENT_NAME,
-  source: COMPONENT_NAME
-};
-const DefaultRootComponent = ({
-  children
-}) => {
-  return jsx("div", {
-    "data-testid": testIds.linkPickerRoot
-  }, children);
-};
-const fixedWidthContainerStyles = css({
-  width: 'var(--link-picker-width)'
-});
-const FixedWidthContainer = props => {
-  return jsx("div", _extends({
-    css: fixedWidthContainerStyles
-  }, props));
-};
-export const composeLinkPickerOld = Component => {
-  return /*#__PURE__*/memo(props => {
-    var _props$paddingLeft, _props$paddingRight, _props$paddingTop, _props$paddingBottom;
-    const {
-      component
-    } = props;
-    const RootComponent = component !== null && component !== void 0 ? component : DefaultRootComponent;
-    return jsx(AnalyticsContext, {
-      data: PACKAGE_DATA
-    }, jsx(LinkPickerSessionProvider, null, jsx(MessagesProvider, null, jsx("div", {
-      style: {
-        ['--link-picker-width']: props.disableWidth ? '100%' :
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-        `${LINK_PICKER_WIDTH_IN_PX}px`,
-        ['--link-picker-padding-left']: (_props$paddingLeft = props.paddingLeft) !== null && _props$paddingLeft !== void 0 ? _props$paddingLeft : "var(--ds-space-200, 16px)",
-        ['--link-picker-padding-right']: (_props$paddingRight = props.paddingRight) !== null && _props$paddingRight !== void 0 ? _props$paddingRight : "var(--ds-space-200, 16px)",
-        ['--link-picker-padding-top']: (_props$paddingTop = props.paddingTop) !== null && _props$paddingTop !== void 0 ? _props$paddingTop : "var(--ds-space-200, 16px)",
-        ['--link-picker-padding-bottom']: (_props$paddingBottom = props.paddingBottom) !== null && _props$paddingBottom !== void 0 ? _props$paddingBottom : "var(--ds-space-200, 16px)"
-      }
-    }, jsx(FixedWidthContainer, null, jsx(ErrorBoundary, null, jsx(LazySuspense, {
-      fallback: jsx(LoaderFallback, {
-        url: props.url,
-        hideDisplayText: props.hideDisplayText,
-        isLoadingPlugins: props.isLoadingPlugins,
-        plugins: props.plugins
-      })
-    }, jsx(RootComponent, _extends({}, props, {
-      "data-testid": testIds.linkPickerRoot
-    }), jsx(Component, props)))))))));
-  });
-};

package/dist/esm/common/generic-error-svg/old/index.js

@@ -1,58 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-/**
- * @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 HEIGHT = 90;
-var genericErrorStyles = css({
-  height: "".concat(HEIGHT, "px"),
-  display: 'block'
-});
-export var GenericErrorSVGOld = function GenericErrorSVGOld(props) {
-  var id = 'link-picker-ui-generic-error-svg';
-  return jsx("svg", _extends({
-    height: "90",
-    viewBox: "0 0 164 212",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    css: genericErrorStyles
-  }, props), jsx("path", {
-    d: "m95.43 74.16 66.44 115.08c5.84 10.12-1.46 22.76-13.14 22.76H15.85c-11.68 0-18.98-12.65-13.14-22.76L69.15 74.16c5.84-10.12 20.44-10.12 26.28 0Zm-7.56 83.55 2.88-44.35c.34-5.29-3.86-9.78-9.16-9.78-5.31 0-9.51 4.48-9.16 9.78l2.88 44.35a6.3 6.3 0 0 0 6.28 5.89c3.31 0 6.06-2.58 6.28-5.89Zm-15.84 23.54c0 5.66 4.76 10.1 10.39 9.58 4.85-.45 8.73-4.5 8.83-9.37.11-5.45-4.31-9.94-9.73-9.94-5.23-.01-9.49 4.37-9.49 9.73Z",
-    fill: "url(#".concat(id, ")")
-  }), jsx("path", {
-    opacity: ".6",
-    d: "M93.35 27.17 85.94.45c-.17-.62-1.07-.58-1.19.05l-4.66 25.1-5.8-1.08a.612.612 0 0 0-.7.76L81 52c.17.62 1.07.58 1.19-.05l4.66-25.1 5.8 1.08c.45.08.82-.33.7-.76ZM66.77 41.81 55.9 33.26c-.22-.18-.53.07-.41.33l5.53 11.43-2.66 1.29c-.18.09-.2.33-.05.45l10.87 8.55c.22.18.53-.07.41-.33l-5.53-11.43 2.66-1.29c.17-.08.2-.33.05-.45Z",
-    fill: "#C1C7D0"
-  }), jsx("path", {
-    opacity: ".6",
-    d: "M102.78 56.75a.993.993 0 0 1-.92-1.38c-.24-.77-2.29-2.85-3.54-4.11-2.97-3.01-4.93-5-3.84-6.49 1.09-1.48 3.58-.22 7.35 1.7 1.32.67 3.35 1.7 4.45 2.03-.64-.95-2.24-2.58-3.28-3.63-2.97-3.01-4.93-5-3.84-6.49 1.08-1.48 3.58-.22 7.34 1.7 1.32.67 3.34 1.7 4.45 2.03-.64-.95-2.24-2.57-3.28-3.62-2.97-3.01-4.93-5-3.84-6.49 1.08-1.48 3.57-.22 7.34 1.7 1.58.8 4.18 2.13 4.98 2.13a1.005 1.005 0 0 1 1.46 1.36c-1.09 1.48-3.57.22-7.34-1.7-1.32-.67-3.34-1.7-4.44-2.03.64.95 2.24 2.57 3.28 3.62 2.97 3.01 4.93 5 3.84 6.49-1.08 1.48-3.57.22-7.34-1.7-1.32-.67-3.35-1.7-4.45-2.03.64.95 2.24 2.57 3.28 3.63 2.97 3.01 4.93 5 3.84 6.49-1.09 1.48-3.58.22-7.35-1.7-1.32-.67-3.35-1.71-4.45-2.03.64.95 2.24 2.58 3.28 3.63 2.97 3.01 4.93 5 3.84 6.49-.21.26-.51.4-.82.4Zm5.56 14.32c-.35 0-.69-.19-.88-.52-1.04-1.88-2.22-4.02-.91-5.21 1.31-1.2 3.34.18 5.49 1.63.87.59 2.26 1.53 2.93 1.71-.12-.68-.93-2.15-1.45-3.07-1.26-2.27-2.45-4.41-1.14-5.61 1.31-1.2 3.34.18 5.49 1.63.96.65 2.54 1.72 3.1 1.74a1 1 0 0 1 1.27 1.54c-1.31 1.2-3.34-.17-5.49-1.63-.87-.59-2.26-1.53-2.93-1.71.12.68.93 2.15 1.45 3.07 1.26 2.27 2.45 4.41 1.14 5.61-1.31 1.2-3.34-.18-5.49-1.63-.87-.59-2.26-1.53-2.93-1.71.12.68.93 2.14 1.22 2.67.27.48.09 1.09-.39 1.36-.15.09-.32.13-.48.13Zm-54.32-2.89c-.22 0-.44-.04-.67-.14-1.64-.69-1.24-3.11-.81-5.67.17-1.04.45-2.7.33-3.38-.57.39-1.56 1.75-2.18 2.6-1.53 2.09-2.99 4.07-4.62 3.38a.991.991 0 0 1-.53-1.31c.2-.48.73-.72 1.21-.57.52-.21 1.65-1.75 2.34-2.68 1.53-2.09 2.98-4.08 4.62-3.38 1.64.69 1.24 3.11.81 5.67-.17 1.04-.45 2.7-.33 3.38.57-.39 1.56-1.75 2.18-2.6 1.53-2.09 2.98-4.08 4.62-3.38 1.63.69 1.24 3.09.89 5.21-.09.54-.6.91-1.15.83-.54-.09-.92-.6-.83-1.15.1-.59.37-2.24.26-2.92-.57.39-1.56 1.75-2.18 2.6-1.33 1.79-2.59 3.51-3.96 3.51Z",
-    fill: "#B3BAC5"
-  }), jsx("defs", null, jsx("linearGradient", {
-    id: id,
-    x1: "26.169",
-    y1: "228.621",
-    x2: "138.408",
-    y2: "116.382",
-    gradientUnits: "userSpaceOnUse"
-  }, jsx("stop", {
-    stopColor: "#C1C7D0"
-  }), jsx("stop", {
-    offset: ".297",
-    stopColor: "#C6CBD4",
-    stopOpacity: ".881"
-  }), jsx("stop", {
-    offset: ".63",
-    stopColor: "#D3D7DE",
-    stopOpacity: ".748"
-  }), jsx("stop", {
-    offset: ".98",
-    stopColor: "#E9EBEF",
-    stopOpacity: ".608"
-  }), jsx("stop", {
-    offset: "1",
-    stopColor: "#EBECF0",
-    stopOpacity: ".6"
-  }))));
-};

package/dist/esm/common/ui/empty-state/old/index.js

@@ -1,31 +0,0 @@
-import React from 'react';
-import Heading from '@atlaskit/heading';
-import { Flex, Text, xcss } from '@atlaskit/primitives';
-var containerStyles = xcss({
-  marginBlockStart: 'space.600',
-  marginBlockEnd: 'space.600',
-  textAlign: 'center'
-});
-export var EmptyStateOld = function EmptyStateOld(_ref) {
-  var testId = _ref.testId,
-    header = _ref.header,
-    description = _ref.description,
-    renderImage = _ref.renderImage;
-  return /*#__PURE__*/React.createElement(Flex, {
-    xcss: containerStyles,
-    testId: testId,
-    direction: "column",
-    alignItems: "center",
-    gap: "space.300"
-  }, renderImage === null || renderImage === void 0 ? void 0 : renderImage(), /*#__PURE__*/React.createElement(Flex, {
-    direction: "column",
-    alignItems: "center",
-    gap: "space.200"
-  }, /*#__PURE__*/React.createElement(Heading, {
-    size: "medium",
-    as: "h2"
-  }, header), description && /*#__PURE__*/React.createElement(Text, {
-    as: "p",
-    color: "color.text"
-  }, description)));
-};

package/dist/esm/common/ui/min-height-container/old/index.js

@@ -1,25 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["minHeight"];
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import React, { forwardRef } from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
-import { minHeightComponentStyles } from './styled';
-export var MinHeightContainerOld = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var minHeight = _ref.minHeight,
-    props = _objectWithoutProperties(_ref, _excluded);
-  return jsx("div", _extends({
-    ref: ref
-    // 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: minHeightComponentStyles
-  }, props, {
-    style: _defineProperty({}, '--link-picker-min-height', minHeight)
-  }));
-});

package/dist/esm/common/ui/min-height-container/old/styled.js

@@ -1,10 +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 var minHeightComponentStyles = css({
-  display: 'flex',
-  alignItems: 'stretch',
-  justifyContent: 'center',
-  minHeight: 'var(--link-picker-min-height)'
-});

package/dist/esm/ui/error-boundary/error-boundary-fallback/old/index.js

@@ -1,43 +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 { defineMessages, useIntl } from 'react-intl-next';
-import { LINK_PICKER_MIN_HEIGHT_IN_PX_FALLBACK } from '../../../../common/constants';
-import { GenericErrorSVG } from '../../../../common/generic-error-svg';
-import { EmptyState } from '../../../../common/ui/empty-state';
-import { MinHeightContainer } from '../../../../common/ui/min-height-container';
-var errorBoundaryFallbackStyles = css({
-  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-  lineHeight: 'initial'
-});
-var messages = defineMessages({
-  heading: {
-    defaultMessage: 'Something went wrong!',
-    description: 'Heading displayed when an unhandled error occurs.',
-    id: 'fabric.linkPicker.unhandledError.heading'
-  },
-  description: {
-    defaultMessage: 'Try reloading the page.',
-    description: 'Body message shown underneath the heading when an unhandled error occurs.',
-    id: 'fabric.linkPicker.unhandledError.description'
-  }
-});
-export var ErrorBoundaryFallbackOld = function ErrorBoundaryFallbackOld() {
-  var intl = useIntl();
-  var header = intl.formatMessage(messages.heading);
-  var description = intl.formatMessage(messages.description);
-  return jsx(MinHeightContainer, {
-    css: errorBoundaryFallbackStyles,
-    minHeight: LINK_PICKER_MIN_HEIGHT_IN_PX_FALLBACK,
-    "data-testid": "link-picker-root-error-boundary-ui"
-  }, jsx(EmptyState, {
-    header: header,
-    renderImage: function renderImage() {
-      return jsx(GenericErrorSVG, null);
-    },
-    description: description
-  }));
-};

package/dist/esm/ui/link-picker/form-footer/old/index.js

@@ -1,108 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["isLoading", "isSubmitting", "error", "url", "queryState", "items", "isEditing", "onCancel", "action", "customSubmitButtonLabel", "submitMessageId", "hideSubmitButton"];
-/* eslint-disable @atlassian/tangerine/import/no-parent-imports */
-
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { memo } from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
-import { defineMessages, useIntl } from 'react-intl-next';
-import Button, { ButtonGroup } from '@atlaskit/button';
-import EditorAddIconLegacy from '@atlaskit/icon/glyph/editor/add';
-import EditorAddIcon from '@atlaskit/icon/utility/add';
-import VisuallyHidden from '@atlaskit/visually-hidden';
-import { UnauthenticatedError } from '../../../../common/utils/errors';
-import { LinkPickerSubmitButton } from '../link-picker-submit-button';
-var formFooterStyles = css({
-  display: 'flex',
-  justifyContent: 'flex-end'
-});
-var formFooterActionStyles = css({
-  marginRight: 'auto'
-});
-export var messages = defineMessages({
-  cancelButton: {
-    id: 'fabric.linkPicker.button.cancel',
-    defaultMessage: 'Cancel',
-    description: 'Button to cancel and dismiss the link picker'
-  },
-  submittingStatusMessage: {
-    id: 'fabric.linkPicker.status.submitting',
-    defaultMessage: 'Submitting',
-    description: 'Accessibility text to indicate the form has been submitted, and submission is in-progress'
-  }
-});
-export var testIds = {
-  insertButton: 'link-picker-insert-button',
-  cancelButton: 'link-picker-cancel-button',
-  actionButton: 'link-picker-action-button',
-  submitStatusA11yIndicator: 'link-picker-submit-status-a11y-indicator',
-  /** Feature discovery for action button (css pulse) */
-  actionButtonDiscovery: 'link-picker-action-button-discovery'
-};
-export var FormFooterOld = /*#__PURE__*/memo(function (_ref) {
-  var isLoading = _ref.isLoading,
-    _ref$isSubmitting = _ref.isSubmitting,
-    isSubmitting = _ref$isSubmitting === void 0 ? false : _ref$isSubmitting,
-    error = _ref.error,
-    url = _ref.url,
-    queryState = _ref.queryState,
-    items = _ref.items,
-    isEditing = _ref.isEditing,
-    onCancel = _ref.onCancel,
-    action = _ref.action,
-    customSubmitButtonLabel = _ref.customSubmitButtonLabel,
-    submitMessageId = _ref.submitMessageId,
-    hideSubmitButton = _ref.hideSubmitButton,
-    restProps = _objectWithoutProperties(_ref, _excluded);
-  var intl = useIntl();
-  if (error && error instanceof UnauthenticatedError) {
-    return null;
-  }
-  var createButton = function createButton(pluginAction) {
-    return jsx(Button, {
-      testId: testIds.actionButton,
-      onClick: pluginAction.callback,
-      appearance: "default",
-      iconBefore: jsx(EditorAddIcon, {
-        label: "",
-        LEGACY_size: "medium",
-        LEGACY_fallbackIcon: EditorAddIconLegacy,
-        color: "currentColor"
-      }),
-      isDisabled: isSubmitting,
-      "aria-labelledby": isSubmitting ? submitMessageId : undefined
-    }, typeof pluginAction.label === 'string' ? pluginAction.label : intl.formatMessage(pluginAction.label));
-  };
-  return jsx("footer", _extends({
-    css: formFooterStyles
-  }, restProps), isSubmitting && jsx(VisuallyHidden, {
-    role: "status",
-    id: submitMessageId,
-    testId: testIds.submitStatusA11yIndicator
-  }, intl.formatMessage(messages.submittingStatusMessage)), action && jsx("div", {
-    css: formFooterActionStyles
-  }, createButton(action)), jsx(ButtonGroup, null, onCancel && jsx(Button, {
-    appearance: "subtle",
-    onClick: onCancel,
-    testId: testIds.cancelButton,
-    isDisabled: isSubmitting,
-    "aria-labelledby": isSubmitting ? submitMessageId : undefined
-  }, intl.formatMessage(messages.cancelButton)), !hideSubmitButton && jsx(LinkPickerSubmitButton, {
-    isEditing: isEditing,
-    isLoading: isLoading,
-    isSubmitting: isSubmitting,
-    customSubmitButtonLabel: customSubmitButtonLabel,
-    error: error,
-    items: items,
-    queryState: queryState,
-    submitMessageId: submitMessageId,
-    testId: testIds.insertButton,
-    url: url
-  })));
-});