rsuite 5.7.0 → 5.7.1

package/CHANGELOG.md

@@ -1,3 +1,9 @@
+## [5.7.1](https://github.com/rsuite/rsuite/compare/v5.7.0...v5.7.1) (2022-04-02)
+
+### Bug Fixes
+
+- **Checkbox:** correct checked state in onChange callback ([#2430](https://github.com/rsuite/rsuite/issues/2430)) ([c6819f9](https://github.com/rsuite/rsuite/commit/c6819f98fe33e197376ecd1e301eaa471c6c2178))
+
 # [5.7.0](https://github.com/rsuite/rsuite/compare/v5.6.6...v5.7.0) (2022-03-31)
 
 ### Bug Fixes

package/cjs/Checkbox/Checkbox.js

@@ -112,7 +112,7 @@ var Checkbox = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   }
 
   var handleChange = (0, _react.useCallback)(function (event) {
-    var nextChecked = !event.target.checked;
+    var nextChecked = event.target.checked;
 
     if (disabled || readOnly) {
       return;

package/dist/rsuite.js

@@ -2100,7 +2100,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _taggedTemplateLiteralLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteralLoose */ \"./node_modules/@babel/runtime/helpers/taggedTemplateLiteralLoose.js\"));\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _CheckboxGroup = __webpack_require__(/*! ../CheckboxGroup */ \"./src/CheckboxGroup/index.tsx\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Checkbox/Checkbox.tsx\",\n    _this = void 0,\n    _templateObject,\n    _templateObject2,\n    _templateObject3;\n\nvar Checkbox = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var checkboxGroupContext = (0, _react.useContext)(_CheckboxGroup.CheckboxGroupContext);\n\n  var _ref = checkboxGroupContext !== null && checkboxGroupContext !== void 0 ? checkboxGroupContext : {},\n      inlineContext = _ref.inline,\n      nameContext = _ref.name,\n      disabledContext = _ref.disabled,\n      readOnlyContext = _ref.readOnly,\n      plaintextContext = _ref.plaintext,\n      onGroupChange = _ref.onChange;\n\n  var _props$as = props.as,\n      Component = _props$as === void 0 ? 'div' : _props$as,\n      controlledChecked = props.checked,\n      className = props.className,\n      children = props.children,\n      _props$classPrefix = props.classPrefix,\n      classPrefix = _props$classPrefix === void 0 ? 'checkbox' : _props$classPrefix,\n      _props$checkable = props.checkable,\n      checkable = _props$checkable === void 0 ? true : _props$checkable,\n      _props$defaultChecked = props.defaultChecked,\n      defaultChecked = _props$defaultChecked === void 0 ? false : _props$defaultChecked,\n      title = props.title,\n      inputRef = props.inputRef,\n      inputProps = props.inputProps,\n      indeterminate = props.indeterminate,\n      _props$tabIndex = props.tabIndex,\n      tabIndex = _props$tabIndex === void 0 ? 0 : _props$tabIndex,\n      _props$disabled = props.disabled,\n      disabled = _props$disabled === void 0 ? disabledContext : _props$disabled,\n      _props$readOnly = props.readOnly,\n      readOnly = _props$readOnly === void 0 ? readOnlyContext : _props$readOnly,\n      _props$plaintext = props.plaintext,\n      plaintext = _props$plaintext === void 0 ? plaintextContext : _props$plaintext,\n      _props$inline = props.inline,\n      inline = _props$inline === void 0 ? inlineContext : _props$inline,\n      _props$name = props.name,\n      name = _props$name === void 0 ? nameContext : _props$name,\n      value = props.value,\n      onClick = props.onClick,\n      onCheckboxClick = props.onCheckboxClick,\n      onChange = props.onChange,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"checked\", \"className\", \"children\", \"classPrefix\", \"checkable\", \"defaultChecked\", \"title\", \"inputRef\", \"inputProps\", \"indeterminate\", \"tabIndex\", \"disabled\", \"readOnly\", \"plaintext\", \"inline\", \"name\", \"value\", \"onClick\", \"onCheckboxClick\", \"onChange\"]);\n\n  var _useControlled = (0, _utils.useControlled)(controlledChecked, defaultChecked),\n      selfChecked = _useControlled[0],\n      setSelfChecked = _useControlled[1],\n      selfControlled = _useControlled[2]; // Either <Checkbox> is checked itself or by parent <CheckboxGroup>\n\n\n  var checked = (0, _react.useMemo)(function () {\n    var _checkboxGroupContext, _checkboxGroupContext2;\n\n    if (!checkboxGroupContext) {\n      return selfChecked;\n    } // fixme value from group should not be nullable\n\n\n    return (_checkboxGroupContext = (_checkboxGroupContext2 = checkboxGroupContext.value) === null || _checkboxGroupContext2 === void 0 ? void 0 : _checkboxGroupContext2.some(function (checkedValue) {\n      return checkedValue === value;\n    })) !== null && _checkboxGroupContext !== void 0 ? _checkboxGroupContext : false;\n  }, [checkboxGroupContext, selfChecked, value]);\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      merge = _useClassNames.merge,\n      prefix = _useClassNames.prefix,\n      withClassPrefix = _useClassNames.withClassPrefix;\n\n  var classes = merge(className, withClassPrefix({\n    inline: inline,\n    indeterminate: indeterminate,\n    disabled: disabled,\n    checked: checked\n  }));\n\n  var _partitionHTMLProps = (0, _utils.partitionHTMLProps)(rest),\n      htmlInputProps = _partitionHTMLProps[0],\n      restProps = _partitionHTMLProps[1]; // If <Checkbox> is within a <CheckboxGroup>, it's bound to be controlled\n  // because its checked state is inferred from group's value, not retrieved from the DOM\n\n\n  var controlled = checkboxGroupContext ? true : selfControlled;\n\n  if (typeof controlled !== 'undefined') {\n    // In uncontrolled situations, use defaultChecked instead of checked\n    htmlInputProps[controlled ? 'checked' : 'defaultChecked'] = checked;\n  }\n\n  var handleChange = (0, _react.useCallback)(function (event) {\n    var nextChecked = !event.target.checked;\n\n    if (disabled || readOnly) {\n      return;\n    }\n\n    setSelfChecked(nextChecked);\n    onChange === null || onChange === void 0 ? void 0 : onChange(value, nextChecked, event);\n    onGroupChange === null || onGroupChange === void 0 ? void 0 : onGroupChange(value, nextChecked, event);\n  }, [disabled, readOnly, setSelfChecked, onChange, value, onGroupChange]);\n\n  if (plaintext) {\n    return checked ? /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, restProps, {\n      ref: ref,\n      className: classes,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 148,\n        columnNumber: 9\n      }\n    }), children) : null;\n  }\n\n  var input = /*#__PURE__*/_react.default.createElement(\"span\", {\n    className: prefix(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)([\"wrapper\"]))),\n    onClick: onCheckboxClick,\n    \"aria-disabled\": disabled,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 155,\n      columnNumber: 7\n    }\n  }, /*#__PURE__*/_react.default.createElement(\"input\", (0, _extends2.default)({}, htmlInputProps, inputProps, {\n    name: name,\n    value: value,\n    type: \"checkbox\",\n    ref: inputRef,\n    tabIndex: tabIndex,\n    readOnly: readOnly,\n    disabled: disabled,\n    \"aria-disabled\": disabled,\n    \"aria-checked\": indeterminate ? 'mixed' : checked,\n    onClick: function onClick(event) {\n      return event.stopPropagation();\n    },\n    onChange: handleChange,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 156,\n      columnNumber: 9\n    }\n  })), /*#__PURE__*/_react.default.createElement(\"span\", {\n    className: prefix(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)([\"inner\"]))),\n    \"aria-hidden\": true,\n    role: \"presentation\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 171,\n      columnNumber: 9\n    }\n  }));\n\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, restProps, {\n    ref: ref,\n    onClick: onClick,\n    className: classes,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 176,\n      columnNumber: 7\n    }\n  }), /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: prefix(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)([\"checker\"]))),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 177,\n      columnNumber: 9\n    }\n  }, /*#__PURE__*/_react.default.createElement(\"label\", {\n    title: title,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 178,\n      columnNumber: 11\n    }\n  }, checkable ? input : null, children)));\n});\n\nCheckbox.displayName = 'Checkbox';\nCheckbox.propTypes = {\n  as: _propTypes.default.elementType,\n  title: _propTypes.default.string,\n  className: _propTypes.default.string,\n  inline: _propTypes.default.bool,\n  disabled: _propTypes.default.bool,\n  checked: _propTypes.default.bool,\n  defaultChecked: _propTypes.default.bool,\n  indeterminate: _propTypes.default.bool,\n  onChange: _propTypes.default.func,\n  onClick: _propTypes.default.func,\n  inputProps: _propTypes.default.any,\n  inputRef: _utils.TypeChecker.refType,\n  value: _propTypes.default.any,\n  children: _propTypes.default.node,\n  classPrefix: _propTypes.default.string,\n  tabIndex: _propTypes.default.number,\n  checkable: _propTypes.default.bool,\n  onCheckboxClick: _propTypes.default.func\n};\nvar _default = Checkbox;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Checkbox/Checkbox.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _taggedTemplateLiteralLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteralLoose */ \"./node_modules/@babel/runtime/helpers/taggedTemplateLiteralLoose.js\"));\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _CheckboxGroup = __webpack_require__(/*! ../CheckboxGroup */ \"./src/CheckboxGroup/index.tsx\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Checkbox/Checkbox.tsx\",\n    _this = void 0,\n    _templateObject,\n    _templateObject2,\n    _templateObject3;\n\nvar Checkbox = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var checkboxGroupContext = (0, _react.useContext)(_CheckboxGroup.CheckboxGroupContext);\n\n  var _ref = checkboxGroupContext !== null && checkboxGroupContext !== void 0 ? checkboxGroupContext : {},\n      inlineContext = _ref.inline,\n      nameContext = _ref.name,\n      disabledContext = _ref.disabled,\n      readOnlyContext = _ref.readOnly,\n      plaintextContext = _ref.plaintext,\n      onGroupChange = _ref.onChange;\n\n  var _props$as = props.as,\n      Component = _props$as === void 0 ? 'div' : _props$as,\n      controlledChecked = props.checked,\n      className = props.className,\n      children = props.children,\n      _props$classPrefix = props.classPrefix,\n      classPrefix = _props$classPrefix === void 0 ? 'checkbox' : _props$classPrefix,\n      _props$checkable = props.checkable,\n      checkable = _props$checkable === void 0 ? true : _props$checkable,\n      _props$defaultChecked = props.defaultChecked,\n      defaultChecked = _props$defaultChecked === void 0 ? false : _props$defaultChecked,\n      title = props.title,\n      inputRef = props.inputRef,\n      inputProps = props.inputProps,\n      indeterminate = props.indeterminate,\n      _props$tabIndex = props.tabIndex,\n      tabIndex = _props$tabIndex === void 0 ? 0 : _props$tabIndex,\n      _props$disabled = props.disabled,\n      disabled = _props$disabled === void 0 ? disabledContext : _props$disabled,\n      _props$readOnly = props.readOnly,\n      readOnly = _props$readOnly === void 0 ? readOnlyContext : _props$readOnly,\n      _props$plaintext = props.plaintext,\n      plaintext = _props$plaintext === void 0 ? plaintextContext : _props$plaintext,\n      _props$inline = props.inline,\n      inline = _props$inline === void 0 ? inlineContext : _props$inline,\n      _props$name = props.name,\n      name = _props$name === void 0 ? nameContext : _props$name,\n      value = props.value,\n      onClick = props.onClick,\n      onCheckboxClick = props.onCheckboxClick,\n      onChange = props.onChange,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"checked\", \"className\", \"children\", \"classPrefix\", \"checkable\", \"defaultChecked\", \"title\", \"inputRef\", \"inputProps\", \"indeterminate\", \"tabIndex\", \"disabled\", \"readOnly\", \"plaintext\", \"inline\", \"name\", \"value\", \"onClick\", \"onCheckboxClick\", \"onChange\"]);\n\n  var _useControlled = (0, _utils.useControlled)(controlledChecked, defaultChecked),\n      selfChecked = _useControlled[0],\n      setSelfChecked = _useControlled[1],\n      selfControlled = _useControlled[2]; // Either <Checkbox> is checked itself or by parent <CheckboxGroup>\n\n\n  var checked = (0, _react.useMemo)(function () {\n    var _checkboxGroupContext, _checkboxGroupContext2;\n\n    if (!checkboxGroupContext) {\n      return selfChecked;\n    } // fixme value from group should not be nullable\n\n\n    return (_checkboxGroupContext = (_checkboxGroupContext2 = checkboxGroupContext.value) === null || _checkboxGroupContext2 === void 0 ? void 0 : _checkboxGroupContext2.some(function (checkedValue) {\n      return checkedValue === value;\n    })) !== null && _checkboxGroupContext !== void 0 ? _checkboxGroupContext : false;\n  }, [checkboxGroupContext, selfChecked, value]);\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      merge = _useClassNames.merge,\n      prefix = _useClassNames.prefix,\n      withClassPrefix = _useClassNames.withClassPrefix;\n\n  var classes = merge(className, withClassPrefix({\n    inline: inline,\n    indeterminate: indeterminate,\n    disabled: disabled,\n    checked: checked\n  }));\n\n  var _partitionHTMLProps = (0, _utils.partitionHTMLProps)(rest),\n      htmlInputProps = _partitionHTMLProps[0],\n      restProps = _partitionHTMLProps[1]; // If <Checkbox> is within a <CheckboxGroup>, it's bound to be controlled\n  // because its checked state is inferred from group's value, not retrieved from the DOM\n\n\n  var controlled = checkboxGroupContext ? true : selfControlled;\n\n  if (typeof controlled !== 'undefined') {\n    // In uncontrolled situations, use defaultChecked instead of checked\n    htmlInputProps[controlled ? 'checked' : 'defaultChecked'] = checked;\n  }\n\n  var handleChange = (0, _react.useCallback)(function (event) {\n    var nextChecked = event.target.checked;\n\n    if (disabled || readOnly) {\n      return;\n    }\n\n    setSelfChecked(nextChecked);\n    onChange === null || onChange === void 0 ? void 0 : onChange(value, nextChecked, event);\n    onGroupChange === null || onGroupChange === void 0 ? void 0 : onGroupChange(value, nextChecked, event);\n  }, [disabled, readOnly, setSelfChecked, onChange, value, onGroupChange]);\n\n  if (plaintext) {\n    return checked ? /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, restProps, {\n      ref: ref,\n      className: classes,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 148,\n        columnNumber: 9\n      }\n    }), children) : null;\n  }\n\n  var input = /*#__PURE__*/_react.default.createElement(\"span\", {\n    className: prefix(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)([\"wrapper\"]))),\n    onClick: onCheckboxClick,\n    \"aria-disabled\": disabled,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 155,\n      columnNumber: 7\n    }\n  }, /*#__PURE__*/_react.default.createElement(\"input\", (0, _extends2.default)({}, htmlInputProps, inputProps, {\n    name: name,\n    value: value,\n    type: \"checkbox\",\n    ref: inputRef,\n    tabIndex: tabIndex,\n    readOnly: readOnly,\n    disabled: disabled,\n    \"aria-disabled\": disabled,\n    \"aria-checked\": indeterminate ? 'mixed' : checked,\n    onClick: function onClick(event) {\n      return event.stopPropagation();\n    },\n    onChange: handleChange,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 156,\n      columnNumber: 9\n    }\n  })), /*#__PURE__*/_react.default.createElement(\"span\", {\n    className: prefix(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)([\"inner\"]))),\n    \"aria-hidden\": true,\n    role: \"presentation\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 171,\n      columnNumber: 9\n    }\n  }));\n\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, restProps, {\n    ref: ref,\n    onClick: onClick,\n    className: classes,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 176,\n      columnNumber: 7\n    }\n  }), /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: prefix(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)([\"checker\"]))),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 177,\n      columnNumber: 9\n    }\n  }, /*#__PURE__*/_react.default.createElement(\"label\", {\n    title: title,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 178,\n      columnNumber: 11\n    }\n  }, checkable ? input : null, children)));\n});\n\nCheckbox.displayName = 'Checkbox';\nCheckbox.propTypes = {\n  as: _propTypes.default.elementType,\n  title: _propTypes.default.string,\n  className: _propTypes.default.string,\n  inline: _propTypes.default.bool,\n  disabled: _propTypes.default.bool,\n  checked: _propTypes.default.bool,\n  defaultChecked: _propTypes.default.bool,\n  indeterminate: _propTypes.default.bool,\n  onChange: _propTypes.default.func,\n  onClick: _propTypes.default.func,\n  inputProps: _propTypes.default.any,\n  inputRef: _utils.TypeChecker.refType,\n  value: _propTypes.default.any,\n  children: _propTypes.default.node,\n  classPrefix: _propTypes.default.string,\n  tabIndex: _propTypes.default.number,\n  checkable: _propTypes.default.bool,\n  onCheckboxClick: _propTypes.default.func\n};\nvar _default = Checkbox;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Checkbox/Checkbox.tsx?");
 
 /***/ }),