npm - @atlaskit/share - Versions diffs - 6.5.0 → 6.6.1 - Mend

@atlaskit/share 6.5.0 → 6.6.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (47) hide show

package/CHANGELOG.md CHANGED Viewed

@@ -1,5 +1,20 @@
 # @atlaskit/share
+## 6.6.1
+### Patch Changes
+- Updated dependencies
+## 6.6.0
+### Minor Changes
+- [#155111](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/155111)
+  [`e186c31dcd9a3`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e186c31dcd9a3) -
+  [ux] Added a new `onSubmit` prop to handle custom form field values, also increased the width of
+  the container to 500px when the extended dialog is enabled
 ## 6.5.0
 ### Minor Changes

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

@@ -108,7 +108,8 @@ function LazyShareForm(props) {
     ,
     integrationMode: integrationMode,
     isMenuItemSelected: isMenuItemSelected,
-    shouldShowTitle: false
+    shouldShowTitle: false,
+    isExtendedShareDialogEnabled: isExtendedShareDialogEnabled
   }, showIntegrationForm && selectedIntegration !== null ? (0, _react2.jsx)(_analyticsNext.AnalyticsContext, {
     data: {
       source: _analytics.INTEGRATION_MODAL_SOURCE

package/dist/cjs/components/LazyShareForm/LazyShareFormNext.js CHANGED Viewed

@@ -95,7 +95,8 @@ function LazyShareForm(props) {
     ,
     integrationMode: integrationMode,
     isMenuItemSelected: isMenuItemSelected,
-    shouldShowTitle: false
+    shouldShowTitle: false,
+    isExtendedShareDialogEnabled: isExtendedShareDialogEnabled
   }, showIntegrationForm && selectedIntegration !== null ? /*#__PURE__*/_react.default.createElement(_analyticsNext.AnalyticsContext, {
     data: {
       source: _analytics.INTEGRATION_MODAL_SOURCE

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

@@ -35,7 +35,8 @@ var LoadingDialog = function LoadingDialog(_ref) {
     showTitle = _ref.showTitle,
     setIsLoading = _ref.setIsLoading,
     integrationMode = _ref.integrationMode,
-    isMenuItemSelected = _ref.isMenuItemSelected;
+    isMenuItemSelected = _ref.isMenuItemSelected,
+    isExtendedShareDialogEnabled = _ref.isExtendedShareDialogEnabled;
   _react.default.useEffect(function () {
     setIsLoading(true);
   });
@@ -45,7 +46,8 @@ var LoadingDialog = function LoadingDialog(_ref) {
     isMenuItemSelected: isMenuItemSelected
     // if `showTitle` is passed, we use it. Otherwise, we will show title for loading dialog.
     ,
-    shouldShowTitle: typeof showTitle === 'boolean' ? showTitle : true
+    shouldShowTitle: typeof showTitle === 'boolean' ? showTitle : true,
+    isExtendedShareDialogEnabled: isExtendedShareDialogEnabled
   }, (0, _react2.jsx)("div", {
     css: spinnerWrapperStyles
   }, (0, _react2.jsx)(_spinner.default, null)));
@@ -57,7 +59,8 @@ var _default = exports.default = function _default(props) {
       showTitle: props.showTitle,
       setIsLoading: props.setIsLoading,
       integrationMode: props.integrationMode,
-      isMenuItemSelected: props.isMenuItemSelected
+      isMenuItemSelected: props.isMenuItemSelected,
+      isExtendedShareDialogEnabled: props.isExtendedShareDialogEnabled
     })
   }, (0, _react2.jsx)(LazyShareFormLazy, props));
 };

package/dist/cjs/components/LazyShareForm/lazyNext.js CHANGED Viewed

@@ -30,7 +30,8 @@ var LoadingDialog = function LoadingDialog(_ref) {
     showTitle = _ref.showTitle,
     setIsLoading = _ref.setIsLoading,
     integrationMode = _ref.integrationMode,
-    isMenuItemSelected = _ref.isMenuItemSelected;
+    isMenuItemSelected = _ref.isMenuItemSelected,
+    isExtendedShareDialogEnabled = _ref.isExtendedShareDialogEnabled;
   _react.default.useEffect(function () {
     setIsLoading(true);
   });
@@ -40,7 +41,8 @@ var LoadingDialog = function LoadingDialog(_ref) {
     isMenuItemSelected: isMenuItemSelected
     // if `showTitle` is passed, we use it. Otherwise, we will show title for loading dialog.
     ,
-    shouldShowTitle: typeof showTitle === 'boolean' ? showTitle : true
+    shouldShowTitle: typeof showTitle === 'boolean' ? showTitle : true,
+    isExtendedShareDialogEnabled: isExtendedShareDialogEnabled
   }, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
     xcss: (0, _css.cx)(styles.spinnerWrapperStyles)
   }, /*#__PURE__*/_react.default.createElement(_spinner.default, null)));
@@ -52,7 +54,8 @@ var _default = exports.default = function _default(props) {
       showTitle: props.showTitle,
       setIsLoading: props.setIsLoading,
       integrationMode: props.integrationMode,
-      isMenuItemSelected: props.isMenuItemSelected
+      isMenuItemSelected: props.isMenuItemSelected,
+      isExtendedShareDialogEnabled: props.isExtendedShareDialogEnabled
     })
   }, /*#__PURE__*/_react.default.createElement(LazyShareFormLazy, props));
 };

