gantt-task-react-v 1.0.0 → 1.0.1

package/dist/gantt-task-react.es.js

@@ -5181,8 +5181,8 @@ const DEFAULT_THEME = {
     expandIconWidth: 20,
     handleWidth: 8,
     headerHeight: 50,
-    ganttHeight: 0,
-    // Flexible height - will use container or screen height
+    ganttHeight: 500,
+    // Flexible height - reasonable default that allows scrolling
     minimumRowDisplayed: 4,
     nestedTaskNameOffset: 20,
     relationCircleOffset: 10,
@@ -10658,14 +10658,14 @@ const TaskListTableDefaultInner = ({
   );
 };
 const TaskListTable = memo(TaskListTableDefaultInner);
-const taskListRoot = "_taskListRoot_3y2l5_1";
-const taskListHorizontalScroll = "_taskListHorizontalScroll_3y2l5_13";
-const taskListResizer = "_taskListResizer_3y2l5_69";
-const horizontalContainer$1 = "_horizontalContainer_3y2l5_133";
-const tableWrapper = "_tableWrapper_3y2l5_145";
-const scrollToTop = "_scrollToTop_3y2l5_153";
-const scrollToBottom = "_scrollToBottom_3y2l5_169";
-const hidden = "_hidden_3y2l5_185";
+const taskListRoot = "_taskListRoot_51pue_1";
+const taskListHorizontalScroll = "_taskListHorizontalScroll_51pue_13";
+const taskListResizer = "_taskListResizer_51pue_69";
+const horizontalContainer$1 = "_horizontalContainer_51pue_133";
+const tableWrapper = "_tableWrapper_51pue_147";
+const scrollToTop = "_scrollToTop_51pue_155";
+const scrollToBottom = "_scrollToBottom_51pue_171";
+const hidden = "_hidden_51pue_187";
 const styles$d = {
   taskListRoot,
   taskListHorizontalScroll,
@@ -13156,10 +13156,10 @@ const TaskGanttContentInner = (props) => {
   ] });
 };
 const TaskGanttContent = memo(TaskGanttContentInner);
-const ganttVerticalContainer = "_ganttVerticalContainer_1unzl_1";
-const horizontalContainer = "_horizontalContainer_1unzl_71";
-const wrapper = "_wrapper_1unzl_83";
-const calendarDragging = "_calendarDragging_1unzl_105";
+const ganttVerticalContainer = "_ganttVerticalContainer_1rgpy_1";
+const horizontalContainer = "_horizontalContainer_1rgpy_71";
+const wrapper = "_wrapper_1rgpy_85";
+const calendarDragging = "_calendarDragging_1rgpy_107";
 const styles$2 = {
   ganttVerticalContainer,
   horizontalContainer,

package/dist/gantt-task-react.umd.js

@@ -5198,8 +5198,8 @@
       expandIconWidth: 20,
       handleWidth: 8,
       headerHeight: 50,
-      ganttHeight: 0,
-      // Flexible height - will use container or screen height
+      ganttHeight: 500,
+      // Flexible height - reasonable default that allows scrolling
       minimumRowDisplayed: 4,
       nestedTaskNameOffset: 20,
       relationCircleOffset: 10,
@@ -10675,14 +10675,14 @@
     );
   };
   const TaskListTable = React.memo(TaskListTableDefaultInner);
-  const taskListRoot = "_taskListRoot_3y2l5_1";
-  const taskListHorizontalScroll = "_taskListHorizontalScroll_3y2l5_13";
-  const taskListResizer = "_taskListResizer_3y2l5_69";
-  const horizontalContainer$1 = "_horizontalContainer_3y2l5_133";
-  const tableWrapper = "_tableWrapper_3y2l5_145";
-  const scrollToTop = "_scrollToTop_3y2l5_153";
-  const scrollToBottom = "_scrollToBottom_3y2l5_169";
-  const hidden = "_hidden_3y2l5_185";
+  const taskListRoot = "_taskListRoot_51pue_1";
+  const taskListHorizontalScroll = "_taskListHorizontalScroll_51pue_13";
+  const taskListResizer = "_taskListResizer_51pue_69";
+  const horizontalContainer$1 = "_horizontalContainer_51pue_133";
+  const tableWrapper = "_tableWrapper_51pue_147";
+  const scrollToTop = "_scrollToTop_51pue_155";
+  const scrollToBottom = "_scrollToBottom_51pue_171";
+  const hidden = "_hidden_51pue_187";
   const styles$d = {
     taskListRoot,
     taskListHorizontalScroll,
@@ -13173,10 +13173,10 @@
     ] });
   };
   const TaskGanttContent = React.memo(TaskGanttContentInner);
-  const ganttVerticalContainer = "_ganttVerticalContainer_1unzl_1";
-  const horizontalContainer = "_horizontalContainer_1unzl_71";
-  const wrapper = "_wrapper_1unzl_83";
-  const calendarDragging = "_calendarDragging_1unzl_105";
+  const ganttVerticalContainer = "_ganttVerticalContainer_1rgpy_1";
+  const horizontalContainer = "_horizontalContainer_1rgpy_71";
+  const wrapper = "_wrapper_1rgpy_85";
+  const calendarDragging = "_calendarDragging_1rgpy_107";
   const styles$2 = {
     ganttVerticalContainer,
     horizontalContainer,

package/dist/style.css

@@ -282,26 +282,26 @@
   border-bottom: 1px solid var(--gantt-divider-color);
   table-layout: fixed;
 }
