@atlaskit/link-create 1.7.1 → 1.8.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/link-create
 
+## 1.8.0
+
+### Minor Changes
+
+- [#42777](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/42777) [`fe571895d1f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/fe571895d1f) - EDM-8401: Introduce the onComplete props to LinkCreateProps which is a callback function to be called when the link create experience is completed. This prop allows a post-create edit flow to be added into the link create experience before completion.
+
+## 1.7.2
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 1.7.1
 
 ### Patch Changes

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

@@ -128,16 +128,16 @@ 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, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.link-create.enable-edit') && (0, _react2.jsx)(_editModal.EditModal, {
+  }))))), (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.link-create.enable-edit') && createProps.onComplete && (0, _react2.jsx)(_editModal.EditModal, {
     onCloseComplete: onCloseComplete,
-    onClose: handleCancel
+    onClose: createProps.onComplete
   }), (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.link-create.confirm-dismiss-dialog') && (0, _react2.jsx)(_confirmDismissDialog.ConfirmDismissDialog, {
     active: dismissDialog,
     onCancelDismiss: handleCancelDismiss,
     onConfirmDismiss: handleConfirmDismiss
   }));
 };
-var LinkCreateModalInternal = function LinkCreateModalInternal(props) {
+var LinkCreateModal = function LinkCreateModal(props) {
   if ((0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.link-create.enable-edit')) {
     return (0, _react2.jsx)(_pluginContext.LinkCreatePluginsProvider, {
       plugins: props.plugins,
@@ -152,7 +152,7 @@ var LinkCreateModalInternal = function LinkCreateModalInternal(props) {
           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
+          enableEditView: pluginsProvider !== null && pluginsProvider !== void 0 && (_pluginsProvider$acti = pluginsProvider.activePlugin) !== null && _pluginsProvider$acti !== void 0 && _pluginsProvider$acti.editView && props !== null && props !== void 0 && props.onComplete ? enableEditView : undefined
         }, (0, _react2.jsx)(LinkCreateWithModal, (0, _extends2.default)({}, props, {
           active: props.active && !editViewPayload,
           onCreate: /*#__PURE__*/function () {
@@ -188,9 +188,27 @@ var LinkCreateModalInternal = function LinkCreateModalInternal(props) {
       });
     });
   }
-  return (0, _react2.jsx)(_formContext.FormContextProvider, null, (0, _react2.jsx)(LinkCreateWithModal, props));
+  return (0, _react2.jsx)(_formContext.FormContextProvider, null, (0, _react2.jsx)(LinkCreateWithModal, (0, _extends2.default)({}, props, {
+    onCreate: /*#__PURE__*/function () {
+      var _ref7 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3(payload) {
+        var _props$onCreate2, _props$onComplete;
+        return _regenerator.default.wrap(function _callee3$(_context3) {
+          while (1) switch (_context3.prev = _context3.next) {
+            case 0:
+              _context3.next = 2;
+              return (_props$onCreate2 = props.onCreate) === null || _props$onCreate2 === void 0 ? void 0 : _props$onCreate2.call(props, payload);
+            case 2:
+              (_props$onComplete = props.onComplete) === null || _props$onComplete === void 0 || _props$onComplete.call(props);
+            case 3:
+            case "end":
+              return _context3.stop();
+          }
+        }, _callee3);
+      }));
+      return function (_x3) {
+        return _ref7.apply(this, arguments);
+      };
+    }()
+  })));
 };
-var LinkCreateModalPublic = function LinkCreateModalPublic(props) {
-  return (0, _react2.jsx)(LinkCreateModalInternal, props);
-};
-var _default = exports.default = LinkCreateModalPublic;
+var _default = exports.default = LinkCreateModal;

package/dist/cjs/ui/main.js

@@ -35,7 +35,7 @@ var LinkCreateWithAnalyticsContext = (0, _analytics.withLinkCreateAnalyticsConte
 }));
 var PACKAGE_DATA = exports.PACKAGE_DATA = {
   packageName: "@atlaskit/link-create" || '',
-  packageVersion: "1.7.1" || '',
+  packageVersion: "1.8.0" || '',
   componentName: _constants.COMPONENT_NAME,
   source: _constants.COMPONENT_NAME
 };

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

@@ -95,16 +95,16 @@ const LinkCreateWithModal = ({
     width: `${CREATE_FORM_MAX_WIDTH_IN_PX}px`
   }, jsx(ModalHeader, null, jsx(ModalTitle, null, modalTitle || intl.formatMessage(messages.heading))), jsx(ModalBody, null, jsx(LinkCreate, _extends({}, createProps, {
     onCancel: handleCancel
-  }))))), getBooleanFF('platform.linking-platform.link-create.enable-edit') && jsx(EditModal, {
+  }))))), getBooleanFF('platform.linking-platform.link-create.enable-edit') && createProps.onComplete && jsx(EditModal, {
     onCloseComplete: onCloseComplete,
-    onClose: handleCancel
+    onClose: createProps.onComplete
   }), getBooleanFF('platform.linking-platform.link-create.confirm-dismiss-dialog') && jsx(ConfirmDismissDialog, {
     active: dismissDialog,
     onCancelDismiss: handleCancelDismiss,
     onConfirmDismiss: handleConfirmDismiss
   }));
 };
