@atlaskit/link-create 2.13.20 → 2.15.0

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

@@ -1,11 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
-/**
- * @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';
@@ -17,6 +13,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';
 const InlineCreateContent = ({
   onCreate,
   onFailure,
@@ -38,32 +35,32 @@ const InlineCreateContent = ({
     activePlugin
   } = useLinkCreatePlugins();
   const handleCloseExitWarning = () => 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
   }));
 };
-const InlineCreate = props => {
-  return jsx(LinkCreatePluginsProvider, {
+const InlineCreateNew = props => {
+  return /*#__PURE__*/React.createElement(LinkCreatePluginsProvider, {
     plugins: props.plugins,
     entityKey: props.entityKey
-  }, pluginsProvider => jsx(EditPostCreateModalProvider, {
+  }, pluginsProvider => /*#__PURE__*/React.createElement(EditPostCreateModalProvider, {
     active: true
   }, ({
     setEditViewPayload,
@@ -71,9 +68,9 @@ const InlineCreate = props => {
     enableEditView
   }) => {
     var _pluginsProvider$acti;
-    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: async payload => {
         var _props$onCreate;
         await ((_props$onCreate = props.onCreate) === null || _props$onCreate === void 0 ? void 0 : _props$onCreate.call(props, payload));
@@ -92,4 +89,10 @@ const InlineCreate = props => {
     })));
   }));
 };
+const 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/es2019/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';
+const LinkCreateWithAnalyticsContext = withLinkCreateAnalyticsContext( /*#__PURE__*/memo(props => {
+  return jsx(Experience, null, jsx(ErrorBoundary, null, jsx(InlineCreate, props)));
+}));
+const ComposedLinkCreateOld = /*#__PURE__*/memo(props => {
+  return jsx(AnalyticsContext, {
+    data: PACKAGE_DATA
+  }, jsx(IntlMessagesProvider, {
+    defaultMessages: i18nEN,
+    loaderFn: fetchMessagesForLocale
+  }, jsx(LinkCreateWithAnalyticsContext, props)));
+});
+export default ComposedLinkCreateOld;

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

@@ -0,0 +1,96 @@
+import _extends from "@babel/runtime/helpers/extends";
+/* 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';
+const InlineCreateContent = ({
+  onCreate,
+  onFailure,
+  onCancel,
+  onComplete,
+  plugins,
+  entityKey,
+  testId = DEFAULT_TEST_ID
+}) => {
+  const {
+    withExitWarning,
+    showExitWarning,
+    setShowExitWarning
+  } = useExitWarningModal();
+  const {
+    editViewPayload
+  } = useEditPostCreateModal();
+  const {
+    activePlugin
+  } = useLinkCreatePlugins();
+  const handleCloseExitWarning = () => 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
+  }));
+};
+const InlineCreateOld = props => {
+  return jsx(LinkCreatePluginsProvider, {
+    plugins: props.plugins,
+    entityKey: props.entityKey
+  }, pluginsProvider => jsx(EditPostCreateModalProvider, {
+    active: true
+  }, ({
+    setEditViewPayload,
+    shouldActivateEditView,
+    enableEditView
+  }) => {
+    var _pluginsProvider$acti;
+    return jsx(FormContextProvider, {
+      enableEditView: pluginsProvider !== null && pluginsProvider !== void 0 && (_pluginsProvider$acti = pluginsProvider.activePlugin) !== null && _pluginsProvider$acti !== void 0 && _pluginsProvider$acti.editView && props !== null && props !== void 0 && props.onComplete ? enableEditView : undefined
+    }, jsx(InlineCreateContent, _extends({}, props, {
+      onCreate: async payload => {
+        var _props$onCreate;
+        await ((_props$onCreate = props.onCreate) === null || _props$onCreate === void 0 ? void 0 : _props$onCreate.call(props, payload));
+
+        // if onComplete exists then there is an edit flow
+        if (props.onComplete) {
+          if (shouldActivateEditView()) {
+            //edit button is pressed
+            setEditViewPayload(payload);
+          } else {
+            //create button is pressed
+            props.onComplete();
+          }
+        }
+      }
+    })));
+  }));
+};
+export default InlineCreateOld;

package/dist/es2019/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';
 const LinkCreateWithAnalyticsContext = withLinkCreateAnalyticsContext( /*#__PURE__*/memo(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)));
 }));
