funda-ui 4.1.171 → 4.1.215

package/Accordion/index.js

@@ -3473,9 +3473,16 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
         
         
         const App = () => {
-            const [dragContentHandle, dragHandle] = useDraggable({
+            const {
+                dragContentHandle, 
+                dragHandle,
+                resetPosition
+            }: any = useDraggable({
                 enabled: true,   // if `false`, drag and drop is disabled
-                preventOutsideScreen: true,
+                preventOutsideScreen: {
+                    xAxis: true,
+                    yAxis: true
+                },
                 onStart: (coordinates: Record<string, number>, handleEl: HTMLElement | null, contentEl: HTMLElement | null) => {
                     
                 },
@@ -3488,6 +3495,10 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
                 }
             });
         
+            const resetModal = () => {
+                resetPosition?.();
+            };
+        
             return (
                 <div className="container" ref={dragContentHandle}>
                     <div ref={dragHandle} className="handle">Drag me</div>
@@ -3507,7 +3518,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
             onStart = _ref.onStart,
             onStop = _ref.onStop,
             onDrag = _ref.onDrag;
-          if (typeof enabled === 'undefined' || enabled === false) return [null, null];
+          var DRAG_DISABLED = typeof enabled === "undefined" || enabled === false;
           var dragging = false; // DO NOT USE 'useState()'
           var _useState = (0, external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(null),
             _useState2 = useDraggable_slicedToArray(_useState, 2),
@@ -3555,10 +3566,6 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
             var nLeft = mouseX - startPos.x;
             var nTop = mouseY - startPos.y;
 
-            // calculates the right and bottom offsets after the move
-            var nRight = nLeft + childrenWidth;
-            var nBottom = nTop + childrenHight;
-
             // Determine whether the left or right distance is out of bounds
             if (preventOutsideScreen.xAxis) {
               nLeft = nLeft <= minLeft ? minLeft : nLeft;
@@ -3670,6 +3677,9 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
             }
           }, [node, dx, dy]);
           (0, external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
+            if (DRAG_DISABLED) {
+              return;
+            }
             if (!targetNode) {
               return;
             }
@@ -3680,7 +3690,17 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
               targetNode.removeEventListener("touchstart", handleTouchStart);
             };
           }, [targetNode, dx, dy]);
-          return [ref, targetRef];
+          return {
+            dragContentHandle: ref,
+            dragHandle: targetRef,
+            resetPosition: function resetPosition() {
+              // reset position
+              setOffset({
+                dx: 0,
+                dy: 0
+              });
+            }
+          };
         };
         /* harmony default export */
         var hooks_useDraggable = useDraggable;

package/BackToTop/index.js

@@ -3473,9 +3473,16 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
         
         
         const App = () => {
-            const [dragContentHandle, dragHandle] = useDraggable({
+            const {
+                dragContentHandle, 
+                dragHandle,
+                resetPosition
+            }: any = useDraggable({
                 enabled: true,   // if `false`, drag and drop is disabled
-                preventOutsideScreen: true,
+                preventOutsideScreen: {
+                    xAxis: true,
+                    yAxis: true
+                },
                 onStart: (coordinates: Record<string, number>, handleEl: HTMLElement | null, contentEl: HTMLElement | null) => {
                     
                 },
@@ -3488,6 +3495,10 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
                 }
             });
         
+            const resetModal = () => {
+                resetPosition?.();
+            };
+        
             return (
                 <div className="container" ref={dragContentHandle}>
                     <div ref={dragHandle} className="handle">Drag me</div>
@@ -3507,7 +3518,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
             onStart = _ref.onStart,
             onStop = _ref.onStop,
             onDrag = _ref.onDrag;
-          if (typeof enabled === 'undefined' || enabled === false) return [null, null];
+          var DRAG_DISABLED = typeof enabled === "undefined" || enabled === false;
           var dragging = false; // DO NOT USE 'useState()'
           var _useState = (0, external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(null),
             _useState2 = useDraggable_slicedToArray(_useState, 2),
@@ -3555,10 +3566,6 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
             var nLeft = mouseX - startPos.x;
             var nTop = mouseY - startPos.y;
 
-            // calculates the right and bottom offsets after the move
-            var nRight = nLeft + childrenWidth;
-            var nBottom = nTop + childrenHight;
-
             // Determine whether the left or right distance is out of bounds
             if (preventOutsideScreen.xAxis) {
               nLeft = nLeft <= minLeft ? minLeft : nLeft;
@@ -3670,6 +3677,9 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
             }
           }, [node, dx, dy]);
           (0, external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
+            if (DRAG_DISABLED) {
+              return;
+            }
             if (!targetNode) {
               return;
             }
@@ -3680,7 +3690,17 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
               targetNode.removeEventListener("touchstart", handleTouchStart);
             };
           }, [targetNode, dx, dy]);
