@atlaskit/button 16.15.0 → 16.16.1

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/button
 
+## 16.16.1
+
+### Patch Changes
+
+- Updated dependencies
+
+## 16.16.0
+
+### Minor Changes
+
+- [#42973](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/42973) [`0fe0a5121a7`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0fe0a5121a7) - Add missing `testId` prop to `<ButtonGroup>` to enable testing
+
 ## 16.15.0
 
 ### Minor Changes

package/dist/cjs/containers/button-group.js

@@ -21,9 +21,11 @@ var buttonGroupStyles = (0, _react2.css)({
 });
 function ButtonGroup(_ref) {
   var appearance = _ref.appearance,
-    children = _ref.children;
+    children = _ref.children,
+    testId = _ref.testId;
   return (0, _react2.jsx)("div", {
-    css: buttonGroupStyles
+    css: buttonGroupStyles,
+    "data-testid": testId
   }, _react.default.Children.map(_react.default.Children.toArray(children), function (child, idx) {
     if (!child) {
       return null;

package/dist/cjs/new-button/variants/shared/use-button-base.js

@@ -115,7 +115,7 @@ var useButtonBase = function useButtonBase(_ref) {
     action: 'clicked',
     componentName: 'button',
     packageName: "@atlaskit/button",
-    packageVersion: "16.15.0",
+    packageVersion: "16.16.1",
     analyticsData: analyticsContext,
     actionSubject: buttonType
   });

package/dist/cjs/old-button/shared/button-base.js

@@ -118,7 +118,7 @@ var _default = exports.default = /*#__PURE__*/_react.default.forwardRef(function
     action: 'clicked',
     componentName: 'button',
     packageName: "@atlaskit/button",
-    packageVersion: "16.15.0",
+    packageVersion: "16.16.1",
     analyticsData: analyticsContext
   });
 

package/dist/es2019/containers/button-group.js

@@ -11,10 +11,12 @@ const buttonGroupStyles = css({
 });
 export default function ButtonGroup({
   appearance,
-  children
+  children,
+  testId
 }) {
   return jsx("div", {
-    css: buttonGroupStyles
+    css: buttonGroupStyles,
+    "data-testid": testId
   }, React.Children.map(React.Children.toArray(children), (child, idx) => {
     if (!child) {
       return null;

package/dist/es2019/new-button/variants/shared/use-button-base.js

@@ -97,7 +97,7 @@ const useButtonBase = ({
     action: 'clicked',
     componentName: 'button',
     packageName: "@atlaskit/button",
-    packageVersion: "16.15.0",
+    packageVersion: "16.16.1",
     analyticsData: analyticsContext,
     actionSubject: buttonType
   });

package/dist/es2019/old-button/shared/button-base.js

@@ -103,7 +103,7 @@ export default /*#__PURE__*/React.forwardRef(function ButtonBase(props, ref) {
     action: 'clicked',
     componentName: 'button',
     packageName: "@atlaskit/button",
-    packageVersion: "16.15.0",
+    packageVersion: "16.16.1",
     analyticsData: analyticsContext
   });
 

package/dist/esm/containers/button-group.js

@@ -11,9 +11,11 @@ var buttonGroupStyles = css({
 });
 export default function ButtonGroup(_ref) {
   var appearance = _ref.appearance,
-    children = _ref.children;
+    children = _ref.children,
+    testId = _ref.testId;
   return jsx("div", {
-    css: buttonGroupStyles
+    css: buttonGroupStyles,
+    "data-testid": testId
   }, React.Children.map(React.Children.toArray(children), function (child, idx) {
     if (!child) {
       return null;

package/dist/esm/new-button/variants/shared/use-button-base.js

@@ -107,7 +107,7 @@ var useButtonBase = function useButtonBase(_ref) {
     action: 'clicked',
     componentName: 'button',
     packageName: "@atlaskit/button",
-    packageVersion: "16.15.0",
+    packageVersion: "16.16.1",
     analyticsData: analyticsContext,
     actionSubject: buttonType
   });

package/dist/esm/old-button/shared/button-base.js

@@ -109,7 +109,7 @@ export default /*#__PURE__*/React.forwardRef(function ButtonBase(props, ref) {
     action: 'clicked',
     componentName: 'button',
     packageName: "@atlaskit/button",
-    packageVersion: "16.15.0",
+    packageVersion: "16.16.1",
     analyticsData: analyticsContext
   });
 

package/dist/types/containers/button-group.d.ts

@@ -4,9 +4,16 @@ import { jsx } from '@emotion/react';
 import { Appearance } from '../old-button/types';
 export type ButtonGroupProps = {
     /**
-     * The appearance to apply to all buttons.
+     * The appearance to apply to all buttons
      */
     appearance?: Appearance;
+    /**
+     * The buttons to render inside the Button Group
+     */
     children?: React.ReactNode;
+    /**
+     * A unique string that appears as data attribute `data-testid` in the rendered code, serving as a hook for automated tests.
+     */
+    testId?: string;
 };
-export default function ButtonGroup({ appearance, children, }: ButtonGroupProps): jsx.JSX.Element;
+export default function ButtonGroup({ appearance, children, testId, }: ButtonGroupProps): jsx.JSX.Element;

package/dist/types/new-button/variants/types.d.ts

@@ -45,7 +45,7 @@ export type CommonButtonProps<TagName extends HTMLElement> = {
      */
     children: React.ReactNode;
     /**
-     * A `testId` prop is provided for specified elements, which is a unique string that appears as a data attribute `data-testid` in the rendered code, serving as a hook for automated tests
+     * A unique string that appears as data attribute `data-testid` in the rendered code, serving as a hook for automated tests.
      */
     testId?: string;
     /**

package/dist/types-ts4.5/containers/button-group.d.ts

@@ -4,9 +4,16 @@ import { jsx } from '@emotion/react';
 import { Appearance } from '../old-button/types';
 export type ButtonGroupProps = {
     /**
-     * The appearance to apply to all buttons.
+     * The appearance to apply to all buttons
      */
     appearance?: Appearance;
+    /**
+     * The buttons to render inside the Button Group
+     */
     children?: React.ReactNode;
+    /**
+     * A unique string that appears as data attribute `data-testid` in the rendered code, serving as a hook for automated tests.
+     */
+    testId?: string;
 };
-export default function ButtonGroup({ appearance, children, }: ButtonGroupProps): jsx.JSX.Element;
+export default function ButtonGroup({ appearance, children, testId, }: ButtonGroupProps): jsx.JSX.Element;

package/dist/types-ts4.5/new-button/variants/types.d.ts

@@ -45,7 +45,7 @@ export type CommonButtonProps<TagName extends HTMLElement> = {
      */
     children: React.ReactNode;
     /**
-     * A `testId` prop is provided for specified elements, which is a unique string that appears as a data attribute `data-testid` in the rendered code, serving as a hook for automated tests
+     * A unique string that appears as data attribute `data-testid` in the rendered code, serving as a hook for automated tests.
      */
     testId?: string;
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/button",
-  "version": "16.15.0",
+  "version": "16.16.1",
   "description": "A button triggers an event or action. They let users know what will happen next.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -33,7 +33,7 @@
           "title": "Button (new)",
           "id": "button-new",
           "status": {
-            "type": "alpha"
+            "type": "closed-beta"
           },
           "sortKey": 1
         },
@@ -82,7 +82,7 @@
     "@atlaskit/interaction-context": "^2.1.0",
     "@atlaskit/platform-feature-flags": "^0.2.0",
     "@atlaskit/primitives": "^1.10.0",
-    "@atlaskit/spinner": "^15.6.0",
+    "@atlaskit/spinner": "^16.0.0",
     "@atlaskit/theme": "^12.6.0",
     "@atlaskit/tokens": "^1.28.0",
     "@atlaskit/visually-hidden": "^1.2.4",