@pdg/react-table 1.2.5 → 1.2.7

package/dist/index.js

@@ -1408,7 +1408,7 @@ function _temp$4(sx_1) {
     }
   };
 });function PTableHeadCell(t0) {
-  var $ = compilerRuntime.c(40);
+  var $ = compilerRuntime.c(36);
   var column = t0.column,
     items = t0.items,
     defaultAlign = t0.defaultAlign,
@@ -1439,30 +1439,19 @@ function _temp$4(sx_1) {
   } else {
     t1 = $[3];
   }
-  var effectEvent = React.useEffectEvent(t1);
   var t2;
-  if ($[4] !== effectEvent) {
-    t2 = function t2() {
-      effectEvent();
-    };
-    $[4] = effectEvent;
-    $[5] = t2;
+  if ($[4] !== checked || $[5] !== column) {
+    t2 = [column, checked];
+    $[4] = checked;
+    $[5] = column;
+    $[6] = t2;
   } else {
-    t2 = $[5];
+    t2 = $[6];
   }
+  reactHook.useChanged(t1, t2);
   var t3;
-  if ($[6] !== checked || $[7] !== column) {
-    t3 = [column, checked];
-    $[6] = checked;
-    $[7] = column;
-    $[8] = t3;
-  } else {
-    t3 = $[8];
-  }
-  React.useEffect(t2, t3);
-  var t4;
-  if ($[9] !== column || $[10] !== setHeadColumnCommands) {
-    t4 = function t4() {
+  if ($[7] !== column || $[8] !== setHeadColumnCommands) {
+    t3 = function t3() {
       setHeadColumnCommands(column, {
         setChecked: function setChecked(checked_0) {
           if (column.type === "check") {
@@ -1476,159 +1465,148 @@ function _temp$4(sx_1) {
         }
       });
     };
-    $[9] = column;
-    $[10] = setHeadColumnCommands;
+    $[7] = column;
+    $[8] = setHeadColumnCommands;
+    $[9] = t3;
+  } else {
+    t3 = $[9];
+  }
+  var t4;
+  if ($[10] !== column) {
+    t4 = [column];
+    $[10] = column;
     $[11] = t4;
   } else {
     t4 = $[11];
   }
-  var effectEvent_0 = React.useEffectEvent(t4);
+  reactHook.useChanged(t3, t4);
   var t5;
-  if ($[12] !== effectEvent_0) {
-    t5 = function t5() {
-      effectEvent_0();
-    };
-    $[12] = effectEvent_0;
-    $[13] = t5;
-  } else {
-    t5 = $[13];
-  }
-  var t6;
-  if ($[14] !== column) {
-    t6 = [column];
-    $[14] = column;
-    $[15] = t6;
-  } else {
-    t6 = $[15];
-  }
-  React.useEffect(t5, t6);
-  var t7;
   if (column.type === "check") {
     if (column.hideAllCheck) {
       var _column$head;
       if ((_column$head = column.head) !== null && _column$head !== void 0 && _column$head.onRender) {
         var _t;
-        if ($[16] !== column.head || $[17] !== items) {
+        if ($[12] !== column.head || $[13] !== items) {
           var _column$head2;
           _t = (_column$head2 = column.head) === null || _column$head2 === void 0 ? void 0 : _column$head2.onRender(items);
-          $[16] = column.head;
-          $[17] = items;
-          $[18] = _t;
+          $[12] = column.head;
+          $[13] = items;
+          $[14] = _t;
         } else {
-          _t = $[18];
+          _t = $[14];
         }
-        t7 = _t;
+        t5 = _t;
       } else {
         if (typeof column.label === "string") {
           var _t2;
-          if ($[19] !== column.label) {
+          if ($[15] !== column.label) {
             _t2 = /*#__PURE__*/React.createElement("div", {
               dangerouslySetInnerHTML: {
                 __html: column.label
               }
             });
-            $[19] = column.label;
-            $[20] = _t2;
+            $[15] = column.label;
+            $[16] = _t2;
           } else {
-            _t2 = $[20];
+            _t2 = $[16];
           }
-          t7 = _t2;
+          t5 = _t2;
         } else {
-          t7 = column.label;
+          t5 = column.label;
         }
       }
     } else {
       var _t3;
-      if ($[21] !== column || $[22] !== onCheckChange) {
+      if ($[17] !== column || $[18] !== onCheckChange) {
         _t3 = function _t3(e, newChecked) {
           _setChecked(newChecked);
           onCheckChange && onCheckChange(column, newChecked);
         };
-        $[21] = column;
-        $[22] = onCheckChange;
-        $[23] = _t3;
+        $[17] = column;
+        $[18] = onCheckChange;
+        $[19] = _t3;
       } else {
-        _t3 = $[23];
+        _t3 = $[19];
       }
       var _t4;
-      if ($[24] !== checkDisabled || $[25] !== checked || $[26] !== _t3) {
+      if ($[20] !== checkDisabled || $[21] !== checked || $[22] !== _t3) {
         _t4 = /*#__PURE__*/React.createElement(material.Checkbox, {
           checked: checked,
           disabled: checkDisabled,
           onChange: _t3
         });
-        $[24] = checkDisabled;
-        $[25] = checked;
-        $[26] = _t3;
-        $[27] = _t4;
+        $[20] = checkDisabled;
+        $[21] = checked;
+        $[22] = _t3;
+        $[23] = _t4;
       } else {
-        _t4 = $[27];
+        _t4 = $[23];
       }
-      t7 = _t4;
+      t5 = _t4;
     }
   } else {
     var _column$head3;
     if ((_column$head3 = column.head) !== null && _column$head3 !== void 0 && _column$head3.onRender) {
       var _t5;
-      if ($[28] !== column.head || $[29] !== items) {
+      if ($[24] !== column.head || $[25] !== items) {
         var _column$head4;
         _t5 = (_column$head4 = column.head) === null || _column$head4 === void 0 ? void 0 : _column$head4.onRender(items);
-        $[28] = column.head;
-        $[29] = items;
-        $[30] = _t5;
+        $[24] = column.head;
+        $[25] = items;
+        $[26] = _t5;
       } else {
-        _t5 = $[30];
+        _t5 = $[26];
       }
-      t7 = _t5;
+      t5 = _t5;
     } else {
       if (typeof column.label === "string") {
         var _t6;
-        if ($[31] !== column.label) {
+        if ($[27] !== column.label) {
           _t6 = /*#__PURE__*/React.createElement("div", {
             dangerouslySetInnerHTML: {
               __html: column.label
             }
           });
-          $[31] = column.label;
-          $[32] = _t6;
+          $[27] = column.label;
+          $[28] = _t6;
         } else {
-          _t6 = $[32];
+          _t6 = $[28];
         }
-        t7 = _t6;
+        t5 = _t6;
       } else {
-        t7 = column.label;
+        t5 = column.label;
       }
     }
   }
-  var data = t7;
-  var t8;
-  if ($[33] !== top) {
-    t8 = top !== undefined ? {
+  var data = t5;
+  var t6;
+  if ($[29] !== top) {
+    t6 = top !== undefined ? {
       top: top
     } : undefined;
-    $[33] = top;
-    $[34] = t8;
+    $[29] = top;
+    $[30] = t6;
   } else {
-    t8 = $[34];
+    t6 = $[30];
   }
-  var t9;
-  if ($[35] !== column || $[36] !== data || $[37] !== defaultAlign || $[38] !== t8) {
-    t9 = /*#__PURE__*/React.createElement(PTableCommonCell, {
+  var t7;
+  if ($[31] !== column || $[32] !== data || $[33] !== defaultAlign || $[34] !== t6) {
+    t7 = /*#__PURE__*/React.createElement(PTableCommonCell, {
       type: "head",
       className: "PTableHeadCell",
-      style: t8,
+      style: t6,
       column: column,
       defaultAlign: defaultAlign
     }, data);
-    $[35] = column;
-    $[36] = data;
-    $[37] = defaultAlign;
-    $[38] = t8;
-    $[39] = t9;
+    $[31] = column;
+    $[32] = data;
+    $[33] = defaultAlign;
+    $[34] = t6;
+    $[35] = t7;
   } else {
-    t9 = $[39];
+    t7 = $[35];
   }
-  return t9;
+  return t7;
 }var _templateObject$1;
 var BottomLine = material.styled('div')(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteral(["\n  height: 1px;\n  position: absolute;\n  left: 3px;\n  right: 3px;\n  bottom: 0;\n"])));
 function PTableTopHead(t0) {
@@ -1954,7 +1932,7 @@ function _temp$3(cell) {
 });var _templateObject;
 var StyledButtonsBox = material.styled(material.Box)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-wrap: wrap;\n  gap: 5px;\n"])));
 function PTableBodyCell(t0) {
-  var $ = compilerRuntime.c(107);
+  var $ = compilerRuntime.c(98);
   var ref = t0.ref,
     className = t0.className,
     style = t0.style,
@@ -1980,6 +1958,7 @@ function PTableBodyCell(t0) {
     checkDisabled = _useState4[0],
     _setCheckDisabled = _useState4[1];
   var t1;
+  var t2;
   if ($[0] !== column || $[1] !== item || $[2] !== setItemColumnCommands) {
     t1 = function t1() {
       if (column.type === "check") {
@@ -1999,137 +1978,98 @@ function PTableBodyCell(t0) {
         }
       });
     };
+    t2 = [column, item, setItemColumnCommands];
     $[0] = column;
     $[1] = item;
     $[2] = setItemColumnCommands;
     $[3] = t1;
+    $[4] = t2;
   } else {
     t1 = $[3];
+    t2 = $[4];
   }
-  var effectEvent = React.useEffectEvent(t1);
-  var t2;
-  if ($[4] !== effectEvent) {
-    t2 = function t2() {
-      effectEvent();
-    };
-    $[4] = effectEvent;
-    $[5] = t2;
-  } else {
-    t2 = $[5];
-  }
+  reactHook.useChanged(t1, t2);
   var t3;
-  if ($[6] !== column || $[7] !== item || $[8] !== setItemColumnCommands) {
-    t3 = [column, item, setItemColumnCommands];
+  if ($[5] !== checked || $[6] !== column || $[7] !== item || $[8] !== setItemColumnChecked) {
+    t3 = function t3() {
+      if (column.type === "check") {
+        setItemColumnChecked(item, column, checked);
+      }
+    };
+    $[5] = checked;
     $[6] = column;
     $[7] = item;
-    $[8] = setItemColumnCommands;
+    $[8] = setItemColumnChecked;
     $[9] = t3;
   } else {
     t3 = $[9];
   }
-  React.useEffect(t2, t3);
   var t4;
-  if ($[10] !== checked || $[11] !== column || $[12] !== item || $[13] !== setItemColumnChecked) {
-    t4 = function t4() {
-      if (column.type === "check") {
-        setItemColumnChecked(item, column, checked);
-      }
-    };
+  if ($[10] !== checked) {
+    t4 = [checked];
     $[10] = checked;
-    $[11] = column;
-    $[12] = item;
-    $[13] = setItemColumnChecked;
-    $[14] = t4;
+    $[11] = t4;
   } else {
-    t4 = $[14];
+    t4 = $[11];
   }
-  var effectEvent_0 = React.useEffectEvent(t4);
+  reactHook.useChanged(t3, t4);
   var t5;
-  if ($[15] !== effectEvent_0) {
+  if ($[12] !== checkDisabled || $[13] !== column || $[14] !== item || $[15] !== setItemColumnCheckDisabled) {
     t5 = function t5() {
-      effectEvent_0();
+      if (column.type === "check") {
+        var _column$onCheckDisabl;
+        setItemColumnCheckDisabled(item, column, checkDisabled);
+        (_column$onCheckDisabl = column.onCheckDisabledChange) === null || _column$onCheckDisabl === void 0 || _column$onCheckDisabl.call(column, item, checkDisabled);
+      }
     };
-    $[15] = effectEvent_0;
+    $[12] = checkDisabled;
+    $[13] = column;
+    $[14] = item;
+    $[15] = setItemColumnCheckDisabled;
     $[16] = t5;
   } else {
     t5 = $[16];
   }
   var t6;
-  if ($[17] !== checked) {
-    t6 = [checked];
-    $[17] = checked;
+  if ($[17] !== checkDisabled) {
+    t6 = [checkDisabled];
+    $[17] = checkDisabled;
     $[18] = t6;
   } else {
     t6 = $[18];
   }
-  React.useEffect(t5, t6);
+  reactHook.useEventEffect(t5, t6);
   var t7;
-  if ($[19] !== checkDisabled || $[20] !== column || $[21] !== item || $[22] !== setItemColumnCheckDisabled) {
-    t7 = function t7() {
-      if (column.type === "check") {
-        setItemColumnCheckDisabled(item, column, checkDisabled);
-        column.onCheckDisabledChange && column.onCheckDisabledChange(item, checkDisabled);
-      }
-    };
-    $[19] = checkDisabled;
-    $[20] = column;
+  if ($[19] !== column || $[20] !== index || $[21] !== item) {
+    t7 = column.onHide ? column.onHide(item, index) : false;
+    $[19] = column;
+    $[20] = index;
     $[21] = item;
-    $[22] = setItemColumnCheckDisabled;
-    $[23] = t7;
+    $[22] = t7;
   } else {
-    t7 = $[23];
+    t7 = $[22];
   }
-  var effectEvent_1 = React.useEffectEvent(t7);
+  var isHidden = t7;
   var t8;
-  if ($[24] !== effectEvent_1) {
-    t8 = function t8() {
-      effectEvent_1();
-    };
-    $[24] = effectEvent_1;
-    $[25] = t8;
-  } else {
-    t8 = $[25];
-  }
-  var t9;
-  if ($[26] !== checkDisabled) {
-    t9 = [checkDisabled];
-    $[26] = checkDisabled;
-    $[27] = t9;
-  } else {
-    t9 = $[27];
-  }
-  React.useEffect(t8, t9);
-  var t10;
-  if ($[28] !== column || $[29] !== index || $[30] !== item) {
-    t10 = column.onHide ? column.onHide(item, index) : false;
-    $[28] = column;
-    $[29] = index;
-    $[30] = item;
-    $[31] = t10;
-  } else {
-    t10 = $[31];
-  }
-  var isHidden = t10;
-  var t11;
   bb0: switch (getTableColumnAlign(column, defaultAlign)) {
     case "center":
       {
-        t11 = "center";
+        t8 = "center";
         break bb0;
       }
     case "right":
       {
-        t11 = "end";
+        t8 = "end";
         break bb0;
       }
     default:
       {
-        t11 = "start";
+        t8 = "start";
       }
   }
-  var buttonsBoxJustifyContent = t11;
+  var buttonsBoxJustifyContent = t8;
   var newData;
-  if ($[32] !== buttonsBoxJustifyContent || $[33] !== checkDisabled || $[34] !== checked || $[35] !== column || $[36] !== index || $[37] !== item || $[38] !== menuOpen || $[39] !== onCheckChange) {
+  if ($[23] !== buttonsBoxJustifyContent || $[24] !== checkDisabled || $[25] !== checked || $[26] !== column || $[27] !== index || $[28] !== item || $[29] !== menuOpen || $[30] !== onCheckChange) {
     if (column.type !== "check") {
       if (column.onRender) {
         newData = column.onRender(item, index);
@@ -2149,47 +2089,47 @@ function PTableBodyCell(t0) {
           }
           if (column.numberPrefix) {
             var _t;
-            if ($[41] === Symbol["for"]("react.memo_cache_sentinel")) {
+            if ($[32] === Symbol["for"]("react.memo_cache_sentinel")) {
               _t = {
                 opacity: 0.5,
                 marginRight: 2
               };
-              $[41] = _t;
+              $[32] = _t;
             } else {
-              _t = $[41];
+              _t = $[32];
             }
             var _t2;
-            if ($[42] !== column.numberPrefix) {
+            if ($[33] !== column.numberPrefix) {
               _t2 = /*#__PURE__*/React.createElement("span", {
                 style: _t
               }, column.numberPrefix);
-              $[42] = column.numberPrefix;
-              $[43] = _t2;
+              $[33] = column.numberPrefix;
+              $[34] = _t2;
             } else {
-              _t2 = $[43];
+              _t2 = $[34];
             }
             newData = /*#__PURE__*/React.createElement(React.Fragment, null, _t2, newData);
           }
           if (column.numberSuffix) {
             var _t3;
-            if ($[44] === Symbol["for"]("react.memo_cache_sentinel")) {
+            if ($[35] === Symbol["for"]("react.memo_cache_sentinel")) {
               _t3 = {
                 opacity: 0.5,
                 marginLeft: 2
               };
-              $[44] = _t3;
+              $[35] = _t3;
             } else {
-              _t3 = $[44];
+              _t3 = $[35];
             }
             var _t4;
-            if ($[45] !== column.numberSuffix) {
+            if ($[36] !== column.numberSuffix) {
               _t4 = /*#__PURE__*/React.createElement("span", {
                 style: _t3
               }, column.numberSuffix);
-              $[45] = column.numberSuffix;
-              $[46] = _t4;
+              $[36] = column.numberSuffix;
+              $[37] = _t4;
             } else {
-              _t4 = $[46];
+              _t4 = $[37];
             }
             newData = /*#__PURE__*/React.createElement(React.Fragment, null, newData, _t4);
           }
@@ -2220,45 +2160,45 @@ function PTableBodyCell(t0) {
         {
           var _t5 = menuOpen ? undefined : _temp$2;
           var _t6;
-          if ($[47] !== column || $[48] !== item || $[49] !== onCheckChange) {
+          if ($[38] !== column || $[39] !== item || $[40] !== onCheckChange) {
             _t6 = function _t6(e_3, newChecked) {
               var _column$onCheckChange;
               _setChecked(newChecked);
               (_column$onCheckChange = column.onCheckChange) === null || _column$onCheckChange === void 0 || _column$onCheckChange.call(column, item, newChecked);
               onCheckChange(item, column, newChecked);
             };
-            $[47] = column;
-            $[48] = item;
-            $[49] = onCheckChange;
-            $[50] = _t6;
+            $[38] = column;
+            $[39] = item;
+            $[40] = onCheckChange;
+            $[41] = _t6;
           } else {
-            _t6 = $[50];
+            _t6 = $[41];
           }
           var _t7;
-          if ($[51] !== checkDisabled || $[52] !== checked || $[53] !== _t6) {
+          if ($[42] !== checkDisabled || $[43] !== checked || $[44] !== _t6) {
             _t7 = /*#__PURE__*/React.createElement(material.Checkbox, {
               checked: checked,
               disabled: checkDisabled,
               onChange: _t6
             });
-            $[51] = checkDisabled;
-            $[52] = checked;
-            $[53] = _t6;
-            $[54] = _t7;
+            $[42] = checkDisabled;
+            $[43] = checked;
+            $[44] = _t6;
+            $[45] = _t7;
           } else {
-            _t7 = $[54];
+            _t7 = $[45];
           }
           var _t8;
-          if ($[55] !== _t5 || $[56] !== _t7) {
+          if ($[46] !== _t7 || $[47] !== _t5) {
             _t8 = /*#__PURE__*/React.createElement(material.Box, {
               className: "PTableBoxyCell-check-box",
               onClick: _t5
             }, _t7);
-            $[55] = _t5;
-            $[56] = _t7;
-            $[57] = _t8;
+            $[46] = _t7;
+            $[47] = _t5;
+            $[48] = _t8;
           } else {
-            _t8 = $[57];
+            _t8 = $[48];
           }
           newData = _t8;
           break bb1;
@@ -2284,14 +2224,14 @@ function PTableBodyCell(t0) {
         {
           var _column$tooltipProps, _column$tooltipProps2;
           var _t9;
-          if ($[58] === Symbol["for"]("react.memo_cache_sentinel")) {
+          if ($[49] === Symbol["for"]("react.memo_cache_sentinel")) {
             _t9 = {
               maxWidth: "100%",
               verticalAlign: "middle"
             };
-            $[58] = _t9;
+            $[49] = _t9;
           } else {
-            _t9 = $[58];
+            _t9 = $[49];
           }
           var img = /*#__PURE__*/React.createElement("img", {
             src: newData,
@@ -2302,57 +2242,57 @@ function PTableBodyCell(t0) {
           var _t0 = newData;
           var _t1 = menuOpen ? undefined : _temp4;
           var _t10;
-          if ($[59] === Symbol["for"]("react.memo_cache_sentinel")) {
+          if ($[50] === Symbol["for"]("react.memo_cache_sentinel")) {
             _t10 = {
               paddingTop: 3,
               paddingBottom: 3
             };
-            $[59] = _t10;
+            $[50] = _t10;
           } else {
-            _t10 = $[59];
+            _t10 = $[50];
           }
           var _t11;
-          if ($[60] !== img) {
+          if ($[51] !== img) {
             _t11 = /*#__PURE__*/React.createElement("div", {
               style: _t10
             }, img);
-            $[60] = img;
-            $[61] = _t11;
+            $[51] = img;
+            $[52] = _t11;
           } else {
-            _t11 = $[61];
+            _t11 = $[52];
           }
-          var t17;
-          if ($[62] !== column.tooltipProps || $[63] !== img || $[64] !== placement || $[65] !== _t11) {
-            t17 = /*#__PURE__*/React.createElement(material.Tooltip, _extends({
+          var t14;
+          if ($[53] !== column.tooltipProps || $[54] !== img || $[55] !== placement || $[56] !== _t11) {
+            t14 = /*#__PURE__*/React.createElement(material.Tooltip, _extends({
               className: "PTableBodyCell-tooltip",
               title: _t11
             }, column.tooltipProps, {
               placement: placement
             }), img);
-            $[62] = column.tooltipProps;
-            $[63] = img;
-            $[64] = placement;
-            $[65] = _t11;
-            $[66] = t17;
+            $[53] = column.tooltipProps;
+            $[54] = img;
+            $[55] = placement;
+            $[56] = _t11;
+            $[57] = t14;
           } else {
-            t17 = $[66];
+            t14 = $[57];
           }
-          var t18;
-          if ($[67] !== _t0 || $[68] !== _t1 || $[69] !== t17) {
-            t18 = /*#__PURE__*/React.createElement("a", {
+          var t15;
+          if ($[58] !== _t0 || $[59] !== _t1 || $[60] !== t14) {
+            t15 = /*#__PURE__*/React.createElement("a", {
               href: _t0,
               target: "_blank",
               rel: "noreferrer",
               onClick: _t1
-            }, t17);
-            $[67] = _t0;
-            $[68] = _t1;
-            $[69] = t17;
-            $[70] = t18;
+            }, t14);
+            $[58] = _t0;
+            $[59] = _t1;
+            $[60] = t14;
+            $[61] = t15;
           } else {
-            t18 = $[70];
+            t15 = $[61];
           }
-          newData = t18;
+          newData = t15;
           break bb1;
         }
       case "date":
@@ -2367,21 +2307,21 @@ function PTableBodyCell(t0) {
           if (newData) {
             var dt_1 = dayjs(newData, column.dateFormat);
             var _t12;
-            if ($[71] !== column.dateTwoLine) {
+            if ($[62] !== column.dateTwoLine) {
               _t12 = column.dateTwoLine ? /*#__PURE__*/React.createElement("br", null) : " ";
-              $[71] = column.dateTwoLine;
-              $[72] = _t12;
+              $[62] = column.dateTwoLine;
+              $[63] = _t12;
             } else {
-              _t12 = $[72];
+              _t12 = $[63];
             }
             var _t13;
-            if ($[73] === Symbol["for"]("react.memo_cache_sentinel")) {
+            if ($[64] === Symbol["for"]("react.memo_cache_sentinel")) {
               _t13 = {
                 opacity: 0.5
               };
-              $[73] = _t13;
+              $[64] = _t13;
             } else {
-              _t13 = $[73];
+              _t13 = $[64];
             }
             newData = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", null, dt_1.format("YYYY-MM-DD")), _t12, /*#__PURE__*/React.createElement("span", {
               style: _t13
@@ -2394,21 +2334,21 @@ function PTableBodyCell(t0) {
           if (newData) {
             var dt_0 = dayjs(newData, column.dateFormat);
             var _t14;
-            if ($[74] !== column.dateTwoLine) {
+            if ($[65] !== column.dateTwoLine) {
               _t14 = column.dateTwoLine ? /*#__PURE__*/React.createElement("br", null) : " ";
-              $[74] = column.dateTwoLine;
-              $[75] = _t14;
+              $[65] = column.dateTwoLine;
+              $[66] = _t14;
             } else {
-              _t14 = $[75];
+              _t14 = $[66];
             }
             var _t15;
-            if ($[76] === Symbol["for"]("react.memo_cache_sentinel")) {
+            if ($[67] === Symbol["for"]("react.memo_cache_sentinel")) {
               _t15 = {
                 opacity: 0.5
               };
-              $[76] = _t15;
+              $[67] = _t15;
             } else {
-              _t15 = $[76];
+              _t15 = $[67];
             }
             newData = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", null, dt_0.format("YYYY-MM-DD")), _t14, /*#__PURE__*/React.createElement("span", {
               style: _t15
@@ -2421,21 +2361,21 @@ function PTableBodyCell(t0) {
           if (newData) {
             var dt = dayjs(newData, column.dateFormat);
             var _t16;
-            if ($[77] !== column.dateTwoLine) {
+            if ($[68] !== column.dateTwoLine) {
               _t16 = column.dateTwoLine ? /*#__PURE__*/React.createElement("br", null) : " ";
-              $[77] = column.dateTwoLine;
-              $[78] = _t16;
+              $[68] = column.dateTwoLine;
+              $[69] = _t16;
             } else {
-              _t16 = $[78];
+              _t16 = $[69];
             }
             var _t17;
-            if ($[79] === Symbol["for"]("react.memo_cache_sentinel")) {
+            if ($[70] === Symbol["for"]("react.memo_cache_sentinel")) {
               _t17 = {
                 opacity: 0.5
               };
-              $[79] = _t17;
+              $[70] = _t17;
             } else {
-              _t17 = $[79];
+              _t17 = $[70];
             }
             newData = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", null, dt.format("YYYY-MM-DD")), _t16, /*#__PURE__*/React.createElement("span", {
               style: _t17
@@ -2443,62 +2383,62 @@ function PTableBodyCell(t0) {
           }
         }
     }
-    $[32] = buttonsBoxJustifyContent;
-    $[33] = checkDisabled;
-    $[34] = checked;
-    $[35] = column;
-    $[36] = index;
-    $[37] = item;
-    $[38] = menuOpen;
-    $[39] = onCheckChange;
-    $[40] = newData;
-  } else {
-    newData = $[40];
+    $[23] = buttonsBoxJustifyContent;
+    $[24] = checkDisabled;
+    $[25] = checked;
+    $[26] = column;
+    $[27] = index;
+    $[28] = item;
+    $[29] = menuOpen;
+    $[30] = onCheckChange;
+    $[31] = newData;
+  } else {
+    newData = $[31];
   }
   if (column.type !== "img") {
     var tooltip;
     if (column.onGetTooltip) {
       var _t18;
-      if ($[80] !== column || $[81] !== index || $[82] !== item) {
+      if ($[71] !== column || $[72] !== index || $[73] !== item) {
         _t18 = column.onGetTooltip(item, index);
-        $[80] = column;
-        $[81] = index;
-        $[82] = item;
-        $[83] = _t18;
+        $[71] = column;
+        $[72] = index;
+        $[73] = item;
+        $[74] = _t18;
       } else {
-        _t18 = $[83];
+        _t18 = $[74];
       }
       tooltip = _t18;
     }
     if (tooltip) {
       var _t19;
-      if ($[84] !== newData) {
+      if ($[75] !== newData) {
         _t19 = /*#__PURE__*/React.isValidElement(newData) ? newData.type === React.Fragment ? /*#__PURE__*/React.createElement("span", null, newData) : newData : /*#__PURE__*/React.createElement("span", null, newData);
-        $[84] = newData;
-        $[85] = _t19;
+        $[75] = newData;
+        $[76] = _t19;
       } else {
-        _t19 = $[85];
+        _t19 = $[76];
       }
       var _t20;
-      if ($[86] !== column.tooltipProps || $[87] !== _t19 || $[88] !== tooltip) {
+      if ($[77] !== column.tooltipProps || $[78] !== _t19 || $[79] !== tooltip) {
         _t20 = /*#__PURE__*/React.createElement(material.Tooltip, _extends({
           className: "PTableBodyCell-tooltip",
           title: tooltip
         }, column.tooltipProps), _t19);
-        $[86] = column.tooltipProps;
-        $[87] = _t19;
-        $[88] = tooltip;
-        $[89] = _t20;
+        $[77] = column.tooltipProps;
+        $[78] = _t19;
+        $[79] = tooltip;
+        $[80] = _t20;
       } else {
-        _t20 = $[89];
+        _t20 = $[80];
       }
       newData = _t20;
     }
   }
   var data = newData;
-  var t12;
-  if ($[90] !== column || $[91] !== onClick) {
-    t12 = function t12(item_0, index_0) {
+  var t9;
+  if ($[81] !== column || $[82] !== onClick) {
+    t9 = function t9(item_0, index_0) {
       if (column.onClick) {
         column.onClick(item_0, index_0);
       } else {
@@ -2507,29 +2447,29 @@ function PTableBodyCell(t0) {
         }
       }
     };
-    $[90] = column;
-    $[91] = onClick;
-    $[92] = t12;
+    $[81] = column;
+    $[82] = onClick;
+    $[83] = t9;
   } else {
-    t12 = $[92];
+    t9 = $[83];
   }
-  var handleClick = t12;
-  var t13;
-  if ($[93] !== className) {
-    t13 = classNames("PTableBodyCell", className);
-    $[93] = className;
-    $[94] = t13;
+  var handleClick = t9;
+  var t10;
+  if ($[84] !== className) {
+    t10 = classNames("PTableBodyCell", className);
+    $[84] = className;
+    $[85] = t10;
   } else {
-    t13 = $[94];
+    t10 = $[85];
   }
-  var t14 = column.onClick || onClick ? handleClick : undefined;
-  var t15 = !isHidden && data;
-  var t16;
-  if ($[95] !== column || $[96] !== defaultAlign || $[97] !== defaultEllipsis || $[98] !== index || $[99] !== item || $[100] !== ref || $[101] !== style || $[102] !== sx || $[103] !== t13 || $[104] !== t14 || $[105] !== t15) {
-    t16 = /*#__PURE__*/React.createElement(PTableCommonCell, {
+  var t11 = column.onClick || onClick ? handleClick : undefined;
+  var t12 = !isHidden && data;
+  var t13;
+  if ($[86] !== column || $[87] !== defaultAlign || $[88] !== defaultEllipsis || $[89] !== index || $[90] !== item || $[91] !== ref || $[92] !== style || $[93] !== sx || $[94] !== t10 || $[95] !== t11 || $[96] !== t12) {
+    t13 = /*#__PURE__*/React.createElement(PTableCommonCell, {
       ref: ref,
       type: "body",
-      className: t13,
+      className: t10,
       style: style,
       sx: sx,
       column: column,
@@ -2537,24 +2477,24 @@ function PTableBodyCell(t0) {
       defaultEllipsis: defaultEllipsis,
       item: item,
       index: index,
-      onClick: t14
-    }, t15);
-    $[95] = column;
-    $[96] = defaultAlign;
-    $[97] = defaultEllipsis;
-    $[98] = index;
-    $[99] = item;
-    $[100] = ref;
-    $[101] = style;
-    $[102] = sx;
-    $[103] = t13;
-    $[104] = t14;
-    $[105] = t15;
-    $[106] = t16;
-  } else {
-    t16 = $[106];
-  }
-  return t16;
+      onClick: t11
+    }, t12);
+    $[86] = column;
+    $[87] = defaultAlign;
+    $[88] = defaultEllipsis;
+    $[89] = index;
+    $[90] = item;
+    $[91] = ref;
+    $[92] = style;
+    $[93] = sx;
+    $[94] = t10;
+    $[95] = t11;
+    $[96] = t12;
+    $[97] = t13;
+  } else {
+    t13 = $[97];
+  }
+  return t13;
 }
 function _temp4(e) {
   e.stopPropagation();
@@ -2764,7 +2704,7 @@ function PTableBodyRow(t0) {
   }
   return t6;
 }function PTableSortableBodyBlock(t0) {
-  var $ = compilerRuntime.c(31);
+  var $ = compilerRuntime.c(29);
   var items = t0.items,
     baseIndex = t0.baseIndex,
     columns = t0.columns,
@@ -2815,29 +2755,18 @@ function PTableBodyRow(t0) {
   } else {
     t2 = $[3];
   }
-  var effectEvent = React.useEffectEvent(t2);
   var t3;
-  if ($[4] !== effectEvent) {
-    t3 = function t3() {
-      effectEvent();
-    };
-    $[4] = effectEvent;
+  if ($[4] !== progressiveVisible) {
+    t3 = [progressiveVisible];
+    $[4] = progressiveVisible;
     $[5] = t3;
   } else {
     t3 = $[5];
   }
+  reactHook.useEventEffect(t2, t3);
   var t4;
-  if ($[6] !== progressiveVisible) {
-    t4 = [progressiveVisible];
-    $[6] = progressiveVisible;
-    $[7] = t4;
-  } else {
-    t4 = $[7];
-  }
-  React.useEffect(t3, t4);
-  var t5;
-  if ($[8] !== baseIndex || $[9] !== canInView || $[10] !== columns || $[11] !== defaultAlign || $[12] !== defaultEllipsis || $[13] !== inView || $[14] !== items || $[15] !== onCheckChange || $[16] !== onClick || $[17] !== onGetBodyColumnClassName || $[18] !== onGetBodyColumnStyle || $[19] !== onGetBodyColumnSx || $[20] !== onGetBodyRowClassName || $[21] !== onGetBodyRowStyle || $[22] !== onGetBodyRowSx || $[23] !== progressiveVisible || $[24] !== ref || $[25] !== showEvenColor || $[26] !== showOddColor || $[27] !== sortable) {
-    t5 = !progressiveVisible || inView ? items.map(function (item, idx) {
+  if ($[6] !== baseIndex || $[7] !== canInView || $[8] !== columns || $[9] !== defaultAlign || $[10] !== defaultEllipsis || $[11] !== inView || $[12] !== items || $[13] !== onCheckChange || $[14] !== onClick || $[15] !== onGetBodyColumnClassName || $[16] !== onGetBodyColumnStyle || $[17] !== onGetBodyColumnSx || $[18] !== onGetBodyRowClassName || $[19] !== onGetBodyRowStyle || $[20] !== onGetBodyRowSx || $[21] !== progressiveVisible || $[22] !== ref || $[23] !== showEvenColor || $[24] !== showOddColor || $[25] !== sortable) {
+    t4 = !progressiveVisible || inView ? items.map(function (item, idx) {
       return /*#__PURE__*/React.createElement(PTableBodyRow, {
         key: item.id,
         id: item.id,
@@ -2866,40 +2795,40 @@ function PTableBodyRow(t0) {
         border: "none"
       }
     }));
-    $[8] = baseIndex;
-    $[9] = canInView;
-    $[10] = columns;
-    $[11] = defaultAlign;
-    $[12] = defaultEllipsis;
-    $[13] = inView;
-    $[14] = items;
-    $[15] = onCheckChange;
-    $[16] = onClick;
-    $[17] = onGetBodyColumnClassName;
-    $[18] = onGetBodyColumnStyle;
-    $[19] = onGetBodyColumnSx;
-    $[20] = onGetBodyRowClassName;
-    $[21] = onGetBodyRowStyle;
-    $[22] = onGetBodyRowSx;
-    $[23] = progressiveVisible;
-    $[24] = ref;
-    $[25] = showEvenColor;
-    $[26] = showOddColor;
-    $[27] = sortable;
+    $[6] = baseIndex;
+    $[7] = canInView;
+    $[8] = columns;
+    $[9] = defaultAlign;
+    $[10] = defaultEllipsis;
+    $[11] = inView;
+    $[12] = items;
+    $[13] = onCheckChange;
+    $[14] = onClick;
+    $[15] = onGetBodyColumnClassName;
+    $[16] = onGetBodyColumnStyle;
+    $[17] = onGetBodyColumnSx;
+    $[18] = onGetBodyRowClassName;
+    $[19] = onGetBodyRowStyle;
+    $[20] = onGetBodyRowSx;
+    $[21] = progressiveVisible;
+    $[22] = ref;
+    $[23] = showEvenColor;
+    $[24] = showOddColor;
+    $[25] = sortable;
+    $[26] = t4;
+  } else {
+    t4 = $[26];
+  }
+  var renderItems = t4;
+  var t5;
+  if ($[27] !== renderItems) {
+    t5 = /*#__PURE__*/React.createElement(React.Fragment, null, renderItems);
+    $[27] = renderItems;
     $[28] = t5;
   } else {
     t5 = $[28];
   }
-  var renderItems = t5;
-  var t6;
-  if ($[29] !== renderItems) {
-    t6 = /*#__PURE__*/React.createElement(React.Fragment, null, renderItems);
-    $[29] = renderItems;
-    $[30] = t6;
-  } else {
-    t6 = $[30];
-  }
-  return t6;
+  return t5;
 }var chunkArray = function chunkArray(array, size) {
   var result = [];
   for (var i = 0; i < array.length; i += size) {
@@ -3087,7 +3016,7 @@ var getNewColumnId = function getNewColumnId() {
  * ******************************************************************************************************************/
 
 function PTable(t0) {
-  var $ = compilerRuntime.c(209);
+  var $ = compilerRuntime.c(198);
   var ref = t0.ref,
     className = t0.className,
     initStyle = t0.style,
@@ -3215,12 +3144,9 @@ function PTable(t0) {
   var finalColumnsRef = reactHook.useAutoUpdateRef(finalColumns);
   var t10;
   if ($[6] !== finalColumnsRef) {
-    t10 = function t10(value) {
-      _setFinalColumns(function (prev) {
-        var finalValue = typeof value === "function" ? value(prev) : value;
-        finalColumnsRef.current = finalValue;
-        return finalValue;
-      });
+    t10 = function t10(newValue) {
+      _setFinalColumns(newValue);
+      finalColumnsRef.current = newValue;
     };
     $[6] = finalColumnsRef;
     $[7] = t10;
@@ -3235,12 +3161,9 @@ function PTable(t0) {
   var finalColumnsIdRef = reactHook.useAutoUpdateRef(finalColumnsId);
   var t11;
   if ($[8] !== finalColumnsIdRef) {
-    t11 = function t11(value_0) {
-      _setFinalColumnsId(function (prev_0) {
-        var finalValue_0 = typeof value_0 === "function" ? value_0(prev_0) : value_0;
-        finalColumnsIdRef.current = finalValue_0;
-        return finalValue_0;
-      });
+    t11 = function t11(newValue_0) {
+      _setFinalColumnsId(newValue_0);
+      finalColumnsIdRef.current = newValue_0;
     };
     $[8] = finalColumnsIdRef;
     $[9] = t11;
@@ -3270,12 +3193,9 @@ function PTable(t0) {
   var columnsRef = reactHook.useAutoUpdateRef(columns);
   var t14;
   if ($[13] !== columnsRef) {
-    t14 = function t14(value_1) {
-      _setColumns(function (prev_1) {
-        var finalValue_1 = typeof value_1 === "function" ? value_1(prev_1) : value_1;
-        columnsRef.current = finalValue_1;
-        return finalValue_1;
-      });
+    t14 = function t14(newValue_1) {
+      _setColumns(newValue_1);
+      columnsRef.current = newValue_1;
     };
     $[13] = columnsRef;
     $[14] = t14;
@@ -3305,12 +3225,9 @@ function PTable(t0) {
   var itemsRef = reactHook.useAutoUpdateRef(items);
   var t17;
   if ($[18] !== itemsRef) {
-    t17 = function t17(value_2) {
-      _setItems(function (prev_2) {
-        var finalValue_2 = typeof value_2 === "function" ? value_2(prev_2) : value_2;
-        itemsRef.current = finalValue_2;
-        return finalValue_2;
-      });
+    t17 = function t17(newValue_2) {
+      _setItems(newValue_2);
+      itemsRef.current = newValue_2;
     };
     $[18] = itemsRef;
     $[19] = t17;
@@ -3340,12 +3257,9 @@ function PTable(t0) {
   var pagingRef = reactHook.useAutoUpdateRef(paging);
   var t20;
   if ($[23] !== pagingRef) {
-    t20 = function t20(value_3) {
-      _setPaging(function (prev_3) {
-        var finalValue_3 = typeof value_3 === "function" ? value_3(prev_3) : value_3;
-        pagingRef.current = finalValue_3;
-        return finalValue_3;
-      });
+    t20 = function t20(newValue_3) {
+      _setPaging(newValue_3);
+      pagingRef.current = newValue_3;
     };
     $[23] = pagingRef;
     $[24] = t20;
@@ -3601,8 +3515,26 @@ function PTable(t0) {
   }
   var simpleBarScrollToTop = t33;
   var t34;
-  if ($[42] !== items) {
+  var t35;
+  if ($[42] === Symbol["for"]("react.memo_cache_sentinel")) {
     t34 = function t34() {
+      return function () {
+        stopHeadCheckTimer();
+        clearFireOnCheckChangeTimer();
+      };
+    };
+    t35 = [];
+    $[42] = t34;
+    $[43] = t35;
+  } else {
+    t34 = $[42];
+    t35 = $[43];
+  }
+  reactHook.useEventEffect(t34, t35);
+  var t36;
+  var t37;
+  if ($[44] !== items) {
+    t36 = function t36() {
       stopHeadCheckTimer();
       clearFireOnCheckChangeTimer();
       Object.keys(localHeaderDataRef.current).forEach(function (key_7) {
@@ -3619,101 +3551,43 @@ function PTable(t0) {
       });
       setSortableItems(makeSortableItems(items));
     };
-    $[42] = items;
-    $[43] = t34;
+    t37 = [items];
+    $[44] = items;
+    $[45] = t36;
+    $[46] = t37;
   } else {
-    t34 = $[43];
+    t36 = $[45];
+    t37 = $[46];
   }
-  var effectEvent = React.useEffectEvent(t34);
-  var t35;
-  if ($[44] !== effectEvent) {
-    t35 = function t35() {
-      effectEvent();
-    };
-    $[44] = effectEvent;
-    $[45] = t35;
-  } else {
-    t35 = $[45];
-  }
-  var t36;
-  if ($[46] !== items) {
-    t36 = [items];
-    $[46] = items;
-    $[47] = t36;
-  } else {
-    t36 = $[47];
-  }
-  React.useEffect(t35, t36);
-  var t37;
-  if ($[48] === Symbol["for"]("react.memo_cache_sentinel")) {
-    t37 = function t37() {
-      return function () {
-        stopHeadCheckTimer();
-        clearFireOnCheckChangeTimer();
-      };
-    };
-    $[48] = t37;
-  } else {
-    t37 = $[48];
-  }
-  var effectEvent_0 = React.useEffectEvent(t37);
+  reactHook.useEventEffect(t36, t37);
   var t38;
-  if ($[49] !== effectEvent_0) {
+  if ($[47] !== columns || $[48] !== setFinalColumns || $[49] !== setFinalColumnsId) {
     t38 = function t38() {
-      return effectEvent_0();
-    };
-    $[49] = effectEvent_0;
-    $[50] = t38;
-  } else {
-    t38 = $[50];
-  }
-  var t39;
-  if ($[51] === Symbol["for"]("react.memo_cache_sentinel")) {
-    t39 = [];
-    $[51] = t39;
-  } else {
-    t39 = $[51];
-  }
-  React.useEffect(t38, t39);
-  var t40;
-  if ($[52] !== columns || $[53] !== setFinalColumns || $[54] !== setFinalColumnsId) {
-    t40 = function t40() {
       stopHeadCheckTimer();
       clearFireOnCheckChangeTimer();
       var newFinalColumns = columns === null || columns === void 0 ? void 0 : columns.filter(columnFilter);
       setFinalColumns(newFinalColumns);
       setFinalColumnsId(newFinalColumns === null || newFinalColumns === void 0 ? void 0 : newFinalColumns.map(_temp$1));
     };
-    $[52] = columns;
-    $[53] = setFinalColumns;
-    $[54] = setFinalColumnsId;
-    $[55] = t40;
-  } else {
-    t40 = $[55];
-  }
-  var effectEvent_1 = React.useEffectEvent(t40);
-  var t41;
-  if ($[56] !== effectEvent_1) {
-    t41 = function t41() {
-      effectEvent_1();
-    };
-    $[56] = effectEvent_1;
-    $[57] = t41;
+    $[47] = columns;
+    $[48] = setFinalColumns;
+    $[49] = setFinalColumnsId;
+    $[50] = t38;
   } else {
-    t41 = $[57];
+    t38 = $[50];
   }
-  var t42;
-  if ($[58] !== columns) {
-    t42 = [columns];
-    $[58] = columns;
-    $[59] = t42;
+  var t39;
+  if ($[51] !== columns) {
+    t39 = [columns];
+    $[51] = columns;
+    $[52] = t39;
   } else {
-    t42 = $[59];
+    t39 = $[52];
   }
-  React.useEffect(t41, t42);
-  var t43;
-  if ($[60] !== finalColumns || $[61] !== getFinalColumnId || $[62] !== sortableItems) {
-    t43 = function t43() {
+  reactHook.useEventEffect(t38, t39);
+  var t40;
+  if ($[53] !== finalColumns || $[54] !== getFinalColumnId || $[55] !== sortableItems) {
+    t40 = function t40() {
       clearFireOnCheckChangeTimer();
       if (sortableItems) {
         localBodyDataRef.current = sortableItems.reduce(function (res, item) {
@@ -3742,37 +3616,26 @@ function PTable(t0) {
         localBodyDataRef.current = {};
       }
     };
-    $[60] = finalColumns;
-    $[61] = getFinalColumnId;
-    $[62] = sortableItems;
-    $[63] = t43;
-  } else {
-    t43 = $[63];
-  }
-  var effectEvent_2 = React.useEffectEvent(t43);
-  var t44;
-  if ($[64] !== effectEvent_2) {
-    t44 = function t44() {
-      effectEvent_2();
-    };
-    $[64] = effectEvent_2;
-    $[65] = t44;
+    $[53] = finalColumns;
+    $[54] = getFinalColumnId;
+    $[55] = sortableItems;
+    $[56] = t40;
   } else {
-    t44 = $[65];
+    t40 = $[56];
   }
-  var t45;
-  if ($[66] !== finalColumns || $[67] !== sortableItems) {
-    t45 = [sortableItems, finalColumns];
-    $[66] = finalColumns;
-    $[67] = sortableItems;
-    $[68] = t45;
+  var t41;
+  if ($[57] !== finalColumns || $[58] !== sortableItems) {
+    t41 = [sortableItems, finalColumns];
+    $[57] = finalColumns;
+    $[58] = sortableItems;
+    $[59] = t41;
   } else {
-    t45 = $[68];
+    t41 = $[59];
   }
-  React.useLayoutEffect(t44, t45);
-  var t46;
-  if ($[69] !== finalColumns || $[70] !== getFinalColumnId) {
-    t46 = function t46() {
+  reactHook.useEventEffect(t40, t41);
+  var t42;
+  if ($[60] !== finalColumns || $[61] !== getFinalColumnId) {
+    t42 = function t42() {
       if (finalColumns) {
         localHeaderDataRef.current = finalColumns.reduce(function (res_0, c_0) {
           res_0[getFinalColumnId(c_0)] = {
@@ -3785,83 +3648,72 @@ function PTable(t0) {
         localHeaderDataRef.current = {};
       }
     };
-    $[69] = finalColumns;
-    $[70] = getFinalColumnId;
-    $[71] = t46;
-  } else {
-    t46 = $[71];
-  }
-  var effectEvent_3 = React.useEffectEvent(t46);
-  var t47;
-  if ($[72] !== effectEvent_3) {
-    t47 = function t47() {
-      effectEvent_3();
-    };
-    $[72] = effectEvent_3;
-    $[73] = t47;
+    $[60] = finalColumns;
+    $[61] = getFinalColumnId;
+    $[62] = t42;
   } else {
-    t47 = $[73];
+    t42 = $[62];
   }
-  var t48;
-  if ($[74] !== finalColumns) {
-    t48 = [finalColumns];
-    $[74] = finalColumns;
-    $[75] = t48;
+  var t43;
+  if ($[63] !== finalColumns) {
+    t43 = [finalColumns];
+    $[63] = finalColumns;
+    $[64] = t43;
   } else {
-    t48 = $[75];
+    t43 = $[64];
   }
-  React.useLayoutEffect(t47, t48);
-  var t49;
-  if ($[76] !== columnsRef) {
-    t49 = function t49() {
+  reactHook.useEventLayoutEffect(t42, t43);
+  var t44;
+  if ($[65] !== columnsRef) {
+    t44 = function t44() {
       return columnsRef.current;
     };
-    $[76] = columnsRef;
-    $[77] = t49;
+    $[65] = columnsRef;
+    $[66] = t44;
   } else {
-    t49 = $[77];
+    t44 = $[66];
   }
-  var t50;
-  if ($[78] !== itemsRef) {
-    t50 = function t50() {
+  var t45;
+  if ($[67] !== itemsRef) {
+    t45 = function t45() {
       return itemsRef.current;
     };
-    $[78] = itemsRef;
-    $[79] = t50;
+    $[67] = itemsRef;
+    $[68] = t45;
   } else {
-    t50 = $[79];
+    t45 = $[68];
   }
-  var t51;
-  if ($[80] !== pagingRef) {
-    t51 = function t51() {
+  var t46;
+  if ($[69] !== pagingRef) {
+    t46 = function t46() {
       return pagingRef.current;
     };
-    $[80] = pagingRef;
-    $[81] = t51;
+    $[69] = pagingRef;
+    $[70] = t46;
   } else {
-    t51 = $[81];
+    t46 = $[70];
   }
-  var t52;
-  if ($[82] !== setItems || $[83] !== setPaging) {
-    t52 = function t52(items_0, paging_0) {
+  var t47;
+  if ($[71] !== setItems || $[72] !== setPaging) {
+    t47 = function t47(items_0, paging_0) {
       setItems(items_0);
       setPaging(paging_0);
     };
-    $[82] = setItems;
-    $[83] = setPaging;
-    $[84] = t52;
+    $[71] = setItems;
+    $[72] = setPaging;
+    $[73] = t47;
   } else {
-    t52 = $[84];
+    t47 = $[73];
   }
-  var t53;
-  if ($[85] !== itemsRef || $[86] !== setChecked || $[87] !== setColumns || $[88] !== setItems || $[89] !== t49 || $[90] !== t50 || $[91] !== t51 || $[92] !== t52 || $[93] !== toggleChecked) {
-    t53 = {
-      getColumns: t49,
+  var t48;
+  if ($[74] !== itemsRef || $[75] !== setChecked || $[76] !== setColumns || $[77] !== setItems || $[78] !== t44 || $[79] !== t45 || $[80] !== t46 || $[81] !== t47 || $[82] !== toggleChecked) {
+    t48 = {
+      getColumns: t44,
       setColumns: setColumns,
-      getItems: t50,
+      getItems: t45,
       setItems: setItems,
-      getPaging: t51,
-      setItemsPaging: t52,
+      getPaging: t46,
+      setItemsPaging: t47,
       resetSort: function resetSort() {
         setSortableItems(makeSortableItems(itemsRef.current));
       },
@@ -3872,23 +3724,23 @@ function PTable(t0) {
       setCheckedAll: setCheckedAll,
       scrollToTop: simpleBarScrollToTop
     };
-    $[85] = itemsRef;
-    $[86] = setChecked;
-    $[87] = setColumns;
-    $[88] = setItems;
-    $[89] = t49;
-    $[90] = t50;
-    $[91] = t51;
-    $[92] = t52;
-    $[93] = toggleChecked;
-    $[94] = t53;
-  } else {
-    t53 = $[94];
-  }
-  reactHook.useForwardRef(ref, t53);
-  var t54;
-  if ($[95] !== onSortChangeRef) {
-    t54 = function t54(event) {
+    $[74] = itemsRef;
+    $[75] = setChecked;
+    $[76] = setColumns;
+    $[77] = setItems;
+    $[78] = t44;
+    $[79] = t45;
+    $[80] = t46;
+    $[81] = t47;
+    $[82] = toggleChecked;
+    $[83] = t48;
+  } else {
+    t48 = $[83];
+  }
+  reactHook.useForwardRef(ref, t48);
+  var t49;
+  if ($[84] !== onSortChangeRef) {
+    t49 = function t49(event) {
       var active = event.active,
         over = event.over;
       if (active && over) {
@@ -3920,15 +3772,15 @@ function PTable(t0) {
         });
       }
     };
-    $[95] = onSortChangeRef;
-    $[96] = t54;
+    $[84] = onSortChangeRef;
+    $[85] = t49;
   } else {
-    t54 = $[96];
+    t49 = $[85];
   }
-  var handleDragEnd = t54;
-  var t55;
-  if ($[97] !== getFinalColumnId) {
-    t55 = function t55(column_1, checked_2) {
+  var handleDragEnd = t49;
+  var t50;
+  if ($[86] !== getFinalColumnId) {
+    t50 = function t50(column_1, checked_2) {
       Object.keys(localBodyDataRef.current).forEach(function (key_9) {
         var data = localBodyDataRef.current[key_9].columns[getFinalColumnId(column_1)];
         if (data) {
@@ -3939,39 +3791,39 @@ function PTable(t0) {
         }
       });
     };
-    $[97] = getFinalColumnId;
-    $[98] = t55;
+    $[86] = getFinalColumnId;
+    $[87] = t50;
   } else {
-    t55 = $[98];
+    t50 = $[87];
   }
-  var handleHeadCheckChange = t55;
-  var t56;
-  if ($[99] !== updateHeadCheck) {
-    t56 = function t56(item_1, column_2) {
+  var handleHeadCheckChange = t50;
+  var t51;
+  if ($[88] !== updateHeadCheck) {
+    t51 = function t51(item_1, column_2) {
       updateHeadCheck(column_2);
     };
-    $[99] = updateHeadCheck;
-    $[100] = t56;
+    $[88] = updateHeadCheck;
+    $[89] = t51;
   } else {
-    t56 = $[100];
+    t51 = $[89];
   }
-  var handleBodyCheckChange = t56;
-  var t57;
-  if ($[101] !== onPageChangeRef) {
-    t57 = function t57(page) {
+  var handleBodyCheckChange = t51;
+  var t52;
+  if ($[90] !== onPageChangeRef) {
+    t52 = function t52(page) {
       var _onPageChangeRef$curr;
       simpleBarScrollToTop();
       (_onPageChangeRef$curr = onPageChangeRef.current) === null || _onPageChangeRef$curr === void 0 || _onPageChangeRef$curr.call(onPageChangeRef, page);
     };
-    $[101] = onPageChangeRef;
-    $[102] = t57;
+    $[90] = onPageChangeRef;
+    $[91] = t52;
   } else {
-    t57 = $[102];
+    t52 = $[91];
   }
-  var handlePageChange = t57;
-  var t58;
-  if ($[103] !== openMenuId) {
-    t58 = function t58(newMenuOpen, newOpenMenuId) {
+  var handlePageChange = t52;
+  var t53;
+  if ($[92] !== openMenuId) {
+    t53 = function t53(newMenuOpen, newOpenMenuId) {
       if (newMenuOpen) {
         setMenuOpen(newMenuOpen);
         setOpenMenuId(newOpenMenuId);
@@ -3982,15 +3834,15 @@ function PTable(t0) {
         }
       }
     };
-    $[103] = openMenuId;
-    $[104] = t58;
+    $[92] = openMenuId;
+    $[93] = t53;
   } else {
-    t58 = $[104];
+    t53 = $[93];
   }
-  var TableContextSetMenuOpen = t58;
-  var t59;
-  if ($[105] !== fireOnCheckChange || $[106] !== getFinalColumnId) {
-    t59 = function t59(item_2, column_3, checked_3) {
+  var TableContextSetMenuOpen = t53;
+  var t54;
+  if ($[94] !== fireOnCheckChange || $[95] !== getFinalColumnId) {
+    t54 = function t54(item_2, column_3, checked_3) {
       var columnId_7 = getFinalColumnId(column_3);
       if (localBodyDataRef.current) {
         var bodyData = localBodyDataRef.current[item_2.id];
@@ -4004,16 +3856,16 @@ function PTable(t0) {
         }
       }
     };
-    $[105] = fireOnCheckChange;
-    $[106] = getFinalColumnId;
-    $[107] = t59;
+    $[94] = fireOnCheckChange;
+    $[95] = getFinalColumnId;
+    $[96] = t54;
   } else {
-    t59 = $[107];
+    t54 = $[96];
   }
-  var TableContextSetItemColumnChecked = t59;
-  var t60;
-  if ($[108] !== getFinalColumnId || $[109] !== updateHeadCheck) {
-    t60 = function t60(item_3, column_4, disabled) {
+  var TableContextSetItemColumnChecked = t54;
+  var t55;
+  if ($[97] !== getFinalColumnId || $[98] !== updateHeadCheck) {
+    t55 = function t55(item_3, column_4, disabled) {
       var _localBodyDataRef$cur3;
       var columnId_8 = getFinalColumnId(column_4);
       if (columnId_8 && (_localBodyDataRef$cur3 = localBodyDataRef.current[item_3.id]) !== null && _localBodyDataRef$cur3 !== void 0 && _localBodyDataRef$cur3.columns[columnId_8]) {
@@ -4038,16 +3890,16 @@ function PTable(t0) {
         _run();
       }
     };
-    $[108] = getFinalColumnId;
-    $[109] = updateHeadCheck;
-    $[110] = t60;
+    $[97] = getFinalColumnId;
+    $[98] = updateHeadCheck;
+    $[99] = t55;
   } else {
-    t60 = $[110];
+    t55 = $[99];
   }
-  var TableContextSetItemColumnCheckDisabled = t60;
-  var t61;
-  if ($[111] !== getFinalColumnId) {
-    t61 = function t61(item_4, column_5, commands) {
+  var TableContextSetItemColumnCheckDisabled = t55;
+  var t56;
+  if ($[100] !== getFinalColumnId) {
+    t56 = function t56(item_4, column_5, commands) {
       var _localBodyDataRef$cur5;
       var columnId_10 = getFinalColumnId(column_5);
       if (columnId_10 && (_localBodyDataRef$cur5 = localBodyDataRef.current[item_4.id]) !== null && _localBodyDataRef$cur5 !== void 0 && _localBodyDataRef$cur5.columns[columnId_10]) {
@@ -4070,15 +3922,15 @@ function PTable(t0) {
         _run_();
       }
     };
-    $[111] = getFinalColumnId;
-    $[112] = t61;
+    $[100] = getFinalColumnId;
+    $[101] = t56;
   } else {
-    t61 = $[112];
+    t56 = $[101];
   }
-  var TableContextSetItemColumnCommands = t61;
-  var t62;
-  if ($[113] !== getFinalColumnId) {
-    t62 = function t62(column_6, checked_4) {
+  var TableContextSetItemColumnCommands = t56;
+  var t57;
+  if ($[102] !== getFinalColumnId) {
+    t57 = function t57(column_6, checked_4) {
       var columnId_12 = getFinalColumnId(column_6);
       if (columnId_12 && localHeaderDataRef.current[columnId_12]) {
         localHeaderDataRef.current[columnId_12].checked = checked_4;
@@ -4099,15 +3951,15 @@ function PTable(t0) {
         _run_2();
       }
     };
-    $[113] = getFinalColumnId;
-    $[114] = t62;
+    $[102] = getFinalColumnId;
+    $[103] = t57;
   } else {
-    t62 = $[114];
+    t57 = $[103];
   }
-  var TableContextSetHeadColumnChecked = t62;
-  var t63;
-  if ($[115] !== getFinalColumnId) {
-    t63 = function t63(column_7, commands_0) {
+  var TableContextSetHeadColumnChecked = t57;
+  var t58;
+  if ($[104] !== getFinalColumnId) {
+    t58 = function t58(column_7, commands_0) {
       var columnId_14 = getFinalColumnId(column_7);
       if (columnId_14 && localHeaderDataRef.current[columnId_14]) {
         localHeaderDataRef.current[columnId_14].commands = commands_0;
@@ -4128,18 +3980,18 @@ function PTable(t0) {
         _run_3();
       }
     };
-    $[115] = getFinalColumnId;
-    $[116] = t63;
+    $[104] = getFinalColumnId;
+    $[105] = t58;
   } else {
-    t63 = $[116];
+    t58 = $[105];
   }
-  var TableContextSetHeadColumnCommands = t63;
+  var TableContextSetHeadColumnCommands = t58;
   var isNoData = !!sortableItems && sortableItems.length <= 0;
   var finalPagingHeight = paging && paging.total > 0 ? pagingHeight || 0 : 0;
   var stickyHeader = !isNoData && initStickyHeader;
-  var t64;
-  if ($[117] !== fullHeight || $[118] !== initStyle) {
-    t64 = fullHeight ? _objectSpread2(_objectSpread2({
+  var t59;
+  if ($[106] !== fullHeight || $[107] !== initStyle) {
+    t59 = fullHeight ? _objectSpread2(_objectSpread2({
       width: "100%"
     }, initStyle), {}, {
       flex: 1,
@@ -4151,32 +4003,32 @@ function PTable(t0) {
     }) : _objectSpread2({
       width: "100%"
     }, initStyle);
-    $[117] = fullHeight;
-    $[118] = initStyle;
-    $[119] = t64;
+    $[106] = fullHeight;
+    $[107] = initStyle;
+    $[108] = t59;
   } else {
-    t64 = $[119];
+    t59 = $[108];
   }
-  var style = t64;
-  var t65 = typeof cellPadding === "number" ? "".concat(cellPadding, "px") : cellPadding;
-  var t66;
-  if ($[120] !== t65) {
+  var style = t59;
+  var t60 = typeof cellPadding === "number" ? "".concat(cellPadding, "px") : cellPadding;
+  var t61;
+  if ($[109] !== t60) {
     var sx_0 = {
-      padding: t65
+      padding: t60
     };
-    t66 = {
+    t61 = {
       "> .MuiTableHead-root > .MuiTableRow-root > .MuiTableCell-root ": sx_0,
       "> .MuiTableBody-root > .MuiTableRow-root > .MuiTableCell-root ": sx_0,
       "> .MuiTableFooter-root > .MuiTableRow-root > .MuiTableCell-root ": sx_0
     };
-    $[120] = t65;
-    $[121] = t66;
+    $[109] = t60;
+    $[110] = t61;
   } else {
-    t66 = $[121];
+    t61 = $[110];
   }
-  var tableSx = t66;
+  var tableSx = t61;
   var pagingStyle;
-  if ($[122] !== fullHeight) {
+  if ($[111] !== fullHeight) {
     pagingStyle = {
       padding: "13px 0",
       borderTop: "1px solid rgba(224, 224, 224, 1)"
@@ -4184,32 +4036,32 @@ function PTable(t0) {
     if (fullHeight) {
       pagingStyle.position = "sticky";
     }
-    $[122] = fullHeight;
-    $[123] = pagingStyle;
+    $[111] = fullHeight;
+    $[112] = pagingStyle;
   } else {
-    pagingStyle = $[123];
+    pagingStyle = $[112];
   }
-  var t67;
-  if ($[124] !== pagingStyle || $[125] !== style || $[126] !== tableSx) {
-    t67 = {
+  var t62;
+  if ($[113] !== pagingStyle || $[114] !== style || $[115] !== tableSx) {
+    t62 = {
       style: style,
       tableSx: tableSx,
       pagingStyle: pagingStyle
     };
-    $[124] = pagingStyle;
-    $[125] = style;
-    $[126] = tableSx;
-    $[127] = t67;
+    $[113] = pagingStyle;
+    $[114] = style;
+    $[115] = tableSx;
+    $[116] = t62;
   } else {
-    t67 = $[127];
+    t62 = $[116];
   }
-  var _t = t67,
+  var _t = t62,
     style_0 = _t.style,
     tableSx_0 = _t.tableSx,
     pagingStyle_0 = _t.pagingStyle;
-  var t68;
-  if ($[128] !== containerHeight || $[129] !== finalPagingHeight || $[130] !== fullHeight || $[131] !== height || $[132] !== maxHeight || $[133] !== minHeight) {
-    t68 = fullHeight ? {
+  var t63;
+  if ($[117] !== containerHeight || $[118] !== finalPagingHeight || $[119] !== fullHeight || $[120] !== height || $[121] !== maxHeight || $[122] !== minHeight) {
+    t63 = fullHeight ? {
       height: (containerHeight || 0) - (finalPagingHeight || 0) - 1,
       flex: 1,
       position: "absolute",
@@ -4223,50 +4075,50 @@ function PTable(t0) {
       maxHeight: maxHeight,
       marginBottom: -1
     };
-    $[128] = containerHeight;
-    $[129] = finalPagingHeight;
-    $[130] = fullHeight;
-    $[131] = height;
-    $[132] = maxHeight;
-    $[133] = minHeight;
-    $[134] = t68;
+    $[117] = containerHeight;
+    $[118] = finalPagingHeight;
+    $[119] = fullHeight;
+    $[120] = height;
+    $[121] = maxHeight;
+    $[122] = minHeight;
+    $[123] = t63;
   } else {
-    t68 = $[134];
+    t63 = $[123];
   }
-  var contentContainerStyle = t68;
-  var t69;
-  if ($[135] !== containerHeight || $[136] !== finalPagingHeight || $[137] !== fullHeight || $[138] !== isNoData) {
-    t69 = fullHeight && isNoData ? {
+  var contentContainerStyle = t63;
+  var t64;
+  if ($[124] !== containerHeight || $[125] !== finalPagingHeight || $[126] !== fullHeight || $[127] !== isNoData) {
+    t64 = fullHeight && isNoData ? {
       flex: 1,
       height: (containerHeight || 0) - finalPagingHeight - 2
     } : undefined;
-    $[135] = containerHeight;
-    $[136] = finalPagingHeight;
-    $[137] = fullHeight;
-    $[138] = isNoData;
-    $[139] = t69;
-  } else {
-    t69 = $[139];
-  }
-  var tableStyle = t69;
-  var t70;
-  if ($[140] !== contentContainerStyle || $[141] !== tableStyle) {
-    t70 = {
+    $[124] = containerHeight;
+    $[125] = finalPagingHeight;
+    $[126] = fullHeight;
+    $[127] = isNoData;
+    $[128] = t64;
+  } else {
+    t64 = $[128];
+  }
+  var tableStyle = t64;
+  var t65;
+  if ($[129] !== contentContainerStyle || $[130] !== tableStyle) {
+    t65 = {
       contentContainerStyle: contentContainerStyle,
       tableStyle: tableStyle
     };
-    $[140] = contentContainerStyle;
-    $[141] = tableStyle;
-    $[142] = t70;
+    $[129] = contentContainerStyle;
+    $[130] = tableStyle;
+    $[131] = t65;
   } else {
-    t70 = $[142];
+    t65 = $[131];
   }
-  var _t2 = t70,
+  var _t2 = t65,
     contentContainerStyle_0 = _t2.contentContainerStyle,
     tableStyle_0 = _t2.tableStyle;
-  var t71;
-  if ($[143] !== caption || $[144] !== defaultAlign || $[145] !== finalColumns || $[146] !== handleHeadCheckChange || $[147] !== items || $[148] !== topHeadRows) {
-    t71 = finalColumns && /*#__PURE__*/React.createElement(PTableTopHead, {
+  var t66;
+  if ($[132] !== caption || $[133] !== defaultAlign || $[134] !== finalColumns || $[135] !== handleHeadCheckChange || $[136] !== items || $[137] !== topHeadRows) {
+    t66 = finalColumns && /*#__PURE__*/React.createElement(PTableTopHead, {
       caption: caption,
       rows: topHeadRows,
       columns: finalColumns,
@@ -4274,20 +4126,20 @@ function PTable(t0) {
       defaultAlign: defaultAlign,
       onCheckChange: handleHeadCheckChange
     });
-    $[143] = caption;
-    $[144] = defaultAlign;
-    $[145] = finalColumns;
-    $[146] = handleHeadCheckChange;
-    $[147] = items;
-    $[148] = topHeadRows;
-    $[149] = t71;
-  } else {
-    t71 = $[149];
-  }
-  var tableTopHead = t71;
-  var t72;
-  if ($[150] !== defaultAlign || $[151] !== defaultEllipsis || $[152] !== finalColumns || $[153] !== handleBodyCheckChange || $[154] !== noData || $[155] !== onClick || $[156] !== onGetBodyColumnClassName || $[157] !== onGetBodyColumnStyle || $[158] !== onGetBodyColumnSx || $[159] !== onGetBodyRowClassName || $[160] !== onGetBodyRowStyle || $[161] !== onGetBodyRowSx || $[162] !== showEvenColor || $[163] !== showOddColor || $[164] !== sortable$1 || $[165] !== sortableItems) {
-    t72 = finalColumns && /*#__PURE__*/React.createElement(material.TableBody, null, sortableItems ? sortableItems.length > 0 ? /*#__PURE__*/React.createElement(PTableSortableBody, {
+    $[132] = caption;
+    $[133] = defaultAlign;
+    $[134] = finalColumns;
+    $[135] = handleHeadCheckChange;
+    $[136] = items;
+    $[137] = topHeadRows;
+    $[138] = t66;
+  } else {
+    t66 = $[138];
+  }
+  var tableTopHead = t66;
+  var t67;
+  if ($[139] !== defaultAlign || $[140] !== defaultEllipsis || $[141] !== finalColumns || $[142] !== handleBodyCheckChange || $[143] !== noData || $[144] !== onClick || $[145] !== onGetBodyColumnClassName || $[146] !== onGetBodyColumnStyle || $[147] !== onGetBodyColumnSx || $[148] !== onGetBodyRowClassName || $[149] !== onGetBodyRowStyle || $[150] !== onGetBodyRowSx || $[151] !== showEvenColor || $[152] !== showOddColor || $[153] !== sortable$1 || $[154] !== sortableItems) {
+    t67 = finalColumns && /*#__PURE__*/React.createElement(material.TableBody, null, sortableItems ? sortableItems.length > 0 ? /*#__PURE__*/React.createElement(PTableSortableBody, {
       items: sortableItems,
       columns: finalColumns,
       showOddColor: showOddColor,
@@ -4309,30 +4161,30 @@ function PTable(t0) {
         flex: 1
       }
     }, noData ? noData : /*#__PURE__*/React.createElement(StyledNoDataDiv, null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(material.Icon, null, "error")), /*#__PURE__*/React.createElement("div", null, "\uAC80\uC0C9\uB41C \uC815\uBCF4\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4.")))) : undefined);
-    $[150] = defaultAlign;
-    $[151] = defaultEllipsis;
-    $[152] = finalColumns;
-    $[153] = handleBodyCheckChange;
-    $[154] = noData;
-    $[155] = onClick;
-    $[156] = onGetBodyColumnClassName;
-    $[157] = onGetBodyColumnStyle;
-    $[158] = onGetBodyColumnSx;
-    $[159] = onGetBodyRowClassName;
-    $[160] = onGetBodyRowStyle;
-    $[161] = onGetBodyRowSx;
-    $[162] = showEvenColor;
-    $[163] = showOddColor;
-    $[164] = sortable$1;
-    $[165] = sortableItems;
-    $[166] = t72;
-  } else {
-    t72 = $[166];
-  }
-  var tableBody = t72;
-  var t73;
-  if ($[167] !== defaultAlign || $[168] !== finalColumns || $[169] !== footer || $[170] !== isNoData || $[171] !== items) {
-    t73 = finalColumns && !isNoData && footer && /*#__PURE__*/React.createElement(material.TableFooter, null, /*#__PURE__*/React.createElement(material.TableRow, null, finalColumns.map(function (column_8, idx_1) {
+    $[139] = defaultAlign;
+    $[140] = defaultEllipsis;
+    $[141] = finalColumns;
+    $[142] = handleBodyCheckChange;
+    $[143] = noData;
+    $[144] = onClick;
+    $[145] = onGetBodyColumnClassName;
+    $[146] = onGetBodyColumnStyle;
+    $[147] = onGetBodyColumnSx;
+    $[148] = onGetBodyRowClassName;
+    $[149] = onGetBodyRowStyle;
+    $[150] = onGetBodyRowSx;
+    $[151] = showEvenColor;
+    $[152] = showOddColor;
+    $[153] = sortable$1;
+    $[154] = sortableItems;
+    $[155] = t67;
+  } else {
+    t67 = $[155];
+  }
+  var tableBody = t67;
+  var t68;
+  if ($[156] !== defaultAlign || $[157] !== finalColumns || $[158] !== footer || $[159] !== isNoData || $[160] !== items) {
+    t68 = finalColumns && !isNoData && footer && /*#__PURE__*/React.createElement(material.TableFooter, null, /*#__PURE__*/React.createElement(material.TableRow, null, finalColumns.map(function (column_8, idx_1) {
       return /*#__PURE__*/React.createElement(PTableFooterCell, {
         key: idx_1,
         column: column_8,
@@ -4340,19 +4192,19 @@ function PTable(t0) {
         defaultAlign: defaultAlign
       });
     })));
-    $[167] = defaultAlign;
-    $[168] = finalColumns;
-    $[169] = footer;
-    $[170] = isNoData;
-    $[171] = items;
-    $[172] = t73;
-  } else {
-    t73 = $[172];
-  }
-  var tableFooter = t73;
-  var t74;
-  if ($[173] !== TableContextSetHeadColumnChecked || $[174] !== TableContextSetHeadColumnCommands || $[175] !== TableContextSetItemColumnCheckDisabled || $[176] !== TableContextSetItemColumnChecked || $[177] !== TableContextSetItemColumnCommands || $[178] !== TableContextSetMenuOpen || $[179] !== className || $[180] !== containerHeightDetector || $[181] !== contentContainerStyle_0 || $[182] !== finalColumns || $[183] !== fullHeight || $[184] !== handleDragEnd || $[185] !== handlePageChange || $[186] !== menuOpen || $[187] !== openMenuId || $[188] !== (pagination === null || pagination === void 0 ? void 0 : pagination.className) || $[189] !== (pagination === null || pagination === void 0 ? void 0 : pagination.style) || $[190] !== (pagination === null || pagination === void 0 ? void 0 : pagination.sx) || $[191] !== paging || $[192] !== pagingAlign || $[193] !== pagingHeightResizeDetector || $[194] !== pagingStyle_0 || $[195] !== progressiveVisible || $[196] !== sensors || $[197] !== showEvenColor || $[198] !== showOddColor || $[199] !== sortable$1 || $[200] !== stickyHeader || $[201] !== style_0 || $[202] !== sx || $[203] !== tableBody || $[204] !== tableFooter || $[205] !== tableStyle_0 || $[206] !== tableSx_0 || $[207] !== tableTopHead) {
-    t74 = finalColumns ? /*#__PURE__*/React.createElement(PTableContextProvider, {
+    $[156] = defaultAlign;
+    $[157] = finalColumns;
+    $[158] = footer;
+    $[159] = isNoData;
+    $[160] = items;
+    $[161] = t68;
+  } else {
+    t68 = $[161];
+  }
+  var tableFooter = t68;
+  var t69;
+  if ($[162] !== TableContextSetHeadColumnChecked || $[163] !== TableContextSetHeadColumnCommands || $[164] !== TableContextSetItemColumnCheckDisabled || $[165] !== TableContextSetItemColumnChecked || $[166] !== TableContextSetItemColumnCommands || $[167] !== TableContextSetMenuOpen || $[168] !== className || $[169] !== containerHeightDetector || $[170] !== contentContainerStyle_0 || $[171] !== finalColumns || $[172] !== fullHeight || $[173] !== handleDragEnd || $[174] !== handlePageChange || $[175] !== menuOpen || $[176] !== openMenuId || $[177] !== (pagination === null || pagination === void 0 ? void 0 : pagination.className) || $[178] !== (pagination === null || pagination === void 0 ? void 0 : pagination.style) || $[179] !== (pagination === null || pagination === void 0 ? void 0 : pagination.sx) || $[180] !== paging || $[181] !== pagingAlign || $[182] !== pagingHeightResizeDetector || $[183] !== pagingStyle_0 || $[184] !== progressiveVisible || $[185] !== sensors || $[186] !== showEvenColor || $[187] !== showOddColor || $[188] !== sortable$1 || $[189] !== stickyHeader || $[190] !== style_0 || $[191] !== sx || $[192] !== tableBody || $[193] !== tableFooter || $[194] !== tableStyle_0 || $[195] !== tableSx_0 || $[196] !== tableTopHead) {
+    t69 = finalColumns ? /*#__PURE__*/React.createElement(PTableContextProvider, {
       value: {
         menuOpen: menuOpen,
         openMenuId: openMenuId,
@@ -4403,46 +4255,46 @@ function PTable(t0) {
       align: pagingAlign,
       onChange: handlePageChange
     })))) : null;
-    $[173] = TableContextSetHeadColumnChecked;
-    $[174] = TableContextSetHeadColumnCommands;
-    $[175] = TableContextSetItemColumnCheckDisabled;
-    $[176] = TableContextSetItemColumnChecked;
-    $[177] = TableContextSetItemColumnCommands;
-    $[178] = TableContextSetMenuOpen;
-    $[179] = className;
-    $[180] = containerHeightDetector;
-    $[181] = contentContainerStyle_0;
-    $[182] = finalColumns;
-    $[183] = fullHeight;
-    $[184] = handleDragEnd;
-    $[185] = handlePageChange;
-    $[186] = menuOpen;
-    $[187] = openMenuId;
-    $[188] = pagination === null || pagination === void 0 ? void 0 : pagination.className;
-    $[189] = pagination === null || pagination === void 0 ? void 0 : pagination.style;
-    $[190] = pagination === null || pagination === void 0 ? void 0 : pagination.sx;
-    $[191] = paging;
-    $[192] = pagingAlign;
-    $[193] = pagingHeightResizeDetector;
-    $[194] = pagingStyle_0;
-    $[195] = progressiveVisible;
-    $[196] = sensors;
-    $[197] = showEvenColor;
-    $[198] = showOddColor;
-    $[199] = sortable$1;
-    $[200] = stickyHeader;
-    $[201] = style_0;
-    $[202] = sx;
-    $[203] = tableBody;
-    $[204] = tableFooter;
-    $[205] = tableStyle_0;
-    $[206] = tableSx_0;
-    $[207] = tableTopHead;
-    $[208] = t74;
-  } else {
-    t74 = $[208];
-  }
-  return t74;
+    $[162] = TableContextSetHeadColumnChecked;
+    $[163] = TableContextSetHeadColumnCommands;
+    $[164] = TableContextSetItemColumnCheckDisabled;
+    $[165] = TableContextSetItemColumnChecked;
+    $[166] = TableContextSetItemColumnCommands;
+    $[167] = TableContextSetMenuOpen;
+    $[168] = className;
+    $[169] = containerHeightDetector;
+    $[170] = contentContainerStyle_0;
+    $[171] = finalColumns;
+    $[172] = fullHeight;
+    $[173] = handleDragEnd;
+    $[174] = handlePageChange;
+    $[175] = menuOpen;
+    $[176] = openMenuId;
+    $[177] = pagination === null || pagination === void 0 ? void 0 : pagination.className;
+    $[178] = pagination === null || pagination === void 0 ? void 0 : pagination.style;
+    $[179] = pagination === null || pagination === void 0 ? void 0 : pagination.sx;
+    $[180] = paging;
+    $[181] = pagingAlign;
+    $[182] = pagingHeightResizeDetector;
+    $[183] = pagingStyle_0;
+    $[184] = progressiveVisible;
+    $[185] = sensors;
+    $[186] = showEvenColor;
+    $[187] = showOddColor;
+    $[188] = sortable$1;
+    $[189] = stickyHeader;
+    $[190] = style_0;
+    $[191] = sx;
+    $[192] = tableBody;
+    $[193] = tableFooter;
+    $[194] = tableStyle_0;
+    $[195] = tableSx_0;
+    $[196] = tableTopHead;
+    $[197] = t69;
+  } else {
+    t69 = $[197];
+  }
+  return t69;
 }
 function _temp$1(col) {
   if (col.id) {
@@ -4485,7 +4337,7 @@ var deHash = function deHash() {
   });
   return values;
 };function PSearchTable(t0) {
-  var $ = compilerRuntime.c(80);
+  var $ = compilerRuntime.c(79);
   var ref = t0.ref,
     className = t0.className,
     initStyle = t0.style,
@@ -4820,31 +4672,20 @@ var deHash = function deHash() {
   } else {
     t15 = $[26];
   }
-  var effectEvent = React.useEffectEvent(t15);
   var t16;
-  if ($[27] !== effectEvent) {
-    t16 = function t16() {
-      effectEvent();
-    };
-    $[27] = effectEvent;
-    $[28] = t16;
+  if ($[27] !== hash || $[28] !== location.hash || $[29] !== location.pathname) {
+    t16 = [hash, location.pathname, location.hash];
+    $[27] = hash;
+    $[28] = location.hash;
+    $[29] = location.pathname;
+    $[30] = t16;
   } else {
-    t16 = $[28];
+    t16 = $[30];
   }
+  reactHook.useEventEffect(t15, t16);
   var t17;
-  if ($[29] !== hash || $[30] !== location.hash || $[31] !== location.pathname) {
-    t17 = [hash, location.pathname, location.hash];
-    $[29] = hash;
-    $[30] = location.hash;
-    $[31] = location.pathname;
-    $[32] = t17;
-  } else {
-    t17 = $[32];
-  }
-  React.useEffect(t16, t17);
-  var t18;
-  if ($[33] !== getData || $[34] !== onRequestHashChangeRef) {
-    t18 = function t18(params) {
+  if ($[31] !== getDataRef || $[32] !== location.hash || $[33] !== onRequestHashChangeRef) {
+    t17 = function t17(params) {
       if (onRequestHashChangeRef.current) {
         var hashes = [];
         Object.keys(params).forEach(function (name_0) {
@@ -4858,7 +4699,7 @@ var deHash = function deHash() {
               var itemCommands_0 = searchRef.current.getItem(name_0);
               if (itemCommands_0) {
                 var resetValue = null;
-                bb222: switch (itemCommands_0.getType()) {
+                bb221: switch (itemCommands_0.getType()) {
                   case "PFormDateRangePicker":
                   case "PFormYearRangePicker":
                     {
@@ -4875,7 +4716,7 @@ var deHash = function deHash() {
                           resetValue = searchRef.current.getFormReset(itemName_1, toSuffix);
                         }
                       }
-                      break bb222;
+                      break bb221;
                     }
                   case "PFormMonthPicker":
                     {
@@ -4892,7 +4733,7 @@ var deHash = function deHash() {
                           resetValue = searchRef.current.getFormReset(itemName_0, monthSuffix);
                         }
                       }
-                      break bb222;
+                      break bb221;
                     }
                   case "PFormMonthRangePicker":
                     {
@@ -4921,7 +4762,7 @@ var deHash = function deHash() {
                           }
                         }
                       }
-                      break bb222;
+                      break bb221;
                     }
                   default:
                     {
@@ -4936,23 +4777,24 @@ var deHash = function deHash() {
           }
         });
         var finalHash = hashes.join("&");
-        if (window.location.hash.substring(1) === finalHash) {
-          getData(params);
+        if (location.hash.substring(1) === finalHash) {
+          getDataRef.current(params);
         } else {
           onRequestHashChangeRef.current(hashes.join("&"));
         }
       }
     };
-    $[33] = getData;
-    $[34] = onRequestHashChangeRef;
-    $[35] = t18;
+    $[31] = getDataRef;
+    $[32] = location.hash;
+    $[33] = onRequestHashChangeRef;
+    $[34] = t17;
   } else {
-    t18 = $[35];
+    t17 = $[34];
   }
-  var hashChange = t18;
-  var t19;
-  if ($[36] !== getData || $[37] !== hash || $[38] !== hashChange) {
-    t19 = function t19(page_0) {
+  var hashChange = t17;
+  var t18;
+  if ($[35] !== getData || $[36] !== hash || $[37] !== hashChange) {
+    t18 = function t18(page_0) {
       var _searchRef$current4;
       (_searchRef$current4 = searchRef.current) === null || _searchRef$current4 === void 0 || _searchRef$current4.setValue("page", page_0);
       var finalData_0;
@@ -4969,17 +4811,17 @@ var deHash = function deHash() {
         getData(finalData_0 || {});
       }
     };
-    $[36] = getData;
-    $[37] = hash;
-    $[38] = hashChange;
-    $[39] = t19;
+    $[35] = getData;
+    $[36] = hash;
+    $[37] = hashChange;
+    $[38] = t18;
   } else {
-    t19 = $[39];
+    t18 = $[38];
   }
-  var handlePageChange = t19;
-  var t20;
-  if ($[40] !== getData || $[41] !== hash || $[42] !== hashChange || $[43] !== isFirstSearchSubmit) {
-    t20 = function t20(data_1) {
+  var handlePageChange = t18;
+  var t19;
+  if ($[39] !== getData || $[40] !== hash || $[41] !== hashChange || $[42] !== isFirstSearchSubmit) {
+    t19 = function t19(data_1) {
       var _tableRef$current2;
       (_tableRef$current2 = tableRef.current) === null || _tableRef$current2 === void 0 || _tableRef$current2.scrollToTop();
       if (isFirstSearchSubmit) {
@@ -5000,29 +4842,29 @@ var deHash = function deHash() {
         }
       }
     };
-    $[40] = getData;
-    $[41] = hash;
-    $[42] = hashChange;
-    $[43] = isFirstSearchSubmit;
-    $[44] = t20;
+    $[39] = getData;
+    $[40] = hash;
+    $[41] = hashChange;
+    $[42] = isFirstSearchSubmit;
+    $[43] = t19;
   } else {
-    t20 = $[44];
+    t19 = $[43];
   }
-  var handleSearchSubmit = t20;
-  var t21 = searchInfo.searchGroups ? undefined : "none";
-  var t22;
-  if ($[45] !== t21) {
-    t22 = {
-      display: t21
+  var handleSearchSubmit = t19;
+  var t20 = searchInfo.searchGroups ? undefined : "none";
+  var t21;
+  if ($[44] !== t20) {
+    t21 = {
+      display: t20
     };
+    $[44] = t20;
     $[45] = t21;
-    $[46] = t22;
   } else {
-    t22 = $[46];
+    t21 = $[45];
   }
-  var t23;
-  if ($[47] !== searchInfo) {
-    t23 = function t23(commands_3) {
+  var t22;
+  if ($[46] !== searchInfo) {
+    t22 = function t22(commands_3) {
       if (searchInfo.ref) {
         if (typeof searchInfo.ref === "function") {
           searchInfo.ref(commands_3);
@@ -5038,58 +4880,58 @@ var deHash = function deHash() {
       }
       searchRef.current = commands_3 || undefined;
     };
-    $[47] = searchInfo;
-    $[48] = t23;
+    $[46] = searchInfo;
+    $[47] = t22;
   } else {
-    t23 = $[48];
+    t22 = $[47];
   }
-  var t24;
-  if ($[49] === Symbol["for"]("react.memo_cache_sentinel")) {
-    t24 = /*#__PURE__*/React.createElement(reactForm.PSearchGroup, {
+  var t23;
+  if ($[48] === Symbol["for"]("react.memo_cache_sentinel")) {
+    t23 = /*#__PURE__*/React.createElement(reactForm.PSearchGroup, {
       hidden: true
     }, /*#__PURE__*/React.createElement(reactForm.PFormHidden, {
       name: "page",
       value: 1
     }));
-    $[49] = t24;
+    $[48] = t23;
   } else {
-    t24 = $[49];
+    t23 = $[48];
   }
-  var t25;
-  if ($[50] !== color || $[51] !== handleSearchSubmit || $[52] !== searchInfo.props || $[53] !== searchInfo.searchGroups || $[54] !== t23) {
-    t25 = /*#__PURE__*/React.createElement(reactForm.PSearch, _extends({
+  var t24;
+  if ($[49] !== color || $[50] !== handleSearchSubmit || $[51] !== searchInfo.props || $[52] !== searchInfo.searchGroups || $[53] !== t22) {
+    t24 = /*#__PURE__*/React.createElement(reactForm.PSearch, _extends({
       color: color
     }, searchInfo.props, {
-      ref: t23,
+      ref: t22,
       autoSubmit: true,
       onSubmit: handleSearchSubmit
-    }), t24, searchInfo.searchGroups);
-    $[50] = color;
-    $[51] = handleSearchSubmit;
-    $[52] = searchInfo.props;
-    $[53] = searchInfo.searchGroups;
-    $[54] = t23;
-    $[55] = t25;
+    }), t23, searchInfo.searchGroups);
+    $[49] = color;
+    $[50] = handleSearchSubmit;
+    $[51] = searchInfo.props;
+    $[52] = searchInfo.searchGroups;
+    $[53] = t22;
+    $[54] = t24;
   } else {
-    t25 = $[55];
+    t24 = $[54];
   }
-  var t26;
-  if ($[56] !== t22 || $[57] !== t25) {
-    t26 = /*#__PURE__*/React.createElement(material.Grid, {
-      sx: t22
-    }, t25);
-    $[56] = t22;
+  var t25;
+  if ($[55] !== t21 || $[56] !== t24) {
+    t25 = /*#__PURE__*/React.createElement(material.Grid, {
+      sx: t21
+    }, t24);
+    $[55] = t21;
+    $[56] = t24;
     $[57] = t25;
-    $[58] = t26;
   } else {
-    t26 = $[58];
+    t25 = $[57];
   }
-  var searchView = t26;
-  var t27;
-  if ($[59] !== fullHeight || $[60] !== handlePageChange || $[61] !== stickyHeader || $[62] !== (tableData === null || tableData === void 0 ? void 0 : tableData.items) || $[63] !== (tableData === null || tableData === void 0 ? void 0 : tableData.paging) || $[64] !== tableInfo) {
+  var searchView = t25;
+  var t26;
+  if ($[58] !== fullHeight || $[59] !== handlePageChange || $[60] !== stickyHeader || $[61] !== (tableData === null || tableData === void 0 ? void 0 : tableData.items) || $[62] !== (tableData === null || tableData === void 0 ? void 0 : tableData.paging) || $[63] !== tableInfo) {
     tableData === null || tableData === void 0 || tableData.items;
     tableData === null || tableData === void 0 || tableData.paging;
-    t27 = function (_tableInfo$props, _tableInfo$props2) {
+    t26 = function (_tableInfo$props, _tableInfo$props2) {
       return /*#__PURE__*/React.createElement(material.Grid, {
         style: fullHeight ? {
           flex: 1,
@@ -5114,66 +4956,66 @@ var deHash = function deHash() {
         onPageChange: handlePageChange
       })));
     }();
-    $[59] = fullHeight;
-    $[60] = handlePageChange;
-    $[61] = stickyHeader;
-    $[62] = tableData === null || tableData === void 0 ? void 0 : tableData.items;
-    $[63] = tableData === null || tableData === void 0 ? void 0 : tableData.paging;
-    $[64] = tableInfo;
-    $[65] = t27;
+    $[58] = fullHeight;
+    $[59] = handlePageChange;
+    $[60] = stickyHeader;
+    $[61] = tableData === null || tableData === void 0 ? void 0 : tableData.items;
+    $[62] = tableData === null || tableData === void 0 ? void 0 : tableData.paging;
+    $[63] = tableInfo;
+    $[64] = t26;
   } else {
-    t27 = $[65];
+    t26 = $[64];
   }
-  var tableView = t27;
-  var t28;
-  if ($[66] !== className) {
-    t28 = classNames("PSearchTable", className);
-    $[66] = className;
-    $[67] = t28;
+  var tableView = t26;
+  var t27;
+  if ($[65] !== className) {
+    t27 = classNames("PSearchTable", className);
+    $[65] = className;
+    $[66] = t27;
   } else {
-    t28 = $[67];
+    t27 = $[66];
   }
-  var t29;
-  if ($[68] !== fullHeight || $[69] !== initStyle) {
-    t29 = fullHeight ? _objectSpread2(_objectSpread2({}, initStyle), {}, {
+  var t28;
+  if ($[67] !== fullHeight || $[68] !== initStyle) {
+    t28 = fullHeight ? _objectSpread2(_objectSpread2({}, initStyle), {}, {
       flex: 1,
       display: "flex"
     }) : initStyle;
-    $[68] = fullHeight;
-    $[69] = initStyle;
-    $[70] = t29;
+    $[67] = fullHeight;
+    $[68] = initStyle;
+    $[69] = t28;
   } else {
-    t29 = $[70];
+    t28 = $[69];
   }
-  var t30;
-  if ($[71] !== betweenSearchTableComponent) {
-    t30 = betweenSearchTableComponent && /*#__PURE__*/React.createElement(material.Grid, null, betweenSearchTableComponent);
-    $[71] = betweenSearchTableComponent;
-    $[72] = t30;
+  var t29;
+  if ($[70] !== betweenSearchTableComponent) {
+    t29 = betweenSearchTableComponent && /*#__PURE__*/React.createElement(material.Grid, null, betweenSearchTableComponent);
+    $[70] = betweenSearchTableComponent;
+    $[71] = t29;
   } else {
-    t30 = $[72];
+    t29 = $[71];
   }
-  var t31;
-  if ($[73] !== searchView || $[74] !== sx || $[75] !== t28 || $[76] !== t29 || $[77] !== t30 || $[78] !== tableView) {
-    t31 = /*#__PURE__*/React.createElement(material.Grid, {
+  var t30;
+  if ($[72] !== searchView || $[73] !== sx || $[74] !== t27 || $[75] !== t28 || $[76] !== t29 || $[77] !== tableView) {
+    t30 = /*#__PURE__*/React.createElement(material.Grid, {
       container: true,
       direction: "column",
       spacing: 1,
-      className: t28,
-      style: t29,
+      className: t27,
+      style: t28,
       sx: sx
-    }, searchView, t30, tableView);
-    $[73] = searchView;
-    $[74] = sx;
+    }, searchView, t29, tableView);
+    $[72] = searchView;
+    $[73] = sx;
+    $[74] = t27;
     $[75] = t28;
     $[76] = t29;
-    $[77] = t30;
-    $[78] = tableView;
-    $[79] = t31;
+    $[77] = tableView;
+    $[78] = t30;
   } else {
-    t31 = $[79];
+    t30 = $[78];
   }
-  return t31;
+  return t30;
 }var _excluded$1 = ["children", "className", "sx", "variant", "color", "startIcon", "endIcon", "onClick"];
 var PTableButton = function PTableButton(t0) {
   var $ = compilerRuntime.c(25);
@@ -5270,7 +5112,7 @@ var PTableButton = function PTableButton(t0) {
   return t6;
 };var _excluded = ["ref", "children", "className", "sx", "color", "variant", "startIcon", "placement", "inModal", "zIndex", "menuList"];
 var PTableMenuButton = function PTableMenuButton(t0) {
-  var $ = compilerRuntime.c(84);
+  var $ = compilerRuntime.c(78);
   var children;
   var className;
   var inModal;
@@ -5342,46 +5184,28 @@ var PTableMenuButton = function PTableMenuButton(t0) {
     open = _useState4[0],
     setOpen = _useState4[1];
   var t4;
+  var t5;
   if ($[13] !== menuId || $[14] !== menuOpen || $[15] !== open || $[16] !== openMenuId) {
     t4 = function t4() {
       if (open && menuOpen && openMenuId !== menuId) {
         setOpen(false);
       }
     };
+    t5 = [menuId, menuOpen, open, openMenuId];
     $[13] = menuId;
     $[14] = menuOpen;
     $[15] = open;
     $[16] = openMenuId;
     $[17] = t4;
+    $[18] = t5;
   } else {
     t4 = $[17];
+    t5 = $[18];
   }
-  var effectEvent = React.useEffectEvent(t4);
-  var t5;
-  if ($[18] !== effectEvent) {
-    t5 = function t5() {
-      effectEvent();
-    };
-    $[18] = effectEvent;
-    $[19] = t5;
-  } else {
-    t5 = $[19];
-  }
+  reactHook.useFirstSkipChanged(t4, t5);
   var t6;
-  if ($[20] !== menuId || $[21] !== menuOpen || $[22] !== open || $[23] !== openMenuId) {
-    t6 = [menuId, menuOpen, open, openMenuId];
-    $[20] = menuId;
-    $[21] = menuOpen;
-    $[22] = open;
-    $[23] = openMenuId;
-    $[24] = t6;
-  } else {
-    t6 = $[24];
-  }
-  React.useEffect(t5, t6);
-  var t7;
-  if ($[25] !== menuId || $[26] !== open || $[27] !== setMenuOpen) {
-    t7 = function t7() {
+  if ($[19] !== menuId || $[20] !== open || $[21] !== setMenuOpen) {
+    t6 = function t6() {
       setOpen(_temp);
       if (!open) {
         setMenuOpen(true, menuId);
@@ -5389,33 +5213,33 @@ var PTableMenuButton = function PTableMenuButton(t0) {
         setMenuOpen(false, menuId);
       }
     };
-    $[25] = menuId;
-    $[26] = open;
-    $[27] = setMenuOpen;
-    $[28] = t7;
+    $[19] = menuId;
+    $[20] = open;
+    $[21] = setMenuOpen;
+    $[22] = t6;
   } else {
-    t7 = $[28];
+    t6 = $[22];
   }
-  var handleClick = t7;
-  var t8;
-  if ($[29] !== menuId || $[30] !== open || $[31] !== setMenuOpen) {
-    t8 = function t8() {
+  var handleClick = t6;
+  var t7;
+  if ($[23] !== menuId || $[24] !== open || $[25] !== setMenuOpen) {
+    t7 = function t7() {
       if (open) {
         setOpen(false);
         setMenuOpen(false, menuId);
       }
     };
-    $[29] = menuId;
-    $[30] = open;
-    $[31] = setMenuOpen;
-    $[32] = t8;
+    $[23] = menuId;
+    $[24] = open;
+    $[25] = setMenuOpen;
+    $[26] = t7;
   } else {
-    t8 = $[32];
+    t7 = $[26];
   }
-  var handleClose = t8;
-  var t9;
-  if ($[33] !== menuId || $[34] !== open || $[35] !== setMenuOpen) {
-    t9 = function t9(event) {
+  var handleClose = t7;
+  var t8;
+  if ($[27] !== menuId || $[28] !== open || $[29] !== setMenuOpen) {
+    t8 = function t8(event) {
       if (event.key === "Tab") {
         event.preventDefault();
         if (open) {
@@ -5431,18 +5255,18 @@ var PTableMenuButton = function PTableMenuButton(t0) {
         }
       }
     };
-    $[33] = menuId;
-    $[34] = open;
-    $[35] = setMenuOpen;
-    $[36] = t9;
+    $[27] = menuId;
+    $[28] = open;
+    $[29] = setMenuOpen;
+    $[30] = t8;
   } else {
-    t9 = $[36];
+    t8 = $[30];
   }
-  var handleListKeyDown = t9;
-  var t10;
-  if ($[37] !== buttonId || $[38] !== handleClose || $[39] !== handleListKeyDown || $[40] !== menuId || $[41] !== menuList || $[42] !== open) {
+  var handleListKeyDown = t8;
+  var t9;
+  if ($[31] !== buttonId || $[32] !== handleClose || $[33] !== handleListKeyDown || $[34] !== menuId || $[35] !== menuList || $[36] !== open) {
     var _t2;
-    if ($[44] !== buttonId || $[45] !== handleClose || $[46] !== handleListKeyDown || $[47] !== menuId || $[48] !== open) {
+    if ($[38] !== buttonId || $[39] !== handleClose || $[40] !== handleListKeyDown || $[41] !== menuId || $[42] !== open) {
       _t2 = {
         autoFocusItem: open,
         id: menuId,
@@ -5450,31 +5274,31 @@ var PTableMenuButton = function PTableMenuButton(t0) {
         onKeyDown: handleListKeyDown,
         onClick: handleClose
       };
-      $[44] = buttonId;
-      $[45] = handleClose;
-      $[46] = handleListKeyDown;
-      $[47] = menuId;
-      $[48] = open;
-      $[49] = _t2;
+      $[38] = buttonId;
+      $[39] = handleClose;
+      $[40] = handleListKeyDown;
+      $[41] = menuId;
+      $[42] = open;
+      $[43] = _t2;
     } else {
-      _t2 = $[49];
+      _t2 = $[43];
     }
-    t10 = /*#__PURE__*/React.cloneElement(menuList, _t2);
-    $[37] = buttonId;
-    $[38] = handleClose;
-    $[39] = handleListKeyDown;
-    $[40] = menuId;
-    $[41] = menuList;
-    $[42] = open;
-    $[43] = t10;
-  } else {
-    t10 = $[43];
-  }
-  var finalMenuList = t10;
+    t9 = /*#__PURE__*/React.cloneElement(menuList, _t2);
+    $[31] = buttonId;
+    $[32] = handleClose;
+    $[33] = handleListKeyDown;
+    $[34] = menuId;
+    $[35] = menuList;
+    $[36] = open;
+    $[37] = t9;
+  } else {
+    t9 = $[37];
+  }
+  var finalMenuList = t9;
   var icon = !startIcon && !children ? "MoreVert" : undefined;
-  var t11;
-  if ($[50] !== ref) {
-    t11 = function t11(r) {
+  var t10;
+  if ($[44] !== ref) {
+    t10 = function t10(r) {
       if (ref) {
         if (typeof ref === "function") {
           ref(r);
@@ -5484,83 +5308,83 @@ var PTableMenuButton = function PTableMenuButton(t0) {
       }
       setAnchorEl(r);
     };
-    $[50] = ref;
-    $[51] = t11;
+    $[44] = ref;
+    $[45] = t10;
   } else {
-    t11 = $[51];
+    t10 = $[45];
   }
-  var t12 = open ? menuId : undefined;
-  var t13 = open ? "true" : undefined;
-  var t14;
-  if ($[52] !== className) {
-    t14 = classNames(className, "PTableMenuButton");
-    $[52] = className;
-    $[53] = t14;
+  var t11 = open ? menuId : undefined;
+  var t12 = open ? "true" : undefined;
+  var t13;
+  if ($[46] !== className) {
+    t13 = classNames(className, "PTableMenuButton");
+    $[46] = className;
+    $[47] = t13;
   } else {
-    t14 = $[53];
+    t13 = $[47];
   }
-  var t15 = !children ? 0.7 : icon || startIcon ? 0.7 : variant === "text" ? 1.2 : 0.7;
-  var t16;
-  if ($[54] !== initSx || $[55] !== t15) {
-    t16 = _objectSpread2({
+  var t14 = !children ? 0.7 : icon || startIcon ? 0.7 : variant === "text" ? 1.2 : 0.7;
+  var t15;
+  if ($[48] !== initSx || $[49] !== t14) {
+    t15 = _objectSpread2({
       minWidth: 0,
-      pl: t15
+      pl: t14
     }, initSx);
-    $[54] = initSx;
-    $[55] = t15;
-    $[56] = t16;
+    $[48] = initSx;
+    $[49] = t14;
+    $[50] = t15;
   } else {
-    t16 = $[56];
+    t15 = $[50];
   }
-  var t17;
-  if ($[57] !== buttonId || $[58] !== children || $[59] !== color || $[60] !== handleClick || $[61] !== icon || $[62] !== props || $[63] !== t11 || $[64] !== t12 || $[65] !== t13 || $[66] !== t14 || $[67] !== t16 || $[68] !== variant) {
-    t17 = /*#__PURE__*/React.createElement(reactComponent.PButton, _extends({
-      ref: t11,
+  var t16;
+  if ($[51] !== buttonId || $[52] !== children || $[53] !== color || $[54] !== handleClick || $[55] !== icon || $[56] !== props || $[57] !== t10 || $[58] !== t11 || $[59] !== t12 || $[60] !== t13 || $[61] !== t15 || $[62] !== variant) {
+    t16 = /*#__PURE__*/React.createElement(reactComponent.PButton, _extends({
+      ref: t10,
       id: buttonId,
       variant: variant,
-      "aria-controls": t12,
-      "aria-expanded": t13,
+      "aria-controls": t11,
+      "aria-expanded": t12,
       "aria-haspopup": "true",
-      className: t14,
+      className: t13,
       type: "button",
       size: "small",
-      sx: t16,
+      sx: t15,
       color: color,
       startIcon: icon,
       onClick: handleClick
     }, props), children);
-    $[57] = buttonId;
-    $[58] = children;
-    $[59] = color;
-    $[60] = handleClick;
-    $[61] = icon;
-    $[62] = props;
-    $[63] = t11;
-    $[64] = t12;
-    $[65] = t13;
-    $[66] = t14;
-    $[67] = t16;
-    $[68] = variant;
-    $[69] = t17;
-  } else {
-    t17 = $[69];
-  }
-  var t18 = inModal ? zIndex === undefined ? 1301 : zIndex : zIndex;
-  var t19;
-  if ($[70] !== t18) {
-    t19 = {
-      zIndex: t18
+    $[51] = buttonId;
+    $[52] = children;
+    $[53] = color;
+    $[54] = handleClick;
+    $[55] = icon;
+    $[56] = props;
+    $[57] = t10;
+    $[58] = t11;
+    $[59] = t12;
+    $[60] = t13;
+    $[61] = t15;
+    $[62] = variant;
+    $[63] = t16;
+  } else {
+    t16 = $[63];
+  }
+  var t17 = inModal ? zIndex === undefined ? 1301 : zIndex : zIndex;
+  var t18;
+  if ($[64] !== t17) {
+    t18 = {
+      zIndex: t17
     };
-    $[70] = t18;
-    $[71] = t19;
+    $[64] = t17;
+    $[65] = t18;
   } else {
-    t19 = $[71];
+    t18 = $[65];
   }
-  var t20;
-  if ($[72] !== finalMenuList || $[73] !== handleClose) {
-    t20 = function t20(t21) {
-      var TransitionProps = t21.TransitionProps,
-        placement_0 = t21.placement;
+  var t19;
+  if ($[66] !== finalMenuList || $[67] !== handleClose) {
+    t19 = function t19(t20) {
+      var TransitionProps = t20.TransitionProps,
+        placement_0 = t20.placement;
       var placements = placement_0.split("-");
       var transformOrigin;
       if (placements[0] === "left") {
@@ -5588,42 +5412,42 @@ var PTableMenuButton = function PTableMenuButton(t0) {
         onClickAway: handleClose
       }, finalMenuList)));
     };
-    $[72] = finalMenuList;
-    $[73] = handleClose;
-    $[74] = t20;
+    $[66] = finalMenuList;
+    $[67] = handleClose;
+    $[68] = t19;
   } else {
-    t20 = $[74];
+    t19 = $[68];
   }
-  var t21;
-  if ($[75] !== anchorEl || $[76] !== open || $[77] !== placement || $[78] !== t19 || $[79] !== t20) {
-    t21 = /*#__PURE__*/React.createElement(material.Popper, {
+  var t20;
+  if ($[69] !== anchorEl || $[70] !== open || $[71] !== placement || $[72] !== t18 || $[73] !== t19) {
+    t20 = /*#__PURE__*/React.createElement(material.Popper, {
       className: "PTableMenuButton-Popper",
       open: open,
       anchorEl: anchorEl,
       role: undefined,
       placement: placement,
       transition: true,
-      style: t19
-    }, t20);
-    $[75] = anchorEl;
-    $[76] = open;
-    $[77] = placement;
-    $[78] = t19;
-    $[79] = t20;
-    $[80] = t21;
+      style: t18
+    }, t19);
+    $[69] = anchorEl;
+    $[70] = open;
+    $[71] = placement;
+    $[72] = t18;
+    $[73] = t19;
+    $[74] = t20;
   } else {
-    t21 = $[80];
+    t20 = $[74];
   }
-  var t22;
-  if ($[81] !== t17 || $[82] !== t21) {
-    t22 = /*#__PURE__*/React.createElement("span", null, t17, t21);
-    $[81] = t17;
-    $[82] = t21;
-    $[83] = t22;
+  var t21;
+  if ($[75] !== t16 || $[76] !== t20) {
+    t21 = /*#__PURE__*/React.createElement("span", null, t16, t20);
+    $[75] = t16;
+    $[76] = t20;
+    $[77] = t21;
   } else {
-    t22 = $[83];
+    t21 = $[77];
   }
-  return t22;
+  return t21;
 };
 function _temp(old) {
   return !old;