@majoo-ui/react 1.55.19 → 1.55.20
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/index.esm.js +99 -175
- package/index.umd.js +102 -178
- package/package.json +1 -1
package/index.esm.js
CHANGED
|
@@ -2530,7 +2530,7 @@ const StyledDiv$3 = styled(Flex$1, {
|
|
|
2530
2530
|
marginLeft: 'auto',
|
|
2531
2531
|
marginRight: 'auto',
|
|
2532
2532
|
'@sm': {
|
|
2533
|
-
padding: '$spacing-
|
|
2533
|
+
padding: '0 $spacing-05 $spacing-06',
|
|
2534
2534
|
backgroundColor: '$white',
|
|
2535
2535
|
width: '100%'
|
|
2536
2536
|
},
|
|
@@ -15510,7 +15510,8 @@ const CalendarBox = ({
|
|
|
15510
15510
|
},
|
|
15511
15511
|
onClick: onReset,
|
|
15512
15512
|
disabled: disabled,
|
|
15513
|
-
size: "sm"
|
|
15513
|
+
size: "sm",
|
|
15514
|
+
type: "button"
|
|
15514
15515
|
}, {
|
|
15515
15516
|
children: "Reset"
|
|
15516
15517
|
}), void 0) : jsx(Button$4, Object.assign({
|
|
@@ -15520,7 +15521,8 @@ const CalendarBox = ({
|
|
|
15520
15521
|
},
|
|
15521
15522
|
onClick: onCancel,
|
|
15522
15523
|
disabled: disabled,
|
|
15523
|
-
size: "sm"
|
|
15524
|
+
size: "sm",
|
|
15525
|
+
type: "button"
|
|
15524
15526
|
}, {
|
|
15525
15527
|
children: t('label.cancel', 'Batal', {
|
|
15526
15528
|
ns: 'translation'
|
|
@@ -15531,7 +15533,8 @@ const CalendarBox = ({
|
|
|
15531
15533
|
},
|
|
15532
15534
|
onClick: onUpdate,
|
|
15533
15535
|
disabled: disabled || !selected || selected.length <= 1,
|
|
15534
|
-
size: "sm"
|
|
15536
|
+
size: "sm",
|
|
15537
|
+
type: "button"
|
|
15535
15538
|
}, {
|
|
15536
15539
|
children: t('label.process', 'Proses', {
|
|
15537
15540
|
ns: 'translation'
|
|
@@ -15805,7 +15808,7 @@ const MobileCalendarBox = ({
|
|
|
15805
15808
|
const {
|
|
15806
15809
|
t,
|
|
15807
15810
|
i18n
|
|
15808
|
-
} = useTranslation('MajooUI/datePicker');
|
|
15811
|
+
} = useTranslation(['MajooUI/datePicker', 'translation']);
|
|
15809
15812
|
const [pickerState, setPickerState] = useState({
|
|
15810
15813
|
type: DATE_PICKER,
|
|
15811
15814
|
selectedMonth: Number(calendars[0].month),
|
|
@@ -16079,7 +16082,7 @@ const MobileCalendarBox = ({
|
|
|
16079
16082
|
}, {
|
|
16080
16083
|
children: [allowReset ? jsx(Button$4, Object.assign({
|
|
16081
16084
|
buttonType: "ghost",
|
|
16082
|
-
size: "
|
|
16085
|
+
size: "md",
|
|
16083
16086
|
css: {
|
|
16084
16087
|
width: '160px',
|
|
16085
16088
|
fontWeight: 600,
|
|
@@ -16087,12 +16090,13 @@ const MobileCalendarBox = ({
|
|
|
16087
16090
|
flex: 1
|
|
16088
16091
|
},
|
|
16089
16092
|
onClick: onReset,
|
|
16090
|
-
disabled: disabled
|
|
16093
|
+
disabled: disabled,
|
|
16094
|
+
type: "button"
|
|
16091
16095
|
}, {
|
|
16092
16096
|
children: "Reset"
|
|
16093
16097
|
}), void 0) : jsx(Button$4, Object.assign({
|
|
16094
16098
|
buttonType: "ghost",
|
|
16095
|
-
size: "
|
|
16099
|
+
size: "md",
|
|
16096
16100
|
css: {
|
|
16097
16101
|
width: '160px',
|
|
16098
16102
|
fontWeight: 600,
|
|
@@ -16100,11 +16104,14 @@ const MobileCalendarBox = ({
|
|
|
16100
16104
|
flex: 1
|
|
16101
16105
|
},
|
|
16102
16106
|
onClick: onCancel,
|
|
16103
|
-
disabled: disabled
|
|
16107
|
+
disabled: disabled,
|
|
16108
|
+
type: "button"
|
|
16104
16109
|
}, {
|
|
16105
|
-
children:
|
|
16110
|
+
children: t('label.cancel', 'Batal', {
|
|
16111
|
+
ns: 'translation'
|
|
16112
|
+
})
|
|
16106
16113
|
}), void 0), jsx(Button$4, Object.assign({
|
|
16107
|
-
size: "
|
|
16114
|
+
size: "md",
|
|
16108
16115
|
css: {
|
|
16109
16116
|
width: '160px',
|
|
16110
16117
|
fontWeight: 600,
|
|
@@ -16112,9 +16119,12 @@ const MobileCalendarBox = ({
|
|
|
16112
16119
|
flex: 1
|
|
16113
16120
|
},
|
|
16114
16121
|
onClick: onUpdate,
|
|
16115
|
-
disabled: disabled
|
|
16122
|
+
disabled: disabled,
|
|
16123
|
+
type: "button"
|
|
16116
16124
|
}, {
|
|
16117
|
-
children:
|
|
16125
|
+
children: t('label.process', 'Proses', {
|
|
16126
|
+
ns: 'translation'
|
|
16127
|
+
})
|
|
16118
16128
|
}), void 0)]
|
|
16119
16129
|
}), void 0)]
|
|
16120
16130
|
}), void 0);
|
|
@@ -18282,7 +18292,7 @@ const TableHeadRow$4 = styled('tr', {
|
|
|
18282
18292
|
}
|
|
18283
18293
|
});
|
|
18284
18294
|
const TableHeadCell$4 = styled('th', {
|
|
18285
|
-
height: '
|
|
18295
|
+
height: '48px'
|
|
18286
18296
|
});
|
|
18287
18297
|
const TableRow$4 = styled('tr', {
|
|
18288
18298
|
borderBottom: '1pt solid $bgBorder',
|
|
@@ -18343,6 +18353,31 @@ const MobileTable = /*#__PURE__*/React__default.forwardRef(({
|
|
|
18343
18353
|
return 'center';
|
|
18344
18354
|
}
|
|
18345
18355
|
};
|
|
18356
|
+
const getIsMobileHeader = useCallback(() => {
|
|
18357
|
+
var _a, _b, _c;
|
|
18358
|
+
let isMobileHeader;
|
|
18359
|
+
for (let i = 0; i < (headerGroups === null || headerGroups === void 0 ? void 0 : headerGroups.length); i++) {
|
|
18360
|
+
for (let x = 0; x < ((_b = (_a = headerGroups === null || headerGroups === void 0 ? void 0 : headerGroups[i]) === null || _a === void 0 ? void 0 : _a.headers) === null || _b === void 0 ? void 0 : _b.length); x++) {
|
|
18361
|
+
const headerData = (_c = headerGroups === null || headerGroups === void 0 ? void 0 : headerGroups[i]) === null || _c === void 0 ? void 0 : _c.headers[x];
|
|
18362
|
+
if (headerData === null || headerData === void 0 ? void 0 : headerData.isMobileHeader) {
|
|
18363
|
+
isMobileHeader = true;
|
|
18364
|
+
}
|
|
18365
|
+
}
|
|
18366
|
+
}
|
|
18367
|
+
return isMobileHeader;
|
|
18368
|
+
}, [headerGroups]);
|
|
18369
|
+
let indexDefaultHeader = 0;
|
|
18370
|
+
const filterMobileHeader = (column, index) => {
|
|
18371
|
+
switch (column.id) {
|
|
18372
|
+
case 'selection':
|
|
18373
|
+
indexDefaultHeader += 1;
|
|
18374
|
+
break;
|
|
18375
|
+
case 'expander':
|
|
18376
|
+
indexDefaultHeader += 1;
|
|
18377
|
+
break;
|
|
18378
|
+
}
|
|
18379
|
+
return (getIsMobileHeader() ? column.isMobileHeader : index === indexDefaultHeader) || column.id === 'selection';
|
|
18380
|
+
};
|
|
18346
18381
|
return jsxs(TableContainer$4, Object.assign({
|
|
18347
18382
|
css: css,
|
|
18348
18383
|
ref: ref
|
|
@@ -18350,7 +18385,7 @@ const MobileTable = /*#__PURE__*/React__default.forwardRef(({
|
|
|
18350
18385
|
children: [infiniteScrollWrapper(jsxs(TableContent$3, Object.assign({}, getTableProps(), {
|
|
18351
18386
|
children: [jsx(TableHead$3, {
|
|
18352
18387
|
children: headerGroups.map(headerGroup => jsx(TableHeadRow$4, Object.assign({}, headerGroup.getHeaderGroupProps(), {
|
|
18353
|
-
children: headerGroup.headers.filter(column => column
|
|
18388
|
+
children: headerGroup.headers.filter((column, index) => filterMobileHeader(column, index)).map(column => {
|
|
18354
18389
|
const headerRender = column.render('Header');
|
|
18355
18390
|
return jsx(TableHeadCell$4, Object.assign({}, column.getHeaderProps(!column.unsortable ? column.getSortByToggleProps({
|
|
18356
18391
|
title: t('sortColumnTitle', 'Urutkan') || 'Urutkan'
|
|
@@ -18400,7 +18435,7 @@ const MobileTable = /*#__PURE__*/React__default.forwardRef(({
|
|
|
18400
18435
|
}), void 0)), jsx(TableRow$4, Object.assign({
|
|
18401
18436
|
css: customStyle
|
|
18402
18437
|
}, row.getRowProps(), {
|
|
18403
|
-
children: row.cells.filter(cell => cell.column.isMobileHeader || cell.column.id === 'selection').map(cell => {
|
|
18438
|
+
children: row.cells.filter((cell, indexCell) => (getIsMobileHeader() ? cell.column.isMobileHeader : indexCell === indexDefaultHeader) || cell.column.id === 'selection').map(cell => {
|
|
18404
18439
|
var _a;
|
|
18405
18440
|
const collId = (_a = cell === null || cell === void 0 ? void 0 : cell.column) === null || _a === void 0 ? void 0 : _a.id;
|
|
18406
18441
|
const exceptionId = ['expander', 'selection', 'menu', 'eye'].includes(collId);
|
|
@@ -18424,26 +18459,37 @@ const MobileTable = /*#__PURE__*/React__default.forwardRef(({
|
|
|
18424
18459
|
children: cell.render('Cell')
|
|
18425
18460
|
}), void 0);
|
|
18426
18461
|
return jsx(TableCell$4, Object.assign({}, cell.getCellProps(addOnCellStyle(cell.column.id)), {
|
|
18427
|
-
onClick: () => {
|
|
18428
|
-
if (!exceptionId) {
|
|
18429
|
-
handleRowClick(row, i);
|
|
18430
|
-
}
|
|
18431
|
-
}
|
|
18432
|
-
}, {
|
|
18433
18462
|
children: cell.column.accessor ? jsxs(Flex$1, Object.assign({
|
|
18434
18463
|
justify: "between",
|
|
18435
18464
|
align: "center",
|
|
18436
|
-
onClick: () => {
|
|
18437
|
-
if (!Object.keys(state.expanded).includes(row.id)) {
|
|
18438
|
-
toggleAllRowsExpanded(false);
|
|
18439
|
-
}
|
|
18440
|
-
row.toggleRowExpanded(!row.isExpanded);
|
|
18441
|
-
},
|
|
18442
18465
|
css: {
|
|
18443
|
-
cursor: 'pointer'
|
|
18466
|
+
cursor: 'pointer',
|
|
18467
|
+
height: '100%'
|
|
18444
18468
|
}
|
|
18445
18469
|
}, {
|
|
18446
|
-
children: [
|
|
18470
|
+
children: [jsx(Flex$1, Object.assign({
|
|
18471
|
+
align: "center",
|
|
18472
|
+
css: {
|
|
18473
|
+
flex: 1,
|
|
18474
|
+
height: '100%'
|
|
18475
|
+
},
|
|
18476
|
+
onClick: () => {
|
|
18477
|
+
if (!exceptionId) {
|
|
18478
|
+
handleRowClick(row, i);
|
|
18479
|
+
}
|
|
18480
|
+
}
|
|
18481
|
+
}, {
|
|
18482
|
+
children: renderCell()
|
|
18483
|
+
}), void 0), jsx(Box, Object.assign({
|
|
18484
|
+
onClick: () => {
|
|
18485
|
+
if (!Object.keys(state.expanded).includes(row.id)) {
|
|
18486
|
+
toggleAllRowsExpanded(false);
|
|
18487
|
+
}
|
|
18488
|
+
row.toggleRowExpanded(!row.isExpanded);
|
|
18489
|
+
}
|
|
18490
|
+
}, {
|
|
18491
|
+
children: row.isExpanded ? jsx(ChevronUpOutline, {}, void 0) : jsx(ChevronDownOutline, {}, void 0)
|
|
18492
|
+
}), void 0)]
|
|
18447
18493
|
}), void 0) : renderCell()
|
|
18448
18494
|
}), void 0);
|
|
18449
18495
|
})
|
|
@@ -18454,7 +18500,7 @@ const MobileTable = /*#__PURE__*/React__default.forwardRef(({
|
|
|
18454
18500
|
children: [jsx(Flex$1, Object.assign({
|
|
18455
18501
|
direction: "column"
|
|
18456
18502
|
}, {
|
|
18457
|
-
children: row.cells.filter(cell => !cell.column.isMobileHeader && cell.column.accessor).map(cell => {
|
|
18503
|
+
children: row.cells.filter((cell, indexCell) => (getIsMobileHeader() ? !cell.column.isMobileHeader : indexCell !== indexDefaultHeader) && cell.column.accessor).map(cell => {
|
|
18458
18504
|
var _a;
|
|
18459
18505
|
return jsxs(Flex$1, Object.assign({
|
|
18460
18506
|
align: "center",
|
|
@@ -19040,7 +19086,7 @@ function Table({
|
|
|
19040
19086
|
const isMenu = ((_d = (_c = (_b = row === null || row === void 0 ? void 0 : row.cells) === null || _b === void 0 ? void 0 : _b[_i]) === null || _c === void 0 ? void 0 : _c.column) === null || _d === void 0 ? void 0 : _d.id) === 'menu';
|
|
19041
19087
|
clickable = !isMenu;
|
|
19042
19088
|
}
|
|
19043
|
-
clickable &&
|
|
19089
|
+
clickable && (onRowClick === null || onRowClick === void 0 ? void 0 : onRowClick(row, i));
|
|
19044
19090
|
setDataRow(row);
|
|
19045
19091
|
};
|
|
19046
19092
|
useLayoutEffect(() => {
|
|
@@ -19886,29 +19932,27 @@ const rowMenuColumn = (options, icon, config) => ({
|
|
|
19886
19932
|
};
|
|
19887
19933
|
const currentConfig = Object.assign({}, defaultConfig, config);
|
|
19888
19934
|
const {
|
|
19889
|
-
mobileTitle,
|
|
19890
19935
|
cssContent,
|
|
19891
19936
|
cssMenuItem
|
|
19892
19937
|
} = currentConfig;
|
|
19893
|
-
const [openModal, setOpenModal] = useState(false);
|
|
19894
19938
|
const [openDrop, setOpenDrop] = useState(false);
|
|
19895
|
-
return /*#__PURE__*/React__default.createElement(
|
|
19939
|
+
return /*#__PURE__*/React__default.createElement(DropdownMenu, {
|
|
19896
19940
|
align: currentConfig.align,
|
|
19897
19941
|
open: openDrop,
|
|
19898
19942
|
onOpenchange: setOpenDrop,
|
|
19899
19943
|
__self: undefined,
|
|
19900
19944
|
__source: {
|
|
19901
19945
|
fileName: _jsxFileName$d,
|
|
19902
|
-
lineNumber:
|
|
19903
|
-
columnNumber:
|
|
19946
|
+
lineNumber: 31,
|
|
19947
|
+
columnNumber: 7
|
|
19904
19948
|
}
|
|
19905
19949
|
}, /*#__PURE__*/React__default.createElement(DropdownMenuTrigger, {
|
|
19906
19950
|
asChild: true,
|
|
19907
19951
|
__self: undefined,
|
|
19908
19952
|
__source: {
|
|
19909
19953
|
fileName: _jsxFileName$d,
|
|
19910
|
-
lineNumber:
|
|
19911
|
-
columnNumber:
|
|
19954
|
+
lineNumber: 32,
|
|
19955
|
+
columnNumber: 9
|
|
19912
19956
|
}
|
|
19913
19957
|
}, /*#__PURE__*/React__default.createElement(Box, {
|
|
19914
19958
|
css: {
|
|
@@ -19920,8 +19964,8 @@ const rowMenuColumn = (options, icon, config) => ({
|
|
|
19920
19964
|
__self: undefined,
|
|
19921
19965
|
__source: {
|
|
19922
19966
|
fileName: _jsxFileName$d,
|
|
19923
|
-
lineNumber:
|
|
19924
|
-
columnNumber:
|
|
19967
|
+
lineNumber: 33,
|
|
19968
|
+
columnNumber: 11
|
|
19925
19969
|
}
|
|
19926
19970
|
}, /*#__PURE__*/React__default.createElement(IconButton, {
|
|
19927
19971
|
type: "button",
|
|
@@ -19934,22 +19978,22 @@ const rowMenuColumn = (options, icon, config) => ({
|
|
|
19934
19978
|
__self: undefined,
|
|
19935
19979
|
__source: {
|
|
19936
19980
|
fileName: _jsxFileName$d,
|
|
19937
|
-
lineNumber:
|
|
19938
|
-
columnNumber:
|
|
19981
|
+
lineNumber: 34,
|
|
19982
|
+
columnNumber: 13
|
|
19939
19983
|
}
|
|
19940
19984
|
}, icon || /*#__PURE__*/React__default.createElement(EllipsisHorizontalOutline, {
|
|
19941
19985
|
__self: undefined,
|
|
19942
19986
|
__source: {
|
|
19943
19987
|
fileName: _jsxFileName$d,
|
|
19944
|
-
lineNumber:
|
|
19945
|
-
columnNumber:
|
|
19988
|
+
lineNumber: 42,
|
|
19989
|
+
columnNumber: 24
|
|
19946
19990
|
}
|
|
19947
19991
|
})))), /*#__PURE__*/React__default.createElement(DropdownMenuPortal, {
|
|
19948
19992
|
__self: undefined,
|
|
19949
19993
|
__source: {
|
|
19950
19994
|
fileName: _jsxFileName$d,
|
|
19951
|
-
lineNumber:
|
|
19952
|
-
columnNumber:
|
|
19995
|
+
lineNumber: 46,
|
|
19996
|
+
columnNumber: 9
|
|
19953
19997
|
}
|
|
19954
19998
|
}, /*#__PURE__*/React__default.createElement(DropdownMenuContent, {
|
|
19955
19999
|
onInteractOutside: () => setOpenDrop(false),
|
|
@@ -19971,16 +20015,16 @@ const rowMenuColumn = (options, icon, config) => ({
|
|
|
19971
20015
|
__self: undefined,
|
|
19972
20016
|
__source: {
|
|
19973
20017
|
fileName: _jsxFileName$d,
|
|
19974
|
-
lineNumber:
|
|
19975
|
-
columnNumber:
|
|
20018
|
+
lineNumber: 47,
|
|
20019
|
+
columnNumber: 11
|
|
19976
20020
|
}
|
|
19977
20021
|
}, options.map((option, index) => /*#__PURE__*/React__default.createElement(React__default.Fragment, {
|
|
19978
20022
|
key: `${option.title}dd-${index}`,
|
|
19979
20023
|
__self: undefined,
|
|
19980
20024
|
__source: {
|
|
19981
20025
|
fileName: _jsxFileName$d,
|
|
19982
|
-
lineNumber:
|
|
19983
|
-
columnNumber:
|
|
20026
|
+
lineNumber: 67,
|
|
20027
|
+
columnNumber: 15
|
|
19984
20028
|
}
|
|
19985
20029
|
}, /*#__PURE__*/React__default.createElement(DropdownMenuItem, {
|
|
19986
20030
|
onClick: () => {
|
|
@@ -19991,8 +20035,8 @@ const rowMenuColumn = (options, icon, config) => ({
|
|
|
19991
20035
|
__self: undefined,
|
|
19992
20036
|
__source: {
|
|
19993
20037
|
fileName: _jsxFileName$d,
|
|
19994
|
-
lineNumber:
|
|
19995
|
-
columnNumber:
|
|
20038
|
+
lineNumber: 68,
|
|
20039
|
+
columnNumber: 17
|
|
19996
20040
|
}
|
|
19997
20041
|
}, option.title), /*#__PURE__*/React__default.createElement(DropdownMenuSeparator, {
|
|
19998
20042
|
key: `${option.title}ds`,
|
|
@@ -20002,130 +20046,10 @@ const rowMenuColumn = (options, icon, config) => ({
|
|
|
20002
20046
|
__self: undefined,
|
|
20003
20047
|
__source: {
|
|
20004
20048
|
fileName: _jsxFileName$d,
|
|
20005
|
-
lineNumber:
|
|
20006
|
-
columnNumber: 19
|
|
20007
|
-
}
|
|
20008
|
-
})))))), /*#__PURE__*/React__default.createElement(ModalDialog, {
|
|
20009
|
-
isMobile: true,
|
|
20010
|
-
modal: true,
|
|
20011
|
-
open: openModal,
|
|
20012
|
-
onOpenChange: setOpenModal,
|
|
20013
|
-
__self: undefined,
|
|
20014
|
-
__source: {
|
|
20015
|
-
fileName: _jsxFileName$d,
|
|
20016
|
-
lineNumber: 91,
|
|
20017
|
-
columnNumber: 9
|
|
20018
|
-
}
|
|
20019
|
-
}, /*#__PURE__*/React__default.createElement(ModalDialogTrigger, {
|
|
20020
|
-
asChild: true,
|
|
20021
|
-
__self: undefined,
|
|
20022
|
-
__source: {
|
|
20023
|
-
fileName: _jsxFileName$d,
|
|
20024
|
-
lineNumber: 92,
|
|
20025
|
-
columnNumber: 11
|
|
20026
|
-
}
|
|
20027
|
-
}, /*#__PURE__*/React__default.createElement(Box, {
|
|
20028
|
-
css: {
|
|
20029
|
-
display: 'block',
|
|
20030
|
-
'@md': {
|
|
20031
|
-
display: 'none'
|
|
20032
|
-
}
|
|
20033
|
-
},
|
|
20034
|
-
__self: undefined,
|
|
20035
|
-
__source: {
|
|
20036
|
-
fileName: _jsxFileName$d,
|
|
20037
|
-
lineNumber: 93,
|
|
20038
|
-
columnNumber: 13
|
|
20039
|
-
}
|
|
20040
|
-
}, /*#__PURE__*/React__default.createElement(IconButton, {
|
|
20041
|
-
type: "button",
|
|
20042
|
-
__self: undefined,
|
|
20043
|
-
__source: {
|
|
20044
|
-
fileName: _jsxFileName$d,
|
|
20045
|
-
lineNumber: 94,
|
|
20046
|
-
columnNumber: 15
|
|
20047
|
-
}
|
|
20048
|
-
}, icon || /*#__PURE__*/React__default.createElement(EllipsisHorizontalOutline, {
|
|
20049
|
-
__self: undefined,
|
|
20050
|
-
__source: {
|
|
20051
|
-
fileName: _jsxFileName$d,
|
|
20052
|
-
lineNumber: 94,
|
|
20053
|
-
columnNumber: 50
|
|
20054
|
-
}
|
|
20055
|
-
})))), /*#__PURE__*/React__default.createElement(ModalDialogTitle, {
|
|
20056
|
-
__self: undefined,
|
|
20057
|
-
__source: {
|
|
20058
|
-
fileName: _jsxFileName$d,
|
|
20059
|
-
lineNumber: 97,
|
|
20060
|
-
columnNumber: 11
|
|
20061
|
-
}
|
|
20062
|
-
}, mobileTitle), /*#__PURE__*/React__default.createElement(ModalDialogContent, {
|
|
20063
|
-
css: {
|
|
20064
|
-
padding: '20px 16px'
|
|
20065
|
-
},
|
|
20066
|
-
__self: undefined,
|
|
20067
|
-
__source: {
|
|
20068
|
-
fileName: _jsxFileName$d,
|
|
20069
|
-
lineNumber: 98,
|
|
20070
|
-
columnNumber: 11
|
|
20071
|
-
}
|
|
20072
|
-
}, /*#__PURE__*/React__default.createElement(Box, {
|
|
20073
|
-
css: {
|
|
20074
|
-
display: 'flex',
|
|
20075
|
-
flexDirection: 'column',
|
|
20076
|
-
gap: 20,
|
|
20077
|
-
'& > *:last-child': {
|
|
20078
|
-
display: 'none'
|
|
20079
|
-
}
|
|
20080
|
-
},
|
|
20081
|
-
__self: undefined,
|
|
20082
|
-
__source: {
|
|
20083
|
-
fileName: _jsxFileName$d,
|
|
20084
|
-
lineNumber: 99,
|
|
20085
|
-
columnNumber: 13
|
|
20086
|
-
}
|
|
20087
|
-
}, options.map((option, index) => /*#__PURE__*/React__default.createElement(React__default.Fragment, {
|
|
20088
|
-
key: `${option.title}mb-${index}`,
|
|
20089
|
-
__self: undefined,
|
|
20090
|
-
__source: {
|
|
20091
|
-
fileName: _jsxFileName$d,
|
|
20092
|
-
lineNumber: 101,
|
|
20049
|
+
lineNumber: 77,
|
|
20093
20050
|
columnNumber: 17
|
|
20094
20051
|
}
|
|
20095
|
-
}
|
|
20096
|
-
type: "button",
|
|
20097
|
-
role: "button",
|
|
20098
|
-
css: {
|
|
20099
|
-
cursor: 'pointer'
|
|
20100
|
-
},
|
|
20101
|
-
onClick: () => {
|
|
20102
|
-
setOpenModal(false);
|
|
20103
|
-
option.onClick(props);
|
|
20104
|
-
},
|
|
20105
|
-
__self: undefined,
|
|
20106
|
-
__source: {
|
|
20107
|
-
fileName: _jsxFileName$d,
|
|
20108
|
-
lineNumber: 102,
|
|
20109
|
-
columnNumber: 19
|
|
20110
|
-
}
|
|
20111
|
-
}, /*#__PURE__*/React__default.createElement(Paragraph, {
|
|
20112
|
-
paragraph: "shortContentRegular",
|
|
20113
|
-
color: "primary",
|
|
20114
|
-
__self: undefined,
|
|
20115
|
-
__source: {
|
|
20116
|
-
fileName: _jsxFileName$d,
|
|
20117
|
-
lineNumber: 113,
|
|
20118
|
-
columnNumber: 21
|
|
20119
|
-
}
|
|
20120
|
-
}, option.title)), /*#__PURE__*/React__default.createElement(Separator$2, {
|
|
20121
|
-
key: `${option.title}ms`,
|
|
20122
|
-
__self: undefined,
|
|
20123
|
-
__source: {
|
|
20124
|
-
fileName: _jsxFileName$d,
|
|
20125
|
-
lineNumber: 117,
|
|
20126
|
-
columnNumber: 19
|
|
20127
|
-
}
|
|
20128
|
-
})))))));
|
|
20052
|
+
}))))));
|
|
20129
20053
|
},
|
|
20130
20054
|
unsortable: true
|
|
20131
20055
|
});
|
package/index.umd.js
CHANGED
|
@@ -2640,7 +2640,7 @@
|
|
|
2640
2640
|
marginLeft: 'auto',
|
|
2641
2641
|
marginRight: 'auto',
|
|
2642
2642
|
'@sm': {
|
|
2643
|
-
padding: '$spacing-
|
|
2643
|
+
padding: '0 $spacing-05 $spacing-06',
|
|
2644
2644
|
backgroundColor: '$white',
|
|
2645
2645
|
width: '100%'
|
|
2646
2646
|
},
|
|
@@ -15692,7 +15692,8 @@
|
|
|
15692
15692
|
},
|
|
15693
15693
|
onClick: onReset,
|
|
15694
15694
|
disabled: disabled,
|
|
15695
|
-
size: "sm"
|
|
15695
|
+
size: "sm",
|
|
15696
|
+
type: "button"
|
|
15696
15697
|
}, {
|
|
15697
15698
|
children: "Reset"
|
|
15698
15699
|
}), void 0) : jsxRuntime.jsx(Button$4, __assign({
|
|
@@ -15702,7 +15703,8 @@
|
|
|
15702
15703
|
},
|
|
15703
15704
|
onClick: onCancel,
|
|
15704
15705
|
disabled: disabled,
|
|
15705
|
-
size: "sm"
|
|
15706
|
+
size: "sm",
|
|
15707
|
+
type: "button"
|
|
15706
15708
|
}, {
|
|
15707
15709
|
children: t('label.cancel', 'Batal', {
|
|
15708
15710
|
ns: 'translation'
|
|
@@ -15713,7 +15715,8 @@
|
|
|
15713
15715
|
},
|
|
15714
15716
|
onClick: onUpdate,
|
|
15715
15717
|
disabled: disabled || !selected || selected.length <= 1,
|
|
15716
|
-
size: "sm"
|
|
15718
|
+
size: "sm",
|
|
15719
|
+
type: "button"
|
|
15717
15720
|
}, {
|
|
15718
15721
|
children: t('label.process', 'Proses', {
|
|
15719
15722
|
ns: 'translation'
|
|
@@ -15990,7 +15993,7 @@
|
|
|
15990
15993
|
minDate = _a.minDate,
|
|
15991
15994
|
maxDate = _a.maxDate,
|
|
15992
15995
|
allowReset = _a.allowReset;
|
|
15993
|
-
var _b = reactI18next.useTranslation('MajooUI/datePicker'),
|
|
15996
|
+
var _b = reactI18next.useTranslation(['MajooUI/datePicker', 'translation']),
|
|
15994
15997
|
t = _b.t,
|
|
15995
15998
|
i18n = _b.i18n;
|
|
15996
15999
|
var _c = React.useState({
|
|
@@ -16298,7 +16301,7 @@
|
|
|
16298
16301
|
}, {
|
|
16299
16302
|
children: [allowReset ? jsxRuntime.jsx(Button$4, __assign({
|
|
16300
16303
|
buttonType: "ghost",
|
|
16301
|
-
size: "
|
|
16304
|
+
size: "md",
|
|
16302
16305
|
css: {
|
|
16303
16306
|
width: '160px',
|
|
16304
16307
|
fontWeight: 600,
|
|
@@ -16306,12 +16309,13 @@
|
|
|
16306
16309
|
flex: 1
|
|
16307
16310
|
},
|
|
16308
16311
|
onClick: onReset,
|
|
16309
|
-
disabled: disabled
|
|
16312
|
+
disabled: disabled,
|
|
16313
|
+
type: "button"
|
|
16310
16314
|
}, {
|
|
16311
16315
|
children: "Reset"
|
|
16312
16316
|
}), void 0) : jsxRuntime.jsx(Button$4, __assign({
|
|
16313
16317
|
buttonType: "ghost",
|
|
16314
|
-
size: "
|
|
16318
|
+
size: "md",
|
|
16315
16319
|
css: {
|
|
16316
16320
|
width: '160px',
|
|
16317
16321
|
fontWeight: 600,
|
|
@@ -16319,11 +16323,14 @@
|
|
|
16319
16323
|
flex: 1
|
|
16320
16324
|
},
|
|
16321
16325
|
onClick: onCancel,
|
|
16322
|
-
disabled: disabled
|
|
16326
|
+
disabled: disabled,
|
|
16327
|
+
type: "button"
|
|
16323
16328
|
}, {
|
|
16324
|
-
children:
|
|
16329
|
+
children: t('label.cancel', 'Batal', {
|
|
16330
|
+
ns: 'translation'
|
|
16331
|
+
})
|
|
16325
16332
|
}), void 0), jsxRuntime.jsx(Button$4, __assign({
|
|
16326
|
-
size: "
|
|
16333
|
+
size: "md",
|
|
16327
16334
|
css: {
|
|
16328
16335
|
width: '160px',
|
|
16329
16336
|
fontWeight: 600,
|
|
@@ -16331,9 +16338,12 @@
|
|
|
16331
16338
|
flex: 1
|
|
16332
16339
|
},
|
|
16333
16340
|
onClick: onUpdate,
|
|
16334
|
-
disabled: disabled
|
|
16341
|
+
disabled: disabled,
|
|
16342
|
+
type: "button"
|
|
16335
16343
|
}, {
|
|
16336
|
-
children:
|
|
16344
|
+
children: t('label.process', 'Proses', {
|
|
16345
|
+
ns: 'translation'
|
|
16346
|
+
})
|
|
16337
16347
|
}), void 0)]
|
|
16338
16348
|
}), void 0)]
|
|
16339
16349
|
}), void 0);
|
|
@@ -18535,7 +18545,7 @@
|
|
|
18535
18545
|
}
|
|
18536
18546
|
});
|
|
18537
18547
|
var TableHeadCell$4 = styled('th', {
|
|
18538
|
-
height: '
|
|
18548
|
+
height: '48px'
|
|
18539
18549
|
});
|
|
18540
18550
|
var TableRow$4 = styled('tr', {
|
|
18541
18551
|
borderBottom: '1pt solid $bgBorder',
|
|
@@ -18589,6 +18599,31 @@
|
|
|
18589
18599
|
return 'center';
|
|
18590
18600
|
}
|
|
18591
18601
|
};
|
|
18602
|
+
var getIsMobileHeader = React.useCallback(function () {
|
|
18603
|
+
var _a, _b, _c;
|
|
18604
|
+
var isMobileHeader;
|
|
18605
|
+
for (var i = 0; i < (headerGroups === null || headerGroups === void 0 ? void 0 : headerGroups.length); i++) {
|
|
18606
|
+
for (var x = 0; x < ((_b = (_a = headerGroups === null || headerGroups === void 0 ? void 0 : headerGroups[i]) === null || _a === void 0 ? void 0 : _a.headers) === null || _b === void 0 ? void 0 : _b.length); x++) {
|
|
18607
|
+
var headerData = (_c = headerGroups === null || headerGroups === void 0 ? void 0 : headerGroups[i]) === null || _c === void 0 ? void 0 : _c.headers[x];
|
|
18608
|
+
if (headerData === null || headerData === void 0 ? void 0 : headerData.isMobileHeader) {
|
|
18609
|
+
isMobileHeader = true;
|
|
18610
|
+
}
|
|
18611
|
+
}
|
|
18612
|
+
}
|
|
18613
|
+
return isMobileHeader;
|
|
18614
|
+
}, [headerGroups]);
|
|
18615
|
+
var indexDefaultHeader = 0;
|
|
18616
|
+
var filterMobileHeader = function filterMobileHeader(column, index) {
|
|
18617
|
+
switch (column.id) {
|
|
18618
|
+
case 'selection':
|
|
18619
|
+
indexDefaultHeader += 1;
|
|
18620
|
+
break;
|
|
18621
|
+
case 'expander':
|
|
18622
|
+
indexDefaultHeader += 1;
|
|
18623
|
+
break;
|
|
18624
|
+
}
|
|
18625
|
+
return (getIsMobileHeader() ? column.isMobileHeader : index === indexDefaultHeader) || column.id === 'selection';
|
|
18626
|
+
};
|
|
18592
18627
|
return jsxRuntime.jsxs(TableContainer$4, __assign({
|
|
18593
18628
|
css: css,
|
|
18594
18629
|
ref: ref
|
|
@@ -18597,8 +18632,8 @@
|
|
|
18597
18632
|
children: [jsxRuntime.jsx(TableHead$3, {
|
|
18598
18633
|
children: headerGroups.map(function (headerGroup) {
|
|
18599
18634
|
return jsxRuntime.jsx(TableHeadRow$4, __assign({}, headerGroup.getHeaderGroupProps(), {
|
|
18600
|
-
children: headerGroup.headers.filter(function (column) {
|
|
18601
|
-
return column
|
|
18635
|
+
children: headerGroup.headers.filter(function (column, index) {
|
|
18636
|
+
return filterMobileHeader(column, index);
|
|
18602
18637
|
}).map(function (column) {
|
|
18603
18638
|
var headerRender = column.render('Header');
|
|
18604
18639
|
return jsxRuntime.jsx(TableHeadCell$4, __assign({}, column.getHeaderProps(!column.unsortable ? column.getSortByToggleProps({
|
|
@@ -18652,8 +18687,8 @@
|
|
|
18652
18687
|
}), void 0)), jsxRuntime.jsx(TableRow$4, __assign({
|
|
18653
18688
|
css: customStyle
|
|
18654
18689
|
}, row.getRowProps(), {
|
|
18655
|
-
children: row.cells.filter(function (cell) {
|
|
18656
|
-
return cell.column.isMobileHeader || cell.column.id === 'selection';
|
|
18690
|
+
children: row.cells.filter(function (cell, indexCell) {
|
|
18691
|
+
return (getIsMobileHeader() ? cell.column.isMobileHeader : indexCell === indexDefaultHeader) || cell.column.id === 'selection';
|
|
18657
18692
|
}).map(function (cell) {
|
|
18658
18693
|
var _a;
|
|
18659
18694
|
var collId = (_a = cell === null || cell === void 0 ? void 0 : cell.column) === null || _a === void 0 ? void 0 : _a.id;
|
|
@@ -18684,26 +18719,37 @@
|
|
|
18684
18719
|
}), void 0);
|
|
18685
18720
|
};
|
|
18686
18721
|
return jsxRuntime.jsx(TableCell$4, __assign({}, cell.getCellProps(addOnCellStyle(cell.column.id)), {
|
|
18687
|
-
onClick: function () {
|
|
18688
|
-
if (!exceptionId) {
|
|
18689
|
-
handleRowClick(row, i);
|
|
18690
|
-
}
|
|
18691
|
-
}
|
|
18692
|
-
}, {
|
|
18693
18722
|
children: cell.column.accessor ? jsxRuntime.jsxs(Flex$1, __assign({
|
|
18694
18723
|
justify: "between",
|
|
18695
18724
|
align: "center",
|
|
18696
|
-
onClick: function () {
|
|
18697
|
-
if (!Object.keys(state.expanded).includes(row.id)) {
|
|
18698
|
-
toggleAllRowsExpanded(false);
|
|
18699
|
-
}
|
|
18700
|
-
row.toggleRowExpanded(!row.isExpanded);
|
|
18701
|
-
},
|
|
18702
18725
|
css: {
|
|
18703
|
-
cursor: 'pointer'
|
|
18726
|
+
cursor: 'pointer',
|
|
18727
|
+
height: '100%'
|
|
18704
18728
|
}
|
|
18705
18729
|
}, {
|
|
18706
|
-
children: [
|
|
18730
|
+
children: [jsxRuntime.jsx(Flex$1, __assign({
|
|
18731
|
+
align: "center",
|
|
18732
|
+
css: {
|
|
18733
|
+
flex: 1,
|
|
18734
|
+
height: '100%'
|
|
18735
|
+
},
|
|
18736
|
+
onClick: function () {
|
|
18737
|
+
if (!exceptionId) {
|
|
18738
|
+
handleRowClick(row, i);
|
|
18739
|
+
}
|
|
18740
|
+
}
|
|
18741
|
+
}, {
|
|
18742
|
+
children: renderCell()
|
|
18743
|
+
}), void 0), jsxRuntime.jsx(Box, __assign({
|
|
18744
|
+
onClick: function () {
|
|
18745
|
+
if (!Object.keys(state.expanded).includes(row.id)) {
|
|
18746
|
+
toggleAllRowsExpanded(false);
|
|
18747
|
+
}
|
|
18748
|
+
row.toggleRowExpanded(!row.isExpanded);
|
|
18749
|
+
}
|
|
18750
|
+
}, {
|
|
18751
|
+
children: row.isExpanded ? jsxRuntime.jsx(icons.ChevronUpOutline, {}, void 0) : jsxRuntime.jsx(icons.ChevronDownOutline, {}, void 0)
|
|
18752
|
+
}), void 0)]
|
|
18707
18753
|
}), void 0) : renderCell()
|
|
18708
18754
|
}), void 0);
|
|
18709
18755
|
})
|
|
@@ -18714,8 +18760,8 @@
|
|
|
18714
18760
|
children: [jsxRuntime.jsx(Flex$1, __assign({
|
|
18715
18761
|
direction: "column"
|
|
18716
18762
|
}, {
|
|
18717
|
-
children: row.cells.filter(function (cell) {
|
|
18718
|
-
return !cell.column.isMobileHeader && cell.column.accessor;
|
|
18763
|
+
children: row.cells.filter(function (cell, indexCell) {
|
|
18764
|
+
return (getIsMobileHeader() ? !cell.column.isMobileHeader : indexCell !== indexDefaultHeader) && cell.column.accessor;
|
|
18719
18765
|
}).map(function (cell) {
|
|
18720
18766
|
var _a;
|
|
18721
18767
|
return jsxRuntime.jsxs(Flex$1, __assign({
|
|
@@ -19339,7 +19385,7 @@
|
|
|
19339
19385
|
var isMenu = ((_d = (_c = (_b = row === null || row === void 0 ? void 0 : row.cells) === null || _b === void 0 ? void 0 : _b[i_1]) === null || _c === void 0 ? void 0 : _c.column) === null || _d === void 0 ? void 0 : _d.id) === 'menu';
|
|
19340
19386
|
clickable = !isMenu;
|
|
19341
19387
|
}
|
|
19342
|
-
clickable &&
|
|
19388
|
+
clickable && (onRowClick === null || onRowClick === void 0 ? void 0 : onRowClick(row, i));
|
|
19343
19389
|
setDataRow(row);
|
|
19344
19390
|
};
|
|
19345
19391
|
React.useLayoutEffect(function () {
|
|
@@ -20212,29 +20258,27 @@
|
|
|
20212
20258
|
};
|
|
20213
20259
|
const currentConfig = Object.assign({}, defaultConfig, config);
|
|
20214
20260
|
const {
|
|
20215
|
-
mobileTitle,
|
|
20216
20261
|
cssContent,
|
|
20217
20262
|
cssMenuItem
|
|
20218
20263
|
} = currentConfig;
|
|
20219
|
-
const [openModal, setOpenModal] = React.useState(false);
|
|
20220
20264
|
const [openDrop, setOpenDrop] = React.useState(false);
|
|
20221
|
-
return /*#__PURE__*/React__default["default"].createElement(
|
|
20265
|
+
return /*#__PURE__*/React__default["default"].createElement(DropdownMenu, {
|
|
20222
20266
|
align: currentConfig.align,
|
|
20223
20267
|
open: openDrop,
|
|
20224
20268
|
onOpenchange: setOpenDrop,
|
|
20225
20269
|
__self: undefined,
|
|
20226
20270
|
__source: {
|
|
20227
20271
|
fileName: _jsxFileName$d,
|
|
20228
|
-
lineNumber:
|
|
20229
|
-
columnNumber:
|
|
20272
|
+
lineNumber: 31,
|
|
20273
|
+
columnNumber: 7
|
|
20230
20274
|
}
|
|
20231
20275
|
}, /*#__PURE__*/React__default["default"].createElement(DropdownMenuTrigger, {
|
|
20232
20276
|
asChild: true,
|
|
20233
20277
|
__self: undefined,
|
|
20234
20278
|
__source: {
|
|
20235
20279
|
fileName: _jsxFileName$d,
|
|
20236
|
-
lineNumber:
|
|
20237
|
-
columnNumber:
|
|
20280
|
+
lineNumber: 32,
|
|
20281
|
+
columnNumber: 9
|
|
20238
20282
|
}
|
|
20239
20283
|
}, /*#__PURE__*/React__default["default"].createElement(Box, {
|
|
20240
20284
|
css: {
|
|
@@ -20246,8 +20290,8 @@
|
|
|
20246
20290
|
__self: undefined,
|
|
20247
20291
|
__source: {
|
|
20248
20292
|
fileName: _jsxFileName$d,
|
|
20249
|
-
lineNumber:
|
|
20250
|
-
columnNumber:
|
|
20293
|
+
lineNumber: 33,
|
|
20294
|
+
columnNumber: 11
|
|
20251
20295
|
}
|
|
20252
20296
|
}, /*#__PURE__*/React__default["default"].createElement(IconButton, {
|
|
20253
20297
|
type: "button",
|
|
@@ -20260,22 +20304,22 @@
|
|
|
20260
20304
|
__self: undefined,
|
|
20261
20305
|
__source: {
|
|
20262
20306
|
fileName: _jsxFileName$d,
|
|
20263
|
-
lineNumber:
|
|
20264
|
-
columnNumber:
|
|
20307
|
+
lineNumber: 34,
|
|
20308
|
+
columnNumber: 13
|
|
20265
20309
|
}
|
|
20266
20310
|
}, icon || /*#__PURE__*/React__default["default"].createElement(icons.EllipsisHorizontalOutline, {
|
|
20267
20311
|
__self: undefined,
|
|
20268
20312
|
__source: {
|
|
20269
20313
|
fileName: _jsxFileName$d,
|
|
20270
|
-
lineNumber:
|
|
20271
|
-
columnNumber:
|
|
20314
|
+
lineNumber: 42,
|
|
20315
|
+
columnNumber: 24
|
|
20272
20316
|
}
|
|
20273
20317
|
})))), /*#__PURE__*/React__default["default"].createElement(DropdownMenuPortal, {
|
|
20274
20318
|
__self: undefined,
|
|
20275
20319
|
__source: {
|
|
20276
20320
|
fileName: _jsxFileName$d,
|
|
20277
|
-
lineNumber:
|
|
20278
|
-
columnNumber:
|
|
20321
|
+
lineNumber: 46,
|
|
20322
|
+
columnNumber: 9
|
|
20279
20323
|
}
|
|
20280
20324
|
}, /*#__PURE__*/React__default["default"].createElement(DropdownMenuContent, {
|
|
20281
20325
|
onInteractOutside: () => setOpenDrop(false),
|
|
@@ -20297,16 +20341,16 @@
|
|
|
20297
20341
|
__self: undefined,
|
|
20298
20342
|
__source: {
|
|
20299
20343
|
fileName: _jsxFileName$d,
|
|
20300
|
-
lineNumber:
|
|
20301
|
-
columnNumber:
|
|
20344
|
+
lineNumber: 47,
|
|
20345
|
+
columnNumber: 11
|
|
20302
20346
|
}
|
|
20303
20347
|
}, options.map((option, index) => /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, {
|
|
20304
20348
|
key: `${option.title}dd-${index}`,
|
|
20305
20349
|
__self: undefined,
|
|
20306
20350
|
__source: {
|
|
20307
20351
|
fileName: _jsxFileName$d,
|
|
20308
|
-
lineNumber:
|
|
20309
|
-
columnNumber:
|
|
20352
|
+
lineNumber: 67,
|
|
20353
|
+
columnNumber: 15
|
|
20310
20354
|
}
|
|
20311
20355
|
}, /*#__PURE__*/React__default["default"].createElement(DropdownMenuItem, {
|
|
20312
20356
|
onClick: () => {
|
|
@@ -20317,8 +20361,8 @@
|
|
|
20317
20361
|
__self: undefined,
|
|
20318
20362
|
__source: {
|
|
20319
20363
|
fileName: _jsxFileName$d,
|
|
20320
|
-
lineNumber:
|
|
20321
|
-
columnNumber:
|
|
20364
|
+
lineNumber: 68,
|
|
20365
|
+
columnNumber: 17
|
|
20322
20366
|
}
|
|
20323
20367
|
}, option.title), /*#__PURE__*/React__default["default"].createElement(DropdownMenuSeparator, {
|
|
20324
20368
|
key: `${option.title}ds`,
|
|
@@ -20328,130 +20372,10 @@
|
|
|
20328
20372
|
__self: undefined,
|
|
20329
20373
|
__source: {
|
|
20330
20374
|
fileName: _jsxFileName$d,
|
|
20331
|
-
lineNumber:
|
|
20332
|
-
columnNumber: 19
|
|
20333
|
-
}
|
|
20334
|
-
})))))), /*#__PURE__*/React__default["default"].createElement(ModalDialog, {
|
|
20335
|
-
isMobile: true,
|
|
20336
|
-
modal: true,
|
|
20337
|
-
open: openModal,
|
|
20338
|
-
onOpenChange: setOpenModal,
|
|
20339
|
-
__self: undefined,
|
|
20340
|
-
__source: {
|
|
20341
|
-
fileName: _jsxFileName$d,
|
|
20342
|
-
lineNumber: 91,
|
|
20343
|
-
columnNumber: 9
|
|
20344
|
-
}
|
|
20345
|
-
}, /*#__PURE__*/React__default["default"].createElement(ModalDialogTrigger, {
|
|
20346
|
-
asChild: true,
|
|
20347
|
-
__self: undefined,
|
|
20348
|
-
__source: {
|
|
20349
|
-
fileName: _jsxFileName$d,
|
|
20350
|
-
lineNumber: 92,
|
|
20351
|
-
columnNumber: 11
|
|
20352
|
-
}
|
|
20353
|
-
}, /*#__PURE__*/React__default["default"].createElement(Box, {
|
|
20354
|
-
css: {
|
|
20355
|
-
display: 'block',
|
|
20356
|
-
'@md': {
|
|
20357
|
-
display: 'none'
|
|
20358
|
-
}
|
|
20359
|
-
},
|
|
20360
|
-
__self: undefined,
|
|
20361
|
-
__source: {
|
|
20362
|
-
fileName: _jsxFileName$d,
|
|
20363
|
-
lineNumber: 93,
|
|
20364
|
-
columnNumber: 13
|
|
20365
|
-
}
|
|
20366
|
-
}, /*#__PURE__*/React__default["default"].createElement(IconButton, {
|
|
20367
|
-
type: "button",
|
|
20368
|
-
__self: undefined,
|
|
20369
|
-
__source: {
|
|
20370
|
-
fileName: _jsxFileName$d,
|
|
20371
|
-
lineNumber: 94,
|
|
20372
|
-
columnNumber: 15
|
|
20373
|
-
}
|
|
20374
|
-
}, icon || /*#__PURE__*/React__default["default"].createElement(icons.EllipsisHorizontalOutline, {
|
|
20375
|
-
__self: undefined,
|
|
20376
|
-
__source: {
|
|
20377
|
-
fileName: _jsxFileName$d,
|
|
20378
|
-
lineNumber: 94,
|
|
20379
|
-
columnNumber: 50
|
|
20380
|
-
}
|
|
20381
|
-
})))), /*#__PURE__*/React__default["default"].createElement(ModalDialogTitle, {
|
|
20382
|
-
__self: undefined,
|
|
20383
|
-
__source: {
|
|
20384
|
-
fileName: _jsxFileName$d,
|
|
20385
|
-
lineNumber: 97,
|
|
20386
|
-
columnNumber: 11
|
|
20387
|
-
}
|
|
20388
|
-
}, mobileTitle), /*#__PURE__*/React__default["default"].createElement(ModalDialogContent, {
|
|
20389
|
-
css: {
|
|
20390
|
-
padding: '20px 16px'
|
|
20391
|
-
},
|
|
20392
|
-
__self: undefined,
|
|
20393
|
-
__source: {
|
|
20394
|
-
fileName: _jsxFileName$d,
|
|
20395
|
-
lineNumber: 98,
|
|
20396
|
-
columnNumber: 11
|
|
20397
|
-
}
|
|
20398
|
-
}, /*#__PURE__*/React__default["default"].createElement(Box, {
|
|
20399
|
-
css: {
|
|
20400
|
-
display: 'flex',
|
|
20401
|
-
flexDirection: 'column',
|
|
20402
|
-
gap: 20,
|
|
20403
|
-
'& > *:last-child': {
|
|
20404
|
-
display: 'none'
|
|
20405
|
-
}
|
|
20406
|
-
},
|
|
20407
|
-
__self: undefined,
|
|
20408
|
-
__source: {
|
|
20409
|
-
fileName: _jsxFileName$d,
|
|
20410
|
-
lineNumber: 99,
|
|
20411
|
-
columnNumber: 13
|
|
20412
|
-
}
|
|
20413
|
-
}, options.map((option, index) => /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, {
|
|
20414
|
-
key: `${option.title}mb-${index}`,
|
|
20415
|
-
__self: undefined,
|
|
20416
|
-
__source: {
|
|
20417
|
-
fileName: _jsxFileName$d,
|
|
20418
|
-
lineNumber: 101,
|
|
20375
|
+
lineNumber: 77,
|
|
20419
20376
|
columnNumber: 17
|
|
20420
20377
|
}
|
|
20421
|
-
}
|
|
20422
|
-
type: "button",
|
|
20423
|
-
role: "button",
|
|
20424
|
-
css: {
|
|
20425
|
-
cursor: 'pointer'
|
|
20426
|
-
},
|
|
20427
|
-
onClick: () => {
|
|
20428
|
-
setOpenModal(false);
|
|
20429
|
-
option.onClick(props);
|
|
20430
|
-
},
|
|
20431
|
-
__self: undefined,
|
|
20432
|
-
__source: {
|
|
20433
|
-
fileName: _jsxFileName$d,
|
|
20434
|
-
lineNumber: 102,
|
|
20435
|
-
columnNumber: 19
|
|
20436
|
-
}
|
|
20437
|
-
}, /*#__PURE__*/React__default["default"].createElement(Paragraph, {
|
|
20438
|
-
paragraph: "shortContentRegular",
|
|
20439
|
-
color: "primary",
|
|
20440
|
-
__self: undefined,
|
|
20441
|
-
__source: {
|
|
20442
|
-
fileName: _jsxFileName$d,
|
|
20443
|
-
lineNumber: 113,
|
|
20444
|
-
columnNumber: 21
|
|
20445
|
-
}
|
|
20446
|
-
}, option.title)), /*#__PURE__*/React__default["default"].createElement(Separator$2, {
|
|
20447
|
-
key: `${option.title}ms`,
|
|
20448
|
-
__self: undefined,
|
|
20449
|
-
__source: {
|
|
20450
|
-
fileName: _jsxFileName$d,
|
|
20451
|
-
lineNumber: 117,
|
|
20452
|
-
columnNumber: 19
|
|
20453
|
-
}
|
|
20454
|
-
})))))));
|
|
20378
|
+
}))))));
|
|
20455
20379
|
},
|
|
20456
20380
|
unsortable: true
|
|
20457
20381
|
});
|