@atlaskit/share 6.6.3 → 6.8.0

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # @atlaskit/share
 
+## 6.8.0
+
+### Minor Changes
+
+- [#162630](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/162630)
+  [`ad2faae60e9a2`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ad2faae60e9a2) -
+  [ux] Mark all form fields as optional when extended share dialog is enabled, hide Comment field
+  when no users are selected
+
+### Patch Changes
+
+- Updated dependencies
+
+## 6.7.0
+
+### Minor Changes
+
+- [#159242](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/159242)
+  [`d465c0632984c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d465c0632984c) -
+  [ux] Exposing a new `CustomSubmitButton` prop to control behaviour of share form submit button.
+  This is only used when the extended share dialog is enabled.
+
 ## 6.6.3
 
 ### Patch Changes

package/dist/cjs/components/CommentField.js

@@ -1,23 +1,33 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.CommentField = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _form = require("@atlaskit/form");
 var _textarea = _interopRequireDefault(require("@atlaskit/textarea"));
 var _i18n = require("../i18n");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var CommentField = exports.CommentField = function CommentField(_ref) {
-  var defaultValue = _ref.defaultValue;
+  var defaultValue = _ref.defaultValue,
+    isExtendedShareDialogEnabled = _ref.isExtendedShareDialogEnabled;
   var intl = (0, _reactIntlNext.useIntl)();
+  var formData = (0, _form.useFormState)();
+  var shouldShowCommentField = (0, _react.useMemo)(function () {
+    return !isExtendedShareDialogEnabled || (formData === null || formData === void 0 ? void 0 : formData.values.users) && (formData === null || formData === void 0 ? void 0 : formData.values.users.length) > 0;
+  }, [formData === null || formData === void 0 ? void 0 : formData.values.users, isExtendedShareDialogEnabled]);
+  if (!shouldShowCommentField) {
+    return null;
+  }
   return /*#__PURE__*/_react.default.createElement(_form.Field, {
     name: "comment",
     defaultValue: defaultValue,
-    label: intl.formatMessage(_i18n.messages.commentLabel)
+    label: intl.formatMessage(isExtendedShareDialogEnabled ? _i18n.messages.extendedDialogCommentLabel : _i18n.messages.commentLabel)
   }, function (_ref2) {
     var fieldProps = _ref2.fieldProps;
     return /*#__PURE__*/_react.default.createElement(_textarea.default, (0, _extends2.default)({}, fieldProps, {

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

@@ -87,7 +87,8 @@ function LazyShareForm(props) {
     userPickerOptions = props.userPickerOptions,
     isSubmitShareDisabled = props.isSubmitShareDisabled,
     additionalUserFields = props.additionalUserFields,
-    isExtendedShareDialogEnabled = props.isExtendedShareDialogEnabled;
+    isExtendedShareDialogEnabled = props.isExtendedShareDialogEnabled,
+    CustomSubmitButton = props.CustomSubmitButton;
   var header = customHeader ? (0, _react2.jsx)("div", {
     css: headerCustomStyles
   }, customHeader) : null;
@@ -154,7 +155,8 @@ function LazyShareForm(props) {
     userPickerOptions: userPickerOptions,
     isSubmitShareDisabled: isSubmitShareDisabled,
     additionalUserFields: additionalUserFields,
-    isExtendedShareDialogEnabled: isExtendedShareDialogEnabled
+    isExtendedShareDialogEnabled: isExtendedShareDialogEnabled,
+    CustomSubmitButton: CustomSubmitButton
   }) : (0, _react2.jsx)(_compiled.Text, {
     as: "p"
   }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _i18n.messages.formNoPermissions))));

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

@@ -74,7 +74,8 @@ function LazyShareForm(props) {
     userPickerOptions = props.userPickerOptions,
     isSubmitShareDisabled = props.isSubmitShareDisabled,
     additionalUserFields = props.additionalUserFields,
-    isExtendedShareDialogEnabled = props.isExtendedShareDialogEnabled;
+    isExtendedShareDialogEnabled = props.isExtendedShareDialogEnabled,
+    CustomSubmitButton = props.CustomSubmitButton;
   var header = customHeader ? /*#__PURE__*/_react.default.createElement(_compiled.Box, {
     xcss: styles.headerCustomStyles
   }, customHeader) : null;
@@ -141,7 +142,8 @@ function LazyShareForm(props) {
     userPickerOptions: userPickerOptions,
     isSubmitShareDisabled: isSubmitShareDisabled,
     additionalUserFields: additionalUserFields,
-    isExtendedShareDialogEnabled: isExtendedShareDialogEnabled
+    isExtendedShareDialogEnabled: isExtendedShareDialogEnabled,
+    CustomSubmitButton: CustomSubmitButton
   }) : /*#__PURE__*/_react.default.createElement(_compiled.Text, {
     as: "p"
   }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _i18n.messages.formNoPermissions))));

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

@@ -12,8 +12,7 @@ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
 var _ShareFormWrapper = require("../ShareFormWrapper");
 var _lazyNext = _interopRequireDefault(require("./lazyNext"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != (0, _typeof2.default)(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; } /**
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != (0, _typeof2.default)(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); } /**
  * @jsxRuntime classic
  * @jsx jsx
  */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766

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

@@ -14,8 +14,7 @@ var _css = require("@atlaskit/css");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
 var _ShareFormWrapper = require("../ShareFormWrapper");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != (0, _typeof2.default)(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != (0, _typeof2.default)(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var styles = {
   spinnerWrapperStyles: "_1bsb1osq _4t3i1osq _1e0c1txw _1bah1h6o _ae4v1h6o"
 };

package/dist/cjs/components/MessagesIntlProvider.js

@@ -10,8 +10,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _i18nUtil = require("../util/i18n-util");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 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; }
 var MessagesIntlProvider = function MessagesIntlProvider(_ref) {

package/dist/cjs/components/ShareDialogContainer.js

@@ -371,7 +371,8 @@ var ShareDialogContainerInternal = exports.ShareDialogContainerInternal = /*#__P
         userPickerOptions = _this$props3.userPickerOptions,
         isSubmitShareDisabled = _this$props3.isSubmitShareDisabled,
         additionalUserFields = _this$props3.additionalUserFields,
-        isExtendedShareDialogEnabled = _this$props3.isExtendedShareDialogEnabled;
+        isExtendedShareDialogEnabled = _this$props3.isExtendedShareDialogEnabled,
+        CustomSubmitButton = _this$props3.CustomSubmitButton;
       var _this$state = this.state,
         config = _this$state.config,
         isFetchingConfig = _this$state.isFetchingConfig;
@@ -427,7 +428,8 @@ var ShareDialogContainerInternal = exports.ShareDialogContainerInternal = /*#__P
         builtInTabContentWidth: builtInTabContentWidth,
         isSubmitShareDisabled: isSubmitShareDisabled,
         additionalUserFields: additionalUserFields,
-        isExtendedShareDialogEnabled: isExtendedShareDialogEnabled
+        isExtendedShareDialogEnabled: isExtendedShareDialogEnabled,
+        CustomSubmitButton: CustomSubmitButton
       })));
     }
   }]);

package/dist/cjs/components/ShareDialogWithTrigger.js

@@ -578,7 +578,8 @@ var ShareDialogWithTriggerInternalLegacy = exports.ShareDialogWithTriggerInterna
         userPickerOptions = _this$props7.userPickerOptions,
         isSubmitShareDisabled = _this$props7.isSubmitShareDisabled,
         additionalUserFields = _this$props7.additionalUserFields,
-        isExtendedShareDialogEnabled = _this$props7.isExtendedShareDialogEnabled;
+        isExtendedShareDialogEnabled = _this$props7.isExtendedShareDialogEnabled,
+        CustomSubmitButton = _this$props7.CustomSubmitButton;
       var style = typeof tabIndex !== 'undefined' && tabIndex >= 0 ? {
         outline: 'none'
       } : undefined;
@@ -647,7 +648,8 @@ var ShareDialogWithTriggerInternalLegacy = exports.ShareDialogWithTriggerInterna
               isBrowseUsersDisabled: isBrowseUsersDisabled,
               userPickerOptions: userPickerOptions,
               additionalUserFields: additionalUserFields,
-              isExtendedShareDialogEnabled: isExtendedShareDialogEnabled
+              isExtendedShareDialogEnabled: isExtendedShareDialogEnabled,
+              CustomSubmitButton: CustomSubmitButton
             }));
           },
           isOpen: isDialogOpen,

package/dist/cjs/components/ShareDialogWithTriggerNext.js

@@ -561,7 +561,8 @@ var ShareDialogWithTriggerInternal = exports.ShareDialogWithTriggerInternal = /*
         userPickerOptions = _this$props7.userPickerOptions,
         isSubmitShareDisabled = _this$props7.isSubmitShareDisabled,
         additionalUserFields = _this$props7.additionalUserFields,
-        isExtendedShareDialogEnabled = _this$props7.isExtendedShareDialogEnabled;
+        isExtendedShareDialogEnabled = _this$props7.isExtendedShareDialogEnabled,
+        CustomSubmitButton = _this$props7.CustomSubmitButton;
       var footer = (0, _utils.resolveShareFooter)(integrationMode, this.state.tabIndex, customFooter);
 
       // for performance purposes, we may want to have a loadable content i.e. ShareForm
@@ -622,7 +623,8 @@ var ShareDialogWithTriggerInternal = exports.ShareDialogWithTriggerInternal = /*
             isBrowseUsersDisabled: isBrowseUsersDisabled,
             userPickerOptions: userPickerOptions,
             additionalUserFields: additionalUserFields,
-            isExtendedShareDialogEnabled: isExtendedShareDialogEnabled
+            isExtendedShareDialogEnabled: isExtendedShareDialogEnabled,
+            CustomSubmitButton: CustomSubmitButton
           }));
         },
         isOpen: isDialogOpen,

package/dist/cjs/components/ShareForm.js

@@ -36,8 +36,7 @@ var _IntegrationForm = require("./IntegrationForm");
 var _ShareHeader = require("./ShareHeader");
 var _ShareMenuItem = require("./ShareMenuItem");
 var _UserPickerField = require("./UserPickerField");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 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)); }
@@ -157,14 +156,17 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
         userPickerOptions = _this$props.userPickerOptions,
         productAttributes = _this$props.productAttributes,
         additionalUserFields = _this$props.additionalUserFields,
-        isExtendedShareDialogEnabled = _this$props.isExtendedShareDialogEnabled;
+        isExtendedShareDialogEnabled = _this$props.isExtendedShareDialogEnabled,
+        isSharing = _this$props.isSharing,
+        isSubmitShareDisabled = _this$props.isSubmitShareDisabled,
+        CustomSubmitButton = _this$props.CustomSubmitButton;
       return (0, _react2.jsx)(_analyticsNext.AnalyticsContext, {
         data: {
           source: _analytics.ANALYTICS_SOURCE
         }
       }, (0, _react2.jsx)("form", formProps, showTitle && (0, _react2.jsx)(_ShareHeader.ShareHeader, {
         title: title
-      }), (0, _react2.jsx)("div", {
+      }), !isExtendedShareDialogEnabled && (0, _react2.jsx)("div", {
         css: requiredFieldInfoStyles
       }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _i18n.messages.requiredFieldSummary), (0, _react2.jsx)(_form.RequiredAsterisk, null)), (0, _react2.jsx)("div", {
         css: formFieldStyles
@@ -190,7 +192,8 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
         isBrowseUsersDisabled: isBrowseUsersDisabled,
         shareError: shareError,
         userPickerOptions: userPickerOptions,
-        productAttributes: productAttributes
+        productAttributes: productAttributes,
+        isExtendedShareDialogEnabled: isExtendedShareDialogEnabled
       })), additionalUserFields) : (0, _react2.jsx)(_UserPickerField.UserPickerField, {
         onInputChange: onUserInputChange,
         onChange: onUserSelectionChange,
@@ -209,11 +212,13 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
         isBrowseUsersDisabled: isBrowseUsersDisabled,
         shareError: shareError,
         userPickerOptions: userPickerOptions,
-        productAttributes: productAttributes
+        productAttributes: productAttributes,
+        isExtendedShareDialogEnabled: isExtendedShareDialogEnabled
       })), (0, _react2.jsx)("div", {
         css: formFieldStyles
       }, (0, _react2.jsx)(_CommentField.CommentField, {
-        defaultValue: defaultValue && defaultValue.comment
+        defaultValue: defaultValue && defaultValue.comment,
+        isExtendedShareDialogEnabled: isExtendedShareDialogEnabled
       })), fieldsFooter, (0, _react2.jsx)("div", {
         css: formFooterStyles,
         "data-testid": "form-footer"
@@ -224,7 +229,13 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
         copyTooltipText: copyTooltipText,
         copyLinkButtonText: formatMessage(isPublicLink ? _i18n.messages.copyPublicLinkButtonText : _i18n.messages.copyLinkButtonText),
         copiedToClipboardText: formatMessage(_i18n.messages.copiedToClipboardMessage)
-      }), _this.renderSubmitButton())));
+      }), isExtendedShareDialogEnabled && CustomSubmitButton ? (0, _react2.jsx)(CustomSubmitButton, {
+        shareError: shareError,
+        isSharing: isSharing,
+        isDisabled: isDisabled,
+        isSubmitShareDisabled: isSubmitShareDisabled,
+        isPublicLink: isPublicLink
+      }) : _this.renderSubmitButton())));
     });
     (0, _defineProperty2.default)(_this, "renderSubmitButton", function () {
       var _this$props2 = _this.props,

package/dist/cjs/components/ShareFormNext.js

@@ -39,8 +39,7 @@ var _IntegrationForm = require("./IntegrationForm");
 var _ShareHeader = require("./ShareHeader");
 var _ShareMenuItem = require("./ShareMenuItem");
 var _UserPickerField = require("./UserPickerField");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 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)); }

package/dist/cjs/components/SplitButton.js

@@ -26,8 +26,7 @@ var _excluded = ["triggerRef"];
  * @jsx jsx
  */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 // span
 var dropDownIntegrationButtonWrapperStyles = (0, _react2.css)((0, _defineProperty2.default)({}, 'button:hover', {
   background: 'transparent'

package/dist/cjs/components/UserPickerField.js

@@ -25,8 +25,7 @@ var _userPicker = _interopRequireDefault(require("@atlaskit/user-picker"));
 var _i18n = require("../i18n");
 var _styles = require("./styles");
 var _utils = require("./utils");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 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)); }
@@ -224,7 +223,8 @@ var UserPickerFieldComponent = exports.UserPickerFieldComponent = /*#__PURE__*/f
         isPublicLink = _this$props3.isPublicLink,
         isBrowseUsersDisabled = _this$props3.isBrowseUsersDisabled,
         shareError = _this$props3.shareError,
-        userPickerOptions = _this$props3.userPickerOptions;
+        userPickerOptions = _this$props3.userPickerOptions,
+        isExtendedShareDialogEnabled = _this$props3.isExtendedShareDialogEnabled;
       var smartUserPickerProps = this.getSmartUserPickerProps();
       var allowEmail = (0, _utils.allowEmails)(config);
       var _ref2 = userPickerOptions !== null && userPickerOptions !== void 0 ? userPickerOptions : {},
@@ -283,10 +283,10 @@ var UserPickerFieldComponent = exports.UserPickerFieldComponent = /*#__PURE__*/f
           id: USER_PICKER_FIELD_LABEL
         }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, getLabelMessage(product, allowEmail, isBrowseUsersDisabled))),
         name: "users",
-        validate: validate,
+        validate: !isExtendedShareDialogEnabled ? validate : undefined,
         defaultValue: defaultValue,
         transform: this.handleUserPickerTransform,
-        isRequired: true
+        isRequired: !isExtendedShareDialogEnabled
       }, function (_ref6) {
         var fieldProps = _ref6.fieldProps,
           fieldValidationError = _ref6.error,
@@ -296,14 +296,14 @@ var UserPickerFieldComponent = exports.UserPickerFieldComponent = /*#__PURE__*/f
         var wasValidationOrShareError = !!fieldValidationError || !!shareError;
         return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(UserPickerComponent, (0, _extends2.default)({}, fieldProps, commonPickerProps, smartUserPickerProps, {
           "aria-labelledby": USER_PICKER_ARIA_LABEL,
-          required: true,
+          required: !isExtendedShareDialogEnabled,
           addMoreMessage: addMoreMessage,
           placeholder: /*#__PURE__*/_react.default.createElement(_compiled.Text, {
             id: USER_PICKER_FIELD_PLACEHOLDER
           }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, getPlaceHolderMessage(product, allowEmail, isBrowseUsersDisabled))),
           menuPortalTarget: menuPortalTarget,
           inputId: fieldProps.id
-        })), helperMessage && !wasValidationOrShareError && /*#__PURE__*/_react.default.createElement(_form.HelperMessage, {
+        })), helperMessage && !wasValidationOrShareError && !isExtendedShareDialogEnabled && /*#__PURE__*/_react.default.createElement(_form.HelperMessage, {
           testId: "user-picker"
         }, helperMessage), !fieldValid && fieldValidationError === REQUIRED && /*#__PURE__*/_react.default.createElement(_form.ErrorMessage, null, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, requiredMessage)), shareError && shareError.errorCode && /*#__PURE__*/_react.default.createElement(_form.ErrorMessage, null, shareError.message, "\xA0", shareError.helpUrl && /*#__PURE__*/_react.default.createElement(_link.default, {
           target: "_blank",

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

@@ -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.6.3"
+    packageVersion: "6.8.0"
   }, attributes);
 };
 var createEvent = function createEvent(eventType, source, action, actionSubject, actionSubjectId) {

package/dist/cjs/i18n.js

@@ -46,6 +46,11 @@ var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
     defaultMessage: 'Message (optional)',
     description: 'Label for the comment field in the Share form.'
   },
+  extendedDialogCommentLabel: {
+    id: 'fabric.elements.share.form.extended.dialog.comment.label',
+    defaultMessage: 'Message',
+    description: 'Label for the comment field in the extended share dialog.'
+  },
   commentPlaceholder: {
     id: 'fabric.elements.share.form.comment.placeholder',
     defaultMessage: 'Anything they should know?',

package/dist/es2019/components/CommentField.js

@@ -1,17 +1,23 @@
 import _extends from "@babel/runtime/helpers/extends";
-import React from 'react';
+import React, { useMemo } from 'react';
 import { useIntl } from 'react-intl-next';
-import { Field } from '@atlaskit/form';
+import { Field, useFormState } from '@atlaskit/form';
 import TextArea from '@atlaskit/textarea';
 import { messages } from '../i18n';
 export const CommentField = ({
-  defaultValue
+  defaultValue,
+  isExtendedShareDialogEnabled
 }) => {
   const intl = useIntl();
+  const formData = useFormState();
+  const shouldShowCommentField = useMemo(() => !isExtendedShareDialogEnabled || (formData === null || formData === void 0 ? void 0 : formData.values.users) && (formData === null || formData === void 0 ? void 0 : formData.values.users.length) > 0, [formData === null || formData === void 0 ? void 0 : formData.values.users, isExtendedShareDialogEnabled]);
+  if (!shouldShowCommentField) {
+    return null;
+  }
   return /*#__PURE__*/React.createElement(Field, {
     name: "comment",
     defaultValue: defaultValue,
-    label: intl.formatMessage(messages.commentLabel)
+    label: intl.formatMessage(isExtendedShareDialogEnabled ? messages.extendedDialogCommentLabel : messages.commentLabel)
   }, ({
     fieldProps
   }) => /*#__PURE__*/React.createElement(TextArea, _extends({}, fieldProps, {

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

@@ -82,7 +82,8 @@ function LazyShareForm(props) {
     userPickerOptions,
     isSubmitShareDisabled,
     additionalUserFields,
-    isExtendedShareDialogEnabled
+    isExtendedShareDialogEnabled,
+    CustomSubmitButton
   } = props;
   const header = customHeader ? jsx("div", {
     css: headerCustomStyles
@@ -150,7 +151,8 @@ function LazyShareForm(props) {
     userPickerOptions: userPickerOptions,
     isSubmitShareDisabled: isSubmitShareDisabled,
     additionalUserFields: additionalUserFields,
-    isExtendedShareDialogEnabled: isExtendedShareDialogEnabled
+    isExtendedShareDialogEnabled: isExtendedShareDialogEnabled,
+    CustomSubmitButton: CustomSubmitButton
   }) : jsx(Text, {
     as: "p"
   }, jsx(FormattedMessage, messages.formNoPermissions))));

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

@@ -71,7 +71,8 @@ function LazyShareForm(props) {
     userPickerOptions,
     isSubmitShareDisabled,
     additionalUserFields,
-    isExtendedShareDialogEnabled
+    isExtendedShareDialogEnabled,
+    CustomSubmitButton
   } = props;
   const header = customHeader ? /*#__PURE__*/React.createElement(Box, {
     xcss: styles.headerCustomStyles
@@ -139,7 +140,8 @@ function LazyShareForm(props) {
     userPickerOptions: userPickerOptions,
     isSubmitShareDisabled: isSubmitShareDisabled,
     additionalUserFields: additionalUserFields,
-    isExtendedShareDialogEnabled: isExtendedShareDialogEnabled
+    isExtendedShareDialogEnabled: isExtendedShareDialogEnabled,
+    CustomSubmitButton: CustomSubmitButton
   }) : /*#__PURE__*/React.createElement(Text, {
     as: "p"
   }, /*#__PURE__*/React.createElement(FormattedMessage, messages.formNoPermissions))));

package/dist/es2019/components/ShareDialogContainer.js

@@ -318,7 +318,8 @@ export class ShareDialogContainerInternal extends React.Component {
       userPickerOptions,
       isSubmitShareDisabled,
       additionalUserFields,
-      isExtendedShareDialogEnabled
+      isExtendedShareDialogEnabled,
+      CustomSubmitButton
     } = this.props;
     const {
       config,
@@ -376,7 +377,8 @@ export class ShareDialogContainerInternal extends React.Component {
       builtInTabContentWidth: builtInTabContentWidth,
       isSubmitShareDisabled: isSubmitShareDisabled,
       additionalUserFields: additionalUserFields,
-      isExtendedShareDialogEnabled: isExtendedShareDialogEnabled
+      isExtendedShareDialogEnabled: isExtendedShareDialogEnabled,
+      CustomSubmitButton: CustomSubmitButton
     })));
   }
 }

package/dist/es2019/components/ShareDialogWithTrigger.js

@@ -526,7 +526,8 @@ export class ShareDialogWithTriggerInternalLegacy extends React.PureComponent {
       userPickerOptions,
       isSubmitShareDisabled,
       additionalUserFields,
-      isExtendedShareDialogEnabled
+      isExtendedShareDialogEnabled,
+      CustomSubmitButton
     } = this.props;
     const style = typeof tabIndex !== 'undefined' && tabIndex >= 0 ? {
       outline: 'none'
@@ -595,7 +596,8 @@ export class ShareDialogWithTriggerInternalLegacy extends React.PureComponent {
           isBrowseUsersDisabled: isBrowseUsersDisabled,
           userPickerOptions: userPickerOptions,
           additionalUserFields: additionalUserFields,
-          isExtendedShareDialogEnabled: isExtendedShareDialogEnabled
+          isExtendedShareDialogEnabled: isExtendedShareDialogEnabled,
+          CustomSubmitButton: CustomSubmitButton
         })),
         isOpen: isDialogOpen,
         onClose: this.handleCloseDialog,

package/dist/es2019/components/ShareDialogWithTriggerNext.js

@@ -503,7 +503,8 @@ export class ShareDialogWithTriggerInternal extends React.PureComponent {
       userPickerOptions,
       isSubmitShareDisabled,
       additionalUserFields,
-      isExtendedShareDialogEnabled
+      isExtendedShareDialogEnabled,
+      CustomSubmitButton
     } = this.props;
     const footer = resolveShareFooter(integrationMode, this.state.tabIndex, customFooter);
 
@@ -564,7 +565,8 @@ export class ShareDialogWithTriggerInternal extends React.PureComponent {
         isBrowseUsersDisabled: isBrowseUsersDisabled,
         userPickerOptions: userPickerOptions,
         additionalUserFields: additionalUserFields,
-        isExtendedShareDialogEnabled: isExtendedShareDialogEnabled
+        isExtendedShareDialogEnabled: isExtendedShareDialogEnabled,
+        CustomSubmitButton: CustomSubmitButton
       })),
       isOpen: isDialogOpen,
       onClose: this.handleCloseDialog,

package/dist/es2019/components/ShareForm.js

@@ -135,7 +135,10 @@ class InternalForm extends React.PureComponent {
         userPickerOptions,
         productAttributes,
         additionalUserFields,
-        isExtendedShareDialogEnabled
+        isExtendedShareDialogEnabled,
+        isSharing,
+        isSubmitShareDisabled,
+        CustomSubmitButton
       } = this.props;
       return jsx(AnalyticsContext, {
         data: {
@@ -143,7 +146,7 @@ class InternalForm extends React.PureComponent {
         }
       }, jsx("form", formProps, showTitle && jsx(ShareHeader, {
         title: title
-      }), jsx("div", {
+      }), !isExtendedShareDialogEnabled && jsx("div", {
         css: requiredFieldInfoStyles
       }, jsx(FormattedMessage, messages.requiredFieldSummary), jsx(RequiredAsterisk, null)), jsx("div", {
         css: formFieldStyles
@@ -169,7 +172,8 @@ class InternalForm extends React.PureComponent {
         isBrowseUsersDisabled: isBrowseUsersDisabled,
         shareError: shareError,
         userPickerOptions: userPickerOptions,
-        productAttributes: productAttributes
+        productAttributes: productAttributes,
+        isExtendedShareDialogEnabled: isExtendedShareDialogEnabled
       })), additionalUserFields) : jsx(UserPickerField, {
         onInputChange: onUserInputChange,
         onChange: onUserSelectionChange,
@@ -188,11 +192,13 @@ class InternalForm extends React.PureComponent {
         isBrowseUsersDisabled: isBrowseUsersDisabled,
         shareError: shareError,
         userPickerOptions: userPickerOptions,
-        productAttributes: productAttributes
+        productAttributes: productAttributes,
+        isExtendedShareDialogEnabled: isExtendedShareDialogEnabled
       })), jsx("div", {
         css: formFieldStyles
       }, jsx(CommentField, {
-        defaultValue: defaultValue && defaultValue.comment
+        defaultValue: defaultValue && defaultValue.comment,
+        isExtendedShareDialogEnabled: isExtendedShareDialogEnabled
       })), fieldsFooter, jsx("div", {
         css: formFooterStyles,
         "data-testid": "form-footer"
@@ -203,7 +209,13 @@ class InternalForm extends React.PureComponent {
         copyTooltipText: copyTooltipText,
         copyLinkButtonText: formatMessage(isPublicLink ? messages.copyPublicLinkButtonText : messages.copyLinkButtonText),
         copiedToClipboardText: formatMessage(messages.copiedToClipboardMessage)
-      }), this.renderSubmitButton())));
+      }), isExtendedShareDialogEnabled && CustomSubmitButton ? jsx(CustomSubmitButton, {
+        shareError: shareError,
+        isSharing: isSharing,
+        isDisabled: isDisabled,
+        isSubmitShareDisabled: isSubmitShareDisabled,
+        isPublicLink: isPublicLink
+      }) : this.renderSubmitButton())));
     });
     _defineProperty(this, "renderSubmitButton", () => {
       const {