@atlaskit/share 4.2.1 → 4.2.3

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/share
 
+## 4.2.3
+
+### Patch Changes
+
+- [`d6d8c718bd8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d6d8c718bd8) - Internal change to enforce token usage for spacing properties. There is no expected visual or behaviour change.
+
+## 4.2.2
+
+### Patch Changes
+
+- [`9d00501a414`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9d00501a414) - Ensure legacy types are published for TS 4.5-4.8
+
 ## 4.2.1
 
 ### Patch Changes

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

@@ -19,6 +19,8 @@ var _utils = require("../utils");
 /** @jsx jsx */
 /** @jsxFrag */
 
+// eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
+
 /**
  * A Share form content which is lazy-loaded.
  * Make sure this component is not exported inside main entry points `src/index.ts`
@@ -64,7 +66,7 @@ function LazyShareForm(props) {
     }
   }, 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")
+      margin: "0 calc(-1 * ".concat("var(--ds-space-300, 24px)", ") calc(-1 * ", "var(--ds-space-200, 16px)", ") calc(-1 * ", "var(--ds-space-300, 24px)", ")")
     }
   }, customFooter));
   _react.default.useEffect(function () {

package/dist/cjs/components/ShareForm.js

@@ -24,7 +24,6 @@ var _form = _interopRequireDefault(require("@atlaskit/form"));
 var _error = _interopRequireDefault(require("@atlaskit/icon/glyph/error"));
 var _tabs = _interopRequireWildcard(require("@atlaskit/tabs"));
 var _colors = require("@atlaskit/theme/colors");
-var _constants = require("@atlaskit/theme/constants");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _i18n = require("../i18n");
 var _types = require("../types");
@@ -44,7 +43,7 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var submitButtonWrapperStyles = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  margin-left: auto;\n"])));
 var centerAlignedIconWrapperStyles = (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  align-self: center;\n  padding: 0 10px;\n\n  > div {\n    line-height: 1;\n  }\n"])));
-var formWrapperStyles = (0, _react2.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  margin-top: ", "px;\n  width: 100%;\n\n  /* jira has a class override font settings on h1 in gh-custom-field-pickers.css */\n  #ghx-modes-tools #ghx-share & h1:first-child {\n    margin-top: 0;\n  }\n"])), (0, _constants.gridSize)());
+var formWrapperStyles = (0, _react2.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  margin-top: ", ";\n  width: 100%;\n\n  /* jira has a class override font settings on h1 in gh-custom-field-pickers.css */\n  #ghx-modes-tools #ghx-share & h1:first-child {\n    margin-top: 0;\n  }\n"])), "var(--ds-space-100, 8px)");
 exports.formWrapperStyles = formWrapperStyles;
 var formFooterStyles = (0, _react2.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  justify-content: flex-start;\n"])));
 exports.formFooterStyles = formFooterStyles;

package/dist/cjs/components/ShareFormWrapper/styled.js

@@ -7,14 +7,13 @@ Object.defineProperty(exports, "__esModule", {
 exports.InlineDialogFormWrapper = exports.InlineDialogContentWrapper = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
-var _constants = require("@atlaskit/theme/constants");
 /** @jsx jsx */
 
 var InlineDialogFormWrapper = function InlineDialogFormWrapper(_ref) {
   var children = _ref.children;
   return (0, _react2.jsx)("div", {
     css: {
-      width: "".concat((0, _constants.gridSize)() * 44, "px")
+      width: "".concat(8 * 44, "px")
     }
   }, children);
 };
@@ -30,7 +29,7 @@ var InlineDialogContentWrapper = function InlineDialogContentWrapper(_ref2) {
   var children = _ref2.children;
   return (0, _react2.jsx)("div", {
     css: {
-      padding: "".concat((0, _constants.gridSize)() * 2, "px ").concat((0, _constants.gridSize)() * 3, "px")
+      padding: "var(--ds-space-200, 16px)".concat(" ", "var(--ds-space-300, 24px)")
     }
   }, children);
 };

package/dist/cjs/components/ShareHeader.js

@@ -9,14 +9,13 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
-var _constants = require("@atlaskit/theme/constants");
 var _typography = require("@atlaskit/theme/typography");
 var _i18n = require("../i18n");
 var _templateObject, _templateObject2;
 /** @jsx jsx */
 var headerWrapperStyles = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  justify-content: space-between;\n"])));
 var getFormHeaderTitleStyles = function getFormHeaderTitleStyles(theme) {
-  return (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n  line-height: ", "px;\n  margin-right: ", "px;\n  margin-top: ", "px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  > span {\n    font-size: initial;\n  }\n"])), (0, _typography.h500)(theme), (0, _constants.gridSize)() * 4, (0, _constants.gridSize)() * 4, (0, _constants.gridSize)() * 4);
+  return (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n  line-height: ", ";\n  margin-right: ", ";\n  margin-top: ", ";\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  > span {\n    font-size: initial;\n  }\n"])), (0, _typography.h500)(theme), "var(--ds-font-lineHeight-500, 32px)", "var(--ds-space-400, 32px)", "var(--ds-space-400, 32px)");
 };
 exports.getFormHeaderTitleStyles = getFormHeaderTitleStyles;
 var ShareHeader = function ShareHeader(_ref) {

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

package/dist/cjs/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/share",
-	"version": "4.2.1"
+	"version": "4.2.3"
 }

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

@@ -4,6 +4,7 @@ import React from 'react';
 import { jsx } from '@emotion/react';
 import { FormattedMessage } from 'react-intl-next';
 import { AnalyticsContext } from '@atlaskit/analytics-next';
+// eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
 import { gridSize } from '@atlaskit/theme/constants';
 import { messages } from '../../i18n';
 import { INTEGRATION_MODAL_SOURCE } from '../analytics/analytics';
@@ -61,7 +62,7 @@ function LazyShareForm(props) {
     }
   }, bottomMessage) : null, customFooter && selectedIntegration === null && jsx("div", {
     css: {
-      margin: `0 ${-gridSize() * 3}px ${-gridSize() * 2}px ${-gridSize() * 3}px`
+      margin: `0 calc(-1 * ${"var(--ds-space-300, 24px)"}) calc(-1 * ${"var(--ds-space-200, 16px)"}) calc(-1 * ${"var(--ds-space-300, 24px)"})`
     }
   }, customFooter));
   React.useEffect(() => {

package/dist/es2019/components/ShareForm.js

@@ -10,7 +10,6 @@ import Form from '@atlaskit/form';
 import ErrorIcon from '@atlaskit/icon/glyph/error';
 import Tabs, { Tab, TabList, TabPanel } from '@atlaskit/tabs';
 import { R400 } from '@atlaskit/theme/colors';
-import { gridSize } from '@atlaskit/theme/constants';
 import Tooltip from '@atlaskit/tooltip';
 import { messages } from '../i18n';
 import { TabType } from '../types';
@@ -34,7 +33,7 @@ const centerAlignedIconWrapperStyles = css`
   }
 `;
 export const formWrapperStyles = css`
