gantt-task-react-v 1.0.35 → 1.0.36

package/dist/helpers/use-element-width.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/style.css

@@ -282,20 +282,19 @@
   border-bottom: 1px solid var(--gantt-divider-color);
   table-layout: fixed;
 }
-._taskListRoot_ycl6i_1 {
+._taskListRoot_1x5nq_1 {
   position: relative;
   /*noinspection CssUnresolvedCustomProperty*/
   border-left: 1px solid var(--gantt-table-divider-color, var(--gantt-divider-color));
   height: 100%;
   display: flex;
   flex-direction: column;
-  /* allow the gantt area to control horizontal scrolling rather than clipping here */
-  overflow: visible;
-  max-width: none;
+  overflow: hidden;
+  max-width: 100%;
   flex-shrink: 0;
 }
 
-._taskListHorizontalScroll_ycl6i_27 {
+._taskListHorizontalScroll_1x5nq_25 {
   overflow-x: auto;
   overflow-y: hidden;
   flex: 1;
@@ -303,16 +302,16 @@
   flex-direction: column;
 }
 
-._taskListHorizontalScroll_ycl6i_27::-webkit-scrollbar {
+._taskListHorizontalScroll_1x5nq_25::-webkit-scrollbar {
   width: 1rem;
   height: 1rem;
 }
 
-._taskListHorizontalScroll_ycl6i_27::-webkit-scrollbar-corner {
+._taskListHorizontalScroll_1x5nq_25::-webkit-scrollbar-corner {
   background: transparent;
 }
 
-._taskListHorizontalScroll_ycl6i_27::-webkit-scrollbar-thumb {
+._taskListHorizontalScroll_1x5nq_25::-webkit-scrollbar-thumb {
   border: 4px solid transparent;
   /*noinspection CssUnresolvedCustomProperty*/
   background: var(--gantt-scrollbar-thumb-color);
@@ -320,14 +319,14 @@
   background-clip: padding-box;
 }
 
-._taskListHorizontalScroll_ycl6i_27::-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_ycl6i_91 {
+._taskListResizer_1x5nq_89 {
   position: absolute;
   top: 0;
   right: -3px;
@@ -339,16 +338,16 @@
 }
 
 /*noinspection CssUnresolvedCustomProperty*/
-._taskListResizer_ycl6i_91:hover {
+._taskListResizer_1x5nq_89:hover {
   background-color: var(--gantt-table-hover-action-color);
   filter: var(--gantt-hover-filter);
 }
 
-._taskListResizer_ycl6i_91:hover::before {
+._taskListResizer_1x5nq_89:hover::before {
   display: none;
 }
 
-._taskListResizer_ycl6i_91::before {
+._taskListResizer_1x5nq_89::before {
   content: "";
   position: absolute;
   top: 0;
@@ -359,7 +358,7 @@
   background-color: var(--gantt-table-resize-color, var(--gantt-divider-color));
 }
 
-._horizontalContainer_ycl6i_155 {
+._horizontalContainer_1x5nq_153 {
   margin: 0;
   padding: 0;
   overflow-y: auto;
@@ -368,13 +367,13 @@
   min-height: 0;
 }
 
-._tableWrapper_ycl6i_173 {
+._tableWrapper_1x5nq_171 {
   position: relative;
   flex: 1;
   min-height: 0;
 }
 
-._scrollToTop_ycl6i_185 {
+._scrollToTop_1x5nq_183 {
   position: absolute;
   top: 0;
   left: 0;
@@ -382,7 +381,7 @@
   height: 20px;
 }
 
-._scrollToBottom_ycl6i_201 {
+._scrollToBottom_1x5nq_199 {
   position: absolute;
   bottom: 0;
   left: 0;
@@ -390,7 +389,7 @@
   height: 20px;
 }
 
-._hidden_ycl6i_217 {
+._hidden_1x5nq_215 {
   display: none;
 }
 ._ganttToday_1oyhk_1 {
@@ -584,7 +583,7 @@
   user-select: none;
   stroke-width: 0;
 }
-._ganttVerticalContainer_1btnv_1 {
+._ganttVerticalContainer_1xboz_1 {
   display: flex;
   flex-direction: column;
   overflow-x: auto;
@@ -597,21 +596,19 @@
   flex-grow: 1;
   height: 100%;
   min-height: 0;
-  /* allow this flex child to shrink correctly in a flex row so internal scrolling works */
-  min-width: 0;
   max-width: 100%;
 }
 
-._ganttVerticalContainer_1btnv_1::-webkit-scrollbar {
+._ganttVerticalContainer_1xboz_1::-webkit-scrollbar {
   width: 1rem;
   height: 1rem;
 }
 
-._ganttVerticalContainer_1btnv_1::-webkit-scrollbar-corner {
+._ganttVerticalContainer_1xboz_1::-webkit-scrollbar-corner {
   background: transparent;
 }
 
-._ganttVerticalContainer_1btnv_1::-webkit-scrollbar-thumb {
+._ganttVerticalContainer_1xboz_1::-webkit-scrollbar-thumb {
   border: 4px solid transparent;
   /*noinspection CssUnresolvedCustomProperty*/
   background: var(--gantt-scrollbar-thumb-color);
@@ -619,43 +616,35 @@
   background-clip: padding-box;
 }
 
-._ganttVerticalContainer_1btnv_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_1btnv_85 {
+._horizontalContainer_1xboz_81 {
   margin: 0;
   padding: 0;
-  /* allow the inner grid/svg to overflow horizontally so the outer container can scroll
-    (was clipping the svg when its width exceeded the container) */
-  overflow-x: auto;
-  overflow-y: hidden;
+  overflow: hidden;
   height: 100%;
   min-height: 0;
-  /* ensure this flex child can shrink correctly inside the gantt container */
-  min-width: 0;
 }
 
-._ganttHeader_1btnv_111 {
+._ganttHeader_1xboz_97 {
   flex: 0 0 auto;
   z-index: 3;
 }
 
-._ganttBodyScroll_1btnv_121 {
+._ganttBodyScroll_1xboz_107 {
   flex: 1 1 auto;
-  /* allow horizontal scrolling here so the visible scroll area matches the SVG width */
   overflow-y: auto;
-  overflow-x: auto;
+  overflow-x: hidden;
   min-height: 0;
   height: 100%;
-  /* make sure the body can be narrower than content to enable internal scrolling */
-  min-width: 0;
 }
 
-._wrapper_1btnv_143 {
+._wrapper_1xboz_123 {
   display: flex;
   padding: 0;
   margin: 0;
@@ -666,13 +655,11 @@
   border-bottom: 1px solid var(--gantt-divider-color);
   height: 100%;
   min-height: 0;
-  /* let the gantt component provide horizontal scrolling; prevent the wrapper from creating an outer scrollbar */
   max-width: 100%;
-  overflow-x: visible;
-  overflow-y: visible;
+  overflow: hidden;
 }
 
-._calendarDragging_1btnv_177 {
+._calendarDragging_1xboz_153 {
   cursor: grabbing;
 }
 /*noinspection CssUnresolvedCustomProperty*/

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gantt-task-react-v",
-  "version": "1.0.35",
+  "version": "1.0.36",
   "description": "Interactive Gantt Chart for React with TypeScript.",
   "author": "aguilanbon",
   "homepage": "https://github.com/aguilanbon/gantt-task-react-v",
@@ -23,7 +23,7 @@
   ],
   "scripts": {
     "storybook": "start-storybook -p 6006",
-  "build": "vite build && node -e \"require('child_process').execSync('tsc', {stdio:'inherit'})\"",
+    "build": "vite build && node -e \"require('child_process').execSync('tsc', {stdio:'inherit'})\"",
     "start": "vite --host",
     "prepare": "npm run build",
     "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
@@ -42,9 +42,10 @@
     "@dnd-kit/sortable": "^8.0.0",
     "@floating-ui/dom": "1.6.3",
     "@floating-ui/react": "0.26.11",
+    "@rollup/rollup-win32-x64-msvc": "^4.48.1",
     "date-fns": "3.6.0",
-    "i18next": "^24.0.5",
-    "react-i18next": "^15.1.3"
+    "i18next": "^25.4.1",
+    "react-i18next": "^15.7.2"
   },
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc",
@@ -56,14 +57,14 @@
     "@chromatic-com/storybook": "^1.3.1",
     "@rollup/plugin-image": "3.0.3",
     "@storybook/addon-essentials": "^8.0.6",
-    "@storybook/addon-interactions": "^8.0.6",
+    "@storybook/addon-interactions": "^8.6.14",
     "@storybook/addon-links": "^8.0.6",
     "@storybook/addon-onboarding": "^8.0.6",
     "@storybook/blocks": "^8.0.6",
     "@storybook/cli": "^8.4.4",
-    "@storybook/react": "^8.4.4",
+    "@storybook/react": "^8.6.14",
     "@storybook/react-vite": "^8.0.6",
-    "@storybook/test": "^8.0.6",
+    "@storybook/test": "^8.6.14",
     "@testing-library/jest-dom": "^6.4.2",
     "@testing-library/react": "^14.2.2",
     "@testing-library/user-event": "^14.2.1",