@atlaskit/link-create 1.11.6 → 1.12.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/link-create
 
+## 1.12.0
+
+### Minor Changes
+
+- [#60340](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/60340) [`480de4a70eed`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/480de4a70eed) - EDM-8657: remove platform.linking-platform.link-create.enable-edit feature flag, to permanently enable the use of create and open (edit) flow in link create / link create confluence.
+
 ## 1.11.6
 
 ### Patch Changes

package/dist/cjs/ui/create-form/form-footer/main.js

@@ -5,28 +5,22 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.CreateFormFooter = CreateFormFooter;
-var _react = require("react");
-var _react2 = require("@emotion/react");
+var _react = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
-var _analyticsNext = require("@atlaskit/analytics-next");
 var _button = require("@atlaskit/button");
-var _loadingButton = _interopRequireDefault(require("@atlaskit/button/loading-button"));
 var _error = _interopRequireDefault(require("@atlaskit/icon/glyph/error"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _constants = require("../../../common/constants");
 var _Button = require("../../../common/ui/Button");
-var _analytics = _interopRequireDefault(require("../../../common/utils/analytics/analytics.codegen"));
 var _editButton = require("./edit-button");
 var _messages = require("./messages");
 var _submitButton = require("./submit-button");
 /** @jsx jsx */
 
-var formFooterWrapperStyles = (0, _react2.css)({
+var formFooterWrapperStyles = (0, _react.css)({
   display: 'flex',
   marginTop: "var(--ds-space-300, 24px)",
   justifyContent: 'flex-end'
 });
-var errorStyles = (0, _react2.css)({
+var errorStyles = (0, _react.css)({
   display: 'flex',
   alignItems: 'center',
   marginRight: 'auto'
@@ -39,33 +33,22 @@ var errorStyles = (0, _react2.css)({
 function CreateFormFooter(_ref) {
   var formErrorMessage = _ref.formErrorMessage,
     handleCancel = _ref.handleCancel,
-    submitting = _ref.submitting,
     testId = _ref.testId;
   var intl = (0, _reactIntlNext.useIntl)();
-  var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
-    createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
-  return (0, _react2.jsx)("footer", {
+  return (0, _react.jsx)("footer", {
     "data-testid": "".concat(testId, "-footer"),
     css: formFooterWrapperStyles
-  }, formErrorMessage && (0, _react2.jsx)("div", {
+  }, formErrorMessage && (0, _react.jsx)("div", {
     css: errorStyles,
     "data-testid": "".concat(testId, "-error")
-  }, (0, _react2.jsx)(_error.default, {
+  }, (0, _react.jsx)(_error.default, {
     label: formErrorMessage,
     primaryColor: "var(--ds-icon-danger, #E34935)"
-  }), formErrorMessage), (0, _react2.jsx)(_button.ButtonGroup, null, (0, _react2.jsx)(_Button.Button, {
+  }), formErrorMessage), (0, _react.jsx)(_button.ButtonGroup, null, (0, _react.jsx)(_Button.Button, {
     type: "button",
     actionSubjectId: "cancel",
     appearance: "subtle",
     onClick: handleCancel,
     testId: "".concat(testId, "-button-cancel")
-  }, intl.formatMessage(_messages.messages.close)), (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.link-create.enable-edit') ? (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)(_editButton.EditButton, null), (0, _react2.jsx)(_submitButton.SubmitButton, null)) : (0, _react2.jsx)(_loadingButton.default, {
-    type: "submit",
-    appearance: "primary",
-    isLoading: submitting,
-    testId: "".concat(testId, "-button-submit"),
-    onClick: function onClick() {
-      createAnalyticsEvent((0, _analytics.default)('ui.button.clicked.create', {})).fire(_constants.ANALYTICS_CHANNEL);
-    }
-  }, intl.formatMessage(_messages.messages.create))));
+  }, intl.formatMessage(_messages.messages.close)), (0, _react.jsx)(_editButton.EditButton, null), (0, _react.jsx)(_submitButton.SubmitButton, null)));
 }

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

@@ -34,7 +34,7 @@ var SubmitButton = exports.SubmitButton = function SubmitButton() {
       isLoading:
       /**
        * Should only be in a loading state if submitting is because we clicked
-       * the edit button
+       * the submit button
        */
       submitting && values[_constants.LINK_CREATE_FORM_POST_CREATE_FIELD] === false,
       testId: "link-create-form-button-submit",

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

@@ -24,7 +24,7 @@ var _exitWarningModalContext = require("../../controllers/exit-warning-modal-con
 var _formContext = require("../../controllers/form-context");
 var _formFooter = require("./form-footer");
 var _formLoader = require("./form-loader");
-var _excluded = ["submitting", "submitError"];
+var _excluded = ["submitError"];
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); } /** @jsx jsx */
 var formStyles = (0, _react2.css)({
@@ -58,10 +58,6 @@ var CreateForm = exports.CreateForm = function CreateForm(_ref) {
       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.enable-edit')) {
-              _context.next = 4;
-              break;
-            }
             shouldEnableEditView = data[_constants.LINK_CREATE_FORM_POST_CREATE_FIELD], formData = (0, _objectWithoutProperties2.default)(data, [_constants.LINK_CREATE_FORM_POST_CREATE_FIELD].map(_toPropertyKey));
             /**
              * If form has post-create field set to trigger post-create edit
@@ -75,9 +71,7 @@ var CreateForm = exports.CreateForm = function CreateForm(_ref) {
              * It will be async, and it will likely involve awaiting `onCreate` (the adopters handler)
              */
             return _context.abrupt("return", onSubmit(formData));
-          case 4:
-            return _context.abrupt("return", onSubmit(data));
-          case 5:
+          case 3:
           case "end":
             return _context.stop();
         }
@@ -138,8 +132,7 @@ var CreateForm = exports.CreateForm = function CreateForm(_ref) {
       }
     }
   }, function (_ref5) {
-    var submitting = _ref5.submitting,
-      submitError = _ref5.submitError,
+    var submitError = _ref5.submitError,
       formProps = (0, _objectWithoutProperties2.default)(_ref5, _excluded);
     return (0, _react2.jsx)("form", {
       onSubmit: formProps.handleSubmit,
@@ -170,7 +163,6 @@ var CreateForm = exports.CreateForm = function CreateForm(_ref) {
      */, {
       formErrorMessage: (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.link-create.better-observability') ? submitError || formErrorMessage : formErrorMessage,
       handleCancel: handleCancel,
-      submitting: submitting,
       testId: testId
     }));
   });

package/dist/cjs/ui/link-create/main.js

@@ -120,7 +120,7 @@ var LinkCreateWithModal = function LinkCreateWithModal(_ref2) {
   }, (0, _react2.jsx)(_errorBoundary.ErrorBoundary, null, (0, _react2.jsx)(LinkCreateContent, {
     plugins: plugins,
     entityKey: entityKey
-  })))))), (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.link-create.enable-edit') && onComplete && (0, _react2.jsx)(_editModal.EditModal, {
+  })))))), onComplete && (0, _react2.jsx)(_editModal.EditModal, {
     onCloseComplete: onCloseComplete,
     onClose: onComplete
   }), (0, _react2.jsx)(_confirmDismissDialog.ConfirmDismissDialog, {
@@ -129,97 +129,71 @@ var LinkCreateWithModal = function LinkCreateWithModal(_ref2) {
   }));
 };
 var LinkCreateModal = function LinkCreateModal(props) {
-  if ((0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.link-create.enable-edit')) {
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    var shouldCallCloseComplete = (0, _react.useRef)(!props.active);
+  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
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    (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 (_ref4) {
-        var _pluginsProvider$acti;
-        var setEditViewPayload = _ref4.setEditViewPayload,
-          editViewPayload = _ref4.editViewPayload,
-          shouldActivateEditView = _ref4.shouldActivateEditView,
-          enableEditView = _ref4.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 _ref5 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(payload) {
-              var _props$onCreate;
-              return _regenerator.default.wrap(function _callee2$(_context2) {
-                while (1) switch (_context2.prev = _context2.next) {
-                  case 0:
-                    _context2.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();
-                      }
+  // 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 (_ref4) {
+      var _pluginsProvider$acti;
+      var setEditViewPayload = _ref4.setEditViewPayload,
+        editViewPayload = _ref4.editViewPayload,
+        shouldActivateEditView = _ref4.shouldActivateEditView,
+        enableEditView = _ref4.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 _ref5 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(payload) {
+            var _props$onCreate;
+            return _regenerator.default.wrap(function _callee2$(_context2) {
+              while (1) switch (_context2.prev = _context2.next) {
+                case 0:
+                  _context2.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 _context2.stop();
-                }
-              }, _callee2);
-            }));
-            return function (_x2) {
-              return _ref5.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];
+                  }
+                case 3:
+                case "end":
+                  return _context2.stop();
               }
-              (_props$onCloseComplet = props.onCloseComplete) === null || _props$onCloseComplet === void 0 || _props$onCloseComplet.call.apply(_props$onCloseComplet, [props].concat(args));
+            }, _callee2);
+          }));
+          return function (_x2) {
+            return _ref5.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));
           }
