@atlaskit/link-create 1.4.0 → 1.5.1

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

@@ -0,0 +1,17 @@
+import React from 'react';
+import Modal, { ModalTransition } from '@atlaskit/modal-dialog';
+import { useEditPostCreateModal } from '../../../controllers/edit-post-create-context';
+export const EditModal = ({
+  onClose
+}) => {
+  const {
+    editViewPayload
+  } = useEditPostCreateModal();
+  return /*#__PURE__*/React.createElement(ModalTransition, null, !!editViewPayload && /*#__PURE__*/React.createElement(Modal, {
+    testId: "link-create-edit-modal",
+    onClose: onClose,
+    shouldScrollInViewport: true,
+    width: "calc(100vw - 120px)",
+    height: "calc(100vh - 120px)"
+  }));
+};

package/dist/es2019/ui/link-create/error-boundary/error-boundary-base/index.js

@@ -1,4 +1,4 @@
-import React, { Component } from 'react';
+import { Component } from 'react';
 // eslint-disable-next-line @repo/internal/react/no-class-components
 export class BaseErrorBoundary extends Component {
   constructor(props) {
@@ -19,13 +19,13 @@ export class BaseErrorBoundary extends Component {
   render() {
     const {
       children,
-      ErrorComponent
+      errorComponent
     } = this.props;
     const {
       hasError
     } = this.state;
-    if (hasError && ErrorComponent) {
-      return /*#__PURE__*/React.createElement(ErrorComponent, null);
+    if (hasError && errorComponent) {
+      return errorComponent;
     }
     return children;
   }

package/dist/es2019/ui/link-create/error-boundary/index.js

@@ -1,11 +1,12 @@
 import React, { useCallback } from 'react';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import { ANALYTICS_CHANNEL } from '../../../common/constants';
+import { ErrorBoundaryUI } from '../../../common/ui/error-boundary-ui';
 import createEventPayload from '../../../common/utils/analytics/analytics.codegen';
 import { BaseErrorBoundary } from './error-boundary-base';
-import { ErrorBoundaryUI } from './error-boundary-ui';
 export const ErrorBoundary = ({
-  children
+  children,
+  errorComponent
 }) => {
   const {
     createAnalyticsEvent
@@ -24,6 +25,6 @@ export const ErrorBoundary = ({
   }, [createAnalyticsEvent]);
   return /*#__PURE__*/React.createElement(BaseErrorBoundary, {
     onError: handleError,
-    ErrorComponent: ErrorBoundaryUI
+    errorComponent: errorComponent !== null && errorComponent !== void 0 ? errorComponent : /*#__PURE__*/React.createElement(ErrorBoundaryUI, null)
   }, children);
 };

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

@@ -8,8 +8,11 @@ import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { Box } from '@atlaskit/primitives';
 import { CREATE_FORM_MAX_WIDTH_IN_PX } from '../../common/constants';
 import { LinkCreateCallbackProvider } from '../../controllers/callback-context';
+import { EditPostCreateModalProvider } from '../../controllers/edit-post-create-context';
 import { useFormContext, withLinkCreateFormContext } from '../../controllers/form-context';
+import { LinkCreatePluginsProvider } from '../../controllers/plugin-context';
 import { ConfirmDismissDialog } from './confirm-dismiss-dialog';
+import { EditModal } from './edit-modal';
 import { ErrorBoundary } from './error-boundary';
 import { messages } from './messages';
 import TrackMount from './track-mount';
@@ -92,10 +95,22 @@ const LinkCreateWithModal = ({
     width: `${CREATE_FORM_MAX_WIDTH_IN_PX}px`
   }, jsx(ModalHeader, null, jsx(ModalTitle, null, modalTitle || intl.formatMessage(messages.heading))), jsx(ModalBody, null, jsx(LinkCreate, _extends({}, createProps, {
     onCancel: handleCancel
-  }))))), jsx(ConfirmDismissDialog, {
+  }))))), getBooleanFF('platform.linking-platform.link-create.enable-edit') && jsx(EditModal, {
+    onClose: handleCancel
+  }), getBooleanFF('platform.linking-platform.link-create.confirm-dismiss-dialog') && jsx(ConfirmDismissDialog, {
     active: dismissDialog,
     onCancelDismiss: handleCancelDismiss,
     onConfirmDismiss: handleConfirmDismiss
   }));
 };
