@atlaskit/share 3.7.0 → 3.7.2

package/dist/cjs/components/ShareForm.js

@@ -1,84 +1,46 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.formWrapperStyles = exports.formFooterStyles = exports.ShareForm = void 0;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _react2 = require("@emotion/react");
-
 var _reactIntlNext = require("react-intl-next");
-
 var _analyticsNext = require("@atlaskit/analytics-next");
-
 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 _i18n = require("../i18n");
-
 var _types = require("../types");
-
 var _analytics = require("./analytics/analytics");
-
 var _CommentField = require("./CommentField");
-
 var _CopyLinkButton = _interopRequireDefault(require("./CopyLinkButton"));
-
 var _IntegrationForm = require("./IntegrationForm");
-
 var _ShareHeader = require("./ShareHeader");
-
 var _UserPickerField = require("./UserPickerField");
-
 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); }
-
 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; }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 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); }; }
-
 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)());
@@ -88,7 +50,6 @@ exports.formFooterStyles = formFooterStyles;
 var formFieldStyles = (0, _react2.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  margin-bottom: 12px;\n"])));
 var integrationWrapperStyles = (0, _react2.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  align-items: center;\n"])));
 var integrationIconWrapperStyles = (0, _react2.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n  margin-bottom: -6px;\n  margin-right: 5px;\n"])));
-
 var integrationTabText = function integrationTabText(integrationName) {
   return (0, _react2.jsx)(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _i18n.messages.shareInIntegrationButtonText, {
     values: {
@@ -96,53 +57,47 @@ 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);
-
   var _super = _createSuper(InternalForm);
-
   function InternalForm() {
     var _this;
-
     (0, _classCallCheck2.default)(this, InternalForm);
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     _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,
-          title = _this$props.title,
-          _this$props$showTitle = _this$props.showTitle,
-          showTitle = _this$props$showTitle === void 0 ? true : _this$props$showTitle,
-          loadOptions = _this$props.loadOptions,
-          onLinkCopy = _this$props.onLinkCopy,
-          copyLink = _this$props.copyLink,
-          defaultValue = _this$props.defaultValue,
-          config = _this$props.config,
-          isFetchingConfig = _this$props.isFetchingConfig,
-          product = _this$props.product,
-          onUserInputChange = _this$props.onUserInputChange,
-          enableSmartUserPicker = _this$props.enableSmartUserPicker,
-          loggedInAccountId = _this$props.loggedInAccountId,
-          cloudId = _this$props.cloudId,
-          onUserSelectionChange = _this$props.onUserSelectionChange,
-          fieldsFooter = _this$props.fieldsFooter,
-          selectPortalRef = _this$props.selectPortalRef,
-          isDisabled = _this$props.isDisabled,
-          isPublicLink = _this$props.isPublicLink,
-          copyTooltipText = _this$props.copyTooltipText,
-          helperMessage = _this$props.helperMessage,
-          orgId = _this$props.orgId,
-          isBrowseUsersDisabled = _this$props.isBrowseUsersDisabled,
-          formatMessage = _this$props.intl.formatMessage;
+        formProps = _this$props.formProps,
+        title = _this$props.title,
+        _this$props$showTitle = _this$props.showTitle,
+        showTitle = _this$props$showTitle === void 0 ? true : _this$props$showTitle,
+        loadOptions = _this$props.loadOptions,
+        onLinkCopy = _this$props.onLinkCopy,
+        copyLink = _this$props.copyLink,
+        defaultValue = _this$props.defaultValue,
+        config = _this$props.config,
+        isFetchingConfig = _this$props.isFetchingConfig,
+        product = _this$props.product,
+        onUserInputChange = _this$props.onUserInputChange,
+        enableSmartUserPicker = _this$props.enableSmartUserPicker,
+        loggedInAccountId = _this$props.loggedInAccountId,
+        cloudId = _this$props.cloudId,
+        onUserSelectionChange = _this$props.onUserSelectionChange,
+        fieldsFooter = _this$props.fieldsFooter,
+        selectPortalRef = _this$props.selectPortalRef,
+        isDisabled = _this$props.isDisabled,
+        isPublicLink = _this$props.isPublicLink,
+        copyTooltipText = _this$props.copyTooltipText,
+        helperMessage = _this$props.helperMessage,
+        orgId = _this$props.orgId,
+        isBrowseUsersDisabled = _this$props.isBrowseUsersDisabled,
+        formatMessage = _this$props.intl.formatMessage;
       return (0, _react2.jsx)(_analyticsNext.AnalyticsContext, {
         data: {
           source: _analytics.ANALYTICS_SOURCE
@@ -185,13 +140,13 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderSubmitButton", function () {
       var _this$props2 = _this.props,
-          formatMessage = _this$props2.intl.formatMessage,
-          isSharing = _this$props2.isSharing,
-          shareError = _this$props2.shareError,
-          submitButtonLabel = _this$props2.submitButtonLabel,
-          isDisabled = _this$props2.isDisabled,
-          isPublicLink = _this$props2.isPublicLink,
-          integrationMode = _this$props2.integrationMode;
+        formatMessage = _this$props2.intl.formatMessage,
+        isSharing = _this$props2.isSharing,
+        shareError = _this$props2.shareError,
+        submitButtonLabel = _this$props2.submitButtonLabel,
+        isDisabled = _this$props2.isDisabled,
+        isPublicLink = _this$props2.isPublicLink,
+        integrationMode = _this$props2.integrationMode;
       var shouldShowWarning = shareError && !isSharing;
       var buttonAppearance = !shouldShowWarning ? 'primary' : 'warning';
       var tabMode = integrationMode === 'tabs';
@@ -219,39 +174,32 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderMainTabTitle", function () {
       var _this$props3 = _this.props,
-          title = _this$props3.title,
-          product = _this$props3.product;
-
+        title = _this$props3.title,
+        product = _this$props3.product;
       if (title) {
         return title;
       }
-
       if (!product) {
         return (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _i18n.messages.formTitle);
       }
-
       var productShareType = product === 'jira' ? _objectSpread({}, _i18n.messages.shareMainTabTextJira) : _objectSpread({}, _i18n.messages.shareMainTabTextConfluence);
       return (0, _react2.jsx)(_reactIntlNext.FormattedMessage, productShareType);
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "changeTab", function (tab) {
       var _this$props$onTabChan, _this$props4;
-
       _this.setState({
         selectedTab: tab
       });
-
       (_this$props$onTabChan = (_this$props4 = _this.props).onTabChange) === null || _this$props$onTabChan === void 0 ? void 0 : _this$props$onTabChan.call(_this$props4, tab);
     });
     return _this;
   }
-
   (0, _createClass2.default)(InternalForm, [{
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
       var _this$props5 = this.props,
-          onDismiss = _this$props5.onDismiss,
-          getValues = _this$props5.getValues;
-
+        onDismiss = _this$props5.onDismiss,
+        getValues = _this$props5.getValues;
       if (onDismiss) {
         onDismiss(getValues());
       }
@@ -260,17 +208,14 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
     key: "render",
     value: function render() {
       var _this$props6 = this.props,
-          _this$props6$integrat = _this$props6.integrationMode,
-          integrationMode = _this$props6$integrat === void 0 ? 'off' : _this$props6$integrat,
-          shareIntegrations = _this$props6.shareIntegrations,
-          handleCloseDialog = _this$props6.handleCloseDialog;
-
+        _this$props6$integrat = _this$props6.integrationMode,
+        integrationMode = _this$props6$integrat === void 0 ? 'off' : _this$props6$integrat,
+        shareIntegrations = _this$props6.shareIntegrations,
+        handleCloseDialog = _this$props6.handleCloseDialog;
       if (integrationMode === 'off' || !shareIntegrations || !shareIntegrations.length) {
         return this.renderShareForm();
       }
-
       var firstIntegration = shareIntegrations[0];
-
       if (integrationMode === 'tabs') {
         return (0, _react2.jsx)(_tabs.default, {
           id: "ShareForm-Tabs-Integrations",
@@ -304,31 +249,27 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
           changeTab: this.changeTab
         })))));
       }
-
       return this.renderShareForm();
     }
   }]);
   return InternalForm;
 }(_react.default.PureComponent);
-
 (0, _defineProperty2.default)(InternalForm, "defaultProps", {
   onSubmit: function onSubmit() {}
 });
 var InternalFormWithIntl = (0, _reactIntlNext.injectIntl)(InternalForm);
-
 var ShareForm = function ShareForm(props) {
   return (0, _react2.jsx)(_form.default, {
     onSubmit: props.onSubmit
   }, function (_ref) {
     var formProps = _ref.formProps,
-        getValues = _ref.getValues;
+      getValues = _ref.getValues;
     return (0, _react2.jsx)(InternalFormWithIntl, (0, _extends2.default)({}, props, {
       formProps: formProps,
       getValues: getValues
     }));
   });
 };
-
 exports.ShareForm = ShareForm;
 ShareForm.defaultProps = {
   isSharing: false,

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

@@ -1,29 +1,23 @@
 "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 _ShareHeader = require("../ShareHeader");
-
 var _styled = require("./styled");
-
 var ShareFormWrapper = function ShareFormWrapper(_ref) {
   var shareFormTitle = _ref.shareFormTitle,
-      shouldShowTitle = _ref.shouldShowTitle,
-      _ref$children = _ref.children,
-      children = _ref$children === void 0 ? null : _ref$children,
-      _ref$footer = _ref.footer,
-      footer = _ref$footer === void 0 ? null : _ref$footer;
+    shouldShowTitle = _ref.shouldShowTitle,
+    _ref$children = _ref.children,
+    children = _ref$children === void 0 ? null : _ref$children,
+    _ref$footer = _ref.footer,
+    footer = _ref$footer === void 0 ? null : _ref$footer;
   return /*#__PURE__*/_react.default.createElement(_styled.InlineDialogContentWrapper, null, /*#__PURE__*/_react.default.createElement(_styled.InlineDialogFormWrapper, null, shouldShowTitle && /*#__PURE__*/_react.default.createElement(_ShareHeader.ShareHeader, {
     title: shareFormTitle
   }), children), footer);
 };
-
 var _default = ShareFormWrapper;
 exports.default = _default;

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

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,5 +10,4 @@ Object.defineProperty(exports, "ShareFormWrapper", {
     return _ShareFormWrapper.default;
   }
 });
-
 var _ShareFormWrapper = _interopRequireDefault(require("./ShareFormWrapper"));

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

@@ -1,19 +1,15 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 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", {
@@ -22,16 +18,14 @@ var InlineDialogFormWrapper = function InlineDialogFormWrapper(_ref) {
     }
   }, children);
 };
