@atlaskit/link-create 2.13.20 → 2.15.0

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

@@ -1,13 +1,7 @@
-/**
- * @jsxRuntime classic
- * @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 React, { memo } from 'react';
 import { AnalyticsContext } from '@atlaskit/analytics-next';
 import { IntlMessagesProvider } from '@atlaskit/intl-messages-provider';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { PACKAGE_DATA } from '../../common/constants';
 import { ErrorBoundary } from '../../common/ui/error-boundary';
 import { Experience } from '../../common/ui/experience-tracker';
@@ -15,15 +9,22 @@ import { withLinkCreateAnalyticsContext } from '../../common/utils/analytics';
 import { fetchMessagesForLocale } from '../../common/utils/locale/fetch-messages-for-locale';
 import i18nEN from '../../i18n/en';
 import InlineCreate from './main';
+import ComposedLinkCreateOld from './old';
 var LinkCreateWithAnalyticsContext = withLinkCreateAnalyticsContext( /*#__PURE__*/memo(function (props) {
-  return jsx(Experience, null, jsx(ErrorBoundary, null, jsx(InlineCreate, props)));
+  return /*#__PURE__*/React.createElement(Experience, null, /*#__PURE__*/React.createElement(ErrorBoundary, null, /*#__PURE__*/React.createElement(InlineCreate, props)));
 }));
