@atlaskit/share 4.23.2 → 4.23.4

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.
Files changed (25) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/dist/cjs/components/LazyShareForm/LazyShareForm.js +2 -0
  3. package/dist/cjs/components/ShareDialogContainer.js +3 -1
  4. package/dist/cjs/components/ShareDialogWithTrigger.js +2 -0
  5. package/dist/cjs/components/ShareForm.js +18 -2
  6. package/dist/cjs/components/analytics/analytics.js +1 -1
  7. package/dist/es2019/components/LazyShareForm/LazyShareForm.js +2 -0
  8. package/dist/es2019/components/ShareDialogContainer.js +3 -1
  9. package/dist/es2019/components/ShareDialogWithTrigger.js +2 -0
  10. package/dist/es2019/components/ShareForm.js +16 -2
  11. package/dist/es2019/components/analytics/analytics.js +1 -1
  12. package/dist/esm/components/LazyShareForm/LazyShareForm.js +2 -0
  13. package/dist/esm/components/ShareDialogContainer.js +3 -1
  14. package/dist/esm/components/ShareDialogWithTrigger.js +2 -0
  15. package/dist/esm/components/ShareForm.js +18 -2
  16. package/dist/esm/components/analytics/analytics.js +1 -1
  17. package/dist/types/components/LazyShareForm/LazyShareForm.d.ts +1 -1
  18. package/dist/types/types/ShareDialogContainer.d.ts +1 -0
  19. package/dist/types/types/ShareDialogWithTrigger.d.ts +1 -1
  20. package/dist/types/types/ShareForm.d.ts +1 -1
  21. package/dist/types-ts4.5/components/LazyShareForm/LazyShareForm.d.ts +1 -1
  22. package/dist/types-ts4.5/types/ShareDialogContainer.d.ts +1 -0
  23. package/dist/types-ts4.5/types/ShareDialogWithTrigger.d.ts +1 -1
  24. package/dist/types-ts4.5/types/ShareForm.d.ts +1 -1
  25. package/package.json +8 -5
package/CHANGELOG.md CHANGED
@@ -1,5 +1,20 @@
1
1
  # @atlaskit/share
2
2
 