+
 /**
  * Apply the same styling, as previous @atlaskit/inline-dialog had,
  * compared to the @atlaskit/popup we are now using.
  *
  * packages/design-system/inline-dialog/src/InlineDialog/styled.ts:20:3
  */
-
-
 exports.InlineDialogFormWrapper = InlineDialogFormWrapper;
-
 var InlineDialogContentWrapper = function InlineDialogContentWrapper(_ref2) {
   var children = _ref2.children;
   return (0, _react2.jsx)("div", {
@@ -40,5 +34,4 @@ var InlineDialogContentWrapper = function InlineDialogContentWrapper(_ref2) {
     }
   }, children);
 };
-
 exports.InlineDialogContentWrapper = InlineDialogContentWrapper;

package/dist/cjs/components/ShareHeader.js

@@ -1,36 +1,23 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getFormHeaderTitleStyles = exports.ShareHeader = void 0;
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 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;
-
 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);
 };
-
 exports.getFormHeaderTitleStyles = getFormHeaderTitleStyles;
-
 var ShareHeader = function ShareHeader(_ref) {
   var title = _ref.title;
   var theme = (0, _react2.useTheme)();
@@ -40,5 +27,4 @@ var ShareHeader = function ShareHeader(_ref) {
     css: getFormHeaderTitleStyles(theme)
   }, title || (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _i18n.messages.formTitle)));
 };
