rsuite 5.39.0 → 5.41.0

package/esm/utils/getDataGroupBy.d.ts

@@ -1,29 +1,6 @@
 export declare const KEY_GROUP: string | symbol;
 export declare const KEY_GROUP_TITLE = "groupTitle";
-/**
- * Chunk data into groups
- * @returns [group, child, child, group, child, child]
- */
 export declare function getDataGroupBy<T>(data: readonly T[], key: string, sort?: (isGroup: boolean) => <T>(a: T, b: T) => number): (T | {
     groupTitle: string;
     children: T[];
 })[];
-/**
- * Chunk options into groups
- * @returns [
- *   group {
- *     key
- *     options
- *   }
- *   group {
- *     key
- *     options
- *   }
- * ]
- */
-export declare type Group<T> = {
-    key: string;
-    options: T[];
-};
-export declare type CompareFn<T> = (a: T, b: T) => number;
-export declare function groupOptions<T>(options: readonly T[], groupKey: string, compareOptions?: CompareFn<T>, compareGroups?: CompareFn<Group<T>>): Group<T>[];

package/esm/utils/getDataGroupBy.js

@@ -1,62 +1,28 @@
+'use client';
 import _groupBy from "lodash/groupBy";
 import { WalkTreeStrategy, flattenTree } from '../utils/treeUtils';
 var hasSymbol = typeof Symbol === 'function';
 export var KEY_GROUP = hasSymbol ? Symbol('_$grouped') : '_$grouped';
 export var KEY_GROUP_TITLE = 'groupTitle';
-/**
- * Chunk data into groups
- * @returns [group, child, child, group, child, child]
- */
-
 export function getDataGroupBy(data, key, sort) {
   var groupMap = _groupBy(data, key);
-
   var isSort = typeof sort === 'function';
   var groups = Object.entries(groupMap).map(function (_ref) {
     var _ref2;
-
     var groupTitle = _ref[0],
-        children = _ref[1];
+      children = _ref[1];
     return _ref2 = {
       children: isSort ? children.sort(sort(false)) : children
     }, _ref2[KEY_GROUP_TITLE] = groupTitle, _ref2[KEY_GROUP] = true, _ref2;
   });
-
   if (isSort) {
     groups.sort(sort(true));
-  } // Use DFS traverse
+  }
+
+  // Use DFS traverse
   // Because I want the result to be [group, child, child, group, child, child]
   // rather than [group, group, child, child, child, child]
-
-
   return flattenTree(groups, function (group) {
     return group.children;
   }, WalkTreeStrategy.DFS);
-}
-/**
- * Chunk options into groups
- * @returns [
- *   group {
- *     key
- *     options
- *   }
- *   group {
- *     key
- *     options
- *   }
- * ]
- */
-
-export function groupOptions(options, groupKey, compareOptions, compareGroups) {
-  var groupMap = _groupBy(options, groupKey);
-
-  var groups = Object.entries(groupMap).map(function (_ref3) {
-    var key = _ref3[0],
-        options = _ref3[1];
-    return {
-      key: key,
-      options: typeof compareOptions === 'function' ? options.sort(compareOptions) : options
-    };
-  });
-  return typeof compareGroups === 'function' ? groups.sort(compareGroups) : groups;
 }

package/esm/utils/getSafeRegExpString.js

@@ -1,3 +1,4 @@
+'use client';
 /**
  * @description escape Regular_Expressions special_characters '^$.|*+?{\\[()'
  */

package/esm/utils/guid.js

@@ -1,3 +1,4 @@
+'use client';
 export default function guid() {
   return '_' + Math.random().toString(36).substr(2, 12);
 }

package/esm/utils/htmlPropsUtils.js

@@ -1,21 +1,32 @@
+'use client';
 /**
  * Forked from Semantic-Org/Semantic-UI-React:
  * https://github.com/Semantic-Org/Semantic-UI-React/blob/master/src/lib/htmlPropsUtils.js
  */
+
 import forEach from 'lodash/forEach';
 import includes from 'lodash/includes';
