@atlaskit/link-create 1.5.1 → 1.6.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/link-create
 
+## 1.6.0
+
+### Minor Changes
+
+- [#42487](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/42487) [`0b6245f9d18`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0b6245f9d18) - EDM-8376: Introduces a editView field to the LinkCreatePlugin interface which will allow plugins to register a screen to edit objects post-creation in a future release.
+
 ## 1.5.1
 
 ### Patch Changes

package/dist/cjs/controllers/edit-post-create-context/index.js

@@ -12,11 +12,16 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 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; }
 var EditPostCreateModalContext = /*#__PURE__*/(0, _react.createContext)({
   editViewPayload: undefined,
-  setEditViewPayload: function setEditViewPayload() {}
+  setEditViewPayload: function setEditViewPayload() {},
+  enableEditView: function enableEditView() {},
+  shouldActivateEditView: function shouldActivateEditView() {
+    return false;
+  }
 });
 var EditPostCreateModalProvider = exports.EditPostCreateModalProvider = function EditPostCreateModalProvider(_ref) {
   var active = _ref.active,
     children = _ref.children;
+  var _shouldActivateEditView = (0, _react.useRef)(false);
   var _useState = (0, _react.useState)(undefined),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     editViewPayload = _useState2[0],
@@ -24,7 +29,13 @@ var EditPostCreateModalProvider = exports.EditPostCreateModalProvider = function
   var value = (0, _react.useMemo)(function () {
     return {
       editViewPayload: editViewPayload,
-      setEditViewPayload: setEditViewPayload
+      setEditViewPayload: setEditViewPayload,
+      enableEditView: function enableEditView(enable) {
+        _shouldActivateEditView.current = enable;
+      },
+      shouldActivateEditView: function shouldActivateEditView() {
+        return _shouldActivateEditView.current;
+      }
     };
   }, [editViewPayload, setEditViewPayload]);
   if (editViewPayload && !active) {
@@ -32,7 +43,7 @@ var EditPostCreateModalProvider = exports.EditPostCreateModalProvider = function
   }
   return /*#__PURE__*/_react.default.createElement(EditPostCreateModalContext.Provider, {
     value: value
-  }, children);
+  }, typeof children === 'function' ? children(value) : children);
 };
 var useEditPostCreateModal = exports.useEditPostCreateModal = function useEditPostCreateModal() {
   var value = (0, _react.useContext)(EditPostCreateModalContext);

package/dist/cjs/controllers/plugin-context/index.js

@@ -28,7 +28,7 @@ var LinkCreatePluginsProvider = exports.LinkCreatePluginsProvider = function Lin
   }, [entityKey, plugins]);
   return /*#__PURE__*/_react.default.createElement(LinkCreatePluginsContext.Provider, {
     value: value
-  }, children);
+  }, typeof children === 'function' ? children(value) : children);
 };
 var useLinkCreatePlugins = exports.useLinkCreatePlugins = function useLinkCreatePlugins() {
   var value = (0, _react.useContext)(LinkCreatePluginsContext);

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

@@ -1,17 +1,19 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TEST_ID = exports.CreateForm = void 0;
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _react = require("react");
 var _react2 = require("@emotion/react");
 var _reactFinalForm = require("react-final-form");
 var _analyticsNext = require("@atlaskit/analytics-next");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _primitives = require("@atlaskit/primitives");
 var _constants = require("../../common/constants");
 var _analytics = _interopRequireDefault(require("../../common/utils/analytics/analytics.codegen"));
@@ -20,12 +22,14 @@ var _formFooter = require("./form-footer");
 var _formLoader = require("./form-loader");
 var _utils = require("./utils");
 var _excluded = ["submitting"];
-/** @jsx jsx */
+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)({
   maxWidth: "".concat(_constants.CREATE_FORM_MAX_WIDTH_IN_PX, "px"),
   padding: "0 0 ".concat("var(--ds-space-300, 24px)", " 0"),
   margin: "var(--ds-space-0, 0px)".concat(" auto")
 });