-export default withLinkCreateFormContext(LinkCreateWithModal);
+export default withLinkCreateFormContext(props => {
+  if (getBooleanFF('platform.linking-platform.link-create.enable-edit')) {
+    return jsx(LinkCreatePluginsProvider, {
+      plugins: props.plugins,
+      entityKey: props.entityKey
+    }, jsx(EditPostCreateModalProvider, {
+      active: !!props.active
+    }, jsx(LinkCreateWithModal, props)));
+  }
+  return jsx(LinkCreateWithModal, props);
+});

package/dist/es2019/ui/main.js

@@ -3,19 +3,30 @@ import { memo } from 'react';
 import { jsx } from '@emotion/react';
 import { AnalyticsContext } from '@atlaskit/analytics-next';
 import { IntlMessagesProvider } from '@atlaskit/intl-messages-provider';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { COMPONENT_NAME } from '../common/constants';
+import { ErrorBoundaryModal } from '../common/ui/error-boundary-modal';
 import { withLinkCreateAnalyticsContext } from '../common/utils/analytics';
 import { fetchMessagesForLocale } from '../common/utils/locale/fetch-messages-for-locale';
 import i18nEN from '../i18n/en';
 import LinkCreate from './link-create';
+import { ErrorBoundary } from './link-create/error-boundary';
 const LinkCreateWithAnalyticsContext = withLinkCreateAnalyticsContext( /*#__PURE__*/memo(({
   ...props
 }) => {
+  if (getBooleanFF('platform.linking-platform.link-create.outer-error-boundary')) {
+    return jsx(ErrorBoundary, {
+      errorComponent: jsx(ErrorBoundaryModal, {
+        active: props.active,
+        onClose: props.onCancel
+      })
+    }, jsx(LinkCreate, props));
+  }
   return jsx(LinkCreate, props);
 }));
 export const PACKAGE_DATA = {
   packageName: "@atlaskit/link-create" || '',
-  packageVersion: "1.4.0" || '',
+  packageVersion: "1.5.1" || '',
   componentName: COMPONENT_NAME,
   source: COMPONENT_NAME
 };

package/dist/esm/common/ui/Button/index.js

@@ -0,0 +1,27 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["actionSubjectId"];
+import React, { forwardRef } from 'react';
+import { UIAnalyticsEvent, useAnalyticsEvents } from '@atlaskit/analytics-next';
+import AkButton from '@atlaskit/button';
+import { ANALYTICS_CHANNEL } from '../../../common/constants';
+import createEventPayload from '../../../common/utils/analytics/analytics.codegen';
+export var Button = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var actionSubjectId = _ref.actionSubjectId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _useAnalyticsEvents = useAnalyticsEvents(),
+    createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
+  return /*#__PURE__*/React.createElement(AkButton, _extends({}, props, {
+    ref: ref,
+    onClick: function onClick(event) {
+      var _props$onClick;
+      var payload = createEventPayload("ui.button.clicked.".concat(actionSubjectId), {});
+      var analyticEvent = createAnalyticsEvent(payload);
+      var cloned = analyticEvent.clone();
+      analyticEvent.fire(ANALYTICS_CHANNEL);
+      (_props$onClick = props.onClick) === null || _props$onClick === void 0 || _props$onClick.call(props, event, cloned !== null && cloned !== void 0 ? cloned : new UIAnalyticsEvent({
+        payload: payload
+      }));
+    }
+  }));
+});

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

