rsuite 5.40.0 → 5.41.0

package/esm/InputPicker/InputSearch.js

@@ -1,37 +1,32 @@
+'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-
 var _templateObject;
-
 import React, { useCallback } from 'react';
 import PropTypes from 'prop-types';
 import { TypeChecker, useClassNames } from '../utils';
 var InputSearch = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _props$as = props.as,
-      Component = _props$as === void 0 ? 'input' : _props$as,
-      _props$classPrefix = props.classPrefix,
-      classPrefix = _props$classPrefix === void 0 ? 'picker-search' : _props$classPrefix,
-      children = props.children,
-      className = props.className,
-      value = props.value,
-      inputRef = props.inputRef,
-      style = props.style,
-      readOnly = props.readOnly,
-      onChange = props.onChange,
-      rest = _objectWithoutPropertiesLoose(props, ["as", "classPrefix", "children", "className", "value", "inputRef", "style", "readOnly", "onChange"]);
-
+    Component = _props$as === void 0 ? 'input' : _props$as,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'picker-search' : _props$classPrefix,
+    children = props.children,
+    className = props.className,
+    value = props.value,
+    inputRef = props.inputRef,
+    style = props.style,
+    readOnly = props.readOnly,
+    onChange = props.onChange,
+    rest = _objectWithoutPropertiesLoose(props, ["as", "classPrefix", "children", "className", "value", "inputRef", "style", "readOnly", "onChange"]);
   var handleChange = useCallback(function (event) {
     var _event$target;
-
     onChange === null || onChange === void 0 ? void 0 : onChange(event === null || event === void 0 ? void 0 : (_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.value, event);
   }, [onChange]);
-
   var _useClassNames = useClassNames(classPrefix),
-      withClassPrefix = _useClassNames.withClassPrefix,
-      merge = _useClassNames.merge,
-      prefix = _useClassNames.prefix;
-
+    withClassPrefix = _useClassNames.withClassPrefix,
+    merge = _useClassNames.merge,
+    prefix = _useClassNames.prefix;
   var classes = merge(className, withClassPrefix());
   return /*#__PURE__*/React.createElement("div", {
     ref: ref,

package/esm/InputPicker/index.js

@@ -1,2 +1,3 @@
+'use client';
 import InputPicker from './InputPicker';
 export default InputPicker;

package/esm/List/List.js

@@ -1,3 +1,4 @@
+'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import PropTypes from 'prop-types';
@@ -8,47 +9,44 @@ import ListContext from './ListContext';
 import ListItem from './ListItem';
 var List = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _props$as = props.as,
-      Component = _props$as === void 0 ? 'div' : _props$as,
-      _props$classPrefix = props.classPrefix,
-      classPrefix = _props$classPrefix === void 0 ? 'list' : _props$classPrefix,
-      className = props.className,
-      bordered = props.bordered,
-      hover = props.hover,
-      _props$size = props.size,
-      size = _props$size === void 0 ? 'md' : _props$size,
-      sortable = props.sortable,
-      _props$autoScroll = props.autoScroll,
-      autoScroll = _props$autoScroll === void 0 ? true : _props$autoScroll,
-      _props$pressDelay = props.pressDelay,
-      pressDelay = _props$pressDelay === void 0 ? 0 : _props$pressDelay,
-      _props$transitionDura = props.transitionDuration,
-      transitionDuration = _props$transitionDura === void 0 ? 300 : _props$transitionDura,
-      children = props.children,
-      onSort = props.onSort,
-      onSortEnd = props.onSortEnd,
-      onSortMove = props.onSortMove,
-      onSortStart = props.onSortStart,
-      rest = _objectWithoutPropertiesLoose(props, ["as", "classPrefix", "className", "bordered", "hover", "size", "sortable", "autoScroll", "pressDelay", "transitionDuration", "children", "onSort", "onSortEnd", "onSortMove", "onSortStart"]);
-
+    Component = _props$as === void 0 ? 'div' : _props$as,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'list' : _props$classPrefix,
+    className = props.className,
+    bordered = props.bordered,
+    hover = props.hover,
+    _props$size = props.size,
+    size = _props$size === void 0 ? 'md' : _props$size,
+    sortable = props.sortable,
+    _props$autoScroll = props.autoScroll,
+    autoScroll = _props$autoScroll === void 0 ? true : _props$autoScroll,
+    _props$pressDelay = props.pressDelay,
+    pressDelay = _props$pressDelay === void 0 ? 0 : _props$pressDelay,
+    _props$transitionDura = props.transitionDuration,
+    transitionDuration = _props$transitionDura === void 0 ? 300 : _props$transitionDura,
+    children = props.children,
+    onSort = props.onSort,
+    onSortEnd = props.onSortEnd,
+    onSortMove = props.onSortMove,
+    onSortStart = props.onSortStart,
+    rest = _objectWithoutPropertiesLoose(props, ["as", "classPrefix", "className", "bordered", "hover", "size", "sortable", "autoScroll", "pressDelay", "transitionDuration", "children", "onSort", "onSortEnd", "onSortMove", "onSortStart"]);
   var _useClassNames = useClassNames(classPrefix),
-      withClassPrefix = _useClassNames.withClassPrefix,
-      merge = _useClassNames.merge;
-
+    withClassPrefix = _useClassNames.withClassPrefix,
+    merge = _useClassNames.merge;
   var _useSortHelper = useSortHelper({
-    autoScroll: autoScroll,
-    onSort: onSort,
-    onSortEnd: onSortEnd,
-    onSortMove: onSortMove,
-    onSortStart: onSortStart,
-    pressDelay: pressDelay,
-    transitionDuration: transitionDuration
-  }),
-      containerRef = _useSortHelper.containerRef,
-      register = _useSortHelper.register,
-      sorting = _useSortHelper.sorting,
-      handleEnd = _useSortHelper.handleEnd,
-      handleStart = _useSortHelper.handleStart;
-
+      autoScroll: autoScroll,
+      onSort: onSort,
+      onSortEnd: onSortEnd,
+      onSortMove: onSortMove,
+      onSortStart: onSortStart,
+      pressDelay: pressDelay,
+      transitionDuration: transitionDuration
+    }),
+    containerRef = _useSortHelper.containerRef,
+    register = _useSortHelper.register,
+    sorting = _useSortHelper.sorting,
+    handleEnd = _useSortHelper.handleEnd,
+    handleStart = _useSortHelper.handleStart;
   var classes = merge(className, withClassPrefix({
     bordered: bordered,
     sortable: sortable,

package/esm/List/ListContext.js

@@ -1,3 +1,4 @@
+'use client';
 import React from 'react';
 import noop from 'lodash/noop';
 var ListContext = /*#__PURE__*/React.createContext({

package/esm/List/ListItem.js

@@ -1,3 +1,4 @@
+'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import React from 'react';
@@ -7,43 +8,38 @@ import { mergeRefs, useClassNames } from '../utils';
 import ListContext from './ListContext';
 var ListItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _props$as = props.as,
-      Component = _props$as === void 0 ? 'div' : _props$as,
-      children = props.children,
-      className = props.className,
-      _props$classPrefix = props.classPrefix,
-      classPrefix = _props$classPrefix === void 0 ? 'list-item' : _props$classPrefix,
-      _props$collection = props.collection,
-      collection = _props$collection === void 0 ? 0 : _props$collection,
-      disabled = props.disabled,
-      index = props.index,
-      sizeProp = props.size,
-      rest = _objectWithoutPropertiesLoose(props, ["as", "children", "className", "classPrefix", "collection", "disabled", "index", "size"]);
-
+    Component = _props$as === void 0 ? 'div' : _props$as,
+    children = props.children,
+    className = props.className,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'list-item' : _props$classPrefix,
+    _props$collection = props.collection,
+    collection = _props$collection === void 0 ? 0 : _props$collection,
+    disabled = props.disabled,
+    index = props.index,
+    sizeProp = props.size,
+    rest = _objectWithoutPropertiesLoose(props, ["as", "children", "className", "classPrefix", "collection", "disabled", "index", "size"]);
   var _useContext = useContext(ListContext),
-      bordered = _useContext.bordered,
-      register = _useContext.register,
-      parentSize = _useContext.size;
-
+    bordered = _useContext.bordered,
+    register = _useContext.register,
+    parentSize = _useContext.size;
   var size = sizeProp || parentSize;
-
   var _useClassNames = useClassNames(classPrefix),
-      withClassPrefix = _useClassNames.withClassPrefix,
-      merge = _useClassNames.merge;
-
+    withClassPrefix = _useClassNames.withClassPrefix,
+    merge = _useClassNames.merge;
   var listItemRef = useRef(null);
   useEffect(function () {
     if (listItemRef.current) {
       var _register = register({
-        node: listItemRef.current,
-        edgeOffset: null,
-        info: {
-          collection: collection,
-          disabled: disabled,
-          index: index
-        }
-      }),
-          unregister = _register.unregister;
-
+          node: listItemRef.current,
+          edgeOffset: null,
+          info: {
+            collection: collection,
+            disabled: disabled,
+            index: index
+          }
+        }),
+        unregister = _register.unregister;
       return unregister;
     }
   }, [collection, disabled, index, register]);

package/esm/List/helper/AutoScroller.js

@@ -1,9 +1,9 @@
+'use client';
 var ACCELERATION = 5; // for auto scroll
 
 /***
  * Auto scroll when approaching the edge
  * */
-
 var AutoScroller = /*#__PURE__*/function () {
   function AutoScroller(container, onScrollCallback) {
     this.container = void 0;
@@ -13,24 +13,20 @@ var AutoScroller = /*#__PURE__*/function () {
     this.container = container;
     this.onScrollCallback = onScrollCallback;
   }
-
   var _proto = AutoScroller.prototype;
-
   _proto.clear = function clear() {
     if (this.interval !== null) {
       clearInterval(this.interval);
       this.interval = null;
     }
   };
-
   _proto.update = function update(_ref) {
     var _this = this;
-
     var translate = _ref.translate,
-        minTranslate = _ref.minTranslate,
-        maxTranslate = _ref.maxTranslate,
-        width = _ref.width,
-        height = _ref.height;
+      minTranslate = _ref.minTranslate,
+      maxTranslate = _ref.maxTranslate,
+      width = _ref.width,
+      height = _ref.height;
     var direction = {
       x: 0,
       y: 0
@@ -40,17 +36,16 @@ var AutoScroller = /*#__PURE__*/function () {
       y: 0
     };
     var _this$container = this.container,
-        scrollTop = _this$container.scrollTop,
-        scrollLeft = _this$container.scrollLeft,
-        scrollHeight = _this$container.scrollHeight,
-        scrollWidth = _this$container.scrollWidth,
-        clientHeight = _this$container.clientHeight,
-        clientWidth = _this$container.clientWidth;
+      scrollTop = _this$container.scrollTop,
+      scrollLeft = _this$container.scrollLeft,
+      scrollHeight = _this$container.scrollHeight,
+      scrollWidth = _this$container.scrollWidth,
+      clientHeight = _this$container.clientHeight,
+      clientWidth = _this$container.clientWidth;
     var isTop = scrollTop === 0;
     var isBottom = scrollTop === scrollHeight - clientHeight;
     var isLeft = scrollLeft === 0;
     var isRight = scrollLeft === scrollWidth - clientWidth;
-
     if (translate.y >= maxTranslate.y - height / 2 && !isBottom) {
       // Scroll Down
       direction.y = 1;
@@ -68,12 +63,10 @@ var AutoScroller = /*#__PURE__*/function () {
       direction.x = -1;
       speed.x = ACCELERATION * Math.abs((translate.x - width / 2 - minTranslate.x) / width);
     }
-
     if (this.interval) {
       this.clear();
       this.isAutoScrolling = false;
     }
-
     if (direction.x !== 0 || direction.y !== 0) {
       // duration of auto scroll
       this.interval = setInterval(function () {
@@ -84,13 +77,10 @@ var AutoScroller = /*#__PURE__*/function () {
         };
         _this.container.scrollTop += offset.top;
         _this.container.scrollLeft += offset.left;
-
         _this.onScrollCallback(offset);
       }, 20);
     }
   };
-
   return AutoScroller;
 }();
-
 export default AutoScroller;

package/esm/List/helper/useManager.js

@@ -1,21 +1,18 @@
+'use client';
 import _flatten from "lodash/flatten";
 import { useCallback, useRef } from 'react';
-
 var useManager = function useManager() {
   var collectionMapRef = useRef({});
   var listItemRegister = useCallback(function (item) {
     var collection = item.info.collection;
-
     if (!Array.isArray(collectionMapRef.current[collection])) {
       // reset collection
       collectionMapRef.current[collection] = [];
     }
-
     collectionMapRef.current[collection].push(item);
     return {
       unregister: function unregister() {
         var index = collectionMapRef.current[collection].indexOf(item);
-
         if (index !== -1) {
           collectionMapRef.current[collection].splice(index, 1);
         }
@@ -24,7 +21,6 @@ var useManager = function useManager() {
   }, []);
   var getManagedItem = useCallback(function (node) {
     var allItems = _flatten(Object.values(collectionMapRef.current));
-
     return allItems.find(function (managerRef) {
       return managerRef.node === node;
     });
@@ -40,5 +36,4 @@ var useManager = function useManager() {
     getOrderedItems: getOrderedItems
   };
 };
-
 export default useManager;