+var RESERVED_FIELDS = [_constants.LINK_CREATE_FORM_POST_CREATE_FIELD];
 var TEST_ID = exports.TEST_ID = 'link-create-form';
 var CreateForm = exports.CreateForm = function CreateForm(_ref) {
   var children = _ref.children,
@@ -41,10 +45,11 @@ var CreateForm = exports.CreateForm = function CreateForm(_ref) {
   var _useFormContext = (0, _formContext.useFormContext)(),
     getValidators = _useFormContext.getValidators,
     formErrorMessage = _useFormContext.formErrorMessage,
-    setFormDirty = _useFormContext.setFormDirty;
+    setFormDirty = _useFormContext.setFormDirty,
+    enableEditView = _useFormContext.enableEditView;
   var handleSubmit = (0, _react.useCallback)( /*#__PURE__*/function () {
     var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(data) {
-      var validators, errors;
+      var validators, errors, shouldEnableEditView, formData;
       return _regenerator.default.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
@@ -60,8 +65,21 @@ var CreateForm = exports.CreateForm = function CreateForm(_ref) {
             }
             return _context.abrupt("return", errors);
           case 5:
+            if (!(0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.link-create.enable-edit')) {
+              _context.next = 9;
+              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
+             * send this to the form context so we know what to do next
+             * if submission is successful
+             */
+            enableEditView === null || enableEditView === void 0 || enableEditView(!!shouldEnableEditView);
+            return _context.abrupt("return", onSubmit(formData));
+          case 9:
             return _context.abrupt("return", onSubmit(data));
-          case 6:
+          case 10:
           case "end":
             return _context.stop();
         }
@@ -70,7 +88,7 @@ var CreateForm = exports.CreateForm = function CreateForm(_ref) {
     return function (_x) {
       return _ref2.apply(this, arguments);
     };
-  }(), [createAnalyticsEvent, getValidators, onSubmit]);
+  }(), [createAnalyticsEvent, getValidators, onSubmit, enableEditView]);
   var handleCancel = (0, _react.useCallback)(function () {
     createAnalyticsEvent((0, _analytics.default)('ui.button.clicked.cancel', {})).fire(_constants.ANALYTICS_CHANNEL);
     onCancel && onCancel();

package/dist/cjs/ui/link-create/edit-modal/index.js

@@ -9,17 +9,26 @@ exports.EditModal = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _modalDialog = _interopRequireWildcard(require("@atlaskit/modal-dialog"));
 var _editPostCreateContext = require("../../../controllers/edit-post-create-context");
+var _pluginContext = require("../../../controllers/plugin-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); }
 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; }
 var EditModal = exports.EditModal = function EditModal(_ref) {
-  var onClose = _ref.onClose;
+  var _activePlugin$editVie;
+  var onClose = _ref.onClose,
+    onCloseComplete = _ref.onCloseComplete;
   var _useEditPostCreateMod = (0, _editPostCreateContext.useEditPostCreateModal)(),
     editViewPayload = _useEditPostCreateMod.editViewPayload;
+  var _useLinkCreatePlugins = (0, _pluginContext.useLinkCreatePlugins)(),
+    activePlugin = _useLinkCreatePlugins.activePlugin;
   return /*#__PURE__*/_react.default.createElement(_modalDialog.ModalTransition, null, !!editViewPayload && /*#__PURE__*/_react.default.createElement(_modalDialog.default, {
     testId: "link-create-edit-modal",
     onClose: onClose,
     shouldScrollInViewport: true,
     width: "calc(100vw - 120px)",
-    height: "calc(100vh - 120px)"
-  }));
+    height: "calc(100vh - 120px)",
+    onCloseComplete: onCloseComplete
+  }, activePlugin === null || activePlugin === void 0 || (_activePlugin$editVie = activePlugin.editView) === null || _activePlugin$editVie === void 0 ? void 0 : _activePlugin$editVie.call(activePlugin, {
+    payload: editViewPayload,
+    onClose: onClose
+  })));
 };

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

@@ -129,6 +129,7 @@ var LinkCreateWithModal = function LinkCreateWithModal(_ref4) {
   }, (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)(LinkCreate, (0, _extends2.default)({}, createProps, {
     onCancel: handleCancel
   }))))), (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.link-create.enable-edit') && (0, _react2.jsx)(_editModal.EditModal, {
+    onCloseComplete: onCloseComplete,
     onClose: handleCancel
   }), (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.link-create.confirm-dismiss-dialog') && (0, _react2.jsx)(_confirmDismissDialog.ConfirmDismissDialog, {
     active: dismissDialog,
@@ -136,14 +137,60 @@ var LinkCreateWithModal = function LinkCreateWithModal(_ref4) {
     onConfirmDismiss: handleConfirmDismiss
   }));
 };
-var _default = exports.default = (0, _formContext.withLinkCreateFormContext)(function (props) {
+var LinkCreateModalInternal = function LinkCreateModalInternal(props) {
   if ((0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.link-create.enable-edit')) {
     return (0, _react2.jsx)(_pluginContext.LinkCreatePluginsProvider, {
       plugins: props.plugins,
       entityKey: props.entityKey
-    }, (0, _react2.jsx)(_editPostCreateContext.EditPostCreateModalProvider, {
-      active: !!props.active
-    }, (0, _react2.jsx)(LinkCreateWithModal, props)));
+    }, function (pluginsProvider) {
+      return (0, _react2.jsx)(_editPostCreateContext.EditPostCreateModalProvider, {
+        active: !!props.active
+      }, function (_ref5) {
+        var _pluginsProvider$acti;
+        var setEditViewPayload = _ref5.setEditViewPayload,
+          editViewPayload = _ref5.editViewPayload,
+          shouldActivateEditView = _ref5.shouldActivateEditView,
+          enableEditView = _ref5.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 ? enableEditView : undefined
+        }, (0, _react2.jsx)(LinkCreateWithModal, (0, _extends2.default)({}, props, {
+          active: props.active && !editViewPayload,
+          onCreate: /*#__PURE__*/function () {
+            var _ref6 = (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 _ref6.apply(this, arguments);
+            };
+          }()
+        })));
+      });
+    });
   }
-  return (0, _react2.jsx)(LinkCreateWithModal, props);
-});
+  return (0, _react2.jsx)(_formContext.FormContextProvider, null, (0, _react2.jsx)(LinkCreateWithModal, props));
+};
+var LinkCreateModalPublic = function LinkCreateModalPublic(props) {
+  return (0, _react2.jsx)(LinkCreateModalInternal, props);
+};
+var _default = exports.default = LinkCreateModalPublic;

package/dist/cjs/ui/main.js

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

package/dist/es2019/controllers/edit-post-create-context/index.js