@@ -0,0 +1,21 @@
+/** @jsx jsx */
+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 ErrorBoundaryModal = function ErrorBoundaryModal(_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/utils/analytics/analytics.codegen.js

@@ -4,7 +4,7 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
  *
  * Generates Typescript types for analytics events from analytics.spec.yaml
  *
- * @codegen <<SignedSource::afcb2b69ebf56a35a2926fa7fdfd1118>>
+ * @codegen <<SignedSource::af0139619517f37a8bca32ddb6b7d6e0>>
  * @codegenCommand yarn workspace @atlaskit/link-create run codegen-analytics
  */
 

package/dist/esm/common/utils/analytics/components.js

@@ -0,0 +1,13 @@
+import { useEffect } from 'react';
+import { useAnalyticsEvents } from '@atlaskit/analytics-next';
+import { ANALYTICS_CHANNEL } from '../../../common/constants';
+import createEventPayload from './analytics.codegen';
+export var ScreenViewedEvent = function ScreenViewedEvent(_ref) {
+  var screen = _ref.screen;
+  var _useAnalyticsEvents = useAnalyticsEvents(),
+    createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
+  useEffect(function () {
+    createAnalyticsEvent(createEventPayload("screen.".concat(screen, ".viewed"), {})).fire(ANALYTICS_CHANNEL);
+  }, [createAnalyticsEvent, screen]);
+  return null;
+};

package/dist/esm/controllers/edit-post-create-context/index.js

@@ -0,0 +1,33 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import React, { createContext, useContext, useMemo, useState } from 'react';
+var EditPostCreateModalContext = /*#__PURE__*/createContext({
+  editViewPayload: undefined,
+  setEditViewPayload: function setEditViewPayload() {}
+});
+export var EditPostCreateModalProvider = function EditPostCreateModalProvider(_ref) {
+  var active = _ref.active,
+    children = _ref.children;
+  var _useState = useState(undefined),
+    _useState2 = _slicedToArray(_useState, 2),
+    editViewPayload = _useState2[0],
+    setEditViewPayload = _useState2[1];
+  var value = useMemo(function () {
+    return {
+      editViewPayload: editViewPayload,
+      setEditViewPayload: setEditViewPayload
+    };
+  }, [editViewPayload, setEditViewPayload]);
+  if (editViewPayload && !active) {
+    setEditViewPayload(undefined);
+  }
+  return /*#__PURE__*/React.createElement(EditPostCreateModalContext.Provider, {
+    value: value
+  }, children);
+};
+export var useEditPostCreateModal = function useEditPostCreateModal() {
+  var value = useContext(EditPostCreateModalContext);
+  if (!value) {
+    throw new Error('useEditPostCreateModal used outside of useEditPostCreateModalProvider');
+  }
+  return value;
+};

package/dist/esm/controllers/plugin-context/index.js

@@ -0,0 +1,29 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import React, { createContext, useContext, useMemo, useState } from 'react';
+var LinkCreatePluginsContext = /*#__PURE__*/createContext(null);
+export var LinkCreatePluginsProvider = function LinkCreatePluginsProvider(_ref) {
+  var plugins = _ref.plugins,
+    propEntityKey = _ref.entityKey,
+    children = _ref.children;
+  var _useState = useState(propEntityKey),
+    _useState2 = _slicedToArray(_useState, 1),
+    entityKey = _useState2[0];
+  var value = useMemo(function () {
+    var _plugins$find;
+    return {
+      activePlugin: (_plugins$find = plugins.find(function (plugin) {
+        return plugin.key === entityKey;
+      })) !== null && _plugins$find !== void 0 ? _plugins$find : null
+    };
+  }, [entityKey, plugins]);
+  return /*#__PURE__*/React.createElement(LinkCreatePluginsContext.Provider, {
+    value: value
+  }, children);
+};
+export var useLinkCreatePlugins = function useLinkCreatePlugins() {
+  var value = useContext(LinkCreatePluginsContext);
+  if (!value) {
+    throw new Error('useLinkCreatePlugins used outside of LinkCreatePluginsProvider');
+  }
+  return value;
+};

package/dist/esm/ui/link-create/confirm-dismiss-dialog/main.js

@@ -1,22 +1,35 @@
 import React from 'react';
 import { useIntl } from 'react-intl-next';
-import Button from '@atlaskit/button';
+import { AnalyticsContext } from '@atlaskit/analytics-next';
 import Modal, { ModalBody, ModalFooter, ModalHeader, ModalTitle, ModalTransition } from '@atlaskit/modal-dialog';
+import { Button } from '../../../common/ui/Button';
+import { ScreenViewedEvent } from '../../../common/utils/analytics/components';
 import messages from './messages';
+var screen = 'linkCreateExitWarningScreen';
+var context = {
+  component: screen,
+  source: screen
+};
 export var ConfirmDismissDialog = function ConfirmDismissDialog(_ref) {
   var active = _ref.active,
     onCancelDismiss = _ref.onCancelDismiss,
     onConfirmDismiss = _ref.onConfirmDismiss;
   var intl = useIntl();
-  return /*#__PURE__*/React.createElement(ModalTransition, null, active && /*#__PURE__*/React.createElement(Modal, {
+  return /*#__PURE__*/React.createElement(ModalTransition, null, active && /*#__PURE__*/React.createElement(AnalyticsContext, {
+    data: context
+  }, /*#__PURE__*/React.createElement(Modal, {
     testId: "link-create-confirm-dismiss-dialog",
     onClose: onCancelDismiss,
     width: "small"
-  }, /*#__PURE__*/React.createElement(ModalHeader, null, /*#__PURE__*/React.createElement(ModalTitle, null, intl.formatMessage(messages.title))), /*#__PURE__*/React.createElement(ModalBody, null, intl.formatMessage(messages.description)), /*#__PURE__*/React.createElement(ModalFooter, null, /*#__PURE__*/React.createElement(Button, {
+  }, /*#__PURE__*/React.createElement(ScreenViewedEvent, {
+    screen: "linkCreateExitWarningScreen"
+  }), /*#__PURE__*/React.createElement(ModalHeader, null, /*#__PURE__*/React.createElement(ModalTitle, null, intl.formatMessage(messages.title))), /*#__PURE__*/React.createElement(ModalBody, null, intl.formatMessage(messages.description)), /*#__PURE__*/React.createElement(ModalFooter, null, /*#__PURE__*/React.createElement(Button, {
+    actionSubjectId: "cancel",
     appearance: "subtle",
     onClick: onCancelDismiss
   }, intl.formatMessage(messages.cancelButtonLabel)), /*#__PURE__*/React.createElement(Button, {
+    actionSubjectId: "confirm",
     appearance: "primary",
     onClick: onConfirmDismiss
-  }, intl.formatMessage(messages.confirmButtonLabel)))));
+  }, intl.formatMessage(messages.confirmButtonLabel))))));
 };

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

@@ -0,0 +1,15 @@
+import React from 'react';
+import Modal, { ModalTransition } from '@atlaskit/modal-dialog';
+import { useEditPostCreateModal } from '../../../controllers/edit-post-create-context';
+export var EditModal = function EditModal(_ref) {
+  var onClose = _ref.onClose;
+  var _useEditPostCreateMod = useEditPostCreateModal(),
+    editViewPayload = _useEditPostCreateMod.editViewPayload;
+  return /*#__PURE__*/React.createElement(ModalTransition, null, !!editViewPayload && /*#__PURE__*/React.createElement(Modal, {
+    testId: "link-create-edit-modal",
+    onClose: onClose,
+    shouldScrollInViewport: true,
+    width: "calc(100vw - 120px)",
+    height: "calc(100vh - 120px)"
+  }));
+};

package/dist/esm/ui/link-create/error-boundary/error-boundary-base/index.js

@@ -5,7 +5,7 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstruct
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-import React, { Component } from 'react';
+import { Component } from 'react';
 // eslint-disable-next-line @repo/internal/react/no-class-components
 export var BaseErrorBoundary = /*#__PURE__*/function (_Component) {
   _inherits(BaseErrorBoundary, _Component);
@@ -33,10 +33,10 @@ export var BaseErrorBoundary = /*#__PURE__*/function (_Component) {
     value: function render() {
       var _this$props = this.props,
         children = _this$props.children,
-        ErrorComponent = _this$props.ErrorComponent;
+        errorComponent = _this$props.errorComponent;
       var hasError = this.state.hasError;
-      if (hasError && ErrorComponent) {
-        return /*#__PURE__*/React.createElement(ErrorComponent, null);
+      if (hasError && errorComponent) {
+        return errorComponent;
       }
       return children;
     }

package/dist/esm/ui/link-create/error-boundary/index.js

@@ -1,11 +1,12 @@
 import React, { useCallback } from 'react';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import { ANALYTICS_CHANNEL } from '../../../common/constants';
+import { ErrorBoundaryUI } from '../../../common/ui/error-boundary-ui';
 import createEventPayload from '../../../common/utils/analytics/analytics.codegen';
 import { BaseErrorBoundary } from './error-boundary-base';
-import { ErrorBoundaryUI } from './error-boundary-ui';
 export var ErrorBoundary = function ErrorBoundary(_ref) {
-  var children = _ref.children;
+  var children = _ref.children,
+    errorComponent = _ref.errorComponent;
   var _useAnalyticsEvents = useAnalyticsEvents(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   var handleError = useCallback(function (error, info) {
@@ -22,6 +23,6 @@ export var ErrorBoundary = function ErrorBoundary(_ref) {
   }, [createAnalyticsEvent]);
   return /*#__PURE__*/React.createElement(BaseErrorBoundary, {
     onError: handleError,
-    ErrorComponent: ErrorBoundaryUI
+    errorComponent: errorComponent !== null && errorComponent !== void 0 ? errorComponent : /*#__PURE__*/React.createElement(ErrorBoundaryUI, null)
   }, children);
 };

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

@@ -14,8 +14,11 @@ import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { Box } from '@atlaskit/primitives';
 import { CREATE_FORM_MAX_WIDTH_IN_PX } from '../../common/constants';
 import { LinkCreateCallbackProvider } from '../../controllers/callback-context';
+import { EditPostCreateModalProvider } from '../../controllers/edit-post-create-context';
 import { useFormContext, withLinkCreateFormContext } from '../../controllers/form-context';
+import { LinkCreatePluginsProvider } from '../../controllers/plugin-context';
 import { ConfirmDismissDialog } from './confirm-dismiss-dialog';
+import { EditModal } from './edit-modal';
 import { ErrorBoundary } from './error-boundary';
 import { messages } from './messages';
 import TrackMount from './track-mount';
@@ -115,10 +118,22 @@ var LinkCreateWithModal = function LinkCreateWithModal(_ref4) {
     width: "".concat(CREATE_FORM_MAX_WIDTH_IN_PX, "px")
   }, jsx(ModalHeader, null, jsx(ModalTitle, null, modalTitle || intl.formatMessage(messages.heading))), jsx(ModalBody, null, jsx(LinkCreate, _extends({}, createProps, {
     onCancel: handleCancel
-  }))))), jsx(ConfirmDismissDialog, {
+  }))))), getBooleanFF('platform.linking-platform.link-create.enable-edit') && jsx(EditModal, {
+    onClose: handleCancel
+  }), getBooleanFF('platform.linking-platform.link-create.confirm-dismiss-dialog') && jsx(ConfirmDismissDialog, {
     active: dismissDialog,
     onCancelDismiss: handleCancelDismiss,
     onConfirmDismiss: handleConfirmDismiss
   }));
 };
