@atlaskit/share 3.5.4 → 3.5.6

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/share
 
+## 3.5.6
+
+### Patch Changes
+
+- [`faf391ab64a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/faf391ab64a) - Implementing new CustomOption which will allow for a custom avatar
+- Updated dependencies
+
+## 3.5.5
+
+### Patch Changes
+
+- [`e4288af2ae8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e4288af2ae8) - Add jsx pragma to fix @emotion/react styles not applying correctly
+- [`0915ecdd1db`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0915ecdd1db) - Removed styled components from dev and peer dependencies
+- Updated dependencies
+
 ## 3.5.4
 
 ### Patch Changes

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

@@ -9,6 +9,8 @@ exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
+var _react2 = require("@emotion/react");
+
 var _analyticsNext = require("@atlaskit/analytics-next");
 
 var _constants = require("@atlaskit/theme/constants");
@@ -21,6 +23,8 @@ var _ShareForm = require("../ShareForm");
 
 var _ShareFormWrapper = require("../ShareFormWrapper");
 
+/** @jsx jsx */
+
 /**
  * A Share form content which is lazy-loaded.
  * Make sure this component is not exported inside main entry points `src/index.ts`
@@ -59,12 +63,11 @@ function LazyShareForm(props) {
       defaultValue = props.defaultValue,
       showTitle = props.showTitle,
       orgId = props.orgId;
-
-  var footer = /*#__PURE__*/_react.default.createElement("div", null, bottomMessage ? /*#__PURE__*/_react.default.createElement("div", {
+  var footer = (0, _react2.jsx)("div", null, bottomMessage ? (0, _react2.jsx)("div", {
     css: {
       width: "".concat((0, _constants.gridSize)() * 44, "px")
     }
-  }, bottomMessage) : null, customFooter && selectedIntegration === null && /*#__PURE__*/_react.default.createElement("div", {
+  }, bottomMessage) : null, customFooter && selectedIntegration === null && (0, _react2.jsx)("div", {
     css: {
       margin: "0 ".concat(-(0, _constants.gridSize)() * 3, "px ").concat(-(0, _constants.gridSize)() * 2, "px ").concat(-(0, _constants.gridSize)() * 3, "px")
     }
@@ -74,19 +77,19 @@ function LazyShareForm(props) {
     setIsLoading(false);
   });
 
-  return /*#__PURE__*/_react.default.createElement(_ShareFormWrapper.ShareFormWrapper, {
+  return (0, _react2.jsx)(_ShareFormWrapper.ShareFormWrapper, {
     footer: footer // form title will be determined by `title` and `showTitle` prop passed to `ShareForm`,
     // so we don't need to show title via ShareFormWrapper
     ,
     shouldShowTitle: false
-  }, showIntegrationForm && selectedIntegration !== null ? /*#__PURE__*/_react.default.createElement(_analyticsNext.AnalyticsContext, {
+  }, showIntegrationForm && selectedIntegration !== null ? (0, _react2.jsx)(_analyticsNext.AnalyticsContext, {
     data: {
       source: _analytics.INTEGRATION_MODAL_SOURCE
     }
-  }, /*#__PURE__*/_react.default.createElement(_IntegrationForm.IntegrationForm, {
+  }, (0, _react2.jsx)(_IntegrationForm.IntegrationForm, {
     Content: selectedIntegration.Content,
     onIntegrationClose: onDialogClose
-  })) : /*#__PURE__*/_react.default.createElement(_ShareForm.ShareForm, {
+  })) : (0, _react2.jsx)(_ShareForm.ShareForm, {
     copyLink: copyLink,
     loadOptions: loadOptions,
     title: shareFormTitle,

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

@@ -11,6 +11,8 @@ var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 
 var _react = _interopRequireDefault(require("react"));
 
+var _react2 = require("@emotion/react");
+
 var _reactLooselyLazy = require("react-loosely-lazy");
 
 var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
@@ -38,11 +40,11 @@ var LoadingDialog = function LoadingDialog(_ref) {
     setIsLoading(true);
   });
 
-  return /*#__PURE__*/_react.default.createElement(_ShareFormWrapper.ShareFormWrapper, {
+  return (0, _react2.jsx)(_ShareFormWrapper.ShareFormWrapper, {
     shareFormTitle: shareFormTitle // if `showTitle` is passed, we use it. Otherwise, we will show title for loading dialog.
     ,
     shouldShowTitle: typeof showTitle === 'boolean' ? showTitle : true
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, (0, _react2.jsx)("div", {
     css: {
       width: '100%',
       height: '100%',
@@ -50,17 +52,17 @@ var LoadingDialog = function LoadingDialog(_ref) {
       justifyContent: 'center',
       alignContent: 'center'
     }
-  }, /*#__PURE__*/_react.default.createElement(_spinner.default, null)));
+  }, (0, _react2.jsx)(_spinner.default, null)));
 };
 
 var _default = function _default(props) {
-  return /*#__PURE__*/_react.default.createElement(_reactLooselyLazy.LazySuspense, {
-    fallback: /*#__PURE__*/_react.default.createElement(LoadingDialog, {
+  return (0, _react2.jsx)(_reactLooselyLazy.LazySuspense, {
+    fallback: (0, _react2.jsx)(LoadingDialog, {
       shareFormTitle: props.shareFormTitle,
       showTitle: props.showTitle,
       setIsLoading: props.setIsLoading
     })
-  }, /*#__PURE__*/_react.default.createElement(LazyShareFormLazy, props));
+  }, (0, _react2.jsx)(LazyShareFormLazy, props));
 };
 
 exports.default = _default;

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

@@ -19,7 +19,7 @@ var buildAttributes = function buildAttributes() {
   var attributes = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return _objectSpread({
     packageName: "@atlaskit/share",
-    packageVersion: "3.5.4"
+    packageVersion: "3.5.6"
   }, attributes);
 };
 

package/dist/cjs/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/share",
-	"version": "3.5.4"
+	"version": "3.5.6"
 }

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

@@ -1,4 +1,6 @@
+/** @jsx jsx */
 import React from 'react';
+import { jsx } from '@emotion/react';
 import { AnalyticsContext } from '@atlaskit/analytics-next';
 import { gridSize } from '@atlaskit/theme/constants';
 import { INTEGRATION_MODAL_SOURCE } from '../analytics/analytics';
@@ -49,11 +51,11 @@ function LazyShareForm(props) {
     showTitle,
     orgId
   } = props;
-  const footer = /*#__PURE__*/React.createElement("div", null, bottomMessage ? /*#__PURE__*/React.createElement("div", {
+  const footer = jsx("div", null, bottomMessage ? jsx("div", {
     css: {
       width: `${gridSize() * 44}px`
     }
-  }, bottomMessage) : null, customFooter && selectedIntegration === null && /*#__PURE__*/React.createElement("div", {
+  }, bottomMessage) : null, customFooter && selectedIntegration === null && jsx("div", {
     css: {
       margin: `0 ${-gridSize() * 3}px ${-gridSize() * 2}px ${-gridSize() * 3}px`
     }
@@ -61,19 +63,19 @@ function LazyShareForm(props) {
   React.useEffect(() => {
     setIsLoading(false);
   });
-  return /*#__PURE__*/React.createElement(ShareFormWrapper, {
+  return jsx(ShareFormWrapper, {
     footer: footer // form title will be determined by `title` and `showTitle` prop passed to `ShareForm`,
     // so we don't need to show title via ShareFormWrapper
     ,
     shouldShowTitle: false
-  }, showIntegrationForm && selectedIntegration !== null ? /*#__PURE__*/React.createElement(AnalyticsContext, {
+  }, showIntegrationForm && selectedIntegration !== null ? jsx(AnalyticsContext, {
     data: {
       source: INTEGRATION_MODAL_SOURCE
     }
-  }, /*#__PURE__*/React.createElement(IntegrationForm, {
+  }, jsx(IntegrationForm, {
     Content: selectedIntegration.Content,
     onIntegrationClose: onDialogClose
-  })) : /*#__PURE__*/React.createElement(ShareForm, {
+  })) : jsx(ShareForm, {
     copyLink: copyLink,
     loadOptions: loadOptions,
     title: shareFormTitle,

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

@@ -1,4 +1,6 @@
+/** @jsx jsx */
 import React from 'react';
+import { jsx } from '@emotion/react';
 import { lazyForPaint, LazySuspense } from 'react-loosely-lazy';
 import Spinner from '@atlaskit/spinner';
 import { ShareFormWrapper } from '../ShareFormWrapper';
@@ -16,11 +18,11 @@ const LoadingDialog = ({
   React.useEffect(() => {
     setIsLoading(true);
   });
-  return /*#__PURE__*/React.createElement(ShareFormWrapper, {
+  return jsx(ShareFormWrapper, {
     shareFormTitle: shareFormTitle // if `showTitle` is passed, we use it. Otherwise, we will show title for loading dialog.
     ,
     shouldShowTitle: typeof showTitle === 'boolean' ? showTitle : true
-  }, /*#__PURE__*/React.createElement("div", {
+  }, jsx("div", {
     css: {
       width: '100%',
       height: '100%',
@@ -28,13 +30,13 @@ const LoadingDialog = ({
       justifyContent: 'center',
       alignContent: 'center'
     }
-  }, /*#__PURE__*/React.createElement(Spinner, null)));
+  }, jsx(Spinner, null)));
 };
 
-export default (props => /*#__PURE__*/React.createElement(LazySuspense, {
-  fallback: /*#__PURE__*/React.createElement(LoadingDialog, {
+export default (props => jsx(LazySuspense, {
+  fallback: jsx(LoadingDialog, {
     shareFormTitle: props.shareFormTitle,
     showTitle: props.showTitle,
     setIsLoading: props.setIsLoading
   })
-}, /*#__PURE__*/React.createElement(LazyShareFormLazy, props)));
+}, jsx(LazyShareFormLazy, props)));

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

@@ -2,7 +2,7 @@ import { isEmail, isTeam, isUser } from '@atlaskit/smart-user-picker';
 
 const buildAttributes = (attributes = {}) => ({
   packageName: "@atlaskit/share",
-  packageVersion: "3.5.4",
+  packageVersion: "3.5.6",
   ...attributes
 });
 

package/dist/es2019/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/share",
-	"version": "3.5.4"
+	"version": "3.5.6"
 }

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

@@ -1,4 +1,6 @@
+/** @jsx jsx */
 import React from 'react';
+import { jsx } from '@emotion/react';
 import { AnalyticsContext } from '@atlaskit/analytics-next';
 import { gridSize } from '@atlaskit/theme/constants';
 import { INTEGRATION_MODAL_SOURCE } from '../analytics/analytics';
@@ -44,11 +46,11 @@ function LazyShareForm(props) {
       defaultValue = props.defaultValue,
       showTitle = props.showTitle,
       orgId = props.orgId;
-  var footer = /*#__PURE__*/React.createElement("div", null, bottomMessage ? /*#__PURE__*/React.createElement("div", {
+  var footer = jsx("div", null, bottomMessage ? jsx("div", {
     css: {
       width: "".concat(gridSize() * 44, "px")
     }
-  }, bottomMessage) : null, customFooter && selectedIntegration === null && /*#__PURE__*/React.createElement("div", {
+  }, bottomMessage) : null, customFooter && selectedIntegration === null && jsx("div", {
     css: {
       margin: "0 ".concat(-gridSize() * 3, "px ").concat(-gridSize() * 2, "px ").concat(-gridSize() * 3, "px")
     }
@@ -56,19 +58,19 @@ function LazyShareForm(props) {
   React.useEffect(function () {
     setIsLoading(false);
   });
-  return /*#__PURE__*/React.createElement(ShareFormWrapper, {
+  return jsx(ShareFormWrapper, {
     footer: footer // form title will be determined by `title` and `showTitle` prop passed to `ShareForm`,
     // so we don't need to show title via ShareFormWrapper
     ,
     shouldShowTitle: false
-  }, showIntegrationForm && selectedIntegration !== null ? /*#__PURE__*/React.createElement(AnalyticsContext, {
+  }, showIntegrationForm && selectedIntegration !== null ? jsx(AnalyticsContext, {
     data: {
       source: INTEGRATION_MODAL_SOURCE
     }
-  }, /*#__PURE__*/React.createElement(IntegrationForm, {
+  }, jsx(IntegrationForm, {
     Content: selectedIntegration.Content,
     onIntegrationClose: onDialogClose
-  })) : /*#__PURE__*/React.createElement(ShareForm, {
+  })) : jsx(ShareForm, {
     copyLink: copyLink,
     loadOptions: loadOptions,
     title: shareFormTitle,

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

@@ -1,4 +1,6 @@
+/** @jsx jsx */
 import React from 'react';
+import { jsx } from '@emotion/react';
 import { lazyForPaint, LazySuspense } from 'react-loosely-lazy';
 import Spinner from '@atlaskit/spinner';
 import { ShareFormWrapper } from '../ShareFormWrapper';
@@ -17,11 +19,11 @@ var LoadingDialog = function LoadingDialog(_ref) {
   React.useEffect(function () {
     setIsLoading(true);
   });
-  return /*#__PURE__*/React.createElement(ShareFormWrapper, {
+  return jsx(ShareFormWrapper, {
     shareFormTitle: shareFormTitle // if `showTitle` is passed, we use it. Otherwise, we will show title for loading dialog.
     ,
     shouldShowTitle: typeof showTitle === 'boolean' ? showTitle : true
-  }, /*#__PURE__*/React.createElement("div", {
+  }, jsx("div", {
     css: {
       width: '100%',
       height: '100%',
@@ -29,15 +31,15 @@ var LoadingDialog = function LoadingDialog(_ref) {
       justifyContent: 'center',
       alignContent: 'center'
     }
-  }, /*#__PURE__*/React.createElement(Spinner, null)));
+  }, jsx(Spinner, null)));
 };
 
 export default (function (props) {
-  return /*#__PURE__*/React.createElement(LazySuspense, {
-    fallback: /*#__PURE__*/React.createElement(LoadingDialog, {
+  return jsx(LazySuspense, {
+    fallback: jsx(LoadingDialog, {
       shareFormTitle: props.shareFormTitle,
       showTitle: props.showTitle,
       setIsLoading: props.setIsLoading
     })
-  }, /*#__PURE__*/React.createElement(LazyShareFormLazy, props));
+  }, jsx(LazyShareFormLazy, props));
 });

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

@@ -10,7 +10,7 @@ var buildAttributes = function buildAttributes() {
   var attributes = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return _objectSpread({
     packageName: "@atlaskit/share",
-    packageVersion: "3.5.4"
+    packageVersion: "3.5.6"
   }, attributes);
 };
 

package/dist/esm/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/share",
-	"version": "3.5.4"
+	"version": "3.5.6"
 }

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import { jsx } from '@emotion/react';
 import type { LoadOptions } from '@atlaskit/smart-user-picker';
 import type { ShareData, ShareDialogWithTriggerProps, ShareDialogWithTriggerStates } from '../../types';
 import { IntegrationFormProps } from '../IntegrationForm';
@@ -16,5 +16,5 @@ export declare type LazyShareFormProps = Pick<ShareDialogWithTriggerProps, 'copy
  * A Share form content which is lazy-loaded.
  * Make sure this component is not exported inside main entry points `src/index.ts`
  */
-declare function LazyShareForm(props: LazyShareFormProps): JSX.Element;
+declare function LazyShareForm(props: LazyShareFormProps): jsx.JSX.Element;
 export default LazyShareForm;

package/dist/types/components/LazyShareForm/lazy.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import { jsx } from '@emotion/react';
 import type { LazyShareFormProps } from './LazyShareForm';
-declare const _default: (props: LazyShareFormProps) => JSX.Element;
+declare const _default: (props: LazyShareFormProps) => jsx.JSX.Element;
 export default _default;

package/dist/types/types/User.d.ts

@@ -1,5 +1,5 @@
 export declare type UserWithId = {
-    type: 'user' | 'group' | 'team';
+    type: 'user' | 'group' | 'team' | 'custom';
     id: string;
 };
 export declare type UserWithEmail = {

package/dist/types-ts4.0/components/LazyShareForm/LazyShareForm.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import { jsx } from '@emotion/react';
 import type { LoadOptions } from '@atlaskit/smart-user-picker';
 import type { ShareData, ShareDialogWithTriggerProps, ShareDialogWithTriggerStates } from '../../types';
 import { IntegrationFormProps } from '../IntegrationForm';
@@ -16,5 +16,5 @@ export declare type LazyShareFormProps = Pick<ShareDialogWithTriggerProps, 'copy
  * A Share form content which is lazy-loaded.
  * Make sure this component is not exported inside main entry points `src/index.ts`
  */
-declare function LazyShareForm(props: LazyShareFormProps): JSX.Element;
+declare function LazyShareForm(props: LazyShareFormProps): jsx.JSX.Element;
 export default LazyShareForm;

package/dist/types-ts4.0/components/LazyShareForm/lazy.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import { jsx } from '@emotion/react';
 import type { LazyShareFormProps } from './LazyShareForm';
-declare const _default: (props: LazyShareFormProps) => JSX.Element;
+declare const _default: (props: LazyShareFormProps) => jsx.JSX.Element;
 export default _default;

package/dist/types-ts4.0/types/User.d.ts

@@ -1,5 +1,5 @@
 export declare type UserWithId = {
-    type: 'user' | 'group' | 'team';
+    type: 'user' | 'group' | 'team' | 'custom';
     id: string;
 };
 export declare type UserWithEmail = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/share",
-  "version": "3.5.4",
+  "version": "3.5.6",
   "description": "Fabric Share Element",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -15,7 +15,8 @@
   "typesVersions": {
     ">=4.0 <4.5": {
       "*": [
-        "dist/types-ts4.0/*"
+        "dist/types-ts4.0/*",
+        "dist/types-ts4.0/index.d.ts"
       ]
     }
   },
@@ -38,21 +39,21 @@
   },
   "dependencies": {
     "@atlaskit/analytics-next": "^8.2.0",
-    "@atlaskit/button": "^16.3.0",
+    "@atlaskit/button": "^16.4.0",
     "@atlaskit/dropdown-menu": "^11.5.0",
-    "@atlaskit/form": "^8.5.0",
-    "@atlaskit/icon": "^21.10.0",
-    "@atlaskit/popup": "^1.4.0",
+    "@atlaskit/form": "^8.7.0",
+    "@atlaskit/icon": "^21.11.0",
+    "@atlaskit/popup": "^1.5.0",
     "@atlaskit/portal": "^4.0.0",
     "@atlaskit/smart-user-picker": "^6.0.0",
-    "@atlaskit/spinner": "^15.1.4",
+    "@atlaskit/spinner": "^15.2.0",
     "@atlaskit/tabs": "^13.3.0",
-    "@atlaskit/textarea": "^4.4.0",
+    "@atlaskit/textarea": "^4.5.0",
     "@atlaskit/theme": "^12.2.0",
     "@atlaskit/tokens": "^0.10.0",
-    "@atlaskit/tooltip": "^17.5.0",
+    "@atlaskit/tooltip": "^17.6.0",
     "@atlaskit/ufo": "^0.1.0",
-    "@atlaskit/user-picker": "^9.4.0",
+    "@atlaskit/user-picker": "^9.6.0",
     "@atlaskit/util-service-support": "^6.1.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",
@@ -70,10 +71,10 @@
     "@atlaskit/docs": "^9.0.0",
     "@atlaskit/editor-test-helpers": "^17.2.0",
     "@atlaskit/flag": "^14.7.0",
-    "@atlaskit/section-message": "^6.2.0",
+    "@atlaskit/section-message": "^6.3.0",
     "@atlaskit/select": "^15.7.0",
     "@atlaskit/toggle": "^12.5.0",
-    "@atlaskit/util-data-test": "^17.5.0",
+    "@atlaskit/util-data-test": "^17.6.0",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
     "enzyme": "^3.10.0",
     "enzyme-adapter-react-16": "^1.15.1",

package/report.api.md

@@ -1,12 +1,17 @@
+<!-- API Report Version: 2.3 -->
+
 ## API Report File for "@atlaskit/share"
 
-> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
+> Do not edit this file. This report is auto-generated using [API Extractor](https://api-extractor.com/).
+> [Learn more about API reports](https://hello.atlassian.net/wiki/spaces/UR/pages/1825484529/Package+API+Reports)
+
+### Table of contents
 
-<!--
-	Generated API Report version: 2.0
--->
+- [Main Entry Types](#main-entry-types)
 
-[Learn more about API reports](https://hello.atlassian.net/wiki/spaces/UR/pages/1825484529/Package+API+Reports)
+### Main Entry Types
+
+<!--SECTION START: Main Entry Types-->
 
 ```ts
 /// <reference types="react" />
@@ -28,7 +33,7 @@ export const ADMIN_NOTIFIED = 'admin-notified';
 
 // @public (undocumented)
 type Comment_2 = {
-  format: 'plain_text' | 'adf';
+  format: 'adf' | 'plain_text';
   value: string;
 };
 export { Comment_2 as Comment };
@@ -77,7 +82,7 @@ export type Flag = {
 };
 
 // @public (undocumented)
-export type FlagType = 'object-shared' | 'admin-notified';
+export type FlagType = 'admin-notified' | 'object-shared';
 
 // @public (undocumented)
 export type FormChildrenArgs<T> = {
@@ -102,7 +107,7 @@ type IntegrationContentProps = {
 };
 
 // @public (undocumented)
-type IntegrationMode = 'tabs' | 'split' | 'off';
+type IntegrationMode = 'off' | 'split' | 'tabs';
 
 // @public (undocumented)
 export type KeysOfType<T, TProp> = {
@@ -120,7 +125,7 @@ export type MessageDescriptor = {
 export type MetaData = {
   productId: string;
   atlOriginId: string;
-  shareeAction?: 'view' | 'edit';
+  shareeAction?: 'edit' | 'view';
 };
 
 // @public (undocumented)
@@ -137,7 +142,7 @@ export type OriginTracing = {
   addToUrl: (link: string) => string;
   toAnalyticsAttributes: (
     attrs: OriginAnalyticAttributes,
-  ) => OriginTracingWithIdGenerated | OriginTracingForSubSequentEvents;
+  ) => OriginTracingForSubSequentEvents | OriginTracingWithIdGenerated;
 };
 
 // @public (undocumented)
@@ -170,7 +175,7 @@ export type ProductId =
   | 'trello';
 
 // @public (undocumented)
-export type ProductName = 'jira' | 'confluence';
+export type ProductName = 'confluence' | 'jira';
 
 // @public (undocumented)
 type Props = {
@@ -178,7 +183,7 @@ type Props = {
   link: string;
   isDisabled?: boolean;
   copyTooltipText?: string;
-  children?: string | ReactElement;
+  children?: ReactElement | string;
   copyLinkButtonText: string;
   copiedToClipboardText: string;
   iconBefore?: ReactElement;
@@ -224,46 +229,46 @@ export const ShareDialogContainer: React_2.ForwardRefExoticComponent<
       WithAnalyticsEventsProps & ShareDialogContainerProps,
       keyof WithAnalyticsEventsProps
     >,
-    | 'onTriggerButtonClick'
-    | 'isAutoOpenDialog'
-    | 'shouldCloseOnEscapePress'
+    | 'bottomMessage'
+    | 'cloudId'
+    | 'copyTooltipText'
+    | 'customFooter'
     | 'dialogPlacement'
+    | 'dialogZIndex'
+    | 'formatCopyLink'
+    | 'integrationMode'
+    | 'isAutoOpenDialog'
+    | 'isCopyDisabled'
+    | 'isPublicLink'
     | 'loadUserOptions'
-    | 'onDialogOpen'
+    | 'loggedInAccountId'
     | 'onDialogClose'
+    | 'onDialogOpen'
+    | 'onTriggerButtonClick'
     | 'onUserSelectionChange'
+    | 'orgId'
+    | 'originTracingFactory'
+    | 'productId'
     | 'renderCustomTriggerButton'
+    | 'shareAri'
+    | 'shareClient'
     | 'shareContentType'
-    | 'shareFormTitle'
+    | 'shareFieldsFooter'
     | 'shareFormHelperMessage'
+    | 'shareFormTitle'
+    | 'shareIntegrations'
+    | 'shareLink'
+    | 'shareTitle'
+    | 'shortLinkData'
+    | 'shouldCloseOnEscapePress'
     | 'showFlags'
-    | 'loggedInAccountId'
+    | 'tabIndex'
     | 'triggerButtonAppearance'
     | 'triggerButtonIcon'
     | 'triggerButtonStyle'
     | 'triggerButtonTooltipPosition'
     | 'triggerButtonTooltipText'
-    | 'cloudId'
-    | 'bottomMessage'
-    | 'customFooter'
-    | 'isCopyDisabled'
-    | 'isPublicLink'
-    | 'integrationMode'
-    | 'shareFieldsFooter'
-    | 'shareIntegrations'
-    | 'shareAri'
-    | 'tabIndex'
-    | 'copyTooltipText'
-    | 'dialogZIndex'
-    | 'orgId'
-    | 'shareClient'
     | 'urlShortenerClient'
-    | 'shortLinkData'
-    | 'formatCopyLink'
-    | 'originTracingFactory'
-    | 'productId'
-    | 'shareLink'
-    | 'shareTitle'
     | 'useUrlShortener'
   > &
     Partial<
@@ -279,7 +284,7 @@ export const ShareDialogContainer: React_2.ForwardRefExoticComponent<
       Pick<
         {
           enableSmartUserPicker: boolean;
-          shareeAction: 'view' | 'edit';
+          shareeAction: 'edit' | 'view';
           product: string;
         },
         never
@@ -323,7 +328,7 @@ export type ShareDialogContainerProps = {
   triggerButtonTooltipText?: React.ReactNode;
   bottomMessage?: React.ReactNode;
   useUrlShortener?: boolean;
-  shareeAction?: 'view' | 'edit';
+  shareeAction?: 'edit' | 'view';
   product?: ProductName;
   customFooter?: React.ReactNode;
   onUserSelectionChange?: (value: Value) => void;
@@ -388,7 +393,7 @@ enum TabType {
 }
 
 // @public (undocumented)
-export type TooltipPosition = 'top' | 'right' | 'bottom' | 'left' | 'mouse';
+export type TooltipPosition = 'bottom' | 'left' | 'mouse' | 'right' | 'top';
 
 // @public (undocumented)
 interface UrlShortenerClient {
@@ -397,7 +402,7 @@ interface UrlShortenerClient {
 }
 
 // @public (undocumented)
-export type User = UserWithId | UserWithEmail;
+export type User = UserWithEmail | UserWithId;
 
 // @public (undocumented)
 export type UserWithEmail = {
@@ -407,9 +412,11 @@ export type UserWithEmail = {
 
 // @public (undocumented)
 export type UserWithId = {
-  type: 'user' | 'group' | 'team';
+  type: 'custom' | 'group' | 'team' | 'user';
   id: string;
 };
 
 // (No @packageDocumentation comment for this package)
 ```
+
+<!--SECTION END: Main Entry Types-->

package/tmp/api-report-tmp.d.ts

@@ -0,0 +1,318 @@
+## API Report File for "@atlaskit/share"
+
+> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
+
+```ts
+
+/// <reference types="react" />
+
+import type { Appearance } from '@atlaskit/button/types';
+import type { IconProps } from '@atlaskit/icon';
+import { jsx } from '@emotion/react';
+import type { LoadOptions } from '@atlaskit/smart-user-picker';
+import { OptionData } from '@atlaskit/smart-user-picker';
+import type { Placement } from '@atlaskit/popper';
+import { default as React_2 } from 'react';
+import { ReactElement } from 'react';
+import { TriggerProps } from '@atlaskit/popup';
+import type { Value } from '@atlaskit/smart-user-picker';
+import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+
+// @public (undocumented)
+export const ADMIN_NOTIFIED = "admin-notified";
+
+// @public (undocumented)
+type Comment_2 = {
+    format: 'adf' | 'plain_text';
+    value: string;
+};
+export { Comment_2 as Comment }
+
+// @public (undocumented)
+export type ConfigResponse = {
+    disableSharingToEmails?: boolean;
+};
+
+// @public (undocumented)
+export type Content = {
+    ari: string;
+    link: string;
+    title: string;
+    type: string;
+};
+
+// @public (undocumented)
+export class CopyLinkButton extends React_2.Component<Props, State> {
+    // (undocumented)
+    componentWillUnmount(): void;
+    // (undocumented)
+    render(): jsx.JSX.Element;
+    // (undocumented)
+    renderTriggerButton: (triggerProps: TriggerProps) => jsx.JSX.Element;
+    // (undocumented)
+    state: {
+        shouldShowCopiedMessage: boolean;
+    };
+}
+
+// @public (undocumented)
+export type DialogContentState = {
+    users: OptionData[];
+    comment: Comment_2;
+};
+
+// @public (undocumented)
+export type DialogPlacement = Placement;
+
+// @public (undocumented)
+export type Flag = {
+    appearance: 'success';
+    title: MessageDescriptor;
+    type: FlagType;
+};
+
+// @public (undocumented)
+export type FlagType = 'admin-notified' | 'object-shared';
+
+// @public (undocumented)
+export type FormChildrenArgs<T> = {
+    formProps: React.DetailedHTMLProps<React.FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>;
+    getValues: () => T;
+};
+
+// @public (undocumented)
+type Integration = {
+    type: string;
+    Icon: React.ComponentType;
+    Content: React.ComponentType<IntegrationContentProps>;
+};
+
+// @public (undocumented)
+type IntegrationContentProps = {
+    onClose: () => void;
+    changeTab?: (index: TabType) => void;
+};
+
+// @public (undocumented)
+type IntegrationMode = 'off' | 'split' | 'tabs';
+
+// @public (undocumented)
+export type KeysOfType<T, TProp> = {
+    [P in keyof T]: T[P] extends TProp ? P : never;
+}[keyof T];
+
+// @public (undocumented)
+export type MessageDescriptor = {
+    id: string;
+    description: string;
+    defaultMessage: string;
+};
+
+// @public (undocumented)
+export type MetaData = {
+    productId: string;
+    atlOriginId: string;
+    shareeAction?: 'edit' | 'view';
+};
+
+// @public (undocumented)
+export const OBJECT_SHARED = "object-shared";
+
+// @public (undocumented)
+export type OriginAnalyticAttributes = {
+    hasGeneratedId: boolean;
+};
+
+// @public (undocumented)
+export type OriginTracing = {
+    id: string;
+    addToUrl: (link: string) => string;
+    toAnalyticsAttributes: (attrs: OriginAnalyticAttributes) => OriginTracingForSubSequentEvents | OriginTracingWithIdGenerated;
+};
+
+// @public (undocumented)
+export type OriginTracingFactory = () => OriginTracing;
+
+// @public (undocumented)
+export type OriginTracingForSubSequentEvents = {
+    originId: string;
+    originProduct: string;
+};
+
+// @public (undocumented)
+export type OriginTracingWithIdGenerated = {
+    originIdGenerated: string;
+    originProduct: string;
+};
+
+// @public
+export type ProductId = 'bitbucket' | 'confluence' | 'jira-addon' | 'jira-core' | 'jira-platform' | 'jira-polaris' | 'jira-portfolio' | 'jira-servicedesk' | 'jira-software' | 'jira-unknown' | 'trello';
+
+// @public (undocumented)
+export type ProductName = 'confluence' | 'jira';
+
+// @public (undocumented)
+type Props = {
+    onLinkCopy?: (link: string) => void;
+    link: string;
+    isDisabled?: boolean;
+    copyTooltipText?: string;
+    children?: ReactElement | string;
+    copyLinkButtonText: string;
+    copiedToClipboardText: string;
+    iconBefore?: ReactElement;
+};
+
+// @public (undocumented)
+export type RenderCustomTriggerButton = (args: {
+    error?: ShareError;
+    isDisabled?: boolean;
+    isSelected?: boolean;
+    onClick: () => void;
+}, triggerProps: TriggerProps) => React.ReactNode;
+
+// @public (undocumented)
+export type ShareButtonStyle = 'icon-only' | 'icon-with-text' | 'text-only';
+
+// @public (undocumented)
+interface ShareClient {
+    // (undocumented)
+    getConfig(cloudId: string): Promise<ConfigResponse>;
+    // (undocumented)
+    share(content: Content, recipients: User[], metadata: MetaData, comment?: Comment_2): Promise<ShareResponse>;
+}
+
+// @public (undocumented)
+export type ShareContentState = {
+    users: User[];
+    comment?: Comment_2;
+};
+
+// @public (undocumented)
+export const ShareDialogContainer: React_2.ForwardRefExoticComponent<Pick<Omit<WithAnalyticsEventsProps & ShareDialogContainerProps, keyof WithAnalyticsEventsProps>, "bottomMessage" | "cloudId" | "copyTooltipText" | "customFooter" | "dialogPlacement" | "dialogZIndex" | "formatCopyLink" | "integrationMode" | "isAutoOpenDialog" | "isCopyDisabled" | "isPublicLink" | "loadUserOptions" | "loggedInAccountId" | "onDialogClose" | "onDialogOpen" | "onTriggerButtonClick" | "onUserSelectionChange" | "orgId" | "originTracingFactory" | "productId" | "renderCustomTriggerButton" | "shareAri" | "shareClient" | "shareContentType" | "shareFieldsFooter" | "shareFormHelperMessage" | "shareFormTitle" | "shareIntegrations" | "shareLink" | "shareTitle" | "shortLinkData" | "shouldCloseOnEscapePress" | "showFlags" | "tabIndex" | "triggerButtonAppearance" | "triggerButtonIcon" | "triggerButtonStyle" | "triggerButtonTooltipPosition" | "triggerButtonTooltipText" | "urlShortenerClient" | "useUrlShortener"> & Partial<Pick<Omit<WithAnalyticsEventsProps & ShareDialogContainerProps, keyof WithAnalyticsEventsProps>, "enableSmartUserPicker" | "product" | "shareeAction">> & Partial<Pick<{
+    enableSmartUserPicker: boolean;
+    shareeAction: "edit" | "view";
+    product: string;
+}, never>> & React_2.RefAttributes<any>>;
+
+// @public (undocumented)
+export type ShareDialogContainerProps = {
+    onTriggerButtonClick?: () => void;
+    onDialogOpen?: () => void;
+    onDialogClose?: () => void;
+    isAutoOpenDialog?: boolean;
+    shareClient?: ShareClient;
+    urlShortenerClient?: UrlShortenerClient;
+    shortLinkData?: ShortenRequest;
+    cloudId: string;
+    orgId?: string;
+    dialogPlacement?: DialogPlacement;
+    dialogZIndex?: number;
+    formatCopyLink?: (origin: OriginTracing, link: string) => string;
+    loadUserOptions?: LoadOptions;
+    originTracingFactory: OriginTracingFactory;
+    productId: ProductId;
+    renderCustomTriggerButton?: RenderCustomTriggerButton;
+    shareAri: string;
+    shareContentType: string;
+    shareLink?: string;
+    shareTitle: string;
+    shareFormTitle?: React.ReactNode;
+    shareFormHelperMessage?: string;
+    shouldCloseOnEscapePress?: boolean;
+    showFlags: (flags: Array<Flag>) => void;
+    enableSmartUserPicker?: boolean;
+    loggedInAccountId?: string;
+    triggerButtonAppearance?: Appearance;
+    triggerButtonIcon?: React.ComponentType<IconProps>;
+    triggerButtonStyle?: ShareButtonStyle;
+    triggerButtonTooltipPosition?: TooltipPosition;
+    triggerButtonTooltipText?: React.ReactNode;
+    bottomMessage?: React.ReactNode;
+    useUrlShortener?: boolean;
+    shareeAction?: 'edit' | 'view';
+    product?: ProductName;
+    customFooter?: React.ReactNode;
+    onUserSelectionChange?: (value: Value) => void;
+    shareFieldsFooter?: React.ReactNode;
+    isCopyDisabled?: boolean;
+    isPublicLink?: boolean;
+    integrationMode?: IntegrationMode;
+    shareIntegrations?: Array<Integration>;
+    tabIndex?: number;
+    copyTooltipText?: string;
+};
+
+// @public (undocumented)
+export type ShareError = {
+    message: string;
+};
+
+// @public (undocumented)
+export type ShareRequest = (content: Content, recipients: User[], metadata: MetaData, comment?: Comment_2) => Promise<ShareResponse>;
+
+// @public (undocumented)
+export type ShareResponse = {
+    shareRequestId: string;
+};
+
+// @public (undocumented)
+interface ShortenRequest {
+    // (undocumented)
+    cloudId?: string;
+    // (undocumented)
+    params: Record<string, string>;
+    // (undocumented)
+    product: string;
+    // (undocumented)
+    query?: string;
+    // (undocumented)
+    type: string;
+}
+
+// @public (undocumented)
+interface ShortenResponse {
+    // (undocumented)
+    shortUrl: string;
+}
+
+// @public (undocumented)
+type State = {
+    shouldShowCopiedMessage: boolean;
+};
+
+// @public (undocumented)
+enum TabType {
+    // (undocumented)
+    default = 0,
+    // (undocumented)
+    Slack = 1
+}
+
+// @public (undocumented)
+export type TooltipPosition = 'bottom' | 'left' | 'mouse' | 'right' | 'top';
+
+// @public (undocumented)
+interface UrlShortenerClient {
+    // (undocumented)
+    shorten(data: ShortenRequest): Promise<ShortenResponse>;
+}
+
+// @public (undocumented)
+export type User = UserWithEmail | UserWithId;
+
+// @public (undocumented)
+export type UserWithEmail = {
+    type: 'user';
+    email: string;
+};
+
+// @public (undocumented)
+export type UserWithId = {
+    type: 'custom' | 'group' | 'team' | 'user';
+    id: string;
+};
+
+// (No @packageDocumentation comment for this package)
+
+```