@atlaskit/share 0.30.0 → 0.31.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @atlaskit/share
2
2
 
3
+ ## 0.31.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [`ac8d6861881`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ac8d6861881) - [ux] expose copyTooltipText and onDialogClose props to share component
8
+
3
9
  ## 0.30.0
4
10
 
5
11
  ### Minor Changes
@@ -37,6 +37,8 @@ var _colors = require("@atlaskit/theme/colors");
37
37
 
38
38
  var _constants = require("@atlaskit/theme/constants");
39
39
 
40
+ var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
41
+
40
42
  var _react = _interopRequireDefault(require("react"));
41
43
 
42
44
  var _reactIntl = require("react-intl");
@@ -137,6 +139,21 @@ var CopyLinkButton = /*#__PURE__*/function (_React$Component) {
137
139
  shouldShowCopiedMessage: false
138
140
  });
139
141
  });
142
+ (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderTriggerButton", function (triggerProps) {
143
+ var _this$props = _this.props,
144
+ formatMessage = _this$props.intl.formatMessage,
145
+ isDisabled = _this$props.isDisabled,
146
+ isPublicLink = _this$props.isPublicLink;
147
+ return /*#__PURE__*/_react.default.createElement(_styles.default, (0, _extends2.default)({
148
+ isDisabled: isDisabled,
149
+ appearance: "subtle-link",
150
+ iconBefore: /*#__PURE__*/_react.default.createElement(_linkFilled.default, {
151
+ label: formatMessage(_i18n.messages.copyLinkButtonIconLabel),
152
+ size: "medium"
153
+ }),
154
+ onClick: _this.handleClick
155
+ }, triggerProps), /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, isPublicLink ? _i18n.messages.copyPublicLinkButtonText : _i18n.messages.copyLinkButtonText));
156
+ });
140
157
  return _this;
141
158
  }
142
159
 
@@ -151,10 +168,9 @@ var CopyLinkButton = /*#__PURE__*/function (_React$Component) {
151
168
  var _this2 = this;
152
169
 
153
170
  var shouldShowCopiedMessage = this.state.shouldShowCopiedMessage;
154
- var _this$props = this.props,
155
- formatMessage = _this$props.intl.formatMessage,
156
- isDisabled = _this$props.isDisabled,
157
- isPublicLink = _this$props.isPublicLink;
171
+ var _this$props2 = this.props,
172
+ formatMessage = _this$props2.intl.formatMessage,
173
+ copyTooltipText = _this$props2.copyTooltipText;
158
174
  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(HiddenInput, {
159
175
  ref: this.inputRef,
160
176
  text: this.props.link
@@ -170,15 +186,10 @@ var CopyLinkButton = /*#__PURE__*/function (_React$Component) {
170
186
  onClose: this.handleDismissCopiedMessage,
171
187
  placement: "top-start",
172
188
  trigger: function trigger(triggerProps) {
173
- return /*#__PURE__*/_react.default.createElement(_styles.default, (0, _extends2.default)({
174
- isDisabled: isDisabled,
175
- appearance: "subtle-link",
176
- iconBefore: /*#__PURE__*/_react.default.createElement(_linkFilled.default, {
177
- label: formatMessage(_i18n.messages.copyLinkButtonIconLabel),
178
- size: "medium"
179
- }),
180
- onClick: _this2.handleClick
181
- }, triggerProps), /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, isPublicLink ? _i18n.messages.copyPublicLinkButtonText : _i18n.messages.copyLinkButtonText));
189
+ return copyTooltipText ? /*#__PURE__*/_react.default.createElement(_tooltip.default, {
190
+ content: copyTooltipText,
191
+ position: "bottom-start"
192
+ }, _this2.renderTriggerButton(triggerProps)) : _this2.renderTriggerButton(triggerProps);
182
193
  }
183
194
  }));
184
195
  }
