@atlaskit/link-create 3.1.1 → 4.0.1

package/dist/cjs/ui/modal-create/old/main.js

@@ -1,164 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var _react = require("react");
-var _react2 = require("@emotion/react");
-var _reactIntlNext = require("react-intl-next");
-var _layering = require("@atlaskit/layering");
-var _modalDialog = require("@atlaskit/modal-dialog");
-var _primitives = require("@atlaskit/primitives");
-var _constants = require("../../../common/constants");
-var _confirmDismissDialog = require("../../../common/ui/confirm-dismiss-dialog");
-var _editModal = require("../../../common/ui/edit-modal");
-var _errorBoundary = require("../../../common/ui/error-boundary");
-var _linkCreateContent = require("../../../common/ui/link-create-content");
-var _modalHero = require("../../../common/ui/modal-hero");
-var _ModalDialog = require("../../../common/ui/ModalDialog");
-var _callbackContext = require("../../../controllers/callback-context");
-var _editPostCreateContext = require("../../../controllers/edit-post-create-context");
-var _exitWarningModalContext = require("../../../controllers/exit-warning-modal-context");
-var _formContext = require("../../../controllers/form-context");
-var _pluginContext = require("../../../controllers/plugin-context");
-var _messages = require("../messages");
-/* 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 LinkCreateWithModal = function LinkCreateWithModal(_ref) {
-  var active = _ref.active,
-    modalTitle = _ref.modalTitle,
-    onCreate = _ref.onCreate,
-    onFailure = _ref.onFailure,
-    onCancel = _ref.onCancel,
-    onComplete = _ref.onComplete,
-    onOpenComplete = _ref.onOpenComplete,
-    onCloseComplete = _ref.onCloseComplete,
-    _ref$testId = _ref.testId,
-    testId = _ref$testId === void 0 ? _constants.DEFAULT_TEST_ID : _ref$testId,
-    plugins = _ref.plugins,
-    entityKey = _ref.entityKey,
-    modalHero = _ref.modalHero;
-  var intl = (0, _reactIntlNext.useIntl)();
-  var _useExitWarningModal = (0, _exitWarningModalContext.useExitWarningModal)(),
-    withExitWarning = _useExitWarningModal.withExitWarning,
-    showExitWarning = _useExitWarningModal.showExitWarning,
-    setShowExitWarning = _useExitWarningModal.setShowExitWarning;
-  var _useEditPostCreateMod = (0, _editPostCreateContext.useEditPostCreateModal)(),
-    editViewPayload = _useEditPostCreateMod.editViewPayload;
-  var _useLinkCreatePlugins = (0, _pluginContext.useLinkCreatePlugins)(),
-    activePlugin = _useLinkCreatePlugins.activePlugin;
-  var handleCloseExitWarning = function handleCloseExitWarning() {
-    return setShowExitWarning(false);
-  };
-  return (0, _react2.jsx)(_callbackContext.LinkCreateCallbackProvider, {
-    onCreate: onCreate,
-    onFailure: onFailure,
-    onCancel: withExitWarning(onCancel)
-  }, (0, _react2.jsx)(_modalDialog.ModalTransition, null, active && (0, _react2.jsx)(_ModalDialog.Modal, {
-    testId: "link-create-modal",
-    screen: _constants.SCREEN_ID,
-    onClose: withExitWarning(onCancel),
-    shouldScrollInViewport: true,
-    onOpenComplete: onOpenComplete,
-    onCloseComplete: onCloseComplete,
-    width: "".concat(_constants.CREATE_FORM_MAX_WIDTH_IN_PX, "px")
-  }, (0, _react2.jsx)(_modalHero.ModalHero, {
-    hero: modalHero
-  }), (0, _react2.jsx)(_modalDialog.ModalHeader, null, (0, _react2.jsx)(_modalDialog.ModalTitle, null, modalTitle || intl.formatMessage(_messages.messages.heading))), (0, _react2.jsx)(_modalDialog.ModalBody, null, (0, _react2.jsx)(_primitives.Box, {
-    testId: testId
-  }, (0, _react2.jsx)(_errorBoundary.ErrorBoundary, null, (0, _react2.jsx)(_linkCreateContent.LinkCreateContent, {
-    plugins: plugins,
-    entityKey: entityKey
-  })))))), onComplete && (0, _react2.jsx)(_editModal.EditModal, {
-    onCloseComplete: onCloseComplete,
-    onClose: onComplete,
-    editViewPayload: editViewPayload,
-    activePlugin: activePlugin
-  }), (0, _react2.jsx)(_layering.Layering, {
-    isDisabled: false
-  }, (0, _react2.jsx)(_confirmDismissDialog.ConfirmDismissDialog, {
-    active: showExitWarning,
-    onClose: handleCloseExitWarning,
-    onCancel: onCancel
-  })));
-};
-var LinkCreateModalOld = function LinkCreateModalOld(props) {
-  var shouldCallCloseComplete = (0, _react.useRef)(!props.active);
-
-  // modal calls onCloseComplete in a useEffect(), so we can track whether
-  // or not we should execute it based on the active prop in a
-  // useLayoutEffect() which will be run before child useEffect()s
-  (0, _react.useLayoutEffect)(function () {
-    // onCloseComplete should only be called when it is not active
-    shouldCallCloseComplete.current = !props.active;
-  }, [props.active]);
-  return (0, _react2.jsx)(_pluginContext.LinkCreatePluginsProvider, {
-    plugins: props.plugins,
-    entityKey: props.entityKey
-  }, function (pluginsProvider) {
-    return (0, _react2.jsx)(_editPostCreateContext.EditPostCreateModalProvider, {
-      active: !!props.active
-    }, function (_ref2) {
-      var _pluginsProvider$acti;
-      var setEditViewPayload = _ref2.setEditViewPayload,
-        editViewPayload = _ref2.editViewPayload,
-        shouldActivateEditView = _ref2.shouldActivateEditView,
-        enableEditView = _ref2.enableEditView;
-      return (0, _react2.jsx)(_formContext.FormContextProvider, {
-        enableEditView: pluginsProvider !== null && pluginsProvider !== void 0 && (_pluginsProvider$acti = pluginsProvider.activePlugin) !== null && _pluginsProvider$acti !== void 0 && _pluginsProvider$acti.editView && props !== null && props !== void 0 && props.onComplete ? enableEditView : undefined
-      }, (0, _react2.jsx)(_exitWarningModalContext.ExitWarningModalProvider, null, (0, _react2.jsx)(LinkCreateWithModal, (0, _extends2.default)({}, props, {
-        active: props.active && !editViewPayload,
-        onCreate: ( /*#__PURE__*/function () {
-          var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(payload) {
-            var _props$onCreate;
-            return _regenerator.default.wrap(function _callee$(_context) {
-              while (1) switch (_context.prev = _context.next) {
-                case 0:
-                  _context.next = 2;
-                  return (_props$onCreate = props.onCreate) === null || _props$onCreate === void 0 ? void 0 : _props$onCreate.call(props, payload);
-                case 2:
-                  // if onComplete exists then there is an edit flow
-                  if (props.onComplete) {
-                    if (shouldActivateEditView()) {
-                      //edit button is pressed
-                      setEditViewPayload(payload);
-                    } else {
-                      //create button is pressed
-                      props.onComplete();
-                    }
-                  }
-                case 3:
-                case "end":
-                  return _context.stop();
-              }
-            }, _callee);
-          }));
-          return function (_x) {
-            return _ref3.apply(this, arguments);
-          };
-        }()),
-        onCloseComplete: function onCloseComplete() {
-          if (shouldCallCloseComplete.current) {
-            var _props$onCloseComplet;
-            for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-              args[_key] = arguments[_key];
-            }
-            (_props$onCloseComplet = props.onCloseComplete) === null || _props$onCloseComplet === void 0 || _props$onCloseComplet.call.apply(_props$onCloseComplet, [props].concat(args));
-          }
-        }
-      }))));
-    });
-  });
-};
-var _default = exports.default = LinkCreateModalOld;

