@pdg/react-table 1.0.29 → 1.0.31
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.
- package/dist/Table/Table.types.d.ts +7 -0
- package/dist/index.esm.js +63 -1
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +63 -1
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -8420,6 +8420,7 @@ var TableCommonCell = function (_a) {
|
|
|
8420
8420
|
var _a, _b, _c, _d, _e, _f;
|
|
8421
8421
|
var sx;
|
|
8422
8422
|
var getSx;
|
|
8423
|
+
var displaySx;
|
|
8423
8424
|
switch (type) {
|
|
8424
8425
|
case 'head':
|
|
8425
8426
|
sx = (_a = column.head) === null || _a === void 0 ? void 0 : _a.sx;
|
|
@@ -8436,6 +8437,20 @@ var TableCommonCell = function (_a) {
|
|
|
8436
8437
|
getSx = ((_e = column.footer) === null || _e === void 0 ? void 0 : _e.onGetSx) ? (_f = column.footer) === null || _f === void 0 ? void 0 : _f.onGetSx() : undefined;
|
|
8437
8438
|
break;
|
|
8438
8439
|
}
|
|
8440
|
+
if (column.display) {
|
|
8441
|
+
var display = {};
|
|
8442
|
+
if (column.display.xs !== undefined)
|
|
8443
|
+
display.xs = column.display.xs ? 'table-cell' : 'none';
|
|
8444
|
+
if (column.display.sm !== undefined)
|
|
8445
|
+
display.sm = column.display.sm ? 'table-cell' : 'none';
|
|
8446
|
+
if (column.display.md !== undefined)
|
|
8447
|
+
display.md = column.display.md ? 'table-cell' : 'none';
|
|
8448
|
+
if (column.display.lg !== undefined)
|
|
8449
|
+
display.lg = column.display.lg ? 'table-cell' : 'none';
|
|
8450
|
+
if (column.display.xl !== undefined)
|
|
8451
|
+
display.xl = column.display.xl ? 'table-cell' : 'none';
|
|
8452
|
+
displaySx = { display: display };
|
|
8453
|
+
}
|
|
8439
8454
|
var sxList = [];
|
|
8440
8455
|
if (getSx)
|
|
8441
8456
|
sxList.push(getSx);
|
|
@@ -8443,6 +8458,8 @@ var TableCommonCell = function (_a) {
|
|
|
8443
8458
|
sxList.push(sx);
|
|
8444
8459
|
if (initSx)
|
|
8445
8460
|
sxList.push(initSx);
|
|
8461
|
+
if (displaySx)
|
|
8462
|
+
sxList.push(displaySx);
|
|
8446
8463
|
if (sxList.length > 0) {
|
|
8447
8464
|
if (sxList.length === 1) {
|
|
8448
8465
|
return sxList[0];
|
|
@@ -9733,8 +9750,53 @@ TableButton.defaultProps = TableButtonDefaultProps;var TableMenuButtonDefaultPro
|
|
|
9733
9750
|
children),
|
|
9734
9751
|
React__default["default"].createElement(material.Popper, { className: 'TableMenuButton-Popper', open: open, anchorEl: anchorRef.current, role: undefined, placement: placement, transition: true, style: { zIndex: inModal ? (zIndex === undefined ? 1301 : zIndex) : zIndex } }, function (_a) {
|
|
9735
9752
|
var TransitionProps = _a.TransitionProps, placement = _a.placement;
|
|
9753
|
+
var placements = placement.split('-');
|
|
9754
|
+
var transformOrigin = '';
|
|
9755
|
+
if (placements[0] === 'left') {
|
|
9756
|
+
transformOrigin = 'right';
|
|
9757
|
+
// if (placements.length > 1) {
|
|
9758
|
+
// if (placements[1] === 'start') {
|
|
9759
|
+
// transformOrigin += ' top';
|
|
9760
|
+
// } else if (placements[1] === 'end') {
|
|
9761
|
+
// transformOrigin += ' bottom';
|
|
9762
|
+
// }
|
|
9763
|
+
// }
|
|
9764
|
+
}
|
|
9765
|
+
else if (placements[0] === 'right') {
|
|
9766
|
+
transformOrigin = 'left';
|
|
9767
|
+
// if (placements.length > 1) {
|
|
9768
|
+
// if (placements[1] === 'start') {
|
|
9769
|
+
// transformOrigin += ' top';
|
|
9770
|
+
// } else if (placements[1] === 'end') {
|
|
9771
|
+
// transformOrigin += ' bottom';
|
|
9772
|
+
// }
|
|
9773
|
+
// }
|
|
9774
|
+
}
|
|
9775
|
+
else if (placements[0] === 'top') {
|
|
9776
|
+
transformOrigin = 'bottom';
|
|
9777
|
+
// if (placements.length > 1) {
|
|
9778
|
+
// if (placements[1] === 'start') {
|
|
9779
|
+
// transformOrigin += ' left';
|
|
9780
|
+
// } else if (placements[1] === 'end') {
|
|
9781
|
+
// transformOrigin += ' right';
|
|
9782
|
+
// }
|
|
9783
|
+
// }
|
|
9784
|
+
}
|
|
9785
|
+
else if (placements[0] === 'bottom') {
|
|
9786
|
+
transformOrigin = 'top';
|
|
9787
|
+
// if (placements.length > 1) {
|
|
9788
|
+
// if (placements[1] === 'start') {
|
|
9789
|
+
// transformOrigin += ' left';
|
|
9790
|
+
// } else if (placements[1] === 'end') {
|
|
9791
|
+
// transformOrigin += ' right';
|
|
9792
|
+
// }
|
|
9793
|
+
// }
|
|
9794
|
+
}
|
|
9795
|
+
else {
|
|
9796
|
+
transformOrigin = 'top';
|
|
9797
|
+
}
|
|
9736
9798
|
return (React__default["default"].createElement(material.Grow, __assign$1({}, TransitionProps, { style: {
|
|
9737
|
-
transformOrigin:
|
|
9799
|
+
transformOrigin: transformOrigin,
|
|
9738
9800
|
} }),
|
|
9739
9801
|
React__default["default"].createElement(material.Paper, null,
|
|
9740
9802
|
React__default["default"].createElement(material.ClickAwayListener, { onClickAway: handleClose }, finalMenuList))));
|