rsuite 5.18.0-beta.3 → 5.18.1

package/esm/utils/index.d.ts

@@ -23,7 +23,6 @@ export { default as composeFunctions } from './composeFunctions';
 export { default as reactToString } from './reactToString';
 export { default as scrollTopAnimation } from './scrollTopAnimation';
 export { default as appendTooltip } from './appendTooltip';
-export { default as render } from './render';
 /** Hooks **/
 export { default as useClassNames } from './useClassNames';
 export { default as useEventListener } from './useEventListener';

package/esm/utils/index.js

@@ -25,7 +25,6 @@ export { default as composeFunctions } from './composeFunctions';
 export { default as reactToString } from './reactToString';
 export { default as scrollTopAnimation } from './scrollTopAnimation';
 export { default as appendTooltip } from './appendTooltip';
-export { default as render } from './render';
 /** Hooks **/
 
 export { default as useClassNames } from './useClassNames';

package/esm/utils/treeUtils.d.ts

@@ -4,7 +4,7 @@ import { TREE_NODE_DROP_POSITION } from '../utils';
 import { CheckTreePickerProps } from '../CheckTreePicker/CheckTreePicker';
 import { ItemDataType } from '../@types/common';
 import { TreePickerProps } from '../TreePicker/TreePicker';
-import { ListHandle } from '../Windowing';
+import { ListInstance } from '../Picker/VirtualizedList';
 declare type PartialTreeProps = Partial<TreePickerProps | CheckTreePickerProps>;
 /**
  * according node parentNode expand state decide node whether to show
@@ -236,7 +236,7 @@ export interface FocusToTreeNodeProps {
     activeNode: any;
     virtualized: boolean;
     container: HTMLElement | null;
-    list: ListHandle;
+    list: ListInstance;
     formattedNodes: TreeNodeType[];
 }
 /**

package/esm/utils/useUniqueId.js

@@ -1,6 +1,5 @@
-import * as React from 'react';
+import { useRef } from 'react';
 import uniqueId from 'lodash/uniqueId';
-var reactUseId = React['useId' + ''];
 /**
  * Used for generating unique ID for DOM elements
  *
@@ -8,11 +7,7 @@ var reactUseId = React['useId' + ''];
  */
 
 export default function useUniqueId(prefix, idProp) {
-  var idRef = React.useRef();
-
-  if (reactUseId !== undefined) {
-    return idProp !== null && idProp !== void 0 ? idProp : "" + prefix + reactUseId();
-  }
+  var idRef = useRef();
 
   if (!idRef.current) {
     idRef.current = uniqueId(prefix);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rsuite",
-  "version": "5.18.0-beta.3",
+  "version": "5.18.1",
   "description": "A suite of react components",
   "main": "cjs/index.js",
   "module": "esm/index.js",
@@ -30,13 +30,13 @@
     "@types/chai": "^4.2.18",
     "@types/lodash": "^4.14.134",
     "@types/prop-types": "^15.7.4",
-    "@types/react-window": "^1.8.5",
+    "@types/react-virtualized": "^9.21.11",
     "classnames": "^2.3.1",
     "date-fns": "^2.13.0",
     "dom-lib": "^3.1.2",
     "lodash": "^4.17.11",
-    "prop-types": "^15.8.1",
-    "react-window": "^1.8.7",
+    "prop-types": "^15.7.2",
+    "react-virtualized": "^9.22.3",
     "rsuite-table": "^5.7.1",
     "schema-typed": "^2.0.3"
   },

package/Windowing/package.json

@@ -1,7 +0,0 @@
-{
-  "name": "rsuite/Windowing",
-  "private": true,
-  "main": "../cjs/Windowing/index.js",
-  "module": "../esm/Windowing/index.js",
-  "types": "../esm/Windowing/index.d.ts"
-}

package/cjs/Calendar/CalendarPanel.d.ts

@@ -1,26 +0,0 @@
-import React from 'react';
-import Calendar from './Calendar';
-import { CalendarLocale } from '../locales';
-import { RsRefForwardingComponent, WithAsProps } from '../@types/common';
-export interface CalendarPanelProps extends WithAsProps {
-    /** Controlled value */
-    value?: Date;
-    /** Default value  */
-    defaultValue?: Date;
-    /** ISO 8601 standard, each calendar week begins on Monday and Sunday on the seventh day  */
-    isoWeek?: boolean;
-    /** Display a compact calendar   */
-    compact?: boolean;
-    /** Show border   */
-    bordered?: boolean;
-    /** Custom locale */
-    locale?: CalendarLocale;
-    /**  Callback fired before the value changed  */
-    onChange?: (date: Date) => void;
-    /** Callback fired before the date selected */
-    onSelect?: (date: Date) => void;
-    /** Custom render calendar cells  */
-    renderCell?: (date: Date) => React.ReactNode;
-}
-declare const CalendarPanel: RsRefForwardingComponent<typeof Calendar, CalendarPanelProps>;
-export default CalendarPanel;

package/cjs/Calendar/CalendarPanel.js

@@ -1,139 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _Calendar = _interopRequireWildcard(require("./Calendar"));
-
-var _Button = _interopRequireDefault(require("../Button"));
-
-var _CustomProvider = require("../CustomProvider");
-
-var _utils = require("../utils");
-
-var _useCalendarDate2 = _interopRequireDefault(require("./useCalendarDate"));
-
-var CalendarPanel = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _props$as = props.as,
-      Component = _props$as === void 0 ? _Calendar.default : _props$as,
-      bordered = props.bordered,
-      className = props.className,
-      _props$classPrefix = props.classPrefix,
-      classPrefix = _props$classPrefix === void 0 ? 'calendar' : _props$classPrefix,
-      compact = props.compact,
-      _props$defaultValue = props.defaultValue,
-      defaultValue = _props$defaultValue === void 0 ? new Date() : _props$defaultValue,
-      isoWeek = props.isoWeek,
-      overrideLocale = props.locale,
-      onChange = props.onChange,
-      onSelect = props.onSelect,
-      renderCell = props.renderCell,
-      value = props.value,
-      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "bordered", "className", "classPrefix", "compact", "defaultValue", "isoWeek", "locale", "onChange", "onSelect", "renderCell", "value"]);
-
-  var _useCalendarDate = (0, _useCalendarDate2.default)(value, defaultValue),
-      calendarDate = _useCalendarDate.calendarDate,
-      setCalendarDate = _useCalendarDate.setCalendarDate;
-
-  var _useState = (0, _react.useState)(false),
-      showMonth = _useState[0],
-      setShowMonth = _useState[1];
-
-  var _useCustom = (0, _utils.useCustom)('Calendar', overrideLocale),
-      locale = _useCustom.locale;
-
-  var handleToggleMonthDropdown = (0, _react.useCallback)(function () {
-    setShowMonth(function (prevShowMonth) {
-      return !prevShowMonth;
-    });
-  }, []);
-  var handleChange = (0, _react.useCallback)(function (nextValue) {
-    setCalendarDate(nextValue);
-    onChange === null || onChange === void 0 ? void 0 : onChange(nextValue);
-  }, [setCalendarDate, onChange]);
-  var handleChangePageDate = (0, _react.useCallback)(function (nextValue) {
-    setShowMonth(false);
-    handleChange(nextValue);
-  }, [handleChange]);
-  var handleClickToday = (0, _react.useCallback)(function () {
-    setShowMonth(false);
-    handleChange(new Date());
-  }, [handleChange]);
-  var handleSelect = (0, _react.useCallback)(function (nextValue) {
-    onSelect === null || onSelect === void 0 ? void 0 : onSelect(nextValue);
-    handleChange(nextValue);
-  }, [handleChange, onSelect]);
-
-  var _useClassNames = (0, _utils.useClassNames)(classPrefix),
-      prefix = _useClassNames.prefix,
-      merge = _useClassNames.merge,
-      withClassPrefix = _useClassNames.withClassPrefix;
-
-  var renderToolbar = (0, _react.useCallback)(function () {
-    return /*#__PURE__*/_react.default.createElement(_Button.default, {
-      className: prefix('btn-today'),
-      size: "sm",
-      onClick: handleClickToday
-    }, locale.today || 'Today');
-  }, [handleClickToday, locale.today, prefix]);
-  var customRenderCell = (0, _react.useCallback)(function (date) {
-    return renderCell === null || renderCell === void 0 ? void 0 : renderCell(date);
-  }, [renderCell]);
-  var classes = merge(className, withClassPrefix('panel', {
-    bordered: bordered,
-    compact: compact
-  }));
-  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {
-    inline: true,
-    className: classes,
-    ref: ref,
-    isoWeek: isoWeek,
-    format: "yyyy-MM-dd",
-    calendarState: showMonth ? _Calendar.CalendarState.DROP_MONTH : null,
-    calendarDate: calendarDate,
-    limitEndYear: 1000,
-    locale: locale,
-    renderTitle: function renderTitle(date) {
-      return /*#__PURE__*/_react.default.createElement(_CustomProvider.FormattedDate, {
-        date: date,
-        formatStr: locale.formattedMonthPattern || 'MMMM  yyyy'
-      });
-    },
-    renderToolbar: renderToolbar,
-    renderCell: customRenderCell,
-    onMoveForward: handleChange,
-    onMoveBackward: handleChange,
-    onToggleMonthDropdown: handleToggleMonthDropdown,
-    onChangePageDate: handleChangePageDate,
-    onSelect: handleSelect
-  }));
-});
-
-CalendarPanel.displayName = 'CalendarPanel';
-CalendarPanel.propTypes = {
-  value: _propTypes.default.instanceOf(Date),
-  defaultValue: _propTypes.default.instanceOf(Date),
-  isoWeek: _propTypes.default.bool,
-  compact: _propTypes.default.bool,
-  bordered: _propTypes.default.bool,
-  locale: _propTypes.default.object,
-  className: _propTypes.default.string,
-  classPrefix: _propTypes.default.string,
-  onChange: _propTypes.default.func,
-  onSelect: _propTypes.default.func,
-  renderCell: _propTypes.default.func
-};
-var _default = CalendarPanel;
-exports.default = _default;