package/dist/es2019/common/ui/error-boundary-modal/old/index.js

@@ -1,26 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
-import Modal, { ModalBody, ModalTransition } from '@atlaskit/modal-dialog';
-import { CREATE_FORM_MAX_WIDTH_IN_PX } from '../../../constants';
-import { ErrorBoundaryUI } from '../../error-boundary-ui';
-
-/**
- * ErrorBoundaryModal props are the same as those passed to LinkCreate, which
- * are used to control its active state
- */
-
-export const ErrorBoundaryModalOld = ({
-  active,
-  onClose
-}) => {
-  return jsx(ModalTransition, null, active && jsx(Modal, {
-    testId: "link-create-error-boundary-modal",
-    onClose: onClose,
-    shouldScrollInViewport: true,
-    width: `${CREATE_FORM_MAX_WIDTH_IN_PX}px`
-  }, jsx(ModalBody, null, jsx(ErrorBoundaryUI, null))));
-};

package/dist/es2019/common/ui/error-boundary-ui/error-svg/old/index.js

@@ -1,58 +0,0 @@
-/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
-/**
- * @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';
-const WIDTH = 82;
-const errorStyles = css({
-  width: `${WIDTH}px`,
-  margin: `0 auto ${"var(--ds-space-300, 24px)"}`,
-  display: `block`
-});
-const id = 'link-create-error-svg';
-const ErrorSVGOld = () => jsx("svg", {
-  height: "90",
-  viewBox: "0 0 164 212",
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg",
-  css: errorStyles
-}, 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(#${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"
-}))));
-export default ErrorSVGOld;

package/dist/es2019/common/ui/icon/old/index.js

@@ -1,18 +0,0 @@
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import styled from '@emotion/styled';
-import { N20A } from '@atlaskit/theme/colors';
-// eslint-disable-next-line @atlaskit/design-system/prefer-primitives, @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/ui-styling-standard/no-dynamic-styles -- Ignored via go/DSP-18766
-export const UrlIconOld = styled.div(props => {
-  var _props$url;
-  return {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-    backgroundImage: `url(${(_props$url = props.url) !== null && _props$url !== void 0 ? _props$url : ''})`,
-    backgroundColor: `var(--ds-skeleton, ${N20A})`,
-    backgroundSize: 'contain',
-    backgroundRepeat: 'no-repeat',
-    height: "var(--ds-space-200, 16px)",
-    width: "var(--ds-space-200, 16px)",
-    borderRadius: "var(--ds-border-radius, 3px)",
-    flexShrink: 0
-  };
-});

package/dist/es2019/common/ui/message/old/index.js

@@ -1,74 +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 SuccessIcon from '@atlaskit/icon/utility/check-circle';
-import ErrorIcon from '@atlaskit/icon/utility/error';
-import { Box, xcss } from '@atlaskit/primitives';
-const messageStyles = xcss({
-  display: 'flex',
-  justifyContent: 'baseline',
-  gap: 'space.050',
-  font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
-  marginBlockStart: 'space.050'
-});
-const messageAppearanceStyles = {
-  default: xcss({
-    color: 'color.text.subtlest'
-  }),
-  error: xcss({
-    color: 'color.text.danger'
-  }),
-  valid: xcss({
-    color: 'color.text.success'
-  })
-};
-const iconWrapperStyles = css({
-  display: 'flex',
-  alignItems: 'center',
-  marginInlineStart: "var(--ds-space-025, 2px)",
-  marginInlineEnd: "var(--ds-space-025, 2px)"
-});
-const IconWrapper = ({
-  children
-}) => {
-  return jsx("span", {
-    css: iconWrapperStyles
-  }, children);
-};
-const messageIcons = {
-  error: jsx(ErrorIcon, {
-    color: "var(--ds-text-danger, #AE2A19)",
-    label: "error"
-  }),
-  valid: jsx(SuccessIcon, {
-    color: "var(--ds-text-success, #216E4E)",
-    label: "success"
-  })
-};
-export const MessageOld = ({
-  children,
-  appearance = 'default',
-  id,
-  testId
-}) => {
-  const icon = messageIcons[appearance];
-
-  /**
-   * The wrapping span is necessary to preserve spaces between children.
-   * Otherwise the flex layout of the message will remove any whitespace
-   * between children.
-   *
-   * If the child is just a string, this is not required and we can use one
-   * less DOM element.
-   */
-  const content = typeof children === 'string' ? children : jsx("span", null, children);
-  return jsx(Box, {
-    xcss: [messageStyles, messageAppearanceStyles[appearance]],
-    testId: testId,
-    id: id
-  }, icon && jsx(IconWrapper, null, icon), content);
-};