-const LinkCreateModalInternal = props => {
+const LinkCreateModal = props => {
   if (getBooleanFF('platform.linking-platform.link-create.enable-edit')) {
     return jsx(LinkCreatePluginsProvider, {
       plugins: props.plugins,
@@ -119,7 +119,7 @@ const LinkCreateModalInternal = props => {
     }) => {
       var _pluginsProvider$acti;
       return jsx(FormContextProvider, {
-        enableEditView: pluginsProvider !== null && pluginsProvider !== void 0 && (_pluginsProvider$acti = pluginsProvider.activePlugin) !== null && _pluginsProvider$acti !== void 0 && _pluginsProvider$acti.editView ? enableEditView : undefined
+        enableEditView: pluginsProvider !== null && pluginsProvider !== void 0 && (_pluginsProvider$acti = pluginsProvider.activePlugin) !== null && _pluginsProvider$acti !== void 0 && _pluginsProvider$acti.editView && props !== null && props !== void 0 && props.onComplete ? enableEditView : undefined
       }, jsx(LinkCreateWithModal, _extends({}, props, {
         active: props.active && !editViewPayload,
         onCreate: async payload => {
@@ -140,9 +140,12 @@ const LinkCreateModalInternal = props => {
       })));
     }));
   }
-  return jsx(FormContextProvider, null, jsx(LinkCreateWithModal, props));
-};
-const LinkCreateModalPublic = props => {
-  return jsx(LinkCreateModalInternal, props);
+  return jsx(FormContextProvider, null, jsx(LinkCreateWithModal, _extends({}, props, {
+    onCreate: async payload => {
+      var _props$onCreate2, _props$onComplete;
+      await ((_props$onCreate2 = props.onCreate) === null || _props$onCreate2 === void 0 ? void 0 : _props$onCreate2.call(props, payload));
+      (_props$onComplete = props.onComplete) === null || _props$onComplete === void 0 ? void 0 : _props$onComplete.call(props);
+    }
+  })));
 };
-export default LinkCreateModalPublic;
+export default LinkCreateModal;

package/dist/es2019/ui/main.js

@@ -26,7 +26,7 @@ const LinkCreateWithAnalyticsContext = withLinkCreateAnalyticsContext( /*#__PURE
 }));
 export const PACKAGE_DATA = {
   packageName: "@atlaskit/link-create" || '',
-  packageVersion: "1.7.1" || '',
+  packageVersion: "1.8.0" || '',
   componentName: COMPONENT_NAME,
   source: COMPONENT_NAME
 };

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

@@ -118,16 +118,16 @@ var LinkCreateWithModal = function LinkCreateWithModal(_ref4) {
     width: "".concat(CREATE_FORM_MAX_WIDTH_IN_PX, "px")
   }, jsx(ModalHeader, null, jsx(ModalTitle, null, modalTitle || intl.formatMessage(messages.heading))), jsx(ModalBody, null, jsx(LinkCreate, _extends({}, createProps, {
     onCancel: handleCancel
-  }))))), getBooleanFF('platform.linking-platform.link-create.enable-edit') && jsx(EditModal, {
+  }))))), getBooleanFF('platform.linking-platform.link-create.enable-edit') && createProps.onComplete && jsx(EditModal, {
     onCloseComplete: onCloseComplete,
-    onClose: handleCancel
+    onClose: createProps.onComplete
   }), getBooleanFF('platform.linking-platform.link-create.confirm-dismiss-dialog') && jsx(ConfirmDismissDialog, {
     active: dismissDialog,
     onCancelDismiss: handleCancelDismiss,
     onConfirmDismiss: handleConfirmDismiss
   }));
 };
-var LinkCreateModalInternal = function LinkCreateModalInternal(props) {
+var LinkCreateModal = function LinkCreateModal(props) {
   if (getBooleanFF('platform.linking-platform.link-create.enable-edit')) {
     return jsx(LinkCreatePluginsProvider, {
       plugins: props.plugins,
@@ -142,7 +142,7 @@ var LinkCreateModalInternal = function LinkCreateModalInternal(props) {
           shouldActivateEditView = _ref5.shouldActivateEditView,
           enableEditView = _ref5.enableEditView;
         return jsx(FormContextProvider, {
-          enableEditView: pluginsProvider !== null && pluginsProvider !== void 0 && (_pluginsProvider$acti = pluginsProvider.activePlugin) !== null && _pluginsProvider$acti !== void 0 && _pluginsProvider$acti.editView ? enableEditView : undefined
+          enableEditView: pluginsProvider !== null && pluginsProvider !== void 0 && (_pluginsProvider$acti = pluginsProvider.activePlugin) !== null && _pluginsProvider$acti !== void 0 && _pluginsProvider$acti.editView && props !== null && props !== void 0 && props.onComplete ? enableEditView : undefined
         }, jsx(LinkCreateWithModal, _extends({}, props, {
           active: props.active && !editViewPayload,
           onCreate: /*#__PURE__*/function () {
@@ -178,9 +178,27 @@ var LinkCreateModalInternal = function LinkCreateModalInternal(props) {
       });
     });
   }
