@atlaskit/share 6.7.0 → 6.8.0

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @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

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/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/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)); }
@@ -167,7 +166,7 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
         }
       }, (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
@@ -193,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,
@@ -212,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"

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.7.0"
+    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/ShareForm.js

@@ -146,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
@@ -172,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,
@@ -191,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"

package/dist/es2019/components/UserPickerField.js

@@ -189,7 +189,8 @@ export class UserPickerFieldComponent extends React.Component {
       isPublicLink,
       isBrowseUsersDisabled,
       shareError,
-      userPickerOptions
+      userPickerOptions,
+      isExtendedShareDialogEnabled
     } = this.props;
     const smartUserPickerProps = this.getSmartUserPickerProps();
     const allowEmail = allowEmails(config);
@@ -235,10 +236,10 @@ export class UserPickerFieldComponent extends React.Component {
         id: USER_PICKER_FIELD_LABEL
       }, /*#__PURE__*/React.createElement(FormattedMessage, getLabelMessage(product, allowEmail, isBrowseUsersDisabled))),
       name: "users",
-      validate: validate,
+      validate: !isExtendedShareDialogEnabled ? validate : undefined,
       defaultValue: defaultValue,
       transform: this.handleUserPickerTransform,
-      isRequired: true
+      isRequired: !isExtendedShareDialogEnabled
     }, ({
       fieldProps,
       error: fieldValidationError,
@@ -251,14 +252,14 @@ export class UserPickerFieldComponent extends React.Component {
       const wasValidationOrShareError = !!fieldValidationError || !!shareError;
       return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(UserPickerComponent, _extends({}, fieldProps, commonPickerProps, smartUserPickerProps, {
         "aria-labelledby": USER_PICKER_ARIA_LABEL,
-        required: true,
+        required: !isExtendedShareDialogEnabled,
         addMoreMessage: addMoreMessage,
         placeholder: /*#__PURE__*/React.createElement(Text, {
           id: USER_PICKER_FIELD_PLACEHOLDER
         }, /*#__PURE__*/React.createElement(FormattedMessage, getPlaceHolderMessage(product, allowEmail, isBrowseUsersDisabled))),
         menuPortalTarget: menuPortalTarget,
         inputId: fieldProps.id
-      })), helperMessage && !wasValidationOrShareError && /*#__PURE__*/React.createElement(HelperMessage, {
+      })), helperMessage && !wasValidationOrShareError && !isExtendedShareDialogEnabled && /*#__PURE__*/React.createElement(HelperMessage, {
         testId: "user-picker"
       }, helperMessage), !fieldValid && fieldValidationError === REQUIRED && /*#__PURE__*/React.createElement(ErrorMessage, null, /*#__PURE__*/React.createElement(FormattedMessage, requiredMessage)), shareError && shareError.errorCode && /*#__PURE__*/React.createElement(ErrorMessage, null, shareError.message, "\xA0", shareError.helpUrl && /*#__PURE__*/React.createElement(Link, {
         target: "_blank",

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

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

package/dist/es2019/i18n.js

@@ -40,6 +40,11 @@ export const messages = 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/esm/components/CommentField.js

@@ -1,16 +1,24 @@
 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 var CommentField = function CommentField(_ref) {
-  var defaultValue = _ref.defaultValue;
+  var defaultValue = _ref.defaultValue,
+    isExtendedShareDialogEnabled = _ref.isExtendedShareDialogEnabled;
   var intl = useIntl();
+  var formData = useFormState();
+  var shouldShowCommentField = 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.createElement(Field, {
     name: "comment",
     defaultValue: defaultValue,
-    label: intl.formatMessage(messages.commentLabel)
+    label: intl.formatMessage(isExtendedShareDialogEnabled ? messages.extendedDialogCommentLabel : messages.commentLabel)
   }, function (_ref2) {
     var fieldProps = _ref2.fieldProps;
     return /*#__PURE__*/React.createElement(TextArea, _extends({}, fieldProps, {

package/dist/esm/components/ShareForm.js

@@ -160,7 +160,7 @@ var InternalForm = /*#__PURE__*/function (_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
@@ -186,7 +186,8 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
         isBrowseUsersDisabled: isBrowseUsersDisabled,
         shareError: shareError,
         userPickerOptions: userPickerOptions,
-        productAttributes: productAttributes
+        productAttributes: productAttributes,
+        isExtendedShareDialogEnabled: isExtendedShareDialogEnabled
       })), additionalUserFields) : jsx(UserPickerField, {
         onInputChange: onUserInputChange,
         onChange: onUserSelectionChange,
@@ -205,11 +206,13 @@ var InternalForm = /*#__PURE__*/function (_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"

package/dist/esm/components/UserPickerField.js

@@ -214,7 +214,8 @@ export var UserPickerFieldComponent = /*#__PURE__*/function (_React$Component) {
         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 = allowEmails(config);
       var _ref2 = userPickerOptions !== null && userPickerOptions !== void 0 ? userPickerOptions : {},
@@ -273,10 +274,10 @@ export var UserPickerFieldComponent = /*#__PURE__*/function (_React$Component) {
           id: USER_PICKER_FIELD_LABEL
         }, /*#__PURE__*/React.createElement(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,
@@ -286,14 +287,14 @@ export var UserPickerFieldComponent = /*#__PURE__*/function (_React$Component) {
         var wasValidationOrShareError = !!fieldValidationError || !!shareError;
         return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(UserPickerComponent, _extends({}, fieldProps, commonPickerProps, smartUserPickerProps, {
           "aria-labelledby": USER_PICKER_ARIA_LABEL,
-          required: true,
+          required: !isExtendedShareDialogEnabled,
           addMoreMessage: addMoreMessage,
           placeholder: /*#__PURE__*/React.createElement(Text, {
             id: USER_PICKER_FIELD_PLACEHOLDER
           }, /*#__PURE__*/React.createElement(FormattedMessage, getPlaceHolderMessage(product, allowEmail, isBrowseUsersDisabled))),
           menuPortalTarget: menuPortalTarget,
           inputId: fieldProps.id
-        })), helperMessage && !wasValidationOrShareError && /*#__PURE__*/React.createElement(HelperMessage, {
+        })), helperMessage && !wasValidationOrShareError && !isExtendedShareDialogEnabled && /*#__PURE__*/React.createElement(HelperMessage, {
           testId: "user-picker"
         }, helperMessage), !fieldValid && fieldValidationError === REQUIRED && /*#__PURE__*/React.createElement(ErrorMessage, null, /*#__PURE__*/React.createElement(FormattedMessage, requiredMessage)), shareError && shareError.errorCode && /*#__PURE__*/React.createElement(ErrorMessage, null, shareError.message, "\xA0", shareError.helpUrl && /*#__PURE__*/React.createElement(Link, {
           target: "_blank",

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

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

package/dist/esm/i18n.js

@@ -40,6 +40,11 @@ export var messages = 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/types/components/CommentField.d.ts

@@ -2,5 +2,6 @@ import React from 'react';
 import { type Comment } from '../types';
 export type Props = {
     defaultValue?: Comment;
+    isExtendedShareDialogEnabled?: boolean;
 };
 export declare const CommentField: React.FunctionComponent<Props>;

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

@@ -22,6 +22,7 @@ export type Props = {
     shareError?: ShareError;
     userPickerOptions?: UserPickerOptions;
     productAttributes?: SmartUserPickerProps['productAttributes'];
+    isExtendedShareDialogEnabled?: boolean;
 };
 export declare class UserPickerFieldComponent extends React.Component<WrappedComponentProps & Props> {
     private loadOptions;

package/dist/types/i18n.d.ts

@@ -39,6 +39,11 @@ export declare const messages: {
         defaultMessage: string;
         description: string;
     };
+    extendedDialogCommentLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
     commentPlaceholder: {
         id: string;
         defaultMessage: string;

package/dist/types-ts4.5/components/CommentField.d.ts

@@ -2,5 +2,6 @@ import React from 'react';
 import { type Comment } from '../types';
 export type Props = {
     defaultValue?: Comment;
+    isExtendedShareDialogEnabled?: boolean;
 };
 export declare const CommentField: React.FunctionComponent<Props>;

package/dist/types-ts4.5/components/UserPickerField.d.ts

@@ -22,6 +22,7 @@ export type Props = {
     shareError?: ShareError;
     userPickerOptions?: UserPickerOptions;
     productAttributes?: SmartUserPickerProps['productAttributes'];
+    isExtendedShareDialogEnabled?: boolean;
 };
 export declare class UserPickerFieldComponent extends React.Component<WrappedComponentProps & Props> {
     private loadOptions;

package/dist/types-ts4.5/i18n.d.ts

@@ -39,6 +39,11 @@ export declare const messages: {
         defaultMessage: string;
         description: string;
     };
+    extendedDialogCommentLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
     commentPlaceholder: {
         id: string;
         defaultMessage: string;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/share",
-	"version": "6.7.0",
+	"version": "6.8.0",
 	"description": "Fabric Share Element",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -44,7 +44,7 @@
 		"@atlaskit/dropdown-menu": "^16.0.0",
 		"@atlaskit/form": "^12.0.0",
 		"@atlaskit/heading": "^5.2.0",
-		"@atlaskit/icon": "^26.3.0",
+		"@atlaskit/icon": "^26.4.0",
 		"@atlaskit/link": "^3.2.0",
 		"@atlaskit/menu": "^8.0.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
@@ -58,9 +58,9 @@
 		"@atlaskit/textarea": "^8.0.0",
 		"@atlaskit/theme": "^18.0.0",
 		"@atlaskit/tokens": "^4.9.0",
-		"@atlaskit/tooltip": "^20.1.0",
+		"@atlaskit/tooltip": "^20.2.0",
 		"@atlaskit/ufo": "^0.4.0",
-		"@atlaskit/user-picker": "^11.1.0",
+		"@atlaskit/user-picker": "^11.2.0",
 		"@atlaskit/util-service-support": "^6.3.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",