@atlaskit/link-create 2.14.0 → 2.15.1

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

@@ -0,0 +1,120 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+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 _react = require("@emotion/react");
+var _primitives = require("@atlaskit/primitives");
+var _constants = require("../../../common/constants");
+var _confirmDismissDialog = require("../../../common/ui/confirm-dismiss-dialog");
+var _editModal = require("../../../common/ui/edit-modal");
+var _errorBoundary = require("../../../common/ui/error-boundary");
+var _linkCreateContent = require("../../../common/ui/link-create-content");
+var _callbackContext = require("../../../controllers/callback-context");
+var _editPostCreateContext = require("../../../controllers/edit-post-create-context");
+var _exitWarningModalContext = require("../../../controllers/exit-warning-modal-context");
+var _formContext = require("../../../controllers/form-context");
+var _pluginContext = require("../../../controllers/plugin-context");
+var _inlineAnalytics = require("../inline-analytics");
+/* eslint-disable @atlassian/tangerine/import/no-parent-imports */
+/**
+ * @jsxRuntime classic
+ * @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,
+    onFailure = _ref.onFailure,
+    onCancel = _ref.onCancel,
+    onComplete = _ref.onComplete,
+    plugins = _ref.plugins,
+    entityKey = _ref.entityKey,
+    _ref$testId = _ref.testId,
+    testId = _ref$testId === void 0 ? _constants.DEFAULT_TEST_ID : _ref$testId;
+  var _useExitWarningModal = (0, _exitWarningModalContext.useExitWarningModal)(),
+    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 handleCloseExitWarning = function handleCloseExitWarning() {
+    return setShowExitWarning(false);
+  };
+  return (0, _react.jsx)(_callbackContext.LinkCreateCallbackProvider, {
+    onCreate: onCreate,
+    onFailure: onFailure,
+    onCancel: withExitWarning(onCancel)
+  }, (0, _react.jsx)(_errorBoundary.ErrorBoundary, null, (0, _react.jsx)(_inlineAnalytics.InlineAnalytics, {
+    screen: _constants.SCREEN_ID
+  }, (0, _react.jsx)(_primitives.Box, {
+    testId: testId
+  }, (0, _react.jsx)(_linkCreateContent.LinkCreateContent, {
+    plugins: plugins,
+    entityKey: entityKey
+  })))), onComplete && (0, _react.jsx)(_editModal.EditModal, {
+    onClose: onComplete,
+    editViewPayload: editViewPayload,
+    activePlugin: activePlugin
+  }), (0, _react.jsx)(_confirmDismissDialog.ConfirmDismissDialog, {
+    active: showExitWarning,
+    onClose: handleCloseExitWarning,
+    onCancel: onCancel
+  }));
+};
+var InlineCreateOld = function InlineCreateOld(props) {
+  return (0, _react.jsx)(_pluginContext.LinkCreatePluginsProvider, {
+    plugins: props.plugins,
+    entityKey: props.entityKey
+  }, function (pluginsProvider) {
+    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, _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, _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;
+            return _regenerator.default.wrap(function _callee$(_context) {
+              while (1) switch (_context.prev = _context.next) {
+                case 0:
+                  _context.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 _context.stop();
+              }
+            }, _callee);
+          }));
+          return function (_x) {
+            return _ref3.apply(this, arguments);
+          };
+        }())
+      })));
+    });
+  });
+};
+var _default = exports.default = InlineCreateOld;

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

@@ -1,14 +1,15 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
-var _react2 = require("@emotion/react");
+var _react = _interopRequireWildcard(require("react"));
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _intlMessagesProvider = require("@atlaskit/intl-messages-provider");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _constants = require("../../common/constants");
 var _errorBoundary = require("../../common/ui/error-boundary");
 var _errorBoundaryModal = require("../../common/ui/error-boundary-modal");
@@ -17,27 +18,29 @@ var _analytics = require("../../common/utils/analytics");
 var _fetchMessagesForLocale = require("../../common/utils/locale/fetch-messages-for-locale");
 var _en = _interopRequireDefault(require("../../i18n/en"));
 var _main = _interopRequireDefault(require("./main"));
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
+var _old = _interopRequireDefault(require("./old"));
+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 && {}.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; }
 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, {
+  return /*#__PURE__*/_react.default.createElement(_experienceTracker.Experience, null, /*#__PURE__*/_react.default.createElement(_errorBoundary.ErrorBoundary, {
+    errorComponent: /*#__PURE__*/_react.default.createElement(_errorBoundaryModal.ErrorBoundaryModal, {
       active: props.active,
       onClose: props.onCancel
     })
-  }, (0, _react2.jsx)(_main.default, props)));
+  }, /*#__PURE__*/_react.default.createElement(_main.default, props)));
 }));
