gantt-task-react-v 1.0.0

package/dist/style.css

@@ -0,0 +1,686 @@
+/*noinspection CssUnresolvedCustomProperty*/
+._tooltipDefaultContainer_16o9s_3 {
+  background: #fff;
+  padding: 12px;
+  box-shadow: var(--gant--tooltip-box-shadow);
+  border-radius: var(--gantt-shape-border-radius);
+}
+
+._tooltipDefaultContainerTexts_16o9s_17 {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  margin-top: 12px;
+}
+
+._tooltipDefaultContainerParagraph_16o9s_31 {
+  font-size: 12px;
+  /*noinspection CssUnresolvedCustomProperty*/
+  color: var(--gantt-secondary-text-color);
+  padding: 0;
+  margin: 0;
+}
+
+._tooltipDetailsContainer_16o9s_47 {
+  position: absolute;
+  display: flex;
+  flex-shrink: 0;
+  pointer-events: none;
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+
+._tooltipDetailsContainerHidden_16o9s_71 {
+  visibility: hidden;
+  position: absolute;
+  display: flex;
+  pointer-events: none;
+}
+._scroll_hp3qb_1 {
+  overflow: hidden auto;
+  width: 1rem;
+  flex-shrink: 0;
+  /*firefox*/
+  /*scrollbar-width: auto;*/
+}
+
+._scroll_hp3qb_1::-webkit-scrollbar {
+  width: 1rem;
+  height: 1rem;
+}
+
+._scroll_hp3qb_1::-webkit-scrollbar-corner {
+  background: transparent;
+}
+
+._scroll_hp3qb_1::-webkit-scrollbar-thumb {
+  border: 4px solid transparent;
+  min-height: 2rem;
+  /*noinspection CssUnresolvedCustomProperty*/
+  background: var(--gantt-scrollbar-thumb-color, rgba(0, 0, 0, 0.2));
+  border-radius: 12px;
+  background-clip: padding-box;
+}
+
+._scroll_hp3qb_1::-webkit-scrollbar-thumb:hover {
+  border: 2px solid transparent;
+  /*noinspection CssUnresolvedCustomProperty*/
+  background: var(--gantt-scrollbar-thumb-color, rgba(0, 0, 0, 0.3));
+  background-clip: padding-box;
+}
+._taskListNameWrapper_16z6n_1 {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  position: relative;
+}
+
+._dragging_16z6n_15 {
+  opacity: 0.5;
+}
+
+._taskListExpander_16z6n_23 {
+  position: absolute;
+  left: 0;
+  vertical-align: middle;
+  text-align: center;
+  user-select: none;
+  cursor: pointer;
+  /*noinspection CssUnresolvedCustomProperty*/
+  fill: var(--gantt-table-action-color);
+}
+
+._taskListEmptyExpander_16z6n_45 {
+  user-select: none;
+  cursor: default;
+}
+
+._taskName_16z6n_55 {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  margin-left: 24px;
+}
+._button_l55x0_1 {
+  margin: 0;
+  padding: 5px;
+  border: none;
+  outline: none;
+  background: transparent;
+  cursor: pointer;
+  font-size: 20px;
+  font-weight: bold;
+  z-index: 2;
+  /*noinspection CssUnresolvedCustomProperty*/
+  fill: var(--gantt-table-action-color);
+}
+
+._button_l55x0_1 svg {
+  width: 20px;
+  height: 20px;
+}
+/*noinspection CssUnresolvedCustomProperty*/
+._ganttTable_5goa0_3 {
+  display: table;
+  border-bottom: 1px solid var(--gantt-table-divider-color, var(--gantt-divider-color));
+  border-top: 1px solid var(--gantt-table-divider-color, var(--gantt-divider-color));
+}
+
+._ganttTable_Header_5goa0_15 {
+  display: table-row;
+  list-style: none;
+}
+
+/*noinspection CssUnresolvedCustomProperty*/
+._ganttTable_HeaderMoveTask_5goa0_27 {
+  display: table-cell;
+  min-width: var(--gantt-table-drag-column-width);
+  width: var(--gantt-table-drag-column-width);
+}
+
+._ganttTable_HeaderSeparator_5goa0_39 {
+  /*noinspection CssUnresolvedCustomProperty*/
+  border-right: 1px solid var(--gantt-table-divider-color, var(--gantt-divider-color));
+  opacity: 1;
+  margin-left: -2px;
+}
+
+._ganttTable_HeaderItem_5goa0_53 {
+  position: relative;
+  box-sizing: border-box;
+  overflow: hidden;
+  padding-left: 5px;
+  padding-right: 5px;
+  display: table-cell;
+  /*noinspection CssInvalidPropertyValue*/
+  vertical-align: -webkit-baseline-middle;
+  vertical-align: middle;
+}
+
+._resizer_5goa0_77 {
+  position: absolute;
+  top: 0;
+  right: -3px;
+  height: 100%;
+  width: 6px;
+  cursor: ew-resize;
+  user-select: none;
+}
+
+._ganttTable_HeaderItem_5goa0_53:last-child ._resizer_5goa0_77 {
+  width: 5px;
+  right: 5px;
+}
+
+/*noinspection CssUnresolvedCustomProperty*/
+._resizer_5goa0_77:hover {
+  background-color: var(--gantt-table-hover-action-color);
+}
+
+/*noinspection CssUnresolvedCustomProperty*/
+._taskListWrapper_196te_3 {
+  display: table;
+  border-bottom: 1px solid var(--gantt-divider-color);
+  table-layout: fixed;
+}
+._taskListTableRow_1yqtr_1 {
+  position: relative;
+  display: table-row;
+  text-overflow: ellipsis;
+}
+
+._isAfter_1yqtr_13 {
+  /*noinspection CssUnresolvedCustomProperty*/
+
+  &:after {
+    content: '';
+    position: absolute;
+    background-color: var(--gantt-table-hover-action-color);
+    width: 100%;
+    height: 2px;
+    bottom: 0;
+    left: 0;
+  }
+}
+
+._isBefore_1yqtr_41 {
+  /*noinspection CssUnresolvedCustomProperty*/
+
+  &:after {
+    content: '';
+    position: absolute;
+    background-color: var(--gantt-table-hover-action-color);
+    width: 100%;
+    height: 2px;
+    top: 0;
+    left: 0;
+  }
+}
+
+._isOverlay_1yqtr_69 {
+  /*noinspection CssUnresolvedCustomProperty*/
+
+  &:after {
+    content: '';
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    top: 0;
+    left: 0;
+    border: 1px solid var(--gantt-divider-color);
+  }
+}
+
+/*noinspection CssUnresolvedCustomProperty*/
+._dragIndicator_1yqtr_99 {
+  cursor: grab;
+  color: var(--gantt-table-drag-indicator-color, var(--gantt-table-action-color));
+  fill: var(--gantt-table-drag-indicator-color, var(--gantt-table-action-color));
+  display: table-cell;
+  vertical-align: middle;
+  text-align: center;
+  min-width: var(--gantt-table-drag-column-width);
+}
+
+._dragIndicatorIcon_1yqtr_119 {
+  width: 18px;
+  height: 18px;
+  color: inherit;
+  fill: currentColor;
+  vertical-align: middle;
+}
+
+._isCut_1yqtr_135 {
+  /*noinspection CssUnresolvedCustomProperty*/
+
+  &:after {
+    content: '';
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    top: 0;
+    left: 0;
+    background-color: rgba(255, 255, 255, 0.7);
+    border: 1px dashed var(--gantt-table-hover-action-color);
+    z-index: 2;
+  }
+}
+
+._taskListCell_1yqtr_167 {
+  display: table-cell;
+  vertical-align: middle;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+/*noinspection CssUnresolvedCustomProperty*/
+._taskListWrapper_196te_3 {
+  display: table;
+  border-bottom: 1px solid var(--gantt-divider-color);
+  table-layout: fixed;
+}
+._taskListRoot_3y2l5_1 {
+  position: relative;
+  /*noinspection CssUnresolvedCustomProperty*/
+  border-left: 1px solid var(--gantt-table-divider-color, var(--gantt-divider-color));
+}
+
+._taskListHorizontalScroll_3y2l5_13 {
+  overflow-x: scroll;
+}
+
+._taskListHorizontalScroll_3y2l5_13::-webkit-scrollbar {
+  width: 1rem;
+  height: 1rem;
+}
+
+._taskListHorizontalScroll_3y2l5_13::-webkit-scrollbar-corner {
+  background: transparent;
+}
+
+._taskListHorizontalScroll_3y2l5_13::-webkit-scrollbar-thumb {
+  border: 4px solid transparent;
+  /*noinspection CssUnresolvedCustomProperty*/
+  background: var(--gantt-scrollbar-thumb-color);
+  border-radius: 12px;
+  background-clip: padding-box;
+}
+
+._taskListHorizontalScroll_3y2l5_13::-webkit-scrollbar-thumb:hover {
+  border: 2px solid transparent;
+  /*noinspection CssUnresolvedCustomProperty*/
+  background: var(--gantt-scrollbar-thumb-color);
+  background-clip: padding-box;
+}
+
+._taskListResizer_3y2l5_69 {
+  position: absolute;
+  top: 0;
+  right: -3px;
+  height: 100%;
+  width: 6px;
+  cursor: ew-resize;
+  user-select: none;
+  z-index: 3;
+}
+
+/*noinspection CssUnresolvedCustomProperty*/
+._taskListResizer_3y2l5_69:hover {
+  background-color: var(--gantt-table-hover-action-color);
+  filter: var(--gantt-hover-filter);
+}
+
+._taskListResizer_3y2l5_69:hover::before {
+  display: none;
+}
+
+._taskListResizer_3y2l5_69::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 3px;
+  height: 100%;
+  width: 1px;
+  /*noinspection CssUnresolvedCustomProperty*/
+  background-color: var(--gantt-table-resize-color, var(--gantt-divider-color));
+}
+
+._horizontalContainer_3y2l5_133 {
+  margin: 0;
+  padding: 0;
+  overflow: hidden;
+}
+
+._tableWrapper_3y2l5_145 {
+  position: relative;
+}
+
+._scrollToTop_3y2l5_153 {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 20px;
+}
+
+._scrollToBottom_3y2l5_169 {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  height: 20px;
+}
+
+._hidden_3y2l5_185 {
+  display: none;
+}
+._ganttToday_1oyhk_1 {
+  z-index: 1;
+}
+
+._ganttTodayCircle_1oyhk_9 {
+
+}
+._calendarBottomText_15t8b_1 {
+  text-anchor: middle;
+  /*noinspection CssUnresolvedCustomProperty*/
+  fill: var(--gantt-calendar-bottom-text-color, var(--gantt-secondary-text-color));
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  pointer-events: none;
+}
+
+._calendarTopTick_15t8b_25 {
+  /*noinspection CssUnresolvedCustomProperty*/
+  stroke: var(--gantt-calendar-top-divider-color, var(--gantt-divider-color));
+}
+
+._calendarTopText_15t8b_35 {
+  text-anchor: middle;
+  /*noinspection CssUnresolvedCustomProperty*/
+  fill: var(--gantt-calendar-top-text-color, var(--gantt-primary-text-color));
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  pointer-events: none;
+  font-weight: bold;
+}
+
+._calendarHeader_15t8b_61 {
+  fill: transparent;
+  /*noinspection CssUnresolvedCustomProperty*/
+  stroke: var(--gantt-calendar-stroke-color);
+  stroke-width: 1.4;
+}
+
+._calendar_15t8b_1 {
+  cursor: auto;
+  user-select: none;
+}
+
+._calendarDragging_15t8b_85 {
+  cursor: ew-resize;
+}
+._arrow_clickable_3bsl2_1 {
+  cursor: pointer;
+}
+
+/*noinspection CssUnresolvedCustomProperty*/
+._arrow_clickable_3bsl2_1:hover ._mainPath_3bsl2_11 {
+  filter: var(--gantt-hover-filter);
+  stroke: var(--gantt-arrow-hover-color, red);
+  stroke-width: 3px;
+}
+
+/*noinspection CssUnresolvedCustomProperty*/
+._arrow_clickable_3bsl2_1:hover polygon {
+  fill: var(--gantt-arrow-hover-color, red);
+}
+
+._mainPath_3bsl2_11 {
+  fill: none;
+  stroke-width: 2px;
+}
+
+._clickZone_3bsl2_43 {
+  fill: none;
+  stroke: transparent;
+  stroke-width: 8px;
+}
+._relationLine_wh2qy_1 {
+  /*noinspection CssUnresolvedCustomProperty*/
+  stroke: var(--gantt-arrow-relation-color);
+  stroke-width: 2;
+  stroke-dasharray: 4;
+  z-index: 2;
+}
+._barWrapper_5jhkr_1 {
+  cursor: pointer;
+  outline: none;
+}
+
+._barWrapper_5jhkr_1:hover ._barHandle_5jhkr_11 {
+  visibility: visible;
+  opacity: 1;
+}
+
+/*noinspection CssUnresolvedCustomProperty*/
+._barHandle_5jhkr_11 {
+  fill: var(--gantt-bar-handle-color);
+  cursor: ew-resize;
+  opacity: 0;
+  visibility: hidden;
+}
+
+._barHandleImportantVisible_5jhkr_37 {
+  visibility: visible !important;
+  opacity: 1 !important;
+}
+
+._barHandleImportantHidden_5jhkr_47 {
+  visibility: hidden !important;
+  opacity: 0 !important;
+}
+
+._barBackground_5jhkr_57 {
+  user-select: none;
+  stroke-width: 0;
+}
+._projectWrapper_1maxt_1 {
+  cursor: pointer;
+  outline: none;
+}
+
+._projectBackground_1maxt_11 {
+  user-select: none;
+  opacity: 0.6;
+}
+
+._projectTop_1maxt_21 {
+  user-select: none;
+}
+._barRelationHandleWrapper_eluno_1 {
+  outline: none;
+}
+
+._barRelationHandleWrapper_eluno_1:hover ._barRelationHandle_eluno_1, ._barRelationHandle_eluno_1._barRelationHandle_drawMode_eluno_9 {
+  opacity: 1;
+}
+
+/*noinspection CssUnresolvedCustomProperty*/
+._barRelationHandle_eluno_1 {
+  fill: var(--gantt-bar-handle-color);
+  stroke: var(--gantt-primary-text-color);
+  cursor: pointer;
+  opacity: 0;
+  z-index: 1;
+}
+._milestoneWrapper_vcirf_1 {
+  cursor: pointer;
+  outline: none;
+}
+
+._milestoneBackground_vcirf_11 {
+  user-select: none;
+}
+._barLabel_1ca31_1 {
+  fill: #fff;
+  text-anchor: middle;
+  font-weight: lighter;
+  dominant-baseline: central;
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  pointer-events: none;
+}
+
+._barLabelHidden_1ca31_27 {
+  display: none;
+}
+
+/*noinspection CssUnresolvedCustomProperty*/
+._barLabelOutside_1ca31_37 {
+  fill: var(--gantt-secondary-text-color);
+  text-anchor: start;
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  pointer-events: none;
+}
+._TaskItemWrapper_8x02m_1 {
+  outline: none;
+  z-index: 2;
+  overflow: visible !important;
+}
+._barComparison_14078_1 {
+  user-select: none;
+  stroke-width: 0;
+}
+._ganttVerticalContainer_1unzl_1 {
+  overflow-x: scroll;
+  overflow-y: hidden;
+  font-size: 0;
+  margin: 0;
+  padding: 0;
+  /*noinspection CssUnresolvedCustomProperty*/
+  border-right: 1px solid var(--gantt-calendar-divider-color, var(--gantt-divider-color));
+  flex-grow: 1;
+}
+
+._ganttVerticalContainer_1unzl_1::-webkit-scrollbar {
+  width: 1rem;
+  height: 1rem;
+}
+
+._ganttVerticalContainer_1unzl_1::-webkit-scrollbar-corner {
+  background: transparent;
+}
+
+._ganttVerticalContainer_1unzl_1::-webkit-scrollbar-thumb {
+  border: 4px solid transparent;
+  /*noinspection CssUnresolvedCustomProperty*/
+  background: var(--gantt-scrollbar-thumb-color);
+  border-radius: 12px;
+  background-clip: padding-box;
+}
+
+._ganttVerticalContainer_1unzl_1::-webkit-scrollbar-thumb:hover {
+  border: 2px solid transparent;
+  /*noinspection CssUnresolvedCustomProperty*/
+  background: var(--gantt-scrollbar-thumb-color);
+  background-clip: padding-box;
+}
+
+._horizontalContainer_1unzl_71 {
+  margin: 0;
+  padding: 0;
+  overflow: hidden;
+}
+
+._wrapper_1unzl_83 {
+  display: flex;
+  padding: 0;
+  margin: 0;
+  list-style: none;
+  outline: none;
+  position: relative;
+  /*noinspection CssUnresolvedCustomProperty*/
+  border-bottom: 1px solid var(--gantt-divider-color);
+}
+
+._calendarDragging_1unzl_105 {
+  cursor: grabbing;
+}
+/*noinspection CssUnresolvedCustomProperty*/
+._menuOption_1ulvi_3 {
+  display: flex;
+  align-items: center;
+  text-align: left;
+  gap: 12px;
+  background-color: #fff;
+  cursor: pointer;
+  font-size: 16px;
+  min-width: 120px;
+  border: none;
+  padding-block: unset;
+  padding-inline: unset;
+  min-height: 36px;
+  z-index: 1;
+  fill: var(--gantt-table-action-color);
+}
+
+._menuOption_1ulvi_3 svg {
+  width: 20px;
+  height: 20px;
+}
+
+._menuOption_1ulvi_3:hover {
+  background-color: #eeeeee;
+}
+
+._icon_1ulvi_55 {
+  font-size: inherit;
+}
+
+._label_1ulvi_63 {
+  flex: 1;
+}
+/* HTML: <div class="loader"></div> */
+/*noinspection CssInvalidFunction,CssUnresolvedCustomProperty*/
+._loader_covn4_5 {
+  position: absolute;
+  height: 4px;
+  width: 100%;
+  --c: no-repeat linear-gradient(var(--gantt-loading-primary-color) 0 0);
+  background: var(--c), var(--c), var(--gantt-loading-secondary-color);
+  background-size: 60% 100%;
+  animation: _l16_covn4_1 3s infinite;
+}
+
+@keyframes _l16_covn4_1 {
+  0% {
+    background-position: -150% 0, -150% 0
+  }
+  66% {
+    background-position: 250% 0, -150% 0
+  }
+  100% {
+    background-position: 250% 0, 250% 0
+  }
+}
+
+._loaderHidden_covn4_49 {
+  display: none;
+}

package/dist/suggestions/change-start-and-end-descendants.d.ts

@@ -0,0 +1,10 @@
+import type { AdjustTaskToWorkingDatesParams, OnDateChangeSuggestionType, Task, RenderTask, TaskToGlobalIndexMap } from "../types";
+type ChangeStartAndEndDescendantsParams = {
+    adjustTaskToWorkingDates: (params: AdjustTaskToWorkingDatesParams) => Task;
+    changedTask: Task;
+    descendants: readonly RenderTask[];
+    mapTaskToGlobalIndex: TaskToGlobalIndexMap;
+    originalTask: Task;
+};
+export declare const changeStartAndEndDescendants: ({ adjustTaskToWorkingDates, changedTask, descendants, mapTaskToGlobalIndex, originalTask, }: ChangeStartAndEndDescendantsParams) => readonly OnDateChangeSuggestionType[];
+export {};

package/dist/test/date-helper.test.d.ts

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

package/dist/test/gant.test.d.ts

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