@atlaskit/link-create 1.3.0 → 1.5.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/link-create
 
+## 1.5.0
+
+### Minor Changes
+
+- [#42436](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/42436) [`08c8e861177`](https://bitbucket.org/atlassian/atlassian-frontend/commits/08c8e861177) - EDM-8371: internal refactor under feature flag platform.linking-platform.link-create.enable-edit
+
+## 1.4.0
+
+### Minor Changes
+
+- [#42119](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/42119) [`fbb3d5ea801`](https://bitbucket.org/atlassian/atlassian-frontend/commits/fbb3d5ea801) - Displays a confirm dismiss dialog when user clicks cancel and made changes to form
+
 ## 1.3.0
 
 ### Minor Changes

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

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useLinkCreateCallback = exports.LinkCreateCallbackProvider = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _react = _interopRequireWildcard(require("react"));
 var _analyticsNext = require("@atlaskit/analytics-next");
@@ -14,6 +15,8 @@ var _constants = require("../../common/constants");
 var _analytics = _interopRequireDefault(require("../../common/utils/analytics/analytics.codegen"));
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LinkCreateCallbackContext = /*#__PURE__*/_react.default.createContext({});
 var LinkCreateCallbackProvider = exports.LinkCreateCallbackProvider = function LinkCreateCallbackProvider(_ref) {
   var children = _ref.children,
@@ -22,7 +25,7 @@ var LinkCreateCallbackProvider = exports.LinkCreateCallbackProvider = function L
     onCancel = _ref.onCancel;
   var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
-  var value = (0, _react.useMemo)(function () {
+  var handleCreate = (0, _react.useMemo)(function () {
     return {
       onCreate: function () {
         var _onCreate2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(result) {
@@ -51,7 +54,11 @@ var LinkCreateCallbackProvider = exports.LinkCreateCallbackProvider = function L
           return _onCreate2.apply(this, arguments);
         }
         return onCreate;
-      }(),
+      }()
+    };
+  }, [createAnalyticsEvent, _onCreate]);
+  var handleFailure = (0, _react.useMemo)(function () {
+    return {
       onFailure: function () {
         var _onFailure2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(error) {
           return _regenerator.default.wrap(function _callee2$(_context2) {
@@ -71,10 +78,14 @@ var LinkCreateCallbackProvider = exports.LinkCreateCallbackProvider = function L
           return _onFailure2.apply(this, arguments);
         }
         return onFailure;
-      }(),
-      onCancel: onCancel
+      }()
     };
-  }, [_onFailure, onCancel, createAnalyticsEvent, _onCreate]);
+  }, [createAnalyticsEvent, _onFailure]);
+  var value = (0, _react.useMemo)(function () {
+    return _objectSpread(_objectSpread({
+      onCancel: onCancel
+    }, handleCreate), handleFailure);
+  }, [onCancel, handleCreate, handleFailure]);
   return /*#__PURE__*/_react.default.createElement(LinkCreateCallbackContext.Provider, {
     value: value
   }, children);

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

@@ -0,0 +1,43 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useEditPostCreateModal = exports.EditPostCreateModalProvider = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+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 EditPostCreateModalContext = /*#__PURE__*/(0, _react.createContext)({
+  editViewPayload: undefined,
+  setEditViewPayload: function setEditViewPayload() {}
+});
+var EditPostCreateModalProvider = exports.EditPostCreateModalProvider = function EditPostCreateModalProvider(_ref) {
+  var active = _ref.active,
+    children = _ref.children;
+  var _useState = (0, _react.useState)(undefined),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    editViewPayload = _useState2[0],
+    setEditViewPayload = _useState2[1];
+  var value = (0, _react.useMemo)(function () {
+    return {
+      editViewPayload: editViewPayload,
+      setEditViewPayload: setEditViewPayload
+    };
+  }, [editViewPayload, setEditViewPayload]);
+  if (editViewPayload && !active) {
+    setEditViewPayload(undefined);
+  }
+  return /*#__PURE__*/_react.default.createElement(EditPostCreateModalContext.Provider, {
+    value: value
+  }, children);
+};
+var useEditPostCreateModal = exports.useEditPostCreateModal = function useEditPostCreateModal() {
+  var value = (0, _react.useContext)(EditPostCreateModalContext);
+  if (!value) {
+    throw new Error('useEditPostCreateModal used outside of useEditPostCreateModalProvider');
+  }
+  return value;
+};

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

@@ -19,7 +19,11 @@ var FormContext = exports.FormContext = /*#__PURE__*/(0, _react.createContext)({
     return {};
   },
   setFormErrorMessage: function setFormErrorMessage() {},
-  enableEditView: undefined
+  enableEditView: undefined,
+  setFormDirty: function setFormDirty() {},
+  isFormDirty: function isFormDirty() {
+    return false;
+  }
 });
 var FormContextProvider = exports.FormContextProvider = function FormContextProvider(_ref) {
   var enableEditView = _ref.enableEditView,
@@ -32,6 +36,13 @@ var FormContextProvider = exports.FormContextProvider = function FormContextProv
     _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
     validators = _useState4[0],
     setValidators = _useState4[1];
+  var dirty = (0, _react.useRef)(false);
+  var isFormDirty = (0, _react.useCallback)(function () {
+    return dirty.current;
+  }, [dirty]);
+  var setFormDirty = (0, _react.useCallback)(function (isDirty) {
+    dirty.current = !!isDirty;
+  }, [dirty]);
 
   // Add validators to the form
   var assignValidator = (0, _react.useCallback)(function (name, fieldValidators) {
@@ -55,7 +66,9 @@ var FormContextProvider = exports.FormContextProvider = function FormContextProv
       getValidators: getValidators,
       setFormErrorMessage: setFormErrorMessage,
       formErrorMessage: error,
-      enableEditView: enableEditView
+      enableEditView: enableEditView,
+      setFormDirty: setFormDirty,
+      isFormDirty: isFormDirty
     }
   }, children);
 };

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

@@ -0,0 +1,39 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useLinkCreatePlugins = exports.LinkCreatePluginsProvider = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+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 LinkCreatePluginsContext = /*#__PURE__*/(0, _react.createContext)(null);
+var LinkCreatePluginsProvider = exports.LinkCreatePluginsProvider = function LinkCreatePluginsProvider(_ref) {
+  var plugins = _ref.plugins,
+    propEntityKey = _ref.entityKey,
+    children = _ref.children;
+  var _useState = (0, _react.useState)(propEntityKey),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 1),
+    entityKey = _useState2[0];
+  var value = (0, _react.useMemo)(function () {
+    var _plugins$find;
+    return {
+      activePlugin: (_plugins$find = plugins.find(function (plugin) {
+        return plugin.key === entityKey;
+      })) !== null && _plugins$find !== void 0 ? _plugins$find : null
+    };
+  }, [entityKey, plugins]);
+  return /*#__PURE__*/_react.default.createElement(LinkCreatePluginsContext.Provider, {
+    value: value
+  }, children);
+};
+var useLinkCreatePlugins = exports.useLinkCreatePlugins = function useLinkCreatePlugins() {
+  var value = (0, _react.useContext)(LinkCreatePluginsContext);
+  if (!value) {
+    throw new Error('useLinkCreatePlugins used outside of LinkCreatePluginsProvider');
+  }
+  return value;
+};

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