-const ComposedLinkCreate = /*#__PURE__*/memo(props => {
-  return jsx(AnalyticsContext, {
+const ComposedLinkCreateNew = /*#__PURE__*/memo(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)));
+});
+const ComposedLinkCreate = /*#__PURE__*/memo(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/es2019/ui/modal-create/main.js

@@ -1,16 +1,10 @@
 import _extends from "@babel/runtime/helpers/extends";
-/**
- * @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';
@@ -24,6 +18,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';
 const LinkCreateWithModal = ({
   active,
   modalTitle,
@@ -51,11 +46,11 @@ const LinkCreateWithModal = ({
     activePlugin
   } = useLinkCreatePlugins();
   const handleCloseExitWarning = () => 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),
@@ -63,27 +58,27 @@ const LinkCreateWithModal = ({
     onOpenComplete: onOpenComplete,
     onCloseComplete: onCloseComplete,
     width: `${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
   })));
 };
-const LinkCreateModal = props => {
+const LinkCreateModalNew = props => {
   const shouldCallCloseComplete = useRef(!props.active);
 
   // modal calls onCloseComplete in a useEffect(), so we can track whether
@@ -93,10 +88,10 @@ const 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
-  }, pluginsProvider => jsx(EditPostCreateModalProvider, {
+  }, pluginsProvider => /*#__PURE__*/React.createElement(EditPostCreateModalProvider, {
     active: !!props.active
   }, ({
     setEditViewPayload,
@@ -105,9 +100,9 @@ const LinkCreateModal = props => {
     enableEditView
   }) => {
     var _pluginsProvider$acti;
-    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: async payload => {
         var _props$onCreate;
@@ -133,4 +128,10 @@ const LinkCreateModal = props => {
     }))));
   }));
 };
+const 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/es2019/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';
+const LinkCreateWithAnalyticsContext = withLinkCreateAnalyticsContext( /*#__PURE__*/memo(props => {
+  return jsx(Experience, null, jsx(ErrorBoundary, {
+    errorComponent: jsx(ErrorBoundaryModal, {
+      active: props.active,
+      onClose: props.onCancel
+    })
+  }, jsx(LinkCreate, props)));
+}));
+const ComposedLinkCreateOld = /*#__PURE__*/memo(props => {
+  return jsx(AnalyticsContext, {
+    data: PACKAGE_DATA
+  }, jsx(IntlMessagesProvider, {
+    defaultMessages: i18nEN,
+    loaderFn: fetchMessagesForLocale
+  }, jsx(LinkCreateWithAnalyticsContext, props)));
+});
+export default ComposedLinkCreateOld;

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

