@deque/cauldron-react 6.26.0 → 6.27.0-canary.ccb9880a

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

@@ -4,6 +4,7 @@ type ProgressBarProps = {
     progress: number;
     progressMax?: number;
     progressMin?: number;
+    thin?: boolean;
 } & Cauldron.LabelProps & React.HTMLAttributes<HTMLDivElement>;
 declare const ProgressBar: React.ForwardRefExoticComponent<ProgressBarProps & React.RefAttributes<HTMLDivElement>>;
 export default ProgressBar;

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

@@ -9,7 +9,7 @@ export interface RadioGroupProps extends Omit<React.HTMLAttributes<HTMLDivElemen
     className?: string;
     radios: RadioItem[];
     defaultValue?: string;
-    value?: any;
+    value?: string;
     inline?: boolean;
     onChange?: (radio: RadioItem, input: HTMLElement) => void;
 }

package/lib/index.js

@@ -2444,7 +2444,9 @@ var RadioGroup = React.forwardRef(function (_a, ref) {
     var _d = tslib.__read(React.useState(value || defaultValue || null), 2), currentValue = _d[0], setCurrentValue = _d[1];
     var _e = tslib.__read(React.useState(null), 2), focusIndex = _e[0], setFocusIndex = _e[1];
     var inputs = React.useRef([]);
-    var handleChange = function (value) { return setCurrentValue(value); };
+    var handleChange = function (value) {
+        return setCurrentValue(value !== null && value !== void 0 ? value : null);
+    };
     var onRadioFocus = function (index) { return setFocusIndex(index); };
     var onRadioBlur = function () { return setFocusIndex(null); };
     var onRadioClick = function (index) {
@@ -2469,10 +2471,9 @@ var RadioGroup = React.forwardRef(function (_a, ref) {
         return (React__default["default"].createElement("div", { className: "Radio__wrap", key: id },
             React__default["default"].createElement("div", { className: classNames__default["default"]('Radio is--flex-row', className) },
                 React__default["default"].createElement("input", tslib.__assign({ type: "radio", name: name, value: radioValue, id: id, ref: function (input) {
-                        if (!input) {
-                            return;
+                        if (input) {
+                            inputs.current[index] = input;
                         }
-                        inputs.current.push(input);
                     }, onFocus: function () { return onRadioFocus(index); }, onBlur: function () { return onRadioBlur(); }, onChange: function () {
                         var _a;
                         handleChange(radioValue);
@@ -2489,10 +2490,6 @@ var RadioGroup = React.forwardRef(function (_a, ref) {
                     'Field__labelDescription--disabled': disabled
                 }) }, labelDescription))));
     });
-    // reset the input refs array
-    // 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["default"].createElement("div", tslib.__assign({ className: classNames__default["default"](className, { 'Radio--inline': inline }), role: "radiogroup", ref: ref }, other), radioButtons));
 });
 RadioGroup.displayName = 'RadioGroup';
@@ -3419,9 +3416,9 @@ var Stepper = function (_a) {
 Stepper.displayName = 'Stepper';
 
 var ProgressBar = React.forwardRef(function (_a, ref) {
-    var _b = _a.progress, progress = _b === void 0 ? 0 : _b, _c = _a.progressMax, progressMax = _c === void 0 ? 100 : _c, _d = _a.progressMin, progressMin = _d === void 0 ? 0 : _d, props = tslib.__rest(_a, ["progress", "progressMax", "progressMin"]);
+    var _b = _a.progress, progress = _b === void 0 ? 0 : _b, _c = _a.progressMax, progressMax = _c === void 0 ? 100 : _c, _d = _a.progressMin, progressMin = _d === void 0 ? 0 : _d, thin = _a.thin, props = tslib.__rest(_a, ["progress", "progressMax", "progressMin", "thin"]);
     var className = props.className, otherProps = tslib.__rest(props, ["className"]);
-    return (React__default["default"].createElement("div", tslib.__assign({ className: classNames__default["default"]('ProgressBar', className), role: "progressbar", "aria-valuemin": progressMin, "aria-valuemax": progressMax, "aria-valuenow": progress, ref: ref }, otherProps),
+    return (React__default["default"].createElement("div", tslib.__assign({ className: classNames__default["default"]('ProgressBar', { 'ProgressBar--thin': thin }, className), role: "progressbar", "aria-valuemin": progressMin, "aria-valuemax": progressMax, "aria-valuenow": progress, ref: ref }, otherProps),
         React__default["default"].createElement("div", { className: "ProgressBar--fill", style: { width: "".concat(Math.min((progress / progressMax) * 100, 100), "%") } })));
 });
 ProgressBar.displayName = 'ProgressBar';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deque/cauldron-react",
-  "version": "6.26.0",
+  "version": "6.27.0-canary.ccb9880a",
   "license": "MPL-2.0",
   "description": "Fully accessible react components library for Deque Cauldron",
   "homepage": "https://cauldron.dequelabs.com/",