@atlaskit/link-create 1.5.0 → 1.6.0

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/link-create
 
+## 1.6.0
+
+### Minor Changes
+
+- [#42487](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/42487) [`0b6245f9d18`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0b6245f9d18) - EDM-8376: Introduces a editView field to the LinkCreatePlugin interface which will allow plugins to register a screen to edit objects post-creation in a future release.
+
+## 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/controllers/edit-post-create-context/index.js

@@ -12,11 +12,16 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 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 EditPostCreateModalContext = /*#__PURE__*/(0, _react.createContext)({
   editViewPayload: undefined,
-  setEditViewPayload: function setEditViewPayload() {}
+  setEditViewPayload: function setEditViewPayload() {},
+  enableEditView: function enableEditView() {},
+  shouldActivateEditView: function shouldActivateEditView() {
+    return false;
+  }
 });
 var EditPostCreateModalProvider = exports.EditPostCreateModalProvider = function EditPostCreateModalProvider(_ref) {
   var active = _ref.active,
     children = _ref.children;
+  var _shouldActivateEditView = (0, _react.useRef)(false);
   var _useState = (0, _react.useState)(undefined),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     editViewPayload = _useState2[0],
@@ -24,7 +29,13 @@ var EditPostCreateModalProvider = exports.EditPostCreateModalProvider = function
   var value = (0, _react.useMemo)(function () {
     return {
       editViewPayload: editViewPayload,
-      setEditViewPayload: setEditViewPayload
+      setEditViewPayload: setEditViewPayload,
+      enableEditView: function enableEditView(enable) {
+        _shouldActivateEditView.current = enable;
+      },
+      shouldActivateEditView: function shouldActivateEditView() {
+        return _shouldActivateEditView.current;
+      }
     };
   }, [editViewPayload, setEditViewPayload]);
   if (editViewPayload && !active) {
@@ -32,7 +43,7 @@ var EditPostCreateModalProvider = exports.EditPostCreateModalProvider = function
   }
   return /*#__PURE__*/_react.default.createElement(EditPostCreateModalContext.Provider, {
     value: value
-  }, children);
+  }, typeof children === 'function' ? children(value) : children);
 };
 var useEditPostCreateModal = exports.useEditPostCreateModal = function useEditPostCreateModal() {
   var value = (0, _react.useContext)(EditPostCreateModalContext);

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

@@ -28,7 +28,7 @@ var LinkCreatePluginsProvider = exports.LinkCreatePluginsProvider = function Lin
   }, [entityKey, plugins]);
   return /*#__PURE__*/_react.default.createElement(LinkCreatePluginsContext.Provider, {
     value: value
-  }, children);
+  }, typeof children === 'function' ? children(value) : children);
 };
 var useLinkCreatePlugins = exports.useLinkCreatePlugins = function useLinkCreatePlugins() {
   var value = (0, _react.useContext)(LinkCreatePluginsContext);

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

@@ -1,17 +1,19 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TEST_ID = exports.CreateForm = void 0;
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _react = require("react");
 var _react2 = require("@emotion/react");
 var _reactFinalForm = require("react-final-form");
 var _analyticsNext = require("@atlaskit/analytics-next");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _primitives = require("@atlaskit/primitives");
 var _constants = require("../../common/constants");
 var _analytics = _interopRequireDefault(require("../../common/utils/analytics/analytics.codegen"));
@@ -20,12 +22,14 @@ var _formFooter = require("./form-footer");
 var _formLoader = require("./form-loader");
 var _utils = require("./utils");
 var _excluded = ["submitting"];
-/** @jsx jsx */
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); } /** @jsx jsx */
 var formStyles = (0, _react2.css)({
   maxWidth: "".concat(_constants.CREATE_FORM_MAX_WIDTH_IN_PX, "px"),
   padding: "0 0 ".concat("var(--ds-space-300, 24px)", " 0"),
   margin: "var(--ds-space-0, 0px)".concat(" auto")
 });
