@cashub/ui 0.29.4 → 0.31.0

package/modal/TitleModal.js

@@ -106,12 +106,13 @@ const ModalHeader = _ref2 => {
     })]
   });
 };
-const ModalBody = _ref3 => {
+const ModalBody = /*#__PURE__*/(0, _react.forwardRef)((_ref3, ref) => {
   let {
       children
     } = _ref3,
     props = _objectWithoutProperties(_ref3, _excluded);
-  const bodyRef = (0, _react.useRef)(null);
+  const ownRef = (0, _react.useRef)(null);
+  const bodyRef = ref || ownRef;
   const recalculateHeight = () => {
     // body element not render yet
     if (!bodyRef.current) return;
@@ -137,7 +138,8 @@ const ModalBody = _ref3 => {
   }, props), {}, {
     children: children
   }));
-};
+});
+ModalBody.displayName = 'ModalBody';
 const ModalFooter = _ref4 => {
   let {
     children

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cashub/ui",
-  "version": "0.29.4",
+  "version": "0.31.0",
   "private": false,
   "author": "CasHUB Team",
   "description": "CasHUB UI components library",

package/table/Table.js

@@ -44,6 +44,10 @@ const Table = _ref => {
     select,
     selected,
     onRowClick,
+    onRowDragEnter,
+    onRowDragLeave,
+    onRowDragOver,
+    onRowDrop,
     backgroundReverse,
     translation,
     beforeCreateRow,
@@ -72,6 +76,26 @@ const Table = _ref => {
       onRowClick(event, rowData);
     }
   }, [onRowClick]);
+  const handleRowDragEnter = (0, _react.useCallback)((event, rowData) => {
+    if (onRowDragEnter) {
+      onRowDragEnter(event, rowData);
+    }
+  }, [onRowDragEnter]);
+  const handleRowDragLeave = (0, _react.useCallback)((event, rowData) => {
+    if (onRowDragLeave) {
+      onRowDragLeave(event, rowData);
+    }
+  }, [onRowDragLeave]);
+  const handleRowDragOver = (0, _react.useCallback)((event, rowData) => {
+    if (onRowDragOver) {
+      onRowDragOver(event, rowData);
+    }
+  }, [onRowDragOver]);
+  const handleRowDrop = (0, _react.useCallback)((event, rowData) => {
+    if (onRowDrop) {
+      onRowDrop(event, rowData);
+    }
+  }, [onRowDrop]);
   const showFullValue = (0, _react.useCallback)((event, customContent) => {
     let {
       id
@@ -202,10 +226,22 @@ const Table = _ref => {
         onClick: event => {
           handleRowClick(event, row);
         },
+        onDragEnter: event => {
+          handleRowDragEnter(event, row);
+        },
+        onDragLeave: event => {
+          handleRowDragLeave(event, row);
+        },
+        onDragOver: event => {
+          handleRowDragOver(event, row);
+        },
+        onDrop: event => {
+          handleRowDrop(event, row);
+        },
         children: tds
       }, rowIndex);
     });
-  }, [backgroundReverse, beforeCreateRow, columns, data, handleRowClick, onRowClick, select, selected, showFullValue]);
+  }, [backgroundReverse, beforeCreateRow, columns, data, handleRowClick, handleRowDragEnter, handleRowDragLeave, handleRowDragOver, handleRowDrop, onRowClick, select, selected, showFullValue]);
   const generateEmptyMessage = (0, _react.useCallback)(() => {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(BodyTR, {
       noData: true,