-var ComposedLinkCreate = /*#__PURE__*/memo(function (props) {
-  return jsx(AnalyticsContext, {
+var ComposedLinkCreateNew = /*#__PURE__*/memo(function (props) {
+  return /*#__PURE__*/React.createElement(AnalyticsContext, {
     data: PACKAGE_DATA
-  }, jsx(IntlMessagesProvider, {
+  }, /*#__PURE__*/React.createElement(IntlMessagesProvider, {
     defaultMessages: i18nEN,
     loaderFn: fetchMessagesForLocale
-  }, jsx(LinkCreateWithAnalyticsContext, props)));
+  }, /*#__PURE__*/React.createElement(LinkCreateWithAnalyticsContext, props)));
+});
+var ComposedLinkCreate = /*#__PURE__*/memo(function (props) {
+  if (fg('platform_bandicoots-link-create-css')) {
+    return /*#__PURE__*/React.createElement(ComposedLinkCreateNew, props);
+  }
+  return /*#__PURE__*/React.createElement(ComposedLinkCreateOld, props);
 });
 export default ComposedLinkCreate;

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

@@ -1,13 +1,9 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
-/**
- * @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 { Box } from '@atlaskit/primitives';
+import React from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { Box } from '@atlaskit/primitives/compiled';
 import { DEFAULT_TEST_ID, SCREEN_ID } from '../../common/constants';
 import { ConfirmDismissDialog } from '../../common/ui/confirm-dismiss-dialog';
 import { EditModal } from '../../common/ui/edit-modal';
@@ -19,6 +15,7 @@ import { useExitWarningModal } from '../../controllers/exit-warning-modal-contex
 import { FormContextProvider } from '../../controllers/form-context';
 import { LinkCreatePluginsProvider, useLinkCreatePlugins } from '../../controllers/plugin-context';
 import { InlineAnalytics } from './inline-analytics';
+import InlineCreateOld from './old/main';
 var InlineCreateContent = function InlineCreateContent(_ref) {
   var onCreate = _ref.onCreate,
     onFailure = _ref.onFailure,
@@ -39,42 +36,42 @@ var InlineCreateContent = function InlineCreateContent(_ref) {
   var handleCloseExitWarning = function handleCloseExitWarning() {
     return setShowExitWarning(false);
   };
-  return jsx(LinkCreateCallbackProvider, {
+  return /*#__PURE__*/React.createElement(LinkCreateCallbackProvider, {
     onCreate: onCreate,
     onFailure: onFailure,
     onCancel: withExitWarning(onCancel)
-  }, jsx(ErrorBoundary, null, jsx(InlineAnalytics, {
+  }, /*#__PURE__*/React.createElement(ErrorBoundary, null, /*#__PURE__*/React.createElement(InlineAnalytics, {
     screen: SCREEN_ID
-  }, jsx(Box, {
+  }, /*#__PURE__*/React.createElement(Box, {
     testId: testId
-  }, jsx(LinkCreateContent, {
+  }, /*#__PURE__*/React.createElement(LinkCreateContent, {
     plugins: plugins,
     entityKey: entityKey
-  })))), onComplete && jsx(EditModal, {
+  })))), onComplete && /*#__PURE__*/React.createElement(EditModal, {
     onClose: onComplete,
     editViewPayload: editViewPayload,
     activePlugin: activePlugin
-  }), jsx(ConfirmDismissDialog, {
+  }), /*#__PURE__*/React.createElement(ConfirmDismissDialog, {
     active: showExitWarning,
     onClose: handleCloseExitWarning,
     onCancel: onCancel
   }));
 };
-var InlineCreate = function InlineCreate(props) {
-  return jsx(LinkCreatePluginsProvider, {
+var InlineCreateNew = function InlineCreateNew(props) {
+  return /*#__PURE__*/React.createElement(LinkCreatePluginsProvider, {
     plugins: props.plugins,
     entityKey: props.entityKey
   }, function (pluginsProvider) {
-    return jsx(EditPostCreateModalProvider, {
+    return /*#__PURE__*/React.createElement(EditPostCreateModalProvider, {
       active: true
     }, function (_ref2) {
       var _pluginsProvider$acti;
       var setEditViewPayload = _ref2.setEditViewPayload,
         shouldActivateEditView = _ref2.shouldActivateEditView,
         enableEditView = _ref2.enableEditView;
-      return jsx(FormContextProvider, {
+      return /*#__PURE__*/React.createElement(FormContextProvider, {
         enableEditView: pluginsProvider !== null && pluginsProvider !== void 0 && (_pluginsProvider$acti = pluginsProvider.activePlugin) !== null && _pluginsProvider$acti !== void 0 && _pluginsProvider$acti.editView && props !== null && props !== void 0 && props.onComplete ? enableEditView : undefined
-      }, jsx(InlineCreateContent, _extends({}, props, {
+      }, /*#__PURE__*/React.createElement(InlineCreateContent, _extends({}, props, {
         onCreate: ( /*#__PURE__*/function () {
           var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(payload) {
             var _props$onCreate;
@@ -108,4 +105,10 @@ var InlineCreate = function InlineCreate(props) {
     });
   });
 };
+var InlineCreate = function InlineCreate(props) {
+  if (fg('platform_bandicoots-link-create-css')) {
+    return /*#__PURE__*/React.createElement(InlineCreateNew, props);
+  }
+  return /*#__PURE__*/React.createElement(InlineCreateOld, props);
+};
 export default InlineCreate;

package/dist/esm/ui/inline-create/old/index.js

@@ -0,0 +1,30 @@
+/* eslint-disable @atlassian/tangerine/import/no-parent-imports */
+/**
+ * @jsxRuntime classic
+ * @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';
+import { PACKAGE_DATA } from '../../../common/constants';
+import { ErrorBoundary } from '../../../common/ui/error-boundary';
+import { Experience } from '../../../common/ui/experience-tracker';
+import { withLinkCreateAnalyticsContext } from '../../../common/utils/analytics';
+import { fetchMessagesForLocale } from '../../../common/utils/locale/fetch-messages-for-locale';
+import i18nEN from '../../../i18n/en';
+import InlineCreate from '../main';
+var LinkCreateWithAnalyticsContext = withLinkCreateAnalyticsContext( /*#__PURE__*/memo(function (props) {
+  return jsx(Experience, null, jsx(ErrorBoundary, null, jsx(InlineCreate, props)));
+}));
+var ComposedLinkCreateOld = /*#__PURE__*/memo(function (props) {
+  return jsx(AnalyticsContext, {
+    data: PACKAGE_DATA
+  }, jsx(IntlMessagesProvider, {
+    defaultMessages: i18nEN,
+    loaderFn: fetchMessagesForLocale
+  }, jsx(LinkCreateWithAnalyticsContext, props)));
+});
+export default ComposedLinkCreateOld;

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

@@ -0,0 +1,112 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+/* 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
+import { jsx } from '@emotion/react';
+import { Box } from '@atlaskit/primitives';
+import { DEFAULT_TEST_ID, SCREEN_ID } from '../../../common/constants';
+import { ConfirmDismissDialog } from '../../../common/ui/confirm-dismiss-dialog';
+import { EditModal } from '../../../common/ui/edit-modal';
+import { ErrorBoundary } from '../../../common/ui/error-boundary';
+import { LinkCreateContent } from '../../../common/ui/link-create-content';
+import { LinkCreateCallbackProvider } from '../../../controllers/callback-context';
+import { EditPostCreateModalProvider, useEditPostCreateModal } from '../../../controllers/edit-post-create-context';
+import { useExitWarningModal } from '../../../controllers/exit-warning-modal-context';
+import { FormContextProvider } from '../../../controllers/form-context';
+import { LinkCreatePluginsProvider, useLinkCreatePlugins } from '../../../controllers/plugin-context';
+import { InlineAnalytics } from '../inline-analytics';
+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 ? DEFAULT_TEST_ID : _ref$testId;
+  var _useExitWarningModal = useExitWarningModal(),
+    withExitWarning = _useExitWarningModal.withExitWarning,
+    showExitWarning = _useExitWarningModal.showExitWarning,
+    setShowExitWarning = _useExitWarningModal.setShowExitWarning;
+  var _useEditPostCreateMod = useEditPostCreateModal(),
+    editViewPayload = _useEditPostCreateMod.editViewPayload;
+  var _useLinkCreatePlugins = useLinkCreatePlugins(),
+    activePlugin = _useLinkCreatePlugins.activePlugin;
+  var handleCloseExitWarning = function handleCloseExitWarning() {
+    return setShowExitWarning(false);
+  };
+  return jsx(LinkCreateCallbackProvider, {
+    onCreate: onCreate,
+    onFailure: onFailure,
+    onCancel: withExitWarning(onCancel)
+  }, jsx(ErrorBoundary, null, jsx(InlineAnalytics, {
+    screen: SCREEN_ID
+  }, jsx(Box, {
+    testId: testId
+  }, jsx(LinkCreateContent, {
+    plugins: plugins,
+    entityKey: entityKey
+  })))), onComplete && jsx(EditModal, {
+    onClose: onComplete,
+    editViewPayload: editViewPayload,
+    activePlugin: activePlugin
+  }), jsx(ConfirmDismissDialog, {
+    active: showExitWarning,
+    onClose: handleCloseExitWarning,
+    onCancel: onCancel
+  }));
+};
+var InlineCreateOld = function InlineCreateOld(props) {
+  return jsx(LinkCreatePluginsProvider, {
+    plugins: props.plugins,
+    entityKey: props.entityKey
+  }, function (pluginsProvider) {
+    return jsx(EditPostCreateModalProvider, {
+      active: true
+    }, function (_ref2) {
+      var _pluginsProvider$acti;
+      var setEditViewPayload = _ref2.setEditViewPayload,
+        shouldActivateEditView = _ref2.shouldActivateEditView,
+        enableEditView = _ref2.enableEditView;
+      return jsx(FormContextProvider, {
+        enableEditView: pluginsProvider !== null && pluginsProvider !== void 0 && (_pluginsProvider$acti = pluginsProvider.activePlugin) !== null && _pluginsProvider$acti !== void 0 && _pluginsProvider$acti.editView && props !== null && props !== void 0 && props.onComplete ? enableEditView : undefined
+      }, jsx(InlineCreateContent, _extends({}, props, {
+        onCreate: ( /*#__PURE__*/function () {
+          var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(payload) {
+            var _props$onCreate;
+            return _regeneratorRuntime.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);
+          };
+        }())
+      })));
+    });
+  });
+};
+export default InlineCreateOld;

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

@@ -1,13 +1,7 @@
-/**
- * @jsxRuntime classic
- * @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 React, { memo } from 'react';
 import { AnalyticsContext } from '@atlaskit/analytics-next';
 import { IntlMessagesProvider } from '@atlaskit/intl-messages-provider';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { PACKAGE_DATA } from '../../common/constants';
 import { ErrorBoundary } from '../../common/ui/error-boundary';
 import { ErrorBoundaryModal } from '../../common/ui/error-boundary-modal';
@@ -16,20 +10,27 @@ import { withLinkCreateAnalyticsContext } from '../../common/utils/analytics';
 import { fetchMessagesForLocale } from '../../common/utils/locale/fetch-messages-for-locale';
 import i18nEN from '../../i18n/en';
 import LinkCreate from './main';
+import ComposedLinkCreateOld from './old';
 var LinkCreateWithAnalyticsContext = withLinkCreateAnalyticsContext( /*#__PURE__*/memo(function (props) {
-  return jsx(Experience, null, jsx(ErrorBoundary, {
-    errorComponent: jsx(ErrorBoundaryModal, {
+  return /*#__PURE__*/React.createElement(Experience, null, /*#__PURE__*/React.createElement(ErrorBoundary, {
+    errorComponent: /*#__PURE__*/React.createElement(ErrorBoundaryModal, {
       active: props.active,
       onClose: props.onCancel
     })
-  }, jsx(LinkCreate, props)));
+  }, /*#__PURE__*/React.createElement(LinkCreate, props)));
 }));
-var ComposedLinkCreate = /*#__PURE__*/memo(function (props) {
-  return jsx(AnalyticsContext, {
+var ComposedLinkCreateNew = /*#__PURE__*/memo(function (props) {
+  return /*#__PURE__*/React.createElement(AnalyticsContext, {
     data: PACKAGE_DATA
-  }, jsx(IntlMessagesProvider, {
+  }, /*#__PURE__*/React.createElement(IntlMessagesProvider, {
     defaultMessages: i18nEN,
     loaderFn: fetchMessagesForLocale
-  }, jsx(LinkCreateWithAnalyticsContext, props)));
+  }, /*#__PURE__*/React.createElement(LinkCreateWithAnalyticsContext, props)));
+});
+var ComposedLinkCreate = /*#__PURE__*/memo(function (props) {
+  if (fg('platform_bandicoots-link-create-css')) {
+    return /*#__PURE__*/React.createElement(ComposedLinkCreateNew, props);
+  }
+  return /*#__PURE__*/React.createElement(ComposedLinkCreateOld, props);
 });
 export default ComposedLinkCreate;

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

@@ -1,18 +1,12 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { useLayoutEffect, useRef } from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
+import React, { useLayoutEffect, useRef } from 'react';
 import { useIntl } from 'react-intl-next';
 import { Layering } from '@atlaskit/layering';
 import { ModalBody, ModalHeader, ModalTitle, ModalTransition } from '@atlaskit/modal-dialog';
-import { Box } from '@atlaskit/primitives';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { Box } from '@atlaskit/primitives/compiled';
 import { CREATE_FORM_MAX_WIDTH_IN_PX, DEFAULT_TEST_ID, SCREEN_ID } from '../../common/constants';
 import { ConfirmDismissDialog } from '../../common/ui/confirm-dismiss-dialog';
 import { EditModal } from '../../common/ui/edit-modal';
@@ -26,6 +20,7 @@ import { ExitWarningModalProvider, useExitWarningModal } from '../../controllers
 import { FormContextProvider } from '../../controllers/form-context';
 import { LinkCreatePluginsProvider, useLinkCreatePlugins } from '../../controllers/plugin-context';
 import { messages } from './messages';
+import LinkCreateModalOld from './old/main';
 var LinkCreateWithModal = function LinkCreateWithModal(_ref) {
   var active = _ref.active,
     modalTitle = _ref.modalTitle,
@@ -52,11 +47,11 @@ var LinkCreateWithModal = function LinkCreateWithModal(_ref) {
   var handleCloseExitWarning = function handleCloseExitWarning() {
     return setShowExitWarning(false);
   };
-  return jsx(LinkCreateCallbackProvider, {
+  return /*#__PURE__*/React.createElement(LinkCreateCallbackProvider, {
     onCreate: onCreate,
     onFailure: onFailure,
     onCancel: withExitWarning(onCancel)
-  }, jsx(ModalTransition, null, active && jsx(Modal, {
+  }, /*#__PURE__*/React.createElement(ModalTransition, null, active && /*#__PURE__*/React.createElement(Modal, {
     testId: "link-create-modal",
     screen: SCREEN_ID,
     onClose: withExitWarning(onCancel),
@@ -64,27 +59,27 @@ var LinkCreateWithModal = function LinkCreateWithModal(_ref) {
     onOpenComplete: onOpenComplete,
     onCloseComplete: onCloseComplete,
     width: "".concat(CREATE_FORM_MAX_WIDTH_IN_PX, "px")
-  }, jsx(ModalHero, {
+  }, /*#__PURE__*/React.createElement(ModalHero, {
     hero: modalHero
-  }), jsx(ModalHeader, null, jsx(ModalTitle, null, modalTitle || intl.formatMessage(messages.heading))), jsx(ModalBody, null, jsx(Box, {
+  }), /*#__PURE__*/React.createElement(ModalHeader, null, /*#__PURE__*/React.createElement(ModalTitle, null, modalTitle || intl.formatMessage(messages.heading))), /*#__PURE__*/React.createElement(ModalBody, null, /*#__PURE__*/React.createElement(Box, {
     testId: testId
-  }, jsx(ErrorBoundary, null, jsx(LinkCreateContent, {
+  }, /*#__PURE__*/React.createElement(ErrorBoundary, null, /*#__PURE__*/React.createElement(LinkCreateContent, {
     plugins: plugins,
     entityKey: entityKey
-  })))))), onComplete && jsx(EditModal, {
+  })))))), onComplete && /*#__PURE__*/React.createElement(EditModal, {
     onCloseComplete: onCloseComplete,
     onClose: onComplete,
     editViewPayload: editViewPayload,
     activePlugin: activePlugin
-  }), jsx(Layering, {
+  }), /*#__PURE__*/React.createElement(Layering, {
     isDisabled: false
-  }, jsx(ConfirmDismissDialog, {
+  }, /*#__PURE__*/React.createElement(ConfirmDismissDialog, {
     active: showExitWarning,
     onClose: handleCloseExitWarning,
     onCancel: onCancel
   })));
 };
-var LinkCreateModal = function LinkCreateModal(props) {
+var LinkCreateModalNew = function LinkCreateModalNew(props) {
   var shouldCallCloseComplete = useRef(!props.active);
 
   // modal calls onCloseComplete in a useEffect(), so we can track whether
@@ -94,11 +89,11 @@ var LinkCreateModal = function LinkCreateModal(props) {
     // onCloseComplete should only be called when it is not active
     shouldCallCloseComplete.current = !props.active;
   }, [props.active]);
-  return jsx(LinkCreatePluginsProvider, {
+  return /*#__PURE__*/React.createElement(LinkCreatePluginsProvider, {
     plugins: props.plugins,
     entityKey: props.entityKey
   }, function (pluginsProvider) {
-    return jsx(EditPostCreateModalProvider, {
+    return /*#__PURE__*/React.createElement(EditPostCreateModalProvider, {
       active: !!props.active
     }, function (_ref2) {
       var _pluginsProvider$acti;
@@ -106,9 +101,9 @@ var LinkCreateModal = function LinkCreateModal(props) {
         editViewPayload = _ref2.editViewPayload,
         shouldActivateEditView = _ref2.shouldActivateEditView,
         enableEditView = _ref2.enableEditView;
-      return jsx(FormContextProvider, {
+      return /*#__PURE__*/React.createElement(FormContextProvider, {
         enableEditView: pluginsProvider !== null && pluginsProvider !== void 0 && (_pluginsProvider$acti = pluginsProvider.activePlugin) !== null && _pluginsProvider$acti !== void 0 && _pluginsProvider$acti.editView && props !== null && props !== void 0 && props.onComplete ? enableEditView : undefined
-      }, jsx(ExitWarningModalProvider, null, jsx(LinkCreateWithModal, _extends({}, props, {
+      }, /*#__PURE__*/React.createElement(ExitWarningModalProvider, null, /*#__PURE__*/React.createElement(LinkCreateWithModal, _extends({}, props, {
         active: props.active && !editViewPayload,
         onCreate: ( /*#__PURE__*/function () {
           var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(payload) {
@@ -152,4 +147,10 @@ var LinkCreateModal = function LinkCreateModal(props) {
     });
   });
 };
+var LinkCreateModal = function LinkCreateModal(props) {
+  if (fg('platform_bandicoots-link-create-css')) {
+    return /*#__PURE__*/React.createElement(LinkCreateModalNew, props);
+  }
+  return /*#__PURE__*/React.createElement(LinkCreateModalOld, props);
+};
 export default LinkCreateModal;

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

@@ -0,0 +1,36 @@
+/* eslint-disable @atlassian/tangerine/import/no-parent-imports */
+/**
+ * @jsxRuntime classic
+ * @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';
+import { PACKAGE_DATA } from '../../../common/constants';
+import { ErrorBoundary } from '../../../common/ui/error-boundary';
+import { ErrorBoundaryModal } from '../../../common/ui/error-boundary-modal';
+import { Experience } from '../../../common/ui/experience-tracker';
+import { withLinkCreateAnalyticsContext } from '../../../common/utils/analytics';
+import { fetchMessagesForLocale } from '../../../common/utils/locale/fetch-messages-for-locale';
+import i18nEN from '../../../i18n/en';
+import LinkCreate from '../main';
+var LinkCreateWithAnalyticsContext = withLinkCreateAnalyticsContext( /*#__PURE__*/memo(function (props) {
+  return jsx(Experience, null, jsx(ErrorBoundary, {
+    errorComponent: jsx(ErrorBoundaryModal, {
+      active: props.active,
+      onClose: props.onCancel
+    })
+  }, jsx(LinkCreate, props)));
+}));
+var ComposedLinkCreateOld = /*#__PURE__*/memo(function (props) {
+  return jsx(AnalyticsContext, {
+    data: PACKAGE_DATA
+  }, jsx(IntlMessagesProvider, {
+    defaultMessages: i18nEN,
+    loaderFn: fetchMessagesForLocale
+  }, jsx(LinkCreateWithAnalyticsContext, props)));
+});
+export default ComposedLinkCreateOld;

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

@@ -0,0 +1,156 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+/* eslint-disable @atlassian/tangerine/import/no-parent-imports */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { useLayoutEffect, useRef } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+import { jsx } from '@emotion/react';
+import { useIntl } from 'react-intl-next';
+import { Layering } from '@atlaskit/layering';
+import { ModalBody, ModalHeader, ModalTitle, ModalTransition } from '@atlaskit/modal-dialog';
+import { Box } from '@atlaskit/primitives';
+import { CREATE_FORM_MAX_WIDTH_IN_PX, DEFAULT_TEST_ID, SCREEN_ID } from '../../../common/constants';
+import { ConfirmDismissDialog } from '../../../common/ui/confirm-dismiss-dialog';
+import { EditModal } from '../../../common/ui/edit-modal';
+import { ErrorBoundary } from '../../../common/ui/error-boundary';
+import { LinkCreateContent } from '../../../common/ui/link-create-content';
+import { ModalHero } from '../../../common/ui/modal-hero';
+import { Modal } from '../../../common/ui/ModalDialog';
+import { LinkCreateCallbackProvider } from '../../../controllers/callback-context';
+import { EditPostCreateModalProvider, useEditPostCreateModal } from '../../../controllers/edit-post-create-context';
+import { ExitWarningModalProvider, useExitWarningModal } from '../../../controllers/exit-warning-modal-context';
+import { FormContextProvider } from '../../../controllers/form-context';
+import { LinkCreatePluginsProvider, useLinkCreatePlugins } from '../../../controllers/plugin-context';
+import { messages } from '../messages';
+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 ? DEFAULT_TEST_ID : _ref$testId,
+    plugins = _ref.plugins,
+    entityKey = _ref.entityKey,
+    modalHero = _ref.modalHero;
+  var intl = useIntl();
+  var _useExitWarningModal = useExitWarningModal(),
+    withExitWarning = _useExitWarningModal.withExitWarning,
+    showExitWarning = _useExitWarningModal.showExitWarning,
+    setShowExitWarning = _useExitWarningModal.setShowExitWarning;
+  var _useEditPostCreateMod = useEditPostCreateModal(),
+    editViewPayload = _useEditPostCreateMod.editViewPayload;
+  var _useLinkCreatePlugins = useLinkCreatePlugins(),
+    activePlugin = _useLinkCreatePlugins.activePlugin;
+  var handleCloseExitWarning = function handleCloseExitWarning() {
+    return setShowExitWarning(false);
+  };
+  return jsx(LinkCreateCallbackProvider, {
+    onCreate: onCreate,
+    onFailure: onFailure,
+    onCancel: withExitWarning(onCancel)
+  }, jsx(ModalTransition, null, active && jsx(Modal, {
+    testId: "link-create-modal",
+    screen: SCREEN_ID,
+    onClose: withExitWarning(onCancel),
+    shouldScrollInViewport: true,
+    onOpenComplete: onOpenComplete,
+    onCloseComplete: onCloseComplete,
+    width: "".concat(CREATE_FORM_MAX_WIDTH_IN_PX, "px")
+  }, jsx(ModalHero, {
+    hero: modalHero
+  }), jsx(ModalHeader, null, jsx(ModalTitle, null, modalTitle || intl.formatMessage(messages.heading))), jsx(ModalBody, null, jsx(Box, {
+    testId: testId
+  }, jsx(ErrorBoundary, null, jsx(LinkCreateContent, {
+    plugins: plugins,
+    entityKey: entityKey
+  })))))), onComplete && jsx(EditModal, {
+    onCloseComplete: onCloseComplete,
+    onClose: onComplete,
+    editViewPayload: editViewPayload,
+    activePlugin: activePlugin
+  }), jsx(Layering, {
+    isDisabled: false
+  }, jsx(ConfirmDismissDialog, {
+    active: showExitWarning,
+    onClose: handleCloseExitWarning,
+    onCancel: onCancel
+  })));
+};
+var LinkCreateModalOld = function LinkCreateModalOld(props) {
+  var shouldCallCloseComplete = useRef(!props.active);
+
+  // modal calls onCloseComplete in a useEffect(), so we can track whether
+  // or not we should execute it based on the active prop in a
+  // useLayoutEffect() which will be run before child useEffect()s
+  useLayoutEffect(function () {
+    // onCloseComplete should only be called when it is not active
+    shouldCallCloseComplete.current = !props.active;
+  }, [props.active]);
+  return jsx(LinkCreatePluginsProvider, {
+    plugins: props.plugins,
+    entityKey: props.entityKey
+  }, function (pluginsProvider) {
+    return jsx(EditPostCreateModalProvider, {
+      active: !!props.active
+    }, function (_ref2) {
+      var _pluginsProvider$acti;
+      var setEditViewPayload = _ref2.setEditViewPayload,
+        editViewPayload = _ref2.editViewPayload,
+        shouldActivateEditView = _ref2.shouldActivateEditView,
+        enableEditView = _ref2.enableEditView;
+      return jsx(FormContextProvider, {
+        enableEditView: pluginsProvider !== null && pluginsProvider !== void 0 && (_pluginsProvider$acti = pluginsProvider.activePlugin) !== null && _pluginsProvider$acti !== void 0 && _pluginsProvider$acti.editView && props !== null && props !== void 0 && props.onComplete ? enableEditView : undefined
+      }, jsx(ExitWarningModalProvider, null, jsx(LinkCreateWithModal, _extends({}, props, {
+        active: props.active && !editViewPayload,
+        onCreate: ( /*#__PURE__*/function () {
+          var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(payload) {
+            var _props$onCreate;
+            return _regeneratorRuntime.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));
+          }
+        }
+      }))));
+    });
+  });
+};
+export default LinkCreateModalOld;

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

@@ -4,6 +4,9 @@ export declare const COMPONENT_NAME = "linkCreate";
 export declare const SCREEN_ID = "linkCreateScreen";
 export declare const DEFAULT_TEST_ID = "link-create";
 export declare const CREATE_FORM_MAX_WIDTH_IN_PX = "480";
+/**
+ * @deprecated Remove on FF clean up platform_bandicoots-link-create-css
+ */
 export declare const CREATE_FORM_MIN_HEIGHT_IN_PX = "200";
 export declare const LINK_CREATE_FORM_POST_CREATE_FIELD = "__post_create__";
 export declare const PACKAGE_DATA: PackageMetaDataType;