gantt-task-react-v 1.0.23 → 1.0.25

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

@@ -10657,14 +10657,14 @@ const TaskListTableDefaultInner = ({
   );
 };
 const TaskListTable = memo(TaskListTableDefaultInner);
-const taskListRoot = "_taskListRoot_xeaio_1";
-const taskListHorizontalScroll = "_taskListHorizontalScroll_xeaio_21";
-const taskListResizer = "_taskListResizer_xeaio_85";
-const horizontalContainer$1 = "_horizontalContainer_xeaio_149";
-const tableWrapper = "_tableWrapper_xeaio_167";
-const scrollToTop = "_scrollToTop_xeaio_179";
-const scrollToBottom = "_scrollToBottom_xeaio_195";
-const hidden = "_hidden_xeaio_211";
+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 styles$d = {
   taskListRoot,
   taskListHorizontalScroll,
@@ -13147,12 +13147,12 @@ const TaskGanttContentInner = (props) => {
   ] });
 };
 const TaskGanttContent = memo(TaskGanttContentInner);
-const ganttVerticalContainer = "_ganttVerticalContainer_z1ydk_1";
-const horizontalContainer = "_horizontalContainer_z1ydk_81";
-const ganttHeader = "_ganttHeader_z1ydk_99";
-const ganttBodyScroll = "_ganttBodyScroll_z1ydk_109";
-const wrapper = "_wrapper_z1ydk_125";
-const calendarDragging = "_calendarDragging_z1ydk_155";
+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 styles$2 = {
   ganttVerticalContainer,
   horizontalContainer,
@@ -13186,14 +13186,17 @@ const TaskGanttInner = (props) => {
   const containerStyle = useMemo(
     () => ({
       height: "100%",
-      width: fullSvgWidth
+      width: "100%",
+      maxWidth: "100%",
+      minWidth: 0
     }),
-    [fullSvgWidth]
+    []
   );
   const gridStyle = useMemo(
     () => ({
       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

@@ -10674,14 +10674,14 @@
     );
   };
   const TaskListTable = React.memo(TaskListTableDefaultInner);
-  const taskListRoot = "_taskListRoot_xeaio_1";
-  const taskListHorizontalScroll = "_taskListHorizontalScroll_xeaio_21";
-  const taskListResizer = "_taskListResizer_xeaio_85";
-  const horizontalContainer$1 = "_horizontalContainer_xeaio_149";
-  const tableWrapper = "_tableWrapper_xeaio_167";
-  const scrollToTop = "_scrollToTop_xeaio_179";
-  const scrollToBottom = "_scrollToBottom_xeaio_195";
-  const hidden = "_hidden_xeaio_211";
+  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 styles$d = {
     taskListRoot,
     taskListHorizontalScroll,
@@ -13164,12 +13164,12 @@
     ] });
   };
   const TaskGanttContent = React.memo(TaskGanttContentInner);
