react-table-edit 1.5.27 → 1.5.28
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/component/select-table-tree/index.d.ts +9 -10
- package/dist/component/utils.d.ts +1 -0
- package/dist/index.d.ts +10 -10
- package/dist/index.js +19 -8
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +19 -9
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React from 'react';
|
|
1
|
+
import React, { JSX } from 'react';
|
|
2
2
|
export type IFColumnSelectTableTree = {
|
|
3
3
|
field: string;
|
|
4
4
|
headerText: string;
|
|
@@ -23,21 +23,14 @@ export type IFTableTreeSelectFormat = {
|
|
|
23
23
|
type Props = {
|
|
24
24
|
id?: string;
|
|
25
25
|
component?: any;
|
|
26
|
-
footerComponent?: any;
|
|
27
26
|
fieldValue?: string;
|
|
28
27
|
fieldLabel?: string;
|
|
29
|
-
onChange: any;
|
|
30
28
|
textAlign?: 'left' | 'right' | 'center';
|
|
31
29
|
placeholder?: string;
|
|
32
30
|
invalid?: any;
|
|
33
|
-
loadOptions?: any;
|
|
34
31
|
menuWidth?: number;
|
|
35
32
|
width?: number;
|
|
36
|
-
rowData?: any;
|
|
37
33
|
value: any;
|
|
38
|
-
onKeyDown?: (e: React.KeyboardEvent<any>) => void | any;
|
|
39
|
-
formatOptionLabel?: any;
|
|
40
|
-
handleAdd?: any;
|
|
41
34
|
options: any[];
|
|
42
35
|
isMulti?: boolean;
|
|
43
36
|
noHeader?: boolean;
|
|
@@ -49,8 +42,14 @@ type Props = {
|
|
|
49
42
|
showFooter?: boolean;
|
|
50
43
|
selectChilds?: boolean;
|
|
51
44
|
formatSetting?: IFTableTreeSelectFormat;
|
|
52
|
-
|
|
53
|
-
|
|
45
|
+
formatOptionLabel?: (ele: any) => JSX.Element;
|
|
46
|
+
onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => any;
|
|
47
|
+
onOpenMenu?: () => void;
|
|
48
|
+
handleAdd?: (e?: any) => void;
|
|
49
|
+
onPaste?: (e: React.ClipboardEvent<HTMLInputElement>) => void;
|
|
50
|
+
onCloseMenu?: () => void;
|
|
51
|
+
footerComponent?: () => JSX.Element;
|
|
52
|
+
onChange: (val: any) => void;
|
|
54
53
|
};
|
|
55
54
|
declare const SelectTableTree: React.ForwardRefExoticComponent<Props & React.RefAttributes<unknown>>;
|
|
56
55
|
export { SelectTableTree };
|
|
@@ -55,3 +55,4 @@ export declare const calculateTableStructure: (columns: any[], settingColumns?:
|
|
|
55
55
|
* Kiểm tra row có thỏa mãn tất cả filter và chứa từ khóa tìm kiếm hay không
|
|
56
56
|
*/
|
|
57
57
|
export declare const CheckRowMatch: (row: Record<string, any>, filters: IFFilterTable[], keyword: string, searchKeys: string[]) => boolean;
|
|
58
|
+
export declare const getMaxExpandedLevel: (items: any[], fieldChildren?: string, level?: number) => number;
|
package/dist/index.d.ts
CHANGED
|
@@ -655,21 +655,14 @@ type IFTableTreeSelectFormat = {
|
|
|
655
655
|
type Props = {
|
|
656
656
|
id?: string;
|
|
657
657
|
component?: any;
|
|
658
|
-
footerComponent?: any;
|
|
659
658
|
fieldValue?: string;
|
|
660
659
|
fieldLabel?: string;
|
|
661
|
-
onChange: any;
|
|
662
660
|
textAlign?: 'left' | 'right' | 'center';
|
|
663
661
|
placeholder?: string;
|
|
664
662
|
invalid?: any;
|
|
665
|
-
loadOptions?: any;
|
|
666
663
|
menuWidth?: number;
|
|
667
664
|
width?: number;
|
|
668
|
-
rowData?: any;
|
|
669
665
|
value: any;
|
|
670
|
-
onKeyDown?: (e: React__default.KeyboardEvent<any>) => void | any;
|
|
671
|
-
formatOptionLabel?: any;
|
|
672
|
-
handleAdd?: any;
|
|
673
666
|
options: any[];
|
|
674
667
|
isMulti?: boolean;
|
|
675
668
|
noHeader?: boolean;
|
|
@@ -681,8 +674,14 @@ type Props = {
|
|
|
681
674
|
showFooter?: boolean;
|
|
682
675
|
selectChilds?: boolean;
|
|
683
676
|
formatSetting?: IFTableTreeSelectFormat;
|
|
684
|
-
|
|
685
|
-
|
|
677
|
+
formatOptionLabel?: (ele: any) => JSX.Element;
|
|
678
|
+
onKeyDown?: (e: React__default.KeyboardEvent<HTMLInputElement>) => any;
|
|
679
|
+
onOpenMenu?: () => void;
|
|
680
|
+
handleAdd?: (e?: any) => void;
|
|
681
|
+
onPaste?: (e: React__default.ClipboardEvent<HTMLInputElement>) => void;
|
|
682
|
+
onCloseMenu?: () => void;
|
|
683
|
+
footerComponent?: () => JSX.Element;
|
|
684
|
+
onChange: (val: any) => void;
|
|
686
685
|
};
|
|
687
686
|
declare const SelectTableTree: React__default.ForwardRefExoticComponent<Props & React__default.RefAttributes<unknown>>;
|
|
688
687
|
|
|
@@ -801,6 +800,7 @@ declare const calculateTableStructure: (columns: any[], settingColumns?: IFSetti
|
|
|
801
800
|
* Kiểm tra row có thỏa mãn tất cả filter và chứa từ khóa tìm kiếm hay không
|
|
802
801
|
*/
|
|
803
802
|
declare const CheckRowMatch: (row: Record<string, any>, filters: IFFilterTable[], keyword: string, searchKeys: string[]) => boolean;
|
|
803
|
+
declare const getMaxExpandedLevel: (items: any[], fieldChildren?: string, level?: number) => number;
|
|
804
804
|
|
|
805
805
|
type IFSteps = {
|
|
806
806
|
id: string;
|
|
@@ -828,5 +828,5 @@ type IFProps = {
|
|
|
828
828
|
};
|
|
829
829
|
declare const Wizard: React.ForwardRefExoticComponent<IFProps & React.RefAttributes<unknown>>;
|
|
830
830
|
|
|
831
|
-
export { CheckRowMatch, ExportExcelComponent, FindNodeByPath, InputStyleComponent, ModalImportComponent, SelectTable, SelectTableTree, TableView, TabsMenuComponent, Wizard, calculateTableStructure, checkDecimalSeparator, checkThousandSeparator, TableEdit as default, formartNumberic, formatDateTime, generateUUID, isNullOrUndefined, messageBoxConfirm, messageBoxConfirmAsync, messageBoxConfirmDelete, messageBoxError, messageHtmlBoxConfirm, messageHtmlBoxConfirmAsync, messageHtmlBoxError, notificationError, notificationSuccess, roundNumber, useOnClickOutside };
|
|
831
|
+
export { CheckRowMatch, ExportExcelComponent, FindNodeByPath, InputStyleComponent, ModalImportComponent, SelectTable, SelectTableTree, TableView, TabsMenuComponent, Wizard, calculateTableStructure, checkDecimalSeparator, checkThousandSeparator, TableEdit as default, formartNumberic, formatDateTime, generateUUID, getMaxExpandedLevel, isNullOrUndefined, messageBoxConfirm, messageBoxConfirmAsync, messageBoxConfirmDelete, messageBoxError, messageHtmlBoxConfirm, messageHtmlBoxConfirmAsync, messageHtmlBoxError, notificationError, notificationSuccess, roundNumber, useOnClickOutside };
|
|
832
832
|
export type { FromItemsField, ICellInfo, IColumnTable, IColumnType, IColumnsAgg, ICommandItem, IContextItem, IFColumnSelectTable, IFColumnSelectTableTree, IFCurrentPage, IFCurrentPageConfig, IFFilterTable, IFOrderTable, IFPageSize, IFSettingColumns, IFTableEditButton, IFTableEditFormat, IFTableEditPaging, IFTableEditSearchSetting, IFTableEditToolbar, IFTableSelectFormat, IFTableTreeSelectFormat, IFToolbarOptions, IFilterType, IHeaderColumnTable, ISettingFormElement, ISettingNumericElement, ISettingSelectElement };
|
package/dist/index.js
CHANGED
|
@@ -20076,6 +20076,15 @@ const CheckRowMatch = (row, filters, keyword, searchKeys) => {
|
|
|
20076
20076
|
});
|
|
20077
20077
|
return isFilterMatch && isSearchMatch;
|
|
20078
20078
|
};
|
|
20079
|
+
const getMaxExpandedLevel = (items, fieldChildren = 'children', level = 0) => {
|
|
20080
|
+
let max = level;
|
|
20081
|
+
items.forEach((item) => {
|
|
20082
|
+
if (item[fieldChildren]?.length > 0) {
|
|
20083
|
+
max = Math.max(max, getMaxExpandedLevel(item[fieldChildren], fieldChildren, level + 1));
|
|
20084
|
+
}
|
|
20085
|
+
});
|
|
20086
|
+
return max;
|
|
20087
|
+
};
|
|
20079
20088
|
|
|
20080
20089
|
const defaultMaxHeight$1 = 250;
|
|
20081
20090
|
const SelectTable = React$5.forwardRef((props, ref) => {
|
|
@@ -20412,7 +20421,7 @@ const SelectTable = React$5.forwardRef((props, ref) => {
|
|
|
20412
20421
|
setIndexFocus(indexRow);
|
|
20413
20422
|
}
|
|
20414
20423
|
e.stopPropagation();
|
|
20415
|
-
}, children: col.template ?
|
|
20424
|
+
}, children: col.template ? col.template(row, indexRow) : col.type === 'numeric' && Number(row[col.field]) < 0 ? jsxRuntime.jsxs("div", { style: { color: formatSetting?.colorNegative ?? 'red' }, children: [" ", `${formatSetting?.prefixNegative ?? '-'}${value}${formatSetting?.suffixNegative ?? ''}`] }) : valueDisplay }, `col-${indexRow}-${indexCol}`)), checkOverflow(indexRow, indexCol) && (jsxRuntime.jsx(UncontrolledTooltip, { className: "r-tooltip", autohide: false, target: `select-${id}-${indexRow}-${indexCol}`, children: col.template ? col.template(row, indexRow) : valueDisplay }))] }, indexCol));
|
|
20416
20425
|
})] }, `row-${indexRow}`));
|
|
20417
20426
|
});
|
|
20418
20427
|
const RenderTable = (props) => {
|
|
@@ -20469,7 +20478,7 @@ const SelectTable = React$5.forwardRef((props, ref) => {
|
|
|
20469
20478
|
inputRef?.current.focus();
|
|
20470
20479
|
e.preventDefault();
|
|
20471
20480
|
}
|
|
20472
|
-
}, children: jsxRuntime.jsxs("div", { className: "r-select-grid", children: [jsxRuntime.jsx("div", { className: classNames$1('r-select-gridtable', { 'no-header': noHeader || (columns?.length ?? 0) === 0 }), ref: selectMenuTableRef, style: { width: menuWidth, minWidth: selectTableRef?.current?.clientWidth, maxHeight: maxHeight ?? defaultMaxHeight$1 }, children: jsxRuntime.jsx(RenderTable, {}) }), jsxRuntime.jsxs("div", { className: classNames$1('r-select-footer', { 'd-none': !(showFooter === true || handleAdd) }), children: [jsxRuntime.jsxs(Button$1$1, { outline: true, color: "primary", onClick: () => handleAdd?.(), className: classNames$1('r-btn d-flex align-items-center', { 'd-none': !handleAdd }), children: [jsxRuntime.jsx(SvgPlus, { className: "me-50", fontSize: 16 }), t('AddNew'), " (F9)"] }), footerComponent ? footerComponent() : null] })] }) })) }) })] }) }) }));
|
|
20481
|
+
}, children: jsxRuntime.jsxs("div", { className: "r-select-grid", children: [jsxRuntime.jsx("div", { className: classNames$1('r-select-gridtable', { 'no-header': noHeader || (columns?.length ?? 0) === 0 }), ref: selectMenuTableRef, style: { width: menuWidth, minWidth: selectTableRef?.current?.clientWidth, maxHeight: maxHeight ?? defaultMaxHeight$1 }, children: jsxRuntime.jsx(RenderTable, {}) }), jsxRuntime.jsxs("div", { className: classNames$1('r-select-footer', { 'd-none': !(showFooter === true || handleAdd || isMulti) }), children: [jsxRuntime.jsxs(Button$1$1, { outline: true, color: "primary", onClick: () => handleAdd?.(), className: classNames$1('r-btn d-flex align-items-center', { 'd-none': !handleAdd }), children: [jsxRuntime.jsx(SvgPlus, { className: "me-50", fontSize: 16 }), t('AddNew'), " (F9)"] }), isMulti && jsxRuntime.jsx("div", { className: "ms-50 text-primary h-100 d-flex align-items-center", children: t('countSelected', { item: value?.length ?? 0 }) }), footerComponent ? footerComponent() : null] })] }) })) }) })] }) }) }));
|
|
20473
20482
|
});
|
|
20474
20483
|
|
|
20475
20484
|
const PagingComponent = ({ totalItem, gridRef, pageSize, currentPage, onChangePage, pageOptions, onChangePageSize }) => {
|
|
@@ -35864,7 +35873,7 @@ const SelectTableTree = React$5.forwardRef((props, ref) => {
|
|
|
35864
35873
|
let flag = false;
|
|
35865
35874
|
if (!key) {
|
|
35866
35875
|
if (e.code === 'F9') {
|
|
35867
|
-
handleAdd();
|
|
35876
|
+
handleAdd?.(e);
|
|
35868
35877
|
flag = true;
|
|
35869
35878
|
}
|
|
35870
35879
|
else if (e.code === 'Space') {
|
|
@@ -36050,7 +36059,7 @@ const SelectTableTree = React$5.forwardRef((props, ref) => {
|
|
|
36050
36059
|
setExpanded(true);
|
|
36051
36060
|
}
|
|
36052
36061
|
e.stopPropagation();
|
|
36053
|
-
}, fontSize: 18, className: classNames$1('me-50 r-icon-expand', { 'is-open': expanded }) })), col.template ? col.template(row, indexRow) : col.type === 'numeric' && Number(row[col.field]) < 0 ? jsxRuntime.jsxs("div", { style: { color: formatSetting?.colorNegative ?? 'red' }, children: [" ", `${formatSetting?.prefixNegative ?? '-'}${value}${formatSetting?.suffixNegative ?? ''}`] }) : valueDisplay] }, `col-${indexRow}-${indexCol}`)), checkOverflow(indexRow, indexCol) && (jsxRuntime.jsx(UncontrolledTooltip, { className: "r-tooltip", autohide: false, target: `select-${id}-${indexRow}-${indexCol}`, children: col.template ? col.template(row, indexRow) : col.type === 'numeric' && Number(row[col.field]) < 0 ? jsxRuntime.jsxs("div", { style: { color: formatSetting?.colorNegative ?? 'red' }, children: [" ", `${formatSetting?.prefixNegative ?? '-'}${value}${formatSetting?.suffixNegative ?? ''}`] }) : valueDisplay }))] }, indexCol));
|
|
36062
|
+
}, fontSize: 18, className: classNames$1('me-50 r-icon-expand', { 'is-open': expanded }) })), col.template ? (col.template(row, indexRow)) : col.type === 'numeric' && Number(row[col.field]) < 0 ? (jsxRuntime.jsxs("div", { style: { color: formatSetting?.colorNegative ?? 'red' }, children: [" ", `${formatSetting?.prefixNegative ?? '-'}${value}${formatSetting?.suffixNegative ?? ''}`] })) : (valueDisplay)] }, `col-${indexRow}-${indexCol}`)), checkOverflow(indexRow, indexCol) && (jsxRuntime.jsx(UncontrolledTooltip, { className: "r-tooltip", autohide: false, target: `select-${id}-${indexRow}-${indexCol}`, children: col.template ? (col.template(row, indexRow)) : col.type === 'numeric' && Number(row[col.field]) < 0 ? (jsxRuntime.jsxs("div", { style: { color: formatSetting?.colorNegative ?? 'red' }, children: [" ", `${formatSetting?.prefixNegative ?? '-'}${value}${formatSetting?.suffixNegative ?? ''}`] })) : (valueDisplay) }))] }, indexCol));
|
|
36054
36063
|
})] }, `row-${indexRow}`), row[fieldChildren ?? 'children'] &&
|
|
36055
36064
|
row.expanded &&
|
|
36056
36065
|
row[fieldChildren ?? 'children'].map((child, indexChild) => {
|
|
@@ -36060,9 +36069,10 @@ const SelectTableTree = React$5.forwardRef((props, ref) => {
|
|
|
36060
36069
|
}
|
|
36061
36070
|
})] }));
|
|
36062
36071
|
});
|
|
36072
|
+
const maxExpandedLevel = getMaxExpandedLevel(options, fieldChildren, 0);
|
|
36063
36073
|
const RenderTable = (props) => {
|
|
36064
36074
|
let countDisplay = 0;
|
|
36065
|
-
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("table", { style: { width: '100%' }, children: [!(noHeader && (columns?.length ?? 0) > 0) && (jsxRuntime.jsx("thead", { className: "r-select-gridheader", children: jsxRuntime.jsxs("tr", { className: "r-select-row", role: "row", children: [isMulti && (jsxRuntime.jsx("th", { className: classNames$1(`r-select-headercell checkbox-column`), style: { width:
|
|
36075
|
+
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("table", { style: { width: '100%' }, children: [!(noHeader && (columns?.length ?? 0) > 0) && (jsxRuntime.jsx("thead", { className: "r-select-gridheader", children: jsxRuntime.jsxs("tr", { className: "r-select-row", role: "row", children: [isMulti && (jsxRuntime.jsx("th", { className: classNames$1(`r-select-headercell checkbox-column`), style: { width: 10 + maxExpandedLevel * 15, top: `0px` }, children: jsxRuntime.jsx("div", { style: { justifyContent: 'left' }, className: classNames$1('r-select-headercell-div'), children: jsxRuntime.jsx(Input$1, { checked: isSelectedAll, type: "checkbox", onClick: (e) => {
|
|
36066
36076
|
if (isMulti) {
|
|
36067
36077
|
if (isSelectedAll) {
|
|
36068
36078
|
onChange([]);
|
|
@@ -36106,7 +36116,7 @@ const SelectTableTree = React$5.forwardRef((props, ref) => {
|
|
|
36106
36116
|
e.preventDefault();
|
|
36107
36117
|
}, tag: "div", style: { width: '100%' }, className: classNames$1('select-table-control', { 'r-select-is-disabled': isDisabled }, { 'r-select-is-open': dropdownOpen }, { 'r-select-is-focus': isFocus }, { 'r-select-is-invalid': invalid }), children: [jsxRuntime.jsxs("div", { className: "select-table-container", children: [isMulti ? (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx("div", { className: classNames$1('select-value is-mutil', { 'd-none': searchTerm }), children: getSelectedRecords(options, value).map((ele, index) => {
|
|
36108
36118
|
return (jsxRuntime.jsxs("span", { children: [index === 0 ? '' : ', ', ele[fieldLabel ?? 'label']] }, index));
|
|
36109
|
-
}) }) })) : (jsxRuntime.
|
|
36119
|
+
}) }) })) : (jsxRuntime.jsxs("div", { className: classNames$1('select-value', { 'd-none': searchTerm }), children: [value ? (formatOptionLabel ? formatOptionLabel(value) : value[fieldLabel ?? 'label']) : '', " "] })), !((isMulti ? value?.length > 0 : value) || isDisabled || searchTerm) && jsxRuntime.jsx("div", { className: classNames$1('select-placeholder'), children: placeholder }), jsxRuntime.jsx("div", { className: "input-container", children: jsxRuntime.jsx("input", { style: { textAlign: textAlign ?? 'left' }, ref: inputRef, className: classNames$1('select-input'), readOnly: isDisabled, value: searchTerm, onPaste: (e) => onPaste && !dropdownOpen && onPaste(e), onChange: (val) => {
|
|
36110
36120
|
setSearchTerm(val.target.value);
|
|
36111
36121
|
}, onKeyDown: (e) => handleOnKeyDown(e) }) })] }), isClearable && value && !isDisabled && (jsxRuntime.jsx("div", { className: classNames$1('cursor-pointer icon-clear'), onClick: (e) => {
|
|
36112
36122
|
onChange(isMulti ? [] : undefined);
|
|
@@ -36121,7 +36131,7 @@ const SelectTableTree = React$5.forwardRef((props, ref) => {
|
|
|
36121
36131
|
inputRef?.current.focus();
|
|
36122
36132
|
e.preventDefault();
|
|
36123
36133
|
}
|
|
36124
|
-
}, children: jsxRuntime.jsxs("div", { className: "r-select-grid r-select-tree-grid", children: [jsxRuntime.jsx("div", { className: "r-select-gridtable ", ref: selectMenuTableRef, style: { width: menuWidth, minWidth: selectTableRef?.current?.clientWidth, maxHeight: maxHeight ?? defaultMaxHeight }, children: jsxRuntime.jsx(RenderTable, {}) }), jsxRuntime.jsxs("div", { className: classNames$1('r-select-footer', { 'd-none': !(showFooter === true || handleAdd || isMulti) }), children: [jsxRuntime.jsxs(Button$1$1, { outline: true, color: "primary", onClick: handleAdd, className: classNames$1('r-btn d-flex align-items-center', { 'd-none': !handleAdd }), children: [jsxRuntime.jsx(SvgPlus, { className: "me-50", fontSize: 16 }), t('AddNew'), " (F9)"] }), isMulti &&
|
|
36134
|
+
}, children: jsxRuntime.jsxs("div", { className: "r-select-grid r-select-tree-grid", children: [jsxRuntime.jsx("div", { className: "r-select-gridtable ", ref: selectMenuTableRef, style: { width: menuWidth, minWidth: selectTableRef?.current?.clientWidth, maxHeight: maxHeight ?? defaultMaxHeight }, children: jsxRuntime.jsx(RenderTable, {}) }), jsxRuntime.jsxs("div", { className: classNames$1('r-select-footer', { 'd-none': !(showFooter === true || handleAdd || isMulti) }), children: [jsxRuntime.jsxs(Button$1$1, { outline: true, color: "primary", onClick: handleAdd, className: classNames$1('r-btn d-flex align-items-center', { 'd-none': !handleAdd }), children: [jsxRuntime.jsx(SvgPlus, { className: "me-50", fontSize: 16 }), t('AddNew'), " (F9)"] }), isMulti && jsxRuntime.jsx("div", { className: "ms-50 text-primary h-100 d-flex align-items-center", children: t('countSelected', { item: value?.length ?? 0 }) }), footerComponent ? footerComponent() : null] })] }) })) }) })] }) }) }));
|
|
36125
36135
|
});
|
|
36126
36136
|
|
|
36127
36137
|
const RenderEditCellComponent = (props) => {
|
|
@@ -36245,7 +36255,7 @@ const RenderEditCellComponent = (props) => {
|
|
|
36245
36255
|
col.callback(val, indexRow, row);
|
|
36246
36256
|
}
|
|
36247
36257
|
handleDataChange(row, col, indexRow);
|
|
36248
|
-
}, fieldValue: col.selectSettings?.fieldValue, fieldLabel: col.selectSettings?.fieldLabel, component: gridRef, columns: col.selectSettings?.columns, isClearable: col.selectSettings?.isClearable ?? false, formatSetting: formatSetting, placeholder: t('Select'),
|
|
36258
|
+
}, fieldValue: col.selectSettings?.fieldValue, fieldLabel: col.selectSettings?.fieldLabel, component: gridRef, columns: col.selectSettings?.columns, isClearable: col.selectSettings?.isClearable ?? false, formatSetting: formatSetting, placeholder: t('Select'), handleAdd: col.selectSettings?.handAddNew ? (e) => col.selectSettings?.handAddNew(e, indexRow, row) : undefined, fieldChildren: col.selectSettings?.fieldChild ?? 'children', selectChilds: col.selectSettings?.selectChilds, showFooter: col.selectSettings?.showFooter, formatOptionLabel: col.selectSettings?.formatOptionLabel, footerComponent: col.selectSettings?.footerComponent, width: col.selectSettings?.widthPopup ? Number(col.selectSettings?.widthPopup) : undefined, isMulti: col.selectSettings?.isMulti, noHeader: col.selectSettings?.noHeader, invalid: col.validate && col.validate(row[col.field], row), maxHeight: col.selectSettings?.heightPopup ? Number(col.selectSettings?.heightPopup) : undefined, menuWidth: col.selectSettings?.widthPopup ? Number(col.selectSettings?.widthPopup) : undefined, textAlign: col.textAlign ?? 'left', onOpenMenu: col.selectSettings?.onOpenMenu ? () => col.selectSettings?.onOpenMenu?.(row, col, indexRow) : undefined, onKeyDown: (e) => {
|
|
36249
36259
|
if (e.key === 'ArrowDown' || e.key === 'ArrowUp' || e.key === 'NumpadEnter' || e.key === 'Enter' || e.key === 'Tab') {
|
|
36250
36260
|
handleKeyDown(e, row);
|
|
36251
36261
|
}
|
|
@@ -69205,6 +69215,7 @@ exports["default"] = TableEdit;
|
|
|
69205
69215
|
exports.formartNumberic = formartNumberic;
|
|
69206
69216
|
exports.formatDateTime = formatDateTime;
|
|
69207
69217
|
exports.generateUUID = generateUUID;
|
|
69218
|
+
exports.getMaxExpandedLevel = getMaxExpandedLevel;
|
|
69208
69219
|
exports.isNullOrUndefined = isNullOrUndefined$1;
|
|
69209
69220
|
exports.messageBoxConfirm = messageBoxConfirm;
|
|
69210
69221
|
exports.messageBoxConfirmAsync = messageBoxConfirmAsync;
|