@@ -369,7 +369,9 @@ var ShareDialogContainerInternal = /*#__PURE__*/function (_React$Component) {
369
369
  isPublicLink = _this$props2.isPublicLink,
370
370
  shareIntegrations = _this$props2.shareIntegrations,
371
371
  shareAri = _this$props2.shareAri,
372
- tabIndex = _this$props2.tabIndex;
372
+ tabIndex = _this$props2.tabIndex,
373
+ copyTooltipText = _this$props2.copyTooltipText,
374
+ onDialogClose = _this$props2.onDialogClose;
373
375
  return /*#__PURE__*/_react.default.createElement(_ErrorBoundary.default, null, /*#__PURE__*/_react.default.createElement(_MessagesIntlProvider.default, null, /*#__PURE__*/_react.default.createElement(_ShareDialogWithTrigger.ShareDialogWithTrigger, {
374
376
  onTriggerButtonClick: onTriggerButtonClick,
375
377
  isAutoOpenDialog: isAutoOpenDialog,
@@ -405,7 +407,9 @@ var ShareDialogContainerInternal = /*#__PURE__*/function (_React$Component) {
405
407
  isPublicLink: isPublicLink,
406
408
  shareIntegrations: shareIntegrations,
407
409
  shareAri: shareAri,
408
- tabIndex: tabIndex
410
+ tabIndex: tabIndex,
411
+ copyTooltipText: copyTooltipText,
412
+ onDialogClose: onDialogClose
409
413
  })));
410
414
  }
411
415
  }]);
@@ -125,16 +125,22 @@ var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureComponent
125
125
  selectedIntegration: null
126
126
  });
127
127
 
128
- var onUserSelectionChange = _this.props.onUserSelectionChange;
128
+ var _this$props = _this.props,
129
+ onUserSelectionChange = _this$props.onUserSelectionChange,
130
+ onDialogClose = _this$props.onDialogClose;
129
131
 
130
132
  if (onUserSelectionChange) {
131
133
  onUserSelectionChange(defaultShareContentState.users);
132
134
  }
135
+
136
+ if (onDialogClose) {
137
+ onDialogClose();
138
+ }
133
139
  });
134
140
  (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "createAndFireEvent", function (payload) {
135
- var _this$props = _this.props,
136
- createAnalyticsEvent = _this$props.createAnalyticsEvent,
137
- analyticsDecorator = _this$props.analyticsDecorator;
141
+ var _this$props2 = _this.props,
142
+ createAnalyticsEvent = _this$props2.createAnalyticsEvent,
143
+ analyticsDecorator = _this$props2.analyticsDecorator;
138
144
 
139
145
  if (analyticsDecorator) {
140
146
  payload = analyticsDecorator(payload);
@@ -203,9 +209,9 @@ var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureComponent
203
209
  selectedIntegration: null
204
210
  };
205
211
  }, function () {
206
- var _this$props2 = _this.props,
207
- onDialogOpen = _this$props2.onDialogOpen,
208
- isPublicLink = _this$props2.isPublicLink;
212
+ var _this$props3 = _this.props,
213
+ onDialogOpen = _this$props3.onDialogOpen,
214
+ isPublicLink = _this$props3.isPublicLink;
209
215
  var isDialogOpen = _this.state.isDialogOpen;
210
216
 
211
217
  if (isDialogOpen) {
@@ -237,6 +243,10 @@ var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureComponent
237
243
  }
238
244
  });
239
245
  (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleCloseDialog", function () {
246
+ if (_this.props.onDialogClose) {
247
+ _this.props.onDialogClose();
248
+ }
249
+
240
250
  _this.setState({
241
251
  isDialogOpen: false,
242
252
  showIntegrationForm: false,
@@ -244,12 +254,12 @@ var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureComponent
244
254
  });
245
255
  });
246
256
  (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleShareSubmit", function (data) {
247
- var _this$props3 = _this.props,
248
- onShareSubmit = _this$props3.onShareSubmit,
249
- shareContentType = _this$props3.shareContentType,
250
- formShareOrigin = _this$props3.formShareOrigin,
251
- showFlags = _this$props3.showFlags,
252
- isPublicLink = _this$props3.isPublicLink;
257
+ var _this$props4 = _this.props,
258
+ onShareSubmit = _this$props4.onShareSubmit,
259
+ shareContentType = _this$props4.shareContentType,
260
+ formShareOrigin = _this$props4.formShareOrigin,
261
+ showFlags = _this$props4.showFlags,
262
+ isPublicLink = _this$props4.isPublicLink;
253
263
 
254
264
  if (!onShareSubmit) {
255
265
  return;
@@ -287,11 +297,11 @@ var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureComponent
287
297
  });
288
298
  });
289
299
  (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleCopyLink", function () {
290
- var _this$props4 = _this.props,
291
- copyLinkOrigin = _this$props4.copyLinkOrigin,
292
- shareContentType = _this$props4.shareContentType,
293
- isPublicLink = _this$props4.isPublicLink,
294
- shareAri = _this$props4.shareAri;
300
+ var _this$props5 = _this.props,
301
+ copyLinkOrigin = _this$props5.copyLinkOrigin,
302
+ shareContentType = _this$props5.shareContentType,
303
+ isPublicLink = _this$props5.isPublicLink,
304
+ shareAri = _this$props5.shareAri;
295
305
 
296
306
  _this.createAndFireEvent((0, _analytics.copyLinkButtonClicked)(_this.start, shareContentType, copyLinkOrigin, isPublicLink, shareAri));
297
307
  });
