@atlaskit/share 6.15.1 → 6.16.0

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/share
 
+## 6.16.0
+
+### Minor Changes
+
+- [#185948](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/185948)
+  [`169677f95fce5`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/169677f95fce5) -
+  [ux] Add a new customTriggerButtonIcon prop to the Share Dialog Component. This prop is passed to
+  the renderCustomTriggerButton function, allowing consumers to dynamically update the icon
+  displayed on the custom trigger button.
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 6.15.1
 
 ### Patch Changes

package/dist/cjs/components/ShareDialogContainer.js

@@ -344,6 +344,7 @@ var ShareDialogContainerInternal = exports.ShareDialogContainerInternal = /*#__P
         dialogPlacement = _this$props3.dialogPlacement,
         loadUserOptions = _this$props3.loadUserOptions,
         renderCustomTriggerButton = _this$props3.renderCustomTriggerButton,
+        customTriggerButtonIcon = _this$props3.customTriggerButtonIcon,
         shareContentType = _this$props3.shareContentType,
         shareContentSubType = _this$props3.shareContentSubType,
         shareContentId = _this$props3.shareContentId,
@@ -398,6 +399,7 @@ var ShareDialogContainerInternal = exports.ShareDialogContainerInternal = /*#__P
         onDialogOpen: this.handleDialogOpen,
         onShareSubmit: this.handleSubmitShare,
         renderCustomTriggerButton: renderCustomTriggerButton,
+        customTriggerButtonIcon: customTriggerButtonIcon,
         shareContentType: shareContentType,
         shareContentSubType: shareContentSubType,
         shareContentId: shareContentId,

package/dist/cjs/components/ShareDialogWithTrigger.js

@@ -430,6 +430,7 @@ var ShareDialogWithTriggerInternalLegacy = exports.ShareDialogWithTriggerInterna
         formatMessage = _this$props6.intl.formatMessage,
         isDisabled = _this$props6.isDisabled,
         renderCustomTriggerButton = _this$props6.renderCustomTriggerButton,
+        customTriggerButtonIcon = _this$props6.customTriggerButtonIcon,
         triggerButtonIcon = _this$props6.triggerButtonIcon,
         triggerButtonTooltipText = _this$props6.triggerButtonTooltipText,
         triggerButtonTooltipPosition = _this$props6.triggerButtonTooltipPosition,
@@ -449,7 +450,8 @@ var ShareDialogWithTriggerInternalLegacy = exports.ShareDialogWithTriggerInterna
           error: shareError,
           isDisabled: isDisabled,
           isSelected: isDialogOpen,
-          onClick: _this.onTriggerClick
+          onClick: _this.onTriggerClick,
+          iconBefore: customTriggerButtonIcon
         }, triggerProps);
       } else {
         button = (0, _react2.jsx)(_ShareButton.default, {

package/dist/cjs/components/ShareDialogWithTriggerNext.js

@@ -415,6 +415,7 @@ var ShareDialogWithTriggerInternal = exports.ShareDialogWithTriggerInternal = /*
         formatMessage = _this$props6.intl.formatMessage,
         isDisabled = _this$props6.isDisabled,
         renderCustomTriggerButton = _this$props6.renderCustomTriggerButton,
+        customTriggerButtonIcon = _this$props6.customTriggerButtonIcon,
         triggerButtonIcon = _this$props6.triggerButtonIcon,
         triggerButtonTooltipText = _this$props6.triggerButtonTooltipText,
         triggerButtonTooltipPosition = _this$props6.triggerButtonTooltipPosition,
@@ -434,7 +435,8 @@ var ShareDialogWithTriggerInternal = exports.ShareDialogWithTriggerInternal = /*
           error: shareError,
           isDisabled: isDisabled,
           isSelected: isDialogOpen,
-          onClick: _this.onTriggerClick
+          onClick: _this.onTriggerClick,
+          iconBefore: customTriggerButtonIcon
         }, triggerProps);
       } else {
         button = /*#__PURE__*/_react.default.createElement(_ShareButton.default, {

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

package/dist/es2019/components/ShareDialogContainer.js

@@ -291,6 +291,7 @@ export class ShareDialogContainerInternal extends React.Component {
       dialogPlacement,
       loadUserOptions,
       renderCustomTriggerButton,
+      customTriggerButtonIcon,
       shareContentType,
       shareContentSubType,
       shareContentId,
@@ -347,6 +348,7 @@ export class ShareDialogContainerInternal extends React.Component {
       onDialogOpen: this.handleDialogOpen,
       onShareSubmit: this.handleSubmitShare,
       renderCustomTriggerButton: renderCustomTriggerButton,
+      customTriggerButtonIcon: customTriggerButtonIcon,
       shareContentType: shareContentType,
       shareContentSubType: shareContentSubType,
       shareContentId: shareContentId,

package/dist/es2019/components/ShareDialogWithTrigger.js

@@ -412,6 +412,7 @@ export class ShareDialogWithTriggerInternalLegacy extends React.PureComponent {
         },
         isDisabled,
         renderCustomTriggerButton,
+        customTriggerButtonIcon,
         triggerButtonIcon,
         triggerButtonTooltipText,
         triggerButtonTooltipPosition,
@@ -434,7 +435,8 @@ export class ShareDialogWithTriggerInternalLegacy extends React.PureComponent {
           error: shareError,
           isDisabled,
           isSelected: isDialogOpen,
-          onClick: this.onTriggerClick
+          onClick: this.onTriggerClick,
+          iconBefore: customTriggerButtonIcon
         }, triggerProps);
       } else {
         button = jsx(ShareButton, {

package/dist/es2019/components/ShareDialogWithTriggerNext.js

@@ -393,6 +393,7 @@ export class ShareDialogWithTriggerInternal extends React.PureComponent {
         },
         isDisabled,
         renderCustomTriggerButton,
+        customTriggerButtonIcon,
         triggerButtonIcon,
         triggerButtonTooltipText,
         triggerButtonTooltipPosition,
@@ -415,7 +416,8 @@ export class ShareDialogWithTriggerInternal extends React.PureComponent {
           error: shareError,
           isDisabled,
           isSelected: isDialogOpen,
-          onClick: this.onTriggerClick
+          onClick: this.onTriggerClick,
+          iconBefore: customTriggerButtonIcon
         }, triggerProps);
       } else {
         button = /*#__PURE__*/React.createElement(ShareButton, {

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

package/dist/esm/components/ShareDialogContainer.js

@@ -337,6 +337,7 @@ export var ShareDialogContainerInternal = /*#__PURE__*/function (_React$Componen
         dialogPlacement = _this$props3.dialogPlacement,
         loadUserOptions = _this$props3.loadUserOptions,
         renderCustomTriggerButton = _this$props3.renderCustomTriggerButton,
+        customTriggerButtonIcon = _this$props3.customTriggerButtonIcon,
         shareContentType = _this$props3.shareContentType,
         shareContentSubType = _this$props3.shareContentSubType,
         shareContentId = _this$props3.shareContentId,
@@ -391,6 +392,7 @@ export var ShareDialogContainerInternal = /*#__PURE__*/function (_React$Componen
         onDialogOpen: this.handleDialogOpen,
         onShareSubmit: this.handleSubmitShare,
         renderCustomTriggerButton: renderCustomTriggerButton,
+        customTriggerButtonIcon: customTriggerButtonIcon,
         shareContentType: shareContentType,
         shareContentSubType: shareContentSubType,
         shareContentId: shareContentId,

package/dist/esm/components/ShareDialogWithTrigger.js

@@ -427,6 +427,7 @@ export var ShareDialogWithTriggerInternalLegacy = /*#__PURE__*/function (_React$
         formatMessage = _this$props6.intl.formatMessage,
         isDisabled = _this$props6.isDisabled,
         renderCustomTriggerButton = _this$props6.renderCustomTriggerButton,
+        customTriggerButtonIcon = _this$props6.customTriggerButtonIcon,
         triggerButtonIcon = _this$props6.triggerButtonIcon,
         triggerButtonTooltipText = _this$props6.triggerButtonTooltipText,
         triggerButtonTooltipPosition = _this$props6.triggerButtonTooltipPosition,
@@ -446,7 +447,8 @@ export var ShareDialogWithTriggerInternalLegacy = /*#__PURE__*/function (_React$
           error: shareError,
           isDisabled: isDisabled,
           isSelected: isDialogOpen,
-          onClick: _this.onTriggerClick
+          onClick: _this.onTriggerClick,
+          iconBefore: customTriggerButtonIcon
         }, triggerProps);
       } else {
         button = jsx(ShareButton, {

package/dist/esm/components/ShareDialogWithTriggerNext.js

@@ -408,6 +408,7 @@ export var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureCo
         formatMessage = _this$props6.intl.formatMessage,
         isDisabled = _this$props6.isDisabled,
         renderCustomTriggerButton = _this$props6.renderCustomTriggerButton,
+        customTriggerButtonIcon = _this$props6.customTriggerButtonIcon,
         triggerButtonIcon = _this$props6.triggerButtonIcon,
         triggerButtonTooltipText = _this$props6.triggerButtonTooltipText,
         triggerButtonTooltipPosition = _this$props6.triggerButtonTooltipPosition,
@@ -427,7 +428,8 @@ export var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureCo
           error: shareError,
           isDisabled: isDisabled,
           isSelected: isDialogOpen,
-          onClick: _this.onTriggerClick
+          onClick: _this.onTriggerClick,
+          iconBefore: customTriggerButtonIcon
         }, triggerProps);
       } else {
         button = /*#__PURE__*/React.createElement(ShareButton, {

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

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

@@ -79,6 +79,7 @@ export declare const ShareDialogContainer: React.ForwardRefExoticComponent<Omit<
     originTracingFactory?: OriginTracingFactory | undefined;
     productId?: import("../types").ProductId | undefined;
     renderCustomTriggerButton?: import("../types").RenderCustomTriggerButton | undefined;
+    customTriggerButtonIcon?: React.ComponentType<import("@atlaskit/icon").NewCoreIconProps> | undefined;
     shareAri?: string | undefined;
     shareContentType?: string | undefined;
     shareContentSubType?: string | undefined;

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

@@ -53,6 +53,8 @@ export type ShareDialogContainerProps = {
     productId: ProductId;
     /** Render function for a custom Share Dialog Trigger Button. */
     renderCustomTriggerButton?: RenderCustomTriggerButton;
+    /** An Icon used for the custom Share Dialog Trigger Button */
+    customTriggerButtonIcon?: React.ComponentType<NewCoreIconProps>;
     /** Atlassian Resource Identifier of a Site resource to be shared. */
     shareAri: string;
     /** Content Type of the resource to be shared. It will also affect on the successful share message in the flag. A pre-defined list as follows:*/

package/dist/types/types/ShareDialogWithTrigger.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import type { AnalyticsEventPayload } from '@atlaskit/analytics-next';
+import { type NewCoreIconProps } from '@atlaskit/icon';
 import type { Placement } from '@atlaskit/popper';
 import type { TriggerProps } from '@atlaskit/popup';
 import type { ConfigResponse } from '../clients/ShareServiceClient';
@@ -12,6 +13,7 @@ export type RenderCustomTriggerButton = (args: {
     isDisabled?: boolean;
     isSelected?: boolean;
     onClick: () => void;
+    iconBefore?: React.ComponentType<NewCoreIconProps>;
 }, triggerProps: TriggerProps) => React.ReactNode;
 export type DialogPlacement = Placement;
 /**
@@ -19,7 +21,7 @@ export type DialogPlacement = Placement;
  * with the demo page and clearly visible options on that page.
  */
 export type DialogBoundariesElement = 'viewport' | 'window' | 'scrollParent';
-export type ShareDialogWithTriggerProps = Pick<ShareDialogContainerProps, 'onTriggerButtonClick' | 'isAutoOpenDialog' | 'shouldCloseOnEscapePress' | 'dialogPlacement' | 'loadUserOptions' | 'onDialogOpen' | 'onDialogClose' | 'onUserSelectionChange' | 'renderCustomTriggerButton' | 'shareContentType' | 'shareContentSubType' | 'shareContentId' | 'shareFormTitle' | 'shareFormHelperMessage' | 'showFlags' | 'enableSmartUserPicker' | 'loggedInAccountId' | 'triggerButtonAppearance' | 'triggerButtonIcon' | 'triggerButtonStyle' | 'triggerButtonTooltipPosition' | 'triggerButtonTooltipText' | 'cloudId' | 'bottomMessage' | 'product' | 'productAttributes' | 'customHeader' | 'customFooter' | 'isCopyDisabled' | 'isPublicLink' | 'integrationMode' | 'isMenuItemSelected' | 'shareFieldsFooter' | 'shareIntegrations' | 'additionalTabs' | 'builtInTabContentWidth' | 'shareAri' | 'tabIndex' | 'copyTooltipText' | 'dialogZIndex' | 'orgId' | 'isBrowseUsersDisabled' | 'userPickerOptions' | 'isSubmitShareDisabled' | 'additionalUserFields' | 'isExtendedShareDialogEnabled' | 'CustomSubmitButton'> & {
+export type ShareDialogWithTriggerProps = Pick<ShareDialogContainerProps, 'onTriggerButtonClick' | 'isAutoOpenDialog' | 'shouldCloseOnEscapePress' | 'dialogPlacement' | 'loadUserOptions' | 'onDialogOpen' | 'onDialogClose' | 'onUserSelectionChange' | 'renderCustomTriggerButton' | 'customTriggerButtonIcon' | 'shareContentType' | 'shareContentSubType' | 'shareContentId' | 'shareFormTitle' | 'shareFormHelperMessage' | 'showFlags' | 'enableSmartUserPicker' | 'loggedInAccountId' | 'triggerButtonAppearance' | 'triggerButtonIcon' | 'triggerButtonStyle' | 'triggerButtonTooltipPosition' | 'triggerButtonTooltipText' | 'cloudId' | 'bottomMessage' | 'product' | 'productAttributes' | 'customHeader' | 'customFooter' | 'isCopyDisabled' | 'isPublicLink' | 'integrationMode' | 'isMenuItemSelected' | 'shareFieldsFooter' | 'shareIntegrations' | 'additionalTabs' | 'builtInTabContentWidth' | 'shareAri' | 'tabIndex' | 'copyTooltipText' | 'dialogZIndex' | 'orgId' | 'isBrowseUsersDisabled' | 'userPickerOptions' | 'isSubmitShareDisabled' | 'additionalUserFields' | 'isExtendedShareDialogEnabled' | 'CustomSubmitButton'> & {
     config?: ConfigResponse;
     isFetchingConfig?: boolean;
     children?: RenderCustomTriggerButton;

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

@@ -79,6 +79,7 @@ export declare const ShareDialogContainer: React.ForwardRefExoticComponent<Omit<
     originTracingFactory?: OriginTracingFactory | undefined;
     productId?: import("../types").ProductId | undefined;
     renderCustomTriggerButton?: import("../types").RenderCustomTriggerButton | undefined;
+    customTriggerButtonIcon?: React.ComponentType<import("@atlaskit/icon").NewCoreIconProps> | undefined;
     shareAri?: string | undefined;
     shareContentType?: string | undefined;
     shareContentSubType?: string | undefined;

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

@@ -53,6 +53,8 @@ export type ShareDialogContainerProps = {
     productId: ProductId;
     /** Render function for a custom Share Dialog Trigger Button. */
     renderCustomTriggerButton?: RenderCustomTriggerButton;
+    /** An Icon used for the custom Share Dialog Trigger Button */
+    customTriggerButtonIcon?: React.ComponentType<NewCoreIconProps>;
     /** Atlassian Resource Identifier of a Site resource to be shared. */
     shareAri: string;
     /** Content Type of the resource to be shared. It will also affect on the successful share message in the flag. A pre-defined list as follows:*/

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

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import type { AnalyticsEventPayload } from '@atlaskit/analytics-next';
+import { type NewCoreIconProps } from '@atlaskit/icon';
 import type { Placement } from '@atlaskit/popper';
 import type { TriggerProps } from '@atlaskit/popup';
 import type { ConfigResponse } from '../clients/ShareServiceClient';
@@ -12,6 +13,7 @@ export type RenderCustomTriggerButton = (args: {
     isDisabled?: boolean;
     isSelected?: boolean;
     onClick: () => void;
+    iconBefore?: React.ComponentType<NewCoreIconProps>;
 }, triggerProps: TriggerProps) => React.ReactNode;
 export type DialogPlacement = Placement;
 /**
@@ -19,7 +21,7 @@ export type DialogPlacement = Placement;
  * with the demo page and clearly visible options on that page.
  */
 export type DialogBoundariesElement = 'viewport' | 'window' | 'scrollParent';
-export type ShareDialogWithTriggerProps = Pick<ShareDialogContainerProps, 'onTriggerButtonClick' | 'isAutoOpenDialog' | 'shouldCloseOnEscapePress' | 'dialogPlacement' | 'loadUserOptions' | 'onDialogOpen' | 'onDialogClose' | 'onUserSelectionChange' | 'renderCustomTriggerButton' | 'shareContentType' | 'shareContentSubType' | 'shareContentId' | 'shareFormTitle' | 'shareFormHelperMessage' | 'showFlags' | 'enableSmartUserPicker' | 'loggedInAccountId' | 'triggerButtonAppearance' | 'triggerButtonIcon' | 'triggerButtonStyle' | 'triggerButtonTooltipPosition' | 'triggerButtonTooltipText' | 'cloudId' | 'bottomMessage' | 'product' | 'productAttributes' | 'customHeader' | 'customFooter' | 'isCopyDisabled' | 'isPublicLink' | 'integrationMode' | 'isMenuItemSelected' | 'shareFieldsFooter' | 'shareIntegrations' | 'additionalTabs' | 'builtInTabContentWidth' | 'shareAri' | 'tabIndex' | 'copyTooltipText' | 'dialogZIndex' | 'orgId' | 'isBrowseUsersDisabled' | 'userPickerOptions' | 'isSubmitShareDisabled' | 'additionalUserFields' | 'isExtendedShareDialogEnabled' | 'CustomSubmitButton'> & {
+export type ShareDialogWithTriggerProps = Pick<ShareDialogContainerProps, 'onTriggerButtonClick' | 'isAutoOpenDialog' | 'shouldCloseOnEscapePress' | 'dialogPlacement' | 'loadUserOptions' | 'onDialogOpen' | 'onDialogClose' | 'onUserSelectionChange' | 'renderCustomTriggerButton' | 'customTriggerButtonIcon' | 'shareContentType' | 'shareContentSubType' | 'shareContentId' | 'shareFormTitle' | 'shareFormHelperMessage' | 'showFlags' | 'enableSmartUserPicker' | 'loggedInAccountId' | 'triggerButtonAppearance' | 'triggerButtonIcon' | 'triggerButtonStyle' | 'triggerButtonTooltipPosition' | 'triggerButtonTooltipText' | 'cloudId' | 'bottomMessage' | 'product' | 'productAttributes' | 'customHeader' | 'customFooter' | 'isCopyDisabled' | 'isPublicLink' | 'integrationMode' | 'isMenuItemSelected' | 'shareFieldsFooter' | 'shareIntegrations' | 'additionalTabs' | 'builtInTabContentWidth' | 'shareAri' | 'tabIndex' | 'copyTooltipText' | 'dialogZIndex' | 'orgId' | 'isBrowseUsersDisabled' | 'userPickerOptions' | 'isSubmitShareDisabled' | 'additionalUserFields' | 'isExtendedShareDialogEnabled' | 'CustomSubmitButton'> & {
     config?: ConfigResponse;
     isFetchingConfig?: boolean;
     children?: RenderCustomTriggerButton;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/share",
-	"version": "6.15.1",
+	"version": "6.16.0",
 	"description": "Fabric Share Element",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -56,7 +56,7 @@
 		"@atlaskit/tabs": "^18.1.0",
 		"@atlaskit/textarea": "^8.0.0",
 		"@atlaskit/theme": "^19.0.0",
-		"@atlaskit/tokens": "^5.4.0",
+		"@atlaskit/tokens": "^5.5.0",
 		"@atlaskit/tooltip": "^20.3.0",
 		"@atlaskit/ufo": "^0.4.0",
 		"@atlaskit/user-picker": "^11.3.0",