@atlaskit/share 6.6.2 → 6.6.3
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 +9 -0
- package/dist/cjs/components/ShareForm.js +68 -165
- package/dist/cjs/components/ShareFormNext.js +70 -169
- package/dist/cjs/components/analytics/analytics.js +1 -1
- package/dist/es2019/components/ShareForm.js +36 -119
- package/dist/es2019/components/ShareFormNext.js +37 -122
- package/dist/es2019/components/analytics/analytics.js +1 -1
- package/dist/esm/components/ShareForm.js +68 -165
- package/dist/esm/components/ShareFormNext.js +70 -169
- package/dist/esm/components/analytics/analytics.js +1 -1
- package/package.json +3 -6
|
@@ -238,7 +238,7 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
238
238
|
var formSendLabel = messages.formShare;
|
|
239
239
|
var sendLabel = isPublicLink ? formPublicLabel : formSendLabel;
|
|
240
240
|
var buttonLabel = isRetryableError ? messages.formRetry : sendLabel;
|
|
241
|
-
var buttonDisabled = isDisabled || isNonRetryableError || isSubmitShareDisabled
|
|
241
|
+
var buttonDisabled = isDisabled || isNonRetryableError || isSubmitShareDisabled;
|
|
242
242
|
var ButtonLabelWrapper = buttonAppearance === 'warning' ? 'strong' : React.Fragment;
|
|
243
243
|
return jsx("div", {
|
|
244
244
|
css: submitButtonWrapperStyles
|
|
@@ -311,163 +311,64 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
311
311
|
handleCloseDialog = _this$props7.handleCloseDialog,
|
|
312
312
|
isExtendedShareDialogEnabled = _this$props7.isExtendedShareDialogEnabled;
|
|
313
313
|
var selectedMenuItem = this.state.selectedMenuItem;
|
|
314
|
-
|
|
315
|
-
|
|
316
|
-
|
|
317
|
-
if (integrationMode === 'off' || !hasShareIntegrations && !hasAdditionalTabs) {
|
|
318
|
-
return this.renderShareForm();
|
|
319
|
-
}
|
|
320
|
-
if (selectedMenuItem === 'default') {
|
|
321
|
-
return this.renderShareForm();
|
|
322
|
-
}
|
|
323
|
-
if (hasShareIntegrations) {
|
|
324
|
-
var _firstIntegration = shareIntegrations[0];
|
|
325
|
-
if (selectedMenuItem === 'Slack') {
|
|
326
|
-
return jsx(IntegrationForm, {
|
|
327
|
-
Content: _firstIntegration.Content,
|
|
328
|
-
onIntegrationClose: function onIntegrationClose() {
|
|
329
|
-
return handleCloseDialog === null || handleCloseDialog === void 0 ? void 0 : handleCloseDialog();
|
|
330
|
-
}
|
|
331
|
-
});
|
|
332
|
-
}
|
|
333
|
-
if (integrationMode === 'menu') {
|
|
334
|
-
return jsx(Box, {
|
|
335
|
-
xcss: menuGroupContainerStyles
|
|
336
|
-
}, jsx(MenuGroup, null, jsx(ShareMenuItem, {
|
|
337
|
-
iconName: jsx(_firstIntegration.Icon, null),
|
|
338
|
-
labelId: messages.slackMenuItemText,
|
|
339
|
-
onClickHandler: function onClickHandler() {
|
|
340
|
-
return _this2.changeMenuItem('Slack');
|
|
341
|
-
}
|
|
342
|
-
}), jsx(ShareMenuItem, {
|
|
343
|
-
iconName: jsx(EmailIcon, {
|
|
344
|
-
color: "currentColor",
|
|
345
|
-
label: "",
|
|
346
|
-
LEGACY_size: "medium",
|
|
347
|
-
spacing: "spacious"
|
|
348
|
-
}),
|
|
349
|
-
labelId: messages.emailMenuItemText,
|
|
350
|
-
onClickHandler: function onClickHandler() {
|
|
351
|
-
return _this2.changeMenuItem('default');
|
|
352
|
-
}
|
|
353
|
-
})));
|
|
354
|
-
}
|
|
355
|
-
}
|
|
356
|
-
if (integrationMode === 'tabs') {
|
|
357
|
-
var DEFAULT_TAB_CONTENT_WIDTH = isExtendedShareDialogEnabled ? 452 : 304;
|
|
358
|
-
return jsx(Tabs, {
|
|
359
|
-
id: "ShareForm-Tabs-Integrations",
|
|
360
|
-
onChange: this.changeTab,
|
|
361
|
-
selected: this.state.selectedTab
|
|
362
|
-
}, jsx(TabList, null, jsx(Tab, {
|
|
363
|
-
key: "share-tab-default"
|
|
364
|
-
}, this.renderMainTabTitle()), shareIntegrations === null || shareIntegrations === void 0 ? void 0 : shareIntegrations.map(function (integration) {
|
|
365
|
-
return jsx(Tab, {
|
|
366
|
-
key: "share-tab-".concat(integration.type)
|
|
367
|
-
}, jsx("div", {
|
|
368
|
-
css: integrationWrapperStyles
|
|
369
|
-
}, jsx("span", {
|
|
370
|
-
css: integrationIconWrapperStyles
|
|
371
|
-
}, jsx(integration.Icon, null)), integrationTabText(integration.type)));
|
|
372
|
-
}), fg('smart_links_for_plans_platform') && (additionalTabs === null || additionalTabs === void 0 ? void 0 : additionalTabs.map(function (tab) {
|
|
373
|
-
return jsx(Tab, {
|
|
374
|
-
key: "share-tab-".concat(tab.label)
|
|
375
|
-
}, tab.label);
|
|
376
|
-
}))), jsx(TabPanel, {
|
|
377
|
-
key: "share-tabPanel-default"
|
|
378
|
-
}, jsx("div", {
|
|
379
|
-
css: formWrapperStyles
|
|
380
|
-
}, jsx("div", {
|
|
381
|
-
style: {
|
|
382
|
-
width: "".concat(builtInTabContentWidth || DEFAULT_TAB_CONTENT_WIDTH, "px")
|
|
383
|
-
}
|
|
384
|
-
}, this.renderShareForm()))), shareIntegrations === null || shareIntegrations === void 0 ? void 0 : shareIntegrations.map(function (integration) {
|
|
385
|
-
return jsx(TabPanel, {
|
|
386
|
-
key: "share-tabPanel-integration"
|
|
387
|
-
}, jsx(AnalyticsContext, {
|
|
388
|
-
data: {
|
|
389
|
-
source: INTEGRATION_MODAL_SOURCE
|
|
390
|
-
}
|
|
391
|
-
}, jsx("div", {
|
|
392
|
-
css: formWrapperStyles
|
|
393
|
-
}, jsx("div", {
|
|
394
|
-
style: {
|
|
395
|
-
width: "".concat(builtInTabContentWidth || DEFAULT_TAB_CONTENT_WIDTH, "px")
|
|
396
|
-
}
|
|
397
|
-
}, jsx(IntegrationForm, {
|
|
398
|
-
Content: integration.Content,
|
|
399
|
-
onIntegrationClose: function onIntegrationClose() {
|
|
400
|
-
return handleCloseDialog === null || handleCloseDialog === void 0 ? void 0 : handleCloseDialog();
|
|
401
|
-
},
|
|
402
|
-
changeTab: _this2.changeTab
|
|
403
|
-
})))));
|
|
404
|
-
}), fg('smart_links_for_plans_platform') && (additionalTabs === null || additionalTabs === void 0 ? void 0 : additionalTabs.map(function (tab) {
|
|
405
|
-
return jsx(TabPanel, {
|
|
406
|
-
key: "share-tabPanel-".concat(tab.label)
|
|
407
|
-
}, jsx("div", {
|
|
408
|
-
css: formWrapperStyles
|
|
409
|
-
}, jsx(IntegrationForm, {
|
|
410
|
-
Content: tab.Content,
|
|
411
|
-
onIntegrationClose: function onIntegrationClose() {
|
|
412
|
-
return handleCloseDialog === null || handleCloseDialog === void 0 ? void 0 : handleCloseDialog();
|
|
413
|
-
},
|
|
414
|
-
changeTab: _this2.changeTab
|
|
415
|
-
})));
|
|
416
|
-
})));
|
|
417
|
-
}
|
|
418
|
-
}
|
|
419
|
-
if (integrationMode === 'off' || !shareIntegrations || !shareIntegrations.length) {
|
|
314
|
+
var hasShareIntegrations = shareIntegrations && shareIntegrations.length;
|
|
315
|
+
var hasAdditionalTabs = additionalTabs && additionalTabs.length;
|
|
316
|
+
if (integrationMode === 'off' || !hasShareIntegrations && !hasAdditionalTabs) {
|
|
420
317
|
return this.renderShareForm();
|
|
421
318
|
}
|
|
422
|
-
var firstIntegration = shareIntegrations[0];
|
|
423
319
|
if (selectedMenuItem === 'default') {
|
|
424
320
|
return this.renderShareForm();
|
|
425
321
|
}
|
|
426
|
-
if (
|
|
427
|
-
|
|
428
|
-
|
|
429
|
-
|
|
430
|
-
|
|
431
|
-
|
|
432
|
-
|
|
433
|
-
|
|
434
|
-
|
|
435
|
-
|
|
436
|
-
|
|
437
|
-
|
|
438
|
-
|
|
439
|
-
|
|
440
|
-
|
|
441
|
-
|
|
442
|
-
|
|
443
|
-
|
|
444
|
-
|
|
445
|
-
|
|
446
|
-
|
|
447
|
-
|
|
448
|
-
|
|
449
|
-
|
|
450
|
-
|
|
451
|
-
|
|
452
|
-
|
|
453
|
-
|
|
454
|
-
|
|
322
|
+
if (hasShareIntegrations) {
|
|
323
|
+
var firstIntegration = shareIntegrations[0];
|
|
324
|
+
if (selectedMenuItem === 'Slack') {
|
|
325
|
+
return jsx(IntegrationForm, {
|
|
326
|
+
Content: firstIntegration.Content,
|
|
327
|
+
onIntegrationClose: function onIntegrationClose() {
|
|
328
|
+
return handleCloseDialog === null || handleCloseDialog === void 0 ? void 0 : handleCloseDialog();
|
|
329
|
+
}
|
|
330
|
+
});
|
|
331
|
+
}
|
|
332
|
+
if (integrationMode === 'menu') {
|
|
333
|
+
return jsx(Box, {
|
|
334
|
+
xcss: menuGroupContainerStyles
|
|
335
|
+
}, jsx(MenuGroup, null, jsx(ShareMenuItem, {
|
|
336
|
+
iconName: jsx(firstIntegration.Icon, null),
|
|
337
|
+
labelId: messages.slackMenuItemText,
|
|
338
|
+
onClickHandler: function onClickHandler() {
|
|
339
|
+
return _this2.changeMenuItem('Slack');
|
|
340
|
+
}
|
|
341
|
+
}), jsx(ShareMenuItem, {
|
|
342
|
+
iconName: jsx(EmailIcon, {
|
|
343
|
+
color: "currentColor",
|
|
344
|
+
label: "",
|
|
345
|
+
LEGACY_size: "medium",
|
|
346
|
+
spacing: "spacious"
|
|
347
|
+
}),
|
|
348
|
+
labelId: messages.emailMenuItemText,
|
|
349
|
+
onClickHandler: function onClickHandler() {
|
|
350
|
+
return _this2.changeMenuItem('default');
|
|
351
|
+
}
|
|
352
|
+
})));
|
|
353
|
+
}
|
|
455
354
|
}
|
|
456
355
|
if (integrationMode === 'tabs') {
|
|
457
|
-
var
|
|
356
|
+
var DEFAULT_TAB_CONTENT_WIDTH = isExtendedShareDialogEnabled ? 452 : 304;
|
|
458
357
|
return jsx(Tabs, {
|
|
459
358
|
id: "ShareForm-Tabs-Integrations",
|
|
460
359
|
onChange: this.changeTab,
|
|
461
360
|
selected: this.state.selectedTab
|
|
462
361
|
}, jsx(TabList, null, jsx(Tab, {
|
|
463
362
|
key: "share-tab-default"
|
|
464
|
-
}, this.renderMainTabTitle()),
|
|
465
|
-
|
|
466
|
-
|
|
467
|
-
|
|
468
|
-
|
|
469
|
-
|
|
470
|
-
|
|
363
|
+
}, this.renderMainTabTitle()), shareIntegrations === null || shareIntegrations === void 0 ? void 0 : shareIntegrations.map(function (integration) {
|
|
364
|
+
return jsx(Tab, {
|
|
365
|
+
key: "share-tab-".concat(integration.type)
|
|
366
|
+
}, jsx("div", {
|
|
367
|
+
css: integrationWrapperStyles
|
|
368
|
+
}, jsx("span", {
|
|
369
|
+
css: integrationIconWrapperStyles
|
|
370
|
+
}, jsx(integration.Icon, null)), integrationTabText(integration.type)));
|
|
371
|
+
}), fg('smart_links_for_plans_platform') && (additionalTabs === null || additionalTabs === void 0 ? void 0 : additionalTabs.map(function (tab) {
|
|
471
372
|
return jsx(Tab, {
|
|
472
373
|
key: "share-tab-".concat(tab.label)
|
|
473
374
|
}, tab.label);
|
|
@@ -477,27 +378,29 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
477
378
|
css: formWrapperStyles
|
|
478
379
|
}, jsx("div", {
|
|
479
380
|
style: {
|
|
480
|
-
width: "".concat(builtInTabContentWidth ||
|
|
481
|
-
}
|
|
482
|
-
}, this.renderShareForm()))), jsx(TabPanel, {
|
|
483
|
-
key: "share-tabPanel-integration"
|
|
484
|
-
}, jsx(AnalyticsContext, {
|
|
485
|
-
data: {
|
|
486
|
-
source: INTEGRATION_MODAL_SOURCE
|
|
487
|
-
}
|
|
488
|
-
}, jsx("div", {
|
|
489
|
-
css: formWrapperStyles
|
|
490
|
-
}, jsx("div", {
|
|
491
|
-
style: {
|
|
492
|
-
width: "".concat(builtInTabContentWidth || _DEFAULT_TAB_CONTENT_WIDTH, "px")
|
|
381
|
+
width: "".concat(builtInTabContentWidth || DEFAULT_TAB_CONTENT_WIDTH, "px")
|
|
493
382
|
}
|
|
494
|
-
},
|
|
495
|
-
|
|
496
|
-
|
|
497
|
-
|
|
498
|
-
|
|
499
|
-
|
|
500
|
-
|
|
383
|
+
}, this.renderShareForm()))), shareIntegrations === null || shareIntegrations === void 0 ? void 0 : shareIntegrations.map(function (integration) {
|
|
384
|
+
return jsx(TabPanel, {
|
|
385
|
+
key: "share-tabPanel-integration"
|
|
386
|
+
}, jsx(AnalyticsContext, {
|
|
387
|
+
data: {
|
|
388
|
+
source: INTEGRATION_MODAL_SOURCE
|
|
389
|
+
}
|
|
390
|
+
}, jsx("div", {
|
|
391
|
+
css: formWrapperStyles
|
|
392
|
+
}, jsx("div", {
|
|
393
|
+
style: {
|
|
394
|
+
width: "".concat(builtInTabContentWidth || DEFAULT_TAB_CONTENT_WIDTH, "px")
|
|
395
|
+
}
|
|
396
|
+
}, jsx(IntegrationForm, {
|
|
397
|
+
Content: integration.Content,
|
|
398
|
+
onIntegrationClose: function onIntegrationClose() {
|
|
399
|
+
return handleCloseDialog === null || handleCloseDialog === void 0 ? void 0 : handleCloseDialog();
|
|
400
|
+
},
|
|
401
|
+
changeTab: _this2.changeTab
|
|
402
|
+
})))));
|
|
403
|
+
}), fg('smart_links_for_plans_platform') && (additionalTabs === null || additionalTabs === void 0 ? void 0 : additionalTabs.map(function (tab) {
|
|
501
404
|
return jsx(TabPanel, {
|
|
502
405
|
key: "share-tabPanel-".concat(tab.label)
|
|
503
406
|
}, jsx("div", {
|
|
@@ -160,7 +160,7 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
160
160
|
var formSendLabel = messages.formShare;
|
|
161
161
|
var sendLabel = isPublicLink ? formPublicLabel : formSendLabel;
|
|
162
162
|
var buttonLabel = isRetryableError ? messages.formRetry : sendLabel;
|
|
163
|
-
var buttonDisabled = isDisabled || isNonRetryableError || isSubmitShareDisabled
|
|
163
|
+
var buttonDisabled = isDisabled || isNonRetryableError || isSubmitShareDisabled;
|
|
164
164
|
var ButtonLabelWrapper = buttonAppearance === 'warning' ? 'strong' : React.Fragment;
|
|
165
165
|
return /*#__PURE__*/React.createElement(Box, {
|
|
166
166
|
xcss: cx(styles.submitButtonWrapperStyles)
|
|
@@ -232,167 +232,66 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
232
232
|
builtInTabContentWidth = _this$props7.builtInTabContentWidth,
|
|
233
233
|
handleCloseDialog = _this$props7.handleCloseDialog;
|
|
234
234
|
var selectedMenuItem = this.state.selectedMenuItem;
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
if (integrationMode === 'off' || !hasShareIntegrations && !hasAdditionalTabs) {
|
|
239
|
-
return this.renderShareForm();
|
|
240
|
-
}
|
|
241
|
-
if (selectedMenuItem === 'default') {
|
|
242
|
-
return this.renderShareForm();
|
|
243
|
-
}
|
|
244
|
-
if (hasShareIntegrations) {
|
|
245
|
-
var _firstIntegration = shareIntegrations[0];
|
|
246
|
-
if (selectedMenuItem === 'Slack') {
|
|
247
|
-
return /*#__PURE__*/React.createElement(IntegrationForm, {
|
|
248
|
-
Content: _firstIntegration.Content,
|
|
249
|
-
onIntegrationClose: function onIntegrationClose() {
|
|
250
|
-
return handleCloseDialog === null || handleCloseDialog === void 0 ? void 0 : handleCloseDialog();
|
|
251
|
-
}
|
|
252
|
-
});
|
|
253
|
-
}
|
|
254
|
-
if (integrationMode === 'menu') {
|
|
255
|
-
return /*#__PURE__*/React.createElement(Box, {
|
|
256
|
-
xcss: cx(styles.menuGroupContainerStyles),
|
|
257
|
-
backgroundColor: "elevation.surface.overlay"
|
|
258
|
-
}, /*#__PURE__*/React.createElement(MenuGroup, null, /*#__PURE__*/React.createElement(ShareMenuItem, {
|
|
259
|
-
iconName: /*#__PURE__*/React.createElement(_firstIntegration.Icon, null),
|
|
260
|
-
labelId: messages.slackMenuItemText,
|
|
261
|
-
onClickHandler: function onClickHandler() {
|
|
262
|
-
return _this2.changeMenuItem('Slack');
|
|
263
|
-
}
|
|
264
|
-
}), /*#__PURE__*/React.createElement(ShareMenuItem, {
|
|
265
|
-
iconName: /*#__PURE__*/React.createElement(EmailIcon, {
|
|
266
|
-
color: "currentColor",
|
|
267
|
-
label: "",
|
|
268
|
-
LEGACY_size: "medium",
|
|
269
|
-
spacing: "spacious"
|
|
270
|
-
}),
|
|
271
|
-
labelId: messages.emailMenuItemText,
|
|
272
|
-
onClickHandler: function onClickHandler() {
|
|
273
|
-
return _this2.changeMenuItem('default');
|
|
274
|
-
}
|
|
275
|
-
})));
|
|
276
|
-
}
|
|
277
|
-
}
|
|
278
|
-
if (integrationMode === 'tabs') {
|
|
279
|
-
var DEFAULT_TAB_CONTENT_WIDTH = 304;
|
|
280
|
-
return /*#__PURE__*/React.createElement(Tabs, {
|
|
281
|
-
id: "ShareForm-Tabs-Integrations",
|
|
282
|
-
onChange: this.changeTab,
|
|
283
|
-
selected: this.state.selectedTab
|
|
284
|
-
}, /*#__PURE__*/React.createElement(TabList, null, /*#__PURE__*/React.createElement(Tab, {
|
|
285
|
-
key: "share-tab-default"
|
|
286
|
-
}, this.renderMainTabTitle()), shareIntegrations === null || shareIntegrations === void 0 ? void 0 : shareIntegrations.map(function (integration) {
|
|
287
|
-
return /*#__PURE__*/React.createElement(Tab, {
|
|
288
|
-
key: "share-tab-".concat(integration.type)
|
|
289
|
-
}, /*#__PURE__*/React.createElement(Box, {
|
|
290
|
-
xcss: cx(styles.integrationWrapperStyles)
|
|
291
|
-
}, /*#__PURE__*/React.createElement(Box, {
|
|
292
|
-
as: "span",
|
|
293
|
-
xcss: cx(styles.integrationIconWrapperStyles)
|
|
294
|
-
}, /*#__PURE__*/React.createElement(integration.Icon, null)), integrationTabText(integration.type)));
|
|
295
|
-
}), fg('smart_links_for_plans_platform') && (additionalTabs === null || additionalTabs === void 0 ? void 0 : additionalTabs.map(function (tab) {
|
|
296
|
-
return /*#__PURE__*/React.createElement(Tab, {
|
|
297
|
-
key: "share-tab-".concat(tab.label)
|
|
298
|
-
}, tab.label);
|
|
299
|
-
}))), /*#__PURE__*/React.createElement(TabPanel, {
|
|
300
|
-
key: "share-tabPanel-default"
|
|
301
|
-
}, /*#__PURE__*/React.createElement(Box, {
|
|
302
|
-
xcss: cx(styles.formWrapperStyles)
|
|
303
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
304
|
-
style: {
|
|
305
|
-
width: "".concat(builtInTabContentWidth || DEFAULT_TAB_CONTENT_WIDTH, "px")
|
|
306
|
-
}
|
|
307
|
-
}, this.renderShareForm()))), shareIntegrations === null || shareIntegrations === void 0 ? void 0 : shareIntegrations.map(function (integration) {
|
|
308
|
-
return /*#__PURE__*/React.createElement(TabPanel, {
|
|
309
|
-
key: "share-tabPanel-integration"
|
|
310
|
-
}, /*#__PURE__*/React.createElement(AnalyticsContext, {
|
|
311
|
-
data: {
|
|
312
|
-
source: INTEGRATION_MODAL_SOURCE
|
|
313
|
-
}
|
|
314
|
-
}, /*#__PURE__*/React.createElement(Box, {
|
|
315
|
-
xcss: cx(styles.formWrapperStyles)
|
|
316
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
317
|
-
style: {
|
|
318
|
-
width: "".concat(builtInTabContentWidth || DEFAULT_TAB_CONTENT_WIDTH, "px")
|
|
319
|
-
}
|
|
320
|
-
}, /*#__PURE__*/React.createElement(IntegrationForm, {
|
|
321
|
-
Content: integration.Content,
|
|
322
|
-
onIntegrationClose: function onIntegrationClose() {
|
|
323
|
-
return handleCloseDialog === null || handleCloseDialog === void 0 ? void 0 : handleCloseDialog();
|
|
324
|
-
},
|
|
325
|
-
changeTab: _this2.changeTab
|
|
326
|
-
})))));
|
|
327
|
-
}), fg('smart_links_for_plans_platform') && (additionalTabs === null || additionalTabs === void 0 ? void 0 : additionalTabs.map(function (tab) {
|
|
328
|
-
return /*#__PURE__*/React.createElement(TabPanel, {
|
|
329
|
-
key: "share-tabPanel-".concat(tab.label)
|
|
330
|
-
}, /*#__PURE__*/React.createElement(Box, {
|
|
331
|
-
xcss: cx(styles.formWrapperStyles)
|
|
332
|
-
}, /*#__PURE__*/React.createElement(IntegrationForm, {
|
|
333
|
-
Content: tab.Content,
|
|
334
|
-
onIntegrationClose: function onIntegrationClose() {
|
|
335
|
-
return handleCloseDialog === null || handleCloseDialog === void 0 ? void 0 : handleCloseDialog();
|
|
336
|
-
},
|
|
337
|
-
changeTab: _this2.changeTab
|
|
338
|
-
})));
|
|
339
|
-
})));
|
|
340
|
-
}
|
|
341
|
-
}
|
|
342
|
-
if (integrationMode === 'off' || !shareIntegrations || !shareIntegrations.length) {
|
|
235
|
+
var hasShareIntegrations = shareIntegrations && shareIntegrations.length;
|
|
236
|
+
var hasAdditionalTabs = additionalTabs && additionalTabs.length;
|
|
237
|
+
if (integrationMode === 'off' || !hasShareIntegrations && !hasAdditionalTabs) {
|
|
343
238
|
return this.renderShareForm();
|
|
344
239
|
}
|
|
345
|
-
var firstIntegration = shareIntegrations[0];
|
|
346
240
|
if (selectedMenuItem === 'default') {
|
|
347
241
|
return this.renderShareForm();
|
|
348
242
|
}
|
|
349
|
-
if (
|
|
350
|
-
|
|
351
|
-
|
|
352
|
-
|
|
353
|
-
|
|
354
|
-
|
|
355
|
-
|
|
356
|
-
|
|
357
|
-
|
|
358
|
-
|
|
359
|
-
|
|
360
|
-
|
|
361
|
-
|
|
362
|
-
|
|
363
|
-
|
|
364
|
-
|
|
365
|
-
|
|
366
|
-
|
|
367
|
-
|
|
368
|
-
|
|
369
|
-
|
|
370
|
-
|
|
371
|
-
|
|
372
|
-
|
|
373
|
-
|
|
374
|
-
|
|
375
|
-
|
|
376
|
-
|
|
377
|
-
|
|
378
|
-
|
|
243
|
+
if (hasShareIntegrations) {
|
|
244
|
+
var firstIntegration = shareIntegrations[0];
|
|
245
|
+
if (selectedMenuItem === 'Slack') {
|
|
246
|
+
return /*#__PURE__*/React.createElement(IntegrationForm, {
|
|
247
|
+
Content: firstIntegration.Content,
|
|
248
|
+
onIntegrationClose: function onIntegrationClose() {
|
|
249
|
+
return handleCloseDialog === null || handleCloseDialog === void 0 ? void 0 : handleCloseDialog();
|
|
250
|
+
}
|
|
251
|
+
});
|
|
252
|
+
}
|
|
253
|
+
if (integrationMode === 'menu') {
|
|
254
|
+
return /*#__PURE__*/React.createElement(Box, {
|
|
255
|
+
xcss: cx(styles.menuGroupContainerStyles),
|
|
256
|
+
backgroundColor: "elevation.surface.overlay"
|
|
257
|
+
}, /*#__PURE__*/React.createElement(MenuGroup, null, /*#__PURE__*/React.createElement(ShareMenuItem, {
|
|
258
|
+
iconName: /*#__PURE__*/React.createElement(firstIntegration.Icon, null),
|
|
259
|
+
labelId: messages.slackMenuItemText,
|
|
260
|
+
onClickHandler: function onClickHandler() {
|
|
261
|
+
return _this2.changeMenuItem('Slack');
|
|
262
|
+
}
|
|
263
|
+
}), /*#__PURE__*/React.createElement(ShareMenuItem, {
|
|
264
|
+
iconName: /*#__PURE__*/React.createElement(EmailIcon, {
|
|
265
|
+
color: "currentColor",
|
|
266
|
+
label: "",
|
|
267
|
+
LEGACY_size: "medium",
|
|
268
|
+
spacing: "spacious"
|
|
269
|
+
}),
|
|
270
|
+
labelId: messages.emailMenuItemText,
|
|
271
|
+
onClickHandler: function onClickHandler() {
|
|
272
|
+
return _this2.changeMenuItem('default');
|
|
273
|
+
}
|
|
274
|
+
})));
|
|
275
|
+
}
|
|
379
276
|
}
|
|
380
277
|
if (integrationMode === 'tabs') {
|
|
381
|
-
var
|
|
278
|
+
var DEFAULT_TAB_CONTENT_WIDTH = 304;
|
|
382
279
|
return /*#__PURE__*/React.createElement(Tabs, {
|
|
383
280
|
id: "ShareForm-Tabs-Integrations",
|
|
384
281
|
onChange: this.changeTab,
|
|
385
282
|
selected: this.state.selectedTab
|
|
386
283
|
}, /*#__PURE__*/React.createElement(TabList, null, /*#__PURE__*/React.createElement(Tab, {
|
|
387
284
|
key: "share-tab-default"
|
|
388
|
-
}, this.renderMainTabTitle()),
|
|
389
|
-
|
|
390
|
-
|
|
391
|
-
|
|
392
|
-
|
|
393
|
-
|
|
394
|
-
|
|
395
|
-
|
|
285
|
+
}, this.renderMainTabTitle()), shareIntegrations === null || shareIntegrations === void 0 ? void 0 : shareIntegrations.map(function (integration) {
|
|
286
|
+
return /*#__PURE__*/React.createElement(Tab, {
|
|
287
|
+
key: "share-tab-".concat(integration.type)
|
|
288
|
+
}, /*#__PURE__*/React.createElement(Box, {
|
|
289
|
+
xcss: cx(styles.integrationWrapperStyles)
|
|
290
|
+
}, /*#__PURE__*/React.createElement(Box, {
|
|
291
|
+
as: "span",
|
|
292
|
+
xcss: cx(styles.integrationIconWrapperStyles)
|
|
293
|
+
}, /*#__PURE__*/React.createElement(integration.Icon, null)), integrationTabText(integration.type)));
|
|
294
|
+
}), fg('smart_links_for_plans_platform') && (additionalTabs === null || additionalTabs === void 0 ? void 0 : additionalTabs.map(function (tab) {
|
|
396
295
|
return /*#__PURE__*/React.createElement(Tab, {
|
|
397
296
|
key: "share-tab-".concat(tab.label)
|
|
398
297
|
}, tab.label);
|
|
@@ -402,27 +301,29 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
402
301
|
xcss: cx(styles.formWrapperStyles)
|
|
403
302
|
}, /*#__PURE__*/React.createElement("div", {
|
|
404
303
|
style: {
|
|
405
|
-
width: "".concat(builtInTabContentWidth ||
|
|
406
|
-
}
|
|
407
|
-
}, this.renderShareForm()))), /*#__PURE__*/React.createElement(TabPanel, {
|
|
408
|
-
key: "share-tabPanel-integration"
|
|
409
|
-
}, /*#__PURE__*/React.createElement(AnalyticsContext, {
|
|
410
|
-
data: {
|
|
411
|
-
source: INTEGRATION_MODAL_SOURCE
|
|
304
|
+
width: "".concat(builtInTabContentWidth || DEFAULT_TAB_CONTENT_WIDTH, "px")
|
|
412
305
|
}
|
|
413
|
-
},
|
|
414
|
-
|
|
415
|
-
|
|
416
|
-
|
|
417
|
-
|
|
418
|
-
|
|
419
|
-
|
|
420
|
-
|
|
421
|
-
|
|
422
|
-
|
|
423
|
-
|
|
424
|
-
|
|
425
|
-
|
|
306
|
+
}, this.renderShareForm()))), shareIntegrations === null || shareIntegrations === void 0 ? void 0 : shareIntegrations.map(function (integration) {
|
|
307
|
+
return /*#__PURE__*/React.createElement(TabPanel, {
|
|
308
|
+
key: "share-tabPanel-integration"
|
|
309
|
+
}, /*#__PURE__*/React.createElement(AnalyticsContext, {
|
|
310
|
+
data: {
|
|
311
|
+
source: INTEGRATION_MODAL_SOURCE
|
|
312
|
+
}
|
|
313
|
+
}, /*#__PURE__*/React.createElement(Box, {
|
|
314
|
+
xcss: cx(styles.formWrapperStyles)
|
|
315
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
316
|
+
style: {
|
|
317
|
+
width: "".concat(builtInTabContentWidth || DEFAULT_TAB_CONTENT_WIDTH, "px")
|
|
318
|
+
}
|
|
319
|
+
}, /*#__PURE__*/React.createElement(IntegrationForm, {
|
|
320
|
+
Content: integration.Content,
|
|
321
|
+
onIntegrationClose: function onIntegrationClose() {
|
|
322
|
+
return handleCloseDialog === null || handleCloseDialog === void 0 ? void 0 : handleCloseDialog();
|
|
323
|
+
},
|
|
324
|
+
changeTab: _this2.changeTab
|
|
325
|
+
})))));
|
|
326
|
+
}), fg('smart_links_for_plans_platform') && (additionalTabs === null || additionalTabs === void 0 ? void 0 : additionalTabs.map(function (tab) {
|
|
426
327
|
return /*#__PURE__*/React.createElement(TabPanel, {
|
|
427
328
|
key: "share-tabPanel-".concat(tab.label)
|
|
428
329
|
}, /*#__PURE__*/React.createElement(Box, {
|
|
@@ -6,7 +6,7 @@ var buildAttributes = function buildAttributes() {
|
|
|
6
6
|
var attributes = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
7
7
|
return _objectSpread({
|
|
8
8
|
packageName: "@atlaskit/share",
|
|
9
|
-
packageVersion: "6.6.
|
|
9
|
+
packageVersion: "6.6.3"
|
|
10
10
|
}, attributes);
|
|
11
11
|
};
|
|
12
12
|
var createEvent = function createEvent(eventType, source, action, actionSubject, actionSubjectId) {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/share",
|
|
3
|
-
"version": "6.6.
|
|
3
|
+
"version": "6.6.3",
|
|
4
4
|
"description": "Fabric Share Element",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -44,12 +44,12 @@
|
|
|
44
44
|
"@atlaskit/dropdown-menu": "^16.0.0",
|
|
45
45
|
"@atlaskit/form": "^12.0.0",
|
|
46
46
|
"@atlaskit/heading": "^5.2.0",
|
|
47
|
-
"@atlaskit/icon": "^26.
|
|
47
|
+
"@atlaskit/icon": "^26.3.0",
|
|
48
48
|
"@atlaskit/link": "^3.2.0",
|
|
49
49
|
"@atlaskit/menu": "^8.0.0",
|
|
50
50
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
51
51
|
"@atlaskit/popper": "^7.0.0",
|
|
52
|
-
"@atlaskit/popup": "^4.
|
|
52
|
+
"@atlaskit/popup": "^4.3.0",
|
|
53
53
|
"@atlaskit/portal": "^5.1.0",
|
|
54
54
|
"@atlaskit/primitives": "^14.8.0",
|
|
55
55
|
"@atlaskit/smart-user-picker": "^8.0.0",
|
|
@@ -125,9 +125,6 @@
|
|
|
125
125
|
"smart_links_for_plans_platform": {
|
|
126
126
|
"type": "boolean"
|
|
127
127
|
},
|
|
128
|
-
"plans_outgoing_mail_fix": {
|
|
129
|
-
"type": "boolean"
|
|
130
|
-
},
|
|
131
128
|
"jira-issue-terminology-refresh-m3": {
|
|
132
129
|
"type": "boolean"
|
|
133
130
|
},
|