package/dist/cjs/components/ShareDialogContainer.js CHANGED Viewed

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.defaultConfig = exports.ShareDialogContainerInternal = exports.ShareDialogContainer = void 0;
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _objectDestructuringEmpty2 = _interopRequireDefault(require("@babel/runtime/helpers/objectDestructuringEmpty"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
@@ -32,6 +33,7 @@ var _ErrorBoundary = _interopRequireDefault(require("./ErrorBoundary"));
 var _MessagesIntlProvider = _interopRequireDefault(require("./MessagesIntlProvider"));
 var _ShareDialogWithTrigger = require("./ShareDialogWithTrigger");
 var _utils = require("./utils");
+var _excluded = ["users", "comment"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
@@ -116,8 +118,10 @@ var ShareDialogContainerInternal = exports.ShareDialogContainerInternal = /*#__P
       })));
     });
     (0, _defineProperty2.default)(_this, "handleSubmitShare", function (_ref2) {
+      var _this$props$onSubmit, _this$props2;
       var users = _ref2.users,
-        comment = _ref2.comment;
+        comment = _ref2.comment,
+        rest = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
       var shareLink = _this.getFormShareLink();
       var _this$props = _this.props,
         productId = _this$props.productId,
@@ -138,6 +142,10 @@ var ShareDialogContainerInternal = exports.ShareDialogContainerInternal = /*#__P
         atlOriginId: _this.getFormShareOriginTracing().id,
         shareeAction: shareeAction
       };
+      (_this$props$onSubmit = (_this$props2 = _this.props).onSubmit) === null || _this$props$onSubmit === void 0 || _this$props$onSubmit.call(_this$props2, _objectSpread({
+        users: users,
+        comment: comment
+      }, rest));
       return _this.shareClient.share(content, (0, _utils.optionDataToUsers)(users), metaData, comment).then(function () {
         if (!_this._isMounted) {
           return;
@@ -319,51 +327,51 @@ var ShareDialogContainerInternal = exports.ShareDialogContainerInternal = /*#__P
   }, {
     key: "render",
     value: function render() {
-      var _this$props2 = this.props,
-        cloudId = _this$props2.cloudId,
-        orgId = _this$props2.orgId,
-        isAutoOpenDialog = _this$props2.isAutoOpenDialog,
-        dialogPlacement = _this$props2.dialogPlacement,
-        loadUserOptions = _this$props2.loadUserOptions,
-        renderCustomTriggerButton = _this$props2.renderCustomTriggerButton,
-        shareContentType = _this$props2.shareContentType,
-        shareContentSubType = _this$props2.shareContentSubType,
-        shareContentId = _this$props2.shareContentId,
-        shareFormTitle = _this$props2.shareFormTitle,
-        shareFormHelperMessage = _this$props2.shareFormHelperMessage,
-        shouldCloseOnEscapePress = _this$props2.shouldCloseOnEscapePress,
-        showFlags = _this$props2.showFlags,
-        enableSmartUserPicker = _this$props2.enableSmartUserPicker,
-        loggedInAccountId = _this$props2.loggedInAccountId,
-        triggerButtonAppearance = _this$props2.triggerButtonAppearance,
-        triggerButtonIcon = _this$props2.triggerButtonIcon,
-        triggerButtonStyle = _this$props2.triggerButtonStyle,
-        triggerButtonTooltipText = _this$props2.triggerButtonTooltipText,
-        triggerButtonTooltipPosition = _this$props2.triggerButtonTooltipPosition,
-        bottomMessage = _this$props2.bottomMessage,
-        shareeAction = _this$props2.shareeAction,
-        product = _this$props2.product,
-        productAttributes = _this$props2.productAttributes,
-        customHeader = _this$props2.customHeader,
-        customFooter = _this$props2.customFooter,
-        onTriggerButtonClick = _this$props2.onTriggerButtonClick,
-        onUserSelectionChange = _this$props2.onUserSelectionChange,
-        shareFieldsFooter = _this$props2.shareFieldsFooter,
-        isCopyDisabled = _this$props2.isCopyDisabled,
-        isPublicLink = _this$props2.isPublicLink,
-        integrationMode = _this$props2.integrationMode,
-        shareIntegrations = _this$props2.shareIntegrations,
-        additionalTabs = _this$props2.additionalTabs,
-        builtInTabContentWidth = _this$props2.builtInTabContentWidth,
-        shareAri = _this$props2.shareAri,
-        tabIndex = _this$props2.tabIndex,
-        copyTooltipText = _this$props2.copyTooltipText,
-        onDialogClose = _this$props2.onDialogClose,
-        isBrowseUsersDisabled = _this$props2.isBrowseUsersDisabled,
-        userPickerOptions = _this$props2.userPickerOptions,
-        isSubmitShareDisabled = _this$props2.isSubmitShareDisabled,
-        additionalUserFields = _this$props2.additionalUserFields,
-        isExtendedShareDialogEnabled = _this$props2.isExtendedShareDialogEnabled;
+      var _this$props3 = this.props,
+        cloudId = _this$props3.cloudId,
+        orgId = _this$props3.orgId,
+        isAutoOpenDialog = _this$props3.isAutoOpenDialog,
+        dialogPlacement = _this$props3.dialogPlacement,
+        loadUserOptions = _this$props3.loadUserOptions,
+        renderCustomTriggerButton = _this$props3.renderCustomTriggerButton,
+        shareContentType = _this$props3.shareContentType,
+        shareContentSubType = _this$props3.shareContentSubType,
+        shareContentId = _this$props3.shareContentId,
+        shareFormTitle = _this$props3.shareFormTitle,
+        shareFormHelperMessage = _this$props3.shareFormHelperMessage,
+        shouldCloseOnEscapePress = _this$props3.shouldCloseOnEscapePress,
+        showFlags = _this$props3.showFlags,
+        enableSmartUserPicker = _this$props3.enableSmartUserPicker,
+        loggedInAccountId = _this$props3.loggedInAccountId,
+        triggerButtonAppearance = _this$props3.triggerButtonAppearance,
+        triggerButtonIcon = _this$props3.triggerButtonIcon,
+        triggerButtonStyle = _this$props3.triggerButtonStyle,
+        triggerButtonTooltipText = _this$props3.triggerButtonTooltipText,
+        triggerButtonTooltipPosition = _this$props3.triggerButtonTooltipPosition,
+        bottomMessage = _this$props3.bottomMessage,
+        shareeAction = _this$props3.shareeAction,
+        product = _this$props3.product,
+        productAttributes = _this$props3.productAttributes,
+        customHeader = _this$props3.customHeader,
+        customFooter = _this$props3.customFooter,
+        onTriggerButtonClick = _this$props3.onTriggerButtonClick,
+        onUserSelectionChange = _this$props3.onUserSelectionChange,
+        shareFieldsFooter = _this$props3.shareFieldsFooter,
+        isCopyDisabled = _this$props3.isCopyDisabled,
+        isPublicLink = _this$props3.isPublicLink,
+        integrationMode = _this$props3.integrationMode,
+        shareIntegrations = _this$props3.shareIntegrations,
+        additionalTabs = _this$props3.additionalTabs,
+        builtInTabContentWidth = _this$props3.builtInTabContentWidth,
+        shareAri = _this$props3.shareAri,
+        tabIndex = _this$props3.tabIndex,
+        copyTooltipText = _this$props3.copyTooltipText,
+        onDialogClose = _this$props3.onDialogClose,
+        isBrowseUsersDisabled = _this$props3.isBrowseUsersDisabled,
+        userPickerOptions = _this$props3.userPickerOptions,
+        isSubmitShareDisabled = _this$props3.isSubmitShareDisabled,
+        additionalUserFields = _this$props3.additionalUserFields,
+        isExtendedShareDialogEnabled = _this$props3.isExtendedShareDialogEnabled;
       var _this$state = this.state,
         config = _this$state.config,
         isFetchingConfig = _this$state.isFetchingConfig;

package/dist/cjs/components/ShareForm.js CHANGED Viewed

@@ -315,7 +315,8 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
         shareIntegrations = _this$props7.shareIntegrations,
         additionalTabs = _this$props7.additionalTabs,
         builtInTabContentWidth = _this$props7.builtInTabContentWidth,
-        handleCloseDialog = _this$props7.handleCloseDialog;
+        handleCloseDialog = _this$props7.handleCloseDialog,
+        isExtendedShareDialogEnabled = _this$props7.isExtendedShareDialogEnabled;
       var selectedMenuItem = this.state.selectedMenuItem;
       if ((0, _platformFeatureFlags.fg)('plans_outgoing_mail_fix')) {
         var hasShareIntegrations = shareIntegrations && shareIntegrations.length;
@@ -360,7 +361,7 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
           }
         }
         if (integrationMode === 'tabs') {
-          var DEFAULT_TAB_CONTENT_WIDTH = 304;
+          var DEFAULT_TAB_CONTENT_WIDTH = isExtendedShareDialogEnabled ? 452 : 304;
           return (0, _react2.jsx)(_tabs.default, {
             id: "ShareForm-Tabs-Integrations",
             onChange: this.changeTab,
@@ -460,7 +461,7 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
         })));
       }
       if (integrationMode === 'tabs') {
-        var _DEFAULT_TAB_CONTENT_WIDTH = 304;
+        var _DEFAULT_TAB_CONTENT_WIDTH = isExtendedShareDialogEnabled ? 452 : 304;
         return (0, _react2.jsx)(_tabs.default, {
           id: "ShareForm-Tabs-Integrations",
           onChange: this.changeTab,

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

@@ -24,7 +24,9 @@ var ShareFormWrapper = function ShareFormWrapper(_ref) {
     _ref$integrationMode = _ref.integrationMode,
     integrationMode = _ref$integrationMode === void 0 ? 'off' : _ref$integrationMode,
     _ref$isMenuItemSelect = _ref.isMenuItemSelected,
-    isMenuItemSelected = _ref$isMenuItemSelect === void 0 ? false : _ref$isMenuItemSelect;
+    isMenuItemSelected = _ref$isMenuItemSelect === void 0 ? false : _ref$isMenuItemSelect,
+    _ref$isExtendedShareD = _ref.isExtendedShareDialogEnabled,
+    isExtendedShareDialogEnabled = _ref$isExtendedShareD === void 0 ? false : _ref$isExtendedShareD;
   var _useIntl = (0, _reactIntlNext.useIntl)(),
     formatMessage = _useIntl.formatMessage;
   var ContentWrapper = (0, _platformFeatureFlags.fg)('share-compiled-migration') ? _compiled.InlineDialogContentWrapper : _styled.InlineDialogContentWrapper;
@@ -33,7 +35,8 @@ var ShareFormWrapper = function ShareFormWrapper(_ref) {
     label: formatMessage(_i18n.messages.formTitle)
   }, (0, _platformFeatureFlags.fg)('platform_share_custom_header_prop') && header, /*#__PURE__*/_react.default.createElement(FormWrapper, {
     integrationMode: integrationMode,
-    isMenuItemSelected: isMenuItemSelected
+    isMenuItemSelected: isMenuItemSelected,
+    isExtendedShareDialogEnabled: isExtendedShareDialogEnabled
   }, shouldShowTitle && /*#__PURE__*/_react.default.createElement(_ShareHeader.ShareHeader, {
     title: shareFormTitle
   }), children), footer);

package/dist/cjs/components/ShareFormWrapper/compiled.compiled.css CHANGED Viewed

@@ -1,5 +1,6 @@
 ._19bv1ejb{padding-left:var(--ds-space-300,24px)}
 ._1bsb1j89{width:22pc}
+._1bsb1op3{width:452px}
 ._1bsb1wug{width:auto}
 ._1bsbpk3t{width:102px}
 ._ca0qpxbi{padding-top:var(--ds-space-200,1pc)}

package/dist/cjs/components/ShareFormWrapper/compiled.js CHANGED Viewed

@@ -16,12 +16,14 @@ var styles = {
   menuNotSelectedAndMenuIntegration: "_1bsbpk3t",
   tabsIntegration: "_1bsb1wug",
   default: "_1bsb1j89",
+  extendedDefault: "_1bsb1op3",
   inlineDialogContentWrapper: "_ca0qpxbi _u5f31ejb _n3tdpxbi _19bv1ejb"
 };
 var InlineDialogFormWrapper = exports.InlineDialogFormWrapper = function InlineDialogFormWrapper(_ref) {
   var children = _ref.children,
     integrationMode = _ref.integrationMode,
-    isMenuItemSelected = _ref.isMenuItemSelected;
+    isMenuItemSelected = _ref.isMenuItemSelected,
+    isExtendedShareDialogEnabled = _ref.isExtendedShareDialogEnabled;
   if (!isMenuItemSelected && integrationMode === 'menu') {
     return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
       xcss: (0, _css.cx)(styles.menuNotSelectedAndMenuIntegration)
@@ -35,7 +37,7 @@ var InlineDialogFormWrapper = exports.InlineDialogFormWrapper = function InlineD
     }
   }
   return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
-    xcss: (0, _css.cx)(styles.default)
+    xcss: (0, _css.cx)(isExtendedShareDialogEnabled ? styles.extendedDefault : styles.default)
   }, children);
 };
 var InlineDialogContentWrapper = exports.InlineDialogContentWrapper = function InlineDialogContentWrapper(_ref2) {

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

@@ -21,8 +21,9 @@ var _ShareMenuItem = require("../ShareMenuItem");
  */
 var calculateFormWrapperWidth = function calculateFormWrapperWidth(_ref) {
   var integrationMode = _ref.integrationMode,
-    isMenuItemSelected = _ref.isMenuItemSelected;
-  var formWidth = "".concat(8 * 44, "px");
+    isMenuItemSelected = _ref.isMenuItemSelected,
+    isExtendedShareDialogEnabled = _ref.isExtendedShareDialogEnabled;
+  var formWidth = "".concat(isExtendedShareDialogEnabled ? 452 : 8 * 44, "px");
   if (!isMenuItemSelected && integrationMode === 'menu') {
     return _ShareMenuItem.menuWrapperWidth;
   }
@@ -36,11 +37,13 @@ var calculateFormWrapperWidth = function calculateFormWrapperWidth(_ref) {
 var InlineDialogFormWrapper = exports.InlineDialogFormWrapper = function InlineDialogFormWrapper(_ref2) {
   var children = _ref2.children,
     integrationMode = _ref2.integrationMode,
-    isMenuItemSelected = _ref2.isMenuItemSelected;
+    isMenuItemSelected = _ref2.isMenuItemSelected,
+    isExtendedShareDialogEnabled = _ref2.isExtendedShareDialogEnabled;
   var styles = {
     width: calculateFormWrapperWidth({
       integrationMode: integrationMode,
-      isMenuItemSelected: isMenuItemSelected
+      isMenuItemSelected: isMenuItemSelected,
+      isExtendedShareDialogEnabled: isExtendedShareDialogEnabled
     })
   };
   return (0, _react.jsx)("div", {

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

@@ -13,7 +13,7 @@ var buildAttributes = function buildAttributes() {
   var attributes = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return _objectSpread({
     packageName: "@atlaskit/share",
-    packageVersion: "6.5.0"
+    packageVersion: "6.6.1"
   }, attributes);
 };
 var createEvent = function createEvent(eventType, source, action, actionSubject, actionSubjectId) {

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

@@ -104,7 +104,8 @@ function LazyShareForm(props) {
     ,
     integrationMode: integrationMode,
     isMenuItemSelected: isMenuItemSelected,
-    shouldShowTitle: false
+    shouldShowTitle: false,
+    isExtendedShareDialogEnabled: isExtendedShareDialogEnabled
   }, showIntegrationForm && selectedIntegration !== null ? jsx(AnalyticsContext, {
     data: {
       source: INTEGRATION_MODAL_SOURCE

package/dist/es2019/components/LazyShareForm/LazyShareFormNext.js CHANGED Viewed

@@ -93,7 +93,8 @@ function LazyShareForm(props) {
     ,
     integrationMode: integrationMode,
     isMenuItemSelected: isMenuItemSelected,
-    shouldShowTitle: false
+    shouldShowTitle: false,
+    isExtendedShareDialogEnabled: isExtendedShareDialogEnabled
   }, showIntegrationForm && selectedIntegration !== null ? /*#__PURE__*/React.createElement(AnalyticsContext, {
     data: {
       source: INTEGRATION_MODAL_SOURCE

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

@@ -24,7 +24,8 @@ const LoadingDialog = ({
   showTitle,
   setIsLoading,
   integrationMode,
-  isMenuItemSelected
+  isMenuItemSelected,
+  isExtendedShareDialogEnabled
 }) => {
   React.useEffect(() => {
     setIsLoading(true);
@@ -35,7 +36,8 @@ const LoadingDialog = ({
     isMenuItemSelected: isMenuItemSelected
     // if `showTitle` is passed, we use it. Otherwise, we will show title for loading dialog.
     ,
-    shouldShowTitle: typeof showTitle === 'boolean' ? showTitle : true
+    shouldShowTitle: typeof showTitle === 'boolean' ? showTitle : true,
+    isExtendedShareDialogEnabled: isExtendedShareDialogEnabled
   }, jsx("div", {
     css: spinnerWrapperStyles
   }, jsx(Spinner, null)));
@@ -46,6 +48,7 @@ export default (props => fg('share-compiled-migration') ? jsx(ComponentNext, pro
     showTitle: props.showTitle,
     setIsLoading: props.setIsLoading,
     integrationMode: props.integrationMode,
-    isMenuItemSelected: props.isMenuItemSelected
+    isMenuItemSelected: props.isMenuItemSelected,
+    isExtendedShareDialogEnabled: props.isExtendedShareDialogEnabled
   })
 }, jsx(LazyShareFormLazy, props)));

package/dist/es2019/components/LazyShareForm/lazyNext.js CHANGED Viewed

@@ -16,7 +16,8 @@ const LoadingDialog = ({
   showTitle,
   setIsLoading,
   integrationMode,
-  isMenuItemSelected
+  isMenuItemSelected,
+  isExtendedShareDialogEnabled
 }) => {
   React.useEffect(() => {
     setIsLoading(true);
@@ -27,7 +28,8 @@ const LoadingDialog = ({
     isMenuItemSelected: isMenuItemSelected
     // if `showTitle` is passed, we use it. Otherwise, we will show title for loading dialog.
     ,
-    shouldShowTitle: typeof showTitle === 'boolean' ? showTitle : true
+    shouldShowTitle: typeof showTitle === 'boolean' ? showTitle : true,
+    isExtendedShareDialogEnabled: isExtendedShareDialogEnabled
   }, /*#__PURE__*/React.createElement(Box, {
     xcss: cx(styles.spinnerWrapperStyles)
   }, /*#__PURE__*/React.createElement(Spinner, null)));
@@ -38,6 +40,7 @@ export default (props => /*#__PURE__*/React.createElement(Suspense, {
     showTitle: props.showTitle,
     setIsLoading: props.setIsLoading,
     integrationMode: props.integrationMode,
-    isMenuItemSelected: props.isMenuItemSelected
+    isMenuItemSelected: props.isMenuItemSelected,
+    isExtendedShareDialogEnabled: props.isExtendedShareDialogEnabled
   })
 }, /*#__PURE__*/React.createElement(LazyShareFormLazy, props)));

package/dist/es2019/components/ShareDialogContainer.js CHANGED Viewed

@@ -83,8 +83,10 @@ export class ShareDialogContainerInternal extends React.Component {
     });
     _defineProperty(this, "handleSubmitShare", ({
       users,
-      comment
+      comment,
+      ...rest
     }) => {
+      var _this$props$onSubmit, _this$props;
       const shareLink = this.getFormShareLink();
       const {
         productId,
@@ -106,6 +108,11 @@ export class ShareDialogContainerInternal extends React.Component {
         atlOriginId: this.getFormShareOriginTracing().id,
         shareeAction
       };
+      (_this$props$onSubmit = (_this$props = this.props).onSubmit) === null || _this$props$onSubmit === void 0 ? void 0 : _this$props$onSubmit.call(_this$props, {
+        users,
+        comment,
+        ...rest
+      });
       return this.shareClient.share(content, optionDataToUsers(users), metaData, comment).then(() => {
         if (!this._isMounted) {
           return;

package/dist/es2019/components/ShareForm.js CHANGED Viewed

@@ -295,7 +295,8 @@ class InternalForm extends React.PureComponent {
       shareIntegrations,
       additionalTabs,
       builtInTabContentWidth,
-      handleCloseDialog
+      handleCloseDialog,
+      isExtendedShareDialogEnabled
     } = this.props;
     const {
       selectedMenuItem
@@ -337,7 +338,7 @@ class InternalForm extends React.PureComponent {
         }
       }
       if (integrationMode === 'tabs') {
-        const DEFAULT_TAB_CONTENT_WIDTH = 304;
+        const DEFAULT_TAB_CONTENT_WIDTH = isExtendedShareDialogEnabled ? 452 : 304;
         return jsx(Tabs, {
           id: "ShareForm-Tabs-Integrations",
           onChange: this.changeTab,
@@ -419,7 +420,7 @@ class InternalForm extends React.PureComponent {
       })));
     }
     if (integrationMode === 'tabs') {
-      const DEFAULT_TAB_CONTENT_WIDTH = 304;
+      const DEFAULT_TAB_CONTENT_WIDTH = isExtendedShareDialogEnabled ? 452 : 304;
       return jsx(Tabs, {
         id: "ShareForm-Tabs-Integrations",
         onChange: this.changeTab,

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

@@ -12,7 +12,8 @@ const ShareFormWrapper = ({
   header = null,
   footer = null,
   integrationMode = 'off',
-  isMenuItemSelected = false
+  isMenuItemSelected = false,
+  isExtendedShareDialogEnabled = false
 }) => {
   const {
     formatMessage
@@ -23,7 +24,8 @@ const ShareFormWrapper = ({
     label: formatMessage(messages.formTitle)
   }, fg('platform_share_custom_header_prop') && header, /*#__PURE__*/React.createElement(FormWrapper, {
     integrationMode: integrationMode,
-    isMenuItemSelected: isMenuItemSelected
+    isMenuItemSelected: isMenuItemSelected,
+    isExtendedShareDialogEnabled: isExtendedShareDialogEnabled
   }, shouldShowTitle && /*#__PURE__*/React.createElement(ShareHeader, {
     title: shareFormTitle
   }), children), footer);

package/dist/es2019/components/ShareFormWrapper/compiled.compiled.css CHANGED Viewed

@@ -1,5 +1,6 @@
 ._19bv1ejb{padding-left:var(--ds-space-300,24px)}
 ._1bsb1j89{width:22pc}
+._1bsb1op3{width:452px}
 ._1bsb1wug{width:auto}
 ._1bsbpk3t{width:102px}
 ._ca0qpxbi{padding-top:var(--ds-space-200,1pc)}

package/dist/es2019/components/ShareFormWrapper/compiled.js CHANGED Viewed

@@ -9,12 +9,14 @@ const styles = {
   menuNotSelectedAndMenuIntegration: "_1bsbpk3t",
   tabsIntegration: "_1bsb1wug",
   default: "_1bsb1j89",
+  extendedDefault: "_1bsb1op3",
   inlineDialogContentWrapper: "_ca0qpxbi _u5f31ejb _n3tdpxbi _19bv1ejb"
 };
 export const InlineDialogFormWrapper = ({
   children,
   integrationMode,
-  isMenuItemSelected
+  isMenuItemSelected,
+  isExtendedShareDialogEnabled
 }) => {
   if (!isMenuItemSelected && integrationMode === 'menu') {
     return /*#__PURE__*/React.createElement(Box, {
@@ -29,7 +31,7 @@ export const InlineDialogFormWrapper = ({
     }
   }
   return /*#__PURE__*/React.createElement(Box, {
-    xcss: cx(styles.default)
+    xcss: cx(isExtendedShareDialogEnabled ? styles.extendedDefault : styles.default)
   }, children);
 };
 export const InlineDialogContentWrapper = ({

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

@@ -15,9 +15,10 @@ import { menuWrapperWidth } from '../ShareMenuItem';
  */
 const calculateFormWrapperWidth = ({
   integrationMode,
-  isMenuItemSelected
+  isMenuItemSelected,
+  isExtendedShareDialogEnabled
 }) => {
-  const formWidth = `${8 * 44}px`;
+  const formWidth = `${isExtendedShareDialogEnabled ? 452 : 8 * 44}px`;
   if (!isMenuItemSelected && integrationMode === 'menu') {
     return menuWrapperWidth;
   }
@@ -31,12 +32,14 @@ const calculateFormWrapperWidth = ({
 export const InlineDialogFormWrapper = ({
   children,
   integrationMode,
-  isMenuItemSelected
+  isMenuItemSelected,
+  isExtendedShareDialogEnabled
 }) => {
   const styles = {
     width: calculateFormWrapperWidth({
       integrationMode,
-      isMenuItemSelected
+      isMenuItemSelected,
+      isExtendedShareDialogEnabled
     })
   };
   return jsx("div", {

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

@@ -1,7 +1,7 @@
 import { isEmail, isExternalUser, isGroup, isTeam, isUser } from '@atlaskit/smart-user-picker';
 const buildAttributes = (attributes = {}) => ({
   packageName: "@atlaskit/share",
-  packageVersion: "6.5.0",
+  packageVersion: "6.6.1",
   ...attributes
 });
 const createEvent = (eventType, source, action, actionSubject, actionSubjectId, attributes = {}) => ({

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

@@ -99,7 +99,8 @@ function LazyShareForm(props) {
     ,
     integrationMode: integrationMode,
     isMenuItemSelected: isMenuItemSelected,
-    shouldShowTitle: false
+    shouldShowTitle: false,
+    isExtendedShareDialogEnabled: isExtendedShareDialogEnabled
   }, showIntegrationForm && selectedIntegration !== null ? jsx(AnalyticsContext, {
     data: {
       source: INTEGRATION_MODAL_SOURCE

package/dist/esm/components/LazyShareForm/LazyShareFormNext.js CHANGED Viewed

@@ -88,7 +88,8 @@ function LazyShareForm(props) {
     ,
     integrationMode: integrationMode,
     isMenuItemSelected: isMenuItemSelected,
-    shouldShowTitle: false
+    shouldShowTitle: false,
+    isExtendedShareDialogEnabled: isExtendedShareDialogEnabled
   }, showIntegrationForm && selectedIntegration !== null ? /*#__PURE__*/React.createElement(AnalyticsContext, {
     data: {
       source: INTEGRATION_MODAL_SOURCE

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

@@ -26,7 +26,8 @@ var LoadingDialog = function LoadingDialog(_ref) {
     showTitle = _ref.showTitle,
     setIsLoading = _ref.setIsLoading,
     integrationMode = _ref.integrationMode,
-    isMenuItemSelected = _ref.isMenuItemSelected;
+    isMenuItemSelected = _ref.isMenuItemSelected,
+    isExtendedShareDialogEnabled = _ref.isExtendedShareDialogEnabled;
   React.useEffect(function () {
     setIsLoading(true);
   });
@@ -36,7 +37,8 @@ var LoadingDialog = function LoadingDialog(_ref) {
     isMenuItemSelected: isMenuItemSelected
     // if `showTitle` is passed, we use it. Otherwise, we will show title for loading dialog.
     ,
-    shouldShowTitle: typeof showTitle === 'boolean' ? showTitle : true
+    shouldShowTitle: typeof showTitle === 'boolean' ? showTitle : true,
+    isExtendedShareDialogEnabled: isExtendedShareDialogEnabled
   }, jsx("div", {
     css: spinnerWrapperStyles
   }, jsx(Spinner, null)));
@@ -48,7 +50,8 @@ export default (function (props) {
       showTitle: props.showTitle,
       setIsLoading: props.setIsLoading,
       integrationMode: props.integrationMode,
-      isMenuItemSelected: props.isMenuItemSelected
+      isMenuItemSelected: props.isMenuItemSelected,
+      isExtendedShareDialogEnabled: props.isExtendedShareDialogEnabled
     })
   }, jsx(LazyShareFormLazy, props));
 });

package/dist/esm/components/LazyShareForm/lazyNext.js CHANGED Viewed

@@ -18,7 +18,8 @@ var LoadingDialog = function LoadingDialog(_ref) {
     showTitle = _ref.showTitle,
     setIsLoading = _ref.setIsLoading,
     integrationMode = _ref.integrationMode,
-    isMenuItemSelected = _ref.isMenuItemSelected;
+    isMenuItemSelected = _ref.isMenuItemSelected,
+    isExtendedShareDialogEnabled = _ref.isExtendedShareDialogEnabled;
   React.useEffect(function () {
     setIsLoading(true);
   });
@@ -28,7 +29,8 @@ var LoadingDialog = function LoadingDialog(_ref) {
     isMenuItemSelected: isMenuItemSelected
     // if `showTitle` is passed, we use it. Otherwise, we will show title for loading dialog.
     ,
-    shouldShowTitle: typeof showTitle === 'boolean' ? showTitle : true
+    shouldShowTitle: typeof showTitle === 'boolean' ? showTitle : true,
+    isExtendedShareDialogEnabled: isExtendedShareDialogEnabled
   }, /*#__PURE__*/React.createElement(Box, {
     xcss: cx(styles.spinnerWrapperStyles)
   }, /*#__PURE__*/React.createElement(Spinner, null)));
@@ -40,7 +42,8 @@ export default (function (props) {
       showTitle: props.showTitle,
       setIsLoading: props.setIsLoading,
       integrationMode: props.integrationMode,
-      isMenuItemSelected: props.isMenuItemSelected
+      isMenuItemSelected: props.isMenuItemSelected,
+      isExtendedShareDialogEnabled: props.isExtendedShareDialogEnabled
     })
   }, /*#__PURE__*/React.createElement(LazyShareFormLazy, props));
 });

package/dist/esm/components/ShareDialogContainer.js CHANGED Viewed

@@ -1,3 +1,4 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _objectDestructuringEmpty from "@babel/runtime/helpers/objectDestructuringEmpty";
 import _extends from "@babel/runtime/helpers/extends";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
@@ -7,6 +8,7 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstruct
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/inherits";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+var _excluded = ["users", "comment"];
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -109,8 +111,10 @@ export var ShareDialogContainerInternal = /*#__PURE__*/function (_React$Componen
       })));
     });
     _defineProperty(_this, "handleSubmitShare", function (_ref2) {
+      var _this$props$onSubmit, _this$props2;
       var users = _ref2.users,
-        comment = _ref2.comment;
+        comment = _ref2.comment,
+        rest = _objectWithoutProperties(_ref2, _excluded);
       var shareLink = _this.getFormShareLink();
       var _this$props = _this.props,
         productId = _this$props.productId,
@@ -131,6 +135,10 @@ export var ShareDialogContainerInternal = /*#__PURE__*/function (_React$Componen
         atlOriginId: _this.getFormShareOriginTracing().id,
         shareeAction: shareeAction
       };
+      (_this$props$onSubmit = (_this$props2 = _this.props).onSubmit) === null || _this$props$onSubmit === void 0 || _this$props$onSubmit.call(_this$props2, _objectSpread({
+        users: users,
+        comment: comment
+      }, rest));
       return _this.shareClient.share(content, optionDataToUsers(users), metaData, comment).then(function () {
         if (!_this._isMounted) {
           return;
@@ -312,51 +320,51 @@ export var ShareDialogContainerInternal = /*#__PURE__*/function (_React$Componen
   }, {
     key: "render",
     value: function render() {
-      var _this$props2 = this.props,
-        cloudId = _this$props2.cloudId,
-        orgId = _this$props2.orgId,
-        isAutoOpenDialog = _this$props2.isAutoOpenDialog,
-        dialogPlacement = _this$props2.dialogPlacement,
-        loadUserOptions = _this$props2.loadUserOptions,
-        renderCustomTriggerButton = _this$props2.renderCustomTriggerButton,
-        shareContentType = _this$props2.shareContentType,
-        shareContentSubType = _this$props2.shareContentSubType,
-        shareContentId = _this$props2.shareContentId,
-        shareFormTitle = _this$props2.shareFormTitle,
-        shareFormHelperMessage = _this$props2.shareFormHelperMessage,
-        shouldCloseOnEscapePress = _this$props2.shouldCloseOnEscapePress,
-        showFlags = _this$props2.showFlags,
-        enableSmartUserPicker = _this$props2.enableSmartUserPicker,
-        loggedInAccountId = _this$props2.loggedInAccountId,
-        triggerButtonAppearance = _this$props2.triggerButtonAppearance,
-        triggerButtonIcon = _this$props2.triggerButtonIcon,
-        triggerButtonStyle = _this$props2.triggerButtonStyle,
-        triggerButtonTooltipText = _this$props2.triggerButtonTooltipText,
-        triggerButtonTooltipPosition = _this$props2.triggerButtonTooltipPosition,
-        bottomMessage = _this$props2.bottomMessage,
-        shareeAction = _this$props2.shareeAction,
-        product = _this$props2.product,
-        productAttributes = _this$props2.productAttributes,
-        customHeader = _this$props2.customHeader,
-        customFooter = _this$props2.customFooter,
-        onTriggerButtonClick = _this$props2.onTriggerButtonClick,
-        onUserSelectionChange = _this$props2.onUserSelectionChange,
-        shareFieldsFooter = _this$props2.shareFieldsFooter,
-        isCopyDisabled = _this$props2.isCopyDisabled,
-        isPublicLink = _this$props2.isPublicLink,
-        integrationMode = _this$props2.integrationMode,
-        shareIntegrations = _this$props2.shareIntegrations,
-        additionalTabs = _this$props2.additionalTabs,
-        builtInTabContentWidth = _this$props2.builtInTabContentWidth,
-        shareAri = _this$props2.shareAri,
-        tabIndex = _this$props2.tabIndex,
-        copyTooltipText = _this$props2.copyTooltipText,
-        onDialogClose = _this$props2.onDialogClose,
-        isBrowseUsersDisabled = _this$props2.isBrowseUsersDisabled,
-        userPickerOptions = _this$props2.userPickerOptions,
-        isSubmitShareDisabled = _this$props2.isSubmitShareDisabled,
-        additionalUserFields = _this$props2.additionalUserFields,
-        isExtendedShareDialogEnabled = _this$props2.isExtendedShareDialogEnabled;
+      var _this$props3 = this.props,
+        cloudId = _this$props3.cloudId,
+        orgId = _this$props3.orgId,
+        isAutoOpenDialog = _this$props3.isAutoOpenDialog,
+        dialogPlacement = _this$props3.dialogPlacement,
+        loadUserOptions = _this$props3.loadUserOptions,
+        renderCustomTriggerButton = _this$props3.renderCustomTriggerButton,
+        shareContentType = _this$props3.shareContentType,
+        shareContentSubType = _this$props3.shareContentSubType,
+        shareContentId = _this$props3.shareContentId,
+        shareFormTitle = _this$props3.shareFormTitle,
+        shareFormHelperMessage = _this$props3.shareFormHelperMessage,
+        shouldCloseOnEscapePress = _this$props3.shouldCloseOnEscapePress,
+        showFlags = _this$props3.showFlags,
+        enableSmartUserPicker = _this$props3.enableSmartUserPicker,
+        loggedInAccountId = _this$props3.loggedInAccountId,
+        triggerButtonAppearance = _this$props3.triggerButtonAppearance,
+        triggerButtonIcon = _this$props3.triggerButtonIcon,
+        triggerButtonStyle = _this$props3.triggerButtonStyle,
+        triggerButtonTooltipText = _this$props3.triggerButtonTooltipText,
+        triggerButtonTooltipPosition = _this$props3.triggerButtonTooltipPosition,
+        bottomMessage = _this$props3.bottomMessage,
+        shareeAction = _this$props3.shareeAction,
+        product = _this$props3.product,
+        productAttributes = _this$props3.productAttributes,
+        customHeader = _this$props3.customHeader,
+        customFooter = _this$props3.customFooter,
+        onTriggerButtonClick = _this$props3.onTriggerButtonClick,
+        onUserSelectionChange = _this$props3.onUserSelectionChange,
+        shareFieldsFooter = _this$props3.shareFieldsFooter,
+        isCopyDisabled = _this$props3.isCopyDisabled,
+        isPublicLink = _this$props3.isPublicLink,
+        integrationMode = _this$props3.integrationMode,
+        shareIntegrations = _this$props3.shareIntegrations,
+        additionalTabs = _this$props3.additionalTabs,
+        builtInTabContentWidth = _this$props3.builtInTabContentWidth,
+        shareAri = _this$props3.shareAri,
+        tabIndex = _this$props3.tabIndex,
+        copyTooltipText = _this$props3.copyTooltipText,
+        onDialogClose = _this$props3.onDialogClose,
+        isBrowseUsersDisabled = _this$props3.isBrowseUsersDisabled,
+        userPickerOptions = _this$props3.userPickerOptions,
+        isSubmitShareDisabled = _this$props3.isSubmitShareDisabled,
+        additionalUserFields = _this$props3.additionalUserFields,
+        isExtendedShareDialogEnabled = _this$props3.isExtendedShareDialogEnabled;
       var _this$state = this.state,
         config = _this$state.config,
         isFetchingConfig = _this$state.isFetchingConfig;

package/dist/esm/components/ShareForm.js CHANGED Viewed

@@ -308,7 +308,8 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
         shareIntegrations = _this$props7.shareIntegrations,
         additionalTabs = _this$props7.additionalTabs,
         builtInTabContentWidth = _this$props7.builtInTabContentWidth,
-        handleCloseDialog = _this$props7.handleCloseDialog;
+        handleCloseDialog = _this$props7.handleCloseDialog,
+        isExtendedShareDialogEnabled = _this$props7.isExtendedShareDialogEnabled;
       var selectedMenuItem = this.state.selectedMenuItem;
       if (fg('plans_outgoing_mail_fix')) {
         var hasShareIntegrations = shareIntegrations && shareIntegrations.length;
@@ -353,7 +354,7 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
           }
         }
         if (integrationMode === 'tabs') {
-          var DEFAULT_TAB_CONTENT_WIDTH = 304;
+          var DEFAULT_TAB_CONTENT_WIDTH = isExtendedShareDialogEnabled ? 452 : 304;
           return jsx(Tabs, {
             id: "ShareForm-Tabs-Integrations",
             onChange: this.changeTab,
@@ -453,7 +454,7 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
         })));
       }
       if (integrationMode === 'tabs') {
-        var _DEFAULT_TAB_CONTENT_WIDTH = 304;
+        var _DEFAULT_TAB_CONTENT_WIDTH = isExtendedShareDialogEnabled ? 452 : 304;
         return jsx(Tabs, {
           id: "ShareForm-Tabs-Integrations",
           onChange: this.changeTab,

package/dist/esm/components/ShareFormWrapper/ShareFormWrapper.js CHANGED Viewed

@@ -17,7 +17,9 @@ var ShareFormWrapper = function ShareFormWrapper(_ref) {
     _ref$integrationMode = _ref.integrationMode,
     integrationMode = _ref$integrationMode === void 0 ? 'off' : _ref$integrationMode,
     _ref$isMenuItemSelect = _ref.isMenuItemSelected,
-    isMenuItemSelected = _ref$isMenuItemSelect === void 0 ? false : _ref$isMenuItemSelect;
+    isMenuItemSelected = _ref$isMenuItemSelect === void 0 ? false : _ref$isMenuItemSelect,
+    _ref$isExtendedShareD = _ref.isExtendedShareDialogEnabled,
+    isExtendedShareDialogEnabled = _ref$isExtendedShareD === void 0 ? false : _ref$isExtendedShareD;
   var _useIntl = useIntl(),
     formatMessage = _useIntl.formatMessage;
   var ContentWrapper = fg('share-compiled-migration') ? InlineDialogContentWrapperCompiled : InlineDialogContentWrapper;
@@ -26,7 +28,8 @@ var ShareFormWrapper = function ShareFormWrapper(_ref) {
     label: formatMessage(messages.formTitle)
   }, fg('platform_share_custom_header_prop') && header, /*#__PURE__*/React.createElement(FormWrapper, {
     integrationMode: integrationMode,
-    isMenuItemSelected: isMenuItemSelected
+    isMenuItemSelected: isMenuItemSelected,
+    isExtendedShareDialogEnabled: isExtendedShareDialogEnabled
   }, shouldShowTitle && /*#__PURE__*/React.createElement(ShareHeader, {
     title: shareFormTitle
   }), children), footer);

package/dist/esm/components/ShareFormWrapper/compiled.compiled.css CHANGED Viewed

@@ -1,5 +1,6 @@
 ._19bv1ejb{padding-left:var(--ds-space-300,24px)}
 ._1bsb1j89{width:22pc}
+._1bsb1op3{width:452px}
 ._1bsb1wug{width:auto}
 ._1bsbpk3t{width:102px}
 ._ca0qpxbi{padding-top:var(--ds-space-200,1pc)}

package/dist/esm/components/ShareFormWrapper/compiled.js CHANGED Viewed

@@ -9,12 +9,14 @@ var styles = {
   menuNotSelectedAndMenuIntegration: "_1bsbpk3t",
   tabsIntegration: "_1bsb1wug",
   default: "_1bsb1j89",
+  extendedDefault: "_1bsb1op3",
   inlineDialogContentWrapper: "_ca0qpxbi _u5f31ejb _n3tdpxbi _19bv1ejb"
 };
 export var InlineDialogFormWrapper = function InlineDialogFormWrapper(_ref) {
   var children = _ref.children,
     integrationMode = _ref.integrationMode,
-    isMenuItemSelected = _ref.isMenuItemSelected;
+    isMenuItemSelected = _ref.isMenuItemSelected,
+    isExtendedShareDialogEnabled = _ref.isExtendedShareDialogEnabled;
   if (!isMenuItemSelected && integrationMode === 'menu') {
     return /*#__PURE__*/React.createElement(Box, {
       xcss: cx(styles.menuNotSelectedAndMenuIntegration)
@@ -28,7 +30,7 @@ export var InlineDialogFormWrapper = function InlineDialogFormWrapper(_ref) {
     }
   }
   return /*#__PURE__*/React.createElement(Box, {
-    xcss: cx(styles.default)
+    xcss: cx(isExtendedShareDialogEnabled ? styles.extendedDefault : styles.default)
   }, children);
 };
 export var InlineDialogContentWrapper = function InlineDialogContentWrapper(_ref2) {

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

@@ -15,8 +15,9 @@ import { menuWrapperWidth } from '../ShareMenuItem';
  */
 var calculateFormWrapperWidth = function calculateFormWrapperWidth(_ref) {
   var integrationMode = _ref.integrationMode,
-    isMenuItemSelected = _ref.isMenuItemSelected;
-  var formWidth = "".concat(8 * 44, "px");
+    isMenuItemSelected = _ref.isMenuItemSelected,
+    isExtendedShareDialogEnabled = _ref.isExtendedShareDialogEnabled;
+  var formWidth = "".concat(isExtendedShareDialogEnabled ? 452 : 8 * 44, "px");
   if (!isMenuItemSelected && integrationMode === 'menu') {
     return menuWrapperWidth;
   }
@@ -30,11 +31,13 @@ var calculateFormWrapperWidth = function calculateFormWrapperWidth(_ref) {
 export var InlineDialogFormWrapper = function InlineDialogFormWrapper(_ref2) {
   var children = _ref2.children,
     integrationMode = _ref2.integrationMode,
-    isMenuItemSelected = _ref2.isMenuItemSelected;
+    isMenuItemSelected = _ref2.isMenuItemSelected,
+    isExtendedShareDialogEnabled = _ref2.isExtendedShareDialogEnabled;
   var styles = {
     width: calculateFormWrapperWidth({
       integrationMode: integrationMode,
-      isMenuItemSelected: isMenuItemSelected
+      isMenuItemSelected: isMenuItemSelected,
+      isExtendedShareDialogEnabled: isExtendedShareDialogEnabled
     })
   };
   return jsx("div", {

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

@@ -6,7 +6,7 @@ var buildAttributes = function buildAttributes() {
   var attributes = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return _objectSpread({
     packageName: "@atlaskit/share",
-    packageVersion: "6.5.0"
+    packageVersion: "6.6.1"
   }, attributes);
 };
 var createEvent = function createEvent(eventType, source, action, actionSubject, actionSubjectId) {

package/dist/types/components/ShareDialogContainer.d.ts CHANGED Viewed

@@ -30,7 +30,7 @@ export declare class ShareDialogContainerInternal extends React.Component<ShareD
     componentDidUpdate(prevProps: ShareDialogContainerProps): void;
     private createAndFireEvent;
     fetchConfig: () => void;
-    handleSubmitShare: ({ users, comment }: ShareData) => Promise<void>;
+    handleSubmitShare: ({ users, comment, ...rest }: ShareData) => Promise<void>;
     handleDialogOpen: () => Promise<void>;
     decorateAnalytics: (payload: AnalyticsEventPayload) => AnalyticsEventPayload;
     getUniqueCopyLinkOriginTracing: import("memoize-one").MemoizedFn<(link: string, originTracingFactory: OriginTracingFactory) => OriginTracing>;
@@ -51,6 +51,7 @@ export declare const ShareDialogContainer: React.ForwardRefExoticComponent<Omit<
     productAttributes?: import("packages/smart-experiences/smart-user-picker/dist/types/types").ProductAttributes | undefined;
     orgId?: string | undefined;
     tabIndex?: number | undefined;
+    onSubmit?: ((formValues: ShareData) => void | Promise<void>) | undefined;
     onTriggerButtonClick?: (() => void) | undefined;
     isAutoOpenDialog?: boolean | undefined;
     shouldCloseOnEscapePress?: boolean | undefined;

package/dist/types/components/ShareFormWrapper/ShareFormWrapper.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 import React, { type ReactNode } from 'react';
 import { type ShareDialogWithTriggerProps } from '../../types';
 import { type IntegrationMode } from '../../types/ShareEntities';
-export type ShareFormWrapperProps = Pick<ShareDialogWithTriggerProps, 'shareFormTitle'> & {
+export type ShareFormWrapperProps = Pick<ShareDialogWithTriggerProps, 'shareFormTitle' | 'isExtendedShareDialogEnabled'> & {
     shouldShowTitle?: boolean;
     children?: ReactNode;
     header?: ReactNode;
@@ -9,5 +9,5 @@ export type ShareFormWrapperProps = Pick<ShareDialogWithTriggerProps, 'shareForm
     integrationMode?: IntegrationMode;
     isMenuItemSelected?: boolean;
 };
-declare const ShareFormWrapper: ({ shareFormTitle, shouldShowTitle, children, header, footer, integrationMode, isMenuItemSelected, }: ShareFormWrapperProps) => React.JSX.Element;
+declare const ShareFormWrapper: ({ shareFormTitle, shouldShowTitle, children, header, footer, integrationMode, isMenuItemSelected, isExtendedShareDialogEnabled, }: ShareFormWrapperProps) => React.JSX.Element;
 export default ShareFormWrapper;

package/dist/types/components/ShareFormWrapper/compiled.d.ts CHANGED Viewed

@@ -1,8 +1,9 @@
 import React from 'react';
 import { type IntegrationMode } from '../../types/ShareEntities';
-export declare const InlineDialogFormWrapper: ({ children, integrationMode, isMenuItemSelected, }: React.PropsWithChildren<{
+export declare const InlineDialogFormWrapper: ({ children, integrationMode, isMenuItemSelected, isExtendedShareDialogEnabled, }: React.PropsWithChildren<{
     integrationMode?: IntegrationMode | undefined;
     isMenuItemSelected?: boolean | undefined;
+    isExtendedShareDialogEnabled?: boolean | undefined;
 }>) => React.JSX.Element;
 export declare const InlineDialogContentWrapper: ({ children, label, }: {
     children: React.ReactNode;

package/dist/types/components/ShareFormWrapper/styled.d.ts CHANGED Viewed

@@ -5,9 +5,10 @@
 import { type PropsWithChildren } from 'react';
 import { jsx } from '@emotion/react';
 import { type IntegrationMode } from '../../types/ShareEntities';
-export declare const InlineDialogFormWrapper: ({ children, integrationMode, isMenuItemSelected, }: PropsWithChildren<{
+export declare const InlineDialogFormWrapper: ({ children, integrationMode, isMenuItemSelected, isExtendedShareDialogEnabled, }: PropsWithChildren<{
     integrationMode?: IntegrationMode | undefined;
     isMenuItemSelected?: boolean | undefined;
+    isExtendedShareDialogEnabled?: boolean | undefined;
 }>) => jsx.JSX.Element;
 /**
  * Apply the same styling, as previous @atlaskit/inline-dialog had,

package/dist/types/types/ShareContentState.d.ts CHANGED Viewed

@@ -14,4 +14,5 @@ export type ShareError = {
 export type ShareData = {
     users: OptionData[];
     comment: Comment;
+    [key: string]: unknown;
 };

package/dist/types/types/ShareDialogContainer.d.ts CHANGED Viewed

@@ -4,6 +4,7 @@ import type { NewCoreIconProps } from '@atlaskit/icon';
 import type { LoadOptions, Props as SmartUserPickerProps, Value } from '@atlaskit/smart-user-picker';
 import type { ShortenRequest, UrlShortenerClient } from '../clients/AtlassianUrlShortenerClient';
 import type { ShareClient } from '../clients/ShareServiceClient';
+import type { ShareData } from '../types';
 import type { Flag } from './Flag';
 import type { OriginTracing, OriginTracingFactory } from './OriginTracing';
 import type { ProductId, ProductName } from './Products';
@@ -163,4 +164,5 @@ export type ShareDialogContainerProps = {
     isSubmitShareDisabled?: boolean;
     isExtendedShareDialogEnabled?: boolean;
     additionalUserFields?: React.ReactNode;
+    onSubmit?: (formValues: ShareData) => void | Promise<void>;
 };

package/dist/types-ts4.5/components/ShareDialogContainer.d.ts CHANGED Viewed

@@ -30,7 +30,7 @@ export declare class ShareDialogContainerInternal extends React.Component<ShareD
     componentDidUpdate(prevProps: ShareDialogContainerProps): void;
     private createAndFireEvent;
     fetchConfig: () => void;
-    handleSubmitShare: ({ users, comment }: ShareData) => Promise<void>;
+    handleSubmitShare: ({ users, comment, ...rest }: ShareData) => Promise<void>;
     handleDialogOpen: () => Promise<void>;
     decorateAnalytics: (payload: AnalyticsEventPayload) => AnalyticsEventPayload;
     getUniqueCopyLinkOriginTracing: import("memoize-one").MemoizedFn<(link: string, originTracingFactory: OriginTracingFactory) => OriginTracing>;
@@ -51,6 +51,7 @@ export declare const ShareDialogContainer: React.ForwardRefExoticComponent<Omit<
     productAttributes?: import("packages/smart-experiences/smart-user-picker/dist/types/types").ProductAttributes | undefined;
     orgId?: string | undefined;
     tabIndex?: number | undefined;
+    onSubmit?: ((formValues: ShareData) => void | Promise<void>) | undefined;
     onTriggerButtonClick?: (() => void) | undefined;
     isAutoOpenDialog?: boolean | undefined;
     shouldCloseOnEscapePress?: boolean | undefined;

package/dist/types-ts4.5/components/ShareFormWrapper/ShareFormWrapper.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 import React, { type ReactNode } from 'react';
 import { type ShareDialogWithTriggerProps } from '../../types';
 import { type IntegrationMode } from '../../types/ShareEntities';
-export type ShareFormWrapperProps = Pick<ShareDialogWithTriggerProps, 'shareFormTitle'> & {
+export type ShareFormWrapperProps = Pick<ShareDialogWithTriggerProps, 'shareFormTitle' | 'isExtendedShareDialogEnabled'> & {
     shouldShowTitle?: boolean;
     children?: ReactNode;
     header?: ReactNode;
@@ -9,5 +9,5 @@ export type ShareFormWrapperProps = Pick<ShareDialogWithTriggerProps, 'shareForm
     integrationMode?: IntegrationMode;
     isMenuItemSelected?: boolean;
 };
-declare const ShareFormWrapper: ({ shareFormTitle, shouldShowTitle, children, header, footer, integrationMode, isMenuItemSelected, }: ShareFormWrapperProps) => React.JSX.Element;
+declare const ShareFormWrapper: ({ shareFormTitle, shouldShowTitle, children, header, footer, integrationMode, isMenuItemSelected, isExtendedShareDialogEnabled, }: ShareFormWrapperProps) => React.JSX.Element;
 export default ShareFormWrapper;

package/dist/types-ts4.5/components/ShareFormWrapper/compiled.d.ts CHANGED Viewed

@@ -1,8 +1,9 @@
 import React from 'react';
 import { type IntegrationMode } from '../../types/ShareEntities';
-export declare const InlineDialogFormWrapper: ({ children, integrationMode, isMenuItemSelected, }: React.PropsWithChildren<{
+export declare const InlineDialogFormWrapper: ({ children, integrationMode, isMenuItemSelected, isExtendedShareDialogEnabled, }: React.PropsWithChildren<{
     integrationMode?: IntegrationMode | undefined;
     isMenuItemSelected?: boolean | undefined;
+    isExtendedShareDialogEnabled?: boolean | undefined;
 }>) => React.JSX.Element;
 export declare const InlineDialogContentWrapper: ({ children, label, }: {
     children: React.ReactNode;

package/dist/types-ts4.5/components/ShareFormWrapper/styled.d.ts CHANGED Viewed

@@ -5,9 +5,10 @@
 import { type PropsWithChildren } from 'react';
 import { jsx } from '@emotion/react';
 import { type IntegrationMode } from '../../types/ShareEntities';
-export declare const InlineDialogFormWrapper: ({ children, integrationMode, isMenuItemSelected, }: PropsWithChildren<{
+export declare const InlineDialogFormWrapper: ({ children, integrationMode, isMenuItemSelected, isExtendedShareDialogEnabled, }: PropsWithChildren<{
     integrationMode?: IntegrationMode | undefined;
     isMenuItemSelected?: boolean | undefined;
+    isExtendedShareDialogEnabled?: boolean | undefined;
 }>) => jsx.JSX.Element;
 /**
  * Apply the same styling, as previous @atlaskit/inline-dialog had,

package/dist/types-ts4.5/types/ShareContentState.d.ts CHANGED Viewed

@@ -14,4 +14,5 @@ export type ShareError = {
 export type ShareData = {
     users: OptionData[];
     comment: Comment;
+    [key: string]: unknown;
 };

package/dist/types-ts4.5/types/ShareDialogContainer.d.ts CHANGED Viewed

@@ -4,6 +4,7 @@ import type { NewCoreIconProps } from '@atlaskit/icon';
 import type { LoadOptions, Props as SmartUserPickerProps, Value } from '@atlaskit/smart-user-picker';
 import type { ShortenRequest, UrlShortenerClient } from '../clients/AtlassianUrlShortenerClient';
 import type { ShareClient } from '../clients/ShareServiceClient';
+import type { ShareData } from '../types';
 import type { Flag } from './Flag';
 import type { OriginTracing, OriginTracingFactory } from './OriginTracing';
 import type { ProductId, ProductName } from './Products';
@@ -163,4 +164,5 @@ export type ShareDialogContainerProps = {
     isSubmitShareDisabled?: boolean;
     isExtendedShareDialogEnabled?: boolean;
     additionalUserFields?: React.ReactNode;
+    onSubmit?: (formValues: ShareData) => void | Promise<void>;
 };

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/share",
-	"version": "6.5.0",
+	"version": "6.6.1",
 	"description": "Fabric Share Element",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -46,7 +46,7 @@
 		"@atlaskit/heading": "^5.2.0",
 		"@atlaskit/icon": "^26.1.0",
 		"@atlaskit/link": "^3.2.0",
-		"@atlaskit/menu": "^7.1.0",
+		"@atlaskit/menu": "^8.0.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/popper": "^7.0.0",
 		"@atlaskit/popup": "^4.2.0",
@@ -60,7 +60,7 @@
 		"@atlaskit/tokens": "^4.9.0",
 		"@atlaskit/tooltip": "^20.0.0",
 		"@atlaskit/ufo": "^0.4.0",
-		"@atlaskit/user-picker": "^11.0.0",
+		"@atlaskit/user-picker": "^11.1.0",
 		"@atlaskit/util-service-support": "^6.3.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",