rsuite 5.46.0 → 5.46.1

package/CHANGELOG.md

@@ -1,3 +1,11 @@
+## [5.46.1](https://github.com/rsuite/rsuite/compare/v5.46.0...v5.46.1) (2023-12-01)
+
+### Bug Fixes
+
+- **Calendar:** fix incorrect week numbers calculation ([#3471](https://github.com/rsuite/rsuite/issues/3471)) ([646e728](https://github.com/rsuite/rsuite/commit/646e72874595ee7c0a8d8596175c974ff67e146a))
+- **CSS:** fix CSS calc syntax compatibility issue ([#3474](https://github.com/rsuite/rsuite/issues/3474)) ([88021ee](https://github.com/rsuite/rsuite/commit/88021eeaa0f7e720f6511616c0e2413570700159))
+- **Slider,RangeSlider:** fix onChangeCommitted not triggered when the… ([#3472](https://github.com/rsuite/rsuite/issues/3472)) ([18a6e17](https://github.com/rsuite/rsuite/commit/18a6e17417bcb516701340b335c10ee3c7efa15a))
+
 # [5.46.0](https://github.com/rsuite/rsuite/compare/v5.45.0...v5.46.0) (2023-11-24)
 
 ### Bug Fixes

package/cjs/Calendar/Table.js

@@ -32,7 +32,8 @@ var Table = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   }), /*#__PURE__*/_react.default.createElement(_TableHeaderRow.default, null), rows.map(function (week, index) {
     return /*#__PURE__*/_react.default.createElement(_TableRow.default, {
       key: index,
-      weekendDate: week
+      weekendDate: week,
+      rowIndex: index + 1
     });
   }));
 });

package/cjs/Calendar/TableRow.d.ts

@@ -1,6 +1,7 @@
 import { RsRefForwardingComponent, WithAsProps } from '../@types/common';
 export interface TableRowProps extends WithAsProps {
     weekendDate?: Date;
+    rowIndex?: number;
 }
 declare const TableRow: RsRefForwardingComponent<'div', TableRowProps>;
 export default TableRow;

package/cjs/Calendar/TableRow.js

@@ -21,7 +21,8 @@ var TableRow = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     classPrefix = _props$classPrefix === void 0 ? 'calendar-table' : _props$classPrefix,
     _props$weekendDate = props.weekendDate,
     weekendDate = _props$weekendDate === void 0 ? new Date() : _props$weekendDate,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "className", "classPrefix", "weekendDate"]);
+    rowIndex = props.rowIndex,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "className", "classPrefix", "weekendDate", "rowIndex"]);
   var _useCalendarContext = (0, _CalendarContext.useCalendarContext)(),
     _useCalendarContext$d = _useCalendarContext.date,
     selected = _useCalendarContext$d === void 0 ? new Date() : _useCalendarContext$d,
@@ -95,14 +96,19 @@ var TableRow = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     return days;
   };
   var classes = merge(className, prefix('row'));
+  var week = (0, _dateUtils.format)(weekendDate, isoWeek ? 'I' : 'w', {
+    firstWeekContainsDate: 4
+  });
   return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {
     ref: ref,
     role: "row",
+    "aria-rowindex": rowIndex,
     className: classes
   }), showWeekNumbers && /*#__PURE__*/_react.default.createElement("div", {
-    className: prefix('cell-week-number'),
-    role: "rowheader"
-  }, (0, _dateUtils.format)(weekendDate, isoWeek ? 'I' : 'w')), renderDays());
+    role: "rowheader",
+    "aria-label": "Week " + week,
+    className: prefix('cell-week-number')
+  }, week), renderDays());
 });
 TableRow.displayName = 'CalendarTableRow';
 TableRow.propTypes = {

package/cjs/RangeSlider/RangeSlider.js

@@ -36,6 +36,7 @@ var RangeSlider = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     progress = _props$progress === void 0 ? true : _props$progress,
     vertical = props.vertical,
     disabled = props.disabled,
+    readOnly = props.readOnly,
     _props$classPrefix = props.classPrefix,
     classPrefix = _props$classPrefix === void 0 ? 'slider' : _props$classPrefix,
     _props$min = props.min,
@@ -55,7 +56,7 @@ var RangeSlider = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     renderMark = props.renderMark,
     onChange = props.onChange,
     onChangeCommitted = props.onChangeCommitted,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["aria-label", "aria-labelledby", "aria-valuetext", "as", "barClassName", "className", "constraint", "defaultValue", "graduated", "progress", "vertical", "disabled", "classPrefix", "min", "max", "step", "value", "handleClassName", "handleStyle", "handleTitle", "tooltip", "getAriaValueText", "renderTooltip", "renderMark", "onChange", "onChangeCommitted"]);
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["aria-label", "aria-labelledby", "aria-valuetext", "as", "barClassName", "className", "constraint", "defaultValue", "graduated", "progress", "vertical", "disabled", "readOnly", "classPrefix", "min", "max", "step", "value", "handleClassName", "handleStyle", "handleTitle", "tooltip", "getAriaValueText", "renderTooltip", "renderMark", "onChange", "onChangeCommitted"]);
   var barRef = (0, _react.useRef)(null);
 
   // Define the parameter position of the handle
