@atlaskit/link-create 1.9.5 → 1.11.0

package/CHANGELOG.md

@@ -1,5 +1,48 @@
 # @atlaskit/link-create
 
+## 1.11.0
+
+### Minor Changes
+
+- [#43513](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/43513) [`3b056e3b332`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3b056e3b332) - ### Improved Observability
+
+  Improves observability over failure cases when plugins call `onFailure()`, or throw an error to be caught by `<LinkCreate />`'s internal error boundary.
+
+  When `platform.linking-platform.link-create.better-observability` feature flag is enabled, errors provided via `onFailure()` from plugins no longer play a role in displaying an error message to users in the `<CreateForm />`.
+
+  ### Improved Create Form error handling
+
+  Allows plugins to return an object of error messages in the `onSubmit()` handler provided to the `CreateForm`.
+  To set a generic error, use the newly exposed `FORM_ERROR` [see react-final-form](https://final-form.org/docs/react-final-form/types/FormProps#submission-errors) to define an error message on the object resolved `onSubmit`.
+
+  Example:
+
+  ```tsx
+  import { FORM_ERROR } from '@atlaskit/link-create'
+
+  <CreateForm onSubmit={(data) => {
+    return {
+      [FORM_ERROR]: "Something bad happened!"
+    }
+  } />
+  ```
+
+  The error message returned by the plugin will be displayed in the form footer when the `platform.linking-platform.link-create.better-observability` feature flag is enabled.
+
+### Patch Changes
+
+- Updated dependencies
+
+## 1.10.0
+
+### Minor Changes
+
+- [#43692](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/43692) [`6f2a46c60f3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6f2a46c60f3) - NOISSUE Make undefinable ari optional in link create payload
+
+### Patch Changes
+
+- [#43685](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/43685) [`315e88c6400`](https://bitbucket.org/atlassian/atlassian-frontend/commits/315e88c6400) - EDM-8558: rename label of edit button to 'create + open'
+
 ## 1.9.5
 
 ### Patch Changes

package/analytics.spec.yaml

@@ -10,9 +10,9 @@ context:
     packageVersion:
       type: string
       description: version of the package the event was fired from
-    source:
+    component:
       type: ['linkCreate']
-      description: the name of the ui source the event originated from (linkCreate)
+      description: the name of the component the event originated from (linkCreate)
     componentName:
       type: ['linkCreate']
       description: the name of the component the event originated from (linkCreate)
@@ -122,9 +122,35 @@ events:
 
   - object createFailed (linkCreate):
       type: track
-      description: fired when the object creation fails
+      description: "[DEPRECATED] prefer `operation failed (linkCreate)` — fired when the object creation fails"
       attributes:
         <<: *PackageMetaDataContext
         failureType:
           type: string
           description: the name of the failure
+
+  - operation failed (linkCreate):
+      type: operational
+      description: fired when a failure has occured in the link create experience
+      attributes:
+        <<: *PackageMetaDataContext
+        errorType:
+          type: string
+          description: the name of the error
+          required: false
+        experienceStatus:
+          type: ['SUCCEEDED', 'FAILED']
+        previousExperienceStatus:
+          type: ['STARTED', 'SUCCEEDED', 'FAILED']
+        path:
+          type: string
+          required: false
+          description: The path of the network request if the failure is a Reponse
+        status:
+          type: number
+          required: false
+          description: The status code returned for the network request if the failure is a Response
+        traceId:
+          type: string
+          required: false
+          description: The x-trace-id header associated with the network request if the failure is a Response

package/dist/cjs/common/messages.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _reactIntlNext = require("react-intl-next");
+var _default = exports.default = (0, _reactIntlNext.defineMessages)({
+  genericErrorMessage: {
+    id: 'link-create.unknown-error.heading',
+    defaultMessage: 'Something went wrong',
+    description: 'Message when an unknown error occurs'
+  }
+});

package/dist/cjs/common/ui/error-boundary-ui/index.js

@@ -10,16 +10,17 @@ var _react = _interopRequireDefault(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _button = _interopRequireDefault(require("@atlaskit/button"));
 var _emptyState = _interopRequireDefault(require("@atlaskit/empty-state"));
+var _messages = _interopRequireDefault(require("../../messages"));
 var _errorSvg = _interopRequireDefault(require("./error-svg"));
-var _messages = _interopRequireDefault(require("./messages"));
+var _messages2 = _interopRequireDefault(require("./messages"));
 var CONTACT_SUPPORT_LINK = exports.CONTACT_SUPPORT_LINK = 'https://support.atlassian.com/contact/';
 var ErrorBoundaryUI = exports.ErrorBoundaryUI = function ErrorBoundaryUI() {
   var intl = (0, _reactIntlNext.useIntl)();
   return /*#__PURE__*/_react.default.createElement(_emptyState.default, {
     maxImageWidth: 82,
     testId: 'link-create-error-boundary-ui',
-    header: intl.formatMessage(_messages.default.heading),
-    description: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.default.description, {
+    header: intl.formatMessage(_messages.default.genericErrorMessage),
+    description: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages2.default.description, {
       values: {
         a: function a(label) {
           return /*#__PURE__*/_react.default.createElement(_button.default, {

package/dist/cjs/common/ui/error-boundary-ui/messages.js

@@ -6,11 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _reactIntlNext = require("react-intl-next");
 var _default = exports.default = (0, _reactIntlNext.defineMessages)({
-  heading: {
-    id: 'link-create.unknown-error.heading',
-    defaultMessage: 'Something went wrong',
-    description: 'Heading when an unknown error occurs'
-  },
   description: {
     id: 'link-create.unknown-error.description',
     defaultMessage: 'Refresh the page, or contact <a>Atlassian Support</a> if this keeps happening.',

package/dist/cjs/common/utils/analytics/analytics.codegen.js

@@ -11,7 +11,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
  *
  * Generates Typescript types for analytics events from analytics.spec.yaml
  *
- * @codegen <<SignedSource::be704bbbca0e49c927d1268b9a0f1d6a>>
+ * @codegen <<SignedSource::20562f2db603daab7d5b7a5c5ba1c04b>>
  * @codegenCommand yarn workspace @atlaskit/link-create run codegen-analytics
  */
 

package/dist/cjs/common/utils/errors/index.js

@@ -0,0 +1,39 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getNetworkFields = exports.getErrorType = void 0;
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+var _utils = require("@atlaskit/linking-common/utils");
+var getUrlPath = function getUrlPath(url) {
+  try {
+    return new URL(url).pathname;
+  } catch (_unused) {
+    return 'Failed to parse pathname from url';
+  }
+};
+var getNetworkFields = exports.getNetworkFields = function getNetworkFields(error) {
+  if (error instanceof Response) {
+    return {
+      traceId: (0, _utils.getTraceId)(error),
+      status: error.status,
+      path: getUrlPath(error.url)
+    };
+  }
+  return {
+    traceId: null,
+    status: null,
+    path: null
+  };
+};
+var getErrorType = exports.getErrorType = function getErrorType(error) {
+  if (error instanceof Response) {
+    return 'NetworkError';
+  }
+  if (error instanceof Error) {
+    return error.name;
+  }
+  return (0, _typeof2.default)(error);
+};

package/dist/cjs/controllers/callback-context/main.js

@@ -11,8 +11,11 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _react = _interopRequireWildcard(require("react"));
 var _analyticsNext = require("@atlaskit/analytics-next");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _constants = require("../../common/constants");
 var _analytics = _interopRequireDefault(require("../../common/utils/analytics/analytics.codegen"));
+var _errors = require("../../common/utils/errors");
+var _experienceTracker = require("../experience-tracker");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 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; }
@@ -25,6 +28,9 @@ var LinkCreateCallbackProvider = exports.LinkCreateCallbackProvider = function L
     onCancel = _ref.onCancel;
   var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
+  var experience = (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.link-create.better-observability') ?
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  (0, _experienceTracker.useExperience)() : null;
   var handleCreate = (0, _react.useMemo)(function () {
     return {
       onCreate: function () {
@@ -33,18 +39,25 @@ var LinkCreateCallbackProvider = exports.LinkCreateCallbackProvider = function L
           return _regenerator.default.wrap(function _callee$(_context) {
             while (1) switch (_context.prev = _context.next) {
               case 0:
+                if ((0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.link-create.better-observability')) {
+                  /**
+                   * We consider the experience successful once we have
+                   * successfully created an object
+                   */
+                  experience === null || experience === void 0 || experience.success();
+                }
                 objectId = result.objectId, objectType = result.objectType;
                 createAnalyticsEvent((0, _analytics.default)('track.object.created.linkCreate', {
                   objectId: objectId,
                   objectType: objectType
                 })).fire(_constants.ANALYTICS_CHANNEL);
                 if (!_onCreate) {
-                  _context.next = 5;
+                  _context.next = 6;
                   break;
                 }
-                _context.next = 5;
+                _context.next = 6;
                 return _onCreate(result);
-              case 5:
+              case 6:
               case "end":
                 return _context.stop();
             }
@@ -56,7 +69,7 @@ var LinkCreateCallbackProvider = exports.LinkCreateCallbackProvider = function L
         return onCreate;
       }()
     };
-  }, [createAnalyticsEvent, _onCreate]);
+  }, [createAnalyticsEvent, _onCreate, experience]);
   var handleFailure = (0, _react.useMemo)(function () {
     return {
       onFailure: function () {
@@ -65,10 +78,13 @@ var LinkCreateCallbackProvider = exports.LinkCreateCallbackProvider = function L
             while (1) switch (_context2.prev = _context2.next) {
               case 0:
                 createAnalyticsEvent((0, _analytics.default)('track.object.createFailed.linkCreate', {
-                  failureType: error.name
+                  failureType: (0, _errors.getErrorType)(error)
                 })).fire(_constants.ANALYTICS_CHANNEL);
+                if ((0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.link-create.better-observability')) {
+                  experience === null || experience === void 0 || experience.failure(error);
+                }
                 _onFailure && _onFailure(error);
-              case 2:
+              case 3:
               case "end":
                 return _context2.stop();
             }
@@ -80,7 +96,7 @@ var LinkCreateCallbackProvider = exports.LinkCreateCallbackProvider = function L
         return onFailure;
       }()
     };
-  }, [createAnalyticsEvent, _onFailure]);
+  }, [createAnalyticsEvent, _onFailure, experience]);
   var value = (0, _react.useMemo)(function () {
     return _objectSpread(_objectSpread({
       onCancel: onCancel

package/dist/cjs/controllers/experience-tracker/index.js

@@ -0,0 +1,85 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useExperience = exports.Experience = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireWildcard(require("react"));
+var _analyticsNext = require("@atlaskit/analytics-next");
+var _sentry = require("@atlaskit/linking-common/sentry");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _constants = require("../../common/constants");
+var _analytics = _interopRequireDefault(require("../../common/utils/analytics/analytics.codegen"));
+var _errors = require("../../common/utils/errors");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+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; }
+var ExperienceContext = /*#__PURE__*/(0, _react.createContext)({
+  success: function success() {},
+  failure: function failure() {}
+});
+
+/**
+ * Experience provider that simply keeps track of the state of the experience.
+ * Fires an operational event when experience state changes to FAILED.
+ */
+var Experience = exports.Experience = function Experience(_ref) {
+  var children = _ref.children;
+  var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
+    createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
+  var experience = (0, _react.useRef)('STARTED');
+  var value = (0, _react.useMemo)(function () {
+    return {
+      success: function success() {
+        if (experience.current !== 'SUCCEEDED') {
+          experience.current = 'SUCCEEDED';
+        }
+      },
+      /**
+       * Indicate the experience has failed and capture exception information
+       * @param error Typically an Error class or Response class
+       */
+      failure: function failure(error) {
+        var experienceStatus = 'FAILED';
+
+        /**
+         * Always capture an event to Splunk
+         */
+        createAnalyticsEvent((0, _analytics.default)('operational.operation.failed.linkCreate', _objectSpread({
+          /**
+           * The type of error that has failed the experience
+           */
+          errorType: (0, _errors.getErrorType)(error),
+          /**
+           * The current status of the experience (has failed)
+           */
+          experienceStatus: experienceStatus,
+          /**
+           * Previous experience status indicates whether the experience
+           * has just failed now, or has already failing
+           */
+          previousExperienceStatus: experience.current
+        }, (0, _errors.getNetworkFields)(error)))).fire(_constants.ANALYTICS_CHANNEL);
+        if (error instanceof Error) {
+          if ((0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.link-create.enable-sentry-client')) {
+            // Capture exception to Sentry
+            (0, _sentry.captureException)(error, 'link-create');
+          }
+        }
+        if (experience.current !== experienceStatus) {
+          experience.current = experienceStatus;
+        }
+      }
+    };
+  }, [experience, createAnalyticsEvent]);
+  return /*#__PURE__*/_react.default.createElement(ExperienceContext.Provider, {
+    value: value
+  }, children);
+};
+var useExperience = exports.useExperience = function useExperience() {
+  return (0, _react.useContext)(ExperienceContext);
+};

package/dist/cjs/index.js

@@ -22,6 +22,12 @@ Object.defineProperty(exports, "CreateFormLoader", {
     return _index.CreateFormLoader;
   }
 });
+Object.defineProperty(exports, "FORM_ERROR", {
+  enumerable: true,
+  get: function get() {
+    return _finalForm.FORM_ERROR;
+  }
+});
 Object.defineProperty(exports, "FormSpy", {
   enumerable: true,
   get: function get() {
@@ -58,6 +64,7 @@ Object.defineProperty(exports, "useLinkCreateCallback", {
     return _callbackContext.useLinkCreateCallback;
   }
 });
+var _finalForm = require("final-form");
 var _index = _interopRequireWildcard(require("./ui/index"));
 var _callbackContext = require("./controllers/callback-context");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }

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

@@ -15,8 +15,13 @@ var _react = require("react");
 var _react2 = require("@emotion/react");
 var _debouncePromise = _interopRequireDefault(require("debounce-promise"));
 var _reactFinalForm = require("react-final-form");
+var _reactIntlNext = require("react-intl-next");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _select = require("@atlaskit/select");
+var _messages = _interopRequireDefault(require("../../../common/messages"));
+var _callbackContext = require("../../../controllers/callback-context");
 var _createField = require("../../../controllers/create-field");
+var _formContext = require("../../../controllers/form-context");
 var _excluded = ["id", "name", "label", "isRequired", "validators", "validationHelpText", "testId", "defaultOption", "loadOptions"],
   _excluded2 = ["fieldId"];
 /** @jsx jsx */
@@ -38,10 +43,15 @@ function AsyncSelect(_ref) {
     _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? TEST_ID : _ref$testId,
     propsDefaultValue = _ref.defaultOption,
-    loadOptions = _ref.loadOptions,
+    loadOptionsFn = _ref.loadOptions,
     restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var _useForm = (0, _reactFinalForm.useForm)(),
     mutators = _useForm.mutators;
+  var _useLinkCreateCallbac = (0, _callbackContext.useLinkCreateCallback)(),
+    onFailure = _useLinkCreateCallbac.onFailure;
+  var _useFormContext = (0, _formContext.useFormContext)(),
+    setFormErrorMessage = _useFormContext.setFormErrorMessage;
+  var intl = (0, _reactIntlNext.useIntl)();
   var _useState = (0, _react.useState)(propsDefaultValue),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     defaultValue = _useState2[0],
@@ -54,24 +64,56 @@ function AsyncSelect(_ref) {
     _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
     defaultOptions = _useState6[0],
     setDefaultOptions = _useState6[1];
+
+  /**
+   * This binds experience to fail if async fetch ever fails to load
+   */
+  var loadOptions = (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.link-create.better-observability') ?
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  (0, _react.useMemo)(function () {
+    if (loadOptionsFn) {
+      return /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+        var _args = arguments;
+        return _regenerator.default.wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              _context.prev = 0;
+              _context.next = 3;
+              return loadOptionsFn.apply(void 0, _args);
+            case 3:
+              return _context.abrupt("return", _context.sent);
+            case 6:
+              _context.prev = 6;
+              _context.t0 = _context["catch"](0);
+              onFailure === null || onFailure === void 0 || onFailure(_context.t0);
+              setFormErrorMessage(intl.formatMessage(_messages.default.genericErrorMessage));
+              return _context.abrupt("return", []);
+            case 11:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee, null, [[0, 6]]);
+      }));
+    }
+  }, [intl, onFailure, loadOptionsFn, setFormErrorMessage]) : loadOptionsFn;
   (0, _react.useEffect)(function () {
     var current = true;
     var fetch = /*#__PURE__*/function () {
-      var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+      var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
         var query,
           options,
-          _args = arguments;
-        return _regenerator.default.wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
+          _args2 = arguments;
+        return _regenerator.default.wrap(function _callee2$(_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
             case 0:
-              query = _args.length > 0 && _args[0] !== undefined ? _args[0] : '';
+              query = _args2.length > 0 && _args2[0] !== undefined ? _args2[0] : '';
               if (loadOptions) {
-                _context.next = 3;
+                _context2.next = 3;
                 break;
               }
-              return _context.abrupt("return");
+              return _context2.abrupt("return");
             case 3:
-              _context.prev = 3;
+              _context2.prev = 3;
               /**
                * If we are fetching default options, clear the
                * value the user has set
@@ -81,30 +123,30 @@ function AsyncSelect(_ref) {
               }
               setIsLoadingDefaultOptions(true);
               setDefaultOptions([]);
-              _context.next = 9;
+              _context2.next = 9;
               return loadOptions(query);
             case 9:
-              options = _context.sent;
+              options = _context2.sent;
               if (current) {
                 setDefaultOptions(options);
                 setIsLoadingDefaultOptions(false);
               }
-              _context.next = 16;
+              _context2.next = 16;
               break;
             case 13:
-              _context.prev = 13;
-              _context.t0 = _context["catch"](3);
+              _context2.prev = 13;
+              _context2.t0 = _context2["catch"](3);
               if (current) {
                 setIsLoadingDefaultOptions(false);
               }
             case 16:
             case "end":
-              return _context.stop();
+              return _context2.stop();
           }
-        }, _callee, null, [[3, 13]]);
+        }, _callee2, null, [[3, 13]]);
       }));
       return function fetch() {
-        return _ref2.apply(this, arguments);
+        return _ref3.apply(this, arguments);
       };
     }();
     fetch();
@@ -135,9 +177,9 @@ function AsyncSelect(_ref) {
     validators: validators,
     validationHelpText: validationHelpText,
     testId: testId
-  }, function (_ref3) {
-    var fieldId = _ref3.fieldId,
-      fieldProps = (0, _objectWithoutProperties2.default)(_ref3, _excluded2);
+  }, function (_ref4) {
+    var fieldId = _ref4.fieldId,
+      fieldProps = (0, _objectWithoutProperties2.default)(_ref4, _excluded2);
     return (0, _react2.jsx)(_select.AsyncSelect, (0, _extends2.default)({
       inputId: fieldId
     }, fieldProps, restProps, {

package/dist/cjs/ui/create-form/form-footer/edit-button/index.js

@@ -52,6 +52,6 @@ var EditButton = exports.EditButton = function EditButton() {
         (_mutators$setField = mutators.setField) === null || _mutators$setField === void 0 || _mutators$setField.call(mutators, _constants.LINK_CREATE_FORM_POST_CREATE_FIELD, true);
         submit();
       }
-    }, intl.formatMessage(_messages.messages.edit));
+    }, intl.formatMessage(_messages.messages.createAndOpen));
   });
 };

package/dist/cjs/ui/create-form/form-footer/edit-button/messages.js

@@ -6,9 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.messages = void 0;
 var _reactIntlNext = require("react-intl-next");
 var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
-  edit: {
-    id: 'linkCreate.createForm.button.edit',
-    defaultMessage: 'Edit',
-    description: 'Button to edit the Create object'
+  createAndOpen: {
+    id: 'linkCreate.createForm.button.createAndOpen',
+    defaultMessage: 'Create + Open',
+    description: 'Button to create the object and subsequently open a screen to edit'
   }
 });