@@ -307,18 +317,18 @@ var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureComponent
307
317
  var _this$state = _this.state,
308
318
  isDialogOpen = _this$state.isDialogOpen,
309
319
  isUsingSplitButton = _this$state.isUsingSplitButton;
310
- var _this$props5 = _this.props,
311
- formatMessage = _this$props5.intl.formatMessage,
312
- isDisabled = _this$props5.isDisabled,
313
- renderCustomTriggerButton = _this$props5.renderCustomTriggerButton,
314
- triggerButtonIcon = _this$props5.triggerButtonIcon,
315
- triggerButtonTooltipText = _this$props5.triggerButtonTooltipText,
316
- triggerButtonTooltipPosition = _this$props5.triggerButtonTooltipPosition,
317
- triggerButtonAppearance = _this$props5.triggerButtonAppearance,
318
- triggerButtonStyle = _this$props5.triggerButtonStyle,
319
- shareIntegrations = _this$props5.shareIntegrations,
320
- dialogZIndex = _this$props5.dialogZIndex,
321
- dialogPlacement = _this$props5.dialogPlacement;
320
+ var _this$props6 = _this.props,
321
+ formatMessage = _this$props6.intl.formatMessage,
322
+ isDisabled = _this$props6.isDisabled,
323
+ renderCustomTriggerButton = _this$props6.renderCustomTriggerButton,
324
+ triggerButtonIcon = _this$props6.triggerButtonIcon,
325
+ triggerButtonTooltipText = _this$props6.triggerButtonTooltipText,
326
+ triggerButtonTooltipPosition = _this$props6.triggerButtonTooltipPosition,
327
+ triggerButtonAppearance = _this$props6.triggerButtonAppearance,
328
+ triggerButtonStyle = _this$props6.triggerButtonStyle,
329
+ shareIntegrations = _this$props6.shareIntegrations,
330
+ dialogZIndex = _this$props6.dialogZIndex,
331
+ dialogPlacement = _this$props6.dialogPlacement;
322
332
  var button;
323
333
  var ShareButtonIcon = triggerButtonIcon || _share.default; // Render a custom or standard button.
324
334
 
@@ -412,24 +422,25 @@ var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureComponent
412
422
  defaultValue = _this$state2.defaultValue,
413
423
  showIntegrationForm = _this$state2.showIntegrationForm,
414
424
  selectedIntegration = _this$state2.selectedIntegration;
415
- var _this$props6 = this.props,
416
- copyLink = _this$props6.copyLink,
417
- dialogPlacement = _this$props6.dialogPlacement,
418
- loadUserOptions = _this$props6.loadUserOptions,
419
- shareFormTitle = _this$props6.shareFormTitle,
420
- contentPermissions = _this$props6.contentPermissions,
421
- bottomMessage = _this$props6.bottomMessage,
422
- submitButtonLabel = _this$props6.submitButtonLabel,
423
- product = _this$props6.product,
424
- customFooter = _this$props6.customFooter,
425
- enableSmartUserPicker = _this$props6.enableSmartUserPicker,
426
- loggedInAccountId = _this$props6.loggedInAccountId,
427
- cloudId = _this$props6.cloudId,
428
- shareFieldsFooter = _this$props6.shareFieldsFooter,
429
- onUserSelectionChange = _this$props6.onUserSelectionChange,
430
- dialogZIndex = _this$props6.dialogZIndex,
431
- isPublicLink = _this$props6.isPublicLink,
432
- tabIndex = _this$props6.tabIndex;
425
+ var _this$props7 = this.props,
426
+ copyLink = _this$props7.copyLink,
427
+ dialogPlacement = _this$props7.dialogPlacement,
428
+ loadUserOptions = _this$props7.loadUserOptions,
429
+ shareFormTitle = _this$props7.shareFormTitle,
430
+ contentPermissions = _this$props7.contentPermissions,
431
+ bottomMessage = _this$props7.bottomMessage,
432
+ submitButtonLabel = _this$props7.submitButtonLabel,
433
+ product = _this$props7.product,
434
+ customFooter = _this$props7.customFooter,
435
+ enableSmartUserPicker = _this$props7.enableSmartUserPicker,
436
+ loggedInAccountId = _this$props7.loggedInAccountId,
437
+ cloudId = _this$props7.cloudId,
438
+ shareFieldsFooter = _this$props7.shareFieldsFooter,
439
+ onUserSelectionChange = _this$props7.onUserSelectionChange,
440
+ dialogZIndex = _this$props7.dialogZIndex,
441
+ isPublicLink = _this$props7.isPublicLink,
442
+ tabIndex = _this$props7.tabIndex,
443
+ copyTooltipText = _this$props7.copyTooltipText;
433
444
  var style = typeof tabIndex !== 'undefined' && tabIndex >= 0 ? {
434
445
  outline: 'none'
435
446
  } : undefined; // for performance purposes, we may want to have a loadable content i.e. ShareForm