-        }))));
-      });
+        }
+      }))));
     });
-  }
-  return (0, _react2.jsx)(_formContext.FormContextProvider, null, (0, _react2.jsx)(_exitWarningModalContext.ExitWarningModalProvider, null, (0, _react2.jsx)(LinkCreateWithModal, (0, _extends2.default)({}, props, {
-    onCreate: /*#__PURE__*/function () {
-      var _ref6 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3(payload) {
-        var _props$onCreate2, _props$onComplete;
-        return _regenerator.default.wrap(function _callee3$(_context3) {
-          while (1) switch (_context3.prev = _context3.next) {
-            case 0:
-              _context3.next = 2;
-              return (_props$onCreate2 = props.onCreate) === null || _props$onCreate2 === void 0 ? void 0 : _props$onCreate2.call(props, payload);
-            case 2:
-              (_props$onComplete = props.onComplete) === null || _props$onComplete === void 0 || _props$onComplete.call(props);
-            case 3:
-            case "end":
-              return _context3.stop();
-          }
-        }, _callee3);
-      }));
-      return function (_x3) {
-        return _ref6.apply(this, arguments);
-      };
-    }()
-  }))));
+  });
 };
 var _default = exports.default = LinkCreateModal;

package/dist/cjs/ui/main.js

@@ -31,7 +31,7 @@ var LinkCreateWithAnalyticsContext = (0, _analytics.withLinkCreateAnalyticsConte
 }));
 var PACKAGE_DATA = exports.PACKAGE_DATA = {
   packageName: "@atlaskit/link-create" || '',
-  packageVersion: "1.11.6" || '',
+  packageVersion: "1.12.0" || '',
   component: _constants.COMPONENT_NAME,
   componentName: _constants.COMPONENT_NAME
 };

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