package/cjs/Calendar/View.d.ts

@@ -1,4 +0,0 @@
-import { RsRefForwardingComponent, WithAsProps } from '../@types/common';
-export declare type ViewProps = WithAsProps;
-declare const View: RsRefForwardingComponent<'div', ViewProps>;
-export default View;

package/cjs/Windowing/AutoSizer.d.ts

@@ -1,25 +0,0 @@
-import React from 'react';
-export interface Size {
-    height: number;
-    width: number;
-}
-export interface AutoSizerProps {
-    /** Function responsible for rendering children. */
-    children: (size: Size) => React.ReactNode;
-    /** Optional custom CSS class name to attach to root AutoSizer element.    */
-    className?: string | undefined;
-    /** Default height to use for initial render; useful for SSR */
-    defaultHeight?: number | undefined;
-    /** Default width to use for initial render; useful for SSR */
-    defaultWidth?: number | undefined;
-    /** Disable dynamic :height property */
-    disableHeight?: boolean | undefined;
-    /** Disable dynamic :width property */
-    disableWidth?: boolean | undefined;
-    /** Optional inline style */
-    style?: React.CSSProperties | undefined;
-    /** Callback to be invoked on-resize */
-    onResize?: ((size: Size) => void) | undefined;
-}
-declare const AutoSizer: React.ForwardRefExoticComponent<AutoSizerProps & React.RefAttributes<HTMLDivElement>>;
-export default AutoSizer;

