@atlaskit/share 3.7.0 → 3.7.2

package/dist/es2019/components/ShareDialogWithTrigger.js

@@ -1,6 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 /** @jsx jsx */
 import React from 'react';
 import { css, jsx } from '@emotion/react';
@@ -13,8 +12,10 @@ import { layers } from '@atlaskit/theme/constants';
 import Aktooltip from '@atlaskit/tooltip';
 import { messages } from '../i18n';
 import { OBJECT_SHARED } from '../types';
-import { cancelShare, CHANNEL_ID, copyLinkButtonClicked, formShareSubmitted, screenEvent, shareSplitButtonEvent, shareTabClicked, shareTriggerButtonClicked // type TabSubjectIdType,
-} from './analytics/analytics'; // eslint-disable-next-line no-duplicate-imports
+import { cancelShare, CHANNEL_ID, copyLinkButtonClicked, formShareSubmitted, screenEvent, shareSplitButtonEvent, shareTabClicked, shareTriggerButtonClicked
+// type TabSubjectIdType,
+} from './analytics/analytics';
+// eslint-disable-next-line no-duplicate-imports
 
 import { isValidFailedExperience } from './analytics/ufoExperienceHelper';
 import { renderShareDialogExp, shareSubmitExp } from './analytics/ufoExperiences';
