@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.
Files changed (51) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/cjs/components/CopyLinkButton.js +10 -4
  3. package/dist/cjs/components/IntegrationButton.js +4 -1
  4. package/dist/cjs/components/IntegrationForm.js +4 -1
  5. package/dist/cjs/components/LazyShareForm/LazyShareForm.js +4 -1
  6. package/dist/cjs/components/LazyShareForm/lazy.js +4 -1
  7. package/dist/cjs/components/ShareDialogWithTrigger.js +4 -1
  8. package/dist/cjs/components/ShareForm.js +4 -1
  9. package/dist/cjs/components/ShareFormWrapper/styled.js +4 -1
  10. package/dist/cjs/components/ShareHeader.js +4 -1
  11. package/dist/cjs/components/SplitButton.js +4 -1
  12. package/dist/cjs/components/analytics/analytics.js +1 -1
  13. package/dist/es2019/components/CopyLinkButton.js +11 -5
  14. package/dist/es2019/components/IntegrationButton.js +4 -1
  15. package/dist/es2019/components/IntegrationForm.js +4 -1
  16. package/dist/es2019/components/LazyShareForm/LazyShareForm.js +4 -1
  17. package/dist/es2019/components/LazyShareForm/lazy.js +4 -1
  18. package/dist/es2019/components/ShareDialogWithTrigger.js +4 -1
  19. package/dist/es2019/components/ShareForm.js +4 -1
  20. package/dist/es2019/components/ShareFormWrapper/styled.js +4 -1
  21. package/dist/es2019/components/ShareHeader.js +4 -1
  22. package/dist/es2019/components/SplitButton.js +4 -1
  23. package/dist/es2019/components/analytics/analytics.js +1 -1
  24. package/dist/esm/components/CopyLinkButton.js +11 -5
  25. package/dist/esm/components/IntegrationButton.js +4 -1
  26. package/dist/esm/components/IntegrationForm.js +4 -1
  27. package/dist/esm/components/LazyShareForm/LazyShareForm.js +4 -1
  28. package/dist/esm/components/LazyShareForm/lazy.js +4 -1
  29. package/dist/esm/components/ShareDialogWithTrigger.js +4 -1
  30. package/dist/esm/components/ShareForm.js +4 -1
  31. package/dist/esm/components/ShareFormWrapper/styled.js +4 -1
  32. package/dist/esm/components/ShareHeader.js +4 -1
  33. package/dist/esm/components/SplitButton.js +4 -1
  34. package/dist/esm/components/analytics/analytics.js +1 -1
  35. package/dist/types/components/CopyLinkButton.d.ts +5 -1
  36. package/dist/types/components/IntegrationButton.d.ts +4 -1
  37. package/dist/types/components/IntegrationForm.d.ts +4 -1
  38. package/dist/types/components/ShareDialogWithTrigger.d.ts +4 -1
  39. package/dist/types/components/ShareForm.d.ts +4 -1
  40. package/dist/types/components/ShareFormWrapper/styled.d.ts +4 -1
  41. package/dist/types/components/ShareHeader.d.ts +4 -1
  42. package/dist/types/components/SplitButton.d.ts +4 -1
  43. package/dist/types-ts4.5/components/CopyLinkButton.d.ts +5 -1
  44. package/dist/types-ts4.5/components/IntegrationButton.d.ts +4 -1
  45. package/dist/types-ts4.5/components/IntegrationForm.d.ts +4 -1
  46. package/dist/types-ts4.5/components/ShareDialogWithTrigger.d.ts +4 -1
  47. package/dist/types-ts4.5/components/ShareForm.d.ts +4 -1
  48. package/dist/types-ts4.5/components/ShareFormWrapper/styled.d.ts +4 -1
  49. package/dist/types-ts4.5/components/ShareHeader.d.ts +4 -1
  50. package/dist/types-ts4.5/components/SplitButton.d.ts +4 -1
  51. 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; })(); } /** @jsx jsx */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
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.getBooleanFF)('platform.enable-appropriate-reading-order-in-share-dialog_fu49') ? true : false
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
- /** @jsx jsx */
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
- /** @jsx jsx */
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
- /** @jsx jsx */
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; } /** @jsx jsx */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
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; })(); } /** @jsx jsx */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
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; })(); } /** @jsx jsx */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
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
- /** @jsx jsx */
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
- /** @jsx jsx */
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
- /** @jsx jsx */
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.10"
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
- /** @jsx jsx */
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 { getBooleanFF } from '@atlaskit/platform-feature-flags';
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: getBooleanFF('platform.enable-appropriate-reading-order-in-share-dialog_fu49') ? true : false
150
+ shouldRenderToParent: fg('platform.enable-appropriate-reading-order-in-share-dialog_fu49') ? true : false
145
151
  }));