package/cjs/Windowing/AutoSizer.js

@@ -1,107 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _getStyle = _interopRequireDefault(require("dom-lib/getStyle"));
-
-var _utils = require("../utils");
-
-var AutoSizer = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var children = props.children,
-      className = props.className,
-      disableHeight = props.disableHeight,
-      disableWidth = props.disableWidth,
-      defaultHeight = props.defaultHeight,
-      defaultWidth = props.defaultWidth,
-      style = props.style,
-      onResize = props.onResize,
-      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["children", "className", "disableHeight", "disableWidth", "defaultHeight", "defaultWidth", "style", "onResize"]);
-
-  var _useState = (0, _react.useState)(defaultHeight || 0),
-      height = _useState[0],
-      setHeight = _useState[1];
-
-  var _useState2 = (0, _react.useState)(defaultWidth || 0),
-      width = _useState2[0],
-      setWidth = _useState2[1];
-
-  var rootRef = (0, _react.useRef)(null);
-  var getParentNode = (0, _react.useCallback)(function () {
-    var _rootRef$current;
-
-    if ((_rootRef$current = rootRef.current) !== null && _rootRef$current !== void 0 && _rootRef$current.parentNode && rootRef.current.parentNode.ownerDocument && rootRef.current.parentNode.ownerDocument.defaultView && rootRef.current.parentNode instanceof rootRef.current.parentNode.ownerDocument.defaultView.HTMLElement) {
-      return rootRef.current.parentNode;
-    }
-
-    return null;
-  }, []);
-  var handleResize = (0, _react.useCallback)(function () {
-    var parentNode = getParentNode();
-
-    if (parentNode) {
-      var offsetHeight = parentNode.offsetHeight || 0;
-      var offsetWidth = parentNode.offsetWidth || 0;
-
-      var _style = (0, _getStyle.default)(parentNode);
-
-      var paddingLeft = parseInt(_style.paddingLeft, 10) || 0;
-      var paddingRight = parseInt(_style.paddingRight, 10) || 0;
-      var paddingTop = parseInt(_style.paddingTop, 10) || 0;
-      var paddingBottom = parseInt(_style.paddingBottom, 10) || 0;
-      var newHeight = offsetHeight - paddingTop - paddingBottom;
-      var newWidth = offsetWidth - paddingLeft - paddingRight;
-
-      if (!disableHeight && height !== newHeight || !disableWidth && width !== newWidth) {
-        setHeight(offsetHeight - paddingTop - paddingBottom);
-        setWidth(offsetWidth - paddingLeft - paddingRight);
-        onResize === null || onResize === void 0 ? void 0 : onResize({
-          height: offsetHeight,
-          width: offsetWidth
-        });
-      }
-    }
-  }, [disableHeight, disableWidth, getParentNode, height, onResize, width]);
-  (0, _utils.useMount)(function () {
-    if (getParentNode()) {
-      handleResize();
-    }
-  });
-  (0, _utils.useElementResize)(getParentNode, handleResize);
-  var outerStyle = {
-    overflow: 'visible'
-  };
-  var childParams = {
-    width: 0,
-    height: 0
-  };
-
-  if (!disableHeight) {
-    outerStyle.height = 0;
-    childParams.height = height;
-  }
-
-  if (!disableWidth) {
-    outerStyle.width = 0;
-    childParams.width = width;
-  }
-
-  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
-    className: className,
-    ref: (0, _utils.mergeRefs)(rootRef, ref),
-    style: (0, _extends2.default)({}, outerStyle, style)
-  }, rest), children(childParams));
-});
-
-var _default = AutoSizer;
-exports.default = _default;

