gantt-task-react-v 1.4.7 → 1.4.9

package/dist/style.css

@@ -122,6 +122,119 @@
   width: 20px;
   height: 20px;
 }
+._toggleWrapper_rjfhl_1 {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+}
+
+._toggleButton_rjfhl_15 {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 24px;
+  height: 24px;
+  border: none;
+  background: transparent;
+  cursor: pointer;
+  border-radius: 4px;
+  color: var(--gantt-table-header-color, #555);
+  padding: 2px;
+}
+
+._toggleButton_rjfhl_15:hover {
+  background-color: var(--gantt-table-hover-action-color, rgba(0, 0, 0, 0.08));
+}
+
+._dropdown_rjfhl_51 {
+  position: absolute;
+  top: 100%;
+  right: 0;
+  z-index: 100;
+  min-width: 180px;
+  max-height: 300px;
+  overflow-y: auto;
+  background: var(--gantt-table-header-background-color, #fff);
+  border: 1px solid
+    var(--gantt-table-divider-color, var(--gantt-divider-color, #e0e0e0));
+  border-radius: 6px;
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
+  padding: 4px 0;
+  margin-top: 4px;
+}
+
+._dropdownItem_rjfhl_85 {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 6px 12px;
+  cursor: pointer;
+  font-size: var(--gantt-font-size, 12px);
+  font-family: var(
+    --gantt-font-family,
+    Arial,
+    Roboto,
+    Oxygen,
+    Ubuntu,
+    Cantarell,
+    "Fira Sans",
+    "Droid Sans",
+    "Helvetica Neue",
+    sans-serif
+  );
+  color: var(--gantt-table-header-color, #333);
+  white-space: nowrap;
+  user-select: none;
+}
+
+._dropdownItem_rjfhl_85:hover {
+  background-color: var(--gantt-table-hover-action-color, rgba(0, 0, 0, 0.04));
+}
+
+._checkbox_rjfhl_141 {
+  width: 14px;
+  height: 14px;
+  accent-color: var(--gantt-bar-background-color, #4e87c4);
+  cursor: pointer;
+  margin: 0;
+}
+
+._columnLabel_rjfhl_157 {
+  flex: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+._dropdownTitle_rjfhl_169 {
+  padding: 6px 12px 4px;
+  font-size: 11px;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+  color: var(--gantt-table-header-color, #999);
+  font-family: var(
+    --gantt-font-family,
+    Arial,
+    Roboto,
+    Oxygen,
+    Ubuntu,
+    Cantarell,
+    "Fira Sans",
+    "Droid Sans",
+    "Helvetica Neue",
+    sans-serif
+  );
+}
+
+._divider_rjfhl_211 {
+  height: 1px;
+  margin: 4px 0;
+  background: var(
+    --gantt-table-divider-color,
+    var(--gantt-divider-color, #e0e0e0)
+  );
+}
 /*noinspection CssUnresolvedCustomProperty*/
 ._ganttTable_5goa0_3 {
   display: table;
@@ -728,7 +841,7 @@
 ._loaderHidden_covn4_49 {
   display: none;
 }
-._overlay_1rnqn_1 {
+._overlay_hyem8_1 {
   position: absolute;
   top: 0;
   left: 0;
@@ -737,7 +850,7 @@
   z-index: 998;
 }
 
-._drawer_1rnqn_19 {
+._drawer_hyem8_19 {
   position: absolute;
   top: 0;
   right: 0;
@@ -753,11 +866,11 @@
   transition: transform 0.25s ease;
 }
 
-._drawer_open_1rnqn_51 {
+._drawer_open_hyem8_51 {
   transform: translateX(0);
 }
 
-._header_1rnqn_59 {
+._header_hyem8_59 {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -766,7 +879,7 @@
   flex-shrink: 0;
 }
 
-._title_1rnqn_77 {
+._title_hyem8_77 {
   font-weight: 600;
   font-size: 14px;
   color: var(--gantt-drawer-title-color, #333);
@@ -776,7 +889,7 @@
   white-space: nowrap;
 }
 
-._closeButton_1rnqn_97 {
+._closeButton_hyem8_97 {
   background: none;
   border: none;
   cursor: pointer;
@@ -789,13 +902,43 @@
   transition: background 0.15s ease;
 }
 
-._closeButton_1rnqn_97:hover {
+._closeButton_hyem8_97:hover {
   background: var(--gantt-drawer-close-hover-bg, #f0f0f0);
 }
 
-._body_1rnqn_131 {
+._body_hyem8_131 {
   flex: 1;
   overflow-y: auto;
   overflow-x: hidden;
   padding: 16px;
 }
+
+._goToTaskBar_hyem8_145 {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+  margin-bottom: 12px;
+}
+
+._goToTaskButton_hyem8_159 {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  padding: 6px 12px;
+  font-size: 12px;
+  font-weight: 500;
+  color: var(--gantt-drawer-go-to-color, #1976d2);
+  background: var(--gantt-drawer-go-to-bg, #e3f2fd);
+  border: 1px solid var(--gantt-drawer-go-to-border, #90caf9);
+  border-radius: 4px;
+  cursor: pointer;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: 100%;
+  transition: background 0.15s ease;
+}
+
+._goToTaskButton_hyem8_159:hover {
+  background: var(--gantt-drawer-go-to-hover-bg, #bbdefb);
+}

package/dist/types/internal-types.d.ts

@@ -193,9 +193,12 @@ export type TaskListTableRowProps = {
 export interface TaskListHeaderProps {
     headerHeight: number;
     columns: readonly Column[];
+    allColumns: readonly Column[];
     canMoveTasks: boolean;
     canResizeColumns: boolean;
+    canToggleColumns: boolean;
     onColumnResizeStart: (columnIndex: number, clientX: number) => void;
+    onColumnVisibilityChange?: (columnId: string, hidden: boolean) => void;
 }
 export type MinAndMaxChildsOfTask = [
     [

package/dist/types/public-types.d.ts

@@ -156,6 +156,10 @@ export interface GanttTaskListProps {
      * Can resize columns
      */
     canResizeColumns?: boolean;
+    /**
+     * Show column visibility toggle button in the header
+     */
+    canToggleColumns?: boolean;
     /**
      *  Custom icons
      */
@@ -172,6 +176,10 @@ export interface GanttTaskListProps {
      * Can reorder tasks
      */
     onResizeColumn?: OnResizeColumn;
+    /**
+     * Callback when column visibility is toggled
+     */
+    onColumnVisibilityChange?: OnColumnVisibilityChange;
     /**
      * Render bottom table content
      */
@@ -438,8 +446,13 @@ export type Column = {
      * Pinned columns stay visible while scrolling horizontally.
      */
     pinned?: "left" | "right";
+    /**
+     * Hide this column from the table. Defaults to false.
+     */
+    hidden?: boolean;
 };
 export type OnResizeColumn = (nextColumns: readonly Column[], columnIndex: number, deltaWidth: number) => void;
+export type OnColumnVisibilityChange = (columnId: string, hidden: boolean) => void;
 export type ChangeAction = {
     type: "add-childs";
     parent: Task;

package/package.json

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