@atlaskit/share 6.2.4 → 6.3.1
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 +15 -0
- package/dist/cjs/components/LazyShareForm/LazyShareForm.js +6 -2
- package/dist/cjs/components/LazyShareForm/LazyShareFormNext.js +6 -2
- package/dist/cjs/components/ShareDialogContainer.js +6 -2
- package/dist/cjs/components/ShareDialogWithTrigger.js +6 -2
- package/dist/cjs/components/ShareDialogWithTriggerNext.js +6 -2
- package/dist/cjs/components/ShareForm.js +31 -1
- package/dist/cjs/components/analytics/analytics.js +1 -1
- package/dist/es2019/components/LazyShareForm/LazyShareForm.js +6 -2
- package/dist/es2019/components/LazyShareForm/LazyShareFormNext.js +6 -2
- package/dist/es2019/components/ShareDialogContainer.js +6 -2
- package/dist/es2019/components/ShareDialogWithTrigger.js +6 -2
- package/dist/es2019/components/ShareDialogWithTriggerNext.js +6 -2
- package/dist/es2019/components/ShareForm.js +32 -2
- package/dist/es2019/components/analytics/analytics.js +1 -1
- package/dist/esm/components/LazyShareForm/LazyShareForm.js +6 -2
- package/dist/esm/components/LazyShareForm/LazyShareFormNext.js +6 -2
- package/dist/esm/components/ShareDialogContainer.js +6 -2
- package/dist/esm/components/ShareDialogWithTrigger.js +6 -2
- package/dist/esm/components/ShareDialogWithTriggerNext.js +6 -2
- package/dist/esm/components/ShareForm.js +32 -2
- package/dist/esm/components/analytics/analytics.js +1 -1
- package/dist/types/components/LazyShareForm/LazyShareForm.d.ts +1 -1
- package/dist/types/components/LazyShareForm/LazyShareFormNext.d.ts +1 -1
- package/dist/types/components/ShareDialogContainer.d.ts +2 -0
- package/dist/types/types/ShareDialogContainer.d.ts +2 -0
- package/dist/types/types/ShareDialogWithTrigger.d.ts +1 -1
- package/dist/types/types/ShareForm.d.ts +1 -1
- package/dist/types-ts4.5/components/LazyShareForm/LazyShareForm.d.ts +1 -1
- package/dist/types-ts4.5/components/LazyShareForm/LazyShareFormNext.d.ts +1 -1
- package/dist/types-ts4.5/components/ShareDialogContainer.d.ts +2 -0
- package/dist/types-ts4.5/types/ShareDialogContainer.d.ts +2 -0
- package/dist/types-ts4.5/types/ShareDialogWithTrigger.d.ts +1 -1
- package/dist/types-ts4.5/types/ShareForm.d.ts +1 -1
- package/package.json +4 -4
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,20 @@
|
|
|
1
1
|
# @atlaskit/share
|
|
2
2
|
|
|
3
|
+
## 6.3.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- Updated dependencies
|
|
8
|
+
|
|
9
|
+
## 6.3.0
|
|
10
|
+
|
|
11
|
+
### Minor Changes
|
|
12
|
+
|
|
13
|
+
- [#151489](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/151489)
|
|
14
|
+
[`ce039492f86ce`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ce039492f86ce) -
|
|
15
|
+
[ux] Added an experimental `additionalUserFields` prop to render extra form fields alongside the
|
|
16
|
+
existing user picker
|
|
17
|
+
|
|
3
18
|
## 6.2.4
|
|
4
19
|
|
|
5
20
|
### Patch Changes
|
|
@@ -85,7 +85,9 @@ function LazyShareForm(props) {
|
|
|
85
85
|
orgId = props.orgId,
|
|
86
86
|
isBrowseUsersDisabled = props.isBrowseUsersDisabled,
|
|
87
87
|
userPickerOptions = props.userPickerOptions,
|
|
88
|
-
isSubmitShareDisabled = props.isSubmitShareDisabled
|
|
88
|
+
isSubmitShareDisabled = props.isSubmitShareDisabled,
|
|
89
|
+
additionalUserFields = props.additionalUserFields,
|
|
90
|
+
isExtendedShareDialogEnabled = props.isExtendedShareDialogEnabled;
|
|
89
91
|
var header = customHeader ? (0, _react2.jsx)("div", {
|
|
90
92
|
css: headerCustomStyles
|
|
91
93
|
}, customHeader) : null;
|
|
@@ -149,7 +151,9 @@ function LazyShareForm(props) {
|
|
|
149
151
|
onMenuItemChange: onMenuItemChange,
|
|
150
152
|
isBrowseUsersDisabled: isBrowseUsersDisabled,
|
|
151
153
|
userPickerOptions: userPickerOptions,
|
|
152
|
-
isSubmitShareDisabled: isSubmitShareDisabled
|
|
154
|
+
isSubmitShareDisabled: isSubmitShareDisabled,
|
|
155
|
+
additionalUserFields: additionalUserFields,
|
|
156
|
+
isExtendedShareDialogEnabled: isExtendedShareDialogEnabled
|
|
153
157
|
}) : (0, _react2.jsx)(_compiled.Text, {
|
|
154
158
|
as: "p"
|
|
155
159
|
}, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _i18n.messages.formNoPermissions))));
|
|
@@ -72,7 +72,9 @@ function LazyShareForm(props) {
|
|
|
72
72
|
orgId = props.orgId,
|
|
73
73
|
isBrowseUsersDisabled = props.isBrowseUsersDisabled,
|
|
74
74
|
userPickerOptions = props.userPickerOptions,
|
|
75
|
-
isSubmitShareDisabled = props.isSubmitShareDisabled
|
|
75
|
+
isSubmitShareDisabled = props.isSubmitShareDisabled,
|
|
76
|
+
additionalUserFields = props.additionalUserFields,
|
|
77
|
+
isExtendedShareDialogEnabled = props.isExtendedShareDialogEnabled;
|
|
76
78
|
var header = customHeader ? /*#__PURE__*/_react.default.createElement(_compiled.Box, {
|
|
77
79
|
xcss: styles.headerCustomStyles
|
|
78
80
|
}, customHeader) : null;
|
|
@@ -136,7 +138,9 @@ function LazyShareForm(props) {
|
|
|
136
138
|
onMenuItemChange: onMenuItemChange,
|
|
137
139
|
isBrowseUsersDisabled: isBrowseUsersDisabled,
|
|
138
140
|
userPickerOptions: userPickerOptions,
|
|
139
|
-
isSubmitShareDisabled: isSubmitShareDisabled
|
|
141
|
+
isSubmitShareDisabled: isSubmitShareDisabled,
|
|
142
|
+
additionalUserFields: additionalUserFields,
|
|
143
|
+
isExtendedShareDialogEnabled: isExtendedShareDialogEnabled
|
|
140
144
|
}) : /*#__PURE__*/_react.default.createElement(_compiled.Text, {
|
|
141
145
|
as: "p"
|
|
142
146
|
}, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _i18n.messages.formNoPermissions))));
|
|
@@ -361,7 +361,9 @@ var ShareDialogContainerInternal = exports.ShareDialogContainerInternal = /*#__P
|
|
|
361
361
|
onDialogClose = _this$props2.onDialogClose,
|
|
362
362
|
isBrowseUsersDisabled = _this$props2.isBrowseUsersDisabled,
|
|
363
363
|
userPickerOptions = _this$props2.userPickerOptions,
|
|
364
|
-
isSubmitShareDisabled = _this$props2.isSubmitShareDisabled
|
|
364
|
+
isSubmitShareDisabled = _this$props2.isSubmitShareDisabled,
|
|
365
|
+
additionalUserFields = _this$props2.additionalUserFields,
|
|
366
|
+
isExtendedShareDialogEnabled = _this$props2.isExtendedShareDialogEnabled;
|
|
365
367
|
var _this$state = this.state,
|
|
366
368
|
config = _this$state.config,
|
|
367
369
|
isFetchingConfig = _this$state.isFetchingConfig;
|
|
@@ -415,7 +417,9 @@ var ShareDialogContainerInternal = exports.ShareDialogContainerInternal = /*#__P
|
|
|
415
417
|
userPickerOptions: userPickerOptions,
|
|
416
418
|
additionalTabs: additionalTabs,
|
|
417
419
|
builtInTabContentWidth: builtInTabContentWidth,
|
|
418
|
-
isSubmitShareDisabled: isSubmitShareDisabled
|
|
420
|
+
isSubmitShareDisabled: isSubmitShareDisabled,
|
|
421
|
+
additionalUserFields: additionalUserFields,
|
|
422
|
+
isExtendedShareDialogEnabled: isExtendedShareDialogEnabled
|
|
419
423
|
})));
|
|
420
424
|
}
|
|
421
425
|
}]);
|
|
@@ -576,7 +576,9 @@ var ShareDialogWithTriggerInternalLegacy = exports.ShareDialogWithTriggerInterna
|
|
|
576
576
|
builtInTabContentWidth = _this$props7.builtInTabContentWidth,
|
|
577
577
|
isBrowseUsersDisabled = _this$props7.isBrowseUsersDisabled,
|
|
578
578
|
userPickerOptions = _this$props7.userPickerOptions,
|
|
579
|
-
isSubmitShareDisabled = _this$props7.isSubmitShareDisabled
|
|
579
|
+
isSubmitShareDisabled = _this$props7.isSubmitShareDisabled,
|
|
580
|
+
additionalUserFields = _this$props7.additionalUserFields,
|
|
581
|
+
isExtendedShareDialogEnabled = _this$props7.isExtendedShareDialogEnabled;
|
|
580
582
|
var style = typeof tabIndex !== 'undefined' && tabIndex >= 0 ? {
|
|
581
583
|
outline: 'none'
|
|
582
584
|
} : undefined;
|
|
@@ -643,7 +645,9 @@ var ShareDialogWithTriggerInternalLegacy = exports.ShareDialogWithTriggerInterna
|
|
|
643
645
|
,
|
|
644
646
|
selectPortalRef: _this2.selectPortalRef,
|
|
645
647
|
isBrowseUsersDisabled: isBrowseUsersDisabled,
|
|
646
|
-
userPickerOptions: userPickerOptions
|
|
648
|
+
userPickerOptions: userPickerOptions,
|
|
649
|
+
additionalUserFields: additionalUserFields,
|
|
650
|
+
isExtendedShareDialogEnabled: isExtendedShareDialogEnabled
|
|
647
651
|
}));
|
|
648
652
|
},
|
|
649
653
|
isOpen: isDialogOpen,
|
|
@@ -559,7 +559,9 @@ var ShareDialogWithTriggerInternal = exports.ShareDialogWithTriggerInternal = /*
|
|
|
559
559
|
builtInTabContentWidth = _this$props7.builtInTabContentWidth,
|
|
560
560
|
isBrowseUsersDisabled = _this$props7.isBrowseUsersDisabled,
|
|
561
561
|
userPickerOptions = _this$props7.userPickerOptions,
|
|
562
|
-
isSubmitShareDisabled = _this$props7.isSubmitShareDisabled
|
|
562
|
+
isSubmitShareDisabled = _this$props7.isSubmitShareDisabled,
|
|
563
|
+
additionalUserFields = _this$props7.additionalUserFields,
|
|
564
|
+
isExtendedShareDialogEnabled = _this$props7.isExtendedShareDialogEnabled;
|
|
563
565
|
var footer = (0, _utils.resolveShareFooter)(integrationMode, this.state.tabIndex, customFooter);
|
|
564
566
|
|
|
565
567
|
// for performance purposes, we may want to have a loadable content i.e. ShareForm
|
|
@@ -618,7 +620,9 @@ var ShareDialogWithTriggerInternal = exports.ShareDialogWithTriggerInternal = /*
|
|
|
618
620
|
,
|
|
619
621
|
selectPortalRef: _this2.selectPortalRef,
|
|
620
622
|
isBrowseUsersDisabled: isBrowseUsersDisabled,
|
|
621
|
-
userPickerOptions: userPickerOptions
|
|
623
|
+
userPickerOptions: userPickerOptions,
|
|
624
|
+
additionalUserFields: additionalUserFields,
|
|
625
|
+
isExtendedShareDialogEnabled: isExtendedShareDialogEnabled
|
|
622
626
|
}));
|
|
623
627
|
},
|
|
624
628
|
isOpen: isDialogOpen,
|
|
@@ -45,6 +45,11 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
|
|
|
45
45
|
* @jsxRuntime classic
|
|
46
46
|
* @jsx jsx
|
|
47
47
|
*/ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
48
|
+
var styles = (0, _primitives.xcss)({
|
|
49
|
+
width: '100%',
|
|
50
|
+
minWidth: '0px',
|
|
51
|
+
flex: '1 1 auto'
|
|
52
|
+
});
|
|
48
53
|
var submitButtonWrapperStyles = (0, _react2.css)({
|
|
49
54
|
display: 'flex',
|
|
50
55
|
marginLeft: 'auto'
|
|
@@ -150,7 +155,9 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
150
155
|
formatMessage = _this$props.intl.formatMessage,
|
|
151
156
|
shareError = _this$props.shareError,
|
|
152
157
|
userPickerOptions = _this$props.userPickerOptions,
|
|
153
|
-
productAttributes = _this$props.productAttributes
|
|
158
|
+
productAttributes = _this$props.productAttributes,
|
|
159
|
+
additionalUserFields = _this$props.additionalUserFields,
|
|
160
|
+
isExtendedShareDialogEnabled = _this$props.isExtendedShareDialogEnabled;
|
|
154
161
|
return (0, _react2.jsx)(_analyticsNext.AnalyticsContext, {
|
|
155
162
|
data: {
|
|
156
163
|
source: _analytics.ANALYTICS_SOURCE
|
|
@@ -161,6 +168,10 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
161
168
|
css: requiredFieldInfoStyles
|
|
162
169
|
}, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _i18n.messages.requiredFieldSummary), (0, _react2.jsx)(_form.RequiredAsterisk, null)), (0, _react2.jsx)("div", {
|
|
163
170
|
css: formFieldStyles
|
|
171
|
+
}, isExtendedShareDialogEnabled ? (0, _react2.jsx)(_primitives.Inline, {
|
|
172
|
+
space: "space.100"
|
|
173
|
+
}, (0, _react2.jsx)(_primitives.Box, {
|
|
174
|
+
xcss: styles
|
|
164
175
|
}, (0, _react2.jsx)(_UserPickerField.UserPickerField, {
|
|
165
176
|
onInputChange: onUserInputChange,
|
|
166
177
|
onChange: onUserSelectionChange,
|
|
@@ -180,6 +191,25 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
180
191
|
shareError: shareError,
|
|
181
192
|
userPickerOptions: userPickerOptions,
|
|
182
193
|
productAttributes: productAttributes
|
|
194
|
+
})), additionalUserFields) : (0, _react2.jsx)(_UserPickerField.UserPickerField, {
|
|
195
|
+
onInputChange: onUserInputChange,
|
|
196
|
+
onChange: onUserSelectionChange,
|
|
197
|
+
loadOptions: loadOptions,
|
|
198
|
+
defaultValue: defaultValue && defaultValue.users,
|
|
199
|
+
config: config,
|
|
200
|
+
isLoading: isFetchingConfig,
|
|
201
|
+
product: product || 'confluence',
|
|
202
|
+
enableSmartUserPicker: enableSmartUserPicker,
|
|
203
|
+
loggedInAccountId: loggedInAccountId,
|
|
204
|
+
cloudId: cloudId,
|
|
205
|
+
selectPortalRef: selectPortalRef,
|
|
206
|
+
isPublicLink: isPublicLink,
|
|
207
|
+
helperMessage: helperMessage,
|
|
208
|
+
orgId: orgId,
|
|
209
|
+
isBrowseUsersDisabled: isBrowseUsersDisabled,
|
|
210
|
+
shareError: shareError,
|
|
211
|
+
userPickerOptions: userPickerOptions,
|
|
212
|
+
productAttributes: productAttributes
|
|
183
213
|
})), (0, _react2.jsx)("div", {
|
|
184
214
|
css: formFieldStyles
|
|
185
215
|
}, (0, _react2.jsx)(_CommentField.CommentField, {
|
|
@@ -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: "6.
|
|
16
|
+
packageVersion: "6.3.1"
|
|
17
17
|
}, attributes);
|
|
18
18
|
};
|
|
19
19
|
var createEvent = function createEvent(eventType, source, action, actionSubject, actionSubjectId) {
|
|
@@ -80,7 +80,9 @@ function LazyShareForm(props) {
|
|
|
80
80
|
orgId,
|
|
81
81
|
isBrowseUsersDisabled,
|
|
82
82
|
userPickerOptions,
|
|
83
|
-
isSubmitShareDisabled
|
|
83
|
+
isSubmitShareDisabled,
|
|
84
|
+
additionalUserFields,
|
|
85
|
+
isExtendedShareDialogEnabled
|
|
84
86
|
} = props;
|
|
85
87
|
const header = customHeader ? jsx("div", {
|
|
86
88
|
css: headerCustomStyles
|
|
@@ -145,7 +147,9 @@ function LazyShareForm(props) {
|
|
|
145
147
|
onMenuItemChange: onMenuItemChange,
|
|
146
148
|
isBrowseUsersDisabled: isBrowseUsersDisabled,
|
|
147
149
|
userPickerOptions: userPickerOptions,
|
|
148
|
-
isSubmitShareDisabled: isSubmitShareDisabled
|
|
150
|
+
isSubmitShareDisabled: isSubmitShareDisabled,
|
|
151
|
+
additionalUserFields: additionalUserFields,
|
|
152
|
+
isExtendedShareDialogEnabled: isExtendedShareDialogEnabled
|
|
149
153
|
}) : jsx(Text, {
|
|
150
154
|
as: "p"
|
|
151
155
|
}, jsx(FormattedMessage, messages.formNoPermissions))));
|
|
@@ -69,7 +69,9 @@ function LazyShareForm(props) {
|
|
|
69
69
|
orgId,
|
|
70
70
|
isBrowseUsersDisabled,
|
|
71
71
|
userPickerOptions,
|
|
72
|
-
isSubmitShareDisabled
|
|
72
|
+
isSubmitShareDisabled,
|
|
73
|
+
additionalUserFields,
|
|
74
|
+
isExtendedShareDialogEnabled
|
|
73
75
|
} = props;
|
|
74
76
|
const header = customHeader ? /*#__PURE__*/React.createElement(Box, {
|
|
75
77
|
xcss: styles.headerCustomStyles
|
|
@@ -134,7 +136,9 @@ function LazyShareForm(props) {
|
|
|
134
136
|
onMenuItemChange: onMenuItemChange,
|
|
135
137
|
isBrowseUsersDisabled: isBrowseUsersDisabled,
|
|
136
138
|
userPickerOptions: userPickerOptions,
|
|
137
|
-
isSubmitShareDisabled: isSubmitShareDisabled
|
|
139
|
+
isSubmitShareDisabled: isSubmitShareDisabled,
|
|
140
|
+
additionalUserFields: additionalUserFields,
|
|
141
|
+
isExtendedShareDialogEnabled: isExtendedShareDialogEnabled
|
|
138
142
|
}) : /*#__PURE__*/React.createElement(Text, {
|
|
139
143
|
as: "p"
|
|
140
144
|
}, /*#__PURE__*/React.createElement(FormattedMessage, messages.formNoPermissions))));
|
|
@@ -309,7 +309,9 @@ export class ShareDialogContainerInternal extends React.Component {
|
|
|
309
309
|
onDialogClose,
|
|
310
310
|
isBrowseUsersDisabled,
|
|
311
311
|
userPickerOptions,
|
|
312
|
-
isSubmitShareDisabled
|
|
312
|
+
isSubmitShareDisabled,
|
|
313
|
+
additionalUserFields,
|
|
314
|
+
isExtendedShareDialogEnabled
|
|
313
315
|
} = this.props;
|
|
314
316
|
const {
|
|
315
317
|
config,
|
|
@@ -365,7 +367,9 @@ export class ShareDialogContainerInternal extends React.Component {
|
|
|
365
367
|
userPickerOptions: userPickerOptions,
|
|
366
368
|
additionalTabs: additionalTabs,
|
|
367
369
|
builtInTabContentWidth: builtInTabContentWidth,
|
|
368
|
-
isSubmitShareDisabled: isSubmitShareDisabled
|
|
370
|
+
isSubmitShareDisabled: isSubmitShareDisabled,
|
|
371
|
+
additionalUserFields: additionalUserFields,
|
|
372
|
+
isExtendedShareDialogEnabled: isExtendedShareDialogEnabled
|
|
369
373
|
})));
|
|
370
374
|
}
|
|
371
375
|
}
|
|
@@ -524,7 +524,9 @@ export class ShareDialogWithTriggerInternalLegacy extends React.PureComponent {
|
|
|
524
524
|
builtInTabContentWidth,
|
|
525
525
|
isBrowseUsersDisabled,
|
|
526
526
|
userPickerOptions,
|
|
527
|
-
isSubmitShareDisabled
|
|
527
|
+
isSubmitShareDisabled,
|
|
528
|
+
additionalUserFields,
|
|
529
|
+
isExtendedShareDialogEnabled
|
|
528
530
|
} = this.props;
|
|
529
531
|
const style = typeof tabIndex !== 'undefined' && tabIndex >= 0 ? {
|
|
530
532
|
outline: 'none'
|
|
@@ -591,7 +593,9 @@ export class ShareDialogWithTriggerInternalLegacy extends React.PureComponent {
|
|
|
591
593
|
,
|
|
592
594
|
selectPortalRef: this.selectPortalRef,
|
|
593
595
|
isBrowseUsersDisabled: isBrowseUsersDisabled,
|
|
594
|
-
userPickerOptions: userPickerOptions
|
|
596
|
+
userPickerOptions: userPickerOptions,
|
|
597
|
+
additionalUserFields: additionalUserFields,
|
|
598
|
+
isExtendedShareDialogEnabled: isExtendedShareDialogEnabled
|
|
595
599
|
})),
|
|
596
600
|
isOpen: isDialogOpen,
|
|
597
601
|
onClose: this.handleCloseDialog,
|
|
@@ -501,7 +501,9 @@ export class ShareDialogWithTriggerInternal extends React.PureComponent {
|
|
|
501
501
|
builtInTabContentWidth,
|
|
502
502
|
isBrowseUsersDisabled,
|
|
503
503
|
userPickerOptions,
|
|
504
|
-
isSubmitShareDisabled
|
|
504
|
+
isSubmitShareDisabled,
|
|
505
|
+
additionalUserFields,
|
|
506
|
+
isExtendedShareDialogEnabled
|
|
505
507
|
} = this.props;
|
|
506
508
|
const footer = resolveShareFooter(integrationMode, this.state.tabIndex, customFooter);
|
|
507
509
|
|
|
@@ -560,7 +562,9 @@ export class ShareDialogWithTriggerInternal extends React.PureComponent {
|
|
|
560
562
|
,
|
|
561
563
|
selectPortalRef: this.selectPortalRef,
|
|
562
564
|
isBrowseUsersDisabled: isBrowseUsersDisabled,
|
|
563
|
-
userPickerOptions: userPickerOptions
|
|
565
|
+
userPickerOptions: userPickerOptions,
|
|
566
|
+
additionalUserFields: additionalUserFields,
|
|
567
|
+
isExtendedShareDialogEnabled: isExtendedShareDialogEnabled
|
|
564
568
|
})),
|
|
565
569
|
isOpen: isDialogOpen,
|
|
566
570
|
onClose: this.handleCloseDialog,
|
|
@@ -16,7 +16,7 @@ import EmailIcon from '@atlaskit/icon/core/migration/email';
|
|
|
16
16
|
import ErrorIcon from '@atlaskit/icon/core/migration/error';
|
|
17
17
|
import { MenuGroup } from '@atlaskit/menu';
|
|
18
18
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
19
|
-
import { Box, xcss } from '@atlaskit/primitives';
|
|
19
|
+
import { Box, Inline, xcss } from '@atlaskit/primitives';
|
|
20
20
|
import Tabs, { Tab, TabList, TabPanel } from '@atlaskit/tabs';
|
|
21
21
|
import { N300, R400 } from '@atlaskit/theme/colors';
|
|
22
22
|
import Tooltip from '@atlaskit/tooltip';
|
|
@@ -29,6 +29,11 @@ import { IntegrationForm } from './IntegrationForm';
|
|
|
29
29
|
import { ShareHeader } from './ShareHeader';
|
|
30
30
|
import { ShareMenuItem } from './ShareMenuItem';
|
|
31
31
|
import { UserPickerField } from './UserPickerField';
|
|
32
|
+
const styles = xcss({
|
|
33
|
+
width: '100%',
|
|
34
|
+
minWidth: '0px',
|
|
35
|
+
flex: '1 1 auto'
|
|
36
|
+
});
|
|
32
37
|
const submitButtonWrapperStyles = css({
|
|
33
38
|
display: 'flex',
|
|
34
39
|
marginLeft: 'auto'
|
|
@@ -128,7 +133,9 @@ class InternalForm extends React.PureComponent {
|
|
|
128
133
|
},
|
|
129
134
|
shareError,
|
|
130
135
|
userPickerOptions,
|
|
131
|
-
productAttributes
|
|
136
|
+
productAttributes,
|
|
137
|
+
additionalUserFields,
|
|
138
|
+
isExtendedShareDialogEnabled
|
|
132
139
|
} = this.props;
|
|
133
140
|
return jsx(AnalyticsContext, {
|
|
134
141
|
data: {
|
|
@@ -140,6 +147,10 @@ class InternalForm extends React.PureComponent {
|
|
|
140
147
|
css: requiredFieldInfoStyles
|
|
141
148
|
}, jsx(FormattedMessage, messages.requiredFieldSummary), jsx(RequiredAsterisk, null)), jsx("div", {
|
|
142
149
|
css: formFieldStyles
|
|
150
|
+
}, isExtendedShareDialogEnabled ? jsx(Inline, {
|
|
151
|
+
space: "space.100"
|
|
152
|
+
}, jsx(Box, {
|
|
153
|
+
xcss: styles
|
|
143
154
|
}, jsx(UserPickerField, {
|
|
144
155
|
onInputChange: onUserInputChange,
|
|
145
156
|
onChange: onUserSelectionChange,
|
|
@@ -159,6 +170,25 @@ class InternalForm extends React.PureComponent {
|
|
|
159
170
|
shareError: shareError,
|
|
160
171
|
userPickerOptions: userPickerOptions,
|
|
161
172
|
productAttributes: productAttributes
|
|
173
|
+
})), additionalUserFields) : jsx(UserPickerField, {
|
|
174
|
+
onInputChange: onUserInputChange,
|
|
175
|
+
onChange: onUserSelectionChange,
|
|
176
|
+
loadOptions: loadOptions,
|
|
177
|
+
defaultValue: defaultValue && defaultValue.users,
|
|
178
|
+
config: config,
|
|
179
|
+
isLoading: isFetchingConfig,
|
|
180
|
+
product: product || 'confluence',
|
|
181
|
+
enableSmartUserPicker: enableSmartUserPicker,
|
|
182
|
+
loggedInAccountId: loggedInAccountId,
|
|
183
|
+
cloudId: cloudId,
|
|
184
|
+
selectPortalRef: selectPortalRef,
|
|
185
|
+
isPublicLink: isPublicLink,
|
|
186
|
+
helperMessage: helperMessage,
|
|
187
|
+
orgId: orgId,
|
|
188
|
+
isBrowseUsersDisabled: isBrowseUsersDisabled,
|
|
189
|
+
shareError: shareError,
|
|
190
|
+
userPickerOptions: userPickerOptions,
|
|
191
|
+
productAttributes: productAttributes
|
|
162
192
|
})), jsx("div", {
|
|
163
193
|
css: formFieldStyles
|
|
164
194
|
}, jsx(CommentField, {
|
|
@@ -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: "6.
|
|
4
|
+
packageVersion: "6.3.1",
|
|
5
5
|
...attributes
|
|
6
6
|
});
|
|
7
7
|
const createEvent = (eventType, source, action, actionSubject, actionSubjectId, attributes = {}) => ({
|
|
@@ -76,7 +76,9 @@ function LazyShareForm(props) {
|
|
|
76
76
|
orgId = props.orgId,
|
|
77
77
|
isBrowseUsersDisabled = props.isBrowseUsersDisabled,
|
|
78
78
|
userPickerOptions = props.userPickerOptions,
|
|
79
|
-
isSubmitShareDisabled = props.isSubmitShareDisabled
|
|
79
|
+
isSubmitShareDisabled = props.isSubmitShareDisabled,
|
|
80
|
+
additionalUserFields = props.additionalUserFields,
|
|
81
|
+
isExtendedShareDialogEnabled = props.isExtendedShareDialogEnabled;
|
|
80
82
|
var header = customHeader ? jsx("div", {
|
|
81
83
|
css: headerCustomStyles
|
|
82
84
|
}, customHeader) : null;
|
|
@@ -140,7 +142,9 @@ function LazyShareForm(props) {
|
|
|
140
142
|
onMenuItemChange: onMenuItemChange,
|
|
141
143
|
isBrowseUsersDisabled: isBrowseUsersDisabled,
|
|
142
144
|
userPickerOptions: userPickerOptions,
|
|
143
|
-
isSubmitShareDisabled: isSubmitShareDisabled
|
|
145
|
+
isSubmitShareDisabled: isSubmitShareDisabled,
|
|
146
|
+
additionalUserFields: additionalUserFields,
|
|
147
|
+
isExtendedShareDialogEnabled: isExtendedShareDialogEnabled
|
|
144
148
|
}) : jsx(Text, {
|
|
145
149
|
as: "p"
|
|
146
150
|
}, jsx(FormattedMessage, messages.formNoPermissions))));
|
|
@@ -65,7 +65,9 @@ function LazyShareForm(props) {
|
|
|
65
65
|
orgId = props.orgId,
|
|
66
66
|
isBrowseUsersDisabled = props.isBrowseUsersDisabled,
|
|
67
67
|
userPickerOptions = props.userPickerOptions,
|
|
68
|
-
isSubmitShareDisabled = props.isSubmitShareDisabled
|
|
68
|
+
isSubmitShareDisabled = props.isSubmitShareDisabled,
|
|
69
|
+
additionalUserFields = props.additionalUserFields,
|
|
70
|
+
isExtendedShareDialogEnabled = props.isExtendedShareDialogEnabled;
|
|
69
71
|
var header = customHeader ? /*#__PURE__*/React.createElement(Box, {
|
|
70
72
|
xcss: styles.headerCustomStyles
|
|
71
73
|
}, customHeader) : null;
|
|
@@ -129,7 +131,9 @@ function LazyShareForm(props) {
|
|
|
129
131
|
onMenuItemChange: onMenuItemChange,
|
|
130
132
|
isBrowseUsersDisabled: isBrowseUsersDisabled,
|
|
131
133
|
userPickerOptions: userPickerOptions,
|
|
132
|
-
isSubmitShareDisabled: isSubmitShareDisabled
|
|
134
|
+
isSubmitShareDisabled: isSubmitShareDisabled,
|
|
135
|
+
additionalUserFields: additionalUserFields,
|
|
136
|
+
isExtendedShareDialogEnabled: isExtendedShareDialogEnabled
|
|
133
137
|
}) : /*#__PURE__*/React.createElement(Text, {
|
|
134
138
|
as: "p"
|
|
135
139
|
}, /*#__PURE__*/React.createElement(FormattedMessage, messages.formNoPermissions))));
|
|
@@ -354,7 +354,9 @@ export var ShareDialogContainerInternal = /*#__PURE__*/function (_React$Componen
|
|
|
354
354
|
onDialogClose = _this$props2.onDialogClose,
|
|
355
355
|
isBrowseUsersDisabled = _this$props2.isBrowseUsersDisabled,
|
|
356
356
|
userPickerOptions = _this$props2.userPickerOptions,
|
|
357
|
-
isSubmitShareDisabled = _this$props2.isSubmitShareDisabled
|
|
357
|
+
isSubmitShareDisabled = _this$props2.isSubmitShareDisabled,
|
|
358
|
+
additionalUserFields = _this$props2.additionalUserFields,
|
|
359
|
+
isExtendedShareDialogEnabled = _this$props2.isExtendedShareDialogEnabled;
|
|
358
360
|
var _this$state = this.state,
|
|
359
361
|
config = _this$state.config,
|
|
360
362
|
isFetchingConfig = _this$state.isFetchingConfig;
|
|
@@ -408,7 +410,9 @@ export var ShareDialogContainerInternal = /*#__PURE__*/function (_React$Componen
|
|
|
408
410
|
userPickerOptions: userPickerOptions,
|
|
409
411
|
additionalTabs: additionalTabs,
|
|
410
412
|
builtInTabContentWidth: builtInTabContentWidth,
|
|
411
|
-
isSubmitShareDisabled: isSubmitShareDisabled
|
|
413
|
+
isSubmitShareDisabled: isSubmitShareDisabled,
|
|
414
|
+
additionalUserFields: additionalUserFields,
|
|
415
|
+
isExtendedShareDialogEnabled: isExtendedShareDialogEnabled
|
|
412
416
|
})));
|
|
413
417
|
}
|
|
414
418
|
}]);
|
|
@@ -575,7 +575,9 @@ export var ShareDialogWithTriggerInternalLegacy = /*#__PURE__*/function (_React$
|
|
|
575
575
|
builtInTabContentWidth = _this$props7.builtInTabContentWidth,
|
|
576
576
|
isBrowseUsersDisabled = _this$props7.isBrowseUsersDisabled,
|
|
577
577
|
userPickerOptions = _this$props7.userPickerOptions,
|
|
578
|
-
isSubmitShareDisabled = _this$props7.isSubmitShareDisabled
|
|
578
|
+
isSubmitShareDisabled = _this$props7.isSubmitShareDisabled,
|
|
579
|
+
additionalUserFields = _this$props7.additionalUserFields,
|
|
580
|
+
isExtendedShareDialogEnabled = _this$props7.isExtendedShareDialogEnabled;
|
|
579
581
|
var style = typeof tabIndex !== 'undefined' && tabIndex >= 0 ? {
|
|
580
582
|
outline: 'none'
|
|
581
583
|
} : undefined;
|
|
@@ -642,7 +644,9 @@ export var ShareDialogWithTriggerInternalLegacy = /*#__PURE__*/function (_React$
|
|
|
642
644
|
,
|
|
643
645
|
selectPortalRef: _this2.selectPortalRef,
|
|
644
646
|
isBrowseUsersDisabled: isBrowseUsersDisabled,
|
|
645
|
-
userPickerOptions: userPickerOptions
|
|
647
|
+
userPickerOptions: userPickerOptions,
|
|
648
|
+
additionalUserFields: additionalUserFields,
|
|
649
|
+
isExtendedShareDialogEnabled: isExtendedShareDialogEnabled
|
|
646
650
|
}));
|
|
647
651
|
},
|
|
648
652
|
isOpen: isDialogOpen,
|
|
@@ -552,7 +552,9 @@ export var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureCo
|
|
|
552
552
|
builtInTabContentWidth = _this$props7.builtInTabContentWidth,
|
|
553
553
|
isBrowseUsersDisabled = _this$props7.isBrowseUsersDisabled,
|
|
554
554
|
userPickerOptions = _this$props7.userPickerOptions,
|
|
555
|
-
isSubmitShareDisabled = _this$props7.isSubmitShareDisabled
|
|
555
|
+
isSubmitShareDisabled = _this$props7.isSubmitShareDisabled,
|
|
556
|
+
additionalUserFields = _this$props7.additionalUserFields,
|
|
557
|
+
isExtendedShareDialogEnabled = _this$props7.isExtendedShareDialogEnabled;
|
|
556
558
|
var footer = resolveShareFooter(integrationMode, this.state.tabIndex, customFooter);
|
|
557
559
|
|
|
558
560
|
// for performance purposes, we may want to have a loadable content i.e. ShareForm
|
|
@@ -611,7 +613,9 @@ export var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureCo
|
|
|
611
613
|
,
|
|
612
614
|
selectPortalRef: _this2.selectPortalRef,
|
|
613
615
|
isBrowseUsersDisabled: isBrowseUsersDisabled,
|
|
614
|
-
userPickerOptions: userPickerOptions
|
|
616
|
+
userPickerOptions: userPickerOptions,
|
|
617
|
+
additionalUserFields: additionalUserFields,
|
|
618
|
+
isExtendedShareDialogEnabled: isExtendedShareDialogEnabled
|
|
615
619
|
}));
|
|
616
620
|
},
|
|
617
621
|
isOpen: isDialogOpen,
|
|
@@ -25,7 +25,7 @@ import EmailIcon from '@atlaskit/icon/core/migration/email';
|
|
|
25
25
|
import ErrorIcon from '@atlaskit/icon/core/migration/error';
|
|
26
26
|
import { MenuGroup } from '@atlaskit/menu';
|
|
27
27
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
28
|
-
import { Box, xcss } from '@atlaskit/primitives';
|
|
28
|
+
import { Box, Inline, xcss } from '@atlaskit/primitives';
|
|
29
29
|
import Tabs, { Tab, TabList, TabPanel } from '@atlaskit/tabs';
|
|
30
30
|
import { N300, R400 } from '@atlaskit/theme/colors';
|
|
31
31
|
import Tooltip from '@atlaskit/tooltip';
|
|
@@ -38,6 +38,11 @@ import { IntegrationForm } from './IntegrationForm';
|
|
|
38
38
|
import { ShareHeader } from './ShareHeader';
|
|
39
39
|
import { ShareMenuItem } from './ShareMenuItem';
|
|
40
40
|
import { UserPickerField } from './UserPickerField';
|
|
41
|
+
var styles = xcss({
|
|
42
|
+
width: '100%',
|
|
43
|
+
minWidth: '0px',
|
|
44
|
+
flex: '1 1 auto'
|
|
45
|
+
});
|
|
41
46
|
var submitButtonWrapperStyles = css({
|
|
42
47
|
display: 'flex',
|
|
43
48
|
marginLeft: 'auto'
|
|
@@ -143,7 +148,9 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
143
148
|
formatMessage = _this$props.intl.formatMessage,
|
|
144
149
|
shareError = _this$props.shareError,
|
|
145
150
|
userPickerOptions = _this$props.userPickerOptions,
|
|
146
|
-
productAttributes = _this$props.productAttributes
|
|
151
|
+
productAttributes = _this$props.productAttributes,
|
|
152
|
+
additionalUserFields = _this$props.additionalUserFields,
|
|
153
|
+
isExtendedShareDialogEnabled = _this$props.isExtendedShareDialogEnabled;
|
|
147
154
|
return jsx(AnalyticsContext, {
|
|
148
155
|
data: {
|
|
149
156
|
source: ANALYTICS_SOURCE
|
|
@@ -154,6 +161,10 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
154
161
|
css: requiredFieldInfoStyles
|
|
155
162
|
}, jsx(FormattedMessage, messages.requiredFieldSummary), jsx(RequiredAsterisk, null)), jsx("div", {
|
|
156
163
|
css: formFieldStyles
|
|
164
|
+
}, isExtendedShareDialogEnabled ? jsx(Inline, {
|
|
165
|
+
space: "space.100"
|
|
166
|
+
}, jsx(Box, {
|
|
167
|
+
xcss: styles
|
|
157
168
|
}, jsx(UserPickerField, {
|
|
158
169
|
onInputChange: onUserInputChange,
|
|
159
170
|
onChange: onUserSelectionChange,
|
|
@@ -173,6 +184,25 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
173
184
|
shareError: shareError,
|
|
174
185
|
userPickerOptions: userPickerOptions,
|
|
175
186
|
productAttributes: productAttributes
|
|
187
|
+
})), additionalUserFields) : jsx(UserPickerField, {
|
|
188
|
+
onInputChange: onUserInputChange,
|
|
189
|
+
onChange: onUserSelectionChange,
|
|
190
|
+
loadOptions: loadOptions,
|
|
191
|
+
defaultValue: defaultValue && defaultValue.users,
|
|
192
|
+
config: config,
|
|
193
|
+
isLoading: isFetchingConfig,
|
|
194
|
+
product: product || 'confluence',
|
|
195
|
+
enableSmartUserPicker: enableSmartUserPicker,
|
|
196
|
+
loggedInAccountId: loggedInAccountId,
|
|
197
|
+
cloudId: cloudId,
|
|
198
|
+
selectPortalRef: selectPortalRef,
|
|
199
|
+
isPublicLink: isPublicLink,
|
|
200
|
+
helperMessage: helperMessage,
|
|
201
|
+
orgId: orgId,
|
|
202
|
+
isBrowseUsersDisabled: isBrowseUsersDisabled,
|
|
203
|
+
shareError: shareError,
|
|
204
|
+
userPickerOptions: userPickerOptions,
|
|
205
|
+
productAttributes: productAttributes
|
|
176
206
|
})), jsx("div", {
|
|
177
207
|
css: formFieldStyles
|
|
178
208
|
}, jsx(CommentField, {
|
|
@@ -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.
|
|
9
|
+
packageVersion: "6.3.1"
|
|
10
10
|
}, attributes);
|
|
11
11
|
};
|
|
12
12
|
var createEvent = function createEvent(eventType, source, action, actionSubject, actionSubjectId) {
|
|
@@ -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' | 'customHeader' | 'customFooter' | 'enableSmartUserPicker' | 'loggedInAccountId' | 'cloudId' | 'shareFieldsFooter' | 'onUserSelectionChange' | 'isPublicLink' | 'copyTooltipText' | 'shareIntegrations' | 'additionalTabs' | 'builtInTabContentWidth' | 'integrationMode' | 'onDialogClose' | 'orgId' | 'isBrowseUsersDisabled' | 'userPickerOptions' | 'isMenuItemSelected' | 'isSubmitShareDisabled'> & 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' | 'customHeader' | 'customFooter' | 'enableSmartUserPicker' | 'loggedInAccountId' | 'cloudId' | 'shareFieldsFooter' | 'onUserSelectionChange' | 'isPublicLink' | 'copyTooltipText' | 'shareIntegrations' | 'additionalTabs' | 'builtInTabContentWidth' | 'integrationMode' | 'onDialogClose' | 'orgId' | 'isBrowseUsersDisabled' | 'userPickerOptions' | 'isMenuItemSelected' | 'isSubmitShareDisabled' | 'additionalUserFields' | 'isExtendedShareDialogEnabled'> & 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;
|
|
@@ -2,7 +2,7 @@ import React from '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' | 'customHeader' | 'customFooter' | 'enableSmartUserPicker' | 'loggedInAccountId' | 'cloudId' | 'shareFieldsFooter' | 'onUserSelectionChange' | 'isPublicLink' | 'copyTooltipText' | 'shareIntegrations' | 'additionalTabs' | 'builtInTabContentWidth' | 'integrationMode' | 'onDialogClose' | 'orgId' | 'isBrowseUsersDisabled' | 'userPickerOptions' | 'isMenuItemSelected' | 'isSubmitShareDisabled'> & 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' | 'customHeader' | 'customFooter' | 'enableSmartUserPicker' | 'loggedInAccountId' | 'cloudId' | 'shareFieldsFooter' | 'onUserSelectionChange' | 'isPublicLink' | 'copyTooltipText' | 'shareIntegrations' | 'additionalTabs' | 'builtInTabContentWidth' | 'integrationMode' | 'onDialogClose' | 'orgId' | 'isBrowseUsersDisabled' | 'userPickerOptions' | 'isMenuItemSelected' | 'isSubmitShareDisabled' | 'additionalUserFields' | 'isExtendedShareDialogEnabled'> & 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;
|
|
@@ -92,6 +92,8 @@ export declare const ShareDialogContainer: React.ForwardRefExoticComponent<Omit<
|
|
|
92
92
|
isBrowseUsersDisabled?: boolean | undefined;
|
|
93
93
|
userPickerOptions?: import("../types").UserPickerOptions | undefined;
|
|
94
94
|
isSubmitShareDisabled?: boolean | undefined;
|
|
95
|
+
additionalUserFields?: React.ReactNode;
|
|
96
|
+
isExtendedShareDialogEnabled?: boolean | undefined;
|
|
95
97
|
shareClient?: ShareClient | undefined;
|
|
96
98
|
urlShortenerClient?: UrlShortenerClient | undefined;
|
|
97
99
|
shortLinkData?: ShortenRequest | undefined;
|
|
@@ -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' | 'customHeader' | 'customFooter' | 'isCopyDisabled' | 'isPublicLink' | 'integrationMode' | 'isMenuItemSelected' | 'shareFieldsFooter' | 'shareIntegrations' | 'additionalTabs' | 'builtInTabContentWidth' | 'shareAri' | 'tabIndex' | 'copyTooltipText' | 'dialogZIndex' | 'orgId' | 'isBrowseUsersDisabled' | 'userPickerOptions' | 'isSubmitShareDisabled'> & {
|
|
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' | 'customHeader' | 'customFooter' | 'isCopyDisabled' | 'isPublicLink' | 'integrationMode' | 'isMenuItemSelected' | 'shareFieldsFooter' | 'shareIntegrations' | 'additionalTabs' | 'builtInTabContentWidth' | 'shareAri' | 'tabIndex' | 'copyTooltipText' | 'dialogZIndex' | 'orgId' | 'isBrowseUsersDisabled' | 'userPickerOptions' | 'isSubmitShareDisabled' | 'additionalUserFields' | 'isExtendedShareDialogEnabled'> & {
|
|
23
23
|
config?: ConfigResponse;
|
|
24
24
|
isFetchingConfig?: boolean;
|
|
25
25
|
children?: RenderCustomTriggerButton;
|
|
@@ -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' | 'builtInTabContentWidth' | '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' | 'additionalUserFields' | 'isExtendedShareDialogEnabled'> & {
|
|
9
9
|
config?: ConfigResponse;
|
|
10
10
|
isFetchingConfig?: boolean;
|
|
11
11
|
copyLink: string;
|
|
@@ -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' | 'customHeader' | 'customFooter' | 'enableSmartUserPicker' | 'loggedInAccountId' | 'cloudId' | 'shareFieldsFooter' | 'onUserSelectionChange' | 'isPublicLink' | 'copyTooltipText' | 'shareIntegrations' | 'additionalTabs' | 'builtInTabContentWidth' | 'integrationMode' | 'onDialogClose' | 'orgId' | 'isBrowseUsersDisabled' | 'userPickerOptions' | 'isMenuItemSelected' | 'isSubmitShareDisabled'> & 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' | 'customHeader' | 'customFooter' | 'enableSmartUserPicker' | 'loggedInAccountId' | 'cloudId' | 'shareFieldsFooter' | 'onUserSelectionChange' | 'isPublicLink' | 'copyTooltipText' | 'shareIntegrations' | 'additionalTabs' | 'builtInTabContentWidth' | 'integrationMode' | 'onDialogClose' | 'orgId' | 'isBrowseUsersDisabled' | 'userPickerOptions' | 'isMenuItemSelected' | 'isSubmitShareDisabled' | 'additionalUserFields' | 'isExtendedShareDialogEnabled'> & 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;
|
|
@@ -2,7 +2,7 @@ import React from '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' | 'customHeader' | 'customFooter' | 'enableSmartUserPicker' | 'loggedInAccountId' | 'cloudId' | 'shareFieldsFooter' | 'onUserSelectionChange' | 'isPublicLink' | 'copyTooltipText' | 'shareIntegrations' | 'additionalTabs' | 'builtInTabContentWidth' | 'integrationMode' | 'onDialogClose' | 'orgId' | 'isBrowseUsersDisabled' | 'userPickerOptions' | 'isMenuItemSelected' | 'isSubmitShareDisabled'> & 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' | 'customHeader' | 'customFooter' | 'enableSmartUserPicker' | 'loggedInAccountId' | 'cloudId' | 'shareFieldsFooter' | 'onUserSelectionChange' | 'isPublicLink' | 'copyTooltipText' | 'shareIntegrations' | 'additionalTabs' | 'builtInTabContentWidth' | 'integrationMode' | 'onDialogClose' | 'orgId' | 'isBrowseUsersDisabled' | 'userPickerOptions' | 'isMenuItemSelected' | 'isSubmitShareDisabled' | 'additionalUserFields' | 'isExtendedShareDialogEnabled'> & 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;
|
|
@@ -92,6 +92,8 @@ export declare const ShareDialogContainer: React.ForwardRefExoticComponent<Omit<
|
|
|
92
92
|
isBrowseUsersDisabled?: boolean | undefined;
|
|
93
93
|
userPickerOptions?: import("../types").UserPickerOptions | undefined;
|
|
94
94
|
isSubmitShareDisabled?: boolean | undefined;
|
|
95
|
+
additionalUserFields?: React.ReactNode;
|
|
96
|
+
isExtendedShareDialogEnabled?: boolean | undefined;
|
|
95
97
|
shareClient?: ShareClient | undefined;
|
|
96
98
|
urlShortenerClient?: UrlShortenerClient | undefined;
|
|
97
99
|
shortLinkData?: ShortenRequest | undefined;
|
|
@@ -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' | 'customHeader' | 'customFooter' | 'isCopyDisabled' | 'isPublicLink' | 'integrationMode' | 'isMenuItemSelected' | 'shareFieldsFooter' | 'shareIntegrations' | 'additionalTabs' | 'builtInTabContentWidth' | 'shareAri' | 'tabIndex' | 'copyTooltipText' | 'dialogZIndex' | 'orgId' | 'isBrowseUsersDisabled' | 'userPickerOptions' | 'isSubmitShareDisabled'> & {
|
|
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' | 'customHeader' | 'customFooter' | 'isCopyDisabled' | 'isPublicLink' | 'integrationMode' | 'isMenuItemSelected' | 'shareFieldsFooter' | 'shareIntegrations' | 'additionalTabs' | 'builtInTabContentWidth' | 'shareAri' | 'tabIndex' | 'copyTooltipText' | 'dialogZIndex' | 'orgId' | 'isBrowseUsersDisabled' | 'userPickerOptions' | 'isSubmitShareDisabled' | 'additionalUserFields' | 'isExtendedShareDialogEnabled'> & {
|
|
23
23
|
config?: ConfigResponse;
|
|
24
24
|
isFetchingConfig?: boolean;
|
|
25
25
|
children?: RenderCustomTriggerButton;
|
|
@@ -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' | 'builtInTabContentWidth' | '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' | 'additionalUserFields' | 'isExtendedShareDialogEnabled'> & {
|
|
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": "6.
|
|
3
|
+
"version": "6.3.1",
|
|
4
4
|
"description": "Fabric Share Element",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -41,15 +41,15 @@
|
|
|
41
41
|
"@atlaskit/analytics-next": "^11.0.0",
|
|
42
42
|
"@atlaskit/button": "^23.0.0",
|
|
43
43
|
"@atlaskit/css": "^0.10.0",
|
|
44
|
-
"@atlaskit/dropdown-menu": "^
|
|
44
|
+
"@atlaskit/dropdown-menu": "^15.0.0",
|
|
45
45
|
"@atlaskit/form": "^12.0.0",
|
|
46
46
|
"@atlaskit/heading": "^5.2.0",
|
|
47
47
|
"@atlaskit/icon": "^26.0.0",
|
|
48
48
|
"@atlaskit/link": "^3.1.0",
|
|
49
|
-
"@atlaskit/menu": "^
|
|
49
|
+
"@atlaskit/menu": "^6.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.2.0",
|
|
53
53
|
"@atlaskit/portal": "^5.1.0",
|
|
54
54
|
"@atlaskit/primitives": "^14.7.0",
|
|
55
55
|
"@atlaskit/smart-user-picker": "^8.0.0",
|