@atlaskit/share 1.0.3 → 3.0.1

package/dist/cjs/components/ShareForm.js

@@ -27,38 +27,40 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 
+var _react = _interopRequireDefault(require("react"));
+
+var _reactIntlNext = require("react-intl-next");
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
 var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
 
 var _form = _interopRequireDefault(require("@atlaskit/form"));
 
 var _error = _interopRequireDefault(require("@atlaskit/icon/glyph/error"));
 
+var _tabs = _interopRequireWildcard(require("@atlaskit/tabs"));
+
 var _colors = require("@atlaskit/theme/colors");
 
 var _constants = require("@atlaskit/theme/constants");
 
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 
-var _tabs = _interopRequireWildcard(require("@atlaskit/tabs"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _reactIntlNext = require("react-intl-next");
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _i18n = require("../i18n");
 
+var _types = require("../types");
+
 var _CommentField = require("./CommentField");
 
 var _CopyLinkButton = _interopRequireDefault(require("./CopyLinkButton"));
 
+var _IntegrationForm = require("./IntegrationForm");
+
 var _ShareHeader = require("./ShareHeader");
 
 var _UserPickerField = require("./UserPickerField");
 
-var _IntegrationForm = require("./IntegrationForm");
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
 
 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); }
@@ -101,6 +103,7 @@ var integrationTabText = function integrationTabText(integrationName) {
   }));
 };
 
+// eslint-disable-next-line @repo/internal/react/no-class-components
 var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
   (0, _inherits2.default)(InternalForm, _React$PureComponent);
 
@@ -116,6 +119,9 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
     }
 
     _this = _super.call.apply(_super, [this].concat(args));
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
+      selectedTab: _types.TabType.default
+    });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderShareForm", function () {
       var _this$props = _this.props,
           formProps = _this$props.formProps,
@@ -149,7 +155,7 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
         defaultValue: defaultValue && defaultValue.users,
         config: config,
         isLoading: isFetchingConfig,
-        product: product,
+        product: product || 'confluence',
         enableSmartUserPicker: enableSmartUserPicker,
         loggedInAccountId: loggedInAccountId,
         cloudId: cloudId,
@@ -208,6 +214,11 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
       var productShareType = product === 'jira' ? _objectSpread({}, _i18n.messages.shareMainTabTextJira) : _objectSpread({}, _i18n.messages.shareMainTabTextConfluence);
       return /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, productShareType);
     });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "changeTab", function (tab) {
+      _this.setState({
+        selectedTab: tab
+      });
+    });
     return _this;
   }
 
@@ -225,6 +236,8 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
   }, {
     key: "render",
     value: function render() {
+      var _this2 = this;
+
       var _this$props5 = this.props,
           _this$props5$integrat = _this$props5.integrationMode,
           integrationMode = _this$props5$integrat === void 0 ? 'off' : _this$props5$integrat,
@@ -242,8 +255,11 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
         return /*#__PURE__*/_react.default.createElement(_tabs.default, {
           id: "ShareForm-Tabs-Integrations",
           onChange: function onChange(index) {
+            _this2.changeTab(index);
+
             onTabChange === null || onTabChange === void 0 ? void 0 : onTabChange(index);
-          }
+          },
+          selected: this.state.selectedTab
         }, /*#__PURE__*/_react.default.createElement(_tabs.TabList, null, /*#__PURE__*/_react.default.createElement(_tabs.Tab, {
           key: "share-tab-default"
         }, this.renderMainTabTitle()), /*#__PURE__*/_react.default.createElement(_tabs.Tab, {
@@ -260,6 +276,9 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
           Content: firstIntegration.Content,
           onIntegrationClose: function onIntegrationClose() {
             return handleCloseDialog === null || handleCloseDialog === void 0 ? void 0 : handleCloseDialog();
+          },
+          changeTab: function changeTab(index) {
+            _this2.changeTab(index);
           }
         }))));
       }

package/dist/cjs/components/ShareFormWrapper/ShareFormWrapper.js

@@ -0,0 +1,29 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _ShareHeader = require("../ShareHeader");
+
+var _styled = require("./styled");
+
+var ShareFormWrapper = function ShareFormWrapper(_ref) {
+  var shareFormTitle = _ref.shareFormTitle,
+      shouldShowTitle = _ref.shouldShowTitle,
+      _ref$children = _ref.children,
+      children = _ref$children === void 0 ? null : _ref$children,
+      _ref$footer = _ref.footer,
+      footer = _ref$footer === void 0 ? null : _ref$footer;
+  return /*#__PURE__*/_react.default.createElement(_styled.InlineDialogContentWrapper, null, /*#__PURE__*/_react.default.createElement(_styled.InlineDialogFormWrapper, null, shouldShowTitle && /*#__PURE__*/_react.default.createElement(_ShareHeader.ShareHeader, {
+    title: shareFormTitle
+  }), children), footer);
+};
+
+var _default = ShareFormWrapper;
+exports.default = _default;

