@pingux/astro 2.46.0-alpha.1 → 2.46.0-alpha.3

package/lib/cjs/components/RockerButton/RockerButton.js

@@ -23,10 +23,10 @@ var _reactStately = require("react-stately");
 var _interactions = require("@react-aria/interactions");
 var _utils = require("@react-aria/utils");
 var _propTypes = _interopRequireDefault(require("prop-types"));
+var _RockerButtonGroupContext = require("../../context/RockerButtonGroupContext");
 var _hooks = require("../../hooks");
 var _index = require("../../index");
 var _colors = require("../../styles/colors");
-var _RockerButtonGroup = require("../RockerButtonGroup");
 var _react2 = require("@emotion/react");
 function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 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; }
@@ -39,7 +39,7 @@ var CollectionRockerButton = /*#__PURE__*/(0, _react.forwardRef)(function (props
   var key = item.key,
     rendered = item.rendered,
     itemProps = item.props;
-  var state = (0, _react.useContext)(_RockerButtonGroup.RockerContext);
+  var state = (0, _react.useContext)(_RockerButtonGroupContext.RockerContext);
   var isDisabled = state.disabledKeys.has(key);
   var isSelected = state.selectedKey === key;
   var rockerButtonRef = (0, _react.useRef)();

package/lib/cjs/components/RockerButtonGroup/RockerButtonGroup.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { RockerButtonGroupProps } from '../../types';
+declare const RockerButtonGroup: React.ForwardRefExoticComponent<RockerButtonGroupProps & React.RefAttributes<HTMLDivElement>>;
+export default RockerButtonGroup;

package/lib/cjs/components/RockerButtonGroup/RockerButtonGroup.js

@@ -1,61 +1,41 @@
 "use strict";
 
 var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
-var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
-var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
-var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
-var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
-var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
 var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.RockerContext = void 0;
+exports["default"] = void 0;
 var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
 var _from = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/array/from"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactAria = require("react-aria");
 var _reactStately = require("react-stately");
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _RockerButtonGroupContext = require("../../context/RockerButtonGroupContext");
 var _hooks = require("../../hooks");
 var _Box = _interopRequireDefault(require("../Box"));
 var _RockerButton = require("../RockerButton");
 var _react2 = require("@emotion/react");
-var _excluded = ["children", "onSelectionChange", "tabListProps", "disabledKeys"];
+var _excluded = ["tabListProps"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 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 ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context2 = ownKeys(Object(source), !0)).call(_context2, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
-var RockerContext = /*#__PURE__*/_react["default"].createContext({});
-exports.RockerContext = RockerContext;
 var RockerButtonGroup = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var _context;
-  var children = props.children,
-    onSelectionChange = props.onSelectionChange,
-    tabListProps = props.tabListProps,
-    disabledKeys = props.disabledKeys,
+  var tabListProps = props.tabListProps,
     others = (0, _objectWithoutProperties2["default"])(props, _excluded);
-  var buttonGroupRef = (0, _react.useRef)();
+  var buttonGroupRef = (0, _hooks.useLocalOrForwardRef)(ref);
   (0, _hooks.usePropWarning)(props, 'disabled', 'isDisabled');
-  /* istanbul ignore next */
-  (0, _react.useImperativeHandle)(ref, function () {
-    return buttonGroupRef.current;
-  });
-  var state = (0, _reactStately.useTabListState)(_objectSpread(_objectSpread({}, props), {}, {
-    onSelectionChange: onSelectionChange
-  }));
+  var state = (0, _reactStately.useTabListState)(props);
   var _useTabList = (0, _reactAria.useTabList)(props, state, buttonGroupRef),
     raTabListProps = _useTabList.tabListProps;
   // removed tabList role for now as this isn't really the role we are looking for
   delete raTabListProps.role;
-  return (0, _react2.jsx)(RockerContext.Provider, {
+  return (0, _react2.jsx)(_RockerButtonGroupContext.RockerContext.Provider, {
     value: state
   }, (0, _react2.jsx)(_Box["default"], (0, _extends2["default"])({
     variant: "rockerButton.container"
@@ -72,16 +52,6 @@ var RockerButtonGroup = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref
     });
   }))));
 });
-RockerButtonGroup.propTypes = {
-  /** The default button key to be selected. (uncontrolled) */
-  defaultSelectedKey: _propTypes["default"].string,
-  /** The button key that is currently selected. (controlled) */
-  selectedKey: _propTypes["default"].string,
-  /** Which keys should be disabled. */
-  disabledKeys: _propTypes["default"].arrayOf(_propTypes["default"].string),
-  /** Handler that is called when the selected button has changed. */
-  onSelectionChange: _propTypes["default"].func
-};
 RockerButtonGroup.displayName = 'RockerButtonGroup';
 var _default = RockerButtonGroup;
 exports["default"] = _default;

