primereact 10.6.5 → 10.6.6

package/datatable/datatable.js

@@ -162,6 +162,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
       body: null,
       bodyClassName: null,
       bodyStyle: null,
+      cellEditValidateOnClose: false,
       cellEditValidator: null,
       cellEditValidatorEvent: 'click',
       className: null,
@@ -1151,6 +1152,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
     var selfClick = React__namespace.useRef(false);
     var tabindexTimeout = React__namespace.useRef(null);
     var initFocusTimeout = React__namespace.useRef(null);
+    var editingRowDataStateRef = React__namespace.useRef(null);
     var _props$ptCallbacks = props.ptCallbacks,
       ptm = _props$ptCallbacks.ptm,
       ptmo = _props$ptCallbacks.ptmo,
@@ -1187,6 +1189,9 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
     var isEditable = function isEditable() {
       return getColumnProp('editor');
     };
+    var cellEditValidateOnClose = function cellEditValidateOnClose() {
+      return getColumnProp('cellEditValidateOnClose');
+    };
     var _useEventListener = hooks.useEventListener({
         type: 'click',
         listener: function listener(e) {
@@ -1269,40 +1274,37 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
         unbindDocumentClickListener();
         overlayservice.OverlayService.off('overlay-click', overlayEventListener.current);
         overlayEventListener.current = null;
+        editingRowDataStateRef.current = null;
         selfClick.current = false;
       }, 1);
     };
     var switchCellToViewMode = function switchCellToViewMode(event, submit) {
       var callbackParams = getCellCallbackParams(event);
-      setEditingRowDataState(function (prev) {
-        var newRowData = prev;
-        var newValue = resolveFieldData(newRowData);
-        var params = _objectSpread$a(_objectSpread$a({}, callbackParams), {}, {
-          newRowData: newRowData,
-          newValue: newValue
-        });
-        var onCellEditCancel = getColumnProp('onCellEditCancel');
-        var cellEditValidator = getColumnProp('cellEditValidator');
-        var onCellEditComplete = getColumnProp('onCellEditComplete');
-        if (!submit && onCellEditCancel) {
-          onCellEditCancel(params);
-        }
-        var valid = true;
-        if (!submit && cellEditValidator) {
-          valid = cellEditValidator(params);
-        }
-        if (valid) {
-          if (submit && onCellEditComplete) {
-            setTimeout(function () {
-              return onCellEditComplete(params);
-            });
-          }
-          closeCell(event);
-        } else {
-          event.preventDefault();
-        }
-        return newRowData;
+      var newRowData = _objectSpread$a({}, editingRowDataStateRef.current);
+      var newValue = resolveFieldData(newRowData);
+      var params = _objectSpread$a(_objectSpread$a({}, callbackParams), {}, {
+        newRowData: newRowData,
+        newValue: newValue
       });
+      var onCellEditCancel = getColumnProp('onCellEditCancel');
+      var cellEditValidator = getColumnProp('cellEditValidator');
+      var onCellEditComplete = getColumnProp('onCellEditComplete');
+      if (!submit && onCellEditCancel) {
+        onCellEditCancel(params);
+      }
+      var valid = true;
+      if ((!submit || cellEditValidateOnClose()) && cellEditValidator) {
+        valid = cellEditValidator(params);
+      }
+      if (valid) {
+        if (submit && onCellEditComplete) {
+          onCellEditComplete(params);
+        }
+        closeCell(event);
+      } else {
+        event.preventDefault();
+      }
+      setEditingRowDataState(newRowData);
     };
     var findNextSelectableCell = function findNextSelectableCell(cell) {
       var nextCell = cell.nextElementSibling;
@@ -1573,6 +1575,11 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
         setEditingRowDataState(getEditingRowData());
       }
     }, [props.editingMeta]);
+    React__namespace.useEffect(function () {
+      if (editingRowDataState) {
+        editingRowDataStateRef.current = editingRowDataState;
+      }
+    }, [editingRowDataState]);
     React__namespace.useEffect(function () {
       if (props.editMode === 'cell' || props.editMode === 'row') {
         var callbackParams = getCellCallbackParams();
@@ -1683,10 +1690,11 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
           rowIndex: props.rowIndex,
           props: props.tableProps
         }) : true;
+        var customIcon = getColumnProp('rowReorderIcon');
         var rowReorderIconProps = mergeProps({
           className: cx('rowReorderIcon')
-        }, getColumnPTOptions('rowReorderIcon'));
-        var rowReorderIcon = getColumnProp('rowReorderIcon') || /*#__PURE__*/React__namespace.createElement(bars.BarsIcon, rowReorderIconProps);
+        }, customIcon ? null : getColumnPTOptions('rowReorderIcon'));
+        var rowReorderIcon = customIcon || /*#__PURE__*/React__namespace.createElement(bars.BarsIcon, rowReorderIconProps);
         content = showReorder ? utils.IconUtils.getJSXIcon(rowReorderIcon, _objectSpread$a({}, rowReorderIconProps), {
           props: props
         }) : null;
@@ -2130,7 +2138,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
           focusedItem && focusedItem !== firstSelectedRow && (focusedItem.tabIndex = '-1');
         } else {
           rows[0].tabIndex = '0';
-          focusedItem !== rows[0] && (rows[rowIndex].tabIndex = '-1');
+          focusedItem !== rows[0] && (rows[props.rowIndex].tabIndex = '-1');
         }
       }
     };
@@ -3030,6 +3038,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
       var event = e.originalEvent;
       if (!isUnsyled && utils.DomHandler.hasClass(event.target, 'p-datatable-reorderablerow-handle')) {
         event.currentTarget.draggable = true;
+        event.target.draggable = false;
       } else {
         event.currentTarget.draggable = false;
       }
@@ -5611,6 +5620,19 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
   });
   TableHeader.displayName = 'TableHeader';
 
+  var getStorage = function getStorage(stateStorageProp) {
+    switch (stateStorageProp) {
+      case 'local':
+        return window.localStorage;
+      case 'session':
+        return window.sessionStorage;
+      case 'custom':
+        return null;
+      default:
+        throw new Error(stateStorageProp + ' is not a valid value for the state storage, supported values are "local", "session" and "custom".');
+    }
+  };
+
   function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
   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; }
@@ -5795,18 +5817,6 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
       }
       return columns;
     };
-    var getStorage = function getStorage() {
-      switch (props.stateStorage) {
-        case 'local':
-          return window.localStorage;
-        case 'session':
-          return window.sessionStorage;
-        case 'custom':
-          return null;
-        default:
-          throw new Error(props.stateStorage + ' is not a valid value for the state storage, supported values are "local", "session" and "custom".');
-      }
-    };
     var saveState = function saveState() {
       var state = {};
       if (props.paginator) {
@@ -5842,7 +5852,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
           props.customSaveState(state);
         }
       } else {
-        var storage = getStorage();
+        var storage = getStorage(props.stateStorage);
         if (utils.ObjectUtils.isNotEmpty(state)) {
           storage.setItem(props.stateKey, JSON.stringify(state));
         }
@@ -5852,7 +5862,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
       }
     };
     var clearState = function clearState() {
-      var storage = getStorage();
+      var storage = getStorage(props.stateStorage);
       if (storage && props.stateKey) {
         storage.removeItem(props.stateKey);
       }
@@ -5864,7 +5874,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
           restoredState = props.customRestoreState();
         }
       } else {
-        var storage = getStorage();
+        var storage = getStorage(props.stateStorage);
         var stateString = storage.getItem(props.stateKey);
         var dateFormat = /\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}.\d{3}Z/;
         var reviver = function reviver(key, value) {