@@ -1,23 +1,30 @@
-import React, { createContext, useContext, useMemo, useState } from 'react';
+import React, { createContext, useContext, useMemo, useRef, useState } from 'react';
 const EditPostCreateModalContext = /*#__PURE__*/createContext({
   editViewPayload: undefined,
-  setEditViewPayload: () => {}
+  setEditViewPayload: () => {},
+  enableEditView: () => {},
+  shouldActivateEditView: () => false
 });
 export const EditPostCreateModalProvider = ({
   active,
   children
 }) => {
+  const shouldActivateEditView = useRef(false);
   const [editViewPayload, setEditViewPayload] = useState(undefined);
   const value = useMemo(() => ({
     editViewPayload,
-    setEditViewPayload
+    setEditViewPayload,
+    enableEditView: enable => {
+      shouldActivateEditView.current = enable;
+    },
+    shouldActivateEditView: () => shouldActivateEditView.current
   }), [editViewPayload, setEditViewPayload]);
   if (editViewPayload && !active) {
     setEditViewPayload(undefined);
   }
   return /*#__PURE__*/React.createElement(EditPostCreateModalContext.Provider, {
     value: value
-  }, children);
+  }, typeof children === 'function' ? children(value) : children);
 };
 export const useEditPostCreateModal = () => {
   const value = useContext(EditPostCreateModalContext);

package/dist/es2019/controllers/plugin-context/index.js

@@ -14,7 +14,7 @@ export const LinkCreatePluginsProvider = ({
   }, [entityKey, plugins]);
   return /*#__PURE__*/React.createElement(LinkCreatePluginsContext.Provider, {
     value: value
-  }, children);
+  }, typeof children === 'function' ? children(value) : children);
 };
 export const useLinkCreatePlugins = () => {
   const value = useContext(LinkCreatePluginsContext);

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

@@ -3,8 +3,9 @@ import { useCallback } from 'react';
 import { css, jsx } from '@emotion/react';
 import { Form, FormSpy } from 'react-final-form';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { Box } from '@atlaskit/primitives';
-import { ANALYTICS_CHANNEL, CREATE_FORM_MAX_WIDTH_IN_PX } from '../../common/constants';
+import { ANALYTICS_CHANNEL, CREATE_FORM_MAX_WIDTH_IN_PX, LINK_CREATE_FORM_POST_CREATE_FIELD } from '../../common/constants';
 import createEventPayload from '../../common/utils/analytics/analytics.codegen';
 import { useFormContext } from '../../controllers/form-context';
 import { CreateFormFooter } from './form-footer';
@@ -15,6 +16,7 @@ const formStyles = css({
   padding: `0 0 ${"var(--ds-space-300, 24px)"} 0`,
   margin: `${"var(--ds-space-0, 0px)"} auto`
 });
+const RESERVED_FIELDS = [LINK_CREATE_FORM_POST_CREATE_FIELD];
 export const TEST_ID = 'link-create-form';
 export const CreateForm = ({
   children,
@@ -31,7 +33,8 @@ export const CreateForm = ({
   const {
     getValidators,
     formErrorMessage,
-    setFormDirty
+    setFormDirty,
+    enableEditView
   } = useFormContext();
   const handleSubmit = useCallback(async data => {
     createAnalyticsEvent(createEventPayload('ui.button.clicked.create', {})).fire(ANALYTICS_CHANNEL);
@@ -43,8 +46,22 @@ export const CreateForm = ({
     if (Object.keys(errors).length !== 0) {
       return errors;
     }
+    if (getBooleanFF('platform.linking-platform.link-create.enable-edit')) {
+      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);
+      return onSubmit(formData);
+    }
     return onSubmit(data);
-  }, [createAnalyticsEvent, getValidators, onSubmit]);
+  }, [createAnalyticsEvent, getValidators, onSubmit, enableEditView]);
   const handleCancel = useCallback(() => {
     createAnalyticsEvent(createEventPayload('ui.button.clicked.cancel', {})).fire(ANALYTICS_CHANNEL);
     onCancel && onCancel();

package/dist/es2019/ui/link-create/edit-modal/index.js

@@ -1,17 +1,27 @@
 import React from 'react';
 import Modal, { ModalTransition } from '@atlaskit/modal-dialog';
 import { useEditPostCreateModal } from '../../../controllers/edit-post-create-context';
+import { useLinkCreatePlugins } from '../../../controllers/plugin-context';
 export const EditModal = ({
-  onClose
+  onClose,
+  onCloseComplete
 }) => {
+  var _activePlugin$editVie;
   const {
     editViewPayload
   } = useEditPostCreateModal();
+  const {
+    activePlugin
+  } = useLinkCreatePlugins();
   return /*#__PURE__*/React.createElement(ModalTransition, null, !!editViewPayload && /*#__PURE__*/React.createElement(Modal, {
     testId: "link-create-edit-modal",
     onClose: onClose,
     shouldScrollInViewport: true,
     width: "calc(100vw - 120px)",
-    height: "calc(100vh - 120px)"
-  }));
+    height: "calc(100vh - 120px)",
+    onCloseComplete: onCloseComplete
+  }, activePlugin === null || activePlugin === void 0 ? void 0 : (_activePlugin$editVie = activePlugin.editView) === null || _activePlugin$editVie === void 0 ? void 0 : _activePlugin$editVie.call(activePlugin, {
+    payload: editViewPayload,
+    onClose
+  })));
 };

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

@@ -9,7 +9,7 @@ import { Box } from '@atlaskit/primitives';
 import { CREATE_FORM_MAX_WIDTH_IN_PX } from '../../common/constants';
 import { LinkCreateCallbackProvider } from '../../controllers/callback-context';
 import { EditPostCreateModalProvider } from '../../controllers/edit-post-create-context';
-import { useFormContext, withLinkCreateFormContext } from '../../controllers/form-context';
+import { FormContextProvider, useFormContext } from '../../controllers/form-context';
 import { LinkCreatePluginsProvider } from '../../controllers/plugin-context';
 import { ConfirmDismissDialog } from './confirm-dismiss-dialog';
 import { EditModal } from './edit-modal';
@@ -96,6 +96,7 @@ const LinkCreateWithModal = ({
   }, jsx(ModalHeader, null, jsx(ModalTitle, null, modalTitle || intl.formatMessage(messages.heading))), jsx(ModalBody, null, jsx(LinkCreate, _extends({}, createProps, {
     onCancel: handleCancel
   }))))), getBooleanFF('platform.linking-platform.link-create.enable-edit') && jsx(EditModal, {
+    onCloseComplete: onCloseComplete,
     onClose: handleCancel
   }), getBooleanFF('platform.linking-platform.link-create.confirm-dismiss-dialog') && jsx(ConfirmDismissDialog, {
     active: dismissDialog,
@@ -103,14 +104,45 @@ const LinkCreateWithModal = ({
     onConfirmDismiss: handleConfirmDismiss
   }));
 };
-export default withLinkCreateFormContext(props => {
+const LinkCreateModalInternal = props => {
   if (getBooleanFF('platform.linking-platform.link-create.enable-edit')) {
     return jsx(LinkCreatePluginsProvider, {
       plugins: props.plugins,
       entityKey: props.entityKey
-    }, jsx(EditPostCreateModalProvider, {
+    }, pluginsProvider => jsx(EditPostCreateModalProvider, {
       active: !!props.active
-    }, jsx(LinkCreateWithModal, props)));
+    }, ({
+      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 ? enableEditView : undefined
+      }, 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();
+            }
+          }
+        }
+      })));
+    }));
   }
