arengibook 2.0.18-table → 2.0.20-table

package/dist/index.js

@@ -47549,7 +47549,9 @@ var TreeSelectBodyCell = function TreeSelectBodyCell(_ref6) {
 var DocumentEditorCell = function DocumentEditorCell(_ref7) {
   var _options$value;
   var options = _ref7.options,
-    col = _ref7.col;
+    col = _ref7.col,
+    onFilePickerOpen = _ref7.onFilePickerOpen,
+    onFilePickerClose = _ref7.onFilePickerClose;
   var _useState13 = useState(false),
     _useState14 = _slicedToArray$c(_useState13, 2),
     uploading = _useState14[0],
@@ -47615,6 +47617,16 @@ var DocumentEditorCell = function DocumentEditorCell(_ref7) {
       return _ref8.apply(this, arguments);
     };
   }();
+  var handlePickerClick = function handlePickerClick() {
+    var _fileInputRef$current;
+    onFilePickerOpen === null || onFilePickerOpen === void 0 || onFilePickerOpen();
+    var _onFocus = function onFocus() {
+      onFilePickerClose === null || onFilePickerClose === void 0 || onFilePickerClose();
+      window.removeEventListener('focus', _onFocus);
+    };
+    window.addEventListener('focus', _onFocus);
+    (_fileInputRef$current = fileInputRef.current) === null || _fileInputRef$current === void 0 || _fileInputRef$current.click();
+  };
   var handleDelete = function handleDelete(id) {
     options.editorCallback(docs.filter(function (d) {
       return d.id !== id;
@@ -47644,10 +47656,7 @@ var DocumentEditorCell = function DocumentEditorCell(_ref7) {
   }))), /*#__PURE__*/React__default.createElement("button", {
     type: "button",
     className: "p-button p-button-outlined p-button-sm doc-editor-add",
-    onClick: function onClick() {
-      var _fileInputRef$current;
-      return (_fileInputRef$current = fileInputRef.current) === null || _fileInputRef$current === void 0 ? void 0 : _fileInputRef$current.click();
-    },
+    onClick: handlePickerClick,
     disabled: uploading
   }, /*#__PURE__*/React__default.createElement("i", {
     className: uploading ? 'pi pi-spin pi-spinner' : 'pi pi-plus'
@@ -47830,6 +47839,7 @@ var DocumentBodyCell = function DocumentBodyCell(_ref0) {
     docs = _useState22[0],
     setDocs = _useState22[1];
   var containerRef = useRef(null);
+  var filePickerOpenRef = useRef(false);
   useEffect(function () {
     if (isRowEditing && !editing) {
       var _rowData$col$field3;
@@ -47843,6 +47853,7 @@ var DocumentBodyCell = function DocumentBodyCell(_ref0) {
   useEffect(function () {
     if (!editing || isRowEditing) return;
     var handler = function handler(e) {
+      if (filePickerOpenRef.current) return;
       if (containerRef.current && !containerRef.current.contains(e.target)) {
         setEditing(false);
       }
@@ -47864,7 +47875,13 @@ var DocumentBodyCell = function DocumentBodyCell(_ref0) {
         value: docs,
         editorCallback: handleCallback
       },
-      col: col
+      col: col,
+      onFilePickerOpen: function onFilePickerOpen() {
+        filePickerOpenRef.current = true;
+      },
+      onFilePickerClose: function onFilePickerClose() {
+        filePickerOpenRef.current = false;
+      }
     }));
   }
   if (!docs.length) {
@@ -47933,6 +47950,10 @@ var Table = function Table(_ref1) {
     _useState24 = _slicedToArray$c(_useState23, 2),
     data = _useState24[0],
     setData = _useState24[1];
+  var onCellChangeRef = useRef(onCellChange);
+  useEffect(function () {
+    onCellChangeRef.current = onCellChange;
+  }, [onCellChange]);
   var updateRow = useCallback(function (rowId, field, newVal) {
     setData(function (prev) {
       var updated = prev.map(function (row) {
@@ -48343,7 +48364,7 @@ var Table = function Table(_ref1) {
     }
   }, [editable, rowEdit, textEditor, dateEditor, selectEditor, selectMultipleEditor, numericEditor, documentEditor, deviseEditor, treeSelectEditor]);
   var onCellEditComplete = useCallback(function (e) {
-    console.log('là');
+    var _onCellChangeRef$curr;
     var rowData = e.rowData,
       newRowData = e.newRowData,
       field = e.field;
@@ -48357,12 +48378,12 @@ var Table = function Table(_ref1) {
     });
     setData(updated);
     onChange === null || onChange === void 0 || onChange(updated);
-    onCellChange === null || onCellChange === void 0 || onCellChange({
+    (_onCellChangeRef$curr = onCellChangeRef.current) === null || _onCellChangeRef$curr === void 0 || _onCellChangeRef$curr.call(onCellChangeRef, {
       rowData: rowData,
       field: field,
       newValue: newRowData[field]
     });
-  }, [data, onChange, onCellChange, columns]);
+  }, [data, onChange, columns]);
 
   /** Get the body renderer for a column based on its type */
   var getBodyTemplate = useCallback(function (col) {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "arengibook",
   "private": false,
-  "version": "2.0.18-table",
+  "version": "2.0.20-table",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "exports": {