rsuite 5.40.0 → 5.42.0

package/esm/List/helper/useSortHelper.js

@@ -1,9 +1,7 @@
+'use client';
 function _createForOfIteratorHelperLoose(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (it) return (it = it.call(o)).next.bind(it); if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; return function () { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
 import on from 'dom-lib/on';
 import { useCallback, useRef, useState } from 'react';
 import AutoScroller from './AutoScroller';
@@ -12,38 +10,32 @@ import { useIsMounted } from '../../utils';
 import useManager from './useManager';
 var helperElementClass = 'rs-list-item-helper';
 var holderElementClass = 'rs-list-item-holder';
-
 var useSortHelper = function useSortHelper(config) {
   var autoScroll = config.autoScroll,
-      pressDelay = config.pressDelay,
-      transitionDuration = config.transitionDuration,
-      onSort = config.onSort,
-      onSortEnd = config.onSortEnd,
-      onSortMove = config.onSortMove,
-      onSortStart = config.onSortStart;
-
+    pressDelay = config.pressDelay,
+    transitionDuration = config.transitionDuration,
+    onSort = config.onSort,
+    onSortEnd = config.onSortEnd,
+    onSortMove = config.onSortMove,
+    onSortStart = config.onSortStart;
   var _useState = useState(false),
-      sorting = _useState[0],
-      setSorting = _useState[1];
-
+    sorting = _useState[0],
+    setSorting = _useState[1];
   var containerRef = useRef(null);
   var pressTimer = useRef();
-
   var _useManager = useManager(),
-      listItemRegister = _useManager.listItemRegister,
-      getManagedItem = _useManager.getManagedItem,
-      getOrderedItems = _useManager.getOrderedItems;
-
+    listItemRegister = _useManager.listItemRegister,
+    getManagedItem = _useManager.getManagedItem,
+    getOrderedItems = _useManager.getOrderedItems;
   var isMounted = useIsMounted();
+
   /**
    * start dragging
    * */
-
   var handlePress = useCallback(function (mouseDownEvent, _targetNode, curManagedItem) {
     var _curManagedItem$info$, _curManagedItem$info$2, _activeNodeHelper;
-
-    if (!isMounted()) return; // data
-
+    if (!isMounted()) return;
+    // data
     var containerElement = containerRef.current;
     var activeNode = curManagedItem.node;
     var activeNodeOldIndex = (_curManagedItem$info$ = curManagedItem.info.index) !== null && _curManagedItem$info$ !== void 0 ? _curManagedItem$info$ : 0;
@@ -53,8 +45,8 @@ var useSortHelper = function useSortHelper(config) {
       y: 0
     };
     var animatedNodesOffset = []; // all list item offset
-    // init scroller
 
+    // init scroller
     var scrollContainer = getScrollingParent(containerElement) || containerElement;
     var initScroll = {
       x: scrollContainer.scrollLeft,
@@ -78,14 +70,12 @@ var useSortHelper = function useSortHelper(config) {
     });
     activeNode.classList.add(holderElementClass);
     document.body.appendChild(activeNodeHelper);
-
     var getContainerScrollDelta = function getContainerScrollDelta() {
       return {
         left: scrollContainer.scrollLeft - initScroll.x,
         top: scrollContainer.scrollTop - initScroll.y
       };
     };
-
     var getHolderTranslate = function getHolderTranslate() {
       return animatedNodesOffset.reduce(function (acc, item) {
         return {
@@ -97,7 +87,6 @@ var useSortHelper = function useSortHelper(config) {
         y: 0
       });
     };
-
     var sortMouseMoveListener = on(window, 'mousemove', function (mouseOverEvent) {
       // Update helper position
       var offset = {
@@ -110,53 +99,49 @@ var useSortHelper = function useSortHelper(config) {
         x: offset.x - mouseDownEvent.pageX,
         y: offset.y - mouseDownEvent.pageY
       };
-
       if (activeNodeHelper) {
         setTranslate3d(activeNodeHelper, activeNodeHolderTranslate);
-      } // animate
-
+      }
 
+      // animate
       activeNodeNextIndex = -1;
       var listItemManagerRefs = getOrderedItems(curManagedItem.info.collection);
       var aTop = activeNodeOffsetEdge.top || 0;
       var cTop = containerScrollDelta.top || 0;
       var sortingOffsetY = aTop + activeNodeHolderTranslate.y + cTop;
-
       for (var i = 0, len = listItemManagerRefs.length; i < len; i++) {
         var _listItemManagerRefs$;
-
         var currentNode = listItemManagerRefs[i].node;
         var currentNodeIndex = (_listItemManagerRefs$ = listItemManagerRefs[i].info.index) !== null && _listItemManagerRefs$ !== void 0 ? _listItemManagerRefs$ : 0;
         var offsetY = activeNodeBoundingClientRect.height > currentNode.offsetHeight ? currentNode.offsetHeight / 2 : activeNodeBoundingClientRect.height / 2;
         var translate = {
           x: 0,
           y: 0
-        }; // If we haven't cached the node's offsetTop / offsetLeft value
+        };
 
+        // If we haven't cached the node's offsetTop / offsetLeft value
         var curEdgeOffset = listItemManagerRefs[i].edgeOffset || getEdgeOffset(currentNode, containerElement);
-        listItemManagerRefs[i].edgeOffset = curEdgeOffset; // Get a reference to the next node
+        listItemManagerRefs[i].edgeOffset = curEdgeOffset;
 
+        // Get a reference to the next node
         var prvNode = i > 0 && listItemManagerRefs[i - 1];
-        var nextNode = i < len - 1 && listItemManagerRefs[i + 1]; // Also cache the node's edge offset if needed.
+        var nextNode = i < len - 1 && listItemManagerRefs[i + 1];
 
+        // Also cache the node's edge offset if needed.
         if (prvNode && !prvNode.edgeOffset) {
           prvNode.edgeOffset = getEdgeOffset(prvNode.node, containerElement);
         }
-
         if (nextNode && !nextNode.edgeOffset) {
           nextNode.edgeOffset = getEdgeOffset(nextNode.node, containerElement);
-        } // If the node is the one we're currently animating, skip it
-
+        }
 
+        // If the node is the one we're currently animating, skip it
         if (currentNodeIndex === activeNodeOldIndex) {
           continue;
         }
-
         var curEdgeOffsetTop = curEdgeOffset.top || 0;
-
         if (prvNode && currentNodeIndex > activeNodeOldIndex && sortingOffsetY + offsetY >= curEdgeOffsetTop) {
           var _prvNode$edgeOffset;
-
           var yOffset = (((_prvNode$edgeOffset = prvNode.edgeOffset) === null || _prvNode$edgeOffset === void 0 ? void 0 : _prvNode$edgeOffset.top) || 0) - curEdgeOffsetTop;
           translate.y = yOffset;
           animatedNodesOffset[currentNodeIndex] = {
@@ -166,15 +151,12 @@ var useSortHelper = function useSortHelper(config) {
           activeNodeNextIndex = currentNodeIndex;
         } else if (nextNode && currentNodeIndex < activeNodeOldIndex && sortingOffsetY <= curEdgeOffsetTop + offsetY) {
           var _nextNode$edgeOffset;
-
           var _yOffset = (((_nextNode$edgeOffset = nextNode.edgeOffset) === null || _nextNode$edgeOffset === void 0 ? void 0 : _nextNode$edgeOffset.top) || 0) - curEdgeOffsetTop;
-
           translate.y = _yOffset;
           animatedNodesOffset[currentNodeIndex] = {
             x: 0,
             y: -_yOffset
           };
-
           if (activeNodeNextIndex === -1) {
             activeNodeNextIndex = currentNodeIndex;
           }
@@ -184,18 +166,17 @@ var useSortHelper = function useSortHelper(config) {
             y: 0
           };
         }
-
         setTransitionDuration(currentNode, transitionDuration);
-        setTranslate3d(currentNode, translate); // translate holder
+        setTranslate3d(currentNode, translate);
 
+        // translate holder
         setTranslate3d(activeNode, getHolderTranslate());
       }
-
       if (activeNodeNextIndex === -1) {
         activeNodeNextIndex = activeNodeOldIndex;
-      } // auto scroll
-
+      }
 
+      // auto scroll
       if (autoScroll) {
         autoScroller.update({
           width: activeNodeBoundingClientRect.width,
@@ -211,7 +192,6 @@ var useSortHelper = function useSortHelper(config) {
           }
         });
       }
-
       onSortMove === null || onSortMove === void 0 ? void 0 : onSortMove({
         collection: curManagedItem.info.collection,
         node: activeNode,
@@ -227,43 +207,44 @@ var useSortHelper = function useSortHelper(config) {
       sortMouseEndListener.off();
       var holderTranslate = getHolderTranslate();
       var containerScrollDelta = getContainerScrollDelta();
-
       if (activeNodeHelper) {
         setTranslate3d(activeNodeHelper, {
           x: holderTranslate.x - (containerScrollDelta.left || 0),
           y: holderTranslate.y - (containerScrollDelta.top || 0)
         });
         setTransitionDuration(activeNodeHelper, transitionDuration);
-      } // wait for animation
-
+      }
 
+      // wait for animation
       setTimeout(function () {
         var _activeNodeHelper2, _activeNodeHelper2$pa;
-
-        if (!isMounted()) return; // Remove the helper from the DOM
-
+        if (!isMounted()) return;
+        // Remove the helper from the DOM
         (_activeNodeHelper2 = activeNodeHelper) === null || _activeNodeHelper2 === void 0 ? void 0 : (_activeNodeHelper2$pa = _activeNodeHelper2.parentNode) === null || _activeNodeHelper2$pa === void 0 ? void 0 : _activeNodeHelper2$pa.removeChild(activeNodeHelper);
-        activeNodeHelper = null; // Remove redundant styles
+        activeNodeHelper = null;
 
+        // Remove redundant styles
         activeNode.classList.remove(holderElementClass);
         setTranslate3d(activeNode, null);
         animatedNodesOffset = [];
-
         for (var _iterator = _createForOfIteratorHelperLoose(getOrderedItems(curManagedItem.info.collection)), _step; !(_step = _iterator()).done;) {
           var item = _step.value;
           // Clear the cached offsetTop / offsetLeft value
-          item.edgeOffset = null; // Remove the transforms / transitions
+          item.edgeOffset = null;
 
+          // Remove the transforms / transitions
           var el = item.node;
           setTranslate3d(el, null);
           setTransitionDuration(el, null);
-        } // Stop autoScroll
-
+        }
 
-        autoScroller.clear(); // Update manager state
+        // Stop autoScroll
+        autoScroller.clear();
 
-        setSorting(false); // callbacks
+        // Update manager state
+        setSorting(false);
 
+        // callbacks
         var callbackPayload = {
           collection: curManagedItem.info.collection,
           node: curManagedItem.node,
@@ -276,8 +257,8 @@ var useSortHelper = function useSortHelper(config) {
     }, {
       passive: false
     });
-    setSorting(true); // start callback
-
+    setSorting(true);
+    // start callback
     onSortStart === null || onSortStart === void 0 ? void 0 : onSortStart({
       collection: curManagedItem.info.collection,
       node: activeNode,
@@ -285,31 +266,35 @@ var useSortHelper = function useSortHelper(config) {
       newIndex: activeNodeNextIndex
     }, mouseDownEvent.nativeEvent);
   }, [autoScroll, getOrderedItems, isMounted, onSort, onSortEnd, onSortMove, onSortStart, transitionDuration]);
+
   /**
    * Determine whether to start dragging
    * */
-
   var handleStart = useCallback(function (mouseDownEvent) {
     var triggeredNode = mouseDownEvent.target;
     var targetNode = closestNode(triggeredNode, function (el) {
       return Boolean(getManagedItem(el));
     });
     var curManagedItem = getManagedItem(targetNode);
-
-    if ( // is not secondary button pressed
-    mouseDownEvent.button !== 2 && // is list item
-    Boolean(curManagedItem) && !curManagedItem.info.disabled && // is not sorting
-    !sorting && // is valid node
-    targetNode instanceof HTMLElement && // excludes interactive elements
+    if (
+    // is not secondary button pressed
+    mouseDownEvent.button !== 2 &&
+    // is list item
+    Boolean(curManagedItem) && !curManagedItem.info.disabled &&
+    // is not sorting
+    !sorting &&
+    // is valid node
+    targetNode instanceof HTMLElement &&
+    // excludes interactive elements
     !targetNode.contains(closestNode(triggeredNode, isContainInteractiveElement))) {
       mouseDownEvent.preventDefault();
       pressTimer.current = setTimeout(handlePress, pressDelay, mouseDownEvent, targetNode, curManagedItem);
     }
   }, [getManagedItem, handlePress, pressDelay, sorting]);
+
   /**
    * Clear timer after drag
    * */
-
   var handleEnd = useCallback(function () {
     return clearTimeout(pressTimer.current);
   }, []);
@@ -321,5 +306,4 @@ var useSortHelper = function useSortHelper(config) {
     register: listItemRegister
   };
 };
-
 export default useSortHelper;

package/esm/List/helper/utils.js

@@ -1,3 +1,4 @@
+'use client';
 /**
  * interactive elements should be skiped
  * */
@@ -9,8 +10,8 @@ export function setInlineStyles(node, styles) {
   if (node !== null && styles !== null) {
     for (var _i = 0, _Object$entries = Object.entries(styles); _i < _Object$entries.length; _i++) {
       var _Object$entries$_i = _Object$entries[_i],
-          key = _Object$entries$_i[0],
-          value = _Object$entries$_i[1];
+        key = _Object$entries$_i[0],
+        value = _Object$entries$_i[1];
       node.style[key] = value;
     }
   }
@@ -25,21 +26,18 @@ export function setTransitionDuration(node, duration) {
     transitionDuration: duration ? duration + "ms" : ''
   });
 }
+
 /**
  * find closest target node from source node
  * */
-
 export function closestNode(sourceNode, judge) {
   var currentNode = sourceNode;
-
   while (currentNode) {
     if (judge(currentNode)) {
       return currentNode;
     }
-
     currentNode = currentNode.parentNode;
   }
-
   return null;
 }
 export function getEdgeOffset(node, parent, offset) {
@@ -49,21 +47,18 @@ export function getEdgeOffset(node, parent, offset) {
       top: 0
     };
   }
-
   if (!node || !parent) {
     return {};
-  } // Get the actual offsetTop / offsetLeft value, no matter how deep the node is nested
-
+  }
 
+  // Get the actual offsetTop / offsetLeft value, no matter how deep the node is nested
   var nodeOffset = {
     left: (offset.left || 0) + node.offsetLeft,
     top: (offset.top || 0) + node.offsetTop
   };
-
   if (node.parentNode === parent) {
     return nodeOffset;
   }
-
   return getEdgeOffset(node.parentNode, parent, nodeOffset);
 }
 export function getScrollingParent(el) {

package/esm/List/index.js

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

package/esm/Loader/Loader.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';
@@ -5,27 +6,24 @@ import PropTypes from 'prop-types';
 import { useClassNames } from '../utils';
 var Loader = /*#__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 ? 'loader' : _props$classPrefix,
-      className = props.className,
-      inverse = props.inverse,
-      backdrop = props.backdrop,
-      _props$speed = props.speed,
-      speed = _props$speed === void 0 ? 'normal' : _props$speed,
-      center = props.center,
-      vertical = props.vertical,
-      content = props.content,
-      size = props.size,
-      rest = _objectWithoutPropertiesLoose(props, ["as", "classPrefix", "className", "inverse", "backdrop", "speed", "center", "vertical", "content", "size"]);
-
+    Component = _props$as === void 0 ? 'div' : _props$as,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'loader' : _props$classPrefix,
+    className = props.className,
+    inverse = props.inverse,
+    backdrop = props.backdrop,
+    _props$speed = props.speed,
+    speed = _props$speed === void 0 ? 'normal' : _props$speed,
+    center = props.center,
+    vertical = props.vertical,
+    content = props.content,
+    size = props.size,
+    rest = _objectWithoutPropertiesLoose(props, ["as", "classPrefix", "className", "inverse", "backdrop", "speed", "center", "vertical", "content", "size"]);
   var hasContent = !!content;
-
   var _useClassNames = useClassNames(classPrefix),
-      merge = _useClassNames.merge,
-      withClassPrefix = _useClassNames.withClassPrefix,
-      prefix = _useClassNames.prefix;
-
+    merge = _useClassNames.merge,
+    withClassPrefix = _useClassNames.withClassPrefix,
+    prefix = _useClassNames.prefix;
   var classes = merge(className, prefix('wrapper', "speed-" + speed, size, {
     'backdrop-wrapper': backdrop,
     'has-content': hasContent,

package/esm/Loader/index.js

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

package/esm/MaskedInput/MaskedInput.js

@@ -1,10 +1,11 @@
+'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import React from 'react';
 import TextMask from './TextMask';
 import Input from '../Input';
 var MaskedInput = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _props$as = props.as,
-      inputAs = _props$as === void 0 ? TextMask : _props$as;
+    inputAs = _props$as === void 0 ? TextMask : _props$as;
   return /*#__PURE__*/React.createElement(Input, _extends({}, props, {
     as: inputAs,
     ref: ref

package/esm/MaskedInput/TextMask.js

@@ -1,3 +1,4 @@
+'use client';
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _extends from "@babel/runtime/helpers/esm/extends";
 import React, { useCallback, useEffect, useRef } from 'react';
@@ -5,6 +6,7 @@ import omit from 'lodash/omit';
 import PropTypes from 'prop-types';
 import createTextMaskInputElement from './createTextMaskInputElement';
 import { mergeRefs } from '../utils';
+
 /**
  * https://github.com/text-mask/text-mask/blob/master/componentDocumentation.md#guide
  */
@@ -14,25 +16,22 @@ var defaultRender = function defaultRender(ref, props) {
     ref: ref
   }, props));
 };
-
 var TextMask = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var mask = props.mask,
-      _props$guide = props.guide,
-      guide = _props$guide === void 0 ? true : _props$guide,
-      placeholderChar = props.placeholderChar,
-      value = props.value,
-      showMask = props.showMask,
-      pipe = props.pipe,
-      _props$render = props.render,
-      render = _props$render === void 0 ? defaultRender : _props$render,
-      onChange = props.onChange,
-      rest = _objectWithoutPropertiesLoose(props, ["mask", "guide", "placeholderChar", "value", "showMask", "pipe", "render", "onChange"]);
-
+    _props$guide = props.guide,
+    guide = _props$guide === void 0 ? true : _props$guide,
+    placeholderChar = props.placeholderChar,
+    value = props.value,
+    showMask = props.showMask,
+    pipe = props.pipe,
+    _props$render = props.render,
+    render = _props$render === void 0 ? defaultRender : _props$render,
+    onChange = props.onChange,
+    rest = _objectWithoutPropertiesLoose(props, ["mask", "guide", "placeholderChar", "value", "showMask", "pipe", "render", "onChange"]);
   var inputRef = useRef(null);
   var textMaskInputElement = useRef();
   var initTextMask = useCallback(function () {
     var _textMaskInputElement;
-
     textMaskInputElement.current = createTextMaskInputElement(_extends({
       inputElement: inputRef.current
     }, props));
@@ -40,7 +39,6 @@ var TextMask = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }, [props, value]);
   var handleChange = useCallback(function (event) {
     var _textMaskInputElement2;
-
     (_textMaskInputElement2 = textMaskInputElement.current) === null || _textMaskInputElement2 === void 0 ? void 0 : _textMaskInputElement2.update();
     onChange === null || onChange === void 0 ? void 0 : onChange(event);
   }, [onChange]);