3
+ ## 4.23.4
4
+
5
+ ### Patch Changes
6
+
7
+ - [#175551](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/175551)
8
+ [`314a2e4eac1e0`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/314a2e4eac1e0) -
9
+ [ux] Allow the share popup content to occupy the whole width
10
+ - Updated dependencies
11
+
12
+ ## 4.23.3
13
+
14
+ ### Patch Changes
15
+
16
+ - Updated dependencies
17
+
3
18
  ## 4.23.2
4
19
 
5
20
  ### Patch Changes
package/dist/cjs/components/LazyShareForm/LazyShareForm.js CHANGED
@@ -62,6 +62,7 @@ function LazyShareForm(props) {
62
62
  shareIntegrations = props.shareIntegrations,
63
63
  integrationMode = props.integrationMode,
64
64
  additionalTabs = props.additionalTabs,
65
+ builtInTabContentWidth = props.builtInTabContentWidth,
65
66
  isMenuItemSelected = props.isMenuItemSelected,
66
67
  onLinkCopy = props.onLinkCopy,
67
68
  onDismiss = props.onDismiss,
@@ -124,6 +125,7 @@ function LazyShareForm(props) {
124
125
  integrationMode: integrationMode,
125
126
  shareIntegrations: shareIntegrations,
126
127
  additionalTabs: additionalTabs,
128
+ builtInTabContentWidth: builtInTabContentWidth,
127
129
  isSharing: isSharing,
128
130
  isFetchingConfig: isFetchingConfig,
129
131
  isPublicLink: isPublicLink,
package/dist/cjs/components/ShareDialogContainer.js CHANGED
@@ -354,6 +354,7 @@ var ShareDialogContainerInternal = exports.ShareDialogContainerInternal = /*#__P
354
354
  integrationMode = _this$props2.integrationMode,
355
355
  shareIntegrations = _this$props2.shareIntegrations,
356
356
  additionalTabs = _this$props2.additionalTabs,
357
+ builtInTabContentWidth = _this$props2.builtInTabContentWidth,
357
358
  shareAri = _this$props2.shareAri,
358
359
  tabIndex = _this$props2.tabIndex,
359
360
  copyTooltipText = _this$props2.copyTooltipText,
@@ -410,7 +411,8 @@ var ShareDialogContainerInternal = exports.ShareDialogContainerInternal = /*#__P
410
411
  onDialogClose: onDialogClose,
411
412
  isBrowseUsersDisabled: isBrowseUsersDisabled,
412
413
  userPickerOptions: userPickerOptions,
413
- additionalTabs: additionalTabs
414
+ additionalTabs: additionalTabs,
415
+ builtInTabContentWidth: builtInTabContentWidth
414
416
  })));
415
417
  }
416
418
  }]);
package/dist/cjs/components/ShareDialogWithTrigger.js CHANGED
@@ -557,6 +557,7 @@ var ShareDialogWithTriggerInternal = exports.ShareDialogWithTriggerInternal = /*
557
557
  integrationMode = _this$props7.integrationMode,
558
558
  shareIntegrations = _this$props7.shareIntegrations,
559
559
  additionalTabs = _this$props7.additionalTabs,
560
+ builtInTabContentWidth = _this$props7.builtInTabContentWidth,
560
561
  isBrowseUsersDisabled = _this$props7.isBrowseUsersDisabled,
561
562
  userPickerOptions = _this$props7.userPickerOptions;
562
563
  var style = typeof tabIndex !== 'undefined' && tabIndex >= 0 ? {
@@ -609,6 +610,7 @@ var ShareDialogWithTriggerInternal = exports.ShareDialogWithTriggerInternal = /*
609
610
  integrationMode: integrationMode,
610
611
  shareIntegrations: shareIntegrations,
611
612
  additionalTabs: additionalTabs,
613
+ builtInTabContentWidth: builtInTabContentWidth,
612
614
  isMenuItemSelected: isMenuItemSelected
613
615
  // actions
614
616
  ,
package/dist/cjs/components/ShareForm.js CHANGED
@@ -284,6 +284,7 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
284
284
  integrationMode = _this$props7$integrat === void 0 ? 'off' : _this$props7$integrat,
285
285
  shareIntegrations = _this$props7.shareIntegrations,
286
286
  additionalTabs = _this$props7.additionalTabs,
287
+ builtInTabContentWidth = _this$props7.builtInTabContentWidth,
287
288
  handleCloseDialog = _this$props7.handleCloseDialog;
288
289
  var selectedMenuItem = this.state.selectedMenuItem;
289
290
  if (integrationMode === 'off' || !shareIntegrations || !shareIntegrations.length) {
@@ -324,6 +325,7 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
324
325
  })));
325
326
  }
326
327
  if (integrationMode === 'tabs') {
328
+ var DEFAULT_TAB_CONTENT_WIDTH = 304;
327
329
  return (0, _react2.jsx)(_tabs.default, {
328
330
  id: "ShareForm-Tabs-Integrations",
329
331
  onChange: this.changeTab,
@@ -344,7 +346,11 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
344
346
  key: "share-tabPanel-default"
345
347
  }, (0, _react2.jsx)("div", {
346
348
  css: formWrapperStyles
347
- }, (0, _platformFeatureFlags.fg)('smart_links_for_plans_platform') ? (0, _react2.jsx)(_primitives.Box, {
349
+ }, (0, _platformFeatureFlags.fg)('share_popup_tab_content_width_override') ? (0, _react2.jsx)("div", {
350
+ style: {
351
+ width: "".concat(builtInTabContentWidth || DEFAULT_TAB_CONTENT_WIDTH, "px")
352
+ }
353
+ }, this.renderShareForm()) : (0, _platformFeatureFlags.fg)('smart_links_for_plans_platform') ? (0, _react2.jsx)(_primitives.Box, {
348
354
  xcss: platformTabWrapper
349
355
  }, this.renderShareForm()) : this.renderShareForm())), (0, _react2.jsx)(_tabs.TabPanel, {
350
356
  key: "share-tabPanel-integration"
@@ -354,7 +360,17 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
354
360
  }
355
361
  }, (0, _react2.jsx)("div", {
356
362
  css: formWrapperStyles
357
- }, (0, _platformFeatureFlags.fg)('smart_links_for_plans_platform') ? (0, _react2.jsx)(_primitives.Box, {
363
+ }, (0, _platformFeatureFlags.fg)('share_popup_tab_content_width_override') ? (0, _react2.jsx)("div", {
364
+ style: {
365
+ width: "".concat(builtInTabContentWidth || DEFAULT_TAB_CONTENT_WIDTH, "px")
366
+ }
367
+ }, (0, _react2.jsx)(_IntegrationForm.IntegrationForm, {
368
+ Content: firstIntegration.Content,
369
+ onIntegrationClose: function onIntegrationClose() {
370
+ return handleCloseDialog === null || handleCloseDialog === void 0 ? void 0 : handleCloseDialog();
371
+ },
372
+ changeTab: this.changeTab
373
+ })) : (0, _platformFeatureFlags.fg)('smart_links_for_plans_platform') ? (0, _react2.jsx)(_primitives.Box, {
358
374
  xcss: platformTabWrapper
359
375
  }, (0, _react2.jsx)(_IntegrationForm.IntegrationForm, {
360
376
  Content: firstIntegration.Content,
package/dist/cjs/components/analytics/analytics.js CHANGED
@@ -13,7 +13,7 @@ var buildAttributes = function buildAttributes() {
13
13
  var attributes = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
14
14
  return _objectSpread({
15
15
  packageName: "@atlaskit/share",
16
- packageVersion: "4.23.2"
16
+ packageVersion: "4.23.4"
17
17
  }, attributes);
18
18
  };
19
19
  var createEvent = function createEvent(eventType, source, action, actionSubject, actionSubjectId) {
package/dist/es2019/components/LazyShareForm/LazyShareForm.js CHANGED
@@ -54,6 +54,7 @@ function LazyShareForm(props) {
54
54
  shareIntegrations,
55
55
  integrationMode,
56
56
  additionalTabs,
57
+ builtInTabContentWidth,
57
58
  isMenuItemSelected,
58
59
  // actions
59
60
  onLinkCopy,
@@ -120,6 +121,7 @@ function LazyShareForm(props) {
120
121
  integrationMode: integrationMode,
121
122
  shareIntegrations: shareIntegrations,
122
123
  additionalTabs: additionalTabs,
124
+ builtInTabContentWidth: builtInTabContentWidth,
123
125
  isSharing: isSharing,
124
126
  isFetchingConfig: isFetchingConfig,
125
127
  isPublicLink: isPublicLink,
package/dist/es2019/components/ShareDialogContainer.js CHANGED
@@ -300,6 +300,7 @@ export class ShareDialogContainerInternal extends React.Component {
300
300
  integrationMode,
301
301
  shareIntegrations,
302
302
  additionalTabs,
303
+ builtInTabContentWidth,
303
304
  shareAri,
304
305
  tabIndex,
305
306
  copyTooltipText,
@@ -358,7 +359,8 @@ export class ShareDialogContainerInternal extends React.Component {
358
359
  onDialogClose: onDialogClose,
359
360
  isBrowseUsersDisabled: isBrowseUsersDisabled,
360
361
  userPickerOptions: userPickerOptions,
361
- additionalTabs: additionalTabs
362
+ additionalTabs: additionalTabs,
363
+ builtInTabContentWidth: builtInTabContentWidth
362
364
  })));
363
365
  }
364
366
  }
package/dist/es2019/components/ShareDialogWithTrigger.js CHANGED
@@ -503,6 +503,7 @@ export class ShareDialogWithTriggerInternal extends React.PureComponent {
503
503
  integrationMode,
504
504
  shareIntegrations,
505
505
  additionalTabs,
506
+ builtInTabContentWidth,
506
507
  isBrowseUsersDisabled,
507
508
  userPickerOptions
508
509
  } = this.props;
@@ -555,6 +556,7 @@ export class ShareDialogWithTriggerInternal extends React.PureComponent {
555
556
  integrationMode: integrationMode,
556
557
  shareIntegrations: shareIntegrations,
557
558
  additionalTabs: additionalTabs,
559
+ builtInTabContentWidth: builtInTabContentWidth,
558
560
  isMenuItemSelected: isMenuItemSelected
559
561
  // actions
560
562
  ,
package/dist/es2019/components/ShareForm.js CHANGED
@@ -262,6 +262,7 @@ class InternalForm extends React.PureComponent {
262
262
  integrationMode = 'off',
263
263
  shareIntegrations,
264
264
  additionalTabs,
265
+ builtInTabContentWidth,
265
266
  handleCloseDialog
266
267
  } = this.props;
267
268
  const {
@@ -299,6 +300,7 @@ class InternalForm extends React.PureComponent {
299
300
  })));
300
301
  }
301
302
  if (integrationMode === 'tabs') {
303
+ const DEFAULT_TAB_CONTENT_WIDTH = 304;
302
304
  return jsx(Tabs, {
303
305
  id: "ShareForm-Tabs-Integrations",
304
306
  onChange: this.changeTab,
@@ -317,7 +319,11 @@ class InternalForm extends React.PureComponent {
317
319
  key: `share-tabPanel-default`
318
320
  }, jsx("div", {
319
321
  css: formWrapperStyles
320
- }, fg('smart_links_for_plans_platform') ? jsx(Box, {
322
+ }, fg('share_popup_tab_content_width_override') ? jsx("div", {
323
+ style: {
324
+ width: `${builtInTabContentWidth || DEFAULT_TAB_CONTENT_WIDTH}px`
325
+ }
326
+ }, this.renderShareForm()) : fg('smart_links_for_plans_platform') ? jsx(Box, {
321
327
  xcss: platformTabWrapper
322
328
  }, this.renderShareForm()) : this.renderShareForm())), jsx(TabPanel, {
323
329
  key: `share-tabPanel-integration`
@@ -327,7 +333,15 @@ class InternalForm extends React.PureComponent {
327
333
  }
328
334
  }, jsx("div", {
329
335
  css: formWrapperStyles
330
- }, fg('smart_links_for_plans_platform') ? jsx(Box, {
336
+ }, fg('share_popup_tab_content_width_override') ? jsx("div", {
337
+ style: {
338
+ width: `${builtInTabContentWidth || DEFAULT_TAB_CONTENT_WIDTH}px`
339
+ }
340
+ }, jsx(IntegrationForm, {
341
+ Content: firstIntegration.Content,
342
+ onIntegrationClose: () => handleCloseDialog === null || handleCloseDialog === void 0 ? void 0 : handleCloseDialog(),
343
+ changeTab: this.changeTab
344
+ })) : fg('smart_links_for_plans_platform') ? jsx(Box, {
331
345
  xcss: platformTabWrapper
332
346
  }, jsx(IntegrationForm, {
333
347
  Content: firstIntegration.Content,
package/dist/es2019/components/analytics/analytics.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { isEmail, isExternalUser, isGroup, isTeam, isUser } from '@atlaskit/smart-user-picker';
2
2
  const buildAttributes = (attributes = {}) => ({
3
3
  packageName: "@atlaskit/share",
4
- packageVersion: "4.23.2",
4
+ packageVersion: "4.23.4",
5
5
  ...attributes
6
6
  });
7
7
  const createEvent = (eventType, source, action, actionSubject, actionSubjectId, attributes = {}) => ({
package/dist/esm/components/LazyShareForm/LazyShareForm.js CHANGED
@@ -53,6 +53,7 @@ function LazyShareForm(props) {
53
53
  shareIntegrations = props.shareIntegrations,
54
54
  integrationMode = props.integrationMode,
55
55
  additionalTabs = props.additionalTabs,
56
+ builtInTabContentWidth = props.builtInTabContentWidth,
56
57
  isMenuItemSelected = props.isMenuItemSelected,
57
58
  onLinkCopy = props.onLinkCopy,
58
59
  onDismiss = props.onDismiss,
@@ -115,6 +116,7 @@ function LazyShareForm(props) {
115
116
  integrationMode: integrationMode,
116
117
  shareIntegrations: shareIntegrations,
117
118
  additionalTabs: additionalTabs,
119
+ builtInTabContentWidth: builtInTabContentWidth,
118
120
  isSharing: isSharing,
119
121
  isFetchingConfig: isFetchingConfig,
120
122
  isPublicLink: isPublicLink,
package/dist/esm/components/ShareDialogContainer.js CHANGED
@@ -347,6 +347,7 @@ export var ShareDialogContainerInternal = /*#__PURE__*/function (_React$Componen
347
347
  integrationMode = _this$props2.integrationMode,
348
348
  shareIntegrations = _this$props2.shareIntegrations,
349
349
  additionalTabs = _this$props2.additionalTabs,
350
+ builtInTabContentWidth = _this$props2.builtInTabContentWidth,
350
351
  shareAri = _this$props2.shareAri,
351
352
  tabIndex = _this$props2.tabIndex,
352
353
  copyTooltipText = _this$props2.copyTooltipText,
@@ -403,7 +404,8 @@ export var ShareDialogContainerInternal = /*#__PURE__*/function (_React$Componen
403
404
  onDialogClose: onDialogClose,
404
405
  isBrowseUsersDisabled: isBrowseUsersDisabled,
405
406
  userPickerOptions: userPickerOptions,
406
- additionalTabs: additionalTabs
407
+ additionalTabs: additionalTabs,
408
+ builtInTabContentWidth: builtInTabContentWidth
407
409
  })));
408
410
  }