@@ -12,6 +12,7 @@ var _react = require("react");
 var _react2 = require("@emotion/react");
 var _reactFinalForm = require("react-final-form");
 var _analyticsNext = require("@atlaskit/analytics-next");
+var _primitives = require("@atlaskit/primitives");
 var _constants = require("../../common/constants");
 var _analytics = _interopRequireDefault(require("../../common/utils/analytics/analytics.codegen"));
 var _formContext = require("../../controllers/form-context");
@@ -39,7 +40,8 @@ var CreateForm = exports.CreateForm = function CreateForm(_ref) {
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   var _useFormContext = (0, _formContext.useFormContext)(),
     getValidators = _useFormContext.getValidators,
-    formErrorMessage = _useFormContext.formErrorMessage;
+    formErrorMessage = _useFormContext.formErrorMessage,
+    setFormDirty = _useFormContext.setFormDirty;
   var handleSubmit = (0, _react.useCallback)( /*#__PURE__*/function () {
     var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(data) {
       var validators, errors;
@@ -94,7 +96,14 @@ var CreateForm = exports.CreateForm = function CreateForm(_ref) {
       name: "link-create-form",
       "data-testid": testId,
       css: formStyles
-    }, (0, _react2.jsx)("div", null, children), !hideFooter && (0, _react2.jsx)(_formFooter.CreateFormFooter, {
+    }, (0, _react2.jsx)(_reactFinalForm.FormSpy, {
+      subscription: {
+        dirty: true
+      },
+      onChange: function onChange(state) {
+        return setFormDirty(state.dirty);
+      }
+    }), (0, _react2.jsx)(_primitives.Box, null, children), !hideFooter && (0, _react2.jsx)(_formFooter.CreateFormFooter, {
       formErrorMessage: formErrorMessage,
       handleCancel: handleCancel,
       submitting: submitting,

package/dist/cjs/ui/link-create/confirm-dismiss-dialog/index.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "ConfirmDismissDialog", {
+  enumerable: true,
+  get: function get() {
+    return _main.ConfirmDismissDialog;
+  }
+});
+var _main = require("./main");

package/dist/cjs/ui/link-create/confirm-dismiss-dialog/main.js

@@ -0,0 +1,32 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ConfirmDismissDialog = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactIntlNext = require("react-intl-next");
+var _button = _interopRequireDefault(require("@atlaskit/button"));
+var _modalDialog = _interopRequireWildcard(require("@atlaskit/modal-dialog"));
+var _messages = _interopRequireDefault(require("./messages"));
+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 ConfirmDismissDialog = exports.ConfirmDismissDialog = function ConfirmDismissDialog(_ref) {
+  var active = _ref.active,
+    onCancelDismiss = _ref.onCancelDismiss,
+    onConfirmDismiss = _ref.onConfirmDismiss;
+  var intl = (0, _reactIntlNext.useIntl)();
+  return /*#__PURE__*/_react.default.createElement(_modalDialog.ModalTransition, null, active && /*#__PURE__*/_react.default.createElement(_modalDialog.default, {
+    testId: "link-create-confirm-dismiss-dialog",
+    onClose: onCancelDismiss,
+    width: "small"
+  }, /*#__PURE__*/_react.default.createElement(_modalDialog.ModalHeader, null, /*#__PURE__*/_react.default.createElement(_modalDialog.ModalTitle, null, intl.formatMessage(_messages.default.title))), /*#__PURE__*/_react.default.createElement(_modalDialog.ModalBody, null, intl.formatMessage(_messages.default.description)), /*#__PURE__*/_react.default.createElement(_modalDialog.ModalFooter, null, /*#__PURE__*/_react.default.createElement(_button.default, {
+    appearance: "subtle",
+    onClick: onCancelDismiss
+  }, intl.formatMessage(_messages.default.cancelButtonLabel)), /*#__PURE__*/_react.default.createElement(_button.default, {
+    appearance: "primary",
+    onClick: onConfirmDismiss
+  }, intl.formatMessage(_messages.default.confirmButtonLabel)))));
+};

package/dist/cjs/ui/link-create/confirm-dismiss-dialog/messages.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _reactIntlNext = require("react-intl-next");
+var _default = exports.default = (0, _reactIntlNext.defineMessages)({
+  title: {
+    id: 'linkCreate.confirm-dismiss-dialog.modal.title',
+    defaultMessage: 'Your changes won’t be saved',
+    description: 'Title for confirm-dismiss modal popup'
+  },
+  cancelButtonLabel: {
+    id: 'linkCreate.confirm-dismiss-dialog.modal.cancel-button-label',
+    defaultMessage: 'Go back',
+    description: 'Label for secondary button for confirm-dismiss modal popup'
+  },
+  confirmButtonLabel: {
+    id: 'linkCreate.confirm-dismiss-dialog.modal.confirm-button-label',
+    defaultMessage: 'Discard',
+    description: 'Label for primary button for confirm-dismiss modal popup'
+  },
+  description: {
+    id: 'linkCreate.confirm-dismiss-dialog.modal.description',
+    defaultMessage: 'We won’t be able to save your information if you move away from this page.',
+    description: 'Description for confirm-dismiss modal popup'
+  }
+});

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

@@ -0,0 +1,25 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EditModal = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _modalDialog = _interopRequireWildcard(require("@atlaskit/modal-dialog"));
+var _editPostCreateContext = require("../../../controllers/edit-post-create-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 _useEditPostCreateMod = (0, _editPostCreateContext.useEditPostCreateModal)(),
+    editViewPayload = _useEditPostCreateMod.editViewPayload;
+  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)"
+  }));
+};

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

@@ -7,20 +7,28 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.TEST_ID = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = require("react");
 var _react2 = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
 var _modalDialog = _interopRequireWildcard(require("@atlaskit/modal-dialog"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _primitives = require("@atlaskit/primitives");
 var _constants = require("../../common/constants");
 var _callbackContext = require("../../controllers/callback-context");
+var _editPostCreateContext = require("../../controllers/edit-post-create-context");
 var _formContext = require("../../controllers/form-context");
+var _pluginContext = require("../../controllers/plugin-context");
+var _confirmDismissDialog = require("./confirm-dismiss-dialog");
+var _editModal = require("./edit-modal");
 var _errorBoundary = require("./error-boundary");
 var _messages = require("./messages");
 var _trackMount = _interopRequireDefault(require("./track-mount"));
 var _excluded = ["testId", "onCreate", "onFailure", "onCancel", "triggeredFrom"],
-  _excluded2 = ["active", "modalTitle", "onOpenComplete", "onCloseComplete"];
+  _excluded2 = ["active", "modalTitle", "onCancel", "onOpenComplete", "onCloseComplete"];
 /** @jsx jsx */
 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; }
@@ -36,7 +44,7 @@ var LinkCreateContent = function LinkCreateContent(_ref) {
   }
   return (0, _react2.jsx)(_react.Fragment, null, chosenOne.form);
 };
-var LinkCreate = (0, _formContext.withLinkCreateFormContext)(function (_ref2) {
+var LinkCreate = function LinkCreate(_ref2) {
   var _ref2$testId = _ref2.testId,
     testId = _ref2$testId === void 0 ? TEST_ID : _ref2$testId,
     onCreate = _ref2.onCreate,
@@ -74,28 +82,68 @@ var LinkCreate = (0, _formContext.withLinkCreateFormContext)(function (_ref2) {
     setFormErrorMessage(error.message);
     onFailure && onFailure(error);
   }, [onFailure, setFormErrorMessage]);
-  return (0, _react2.jsx)("div", {
-    "data-testid": testId
+  return (0, _react2.jsx)(_primitives.Box, {
+    testId: testId
   }, (0, _react2.jsx)(_errorBoundary.ErrorBoundary, null, (0, _react2.jsx)(_callbackContext.LinkCreateCallbackProvider, {
     onCancel: onCancel,
     onCreate: handleCreate,
     onFailure: handleFailure
   }, (0, _react2.jsx)(_trackMount.default, null), (0, _react2.jsx)(LinkCreateContent, restProps))));
-});
+};
 var LinkCreateWithModal = function LinkCreateWithModal(_ref4) {
   var active = _ref4.active,
     modalTitle = _ref4.modalTitle,
+    onCancel = _ref4.onCancel,
     onOpenComplete = _ref4.onOpenComplete,
     onCloseComplete = _ref4.onCloseComplete,
     createProps = (0, _objectWithoutProperties2.default)(_ref4, _excluded2);
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    dismissDialog = _useState2[0],
+    setDismissDialog = _useState2[1];
+  var _useFormContext2 = (0, _formContext.useFormContext)(),
+    isFormDirty = _useFormContext2.isFormDirty;
   var intl = (0, _reactIntlNext.useIntl)();
-  return (0, _react2.jsx)(_modalDialog.ModalTransition, null, !!active && (0, _react2.jsx)(_modalDialog.default, {
+  var handleCancel = (0, _react.useCallback)(function () {
+    if ((0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.link-create.confirm-dismiss-dialog')) {
+      if (isFormDirty()) {
+        return setDismissDialog(true);
+      }
+    }
+    onCancel && onCancel();
+  }, [onCancel, isFormDirty]);
+  var handleCancelDismiss = (0, _react.useCallback)(function () {
+    setDismissDialog(false);
+  }, []);
+  var handleConfirmDismiss = (0, _react.useCallback)(function () {
+    setDismissDialog(false);
+    onCancel && onCancel();
+  }, [onCancel]);
+  return (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)(_modalDialog.ModalTransition, null, !!active && (0, _react2.jsx)(_modalDialog.default, {
     testId: "link-create-modal",
-    onClose: createProps.onCancel,
+    onClose: handleCancel,
     shouldScrollInViewport: true,
     onOpenComplete: onOpenComplete,
     onCloseComplete: onCloseComplete,
     width: "".concat(_constants.CREATE_FORM_MAX_WIDTH_IN_PX, "px")
-  }, (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, createProps))));
+  }, (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, {
+    onClose: handleCancel
+  }), (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.link-create.confirm-dismiss-dialog') && (0, _react2.jsx)(_confirmDismissDialog.ConfirmDismissDialog, {
+    active: dismissDialog,
+    onCancelDismiss: handleCancelDismiss,
+    onConfirmDismiss: handleConfirmDismiss
+  }));
 };
-var _default = exports.default = LinkCreateWithModal;
+var _default = exports.default = (0, _formContext.withLinkCreateFormContext)(function (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)));
+  }
+  return (0, _react2.jsx)(LinkCreateWithModal, props);
+});

