@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 +6 -0
- package/dist/cjs/components/CopyLinkButton.js +24 -13
- package/dist/cjs/components/ShareDialogContainer.js +6 -2
- package/dist/cjs/components/ShareDialogWithTrigger.js +61 -49
- package/dist/cjs/components/ShareForm.js +4 -2
- package/dist/cjs/i18n/en_ZZ.js +45 -0
- package/dist/cjs/i18n/index.js +58 -50
- package/dist/cjs/version.json +1 -1
- package/dist/es2019/components/CopyLinkButton.js +25 -11
- package/dist/es2019/components/ShareDialogContainer.js +6 -2
- package/dist/es2019/components/ShareDialogWithTrigger.js +14 -3
- package/dist/es2019/components/ShareForm.js +4 -2
- package/dist/es2019/i18n/en_ZZ.js +37 -0
- package/dist/es2019/i18n/index.js +10 -9
- package/dist/es2019/version.json +1 -1
- package/dist/esm/components/CopyLinkButton.js +24 -13
- package/dist/esm/components/ShareDialogContainer.js +6 -2
- package/dist/esm/components/ShareDialogWithTrigger.js +61 -49
- package/dist/esm/components/ShareForm.js +4 -2
- package/dist/esm/i18n/en_ZZ.js +37 -0
- package/dist/esm/i18n/index.js +10 -9
- package/dist/esm/version.json +1 -1
- package/dist/types/components/CopyLinkButton.d.ts +3 -0
- package/dist/types/components/ShareDialogContainer.d.ts +3 -1
- package/dist/types/components/ShareDialogWithTrigger.d.ts +3 -1
- package/dist/types/components/ShareForm.d.ts +1 -0
- package/dist/types/i18n/en_ZZ.d.ts +37 -0
- package/dist/types/i18n/index.d.ts +10 -9
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -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$
|
|
155
|
-
formatMessage = _this$
|
|
156
|
-
|
|
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(
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
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
|
|
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$
|
|
136
|
-
createAnalyticsEvent = _this$
|
|
137
|
-
analyticsDecorator = _this$
|
|
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$
|
|
207
|
-
onDialogOpen = _this$
|
|
208
|
-
isPublicLink = _this$
|
|
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$
|
|
248
|
-
onShareSubmit = _this$
|
|
249
|
-
shareContentType = _this$
|
|
250
|
-
formShareOrigin = _this$
|
|
251
|
-
showFlags = _this$
|
|
252
|
-
isPublicLink = _this$
|
|
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$
|
|
291
|
-
copyLinkOrigin = _this$
|
|
292
|
-
shareContentType = _this$
|
|
293
|
-
isPublicLink = _this$
|
|
294
|
-
shareAri = _this$
|
|
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$
|
|
311
|
-
formatMessage = _this$
|
|
312
|
-
isDisabled = _this$
|
|
313
|
-
renderCustomTriggerButton = _this$
|
|
314
|
-
triggerButtonIcon = _this$
|
|
315
|
-
triggerButtonTooltipText = _this$
|
|
316
|
-
triggerButtonTooltipPosition = _this$
|
|
317
|
-
triggerButtonAppearance = _this$
|
|
318
|
-
triggerButtonStyle = _this$
|
|
319
|
-
shareIntegrations = _this$
|
|
320
|
-
dialogZIndex = _this$
|
|
321
|
-
dialogPlacement = _this$
|
|
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$
|
|
416
|
-
copyLink = _this$
|
|
417
|
-
dialogPlacement = _this$
|
|
418
|
-
loadUserOptions = _this$
|
|
419
|
-
shareFormTitle = _this$
|
|
420
|
-
contentPermissions = _this$
|
|
421
|
-
bottomMessage = _this$
|
|
422
|
-
submitButtonLabel = _this$
|
|
423
|
-
product = _this$
|
|
424
|
-
customFooter = _this$
|
|
425
|
-
enableSmartUserPicker = _this$
|
|
426
|
-
loggedInAccountId = _this$
|
|
427
|
-
cloudId = _this$
|
|
428
|
-
shareFieldsFooter = _this$
|
|
429
|
-
onUserSelectionChange = _this$
|
|
430
|
-
dialogZIndex = _this$
|
|
431
|
-
isPublicLink = _this$
|
|
432
|
-
tabIndex = _this$
|
|
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;
|
package/dist/cjs/i18n/index.js
CHANGED
|
@@ -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, "
|
|
8
|
+
Object.defineProperty(exports, "en_ZZ", {
|
|
9
9
|
enumerable: true,
|
|
10
10
|
get: function get() {
|
|
11
|
-
return
|
|
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, "
|
|
26
|
+
Object.defineProperty(exports, "de", {
|
|
33
27
|
enumerable: true,
|
|
34
28
|
get: function get() {
|
|
35
|
-
return
|
|
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, "
|
|
68
|
+
Object.defineProperty(exports, "hu", {
|
|
57
69
|
enumerable: true,
|
|
58
70
|
get: function get() {
|
|
59
|
-
return
|
|
71
|
+
return _hu.default;
|
|
60
72
|
}
|
|
61
73
|
});
|
|
62
|
-
Object.defineProperty(exports, "
|
|
74
|
+
Object.defineProperty(exports, "is", {
|
|
63
75
|
enumerable: true,
|
|
64
76
|
get: function get() {
|
|
65
|
-
return
|
|
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, "
|
|
128
|
+
Object.defineProperty(exports, "ro", {
|
|
111
129
|
enumerable: true,
|
|
112
130
|
get: function get() {
|
|
113
|
-
return
|
|
131
|
+
return _ro.default;
|
|
114
132
|
}
|
|
115
133
|
});
|
|
116
|
-
Object.defineProperty(exports, "
|
|
134
|
+
Object.defineProperty(exports, "ru", {
|
|
117
135
|
enumerable: true,
|
|
118
136
|
get: function get() {
|
|
119
|
-
return
|
|
137
|
+
return _ru.default;
|
|
120
138
|
}
|
|
121
139
|
});
|
|
122
|
-
Object.defineProperty(exports, "
|
|
140
|
+
Object.defineProperty(exports, "sk", {
|
|
123
141
|
enumerable: true,
|
|
124
142
|
get: function get() {
|
|
125
|
-
return
|
|
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, "
|
|
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
|
|
179
|
+
return _zh.default;
|
|
174
180
|
}
|
|
175
181
|
});
|
|
176
|
-
Object.defineProperty(exports, "
|
|
182
|
+
Object.defineProperty(exports, "zh_TW", {
|
|
177
183
|
enumerable: true,
|
|
178
184
|
get: function get() {
|
|
179
|
-
return
|
|
185
|
+
return _zh_TW.default;
|
|
180
186
|
}
|
|
181
187
|
});
|
|
182
188
|
|
|
183
|
-
var
|
|
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
|
|
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
|
|
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
|
|
247
|
+
var _zh_TW = _interopRequireDefault(require("./zh_TW"));
|
package/dist/cjs/version.json
CHANGED
|
@@ -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
|
-
|
|
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(
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
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
|
|