gantt-task-react-powern 0.6.30 → 0.6.31

package/dist/index.modern.js

@@ -74,6 +74,7 @@ var ViewMode;
   ViewMode["Year"] = "Year";
 })(ViewMode || (ViewMode = {}));
 
+var _VIEW_MODE_DEFAULT_VI, _VIEW_MODE_MAX_VISIBL;
 var intlDTCache = {};
 var getCachedDateTimeFormat = function getCachedDateTimeFormat(locString, opts) {
   if (opts === void 0) {
@@ -115,6 +116,8 @@ var getFiscalQuarterStartDate = function getFiscalQuarterStartDate(date, quarter
   return new Date(year, qStartMonth, 1);
 };
 
+var VIEW_MODE_DEFAULT_VISIBLE_COUNT = (_VIEW_MODE_DEFAULT_VI = {}, _VIEW_MODE_DEFAULT_VI[ViewMode.Day] = 14, _VIEW_MODE_DEFAULT_VI[ViewMode.Week] = 6, _VIEW_MODE_DEFAULT_VI[ViewMode.Month] = 6, _VIEW_MODE_DEFAULT_VI[ViewMode.Quarter] = 4, _VIEW_MODE_DEFAULT_VI);
+var VIEW_MODE_MAX_VISIBLE_COUNT = (_VIEW_MODE_MAX_VISIBL = {}, _VIEW_MODE_MAX_VISIBL[ViewMode.Day] = 30, _VIEW_MODE_MAX_VISIBL[ViewMode.Week] = 13, _VIEW_MODE_MAX_VISIBL[ViewMode.Month] = 12, _VIEW_MODE_MAX_VISIBL[ViewMode.Quarter] = 8, _VIEW_MODE_MAX_VISIBL);
 var ganttDateRange = function ganttDateRange(tasks, viewMode, preStepsCount, quarterStart) {
   var _tasks$, _tasks$2, _tasks$3, _tasks$4;
 
@@ -3804,6 +3807,8 @@ var HorizontalScroll = function HorizontalScroll(_ref) {
 };
 
 var Gantt = function Gantt(_ref) {
+  var _ref3;
+
   var tasks = _ref.tasks,
       _ref$leafTasks = _ref.leafTasks,
       leafTasks = _ref$leafTasks === void 0 ? [] : _ref$leafTasks,
@@ -3815,8 +3820,7 @@ var Gantt = function Gantt(_ref) {
       endDate = _ref$endDate === void 0 ? new Date() : _ref$endDate,
       _ref$headerHeight = _ref.headerHeight,
       headerHeight = _ref$headerHeight === void 0 ? 50 : _ref$headerHeight,
-      _ref$columnWidth = _ref.columnWidth,
-      columnWidth = _ref$columnWidth === void 0 ? 60 : _ref$columnWidth,
+      columnWidthProp = _ref.columnWidth,
       _ref$listCellWidth = _ref.listCellWidth,
       listCellWidth = _ref$listCellWidth === void 0 ? "155px" : _ref$listCellWidth,
       _ref$rowHeight = _ref.rowHeight,
@@ -3897,6 +3901,7 @@ var Gantt = function Gantt(_ref) {
   var wrapperRef = useRef(null);
   var taskListRef = useRef(null);
   var isDraggingTable = useRef(false);
+  var userResizedRef = useRef(false);
   var dragStartX = useRef(0);
   var dragStartWidth = useRef(0);
   var dragMaxWidth = useRef(Infinity);
@@ -3953,6 +3958,7 @@ var Gantt = function Gantt(_ref) {
     var _taskListRef$current$, _taskListRef$current, _ref2, _tableHorizontalConta, _tableHorizontalConta2, _tableInnerScrollRef$, _wrapperRef$current$o, _wrapperRef$current;
 
     isDraggingTable.current = true;
+    userResizedRef.current = true;
     dragStartX.current = e.clientX;
     dragStartWidth.current = tableContainerWidth != null ? tableContainerWidth : (_taskListRef$current$ = (_taskListRef$current = taskListRef.current) === null || _taskListRef$current === void 0 ? void 0 : _taskListRef$current.offsetWidth) != null ? _taskListRef$current$ : 0;
     dragMaxWidth.current = (_ref2 = (_tableHorizontalConta = (_tableHorizontalConta2 = tableHorizontalContainerRef.current) === null || _tableHorizontalConta2 === void 0 ? void 0 : _tableHorizontalConta2.scrollWidth) != null ? _tableHorizontalConta : (_tableInnerScrollRef$ = tableInnerScrollRef.current) === null || _tableInnerScrollRef$ === void 0 ? void 0 : _tableInnerScrollRef$.scrollWidth) != null ? _ref2 : Math.max(100, ((_wrapperRef$current$o = (_wrapperRef$current = wrapperRef.current) === null || _wrapperRef$current === void 0 ? void 0 : _wrapperRef$current.offsetWidth) != null ? _wrapperRef$current$o : Infinity) - 200);
@@ -4019,38 +4025,70 @@ var Gantt = function Gantt(_ref) {
       failedTask = _useState11[0],
       setFailedTask = _useState11[1];
 
+  var _useState12 = useState(null),
+      computedColumnWidth = _useState12[0],
+      setComputedColumnWidth = _useState12[1];
+
+  var computedForViewModeRef = useRef(null);
+  useEffect(function () {
+    if (columnWidthProp != null) return;
+    if (svgContainerWidth <= 0) return;
+    var alreadySnappedForView = computedForViewModeRef.current === viewMode && computedColumnWidth != null;
+    if (userResizedRef.current && alreadySnappedForView) return;
+    var target = VIEW_MODE_DEFAULT_VISIBLE_COUNT[viewMode];
+    if (!target) return;
+    var next = Math.max(20, Math.floor(svgContainerWidth / target));
+
+    if (next !== computedColumnWidth) {
+      setComputedColumnWidth(next);
+    }
+
+    computedForViewModeRef.current = viewMode;
+  }, [viewMode, svgContainerWidth, columnWidthProp, computedColumnWidth]);
+  var columnWidth = (_ref3 = columnWidthProp != null ? columnWidthProp : computedColumnWidth) != null ? _ref3 : 60;
   var effectiveColumnWidth = useMemo(function () {
     if (svgContainerWidth <= 0 || dateSetup.dates.length <= 0) return columnWidth;
+
+    if (columnWidthProp == null) {
+      var maxVisible = VIEW_MODE_MAX_VISIBLE_COUNT[viewMode];
+
+      if (maxVisible) {
+        return Math.max(columnWidth, Math.ceil(svgContainerWidth / maxVisible));
+      }
+
+      return columnWidth;
+    }
+
     return Math.max(columnWidth, Math.ceil(svgContainerWidth / dateSetup.dates.length));
-  }, [columnWidth, svgContainerWidth, dateSetup.dates.length]);
+  }, [columnWidth, columnWidthProp, viewMode, svgContainerWidth, dateSetup.dates.length]);
   var svgWidth = effectiveColumnWidth < 55 ? (dateSetup.dates.length + 0.5) * effectiveColumnWidth : dateSetup.dates.length * effectiveColumnWidth;
   var ganttFullHeight = useMemo(function () {
     return barTasks.length * rowHeight;
   }, [barTasks.length, rowHeight]);
 
-  var _useState12 = useState(0),
-      scrollY = _useState12[0],
-      setScrollY = _useState12[1];
-
-  var _useState13 = useState(-1),
-      scrollX = _useState13[0],
-      setScrollX = _useState13[1];
+  var _useState13 = useState(0),
+      scrollY = _useState13[0],
+      setScrollY = _useState13[1];
 
-  var _useState14 = useState(false),
-      ignoreScrollEvent = _useState14[0],
-      setIgnoreScrollEvent = _useState14[1];
+  var _useState14 = useState(-1),
+      scrollX = _useState14[0],
+      setScrollX = _useState14[1];
 
-  var _useState15 = useState(0),
-      lastTouchX = _useState15[0],
-      setLastTouchX = _useState15[1];
+  var _useState15 = useState(false),
+      ignoreScrollEvent = _useState15[0],
+      setIgnoreScrollEvent = _useState15[1];
 
   var _useState16 = useState(0),
-      lastTouchY = _useState16[0],
-      setLastTouchY = _useState16[1];
+      lastTouchX = _useState16[0],
+      setLastTouchX = _useState16[1];
+
+  var _useState17 = useState(0),
+      lastTouchY = _useState17[0],
+      setLastTouchY = _useState17[1];
 
-  var _useState17 = useState(false),
-      isProcessing = _useState17[0],
-      setIsProcessing = _useState17[1];
+  var _useState18 = useState(false),
+      isProcessing = _useState18[0],
+      setIsProcessing = _useState18[1];
 
   var buffer = rowHeight * 10;
   var visibleStartY = scrollY - buffer;