@coreui/react 4.0.0-rc.5 → 4.0.2

package/dist/index.js

@@ -5955,7 +5955,14 @@ CFormLabel.displayName = 'CFormLabel';
 
 var CFormCheck = React.forwardRef(function (_a, ref) {
     var _b;
-    var className = _a.className, button = _a.button, hitArea = _a.hitArea, id = _a.id, inline = _a.inline, invalid = _a.invalid, label = _a.label, _c = _a.type, type = _c === void 0 ? 'checkbox' : _c, valid = _a.valid, rest = __rest(_a, ["className", "button", "hitArea", "id", "inline", "invalid", "label", "type", "valid"]);
+    var className = _a.className, button = _a.button, hitArea = _a.hitArea, id = _a.id, indeterminate = _a.indeterminate, inline = _a.inline, invalid = _a.invalid, label = _a.label, _c = _a.type, type = _c === void 0 ? 'checkbox' : _c, valid = _a.valid, rest = __rest(_a, ["className", "button", "hitArea", "id", "indeterminate", "inline", "invalid", "label", "type", "valid"]);
+    var inputRef = React.useRef(null);
+    var forkedRef = useForkedRef(ref, inputRef);
+    React.useEffect(function () {
+        if (inputRef.current && indeterminate) {
+            inputRef.current.indeterminate = indeterminate;
+        }
+    }, [indeterminate]);
     var _className = classNames('form-check', {
         'form-check-inline': inline,
         'is-invalid': invalid,
@@ -5972,7 +5979,7 @@ var CFormCheck = React.forwardRef(function (_a, ref) {
             _b), "" + button.shape)
         : 'form-check-label');
     var formControl = function () {
-        return React__default["default"].createElement("input", __assign({ type: type, className: inputClassName, id: id }, rest, { ref: ref }));
+        return React__default["default"].createElement("input", __assign({ type: type, className: inputClassName, id: id }, rest, { ref: forkedRef }));
     };
     var formLabel = function () {
         return (React__default["default"].createElement(CFormLabel, __assign({ customClassName: labelClassName }, (id && { htmlFor: id })), label));
@@ -5990,6 +5997,7 @@ CFormCheck.propTypes = {
     className: PropTypes.string,
     hitArea: PropTypes.oneOf(['full']),
     id: PropTypes.string,
+    indeterminate: PropTypes.bool,
     inline: PropTypes.bool,
     invalid: PropTypes.bool,
     label: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
@@ -6062,19 +6070,25 @@ CFormRange.displayName = 'CFormRange';
 
 var CFormSelect = React.forwardRef(function (_a, ref) {
     var _b;
-    var children = _a.children, className = _a.className, htmlSize = _a.htmlSize, invalid = _a.invalid, size = _a.size, valid = _a.valid, rest = __rest(_a, ["children", "className", "htmlSize", "invalid", "size", "valid"]);
+    var children = _a.children, className = _a.className, htmlSize = _a.htmlSize, invalid = _a.invalid, options = _a.options, size = _a.size, valid = _a.valid, rest = __rest(_a, ["children", "className", "htmlSize", "invalid", "options", "size", "valid"]);
     var _className = classNames('form-select', (_b = {},
         _b["form-select-" + size] = size,
         _b['is-invalid'] = invalid,
         _b['is-valid'] = valid,
         _b), className);
-    return (React__default["default"].createElement("select", __assign({ className: _className, size: htmlSize }, rest, { ref: ref }), children));
+    return (React__default["default"].createElement("select", __assign({ className: _className, size: htmlSize }, rest, { ref: ref }), options
+        ? options.map(function (option, index) {
+            return (React__default["default"].createElement("option", __assign({}, (typeof option === 'object' &&
+                option.disabled && { disabled: option.disabled }), (typeof option === 'object' && option.value && { value: option.value }), { key: index }), typeof option === 'string' ? option : option.label));
+        })
+        : children));
 });
 CFormSelect.propTypes = {
     children: PropTypes.node,
     className: PropTypes.string,
     htmlSize: PropTypes.number,
     invalid: PropTypes.bool,
+    options: PropTypes.array,
     size: PropTypes.oneOf(['sm', 'lg']),
     valid: PropTypes.bool,
 };