@@ -1,15 +1,9 @@
 /** @jsx jsx */
-import { Fragment } from 'react';
 import { css, jsx } from '@emotion/react';
 import { useIntl } from 'react-intl-next';
-import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import { ButtonGroup } from '@atlaskit/button';
-import LoadingButton from '@atlaskit/button/loading-button';
 import ErrorIcon from '@atlaskit/icon/glyph/error';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
-import { ANALYTICS_CHANNEL } from '../../../common/constants';
 import { Button } from '../../../common/ui/Button';
-import createEventPayload from '../../../common/utils/analytics/analytics.codegen';
 import { EditButton } from './edit-button';
 import { messages } from './messages';
 import { SubmitButton } from './submit-button';
@@ -31,13 +25,9 @@ const errorStyles = css({
 export function CreateFormFooter({
   formErrorMessage,
   handleCancel,
-  submitting,
   testId
 }) {
   const intl = useIntl();
-  const {
-    createAnalyticsEvent
-  } = useAnalyticsEvents();
   return jsx("footer", {
     "data-testid": `${testId}-footer`,
     css: formFooterWrapperStyles
@@ -53,13 +43,5 @@ export function CreateFormFooter({
     appearance: "subtle",
     onClick: handleCancel,
     testId: `${testId}-button-cancel`
-  }, intl.formatMessage(messages.close)), getBooleanFF('platform.linking-platform.link-create.enable-edit') ? jsx(Fragment, null, jsx(EditButton, null), jsx(SubmitButton, null)) : jsx(LoadingButton, {
-    type: "submit",
-    appearance: "primary",
-    isLoading: submitting,
-    testId: `${testId}-button-submit`,
-    onClick: () => {
-      createAnalyticsEvent(createEventPayload('ui.button.clicked.create', {})).fire(ANALYTICS_CHANNEL);
-    }
-  }, intl.formatMessage(messages.create))));
+  }, intl.formatMessage(messages.close)), jsx(EditButton, null), jsx(SubmitButton, null)));
 }

