@atlaskit/share 1.0.3 → 3.0.1

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

@@ -0,0 +1,87 @@
+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) {
+  var copyLink = props.copyLink,
+      config = props.config,
+      isFetchingConfig = props.isFetchingConfig,
+      loadOptions = props.loadOptions,
+      shareFormTitle = props.shareFormTitle,
+      shareFormHelperMessage = props.shareFormHelperMessage,
+      bottomMessage = props.bottomMessage,
+      submitButtonLabel = props.submitButtonLabel,
+      product = props.product,
+      customFooter = props.customFooter,
+      enableSmartUserPicker = props.enableSmartUserPicker,
+      loggedInAccountId = props.loggedInAccountId,
+      cloudId = props.cloudId,
+      shareFieldsFooter = props.shareFieldsFooter,
+      onUserSelectionChange = props.onUserSelectionChange,
+      isPublicLink = props.isPublicLink,
+      copyTooltipText = props.copyTooltipText,
+      shareIntegrations = props.shareIntegrations,
+      integrationMode = props.integrationMode,
+      onLinkCopy = props.onLinkCopy,
+      onDismiss = props.onDismiss,
+      onSubmit = props.onSubmit,
+      onDialogClose = props.onDialogClose,
+      selectPortalRef = props.selectPortalRef,
+      showIntegrationForm = props.showIntegrationForm,
+      selectedIntegration = props.selectedIntegration,
+      isSharing = props.isSharing,
+      shareError = props.shareError,
+      defaultValue = props.defaultValue,
+      showTitle = props.showTitle;
+  var 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/esm/components/LazyShareForm/index.js

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

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

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

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

@@ -0,0 +1,9 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+
+var _templateObject, _templateObject2, _templateObject3;
+
+import styled from 'styled-components';
+import { gridSize } from '@atlaskit/theme/constants';
+export var BottomMessageWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: ", "px;\n"])), gridSize() * 44);
+export var CustomFooterWrapper = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  /* Must match inline dialog padding. */\n  margin: 0 ", "px ", "px ", "px;\n"])), -gridSize() * 3, -gridSize() * 2, -gridSize() * 3);
+export var SpinnerWrapper = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  widht: 100%;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-content: center;\n"])));

package/dist/esm/components/MessagesIntlProvider.js

@@ -5,7 +5,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 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) { _defineProperty(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; }
 
 import React, { useMemo } from 'react';
-import { IntlProvider, injectIntl } from 'react-intl-next';
+import { injectIntl, IntlProvider } from 'react-intl-next';
 import { getMessagesForLocale } from '../util/i18n-util';
 
 var MessagesIntlProvider = function MessagesIntlProvider(_ref) {

package/dist/esm/components/ShareButton.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import Button from '@atlaskit/button/custom-theme-button';
 import React from 'react';
+import Button from '@atlaskit/button/custom-theme-button';
 export var ShareButton = /*#__PURE__*/React.forwardRef(function ShareButton(_ref, ref) {
   var text = _ref.text,
       props = _objectWithoutProperties(_ref, ["text"]);

package/dist/esm/components/ShareDialogContainer.js

@@ -16,20 +16,20 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 
 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; } }
 
-import { withAnalyticsEvents } from '@atlaskit/analytics-next';
-import memoizeOne from 'memoize-one';
 import React from 'react';
+import deepEqual from 'fast-deep-equal';
+import memoizeOne from 'memoize-one';
 import { FormattedMessage } from 'react-intl-next';
 import assert from 'tiny-invariant';
+import { withAnalyticsEvents } from '@atlaskit/analytics-next';
 import { AtlassianUrlShortenerClient } from '../clients/AtlassianUrlShortenerClient';
 import { ShareServiceClient } from '../clients/ShareServiceClient';
 import { messages } from '../i18n';
 import { CHANNEL_ID, copyLinkButtonClicked, errorEncountered, shortUrlGenerated, shortUrlRequested } from './analytics';
+import ErrorBoundary from './ErrorBoundary';
 import MessagesIntlProvider from './MessagesIntlProvider';
 import { ShareDialogWithTrigger } from './ShareDialogWithTrigger';
 import { optionDataToUsers } from './utils';
-import ErrorBoundary from './ErrorBoundary';
-import deepEqual from 'fast-deep-equal';
 var COPY_LINK_EVENT = copyLinkButtonClicked(0);
 export var defaultConfig = {
   disableSharingToEmails: false
@@ -45,6 +45,7 @@ function getCurrentPageUrl() {
  * This component serves as a Provider to provide customizable implementations
  * to ShareDialogTrigger component
  */
+// eslint-disable-next-line @repo/internal/react/no-class-components
 
 
 export var ShareDialogContainerInternal = /*#__PURE__*/function (_React$Component) {
@@ -84,7 +85,7 @@ export var ShareDialogContainerInternal = /*#__PURE__*/function (_React$Componen
               case 0:
                 _context.prev = 0;
                 _context.next = 3;
-                return _this.shareClient.getConfig(_this.props.cloudId, _this.props.enableEmailPermissionCheck);
+                return _this.shareClient.getConfig(_this.props.cloudId);
 
               case 3:
                 config = _context.sent;

package/dist/esm/components/ShareDialogWithTrigger.js

@@ -8,7 +8,7 @@ import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+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; }
 
@@ -18,28 +18,25 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 
 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; } }
 
-import { AnalyticsContext, withAnalyticsEvents } from '@atlaskit/analytics-next';
-import SplitButton from './SplitButton';
+import React from 'react';
+import { FormattedMessage, injectIntl } from 'react-intl-next';
+import styled from 'styled-components';
+import { withAnalyticsEvents } from '@atlaskit/analytics-next';
 import ShareIcon from '@atlaskit/icon/glyph/share';
 import Popup from '@atlaskit/popup';
 import Portal from '@atlaskit/portal';
+import { layers } from '@atlaskit/theme/constants';
 import Aktooltip from '@atlaskit/tooltip';
-import { gridSize, layers } from '@atlaskit/theme/constants';
-import React from 'react';
-import { FormattedMessage, injectIntl } from 'react-intl-next';
-import styled from 'styled-components';
 import { messages } from '../i18n';
 import { OBJECT_SHARED } from '../types';
-import { cancelShare, CHANNEL_ID, copyLinkButtonClicked, formShareSubmitted, screenEvent, shareTriggerButtonClicked, shareSplitButtonEvent, ANALYTICS_SOURCE, shareTabClicked } from './analytics';
+import { cancelShare, CHANNEL_ID, copyLinkButtonClicked, formShareSubmitted, screenEvent, shareSplitButtonEvent, shareTabClicked, shareTriggerButtonClicked // type TabSubjectIdType,
+} from './analytics'; // eslint-disable-next-line no-duplicate-imports
+
+import LazyShareFormLazy from './LazyShareForm/lazy';
 import ShareButton from './ShareButton';
-import { ShareForm } from './ShareForm';
+import SplitButton from './SplitButton';
 import { generateSelectZIndex } from './utils';
-import { InlineDialogContentWrapper } from './styles';
-import { IntegrationForm } from './IntegrationForm';
 var ShareButtonWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: inline-flex;\n  outline: none;\n"])));
-var InlineDialogFormWrapper = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  width: 352px;\n"])));
-var BottomMessageWrapper = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  width: 352px;\n"])));
-var CustomFooterWrapper = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  /* Must match inline dialog padding. */\n  margin: 0 ", "px ", "px ", "px;\n"])), -gridSize() * 3, -gridSize() * 2, -gridSize() * 3);
 export var defaultShareContentState = {
   users: [],
   comment: {
@@ -47,6 +44,7 @@ export var defaultShareContentState = {
     value: ''
   }
 };
+// eslint-disable-next-line @repo/internal/react/no-class-components
 export var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureComponent) {
   _inherits(ShareDialogWithTriggerInternal, _React$PureComponent);
 
@@ -445,51 +443,49 @@ export var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureCo
         style: style
       }, /*#__PURE__*/React.createElement(Popup, {
         content: function content() {
-          return /*#__PURE__*/React.createElement(AnalyticsContext, {
-            data: {
-              source: ANALYTICS_SOURCE
-            }
-          }, /*#__PURE__*/React.createElement(InlineDialogContentWrapper, {
-            innerRef: _this2.containerRef
-          }, showIntegrationForm && selectedIntegration !== null ? /*#__PURE__*/React.createElement(InlineDialogFormWrapper, null, /*#__PURE__*/React.createElement(IntegrationForm, {
-            Content: selectedIntegration.Content,
-            onIntegrationClose: _this2.handleCloseDialog
-          })) : /*#__PURE__*/React.createElement(InlineDialogFormWrapper, null, /*#__PURE__*/React.createElement(ShareForm, {
+          return /*#__PURE__*/React.createElement("div", {
+            ref: _this2.containerRef
+          }, /*#__PURE__*/React.createElement(LazyShareFormLazy, {
+            Content: selectedIntegration && selectedIntegration.Content,
+            selectedIntegration: selectedIntegration,
             copyLink: copyLink,
+            showIntegrationForm: showIntegrationForm,
+            bottomMessage: bottomMessage,
+            customFooter: customFooter,
             loadOptions: loadUserOptions,
             isSharing: isSharing,
-            onSubmit: _this2.handleShareSubmit,
-            title: shareFormTitle,
+            shareFormTitle: shareFormTitle,
             showTitle: integrationMode !== 'tabs' || !shareIntegrations || !shareIntegrations.length,
-            onTabChange: _this2.onTabChange,
-            helperMessage: shareFormHelperMessage,
+            shareFormHelperMessage: shareFormHelperMessage,
             shareError: shareError,
-            onDismiss: _this2.handleFormDismiss,
             defaultValue: defaultValue,
             config: config,
             isFetchingConfig: isFetchingConfig,
-            onLinkCopy: _this2.handleCopyLink,
             submitButtonLabel: submitButtonLabel,
             product: product,
             enableSmartUserPicker: enableSmartUserPicker,
             loggedInAccountId: loggedInAccountId,
             cloudId: cloudId,
             onUserSelectionChange: onUserSelectionChange,
-            fieldsFooter: shareFieldsFooter,
-            selectPortalRef: _this2.selectPortalRef,
+            shareFieldsFooter: shareFieldsFooter,
             isPublicLink: isPublicLink,
             copyTooltipText: copyTooltipText,
             integrationMode: integrationMode,
-            handleCloseDialog: _this2.handleCloseDialog,
-            shareIntegrations: shareIntegrations
-          })), bottomMessage ? /*#__PURE__*/React.createElement(BottomMessageWrapper, null, bottomMessage) : null, customFooter && /*#__PURE__*/React.createElement(CustomFooterWrapper, null, customFooter)));
+            shareIntegrations: shareIntegrations // actions
+            ,
+            onLinkCopy: _this2.handleCopyLink,
+            onSubmit: _this2.handleShareSubmit,
+            onDismiss: _this2.handleFormDismiss,
+            onDialogClose: _this2.handleCloseDialog,
+            onTabChange: _this2.onTabChange //ref
+            ,
+            selectPortalRef: _this2.selectPortalRef
+          }));
         },
         isOpen: isDialogOpen,
         onClose: this.handleCloseDialog,
         placement: dialogPlacement,
-        trigger: function trigger(triggerProps) {
-          return _this2.renderShareTriggerButton(triggerProps);
-        },
+        trigger: this.renderShareTriggerButton,
         zIndex: dialogZIndex
       }), /*#__PURE__*/React.createElement(Portal, {
         zIndex: generateSelectZIndex(dialogZIndex)

package/dist/esm/components/ShareForm.js

@@ -18,22 +18,23 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 
 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; } }
 
+import React from 'react';
+import { FormattedMessage, injectIntl } from 'react-intl-next';
+import styled from 'styled-components';
 import Button from '@atlaskit/button/custom-theme-button';
 import Form from '@atlaskit/form';
 import ErrorIcon from '@atlaskit/icon/glyph/error';
+import Tabs, { Tab, TabList, TabPanel } from '@atlaskit/tabs';
 import { R400 } from '@atlaskit/theme/colors';
 import { gridSize } from '@atlaskit/theme/constants';
 import Tooltip from '@atlaskit/tooltip';
-import Tabs, { Tab, TabList, TabPanel } from '@atlaskit/tabs';
-import React from 'react';
-import { FormattedMessage, injectIntl } from 'react-intl-next';
-import styled from 'styled-components';
 import { messages } from '../i18n';
+import { TabType } from '../types';
 import { CommentField } from './CommentField';
 import CopyLinkButton from './CopyLinkButton';
+import { IntegrationForm } from './IntegrationForm';
 import { ShareHeader } from './ShareHeader';
 import { UserPickerField } from './UserPickerField';
-import { IntegrationForm } from './IntegrationForm';
 var SubmitButtonWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  margin-left: auto;\n"])));
 var CenterAlignedIconWrapper = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  align-self: center;\n  padding: 0 10px;\n\n  > div {\n    line-height: 1;\n  }\n"])));
 export var FormWrapper = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  margin-top: ", "px;\n  width: 100%;\n\n  /* jira has a class override font settings on h1 in gh-custom-field-pickers.css */\n  #ghx-modes-tools #ghx-share & h1:first-child {\n    margin-top: 0;\n  }\n"])), function (props) {
@@ -52,6 +53,7 @@ var integrationTabText = function integrationTabText(integrationName) {
   }));
 };
 
