@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 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 = (partial) => {
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(event.rows);
609
+ setRows(newRows);
616
610
  setPage(newPage);
617
611
  emitStateChange({
618
612
  page: newPage,
619
- rows: event.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 = (partial) => {
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(event.rows);
554
+ setRows(newRows);
561
555
  setPage(newPage);
562
556
  emitStateChange({
563
557
  page: newPage,
564
- rows: event.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
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@charlesgomes/leafcode-shared-lib-react",
3
- "version": "1.0.52",
3
+ "version": "1.0.54",
4
4
  "description": "Lib de componentes react",
5
5
  "main": "dist/index.cjs",
6
6
  "module": "dist/index.mjs",