package/cjs/Windowing/List.d.ts

@@ -1,45 +0,0 @@
-import { VariableSizeList, ListItemKeySelector, ListOnScrollProps, ListOnItemsRenderedProps } from 'react-window';
-import { WithAsProps, RsRefForwardingComponent } from '../@types/common';
-export interface ListProps<T = any> extends WithAsProps {
-    /**
-     * @deprecated use itemSize instead
-     * Either a fixed row height (number) or a function that returns the height of a row given its index: ({ index: number }): number
-     */
-    rowHeight?: number | (({ index: number }: {
-        index: any;
-    }) => number);
-    /**
-     * Size of a item in the direction being windowed.
-     */
-    itemSize: number | ((index: number) => number);
-    /**
-     * Scroll offset for initial render.
-     */
-    initialScrollOffset?: number;
-    /**
-     * By default, lists will use an item's index as its key. This is okay if:
-     *
-     * - Your collections of items is never sorted or modified
-     * - Your item renderer is not stateful and does not extend PureComponent
-     *
-     * If your list does not satisfy the above constraints, use the itemKey property to specify your own keys for items
-     */
-    itemKey?: ListItemKeySelector<T>;
-    /**
-     * Called when the items rendered by the list change.
-     */
-    onItemsRendered?: (props: ListOnItemsRenderedProps) => void;
-    /**
-     * Called when the list scroll positions changes, as a result of user scrolling or scroll-to method calls.
-     */
-    onScroll?: (props: ListOnScrollProps) => void;
-}
-export interface ListHandle extends Partial<VariableSizeList> {
-    /**
-     * @deprecated use scrollToItem instead
-     * Ensure row is visible. This method can be used to safely scroll back to a cell that a user has scrolled away from even if it was previously scrolled to.
-     */
-    scrollToRow?: (index: number) => void;
-}
-declare const List: RsRefForwardingComponent<'div', ListProps>;
-export default List;