package/dist/es2019/common/ui/modal-hero/old/index.js

@@ -1,19 +0,0 @@
-import React, { Fragment } from 'react';
-import { Stack } from '@atlaskit/primitives';
-import { ErrorBoundary } from '../../../../common/ui/error-boundary';
-const ErrorComponent = () => {
-  // when there's an error, render nothing but report the issue
-  return /*#__PURE__*/React.createElement(Fragment, null, null);
-};
-export const ModalHeroOld = ({
-  hero
-}) => {
-  if (!hero) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement(Stack, {
-    testId: "link-create-modal-hero"
-  }, /*#__PURE__*/React.createElement(ErrorBoundary, {
-    errorComponent: /*#__PURE__*/React.createElement(ErrorComponent, null)
-  }, hero));
-};

package/dist/es2019/controllers/create-field/old/main.js

@@ -1,74 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
-import { css, jsx } from '@emotion/react';
-import { Field } from 'react-final-form';
-import { Label, RequiredAsterisk } from '@atlaskit/form';
-import { Message } from '../../../common/ui/message';
-import { shouldShowValidationErrors } from '../../../common/utils/form';
-const fieldWrapperStyles = css({
-  marginTop: "var(--ds-space-100, 8px)"
-});
-export function CreateFieldOld({
-  id,
-  name,
-  label,
-  isRequired,
-  validators,
-  validationHelpText,
-  testId,
-  children
-}) {
-  const fieldId = id ? id : `link-create-field-${name}`;
-  return jsx(Field, {
-    name: name,
-    validate: value => {
-      var _find;
-      return (_find = (validators !== null && validators !== void 0 ? validators : []).find(validator => {
-        return !validator.isValid(value);
-      })) === null || _find === void 0 ? void 0 : _find.errorMessage;
-    }
-  }, ({
-    input,
-    meta
-  }) => {
-    const isInvalid = shouldShowValidationErrors(meta);
-    const {
-      submitError,
-      error
-    } = meta;
-    const hasError = !!submitError || !!error;
-    const showErrorMessage = hasError && isInvalid;
-    const describedById = `${fieldId}-description`;
-    const errorMessageId = `${fieldId}-error`;
-    const ariaErrorMessage = showErrorMessage ? errorMessageId : undefined;
-    return jsx("div", {
-      css: fieldWrapperStyles,
-      "data-testid": testId
-    }, label && jsx(Label, {
-      htmlFor: fieldId,
-      id: `${fieldId}-label`,
-      testId: `${testId}-label`
-    }, label, isRequired && jsx(RequiredAsterisk, null)), children({
-      ...input,
-      fieldId,
-      isInvalid,
-      isRequired,
-      'aria-errormessage': ariaErrorMessage,
-      'aria-describedby': describedById
-    }), jsx("div", {
-      id: describedById
-    }, !hasError && validationHelpText && jsx(Message, {
-      testId: `${testId}-helper-message`
-    }, validationHelpText), jsx("div", {
-      "aria-live": "polite"
-    }, showErrorMessage && jsx(Message, {
-      id: errorMessageId,
-      appearance: "error",
-      testId: `${testId}-error-message`
-    }, submitError || error))));
-  });
-}