409
411
  }]);
package/dist/esm/components/ShareDialogWithTrigger.js CHANGED
@@ -556,6 +556,7 @@ export var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureCo
556
556
  integrationMode = _this$props7.integrationMode,
557
557
  shareIntegrations = _this$props7.shareIntegrations,
558
558
  additionalTabs = _this$props7.additionalTabs,
559
+ builtInTabContentWidth = _this$props7.builtInTabContentWidth,
559
560
  isBrowseUsersDisabled = _this$props7.isBrowseUsersDisabled,
560
561
  userPickerOptions = _this$props7.userPickerOptions;
561
562
  var style = typeof tabIndex !== 'undefined' && tabIndex >= 0 ? {
@@ -608,6 +609,7 @@ export var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureCo
608
609
  integrationMode: integrationMode,
609
610
  shareIntegrations: shareIntegrations,
610
611
  additionalTabs: additionalTabs,
612
+ builtInTabContentWidth: builtInTabContentWidth,
611
613
  isMenuItemSelected: isMenuItemSelected
612
614
  // actions
613
615
  ,
package/dist/esm/components/ShareForm.js CHANGED
@@ -277,6 +277,7 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
277
277
  integrationMode = _this$props7$integrat === void 0 ? 'off' : _this$props7$integrat,
278
278
  shareIntegrations = _this$props7.shareIntegrations,
279
279
  additionalTabs = _this$props7.additionalTabs,
280
+ builtInTabContentWidth = _this$props7.builtInTabContentWidth,
280
281
  handleCloseDialog = _this$props7.handleCloseDialog;
281
282
  var selectedMenuItem = this.state.selectedMenuItem;
282
283
  if (integrationMode === 'off' || !shareIntegrations || !shareIntegrations.length) {
@@ -317,6 +318,7 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
317
318
  })));