@@ -0,0 +1,137 @@
+import _extends from "@babel/runtime/helpers/extends";
+/* 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';
+const LinkCreateWithModal = ({
+  active,
+  modalTitle,
+  onCreate,
+  onFailure,
+  onCancel,
+  onComplete,
+  onOpenComplete,
+  onCloseComplete,
+  testId = DEFAULT_TEST_ID,
+  plugins,
+  entityKey,
+  modalHero
+}) => {
+  const intl = useIntl();
+  const {
+    withExitWarning,
+    showExitWarning,
+    setShowExitWarning
+  } = useExitWarningModal();
+  const {
+    editViewPayload
+  } = useEditPostCreateModal();
+  const {
+    activePlugin
+  } = useLinkCreatePlugins();
+  const handleCloseExitWarning = () => 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: `${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
+  })));
+};
+const LinkCreateModalOld = props => {
+  const 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(() => {
+    // 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
+  }, pluginsProvider => jsx(EditPostCreateModalProvider, {
+    active: !!props.active
+  }, ({
+    setEditViewPayload,
+    editViewPayload,
+    shouldActivateEditView,
+    enableEditView
+  }) => {
+    var _pluginsProvider$acti;
+    return jsx(FormContextProvider, {
+      enableEditView: pluginsProvider !== null && pluginsProvider !== void 0 && (_pluginsProvider$acti = pluginsProvider.activePlugin) !== null && _pluginsProvider$acti !== void 0 && _pluginsProvider$acti.editView && props !== null && props !== void 0 && props.onComplete ? enableEditView : undefined
+    }, jsx(ExitWarningModalProvider, null, jsx(LinkCreateWithModal, _extends({}, props, {
+      active: props.active && !editViewPayload,
+      onCreate: async payload => {
+        var _props$onCreate;
+        await ((_props$onCreate = props.onCreate) === null || _props$onCreate === void 0 ? void 0 : _props$onCreate.call(props, payload));
+
+        // if onComplete exists then there is an edit flow
+        if (props.onComplete) {
+          if (shouldActivateEditView()) {
+            //edit button is pressed
+            setEditViewPayload(payload);
+          } else {
+            //create button is pressed
+            props.onComplete();
+          }
+        }
+      },
+      onCloseComplete: (...args) => {
+        if (shouldCallCloseComplete.current) {
+          var _props$onCloseComplet;
+          (_props$onCloseComplet = props.onCloseComplete) === null || _props$onCloseComplet === void 0 ? void 0 : _props$onCloseComplet.call(props, ...args);
+        }
+      }
+    }))));
+  }));
+};
+export default LinkCreateModalOld;

package/dist/esm/common/constants.js

@@ -3,11 +3,14 @@ export var COMPONENT_NAME = 'linkCreate';
 export var SCREEN_ID = 'linkCreateScreen';
 export var DEFAULT_TEST_ID = 'link-create';
 export var CREATE_FORM_MAX_WIDTH_IN_PX = '480';
+/**
+ * @deprecated Remove on FF clean up platform_bandicoots-link-create-css
+ */
 export var CREATE_FORM_MIN_HEIGHT_IN_PX = '200';
 export var LINK_CREATE_FORM_POST_CREATE_FIELD = '__post_create__';
 export var PACKAGE_DATA = {
   packageName: "@atlaskit/link-create" || '',
-  packageVersion: "2.13.20" || '',
+  packageVersion: "2.15.0" || '',
   component: COMPONENT_NAME,
   componentName: COMPONENT_NAME
 };

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

@@ -1,25 +1,28 @@
-/**
- * @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 var ErrorBoundaryModal = function ErrorBoundaryModal(_ref) {
+var ErrorBoundaryModalNew = function ErrorBoundaryModalNew(_ref) {
   var active = _ref.active,
     onClose = _ref.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: "".concat(CREATE_FORM_MAX_WIDTH_IN_PX, "px")
-  }, jsx(ModalBody, null, jsx(ErrorBoundaryUI, null))));
+  }, /*#__PURE__*/React.createElement(ModalBody, null, /*#__PURE__*/React.createElement(ErrorBoundaryUI, null))));
+};
+export var ErrorBoundaryModal = function ErrorBoundaryModal(props) {
+  if (fg('platform_bandicoots-link-create-css')) {
+    return /*#__PURE__*/React.createElement(ErrorBoundaryModalNew, props);
+  }
+  return /*#__PURE__*/React.createElement(ErrorBoundaryModalOld, props);
 };

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

@@ -0,0 +1,25 @@
+/**
+ * @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 var ErrorBoundaryModalOld = function ErrorBoundaryModalOld(_ref) {
+  var active = _ref.active,
+    onClose = _ref.onClose;
+  return jsx(ModalTransition, null, active && jsx(Modal, {
+    testId: "link-create-error-boundary-modal",
+    onClose: onClose,
+    shouldScrollInViewport: true,
+    width: "".concat(CREATE_FORM_MAX_WIDTH_IN_PX, "px")
+  }, jsx(ModalBody, null, jsx(ErrorBoundaryUI, null))));
+};

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

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