@atlaskit/link-create 2.4.0 → 2.5.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/link-create
 
+## 2.5.0
+
+### Minor Changes
+
+- [#110690](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/110690)
+  [`667a03a09590c`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/667a03a09590c) -
+  Refactor and export exit warning modal provider to support inline create
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 2.4.0
 
 ### Minor Changes

package/dist/cjs/common/constants.js

@@ -13,7 +13,7 @@ var CREATE_FORM_MIN_HEIGHT_IN_PX = exports.CREATE_FORM_MIN_HEIGHT_IN_PX = '200';
 var LINK_CREATE_FORM_POST_CREATE_FIELD = exports.LINK_CREATE_FORM_POST_CREATE_FIELD = '__post_create__';
 var PACKAGE_DATA = exports.PACKAGE_DATA = {
   packageName: "@atlaskit/link-create" || '',
-  packageVersion: "2.4.0" || '',
+  packageVersion: "2.5.0" || '',
   component: COMPONENT_NAME,
   componentName: COMPONENT_NAME
 };

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

@@ -12,6 +12,7 @@ var _errorBoundaryUi = require("../error-boundary-ui");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
 /**
  * ErrorBoundaryModal props are the same as those passed to LinkCreate, which

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

@@ -7,6 +7,7 @@ exports.default = void 0;
 var _react = require("@emotion/react");
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
 var WIDTH = 82;
 var errorStyles = (0, _react.css)({

package/dist/cjs/controllers/create-field/main.js

@@ -11,7 +11,7 @@ var _reactFinalForm = require("react-final-form");
 var _form = require("@atlaskit/form");
 var _form2 = require("../../common/utils/form");
 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; } /** @jsx jsx */
+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; } /** @jsx jsx */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var fieldWrapperStyles = (0, _react.css)({
   marginTop: "var(--ds-space-100, 8px)"
 });

package/dist/cjs/controllers/exit-warning-modal-context/index.js

@@ -1,10 +1,12 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useExitWarningModal = exports.ExitWarningModalProvider = void 0;
+exports.useWithExitWarning = exports.useExitWarningModal = exports.ExitWarningModalProvider = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -12,10 +14,23 @@ var ExitWarningModalContext = /*#__PURE__*/(0, _react.createContext)({
   getShouldShowWarning: function getShouldShowWarning() {
     return false;
   },
-  setShouldShowWarning: function setShouldShowWarning() {}
+  setShouldShowWarning: function setShouldShowWarning() {},
+  showExitWarning: false,
+  setShowExitWarning: function setShowExitWarning() {
+    return false;
+  },
+  withExitWarning: function withExitWarning() {
+    return function () {
+      return false;
+    };
+  }
 });
 var ExitWarningModalProvider = exports.ExitWarningModalProvider = function ExitWarningModalProvider(_ref) {
   var children = _ref.children;
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    showExitWarning = _useState2[0],
+    setShowExitWarning = _useState2[1];
   var shouldShowWarning = (0, _react.useRef)(false);
   var getShouldShowWarning = (0, _react.useCallback)(function () {
     return shouldShowWarning.current;
@@ -23,12 +38,26 @@ var ExitWarningModalProvider = exports.ExitWarningModalProvider = function ExitW
   var setShouldShowWarning = (0, _react.useCallback)(function (show) {
     shouldShowWarning.current = show;
   }, []);
+  var withExitWarning = (0, _react.useCallback)(function (callback) {
+    return function () {
+      if (shouldShowWarning.current && !showExitWarning) {
+        setShowExitWarning(true);
+        return false;
+      }
+      setShowExitWarning(false);
+      callback === null || callback === void 0 || callback(true);
+      return true;
+    };
+  }, [showExitWarning]);
   var value = (0, _react.useMemo)(function () {
     return {
       getShouldShowWarning: getShouldShowWarning,
-      setShouldShowWarning: setShouldShowWarning
+      setShouldShowWarning: setShouldShowWarning,
+      showExitWarning: showExitWarning,
+      setShowExitWarning: setShowExitWarning,
+      withExitWarning: withExitWarning
     };
-  }, [getShouldShowWarning, setShouldShowWarning]);
+  }, [getShouldShowWarning, setShouldShowWarning, showExitWarning, setShowExitWarning, withExitWarning]);
   return /*#__PURE__*/_react.default.createElement(ExitWarningModalContext.Provider, {
     value: value
   }, children);
@@ -39,4 +68,12 @@ var useExitWarningModal = exports.useExitWarningModal = function useExitWarningM
     throw new Error('useExitWarningModal used outside of ExitWarningModalProvider');
   }
   return value;