+// eslint-disable-next-line @repo/internal/react/no-class-components
 var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
   _inherits(InternalForm, _React$PureComponent);
 
@@ -68,6 +70,10 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
 
     _this = _super.call.apply(_super, [this].concat(args));
 
+    _defineProperty(_assertThisInitialized(_this), "state", {
+      selectedTab: TabType.default
+    });
+
     _defineProperty(_assertThisInitialized(_this), "renderShareForm", function () {
       var _this$props = _this.props,
           formProps = _this$props.formProps,
@@ -101,7 +107,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,
@@ -163,6 +169,12 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
       return /*#__PURE__*/React.createElement(FormattedMessage, productShareType);
     });
 
+    _defineProperty(_assertThisInitialized(_this), "changeTab", function (tab) {
+      _this.setState({
+        selectedTab: tab
+      });
+    });
+
     return _this;
   }
 
@@ -180,6 +192,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,
@@ -197,8 +211,11 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
         return /*#__PURE__*/React.createElement(Tabs, {
           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.createElement(TabList, null, /*#__PURE__*/React.createElement(Tab, {
           key: "share-tab-default"
         }, this.renderMainTabTitle()), /*#__PURE__*/React.createElement(Tab, {
@@ -215,6 +232,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/esm/components/ShareFormWrapper/ShareFormWrapper.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import { ShareHeader } from '../ShareHeader';
+import { InlineDialogContentWrapper, InlineDialogFormWrapper } from './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.createElement(InlineDialogContentWrapper, null, /*#__PURE__*/React.createElement(InlineDialogFormWrapper, null, shouldShowTitle && /*#__PURE__*/React.createElement(ShareHeader, {
+    title: shareFormTitle
+  }), children), footer);
+};
+
+export default ShareFormWrapper;

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

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

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