@@ -37,13 +38,9 @@ export const defaultShareContentState = {
 export class ShareDialogWithTriggerInternal extends React.PureComponent {
   constructor(...args) {
     super(...args);
-
     _defineProperty(this, "containerRef", /*#__PURE__*/React.createRef());
-
     _defineProperty(this, "selectPortalRef", /*#__PURE__*/React.createRef());
-
     _defineProperty(this, "start", 0);
-
     _defineProperty(this, "state", {
       isDialogOpen: false,
       isSharing: false,
@@ -55,7 +52,6 @@ export class ShareDialogWithTriggerInternal extends React.PureComponent {
       tabIndex: 0,
       isLoading: false
     });
-
     _defineProperty(this, "closeAndResetDialog", () => {
       this.setState({
         defaultValue: defaultShareContentState,
@@ -69,62 +65,55 @@ export class ShareDialogWithTriggerInternal extends React.PureComponent {
         onUserSelectionChange,
         onDialogClose
       } = this.props;
-
       if (onUserSelectionChange) {
         onUserSelectionChange(defaultShareContentState.users);
       }
-
       if (onDialogClose) {
         onDialogClose();
       }
     });
-
     _defineProperty(this, "createAndFireEvent", payload => {
       const {
         createAnalyticsEvent,
         analyticsDecorator
       } = this.props;
-
       if (analyticsDecorator) {
         payload = analyticsDecorator(payload);
       }
-
       if (createAnalyticsEvent) {
         createAnalyticsEvent(payload).fire(CHANNEL_ID);
       }
     });
-
     _defineProperty(this, "onTabChange", index => {
       let subjectId = 'shareTab';
       const {
         shareContentType,
         isJwmShareToSlackFFEnabled
       } = this.props;
-
       if (index === 1) {
         subjectId = 'shareToSlackTab';
       }
-
       this.createAndFireEvent(shareTabClicked(subjectId, shareContentType, isJwmShareToSlackFFEnabled));
       this.setState({
         tabIndex: index
       });
     });
-
     _defineProperty(this, "getFlags", () => {
       const {
         intl: {
           formatMessage
         }
-      } = this.props; // The reason for providing message property is that in jira,
+      } = this.props;
+
+      // The reason for providing message property is that in jira,
       // the Flag system takes only Message Descriptor as payload
       // and formatMessage is called for every flag
       // if the translation data is not provided, a translated default message
       // will be displayed
-
       return [{
         appearance: 'success',
-        title: { ...messages.shareSuccessMessage,
+        title: {
+          ...messages.shareSuccessMessage,
           defaultMessage: formatMessage(messages.shareSuccessMessage, {
             object: this.props.shareContentType.toLowerCase()
           })
@@ -132,19 +121,16 @@ export class ShareDialogWithTriggerInternal extends React.PureComponent {
         type: OBJECT_SHARED
       }];
     });
-
     _defineProperty(this, "setIsLoading", isLoading => {
       this.setState({
         isLoading
       });
     });
-
     _defineProperty(this, "focus", () => {
       if (this.containerRef.current) {
         this.containerRef.current.focus();
       }
     });
-
     _defineProperty(this, "handleKeyDown", event => {
       const {
         isLoading,
@@ -153,12 +139,10 @@ export class ShareDialogWithTriggerInternal extends React.PureComponent {
       const {
         shouldCloseOnEscapePress
       } = this.props;
-
       if (isLoading) {
         event.stopPropagation();
         this.focus();
       }
-
       if (isDialogOpen) {
         switch (event.key) {
           case 'Esc':
@@ -167,15 +151,14 @@ export class ShareDialogWithTriggerInternal extends React.PureComponent {
             // need to prevent that if the dialog is set to not close on `ESC`
             if (!shouldCloseOnEscapePress) {
               event.preventDefault();
-              event.stopPropagation(); // put the focus back onto the share dialog so that
+              event.stopPropagation();
+              // put the focus back onto the share dialog so that
               // the user can press the escape key again to close the dialog
-
               this.focus();
               return;
-            } // The dialog will auto-close in @atlaskit/popup, we just need to fire
+            }
+            // The dialog will auto-close in @atlaskit/popup, we just need to fire
             // the right events.
-
-
             if (shouldCloseOnEscapePress) {
               // This experience should be aborted in a scenario when a user closes the dialog before the shareClient.getConfig() call is finished
               // It is a race condition between the `SUCCEEDED` case and the `ABORTED` case of this experience
@@ -184,11 +167,9 @@ export class ShareDialogWithTriggerInternal extends React.PureComponent {
               this.createAndFireEvent(cancelShare(this.start));
               this.closeAndResetDialog();
             }
-
         }
       }
     });
-
     _defineProperty(this, "handleDialogOpen", () => {
       this.setState(state => ({
         isDialogOpen: !state.isDialogOpen,
@@ -203,42 +184,36 @@ export class ShareDialogWithTriggerInternal extends React.PureComponent {
         const {
           isDialogOpen
         } = this.state;
-
         if (isDialogOpen) {
           this.start = Date.now();
           this.createAndFireEvent(screenEvent({
             isPublicLink
           }));
-
           if (onDialogOpen) {
             onDialogOpen();
           }
-
           this.focus();
         }
       });
     });
-
     _defineProperty(this, "onTriggerClick", () => {
       const {
         onTriggerButtonClick
       } = this.props;
       this.createAndFireEvent(shareTriggerButtonClicked());
       this.handleDialogOpen();
-
       if (onTriggerButtonClick) {
         onTriggerButtonClick();
       }
     });
-
     _defineProperty(this, "handleCloseDialog", () => {
       if (this.props.onDialogClose) {
         this.props.onDialogClose();
-      } // This experience should be aborted in a scenario when a user closes the dialog before the shareClient.getConfig() call is finished
+      }
+
+      // This experience should be aborted in a scenario when a user closes the dialog before the shareClient.getConfig() call is finished
       // It is a race condition between the `SUCCEEDED` case and the `ABORTED` case of this experience
       // UFO experiences can only have one FINAL state so it doesn't matter if we call .abort() after the experience has succeeded and vice versa
-
-
       renderShareDialogExp.abort();
       this.setState({
         isDialogOpen: false,
@@ -247,7 +222,6 @@ export class ShareDialogWithTriggerInternal extends React.PureComponent {
         tabIndex: 0
       });
     });
-
     _defineProperty(this, "handleShareSubmit", data => {
       const {
         onShareSubmit,
@@ -256,11 +230,9 @@ export class ShareDialogWithTriggerInternal extends React.PureComponent {
         showFlags,
         isPublicLink
       } = this.props;
-
       if (!onShareSubmit) {
         return;
       }
-
       shareSubmitExp.start();
       this.setState({
         isSharing: true
@@ -283,7 +255,6 @@ export class ShareDialogWithTriggerInternal extends React.PureComponent {
         isValidFailedExperience(shareSubmitExp, err);
       });
     });
-
     _defineProperty(this, "handleFormDismiss", data => {
       this.setState(({
         ignoreIntermediateState
@@ -291,7 +262,6 @@ export class ShareDialogWithTriggerInternal extends React.PureComponent {
         defaultValue: data
       });
     });
-
     _defineProperty(this, "handleCopyLink", () => {
       const {
         copyLinkOrigin,
@@ -301,7 +271,6 @@ export class ShareDialogWithTriggerInternal extends React.PureComponent {
       } = this.props;
       this.createAndFireEvent(copyLinkButtonClicked(this.start, shareContentType, copyLinkOrigin, isPublicLink, shareAri));
     });
-
     _defineProperty(this, "handleIntegrationClick", integration => {
       this.setState({
         isUsingSplitButton: false,
@@ -310,7 +279,6 @@ export class ShareDialogWithTriggerInternal extends React.PureComponent {
         selectedIntegration: integration
       });
     });
-
     _defineProperty(this, "renderShareTriggerButton", triggerProps => {
       const {
         isDialogOpen,
@@ -333,8 +301,9 @@ export class ShareDialogWithTriggerInternal extends React.PureComponent {
         dialogPlacement
       } = this.props;
       let button;
-      const ShareButtonIcon = triggerButtonIcon || ShareIcon; // Render a custom or standard button.
+      const ShareButtonIcon = triggerButtonIcon || ShareIcon;
 
+      // Render a custom or standard button.
       if (renderCustomTriggerButton) {
         const {
           shareError
@@ -357,18 +326,18 @@ export class ShareDialogWithTriggerInternal extends React.PureComponent {
           isSelected: isDialogOpen,
           isDisabled: isDisabled
         }, triggerProps));
-      } // If the button only shows the icon, wrap it in a tooltip containing the button text.
-
+      }
 
+      // If the button only shows the icon, wrap it in a tooltip containing the button text.
       if (triggerButtonStyle === 'icon-only') {
         button = jsx(Aktooltip, {
           content: !isUsingSplitButton ? triggerButtonTooltipText || formatMessage(messages.shareTriggerButtonTooltipText) : null,
           position: triggerButtonTooltipPosition,
           hideTooltipOnClick: true
         }, button);
-      } // If there are any integrations, wrap the share button in a split button with integrations.
-
+      }
 
+      // If there are any integrations, wrap the share button in a split button with integrations.
       if (integrationMode === 'split' && shareIntegrations !== null && shareIntegrations !== void 0 && shareIntegrations.length) {
         button = jsx(SplitButton, {
           shareButton: button,
@@ -383,36 +352,30 @@ export class ShareDialogWithTriggerInternal extends React.PureComponent {
           createAndFireEvent: this.createAndFireEvent
         });
       }
-
       return button;
     });
-
     _defineProperty(this, "handleOpenSplitButton", () => {
       this.setState({
         isUsingSplitButton: true
       }, () => this.handleCloseDialog());
       this.createAndFireEvent(shareSplitButtonEvent());
     });
-
     _defineProperty(this, "handleCloseSplitButton", () => {
       this.setState({
         isUsingSplitButton: false
       });
     });
   }
-
   componentDidMount() {
     if (this.props.isAutoOpenDialog) {
       this.handleDialogOpen();
     }
   }
-
   componentDidUpdate(prevProps) {
     if (this.props.isAutoOpenDialog !== prevProps.isAutoOpenDialog && this.props.isAutoOpenDialog) {
       this.handleDialogOpen();
     }
   }
-
   render() {
     const {
       isDialogOpen,
@@ -446,14 +409,14 @@ export class ShareDialogWithTriggerInternal extends React.PureComponent {
       copyTooltipText,
       integrationMode,
       shareIntegrations,
-      isBrowseUsersDisabled,
-      shareContentType
+      isBrowseUsersDisabled
     } = this.props;
     const style = typeof tabIndex !== 'undefined' && tabIndex >= 0 ? {
       outline: 'none'
     } : undefined;
-    const footer = resolveShareFooter(integrationMode, this.state.tabIndex, customFooter); // for performance purposes, we may want to have a loadable content i.e. ShareForm
+    const footer = resolveShareFooter(integrationMode, this.state.tabIndex, customFooter);
 
+    // for performance purposes, we may want to have a loadable content i.e. ShareForm
     return jsx("div", {
       css: shareButtonWrapperStyles,
       tabIndex: tabIndex,
@@ -475,7 +438,6 @@ export class ShareDialogWithTriggerInternal extends React.PureComponent {
         showTitle: integrationMode !== 'tabs' || !shareIntegrations || !shareIntegrations.length,
         shareFormHelperMessage: shareFormHelperMessage,
         shareError: shareError,
-        shareContentType: shareContentType,
         defaultValue: defaultValue,
         config: config,
         isFetchingConfig: isFetchingConfig,
@@ -491,13 +453,15 @@ export class ShareDialogWithTriggerInternal extends React.PureComponent {
         isPublicLink: isPublicLink,
         copyTooltipText: copyTooltipText,
         integrationMode: integrationMode,
-        shareIntegrations: shareIntegrations // actions
+        shareIntegrations: shareIntegrations
+        // actions
         ,
         onLinkCopy: this.handleCopyLink,
         onSubmit: this.handleShareSubmit,
         onDismiss: this.handleFormDismiss,
         onDialogClose: this.handleCloseDialog,
-        onTabChange: this.onTabChange //ref
+        onTabChange: this.onTabChange
+        //ref
         ,
         selectPortalRef: this.selectPortalRef,
         isBrowseUsersDisabled: isBrowseUsersDisabled
@@ -513,9 +477,7 @@ export class ShareDialogWithTriggerInternal extends React.PureComponent {
       ref: this.selectPortalRef
     })));
   }
-
 }
-
 _defineProperty(ShareDialogWithTriggerInternal, "defaultProps", {
   isDisabled: false,
   dialogPlacement: 'bottom-end',
@@ -525,5 +487,4 @@ _defineProperty(ShareDialogWithTriggerInternal, "defaultProps", {
   triggerButtonTooltipPosition: 'top',
   dialogZIndex: layers.modal()
 });
-
 export const ShareDialogWithTrigger = withAnalyticsEvents()(injectIntl(ShareDialogWithTriggerInternal));

package/dist/es2019/components/ShareForm.js

@@ -1,6 +1,5 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _extends from "@babel/runtime/helpers/extends";
-
 /** @jsx jsx */
 import React from 'react';
 import { css, jsx } from '@emotion/react';
@@ -58,22 +57,18 @@ const integrationIconWrapperStyles = css`
   margin-bottom: -6px;
   margin-right: 5px;
 `;
-
 const integrationTabText = integrationName => jsx(FormattedMessage, _extends({}, messages.shareInIntegrationButtonText, {
   values: {
     integrationName
   }
 }));
-
 // eslint-disable-next-line @repo/internal/react/no-class-components
 class InternalForm extends React.PureComponent {
   constructor(...args) {
     super(...args);
-
     _defineProperty(this, "state", {
       selectedTab: TabType.default
     });
-
     _defineProperty(this, "renderShareForm", () => {
       const {
         formProps,
@@ -143,7 +138,6 @@ class InternalForm extends React.PureComponent {
         copiedToClipboardText: formatMessage(messages.copiedToClipboardMessage)
       }), this.renderSubmitButton())));
     });
-
     _defineProperty(this, "renderSubmitButton", () => {
       const {
         intl: {
@@ -181,61 +175,51 @@ class InternalForm extends React.PureComponent {
         isDisabled: isDisabled
       }, jsx(ButtonLabelWrapper, null, submitButtonLabel || jsx(FormattedMessage, buttonLabel))));
     });
-
     _defineProperty(this, "renderMainTabTitle", () => {
       const {
         title,
         product
       } = this.props;
-
       if (title) {
         return title;
       }
-
       if (!product) {
         return jsx(FormattedMessage, messages.formTitle);
       }
-
-      const productShareType = product === 'jira' ? { ...messages.shareMainTabTextJira
-      } : { ...messages.shareMainTabTextConfluence
+      const productShareType = product === 'jira' ? {
+        ...messages.shareMainTabTextJira
+      } : {
+        ...messages.shareMainTabTextConfluence
       };
       return jsx(FormattedMessage, productShareType);
     });
-
     _defineProperty(this, "changeTab", tab => {
       var _this$props$onTabChan, _this$props;
-
       this.setState({
         selectedTab: tab
       });
       (_this$props$onTabChan = (_this$props = this.props).onTabChange) === null || _this$props$onTabChan === void 0 ? void 0 : _this$props$onTabChan.call(_this$props, tab);
     });
   }
-
   componentWillUnmount() {
     const {
       onDismiss,
       getValues
     } = this.props;
-
     if (onDismiss) {
       onDismiss(getValues());
     }
   }
-
   render() {
     const {
       integrationMode = 'off',
       shareIntegrations,
       handleCloseDialog
     } = this.props;
-
     if (integrationMode === 'off' || !shareIntegrations || !shareIntegrations.length) {
       return this.renderShareForm();
     }
-
     const firstIntegration = shareIntegrations[0];
-
     if (integrationMode === 'tabs') {
       return jsx(Tabs, {
         id: "ShareForm-Tabs-Integrations",
@@ -267,16 +251,12 @@ class InternalForm extends React.PureComponent {
         changeTab: this.changeTab
       })))));
     }
-
     return this.renderShareForm();
   }
-
 }
-
 _defineProperty(InternalForm, "defaultProps", {
   onSubmit: () => {}
 });
-
 const InternalFormWithIntl = injectIntl(InternalForm);
 export const ShareForm = props => jsx(Form, {
   onSubmit: props.onSubmit

package/dist/es2019/components/ShareFormWrapper/ShareFormWrapper.js

@@ -1,7 +1,6 @@
 import React from 'react';
 import { ShareHeader } from '../ShareHeader';
 import { InlineDialogContentWrapper, InlineDialogFormWrapper } from './styled';
-
 const ShareFormWrapper = ({
   shareFormTitle,
   shouldShowTitle,
@@ -10,5 +9,4 @@ const ShareFormWrapper = ({
 }) => /*#__PURE__*/React.createElement(InlineDialogContentWrapper, null, /*#__PURE__*/React.createElement(InlineDialogFormWrapper, null, shouldShowTitle && /*#__PURE__*/React.createElement(ShareHeader, {
   title: shareFormTitle
 }), children), footer);
-
 export default ShareFormWrapper;

package/dist/es2019/components/ShareFormWrapper/styled.js

@@ -1,4 +1,5 @@
 /** @jsx jsx */
+
 import React from 'react';
 import { jsx } from '@emotion/react';
 import { gridSize } from '@atlaskit/theme/constants';
@@ -9,13 +10,13 @@ export const InlineDialogFormWrapper = ({
     width: `${gridSize() * 44}px`
   }
 }, children);
+
 /**
  * Apply the same styling, as previous @atlaskit/inline-dialog had,
  * compared to the @atlaskit/popup we are now using.
  *
  * packages/design-system/inline-dialog/src/InlineDialog/styled.ts:20:3
  */
-
 export const InlineDialogContentWrapper = ({
   children
 }) => jsx("div", {

package/dist/es2019/components/SlackIcon.js

@@ -1,5 +1,4 @@
 import React from 'react';
-
 const SlackIcon = () => {
   return /*#__PURE__*/React.createElement("svg", {
     width: "24",
@@ -53,5 +52,4 @@ const SlackIcon = () => {
     className: "prefix__st3"
   })))));
 };
-
 export default SlackIcon;

package/dist/es2019/components/SplitButton.js

@@ -1,5 +1,4 @@
 import _extends from "@babel/runtime/helpers/extends";
-
 /** @jsx jsx */
 import React, { useCallback } from 'react';
 import { css, jsx } from '@emotion/react';
@@ -29,20 +28,19 @@ const dropdownMenuWrapperStyles = css`
   button:hover {
     border-radius: 0 ${borderRadius()}px ${borderRadius()}px 0;
   }
-`; // span
+`;
 
+// span
 const dropDownIntegrationButtonWrapperStyles = css`
   button:hover {
     background: transparent;
   }
 `;
-
 const integrationButtonText = integrationName => jsx(FormattedMessage, _extends({}, messages.shareToIntegrationButtonText, {
   values: {
     integrationName
   }
 }));
-
 const SplitButtonDropdown = props => {
   const {
     triggerButtonAppearance,
@@ -97,7 +95,6 @@ const SplitButtonDropdown = props => {
     IntegrationIcon: integration.Icon
   })))))));
 };
-
 SplitButtonDropdown.displayName = 'SplitButtonDropdown';
 export default function SplitButton({
   shareButton,