@atlaskit/link-create 1.15.9 → 2.1.0

package/dist/cjs/ui/{link-create → modal-create}/main.js

@@ -7,94 +7,55 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.TEST_ID = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = require("react");
 var _react2 = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
 var _modalDialog = require("@atlaskit/modal-dialog");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 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 _confirmDismissDialog = require("./confirm-dismiss-dialog");
-var _editModal = require("./edit-modal");
-var _errorBoundary = require("./error-boundary");
 var _messages = require("./messages");
-var _modalHero = require("./modal-hero");
 /** @jsx jsx */
 
 var TEST_ID = exports.TEST_ID = 'link-create';
 var SCREEN_ID = 'linkCreateScreen';
-var LinkCreateContent = function LinkCreateContent(_ref) {
-  var plugins = _ref.plugins,
-    entityKey = _ref.entityKey;
-  var chosenOne = plugins.find(function (plugin) {
-    return plugin.key === entityKey;
-  });
-  if (!chosenOne) {
-    throw new Error('Make sure you specified a valid entityKey');
-  }
-  return (0, _react2.jsx)(_react.Fragment, null, chosenOne.form);
-};
-var LinkCreateWithModal = function LinkCreateWithModal(_ref2) {
-  var active = _ref2.active,
-    modalTitle = _ref2.modalTitle,
-    onCreate = _ref2.onCreate,
-    onFailure = _ref2.onFailure,
-    onCancel = _ref2.onCancel,
-    onComplete = _ref2.onComplete,
-    onOpenComplete = _ref2.onOpenComplete,
-    onCloseComplete = _ref2.onCloseComplete,
-    _ref2$testId = _ref2.testId,
-    testId = _ref2$testId === void 0 ? TEST_ID : _ref2$testId,
-    plugins = _ref2.plugins,
-    entityKey = _ref2.entityKey,
-    modalHero = _ref2.modalHero;
+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 ? TEST_ID : _ref$testId,
+    plugins = _ref.plugins,
+    entityKey = _ref.entityKey,
+    modalHero = _ref.modalHero;
   var intl = (0, _reactIntlNext.useIntl)();
-  var _useFormContext = (0, _formContext.useFormContext)(),
-    setFormErrorMessage = _useFormContext.setFormErrorMessage;
-  var handleCreate = (0, _react.useCallback)( /*#__PURE__*/function () {
-    var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(result) {
-      return _regenerator.default.wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            // Reset the form error message
-            setFormErrorMessage(undefined);
-            if (!onCreate) {
-              _context.next = 4;
-              break;
-            }
-            _context.next = 4;
-            return onCreate(result);
-          case 4:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee);
-    }));
-    return function (_x) {
-      return _ref3.apply(this, arguments);
-    };
-  }(), [onCreate, setFormErrorMessage]);
-  var handleFailure = (0, _react.useCallback)(function (error) {
-    // Set the form error message
-    if (error instanceof Error) {
-      setFormErrorMessage(error.message);
-    }
-    onFailure && onFailure(error);
-  }, [onFailure, setFormErrorMessage]);
   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];