-  return jsx(FormContextProvider, null, jsx(LinkCreateWithModal, props));
+  return jsx(FormContextProvider, null, jsx(LinkCreateWithModal, _extends({}, props, {
+    onCreate: /*#__PURE__*/function () {
+      var _ref7 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(payload) {
+        var _props$onCreate2, _props$onComplete;
+        return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+          while (1) switch (_context3.prev = _context3.next) {
+            case 0:
+              _context3.next = 2;
+              return (_props$onCreate2 = props.onCreate) === null || _props$onCreate2 === void 0 ? void 0 : _props$onCreate2.call(props, payload);
+            case 2:
+              (_props$onComplete = props.onComplete) === null || _props$onComplete === void 0 || _props$onComplete.call(props);
+            case 3:
+            case "end":
+              return _context3.stop();
+          }
+        }, _callee3);
+      }));
+      return function (_x3) {
+        return _ref7.apply(this, arguments);
+      };
+    }()
+  })));
 };
-var LinkCreateModalPublic = function LinkCreateModalPublic(props) {
-  return jsx(LinkCreateModalInternal, props);
-};
-export default LinkCreateModalPublic;
+export default LinkCreateModal;

package/dist/esm/ui/main.js

@@ -27,7 +27,7 @@ var LinkCreateWithAnalyticsContext = withLinkCreateAnalyticsContext( /*#__PURE__
 }));
 export var PACKAGE_DATA = {
   packageName: "@atlaskit/link-create" || '',
-  packageVersion: "1.7.1" || '',
+  packageVersion: "1.8.0" || '',
   componentName: COMPONENT_NAME,
   source: COMPONENT_NAME
 };

package/dist/types/common/types.d.ts

@@ -101,6 +101,12 @@ export interface LinkCreateProps {
      * This callback for when the resource has been successfully created.
      */
     onCreate?: (payload: CreatePayload) => Promise<void> | void;
+    /**
+     * This callback for when the LinkCreate experience has successfully been completed.
+     * Note: this callback is one of the requirements to enable the LinkCreate
+     * post-create edit functionality
+     */
+    onComplete?: () => void;
     /**
      * This callback for any errors
      */

package/dist/types/ui/link-create/main.d.ts

@@ -1,5 +1,5 @@
 import { jsx } from '@emotion/react';
 import { LinkCreateWithModalProps } from '../../common/types';
 export declare const TEST_ID = "link-create";
-declare const LinkCreateModalPublic: (props: LinkCreateWithModalProps) => jsx.JSX.Element;
-export default LinkCreateModalPublic;
+declare const LinkCreateModal: (props: LinkCreateWithModalProps) => jsx.JSX.Element;
+export default LinkCreateModal;

package/dist/types-ts4.5/common/types.d.ts

@@ -101,6 +101,12 @@ export interface LinkCreateProps {
      * This callback for when the resource has been successfully created.
      */
     onCreate?: (payload: CreatePayload) => Promise<void> | void;
+    /**
+     * This callback for when the LinkCreate experience has successfully been completed.
+     * Note: this callback is one of the requirements to enable the LinkCreate
+     * post-create edit functionality
+     */
+    onComplete?: () => void;
     /**
      * This callback for any errors
      */

package/dist/types-ts4.5/ui/link-create/main.d.ts

@@ -1,5 +1,5 @@
 import { jsx } from '@emotion/react';
 import { LinkCreateWithModalProps } from '../../common/types';
 export declare const TEST_ID = "link-create";
-declare const LinkCreateModalPublic: (props: LinkCreateWithModalProps) => jsx.JSX.Element;
-export default LinkCreateModalPublic;
+declare const LinkCreateModal: (props: LinkCreateWithModalProps) => jsx.JSX.Element;
+export default LinkCreateModal;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/link-create",
-  "version": "1.7.1",
+  "version": "1.8.0",
   "description": "The driver component of meta creation flow",
   "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",
@@ -35,15 +35,15 @@
   },
   "dependencies": {
     "@atlaskit/analytics-next": "^9.1.0",
-    "@atlaskit/button": "^16.13.0",
+    "@atlaskit/button": "^16.14.0",
     "@atlaskit/empty-state": "^7.6.0",
-    "@atlaskit/form": "^8.11.0",
+    "@atlaskit/form": "^9.0.0",
     "@atlaskit/icon": "^21.12.0",
     "@atlaskit/intl-messages-provider": "^1.0.0",
-    "@atlaskit/linking-common": "^4.16.0",
+    "@atlaskit/linking-common": "^4.17.0",
     "@atlaskit/modal-dialog": "^12.8.0",
     "@atlaskit/platform-feature-flags": "^0.2.1",
-    "@atlaskit/primitives": "^1.9.0",
+    "@atlaskit/primitives": "^1.10.0",
     "@atlaskit/select": "^16.7.0",
     "@atlaskit/spinner": "^15.6.0",
     "@atlaskit/textfield": "^5.6.0",

package/report.api.md

@@ -157,6 +157,7 @@ export interface LinkCreateProps {
   entityKey: string;
   groupKey?: string;
   onCancel?: () => void;
+  onComplete?: () => void;
   onCreate?: (payload: CreatePayload) => Promise<void> | void;
   onFailure?: (error: unknown) => void;
   // (undocumented)

package/tmp/api-report-tmp.d.ts

@@ -120,6 +120,7 @@ export interface LinkCreateProps {
     entityKey: string;
     groupKey?: string;
     onCancel?: () => void;
+    onComplete?: () => void;
     onCreate?: (payload: CreatePayload) => Promise<void> | void;
     onFailure?: (error: unknown) => void;
     // (undocumented)