+var RESERVED_FIELDS = [_constants.LINK_CREATE_FORM_POST_CREATE_FIELD];
 var TEST_ID = exports.TEST_ID = 'link-create-form';
 var CreateForm = exports.CreateForm = function CreateForm(_ref) {
   var children = _ref.children,
@@ -41,10 +45,11 @@ var CreateForm = exports.CreateForm = function CreateForm(_ref) {
   var _useFormContext = (0, _formContext.useFormContext)(),
     getValidators = _useFormContext.getValidators,
     formErrorMessage = _useFormContext.formErrorMessage,
-    setFormDirty = _useFormContext.setFormDirty;
+    setFormDirty = _useFormContext.setFormDirty,
+    enableEditView = _useFormContext.enableEditView;
   var handleSubmit = (0, _react.useCallback)( /*#__PURE__*/function () {
     var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(data) {
-      var validators, errors;
+      var validators, errors, shouldEnableEditView, formData;
       return _regenerator.default.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
@@ -60,8 +65,21 @@ var CreateForm = exports.CreateForm = function CreateForm(_ref) {
             }
             return _context.abrupt("return", errors);
           case 5:
+            if (!(0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.link-create.enable-edit')) {
+              _context.next = 9;
+              break;
+            }
+            shouldEnableEditView = data[_constants.LINK_CREATE_FORM_POST_CREATE_FIELD], formData = (0, _objectWithoutProperties2.default)(data, [_constants.LINK_CREATE_FORM_POST_CREATE_FIELD].map(_toPropertyKey));
+            /**
+             * If form has post-create field set to trigger post-create edit
+             * send this to the form context so we know what to do next
+             * if submission is successful
+             */
+            enableEditView === null || enableEditView === void 0 || enableEditView(!!shouldEnableEditView);
+            return _context.abrupt("return", onSubmit(formData));
+          case 9:
             return _context.abrupt("return", onSubmit(data));
-          case 6:
+          case 10:
           case "end":
             return _context.stop();
         }
@@ -70,7 +88,7 @@ var CreateForm = exports.CreateForm = function CreateForm(_ref) {
     return function (_x) {
       return _ref2.apply(this, arguments);
     };
-  }(), [createAnalyticsEvent, getValidators, onSubmit]);
+  }(), [createAnalyticsEvent, getValidators, onSubmit, enableEditView]);
   var handleCancel = (0, _react.useCallback)(function () {
     createAnalyticsEvent((0, _analytics.default)('ui.button.clicked.cancel', {})).fire(_constants.ANALYTICS_CHANNEL);
     onCancel && onCancel();

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/edit-modal/index.js

@@ -9,17 +9,26 @@ exports.EditModal = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _modalDialog = _interopRequireWildcard(require("@atlaskit/modal-dialog"));
 var _editPostCreateContext = require("../../../controllers/edit-post-create-context");
+var _pluginContext = require("../../../controllers/plugin-context");
 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 EditModal = exports.EditModal = function EditModal(_ref) {
-  var onClose = _ref.onClose;
+  var _activePlugin$editVie;
+  var onClose = _ref.onClose,
+    onCloseComplete = _ref.onCloseComplete;
   var _useEditPostCreateMod = (0, _editPostCreateContext.useEditPostCreateModal)(),
     editViewPayload = _useEditPostCreateMod.editViewPayload;
+  var _useLinkCreatePlugins = (0, _pluginContext.useLinkCreatePlugins)(),
+    activePlugin = _useLinkCreatePlugins.activePlugin;
   return /*#__PURE__*/_react.default.createElement(_modalDialog.ModalTransition, null, !!editViewPayload && /*#__PURE__*/_react.default.createElement(_modalDialog.default, {
     testId: "link-create-edit-modal",
     onClose: onClose,
     shouldScrollInViewport: true,
     width: "calc(100vw - 120px)",
-    height: "calc(100vh - 120px)"
-  }));
+    height: "calc(100vh - 120px)",
+    onCloseComplete: onCloseComplete
+  }, activePlugin === null || activePlugin === void 0 || (_activePlugin$editVie = activePlugin.editView) === null || _activePlugin$editVie === void 0 ? void 0 : _activePlugin$editVie.call(activePlugin, {
+    payload: editViewPayload,
+    onClose: onClose
+  })));
 };

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/link-create/main.js

@@ -129,6 +129,7 @@ var LinkCreateWithModal = function LinkCreateWithModal(_ref4) {
   }, (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)(LinkCreate, (0, _extends2.default)({}, createProps, {
     onCancel: handleCancel
   }))))), (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.link-create.enable-edit') && (0, _react2.jsx)(_editModal.EditModal, {
+    onCloseComplete: onCloseComplete,
     onClose: handleCancel
   }), (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.link-create.confirm-dismiss-dialog') && (0, _react2.jsx)(_confirmDismissDialog.ConfirmDismissDialog, {
     active: dismissDialog,
@@ -136,14 +137,60 @@ var LinkCreateWithModal = function LinkCreateWithModal(_ref4) {
     onConfirmDismiss: handleConfirmDismiss
   }));
 };