package/cjs/Windowing/List.js

@@ -1,72 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _reactWindow = require("react-window");
-
-var _utils = require("../utils");
-
-var List = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var rowHeight = props.rowHeight,
-      _props$as = props.as,
-      Component = _props$as === void 0 ? _reactWindow.VariableSizeList : _props$as,
-      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["rowHeight", "as"]);
-  var listRef = (0, _react.useRef)(null);
-
-  var _useCustom = (0, _utils.useCustom)(),
-      rtl = _useCustom.rtl;
-
-  (0, _react.useImperativeHandle)(ref, function () {
-    return {
-      resetAfterIndex: function resetAfterIndex(index, shouldForceUpdate) {
-        var _listRef$current, _listRef$current$rese;
-
-        (_listRef$current = listRef.current) === null || _listRef$current === void 0 ? void 0 : (_listRef$current$rese = _listRef$current.resetAfterIndex) === null || _listRef$current$rese === void 0 ? void 0 : _listRef$current$rese.call(_listRef$current, index, shouldForceUpdate);
-      },
-      scrollTo: function scrollTo(scrollOffset) {
-        var _listRef$current2, _listRef$current2$scr;
-
-        (_listRef$current2 = listRef.current) === null || _listRef$current2 === void 0 ? void 0 : (_listRef$current2$scr = _listRef$current2.scrollTo) === null || _listRef$current2$scr === void 0 ? void 0 : _listRef$current2$scr.call(_listRef$current2, scrollOffset);
-      },
-      scrollToItem: function scrollToItem(index, align) {
-        var _listRef$current3, _listRef$current3$scr;
-
-        (_listRef$current3 = listRef.current) === null || _listRef$current3 === void 0 ? void 0 : (_listRef$current3$scr = _listRef$current3.scrollToItem) === null || _listRef$current3$scr === void 0 ? void 0 : _listRef$current3$scr.call(_listRef$current3, index, align);
-      },
-      scrollToRow: function scrollToRow(index) {
-        var _listRef$current4, _listRef$current4$scr;
-
-        (_listRef$current4 = listRef.current) === null || _listRef$current4 === void 0 ? void 0 : (_listRef$current4$scr = _listRef$current4.scrollToItem) === null || _listRef$current4$scr === void 0 ? void 0 : _listRef$current4$scr.call(_listRef$current4, index);
-      }
-    };
-  });
-  var setRowHeight = (0, _react.useCallback)(function (index) {
-    return typeof rowHeight === 'function' ? rowHeight({
-      index: index
-    }) : rowHeight || 0;
-  }, [rowHeight]);
-  var compatibleProps = (0, _extends2.default)({}, rest);
-
-  if (rowHeight) {
-    compatibleProps.itemSize = Component === _reactWindow.VariableSizeList ? setRowHeight : rowHeight;
-  }
-
-  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
-    ref: listRef,
-    direction: rtl ? 'rtl' : 'ltr'
-  }, compatibleProps));
-});
-
-var _default = List;
-exports.default = _default;

package/cjs/Windowing/index.d.ts

@@ -1,5 +0,0 @@
-export { default as AutoSizer } from './AutoSizer';
-export { default as List } from './List';
-export { FixedSizeList, VariableSizeList } from 'react-window';
-export type { ListChildComponentProps } from 'react-window';
-export type { ListProps, ListHandle } from './List';

package/cjs/Windowing/index.js

@@ -1,19 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.VariableSizeList = exports.FixedSizeList = exports.List = exports.AutoSizer = void 0;
-
-var _AutoSizer = _interopRequireDefault(require("./AutoSizer"));
-
-exports.AutoSizer = _AutoSizer.default;
-
-var _List = _interopRequireDefault(require("./List"));
-
-exports.List = _List.default;
-
-var _reactWindow = require("react-window");
-
-exports.FixedSizeList = _reactWindow.FixedSizeList;
-exports.VariableSizeList = _reactWindow.VariableSizeList;

package/cjs/utils/render.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare function render(element: React.ReactElement<any>, container: HTMLElement): any;
-export default render;