@atlaskit/link-create 1.5.0 → 1.5.1

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/link-create
 
+## 1.5.1
+
+### Patch Changes
+
+- [#42575](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/42575) [`d7338b9229e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d7338b9229e) - Updates exit warning dialog to fire analytics on open, and button clicks
+- [#42553](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/42553) [`76b95198067`](https://bitbucket.org/atlassian/atlassian-frontend/commits/76b95198067) - Add error boundary to catch unhandled errors outside the link create modal
+- Updated dependencies
+
 ## 1.5.0
 
 ### Minor Changes

package/analytics.spec.yaml

@@ -35,6 +35,13 @@ events:
         <<: *PackageMetaDataContext
         <<: *LinkCreateAnalyticContext
 
+  - linkCreateExitWarningScreen viewed:
+      type: screen
+      description: fired when the link create warning modal is shown to the users to warn them of losing their changes
+      attributes:
+        <<: *PackageMetaDataContext
+        <<: *LinkCreateAnalyticContext
+
   - button clicked (create):
       type: ui
       description: fired when the create button is clicked
@@ -49,6 +56,13 @@ events:
         <<: *PackageMetaDataContext
         <<: *LinkCreateAnalyticContext
 
+  - button clicked (confirm):
+      type: ui
+      description: fired when the confirmation button is clicked
+      attributes:
+        <<: *PackageMetaDataContext
+        <<: *LinkCreateAnalyticContext
+
   - modalDialog closed (linkCreate):
       type: ui
       description: fired when the link create component is unmounted/dismissed for any reason

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

@@ -0,0 +1,37 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Button = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireWildcard(require("react"));
+var _analyticsNext = require("@atlaskit/analytics-next");
+var _button = _interopRequireDefault(require("@atlaskit/button"));
+var _constants = require("../../../common/constants");
+var _analytics = _interopRequireDefault(require("../../../common/utils/analytics/analytics.codegen"));
+var _excluded = ["actionSubjectId"];
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var Button = exports.Button = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var actionSubjectId = _ref.actionSubjectId,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
+    createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
+  return /*#__PURE__*/_react.default.createElement(_button.default, (0, _extends2.default)({}, props, {
+    ref: ref,
+    onClick: function onClick(event) {
+      var _props$onClick;
+      var payload = (0, _analytics.default)("ui.button.clicked.".concat(actionSubjectId), {});
+      var analyticEvent = createAnalyticsEvent(payload);
+      var cloned = analyticEvent.clone();
+      analyticEvent.fire(_constants.ANALYTICS_CHANNEL);
+      (_props$onClick = props.onClick) === null || _props$onClick === void 0 || _props$onClick.call(props, event, cloned !== null && cloned !== void 0 ? cloned : new _analyticsNext.UIAnalyticsEvent({
+        payload: payload
+      }));
+    }
+  }));
+});

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

@@ -0,0 +1,30 @@
+"use strict";
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ErrorBoundaryModal = void 0;
+var _react = require("@emotion/react");
+var _modalDialog = _interopRequireWildcard(require("@atlaskit/modal-dialog"));
+var _constants = require("../../constants");
+var _errorBoundaryUi = require("../error-boundary-ui");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+/** @jsx jsx */
+
+/**
+ * ErrorBoundaryModal props are the same as those passed to LinkCreate, which
+ * are used to control its active state
+ */
+
+var ErrorBoundaryModal = exports.ErrorBoundaryModal = function ErrorBoundaryModal(_ref) {
+  var active = _ref.active,
+    onClose = _ref.onClose;
+  return (0, _react.jsx)(_modalDialog.ModalTransition, null, active && (0, _react.jsx)(_modalDialog.default, {
+    testId: "link-create-error-boundary-modal",
+    onClose: onClose,
+    shouldScrollInViewport: true,
+    width: "".concat(_constants.CREATE_FORM_MAX_WIDTH_IN_PX, "px")
+  }, (0, _react.jsx)(_modalDialog.ModalBody, null, (0, _react.jsx)(_errorBoundaryUi.ErrorBoundaryUI, null))));
+};