package/dist/cjs/ui/main.js

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

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

@@ -12,7 +12,7 @@ const LinkCreateCallbackProvider = ({
   const {
     createAnalyticsEvent
   } = useAnalyticsEvents();
-  const value = useMemo(() => ({
+  const handleCreate = useMemo(() => ({
     onCreate: async result => {
       const {
         objectId,
@@ -25,15 +25,21 @@ const LinkCreateCallbackProvider = ({
       if (onCreate) {
         await onCreate(result);
       }
-    },
+    }
+  }), [createAnalyticsEvent, onCreate]);
+  const handleFailure = useMemo(() => ({
     onFailure: async error => {
       createAnalyticsEvent(createEventPayload('track.object.createFailed.linkCreate', {
         failureType: error.name
       })).fire(ANALYTICS_CHANNEL);
       onFailure && onFailure(error);
-    },
-    onCancel
-  }), [onFailure, onCancel, createAnalyticsEvent, onCreate]);
+    }
+  }), [createAnalyticsEvent, onFailure]);
+  const value = useMemo(() => ({
+    onCancel,
+    ...handleCreate,
+    ...handleFailure
+  }), [onCancel, handleCreate, handleFailure]);
   return /*#__PURE__*/React.createElement(LinkCreateCallbackContext.Provider, {
     value: value
   }, children);

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

@@ -0,0 +1,28 @@
+import React, { createContext, useContext, useMemo, useState } from 'react';
+const EditPostCreateModalContext = /*#__PURE__*/createContext({
+  editViewPayload: undefined,
+  setEditViewPayload: () => {}
+});
+export const EditPostCreateModalProvider = ({
+  active,
+  children
+}) => {
+  const [editViewPayload, setEditViewPayload] = useState(undefined);
+  const value = useMemo(() => ({
+    editViewPayload,
+    setEditViewPayload
+  }), [editViewPayload, setEditViewPayload]);
+  if (editViewPayload && !active) {
+    setEditViewPayload(undefined);
+  }
+  return /*#__PURE__*/React.createElement(EditPostCreateModalContext.Provider, {
+    value: value
+  }, children);
+};
+export const useEditPostCreateModal = () => {
+  const value = useContext(EditPostCreateModalContext);
+  if (!value) {
+    throw new Error('useEditPostCreateModal used outside of useEditPostCreateModalProvider');
+  }
+  return value;
+};

package/dist/es2019/controllers/form-context/main.js

@@ -1,9 +1,11 @@
-import React, { createContext, useCallback, useContext, useState } from 'react';
+import React, { createContext, useCallback, useContext, useRef, useState } from 'react';
 export const FormContext = /*#__PURE__*/createContext({
   assignValidator: () => {},
   getValidators: () => ({}),
   setFormErrorMessage: () => {},
-  enableEditView: undefined
+  enableEditView: undefined,
+  setFormDirty: () => {},
+  isFormDirty: () => false
 });
 const FormContextProvider = ({
   enableEditView,
@@ -11,6 +13,13 @@ const FormContextProvider = ({
 }) => {
   const [error, setError] = useState();
   const [validators, setValidators] = useState({});
+  const dirty = useRef(false);
+  const isFormDirty = useCallback(() => {
+    return dirty.current;
+  }, [dirty]);
+  const setFormDirty = useCallback(isDirty => {
+    dirty.current = !!isDirty;
+  }, [dirty]);
 
   // Add validators to the form
   const assignValidator = useCallback((name, fieldValidators) => {
@@ -35,7 +44,9 @@ const FormContextProvider = ({
       getValidators,
       setFormErrorMessage,
       formErrorMessage: error,
-      enableEditView
+      enableEditView,
+      setFormDirty,
+      isFormDirty
     }
   }, children);
 };

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

@@ -0,0 +1,25 @@
+import React, { createContext, useContext, useMemo, useState } from 'react';
+const LinkCreatePluginsContext = /*#__PURE__*/createContext(null);
+export const LinkCreatePluginsProvider = ({
+  plugins,
+  entityKey: propEntityKey,
+  children
+}) => {
+  const [entityKey] = useState(propEntityKey);
+  const value = useMemo(() => {
+    var _plugins$find;
+    return {
+      activePlugin: (_plugins$find = plugins.find(plugin => plugin.key === entityKey)) !== null && _plugins$find !== void 0 ? _plugins$find : null
+    };
+  }, [entityKey, plugins]);
+  return /*#__PURE__*/React.createElement(LinkCreatePluginsContext.Provider, {
+    value: value
+  }, children);
+};
+export const useLinkCreatePlugins = () => {
+  const value = useContext(LinkCreatePluginsContext);
+  if (!value) {
+    throw new Error('useLinkCreatePlugins used outside of LinkCreatePluginsProvider');
+  }
+  return value;
+};

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

@@ -1,8 +1,9 @@
 /** @jsx jsx */
 import { useCallback } from 'react';
 import { css, jsx } from '@emotion/react';
-import { Form } from 'react-final-form';
+import { Form, FormSpy } from 'react-final-form';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
+import { Box } from '@atlaskit/primitives';
 import { ANALYTICS_CHANNEL, CREATE_FORM_MAX_WIDTH_IN_PX } from '../../common/constants';
 import createEventPayload from '../../common/utils/analytics/analytics.codegen';
 import { useFormContext } from '../../controllers/form-context';
@@ -29,7 +30,8 @@ export const CreateForm = ({
   } = useAnalyticsEvents();
   const {
     getValidators,
-    formErrorMessage
+    formErrorMessage,
+    setFormDirty
   } = useFormContext();
   const handleSubmit = useCallback(async data => {
     createAnalyticsEvent(createEventPayload('ui.button.clicked.create', {})).fire(ANALYTICS_CHANNEL);
@@ -67,7 +69,12 @@ export const CreateForm = ({
       name: "link-create-form",
       "data-testid": testId,
       css: formStyles
-    }, jsx("div", null, children), !hideFooter && jsx(CreateFormFooter, {
+    }, jsx(FormSpy, {
+      subscription: {
+        dirty: true
+      },
+      onChange: state => setFormDirty(state.dirty)
+    }), jsx(Box, null, children), !hideFooter && jsx(CreateFormFooter, {
       formErrorMessage: formErrorMessage,
       handleCancel: handleCancel,
       submitting: submitting,

package/dist/es2019/ui/link-create/confirm-dismiss-dialog/index.js

@@ -0,0 +1 @@
+export { ConfirmDismissDialog } from './main';