package/lib/cjs/components/RockerButtonGroup/RockerButtonGroup.stories.d.ts

@@ -0,0 +1,9 @@
+import { StoryFn } from '@storybook/react';
+import { RockerButtonGroupProps } from '../../types';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
+export default _default;
+export declare const Default: StoryFn<RockerButtonGroupProps>;
+export declare const Uncontrolled: StoryFn;
+export declare const Controlled: StoryFn;
+export declare const withCustomSelectedColors: StoryFn;
+export declare const DisabledSingleButton: StoryFn;

package/lib/cjs/components/RockerButtonGroup/RockerButtonGroup.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/cjs/components/RockerButtonGroup/RockerButtonGroup.test.js

@@ -61,14 +61,14 @@ var getComponent = function getComponent() {
 });
 test('renders rocker container with buttons', function () {
   getComponent();
-  var rockerContainer = (0, _testWrapper.queryByAttribute)('data-id', document, 'test-container');
+  var rockerContainer = _testWrapper.screen.getByTestId(testId);
   expect(rockerContainer).toBeInTheDocument();
   var buttons = _testWrapper.screen.getAllByRole('button');
   expect(buttons).toHaveLength(3);
 });
 test('buttonGroup is not disabled by default', function () {
   getComponent();
-  var rockerContainer = (0, _testWrapper.queryByAttribute)('data-id', document, 'test-container');
+  var rockerContainer = _testWrapper.screen.getByTestId(testId);
   expect(rockerContainer).toBeEnabled();
   (0, _forEach["default"])(testButtons).call(testButtons, function (button) {
     var buttonKey = _testWrapper.screen.getByText(button.key);

package/lib/cjs/components/RockerButtonGroup/index.d.ts

@@ -0,0 +1 @@
+export { default } from './RockerButtonGroup';

package/lib/cjs/components/RockerButtonGroup/index.js

@@ -1,33 +1,14 @@
 "use strict";
 
-var _context;
-var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
 var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
-var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
-var _exportNames = {};
 _Object$defineProperty(exports, "default", {
   enumerable: true,
   get: function get() {
     return _RockerButtonGroup["default"];
   }
 });
-var _RockerButtonGroup = _interopRequireWildcard(require("./RockerButtonGroup"));
-_forEachInstanceProperty(_context = _Object$keys(_RockerButtonGroup)).call(_context, function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _RockerButtonGroup[key]) return;
-  _Object$defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _RockerButtonGroup[key];
-    }
-  });
-});
-function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-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; }
+var _RockerButtonGroup = _interopRequireDefault(require("./RockerButtonGroup"));

package/lib/cjs/context/RockerButtonGroupContext/index.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const RockerContext: import("react").Context<{}>;

package/lib/cjs/context/RockerButtonGroupContext/index.js

@@ -0,0 +1,10 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RockerContext = void 0;
+var _react = require("react");
+var RockerContext = /*#__PURE__*/(0, _react.createContext)({});
+exports.RockerContext = RockerContext;

package/lib/cjs/types/index.d.ts

@@ -16,6 +16,7 @@ export * from './loader';
 export * from './overlayPanel';
 export * from './popoverContainer';
 export * from './popoverMenu';
+export * from './rockerButtonGroup';
 export * from './separator';
 export * from './shared';
 export * from './table';

package/lib/cjs/types/index.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _context, _context2, _context3, _context4, _context5, _context6, _context7, _context8, _context9, _context10, _context11, _context12, _context13, _context14, _context15, _context16, _context17, _context18, _context19, _context20, _context21, _context22, _context23;
+var _context, _context2, _context3, _context4, _context5, _context6, _context7, _context8, _context9, _context10, _context11, _context12, _context13, _context14, _context15, _context16, _context17, _context18, _context19, _context20, _context21, _context22, _context23, _context24;
 var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
 var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
 var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
@@ -205,8 +205,19 @@ _forEachInstanceProperty(_context18 = _Object$keys(_popoverMenu)).call(_context1
     }
   });
 });
+var _rockerButtonGroup = require("./rockerButtonGroup");
+_forEachInstanceProperty(_context19 = _Object$keys(_rockerButtonGroup)).call(_context19, function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _rockerButtonGroup[key]) return;
+  _Object$defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _rockerButtonGroup[key];
+    }
+  });
+});
 var _separator = require("./separator");