-  margin-top: ${gridSize()}px;
+  margin-top: ${"var(--ds-space-100, 8px)"};
   width: 100%;
 
   /* jira has a class override font settings on h1 in gh-custom-field-pickers.css */

package/dist/es2019/components/ShareFormWrapper/styled.js

@@ -2,12 +2,11 @@
 
 import React from 'react';
 import { jsx } from '@emotion/react';
-import { gridSize } from '@atlaskit/theme/constants';
 export const InlineDialogFormWrapper = ({
   children
 }) => jsx("div", {
   css: {
-    width: `${gridSize() * 44}px`
+    width: `${8 * 44}px`
   }
 }, children);
 
@@ -21,6 +20,6 @@ export const InlineDialogContentWrapper = ({
   children
 }) => jsx("div", {
   css: {
-    padding: `${gridSize() * 2}px ${gridSize() * 3}px`
+    padding: `${"var(--ds-space-200, 16px)"} ${"var(--ds-space-300, 24px)"}`
   }
 }, children);

package/dist/es2019/components/ShareHeader.js

@@ -2,7 +2,6 @@
 import React from 'react';
 import { css, jsx, useTheme } from '@emotion/react';
 import { FormattedMessage } from 'react-intl-next';
-import { gridSize } from '@atlaskit/theme/constants';
 import { h500 } from '@atlaskit/theme/typography';
 import { messages } from '../i18n';
 const headerWrapperStyles = css`
@@ -11,9 +10,9 @@ const headerWrapperStyles = css`
 `;
 export const getFormHeaderTitleStyles = theme => css`
   ${h500(theme)}
