rsuite 5.33.1 → 5.34.0

package/esm/Timeline/Timeline.d.ts

@@ -8,9 +8,18 @@ export interface TimelineProps extends WithAsProps {
     align?: 'left' | 'right' | 'alternate';
     /** Timeline endless **/
     endless?: boolean;
+    /**
+     * Whether an item is active (with highlighted dot).
+     *
+     * @default
+     * The last item is marked active.
+     */
+    isItemActive?: (index: number, totalItemsCount: number) => boolean;
 }
 interface TimelineComponent extends RsRefForwardingComponent<'div', TimelineProps> {
     Item: typeof TimelineItem;
+    ACTIVE_FIRST: (index: number, totalItemsCount: number) => boolean;
+    ACTIVE_LAST: (index: number, totalItemsCount: number) => boolean;
 }
 declare const Timeline: TimelineComponent;
 export default Timeline;

package/esm/Timeline/Timeline.js

@@ -15,7 +15,9 @@ var Timeline = /*#__PURE__*/React.forwardRef(function (props, ref) {
       _props$align = props.align,
       align = _props$align === void 0 ? 'left' : _props$align,
       endless = props.endless,
-      rest = _objectWithoutPropertiesLoose(props, ["children", "as", "classPrefix", "className", "align", "endless"]);
+      _props$isItemActive = props.isItemActive,
+      isItemActive = _props$isItemActive === void 0 ? Timeline.ACTIVE_LAST : _props$isItemActive,
+      rest = _objectWithoutPropertiesLoose(props, ["children", "as", "classPrefix", "className", "align", "endless", "isItemActive"]);
 
   var _useClassNames = useClassNames(classPrefix),
       merge = _useClassNames.merge,
@@ -37,10 +39,20 @@ var Timeline = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }), ReactChildren.mapCloneElement(children, function (_child, index) {
     return {
       last: index + 1 === count,
+      INTERNAL_active: isItemActive(index, count),
       align: align
     };
   }));
 });
+
+Timeline.ACTIVE_FIRST = function (index) {
+  return index === 0;
+};
+
+Timeline.ACTIVE_LAST = function (index, totalItemsCount) {
+  return index === totalItemsCount - 1;
+};
+
 Timeline.Item = TimelineItem;
 Timeline.displayName = 'Timeline';
 Timeline.propTypes = {

package/esm/Timeline/TimelineItem.d.ts

@@ -1,7 +1,18 @@
 import React from 'react';
 import { WithAsProps, RsRefForwardingComponent } from '../@types/common';
 export interface TimelineItemProps extends WithAsProps {
-    /** Whether the last item */
+    /**
+     * Whether the last item
+     *
+     * @internal
+     * This props is supposed to be used only by Timeline component internally
+     * User should never rely on this prop
+     *
+     * @deprecated
+     * This prop was used to indicate whether an item is the last item so that it gets highlighted.
+     * Now we can specify whether an item should be highlighted individually.
+     * Use {@link INTERNAL_active} instead
+     */
     last?: boolean;
     /** Customizing the Timeline item */
     dot?: React.ReactNode;
@@ -11,6 +22,12 @@ export interface TimelineItemProps extends WithAsProps {
     as?: React.ElementType;
     /** Customized time of timeline  **/
     time?: React.ReactNode;
+    /**
+     * @internal
+     * This props is supposed to be used only by Timeline component internally
+     * User should never rely on this prop
+     */
+    INTERNAL_active?: boolean;
 }
 declare const TimelineItem: RsRefForwardingComponent<'div', TimelineItemProps>;
 export default TimelineItem;

package/esm/Timeline/TimelineItem.js

@@ -9,11 +9,12 @@ var TimelineItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
       children = props.children,
       _props$classPrefix = props.classPrefix,
       classPrefix = _props$classPrefix === void 0 ? 'timeline-item' : _props$classPrefix,
-      last = props.last,
+      DEPRECATED_last = props.last,
       className = props.className,
       dot = props.dot,
       time = props.time,
-      rest = _objectWithoutPropertiesLoose(props, ["as", "children", "classPrefix", "last", "className", "dot", "time"]);
+      INTERNAL_active = props.INTERNAL_active,
+      rest = _objectWithoutPropertiesLoose(props, ["as", "children", "classPrefix", "last", "className", "dot", "time", "INTERNAL_active"]);
 
   var _useClassNames = useClassNames(classPrefix),
       merge = _useClassNames.merge,
@@ -21,7 +22,8 @@ var TimelineItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
       prefix = _useClassNames.prefix;
 
   var classes = merge(className, withClassPrefix({
-    last: last
+    last: DEPRECATED_last,
+    active: INTERNAL_active
   }));
   return /*#__PURE__*/React.createElement(Component, _extends({}, rest, {
     ref: ref,

package/esm/Windowing/List.js

@@ -1,13 +1,14 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import React, { useRef, useImperativeHandle, useCallback } from 'react';
+import React, { useRef, useImperativeHandle, useCallback, useMemo } from 'react';
 import { VariableSizeList } from 'react-window';
 import { useCustom } from '../utils';
 var List = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var rowHeight = props.rowHeight,
       _props$as = props.as,
       Component = _props$as === void 0 ? VariableSizeList : _props$as,
-      rest = _objectWithoutPropertiesLoose(props, ["rowHeight", "as"]);
+      itemSizeProp = props.itemSize,
+      rest = _objectWithoutPropertiesLoose(props, ["rowHeight", "as", "itemSize"]);
 
   var listRef = useRef(null);
 
@@ -43,8 +44,16 @@ var List = /*#__PURE__*/React.forwardRef(function (props, ref) {
       index: index
     }) : rowHeight || 0;
   }, [rowHeight]);
+  var itemSize = useMemo(function () {
+    if (typeof itemSizeProp === 'function') return itemSizeProp;
+    return function () {
+      return itemSizeProp;
+    };
+  }, [itemSizeProp]);
 
-  var compatibleProps = _extends({}, rest);
+  var compatibleProps = _extends({
+    itemSize: itemSize
+  }, rest);
 
   if (rowHeight) {
     compatibleProps.itemSize = Component === VariableSizeList ? setRowHeight : rowHeight;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rsuite",
-  "version": "5.33.1",
+  "version": "5.34.0",
   "description": "A suite of react components",
   "main": "cjs/index.js",
   "module": "esm/index.js",