-  return jsx(LinkCreateWithModal, props);
-});
+  return jsx(FormContextProvider, null, jsx(LinkCreateWithModal, props));
+};
+const LinkCreateModalPublic = props => {
+  return jsx(LinkCreateModalInternal, props);
+};
+export default LinkCreateModalPublic;

package/dist/es2019/ui/main.js

@@ -26,7 +26,7 @@ const LinkCreateWithAnalyticsContext = withLinkCreateAnalyticsContext( /*#__PURE
 }));
 export const PACKAGE_DATA = {
   packageName: "@atlaskit/link-create" || '',
-  packageVersion: "1.5.1" || '',
+  packageVersion: "1.6.0" || '',
   componentName: COMPONENT_NAME,
   source: COMPONENT_NAME
 };

package/dist/esm/controllers/edit-post-create-context/index.js

@@ -1,12 +1,17 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import React, { createContext, useContext, useMemo, useState } from 'react';
+import React, { createContext, useContext, useMemo, useRef, useState } from 'react';
 var EditPostCreateModalContext = /*#__PURE__*/createContext({
   editViewPayload: undefined,
-  setEditViewPayload: function setEditViewPayload() {}
+  setEditViewPayload: function setEditViewPayload() {},
+  enableEditView: function enableEditView() {},
+  shouldActivateEditView: function shouldActivateEditView() {
+    return false;
+  }
 });
 export var EditPostCreateModalProvider = function EditPostCreateModalProvider(_ref) {
   var active = _ref.active,
     children = _ref.children;
+  var _shouldActivateEditView = useRef(false);
   var _useState = useState(undefined),
     _useState2 = _slicedToArray(_useState, 2),
     editViewPayload = _useState2[0],
@@ -14,7 +19,13 @@ export var EditPostCreateModalProvider = function EditPostCreateModalProvider(_r
   var value = useMemo(function () {
     return {
       editViewPayload: editViewPayload,
-      setEditViewPayload: setEditViewPayload
+      setEditViewPayload: setEditViewPayload,
+      enableEditView: function enableEditView(enable) {
+        _shouldActivateEditView.current = enable;
+      },
+      shouldActivateEditView: function shouldActivateEditView() {
+        return _shouldActivateEditView.current;
+      }
     };
   }, [editViewPayload, setEditViewPayload]);
   if (editViewPayload && !active) {
@@ -22,7 +33,7 @@ export var EditPostCreateModalProvider = function EditPostCreateModalProvider(_r
   }
   return /*#__PURE__*/React.createElement(EditPostCreateModalContext.Provider, {
     value: value
-  }, children);
+  }, typeof children === 'function' ? children(value) : children);
 };
 export var useEditPostCreateModal = function useEditPostCreateModal() {
   var value = useContext(EditPostCreateModalContext);

package/dist/esm/controllers/plugin-context/index.js

@@ -18,7 +18,7 @@ export var LinkCreatePluginsProvider = function LinkCreatePluginsProvider(_ref)
   }, [entityKey, plugins]);
   return /*#__PURE__*/React.createElement(LinkCreatePluginsContext.Provider, {
     value: value
-  }, children);
+  }, typeof children === 'function' ? children(value) : children);
 };
 export var useLinkCreatePlugins = function useLinkCreatePlugins() {
   var value = useContext(LinkCreatePluginsContext);

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

@@ -1,14 +1,18 @@
+import _typeof from "@babel/runtime/helpers/typeof";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 var _excluded = ["submitting"];
 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); }
 /** @jsx jsx */
 import { useCallback } from 'react';
 import { css, jsx } from '@emotion/react';
 import { Form, FormSpy } from 'react-final-form';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { Box } from '@atlaskit/primitives';
-import { ANALYTICS_CHANNEL, CREATE_FORM_MAX_WIDTH_IN_PX } from '../../common/constants';
+import { ANALYTICS_CHANNEL, CREATE_FORM_MAX_WIDTH_IN_PX, LINK_CREATE_FORM_POST_CREATE_FIELD } from '../../common/constants';
 import createEventPayload from '../../common/utils/analytics/analytics.codegen';
 import { useFormContext } from '../../controllers/form-context';
 import { CreateFormFooter } from './form-footer';
@@ -19,6 +23,7 @@ var formStyles = css({
   padding: "0 0 ".concat("var(--ds-space-300, 24px)", " 0"),
   margin: "var(--ds-space-0, 0px)".concat(" auto")
 });