-export default withLinkCreateFormContext(LinkCreateWithModal);
+export default withLinkCreateFormContext(function (props) {
+  if (getBooleanFF('platform.linking-platform.link-create.enable-edit')) {
+    return jsx(LinkCreatePluginsProvider, {
+      plugins: props.plugins,
+      entityKey: props.entityKey
+    }, jsx(EditPostCreateModalProvider, {
+      active: !!props.active
+    }, jsx(LinkCreateWithModal, props)));
+  }
+  return jsx(LinkCreateWithModal, props);
+});

package/dist/esm/ui/main.js

@@ -5,18 +5,29 @@ import { memo } from 'react';
 import { jsx } from '@emotion/react';
 import { AnalyticsContext } from '@atlaskit/analytics-next';
 import { IntlMessagesProvider } from '@atlaskit/intl-messages-provider';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { COMPONENT_NAME } from '../common/constants';
+import { ErrorBoundaryModal } from '../common/ui/error-boundary-modal';
 import { withLinkCreateAnalyticsContext } from '../common/utils/analytics';
 import { fetchMessagesForLocale } from '../common/utils/locale/fetch-messages-for-locale';
 import i18nEN from '../i18n/en';
 import LinkCreate from './link-create';
+import { ErrorBoundary } from './link-create/error-boundary';
 var LinkCreateWithAnalyticsContext = withLinkCreateAnalyticsContext( /*#__PURE__*/memo(function (_ref) {
   var props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
+  if (getBooleanFF('platform.linking-platform.link-create.outer-error-boundary')) {
+    return jsx(ErrorBoundary, {
+      errorComponent: jsx(ErrorBoundaryModal, {
+        active: props.active,
+        onClose: props.onCancel
+      })
+    }, jsx(LinkCreate, props));
+  }
   return jsx(LinkCreate, props);
 }));
 export var PACKAGE_DATA = {
   packageName: "@atlaskit/link-create" || '',
-  packageVersion: "1.4.0" || '',
+  packageVersion: "1.5.1" || '',
   componentName: COMPONENT_NAME,
   source: COMPONENT_NAME
 };