@@ -468,7 +479,8 @@ var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureComponent
468
479
  onUserSelectionChange: onUserSelectionChange,
469
480
  fieldsFooter: shareFieldsFooter,
470
481
  selectPortalRef: _this2.selectPortalRef,
471
- isPublicLink: isPublicLink
482
+ isPublicLink: isPublicLink,
483
+ copyTooltipText: copyTooltipText
472
484
  })), bottomMessage ? /*#__PURE__*/_react.default.createElement(BottomMessageWrapper, null, bottomMessage) : null, customFooter && /*#__PURE__*/_react.default.createElement(CustomFooterWrapper, null, customFooter)));
473
485
  },
474
486
  isOpen: isDialogOpen,
@@ -148,7 +148,8 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
148
148
  fieldsFooter = _this$props3.fieldsFooter,
149
149
  selectPortalRef = _this$props3.selectPortalRef,
150
150
  isDisabled = _this$props3.isDisabled,
151
- isPublicLink = _this$props3.isPublicLink;
151
+ isPublicLink = _this$props3.isPublicLink,
152
+ copyTooltipText = _this$props3.copyTooltipText;
152
153
  return /*#__PURE__*/_react.default.createElement(FormWrapper, null, /*#__PURE__*/_react.default.createElement("form", formProps, /*#__PURE__*/_react.default.createElement(_ShareHeader.ShareHeader, {
153
154
  title: title,
154
155
  contentPermissions: contentPermissions
@@ -169,7 +170,8 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
169
170
  isDisabled: isDisabled,
170
171
  onLinkCopy: onLinkCopy,
171
172
  link: copyLink,
172
- isPublicLink: isPublicLink
173
+ isPublicLink: isPublicLink,
174
+ copyTooltipText: copyTooltipText
173
175
  }), this.renderSubmitButton())));
174
176
  }
175
177
  }]);
