rsuite 5.39.0 → 5.41.0

package/cjs/List/helper/useSortHelper.js

@@ -1,62 +1,46 @@
+'use client';
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = void 0;
-
 var _on = _interopRequireDefault(require("dom-lib/on"));
-
 var _react = require("react");
-
 var _AutoScroller = _interopRequireDefault(require("./AutoScroller"));
-
 var _utils = require("./utils");
-
 var _utils2 = require("../../utils");
-
 var _useManager2 = _interopRequireDefault(require("./useManager"));
-
 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; }
-
 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 = (0, _react.useState)(false),
-      sorting = _useState[0],
-      setSorting = _useState[1];
-
+    sorting = _useState[0],
+    setSorting = _useState[1];
   var containerRef = (0, _react.useRef)(null);
   var pressTimer = (0, _react.useRef)();
-
   var _useManager = (0, _useManager2.default)(),
-      listItemRegister = _useManager.listItemRegister,
-      getManagedItem = _useManager.getManagedItem,
-      getOrderedItems = _useManager.getOrderedItems;
-
+    listItemRegister = _useManager.listItemRegister,
+    getManagedItem = _useManager.getManagedItem,
+    getOrderedItems = _useManager.getOrderedItems;
   var isMounted = (0, _utils2.useIsMounted)();
+
   /**
    * start dragging
    * */