package/dist/types/common/ui/Button/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { AnalyticsEventAttributes } from '../../../common/utils/analytics/analytics.codegen';
+export declare const Button: React.ForwardRefExoticComponent<Pick<import("@atlaskit/button").ButtonProps & React.RefAttributes<HTMLElement> & {
+    actionSubjectId: "create" | "cancel" | "confirm";
+}, "key" | keyof import("@atlaskit/button").ButtonProps | "actionSubjectId"> & React.RefAttributes<HTMLElement>>;

package/dist/types/common/ui/error-boundary-modal/index.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+/**
+ * ErrorBoundaryModal props are the same as those passed to LinkCreate, which
+ * are used to control its active state
+ */
+type ErrorBoundaryModalProps = {
+    active?: boolean;
+    onClose?: () => void;
+};
+export declare const ErrorBoundaryModal: React.FC<ErrorBoundaryModalProps>;
+export {};

package/dist/types/common/utils/analytics/analytics.codegen.d.ts

@@ -3,7 +3,7 @@
  *
  * Generates Typescript types for analytics events from analytics.spec.yaml
  *
- * @codegen <<SignedSource::afcb2b69ebf56a35a2926fa7fdfd1118>>
+ * @codegen <<SignedSource::af0139619517f37a8bca32ddb6b7d6e0>>
  * @codegenCommand yarn workspace @atlaskit/link-create run codegen-analytics
  */
 export type PackageMetaDataType = {
@@ -18,8 +18,10 @@ export type LinkCreateAnalyticsContextType = {
     appearance: 'modal' | 'popup';
 };
 export type LinkCreateScreenViewedAttributesType = {};
+export type LinkCreateExitWarningScreenViewedAttributesType = {};
 export type ButtonClickedCreateAttributesType = {};
 export type ButtonClickedCancelAttributesType = {};
+export type ButtonClickedConfirmAttributesType = {};
 export type ModalDialogClosedLinkCreateAttributesType = {};
 export type LinkCreateUnhandledErrorCaughtAttributesType = {
     browserInfo: string;
@@ -33,10 +35,12 @@ export type ObjectCreatedLinkCreateAttributesType = {
 export type ObjectCreateFailedLinkCreateAttributesType = {
     failureType: string;
 };
-type AnalyticsEventAttributes = {
+export type AnalyticsEventAttributes = {
     'screen.linkCreateScreen.viewed': LinkCreateScreenViewedAttributesType;
+    'screen.linkCreateExitWarningScreen.viewed': LinkCreateExitWarningScreenViewedAttributesType;
     'ui.button.clicked.create': ButtonClickedCreateAttributesType;
     'ui.button.clicked.cancel': ButtonClickedCancelAttributesType;
+    'ui.button.clicked.confirm': ButtonClickedConfirmAttributesType;
     'ui.modalDialog.closed.linkCreate': ModalDialogClosedLinkCreateAttributesType;
     'operational.linkCreate.unhandledErrorCaught': LinkCreateUnhandledErrorCaughtAttributesType;
     'track.object.created.linkCreate': ObjectCreatedLinkCreateAttributesType;

package/dist/types/common/utils/analytics/components.d.ts

@@ -0,0 +1,8 @@
+import { AnalyticsEventAttributes } from './analytics.codegen';
+type ScreenViewedEventProps = {
+    screen: keyof {
+        [Key in keyof AnalyticsEventAttributes as Key extends `screen.${infer ScreenName}.viewed` ? ScreenName : never]: any;
+    };
+};
+export declare const ScreenViewedEvent: ({ screen }: ScreenViewedEventProps) => null;
+export {};

package/dist/types/controllers/edit-post-create-context/index.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { CreatePayload } from '../../common/types';
+type EditPostCreateModalContextValue = {
+    editViewPayload?: CreatePayload | undefined;
+    setEditViewPayload: (payload?: CreatePayload) => void;
+};
+export declare const EditPostCreateModalProvider: ({ active, children, }: {
+    active: boolean;
+    children: React.ReactNode;
+}) => JSX.Element;
+export declare const useEditPostCreateModal: () => EditPostCreateModalContextValue;
+export {};

package/dist/types/controllers/plugin-context/index.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { LinkCreatePlugin } from '../../common/types';
+type LinkCreatePluginsProviderProps = {
+    /**
+     * The list of plugins provided as a prop to Link Create component
+     */
+    plugins: LinkCreatePlugin[];
+    /**
+     * The entity key as provided as prop to link create which controls the initially active plugin
+     */
+    entityKey: string;
+    children: React.ReactNode;
+};
+export declare const LinkCreatePluginsProvider: ({ plugins, entityKey: propEntityKey, children, }: LinkCreatePluginsProviderProps) => JSX.Element;
+export declare const useLinkCreatePlugins: () => {
+    activePlugin: LinkCreatePlugin | null;
+};
+export {};

package/dist/types/ui/link-create/edit-modal/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const EditModal: ({ onClose }: {
+    onClose?: (() => void) | undefined;
+}) => JSX.Element;

package/dist/types/ui/link-create/error-boundary/error-boundary-base/index.d.ts

@@ -1,4 +1,4 @@
-import React, { Component, ReactNode } from 'react';
+import { Component, ReactNode } from 'react';
 export type ErrorBoundaryErrorInfo = {
     componentStack: string;
 };
@@ -7,12 +7,12 @@ type BaseErrorBoundaryState = {
 };
 interface BaseErrorBoundaryProps {
     children: ReactNode;
-    ErrorComponent?: React.ComponentType;
+    errorComponent?: JSX.Element;
     onError?: (error: Error, info?: ErrorBoundaryErrorInfo) => void;
 }
 export declare class BaseErrorBoundary extends Component<BaseErrorBoundaryProps, BaseErrorBoundaryState> {
     constructor(props: BaseErrorBoundaryProps);
     componentDidCatch(error: Error, info?: ErrorBoundaryErrorInfo): void;
-    render(): React.ReactNode;
+    render(): ReactNode;
 }
 export {};

package/dist/types/ui/link-create/error-boundary/index.d.ts

@@ -1,2 +1,6 @@
 import React from 'react';
-export declare const ErrorBoundary: React.FC<{}>;
+type ErrorBoundaryProps = {
+    errorComponent?: JSX.Element;
+};
+export declare const ErrorBoundary: React.FC<ErrorBoundaryProps>;
+export {};

package/dist/types-ts4.5/common/ui/Button/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { AnalyticsEventAttributes } from '../../../common/utils/analytics/analytics.codegen';
+export declare const Button: React.ForwardRefExoticComponent<Pick<import("@atlaskit/button").ButtonProps & React.RefAttributes<HTMLElement> & {
+    actionSubjectId: "create" | "cancel" | "confirm";
+}, "key" | keyof import("@atlaskit/button").ButtonProps | "actionSubjectId"> & React.RefAttributes<HTMLElement>>;

package/dist/types-ts4.5/common/ui/error-boundary-modal/index.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+/**
+ * ErrorBoundaryModal props are the same as those passed to LinkCreate, which
+ * are used to control its active state
+ */
+type ErrorBoundaryModalProps = {
+    active?: boolean;
+    onClose?: () => void;
+};
+export declare const ErrorBoundaryModal: React.FC<ErrorBoundaryModalProps>;
+export {};

package/dist/types-ts4.5/common/utils/analytics/analytics.codegen.d.ts

@@ -3,7 +3,7 @@
  *
  * Generates Typescript types for analytics events from analytics.spec.yaml
  *
- * @codegen <<SignedSource::afcb2b69ebf56a35a2926fa7fdfd1118>>
+ * @codegen <<SignedSource::af0139619517f37a8bca32ddb6b7d6e0>>
  * @codegenCommand yarn workspace @atlaskit/link-create run codegen-analytics
  */
 export type PackageMetaDataType = {
@@ -18,8 +18,10 @@ export type LinkCreateAnalyticsContextType = {
     appearance: 'modal' | 'popup';
 };
 export type LinkCreateScreenViewedAttributesType = {};
+export type LinkCreateExitWarningScreenViewedAttributesType = {};
 export type ButtonClickedCreateAttributesType = {};
 export type ButtonClickedCancelAttributesType = {};
+export type ButtonClickedConfirmAttributesType = {};
 export type ModalDialogClosedLinkCreateAttributesType = {};
 export type LinkCreateUnhandledErrorCaughtAttributesType = {
     browserInfo: string;
@@ -33,10 +35,12 @@ export type ObjectCreatedLinkCreateAttributesType = {
 export type ObjectCreateFailedLinkCreateAttributesType = {
     failureType: string;
 };
-type AnalyticsEventAttributes = {
+export type AnalyticsEventAttributes = {
     'screen.linkCreateScreen.viewed': LinkCreateScreenViewedAttributesType;
+    'screen.linkCreateExitWarningScreen.viewed': LinkCreateExitWarningScreenViewedAttributesType;
     'ui.button.clicked.create': ButtonClickedCreateAttributesType;
     'ui.button.clicked.cancel': ButtonClickedCancelAttributesType;
+    'ui.button.clicked.confirm': ButtonClickedConfirmAttributesType;
     'ui.modalDialog.closed.linkCreate': ModalDialogClosedLinkCreateAttributesType;
     'operational.linkCreate.unhandledErrorCaught': LinkCreateUnhandledErrorCaughtAttributesType;
     'track.object.created.linkCreate': ObjectCreatedLinkCreateAttributesType;