-          return [ref, targetRef];
+          return {
+            dragContentHandle: ref,
+            dragHandle: targetRef,
+            resetPosition: function resetPosition() {
+              // reset position
+              setOffset({
+                dx: 0,
+                dy: 0
+              });
+            }
+          };
         };
         /* harmony default export */
         var hooks_useDraggable = useDraggable;

package/CascadingSelect/index.js

@@ -3668,9 +3668,16 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
         
         
         const App = () => {
-            const [dragContentHandle, dragHandle] = useDraggable({
+            const {
+                dragContentHandle, 
+                dragHandle,
+                resetPosition
+            }: any = useDraggable({
                 enabled: true,   // if `false`, drag and drop is disabled
-                preventOutsideScreen: true,
+                preventOutsideScreen: {
+                    xAxis: true,
+                    yAxis: true
+                },
                 onStart: (coordinates: Record<string, number>, handleEl: HTMLElement | null, contentEl: HTMLElement | null) => {
                     
                 },
@@ -3683,6 +3690,10 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
                 }
             });
         
+            const resetModal = () => {
+                resetPosition?.();
+            };
+        
             return (
                 <div className="container" ref={dragContentHandle}>
                     <div ref={dragHandle} className="handle">Drag me</div>
@@ -3702,7 +3713,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
             onStart = _ref.onStart,
             onStop = _ref.onStop,
             onDrag = _ref.onDrag;
-          if (typeof enabled === 'undefined' || enabled === false) return [null, null];
+          var DRAG_DISABLED = typeof enabled === "undefined" || enabled === false;
           var dragging = false; // DO NOT USE 'useState()'
           var _useState = (0, external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(null),
             _useState2 = useDraggable_slicedToArray(_useState, 2),
@@ -3750,10 +3761,6 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
             var nLeft = mouseX - startPos.x;
             var nTop = mouseY - startPos.y;
 
-            // calculates the right and bottom offsets after the move
-            var nRight = nLeft + childrenWidth;
-            var nBottom = nTop + childrenHight;
-
             // Determine whether the left or right distance is out of bounds
             if (preventOutsideScreen.xAxis) {
               nLeft = nLeft <= minLeft ? minLeft : nLeft;
@@ -3865,6 +3872,9 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
             }
           }, [node, dx, dy]);
           (0, external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
+            if (DRAG_DISABLED) {
+              return;
+            }
             if (!targetNode) {
               return;
             }
@@ -3875,7 +3885,17 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
               targetNode.removeEventListener("touchstart", handleTouchStart);
             };
           }, [targetNode, dx, dy]);
-          return [ref, targetRef];
+          return {
+            dragContentHandle: ref,
+            dragHandle: targetRef,
+            resetPosition: function resetPosition() {
+              // reset position
+              setOffset({
+                dx: 0,
+                dy: 0
+              });
+            }
+          };
         };
         /* harmony default export */
         var hooks_useDraggable = useDraggable;

package/CascadingSelectE2E/index.js

