@atlaskit/link-create 1.4.0 → 1.5.1

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @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
+
+- [#42436](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/42436) [`08c8e861177`](https://bitbucket.org/atlassian/atlassian-frontend/commits/08c8e861177) - EDM-8371: internal refactor under feature flag platform.linking-platform.link-create.enable-edit
+
 ## 1.4.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

@@ -0,0 +1,43 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useEditPostCreateModal = exports.EditPostCreateModalProvider = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+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 EditPostCreateModalContext = /*#__PURE__*/(0, _react.createContext)({
+  editViewPayload: undefined,
+  setEditViewPayload: function setEditViewPayload() {}
+});
+var EditPostCreateModalProvider = exports.EditPostCreateModalProvider = function EditPostCreateModalProvider(_ref) {
+  var active = _ref.active,
+    children = _ref.children;
+  var _useState = (0, _react.useState)(undefined),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    editViewPayload = _useState2[0],
+    setEditViewPayload = _useState2[1];
+  var value = (0, _react.useMemo)(function () {
+    return {
+      editViewPayload: editViewPayload,
+      setEditViewPayload: setEditViewPayload
+    };
+  }, [editViewPayload, setEditViewPayload]);
+  if (editViewPayload && !active) {
+    setEditViewPayload(undefined);
+  }
+  return /*#__PURE__*/_react.default.createElement(EditPostCreateModalContext.Provider, {
+    value: value
+  }, children);
+};
+var useEditPostCreateModal = exports.useEditPostCreateModal = function useEditPostCreateModal() {
+  var value = (0, _react.useContext)(EditPostCreateModalContext);
+  if (!value) {
+    throw new Error('useEditPostCreateModal used outside of useEditPostCreateModalProvider');
+  }
+  return value;
+};

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

@@ -0,0 +1,39 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useLinkCreatePlugins = exports.LinkCreatePluginsProvider = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+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 LinkCreatePluginsContext = /*#__PURE__*/(0, _react.createContext)(null);
+var LinkCreatePluginsProvider = exports.LinkCreatePluginsProvider = function LinkCreatePluginsProvider(_ref) {
+  var plugins = _ref.plugins,
+    propEntityKey = _ref.entityKey,
+    children = _ref.children;
+  var _useState = (0, _react.useState)(propEntityKey),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 1),
+    entityKey = _useState2[0];
+  var value = (0, _react.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.default.createElement(LinkCreatePluginsContext.Provider, {
+    value: value
+  }, children);
+};
+var useLinkCreatePlugins = exports.useLinkCreatePlugins = function useLinkCreatePlugins() {
+  var value = (0, _react.useContext)(LinkCreatePluginsContext);
+  if (!value) {
+    throw new Error('useLinkCreatePlugins used outside of LinkCreatePluginsProvider');
+  }
+  return value;
+};

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

@@ -0,0 +1,25 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EditModal = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _modalDialog = _interopRequireWildcard(require("@atlaskit/modal-dialog"));
+var _editPostCreateContext = require("../../../controllers/edit-post-create-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 _useEditPostCreateMod = (0, _editPostCreateContext.useEditPostCreateModal)(),
+    editViewPayload = _useEditPostCreateMod.editViewPayload;
+  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)"
+  }));
+};

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

@@ -19,8 +19,11 @@ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _primitives = require("@atlaskit/primitives");
 var _constants = require("../../common/constants");
 var _callbackContext = require("../../controllers/callback-context");
+var _editPostCreateContext = require("../../controllers/edit-post-create-context");
 var _formContext = require("../../controllers/form-context");
+var _pluginContext = require("../../controllers/plugin-context");
 var _confirmDismissDialog = require("./confirm-dismiss-dialog");
+var _editModal = require("./edit-modal");
 var _errorBoundary = require("./error-boundary");
 var _messages = require("./messages");
 var _trackMount = _interopRequireDefault(require("./track-mount"));
@@ -125,10 +128,22 @@ var LinkCreateWithModal = function LinkCreateWithModal(_ref4) {
     width: "".concat(_constants.CREATE_FORM_MAX_WIDTH_IN_PX, "px")
   }, (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, _react2.jsx)(_confirmDismissDialog.ConfirmDismissDialog, {
+  }))))), (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.link-create.enable-edit') && (0, _react2.jsx)(_editModal.EditModal, {
+    onClose: handleCancel
+  }), (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.link-create.confirm-dismiss-dialog') && (0, _react2.jsx)(_confirmDismissDialog.ConfirmDismissDialog, {
     active: dismissDialog,
     onCancelDismiss: handleCancelDismiss,
     onConfirmDismiss: handleConfirmDismiss
   }));
 };
-var _default = exports.default = (0, _formContext.withLinkCreateFormContext)(LinkCreateWithModal);
+var _default = exports.default = (0, _formContext.withLinkCreateFormContext)(function (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)));
+  }
+  return (0, _react2.jsx)(LinkCreateWithModal, props);
+});

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.4.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/controllers/edit-post-create-context/index.js

@@ -0,0 +1,28 @@
+import React, { createContext, useContext, useMemo, useState } from 'react';
+const EditPostCreateModalContext = /*#__PURE__*/createContext({
+  editViewPayload: undefined,
+  setEditViewPayload: () => {}
+});
+export const EditPostCreateModalProvider = ({
+  active,
+  children
+}) => {
+  const [editViewPayload, setEditViewPayload] = useState(undefined);
+  const value = useMemo(() => ({
+    editViewPayload,
+    setEditViewPayload
+  }), [editViewPayload, setEditViewPayload]);
+  if (editViewPayload && !active) {
+    setEditViewPayload(undefined);
+  }
+  return /*#__PURE__*/React.createElement(EditPostCreateModalContext.Provider, {
+    value: value
+  }, children);
+};
+export const useEditPostCreateModal = () => {
+  const value = useContext(EditPostCreateModalContext);
+  if (!value) {
+    throw new Error('useEditPostCreateModal used outside of useEditPostCreateModalProvider');
+  }
+  return value;
+};

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

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

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))))));
 };