@thepocman/gantt-task-react 1.0.31 → 1.0.35

package/dist/components/task-item/task-item.d.ts

@@ -1,11 +1,14 @@
 import type { MouseEvent } from "react";
 import React from "react";
 import { GanttRelationEvent } from "../../types/gantt-task-actions";
-import { BarMoveAction, ChildOutOfParentWarnings, ColorStyles, DateExtremity, Distances, FixPosition, RelationKind, Task, TaskOrEmpty } from "../../types/public-types";
+import { BarMoveAction, ChildOutOfParentWarnings, ColorStyles, DateExtremity, Distances, FixPosition, RelationKind, RowIndexToTasksMap, Task, TaskOrEmpty, TaskToRowIndexMap } from "../../types/public-types";
 export type TaskItemProps = {
     children?: React.ReactNode;
     getTaskGlobalIndexByRef: (task: Task) => number;
     hasChildren: boolean;
+    isInCollapsedGroup: boolean;
+    rowIndexToTasksMap: RowIndexToTasksMap;
+    taskToRowIndexMap: TaskToRowIndexMap;
     hasDependencyWarning: boolean;
     progressWidth: number;
     progressX: number;

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

@@ -4814,7 +4814,6 @@ const Calendar = ({
       );
       const dayOfMonth = date.getDate();
       const prevDate = getDate(i2 - 1);
-      console.log("testing center :>> ", additionalLeftSpace + columnWidth * i2 + ticks * columnWidth * 0.5);
       if (!isUnknownDates && dayOfMonth !== prevDate.getDate()) {
         const topValue = renderTopHeaderByDate(date);
         topValues2.push(
@@ -5013,7 +5012,6 @@ const GridBodyInner = ({
         startColumnIndex
       )) {
         const x3 = additionalLeftSpace + columnWidth * i2;
-        console.log("drawing divider at x:", x3, "for index:", i2, "date:", currentDate);
         dividers.push(
           /* @__PURE__ */ jsx(
             "line",
@@ -5578,10 +5576,10 @@ const RelationLine = ({
     }
   );
 };
-const hoverVisibleWrapper = "_hoverVisibleWrapper_11ld1_1";
-const wrapper = "_wrapper_11ld1_1";
-const mainPath = "_mainPath_11ld1_17";
-const clickZone = "_clickZone_11ld1_35";
+const hoverVisibleWrapper = "_hoverVisibleWrapper_8hbnp_1";
+const wrapper = "_wrapper_8hbnp_1";
+const mainPath = "_mainPath_8hbnp_17";
+const clickZone = "_clickZone_8hbnp_35";
 const styles$4 = {
   hoverVisibleWrapper,
   wrapper,
@@ -6273,11 +6271,13 @@ const Milestone = ({
     }
   );
 };
-const barLabel = "_barLabel_y0tyg_1";
-const barLabelOutside = "_barLabelOutside_y0tyg_25";
+const barLabel = "_barLabel_y55xa_1";
+const barLabelOutside = "_barLabelOutside_y55xa_25";
+const barLabelTruncated = "_barLabelTruncated_y55xa_45";
 const style = {
   barLabel,
-  barLabelOutside
+  barLabelOutside,
+  barLabelTruncated
 };
 const TaskWarningInner = ({
   rtl,
@@ -6377,9 +6377,10 @@ const TaskItemInner = (props) => {
     isRelationChangeable,
     ganttRelationEvent,
     rtl,
+    enableTaskGrouping,
+    isInCollapsedGroup,
     selectTaskOnMouseDown,
     setTooltipTask,
-    enableTaskGrouping,
     task,
     task: { styles: taskStyles },
     taskHalfHeight,
@@ -6546,6 +6547,7 @@ const TaskItemInner = (props) => {
     task,
     width
   ]);
+  const isGrouped = enableTaskGrouping && isInCollapsedGroup;
   useEffect(() => {
     if (textRef.current) {
       setIsTextInside(textRef.current.getBBox().width < width);
@@ -6560,6 +6562,7 @@ const TaskItemInner = (props) => {
     }
     return x1 + width + arrowIndent * 1.2;
   }, [x1, width, isTextInside, rtl, arrowIndent]);
+  const textForRender = isGrouped ? "" : task.name;
   const onMouseDown = useCallback(
     (event) => {
       selectTaskOnMouseDown(task.id, event);
@@ -6576,6 +6579,7 @@ const TaskItemInner = (props) => {
     setTooltipTask(null, null);
   }, [setTooltipTask]);
   let barLabelFill = isTextInside || task.type == "milestone" ? styles2.barLabelColor : styles2.barLabelWhenOutsideColor;
+  let defaultBehavior = isTextInside ? style.barLabel : style.barLabel && style.barLabelOutside;
   return /* @__PURE__ */ jsxs(
     "g",
     {
@@ -6605,9 +6609,9 @@ const TaskItemInner = (props) => {
             fill: barLabelFill,
             x: x3,
             y: taskYOffset + taskHeight * 0.5,
-            className: isTextInside ? style.barLabel : style.barLabel && style.barLabelOutside,
+            className: defaultBehavior,
             ref: textRef,
-            children: enableTaskGrouping ? isTextInside ? task.name : "" : task.name
+            children: textForRender
           }
         ),
         (outOfParentWarnings || hasDependencyWarning) && /* @__PURE__ */ jsx(
@@ -6726,6 +6730,8 @@ const TaskGanttContent = ({
       for (const task of tasksAtRow) {
         const comparisonLevel = task.comparisonLevel ?? 1;
         const { id: taskId } = task;
+        const isInCollapsedGroup = enableTaskGrouping && task.parent && tasksAtRow.length > 1;
+        console.log("isInCollapsedGroup :>> ", isInCollapsedGroup);
         if (selectedIdsMirror[taskId] && !addedSelectedTasks[taskId]) {
           addedSelectedTasks[taskId] = true;
           const rowIndex = (_a = taskToRowIndexMap.get(comparisonLevel)) == null ? void 0 : _a.get(taskId);
@@ -6776,6 +6782,10 @@ const TaskGanttContent = ({
               children: /* @__PURE__ */ jsx(
                 TaskItem,
                 {
+                  isInCollapsedGroup,
+                  enableTaskGrouping,
+                  taskToRowIndexMap,
+                  rowIndexToTasksMap,
                   getTaskGlobalIndexByRef,
                   hasChildren: checkHasChildren(task, childTasksMap),
                   hasDependencyWarning: taskToHasDependencyWarningMap ? checkTaskHasDependencyWarning(task, taskToHasDependencyWarningMap) : false,
@@ -6808,8 +6818,7 @@ const TaskGanttContent = ({
                   fixStartPosition,
                   fixEndPosition,
                   handleDeleteTasks,
-                  colorStyles,
-                  enableTaskGrouping
+                  colorStyles
                 }
               )
             },
@@ -13149,6 +13158,7 @@ const Gantt = ({
   const barProps = useMemo(
     () => ({
       enableTaskGrouping,
+      taskMap: tasksMap,
       rowIndexToTasksMap,
       authorizedRelations,
       additionalLeftSpace,
@@ -13200,6 +13210,7 @@ const Gantt = ({
       additionalLeftSpace,
       additionalRightSpace,
       enableTaskGrouping,
+      tasksMap,
       rowIndexToTasksMap,
       checkIsHoliday,
       childOutOfParentWarnings,

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

@@ -4827,7 +4827,6 @@
         );
         const dayOfMonth = date.getDate();
         const prevDate = getDate(i - 1);
-        console.log("testing center :>> ", additionalLeftSpace + columnWidth * i + ticks * columnWidth * 0.5);
         if (!isUnknownDates && dayOfMonth !== prevDate.getDate()) {
           const topValue = renderTopHeaderByDate(date);
           topValues2.push(
@@ -5026,7 +5025,6 @@
           startColumnIndex
         )) {
           const x2 = additionalLeftSpace + columnWidth * i;
-          console.log("drawing divider at x:", x2, "for index:", i, "date:", currentDate);
           dividers.push(
             /* @__PURE__ */ jsxRuntime.jsx(
               "line",
@@ -5591,10 +5589,10 @@
       }
     );
   };
-  const hoverVisibleWrapper = "_hoverVisibleWrapper_11ld1_1";
-  const wrapper = "_wrapper_11ld1_1";
-  const mainPath = "_mainPath_11ld1_17";
-  const clickZone = "_clickZone_11ld1_35";
+  const hoverVisibleWrapper = "_hoverVisibleWrapper_8hbnp_1";
+  const wrapper = "_wrapper_8hbnp_1";
+  const mainPath = "_mainPath_8hbnp_17";
+  const clickZone = "_clickZone_8hbnp_35";
   const styles$4 = {
     hoverVisibleWrapper,
     wrapper,
@@ -6286,11 +6284,13 @@
       }
     );
   };
-  const barLabel = "_barLabel_y0tyg_1";
-  const barLabelOutside = "_barLabelOutside_y0tyg_25";
+  const barLabel = "_barLabel_y55xa_1";
+  const barLabelOutside = "_barLabelOutside_y55xa_25";
+  const barLabelTruncated = "_barLabelTruncated_y55xa_45";
   const style = {
     barLabel,
-    barLabelOutside
+    barLabelOutside,
+    barLabelTruncated
   };
   const TaskWarningInner = ({
     rtl,
@@ -6390,9 +6390,10 @@
       isRelationChangeable,
       ganttRelationEvent,
       rtl,
+      enableTaskGrouping,
+      isInCollapsedGroup,
       selectTaskOnMouseDown,
       setTooltipTask,
-      enableTaskGrouping,
       task,
       task: { styles: taskStyles },
       taskHalfHeight,
@@ -6559,6 +6560,7 @@
       task,
       width
     ]);
+    const isGrouped = enableTaskGrouping && isInCollapsedGroup;
     React.useEffect(() => {
       if (textRef.current) {
         setIsTextInside(textRef.current.getBBox().width < width);
@@ -6573,6 +6575,7 @@
       }
       return x1 + width + arrowIndent * 1.2;
     }, [x1, width, isTextInside, rtl, arrowIndent]);
+    const textForRender = isGrouped ? "" : task.name;
     const onMouseDown = React.useCallback(
       (event) => {
         selectTaskOnMouseDown(task.id, event);
@@ -6589,6 +6592,7 @@
       setTooltipTask(null, null);
     }, [setTooltipTask]);
     let barLabelFill = isTextInside || task.type == "milestone" ? styles2.barLabelColor : styles2.barLabelWhenOutsideColor;
+    let defaultBehavior = isTextInside ? style.barLabel : style.barLabel && style.barLabelOutside;
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "g",
       {
@@ -6618,9 +6622,9 @@
               fill: barLabelFill,
               x: x3,
               y: taskYOffset + taskHeight * 0.5,
-              className: isTextInside ? style.barLabel : style.barLabel && style.barLabelOutside,
+              className: defaultBehavior,
               ref: textRef,
-              children: enableTaskGrouping ? isTextInside ? task.name : "" : task.name
+              children: textForRender
             }
           ),
           (outOfParentWarnings || hasDependencyWarning) && /* @__PURE__ */ jsxRuntime.jsx(
@@ -6739,6 +6743,8 @@
         for (const task of tasksAtRow) {
           const comparisonLevel = task.comparisonLevel ?? 1;
           const { id: taskId } = task;
+          const isInCollapsedGroup = enableTaskGrouping && task.parent && tasksAtRow.length > 1;
+          console.log("isInCollapsedGroup :>> ", isInCollapsedGroup);
           if (selectedIdsMirror[taskId] && !addedSelectedTasks[taskId]) {
             addedSelectedTasks[taskId] = true;
             const rowIndex = (_a = taskToRowIndexMap.get(comparisonLevel)) == null ? void 0 : _a.get(taskId);
@@ -6789,6 +6795,10 @@
                 children: /* @__PURE__ */ jsxRuntime.jsx(
                   TaskItem,
                   {
+                    isInCollapsedGroup,
+                    enableTaskGrouping,
+                    taskToRowIndexMap,
+                    rowIndexToTasksMap,
                     getTaskGlobalIndexByRef,
                     hasChildren: checkHasChildren(task, childTasksMap),
                     hasDependencyWarning: taskToHasDependencyWarningMap ? checkTaskHasDependencyWarning(task, taskToHasDependencyWarningMap) : false,
@@ -6821,8 +6831,7 @@
                     fixStartPosition,
                     fixEndPosition,
                     handleDeleteTasks,
-                    colorStyles,
-                    enableTaskGrouping
+                    colorStyles
                   }
                 )
               },
@@ -13162,6 +13171,7 @@
     const barProps = React.useMemo(
       () => ({
         enableTaskGrouping,
+        taskMap: tasksMap,
         rowIndexToTasksMap,
         authorizedRelations,
         additionalLeftSpace,
@@ -13213,6 +13223,7 @@
         additionalLeftSpace,
         additionalRightSpace,
         enableTaskGrouping,
+        tasksMap,
         rowIndexToTasksMap,
         checkIsHoliday,
         childOutOfParentWarnings,

package/dist/helpers/truncate-task-label.d.ts

@@ -0,0 +1 @@
+export declare const truncateText: (text: string, maxWidth: number, textElement: SVGTextElement | null) => string;

package/dist/style.css

@@ -440,28 +440,27 @@
   stroke-width: 2;
   stroke-dasharray: 4;
 }
-._hoverVisibleWrapper_11ld1_1:hover ._wrapper_11ld1_1 {
+._hoverVisibleWrapper_8hbnp_1:hover ._wrapper_8hbnp_1 {
   display: initial;
 }
 
-._wrapper_11ld1_1 {
+._wrapper_8hbnp_1 {
   cursor: pointer;
 }
 
-._wrapper_11ld1_1:hover ._mainPath_11ld1_17 {
+._wrapper_8hbnp_1:hover ._mainPath_8hbnp_17 {
   filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, .7));
 }
 
-._mainPath_11ld1_17 {
+._mainPath_8hbnp_17 {
   fill: none;
   stroke-width: 1.5px;
 }
 
-._clickZone_11ld1_35 {
+._clickZone_8hbnp_35 {
   fill: transparent;
   stroke: transparent;
-}
-._barWrapper_1kg71_1 {
+}._barWrapper_1kg71_1 {
   cursor: pointer;
   outline: none;
 }
@@ -521,7 +520,7 @@
 ._milestoneBackground_vcirf_11 {
   user-select: none;
 }
-._barLabel_y0tyg_1 {
+._barLabel_y55xa_1 {
   text-anchor: middle;
   font-weight: lighter;
   dominant-baseline: central;
@@ -533,7 +532,7 @@
   pointer-events: none;
 }
 
-._barLabelOutside_y0tyg_25 {
+._barLabelOutside_y55xa_25 {
   text-anchor: start;
   -webkit-touch-callout: none;
   -webkit-user-select: none;
@@ -542,7 +541,11 @@
   user-select: none;
   pointer-events: none;
 }
-._menuOption_z7pb4_1 {
+
+._barLabelTruncated_y55xa_45 {
+  text-anchor: middle;
+  dominant-baseline: middle;
+}._menuOption_z7pb4_1 {
   display: flex;
   align-items: center;
   gap: 5px;

package/package.json

@@ -1,133 +1,138 @@
-{
-  "name": "@thepocman/gantt-task-react",
-  "version": "1.0.31",
-  "description": "Fork of gantt-task-react with support for grouped tasks on a single row when collapsed",
-  "author": "Adrian Bueno <adrianlbueno@users.noreply.github.com>",
-  "homepage": "https://github.com/adrianlbueno/gantt-task-react#readme",
-  "license": "MIT",
-  "contributors": [
-    {
-      "name": "MaTeMaTuK",
-      "url": "https://github.com/MaTeMaTuK"
-    },
-    {
-      "name": "Janlaywss",
-      "url": "https://github.com/Janlaywss"
-    },
-    {
-      "name": "Adrian Bueno",
-      "url": "https://github.com/adrianlbueno"
-    }
-  ],
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/adrianlbueno/gantt-task-react.git"
-  },
-  "publishConfig": {
-    "access": "public"
-  },
-  "main": "./dist/gantt-task-react.umd.js",
-  "module": "./dist/gantt-task-react.es.js",
-  "types": "./dist/index.d.ts",
-  "source": "src/index.tsx",
-  "keywords": [
-    "react",
-    "gantt",
-    "typescript",
-    "chart",
-    "svg",
-    "gantt-chart",
-    "gantt chart",
-    "react-gantt",
-    "task"
-  ],
-  "scripts": {
-    "storybook": "storybook dev",
-    "build": "vite build && tsc",
-    "start": "vite --host",
-    "prepare": "run-s build",
-    "test": "run-s test:unit test:lint test:build",
-    "test:build": "run-s build",
-    "test:lint": "eslint --ext .tsx src/**/*",
-    "test:unit": "cross-env CI=1 react-scripts test --env=jsdom",
-    "test:watch": "react-scripts test --env=jsdom",
-    "predeploy": "yarn storybook build",
-    "deploy-storybook": "gh-pages -d storybook-static",
-    "build-storybook": "storybook build"
-  },
-  "dependencies": {
-    "@floating-ui/dom": "1.1.1",
-    "@floating-ui/react": "0.19.2",
-    "date-fns": "2.29.3"
-  },
-  "overrides": {
-    "typescript": "~5.1.6"
-  },
-  "peerDependencies": {
-    "@mui/icons-material": "^6.1.0",
-    "@mui/material": "^6.1.0",
-    "react": ">=18.0.0",
-    "react-dom": ">=18.0.0"
-  },
-  "devDependencies": {
-    "@babel/plugin-transform-regenerator": "~7.20.5",
-    "@babel/types": "~7.20.7",
-    "@emotion/react": "11.13.5",
-    "@emotion/styled": "11.13.5",
-    "@mdx-js/react": "~2.2.1",
-    "@mui/icons-material": "^6.1.9",
-    "@mui/material": "^6.1.9",
-    "@rollup/plugin-image": "2.1.1",
-    "@storybook/addon-controls": "~7.6.20",
-    "@storybook/addon-docs": "~7.6.20",
-    "@storybook/addons": "~7.6.20",
-    "@storybook/channel-postmessage": "~7.6.20",
-    "@storybook/channel-websocket": "~7.6.20",
-    "@storybook/client-api": "~7.6.20",
-    "@storybook/mdx2-csf": "~1.1.0",
-    "@storybook/node-logger": "~7.6.20",
-    "@storybook/preview-web": "~7.6.20",
-    "@storybook/react": "~7.6.20",
-    "@storybook/react-vite": "~7.6.20",
-    "@testing-library/jest-dom": "~5.16.5",
-    "@testing-library/react": "~16.0.1",
-    "@testing-library/user-event": "~14.2.6",
-    "@types/jest": "~27.5.2",
-    "@types/node": "~15.0.3",
-    "@types/react": "~18.3.12",
-    "@types/react-dom": "~18.3.1",
-    "@vitejs/plugin-react": "4.0.4",
-    "cross-env": "~7.0.3",
-    "doctrine": "~3.0.0",
-    "eslint": "^8.50.0",
-    "eslint-config-react-app": "^7.0.1",
-    "gh-pages": "~5.0.0",
-    "identity-obj-proxy": "~3.0.0",
-    "jsdom": "^25.0.1",
-    "mini-css-extract-plugin": "~2.7.7",
-    "npm-run-all": "~4.1.5",
-    "postcss-flexbugs-fixes": "~5.0.2",
-    "postcss-normalize": "~10.0.1",
-    "postcss-preset-env": "~8.0.1",
-    "prettier": "~2.8.8",
-    "react": "~18.3.1",
-    "react-dom": "~18.3.1",
-    "react-scripts": "^5.0.1",
-    "rollup-plugin-peer-deps-external": "2.2.4",
-    "storybook": "7.6.20",
-    "typescript": "~5.1.6",
-    "vite": "^4.5.5",
-    "vitest": "0.34.6"
-  },
-  "files": [
-    "dist"
-  ],
-  "jest": {
-    "transformIgnorePatterns": [
-      "/node_modules/(?!react-dnd|core-dnd|@react-dnd|dnd-core|react-dnd-html5-backend)"
-    ],
-    "moduleNameMapper": {
-      "/~.+\\.module\\.(css|sass|scss)$/": "identity-obj-proxy"
-    }
-  }
-}
+{
+  "name": "@thepocman/gantt-task-react",
+  "version": "1.0.35",
+  "description": "Fork of gantt-task-react with support for grouped tasks on a single row when collapsed",
+  "author": "Adrian Bueno <adrianlbueno@users.noreply.github.com>",
+  "homepage": "https://github.com/adrianlbueno/gantt-task-react#readme",
+  "license": "MIT",
+  "contributors": [
+    {
+      "name": "MaTeMaTuK",
+      "url": "https://github.com/MaTeMaTuK"
+    },
+    {
+      "name": "Janlaywss",
+      "url": "https://github.com/Janlaywss"
+    },
+    {
+      "name": "Adrian Bueno",
+      "url": "https://github.com/adrianlbueno"
+    }
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/adrianlbueno/gantt-task-react.git"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "main": "./dist/gantt-task-react.umd.js",
+  "module": "./dist/gantt-task-react.es.js",
+  "types": "./dist/index.d.ts",
+  "source": "src/index.tsx",
+  "keywords": [
+    "react",
+    "gantt",
+    "typescript",
+    "chart",
+    "svg",
+    "gantt-chart",
+    "gantt chart",
+    "react-gantt",
+    "task"
+  ],
+  "scripts": {
+    "storybook": "storybook dev",
+    "build": "vite build && tsc",
+    "start": "vite --host",
+    "prepare": "run-s build",
+    "test": "run-s test:unit test:lint test:build",
+    "test:build": "run-s build",
+    "test:lint": "eslint --ext .tsx src/**/*",
+    "test:unit": "cross-env CI=1 react-scripts test --env=jsdom",
+    "test:watch": "react-scripts test --env=jsdom",
+    "predeploy": "yarn storybook build",
+    "deploy-storybook": "gh-pages -d storybook-static",
+    "build-storybook": "storybook build"
+  },
+  "dependencies": {
+    "@floating-ui/dom": "1.1.1",
+    "@floating-ui/react": "0.19.2",
+    "date-fns": "2.29.3"
+  },
+  "overrides": {
+    "typescript": "~5.1.6"
+  },
+  "peerDependencies": {
+    "@mui/icons-material": "^6.1.0",
+    "@mui/material": "^6.1.0",
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0"
+  },
+  "devDependencies": {
+    "@babel/plugin-transform-regenerator": "~7.20.5",
+    "@babel/types": "~7.20.7",
+    "@emotion/react": "11.13.5",
+    "@emotion/styled": "11.13.5",
+    "@mdx-js/react": "~2.2.1",
+    "@mui/icons-material": "^6.1.9",
+    "@mui/material": "^6.1.9",
+    "@rollup/plugin-image": "2.1.1",
+    "@storybook/addon-controls": "~7.6.20",
+    "@storybook/addon-docs": "~7.6.20",
+    "@storybook/addons": "~7.6.20",
+    "@storybook/channel-postmessage": "~7.6.20",
+    "@storybook/channel-websocket": "~7.6.20",
+    "@storybook/client-api": "~7.6.20",
+    "@storybook/mdx2-csf": "~1.1.0",
+    "@storybook/node-logger": "~7.6.20",
+    "@storybook/preview-web": "~7.6.20",
+    "@storybook/react": "~7.6.20",
+    "@storybook/react-vite": "~7.6.20",
+    "@testing-library/jest-dom": "~5.16.5",
+    "@testing-library/react": "~16.0.1",
+    "@testing-library/user-event": "~14.2.6",
+    "@types/jest": "~27.5.2",
+    "@types/node": "~15.0.3",
+    "@types/react": "~18.3.12",
+    "@types/react-dom": "~18.3.1",
+    "@vitejs/plugin-react": "4.0.4",
+    "cross-env": "~7.0.3",
+    "doctrine": "~3.0.0",
+    "eslint": "^8.50.0",
+    "eslint-config-react-app": "^7.0.1",
+    "gh-pages": "~5.0.0",
+    "identity-obj-proxy": "~3.0.0",
+    "jsdom": "^25.0.1",
+    "mini-css-extract-plugin": "~2.7.7",
+    "npm-run-all": "~4.1.5",
+    "postcss-flexbugs-fixes": "~5.0.2",
+    "postcss-normalize": "~10.0.1",
+    "postcss-preset-env": "~8.0.1",
+    "prettier": "~2.8.8",
+    "react": "~18.3.1",
+    "react-dom": "~18.3.1",
+    "react-scripts": "^5.0.1",
+    "rollup-plugin-peer-deps-external": "2.2.4",
+    "storybook": "7.6.20",
+    "typescript": "~5.1.6",
+    "vite": "^4.5.5",
+    "vitest": "0.34.6"
+  },
+  "files": [
+    "dist"
+  ],
+  "jest": {
+    "transformIgnorePatterns": [
+      "/node_modules/(?!react-dnd|core-dnd|@react-dnd|dnd-core|react-dnd-html5-backend)"
+    ],
+    "moduleNameMapper": {
+      "/~.+\\.module\\.(css|sass|scss)$/": "identity-obj-proxy"
+    }
+  },
+  "eslintConfig": {
+    "extends": [
+      "plugin:storybook/recommended"
+    ]
+  }
+}