146
152
  }
147
153
  }
@@ -1,4 +1,7 @@
1
- /** @jsx jsx */
1
+ /**
2
+ * @jsxRuntime classic
3
+ * @jsx jsx
4
+ */
2
5
  import React from 'react';
3
6
 
4
7
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
@@ -1,4 +1,7 @@
1
- /** @jsx jsx */
1
+ /**
2
+ * @jsxRuntime classic
3
+ * @jsx jsx
4
+ */
2
5
  import React from 'react';
3
6
 
4
7
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
@@ -1,4 +1,7 @@
1
- /** @jsx jsx */
1
+ /**
2
+ * @jsxRuntime classic
3
+ * @jsx jsx
4
+ */
2
5
  /** @jsxFrag */
3
6
  import React from 'react';
4
7
 
@@ -1,4 +1,7 @@
1
- /** @jsx jsx */
1
+ /**
2
+ * @jsxRuntime classic
3
+ * @jsx jsx
4
+ */
2
5
  import React from 'react';
3
6
 
4
7
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
@@ -1,5 +1,8 @@
1
1
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
- /** @jsx jsx */
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
- /** @jsx jsx */
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,4 +1,7 @@
1
- /** @jsx jsx */
1
+ /**
2
+ * @jsxRuntime classic
3
+ * @jsx jsx
4
+ */
2
5
 
3
6
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
4
7
  import { css, jsx } from '@emotion/react';
@@ -1,4 +1,7 @@
1
- /** @jsx jsx */
1
+ /**
2
+ * @jsxRuntime classic
3
+ * @jsx jsx
4
+ */
2
5
  import React from 'react';
3
6
 
4
7
  // 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
- /** @jsx jsx */
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.10",
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
- /** @jsx jsx */
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 { getBooleanFF } from '@atlaskit/platform-feature-flags';
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: getBooleanFF('platform.enable-appropriate-reading-order-in-share-dialog_fu49') ? true : false
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
- /** @jsx jsx */
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
- /** @jsx jsx */
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,4 +1,7 @@
1
- /** @jsx jsx */
1
+ /**
2
+ * @jsxRuntime classic
3
+ * @jsx jsx
4
+ */
2
5
  /** @jsxFrag */
3
6
  import React from 'react';
4
7
 
@@ -1,4 +1,7 @@
1
- /** @jsx jsx */
1
+ /**
2
+ * @jsxRuntime classic
3
+ * @jsx jsx
4
+ */
2
5
  import React from 'react';
3
6
 
4
7
  // 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
- /** @jsx jsx */
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
- /** @jsx jsx */
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
@@ -1,4 +1,7 @@
1
- /** @jsx jsx */
1
+ /**
2
+ * @jsxRuntime classic
3
+ * @jsx jsx
4
+ */
2
5
 
3
6
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
4
7
  import { css, jsx } from '@emotion/react';
@@ -1,4 +1,7 @@
1
- /** @jsx jsx */
1
+ /**
2
+ * @jsxRuntime classic
3
+ * @jsx jsx
4
+ */
2
5
  import React from 'react';
3
6
 
4
7
  // 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
- /** @jsx jsx */
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.10"
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
- /** @jsx jsx */
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
- /** @jsx jsx */
1
+ /**
2
+ * @jsxRuntime classic
3
+ * @jsx jsx
4
+ */
2
5
  import React from 'react';