@@ -168,6 +169,9 @@ var RangeSlider = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
    * Callback function that is fired when the mousemove is triggered
    */
   var handleDragMove = (0, _utils.useEventCallback)(function (event, dataset) {
+    if (disabled || readOnly) {
+      return;
+    }
     var nextValue = getNextValue(event, dataset);
     if (isRangeMatchingConstraint(nextValue)) {
       setValue(nextValue);
@@ -179,12 +183,15 @@ var RangeSlider = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
    * Callback function that is fired when the mouseup is triggered
    */
   var handleChangeCommitted = (0, _react.useCallback)(function (event, dataset) {
+    if (disabled || readOnly) {
+      return;
+    }
     var nextValue = getNextValue(event, dataset);
     if (isRangeMatchingConstraint(nextValue)) {
       setValue(nextValue);
       onChangeCommitted === null || onChangeCommitted === void 0 ? void 0 : onChangeCommitted(nextValue, event);
     }
-  }, [getNextValue, onChangeCommitted, isRangeMatchingConstraint, setValue]);
+  }, [disabled, readOnly, getNextValue, isRangeMatchingConstraint, setValue, onChangeCommitted]);
   var handleKeyDown = (0, _react.useCallback)(function (event) {
     var _event$target;
     var _event$target$dataset = (_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target['dataset'],
@@ -225,8 +232,8 @@ var RangeSlider = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);
     }
   }, [max, min, onChange, rtl, isRangeMatchingConstraint, setValue, step, value]);