@@ -3668,9 +3668,16 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
         
         
         const App = () => {
-            const [dragContentHandle, dragHandle] = useDraggable({
+            const {
+                dragContentHandle, 
+                dragHandle,
+                resetPosition
+            }: any = useDraggable({
                 enabled: true,   // if `false`, drag and drop is disabled
-                preventOutsideScreen: true,
+                preventOutsideScreen: {
+                    xAxis: true,
+                    yAxis: true
+                },
                 onStart: (coordinates: Record<string, number>, handleEl: HTMLElement | null, contentEl: HTMLElement | null) => {
                     
                 },
@@ -3683,6 +3690,10 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
                 }
             });
         
+            const resetModal = () => {
+                resetPosition?.();
+            };
+        
             return (
                 <div className="container" ref={dragContentHandle}>
                     <div ref={dragHandle} className="handle">Drag me</div>
@@ -3702,7 +3713,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
             onStart = _ref.onStart,
             onStop = _ref.onStop,
             onDrag = _ref.onDrag;
-          if (typeof enabled === 'undefined' || enabled === false) return [null, null];
+          var DRAG_DISABLED = typeof enabled === "undefined" || enabled === false;
           var dragging = false; // DO NOT USE 'useState()'
           var _useState = (0, external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(null),
             _useState2 = useDraggable_slicedToArray(_useState, 2),
@@ -3750,10 +3761,6 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
             var nLeft = mouseX - startPos.x;
             var nTop = mouseY - startPos.y;
 
-            // calculates the right and bottom offsets after the move
-            var nRight = nLeft + childrenWidth;
-            var nBottom = nTop + childrenHight;
-
             // Determine whether the left or right distance is out of bounds
             if (preventOutsideScreen.xAxis) {
               nLeft = nLeft <= minLeft ? minLeft : nLeft;
@@ -3865,6 +3872,9 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
             }
           }, [node, dx, dy]);
           (0, external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
+            if (DRAG_DISABLED) {
+              return;
+            }
             if (!targetNode) {
               return;
             }
@@ -3875,7 +3885,17 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
               targetNode.removeEventListener("touchstart", handleTouchStart);
             };
           }, [targetNode, dx, dy]);
-          return [ref, targetRef];
+          return {
+            dragContentHandle: ref,
+            dragHandle: targetRef,
+            resetPosition: function resetPosition() {
+              // reset position
+              setOffset({
+                dx: 0,
+                dy: 0
+              });
+            }
+          };
         };
         /* harmony default export */
         var hooks_useDraggable = useDraggable;

package/Date/index.js

