rsuite 5.19.0 → 5.20.0

package/esm/MultiCascader/MultiCascader.js

@@ -103,6 +103,7 @@ var MultiCascader = /*#__PURE__*/React.forwardRef(function (props, ref) {
       columnData = _useColumnData.columnData,
       setColumnData = _useColumnData.setColumnData,
       addColumn = _useColumnData.addColumn,
+      romoveColumnByIndex = _useColumnData.romoveColumnByIndex,
       enforceUpdateColumnData = _useColumnData.enforceUpdateColumnData;
 
   useUpdateEffect(function () {
@@ -186,7 +187,8 @@ var MultiCascader = /*#__PURE__*/React.forwardRef(function (props, ref) {
     var _node$childrenKey, _node$childrenKey2, _triggerRef$current, _triggerRef$current$u;
 
     setSelectedPaths(cascadePaths);
-    onSelect === null || onSelect === void 0 ? void 0 : onSelect(node, cascadePaths, event); // Lazy load node's children
+    onSelect === null || onSelect === void 0 ? void 0 : onSelect(node, cascadePaths, event);
+    var columnIndex = cascadePaths.length; // Lazy load node's children
 
     if (typeof getChildren === 'function' && ((_node$childrenKey = node[childrenKey]) === null || _node$childrenKey === void 0 ? void 0 : _node$childrenKey.length) === 0) {
       node.loading = true;
@@ -199,21 +201,24 @@ var MultiCascader = /*#__PURE__*/React.forwardRef(function (props, ref) {
 
           if (targetRef.current) {
             addFlattenData(data, node);
-            addColumn(data, cascadePaths.length);
+            addColumn(data, columnIndex);
           }
         });
       } else {
         node.loading = false;
         node[childrenKey] = children;
         addFlattenData(children, node);
-        addColumn(children, cascadePaths.length);
+        addColumn(children, columnIndex);
       }
     } else if ((_node$childrenKey2 = node[childrenKey]) !== null && _node$childrenKey2 !== void 0 && _node$childrenKey2.length) {
-      addColumn(node[childrenKey], cascadePaths.length);
+      addColumn(node[childrenKey], columnIndex);
+    } else {
+      // Removes subsequent columns of the current column when the clicked node is a leaf node.
+      romoveColumnByIndex(columnIndex);
     }
 
     (_triggerRef$current = triggerRef.current) === null || _triggerRef$current === void 0 ? void 0 : (_triggerRef$current$u = _triggerRef$current.updatePosition) === null || _triggerRef$current$u === void 0 ? void 0 : _triggerRef$current$u.call(_triggerRef$current);
-  }, [onSelect, getChildren, childrenKey, addColumn, addFlattenData]);
+  }, [onSelect, getChildren, childrenKey, addFlattenData, addColumn, romoveColumnByIndex]);
   var handleCheck = useCallback(function (node, event, checked) {
     var nodeValue = node[valueKey];
     var nextValue = [];

package/esm/MultiCascader/utils.d.ts

@@ -48,6 +48,7 @@ export declare function useFlattenData(data: ItemDataType[], itemKeys: ItemKeys)
 export declare function useColumnData(flattenData: ItemType[]): {
     columnData: ItemDataType<string | number>[][];
     addColumn: (column: ItemDataType[], index: number) => void;
+    romoveColumnByIndex: (index: number) => void;
     setColumnData: import("react").Dispatch<import("react").SetStateAction<ItemDataType<string | number>[][]>>;
     enforceUpdateColumnData: (nextData: ItemDataType[]) => void;
 };

package/esm/MultiCascader/utils.js

@@ -203,6 +203,15 @@ export function useColumnData(flattenData) {
   function addColumn(column, index) {
     setColumnData([].concat(slice(columnData, 0, index), [column]));
   }
+  /**
+   * Remove subsequent columns of the specified column
+   * @param index
+   */
+
+
+  function romoveColumnByIndex(index) {
+    setColumnData([].concat(slice(columnData, 0, index)));
+  }
 
   function enforceUpdateColumnData(nextData) {
     var nextFlattenData = flattenTree(nextData);
@@ -214,6 +223,7 @@ export function useColumnData(flattenData) {
   return {
     columnData: columnData,
     addColumn: addColumn,
+    romoveColumnByIndex: romoveColumnByIndex,
     setColumnData: setColumnData,
     enforceUpdateColumnData: enforceUpdateColumnData
   };

package/esm/Overlay/OverlayTrigger.d.ts

@@ -59,10 +59,19 @@ export interface OverlayTriggerProps extends StandardProps, AnimationEventProps
     /** Callback fired when open component */
     onOpen?: () => void;
     /** Callback fired when close component */
-    onClose?: () => void;
+    onClose?: (cause?: OverlayCloseCause) => void;
     /** Whether speaker to follow the cursor */
     followCursor?: boolean;
 }
+/**
+ * The reason that triggers closing of an overlay
+ * - Clicking outside of the overlay
+ * - Direct invocation of triggerRef.current.close()
+ */
+export declare enum OverlayCloseCause {
+    ClickOutside = 0,
+    ImperativeHandle = 1
+}
 export interface OverlayTriggerInstance {
     root: HTMLElement | undefined;
     updatePosition: () => void;

package/esm/Overlay/OverlayTrigger.js

@@ -30,6 +30,12 @@ function mergeEvents(events, props) {
   return nextEvents;
 }
 
+/**
+ * The reason that triggers closing of an overlay
+ * - Clicking outside of the overlay
+ * - Direct invocation of triggerRef.current.close()
+ */
+export var OverlayCloseCause;
 /**
  * Useful for mouseover and mouseout.
  * In order to resolve the node entering the mouseover element, a mouseout event and a mouseover event will be triggered.
@@ -37,6 +43,12 @@ function mergeEvents(events, props) {
  * @param handler
  * @param event
  */
+
+(function (OverlayCloseCause) {
+  OverlayCloseCause[OverlayCloseCause["ClickOutside"] = 0] = "ClickOutside";
+  OverlayCloseCause[OverlayCloseCause["ImperativeHandle"] = 1] = "ImperativeHandle";
+})(OverlayCloseCause || (OverlayCloseCause = {}));
+
 function onMouseEventHandler(handler, event, delay) {
   var target = event.currentTarget;
   var related = event.relatedTarget || get(event, ['nativeEvent', 'toElement']);
@@ -133,17 +145,19 @@ var OverlayTrigger = /*#__PURE__*/React.forwardRef(function (props, ref) {
 
     setOpen(true);
   }, [delayOpen, setOpen]);
-  var handleClose = useCallback(function (delay) {
+  var handleClose = useCallback(function (delay, callback) {
     var ms = _isUndefined(delay) ? delayClose : delay;
 
     if (ms && typeof ms === 'number') {
       return delayCloseTimer.current = setTimeout(function () {
         delayCloseTimer.current = null;
         setOpen(false);
+        callback === null || callback === void 0 ? void 0 : callback();
       }, ms);
     }
 
     setOpen(false);
+    callback === null || callback === void 0 ? void 0 : callback();
   }, [delayClose, setOpen]);
   var handleExited = useCallback(function () {
     setCursorPosition(null);
@@ -161,7 +175,11 @@ var OverlayTrigger = /*#__PURE__*/React.forwardRef(function (props, ref) {
       },
 
       open: handleOpen,
-      close: handleClose,
+      close: function close(delay) {
+        return handleClose(delay, function () {
+          return onClose === null || onClose === void 0 ? void 0 : onClose(OverlayCloseCause.ImperativeHandle);
+        });
+      },
       updatePosition: function updatePosition() {
         var _overlayRef$current2, _overlayRef$current2$;
 
@@ -322,7 +340,9 @@ var OverlayTrigger = /*#__PURE__*/React.forwardRef(function (props, ref) {
     var overlayProps = _extends({}, rest, {
       rootClose: rootClose,
       triggerTarget: triggerRef,
-      onClose: trigger !== 'none' ? createChainedFunction(handleClose, onClose) : undefined,
+      onClose: trigger !== 'none' ? createChainedFunction(handleClose, function () {
+        return onClose === null || onClose === void 0 ? void 0 : onClose(OverlayCloseCause.ClickOutside);
+      }) : undefined,
       onExited: createChainedFunction(followCursor ? handleExited : undefined, onExited),
       placement: placement,
       container: container,

package/esm/Picker/PickerToggle.d.ts

@@ -15,6 +15,7 @@ export interface PickerToggleProps extends ToggleButtonProps {
     readOnly?: boolean;
     plaintext?: boolean;
     tabIndex?: number;
+    loading?: boolean;
     editable?: boolean;
     inputPlaceholder?: string;
     inputMask?: (string | RegExp)[];

package/esm/Picker/PickerToggle.js

@@ -14,6 +14,8 @@ import Plaintext from '../Plaintext';
 import useToggleCaret from '../utils/useToggleCaret';
 import TextMask from '../MaskedInput/TextMask';
 import deprecatePropType from '../utils/deprecatePropType';
+import Loader from '../Loader';
+import Stack from '../Stack';
 var defaultInputMask = [];
 var PickerToggle = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var activeProp = props.active,
@@ -30,6 +32,8 @@ var PickerToggle = /*#__PURE__*/React.forwardRef(function (props, ref) {
       plaintext = props.plaintext,
       hasValue = props.hasValue,
       editable = props.editable,
+      _props$loading = props.loading,
+      loading = _props$loading === void 0 ? false : _props$loading,
       cleanableProp = props.cleanable,
       _props$tabIndex = props.tabIndex,
       tabIndexProp = _props$tabIndex === void 0 ? editable ? -1 : 0 : _props$tabIndex,
@@ -52,7 +56,7 @@ var PickerToggle = /*#__PURE__*/React.forwardRef(function (props, ref) {
       _props$caretAs = props.caretAs,
       caretAs = _props$caretAs === void 0 ? caretComponent : _props$caretAs,
       label = props.label,
-      rest = _objectWithoutPropertiesLoose(props, ["active", "as", "classPrefix", "children", "caret", "className", "disabled", "readOnly", "plaintext", "hasValue", "editable", "cleanable", "tabIndex", "id", "value", "inputPlaceholder", "inputValue", "inputMask", "onInputChange", "onInputPressEnter", "onInputBlur", "onInputFocus", "onClean", "onFocus", "onBlur", "placement", "caretComponent", "caretAs", "label"]);
+      rest = _objectWithoutPropertiesLoose(props, ["active", "as", "classPrefix", "children", "caret", "className", "disabled", "readOnly", "plaintext", "hasValue", "editable", "loading", "cleanable", "tabIndex", "id", "value", "inputPlaceholder", "inputValue", "inputMask", "onInputChange", "onInputPressEnter", "onInputBlur", "onInputFocus", "onClean", "onFocus", "onBlur", "placement", "caretComponent", "caretAs", "label"]);
 
   var inputRef = useRef(null);
   var comboboxRef = useRef(null);
@@ -85,7 +89,9 @@ var PickerToggle = /*#__PURE__*/React.forwardRef(function (props, ref) {
     active: activeProp || activeState
   }));
   var handleFocus = useCallback(function (event) {
-    setActive(true);
+    if (!loading) {
+      setActive(true);
+    }
 
     if (editable) {
       // Avoid firing the onFocus event twice when DatePicker and DateRangePicker allow keyboard input.
@@ -102,7 +108,7 @@ var PickerToggle = /*#__PURE__*/React.forwardRef(function (props, ref) {
     } else {
       onFocus === null || onFocus === void 0 ? void 0 : onFocus(event);
     }
-  }, [editable, onFocus]);
+  }, [editable, loading, onFocus]);
   var handleBlur = useCallback(function (event) {
     if (inputRef.current && !editable) {
       setActive(false);
@@ -177,7 +183,17 @@ var PickerToggle = /*#__PURE__*/React.forwardRef(function (props, ref) {
     onFocus: !disabled ? handleFocus : null // The debounce is set to 200 to solve the flicker caused by the switch between input and div.
     ,
     onBlur: !disabled ? debounce(handleBlur, 200) : null
-  }), /*#__PURE__*/React.createElement(TextMask, {
+  }), /*#__PURE__*/React.createElement(Stack, null, label && /*#__PURE__*/React.createElement(Stack.Item, null, /*#__PURE__*/React.createElement("span", {
+    className: prefix('label')
+  }, label)), /*#__PURE__*/React.createElement(Stack.Item, {
+    grow: 1
+  }, loading ? /*#__PURE__*/React.createElement(Loader, {
+    style: {
+      display: 'block',
+      padding: '1px 0'
+    },
+    "data-testid": "spinner"
+  }) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TextMask, {
     mask: inputMask,
     value: Array.isArray(inputValue) ? inputValue.toString() : inputValue,
     onBlur: handleInputBlur,
@@ -198,9 +214,7 @@ var PickerToggle = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }), children ? /*#__PURE__*/React.createElement("span", {
     className: prefix(hasValue ? 'value' : 'placeholder'),
     "aria-placeholder": typeof children === 'string' ? children : undefined
-  }, label && /*#__PURE__*/React.createElement("span", {
-    className: prefix('label')
-  }, label), children) : null, showCleanButton && /*#__PURE__*/React.createElement(CloseButton, {
+  }, children) : null)), showCleanButton && /*#__PURE__*/React.createElement(CloseButton, {
     className: prefix(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["clean"]))),
     tabIndex: -1,
     locale: {
@@ -209,7 +223,7 @@ var PickerToggle = /*#__PURE__*/React.forwardRef(function (props, ref) {
     onClick: handleClean
   }), caret && /*#__PURE__*/React.createElement(Caret, {
     className: prefix(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["caret"])))
-  }));
+  })));
 });
 PickerToggle.displayName = 'PickerToggle';
 PickerToggle.propTypes = {

package/esm/Picker/PickerToggleTrigger.d.ts

@@ -3,7 +3,7 @@ import { OverlayTriggerInstance, OverlayTriggerProps, OverlayTriggerType } from
 import { PositionChildProps } from '../Overlay/Position';
 import { TypeAttributes, AnimationEventProps } from '../@types/common';
 export type { OverlayTriggerInstance, PositionChildProps };
-export interface PickerToggleTriggerProps extends Omit<AnimationEventProps, 'onEntering' | 'onExiting'>, Pick<OverlayTriggerProps, 'speaker'> {
+export interface PickerToggleTriggerProps extends Omit<AnimationEventProps, 'onEntering' | 'onExiting'>, Pick<OverlayTriggerProps, 'speaker' | 'onClose'> {
     placement?: TypeAttributes.Placement;
     pickerProps: any;
     open?: boolean;

package/esm/Picker/PickerToggleTrigger.js

@@ -6,7 +6,7 @@ import OverlayTrigger from '../Overlay/OverlayTrigger';
 import { placementPolyfill } from '../utils';
 import { CustomConsumer } from '../CustomProvider';
 export var omitTriggerPropKeys = ['onEntered', 'onExited', 'onEnter', 'onEntering', 'onExit', 'onExiting', 'open', 'defaultOpen', 'onHide', 'container', 'containerPadding', 'preventOverflow'];
-export var pickTriggerPropKeys = [].concat(omitTriggerPropKeys, ['disabled', 'plaintext', 'readOnly']);
+export var pickTriggerPropKeys = [].concat(omitTriggerPropKeys, ['disabled', 'plaintext', 'readOnly', 'loading']);
 var PickerToggleTrigger = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var pickerProps = props.pickerProps,
       speaker = props.speaker,
@@ -15,8 +15,10 @@ var PickerToggleTrigger = /*#__PURE__*/React.forwardRef(function (props, ref) {
       trigger = _props$trigger === void 0 ? 'click' : _props$trigger,
       rest = _objectWithoutPropertiesLoose(props, ["pickerProps", "speaker", "placement", "trigger"]);
 
+  var pickerTriggerProps = pick(pickerProps, pickTriggerPropKeys);
   return /*#__PURE__*/React.createElement(CustomConsumer, null, function (context) {
-    return /*#__PURE__*/React.createElement(OverlayTrigger, _extends({}, rest, pick(pickerProps, pickTriggerPropKeys), {
+    return /*#__PURE__*/React.createElement(OverlayTrigger, _extends({}, rest, pickerTriggerProps, {
+      disabled: pickerTriggerProps.disabled || pickerTriggerProps.loading,
       ref: ref,
       trigger: trigger,
       placement: placementPolyfill(placement, context === null || context === void 0 ? void 0 : context.rtl),

package/esm/SelectPicker/SelectPicker.d.ts

@@ -6,6 +6,8 @@ import { FormControlPickerProps, ItemDataType } from '../@types/common';
 export interface SelectProps<T> {
     /** Set group condition key in data */
     groupBy?: string;
+    /** Whether to display an loading indicator on toggle button */
+    loading?: boolean;
     /** Whether dispaly search input box */
     searchable?: boolean;
     /** Whether using virtualized list */

package/esm/TreePicker/TreePicker.d.ts

@@ -3,7 +3,6 @@ import { PickerLocale } from '../locales';
 import { PickerComponent, PickerToggleProps } from '../Picker';
 import { TreeDragProps, TreeBaseProps } from '../Tree/Tree';
 import { FormControlPickerProps, ItemDataType } from '../@types/common';
-export declare const maxTreeHeight = 320;
 export interface TreePickerProps<T = number | string> extends TreeBaseProps<T, ItemDataType>, TreeDragProps, FormControlPickerProps<T, PickerLocale, ItemDataType>, Pick<PickerToggleProps, 'caretAs'> {
     /** The height of Dropdown */
     height?: number;

package/esm/TreePicker/TreePicker.js

@@ -13,9 +13,7 @@ import { getTreeNodeIndent } from '../utils/treeUtils';
 import { createChainedFunction, useClassNames, useCustom, useControlled, TREE_NODE_DROP_POSITION, KEY_VALUES, mergeRefs, shallowEqual } from '../utils';
 import { getExpandWhenSearching, hasVisibleChildren, getDragNodeKeys, calDropNodePosition, createUpdateTreeDataFunction, useTreeDrag, useFlattenTreeData, getTreeActiveNode, getDefaultExpandItemValues, useTreeNodeRefs, useTreeSearch, focusPreviousItem, getFocusableItems, focusNextItem, getActiveItem, toggleExpand, useGetTreeNodeChildren, focusToActiveTreeNode, leftArrowHandler, focusTreeNode, rightArrowHandler, isSearching } from '../utils/treeUtils';
 import { PickerToggle, PickerOverlay, SearchBar, PickerToggleTrigger, createConcatChildrenFunction, usePickerClassName, onMenuKeyDown as _onMenuKeyDown, usePublicMethods, listPickerPropTypes, pickTriggerPropKeys, omitTriggerPropKeys, useToggleKeyDownEvent } from '../Picker';
-import TreeContext from '../Tree/TreeContext'; // default value for virtualized
-
-export var maxTreeHeight = 320;
+import TreeContext from '../Tree/TreeContext';
 var emptyArray = [];
 var TreePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _props$as = props.as,
@@ -30,13 +28,15 @@ var TreePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
       overrideLocale = props.locale,
       _props$height = props.height,
       height = _props$height === void 0 ? 360 : _props$height,
+      _props$menuMaxHeight = props.menuMaxHeight,
+      menuMaxHeight = _props$menuMaxHeight === void 0 ? 320 : _props$menuMaxHeight,
+      menuStyle = props.menuStyle,
       className = props.className,
       disabled = props.disabled,
       _props$placement = props.placement,
       placement = _props$placement === void 0 ? 'bottomStart' : _props$placement,
       _props$cleanable = props.cleanable,
       cleanable = _props$cleanable === void 0 ? true : _props$cleanable,
-      menuStyle = props.menuStyle,
       _props$searchable = props.searchable,
       searchable = _props$searchable === void 0 ? true : _props$searchable,
       _props$virtualized = props.virtualized,
@@ -89,7 +89,7 @@ var TreePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
       renderExtraFooter = props.renderExtraFooter,
       renderMenu = props.renderMenu,
       renderValue = props.renderValue,
-      rest = _objectWithoutPropertiesLoose(props, ["as", "data", "appearance", "style", "showIndentLine", "value", "locale", "height", "className", "disabled", "placement", "cleanable", "menuStyle", "searchable", "virtualized", "classPrefix", "defaultValue", "placeholder", "searchKeyword", "menuClassName", "menuAutoWidth", "searchBy", "toggleAs", "labelKey", "valueKey", "childrenKey", "draggable", "defaultExpandAll", "disabledItemValues", "expandItemValues", "defaultExpandItemValues", "id", "listProps", "getChildren", "renderTreeIcon", "renderTreeNode", "onExit", "onExited", "onClean", "onOpen", "onSearch", "onSelect", "onChange", "onEntered", "onClose", "onDragEnd", "onDragStart", "onDragEnter", "onDragLeave", "onDragOver", "onDrop", "onExpand", "renderExtraFooter", "renderMenu", "renderValue"]);
+      rest = _objectWithoutPropertiesLoose(props, ["as", "data", "appearance", "style", "showIndentLine", "value", "locale", "height", "menuMaxHeight", "menuStyle", "className", "disabled", "placement", "cleanable", "searchable", "virtualized", "classPrefix", "defaultValue", "placeholder", "searchKeyword", "menuClassName", "menuAutoWidth", "searchBy", "toggleAs", "labelKey", "valueKey", "childrenKey", "draggable", "defaultExpandAll", "disabledItemValues", "expandItemValues", "defaultExpandItemValues", "id", "listProps", "getChildren", "renderTreeIcon", "renderTreeNode", "onExit", "onExited", "onClean", "onOpen", "onSearch", "onSelect", "onChange", "onEntered", "onClose", "onDragEnd", "onDragStart", "onDragEnter", "onDragLeave", "onDragOver", "onDrop", "onExpand", "renderExtraFooter", "renderMenu", "renderValue"]);
 
   var triggerRef = useRef(null);
   var targetRef = useRef(null);
@@ -478,13 +478,16 @@ var TreePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     var nullValue = null;
     var target = event.target; // exclude searchBar
 
-    if (target.matches('div[role="searchbox"] > input')) {
+    if (target.matches('div[role="searchbox"] > input') || disabled || !cleanable) {
       return;
     }
 
-    setValue(null);
+    if (!isControlled) {
+      setValue(null);
+    }
+
     onChange === null || onChange === void 0 ? void 0 : onChange(nullValue, event);
-  }, [onChange, setValue]);
+  }, [cleanable, disabled, onChange, setValue, isControlled]);
   var onPickerKeydown = useToggleKeyDownEvent(_extends({
     toggle: !activeNode || !active,
     triggerRef: triggerRef,
@@ -622,7 +625,7 @@ var TreePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     }, /*#__PURE__*/React.createElement("div", {
       className: treePrefix('nodes')
     }, virtualized ? /*#__PURE__*/React.createElement(AutoSizer, {
-      defaultHeight: inline ? height : maxTreeHeight,
+      defaultHeight: inline ? height : menuMaxHeight,
       style: {
         width: 'auto',
         height: 'auto'
@@ -653,13 +656,10 @@ var TreePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
       top: top
     });
 
-    var styles = virtualized ? _extends({
-      height: height
-    }, mergedMenuStyle) : _extends({}, mergedMenuStyle);
     return /*#__PURE__*/React.createElement(PickerOverlay, {
       autoWidth: menuAutoWidth,
       className: classes,
-      style: styles,
+      style: mergedMenuStyle,
       ref: mergeRefs(overlayRef, speakerRef),
       onKeyDown: onPickerKeydown,
       target: triggerRef

package/esm/locales/fr_FR.d.ts

@@ -0,0 +1,105 @@
+declare const _default: {
+    common: {
+        loading: string;
+        emptyMessage: string;
+    };
+    Plaintext: {
+        unfilled: string;
+        notSelected: string;
+        notUploaded: string;
+    };
+    Pagination: {
+        more: string;
+        prev: string;
+        next: string;
+        first: string;
+        last: string;
+        limit: string;
+        total: string;
+        skip: string;
+    };
+    Calendar: {
+        sunday: string;
+        monday: string;
+        tuesday: string;
+        wednesday: string;
+        thursday: string;
+        friday: string;
+        saturday: string;
+        ok: string;
+        today: string;
+        yesterday: string;
+        hours: string;
+        minutes: string;
+        seconds: string;
+        formattedMonthPattern: string;
+        formattedDayPattern: string;
+        dateLocale: any;
+    };
+    DatePicker: {
+        sunday: string;
+        monday: string;
+        tuesday: string;
+        wednesday: string;
+        thursday: string;
+        friday: string;
+        saturday: string;
+        ok: string;
+        today: string;
+        yesterday: string;
+        hours: string;
+        minutes: string;
+        seconds: string;
+        formattedMonthPattern: string;
+        formattedDayPattern: string;
+        dateLocale: any;
+    };
+    DateRangePicker: {
+        last7Days: string;
+        sunday: string;
+        monday: string;
+        tuesday: string;
+        wednesday: string;
+        thursday: string;
+        friday: string;
+        saturday: string;
+        ok: string;
+        today: string;
+        yesterday: string;
+        hours: string;
+        minutes: string;
+        seconds: string;
+        formattedMonthPattern: string;
+        formattedDayPattern: string;
+        dateLocale: any;
+    };
+    Picker: {
+        noResultsText: string;
+        placeholder: string;
+        searchPlaceholder: string;
+        checkAll: string;
+    };
+    InputPicker: {
+        newItem: string;
+        createOption: string;
+    };
+    Uploader: {
+        inited: string;
+        progress: string;
+        error: string;
+        complete: string;
+        emptyFile: string;
+        upload: string;
+    };
+    CloseButton: {
+        closeLabel: string;
+    };
+    Breadcrumb: {
+        expandText: string;
+    };
+    Toggle: {
+        on: string;
+        off: string;
+    };
+};
+export default _default;

package/esm/locales/fr_FR.js

@@ -0,0 +1,74 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import fr from 'date-fns/locale/fr';
+var Calendar = {
+  sunday: 'Di',
+  monday: 'Lu',
+  tuesday: 'Ma',
+  wednesday: 'Me',
+  thursday: 'Je',
+  friday: 'Ve',
+  saturday: 'Sa',
+  ok: 'OK',
+  today: "Aujourd'hui",
+  yesterday: 'Hier',
+  hours: 'Heures',
+  minutes: 'Minutes',
+  seconds: 'Secondes',
+  formattedMonthPattern: 'MMM yyyy',
+  formattedDayPattern: 'dd MMM yyyy',
+  dateLocale: fr
+};
+export default {
+  common: {
+    loading: 'Chargement...',
+    emptyMessage: 'Aucune donnée trouvée'
+  },
+  Plaintext: {
+    unfilled: 'Non rempli',
+    notSelected: 'Non sélectionné',
+    notUploaded: 'Non uploadé'
+  },
+  Pagination: {
+    more: 'Plus',
+    prev: 'Précédent',
+    next: 'Suivant',
+    first: 'Premier',
+    last: 'Dernier',
+    limit: '{0} / page',
+    total: 'Lignes totales: {0}',
+    skip: 'Aller à{0}'
+  },
+  Calendar: Calendar,
+  DatePicker: _extends({}, Calendar),
+  DateRangePicker: _extends({}, Calendar, {
+    last7Days: '7 Derniers Jours'
+  }),
+  Picker: {
+    noResultsText: 'Aucun résultat trouvé',
+    placeholder: 'Sélectionner',
+    searchPlaceholder: 'Rechercher',
+    checkAll: 'Tous'
+  },
+  InputPicker: {
+    newItem: 'Nouvel item',
+    createOption: 'Option de création "{0}"'
+  },
+  Uploader: {
+    inited: 'Initial',
+    progress: 'Chargement',
+    error: 'Erreur',
+    complete: 'Terminé',
+    emptyFile: 'Vide',
+    upload: 'Uploader'
+  },
+  CloseButton: {
+    closeLabel: 'Fermer'
+  },
+  Breadcrumb: {
+    expandText: 'Afficher le chemin'
+  },
+  Toggle: {
+    on: 'Ouvrir',
+    off: 'Fermer'
+  }
+};

package/esm/locales/index.d.ts

@@ -15,6 +15,7 @@ export { default as svSE } from './sv_SE';
 export { default as zhCN } from './zh_CN';
 export { default as zhTw } from './zh_TW';
 export { default as faIR } from './fa_IR';
+export { default as frFR } from './fr_FR';
 declare type PickKeys<T> = {
     [keys in keyof T]?: T[keys];
 };

package/esm/locales/index.js

@@ -13,4 +13,5 @@ export { default as ruRU } from './ru_RU';
 export { default as svSE } from './sv_SE';
 export { default as zhCN } from './zh_CN';
 export { default as zhTw } from './zh_TW';
-export { default as faIR } from './fa_IR';
+export { default as faIR } from './fa_IR';
+export { default as frFR } from './fr_FR';

package/esm/utils/treeUtils.d.ts

@@ -190,7 +190,7 @@ interface UnSerializeListProps {
 export declare function useFlattenTreeData({ data, labelKey, valueKey, childrenKey, uncheckableItemValues, callback }: FlattenTreeDataProps): {
     forceUpdate: () => void;
     flattenNodes: TreeNodesType;
-    flattenTreeData: (treeData: TreeNodeType[], ref: string, parent?: TreeNodeType, layer?: any) => never[] | undefined;
+    flattenTreeData: (treeData: TreeNodeType[], parent?: TreeNodeType, layer?: any) => never[] | undefined;
     serializeListOnlyParent: (nodes: TreeNodesType, key: string) => (string | number)[];
     unSerializeList: ({ nodes, key, value, cascade, uncheckableItemValues }: UnSerializeListProps) => void;
     formatVirtualizedTreeData: (nodes: TreeNodesType, data: any[], expandItemValues: ItemDataType[], options: {
@@ -248,3 +248,9 @@ export declare function isSearching(searchKeyword?: string): boolean;
 export declare function getTreeNodeIndent(rtl: any, layer: any, absolute?: boolean): {
     [x: string]: number;
 };
+/**
+ * according to the value type to get the formatted valueKey of the node
+ * @param value
+ * @returns
+ */
+export declare function getNodeFormattedRefKey(value: string | number): string;