-
   var handlePress = (0, _react.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;
@@ -66,8 +50,8 @@ var useSortHelper = function useSortHelper(config) {
       y: 0
     };
     var animatedNodesOffset = []; // all list item offset
-    // init scroller
 
+    // init scroller
     var scrollContainer = (0, _utils.getScrollingParent)(containerElement) || containerElement;
     var initScroll = {
       x: scrollContainer.scrollLeft,
@@ -91,14 +75,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 {
@@ -110,7 +92,6 @@ var useSortHelper = function useSortHelper(config) {
         y: 0
       });
     };
-
     var sortMouseMoveListener = (0, _on.default)(window, 'mousemove', function (mouseOverEvent) {
       // Update helper position
       var offset = {
@@ -123,53 +104,49 @@ var useSortHelper = function useSortHelper(config) {
         x: offset.x - mouseDownEvent.pageX,
         y: offset.y - mouseDownEvent.pageY
       };
-
       if (activeNodeHelper) {
         (0, _utils.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 || (0, _utils.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 = (0, _utils.getEdgeOffset)(prvNode.node, containerElement);
         }
-
         if (nextNode && !nextNode.edgeOffset) {
           nextNode.edgeOffset = (0, _utils.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] = {
@@ -179,15 +156,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;
           }
@@ -197,18 +171,17 @@ var useSortHelper = function useSortHelper(config) {
             y: 0
           };
         }
-
         (0, _utils.setTransitionDuration)(currentNode, transitionDuration);
-        (0, _utils.setTranslate3d)(currentNode, translate); // translate holder
+        (0, _utils.setTranslate3d)(currentNode, translate);
 
+        // translate holder
         (0, _utils.setTranslate3d)(activeNode, getHolderTranslate());
       }
-
       if (activeNodeNextIndex === -1) {
         activeNodeNextIndex = activeNodeOldIndex;
-      } // auto scroll
-
+      }
 
+      // auto scroll
       if (autoScroll) {
         autoScroller.update({
           width: activeNodeBoundingClientRect.width,
@@ -224,7 +197,6 @@ var useSortHelper = function useSortHelper(config) {
           }
         });
       }
-
       onSortMove === null || onSortMove === void 0 ? void 0 : onSortMove({
         collection: curManagedItem.info.collection,
         node: activeNode,
@@ -240,43 +212,44 @@ var useSortHelper = function useSortHelper(config) {
       sortMouseEndListener.off();
       var holderTranslate = getHolderTranslate();
       var containerScrollDelta = getContainerScrollDelta();
-
       if (activeNodeHelper) {
         (0, _utils.setTranslate3d)(activeNodeHelper, {
           x: holderTranslate.x - (containerScrollDelta.left || 0),
           y: holderTranslate.y - (containerScrollDelta.top || 0)
         });
         (0, _utils.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);
         (0, _utils.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;
           (0, _utils.setTranslate3d)(el, null);
           (0, _utils.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,
@@ -289,8 +262,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,
@@ -298,31 +271,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 = (0, _react.useCallback)(function (mouseDownEvent) {
     var triggeredNode = mouseDownEvent.target;
     var targetNode = (0, _utils.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((0, _utils.closestNode)(triggeredNode, _utils.isContainInteractiveElement))) {
       mouseDownEvent.preventDefault();
       pressTimer.current = setTimeout(handlePress, pressDelay, mouseDownEvent, targetNode, curManagedItem);
     }
   }, [getManagedItem, handlePress, pressDelay, sorting]);
+
   /**
    * Clear timer after drag
    * */
-
   var handleEnd = (0, _react.useCallback)(function () {
     return clearTimeout(pressTimer.current);
   }, []);
@@ -334,6 +311,5 @@ var useSortHelper = function useSortHelper(config) {
     register: listItemRegister
   };
 };
-
 var _default = useSortHelper;
 exports.default = _default;

package/cjs/List/helper/utils.js

@@ -1,3 +1,4 @@
+'use client';
 "use strict";
 
 exports.__esModule = true;
@@ -8,57 +9,47 @@ exports.setTransitionDuration = setTransitionDuration;
 exports.closestNode = closestNode;
 exports.getEdgeOffset = getEdgeOffset;
 exports.getScrollingParent = getScrollingParent;
-
 /**
  * interactive elements should be skiped
  * */
 var INTERACTIVE_ELEMENTS = ['A', 'BUTTON', 'INPUT', 'OPTION', 'TEXTAREA', 'SELECT'];
-
 function isContainInteractiveElement(targetNode) {
   return INTERACTIVE_ELEMENTS.includes(targetNode.tagName) || targetNode.contentEditable === 'true';
 }
-
 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;
     }
   }
 }
-
 function setTranslate3d(node, translate) {
   setInlineStyles(node, {
     transform: translate ? "translate3d(" + translate.x + "px," + translate.y + "px,0)" : ''
   });
 }
-
 function setTransitionDuration(node, duration) {
   setInlineStyles(node, {
     transitionDuration: duration ? duration + "ms" : ''
   });
 }
+
 /**
  * find closest target node from source node
  * */
-
-
 function closestNode(sourceNode, judge) {
   var currentNode = sourceNode;
-
   while (currentNode) {
     if (judge(currentNode)) {
       return currentNode;
     }
-
     currentNode = currentNode.parentNode;
   }
-
   return null;
 }
-
 function getEdgeOffset(node, parent, offset) {
   if (offset === void 0) {
     offset = {
@@ -66,24 +57,20 @@ 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);
 }
-
 function getScrollingParent(el) {
   return closestNode(el, function (el) {
     var computedStyle = window.getComputedStyle(el);

package/cjs/List/index.js

@@ -1,11 +1,9 @@
+'use client';
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = void 0;
-
 var _List = _interopRequireDefault(require("./List"));
-
 var _default = _List.default;
 exports.default = _default;

package/cjs/Loader/Loader.js

@@ -1,42 +1,34 @@
+'use client';
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _utils = require("../utils");
-
 var Loader = /*#__PURE__*/_react.default.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 = (0, _objectWithoutPropertiesLoose2.default)(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 = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "classPrefix", "className", "inverse", "backdrop", "speed", "center", "vertical", "content", "size"]);
   var hasContent = !!content;
-
   var _useClassNames = (0, _utils.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,
@@ -59,7 +51,6 @@ var Loader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     className: prefix('content')
   }, content)));
 });
-
 Loader.displayName = 'Loader';
 Loader.propTypes = {
   as: _propTypes.default.elementType,

package/cjs/Loader/index.js

@@ -1,11 +1,9 @@
+'use client';
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = void 0;
-
 var _Loader = _interopRequireDefault(require("./Loader"));
-
 var _default = _Loader.default;
 exports.default = _default;

package/cjs/MaskedInput/MaskedInput.js

@@ -1,26 +1,20 @@
+'use client';
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _TextMask = _interopRequireDefault(require("./TextMask"));
-
 var _Input = _interopRequireDefault(require("../Input"));
-
 var MaskedInput = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _props$as = props.as,
-      inputAs = _props$as === void 0 ? _TextMask.default : _props$as;
+    inputAs = _props$as === void 0 ? _TextMask.default : _props$as;
   return /*#__PURE__*/_react.default.createElement(_Input.default, (0, _extends2.default)({}, props, {
     as: inputAs,
     ref: ref
   }));
 });
-
 var _default = MaskedInput;
 exports.default = _default;

package/cjs/MaskedInput/TextMask.js

@@ -1,49 +1,42 @@
+'use client';
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = void 0;
-
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _omit = _interopRequireDefault(require("lodash/omit"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _createTextMaskInputElement = _interopRequireDefault(require("./createTextMaskInputElement"));
-
 var _utils = require("../utils");
+/**
+ * https://github.com/text-mask/text-mask/blob/master/componentDocumentation.md#guide
+ */
 
 var defaultRender = function defaultRender(ref, props) {
   return /*#__PURE__*/_react.default.createElement("input", (0, _extends2.default)({
     ref: ref
   }, props));
 };
-
 var TextMask = /*#__PURE__*/_react.default.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 = (0, _objectWithoutPropertiesLoose2.default)(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 = (0, _objectWithoutPropertiesLoose2.default)(props, ["mask", "guide", "placeholderChar", "value", "showMask", "pipe", "render", "onChange"]);
   var inputRef = (0, _react.useRef)(null);
   var textMaskInputElement = (0, _react.useRef)();
   var initTextMask = (0, _react.useCallback)(function () {
     var _textMaskInputElement;
-
     textMaskInputElement.current = (0, _createTextMaskInputElement.default)((0, _extends2.default)({
       inputElement: inputRef.current
     }, props));
@@ -51,7 +44,6 @@ var TextMask = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   }, [props, value]);
   var handleChange = (0, _react.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]);
@@ -63,7 +55,6 @@ var TextMask = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     defaultValue: value
   }, (0, _omit.default)(rest, ['keepCharPositions'])));
 });
-
 TextMask.displayName = 'TextMask';
 TextMask.propTypes = {
   render: _propTypes.default.func,