-export var htmlInputAttrs = [// REACT
-'selected', 'defaultValue', 'defaultChecked', // LIMITED HTML PROPS
+export var htmlInputAttrs = [
+// REACT
+'selected', 'defaultValue', 'defaultChecked',
+// LIMITED HTML PROPS
 'autoCapitalize', 'autoComplete', 'autoCorrect', 'autoFocus', 'checked', 'disabled', 'form', 'id', 'list', 'max', 'maxLength', 'min', 'minLength', 'multiple', 'name', 'pattern', 'placeholder', 'readOnly', 'required', 'step', 'type', 'value'];
-export var htmlInputEvents = [// EVENTS
+export var htmlInputEvents = [
+// EVENTS
 // keyboard
-'onKeyDown', 'onKeyPress', 'onKeyUp', // focus
-'onFocus', 'onBlur', // form
-'onChange', 'onInput', // mouse
-'onClick', 'onContextMenu', 'onDrag', 'onDragEnd', 'onDragEnter', 'onDragExit', 'onDragLeave', 'onDragOver', 'onDragStart', 'onDrop', 'onMouseDown', 'onMouseEnter', 'onMouseLeave', 'onMouseMove', 'onMouseOut', 'onMouseOver', 'onMouseUp', // selection
-'onSelect', // touch
+'onKeyDown', 'onKeyPress', 'onKeyUp',
+// focus
+'onFocus', 'onBlur',
+// form
+'onChange', 'onInput',
+// mouse
+'onClick', 'onContextMenu', 'onDrag', 'onDragEnd', 'onDragEnter', 'onDragExit', 'onDragLeave', 'onDragOver', 'onDragStart', 'onDrop', 'onMouseDown', 'onMouseEnter', 'onMouseLeave', 'onMouseMove', 'onMouseOut', 'onMouseOver', 'onMouseUp',
+// selection
+'onSelect',
+// touch
 'onTouchCancel', 'onTouchEnd', 'onTouchMove', 'onTouchStart'];
 export var htmlInputProps = [].concat(htmlInputAttrs, htmlInputEvents);
+
 /**
  * Returns an array of objects consisting of: props of html input element and rest.
  * @param {object} props A ReactElement props object
@@ -24,17 +35,15 @@ export var htmlInputProps = [].concat(htmlInputAttrs, htmlInputEvents);
  * @param {boolean} [options.includeAria] Includes all input props that starts with "aria-"
  * @returns {[{}, {}]} An array of objects
  */
-
 export var partitionHTMLProps = function partitionHTMLProps(props, options) {
   if (options === void 0) {
     options = {};
   }
-
   var _options = options,
-      _options$htmlProps = _options.htmlProps,
-      htmlProps = _options$htmlProps === void 0 ? htmlInputProps : _options$htmlProps,
-      _options$includeAria = _options.includeAria,
-      includeAria = _options$includeAria === void 0 ? true : _options$includeAria;
+    _options$htmlProps = _options.htmlProps,
+    htmlProps = _options$htmlProps === void 0 ? htmlInputProps : _options$htmlProps,
+    _options$includeAria = _options.includeAria,
+    includeAria = _options$includeAria === void 0 ? true : _options$includeAria;
   var inputProps = {};
   var rest = {};
   forEach(props, function (val, prop) {

package/esm/utils/index.js

@@ -1,3 +1,4 @@
+'use client';
 export * from './BrowserDetection';
 export * from './htmlPropsUtils';
 export * from './constants';
@@ -25,8 +26,8 @@ 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 **/
 
+/** Hooks **/
 export { default as useClassNames } from './useClassNames';
 export { default as useEventListener } from './useEventListener';
 export { default as useElementResize } from './useElementResize';

package/esm/utils/isOneOf.js

@@ -1,7 +1,7 @@
+'use client';
 export default function isOneOf(one, ofTarget) {
   if (Array.isArray(ofTarget)) {
     return ofTarget.indexOf(one) >= 0;
   }
-
   return one === ofTarget;
 }

package/esm/utils/mergeRefs.js

@@ -1,9 +1,9 @@
+'use client';
 var toFnRef = function toFnRef(ref) {
   return !ref || typeof ref === 'function' ? ref : function (value) {
     ref.current = value;
   };
 };
-
 export default function mergeRefs(refA, refB) {
   var a = toFnRef(refA);
   var b = toFnRef(refB);

package/esm/utils/placementPolyfill.js

@@ -1,23 +1,21 @@
+'use client';
 /**
  * placementPolyfill('bottomLeft');
  * output 'bottomStart'
  */
+
 function placementPolyfill(placement, rtl) {
   if (rtl === void 0) {
     rtl = false;
   }
-
   if (typeof placement === 'string') {
     if (rtl) {
       placement = placement.replace(/left|right/, function (m) {
         return m === 'left' ? 'right' : 'left';
       });
     }
-
     return placement.replace(/Left|Top/, 'Start').replace(/Right|Bottom/, 'End');
   }
-
   return placement;
 }
-
 export default placementPolyfill;

package/esm/utils/prefix.js

@@ -1,8 +1,10 @@
+'use client';
 import classNames from 'classnames';
 import curry from 'lodash/curry';
 export var globalKey = 'rs-';
 export var getClassNamePrefix = function getClassNamePrefix() {
   // TODO: A prefix that can be replaced at runtime.
+
   return globalKey;
 };
 export var defaultClassPrefix = function defaultClassPrefix(name) {
@@ -12,20 +14,18 @@ export function prefix(pre, className) {
   if (!pre || !className) {
     return '';
   }
-
   if (Array.isArray(className)) {
     return classNames(className.filter(function (name) {
       return !!name;
     }).map(function (name) {
       return pre + "-" + name;
     }));
-  } // TODO Compatible with V4
-
+  }
 
+  // TODO Compatible with V4
   if (pre[pre.length - 1] === '-') {
     return "" + pre + className;
   }
-
   return pre + "-" + className;
 }
 export default curry(prefix);

package/esm/utils/previewFile.js

@@ -1,3 +1,4 @@
+'use client';
 // https://developer.mozilla.org/en-US/docs/Web/Media/Formats/Image_types
 var MIME = ['image/apng', 'image/avif', 'image/gif', 'image/jpeg', 'image/png', 'image/svg+xml', 'image/webp'];
 export function isImage(file) {
@@ -7,12 +8,9 @@ export default (function (file, callback) {
   if (!isImage(file)) {
     return callback(null);
   }
-
   var reader = new FileReader();
-
   reader.onloadend = function () {
     callback(reader.result);
   };
-
   reader.readAsDataURL(file);
 });

package/esm/utils/propTypeChecker.js

@@ -1,16 +1,14 @@
+'use client';
 import PropTypes from 'prop-types';
 export function tupleType() {
   for (var _len = arguments.length, typeCheckers = new Array(_len), _key = 0; _key < _len; _key++) {
     typeCheckers[_key] = arguments[_key];
   }
-
   return PropTypes.arrayOf(function (value, index) {
     var _typeCheckers$index;
-
     for (var _len2 = arguments.length, rest = new Array(_len2 > 2 ? _len2 - 2 : 0), _key2 = 2; _key2 < _len2; _key2++) {
       rest[_key2 - 2] = arguments[_key2];
     }
-
     return (_typeCheckers$index = typeCheckers[index]).call.apply(_typeCheckers$index, [PropTypes, value, index].concat(rest));
   });
 }

package/esm/utils/reactToString.js

@@ -1,7 +1,7 @@
+'use client';
 import React from 'react';
 export default function reactToString(element) {
   var nodes = [];
-
   var recursion = function recursion(elmt) {
     React.Children.forEach(elmt.props.children, function (child) {
       if ( /*#__PURE__*/React.isValidElement(child)) {
@@ -11,7 +11,6 @@ export default function reactToString(element) {
       }
     });
   };
-
   recursion(element);
   return nodes;
 }

package/esm/utils/render.js

@@ -1,15 +1,15 @@
+'use client';
 import React from 'react';
 import * as ReactDOM from 'react-dom';
 var majorVersion = parseInt(React.version);
 var SuperposedReactDOM = ReactDOM;
-
 function render(element, container) {
   var mountElement = document.createElement('div');
   mountElement.className = 'rs-mount-element';
-  var containerElement = container || document.body; // Add the detached element to the root
+  var containerElement = container || document.body;
 
+  // Add the detached element to the root
   containerElement.appendChild(mountElement);
-
   if (majorVersion >= 18) {
     /**
      * ignore react 18 warnings
@@ -24,7 +24,6 @@ function render(element, container) {
     containerElement.__root = root;
     return root;
   }
-
   SuperposedReactDOM.render(element, mountElement);
   return {
     unmount: function unmount() {
@@ -33,5 +32,4 @@ function render(element, container) {
     }
   };
 }
-
 export default render;

package/esm/utils/scrollTopAnimation.js

@@ -1,23 +1,19 @@
+'use client';
 import scrollTop from 'dom-lib/scrollTop';
 import requestAnimationFramePolyfill from 'dom-lib/requestAnimationFramePolyfill';
 export default function scrollTopAnimation(target, nextTop, animation, callback) {
   if (animation === void 0) {
     animation = true;
   }
-
   var top = scrollTop(target);
-
   var step = function step() {
     scrollTop(target, top > nextTop ? nextTop : top);
-
     if (top <= nextTop) {
       requestAnimationFramePolyfill(step);
     }
-
     callback === null || callback === void 0 ? void 0 : callback(top);
     top += 20;
   };
-
   if (animation) {
     requestAnimationFramePolyfill(step);
   } else {

package/esm/utils/shallowEqual.js

@@ -1,15 +1,17 @@
+'use client';
 /**
  * From: https://github.com/facebook/fbjs/blob/master/packages/fbjs/src/core/shallowEqual.js
  * @providesModule shallowEqual
  * @typechecks
  * @flow
  */
+
 var hasOwnProperty = Object.prototype.hasOwnProperty;
+
 /**
  * inlined Object.is polyfill to avoid requiring consumers ship their own
  * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is
  */
-
 function is(x, y) {
   // SameValue algorithm
   if (x === y) {
@@ -17,42 +19,35 @@ function is(x, y) {
     // Steps 6.b-6.e: +0 != -0
     // Added the nonzero y check to make Flow happy, but it is redundant
     return x !== 0 || y !== 0 || 1 / x === 1 / y;
-  } // Step 6.a: NaN == NaN
-
-
+  }
+  // Step 6.a: NaN == NaN
   return x !== x && y !== y;
 }
+
 /**
  * Performs equality by iterating through keys on an object and returning false
  * when any key has values which are not strictly equal between the arguments.
  * Returns true when the values of all keys are strictly equal.
  */
-
-
 function shallowEqual(objA, objB) {
   if (is(objA, objB)) {
     return true;
   }
-
   if (typeof objA !== 'object' || objA === null || typeof objB !== 'object' || objB === null) {
     return false;
   }
-
   var keysA = Object.keys(objA);
   var keysB = Object.keys(objB);
-
   if (keysA.length !== keysB.length) {
     return false;
-  } // Test for A's keys different from B.
-
+  }
 
+  // Test for A's keys different from B.
   for (var i = 0; i < keysA.length; i += 1) {
     if (!hasOwnProperty.call(objB, keysA[i]) || !is(objA[keysA[i]], objB[keysA[i]])) {
       return false;
     }
   }
-
   return true;
 }
-
 export default shallowEqual;

package/esm/utils/shallowEqualArray.js

@@ -1,21 +1,17 @@
+'use client';
 import shallowEqual from './shallowEqual';
-
 function shallowEqualArray(a, b) {
   if (a === b) {
     return true;
   }
-
   if (a.length !== b.length) {
     return false;
   }
-
   for (var i = 0; i < a.length; i += 1) {
     if (!shallowEqual(a[i], b[i])) {
       return false;
     }
   }
-
   return true;
 }
-
 export default shallowEqualArray;

package/esm/utils/statusIcons.js

@@ -1,3 +1,4 @@
+'use client';
 import React from 'react';
 import Info from '@rsuite/icons/legacy/Info';
 import CheckCircle from '@rsuite/icons/legacy/CheckCircle';

package/esm/utils/stringToObject.js

@@ -1,15 +1,14 @@
-import isObject from 'lodash/isObject'; // FIXME Never used
+'use client';
+import isObject from 'lodash/isObject';
 
+// FIXME Never used
 export default (function (value, labelKey, valueKey) {
   if (isObject(value)) {
     return value;
   }
-
   if (labelKey && valueKey) {
     var _ref;
-
     return _ref = {}, _ref[labelKey] = value, _ref[valueKey] = value, _ref;
   }
-
   return null;
 });

package/esm/utils/tplTransform.js

@@ -1,22 +1,20 @@
+'use client';
 import React from 'react';
-
 var toJSX = function toJSX(node, key) {
   return typeof node !== 'undefined' ? /*#__PURE__*/React.createElement("span", {
     key: key
   }, node) : null;
 };
+
 /**
  * tplTransform('Show {0} data', <i>100</i>);
  * output:
  * Show <span><i>100</i></span> data
  */
-
-
 export default (function (pattern) {
   for (var _len = arguments.length, data = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
     data[_key - 1] = arguments[_key];
   }
-
   return pattern.split(/\{(\d+)\}/).map(function (item, index) {
     return index % 2 ? toJSX(data[+item], index) : toJSX(item, index);
   }).filter(function (item) {

package/esm/utils/treeUtils.d.ts

@@ -240,7 +240,7 @@ export declare function useTreeSearch<T>(props: TreeSearchProps<T>): {
     filteredData: T[];
     setFilteredData: (data: T[], searchKeyword: string) => void;
     setSearchKeyword: React.Dispatch<React.SetStateAction<string>>;
-    handleSearch: (searchKeyword: string, event: React.ChangeEvent) => void;
+    handleSearch: (searchKeyword: string, event?: React.ChangeEvent) => void;
 };
 export declare function useGetTreeNodeChildren<T extends Record<string, unknown>>(treeData: T[], valueKey: string, childrenKey: string): {
     data: T[];