@pdg/react-table 1.2.4 → 1.2.6

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-import {c}from'react/compiler-runtime';import*as React from'react';import React__default,{useRef,useState,useCallback,useEffect,createContext,useContext,useEffectEvent,useLayoutEffect,useId}from'react';import classNames from'classnames';import {styled,Box,IconButton,Grid,Stack,TableRow,lighten,TableCell,Pagination,Checkbox,useTheme,TableHead,Tooltip,TableBody,Icon,TableFooter,Paper,Table,Grow,ClickAwayListener,Popper}from'@mui/material';import dayjs from'dayjs';import {notEmpty,empty,ifUndefined,equal}from'@pdg/compare';import {formatPersonalNo,formatBusinessNo,formatTelNo,formatNumber}from'@pdg/formatting';import {PIcon,PCopyToClipboard,PButton}from'@pdg/react-component';import {useAutoUpdateRef,useChanged,useForwardRef}from'@pdg/react-hook';import {PSearch,PSearchGroup,PFormHidden}from'@pdg/react-form';import {useSensors,useSensor,MouseSensor,TouchSensor,KeyboardSensor,DndContext,closestCenter}from'@dnd-kit/core';import {useSortable,SortableContext,verticalListSortingStrategy,sortableKeyboardCoordinates,arrayMove}from'@dnd-kit/sortable';import SimpleBar from'simplebar-react';import {v4}from'uuid';import {useInView}from'react-intersection-observer';import {useLocation}from'react-router';function insertStyle(css) {
+import {c}from'react/compiler-runtime';import*as React from'react';import React__default,{useRef,useState,useCallback,useEffect,createContext,useContext,useId}from'react';import classNames from'classnames';import {styled,Box,IconButton,Grid,Stack,TableRow,lighten,TableCell,Pagination,Checkbox,useTheme,TableHead,Tooltip,TableBody,Icon,TableFooter,Paper,Table,Grow,ClickAwayListener,Popper}from'@mui/material';import dayjs from'dayjs';import {notEmpty,empty,ifUndefined,equal}from'@pdg/compare';import {formatPersonalNo,formatBusinessNo,formatTelNo,formatNumber}from'@pdg/formatting';import {PIcon,PCopyToClipboard,PButton}from'@pdg/react-component';import {useAutoUpdateRef,useChanged,useEventEffect,useFirstSkipChanged,useEventLayoutEffect,useForwardRef}from'@pdg/react-hook';import {PSearch,PSearchGroup,PFormHidden}from'@pdg/react-form';import {useSensors,useSensor,MouseSensor,TouchSensor,KeyboardSensor,DndContext,closestCenter}from'@dnd-kit/core';import {useSortable,SortableContext,verticalListSortingStrategy,sortableKeyboardCoordinates,arrayMove}from'@dnd-kit/sortable';import SimpleBar from'simplebar-react';import {v4}from'uuid';import {useInView}from'react-intersection-observer';import {useLocation}from'react-router';function insertStyle(css) {
     if (typeof window === 'undefined')
         return;
     const style = document.createElement('style');
@@ -1408,7 +1408,7 @@ function _temp$4(sx_1) {
     }
   };
 });function PTableHeadCell(t0) {
-  var $ = c(40);
+  var $ = 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 = 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];
   }
+  useChanged(t1, t2);
   var t3;
-  if ($[6] !== checked || $[7] !== column) {
-    t3 = [column, checked];
-    $[6] = checked;
-    $[7] = column;
-    $[8] = t3;
-  } else {
-    t3 = $[8];
-  }
-  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 = useEffectEvent(t4);
+  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];
-  }
-  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__default.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__default.createElement(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__default.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__default.createElement(PTableCommonCell, {
+  var t7;
+  if ($[31] !== column || $[32] !== data || $[33] !== defaultAlign || $[34] !== t6) {
+    t7 = /*#__PURE__*/React__default.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 = 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 = styled(Box)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-wrap: wrap;\n  gap: 5px;\n"])));
 function PTableBodyCell(t0) {
-  var $ = c(107);
+  var $ = 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 = useEffectEvent(t1);
-  var t2;
-  if ($[4] !== effectEvent) {
-    t2 = function t2() {
-      effectEvent();
-    };
-    $[4] = effectEvent;
-    $[5] = t2;
-  } else {
-    t2 = $[5];
-  }
+  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];
   }
-  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 = useEffectEvent(t4);
+  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];
   }
-  useEffect(t5, t6);
+  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 = 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];
-  }
-  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__default.createElement("span", {
                 style: _t
               }, column.numberPrefix);
