react-table-edit 1.5.48 → 1.5.49

package/dist/index.mjs

@@ -68984,7 +68984,7 @@ const UnExpandAllIcon = ({ className, color = '#7F7F7F', size = 24, onClick, sty
 };
 
 const RenderContentCol = React__default.memo((props) => {
-    const { col, indexCol, indexRow, isSelected, row, zeroVisiable, formatSetting, idTable, fisrtObjWidthFixRight, lastObjWidthFixLeft, objWidthFixLeft, objWidthFixRight, selectedRows, setSelectedRows, handleCloseContext, handleDoubleClick, handleCellClick, fieldKey, isMulti } = props;
+    const { col, indexCol, indexRow, isSelected, row, zeroVisiable, formatSetting, idTable, fisrtObjWidthFixRight, lastObjWidthFixLeft, objWidthFixLeft, objWidthFixRight, selectedRows, setSelectedRows, handleCloseContext, handleDoubleClick, handleCellClick, fieldKey, isMulti, } = props;
     const cellId = `content-${idTable}-row${indexRow}col-${indexCol}`;
     const checkOverflow = () => {
         const element = document.getElementById(cellId);
@@ -69006,10 +69006,12 @@ const RenderContentCol = React__default.memo((props) => {
     const RenderElement = () => {
         if (col.field === '#' || col.type === '#') {
             return (jsx("div", { className: classNames$1('r-rowcell-div cursor-pointer text-center', {
-                    'r-active-cell': isSelected
+                    'r-active-cell': isSelected,
                 }), style: {
-                    fontWeight: row.sortOrder < 0 || row.sortOrder > 100000 || row.haveBoldType ? 600 : 400,
-                    fontStyle: row.haveItalicType ? 'italic' : 'normal'
+                    fontWeight: row.sortOrder < 0 || row.sortOrder > 100000 || row.haveBoldType
+                        ? 600
+                        : 400,
+                    fontStyle: row.haveItalicType ? 'italic' : 'normal',
                 }, onDoubleClick: (e) => {
                     e.preventDefault();
                     handleCloseContext();
@@ -69018,11 +69020,15 @@ const RenderContentCol = React__default.memo((props) => {
         }
         else if (col.type === 'checkbox' || col.field === 'checkbox') {
             return (jsx("div", { className: classNames$1('r-rowcell-div cursor-pointer', {
-                    'r-active-cell': isSelected
+                    'r-active-cell': isSelected,
                 }), style: {
                     display: 'flex',
-                    justifyContent: col.textAlign === 'center' ? 'center' : col.textAlign === 'right' ? 'flex-end' : 'flex-start',
-                    alignItems: 'center'
+                    justifyContent: col.textAlign === 'center'
+                        ? 'center'
+                        : col.textAlign === 'right'
+                            ? 'flex-end'
+                            : 'flex-start',
+                    alignItems: 'center',
                 }, onClick: (e) => {
                     setSelectedRows(toggleSelect());
                     e.stopPropagation();
@@ -69032,8 +69038,11 @@ const RenderContentCol = React__default.memo((props) => {
             let value = row[col.field];
             // ✅ Format dữ liệu theo loại cột
             if (col.type === 'numeric') {
-                value = formartNumberic(row[col.field], formatSetting?.decimalSeparator ?? ',', formatSetting?.thousandSeparator ?? '.', col.numericSettings?.fraction, true, false) ?? 0;
-                if (!zeroVisiable && !col.zeroVisiable && !(row?.sortOrder < 0 || row?.sortOrder > 100000) && (value === '0' || value === 0)) {
+                value =
+                    formartNumberic(row[col.field], formatSetting?.decimalSeparator ?? ',', formatSetting?.thousandSeparator ?? '.', col.numericSettings?.fraction, true, false) ?? 0;
+                if (!zeroVisiable &&
+                    !col.zeroVisiable &&
+                    (value === '0' || value === 0)) {
                     value = '';
                 }
             }
@@ -69041,31 +69050,43 @@ const RenderContentCol = React__default.memo((props) => {
                 value = value ? formatDateTime(value, formatSetting?.dateFormat) : '';
             }
             else if (col.type === 'datetime') {
-                value = value ? formatDateTime(value, formatSetting?.dateFormat ?? 'DD/MM/yyyy HH:mm') : '';
+                value = value
+                    ? formatDateTime(value, formatSetting?.dateFormat ?? 'DD/MM/yyyy HH:mm')
+                    : '';
             }
             if (col.template) {
                 value = col.template(row, indexRow) ?? '';
             }
             const isNegative = col.type === 'numeric' && Number(row[col.field]) < 0;
-            const textColor = isNegative ? formatSetting?.colorNegative ?? 'red' : undefined;
-            const prefix = isNegative ? formatSetting?.prefixNegative ?? '-' : '';
-            const suffix = isNegative ? formatSetting?.suffixNegative ?? '' : '';
-            const displayText = isNegative ? `${prefix}${value}${suffix}` : value ?? '';
+            const textColor = isNegative
+                ? (formatSetting?.colorNegative ?? 'red')
+                : undefined;
+            const prefix = isNegative ? (formatSetting?.prefixNegative ?? '-') : '';
+            const suffix = isNegative ? (formatSetting?.suffixNegative ?? '') : '';
+            const displayText = isNegative
+                ? `${prefix}${value}${suffix}`
+                : (value ?? '');
             return (jsxs("div", { className: classNames$1('r-rowcell-div cursor-pointer', {
-                    'r-active-cell': isSelected
+                    'r-active-cell': isSelected,
                 }), style: {
-                    fontWeight: row.sortOrder < 0 || row.sortOrder > 100000 || row.haveBoldType ? 600 : 400,
-                    fontStyle: row.haveItalicType ? 'italic' : 'normal'
+                    fontWeight: row.sortOrder < 0 || row.sortOrder > 100000 || row.haveBoldType
+                        ? 600
+                        : 400,
+                    fontStyle: row.haveItalicType ? 'italic' : 'normal',
                 }, children: [jsx("div", { className: "r-cell-text", style: {
                             display: 'flex',
-                            justifyContent: col.textAlign === 'center' ? 'center' : col.textAlign === 'right' ? 'flex-end' : 'flex-start',
-                            alignItems: 'center'
+                            justifyContent: col.textAlign === 'center'
+                                ? 'center'
+                                : col.textAlign === 'right'
+                                    ? 'flex-end'
+                                    : 'flex-start',
+                            alignItems: 'center',
                         }, children: jsx("div", { id: cellId, style: {
                                 color: textColor,
                                 overflow: 'hidden',
                                 textOverflow: 'ellipsis',
                                 whiteSpace: 'pre',
-                                maxWidth: '100%'
+                                maxWidth: '100%',
                             }, children: displayText }) }), checkOverflow() && (jsx(UncontrolledTooltip, { className: "r-tooltip", autohide: false, target: cellId, placement: "top", children: jsx("div", { style: { color: textColor }, onClick: (e) => {
                                 e.stopPropagation();
                                 e.preventDefault();
@@ -69074,10 +69095,15 @@ const RenderContentCol = React__default.memo((props) => {
     };
     const clickTimerRef = useRef(null);
     return (jsx(Fragment$1, { children: col.visible !== false && col.isGroup !== true && (jsx("td", { className: classNames$1(`r-rowcell fix-${col.fixedType}`, { 'cell-fixed': col.fixedType }, {
-                'fixed-last': (col.fixedType === 'left' && indexCol === lastObjWidthFixLeft) || (col.fixedType === 'right' && indexCol === fisrtObjWidthFixRight)
+                'fixed-last': (col.fixedType === 'left' &&
+                    indexCol === lastObjWidthFixLeft) ||
+                    (col.fixedType === 'right' &&
+                        indexCol === fisrtObjWidthFixRight),
             }, { 'r-active': isSelected }), style: {
                 left: col.fixedType === 'left' ? objWidthFixLeft[indexCol] : undefined,
-                right: col.fixedType === 'right' ? objWidthFixRight[indexCol] : undefined
+                right: col.fixedType === 'right'
+                    ? objWidthFixRight[indexCol]
+                    : undefined,
             }, onClick: (e) => {
                 const tag = e.target?.nodeName;
                 if (tag !== 'DIV' && tag !== 'TD') {