rsuite 5.69.0 → 5.70.0

package/esm/CascadeTree/CascadeTree.js

@@ -1,7 +1,7 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _excluded = ["as", "data", "defaultValue", "className", "classPrefix", "childrenKey", "valueKey", "labelKey", "value", "disabledItemValues", "columnWidth", "columnHeight", "searchable", "renderTreeNode", "renderColumn", "onSelect", "onSearch", "onChange", "getChildren"];
+var _excluded = ["as", "data", "defaultValue", "className", "classPrefix", "childrenKey", "valueKey", "labelKey", "locale", "value", "disabledItemValues", "columnWidth", "columnHeight", "searchable", "renderTreeNode", "renderColumn", "onSelect", "onSearch", "onChange", "getChildren"];
 import React, { useCallback, useMemo } from 'react';
 import { getParentMap } from "../internals/Tree/utils/index.js";
 import { flattenTree } from "../Tree/utils/index.js";
@@ -29,6 +29,7 @@ var CascadeTree = /*#__PURE__*/React.forwardRef(function (props, ref) {
     valueKey = _props$valueKey === void 0 ? 'value' : _props$valueKey,
     _props$labelKey = props.labelKey,
     labelKey = _props$labelKey === void 0 ? 'label' : _props$labelKey,
+    locale = props.locale,
     valueProp = props.value,
     _props$disabledItemVa = props.disabledItemValues,
     disabledItemValues = _props$disabledItemVa === void 0 ? [] : _props$disabledItemVa,
@@ -145,6 +146,7 @@ var CascadeTree = /*#__PURE__*/React.forwardRef(function (props, ref) {
     searchKeyword: searchKeyword,
     valueKey: valueKey,
     labelKey: labelKey,
+    locale: locale,
     parentMap: parentMap,
     disabledItemValues: disabledItemValues,
     onSelect: handleSearchRowSelect,

package/esm/CascadeTree/SearchView.d.ts

@@ -8,6 +8,7 @@ interface SearchViewProps<T> extends WithAsProps {
     data: ItemDataType<T>[];
     focusItemValue?: T | null;
     disabledItemValues: any[];
+    locale?: Record<string, string>;
     renderSearchItem?: (label: React.ReactNode, items: ItemDataType<T>[]) => React.ReactNode;
     onSelect: (item: ItemDataType<T>, items: ItemDataType<T>[], event: React.MouseEvent) => void;
     onSearch: (value: string, event: React.ChangeEvent<HTMLInputElement>) => void;

package/esm/CascadeTree/SearchView.js

@@ -1,7 +1,7 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _excluded = ["as", "classPrefix", "className", "searchKeyword", "labelKey", "valueKey", "parentMap", "data", "focusItemValue", "disabledItemValues", "inputRef", "renderSearchItem", "onSearch", "onSelect"];
+var _excluded = ["as", "classPrefix", "className", "searchKeyword", "labelKey", "locale", "valueKey", "parentMap", "data", "focusItemValue", "disabledItemValues", "inputRef", "renderSearchItem", "onSearch", "onSelect"];
 import React from 'react';
 import { useClassNames, useCustom } from "../internals/hooks/index.js";
 import { getPathTowardsItem } from "../internals/Tree/utils/index.js";
@@ -15,6 +15,7 @@ function SearchView(props) {
     className = props.className,
     searchKeyword = props.searchKeyword,
     labelKey = props.labelKey,
+    overrideLocale = props.locale,
     valueKey = props.valueKey,
     parentMap = props.parentMap,
     data = props.data,
@@ -31,7 +32,7 @@ function SearchView(props) {
     withClassPrefix = _useClassNames.withClassPrefix,
     rootPrefix = _useClassNames.rootPrefix;
   var classes = merge(className, withClassPrefix());
-  var _useCustom = useCustom('Picker'),
+  var _useCustom = useCustom('Picker', overrideLocale),
     locale = _useCustom.locale;
   var renderSearchRow = function renderSearchRow(item, key) {
     var items = getPathTowardsItem(item, function (item) {

package/esm/CascadeTree/types.d.ts

@@ -10,7 +10,7 @@ export interface CascadeColumn<T> {
     parentItem?: ItemDataType<T>;
     layer?: number;
 }
-export interface CascadeTreeProps<T, V = T> extends WithAsProps, DataProps<ItemDataType<T>> {
+export interface CascadeTreeProps<T, V = T, L = any> extends WithAsProps, DataProps<ItemDataType<T>> {
     /**
      * Initial value
      */
@@ -35,6 +35,10 @@ export interface CascadeTreeProps<T, V = T> extends WithAsProps, DataProps<ItemD
      * Whether dispaly search input box
      */
     searchable?: boolean;
+    /**
+     * A collection of localized strings.
+     */
+    locale?: Partial<L>;
     /**
      * Custom render columns
      */

package/esm/Cascader/Cascader.d.ts

@@ -3,7 +3,7 @@ import type { CascadeTreeProps } from '../CascadeTree/types';
 import { PickerLocale } from '../locales';
 import { PickerHandle, PickerToggleProps } from '../internals/Picker';
 import { ItemDataType, DataItemValue, FormControlPickerProps } from '../internals/types';
-export interface CascaderProps<T = DataItemValue> extends FormControlPickerProps<T, PickerLocale, ItemDataType<T>>, CascadeTreeProps<T>, Pick<PickerToggleProps, 'label' | 'caretAs' | 'loading'> {
+export interface CascaderProps<T = DataItemValue> extends FormControlPickerProps<T, PickerLocale, ItemDataType<T>>, CascadeTreeProps<T, T, PickerLocale>, Pick<PickerToggleProps, 'label' | 'caretAs' | 'loading'> {
     /**
      * The panel is displayed directly when the component is initialized
      * @deprecated Use CascadeTree instead

package/esm/Cascader/Cascader.js

@@ -329,6 +329,7 @@ var Cascader = /*#__PURE__*/React.forwardRef(function (props, ref) {
       searchKeyword: searchKeyword,
       valueKey: valueKey,
       labelKey: labelKey,
+      locale: locale,
       parentMap: parentMap,
       disabledItemValues: disabledItemValues,
       focusItemValue: focusItemValue,

package/esm/MultiCascadeTree/MultiCascadeTree.d.ts

@@ -5,5 +5,5 @@ import type { MultiCascadeTreeProps } from './types';
  * The `MultiCascadeTree` component is used to select multiple values from cascading options.
  * @see https://rsuitejs.com/components/multi-cascade-tree/
  */
-declare const MultiCascadeTree: React.ForwardRefExoticComponent<MultiCascadeTreeProps<DataItemValue, DataItemValue[]> & React.RefAttributes<unknown>>;
+declare const MultiCascadeTree: React.ForwardRefExoticComponent<MultiCascadeTreeProps<DataItemValue, DataItemValue[], any> & React.RefAttributes<unknown>>;
 export default MultiCascadeTree;

package/esm/MultiCascadeTree/MultiCascadeTree.js

@@ -1,7 +1,7 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _excluded = ["as", "data", "defaultValue", "className", "classPrefix", "value", "valueKey", "labelKey", "childrenKey", "disabledItemValues", "cascade", "columnWidth", "columnHeight", "searchable", "uncheckableItemValues", "getChildren", "renderColumn", "renderTreeNode", "onSelect", "onCheck", "onChange", "onSearch"];
+var _excluded = ["as", "data", "defaultValue", "className", "classPrefix", "value", "valueKey", "labelKey", "locale", "childrenKey", "disabledItemValues", "cascade", "columnWidth", "columnHeight", "searchable", "uncheckableItemValues", "getChildren", "renderColumn", "renderTreeNode", "onSelect", "onCheck", "onChange", "onSearch"];
 import React from 'react';
 import TreeView from "./TreeView.js";
 import { useCascadeValue, useSelect, useSearch } from "./hooks/index.js";
@@ -27,6 +27,7 @@ var MultiCascadeTree = /*#__PURE__*/React.forwardRef(function (props, ref) {
     valueKey = _props$valueKey === void 0 ? 'value' : _props$valueKey,
     _props$labelKey = props.labelKey,
     labelKey = _props$labelKey === void 0 ? 'label' : _props$labelKey,
+    locale = props.locale,
     _props$childrenKey = props.childrenKey,
     childrenKey = _props$childrenKey === void 0 ? 'children' : _props$childrenKey,
     _props$disabledItemVa = props.disabledItemValues,
@@ -94,11 +95,13 @@ var MultiCascadeTree = /*#__PURE__*/React.forwardRef(function (props, ref) {
     ref: ref,
     className: classes
   }, rest), searchable && /*#__PURE__*/React.createElement(SearchView, {
+    cascade: cascade,
     data: items,
     value: value,
     searchKeyword: searchKeyword,
     valueKey: valueKey,
     labelKey: labelKey,
+    locale: locale,
     childrenKey: childrenKey,
     disabledItemValues: disabledItemValues,
     onCheck: handleCheck,

package/esm/MultiCascadeTree/SearchView.d.ts

@@ -9,6 +9,7 @@ interface SearchViewProps<T> extends WithAsProps {
     data: ItemDataType<T>[];
     disabledItemValues: any[];
     cascade?: boolean;
+    locale?: Record<string, string>;
     onSearch: (value: string, event: React.ChangeEvent<HTMLInputElement>) => void;
     onCheck: (item: ItemDataType<T>, event: React.SyntheticEvent, checked: boolean) => void;
     inputRef?: React.RefObject<HTMLInputElement>;

package/esm/MultiCascadeTree/SearchView.js

@@ -1,7 +1,7 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _excluded = ["as", "classPrefix", "className", "searchKeyword", "childrenKey", "labelKey", "valueKey", "value", "data", "disabledItemValues", "inputRef", "cascade", "onSearch", "onCheck"];
+var _excluded = ["as", "classPrefix", "className", "searchKeyword", "childrenKey", "labelKey", "valueKey", "value", "data", "disabledItemValues", "inputRef", "cascade", "locale", "onSearch", "onCheck"];
 import React from 'react';
 import { useClassNames, useCustom } from "../internals/hooks/index.js";
 import SearchBox from "../internals/SearchBox/index.js";
@@ -23,6 +23,7 @@ function SearchView(props) {
     disabledItemValues = props.disabledItemValues,
     inputRef = props.inputRef,
     cascade = props.cascade,
+    overrideLocale = props.locale,
     onSearch = props.onSearch,
     onCheck = props.onCheck,
     rest = _objectWithoutPropertiesLoose(props, _excluded);
@@ -32,7 +33,7 @@ function SearchView(props) {
     withClassPrefix = _useClassNames.withClassPrefix,
     rootPrefix = _useClassNames.rootPrefix;
   var classes = merge(className, withClassPrefix());
-  var _useCustom = useCustom('Picker'),
+  var _useCustom = useCustom('Picker', overrideLocale),
     locale = _useCustom.locale;
   var renderSearchRow = function renderSearchRow(item, key) {
     var _extends2;

package/esm/MultiCascadeTree/types.d.ts

@@ -6,7 +6,7 @@ export interface ItemKeys {
     labelKey: string;
     childrenKey: string;
 }
-export interface MultiCascadeTreeProps<T, V = T[]> extends WithAsProps, CascadeTreeProps<T, V> {
+export interface MultiCascadeTreeProps<T, V = T[], L = any> extends WithAsProps, CascadeTreeProps<T, V> {
     /**
      * When set to true, selecting a child node will update the state of the parent node.
      */
@@ -19,6 +19,10 @@ export interface MultiCascadeTreeProps<T, V = T[]> extends WithAsProps, CascadeT
      * Set the option value for the check box not to be rendered
      */
     uncheckableItemValues?: T[];
+    /**
+     * A collection of localized strings.
+     */
+    locale?: Partial<L>;
     /**
      * Called after the checkbox state changes.
      */

package/esm/MultiCascader/MultiCascader.d.ts

@@ -3,7 +3,7 @@ import { PickerLocale } from '../locales';
 import { PickerComponent, PickerToggleProps } from '../internals/Picker';
 import { FormControlPickerProps, ItemDataType, DataItemValue } from '../internals/types';
 import type { MultiCascadeTreeProps } from '../MultiCascadeTree';
-export interface MultiCascaderProps<T extends DataItemValue> extends FormControlPickerProps<T[], PickerLocale, ItemDataType<T>, T>, MultiCascadeTreeProps<T, T[]>, Pick<PickerToggleProps, 'loading'> {
+export interface MultiCascaderProps<T extends DataItemValue> extends FormControlPickerProps<T[], PickerLocale, ItemDataType<T>, T>, MultiCascadeTreeProps<T, T[], PickerLocale>, Pick<PickerToggleProps, 'loading'> {
     /**
      * A picker that can be counted
      */

package/esm/MultiCascader/MultiCascader.js

@@ -267,6 +267,8 @@ var MultiCascader = /*#__PURE__*/React.forwardRef(function (props, ref) {
       target: trigger,
       onKeyDown: onPickerKeyDown
     }, searchable && /*#__PURE__*/React.createElement(SearchView, {
+      locale: locale,
+      cascade: cascade,
       data: items,
       value: value,
       searchKeyword: searchKeyword,
@@ -274,6 +276,7 @@ var MultiCascader = /*#__PURE__*/React.forwardRef(function (props, ref) {
       labelKey: labelKey,
       childrenKey: childrenKey,
       disabledItemValues: disabledItemValues,
+      inputRef: searchInput,
       onCheck: handleCheck,
       onSearch: handleSearch
     }), !searchKeyword && /*#__PURE__*/React.createElement(TreeView, {

package/esm/TreePicker/TreePicker.js

@@ -216,6 +216,7 @@ var TreePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     searchable: searchable,
     searchKeyword: searchKeyword,
     searchBy: searchBy,
+    searchInputRef: searchInput,
     loadingNodeValues: loadingNodeValues,
     flattenedNodes: flattenedNodes,
     listProps: listProps,

package/esm/internals/hooks/useEventCallback.js

@@ -1,5 +1,6 @@
 'use client';
-import { useEffect, useCallback, useRef } from 'react';
+import { useCallback, useRef } from 'react';
+import useIsomorphicLayoutEffect from "./useIsomorphicLayoutEffect.js";
 
 /**
  * https://github.com/facebook/react/issues/14099#issuecomment-440013892
@@ -7,7 +8,12 @@ import { useEffect, useCallback, useRef } from 'react';
  */
 export function useEventCallback(fn) {
   var ref = useRef(fn);
-  useEffect(function () {
+  /**
+   * use useLayoutEffect instead of useEffect.
+   * useLayoutEffect is earlier than useEffect, sometimes we use setState and then use callback immediately,
+   * However the state in callback is not the latest, because useEffect is not triggered.
+   */
+  useIsomorphicLayoutEffect(function () {
     ref.current = fn;
   });
   return useCallback(function () {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rsuite",
-  "version": "5.69.0",
+  "version": "5.70.0",
   "description": "A suite of react components",
   "main": "cjs/index.js",
   "module": "esm/index.js",
@@ -37,7 +37,7 @@
     "prop-types": "^15.8.1",
     "react-use-set": "^1.0.0",
     "react-window": "^1.8.8",
-    "rsuite-table": "^5.18.3",
+    "rsuite-table": "^5.19.1",
     "schema-typed": "^2.2.2"
   },
   "peerDependencies": {