@pdg/react-table 1.2.1 → 1.2.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/PTable/PTable.d.ts +3 -0
  2. package/dist/PTableBodyRow/PTableBodyRow.d.ts +1 -1
  3. package/dist/index.esm.js +1615 -1287
  4. package/dist/index.js +1615 -1287
  5. package/package.json +5 -5
package/dist/index.js CHANGED
@@ -1,4 +1,4 @@
1
- 'use strict';var compilerRuntime=require('react/compiler-runtime'),React=require('react'),classNames=require('classnames'),material=require('@mui/material'),dayjs=require('dayjs'),compare=require('@pdg/compare'),formatting=require('@pdg/formatting'),reactComponent=require('@pdg/react-component'),reactForm=require('@pdg/react-form'),core=require('@dnd-kit/core'),sortable=require('@dnd-kit/sortable'),SimpleBar=require('simplebar-react'),uuid=require('uuid'),reactHook=require('@pdg/react-hook'),reactIntersectionObserver=require('react-intersection-observer'),reactRouter=require('react-router');function _interopNamespaceDefault(e){var n=Object.create(null);if(e){Object.keys(e).forEach(function(k){if(k!=='default'){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:true,get:function(){return e[k]}});}})}n.default=e;return Object.freeze(n)}var React__namespace=/*#__PURE__*/_interopNamespaceDefault(React);function insertStyle(css) {
1
+ 'use strict';var compilerRuntime=require('react/compiler-runtime'),React=require('react'),classNames=require('classnames'),material=require('@mui/material'),dayjs=require('dayjs'),compare=require('@pdg/compare'),formatting=require('@pdg/formatting'),reactComponent=require('@pdg/react-component'),reactHook=require('@pdg/react-hook'),reactForm=require('@pdg/react-form'),core=require('@dnd-kit/core'),sortable=require('@dnd-kit/sortable'),SimpleBar=require('simplebar-react'),uuid=require('uuid'),reactIntersectionObserver=require('react-intersection-observer'),reactRouter=require('react-router');function _interopNamespaceDefault(e){var n=Object.create(null);if(e){Object.keys(e).forEach(function(k){if(k!=='default'){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:true,get:function(){return e[k]}});}})}n.default=e;return Object.freeze(n)}var React__namespace=/*#__PURE__*/_interopNamespaceDefault(React);function insertStyle(css) {
2
2
  if (typeof window === 'undefined')
3
3
  return;
4
4
  const style = document.createElement('style');
@@ -190,7 +190,7 @@ function typographyColorToSxColor(color) {
190
190
  return color;
191
191
  }
192
192
  }function PInfoTable(t0) {
193
- var $ = compilerRuntime.c(44);
193
+ var $ = compilerRuntime.c(32);
194
194
  var cols = t0.cols,
195
195
  t1 = t0.spacing,
196
196
  columnSpacing = t0.columnSpacing,
@@ -215,6 +215,7 @@ function typographyColorToSxColor(color) {
215
215
  var rowSpacing = t2 === undefined ? 3 : t2;
216
216
  var labelColor = t3 === undefined ? "primary" : t3;
217
217
  var dividerColor = t4 === undefined ? "gray" : t4;
218
+ var onCopyToClipboardRef = reactHook.useAutoUpdateRef(onCopyToClipboard);
218
219
  var t5;
219
220
  if ($[0] !== cols || $[1] !== info || $[2] !== items) {
220
221
  var _t;
@@ -435,102 +436,85 @@ function typographyColorToSxColor(color) {
435
436
  }
436
437
  var renderItems = t5;
437
438
  var t6;
438
- if ($[9] !== dividerColor || $[10] !== ellipsis || $[11] !== labelClassName || $[12] !== labelColor || $[13] !== labelStyle || $[14] !== labelSx || $[15] !== onCopyToClipboard || $[16] !== renderItems || $[17] !== valueClassName || $[18] !== valueStyle || $[19] !== valueSx || $[20] !== valueUnderline) {
439
- var _t3;
440
- if ($[22] !== dividerColor || $[23] !== ellipsis || $[24] !== labelClassName || $[25] !== labelColor || $[26] !== labelStyle || $[27] !== labelSx || $[28] !== onCopyToClipboard || $[29] !== valueClassName || $[30] !== valueStyle || $[31] !== valueSx || $[32] !== valueUnderline) {
441
- _t3 = function _t3(t8, idx) {
442
- var item_1 = t8.item,
443
- data_0 = t8.data,
444
- copyToClipboardText_0 = t8.copyToClipboardText,
445
- sizeProps_0 = t8.sizeProps;
446
- var finalLabelColor = typographyColorToSxColor(item_1.type === "divider" ? item_1.dividerColor || dividerColor : item_1.labelColor || labelColor);
447
- var finalLabelSx = combineSx(labelSx, item_1.labelSx, !!finalLabelColor && {
439
+ if ($[9] !== dividerColor || $[10] !== ellipsis || $[11] !== labelClassName || $[12] !== labelColor || $[13] !== labelStyle || $[14] !== labelSx || $[15] !== onCopyToClipboardRef || $[16] !== renderItems || $[17] !== valueClassName || $[18] !== valueStyle || $[19] !== valueSx || $[20] !== valueUnderline) {
440
+ t6 = renderItems.map(function (t7, idx) {
441
+ var item_1 = t7.item,
442
+ data_0 = t7.data,
443
+ copyToClipboardText_0 = t7.copyToClipboardText,
444
+ sizeProps_0 = t7.sizeProps;
445
+ var finalLabelColor = typographyColorToSxColor(item_1.type === "divider" ? item_1.dividerColor || dividerColor : item_1.labelColor || labelColor);
446
+ var finalLabelSx = combineSx(labelSx, item_1.labelSx, !!finalLabelColor && {
447
+ color: finalLabelColor
448
+ });
449
+ var finalValueSx = combineSx(valueSx, item_1.valueSx);
450
+ var valueUnderlineStyle = valueUnderline ? {
451
+ borderBottom: "1px solid #efefef",
452
+ paddingBottom: 5
453
+ } : undefined;
454
+ return item_1.type === "divider" ? /*#__PURE__*/React.createElement(material.Grid, {
455
+ key: idx,
456
+ size: {
457
+ xs: 12
458
+ }
459
+ }, /*#__PURE__*/React.createElement(material.Stack, {
460
+ direction: "row",
461
+ spacing: 0.5,
462
+ alignItems: "center"
463
+ }, item_1.icon && /*#__PURE__*/React.createElement(reactComponent.PIcon, {
464
+ sx: {
465
+ color: item_1.dividerColor || dividerColor
466
+ },
467
+ size: "small"
468
+ }, item_1.icon), item_1.label && /*#__PURE__*/React.createElement(Label, {
469
+ className: classNames(labelClassName, item_1.labelClassName),
470
+ style: _objectSpread2(_objectSpread2({}, item_1.labelStyle), labelStyle),
471
+ sx: finalLabelSx
472
+ }, item_1.label), item_1.dividerLine && /*#__PURE__*/React.createElement(React.Fragment, null, item_1.icon || item_1.label ? /*#__PURE__*/React.createElement("div", {
473
+ style: {
474
+ flex: 1,
475
+ paddingLeft: 5
476
+ }
477
+ }, /*#__PURE__*/React.createElement(Line, null)) : /*#__PURE__*/React.createElement(Line, null)))) : /*#__PURE__*/React.createElement(material.Grid, {
478
+ key: idx,
479
+ size: sizeProps_0,
480
+ className: item_1.className,
481
+ style: item_1.style,
482
+ sx: item_1.sx
483
+ }, /*#__PURE__*/React.createElement(material.Stack, {
484
+ direction: "row",
485
+ spacing: 0.5,
486
+ alignItems: "center"
487
+ }, item_1.icon && /*#__PURE__*/React.createElement(reactComponent.PIcon, {
488
+ sx: {
448
489
  color: finalLabelColor
449
- });
450
- var finalValueSx = combineSx(valueSx, item_1.valueSx);
451
- var valueUnderlineStyle = valueUnderline ? {
452
- borderBottom: "1px solid #efefef",
453
- paddingBottom: 5
454
- } : undefined;
455
- return item_1.type === "divider" ? /*#__PURE__*/React.createElement(material.Grid, {
456
- key: idx,
457
- size: {
458
- xs: 12
459
- }
460
- }, /*#__PURE__*/React.createElement(material.Stack, {
461
- direction: "row",
462
- spacing: 0.5,
463
- alignItems: "center"
464
- }, item_1.icon && /*#__PURE__*/React.createElement(reactComponent.PIcon, {
465
- sx: {
466
- color: item_1.dividerColor || dividerColor
467
- },
468
- size: "small"
469
- }, item_1.icon), item_1.label && /*#__PURE__*/React.createElement(Label, {
470
- className: classNames(labelClassName, item_1.labelClassName),
471
- style: _objectSpread2(_objectSpread2({}, item_1.labelStyle), labelStyle),
472
- sx: finalLabelSx
473
- }, item_1.label), item_1.dividerLine && /*#__PURE__*/React.createElement(React.Fragment, null, item_1.icon || item_1.label ? /*#__PURE__*/React.createElement("div", {
474
- style: {
475
- flex: 1,
476
- paddingLeft: 5
477
- }
478
- }, /*#__PURE__*/React.createElement(Line, null)) : /*#__PURE__*/React.createElement(Line, null)))) : /*#__PURE__*/React.createElement(material.Grid, {
479
- key: idx,
480
- size: sizeProps_0,
481
- className: item_1.className,
482
- style: item_1.style,
483
- sx: item_1.sx
484
- }, /*#__PURE__*/React.createElement(material.Stack, {
485
- direction: "row",
486
- spacing: 0.5,
487
- alignItems: "center"
488
- }, item_1.icon && /*#__PURE__*/React.createElement(reactComponent.PIcon, {
489
- sx: {
490
- color: finalLabelColor
491
- },
492
- size: "small"
493
- }, "CalendarMonth"), /*#__PURE__*/React.createElement(Label, {
494
- className: classNames(labelClassName, item_1.labelClassName),
495
- style: _objectSpread2(_objectSpread2({}, item_1.labelStyle), labelStyle),
496
- sx: finalLabelSx
497
- }, item_1.label)), /*#__PURE__*/React.createElement(ValueWrap, {
498
- className: classNames(valueClassName, item_1.valueClassName),
499
- style: _objectSpread2(_objectSpread2(_objectSpread2({}, valueStyle), item_1.valueStyle), valueUnderlineStyle),
500
- sx: finalValueSx
501
- }, item_1.ellipsis || ellipsis ? /*#__PURE__*/React.createElement(ValueEllipsis, null, data_0) : /*#__PURE__*/React.createElement(Value, null, data_0), item_1.clipboard && compare.notEmpty(copyToClipboardText_0) && /*#__PURE__*/React.createElement(ValueClipboard, null, /*#__PURE__*/React.createElement(reactComponent.PCopyToClipboard, {
502
- text: copyToClipboardText_0,
503
- onCopy: onCopyToClipboard ? function () {
504
- return onCopyToClipboard(item_1, copyToClipboardText_0);
505
- } : undefined
506
- }, /*#__PURE__*/React.createElement(ClipboardIconButton, _extends({
507
- size: "small",
508
- color: "primary"
509
- }, item_1.clipboardProps), /*#__PURE__*/React.createElement(reactComponent.PIcon, null, item_1.clipboardIcon || "ContentPaste"))))));
510
- };
511
- $[22] = dividerColor;
512
- $[23] = ellipsis;
513
- $[24] = labelClassName;
514
- $[25] = labelColor;
515
- $[26] = labelStyle;
516
- $[27] = labelSx;
517
- $[28] = onCopyToClipboard;
518
- $[29] = valueClassName;
519
- $[30] = valueStyle;
520
- $[31] = valueSx;
521
- $[32] = valueUnderline;
522
- $[33] = _t3;
523
- } else {
524
- _t3 = $[33];
525
- }
526
- t6 = renderItems.map(_t3);
490
+ },
491
+ size: "small"
492
+ }, "CalendarMonth"), /*#__PURE__*/React.createElement(Label, {
493
+ className: classNames(labelClassName, item_1.labelClassName),
494
+ style: _objectSpread2(_objectSpread2({}, item_1.labelStyle), labelStyle),
495
+ sx: finalLabelSx
496
+ }, item_1.label)), /*#__PURE__*/React.createElement(ValueWrap, {
497
+ className: classNames(valueClassName, item_1.valueClassName),
498
+ style: _objectSpread2(_objectSpread2(_objectSpread2({}, valueStyle), item_1.valueStyle), valueUnderlineStyle),
499
+ sx: finalValueSx
500
+ }, item_1.ellipsis || ellipsis ? /*#__PURE__*/React.createElement(ValueEllipsis, null, data_0) : /*#__PURE__*/React.createElement(Value, null, data_0), item_1.clipboard && compare.notEmpty(copyToClipboardText_0) && /*#__PURE__*/React.createElement(ValueClipboard, null, /*#__PURE__*/React.createElement(reactComponent.PCopyToClipboard, {
501
+ text: copyToClipboardText_0,
502
+ onCopy: function onCopy() {
503
+ var _onCopyToClipboardRef;
504
+ return (_onCopyToClipboardRef = onCopyToClipboardRef.current) === null || _onCopyToClipboardRef === void 0 ? void 0 : _onCopyToClipboardRef.call(onCopyToClipboardRef, item_1, copyToClipboardText_0);
505
+ }
506
+ }, /*#__PURE__*/React.createElement(ClipboardIconButton, _extends({
507
+ size: "small",
508
+ color: "primary"
509
+ }, item_1.clipboardProps), /*#__PURE__*/React.createElement(reactComponent.PIcon, null, item_1.clipboardIcon || "ContentPaste"))))));
510
+ });
527
511
  $[9] = dividerColor;
528
512
  $[10] = ellipsis;
529
513
  $[11] = labelClassName;
530
514
  $[12] = labelColor;
531
515
  $[13] = labelStyle;
532
516
  $[14] = labelSx;
533
- $[15] = onCopyToClipboard;
517
+ $[15] = onCopyToClipboardRef;
534
518
  $[16] = renderItems;
535
519
  $[17] = valueClassName;
536
520
  $[18] = valueStyle;
@@ -542,15 +526,15 @@ function typographyColorToSxColor(color) {
542
526
  }
543
527
  var content = t6;
544
528
  var t7;
545
- if ($[34] !== className) {
529
+ if ($[22] !== className) {
546
530
  t7 = classNames("PInfoTable", className);
547
- $[34] = className;
548
- $[35] = t7;
531
+ $[22] = className;
532
+ $[23] = t7;
549
533
  } else {
550
- t7 = $[35];
534
+ t7 = $[23];
551
535
  }
552
536
  var t8;
553
- if ($[36] !== columnSpacing || $[37] !== content || $[38] !== rowSpacing || $[39] !== spacing || $[40] !== style || $[41] !== sx || $[42] !== t7) {
537
+ if ($[24] !== columnSpacing || $[25] !== content || $[26] !== rowSpacing || $[27] !== spacing || $[28] !== style || $[29] !== sx || $[30] !== t7) {
554
538
  t8 = /*#__PURE__*/React.createElement(material.Grid, {
555
539
  container: true,
556
540
  spacing: spacing,
@@ -560,16 +544,16 @@ function typographyColorToSxColor(color) {
560
544
  style: style,
561
545
  sx: sx
562
546
  }, content);
563
- $[36] = columnSpacing;
564
- $[37] = content;
565
- $[38] = rowSpacing;
566
- $[39] = spacing;
567
- $[40] = style;
568
- $[41] = sx;
569
- $[42] = t7;
570
- $[43] = t8;
547
+ $[24] = columnSpacing;
548
+ $[25] = content;
549
+ $[26] = rowSpacing;
550
+ $[27] = spacing;
551
+ $[28] = style;
552
+ $[29] = sx;
553
+ $[30] = t7;
554
+ $[31] = t8;
571
555
  } else {
572
- t8 = $[43];
556
+ t8 = $[31];
573
557
  }
574
558
  return t8;
575
559
  }function debounce$1(func, debounceMs, { signal, edges } = {}) {
@@ -1424,7 +1408,7 @@ function _temp$4(sx_1) {
1424
1408
  }
1425
1409
  };
1426
1410
  });function PTableHeadCell(t0) {
1427
- var $ = compilerRuntime.c(33);
1411
+ var $ = compilerRuntime.c(40);
1428
1412
  var column = t0.column,
1429
1413
  items = t0.items,
1430
1414
  defaultAlign = t0.defaultAlign,
@@ -1442,28 +1426,43 @@ function _temp$4(sx_1) {
1442
1426
  checkDisabled = _useState4[0],
1443
1427
  _setCheckDisabled = _useState4[1];
1444
1428
  var t1;
1445
- var t2;
1446
1429
  if ($[0] !== checked || $[1] !== column || $[2] !== setHeadColumnChecked) {
1447
1430
  t1 = function t1() {
1448
1431
  if (column.type === "check") {
1449
1432
  setHeadColumnChecked(column, checked);
1450
1433
  }
1451
1434
  };
1452
- t2 = [column, checked, setHeadColumnChecked];
1453
1435
  $[0] = checked;
1454
1436
  $[1] = column;
1455
1437
  $[2] = setHeadColumnChecked;
1456
1438
  $[3] = t1;
1457
- $[4] = t2;
1458
1439
  } else {
1459
1440
  t1 = $[3];
1460
- t2 = $[4];
1461
1441
  }
1462
- React.useEffect(t1, t2);
1442
+ var effectEvent = React.useEffectEvent(t1);
1443
+ var t2;
1444
+ if ($[4] !== effectEvent) {
1445
+ t2 = function t2() {
1446
+ effectEvent();
1447
+ };
1448
+ $[4] = effectEvent;
1449
+ $[5] = t2;
1450
+ } else {
1451
+ t2 = $[5];
1452
+ }
1463
1453
  var t3;
1454
+ if ($[6] !== checked || $[7] !== column) {
1455
+ t3 = [column, checked];
1456
+ $[6] = checked;
1457
+ $[7] = column;
1458
+ $[8] = t3;
1459
+ } else {
1460
+ t3 = $[8];
1461
+ }
1462
+ React.useEffect(t2, t3);
1464
1463
  var t4;
1465
- if ($[5] !== column || $[6] !== setHeadColumnCommands) {
1466
- t3 = function t3() {
1464
+ if ($[9] !== column || $[10] !== setHeadColumnCommands) {
1465
+ t4 = function t4() {
1467
1466
  setHeadColumnCommands(column, {
1468
1467
  setChecked: function setChecked(checked_0) {
1469
1468
  if (column.type === "check") {
@@ -1477,143 +1476,159 @@ function _temp$4(sx_1) {
1477
1476
  }
1478
1477
  });
1479
1478
  };
1480
- t4 = [setHeadColumnCommands, column];
1481
- $[5] = column;
1482
- $[6] = setHeadColumnCommands;
1483
- $[7] = t3;
1484
- $[8] = t4;
1479
+ $[9] = column;
1480
+ $[10] = setHeadColumnCommands;
1481
+ $[11] = t4;
1485
1482
  } else {
1486
- t3 = $[7];
1487
- t4 = $[8];
1483
+ t4 = $[11];
1488
1484
  }
1489
- React.useEffect(t3, t4);
1485
+ var effectEvent_0 = React.useEffectEvent(t4);
1490
1486
  var t5;
1487
+ if ($[12] !== effectEvent_0) {
1488
+ t5 = function t5() {
1489
+ effectEvent_0();
1490
+ };
1491
+ $[12] = effectEvent_0;
1492
+ $[13] = t5;
1493
+ } else {
1494
+ t5 = $[13];
1495
+ }
1496
+ var t6;
1497
+ if ($[14] !== column) {
1498
+ t6 = [column];
1499
+ $[14] = column;
1500
+ $[15] = t6;
1501
+ } else {
1502
+ t6 = $[15];
1503
+ }
1504
+ React.useEffect(t5, t6);
1505
+ var t7;
1491
1506
  if (column.type === "check") {
1492
1507
  if (column.hideAllCheck) {
1493
1508
  var _column$head;
1494
1509
  if ((_column$head = column.head) !== null && _column$head !== void 0 && _column$head.onRender) {
1495
1510
  var _t;
1496
- if ($[9] !== column.head || $[10] !== items) {
1511
+ if ($[16] !== column.head || $[17] !== items) {
1497
1512
  var _column$head2;
1498
1513
  _t = (_column$head2 = column.head) === null || _column$head2 === void 0 ? void 0 : _column$head2.onRender(items);
1499
- $[9] = column.head;
1500
- $[10] = items;
1501
- $[11] = _t;
1514
+ $[16] = column.head;
1515
+ $[17] = items;
1516
+ $[18] = _t;
1502
1517
  } else {
1503
- _t = $[11];
1518
+ _t = $[18];
1504
1519
  }
1505
- t5 = _t;
1520
+ t7 = _t;
1506
1521
  } else {
1507
1522
  if (typeof column.label === "string") {
1508
1523
  var _t2;
1509
- if ($[12] !== column.label) {
1524
+ if ($[19] !== column.label) {
1510
1525
  _t2 = /*#__PURE__*/React.createElement("div", {
1511
1526
  dangerouslySetInnerHTML: {
1512
1527
  __html: column.label
1513
1528
  }
1514
1529
  });
1515
- $[12] = column.label;
1516
- $[13] = _t2;
1530
+ $[19] = column.label;
1531
+ $[20] = _t2;
1517
1532
  } else {
1518
- _t2 = $[13];
1533
+ _t2 = $[20];
1519
1534
  }
1520
- t5 = _t2;
1535
+ t7 = _t2;
1521
1536
  } else {
1522
- t5 = column.label;
1537
+ t7 = column.label;
1523
1538
  }
1524
1539
  }
1525
1540
  } else {
1526
1541
  var _t3;
1527
- if ($[14] !== column || $[15] !== onCheckChange) {
1542
+ if ($[21] !== column || $[22] !== onCheckChange) {
1528
1543
  _t3 = function _t3(e, newChecked) {
1529
1544
  _setChecked(newChecked);
1530
1545
  onCheckChange && onCheckChange(column, newChecked);
1531
1546
  };
1532
- $[14] = column;
1533
- $[15] = onCheckChange;
1534
- $[16] = _t3;
1547
+ $[21] = column;
1548
+ $[22] = onCheckChange;
1549
+ $[23] = _t3;
1535
1550
  } else {
1536
- _t3 = $[16];
1551
+ _t3 = $[23];
1537
1552
  }
1538
1553
  var _t4;
1539
- if ($[17] !== checkDisabled || $[18] !== checked || $[19] !== _t3) {
1554
+ if ($[24] !== checkDisabled || $[25] !== checked || $[26] !== _t3) {
1540
1555
  _t4 = /*#__PURE__*/React.createElement(material.Checkbox, {
1541
1556
  checked: checked,
1542
1557
  disabled: checkDisabled,
1543
1558
  onChange: _t3
1544
1559
  });
1545
- $[17] = checkDisabled;
1546
- $[18] = checked;
1547
- $[19] = _t3;
1548
- $[20] = _t4;
1560
+ $[24] = checkDisabled;
1561
+ $[25] = checked;
1562
+ $[26] = _t3;
1563
+ $[27] = _t4;
1549
1564
  } else {
1550
- _t4 = $[20];
1565
+ _t4 = $[27];
1551
1566
  }
1552
- t5 = _t4;
1567
+ t7 = _t4;
1553
1568
  }
1554
1569
  } else {
1555
1570
  var _column$head3;
1556
1571
  if ((_column$head3 = column.head) !== null && _column$head3 !== void 0 && _column$head3.onRender) {
1557
1572
  var _t5;
1558
- if ($[21] !== column.head || $[22] !== items) {
1573
+ if ($[28] !== column.head || $[29] !== items) {
1559
1574
  var _column$head4;
1560
1575
  _t5 = (_column$head4 = column.head) === null || _column$head4 === void 0 ? void 0 : _column$head4.onRender(items);
1561
- $[21] = column.head;
1562
- $[22] = items;
1563
- $[23] = _t5;
1576
+ $[28] = column.head;
1577
+ $[29] = items;
1578
+ $[30] = _t5;
1564
1579
  } else {
1565
- _t5 = $[23];
1580
+ _t5 = $[30];
1566
1581
  }
1567
- t5 = _t5;
1582
+ t7 = _t5;
1568
1583
  } else {
1569
1584
  if (typeof column.label === "string") {
1570
1585
  var _t6;
1571
- if ($[24] !== column.label) {
1586
+ if ($[31] !== column.label) {
1572
1587
  _t6 = /*#__PURE__*/React.createElement("div", {
1573
1588
  dangerouslySetInnerHTML: {
1574
1589
  __html: column.label
1575
1590
  }
1576
1591
  });
1577
- $[24] = column.label;
1578
- $[25] = _t6;
1592
+ $[31] = column.label;
1593
+ $[32] = _t6;
1579
1594
  } else {
1580
- _t6 = $[25];
1595
+ _t6 = $[32];
1581
1596
  }
1582
- t5 = _t6;
1597
+ t7 = _t6;
1583
1598
  } else {
1584
- t5 = column.label;
1599
+ t7 = column.label;
1585
1600
  }
1586
1601
  }
1587
1602
  }
1588
- var data = t5;
1589
- var t6;
1590
- if ($[26] !== top) {
1591
- t6 = top !== undefined ? {
1603
+ var data = t7;
1604
+ var t8;
1605
+ if ($[33] !== top) {
1606
+ t8 = top !== undefined ? {
1592
1607
  top: top
1593
1608
  } : undefined;
1594
- $[26] = top;
1595
- $[27] = t6;
1609
+ $[33] = top;
1610
+ $[34] = t8;
1596
1611
  } else {
1597
- t6 = $[27];
1612
+ t8 = $[34];
1598
1613
  }
1599
- var t7;
1600
- if ($[28] !== column || $[29] !== data || $[30] !== defaultAlign || $[31] !== t6) {
1601
- t7 = /*#__PURE__*/React.createElement(PTableCommonCell, {
1614
+ var t9;
1615
+ if ($[35] !== column || $[36] !== data || $[37] !== defaultAlign || $[38] !== t8) {
1616
+ t9 = /*#__PURE__*/React.createElement(PTableCommonCell, {
1602
1617
  type: "head",
1603
1618
  className: "PTableHeadCell",
1604
- style: t6,
1619
+ style: t8,
1605
1620
  column: column,
1606
1621
  defaultAlign: defaultAlign
1607
1622
  }, data);
1608
- $[28] = column;
1609
- $[29] = data;
1610
- $[30] = defaultAlign;
1611
- $[31] = t6;
1612
- $[32] = t7;
1623
+ $[35] = column;
1624
+ $[36] = data;
1625
+ $[37] = defaultAlign;
1626
+ $[38] = t8;
1627
+ $[39] = t9;
1613
1628
  } else {
1614
- t7 = $[32];
1629
+ t9 = $[39];
1615
1630
  }
1616
- return t7;
1631
+ return t9;
1617
1632
  }var _templateObject$1;
1618
1633
  var BottomLine = material.styled('div')(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteral(["\n height: 1px;\n position: absolute;\n left: 3px;\n right: 3px;\n bottom: 0;\n"])));
1619
1634
  function PTableTopHead(t0) {
@@ -1779,60 +1794,61 @@ function PTableTopHead(t0) {
1779
1794
  t8 = $[22];
1780
1795
  }
1781
1796
  var captionRow = t8;
1782
- if (rows) {
1783
- if (Array.isArray(rows[0])) {
1784
- var t9;
1785
- if ($[23] !== captionHeight || $[24] !== makeRowCells || $[25] !== row1Height || $[26] !== row2Height || $[27] !== row3Height || $[28] !== rows) {
1786
- t9 = rows.map(function (row_0, idx_1) {
1787
- var ref = undefined;
1788
- var top_1 = undefined;
1789
- bb48: switch (idx_1) {
1790
- case 0:
1791
- {
1792
- ref = row1Ref;
1793
- top_1 = captionHeight;
1794
- break bb48;
1795
- }
1796
- case 1:
1797
- {
1798
- ref = row2Ref;
1799
- top_1 = (captionHeight || 0) + (row1Height || 0);
1800
- break bb48;
1801
- }
1802
- case 2:
1803
- {
1804
- ref = row3Ref;
1805
- top_1 = (captionHeight || 0) + (row1Height || 0) + (row2Height || 0);
1806
- break bb48;
1807
- }
1808
- case 3:
1809
- {
1810
- top_1 = (captionHeight || 0) + (row1Height || 0) + (row2Height || 0) + (row3Height || 0);
1811
- }
1797
+ var t9;
1798
+ if ($[23] !== captionHeight || $[24] !== makeRowCells || $[25] !== row1Height || $[26] !== row2Height || $[27] !== row3Height || $[28] !== rows) {
1799
+ t9 = rows && Array.isArray(rows[0]) && rows.map(function (row_0, idx_1) {
1800
+ var ref = undefined;
1801
+ var top_1 = undefined;
1802
+ bb52: switch (idx_1) {
1803
+ case 0:
1804
+ {
1805
+ ref = row1Ref;
1806
+ top_1 = captionHeight;
1807
+ break bb52;
1808
+ }
1809
+ case 1:
1810
+ {
1811
+ ref = row2Ref;
1812
+ top_1 = (captionHeight || 0) + (row1Height || 0);
1813
+ break bb52;
1814
+ }
1815
+ case 2:
1816
+ {
1817
+ ref = row3Ref;
1818
+ top_1 = (captionHeight || 0) + (row1Height || 0) + (row2Height || 0);
1819
+ break bb52;
1820
+ }
1821
+ case 3:
1822
+ {
1823
+ top_1 = (captionHeight || 0) + (row1Height || 0) + (row2Height || 0) + (row3Height || 0);
1812
1824
  }
1813
- return /*#__PURE__*/React.createElement(material.TableRow, {
1814
- key: idx_1,
1815
- ref: ref,
1816
- className: "PTableHeadRow"
1817
- }, makeRowCells(row_0, top_1));
1818
- });
1819
- $[23] = captionHeight;
1820
- $[24] = makeRowCells;
1821
- $[25] = row1Height;
1822
- $[26] = row2Height;
1823
- $[27] = row3Height;
1824
- $[28] = rows;
1825
- $[29] = t9;
1826
- } else {
1827
- t9 = $[29];
1828
1825
  }
1826
+ return /*#__PURE__*/React.createElement(material.TableRow, {
1827
+ key: idx_1,
1828
+ ref: ref,
1829
+ className: "PTableHeadRow"
1830
+ }, makeRowCells(row_0, top_1));
1831
+ });
1832
+ $[23] = captionHeight;
1833
+ $[24] = makeRowCells;
1834
+ $[25] = row1Height;
1835
+ $[26] = row2Height;
1836
+ $[27] = row3Height;
1837
+ $[28] = rows;
1838
+ $[29] = t9;
1839
+ } else {
1840
+ t9 = $[29];
1841
+ }
1842
+ var tableRows = t9;
1843
+ if (rows) {
1844
+ if (Array.isArray(rows[0])) {
1829
1845
  var t10;
1830
- if ($[30] !== captionRow || $[31] !== t9) {
1846
+ if ($[30] !== captionRow || $[31] !== tableRows) {
1831
1847
  t10 = /*#__PURE__*/React.createElement(material.TableHead, {
1832
1848
  className: "PTableHead"
1833
- }, captionRow, t9);
1849
+ }, captionRow, tableRows);
1834
1850
  $[30] = captionRow;
1835
- $[31] = t9;
1851
+ $[31] = tableRows;
1836
1852
  $[32] = t10;
1837
1853
  } else {
1838
1854
  t10 = $[32];
@@ -1840,54 +1856,54 @@ function PTableTopHead(t0) {
1840
1856
  return t10;
1841
1857
  } else {
1842
1858
  var _t2 = rows;
1843
- var _t3;
1859
+ var t11;
1844
1860
  if ($[33] !== captionHeight || $[34] !== makeRowCells || $[35] !== _t2) {
1845
- _t3 = makeRowCells(_t2, captionHeight);
1861
+ t11 = makeRowCells(_t2, captionHeight);
1846
1862
  $[33] = captionHeight;
1847
1863
  $[34] = makeRowCells;
1848
1864
  $[35] = _t2;
1849
- $[36] = _t3;
1865
+ $[36] = t11;
1850
1866
  } else {
1851
- _t3 = $[36];
1867
+ t11 = $[36];
1852
1868
  }
1853
- var t11;
1854
- if ($[37] !== _t3) {
1855
- t11 = /*#__PURE__*/React.createElement(material.TableRow, {
1869
+ var t12;
1870
+ if ($[37] !== t11) {
1871
+ t12 = /*#__PURE__*/React.createElement(material.TableRow, {
1856
1872
  ref: row1Ref,
1857
1873
  className: "PTableHeadRow"
1858
- }, _t3);
1859
- $[37] = _t3;
1860
- $[38] = t11;
1874
+ }, t11);
1875
+ $[37] = t11;
1876
+ $[38] = t12;
1861
1877
  } else {
1862
- t11 = $[38];
1878
+ t12 = $[38];
1863
1879
  }
1864
- var t12;
1865
- if ($[39] !== captionRow || $[40] !== columnRow || $[41] !== t11) {
1866
- t12 = /*#__PURE__*/React.createElement(material.TableHead, {
1880
+ var t13;
1881
+ if ($[39] !== captionRow || $[40] !== columnRow || $[41] !== t12) {
1882
+ t13 = /*#__PURE__*/React.createElement(material.TableHead, {
1867
1883
  className: "PTableHead"
1868
- }, captionRow, t11, columnRow);
1884
+ }, captionRow, t12, columnRow);
1869
1885
  $[39] = captionRow;
1870
1886
  $[40] = columnRow;
1871
- $[41] = t11;
1872
- $[42] = t12;
1887
+ $[41] = t12;
1888
+ $[42] = t13;
1873
1889
  } else {
1874
- t12 = $[42];
1890
+ t13 = $[42];
1875
1891
  }
1876
- return t12;
1892
+ return t13;
1877
1893
  }
1878
1894
  } else {
1879
- var _t4;
1895
+ var _t3;
1880
1896
  if ($[43] !== captionRow || $[44] !== columnRow) {
1881
- _t4 = /*#__PURE__*/React.createElement(material.TableHead, {
1897
+ _t3 = /*#__PURE__*/React.createElement(material.TableHead, {
1882
1898
  className: "PTableHead"
1883
1899
  }, captionRow, columnRow);
1884
1900
  $[43] = captionRow;
1885
1901
  $[44] = columnRow;
1886
- $[45] = _t4;
1902
+ $[45] = _t3;
1887
1903
  } else {
1888
- _t4 = $[45];
1904
+ _t3 = $[45];
1889
1905
  }
1890
- return _t4;
1906
+ return _t3;
1891
1907
  }
1892
1908
  }
1893
1909
  function _temp$3(cell) {
@@ -1938,7 +1954,7 @@ function _temp$3(cell) {
1938
1954
  });var _templateObject;
1939
1955
  var StyledButtonsBox = material.styled(material.Box)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n flex-wrap: wrap;\n gap: 5px;\n"])));
1940
1956
  function PTableBodyCell(t0) {
1941
- var $ = compilerRuntime.c(79);
1957
+ var $ = compilerRuntime.c(107);
1942
1958
  var ref = t0.ref,
1943
1959
  className = t0.className,
1944
1960
  style = t0.style,
@@ -1963,69 +1979,157 @@ function PTableBodyCell(t0) {
1963
1979
  _useState4 = _slicedToArray(_useState3, 2),
1964
1980
  checkDisabled = _useState4[0],
1965
1981
  _setCheckDisabled = _useState4[1];
1966
- var isColumnChanged = reactHook.useChanged(column, true);
1967
- var isItemChanged = reactHook.useChanged(item, true);
1968
- var isSetItemColumnCommandsChanged = reactHook.useChanged(setItemColumnCommands, true);
1969
- if (isColumnChanged || isItemChanged || isSetItemColumnCommandsChanged) {
1970
- if (column.type === "check") {
1971
- _setChecked(column.onInitChecked ? column.onInitChecked(item) : false);
1972
- _setCheckDisabled(column.onCheckDisabled ? column.onCheckDisabled(item) : false);
1973
- }
1974
- setItemColumnCommands(item, column, {
1975
- setChecked: function setChecked(checked_0) {
1976
- if (column.type === "check") {
1977
- _setChecked(checked_0);
1978
- }
1979
- },
1980
- setCheckDisabled: function setCheckDisabled(disabled) {
1981
- if (column.type === "check") {
1982
- _setCheckDisabled(disabled);
1983
- }
1984
- }
1985
- });
1986
- }
1987
- if (reactHook.useChanged(checked, true)) {
1988
- if (column.type === "check") {
1989
- setItemColumnChecked(item, column, checked);
1990
- }
1991
- }
1992
- if (reactHook.useChanged(checkDisabled, true)) {
1993
- if (column.type === "check") {
1994
- setItemColumnCheckDisabled(item, column, checkDisabled);
1995
- column.onCheckDisabledChange && column.onCheckDisabledChange(item, checkDisabled);
1996
- }
1997
- }
1998
1982
  var t1;
1999
- if ($[0] !== column || $[1] !== index || $[2] !== item) {
2000
- t1 = column.onHide ? column.onHide(item, index) : false;
1983
+ if ($[0] !== column || $[1] !== item || $[2] !== setItemColumnCommands) {
1984
+ t1 = function t1() {
1985
+ if (column.type === "check") {
1986
+ _setChecked(column.onInitChecked ? column.onInitChecked(item) : false);
1987
+ _setCheckDisabled(column.onCheckDisabled ? column.onCheckDisabled(item) : false);
1988
+ }
1989
+ setItemColumnCommands(item, column, {
1990
+ setChecked: function setChecked(checked_0) {
1991
+ if (column.type === "check") {
1992
+ _setChecked(checked_0);
1993
+ }
1994
+ },
1995
+ setCheckDisabled: function setCheckDisabled(disabled) {
1996
+ if (column.type === "check") {
1997
+ _setCheckDisabled(disabled);
1998
+ }
1999
+ }
2000
+ });
2001
+ };
2001
2002
  $[0] = column;
2002
- $[1] = index;
2003
- $[2] = item;
2003
+ $[1] = item;
2004
+ $[2] = setItemColumnCommands;
2004
2005
  $[3] = t1;
2005
2006
  } else {
2006
2007
  t1 = $[3];
2007
2008
  }
2008
- var isHidden = t1;
2009
+ var effectEvent = React.useEffectEvent(t1);
2009
2010
  var t2;
2011
+ if ($[4] !== effectEvent) {
2012
+ t2 = function t2() {
2013
+ effectEvent();
2014
+ };
2015
+ $[4] = effectEvent;
2016
+ $[5] = t2;
2017
+ } else {
2018
+ t2 = $[5];
2019
+ }
2020
+ var t3;
2021
+ if ($[6] !== column || $[7] !== item || $[8] !== setItemColumnCommands) {
2022
+ t3 = [column, item, setItemColumnCommands];
2023
+ $[6] = column;
2024
+ $[7] = item;
2025
+ $[8] = setItemColumnCommands;
2026
+ $[9] = t3;
2027
+ } else {
2028
+ t3 = $[9];
2029
+ }
2030
+ React.useEffect(t2, t3);
2031
+ var t4;
2032
+ if ($[10] !== checked || $[11] !== column || $[12] !== item || $[13] !== setItemColumnChecked) {
2033
+ t4 = function t4() {
2034
+ if (column.type === "check") {
2035
+ setItemColumnChecked(item, column, checked);
2036
+ }
2037
+ };
2038
+ $[10] = checked;
2039
+ $[11] = column;
2040
+ $[12] = item;
2041
+ $[13] = setItemColumnChecked;
2042
+ $[14] = t4;
2043
+ } else {
2044
+ t4 = $[14];
2045
+ }
2046
+ var effectEvent_0 = React.useEffectEvent(t4);
2047
+ var t5;
2048
+ if ($[15] !== effectEvent_0) {
2049
+ t5 = function t5() {
2050
+ effectEvent_0();
2051
+ };
2052
+ $[15] = effectEvent_0;
2053
+ $[16] = t5;
2054
+ } else {
2055
+ t5 = $[16];
2056
+ }
2057
+ var t6;
2058
+ if ($[17] !== checked) {
2059
+ t6 = [checked];
2060
+ $[17] = checked;
2061
+ $[18] = t6;
2062
+ } else {
2063
+ t6 = $[18];
2064
+ }
2065
+ React.useEffect(t5, t6);
2066
+ var t7;
2067
+ if ($[19] !== checkDisabled || $[20] !== column || $[21] !== item || $[22] !== setItemColumnCheckDisabled) {
2068
+ t7 = function t7() {
2069
+ if (column.type === "check") {
2070
+ setItemColumnCheckDisabled(item, column, checkDisabled);
2071
+ column.onCheckDisabledChange && column.onCheckDisabledChange(item, checkDisabled);
2072
+ }
2073
+ };
2074
+ $[19] = checkDisabled;
2075
+ $[20] = column;
2076
+ $[21] = item;
2077
+ $[22] = setItemColumnCheckDisabled;
2078
+ $[23] = t7;
2079
+ } else {
2080
+ t7 = $[23];
2081
+ }
2082
+ var effectEvent_1 = React.useEffectEvent(t7);
2083
+ var t8;
2084
+ if ($[24] !== effectEvent_1) {
2085
+ t8 = function t8() {
2086
+ effectEvent_1();
2087
+ };
2088
+ $[24] = effectEvent_1;
2089
+ $[25] = t8;
2090
+ } else {
2091
+ t8 = $[25];
2092
+ }
2093
+ var t9;
2094
+ if ($[26] !== checkDisabled) {
2095
+ t9 = [checkDisabled];
2096
+ $[26] = checkDisabled;
2097
+ $[27] = t9;
2098
+ } else {
2099
+ t9 = $[27];
2100
+ }
2101
+ React.useEffect(t8, t9);
2102
+ var t10;
2103
+ if ($[28] !== column || $[29] !== index || $[30] !== item) {
2104
+ t10 = column.onHide ? column.onHide(item, index) : false;
2105
+ $[28] = column;
2106
+ $[29] = index;
2107
+ $[30] = item;
2108
+ $[31] = t10;
2109
+ } else {
2110
+ t10 = $[31];
2111
+ }
2112
+ var isHidden = t10;
2113
+ var t11;
2010
2114
  bb0: switch (getTableColumnAlign(column, defaultAlign)) {
2011
2115
  case "center":
2012
2116
  {
2013
- t2 = "center";
2117
+ t11 = "center";
2014
2118
  break bb0;
2015
2119
  }
2016
2120
  case "right":
2017
2121
  {
2018
- t2 = "end";
2122
+ t11 = "end";
2019
2123
  break bb0;
2020
2124
  }
2021
2125
  default:
2022
2126
  {
2023
- t2 = "start";
2127
+ t11 = "start";
2024
2128
  }
2025
2129
  }
2026
- var buttonsBoxJustifyContent = t2;
2130
+ var buttonsBoxJustifyContent = t11;
2027
2131
  var newData;
2028
- if ($[4] !== buttonsBoxJustifyContent || $[5] !== checkDisabled || $[6] !== checked || $[7] !== column || $[8] !== index || $[9] !== item || $[10] !== menuOpen || $[11] !== onCheckChange) {
2132
+ if ($[32] !== buttonsBoxJustifyContent || $[33] !== checkDisabled || $[34] !== checked || $[35] !== column || $[36] !== index || $[37] !== item || $[38] !== menuOpen || $[39] !== onCheckChange) {
2029
2133
  if (column.type !== "check") {
2030
2134
  if (column.onRender) {
2031
2135
  newData = column.onRender(item, index);
@@ -2045,47 +2149,47 @@ function PTableBodyCell(t0) {
2045
2149
  }
2046
2150
  if (column.numberPrefix) {
2047
2151
  var _t;
2048
- if ($[13] === Symbol["for"]("react.memo_cache_sentinel")) {
2152
+ if ($[41] === Symbol["for"]("react.memo_cache_sentinel")) {
2049
2153
  _t = {
2050
2154
  opacity: 0.5,
2051
2155
  marginRight: 2
2052
2156
  };
2053
- $[13] = _t;
2157
+ $[41] = _t;
2054
2158
  } else {
2055
- _t = $[13];
2159
+ _t = $[41];
2056
2160
  }
2057
2161
  var _t2;
2058
- if ($[14] !== column.numberPrefix) {
2162
+ if ($[42] !== column.numberPrefix) {
2059
2163
  _t2 = /*#__PURE__*/React.createElement("span", {
2060
2164
  style: _t
2061
2165
  }, column.numberPrefix);
2062
- $[14] = column.numberPrefix;
2063
- $[15] = _t2;
2166
+ $[42] = column.numberPrefix;
2167
+ $[43] = _t2;
2064
2168
  } else {
2065
- _t2 = $[15];
2169
+ _t2 = $[43];
2066
2170
  }
2067
2171
  newData = /*#__PURE__*/React.createElement(React.Fragment, null, _t2, newData);
2068
2172
  }
2069
2173
  if (column.numberSuffix) {
2070
2174
  var _t3;
2071
- if ($[16] === Symbol["for"]("react.memo_cache_sentinel")) {
2175
+ if ($[44] === Symbol["for"]("react.memo_cache_sentinel")) {
2072
2176
  _t3 = {
2073
2177
  opacity: 0.5,
2074
2178
  marginLeft: 2
2075
2179
  };
2076
- $[16] = _t3;
2180
+ $[44] = _t3;
2077
2181
  } else {
2078
- _t3 = $[16];
2182
+ _t3 = $[44];
2079
2183
  }
2080
2184
  var _t4;
2081
- if ($[17] !== column.numberSuffix) {
2185
+ if ($[45] !== column.numberSuffix) {
2082
2186
  _t4 = /*#__PURE__*/React.createElement("span", {
2083
2187
  style: _t3
2084
2188
  }, column.numberSuffix);
2085
- $[17] = column.numberSuffix;
2086
- $[18] = _t4;
2189
+ $[45] = column.numberSuffix;
2190
+ $[46] = _t4;
2087
2191
  } else {
2088
- _t4 = $[18];
2192
+ _t4 = $[46];
2089
2193
  }
2090
2194
  newData = /*#__PURE__*/React.createElement(React.Fragment, null, newData, _t4);
2091
2195
  }
@@ -2116,45 +2220,45 @@ function PTableBodyCell(t0) {
2116
2220
  {
2117
2221
  var _t5 = menuOpen ? undefined : _temp$2;
2118
2222
  var _t6;
2119
- if ($[19] !== column || $[20] !== item || $[21] !== onCheckChange) {
2223
+ if ($[47] !== column || $[48] !== item || $[49] !== onCheckChange) {
2120
2224
  _t6 = function _t6(e_3, newChecked) {
2121
2225
  var _column$onCheckChange;
2122
2226
  _setChecked(newChecked);
2123
2227
  (_column$onCheckChange = column.onCheckChange) === null || _column$onCheckChange === void 0 || _column$onCheckChange.call(column, item, newChecked);
2124
2228
  onCheckChange(item, column, newChecked);
2125
2229
  };
2126
- $[19] = column;
2127
- $[20] = item;
2128
- $[21] = onCheckChange;
2129
- $[22] = _t6;
2230
+ $[47] = column;
2231
+ $[48] = item;
2232
+ $[49] = onCheckChange;
2233
+ $[50] = _t6;
2130
2234
  } else {
2131
- _t6 = $[22];
2235
+ _t6 = $[50];
2132
2236
  }
2133
2237
  var _t7;
2134
- if ($[23] !== checkDisabled || $[24] !== checked || $[25] !== _t6) {
2238
+ if ($[51] !== checkDisabled || $[52] !== checked || $[53] !== _t6) {
2135
2239
  _t7 = /*#__PURE__*/React.createElement(material.Checkbox, {
2136
2240
  checked: checked,
2137
2241
  disabled: checkDisabled,
2138
2242
  onChange: _t6
2139
2243
  });
2140
- $[23] = checkDisabled;
2141
- $[24] = checked;
2142
- $[25] = _t6;
2143
- $[26] = _t7;
2244
+ $[51] = checkDisabled;
2245
+ $[52] = checked;
2246
+ $[53] = _t6;
2247
+ $[54] = _t7;
2144
2248
  } else {
2145
- _t7 = $[26];
2249
+ _t7 = $[54];
2146
2250
  }
2147
2251
  var _t8;
2148
- if ($[27] !== _t5 || $[28] !== _t7) {
2252
+ if ($[55] !== _t5 || $[56] !== _t7) {
2149
2253
  _t8 = /*#__PURE__*/React.createElement(material.Box, {
2150
2254
  className: "PTableBoxyCell-check-box",
2151
2255
  onClick: _t5
2152
2256
  }, _t7);
2153
- $[27] = _t5;
2154
- $[28] = _t7;
2155
- $[29] = _t8;
2257
+ $[55] = _t5;
2258
+ $[56] = _t7;
2259
+ $[57] = _t8;
2156
2260
  } else {
2157
- _t8 = $[29];
2261
+ _t8 = $[57];
2158
2262
  }
2159
2263
  newData = _t8;
2160
2264
  break bb1;
@@ -2180,14 +2284,14 @@ function PTableBodyCell(t0) {
2180
2284
  {
2181
2285
  var _column$tooltipProps, _column$tooltipProps2;
2182
2286
  var _t9;
2183
- if ($[30] === Symbol["for"]("react.memo_cache_sentinel")) {
2287
+ if ($[58] === Symbol["for"]("react.memo_cache_sentinel")) {
2184
2288
  _t9 = {
2185
2289
  maxWidth: "100%",
2186
2290
  verticalAlign: "middle"
2187
2291
  };
2188
- $[30] = _t9;
2292
+ $[58] = _t9;
2189
2293
  } else {
2190
- _t9 = $[30];
2294
+ _t9 = $[58];
2191
2295
  }
2192
2296
  var img = /*#__PURE__*/React.createElement("img", {
2193
2297
  src: newData,
@@ -2198,57 +2302,57 @@ function PTableBodyCell(t0) {
2198
2302
  var _t0 = newData;
2199
2303
  var _t1 = menuOpen ? undefined : _temp4;
2200
2304
  var _t10;
2201
- if ($[31] === Symbol["for"]("react.memo_cache_sentinel")) {
2305
+ if ($[59] === Symbol["for"]("react.memo_cache_sentinel")) {
2202
2306
  _t10 = {
2203
2307
  paddingTop: 3,
2204
2308
  paddingBottom: 3
2205
2309
  };
2206
- $[31] = _t10;
2310
+ $[59] = _t10;
2207
2311
  } else {
2208
- _t10 = $[31];
2312
+ _t10 = $[59];
2209
2313
  }
2210
2314
  var _t11;
2211
- if ($[32] !== img) {
2315
+ if ($[60] !== img) {
2212
2316
  _t11 = /*#__PURE__*/React.createElement("div", {
2213
2317
  style: _t10
2214
2318
  }, img);
2215
- $[32] = img;
2216
- $[33] = _t11;
2319
+ $[60] = img;
2320
+ $[61] = _t11;
2217
2321
  } else {
2218
- _t11 = $[33];
2322
+ _t11 = $[61];
2219
2323
  }
2220
- var t8;
2221
- if ($[34] !== column.tooltipProps || $[35] !== img || $[36] !== placement || $[37] !== _t11) {
2222
- t8 = /*#__PURE__*/React.createElement(material.Tooltip, _extends({
2324
+ var t17;
2325
+ if ($[62] !== column.tooltipProps || $[63] !== img || $[64] !== placement || $[65] !== _t11) {
2326
+ t17 = /*#__PURE__*/React.createElement(material.Tooltip, _extends({
2223
2327
  className: "PTableBodyCell-tooltip",
2224
2328
  title: _t11
2225
2329
  }, column.tooltipProps, {
2226
2330
  placement: placement
2227
2331
  }), img);
2228
- $[34] = column.tooltipProps;
2229
- $[35] = img;
2230
- $[36] = placement;
2231
- $[37] = _t11;
2232
- $[38] = t8;
2332
+ $[62] = column.tooltipProps;
2333
+ $[63] = img;
2334
+ $[64] = placement;
2335
+ $[65] = _t11;
2336
+ $[66] = t17;
2233
2337
  } else {
2234
- t8 = $[38];
2338
+ t17 = $[66];
2235
2339
  }
2236
- var t9;
2237
- if ($[39] !== _t0 || $[40] !== _t1 || $[41] !== t8) {
2238
- t9 = /*#__PURE__*/React.createElement("a", {
2340
+ var t18;
2341
+ if ($[67] !== _t0 || $[68] !== _t1 || $[69] !== t17) {
2342
+ t18 = /*#__PURE__*/React.createElement("a", {
2239
2343
  href: _t0,
2240
2344
  target: "_blank",
2241
2345
  rel: "noreferrer",
2242
2346
  onClick: _t1
2243
- }, t8);
2244
- $[39] = _t0;
2245
- $[40] = _t1;
2246
- $[41] = t8;
2247
- $[42] = t9;
2347
+ }, t17);
2348
+ $[67] = _t0;
2349
+ $[68] = _t1;
2350
+ $[69] = t17;
2351
+ $[70] = t18;
2248
2352
  } else {
2249
- t9 = $[42];
2353
+ t18 = $[70];
2250
2354
  }
2251
- newData = t9;
2355
+ newData = t18;
2252
2356
  break bb1;
2253
2357
  }
2254
2358
  case "date":
@@ -2263,21 +2367,21 @@ function PTableBodyCell(t0) {
2263
2367
  if (newData) {
2264
2368
  var dt_1 = dayjs(newData, column.dateFormat);
2265
2369
  var _t12;
2266
- if ($[43] !== column.dateTwoLine) {
2370
+ if ($[71] !== column.dateTwoLine) {
2267
2371
  _t12 = column.dateTwoLine ? /*#__PURE__*/React.createElement("br", null) : " ";
2268
- $[43] = column.dateTwoLine;
2269
- $[44] = _t12;
2372
+ $[71] = column.dateTwoLine;
2373
+ $[72] = _t12;
2270
2374
  } else {
2271
- _t12 = $[44];
2375
+ _t12 = $[72];
2272
2376
  }
2273
2377
  var _t13;
2274
- if ($[45] === Symbol["for"]("react.memo_cache_sentinel")) {
2378
+ if ($[73] === Symbol["for"]("react.memo_cache_sentinel")) {
2275
2379
  _t13 = {
2276
2380
  opacity: 0.5
2277
2381
  };
2278
- $[45] = _t13;
2382
+ $[73] = _t13;
2279
2383
  } else {
2280
- _t13 = $[45];
2384
+ _t13 = $[73];
2281
2385
  }
2282
2386
  newData = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", null, dt_1.format("YYYY-MM-DD")), _t12, /*#__PURE__*/React.createElement("span", {
2283
2387
  style: _t13
@@ -2290,21 +2394,21 @@ function PTableBodyCell(t0) {
2290
2394
  if (newData) {
2291
2395
  var dt_0 = dayjs(newData, column.dateFormat);
2292
2396
  var _t14;
2293
- if ($[46] !== column.dateTwoLine) {
2397
+ if ($[74] !== column.dateTwoLine) {
2294
2398
  _t14 = column.dateTwoLine ? /*#__PURE__*/React.createElement("br", null) : " ";
2295
- $[46] = column.dateTwoLine;
2296
- $[47] = _t14;
2399
+ $[74] = column.dateTwoLine;
2400
+ $[75] = _t14;
2297
2401
  } else {
2298
- _t14 = $[47];
2402
+ _t14 = $[75];
2299
2403
  }
2300
2404
  var _t15;
2301
- if ($[48] === Symbol["for"]("react.memo_cache_sentinel")) {
2405
+ if ($[76] === Symbol["for"]("react.memo_cache_sentinel")) {
2302
2406
  _t15 = {
2303
2407
  opacity: 0.5
2304
2408
  };
2305
- $[48] = _t15;
2409
+ $[76] = _t15;
2306
2410
  } else {
2307
- _t15 = $[48];
2411
+ _t15 = $[76];
2308
2412
  }
2309
2413
  newData = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", null, dt_0.format("YYYY-MM-DD")), _t14, /*#__PURE__*/React.createElement("span", {
2310
2414
  style: _t15
@@ -2317,21 +2421,21 @@ function PTableBodyCell(t0) {
2317
2421
  if (newData) {
2318
2422
  var dt = dayjs(newData, column.dateFormat);
2319
2423
  var _t16;
2320
- if ($[49] !== column.dateTwoLine) {
2424
+ if ($[77] !== column.dateTwoLine) {
2321
2425
  _t16 = column.dateTwoLine ? /*#__PURE__*/React.createElement("br", null) : " ";
2322
- $[49] = column.dateTwoLine;
2323
- $[50] = _t16;
2426
+ $[77] = column.dateTwoLine;
2427
+ $[78] = _t16;
2324
2428
  } else {
2325
- _t16 = $[50];
2429
+ _t16 = $[78];
2326
2430
  }
2327
2431
  var _t17;
2328
- if ($[51] === Symbol["for"]("react.memo_cache_sentinel")) {
2432
+ if ($[79] === Symbol["for"]("react.memo_cache_sentinel")) {
2329
2433
  _t17 = {
2330
2434
  opacity: 0.5
2331
2435
  };
2332
- $[51] = _t17;
2436
+ $[79] = _t17;
2333
2437
  } else {
2334
- _t17 = $[51];
2438
+ _t17 = $[79];
2335
2439
  }
2336
2440
  newData = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", null, dt.format("YYYY-MM-DD")), _t16, /*#__PURE__*/React.createElement("span", {
2337
2441
  style: _t17
@@ -2339,62 +2443,62 @@ function PTableBodyCell(t0) {
2339
2443
  }
2340
2444
  }
2341
2445
  }
2342
- $[4] = buttonsBoxJustifyContent;
2343
- $[5] = checkDisabled;
2344
- $[6] = checked;
2345
- $[7] = column;
2346
- $[8] = index;
2347
- $[9] = item;
2348
- $[10] = menuOpen;
2349
- $[11] = onCheckChange;
2350
- $[12] = newData;
2351
- } else {
2352
- newData = $[12];
2446
+ $[32] = buttonsBoxJustifyContent;
2447
+ $[33] = checkDisabled;
2448
+ $[34] = checked;
2449
+ $[35] = column;
2450
+ $[36] = index;
2451
+ $[37] = item;
2452
+ $[38] = menuOpen;
2453
+ $[39] = onCheckChange;
2454
+ $[40] = newData;
2455
+ } else {
2456
+ newData = $[40];
2353
2457
  }
2354
2458
  if (column.type !== "img") {
2355
2459
  var tooltip;
2356
2460
  if (column.onGetTooltip) {
2357
2461
  var _t18;
2358
- if ($[52] !== column || $[53] !== index || $[54] !== item) {
2462
+ if ($[80] !== column || $[81] !== index || $[82] !== item) {
2359
2463
  _t18 = column.onGetTooltip(item, index);
2360
- $[52] = column;
2361
- $[53] = index;
2362
- $[54] = item;
2363
- $[55] = _t18;
2464
+ $[80] = column;
2465
+ $[81] = index;
2466
+ $[82] = item;
2467
+ $[83] = _t18;
2364
2468
  } else {
2365
- _t18 = $[55];
2469
+ _t18 = $[83];
2366
2470
  }
2367
2471
  tooltip = _t18;
2368
2472
  }
2369
2473
  if (tooltip) {
2370
2474
  var _t19;
2371
- if ($[56] !== newData) {
2475
+ if ($[84] !== newData) {
2372
2476
  _t19 = /*#__PURE__*/React.isValidElement(newData) ? newData.type === React.Fragment ? /*#__PURE__*/React.createElement("span", null, newData) : newData : /*#__PURE__*/React.createElement("span", null, newData);
2373
- $[56] = newData;
2374
- $[57] = _t19;
2477
+ $[84] = newData;
2478
+ $[85] = _t19;
2375
2479
  } else {
2376
- _t19 = $[57];
2480
+ _t19 = $[85];
2377
2481
  }
2378
2482
  var _t20;
2379
- if ($[58] !== column.tooltipProps || $[59] !== _t19 || $[60] !== tooltip) {
2483
+ if ($[86] !== column.tooltipProps || $[87] !== _t19 || $[88] !== tooltip) {
2380
2484
  _t20 = /*#__PURE__*/React.createElement(material.Tooltip, _extends({
2381
2485
  className: "PTableBodyCell-tooltip",
2382
2486
  title: tooltip
2383
2487
  }, column.tooltipProps), _t19);
2384
- $[58] = column.tooltipProps;
2385
- $[59] = _t19;
2386
- $[60] = tooltip;
2387
- $[61] = _t20;
2488
+ $[86] = column.tooltipProps;
2489
+ $[87] = _t19;
2490
+ $[88] = tooltip;
2491
+ $[89] = _t20;
2388
2492
  } else {
2389
- _t20 = $[61];
2493
+ _t20 = $[89];
2390
2494
  }
2391
2495
  newData = _t20;
2392
2496
  }
2393
2497
  }
2394
2498
  var data = newData;
2395
- var t3;
2396
- if ($[62] !== column || $[63] !== onClick) {
2397
- t3 = function t3(item_0, index_0) {
2499
+ var t12;
2500
+ if ($[90] !== column || $[91] !== onClick) {
2501
+ t12 = function t12(item_0, index_0) {
2398
2502
  if (column.onClick) {
2399
2503
  column.onClick(item_0, index_0);
2400
2504
  } else {
@@ -2403,29 +2507,29 @@ function PTableBodyCell(t0) {
2403
2507
  }
2404
2508
  }
2405
2509
  };
2406
- $[62] = column;
2407
- $[63] = onClick;
2408
- $[64] = t3;
2510
+ $[90] = column;
2511
+ $[91] = onClick;
2512
+ $[92] = t12;
2409
2513
  } else {
2410
- t3 = $[64];
2514
+ t12 = $[92];
2411
2515
  }
2412
- var handleClick = t3;
2413
- var t4;
2414
- if ($[65] !== className) {
2415
- t4 = classNames("PTableBodyCell", className);
2416
- $[65] = className;
2417
- $[66] = t4;
2516
+ var handleClick = t12;
2517
+ var t13;
2518
+ if ($[93] !== className) {
2519
+ t13 = classNames("PTableBodyCell", className);
2520
+ $[93] = className;
2521
+ $[94] = t13;
2418
2522
  } else {
2419
- t4 = $[66];
2523
+ t13 = $[94];
2420
2524
  }
2421
- var t5 = column.onClick || onClick ? handleClick : undefined;
2422
- var t6 = !isHidden && data;
2423
- var t7;
2424
- if ($[67] !== column || $[68] !== defaultAlign || $[69] !== defaultEllipsis || $[70] !== index || $[71] !== item || $[72] !== ref || $[73] !== style || $[74] !== sx || $[75] !== t4 || $[76] !== t5 || $[77] !== t6) {
2425
- t7 = /*#__PURE__*/React.createElement(PTableCommonCell, {
2525
+ var t14 = column.onClick || onClick ? handleClick : undefined;
2526
+ var t15 = !isHidden && data;
2527
+ var t16;
2528
+ if ($[95] !== column || $[96] !== defaultAlign || $[97] !== defaultEllipsis || $[98] !== index || $[99] !== item || $[100] !== ref || $[101] !== style || $[102] !== sx || $[103] !== t13 || $[104] !== t14 || $[105] !== t15) {
2529
+ t16 = /*#__PURE__*/React.createElement(PTableCommonCell, {
2426
2530
  ref: ref,
2427
2531
  type: "body",
2428
- className: t4,
2532
+ className: t13,
2429
2533
  style: style,
2430
2534
  sx: sx,
2431
2535
  column: column,
@@ -2433,24 +2537,24 @@ function PTableBodyCell(t0) {
2433
2537
  defaultEllipsis: defaultEllipsis,
2434
2538
  item: item,
2435
2539
  index: index,
2436
- onClick: t5
2437
- }, t6);
2438
- $[67] = column;
2439
- $[68] = defaultAlign;
2440
- $[69] = defaultEllipsis;
2441
- $[70] = index;
2442
- $[71] = item;
2443
- $[72] = ref;
2444
- $[73] = style;
2445
- $[74] = sx;
2446
- $[75] = t4;
2447
- $[76] = t5;
2448
- $[77] = t6;
2449
- $[78] = t7;
2450
- } else {
2451
- t7 = $[78];
2452
- }
2453
- return t7;
2540
+ onClick: t14
2541
+ }, t15);
2542
+ $[95] = column;
2543
+ $[96] = defaultAlign;
2544
+ $[97] = defaultEllipsis;
2545
+ $[98] = index;
2546
+ $[99] = item;
2547
+ $[100] = ref;
2548
+ $[101] = style;
2549
+ $[102] = sx;
2550
+ $[103] = t13;
2551
+ $[104] = t14;
2552
+ $[105] = t15;
2553
+ $[106] = t16;
2554
+ } else {
2555
+ t16 = $[106];
2556
+ }
2557
+ return t16;
2454
2558
  }
2455
2559
  function _temp4(e) {
2456
2560
  e.stopPropagation();
@@ -2483,6 +2587,7 @@ function PTableBodyRow(t0) {
2483
2587
  var defaultEllipsis;
2484
2588
  var id;
2485
2589
  var index;
2590
+ var initStyle;
2486
2591
  var item;
2487
2592
  var onCheckChange;
2488
2593
  var onClick;
@@ -2491,11 +2596,10 @@ function PTableBodyRow(t0) {
2491
2596
  var onGetColumnSx;
2492
2597
  var props;
2493
2598
  var sortable$1;
2494
- var style;
2495
2599
  if ($[0] !== t0) {
2496
2600
  var _t = t0;
2497
2601
  className = _t.className;
2498
- style = _t.style;
2602
+ initStyle = _t.style;
2499
2603
  id = _t.id;
2500
2604
  index = _t.index;
2501
2605
  defaultAlign = _t.defaultAlign;
@@ -2516,15 +2620,15 @@ function PTableBodyRow(t0) {
2516
2620
  $[4] = defaultEllipsis;
2517
2621
  $[5] = id;
2518
2622
  $[6] = index;
2519
- $[7] = item;
2520
- $[8] = onCheckChange;
2521
- $[9] = onClick;
2522
- $[10] = onGetColumnClassName;
2523
- $[11] = onGetColumnStyle;
2524
- $[12] = onGetColumnSx;
2525
- $[13] = props;
2526
- $[14] = sortable$1;
2527
- $[15] = style;
2623
+ $[7] = initStyle;
2624
+ $[8] = item;
2625
+ $[9] = onCheckChange;
2626
+ $[10] = onClick;
2627
+ $[11] = onGetColumnClassName;
2628
+ $[12] = onGetColumnStyle;
2629
+ $[13] = onGetColumnSx;
2630
+ $[14] = props;
2631
+ $[15] = sortable$1;
2528
2632
  } else {
2529
2633
  className = $[1];
2530
2634
  columns = $[2];
@@ -2532,15 +2636,15 @@ function PTableBodyRow(t0) {
2532
2636
  defaultEllipsis = $[4];
2533
2637
  id = $[5];
2534
2638
  index = $[6];
2535
- item = $[7];
2536
- onCheckChange = $[8];
2537
- onClick = $[9];
2538
- onGetColumnClassName = $[10];
2539
- onGetColumnStyle = $[11];
2540
- onGetColumnSx = $[12];
2541
- props = $[13];
2542
- sortable$1 = $[14];
2543
- style = $[15];
2639
+ initStyle = $[7];
2640
+ item = $[8];
2641
+ onCheckChange = $[9];
2642
+ onClick = $[10];
2643
+ onGetColumnClassName = $[11];
2644
+ onGetColumnStyle = $[12];
2645
+ onGetColumnSx = $[13];
2646
+ props = $[14];
2647
+ sortable$1 = $[15];
2544
2648
  }
2545
2649
  var t1;
2546
2650
  if ($[16] !== id) {
@@ -2573,31 +2677,24 @@ function PTableBodyRow(t0) {
2573
2677
  }
2574
2678
  var sortableProps = t2;
2575
2679
  var t3;
2576
- if ($[23] !== className) {
2577
- t3 = classNames("PTableBodyRow", className);
2578
- $[23] = className;
2579
- $[24] = t3;
2580
- } else {
2581
- t3 = $[24];
2582
- }
2583
- var t4;
2584
- if ($[25] !== sortable$1 || $[26] !== style || $[27] !== transform || $[28] !== transition) {
2585
- t4 = sortable$1 ? _objectSpread2(_objectSpread2({}, style), {}, {
2680
+ if ($[23] !== initStyle || $[24] !== sortable$1 || $[25] !== transform || $[26] !== transition) {
2681
+ t3 = sortable$1 ? _objectSpread2(_objectSpread2({}, initStyle), {}, {
2586
2682
  transform: CSS.Transform.toString(transform),
2587
2683
  transition: transition
2588
- }) : style;
2589
- $[25] = sortable$1;
2590
- $[26] = style;
2591
- $[27] = transform;
2592
- $[28] = transition;
2593
- $[29] = t4;
2684
+ }) : initStyle;
2685
+ $[23] = initStyle;
2686
+ $[24] = sortable$1;
2687
+ $[25] = transform;
2688
+ $[26] = transition;
2689
+ $[27] = t3;
2594
2690
  } else {
2595
- t4 = $[29];
2691
+ t3 = $[27];
2596
2692
  }
2597
- var t5;
2598
- if ($[30] !== columns || $[31] !== defaultAlign || $[32] !== defaultEllipsis || $[33] !== index || $[34] !== item || $[35] !== onCheckChange || $[36] !== onClick || $[37] !== onGetColumnClassName || $[38] !== onGetColumnStyle || $[39] !== onGetColumnSx) {
2693
+ var style = t3;
2694
+ var t4;
2695
+ if ($[28] !== columns || $[29] !== defaultAlign || $[30] !== defaultEllipsis || $[31] !== index || $[32] !== item || $[33] !== onCheckChange || $[34] !== onClick || $[35] !== onGetColumnClassName || $[36] !== onGetColumnStyle || $[37] !== onGetColumnSx) {
2599
2696
  var _t2;
2600
- if ($[41] !== defaultAlign || $[42] !== defaultEllipsis || $[43] !== index || $[44] !== item || $[45] !== onCheckChange || $[46] !== onClick || $[47] !== onGetColumnClassName || $[48] !== onGetColumnStyle || $[49] !== onGetColumnSx) {
2697
+ if ($[39] !== defaultAlign || $[40] !== defaultEllipsis || $[41] !== index || $[42] !== item || $[43] !== onCheckChange || $[44] !== onClick || $[45] !== onGetColumnClassName || $[46] !== onGetColumnStyle || $[47] !== onGetColumnSx) {
2601
2698
  _t2 = function _t2(column, columnIdx) {
2602
2699
  return /*#__PURE__*/React.createElement(PTableBodyCell, {
2603
2700
  className: onGetColumnClassName ? onGetColumnClassName(column, item, index) : undefined,
@@ -2613,44 +2710,53 @@ function PTableBodyRow(t0) {
2613
2710
  onCheckChange: onCheckChange
2614
2711
  });
2615
2712
  };
2616
- $[41] = defaultAlign;
2617
- $[42] = defaultEllipsis;
2618
- $[43] = index;
2619
- $[44] = item;
2620
- $[45] = onCheckChange;
2621
- $[46] = onClick;
2622
- $[47] = onGetColumnClassName;
2623
- $[48] = onGetColumnStyle;
2624
- $[49] = onGetColumnSx;
2625
- $[50] = _t2;
2713
+ $[39] = defaultAlign;
2714
+ $[40] = defaultEllipsis;
2715
+ $[41] = index;
2716
+ $[42] = item;
2717
+ $[43] = onCheckChange;
2718
+ $[44] = onClick;
2719
+ $[45] = onGetColumnClassName;
2720
+ $[46] = onGetColumnStyle;
2721
+ $[47] = onGetColumnSx;
2722
+ $[48] = _t2;
2626
2723
  } else {
2627
- _t2 = $[50];
2724
+ _t2 = $[48];
2628
2725
  }
2629
- t5 = columns.map(_t2);
2630
- $[30] = columns;
2631
- $[31] = defaultAlign;
2632
- $[32] = defaultEllipsis;
2633
- $[33] = index;
2634
- $[34] = item;
2635
- $[35] = onCheckChange;
2636
- $[36] = onClick;
2637
- $[37] = onGetColumnClassName;
2638
- $[38] = onGetColumnStyle;
2639
- $[39] = onGetColumnSx;
2640
- $[40] = t5;
2641
- } else {
2642
- t5 = $[40];
2726
+ t4 = columns.map(_t2);
2727
+ $[28] = columns;
2728
+ $[29] = defaultAlign;
2729
+ $[30] = defaultEllipsis;
2730
+ $[31] = index;
2731
+ $[32] = item;
2732
+ $[33] = onCheckChange;
2733
+ $[34] = onClick;
2734
+ $[35] = onGetColumnClassName;
2735
+ $[36] = onGetColumnStyle;
2736
+ $[37] = onGetColumnSx;
2737
+ $[38] = t4;
2738
+ } else {
2739
+ t4 = $[38];
2740
+ }
2741
+ var cellList = t4;
2742
+ var t5;
2743
+ if ($[49] !== className) {
2744
+ t5 = classNames("PTableBodyRow", className);
2745
+ $[49] = className;
2746
+ $[50] = t5;
2747
+ } else {
2748
+ t5 = $[50];
2643
2749
  }
2644
2750
  var t6;
2645
- if ($[51] !== props || $[52] !== sortableProps || $[53] !== t3 || $[54] !== t4 || $[55] !== t5) {
2751
+ if ($[51] !== cellList || $[52] !== props || $[53] !== sortableProps || $[54] !== style || $[55] !== t5) {
2646
2752
  t6 = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(PStyledBodyRow, _extends({
2647
- className: t3,
2648
- style: t4
2649
- }, props, sortableProps), t5));
2650
- $[51] = props;
2651
- $[52] = sortableProps;
2652
- $[53] = t3;
2653
- $[54] = t4;
2753
+ className: t5,
2754
+ style: style
2755
+ }, props, sortableProps), cellList));
2756
+ $[51] = cellList;
2757
+ $[52] = props;
2758
+ $[53] = sortableProps;
2759
+ $[54] = style;
2654
2760
  $[55] = t5;
2655
2761
  $[56] = t6;
2656
2762
  } else {
@@ -2658,7 +2764,7 @@ function PTableBodyRow(t0) {
2658
2764
  }
2659
2765
  return t6;
2660
2766
  }function PTableSortableBodyBlock(t0) {
2661
- var $ = compilerRuntime.c(24);
2767
+ var $ = compilerRuntime.c(31);
2662
2768
  var items = t0.items,
2663
2769
  baseIndex = t0.baseIndex,
2664
2770
  columns = t0.columns,
@@ -2694,16 +2800,44 @@ function PTableBodyRow(t0) {
2694
2800
  _useState2 = _slicedToArray(_useState, 2),
2695
2801
  canInView = _useState2[0],
2696
2802
  setCanInView = _useState2[1];
2697
- if (reactHook.useChanged(progressiveVisible, true)) {
2698
- if (progressiveVisible && baseIndex > 0) {
2699
- setTimeout(function () {
2700
- setCanInView(true);
2701
- }, baseIndex * compare.ifUndefined(progressiveVisible.delay, 300));
2702
- }
2703
- }
2704
2803
  var t2;
2705
- if ($[1] !== baseIndex || $[2] !== canInView || $[3] !== columns || $[4] !== defaultAlign || $[5] !== defaultEllipsis || $[6] !== inView || $[7] !== items || $[8] !== onCheckChange || $[9] !== onClick || $[10] !== onGetBodyColumnClassName || $[11] !== onGetBodyColumnStyle || $[12] !== onGetBodyColumnSx || $[13] !== onGetBodyRowClassName || $[14] !== onGetBodyRowStyle || $[15] !== onGetBodyRowSx || $[16] !== progressiveVisible || $[17] !== ref || $[18] !== showEvenColor || $[19] !== showOddColor || $[20] !== sortable) {
2706
- t2 = !progressiveVisible || inView ? items.map(function (item, idx) {
2804
+ if ($[1] !== baseIndex || $[2] !== progressiveVisible) {
2805
+ t2 = function t2() {
2806
+ if (progressiveVisible && baseIndex > 0) {
2807
+ setTimeout(function () {
2808
+ setCanInView(true);
2809
+ }, baseIndex * compare.ifUndefined(progressiveVisible.delay, 300));
2810
+ }
2811
+ };
2812
+ $[1] = baseIndex;
2813
+ $[2] = progressiveVisible;
2814
+ $[3] = t2;
2815
+ } else {
2816
+ t2 = $[3];
2817
+ }
2818
+ var effectEvent = React.useEffectEvent(t2);
2819
+ var t3;
2820
+ if ($[4] !== effectEvent) {
2821
+ t3 = function t3() {
2822
+ effectEvent();
2823
+ };
2824
+ $[4] = effectEvent;
2825
+ $[5] = t3;
2826
+ } else {
2827
+ t3 = $[5];
2828
+ }
2829
+ var t4;
2830
+ if ($[6] !== progressiveVisible) {
2831
+ t4 = [progressiveVisible];
2832
+ $[6] = progressiveVisible;
2833
+ $[7] = t4;
2834
+ } else {
2835
+ t4 = $[7];
2836
+ }
2837
+ React.useEffect(t3, t4);
2838
+ var t5;
2839
+ 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) {
2840
+ t5 = !progressiveVisible || inView ? items.map(function (item, idx) {
2707
2841
  return /*#__PURE__*/React.createElement(PTableBodyRow, {
2708
2842
  key: item.id,
2709
2843
  id: item.id,
@@ -2732,40 +2866,40 @@ function PTableBodyRow(t0) {
2732
2866
  border: "none"
2733
2867
  }
2734
2868
  }));
2735
- $[1] = baseIndex;
2736
- $[2] = canInView;
2737
- $[3] = columns;
2738
- $[4] = defaultAlign;
2739
- $[5] = defaultEllipsis;
2740
- $[6] = inView;
2741
- $[7] = items;
2742
- $[8] = onCheckChange;
2743
- $[9] = onClick;
2744
- $[10] = onGetBodyColumnClassName;
2745
- $[11] = onGetBodyColumnStyle;
2746
- $[12] = onGetBodyColumnSx;
2747
- $[13] = onGetBodyRowClassName;
2748
- $[14] = onGetBodyRowStyle;
2749
- $[15] = onGetBodyRowSx;
2750
- $[16] = progressiveVisible;
2751
- $[17] = ref;
2752
- $[18] = showEvenColor;
2753
- $[19] = showOddColor;
2754
- $[20] = sortable;
2755
- $[21] = t2;
2756
- } else {
2757
- t2 = $[21];
2758
- }
2759
- var renderItems = t2;
2760
- var t3;
2761
- if ($[22] !== renderItems) {
2762
- t3 = /*#__PURE__*/React.createElement(React.Fragment, null, renderItems);
2763
- $[22] = renderItems;
2764
- $[23] = t3;
2869
+ $[8] = baseIndex;
2870
+ $[9] = canInView;
2871
+ $[10] = columns;
2872
+ $[11] = defaultAlign;
2873
+ $[12] = defaultEllipsis;
2874
+ $[13] = inView;
2875
+ $[14] = items;
2876
+ $[15] = onCheckChange;
2877
+ $[16] = onClick;
2878
+ $[17] = onGetBodyColumnClassName;
2879
+ $[18] = onGetBodyColumnStyle;
2880
+ $[19] = onGetBodyColumnSx;
2881
+ $[20] = onGetBodyRowClassName;
2882
+ $[21] = onGetBodyRowStyle;
2883
+ $[22] = onGetBodyRowSx;
2884
+ $[23] = progressiveVisible;
2885
+ $[24] = ref;
2886
+ $[25] = showEvenColor;
2887
+ $[26] = showOddColor;
2888
+ $[27] = sortable;
2889
+ $[28] = t5;
2890
+ } else {
2891
+ t5 = $[28];
2892
+ }
2893
+ var renderItems = t5;
2894
+ var t6;
2895
+ if ($[29] !== renderItems) {
2896
+ t6 = /*#__PURE__*/React.createElement(React.Fragment, null, renderItems);
2897
+ $[29] = renderItems;
2898
+ $[30] = t6;
2765
2899
  } else {
2766
- t3 = $[23];
2900
+ t6 = $[30];
2767
2901
  }
2768
- return t3;
2902
+ return t6;
2769
2903
  }var chunkArray = function chunkArray(array, size) {
2770
2904
  var result = [];
2771
2905
  for (var i = 0; i < array.length; i += size) {
@@ -2923,16 +3057,37 @@ function PTableBodyRow(t0) {
2923
3057
  t2 = $[53];
2924
3058
  }
2925
3059
  return t2;
2926
- }function columnFilter(v) {
3060
+ }/********************************************************************************************************************
3061
+ * columnFilter
3062
+ * ******************************************************************************************************************/
3063
+
3064
+ function columnFilter(v) {
2927
3065
  return v !== undefined && v !== null && v !== false;
2928
3066
  }
3067
+
3068
+ /********************************************************************************************************************
3069
+ * getNewColumnId
3070
+ * ******************************************************************************************************************/
2929
3071
  var _columnId = 0;
2930
3072
  var getNewColumnId = function getNewColumnId() {
2931
3073
  _columnId += 1;
2932
3074
  return "$c$".concat(_columnId, "$");
2933
3075
  };
3076
+
3077
+ /********************************************************************************************************************
3078
+ * TLocalBodyData
3079
+ * ******************************************************************************************************************/
3080
+
3081
+ /********************************************************************************************************************
3082
+ * TLocalHeaderData
3083
+ * ******************************************************************************************************************/
3084
+
3085
+ /********************************************************************************************************************
3086
+ * PTable
3087
+ * ******************************************************************************************************************/
3088
+
2934
3089
  function PTable(t0) {
2935
- var $ = compilerRuntime.c(175);
3090
+ var $ = compilerRuntime.c(200);
2936
3091
  var ref = t0.ref,
2937
3092
  className = t0.className,
2938
3093
  initStyle = t0.style,
@@ -2997,6 +3152,9 @@ function PTable(t0) {
2997
3152
  }
2998
3153
  var fireOnCheckChangeTimer = React.useRef(t6);
2999
3154
  var simpleBarRef = React.useRef(null);
3155
+ var onPageChangeRef = reactHook.useAutoUpdateRef(onPageChange);
3156
+ var onSortChangeRef = reactHook.useAutoUpdateRef(onSortChange);
3157
+ var onCheckChangeRef = reactHook.useAutoUpdateRef(onCheckChange);
3000
3158
  var t7;
3001
3159
  if ($[3] === Symbol["for"]("react.memo_cache_sentinel")) {
3002
3160
  t7 = {
@@ -3030,51 +3188,129 @@ function PTable(t0) {
3030
3188
  t9 = $[5];
3031
3189
  }
3032
3190
  var sensors = core.useSensors(core.useSensor(core.MouseSensor, t7), core.useSensor(core.TouchSensor, t8), core.useSensor(core.KeyboardSensor, t9));
3033
- var _useState = React.useState(initColumns),
3191
+ var _useState = React.useState(),
3034
3192
  _useState2 = _slicedToArray(_useState, 2),
3035
- columns = _useState2[0],
3036
- setColumns = _useState2[1];
3037
- reactHook.useChanged(initColumns) && setColumns(initColumns);
3038
- var columnsRef = reactHook.useAutoUpdateRef(columns);
3039
- var _useState3 = React.useState(),
3193
+ sortableItems = _useState2[0],
3194
+ setSortableItems = _useState2[1];
3195
+ var _useState3 = React.useState(false),
3040
3196
  _useState4 = _slicedToArray(_useState3, 2),
3041
- finalColumns = _useState4[0],
3042
- setFinalColumns = _useState4[1];
3197
+ menuOpen = _useState4[0],
3198
+ setMenuOpen = _useState4[1];
3043
3199
  var _useState5 = React.useState(undefined),
3044
3200
  _useState6 = _slicedToArray(_useState5, 2),
3045
- finalColumnsId = _useState6[0],
3046
- setFinalColumnsId = _useState6[1];
3047
- var _useState7 = React.useState(initItems),
3201
+ openMenuId = _useState6[0],
3202
+ setOpenMenuId = _useState6[1];
3203
+ var _useState7 = React.useState(),
3048
3204
  _useState8 = _slicedToArray(_useState7, 2),
3049
- items = _useState8[0],
3050
- setItems = _useState8[1];
3051
- reactHook.useChanged(initItems) && setItems(initItems);
3052
- var itemsRef = reactHook.useAutoUpdateRef(items);
3205
+ containerHeight = _useState8[0],
3206
+ setContainerHeight = _useState8[1];
3053
3207
  var _useState9 = React.useState(),
3054
3208
  _useState0 = _slicedToArray(_useState9, 2),
3055
- sortableItems = _useState0[0],
3056
- setSortableItems = _useState0[1];
3057
- if (reactHook.useChanged(items, true)) {
3058
- setSortableItems(makeSortableItems(items));
3059
- }
3060
- var _useState1 = React.useState(initPaging),
3209
+ pagingHeight = _useState0[0],
3210
+ setPagingHeight = _useState0[1];
3211
+ var _useState1 = React.useState(),
3061
3212
  _useState10 = _slicedToArray(_useState1, 2),
3062
- paging = _useState10[0],
3063
- setPaging = _useState10[1];
3064
- reactHook.useChanged(initPaging) && setPaging(initPaging);
3065
- var pagingRef = reactHook.useAutoUpdateRef(paging);
3066
- var _useState11 = React.useState(false),
3213
+ finalColumns = _useState10[0],
3214
+ _setFinalColumns = _useState10[1];
3215
+ var finalColumnsRef = reactHook.useAutoUpdateRef(finalColumns);
3216
+ var t10;
3217
+ if ($[6] !== finalColumnsRef) {
3218
+ t10 = function t10(value) {
3219
+ _setFinalColumns(function (prev) {
3220
+ var finalValue = typeof value === "function" ? value(prev) : value;
3221
+ finalColumnsRef.current = finalValue;
3222
+ return finalValue;
3223
+ });
3224
+ };
3225
+ $[6] = finalColumnsRef;
3226
+ $[7] = t10;
3227
+ } else {
3228
+ t10 = $[7];
3229
+ }
3230
+ var setFinalColumns = t10;
3231
+ var _useState11 = React.useState(undefined),
3067
3232
  _useState12 = _slicedToArray(_useState11, 2),
3068
- menuOpen = _useState12[0],
3069
- setMenuOpen = _useState12[1];
3070
- var _useState13 = React.useState(undefined),
3233
+ finalColumnsId = _useState12[0],
3234
+ _setFinalColumnsId = _useState12[1];
3235
+ var finalColumnsIdRef = reactHook.useAutoUpdateRef(finalColumnsId);
3236
+ var t11;
3237
+ if ($[8] !== finalColumnsIdRef) {
3238
+ t11 = function t11(value_0) {
3239
+ _setFinalColumnsId(function (prev_0) {
3240
+ var finalValue_0 = typeof value_0 === "function" ? value_0(prev_0) : value_0;
3241
+ finalColumnsIdRef.current = finalValue_0;
3242
+ return finalValue_0;
3243
+ });
3244
+ };
3245
+ $[8] = finalColumnsIdRef;
3246
+ $[9] = t11;
3247
+ } else {
3248
+ t11 = $[9];
3249
+ }
3250
+ var setFinalColumnsId = t11;
3251
+ var _useState13 = React.useState(initColumns),
3071
3252
  _useState14 = _slicedToArray(_useState13, 2),
3072
- openMenuId = _useState14[0],
3073
- setOpenMenuId = _useState14[1];
3074
- var _useState15 = React.useState(),
3253
+ columns = _useState14[0],
3254
+ _setColumns = _useState14[1];
3255
+ reactHook.useChanged(initColumns) && _setColumns(initColumns);
3256
+ var columnsRef = reactHook.useAutoUpdateRef(columns);
3257
+ var t12;
3258
+ if ($[10] !== columnsRef) {
3259
+ t12 = function t12(value_1) {
3260
+ _setColumns(function (prev_1) {
3261
+ var finalValue_1 = typeof value_1 === "function" ? value_1(prev_1) : value_1;
3262
+ columnsRef.current = finalValue_1;
3263
+ return finalValue_1;
3264
+ });
3265
+ };
3266
+ $[10] = columnsRef;
3267
+ $[11] = t12;
3268
+ } else {
3269
+ t12 = $[11];
3270
+ }
3271
+ var setColumns = t12;
3272
+ var _useState15 = React.useState(initItems),
3075
3273
  _useState16 = _slicedToArray(_useState15, 2),
3076
- containerHeight = _useState16[0],
3077
- setContainerHeight = _useState16[1];
3274
+ items = _useState16[0],
3275
+ _setItems = _useState16[1];
3276
+ reactHook.useChanged(initItems) && _setItems(initItems);
3277
+ var itemsRef = reactHook.useAutoUpdateRef(items);
3278
+ var t13;
3279
+ if ($[12] !== itemsRef) {
3280
+ t13 = function t13(value_2) {
3281
+ _setItems(function (prev_2) {
3282
+ var finalValue_2 = typeof value_2 === "function" ? value_2(prev_2) : value_2;
3283
+ itemsRef.current = finalValue_2;
3284
+ return finalValue_2;
3285
+ });
3286
+ };
3287
+ $[12] = itemsRef;
3288
+ $[13] = t13;
3289
+ } else {
3290
+ t13 = $[13];
3291
+ }
3292
+ var setItems = t13;
3293
+ var _useState17 = React.useState(initPaging),
3294
+ _useState18 = _slicedToArray(_useState17, 2),
3295
+ paging = _useState18[0],
3296
+ _setPaging = _useState18[1];
3297
+ reactHook.useChanged(initPaging) && _setPaging(initPaging);
3298
+ var pagingRef = reactHook.useAutoUpdateRef(paging);
3299
+ var t14;
3300
+ if ($[14] !== pagingRef) {
3301
+ t14 = function t14(value_3) {
3302
+ _setPaging(function (prev_3) {
3303
+ var finalValue_3 = typeof value_3 === "function" ? value_3(prev_3) : value_3;
3304
+ pagingRef.current = finalValue_3;
3305
+ return finalValue_3;
3306
+ });
3307
+ };
3308
+ $[14] = pagingRef;
3309
+ $[15] = t14;
3310
+ } else {
3311
+ t14 = $[15];
3312
+ }
3313
+ var setPaging = t14;
3078
3314
  var _useResizeDetector = useResizeDetector({
3079
3315
  handleHeight: true,
3080
3316
  handleWidth: false,
@@ -3086,12 +3322,8 @@ function PTable(t0) {
3086
3322
  }
3087
3323
  }
3088
3324
  }),
3089
- t10 = _useResizeDetector.ref;
3090
- var containerHeightDetector = t10;
3091
- var _useState17 = React.useState(),
3092
- _useState18 = _slicedToArray(_useState17, 2),
3093
- pagingHeight = _useState18[0],
3094
- setPagingHeight = _useState18[1];
3325
+ t15 = _useResizeDetector.ref;
3326
+ var containerHeightDetector = t15;
3095
3327
  var _useResizeDetector2 = useResizeDetector({
3096
3328
  handleHeight: true,
3097
3329
  handleWidth: false,
@@ -3103,28 +3335,28 @@ function PTable(t0) {
3103
3335
  }
3104
3336
  }
3105
3337
  }),
3106
- t11 = _useResizeDetector2.ref;
3107
- var pagingHeightResizeDetector = t11;
3108
- var t12;
3109
- if ($[6] !== finalColumns || $[7] !== finalColumnsId) {
3110
- t12 = function t12(column) {
3111
- if (finalColumns && finalColumnsId) {
3112
- var idx = finalColumns.indexOf(column);
3113
- return finalColumnsId[idx];
3338
+ t16 = _useResizeDetector2.ref;
3339
+ var pagingHeightResizeDetector = t16;
3340
+ var t17;
3341
+ if ($[16] !== finalColumnsIdRef || $[17] !== finalColumnsRef) {
3342
+ t17 = function t17(column) {
3343
+ if (finalColumnsRef.current && finalColumnsIdRef.current) {
3344
+ var idx = finalColumnsRef.current.indexOf(column);
3345
+ return finalColumnsIdRef.current[idx];
3114
3346
  } else {
3115
3347
  return "";
3116
3348
  }
3117
3349
  };
3118
- $[6] = finalColumns;
3119
- $[7] = finalColumnsId;
3120
- $[8] = t12;
3350
+ $[16] = finalColumnsIdRef;
3351
+ $[17] = finalColumnsRef;
3352
+ $[18] = t17;
3121
3353
  } else {
3122
- t12 = $[8];
3354
+ t17 = $[18];
3123
3355
  }
3124
- var getFinalColumnId = t12;
3125
- var t13;
3126
- if ($[9] !== getFinalColumnId) {
3127
- t13 = function t13(column_0) {
3356
+ var getFinalColumnId = t17;
3357
+ var t18;
3358
+ if ($[19] !== getFinalColumnId) {
3359
+ t18 = function t18(column_0) {
3128
3360
  if (updateHeadCheckTimer.current) {
3129
3361
  clearTimeout(updateHeadCheckTimer.current);
3130
3362
  updateHeadCheckTimer.current = undefined;
@@ -3156,15 +3388,15 @@ function PTable(t0) {
3156
3388
  }, 100);
3157
3389
  }
3158
3390
  };
3159
- $[9] = getFinalColumnId;
3160
- $[10] = t13;
3391
+ $[19] = getFinalColumnId;
3392
+ $[20] = t18;
3161
3393
  } else {
3162
- t13 = $[10];
3394
+ t18 = $[20];
3163
3395
  }
3164
- var updateHeadCheck = t13;
3165
- var t14;
3166
- if ($[11] === Symbol["for"]("react.memo_cache_sentinel")) {
3167
- t14 = function t14(itemKey, itemValue, columnId_0) {
3396
+ var updateHeadCheck = t18;
3397
+ var t19;
3398
+ if ($[21] === Symbol["for"]("react.memo_cache_sentinel")) {
3399
+ t19 = function t19(itemKey, itemValue, columnId_0) {
3168
3400
  var checked = false;
3169
3401
  Object.keys(localBodyDataRef.current).find(function (key_1) {
3170
3402
  var itemData = localBodyDataRef.current[key_1];
@@ -3176,14 +3408,14 @@ function PTable(t0) {
3176
3408
  });
3177
3409
  return checked;
3178
3410
  };
3179
- $[11] = t14;
3411
+ $[21] = t19;
3180
3412
  } else {
3181
- t14 = $[11];
3413
+ t19 = $[21];
3182
3414
  }
3183
- var getChecked = t14;
3184
- var t15;
3185
- if ($[12] !== updateHeadCheck) {
3186
- t15 = function t15(itemKey_0, itemValue_0, columnId_1, checked_0) {
3415
+ var getChecked = t19;
3416
+ var t20;
3417
+ if ($[22] !== updateHeadCheck) {
3418
+ t20 = function t20(itemKey_0, itemValue_0, columnId_1, checked_0) {
3187
3419
  Object.keys(localBodyDataRef.current).find(function (key_2) {
3188
3420
  var itemData_0 = localBodyDataRef.current[key_2];
3189
3421
  if (itemData_0.item[itemKey_0] === itemValue_0) {
@@ -3197,15 +3429,15 @@ function PTable(t0) {
3197
3429
  }
3198
3430
  });
3199
3431
  };
3200
- $[12] = updateHeadCheck;
3201
- $[13] = t15;
3432
+ $[22] = updateHeadCheck;
3433
+ $[23] = t20;
3202
3434
  } else {
3203
- t15 = $[13];
3435
+ t20 = $[23];
3204
3436
  }
3205
- var setChecked = t15;
3206
- var t16;
3207
- if ($[14] !== updateHeadCheck) {
3208
- t16 = function t16(itemKey_1, itemValue_1, columnId_2) {
3437
+ var setChecked = t20;
3438
+ var t21;
3439
+ if ($[24] !== updateHeadCheck) {
3440
+ t21 = function t21(itemKey_1, itemValue_1, columnId_2) {
3209
3441
  Object.keys(localBodyDataRef.current).forEach(function (key_3) {
3210
3442
  var itemData_1 = localBodyDataRef.current[key_3];
3211
3443
  if (itemData_1.item[itemKey_1] === itemValue_1) {
@@ -3219,15 +3451,15 @@ function PTable(t0) {
3219
3451
  }
3220
3452
  });
3221
3453
  };
3222
- $[14] = updateHeadCheck;
3223
- $[15] = t16;
3454
+ $[24] = updateHeadCheck;
3455
+ $[25] = t21;
3224
3456
  } else {
3225
- t16 = $[15];
3457
+ t21 = $[25];
3226
3458
  }
3227
- var toggleChecked = t16;
3228
- var t17;
3229
- if ($[16] === Symbol["for"]("react.memo_cache_sentinel")) {
3230
- t17 = function t17(columnId_3, checked_1) {
3459
+ var toggleChecked = t21;
3460
+ var t22;
3461
+ if ($[26] === Symbol["for"]("react.memo_cache_sentinel")) {
3462
+ t22 = function t22(columnId_3, checked_1) {
3231
3463
  var _localHeaderDataRef$c;
3232
3464
  Object.keys(localBodyDataRef.current).forEach(function (key_4) {
3233
3465
  var itemData_2 = localBodyDataRef.current[key_4];
@@ -3239,14 +3471,14 @@ function PTable(t0) {
3239
3471
  });
3240
3472
  (_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);
3241
3473
  };
3242
- $[16] = t17;
3474
+ $[26] = t22;
3243
3475
  } else {
3244
- t17 = $[16];
3476
+ t22 = $[26];
3245
3477
  }
3246
- var setCheckedAll = t17;
3247
- var t18;
3248
- if ($[17] === Symbol["for"]("react.memo_cache_sentinel")) {
3249
- t18 = function t18(columnId_4) {
3478
+ var setCheckedAll = t22;
3479
+ var t23;
3480
+ if ($[27] === Symbol["for"]("react.memo_cache_sentinel")) {
3481
+ t23 = function t23(columnId_4) {
3250
3482
  var checkedItems = [];
3251
3483
  Object.keys(localBodyDataRef.current).forEach(function (key_5) {
3252
3484
  var itemData_3 = localBodyDataRef.current[key_5];
@@ -3259,27 +3491,27 @@ function PTable(t0) {
3259
3491
  });
3260
3492
  return checkedItems;
3261
3493
  };
3262
- $[17] = t18;
3494
+ $[27] = t23;
3263
3495
  } else {
3264
- t18 = $[17];
3496
+ t23 = $[27];
3265
3497
  }
3266
- var getCheckedItems = t18;
3267
- var t19;
3268
- if ($[18] === Symbol["for"]("react.memo_cache_sentinel")) {
3269
- t19 = function t19() {
3498
+ var getCheckedItems = t23;
3499
+ var t24;
3500
+ if ($[28] === Symbol["for"]("react.memo_cache_sentinel")) {
3501
+ t24 = function t24() {
3270
3502
  if (updateHeadCheckTimer.current) {
3271
3503
  clearTimeout(updateHeadCheckTimer.current);
3272
3504
  updateHeadCheckTimer.current = undefined;
3273
3505
  }
3274
3506
  };
3275
- $[18] = t19;
3507
+ $[28] = t24;
3276
3508
  } else {
3277
- t19 = $[18];
3509
+ t24 = $[28];
3278
3510
  }
3279
- var stopHeadCheckTimer = t19;
3280
- var t20;
3281
- if ($[19] === Symbol["for"]("react.memo_cache_sentinel")) {
3282
- t20 = function t20() {
3511
+ var stopHeadCheckTimer = t24;
3512
+ var t25;
3513
+ if ($[29] === Symbol["for"]("react.memo_cache_sentinel")) {
3514
+ t25 = function t25() {
3283
3515
  Object.keys(fireOnCheckChangeTimer.current).forEach(function (key_6) {
3284
3516
  if (fireOnCheckChangeTimer.current[key_6]) {
3285
3517
  clearTimeout(fireOnCheckChangeTimer.current[key_6]);
@@ -3287,64 +3519,48 @@ function PTable(t0) {
3287
3519
  });
3288
3520
  fireOnCheckChangeTimer.current = {};
3289
3521
  };
3290
- $[19] = t20;
3522
+ $[29] = t25;
3291
3523
  } else {
3292
- t20 = $[19];
3524
+ t25 = $[29];
3293
3525
  }
3294
- var clearFireOnCheckChangeTimer = t20;
3295
- var t21;
3296
- if ($[20] !== onCheckChange) {
3297
- t21 = function t21(columnId_5) {
3526
+ var clearFireOnCheckChangeTimer = t25;
3527
+ var t26;
3528
+ if ($[30] !== onCheckChangeRef) {
3529
+ t26 = function t26(columnId_5) {
3298
3530
  if (fireOnCheckChangeTimer.current[columnId_5]) {
3299
3531
  clearTimeout(fireOnCheckChangeTimer.current[columnId_5]);
3300
3532
  fireOnCheckChangeTimer.current[columnId_5] = undefined;
3301
3533
  }
3302
- if (onCheckChange) {
3534
+ if (onCheckChangeRef.current) {
3303
3535
  fireOnCheckChangeTimer.current[columnId_5] = setTimeout(function () {
3536
+ var _onCheckChangeRef$cur;
3304
3537
  fireOnCheckChangeTimer.current[columnId_5] = undefined;
3305
- onCheckChange && onCheckChange(columnId_5, getCheckedItems(columnId_5));
3538
+ (_onCheckChangeRef$cur = onCheckChangeRef.current) === null || _onCheckChangeRef$cur === void 0 || _onCheckChangeRef$cur.call(onCheckChangeRef, columnId_5, getCheckedItems(columnId_5));
3306
3539
  }, 100);
3307
3540
  }
3308
3541
  };
3309
- $[20] = onCheckChange;
3310
- $[21] = t21;
3542
+ $[30] = onCheckChangeRef;
3543
+ $[31] = t26;
3311
3544
  } else {
3312
- t21 = $[21];
3545
+ t26 = $[31];
3313
3546
  }
3314
- var fireOnCheckChange = t21;
3315
- var t22;
3316
- if ($[22] === Symbol["for"]("react.memo_cache_sentinel")) {
3317
- t22 = function t22() {
3547
+ var fireOnCheckChange = t26;
3548
+ var t27;
3549
+ if ($[32] === Symbol["for"]("react.memo_cache_sentinel")) {
3550
+ t27 = function t27() {
3318
3551
  var _simpleBarRef$current;
3319
3552
  (_simpleBarRef$current = simpleBarRef.current) === null || _simpleBarRef$current === void 0 || (_simpleBarRef$current = _simpleBarRef$current.getScrollElement()) === null || _simpleBarRef$current === void 0 || _simpleBarRef$current.scrollTo({
3320
3553
  top: 0
3321
3554
  });
3322
3555
  };
3323
- $[22] = t22;
3324
- } else {
3325
- t22 = $[22];
3326
- }
3327
- var simpleBarScrollToTop = t22;
3328
- var t23;
3329
- var t24;
3330
- if ($[23] === Symbol["for"]("react.memo_cache_sentinel")) {
3331
- t23 = function t23() {
3332
- return function () {
3333
- stopHeadCheckTimer();
3334
- clearFireOnCheckChangeTimer();
3335
- };
3336
- };
3337
- t24 = [clearFireOnCheckChangeTimer, stopHeadCheckTimer];
3338
- $[23] = t23;
3339
- $[24] = t24;
3556
+ $[32] = t27;
3340
3557
  } else {
3341
- t23 = $[23];
3342
- t24 = $[24];
3558
+ t27 = $[32];
3343
3559
  }
3344
- React.useEffect(t23, t24);
3345
- var t25;
3346
- if ($[25] === Symbol["for"]("react.memo_cache_sentinel")) {
3347
- t25 = function t25() {
3560
+ var simpleBarScrollToTop = t27;
3561
+ var t28;
3562
+ if ($[33] !== items) {
3563
+ t28 = function t28() {
3348
3564
  stopHeadCheckTimer();
3349
3565
  clearFireOnCheckChangeTimer();
3350
3566
  Object.keys(localHeaderDataRef.current).forEach(function (key_7) {
@@ -3359,49 +3575,103 @@ function PTable(t0) {
3359
3575
  (_localBodyDataRef$cur = localBodyDataRef.current[key_8].columns[cKey].commands) === null || _localBodyDataRef$cur === void 0 || _localBodyDataRef$cur.setChecked(false);
3360
3576
  });
3361
3577
  });
3578
+ setSortableItems(makeSortableItems(items));
3362
3579
  };
3363
- $[25] = t25;
3580
+ $[33] = items;
3581
+ $[34] = t28;
3364
3582
  } else {
3365
- t25 = $[25];
3583
+ t28 = $[34];
3366
3584
  }
3367
- var t26;
3368
- if ($[26] !== items) {
3369
- t26 = [items, clearFireOnCheckChangeTimer, stopHeadCheckTimer];
3370
- $[26] = items;
3371
- $[27] = t26;
3585
+ var effectEvent = React.useEffectEvent(t28);
3586
+ var t29;
3587
+ if ($[35] !== effectEvent) {
3588
+ t29 = function t29() {
3589
+ effectEvent();
3590
+ };
3591
+ $[35] = effectEvent;
3592
+ $[36] = t29;
3372
3593
  } else {
3373
- t26 = $[27];
3594
+ t29 = $[36];
3374
3595
  }
3375
- React.useEffect(t25, t26);
3376
- if (reactHook.useChanged(columns, true)) {
3377
- var newFinalColumns = columns === null || columns === void 0 ? void 0 : columns.filter(columnFilter);
3378
- var newFinalColumnsId = newFinalColumns === null || newFinalColumns === void 0 ? void 0 : newFinalColumns.map(_temp$1);
3379
- setFinalColumns(newFinalColumns);
3380
- setFinalColumnsId(newFinalColumnsId);
3596
+ var t30;
3597
+ if ($[37] !== items) {
3598
+ t30 = [items];
3599
+ $[37] = items;
3600
+ $[38] = t30;
3601
+ } else {
3602
+ t30 = $[38];
3381
3603
  }
3382
- var t27;
3383
- if ($[28] === Symbol["for"]("react.memo_cache_sentinel")) {
3384
- t27 = function t27() {
3604
+ React.useEffect(t29, t30);
3605
+ var t31;
3606
+ if ($[39] === Symbol["for"]("react.memo_cache_sentinel")) {
3607
+ t31 = function t31() {
3608
+ return function () {
3609
+ stopHeadCheckTimer();
3610
+ clearFireOnCheckChangeTimer();
3611
+ };
3612
+ };
3613
+ $[39] = t31;
3614
+ } else {
3615
+ t31 = $[39];
3616
+ }
3617
+ var effectEvent_0 = React.useEffectEvent(t31);
3618
+ var t32;
3619
+ if ($[40] !== effectEvent_0) {
3620
+ t32 = function t32() {
3621
+ return effectEvent_0();
3622
+ };
3623
+ $[40] = effectEvent_0;
3624
+ $[41] = t32;
3625
+ } else {
3626
+ t32 = $[41];
3627
+ }
3628
+ var t33;
3629
+ if ($[42] === Symbol["for"]("react.memo_cache_sentinel")) {
3630
+ t33 = [];
3631
+ $[42] = t33;
3632
+ } else {
3633
+ t33 = $[42];
3634
+ }
3635
+ React.useEffect(t32, t33);
3636
+ var t34;
3637
+ if ($[43] !== columns || $[44] !== setFinalColumns || $[45] !== setFinalColumnsId) {
3638
+ t34 = function t34() {
3385
3639
  stopHeadCheckTimer();
3386
3640
  clearFireOnCheckChangeTimer();
3641
+ var newFinalColumns = columns === null || columns === void 0 ? void 0 : columns.filter(columnFilter);
3642
+ setFinalColumns(newFinalColumns);
3643
+ setFinalColumnsId(newFinalColumns === null || newFinalColumns === void 0 ? void 0 : newFinalColumns.map(_temp$1));
3387
3644
  };
3388
- $[28] = t27;
3645
+ $[43] = columns;
3646
+ $[44] = setFinalColumns;
3647
+ $[45] = setFinalColumnsId;
3648
+ $[46] = t34;
3389
3649
  } else {
3390
- t27 = $[28];
3650
+ t34 = $[46];
3391
3651
  }
3392
- var t28;
3393
- if ($[29] !== columns) {
3394
- t28 = [columns, clearFireOnCheckChangeTimer, stopHeadCheckTimer];
3395
- $[29] = columns;
3396
- $[30] = t28;
3652
+ var effectEvent_1 = React.useEffectEvent(t34);
3653
+ var t35;
3654
+ if ($[47] !== effectEvent_1) {
3655
+ t35 = function t35() {
3656
+ effectEvent_1();
3657
+ };
3658
+ $[47] = effectEvent_1;
3659
+ $[48] = t35;
3397
3660
  } else {
3398
- t28 = $[30];
3661
+ t35 = $[48];
3399
3662
  }
3400
- React.useEffect(t27, t28);
3401
- var t29;
3402
- var t30;
3403
- if ($[31] !== finalColumns || $[32] !== getFinalColumnId || $[33] !== sortableItems) {
3404
- t29 = function t29() {
3663
+ var t36;
3664
+ if ($[49] !== columns) {
3665
+ t36 = [columns];
3666
+ $[49] = columns;
3667
+ $[50] = t36;
3668
+ } else {
3669
+ t36 = $[50];
3670
+ }
3671
+ React.useEffect(t35, t36);
3672
+ var t37;
3673
+ if ($[51] !== finalColumns || $[52] !== getFinalColumnId || $[53] !== sortableItems) {
3674
+ t37 = function t37() {
3405
3675
  clearFireOnCheckChangeTimer();
3406
3676
  if (sortableItems) {
3407
3677
  localBodyDataRef.current = sortableItems.reduce(function (res, item) {
@@ -3430,21 +3700,37 @@ function PTable(t0) {
3430
3700
  localBodyDataRef.current = {};
3431
3701
  }
3432
3702
  };
3433
- t30 = [sortableItems, finalColumns, clearFireOnCheckChangeTimer, getFinalColumnId];
3434
- $[31] = finalColumns;
3435
- $[32] = getFinalColumnId;
3436
- $[33] = sortableItems;
3437
- $[34] = t29;
3438
- $[35] = t30;
3703
+ $[51] = finalColumns;
3704
+ $[52] = getFinalColumnId;
3705
+ $[53] = sortableItems;
3706
+ $[54] = t37;
3439
3707
  } else {
3440
- t29 = $[34];
3441
- t30 = $[35];
3708
+ t37 = $[54];
3442
3709
  }
3443
- React.useLayoutEffect(t29, t30);
3444
- var t31;
3445
- var t32;
3446
- if ($[36] !== finalColumns || $[37] !== getFinalColumnId) {
3447
- t31 = function t31() {
3710
+ var effectEvent_2 = React.useEffectEvent(t37);
3711
+ var t38;
3712
+ if ($[55] !== effectEvent_2) {
3713
+ t38 = function t38() {
3714
+ effectEvent_2();
3715
+ };
3716
+ $[55] = effectEvent_2;
3717
+ $[56] = t38;
3718
+ } else {
3719
+ t38 = $[56];
3720
+ }
3721
+ var t39;
3722
+ if ($[57] !== finalColumns || $[58] !== sortableItems) {
3723
+ t39 = [sortableItems, finalColumns];
3724
+ $[57] = finalColumns;
3725
+ $[58] = sortableItems;
3726
+ $[59] = t39;
3727
+ } else {
3728
+ t39 = $[59];
3729
+ }
3730
+ React.useLayoutEffect(t38, t39);
3731
+ var t40;
3732
+ if ($[60] !== finalColumns || $[61] !== getFinalColumnId) {
3733
+ t40 = function t40() {
3448
3734
  if (finalColumns) {
3449
3735
  localHeaderDataRef.current = finalColumns.reduce(function (res_0, c_0) {
3450
3736
  res_0[getFinalColumnId(c_0)] = {
@@ -3457,83 +3743,83 @@ function PTable(t0) {
3457
3743
  localHeaderDataRef.current = {};
3458
3744
  }
3459
3745
  };
3460
- t32 = [finalColumns, getFinalColumnId];
3461
- $[36] = finalColumns;
3462
- $[37] = getFinalColumnId;
3463
- $[38] = t31;
3464
- $[39] = t32;
3746
+ $[60] = finalColumns;
3747
+ $[61] = getFinalColumnId;
3748
+ $[62] = t40;
3465
3749
  } else {
3466
- t31 = $[38];
3467
- t32 = $[39];
3750
+ t40 = $[62];
3468
3751
  }
3469
- React.useLayoutEffect(t31, t32);
3470
- var t33;
3471
- var t34;
3472
- if ($[40] !== columnsRef) {
3473
- t33 = function t33() {
3474
- return columnsRef.current;
3752
+ var effectEvent_3 = React.useEffectEvent(t40);
3753
+ var t41;
3754
+ if ($[63] !== effectEvent_3) {
3755
+ t41 = function t41() {
3756
+ effectEvent_3();
3475
3757
  };
3476
- t34 = function t34(columns_0) {
3477
- columnsRef.current = columns_0;
3478
- setColumns(columns_0);
3758
+ $[63] = effectEvent_3;
3759
+ $[64] = t41;
3760
+ } else {
3761
+ t41 = $[64];
3762
+ }
3763
+ var t42;
3764
+ if ($[65] !== finalColumns) {
3765
+ t42 = [finalColumns];
3766
+ $[65] = finalColumns;
3767
+ $[66] = t42;
3768
+ } else {
3769
+ t42 = $[66];
3770
+ }
3771
+ React.useLayoutEffect(t41, t42);
3772
+ var t43;
3773
+ if ($[67] !== columnsRef) {
3774
+ t43 = function t43() {
3775
+ return columnsRef.current;
3479
3776
  };
3480
- $[40] = columnsRef;
3481
- $[41] = t33;
3482
- $[42] = t34;
3777
+ $[67] = columnsRef;
3778
+ $[68] = t43;
3483
3779
  } else {
3484
- t33 = $[41];
3485
- t34 = $[42];
3780
+ t43 = $[68];
3486
3781
  }
3487
- var t35;
3488
- var t36;
3489
- if ($[43] !== itemsRef) {
3490
- t35 = function t35() {
3782
+ var t44;
3783
+ if ($[69] !== itemsRef) {
3784
+ t44 = function t44() {
3491
3785
  return itemsRef.current;
3492
3786
  };
3493
- t36 = function t36(items_0) {
3494
- itemsRef.current = items_0;
3495
- setItems(items_0);
3496
- };
3497
- $[43] = itemsRef;
3498
- $[44] = t35;
3499
- $[45] = t36;
3787
+ $[69] = itemsRef;
3788
+ $[70] = t44;
3500
3789
  } else {
3501
- t35 = $[44];
3502
- t36 = $[45];
3790
+ t44 = $[70];
3503
3791
  }
3504
- var t37;
3505
- if ($[46] !== pagingRef) {
3506
- t37 = function t37() {
3792
+ var t45;
3793
+ if ($[71] !== pagingRef) {
3794
+ t45 = function t45() {
3507
3795
  return pagingRef.current;
3508
3796
  };
3509
- $[46] = pagingRef;
3510
- $[47] = t37;
3797
+ $[71] = pagingRef;
3798
+ $[72] = t45;
3511
3799
  } else {
3512
- t37 = $[47];
3800
+ t45 = $[72];
3513
3801
  }
3514
- var t38;
3515
- if ($[48] !== itemsRef || $[49] !== pagingRef) {
3516
- t38 = function t38(items_1, paging_0) {
3517
- itemsRef.current = items_1;
3518
- pagingRef.current = paging_0;
3519
- setItems(items_1);
3802
+ var t46;
3803
+ if ($[73] !== setItems || $[74] !== setPaging) {
3804
+ t46 = function t46(items_0, paging_0) {
3805
+ setItems(items_0);
3520
3806
  setPaging(paging_0);
3521
3807
  };
3522
- $[48] = itemsRef;
3523
- $[49] = pagingRef;
3524
- $[50] = t38;
3808
+ $[73] = setItems;
3809
+ $[74] = setPaging;
3810
+ $[75] = t46;
3525
3811
  } else {
3526
- t38 = $[50];
3812
+ t46 = $[75];
3527
3813
  }
3528
- var t39;
3529
- if ($[51] !== itemsRef || $[52] !== setChecked || $[53] !== t33 || $[54] !== t34 || $[55] !== t35 || $[56] !== t36 || $[57] !== t37 || $[58] !== t38 || $[59] !== toggleChecked) {
3530
- t39 = {
3531
- getColumns: t33,
3532
- setColumns: t34,
3533
- getItems: t35,
3534
- setItems: t36,
3535
- getPaging: t37,
3536
- setItemsPaging: t38,
3814
+ var t47;
3815
+ if ($[76] !== itemsRef || $[77] !== setChecked || $[78] !== setColumns || $[79] !== setItems || $[80] !== t43 || $[81] !== t44 || $[82] !== t45 || $[83] !== t46 || $[84] !== toggleChecked) {
3816
+ t47 = {
3817
+ getColumns: t43,
3818
+ setColumns: setColumns,
3819
+ getItems: t44,
3820
+ setItems: setItems,
3821
+ getPaging: t45,
3822
+ setItemsPaging: t46,
3537
3823
  resetSort: function resetSort() {
3538
3824
  setSortableItems(makeSortableItems(itemsRef.current));
3539
3825
  },
@@ -3544,31 +3830,31 @@ function PTable(t0) {
3544
3830
  setCheckedAll: setCheckedAll,
3545
3831
  scrollToTop: simpleBarScrollToTop
3546
3832
  };
3547
- $[51] = itemsRef;
3548
- $[52] = setChecked;
3549
- $[53] = t33;
3550
- $[54] = t34;
3551
- $[55] = t35;
3552
- $[56] = t36;
3553
- $[57] = t37;
3554
- $[58] = t38;
3555
- $[59] = toggleChecked;
3556
- $[60] = t39;
3557
- } else {
3558
- t39 = $[60];
3559
- }
3560
- reactHook.useForwardRef(ref, t39);
3561
- var t40;
3562
- if ($[61] !== onSortChange) {
3563
- t40 = function t40(event) {
3833
+ $[76] = itemsRef;
3834
+ $[77] = setChecked;
3835
+ $[78] = setColumns;
3836
+ $[79] = setItems;
3837
+ $[80] = t43;
3838
+ $[81] = t44;
3839
+ $[82] = t45;
3840
+ $[83] = t46;
3841
+ $[84] = toggleChecked;
3842
+ $[85] = t47;
3843
+ } else {
3844
+ t47 = $[85];
3845
+ }
3846
+ reactHook.useForwardRef(ref, t47);
3847
+ var t48;
3848
+ if ($[86] !== onSortChangeRef) {
3849
+ t48 = function t48(event) {
3564
3850
  var active = event.active,
3565
3851
  over = event.over;
3566
3852
  if (active && over) {
3567
- setSortableItems(function (items_2) {
3568
- if (items_2) {
3853
+ setSortableItems(function (items_1) {
3854
+ if (items_1) {
3569
3855
  var oldIndex = null;
3570
3856
  var newIndex = null;
3571
- items_2.find(function (item_0, idx_0) {
3857
+ items_1.find(function (item_0, idx_0) {
3572
3858
  if (item_0.id === active.id) {
3573
3859
  oldIndex = idx_0;
3574
3860
  } else {
@@ -3579,27 +3865,28 @@ function PTable(t0) {
3579
3865
  return oldIndex != null && newIndex != null;
3580
3866
  });
3581
3867
  if (oldIndex != null && newIndex != null) {
3582
- var finalItems = sortable.arrayMove(items_2, oldIndex, newIndex);
3583
- onSortChange && onSortChange(finalItems);
3868
+ var _onSortChangeRef$curr;
3869
+ var finalItems = sortable.arrayMove(items_1, oldIndex, newIndex);
3870
+ (_onSortChangeRef$curr = onSortChangeRef.current) === null || _onSortChangeRef$curr === void 0 || _onSortChangeRef$curr.call(onSortChangeRef, finalItems);
3584
3871
  return finalItems;
3585
3872
  } else {
3586
- return items_2;
3873
+ return items_1;
3587
3874
  }
3588
3875
  } else {
3589
- return items_2;
3876
+ return items_1;
3590
3877
  }
3591
3878
  });
3592
3879
  }
3593
3880
  };
3594
- $[61] = onSortChange;
3595
- $[62] = t40;
3881
+ $[86] = onSortChangeRef;
3882
+ $[87] = t48;
3596
3883
  } else {
3597
- t40 = $[62];
3884
+ t48 = $[87];
3598
3885
  }
3599
- var handleDragEnd = t40;
3600
- var t41;
3601
- if ($[63] !== getFinalColumnId) {
3602
- t41 = function t41(column_1, checked_2) {
3886
+ var handleDragEnd = t48;
3887
+ var t49;
3888
+ if ($[88] !== getFinalColumnId) {
3889
+ t49 = function t49(column_1, checked_2) {
3603
3890
  Object.keys(localBodyDataRef.current).forEach(function (key_9) {
3604
3891
  var data = localBodyDataRef.current[key_9].columns[getFinalColumnId(column_1)];
3605
3892
  if (data) {
@@ -3610,38 +3897,39 @@ function PTable(t0) {
3610
3897
  }
3611
3898
  });
3612
3899
  };
3613
- $[63] = getFinalColumnId;
3614
- $[64] = t41;
3900
+ $[88] = getFinalColumnId;
3901
+ $[89] = t49;
3615
3902
  } else {
3616
- t41 = $[64];
3903
+ t49 = $[89];
3617
3904
  }
3618
- var handleHeadCheckChange = t41;
3619
- var t42;
3620
- if ($[65] !== updateHeadCheck) {
3621
- t42 = function t42(item_1, column_2) {
3905
+ var handleHeadCheckChange = t49;
3906
+ var t50;
3907
+ if ($[90] !== updateHeadCheck) {
3908
+ t50 = function t50(item_1, column_2) {
3622
3909
  updateHeadCheck(column_2);
3623
3910
  };
3624
- $[65] = updateHeadCheck;
3625
- $[66] = t42;
3911
+ $[90] = updateHeadCheck;
3912
+ $[91] = t50;
3626
3913
  } else {
3627
- t42 = $[66];
3914
+ t50 = $[91];
3628
3915
  }
3629
- var handleBodyCheckChange = t42;
3630
- var t43;
3631
- if ($[67] !== onPageChange) {
3632
- t43 = function t43(page) {
3916
+ var handleBodyCheckChange = t50;
3917
+ var t51;
3918
+ if ($[92] !== onPageChangeRef) {
3919
+ t51 = function t51(page) {
3920
+ var _onPageChangeRef$curr;
3633
3921
  simpleBarScrollToTop();
3634
- onPageChange && onPageChange(page);
3922
+ (_onPageChangeRef$curr = onPageChangeRef.current) === null || _onPageChangeRef$curr === void 0 || _onPageChangeRef$curr.call(onPageChangeRef, page);
3635
3923
  };
3636
- $[67] = onPageChange;
3637
- $[68] = t43;
3924
+ $[92] = onPageChangeRef;
3925
+ $[93] = t51;
3638
3926
  } else {
3639
- t43 = $[68];
3927
+ t51 = $[93];
3640
3928
  }
3641
- var handlePageChange = t43;
3642
- var t44;
3643
- if ($[69] !== openMenuId) {
3644
- t44 = function t44(newMenuOpen, newOpenMenuId) {
3929
+ var handlePageChange = t51;
3930
+ var t52;
3931
+ if ($[94] !== openMenuId) {
3932
+ t52 = function t52(newMenuOpen, newOpenMenuId) {
3645
3933
  if (newMenuOpen) {
3646
3934
  setMenuOpen(newMenuOpen);
3647
3935
  setOpenMenuId(newOpenMenuId);
@@ -3652,21 +3940,21 @@ function PTable(t0) {
3652
3940
  }
3653
3941
  }
3654
3942
  };
3655
- $[69] = openMenuId;
3656
- $[70] = t44;
3943
+ $[94] = openMenuId;
3944
+ $[95] = t52;
3657
3945
  } else {
3658
- t44 = $[70];
3946
+ t52 = $[95];
3659
3947
  }
3660
- var TableContextSetMenuOpen = t44;
3661
- var t45;
3662
- if ($[71] !== fireOnCheckChange || $[72] !== getFinalColumnId) {
3663
- t45 = function t45(item_2, column_3, checked_3) {
3948
+ var TableContextSetMenuOpen = t52;
3949
+ var t53;
3950
+ if ($[96] !== fireOnCheckChange || $[97] !== getFinalColumnId) {
3951
+ t53 = function t53(item_2, column_3, checked_3) {
3664
3952
  var columnId_7 = getFinalColumnId(column_3);
3665
3953
  if (localBodyDataRef.current) {
3666
3954
  var bodyData = localBodyDataRef.current[item_2.id];
3667
3955
  if (bodyData) {
3668
- var columns_1 = bodyData.columns;
3669
- var data_0 = columns_1[columnId_7];
3956
+ var columns_0 = bodyData.columns;
3957
+ var data_0 = columns_0[columnId_7];
3670
3958
  if (data_0) {
3671
3959
  data_0.checked = checked_3;
3672
3960
  fireOnCheckChange(columnId_7);
@@ -3674,16 +3962,16 @@ function PTable(t0) {
3674
3962
  }
3675
3963
  }
3676
3964
  };
3677
- $[71] = fireOnCheckChange;
3678
- $[72] = getFinalColumnId;
3679
- $[73] = t45;
3965
+ $[96] = fireOnCheckChange;
3966
+ $[97] = getFinalColumnId;
3967
+ $[98] = t53;
3680
3968
  } else {
3681
- t45 = $[73];
3969
+ t53 = $[98];
3682
3970
  }
3683
- var TableContextSetItemColumnChecked = t45;
3684
- var t46;
3685
- if ($[74] !== getFinalColumnId || $[75] !== updateHeadCheck) {
3686
- t46 = function t46(item_3, column_4, disabled) {
3971
+ var TableContextSetItemColumnChecked = t53;
3972
+ var t54;
3973
+ if ($[99] !== getFinalColumnId || $[100] !== updateHeadCheck) {
3974
+ t54 = function t54(item_3, column_4, disabled) {
3687
3975
  var _localBodyDataRef$cur3;
3688
3976
  var columnId_8 = getFinalColumnId(column_4);
3689
3977
  if (columnId_8 && (_localBodyDataRef$cur3 = localBodyDataRef.current[item_3.id]) !== null && _localBodyDataRef$cur3 !== void 0 && _localBodyDataRef$cur3.columns[columnId_8]) {
@@ -3708,16 +3996,16 @@ function PTable(t0) {
3708
3996
  _run();
3709
3997
  }
3710
3998
  };
3711
- $[74] = getFinalColumnId;
3712
- $[75] = updateHeadCheck;
3713
- $[76] = t46;
3999
+ $[99] = getFinalColumnId;
4000
+ $[100] = updateHeadCheck;
4001
+ $[101] = t54;
3714
4002
  } else {
3715
- t46 = $[76];
4003
+ t54 = $[101];
3716
4004
  }
3717
- var TableContextSetItemColumnCheckDisabled = t46;
3718
- var t47;
3719
- if ($[77] !== getFinalColumnId) {
3720
- t47 = function t47(item_4, column_5, commands) {
4005
+ var TableContextSetItemColumnCheckDisabled = t54;
4006
+ var t55;
4007
+ if ($[102] !== getFinalColumnId) {
4008
+ t55 = function t55(item_4, column_5, commands) {
3721
4009
  var _localBodyDataRef$cur5;
3722
4010
  var columnId_10 = getFinalColumnId(column_5);
3723
4011
  if (columnId_10 && (_localBodyDataRef$cur5 = localBodyDataRef.current[item_4.id]) !== null && _localBodyDataRef$cur5 !== void 0 && _localBodyDataRef$cur5.columns[columnId_10]) {
@@ -3740,15 +4028,15 @@ function PTable(t0) {
3740
4028
  _run_();
3741
4029
  }
3742
4030
  };
3743
- $[77] = getFinalColumnId;
3744
- $[78] = t47;
4031
+ $[102] = getFinalColumnId;
4032
+ $[103] = t55;
3745
4033
  } else {
3746
- t47 = $[78];
4034
+ t55 = $[103];
3747
4035
  }
3748
- var TableContextSetItemColumnCommands = t47;
3749
- var t48;
3750
- if ($[79] !== getFinalColumnId) {
3751
- t48 = function t48(column_6, checked_4) {
4036
+ var TableContextSetItemColumnCommands = t55;
4037
+ var t56;
4038
+ if ($[104] !== getFinalColumnId) {
4039
+ t56 = function t56(column_6, checked_4) {
3752
4040
  var columnId_12 = getFinalColumnId(column_6);
3753
4041
  if (columnId_12 && localHeaderDataRef.current[columnId_12]) {
3754
4042
  localHeaderDataRef.current[columnId_12].checked = checked_4;
@@ -3769,15 +4057,15 @@ function PTable(t0) {
3769
4057
  _run_2();
3770
4058
  }
3771
4059
  };
3772
- $[79] = getFinalColumnId;
3773
- $[80] = t48;
4060
+ $[104] = getFinalColumnId;
4061
+ $[105] = t56;
3774
4062
  } else {
3775
- t48 = $[80];
4063
+ t56 = $[105];
3776
4064
  }
3777
- var TableContextSetHeadColumnChecked = t48;
3778
- var t49;
3779
- if ($[81] !== getFinalColumnId) {
3780
- t49 = function t49(column_7, commands_0) {
4065
+ var TableContextSetHeadColumnChecked = t56;
4066
+ var t57;
4067
+ if ($[106] !== getFinalColumnId) {
4068
+ t57 = function t57(column_7, commands_0) {
3781
4069
  var columnId_14 = getFinalColumnId(column_7);
3782
4070
  if (columnId_14 && localHeaderDataRef.current[columnId_14]) {
3783
4071
  localHeaderDataRef.current[columnId_14].commands = commands_0;
@@ -3798,18 +4086,18 @@ function PTable(t0) {
3798
4086
  _run_3();
3799
4087
  }
3800
4088
  };
3801
- $[81] = getFinalColumnId;
3802
- $[82] = t49;
4089
+ $[106] = getFinalColumnId;
4090
+ $[107] = t57;
3803
4091
  } else {
3804
- t49 = $[82];
4092
+ t57 = $[107];
3805
4093
  }
3806
- var TableContextSetHeadColumnCommands = t49;
4094
+ var TableContextSetHeadColumnCommands = t57;
3807
4095
  var isNoData = !!sortableItems && sortableItems.length <= 0;
3808
4096
  var finalPagingHeight = paging && paging.total > 0 ? pagingHeight || 0 : 0;
3809
4097
  var stickyHeader = !isNoData && initStickyHeader;
3810
- var t50;
3811
- if ($[83] !== fullHeight || $[84] !== initStyle) {
3812
- t50 = fullHeight ? _objectSpread2(_objectSpread2({
4098
+ var t58;
4099
+ if ($[108] !== fullHeight || $[109] !== initStyle) {
4100
+ t58 = fullHeight ? _objectSpread2(_objectSpread2({
3813
4101
  width: "100%"
3814
4102
  }, initStyle), {}, {
3815
4103
  flex: 1,
@@ -3821,32 +4109,32 @@ function PTable(t0) {
3821
4109
  }) : _objectSpread2({
3822
4110
  width: "100%"
3823
4111
  }, initStyle);
3824
- $[83] = fullHeight;
3825
- $[84] = initStyle;
3826
- $[85] = t50;
4112
+ $[108] = fullHeight;
4113
+ $[109] = initStyle;
4114
+ $[110] = t58;
3827
4115
  } else {
3828
- t50 = $[85];
4116
+ t58 = $[110];
3829
4117
  }
3830
- var style = t50;
3831
- var t51 = typeof cellPadding === "number" ? "".concat(cellPadding, "px") : cellPadding;
3832
- var t52;
3833
- if ($[86] !== t51) {
4118
+ var style = t58;
4119
+ var t59 = typeof cellPadding === "number" ? "".concat(cellPadding, "px") : cellPadding;
4120
+ var t60;
4121
+ if ($[111] !== t59) {
3834
4122
  var sx_0 = {
3835
- padding: t51
4123
+ padding: t59
3836
4124
  };
3837
- t52 = {
4125
+ t60 = {
3838
4126
  "> .MuiTableHead-root > .MuiTableRow-root > .MuiTableCell-root ": sx_0,
3839
4127
  "> .MuiTableBody-root > .MuiTableRow-root > .MuiTableCell-root ": sx_0,
3840
4128
  "> .MuiTableFooter-root > .MuiTableRow-root > .MuiTableCell-root ": sx_0
3841
4129
  };
3842
- $[86] = t51;
3843
- $[87] = t52;
4130
+ $[111] = t59;
4131
+ $[112] = t60;
3844
4132
  } else {
3845
- t52 = $[87];
4133
+ t60 = $[112];
3846
4134
  }
3847
- var tableSx = t52;
4135
+ var tableSx = t60;
3848
4136
  var pagingStyle;
3849
- if ($[88] !== fullHeight) {
4137
+ if ($[113] !== fullHeight) {
3850
4138
  pagingStyle = {
3851
4139
  padding: "13px 0",
3852
4140
  borderTop: "1px solid rgba(224, 224, 224, 1)"
@@ -3854,32 +4142,32 @@ function PTable(t0) {
3854
4142
  if (fullHeight) {
3855
4143
  pagingStyle.position = "sticky";
3856
4144
  }
3857
- $[88] = fullHeight;
3858
- $[89] = pagingStyle;
4145
+ $[113] = fullHeight;
4146
+ $[114] = pagingStyle;
3859
4147
  } else {
3860
- pagingStyle = $[89];
4148
+ pagingStyle = $[114];
3861
4149
  }
3862
- var t53;
3863
- if ($[90] !== pagingStyle || $[91] !== style || $[92] !== tableSx) {
3864
- t53 = {
4150
+ var t61;
4151
+ if ($[115] !== pagingStyle || $[116] !== style || $[117] !== tableSx) {
4152
+ t61 = {
3865
4153
  style: style,
3866
4154
  tableSx: tableSx,
3867
4155
  pagingStyle: pagingStyle
3868
4156
  };
3869
- $[90] = pagingStyle;
3870
- $[91] = style;
3871
- $[92] = tableSx;
3872
- $[93] = t53;
4157
+ $[115] = pagingStyle;
4158
+ $[116] = style;
4159
+ $[117] = tableSx;
4160
+ $[118] = t61;
3873
4161
  } else {
3874
- t53 = $[93];
4162
+ t61 = $[118];
3875
4163
  }
3876
- var _t = t53,
4164
+ var _t = t61,
3877
4165
  style_0 = _t.style,
3878
4166
  tableSx_0 = _t.tableSx,
3879
4167
  pagingStyle_0 = _t.pagingStyle;
3880
- var t54;
3881
- if ($[94] !== containerHeight || $[95] !== finalPagingHeight || $[96] !== fullHeight || $[97] !== height || $[98] !== maxHeight || $[99] !== minHeight) {
3882
- t54 = fullHeight ? {
4168
+ var t62;
4169
+ if ($[119] !== containerHeight || $[120] !== finalPagingHeight || $[121] !== fullHeight || $[122] !== height || $[123] !== maxHeight || $[124] !== minHeight) {
4170
+ t62 = fullHeight ? {
3883
4171
  height: (containerHeight || 0) - (finalPagingHeight || 0) - 1,
3884
4172
  flex: 1,
3885
4173
  position: "absolute",
@@ -3893,50 +4181,50 @@ function PTable(t0) {
3893
4181
  maxHeight: maxHeight,
3894
4182
  marginBottom: -1
3895
4183
  };
3896
- $[94] = containerHeight;
3897
- $[95] = finalPagingHeight;
3898
- $[96] = fullHeight;
3899
- $[97] = height;
3900
- $[98] = maxHeight;
3901
- $[99] = minHeight;
3902
- $[100] = t54;
3903
- } else {
3904
- t54 = $[100];
3905
- }
3906
- var contentContainerStyle = t54;
3907
- var t55;
3908
- if ($[101] !== containerHeight || $[102] !== finalPagingHeight || $[103] !== fullHeight || $[104] !== isNoData) {
3909
- t55 = fullHeight && isNoData ? {
4184
+ $[119] = containerHeight;
4185
+ $[120] = finalPagingHeight;
4186
+ $[121] = fullHeight;
4187
+ $[122] = height;
4188
+ $[123] = maxHeight;
4189
+ $[124] = minHeight;
4190
+ $[125] = t62;
4191
+ } else {
4192
+ t62 = $[125];
4193
+ }
4194
+ var contentContainerStyle = t62;
4195
+ var t63;
4196
+ if ($[126] !== containerHeight || $[127] !== finalPagingHeight || $[128] !== fullHeight || $[129] !== isNoData) {
4197
+ t63 = fullHeight && isNoData ? {
3910
4198
  flex: 1,
3911
4199
  height: (containerHeight || 0) - finalPagingHeight - 2
3912
4200
  } : undefined;
3913
- $[101] = containerHeight;
3914
- $[102] = finalPagingHeight;
3915
- $[103] = fullHeight;
3916
- $[104] = isNoData;
3917
- $[105] = t55;
3918
- } else {
3919
- t55 = $[105];
3920
- }
3921
- var tableStyle = t55;
3922
- var t56;
3923
- if ($[106] !== contentContainerStyle || $[107] !== tableStyle) {
3924
- t56 = {
4201
+ $[126] = containerHeight;
4202
+ $[127] = finalPagingHeight;
4203
+ $[128] = fullHeight;
4204
+ $[129] = isNoData;
4205
+ $[130] = t63;
4206
+ } else {
4207
+ t63 = $[130];
4208
+ }
4209
+ var tableStyle = t63;
4210
+ var t64;
4211
+ if ($[131] !== contentContainerStyle || $[132] !== tableStyle) {
4212
+ t64 = {
3925
4213
  contentContainerStyle: contentContainerStyle,
3926
4214
  tableStyle: tableStyle
3927
4215
  };
3928
- $[106] = contentContainerStyle;
3929
- $[107] = tableStyle;
3930
- $[108] = t56;
4216
+ $[131] = contentContainerStyle;
4217
+ $[132] = tableStyle;
4218
+ $[133] = t64;
3931
4219
  } else {
3932
- t56 = $[108];
4220
+ t64 = $[133];
3933
4221
  }
3934
- var _t2 = t56,
4222
+ var _t2 = t64,
3935
4223
  contentContainerStyle_0 = _t2.contentContainerStyle,
3936
4224
  tableStyle_0 = _t2.tableStyle;
3937
- var t57;
3938
- if ($[109] !== caption || $[110] !== defaultAlign || $[111] !== finalColumns || $[112] !== handleHeadCheckChange || $[113] !== items || $[114] !== topHeadRows) {
3939
- t57 = finalColumns && /*#__PURE__*/React.createElement(PTableTopHead, {
4225
+ var t65;
4226
+ if ($[134] !== caption || $[135] !== defaultAlign || $[136] !== finalColumns || $[137] !== handleHeadCheckChange || $[138] !== items || $[139] !== topHeadRows) {
4227
+ t65 = finalColumns && /*#__PURE__*/React.createElement(PTableTopHead, {
3940
4228
  caption: caption,
3941
4229
  rows: topHeadRows,
3942
4230
  columns: finalColumns,
@@ -3944,20 +4232,20 @@ function PTable(t0) {
3944
4232
  defaultAlign: defaultAlign,
3945
4233
  onCheckChange: handleHeadCheckChange
3946
4234
  });
3947
- $[109] = caption;
3948
- $[110] = defaultAlign;
3949
- $[111] = finalColumns;
3950
- $[112] = handleHeadCheckChange;
3951
- $[113] = items;
3952
- $[114] = topHeadRows;
3953
- $[115] = t57;
3954
- } else {
3955
- t57 = $[115];
3956
- }
3957
- var tableTopHead = t57;
3958
- var t58;
3959
- if ($[116] !== defaultAlign || $[117] !== defaultEllipsis || $[118] !== finalColumns || $[119] !== handleBodyCheckChange || $[120] !== noData || $[121] !== onClick || $[122] !== onGetBodyColumnClassName || $[123] !== onGetBodyColumnStyle || $[124] !== onGetBodyColumnSx || $[125] !== onGetBodyRowClassName || $[126] !== onGetBodyRowStyle || $[127] !== onGetBodyRowSx || $[128] !== showEvenColor || $[129] !== showOddColor || $[130] !== sortable$1 || $[131] !== sortableItems) {
3960
- t58 = finalColumns && /*#__PURE__*/React.createElement(material.TableBody, null, sortableItems ? sortableItems.length > 0 ? /*#__PURE__*/React.createElement(PTableSortableBody, {
4235
+ $[134] = caption;
4236
+ $[135] = defaultAlign;
4237
+ $[136] = finalColumns;
4238
+ $[137] = handleHeadCheckChange;
4239
+ $[138] = items;
4240
+ $[139] = topHeadRows;
4241
+ $[140] = t65;
4242
+ } else {
4243
+ t65 = $[140];
4244
+ }
4245
+ var tableTopHead = t65;
4246
+ var t66;
4247
+ 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$1 || $[156] !== sortableItems) {
4248
+ t66 = finalColumns && /*#__PURE__*/React.createElement(material.TableBody, null, sortableItems ? sortableItems.length > 0 ? /*#__PURE__*/React.createElement(PTableSortableBody, {
3961
4249
  items: sortableItems,
3962
4250
  columns: finalColumns,
3963
4251
  showOddColor: showOddColor,
@@ -3979,30 +4267,30 @@ function PTable(t0) {
3979
4267
  flex: 1
3980
4268
  }
3981
4269
  }, noData ? noData : /*#__PURE__*/React.createElement(StyledNoDataDiv, null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(material.Icon, null, "error")), /*#__PURE__*/React.createElement("div", null, "\uAC80\uC0C9\uB41C \uC815\uBCF4\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4.")))) : undefined);
3982
- $[116] = defaultAlign;
3983
- $[117] = defaultEllipsis;
3984
- $[118] = finalColumns;
3985
- $[119] = handleBodyCheckChange;
3986
- $[120] = noData;
3987
- $[121] = onClick;
3988
- $[122] = onGetBodyColumnClassName;
3989
- $[123] = onGetBodyColumnStyle;
3990
- $[124] = onGetBodyColumnSx;
3991
- $[125] = onGetBodyRowClassName;
3992
- $[126] = onGetBodyRowStyle;
3993
- $[127] = onGetBodyRowSx;
3994
- $[128] = showEvenColor;
3995
- $[129] = showOddColor;
3996
- $[130] = sortable$1;
3997
- $[131] = sortableItems;
3998
- $[132] = t58;
3999
- } else {
4000
- t58 = $[132];
4001
- }
4002
- var tableBody = t58;
4003
- var t59;
4004
- if ($[133] !== defaultAlign || $[134] !== finalColumns || $[135] !== footer || $[136] !== isNoData || $[137] !== items) {
4005
- t59 = finalColumns && !isNoData && footer && /*#__PURE__*/React.createElement(material.TableFooter, null, /*#__PURE__*/React.createElement(material.TableRow, null, finalColumns.map(function (column_8, idx_1) {
4270
+ $[141] = defaultAlign;
4271
+ $[142] = defaultEllipsis;
4272
+ $[143] = finalColumns;
4273
+ $[144] = handleBodyCheckChange;
4274
+ $[145] = noData;
4275
+ $[146] = onClick;
4276
+ $[147] = onGetBodyColumnClassName;
4277
+ $[148] = onGetBodyColumnStyle;
4278
+ $[149] = onGetBodyColumnSx;
4279
+ $[150] = onGetBodyRowClassName;
4280
+ $[151] = onGetBodyRowStyle;
4281
+ $[152] = onGetBodyRowSx;
4282
+ $[153] = showEvenColor;
4283
+ $[154] = showOddColor;
4284
+ $[155] = sortable$1;
4285
+ $[156] = sortableItems;
4286
+ $[157] = t66;
4287
+ } else {
4288
+ t66 = $[157];
4289
+ }
4290
+ var tableBody = t66;
4291
+ var t67;
4292
+ if ($[158] !== defaultAlign || $[159] !== finalColumns || $[160] !== footer || $[161] !== isNoData || $[162] !== items) {
4293
+ t67 = finalColumns && !isNoData && footer && /*#__PURE__*/React.createElement(material.TableFooter, null, /*#__PURE__*/React.createElement(material.TableRow, null, finalColumns.map(function (column_8, idx_1) {
4006
4294
  return /*#__PURE__*/React.createElement(PTableFooterCell, {
4007
4295
  key: idx_1,
4008
4296
  column: column_8,
@@ -4010,19 +4298,19 @@ function PTable(t0) {
4010
4298
  defaultAlign: defaultAlign
4011
4299
  });
4012
4300
  })));
4013
- $[133] = defaultAlign;
4014
- $[134] = finalColumns;
4015
- $[135] = footer;
4016
- $[136] = isNoData;
4017
- $[137] = items;
4018
- $[138] = t59;
4019
- } else {
4020
- t59 = $[138];
4021
- }
4022
- var tableFooter = t59;
4023
- var t60;
4024
- if ($[139] !== TableContextSetHeadColumnChecked || $[140] !== TableContextSetHeadColumnCommands || $[141] !== TableContextSetItemColumnCheckDisabled || $[142] !== TableContextSetItemColumnChecked || $[143] !== TableContextSetItemColumnCommands || $[144] !== TableContextSetMenuOpen || $[145] !== className || $[146] !== containerHeightDetector || $[147] !== contentContainerStyle_0 || $[148] !== finalColumns || $[149] !== fullHeight || $[150] !== handleDragEnd || $[151] !== handlePageChange || $[152] !== menuOpen || $[153] !== openMenuId || $[154] !== (pagination === null || pagination === void 0 ? void 0 : pagination.className) || $[155] !== (pagination === null || pagination === void 0 ? void 0 : pagination.style) || $[156] !== (pagination === null || pagination === void 0 ? void 0 : pagination.sx) || $[157] !== paging || $[158] !== pagingAlign || $[159] !== pagingHeightResizeDetector || $[160] !== pagingStyle_0 || $[161] !== progressiveVisible || $[162] !== sensors || $[163] !== showEvenColor || $[164] !== showOddColor || $[165] !== sortable$1 || $[166] !== stickyHeader || $[167] !== style_0 || $[168] !== sx || $[169] !== tableBody || $[170] !== tableFooter || $[171] !== tableStyle_0 || $[172] !== tableSx_0 || $[173] !== tableTopHead) {
4025
- t60 = finalColumns ? /*#__PURE__*/React.createElement(PTableContextProvider, {
4301
+ $[158] = defaultAlign;
4302
+ $[159] = finalColumns;
4303
+ $[160] = footer;
4304
+ $[161] = isNoData;
4305
+ $[162] = items;
4306
+ $[163] = t67;
4307
+ } else {
4308
+ t67 = $[163];
4309
+ }
4310
+ var tableFooter = t67;
4311
+ var t68;
4312
+ 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$1 || $[191] !== stickyHeader || $[192] !== style_0 || $[193] !== sx || $[194] !== tableBody || $[195] !== tableFooter || $[196] !== tableStyle_0 || $[197] !== tableSx_0 || $[198] !== tableTopHead) {
4313
+ t68 = finalColumns ? /*#__PURE__*/React.createElement(PTableContextProvider, {
4026
4314
  value: {
4027
4315
  menuOpen: menuOpen,
4028
4316
  openMenuId: openMenuId,
@@ -4073,46 +4361,46 @@ function PTable(t0) {
4073
4361
  align: pagingAlign,
4074
4362
  onChange: handlePageChange
4075
4363
  })))) : null;
4076
- $[139] = TableContextSetHeadColumnChecked;
4077
- $[140] = TableContextSetHeadColumnCommands;
4078
- $[141] = TableContextSetItemColumnCheckDisabled;
4079
- $[142] = TableContextSetItemColumnChecked;
4080
- $[143] = TableContextSetItemColumnCommands;
4081
- $[144] = TableContextSetMenuOpen;
4082
- $[145] = className;
4083
- $[146] = containerHeightDetector;
4084
- $[147] = contentContainerStyle_0;
4085
- $[148] = finalColumns;
4086
- $[149] = fullHeight;
4087
- $[150] = handleDragEnd;
4088
- $[151] = handlePageChange;
4089
- $[152] = menuOpen;
4090
- $[153] = openMenuId;
4091
- $[154] = pagination === null || pagination === void 0 ? void 0 : pagination.className;
4092
- $[155] = pagination === null || pagination === void 0 ? void 0 : pagination.style;
4093
- $[156] = pagination === null || pagination === void 0 ? void 0 : pagination.sx;
4094
- $[157] = paging;
4095
- $[158] = pagingAlign;
4096
- $[159] = pagingHeightResizeDetector;
4097
- $[160] = pagingStyle_0;
4098
- $[161] = progressiveVisible;
4099
- $[162] = sensors;
4100
- $[163] = showEvenColor;
4101
- $[164] = showOddColor;
4102
- $[165] = sortable$1;
4103
- $[166] = stickyHeader;
4104
- $[167] = style_0;
4105
- $[168] = sx;
4106
- $[169] = tableBody;
4107
- $[170] = tableFooter;
4108
- $[171] = tableStyle_0;
4109
- $[172] = tableSx_0;
4110
- $[173] = tableTopHead;
4111
- $[174] = t60;
4112
- } else {
4113
- t60 = $[174];
4114
- }
4115
- return t60;
4364
+ $[164] = TableContextSetHeadColumnChecked;
4365
+ $[165] = TableContextSetHeadColumnCommands;
4366
+ $[166] = TableContextSetItemColumnCheckDisabled;
4367
+ $[167] = TableContextSetItemColumnChecked;
4368
+ $[168] = TableContextSetItemColumnCommands;
4369
+ $[169] = TableContextSetMenuOpen;
4370
+ $[170] = className;
4371
+ $[171] = containerHeightDetector;
4372
+ $[172] = contentContainerStyle_0;
4373
+ $[173] = finalColumns;
4374
+ $[174] = fullHeight;
4375
+ $[175] = handleDragEnd;
4376
+ $[176] = handlePageChange;
4377
+ $[177] = menuOpen;
4378
+ $[178] = openMenuId;
4379
+ $[179] = pagination === null || pagination === void 0 ? void 0 : pagination.className;
4380
+ $[180] = pagination === null || pagination === void 0 ? void 0 : pagination.style;
4381
+ $[181] = pagination === null || pagination === void 0 ? void 0 : pagination.sx;
4382
+ $[182] = paging;
4383
+ $[183] = pagingAlign;
4384
+ $[184] = pagingHeightResizeDetector;
4385
+ $[185] = pagingStyle_0;
4386
+ $[186] = progressiveVisible;
4387
+ $[187] = sensors;
4388
+ $[188] = showEvenColor;
4389
+ $[189] = showOddColor;
4390
+ $[190] = sortable$1;
4391
+ $[191] = stickyHeader;
4392
+ $[192] = style_0;
4393
+ $[193] = sx;
4394
+ $[194] = tableBody;
4395
+ $[195] = tableFooter;
4396
+ $[196] = tableStyle_0;
4397
+ $[197] = tableSx_0;
4398
+ $[198] = tableTopHead;
4399
+ $[199] = t68;
4400
+ } else {
4401
+ t68 = $[199];
4402
+ }
4403
+ return t68;
4116
4404
  }
4117
4405
  function _temp$1(col) {
4118
4406
  if (col.id) {
@@ -4181,6 +4469,8 @@ var deHash = function deHash() {
4181
4469
  t1 = $[0];
4182
4470
  }
4183
4471
  var lastGetDataDataRef = React.useRef(t1);
4472
+ var onGetDataRef = reactHook.useAutoUpdateRef(onGetData);
4473
+ var onRequestHashChangeRef = reactHook.useAutoUpdateRef(onRequestHashChange);
4184
4474
  var _useState = React.useState(true),
4185
4475
  _useState2 = _slicedToArray(_useState, 2),
4186
4476
  isFirstSearchSubmit = _useState2[0],
@@ -4220,14 +4510,14 @@ var deHash = function deHash() {
4220
4510
  setTableInfo = _useState8[1];
4221
4511
  reactHook.useChanged(table) && setTableInfo(getTableInfo(table));
4222
4512
  var t4;
4223
- if ($[5] !== onGetData) {
4513
+ if ($[5] !== onGetDataRef) {
4224
4514
  t4 = function t4(data) {
4225
4515
  lastGetDataDataRef.current = data;
4226
- if (onGetData) {
4227
- onGetData(data).then(setTableData);
4516
+ if (onGetDataRef.current) {
4517
+ onGetDataRef.current(data).then(setTableData);
4228
4518
  }
4229
4519
  };
4230
- $[5] = onGetData;
4520
+ $[5] = onGetDataRef;
4231
4521
  $[6] = t4;
4232
4522
  } else {
4233
4523
  t4 = $[6];
@@ -4460,23 +4750,32 @@ var deHash = function deHash() {
4460
4750
  } else {
4461
4751
  t11 = $[20];
4462
4752
  }
4753
+ var effectEvent = React.useEffectEvent(t11);
4463
4754
  var t12;
4464
- if ($[21] !== getDataRef || $[22] !== hash || $[23] !== hashToSearchValueRef || $[24] !== location.hash || $[25] !== location.pathname) {
4465
- t12 = [location.pathname, location.hash, hash, hashToSearchValueRef, getDataRef];
4466
- $[21] = getDataRef;
4467
- $[22] = hash;
4468
- $[23] = hashToSearchValueRef;
4755
+ if ($[21] !== effectEvent) {
4756
+ t12 = function t12() {
4757
+ effectEvent();
4758
+ };
4759
+ $[21] = effectEvent;
4760
+ $[22] = t12;
4761
+ } else {
4762
+ t12 = $[22];
4763
+ }
4764
+ var t13;
4765
+ if ($[23] !== hash || $[24] !== location.hash || $[25] !== location.pathname) {
4766
+ t13 = [hash, location.pathname, location.hash];
4767
+ $[23] = hash;
4469
4768
  $[24] = location.hash;
4470
4769
  $[25] = location.pathname;
4471
- $[26] = t12;
4770
+ $[26] = t13;
4472
4771
  } else {
4473
- t12 = $[26];
4772
+ t13 = $[26];
4474
4773
  }
4475
- React.useEffect(t11, t12);
4476
- var t13;
4477
- if ($[27] !== getData || $[28] !== onRequestHashChange) {
4478
- t13 = function t13(params) {
4479
- if (onRequestHashChange) {
4774
+ React.useEffect(t12, t13);
4775
+ var t14;
4776
+ if ($[27] !== getData || $[28] !== onRequestHashChangeRef) {
4777
+ t14 = function t14(params) {
4778
+ if (onRequestHashChangeRef.current) {
4480
4779
  var hashes = [];
4481
4780
  Object.keys(params).forEach(function (name_0) {
4482
4781
  var value_0 = params[name_0];
@@ -4489,7 +4788,7 @@ var deHash = function deHash() {
4489
4788
  var itemCommands_0 = searchRef.current.getItem(name_0);
4490
4789
  if (itemCommands_0) {
4491
4790
  var resetValue = null;
4492
- bb225: switch (itemCommands_0.getType()) {
4791
+ bb226: switch (itemCommands_0.getType()) {
4493
4792
  case "PFormDateRangePicker":
4494
4793
  case "PFormYearRangePicker":
4495
4794
  {
@@ -4506,7 +4805,7 @@ var deHash = function deHash() {
4506
4805
  resetValue = searchRef.current.getFormReset(itemName_1, toSuffix);
4507
4806
  }
4508
4807
  }
4509
- break bb225;
4808
+ break bb226;
4510
4809
  }
4511
4810
  case "PFormMonthPicker":
4512
4811
  {
@@ -4523,7 +4822,7 @@ var deHash = function deHash() {
4523
4822
  resetValue = searchRef.current.getFormReset(itemName_0, monthSuffix);
4524
4823
  }
4525
4824
  }
4526
- break bb225;
4825
+ break bb226;
4527
4826
  }
4528
4827
  case "PFormMonthRangePicker":
4529
4828
  {
@@ -4552,7 +4851,7 @@ var deHash = function deHash() {
4552
4851
  }
4553
4852
  }
4554
4853
  }
4555
- break bb225;
4854
+ break bb226;
4556
4855
  }
4557
4856
  default:
4558
4857
  {
@@ -4570,20 +4869,20 @@ var deHash = function deHash() {
4570
4869
  if (window.location.hash.substring(1) === finalHash) {
4571
4870
  getData(params);
4572
4871
  } else {
4573
- onRequestHashChange(hashes.join("&"));
4872
+ onRequestHashChangeRef.current(hashes.join("&"));
4574
4873
  }
4575
4874
  }
4576
4875
  };
4577
4876
  $[27] = getData;
4578
- $[28] = onRequestHashChange;
4579
- $[29] = t13;
4877
+ $[28] = onRequestHashChangeRef;
4878
+ $[29] = t14;
4580
4879
  } else {
4581
- t13 = $[29];
4880
+ t14 = $[29];
4582
4881
  }
4583
- var hashChange = t13;
4584
- var t14;
4882
+ var hashChange = t14;
4883
+ var t15;
4585
4884
  if ($[30] !== getData || $[31] !== hash || $[32] !== hashChange) {
4586
- t14 = function t14(page_0) {
4885
+ t15 = function t15(page_0) {
4587
4886
  var _searchRef$current4;
4588
4887
  (_searchRef$current4 = searchRef.current) === null || _searchRef$current4 === void 0 || _searchRef$current4.setValue("page", page_0);
4589
4888
  var finalData_0;
@@ -4603,14 +4902,14 @@ var deHash = function deHash() {
4603
4902
  $[30] = getData;
4604
4903
  $[31] = hash;
4605
4904
  $[32] = hashChange;
4606
- $[33] = t14;
4905
+ $[33] = t15;
4607
4906
  } else {
4608
- t14 = $[33];
4907
+ t15 = $[33];
4609
4908
  }
4610
- var handlePageChange = t14;
4611
- var t15;
4909
+ var handlePageChange = t15;
4910
+ var t16;
4612
4911
  if ($[34] !== getData || $[35] !== hash || $[36] !== hashChange || $[37] !== isFirstSearchSubmit) {
4613
- t15 = function t15(data_1) {
4912
+ t16 = function t16(data_1) {
4614
4913
  var _tableRef$current2;
4615
4914
  (_tableRef$current2 = tableRef.current) === null || _tableRef$current2 === void 0 || _tableRef$current2.scrollToTop();
4616
4915
  if (isFirstSearchSubmit) {
@@ -4635,25 +4934,25 @@ var deHash = function deHash() {
4635
4934
  $[35] = hash;
4636
4935
  $[36] = hashChange;
4637
4936
  $[37] = isFirstSearchSubmit;
4638
- $[38] = t15;
4937
+ $[38] = t16;
4639
4938
  } else {
4640
- t15 = $[38];
4939
+ t16 = $[38];
4641
4940
  }
4642
- var handleSearchSubmit = t15;
4643
- var t16 = searchInfo.searchGroups ? undefined : "none";
4644
- var t17;
4645
- if ($[39] !== t16) {
4646
- t17 = {
4647
- display: t16
4941
+ var handleSearchSubmit = t16;
4942
+ var t17 = searchInfo.searchGroups ? undefined : "none";
4943
+ var t18;
4944
+ if ($[39] !== t17) {
4945
+ t18 = {
4946
+ display: t17
4648
4947
  };
4649
- $[39] = t16;
4650
- $[40] = t17;
4948
+ $[39] = t17;
4949
+ $[40] = t18;
4651
4950
  } else {
4652
- t17 = $[40];
4951
+ t18 = $[40];
4653
4952
  }
4654
- var t18;
4953
+ var t19;
4655
4954
  if ($[41] !== searchInfo) {
4656
- t18 = function t18(commands_3) {
4955
+ t19 = function t19(commands_3) {
4657
4956
  if (searchInfo.ref) {
4658
4957
  if (typeof searchInfo.ref === "function") {
4659
4958
  searchInfo.ref(commands_3);
@@ -4670,57 +4969,57 @@ var deHash = function deHash() {
4670
4969
  searchRef.current = commands_3 || undefined;
4671
4970
  };
4672
4971
  $[41] = searchInfo;
4673
- $[42] = t18;
4972
+ $[42] = t19;
4674
4973
  } else {
4675
- t18 = $[42];
4974
+ t19 = $[42];
4676
4975
  }
4677
- var t19;
4976
+ var t20;
4678
4977
  if ($[43] === Symbol["for"]("react.memo_cache_sentinel")) {
4679
- t19 = /*#__PURE__*/React.createElement(reactForm.PSearchGroup, {
4978
+ t20 = /*#__PURE__*/React.createElement(reactForm.PSearchGroup, {
4680
4979
  hidden: true
4681
4980
  }, /*#__PURE__*/React.createElement(reactForm.PFormHidden, {
4682
4981
  name: "page",
4683
4982
  value: 1
4684
4983
  }));
4685
- $[43] = t19;
4984
+ $[43] = t20;
4686
4985
  } else {
4687
- t19 = $[43];
4986
+ t20 = $[43];
4688
4987
  }
4689
- var t20;
4690
- if ($[44] !== color || $[45] !== handleSearchSubmit || $[46] !== searchInfo.props || $[47] !== searchInfo.searchGroups || $[48] !== t18) {
4691
- t20 = /*#__PURE__*/React.createElement(reactForm.PSearch, _extends({
4988
+ var t21;
4989
+ if ($[44] !== color || $[45] !== handleSearchSubmit || $[46] !== searchInfo.props || $[47] !== searchInfo.searchGroups || $[48] !== t19) {
4990
+ t21 = /*#__PURE__*/React.createElement(reactForm.PSearch, _extends({
4692
4991
  color: color
4693
4992
  }, searchInfo.props, {
4694
- ref: t18,
4993
+ ref: t19,
4695
4994
  autoSubmit: true,
4696
4995
  onSubmit: handleSearchSubmit
4697
- }), t19, searchInfo.searchGroups);
4996
+ }), t20, searchInfo.searchGroups);
4698
4997
  $[44] = color;
4699
4998
  $[45] = handleSearchSubmit;
4700
4999
  $[46] = searchInfo.props;
4701
5000
  $[47] = searchInfo.searchGroups;
4702
- $[48] = t18;
4703
- $[49] = t20;
5001
+ $[48] = t19;
5002
+ $[49] = t21;
4704
5003
  } else {
4705
- t20 = $[49];
5004
+ t21 = $[49];
4706
5005
  }
4707
- var t21;
4708
- if ($[50] !== t17 || $[51] !== t20) {
4709
- t21 = /*#__PURE__*/React.createElement(material.Grid, {
4710
- sx: t17
4711
- }, t20);
4712
- $[50] = t17;
4713
- $[51] = t20;
4714
- $[52] = t21;
5006
+ var t22;
5007
+ if ($[50] !== t18 || $[51] !== t21) {
5008
+ t22 = /*#__PURE__*/React.createElement(material.Grid, {
5009
+ sx: t18
5010
+ }, t21);
5011
+ $[50] = t18;
5012
+ $[51] = t21;
5013
+ $[52] = t22;
4715
5014
  } else {
4716
- t21 = $[52];
5015
+ t22 = $[52];
4717
5016
  }
4718
- var searchView = t21;
4719
- var t22;
5017
+ var searchView = t22;
5018
+ var t23;
4720
5019
  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) {
4721
5020
  tableData === null || tableData === void 0 || tableData.items;
4722
5021
  tableData === null || tableData === void 0 || tableData.paging;
4723
- t22 = function (_tableInfo$props, _tableInfo$props2) {
5022
+ t23 = function (_tableInfo$props, _tableInfo$props2) {
4724
5023
  return /*#__PURE__*/React.createElement(material.Grid, {
4725
5024
  style: fullHeight ? {
4726
5025
  flex: 1,
@@ -4751,60 +5050,60 @@ var deHash = function deHash() {
4751
5050
  $[56] = tableData === null || tableData === void 0 ? void 0 : tableData.items;
4752
5051
  $[57] = tableData === null || tableData === void 0 ? void 0 : tableData.paging;
4753
5052
  $[58] = tableInfo;
4754
- $[59] = t22;
5053
+ $[59] = t23;
4755
5054
  } else {
4756
- t22 = $[59];
5055
+ t23 = $[59];
4757
5056
  }
4758
- var tableView = t22;
4759
- var t23;
5057
+ var tableView = t23;
5058
+ var t24;
4760
5059
  if ($[60] !== className) {
4761
- t23 = classNames("PSearchTable", className);
5060
+ t24 = classNames("PSearchTable", className);
4762
5061
  $[60] = className;
4763
- $[61] = t23;
5062
+ $[61] = t24;
4764
5063
  } else {
4765
- t23 = $[61];
5064
+ t24 = $[61];
4766
5065
  }
4767
- var t24;
5066
+ var t25;
4768
5067
  if ($[62] !== fullHeight || $[63] !== initStyle) {
4769
- t24 = fullHeight ? _objectSpread2(_objectSpread2({}, initStyle), {}, {
5068
+ t25 = fullHeight ? _objectSpread2(_objectSpread2({}, initStyle), {}, {
4770
5069
  flex: 1,
4771
5070
  display: "flex"
4772
5071
  }) : initStyle;
4773
5072
  $[62] = fullHeight;
4774
5073
  $[63] = initStyle;
4775
- $[64] = t24;
5074
+ $[64] = t25;
4776
5075
  } else {
4777
- t24 = $[64];
5076
+ t25 = $[64];
4778
5077
  }
4779
- var t25;
5078
+ var t26;
4780
5079
  if ($[65] !== betweenSearchTableComponent) {
4781
- t25 = betweenSearchTableComponent && /*#__PURE__*/React.createElement(material.Grid, null, betweenSearchTableComponent);
5080
+ t26 = betweenSearchTableComponent && /*#__PURE__*/React.createElement(material.Grid, null, betweenSearchTableComponent);
4782
5081
  $[65] = betweenSearchTableComponent;
4783
- $[66] = t25;
5082
+ $[66] = t26;
4784
5083
  } else {
4785
- t25 = $[66];
5084
+ t26 = $[66];
4786
5085
  }
4787
- var t26;
4788
- if ($[67] !== searchView || $[68] !== sx || $[69] !== t23 || $[70] !== t24 || $[71] !== t25 || $[72] !== tableView) {
4789
- t26 = /*#__PURE__*/React.createElement(material.Grid, {
5086
+ var t27;
5087
+ if ($[67] !== searchView || $[68] !== sx || $[69] !== t24 || $[70] !== t25 || $[71] !== t26 || $[72] !== tableView) {
5088
+ t27 = /*#__PURE__*/React.createElement(material.Grid, {
4790
5089
  container: true,
4791
5090
  direction: "column",
4792
5091
  spacing: 1,
4793
- className: t23,
4794
- style: t24,
5092
+ className: t24,
5093
+ style: t25,
4795
5094
  sx: sx
4796
- }, searchView, t25, tableView);
5095
+ }, searchView, t26, tableView);
4797
5096
  $[67] = searchView;
4798
5097
  $[68] = sx;
4799
- $[69] = t23;
4800
- $[70] = t24;
4801
- $[71] = t25;
5098
+ $[69] = t24;
5099
+ $[70] = t25;
5100
+ $[71] = t26;
4802
5101
  $[72] = tableView;
4803
- $[73] = t26;
5102
+ $[73] = t27;
4804
5103
  } else {
4805
- t26 = $[73];
5104
+ t27 = $[73];
4806
5105
  }
4807
- return t26;
5106
+ return t27;
4808
5107
  }var _excluded$1 = ["children", "className", "sx", "variant", "color", "startIcon", "endIcon", "onClick"];
4809
5108
  var PTableButton = function PTableButton(t0) {
4810
5109
  var $ = compilerRuntime.c(25);
@@ -4902,7 +5201,7 @@ var PTableButton = function PTableButton(t0) {
4902
5201
  };
4903
5202
  var PTableButton$1 = /*#__PURE__*/React.memo(PTableButton);var _excluded = ["ref", "children", "className", "sx", "color", "variant", "startIcon", "placement", "inModal", "zIndex", "menuList"];
4904
5203
  var PTableMenuButton = function PTableMenuButton(t0) {
4905
- var $ = compilerRuntime.c(72);
5204
+ var $ = compilerRuntime.c(84);
4906
5205
  var children;
4907
5206
  var className;
4908
5207
  var inModal;
@@ -4973,18 +5272,47 @@ var PTableMenuButton = function PTableMenuButton(t0) {
4973
5272
  _useState4 = _slicedToArray(_useState3, 2),
4974
5273
  open = _useState4[0],
4975
5274
  setOpen = _useState4[1];
4976
- var isMenuIdChanged = reactHook.useChanged(menuId, true);
4977
- var isMenuOpenChanged = reactHook.useChanged(menuOpen, true);
4978
- var isOpenChanged = reactHook.useChanged(open, true);
4979
- var isOpenMenuIdChanged = reactHook.useChanged(openMenuId, true);
4980
- if (isMenuIdChanged || isMenuOpenChanged || isOpenChanged || isOpenMenuIdChanged) {
4981
- if (open && menuOpen && openMenuId !== menuId) {
4982
- setOpen(false);
4983
- }
4984
- }
4985
5275
  var t4;
4986
- if ($[13] !== menuId || $[14] !== open || $[15] !== setMenuOpen) {
5276
+ if ($[13] !== menuId || $[14] !== menuOpen || $[15] !== open || $[16] !== openMenuId) {
4987
5277
  t4 = function t4() {
5278
+ if (open && menuOpen && openMenuId !== menuId) {
5279
+ setOpen(false);
5280
+ }
5281
+ };
5282
+ $[13] = menuId;
5283
+ $[14] = menuOpen;
5284
+ $[15] = open;
5285
+ $[16] = openMenuId;
5286
+ $[17] = t4;
5287
+ } else {
5288
+ t4 = $[17];
5289
+ }
5290
+ var effectEvent = React.useEffectEvent(t4);
5291
+ var t5;
5292
+ if ($[18] !== effectEvent) {
5293
+ t5 = function t5() {
5294
+ effectEvent();
5295
+ };
5296
+ $[18] = effectEvent;
5297
+ $[19] = t5;
5298
+ } else {
5299
+ t5 = $[19];
5300
+ }
5301
+ var t6;
5302
+ if ($[20] !== menuId || $[21] !== menuOpen || $[22] !== open || $[23] !== openMenuId) {
5303
+ t6 = [menuId, menuOpen, open, openMenuId];
5304
+ $[20] = menuId;
5305
+ $[21] = menuOpen;
5306
+ $[22] = open;
5307
+ $[23] = openMenuId;
5308
+ $[24] = t6;
5309
+ } else {
5310
+ t6 = $[24];
5311
+ }
5312
+ React.useEffect(t5, t6);
5313
+ var t7;
5314
+ if ($[25] !== menuId || $[26] !== open || $[27] !== setMenuOpen) {
5315
+ t7 = function t7() {
4988
5316
  setOpen(_temp);
4989
5317
  if (!open) {
4990
5318
  setMenuOpen(true, menuId);
@@ -4992,33 +5320,33 @@ var PTableMenuButton = function PTableMenuButton(t0) {
4992
5320
  setMenuOpen(false, menuId);
4993
5321
  }
4994
5322
  };
4995
- $[13] = menuId;
4996
- $[14] = open;
4997
- $[15] = setMenuOpen;
4998
- $[16] = t4;
5323
+ $[25] = menuId;
5324
+ $[26] = open;
5325
+ $[27] = setMenuOpen;
5326
+ $[28] = t7;
4999
5327
  } else {
5000
- t4 = $[16];
5328
+ t7 = $[28];
5001
5329
  }
5002
- var handleClick = t4;
5003
- var t5;
5004
- if ($[17] !== menuId || $[18] !== open || $[19] !== setMenuOpen) {
5005
- t5 = function t5() {
5330
+ var handleClick = t7;
5331
+ var t8;
5332
+ if ($[29] !== menuId || $[30] !== open || $[31] !== setMenuOpen) {
5333
+ t8 = function t8() {
5006
5334
  if (open) {
5007
5335
  setOpen(false);
5008
5336
  setMenuOpen(false, menuId);
5009
5337
  }
5010
5338
  };
5011
- $[17] = menuId;
5012
- $[18] = open;
5013
- $[19] = setMenuOpen;
5014
- $[20] = t5;
5339
+ $[29] = menuId;
5340
+ $[30] = open;
5341
+ $[31] = setMenuOpen;
5342
+ $[32] = t8;
5015
5343
  } else {
5016
- t5 = $[20];
5344
+ t8 = $[32];
5017
5345
  }
5018
- var handleClose = t5;
5019
- var t6;
5020
- if ($[21] !== menuId || $[22] !== open || $[23] !== setMenuOpen) {
5021
- t6 = function t6(event) {
5346
+ var handleClose = t8;
5347
+ var t9;
5348
+ if ($[33] !== menuId || $[34] !== open || $[35] !== setMenuOpen) {
5349
+ t9 = function t9(event) {
5022
5350
  if (event.key === "Tab") {
5023
5351
  event.preventDefault();
5024
5352
  if (open) {
@@ -5034,18 +5362,18 @@ var PTableMenuButton = function PTableMenuButton(t0) {
5034
5362
  }
5035
5363
  }
5036
5364
  };
5037
- $[21] = menuId;
5038
- $[22] = open;
5039
- $[23] = setMenuOpen;
5040
- $[24] = t6;
5365
+ $[33] = menuId;
5366
+ $[34] = open;
5367
+ $[35] = setMenuOpen;
5368
+ $[36] = t9;
5041
5369
  } else {
5042
- t6 = $[24];
5370
+ t9 = $[36];
5043
5371
  }
5044
- var handleListKeyDown = t6;
5045
- var t7;
5046
- if ($[25] !== buttonId || $[26] !== handleClose || $[27] !== handleListKeyDown || $[28] !== menuId || $[29] !== menuList || $[30] !== open) {
5372
+ var handleListKeyDown = t9;
5373
+ var t10;
5374
+ if ($[37] !== buttonId || $[38] !== handleClose || $[39] !== handleListKeyDown || $[40] !== menuId || $[41] !== menuList || $[42] !== open) {
5047
5375
  var _t2;
5048
- if ($[32] !== buttonId || $[33] !== handleClose || $[34] !== handleListKeyDown || $[35] !== menuId || $[36] !== open) {
5376
+ if ($[44] !== buttonId || $[45] !== handleClose || $[46] !== handleListKeyDown || $[47] !== menuId || $[48] !== open) {
5049
5377
  _t2 = {
5050
5378
  autoFocusItem: open,
5051
5379
  id: menuId,
@@ -5053,31 +5381,31 @@ var PTableMenuButton = function PTableMenuButton(t0) {
5053
5381
  onKeyDown: handleListKeyDown,
5054
5382
  onClick: handleClose
5055
5383
  };
5056
- $[32] = buttonId;
5057
- $[33] = handleClose;
5058
- $[34] = handleListKeyDown;
5059
- $[35] = menuId;
5060
- $[36] = open;
5061
- $[37] = _t2;
5384
+ $[44] = buttonId;
5385
+ $[45] = handleClose;
5386
+ $[46] = handleListKeyDown;
5387
+ $[47] = menuId;
5388
+ $[48] = open;
5389
+ $[49] = _t2;
5062
5390
  } else {
5063
- _t2 = $[37];
5391
+ _t2 = $[49];
5064
5392
  }
5065
- t7 = /*#__PURE__*/React.cloneElement(menuList, _t2);
5066
- $[25] = buttonId;
5067
- $[26] = handleClose;
5068
- $[27] = handleListKeyDown;
5069
- $[28] = menuId;
5070
- $[29] = menuList;
5071
- $[30] = open;
5072
- $[31] = t7;
5073
- } else {
5074
- t7 = $[31];
5075
- }
5076
- var finalMenuList = t7;
5393
+ t10 = /*#__PURE__*/React.cloneElement(menuList, _t2);
5394
+ $[37] = buttonId;
5395
+ $[38] = handleClose;
5396
+ $[39] = handleListKeyDown;
5397
+ $[40] = menuId;
5398
+ $[41] = menuList;
5399
+ $[42] = open;
5400
+ $[43] = t10;
5401
+ } else {
5402
+ t10 = $[43];
5403
+ }
5404
+ var finalMenuList = t10;
5077
5405
  var icon = !startIcon && !children ? "MoreVert" : undefined;
5078
- var t8;
5079
- if ($[38] !== ref) {
5080
- t8 = function t8(r) {
5406
+ var t11;
5407
+ if ($[50] !== ref) {
5408
+ t11 = function t11(r) {
5081
5409
  if (ref) {
5082
5410
  if (typeof ref === "function") {
5083
5411
  ref(r);
@@ -5087,83 +5415,83 @@ var PTableMenuButton = function PTableMenuButton(t0) {
5087
5415
  }
5088
5416
  setAnchorEl(r);
5089
5417
  };
5090
- $[38] = ref;
5091
- $[39] = t8;
5418
+ $[50] = ref;
5419
+ $[51] = t11;
5092
5420
  } else {
5093
- t8 = $[39];
5421
+ t11 = $[51];
5094
5422
  }
5095
- var t9 = open ? menuId : undefined;
5096
- var t10 = open ? "true" : undefined;
5097
- var t11;
5098
- if ($[40] !== className) {
5099
- t11 = classNames(className, "PTableMenuButton");
5100
- $[40] = className;
5101
- $[41] = t11;
5423
+ var t12 = open ? menuId : undefined;
5424
+ var t13 = open ? "true" : undefined;
5425
+ var t14;
5426
+ if ($[52] !== className) {
5427
+ t14 = classNames(className, "PTableMenuButton");
5428
+ $[52] = className;
5429
+ $[53] = t14;
5102
5430
  } else {
5103
- t11 = $[41];
5431
+ t14 = $[53];
5104
5432
  }
5105
- var t12 = !children ? 0.7 : icon || startIcon ? 0.7 : variant === "text" ? 1.2 : 0.7;
5106
- var t13;
5107
- if ($[42] !== initSx || $[43] !== t12) {
5108
- t13 = _objectSpread2({
5433
+ var t15 = !children ? 0.7 : icon || startIcon ? 0.7 : variant === "text" ? 1.2 : 0.7;
5434
+ var t16;
5435
+ if ($[54] !== initSx || $[55] !== t15) {
5436
+ t16 = _objectSpread2({
5109
5437
  minWidth: 0,
5110
- pl: t12
5438
+ pl: t15
5111
5439
  }, initSx);
5112
- $[42] = initSx;
5113
- $[43] = t12;
5114
- $[44] = t13;
5440
+ $[54] = initSx;
5441
+ $[55] = t15;
5442
+ $[56] = t16;
5115
5443
  } else {
5116
- t13 = $[44];
5444
+ t16 = $[56];
5117
5445
  }
5118
- var t14;
5119
- if ($[45] !== buttonId || $[46] !== children || $[47] !== color || $[48] !== handleClick || $[49] !== icon || $[50] !== props || $[51] !== t10 || $[52] !== t11 || $[53] !== t13 || $[54] !== t8 || $[55] !== t9 || $[56] !== variant) {
5120
- t14 = /*#__PURE__*/React.createElement(reactComponent.PButton, _extends({
5121
- ref: t8,
5446
+ var t17;
5447
+ 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) {
5448
+ t17 = /*#__PURE__*/React.createElement(reactComponent.PButton, _extends({
5449
+ ref: t11,
5122
5450
  id: buttonId,
5123
5451
  variant: variant,
5124
- "aria-controls": t9,
5125
- "aria-expanded": t10,
5452
+ "aria-controls": t12,
5453
+ "aria-expanded": t13,
5126
5454
  "aria-haspopup": "true",
5127
- className: t11,
5455
+ className: t14,
5128
5456
  type: "button",
5129
5457
  size: "small",
5130
- sx: t13,
5458
+ sx: t16,
5131
5459
  color: color,
5132
5460
  startIcon: icon,
5133
5461
  onClick: handleClick
5134
5462
  }, props), children);
5135
- $[45] = buttonId;
5136
- $[46] = children;
5137
- $[47] = color;
5138
- $[48] = handleClick;
5139
- $[49] = icon;
5140
- $[50] = props;
5141
- $[51] = t10;
5142
- $[52] = t11;
5143
- $[53] = t13;
5144
- $[54] = t8;
5145
- $[55] = t9;
5146
- $[56] = variant;
5147
- $[57] = t14;
5148
- } else {
5149
- t14 = $[57];
5150
- }
5151
- var t15 = inModal ? zIndex === undefined ? 1301 : zIndex : zIndex;
5152
- var t16;
5153
- if ($[58] !== t15) {
5154
- t16 = {
5155
- zIndex: t15
5463
+ $[57] = buttonId;
5464
+ $[58] = children;
5465
+ $[59] = color;
5466
+ $[60] = handleClick;
5467
+ $[61] = icon;
5468
+ $[62] = props;
5469
+ $[63] = t11;
5470
+ $[64] = t12;
5471
+ $[65] = t13;
5472
+ $[66] = t14;
5473
+ $[67] = t16;
5474
+ $[68] = variant;
5475
+ $[69] = t17;
5476
+ } else {
5477
+ t17 = $[69];
5478
+ }
5479
+ var t18 = inModal ? zIndex === undefined ? 1301 : zIndex : zIndex;
5480
+ var t19;
5481
+ if ($[70] !== t18) {
5482
+ t19 = {
5483
+ zIndex: t18
5156
5484
  };
5157
- $[58] = t15;
5158
- $[59] = t16;
5485
+ $[70] = t18;
5486
+ $[71] = t19;
5159
5487
  } else {
5160
- t16 = $[59];
5488
+ t19 = $[71];
5161
5489
  }
5162
- var t17;
5163
- if ($[60] !== finalMenuList || $[61] !== handleClose) {
5164
- t17 = function t17(t18) {
5165
- var TransitionProps = t18.TransitionProps,
5166
- placement_0 = t18.placement;
5490
+ var t20;
5491
+ if ($[72] !== finalMenuList || $[73] !== handleClose) {
5492
+ t20 = function t20(t21) {
5493
+ var TransitionProps = t21.TransitionProps,
5494
+ placement_0 = t21.placement;
5167
5495
  var placements = placement_0.split("-");
5168
5496
  var transformOrigin;
5169
5497
  if (placements[0] === "left") {
@@ -5191,42 +5519,42 @@ var PTableMenuButton = function PTableMenuButton(t0) {
5191
5519
  onClickAway: handleClose
5192
5520
  }, finalMenuList)));
5193
5521
  };
5194
- $[60] = finalMenuList;
5195
- $[61] = handleClose;
5196
- $[62] = t17;
5522
+ $[72] = finalMenuList;
5523
+ $[73] = handleClose;
5524
+ $[74] = t20;
5197
5525
  } else {
5198
- t17 = $[62];
5526
+ t20 = $[74];
5199
5527
  }
5200
- var t18;
5201
- if ($[63] !== anchorEl || $[64] !== open || $[65] !== placement || $[66] !== t16 || $[67] !== t17) {
5202
- t18 = /*#__PURE__*/React.createElement(material.Popper, {
5528
+ var t21;
5529
+ if ($[75] !== anchorEl || $[76] !== open || $[77] !== placement || $[78] !== t19 || $[79] !== t20) {
5530
+ t21 = /*#__PURE__*/React.createElement(material.Popper, {
5203
5531
  className: "PTableMenuButton-Popper",
5204
5532
  open: open,
5205
5533
  anchorEl: anchorEl,
5206
5534
  role: undefined,
5207
5535
  placement: placement,
5208
5536
  transition: true,
5209
- style: t16
5210
- }, t17);
5211
- $[63] = anchorEl;
5212
- $[64] = open;
5213
- $[65] = placement;
5214
- $[66] = t16;
5215
- $[67] = t17;
5216
- $[68] = t18;
5537
+ style: t19
5538
+ }, t20);
5539
+ $[75] = anchorEl;
5540
+ $[76] = open;
5541
+ $[77] = placement;
5542
+ $[78] = t19;
5543
+ $[79] = t20;
5544
+ $[80] = t21;
5217
5545
  } else {
5218
- t18 = $[68];
5546
+ t21 = $[80];
5219
5547
  }
5220
- var t19;
5221
- if ($[69] !== t14 || $[70] !== t18) {
5222
- t19 = /*#__PURE__*/React.createElement("span", null, t14, t18);
5223
- $[69] = t14;
5224
- $[70] = t18;
5225
- $[71] = t19;
5548
+ var t22;
5549
+ if ($[81] !== t17 || $[82] !== t21) {
5550
+ t22 = /*#__PURE__*/React.createElement("span", null, t17, t21);
5551
+ $[81] = t17;
5552
+ $[82] = t21;
5553
+ $[83] = t22;
5226
5554
  } else {
5227
- t19 = $[71];
5555
+ t22 = $[83];
5228
5556
  }
5229
- return t19;
5557
+ return t22;
5230
5558
  };
5231
5559
  function _temp(old) {
5232
5560
  return !old;