package/dist/es2019/ui/create-form/form-footer/submit-button/index.js

@@ -28,7 +28,7 @@ export const SubmitButton = () => {
     isLoading:
     /**
      * Should only be in a loading state if submitting is because we clicked
-     * the edit button
+     * the submit button
      */
     submitting && values[LINK_CREATE_FORM_POST_CREATE_FIELD] === false,
     testId: "link-create-form-button-submit",

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

@@ -42,26 +42,23 @@ export const CreateForm = ({
     onFailure
   } = useLinkCreateCallback();
   const handleSubmit = useCallback(async data => {
-    if (getBooleanFF('platform.linking-platform.link-create.enable-edit')) {
-      const {
-        [LINK_CREATE_FORM_POST_CREATE_FIELD]: shouldEnableEditView,
-        ...formData
-      } = data;
+    const {
+      [LINK_CREATE_FORM_POST_CREATE_FIELD]: shouldEnableEditView,
+      ...formData
+    } = data;
 
-      /**
-       * If form has post-create field set to trigger post-create edit
-       * send this to the form context so we know what to do next
-       * if submission is successful
-       */
-      enableEditView === null || enableEditView === void 0 ? void 0 : enableEditView(!!shouldEnableEditView);
+    /**
+     * If form has post-create field set to trigger post-create edit
+     * send this to the form context so we know what to do next
+     * if submission is successful
+     */
+    enableEditView === null || enableEditView === void 0 ? void 0 : enableEditView(!!shouldEnableEditView);
 
-      /**
-       * This is the onSubmit handler provided by the plugin
-       * It will be async, and it will likely involve awaiting `onCreate` (the adopters handler)
-       */
-      return onSubmit(formData);
-    }
-    return onSubmit(data);
+    /**
+     * This is the onSubmit handler provided by the plugin
+     * It will be async, and it will likely involve awaiting `onCreate` (the adopters handler)
+     */
+    return onSubmit(formData);
   }, [onSubmit, enableEditView]);
   const handleSubmitWithErrorHandling = useCallback(async (...args) => {
     try {
@@ -101,7 +98,6 @@ export const CreateForm = ({
       }
     }
   }, ({
-    submitting,
     submitError,
     ...formProps
   }) => {
@@ -132,7 +128,6 @@ export const CreateForm = ({
      */, {
       formErrorMessage: getBooleanFF('platform.linking-platform.link-create.better-observability') ? submitError || formErrorMessage : formErrorMessage,
       handleCancel: handleCancel,
-      submitting: submitting,
       testId: testId
     }));
   });

package/dist/es2019/ui/link-create/main.js

@@ -89,7 +89,7 @@ const LinkCreateWithModal = ({
   }, jsx(ErrorBoundary, null, jsx(LinkCreateContent, {
     plugins: plugins,
     entityKey: entityKey
-  })))))), getBooleanFF('platform.linking-platform.link-create.enable-edit') && onComplete && jsx(EditModal, {
+  })))))), onComplete && jsx(EditModal, {
     onCloseComplete: onCloseComplete,
     onClose: onComplete
   }), jsx(ConfirmDismissDialog, {
@@ -98,64 +98,53 @@ const LinkCreateWithModal = ({
   }));
 };
 const LinkCreateModal = props => {
-  if (getBooleanFF('platform.linking-platform.link-create.enable-edit')) {
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    const shouldCallCloseComplete = useRef(!props.active);
+  const shouldCallCloseComplete = 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
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    useLayoutEffect(() => {
-      // onCloseComplete should only be called when it is not active
-      shouldCallCloseComplete.current = !props.active;
-    }, [props.active]);
-    return jsx(LinkCreatePluginsProvider, {
-      plugins: props.plugins,
-      entityKey: props.entityKey
-    }, pluginsProvider => jsx(EditPostCreateModalProvider, {
-      active: !!props.active
-    }, ({
-      setEditViewPayload,
-      editViewPayload,
-      shouldActivateEditView,
-      enableEditView
-    }) => {
-      var _pluginsProvider$acti;
-      return jsx(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
-      }, jsx(ExitWarningModalProvider, null, jsx(LinkCreateWithModal, _extends({}, props, {
-        active: props.active && !editViewPayload,
-        onCreate: async payload => {
-          var _props$onCreate;
-          await ((_props$onCreate = props.onCreate) === null || _props$onCreate === void 0 ? void 0 : _props$onCreate.call(props, payload));
+  // 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
+  useLayoutEffect(() => {
+    // onCloseComplete should only be called when it is not active
+    shouldCallCloseComplete.current = !props.active;
+  }, [props.active]);
+  return jsx(LinkCreatePluginsProvider, {
+    plugins: props.plugins,
+    entityKey: props.entityKey
+  }, pluginsProvider => jsx(EditPostCreateModalProvider, {
+    active: !!props.active
+  }, ({
+    setEditViewPayload,
+    editViewPayload,
+    shouldActivateEditView,
+    enableEditView
+  }) => {
+    var _pluginsProvider$acti;
+    return jsx(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
+    }, jsx(ExitWarningModalProvider, null, jsx(LinkCreateWithModal, _extends({}, props, {
+      active: props.active && !editViewPayload,
+      onCreate: async payload => {
+        var _props$onCreate;
+        await ((_props$onCreate = props.onCreate) === null || _props$onCreate === void 0 ? void 0 : _props$onCreate.call(props, payload));
 
-          // 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();
-            }
-          }
-        },
-        onCloseComplete: (...args) => {
-          if (shouldCallCloseComplete.current) {
-            var _props$onCloseComplet;
-            (_props$onCloseComplet = props.onCloseComplete) === null || _props$onCloseComplet === void 0 ? void 0 : _props$onCloseComplet.call(props, ...args);
+        // 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();
           }
         }
-      }))));
-    }));
-  }
-  return jsx(FormContextProvider, null, jsx(ExitWarningModalProvider, null, jsx(LinkCreateWithModal, _extends({}, props, {
-    onCreate: async payload => {
-      var _props$onCreate2, _props$onComplete;
-      await ((_props$onCreate2 = props.onCreate) === null || _props$onCreate2 === void 0 ? void 0 : _props$onCreate2.call(props, payload));
-      (_props$onComplete = props.onComplete) === null || _props$onComplete === void 0 ? void 0 : _props$onComplete.call(props);
-    }
-  }))));
+      },
+      onCloseComplete: (...args) => {
+        if (shouldCallCloseComplete.current) {
+          var _props$onCloseComplet;
+          (_props$onCloseComplet = props.onCloseComplete) === null || _props$onCloseComplet === void 0 ? void 0 : _props$onCloseComplet.call(props, ...args);
+        }
+      }
+    }))));
+  }));
 };
 export default LinkCreateModal;