+var RESERVED_FIELDS = [LINK_CREATE_FORM_POST_CREATE_FIELD];
 export var TEST_ID = 'link-create-form';
 export var CreateForm = function CreateForm(_ref) {
   var children = _ref.children,
@@ -34,10 +39,11 @@ export var CreateForm = function CreateForm(_ref) {
   var _useFormContext = useFormContext(),
     getValidators = _useFormContext.getValidators,
     formErrorMessage = _useFormContext.formErrorMessage,
-    setFormDirty = _useFormContext.setFormDirty;
+    setFormDirty = _useFormContext.setFormDirty,
+    enableEditView = _useFormContext.enableEditView;
   var handleSubmit = useCallback( /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(data) {
-      var validators, errors;
+      var validators, errors, shouldEnableEditView, formData;
       return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
@@ -53,8 +59,21 @@ export var CreateForm = function CreateForm(_ref) {
             }
             return _context.abrupt("return", errors);
           case 5:
+            if (!getBooleanFF('platform.linking-platform.link-create.enable-edit')) {
+              _context.next = 9;
+              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
+             * send this to the form context so we know what to do next
+             * if submission is successful
+             */
+            enableEditView === null || enableEditView === void 0 || enableEditView(!!shouldEnableEditView);
+            return _context.abrupt("return", onSubmit(formData));
+          case 9:
             return _context.abrupt("return", onSubmit(data));
-          case 6:
+          case 10:
           case "end":
             return _context.stop();
         }
@@ -63,7 +82,7 @@ export var CreateForm = function CreateForm(_ref) {
     return function (_x) {
       return _ref2.apply(this, arguments);
     };
-  }(), [createAnalyticsEvent, getValidators, onSubmit]);
+  }(), [createAnalyticsEvent, getValidators, onSubmit, enableEditView]);
   var handleCancel = useCallback(function () {
     createAnalyticsEvent(createEventPayload('ui.button.clicked.cancel', {})).fire(ANALYTICS_CHANNEL);
     onCancel && onCancel();

package/dist/esm/ui/link-create/edit-modal/index.js

@@ -1,15 +1,24 @@
 import React from 'react';
 import Modal, { ModalTransition } from '@atlaskit/modal-dialog';
 import { useEditPostCreateModal } from '../../../controllers/edit-post-create-context';
+import { useLinkCreatePlugins } from '../../../controllers/plugin-context';
 export var EditModal = function EditModal(_ref) {
-  var onClose = _ref.onClose;
+  var _activePlugin$editVie;
+  var onClose = _ref.onClose,
+    onCloseComplete = _ref.onCloseComplete;
   var _useEditPostCreateMod = useEditPostCreateModal(),
     editViewPayload = _useEditPostCreateMod.editViewPayload;
+  var _useLinkCreatePlugins = useLinkCreatePlugins(),
+    activePlugin = _useLinkCreatePlugins.activePlugin;
   return /*#__PURE__*/React.createElement(ModalTransition, null, !!editViewPayload && /*#__PURE__*/React.createElement(Modal, {
     testId: "link-create-edit-modal",
     onClose: onClose,
     shouldScrollInViewport: true,
     width: "calc(100vw - 120px)",
-    height: "calc(100vh - 120px)"
-  }));
+    height: "calc(100vh - 120px)",
+    onCloseComplete: onCloseComplete
+  }, activePlugin === null || activePlugin === void 0 || (_activePlugin$editVie = activePlugin.editView) === null || _activePlugin$editVie === void 0 ? void 0 : _activePlugin$editVie.call(activePlugin, {
+    payload: editViewPayload,
+    onClose: onClose
+  })));
 };

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

@@ -15,7 +15,7 @@ import { Box } from '@atlaskit/primitives';
 import { CREATE_FORM_MAX_WIDTH_IN_PX } from '../../common/constants';
 import { LinkCreateCallbackProvider } from '../../controllers/callback-context';
 import { EditPostCreateModalProvider } from '../../controllers/edit-post-create-context';
-import { useFormContext, withLinkCreateFormContext } from '../../controllers/form-context';
+import { FormContextProvider, useFormContext } from '../../controllers/form-context';
 import { LinkCreatePluginsProvider } from '../../controllers/plugin-context';
 import { ConfirmDismissDialog } from './confirm-dismiss-dialog';
 import { EditModal } from './edit-modal';
@@ -119,6 +119,7 @@ var LinkCreateWithModal = function LinkCreateWithModal(_ref4) {
   }, jsx(ModalHeader, null, jsx(ModalTitle, null, modalTitle || intl.formatMessage(messages.heading))), jsx(ModalBody, null, jsx(LinkCreate, _extends({}, createProps, {
     onCancel: handleCancel
   }))))), getBooleanFF('platform.linking-platform.link-create.enable-edit') && jsx(EditModal, {
+    onCloseComplete: onCloseComplete,
     onClose: handleCancel
   }), getBooleanFF('platform.linking-platform.link-create.confirm-dismiss-dialog') && jsx(ConfirmDismissDialog, {
     active: dismissDialog,
@@ -126,14 +127,60 @@ var LinkCreateWithModal = function LinkCreateWithModal(_ref4) {
     onConfirmDismiss: handleConfirmDismiss
   }));
 };
-export default withLinkCreateFormContext(function (props) {
+var LinkCreateModalInternal = function LinkCreateModalInternal(props) {
   if (getBooleanFF('platform.linking-platform.link-create.enable-edit')) {
     return jsx(LinkCreatePluginsProvider, {
       plugins: props.plugins,
       entityKey: props.entityKey
-    }, jsx(EditPostCreateModalProvider, {
-      active: !!props.active
-    }, jsx(LinkCreateWithModal, props)));
+    }, function (pluginsProvider) {
+      return jsx(EditPostCreateModalProvider, {
+        active: !!props.active
+      }, function (_ref5) {
+        var _pluginsProvider$acti;
+        var setEditViewPayload = _ref5.setEditViewPayload,
+          editViewPayload = _ref5.editViewPayload,
+          shouldActivateEditView = _ref5.shouldActivateEditView,
+          enableEditView = _ref5.enableEditView;
+        return jsx(FormContextProvider, {
+          enableEditView: pluginsProvider !== null && pluginsProvider !== void 0 && (_pluginsProvider$acti = pluginsProvider.activePlugin) !== null && _pluginsProvider$acti !== void 0 && _pluginsProvider$acti.editView ? enableEditView : undefined
+        }, jsx(LinkCreateWithModal, _extends({}, props, {
+          active: props.active && !editViewPayload,
+          onCreate: /*#__PURE__*/function () {
+            var _ref6 = _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 _ref6.apply(this, arguments);
+            };
+          }()
+        })));
+      });
+    });
   }