@@ -0,0 +1,45 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+
8
+ /**
9
+ * NOTE:
10
+ *
11
+ * This file is automatically generated by i18n-tools.
12
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
13
+ */
14
+ // English (Instrumented)
15
+ var _default = {
16
+ 'fabric.elements.share.copied.to.clipboard.icon.label': '⁣⁢Copy link success icon‍‌⁠⁡⁡⁠؜⁠⁣⁤',
17
+ 'fabric.elements.share.copied.to.clipboard.message': '⁣⁢Link copied to clipboard‍⁡‍‌⁡⁠⁡⁣⁤',
18
+ 'fabric.elements.share.copylink.button.icon.label': '⁣⁢Copy link icon⁡‍⁠‍‍؜‍⁠⁡‍⁠‌⁣⁤',
19
+ 'fabric.elements.share.copylink.button.text': '⁣⁢Copy link‍؜⁡⁡‌⁡‌⁠⁣⁤',
20
+ 'fabric.elements.share.copypubliclink.button.text': '⁣⁢Copy public link⁡‌‍⁡⁡⁠؜⁠‌؜‌⁣⁤',
21
+ 'fabric.elements.share.failure.icon.label': '⁣⁢Error icon‍؜⁡⁠؜؜‍‌‌‌‍⁡⁠‌⁣⁤',
22
+ 'fabric.elements.share.failure.message': '⁣⁢Unable to share‍⁡⁠⁡‌‍⁠⁣⁤',
23
+ 'fabric.elements.share.form.comment.placeholder': '⁣⁢Add a message⁠⁡‌⁠⁠⁡‌‍⁡؜‌⁠⁣⁤',
24
+ 'fabric.elements.share.form.info.message.no.invite.confluence': '⁣⁢Recipients will see the name of the page and your message⁠‌‌؜⁠‌⁡؜⁠‌‌‌⁠‌⁣⁤',
25
+ 'fabric.elements.share.form.info.message.no.invite.jira': '⁣⁢Recipients will see the name of the issue and your message‍‍⁠؜⁡‍⁠⁣⁤',
26
+ 'fabric.elements.share.form.public.send': '⁣⁢Send public link⁠؜⁠‍⁠⁡؜‌⁡⁠⁣⁤',
27
+ 'fabric.elements.share.form.retry': '⁣⁢Retry‌‌⁡؜‌‌⁡⁡‌⁣⁤',
28
+ 'fabric.elements.share.form.send': '⁣⁢Send‍‌⁠⁠‍؜‍‌‍⁡؜⁠؜⁣⁤',
29
+ 'fabric.elements.share.form.title': '⁣⁢Share⁠؜‌‍؜‍⁠؜⁡‌⁣⁤',
30
+ 'fabric.elements.share.form.user-picker.add-more': '⁣⁢Enter more⁠⁠⁡‍‌؜؜‌‍⁠؜‍⁠⁣⁤',
31
+ 'fabric.elements.share.form.user-picker.no-options.existingUserOnly': '⁣⁢We couldn’t find any results for "{inputValue}".⁡‌‌؜⁡⁡⁡⁠⁠‍‍⁣⁤',
32
+ 'fabric.elements.share.form.user-picker.no-options.generic': '⁣⁢We couldn’t find any results for "{inputValue}". Invite people by using an email address.⁡؜؜‍⁠؜⁠⁠⁡؜⁡⁠‍‍⁣⁤',
33
+ 'fabric.elements.share.form.user-picker.placeholder.existingUserOnly': '⁣⁢Enter name or team⁡‍؜‍؜⁠‌⁡⁣⁤',
34
+ 'fabric.elements.share.form.user-picker.placeholder.generic': '⁣⁢Enter name, group, team or email⁡؜‌‍؜؜‍⁣⁤',
35
+ 'fabric.elements.share.form.user-picker.placeholder.jira': '⁣⁢Enter name, team or email‌‍⁠‌‌⁡⁠⁡؜‍؜⁣⁤',
36
+ 'fabric.elements.share.form.user-picker.validation.required': '⁣⁢Select at least one user, group, team or email.⁡⁡؜‌‍‌⁠؜⁣⁤',
37
+ 'fabric.elements.share.form.user-picker.validation.required.jira': '⁣⁢Select at least one user, team or email.؜⁠‍؜‍‍‌⁠⁠⁣⁤',
38
+ 'fabric.elements.share.success.message': '{object, select, blogpost {⁣⁢Blog post shared⁡‌‍⁡⁠⁠⁡⁠⁡⁠⁣⁤} board {⁣⁢Board shared‍⁡‍؜⁠⁠‌⁣⁤} calendar {⁣⁢Calendar shared‌⁡⁠⁡⁡‍؜⁠⁠⁣⁤} draft {⁣⁢Draft shared⁠‌‍⁠‍‍‍؜‍⁠؜⁣⁤} filter {⁣⁢Filter shared‍؜؜‍؜⁡‍⁣⁤} issue {⁣⁢Issue shared⁡⁡‍⁡⁡‍⁠؜⁡⁠‌⁣⁤} media {⁣⁢Media shared؜‌‍‌⁠⁠⁣⁤} page {⁣⁢Page shared‍⁡‍‍‌؜‌؜‍⁣⁤} project {⁣⁢Project shared⁡‍⁠⁡‍؜⁡‍‌‌⁡⁣⁤} pullrequest {⁣⁢Pull Request shared‌⁡⁡؜⁠⁡؜‍⁠؜‌⁠؜⁣⁤} question {⁣⁢Question shared⁠‍⁠‍⁠؜‌‌⁣⁤} report {⁣⁢Report shared‍؜⁡⁠‍⁡⁠‍⁠‌⁣⁤} repository {⁣⁢Repository shared‍‌‌‌⁡⁡؜⁣⁤} request {⁣⁢Request shared⁡‌⁡⁡؜‍‌‌‌؜‌⁡⁣⁤} roadmap {⁣⁢Roadmap shared‍‍‌⁡⁡؜⁠⁡‌⁣⁤} site {⁣⁢Site shared؜⁡⁡؜⁡؜؜⁡؜⁠‍⁣⁤} space {⁣⁢Space shared⁡‍‍‍؜؜⁡⁡⁡⁣⁤} other {⁣⁢Link Shared‌‌‍‌‍⁡⁣⁤}}',
39
+ 'fabric.elements.share.to.integration.button': '⁣⁢Share to {integrationName}‌⁡‌⁠⁡⁡⁡⁠‍‍؜‌⁡⁣⁤',
40
+ 'fabric.elements.share.trigger.button.icon.label': '⁣⁢Share icon‌‍؜‍‍؜‌⁡⁣⁤',
41
+ 'fabric.elements.share.trigger.button.invite.text': '⁣⁢Invite⁡‍‍⁠؜⁡‌⁠؜؜؜؜⁣⁤',
42
+ 'fabric.elements.share.trigger.button.text': '⁣⁢Share‌⁡‍‌‍؜؜⁡‍⁣⁤',
43
+ 'fabric.elements.share.trigger.button.tooltip.text': '⁣⁢Share‌⁡‌؜‌‌⁠؜⁡‌‌‍‌⁣⁤'
44
+ };
45
+ exports.default = _default;
@@ -5,16 +5,10 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
5
5
  Object.defineProperty(exports, "__esModule", {
6
6
  value: true
7
7
  });