3
6
  import { type CustomThemeButtonProps } from '@atlaskit/button/types';
4
7
  type Props = CustomThemeButtonProps & {
@@ -1,4 +1,7 @@
1
- /** @jsx jsx */
1
+ /**
2
+ * @jsxRuntime classic
3
+ * @jsx jsx
4
+ */
2
5
  import React from 'react';
3
6
  import { jsx } from '@emotion/react';
4
7
  import { type IntegrationContentProps } from '../types';
@@ -1,4 +1,7 @@
1
- /** @jsx jsx */
1
+ /**
2
+ * @jsxRuntime classic
3
+ * @jsx jsx
4
+ */
2
5
  import React from 'react';
3
6
  import { jsx } from '@emotion/react';
4
7
  import { type WrappedComponentProps } from 'react-intl-next';
@@ -1,4 +1,7 @@
1
- /** @jsx jsx */
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
- /** @jsx jsx */
1
+ /**
2
+ * @jsxRuntime classic
3
+ * @jsx jsx
4
+ */
2
5
  import { type PropsWithChildren } from 'react';
3
6
  import { jsx } from '@emotion/react';
4
7
  import { type IntegrationMode } from '../../types/ShareEntities';
@@ -1,4 +1,7 @@
1
- /** @jsx jsx */
1
+ /**
2
+ * @jsxRuntime classic
3
+ * @jsx jsx
4
+ */
2
5
  import React from 'react';
3
6
  import { type Theme } from '@emotion/react';
4
7
  export type Props = {
@@ -1,4 +1,7 @@
1
- /** @jsx jsx */
1
+ /**
2
+ * @jsxRuntime classic
3
+ * @jsx jsx
4
+ */
2
5
  import React from 'react';
3
6
  import { type AnalyticsEventPayload } from '@atlaskit/analytics-next';
4
7
  import { type IconButtonProps } from '@atlaskit/button/new';
@@ -1,4 +1,7 @@
1
- /** @jsx jsx */
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
- /** @jsx jsx */
1
+ /**
2
+ * @jsxRuntime classic
3
+ * @jsx jsx
4
+ */
2
5
  import React from 'react';
3
6
  import { type CustomThemeButtonProps } from '@atlaskit/button/types';
4
7
  type Props = CustomThemeButtonProps & {
@@ -1,4 +1,7 @@
1
- /** @jsx jsx */
1
+ /**
2
+ * @jsxRuntime classic
3
+ * @jsx jsx
4
+ */
2
5
  import React from 'react';
3
6
  import { jsx } from '@emotion/react';
4
7
  import { type IntegrationContentProps } from '../types';
@@ -1,4 +1,7 @@
1
- /** @jsx jsx */
1
+ /**
2
+ * @jsxRuntime classic
3
+ * @jsx jsx
4
+ */
2
5
  import React from 'react';
3
6
  import { jsx } from '@emotion/react';
4
7
  import { type WrappedComponentProps } from 'react-intl-next';
@@ -1,4 +1,7 @@
1
- /** @jsx jsx */
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
- /** @jsx jsx */
1
+ /**
2
+ * @jsxRuntime classic
3
+ * @jsx jsx
4
+ */
2
5
  import { type PropsWithChildren } from 'react';
3
6
  import { jsx } from '@emotion/react';
4
7
  import { type IntegrationMode } from '../../types/ShareEntities';
@@ -1,4 +1,7 @@
1
- /** @jsx jsx */
1
+ /**
2
+ * @jsxRuntime classic
3
+ * @jsx jsx
4
+ */
2
5
  import React from 'react';
3
6
  import { type Theme } from '@emotion/react';
4
7
  export type Props = {
@@ -1,4 +1,7 @@
1
- /** @jsx jsx */
1
+ /**
2
+ * @jsxRuntime classic
3
+ * @jsx jsx
4
+ */
2
5
  import React from 'react';
3
6
  import { type AnalyticsEventPayload } from '@atlaskit/analytics-next';
4
7
  import { type IconButtonProps } from '@atlaskit/button/new';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/share",
3
- "version": "4.18.10",
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.6.0",
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",