rsuite 5.46.0 → 5.46.1

package/esm/Calendar/Table.js

@@ -27,7 +27,8 @@ var Table = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }), /*#__PURE__*/React.createElement(TableHeaderRow, null), rows.map(function (week, index) {
     return /*#__PURE__*/React.createElement(TableRow, {
       key: index,
-      weekendDate: week
+      weekendDate: week,
+      rowIndex: index + 1
     });
   }));
 });

package/esm/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/esm/Calendar/TableRow.js

@@ -15,7 +15,8 @@ var TableRow = /*#__PURE__*/React.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 = _objectWithoutPropertiesLoose(props, ["as", "className", "classPrefix", "weekendDate"]);
+    rowIndex = props.rowIndex,
+    rest = _objectWithoutPropertiesLoose(props, ["as", "className", "classPrefix", "weekendDate", "rowIndex"]);
   var _useCalendarContext = useCalendarContext(),
     _useCalendarContext$d = _useCalendarContext.date,
     selected = _useCalendarContext$d === void 0 ? new Date() : _useCalendarContext$d,
@@ -89,14 +90,19 @@ var TableRow = /*#__PURE__*/React.forwardRef(function (props, ref) {
     return days;
   };
   var classes = merge(className, prefix('row'));
+  var week = format(weekendDate, isoWeek ? 'I' : 'w', {
+    firstWeekContainsDate: 4
+  });
   return /*#__PURE__*/React.createElement(Component, _extends({}, rest, {
     ref: ref,
     role: "row",
+    "aria-rowindex": rowIndex,
     className: classes
   }), showWeekNumbers && /*#__PURE__*/React.createElement("div", {
-    className: prefix('cell-week-number'),
-    role: "rowheader"
-  }, 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/esm/RangeSlider/RangeSlider.js

@@ -30,6 +30,7 @@ var RangeSlider = /*#__PURE__*/React.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,
@@ -49,7 +50,7 @@ var RangeSlider = /*#__PURE__*/React.forwardRef(function (props, ref) {
     renderMark = props.renderMark,
     onChange = props.onChange,
     onChangeCommitted = props.onChangeCommitted,
-    rest = _objectWithoutPropertiesLoose(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 = _objectWithoutPropertiesLoose(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 = useRef(null);
 
   // Define the parameter position of the handle
@@ -162,6 +163,9 @@ var RangeSlider = /*#__PURE__*/React.forwardRef(function (props, ref) {
    * Callback function that is fired when the mousemove is triggered
    */
   var handleDragMove = useEventCallback(function (event, dataset) {
+    if (disabled || readOnly) {
+      return;
+    }
     var nextValue = getNextValue(event, dataset);
     if (isRangeMatchingConstraint(nextValue)) {
       setValue(nextValue);
@@ -173,12 +177,15 @@ var RangeSlider = /*#__PURE__*/React.forwardRef(function (props, ref) {
    * Callback function that is fired when the mouseup is triggered
    */
   var handleChangeCommitted = 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 = useCallback(function (event) {
     var _event$target;
     var _event$target$dataset = (_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target['dataset'],
@@ -219,8 +226,8 @@ var RangeSlider = /*#__PURE__*/React.forwardRef(function (props, ref) {
       onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);
     }
   }, [max, min, onChange, rtl, isRangeMatchingConstraint, setValue, step, value]);
-  var handleClick = useCallback(function (event) {
-    if (disabled) {
+  var handleBarClick = useCallback(function (event) {
+    if (disabled || readOnly) {
       return;
     }
     var start = value[0],
@@ -239,8 +246,9 @@ var RangeSlider = /*#__PURE__*/React.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 = useMemo(function () {
     return [{
       value: value[0],
@@ -281,7 +289,7 @@ var RangeSlider = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }), /*#__PURE__*/React.createElement("div", {
     className: merge(barClassName, prefix('bar')),
     ref: barRef,
-    onClick: handleClick
+    onClick: handleBarClick
   }, progress && /*#__PURE__*/React.createElement(ProgressBar, {
     rtl: rtl,
     vertical: vertical,

package/esm/Slider/Slider.js

@@ -83,9 +83,9 @@ var Slider = /*#__PURE__*/React.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 = useMemo(function () {
     return precisionMath(Math.floor((maxProp - min) / step) * step + min);
@@ -159,6 +159,10 @@ var Slider = /*#__PURE__*/React.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 = useCallback(function (event) {
+    handleChangeValue(event);
+    handleChangeCommitted(event);
+  }, [handleChangeCommitted, handleChangeValue]);
   var handleKeyDown = useCallback(function (event) {
     var nextValue;
     var increaseKey = rtl ? 'ArrowLeft' : 'ArrowRight';
@@ -200,7 +204,7 @@ var Slider = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }), /*#__PURE__*/React.createElement("div", {
     ref: barRef,
     className: merge(barClassName, prefix('bar')),
-    onClick: handleChangeValue
+    onClick: handleClickBar
   }, progress && /*#__PURE__*/React.createElement(ProgressBar, {
     rtl: rtl,
     vertical: vertical,

package/esm/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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rsuite",
-  "version": "5.46.0",
+  "version": "5.46.1",
   "description": "A suite of react components",
   "main": "cjs/index.js",
   "module": "esm/index.js",
@@ -38,7 +38,7 @@
     "prop-types": "^15.8.1",
     "react-use-set": "^1.0.0",
     "react-window": "^1.8.8",
-    "rsuite-table": "^5.18.1",
+    "rsuite-table": "^5.18.2",
     "schema-typed": "^2.1.3"
   },
   "peerDependencies": {

package/styles/color-modes/dark.less

@@ -158,7 +158,7 @@
 
   // Placeholder
   --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);
 
   // Breadcrumb
   --rs-breadcrumb-item-active-text: #fff;

package/styles/color-modes/high-contrast.less

@@ -165,7 +165,7 @@
 
   // Placeholder
   --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);
 
   // Breadcrumb
   --rs-breadcrumb-item-active-text: #fff;