@levelcaptech/gantt-task-react-custom 0.1.0 → 0.4.1

package/dist/index.css

@@ -20,6 +20,52 @@
   display: table-cell;
   vertical-align: -webkit-baseline-middle;
   vertical-align: middle;
+  padding: 0 6px;
+  white-space: nowrap;
+  position: relative;
+}
+._Fc5Tl {
+  opacity: 0.6;
+}
+._b6dPy {
+  cursor: grab;
+  display: inline-flex;
+  align-items: center;
+  padding: 0 4px 0 2px;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+}
+._3ZMNU {
+  cursor: default;
+  opacity: 0.4;
+}
+._QZHO8 {
+  font-size: 12px;
+  line-height: 1;
+}
+._2ANS- {
+  display: inline-block;
+  align-items: center;
+  max-width: calc(100% - 22px);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  vertical-align: middle;
+}
+._OJ-Vg {
+  position: absolute;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  width: 6px;
+  cursor: col-resize;
+}
+._21P28 {
+  background-color: rgba(0, 0, 0, 0.06);
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
 }
 
 ._3ZbQT {
@@ -43,9 +89,31 @@
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
+  padding: 0 6px;
+}
+
+._3Nu1y {
+  position: fixed;
+  z-index: 9999;
+  pointer-events: auto;
+}
+
+._2jEdG {
+  opacity: 0.7;
+}
+
+._2TWaP {
+  margin-top: 4px;
+  padding: 4px 6px;
+  font-size: 12px;
+  color: #b42318;
+  background: #fef3f2;
+  border: 1px solid #fecdca;
+  border-radius: 4px;
 }
 ._nI1Xw {
   display: flex;
+  align-items: center;
 }
 
 ._2QjE6 {
@@ -54,23 +122,63 @@
   padding: 0.15rem 0.2rem 0rem 0.2rem;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
   cursor: pointer;
 }
+
 ._2TfEi {
   font-size: 0.6rem;
   padding-left: 1rem;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
 }
 
+._1bdaa,
+._1u3fW {
+  width: 100%;
+  box-sizing: border-box;
+  font: inherit;
+  padding: 4px 6px;
+  border: 1px solid #d0d0d0;
+  border-radius: 4px;
+  background: #fff;
+}
+
+._1bdaa:disabled,
+._1u3fW:disabled {
+  background: #f5f5f5;
+  color: #888;
+}
+
+._dRJfs {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+}
+
+._33mea {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 28px;
+  height: 22px;
+  padding: 2px 6px;
+  border-radius: 10px;
+  color: #fff;
+  font-size: 12px;
+  line-height: 1;
+}
+
+._vpQEz {
+  font-size: 13px;
+}
+
 ._3T42e {
   background: #fff;
   padding: 12px;
   box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
+  min-width: 220px;
 }
 
 ._29NTg {
@@ -78,6 +186,62 @@
   margin-bottom: 6px;
   color: #666;
 }
+._OlR7X {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  margin-bottom: 6px;
+}
+
+._1LUF2 {
+  font-size: 16px;
+  line-height: 1.4;
+}
+
+._18-nf {
+  font-size: 12px;
+  color: #555;
+}
+
+._2rDF0 {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 4px;
+  gap: 8px;
+}
+
+._2vh4d {
+  font-size: 12px;
+  color: #555;
+  min-width: 70px;
+}
+
+._2HKiU {
+  font-size: 13px;
+  color: #222;
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  justify-content: flex-end;
+}
+
+._2Vw2t {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 24px;
+  height: 20px;
+  padding: 2px 6px;
+  border-radius: 10px;
+  color: #fff;
+  font-size: 11px;
+  line-height: 1;
+}
+
+._33_nk {
+  font-size: 12px;
+}
 
 ._25P-K {
   position: absolute;
@@ -87,7 +251,6 @@
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -moz-user-select: none;
-  -ms-user-select: none;
   user-select: none;
 }
 
@@ -148,7 +311,6 @@
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -moz-user-select: none;
-  -ms-user-select: none;
   user-select: none;
   pointer-events: none;
 }
@@ -163,7 +325,6 @@
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -moz-user-select: none;
-  -ms-user-select: none;
   user-select: none;
   pointer-events: none;
 }
@@ -194,7 +355,6 @@
 ._31ERP {
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
   stroke-width: 0;
 }
@@ -207,7 +367,6 @@
 ._2P2B1 {
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
 }
 
@@ -219,7 +378,6 @@
 ._2RbVy {
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
   opacity: 0.6;
 }
@@ -227,7 +385,6 @@
 ._2pZMF {
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
 }
 
@@ -239,7 +396,6 @@
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -moz-user-select: none;
-  -ms-user-select: none;
   user-select: none;
   pointer-events: none;
 }
@@ -250,11 +406,14 @@
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -moz-user-select: none;
-  -ms-user-select: none;
   user-select: none;
   pointer-events: none;
 }
 
+._3ITgM {
+  font-size: 12px;
+}
+
 ._CZjuD {
   overflow: hidden;
   font-size: 0;
@@ -262,6 +421,12 @@
   padding: 0;
 }
 
+/* SVG はデフォルトで inline 表示になり、下部にベースラインの余白が生じることがある。
+   テーブル本体と水平スクロール間の隙間を無くすために block にする */
+._CZjuD svg,
+._2B2zv svg {
+  display: block;
+}
 ._2B2zv {
   margin: 0;
   padding: 0;
@@ -269,12 +434,58 @@
 }
 
 ._3eULf {
-  display: flex;
+  display: grid;
   padding: 0;
   margin: 0;
   list-style: none;
   outline: none;
   position: relative;
+  grid-template-columns: auto var(--splitter-width, 8px) 1fr;
+}
+
+._3eX5j {
+  flex: 0 0 auto;
+  overflow: hidden;
+  min-width: 0;
+}
+
+._1YST3 {
+  width: 8px;
+  cursor: col-resize;
+  background-color: transparent;
+  flex: 0 0 auto;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+}
+
+._3cO1L {
+  background-color: rgba(0, 0, 0, 0.08);
+}
+
+._1G4xA {
+  flex: 1 1 auto;
+  min-width: 0;
+  overflow: hidden;
+}
+
+._2VUKJ {
+  display: grid;
+  grid-template-columns: auto var(--splitter-width, 8px) 1fr;
+  align-items: stretch;
+}
+
+._1vvPx {
+  overflow: hidden;
+}
+
+._3sIUT {
+  overflow: hidden;
+}
+
+._3gMam {
+  width: var(--splitter-width, 8px);
+  background: transparent;
 }
 
 ._2k9Ys {

package/dist/index.d.ts

@@ -1,3 +1,5 @@
 export { Gantt } from "./components/gantt/gantt";
 export { ViewMode } from "./types/public-types";
-export type { GanttProps, Task, StylingOption, DisplayOption, EventOption, } from "./types/public-types";
+export type { GanttProps, Task, StylingOption, DisplayOption, EventOption, EffortUnit, VisibleField, TaskProcess, TaskStatus, } from "./types/public-types";
+export { TASK_PROCESS_OPTIONS, TASK_STATUS_OPTIONS, TASK_STATUS_BADGE_TEXT, TASK_STATUS_COLORS, } from "./constants/taskOptions";
+export { formatDate, parseDateFromInput, formatEffort, sanitizeEffortInput, normalizeProcess, normalizeStatus, resolveVisibleFields, getStatusColor, getStatusBadgeText, DEFAULT_VISIBLE_FIELDS, } from "./helpers/task-helper";