@pdg/react-table 1.2.4 → 1.2.5

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,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,useFirstSkipChanged,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');
@@ -3087,7 +3087,7 @@ var getNewColumnId = function getNewColumnId() {
  * ******************************************************************************************************************/
 
 function PTable(t0) {
-  var $ = c(200);
+  var $ = c(209);
   var ref = t0.ref,
     className = t0.className,
     initStyle = t0.style,
@@ -3252,65 +3252,107 @@ 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) {
+  var t13;
+  if ($[10] !== initColumns) {
+    t12 = function t12() {
+      return _setColumns(initColumns);
+    };
+    t13 = [initColumns];
+    $[10] = initColumns;
+    $[11] = t12;
+    $[12] = t13;
+  } else {
+    t12 = $[11];
+    t13 = $[12];
+  }
+  useFirstSkipChanged(t12, t13);
+  var columnsRef = useAutoUpdateRef(columns);
+  var t14;
+  if ($[13] !== columnsRef) {
+    t14 = function t14(value_1) {
       _setColumns(function (prev_1) {
         var finalValue_1 = typeof value_1 === "function" ? value_1(prev_1) : value_1;
         columnsRef.current = finalValue_1;
         return finalValue_1;
       });
     };
-    $[10] = columnsRef;
-    $[11] = t12;
+    $[13] = columnsRef;
+    $[14] = t14;
   } else {
-    t12 = $[11];
+    t14 = $[14];
   }
-  var setColumns = t12;
+  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) {
+  var t17;
+  if ($[18] !== itemsRef) {
+    t17 = function t17(value_2) {
       _setItems(function (prev_2) {
         var finalValue_2 = typeof value_2 === "function" ? value_2(prev_2) : value_2;
         itemsRef.current = finalValue_2;
         return finalValue_2;
       });
     };
-    $[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) {
+  var t20;
+  if ($[23] !== pagingRef) {
+    t20 = function t20(value_3) {
       _setPaging(function (prev_3) {
         var finalValue_3 = typeof value_3 === "function" ? value_3(prev_3) : value_3;
         pagingRef.current = finalValue_3;
         return finalValue_3;
       });
     };
-    $[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 +3364,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 +3377,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 +3389,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 +3430,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 +3450,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 +3471,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 +3493,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 +3513,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 +3533,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 +3561,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 +3581,28 @@ 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;
+  if ($[42] !== items) {
+    t34 = function t34() {
       stopHeadCheckTimer();
       clearFireOnCheckChangeTimer();
       Object.keys(localHeaderDataRef.current).forEach(function (key_7) {
@@ -3577,101 +3619,101 @@ function PTable(t0) {
       });
       setSortableItems(makeSortableItems(items));
     };
-    $[33] = items;
-    $[34] = t28;
+    $[42] = items;
+    $[43] = t34;
   } else {
-    t28 = $[34];
+    t34 = $[43];
   }
-  var effectEvent = useEffectEvent(t28);
-  var t29;
-  if ($[35] !== effectEvent) {
-    t29 = function t29() {
+  var effectEvent = useEffectEvent(t34);
+  var t35;
+  if ($[44] !== effectEvent) {
+    t35 = function t35() {
       effectEvent();
     };
-    $[35] = effectEvent;
-    $[36] = t29;
+    $[44] = effectEvent;
+    $[45] = t35;
   } else {
-    t29 = $[36];
+    t35 = $[45];
   }
-  var t30;
-  if ($[37] !== items) {
-    t30 = [items];
-    $[37] = items;
-    $[38] = t30;
+  var t36;
+  if ($[46] !== items) {
+    t36 = [items];
+    $[46] = items;
+    $[47] = t36;
   } else {
-    t30 = $[38];
+    t36 = $[47];
   }
-  useEffect(t29, t30);
-  var t31;
-  if ($[39] === Symbol["for"]("react.memo_cache_sentinel")) {
-    t31 = function t31() {
+  useEffect(t35, t36);
+  var t37;
+  if ($[48] === Symbol["for"]("react.memo_cache_sentinel")) {
+    t37 = function t37() {
       return function () {
         stopHeadCheckTimer();
         clearFireOnCheckChangeTimer();
       };
     };
-    $[39] = t31;
+    $[48] = t37;
   } else {
-    t31 = $[39];
+    t37 = $[48];
   }
-  var effectEvent_0 = useEffectEvent(t31);
-  var t32;
-  if ($[40] !== effectEvent_0) {
-    t32 = function t32() {
+  var effectEvent_0 = useEffectEvent(t37);
+  var t38;
+  if ($[49] !== effectEvent_0) {
+    t38 = function t38() {
       return effectEvent_0();
     };
-    $[40] = effectEvent_0;
-    $[41] = t32;
+    $[49] = effectEvent_0;
+    $[50] = t38;
   } else {
-    t32 = $[41];
+    t38 = $[50];
   }
-  var t33;
-  if ($[42] === Symbol["for"]("react.memo_cache_sentinel")) {
-    t33 = [];
-    $[42] = t33;
+  var t39;
+  if ($[51] === Symbol["for"]("react.memo_cache_sentinel")) {
+    t39 = [];
+    $[51] = t39;
   } else {
-    t33 = $[42];
+    t39 = $[51];
   }
-  useEffect(t32, t33);
-  var t34;
-  if ($[43] !== columns || $[44] !== setFinalColumns || $[45] !== setFinalColumnsId) {
-    t34 = function t34() {
+  useEffect(t38, t39);
+  var t40;
+  if ($[52] !== columns || $[53] !== setFinalColumns || $[54] !== setFinalColumnsId) {
+    t40 = function t40() {
       stopHeadCheckTimer();
       clearFireOnCheckChangeTimer();
       var newFinalColumns = columns === null || columns === void 0 ? void 0 : columns.filter(columnFilter);
       setFinalColumns(newFinalColumns);
       setFinalColumnsId(newFinalColumns === null || newFinalColumns === void 0 ? void 0 : newFinalColumns.map(_temp$1));
     };
-    $[43] = columns;
-    $[44] = setFinalColumns;
-    $[45] = setFinalColumnsId;
-    $[46] = t34;
+    $[52] = columns;
+    $[53] = setFinalColumns;
+    $[54] = setFinalColumnsId;
+    $[55] = t40;
   } else {
-    t34 = $[46];
+    t40 = $[55];
   }
-  var effectEvent_1 = useEffectEvent(t34);
-  var t35;
-  if ($[47] !== effectEvent_1) {
-    t35 = function t35() {
+  var effectEvent_1 = useEffectEvent(t40);
+  var t41;
+  if ($[56] !== effectEvent_1) {
+    t41 = function t41() {
       effectEvent_1();
     };
-    $[47] = effectEvent_1;
-    $[48] = t35;
+    $[56] = effectEvent_1;
+    $[57] = t41;
   } else {
-    t35 = $[48];
+    t41 = $[57];
   }
-  var t36;
-  if ($[49] !== columns) {
-    t36 = [columns];
-    $[49] = columns;
-    $[50] = t36;
+  var t42;
+  if ($[58] !== columns) {
+    t42 = [columns];
+    $[58] = columns;
+    $[59] = t42;
   } else {
-    t36 = $[50];
+    t42 = $[59];
   }
-  useEffect(t35, t36);
-  var t37;
-  if ($[51] !== finalColumns || $[52] !== getFinalColumnId || $[53] !== sortableItems) {
-    t37 = function t37() {
+  useEffect(t41, t42);
+  var t43;
+  if ($[60] !== finalColumns || $[61] !== getFinalColumnId || $[62] !== sortableItems) {
+    t43 = function t43() {
       clearFireOnCheckChangeTimer();
       if (sortableItems) {
         localBodyDataRef.current = sortableItems.reduce(function (res, item) {
@@ -3700,37 +3742,37 @@ function PTable(t0) {
         localBodyDataRef.current = {};
       }
     };
-    $[51] = finalColumns;
-    $[52] = getFinalColumnId;
-    $[53] = sortableItems;
-    $[54] = t37;
+    $[60] = finalColumns;
+    $[61] = getFinalColumnId;
+    $[62] = sortableItems;
+    $[63] = t43;
   } else {
-    t37 = $[54];
+    t43 = $[63];
   }
-  var effectEvent_2 = useEffectEvent(t37);
-  var t38;
-  if ($[55] !== effectEvent_2) {
-    t38 = function t38() {
+  var effectEvent_2 = useEffectEvent(t43);
+  var t44;
+  if ($[64] !== effectEvent_2) {
+    t44 = function t44() {
       effectEvent_2();
     };
-    $[55] = effectEvent_2;
-    $[56] = t38;
+    $[64] = effectEvent_2;
+    $[65] = t44;
   } else {
-    t38 = $[56];
+    t44 = $[65];
   }
-  var t39;
-  if ($[57] !== finalColumns || $[58] !== sortableItems) {
-    t39 = [sortableItems, finalColumns];
-    $[57] = finalColumns;
-    $[58] = sortableItems;
-    $[59] = t39;
+  var t45;
+  if ($[66] !== finalColumns || $[67] !== sortableItems) {
+    t45 = [sortableItems, finalColumns];
+    $[66] = finalColumns;
+    $[67] = sortableItems;
+    $[68] = t45;
   } else {
-    t39 = $[59];
+    t45 = $[68];
   }
-  useLayoutEffect(t38, t39);
-  var t40;
-  if ($[60] !== finalColumns || $[61] !== getFinalColumnId) {
-    t40 = function t40() {
+  useLayoutEffect(t44, t45);
+  var t46;
+  if ($[69] !== finalColumns || $[70] !== getFinalColumnId) {
+    t46 = function t46() {
       if (finalColumns) {
         localHeaderDataRef.current = finalColumns.reduce(function (res_0, c_0) {
           res_0[getFinalColumnId(c_0)] = {
@@ -3743,83 +3785,83 @@ function PTable(t0) {
         localHeaderDataRef.current = {};
       }
     };
-    $[60] = finalColumns;
-    $[61] = getFinalColumnId;
-    $[62] = t40;
+    $[69] = finalColumns;
+    $[70] = getFinalColumnId;
+    $[71] = t46;
   } else {
-    t40 = $[62];
+    t46 = $[71];
   }
-  var effectEvent_3 = useEffectEvent(t40);
-  var t41;
-  if ($[63] !== effectEvent_3) {
-    t41 = function t41() {
+  var effectEvent_3 = useEffectEvent(t46);
+  var t47;
+  if ($[72] !== effectEvent_3) {
+    t47 = function t47() {
       effectEvent_3();
     };
-    $[63] = effectEvent_3;
-    $[64] = t41;
+    $[72] = effectEvent_3;
+    $[73] = t47;
   } else {
-    t41 = $[64];
+    t47 = $[73];
   }
-  var t42;
-  if ($[65] !== finalColumns) {
-    t42 = [finalColumns];
-    $[65] = finalColumns;
-    $[66] = t42;
+  var t48;
+  if ($[74] !== finalColumns) {
+    t48 = [finalColumns];
+    $[74] = finalColumns;
+    $[75] = t48;
   } else {
-    t42 = $[66];
+    t48 = $[75];
   }
-  useLayoutEffect(t41, t42);
-  var t43;
-  if ($[67] !== columnsRef) {
-    t43 = function t43() {
+  useLayoutEffect(t47, t48);
+  var t49;
+  if ($[76] !== columnsRef) {
+    t49 = function t49() {
       return columnsRef.current;
     };
-    $[67] = columnsRef;
-    $[68] = t43;
+    $[76] = columnsRef;
+    $[77] = t49;
   } else {
-    t43 = $[68];
+    t49 = $[77];
   }
-  var t44;
-  if ($[69] !== itemsRef) {
-    t44 = function t44() {
+  var t50;
+  if ($[78] !== itemsRef) {
+    t50 = function t50() {
       return itemsRef.current;
     };
-    $[69] = itemsRef;
-    $[70] = t44;
+    $[78] = itemsRef;
+    $[79] = t50;
   } else {
-    t44 = $[70];
+    t50 = $[79];
   }
-  var t45;
-  if ($[71] !== pagingRef) {
-    t45 = function t45() {
+  var t51;
+  if ($[80] !== pagingRef) {
+    t51 = function t51() {
       return pagingRef.current;
     };
-    $[71] = pagingRef;
-    $[72] = t45;
+    $[80] = pagingRef;
+    $[81] = t51;
   } else {
-    t45 = $[72];
+    t51 = $[81];
   }
-  var t46;
-  if ($[73] !== setItems || $[74] !== setPaging) {
-    t46 = function t46(items_0, paging_0) {
+  var t52;
+  if ($[82] !== setItems || $[83] !== setPaging) {
+    t52 = function t52(items_0, paging_0) {
       setItems(items_0);
       setPaging(paging_0);
     };
-    $[73] = setItems;
-    $[74] = setPaging;
-    $[75] = t46;
+    $[82] = setItems;
+    $[83] = setPaging;
+    $[84] = t52;
   } else {
-    t46 = $[75];
+    t52 = $[84];
   }
-  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 t53;
+  if ($[85] !== itemsRef || $[86] !== setChecked || $[87] !== setColumns || $[88] !== setItems || $[89] !== t49 || $[90] !== t50 || $[91] !== t51 || $[92] !== t52 || $[93] !== toggleChecked) {
+    t53 = {
+      getColumns: t49,
       setColumns: setColumns,
-      getItems: t44,
+      getItems: t50,
       setItems: setItems,
-      getPaging: t45,
-      setItemsPaging: t46,
+      getPaging: t51,
+      setItemsPaging: t52,
       resetSort: function resetSort() {
         setSortableItems(makeSortableItems(itemsRef.current));
       },
@@ -3830,23 +3872,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) {
+    $[85] = itemsRef;
+    $[86] = setChecked;
+    $[87] = setColumns;
+    $[88] = setItems;
+    $[89] = t49;
+    $[90] = t50;
+    $[91] = t51;
+    $[92] = t52;
+    $[93] = toggleChecked;
+    $[94] = t53;
+  } else {
+    t53 = $[94];
+  }
+  useForwardRef(ref, t53);
+  var t54;
+  if ($[95] !== onSortChangeRef) {
+    t54 = function t54(event) {
       var active = event.active,
         over = event.over;
       if (active && over) {
@@ -3878,15 +3920,15 @@ function PTable(t0) {
         });
       }
     };
-    $[86] = onSortChangeRef;
-    $[87] = t48;
+    $[95] = onSortChangeRef;
+    $[96] = t54;
   } else {
-    t48 = $[87];
+    t54 = $[96];
   }
-  var handleDragEnd = t48;
-  var t49;
-  if ($[88] !== getFinalColumnId) {
-    t49 = function t49(column_1, checked_2) {
+  var handleDragEnd = t54;
+  var t55;
+  if ($[97] !== getFinalColumnId) {
+    t55 = function t55(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 +3939,39 @@ function PTable(t0) {
         }
       });
     };
-    $[88] = getFinalColumnId;
-    $[89] = t49;
+    $[97] = getFinalColumnId;
+    $[98] = t55;
   } else {
-    t49 = $[89];
+    t55 = $[98];
   }
-  var handleHeadCheckChange = t49;
-  var t50;
-  if ($[90] !== updateHeadCheck) {
-    t50 = function t50(item_1, column_2) {
+  var handleHeadCheckChange = t55;
+  var t56;
+  if ($[99] !== updateHeadCheck) {
+    t56 = function t56(item_1, column_2) {
       updateHeadCheck(column_2);
     };
-    $[90] = updateHeadCheck;
-    $[91] = t50;
+    $[99] = updateHeadCheck;
+    $[100] = t56;
   } else {
-    t50 = $[91];
+    t56 = $[100];
   }
-  var handleBodyCheckChange = t50;
-  var t51;
-  if ($[92] !== onPageChangeRef) {
-    t51 = function t51(page) {
+  var handleBodyCheckChange = t56;
+  var t57;
+  if ($[101] !== onPageChangeRef) {
+    t57 = function t57(page) {
       var _onPageChangeRef$curr;
       simpleBarScrollToTop();
       (_onPageChangeRef$curr = onPageChangeRef.current) === null || _onPageChangeRef$curr === void 0 || _onPageChangeRef$curr.call(onPageChangeRef, page);
     };
-    $[92] = onPageChangeRef;
-    $[93] = t51;
+    $[101] = onPageChangeRef;
+    $[102] = t57;
   } else {
-    t51 = $[93];
+    t57 = $[102];
   }
-  var handlePageChange = t51;
-  var t52;
-  if ($[94] !== openMenuId) {
-    t52 = function t52(newMenuOpen, newOpenMenuId) {
+  var handlePageChange = t57;
+  var t58;
+  if ($[103] !== openMenuId) {
+    t58 = function t58(newMenuOpen, newOpenMenuId) {
       if (newMenuOpen) {
         setMenuOpen(newMenuOpen);
         setOpenMenuId(newOpenMenuId);
@@ -3940,15 +3982,15 @@ function PTable(t0) {
         }
       }
     };
-    $[94] = openMenuId;
-    $[95] = t52;
+    $[103] = openMenuId;
+    $[104] = t58;
   } else {
-    t52 = $[95];
+    t58 = $[104];
   }
-  var TableContextSetMenuOpen = t52;
-  var t53;
-  if ($[96] !== fireOnCheckChange || $[97] !== getFinalColumnId) {
-    t53 = function t53(item_2, column_3, checked_3) {
+  var TableContextSetMenuOpen = t58;
+  var t59;
+  if ($[105] !== fireOnCheckChange || $[106] !== getFinalColumnId) {
+    t59 = function t59(item_2, column_3, checked_3) {
       var columnId_7 = getFinalColumnId(column_3);
       if (localBodyDataRef.current) {
         var bodyData = localBodyDataRef.current[item_2.id];
@@ -3962,16 +4004,16 @@ function PTable(t0) {
         }
       }
     };
-    $[96] = fireOnCheckChange;
-    $[97] = getFinalColumnId;
-    $[98] = t53;
+    $[105] = fireOnCheckChange;
+    $[106] = getFinalColumnId;
+    $[107] = t59;
   } else {
-    t53 = $[98];
+    t59 = $[107];
   }
-  var TableContextSetItemColumnChecked = t53;
-  var t54;
-  if ($[99] !== getFinalColumnId || $[100] !== updateHeadCheck) {
-    t54 = function t54(item_3, column_4, disabled) {
+  var TableContextSetItemColumnChecked = t59;
+  var t60;
+  if ($[108] !== getFinalColumnId || $[109] !== updateHeadCheck) {
+    t60 = function t60(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 +4038,16 @@ function PTable(t0) {
         _run();
       }
     };
-    $[99] = getFinalColumnId;
-    $[100] = updateHeadCheck;
-    $[101] = t54;
+    $[108] = getFinalColumnId;
+    $[109] = updateHeadCheck;
+    $[110] = t60;
   } else {
-    t54 = $[101];
+    t60 = $[110];
   }
-  var TableContextSetItemColumnCheckDisabled = t54;
-  var t55;
-  if ($[102] !== getFinalColumnId) {
-    t55 = function t55(item_4, column_5, commands) {
+  var TableContextSetItemColumnCheckDisabled = t60;
+  var t61;
+  if ($[111] !== getFinalColumnId) {
+    t61 = function t61(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 +4070,15 @@ function PTable(t0) {
         _run_();
       }
     };
-    $[102] = getFinalColumnId;
-    $[103] = t55;
+    $[111] = getFinalColumnId;
+    $[112] = t61;
   } else {
-    t55 = $[103];
+    t61 = $[112];
   }
-  var TableContextSetItemColumnCommands = t55;
-  var t56;
-  if ($[104] !== getFinalColumnId) {
-    t56 = function t56(column_6, checked_4) {
+  var TableContextSetItemColumnCommands = t61;
+  var t62;
+  if ($[113] !== getFinalColumnId) {
+    t62 = function t62(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 +4099,15 @@ function PTable(t0) {
         _run_2();
       }
     };
-    $[104] = getFinalColumnId;
-    $[105] = t56;
+    $[113] = getFinalColumnId;
+    $[114] = t62;
   } else {
-    t56 = $[105];
+    t62 = $[114];
   }
-  var TableContextSetHeadColumnChecked = t56;
-  var t57;
-  if ($[106] !== getFinalColumnId) {
-    t57 = function t57(column_7, commands_0) {
+  var TableContextSetHeadColumnChecked = t62;
+  var t63;
+  if ($[115] !== getFinalColumnId) {
+    t63 = function t63(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 +4128,18 @@ function PTable(t0) {
         _run_3();
       }
     };
-    $[106] = getFinalColumnId;
-    $[107] = t57;
+    $[115] = getFinalColumnId;
+    $[116] = t63;
   } else {
-    t57 = $[107];
+    t63 = $[116];
   }
-  var TableContextSetHeadColumnCommands = t57;
+  var TableContextSetHeadColumnCommands = t63;
   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 t64;
+  if ($[117] !== fullHeight || $[118] !== initStyle) {
+    t64 = fullHeight ? _objectSpread2(_objectSpread2({
       width: "100%"
     }, initStyle), {}, {
       flex: 1,
@@ -4109,32 +4151,32 @@ function PTable(t0) {
     }) : _objectSpread2({
       width: "100%"
     }, initStyle);
-    $[108] = fullHeight;
-    $[109] = initStyle;
-    $[110] = t58;
+    $[117] = fullHeight;
+    $[118] = initStyle;
+    $[119] = t64;
   } else {
-    t58 = $[110];
+    t64 = $[119];
   }
-  var style = t58;
-  var t59 = typeof cellPadding === "number" ? "".concat(cellPadding, "px") : cellPadding;
-  var t60;
-  if ($[111] !== t59) {
+  var style = t64;
+  var t65 = typeof cellPadding === "number" ? "".concat(cellPadding, "px") : cellPadding;
+  var t66;
+  if ($[120] !== t65) {
     var sx_0 = {
-      padding: t59
+      padding: t65
     };
-    t60 = {
+    t66 = {
       "> .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;
+    $[120] = t65;
+    $[121] = t66;
   } else {
-    t60 = $[112];
+    t66 = $[121];
   }
-  var tableSx = t60;
+  var tableSx = t66;
   var pagingStyle;
-  if ($[113] !== fullHeight) {
+  if ($[122] !== fullHeight) {
     pagingStyle = {
       padding: "13px 0",
       borderTop: "1px solid rgba(224, 224, 224, 1)"
@@ -4142,32 +4184,32 @@ function PTable(t0) {
     if (fullHeight) {
       pagingStyle.position = "sticky";
     }
-    $[113] = fullHeight;
-    $[114] = pagingStyle;
+    $[122] = fullHeight;
+    $[123] = pagingStyle;
   } else {
-    pagingStyle = $[114];
+    pagingStyle = $[123];
   }
-  var t61;
-  if ($[115] !== pagingStyle || $[116] !== style || $[117] !== tableSx) {
-    t61 = {
+  var t67;
+  if ($[124] !== pagingStyle || $[125] !== style || $[126] !== tableSx) {
+    t67 = {
       style: style,
       tableSx: tableSx,
       pagingStyle: pagingStyle
     };
-    $[115] = pagingStyle;
-    $[116] = style;
-    $[117] = tableSx;
-    $[118] = t61;
+    $[124] = pagingStyle;
+    $[125] = style;
+    $[126] = tableSx;
+    $[127] = t67;
   } else {
-    t61 = $[118];
+    t67 = $[127];
   }
-  var _t = t61,
+  var _t = t67,
     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 t68;
+  if ($[128] !== containerHeight || $[129] !== finalPagingHeight || $[130] !== fullHeight || $[131] !== height || $[132] !== maxHeight || $[133] !== minHeight) {
+    t68 = fullHeight ? {
       height: (containerHeight || 0) - (finalPagingHeight || 0) - 1,
       flex: 1,
       position: "absolute",
@@ -4181,50 +4223,50 @@ function PTable(t0) {
       maxHeight: maxHeight,
       marginBottom: -1
     };
-    $[119] = containerHeight;
-    $[120] = finalPagingHeight;
-    $[121] = fullHeight;
-    $[122] = height;
-    $[123] = maxHeight;
-    $[124] = minHeight;
-    $[125] = t62;
-  } else {
-    t62 = $[125];
-  }
-  var contentContainerStyle = t62;
-  var t63;
-  if ($[126] !== containerHeight || $[127] !== finalPagingHeight || $[128] !== fullHeight || $[129] !== isNoData) {
-    t63 = fullHeight && isNoData ? {
+    $[128] = containerHeight;
+    $[129] = finalPagingHeight;
+    $[130] = fullHeight;
+    $[131] = height;
+    $[132] = maxHeight;
+    $[133] = minHeight;
+    $[134] = t68;
+  } else {
+    t68 = $[134];
+  }
+  var contentContainerStyle = t68;
+  var t69;
+  if ($[135] !== containerHeight || $[136] !== finalPagingHeight || $[137] !== fullHeight || $[138] !== isNoData) {
+    t69 = fullHeight && isNoData ? {
       flex: 1,
       height: (containerHeight || 0) - finalPagingHeight - 2
     } : undefined;
-    $[126] = containerHeight;
-    $[127] = finalPagingHeight;
-    $[128] = fullHeight;
-    $[129] = isNoData;
-    $[130] = t63;
-  } else {
-    t63 = $[130];
-  }
-  var tableStyle = t63;
-  var t64;
-  if ($[131] !== contentContainerStyle || $[132] !== tableStyle) {
-    t64 = {
+    $[135] = containerHeight;
+    $[136] = finalPagingHeight;
+    $[137] = fullHeight;
+    $[138] = isNoData;
+    $[139] = t69;
+  } else {
+    t69 = $[139];
+  }
+  var tableStyle = t69;
+  var t70;
+  if ($[140] !== contentContainerStyle || $[141] !== tableStyle) {
+    t70 = {
       contentContainerStyle: contentContainerStyle,
       tableStyle: tableStyle
     };
-    $[131] = contentContainerStyle;
-    $[132] = tableStyle;
-    $[133] = t64;
+    $[140] = contentContainerStyle;
+    $[141] = tableStyle;
+    $[142] = t70;
   } else {
-    t64 = $[133];
+    t70 = $[142];
   }
-  var _t2 = t64,
+  var _t2 = t70,
     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 t71;
+  if ($[143] !== caption || $[144] !== defaultAlign || $[145] !== finalColumns || $[146] !== handleHeadCheckChange || $[147] !== items || $[148] !== topHeadRows) {
+    t71 = finalColumns && /*#__PURE__*/React__default.createElement(PTableTopHead, {
       caption: caption,
       rows: topHeadRows,
       columns: finalColumns,
@@ -4232,20 +4274,20 @@ function PTable(t0) {
       defaultAlign: defaultAlign,
       onCheckChange: handleHeadCheckChange
     });
-    $[134] = caption;
-    $[135] = defaultAlign;
-    $[136] = finalColumns;
-    $[137] = handleHeadCheckChange;
-    $[138] = items;
-    $[139] = topHeadRows;
-    $[140] = t65;
-  } else {
-    t65 = $[140];
-  }
-  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, {
+    $[143] = caption;
+    $[144] = defaultAlign;
+    $[145] = finalColumns;
+    $[146] = handleHeadCheckChange;
+    $[147] = items;
+    $[148] = topHeadRows;
+    $[149] = t71;
+  } else {
+    t71 = $[149];
+  }
+  var tableTopHead = t71;
+  var t72;
+  if ($[150] !== defaultAlign || $[151] !== defaultEllipsis || $[152] !== finalColumns || $[153] !== handleBodyCheckChange || $[154] !== noData || $[155] !== onClick || $[156] !== onGetBodyColumnClassName || $[157] !== onGetBodyColumnStyle || $[158] !== onGetBodyColumnSx || $[159] !== onGetBodyRowClassName || $[160] !== onGetBodyRowStyle || $[161] !== onGetBodyRowSx || $[162] !== showEvenColor || $[163] !== showOddColor || $[164] !== sortable || $[165] !== sortableItems) {
+    t72 = finalColumns && /*#__PURE__*/React__default.createElement(TableBody, null, sortableItems ? sortableItems.length > 0 ? /*#__PURE__*/React__default.createElement(PTableSortableBody, {
       items: sortableItems,
       columns: finalColumns,
       showOddColor: showOddColor,
@@ -4267,30 +4309,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) {
+    $[150] = defaultAlign;
+    $[151] = defaultEllipsis;
+    $[152] = finalColumns;
+    $[153] = handleBodyCheckChange;
+    $[154] = noData;
+    $[155] = onClick;
+    $[156] = onGetBodyColumnClassName;
+    $[157] = onGetBodyColumnStyle;
+    $[158] = onGetBodyColumnSx;
+    $[159] = onGetBodyRowClassName;
+    $[160] = onGetBodyRowStyle;
+    $[161] = onGetBodyRowSx;
+    $[162] = showEvenColor;
+    $[163] = showOddColor;
+    $[164] = sortable;
+    $[165] = sortableItems;
+    $[166] = t72;
+  } else {
+    t72 = $[166];
+  }
+  var tableBody = t72;
+  var t73;
+  if ($[167] !== defaultAlign || $[168] !== finalColumns || $[169] !== footer || $[170] !== isNoData || $[171] !== items) {
+    t73 = finalColumns && !isNoData && footer && /*#__PURE__*/React__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 +4340,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, {
+    $[167] = defaultAlign;
+    $[168] = finalColumns;
+    $[169] = footer;
+    $[170] = isNoData;
+    $[171] = items;
+    $[172] = t73;
+  } else {
+    t73 = $[172];
+  }
+  var tableFooter = t73;
+  var t74;
+  if ($[173] !== TableContextSetHeadColumnChecked || $[174] !== TableContextSetHeadColumnCommands || $[175] !== TableContextSetItemColumnCheckDisabled || $[176] !== TableContextSetItemColumnChecked || $[177] !== TableContextSetItemColumnCommands || $[178] !== TableContextSetMenuOpen || $[179] !== className || $[180] !== containerHeightDetector || $[181] !== contentContainerStyle_0 || $[182] !== finalColumns || $[183] !== fullHeight || $[184] !== handleDragEnd || $[185] !== handlePageChange || $[186] !== menuOpen || $[187] !== openMenuId || $[188] !== (pagination === null || pagination === void 0 ? void 0 : pagination.className) || $[189] !== (pagination === null || pagination === void 0 ? void 0 : pagination.style) || $[190] !== (pagination === null || pagination === void 0 ? void 0 : pagination.sx) || $[191] !== paging || $[192] !== pagingAlign || $[193] !== pagingHeightResizeDetector || $[194] !== pagingStyle_0 || $[195] !== progressiveVisible || $[196] !== sensors || $[197] !== showEvenColor || $[198] !== showOddColor || $[199] !== sortable || $[200] !== stickyHeader || $[201] !== style_0 || $[202] !== sx || $[203] !== tableBody || $[204] !== tableFooter || $[205] !== tableStyle_0 || $[206] !== tableSx_0 || $[207] !== tableTopHead) {
+    t74 = finalColumns ? /*#__PURE__*/React__default.createElement(PTableContextProvider, {
       value: {
         menuOpen: menuOpen,
         openMenuId: openMenuId,
@@ -4361,46 +4403,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;
+    $[173] = TableContextSetHeadColumnChecked;
+    $[174] = TableContextSetHeadColumnCommands;
+    $[175] = TableContextSetItemColumnCheckDisabled;
+    $[176] = TableContextSetItemColumnChecked;
+    $[177] = TableContextSetItemColumnCommands;
+    $[178] = TableContextSetMenuOpen;
+    $[179] = className;
+    $[180] = containerHeightDetector;
+    $[181] = contentContainerStyle_0;
+    $[182] = finalColumns;
+    $[183] = fullHeight;
+    $[184] = handleDragEnd;
+    $[185] = handlePageChange;
+    $[186] = menuOpen;
+    $[187] = openMenuId;
+    $[188] = pagination === null || pagination === void 0 ? void 0 : pagination.className;
+    $[189] = pagination === null || pagination === void 0 ? void 0 : pagination.style;
+    $[190] = pagination === null || pagination === void 0 ? void 0 : pagination.sx;
+    $[191] = paging;
+    $[192] = pagingAlign;
+    $[193] = pagingHeightResizeDetector;
+    $[194] = pagingStyle_0;
+    $[195] = progressiveVisible;
+    $[196] = sensors;
+    $[197] = showEvenColor;
+    $[198] = showOddColor;
+    $[199] = sortable;
+    $[200] = stickyHeader;
+    $[201] = style_0;
+    $[202] = sx;
+    $[203] = tableBody;
+    $[204] = tableFooter;
+    $[205] = tableStyle_0;
+    $[206] = tableSx_0;
+    $[207] = tableTopHead;
+    $[208] = t74;
+  } else {
+    t74 = $[208];
+  }
+  return t74;
 }
 function _temp$1(col) {
   if (col.id) {
@@ -4443,7 +4485,7 @@ var deHash = function deHash() {
   });
   return values;
 };function PSearchTable(t0) {
-  var $ = c(74);
+  var $ = c(80);
   var ref = t0.ref,
     className = t0.className,
     initStyle = t0.style,
@@ -4493,40 +4535,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 +4608,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 +4623,7 @@ var deHash = function deHash() {
                         }
                       }
                     }
-                    break bb29;
+                    break bb25;
                   }
                 case "PFormDatePicker":
                 case "PFormDateTimePicker":
@@ -4567,7 +4637,7 @@ var deHash = function deHash() {
                     } else {
                       itemCommands.setValue(null);
                     }
-                    break bb29;
+                    break bb25;
                   }
                 case "PFormDateRangePicker":
                   {
@@ -4592,7 +4662,7 @@ var deHash = function deHash() {
                         }
                       }
                     }
-                    break bb29;
+                    break bb25;
                   }
                 case "PFormYearRangePicker":
                   {
@@ -4606,7 +4676,7 @@ var deHash = function deHash() {
                         dateRangePickerCommands.setToValue(notEmpty(value) ? Number(value) : null);
                       }
                     }
-                    break bb29;
+                    break bb25;
                   }
                 case "PFormMonthPicker":
                   {
@@ -4620,7 +4690,7 @@ var deHash = function deHash() {
                         monthCommands.setMonth(notEmpty(value) ? Number(value) : null);
                       }
                     }
-                    break bb29;
+                    break bb25;
                   }
                 case "PFormMonthRangePicker":
                   {
@@ -4644,7 +4714,7 @@ var deHash = function deHash() {
                         }
                       }
                     }
-                    break bb29;
+                    break bb25;
                   }
                 default:
                   {
@@ -4657,15 +4727,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 +4761,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 +4812,39 @@ var deHash = function deHash() {
         }
       }
     };
-    $[16] = getDataRef;
-    $[17] = hash;
-    $[18] = hashToSearchValueRef;
-    $[19] = location.pathname;
-    $[20] = t11;
+    $[22] = getDataRef;
+    $[23] = hash;
+    $[24] = hashToSearchValueRef;
+    $[25] = location.pathname;
+    $[26] = t15;
   } else {
-    t11 = $[20];
+    t15 = $[26];
   }
-  var effectEvent = useEffectEvent(t11);
-  var t12;
-  if ($[21] !== effectEvent) {
-    t12 = function t12() {
+  var effectEvent = useEffectEvent(t15);
+  var t16;
+  if ($[27] !== effectEvent) {
+    t16 = function t16() {
       effectEvent();
     };
-    $[21] = effectEvent;
-    $[22] = t12;
+    $[27] = effectEvent;
+    $[28] = t16;
   } else {
-    t12 = $[22];
+    t16 = $[28];
   }
-  var t13;
-  if ($[23] !== hash || $[24] !== location.hash || $[25] !== location.pathname) {
-    t13 = [hash, location.pathname, location.hash];
-    $[23] = hash;
-    $[24] = location.hash;
-    $[25] = location.pathname;
-    $[26] = t13;
+  var t17;
+  if ($[29] !== hash || $[30] !== location.hash || $[31] !== location.pathname) {
+    t17 = [hash, location.pathname, location.hash];
+    $[29] = hash;
+    $[30] = location.hash;
+    $[31] = location.pathname;
+    $[32] = t17;
   } else {
-    t13 = $[26];
+    t17 = $[32];
   }
-  useEffect(t12, t13);
-  var t14;
-  if ($[27] !== getData || $[28] !== onRequestHashChangeRef) {
-    t14 = function t14(params) {
+  useEffect(t16, t17);
+  var t18;
+  if ($[33] !== getData || $[34] !== onRequestHashChangeRef) {
+    t18 = function t18(params) {
       if (onRequestHashChangeRef.current) {
         var hashes = [];
         Object.keys(params).forEach(function (name_0) {
@@ -4788,7 +4858,7 @@ var deHash = function deHash() {
               var itemCommands_0 = searchRef.current.getItem(name_0);
               if (itemCommands_0) {
                 var resetValue = null;
-                bb226: switch (itemCommands_0.getType()) {
+                bb222: switch (itemCommands_0.getType()) {
                   case "PFormDateRangePicker":
                   case "PFormYearRangePicker":
                     {
@@ -4805,7 +4875,7 @@ var deHash = function deHash() {
                           resetValue = searchRef.current.getFormReset(itemName_1, toSuffix);
                         }
                       }
-                      break bb226;
+                      break bb222;
                     }
                   case "PFormMonthPicker":
                     {
@@ -4822,7 +4892,7 @@ var deHash = function deHash() {
                           resetValue = searchRef.current.getFormReset(itemName_0, monthSuffix);
                         }
                       }
-                      break bb226;
+                      break bb222;
                     }
                   case "PFormMonthRangePicker":
                     {
@@ -4851,7 +4921,7 @@ var deHash = function deHash() {
                           }
                         }
                       }
-                      break bb226;
+                      break bb222;
                     }
                   default:
                     {
@@ -4873,16 +4943,16 @@ var deHash = function deHash() {
         }
       }
     };
-    $[27] = getData;
-    $[28] = onRequestHashChangeRef;
-    $[29] = t14;
+    $[33] = getData;
+    $[34] = onRequestHashChangeRef;
+    $[35] = t18;
   } else {
-    t14 = $[29];
+    t18 = $[35];
   }
-  var hashChange = t14;
-  var t15;
-  if ($[30] !== getData || $[31] !== hash || $[32] !== hashChange) {
-    t15 = function t15(page_0) {
+  var hashChange = t18;
+  var t19;
+  if ($[36] !== getData || $[37] !== hash || $[38] !== hashChange) {
+    t19 = function t19(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 +4969,17 @@ var deHash = function deHash() {
         getData(finalData_0 || {});
       }
     };
-    $[30] = getData;
-    $[31] = hash;
-    $[32] = hashChange;
-    $[33] = t15;
+    $[36] = getData;
+    $[37] = hash;
+    $[38] = hashChange;
+    $[39] = t19;
   } else {
-    t15 = $[33];
+    t19 = $[39];
   }
-  var handlePageChange = t15;
-  var t16;
-  if ($[34] !== getData || $[35] !== hash || $[36] !== hashChange || $[37] !== isFirstSearchSubmit) {
-    t16 = function t16(data_1) {
+  var handlePageChange = t19;
+  var t20;
+  if ($[40] !== getData || $[41] !== hash || $[42] !== hashChange || $[43] !== isFirstSearchSubmit) {
+    t20 = function t20(data_1) {
       var _tableRef$current2;
       (_tableRef$current2 = tableRef.current) === null || _tableRef$current2 === void 0 || _tableRef$current2.scrollToTop();
       if (isFirstSearchSubmit) {
@@ -4930,29 +5000,29 @@ var deHash = function deHash() {
         }
       }
     };
-    $[34] = getData;
-    $[35] = hash;
-    $[36] = hashChange;
-    $[37] = isFirstSearchSubmit;
-    $[38] = t16;
+    $[40] = getData;
+    $[41] = hash;
+    $[42] = hashChange;
+    $[43] = isFirstSearchSubmit;
+    $[44] = t20;
   } else {
-    t16 = $[38];
+    t20 = $[44];
   }
-  var handleSearchSubmit = t16;
-  var t17 = searchInfo.searchGroups ? undefined : "none";
-  var t18;
-  if ($[39] !== t17) {
-    t18 = {
-      display: t17
+  var handleSearchSubmit = t20;
+  var t21 = searchInfo.searchGroups ? undefined : "none";
+  var t22;
+  if ($[45] !== t21) {
+    t22 = {
+      display: t21
     };
-    $[39] = t17;
-    $[40] = t18;
+    $[45] = t21;
+    $[46] = t22;
   } else {
-    t18 = $[40];
+    t22 = $[46];
   }
-  var t19;
-  if ($[41] !== searchInfo) {
-    t19 = function t19(commands_3) {
+  var t23;
+  if ($[47] !== searchInfo) {
+    t23 = function t23(commands_3) {
       if (searchInfo.ref) {
         if (typeof searchInfo.ref === "function") {
           searchInfo.ref(commands_3);
@@ -4968,58 +5038,58 @@ var deHash = function deHash() {
       }
       searchRef.current = commands_3 || undefined;
     };
-    $[41] = searchInfo;
-    $[42] = t19;
+    $[47] = searchInfo;
+    $[48] = t23;
   } else {
-    t19 = $[42];
+    t23 = $[48];
   }
-  var t20;
-  if ($[43] === Symbol["for"]("react.memo_cache_sentinel")) {
-    t20 = /*#__PURE__*/React__default.createElement(PSearchGroup, {
+  var t24;
+  if ($[49] === Symbol["for"]("react.memo_cache_sentinel")) {
+    t24 = /*#__PURE__*/React__default.createElement(PSearchGroup, {
       hidden: true
     }, /*#__PURE__*/React__default.createElement(PFormHidden, {
       name: "page",
       value: 1
     }));
-    $[43] = t20;
+    $[49] = t24;
   } else {
-    t20 = $[43];
+    t24 = $[49];
   }
-  var t21;
-  if ($[44] !== color || $[45] !== handleSearchSubmit || $[46] !== searchInfo.props || $[47] !== searchInfo.searchGroups || $[48] !== t19) {
-    t21 = /*#__PURE__*/React__default.createElement(PSearch, _extends({
+  var t25;
+  if ($[50] !== color || $[51] !== handleSearchSubmit || $[52] !== searchInfo.props || $[53] !== searchInfo.searchGroups || $[54] !== t23) {
+    t25 = /*#__PURE__*/React__default.createElement(PSearch, _extends({
       color: color
     }, searchInfo.props, {
-      ref: t19,
+      ref: t23,
       autoSubmit: true,
       onSubmit: handleSearchSubmit
-    }), t20, searchInfo.searchGroups);
-    $[44] = color;
-    $[45] = handleSearchSubmit;
-    $[46] = searchInfo.props;
-    $[47] = searchInfo.searchGroups;
-    $[48] = t19;
-    $[49] = t21;
+    }), t24, searchInfo.searchGroups);
+    $[50] = color;
+    $[51] = handleSearchSubmit;
+    $[52] = searchInfo.props;
+    $[53] = searchInfo.searchGroups;
+    $[54] = t23;
+    $[55] = t25;
   } else {
-    t21 = $[49];
+    t25 = $[55];
   }
-  var t22;
-  if ($[50] !== t18 || $[51] !== t21) {
-    t22 = /*#__PURE__*/React__default.createElement(Grid, {
-      sx: t18
-    }, t21);
-    $[50] = t18;
-    $[51] = t21;
-    $[52] = t22;
+  var t26;
+  if ($[56] !== t22 || $[57] !== t25) {
+    t26 = /*#__PURE__*/React__default.createElement(Grid, {
+      sx: t22
+    }, t25);
+    $[56] = t22;
+    $[57] = t25;
+    $[58] = t26;
   } else {
-    t22 = $[52];
+    t26 = $[58];
   }
-  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 = t26;
+  var t27;
+  if ($[59] !== fullHeight || $[60] !== handlePageChange || $[61] !== stickyHeader || $[62] !== (tableData === null || tableData === void 0 ? void 0 : tableData.items) || $[63] !== (tableData === null || tableData === void 0 ? void 0 : tableData.paging) || $[64] !== tableInfo) {
     tableData === null || tableData === void 0 || tableData.items;
     tableData === null || tableData === void 0 || tableData.paging;
-    t23 = function (_tableInfo$props, _tableInfo$props2) {
+    t27 = function (_tableInfo$props, _tableInfo$props2) {
       return /*#__PURE__*/React__default.createElement(Grid, {
         style: fullHeight ? {
           flex: 1,
@@ -5044,66 +5114,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;
+    $[59] = fullHeight;
+    $[60] = handlePageChange;
+    $[61] = stickyHeader;
+    $[62] = tableData === null || tableData === void 0 ? void 0 : tableData.items;
+    $[63] = tableData === null || tableData === void 0 ? void 0 : tableData.paging;
+    $[64] = tableInfo;
+    $[65] = t27;
   } else {
-    t23 = $[59];
+    t27 = $[65];
   }
-  var tableView = t23;
-  var t24;
-  if ($[60] !== className) {
-    t24 = classNames("PSearchTable", className);
-    $[60] = className;
-    $[61] = t24;
+  var tableView = t27;
+  var t28;
+  if ($[66] !== className) {
+    t28 = classNames("PSearchTable", className);
+    $[66] = className;
+    $[67] = t28;
   } else {
-    t24 = $[61];
+    t28 = $[67];
   }
-  var t25;
-  if ($[62] !== fullHeight || $[63] !== initStyle) {
-    t25 = fullHeight ? _objectSpread2(_objectSpread2({}, initStyle), {}, {
+  var t29;
+  if ($[68] !== fullHeight || $[69] !== initStyle) {
+    t29 = fullHeight ? _objectSpread2(_objectSpread2({}, initStyle), {}, {
       flex: 1,
       display: "flex"
     }) : initStyle;
-    $[62] = fullHeight;
-    $[63] = initStyle;
-    $[64] = t25;
+    $[68] = fullHeight;
+    $[69] = initStyle;
+    $[70] = t29;
   } else {
-    t25 = $[64];
+    t29 = $[70];
   }
-  var t26;
-  if ($[65] !== betweenSearchTableComponent) {
-    t26 = betweenSearchTableComponent && /*#__PURE__*/React__default.createElement(Grid, null, betweenSearchTableComponent);
-    $[65] = betweenSearchTableComponent;
-    $[66] = t26;
+  var t30;
+  if ($[71] !== betweenSearchTableComponent) {
+    t30 = betweenSearchTableComponent && /*#__PURE__*/React__default.createElement(Grid, null, betweenSearchTableComponent);
+    $[71] = betweenSearchTableComponent;
+    $[72] = t30;
   } else {
-    t26 = $[66];
+    t30 = $[72];
   }
-  var t27;
-  if ($[67] !== searchView || $[68] !== sx || $[69] !== t24 || $[70] !== t25 || $[71] !== t26 || $[72] !== tableView) {
-    t27 = /*#__PURE__*/React__default.createElement(Grid, {
+  var t31;
+  if ($[73] !== searchView || $[74] !== sx || $[75] !== t28 || $[76] !== t29 || $[77] !== t30 || $[78] !== tableView) {
+    t31 = /*#__PURE__*/React__default.createElement(Grid, {
       container: true,
       direction: "column",
       spacing: 1,
-      className: t24,
-      style: t25,
+      className: t28,
+      style: t29,
       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, t30, tableView);
+    $[73] = searchView;
+    $[74] = sx;
+    $[75] = t28;
+    $[76] = t29;
+    $[77] = t30;
+    $[78] = tableView;
+    $[79] = t31;
+  } else {
+    t31 = $[79];
+  }
+  return t31;
 }var _excluded$1 = ["children", "className", "sx", "variant", "color", "startIcon", "endIcon", "onClick"];
 var PTableButton = function PTableButton(t0) {
   var $ = c(25);