package/dist/es2019/ui/create-form/async-select/old/main.js

@@ -1,137 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-/* eslint-disable @atlassian/tangerine/import/no-parent-imports */
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { useEffect, useMemo, useState } from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
-import debounce from 'debounce-promise';
-import { useForm } from 'react-final-form';
-import { useIntl } from 'react-intl-next';
-import { AsyncSelect as AkAsyncSelect } from '@atlaskit/select';
-import messages from '../../../../common/messages';
-import { useLinkCreateCallback } from '../../../../controllers/callback-context';
-import { CreateField } from '../../../../controllers/create-field';
-import { useFormContext } from '../../../../controllers/form-context';
-export const TEST_ID = 'link-create-async-select';
-
-/**
- * An async select utilising the Atlaskit AsyncSelect and CreateField.
- * Validation is handled by the form on form submission. Any
- * errors returned by the handleSubmit function passed to the form <Form> that
- * have a key matching the `name` of this field are shown below the field.
- */
-export function AsyncSelectOld({
-  id,
-  name,
-  label,
-  isRequired,
-  validators,
-  validationHelpText,
-  testId = TEST_ID,
-  //@ts-ignore react-select unsupported props
-  defaultOption: propsDefaultValue,
-  loadOptions: loadOptionsFn,
-  ...restProps
-}) {
-  const {
-    mutators
-  } = useForm();
-  const {
-    onFailure
-  } = useLinkCreateCallback();
-  const {
-    setFormErrorMessage
-  } = useFormContext();
-  const intl = useIntl();
-  const [defaultValue, setDefaultValue] = useState(propsDefaultValue);
-  const [isLoadingDefaultOptions, setIsLoadingDefaultOptions] = useState(false);
-  const [defaultOptions, setDefaultOptions] = useState([]);
-
-  /**
-   * This binds experience to fail if async fetch ever fails to load
-   */
-  const loadOptions = useMemo(() => {
-    if (loadOptionsFn) {
-      return async function (...args) {
-        try {
-          return await loadOptionsFn(...args);
-        } catch (err) {
-          onFailure === null || onFailure === void 0 ? void 0 : onFailure(err);
-          setFormErrorMessage(intl.formatMessage(messages.genericErrorMessage));
-          return [];
-        }
-      };
-    }
-  }, [intl, onFailure, loadOptionsFn, setFormErrorMessage]);
-  useEffect(() => {
-    let current = true;
-    const fetch = async (query = '') => {
-      if (!loadOptions) {
-        return;
-      }
-      try {
-        /**
-         * If we are fetching default options, clear the
-         * value the user has set
-         */
-        if (mutators.setField) {
-          mutators.setField(name, null);
-        }
-        setIsLoadingDefaultOptions(true);
-        setDefaultOptions([]);
-        const options = await loadOptions(query);
-        if (current) {
-          setDefaultOptions(options);
-          setIsLoadingDefaultOptions(false);
-        }
-      } catch (err) {
-        if (current) {
-          setIsLoadingDefaultOptions(false);
-        }
-      }
-    };
-    fetch();
-    return () => {
-      current = false;
-    };
-  }, [loadOptions, setIsLoadingDefaultOptions, setDefaultOptions, mutators, name]);
-  useEffect(() => {
-    /**
-     * Mutate the form state to set a default value for this field
-     * if `defaultOption` is a prop and we have not set a value for it yet
-     */
-    if (!defaultValue && propsDefaultValue) {
-      setDefaultValue(propsDefaultValue);
-      if (mutators.setField) {
-        mutators.setField(name, propsDefaultValue);
-      }
-    }
-  }, [defaultValue, propsDefaultValue, name, mutators]);
-  const debouncedLoadOptions = useMemo(() => loadOptions ? debounce(loadOptions, 300) : undefined, [loadOptions]);
-  return jsx(CreateField, {
-    id: id,
-    name: name,
-    label: label,
-    isRequired: isRequired,
-    validators: validators,
-    validationHelpText: validationHelpText,
-    testId: testId
-  }, ({
-    fieldId,
-    isRequired,
-    ...fieldProps
-  }) => {
-    return jsx(AkAsyncSelect, _extends({
-      inputId: fieldId
-    }, fieldProps, restProps, {
-      required: isRequired,
-      loadOptions: debouncedLoadOptions,
-      defaultOptions: defaultOptions,
-      isLoading: isLoadingDefaultOptions
-    }));
-  });
-}