package/dist/cjs/components/ShareFormWrapper/index.js

@@ -0,0 +1,15 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "ShareFormWrapper", {
+  enumerable: true,
+  get: function get() {
+    return _ShareFormWrapper.default;
+  }
+});
+
+var _ShareFormWrapper = _interopRequireDefault(require("./ShareFormWrapper"));

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

@@ -0,0 +1,31 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.InlineDialogFormWrapper = exports.InlineDialogContentWrapper = void 0;
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _constants = require("@atlaskit/theme/constants");
+
+var _templateObject, _templateObject2;
+
+var InlineDialogFormWrapper = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: ", "px;\n"])), (0, _constants.gridSize)() * 44);
+/**
+ * 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
+ */
+
+
+exports.InlineDialogFormWrapper = InlineDialogFormWrapper;
+
+var InlineDialogContentWrapper = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  padding: ", "px ", "px;\n"])), (0, _constants.gridSize)() * 2, (0, _constants.gridSize)() * 3);
+
+exports.InlineDialogContentWrapper = InlineDialogContentWrapper;

package/dist/cjs/components/UserPickerField.js

@@ -25,20 +25,20 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
-var _form = require("@atlaskit/form");
-
-var _userPicker = _interopRequireWildcard(require("@atlaskit/user-picker"));
-
 var _react = _interopRequireDefault(require("react"));
 
 var _reactIntlNext = require("react-intl-next");
 
-var _i18n = require("../i18n");
+var _form = require("@atlaskit/form");
 
-var _utils = require("./utils");
+var _userPicker = _interopRequireWildcard(require("@atlaskit/user-picker"));
+
+var _i18n = require("../i18n");
 
 var _styles = require("./styles");
 
+var _utils = require("./utils");
+
 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; }
@@ -105,7 +105,8 @@ var requiredMessagesWithoutEmail = {
 var getRequiredMessage = function getRequiredMessage(product, allowEmail) {
   var messages = allowEmail ? requiredMessagesWithEmail : requiredMessagesWithoutEmail;
   return messages[product];
-};
+}; // eslint-disable-next-line @repo/internal/react/no-class-components
+
 
 var UserPickerFieldComponent = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(UserPickerFieldComponent, _React$Component);

package/dist/cjs/components/styles.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.MAX_PICKER_HEIGHT = exports.InlineDialogContentWrapper = void 0;
+exports.default = exports.MAX_PICKER_HEIGHT = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
@@ -13,36 +13,17 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _react = _interopRequireDefault(require("react"));
 
-var _constants = require("@atlaskit/theme/constants");
-
 var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
 
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _templateObject;
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 var MAX_PICKER_HEIGHT = 102;
-/**
- * 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
- */
-
 exports.MAX_PICKER_HEIGHT = MAX_PICKER_HEIGHT;
 