@@ -0,0 +1,15 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+
+var _templateObject, _templateObject2;
+
+import styled from 'styled-components';
+import { gridSize } from '@atlaskit/theme/constants';
+export var InlineDialogFormWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: ", "px;\n"])), 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
+ */
+
+export var InlineDialogContentWrapper = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  padding: ", "px ", "px;\n"])), gridSize() * 2, gridSize() * 3);

package/dist/esm/components/UserPickerField.js

@@ -11,13 +11,13 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 
 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; } }
 
+import React from 'react';
+import { FormattedMessage, injectIntl } from 'react-intl-next';
 import { ErrorMessage, Field, HelperMessage } from '@atlaskit/form';
 import UserPicker, { isValidEmail, SmartUserPicker } from '@atlaskit/user-picker';
-import React from 'react';
-import { injectIntl, FormattedMessage } from 'react-intl-next';
 import { messages } from '../i18n';
-import { allowEmails, getMenuPortalTargetCurrentHTML } from './utils';
 import { MAX_PICKER_HEIGHT } from './styles';
+import { allowEmails, getMenuPortalTargetCurrentHTML } from './utils';
 export var REQUIRED = 'REQUIRED';
 var DEBOUNCE_MS = 150;
 
@@ -75,7 +75,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
+
 
 export var UserPickerFieldComponent = /*#__PURE__*/function (_React$Component) {
   _inherits(UserPickerFieldComponent, _React$Component);

package/dist/esm/components/styles.js

@@ -1,29 +1,14 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
-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) { _defineProperty(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; }
 
-import React from 'react'; // AFP-2532 TODO: Fix automatic suppressions below
-// eslint-disable-next-line @atlassian/tangerine/import/entry-points
-
-import { gridSize } from '@atlaskit/theme/constants';
+import React from 'react';
 import Button from '@atlaskit/button/custom-theme-button';
-import styled from 'styled-components';
 export 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
- */
-
-export var InlineDialogContentWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  padding: ", "px ", "px;\n"])), gridSize() * 2, gridSize() * 3);
 var StyledButton = /*#__PURE__*/React.forwardRef(function (props, ref) {
   return /*#__PURE__*/React.createElement(Button, _extends({
     ref: ref

package/dist/esm/components/utils.js

@@ -1,6 +1,4 @@
-// AFP-2532 TODO: Fix automatic suppressions below
-// eslint-disable-next-line @atlassian/tangerine/import/entry-points
-import { layers } from '@atlaskit/theme';
+import { layers } from '@atlaskit/theme/constants';
 
 /**
  * We need to generate correct zIndex, for the PopUp and for the Select inside it.

package/dist/esm/i18n.js

@@ -100,11 +100,6 @@ export var messages = 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',
@@ -115,11 +110,6 @@ export var messages = 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/esm/index.js

@@ -1,4 +1,3 @@
-export { ShareServiceClient } from './clients/ShareServiceClient';
 export { ShareDialogContainer } from './components/ShareDialogContainer';
 export { // Constants
 ADMIN_NOTIFIED, OBJECT_SHARED } from './types';

package/dist/esm/types/ShareDialogContainer.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/types/ShareEntities.js

@@ -1 +1,7 @@
-export {};
+// Third party integrations
+export var TabType;
+
+(function (TabType) {
+  TabType[TabType["default"] = 0] = "default";
+  TabType[TabType["Slack"] = 1] = "Slack";
+})(TabType || (TabType = {}));

package/dist/esm/types/ShareForm.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/types/index.js

@@ -1 +1,2 @@
-export { ADMIN_NOTIFIED, OBJECT_SHARED } from './Flag';
+export { ADMIN_NOTIFIED, OBJECT_SHARED } from './Flag';
+export { TabType } from './ShareEntities';

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

@@ -1,3 +1,6 @@
+// Cannot import from `../i18n` because there is `../i18n.tsx` file there.
+
+/* eslint-disable @atlassian/tangerine/import/no-dangling-index */
 import { cs, da, de, en, en_GB, es, et, fi, fr, hu, is, it, ja, ko, nb, nl, pl, pt_BR, pt_PT, ro, ru, sk, sv, zh } from '../i18n/index';
 var localesMessagesMap = {
   cs: cs,

package/dist/esm/version.json

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

package/dist/types/clients/ShareServiceClient.d.ts

@@ -2,7 +2,7 @@ import { ServiceConfig } from '@atlaskit/util-service-support';
 import { Comment, Content, MetaData, User } from '../types';
 export interface ShareClient {
     share(content: Content, recipients: User[], metadata: MetaData, comment?: Comment): Promise<ShareResponse>;
-    getConfig(cloudId: string, enableEmailPermissionCheck?: boolean): Promise<ConfigResponse>;
+    getConfig(cloudId: string): Promise<ConfigResponse>;
 }
 export declare type ShareRequest = (content: Content, recipients: User[], metadata: MetaData, comment?: Comment) => Promise<ShareResponse>;
 export declare type ShareResponse = {
@@ -17,7 +17,7 @@ export declare const DEFAULT_SHARE_SERVICE_URL = "/gateway/api";
 export declare class ShareServiceClient implements ShareClient {
     private serviceConfig;
     constructor(serviceConfig?: Partial<ServiceConfig>);
-    getConfig(cloudId: string, enableEmailPermissionCheck?: boolean): Promise<ConfigResponse>;
+    getConfig(cloudId: string): Promise<ConfigResponse>;
     /**
      * To send a POST request to the share endpoint in Share service
      */

package/dist/types/clients/index.d.ts

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

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

@@ -1,6 +1,6 @@
-import { TriggerProps } from '@atlaskit/popup';
 import React from 'react';
 import { WrappedComponentProps } from 'react-intl-next';
+import { TriggerProps } from '@atlaskit/popup';
 export declare const AUTO_DISMISS_MS: number;
 export declare const MessageContainer: import("styled-components").StyledComponentClass<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
 declare type InputProps = {