@atlaskit/share 6.8.1 → 6.10.0

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # @atlaskit/share
 
+## 6.10.0
+
+### Minor Changes
+
+- [#167224](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/167224)
+  [`198e371fcf6c7`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/198e371fcf6c7) -
+  We are testing adding `shouldRenderToProp` to Design System dropdown menu and popup components to
+  improve accessibility. If this fix is successful it will be available in a later release.
+
+## 6.9.0
+
+### Minor Changes
+
+- [#164206](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/164206)
+  [`1e5b8f5ecfe7a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/1e5b8f5ecfe7a) -
+  [ux] Hiding the success flag when the extended share form is submitted without any recipients
+  selected, also skipping share API calls when no recipients are present.
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 6.8.1
 
 ### Patch Changes

package/afm-cc/tsconfig.json

@@ -4,7 +4,7 @@
         "declaration": true,
         "target": "es5",
         "composite": true,
-        "outDir": "../dist",
+        "outDir": "../../../../../confluence/tsDist/@atlaskit__share",
         "rootDir": "../"
     },
     "include": [

package/dist/cjs/components/ShareDialogContainer.js

@@ -129,7 +129,8 @@ var ShareDialogContainerInternal = exports.ShareDialogContainerInternal = /*#__P
         shareContentType = _this$props.shareContentType,
         shareTitle = _this$props.shareTitle,
         shareeAction = _this$props.shareeAction,
-        workspaceAri = _this$props.workspaceAri;
+        workspaceAri = _this$props.workspaceAri,
+        isExtendedShareDialogEnabled = _this$props.isExtendedShareDialogEnabled;
       var content = {
         ari: shareAri,
         link: shareLink,
@@ -146,6 +147,9 @@ var ShareDialogContainerInternal = exports.ShareDialogContainerInternal = /*#__P
         users: users,
         comment: comment
       }, rest));
+      if (isExtendedShareDialogEnabled && users.length === 0) {
+        return Promise.resolve();
+      }
       return _this.shareClient.share(content, (0, _utils.optionDataToUsers)(users), metaData, comment).then(function () {
         if (!_this._isMounted) {
           return;

package/dist/cjs/components/ShareDialogWithTrigger.js

@@ -264,7 +264,8 @@ var ShareDialogWithTriggerInternalLegacy = exports.ShareDialogWithTriggerInterna
         formShareOrigin = _this$props4.formShareOrigin,
         showFlags = _this$props4.showFlags,
         isPublicLink = _this$props4.isPublicLink,
-        createAnalyticsEvent = _this$props4.createAnalyticsEvent;
+        createAnalyticsEvent = _this$props4.createAnalyticsEvent,
+        isExtendedShareDialogEnabled = _this$props4.isExtendedShareDialogEnabled;
       if (!onShareSubmit) {
         return;
       }
@@ -301,8 +302,12 @@ var ShareDialogWithTriggerInternalLegacy = exports.ShareDialogWithTriggerInterna
         _this.setState({
           isSharing: false
         });
-        showFlags(_this.getFlags());
-        _ufoExperiences.shareSubmitExp.success();
+        if (isExtendedShareDialogEnabled && data.users.length === 0) {
+          _ufoExperiences.shareSubmitExp.abort();
+        } else {
+          showFlags(_this.getFlags());
+          _ufoExperiences.shareSubmitExp.success();
+        }
       }).catch( /*#__PURE__*/function () {
         var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(err) {
           var shareError;

package/dist/cjs/components/ShareDialogWithTriggerNext.js

@@ -262,7 +262,8 @@ var ShareDialogWithTriggerInternal = exports.ShareDialogWithTriggerInternal = /*
         shareContentId = _this$props4.shareContentId,
         formShareOrigin = _this$props4.formShareOrigin,
         showFlags = _this$props4.showFlags,
-        isPublicLink = _this$props4.isPublicLink;
+        isPublicLink = _this$props4.isPublicLink,
+        isExtendedShareDialogEnabled = _this$props4.isExtendedShareDialogEnabled;
       if (!onShareSubmit) {
         return;
       }
@@ -284,8 +285,12 @@ var ShareDialogWithTriggerInternal = exports.ShareDialogWithTriggerInternal = /*
         _this.setState({
           isSharing: false
         });
-        showFlags(_this.getFlags());
-        _ufoExperiences.shareSubmitExp.success();
+        if (isExtendedShareDialogEnabled && data.users.length === 0) {
+          _ufoExperiences.shareSubmitExp.abort();
+        } else {
+          showFlags(_this.getFlags());
+          _ufoExperiences.shareSubmitExp.success();
+        }
       }).catch( /*#__PURE__*/function () {
         var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(err) {
           var shareError;

package/dist/cjs/components/SplitButton.js

@@ -82,7 +82,8 @@ var SplitButtonDropdown = function SplitButtonDropdown(props) {
     },
     placement: "bottom-end",
     isOpen: isUsingSplitButton,
-    onOpenChange: onOpenChange
+    onOpenChange: onOpenChange,
+    shouldRenderToParent: (0, _platformFeatureFlags.fg)('should-render-to-parent-should-be-true-people-and-')
   }, (0, _react2.jsx)(_dropdownMenu.DropdownItemGroup, null, shareIntegrations.map(function (integration) {
     return (0, _react2.jsx)(_dropdownMenu.DropdownItem, {
       key: integration.type,

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

package/dist/es2019/components/ShareDialogContainer.js

@@ -94,7 +94,8 @@ export class ShareDialogContainerInternal extends React.Component {
         shareContentType,
         shareTitle,
         shareeAction,
-        workspaceAri
+        workspaceAri,
+        isExtendedShareDialogEnabled
       } = this.props;
       const content = {
         ari: shareAri,
@@ -113,6 +114,9 @@ export class ShareDialogContainerInternal extends React.Component {
         comment,
         ...rest
       });
+      if (isExtendedShareDialogEnabled && users.length === 0) {
+        return Promise.resolve();
+      }
       return this.shareClient.share(content, optionDataToUsers(users), metaData, comment).then(() => {
         if (!this._isMounted) {
           return;

package/dist/es2019/components/ShareDialogWithTrigger.js

@@ -262,7 +262,8 @@ export class ShareDialogWithTriggerInternalLegacy extends React.PureComponent {
         formShareOrigin,
         showFlags,
         isPublicLink,
-        createAnalyticsEvent
+        createAnalyticsEvent,
+        isExtendedShareDialogEnabled
       } = this.props;
       if (!onShareSubmit) {
         return;
@@ -300,8 +301,12 @@ export class ShareDialogWithTriggerInternalLegacy extends React.PureComponent {
         this.setState({
           isSharing: false
         });
-        showFlags(this.getFlags());
-        shareSubmitExp.success();
+        if (isExtendedShareDialogEnabled && data.users.length === 0) {
+          shareSubmitExp.abort();
+        } else {
+          showFlags(this.getFlags());
+          shareSubmitExp.success();
+        }
       }).catch(async err => {
         const shareError = await this.generateShareError(err).catch(errorGenFailed => ({
           message: err.message || errorGenFailed.message || 'Unknown error',

package/dist/es2019/components/ShareDialogWithTriggerNext.js

@@ -254,7 +254,8 @@ export class ShareDialogWithTriggerInternal extends React.PureComponent {
         shareContentId,
         formShareOrigin,
         showFlags,
-        isPublicLink
+        isPublicLink,
+        isExtendedShareDialogEnabled
       } = this.props;
       if (!onShareSubmit) {
         return;
@@ -277,8 +278,12 @@ export class ShareDialogWithTriggerInternal extends React.PureComponent {
         this.setState({
           isSharing: false
         });
-        showFlags(this.getFlags());
-        shareSubmitExp.success();
+        if (isExtendedShareDialogEnabled && data.users.length === 0) {
+          shareSubmitExp.abort();
+        } else {
+          showFlags(this.getFlags());
+          shareSubmitExp.success();
+        }
       }).catch(async err => {
         const shareError = await this.generateShareError(err).catch(errorGenFailed => ({
           message: err.message || errorGenFailed.message || 'Unknown error',

package/dist/es2019/components/SplitButton.js

@@ -73,7 +73,8 @@ const SplitButtonDropdown = props => {
     })),
     placement: "bottom-end",
     isOpen: isUsingSplitButton,
-    onOpenChange: onOpenChange
+    onOpenChange: onOpenChange,
+    shouldRenderToParent: fg('should-render-to-parent-should-be-true-people-and-')
   }, jsx(DropdownItemGroup, null, shareIntegrations.map(integration => jsx(DropdownItem, {
     key: integration.type,
     testId: `split-button-dropdownitem-${integration.type}`

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.8.1",
+  packageVersion: "6.10.0",
   ...attributes
 });
 const createEvent = (eventType, source, action, actionSubject, actionSubjectId, attributes = {}) => ({

package/dist/esm/components/ShareDialogContainer.js

@@ -122,7 +122,8 @@ export var ShareDialogContainerInternal = /*#__PURE__*/function (_React$Componen
         shareContentType = _this$props.shareContentType,
         shareTitle = _this$props.shareTitle,
         shareeAction = _this$props.shareeAction,
-        workspaceAri = _this$props.workspaceAri;
+        workspaceAri = _this$props.workspaceAri,
+        isExtendedShareDialogEnabled = _this$props.isExtendedShareDialogEnabled;
       var content = {
         ari: shareAri,
         link: shareLink,
@@ -139,6 +140,9 @@ export var ShareDialogContainerInternal = /*#__PURE__*/function (_React$Componen
         users: users,
         comment: comment
       }, rest));
+      if (isExtendedShareDialogEnabled && users.length === 0) {
+        return Promise.resolve();
+      }
       return _this.shareClient.share(content, optionDataToUsers(users), metaData, comment).then(function () {
         if (!_this._isMounted) {
           return;

package/dist/esm/components/ShareDialogWithTrigger.js

@@ -263,7 +263,8 @@ export var ShareDialogWithTriggerInternalLegacy = /*#__PURE__*/function (_React$
         formShareOrigin = _this$props4.formShareOrigin,
         showFlags = _this$props4.showFlags,
         isPublicLink = _this$props4.isPublicLink,
-        createAnalyticsEvent = _this$props4.createAnalyticsEvent;
+        createAnalyticsEvent = _this$props4.createAnalyticsEvent,
+        isExtendedShareDialogEnabled = _this$props4.isExtendedShareDialogEnabled;
       if (!onShareSubmit) {
         return;
       }
@@ -300,8 +301,12 @@ export var ShareDialogWithTriggerInternalLegacy = /*#__PURE__*/function (_React$
         _this.setState({
           isSharing: false
         });
-        showFlags(_this.getFlags());
-        shareSubmitExp.success();
+        if (isExtendedShareDialogEnabled && data.users.length === 0) {
+          shareSubmitExp.abort();
+        } else {
+          showFlags(_this.getFlags());
+          shareSubmitExp.success();
+        }
       }).catch( /*#__PURE__*/function () {
         var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(err) {
           var shareError;

package/dist/esm/components/ShareDialogWithTriggerNext.js

@@ -255,7 +255,8 @@ export var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureCo
         shareContentId = _this$props4.shareContentId,
         formShareOrigin = _this$props4.formShareOrigin,
         showFlags = _this$props4.showFlags,
-        isPublicLink = _this$props4.isPublicLink;
+        isPublicLink = _this$props4.isPublicLink,
+        isExtendedShareDialogEnabled = _this$props4.isExtendedShareDialogEnabled;
       if (!onShareSubmit) {
         return;
       }
@@ -277,8 +278,12 @@ export var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureCo
         _this.setState({
           isSharing: false
         });
-        showFlags(_this.getFlags());
-        shareSubmitExp.success();
+        if (isExtendedShareDialogEnabled && data.users.length === 0) {
+          shareSubmitExp.abort();
+        } else {
+          showFlags(_this.getFlags());
+          shareSubmitExp.success();
+        }
       }).catch( /*#__PURE__*/function () {
         var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(err) {
           var shareError;

package/dist/esm/components/SplitButton.js

@@ -75,7 +75,8 @@ var SplitButtonDropdown = function SplitButtonDropdown(props) {
     },
     placement: "bottom-end",
     isOpen: isUsingSplitButton,
-    onOpenChange: onOpenChange
+    onOpenChange: onOpenChange,
+    shouldRenderToParent: fg('should-render-to-parent-should-be-true-people-and-')
   }, jsx(DropdownItemGroup, null, shareIntegrations.map(function (integration) {
     return jsx(DropdownItem, {
       key: integration.type,

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

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/share",
-	"version": "6.8.1",
+	"version": "6.10.0",
 	"description": "Fabric Share Element",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -57,8 +57,8 @@
 		"@atlaskit/tabs": "^18.1.0",
 		"@atlaskit/textarea": "^8.0.0",
 		"@atlaskit/theme": "^18.0.0",
-		"@atlaskit/tokens": "^5.0.0",
-		"@atlaskit/tooltip": "^20.2.0",
+		"@atlaskit/tokens": "^5.1.0",
+		"@atlaskit/tooltip": "^20.3.0",
 		"@atlaskit/ufo": "^0.4.0",
 		"@atlaskit/user-picker": "^11.2.0",
 		"@atlaskit/util-service-support": "^6.3.0",
@@ -139,6 +139,9 @@
 		},
 		"dst-a11y__replace-anchor-with-link__people-and-tea": {
 			"type": "boolean"
+		},
+		"should-render-to-parent-should-be-true-people-and-": {
+			"type": "boolean"
 		}
 	},
 	"sideEffects": [