-  var handleClick = (0, _react.useCallback)(function (event) {
-    if (disabled) {
+  var handleBarClick = (0, _react.useCallback)(function (event) {
+    if (disabled || readOnly) {
       return;
     }
     var start = value[0],
@@ -245,8 +252,9 @@ var RangeSlider = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     if (isRangeMatchingConstraint(nextValue)) {
       setValue(nextValue);
       onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);
+      onChangeCommitted === null || onChangeCommitted === void 0 ? void 0 : onChangeCommitted(nextValue, event);
     }
-  }, [disabled, getValidValue, getValueByPosition, isRangeMatchingConstraint, onChange, setValue, value]);
+  }, [disabled, readOnly, getValidValue, getValueByPosition, isRangeMatchingConstraint, onChange, onChangeCommitted, setValue, value]);
   var handleProps = (0, _react.useMemo)(function () {
     return [{
       value: value[0],
@@ -287,7 +295,7 @@ var RangeSlider = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   }), /*#__PURE__*/_react.default.createElement("div", {
     className: merge(barClassName, prefix('bar')),
     ref: barRef,
-    onClick: handleClick
+    onClick: handleBarClick
   }, progress && /*#__PURE__*/_react.default.createElement(_ProgressBar.default, {
     rtl: rtl,
     vertical: vertical,

package/cjs/Slider/Slider.js

@@ -90,9 +90,9 @@ var Slider = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var classes = merge(className, withClassPrefix({
     vertical: vertical,
     disabled: disabled,
-    readOnly: readOnly,
     graduated: graduated,
-    'with-mark': renderMark
+    'with-mark': renderMark,
+    readonly: readOnly
   }));
   var max = (0, _react.useMemo)(function () {
     return (0, _utils2.precisionMath)(Math.floor((maxProp - min) / step) * step + min);
@@ -166,6 +166,10 @@ var Slider = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     var nextValue = getValidValue(getValueByPosition(event));
     onChangeCommitted === null || onChangeCommitted === void 0 ? void 0 : onChangeCommitted(nextValue, event);
   }, [disabled, getValidValue, getValueByPosition, onChangeCommitted, readOnly]);
+  var handleClickBar = (0, _react.useCallback)(function (event) {
+    handleChangeValue(event);
+    handleChangeCommitted(event);
+  }, [handleChangeCommitted, handleChangeValue]);
   var handleKeyDown = (0, _react.useCallback)(function (event) {
     var nextValue;
     var increaseKey = rtl ? 'ArrowLeft' : 'ArrowRight';
@@ -207,7 +211,7 @@ var Slider = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   }), /*#__PURE__*/_react.default.createElement("div", {
     ref: barRef,
     className: merge(barClassName, prefix('bar')),
-    onClick: handleChangeValue
+    onClick: handleClickBar
   }, progress && /*#__PURE__*/_react.default.createElement(_ProgressBar.default, {
     rtl: rtl,
     vertical: vertical,

package/cjs/Table/Table.d.ts

@@ -6,10 +6,10 @@ export interface CellProps<Row extends RowDataType> extends Omit<TableCellProps<
     /** Row Data */
     rowData?: Row;
 }
-declare const _default: (<Row extends RowDataType<never>, Key extends RowKeyType>(props: TableProps<Row, Key> & React.RefAttributes<TableInstance<Row, Key>>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & {
-    Cell: <Row_1 extends RowDataType<never>, Key_1 extends RowKeyType>(props: import("rsuite-table/lib/Cell").InnerCellProps<Row_1, Key_1> & React.RefAttributes<HTMLDivElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+declare const _default: (<Row extends RowDataType<any>, Key extends RowKeyType>(props: TableProps<Row, Key> & React.RefAttributes<TableInstance<Row, Key>>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & {
+    Cell: <Row_1 extends RowDataType<any>, Key_1 extends RowKeyType>(props: import("rsuite-table/lib/Cell").InnerCellProps<Row_1, Key_1> & React.RefAttributes<HTMLDivElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
     Column: typeof Column;
-    HeaderCell: <Row_2 extends RowDataType<never>, Key_2 extends RowKeyType>(props: import("rsuite-table").HeaderCellProps<Row_2, Key_2> & React.RefAttributes<HTMLDivElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+    HeaderCell: <Row_2 extends RowDataType<any>, Key_2 extends RowKeyType>(props: import("rsuite-table").HeaderCellProps<Row_2, Key_2> & React.RefAttributes<HTMLDivElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
     ColumnGroup: React.ForwardRefExoticComponent<import("rsuite-table").ColumnGroupProps & React.RefAttributes<HTMLDivElement>>;
 };
 export default _default;

package/dist/rsuite-no-reset-rtl.css

@@ -538,7 +538,7 @@
   --rs-progress-bar-success: var(--rs-color-green);
   --rs-progress-bar-fail: var(--rs-color-red);
   --rs-placeholder: var(--rs-gray-600);
-  --rs-placeholder-active: hsl(from var(--rs-gray-600) h s calc(l + l * 0.2));
+  --rs-placeholder-active: var(--rs-gray-500);
   --rs-breadcrumb-item-active-text: #fff;
   --rs-dropdown-divider: var(--rs-gray-600);
   --rs-dropdown-item-bg-hover: var(--rs-gray-600);
@@ -880,7 +880,7 @@
   --rs-progress-bar-success: var(--rs-color-green);
   --rs-progress-bar-fail: var(--rs-color-red);
   --rs-placeholder: var(--rs-gray-600);
-  --rs-placeholder-active: hsl(from var(--rs-gray-600) h s calc(l + l * 0.2));
+  --rs-placeholder-active: var(--rs-gray-500);
   --rs-breadcrumb-item-active-text: #fff;
   --rs-dropdown-divider: var(--rs-gray-600);
   --rs-dropdown-item-bg-hover: var(--rs-gray-600);