@atlaskit/smart-user-picker 6.0.3 → 6.0.5
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/analytics.js +12 -37
- package/dist/cjs/components/MessagesIntlProvider.js +4 -22
- package/dist/cjs/components/SmartUserPicker.js +22 -123
- package/dist/cjs/components/index.js +0 -7
- package/dist/cjs/i18n/cs.js +0 -1
- package/dist/cjs/i18n/da.js +0 -1
- package/dist/cjs/i18n/de.js +0 -1
- 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/it.js +0 -1
- package/dist/cjs/i18n/ja.js +0 -1
- package/dist/cjs/i18n/ko.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/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 +0 -2
- package/dist/cjs/index.js +0 -4
- package/dist/cjs/service/default-value-hydration-client.js +0 -49
- package/dist/cjs/service/graphqlUtils.js +0 -5
- package/dist/cjs/service/index.js +0 -3
- package/dist/cjs/service/recommendation-client.js +0 -11
- package/dist/cjs/service/teams-client.js +0 -10
- package/dist/cjs/service/users-client.js +2 -20
- package/dist/cjs/service/users-transformer.js +0 -17
- package/dist/cjs/types.js +0 -1
- package/dist/cjs/ufoExperiences.js +8 -26
- package/dist/cjs/util/i18n-util.js +0 -43
- package/dist/cjs/version.json +1 -1
- package/dist/es2019/analytics.js +12 -10
- package/dist/es2019/components/MessagesIntlProvider.js +2 -4
- package/dist/es2019/components/SmartUserPicker.js +23 -55
- package/dist/es2019/components/index.js +0 -2
- package/dist/es2019/config/index.js +0 -4
- package/dist/es2019/index.js +4 -2
- package/dist/es2019/service/default-value-hydration-client.js +4 -22
- package/dist/es2019/service/graphqlUtils.js +0 -4
- package/dist/es2019/service/recommendation-client.js +0 -4
- package/dist/es2019/service/teams-client.js +2 -5
- package/dist/es2019/service/users-client.js +2 -6
- package/dist/es2019/service/users-transformer.js +0 -11
- package/dist/es2019/types.js +0 -1
- package/dist/es2019/ufoExperiences.js +8 -7
- package/dist/es2019/util/i18n-util.js +30 -120
- package/dist/es2019/version.json +1 -1
- package/dist/esm/analytics.js +12 -19
- package/dist/esm/components/MessagesIntlProvider.js +4 -11
- package/dist/esm/components/SmartUserPicker.js +24 -115
- package/dist/esm/components/index.js +0 -2
- package/dist/esm/index.js +4 -2
- package/dist/esm/service/default-value-hydration-client.js +0 -40
- package/dist/esm/service/graphqlUtils.js +0 -4
- package/dist/esm/service/recommendation-client.js +0 -7
- package/dist/esm/service/teams-client.js +0 -7
- package/dist/esm/service/users-client.js +2 -13
- package/dist/esm/service/users-transformer.js +0 -13
- package/dist/esm/types.js +0 -1
- package/dist/esm/ufoExperiences.js +8 -13
- package/dist/esm/util/i18n-util.js +30 -126
- package/dist/esm/version.json +1 -1
- package/package.json +7 -14
- package/report.api.md +26 -5
- package/tmp/api-report-tmp.d.ts +268 -0
- package/dist/types-ts4.0/analytics.d.ts +0 -21
- package/dist/types-ts4.0/components/MessagesIntlProvider.d.ts +0 -9
- package/dist/types-ts4.0/components/SmartUserPicker.d.ts +0 -34
- package/dist/types-ts4.0/components/index.d.ts +0 -4
- package/dist/types-ts4.0/config/index.d.ts +0 -6
- package/dist/types-ts4.0/i18n/cs.d.ts +0 -18
- package/dist/types-ts4.0/i18n/da.d.ts +0 -18
- package/dist/types-ts4.0/i18n/de.d.ts +0 -18
- package/dist/types-ts4.0/i18n/en.d.ts +0 -7
- package/dist/types-ts4.0/i18n/en_GB.d.ts +0 -7
- package/dist/types-ts4.0/i18n/en_ZZ.d.ts +0 -18
- package/dist/types-ts4.0/i18n/es.d.ts +0 -18
- package/dist/types-ts4.0/i18n/et.d.ts +0 -8
- package/dist/types-ts4.0/i18n/fi.d.ts +0 -18
- package/dist/types-ts4.0/i18n/fr.d.ts +0 -18
- package/dist/types-ts4.0/i18n/hu.d.ts +0 -18
- package/dist/types-ts4.0/i18n/index.d.ts +0 -36
- package/dist/types-ts4.0/i18n/is.d.ts +0 -7
- package/dist/types-ts4.0/i18n/it.d.ts +0 -18
- package/dist/types-ts4.0/i18n/ja.d.ts +0 -18
- package/dist/types-ts4.0/i18n/ko.d.ts +0 -18
- package/dist/types-ts4.0/i18n/languages.d.ts +0 -27
- package/dist/types-ts4.0/i18n/nb.d.ts +0 -18
- package/dist/types-ts4.0/i18n/nl.d.ts +0 -18
- package/dist/types-ts4.0/i18n/pl.d.ts +0 -18
- package/dist/types-ts4.0/i18n/pt_BR.d.ts +0 -18
- package/dist/types-ts4.0/i18n/pt_PT.d.ts +0 -8
- package/dist/types-ts4.0/i18n/ro.d.ts +0 -7
- package/dist/types-ts4.0/i18n/ru.d.ts +0 -18
- package/dist/types-ts4.0/i18n/sk.d.ts +0 -8
- package/dist/types-ts4.0/i18n/sv.d.ts +0 -18
- package/dist/types-ts4.0/i18n/th.d.ts +0 -18
- package/dist/types-ts4.0/i18n/tr.d.ts +0 -18
- package/dist/types-ts4.0/i18n/uk.d.ts +0 -18
- package/dist/types-ts4.0/i18n/vi.d.ts +0 -18
- package/dist/types-ts4.0/i18n/zh.d.ts +0 -18
- package/dist/types-ts4.0/i18n/zh_TW.d.ts +0 -18
- package/dist/types-ts4.0/i18n.d.ts +0 -47
- package/dist/types-ts4.0/index.d.ts +0 -5
- package/dist/types-ts4.0/service/constants.d.ts +0 -4
- package/dist/types-ts4.0/service/default-value-hydration-client.d.ts +0 -8
- package/dist/types-ts4.0/service/graphqlUtils.d.ts +0 -14
- package/dist/types-ts4.0/service/index.d.ts +0 -2
- package/dist/types-ts4.0/service/recommendation-client.d.ts +0 -5
- package/dist/types-ts4.0/service/teams-client.d.ts +0 -12
- package/dist/types-ts4.0/service/users-client.d.ts +0 -11
- package/dist/types-ts4.0/service/users-transformer.d.ts +0 -22
- package/dist/types-ts4.0/types.d.ts +0 -207
- package/dist/types-ts4.0/ufoExperiences.d.ts +0 -11
- package/dist/types-ts4.0/util/i18n-util.d.ts +0 -11
|
@@ -1,103 +1,72 @@
|
|
|
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.SmartUserPickerWithoutAnalytics = exports.SmartUserPicker = void 0;
|
|
9
|
-
|
|
10
8
|
var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
|
|
11
|
-
|
|
12
9
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
13
|
-
|
|
14
10
|
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
|
|
15
|
-
|
|
16
11
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
17
|
-
|
|
18
12
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
19
|
-
|
|
20
13
|
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
21
|
-
|
|
22
14
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
23
|
-
|
|
24
15
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
25
|
-
|
|
26
16
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
27
|
-
|
|
28
17
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
29
|
-
|
|
30
18
|
var _react = _interopRequireDefault(require("react"));
|
|
31
|
-
|
|
32
19
|
var _debounce = _interopRequireDefault(require("lodash/debounce"));
|
|
33
|
-
|
|
34
20
|
var _uuid = require("uuid");
|
|
35
|
-
|
|
36
21
|
var _analyticsNext = require("@atlaskit/analytics-next");
|
|
37
|
-
|
|
38
22
|
var _memoizeOne = _interopRequireDefault(require("memoize-one"));
|
|
39
|
-
|
|
40
23
|
var _reactIntlNext = require("react-intl-next");
|
|
41
|
-
|
|
42
24
|
var _ufo = require("@atlaskit/ufo");
|
|
43
|
-
|
|
44
25
|
var _userPicker = _interopRequireDefault(require("@atlaskit/user-picker"));
|
|
45
|
-
|
|
46
26
|
var _analytics = require("../analytics");
|
|
47
|
-
|
|
48
27
|
var _MessagesIntlProvider = _interopRequireDefault(require("./MessagesIntlProvider"));
|
|
49
|
-
|
|
50
28
|
var _service = require("../service");
|
|
51
|
-
|
|
52
29
|
var _ufoExperiences = require("../ufoExperiences");
|
|
53
|
-
|
|
54
30
|
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; }
|
|
55
|
-
|
|
56
31
|
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; }
|
|
57
|
-
|
|
58
32
|
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); }; }
|
|
59
|
-
|
|
60
33
|
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; } }
|
|
61
|
-
|
|
62
34
|
var DEFAULT_DEBOUNCE_TIME_MS = 150;
|
|
63
|
-
|
|
35
|
+
var ufoEndStateConfig = function ufoEndStateConfig(fieldId) {
|
|
36
|
+
return {
|
|
37
|
+
metadata: {
|
|
38
|
+
contextType: fieldId
|
|
39
|
+
}
|
|
40
|
+
};
|
|
41
|
+
};
|
|
64
42
|
var hasContextChanged = function hasContextChanged(oldContext, newContext) {
|
|
65
43
|
return oldContext.siteId !== newContext.siteId || oldContext.orgId !== newContext.orgId || oldContext.productKey !== newContext.productKey || oldContext.principalId !== newContext.principalId || oldContext.containerId !== newContext.containerId || oldContext.objectId !== newContext.objectId || oldContext.childObjectId !== newContext.childObjectId;
|
|
66
44
|
};
|
|
67
|
-
|
|
68
45
|
var stringContains = function stringContains(str, substr) {
|
|
69
46
|
if (str === null || str === undefined) {
|
|
70
47
|
return false;
|
|
71
48
|
}
|
|
72
|
-
|
|
73
49
|
if (substr === null || substr === '' || substr === undefined) {
|
|
74
50
|
return true;
|
|
75
51
|
}
|
|
76
|
-
|
|
77
52
|
return str.toLowerCase().includes(substr.toLowerCase());
|
|
78
53
|
};
|
|
79
|
-
|
|
80
54
|
var getUsersForAnalytics = function getUsersForAnalytics(users) {
|
|
81
55
|
return (users || []).map(function (_ref) {
|
|
82
56
|
var id = _ref.id,
|
|
83
|
-
|
|
57
|
+
type = _ref.type;
|
|
84
58
|
return {
|
|
85
59
|
id: id,
|
|
86
60
|
type: type
|
|
87
61
|
};
|
|
88
62
|
});
|
|
89
63
|
};
|
|
90
|
-
|
|
91
64
|
var SmartUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Component) {
|
|
92
65
|
(0, _inherits2.default)(SmartUserPickerWithoutAnalytics, _React$Component);
|
|
93
|
-
|
|
94
66
|
var _super = _createSuper(SmartUserPickerWithoutAnalytics);
|
|
95
|
-
|
|
96
67
|
function SmartUserPickerWithoutAnalytics(props) {
|
|
97
68
|
var _this$props$debounceT;
|
|
98
|
-
|
|
99
69
|
var _this;
|
|
100
|
-
|
|
101
70
|
(0, _classCallCheck2.default)(this, SmartUserPickerWithoutAnalytics);
|
|
102
71
|
_this = _super.call(this, props);
|
|
103
72
|
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
|
|
@@ -117,17 +86,14 @@ var SmartUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Component) {
|
|
|
117
86
|
});
|
|
118
87
|
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "startOptionsShownUfoExperience", function () {
|
|
119
88
|
_this.abortOptionsShownUfoExperience();
|
|
120
|
-
|
|
121
89
|
_this.optionsShownUfoExperienceInstance.start();
|
|
122
90
|
});
|
|
123
91
|
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "fireEvent", function (eventCreator) {
|
|
124
92
|
var createAnalyticsEvent = _this.props.createAnalyticsEvent;
|
|
125
|
-
|
|
126
93
|
if (createAnalyticsEvent) {
|
|
127
94
|
for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
|
|
128
95
|
args[_key - 1] = arguments[_key];
|
|
129
96
|
}
|
|
130
|
-
|
|
131
97
|
(0, _analytics.createAndFireEventInElementsChannel)(eventCreator.apply(void 0, [_this.props, _this.state].concat(args)))(createAnalyticsEvent);
|
|
132
98
|
}
|
|
133
99
|
});
|
|
@@ -137,7 +103,6 @@ var SmartUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Component) {
|
|
|
137
103
|
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "memoizedFilterOptions", (0, _memoizeOne.default)(_this.filterOptions));
|
|
138
104
|
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getUsers", (0, _debounce.default)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
|
|
139
105
|
var _this$state, query, sessionId, closed, _this$props, baseUrl, childObjectId, containerId, fieldId, includeGroups, includeTeams, includeUsers, intl, maxOptions, objectId, onEmpty, onError, orgId, principalId, productAttributes, productKey, searchQueryFilter, siteId, maxNumberOfResults, startTime, recommendationsRequest, _yield$onEmpty, recommendedUsers, elapsedTimeMilli, displayedUsers, onErrorProducedError, defaultUsers, _elapsedTimeMilli;
|
|
140
|
-
|
|
141
106
|
return _regenerator.default.wrap(function _callee$(_context) {
|
|
142
107
|
while (1) {
|
|
143
108
|
switch (_context.prev = _context.next) {
|
|
@@ -168,64 +133,48 @@ var SmartUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Component) {
|
|
|
168
133
|
searchQueryFilter: searchQueryFilter
|
|
169
134
|
};
|
|
170
135
|
_context.prev = 5;
|
|
171
|
-
|
|
172
136
|
_this.fireEvent(_analytics.requestUsersEvent);
|
|
173
|
-
|
|
174
137
|
_context.next = 9;
|
|
175
138
|
return (0, _service.getUserRecommendations)(recommendationsRequest, intl);
|
|
176
|
-
|
|
177
139
|
case 9:
|
|
178
140
|
recommendedUsers = _context.sent;
|
|
179
141
|
elapsedTimeMilli = window.performance.now() - startTime;
|
|
180
|
-
|
|
181
142
|
if (!(recommendedUsers.length === 0 && onEmpty)) {
|
|
182
143
|
_context.next = 26;
|
|
183
144
|
break;
|
|
184
145
|
}
|
|
185
|
-
|
|
186
146
|
_context.next = 14;
|
|
187
147
|
return onEmpty(query);
|
|
188
|
-
|
|
189
148
|
case 14:
|
|
190
149
|
_context.t2 = _yield$onEmpty = _context.sent;
|
|
191
150
|
_context.t1 = _context.t2 !== null;
|
|
192
|
-
|
|
193
151
|
if (!_context.t1) {
|
|
194
152
|
_context.next = 18;
|
|
195
153
|
break;
|
|
196
154
|
}
|
|
197
|
-
|
|
198
155
|
_context.t1 = _yield$onEmpty !== void 0;
|
|
199
|
-
|
|
200
156
|
case 18:
|
|
201
157
|
if (!_context.t1) {
|
|
202
158
|
_context.next = 22;
|
|
203
159
|
break;
|
|
204
160
|
}
|
|
205
|
-
|
|
206
161
|
_context.t3 = _yield$onEmpty;
|
|
207
162
|
_context.next = 23;
|
|
208
163
|
break;
|
|
209
|
-
|
|
210
164
|
case 22:
|
|
211
165
|
_context.t3 = [];
|
|
212
|
-
|
|
213
166
|
case 23:
|
|
214
167
|
_context.t0 = _context.t3;
|
|
215
168
|
_context.next = 27;
|
|
216
169
|
break;
|
|
217
|
-
|
|
218
170
|
case 26:
|
|
219
171
|
_context.t0 = recommendedUsers;
|
|
220
|
-
|
|
221
172
|
case 27:
|
|
222
173
|
displayedUsers = _context.t0;
|
|
223
|
-
|
|
224
174
|
_this.setState(function (state) {
|
|
225
175
|
var applicable = state.query === query;
|
|
226
176
|
var users = applicable ? displayedUsers : state.users;
|
|
227
177
|
var loading = !applicable;
|
|
228
|
-
|
|
229
178
|
_this.fireEvent(_analytics.successfulRequestUsersEvent, {
|
|
230
179
|
users: getUsersForAnalytics(recommendedUsers),
|
|
231
180
|
elapsedTimeMilli: elapsedTimeMilli,
|
|
@@ -233,88 +182,68 @@ var SmartUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Component) {
|
|
|
233
182
|
productAttributes: productAttributes,
|
|
234
183
|
applicable: applicable
|
|
235
184
|
});
|
|
236
|
-
|
|
237
185
|
return {
|
|
238
186
|
users: users,
|
|
239
187
|
loading: loading
|
|
240
188
|
};
|
|
241
189
|
});
|
|
242
|
-
|
|
243
190
|
_context.next = 58;
|
|
244
191
|
break;
|
|
245
|
-
|
|
246
192
|
case 31:
|
|
247
193
|
_context.prev = 31;
|
|
248
194
|
_context.t4 = _context["catch"](5);
|
|
249
|
-
|
|
250
195
|
if (!closed && !onError) {
|
|
251
196
|
// If the user lookup fails while the menu is open, and the consumer is not providing a
|
|
252
197
|
// fallback data source via the onError prop, then send UFO failure
|
|
253
|
-
_this.optionsShownUfoExperienceInstance.failure();
|
|
198
|
+
_this.optionsShownUfoExperienceInstance.failure(ufoEndStateConfig(_this.props.fieldId));
|
|
254
199
|
}
|
|
255
|
-
|
|
256
200
|
_this.setState({
|
|
257
201
|
users: []
|
|
258
202
|
});
|
|
259
|
-
|
|
260
203
|
onErrorProducedError = false;
|
|
261
204
|
defaultUsers = [];
|
|
262
205
|
_context.prev = 37;
|
|
263
|
-
|
|
264
206
|
if (!onError) {
|
|
265
207
|
_context.next = 47;
|
|
266
208
|
break;
|
|
267
209
|
}
|
|
268
|
-
|
|
269
210
|
_context.next = 41;
|
|
270
211
|
return onError(_context.t4, recommendationsRequest);
|
|
271
|
-
|
|
272
212
|
case 41:
|
|
273
213
|
_context.t6 = _context.sent;
|
|
274
|
-
|
|
275
214
|
if (_context.t6) {
|
|
276
215
|
_context.next = 44;
|
|
277
216
|
break;
|
|
278
217
|
}
|
|
279
|
-
|
|
280
218
|
_context.t6 = [];
|
|
281
|
-
|
|
282
219
|
case 44:
|
|
283
220
|
_context.t5 = _context.t6;
|
|
284
221
|
_context.next = 48;
|
|
285
222
|
break;
|
|
286
|
-
|
|
287
223
|
case 47:
|
|
288
224
|
_context.t5 = [];
|
|
289
|
-
|
|
290
225
|
case 48:
|
|
291
226
|
defaultUsers = _context.t5;
|
|
292
227
|
_context.next = 54;
|
|
293
228
|
break;
|
|
294
|
-
|
|
295
229
|
case 51:
|
|
296
230
|
_context.prev = 51;
|
|
297
231
|
_context.t7 = _context["catch"](37);
|
|
298
232
|
onErrorProducedError = true;
|
|
299
|
-
|
|
300
233
|
case 54:
|
|
301
234
|
if (onErrorProducedError) {
|
|
302
235
|
// Log error from fallback data source `onError` to UFO
|
|
303
|
-
_this.optionsShownUfoExperienceInstance.failure();
|
|
236
|
+
_this.optionsShownUfoExperienceInstance.failure(ufoEndStateConfig(_this.props.fieldId));
|
|
304
237
|
}
|
|
305
|
-
|
|
306
238
|
_this.setState({
|
|
307
239
|
users: defaultUsers,
|
|
308
240
|
loading: false
|
|
309
241
|
});
|
|
310
|
-
|
|
311
242
|
_elapsedTimeMilli = window.performance.now() - startTime;
|
|
312
|
-
|
|
313
243
|
_this.fireEvent(_analytics.failedRequestUsersEvent, {
|
|
314
244
|
elapsedTimeMilli: _elapsedTimeMilli,
|
|
315
245
|
productAttributes: productAttributes
|
|
316
246
|
});
|
|
317
|
-
|
|
318
247
|
case 58:
|
|
319
248
|
case "end":
|
|
320
249
|
return _context.stop();
|
|
@@ -325,24 +254,20 @@ var SmartUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Component) {
|
|
|
325
254
|
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onInputChange", function (newQuery, sessionId) {
|
|
326
255
|
var query = newQuery || '';
|
|
327
256
|
var closed = _this.state.closed;
|
|
328
|
-
|
|
329
257
|
if (query === _this.state.query) {
|
|
330
258
|
return;
|
|
331
259
|
}
|
|
332
|
-
|
|
333
260
|
if (!closed) {
|
|
334
261
|
// If the input has been typed into and the dropdown has not been closed
|
|
335
262
|
// (i.e. input blurred) then start the UFO timer.
|
|
336
263
|
// If there's a previous UFO timer running for the same "options shown" experience,
|
|
337
264
|
// it will be aborted first.
|
|
338
265
|
_this.startOptionsShownUfoExperience();
|
|
339
|
-
|
|
340
266
|
_this.setState({
|
|
341
267
|
loading: true,
|
|
342
268
|
query: query,
|
|
343
269
|
sessionId: sessionId
|
|
344
270
|
});
|
|
345
|
-
|
|
346
271
|
if (_this.props.onInputChange) {
|
|
347
272
|
_this.props.onInputChange(query, sessionId);
|
|
348
273
|
}
|
|
@@ -350,39 +275,32 @@ var SmartUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Component) {
|
|
|
350
275
|
});
|
|
351
276
|
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "filterUsers", function () {
|
|
352
277
|
var _this$state2 = _this.state,
|
|
353
|
-
|
|
354
|
-
|
|
355
|
-
|
|
356
|
-
|
|
357
|
-
|
|
358
|
-
|
|
359
|
-
|
|
278
|
+
loading = _this$state2.loading,
|
|
279
|
+
users = _this$state2.users,
|
|
280
|
+
query = _this$state2.query;
|
|
281
|
+
var filteredUsers = _this.memoizedFilterOptions(users, query, _this.props.filterOptions);
|
|
282
|
+
//If bootstrapOptions have been passed in and it is bootstrap
|
|
360
283
|
if (_this.props.bootstrapOptions && _this.props.bootstrapOptions.length !== 0 && query === '') {
|
|
361
284
|
var bootstrapFilteredUsers = _this.memoizedFilterOptions(_this.props.bootstrapOptions, query, _this.props.filterOptions);
|
|
362
|
-
|
|
363
285
|
_this.fireEvent(_analytics.filterUsersEvent, {
|
|
364
286
|
filtered: getUsersForAnalytics(bootstrapFilteredUsers),
|
|
365
287
|
all: getUsersForAnalytics(_this.props.bootstrapOptions)
|
|
366
288
|
});
|
|
367
|
-
|
|
368
289
|
return bootstrapFilteredUsers;
|
|
369
|
-
}
|
|
370
|
-
|
|
371
|
-
|
|
290
|
+
}
|
|
291
|
+
// while when not loading just return already filtered result from server.
|
|
372
292
|
if (!loading) {
|
|
373
293
|
return filteredUsers;
|
|
374
294
|
}
|
|
375
|
-
|
|
376
295
|
var queryFilteredUsers = filteredUsers.filter(function (user) {
|
|
377
296
|
return stringContains(user.name, query);
|
|
378
297
|
});
|
|
379
|
-
|
|
380
298
|
_this.fireEvent(_analytics.filterUsersEvent, {
|
|
381
299
|
filtered: getUsersForAnalytics(queryFilteredUsers),
|
|
382
300
|
all: getUsersForAnalytics(users)
|
|
383
|
-
});
|
|
384
|
-
|
|
301
|
+
});
|
|
385
302
|
|
|
303
|
+
// when loading filter previous result.
|
|
386
304
|
return filteredUsers;
|
|
387
305
|
});
|
|
388
306
|
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onFocus", function (sessionId) {
|
|
@@ -390,9 +308,7 @@ var SmartUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Component) {
|
|
|
390
308
|
query: '',
|
|
391
309
|
closed: false
|
|
392
310
|
};
|
|
393
|
-
|
|
394
311
|
_this.startOptionsShownUfoExperience();
|
|
395
|
-
|
|
396
312
|
if (_this.state.users.length === 0) {
|
|
397
313
|
state.sessionId = sessionId;
|
|
398
314
|
state.loading = true;
|
|
@@ -403,30 +319,25 @@ var SmartUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Component) {
|
|
|
403
319
|
sessionId: sessionId
|
|
404
320
|
});
|
|
405
321
|
}
|
|
406
|
-
|
|
407
322
|
_this.setState(function (currentState) {
|
|
408
323
|
return _objectSpread(_objectSpread({}, currentState), state);
|
|
409
324
|
});
|
|
410
|
-
|
|
411
325
|
if (_this.props.onFocus) {
|
|
412
326
|
_this.props.onFocus(sessionId);
|
|
413
327
|
}
|
|
414
328
|
});
|
|
415
329
|
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onBlur", function (sessionId) {
|
|
416
330
|
_this.getUsers.cancel();
|
|
331
|
+
_this.abortOptionsShownUfoExperience();
|
|
417
332
|
|
|
418
|
-
|
|
333
|
+
// clear old users if query is populated so that on refocus,
|
|
419
334
|
// the old list is not shown
|
|
420
|
-
|
|
421
|
-
|
|
422
335
|
var users = _this.state.query.length === 0 ? _this.state.users : [];
|
|
423
|
-
|
|
424
336
|
_this.setState({
|
|
425
337
|
loading: false,
|
|
426
338
|
closed: true,
|
|
427
339
|
users: users
|
|
428
340
|
});
|
|
429
|
-
|
|
430
341
|
if (_this.props.onBlur) {
|
|
431
342
|
_this.props.onBlur(sessionId);
|
|
432
343
|
}
|
|
@@ -434,7 +345,6 @@ var SmartUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Component) {
|
|
|
434
345
|
_this.optionsShownUfoExperienceInstance = _ufoExperiences.smartUserPickerOptionsShownUfoExperience.getInstance(props.inputId || props.fieldId);
|
|
435
346
|
return _this;
|
|
436
347
|
}
|
|
437
|
-
|
|
438
348
|
(0, _createClass2.default)(SmartUserPickerWithoutAnalytics, [{
|
|
439
349
|
key: "componentDidMount",
|
|
440
350
|
value: function () {
|
|
@@ -447,7 +357,6 @@ var SmartUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Component) {
|
|
|
447
357
|
_context2.prev = 0;
|
|
448
358
|
_context2.next = 3;
|
|
449
359
|
return (0, _service.hydrateDefaultValues)(this.props.baseUrl, this.props.defaultValue, this.props.productKey);
|
|
450
|
-
|
|
451
360
|
case 3:
|
|
452
361
|
value = _context2.sent;
|
|
453
362
|
this.setState({
|
|
@@ -455,22 +364,18 @@ var SmartUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Component) {
|
|
|
455
364
|
});
|
|
456
365
|
_context2.next = 13;
|
|
457
366
|
break;
|
|
458
|
-
|
|
459
367
|
case 7:
|
|
460
368
|
_context2.prev = 7;
|
|
461
369
|
_context2.t0 = _context2["catch"](0);
|
|
462
370
|
_context2.next = 11;
|
|
463
371
|
return this.props.onValueError ? this.props.onValueError(_context2.t0, this.props.defaultValue) || Promise.resolve([]) : Promise.resolve([]);
|
|
464
|
-
|
|
465
372
|
case 11:
|
|
466
373
|
defaultValue = _context2.sent;
|
|
467
374
|
this.setState({
|
|
468
375
|
defaultValue: defaultValue
|
|
469
376
|
});
|
|
470
|
-
|
|
471
377
|
case 13:
|
|
472
378
|
prefetch = this.props.prefetch;
|
|
473
|
-
|
|
474
379
|
if (prefetch) {
|
|
475
380
|
sessionId = (0, _uuid.v4)();
|
|
476
381
|
this.fireEvent(_analytics.mountedWithPrefetchEvent, {
|
|
@@ -480,7 +385,6 @@ var SmartUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Component) {
|
|
|
480
385
|
sessionId: sessionId
|
|
481
386
|
});
|
|
482
387
|
}
|
|
483
|
-
|
|
484
388
|
case 15:
|
|
485
389
|
case "end":
|
|
486
390
|
return _context2.stop();
|
|
@@ -488,11 +392,9 @@ var SmartUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Component) {
|
|
|
488
392
|
}
|
|
489
393
|
}, _callee2, this, [[0, 7]]);
|
|
490
394
|
}));
|
|
491
|
-
|
|
492
395
|
function componentDidMount() {
|
|
493
396
|
return _componentDidMount.apply(this, arguments);
|
|
494
397
|
}
|
|
495
|
-
|
|
496
398
|
return componentDidMount;
|
|
497
399
|
}()
|
|
498
400
|
}, {
|
|
@@ -503,14 +405,13 @@ var SmartUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Component) {
|
|
|
503
405
|
users: []
|
|
504
406
|
});
|
|
505
407
|
}
|
|
506
|
-
|
|
507
408
|
if ((this.state.sessionId !== prevState.sessionId || this.state.query !== prevState.query) && (this.state.query !== '' || !this.props.bootstrapOptions)) {
|
|
508
409
|
this.getUsers();
|
|
509
410
|
} else if (!this.state.closed && !this.state.loading) {
|
|
510
411
|
// If the component has rendered (including its dropdown list) and it
|
|
511
412
|
// is not loading anything further, send the success UFO event
|
|
512
413
|
if (![_ufo.UFOExperienceState.FAILED.id, _ufo.UFOExperienceState.SUCCEEDED.id].includes(this.optionsShownUfoExperienceInstance.state.id)) {
|
|
513
|
-
this.optionsShownUfoExperienceInstance.success();
|
|
414
|
+
this.optionsShownUfoExperienceInstance.success(ufoEndStateConfig(this.props.fieldId));
|
|
514
415
|
}
|
|
515
416
|
}
|
|
516
417
|
}
|
|
@@ -529,8 +430,6 @@ var SmartUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Component) {
|
|
|
529
430
|
}]);
|
|
530
431
|
return SmartUserPickerWithoutAnalytics;
|
|
531
432
|
}(_react.default.Component); // TODO: Smart User picker team will have to add a type annotation here
|
|
532
|
-
|
|
533
|
-
|
|
534
433
|
exports.SmartUserPickerWithoutAnalytics = SmartUserPickerWithoutAnalytics;
|
|
535
434
|
(0, _defineProperty2.default)(SmartUserPickerWithoutAnalytics, "defaultProps", {
|
|
536
435
|
baseUrl: '',
|
|
@@ -1,20 +1,14 @@
|
|
|
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.default = void 0;
|
|
9
|
-
|
|
10
8
|
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
|
|
12
9
|
var _SmartUserPicker = require("./SmartUserPicker");
|
|
13
|
-
|
|
14
10
|
var _MessagesIntlProvider = _interopRequireDefault(require("./MessagesIntlProvider"));
|
|
15
|
-
|
|
16
11
|
var _ufoExperiences = require("../ufoExperiences");
|
|
17
|
-
|
|
18
12
|
var SmartUserPickerWithIntlProvider = function SmartUserPickerWithIntlProvider(props) {
|
|
19
13
|
var ufoId = props.inputId || props.fieldId;
|
|
20
14
|
(0, _ufoExperiences.useUFOConcurrentExperience)(_ufoExperiences.smartUserPickerRenderedUfoExperience, ufoId);
|
|
@@ -22,6 +16,5 @@ var SmartUserPickerWithIntlProvider = function SmartUserPickerWithIntlProvider(p
|
|
|
22
16
|
id: ufoId
|
|
23
17
|
}, /*#__PURE__*/_react.default.createElement(_MessagesIntlProvider.default, null, /*#__PURE__*/_react.default.createElement(_SmartUserPicker.SmartUserPicker, props)));
|
|
24
18
|
};
|
|
25
|
-
|
|
26
19
|
var _default = SmartUserPickerWithIntlProvider;
|
|
27
20
|
exports.default = _default;
|
package/dist/cjs/i18n/cs.js
CHANGED
package/dist/cjs/i18n/da.js
CHANGED
package/dist/cjs/i18n/de.js
CHANGED
package/dist/cjs/i18n/en_ZZ.js
CHANGED
package/dist/cjs/i18n/es.js
CHANGED
package/dist/cjs/i18n/et.js
CHANGED
package/dist/cjs/i18n/fi.js
CHANGED
package/dist/cjs/i18n/fr.js
CHANGED
package/dist/cjs/i18n/hu.js
CHANGED
package/dist/cjs/i18n/index.js
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
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
|
});
|
|
@@ -185,63 +184,33 @@ Object.defineProperty(exports, "zh_TW", {
|
|
|
185
184
|
return _zh_TW.default;
|
|
186
185
|
}
|
|
187
186
|
});
|
|
188
|
-
|
|
189
187
|
var _zh = _interopRequireDefault(require("./zh"));
|
|
190
|
-
|
|
191
188
|
var _zh_TW = _interopRequireDefault(require("./zh_TW"));
|
|
192
|
-
|
|
193
189
|
var _cs = _interopRequireDefault(require("./cs"));
|
|
194
|
-
|
|
195
190
|
var _da = _interopRequireDefault(require("./da"));
|
|
196
|
-
|
|
197
191
|
var _nl = _interopRequireDefault(require("./nl"));
|
|
198
|
-
|
|
199
192
|
var _et = _interopRequireDefault(require("./et"));
|
|
200
|
-
|
|
201
193
|
var _fi = _interopRequireDefault(require("./fi"));
|
|
202
|
-
|
|
203
194
|
var _fr = _interopRequireDefault(require("./fr"));
|
|
204
|
-
|
|
205
195
|
var _de = _interopRequireDefault(require("./de"));
|
|
206
|
-
|
|
207
196
|
var _hu = _interopRequireDefault(require("./hu"));
|
|
208
|
-
|
|
209
197
|
var _it = _interopRequireDefault(require("./it"));
|
|
210
|
-
|
|
211
198
|
var _ja = _interopRequireDefault(require("./ja"));
|
|
212
|
-
|
|
213
199
|
var _ko = _interopRequireDefault(require("./ko"));
|
|
214
|
-
|
|
215
200
|
var _nb = _interopRequireDefault(require("./nb"));
|
|
216
|
-
|
|
217
201
|
var _pl = _interopRequireDefault(require("./pl"));
|
|
218
|
-
|
|
219
202
|
var _pt_BR = _interopRequireDefault(require("./pt_BR"));
|
|
220
|
-
|
|
221
203
|
var _pt_PT = _interopRequireDefault(require("./pt_PT"));
|
|
222
|
-
|
|
223
204
|
var _ru = _interopRequireDefault(require("./ru"));
|
|
224
|
-
|
|
225
205
|
var _sk = _interopRequireDefault(require("./sk"));
|
|
226
|
-
|
|
227
206
|
var _es = _interopRequireDefault(require("./es"));
|
|
228
|
-
|
|
229
207
|
var _sv = _interopRequireDefault(require("./sv"));
|
|
230
|
-
|
|
231
208
|
var _th = _interopRequireDefault(require("./th"));
|
|
232
|
-
|
|
233
209
|
var _tr = _interopRequireDefault(require("./tr"));
|
|
234
|
-
|
|
235
210
|
var _uk = _interopRequireDefault(require("./uk"));
|
|
236
|
-
|
|
237
211
|
var _vi = _interopRequireDefault(require("./vi"));
|
|
238
|
-
|
|
239
212
|
var _en_ZZ = _interopRequireDefault(require("./en_ZZ"));
|
|
240
|
-
|
|
241
213
|
var _en = _interopRequireDefault(require("./en"));
|
|
242
|
-
|
|
243
214
|
var _en_GB = _interopRequireDefault(require("./en_GB"));
|
|
244
|
-
|
|
245
215
|
var _is = _interopRequireDefault(require("./is"));
|
|
246
|
-
|
|
247
216
|
var _ro = _interopRequireDefault(require("./ro"));
|