@atlaskit/table-tree 9.2.10 → 9.3.0

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @atlaskit/table-tree
 
+## 9.3.0
+
+### Minor Changes
+
+- [`6d99522bfa2`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6d99522bfa2) - [ux] Adds `shouldExpandOnClick` prop for both TableTree and Row. This allows expansion of expandable rows when a user clicks anywhere on the row, along with the chevron at the head of the row.
+
+## 9.2.11
+
+### Patch Changes
+
+- [`261420360ec`](https://bitbucket.org/atlassian/atlassian-frontend/commits/261420360ec) - Upgrades component types to support React 18.
+- Updated dependencies
+
 ## 9.2.10
 
 ### Patch Changes

package/dist/cjs/components/internal/styled.js

@@ -39,9 +39,10 @@ var commonChevronContainerStyles = (0, _react.css)({
   top: 7,
   alignItems: 'center'
 });
-
 /**
  * __Chevron container__
+ *
+ * A wrapper container around the expand table tree button.
  */
 var ChevronContainer = function ChevronContainer(props
 // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
@@ -78,7 +79,6 @@ var paddingLeftStyles = (0, _react.css)({
   // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
   paddingLeft: '50%'
 });
-
 /**
  * __Loader item container__
  *

package/dist/cjs/components/row.js

@@ -15,6 +15,7 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
+var _react2 = require("@emotion/react");
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _toItemId = _interopRequireDefault(require("../utils/to-item-id"));
 var _chevron = _interopRequireDefault(require("./internal/chevron"));
@@ -23,8 +24,11 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 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); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+var treeRowClickableStyles = (0, _react2.css)({
+  cursor: 'pointer'
+});
 var packageName = "@atlaskit/table-tree";
-var packageVersion = "9.2.10";
+var packageVersion = "9.3.0";
 var Row = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(Row, _Component);
   var _super = _createSuper(Row);
@@ -38,6 +42,13 @@ var Row = /*#__PURE__*/function (_Component) {
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
       isExpanded: _this.props.isDefaultExpanded || false
     });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onClickHandler", function (e) {
+      var _window$getSelection;
+      var selection = ((_window$getSelection = window.getSelection()) === null || _window$getSelection === void 0 ? void 0 : _window$getSelection.toString()) || '';
+      if ((selection === null || selection === void 0 ? void 0 : selection.length) === 0) {
+        _this.onExpandToggle();
+      }
+    });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onExpandToggle", function () {
       var isExpanded = _this.props.isExpanded;
       if (isExpanded !== undefined) {
@@ -75,6 +86,11 @@ var Row = /*#__PURE__*/function (_Component) {
         }
       }
     }