-  const ganttVerticalContainer = "_ganttVerticalContainer_z1ydk_1";
-  const horizontalContainer = "_horizontalContainer_z1ydk_81";
-  const ganttHeader = "_ganttHeader_z1ydk_99";
-  const ganttBodyScroll = "_ganttBodyScroll_z1ydk_109";
-  const wrapper = "_wrapper_z1ydk_125";
-  const calendarDragging = "_calendarDragging_z1ydk_155";
+  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 styles$2 = {
     ganttVerticalContainer,
     horizontalContainer,
@@ -13203,14 +13203,17 @@
     const containerStyle = React.useMemo(
       () => ({
         height: "100%",
-        width: fullSvgWidth
+        width: "100%",
+        maxWidth: "100%",
+        minWidth: 0
       }),
-      [fullSvgWidth]
+      []
     );
     const gridStyle = React.useMemo(
       () => ({
         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_xeaio_1 {
+._taskListRoot_4jj9x_1 {
   position: relative;
   /*noinspection CssUnresolvedCustomProperty*/
   border-left: 1px solid var(--gantt-table-divider-color, var(--gantt-divider-color));
@@ -290,9 +290,13 @@
   display: flex;
   flex-direction: column;
   overflow: hidden;
+  width: 50%;
+  flex-shrink: 0;
+  min-width: 200px;
+  max-width: 80%;
 }
 
-._taskListHorizontalScroll_xeaio_21 {
+._taskListHorizontalScroll_4jj9x_29 {
   overflow-x: auto;
   overflow-y: hidden;
   flex: 1;
@@ -300,16 +304,16 @@
   flex-direction: column;
 }
 
-._taskListHorizontalScroll_xeaio_21::-webkit-scrollbar {
+._taskListHorizontalScroll_4jj9x_29::-webkit-scrollbar {
   width: 1rem;
   height: 1rem;
 }
 
-._taskListHorizontalScroll_xeaio_21::-webkit-scrollbar-corner {
+._taskListHorizontalScroll_4jj9x_29::-webkit-scrollbar-corner {
   background: transparent;
 }
 
-._taskListHorizontalScroll_xeaio_21::-webkit-scrollbar-thumb {
+._taskListHorizontalScroll_4jj9x_29::-webkit-scrollbar-thumb {
   border: 4px solid transparent;
   /*noinspection CssUnresolvedCustomProperty*/
   background: var(--gantt-scrollbar-thumb-color);
@@ -317,14 +321,14 @@
   background-clip: padding-box;
 }
 
-._taskListHorizontalScroll_xeaio_21::-webkit-scrollbar-thumb:hover {
+._taskListHorizontalScroll_4jj9x_29::-webkit-scrollbar-thumb:hover {
   border: 2px solid transparent;
   /*noinspection CssUnresolvedCustomProperty*/
   background: var(--gantt-scrollbar-thumb-color);
   background-clip: padding-box;
 }
 
-._taskListResizer_xeaio_85 {
+._taskListResizer_4jj9x_93 {
   position: absolute;
   top: 0;
   right: -3px;
@@ -336,16 +340,16 @@
 }
 
 /*noinspection CssUnresolvedCustomProperty*/
-._taskListResizer_xeaio_85:hover {
+._taskListResizer_4jj9x_93:hover {
   background-color: var(--gantt-table-hover-action-color);
   filter: var(--gantt-hover-filter);
 }
 
-._taskListResizer_xeaio_85:hover::before {
+._taskListResizer_4jj9x_93:hover::before {
   display: none;
 }
 
-._taskListResizer_xeaio_85::before {
+._taskListResizer_4jj9x_93::before {
   content: "";
   position: absolute;
   top: 0;
@@ -356,7 +360,7 @@
   background-color: var(--gantt-table-resize-color, var(--gantt-divider-color));
 }
 
-._horizontalContainer_xeaio_149 {
+._horizontalContainer_4jj9x_157 {
   margin: 0;
   padding: 0;
   overflow-y: auto;
@@ -365,13 +369,13 @@
   min-height: 0;
 }
 
-._tableWrapper_xeaio_167 {
+._tableWrapper_4jj9x_175 {
   position: relative;
   flex: 1;
   min-height: 0;
 }
 
-._scrollToTop_xeaio_179 {
+._scrollToTop_4jj9x_187 {
   position: absolute;
   top: 0;
   left: 0;
@@ -379,7 +383,7 @@
   height: 20px;
 }
 
-._scrollToBottom_xeaio_195 {
+._scrollToBottom_4jj9x_203 {
   position: absolute;
   bottom: 0;
   left: 0;
@@ -387,7 +391,7 @@
   height: 20px;
 }
 
-._hidden_xeaio_211 {
+._hidden_4jj9x_219 {
   display: none;
 }
 ._ganttToday_1oyhk_1 {
@@ -581,7 +585,7 @@
   user-select: none;
   stroke-width: 0;
 }
-._ganttVerticalContainer_z1ydk_1 {
+._ganttVerticalContainer_7oj2l_1 {
   display: flex;
   flex-direction: column;
   overflow-x: auto;
@@ -592,21 +596,24 @@
   /*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;
-  max-width: 100%;
+  min-width: 0;
+  width: 50%;
 }
 
-._ganttVerticalContainer_z1ydk_1::-webkit-scrollbar {
+._ganttVerticalContainer_7oj2l_1::-webkit-scrollbar {
   width: 1rem;
   height: 1rem;
 }
 
-._ganttVerticalContainer_z1ydk_1::-webkit-scrollbar-corner {
+._ganttVerticalContainer_7oj2l_1::-webkit-scrollbar-corner {
   background: transparent;
 }
 
-._ganttVerticalContainer_z1ydk_1::-webkit-scrollbar-thumb {
+._ganttVerticalContainer_7oj2l_1::-webkit-scrollbar-thumb {
   border: 4px solid transparent;
   /*noinspection CssUnresolvedCustomProperty*/
   background: var(--gantt-scrollbar-thumb-color);
@@ -614,36 +621,36 @@
   background-clip: padding-box;
 }
 
-._ganttVerticalContainer_z1ydk_1::-webkit-scrollbar-thumb:hover {
+._ganttVerticalContainer_7oj2l_1::-webkit-scrollbar-thumb:hover {
   border: 2px solid transparent;
   /*noinspection CssUnresolvedCustomProperty*/
   background: var(--gantt-scrollbar-thumb-color);
   background-clip: padding-box;
 }
 
-._horizontalContainer_z1ydk_81 {
+._horizontalContainer_7oj2l_87 {
   margin: 0;
   padding: 0;
   overflow: hidden;
   height: 100%;
   min-height: 0;
-  min-width: 0;
 }
 
-._ganttHeader_z1ydk_99 {
+._ganttHeader_7oj2l_103 {
   flex: 0 0 auto;
   z-index: 3;
 }
 
-._ganttBodyScroll_z1ydk_109 {
+._ganttBodyScroll_7oj2l_113 {
   flex: 1 1 auto;
   overflow-y: auto;
   overflow-x: hidden;
   min-height: 0;
   height: 100%;
+  max-height: 100%;
 }
 
-._wrapper_z1ydk_125 {
+._wrapper_7oj2l_131 {
   display: flex;
   padding: 0;
   margin: 0;
@@ -654,11 +661,13 @@
   border-bottom: 1px solid var(--gantt-divider-color);
   height: 100%;
   min-height: 0;
+  width: 100%;
   max-width: 100%;
   overflow: hidden;
+  contain: layout;
 }
 
-._calendarDragging_z1ydk_155 {
+._calendarDragging_7oj2l_165 {
   cursor: grabbing;
 }
 /*noinspection CssUnresolvedCustomProperty*/

package/package.json

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