@atlaskit/share 4.7.3 → 4.9.0

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/share
 
+## 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
+
+- [#64902](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/64902) [`3104089c23f8`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/3104089c23f8) - Removed aria props from CopyLinkButton so that screen reader won't identify it as a collapsed button
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 4.7.3
 
 ### Patch Changes

package/dist/cjs/components/CopyLinkButton.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.messageContainerStyle = exports.default = exports.HiddenInput = exports.CopyLinkButton = exports.AUTO_DISMISS_MS = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
@@ -99,7 +98,7 @@ var CopyLinkButton = exports.CopyLinkButton = /*#__PURE__*/function (_React$Comp
         copyLinkButtonText = _this$props.copyLinkButtonText,
         children = _this$props.children,
         iconBefore = _this$props.iconBefore;
-      return (0, _react2.jsx)(_styles.default, (0, _extends2.default)({
+      return (0, _react2.jsx)(_styles.default, {
         "aria-label": copyLinkButtonText,
         isDisabled: isDisabled,
         appearance: "subtle-link",
@@ -107,8 +106,9 @@ var CopyLinkButton = exports.CopyLinkButton = /*#__PURE__*/function (_React$Comp
           label: "",
           size: "medium"
         }),
-        onClick: _this.handleClick
-      }, triggerProps), children || copyLinkButtonText);
+        onClick: _this.handleClick,
+        ref: triggerProps.ref
+      }, children || copyLinkButtonText);
     });
     return _this;
   }
@@ -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/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.7.3"
+    packageVersion: "4.9.0"
   }, attributes);
 };
 var createEvent = function createEvent(eventType, source, action, actionSubject, actionSubjectId) {

package/dist/es2019/components/CopyLinkButton.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';
@@ -81,7 +80,7 @@ export class CopyLinkButton extends React.Component {
         children,
         iconBefore
       } = this.props;
-      return jsx(Button, _extends({
+      return jsx(Button, {
         "aria-label": copyLinkButtonText,
         isDisabled: isDisabled,
         appearance: "subtle-link",
@@ -89,8 +88,9 @@ export class CopyLinkButton extends React.Component {
           label: "",
           size: "medium"
         }),
-        onClick: this.handleClick
-      }, triggerProps), children || copyLinkButtonText);
+        onClick: this.handleClick,
+        ref: triggerProps.ref
+      }, children || copyLinkButtonText);
     });
   }
   componentWillUnmount() {
@@ -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/analytics/analytics.js

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

package/dist/esm/components/CopyLinkButton.js

@@ -1,4 +1,3 @@
-import _extends from "@babel/runtime/helpers/extends";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
@@ -92,7 +91,7 @@ export var CopyLinkButton = /*#__PURE__*/function (_React$Component) {
         copyLinkButtonText = _this$props.copyLinkButtonText,
         children = _this$props.children,
         iconBefore = _this$props.iconBefore;
-      return jsx(Button, _extends({
+      return jsx(Button, {
         "aria-label": copyLinkButtonText,
         isDisabled: isDisabled,
         appearance: "subtle-link",
@@ -100,8 +99,9 @@ export var CopyLinkButton = /*#__PURE__*/function (_React$Component) {
           label: "",
           size: "medium"
         }),
-        onClick: _this.handleClick
-      }, triggerProps), children || copyLinkButtonText);
+        onClick: _this.handleClick,
+        ref: triggerProps.ref
+      }, children || copyLinkButtonText);
     });
     return _this;
   }
@@ -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/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.7.3"
+    packageVersion: "4.9.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/components/styles.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import { CustomThemeButtonProps } from '@atlaskit/button/types';
 export declare const MAX_PICKER_HEIGHT = 102;
-declare const StyledButton: React.StatelessComponent<CustomThemeButtonProps>;
+declare const StyledButton: React.ForwardRefExoticComponent<Omit<import("@atlaskit/button/types").BaseProps, "overlay"> & import("@atlaskit/button/custom-theme-button").CustomThemeButtonOwnProps & React.RefAttributes<HTMLElement>>;
 export default StyledButton;

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/dist/types-ts4.5/components/styles.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import { CustomThemeButtonProps } from '@atlaskit/button/types';
 export declare const MAX_PICKER_HEIGHT = 102;
-declare const StyledButton: React.StatelessComponent<CustomThemeButtonProps>;
+declare const StyledButton: React.ForwardRefExoticComponent<Omit<import("@atlaskit/button/types").BaseProps, "overlay"> & import("@atlaskit/button/custom-theme-button").CustomThemeButtonOwnProps & React.RefAttributes<HTMLElement>>;
 export default StyledButton;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/share",
-  "version": "4.7.3",
+  "version": "4.9.0",
   "description": "Fabric Share Element",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -39,7 +39,7 @@
   },
   "dependencies": {
     "@atlaskit/analytics-next": "^9.1.0",
-    "@atlaskit/button": "^17.0.0",
+    "@atlaskit/button": "^17.2.0",
     "@atlaskit/dropdown-menu": "^12.1.0",
     "@atlaskit/form": "^9.0.3",
     "@atlaskit/icon": "^22.0.0",
@@ -51,8 +51,8 @@
     "@atlaskit/tabs": "^14.0.0",
     "@atlaskit/textarea": "^5.0.0",
     "@atlaskit/theme": "^12.6.0",
-    "@atlaskit/tokens": "^1.30.0",
-    "@atlaskit/tooltip": "^18.0.0",
+    "@atlaskit/tokens": "^1.33.0",
+    "@atlaskit/tooltip": "^18.1.0",
     "@atlaskit/ufo": "^0.2.0",
     "@atlaskit/user-picker": "^10.13.0",
     "@atlaskit/util-service-support": "^6.2.0",
@@ -69,7 +69,7 @@
     "react": "^16.8.0"
   },
   "devDependencies": {
-    "@atlaskit/editor-test-helpers": "^18.14.0",
+    "@atlaskit/editor-test-helpers": "^18.15.0",
     "@atlaskit/flag": "^15.2.0",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
     "@testing-library/react": "^12.1.5",