react-table-edit 1.5.46 → 1.5.47

package/dist/index.mjs

@@ -39557,7 +39557,7 @@ const DateRangePicker = forwardRef((props, ref) => {
                                     }, children: t('Last month') })] })] })] }) }));
 });
 
-const FilterComponent = ({ optionsFilter, formatSetting, filterBy, setOpenFilter, changeFilter, column }) => {
+const FilterComponent = ({ optionsFilter, formatSetting, filterBy, setOpenFilter, changeFilter, column, }) => {
     const { t } = useTranslation();
     const fieldFilter = column.fieldFilter ?? column.field;
     let typeFilter = column.filterType;
@@ -39584,14 +39584,22 @@ const FilterComponent = ({ optionsFilter, formatSetting, filterBy, setOpenFilter
                 from.value = filterValue?.from;
             }
             else {
-                filterBy.push({ key: fieldFilter, ope: 'greaterthanorequal', value: filterValue?.from });
+                filterBy.push({
+                    key: fieldFilter,
+                    ope: 'greaterthanorequal',
+                    value: filterValue?.from,
+                });
             }
             const to = filterBy.find((item) => item.key === fieldFilter && item.ope === 'lessthanorequal');
             if (to) {
                 to.value = filterValue?.to;
             }
             else {
-                filterBy.push({ key: fieldFilter, ope: 'lessthanorequal', value: filterValue?.to });
+                filterBy.push({
+                    key: fieldFilter,
+                    ope: 'lessthanorequal',
+                    value: filterValue?.to,
+                });
             }
         }
         else {
@@ -39601,7 +39609,11 @@ const FilterComponent = ({ optionsFilter, formatSetting, filterBy, setOpenFilter
                 filter.value = filterValue ?? '';
             }
             else {
-                filterBy.push({ key: fieldFilter, ope: operator ?? 'equal', value: filterValue ?? '' });
+                filterBy.push({
+                    key: fieldFilter,
+                    ope: operator ?? 'equal',
+                    value: filterValue ?? '',
+                });
             }
         }
         changeFilter([...filterBy]);
@@ -39610,19 +39622,19 @@ const FilterComponent = ({ optionsFilter, formatSetting, filterBy, setOpenFilter
     /* eslint-disable */
     switch (typeFilter) {
         case 'text':
-            return jsx(StringFilterComponent, { fieldFilter: fieldFilter, optionsFilter: optionsFilter, filterBy: filterBy, column: column, handleSave: handleSave });
+            return (jsx(StringFilterComponent, { fieldFilter: fieldFilter, optionsFilter: optionsFilter, filterBy: filterBy, column: column, handleSave: handleSave }));
         case 'numeric':
-            return jsx(NumberFilterComponent, { fieldFilter: fieldFilter, optionsFilter: optionsFilter, filterBy: filterBy, column: column, handleSave: handleSave, formatSetting: formatSetting });
+            return (jsx(NumberFilterComponent, { fieldFilter: fieldFilter, optionsFilter: optionsFilter, filterBy: filterBy, column: column, handleSave: handleSave, formatSetting: formatSetting }));
         case 'select':
-            return jsx(SelectFilterComponent, { fieldFilter: fieldFilter, optionsFilter: optionsFilter, filterBy: filterBy, column: column, handleSave: handleSave });
+            return (jsx(SelectFilterComponent, { fieldFilter: fieldFilter, optionsFilter: optionsFilter, filterBy: filterBy, column: column, handleSave: handleSave }));
         case 'date':
-            return jsx(DateRangeFilterComponent, { fieldFilter: fieldFilter, optionsFilter: optionsFilter, filterBy: filterBy, column: column, handleSave: handleSave });
+            return (jsx(DateRangeFilterComponent, { fieldFilter: fieldFilter, optionsFilter: optionsFilter, filterBy: filterBy, column: column, handleSave: handleSave }));
         default:
             return jsx("div", { children: t('No filter available') });
     }
     /* eslint-enable */
 };
-const StringFilterComponent = ({ fieldFilter, filterBy, handleSave }) => {
+const StringFilterComponent = ({ fieldFilter, filterBy, handleSave, }) => {
     const { t } = useTranslation();
     const filter = filterBy.find((item) => item.key === fieldFilter);
     const [operator, setOperator] = useState(filter?.ope ?? 'contains');
@@ -39632,7 +39644,7 @@ const StringFilterComponent = ({ fieldFilter, filterBy, handleSave }) => {
         { label: 'Kết thúc bởi', value: 'endswith' },
         { label: 'Chứa', value: 'contains' },
         { label: 'Bằng', value: 'equal' },
-        { label: 'Không bằng', value: 'notequal' }
+        { label: 'Không bằng', value: 'notequal' },
     ];
     return (jsx(Fragment$1, { children: jsxs("div", { className: "r-filter-popup", onKeyDown: (e) => {
                 if (e.code === 'Enter' || e.code === 'NumpadEnter') {
@@ -39647,7 +39659,7 @@ const StringFilterComponent = ({ fieldFilter, filterBy, handleSave }) => {
                         setValueFilter(val.target.value);
                     } }), jsxs("div", { className: "d-flex justify-content-end", children: [jsx(Button$1$1, { color: "primary", style: { borderRadius: 3 }, className: "me-50 py-25 px-50 fw-bold", onClick: () => handleSave('text', valueFilter, operator), children: t('Filter') }), jsx(Button$1$1, { className: "py-25 px-50  fw-bold", outline: true, style: { borderRadius: 3 }, onClick: () => handleSave(), children: t('Clear') })] })] }) }));
 };
-const NumberFilterComponent = ({ column, filterBy, fieldFilter, handleSave, formatSetting }) => {
+const NumberFilterComponent = ({ column, filterBy, fieldFilter, handleSave, formatSetting, }) => {
     const { t } = useTranslation();
     const filter = filterBy.find((item) => item.key === fieldFilter);
     const [operator, setOperator] = useState(filter?.ope ?? 'equal');
@@ -39657,17 +39669,15 @@ const NumberFilterComponent = ({ column, filterBy, fieldFilter, handleSave, form
         { label: 'Lớn hơn hoặc bằng', value: 'greaterthanorequal' },
         { label: 'Bằng', value: 'equal' },
         { label: 'Bé hơn', value: 'lessthan' },
-        { label: 'Bé hơn hoặc bằng', value: 'lessthanorequal' }
+        { label: 'Bé hơn hoặc bằng', value: 'lessthanorequal' },
     ];
     const numericFormatProps = {
         value: !isNullOrUndefined$1(valueFilter) ? valueFilter.toString() : '',
         thousandSeparator: checkThousandSeparator(formatSetting?.thousandSeparator, formatSetting?.decimalSeparator),
         decimalSeparator: checkDecimalSeparator(formatSetting?.thousandSeparator, formatSetting?.decimalSeparator),
         allowNegative: column.numericSettings?.allowNegative ?? false,
-        decimalScale: column.numericSettings?.fraction ?? 0
+        decimalScale: column.numericSettings?.fraction ?? 0,
     };
-    console.log(column.numericSettings?.fraction);
-    console.log(column.field);
     let floatValue = parseFloat(valueFilter ?? '0');
     return (jsx(Fragment$1, { children: jsxs("div", { className: "r-filter-popup", onKeyDown: (e) => {
                 if (e.code === 'Enter' || e.code === 'NumpadEnter') {
@@ -39688,7 +39698,7 @@ const NumberFilterComponent = ({ column, filterBy, fieldFilter, handleSave, form
                         }
                     } }), jsxs("div", { className: "d-flex justify-content-end", children: [jsx(Button$1$1, { color: "primary", style: { borderRadius: 3 }, className: "me-50 py-25 px-50 fw-bold", onClick: () => handleSave('numeric', valueFilter, operator), children: t('Filter') }), jsx(Button$1$1, { className: "py-25 px-50  fw-bold", outline: true, style: { borderRadius: 3 }, onClick: () => handleSave(), children: t('Clear') })] })] }) }));
 };
-const SelectFilterComponent = ({ column, filterBy, handleSave, fieldFilter, optionsFilter }) => {
+const SelectFilterComponent = ({ column, filterBy, handleSave, fieldFilter, optionsFilter, }) => {
     const { t } = useTranslation();
     const filter = filterBy.find((item) => item.key === fieldFilter);
     const [valueFilter, setValueFilter] = useState(filter?.value ?? '');
@@ -39699,15 +39709,22 @@ const SelectFilterComponent = ({ column, filterBy, handleSave, fieldFilter, opti
                     }, 100);
                     e.stopPropagation();
                 }
-            }, children: [jsx("div", { className: "mb-1", children: jsx(SelectTable, { value: optionsFilter ? optionsFilter[column.fieldFilter ?? column.field]?.find((x) => x.value === valueFilter) : undefined, options: (optionsFilter && optionsFilter[column.fieldFilter ?? column.field]) ?? [], isClearable: true, onChange: (val) => {
+            }, children: [jsx("div", { className: "mb-1", children: jsx(SelectTable, { value: optionsFilter
+                            ? optionsFilter[column.fieldFilter ?? column.field]?.find((x) => x.value === valueFilter)
+                            : undefined, options: (optionsFilter &&
+                            optionsFilter[column.fieldFilter ?? column.field]) ??
+                            [], isClearable: true, onChange: (val) => {
                             setValueFilter(val?.value);
                         }, placeholder: t('Select') }) }), jsxs("div", { className: "d-flex justify-content-end", children: [jsx(Button$1$1, { color: "primary", style: { borderRadius: 3 }, className: "me-50 py-25 px-50 fw-bold", onClick: () => handleSave('select', valueFilter, 'equal'), children: t('Filter') }), jsx(Button$1$1, { className: "py-25 px-50  fw-bold", outline: true, style: { borderRadius: 3 }, onClick: () => handleSave(), children: t('Clear') })] })] }) }));
 };
-const DateRangeFilterComponent = ({ fieldFilter, filterBy, handleSave }) => {
+const DateRangeFilterComponent = ({ fieldFilter, filterBy, handleSave, }) => {
     const { t } = useTranslation();
     const from = filterBy.find((item) => item.key === fieldFilter && item.ope === 'greaterthanorequal')?.value;
     const to = filterBy.find((item) => item.key === fieldFilter && item.ope === 'lessthanorequal')?.value;
-    const [valueFilter, setValueFilter] = useState({ from: from ?? undefined, to: to ?? undefined });
+    const [valueFilter, setValueFilter] = useState({
+        from: from ?? undefined,
+        to: to ?? undefined,
+    });
     return (jsx(Fragment$1, { children: jsxs("div", { className: "r-filter-popup", onKeyDown: (e) => {
                 if (e.code === 'Enter' || e.code === 'NumpadEnter') {
                     setTimeout(() => {