-var ComposedLinkCreate = /*#__PURE__*/(0, _react.memo)(function (props) {
-  return (0, _react2.jsx)(_analyticsNext.AnalyticsContext, {
+var ComposedLinkCreateNew = /*#__PURE__*/(0, _react.memo)(function (props) {
+  return /*#__PURE__*/_react.default.createElement(_analyticsNext.AnalyticsContext, {
     data: _constants.PACKAGE_DATA
-  }, (0, _react2.jsx)(_intlMessagesProvider.IntlMessagesProvider, {
+  }, /*#__PURE__*/_react.default.createElement(_intlMessagesProvider.IntlMessagesProvider, {
     defaultMessages: _en.default,
     loaderFn: _fetchMessagesForLocale.fetchMessagesForLocale
-  }, (0, _react2.jsx)(LinkCreateWithAnalyticsContext, props)));
+  }, /*#__PURE__*/_react.default.createElement(LinkCreateWithAnalyticsContext, props)));
+});
+var ComposedLinkCreate = /*#__PURE__*/(0, _react.memo)(function (props) {
+  if ((0, _platformFeatureFlags.fg)('platform_bandicoots-link-create-css')) {
+    return /*#__PURE__*/_react.default.createElement(ComposedLinkCreateNew, props);
+  }
+  return /*#__PURE__*/_react.default.createElement(_old.default, props);
 });
 var _default = exports.default = ComposedLinkCreate;

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

@@ -1,6 +1,7 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -8,12 +9,12 @@ 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 _react = require("react");
-var _react2 = require("@emotion/react");
+var _react = _interopRequireWildcard(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _layering = require("@atlaskit/layering");
 var _modalDialog = require("@atlaskit/modal-dialog");
-var _primitives = require("@atlaskit/primitives");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _compiled = require("@atlaskit/primitives/compiled");
 var _constants = require("../../common/constants");
 var _confirmDismissDialog = require("../../common/ui/confirm-dismiss-dialog");
 var _editModal = require("../../common/ui/edit-modal");
@@ -27,13 +28,9 @@ var _exitWarningModalContext = require("../../controllers/exit-warning-modal-con
 var _formContext = require("../../controllers/form-context");
 var _pluginContext = require("../../controllers/plugin-context");
 var _messages = require("./messages");
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
+var _main = _interopRequireDefault(require("./old/main"));
+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 && {}.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; }
 var LinkCreateWithModal = function LinkCreateWithModal(_ref) {
   var active = _ref.active,
     modalTitle = _ref.modalTitle,
@@ -60,11 +57,11 @@ var LinkCreateWithModal = function LinkCreateWithModal(_ref) {
   var handleCloseExitWarning = function handleCloseExitWarning() {
     return setShowExitWarning(false);
   };
-  return (0, _react2.jsx)(_callbackContext.LinkCreateCallbackProvider, {
+  return /*#__PURE__*/_react.default.createElement(_callbackContext.LinkCreateCallbackProvider, {
     onCreate: onCreate,
     onFailure: onFailure,
     onCancel: withExitWarning(onCancel)
-  }, (0, _react2.jsx)(_modalDialog.ModalTransition, null, active && (0, _react2.jsx)(_ModalDialog.Modal, {
+  }, /*#__PURE__*/_react.default.createElement(_modalDialog.ModalTransition, null, active && /*#__PURE__*/_react.default.createElement(_ModalDialog.Modal, {
     testId: "link-create-modal",
     screen: _constants.SCREEN_ID,
     onClose: withExitWarning(onCancel),
@@ -72,27 +69,27 @@ var LinkCreateWithModal = function LinkCreateWithModal(_ref) {
     onOpenComplete: onOpenComplete,
     onCloseComplete: onCloseComplete,
     width: "".concat(_constants.CREATE_FORM_MAX_WIDTH_IN_PX, "px")
-  }, (0, _react2.jsx)(_modalHero.ModalHero, {
+  }, /*#__PURE__*/_react.default.createElement(_modalHero.ModalHero, {
     hero: modalHero
-  }), (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)(_primitives.Box, {
+  }), /*#__PURE__*/_react.default.createElement(_modalDialog.ModalHeader, null, /*#__PURE__*/_react.default.createElement(_modalDialog.ModalTitle, null, modalTitle || intl.formatMessage(_messages.messages.heading))), /*#__PURE__*/_react.default.createElement(_modalDialog.ModalBody, null, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
     testId: testId
-  }, (0, _react2.jsx)(_errorBoundary.ErrorBoundary, null, (0, _react2.jsx)(_linkCreateContent.LinkCreateContent, {
+  }, /*#__PURE__*/_react.default.createElement(_errorBoundary.ErrorBoundary, null, /*#__PURE__*/_react.default.createElement(_linkCreateContent.LinkCreateContent, {
     plugins: plugins,
     entityKey: entityKey
-  })))))), onComplete && (0, _react2.jsx)(_editModal.EditModal, {
+  })))))), onComplete && /*#__PURE__*/_react.default.createElement(_editModal.EditModal, {
     onCloseComplete: onCloseComplete,
     onClose: onComplete,
     editViewPayload: editViewPayload,
     activePlugin: activePlugin
-  }), (0, _react2.jsx)(_layering.Layering, {
+  }), /*#__PURE__*/_react.default.createElement(_layering.Layering, {
     isDisabled: false
-  }, (0, _react2.jsx)(_confirmDismissDialog.ConfirmDismissDialog, {
+  }, /*#__PURE__*/_react.default.createElement(_confirmDismissDialog.ConfirmDismissDialog, {
     active: showExitWarning,
     onClose: handleCloseExitWarning,
     onCancel: onCancel
   })));
 };
-var LinkCreateModal = function LinkCreateModal(props) {
+var LinkCreateModalNew = function LinkCreateModalNew(props) {
   var shouldCallCloseComplete = (0, _react.useRef)(!props.active);
 
   // modal calls onCloseComplete in a useEffect(), so we can track whether
@@ -102,11 +99,11 @@ var LinkCreateModal = function LinkCreateModal(props) {
     // onCloseComplete should only be called when it is not active
     shouldCallCloseComplete.current = !props.active;
   }, [props.active]);
-  return (0, _react2.jsx)(_pluginContext.LinkCreatePluginsProvider, {
+  return /*#__PURE__*/_react.default.createElement(_pluginContext.LinkCreatePluginsProvider, {
     plugins: props.plugins,
     entityKey: props.entityKey
   }, function (pluginsProvider) {
-    return (0, _react2.jsx)(_editPostCreateContext.EditPostCreateModalProvider, {
+    return /*#__PURE__*/_react.default.createElement(_editPostCreateContext.EditPostCreateModalProvider, {
       active: !!props.active
     }, function (_ref2) {
       var _pluginsProvider$acti;
@@ -114,9 +111,9 @@ var LinkCreateModal = function LinkCreateModal(props) {
         editViewPayload = _ref2.editViewPayload,
         shouldActivateEditView = _ref2.shouldActivateEditView,
         enableEditView = _ref2.enableEditView;
-      return (0, _react2.jsx)(_formContext.FormContextProvider, {
+      return /*#__PURE__*/_react.default.createElement(_formContext.FormContextProvider, {
         enableEditView: pluginsProvider !== null && pluginsProvider !== void 0 && (_pluginsProvider$acti = pluginsProvider.activePlugin) !== null && _pluginsProvider$acti !== void 0 && _pluginsProvider$acti.editView && props !== null && props !== void 0 && props.onComplete ? enableEditView : undefined
-      }, (0, _react2.jsx)(_exitWarningModalContext.ExitWarningModalProvider, null, (0, _react2.jsx)(LinkCreateWithModal, (0, _extends2.default)({}, props, {
+      }, /*#__PURE__*/_react.default.createElement(_exitWarningModalContext.ExitWarningModalProvider, null, /*#__PURE__*/_react.default.createElement(LinkCreateWithModal, (0, _extends2.default)({}, props, {
         active: props.active && !editViewPayload,
         onCreate: ( /*#__PURE__*/function () {
           var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(payload) {
@@ -160,4 +157,10 @@ var LinkCreateModal = function LinkCreateModal(props) {
     });
   });
 };
+var LinkCreateModal = function LinkCreateModal(props) {
+  if ((0, _platformFeatureFlags.fg)('platform_bandicoots-link-create-css')) {
+    return /*#__PURE__*/_react.default.createElement(LinkCreateModalNew, props);
+  }
+  return /*#__PURE__*/_react.default.createElement(_main.default, props);
+};
 var _default = exports.default = LinkCreateModal;

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

@@ -0,0 +1,44 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var _react2 = require("@emotion/react");
+var _analyticsNext = require("@atlaskit/analytics-next");
+var _intlMessagesProvider = require("@atlaskit/intl-messages-provider");
+var _constants = require("../../../common/constants");
+var _errorBoundary = require("../../../common/ui/error-boundary");
+var _errorBoundaryModal = require("../../../common/ui/error-boundary-modal");
+var _experienceTracker = require("../../../common/ui/experience-tracker");
+var _analytics = require("../../../common/utils/analytics");
+var _fetchMessagesForLocale = require("../../../common/utils/locale/fetch-messages-for-locale");
+var _en = _interopRequireDefault(require("../../../i18n/en"));
+var _main = _interopRequireDefault(require("../main"));
+/* eslint-disable @atlassian/tangerine/import/no-parent-imports */
+/**
+ * @jsxRuntime classic
+ * @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, {
+      active: props.active,
+      onClose: props.onCancel
+    })
+  }, (0, _react2.jsx)(_main.default, props)));
+}));
+var ComposedLinkCreateOld = /*#__PURE__*/(0, _react.memo)(function (props) {
+  return (0, _react2.jsx)(_analyticsNext.AnalyticsContext, {
+    data: _constants.PACKAGE_DATA
+  }, (0, _react2.jsx)(_intlMessagesProvider.IntlMessagesProvider, {
+    defaultMessages: _en.default,
+    loaderFn: _fetchMessagesForLocale.fetchMessagesForLocale
+  }, (0, _react2.jsx)(LinkCreateWithAnalyticsContext, props)));
+});
+var _default = exports.default = ComposedLinkCreateOld;

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

@@ -0,0 +1,164 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+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 _react = require("react");
+var _react2 = require("@emotion/react");
+var _reactIntlNext = require("react-intl-next");
+var _layering = require("@atlaskit/layering");
+var _modalDialog = require("@atlaskit/modal-dialog");
+var _primitives = require("@atlaskit/primitives");
+var _constants = require("../../../common/constants");
+var _confirmDismissDialog = require("../../../common/ui/confirm-dismiss-dialog");
+var _editModal = require("../../../common/ui/edit-modal");
+var _errorBoundary = require("../../../common/ui/error-boundary");
+var _linkCreateContent = require("../../../common/ui/link-create-content");
+var _modalHero = require("../../../common/ui/modal-hero");
+var _ModalDialog = require("../../../common/ui/ModalDialog");
+var _callbackContext = require("../../../controllers/callback-context");
+var _editPostCreateContext = require("../../../controllers/edit-post-create-context");
+var _exitWarningModalContext = require("../../../controllers/exit-warning-modal-context");
+var _formContext = require("../../../controllers/form-context");
+var _pluginContext = require("../../../controllers/plugin-context");
+var _messages = require("../messages");
+/* eslint-disable @atlassian/tangerine/import/no-parent-imports */
+/**
+ * @jsxRuntime classic
+ * @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,
+    onCreate = _ref.onCreate,
+    onFailure = _ref.onFailure,
+    onCancel = _ref.onCancel,
+    onComplete = _ref.onComplete,
+    onOpenComplete = _ref.onOpenComplete,
+    onCloseComplete = _ref.onCloseComplete,
+    _ref$testId = _ref.testId,
+    testId = _ref$testId === void 0 ? _constants.DEFAULT_TEST_ID : _ref$testId,
+    plugins = _ref.plugins,
+    entityKey = _ref.entityKey,
+    modalHero = _ref.modalHero;
+  var intl = (0, _reactIntlNext.useIntl)();
+  var _useExitWarningModal = (0, _exitWarningModalContext.useExitWarningModal)(),
+    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 handleCloseExitWarning = function handleCloseExitWarning() {
+    return setShowExitWarning(false);
+  };
+  return (0, _react2.jsx)(_callbackContext.LinkCreateCallbackProvider, {
+    onCreate: onCreate,
+    onFailure: onFailure,
+    onCancel: withExitWarning(onCancel)
+  }, (0, _react2.jsx)(_modalDialog.ModalTransition, null, active && (0, _react2.jsx)(_ModalDialog.Modal, {
+    testId: "link-create-modal",
+    screen: _constants.SCREEN_ID,
+    onClose: withExitWarning(onCancel),
+    shouldScrollInViewport: true,
+    onOpenComplete: onOpenComplete,
+    onCloseComplete: onCloseComplete,
+    width: "".concat(_constants.CREATE_FORM_MAX_WIDTH_IN_PX, "px")
+  }, (0, _react2.jsx)(_modalHero.ModalHero, {
+    hero: modalHero
+  }), (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)(_primitives.Box, {
+    testId: testId
+  }, (0, _react2.jsx)(_errorBoundary.ErrorBoundary, null, (0, _react2.jsx)(_linkCreateContent.LinkCreateContent, {
+    plugins: plugins,
+    entityKey: entityKey
+  })))))), onComplete && (0, _react2.jsx)(_editModal.EditModal, {
+    onCloseComplete: onCloseComplete,
+    onClose: onComplete,
+    editViewPayload: editViewPayload,
+    activePlugin: activePlugin
+  }), (0, _react2.jsx)(_layering.Layering, {
+    isDisabled: false
+  }, (0, _react2.jsx)(_confirmDismissDialog.ConfirmDismissDialog, {
+    active: showExitWarning,
+    onClose: handleCloseExitWarning,
+    onCancel: onCancel
+  })));
+};
+var LinkCreateModalOld = function LinkCreateModalOld(props) {
+  var shouldCallCloseComplete = (0, _react.useRef)(!props.active);
+
+  // modal calls onCloseComplete in a useEffect(), so we can track whether
+  // or not we should execute it based on the active prop in a
+  // useLayoutEffect() which will be run before child useEffect()s
+  (0, _react.useLayoutEffect)(function () {
+    // onCloseComplete should only be called when it is not active
+    shouldCallCloseComplete.current = !props.active;
+  }, [props.active]);
+  return (0, _react2.jsx)(_pluginContext.LinkCreatePluginsProvider, {
+    plugins: props.plugins,
+    entityKey: props.entityKey
+  }, function (pluginsProvider) {
+    return (0, _react2.jsx)(_editPostCreateContext.EditPostCreateModalProvider, {
+      active: !!props.active
+    }, function (_ref2) {
+      var _pluginsProvider$acti;
+      var setEditViewPayload = _ref2.setEditViewPayload,
+        editViewPayload = _ref2.editViewPayload,
+        shouldActivateEditView = _ref2.shouldActivateEditView,
+        enableEditView = _ref2.enableEditView;
+      return (0, _react2.jsx)(_formContext.FormContextProvider, {
+        enableEditView: pluginsProvider !== null && pluginsProvider !== void 0 && (_pluginsProvider$acti = pluginsProvider.activePlugin) !== null && _pluginsProvider$acti !== void 0 && _pluginsProvider$acti.editView && props !== null && props !== void 0 && props.onComplete ? enableEditView : undefined
+      }, (0, _react2.jsx)(_exitWarningModalContext.ExitWarningModalProvider, null, (0, _react2.jsx)(LinkCreateWithModal, (0, _extends2.default)({}, props, {
+        active: props.active && !editViewPayload,
+        onCreate: ( /*#__PURE__*/function () {
+          var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(payload) {
+            var _props$onCreate;
+            return _regenerator.default.wrap(function _callee$(_context) {
+              while (1) switch (_context.prev = _context.next) {
+                case 0:
+                  _context.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 _context.stop();
+              }
+            }, _callee);
+          }));
+          return function (_x) {
+            return _ref3.apply(this, arguments);
+          };
+        }()),
+        onCloseComplete: function onCloseComplete() {
+          if (shouldCallCloseComplete.current) {
+            var _props$onCloseComplet;
+            for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+              args[_key] = arguments[_key];
+            }
+            (_props$onCloseComplet = props.onCloseComplete) === null || _props$onCloseComplet === void 0 || _props$onCloseComplet.call.apply(_props$onCloseComplet, [props].concat(args));
+          }
+        }
+      }))));
+    });
+  });
+};
+var _default = exports.default = LinkCreateModalOld;

package/dist/es2019/common/constants.js

@@ -3,11 +3,14 @@ export const COMPONENT_NAME = 'linkCreate';
 export const SCREEN_ID = 'linkCreateScreen';
 export const DEFAULT_TEST_ID = 'link-create';
 export const CREATE_FORM_MAX_WIDTH_IN_PX = '480';
+/**
+ * @deprecated Remove on FF clean up platform_bandicoots-link-create-css
+ */
 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.14.0" || '',
+  packageVersion: "2.15.1" || '',
   component: COMPONENT_NAME,
   componentName: COMPONENT_NAME
 };

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

@@ -1,26 +1,29 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
+import React from 'react';
 import Modal, { ModalBody, ModalTransition } from '@atlaskit/modal-dialog';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { CREATE_FORM_MAX_WIDTH_IN_PX } from '../../constants';
 import { ErrorBoundaryUI } from '../error-boundary-ui';
+import { ErrorBoundaryModalOld } from './old';
 
 /**
  * ErrorBoundaryModal props are the same as those passed to LinkCreate, which
  * are used to control its active state
  */
 
-export const ErrorBoundaryModal = ({
+const ErrorBoundaryModalNew = ({
   active,
   onClose
 }) => {
-  return jsx(ModalTransition, null, active && jsx(Modal, {
+  return /*#__PURE__*/React.createElement(ModalTransition, null, active && /*#__PURE__*/React.createElement(Modal, {
     testId: "link-create-error-boundary-modal",
     onClose: onClose,
     shouldScrollInViewport: true,
     width: `${CREATE_FORM_MAX_WIDTH_IN_PX}px`
-  }, jsx(ModalBody, null, jsx(ErrorBoundaryUI, null))));
+  }, /*#__PURE__*/React.createElement(ModalBody, null, /*#__PURE__*/React.createElement(ErrorBoundaryUI, null))));
+};
+export const ErrorBoundaryModal = props => {
+  if (fg('platform_bandicoots-link-create-css')) {
+    return /*#__PURE__*/React.createElement(ErrorBoundaryModalNew, props);
+  }
+  return /*#__PURE__*/React.createElement(ErrorBoundaryModalOld, props);
 };

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

@@ -0,0 +1,26 @@
+/**
+ * @jsxRuntime classic
+ * @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';
+import { ErrorBoundaryUI } from '../../error-boundary-ui';
+
+/**
+ * ErrorBoundaryModal props are the same as those passed to LinkCreate, which
+ * are used to control its active state
+ */
+
+export const ErrorBoundaryModalOld = ({
+  active,
+  onClose
+}) => {
+  return jsx(ModalTransition, null, active && jsx(Modal, {
+    testId: "link-create-error-boundary-modal",
+    onClose: onClose,
+    shouldScrollInViewport: true,
+    width: `${CREATE_FORM_MAX_WIDTH_IN_PX}px`
+  }, jsx(ModalBody, null, jsx(ErrorBoundaryUI, null))));
+};

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

@@ -0,0 +1,6 @@
+._18u01wug{margin-left:auto}
+._19pkidpf{margin-top:0}
+._1bsb12cx{width:82px}
+._1e0c1ule{display:block}
+._2hwx1wug{margin-right:auto}
+._otyr1ejb{margin-bottom:var(--ds-space-300,24px)}