@atlaskit/share 3.7.0 → 3.7.2
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 +12 -0
- package/dist/cjs/clients/AtlassianUrlShortenerClient.js +0 -22
- package/dist/cjs/clients/ShareServiceClient.js +1 -12
- package/dist/cjs/clients/index.js +0 -1
- package/dist/cjs/components/CommentField.js +0 -9
- package/dist/cjs/components/CopyLinkButton.js +8 -48
- package/dist/cjs/components/ErrorBoundary.js +0 -26
- package/dist/cjs/components/IntegrationButton.js +3 -15
- package/dist/cjs/components/IntegrationForm.js +8 -17
- package/dist/cjs/components/LazyShareForm/LazyShareForm.js +38 -61
- package/dist/cjs/components/LazyShareForm/index.js +0 -2
- package/dist/cjs/components/LazyShareForm/lazy.js +4 -18
- package/dist/cjs/components/MessagesIntlProvider.js +1 -14
- package/dist/cjs/components/ShareButton.js +1 -9
- package/dist/cjs/components/ShareDialogContainer.js +56 -123
- package/dist/cjs/components/ShareDialogWithTrigger.js +85 -161
- package/dist/cjs/components/ShareForm.js +41 -100
- package/dist/cjs/components/ShareFormWrapper/ShareFormWrapper.js +5 -11
- package/dist/cjs/components/ShareFormWrapper/index.js +0 -2
- package/dist/cjs/components/ShareFormWrapper/styled.js +2 -9
- package/dist/cjs/components/ShareHeader.js +0 -14
- package/dist/cjs/components/SlackIcon.js +0 -4
- package/dist/cjs/components/SplitButton.js +18 -43
- package/dist/cjs/components/UserPickerField.js +20 -70
- package/dist/cjs/components/analytics/analytics.js +6 -39
- package/dist/cjs/components/analytics/ufoExperienceHelper.js +0 -4
- package/dist/cjs/components/analytics/ufoExperiences.js +0 -2
- package/dist/cjs/components/colorSlackIcon.js +0 -4
- package/dist/cjs/components/localStorageUtils.js +0 -11
- package/dist/cjs/components/monochromeSlackIcon.js +2 -4
- package/dist/cjs/components/styles.js +2 -16
- package/dist/cjs/components/utils.js +4 -19
- package/dist/cjs/i18n/cs.js +0 -1
- package/dist/cjs/i18n/da.js +1 -2
- package/dist/cjs/i18n/de.js +0 -1
- package/dist/cjs/i18n/en.js +29 -22
- package/dist/cjs/i18n/en_GB.js +29 -22
- package/dist/cjs/i18n/en_ZZ.js +0 -1
- package/dist/cjs/i18n/es.js +0 -1
- package/dist/cjs/i18n/et.js +0 -1
- package/dist/cjs/i18n/fi.js +0 -1
- package/dist/cjs/i18n/fr.js +0 -1
- package/dist/cjs/i18n/hu.js +0 -1
- package/dist/cjs/i18n/index.js +0 -31
- package/dist/cjs/i18n/is.js +0 -1
- package/dist/cjs/i18n/it.js +0 -1
- package/dist/cjs/i18n/ja.js +0 -1
- package/dist/cjs/i18n/ko.js +0 -1
- package/dist/cjs/i18n/languages.js +0 -1
- package/dist/cjs/i18n/nb.js +0 -1
- package/dist/cjs/i18n/nl.js +0 -1
- package/dist/cjs/i18n/pl.js +0 -1
- package/dist/cjs/i18n/pt_BR.js +0 -1
- package/dist/cjs/i18n/pt_PT.js +0 -1
- package/dist/cjs/i18n/ro.js +0 -1
- package/dist/cjs/i18n/ru.js +0 -1
- package/dist/cjs/i18n/sk.js +0 -1
- package/dist/cjs/i18n/sv.js +0 -1
- package/dist/cjs/i18n/th.js +0 -1
- package/dist/cjs/i18n/tr.js +0 -1
- package/dist/cjs/i18n/uk.js +0 -1
- package/dist/cjs/i18n/vi.js +0 -1
- package/dist/cjs/i18n/zh.js +0 -1
- package/dist/cjs/i18n/zh_TW.js +0 -1
- package/dist/cjs/i18n.js +2 -3
- package/dist/cjs/index.js +0 -3
- package/dist/cjs/types/ShareEntities.js +0 -1
- package/dist/cjs/types/index.js +0 -2
- package/dist/cjs/util/i18n-util.js +2 -8
- package/dist/cjs/version.json +1 -1
- package/dist/es2019/clients/AtlassianUrlShortenerClient.js +0 -6
- package/dist/es2019/clients/ShareServiceClient.js +1 -4
- package/dist/es2019/components/CopyLinkButton.js +2 -13
- package/dist/es2019/components/ErrorBoundary.js +0 -10
- package/dist/es2019/components/IntegrationButton.js +0 -2
- package/dist/es2019/components/LazyShareForm/LazyShareForm.js +5 -14
- package/dist/es2019/components/LazyShareForm/lazy.js +3 -5
- package/dist/es2019/components/MessagesIntlProvider.js +2 -3
- package/dist/es2019/components/ShareDialogContainer.js +21 -59
- package/dist/es2019/components/ShareDialogWithTrigger.js +29 -68
- package/dist/es2019/components/ShareForm.js +4 -24
- package/dist/es2019/components/ShareFormWrapper/ShareFormWrapper.js +0 -2
- package/dist/es2019/components/ShareFormWrapper/styled.js +2 -1
- package/dist/es2019/components/SlackIcon.js +0 -2
- package/dist/es2019/components/SplitButton.js +2 -5
- package/dist/es2019/components/UserPickerField.js +2 -23
- package/dist/es2019/components/analytics/analytics.js +9 -13
- package/dist/es2019/components/analytics/ufoExperienceHelper.js +0 -2
- package/dist/es2019/components/colorSlackIcon.js +0 -2
- package/dist/es2019/components/localStorageUtils.js +0 -3
- package/dist/es2019/components/monochromeSlackIcon.js +2 -2
- package/dist/es2019/components/styles.js +3 -2
- package/dist/es2019/components/utils.js +7 -8
- package/dist/es2019/i18n/da.js +1 -1
- package/dist/es2019/i18n/en.js +29 -21
- package/dist/es2019/i18n/en_GB.js +29 -21
- package/dist/es2019/i18n.js +2 -1
- package/dist/es2019/index.js +2 -1
- package/dist/es2019/types/ShareEntities.js +1 -1
- package/dist/es2019/util/i18n-util.js +1 -5
- package/dist/es2019/version.json +1 -1
- package/dist/esm/clients/AtlassianUrlShortenerClient.js +0 -16
- package/dist/esm/clients/ShareServiceClient.js +1 -7
- package/dist/esm/components/CopyLinkButton.js +8 -31
- package/dist/esm/components/ErrorBoundary.js +0 -18
- package/dist/esm/components/IntegrationButton.js +3 -8
- package/dist/esm/components/IntegrationForm.js +8 -10
- package/dist/esm/components/LazyShareForm/LazyShareForm.js +38 -47
- package/dist/esm/components/LazyShareForm/lazy.js +5 -7
- package/dist/esm/components/MessagesIntlProvider.js +1 -6
- package/dist/esm/components/ShareButton.js +1 -2
- package/dist/esm/components/ShareDialogContainer.js +56 -108
- package/dist/esm/components/ShareDialogWithTrigger.js +89 -157
- package/dist/esm/components/ShareForm.js +41 -74
- package/dist/esm/components/ShareFormWrapper/ShareFormWrapper.js +5 -7
- package/dist/esm/components/ShareFormWrapper/styled.js +2 -1
- package/dist/esm/components/ShareHeader.js +0 -2
- package/dist/esm/components/SlackIcon.js +0 -2
- package/dist/esm/components/SplitButton.js +18 -24
- package/dist/esm/components/UserPickerField.js +20 -54
- package/dist/esm/components/analytics/analytics.js +6 -15
- package/dist/esm/components/analytics/ufoExperienceHelper.js +0 -2
- package/dist/esm/components/colorSlackIcon.js +0 -2
- package/dist/esm/components/localStorageUtils.js +0 -3
- package/dist/esm/components/monochromeSlackIcon.js +2 -2
- package/dist/esm/components/styles.js +2 -7
- package/dist/esm/components/utils.js +7 -8
- package/dist/esm/i18n/da.js +1 -1
- package/dist/esm/i18n/en.js +29 -21
- package/dist/esm/i18n/en_GB.js +29 -21
- package/dist/esm/i18n.js +2 -1
- package/dist/esm/index.js +2 -1
- package/dist/esm/types/ShareEntities.js +1 -1
- package/dist/esm/util/i18n-util.js +1 -5
- package/dist/esm/version.json +1 -1
- package/dist/types/components/LazyShareForm/LazyShareForm.d.ts +1 -1
- package/dist/types/i18n/en.d.ts +27 -19
- package/dist/types/i18n/en_GB.d.ts +27 -19
- package/dist/types/types/ShareForm.d.ts +0 -1
- package/package.json +2 -2
|
@@ -1,76 +1,42 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.defaultShareContentState = exports.ShareDialogWithTriggerInternal = exports.ShareDialogWithTrigger = void 0;
|
|
9
|
-
|
|
10
8
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
11
|
-
|
|
12
9
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
13
|
-
|
|
14
10
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
15
|
-
|
|
16
11
|
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
17
|
-
|
|
18
12
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
19
|
-
|
|
20
13
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
21
|
-
|
|
22
14
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
23
|
-
|
|
24
15
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
25
|
-
|
|
26
16
|
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
|
|
27
|
-
|
|
28
17
|
var _react = _interopRequireDefault(require("react"));
|
|
29
|
-
|
|
30
18
|
var _react2 = require("@emotion/react");
|
|
31
|
-
|
|
32
19
|
var _reactIntlNext = require("react-intl-next");
|
|
33
|
-
|
|
34
20
|
var _analyticsNext = require("@atlaskit/analytics-next");
|
|
35
|
-
|
|
36
21
|
var _share = _interopRequireDefault(require("@atlaskit/icon/glyph/share"));
|
|
37
|
-
|
|
38
22
|
var _popup = _interopRequireDefault(require("@atlaskit/popup"));
|
|
39
|
-
|
|
40
23
|
var _portal = _interopRequireDefault(require("@atlaskit/portal"));
|
|
41
|
-
|
|
42
24
|
var _constants = require("@atlaskit/theme/constants");
|
|
43
|
-
|
|
44
25
|
var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
|
|
45
|
-
|
|
46
26
|
var _i18n = require("../i18n");
|
|
47
|
-
|
|
48
27
|
var _types = require("../types");
|
|
49
|
-
|
|
50
28
|
var _analytics = require("./analytics/analytics");
|
|
51
|
-
|
|
52
29
|
var _ufoExperienceHelper = require("./analytics/ufoExperienceHelper");
|
|
53
|
-
|
|
54
30
|
var _ufoExperiences = require("./analytics/ufoExperiences");
|
|
55
|
-
|
|
56
31
|
var _lazy = _interopRequireDefault(require("./LazyShareForm/lazy"));
|
|
57
|
-
|
|
58
32
|
var _ShareButton = _interopRequireDefault(require("./ShareButton"));
|
|
59
|
-
|
|
60
33
|
var _SplitButton = _interopRequireDefault(require("./SplitButton"));
|
|
61
|
-
|
|
62
34
|
var _utils = require("./utils");
|
|
63
|
-
|
|
64
35
|
var _templateObject;
|
|
65
|
-
|
|
66
36
|
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; }
|
|
67
|
-
|
|
68
37
|
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; }
|
|
69
|
-
|
|
70
38
|
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); }; }
|
|
71
|
-
|
|
72
39
|
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; } }
|
|
73
|
-
|
|
74
40
|
var shareButtonWrapperStyles = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: inline-flex;\n outline: none;\n"])));
|
|
75
41
|
var defaultShareContentState = {
|
|
76
42
|
users: [],
|
|
@@ -80,22 +46,16 @@ var defaultShareContentState = {
|
|
|
80
46
|
}
|
|
81
47
|
};
|
|
82
48
|
exports.defaultShareContentState = defaultShareContentState;
|
|
83
|
-
|
|
84
49
|
// eslint-disable-next-line @repo/internal/react/no-class-components
|
|
85
50
|
var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureComponent) {
|
|
86
51
|
(0, _inherits2.default)(ShareDialogWithTriggerInternal, _React$PureComponent);
|
|
87
|
-
|
|
88
52
|
var _super = _createSuper(ShareDialogWithTriggerInternal);
|
|
89
|
-
|
|
90
53
|
function ShareDialogWithTriggerInternal() {
|
|
91
54
|
var _this;
|
|
92
|
-
|
|
93
55
|
(0, _classCallCheck2.default)(this, ShareDialogWithTriggerInternal);
|
|
94
|
-
|
|
95
56
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
96
57
|
args[_key] = arguments[_key];
|
|
97
58
|
}
|
|
98
|
-
|
|
99
59
|
_this = _super.call.apply(_super, [this].concat(args));
|
|
100
60
|
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "containerRef", /*#__PURE__*/_react.default.createRef());
|
|
101
61
|
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "selectPortalRef", /*#__PURE__*/_react.default.createRef());
|
|
@@ -120,28 +80,23 @@ var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureComponent
|
|
|
120
80
|
showIntegrationForm: false,
|
|
121
81
|
selectedIntegration: null
|
|
122
82
|
});
|
|
123
|
-
|
|
124
83
|
var _this$props = _this.props,
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
84
|
+
onUserSelectionChange = _this$props.onUserSelectionChange,
|
|
85
|
+
onDialogClose = _this$props.onDialogClose;
|
|
128
86
|
if (onUserSelectionChange) {
|
|
129
87
|
onUserSelectionChange(defaultShareContentState.users);
|
|
130
88
|
}
|
|
131
|
-
|
|
132
89
|
if (onDialogClose) {
|
|
133
90
|
onDialogClose();
|
|
134
91
|
}
|
|
135
92
|
});
|
|
136
93
|
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "createAndFireEvent", function (payload) {
|
|
137
94
|
var _this$props2 = _this.props,
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
95
|
+
createAnalyticsEvent = _this$props2.createAnalyticsEvent,
|
|
96
|
+
analyticsDecorator = _this$props2.analyticsDecorator;
|
|
141
97
|
if (analyticsDecorator) {
|
|
142
98
|
payload = analyticsDecorator(payload);
|
|
143
99
|
}
|
|
144
|
-
|
|
145
100
|
if (createAnalyticsEvent) {
|
|
146
101
|
createAnalyticsEvent(payload).fire(_analytics.CHANNEL_ID);
|
|
147
102
|
}
|
|
@@ -149,26 +104,24 @@ var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureComponent
|
|
|
149
104
|
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onTabChange", function (index) {
|
|
150
105
|
var subjectId = 'shareTab';
|
|
151
106
|
var _this$props3 = _this.props,
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
107
|
+
shareContentType = _this$props3.shareContentType,
|
|
108
|
+
isJwmShareToSlackFFEnabled = _this$props3.isJwmShareToSlackFFEnabled;
|
|
155
109
|
if (index === 1) {
|
|
156
110
|
subjectId = 'shareToSlackTab';
|
|
157
111
|
}
|
|
158
|
-
|
|
159
112
|
_this.createAndFireEvent((0, _analytics.shareTabClicked)(subjectId, shareContentType, isJwmShareToSlackFFEnabled));
|
|
160
|
-
|
|
161
113
|
_this.setState({
|
|
162
114
|
tabIndex: index
|
|
163
115
|
});
|
|
164
116
|
});
|
|
165
117
|
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getFlags", function () {
|
|
166
|
-
var formatMessage = _this.props.intl.formatMessage;
|
|
118
|
+
var formatMessage = _this.props.intl.formatMessage;
|
|
119
|
+
|
|
120
|
+
// The reason for providing message property is that in jira,
|
|
167
121
|
// the Flag system takes only Message Descriptor as payload
|
|
168
122
|
// and formatMessage is called for every flag
|
|
169
123
|
// if the translation data is not provided, a translated default message
|
|
170
124
|
// will be displayed
|
|
171
|
-
|
|
172
125
|
return [{
|
|
173
126
|
appearance: 'success',
|
|
174
127
|
title: _objectSpread(_objectSpread({}, _i18n.messages.shareSuccessMessage), {}, {
|
|
@@ -191,16 +144,13 @@ var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureComponent
|
|
|
191
144
|
});
|
|
192
145
|
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleKeyDown", function (event) {
|
|
193
146
|
var _this$state = _this.state,
|
|
194
|
-
|
|
195
|
-
|
|
147
|
+
isLoading = _this$state.isLoading,
|
|
148
|
+
isDialogOpen = _this$state.isDialogOpen;
|
|
196
149
|
var shouldCloseOnEscapePress = _this.props.shouldCloseOnEscapePress;
|
|
197
|
-
|
|
198
150
|
if (isLoading) {
|
|
199
151
|
event.stopPropagation();
|
|
200
|
-
|
|
201
152
|
_this.focus();
|
|
202
153
|
}
|
|
203
|
-
|
|
204
154
|
if (isDialogOpen) {
|
|
205
155
|
switch (event.key) {
|
|
206
156
|
case 'Esc':
|
|
@@ -209,27 +159,22 @@ var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureComponent
|
|
|
209
159
|
// need to prevent that if the dialog is set to not close on `ESC`
|
|
210
160
|
if (!shouldCloseOnEscapePress) {
|
|
211
161
|
event.preventDefault();
|
|
212
|
-
event.stopPropagation();
|
|
162
|
+
event.stopPropagation();
|
|
163
|
+
// put the focus back onto the share dialog so that
|
|
213
164
|
// the user can press the escape key again to close the dialog
|
|
214
|
-
|
|
215
165
|
_this.focus();
|
|
216
|
-
|
|
217
166
|
return;
|
|
218
|
-
}
|
|
167
|
+
}
|
|
168
|
+
// The dialog will auto-close in @atlaskit/popup, we just need to fire
|
|
219
169
|
// the right events.
|
|
220
|
-
|
|
221
|
-
|
|
222
170
|
if (shouldCloseOnEscapePress) {
|
|
223
171
|
// This experience should be aborted in a scenario when a user closes the dialog before the shareClient.getConfig() call is finished
|
|
224
172
|
// It is a race condition between the `SUCCEEDED` case and the `ABORTED` case of this experience
|
|
225
173
|
// UFO experiences can only have one FINAL state so it doesn't matter if we call .abort() after the experience has succeeded and vice versa
|
|
226
174
|
_ufoExperiences.renderShareDialogExp.abort();
|
|
227
|
-
|
|
228
175
|
_this.createAndFireEvent((0, _analytics.cancelShare)(_this.start));
|
|
229
|
-
|
|
230
176
|
_this.closeAndResetDialog();
|
|
231
177
|
}
|
|
232
|
-
|
|
233
178
|
}
|
|
234
179
|
}
|
|
235
180
|
});
|
|
@@ -243,32 +188,25 @@ var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureComponent
|
|
|
243
188
|
};
|
|
244
189
|
}, function () {
|
|
245
190
|
var _this$props4 = _this.props,
|
|
246
|
-
|
|
247
|
-
|
|
191
|
+
onDialogOpen = _this$props4.onDialogOpen,
|
|
192
|
+
isPublicLink = _this$props4.isPublicLink;
|
|
248
193
|
var isDialogOpen = _this.state.isDialogOpen;
|
|
249
|
-
|
|
250
194
|
if (isDialogOpen) {
|
|
251
195
|
_this.start = Date.now();
|
|
252
|
-
|
|
253
196
|
_this.createAndFireEvent((0, _analytics.screenEvent)({
|
|
254
197
|
isPublicLink: isPublicLink
|
|
255
198
|
}));
|
|
256
|
-
|
|
257
199
|
if (onDialogOpen) {
|
|
258
200
|
onDialogOpen();
|
|
259
201
|
}
|
|
260
|
-
|
|
261
202
|
_this.focus();
|
|
262
203
|
}
|
|
263
204
|
});
|
|
264
205
|
});
|
|
265
206
|
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onTriggerClick", function () {
|
|
266
207
|
var onTriggerButtonClick = _this.props.onTriggerButtonClick;
|
|
267
|
-
|
|
268
208
|
_this.createAndFireEvent((0, _analytics.shareTriggerButtonClicked)());
|
|
269
|
-
|
|
270
209
|
_this.handleDialogOpen();
|
|
271
|
-
|
|
272
210
|
if (onTriggerButtonClick) {
|
|
273
211
|
onTriggerButtonClick();
|
|
274
212
|
}
|
|
@@ -276,13 +214,12 @@ var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureComponent
|
|
|
276
214
|
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleCloseDialog", function () {
|
|
277
215
|
if (_this.props.onDialogClose) {
|
|
278
216
|
_this.props.onDialogClose();
|
|
279
|
-
}
|
|
217
|
+
}
|
|
218
|
+
|
|
219
|
+
// This experience should be aborted in a scenario when a user closes the dialog before the shareClient.getConfig() call is finished
|
|
280
220
|
// It is a race condition between the `SUCCEEDED` case and the `ABORTED` case of this experience
|
|
281
221
|
// UFO experiences can only have one FINAL state so it doesn't matter if we call .abort() after the experience has succeeded and vice versa
|
|
282
|
-
|
|
283
|
-
|
|
284
222
|
_ufoExperiences.renderShareDialogExp.abort();
|
|
285
|
-
|
|
286
223
|
_this.setState({
|
|
287
224
|
isDialogOpen: false,
|
|
288
225
|
showIntegrationForm: false,
|
|
@@ -292,33 +229,25 @@ var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureComponent
|
|
|
292
229
|
});
|
|
293
230
|
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleShareSubmit", function (data) {
|
|
294
231
|
var _this$props5 = _this.props,
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
|
|
232
|
+
onShareSubmit = _this$props5.onShareSubmit,
|
|
233
|
+
shareContentType = _this$props5.shareContentType,
|
|
234
|
+
formShareOrigin = _this$props5.formShareOrigin,
|
|
235
|
+
showFlags = _this$props5.showFlags,
|
|
236
|
+
isPublicLink = _this$props5.isPublicLink;
|
|
301
237
|
if (!onShareSubmit) {
|
|
302
238
|
return;
|
|
303
239
|
}
|
|
304
|
-
|
|
305
240
|
_ufoExperiences.shareSubmitExp.start();
|
|
306
|
-
|
|
307
241
|
_this.setState({
|
|
308
242
|
isSharing: true
|
|
309
243
|
});
|
|
310
|
-
|
|
311
244
|
_this.createAndFireEvent((0, _analytics.formShareSubmitted)(_this.start, data, shareContentType, formShareOrigin, isPublicLink));
|
|
312
|
-
|
|
313
245
|
onShareSubmit(data).then(function () {
|
|
314
246
|
_this.closeAndResetDialog();
|
|
315
|
-
|
|
316
247
|
_this.setState({
|
|
317
248
|
isSharing: false
|
|
318
249
|
});
|
|
319
|
-
|
|
320
250
|
showFlags(_this.getFlags());
|
|
321
|
-
|
|
322
251
|
_ufoExperiences.shareSubmitExp.success();
|
|
323
252
|
}).catch(function (err) {
|
|
324
253
|
_this.setState({
|
|
@@ -327,7 +256,6 @@ var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureComponent
|
|
|
327
256
|
message: err.message
|
|
328
257
|
}
|
|
329
258
|
});
|
|
330
|
-
|
|
331
259
|
(0, _ufoExperienceHelper.isValidFailedExperience)(_ufoExperiences.shareSubmitExp, err);
|
|
332
260
|
});
|
|
333
261
|
});
|
|
@@ -341,11 +269,10 @@ var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureComponent
|
|
|
341
269
|
});
|
|
342
270
|
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleCopyLink", function () {
|
|
343
271
|
var _this$props6 = _this.props,
|
|
344
|
-
|
|
345
|
-
|
|
346
|
-
|
|
347
|
-
|
|
348
|
-
|
|
272
|
+
copyLinkOrigin = _this$props6.copyLinkOrigin,
|
|
273
|
+
shareContentType = _this$props6.shareContentType,
|
|
274
|
+
isPublicLink = _this$props6.isPublicLink,
|
|
275
|
+
shareAri = _this$props6.shareAri;
|
|
349
276
|
_this.createAndFireEvent((0, _analytics.copyLinkButtonClicked)(_this.start, shareContentType, copyLinkOrigin, isPublicLink, shareAri));
|
|
350
277
|
});
|
|
351
278
|
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleIntegrationClick", function (integration) {
|
|
@@ -358,24 +285,25 @@ var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureComponent
|
|
|
358
285
|
});
|
|
359
286
|
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderShareTriggerButton", function (triggerProps) {
|
|
360
287
|
var _this$state2 = _this.state,
|
|
361
|
-
|
|
362
|
-
|
|
288
|
+
isDialogOpen = _this$state2.isDialogOpen,
|
|
289
|
+
isUsingSplitButton = _this$state2.isUsingSplitButton;
|
|
363
290
|
var _this$props7 = _this.props,
|
|
364
|
-
|
|
365
|
-
|
|
366
|
-
|
|
367
|
-
|
|
368
|
-
|
|
369
|
-
|
|
370
|
-
|
|
371
|
-
|
|
372
|
-
|
|
373
|
-
|
|
374
|
-
|
|
375
|
-
|
|
291
|
+
formatMessage = _this$props7.intl.formatMessage,
|
|
292
|
+
isDisabled = _this$props7.isDisabled,
|
|
293
|
+
renderCustomTriggerButton = _this$props7.renderCustomTriggerButton,
|
|
294
|
+
triggerButtonIcon = _this$props7.triggerButtonIcon,
|
|
295
|
+
triggerButtonTooltipText = _this$props7.triggerButtonTooltipText,
|
|
296
|
+
triggerButtonTooltipPosition = _this$props7.triggerButtonTooltipPosition,
|
|
297
|
+
triggerButtonAppearance = _this$props7.triggerButtonAppearance,
|
|
298
|
+
triggerButtonStyle = _this$props7.triggerButtonStyle,
|
|
299
|
+
integrationMode = _this$props7.integrationMode,
|
|
300
|
+
shareIntegrations = _this$props7.shareIntegrations,
|
|
301
|
+
dialogZIndex = _this$props7.dialogZIndex,
|
|
302
|
+
dialogPlacement = _this$props7.dialogPlacement;
|
|
376
303
|
var button;
|
|
377
|
-
var ShareButtonIcon = triggerButtonIcon || _share.default;
|
|
304
|
+
var ShareButtonIcon = triggerButtonIcon || _share.default;
|
|
378
305
|
|
|
306
|
+
// Render a custom or standard button.
|
|
379
307
|
if (renderCustomTriggerButton) {
|
|
380
308
|
var shareError = _this.state.shareError;
|
|
381
309
|
button = renderCustomTriggerButton({
|
|
@@ -396,18 +324,18 @@ var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureComponent
|
|
|
396
324
|
isSelected: isDialogOpen,
|
|
397
325
|
isDisabled: isDisabled
|
|
398
326
|
}, triggerProps));
|
|
399
|
-
}
|
|
400
|
-
|
|
327
|
+
}
|
|
401
328
|
|
|
329
|
+
// If the button only shows the icon, wrap it in a tooltip containing the button text.
|
|
402
330
|
if (triggerButtonStyle === 'icon-only') {
|
|
403
331
|
button = (0, _react2.jsx)(_tooltip.default, {
|
|
404
332
|
content: !isUsingSplitButton ? triggerButtonTooltipText || formatMessage(_i18n.messages.shareTriggerButtonTooltipText) : null,
|
|
405
333
|
position: triggerButtonTooltipPosition,
|
|
406
334
|
hideTooltipOnClick: true
|
|
407
335
|
}, button);
|
|
408
|
-
}
|
|
409
|
-
|
|
336
|
+
}
|
|
410
337
|
|
|
338
|
+
// If there are any integrations, wrap the share button in a split button with integrations.
|
|
411
339
|
if (integrationMode === 'split' && shareIntegrations !== null && shareIntegrations !== void 0 && shareIntegrations.length) {
|
|
412
340
|
button = (0, _react2.jsx)(_SplitButton.default, {
|
|
413
341
|
shareButton: button,
|
|
@@ -422,7 +350,6 @@ var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureComponent
|
|
|
422
350
|
createAndFireEvent: _this.createAndFireEvent
|
|
423
351
|
});
|
|
424
352
|
}
|
|
425
|
-
|
|
426
353
|
return button;
|
|
427
354
|
});
|
|
428
355
|
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleOpenSplitButton", function () {
|
|
@@ -431,7 +358,6 @@ var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureComponent
|
|
|
431
358
|
}, function () {
|
|
432
359
|
return _this.handleCloseDialog();
|
|
433
360
|
});
|
|
434
|
-
|
|
435
361
|
_this.createAndFireEvent((0, _analytics.shareSplitButtonEvent)());
|
|
436
362
|
});
|
|
437
363
|
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleCloseSplitButton", function () {
|
|
@@ -441,7 +367,6 @@ var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureComponent
|
|
|
441
367
|
});
|
|
442
368
|
return _this;
|
|
443
369
|
}
|
|
444
|
-
|
|
445
370
|
(0, _createClass2.default)(ShareDialogWithTriggerInternal, [{
|
|
446
371
|
key: "componentDidMount",
|
|
447
372
|
value: function componentDidMount() {
|
|
@@ -460,45 +385,44 @@ var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureComponent
|
|
|
460
385
|
key: "render",
|
|
461
386
|
value: function render() {
|
|
462
387
|
var _this2 = this;
|
|
463
|
-
|
|
464
388
|
var _this$state3 = this.state,
|
|
465
|
-
|
|
466
|
-
|
|
467
|
-
|
|
468
|
-
|
|
469
|
-
|
|
470
|
-
|
|
389
|
+
isDialogOpen = _this$state3.isDialogOpen,
|
|
390
|
+
isSharing = _this$state3.isSharing,
|
|
391
|
+
shareError = _this$state3.shareError,
|
|
392
|
+
defaultValue = _this$state3.defaultValue,
|
|
393
|
+
showIntegrationForm = _this$state3.showIntegrationForm,
|
|
394
|
+
selectedIntegration = _this$state3.selectedIntegration;
|
|
471
395
|
var _this$props8 = this.props,
|
|
472
|
-
|
|
473
|
-
|
|
474
|
-
|
|
475
|
-
|
|
476
|
-
|
|
477
|
-
|
|
478
|
-
|
|
479
|
-
|
|
480
|
-
|
|
481
|
-
|
|
482
|
-
|
|
483
|
-
|
|
484
|
-
|
|
485
|
-
|
|
486
|
-
|
|
487
|
-
|
|
488
|
-
|
|
489
|
-
|
|
490
|
-
|
|
491
|
-
|
|
492
|
-
|
|
493
|
-
|
|
494
|
-
|
|
495
|
-
|
|
496
|
-
shareContentType = _this$props8.shareContentType;
|
|
396
|
+
copyLink = _this$props8.copyLink,
|
|
397
|
+
dialogPlacement = _this$props8.dialogPlacement,
|
|
398
|
+
config = _this$props8.config,
|
|
399
|
+
isFetchingConfig = _this$props8.isFetchingConfig,
|
|
400
|
+
loadUserOptions = _this$props8.loadUserOptions,
|
|
401
|
+
shareFormTitle = _this$props8.shareFormTitle,
|
|
402
|
+
shareFormHelperMessage = _this$props8.shareFormHelperMessage,
|
|
403
|
+
bottomMessage = _this$props8.bottomMessage,
|
|
404
|
+
submitButtonLabel = _this$props8.submitButtonLabel,
|
|
405
|
+
product = _this$props8.product,
|
|
406
|
+
customFooter = _this$props8.customFooter,
|
|
407
|
+
enableSmartUserPicker = _this$props8.enableSmartUserPicker,
|
|
408
|
+
loggedInAccountId = _this$props8.loggedInAccountId,
|
|
409
|
+
cloudId = _this$props8.cloudId,
|
|
410
|
+
orgId = _this$props8.orgId,
|
|
411
|
+
shareFieldsFooter = _this$props8.shareFieldsFooter,
|
|
412
|
+
onUserSelectionChange = _this$props8.onUserSelectionChange,
|
|
413
|
+
dialogZIndex = _this$props8.dialogZIndex,
|
|
414
|
+
isPublicLink = _this$props8.isPublicLink,
|
|
415
|
+
tabIndex = _this$props8.tabIndex,
|
|
416
|
+
copyTooltipText = _this$props8.copyTooltipText,
|
|
417
|
+
integrationMode = _this$props8.integrationMode,
|
|
418
|
+
shareIntegrations = _this$props8.shareIntegrations,
|
|
419
|
+
isBrowseUsersDisabled = _this$props8.isBrowseUsersDisabled;
|
|
497
420
|
var style = typeof tabIndex !== 'undefined' && tabIndex >= 0 ? {
|
|
498
421
|
outline: 'none'
|
|
499
422
|
} : undefined;
|
|
500
|
-
var footer = (0, _utils.resolveShareFooter)(integrationMode, this.state.tabIndex, customFooter);
|
|
423
|
+
var footer = (0, _utils.resolveShareFooter)(integrationMode, this.state.tabIndex, customFooter);
|
|
501
424
|
|
|
425
|
+
// for performance purposes, we may want to have a loadable content i.e. ShareForm
|
|
502
426
|
return (0, _react2.jsx)("div", {
|
|
503
427
|
css: shareButtonWrapperStyles,
|
|
504
428
|
tabIndex: tabIndex,
|
|
@@ -521,7 +445,6 @@ var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureComponent
|
|
|
521
445
|
showTitle: integrationMode !== 'tabs' || !shareIntegrations || !shareIntegrations.length,
|
|
522
446
|
shareFormHelperMessage: shareFormHelperMessage,
|
|
523
447
|
shareError: shareError,
|
|
524
|
-
shareContentType: shareContentType,
|
|
525
448
|
defaultValue: defaultValue,
|
|
526
449
|
config: config,
|
|
527
450
|
isFetchingConfig: isFetchingConfig,
|
|
@@ -537,13 +460,15 @@ var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureComponent
|
|
|
537
460
|
isPublicLink: isPublicLink,
|
|
538
461
|
copyTooltipText: copyTooltipText,
|
|
539
462
|
integrationMode: integrationMode,
|
|
540
|
-
shareIntegrations: shareIntegrations
|
|
463
|
+
shareIntegrations: shareIntegrations
|
|
464
|
+
// actions
|
|
541
465
|
,
|
|
542
466
|
onLinkCopy: _this2.handleCopyLink,
|
|
543
467
|
onSubmit: _this2.handleShareSubmit,
|
|
544
468
|
onDismiss: _this2.handleFormDismiss,
|
|
545
469
|
onDialogClose: _this2.handleCloseDialog,
|
|
546
|
-
onTabChange: _this2.onTabChange
|
|
470
|
+
onTabChange: _this2.onTabChange
|
|
471
|
+
//ref
|
|
547
472
|
,
|
|
548
473
|
selectPortalRef: _this2.selectPortalRef,
|
|
549
474
|
isBrowseUsersDisabled: isBrowseUsersDisabled
|
|
@@ -563,7 +488,6 @@ var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureComponent
|
|
|
563
488
|
}]);
|
|
564
489
|
return ShareDialogWithTriggerInternal;
|
|
565
490
|
}(_react.default.PureComponent);
|
|
566
|
-
|
|
567
491
|
exports.ShareDialogWithTriggerInternal = ShareDialogWithTriggerInternal;
|
|
568
492
|
(0, _defineProperty2.default)(ShareDialogWithTriggerInternal, "defaultProps", {
|
|
569
493
|
isDisabled: false,
|