josenanodev-react-components-library 0.0.22 → 0.0.24

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.
@@ -206,10 +206,10 @@ const Multicalendar = ({ multicalendarId, ReactCellChildren, ReactListElementChi
206
206
  }, [xPosition, yPosition, idTimeoutForCalls, waitTimeForCalls]);
207
207
  (0, react_1.useEffect)(() => {
208
208
  if (scrollingOnCourse && callsOnScrollingMoves) {
209
- callsOnScrollingMoves();
209
+ callsOnScrollingMoves(visibleListElementsIds, visibleDates);
210
210
  }
211
211
  else if (!scrollingOnCourse && callsOnScrollingStops) {
212
- callsOnScrollingStops();
212
+ callsOnScrollingStops(visibleListElementsIds, visibleDates);
213
213
  }
214
214
  // eslint-disable-next-line
215
215
  }, [scrollingOnCourse]);
@@ -18,8 +18,8 @@ export interface MulticalendarPropsType {
18
18
  draggingOverDateCells?: boolean;
19
19
  dynamicDaysQuantity?: boolean;
20
20
  waitTimeForCalls?: number;
21
- callsOnScrollingMoves?: Function;
22
- callsOnScrollingStops?: Function;
21
+ callsOnScrollingMoves?: (visibleIds: string[] | number[], visibleDates: Date[]) => void;
22
+ callsOnScrollingStops?: (visibleIds: string[] | number[], visibleDates: Date[]) => void;
23
23
  aditionalControlsComponents?: JSX.Element | JSX.Element[]
24
24
  upperLeftComponent?: JSX.Element
25
25
  }
@@ -36,9 +36,6 @@ const ParallelSelectionList = ({ dataList, applyAction, cancelAction, onSelectio
36
36
  }
37
37
  });
38
38
  setSelectedDatumsIds(selectedDatumsIdsClone);
39
- if (onSelectionChange) {
40
- onSelectionChange(selectedDatumsIdsClone);
41
- }
42
39
  };
43
40
  const removeFromSelectedDatumsIds = (datumIdsArray) => {
44
41
  const selectedDatumsIdsClone = [...selectedDatumsIds];
@@ -48,9 +45,6 @@ const ParallelSelectionList = ({ dataList, applyAction, cancelAction, onSelectio
48
45
  }
49
46
  });
50
47
  setSelectedDatumsIds(selectedDatumsIdsClone);
51
- if (onSelectionChange) {
52
- onSelectionChange(selectedDatumsIdsClone);
53
- }
54
48
  };
55
49
  //useEffects
56
50
  (0, react_2.useEffect)(() => {
@@ -97,6 +91,13 @@ const ParallelSelectionList = ({ dataList, applyAction, cancelAction, onSelectio
97
91
  listElementsHeight,
98
92
  filteredRightList.length,
99
93
  ]);
94
+ (0, react_2.useEffect)(() => {
95
+ //I know what I am doing... maybe
96
+ if (onSelectionChange) {
97
+ onSelectionChange(selectedDatumsIds);
98
+ }
99
+ // eslint-disable-next-line
100
+ }, [selectedDatumsIds]);
100
101
  return (react_1.default.createElement("div", { className: "parallel-selection-list" },
101
102
  react_1.default.createElement("div", { className: "div-left-list" },
102
103
  react_1.default.createElement("p", { className: "list-title" }, leftListTitle),
@@ -178,10 +178,10 @@ const Multicalendar = ({ multicalendarId, ReactCellChildren, ReactListElementChi
178
178
  }, [xPosition, yPosition, idTimeoutForCalls, waitTimeForCalls]);
179
179
  useEffect(() => {
180
180
  if (scrollingOnCourse && callsOnScrollingMoves) {
181
- callsOnScrollingMoves();
181
+ callsOnScrollingMoves(visibleListElementsIds, visibleDates);
182
182
  }
183
183
  else if (!scrollingOnCourse && callsOnScrollingStops) {
184
- callsOnScrollingStops();
184
+ callsOnScrollingStops(visibleListElementsIds, visibleDates);
185
185
  }
186
186
  // eslint-disable-next-line
187
187
  }, [scrollingOnCourse]);
@@ -18,8 +18,8 @@ export interface MulticalendarPropsType {
18
18
  draggingOverDateCells?: boolean;
19
19
  dynamicDaysQuantity?: boolean;
20
20
  waitTimeForCalls?: number;
21
- callsOnScrollingMoves?: Function;
22
- callsOnScrollingStops?: Function;
21
+ callsOnScrollingMoves?: (visibleIds: string[] | number[], visibleDates: Date[]) => void;
22
+ callsOnScrollingStops?: (visibleIds: string[] | number[], visibleDates: Date[]) => void;
23
23
  aditionalControlsComponents?: JSX.Element | JSX.Element[]
24
24
  upperLeftComponent?: JSX.Element
25
25
  }
@@ -31,9 +31,6 @@ const ParallelSelectionList = ({ dataList, applyAction, cancelAction, onSelectio
31
31
  }
32
32
  });
33
33
  setSelectedDatumsIds(selectedDatumsIdsClone);
34
- if (onSelectionChange) {
35
- onSelectionChange(selectedDatumsIdsClone);
36
- }
37
34
  };
38
35
  const removeFromSelectedDatumsIds = (datumIdsArray) => {
39
36
  const selectedDatumsIdsClone = [...selectedDatumsIds];
@@ -43,9 +40,6 @@ const ParallelSelectionList = ({ dataList, applyAction, cancelAction, onSelectio
43
40
  }
44
41
  });
45
42
  setSelectedDatumsIds(selectedDatumsIdsClone);
46
- if (onSelectionChange) {
47
- onSelectionChange(selectedDatumsIdsClone);
48
- }
49
43
  };
50
44
  //useEffects
51
45
  useEffect(() => {
@@ -92,6 +86,13 @@ const ParallelSelectionList = ({ dataList, applyAction, cancelAction, onSelectio
92
86
  listElementsHeight,
93
87
  filteredRightList.length,
94
88
  ]);
89
+ useEffect(() => {
90
+ //I know what I am doing... maybe
91
+ if (onSelectionChange) {
92
+ onSelectionChange(selectedDatumsIds);
93
+ }
94
+ // eslint-disable-next-line
95
+ }, [selectedDatumsIds]);
95
96
  return (React.createElement("div", { className: "parallel-selection-list" },
96
97
  React.createElement("div", { className: "div-left-list" },
97
98
  React.createElement("p", { className: "list-title" }, leftListTitle),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "josenanodev-react-components-library",
3
- "version": "0.0.22",
3
+ "version": "0.0.24",
4
4
  "author": {
5
5
  "name": "Jose Carlos Cardenas Martinez"
6
6
  },