@charlesgomes/leafcode-shared-lib-react 1.0.52 → 1.0.54
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/index.d.mts +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +21 -14
- package/dist/index.mjs +21 -14
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -95,7 +95,7 @@ type TableState = {
|
|
|
95
95
|
filter?: string;
|
|
96
96
|
};
|
|
97
97
|
|
|
98
|
-
declare function DataTableAdvancedFilter<T extends object>({ queryKey, mutationFn, columns, initFilters, onNew, onEdit, onDelete, customActions, customActionsColums, disablePagination, sortFieldInitial, sortOrderInitial, isMultiSelectionMode, isLanguagePtBr, }: IDataTableProps<T>): react_jsx_runtime.JSX.Element;
|
|
98
|
+
declare function DataTableAdvancedFilter<T extends object>({ queryKey, mutationFn, columns, initFilters, onNew, onEdit, onDelete, customActions, customActionsColums, disablePagination, sortFieldInitial, sortOrderInitial, isMultiSelectionMode, isLanguagePtBr, state, onStateChange, }: IDataTableProps<T>): react_jsx_runtime.JSX.Element;
|
|
99
99
|
|
|
100
100
|
interface IItemProps {
|
|
101
101
|
value: string;
|
package/dist/index.d.ts
CHANGED
|
@@ -95,7 +95,7 @@ type TableState = {
|
|
|
95
95
|
filter?: string;
|
|
96
96
|
};
|
|
97
97
|
|
|
98
|
-
declare function DataTableAdvancedFilter<T extends object>({ queryKey, mutationFn, columns, initFilters, onNew, onEdit, onDelete, customActions, customActionsColums, disablePagination, sortFieldInitial, sortOrderInitial, isMultiSelectionMode, isLanguagePtBr, }: IDataTableProps<T>): react_jsx_runtime.JSX.Element;
|
|
98
|
+
declare function DataTableAdvancedFilter<T extends object>({ queryKey, mutationFn, columns, initFilters, onNew, onEdit, onDelete, customActions, customActionsColums, disablePagination, sortFieldInitial, sortOrderInitial, isMultiSelectionMode, isLanguagePtBr, state, onStateChange, }: IDataTableProps<T>): react_jsx_runtime.JSX.Element;
|
|
99
99
|
|
|
100
100
|
interface IItemProps {
|
|
101
101
|
value: string;
|
package/dist/index.js
CHANGED
|
@@ -598,25 +598,22 @@ function DataTableAdvancedFilterWrapper({
|
|
|
598
598
|
}
|
|
599
599
|
}));
|
|
600
600
|
}, [state]);
|
|
601
|
-
const emitStateChange = (
|
|
601
|
+
const emitStateChange = (nextState) => {
|
|
602
602
|
if (!onStateChange) return;
|
|
603
|
-
onStateChange(
|
|
604
|
-
page,
|
|
605
|
-
rows,
|
|
606
|
-
sortField,
|
|
607
|
-
sortOrder,
|
|
608
|
-
filter: searchText,
|
|
609
|
-
...partial
|
|
610
|
-
});
|
|
603
|
+
onStateChange(nextState);
|
|
611
604
|
};
|
|
612
605
|
const onPage = (event) => {
|
|
613
606
|
const newPage = event.page + 1;
|
|
607
|
+
const newRows = event.rows;
|
|
614
608
|
setFirst(event.first);
|
|
615
|
-
setRows(
|
|
609
|
+
setRows(newRows);
|
|
616
610
|
setPage(newPage);
|
|
617
611
|
emitStateChange({
|
|
618
612
|
page: newPage,
|
|
619
|
-
rows:
|
|
613
|
+
rows: newRows,
|
|
614
|
+
sortField,
|
|
615
|
+
sortOrder,
|
|
616
|
+
filter: searchText
|
|
620
617
|
});
|
|
621
618
|
};
|
|
622
619
|
const onGlobalFilterChange = (e) => {
|
|
@@ -634,13 +631,19 @@ function DataTableAdvancedFilterWrapper({
|
|
|
634
631
|
setSortField(e.sortField);
|
|
635
632
|
setSortOrder(e.sortOrder);
|
|
636
633
|
emitStateChange({
|
|
634
|
+
page,
|
|
635
|
+
rows,
|
|
637
636
|
sortField: e.sortField,
|
|
638
|
-
sortOrder: e.sortOrder
|
|
637
|
+
sortOrder: e.sortOrder,
|
|
638
|
+
filter: searchText
|
|
639
639
|
});
|
|
640
640
|
};
|
|
641
641
|
(0, import_react6.useEffect)(() => {
|
|
642
642
|
emitStateChange({
|
|
643
643
|
page: 1,
|
|
644
|
+
rows,
|
|
645
|
+
sortField,
|
|
646
|
+
sortOrder,
|
|
644
647
|
filter: debouncedSearch
|
|
645
648
|
});
|
|
646
649
|
}, [debouncedSearch]);
|
|
@@ -979,7 +982,9 @@ function DataTableAdvancedFilter({
|
|
|
979
982
|
sortFieldInitial,
|
|
980
983
|
sortOrderInitial = 1,
|
|
981
984
|
isMultiSelectionMode = true,
|
|
982
|
-
isLanguagePtBr = true
|
|
985
|
+
isLanguagePtBr = true,
|
|
986
|
+
state,
|
|
987
|
+
onStateChange
|
|
983
988
|
}) {
|
|
984
989
|
const [isClient, setIsClient] = (0, import_react8.useState)(false);
|
|
985
990
|
(0, import_react8.useEffect)(() => {
|
|
@@ -1011,7 +1016,9 @@ function DataTableAdvancedFilter({
|
|
|
1011
1016
|
sortFieldInitial,
|
|
1012
1017
|
sortOrderInitial,
|
|
1013
1018
|
isMultiSelectionMode,
|
|
1014
|
-
isLanguagePtBr
|
|
1019
|
+
isLanguagePtBr,
|
|
1020
|
+
state,
|
|
1021
|
+
onStateChange
|
|
1015
1022
|
}
|
|
1016
1023
|
)
|
|
1017
1024
|
}
|
package/dist/index.mjs
CHANGED
|
@@ -543,25 +543,22 @@ function DataTableAdvancedFilterWrapper({
|
|
|
543
543
|
}
|
|
544
544
|
}));
|
|
545
545
|
}, [state]);
|
|
546
|
-
const emitStateChange = (
|
|
546
|
+
const emitStateChange = (nextState) => {
|
|
547
547
|
if (!onStateChange) return;
|
|
548
|
-
onStateChange(
|
|
549
|
-
page,
|
|
550
|
-
rows,
|
|
551
|
-
sortField,
|
|
552
|
-
sortOrder,
|
|
553
|
-
filter: searchText,
|
|
554
|
-
...partial
|
|
555
|
-
});
|
|
548
|
+
onStateChange(nextState);
|
|
556
549
|
};
|
|
557
550
|
const onPage = (event) => {
|
|
558
551
|
const newPage = event.page + 1;
|
|
552
|
+
const newRows = event.rows;
|
|
559
553
|
setFirst(event.first);
|
|
560
|
-
setRows(
|
|
554
|
+
setRows(newRows);
|
|
561
555
|
setPage(newPage);
|
|
562
556
|
emitStateChange({
|
|
563
557
|
page: newPage,
|
|
564
|
-
rows:
|
|
558
|
+
rows: newRows,
|
|
559
|
+
sortField,
|
|
560
|
+
sortOrder,
|
|
561
|
+
filter: searchText
|
|
565
562
|
});
|
|
566
563
|
};
|
|
567
564
|
const onGlobalFilterChange = (e) => {
|
|
@@ -579,13 +576,19 @@ function DataTableAdvancedFilterWrapper({
|
|
|
579
576
|
setSortField(e.sortField);
|
|
580
577
|
setSortOrder(e.sortOrder);
|
|
581
578
|
emitStateChange({
|
|
579
|
+
page,
|
|
580
|
+
rows,
|
|
582
581
|
sortField: e.sortField,
|
|
583
|
-
sortOrder: e.sortOrder
|
|
582
|
+
sortOrder: e.sortOrder,
|
|
583
|
+
filter: searchText
|
|
584
584
|
});
|
|
585
585
|
};
|
|
586
586
|
useEffect3(() => {
|
|
587
587
|
emitStateChange({
|
|
588
588
|
page: 1,
|
|
589
|
+
rows,
|
|
590
|
+
sortField,
|
|
591
|
+
sortOrder,
|
|
589
592
|
filter: debouncedSearch
|
|
590
593
|
});
|
|
591
594
|
}, [debouncedSearch]);
|
|
@@ -924,7 +927,9 @@ function DataTableAdvancedFilter({
|
|
|
924
927
|
sortFieldInitial,
|
|
925
928
|
sortOrderInitial = 1,
|
|
926
929
|
isMultiSelectionMode = true,
|
|
927
|
-
isLanguagePtBr = true
|
|
930
|
+
isLanguagePtBr = true,
|
|
931
|
+
state,
|
|
932
|
+
onStateChange
|
|
928
933
|
}) {
|
|
929
934
|
const [isClient, setIsClient] = useState3(false);
|
|
930
935
|
useEffect4(() => {
|
|
@@ -956,7 +961,9 @@ function DataTableAdvancedFilter({
|
|
|
956
961
|
sortFieldInitial,
|
|
957
962
|
sortOrderInitial,
|
|
958
963
|
isMultiSelectionMode,
|
|
959
|
-
isLanguagePtBr
|
|
964
|
+
isLanguagePtBr,
|
|
965
|
+
state,
|
|
966
|
+
onStateChange
|
|
960
967
|
}
|
|
961
968
|
)
|
|
962
969
|
}
|