@atlaskit/share 6.16.16 → 6.16.18
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +12 -0
- package/afm-jira/tsconfig.json +1 -1
- package/dist/cjs/components/CopyLinkButton.js +7 -2
- package/dist/cjs/components/CopyLinkButtonNext.js +10 -7
- package/dist/cjs/components/ShareFormNext.compiled.css +2 -2
- package/dist/cjs/components/ShareFormNext.js +1 -1
- package/dist/es2019/components/CopyLinkButton.js +8 -2
- package/dist/es2019/components/CopyLinkButtonNext.js +10 -7
- package/dist/es2019/components/ShareFormNext.compiled.css +2 -2
- package/dist/es2019/components/ShareFormNext.js +1 -1
- package/dist/esm/components/CopyLinkButton.js +8 -2
- package/dist/esm/components/CopyLinkButtonNext.js +10 -7
- package/dist/esm/components/ShareFormNext.compiled.css +2 -2
- package/dist/esm/components/ShareFormNext.js +1 -1
- package/dist/types/components/CopyLinkButton.d.ts +5 -0
- package/dist/types-ts4.5/components/CopyLinkButton.d.ts +5 -0
- package/package.json +14 -8
package/CHANGELOG.md
CHANGED
package/afm-jira/tsconfig.json
CHANGED
|
@@ -130,7 +130,7 @@ var CopyLinkButtonInner = exports.CopyLinkButtonInner = /*#__PURE__*/function (_
|
|
|
130
130
|
xcss: isExtendedShareDialogEnabled ? [boxWrapperStyle, copyIconContainerStyles] : boxWrapperStyle
|
|
131
131
|
}, (0, _react2.jsx)(_linkLinkFilled.default, {
|
|
132
132
|
LEGACY_margin: "0 ".concat("var(--ds-space-negative-025, -2px)", " 0 0"),
|
|
133
|
-
color: isExtendedShareDialogEnabled ? "var(--ds-text-subtle, #
|
|
133
|
+
color: isExtendedShareDialogEnabled ? "var(--ds-text-subtle, #505258)" : 'currentColor',
|
|
134
134
|
label: "",
|
|
135
135
|
LEGACY_size: "medium"
|
|
136
136
|
})),
|
|
@@ -140,7 +140,7 @@ var CopyLinkButtonInner = exports.CopyLinkButtonInner = /*#__PURE__*/function (_
|
|
|
140
140
|
theme: isExtendedShareDialogEnabled ? function (current, themeProps) {
|
|
141
141
|
return {
|
|
142
142
|
buttonStyles: _objectSpread(_objectSpread({}, current(themeProps).buttonStyles), {}, {
|
|
143
|
-
color: "var(--ds-text, #
|
|
143
|
+
color: "var(--ds-text, #292A2E)",
|
|
144
144
|
font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
|
|
145
145
|
alignItems: 'center'
|
|
146
146
|
}),
|
|
@@ -204,6 +204,11 @@ var CopyLinkButtonInner = exports.CopyLinkButtonInner = /*#__PURE__*/function (_
|
|
|
204
204
|
}
|
|
205
205
|
}]);
|
|
206
206
|
}(_react.default.Component);
|
|
207
|
+
/**
|
|
208
|
+
* @deprecated
|
|
209
|
+
* ⚠️ DO NOT USE — This package has been replaced by @atlassian/jira-share-dialog.
|
|
210
|
+
* It will be removed once the switch-over is complete.
|
|
211
|
+
*/
|
|
207
212
|
var CopyLinkButton = exports.CopyLinkButton = function CopyLinkButton(props) {
|
|
208
213
|
return (0, _platformFeatureFlags.fg)('share-compiled-migration') ? (0, _react2.jsx)(_CopyLinkButtonNext.default, props) : (0, _react2.jsx)(CopyLinkButtonInner, props);
|
|
209
214
|
};
|
|
@@ -117,7 +117,7 @@ var CopyLinkButton = exports.CopyLinkButton = /*#__PURE__*/function (_React$Comp
|
|
|
117
117
|
xcss: (0, _css.cx)(isExtendedShareDialogEnabled ? styles.copyIconContainerStyles : styles.boxWrapper)
|
|
118
118
|
}, /*#__PURE__*/_react.default.createElement(_linkLinkFilled.default, {
|
|
119
119
|
LEGACY_margin: "0 ".concat("var(--ds-space-negative-025, -2px)", " 0 0"),
|
|
120
|
-
color: isExtendedShareDialogEnabled ? "var(--ds-text-subtle, #
|
|
120
|
+
color: isExtendedShareDialogEnabled ? "var(--ds-text-subtle, #505258)" : 'currentColor',
|
|
121
121
|
label: "",
|
|
122
122
|
LEGACY_size: "medium"
|
|
123
123
|
})),
|
|
@@ -127,7 +127,7 @@ var CopyLinkButton = exports.CopyLinkButton = /*#__PURE__*/function (_React$Comp
|
|
|
127
127
|
theme: isExtendedShareDialogEnabled ? function (current, themeProps) {
|
|
128
128
|
return {
|
|
129
129
|
buttonStyles: _objectSpread(_objectSpread({}, current(themeProps).buttonStyles), {}, {
|
|
130
|
-
color: "var(--ds-text, #
|
|
130
|
+
color: "var(--ds-text, #292A2E)",
|
|
131
131
|
font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
|
|
132
132
|
alignItems: 'center'
|
|
133
133
|
}),
|
|
@@ -152,6 +152,9 @@ var CopyLinkButton = exports.CopyLinkButton = /*#__PURE__*/function (_React$Comp
|
|
|
152
152
|
var _this$props2 = this.props,
|
|
153
153
|
copyTooltipText = _this$props2.copyTooltipText,
|
|
154
154
|
copiedToClipboardText = _this$props2.copiedToClipboardText;
|
|
155
|
+
var shouldUpdateTooltipCssConfluence = (0, _platformFeatureFlags.fg)('jfind-copy-link-modal-invite-tooltip');
|
|
156
|
+
var shouldUpdateTooltipCssJira = (0, _platformFeatureFlags.fg)('jfind-copy-link-modal-invite-tooltip-jira');
|
|
157
|
+
var shouldUpdateTooltipCss = shouldUpdateTooltipCssConfluence || shouldUpdateTooltipCssJira;
|
|
155
158
|
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isSafari &&
|
|
156
159
|
/*#__PURE__*/
|
|
157
160
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
@@ -166,25 +169,25 @@ var CopyLinkButton = exports.CopyLinkButton = /*#__PURE__*/function (_React$Comp
|
|
|
166
169
|
zIndex: Z_INDEX,
|
|
167
170
|
autoFocus: false,
|
|
168
171
|
content: function content() {
|
|
169
|
-
return /*#__PURE__*/_react.default.createElement(_compiled2.InlineDialogContentWrapper, null, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
|
|
172
|
+
return shouldUpdateTooltipCss ? null : /*#__PURE__*/_react.default.createElement(_compiled2.InlineDialogContentWrapper, null, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
|
|
170
173
|
xcss: (0, _css.cx)(styles.messageContainer),
|
|
171
174
|
testId: "message-container",
|
|
172
175
|
"aria-hidden": true
|
|
173
|
-
}, /*#__PURE__*/_react.default.createElement(
|
|
176
|
+
}, /*#__PURE__*/_react.default.createElement(_statusSuccessCheckCircle.default, {
|
|
174
177
|
spacing: "spacious",
|
|
175
178
|
label: "",
|
|
176
179
|
color: "var(--ds-icon-success, ".concat(_colors.G300, ")")
|
|
177
180
|
}), /*#__PURE__*/_react.default.createElement(_compiled.Box, {
|
|
178
181
|
xcss: (0, _css.cx)(styles.messageText)
|
|
179
|
-
}, copiedToClipboardText)))
|
|
182
|
+
}, copiedToClipboardText)));
|
|
180
183
|
},
|
|
181
184
|
isOpen: shouldShowCopiedMessage,
|
|
182
185
|
onClose: this.handleDismissCopiedMessage,
|
|
183
186
|
placement: "top-start",
|
|
184
187
|
trigger: function trigger(triggerProps) {
|
|
185
|
-
return copyTooltipText ? /*#__PURE__*/_react.default.createElement(_tooltip.default, {
|
|
188
|
+
return copyTooltipText && shouldShowCopiedMessage && shouldUpdateTooltipCss ? /*#__PURE__*/_react.default.createElement(_tooltip.default, {
|
|
186
189
|
content: copyTooltipText,
|
|
187
|
-
position: "bottom
|
|
190
|
+
position: "bottom"
|
|
188
191
|
}, _this2.renderTriggerButton(triggerProps)) : _this2.renderTriggerButton(triggerProps);
|
|
189
192
|
},
|
|
190
193
|
shouldRenderToParent: (0, _platformFeatureFlags.fg)('enable-appropriate-reading-order-in-share-dialog')
|
|
@@ -17,5 +17,5 @@
|
|
|
17
17
|
._otyr196n{margin-bottom:var(--ds-space-negative-075,-6px)}
|
|
18
18
|
._otyrpxbi{margin-bottom:var(--ds-space-200,1pc)}
|
|
19
19
|
._otyrutpp{margin-bottom:var(--ds-space-150,9pt)}
|
|
20
|
-
.
|
|
21
|
-
.
|
|
20
|
+
._syaz1n3s{color:var(--ds-text-subtle,#5e6c84)}
|
|
21
|
+
._syazi7uo{color:var(--ds-text,#292a2e)}
|
|
@@ -52,7 +52,7 @@ var styles = {
|
|
|
52
52
|
integrationWrapperStyles: "_1e0c1txw _4cvr1h6o",
|
|
53
53
|
integrationIconWrapperStyles: "_otyr196n _2hwx1b66",
|
|
54
54
|
requiredFieldInfoStyles: "_11c81o8v _otyrpxbi _syaz1n3s",
|
|
55
|
-
menuGroupContainerStyles: "_2rko12b0 _1moux0bf _195g10v4
|
|
55
|
+
menuGroupContainerStyles: "_2rko12b0 _1moux0bf _195g10v4 _syazi7uo _4cvr1y6m _1bsb1w81"
|
|
56
56
|
};
|
|
57
57
|
var integrationTabText = function integrationTabText(integrationName) {
|
|
58
58
|
return /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _i18n.messages.shareInIntegrationButtonText, {
|
|
@@ -112,7 +112,7 @@ export class CopyLinkButtonInner extends React.Component {
|
|
|
112
112
|
xcss: isExtendedShareDialogEnabled ? [boxWrapperStyle, copyIconContainerStyles] : boxWrapperStyle
|
|
113
113
|
}, jsx(LinkFilledIcon, {
|
|
114
114
|
LEGACY_margin: `0 ${"var(--ds-space-negative-025, -2px)"} 0 0`,
|
|
115
|
-
color: isExtendedShareDialogEnabled ? "var(--ds-text-subtle, #
|
|
115
|
+
color: isExtendedShareDialogEnabled ? "var(--ds-text-subtle, #505258)" : 'currentColor',
|
|
116
116
|
label: "",
|
|
117
117
|
LEGACY_size: "medium"
|
|
118
118
|
})),
|
|
@@ -122,7 +122,7 @@ export class CopyLinkButtonInner extends React.Component {
|
|
|
122
122
|
theme: isExtendedShareDialogEnabled ? (current, themeProps) => ({
|
|
123
123
|
buttonStyles: {
|
|
124
124
|
...current(themeProps).buttonStyles,
|
|
125
|
-
color: "var(--ds-text, #
|
|
125
|
+
color: "var(--ds-text, #292A2E)",
|
|
126
126
|
font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
|
|
127
127
|
alignItems: 'center'
|
|
128
128
|
},
|
|
@@ -176,5 +176,11 @@ export class CopyLinkButtonInner extends React.Component {
|
|
|
176
176
|
}));
|
|
177
177
|
}
|
|
178
178
|
}
|
|
179
|
+
|
|
180
|
+
/**
|
|
181
|
+
* @deprecated
|
|
182
|
+
* ⚠️ DO NOT USE — This package has been replaced by @atlassian/jira-share-dialog.
|
|
183
|
+
* It will be removed once the switch-over is complete.
|
|
184
|
+
*/
|
|
179
185
|
export const CopyLinkButton = props => fg('share-compiled-migration') ? jsx(CopyLinkButtonNext, props) : jsx(CopyLinkButtonInner, props);
|
|
180
186
|
export default CopyLinkButton;
|
|
@@ -95,7 +95,7 @@ export class CopyLinkButton extends React.Component {
|
|
|
95
95
|
xcss: cx(isExtendedShareDialogEnabled ? styles.copyIconContainerStyles : styles.boxWrapper)
|
|
96
96
|
}, /*#__PURE__*/React.createElement(LinkFilledIcon, {
|
|
97
97
|
LEGACY_margin: `0 ${"var(--ds-space-negative-025, -2px)"} 0 0`,
|
|
98
|
-
color: isExtendedShareDialogEnabled ? "var(--ds-text-subtle, #
|
|
98
|
+
color: isExtendedShareDialogEnabled ? "var(--ds-text-subtle, #505258)" : 'currentColor',
|
|
99
99
|
label: "",
|
|
100
100
|
LEGACY_size: "medium"
|
|
101
101
|
})),
|
|
@@ -105,7 +105,7 @@ export class CopyLinkButton extends React.Component {
|
|
|
105
105
|
theme: isExtendedShareDialogEnabled ? (current, themeProps) => ({
|
|
106
106
|
buttonStyles: {
|
|
107
107
|
...current(themeProps).buttonStyles,
|
|
108
|
-
color: "var(--ds-text, #
|
|
108
|
+
color: "var(--ds-text, #292A2E)",
|
|
109
109
|
font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
|
|
110
110
|
alignItems: 'center'
|
|
111
111
|
},
|
|
@@ -125,6 +125,9 @@ export class CopyLinkButton extends React.Component {
|
|
|
125
125
|
copyTooltipText,
|
|
126
126
|
copiedToClipboardText
|
|
127
127
|
} = this.props;
|
|
128
|
+
const shouldUpdateTooltipCssConfluence = fg('jfind-copy-link-modal-invite-tooltip');
|
|
129
|
+
const shouldUpdateTooltipCssJira = fg('jfind-copy-link-modal-invite-tooltip-jira');
|
|
130
|
+
const shouldUpdateTooltipCss = shouldUpdateTooltipCssConfluence || shouldUpdateTooltipCssJira;
|
|
128
131
|
return /*#__PURE__*/React.createElement(React.Fragment, null, isSafari &&
|
|
129
132
|
/*#__PURE__*/
|
|
130
133
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
@@ -138,23 +141,23 @@ export class CopyLinkButton extends React.Component {
|
|
|
138
141
|
}), /*#__PURE__*/React.createElement(Popup, {
|
|
139
142
|
zIndex: Z_INDEX,
|
|
140
143
|
autoFocus: false,
|
|
141
|
-
content: () => /*#__PURE__*/React.createElement(InlineDialogContentWrapper, null, /*#__PURE__*/React.createElement(Box, {
|
|
144
|
+
content: () => shouldUpdateTooltipCss ? null : /*#__PURE__*/React.createElement(InlineDialogContentWrapper, null, /*#__PURE__*/React.createElement(Box, {
|
|
142
145
|
xcss: cx(styles.messageContainer),
|
|
143
146
|
testId: "message-container",
|
|
144
147
|
"aria-hidden": true
|
|
145
|
-
}, /*#__PURE__*/React.createElement(
|
|
148
|
+
}, /*#__PURE__*/React.createElement(CheckCircleIcon, {
|
|
146
149
|
spacing: "spacious",
|
|
147
150
|
label: "",
|
|
148
151
|
color: `var(--ds-icon-success, ${G300})`
|
|
149
152
|
}), /*#__PURE__*/React.createElement(Box, {
|
|
150
153
|
xcss: cx(styles.messageText)
|
|
151
|
-
}, copiedToClipboardText)))
|
|
154
|
+
}, copiedToClipboardText))),
|
|
152
155
|
isOpen: shouldShowCopiedMessage,
|
|
153
156
|
onClose: this.handleDismissCopiedMessage,
|
|
154
157
|
placement: "top-start",
|
|
155
|
-
trigger: triggerProps => copyTooltipText ? /*#__PURE__*/React.createElement(Tooltip, {
|
|
158
|
+
trigger: triggerProps => copyTooltipText && shouldShowCopiedMessage && shouldUpdateTooltipCss ? /*#__PURE__*/React.createElement(Tooltip, {
|
|
156
159
|
content: copyTooltipText,
|
|
157
|
-
position: "bottom
|
|
160
|
+
position: "bottom"
|
|
158
161
|
}, this.renderTriggerButton(triggerProps)) : this.renderTriggerButton(triggerProps),
|
|
159
162
|
shouldRenderToParent: fg('enable-appropriate-reading-order-in-share-dialog')
|
|
160
163
|
}));
|
|
@@ -17,5 +17,5 @@
|
|
|
17
17
|
._otyr196n{margin-bottom:var(--ds-space-negative-075,-6px)}
|
|
18
18
|
._otyrpxbi{margin-bottom:var(--ds-space-200,1pc)}
|
|
19
19
|
._otyrutpp{margin-bottom:var(--ds-space-150,9pt)}
|
|
20
|
-
.
|
|
21
|
-
.
|
|
20
|
+
._syaz1n3s{color:var(--ds-text-subtle,#5e6c84)}
|
|
21
|
+
._syazi7uo{color:var(--ds-text,#292a2e)}
|
|
@@ -34,7 +34,7 @@ const styles = {
|
|
|
34
34
|
integrationWrapperStyles: "_1e0c1txw _4cvr1h6o",
|
|
35
35
|
integrationIconWrapperStyles: "_otyr196n _2hwx1b66",
|
|
36
36
|
requiredFieldInfoStyles: "_11c81o8v _otyrpxbi _syaz1n3s",
|
|
37
|
-
menuGroupContainerStyles: "_2rko12b0 _1moux0bf _195g10v4
|
|
37
|
+
menuGroupContainerStyles: "_2rko12b0 _1moux0bf _195g10v4 _syazi7uo _4cvr1y6m _1bsb1w81"
|
|
38
38
|
};
|
|
39
39
|
const integrationTabText = integrationName => /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages.shareInIntegrationButtonText, {
|
|
40
40
|
values: {
|
|
@@ -126,7 +126,7 @@ export var CopyLinkButtonInner = /*#__PURE__*/function (_React$Component) {
|
|
|
126
126
|
xcss: isExtendedShareDialogEnabled ? [boxWrapperStyle, copyIconContainerStyles] : boxWrapperStyle
|
|
127
127
|
}, jsx(LinkFilledIcon, {
|
|
128
128
|
LEGACY_margin: "0 ".concat("var(--ds-space-negative-025, -2px)", " 0 0"),
|
|
129
|
-
color: isExtendedShareDialogEnabled ? "var(--ds-text-subtle, #
|
|
129
|
+
color: isExtendedShareDialogEnabled ? "var(--ds-text-subtle, #505258)" : 'currentColor',
|
|
130
130
|
label: "",
|
|
131
131
|
LEGACY_size: "medium"
|
|
132
132
|
})),
|
|
@@ -136,7 +136,7 @@ export var CopyLinkButtonInner = /*#__PURE__*/function (_React$Component) {
|
|
|
136
136
|
theme: isExtendedShareDialogEnabled ? function (current, themeProps) {
|
|
137
137
|
return {
|
|
138
138
|
buttonStyles: _objectSpread(_objectSpread({}, current(themeProps).buttonStyles), {}, {
|
|
139
|
-
color: "var(--ds-text, #
|
|
139
|
+
color: "var(--ds-text, #292A2E)",
|
|
140
140
|
font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
|
|
141
141
|
alignItems: 'center'
|
|
142
142
|
}),
|
|
@@ -200,6 +200,12 @@ export var CopyLinkButtonInner = /*#__PURE__*/function (_React$Component) {
|
|
|
200
200
|
}
|
|
201
201
|
}]);
|
|
202
202
|
}(React.Component);
|
|
203
|
+
|
|
204
|
+
/**
|
|
205
|
+
* @deprecated
|
|
206
|
+
* ⚠️ DO NOT USE — This package has been replaced by @atlassian/jira-share-dialog.
|
|
207
|
+
* It will be removed once the switch-over is complete.
|
|
208
|
+
*/
|
|
203
209
|
export var CopyLinkButton = function CopyLinkButton(props) {
|
|
204
210
|
return fg('share-compiled-migration') ? jsx(CopyLinkButtonNext, props) : jsx(CopyLinkButtonInner, props);
|
|
205
211
|
};
|
|
@@ -110,7 +110,7 @@ export var CopyLinkButton = /*#__PURE__*/function (_React$Component) {
|
|
|
110
110
|
xcss: cx(isExtendedShareDialogEnabled ? styles.copyIconContainerStyles : styles.boxWrapper)
|
|
111
111
|
}, /*#__PURE__*/React.createElement(LinkFilledIcon, {
|
|
112
112
|
LEGACY_margin: "0 ".concat("var(--ds-space-negative-025, -2px)", " 0 0"),
|
|
113
|
-
color: isExtendedShareDialogEnabled ? "var(--ds-text-subtle, #
|
|
113
|
+
color: isExtendedShareDialogEnabled ? "var(--ds-text-subtle, #505258)" : 'currentColor',
|
|
114
114
|
label: "",
|
|
115
115
|
LEGACY_size: "medium"
|
|
116
116
|
})),
|
|
@@ -120,7 +120,7 @@ export var CopyLinkButton = /*#__PURE__*/function (_React$Component) {
|
|
|
120
120
|
theme: isExtendedShareDialogEnabled ? function (current, themeProps) {
|
|
121
121
|
return {
|
|
122
122
|
buttonStyles: _objectSpread(_objectSpread({}, current(themeProps).buttonStyles), {}, {
|
|
123
|
-
color: "var(--ds-text, #
|
|
123
|
+
color: "var(--ds-text, #292A2E)",
|
|
124
124
|
font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
|
|
125
125
|
alignItems: 'center'
|
|
126
126
|
}),
|
|
@@ -145,6 +145,9 @@ export var CopyLinkButton = /*#__PURE__*/function (_React$Component) {
|
|
|
145
145
|
var _this$props2 = this.props,
|
|
146
146
|
copyTooltipText = _this$props2.copyTooltipText,
|
|
147
147
|
copiedToClipboardText = _this$props2.copiedToClipboardText;
|
|
148
|
+
var shouldUpdateTooltipCssConfluence = fg('jfind-copy-link-modal-invite-tooltip');
|
|
149
|
+
var shouldUpdateTooltipCssJira = fg('jfind-copy-link-modal-invite-tooltip-jira');
|
|
150
|
+
var shouldUpdateTooltipCss = shouldUpdateTooltipCssConfluence || shouldUpdateTooltipCssJira;
|
|
148
151
|
return /*#__PURE__*/React.createElement(React.Fragment, null, isSafari &&
|
|
149
152
|
/*#__PURE__*/
|
|
150
153
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
@@ -159,25 +162,25 @@ export var CopyLinkButton = /*#__PURE__*/function (_React$Component) {
|
|
|
159
162
|
zIndex: Z_INDEX,
|
|
160
163
|
autoFocus: false,
|
|
161
164
|
content: function content() {
|
|
162
|
-
return /*#__PURE__*/React.createElement(InlineDialogContentWrapper, null, /*#__PURE__*/React.createElement(Box, {
|
|
165
|
+
return shouldUpdateTooltipCss ? null : /*#__PURE__*/React.createElement(InlineDialogContentWrapper, null, /*#__PURE__*/React.createElement(Box, {
|
|
163
166
|
xcss: cx(styles.messageContainer),
|
|
164
167
|
testId: "message-container",
|
|
165
168
|
"aria-hidden": true
|
|
166
|
-
}, /*#__PURE__*/React.createElement(
|
|
169
|
+
}, /*#__PURE__*/React.createElement(CheckCircleIcon, {
|
|
167
170
|
spacing: "spacious",
|
|
168
171
|
label: "",
|
|
169
172
|
color: "var(--ds-icon-success, ".concat(G300, ")")
|
|
170
173
|
}), /*#__PURE__*/React.createElement(Box, {
|
|
171
174
|
xcss: cx(styles.messageText)
|
|
172
|
-
}, copiedToClipboardText)))
|
|
175
|
+
}, copiedToClipboardText)));
|
|
173
176
|
},
|
|
174
177
|
isOpen: shouldShowCopiedMessage,
|
|
175
178
|
onClose: this.handleDismissCopiedMessage,
|
|
176
179
|
placement: "top-start",
|
|
177
180
|
trigger: function trigger(triggerProps) {
|
|
178
|
-
return copyTooltipText ? /*#__PURE__*/React.createElement(Tooltip, {
|
|
181
|
+
return copyTooltipText && shouldShowCopiedMessage && shouldUpdateTooltipCss ? /*#__PURE__*/React.createElement(Tooltip, {
|
|
179
182
|
content: copyTooltipText,
|
|
180
|
-
position: "bottom
|
|
183
|
+
position: "bottom"
|
|
181
184
|
}, _this2.renderTriggerButton(triggerProps)) : _this2.renderTriggerButton(triggerProps);
|
|
182
185
|
},
|
|
183
186
|
shouldRenderToParent: fg('enable-appropriate-reading-order-in-share-dialog')
|
|
@@ -17,5 +17,5 @@
|
|
|
17
17
|
._otyr196n{margin-bottom:var(--ds-space-negative-075,-6px)}
|
|
18
18
|
._otyrpxbi{margin-bottom:var(--ds-space-200,1pc)}
|
|
19
19
|
._otyrutpp{margin-bottom:var(--ds-space-150,9pt)}
|
|
20
|
-
.
|
|
21
|
-
.
|
|
20
|
+
._syaz1n3s{color:var(--ds-text-subtle,#5e6c84)}
|
|
21
|
+
._syazi7uo{color:var(--ds-text,#292a2e)}
|
|
@@ -43,7 +43,7 @@ var styles = {
|
|
|
43
43
|
integrationWrapperStyles: "_1e0c1txw _4cvr1h6o",
|
|
44
44
|
integrationIconWrapperStyles: "_otyr196n _2hwx1b66",
|
|
45
45
|
requiredFieldInfoStyles: "_11c81o8v _otyrpxbi _syaz1n3s",
|
|
46
|
-
menuGroupContainerStyles: "_2rko12b0 _1moux0bf _195g10v4
|
|
46
|
+
menuGroupContainerStyles: "_2rko12b0 _1moux0bf _195g10v4 _syazi7uo _4cvr1y6m _1bsb1w81"
|
|
47
47
|
};
|
|
48
48
|
var integrationTabText = function integrationTabText(integrationName) {
|
|
49
49
|
return /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages.shareInIntegrationButtonText, {
|
|
@@ -39,5 +39,10 @@ export declare class CopyLinkButtonInner extends React.Component<Props, State> {
|
|
|
39
39
|
renderTriggerButton: (triggerProps: TriggerProps) => jsx.JSX.Element;
|
|
40
40
|
render(): jsx.JSX.Element;
|
|
41
41
|
}
|
|
42
|
+
/**
|
|
43
|
+
* @deprecated
|
|
44
|
+
* ⚠️ DO NOT USE — This package has been replaced by @atlassian/jira-share-dialog.
|
|
45
|
+
* It will be removed once the switch-over is complete.
|
|
46
|
+
*/
|
|
42
47
|
export declare const CopyLinkButton: (props: Props) => jsx.JSX.Element;
|
|
43
48
|
export default CopyLinkButton;
|
|
@@ -39,5 +39,10 @@ export declare class CopyLinkButtonInner extends React.Component<Props, State> {
|
|
|
39
39
|
renderTriggerButton: (triggerProps: TriggerProps) => jsx.JSX.Element;
|
|
40
40
|
render(): jsx.JSX.Element;
|
|
41
41
|
}
|
|
42
|
+
/**
|
|
43
|
+
* @deprecated
|
|
44
|
+
* ⚠️ DO NOT USE — This package has been replaced by @atlassian/jira-share-dialog.
|
|
45
|
+
* It will be removed once the switch-over is complete.
|
|
46
|
+
*/
|
|
42
47
|
export declare const CopyLinkButton: (props: Props) => jsx.JSX.Element;
|
|
43
48
|
export default CopyLinkButton;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/share",
|
|
3
|
-
"version": "6.16.
|
|
3
|
+
"version": "6.16.18",
|
|
4
4
|
"description": "Fabric Share Element",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -40,27 +40,27 @@
|
|
|
40
40
|
"@atlaskit/afm-i18n-platform-elements-share": "2.7.0",
|
|
41
41
|
"@atlaskit/analytics-next": "^11.1.0",
|
|
42
42
|
"@atlaskit/button": "^23.6.0",
|
|
43
|
-
"@atlaskit/css": "^0.
|
|
43
|
+
"@atlaskit/css": "^0.16.0",
|
|
44
44
|
"@atlaskit/dropdown-menu": "^16.3.0",
|
|
45
45
|
"@atlaskit/form": "^14.2.0",
|
|
46
46
|
"@atlaskit/heading": "^5.2.0",
|
|
47
|
-
"@atlaskit/icon": "^
|
|
47
|
+
"@atlaskit/icon": "^29.0.0",
|
|
48
48
|
"@atlaskit/link": "^3.2.0",
|
|
49
49
|
"@atlaskit/menu": "^8.4.0",
|
|
50
50
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
51
51
|
"@atlaskit/popper": "^7.1.0",
|
|
52
52
|
"@atlaskit/popup": "^4.6.0",
|
|
53
53
|
"@atlaskit/portal": "^5.1.0",
|
|
54
|
-
"@atlaskit/primitives": "^16.
|
|
54
|
+
"@atlaskit/primitives": "^16.2.0",
|
|
55
55
|
"@atlaskit/smart-user-picker": "^8.4.0",
|
|
56
56
|
"@atlaskit/spinner": "^19.0.0",
|
|
57
57
|
"@atlaskit/tabs": "^18.2.0",
|
|
58
|
-
"@atlaskit/textarea": "^8.
|
|
58
|
+
"@atlaskit/textarea": "^8.1.0",
|
|
59
59
|
"@atlaskit/theme": "^21.0.0",
|
|
60
|
-
"@atlaskit/tokens": "^8.
|
|
61
|
-
"@atlaskit/tooltip": "^20.
|
|
60
|
+
"@atlaskit/tokens": "^8.1.0",
|
|
61
|
+
"@atlaskit/tooltip": "^20.10.0",
|
|
62
62
|
"@atlaskit/ufo": "^0.4.0",
|
|
63
|
-
"@atlaskit/user-picker": "^11.
|
|
63
|
+
"@atlaskit/user-picker": "^11.15.0",
|
|
64
64
|
"@atlaskit/util-service-support": "^6.3.0",
|
|
65
65
|
"@babel/runtime": "^7.0.0",
|
|
66
66
|
"@emotion/react": "^11.7.1",
|
|
@@ -139,6 +139,12 @@
|
|
|
139
139
|
},
|
|
140
140
|
"jira-warepil-track-sharing-to-email-disabled": {
|
|
141
141
|
"type": "boolean"
|
|
142
|
+
},
|
|
143
|
+
"jfind-copy-link-modal-invite-tooltip": {
|
|
144
|
+
"type": "boolean"
|
|
145
|
+
},
|
|
146
|
+
"jfind-copy-link-modal-invite-tooltip-jira": {
|
|
147
|
+
"type": "boolean"
|
|
142
148
|
}
|
|
143
149
|
},
|
|
144
150
|
"sideEffects": [
|