@arc-ui/components 5.0.0 → 6.0.0

package/dist/index.js

@@ -975,7 +975,6 @@ var FormControl = function (_a) {
             }), id: id }, elementProps, filterDataAttrs(props)),
             React__default["default"].createElement(LabelType, __assign({ className: "arc-FormControl-label" }, labelProps),
                 label,
-                " ",
                 requirementStatus === "optional" && (React__default["default"].createElement("span", { className: "arc-FormControl-labelOptional" }, "(optional)"))),
             helper && (React__default["default"].createElement("div", { className: "arc-FormControl-helper", id: idHelper }, helper)),
             children,
@@ -1016,7 +1015,6 @@ var Checkbox = React.forwardRef(function (_a, ref) {
             React__default["default"].createElement("span", { className: "arc-Checkbox-box" }),
             React__default["default"].createElement("span", null,
                 label,
-                " ",
                 !isRequired && requirementStatus !== "optional" ? (React__default["default"].createElement("span", { className: "arc-Checkbox-labelOptional" }, "(optional)")) : null,
                 helper && React__default["default"].createElement("span", { className: "arc-Checkbox-helper" }, helper))),
         errorMessage && (React__default["default"].createElement("div", { id: idError, className: "arc-Checkbox-error" }, errorMessage))));
@@ -1257,9 +1255,6 @@ var RadioContext = React.createContext({});
 var Provider$2 = RadioContext.Provider;
 var useRadioContext = function () {
     var context = React.useContext(RadioContext);
-    if (!context) {
-        console.warn("Ensure to use <RadioGroup.RadioButton /> within the <RadioGroup /> or its branded version.");
-    }
     return context;
 };
 
@@ -1268,10 +1263,10 @@ var useRadioContext = function () {
  */
 var RadioButton = React.forwardRef(function (_a, ref) {
     var helper = _a.helper, id = _a.id, isDisabled = _a.isDisabled, label = _a.label, value = _a.value, props = __rest(_a, ["helper", "id", "isDisabled", "label", "value"]);
-    var _b = useRadioContext(), blurEvent = _b.blurEvent, changeEvent = _b.changeEvent, groupDisabled = _b.groupDisabled, isChecked = _b.isChecked, labelSize = _b.labelSize, name = _b.name, size = _b.size;
+    var _b = useRadioContext(), blurEvent = _b.blurEvent, changeEvent = _b.changeEvent, groupDisabled = _b.groupDisabled, checkedValue = _b.checkedValue, labelSize = _b.labelSize, name = _b.name, size = _b.size;
     var surface = React.useContext(Context$3).surface;
     var idLabel = "".concat(id, "-label");
-    var checked = isChecked === value ? true : false;
+    var checked = checkedValue === value ? true : false;
     return (React__default["default"].createElement("div", __assign({ className: classNames({
             "arc-RadioButton": true,
             "arc-RadioButton--disabled": isDisabled || groupDisabled,
@@ -1290,12 +1285,19 @@ var RadioButton = React.forwardRef(function (_a, ref) {
  * Use `RadioGroup` to wrap and control radio buttons and apply default values
  */
 var RadioGroup = function (_a) {
-    var children = _a.children, defaultValue = _a.defaultValue, _b = _a.isDisabled, isDisabled = _b === void 0 ? false : _b, id = _a.id, helper = _a.helper, label = _a.label, _c = _a.labelSize, labelSize = _c === void 0 ? "l" : _c, name = _a.name, onBlur = _a.onBlur, onChange = _a.onChange, _d = _a.size, size = _d === void 0 ? "l" : _d, props = __rest(_a, ["children", "defaultValue", "isDisabled", "id", "helper", "label", "labelSize", "name", "onBlur", "onChange", "size"]);
+    var children = _a.children, checkedValue = _a.checkedValue, _b = _a.isDisabled, isDisabled = _b === void 0 ? false : _b, id = _a.id, helper = _a.helper, label = _a.label, _c = _a.labelSize, labelSize = _c === void 0 ? "l" : _c, name = _a.name, onBlur = _a.onBlur, onChange = _a.onChange, _d = _a.size, size = _d === void 0 ? "l" : _d, props = __rest(_a, ["children", "checkedValue", "isDisabled", "id", "helper", "label", "labelSize", "name", "onBlur", "onChange", "size"]);
+    React.useEffect(function () {
+        React__default["default"].Children.map(children, function (item) {
+            if (item && item.type !== RadioButton) {
+                throw new Error("Illegal child passed to <RadioGroup />. Ensure to only use <RadioGroup.RadioButton />.");
+            }
+        });
+    }, [children]);
     return (React__default["default"].createElement(Provider$2, { value: {
             blurEvent: onBlur,
             changeEvent: onChange,
             groupDisabled: isDisabled,
-            isChecked: defaultValue,
+            checkedValue: checkedValue,
             labelSize: labelSize,
             name: name,
             size: size