@@ -341,6 +341,9 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
           // exposes the following methods
           (0, react__WEBPACK_IMPORTED_MODULE_0__.useImperativeHandle)(contentRef, function () {
             return {
+              control: function control() {
+                return valRef.current;
+              },
               clear: function clear(cb) {
                 setChangedVal('');
                 cb === null || cb === void 0 ? void 0 : cb();
@@ -473,7 +476,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
             value: changedVal,
             minLength: minLength || null,
             maxLength: maxLength || null,
-            autoComplete: typeof autoComplete === 'undefined' ? 'off' : autoComplete,
+            autoComplete: typeof autoComplete === 'undefined' ? 'on' : autoComplete,
             onFocus: handleFocus,
             onBlur: handleBlur,
             onChange: handleChange,
@@ -515,7 +518,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
             value: changedVal,
             minLength: minLength || null,
             maxLength: maxLength || null,
-            autoComplete: typeof autoComplete === 'undefined' ? 'off' : autoComplete,
+            autoComplete: typeof autoComplete === 'undefined' ? 'on' : autoComplete,
             onFocus: handleFocus,
             onBlur: handleBlur,
             onChange: handleChange,
@@ -4207,9 +4210,16 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
         
         
         const App = () => {
-            const [dragContentHandle, dragHandle] = useDraggable({
+            const {
+                dragContentHandle, 
+                dragHandle,
+                resetPosition
+            }: any = useDraggable({
                 enabled: true,   // if `false`, drag and drop is disabled
-                preventOutsideScreen: true,
+                preventOutsideScreen: {
+                    xAxis: true,
+                    yAxis: true
+                },
                 onStart: (coordinates: Record<string, number>, handleEl: HTMLElement | null, contentEl: HTMLElement | null) => {
                     
                 },
@@ -4222,6 +4232,10 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
                 }
             });
         
+            const resetModal = () => {
+                resetPosition?.();
+            };
+        
             return (
                 <div className="container" ref={dragContentHandle}>
                     <div ref={dragHandle} className="handle">Drag me</div>
@@ -4241,7 +4255,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
             onStart = _ref.onStart,
             onStop = _ref.onStop,
             onDrag = _ref.onDrag;
-          if (typeof enabled === 'undefined' || enabled === false) return [null, null];
+          var DRAG_DISABLED = typeof enabled === "undefined" || enabled === false;
           var dragging = false; // DO NOT USE 'useState()'
           var _useState = (0, external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(null),
             _useState2 = useDraggable_slicedToArray(_useState, 2),
@@ -4289,10 +4303,6 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
             var nLeft = mouseX - startPos.x;
             var nTop = mouseY - startPos.y;
 
-            // calculates the right and bottom offsets after the move
-            var nRight = nLeft + childrenWidth;
-            var nBottom = nTop + childrenHight;
-
             // Determine whether the left or right distance is out of bounds
             if (preventOutsideScreen.xAxis) {
               nLeft = nLeft <= minLeft ? minLeft : nLeft;
@@ -4404,6 +4414,9 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
             }
           }, [node, dx, dy]);
           (0, external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
+            if (DRAG_DISABLED) {
+              return;
+            }
             if (!targetNode) {
               return;
             }
@@ -4414,7 +4427,17 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
               targetNode.removeEventListener("touchstart", handleTouchStart);
             };
           }, [targetNode, dx, dy]);
-          return [ref, targetRef];
+          return {
+            dragContentHandle: ref,
+            dragHandle: targetRef,
+            resetPosition: function resetPosition() {
+              // reset position
+              setOffset({
+                dx: 0,
+                dy: 0
+              });
+            }
+          };
         };
         /* harmony default export */
         var hooks_useDraggable = useDraggable;
@@ -5364,6 +5387,9 @@ var src_Date = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_reac
   }, [popupRef]);
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useImperativeHandle)(contentRef, function () {
     return {
+      control: function control() {
+        return getAllSplittingInputs();
+      },
       clear: function clear(cb) {
         clearAll();
         cb === null || cb === void 0 ? void 0 : cb();

package/DigitalClock/index.js

@@ -3473,9 +3473,16 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
         
         
         const App = () => {
-            const [dragContentHandle, dragHandle] = useDraggable({
+            const {
+                dragContentHandle, 
+                dragHandle,
+                resetPosition
+            }: any = useDraggable({
                 enabled: true,   // if `false`, drag and drop is disabled
-                preventOutsideScreen: true,
+                preventOutsideScreen: {
+                    xAxis: true,
+                    yAxis: true
+                },
                 onStart: (coordinates: Record<string, number>, handleEl: HTMLElement | null, contentEl: HTMLElement | null) => {
                     
                 },
@@ -3488,6 +3495,10 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
                 }
             });
         
+            const resetModal = () => {
+                resetPosition?.();
+            };
+        
             return (
                 <div className="container" ref={dragContentHandle}>
                     <div ref={dragHandle} className="handle">Drag me</div>
@@ -3507,7 +3518,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
             onStart = _ref.onStart,
             onStop = _ref.onStop,
             onDrag = _ref.onDrag;
-          if (typeof enabled === 'undefined' || enabled === false) return [null, null];
+          var DRAG_DISABLED = typeof enabled === "undefined" || enabled === false;
           var dragging = false; // DO NOT USE 'useState()'
           var _useState = (0, external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(null),
             _useState2 = useDraggable_slicedToArray(_useState, 2),
@@ -3555,10 +3566,6 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
             var nLeft = mouseX - startPos.x;
             var nTop = mouseY - startPos.y;
 
-            // calculates the right and bottom offsets after the move
-            var nRight = nLeft + childrenWidth;
-            var nBottom = nTop + childrenHight;
-
             // Determine whether the left or right distance is out of bounds
             if (preventOutsideScreen.xAxis) {
               nLeft = nLeft <= minLeft ? minLeft : nLeft;
@@ -3670,6 +3677,9 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
             }
           }, [node, dx, dy]);
           (0, external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
+            if (DRAG_DISABLED) {
+              return;
+            }
             if (!targetNode) {
               return;
             }
@@ -3680,7 +3690,17 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
               targetNode.removeEventListener("touchstart", handleTouchStart);
             };
           }, [targetNode, dx, dy]);
-          return [ref, targetRef];
+          return {
+            dragContentHandle: ref,
+            dragHandle: targetRef,
+            resetPosition: function resetPosition() {
+              // reset position
+              setOffset({
+                dx: 0,
+                dy: 0
+              });
+            }
+          };
         };
         /* harmony default export */
         var hooks_useDraggable = useDraggable;

package/DropdownMenu/index.js

@@ -3668,9 +3668,16 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
         
         
         const App = () => {
-            const [dragContentHandle, dragHandle] = useDraggable({
+            const {
+                dragContentHandle, 
+                dragHandle,
+                resetPosition
+            }: any = useDraggable({
                 enabled: true,   // if `false`, drag and drop is disabled
-                preventOutsideScreen: true,
+                preventOutsideScreen: {
+                    xAxis: true,
+                    yAxis: true
+                },
                 onStart: (coordinates: Record<string, number>, handleEl: HTMLElement | null, contentEl: HTMLElement | null) => {
                     
                 },
@@ -3683,6 +3690,10 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
                 }
             });
         
+            const resetModal = () => {
+                resetPosition?.();
+            };
+        
             return (
                 <div className="container" ref={dragContentHandle}>
                     <div ref={dragHandle} className="handle">Drag me</div>
@@ -3702,7 +3713,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
             onStart = _ref.onStart,
             onStop = _ref.onStop,
             onDrag = _ref.onDrag;
-          if (typeof enabled === 'undefined' || enabled === false) return [null, null];
+          var DRAG_DISABLED = typeof enabled === "undefined" || enabled === false;
           var dragging = false; // DO NOT USE 'useState()'
           var _useState = (0, external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(null),
             _useState2 = useDraggable_slicedToArray(_useState, 2),
@@ -3750,10 +3761,6 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
             var nLeft = mouseX - startPos.x;
             var nTop = mouseY - startPos.y;
 
-            // calculates the right and bottom offsets after the move
-            var nRight = nLeft + childrenWidth;
-            var nBottom = nTop + childrenHight;
-
             // Determine whether the left or right distance is out of bounds
             if (preventOutsideScreen.xAxis) {
               nLeft = nLeft <= minLeft ? minLeft : nLeft;
@@ -3865,6 +3872,9 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
             }
           }, [node, dx, dy]);
           (0, external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
+            if (DRAG_DISABLED) {
+              return;
+            }
             if (!targetNode) {
               return;
             }
@@ -3875,7 +3885,17 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
               targetNode.removeEventListener("touchstart", handleTouchStart);
             };
           }, [targetNode, dx, dy]);
-          return [ref, targetRef];
+          return {
+            dragContentHandle: ref,
+            dragHandle: targetRef,
+            resetPosition: function resetPosition() {
+              // reset position
+              setOffset({
+                dx: 0,
+                dy: 0
+              });
+            }
+          };
         };
         /* harmony default export */
         var hooks_useDraggable = useDraggable;

package/DynamicFields/index.js

@@ -96,6 +96,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(787);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+var _excluded = ["wrapperClassName", "btnAddWrapperClassName", "btnRemoveWrapperClassName", "label", "data", "maxFields", "iconAddBefore", "iconAddAfter", "iconAdd", "iconAddPosition", "iconRemove", "doNotRemoveDom", "id", "confirmText", "innerAppendClassName", "innerAppendCellClassName", "innerAppendLastCellClassName", "innerAppendHideClassName", "innerAppendBodyClassName", "innerAppendHeadData", "innerAppendHeadRowShowFirst", "innerAppendHeadRowClassName", "innerAppendHeadCellClassName", "innerAppendHeadCellStyles", "innerAppendEmptyContent", "onAdd", "onRemove", "onLoad"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
@@ -106,6 +108,8 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 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; }
 function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
 var DynamicFields = function DynamicFields(props) {
   var wrapperClassName = props.wrapperClassName,
@@ -135,7 +139,8 @@ var DynamicFields = function DynamicFields(props) {
     innerAppendEmptyContent = props.innerAppendEmptyContent,
     onAdd = props.onAdd,
     onRemove = props.onRemove,
-    onLoad = props.onLoad;
+    onLoad = props.onLoad,
+    attributes = _objectWithoutProperties(props, _excluded);
   var ITEM_LAST_CLASSNAME = innerAppendLastCellClassName || 'last';
   var ITEM_HIDE_CLASSNAME = innerAppendHideClassName || 'd-none';
   var PER_ROW_DOM_STRING = '.dynamic-fields__append .dynamic-fields__data__wrapper';
@@ -305,11 +310,11 @@ var DynamicFields = function DynamicFields(props) {
         key: 'tmpl-' + i,
         className: "dynamic-fields__inner__body ".concat(innerAppendBodyClassName || '', " ").concat(i === _data.length - 1 ? ITEM_LAST_CLASSNAME : ''),
         "data-body-index": i
-      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", _extends({
         className: "dynamic-fields__data__wrapper position-relative ".concat(innerAppendCellClassName || '', " ").concat(i === _data.length - 1 ? ITEM_LAST_CLASSNAME : ''),
         "data-key": i,
         "data-index": i
-      }, item, removeBtyn))));
+      }, attributes), item, removeBtyn))));
     });
   }
   function addButton() {