318
319
  }
319
320
  if (integrationMode === 'tabs') {
321
+ var DEFAULT_TAB_CONTENT_WIDTH = 304;
320
322
  return jsx(Tabs, {
321
323
  id: "ShareForm-Tabs-Integrations",
322
324
  onChange: this.changeTab,
@@ -337,7 +339,11 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
337
339
  key: "share-tabPanel-default"
338
340
  }, jsx("div", {
339
341
  css: formWrapperStyles
340
- }, fg('smart_links_for_plans_platform') ? jsx(Box, {
342
+ }, fg('share_popup_tab_content_width_override') ? jsx("div", {
343
+ style: {
344
+ width: "".concat(builtInTabContentWidth || DEFAULT_TAB_CONTENT_WIDTH, "px")
345
+ }
346
+ }, this.renderShareForm()) : fg('smart_links_for_plans_platform') ? jsx(Box, {
341
347
  xcss: platformTabWrapper
342
348
  }, this.renderShareForm()) : this.renderShareForm())), jsx(TabPanel, {
343
349
  key: "share-tabPanel-integration"
@@ -347,7 +353,17 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
347
353
  }
348
354
  }, jsx("div", {
349
355
  css: formWrapperStyles
350
- }, fg('smart_links_for_plans_platform') ? jsx(Box, {
356
+ }, fg('share_popup_tab_content_width_override') ? jsx("div", {
357
+ style: {
358
+ width: "".concat(builtInTabContentWidth || DEFAULT_TAB_CONTENT_WIDTH, "px")
359
+ }
360
+ }, jsx(IntegrationForm, {
361
+ Content: firstIntegration.Content,
362
+ onIntegrationClose: function onIntegrationClose() {
363
+ return handleCloseDialog === null || handleCloseDialog === void 0 ? void 0 : handleCloseDialog();
364
+ },
365
+ changeTab: this.changeTab
366
+ })) : fg('smart_links_for_plans_platform') ? jsx(Box, {
351
367
  xcss: platformTabWrapper
352
368
  }, jsx(IntegrationForm, {
353
369
  Content: firstIntegration.Content,
package/dist/esm/components/analytics/analytics.js CHANGED
@@ -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: "4.23.2"
9
+ packageVersion: "4.23.4"
10
10
  }, attributes);
11
11
  };
12
12
  var createEvent = function createEvent(eventType, source, action, actionSubject, actionSubjectId) {
package/dist/types/components/LazyShareForm/LazyShareForm.d.ts CHANGED
@@ -2,7 +2,7 @@ import { jsx } from '@emotion/react';
2
2
  import type { LoadOptions } from '@atlaskit/smart-user-picker';
3
3
  import type { MenuType, ShareData, ShareDialogWithTriggerProps, ShareDialogWithTriggerStates } from '../../types';
4
4
  import { type IntegrationFormProps } from '../IntegrationForm';
5
- export type LazyShareFormProps = Pick<ShareDialogWithTriggerProps, 'copyLink' | 'config' | 'isFetchingConfig' | 'loadUserOptions' | 'shareFormTitle' | 'shareFormHelperMessage' | 'bottomMessage' | 'submitButtonLabel' | 'product' | 'productAttributes' | 'customFooter' | 'enableSmartUserPicker' | 'loggedInAccountId' | 'cloudId' | 'shareFieldsFooter' | 'onUserSelectionChange' | 'isPublicLink' | 'copyTooltipText' | 'shareIntegrations' | 'additionalTabs' | 'integrationMode' | 'onDialogClose' | 'orgId' | 'isBrowseUsersDisabled' | 'userPickerOptions' | 'isMenuItemSelected'> & Pick<ShareDialogWithTriggerStates, 'showIntegrationForm' | 'selectedIntegration' | 'isSharing' | 'shareError' | 'defaultValue'> & Pick<IntegrationFormProps, 'Content'> & {
5
+ export type LazyShareFormProps = Pick<ShareDialogWithTriggerProps, 'copyLink' | 'config' | 'isFetchingConfig' | 'loadUserOptions' | 'shareFormTitle' | 'shareFormHelperMessage' | 'bottomMessage' | 'submitButtonLabel' | 'product' | 'productAttributes' | 'customFooter' | 'enableSmartUserPicker' | 'loggedInAccountId' | 'cloudId' | 'shareFieldsFooter' | 'onUserSelectionChange' | 'isPublicLink' | 'copyTooltipText' | 'shareIntegrations' | 'additionalTabs' | 'builtInTabContentWidth' | 'integrationMode' | 'onDialogClose' | 'orgId' | 'isBrowseUsersDisabled' | 'userPickerOptions' | 'isMenuItemSelected'> & Pick<ShareDialogWithTriggerStates, 'showIntegrationForm' | 'selectedIntegration' | 'isSharing' | 'shareError' | 'defaultValue'> & Pick<IntegrationFormProps, 'Content'> & {
6
6
  onLinkCopy: () => void;
7
7
  onDismiss: (data: ShareData) => void;
8
8
  onSubmit: (data: ShareData) => void;
package/dist/types/types/ShareDialogContainer.d.ts CHANGED
@@ -148,6 +148,7 @@ export type ShareDialogContainerProps = {
148
148
  isMenuItemSelected?: boolean;
149
149
  shareIntegrations?: Array<Integration>;
150
150
  additionalTabs?: Array<AdditionalTab>;
151
+ builtInTabContentWidth?: number;
151
152
  /**
152
153
  * Optionally sets a tabIndex value if you need to set focus
153
154
  */
package/dist/types/types/ShareDialogWithTrigger.d.ts CHANGED
@@ -19,7 +19,7 @@ export type DialogPlacement = Placement;
19
19
  * with the demo page and clearly visible options on that page.
20
20
  */
21
21
  export type DialogBoundariesElement = 'viewport' | 'window' | 'scrollParent';
22
- export type ShareDialogWithTriggerProps = Pick<ShareDialogContainerProps, 'onTriggerButtonClick' | 'isAutoOpenDialog' | 'shouldCloseOnEscapePress' | 'dialogPlacement' | 'loadUserOptions' | 'onDialogOpen' | 'onDialogClose' | 'onUserSelectionChange' | 'renderCustomTriggerButton' | 'shareContentType' | 'shareContentSubType' | 'shareContentId' | 'shareFormTitle' | 'shareFormHelperMessage' | 'showFlags' | 'enableSmartUserPicker' | 'loggedInAccountId' | 'triggerButtonAppearance' | 'triggerButtonIcon' | 'triggerButtonStyle' | 'triggerButtonTooltipPosition' | 'triggerButtonTooltipText' | 'cloudId' | 'bottomMessage' | 'product' | 'productAttributes' | 'customFooter' | 'isCopyDisabled' | 'isPublicLink' | 'integrationMode' | 'isMenuItemSelected' | 'shareFieldsFooter' | 'shareIntegrations' | 'additionalTabs' | 'shareAri' | 'tabIndex' | 'copyTooltipText' | 'dialogZIndex' | 'orgId' | 'isBrowseUsersDisabled' | 'userPickerOptions'> & {
22
+ export type ShareDialogWithTriggerProps = Pick<ShareDialogContainerProps, 'onTriggerButtonClick' | 'isAutoOpenDialog' | 'shouldCloseOnEscapePress' | 'dialogPlacement' | 'loadUserOptions' | 'onDialogOpen' | 'onDialogClose' | 'onUserSelectionChange' | 'renderCustomTriggerButton' | 'shareContentType' | 'shareContentSubType' | 'shareContentId' | 'shareFormTitle' | 'shareFormHelperMessage' | 'showFlags' | 'enableSmartUserPicker' | 'loggedInAccountId' | 'triggerButtonAppearance' | 'triggerButtonIcon' | 'triggerButtonStyle' | 'triggerButtonTooltipPosition' | 'triggerButtonTooltipText' | 'cloudId' | 'bottomMessage' | 'product' | 'productAttributes' | 'customFooter' | 'isCopyDisabled' | 'isPublicLink' | 'integrationMode' | 'isMenuItemSelected' | 'shareFieldsFooter' | 'shareIntegrations' | 'additionalTabs' | 'builtInTabContentWidth' | 'shareAri' | 'tabIndex' | 'copyTooltipText' | 'dialogZIndex' | 'orgId' | 'isBrowseUsersDisabled' | 'userPickerOptions'> & {
23
23
  config?: ConfigResponse;
24
24
  isFetchingConfig?: boolean;
25
25
  children?: RenderCustomTriggerButton;
package/dist/types/types/ShareForm.d.ts CHANGED
@@ -5,7 +5,7 @@ import type { ProductName } from './Products';
5
5
  import type { ShareData, ShareError } from './ShareContentState';
6
6
  import type { ShareDialogContainerProps } from './ShareDialogContainer';
7
7
  import { type MenuType } from './ShareEntities';
8
- export type ShareFormProps = Pick<ShareDialogContainerProps, 'integrationMode' | 'shareIntegrations' | 'additionalTabs' | 'copyTooltipText' | 'isPublicLink' | 'onUserSelectionChange' | 'cloudId' | 'loggedInAccountId' | 'enableSmartUserPicker' | 'orgId' | 'isBrowseUsersDisabled' | 'userPickerOptions' | 'productAttributes'> & {
8
+ export type ShareFormProps = Pick<ShareDialogContainerProps, 'integrationMode' | 'shareIntegrations' | 'additionalTabs' | 'builtInTabContentWidth' | 'copyTooltipText' | 'isPublicLink' | 'onUserSelectionChange' | 'cloudId' | 'loggedInAccountId' | 'enableSmartUserPicker' | 'orgId' | 'isBrowseUsersDisabled' | 'userPickerOptions' | 'productAttributes'> & {
9
9
  config?: ConfigResponse;
10
10
  isFetchingConfig?: boolean;
11
11
  copyLink: string;
package/dist/types-ts4.5/components/LazyShareForm/LazyShareForm.d.ts CHANGED
@@ -2,7 +2,7 @@ import { jsx } from '@emotion/react';
2
2
  import type { LoadOptions } from '@atlaskit/smart-user-picker';
3
3
  import type { MenuType, ShareData, ShareDialogWithTriggerProps, ShareDialogWithTriggerStates } from '../../types';
4
4
  import { type IntegrationFormProps } from '../IntegrationForm';
5
- export type LazyShareFormProps = Pick<ShareDialogWithTriggerProps, 'copyLink' | 'config' | 'isFetchingConfig' | 'loadUserOptions' | 'shareFormTitle' | 'shareFormHelperMessage' | 'bottomMessage' | 'submitButtonLabel' | 'product' | 'productAttributes' | 'customFooter' | 'enableSmartUserPicker' | 'loggedInAccountId' | 'cloudId' | 'shareFieldsFooter' | 'onUserSelectionChange' | 'isPublicLink' | 'copyTooltipText' | 'shareIntegrations' | 'additionalTabs' | 'integrationMode' | 'onDialogClose' | 'orgId' | 'isBrowseUsersDisabled' | 'userPickerOptions' | 'isMenuItemSelected'> & Pick<ShareDialogWithTriggerStates, 'showIntegrationForm' | 'selectedIntegration' | 'isSharing' | 'shareError' | 'defaultValue'> & Pick<IntegrationFormProps, 'Content'> & {
5
+ export type LazyShareFormProps = Pick<ShareDialogWithTriggerProps, 'copyLink' | 'config' | 'isFetchingConfig' | 'loadUserOptions' | 'shareFormTitle' | 'shareFormHelperMessage' | 'bottomMessage' | 'submitButtonLabel' | 'product' | 'productAttributes' | 'customFooter' | 'enableSmartUserPicker' | 'loggedInAccountId' | 'cloudId' | 'shareFieldsFooter' | 'onUserSelectionChange' | 'isPublicLink' | 'copyTooltipText' | 'shareIntegrations' | 'additionalTabs' | 'builtInTabContentWidth' | 'integrationMode' | 'onDialogClose' | 'orgId' | 'isBrowseUsersDisabled' | 'userPickerOptions' | 'isMenuItemSelected'> & Pick<ShareDialogWithTriggerStates, 'showIntegrationForm' | 'selectedIntegration' | 'isSharing' | 'shareError' | 'defaultValue'> & Pick<IntegrationFormProps, 'Content'> & {
6
6
  onLinkCopy: () => void;
7
7
  onDismiss: (data: ShareData) => void;
8
8
  onSubmit: (data: ShareData) => void;
package/dist/types-ts4.5/types/ShareDialogContainer.d.ts CHANGED
@@ -148,6 +148,7 @@ export type ShareDialogContainerProps = {
148
148
  isMenuItemSelected?: boolean;
149
149
  shareIntegrations?: Array<Integration>;
150
150
  additionalTabs?: Array<AdditionalTab>;
151
+ builtInTabContentWidth?: number;
151
152
  /**
152
153
  * Optionally sets a tabIndex value if you need to set focus
153
154
  */
package/dist/types-ts4.5/types/ShareDialogWithTrigger.d.ts CHANGED
@@ -19,7 +19,7 @@ export type DialogPlacement = Placement;
19
19
  * with the demo page and clearly visible options on that page.
20
20
  */
21
21
  export type DialogBoundariesElement = 'viewport' | 'window' | 'scrollParent';
22
- export type ShareDialogWithTriggerProps = Pick<ShareDialogContainerProps, 'onTriggerButtonClick' | 'isAutoOpenDialog' | 'shouldCloseOnEscapePress' | 'dialogPlacement' | 'loadUserOptions' | 'onDialogOpen' | 'onDialogClose' | 'onUserSelectionChange' | 'renderCustomTriggerButton' | 'shareContentType' | 'shareContentSubType' | 'shareContentId' | 'shareFormTitle' | 'shareFormHelperMessage' | 'showFlags' | 'enableSmartUserPicker' | 'loggedInAccountId' | 'triggerButtonAppearance' | 'triggerButtonIcon' | 'triggerButtonStyle' | 'triggerButtonTooltipPosition' | 'triggerButtonTooltipText' | 'cloudId' | 'bottomMessage' | 'product' | 'productAttributes' | 'customFooter' | 'isCopyDisabled' | 'isPublicLink' | 'integrationMode' | 'isMenuItemSelected' | 'shareFieldsFooter' | 'shareIntegrations' | 'additionalTabs' | 'shareAri' | 'tabIndex' | 'copyTooltipText' | 'dialogZIndex' | 'orgId' | 'isBrowseUsersDisabled' | 'userPickerOptions'> & {
22
+ export type ShareDialogWithTriggerProps = Pick<ShareDialogContainerProps, 'onTriggerButtonClick' | 'isAutoOpenDialog' | 'shouldCloseOnEscapePress' | 'dialogPlacement' | 'loadUserOptions' | 'onDialogOpen' | 'onDialogClose' | 'onUserSelectionChange' | 'renderCustomTriggerButton' | 'shareContentType' | 'shareContentSubType' | 'shareContentId' | 'shareFormTitle' | 'shareFormHelperMessage' | 'showFlags' | 'enableSmartUserPicker' | 'loggedInAccountId' | 'triggerButtonAppearance' | 'triggerButtonIcon' | 'triggerButtonStyle' | 'triggerButtonTooltipPosition' | 'triggerButtonTooltipText' | 'cloudId' | 'bottomMessage' | 'product' | 'productAttributes' | 'customFooter' | 'isCopyDisabled' | 'isPublicLink' | 'integrationMode' | 'isMenuItemSelected' | 'shareFieldsFooter' | 'shareIntegrations' | 'additionalTabs' | 'builtInTabContentWidth' | 'shareAri' | 'tabIndex' | 'copyTooltipText' | 'dialogZIndex' | 'orgId' | 'isBrowseUsersDisabled' | 'userPickerOptions'> & {
23
23
  config?: ConfigResponse;
24
24
  isFetchingConfig?: boolean;
25
25
  children?: RenderCustomTriggerButton;
package/dist/types-ts4.5/types/ShareForm.d.ts CHANGED
@@ -5,7 +5,7 @@ import type { ProductName } from './Products';
5
5
  import type { ShareData, ShareError } from './ShareContentState';
6
6
  import type { ShareDialogContainerProps } from './ShareDialogContainer';
7
7
  import { type MenuType } from './ShareEntities';
8
- export type ShareFormProps = Pick<ShareDialogContainerProps, 'integrationMode' | 'shareIntegrations' | 'additionalTabs' | 'copyTooltipText' | 'isPublicLink' | 'onUserSelectionChange' | 'cloudId' | 'loggedInAccountId' | 'enableSmartUserPicker' | 'orgId' | 'isBrowseUsersDisabled' | 'userPickerOptions' | 'productAttributes'> & {
8
+ export type ShareFormProps = Pick<ShareDialogContainerProps, 'integrationMode' | 'shareIntegrations' | 'additionalTabs' | 'builtInTabContentWidth' | 'copyTooltipText' | 'isPublicLink' | 'onUserSelectionChange' | 'cloudId' | 'loggedInAccountId' | 'enableSmartUserPicker' | 'orgId' | 'isBrowseUsersDisabled' | 'userPickerOptions' | 'productAttributes'> & {
9
9
  config?: ConfigResponse;
10
10
  isFetchingConfig?: boolean;
11
11
  copyLink: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/share",
3
- "version": "4.23.2",
3
+ "version": "4.23.4",
4
4
  "description": "Fabric Share Element",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -43,7 +43,7 @@
43
43
  "@atlaskit/dropdown-menu": "^12.23.0",
44
44
  "@atlaskit/form": "^10.6.0",
45
45
  "@atlaskit/heading": "^4.0.0",
46
- "@atlaskit/icon": "^23.0.0",
46
+ "@atlaskit/icon": "^23.1.0",
47
47
  "@atlaskit/link": "^1.2.0",
48
48
  "@atlaskit/menu": "^2.13.0",
49
49
  "@atlaskit/platform-feature-flags": "^0.3.0",
@@ -53,8 +53,8 @@
53
53
  "@atlaskit/primitives": "^13.3.0",
54
54
  "@atlaskit/smart-user-picker": "^6.11.0",
55
55
  "@atlaskit/spinner": "^16.3.0",
56
- "@atlaskit/tabs": "^16.5.0",
57
- "@atlaskit/textarea": "^5.6.0",
56
+ "@atlaskit/tabs": "^17.0.0",
57
+ "@atlaskit/textarea": "^5.7.0",
58
58
  "@atlaskit/theme": "^14.0.0",
59
59
  "@atlaskit/tokens": "^2.4.0",
60
60
  "@atlaskit/tooltip": "^18.9.0",
@@ -72,7 +72,7 @@
72
72
  "react": "^16.8.0 || ^17.0.0 || ^18.2.0"
73
73
  },
74
74
  "devDependencies": {
75
- "@atlaskit/editor-test-helpers": "^20.0.0",
75
+ "@atlaskit/editor-test-helpers": "^20.1.0",
76
76
  "@atlaskit/flag": "^15.8.0",
77
77
  "@atlassian/feature-flags-test-utils": "^0.2.0",
78
78
  "@testing-library/react": "^12.1.5",
@@ -123,6 +123,9 @@
123
123
  },
124
124
  "smart_links_for_plans_platform": {
125
125
  "type": "boolean"
126
+ },
127
+ "share_popup_tab_content_width_override": {
128
+ "type": "boolean"
126
129
  }
127
130
  }
128
131
  }