package/dist/es2019/ui/main.js

@@ -23,7 +23,7 @@ const LinkCreateWithAnalyticsContext = withLinkCreateAnalyticsContext( /*#__PURE
 }));
 export const PACKAGE_DATA = {
   packageName: "@atlaskit/link-create" || '',
-  packageVersion: "1.11.6" || '',
+  packageVersion: "1.12.0" || '',
   component: COMPONENT_NAME,
   componentName: COMPONENT_NAME
 };

package/dist/esm/ui/create-form/form-footer/main.js

@@ -1,15 +1,9 @@
 /** @jsx jsx */
-import { Fragment } from 'react';
 import { css, jsx } from '@emotion/react';
 import { useIntl } from 'react-intl-next';
-import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import { ButtonGroup } from '@atlaskit/button';
-import LoadingButton from '@atlaskit/button/loading-button';
 import ErrorIcon from '@atlaskit/icon/glyph/error';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
-import { ANALYTICS_CHANNEL } from '../../../common/constants';
 import { Button } from '../../../common/ui/Button';
-import createEventPayload from '../../../common/utils/analytics/analytics.codegen';
 import { EditButton } from './edit-button';
 import { messages } from './messages';
 import { SubmitButton } from './submit-button';
@@ -31,11 +25,8 @@ var errorStyles = css({
 export function CreateFormFooter(_ref) {
   var formErrorMessage = _ref.formErrorMessage,
     handleCancel = _ref.handleCancel,
-    submitting = _ref.submitting,
     testId = _ref.testId;
   var intl = useIntl();
-  var _useAnalyticsEvents = useAnalyticsEvents(),
-    createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   return jsx("footer", {
     "data-testid": "".concat(testId, "-footer"),
     css: formFooterWrapperStyles
@@ -51,13 +42,5 @@ export function CreateFormFooter(_ref) {
     appearance: "subtle",
     onClick: handleCancel,
     testId: "".concat(testId, "-button-cancel")
-  }, intl.formatMessage(messages.close)), getBooleanFF('platform.linking-platform.link-create.enable-edit') ? jsx(Fragment, null, jsx(EditButton, null), jsx(SubmitButton, null)) : jsx(LoadingButton, {
-    type: "submit",
-    appearance: "primary",
-    isLoading: submitting,
-    testId: "".concat(testId, "-button-submit"),
-    onClick: function onClick() {
-      createAnalyticsEvent(createEventPayload('ui.button.clicked.create', {})).fire(ANALYTICS_CHANNEL);
-    }
-  }, intl.formatMessage(messages.create))));
+  }, intl.formatMessage(messages.close)), jsx(EditButton, null), jsx(SubmitButton, null)));
 }