-  return jsx(LinkCreateWithModal, props);
-});
+  return jsx(FormContextProvider, null, jsx(LinkCreateWithModal, props));
+};
+var LinkCreateModalPublic = function LinkCreateModalPublic(props) {
+  return jsx(LinkCreateModalInternal, props);
+};
+export default LinkCreateModalPublic;

package/dist/esm/ui/main.js

@@ -27,7 +27,7 @@ var LinkCreateWithAnalyticsContext = withLinkCreateAnalyticsContext( /*#__PURE__
 }));
 export var PACKAGE_DATA = {
   packageName: "@atlaskit/link-create" || '',
-  packageVersion: "1.5.1" || '',
+  packageVersion: "1.6.0" || '',
   componentName: COMPONENT_NAME,
   source: COMPONENT_NAME
 };

package/dist/types/common/types.d.ts

@@ -22,6 +22,16 @@ export interface Group {
      */
     key: string;
 }
+export type EditViewProps = {
+    /**
+     * The payload returned from the create function
+     */
+    payload: CreatePayload;
+    /**
+     * Function for the plugin to call when it signals to be closed
+     */
+    onClose: () => void;
+};
 export interface LinkCreatePlugin {
     /**
      * The Group that this plugin entity belongs to
@@ -43,6 +53,10 @@ export interface LinkCreatePlugin {
      * A renderer function to render the form
      */
     form: ReactNode;
+    /**
+     * The post create edit view to be rendered after edit button is clicked.
+     */
+    editView?: ({ payload, onClose }: EditViewProps) => JSX.Element;
 }
 /** The object that is returned on successful callback of create function*/
 export type CreatePayload = {

package/dist/types/controllers/edit-post-create-context/index.d.ts

@@ -1,12 +1,32 @@
 import React from 'react';
 import { CreatePayload } from '../../common/types';
 type EditPostCreateModalContextValue = {
+    /**
+     * The created object that is current being editted in the post-create flow
+     */
     editViewPayload?: CreatePayload | undefined;
+    /**
+     * Sets the object to be editted in the post-create edit flow
+     */
     setEditViewPayload: (payload?: CreatePayload) => void;
+    /**
+     * Callback to tell link create to trigger post-create edit flow after
+     * an object is created
+     */
+    enableEditView: (enable: boolean) => void;
+    /**
+     * Returns whether or not the edit view should be activated on next object creation
+     */
+    shouldActivateEditView: () => boolean;
 };
-export declare const EditPostCreateModalProvider: ({ active, children, }: {
+type EditPostCreateModalProviderProps = {
+    /**
+     * The value of the top-level link create props that indicates control
+     * of whether the experience should be currently active
+     */
     active: boolean;
-    children: React.ReactNode;
-}) => JSX.Element;
+    children: React.ReactNode | ((value: EditPostCreateModalContextValue) => React.ReactNode);
+};
+export declare const EditPostCreateModalProvider: ({ active, children, }: EditPostCreateModalProviderProps) => JSX.Element;
 export declare const useEditPostCreateModal: () => EditPostCreateModalContextValue;
 export {};

package/dist/types/controllers/plugin-context/index.d.ts

@@ -1,5 +1,8 @@
 import React from 'react';
 import { LinkCreatePlugin } from '../../common/types';
+type LinkCreatePluginsContextValue = {
+    activePlugin: LinkCreatePlugin | null;
+} | null;
 type LinkCreatePluginsProviderProps = {
     /**
      * The list of plugins provided as a prop to Link Create component
@@ -9,7 +12,7 @@ type LinkCreatePluginsProviderProps = {
      * The entity key as provided as prop to link create which controls the initially active plugin
      */
     entityKey: string;
-    children: React.ReactNode;
+    children: React.ReactNode | ((value: LinkCreatePluginsContextValue) => React.ReactNode);
 };
 export declare const LinkCreatePluginsProvider: ({ plugins, entityKey: propEntityKey, children, }: LinkCreatePluginsProviderProps) => JSX.Element;
 export declare const useLinkCreatePlugins: () => {

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

@@ -1,14 +1,30 @@
 /** @jsx jsx */
 import { ReactNode } from 'react';
 import { jsx } from '@emotion/react';
+type ReservedFields = {
+    [Field in (typeof RESERVED_FIELDS)[number]]?: unknown;
+};
+declare const RESERVED_FIELDS: readonly ["__post_create__"];
+type DisallowReservedFields<T> = T & {
+    [Field in (typeof RESERVED_FIELDS)[number]]?: never;
+};
+type OmitReservedFields<T> = Omit<T, keyof ReservedFields>;
 export interface CreateFormProps<FormData> {
     children: ReactNode;
     testId?: string;
-    onSubmit: (data: FormData) => void;
+    onSubmit: (data: OmitReservedFields<FormData>) => void;
     onCancel?: () => void;
     isLoading?: boolean;
+    /**
+     * Hides the rendering of the footer buttons
+     */
     hideFooter?: boolean;
-    initialValues?: FormData;
+    /**
+     * Values to initialise the forms initial state with
+     * Should not include values for reserved fields
+     */
+    initialValues?: DisallowReservedFields<FormData>;
 }
 export declare const TEST_ID = "link-create-form";
 export declare const CreateForm: <FormData_1 extends Record<string, any> = {}>({ children, testId, onSubmit, onCancel, isLoading, hideFooter, initialValues, }: CreateFormProps<FormData_1>) => jsx.JSX.Element;
+export {};

package/dist/types/ui/link-create/edit-modal/index.d.ts

@@ -1,4 +1,8 @@
-/// <reference types="react" />
-export declare const EditModal: ({ onClose }: {
-    onClose?: (() => void) | undefined;
-}) => JSX.Element;
+import React from 'react';
+import Modal from '@atlaskit/modal-dialog';
+type EditModalProps = {
+    onClose: () => void;
+    onCloseComplete?: React.ComponentProps<typeof Modal>['onCloseComplete'];
+};
+export declare const EditModal: ({ onClose, onCloseComplete }: EditModalProps) => JSX.Element;
+export {};

package/dist/types/ui/link-create/main.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import { jsx } from '@emotion/react';
 import { LinkCreateWithModalProps } from '../../common/types';
 export declare const TEST_ID = "link-create";
-declare const _default: (props: LinkCreateWithModalProps) => JSX.Element;
-export default _default;
+declare const LinkCreateModalPublic: (props: LinkCreateWithModalProps) => jsx.JSX.Element;
+export default LinkCreateModalPublic;

package/dist/types-ts4.5/common/types.d.ts

@@ -22,6 +22,16 @@ export interface Group {
      */
     key: string;
 }
+export type EditViewProps = {
+    /**
+     * The payload returned from the create function
+     */
+    payload: CreatePayload;
+    /**
+     * Function for the plugin to call when it signals to be closed
+     */
+    onClose: () => void;
+};
 export interface LinkCreatePlugin {
     /**
      * The Group that this plugin entity belongs to
@@ -43,6 +53,10 @@ export interface LinkCreatePlugin {
      * A renderer function to render the form
      */
     form: ReactNode;
+    /**
+     * The post create edit view to be rendered after edit button is clicked.
+     */
+    editView?: ({ payload, onClose }: EditViewProps) => JSX.Element;
 }
 /** The object that is returned on successful callback of create function*/
 export type CreatePayload = {

package/dist/types-ts4.5/controllers/edit-post-create-context/index.d.ts

@@ -1,12 +1,32 @@
 import React from 'react';
 import { CreatePayload } from '../../common/types';
 type EditPostCreateModalContextValue = {
+    /**
+     * The created object that is current being editted in the post-create flow
+     */
     editViewPayload?: CreatePayload | undefined;
+    /**
+     * Sets the object to be editted in the post-create edit flow
+     */
     setEditViewPayload: (payload?: CreatePayload) => void;
+    /**
+     * Callback to tell link create to trigger post-create edit flow after
+     * an object is created
+     */
+    enableEditView: (enable: boolean) => void;
+    /**
+     * Returns whether or not the edit view should be activated on next object creation
+     */
+    shouldActivateEditView: () => boolean;
 };
-export declare const EditPostCreateModalProvider: ({ active, children, }: {
+type EditPostCreateModalProviderProps = {
+    /**
+     * The value of the top-level link create props that indicates control
+     * of whether the experience should be currently active
+     */
     active: boolean;
-    children: React.ReactNode;
-}) => JSX.Element;
+    children: React.ReactNode | ((value: EditPostCreateModalContextValue) => React.ReactNode);
+};
+export declare const EditPostCreateModalProvider: ({ active, children, }: EditPostCreateModalProviderProps) => JSX.Element;
 export declare const useEditPostCreateModal: () => EditPostCreateModalContextValue;
 export {};

package/dist/types-ts4.5/controllers/plugin-context/index.d.ts

@@ -1,5 +1,8 @@
 import React from 'react';
 import { LinkCreatePlugin } from '../../common/types';
+type LinkCreatePluginsContextValue = {
+    activePlugin: LinkCreatePlugin | null;
+} | null;
 type LinkCreatePluginsProviderProps = {
     /**
      * The list of plugins provided as a prop to Link Create component
@@ -9,7 +12,7 @@ type LinkCreatePluginsProviderProps = {
      * The entity key as provided as prop to link create which controls the initially active plugin
      */
     entityKey: string;
-    children: React.ReactNode;
+    children: React.ReactNode | ((value: LinkCreatePluginsContextValue) => React.ReactNode);
 };
 export declare const LinkCreatePluginsProvider: ({ plugins, entityKey: propEntityKey, children, }: LinkCreatePluginsProviderProps) => JSX.Element;
 export declare const useLinkCreatePlugins: () => {

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

@@ -1,14 +1,32 @@
 /** @jsx jsx */
 import { ReactNode } from 'react';
 import { jsx } from '@emotion/react';
+type ReservedFields = {
+    [Field in (typeof RESERVED_FIELDS)[number]]?: unknown;
+};
+declare const RESERVED_FIELDS: readonly [
+    "__post_create__"
+];
+type DisallowReservedFields<T> = T & {
+    [Field in (typeof RESERVED_FIELDS)[number]]?: never;
+};
+type OmitReservedFields<T> = Omit<T, keyof ReservedFields>;
 export interface CreateFormProps<FormData> {
     children: ReactNode;
     testId?: string;
-    onSubmit: (data: FormData) => void;
+    onSubmit: (data: OmitReservedFields<FormData>) => void;
     onCancel?: () => void;
     isLoading?: boolean;
+    /**
+     * Hides the rendering of the footer buttons
+     */
     hideFooter?: boolean;
-    initialValues?: FormData;
+    /**
+     * Values to initialise the forms initial state with
+     * Should not include values for reserved fields
+     */
+    initialValues?: DisallowReservedFields<FormData>;
 }
 export declare const TEST_ID = "link-create-form";
 export declare const CreateForm: <FormData_1 extends Record<string, any> = {}>({ children, testId, onSubmit, onCancel, isLoading, hideFooter, initialValues, }: CreateFormProps<FormData_1>) => jsx.JSX.Element;
+export {};

package/dist/types-ts4.5/ui/link-create/edit-modal/index.d.ts

@@ -1,4 +1,8 @@
-/// <reference types="react" />
-export declare const EditModal: ({ onClose }: {
-    onClose?: (() => void) | undefined;
-}) => JSX.Element;
+import React from 'react';
+import Modal from '@atlaskit/modal-dialog';
+type EditModalProps = {
+    onClose: () => void;
+    onCloseComplete?: React.ComponentProps<typeof Modal>['onCloseComplete'];
+};
+export declare const EditModal: ({ onClose, onCloseComplete }: EditModalProps) => JSX.Element;
+export {};

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

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import { jsx } from '@emotion/react';
 import { LinkCreateWithModalProps } from '../../common/types';
 export declare const TEST_ID = "link-create";
-declare const _default: (props: LinkCreateWithModalProps) => JSX.Element;
-export default _default;
+declare const LinkCreateModalPublic: (props: LinkCreateWithModalProps) => jsx.JSX.Element;
+export default LinkCreateModalPublic;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/link-create",
-  "version": "1.5.1",
+  "version": "1.6.0",
   "description": "The driver component of meta creation flow",
   "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",

package/report.api.md

@@ -83,16 +83,14 @@ export function CreateFormLoader({
 export interface CreateFormProps<FormData> {
   // (undocumented)
   children: ReactNode;
-  // (undocumented)
   hideFooter?: boolean;
-  // (undocumented)
-  initialValues?: FormData;
+  initialValues?: DisallowReservedFields<FormData>;
   // (undocumented)
   isLoading?: boolean;
   // (undocumented)
   onCancel?: () => void;
   // (undocumented)
-  onSubmit: (data: FormData) => void;
+  onSubmit: (data: OmitReservedFields<FormData>) => void;
   // (undocumented)
   testId?: string;
 }
@@ -106,6 +104,17 @@ export type CreatePayload = {
   data?: Record<string, unknown>;
 };
 
+// @public (undocumented)
+type DisallowReservedFields<T> = T & {
+  [Field in (typeof RESERVED_FIELDS)[number]]?: never;
+};
+
+// @public (undocumented)
+type EditViewProps = {
+  payload: CreatePayload;
+  onClose: () => void;
+};
+
 // @public
 export const FormSpy: <T extends Record<string, unknown>>({
   children,
@@ -135,6 +144,7 @@ interface LinkCreateCallbackProviderProps {
 
 // @public (undocumented)
 export interface LinkCreatePlugin {
+  editView?: ({ payload, onClose }: EditViewProps) => JSX.Element;
   form: ReactNode;
   group: Group;
   icon: string;
@@ -163,6 +173,17 @@ export interface LinkCreateWithModalProps
   modalTitle?: string;
 }
 
+// @public (undocumented)
+type OmitReservedFields<T> = Omit<T, keyof ReservedFields>;
+
+// @public (undocumented)
+const RESERVED_FIELDS: readonly ['__post_create__'];
+
+// @public (undocumented)
+type ReservedFields = {
+  [Field in (typeof RESERVED_FIELDS)[number]]?: unknown;
+};
+
 // @public
 export function Select<T = OptionType>({
   id,

package/tmp/api-report-tmp.d.ts

@@ -46,16 +46,14 @@ export function CreateFormLoader({ size }: Partial<SpinnerProps>): jsx.JSX.Eleme
 export interface CreateFormProps<FormData> {
     // (undocumented)
     children: ReactNode;
-    // (undocumented)
     hideFooter?: boolean;
-    // (undocumented)
-    initialValues?: FormData;
+    initialValues?: DisallowReservedFields<FormData>;
     // (undocumented)
     isLoading?: boolean;
     // (undocumented)
     onCancel?: () => void;
     // (undocumented)
-    onSubmit: (data: FormData) => void;
+    onSubmit: (data: OmitReservedFields<FormData>) => void;
     // (undocumented)
     testId?: string;
 }
@@ -69,6 +67,17 @@ export type CreatePayload = {
     data?: Record<string, unknown>;
 };
 
+// @public (undocumented)
+type DisallowReservedFields<T> = T & {
+    [Field in (typeof RESERVED_FIELDS)[number]]?: never;
+};
+
+// @public (undocumented)
+type EditViewProps = {
+    payload: CreatePayload;
+    onClose: () => void;
+};
+
 // @public
 export const FormSpy: <T extends Record<string, unknown>>({ children, }: FormSpyProps<T>) => JSX.Element;
 
@@ -98,6 +107,7 @@ interface LinkCreateCallbackProviderProps {
 
 // @public (undocumented)
 export interface LinkCreatePlugin {
+    editView?: ({ payload, onClose }: EditViewProps) => JSX.Element;
     form: ReactNode;
     group: Group;
     icon: string;
@@ -124,6 +134,17 @@ export interface LinkCreateWithModalProps extends LinkCreateProps, Partial<Pick<
     modalTitle?: string;
 }
 
+// @public (undocumented)
+type OmitReservedFields<T> = Omit<T, keyof ReservedFields>;
+
+// @public (undocumented)
+const RESERVED_FIELDS: readonly ["__post_create__"];
+
+// @public (undocumented)
+type ReservedFields = {
+    [Field in (typeof RESERVED_FIELDS)[number]]?: unknown;
+};
+
 // @public
 export function Select<T = OptionType>({ id, name, label, isRequired, validators, validationHelpText, testId, ...restProps }: SelectProps<T>): jsx.JSX.Element;