rsuite 5.69.0 → 5.70.1

package/cjs/MultiCascadeTree/MultiCascadeTree.js

@@ -11,7 +11,7 @@ var _TreeView = _interopRequireDefault(require("./TreeView"));
 var _hooks = require("./hooks");
 var _hooks2 = require("../internals/hooks");
 var _SearchView = _interopRequireDefault(require("./SearchView"));
-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"];
 var emptyArray = [];
 
 /**
@@ -32,6 +32,7 @@ var MultiCascadeTree = /*#__PURE__*/_react.default.forwardRef(function (props, r
     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,
@@ -99,11 +100,13 @@ var MultiCascadeTree = /*#__PURE__*/_react.default.forwardRef(function (props, r
     ref: ref,
     className: classes
   }, rest), searchable && /*#__PURE__*/_react.default.createElement(_SearchView.default, {
+    cascade: cascade,
     data: items,
     value: value,
     searchKeyword: searchKeyword,
     valueKey: valueKey,
     labelKey: labelKey,
+    locale: locale,
     childrenKey: childrenKey,
     disabledItemValues: disabledItemValues,
     onCheck: handleCheck,

package/cjs/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/cjs/MultiCascadeTree/SearchView.js

@@ -12,7 +12,7 @@ var _SearchBox = _interopRequireDefault(require("../internals/SearchBox"));
 var _Checkbox = _interopRequireDefault(require("../Checkbox"));
 var _Highlight = _interopRequireDefault(require("../Highlight"));
 var _utils = require("./utils");
-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"];
 function SearchView(props) {
   var _props$as = props.as,
     Component = _props$as === void 0 ? 'div' : _props$as,
@@ -28,6 +28,7 @@ function SearchView(props) {
     disabledItemValues = props.disabledItemValues,
     inputRef = props.inputRef,
     cascade = props.cascade,
+    overrideLocale = props.locale,
     onSearch = props.onSearch,
     onCheck = props.onCheck,
     rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
@@ -37,7 +38,7 @@ function SearchView(props) {
     withClassPrefix = _useClassNames.withClassPrefix,
     rootPrefix = _useClassNames.rootPrefix;
   var classes = merge(className, withClassPrefix());
-  var _useCustom = (0, _hooks.useCustom)('Picker'),
+  var _useCustom = (0, _hooks.useCustom)('Picker', overrideLocale),
     locale = _useCustom.locale;
   var renderSearchRow = function renderSearchRow(item, key) {
     var _extends2;

package/cjs/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/cjs/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/cjs/MultiCascader/MultiCascader.js

@@ -273,6 +273,8 @@ var MultiCascader = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
       target: trigger,
       onKeyDown: onPickerKeyDown
     }, searchable && /*#__PURE__*/_react.default.createElement(_SearchView.default, {
+      locale: locale,
+      cascade: cascade,
       data: items,
       value: value,
       searchKeyword: searchKeyword,
@@ -280,6 +282,7 @@ var MultiCascader = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
       labelKey: labelKey,
       childrenKey: childrenKey,
       disabledItemValues: disabledItemValues,
+      inputRef: searchInput,
       onCheck: handleCheck,
       onSearch: handleSearch
     }), !searchKeyword && /*#__PURE__*/_react.default.createElement(_TreeView.default, {

package/cjs/TreePicker/TreePicker.js

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

package/cjs/internals/hooks/useEventCallback.js

@@ -1,17 +1,24 @@
 'use client';
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.default = void 0;
 exports.useEventCallback = useEventCallback;
 var _react = require("react");
+var _useIsomorphicLayoutEffect = _interopRequireDefault(require("./useIsomorphicLayoutEffect"));
 /**
  * https://github.com/facebook/react/issues/14099#issuecomment-440013892
  * @param {function} fn
  */
 function useEventCallback(fn) {
   var ref = (0, _react.useRef)(fn);
-  (0, _react.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.
+   */
+  (0, _useIsomorphicLayoutEffect.default)(function () {
     ref.current = fn;
   });
   return (0, _react.useCallback)(function () {

package/cjs/internals/types/index.d.ts

@@ -200,3 +200,17 @@ export type CursorPosition = {
     clientTop: number;
     clientLeft: number;
 };
+export declare namespace DateFns {
+    /**
+     * FirstWeekContainsDate is used to determine which week is the first week of the year, based on what day the January, 1 is in that week.
+     * The day in that week can only be 1 (Monday) or 4 (Thursday).
+     * Please see https://en.wikipedia.org/wiki/Week#The_ISO_week_date_system for more information.
+     */
+    type FirstWeekContainsDate = 1 | 4;
+    /**
+     * The day of the week type alias.
+     * Unlike the date (the number of days since the beginning of the month), which begins with 1 and is dynamic (can go up to 28, 30, or 31), the day starts with 0 and static (always ends at 6).
+     * Look at it as an index in an array where Sunday is the first element and Saturday is the last.
+     */
+    type Day = 0 | 1 | 2 | 3 | 4 | 5 | 6;
+}

package/cjs/internals/utils/ReactChildren.d.ts

@@ -29,6 +29,13 @@ export declare function map(children: React.ReactNode, func: any, context?: any)
  * @returns An array of the cloned and modified child elements.
  */
 export declare function mapCloneElement(children: React.ReactNode, func: any, context?: any): any[];
+/**
+ * Iterates over children that are in flat array form.
+ * @param children
+ * @param func
+ * @param context
+ */
+export declare function forEach(children: React.ReactNode, func: any, context?: any): void;
 /**
  * Returns the number of children.
  * @param children - The children to count.
@@ -63,6 +70,10 @@ export declare const ReactChildren: {
      * Maps over the children and applies the given function to each child.
      */
     map: typeof map;
+    /**
+     * Iterates over children that are in flat array form.
+     */
+    forEach: typeof forEach;
     /**
      * Finds the first child that satisfies the given condition.
      */

package/cjs/internals/utils/ReactChildren.js

@@ -7,6 +7,7 @@ exports.ReactChildren = void 0;
 exports.count = count;
 exports.default = void 0;
 exports.find = find;
+exports.forEach = forEach;
 exports.isFragment = isFragment;
 exports.map = map;
 exports.mapCloneElement = mapCloneElement;
@@ -103,6 +104,23 @@ function mapCloneElement(children, func, context) {
   }, context);
 }
 
+/**
+ * Iterates over children that are in flat array form.
+ * @param children
+ * @param func
+ * @param context
+ */
+function forEach(children, func, context) {
+  var index = 0;
+  _react.default.Children.forEach(flatChildren(children), function (child) {
+    if (! /*#__PURE__*/_react.default.isValidElement(child)) {
+      return;
+    }
+    func.call(context, child, index);
+    index += 1;
+  });
+}
+
 /**
  * Returns the number of children.
  * @param children - The children to count.
@@ -158,6 +176,10 @@ var ReactChildren = exports.ReactChildren = {
    * Maps over the children and applies the given function to each child.
    */
   map: map,
+  /**
+   * Iterates over children that are in flat array form.
+   */
+  forEach: forEach,
   /**
    * Finds the first child that satisfies the given condition.
    */

package/cjs/locales/index.d.ts

@@ -1,4 +1,5 @@
 import defaultLocale from './default';
+import { Locale as DateFnsLocale } from 'date-fns';
 export { default as arEG } from './ar_EG';
 export { default as daDK } from './da_DK';
 export { default as deDE } from './de_DE';
@@ -29,7 +30,6 @@ type PickKeys<T> = {
 };
 export type Locale = PickKeys<typeof defaultLocale>;
 export type CommonLocale = typeof defaultLocale.common;
-export type CalendarLocale = PickKeys<typeof defaultLocale.Calendar>;
 export type PlaintextLocale = PickKeys<typeof defaultLocale.Plaintext>;
 export type PaginationLocale = PickKeys<typeof defaultLocale.Pagination>;
 export type TableLocale = CommonLocale;
@@ -41,3 +41,6 @@ export type UploaderLocale = PickKeys<typeof defaultLocale.Uploader> & CommonLoc
 export type CloseButtonLocale = PickKeys<typeof defaultLocale.CloseButton>;
 export type BreadcrumbLocale = PickKeys<typeof defaultLocale.Breadcrumb>;
 export type ToggleLocale = PickKeys<typeof defaultLocale.Toggle>;
+export interface CalendarLocale extends PickKeys<typeof defaultLocale.Calendar> {
+    dateLocale?: DateFnsLocale;
+}

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

@@ -1800,9 +1800,25 @@ tbody.rs-anim-collapse.rs-anim-in {
   color: #717273;
   color: var(--rs-text-secondary);
 }
+.rs-breadcrumb ol {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+      flex-wrap: wrap;
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
 .rs-breadcrumb-item {
   -webkit-transition: color 0.3s linear;
   transition: color 0.3s linear;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
 }
 .rs-breadcrumb-item:focus {
   outline: 0;
@@ -14106,7 +14122,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
   border-left: 1px solid #f2f2f5;
   border-left: 1px solid var(--rs-table-border-color);
 }
-.rs-table-row:not(.rs-table-row-rowspan) {
+.rs-table:not(.rs-table-has-rowspan) .rs-table-row {
   border-bottom: 1px solid #f2f2f5;
   border-bottom: 1px solid var(--rs-table-border-color);
 }