gantt-task-react-powern 0.6.45 → 0.6.46

package/dist/index.js

@@ -1098,6 +1098,7 @@ var TaskList = function TaskList(_ref) {
       TaskListTable = _ref.TaskListTable,
       taskLabelRenderer = _ref.taskLabelRenderer,
       onMultiSelect = _ref.onMultiSelect,
+      onSelectAll = _ref.onSelectAll,
       containerWidth = _ref.containerWidth,
       containerMaxWidth = _ref.containerMaxWidth,
       onContentWidthChange = _ref.onContentWidthChange,
@@ -1172,9 +1173,13 @@ var TaskList = function TaskList(_ref) {
     onContentWidthChange === null || onContentWidthChange === void 0 ? void 0 : onContentWidthChange(contentWidth);
   }, [contentWidth, onContentWidthChange]);
 
-  var _useState3 = React.useState([]),
-      pendingTaskSelect = _useState3[0],
-      setPendingTaskSelect = _useState3[1];
+  var _useState3 = React.useState(false),
+      selectAllActive = _useState3[0],
+      setSelectAllActive = _useState3[1];
+
+  var _useState4 = React.useState([]),
+      pendingTaskSelect = _useState4[0],
+      setPendingTaskSelect = _useState4[1];
 
   var prevSelectedTasksRef = React.useRef([]);
   var expandedTasks = React.useRef(new Set());
@@ -1283,6 +1288,19 @@ var TaskList = function TaskList(_ref) {
       setSelectedTasks(newSelectedArray);
     }
   }, [tasks.length]);
+  React.useEffect(function () {
+    if (!selectAllActive) return;
+    var selected = new Set(selectedTasks);
+    if (tasks.every(function (task) {
+      return selected.has(task.id);
+    })) return;
+    setPendingTaskSelect(taskIndex.roots.map(function (taskId) {
+      return {
+        taskId: taskId,
+        selected: true
+      };
+    }));
+  }, [tasks, taskIndex, selectAllActive, selectedTasks]);
 
   var getDescendants = function getDescendants(taskId) {
     var _taskIndex$childrenOf;
@@ -1320,6 +1338,11 @@ var TaskList = function TaskList(_ref) {
   };
 
   var handleTaskSelect = function handleTaskSelect(taskId, selected) {
+    if (!selected && selectAllActive) {
+      setSelectAllActive(false);
+      onSelectAll === null || onSelectAll === void 0 ? void 0 : onSelectAll(false);
+    }
+
     setPendingTaskSelect(function (prev) {
       return [].concat(prev, [{
         taskId: taskId,
@@ -1329,6 +1352,9 @@ var TaskList = function TaskList(_ref) {
   };
 
   var handleSelectAll = function handleSelectAll(selected) {
+    setSelectAllActive(selected);
+    onSelectAll === null || onSelectAll === void 0 ? void 0 : onSelectAll(selected);
+
     if (selected) {
       setPendingTaskSelect(taskIndex.roots.map(function (taskId) {
         return {
@@ -1348,7 +1374,7 @@ var TaskList = function TaskList(_ref) {
     fontSize: fontSize,
     rowWidth: rowWidth,
     scheduleType: scheduleType,
-    allSelected: tasks.length > 0 && selectedTasks.length === tasks.length,
+    allSelected: selectAllActive || tasks.length > 0 && selectedTasks.length === tasks.length,
     onSelectAll: onMultiSelect ? handleSelectAll : undefined,
     columnWidths: columnWidths,
     onColumnResize: handleColumnResize
@@ -4104,6 +4130,7 @@ var Gantt = function Gantt(_ref) {
       onSelect = _ref.onSelect,
       onExpanderClick = _ref.onExpanderClick,
       onMultiSelect = _ref.onMultiSelect,
+      onSelectAll = _ref.onSelectAll,
       taskLabelRenderer = _ref.taskLabelRenderer,
       _ref$delayToRender = _ref.delayToRender,
       delayToRender = _ref$delayToRender === void 0 ? 500 : _ref$delayToRender,
@@ -4781,6 +4808,7 @@ var Gantt = function Gantt(_ref) {
     TaskListTable: TaskListTable,
     taskLabelRenderer: taskLabelRenderer,
     onMultiSelect: onMultiSelect,
+    onSelectAll: onSelectAll,
     containerWidth: userResizedRef.current && tableContainerWidth != null ? Math.min(tableContainerWidth, tableCap) : undefined,
     containerMaxWidth: tableCap === Infinity ? undefined : tableCap,
     onContentWidthChange: setTableContentWidth,