-._taskListRoot_3y2l5_1 {
+._taskListRoot_51pue_1 {
   position: relative;
   /*noinspection CssUnresolvedCustomProperty*/
   border-left: 1px solid var(--gantt-table-divider-color, var(--gantt-divider-color));
 }
 
-._taskListHorizontalScroll_3y2l5_13 {
+._taskListHorizontalScroll_51pue_13 {
   overflow-x: scroll;
 }
 
-._taskListHorizontalScroll_3y2l5_13::-webkit-scrollbar {
+._taskListHorizontalScroll_51pue_13::-webkit-scrollbar {
   width: 1rem;
   height: 1rem;
 }
 
-._taskListHorizontalScroll_3y2l5_13::-webkit-scrollbar-corner {
+._taskListHorizontalScroll_51pue_13::-webkit-scrollbar-corner {
   background: transparent;
 }
 
-._taskListHorizontalScroll_3y2l5_13::-webkit-scrollbar-thumb {
+._taskListHorizontalScroll_51pue_13::-webkit-scrollbar-thumb {
   border: 4px solid transparent;
   /*noinspection CssUnresolvedCustomProperty*/
   background: var(--gantt-scrollbar-thumb-color);
@@ -309,14 +309,14 @@
   background-clip: padding-box;
 }
 
-._taskListHorizontalScroll_3y2l5_13::-webkit-scrollbar-thumb:hover {
+._taskListHorizontalScroll_51pue_13::-webkit-scrollbar-thumb:hover {
   border: 2px solid transparent;
   /*noinspection CssUnresolvedCustomProperty*/
   background: var(--gantt-scrollbar-thumb-color);
   background-clip: padding-box;
 }
 
-._taskListResizer_3y2l5_69 {
+._taskListResizer_51pue_69 {
   position: absolute;
   top: 0;
   right: -3px;
@@ -328,16 +328,16 @@
 }
 
 /*noinspection CssUnresolvedCustomProperty*/
-._taskListResizer_3y2l5_69:hover {
+._taskListResizer_51pue_69:hover {
   background-color: var(--gantt-table-hover-action-color);
   filter: var(--gantt-hover-filter);
 }
 
-._taskListResizer_3y2l5_69:hover::before {
+._taskListResizer_51pue_69:hover::before {
   display: none;
 }
 
-._taskListResizer_3y2l5_69::before {
+._taskListResizer_51pue_69::before {
   content: "";
   position: absolute;
   top: 0;
@@ -348,17 +348,18 @@
   background-color: var(--gantt-table-resize-color, var(--gantt-divider-color));
 }
 
-._horizontalContainer_3y2l5_133 {
+._horizontalContainer_51pue_133 {
   margin: 0;
   padding: 0;
-  overflow: hidden;
+  overflow-y: auto;
+  overflow-x: hidden;
 }
 
-._tableWrapper_3y2l5_145 {
+._tableWrapper_51pue_147 {
   position: relative;
 }
 
-._scrollToTop_3y2l5_153 {
+._scrollToTop_51pue_155 {
   position: absolute;
   top: 0;
   left: 0;
@@ -366,7 +367,7 @@
   height: 20px;
 }
 
-._scrollToBottom_3y2l5_169 {
+._scrollToBottom_51pue_171 {
   position: absolute;
   bottom: 0;
   left: 0;
@@ -374,7 +375,7 @@
   height: 20px;
 }
 
-._hidden_3y2l5_185 {
+._hidden_51pue_187 {
   display: none;
 }
 ._ganttToday_1oyhk_1 {
@@ -568,7 +569,7 @@
   user-select: none;
   stroke-width: 0;
 }
-._ganttVerticalContainer_1unzl_1 {
+._ganttVerticalContainer_1rgpy_1 {
   overflow-x: scroll;
   overflow-y: hidden;
   font-size: 0;
@@ -579,16 +580,16 @@
   flex-grow: 1;
 }
 
-._ganttVerticalContainer_1unzl_1::-webkit-scrollbar {
+._ganttVerticalContainer_1rgpy_1::-webkit-scrollbar {
   width: 1rem;
   height: 1rem;
 }
 
-._ganttVerticalContainer_1unzl_1::-webkit-scrollbar-corner {
+._ganttVerticalContainer_1rgpy_1::-webkit-scrollbar-corner {
   background: transparent;
 }
 
-._ganttVerticalContainer_1unzl_1::-webkit-scrollbar-thumb {
+._ganttVerticalContainer_1rgpy_1::-webkit-scrollbar-thumb {
   border: 4px solid transparent;
   /*noinspection CssUnresolvedCustomProperty*/
   background: var(--gantt-scrollbar-thumb-color);
@@ -596,20 +597,21 @@
   background-clip: padding-box;
 }
 
-._ganttVerticalContainer_1unzl_1::-webkit-scrollbar-thumb:hover {
+._ganttVerticalContainer_1rgpy_1::-webkit-scrollbar-thumb:hover {
   border: 2px solid transparent;
   /*noinspection CssUnresolvedCustomProperty*/
   background: var(--gantt-scrollbar-thumb-color);
   background-clip: padding-box;
 }
 
-._horizontalContainer_1unzl_71 {
+._horizontalContainer_1rgpy_71 {
   margin: 0;
   padding: 0;
-  overflow: hidden;
+  overflow-y: auto;
+  overflow-x: hidden;
 }
 
-._wrapper_1unzl_83 {
+._wrapper_1rgpy_85 {
   display: flex;
   padding: 0;
   margin: 0;
@@ -620,7 +622,7 @@
   border-bottom: 1px solid var(--gantt-divider-color);
 }
 
-._calendarDragging_1unzl_105 {
+._calendarDragging_1rgpy_107 {
   cursor: grabbing;
 }
 /*noinspection CssUnresolvedCustomProperty*/

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gantt-task-react-v",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "Interactive Gantt Chart for React with TypeScript.",
   "author": "aguilanbon@gmail.com",
   "homepage": "https://github.com/aguilanbon/gantt-task-react-v",