package/dist/es2019/ui/create-form/form-footer/old/main.js

@@ -1,57 +0,0 @@
-/* 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
-import { css, jsx } from '@emotion/react';
-import { useIntl } from 'react-intl-next';
-import { ButtonGroup } from '@atlaskit/button';
-import ErrorIcon from '@atlaskit/icon/core/migration/error';
-import { Button } from '../../../../common/ui/Button';
-import { EditButton } from '../edit-button';
-import { messages } from '../messages';
-import { SubmitButton } from '../submit-button';
-const formFooterWrapperStyles = css({
-  display: 'flex',
-  marginTop: "var(--ds-space-300, 24px)",
-  justifyContent: 'flex-end'
-});
-const errorStyles = css({
-  display: 'flex',
-  alignItems: 'center',
-  marginRight: 'auto'
-});
-/**
- * Footer for the Create Form, used as a wrapper for action buttons
- * and form error messages. This component is unmounted if
- * hideFooter is true in the Create Form.
- */
-export function CreateFormFooterOld({
-  formErrorMessage,
-  handleCancel,
-  testId
-}) {
-  const intl = useIntl();
-  return jsx("footer", {
-    "data-testid": `${testId}-footer`,
-    css: formFooterWrapperStyles
-  }, formErrorMessage && jsx("div", {
-    role: "alert",
-    css: errorStyles,
-    "data-testid": `${testId}-error`
-  }, jsx(ErrorIcon, {
-    label: formErrorMessage,
-    color: "var(--ds-icon-danger, #E34935)",
-    spacing: "spacious"
-  }), formErrorMessage), jsx(ButtonGroup, null, jsx(Button, {
-    type: "button",
-    actionSubjectId: "cancel",
-    appearance: "subtle",
-    onClick: e => {
-      e.stopPropagation();
-      handleCancel();
-    },
-    testId: `${testId}-button-cancel`
-  }, intl.formatMessage(messages.close)), jsx(EditButton, null), jsx(SubmitButton, null)));
-}

package/dist/es2019/ui/create-form/form-loader/old/main.js

@@ -1,31 +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 { CREATE_FORM_MIN_HEIGHT_IN_PX } from '../../../../common/constants';
-const formLoaderStyles = css({
-  display: `flex`,
-  alignItems: `center`,
-  justifyContent: `center`,
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  minHeight: `${CREATE_FORM_MIN_HEIGHT_IN_PX}px`
-});
-
-/**
- * Wrapper component for the Spinner, shows while the form
- * performs async functions on load.
- */
-export function CreateFormLoaderOld({
-  size = 'large'
-}) {
-  return jsx("div", {
-    css: formLoaderStyles
-  }, jsx(Spinner, {
-    size: size,
-    interactionName: "load",
-    testId: "link-create-form-loader"
-  }));
-}