package/dist/cjs/common/utils/analytics/analytics.codegen.js

@@ -11,7 +11,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
  *
  * 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/cjs/common/utils/analytics/components.js

@@ -0,0 +1,20 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ScreenViewedEvent = void 0;
+var _react = require("react");
+var _analyticsNext = require("@atlaskit/analytics-next");
+var _constants = require("../../../common/constants");
+var _analytics = _interopRequireDefault(require("./analytics.codegen"));
+var ScreenViewedEvent = exports.ScreenViewedEvent = function ScreenViewedEvent(_ref) {
+  var screen = _ref.screen;
+  var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
+    createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
+  (0, _react.useEffect)(function () {
+    createAnalyticsEvent((0, _analytics.default)("screen.".concat(screen, ".viewed"), {})).fire(_constants.ANALYTICS_CHANNEL);
+  }, [createAnalyticsEvent, screen]);
+  return null;
+};

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

@@ -8,25 +8,38 @@ Object.defineProperty(exports, "__esModule", {
 exports.ConfirmDismissDialog = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactIntlNext = require("react-intl-next");
-var _button = _interopRequireDefault(require("@atlaskit/button"));
+var _analyticsNext = require("@atlaskit/analytics-next");
 var _modalDialog = _interopRequireWildcard(require("@atlaskit/modal-dialog"));
+var _Button = require("../../../common/ui/Button");
+var _components = require("../../../common/utils/analytics/components");
 var _messages = _interopRequireDefault(require("./messages"));
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var screen = 'linkCreateExitWarningScreen';
+var context = {
+  component: screen,
+  source: screen
+};
 var ConfirmDismissDialog = exports.ConfirmDismissDialog = function ConfirmDismissDialog(_ref) {
   var active = _ref.active,
     onCancelDismiss = _ref.onCancelDismiss,
     onConfirmDismiss = _ref.onConfirmDismiss;
   var intl = (0, _reactIntlNext.useIntl)();
-  return /*#__PURE__*/_react.default.createElement(_modalDialog.ModalTransition, null, active && /*#__PURE__*/_react.default.createElement(_modalDialog.default, {
+  return /*#__PURE__*/_react.default.createElement(_modalDialog.ModalTransition, null, active && /*#__PURE__*/_react.default.createElement(_analyticsNext.AnalyticsContext, {
+    data: context
+  }, /*#__PURE__*/_react.default.createElement(_modalDialog.default, {
     testId: "link-create-confirm-dismiss-dialog",
     onClose: onCancelDismiss,
     width: "small"
-  }, /*#__PURE__*/_react.default.createElement(_modalDialog.ModalHeader, null, /*#__PURE__*/_react.default.createElement(_modalDialog.ModalTitle, null, intl.formatMessage(_messages.default.title))), /*#__PURE__*/_react.default.createElement(_modalDialog.ModalBody, null, intl.formatMessage(_messages.default.description)), /*#__PURE__*/_react.default.createElement(_modalDialog.ModalFooter, null, /*#__PURE__*/_react.default.createElement(_button.default, {
+  }, /*#__PURE__*/_react.default.createElement(_components.ScreenViewedEvent, {
+    screen: "linkCreateExitWarningScreen"
+  }), /*#__PURE__*/_react.default.createElement(_modalDialog.ModalHeader, null, /*#__PURE__*/_react.default.createElement(_modalDialog.ModalTitle, null, intl.formatMessage(_messages.default.title))), /*#__PURE__*/_react.default.createElement(_modalDialog.ModalBody, null, intl.formatMessage(_messages.default.description)), /*#__PURE__*/_react.default.createElement(_modalDialog.ModalFooter, null, /*#__PURE__*/_react.default.createElement(_Button.Button, {
+    actionSubjectId: "cancel",
     appearance: "subtle",
     onClick: onCancelDismiss
-  }, intl.formatMessage(_messages.default.cancelButtonLabel)), /*#__PURE__*/_react.default.createElement(_button.default, {
+  }, intl.formatMessage(_messages.default.cancelButtonLabel)), /*#__PURE__*/_react.default.createElement(_Button.Button, {
+    actionSubjectId: "confirm",
     appearance: "primary",
     onClick: onConfirmDismiss
-  }, intl.formatMessage(_messages.default.confirmButtonLabel)))));
+  }, intl.formatMessage(_messages.default.confirmButtonLabel))))));
 };

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

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,9 +10,7 @@ var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/creat
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-var _react = _interopRequireWildcard(require("react"));
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var _react = require("react");
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(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; } }
 // eslint-disable-next-line @repo/internal/react/no-class-components
@@ -43,10 +40,10 @@ var BaseErrorBoundary = exports.BaseErrorBoundary = /*#__PURE__*/function (_Comp
     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.default.createElement(ErrorComponent, null);
+      if (hasError && errorComponent) {
+        return errorComponent;
       }
       return children;
     }

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

@@ -9,13 +9,14 @@ exports.ErrorBoundary = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _constants = require("../../../common/constants");
+var _errorBoundaryUi = require("../../../common/ui/error-boundary-ui");
 var _analytics = _interopRequireDefault(require("../../../common/utils/analytics/analytics.codegen"));
 var _errorBoundaryBase = require("./error-boundary-base");
-var _errorBoundaryUi = require("./error-boundary-ui");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 var ErrorBoundary = exports.ErrorBoundary = function ErrorBoundary(_ref) {
-  var children = _ref.children;
+  var children = _ref.children,
+    errorComponent = _ref.errorComponent;
   var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   var handleError = (0, _react.useCallback)(function (error, info) {
@@ -32,6 +33,6 @@ var ErrorBoundary = exports.ErrorBoundary = function ErrorBoundary(_ref) {
   }, [createAnalyticsEvent]);
   return /*#__PURE__*/_react.default.createElement(_errorBoundaryBase.BaseErrorBoundary, {
     onError: handleError,
-    ErrorComponent: _errorBoundaryUi.ErrorBoundaryUI
+    errorComponent: errorComponent !== null && errorComponent !== void 0 ? errorComponent : /*#__PURE__*/_react.default.createElement(_errorBoundaryUi.ErrorBoundaryUI, null)
   }, children);
 };

package/dist/cjs/ui/main.js

@@ -11,20 +11,31 @@ var _react = require("react");
 var _react2 = require("@emotion/react");
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _intlMessagesProvider = require("@atlaskit/intl-messages-provider");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _constants = require("../common/constants");
+var _errorBoundaryModal = require("../common/ui/error-boundary-modal");
 var _analytics = require("../common/utils/analytics");
 var _fetchMessagesForLocale = require("../common/utils/locale/fetch-messages-for-locale");
 var _en = _interopRequireDefault(require("../i18n/en"));
 var _linkCreate = _interopRequireDefault(require("./link-create"));
+var _errorBoundary = require("./link-create/error-boundary");
 /** @jsx jsx */
 
 var LinkCreateWithAnalyticsContext = (0, _analytics.withLinkCreateAnalyticsContext)( /*#__PURE__*/(0, _react.memo)(function (_ref) {
   var props = (0, _extends2.default)({}, ((0, _objectDestructuringEmpty2.default)(_ref), _ref));
+  if ((0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.link-create.outer-error-boundary')) {
+    return (0, _react2.jsx)(_errorBoundary.ErrorBoundary, {
+      errorComponent: (0, _react2.jsx)(_errorBoundaryModal.ErrorBoundaryModal, {
+        active: props.active,
+        onClose: props.onCancel
+      })
+    }, (0, _react2.jsx)(_linkCreate.default, props));
+  }
   return (0, _react2.jsx)(_linkCreate.default, props);
 }));
 var PACKAGE_DATA = exports.PACKAGE_DATA = {
   packageName: "@atlaskit/link-create" || '',
-  packageVersion: "1.5.0" || '',
+  packageVersion: "1.5.1" || '',
   componentName: _constants.COMPONENT_NAME,
   source: _constants.COMPONENT_NAME
 };

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

@@ -0,0 +1,27 @@
+import _extends from "@babel/runtime/helpers/extends";
+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 const Button = /*#__PURE__*/forwardRef(({
+  actionSubjectId,
+  ...props
+}, ref) => {
+  const {
+    createAnalyticsEvent
+  } = useAnalyticsEvents();
+  return /*#__PURE__*/React.createElement(AkButton, _extends({}, props, {
+    ref: ref,
+    onClick: event => {
+      var _props$onClick;
+      const payload = createEventPayload(`ui.button.clicked.${actionSubjectId}`, {});
+      const analyticEvent = createAnalyticsEvent(payload);
+      const cloned = analyticEvent.clone();
+      analyticEvent.fire(ANALYTICS_CHANNEL);
+      (_props$onClick = props.onClick) === null || _props$onClick === void 0 ? void 0 : _props$onClick.call(props, event, cloned !== null && cloned !== void 0 ? cloned : new UIAnalyticsEvent({
+        payload
+      }));
+    }
+  }));
+});

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

@@ -0,0 +1,22 @@
+/** @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 const ErrorBoundaryModal = ({
+  active,
+  onClose
+}) => {
+  return jsx(ModalTransition, null, active && jsx(Modal, {
+    testId: "link-create-error-boundary-modal",
+    onClose: onClose,
+    shouldScrollInViewport: true,
+    width: `${CREATE_FORM_MAX_WIDTH_IN_PX}px`
+  }, jsx(ModalBody, null, jsx(ErrorBoundaryUI, null))));
+};

package/dist/es2019/common/utils/analytics/analytics.codegen.js

@@ -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
  */
 

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

@@ -0,0 +1,15 @@
+import { useEffect } from 'react';
+import { useAnalyticsEvents } from '@atlaskit/analytics-next';
+import { ANALYTICS_CHANNEL } from '../../../common/constants';
+import createEventPayload from './analytics.codegen';
+export const ScreenViewedEvent = ({
+  screen
+}) => {
+  const {
+    createAnalyticsEvent
+  } = useAnalyticsEvents();
+  useEffect(() => {
+    createAnalyticsEvent(createEventPayload(`screen.${screen}.viewed`, {})).fire(ANALYTICS_CHANNEL);
+  }, [createAnalyticsEvent, screen]);
+  return null;
+};

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

@@ -1,23 +1,36 @@
 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';
+const screen = 'linkCreateExitWarningScreen';
+const context = {
+  component: screen,
+  source: screen
+};
 export const ConfirmDismissDialog = ({
   active,
   onCancelDismiss,
   onConfirmDismiss
 }) => {
   const 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/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/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.5.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/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/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/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.5.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/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;

package/dist/types-ts4.5/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-ts4.5/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-ts4.5/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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/link-create",
-  "version": "1.5.0",
+  "version": "1.5.1",
   "description": "The driver component of meta creation flow",
   "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",
@@ -35,14 +35,14 @@
   },
   "dependencies": {
     "@atlaskit/analytics-next": "^9.1.0",
-    "@atlaskit/button": "^16.12.0",
+    "@atlaskit/button": "^16.13.0",
     "@atlaskit/empty-state": "^7.6.0",
     "@atlaskit/form": "^8.11.0",
     "@atlaskit/icon": "^21.12.0",
     "@atlaskit/intl-messages-provider": "^1.0.0",
     "@atlaskit/modal-dialog": "^12.8.0",
     "@atlaskit/platform-feature-flags": "^0.2.1",
-    "@atlaskit/primitives": "^1.6.0",
+    "@atlaskit/primitives": "^1.9.0",
     "@atlaskit/select": "^16.7.0",
     "@atlaskit/spinner": "^15.6.0",
     "@atlaskit/textfield": "^5.6.0",
@@ -117,6 +117,9 @@
     },
     "platform.linking-platform.link-create.confirm-dismiss-dialog": {
       "type": "boolean"
+    },
+    "platform.linking-platform.link-create.outer-error-boundary": {
+      "type": "boolean"
     }
   }
 }