@atlaskit/share 3.4.0 → 3.4.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/share
 
+## 3.4.1
+
+### Patch Changes
+
+- [`620f202bc02`](https://bitbucket.org/atlassian/atlassian-frontend/commits/620f202bc02) - Prevent event propagation in Share loading state
+
 ## 3.4.0
 
 ### Minor Changes

package/dist/cjs/components/LazyShareForm/LazyShareForm.js

@@ -29,6 +29,7 @@ function LazyShareForm(props) {
   var copyLink = props.copyLink,
       config = props.config,
       isFetchingConfig = props.isFetchingConfig,
+      setIsLoading = props.setIsLoading,
       loadOptions = props.loadOptions,
       shareFormTitle = props.shareFormTitle,
       shareFormHelperMessage = props.shareFormHelperMessage,
@@ -61,6 +62,10 @@ function LazyShareForm(props) {
 
   var footer = /*#__PURE__*/_react.default.createElement("div", null, bottomMessage ? /*#__PURE__*/_react.default.createElement(_styled.BottomMessageWrapper, null, bottomMessage) : null, customFooter && selectedIntegration === null && /*#__PURE__*/_react.default.createElement(_styled.CustomFooterWrapper, null, customFooter));
 
+  _react.default.useEffect(function () {
+    setIsLoading(false);
+  });
+
   return /*#__PURE__*/_react.default.createElement(_ShareFormWrapper.ShareFormWrapper, {
     footer: footer // form title will be determined by `title` and `showTitle` prop passed to `ShareForm`,
     // so we don't need to show title via ShareFormWrapper

package/dist/cjs/components/LazyShareForm/lazy.js

@@ -33,7 +33,13 @@ var LazyShareFormLazy = (0, _reactLooselyLazy.lazyForPaint)(function () {
 
 var LoadingDialog = function LoadingDialog(_ref) {
   var shareFormTitle = _ref.shareFormTitle,
-      showTitle = _ref.showTitle;
+      showTitle = _ref.showTitle,
+      setIsLoading = _ref.setIsLoading;
+
+  _react.default.useEffect(function () {
+    setIsLoading(true);
+  });
+
   return /*#__PURE__*/_react.default.createElement(_ShareFormWrapper.ShareFormWrapper, {
     shareFormTitle: shareFormTitle // if `showTitle` is passed, we use it. Otherwise, we will show title for loading dialog.
     ,
@@ -45,7 +51,8 @@ var _default = function _default(props) {
   return /*#__PURE__*/_react.default.createElement(_reactLooselyLazy.LazySuspense, {
     fallback: /*#__PURE__*/_react.default.createElement(LoadingDialog, {
       shareFormTitle: props.shareFormTitle,
-      showTitle: props.showTitle
+      showTitle: props.showTitle,
+      setIsLoading: props.setIsLoading
     })
   }, /*#__PURE__*/_react.default.createElement(LazyShareFormLazy, props));
 };

package/dist/cjs/components/ShareDialogWithTrigger.js

@@ -108,7 +108,8 @@ var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureComponent
       isUsingSplitButton: false,
       showIntegrationForm: false,
       selectedIntegration: null,
-      tabIndex: 0
+      tabIndex: 0,
+      isLoading: false
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "closeAndResetDialog", function () {
       _this.setState({
@@ -175,10 +176,28 @@ var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureComponent
         type: _types.OBJECT_SHARED
       }];
     });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "setIsLoading", function (isLoading) {
+      _this.setState({
+        isLoading: isLoading
+      });
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "focus", function () {
+      if (_this.containerRef.current) {
+        _this.containerRef.current.focus();
+      }
+    });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleKeyDown", function (event) {
-      var isDialogOpen = _this.state.isDialogOpen;
+      var _this$state = _this.state,
+          isLoading = _this$state.isLoading,
+          isDialogOpen = _this$state.isDialogOpen;
       var shouldCloseOnEscapePress = _this.props.shouldCloseOnEscapePress;
 
+      if (isLoading) {
+        event.stopPropagation();
+
+        _this.focus();
+      }
+
       if (isDialogOpen) {
         switch (event.key) {
           case 'Esc':
@@ -190,9 +209,7 @@ var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureComponent
               event.stopPropagation(); // put the focus back onto the share dialog so that
               // the user can press the escape key again to close the dialog
 
-              if (_this.containerRef.current) {
-                _this.containerRef.current.focus();
-              }
+              _this.focus();
 
               return;
             } // The dialog will auto-close in @atlaskit/popup, we just need to fire
@@ -238,9 +255,7 @@ var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureComponent
             onDialogOpen();
           }
 
-          if (_this.containerRef.current) {
-            _this.containerRef.current.focus();
-          }
+          _this.focus();
         }
       });
     });
@@ -339,9 +354,9 @@ var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureComponent
       });
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderShareTriggerButton", function (triggerProps) {
-      var _this$state = _this.state,
-          isDialogOpen = _this$state.isDialogOpen,
-          isUsingSplitButton = _this$state.isUsingSplitButton;
+      var _this$state2 = _this.state,
+          isDialogOpen = _this$state2.isDialogOpen,
+          isUsingSplitButton = _this$state2.isUsingSplitButton;
       var _this$props6 = _this.props,
           formatMessage = _this$props6.intl.formatMessage,
           isDisabled = _this$props6.isDisabled,
@@ -443,13 +458,13 @@ var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureComponent
     value: function render() {
       var _this2 = this;
 
-      var _this$state2 = this.state,
-          isDialogOpen = _this$state2.isDialogOpen,
-          isSharing = _this$state2.isSharing,
-          shareError = _this$state2.shareError,
-          defaultValue = _this$state2.defaultValue,
-          showIntegrationForm = _this$state2.showIntegrationForm,
-          selectedIntegration = _this$state2.selectedIntegration;
+      var _this$state3 = this.state,
+          isDialogOpen = _this$state3.isDialogOpen,
+          isSharing = _this$state3.isSharing,
+          shareError = _this$state3.shareError,
+          defaultValue = _this$state3.defaultValue,
+          showIntegrationForm = _this$state3.showIntegrationForm,
+          selectedIntegration = _this$state3.selectedIntegration;
       var _this$props7 = this.props,
           copyLink = _this$props7.copyLink,
           dialogPlacement = _this$props7.dialogPlacement,
@@ -504,6 +519,7 @@ var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureComponent
             defaultValue: defaultValue,
             config: config,
             isFetchingConfig: isFetchingConfig,
+            setIsLoading: _this2.setIsLoading,
             submitButtonLabel: submitButtonLabel,
             product: product,
             enableSmartUserPicker: enableSmartUserPicker,

package/dist/cjs/components/analytics/analytics.js

@@ -19,7 +19,7 @@ var buildAttributes = function buildAttributes() {
   var attributes = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return _objectSpread({
     packageName: "@atlaskit/share",
-    packageVersion: "3.4.0"
+    packageVersion: "3.4.1"
   }, attributes);
 };
 

package/dist/cjs/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/share",
-	"version": "3.4.0"
+	"version": "3.4.1"
 }

package/dist/es2019/components/LazyShareForm/LazyShareForm.js

@@ -15,6 +15,7 @@ function LazyShareForm(props) {
     copyLink,
     config,
     isFetchingConfig,
+    setIsLoading,
     loadOptions,
     shareFormTitle,
     shareFormHelperMessage,
@@ -49,6 +50,9 @@ function LazyShareForm(props) {
     orgId
   } = props;
   const footer = /*#__PURE__*/React.createElement("div", null, bottomMessage ? /*#__PURE__*/React.createElement(BottomMessageWrapper, null, bottomMessage) : null, customFooter && selectedIntegration === null && /*#__PURE__*/React.createElement(CustomFooterWrapper, null, customFooter));
+  React.useEffect(() => {
+    setIsLoading(false);
+  });
   return /*#__PURE__*/React.createElement(ShareFormWrapper, {
     footer: footer // form title will be determined by `title` and `showTitle` prop passed to `ShareForm`,
     // so we don't need to show title via ShareFormWrapper

package/dist/es2019/components/LazyShareForm/lazy.js

@@ -11,16 +11,23 @@ const LazyShareFormLazy = lazyForPaint(() => import(
 
 const LoadingDialog = ({
   shareFormTitle,
-  showTitle
-}) => /*#__PURE__*/React.createElement(ShareFormWrapper, {
-  shareFormTitle: shareFormTitle // if `showTitle` is passed, we use it. Otherwise, we will show title for loading dialog.
-  ,
-  shouldShowTitle: typeof showTitle === 'boolean' ? showTitle : true
-}, /*#__PURE__*/React.createElement(SpinnerWrapper, null, /*#__PURE__*/React.createElement(Spinner, null)));
+  showTitle,
+  setIsLoading
+}) => {
+  React.useEffect(() => {
+    setIsLoading(true);
+  });
+  return /*#__PURE__*/React.createElement(ShareFormWrapper, {
+    shareFormTitle: shareFormTitle // if `showTitle` is passed, we use it. Otherwise, we will show title for loading dialog.
+    ,
+    shouldShowTitle: typeof showTitle === 'boolean' ? showTitle : true
+  }, /*#__PURE__*/React.createElement(SpinnerWrapper, null, /*#__PURE__*/React.createElement(Spinner, null)));
+};
 
 export default (props => /*#__PURE__*/React.createElement(LazySuspense, {
   fallback: /*#__PURE__*/React.createElement(LoadingDialog, {
     shareFormTitle: props.shareFormTitle,
-    showTitle: props.showTitle
+    showTitle: props.showTitle,
+    setIsLoading: props.setIsLoading
   })
 }, /*#__PURE__*/React.createElement(LazyShareFormLazy, props)));

package/dist/es2019/components/ShareDialogWithTrigger.js

@@ -52,7 +52,8 @@ export class ShareDialogWithTriggerInternal extends React.PureComponent {
       isUsingSplitButton: false,
       showIntegrationForm: false,
       selectedIntegration: null,
-      tabIndex: 0
+      tabIndex: 0,
+      isLoading: false
     });
 
     _defineProperty(this, "closeAndResetDialog", () => {
@@ -128,14 +129,32 @@ export class ShareDialogWithTriggerInternal extends React.PureComponent {
       }];
     });
 
+    _defineProperty(this, "setIsLoading", isLoading => {
+      this.setState({
+        isLoading
+      });
+    });
+
+    _defineProperty(this, "focus", () => {
+      if (this.containerRef.current) {
+        this.containerRef.current.focus();
+      }
+    });
+
     _defineProperty(this, "handleKeyDown", event => {
       const {
+        isLoading,
         isDialogOpen
       } = this.state;
       const {
         shouldCloseOnEscapePress
       } = this.props;
 
+      if (isLoading) {
+        event.stopPropagation();
+        this.focus();
+      }
+
       if (isDialogOpen) {
         switch (event.key) {
           case 'Esc':
@@ -147,10 +166,7 @@ export class ShareDialogWithTriggerInternal extends React.PureComponent {
               event.stopPropagation(); // put the focus back onto the share dialog so that
               // the user can press the escape key again to close the dialog
 
-              if (this.containerRef.current) {
-                this.containerRef.current.focus();
-              }
-
+              this.focus();
               return;
             } // The dialog will auto-close in @atlaskit/popup, we just need to fire
             // the right events.
@@ -194,9 +210,7 @@ export class ShareDialogWithTriggerInternal extends React.PureComponent {
             onDialogOpen();
           }
 
-          if (this.containerRef.current) {
-            this.containerRef.current.focus();
-          }
+          this.focus();
         }
       });
     });
@@ -458,6 +472,7 @@ export class ShareDialogWithTriggerInternal extends React.PureComponent {
         defaultValue: defaultValue,
         config: config,
         isFetchingConfig: isFetchingConfig,
+        setIsLoading: this.setIsLoading,
         submitButtonLabel: submitButtonLabel,
         product: product,
         enableSmartUserPicker: enableSmartUserPicker,

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

@@ -2,7 +2,7 @@ import { isEmail, isTeam, isUser } from '@atlaskit/smart-user-picker';
 
 const buildAttributes = (attributes = {}) => ({
   packageName: "@atlaskit/share",
-  packageVersion: "3.4.0",
+  packageVersion: "3.4.1",
   ...attributes
 });
 

package/dist/es2019/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/share",
-	"version": "3.4.0"
+	"version": "3.4.1"
 }

package/dist/esm/components/LazyShareForm/LazyShareForm.js

@@ -14,6 +14,7 @@ function LazyShareForm(props) {
   var copyLink = props.copyLink,
       config = props.config,
       isFetchingConfig = props.isFetchingConfig,
+      setIsLoading = props.setIsLoading,
       loadOptions = props.loadOptions,
       shareFormTitle = props.shareFormTitle,
       shareFormHelperMessage = props.shareFormHelperMessage,
@@ -44,6 +45,9 @@ function LazyShareForm(props) {
       showTitle = props.showTitle,
       orgId = props.orgId;
   var footer = /*#__PURE__*/React.createElement("div", null, bottomMessage ? /*#__PURE__*/React.createElement(BottomMessageWrapper, null, bottomMessage) : null, customFooter && selectedIntegration === null && /*#__PURE__*/React.createElement(CustomFooterWrapper, null, customFooter));
+  React.useEffect(function () {
+    setIsLoading(false);
+  });
   return /*#__PURE__*/React.createElement(ShareFormWrapper, {
     footer: footer // form title will be determined by `title` and `showTitle` prop passed to `ShareForm`,
     // so we don't need to show title via ShareFormWrapper

package/dist/esm/components/LazyShareForm/lazy.js

@@ -13,7 +13,11 @@ var LazyShareFormLazy = lazyForPaint(function () {
 
 var LoadingDialog = function LoadingDialog(_ref) {
   var shareFormTitle = _ref.shareFormTitle,
-      showTitle = _ref.showTitle;
+      showTitle = _ref.showTitle,
+      setIsLoading = _ref.setIsLoading;
+  React.useEffect(function () {
+    setIsLoading(true);
+  });
   return /*#__PURE__*/React.createElement(ShareFormWrapper, {
     shareFormTitle: shareFormTitle // if `showTitle` is passed, we use it. Otherwise, we will show title for loading dialog.
     ,
@@ -25,7 +29,8 @@ export default (function (props) {
   return /*#__PURE__*/React.createElement(LazySuspense, {
     fallback: /*#__PURE__*/React.createElement(LoadingDialog, {
       shareFormTitle: props.shareFormTitle,
-      showTitle: props.showTitle
+      showTitle: props.showTitle,
+      setIsLoading: props.setIsLoading
     })
   }, /*#__PURE__*/React.createElement(LazyShareFormLazy, props));
 });

package/dist/esm/components/ShareDialogWithTrigger.js

@@ -78,7 +78,8 @@ export var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureCo
       isUsingSplitButton: false,
       showIntegrationForm: false,
       selectedIntegration: null,
-      tabIndex: 0
+      tabIndex: 0,
+      isLoading: false
     });
 
     _defineProperty(_assertThisInitialized(_this), "closeAndResetDialog", function () {
@@ -150,10 +151,30 @@ export var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureCo
       }];
     });
 
+    _defineProperty(_assertThisInitialized(_this), "setIsLoading", function (isLoading) {
+      _this.setState({
+        isLoading: isLoading
+      });
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "focus", function () {
+      if (_this.containerRef.current) {
+        _this.containerRef.current.focus();
+      }
+    });
+
     _defineProperty(_assertThisInitialized(_this), "handleKeyDown", function (event) {
-      var isDialogOpen = _this.state.isDialogOpen;
+      var _this$state = _this.state,
+          isLoading = _this$state.isLoading,
+          isDialogOpen = _this$state.isDialogOpen;
       var shouldCloseOnEscapePress = _this.props.shouldCloseOnEscapePress;
 
+      if (isLoading) {
+        event.stopPropagation();
+
+        _this.focus();
+      }
+
       if (isDialogOpen) {
         switch (event.key) {
           case 'Esc':
@@ -165,9 +186,7 @@ export var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureCo
               event.stopPropagation(); // put the focus back onto the share dialog so that
               // the user can press the escape key again to close the dialog
 
-              if (_this.containerRef.current) {
-                _this.containerRef.current.focus();
-              }
+              _this.focus();
 
               return;
             } // The dialog will auto-close in @atlaskit/popup, we just need to fire
@@ -214,9 +233,7 @@ export var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureCo
             onDialogOpen();
           }
 
-          if (_this.containerRef.current) {
-            _this.containerRef.current.focus();
-          }
+          _this.focus();
         }
       });
     });
@@ -321,9 +338,9 @@ export var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureCo
     });
 
     _defineProperty(_assertThisInitialized(_this), "renderShareTriggerButton", function (triggerProps) {
-      var _this$state = _this.state,
-          isDialogOpen = _this$state.isDialogOpen,
-          isUsingSplitButton = _this$state.isUsingSplitButton;
+      var _this$state2 = _this.state,
+          isDialogOpen = _this$state2.isDialogOpen,
+          isUsingSplitButton = _this$state2.isUsingSplitButton;
       var _this$props6 = _this.props,
           formatMessage = _this$props6.intl.formatMessage,
           isDisabled = _this$props6.isDisabled,
@@ -428,13 +445,13 @@ export var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureCo
     value: function render() {
       var _this2 = this;
 
-      var _this$state2 = this.state,
-          isDialogOpen = _this$state2.isDialogOpen,
-          isSharing = _this$state2.isSharing,
-          shareError = _this$state2.shareError,
-          defaultValue = _this$state2.defaultValue,
-          showIntegrationForm = _this$state2.showIntegrationForm,
-          selectedIntegration = _this$state2.selectedIntegration;
+      var _this$state3 = this.state,
+          isDialogOpen = _this$state3.isDialogOpen,
+          isSharing = _this$state3.isSharing,
+          shareError = _this$state3.shareError,
+          defaultValue = _this$state3.defaultValue,
+          showIntegrationForm = _this$state3.showIntegrationForm,
+          selectedIntegration = _this$state3.selectedIntegration;
       var _this$props7 = this.props,
           copyLink = _this$props7.copyLink,
           dialogPlacement = _this$props7.dialogPlacement,
@@ -489,6 +506,7 @@ export var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureCo
             defaultValue: defaultValue,
             config: config,
             isFetchingConfig: isFetchingConfig,
+            setIsLoading: _this2.setIsLoading,
             submitButtonLabel: submitButtonLabel,
             product: product,
             enableSmartUserPicker: enableSmartUserPicker,

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

@@ -10,7 +10,7 @@ var buildAttributes = function buildAttributes() {
   var attributes = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return _objectSpread({
     packageName: "@atlaskit/share",
-    packageVersion: "3.4.0"
+    packageVersion: "3.4.1"
   }, attributes);
 };
 

package/dist/esm/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/share",
-	"version": "3.4.0"
+	"version": "3.4.1"
 }

package/dist/types/components/LazyShareForm/LazyShareForm.d.ts

@@ -10,6 +10,7 @@ export declare type LazyShareFormProps = Pick<ShareDialogWithTriggerProps, 'copy
     loadOptions?: LoadOptions;
     selectPortalRef: any;
     showTitle: boolean;
+    setIsLoading: (isLoading: boolean) => void;
 };
 /**
  * A Share form content which is lazy-loaded.

package/dist/types/components/ShareDialogWithTrigger.d.ts

@@ -24,6 +24,8 @@ export declare class ShareDialogWithTriggerInternal extends React.PureComponent<
     private createAndFireEvent;
     private onTabChange;
     private getFlags;
+    private setIsLoading;
+    private focus;
     private handleKeyDown;
     private handleDialogOpen;
     private onTriggerClick;

package/dist/types/types/ShareDialogWithTrigger.d.ts

@@ -32,6 +32,7 @@ export declare type ShareDialogWithTriggerProps = Pick<ShareDialogContainerProps
     submitButtonLabel?: React.ReactNode;
 };
 export declare type ShareDialogWithTriggerStates = {
+    isLoading: boolean;
     isDialogOpen: boolean;
     isSharing: boolean;
     shareError?: ShareError;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/share",
-  "version": "3.4.0",
+  "version": "3.4.1",
   "description": "Fabric Share Element",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"