package/dist/esm/ui/create-form/form-footer/submit-button/index.js

@@ -25,7 +25,7 @@ export var SubmitButton = function SubmitButton() {
       isLoading:
       /**
        * Should only be in a loading state if submitting is because we clicked
-       * the edit button
+       * the submit button
        */
       submitting && values[LINK_CREATE_FORM_POST_CREATE_FIELD] === false,
       testId: "link-create-form-button-submit",

package/dist/esm/ui/create-form/main.js

@@ -2,7 +2,7 @@ import _typeof from "@babel/runtime/helpers/typeof";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-var _excluded = ["submitting", "submitError"];
+var _excluded = ["submitError"];
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
@@ -52,10 +52,6 @@ export var CreateForm = function CreateForm(_ref) {
       return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
-            if (!getBooleanFF('platform.linking-platform.link-create.enable-edit')) {
-              _context.next = 4;
-              break;
-            }
             shouldEnableEditView = data[LINK_CREATE_FORM_POST_CREATE_FIELD], formData = _objectWithoutProperties(data, [LINK_CREATE_FORM_POST_CREATE_FIELD].map(_toPropertyKey));
             /**
              * If form has post-create field set to trigger post-create edit
@@ -69,9 +65,7 @@ export var CreateForm = function CreateForm(_ref) {
              * It will be async, and it will likely involve awaiting `onCreate` (the adopters handler)
              */
             return _context.abrupt("return", onSubmit(formData));
-          case 4:
-            return _context.abrupt("return", onSubmit(data));
-          case 5:
+          case 3:
           case "end":
             return _context.stop();
         }
@@ -132,8 +126,7 @@ export var CreateForm = function CreateForm(_ref) {
       }
     }
   }, function (_ref5) {
-    var submitting = _ref5.submitting,
-      submitError = _ref5.submitError,
+    var submitError = _ref5.submitError,
       formProps = _objectWithoutProperties(_ref5, _excluded);
     return jsx("form", {
       onSubmit: formProps.handleSubmit,
@@ -164,7 +157,6 @@ export var CreateForm = function CreateForm(_ref) {
      */, {
       formErrorMessage: getBooleanFF('platform.linking-platform.link-create.better-observability') ? submitError || formErrorMessage : formErrorMessage,
       handleCancel: handleCancel,
-      submitting: submitting,
       testId: testId
     }));
   });