-  line-height: ${gridSize() * 4}px;
-  margin-right: ${gridSize() * 4}px;
-  margin-top: ${gridSize() * 4}px;
+  line-height: ${"var(--ds-font-lineHeight-500, 32px)"};
+  margin-right: ${"var(--ds-space-400, 32px)"};
+  margin-top: ${"var(--ds-space-400, 32px)"};
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;

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

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

package/dist/es2019/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/share",
-	"version": "4.2.1"
+	"version": "4.2.3"
 }

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

@@ -4,6 +4,7 @@ import React from 'react';
 import { jsx } from '@emotion/react';
 import { FormattedMessage } from 'react-intl-next';
 import { AnalyticsContext } from '@atlaskit/analytics-next';
+// eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
 import { gridSize } from '@atlaskit/theme/constants';
 import { messages } from '../../i18n';
 import { INTEGRATION_MODAL_SOURCE } from '../analytics/analytics';
@@ -56,7 +57,7 @@ function LazyShareForm(props) {
     }
   }, bottomMessage) : null, customFooter && selectedIntegration === null && jsx("div", {
     css: {
-      margin: "0 ".concat(-gridSize() * 3, "px ").concat(-gridSize() * 2, "px ").concat(-gridSize() * 3, "px")
+      margin: "0 calc(-1 * ".concat("var(--ds-space-300, 24px)", ") calc(-1 * ", "var(--ds-space-200, 16px)", ") calc(-1 * ", "var(--ds-space-300, 24px)", ")")
     }
   }, customFooter));
   React.useEffect(function () {

package/dist/esm/components/ShareForm.js

@@ -22,7 +22,6 @@ import Form from '@atlaskit/form';
 import ErrorIcon from '@atlaskit/icon/glyph/error';
 import Tabs, { Tab, TabList, TabPanel } from '@atlaskit/tabs';
 import { R400 } from '@atlaskit/theme/colors';
-import { gridSize } from '@atlaskit/theme/constants';
 import Tooltip from '@atlaskit/tooltip';
 import { messages } from '../i18n';
 import { TabType } from '../types';
@@ -34,7 +33,7 @@ import { ShareHeader } from './ShareHeader';
 import { UserPickerField } from './UserPickerField';
 var submitButtonWrapperStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  margin-left: auto;\n"])));
 var centerAlignedIconWrapperStyles = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  align-self: center;\n  padding: 0 10px;\n\n  > div {\n    line-height: 1;\n  }\n"])));
-export var formWrapperStyles = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  margin-top: ", "px;\n  width: 100%;\n\n  /* jira has a class override font settings on h1 in gh-custom-field-pickers.css */\n  #ghx-modes-tools #ghx-share & h1:first-child {\n    margin-top: 0;\n  }\n"])), gridSize());
+export var formWrapperStyles = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  margin-top: ", ";\n  width: 100%;\n\n  /* jira has a class override font settings on h1 in gh-custom-field-pickers.css */\n  #ghx-modes-tools #ghx-share & h1:first-child {\n    margin-top: 0;\n  }\n"])), "var(--ds-space-100, 8px)");
 export var formFooterStyles = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: flex-start;\n"])));
 var formFieldStyles = css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  margin-bottom: 12px;\n"])));
 var integrationWrapperStyles = css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n"])));

package/dist/esm/components/ShareFormWrapper/styled.js

@@ -2,12 +2,11 @@
 
 import React from 'react';
 import { jsx } from '@emotion/react';
-import { gridSize } from '@atlaskit/theme/constants';
 export var InlineDialogFormWrapper = function InlineDialogFormWrapper(_ref) {
   var children = _ref.children;
   return jsx("div", {
     css: {
-      width: "".concat(gridSize() * 44, "px")
+      width: "".concat(8 * 44, "px")
     }
   }, children);
 };
@@ -22,7 +21,7 @@ export var InlineDialogContentWrapper = function InlineDialogContentWrapper(_ref
   var children = _ref2.children;
   return jsx("div", {
     css: {
-      padding: "".concat(gridSize() * 2, "px ").concat(gridSize() * 3, "px")
+      padding: "var(--ds-space-200, 16px)".concat(" ", "var(--ds-space-300, 24px)")
     }
   }, children);
 };

package/dist/esm/components/ShareHeader.js

@@ -4,12 +4,11 @@ var _templateObject, _templateObject2;
 import React from 'react';
 import { css, jsx, useTheme } from '@emotion/react';
 import { FormattedMessage } from 'react-intl-next';
-import { gridSize } from '@atlaskit/theme/constants';
 import { h500 } from '@atlaskit/theme/typography';
 import { messages } from '../i18n';
 var headerWrapperStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: space-between;\n"])));
 export var getFormHeaderTitleStyles = function getFormHeaderTitleStyles(theme) {
-  return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  ", "\n  line-height: ", "px;\n  margin-right: ", "px;\n  margin-top: ", "px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  > span {\n    font-size: initial;\n  }\n"])), h500(theme), gridSize() * 4, gridSize() * 4, gridSize() * 4);
+  return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  ", "\n  line-height: ", ";\n  margin-right: ", ";\n  margin-top: ", ";\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  > span {\n    font-size: initial;\n  }\n"])), h500(theme), "var(--ds-font-lineHeight-500, 32px)", "var(--ds-space-400, 32px)", "var(--ds-space-400, 32px)");
 };
 export var ShareHeader = function ShareHeader(_ref) {
   var title = _ref.title;

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

package/dist/esm/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/share",
-	"version": "4.2.1"
+	"version": "4.2.3"
 }

package/dist/types-ts4.5/clients/AtlassianUrlShortenerClient.d.ts

@@ -0,0 +1,16 @@
+export interface ShortenRequest {
+    cloudId?: string;
+    product: string;
+    type: string;
+    params: Record<string, string>;
+    originId?: string;
+}
+export interface ShortenResponse {
+    shortUrl: string;
+}
+export interface UrlShortenerClient {
+    shorten(data: ShortenRequest): Promise<ShortenResponse>;
+}
+export declare class AtlassianUrlShortenerClient implements UrlShortenerClient {
+    shorten(data: ShortenRequest): Promise<ShortenResponse>;
+}

package/dist/types-ts4.5/clients/ShareServiceClient.d.ts

@@ -0,0 +1,25 @@
+import { ServiceConfig } from '@atlaskit/util-service-support';
+import { Comment, Content, MetaData, User } from '../types';
+export interface ShareClient {
+    share(content: Content, recipients: User[], metadata: MetaData, comment?: Comment): Promise<ShareResponse>;
+    getConfig(cloudId: string): Promise<ConfigResponse>;
+}
+export type ShareRequest = (content: Content, recipients: User[], metadata: MetaData, comment?: Comment) => Promise<ShareResponse>;
+export type ShareResponse = {
+    shareRequestId: string;
+};
+export type ConfigResponse = {
+    disableSharingToEmails?: boolean;
+};
+export declare const DEFAULT_SHARE_PATH = "share";
+export declare const SHARE_CONFIG_PATH = "share/configuration";
+export declare const DEFAULT_SHARE_SERVICE_URL = "/gateway/api";
+export declare class ShareServiceClient implements ShareClient {
+    private serviceConfig;
+    constructor(serviceConfig?: Partial<ServiceConfig>);
+    getConfig(cloudId: string): Promise<ConfigResponse>;
+    /**
+     * To send a POST request to the share endpoint in Share service
+     */
+    share(content: Content, recipients: User[], metadata: MetaData, comment?: Comment): Promise<ShareResponse>;
+}

package/dist/types-ts4.5/clients/index.d.ts

@@ -0,0 +1,2 @@
+export { ShareServiceClient } from './ShareServiceClient';
+export type { ShareClient } from './ShareServiceClient';

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

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

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

@@ -0,0 +1,37 @@
+/** @jsx jsx */
+import React, { ReactElement } from 'react';
+import { jsx } from '@emotion/react';
+import { TriggerProps } from '@atlaskit/popup';
+export declare const AUTO_DISMISS_MS: number;
+export declare const messageContainerStyle: import("@emotion/react").SerializedStyles;
+type InputProps = {
+    text: string;
+};
+export declare const HiddenInput: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+export type Props = {
+    onLinkCopy?: (link: string) => void;
+    link: string;
+    isDisabled?: boolean;
+    copyTooltipText?: string;
+    children?: string | ReactElement;
+    copyLinkButtonText: string;
+    copiedToClipboardText: string;
+    iconBefore?: ReactElement;
+};
+export type State = {
+    shouldShowCopiedMessage: boolean;
+};
+export declare class CopyLinkButton extends React.Component<Props, State> {
+    private autoDismiss;
+    private inputRef;
+    state: {
+        shouldShowCopiedMessage: boolean;
+    };
+    componentWillUnmount(): void;
+    private clearAutoDismiss;
+    private handleClick;
+    private handleDismissCopiedMessage;
+    renderTriggerButton: (triggerProps: TriggerProps) => jsx.JSX.Element;
+    render(): jsx.JSX.Element;
+}
+export default CopyLinkButton;

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+declare const _default: React.ForwardRefExoticComponent<Omit<WithAnalyticsEventsProps, keyof WithAnalyticsEventsProps> & React.RefAttributes<any>>;
+export default _default;

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

@@ -0,0 +1,10 @@
+/** @jsx jsx */
+import React from 'react';
+import { CustomThemeButtonProps } from '@atlaskit/button/types';
+type Props = CustomThemeButtonProps & {
+    text: React.ReactNode;
+    IntegrationIcon: React.ComponentType;
+    textColor?: string;
+};
+declare const IntegrationButton: React.FC<Props>;
+export default IntegrationButton;

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

@@ -0,0 +1,11 @@
+/** @jsx jsx */
+import React from 'react';
+import { jsx } from '@emotion/react';
+import { IntegrationContentProps } from '../types';
+export declare const formWrapperStyle: import("@emotion/react").SerializedStyles;
+export type IntegrationFormProps = {
+    Content: React.ComponentType<IntegrationContentProps> | null;
+    onIntegrationClose?: () => void;
+    changeTab?: (index: number) => void;
+};
+export declare const IntegrationForm: ({ Content, onIntegrationClose, changeTab, }: IntegrationFormProps) => jsx.JSX.Element;

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

@@ -0,0 +1,20 @@
+import { jsx } from '@emotion/react';
+import type { LoadOptions } from '@atlaskit/smart-user-picker';
+import type { ShareData, ShareDialogWithTriggerProps, ShareDialogWithTriggerStates } from '../../types';
+import { IntegrationFormProps } from '../IntegrationForm';
+export type LazyShareFormProps = Pick<ShareDialogWithTriggerProps, 'copyLink' | 'config' | 'isFetchingConfig' | 'loadUserOptions' | 'shareFormTitle' | 'shareFormHelperMessage' | 'bottomMessage' | 'submitButtonLabel' | 'product' | 'customFooter' | 'enableSmartUserPicker' | 'loggedInAccountId' | 'cloudId' | 'shareFieldsFooter' | 'onUserSelectionChange' | 'isPublicLink' | 'copyTooltipText' | 'shareIntegrations' | 'integrationMode' | 'onDialogClose' | 'orgId' | 'isBrowseUsersDisabled'> & Pick<ShareDialogWithTriggerStates, 'showIntegrationForm' | 'selectedIntegration' | 'isSharing' | 'shareError' | 'defaultValue'> & Pick<IntegrationFormProps, 'Content'> & {
+    onLinkCopy: () => void;
+    onDismiss: (data: ShareData) => void;
+    onSubmit: (data: ShareData) => void;
+    onTabChange: (index: number) => void;
+    loadOptions?: LoadOptions;
+    selectPortalRef: any;
+    showTitle: boolean;
+    setIsLoading: (isLoading: boolean) => void;
+};
+/**
+ * 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.JSX.Element;
+export default LazyShareForm;

package/dist/types-ts4.5/components/LazyShareForm/index.d.ts

@@ -0,0 +1 @@
+export { default } from './LazyShareForm';

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

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

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import { WrappedComponentProps } from 'react-intl-next';
+export interface Props {
+    children: React.ReactChild;
+}
+declare const _default: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps<"intl">>> & {
+    WrappedComponent: React.ComponentType<Props & WrappedComponentProps<"intl">>;
+};
+export default _default;

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

@@ -0,0 +1,13 @@
+import React from 'react';
+import { Appearance } from '@atlaskit/button/types';
+export type Props = {
+    appearance?: Appearance;
+    iconBefore?: React.ReactChild;
+    isLoading?: boolean;
+    isSelected?: boolean;
+    isDisabled?: boolean;
+    onClick: (e: React.MouseEvent<HTMLElement>) => void;
+    text?: React.ReactNode;
+};
+export declare const ShareButton: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLElement>>;
+export default ShareButton;

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

@@ -0,0 +1,57 @@
+import React from 'react';
+import { AnalyticsEventPayload, WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+import { ShortenRequest } from '../clients/AtlassianUrlShortenerClient';
+import { ConfigResponse } from '../clients/ShareServiceClient';
+import type { OriginTracing, OriginTracingFactory, ShareData, ShareDialogContainerProps } from '../types';
+export declare const defaultConfig: ConfigResponse;
+export type State = {
+    config?: ConfigResponse;
+    isFetchingConfig: boolean;
+    shareActionCount: number;
+    currentPageUrl: string;
+    shortenedCopyLink: null | string;
+    shortenedCopyLinkData?: ShortenRequest;
+};
+/**
+ * This component serves as a Provider to provide customizable implementations
+ * to ShareDialogTrigger component
+ */
+export declare class ShareDialogContainerInternal extends React.Component<WithAnalyticsEventsProps & ShareDialogContainerProps, State> {
+    private shareClient;
+    private urlShortenerClient;
+    private _isMounted;
+    private _urlShorteningRequestCounter;
+    private _lastUrlShorteningWasTooSlow;
+    static defaultProps: {
+        enableSmartUserPicker: boolean;
+        shareeAction: "view" | "edit";
+        product: string;
+    };
+    constructor(props: ShareDialogContainerProps);
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    componentDidUpdate(prevProps: ShareDialogContainerProps): void;
+    private createAndFireEvent;
+    fetchConfig: () => void;
+    handleSubmitShare: ({ users, comment }: ShareData) => Promise<void>;
+    handleDialogOpen: () => Promise<void>;
+    decorateAnalytics: (payload: AnalyticsEventPayload) => AnalyticsEventPayload;
+    getUniqueCopyLinkOriginTracing: import("memoize-one").MemoizedFn<(link: string, originTracingFactory: OriginTracingFactory) => OriginTracing>;
+    getUniqueFormShareOriginTracing: import("memoize-one").MemoizedFn<(link: string, originTracingFactory: OriginTracingFactory, shareCount: number) => OriginTracing>;
+    getUpToDateShortenedCopyLink: (data: ShortenRequest, originId: string) => Promise<string | null>;
+    getRawLink(): string;
+    getCopyLinkOriginTracing(): OriginTracing;
+    getFormShareOriginTracing(): OriginTracing;
+    getFullCopyLink(): string;
+    shouldShortenCopyLink(): boolean;
+    getShortenedCopyLink(): string | undefined;
+    getCopyLink(): string;
+    updateShortCopyLink(): void;
+    getFormShareLink: () => string;
+    render(): JSX.Element;
+}
+export declare const ShareDialogContainer: React.ForwardRefExoticComponent<Pick<Omit<WithAnalyticsEventsProps & ShareDialogContainerProps, keyof WithAnalyticsEventsProps>, "onTriggerButtonClick" | "isAutoOpenDialog" | "shouldCloseOnEscapePress" | "dialogPlacement" | "loadUserOptions" | "onDialogOpen" | "onDialogClose" | "onUserSelectionChange" | "renderCustomTriggerButton" | "shareContentType" | "shareFormTitle" | "shareFormHelperMessage" | "showFlags" | "loggedInAccountId" | "triggerButtonAppearance" | "triggerButtonIcon" | "triggerButtonStyle" | "triggerButtonTooltipPosition" | "triggerButtonTooltipText" | "cloudId" | "bottomMessage" | "customFooter" | "isCopyDisabled" | "isPublicLink" | "integrationMode" | "shareFieldsFooter" | "shareIntegrations" | "shareAri" | "tabIndex" | "copyTooltipText" | "dialogZIndex" | "orgId" | "isBrowseUsersDisabled" | "shareClient" | "urlShortenerClient" | "shortLinkData" | "formatCopyLink" | "originTracingFactory" | "productId" | "shareLink" | "shareTitle" | "useUrlShortener"> & Partial<Pick<Omit<WithAnalyticsEventsProps & ShareDialogContainerProps, keyof WithAnalyticsEventsProps>, "enableSmartUserPicker" | "product" | "shareeAction">> & Partial<Pick<{
+    enableSmartUserPicker: boolean;
+    shareeAction: "view" | "edit";
+    product: string;
+}, never>> & React.RefAttributes<any>>;

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

@@ -0,0 +1,43 @@
+/** @jsx jsx */
+import React from 'react';
+import { jsx } from '@emotion/react';
+import { WrappedComponentProps } from 'react-intl-next';
+import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+import { TriggerProps } from '@atlaskit/popup';
+import { Integration, ShareData, ShareDialogWithTriggerProps, ShareDialogWithTriggerStates } from '../types';
+export declare const defaultShareContentState: ShareData;
+type ShareDialogWithTriggerInternalProps = ShareDialogWithTriggerProps & WrappedComponentProps & WithAnalyticsEventsProps;
+export declare class ShareDialogWithTriggerInternal extends React.PureComponent<ShareDialogWithTriggerInternalProps, ShareDialogWithTriggerStates> {
+    static defaultProps: Partial<ShareDialogWithTriggerProps>;
+    private containerRef;
+    /**
+     * Because the PopUp component has a higher zIndex it causes
+     * the select to be rendered within it, and add scrollbars.
+     * We will render the select options the PopUp outside,
+     */
+    private selectPortalRef;
+    private start;
+    state: ShareDialogWithTriggerStates;
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: ShareDialogWithTriggerProps): void;
+    private closeAndResetDialog;
+    private createAndFireEvent;
+    private onTabChange;
+    private getFlags;
+    private setIsLoading;
+    private focus;
+    private handleKeyDown;
+    private handleDialogOpen;
+    private onTriggerClick;
+    private handleCloseDialog;
+    private handleShareSubmit;
+    private handleFormDismiss;
+    handleCopyLink: () => void;
+    handleIntegrationClick: (integration: Integration) => void;
+    renderShareTriggerButton: (triggerProps: TriggerProps) => React.ReactNode;
+    handleOpenSplitButton: () => void;
+    handleCloseSplitButton: () => void;
+    render(): jsx.JSX.Element;
+}
+export declare const ShareDialogWithTrigger: React.ComponentType<ShareDialogWithTriggerProps>;
+export {};

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

@@ -0,0 +1,11 @@
+/** @jsx jsx */
+import React from 'react';
+import { WrappedComponentProps } from 'react-intl-next';
+import { FormChildrenArgs, ShareData, ShareFormProps, TabType } from '../types';
+export declare const formWrapperStyles: import("@emotion/react").SerializedStyles;
+export declare const formFooterStyles: import("@emotion/react").SerializedStyles;
+export type State = {
+    selectedTab: TabType;
+};
+export type InternalFormProps = FormChildrenArgs<ShareData> & ShareFormProps & WrappedComponentProps;
+export declare const ShareForm: React.FC<ShareFormProps>;

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

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+import { ShareDialogWithTriggerProps } from '../../types';
+export type ShareFormWrapperProps = Pick<ShareDialogWithTriggerProps, 'shareFormTitle'> & {
+    shouldShowTitle?: boolean;
+    children?: ReactNode;
+    footer?: ReactNode;
+};
+declare const ShareFormWrapper: ({ shareFormTitle, shouldShowTitle, children, footer, }: ShareFormWrapperProps) => JSX.Element;
+export default ShareFormWrapper;

package/dist/types-ts4.5/components/ShareFormWrapper/index.d.ts

@@ -0,0 +1 @@
+export { default as ShareFormWrapper } from './ShareFormWrapper';