-var InlineDialogContentWrapper = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  padding: ", "px ", "px;\n"])), (0, _constants.gridSize)() * 2, (0, _constants.gridSize)() * 3);
-
-exports.InlineDialogContentWrapper = InlineDialogContentWrapper;
-
 var StyledButton = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   return /*#__PURE__*/_react.default.createElement(_customThemeButton.default, (0, _extends2.default)({
     ref: ref

package/dist/cjs/components/utils.js

@@ -5,10 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.zIndexAddition = exports.optionDataToUsers = exports.getMenuPortalTargetCurrentHTML = exports.generateSelectZIndex = exports.allowEmails = void 0;
 
-var _theme = require("@atlaskit/theme");
-
-// AFP-2532 TODO: Fix automatic suppressions below
-// eslint-disable-next-line @atlassian/tangerine/import/entry-points
+var _constants = require("@atlaskit/theme/constants");
 
 /**
  * We need to generate correct zIndex, for the PopUp and for the Select inside it.
@@ -23,7 +20,7 @@ var generateSelectZIndex = function generateSelectZIndex(dialogZIndex) {
   // If user provided non-number value for zIndex, ignore and return undefined,
   // which will default to `layers.layer()` inside PopUp
   if (typeof dialogZIndex !== 'number' || !dialogZIndex) {
-    return _theme.layers.modal() + zIndexAddition;
+    return _constants.layers.modal() + zIndexAddition;
   }
 
   return dialogZIndex + zIndexAddition;

package/dist/cjs/i18n.js

@@ -108,11 +108,6 @@ var messages = (0, _reactIntlNext.defineMessages)({
     defaultMessage: 'Invite',
     description: 'Button label for when the sharee action is set to "edit".'
   },
-  copyLinkButtonIconLabel: {
-    id: 'fabric.elements.share.copylink.button.icon.label',
-    defaultMessage: 'Copy link icon',
-    description: 'Default text for the aria-label of the copy Link icon'
-  },
   copyLinkButtonText: {
     id: 'fabric.elements.share.copylink.button.text',
     defaultMessage: 'Copy link',
@@ -123,11 +118,6 @@ var messages = (0, _reactIntlNext.defineMessages)({
     defaultMessage: 'Copy public link',
     description: 'Default text for the Copy Link button when the link is public'
   },
-  copiedToClipboardIconLabel: {
-    id: 'fabric.elements.share.copied.to.clipboard.icon.label',
-    defaultMessage: 'Copy link success icon',
-    description: 'Default text for the aria-label of the copied link icon'
-  },
   copiedToClipboardMessage: {
     id: 'fabric.elements.share.copied.to.clipboard.message',
     defaultMessage: 'Link copied to clipboard',

package/dist/cjs/index.js

@@ -21,14 +21,6 @@ Object.defineProperty(exports, "ShareDialogContainer", {
     return _ShareDialogContainer.ShareDialogContainer;
   }
 });
-Object.defineProperty(exports, "ShareServiceClient", {
-  enumerable: true,
-  get: function get() {
-    return _ShareServiceClient.ShareServiceClient;
-  }
-});
-
-var _ShareServiceClient = require("./clients/ShareServiceClient");
 
 var _ShareDialogContainer = require("./components/ShareDialogContainer");
 

package/dist/cjs/types/ShareDialogContainer.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/cjs/types/ShareEntities.js

@@ -2,4 +2,13 @@
 
 Object.defineProperty(exports, "__esModule", {
   value: true
-});
+});
+exports.TabType = void 0;
+// Third party integrations
+var TabType;
+exports.TabType = TabType;
+
+(function (TabType) {
+  TabType[TabType["default"] = 0] = "default";
+  TabType[TabType["Slack"] = 1] = "Slack";
+})(TabType || (exports.TabType = TabType = {}));

package/dist/cjs/types/ShareForm.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/cjs/types/index.js

@@ -15,5 +15,13 @@ Object.defineProperty(exports, "OBJECT_SHARED", {
     return _Flag.OBJECT_SHARED;
   }
 });
+Object.defineProperty(exports, "TabType", {
+  enumerable: true,
+  get: function get() {
+    return _ShareEntities.TabType;
+  }
+});
+
+var _Flag = require("./Flag");
 
-var _Flag = require("./Flag");
+var _ShareEntities = require("./ShareEntities");

package/dist/cjs/util/i18n-util.js

@@ -7,6 +7,9 @@ exports.getMessagesForLocale = void 0;
 
 var _index = require("../i18n/index");
 
+// Cannot import from `../i18n` because there is `../i18n.tsx` file there.
+
+/* eslint-disable @atlassian/tangerine/import/no-dangling-index */
 var localesMessagesMap = {
   cs: _index.cs,
   da: _index.da,

package/dist/cjs/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/share",
-	"version": "1.0.3"
+	"version": "3.0.1"
 }

package/dist/es2019/clients/ShareServiceClient.js

@@ -10,13 +10,7 @@ export class ShareServiceClient {
     };
   }
 
-  getConfig(cloudId, enableEmailPermissionCheck) {
-    if (!enableEmailPermissionCheck) {
-      return Promise.resolve({
-        disableSharingToEmails: false
-      });
-    }
-
+  getConfig(cloudId) {
     const options = {
       path: SHARE_CONFIG_PATH,
       queryParams: {

package/dist/es2019/clients/index.js

@@ -0,0 +1 @@
+export { ShareServiceClient } from './ShareServiceClient';

package/dist/es2019/components/CommentField.js

@@ -1,8 +1,9 @@
 import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { useIntl } from 'react-intl-next'; // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
+
 import FieldTextArea from '@atlaskit/field-text-area';
 import { Field } from '@atlaskit/form';
-import React from 'react';
-import { useIntl } from 'react-intl-next';
 import { messages } from '../i18n';
 export const CommentField = ({
   defaultValue

package/dist/es2019/components/CopyLinkButton.js

@@ -1,16 +1,18 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import React from 'react';
+import { isSafari } from 'react-device-detect';
+import { FormattedMessage, injectIntl } from 'react-intl-next';
+import styled from 'styled-components';
 import CheckCircleIcon from '@atlaskit/icon/glyph/check-circle';
 import LinkFilledIcon from '@atlaskit/icon/glyph/link-filled';
 import Popup from '@atlaskit/popup';
 import { G300 } from '@atlaskit/theme/colors';
 import { layers } from '@atlaskit/theme/constants';
 import Tooltip from '@atlaskit/tooltip';
-import React from 'react';
-import { FormattedMessage, injectIntl } from 'react-intl-next';
-import styled from 'styled-components';
-import Button, { InlineDialogContentWrapper } from './styles';
 import { messages } from '../i18n';
+import { InlineDialogContentWrapper } from './ShareFormWrapper/styled';
+import Button from './styles';
 const Z_INDEX = layers.modal();
 const AUTO_DISMISS_SECONDS = 8;
 export const AUTO_DISMISS_MS = AUTO_DISMISS_SECONDS * 1000;
@@ -28,10 +30,13 @@ export const HiddenInput = /*#__PURE__*/React.forwardRef( // we need a hidden in
     position: 'absolute',
     left: '-9999px'
   },
+  tabIndex: -1,
+  "aria-hidden": true,
   ref: ref,
   value: props.text,
   readOnly: true
 }));
+// eslint-disable-next-line @repo/internal/react/no-class-components
 export class CopyLinkButton extends React.Component {
   constructor(...args) {
     super(...args);
@@ -85,10 +90,11 @@ export class CopyLinkButton extends React.Component {
         isPublicLink
       } = this.props;
       return /*#__PURE__*/React.createElement(Button, _extends({
+        "aria-label": formatMessage(isPublicLink ? messages.copyPublicLinkButtonText : messages.copyLinkButtonText),
         isDisabled: isDisabled,
         appearance: "subtle-link",
         iconBefore: /*#__PURE__*/React.createElement(LinkFilledIcon, {
-          label: formatMessage(messages.copyLinkButtonIconLabel),
+          label: "",
           size: "medium"
         }),
         onClick: this.handleClick
@@ -110,13 +116,16 @@ export class CopyLinkButton extends React.Component {
       },
       copyTooltipText
     } = this.props;
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(HiddenInput, {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, isSafari && /*#__PURE__*/React.createElement("div", {
+      className: "assistive",
+      "aria-live": "assertive"
+    }, shouldShowCopiedMessage && formatMessage(messages.copiedToClipboardMessage)), /*#__PURE__*/React.createElement(HiddenInput, {
       ref: this.inputRef,
       text: this.props.link
     }), /*#__PURE__*/React.createElement(Popup, {
       zIndex: Z_INDEX,
       content: () => /*#__PURE__*/React.createElement(InlineDialogContentWrapper, null, /*#__PURE__*/React.createElement(MessageContainer, null, /*#__PURE__*/React.createElement(CheckCircleIcon, {
-        label: formatMessage(messages.copiedToClipboardIconLabel),
+        label: "",
         primaryColor: G300
       }), /*#__PURE__*/React.createElement(MessageSpan, null, /*#__PURE__*/React.createElement(FormattedMessage, messages.copiedToClipboardMessage)))),
       isOpen: shouldShowCopiedMessage,

package/dist/es2019/components/ErrorBoundary.js

@@ -3,6 +3,8 @@ import React from 'react';
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
 import { CHANNEL_ID, errorEncountered } from './analytics';
 
+// ErrorBoundary does not support in functional component
+// eslint-disable-next-line @repo/internal/react/no-class-components
 class ErrorBoundary extends React.Component {
   constructor(...args) {
     super(...args);

package/dist/es2019/components/IntegrationForm.js

@@ -31,7 +31,9 @@ export const FormWrapper = styled.div`
 `;
 export const IntegrationForm = ({
   Content,
-  onIntegrationClose
-}) => /*#__PURE__*/React.createElement(FormWrapper, null, /*#__PURE__*/React.createElement(Content, {
-  onClose: onIntegrationClose
+  onIntegrationClose = () => undefined,
+  changeTab = () => undefined
+}) => /*#__PURE__*/React.createElement(FormWrapper, null, Content && /*#__PURE__*/React.createElement(Content, {
+  onClose: onIntegrationClose,
+  changeTab: changeTab
 }));

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

@@ -0,0 +1,92 @@
+import React from 'react';
+import { AnalyticsContext } from '@atlaskit/analytics-next';
+import { ANALYTICS_SOURCE } from '../analytics';
+import { IntegrationForm } from '../IntegrationForm';
+import { ShareForm } from '../ShareForm';
+import { ShareFormWrapper } from '../ShareFormWrapper';
+import { BottomMessageWrapper, CustomFooterWrapper } from './styled';
+
+/**
+ * A Share form content which is lazy-loaded.
+ * Make sure this component is not exported inside main entry points `src/index.ts`
+ */
+function LazyShareForm(props) {
+  const {
+    copyLink,
+    config,
+    isFetchingConfig,
+    loadOptions,
+    shareFormTitle,
+    shareFormHelperMessage,
+    bottomMessage,
+    submitButtonLabel,
+    product,
+    customFooter,
+    enableSmartUserPicker,
+    loggedInAccountId,
+    cloudId,
+    shareFieldsFooter,
+    onUserSelectionChange,
+    isPublicLink,
+    copyTooltipText,
+    shareIntegrations,
+    integrationMode,
+    // actions
+    onLinkCopy,
+    onDismiss,
+    onSubmit,
+    onDialogClose,
+    // ref
+    selectPortalRef,
+    // props from states of parent:
+    showIntegrationForm,
+    selectedIntegration,
+    isSharing,
+    shareError,
+    defaultValue,
+    showTitle
+  } = props;
+  const footer = /*#__PURE__*/React.createElement("div", null, bottomMessage ? /*#__PURE__*/React.createElement(BottomMessageWrapper, null, bottomMessage) : null, customFooter && /*#__PURE__*/React.createElement(CustomFooterWrapper, null, customFooter));
+  return /*#__PURE__*/React.createElement(AnalyticsContext, {
+    data: {
+      source: ANALYTICS_SOURCE
+    }
+  }, /*#__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
+    ,
+    shouldShowTitle: false
+  }, showIntegrationForm && selectedIntegration !== null ? /*#__PURE__*/React.createElement(IntegrationForm, {
+    Content: selectedIntegration.Content,
+    onIntegrationClose: onDialogClose
+  }) : /*#__PURE__*/React.createElement(ShareForm, {
+    copyLink: copyLink,
+    loadOptions: loadOptions,
+    title: shareFormTitle,
+    showTitle: showTitle,
+    helperMessage: shareFormHelperMessage,
+    shareError: shareError,
+    defaultValue: defaultValue,
+    config: config,
+    submitButtonLabel: submitButtonLabel,
+    product: product,
+    enableSmartUserPicker: enableSmartUserPicker,
+    loggedInAccountId: loggedInAccountId,
+    cloudId: cloudId,
+    fieldsFooter: shareFieldsFooter,
+    selectPortalRef: selectPortalRef,
+    copyTooltipText: copyTooltipText,
+    integrationMode: integrationMode,
+    shareIntegrations: shareIntegrations,
+    isSharing: isSharing,
+    isFetchingConfig: isFetchingConfig,
+    isPublicLink: isPublicLink,
+    onSubmit: onSubmit,
+    onDismiss: onDismiss,
+    onLinkCopy: onLinkCopy,
+    onUserSelectionChange: onUserSelectionChange,
+    handleCloseDialog: onDialogClose
+  })));
+}
+
+export default LazyShareForm;

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

@@ -0,0 +1 @@
+export { default } from './LazyShareForm';

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

@@ -0,0 +1,26 @@
+import React from 'react';
+import { lazyForPaint, LazySuspense } from 'react-loosely-lazy';
+import Spinner from '@atlaskit/spinner';
+import { ShareFormWrapper } from '../ShareFormWrapper';
+import { SpinnerWrapper } from './styled';
+const LazyShareFormLazy = lazyForPaint(() => import(
+/* webpackChunkName: "@atlaskit-internal_share-form" */
+'./LazyShareForm'), {
+  ssr: false
+});
+
+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)));
+
+export default (props => /*#__PURE__*/React.createElement(LazySuspense, {
+  fallback: /*#__PURE__*/React.createElement(LoadingDialog, {
+    shareFormTitle: props.shareFormTitle,
+    showTitle: props.showTitle
+  })
+}, /*#__PURE__*/React.createElement(LazyShareFormLazy, props)));