package/dist/esm/ui/link-create/main.js

@@ -112,7 +112,7 @@ var LinkCreateWithModal = function LinkCreateWithModal(_ref2) {
   }, jsx(ErrorBoundary, null, jsx(LinkCreateContent, {
     plugins: plugins,
     entityKey: entityKey
-  })))))), getBooleanFF('platform.linking-platform.link-create.enable-edit') && onComplete && jsx(EditModal, {
+  })))))), onComplete && jsx(EditModal, {
     onCloseComplete: onCloseComplete,
     onClose: onComplete
   }), jsx(ConfirmDismissDialog, {
@@ -121,97 +121,71 @@ var LinkCreateWithModal = function LinkCreateWithModal(_ref2) {
   }));
 };
 var LinkCreateModal = function LinkCreateModal(props) {
-  if (getBooleanFF('platform.linking-platform.link-create.enable-edit')) {
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    var shouldCallCloseComplete = useRef(!props.active);
+  var shouldCallCloseComplete = 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
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    useLayoutEffect(function () {
-      // onCloseComplete should only be called when it is not active
-      shouldCallCloseComplete.current = !props.active;
-    }, [props.active]);
-    return jsx(LinkCreatePluginsProvider, {
-      plugins: props.plugins,
-      entityKey: props.entityKey
-    }, function (pluginsProvider) {
-      return jsx(EditPostCreateModalProvider, {
-        active: !!props.active
-      }, function (_ref4) {
-        var _pluginsProvider$acti;
-        var setEditViewPayload = _ref4.setEditViewPayload,
-          editViewPayload = _ref4.editViewPayload,
-          shouldActivateEditView = _ref4.shouldActivateEditView,
-          enableEditView = _ref4.enableEditView;
-        return jsx(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
-        }, jsx(ExitWarningModalProvider, null, jsx(LinkCreateWithModal, _extends({}, props, {
-          active: props.active && !editViewPayload,
-          onCreate: /*#__PURE__*/function () {
-            var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(payload) {
-              var _props$onCreate;
-              return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-                while (1) switch (_context2.prev = _context2.next) {
-                  case 0:
-                    _context2.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();
-                      }
+  // 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
+  useLayoutEffect(function () {
+    // onCloseComplete should only be called when it is not active
+    shouldCallCloseComplete.current = !props.active;
+  }, [props.active]);
+  return jsx(LinkCreatePluginsProvider, {
+    plugins: props.plugins,
+    entityKey: props.entityKey
+  }, function (pluginsProvider) {
+    return jsx(EditPostCreateModalProvider, {
+      active: !!props.active
+    }, function (_ref4) {
+      var _pluginsProvider$acti;
+      var setEditViewPayload = _ref4.setEditViewPayload,
+        editViewPayload = _ref4.editViewPayload,
+        shouldActivateEditView = _ref4.shouldActivateEditView,
+        enableEditView = _ref4.enableEditView;
+      return jsx(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
+      }, jsx(ExitWarningModalProvider, null, jsx(LinkCreateWithModal, _extends({}, props, {
+        active: props.active && !editViewPayload,
+        onCreate: /*#__PURE__*/function () {
+          var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(payload) {
+            var _props$onCreate;
+            return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+              while (1) switch (_context2.prev = _context2.next) {
+                case 0:
+                  _context2.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 _context2.stop();
-                }
-              }, _callee2);
-            }));
-            return function (_x2) {
-              return _ref5.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];
+                  }
+                case 3:
+                case "end":
+                  return _context2.stop();
               }
-              (_props$onCloseComplet = props.onCloseComplete) === null || _props$onCloseComplet === void 0 || _props$onCloseComplet.call.apply(_props$onCloseComplet, [props].concat(args));
+            }, _callee2);
+          }));
+          return function (_x2) {
+            return _ref5.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));
           }
-        }))));
-      });
+        }
+      }))));
     });
