@deque/cauldron-react 5.5.1 → 5.6.0

package/lib/components/RadioGroup/index.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import PropTypes from 'prop-types';
 export interface RadioItem extends React.InputHTMLAttributes<HTMLInputElement> {
     label: React.ReactNode;
     value?: string;
@@ -12,25 +11,8 @@ export interface RadioGroupProps {
     defaultValue?: string;
     value?: any;
     inline?: boolean;
-    onChange: (radio: RadioItem, input: HTMLElement) => void;
+    onChange?: (radio: RadioItem, input: HTMLElement) => void;
+    hasLabel?: never;
 }
-declare const RadioGroup: {
-    ({ name, radios, defaultValue, value, onChange, className, inline, ...other }: RadioGroupProps): JSX.Element;
-    propTypes: {
-        name: PropTypes.Requireable<string>;
-        radios: PropTypes.Validator<(PropTypes.InferProps<{
-            value: PropTypes.Validator<string>;
-            id: PropTypes.Validator<string>;
-            label: PropTypes.Validator<string>;
-            labelDescription: PropTypes.Requireable<string>;
-        }> | null | undefined)[]>;
-        hasLabel: (props: {
-            [key: string]: string;
-        }, propName: string, componentName: string) => Error | undefined;
-        className: PropTypes.Requireable<string>;
-        defaultValue: PropTypes.Requireable<string>;
-        onChange: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-    displayName: string;
-};
+declare const RadioGroup: React.ForwardRefExoticComponent<RadioGroupProps & React.RefAttributes<HTMLDivElement>>;
 export default RadioGroup;

package/lib/index.js

@@ -2617,7 +2617,7 @@ var Select = React__default.forwardRef(function (_a, ref) {
 });
 Select.displayName = 'Select';
 
-var RadioGroup = function (_a) {
+var RadioGroup = React.forwardRef(function (_a, ref) {
     var name = _a.name, radios = _a.radios, defaultValue = _a.defaultValue, value = _a.value, 
     // eslint-disable-next-line @typescript-eslint/no-empty-function
     _b = _a.onChange, 
@@ -2675,8 +2675,8 @@ var RadioGroup = function (_a) {
     // refs get clobbered every re-render anyway and this supports "dynamic" radios
     // (changing the number of radio buttons for example)
     inputs.current = [];
-    return (React__default.createElement("div", tslib.__assign({ className: classNames(className, { 'Radio--inline': inline }), role: "radiogroup" }, other), radioButtons));
-};
+    return (React__default.createElement("div", tslib.__assign({ className: classNames(className, { 'Radio--inline': inline }), role: "radiogroup", ref: ref }, other), radioButtons));
+});
 RadioGroup.propTypes = {
     name: PropTypes.string,
     radios: PropTypes.arrayOf(PropTypes.shape({
@@ -2684,11 +2684,12 @@ RadioGroup.propTypes = {
         id: PropTypes.string.isRequired,
         label: PropTypes.string.isRequired,
         labelDescription: PropTypes.string
-    })).isRequired,
-    hasLabel: function (props, propName, componentName) {
+    }).isRequired).isRequired,
+    hasLabel: function (props, _propName, componentName) {
         if (!props['aria-label'] && !props['aria-labelledby']) {
             return new Error("".concat(componentName, " must have an \"aria-label\" or \"aria-labelledby\" prop"));
         }
+        return null;
     },
     className: PropTypes.string,
     defaultValue: PropTypes.string,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deque/cauldron-react",
-  "version": "5.5.1",
+  "version": "5.6.0",
   "description": "Fully accessible react components library for Deque Cauldron",
   "homepage": "https://cauldron.dequelabs.com/",
   "publishConfig": {