+  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);
@@ -106,8 +67,8 @@ var LinkCreateWithModal = function LinkCreateWithModal(_ref2) {
     return setShowExitWarning(false);
   }, []);
   return (0, _react2.jsx)(_callbackContext.LinkCreateCallbackProvider, {
-    onCreate: (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.link-create.better-observability') ? onCreate : handleCreate,
-    onFailure: (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.link-create.better-observability') ? onFailure : handleFailure,
+    onCreate: onCreate,
+    onFailure: onFailure,
     onCancel: handleCancel
   }, (0, _react2.jsx)(_modalDialog.ModalTransition, null, active && (0, _react2.jsx)(_ModalDialog.Modal, {
     testId: "link-create-modal",
@@ -121,15 +82,18 @@ var LinkCreateWithModal = function LinkCreateWithModal(_ref2) {
     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, {
+  }, (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
+    onClose: onComplete,
+    editViewPayload: editViewPayload,
+    activePlugin: activePlugin
   }), (0, _react2.jsx)(_confirmDismissDialog.ConfirmDismissDialog, {
     active: showExitWarning,
-    onClose: handleCloseExitWarning
+    onClose: handleCloseExitWarning,
+    onCancel: onCancel
   }));
 };
 var LinkCreateModal = function LinkCreateModal(props) {
@@ -148,23 +112,23 @@ var LinkCreateModal = function LinkCreateModal(props) {
   }, function (pluginsProvider) {
     return (0, _react2.jsx)(_editPostCreateContext.EditPostCreateModalProvider, {
       active: !!props.active
-    }, function (_ref4) {
+    }, function (_ref2) {
       var _pluginsProvider$acti;
-      var setEditViewPayload = _ref4.setEditViewPayload,
-        editViewPayload = _ref4.editViewPayload,
-        shouldActivateEditView = _ref4.shouldActivateEditView,
-        enableEditView = _ref4.enableEditView;
+      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 _ref5 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(payload) {
+          var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(payload) {
             var _props$onCreate;
-            return _regenerator.default.wrap(function _callee2$(_context2) {
-              while (1) switch (_context2.prev = _context2.next) {
+            return _regenerator.default.wrap(function _callee$(_context) {
+              while (1) switch (_context.prev = _context.next) {
                 case 0:
-                  _context2.next = 2;
+                  _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
@@ -179,12 +143,12 @@ var LinkCreateModal = function LinkCreateModal(props) {
                   }
                 case 3:
                 case "end":
-                  return _context2.stop();
+                  return _context.stop();
               }
-            }, _callee2);
+            }, _callee);
           }));
-          return function (_x2) {
-            return _ref5.apply(this, arguments);
+          return function (_x) {
+            return _ref3.apply(this, arguments);
           };
         }()),
         onCloseComplete: function onCloseComplete() {

package/dist/es2019/common/constants.js

@@ -2,4 +2,10 @@ export const ANALYTICS_CHANNEL = 'media';
 export const COMPONENT_NAME = 'linkCreate';
 export const CREATE_FORM_MAX_WIDTH_IN_PX = '480';
 export const CREATE_FORM_MIN_HEIGHT_IN_PX = '200';
-export const LINK_CREATE_FORM_POST_CREATE_FIELD = '__post_create__';
+export const LINK_CREATE_FORM_POST_CREATE_FIELD = '__post_create__';
+export const PACKAGE_DATA = {
+  packageName: "@atlaskit/link-create" || '',
+  packageVersion: "2.1.0" || '',
+  component: COMPONENT_NAME,
+  componentName: COMPONENT_NAME
+};

package/dist/es2019/{ui/link-create → common/ui}/confirm-dismiss-dialog/main.js

@@ -2,9 +2,8 @@ import React from 'react';
 import { useIntl } from 'react-intl-next';
 import { AnalyticsContext } from '@atlaskit/analytics-next';
 import { ModalBody, ModalFooter, ModalHeader, ModalTitle, ModalTransition } from '@atlaskit/modal-dialog';
-import { Button } from '../../../common/ui/Button';
-import { Modal } from '../../../common/ui/ModalDialog';
-import { useLinkCreateCallback } from '../../../controllers/callback-context';
+import { Button } from '../Button';
+import { Modal } from '../ModalDialog';
 import messages from './messages';
 const screen = 'linkCreateExitWarningScreen';
 const context = {
@@ -13,12 +12,10 @@ const context = {
 };
 export const ConfirmDismissDialog = ({
   active,
-  onClose
+  onClose,
+  onCancel
 }) => {
   const intl = useIntl();
-  const {
-    onCancel
-  } = useLinkCreateCallback();
   const onCancelDismiss = () => onClose();
   const onConfirmDismiss = () => {
     onClose();

package/dist/es2019/{ui/link-create → common/ui}/edit-modal/index.js

@@ -1,20 +1,14 @@
 import React from 'react';
 import { ModalTransition } from '@atlaskit/modal-dialog';
-import { Modal } from '../../../common/ui/ModalDialog';
-import { useEditPostCreateModal } from '../../../controllers/edit-post-create-context';
-import { useLinkCreatePlugins } from '../../../controllers/plugin-context';
+import { Modal } from '../ModalDialog';
 const SCREEN = 'linkCreateEditScreen';
 export const EditModal = ({
   onClose,
-  onCloseComplete
+  onCloseComplete,
+  editViewPayload,
+  activePlugin
 }) => {
   var _activePlugin$editVie;
-  const {
-    editViewPayload
-  } = useEditPostCreateModal();
-  const {
-    activePlugin
-  } = useLinkCreatePlugins();
   return /*#__PURE__*/React.createElement(ModalTransition, null, !!editViewPayload && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Modal, {
     testId: "link-create-edit-modal",
     screen: SCREEN,

package/dist/es2019/{ui/link-create → common/ui}/error-boundary/index.js

@@ -1,11 +1,9 @@
 import React, { useCallback } from 'react';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
-import { captureException } from '@atlaskit/linking-common/sentry';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { ANALYTICS_CHANNEL } from '../../../common/constants';
 import { ErrorBoundaryUI } from '../../../common/ui/error-boundary-ui';
 import createEventPayload from '../../../common/utils/analytics/analytics.codegen';
-import { useExperience } from '../../../controllers/experience-tracker';
+import { useExperience } from '../experience-tracker';
 import { BaseErrorBoundary } from './error-boundary-base';
 export const ErrorBoundary = ({
   children,
@@ -14,24 +12,17 @@ export const ErrorBoundary = ({
   const {
     createAnalyticsEvent
   } = useAnalyticsEvents();
-  const experience = getBooleanFF('platform.linking-platform.link-create.better-observability') ?
-  // eslint-disable-next-line react-hooks/rules-of-hooks
-  useExperience() : null;
-  const handleError = useCallback((error, info) => {
+  const experience = useExperience();
+  const handleError = useCallback(error => {
     var _window, _window$navigator;
-    if (!getBooleanFF('platform.linking-platform.link-create.better-observability')) {
-      // Capture exception to Sentry
-      captureException(error, 'link-create');
-    }
     createAnalyticsEvent(createEventPayload('operational.linkCreate.unhandledErrorCaught', {
       browserInfo: ((_window = window) === null || _window === void 0 ? void 0 : (_window$navigator = _window.navigator) === null || _window$navigator === void 0 ? void 0 : _window$navigator.userAgent) || 'unknown',
       error: error.name,
       componentStack: 'unknown'
     })).fire(ANALYTICS_CHANNEL);
-    if (getBooleanFF('platform.linking-platform.link-create.better-observability')) {
-      // Track experience as failed for SLO
-      experience === null || experience === void 0 ? void 0 : experience.failure(error);
-    }
+
+    // Track experience as failed for SLO
+    experience === null || experience === void 0 ? void 0 : experience.failure(error);
   }, [createAnalyticsEvent, experience]);
   return /*#__PURE__*/React.createElement(BaseErrorBoundary, {
     onError: handleError,

package/dist/es2019/{controllers → common/ui}/experience-tracker/index.js

@@ -1,9 +1,9 @@
 import React, { createContext, useContext, useMemo, useRef } from 'react';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import { captureException } from '@atlaskit/linking-common/sentry';
-import { ANALYTICS_CHANNEL } from '../../common/constants';
-import createEventPayload from '../../common/utils/analytics/analytics.codegen';
-import { getErrorType, getNetworkFields } from '../../common/utils/errors';
+import { ANALYTICS_CHANNEL } from '../../constants';
+import createEventPayload from '../../utils/analytics/analytics.codegen';
+import { getErrorType, getNetworkFields } from '../../utils/errors';
 const ExperienceContext = /*#__PURE__*/createContext({
   success: () => {},
   failure: () => {}

package/dist/es2019/common/ui/link-create-content/index.js

@@ -0,0 +1,11 @@
+import React, { Fragment } from 'react';
+export const LinkCreateContent = ({
+  plugins,
+  entityKey
+}) => {
+  const chosenOne = plugins.find(plugin => plugin.key === entityKey);
+  if (!chosenOne) {
+    throw new Error('Make sure you specified a valid entityKey');
+  }
+  return /*#__PURE__*/React.createElement(Fragment, null, chosenOne.form);
+};

package/dist/es2019/{ui/link-create → common/ui}/modal-hero/index.js

@@ -1,8 +1,6 @@
 import React, { Fragment } from 'react';
 import { Stack } from '@atlaskit/primitives';
-
-// eslint-disable-next-line @atlassian/tangerine/import/no-parent-imports
-import { ErrorBoundary } from '../error-boundary';
+import { ErrorBoundary } from '../../../common/ui/error-boundary';
 const ErrorComponent = () => {
   // when there's an error, render nothing but report the issue
   return /*#__PURE__*/React.createElement(Fragment, null, null);

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

@@ -1,10 +1,9 @@
 import React, { useContext, useMemo } from 'react';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { ANALYTICS_CHANNEL } from '../../common/constants';
+import { useExperience } from '../../common/ui/experience-tracker';
 import createEventPayload from '../../common/utils/analytics/analytics.codegen';
 import { getErrorType } from '../../common/utils/errors';
-import { useExperience } from '../experience-tracker';
 const LinkCreateCallbackContext = /*#__PURE__*/React.createContext({});
 const LinkCreateCallbackProvider = ({
   children,
@@ -15,18 +14,14 @@ const LinkCreateCallbackProvider = ({
   const {
     createAnalyticsEvent
   } = useAnalyticsEvents();
-  const experience = getBooleanFF('platform.linking-platform.link-create.better-observability') ?
-  // eslint-disable-next-line react-hooks/rules-of-hooks
-  useExperience() : null;
+  const experience = useExperience();
   const handleCreate = useMemo(() => ({
     onCreate: async result => {
-      if (getBooleanFF('platform.linking-platform.link-create.better-observability')) {
-        /**
-         * We consider the experience successful once we have
-         * successfully created an object
-         */
-        experience === null || experience === void 0 ? void 0 : experience.success();
-      }
+      /**
+       * We consider the experience successful once we have
+       * successfully created an object
+       */
+      experience === null || experience === void 0 ? void 0 : experience.success();
       const {
         objectId,
         objectType
@@ -45,9 +40,7 @@ const LinkCreateCallbackProvider = ({
       createAnalyticsEvent(createEventPayload('track.object.createFailed.linkCreate', {
         failureType: getErrorType(error)
       })).fire(ANALYTICS_CHANNEL);
-      if (getBooleanFF('platform.linking-platform.link-create.better-observability')) {
-        experience === null || experience === void 0 ? void 0 : experience.failure(error);
-      }
+      experience === null || experience === void 0 ? void 0 : experience.failure(error);
       onFailure && onFailure(error);
     }
   }), [createAnalyticsEvent, onFailure, experience]);

package/dist/es2019/index.js

@@ -1,3 +1,6 @@
-export { default, TextField, CreateForm, Select, AsyncSelect, CreateFormLoader, FormSpy } from './ui/index';
+export { default, TextField, CreateForm, Select, AsyncSelect, CreateFormLoader, FormSpy
+// todo: EDM-10077 - export this once inline-create is tested/ready
+//InlineCreate,
+} from './ui/index';
 export { useLinkCreateCallback, LinkCreateCallbackProvider } from './controllers/callback-context';
 export { FORM_ERROR } from 'final-form';

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

@@ -5,7 +5,6 @@ import { jsx } from '@emotion/react';
 import debounce from 'debounce-promise';
 import { useForm } from 'react-final-form';
 import { useIntl } from 'react-intl-next';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { AsyncSelect as AkAsyncSelect } from '@atlaskit/select';
 import messages from '../../../common/messages';
 import { useLinkCreateCallback } from '../../../controllers/callback-context';
@@ -48,9 +47,7 @@ export function AsyncSelect({
   /**
    * This binds experience to fail if async fetch ever fails to load
    */
-  const loadOptions = getBooleanFF('platform.linking-platform.link-create.better-observability') ?
-  // eslint-disable-next-line react-hooks/rules-of-hooks
-  useMemo(() => {
+  const loadOptions = useMemo(() => {
     if (loadOptionsFn) {
       return async function (...args) {
         try {
@@ -62,7 +59,7 @@ export function AsyncSelect({
         }
       };
     }
-  }, [intl, onFailure, loadOptionsFn, setFormErrorMessage]) : loadOptionsFn;
+  }, [intl, onFailure, loadOptionsFn, setFormErrorMessage]);
   useEffect(() => {
     let current = true;
     const fetch = async (query = '') => {

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

@@ -5,7 +5,6 @@ import { FORM_ERROR } from 'final-form';
 import { Form, FormSpy } from 'react-final-form';
 import { useIntl } from 'react-intl-next';
 import { RequiredAsterisk } from '@atlaskit/form';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { Box } from '@atlaskit/primitives';
 import { CREATE_FORM_MAX_WIDTH_IN_PX, LINK_CREATE_FORM_POST_CREATE_FIELD } from '../../common/constants';
 import messages from '../../common/messages';
@@ -91,7 +90,7 @@ export const CreateForm = ({
     return jsx(CreateFormLoader, null);
   }
   return jsx(Form, {
-    onSubmit: getBooleanFF('platform.linking-platform.link-create.better-observability') ? handleSubmitWithErrorHandling : handleSubmit,
+    onSubmit: handleSubmitWithErrorHandling,
     initialValues: initialValues,
     mutators: {
       setField: (args, state, tools) => {
@@ -120,7 +119,7 @@ export const CreateForm = ({
         const isModified = Object.values(state.modified).some(value => value);
         setShouldShowWarning(isModified);
       }
-    }), getBooleanFF('platform.linking-platform.link-create.enable-expected-field-errors') && jsx("p", {
+    }), jsx("p", {
       "aria-hidden": "true"
     }, intl.formatMessage(messages.requiredFieldInstruction), ' ', jsx(RequiredAsterisk, null)), jsx(Box, null, children), !hideFooter && jsx(CreateFormFooter
     /**
@@ -129,7 +128,7 @@ export const CreateForm = ({
      * default to the `formErrorMessage` that we sometimes use with our own
      * "form context" (only currently used for AsyncSelect field reporting failed loading)
      */, {
-      formErrorMessage: getBooleanFF('platform.linking-platform.link-create.better-observability') ? submitError || formErrorMessage : formErrorMessage,
+      formErrorMessage: submitError || formErrorMessage,
       handleCancel: handleCancel,
       testId: testId
     }));

package/dist/es2019/ui/index.js

@@ -1,4 +1,5 @@
-export { default } from './main';
+export { default } from './modal-create';
+export { default as InlineCreate } from './inline-create';
 export { TextField } from './create-form/textfield';
 export { CreateForm } from './create-form/main';
 export { CreateFormLoader } from './create-form/form-loader';

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

@@ -0,0 +1,30 @@
+/** @jsx jsx */
+import { memo } from 'react';
+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 InlineCreate from './main';
+const LinkCreateWithAnalyticsContext = withLinkCreateAnalyticsContext( /*#__PURE__*/memo(props => {
+  return jsx(Experience, null, jsx(ErrorBoundary, {
+    errorComponent: jsx(ErrorBoundaryModal, {
+      active: props.active,
+      onClose: props.onCancel
+    })
+  }, jsx(InlineCreate, props)));
+}));
+const ComposedLinkCreate = /*#__PURE__*/memo(props => {
+  return jsx(AnalyticsContext, {
+    data: PACKAGE_DATA
+  }, jsx(IntlMessagesProvider, {
+    defaultMessages: i18nEN,
+    loaderFn: fetchMessagesForLocale
+  }, jsx(LinkCreateWithAnalyticsContext, props)));
+});
+export default ComposedLinkCreate;

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

@@ -0,0 +1,100 @@
+import _extends from "@babel/runtime/helpers/extends";
+/** @jsx jsx */
+import { useCallback, useState } from 'react';
+import { jsx } from '@emotion/react';
+import { Box } from '@atlaskit/primitives';
+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
+// useLinkCreateCallback,
+} 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';
+export const TEST_ID = 'link-create';
+// todo: EDM-10075 trigger the screen.viewed_linkCreateScreen event when inline-create is mounted
+// const SCREEN_ID = 'linkCreateScreen';
+
+const InlineCreateContent = ({
+  onCreate,
+  onFailure,
+  onCancel,
+  onComplete,
+  plugins,
+  entityKey,
+  testId
+}) => {
+  const {
+    getShouldShowWarning
+  } = useExitWarningModal();
+  const [showExitWarning, setShowExitWarning] = useState(false);
+  const {
+    editViewPayload
+  } = useEditPostCreateModal();
+  const {
+    activePlugin
+  } = useLinkCreatePlugins();
+  const handleCancel = useCallback(() => {
+    if (getShouldShowWarning() && !showExitWarning) {
+      setShowExitWarning(true);
+      return;
+    }
+    onCancel === null || onCancel === void 0 ? void 0 : onCancel();
+  }, [onCancel, getShouldShowWarning, showExitWarning]);
+  const handleCloseExitWarning = useCallback(() => setShowExitWarning(false), []);
+  return jsx(LinkCreateCallbackProvider, {
+    onCreate: onCreate,
+    onFailure: onFailure,
+    onCancel: handleCancel
+  }, jsx(ErrorBoundary, null, 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 InlineCreate = 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(ExitWarningModalProvider, null, 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 InlineCreate;

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

@@ -0,0 +1,30 @@
+/** @jsx jsx */
+import { memo } from 'react';
+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 ComposedLinkCreate = /*#__PURE__*/memo(props => {
+  return jsx(AnalyticsContext, {
+    data: PACKAGE_DATA
+  }, jsx(IntlMessagesProvider, {
+    defaultMessages: i18nEN,
+    loaderFn: fetchMessagesForLocale
+  }, jsx(LinkCreateWithAnalyticsContext, props)));
+});
+export default ComposedLinkCreate;