gantt-task-react-v 1.0.24 → 1.0.26

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_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 +13147,12 @@ const TaskGanttContentInner = (props) => {
   ] });
 };
 const TaskGanttContent = memo(TaskGanttContentInner);
-const ganttVerticalContainer = "_ganttVerticalContainer_bv09s_1";
-const horizontalContainer = "_horizontalContainer_bv09s_85";
-const ganttHeader = "_ganttHeader_bv09s_101";
-const ganttBodyScroll = "_ganttBodyScroll_bv09s_111";
-const wrapper = "_wrapper_bv09s_127";
-const calendarDragging = "_calendarDragging_bv09s_159";
+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 +13186,9 @@ const TaskGanttInner = (props) => {
   const containerStyle = useMemo(
     () => ({
       height: "100%",
-      width: fullSvgWidth
+      width: "100%"
     }),
-    [fullSvgWidth]
+    []
   );
   const gridStyle = useMemo(
     () => ({

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_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 +13164,12 @@
     ] });
   };
   const TaskGanttContent = React.memo(TaskGanttContentInner);
-  const ganttVerticalContainer = "_ganttVerticalContainer_bv09s_1";
-  const horizontalContainer = "_horizontalContainer_bv09s_85";
-  const ganttHeader = "_ganttHeader_bv09s_101";
-  const ganttBodyScroll = "_ganttBodyScroll_bv09s_111";
-  const wrapper = "_wrapper_bv09s_127";
-  const calendarDragging = "_calendarDragging_bv09s_159";
+  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 +13203,9 @@
     const containerStyle = React.useMemo(
       () => ({
         height: "100%",
-        width: fullSvgWidth
+        width: "100%"
       }),
-      [fullSvgWidth]
+      []
     );
     const gridStyle = React.useMemo(
       () => ({

package/dist/style.css

@@ -282,7 +282,7 @@
   border-bottom: 1px solid var(--gantt-divider-color);
   table-layout: fixed;
 }
-._taskListRoot_xeaio_1 {
+._taskListRoot_1x5nq_1 {
   position: relative;
   /*noinspection CssUnresolvedCustomProperty*/
   border-left: 1px solid var(--gantt-table-divider-color, var(--gantt-divider-color));
@@ -290,9 +290,11 @@
   display: flex;
   flex-direction: column;
   overflow: hidden;
+  max-width: 100%;
+  flex-shrink: 0;
 }
 
-._taskListHorizontalScroll_xeaio_21 {
+._taskListHorizontalScroll_1x5nq_25 {
   overflow-x: auto;
   overflow-y: hidden;
   flex: 1;
@@ -300,16 +302,16 @@
   flex-direction: column;
 }
 
-._taskListHorizontalScroll_xeaio_21::-webkit-scrollbar {
+._taskListHorizontalScroll_1x5nq_25::-webkit-scrollbar {
   width: 1rem;
   height: 1rem;
 }
 
-._taskListHorizontalScroll_xeaio_21::-webkit-scrollbar-corner {
+._taskListHorizontalScroll_1x5nq_25::-webkit-scrollbar-corner {
   background: transparent;
 }
 
-._taskListHorizontalScroll_xeaio_21::-webkit-scrollbar-thumb {
+._taskListHorizontalScroll_1x5nq_25::-webkit-scrollbar-thumb {
   border: 4px solid transparent;
   /*noinspection CssUnresolvedCustomProperty*/
   background: var(--gantt-scrollbar-thumb-color);
@@ -317,14 +319,14 @@
   background-clip: padding-box;
 }
 
-._taskListHorizontalScroll_xeaio_21::-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_xeaio_85 {
+._taskListResizer_1x5nq_89 {
   position: absolute;
   top: 0;
   right: -3px;
@@ -336,16 +338,16 @@
 }
 
 /*noinspection CssUnresolvedCustomProperty*/
-._taskListResizer_xeaio_85:hover {
+._taskListResizer_1x5nq_89:hover {
   background-color: var(--gantt-table-hover-action-color);
   filter: var(--gantt-hover-filter);
 }
 
-._taskListResizer_xeaio_85:hover::before {
+._taskListResizer_1x5nq_89:hover::before {
   display: none;
 }
 
-._taskListResizer_xeaio_85::before {
+._taskListResizer_1x5nq_89::before {
   content: "";
   position: absolute;
   top: 0;
@@ -356,7 +358,7 @@
   background-color: var(--gantt-table-resize-color, var(--gantt-divider-color));
 }
 
-._horizontalContainer_xeaio_149 {
+._horizontalContainer_1x5nq_153 {
   margin: 0;
   padding: 0;
   overflow-y: auto;
@@ -365,13 +367,13 @@
   min-height: 0;
 }
 
-._tableWrapper_xeaio_167 {
+._tableWrapper_1x5nq_171 {
   position: relative;
   flex: 1;
   min-height: 0;
 }
 
-._scrollToTop_xeaio_179 {
+._scrollToTop_1x5nq_183 {
   position: absolute;
   top: 0;
   left: 0;
@@ -379,7 +381,7 @@
   height: 20px;
 }
 
-._scrollToBottom_xeaio_195 {
+._scrollToBottom_1x5nq_199 {
   position: absolute;
   bottom: 0;
   left: 0;
@@ -387,7 +389,7 @@
   height: 20px;
 }
 
-._hidden_xeaio_211 {
+._hidden_1x5nq_215 {
   display: none;
 }
 ._ganttToday_1oyhk_1 {
@@ -581,10 +583,10 @@
   user-select: none;
   stroke-width: 0;
 }
-._ganttVerticalContainer_bv09s_1 {
+._ganttVerticalContainer_1xboz_1 {
   display: flex;
   flex-direction: column;
-  overflow-x: hidden;
+  overflow-x: auto;
   overflow-y: hidden;
   font-size: 0;
   margin: 0;
@@ -592,23 +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;
+  max-width: 100%;
 }
 
-._ganttVerticalContainer_bv09s_1::-webkit-scrollbar {
+._ganttVerticalContainer_1xboz_1::-webkit-scrollbar {
   width: 1rem;
   height: 1rem;
 }
 
-._ganttVerticalContainer_bv09s_1::-webkit-scrollbar-corner {
+._ganttVerticalContainer_1xboz_1::-webkit-scrollbar-corner {
   background: transparent;
 }
 
-._ganttVerticalContainer_bv09s_1::-webkit-scrollbar-thumb {
+._ganttVerticalContainer_1xboz_1::-webkit-scrollbar-thumb {
   border: 4px solid transparent;
   /*noinspection CssUnresolvedCustomProperty*/
   background: var(--gantt-scrollbar-thumb-color);
@@ -616,14 +616,14 @@
   background-clip: padding-box;
 }
 
-._ganttVerticalContainer_bv09s_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_bv09s_85 {
+._horizontalContainer_1xboz_81 {
   margin: 0;
   padding: 0;
   overflow: hidden;
@@ -631,12 +631,12 @@
   min-height: 0;
 }
 
-._ganttHeader_bv09s_101 {
+._ganttHeader_1xboz_97 {
   flex: 0 0 auto;
   z-index: 3;
 }
 
-._ganttBodyScroll_bv09s_111 {
+._ganttBodyScroll_1xboz_107 {
   flex: 1 1 auto;
   overflow-y: auto;
   overflow-x: hidden;
@@ -644,7 +644,7 @@
   height: 100%;
 }
 
-._wrapper_bv09s_127 {
+._wrapper_1xboz_123 {
   display: flex;
   padding: 0;
   margin: 0;
@@ -655,12 +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_bv09s_159 {
+._calendarDragging_1xboz_153 {
   cursor: grabbing;
 }
 /*noinspection CssUnresolvedCustomProperty*/

package/package.json

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