react-table-edit 1.5.46 → 1.5.47

package/dist/component/table/filter-element.d.ts

@@ -9,5 +9,5 @@ type IFilterProps = {
     formatSetting?: IFTableEditFormat;
     changeFilter: (data: IFFilterTable[]) => void;
 };
-declare const FilterComponent: ({ optionsFilter, formatSetting, filterBy, setOpenFilter, changeFilter, column }: IFilterProps) => import("react/jsx-runtime").JSX.Element;
+declare const FilterComponent: ({ optionsFilter, formatSetting, filterBy, setOpenFilter, changeFilter, column, }: IFilterProps) => import("react/jsx-runtime").JSX.Element;
 export default FilterComponent;

package/dist/index.js

@@ -39586,7 +39586,7 @@ const DateRangePicker = React$5.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 } = reactI18next.useTranslation();
     const fieldFilter = column.fieldFilter ?? column.field;
     let typeFilter = column.filterType;
@@ -39613,14 +39613,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 {
@@ -39630,7 +39638,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]);
@@ -39639,19 +39651,19 @@ const FilterComponent = ({ optionsFilter, formatSetting, filterBy, setOpenFilter
     /* eslint-disable */
     switch (typeFilter) {
         case 'text':
-            return jsxRuntime.jsx(StringFilterComponent, { fieldFilter: fieldFilter, optionsFilter: optionsFilter, filterBy: filterBy, column: column, handleSave: handleSave });
+            return (jsxRuntime.jsx(StringFilterComponent, { fieldFilter: fieldFilter, optionsFilter: optionsFilter, filterBy: filterBy, column: column, handleSave: handleSave }));
         case 'numeric':
-            return jsxRuntime.jsx(NumberFilterComponent, { fieldFilter: fieldFilter, optionsFilter: optionsFilter, filterBy: filterBy, column: column, handleSave: handleSave, formatSetting: formatSetting });
+            return (jsxRuntime.jsx(NumberFilterComponent, { fieldFilter: fieldFilter, optionsFilter: optionsFilter, filterBy: filterBy, column: column, handleSave: handleSave, formatSetting: formatSetting }));
         case 'select':
-            return jsxRuntime.jsx(SelectFilterComponent, { fieldFilter: fieldFilter, optionsFilter: optionsFilter, filterBy: filterBy, column: column, handleSave: handleSave });
+            return (jsxRuntime.jsx(SelectFilterComponent, { fieldFilter: fieldFilter, optionsFilter: optionsFilter, filterBy: filterBy, column: column, handleSave: handleSave }));
         case 'date':
-            return jsxRuntime.jsx(DateRangeFilterComponent, { fieldFilter: fieldFilter, optionsFilter: optionsFilter, filterBy: filterBy, column: column, handleSave: handleSave });
+            return (jsxRuntime.jsx(DateRangeFilterComponent, { fieldFilter: fieldFilter, optionsFilter: optionsFilter, filterBy: filterBy, column: column, handleSave: handleSave }));
         default:
             return jsxRuntime.jsx("div", { children: t('No filter available') });
     }
     /* eslint-enable */
 };
-const StringFilterComponent = ({ fieldFilter, filterBy, handleSave }) => {
+const StringFilterComponent = ({ fieldFilter, filterBy, handleSave, }) => {
     const { t } = reactI18next.useTranslation();
     const filter = filterBy.find((item) => item.key === fieldFilter);
     const [operator, setOperator] = React$5.useState(filter?.ope ?? 'contains');
@@ -39661,7 +39673,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 (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs("div", { className: "r-filter-popup", onKeyDown: (e) => {
                 if (e.code === 'Enter' || e.code === 'NumpadEnter') {
@@ -39676,7 +39688,7 @@ const StringFilterComponent = ({ fieldFilter, filterBy, handleSave }) => {
                         setValueFilter(val.target.value);
                     } }), jsxRuntime.jsxs("div", { className: "d-flex justify-content-end", children: [jsxRuntime.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') }), jsxRuntime.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 } = reactI18next.useTranslation();
     const filter = filterBy.find((item) => item.key === fieldFilter);
     const [operator, setOperator] = React$5.useState(filter?.ope ?? 'equal');
@@ -39686,17 +39698,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 (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs("div", { className: "r-filter-popup", onKeyDown: (e) => {
                 if (e.code === 'Enter' || e.code === 'NumpadEnter') {
@@ -39717,7 +39727,7 @@ const NumberFilterComponent = ({ column, filterBy, fieldFilter, handleSave, form
                         }
                     } }), jsxRuntime.jsxs("div", { className: "d-flex justify-content-end", children: [jsxRuntime.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') }), jsxRuntime.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 } = reactI18next.useTranslation();
     const filter = filterBy.find((item) => item.key === fieldFilter);
     const [valueFilter, setValueFilter] = React$5.useState(filter?.value ?? '');
@@ -39728,15 +39738,22 @@ const SelectFilterComponent = ({ column, filterBy, handleSave, fieldFilter, opti
                     }, 100);
                     e.stopPropagation();
                 }
-            }, children: [jsxRuntime.jsx("div", { className: "mb-1", children: jsxRuntime.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: [jsxRuntime.jsx("div", { className: "mb-1", children: jsxRuntime.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') }) }), jsxRuntime.jsxs("div", { className: "d-flex justify-content-end", children: [jsxRuntime.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') }), jsxRuntime.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 } = reactI18next.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] = React$5.useState({ from: from ?? undefined, to: to ?? undefined });
+    const [valueFilter, setValueFilter] = React$5.useState({
+        from: from ?? undefined,
+        to: to ?? undefined,
+    });
     return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs("div", { className: "r-filter-popup", onKeyDown: (e) => {
                 if (e.code === 'Enter' || e.code === 'NumpadEnter') {
                     setTimeout(() => {