-var _default = exports.default = (0, _formContext.withLinkCreateFormContext)(function (props) {
+var LinkCreateModalInternal = function LinkCreateModalInternal(props) {
   if ((0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.link-create.enable-edit')) {
     return (0, _react2.jsx)(_pluginContext.LinkCreatePluginsProvider, {
       plugins: props.plugins,
       entityKey: props.entityKey
-    }, (0, _react2.jsx)(_editPostCreateContext.EditPostCreateModalProvider, {
-      active: !!props.active
-    }, (0, _react2.jsx)(LinkCreateWithModal, props)));
+    }, function (pluginsProvider) {
+      return (0, _react2.jsx)(_editPostCreateContext.EditPostCreateModalProvider, {
+        active: !!props.active
+      }, function (_ref5) {
+        var _pluginsProvider$acti;
+        var setEditViewPayload = _ref5.setEditViewPayload,
+          editViewPayload = _ref5.editViewPayload,
+          shouldActivateEditView = _ref5.shouldActivateEditView,
+          enableEditView = _ref5.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 ? enableEditView : undefined
+        }, (0, _react2.jsx)(LinkCreateWithModal, (0, _extends2.default)({}, props, {
+          active: props.active && !editViewPayload,
+          onCreate: /*#__PURE__*/function () {
+            var _ref6 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(payload) {
+              var _props$onCreate;
+              return _regenerator.default.wrap(function _callee2$(_context2) {
+                while (1) switch (_context2.prev = _context2.next) {
+                  case 0:
+                    _context2.next = 2;
+                    return (_props$onCreate = props.onCreate) === null || _props$onCreate === void 0 ? void 0 : _props$onCreate.call(props, payload);
+                  case 2:
+                    // if onComplete exists then there is an edit flow
+                    if (props.onComplete) {
+                      if (shouldActivateEditView()) {
+                        //edit button is pressed
+                        setEditViewPayload(payload);
+                      } else {
+                        //create button is pressed
+                        props.onComplete();
+                      }
+                    }
+                  case 3:
+                  case "end":
+                    return _context2.stop();
+                }
+              }, _callee2);
+            }));
+            return function (_x2) {
+              return _ref6.apply(this, arguments);
+            };
+          }()
+        })));
+      });
+    });
   }
-  return (0, _react2.jsx)(LinkCreateWithModal, props);
-});
+  return (0, _react2.jsx)(_formContext.FormContextProvider, null, (0, _react2.jsx)(LinkCreateWithModal, props));
+};
+var LinkCreateModalPublic = function LinkCreateModalPublic(props) {
+  return (0, _react2.jsx)(LinkCreateModalInternal, props);
+};
+var _default = exports.default = LinkCreateModalPublic;

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.6.0" || '',
   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;
+};