gantt-task-react-v 1.0.25 → 1.0.27

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

@@ -4674,7 +4674,6 @@ const styles$k = {
   scroll
 };
 const VerticalScroll = ({
-  ganttHeight,
   ganttFullHeight,
   headerHeight,
   isChangeInProgress,
@@ -4686,7 +4685,7 @@ const VerticalScroll = ({
     "div",
     {
       style: {
-        height: ganttHeight,
+        height: `calc(100% - ${headerHeight}px)`,
         marginTop: headerHeight,
         marginLeft: rtl ? void 0 : "-1rem",
         pointerEvents: isChangeInProgress ? "none" : void 0
@@ -10657,14 +10656,14 @@ const TaskListTableDefaultInner = ({
   );
 };
 const TaskListTable = memo(TaskListTableDefaultInner);
-const taskListRoot = "_taskListRoot_4jj9x_1";
-const taskListHorizontalScroll = "_taskListHorizontalScroll_4jj9x_29";
-const taskListResizer = "_taskListResizer_4jj9x_93";
-const horizontalContainer$1 = "_horizontalContainer_4jj9x_157";
-const tableWrapper = "_tableWrapper_4jj9x_175";
-const scrollToTop = "_scrollToTop_4jj9x_187";
-const scrollToBottom = "_scrollToBottom_4jj9x_203";
-const hidden = "_hidden_4jj9x_219";
+const taskListRoot = "_taskListRoot_1x5nq_1";
+const taskListHorizontalScroll = "_taskListHorizontalScroll_1x5nq_25";
+const taskListResizer = "_taskListResizer_1x5nq_89";
+const horizontalContainer$1 = "_horizontalContainer_1x5nq_153";
+const tableWrapper = "_tableWrapper_1x5nq_171";
+const scrollToTop = "_scrollToTop_1x5nq_183";
+const scrollToBottom = "_scrollToBottom_1x5nq_199";
+const hidden = "_hidden_1x5nq_215";
 const styles$d = {
   taskListRoot,
   taskListHorizontalScroll,
@@ -13147,12 +13146,12 @@ const TaskGanttContentInner = (props) => {
   ] });
 };
 const TaskGanttContent = memo(TaskGanttContentInner);
-const ganttVerticalContainer = "_ganttVerticalContainer_7oj2l_1";
-const horizontalContainer = "_horizontalContainer_7oj2l_87";
-const ganttHeader = "_ganttHeader_7oj2l_103";
-const ganttBodyScroll = "_ganttBodyScroll_7oj2l_113";
-const wrapper = "_wrapper_7oj2l_131";
-const calendarDragging = "_calendarDragging_7oj2l_165";
+const ganttVerticalContainer = "_ganttVerticalContainer_1xboz_1";
+const horizontalContainer = "_horizontalContainer_1xboz_81";
+const ganttHeader = "_ganttHeader_1xboz_97";
+const ganttBodyScroll = "_ganttBodyScroll_1xboz_107";
+const wrapper = "_wrapper_1xboz_123";
+const calendarDragging = "_calendarDragging_1xboz_153";
 const styles$2 = {
   ganttVerticalContainer,
   horizontalContainer,
@@ -13186,9 +13185,7 @@ const TaskGanttInner = (props) => {
   const containerStyle = useMemo(
     () => ({
       height: "100%",
-      width: "100%",
-      maxWidth: "100%",
-      minWidth: 0
+      width: "100%"
     }),
     []
   );
@@ -13196,7 +13193,6 @@ const TaskGanttInner = (props) => {
     () => ({
       height: Math.max(ganttFullHeight, minimumRowDisplayed * rowHeight),
       width: fullSvgWidth,
-      minWidth: "100%",
       backgroundSize: `${columnWidth}px ${fullRowHeight * 2}px`,
       backgroundPositionX: additionalLeftSpace || void 0,
       backgroundImage: [

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

@@ -4691,7 +4691,6 @@
     scroll
   };
   const VerticalScroll = ({
-    ganttHeight,
     ganttFullHeight,
     headerHeight,
     isChangeInProgress,
@@ -4703,7 +4702,7 @@
       "div",
       {
         style: {
-          height: ganttHeight,
+          height: `calc(100% - ${headerHeight}px)`,
           marginTop: headerHeight,
           marginLeft: rtl ? void 0 : "-1rem",
           pointerEvents: isChangeInProgress ? "none" : void 0
@@ -10674,14 +10673,14 @@
     );
   };
   const TaskListTable = React.memo(TaskListTableDefaultInner);
-  const taskListRoot = "_taskListRoot_4jj9x_1";
-  const taskListHorizontalScroll = "_taskListHorizontalScroll_4jj9x_29";
-  const taskListResizer = "_taskListResizer_4jj9x_93";
-  const horizontalContainer$1 = "_horizontalContainer_4jj9x_157";
-  const tableWrapper = "_tableWrapper_4jj9x_175";
-  const scrollToTop = "_scrollToTop_4jj9x_187";
-  const scrollToBottom = "_scrollToBottom_4jj9x_203";
-  const hidden = "_hidden_4jj9x_219";
+  const taskListRoot = "_taskListRoot_1x5nq_1";
+  const taskListHorizontalScroll = "_taskListHorizontalScroll_1x5nq_25";
+  const taskListResizer = "_taskListResizer_1x5nq_89";
+  const horizontalContainer$1 = "_horizontalContainer_1x5nq_153";
+  const tableWrapper = "_tableWrapper_1x5nq_171";
+  const scrollToTop = "_scrollToTop_1x5nq_183";
+  const scrollToBottom = "_scrollToBottom_1x5nq_199";
+  const hidden = "_hidden_1x5nq_215";
   const styles$d = {
     taskListRoot,
     taskListHorizontalScroll,
@@ -13164,12 +13163,12 @@
     ] });
   };
   const TaskGanttContent = React.memo(TaskGanttContentInner);
-  const ganttVerticalContainer = "_ganttVerticalContainer_7oj2l_1";
-  const horizontalContainer = "_horizontalContainer_7oj2l_87";
-  const ganttHeader = "_ganttHeader_7oj2l_103";
-  const ganttBodyScroll = "_ganttBodyScroll_7oj2l_113";
-  const wrapper = "_wrapper_7oj2l_131";
-  const calendarDragging = "_calendarDragging_7oj2l_165";
+  const ganttVerticalContainer = "_ganttVerticalContainer_1xboz_1";
+  const horizontalContainer = "_horizontalContainer_1xboz_81";
+  const ganttHeader = "_ganttHeader_1xboz_97";
+  const ganttBodyScroll = "_ganttBodyScroll_1xboz_107";
+  const wrapper = "_wrapper_1xboz_123";
+  const calendarDragging = "_calendarDragging_1xboz_153";
   const styles$2 = {
     ganttVerticalContainer,
     horizontalContainer,
@@ -13203,9 +13202,7 @@
     const containerStyle = React.useMemo(
       () => ({
         height: "100%",
-        width: "100%",
-        maxWidth: "100%",
-        minWidth: 0
+        width: "100%"
       }),
       []
     );
@@ -13213,7 +13210,6 @@
       () => ({
         height: Math.max(ganttFullHeight, minimumRowDisplayed * rowHeight),
         width: fullSvgWidth,
-        minWidth: "100%",
         backgroundSize: `${columnWidth}px ${fullRowHeight * 2}px`,
         backgroundPositionX: additionalLeftSpace || void 0,
         backgroundImage: [

package/dist/style.css

@@ -282,7 +282,7 @@
   border-bottom: 1px solid var(--gantt-divider-color);
   table-layout: fixed;
 }
-._taskListRoot_4jj9x_1 {
+._taskListRoot_1x5nq_1 {
   position: relative;
   /*noinspection CssUnresolvedCustomProperty*/
   border-left: 1px solid var(--gantt-table-divider-color, var(--gantt-divider-color));
@@ -290,13 +290,11 @@
   display: flex;
   flex-direction: column;
   overflow: hidden;
-  width: 50%;
+  max-width: 100%;
   flex-shrink: 0;
-  min-width: 200px;
-  max-width: 80%;
 }
 
-._taskListHorizontalScroll_4jj9x_29 {
+._taskListHorizontalScroll_1x5nq_25 {
   overflow-x: auto;
   overflow-y: hidden;
   flex: 1;
@@ -304,16 +302,16 @@
   flex-direction: column;
 }
 
-._taskListHorizontalScroll_4jj9x_29::-webkit-scrollbar {
+._taskListHorizontalScroll_1x5nq_25::-webkit-scrollbar {
   width: 1rem;
   height: 1rem;
 }
 
-._taskListHorizontalScroll_4jj9x_29::-webkit-scrollbar-corner {
+._taskListHorizontalScroll_1x5nq_25::-webkit-scrollbar-corner {
   background: transparent;
 }
 
-._taskListHorizontalScroll_4jj9x_29::-webkit-scrollbar-thumb {
+._taskListHorizontalScroll_1x5nq_25::-webkit-scrollbar-thumb {
   border: 4px solid transparent;
   /*noinspection CssUnresolvedCustomProperty*/
   background: var(--gantt-scrollbar-thumb-color);
@@ -321,14 +319,14 @@
   background-clip: padding-box;
 }
 
-._taskListHorizontalScroll_4jj9x_29::-webkit-scrollbar-thumb:hover {
+._taskListHorizontalScroll_1x5nq_25::-webkit-scrollbar-thumb:hover {
   border: 2px solid transparent;
   /*noinspection CssUnresolvedCustomProperty*/
   background: var(--gantt-scrollbar-thumb-color);
   background-clip: padding-box;
 }
 
-._taskListResizer_4jj9x_93 {
+._taskListResizer_1x5nq_89 {
   position: absolute;
   top: 0;
   right: -3px;
@@ -340,16 +338,16 @@
 }
 
 /*noinspection CssUnresolvedCustomProperty*/
-._taskListResizer_4jj9x_93:hover {
+._taskListResizer_1x5nq_89:hover {
   background-color: var(--gantt-table-hover-action-color);
   filter: var(--gantt-hover-filter);
 }
 
-._taskListResizer_4jj9x_93:hover::before {
+._taskListResizer_1x5nq_89:hover::before {
   display: none;
 }
 
-._taskListResizer_4jj9x_93::before {
+._taskListResizer_1x5nq_89::before {
   content: "";
   position: absolute;
   top: 0;
@@ -360,7 +358,7 @@
   background-color: var(--gantt-table-resize-color, var(--gantt-divider-color));
 }
 
-._horizontalContainer_4jj9x_157 {
+._horizontalContainer_1x5nq_153 {
   margin: 0;
   padding: 0;
   overflow-y: auto;
@@ -369,13 +367,13 @@
   min-height: 0;
 }
 
-._tableWrapper_4jj9x_175 {
+._tableWrapper_1x5nq_171 {
   position: relative;
   flex: 1;
   min-height: 0;
 }
 
-._scrollToTop_4jj9x_187 {
+._scrollToTop_1x5nq_183 {
   position: absolute;
   top: 0;
   left: 0;
@@ -383,7 +381,7 @@
   height: 20px;
 }
 
-._scrollToBottom_4jj9x_203 {
+._scrollToBottom_1x5nq_199 {
   position: absolute;
   bottom: 0;
   left: 0;
@@ -391,7 +389,7 @@
   height: 20px;
 }
 
-._hidden_4jj9x_219 {
+._hidden_1x5nq_215 {
   display: none;
 }
 ._ganttToday_1oyhk_1 {
@@ -585,7 +583,7 @@
   user-select: none;
   stroke-width: 0;
 }
-._ganttVerticalContainer_7oj2l_1 {
+._ganttVerticalContainer_1xboz_1 {
   display: flex;
   flex-direction: column;
   overflow-x: auto;
@@ -596,24 +594,21 @@
   /*noinspection CssUnresolvedCustomProperty*/
   border-right: 1px solid var(--gantt-calendar-divider-color, var(--gantt-divider-color));
   flex-grow: 1;
-  flex-shrink: 1;
-  flex-basis: 0;
   height: 100%;
   min-height: 0;
-  min-width: 0;
-  width: 50%;
+  max-width: 100%;
 }
 
-._ganttVerticalContainer_7oj2l_1::-webkit-scrollbar {
+._ganttVerticalContainer_1xboz_1::-webkit-scrollbar {
   width: 1rem;
   height: 1rem;
 }
 
-._ganttVerticalContainer_7oj2l_1::-webkit-scrollbar-corner {
+._ganttVerticalContainer_1xboz_1::-webkit-scrollbar-corner {
   background: transparent;
 }
 
-._ganttVerticalContainer_7oj2l_1::-webkit-scrollbar-thumb {
+._ganttVerticalContainer_1xboz_1::-webkit-scrollbar-thumb {
   border: 4px solid transparent;
   /*noinspection CssUnresolvedCustomProperty*/
   background: var(--gantt-scrollbar-thumb-color);
@@ -621,14 +616,14 @@
   background-clip: padding-box;
 }
 
-._ganttVerticalContainer_7oj2l_1::-webkit-scrollbar-thumb:hover {
+._ganttVerticalContainer_1xboz_1::-webkit-scrollbar-thumb:hover {
   border: 2px solid transparent;
   /*noinspection CssUnresolvedCustomProperty*/
   background: var(--gantt-scrollbar-thumb-color);
   background-clip: padding-box;
 }
 
-._horizontalContainer_7oj2l_87 {
+._horizontalContainer_1xboz_81 {
   margin: 0;
   padding: 0;
   overflow: hidden;
@@ -636,21 +631,20 @@
   min-height: 0;
 }
 
-._ganttHeader_7oj2l_103 {
+._ganttHeader_1xboz_97 {
   flex: 0 0 auto;
   z-index: 3;
 }
 
-._ganttBodyScroll_7oj2l_113 {
+._ganttBodyScroll_1xboz_107 {
   flex: 1 1 auto;
   overflow-y: auto;
   overflow-x: hidden;
   min-height: 0;
   height: 100%;
-  max-height: 100%;
 }
 
-._wrapper_7oj2l_131 {
+._wrapper_1xboz_123 {
   display: flex;
   padding: 0;
   margin: 0;
@@ -661,13 +655,11 @@
   border-bottom: 1px solid var(--gantt-divider-color);
   height: 100%;
   min-height: 0;
-  width: 100%;
   max-width: 100%;
   overflow: hidden;
-  contain: layout;
 }
 
-._calendarDragging_7oj2l_165 {
+._calendarDragging_1xboz_153 {
   cursor: grabbing;
 }
 /*noinspection CssUnresolvedCustomProperty*/

package/package.json

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