react-table-edit 1.3.5 → 1.3.7

package/dist/component/table/index.d.ts

@@ -82,10 +82,10 @@ export type IColumnTable = {
     formSettings?: ISettingFormElement;
     columns?: IColumnTable[];
     disablePaste?: boolean;
-    validate?: (value: any, row: any) => boolean;
+    validate?: (value: any, row: any) => string | undefined;
     disabledCondition?: (row: any) => boolean;
     callback?: (value: any, indexRow: number) => void;
-    template?: (row: any, indexRow: number) => JSX.Element | string | number;
+    template?: (row: any, indexRow: number) => JSX.Element | string | number | undefined;
     editTypeCondition?: (row: any) => string;
     onPaste?: (dataRow: any, dataPaste: any) => void;
     onPasteValidate?: (dataPaste: string, dataRow: any, rowIndex: number) => Promise<any>;
@@ -151,7 +151,7 @@ export type IFTableEditProps = {
     setSelectedItem?: Dispatch<SetStateAction<any>>;
     commandClick?: (data: any) => void;
     handleSelect?: (data: any) => void;
-    setDataSource?: (data: any[]) => void;
+    setDataSource?: any;
     dataSourceChange?: (data: any[]) => void;
     rowChange?: (row: any, indexRow: number, field: string) => void;
     onDuplicate?: (newData: any, index: number) => void;

package/dist/index.d.ts

@@ -150,10 +150,10 @@ type IColumnTable = {
     formSettings?: ISettingFormElement;
     columns?: IColumnTable[];
     disablePaste?: boolean;
-    validate?: (value: any, row: any) => boolean;
+    validate?: (value: any, row: any) => string | undefined;
     disabledCondition?: (row: any) => boolean;
     callback?: (value: any, indexRow: number) => void;
-    template?: (row: any, indexRow: number) => JSX.Element | string | number;
+    template?: (row: any, indexRow: number) => JSX.Element | string | number | undefined;
     editTypeCondition?: (row: any) => string;
     onPaste?: (dataRow: any, dataPaste: any) => void;
     onPasteValidate?: (dataPaste: string, dataRow: any, rowIndex: number) => Promise<any>;
@@ -219,7 +219,7 @@ type IFTableEditProps = {
     setSelectedItem?: Dispatch<SetStateAction<any>>;
     commandClick?: (data: any) => void;
     handleSelect?: (data: any) => void;
-    setDataSource?: (data: any[]) => void;
+    setDataSource?: any;
     dataSourceChange?: (data: any[]) => void;
     rowChange?: (row: any, indexRow: number, field: string) => void;
     onDuplicate?: (newData: any, index: number) => void;

package/dist/index.js

@@ -19191,7 +19191,7 @@ const checkDecimalSeparator = (thousandSeparator, decimalSeparator) => {
     }
 };
 const isNullOrUndefined$1 = (d) => {
-    if (d === null || d === undefined) {
+    if (d === null || d === undefined || d === '') {
         return true;
     }
     return false;
@@ -42365,7 +42365,7 @@ const TableEdit = React$5.forwardRef((props, ref) => {
                             col.callback(val, indexRow);
                         }
                         handleDataChange(row, col, indexRow);
-                    }, fieldValue: col.selectSettings?.fieldValue, fieldLabel: col.selectSettings?.fieldLabel, component: gridRef, columns: col.selectSettings?.columns, isClearable: col.selectSettings?.isClearable ?? false, formatSetting: formatSetting, placeholder: t('Select'), loadOptions: col.selectSettings?.loadOptions, handleAdd: col.selectSettings?.handAddNew ? (e) => col.selectSettings?.handAddNew(e, indexRow, row) : undefined, isMulti: col.selectSettings?.isMulti, noHeader: col.selectSettings?.noHeader, showFooter: col.selectSettings?.showFooter, formatOptionLabel: col.selectSettings?.formatOptionLabel, footerComponent: col.selectSettings?.footerComponent, 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', allowCreate: col.selectSettings?.allowCreate, onKeyDown: (e) => {
+                    }, fieldValue: col.selectSettings?.fieldValue, fieldLabel: col.selectSettings?.fieldLabel, component: gridRef, columns: col.selectSettings?.columns, isClearable: col.selectSettings?.isClearable ?? false, formatSetting: formatSetting, placeholder: t('Select'), loadOptions: col.selectSettings?.loadOptions, handleAdd: col.selectSettings?.handAddNew ? (e) => col.selectSettings?.handAddNew(e, indexRow, row) : undefined, isMulti: col.selectSettings?.isMulti, noHeader: col.selectSettings?.noHeader, showFooter: col.selectSettings?.showFooter, formatOptionLabel: col.selectSettings?.formatOptionLabel, footerComponent: col.selectSettings?.footerComponent, invalid: (col.validate && !isNullOrUndefined$1(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', allowCreate: col.selectSettings?.allowCreate, onKeyDown: (e) => {
                         if (checkKeyDown(e, row, col, indexRow + 1, indexCol + 1)) ;
                     }, onOpenMenu: () => {
                         if (col.selectSettings?.onOpenMenu) {
@@ -43104,7 +43104,7 @@ const TableEdit = React$5.forwardRef((props, ref) => {
                         }
                     }, children: jsxRuntime.jsx("div", { className: classnames('r-rowcell-div'), children: jsxRuntime.jsxs("div", { id: indexFocus === indexRow && typeDis !== 1 ? `${idTable}-col${indexCol + 1}-row${indexRow + 1}` : '', className: classnames('r-rowcell-content', { 'r-is-invalid': errorMessage }), style: {
                                 margin: typeDis === 1 ? 2 : !errorMessage ? '7px 9px' : 2
-                            }, children: [typeDis === 1 && !refreshRow ? RenderEdit(row, col, indexCol, indexRow) : jsxRuntime.jsx("div", { id: `content-${idTable}-row${indexRow}col-${indexCol}`, className: "r-cell-text", children: typeDis === 2 ? (col.template && col.template(row, indexRow)) : (col.editType === 'numeric' && Number(row[col.field]) < 0 ? jsxRuntime.jsxs("div", { style: { color: formatSetting?.colorNegative ?? 'red' }, children: [" ", `${formatSetting?.prefixNegative ?? '-'}${value}${formatSetting?.suffixNegative ?? ''}`] }) : value) }), jsxRuntime.jsx("span", { id: `error-${indexRow}-${indexCol}`, className: classnames('cursor-pointer text-primary icon-table', { 'd-none': !errorMessage }), children: jsxRuntime.jsx(SvgAlertCircle, { fontSize: 15.5 }) }), (!(typeDis === 1 && !refreshRow)) && jsxRuntime.jsx(UncontrolledTooltip, { className: "r-tooltip", autohide: false, target: `content-${idTable}-row${indexRow}col-${indexCol}`, children: typeDis === 2 ? (col.template && col.template(row, indexRow)) : (col.editType === 'numeric' && Number(row[col.field]) < 0 ? jsxRuntime.jsxs("div", { style: { color: formatSetting?.colorNegative ?? 'red' }, children: [" ", `${formatSetting?.prefixNegative ?? '-'}${value}${formatSetting?.suffixNegative ?? ''}`] }) : value) }), jsxRuntime.jsx(UncontrolledTooltip, { target: `error-${indexRow}-${indexCol}`, className: "r-tooltip tooltip-error", children: errorMessage?.toString() ?? '' })] }) }) }, `col-${indexRow}-${indexCol}`) }, indexCol));
+                            }, children: [typeDis === 1 && !refreshRow ? RenderEdit(row, col, indexCol, indexRow) : jsxRuntime.jsx("div", { id: `content-${idTable}-row${indexRow}col-${indexCol}`, className: "r-cell-text", children: typeDis === 2 ? (col.template && col.template(row, indexRow)) ?? '' : (col.editType === 'numeric' && Number(row[col.field]) < 0 ? jsxRuntime.jsxs("div", { style: { color: formatSetting?.colorNegative ?? 'red' }, children: [" ", `${formatSetting?.prefixNegative ?? '-'}${value}${formatSetting?.suffixNegative ?? ''}`] }) : value) }), jsxRuntime.jsx("span", { id: `error-${indexRow}-${indexCol}`, className: classnames('cursor-pointer text-primary icon-table', { 'd-none': !errorMessage }), children: jsxRuntime.jsx(SvgAlertCircle, { fontSize: 15.5 }) }), (!(typeDis === 1 && !refreshRow)) && jsxRuntime.jsx(UncontrolledTooltip, { className: "r-tooltip", autohide: false, target: `content-${idTable}-row${indexRow}col-${indexCol}`, children: typeDis === 2 ? (col.template && col.template(row, indexRow)) ?? '' : (col.editType === 'numeric' && Number(row[col.field]) < 0 ? jsxRuntime.jsxs("div", { style: { color: formatSetting?.colorNegative ?? 'red' }, children: [" ", `${formatSetting?.prefixNegative ?? '-'}${value}${formatSetting?.suffixNegative ?? ''}`] }) : value) }), jsxRuntime.jsx(UncontrolledTooltip, { target: `error-${indexRow}-${indexCol}`, className: "r-tooltip tooltip-error", children: errorMessage?.toString() ?? '' })] }) }) }, `col-${indexRow}-${indexCol}`) }, indexCol));
         }
     };
     const renderFooterCol = (col, indexCol) => {