@atlaskit/share 4.8.0 → 4.10.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/share
 
+## 4.10.0
+
+### Minor Changes
+
+- [#67129](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/67129) [`ecdf504e06ab`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/ecdf504e06ab) - Removed aria-expanded from share button, added aria-haspopup='dialog' to share button
+
+## 4.9.0
+
+### Minor Changes
+
+- [#65564](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/65564) [`a6abbb0d08f5`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/a6abbb0d08f5) - Set autoFoucus to false for CopyLinkButton status message
+
 ## 4.8.0
 
 ### Minor Changes

package/dist/cjs/components/CopyLinkButton.js

@@ -133,6 +133,7 @@ var CopyLinkButton = exports.CopyLinkButton = /*#__PURE__*/function (_React$Comp
         text: this.props.link
       }), (0, _react2.jsx)(_popup.default, {
         zIndex: Z_INDEX,
+        autoFocus: false,
         content: function content() {
           return (0, _react2.jsx)(_styled.InlineDialogContentWrapper, null, (0, _react2.jsx)("div", {
             css: messageContainerStyle,

package/dist/cjs/components/ShareButton.js

@@ -18,7 +18,7 @@ function ShareButton(_ref, ref) {
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(_customThemeButton.default, (0, _extends2.default)({
     ref: ref,
-    "aria-expanded": props.isSelected
+    "aria-haspopup": "dialog"
   }, props), text);
 });
 ShareButton.displayName = 'ShareButton';

package/dist/cjs/components/ShareDialogWithTrigger.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.defaultShareContentState = exports.ShareDialogWithTriggerInternal = exports.ShareDialogWithTrigger = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
@@ -360,7 +359,7 @@ var ShareDialogWithTriggerInternal = exports.ShareDialogWithTriggerInternal = /*
           onClick: _this.onTriggerClick
         }, triggerProps);
       } else {
-        button = (0, _react2.jsx)(_ShareButton.default, (0, _extends2.default)({
+        button = (0, _react2.jsx)(_ShareButton.default, {
           appearance: triggerButtonAppearance,
           text: triggerButtonStyle !== 'icon-only' ? (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _i18n.messages.shareTriggerButtonText) : null,
           "aria-label": formatMessage(_i18n.messages.shareTriggerButtonText),
@@ -369,8 +368,9 @@ var ShareDialogWithTriggerInternal = exports.ShareDialogWithTriggerInternal = /*
             label: ""
           }) : undefined,
           isSelected: isDialogOpen,
-          isDisabled: isDisabled
-        }, triggerProps));
+          isDisabled: isDisabled,
+          ref: triggerProps.ref
+        });
       }
 
       // If the button only shows the icon, wrap it in a tooltip containing the button text.

package/dist/cjs/components/analytics/analytics.js

@@ -13,7 +13,7 @@ var buildAttributes = function buildAttributes() {
   var attributes = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return _objectSpread({
     packageName: "@atlaskit/share",
-    packageVersion: "4.8.0"
+    packageVersion: "4.10.0"
   }, attributes);
 };
 var createEvent = function createEvent(eventType, source, action, actionSubject, actionSubjectId) {

package/dist/es2019/components/CopyLinkButton.js

@@ -112,6 +112,7 @@ export class CopyLinkButton extends React.Component {
       text: this.props.link
     }), jsx(Popup, {
       zIndex: Z_INDEX,
+      autoFocus: false,
       content: () => jsx(InlineDialogContentWrapper, null, jsx("div", {
         css: messageContainerStyle,
         "data-testid": "message-container"

package/dist/es2019/components/ShareButton.js

@@ -10,7 +10,7 @@ function ShareButton({
 }, ref) {
   return /*#__PURE__*/React.createElement(Button, _extends({
     ref: ref,
-    "aria-expanded": props.isSelected
+    "aria-haspopup": "dialog"
   }, props), text);
 });
 ShareButton.displayName = 'ShareButton';

package/dist/es2019/components/ShareDialogWithTrigger.js

@@ -1,4 +1,3 @@
-import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 /** @jsx jsx */
 import React from 'react';
@@ -341,7 +340,7 @@ export class ShareDialogWithTriggerInternal extends React.PureComponent {
           onClick: this.onTriggerClick
         }, triggerProps);
       } else {
-        button = jsx(ShareButton, _extends({
+        button = jsx(ShareButton, {
           appearance: triggerButtonAppearance,
           text: triggerButtonStyle !== 'icon-only' ? jsx(FormattedMessage, messages.shareTriggerButtonText) : null,
           "aria-label": formatMessage(messages.shareTriggerButtonText),
@@ -350,8 +349,9 @@ export class ShareDialogWithTriggerInternal extends React.PureComponent {
             label: ""
           }) : undefined,
           isSelected: isDialogOpen,
-          isDisabled: isDisabled
-        }, triggerProps));
+          isDisabled: isDisabled,
+          ref: triggerProps.ref
+        });
       }
 
       // If the button only shows the icon, wrap it in a tooltip containing the button text.

package/dist/es2019/components/analytics/analytics.js

@@ -1,7 +1,7 @@
 import { isEmail, isTeam, isUser } from '@atlaskit/smart-user-picker';
 const buildAttributes = (attributes = {}) => ({
   packageName: "@atlaskit/share",
-  packageVersion: "4.8.0",
+  packageVersion: "4.10.0",
   ...attributes
 });
 const createEvent = (eventType, source, action, actionSubject, actionSubjectId, attributes = {}) => ({

package/dist/esm/components/CopyLinkButton.js

@@ -126,6 +126,7 @@ export var CopyLinkButton = /*#__PURE__*/function (_React$Component) {
         text: this.props.link
       }), jsx(Popup, {
         zIndex: Z_INDEX,
+        autoFocus: false,
         content: function content() {
           return jsx(InlineDialogContentWrapper, null, jsx("div", {
             css: messageContainerStyle,

package/dist/esm/components/ShareButton.js

@@ -11,7 +11,7 @@ function ShareButton(_ref, ref) {
     props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement(Button, _extends({
     ref: ref,
-    "aria-expanded": props.isSelected
+    "aria-haspopup": "dialog"
   }, props), text);
 });
 ShareButton.displayName = 'ShareButton';

package/dist/esm/components/ShareDialogWithTrigger.js

@@ -1,4 +1,3 @@
-import _extends from "@babel/runtime/helpers/extends";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
@@ -356,7 +355,7 @@ export var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureCo
           onClick: _this.onTriggerClick
         }, triggerProps);
       } else {
-        button = jsx(ShareButton, _extends({
+        button = jsx(ShareButton, {
           appearance: triggerButtonAppearance,
           text: triggerButtonStyle !== 'icon-only' ? jsx(FormattedMessage, messages.shareTriggerButtonText) : null,
           "aria-label": formatMessage(messages.shareTriggerButtonText),
@@ -365,8 +364,9 @@ export var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureCo
             label: ""
           }) : undefined,
           isSelected: isDialogOpen,
-          isDisabled: isDisabled
-        }, triggerProps));
+          isDisabled: isDisabled,
+          ref: triggerProps.ref
+        });
       }
 
       // If the button only shows the icon, wrap it in a tooltip containing the button text.

package/dist/esm/components/analytics/analytics.js

@@ -6,7 +6,7 @@ var buildAttributes = function buildAttributes() {
   var attributes = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return _objectSpread({
     packageName: "@atlaskit/share",
-    packageVersion: "4.8.0"
+    packageVersion: "4.10.0"
   }, attributes);
 };
 var createEvent = function createEvent(eventType, source, action, actionSubject, actionSubjectId) {

package/dist/types/components/ShareHeader.d.ts

@@ -5,4 +5,4 @@ export type Props = {
     title?: React.ReactNode;
 };
 export declare const getFormHeaderTitleStyles: (theme: Theme) => import("@emotion/react").SerializedStyles;
-export declare const ShareHeader: React.StatelessComponent<Props>;
+export declare const ShareHeader: React.FunctionComponent<Props>;

package/dist/types-ts4.5/components/ShareHeader.d.ts

@@ -5,4 +5,4 @@ export type Props = {
     title?: React.ReactNode;
 };
 export declare const getFormHeaderTitleStyles: (theme: Theme) => import("@emotion/react").SerializedStyles;
-export declare const ShareHeader: React.StatelessComponent<Props>;
+export declare const ShareHeader: React.FunctionComponent<Props>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/share",
-  "version": "4.8.0",
+  "version": "4.10.0",
   "description": "Fabric Share Element",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"