+};
+var useWithExitWarning = exports.useWithExitWarning = function useWithExitWarning() {
+  var value = (0, _react.useContext)(ExitWarningModalContext);
+  if (!value) {
+    throw new Error('useWithExitWarning used outside of ExitWarningModalProvider');
+  }
+  var withExitWarning = value.withExitWarning;
+  return withExitWarning;
 };

package/dist/cjs/index.js

@@ -40,6 +40,12 @@ Object.defineProperty(exports, "LinkCreateCallbackProvider", {
     return _callbackContext.LinkCreateCallbackProvider;
   }
 });
+Object.defineProperty(exports, "LinkCreateExitWarningProvider", {
+  enumerable: true,
+  get: function get() {
+    return _exitWarningModalContext.ExitWarningModalProvider;
+  }
+});
 Object.defineProperty(exports, "Select", {
   enumerable: true,
   get: function get() {
@@ -70,8 +76,15 @@ Object.defineProperty(exports, "useLinkCreateCallback", {
     return _callbackContext.useLinkCreateCallback;
   }
 });
+Object.defineProperty(exports, "useWithExitWarning", {
+  enumerable: true,
+  get: function get() {
+    return _exitWarningModalContext.useWithExitWarning;
+  }
+});
 var _index = _interopRequireWildcard(require("./ui/index"));
 var _callbackContext = require("./controllers/callback-context");
+var _exitWarningModalContext = require("./controllers/exit-warning-modal-context");
 var _finalForm = require("final-form");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }

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

@@ -24,6 +24,7 @@ var _formContext = require("../../../controllers/form-context");
 var _excluded = ["id", "name", "label", "isRequired", "validators", "validationHelpText", "testId", "defaultOption", "loadOptions"],
   _excluded2 = ["fieldId"];
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var TEST_ID = exports.TEST_ID = 'link-create-async-select';
 
 /**

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

@@ -14,6 +14,7 @@ var _editButton = require("./edit-button");
 var _messages = require("./messages");
 var _submitButton = require("./submit-button");
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
 var formFooterWrapperStyles = (0, _react.css)({
   display: 'flex',

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

@@ -9,11 +9,13 @@ var _react = require("@emotion/react");
 var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
 var _constants = require("../../../common/constants");
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
 var formLoaderStyles = (0, _react.css)({
   display: "flex",
   alignItems: "center",
   justifyContent: "center",
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   minHeight: "".concat(_constants.CREATE_FORM_MIN_HEIGHT_IN_PX, "px")
 });
 

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

@@ -26,8 +26,9 @@ var _formFooter = require("./form-footer");
 var _formLoader = require("./form-loader");
 var _excluded = ["submitError"];
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } /** @jsx jsx */
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } /** @jsx jsx */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var formStyles = (0, _react2.css)({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   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")

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

@@ -14,6 +14,7 @@ var _createField = require("../../../controllers/create-field");
 var _excluded = ["id", "name", "label", "isRequired", "validators", "validationHelpText", "testId"],
   _excluded2 = ["fieldId"];
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var TEST_ID = exports.TEST_ID = 'link-create-select';
 /**
  * A select component utilising the Atlaskit Select and CreateField.

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

@@ -14,6 +14,7 @@ var _createField = require("../../../controllers/create-field");
 var _excluded = ["id", "name", "label", "isRequired", "validators", "validationHelpText", "testId"],
   _excluded2 = ["fieldId"];
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var TEST_ID = exports.TEST_ID = 'link-create-text-field';
 
 /**

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

@@ -12,6 +12,7 @@ var _smartUserPicker = _interopRequireDefault(require("@atlaskit/smart-user-pick
 var _createField = require("../../../controllers/create-field");
 var _excluded = ["fieldId"];
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var TEST_ID = exports.TEST_ID = 'link-create-user-picker';
 var DEFAULT_DEBOUNCE_TIME = 400;
 var UserPickerWidth = '100%';

package/dist/cjs/ui/inline-create/index.js

@@ -18,6 +18,8 @@ var _en = _interopRequireDefault(require("../../i18n/en"));
 var _main = _interopRequireDefault(require("./main"));
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 var LinkCreateWithAnalyticsContext = (0, _analytics.withLinkCreateAnalyticsContext)( /*#__PURE__*/(0, _react.memo)(function (props) {
   return (0, _react2.jsx)(_experienceTracker.Experience, null, (0, _react2.jsx)(_errorBoundary.ErrorBoundary, null, (0, _react2.jsx)(_main.default, props)));
 }));

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

@@ -8,9 +8,7 @@ exports.default = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = require("react");
-var _react2 = require("@emotion/react");
+var _react = require("@emotion/react");
 var _primitives = require("@atlaskit/primitives");
 var _constants = require("../../common/constants");
 var _confirmDismissDialog = require("../../common/ui/confirm-dismiss-dialog");
@@ -24,6 +22,7 @@ var _formContext = require("../../controllers/form-context");
 var _pluginContext = require("../../controllers/plugin-context");
 var _inlineAnalytics = require("./inline-analytics");
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
 var InlineCreateContent = function InlineCreateContent(_ref) {
   var onCreate = _ref.onCreate,
@@ -35,61 +34,52 @@ var InlineCreateContent = function InlineCreateContent(_ref) {
     _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? _constants.DEFAULT_TEST_ID : _ref$testId;
   var _useExitWarningModal = (0, _exitWarningModalContext.useExitWarningModal)(),
-    getShouldShowWarning = _useExitWarningModal.getShouldShowWarning;
-  var _useState = (0, _react.useState)(false),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    showExitWarning = _useState2[0],
-    setShowExitWarning = _useState2[1];
+    withExitWarning = _useExitWarningModal.withExitWarning,
+    showExitWarning = _useExitWarningModal.showExitWarning,
+    setShowExitWarning = _useExitWarningModal.setShowExitWarning;
   var _useEditPostCreateMod = (0, _editPostCreateContext.useEditPostCreateModal)(),
     editViewPayload = _useEditPostCreateMod.editViewPayload;
   var _useLinkCreatePlugins = (0, _pluginContext.useLinkCreatePlugins)(),
     activePlugin = _useLinkCreatePlugins.activePlugin;
-  var handleCancel = (0, _react.useCallback)(function () {
-    if (getShouldShowWarning() && !showExitWarning) {
-      setShowExitWarning(true);
-      return;
-    }
-    onCancel === null || onCancel === void 0 || onCancel();
-  }, [onCancel, getShouldShowWarning, showExitWarning]);
-  var handleCloseExitWarning = (0, _react.useCallback)(function () {
+  var handleCloseExitWarning = function handleCloseExitWarning() {
     return setShowExitWarning(false);
-  }, []);
-  return (0, _react2.jsx)(_callbackContext.LinkCreateCallbackProvider, {
+  };
+  return (0, _react.jsx)(_callbackContext.LinkCreateCallbackProvider, {
     onCreate: onCreate,
     onFailure: onFailure,
-    onCancel: handleCancel
-  }, (0, _react2.jsx)(_errorBoundary.ErrorBoundary, null, (0, _react2.jsx)(_inlineAnalytics.InlineAnalytics, {
+    onCancel: withExitWarning(onCancel)
+  }, (0, _react.jsx)(_errorBoundary.ErrorBoundary, null, (0, _react.jsx)(_inlineAnalytics.InlineAnalytics, {
     screen: _constants.SCREEN_ID
-  }, (0, _react2.jsx)(_primitives.Box, {
+  }, (0, _react.jsx)(_primitives.Box, {
     testId: testId
-  }, (0, _react2.jsx)(_linkCreateContent.LinkCreateContent, {
+  }, (0, _react.jsx)(_linkCreateContent.LinkCreateContent, {
     plugins: plugins,
     entityKey: entityKey
-  })))), onComplete && (0, _react2.jsx)(_editModal.EditModal, {
+  })))), onComplete && (0, _react.jsx)(_editModal.EditModal, {
     onClose: onComplete,
     editViewPayload: editViewPayload,
     activePlugin: activePlugin
-  }), (0, _react2.jsx)(_confirmDismissDialog.ConfirmDismissDialog, {
+  }), (0, _react.jsx)(_confirmDismissDialog.ConfirmDismissDialog, {
     active: showExitWarning,
     onClose: handleCloseExitWarning,
     onCancel: onCancel
   }));
 };
 var InlineCreate = function InlineCreate(props) {
-  return (0, _react2.jsx)(_pluginContext.LinkCreatePluginsProvider, {
+  return (0, _react.jsx)(_pluginContext.LinkCreatePluginsProvider, {
     plugins: props.plugins,
     entityKey: props.entityKey
   }, function (pluginsProvider) {
-    return (0, _react2.jsx)(_editPostCreateContext.EditPostCreateModalProvider, {
+    return (0, _react.jsx)(_editPostCreateContext.EditPostCreateModalProvider, {
       active: true
     }, function (_ref2) {
       var _pluginsProvider$acti;
       var setEditViewPayload = _ref2.setEditViewPayload,
         shouldActivateEditView = _ref2.shouldActivateEditView,
         enableEditView = _ref2.enableEditView;
-      return (0, _react2.jsx)(_formContext.FormContextProvider, {
+      return (0, _react.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)(InlineCreateContent, (0, _extends2.default)({}, props, {
+      }, (0, _react.jsx)(InlineCreateContent, (0, _extends2.default)({}, props, {
         onCreate: ( /*#__PURE__*/function () {
           var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(payload) {
             var _props$onCreate;
@@ -119,7 +109,7 @@ var InlineCreate = function InlineCreate(props) {
             return _ref3.apply(this, arguments);
           };
         }())
-      }))));
+      })));
     });
   });
 };

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

@@ -19,6 +19,8 @@ var _en = _interopRequireDefault(require("../../i18n/en"));
 var _main = _interopRequireDefault(require("./main"));
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 var LinkCreateWithAnalyticsContext = (0, _analytics.withLinkCreateAnalyticsContext)( /*#__PURE__*/(0, _react.memo)(function (props) {
   return (0, _react2.jsx)(_experienceTracker.Experience, null, (0, _react2.jsx)(_errorBoundary.ErrorBoundary, {
     errorComponent: (0, _react2.jsx)(_errorBoundaryModal.ErrorBoundaryModal, {

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

@@ -8,7 +8,6 @@ exports.default = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = require("react");
 var _react2 = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
@@ -29,6 +28,8 @@ var _pluginContext = require("../../controllers/plugin-context");
 var _messages = require("./messages");
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 var LinkCreateWithModal = function LinkCreateWithModal(_ref) {
   var active = _ref.active,
     modalTitle = _ref.modalTitle,
@@ -45,33 +46,24 @@ var LinkCreateWithModal = function LinkCreateWithModal(_ref) {
     modalHero = _ref.modalHero;
   var intl = (0, _reactIntlNext.useIntl)();
   var _useExitWarningModal = (0, _exitWarningModalContext.useExitWarningModal)(),
-    getShouldShowWarning = _useExitWarningModal.getShouldShowWarning;
-  var _useState = (0, _react.useState)(false),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    showExitWarning = _useState2[0],
-    setShowExitWarning = _useState2[1];
+    withExitWarning = _useExitWarningModal.withExitWarning,
+    showExitWarning = _useExitWarningModal.showExitWarning,
+    setShowExitWarning = _useExitWarningModal.setShowExitWarning;
   var _useEditPostCreateMod = (0, _editPostCreateContext.useEditPostCreateModal)(),
     editViewPayload = _useEditPostCreateMod.editViewPayload;
   var _useLinkCreatePlugins = (0, _pluginContext.useLinkCreatePlugins)(),
     activePlugin = _useLinkCreatePlugins.activePlugin;
-  var handleCancel = (0, _react.useCallback)(function () {
-    if (getShouldShowWarning() && !showExitWarning) {
-      setShowExitWarning(true);
-      return;
-    }
-    onCancel === null || onCancel === void 0 || onCancel();
-  }, [onCancel, getShouldShowWarning, showExitWarning]);
-  var handleCloseExitWarning = (0, _react.useCallback)(function () {
+  var handleCloseExitWarning = function handleCloseExitWarning() {
     return setShowExitWarning(false);
-  }, []);
+  };
   return (0, _react2.jsx)(_callbackContext.LinkCreateCallbackProvider, {
     onCreate: onCreate,
     onFailure: onFailure,
-    onCancel: handleCancel
+    onCancel: withExitWarning(onCancel)
   }, (0, _react2.jsx)(_modalDialog.ModalTransition, null, active && (0, _react2.jsx)(_ModalDialog.Modal, {
     testId: "link-create-modal",
     screen: _constants.SCREEN_ID,
-    onClose: handleCancel,
+    onClose: withExitWarning(onCancel),
     shouldScrollInViewport: true,
     onOpenComplete: onOpenComplete,
     onCloseComplete: onCloseComplete,

package/dist/es2019/common/constants.js

@@ -7,7 +7,7 @@ export const CREATE_FORM_MIN_HEIGHT_IN_PX = '200';
 export const LINK_CREATE_FORM_POST_CREATE_FIELD = '__post_create__';
 export const PACKAGE_DATA = {
   packageName: "@atlaskit/link-create" || '',
-  packageVersion: "2.4.0" || '',
+  packageVersion: "2.5.0" || '',
   component: COMPONENT_NAME,
   componentName: COMPONENT_NAME
 };

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

@@ -1,4 +1,5 @@
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import Modal, { ModalBody, ModalTransition } from '@atlaskit/modal-dialog';
 import { CREATE_FORM_MAX_WIDTH_IN_PX } from '../../constants';

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

@@ -1,5 +1,6 @@
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 const WIDTH = 82;
 const errorStyles = css({

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

@@ -1,4 +1,5 @@
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { Field } from 'react-final-form';
 import { ErrorMessage, HelperMessage, Label, RequiredAsterisk } from '@atlaskit/form';

package/dist/es2019/controllers/exit-warning-modal-context/index.js

@@ -1,20 +1,36 @@
-import React, { createContext, useCallback, useContext, useMemo, useRef } from 'react';
+import React, { createContext, useCallback, useContext, useMemo, useRef, useState } from 'react';
 const ExitWarningModalContext = /*#__PURE__*/createContext({
   getShouldShowWarning: () => false,
-  setShouldShowWarning: () => {}
+  setShouldShowWarning: () => {},
+  showExitWarning: false,
+  setShowExitWarning: () => false,
+  withExitWarning: () => () => false
 });
 export const ExitWarningModalProvider = ({
   children
 }) => {
+  const [showExitWarning, setShowExitWarning] = useState(false);
   const shouldShowWarning = useRef(false);
   const getShouldShowWarning = useCallback(() => shouldShowWarning.current, []);
   const setShouldShowWarning = useCallback(show => {
     shouldShowWarning.current = show;
   }, []);
+  const withExitWarning = useCallback(callback => () => {
+    if (shouldShowWarning.current && !showExitWarning) {
+      setShowExitWarning(true);
+      return false;
+    }
+    setShowExitWarning(false);
+    callback === null || callback === void 0 ? void 0 : callback(true);
+    return true;
+  }, [showExitWarning]);
   const value = useMemo(() => ({
     getShouldShowWarning,
-    setShouldShowWarning
-  }), [getShouldShowWarning, setShouldShowWarning]);
+    setShouldShowWarning,
+    showExitWarning,
+    setShowExitWarning,
+    withExitWarning
+  }), [getShouldShowWarning, setShouldShowWarning, showExitWarning, setShowExitWarning, withExitWarning]);
   return /*#__PURE__*/React.createElement(ExitWarningModalContext.Provider, {
     value: value
   }, children);
@@ -25,4 +41,14 @@ export const useExitWarningModal = () => {
     throw new Error('useExitWarningModal used outside of ExitWarningModalProvider');
   }
   return value;
+};
+export const useWithExitWarning = () => {
+  const value = useContext(ExitWarningModalContext);
+  if (!value) {
+    throw new Error('useWithExitWarning used outside of ExitWarningModalProvider');
+  }
+  const {
+    withExitWarning
+  } = value;
+  return withExitWarning;
 };

package/dist/es2019/index.js

@@ -3,4 +3,5 @@ export { default, TextField, CreateForm, Select, AsyncSelect, CreateFormLoader,
 //InlineCreate,
 UserPicker } from './ui/index';
 export { useLinkCreateCallback, LinkCreateCallbackProvider } from './controllers/callback-context';
+export { ExitWarningModalProvider as LinkCreateExitWarningProvider, useWithExitWarning } from './controllers/exit-warning-modal-context';
 export { FORM_ERROR } from 'final-form';

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

@@ -1,6 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
 import { useEffect, useMemo, useState } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import debounce from 'debounce-promise';
 import { useForm } from 'react-final-form';

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

@@ -1,4 +1,5 @@
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { useIntl } from 'react-intl-next';
 import { ButtonGroup } from '@atlaskit/button';

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

@@ -1,4 +1,5 @@
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import Spinner from '@atlaskit/spinner';
 import { CREATE_FORM_MIN_HEIGHT_IN_PX } from '../../../common/constants';
@@ -6,6 +7,7 @@ const formLoaderStyles = css({
   display: `flex`,
   alignItems: `center`,
   justifyContent: `center`,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   minHeight: `${CREATE_FORM_MIN_HEIGHT_IN_PX}px`
 });
 

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

@@ -1,5 +1,7 @@
 /** @jsx jsx */
 import { useCallback } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { FORM_ERROR } from 'final-form';
 import { Form, FormSpy } from 'react-final-form';
@@ -14,6 +16,7 @@ import { useFormContext } from '../../controllers/form-context';
 import { CreateFormFooter } from './form-footer';
 import { CreateFormLoader } from './form-loader';
 const formStyles = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   maxWidth: `${CREATE_FORM_MAX_WIDTH_IN_PX}px`,
   padding: `0 0 ${"var(--ds-space-300, 24px)"} 0`,
   margin: `${"var(--ds-space-0, 0px)"} auto`

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

@@ -1,6 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import AkSelect from '@atlaskit/select';
 import { CreateField } from '../../../controllers/create-field';

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

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import AkTextfield from '@atlaskit/textfield';
 import { CreateField } from '../../../controllers/create-field';

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

@@ -1,4 +1,5 @@
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import SmartUserPicker from '@atlaskit/smart-user-picker';
 import { CreateField } from '../../../controllers/create-field';

package/dist/es2019/ui/inline-create/index.js

@@ -1,5 +1,7 @@
 /** @jsx jsx */
 import { memo } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { AnalyticsContext } from '@atlaskit/analytics-next';
 import { IntlMessagesProvider } from '@atlaskit/intl-messages-provider';