8
- Object.defineProperty(exports, "zh", {
8
+ Object.defineProperty(exports, "en_ZZ", {
9
9
  enumerable: true,
10
10
  get: function get() {
11
- return _zh.default;
12
- }
13
- });
14
- Object.defineProperty(exports, "zh_TW", {
15
- enumerable: true,
16
- get: function get() {
17
- return _zh_TW.default;
11
+ return _en_ZZ.default;
18
12
  }
19
13
  });
20
14
  Object.defineProperty(exports, "cs", {
@@ -29,10 +23,28 @@ Object.defineProperty(exports, "da", {
29
23
  return _da.default;
30
24
  }
31
25
  });
32
- Object.defineProperty(exports, "nl", {
26
+ Object.defineProperty(exports, "de", {
33
27
  enumerable: true,
34
28
  get: function get() {
35
- return _nl.default;
29
+ return _de.default;
30
+ }
31
+ });
32
+ Object.defineProperty(exports, "en", {
33
+ enumerable: true,
34
+ get: function get() {
35
+ return _en.default;
36
+ }
37
+ });
38
+ Object.defineProperty(exports, "en_GB", {
39
+ enumerable: true,
40
+ get: function get() {
41
+ return _en_GB.default;
42
+ }
43
+ });
44
+ Object.defineProperty(exports, "es", {
45
+ enumerable: true,
46
+ get: function get() {
47
+ return _es.default;
36
48
  }
37
49
  });
38
50
  Object.defineProperty(exports, "et", {
@@ -53,16 +65,16 @@ Object.defineProperty(exports, "fr", {
53
65
  return _fr.default;
54
66
  }
55
67
  });
56
- Object.defineProperty(exports, "de", {
68
+ Object.defineProperty(exports, "hu", {
57
69
  enumerable: true,
58
70
  get: function get() {
59
- return _de.default;
71
+ return _hu.default;
60
72
  }
61
73
  });
62
- Object.defineProperty(exports, "hu", {
74
+ Object.defineProperty(exports, "is", {
63
75
  enumerable: true,
64
76
  get: function get() {
65
- return _hu.default;
77
+ return _is.default;
66
78
  }
67
79
  });
68
80
  Object.defineProperty(exports, "it", {
@@ -89,6 +101,12 @@ Object.defineProperty(exports, "nb", {
89
101
  return _nb.default;
90
102
  }
91
103
  });
104
+ Object.defineProperty(exports, "nl", {
105
+ enumerable: true,
106
+ get: function get() {
107
+ return _nl.default;
108
+ }
109
+ });
92
110
  Object.defineProperty(exports, "pl", {
93
111
  enumerable: true,
94
112
  get: function get() {
@@ -107,22 +125,22 @@ Object.defineProperty(exports, "pt_PT", {
107
125
  return _pt_PT.default;
108
126
  }
109
127
  });
110
- Object.defineProperty(exports, "ru", {
128
+ Object.defineProperty(exports, "ro", {
111
129
  enumerable: true,
112
130
  get: function get() {
113
- return _ru.default;
131
+ return _ro.default;
114
132
  }
115
133
  });
116
- Object.defineProperty(exports, "sk", {
134
+ Object.defineProperty(exports, "ru", {
117
135
  enumerable: true,
118
136
  get: function get() {
119
- return _sk.default;
137
+ return _ru.default;
120
138
  }
121
139
  });
122
- Object.defineProperty(exports, "es", {
140
+ Object.defineProperty(exports, "sk", {
123
141
  enumerable: true,
124
142
  get: function get() {
125
- return _es.default;
143
+ return _sk.default;
126
144
  }
127
145
  });
128
146
  Object.defineProperty(exports, "sv", {
@@ -155,40 +173,32 @@ Object.defineProperty(exports, "vi", {
155
173
  return _vi.default;
156
174
  }
157
175
  });
158
- Object.defineProperty(exports, "en", {
159
- enumerable: true,
160
- get: function get() {
161
- return _en.default;
162
- }
163
- });
164
- Object.defineProperty(exports, "en_GB", {
165
- enumerable: true,
166
- get: function get() {
167
- return _en_GB.default;
168
- }
169
- });
170
- Object.defineProperty(exports, "is", {
176
+ Object.defineProperty(exports, "zh", {
171
177
  enumerable: true,
172
178
  get: function get() {
173
- return _is.default;
179
+ return _zh.default;
174
180
  }
175
181
  });
176
- Object.defineProperty(exports, "ro", {
182
+ Object.defineProperty(exports, "zh_TW", {
177
183
  enumerable: true,
178
184
  get: function get() {
179
- return _ro.default;
185
+ return _zh_TW.default;
180
186
  }
181
187
  });
182
188
 
183
- var _zh = _interopRequireDefault(require("./zh"));
184
-
185
- var _zh_TW = _interopRequireDefault(require("./zh_TW"));
189
+ var _en_ZZ = _interopRequireDefault(require("./en_ZZ"));
186
190
 
187
191
  var _cs = _interopRequireDefault(require("./cs"));
188
192
 
189
193
  var _da = _interopRequireDefault(require("./da"));
190
194
 
191
- var _nl = _interopRequireDefault(require("./nl"));
195
+ var _de = _interopRequireDefault(require("./de"));
196
+
197
+ var _en = _interopRequireDefault(require("./en"));
198
+
199
+ var _en_GB = _interopRequireDefault(require("./en_GB"));
200
+
201
+ var _es = _interopRequireDefault(require("./es"));
192
202
 
193
203
  var _et = _interopRequireDefault(require("./et"));
194
204
 
@@ -196,10 +206,10 @@ var _fi = _interopRequireDefault(require("./fi"));
196
206
 
197
207
  var _fr = _interopRequireDefault(require("./fr"));
198
208
 
199
- var _de = _interopRequireDefault(require("./de"));
200
-
201
209
  var _hu = _interopRequireDefault(require("./hu"));
202
210
 
211
+ var _is = _interopRequireDefault(require("./is"));
212
+
203
213
  var _it = _interopRequireDefault(require("./it"));
204
214
 
205
215
  var _ja = _interopRequireDefault(require("./ja"));
@@ -208,18 +218,20 @@ var _ko = _interopRequireDefault(require("./ko"));
208
218
 
209
219
  var _nb = _interopRequireDefault(require("./nb"));
210
220
 
221
+ var _nl = _interopRequireDefault(require("./nl"));
222
+
211
223
  var _pl = _interopRequireDefault(require("./pl"));
212
224
 
213
225
  var _pt_BR = _interopRequireDefault(require("./pt_BR"));
214
226
 
215
227
  var _pt_PT = _interopRequireDefault(require("./pt_PT"));
216
228
 
229
+ var _ro = _interopRequireDefault(require("./ro"));
230
+
217
231
  var _ru = _interopRequireDefault(require("./ru"));
218
232
 
219
233
  var _sk = _interopRequireDefault(require("./sk"));
220
234
 
221
- var _es = _interopRequireDefault(require("./es"));
222
-
223
235
  var _sv = _interopRequireDefault(require("./sv"));
224
236
 
225
237
  var _th = _interopRequireDefault(require("./th"));
@@ -230,10 +242,6 @@ var _uk = _interopRequireDefault(require("./uk"));
230
242
 
231
243
  var _vi = _interopRequireDefault(require("./vi"));
232
244
 
233
- var _en = _interopRequireDefault(require("./en"));
234
-
235
- var _en_GB = _interopRequireDefault(require("./en_GB"));
236
-
237
- var _is = _interopRequireDefault(require("./is"));
245
+ var _zh = _interopRequireDefault(require("./zh"));
238
246
 
239
- var _ro = _interopRequireDefault(require("./ro"));
247
+ var _zh_TW = _interopRequireDefault(require("./zh_TW"));
@@ -1,4 +1,4 @@
1
1
  {
2
2
  "name": "@atlaskit/share",
3
- "version": "0.30.0"
3
+ "version": "0.31.0"
4
4
  }
@@ -5,6 +5,7 @@ import LinkFilledIcon from '@atlaskit/icon/glyph/link-filled';
5
5
  import Popup from '@atlaskit/popup';
6
6
  import { G300 } from '@atlaskit/theme/colors';
7
7
  import { layers } from '@atlaskit/theme/constants';
8
+ import Tooltip from '@atlaskit/tooltip';
8
9
  import React from 'react';
9
10
  import { FormattedMessage, injectIntl } from 'react-intl';
10
11
  import styled from 'styled-components';
@@ -74,6 +75,25 @@ export class CopyLinkButton extends React.Component {
74
75
  shouldShowCopiedMessage: false
75
76
  });
76
77
  });
78
+
79
+ _defineProperty(this, "renderTriggerButton", triggerProps => {
80
+ const {
81
+ intl: {
82
+ formatMessage
83
+ },
84
+ isDisabled,
85
+ isPublicLink
86
+ } = this.props;
87
+ return /*#__PURE__*/React.createElement(Button, _extends({
88
+ isDisabled: isDisabled,
89
+ appearance: "subtle-link",
90
+ iconBefore: /*#__PURE__*/React.createElement(LinkFilledIcon, {
91
+ label: formatMessage(messages.copyLinkButtonIconLabel),
92
+ size: "medium"
93
+ }),
94
+ onClick: this.handleClick
95
+ }, triggerProps), /*#__PURE__*/React.createElement(FormattedMessage, isPublicLink ? messages.copyPublicLinkButtonText : messages.copyLinkButtonText));
96
+ });
77
97
  }
78
98
 
79
99
  componentWillUnmount() {
@@ -88,8 +108,7 @@ export class CopyLinkButton extends React.Component {
88
108
  intl: {
89
109
  formatMessage
90
110
  },
91
- isDisabled,
92
- isPublicLink
111
+ copyTooltipText
93
112
  } = this.props;
94
113
  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(HiddenInput, {
95
114
  ref: this.inputRef,
@@ -103,15 +122,10 @@ export class CopyLinkButton extends React.Component {
103
122
  isOpen: shouldShowCopiedMessage,
104
123
  onClose: this.handleDismissCopiedMessage,
105
124
  placement: "top-start",
106
- trigger: triggerProps => /*#__PURE__*/React.createElement(Button, _extends({
107
- isDisabled: isDisabled,
108
- appearance: "subtle-link",
109
- iconBefore: /*#__PURE__*/React.createElement(LinkFilledIcon, {
110
- label: formatMessage(messages.copyLinkButtonIconLabel),
111
- size: "medium"
112
- }),
113
- onClick: this.handleClick
114
- }, triggerProps), /*#__PURE__*/React.createElement(FormattedMessage, isPublicLink ? messages.copyPublicLinkButtonText : messages.copyLinkButtonText))
125
+ trigger: triggerProps => copyTooltipText ? /*#__PURE__*/React.createElement(Tooltip, {
126
+ content: copyTooltipText,
127
+ position: "bottom-start"
128
+ }, this.renderTriggerButton(triggerProps)) : this.renderTriggerButton(triggerProps)
115
129
  }));
116
130
  }
117
131
 
@@ -303,7 +303,9 @@ export class ShareDialogContainerInternal extends React.Component {
303
303
  isPublicLink,
304
304
  shareIntegrations,
305
305
  shareAri,
306
- tabIndex
306
+ tabIndex,
307
+ copyTooltipText,
308
+ onDialogClose
307
309
  } = this.props;
308
310
  return /*#__PURE__*/React.createElement(ErrorBoundary, null, /*#__PURE__*/React.createElement(MessagesIntlProvider, null, /*#__PURE__*/React.createElement(ShareDialogWithTrigger, {
309
311
  onTriggerButtonClick: onTriggerButtonClick,
@@ -340,7 +342,9 @@ export class ShareDialogContainerInternal extends React.Component {
340
342
  isPublicLink: isPublicLink,
341
343
  shareIntegrations: shareIntegrations,
342
344
  shareAri: shareAri,
343
- tabIndex: tabIndex
345
+ tabIndex: tabIndex,
346
+ copyTooltipText: copyTooltipText,
347
+ onDialogClose: onDialogClose
344
348
  })));
345
349
  }
346
350