-  }
-  return jsx(FormContextProvider, null, jsx(ExitWarningModalProvider, null, jsx(LinkCreateWithModal, _extends({}, props, {
-    onCreate: /*#__PURE__*/function () {
-      var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(payload) {
-        var _props$onCreate2, _props$onComplete;
-        return _regeneratorRuntime.wrap(function _callee3$(_context3) {
-          while (1) switch (_context3.prev = _context3.next) {
-            case 0:
-              _context3.next = 2;
-              return (_props$onCreate2 = props.onCreate) === null || _props$onCreate2 === void 0 ? void 0 : _props$onCreate2.call(props, payload);
-            case 2:
-              (_props$onComplete = props.onComplete) === null || _props$onComplete === void 0 || _props$onComplete.call(props);
-            case 3:
-            case "end":
-              return _context3.stop();
-          }
-        }, _callee3);
-      }));
-      return function (_x3) {
-        return _ref6.apply(this, arguments);
-      };
-    }()
-  }))));
+  });
 };
 export default LinkCreateModal;

package/dist/esm/ui/main.js

@@ -23,7 +23,7 @@ var LinkCreateWithAnalyticsContext = withLinkCreateAnalyticsContext( /*#__PURE__
 }));
 export var PACKAGE_DATA = {
   packageName: "@atlaskit/link-create" || '',
-  packageVersion: "1.11.6" || '',
+  packageVersion: "1.12.0" || '',
   component: COMPONENT_NAME,
   componentName: COMPONENT_NAME
 };

package/dist/types/ui/create-form/form-footer/main.d.ts

@@ -1,8 +1,8 @@
+/** @jsx jsx */
 import { jsx } from '@emotion/react';
 export interface CreateFormFooterProps {
     formErrorMessage: string | undefined;
     handleCancel: () => void;
-    submitting: boolean;
     testId?: string;
 }
 /**
@@ -10,4 +10,4 @@ export interface CreateFormFooterProps {
  * and form error messages. This component is unmounted if
  * hideFooter is true in the Create Form.
  */
-export declare function CreateFormFooter({ formErrorMessage, handleCancel, submitting, testId, }: CreateFormFooterProps): jsx.JSX.Element;
+export declare function CreateFormFooter({ formErrorMessage, handleCancel, testId, }: CreateFormFooterProps): jsx.JSX.Element;

package/dist/types-ts4.5/ui/create-form/form-footer/main.d.ts

@@ -1,8 +1,8 @@
+/** @jsx jsx */
 import { jsx } from '@emotion/react';
 export interface CreateFormFooterProps {
     formErrorMessage: string | undefined;
     handleCancel: () => void;
-    submitting: boolean;
     testId?: string;
 }
 /**
@@ -10,4 +10,4 @@ export interface CreateFormFooterProps {
  * and form error messages. This component is unmounted if
  * hideFooter is true in the Create Form.
  */
-export declare function CreateFormFooter({ formErrorMessage, handleCancel, submitting, testId, }: CreateFormFooterProps): jsx.JSX.Element;
+export declare function CreateFormFooter({ formErrorMessage, handleCancel, testId, }: CreateFormFooterProps): jsx.JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/link-create",
-  "version": "1.11.6",
+  "version": "1.12.0",
   "description": "The driver component of meta creation flow",
   "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",
@@ -38,7 +38,7 @@
   },
   "dependencies": {
     "@atlaskit/analytics-next": "^9.1.0",
-    "@atlaskit/button": "^17.0.0",
+    "@atlaskit/button": "^17.1.0",
     "@atlaskit/empty-state": "^7.6.0",
     "@atlaskit/form": "^9.0.3",
     "@atlaskit/icon": "^22.0.0",
@@ -117,9 +117,6 @@
   },
   "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.0",
   "platform-feature-flags": {
-    "platform.linking-platform.link-create.enable-edit": {
-      "type": "boolean"
-    },
     "platform.linking-platform.link-create.enable-sentry-client": {
       "type": "boolean"
     },