-
 exports.ShareHeader = ShareHeader;

package/dist/cjs/components/SlackIcon.js

@@ -1,14 +1,11 @@
 "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: "24",
@@ -62,6 +59,5 @@ var SlackIcon = function SlackIcon() {
     className: "prefix__st3"
   })))));
 };
-
 var _default = SlackIcon;
 exports.default = _default;

package/dist/cjs/components/SplitButton.js

@@ -1,55 +1,34 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = SplitButton;
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _react2 = require("@emotion/react");
-
 var _reactIntlNext = require("react-intl-next");
-
 var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
-
 var _dropdownMenu = _interopRequireWildcard(require("@atlaskit/dropdown-menu"));
-
 var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-down"));
-
 var _colors = require("@atlaskit/theme/colors");
-
 var _constants = require("@atlaskit/theme/constants");
-
 var _i18n = require("../i18n");
-
 var _analytics = require("./analytics/analytics");
-
 var _IntegrationButton = _interopRequireDefault(require("./IntegrationButton"));
-
 var _excluded = ["triggerRef"];
-
 var _templateObject, _templateObject2, _templateObject3;
-
 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; }
-
 var splitButtonWrapperStyles = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  button {\n    border-radius: ", "px 0 0 ", "px;\n  }\n  button:hover {\n    border-radius: ", "px 0 0 ", "px;\n  }\n"])), (0, _constants.borderRadius)(), (0, _constants.borderRadius)(), (0, _constants.borderRadius)(), (0, _constants.borderRadius)());
