@atlaskit/share 3.0.0 → 3.0.4

package/CHANGELOG.md

@@ -1,5 +1,29 @@
 # @atlaskit/share
 
+## 3.0.4
+
+### Patch Changes
+
+- [`1977f429d03`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1977f429d03) - Bug fixes
+
+## 3.0.3
+
+### Patch Changes
+
+- [`c05de712c4d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c05de712c4d) - Fixing bug where the prop onTabChange was not being passed to the ShareForm
+
+## 3.0.2
+
+### Patch Changes
+
+- [`f316529ecf5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f316529ecf5) - add accessible label for share button
+
+## 3.0.1
+
+### Patch Changes
+
+- [`97c7770541f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/97c7770541f) - Added updates to share to control tabs via code
+
 ## 3.0.0
 
 ### Major Changes

package/dist/cjs/components/CommentField.js

@@ -9,16 +9,17 @@ exports.CommentField = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
-var _fieldTextArea = _interopRequireDefault(require("@atlaskit/field-text-area"));
-
-var _form = require("@atlaskit/form");
-
 var _react = _interopRequireDefault(require("react"));
 
 var _reactIntlNext = require("react-intl-next");
 
+var _fieldTextArea = _interopRequireDefault(require("@atlaskit/field-text-area"));
+
+var _form = require("@atlaskit/form");
+
 var _i18n = require("../i18n");
 
+// eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
 var CommentField = function CommentField(_ref) {
   var defaultValue = _ref.defaultValue;
   var intl = (0, _reactIntlNext.useIntl)();

package/dist/cjs/components/CopyLinkButton.js

@@ -25,6 +25,14 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 
+var _react = _interopRequireDefault(require("react"));
+
+var _reactDeviceDetect = require("react-device-detect");
+
+var _reactIntlNext = require("react-intl-next");
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
 var _checkCircle = _interopRequireDefault(require("@atlaskit/icon/glyph/check-circle"));
 
 var _linkFilled = _interopRequireDefault(require("@atlaskit/icon/glyph/link-filled"));
@@ -37,20 +45,12 @@ var _constants = require("@atlaskit/theme/constants");
 
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 
-var _react = _interopRequireDefault(require("react"));
-
-var _reactIntlNext = require("react-intl-next");
-
-var _reactDeviceDetect = require("react-device-detect");
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _styles = _interopRequireDefault(require("./styles"));
-
 var _i18n = require("../i18n");
 
 var _styled = require("./ShareFormWrapper/styled");
 
+var _styles = _interopRequireDefault(require("./styles"));
+
 var _templateObject, _templateObject2;
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
@@ -86,6 +86,7 @@ function (props, ref) {
 
 exports.HiddenInput = HiddenInput;
 
+// eslint-disable-next-line @repo/internal/react/no-class-components
 var CopyLinkButton = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(CopyLinkButton, _React$Component);
 

package/dist/cjs/components/ErrorBoundary.js

@@ -31,6 +31,8 @@ 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; } }
 
+// ErrorBoundary does not support in functional component
+// eslint-disable-next-line @repo/internal/react/no-class-components
 var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(ErrorBoundary, _React$Component);
 

package/dist/cjs/components/IntegrationForm.js

@@ -26,9 +26,14 @@ var IntegrationForm = function IntegrationForm(_ref) {
       _ref$onIntegrationClo = _ref.onIntegrationClose,
       onIntegrationClose = _ref$onIntegrationClo === void 0 ? function () {
     return undefined;
-  } : _ref$onIntegrationClo;
+  } : _ref$onIntegrationClo,
+      _ref$changeTab = _ref.changeTab,
+      changeTab = _ref$changeTab === void 0 ? function () {
+    return undefined;
+  } : _ref$changeTab;
   return /*#__PURE__*/_react.default.createElement(FormWrapper, null, Content && /*#__PURE__*/_react.default.createElement(Content, {
-    onClose: onIntegrationClose
+    onClose: onIntegrationClose,
+    changeTab: changeTab
   }));
 };
 

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

@@ -11,16 +11,16 @@ var _react = _interopRequireDefault(require("react"));
 
 var _analyticsNext = require("@atlaskit/analytics-next");
 
-var _ShareForm = require("../ShareForm");
-
 var _analytics = require("../analytics");
 
 var _IntegrationForm = require("../IntegrationForm");
 
-var _styled = require("./styled");
+var _ShareForm = require("../ShareForm");
 
 var _ShareFormWrapper = require("../ShareFormWrapper");
 
+var _styled = require("./styled");
+
 /**
  * A Share form content which is lazy-loaded.
  * Make sure this component is not exported inside main entry points `src/index.ts`
@@ -49,6 +49,7 @@ function LazyShareForm(props) {
       onDismiss = props.onDismiss,
       onSubmit = props.onSubmit,
       onDialogClose = props.onDialogClose,
+      onTabChange = props.onTabChange,
       selectPortalRef = props.selectPortalRef,
       showIntegrationForm = props.showIntegrationForm,
       selectedIntegration = props.selectedIntegration,
@@ -97,7 +98,8 @@ function LazyShareForm(props) {
     onDismiss: onDismiss,
     onLinkCopy: onLinkCopy,
     onUserSelectionChange: onUserSelectionChange,
-    handleCloseDialog: onDialogClose
+    handleCloseDialog: onDialogClose,
+    onTabChange: onTabChange
   })));
 }
 

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

@@ -15,10 +15,10 @@ var _reactLooselyLazy = require("react-loosely-lazy");
 
 var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
 
-var _styled = require("./styled");
-
 var _ShareFormWrapper = require("../ShareFormWrapper");
 
+var _styled = require("./styled");
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || (0, _typeof2.default)(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

package/dist/cjs/components/ShareButton.js

@@ -11,10 +11,10 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
-var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
-
 var _react = _interopRequireDefault(require("react"));
 
+var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
+
 var ShareButton = /*#__PURE__*/_react.default.forwardRef(function ShareButton(_ref, ref) {
   var text = _ref.text,
       props = (0, _objectWithoutProperties2.default)(_ref, ["text"]);

package/dist/cjs/components/ShareDialogContainer.js

@@ -25,16 +25,18 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-var _analyticsNext = require("@atlaskit/analytics-next");
+var _react = _interopRequireDefault(require("react"));
 
-var _memoizeOne = _interopRequireDefault(require("memoize-one"));
+var _fastDeepEqual = _interopRequireDefault(require("fast-deep-equal"));
 
-var _react = _interopRequireDefault(require("react"));
+var _memoizeOne = _interopRequireDefault(require("memoize-one"));
 
 var _reactIntlNext = require("react-intl-next");
 
 var _tinyInvariant = _interopRequireDefault(require("tiny-invariant"));
 
+var _analyticsNext = require("@atlaskit/analytics-next");
+
 var _AtlassianUrlShortenerClient = require("../clients/AtlassianUrlShortenerClient");
 
 var _ShareServiceClient = require("../clients/ShareServiceClient");
@@ -43,16 +45,14 @@ var _i18n = require("../i18n");
 
 var _analytics = require("./analytics");
 
+var _ErrorBoundary = _interopRequireDefault(require("./ErrorBoundary"));
+
 var _MessagesIntlProvider = _interopRequireDefault(require("./MessagesIntlProvider"));
 
 var _ShareDialogWithTrigger = require("./ShareDialogWithTrigger");
 
 var _utils = require("./utils");
 
-var _ErrorBoundary = _interopRequireDefault(require("./ErrorBoundary"));
-
-var _fastDeepEqual = _interopRequireDefault(require("fast-deep-equal"));
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
@@ -77,6 +77,7 @@ function getCurrentPageUrl() {
  * This component serves as a Provider to provide customizable implementations
  * to ShareDialogTrigger component
  */
+// eslint-disable-next-line @repo/internal/react/no-class-components
 
 
 var ShareDialogContainerInternal = /*#__PURE__*/function (_React$Component) {

package/dist/cjs/components/ShareDialogWithTrigger.js

@@ -27,9 +27,11 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 
 var _react = _interopRequireDefault(require("react"));
 
-var _analyticsNext = require("@atlaskit/analytics-next");
+var _reactIntlNext = require("react-intl-next");
 
-var _SplitButton = _interopRequireDefault(require("./SplitButton"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _analyticsNext = require("@atlaskit/analytics-next");
 
 var _share = _interopRequireDefault(require("@atlaskit/icon/glyph/share"));
 
@@ -37,13 +39,9 @@ var _popup = _interopRequireDefault(require("@atlaskit/popup"));
 
 var _portal = _interopRequireDefault(require("@atlaskit/portal"));
 
-var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
-
 var _constants = require("@atlaskit/theme/constants");
 
-var _reactIntlNext = require("react-intl-next");
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 
 var _i18n = require("../i18n");
 
@@ -51,11 +49,13 @@ var _types = require("../types");
 
 var _analytics = require("./analytics");
 
+var _lazy = _interopRequireDefault(require("./LazyShareForm/lazy"));
+
 var _ShareButton = _interopRequireDefault(require("./ShareButton"));
 
-var _utils = require("./utils");
+var _SplitButton = _interopRequireDefault(require("./SplitButton"));
 
-var _lazy = _interopRequireDefault(require("./LazyShareForm/lazy"));
+var _utils = require("./utils");
 
 var _templateObject;
 
@@ -78,6 +78,7 @@ var defaultShareContentState = {
 };
 exports.defaultShareContentState = defaultShareContentState;
 
+// eslint-disable-next-line @repo/internal/react/no-class-components
 var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureComponent) {
   (0, _inherits2.default)(ShareDialogWithTriggerInternal, _React$PureComponent);
 
@@ -344,9 +345,10 @@ var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureComponent
         button = /*#__PURE__*/_react.default.createElement(_ShareButton.default, (0, _extends2.default)({
           appearance: triggerButtonAppearance,
           text: triggerButtonStyle !== 'icon-only' ? /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _i18n.messages.shareTriggerButtonText) : null,
+          "aria-label": formatMessage(_i18n.messages.shareTriggerButtonText),
           onClick: _this.onTriggerClick,
           iconBefore: triggerButtonStyle !== 'text-only' ? /*#__PURE__*/_react.default.createElement(ShareButtonIcon, {
-            label: formatMessage(_i18n.messages.shareTriggerButtonIconLabel)
+            label: ""
           }) : undefined,
           isSelected: isDialogOpen,
           isDisabled: isDisabled

package/dist/cjs/components/ShareForm.js

@@ -29,36 +29,38 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 
 var _react = _interopRequireDefault(require("react"));
 
+var _reactIntlNext = require("react-intl-next");
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
 var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
 
 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 _tabs = _interopRequireWildcard(require("@atlaskit/tabs"));
-
-var _reactIntlNext = require("react-intl-next");
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _i18n = require("../i18n");
 
+var _types = require("../types");
+
 var _CommentField = require("./CommentField");
 
 var _CopyLinkButton = _interopRequireDefault(require("./CopyLinkButton"));
 
+var _IntegrationForm = require("./IntegrationForm");
+
 var _ShareHeader = require("./ShareHeader");
 
 var _UserPickerField = require("./UserPickerField");
 
-var _IntegrationForm = require("./IntegrationForm");
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -91,7 +93,7 @@ var FormField = _styledComponents.default.div(_templateObject5 || (_templateObje
 
 var IntegrationWrapper = _styledComponents.default.div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  align-items: center;\n"])));
 
-var IntegrationIconWrapper = _styledComponents.default.span(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n  margin-right: 5px;\n"])));
+var IntegrationIconWrapper = _styledComponents.default.span(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n  margin-bottom: -2px;\n  margin-right: 5px;\n"])));
 
 var integrationTabText = function integrationTabText(integrationName) {
   return /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _i18n.messages.shareInIntegrationButtonText, {
@@ -101,6 +103,7 @@ var integrationTabText = function integrationTabText(integrationName) {
   }));
 };
 
+// eslint-disable-next-line @repo/internal/react/no-class-components
 var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
   (0, _inherits2.default)(InternalForm, _React$PureComponent);
 
@@ -116,6 +119,9 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
     }
 
     _this = _super.call.apply(_super, [this].concat(args));
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
+      selectedTab: _types.TabType.default
+    });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderShareForm", function () {
       var _this$props = _this.props,
           formProps = _this$props.formProps,
@@ -208,6 +214,11 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
       var productShareType = product === 'jira' ? _objectSpread({}, _i18n.messages.shareMainTabTextJira) : _objectSpread({}, _i18n.messages.shareMainTabTextConfluence);
       return /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, productShareType);
     });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "changeTab", function (tab) {
+      _this.setState({
+        selectedTab: tab
+      });
+    });
     return _this;
   }
 
@@ -225,6 +236,8 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
   }, {
     key: "render",
     value: function render() {
+      var _this2 = this;
+
       var _this$props5 = this.props,
           _this$props5$integrat = _this$props5.integrationMode,
           integrationMode = _this$props5$integrat === void 0 ? 'off' : _this$props5$integrat,
@@ -242,8 +255,11 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
         return /*#__PURE__*/_react.default.createElement(_tabs.default, {
           id: "ShareForm-Tabs-Integrations",
           onChange: function onChange(index) {
+            _this2.changeTab(index);
+
             onTabChange === null || onTabChange === void 0 ? void 0 : onTabChange(index);
-          }
+          },
+          selected: this.state.selectedTab
         }, /*#__PURE__*/_react.default.createElement(_tabs.TabList, null, /*#__PURE__*/_react.default.createElement(_tabs.Tab, {
           key: "share-tab-default"
         }, this.renderMainTabTitle()), /*#__PURE__*/_react.default.createElement(_tabs.Tab, {
@@ -260,6 +276,9 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
           Content: firstIntegration.Content,
           onIntegrationClose: function onIntegrationClose() {
             return handleCloseDialog === null || handleCloseDialog === void 0 ? void 0 : handleCloseDialog();
+          },
+          changeTab: function changeTab(index) {
+            _this2.changeTab(index);
           }
         }))));
       }

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

@@ -9,10 +9,10 @@ exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _styled = require("./styled");
-
 var _ShareHeader = require("../ShareHeader");
 
+var _styled = require("./styled");
+
 var ShareFormWrapper = function ShareFormWrapper(_ref) {
   var shareFormTitle = _ref.shareFormTitle,
       shouldShowTitle = _ref.shouldShowTitle,

package/dist/cjs/components/UserPickerField.js

@@ -25,20 +25,20 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
-var _form = require("@atlaskit/form");
-
-var _userPicker = _interopRequireWildcard(require("@atlaskit/user-picker"));
-
 var _react = _interopRequireDefault(require("react"));
 
 var _reactIntlNext = require("react-intl-next");
 
-var _i18n = require("../i18n");
+var _form = require("@atlaskit/form");
 
-var _utils = require("./utils");
+var _userPicker = _interopRequireWildcard(require("@atlaskit/user-picker"));
+
+var _i18n = require("../i18n");
 
 var _styles = require("./styles");
 
+var _utils = require("./utils");
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -105,7 +105,8 @@ var requiredMessagesWithoutEmail = {
 var getRequiredMessage = function getRequiredMessage(product, allowEmail) {
   var messages = allowEmail ? requiredMessagesWithEmail : requiredMessagesWithoutEmail;
   return messages[product];
-};
+}; // eslint-disable-next-line @repo/internal/react/no-class-components
+
 
 var UserPickerFieldComponent = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(UserPickerFieldComponent, _React$Component);

package/dist/cjs/components/colorSlackIcon.js

@@ -0,0 +1,67 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var SlackIcon = function SlackIcon() {
+  return /*#__PURE__*/_react.default.createElement("svg", {
+    width: "16",
+    height: "16",
+    viewBox: "0 0 125 125"
+  }, /*#__PURE__*/_react.default.createElement("style", null, '.prefix__st0{fill:#e01e5a}.prefix__st1{fill:#36c5f0}.prefix__st2{fill:#2eb67d}.prefix__st3{fill:#ecb22e}'), /*#__PURE__*/_react.default.createElement("path", {
+    fill: "none",
+    id: "prefix__canvas_background",
+    d: "M-1-1h127v127H-1z"
+  }), /*#__PURE__*/_react.default.createElement("g", null, /*#__PURE__*/_react.default.createElement("g", {
+    id: "prefix__svg_1"
+  }, /*#__PURE__*/_react.default.createElement("g", {
+    id: "prefix__svg_2"
+  }, /*#__PURE__*/_react.default.createElement("path", {
+    id: "prefix__svg_3",
+    d: "M27.4 79.2c0 7.1-5.8 12.9-12.9 12.9-7.1 0-12.9-5.8-12.9-12.9 0-7.1 5.8-12.9 12.9-12.9h12.9v12.9z",
+    className: "prefix__st0"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    id: "prefix__svg_4",
+    d: "M33.9 79.2c0-7.1 5.8-12.9 12.9-12.9s12.9 5.8 12.9 12.9v32.3c0 7.1-5.8 12.9-12.9 12.9s-12.9-5.8-12.9-12.9V79.2z",
+    className: "prefix__st0"
+  })), /*#__PURE__*/_react.default.createElement("g", {
+    id: "prefix__svg_5"
+  }, /*#__PURE__*/_react.default.createElement("path", {
+    id: "prefix__svg_6",
+    d: "M46.8 27.4c-7.1 0-12.9-5.8-12.9-12.9 0-7.1 5.8-12.9 12.9-12.9s12.9 5.8 12.9 12.9v12.9H46.8z",
+    className: "prefix__st1"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    id: "prefix__svg_7",
+    d: "M46.8 33.9c7.1 0 12.9 5.8 12.9 12.9s-5.8 12.9-12.9 12.9H14.5c-7.1 0-12.9-5.8-12.9-12.9s5.8-12.9 12.9-12.9h32.3z",
+    className: "prefix__st1"
+  })), /*#__PURE__*/_react.default.createElement("g", {
+    id: "prefix__svg_8"
+  }, /*#__PURE__*/_react.default.createElement("path", {
+    id: "prefix__svg_9",
+    d: "M98.6 46.8c0-7.1 5.8-12.9 12.9-12.9 7.1 0 12.9 5.8 12.9 12.9s-5.8 12.9-12.9 12.9H98.6V46.8z",
+    className: "prefix__st2"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    id: "prefix__svg_10",
+    d: "M92.1 46.8c0 7.1-5.8 12.9-12.9 12.9-7.1 0-12.9-5.8-12.9-12.9V14.5c0-7.1 5.8-12.9 12.9-12.9 7.1 0 12.9 5.8 12.9 12.9v32.3z",
+    className: "prefix__st2"
+  })), /*#__PURE__*/_react.default.createElement("g", {
+    id: "prefix__svg_11"
+  }, /*#__PURE__*/_react.default.createElement("path", {
+    id: "prefix__svg_12",
+    d: "M79.2 98.6c7.1 0 12.9 5.8 12.9 12.9 0 7.1-5.8 12.9-12.9 12.9-7.1 0-12.9-5.8-12.9-12.9V98.6h12.9z",
+    className: "prefix__st3"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    id: "prefix__svg_13",
+    d: "M79.2 92.1c-7.1 0-12.9-5.8-12.9-12.9 0-7.1 5.8-12.9 12.9-12.9h32.3c7.1 0 12.9 5.8 12.9 12.9 0 7.1-5.8 12.9-12.9 12.9H79.2z",
+    className: "prefix__st3"
+  })))));
+};
+
+var _default = SlackIcon;
+exports.default = _default;

package/dist/cjs/components/utils.js

@@ -5,10 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.zIndexAddition = exports.optionDataToUsers = exports.getMenuPortalTargetCurrentHTML = exports.generateSelectZIndex = exports.allowEmails = void 0;
 
-var _theme = require("@atlaskit/theme");
-
-// AFP-2532 TODO: Fix automatic suppressions below
-// eslint-disable-next-line @atlassian/tangerine/import/entry-points
+var _constants = require("@atlaskit/theme/constants");
 
 /**
  * We need to generate correct zIndex, for the PopUp and for the Select inside it.
@@ -23,7 +20,7 @@ var generateSelectZIndex = function generateSelectZIndex(dialogZIndex) {
   // If user provided non-number value for zIndex, ignore and return undefined,
   // which will default to `layers.layer()` inside PopUp
   if (typeof dialogZIndex !== 'number' || !dialogZIndex) {
-    return _theme.layers.modal() + zIndexAddition;
+    return _constants.layers.modal() + zIndexAddition;
   }
 
   return dialogZIndex + zIndexAddition;

package/dist/cjs/i18n/cs.js

@@ -38,6 +38,7 @@ var _default = {
   'fabric.elements.share.form.user-picker.validation.required.existingUserOnly': 'Vyberte alespoň jednoho uživatele, skupinu nebo tým.',
   'fabric.elements.share.form.user-picker.validation.required.jira': 'Vyberte alespoň jednoho uživatele, tým nebo e-mail.',
   'fabric.elements.share.form.user-picker.validation.required.jira.existingUserOnly': 'Vyberte alespoň jednoho uživatele nebo tým.',
+  'fabric.elements.share.in.integration.button': 'Sdílet v: {integrationName}',
   'fabric.elements.share.success.message': '{object, select, blogpost {Příspěvek na blogu je sdílen} board {Board je sdílen} calendar {Kalendář je sdílen} draft {Koncept je sdílen} filter {Filtr je sdílen} issue {Požadavek je sdílen} media {Multimediální soubor je sdílen} page {Stránka je sdílena} project {Projekt je sdílen} pullrequest {Pull request je sdílen} question {Otázka je sdílena} report {Sestava je sdílena} repository {Repozitář je sdílen} request {Žádost je sdílena} roadmap {Plán je sdílen} site {Web je sdílen} space {Prostor je sdílen} other {Odkaz je sdílen}}',
   'fabric.elements.share.to.integration.button': 'Sdílet ve službě {integrationName}',
   'fabric.elements.share.trigger.button.icon.label': 'Ikona sdílení',

package/dist/cjs/i18n/de.js

@@ -38,6 +38,7 @@ var _default = {
   'fabric.elements.share.form.user-picker.validation.required.existingUserOnly': 'Wählen Sie mindestens einen Benutzer, eine Gruppe oder ein Team aus.',
   'fabric.elements.share.form.user-picker.validation.required.jira': 'Bitte wählen Sie mindestens einen Benutzer, ein Team oder eine E-Mail-Adresse aus.',
   'fabric.elements.share.form.user-picker.validation.required.jira.existingUserOnly': 'Wählen Sie mindestens einen Benutzer oder ein Team aus.',
+  'fabric.elements.share.in.integration.button': 'In {integrationName} teilen',
   'fabric.elements.share.success.message': '{object, select, blogpost {Geteilter Blogpost} board {Geteiltes Board} calendar {Geteilter Kalender} draft {Geteilter Entwurf} filter {Geteilter Filter} issue {Geteilter Vorgang} media {Geteilte Medien} page {Geteilte Seite} project {Geteiltes Projekt} pullrequest {Geteilte Pull-Anfrage} question {Geteilte Frage} report {Geteilter Bericht} repository {Geteiltes Repository} request {Geteilte Anfrage} roadmap {Geteilte Roadmap} site {Geteilte Site} space {Geteilter Bereich} other {Geteilter Link}}',
   'fabric.elements.share.to.integration.button': 'Mit {integrationName} teilen',
   'fabric.elements.share.trigger.button.icon.label': 'Teilen-Symbol',

package/dist/cjs/i18n/fr.js

@@ -38,6 +38,7 @@ var _default = {
   'fabric.elements.share.form.user-picker.validation.required.existingUserOnly': 'Sélectionnez au moins un utilisateur, un groupe ou une équipe.',
   'fabric.elements.share.form.user-picker.validation.required.jira': 'Sélectionnez au moins un utilisateur, une équipe ou une adresse e-mail.',
   'fabric.elements.share.form.user-picker.validation.required.jira.existingUserOnly': 'Sélectionnez au moins un utilisateur ou une équipe.',
+  'fabric.elements.share.in.integration.button': 'Partager dans {integrationName}',
   'fabric.elements.share.success.message': '{object, select, blogpost {Billet de blog partagé} board {Tableau partagé} calendar {Calendrier partagé} draft {Brouillon partagé} filter {Filtre partagé} issue {Ticket partagé} media {Support partagé} page {Page partagée} project {Projet partagé} pullrequest {Pull request partagée} question {Question partagée} report {Rapport partagé} repository {Dépôt partagé} request {Demande partagée} roadmap {Feuille de route partagée} site {Site partagé} space {Espace partagé} other {Lien partagé}}',
   'fabric.elements.share.to.integration.button': 'Partager avec {integrationName}',
   'fabric.elements.share.trigger.button.icon.label': 'Icône de partage',

package/dist/cjs/i18n/pl.js

@@ -38,6 +38,7 @@ var _default = {
   'fabric.elements.share.form.user-picker.validation.required.existingUserOnly': 'Wybierz co najmniej jednego użytkownika, jedną grupę lub jeden zespół.',
   'fabric.elements.share.form.user-picker.validation.required.jira': 'Wybierz co najmniej jednego użytkownika, jeden zespół lub adres e-mail.',
   'fabric.elements.share.form.user-picker.validation.required.jira.existingUserOnly': 'Wybierz co najmniej jednego użytkownika lub jeden zespół.',
+  'fabric.elements.share.in.integration.button': 'Udostępnij w {integrationName}',
   'fabric.elements.share.success.message': '{object, select, blogpost {Udostępniono wpis na blogu} board {Udostępniono tablicę} calendar {Udostępniono kalendarz} draft {Udostępniono wersję roboczą} filter {Udostępniono filtr} issue {Udostępniono zgłoszenie} media {Udostępniono media} page {Udostępniono stronę} project {Udostępniono projekt} pullrequest {Udostępniono pull request} question {Udostępniono pytanie} report {Udostępniono raport} repository {Udostępniono repozytorium} request {Udostępniono wniosek} roadmap {Udostępniono harmonogram} site {Udostępniono witrynę} space {Udostępniono przestrzeń} other {Udostępniono łącze}}',
   'fabric.elements.share.to.integration.button': 'Udostępnij w {integrationName}',
   'fabric.elements.share.trigger.button.icon.label': 'Ikona udostępniania',

package/dist/cjs/i18n/pt_BR.js

@@ -38,6 +38,7 @@ var _default = {
   'fabric.elements.share.form.user-picker.validation.required.existingUserOnly': 'Selecione pelo menos um usuário, grupo ou equipe.',
   'fabric.elements.share.form.user-picker.validation.required.jira': 'Selecione pelo menos um usuário, equipe ou e-mail.',
   'fabric.elements.share.form.user-picker.validation.required.jira.existingUserOnly': 'Selecione pelo menos um usuário ou equipe.',
+  'fabric.elements.share.in.integration.button': 'Compartilhar em {integrationName}',
   'fabric.elements.share.success.message': '{object, select, blogpost {Postagem de blog compartilhada} board {Painel compartilhado} calendar {Calendário compartilhado} draft {Rascunho compartilhado} filter {Filtro compartilhado} issue {Item compartilhado} media {Mídia compartilhada} page {Página compartilhada} project {Projeto compartilhado} pullrequest {Solicitação pull compartilhada} question {Pergunta compartilhada} report {Relatório compartilhado} repository {Repositório compartilhado} request {Solicitação compartilhada} roadmap {Roteiro compartilhado} site {Site compartilhado} space {Espaço compartilhado} other {Link compartilhado}}',
   'fabric.elements.share.to.integration.button': 'Compartilhar em {integrationName}',
   'fabric.elements.share.trigger.button.icon.label': 'Ícone de compartilhamento',

package/dist/cjs/i18n/ru.js

@@ -38,6 +38,7 @@ var _default = {
   'fabric.elements.share.form.user-picker.validation.required.existingUserOnly': 'Выберите хотя бы 1 пользователя, группу или команду.',
   'fabric.elements.share.form.user-picker.validation.required.jira': 'Выберите хотя бы 1 пользователя, команду или адрес эл. почты.',
   'fabric.elements.share.form.user-picker.validation.required.jira.existingUserOnly': 'Выберите хотя бы 1 пользователя или команду.',
+  'fabric.elements.share.in.integration.button': 'Поделиться в {integrationName}',
   'fabric.elements.share.success.message': '{object, select, blogpost {Вы поделились записью в блоге} board {Вы поделились доской} calendar {Вы поделились календарем} draft {Вы поделились черновиком} filter {Вы поделились фильтром} issue {Вы поделились задачей} media {Вы поделились объектом мультимедиа} page {Вы поделились страницей} project {Вы поделились проектом} pullrequest {Вы поделились запросом pull} question {Вы поделились вопросом} report {Вы поделились отчетом} repository {Вы поделились репозиторием} request {Вы поделились запросом} roadmap {Вы поделились дорожной картой} site {Вы поделились сайтом} space {Вы поделились разделом} other {Вы поделились ссылкой}}',
   'fabric.elements.share.to.integration.button': 'Поделиться в {integrationName}',
   'fabric.elements.share.trigger.button.icon.label': 'Значок «Поделиться»',

package/dist/cjs/i18n/tr.js

@@ -38,6 +38,7 @@ var _default = {
   'fabric.elements.share.form.user-picker.validation.required.existingUserOnly': 'En az bir kullanıcı, grup veya takım seçin.',
   'fabric.elements.share.form.user-picker.validation.required.jira': 'En az bir kullanıcı, takım veya e-posta adresi seçin.',
   'fabric.elements.share.form.user-picker.validation.required.jira.existingUserOnly': 'En az bir kullanıcı veya takım seçin.',
+  'fabric.elements.share.in.integration.button': '{integrationName} içinde paylaş',
   'fabric.elements.share.success.message': '{object, select, blogpost {Blog gönderisi paylaşıldı} board {Pano paylaşıldı} calendar {Takvim paylaşıldı} draft {Taslak paylaşıldı} filter {Filtre paylaşıldı} issue {Konu paylaşıldı} media {Medya paylaşıldı} page {Sayfa paylaşıldı} project {Proje paylaşıldı} pullrequest {Çekme İsteği paylaşıldı} question {Soru paylaşıldı} report {Rapor paylaşıldı} repository {Depo paylaşıldı} request {Talep paylaşıldı} roadmap {Yol haritası paylaşıldı} site {Site paylaşıldı} space {Alan paylaşıldı} other {Bağlantı paylaşıldı}}',
   'fabric.elements.share.to.integration.button': '{integrationName} üzerinden paylaş',
   'fabric.elements.share.trigger.button.icon.label': 'Paylaşma simgesi',