+
+    /**
+     * This ensures a user won't trigger a click event and expand the accordion
+     * when making a text selection.
+     */
   }, {
     key: "isExpanded",
     value: function isExpanded() {
@@ -92,7 +108,7 @@ var Row = /*#__PURE__*/function (_Component) {
       var indentLevel = isFirstCell ? depth : 0;
       var cellContent = cell.props.children || [];
       if (isFirstCell && hasChildren) {
-        cellContent = [/*#__PURE__*/_react.default.createElement(_chevron.default, {
+        cellContent = [(0, _react2.jsx)(_chevron.default, {
           key: "chevron",
           expandLabel: props.expandLabel,
           collapseLabel: props.collapseLabel,
@@ -112,6 +128,7 @@ var Row = /*#__PURE__*/function (_Component) {
     value: function render() {
       var _this2 = this;
       var _this$props2 = this.props,
+        shouldExpandOnClick = _this$props2.shouldExpandOnClick,
         hasChildren = _this$props2.hasChildren,
         depth = _this$props2.depth,
         renderChildren = _this$props2.renderChildren;
@@ -123,8 +140,10 @@ var Row = /*#__PURE__*/function (_Component) {
       if (depth !== undefined) {
         ariaAttrs['aria-level'] = depth;
       }
-      return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_styled.TreeRowContainer, (0, _extends2.default)({
-        role: "row"
+      return (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)(_styled.TreeRowContainer, (0, _extends2.default)({
+        role: "row",
+        css: hasChildren && shouldExpandOnClick ? treeRowClickableStyles : undefined,
+        onClick: hasChildren && shouldExpandOnClick ? this.onClickHandler : undefined
       }, ariaAttrs), _react.default.Children.map(this.props.children, function (cell, index) {
         return _this2.renderCell(cell, index);
       })), hasChildren && isExpanded && renderChildren && renderChildren());

package/dist/cjs/components/table-tree.js

@@ -78,6 +78,7 @@ var TableTree = /*#__PURE__*/function (_Component) {
     value: function render() {
       var _this$props = this.props,
         items = _this$props.items,
+        shouldExpandOnClick = _this$props.shouldExpandOnClick,
         headers = _this$props.headers,
         columns = _this$props.columns,
         _this$props$columnWid = _this$props.columnWidths,
@@ -105,7 +106,8 @@ var TableTree = /*#__PURE__*/function (_Component) {
             return /*#__PURE__*/_react.default.createElement(_row.default, {
               itemId: id,
               items: children,
-              hasChildren: hasChildren
+              hasChildren: hasChildren,
+              shouldExpandOnClick: shouldExpandOnClick
             }, columns.map(function (CellContent, index) {
               return /*#__PURE__*/_react.default.createElement(_cell.default
               // eslint-disable-next-line react/no-array-index-key

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/table-tree",
-	"version": "9.2.10",
+	"version": "9.3.0",
 	"sideEffects": false
 }

package/dist/es2019/components/internal/styled.js

@@ -26,9 +26,10 @@ const commonChevronContainerStyles = css({
   top: 7,
   alignItems: 'center'
 });
-
 /**
  * __Chevron container__
+ *
+ * A wrapper container around the expand table tree button.
  */
 export const ChevronContainer = (props
 // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
@@ -59,7 +60,6 @@ const paddingLeftStyles = css({
   // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
   paddingLeft: '50%'
 });
-
 /**
  * __Loader item container__
  *

package/dist/es2019/components/row.js

@@ -1,19 +1,31 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+/** @jsx jsx */
 /* eslint-disable @repo/internal/react/no-clone-element */
 import React, { Component, Fragment } from 'react';
+import { css, jsx } from '@emotion/react';
 import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@atlaskit/analytics-next';
 import toItemId from '../utils/to-item-id';
 import Chevron from './internal/chevron';
 import { TreeRowContainer } from './internal/styled';
+const treeRowClickableStyles = css({
+  cursor: 'pointer'
+});
 const packageName = "@atlaskit/table-tree";
-const packageVersion = "9.2.10";
+const packageVersion = "9.3.0";
 class Row extends Component {
   constructor(...args) {
     super(...args);
     _defineProperty(this, "state", {
       isExpanded: this.props.isDefaultExpanded || false
     });
+    _defineProperty(this, "onClickHandler", e => {
+      var _window$getSelection;
+      const selection = ((_window$getSelection = window.getSelection()) === null || _window$getSelection === void 0 ? void 0 : _window$getSelection.toString()) || '';
+      if ((selection === null || selection === void 0 ? void 0 : selection.length) === 0) {
+        this.onExpandToggle();
+      }
+    });
     _defineProperty(this, "onExpandToggle", () => {
       const {
         isExpanded
@@ -49,6 +61,12 @@ class Row extends Component {
       }
     }
   }
+
+  /**
+   * This ensures a user won't trigger a click event and expand the accordion
+   * when making a text selection.
+   */
+
   isExpanded() {
     const {
       isExpanded
@@ -68,7 +86,7 @@ class Row extends Component {
     const indentLevel = isFirstCell ? depth : 0;
     let cellContent = cell.props.children || [];
     if (isFirstCell && hasChildren) {
-      cellContent = [/*#__PURE__*/React.createElement(Chevron, {
+      cellContent = [jsx(Chevron, {
         key: "chevron",
         expandLabel: props.expandLabel,
         collapseLabel: props.collapseLabel,
@@ -85,6 +103,7 @@ class Row extends Component {
   }
   render() {
     const {
+      shouldExpandOnClick,
       hasChildren,
       depth,
       renderChildren
@@ -97,8 +116,10 @@ class Row extends Component {
     if (depth !== undefined) {
       ariaAttrs['aria-level'] = depth;
     }
-    return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(TreeRowContainer, _extends({
-      role: "row"
+    return jsx(Fragment, null, jsx(TreeRowContainer, _extends({
+      role: "row",
+      css: hasChildren && shouldExpandOnClick ? treeRowClickableStyles : undefined,
+      onClick: hasChildren && shouldExpandOnClick ? this.onClickHandler : undefined
     }, ariaAttrs), React.Children.map(this.props.children, (cell, index) => this.renderCell(cell, index))), hasChildren && isExpanded && renderChildren && renderChildren());
   }
 }

package/dist/es2019/components/table-tree.js

@@ -50,6 +50,7 @@ export default class TableTree extends Component {
   render() {
     const {
       items,
+      shouldExpandOnClick,
       headers,
       columns,
       columnWidths = []
@@ -74,7 +75,8 @@ export default class TableTree extends Component {
         }) => /*#__PURE__*/React.createElement(Row, {
           itemId: id,
           items: children,
-          hasChildren: hasChildren
+          hasChildren: hasChildren,
+          shouldExpandOnClick: shouldExpandOnClick
         }, columns.map((CellContent, index) => /*#__PURE__*/React.createElement(Cell
         // eslint-disable-next-line react/no-array-index-key
         , {

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/table-tree",
-	"version": "9.2.10",
+	"version": "9.3.0",
 	"sideEffects": false
 }

package/dist/esm/components/internal/styled.js

@@ -31,9 +31,10 @@ var commonChevronContainerStyles = css({
   top: 7,
   alignItems: 'center'
 });
-
 /**
  * __Chevron container__
+ *
+ * A wrapper container around the expand table tree button.
  */
 export var ChevronContainer = function ChevronContainer(props
 // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
@@ -68,7 +69,6 @@ var paddingLeftStyles = css({
   // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
   paddingLeft: '50%'
 });
-
 /**
  * __Loader item container__
  *

package/dist/esm/components/row.js

@@ -8,14 +8,19 @@ import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+/** @jsx jsx */
 /* eslint-disable @repo/internal/react/no-clone-element */
 import React, { Component, Fragment } from 'react';
+import { css, jsx } from '@emotion/react';
 import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@atlaskit/analytics-next';
 import toItemId from '../utils/to-item-id';
 import Chevron from './internal/chevron';
 import { TreeRowContainer } from './internal/styled';
+var treeRowClickableStyles = css({
+  cursor: 'pointer'
+});
 var packageName = "@atlaskit/table-tree";
-var packageVersion = "9.2.10";
+var packageVersion = "9.3.0";
 var Row = /*#__PURE__*/function (_Component) {
   _inherits(Row, _Component);
   var _super = _createSuper(Row);
@@ -29,6 +34,13 @@ var Row = /*#__PURE__*/function (_Component) {
     _defineProperty(_assertThisInitialized(_this), "state", {
       isExpanded: _this.props.isDefaultExpanded || false
     });
+    _defineProperty(_assertThisInitialized(_this), "onClickHandler", function (e) {
+      var _window$getSelection;
+      var selection = ((_window$getSelection = window.getSelection()) === null || _window$getSelection === void 0 ? void 0 : _window$getSelection.toString()) || '';
+      if ((selection === null || selection === void 0 ? void 0 : selection.length) === 0) {
+        _this.onExpandToggle();
+      }
+    });
     _defineProperty(_assertThisInitialized(_this), "onExpandToggle", function () {
       var isExpanded = _this.props.isExpanded;
       if (isExpanded !== undefined) {
@@ -66,6 +78,11 @@ var Row = /*#__PURE__*/function (_Component) {
         }
       }
     }
+
+    /**
+     * This ensures a user won't trigger a click event and expand the accordion
+     * when making a text selection.
+     */
   }, {
     key: "isExpanded",
     value: function isExpanded() {
@@ -83,7 +100,7 @@ var Row = /*#__PURE__*/function (_Component) {
       var indentLevel = isFirstCell ? depth : 0;
       var cellContent = cell.props.children || [];
       if (isFirstCell && hasChildren) {
-        cellContent = [/*#__PURE__*/React.createElement(Chevron, {
+        cellContent = [jsx(Chevron, {
           key: "chevron",
           expandLabel: props.expandLabel,
           collapseLabel: props.collapseLabel,
@@ -103,6 +120,7 @@ var Row = /*#__PURE__*/function (_Component) {
     value: function render() {
       var _this2 = this;
       var _this$props2 = this.props,
+        shouldExpandOnClick = _this$props2.shouldExpandOnClick,
         hasChildren = _this$props2.hasChildren,
         depth = _this$props2.depth,
         renderChildren = _this$props2.renderChildren;
@@ -114,8 +132,10 @@ var Row = /*#__PURE__*/function (_Component) {
       if (depth !== undefined) {
         ariaAttrs['aria-level'] = depth;
       }
-      return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(TreeRowContainer, _extends({
-        role: "row"
+      return jsx(Fragment, null, jsx(TreeRowContainer, _extends({
+        role: "row",
+        css: hasChildren && shouldExpandOnClick ? treeRowClickableStyles : undefined,
+        onClick: hasChildren && shouldExpandOnClick ? this.onClickHandler : undefined
       }, ariaAttrs), React.Children.map(this.props.children, function (cell, index) {
         return _this2.renderCell(cell, index);
       })), hasChildren && isExpanded && renderChildren && renderChildren());

package/dist/esm/components/table-tree.js

@@ -69,6 +69,7 @@ var TableTree = /*#__PURE__*/function (_Component) {
     value: function render() {
       var _this$props = this.props,
         items = _this$props.items,
+        shouldExpandOnClick = _this$props.shouldExpandOnClick,
         headers = _this$props.headers,
         columns = _this$props.columns,
         _this$props$columnWid = _this$props.columnWidths,
@@ -96,7 +97,8 @@ var TableTree = /*#__PURE__*/function (_Component) {
             return /*#__PURE__*/React.createElement(Row, {
               itemId: id,
               items: children,
-              hasChildren: hasChildren
+              hasChildren: hasChildren,
+              shouldExpandOnClick: shouldExpandOnClick
             }, columns.map(function (CellContent, index) {
               return /*#__PURE__*/React.createElement(Cell
               // eslint-disable-next-line react/no-array-index-key

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/table-tree",
-	"version": "9.2.10",
+	"version": "9.3.0",
 	"sideEffects": false
 }

package/dist/types/components/internal/common-cell.d.ts

@@ -1,8 +1,9 @@
 /** @jsx jsx */
-import { FC, HTMLAttributes } from 'react';
+import { FC, HTMLAttributes, ReactNode } from 'react';
 interface CommonCellProps {
     indent?: string;
     width?: string | number;
+    children?: ReactNode;
 }
 /**
  * __Common cell__

package/dist/types/components/internal/overflow-container.d.ts

@@ -1,7 +1,8 @@
 /** @jsx jsx */
-import { FC, HTMLAttributes } from 'react';
+import { FC, HTMLAttributes, ReactNode } from 'react';
 interface OverflowContainerProps {
     isSingleLine?: boolean;
+    chilren?: ReactNode;
 }
 /**
  * __Overflow container__

package/dist/types/components/internal/styled.d.ts

@@ -1,26 +1,36 @@
 /** @jsx jsx */
-import { FC, HTMLAttributes } from 'react';
+import { FC, HTMLAttributes, ReactNode } from 'react';
 export declare const iconColor: "var(--ds-text)";
 export declare const indentBase: "var(--ds-space-300)";
 /**
  * __Tree row container__
  */
-export declare const TreeRowContainer: FC<HTMLAttributes<HTMLDivElement>>;
+export declare const TreeRowContainer: FC<HTMLAttributes<HTMLDivElement> & {
+    children: ReactNode;
+}>;
+declare type ChevronContainerProps = HTMLAttributes<HTMLSpanElement> & {
+    children: ReactNode;
+};
 /**
  * __Chevron container__
+ *
+ * A wrapper container around the expand table tree button.
  */
-export declare const ChevronContainer: FC<HTMLAttributes<HTMLSpanElement>>;
+export declare const ChevronContainer: FC<ChevronContainerProps>;
 /**
  * __Chevron icon container__
  *
  * A chevron icon container.
  */
-export declare const ChevronIconContainer: FC<HTMLAttributes<HTMLSpanElement>>;
+export declare const ChevronIconContainer: FC<ChevronContainerProps>;
+declare type LoaderItemContainerProps = {
+    isRoot?: boolean;
+    children: ReactNode;
+};
 /**
  * __Loader item container__
  *
  * A loader item container.
  */
-export declare const LoaderItemContainer: FC<{
-    isRoot?: boolean;
-}>;
+export declare const LoaderItemContainer: FC<LoaderItemContainerProps>;
+export {};

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

@@ -1,10 +1,17 @@
+/** @jsx jsx */
 import React, { Component } from 'react';
+import { jsx } from '@emotion/react';
 declare class Row extends Component<any, any> {
     state: {
         isExpanded: any;
     };
     componentDidUpdate(prevProps: any): void;
     onExpandStateChange(isExpanded: boolean): void;
+    /**
+     * This ensures a user won't trigger a click event and expand the accordion
+     * when making a text selection.
+     */
+    onClickHandler: (e: React.MouseEvent) => void;
     onExpandToggle: () => void;
     isExpanded(): any;
     renderCell(cell: any, cellIndex: number): React.FunctionComponentElement<{
@@ -12,7 +19,7 @@ declare class Row extends Component<any, any> {
         columnIndex: number;
         indentLevel: any;
     }>;
-    render(): JSX.Element;
+    render(): jsx.JSX.Element;
 }
 export { Row as RowWithoutAnalytics };
 declare const _default: React.ForwardRefExoticComponent<Pick<Pick<Omit<any, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, string | number | symbol> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, string | number | symbol> & React.RefAttributes<any>>;

package/extract-react-types/table-tree-row.tsx

@@ -61,6 +61,13 @@ type RowProps = {
    * Normally set by parent Item component and does not need to be configured.
    */
   renderChildren?: () => React.ReactNode;
+  // eslint-disable-next-line jsdoc/require-asterisk-prefix, jsdoc/check-alignment
+  /**
+    Whether a row with children should expand when clicked anywhere within the row. If false or unset, a row with children will only expand when the chevron is clicked.
+
+    If your cells contain interactive elements, this can cause unexpected expanding or collapsing.
+   */
+  shouldExpandOnClick?: boolean;
   /**
    * Data to render. Passed down by Item and passed into onExpand and onCollapse callbacks.
    * Normally set by parent Item component and does not need to be configured.

package/extract-react-types/table-tree.tsx

@@ -37,6 +37,15 @@ type TableTreeProps = {
    */
   headers?: string[];
   // eslint-disable-next-line jsdoc/require-asterisk-prefix, jsdoc/check-alignment
+  /**
+    Whether a row with children should expand when clicked anywhere within the row. If false or unset, a row with children will only expand when the chevron is clicked.
+
+    If your cells contain interactive elements, this can cause unexpected expanding or collapsing.
+
+    If not using the `items` prop, `shouldExpandOnClick` should be used on the row component instead.
+   */
+  shouldExpandOnClick?: boolean;
+  // eslint-disable-next-line jsdoc/require-asterisk-prefix, jsdoc/check-alignment
   /**
     The data used to render the table.
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/table-tree",
-  "version": "9.2.10",
+  "version": "9.3.0",
   "description": "A table tree is an expandable table for showing nested hierarchies of information.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -16,7 +16,6 @@
   "atlaskit:src": "src/index.tsx",
   "homepage": "https://atlassian.design/components/table-tree/",
   "atlassian": {
-    "disableProductCI": true,
     "team": "Design System Team",
     "releaseModel": "scheduled",
     "website": {
@@ -29,10 +28,10 @@
   },
   "dependencies": {
     "@atlaskit/analytics-next": "^9.0.0",
-    "@atlaskit/button": "^16.5.0",
+    "@atlaskit/button": "^16.6.0",
     "@atlaskit/icon": "^21.11.0",
-    "@atlaskit/spinner": "^15.3.0",
-    "@atlaskit/theme": "^12.2.0",
+    "@atlaskit/spinner": "^15.4.0",
+    "@atlaskit/theme": "^12.3.0",
     "@atlaskit/tokens": "^1.2.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",