-              $[42] = column.numberPrefix;
-              $[43] = _t2;
+              $[33] = column.numberPrefix;
+              $[34] = _t2;
             } else {
-              _t2 = $[43];
+              _t2 = $[34];
             }
             newData = /*#__PURE__*/React__default.createElement(React__default.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__default.createElement("span", {
                 style: _t3
               }, column.numberSuffix);
-              $[45] = column.numberSuffix;
-              $[46] = _t4;
+              $[36] = column.numberSuffix;
+              $[37] = _t4;
             } else {
-              _t4 = $[46];
+              _t4 = $[37];
             }
             newData = /*#__PURE__*/React__default.createElement(React__default.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__default.createElement(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__default.createElement(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__default.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__default.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__default.createElement(Tooltip, _extends({
+          var t14;
+          if ($[53] !== column.tooltipProps || $[54] !== img || $[55] !== placement || $[56] !== _t11) {
+            t14 = /*#__PURE__*/React__default.createElement(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__default.createElement("a", {
+          var t15;
+          if ($[58] !== _t0 || $[59] !== _t1 || $[60] !== t14) {
+            t15 = /*#__PURE__*/React__default.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__default.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__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("span", null, dt_1.format("YYYY-MM-DD")), _t12, /*#__PURE__*/React__default.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__default.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__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("span", null, dt_0.format("YYYY-MM-DD")), _t14, /*#__PURE__*/React__default.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__default.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__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("span", null, dt.format("YYYY-MM-DD")), _t16, /*#__PURE__*/React__default.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__default.isValidElement(newData) ? newData.type === React__default.Fragment ? /*#__PURE__*/React__default.createElement("span", null, newData) : newData : /*#__PURE__*/React__default.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__default.createElement(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__default.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__default.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 $ = c(31);
+  var $ = c(29);
   var items = t0.items,
     baseIndex = t0.baseIndex,
     columns = t0.columns,
@@ -2815,29 +2755,18 @@ function PTableBodyRow(t0) {
   } else {
     t2 = $[3];
   }
-  var effectEvent = 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];
   }
+  useEventEffect(t2, t3);
   var t4;
-  if ($[6] !== progressiveVisible) {
-    t4 = [progressiveVisible];
-    $[6] = progressiveVisible;
-    $[7] = t4;
-  } else {
-    t4 = $[7];
-  }
-  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__default.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__default.createElement(React__default.Fragment, null, renderItems);
+    $[27] = renderItems;
     $[28] = t5;
   } else {
     t5 = $[28];
   }
-  var renderItems = t5;
-  var t6;
-  if ($[29] !== renderItems) {
-    t6 = /*#__PURE__*/React__default.createElement(React__default.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 $ = c(200);
+  var $ = c(198);
   var ref = t0.ref,
     className = t0.className,
     initStyle = t0.style,
@@ -3215,12 +3144,9 @@ function PTable(t0) {
   var finalColumnsRef = 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 = 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;
@@ -3252,65 +3175,98 @@ function PTable(t0) {
     _useState14 = _slicedToArray(_useState13, 2),
     columns = _useState14[0],
     _setColumns = _useState14[1];
-  useChanged(initColumns) && _setColumns(initColumns);
-  var columnsRef = useAutoUpdateRef(columns);
   var t12;
-  if ($[10] !== columnsRef) {
-    t12 = function t12(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;
-      });
+  var t13;
+  if ($[10] !== initColumns) {
+    t12 = function t12() {
+      return _setColumns(initColumns);
     };
-    $[10] = columnsRef;
+    t13 = [initColumns];
+    $[10] = initColumns;
     $[11] = t12;
+    $[12] = t13;
   } else {
     t12 = $[11];
+    t13 = $[12];
   }
-  var setColumns = t12;
+  useFirstSkipChanged(t12, t13);
+  var columnsRef = useAutoUpdateRef(columns);
+  var t14;
+  if ($[13] !== columnsRef) {
+    t14 = function t14(newValue_1) {
+      _setColumns(newValue_1);
+      columnsRef.current = newValue_1;
+    };
+    $[13] = columnsRef;
+    $[14] = t14;
+  } else {
+    t14 = $[14];
+  }
+  var setColumns = t14;
   var _useState15 = useState(initItems),
     _useState16 = _slicedToArray(_useState15, 2),
     items = _useState16[0],
     _setItems = _useState16[1];
-  useChanged(initItems) && _setItems(initItems);
+  var t15;
+  var t16;
+  if ($[15] !== initItems) {
+    t15 = function t15() {
+      return _setItems(initItems);
+    };
+    t16 = [initItems];
+    $[15] = initItems;
+    $[16] = t15;
+    $[17] = t16;
+  } else {
+    t15 = $[16];
+    t16 = $[17];
+  }
+  useFirstSkipChanged(t15, t16);
   var itemsRef = useAutoUpdateRef(items);
-  var t13;
-  if ($[12] !== itemsRef) {
-    t13 = function t13(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;
-      });
+  var t17;
+  if ($[18] !== itemsRef) {
+    t17 = function t17(newValue_2) {
+      _setItems(newValue_2);
+      itemsRef.current = newValue_2;
     };
-    $[12] = itemsRef;
-    $[13] = t13;
+    $[18] = itemsRef;
+    $[19] = t17;
   } else {
-    t13 = $[13];
+    t17 = $[19];
   }
-  var setItems = t13;
+  var setItems = t17;
   var _useState17 = useState(initPaging),
     _useState18 = _slicedToArray(_useState17, 2),
     paging = _useState18[0],
     _setPaging = _useState18[1];
-  useChanged(initPaging) && _setPaging(initPaging);
+  var t18;
+  var t19;
+  if ($[20] !== initPaging) {
+    t18 = function t18() {
+      return _setPaging(initPaging);
+    };
+    t19 = [initPaging];
+    $[20] = initPaging;
+    $[21] = t18;
+    $[22] = t19;
+  } else {
+    t18 = $[21];
+    t19 = $[22];
+  }
+  useFirstSkipChanged(t18, t19);
   var pagingRef = useAutoUpdateRef(paging);
-  var t14;
-  if ($[14] !== pagingRef) {
-    t14 = function t14(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;
-      });
+  var t20;
+  if ($[23] !== pagingRef) {
+    t20 = function t20(newValue_3) {
+      _setPaging(newValue_3);
+      pagingRef.current = newValue_3;
     };
-    $[14] = pagingRef;
-    $[15] = t14;
+    $[23] = pagingRef;
+    $[24] = t20;
   } else {
-    t14 = $[15];
+    t20 = $[24];
   }
-  var setPaging = t14;
+  var setPaging = t20;
   var _useResizeDetector = useResizeDetector({
       handleHeight: true,
       handleWidth: false,
@@ -3322,8 +3278,8 @@ function PTable(t0) {
         }
       }
     }),
-    t15 = _useResizeDetector.ref;
-  var containerHeightDetector = t15;
+    t21 = _useResizeDetector.ref;
+  var containerHeightDetector = t21;
   var _useResizeDetector2 = useResizeDetector({
       handleHeight: true,
       handleWidth: false,
@@ -3335,11 +3291,11 @@ function PTable(t0) {
         }
       }
     }),
-    t16 = _useResizeDetector2.ref;
-  var pagingHeightResizeDetector = t16;
-  var t17;
-  if ($[16] !== finalColumnsIdRef || $[17] !== finalColumnsRef) {
-    t17 = function t17(column) {
+    t22 = _useResizeDetector2.ref;
+  var pagingHeightResizeDetector = t22;
+  var t23;
+  if ($[25] !== finalColumnsIdRef || $[26] !== finalColumnsRef) {
+    t23 = function t23(column) {
       if (finalColumnsRef.current && finalColumnsIdRef.current) {
         var idx = finalColumnsRef.current.indexOf(column);
         return finalColumnsIdRef.current[idx];
@@ -3347,16 +3303,16 @@ function PTable(t0) {
         return "";
       }
     };
-    $[16] = finalColumnsIdRef;
-    $[17] = finalColumnsRef;
-    $[18] = t17;
+    $[25] = finalColumnsIdRef;
+    $[26] = finalColumnsRef;
+    $[27] = t23;
   } else {
-    t17 = $[18];
+    t23 = $[27];
   }
-  var getFinalColumnId = t17;
-  var t18;
-  if ($[19] !== getFinalColumnId) {
-    t18 = function t18(column_0) {
+  var getFinalColumnId = t23;
+  var t24;
+  if ($[28] !== getFinalColumnId) {
+    t24 = function t24(column_0) {
       if (updateHeadCheckTimer.current) {
         clearTimeout(updateHeadCheckTimer.current);
         updateHeadCheckTimer.current = undefined;
@@ -3388,15 +3344,15 @@ function PTable(t0) {
         }, 100);
       }
     };
-    $[19] = getFinalColumnId;
-    $[20] = t18;
+    $[28] = getFinalColumnId;
+    $[29] = t24;
   } else {
-    t18 = $[20];
+    t24 = $[29];
   }
-  var updateHeadCheck = t18;
-  var t19;
-  if ($[21] === Symbol["for"]("react.memo_cache_sentinel")) {
-    t19 = function t19(itemKey, itemValue, columnId_0) {
+  var updateHeadCheck = t24;
+  var t25;
+  if ($[30] === Symbol["for"]("react.memo_cache_sentinel")) {
+    t25 = function t25(itemKey, itemValue, columnId_0) {
       var checked = false;
       Object.keys(localBodyDataRef.current).find(function (key_1) {
         var itemData = localBodyDataRef.current[key_1];
@@ -3408,14 +3364,14 @@ function PTable(t0) {
       });
       return checked;
     };
-    $[21] = t19;
+    $[30] = t25;
   } else {
-    t19 = $[21];
+    t25 = $[30];
   }
-  var getChecked = t19;
-  var t20;
-  if ($[22] !== updateHeadCheck) {
-    t20 = function t20(itemKey_0, itemValue_0, columnId_1, checked_0) {
+  var getChecked = t25;
+  var t26;
+  if ($[31] !== updateHeadCheck) {
+    t26 = function t26(itemKey_0, itemValue_0, columnId_1, checked_0) {
       Object.keys(localBodyDataRef.current).find(function (key_2) {
         var itemData_0 = localBodyDataRef.current[key_2];
         if (itemData_0.item[itemKey_0] === itemValue_0) {
@@ -3429,15 +3385,15 @@ function PTable(t0) {
         }
       });
     };
-    $[22] = updateHeadCheck;
-    $[23] = t20;
+    $[31] = updateHeadCheck;
+    $[32] = t26;
   } else {
-    t20 = $[23];
+    t26 = $[32];
   }
-  var setChecked = t20;
-  var t21;
-  if ($[24] !== updateHeadCheck) {
-    t21 = function t21(itemKey_1, itemValue_1, columnId_2) {
+  var setChecked = t26;
+  var t27;
+  if ($[33] !== updateHeadCheck) {
+    t27 = function t27(itemKey_1, itemValue_1, columnId_2) {
       Object.keys(localBodyDataRef.current).forEach(function (key_3) {
         var itemData_1 = localBodyDataRef.current[key_3];
         if (itemData_1.item[itemKey_1] === itemValue_1) {
@@ -3451,15 +3407,15 @@ function PTable(t0) {
         }
       });
     };
-    $[24] = updateHeadCheck;
-    $[25] = t21;
+    $[33] = updateHeadCheck;
+    $[34] = t27;
   } else {
-    t21 = $[25];
+    t27 = $[34];
   }
-  var toggleChecked = t21;
-  var t22;
-  if ($[26] === Symbol["for"]("react.memo_cache_sentinel")) {
-    t22 = function t22(columnId_3, checked_1) {
+  var toggleChecked = t27;
+  var t28;
+  if ($[35] === Symbol["for"]("react.memo_cache_sentinel")) {
+    t28 = function t28(columnId_3, checked_1) {
       var _localHeaderDataRef$c;
       Object.keys(localBodyDataRef.current).forEach(function (key_4) {
         var itemData_2 = localBodyDataRef.current[key_4];
@@ -3471,14 +3427,14 @@ function PTable(t0) {
       });
       (_localHeaderDataRef$c = localHeaderDataRef.current[columnId_3]) === null || _localHeaderDataRef$c === void 0 || (_localHeaderDataRef$c = _localHeaderDataRef$c.commands) === null || _localHeaderDataRef$c === void 0 || _localHeaderDataRef$c.setChecked(checked_1);
     };
-    $[26] = t22;
+    $[35] = t28;
   } else {
-    t22 = $[26];
+    t28 = $[35];
   }
-  var setCheckedAll = t22;
-  var t23;
-  if ($[27] === Symbol["for"]("react.memo_cache_sentinel")) {
-    t23 = function t23(columnId_4) {
+  var setCheckedAll = t28;
+  var t29;
+  if ($[36] === Symbol["for"]("react.memo_cache_sentinel")) {
+    t29 = function t29(columnId_4) {
       var checkedItems = [];
       Object.keys(localBodyDataRef.current).forEach(function (key_5) {
         var itemData_3 = localBodyDataRef.current[key_5];
@@ -3491,27 +3447,27 @@ function PTable(t0) {
       });
       return checkedItems;
     };
-    $[27] = t23;
+    $[36] = t29;
   } else {
-    t23 = $[27];
+    t29 = $[36];
   }
-  var getCheckedItems = t23;
-  var t24;
-  if ($[28] === Symbol["for"]("react.memo_cache_sentinel")) {
-    t24 = function t24() {
+  var getCheckedItems = t29;
+  var t30;
+  if ($[37] === Symbol["for"]("react.memo_cache_sentinel")) {
+    t30 = function t30() {
       if (updateHeadCheckTimer.current) {
         clearTimeout(updateHeadCheckTimer.current);
         updateHeadCheckTimer.current = undefined;
       }
     };
-    $[28] = t24;
+    $[37] = t30;
   } else {
-    t24 = $[28];
+    t30 = $[37];
   }
-  var stopHeadCheckTimer = t24;
-  var t25;
-  if ($[29] === Symbol["for"]("react.memo_cache_sentinel")) {
-    t25 = function t25() {
+  var stopHeadCheckTimer = t30;
+  var t31;
+  if ($[38] === Symbol["for"]("react.memo_cache_sentinel")) {
+    t31 = function t31() {
       Object.keys(fireOnCheckChangeTimer.current).forEach(function (key_6) {
         if (fireOnCheckChangeTimer.current[key_6]) {
           clearTimeout(fireOnCheckChangeTimer.current[key_6]);
@@ -3519,14 +3475,14 @@ function PTable(t0) {
       });
       fireOnCheckChangeTimer.current = {};
     };
-    $[29] = t25;
+    $[38] = t31;
   } else {
-    t25 = $[29];
+    t31 = $[38];
   }
-  var clearFireOnCheckChangeTimer = t25;
-  var t26;
-  if ($[30] !== onCheckChangeRef) {
-    t26 = function t26(columnId_5) {
+  var clearFireOnCheckChangeTimer = t31;
+  var t32;
+  if ($[39] !== onCheckChangeRef) {
+    t32 = function t32(columnId_5) {
       if (fireOnCheckChangeTimer.current[columnId_5]) {
         clearTimeout(fireOnCheckChangeTimer.current[columnId_5]);
         fireOnCheckChangeTimer.current[columnId_5] = undefined;
@@ -3539,28 +3495,46 @@ function PTable(t0) {
         }, 100);
       }
     };
-    $[30] = onCheckChangeRef;
-    $[31] = t26;
+    $[39] = onCheckChangeRef;
+    $[40] = t32;
   } else {
-    t26 = $[31];
+    t32 = $[40];
   }
-  var fireOnCheckChange = t26;
-  var t27;
-  if ($[32] === Symbol["for"]("react.memo_cache_sentinel")) {
-    t27 = function t27() {
+  var fireOnCheckChange = t32;
+  var t33;
+  if ($[41] === Symbol["for"]("react.memo_cache_sentinel")) {
+    t33 = function t33() {
       var _simpleBarRef$current;
       (_simpleBarRef$current = simpleBarRef.current) === null || _simpleBarRef$current === void 0 || (_simpleBarRef$current = _simpleBarRef$current.getScrollElement()) === null || _simpleBarRef$current === void 0 || _simpleBarRef$current.scrollTo({
         top: 0
       });
     };
-    $[32] = t27;
+    $[41] = t33;
   } else {
-    t27 = $[32];
+    t33 = $[41];
   }
-  var simpleBarScrollToTop = t27;
-  var t28;
-  if ($[33] !== items) {
-    t28 = function t28() {
+  var simpleBarScrollToTop = t33;
+  var t34;
+  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];
+  }
+  useEventEffect(t34, t35);
+  var t36;
+  var t37;
+  if ($[44] !== items) {
+    t36 = function t36() {
       stopHeadCheckTimer();
       clearFireOnCheckChangeTimer();
       Object.keys(localHeaderDataRef.current).forEach(function (key_7) {
@@ -3577,101 +3551,43 @@ function PTable(t0) {
       });
       setSortableItems(makeSortableItems(items));
     };
-    $[33] = items;
-    $[34] = t28;
-  } else {
-    t28 = $[34];
-  }
-  var effectEvent = useEffectEvent(t28);
-  var t29;
-  if ($[35] !== effectEvent) {
-    t29 = function t29() {
-      effectEvent();
-    };
-    $[35] = effectEvent;
-    $[36] = t29;
+    t37 = [items];
+    $[44] = items;
+    $[45] = t36;
+    $[46] = t37;
   } else {
-    t29 = $[36];
+    t36 = $[45];
+    t37 = $[46];
   }
-  var t30;
-  if ($[37] !== items) {
-    t30 = [items];
-    $[37] = items;
-    $[38] = t30;
-  } else {
-    t30 = $[38];
-  }
-  useEffect(t29, t30);
-  var t31;
-  if ($[39] === Symbol["for"]("react.memo_cache_sentinel")) {
-    t31 = function t31() {
-      return function () {
-        stopHeadCheckTimer();
-        clearFireOnCheckChangeTimer();
-      };
-    };
-    $[39] = t31;
-  } else {
-    t31 = $[39];
-  }
-  var effectEvent_0 = useEffectEvent(t31);
-  var t32;
-  if ($[40] !== effectEvent_0) {
-    t32 = function t32() {
-      return effectEvent_0();
-    };
-    $[40] = effectEvent_0;
-    $[41] = t32;
-  } else {
-    t32 = $[41];
-  }
-  var t33;
-  if ($[42] === Symbol["for"]("react.memo_cache_sentinel")) {
-    t33 = [];
-    $[42] = t33;
-  } else {
-    t33 = $[42];
-  }
-  useEffect(t32, t33);
-  var t34;
-  if ($[43] !== columns || $[44] !== setFinalColumns || $[45] !== setFinalColumnsId) {
-    t34 = function t34() {
+  useEventEffect(t36, t37);
+  var t38;
+  if ($[47] !== columns || $[48] !== setFinalColumns || $[49] !== setFinalColumnsId) {
+    t38 = function t38() {
       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));
     };
-    $[43] = columns;
-    $[44] = setFinalColumns;
-    $[45] = setFinalColumnsId;
-    $[46] = t34;
-  } else {
-    t34 = $[46];
-  }
-  var effectEvent_1 = useEffectEvent(t34);
-  var t35;
-  if ($[47] !== effectEvent_1) {
-    t35 = function t35() {
-      effectEvent_1();
-    };
-    $[47] = effectEvent_1;
-    $[48] = t35;
+    $[47] = columns;
+    $[48] = setFinalColumns;
+    $[49] = setFinalColumnsId;
+    $[50] = t38;
   } else {
-    t35 = $[48];
+    t38 = $[50];
   }
-  var t36;
-  if ($[49] !== columns) {
-    t36 = [columns];
-    $[49] = columns;
-    $[50] = t36;
+  var t39;
+  if ($[51] !== columns) {
+    t39 = [columns];
+    $[51] = columns;
+    $[52] = t39;
   } else {
-    t36 = $[50];
+    t39 = $[52];
   }
-  useEffect(t35, t36);
-  var t37;
-  if ($[51] !== finalColumns || $[52] !== getFinalColumnId || $[53] !== sortableItems) {
-    t37 = function t37() {
+  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) {
@@ -3700,37 +3616,26 @@ function PTable(t0) {
         localBodyDataRef.current = {};
       }
     };
-    $[51] = finalColumns;
-    $[52] = getFinalColumnId;
-    $[53] = sortableItems;
-    $[54] = t37;
-  } else {
-    t37 = $[54];
-  }
-  var effectEvent_2 = useEffectEvent(t37);
-  var t38;
-  if ($[55] !== effectEvent_2) {
-    t38 = function t38() {
-      effectEvent_2();
-    };
-    $[55] = effectEvent_2;
-    $[56] = t38;
+    $[53] = finalColumns;
+    $[54] = getFinalColumnId;
+    $[55] = sortableItems;
+    $[56] = t40;
   } else {
-    t38 = $[56];
+    t40 = $[56];
   }
-  var t39;
+  var t41;
   if ($[57] !== finalColumns || $[58] !== sortableItems) {
-    t39 = [sortableItems, finalColumns];
+    t41 = [sortableItems, finalColumns];
     $[57] = finalColumns;
     $[58] = sortableItems;
-    $[59] = t39;
+    $[59] = t41;
   } else {
-    t39 = $[59];
+    t41 = $[59];
   }
-  useLayoutEffect(t38, t39);
-  var t40;
+  useEventEffect(t40, t41);
+  var t42;
   if ($[60] !== finalColumns || $[61] !== getFinalColumnId) {
-    t40 = function t40() {
+    t42 = function t42() {
       if (finalColumns) {
         localHeaderDataRef.current = finalColumns.reduce(function (res_0, c_0) {
           res_0[getFinalColumnId(c_0)] = {
@@ -3745,81 +3650,70 @@ function PTable(t0) {
     };
     $[60] = finalColumns;
     $[61] = getFinalColumnId;
-    $[62] = t40;
-  } else {
-    t40 = $[62];
-  }
-  var effectEvent_3 = useEffectEvent(t40);
-  var t41;
-  if ($[63] !== effectEvent_3) {
-    t41 = function t41() {
-      effectEvent_3();
-    };
-    $[63] = effectEvent_3;
-    $[64] = t41;
-  } else {
-    t41 = $[64];
-  }
-  var t42;
-  if ($[65] !== finalColumns) {
-    t42 = [finalColumns];
-    $[65] = finalColumns;
-    $[66] = t42;
+    $[62] = t42;
   } else {
-    t42 = $[66];
+    t42 = $[62];
   }
-  useLayoutEffect(t41, t42);
   var t43;
-  if ($[67] !== columnsRef) {
-    t43 = function t43() {
-      return columnsRef.current;
-    };
-    $[67] = columnsRef;
-    $[68] = t43;
+  if ($[63] !== finalColumns) {
+    t43 = [finalColumns];
+    $[63] = finalColumns;
+    $[64] = t43;
   } else {
-    t43 = $[68];
+    t43 = $[64];
   }
+  useEventLayoutEffect(t42, t43);
   var t44;
-  if ($[69] !== itemsRef) {
+  if ($[65] !== columnsRef) {
     t44 = function t44() {
-      return itemsRef.current;
+      return columnsRef.current;
     };
-    $[69] = itemsRef;
-    $[70] = t44;
+    $[65] = columnsRef;
+    $[66] = t44;
   } else {
-    t44 = $[70];
+    t44 = $[66];
   }
   var t45;
-  if ($[71] !== pagingRef) {
+  if ($[67] !== itemsRef) {
     t45 = function t45() {
-      return pagingRef.current;
+      return itemsRef.current;
     };
-    $[71] = pagingRef;
-    $[72] = t45;
+    $[67] = itemsRef;
+    $[68] = t45;
   } else {
-    t45 = $[72];
+    t45 = $[68];
   }
   var t46;
-  if ($[73] !== setItems || $[74] !== setPaging) {
-    t46 = function t46(items_0, paging_0) {
+  if ($[69] !== pagingRef) {
+    t46 = function t46() {
+      return pagingRef.current;
+    };
+    $[69] = pagingRef;
+    $[70] = t46;
+  } else {
+    t46 = $[70];
+  }
+  var t47;
+  if ($[71] !== setItems || $[72] !== setPaging) {
+    t47 = function t47(items_0, paging_0) {
       setItems(items_0);
       setPaging(paging_0);
     };
-    $[73] = setItems;
-    $[74] = setPaging;
-    $[75] = t46;
+    $[71] = setItems;
+    $[72] = setPaging;
+    $[73] = t47;
   } else {
-    t46 = $[75];
+    t47 = $[73];
   }
-  var t47;
-  if ($[76] !== itemsRef || $[77] !== setChecked || $[78] !== setColumns || $[79] !== setItems || $[80] !== t43 || $[81] !== t44 || $[82] !== t45 || $[83] !== t46 || $[84] !== toggleChecked) {
-    t47 = {
-      getColumns: t43,
+  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: t44,
+      getItems: t45,
       setItems: setItems,
-      getPaging: t45,
-      setItemsPaging: t46,
+      getPaging: t46,
+      setItemsPaging: t47,
       resetSort: function resetSort() {
         setSortableItems(makeSortableItems(itemsRef.current));
       },
@@ -3830,23 +3724,23 @@ function PTable(t0) {
       setCheckedAll: setCheckedAll,
       scrollToTop: simpleBarScrollToTop
     };
-    $[76] = itemsRef;
-    $[77] = setChecked;
-    $[78] = setColumns;
-    $[79] = setItems;
-    $[80] = t43;
-    $[81] = t44;
-    $[82] = t45;
-    $[83] = t46;
-    $[84] = toggleChecked;
-    $[85] = t47;
-  } else {
-    t47 = $[85];
-  }
-  useForwardRef(ref, t47);
-  var t48;
-  if ($[86] !== onSortChangeRef) {
-    t48 = function t48(event) {
+    $[74] = itemsRef;
+    $[75] = setChecked;
+    $[76] = setColumns;
+    $[77] = setItems;
+    $[78] = t44;
+    $[79] = t45;
+    $[80] = t46;
+    $[81] = t47;
+    $[82] = toggleChecked;
+    $[83] = t48;
+  } else {
+    t48 = $[83];
+  }
+  useForwardRef(ref, t48);
+  var t49;
+  if ($[84] !== onSortChangeRef) {
+    t49 = function t49(event) {
       var active = event.active,
         over = event.over;
       if (active && over) {
@@ -3878,15 +3772,15 @@ function PTable(t0) {
         });
       }
     };
-    $[86] = onSortChangeRef;
-    $[87] = t48;
+    $[84] = onSortChangeRef;
+    $[85] = t49;
   } else {
-    t48 = $[87];
+    t49 = $[85];
   }
-  var handleDragEnd = t48;
-  var t49;
-  if ($[88] !== getFinalColumnId) {
-    t49 = function t49(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) {
@@ -3897,39 +3791,39 @@ function PTable(t0) {
         }
       });
     };
-    $[88] = getFinalColumnId;
-    $[89] = t49;
+    $[86] = getFinalColumnId;
+    $[87] = t50;
   } else {
-    t49 = $[89];
+    t50 = $[87];
   }
-  var handleHeadCheckChange = t49;
-  var t50;
-  if ($[90] !== updateHeadCheck) {
-    t50 = function t50(item_1, column_2) {
+  var handleHeadCheckChange = t50;
+  var t51;
+  if ($[88] !== updateHeadCheck) {
+    t51 = function t51(item_1, column_2) {
       updateHeadCheck(column_2);
     };
-    $[90] = updateHeadCheck;
-    $[91] = t50;
+    $[88] = updateHeadCheck;
+    $[89] = t51;
   } else {
-    t50 = $[91];
+    t51 = $[89];
   }
-  var handleBodyCheckChange = t50;
-  var t51;
-  if ($[92] !== onPageChangeRef) {
-    t51 = function t51(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);
     };
-    $[92] = onPageChangeRef;
-    $[93] = t51;
+    $[90] = onPageChangeRef;
+    $[91] = t52;
   } else {
-    t51 = $[93];
+    t52 = $[91];
   }
-  var handlePageChange = t51;
-  var t52;
-  if ($[94] !== openMenuId) {
-    t52 = function t52(newMenuOpen, newOpenMenuId) {
+  var handlePageChange = t52;
+  var t53;
+  if ($[92] !== openMenuId) {
+    t53 = function t53(newMenuOpen, newOpenMenuId) {
       if (newMenuOpen) {
         setMenuOpen(newMenuOpen);
         setOpenMenuId(newOpenMenuId);
@@ -3940,15 +3834,15 @@ function PTable(t0) {
         }
       }
     };
-    $[94] = openMenuId;
-    $[95] = t52;
+    $[92] = openMenuId;
+    $[93] = t53;
   } else {
-    t52 = $[95];
+    t53 = $[93];
   }
-  var TableContextSetMenuOpen = t52;
-  var t53;
-  if ($[96] !== fireOnCheckChange || $[97] !== getFinalColumnId) {
-    t53 = function t53(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];
@@ -3962,16 +3856,16 @@ function PTable(t0) {
         }
       }
     };
-    $[96] = fireOnCheckChange;
-    $[97] = getFinalColumnId;
-    $[98] = t53;
+    $[94] = fireOnCheckChange;
+    $[95] = getFinalColumnId;
+    $[96] = t54;
   } else {
-    t53 = $[98];
+    t54 = $[96];
   }
-  var TableContextSetItemColumnChecked = t53;
-  var t54;
-  if ($[99] !== getFinalColumnId || $[100] !== updateHeadCheck) {
-    t54 = function t54(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]) {
@@ -3996,16 +3890,16 @@ function PTable(t0) {
         _run();
       }
     };
-    $[99] = getFinalColumnId;
-    $[100] = updateHeadCheck;
-    $[101] = t54;
+    $[97] = getFinalColumnId;
+    $[98] = updateHeadCheck;
+    $[99] = t55;
   } else {
-    t54 = $[101];
+    t55 = $[99];
   }
-  var TableContextSetItemColumnCheckDisabled = t54;
-  var t55;
-  if ($[102] !== getFinalColumnId) {
-    t55 = function t55(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]) {
@@ -4028,15 +3922,15 @@ function PTable(t0) {
         _run_();
       }
     };
-    $[102] = getFinalColumnId;
-    $[103] = t55;
+    $[100] = getFinalColumnId;
+    $[101] = t56;
   } else {
-    t55 = $[103];
+    t56 = $[101];
   }
-  var TableContextSetItemColumnCommands = t55;
-  var t56;
-  if ($[104] !== getFinalColumnId) {
-    t56 = function t56(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;
@@ -4057,15 +3951,15 @@ function PTable(t0) {
         _run_2();
       }
     };
-    $[104] = getFinalColumnId;
-    $[105] = t56;
+    $[102] = getFinalColumnId;
+    $[103] = t57;
   } else {
-    t56 = $[105];
+    t57 = $[103];
   }
-  var TableContextSetHeadColumnChecked = t56;
-  var t57;
-  if ($[106] !== getFinalColumnId) {
-    t57 = function t57(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;
@@ -4086,18 +3980,18 @@ function PTable(t0) {
         _run_3();
       }
     };
-    $[106] = getFinalColumnId;
-    $[107] = t57;
+    $[104] = getFinalColumnId;
+    $[105] = t58;
   } else {
-    t57 = $[107];
+    t58 = $[105];
   }
-  var TableContextSetHeadColumnCommands = t57;
+  var TableContextSetHeadColumnCommands = t58;
   var isNoData = !!sortableItems && sortableItems.length <= 0;
   var finalPagingHeight = paging && paging.total > 0 ? pagingHeight || 0 : 0;
   var stickyHeader = !isNoData && initStickyHeader;
-  var t58;
-  if ($[108] !== fullHeight || $[109] !== initStyle) {
-    t58 = fullHeight ? _objectSpread2(_objectSpread2({
+  var t59;
+  if ($[106] !== fullHeight || $[107] !== initStyle) {
+    t59 = fullHeight ? _objectSpread2(_objectSpread2({
       width: "100%"
     }, initStyle), {}, {
       flex: 1,
@@ -4109,32 +4003,32 @@ function PTable(t0) {
     }) : _objectSpread2({
       width: "100%"
     }, initStyle);
-    $[108] = fullHeight;
-    $[109] = initStyle;
-    $[110] = t58;
+    $[106] = fullHeight;
+    $[107] = initStyle;
+    $[108] = t59;
   } else {
-    t58 = $[110];
+    t59 = $[108];
   }
-  var style = t58;
-  var t59 = typeof cellPadding === "number" ? "".concat(cellPadding, "px") : cellPadding;
-  var t60;
-  if ($[111] !== t59) {
+  var style = t59;
+  var t60 = typeof cellPadding === "number" ? "".concat(cellPadding, "px") : cellPadding;
+  var t61;
+  if ($[109] !== t60) {
     var sx_0 = {
-      padding: t59
+      padding: t60
     };
-    t60 = {
+    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
     };
-    $[111] = t59;
-    $[112] = t60;
+    $[109] = t60;
+    $[110] = t61;
   } else {
-    t60 = $[112];
+    t61 = $[110];
   }
-  var tableSx = t60;
+  var tableSx = t61;
   var pagingStyle;
-  if ($[113] !== fullHeight) {
+  if ($[111] !== fullHeight) {
     pagingStyle = {
       padding: "13px 0",
       borderTop: "1px solid rgba(224, 224, 224, 1)"
@@ -4142,32 +4036,32 @@ function PTable(t0) {
     if (fullHeight) {
       pagingStyle.position = "sticky";
     }
-    $[113] = fullHeight;
-    $[114] = pagingStyle;
+    $[111] = fullHeight;
+    $[112] = pagingStyle;
   } else {
-    pagingStyle = $[114];
+    pagingStyle = $[112];
   }
-  var t61;
-  if ($[115] !== pagingStyle || $[116] !== style || $[117] !== tableSx) {
-    t61 = {
+  var t62;
+  if ($[113] !== pagingStyle || $[114] !== style || $[115] !== tableSx) {
+    t62 = {
       style: style,
       tableSx: tableSx,
       pagingStyle: pagingStyle
     };
-    $[115] = pagingStyle;
-    $[116] = style;
-    $[117] = tableSx;
-    $[118] = t61;
+    $[113] = pagingStyle;
+    $[114] = style;
+    $[115] = tableSx;
+    $[116] = t62;
   } else {
-    t61 = $[118];
+    t62 = $[116];
   }
-  var _t = t61,
+  var _t = t62,
     style_0 = _t.style,
     tableSx_0 = _t.tableSx,
     pagingStyle_0 = _t.pagingStyle;
-  var t62;
-  if ($[119] !== containerHeight || $[120] !== finalPagingHeight || $[121] !== fullHeight || $[122] !== height || $[123] !== maxHeight || $[124] !== minHeight) {
-    t62 = 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",
@@ -4181,50 +4075,50 @@ function PTable(t0) {
       maxHeight: maxHeight,
       marginBottom: -1
     };
-    $[119] = containerHeight;
-    $[120] = finalPagingHeight;
-    $[121] = fullHeight;
-    $[122] = height;
-    $[123] = maxHeight;
-    $[124] = minHeight;
-    $[125] = t62;
+    $[117] = containerHeight;
+    $[118] = finalPagingHeight;
+    $[119] = fullHeight;
+    $[120] = height;
+    $[121] = maxHeight;
+    $[122] = minHeight;
+    $[123] = t63;
   } else {
-    t62 = $[125];
+    t63 = $[123];
   }
-  var contentContainerStyle = t62;
-  var t63;
-  if ($[126] !== containerHeight || $[127] !== finalPagingHeight || $[128] !== fullHeight || $[129] !== isNoData) {
-    t63 = 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;
-    $[126] = containerHeight;
-    $[127] = finalPagingHeight;
-    $[128] = fullHeight;
-    $[129] = isNoData;
-    $[130] = t63;
+    $[124] = containerHeight;
+    $[125] = finalPagingHeight;
+    $[126] = fullHeight;
+    $[127] = isNoData;
+    $[128] = t64;
   } else {
-    t63 = $[130];
+    t64 = $[128];
   }
-  var tableStyle = t63;
-  var t64;
-  if ($[131] !== contentContainerStyle || $[132] !== tableStyle) {
-    t64 = {
+  var tableStyle = t64;
+  var t65;
+  if ($[129] !== contentContainerStyle || $[130] !== tableStyle) {
+    t65 = {
       contentContainerStyle: contentContainerStyle,
       tableStyle: tableStyle
     };
-    $[131] = contentContainerStyle;
-    $[132] = tableStyle;
-    $[133] = t64;
+    $[129] = contentContainerStyle;
+    $[130] = tableStyle;
+    $[131] = t65;
   } else {
-    t64 = $[133];
+    t65 = $[131];
   }
-  var _t2 = t64,
+  var _t2 = t65,
     contentContainerStyle_0 = _t2.contentContainerStyle,
     tableStyle_0 = _t2.tableStyle;
-  var t65;
-  if ($[134] !== caption || $[135] !== defaultAlign || $[136] !== finalColumns || $[137] !== handleHeadCheckChange || $[138] !== items || $[139] !== topHeadRows) {
-    t65 = finalColumns && /*#__PURE__*/React__default.createElement(PTableTopHead, {
+  var t66;
+  if ($[132] !== caption || $[133] !== defaultAlign || $[134] !== finalColumns || $[135] !== handleHeadCheckChange || $[136] !== items || $[137] !== topHeadRows) {
+    t66 = finalColumns && /*#__PURE__*/React__default.createElement(PTableTopHead, {
       caption: caption,
       rows: topHeadRows,
       columns: finalColumns,
@@ -4232,20 +4126,20 @@ function PTable(t0) {
       defaultAlign: defaultAlign,
       onCheckChange: handleHeadCheckChange
     });
-    $[134] = caption;
-    $[135] = defaultAlign;
-    $[136] = finalColumns;
-    $[137] = handleHeadCheckChange;
-    $[138] = items;
-    $[139] = topHeadRows;
-    $[140] = t65;
+    $[132] = caption;
+    $[133] = defaultAlign;
+    $[134] = finalColumns;
+    $[135] = handleHeadCheckChange;
+    $[136] = items;
+    $[137] = topHeadRows;
+    $[138] = t66;
   } else {
-    t65 = $[140];
+    t66 = $[138];
   }
-  var tableTopHead = t65;
-  var t66;
-  if ($[141] !== defaultAlign || $[142] !== defaultEllipsis || $[143] !== finalColumns || $[144] !== handleBodyCheckChange || $[145] !== noData || $[146] !== onClick || $[147] !== onGetBodyColumnClassName || $[148] !== onGetBodyColumnStyle || $[149] !== onGetBodyColumnSx || $[150] !== onGetBodyRowClassName || $[151] !== onGetBodyRowStyle || $[152] !== onGetBodyRowSx || $[153] !== showEvenColor || $[154] !== showOddColor || $[155] !== sortable || $[156] !== sortableItems) {
-    t66 = finalColumns && /*#__PURE__*/React__default.createElement(TableBody, null, sortableItems ? sortableItems.length > 0 ? /*#__PURE__*/React__default.createElement(PTableSortableBody, {
+  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 || $[154] !== sortableItems) {
+    t67 = finalColumns && /*#__PURE__*/React__default.createElement(TableBody, null, sortableItems ? sortableItems.length > 0 ? /*#__PURE__*/React__default.createElement(PTableSortableBody, {
       items: sortableItems,
       columns: finalColumns,
       showOddColor: showOddColor,
@@ -4267,30 +4161,30 @@ function PTable(t0) {
         flex: 1
       }
     }, noData ? noData : /*#__PURE__*/React__default.createElement(StyledNoDataDiv, null, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(Icon, null, "error")), /*#__PURE__*/React__default.createElement("div", null, "\uAC80\uC0C9\uB41C \uC815\uBCF4\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4.")))) : undefined);
-    $[141] = defaultAlign;
-    $[142] = defaultEllipsis;
-    $[143] = finalColumns;
-    $[144] = handleBodyCheckChange;
-    $[145] = noData;
-    $[146] = onClick;
-    $[147] = onGetBodyColumnClassName;
-    $[148] = onGetBodyColumnStyle;
-    $[149] = onGetBodyColumnSx;
-    $[150] = onGetBodyRowClassName;
-    $[151] = onGetBodyRowStyle;
-    $[152] = onGetBodyRowSx;
-    $[153] = showEvenColor;
-    $[154] = showOddColor;
-    $[155] = sortable;
-    $[156] = sortableItems;
-    $[157] = t66;
-  } else {
-    t66 = $[157];
-  }
-  var tableBody = t66;
-  var t67;
-  if ($[158] !== defaultAlign || $[159] !== finalColumns || $[160] !== footer || $[161] !== isNoData || $[162] !== items) {
-    t67 = finalColumns && !isNoData && footer && /*#__PURE__*/React__default.createElement(TableFooter, null, /*#__PURE__*/React__default.createElement(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;
+    $[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__default.createElement(TableFooter, null, /*#__PURE__*/React__default.createElement(TableRow, null, finalColumns.map(function (column_8, idx_1) {
       return /*#__PURE__*/React__default.createElement(PTableFooterCell, {
         key: idx_1,
         column: column_8,
@@ -4298,19 +4192,19 @@ function PTable(t0) {
         defaultAlign: defaultAlign
       });
     })));
-    $[158] = defaultAlign;
-    $[159] = finalColumns;
-    $[160] = footer;
-    $[161] = isNoData;
-    $[162] = items;
-    $[163] = t67;
-  } else {
-    t67 = $[163];
-  }
-  var tableFooter = t67;
-  var t68;
-  if ($[164] !== TableContextSetHeadColumnChecked || $[165] !== TableContextSetHeadColumnCommands || $[166] !== TableContextSetItemColumnCheckDisabled || $[167] !== TableContextSetItemColumnChecked || $[168] !== TableContextSetItemColumnCommands || $[169] !== TableContextSetMenuOpen || $[170] !== className || $[171] !== containerHeightDetector || $[172] !== contentContainerStyle_0 || $[173] !== finalColumns || $[174] !== fullHeight || $[175] !== handleDragEnd || $[176] !== handlePageChange || $[177] !== menuOpen || $[178] !== openMenuId || $[179] !== (pagination === null || pagination === void 0 ? void 0 : pagination.className) || $[180] !== (pagination === null || pagination === void 0 ? void 0 : pagination.style) || $[181] !== (pagination === null || pagination === void 0 ? void 0 : pagination.sx) || $[182] !== paging || $[183] !== pagingAlign || $[184] !== pagingHeightResizeDetector || $[185] !== pagingStyle_0 || $[186] !== progressiveVisible || $[187] !== sensors || $[188] !== showEvenColor || $[189] !== showOddColor || $[190] !== sortable || $[191] !== stickyHeader || $[192] !== style_0 || $[193] !== sx || $[194] !== tableBody || $[195] !== tableFooter || $[196] !== tableStyle_0 || $[197] !== tableSx_0 || $[198] !== tableTopHead) {
-    t68 = finalColumns ? /*#__PURE__*/React__default.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 || $[189] !== stickyHeader || $[190] !== style_0 || $[191] !== sx || $[192] !== tableBody || $[193] !== tableFooter || $[194] !== tableStyle_0 || $[195] !== tableSx_0 || $[196] !== tableTopHead) {
+    t69 = finalColumns ? /*#__PURE__*/React__default.createElement(PTableContextProvider, {
       value: {
         menuOpen: menuOpen,
         openMenuId: openMenuId,
@@ -4361,46 +4255,46 @@ function PTable(t0) {
       align: pagingAlign,
       onChange: handlePageChange
     })))) : null;
-    $[164] = TableContextSetHeadColumnChecked;
-    $[165] = TableContextSetHeadColumnCommands;
-    $[166] = TableContextSetItemColumnCheckDisabled;
-    $[167] = TableContextSetItemColumnChecked;
-    $[168] = TableContextSetItemColumnCommands;
-    $[169] = TableContextSetMenuOpen;
-    $[170] = className;
-    $[171] = containerHeightDetector;
-    $[172] = contentContainerStyle_0;
-    $[173] = finalColumns;
-    $[174] = fullHeight;
-    $[175] = handleDragEnd;
-    $[176] = handlePageChange;
-    $[177] = menuOpen;
-    $[178] = openMenuId;
-    $[179] = pagination === null || pagination === void 0 ? void 0 : pagination.className;
-    $[180] = pagination === null || pagination === void 0 ? void 0 : pagination.style;
-    $[181] = pagination === null || pagination === void 0 ? void 0 : pagination.sx;
-    $[182] = paging;
-    $[183] = pagingAlign;
-    $[184] = pagingHeightResizeDetector;
-    $[185] = pagingStyle_0;
-    $[186] = progressiveVisible;
-    $[187] = sensors;
-    $[188] = showEvenColor;
-    $[189] = showOddColor;
-    $[190] = sortable;
-    $[191] = stickyHeader;
-    $[192] = style_0;
-    $[193] = sx;
-    $[194] = tableBody;
-    $[195] = tableFooter;
-    $[196] = tableStyle_0;
-    $[197] = tableSx_0;
-    $[198] = tableTopHead;
-    $[199] = t68;
-  } else {
-    t68 = $[199];
-  }
-  return t68;
+    $[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;
+    $[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) {
@@ -4443,7 +4337,7 @@ var deHash = function deHash() {
   });
   return values;
 };function PSearchTable(t0) {
-  var $ = c(74);
+  var $ = c(79);
   var ref = t0.ref,
     className = t0.className,
     initStyle = t0.style,
@@ -4493,40 +4387,68 @@ var deHash = function deHash() {
     _useState6 = _slicedToArray(_useState5, 2),
     searchInfo = _useState6[0],
     setSearchInfo = _useState6[1];
-  useChanged(search) && setSearchInfo(getSearchInfo(search));
   var t3;
-  if ($[3] !== table) {
+  var t4;
+  if ($[3] !== search) {
     t3 = function t3() {
-      return getTableInfo(table);
+      return setSearchInfo(getSearchInfo(search));
     };
-    $[3] = table;
+    t4 = [search];
+    $[3] = search;
     $[4] = t3;
+    $[5] = t4;
   } else {
     t3 = $[4];
+    t4 = $[5];
   }
-  var _useState7 = useState(t3),
+  useFirstSkipChanged(t3, t4);
+  var t5;
+  if ($[6] !== table) {
+    t5 = function t5() {
+      return getTableInfo(table);
+    };
+    $[6] = table;
+    $[7] = t5;
+  } else {
+    t5 = $[7];
+  }
+  var _useState7 = useState(t5),
     _useState8 = _slicedToArray(_useState7, 2),
     tableInfo = _useState8[0],
     setTableInfo = _useState8[1];
-  useChanged(table) && setTableInfo(getTableInfo(table));
-  var t4;
-  if ($[5] !== onGetDataRef) {
-    t4 = function t4(data) {
+  var t6;
+  var t7;
+  if ($[8] !== table) {
+    t6 = function t6() {
+      return setTableInfo(getTableInfo(table));
+    };
+    t7 = [table];
+    $[8] = table;
+    $[9] = t6;
+    $[10] = t7;
+  } else {
+    t6 = $[9];
+    t7 = $[10];
+  }
+  useFirstSkipChanged(t6, t7);
+  var t8;
+  if ($[11] !== onGetDataRef) {
+    t8 = function t8(data) {
       lastGetDataDataRef.current = data;
       if (onGetDataRef.current) {
         onGetDataRef.current(data).then(setTableData);
       }
     };
-    $[5] = onGetDataRef;
-    $[6] = t4;
+    $[11] = onGetDataRef;
+    $[12] = t8;
   } else {
-    t4 = $[6];
+    t8 = $[12];
   }
-  var getData = t4;
+  var getData = t8;
   var getDataRef = useAutoUpdateRef(getData);
-  var t5;
-  if ($[7] === Symbol["for"]("react.memo_cache_sentinel")) {
-    t5 = function t5() {
+  var t9;
+  if ($[13] === Symbol["for"]("react.memo_cache_sentinel")) {
+    t9 = function t9() {
       var commands = searchRef.current;
       if (commands) {
         commands.resetAll();
@@ -4538,7 +4460,7 @@ var deHash = function deHash() {
           } else {
             var itemCommands = commands.getItem(name);
             if (itemCommands) {
-              bb29: switch (itemCommands.getType()) {
+              bb25: switch (itemCommands.getType()) {
                 case "PFormCheckbox":
                   {
                     if (notEmpty(value)) {
@@ -4553,7 +4475,7 @@ var deHash = function deHash() {
                         }
                       }
                     }
-                    break bb29;
+                    break bb25;
                   }
                 case "PFormDatePicker":
                 case "PFormDateTimePicker":
@@ -4567,7 +4489,7 @@ var deHash = function deHash() {
                     } else {
                       itemCommands.setValue(null);
                     }
-                    break bb29;
+                    break bb25;
                   }
                 case "PFormDateRangePicker":
                   {
@@ -4592,7 +4514,7 @@ var deHash = function deHash() {
                         }
                       }
                     }
-                    break bb29;
+                    break bb25;
                   }
                 case "PFormYearRangePicker":
                   {
@@ -4606,7 +4528,7 @@ var deHash = function deHash() {
                         dateRangePickerCommands.setToValue(notEmpty(value) ? Number(value) : null);
                       }
                     }
-                    break bb29;
+                    break bb25;
                   }
                 case "PFormMonthPicker":
                   {
@@ -4620,7 +4542,7 @@ var deHash = function deHash() {
                         monthCommands.setMonth(notEmpty(value) ? Number(value) : null);
                       }
                     }
-                    break bb29;
+                    break bb25;
                   }
                 case "PFormMonthRangePicker":
                   {
@@ -4644,7 +4566,7 @@ var deHash = function deHash() {
                         }
                       }
                     }
-                    break bb29;
+                    break bb25;
                   }
                 default:
                   {
@@ -4657,15 +4579,15 @@ var deHash = function deHash() {
         return commands.getAllFormValue();
       }
     };
-    $[7] = t5;
+    $[13] = t9;
   } else {
-    t5 = $[7];
+    t9 = $[13];
   }
-  var hashToSearchValue = t5;
+  var hashToSearchValue = t9;
   var hashToSearchValueRef = useAutoUpdateRef(hashToSearchValue);
-  var t6;
-  if ($[8] !== getData || $[9] !== hash) {
-    t6 = function t6(page) {
+  var t10;
+  if ($[14] !== getData || $[15] !== hash) {
+    t10 = function t10(page) {
       if (page != null) {
         var _tableRef$current;
         (_tableRef$current = tableRef.current) === null || _tableRef$current === void 0 || _tableRef$current.scrollToTop();
@@ -4691,50 +4613,50 @@ var deHash = function deHash() {
       }
       getData(finalData);
     };
-    $[8] = getData;
-    $[9] = hash;
-    $[10] = t6;
+    $[14] = getData;
+    $[15] = hash;
+    $[16] = t10;
   } else {
-    t6 = $[10];
+    t10 = $[16];
   }
-  var t7;
-  var t8;
-  var t9;
-  if ($[11] === Symbol["for"]("react.memo_cache_sentinel")) {
-    t7 = function t7() {
+  var t11;
+  var t12;
+  var t13;
+  if ($[17] === Symbol["for"]("react.memo_cache_sentinel")) {
+    t11 = function t11() {
       return lastGetDataDataRef.current || {};
     };
-    t8 = function t8() {
+    t12 = function t12() {
       return searchRef.current;
     };
-    t9 = function t9() {
+    t13 = function t13() {
       return tableRef.current;
     };
-    $[11] = t7;
-    $[12] = t8;
-    $[13] = t9;
+    $[17] = t11;
+    $[18] = t12;
+    $[19] = t13;
   } else {
-    t7 = $[11];
-    t8 = $[12];
-    t9 = $[13];
+    t11 = $[17];
+    t12 = $[18];
+    t13 = $[19];
   }
-  var t10;
-  if ($[14] !== t6) {
-    t10 = {
-      reload: t6,
-      getLastLoadData: t7,
-      getSearch: t8,
-      getTable: t9
+  var t14;
+  if ($[20] !== t10) {
+    t14 = {
+      reload: t10,
+      getLastLoadData: t11,
+      getSearch: t12,
+      getTable: t13
     };
-    $[14] = t6;
-    $[15] = t10;
+    $[20] = t10;
+    $[21] = t14;
   } else {
-    t10 = $[15];
+    t14 = $[21];
   }
-  useForwardRef(ref, t10);
-  var t11;
-  if ($[16] !== getDataRef || $[17] !== hash || $[18] !== hashToSearchValueRef || $[19] !== location.pathname) {
-    t11 = function t11() {
+  useForwardRef(ref, t14);
+  var t15;
+  if ($[22] !== getDataRef || $[23] !== hash || $[24] !== hashToSearchValueRef || $[25] !== location.pathname) {
+    t15 = function t15() {
       if (hash && location.pathname === initPathRef.current) {
         var data_0 = hashToSearchValueRef.current();
         if (data_0) {
@@ -4742,39 +4664,28 @@ var deHash = function deHash() {
         }
       }
     };
-    $[16] = getDataRef;
-    $[17] = hash;
-    $[18] = hashToSearchValueRef;
-    $[19] = location.pathname;
-    $[20] = t11;
-  } else {
-    t11 = $[20];
-  }
-  var effectEvent = useEffectEvent(t11);
-  var t12;
-  if ($[21] !== effectEvent) {
-    t12 = function t12() {
-      effectEvent();
-    };
-    $[21] = effectEvent;
-    $[22] = t12;
-  } else {
-    t12 = $[22];
-  }
-  var t13;
-  if ($[23] !== hash || $[24] !== location.hash || $[25] !== location.pathname) {
-    t13 = [hash, location.pathname, location.hash];
+    $[22] = getDataRef;
     $[23] = hash;
-    $[24] = location.hash;
+    $[24] = hashToSearchValueRef;
     $[25] = location.pathname;
-    $[26] = t13;
+    $[26] = t15;
   } else {
-    t13 = $[26];
+    t15 = $[26];
   }
-  useEffect(t12, t13);
-  var t14;
-  if ($[27] !== getData || $[28] !== onRequestHashChangeRef) {
-    t14 = function t14(params) {
+  var 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 = $[30];
+  }
+  useEventEffect(t15, t16);
+  var t17;
+  if ($[31] !== getDataRef || $[32] !== location.hash || $[33] !== onRequestHashChangeRef) {
+    t17 = function t17(params) {
       if (onRequestHashChangeRef.current) {
         var hashes = [];
         Object.keys(params).forEach(function (name_0) {
@@ -4788,7 +4699,7 @@ var deHash = function deHash() {
               var itemCommands_0 = searchRef.current.getItem(name_0);
               if (itemCommands_0) {
                 var resetValue = null;
-                bb226: switch (itemCommands_0.getType()) {
+                bb221: switch (itemCommands_0.getType()) {
                   case "PFormDateRangePicker":
                   case "PFormYearRangePicker":
                     {
@@ -4805,7 +4716,7 @@ var deHash = function deHash() {
                           resetValue = searchRef.current.getFormReset(itemName_1, toSuffix);
                         }
                       }
-                      break bb226;
+                      break bb221;
                     }
                   case "PFormMonthPicker":
                     {
@@ -4822,7 +4733,7 @@ var deHash = function deHash() {
                           resetValue = searchRef.current.getFormReset(itemName_0, monthSuffix);
                         }
                       }
-                      break bb226;
+                      break bb221;
                     }
                   case "PFormMonthRangePicker":
                     {
@@ -4851,7 +4762,7 @@ var deHash = function deHash() {
                           }
                         }
                       }
-                      break bb226;
+                      break bb221;
                     }
                   default:
                     {
@@ -4866,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("&"));
         }
       }
     };
-    $[27] = getData;
-    $[28] = onRequestHashChangeRef;
-    $[29] = t14;
+    $[31] = getDataRef;
+    $[32] = location.hash;
+    $[33] = onRequestHashChangeRef;
+    $[34] = t17;
   } else {
-    t14 = $[29];
+    t17 = $[34];
   }
-  var hashChange = t14;
-  var t15;
-  if ($[30] !== getData || $[31] !== hash || $[32] !== hashChange) {
-    t15 = function t15(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;
@@ -4899,17 +4811,17 @@ var deHash = function deHash() {
         getData(finalData_0 || {});
       }
     };
-    $[30] = getData;
-    $[31] = hash;
-    $[32] = hashChange;
-    $[33] = t15;
+    $[35] = getData;
+    $[36] = hash;
+    $[37] = hashChange;
+    $[38] = t18;
   } else {
-    t15 = $[33];
+    t18 = $[38];
   }
-  var handlePageChange = t15;
-  var t16;
-  if ($[34] !== getData || $[35] !== hash || $[36] !== hashChange || $[37] !== isFirstSearchSubmit) {
-    t16 = function t16(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) {
@@ -4930,29 +4842,29 @@ var deHash = function deHash() {
         }
       }
     };
-    $[34] = getData;
-    $[35] = hash;
-    $[36] = hashChange;
-    $[37] = isFirstSearchSubmit;
-    $[38] = t16;
+    $[39] = getData;
+    $[40] = hash;
+    $[41] = hashChange;
+    $[42] = isFirstSearchSubmit;
+    $[43] = t19;
   } else {
-    t16 = $[38];
+    t19 = $[43];
   }
-  var handleSearchSubmit = t16;
-  var t17 = searchInfo.searchGroups ? undefined : "none";
-  var t18;
-  if ($[39] !== t17) {
-    t18 = {
-      display: t17
+  var handleSearchSubmit = t19;
+  var t20 = searchInfo.searchGroups ? undefined : "none";
+  var t21;
+  if ($[44] !== t20) {
+    t21 = {
+      display: t20
     };
-    $[39] = t17;
-    $[40] = t18;
+    $[44] = t20;
+    $[45] = t21;
   } else {
-    t18 = $[40];
+    t21 = $[45];
   }
-  var t19;
-  if ($[41] !== searchInfo) {
-    t19 = function t19(commands_3) {
+  var t22;
+  if ($[46] !== searchInfo) {
+    t22 = function t22(commands_3) {
       if (searchInfo.ref) {
         if (typeof searchInfo.ref === "function") {
           searchInfo.ref(commands_3);
@@ -4968,58 +4880,58 @@ var deHash = function deHash() {
       }
       searchRef.current = commands_3 || undefined;
     };
-    $[41] = searchInfo;
-    $[42] = t19;
+    $[46] = searchInfo;
+    $[47] = t22;
   } else {
-    t19 = $[42];
+    t22 = $[47];
   }
-  var t20;
-  if ($[43] === Symbol["for"]("react.memo_cache_sentinel")) {
-    t20 = /*#__PURE__*/React__default.createElement(PSearchGroup, {
+  var t23;
+  if ($[48] === Symbol["for"]("react.memo_cache_sentinel")) {
+    t23 = /*#__PURE__*/React__default.createElement(PSearchGroup, {
       hidden: true
     }, /*#__PURE__*/React__default.createElement(PFormHidden, {
       name: "page",
       value: 1
     }));
-    $[43] = t20;
+    $[48] = t23;
   } else {
-    t20 = $[43];
+    t23 = $[48];
   }
-  var t21;
-  if ($[44] !== color || $[45] !== handleSearchSubmit || $[46] !== searchInfo.props || $[47] !== searchInfo.searchGroups || $[48] !== t19) {
-    t21 = /*#__PURE__*/React__default.createElement(PSearch, _extends({
+  var t24;
+  if ($[49] !== color || $[50] !== handleSearchSubmit || $[51] !== searchInfo.props || $[52] !== searchInfo.searchGroups || $[53] !== t22) {
+    t24 = /*#__PURE__*/React__default.createElement(PSearch, _extends({
       color: color
     }, searchInfo.props, {
-      ref: t19,
+      ref: t22,
       autoSubmit: true,
       onSubmit: handleSearchSubmit
-    }), t20, searchInfo.searchGroups);
-    $[44] = color;
-    $[45] = handleSearchSubmit;
-    $[46] = searchInfo.props;
-    $[47] = searchInfo.searchGroups;
-    $[48] = t19;
-    $[49] = t21;
+    }), t23, searchInfo.searchGroups);
+    $[49] = color;
+    $[50] = handleSearchSubmit;
+    $[51] = searchInfo.props;
+    $[52] = searchInfo.searchGroups;
+    $[53] = t22;
+    $[54] = t24;
   } else {
-    t21 = $[49];
+    t24 = $[54];
   }
-  var t22;
-  if ($[50] !== t18 || $[51] !== t21) {
-    t22 = /*#__PURE__*/React__default.createElement(Grid, {
-      sx: t18
-    }, t21);
-    $[50] = t18;
-    $[51] = t21;
-    $[52] = t22;
+  var t25;
+  if ($[55] !== t21 || $[56] !== t24) {
+    t25 = /*#__PURE__*/React__default.createElement(Grid, {
+      sx: t21
+    }, t24);
+    $[55] = t21;
+    $[56] = t24;
+    $[57] = t25;
   } else {
-    t22 = $[52];
+    t25 = $[57];
   }
-  var searchView = t22;
-  var t23;
-  if ($[53] !== fullHeight || $[54] !== handlePageChange || $[55] !== stickyHeader || $[56] !== (tableData === null || tableData === void 0 ? void 0 : tableData.items) || $[57] !== (tableData === null || tableData === void 0 ? void 0 : tableData.paging) || $[58] !== 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;
-    t23 = function (_tableInfo$props, _tableInfo$props2) {
+    t26 = function (_tableInfo$props, _tableInfo$props2) {
       return /*#__PURE__*/React__default.createElement(Grid, {
         style: fullHeight ? {
           flex: 1,
@@ -5044,66 +4956,66 @@ var deHash = function deHash() {
         onPageChange: handlePageChange
       })));
     }();
-    $[53] = fullHeight;
-    $[54] = handlePageChange;
-    $[55] = stickyHeader;
-    $[56] = tableData === null || tableData === void 0 ? void 0 : tableData.items;
-    $[57] = tableData === null || tableData === void 0 ? void 0 : tableData.paging;
-    $[58] = tableInfo;
-    $[59] = t23;
+    $[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 {
-    t23 = $[59];
+    t26 = $[64];
   }
-  var tableView = t23;
-  var t24;
-  if ($[60] !== className) {
-    t24 = classNames("PSearchTable", className);
-    $[60] = className;
-    $[61] = t24;
+  var tableView = t26;
+  var t27;
+  if ($[65] !== className) {
+    t27 = classNames("PSearchTable", className);
+    $[65] = className;
+    $[66] = t27;
   } else {
-    t24 = $[61];
+    t27 = $[66];
   }
-  var t25;
-  if ($[62] !== fullHeight || $[63] !== initStyle) {
-    t25 = fullHeight ? _objectSpread2(_objectSpread2({}, initStyle), {}, {
+  var t28;
+  if ($[67] !== fullHeight || $[68] !== initStyle) {
+    t28 = fullHeight ? _objectSpread2(_objectSpread2({}, initStyle), {}, {
       flex: 1,
       display: "flex"
     }) : initStyle;
-    $[62] = fullHeight;
-    $[63] = initStyle;
-    $[64] = t25;
+    $[67] = fullHeight;
+    $[68] = initStyle;
+    $[69] = t28;
   } else {
-    t25 = $[64];
+    t28 = $[69];
   }
-  var t26;
-  if ($[65] !== betweenSearchTableComponent) {
-    t26 = betweenSearchTableComponent && /*#__PURE__*/React__default.createElement(Grid, null, betweenSearchTableComponent);
-    $[65] = betweenSearchTableComponent;
-    $[66] = t26;
+  var t29;
+  if ($[70] !== betweenSearchTableComponent) {
+    t29 = betweenSearchTableComponent && /*#__PURE__*/React__default.createElement(Grid, null, betweenSearchTableComponent);
+    $[70] = betweenSearchTableComponent;
+    $[71] = t29;
   } else {
-    t26 = $[66];
+    t29 = $[71];
   }
-  var t27;
-  if ($[67] !== searchView || $[68] !== sx || $[69] !== t24 || $[70] !== t25 || $[71] !== t26 || $[72] !== tableView) {
-    t27 = /*#__PURE__*/React__default.createElement(Grid, {
+  var t30;
+  if ($[72] !== searchView || $[73] !== sx || $[74] !== t27 || $[75] !== t28 || $[76] !== t29 || $[77] !== tableView) {
+    t30 = /*#__PURE__*/React__default.createElement(Grid, {
       container: true,
       direction: "column",
       spacing: 1,
-      className: t24,
-      style: t25,
+      className: t27,
+      style: t28,
       sx: sx
-    }, searchView, t26, tableView);
-    $[67] = searchView;
-    $[68] = sx;
-    $[69] = t24;
-    $[70] = t25;
-    $[71] = t26;
-    $[72] = tableView;
-    $[73] = t27;
-  } else {
-    t27 = $[73];
-  }
-  return t27;
+    }, searchView, t29, tableView);
+    $[72] = searchView;
+    $[73] = sx;
+    $[74] = t27;
+    $[75] = t28;
+    $[76] = t29;
+    $[77] = tableView;
+    $[78] = t30;
+  } else {
+    t30 = $[78];
+  }
+  return t30;
 }var _excluded$1 = ["children", "className", "sx", "variant", "color", "startIcon", "endIcon", "onClick"];
 var PTableButton = function PTableButton(t0) {
   var $ = c(25);
@@ -5200,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 $ = c(84);
+  var $ = c(78);
   var children;
   var className;
   var inModal;
@@ -5272,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 = useEffectEvent(t4);
-  var t5;
-  if ($[18] !== effectEvent) {
-    t5 = function t5() {
-      effectEvent();
-    };
-    $[18] = effectEvent;
-    $[19] = t5;
-  } else {
-    t5 = $[19];
-  }
+  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];
-  }
-  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);
@@ -5319,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) {
@@ -5361,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,
@@ -5380,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__default.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__default.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);
@@ -5414,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__default.createElement(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__default.createElement(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") {
@@ -5518,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__default.createElement(Popper, {
+  var t20;
+  if ($[69] !== anchorEl || $[70] !== open || $[71] !== placement || $[72] !== t18 || $[73] !== t19) {
+    t20 = /*#__PURE__*/React__default.createElement(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__default.createElement("span", null, t17, t21);
-    $[81] = t17;
-    $[82] = t21;
-    $[83] = t22;
+  var t21;
+  if ($[75] !== t16 || $[76] !== t20) {
+    t21 = /*#__PURE__*/React__default.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;