-_forEachInstanceProperty(_context19 = _Object$keys(_separator)).call(_context19, function (key) {
+_forEachInstanceProperty(_context20 = _Object$keys(_separator)).call(_context20, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _separator[key]) return;
   _Object$defineProperty(exports, key, {
@@ -217,7 +228,7 @@ _forEachInstanceProperty(_context19 = _Object$keys(_separator)).call(_context19,
   });
 });
 var _shared = require("./shared");
-_forEachInstanceProperty(_context20 = _Object$keys(_shared)).call(_context20, function (key) {
+_forEachInstanceProperty(_context21 = _Object$keys(_shared)).call(_context21, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _shared[key]) return;
   _Object$defineProperty(exports, key, {
@@ -228,7 +239,7 @@ _forEachInstanceProperty(_context20 = _Object$keys(_shared)).call(_context20, fu
   });
 });
 var _table = require("./table");
-_forEachInstanceProperty(_context21 = _Object$keys(_table)).call(_context21, function (key) {
+_forEachInstanceProperty(_context22 = _Object$keys(_table)).call(_context22, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _table[key]) return;
   _Object$defineProperty(exports, key, {
@@ -239,7 +250,7 @@ _forEachInstanceProperty(_context21 = _Object$keys(_table)).call(_context21, fun
   });
 });
 var _text = require("./text");
-_forEachInstanceProperty(_context22 = _Object$keys(_text)).call(_context22, function (key) {
+_forEachInstanceProperty(_context23 = _Object$keys(_text)).call(_context23, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _text[key]) return;
   _Object$defineProperty(exports, key, {
@@ -250,7 +261,7 @@ _forEachInstanceProperty(_context22 = _Object$keys(_text)).call(_context22, func
   });
 });
 var _tooltipTrigger = require("./tooltipTrigger");
-_forEachInstanceProperty(_context23 = _Object$keys(_tooltipTrigger)).call(_context23, function (key) {
+_forEachInstanceProperty(_context24 = _Object$keys(_tooltipTrigger)).call(_context24, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _tooltipTrigger[key]) return;
   _Object$defineProperty(exports, key, {

package/lib/cjs/types/rockerButtonGroup.d.ts

@@ -0,0 +1,14 @@
+import { TabListProps } from '@react-stately/tabs';
+import { TestingAttributes } from './shared/test';
+import { BoxProps } from './box';
+export interface RockerButtonGroupProps extends BoxProps, TestingAttributes {
+    /** The default button key to be selected. (uncontrolled) */
+    defaultSelectedKey?: string;
+    /** The button key that is currently selected. (controlled) */
+    selectedKey?: string;
+    /** Which keys should be disabled. */
+    disabledKeys?: string[];
+    /** Handler that is called when the selected button has changed. */
+    onSelectionChange?: (key: string) => void;
+    tabListProps?: TabListProps<object>;
+}

package/lib/cjs/types/rockerButtonGroup.js

@@ -0,0 +1,6 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/components/RockerButton/RockerButton.js

@@ -16,10 +16,10 @@ import { Item } from 'react-stately';
 import { useHover, usePress } from '@react-aria/interactions';
 import { mergeProps } from '@react-aria/utils';
 import PropTypes from 'prop-types';
+import { RockerContext } from '../../context/RockerButtonGroupContext';
 import { usePropWarning, useRockerButton, useStatusClasses } from '../../hooks';
 import { Box } from '../../index';
 import { accent, getBaseHexColor, getDarkerColor } from '../../styles/colors';
-import { RockerContext } from '../RockerButtonGroup';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export var CollectionRockerButton = /*#__PURE__*/forwardRef(function (props, ref) {
   var _itemProps$selectedSt, _itemProps$selectedSt2;

package/lib/components/RockerButtonGroup/RockerButtonGroup.js

@@ -1,44 +1,23 @@
-import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
-import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
-import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
-import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
-import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
-import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
-import _Object$defineProperties from "@babel/runtime-corejs3/core-js-stable/object/define-properties";
-import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object/define-property";
 import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
-import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
-var _excluded = ["children", "onSelectionChange", "tabListProps", "disabledKeys"];
+var _excluded = ["tabListProps"];
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
 import _Array$from from "@babel/runtime-corejs3/core-js-stable/array/from";
-function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context2 = ownKeys(Object(source), !0)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
-import React, { forwardRef, useImperativeHandle, useRef } from 'react';
+import React, { forwardRef } from 'react';
 import { useTabList } from 'react-aria';
 import { useTabListState } from 'react-stately';
-import PropTypes from 'prop-types';
-import { usePropWarning } from '../../hooks';
+import { RockerContext } from '../../context/RockerButtonGroupContext';
+import { useLocalOrForwardRef, usePropWarning } from '../../hooks';
 import Box from '../Box';
 import { CollectionRockerButton } from '../RockerButton';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-export var RockerContext = /*#__PURE__*/React.createContext({});
 var RockerButtonGroup = /*#__PURE__*/forwardRef(function (props, ref) {
   var _context;
-  var children = props.children,
-    onSelectionChange = props.onSelectionChange,
-    tabListProps = props.tabListProps,
-    disabledKeys = props.disabledKeys,
+  var tabListProps = props.tabListProps,
     others = _objectWithoutProperties(props, _excluded);
-  var buttonGroupRef = useRef();
+  var buttonGroupRef = useLocalOrForwardRef(ref);
   usePropWarning(props, 'disabled', 'isDisabled');
-  /* istanbul ignore next */
-  useImperativeHandle(ref, function () {
-    return buttonGroupRef.current;
-  });
-  var state = useTabListState(_objectSpread(_objectSpread({}, props), {}, {
-    onSelectionChange: onSelectionChange
-  }));
+  var state = useTabListState(props);
   var _useTabList = useTabList(props, state, buttonGroupRef),
     raTabListProps = _useTabList.tabListProps;
   // removed tabList role for now as this isn't really the role we are looking for
@@ -60,15 +39,5 @@ var RockerButtonGroup = /*#__PURE__*/forwardRef(function (props, ref) {
     });
   }))));
 });
-RockerButtonGroup.propTypes = {
-  /** The default button key to be selected. (uncontrolled) */
-  defaultSelectedKey: PropTypes.string,
-  /** The button key that is currently selected. (controlled) */
-  selectedKey: PropTypes.string,
-  /** Which keys should be disabled. */
-  disabledKeys: PropTypes.arrayOf(PropTypes.string),
-  /** Handler that is called when the selected button has changed. */
-  onSelectionChange: PropTypes.func
-};
 RockerButtonGroup.displayName = 'RockerButtonGroup';
 export default RockerButtonGroup;

package/lib/components/RockerButtonGroup/RockerButtonGroup.test.js

@@ -4,7 +4,7 @@ import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/inst
 import React from 'react';
 import userEvent from '@testing-library/user-event';
 import { RockerButton, RockerButtonGroup } from '../../index';
-import { fireEvent, queryByAttribute, render, screen } from '../../utils/testUtils/testWrapper';
+import { fireEvent, render, screen } from '../../utils/testUtils/testWrapper';
 import { universalComponentTests } from '../../utils/testUtils/universalComponentTest';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var testId = 'testId';
@@ -58,14 +58,14 @@ universalComponentTests({
 });
 test('renders rocker container with buttons', function () {
   getComponent();
-  var rockerContainer = queryByAttribute('data-id', document, 'test-container');
+  var rockerContainer = screen.getByTestId(testId);
   expect(rockerContainer).toBeInTheDocument();
   var buttons = screen.getAllByRole('button');
   expect(buttons).toHaveLength(3);
 });
 test('buttonGroup is not disabled by default', function () {
   getComponent();
-  var rockerContainer = queryByAttribute('data-id', document, 'test-container');
+  var rockerContainer = screen.getByTestId(testId);
   expect(rockerContainer).toBeEnabled();
   _forEachInstanceProperty(testButtons).call(testButtons, function (button) {
     var buttonKey = screen.getByText(button.key);

package/lib/components/RockerButtonGroup/index.js

@@ -1,2 +1 @@
-export { default } from './RockerButtonGroup';
-export * from './RockerButtonGroup';
+export { default } from './RockerButtonGroup';

package/lib/context/RockerButtonGroupContext/index.js

@@ -0,0 +1,2 @@
+import { createContext } from 'react';
+export var RockerContext = /*#__PURE__*/createContext({});

package/lib/types/index.js

@@ -16,6 +16,7 @@ export * from './loader';
 export * from './overlayPanel';
 export * from './popoverContainer';
 export * from './popoverMenu';
+export * from './rockerButtonGroup';
 export * from './separator';
 export * from './shared';
 export * from './table';

package/lib/types/rockerButtonGroup.js

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pingux/astro",
-  "version": "2.46.0-alpha.1",
+  "version": "2.46.0-alpha.3",
   "description": "React component library for Ping Identity's design system",
   "repository": {
     "type": "git",
@@ -66,6 +66,7 @@
     "@react-aria/overlays": "^3.7.0",
     "@react-aria/selection": "~3.10.1",
     "@react-aria/table": "^3.9.0",
+    "@react-aria/tabs": "^3.8.3",
     "@react-aria/utils": "^3.16.0",
     "@react-aria/virtualizer": "~3.8.0",
     "@react-aria/visually-hidden": "~3.6.0",
@@ -78,6 +79,7 @@
     "@react-stately/layout": "^3.13.4",
     "@react-stately/list": "~3.4.1",
     "@react-stately/table": "^3.9.0",
+    "@react-stately/tabs": "^3.6.3",
     "@react-stately/tree": "^3.7.4",
     "@react-stately/virtualizer": "~3.6.5",
     "@react-types/accordion": "^3.0.0-alpha.18",