@atlaskit/share 4.18.10 → 4.18.11
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 +8 -0
- package/dist/cjs/components/CopyLinkButton.js +10 -4
- package/dist/cjs/components/IntegrationButton.js +4 -1
- package/dist/cjs/components/IntegrationForm.js +4 -1
- package/dist/cjs/components/LazyShareForm/LazyShareForm.js +4 -1
- package/dist/cjs/components/LazyShareForm/lazy.js +4 -1
- package/dist/cjs/components/ShareDialogWithTrigger.js +4 -1
- package/dist/cjs/components/ShareForm.js +4 -1
- package/dist/cjs/components/ShareFormWrapper/styled.js +4 -1
- package/dist/cjs/components/ShareHeader.js +4 -1
- package/dist/cjs/components/SplitButton.js +4 -1
- package/dist/cjs/components/analytics/analytics.js +1 -1
- package/dist/es2019/components/CopyLinkButton.js +11 -5
- package/dist/es2019/components/IntegrationButton.js +4 -1
- package/dist/es2019/components/IntegrationForm.js +4 -1
- package/dist/es2019/components/LazyShareForm/LazyShareForm.js +4 -1
- package/dist/es2019/components/LazyShareForm/lazy.js +4 -1
- package/dist/es2019/components/ShareDialogWithTrigger.js +4 -1
- package/dist/es2019/components/ShareForm.js +4 -1
- package/dist/es2019/components/ShareFormWrapper/styled.js +4 -1
- package/dist/es2019/components/ShareHeader.js +4 -1
- package/dist/es2019/components/SplitButton.js +4 -1
- package/dist/es2019/components/analytics/analytics.js +1 -1
- package/dist/esm/components/CopyLinkButton.js +11 -5
- package/dist/esm/components/IntegrationButton.js +4 -1
- package/dist/esm/components/IntegrationForm.js +4 -1
- package/dist/esm/components/LazyShareForm/LazyShareForm.js +4 -1
- package/dist/esm/components/LazyShareForm/lazy.js +4 -1
- package/dist/esm/components/ShareDialogWithTrigger.js +4 -1
- package/dist/esm/components/ShareForm.js +4 -1
- package/dist/esm/components/ShareFormWrapper/styled.js +4 -1
- package/dist/esm/components/ShareHeader.js +4 -1
- package/dist/esm/components/SplitButton.js +4 -1
- package/dist/esm/components/analytics/analytics.js +1 -1
- package/dist/types/components/CopyLinkButton.d.ts +5 -1
- package/dist/types/components/IntegrationButton.d.ts +4 -1
- package/dist/types/components/IntegrationForm.d.ts +4 -1
- package/dist/types/components/ShareDialogWithTrigger.d.ts +4 -1
- package/dist/types/components/ShareForm.d.ts +4 -1
- package/dist/types/components/ShareFormWrapper/styled.d.ts +4 -1
- package/dist/types/components/ShareHeader.d.ts +4 -1
- package/dist/types/components/SplitButton.d.ts +4 -1
- package/dist/types-ts4.5/components/CopyLinkButton.d.ts +5 -1
- package/dist/types-ts4.5/components/IntegrationButton.d.ts +4 -1
- package/dist/types-ts4.5/components/IntegrationForm.d.ts +4 -1
- package/dist/types-ts4.5/components/ShareDialogWithTrigger.d.ts +4 -1
- package/dist/types-ts4.5/components/ShareForm.d.ts +4 -1
- package/dist/types-ts4.5/components/ShareFormWrapper/styled.d.ts +4 -1
- package/dist/types-ts4.5/components/ShareHeader.d.ts +4 -1
- package/dist/types-ts4.5/components/SplitButton.d.ts +4 -1
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,13 @@
|
|
|
1
1
|
# @atlaskit/share
|
|
2
2
|
|
|
3
|
+
## 4.18.11
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#121516](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/121516)
|
|
8
|
+
[`d2d28eeaef085`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/d2d28eeaef085) -
|
|
9
|
+
[ux] Announce copied to clipboard text when copy link button is clicked for screen readers
|
|
10
|
+
|
|
3
11
|
## 4.18.10
|
|
4
12
|
|
|
5
13
|
### Patch Changes
|
|
@@ -25,7 +25,10 @@ var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
|
|
|
25
25
|
var _styled = require("./ShareFormWrapper/styled");
|
|
26
26
|
var _styles = _interopRequireDefault(require("./styles"));
|
|
27
27
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
|
|
28
|
-
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /**
|
|
28
|
+
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /**
|
|
29
|
+
* @jsxRuntime classic
|
|
30
|
+
* @jsx jsx
|
|
31
|
+
*/ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
29
32
|
var Z_INDEX = _constants.layers.modal();
|
|
30
33
|
var AUTO_DISMISS_SECONDS = 8;
|
|
31
34
|
var AUTO_DISMISS_MS = exports.AUTO_DISMISS_MS = AUTO_DISMISS_SECONDS * 1000;
|
|
@@ -53,6 +56,7 @@ function (props, ref) {
|
|
|
53
56
|
"aria-hidden": true,
|
|
54
57
|
ref: ref,
|
|
55
58
|
value: props.text,
|
|
59
|
+
"aria-label": props.label,
|
|
56
60
|
readOnly: true
|
|
57
61
|
});
|
|
58
62
|
});
|
|
@@ -143,14 +147,16 @@ var CopyLinkButton = exports.CopyLinkButton = /*#__PURE__*/function (_React$Comp
|
|
|
143
147
|
"aria-live": "assertive"
|
|
144
148
|
}, shouldShowCopiedMessage && copiedToClipboardText), (0, _react2.jsx)(HiddenInput, {
|
|
145
149
|
ref: this.inputRef,
|
|
146
|
-
text: this.props.link
|
|
150
|
+
text: this.props.link,
|
|
151
|
+
label: copiedToClipboardText
|
|
147
152
|
}), (0, _react2.jsx)(_popup.default, {
|
|
148
153
|
zIndex: Z_INDEX,
|
|
149
154
|
autoFocus: false,
|
|
150
155
|
content: function content() {
|
|
151
156
|
return (0, _react2.jsx)(_styled.InlineDialogContentWrapper, null, (0, _react2.jsx)("div", {
|
|
152
157
|
css: messageContainerStyle,
|
|
153
|
-
"data-testid": "message-container"
|
|
158
|
+
"data-testid": "message-container",
|
|
159
|
+
"aria-hidden": true
|
|
154
160
|
}, (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(_checkCircle.default, {
|
|
155
161
|
label: "",
|
|
156
162
|
primaryColor: "var(--ds-icon-success, ".concat(_colors.G300, ")")
|
|
@@ -167,7 +173,7 @@ var CopyLinkButton = exports.CopyLinkButton = /*#__PURE__*/function (_React$Comp
|
|
|
167
173
|
position: "bottom-start"
|
|
168
174
|
}, _this2.renderTriggerButton(triggerProps)) : _this2.renderTriggerButton(triggerProps);
|
|
169
175
|
},
|
|
170
|
-
shouldRenderToParent: (0, _platformFeatureFlags.
|
|
176
|
+
shouldRenderToParent: (0, _platformFeatureFlags.fg)('platform.enable-appropriate-reading-order-in-share-dialog_fu49') ? true : false
|
|
171
177
|
}));
|
|
172
178
|
}
|
|
173
179
|
}]);
|
|
@@ -13,7 +13,10 @@ var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom
|
|
|
13
13
|
var _colors = require("@atlaskit/theme/colors");
|
|
14
14
|
var _excluded = ["text", "textColor", "IntegrationIcon"];
|
|
15
15
|
var _templateObject, _templateObject2;
|
|
16
|
-
/**
|
|
16
|
+
/**
|
|
17
|
+
* @jsxRuntime classic
|
|
18
|
+
* @jsx jsx
|
|
19
|
+
*/
|
|
17
20
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
18
21
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/design-system/no-css-tagged-template-expression -- Ignored via go/DSP-18766
|
|
19
22
|
var integrationButtonCopyWrapperStyle = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\tdisplay: flex;\n\tjustify-content: left;\n"])));
|
|
@@ -10,7 +10,10 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
10
10
|
var _react2 = require("@emotion/react");
|
|
11
11
|
var _typography = require("@atlaskit/theme/typography");
|
|
12
12
|
var _templateObject;
|
|
13
|
-
/**
|
|
13
|
+
/**
|
|
14
|
+
* @jsxRuntime classic
|
|
15
|
+
* @jsx jsx
|
|
16
|
+
*/
|
|
14
17
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
15
18
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/design-system/no-css-tagged-template-expression -- Ignored via go/DSP-18766
|
|
16
19
|
var formWrapperStyle = exports.formWrapperStyle = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\t[class^='FormHeader__FormHeaderWrapper'] {\n\t\th1:first-child {\n\t\t\t", "\n\n\t\t\t> span {\n\t\t\t\t/* jira has a class override font settings on h1 > span in gh-custom-field-pickers.css */\n\t\t\t\tfont-size: inherit !important;\n\t\t\t\tline-height: inherit !important;\n\t\t\t\tletter-spacing: inherit !important;\n\t\t\t}\n\t\t}\n\t}\n\n\t[class^='FormSection__FormSectionWrapper'] {\n\t\tmargin-top: ", ";\n\t}\n\n\t[class^='FormFooter__FormFooterWrapper'] {\n\t\tjustify-content: space-between;\n\t\tmargin-top: ", ";\n\t\tmargin-bottom: ", ";\n\t}\n\n\t[class^='Field__FieldWrapper']:not(:first-child) {\n\t\tmargin-top: ", ";\n\t}\n"])), (0, _typography.h500)(), "var(--ds-space-0, 0px)", "var(--ds-space-150, 12px)", "var(--ds-space-300, 24px)", "var(--ds-space-150, 12px)");
|
|
@@ -16,7 +16,10 @@ var _IntegrationForm = require("../IntegrationForm");
|
|
|
16
16
|
var _ShareForm = require("../ShareForm");
|
|
17
17
|
var _ShareFormWrapper = require("../ShareFormWrapper");
|
|
18
18
|
var _utils = require("../utils");
|
|
19
|
-
/**
|
|
19
|
+
/**
|
|
20
|
+
* @jsxRuntime classic
|
|
21
|
+
* @jsx jsx
|
|
22
|
+
*/
|
|
20
23
|
/** @jsxFrag */
|
|
21
24
|
|
|
22
25
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
@@ -12,7 +12,10 @@ var _reactLooselyLazy = require("react-loosely-lazy");
|
|
|
12
12
|
var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
|
|
13
13
|
var _ShareFormWrapper = require("../ShareFormWrapper");
|
|
14
14
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
15
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != (0, _typeof2.default)(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; } /**
|
|
15
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != (0, _typeof2.default)(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; } /**
|
|
16
|
+
* @jsxRuntime classic
|
|
17
|
+
* @jsx jsx
|
|
18
|
+
*/ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
16
19
|
var spinnerWrapperStyles = (0, _react2.css)({
|
|
17
20
|
width: '100%',
|
|
18
21
|
height: '100%',
|
|
@@ -36,7 +36,10 @@ var _utils = require("./utils");
|
|
|
36
36
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
37
37
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
38
38
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
|
|
39
|
-
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /**
|
|
39
|
+
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /**
|
|
40
|
+
* @jsxRuntime classic
|
|
41
|
+
* @jsx jsx
|
|
42
|
+
*/ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
40
43
|
// eslint-disable-next-line no-duplicate-imports
|
|
41
44
|
var shareButtonWrapperStyles = (0, _react2.css)({
|
|
42
45
|
display: 'inline-flex',
|
|
@@ -42,7 +42,10 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
|
|
|
42
42
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
43
43
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
44
44
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
|
|
45
|
-
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /**
|
|
45
|
+
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /**
|
|
46
|
+
* @jsxRuntime classic
|
|
47
|
+
* @jsx jsx
|
|
48
|
+
*/ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
46
49
|
var submitButtonWrapperStyles = (0, _react2.css)({
|
|
47
50
|
display: 'flex',
|
|
48
51
|
marginLeft: 'auto'
|
|
@@ -6,7 +6,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.InlineDialogFormWrapper = exports.InlineDialogContentWrapper = void 0;
|
|
7
7
|
var _react = require("@emotion/react");
|
|
8
8
|
var _ShareMenuItem = require("../ShareMenuItem");
|
|
9
|
-
/**
|
|
9
|
+
/**
|
|
10
|
+
* @jsxRuntime classic
|
|
11
|
+
* @jsx jsx
|
|
12
|
+
*/
|
|
10
13
|
|
|
11
14
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
12
15
|
|
|
@@ -10,7 +10,10 @@ var _react2 = require("@emotion/react");
|
|
|
10
10
|
var _reactIntlNext = require("react-intl-next");
|
|
11
11
|
var _typography = require("@atlaskit/theme/typography");
|
|
12
12
|
var _i18n = require("../i18n");
|
|
13
|
-
/**
|
|
13
|
+
/**
|
|
14
|
+
* @jsxRuntime classic
|
|
15
|
+
* @jsx jsx
|
|
16
|
+
*/
|
|
14
17
|
|
|
15
18
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
16
19
|
|
|
@@ -20,7 +20,10 @@ var _i18n = require("../i18n");
|
|
|
20
20
|
var _analytics = require("./analytics/analytics");
|
|
21
21
|
var _IntegrationButton = _interopRequireDefault(require("./IntegrationButton"));
|
|
22
22
|
var _excluded = ["triggerRef"];
|
|
23
|
-
/**
|
|
23
|
+
/**
|
|
24
|
+
* @jsxRuntime classic
|
|
25
|
+
* @jsx jsx
|
|
26
|
+
*/
|
|
24
27
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
25
28
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
26
29
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
@@ -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.18.
|
|
16
|
+
packageVersion: "4.18.11"
|
|
17
17
|
}, attributes);
|
|
18
18
|
};
|
|
19
19
|
var createEvent = function createEvent(eventType, source, action, actionSubject, actionSubjectId) {
|
|
@@ -1,12 +1,15 @@
|
|
|
1
1
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
|
-
/**
|
|
2
|
+
/**
|
|
3
|
+
* @jsxRuntime classic
|
|
4
|
+
* @jsx jsx
|
|
5
|
+
*/
|
|
3
6
|
import React from 'react';
|
|
4
7
|
|
|
5
8
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
6
9
|
import { css, jsx } from '@emotion/react';
|
|
7
10
|
import CheckCircleIcon from '@atlaskit/icon/glyph/check-circle';
|
|
8
11
|
import LinkFilledIcon from '@atlaskit/icon/glyph/link-filled';
|
|
9
|
-
import {
|
|
12
|
+
import { fg } from '@atlaskit/platform-feature-flags';
|
|
10
13
|
import Popup from '@atlaskit/popup';
|
|
11
14
|
import { Box, xcss } from '@atlaskit/primitives';
|
|
12
15
|
import { G300 } from '@atlaskit/theme/colors';
|
|
@@ -41,6 +44,7 @@ export const HiddenInput = /*#__PURE__*/React.forwardRef(
|
|
|
41
44
|
"aria-hidden": true,
|
|
42
45
|
ref: ref,
|
|
43
46
|
value: props.text,
|
|
47
|
+
"aria-label": props.label,
|
|
44
48
|
readOnly: true
|
|
45
49
|
}));
|
|
46
50
|
// eslint-disable-next-line @repo/internal/react/no-class-components
|
|
@@ -121,13 +125,15 @@ export class CopyLinkButton extends React.Component {
|
|
|
121
125
|
"aria-live": "assertive"
|
|
122
126
|
}, shouldShowCopiedMessage && copiedToClipboardText), jsx(HiddenInput, {
|
|
123
127
|
ref: this.inputRef,
|
|
124
|
-
text: this.props.link
|
|
128
|
+
text: this.props.link,
|
|
129
|
+
label: copiedToClipboardText
|
|
125
130
|
}), jsx(Popup, {
|
|
126
131
|
zIndex: Z_INDEX,
|
|
127
132
|
autoFocus: false,
|
|
128
133
|
content: () => jsx(InlineDialogContentWrapper, null, jsx("div", {
|
|
129
134
|
css: messageContainerStyle,
|
|
130
|
-
"data-testid": "message-container"
|
|
135
|
+
"data-testid": "message-container",
|
|
136
|
+
"aria-hidden": true
|
|
131
137
|
}, jsx(React.Fragment, null, jsx(CheckCircleIcon, {
|
|
132
138
|
label: "",
|
|
133
139
|
primaryColor: `var(--ds-icon-success, ${G300})`
|
|
@@ -141,7 +147,7 @@ export class CopyLinkButton extends React.Component {
|
|
|
141
147
|
content: copyTooltipText,
|
|
142
148
|
position: "bottom-start"
|
|
143
149
|
}, this.renderTriggerButton(triggerProps)) : this.renderTriggerButton(triggerProps),
|
|
144
|
-
shouldRenderToParent:
|
|
150
|
+
shouldRenderToParent: fg('platform.enable-appropriate-reading-order-in-share-dialog_fu49') ? true : false
|
|
145
151
|
}));
|
|
146
152
|
}
|
|
147
153
|
}
|
|
@@ -1,5 +1,8 @@
|
|
|
1
1
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
|
-
/**
|
|
2
|
+
/**
|
|
3
|
+
* @jsxRuntime classic
|
|
4
|
+
* @jsx jsx
|
|
5
|
+
*/
|
|
3
6
|
import React from 'react';
|
|
4
7
|
|
|
5
8
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
2
|
import _extends from "@babel/runtime/helpers/extends";
|
|
3
|
-
/**
|
|
3
|
+
/**
|
|
4
|
+
* @jsxRuntime classic
|
|
5
|
+
* @jsx jsx
|
|
6
|
+
*/
|
|
4
7
|
import React from 'react';
|
|
5
8
|
|
|
6
9
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
@@ -1,5 +1,8 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
|
-
/**
|
|
2
|
+
/**
|
|
3
|
+
* @jsxRuntime classic
|
|
4
|
+
* @jsx jsx
|
|
5
|
+
*/
|
|
3
6
|
import React, { useCallback } from 'react';
|
|
4
7
|
|
|
5
8
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { isEmail, isExternalUser, isTeam, isUser } from '@atlaskit/smart-user-picker';
|
|
2
2
|
const buildAttributes = (attributes = {}) => ({
|
|
3
3
|
packageName: "@atlaskit/share",
|
|
4
|
-
packageVersion: "4.18.
|
|
4
|
+
packageVersion: "4.18.11",
|
|
5
5
|
...attributes
|
|
6
6
|
});
|
|
7
7
|
const createEvent = (eventType, source, action, actionSubject, actionSubjectId, attributes = {}) => ({
|
|
@@ -7,14 +7,17 @@ import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
|
|
|
7
7
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
8
8
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
9
9
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
10
|
-
/**
|
|
10
|
+
/**
|
|
11
|
+
* @jsxRuntime classic
|
|
12
|
+
* @jsx jsx
|
|
13
|
+
*/
|
|
11
14
|
import React from 'react';
|
|
12
15
|
|
|
13
16
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
14
17
|
import { css, jsx } from '@emotion/react';
|
|
15
18
|
import CheckCircleIcon from '@atlaskit/icon/glyph/check-circle';
|
|
16
19
|
import LinkFilledIcon from '@atlaskit/icon/glyph/link-filled';
|
|
17
|
-
import {
|
|
20
|
+
import { fg } from '@atlaskit/platform-feature-flags';
|
|
18
21
|
import Popup from '@atlaskit/popup';
|
|
19
22
|
import { Box, xcss } from '@atlaskit/primitives';
|
|
20
23
|
import { G300 } from '@atlaskit/theme/colors';
|
|
@@ -49,6 +52,7 @@ function (props, ref) {
|
|
|
49
52
|
"aria-hidden": true,
|
|
50
53
|
ref: ref,
|
|
51
54
|
value: props.text,
|
|
55
|
+
"aria-label": props.label,
|
|
52
56
|
readOnly: true
|
|
53
57
|
});
|
|
54
58
|
});
|
|
@@ -139,14 +143,16 @@ export var CopyLinkButton = /*#__PURE__*/function (_React$Component) {
|
|
|
139
143
|
"aria-live": "assertive"
|
|
140
144
|
}, shouldShowCopiedMessage && copiedToClipboardText), jsx(HiddenInput, {
|
|
141
145
|
ref: this.inputRef,
|
|
142
|
-
text: this.props.link
|
|
146
|
+
text: this.props.link,
|
|
147
|
+
label: copiedToClipboardText
|
|
143
148
|
}), jsx(Popup, {
|
|
144
149
|
zIndex: Z_INDEX,
|
|
145
150
|
autoFocus: false,
|
|
146
151
|
content: function content() {
|
|
147
152
|
return jsx(InlineDialogContentWrapper, null, jsx("div", {
|
|
148
153
|
css: messageContainerStyle,
|
|
149
|
-
"data-testid": "message-container"
|
|
154
|
+
"data-testid": "message-container",
|
|
155
|
+
"aria-hidden": true
|
|
150
156
|
}, jsx(React.Fragment, null, jsx(CheckCircleIcon, {
|
|
151
157
|
label: "",
|
|
152
158
|
primaryColor: "var(--ds-icon-success, ".concat(G300, ")")
|
|
@@ -163,7 +169,7 @@ export var CopyLinkButton = /*#__PURE__*/function (_React$Component) {
|
|
|
163
169
|
position: "bottom-start"
|
|
164
170
|
}, _this2.renderTriggerButton(triggerProps)) : _this2.renderTriggerButton(triggerProps);
|
|
165
171
|
},
|
|
166
|
-
shouldRenderToParent:
|
|
172
|
+
shouldRenderToParent: fg('platform.enable-appropriate-reading-order-in-share-dialog_fu49') ? true : false
|
|
167
173
|
}));
|
|
168
174
|
}
|
|
169
175
|
}]);
|
|
@@ -2,7 +2,10 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
|
|
|
2
2
|
import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
|
|
3
3
|
var _excluded = ["text", "textColor", "IntegrationIcon"];
|
|
4
4
|
var _templateObject, _templateObject2;
|
|
5
|
-
/**
|
|
5
|
+
/**
|
|
6
|
+
* @jsxRuntime classic
|
|
7
|
+
* @jsx jsx
|
|
8
|
+
*/
|
|
6
9
|
import React from 'react';
|
|
7
10
|
|
|
8
11
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
|
|
2
2
|
var _templateObject;
|
|
3
|
-
/**
|
|
3
|
+
/**
|
|
4
|
+
* @jsxRuntime classic
|
|
5
|
+
* @jsx jsx
|
|
6
|
+
*/
|
|
4
7
|
import React from 'react';
|
|
5
8
|
|
|
6
9
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
@@ -11,7 +11,10 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
|
|
|
11
11
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
12
12
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
13
13
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
14
|
-
/**
|
|
14
|
+
/**
|
|
15
|
+
* @jsxRuntime classic
|
|
16
|
+
* @jsx jsx
|
|
17
|
+
*/
|
|
15
18
|
import React from 'react';
|
|
16
19
|
|
|
17
20
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
@@ -10,7 +10,10 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
|
|
|
10
10
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
11
11
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
12
12
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
13
|
-
/**
|
|
13
|
+
/**
|
|
14
|
+
* @jsxRuntime classic
|
|
15
|
+
* @jsx jsx
|
|
16
|
+
*/
|
|
14
17
|
import React from 'react';
|
|
15
18
|
|
|
16
19
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
@@ -2,7 +2,10 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
|
|
|
2
2
|
import _extends from "@babel/runtime/helpers/extends";
|
|
3
3
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
4
4
|
var _excluded = ["triggerRef"];
|
|
5
|
-
/**
|
|
5
|
+
/**
|
|
6
|
+
* @jsxRuntime classic
|
|
7
|
+
* @jsx jsx
|
|
8
|
+
*/
|
|
6
9
|
import React, { useCallback } from 'react';
|
|
7
10
|
|
|
8
11
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
@@ -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.18.
|
|
9
|
+
packageVersion: "4.18.11"
|
|
10
10
|
}, attributes);
|
|
11
11
|
};
|
|
12
12
|
var createEvent = function createEvent(eventType, source, action, actionSubject, actionSubjectId) {
|
|
@@ -1,4 +1,7 @@
|
|
|
1
|
-
/**
|
|
1
|
+
/**
|
|
2
|
+
* @jsxRuntime classic
|
|
3
|
+
* @jsx jsx
|
|
4
|
+
*/
|
|
2
5
|
import React, { type ReactElement } from 'react';
|
|
3
6
|
import { jsx } from '@emotion/react';
|
|
4
7
|
import { type TriggerProps } from '@atlaskit/popup';
|
|
@@ -6,6 +9,7 @@ export declare const AUTO_DISMISS_MS: number;
|
|
|
6
9
|
export declare const messageContainerStyle: import("@emotion/react").SerializedStyles;
|
|
7
10
|
type InputProps = {
|
|
8
11
|
text: string;
|
|
12
|
+
label: string;
|
|
9
13
|
};
|
|
10
14
|
export declare const HiddenInput: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
|
|
11
15
|
export type Props = {
|
|
@@ -1,4 +1,7 @@
|
|
|
1
|
-
/**
|
|
1
|
+
/**
|
|
2
|
+
* @jsxRuntime classic
|
|
3
|
+
* @jsx jsx
|
|
4
|
+
*/
|
|
2
5
|
import React from 'react';
|
|
3
6
|
import { type WrappedComponentProps } from 'react-intl-next';
|
|
4
7
|
import { type FormChildrenArgs, type MenuType, type ShareData, type ShareFormProps, TabType } from '../types';
|
|
@@ -1,4 +1,7 @@
|
|
|
1
|
-
/**
|
|
1
|
+
/**
|
|
2
|
+
* @jsxRuntime classic
|
|
3
|
+
* @jsx jsx
|
|
4
|
+
*/
|
|
2
5
|
import React, { type ReactElement } from 'react';
|
|
3
6
|
import { jsx } from '@emotion/react';
|
|
4
7
|
import { type TriggerProps } from '@atlaskit/popup';
|
|
@@ -6,6 +9,7 @@ export declare const AUTO_DISMISS_MS: number;
|
|
|
6
9
|
export declare const messageContainerStyle: import("@emotion/react").SerializedStyles;
|
|
7
10
|
type InputProps = {
|
|
8
11
|
text: string;
|
|
12
|
+
label: string;
|
|
9
13
|
};
|
|
10
14
|
export declare const HiddenInput: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
|
|
11
15
|
export type Props = {
|
|
@@ -1,4 +1,7 @@
|
|
|
1
|
-
/**
|
|
1
|
+
/**
|
|
2
|
+
* @jsxRuntime classic
|
|
3
|
+
* @jsx jsx
|
|
4
|
+
*/
|
|
2
5
|
import React from 'react';
|
|
3
6
|
import { type WrappedComponentProps } from 'react-intl-next';
|
|
4
7
|
import { type FormChildrenArgs, type MenuType, type ShareData, type ShareFormProps, TabType } from '../types';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/share",
|
|
3
|
-
"version": "4.18.
|
|
3
|
+
"version": "4.18.11",
|
|
4
4
|
"description": "Fabric Share Element",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -45,7 +45,7 @@
|
|
|
45
45
|
"@atlaskit/button": "^19.0.0",
|
|
46
46
|
"@atlaskit/dropdown-menu": "^12.14.0",
|
|
47
47
|
"@atlaskit/form": "^10.4.0",
|
|
48
|
-
"@atlaskit/icon": "^22.
|
|
48
|
+
"@atlaskit/icon": "^22.7.0",
|
|
49
49
|
"@atlaskit/menu": "^2.8.0",
|
|
50
50
|
"@atlaskit/platform-feature-flags": "^0.3.0",
|
|
51
51
|
"@atlaskit/popper": "^6.1.0",
|