-var dropdownMenuWrapperStyles = (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  margin-left: 1px;\n  button {\n    border-radius: 0 ", "px ", "px 0;\n  }\n  button:hover {\n    border-radius: 0 ", "px ", "px 0;\n  }\n"])), (0, _constants.borderRadius)(), (0, _constants.borderRadius)(), (0, _constants.borderRadius)(), (0, _constants.borderRadius)()); // span
+var dropdownMenuWrapperStyles = (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  margin-left: 1px;\n  button {\n    border-radius: 0 ", "px ", "px 0;\n  }\n  button:hover {\n    border-radius: 0 ", "px ", "px 0;\n  }\n"])), (0, _constants.borderRadius)(), (0, _constants.borderRadius)(), (0, _constants.borderRadius)(), (0, _constants.borderRadius)());
 
+// span
 var dropDownIntegrationButtonWrapperStyles = (0, _react2.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  button:hover {\n    background: transparent;\n  }\n"])));
-
 var integrationButtonText = function integrationButtonText(integrationName) {
   return (0, _react2.jsx)(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _i18n.messages.shareToIntegrationButtonText, {
     values: {
@@ -57,18 +36,16 @@ var integrationButtonText = function integrationButtonText(integrationName) {
     }
   }));
 };
-
 var SplitButtonDropdown = function SplitButtonDropdown(props) {
   var triggerButtonAppearance = props.triggerButtonAppearance,
-      isUsingSplitButton = props.isUsingSplitButton,
-      handleOpenSplitButton = props.handleOpenSplitButton,
-      handleCloseSplitButton = props.handleCloseSplitButton,
-      shareIntegrations = props.shareIntegrations,
-      onIntegrationClick = props.onIntegrationClick,
-      createAndFireEvent = props.createAndFireEvent;
+    isUsingSplitButton = props.isUsingSplitButton,
+    handleOpenSplitButton = props.handleOpenSplitButton,
+    handleCloseSplitButton = props.handleCloseSplitButton,
+    shareIntegrations = props.shareIntegrations,
+    onIntegrationClick = props.onIntegrationClick,
+    createAndFireEvent = props.createAndFireEvent;
   var onOpenChange = (0, _react.useCallback)(function (_ref) {
     var isOpen = _ref.isOpen;
-
     if (isOpen) {
       handleOpenSplitButton();
     } else {
@@ -85,7 +62,7 @@ var SplitButtonDropdown = function SplitButtonDropdown(props) {
     testId: "split-button-dropdown",
     trigger: function trigger(_ref2) {
       var triggerRef = _ref2.triggerRef,
-          providedProps = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
+        providedProps = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
       return (0, _react2.jsx)(_standardButton.default, (0, _extends2.default)({}, providedProps, {
         ref: triggerRef,
         iconBefore: (0, _react2.jsx)(_chevronDown.default, {
@@ -115,20 +92,18 @@ var SplitButtonDropdown = function SplitButtonDropdown(props) {
     })));
   }))));
 };
-
 SplitButtonDropdown.displayName = 'SplitButtonDropdown';
-
 function SplitButton(_ref3) {
   var shareButton = _ref3.shareButton,
-      handleOpenSplitButton = _ref3.handleOpenSplitButton,
-      handleCloseSplitButton = _ref3.handleCloseSplitButton,
-      isUsingSplitButton = _ref3.isUsingSplitButton,
-      shareIntegrations = _ref3.shareIntegrations,
-      onIntegrationClick = _ref3.onIntegrationClick,
-      triggerButtonAppearance = _ref3.triggerButtonAppearance,
-      dialogZIndex = _ref3.dialogZIndex,
-      dialogPlacement = _ref3.dialogPlacement,
-      createAndFireEvent = _ref3.createAndFireEvent;
+    handleOpenSplitButton = _ref3.handleOpenSplitButton,
+    handleCloseSplitButton = _ref3.handleCloseSplitButton,
+    isUsingSplitButton = _ref3.isUsingSplitButton,
+    shareIntegrations = _ref3.shareIntegrations,
+    onIntegrationClick = _ref3.onIntegrationClick,
+    triggerButtonAppearance = _ref3.triggerButtonAppearance,
+    dialogZIndex = _ref3.dialogZIndex,
+    dialogPlacement = _ref3.dialogPlacement,
+    createAndFireEvent = _ref3.createAndFireEvent;
   return (0, _react2.jsx)("div", {
     css: splitButtonWrapperStyles,
     "data-testid": "split-button"