@esic-lab/data-core-ui 0.0.65 → 0.0.67

package/dist/index.css

@@ -325,8 +325,8 @@
   .left-full {
     left: 100%;
   }
-  .z-1 {
-    z-index: 1;
+  .z-2 {
+    z-index: 2;
   }
   .z-3 {
     z-index: 3;

package/dist/index.d.mts

@@ -662,7 +662,7 @@ interface GanttElement {
     startDate?: Date;
     endDate: Date;
     color: string;
-    status: "IN_PROGRESS" | "COMPLETE" | "CANCEL" | "SUCCESS" | "DELAY";
+    status: "IN_PROGRESS" | "COMPLETED" | "CANCELLED" | "SUCCESS" | "DELAY";
 }
 interface GanttChartProps {
     data: GanttElement[];

package/dist/index.d.ts

@@ -662,7 +662,7 @@ interface GanttElement {
     startDate?: Date;
     endDate: Date;
     color: string;
-    status: "IN_PROGRESS" | "COMPLETE" | "CANCEL" | "SUCCESS" | "DELAY";
+    status: "IN_PROGRESS" | "COMPLETED" | "CANCELLED" | "SUCCESS" | "DELAY";
 }
 interface GanttChartProps {
     data: GanttElement[];

package/dist/index.js

@@ -4822,7 +4822,7 @@ var STATUS_META = {
     label: "\u0E01\u0E33\u0E25\u0E31\u0E07\u0E14\u0E33\u0E40\u0E19\u0E34\u0E19\u0E01\u0E32\u0E23",
     icon: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_icons_react15.IconHourglassEmpty, { className: "text-[#FFC654]" })
   },
-  CANCEL: {
+  CANCELLED: {
     color: "#D2D5DB",
     label: "\u0E22\u0E01\u0E40\u0E25\u0E34\u0E01",
     icon: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_icons_react15.IconCircleX, { className: "text-[#D2D5DB]" })
@@ -4832,7 +4832,7 @@ var STATUS_META = {
     label: "\u0E14\u0E33\u0E40\u0E19\u0E34\u0E19\u0E01\u0E32\u0E23\u0E41\u0E25\u0E49\u0E27\u0E40\u0E2A\u0E23\u0E47\u0E08",
     icon: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_icons_react15.IconRosetteDiscountCheck, { className: "text-[#81CF92]" })
   },
-  COMPLETE: {
+  COMPLETED: {
     color: "#81CF92",
     label: "\u0E40\u0E2A\u0E23\u0E47\u0E08\u0E2A\u0E34\u0E49\u0E19",
     icon: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_icons_react15.IconRosetteDiscountCheck, { className: "text-[#81CF92]" })
@@ -4972,7 +4972,7 @@ var GanttChart = ({
     const margin = { top: 0, right: 20, bottom: 20, left: 20 };
     const chartHeight = data.length * (barHeight + barSpacing) + margin.top + margin.bottom;
     const containerWidth = width * 2;
-    const containerHeight = totalHeaderHeight + chartHeight > 590 ? totalHeaderHeight + chartHeight : 590;
+    const containerHeight = totalHeaderHeight + chartHeight > 585 ? totalHeaderHeight + chartHeight : 585;
     const borderRadius = 5;
     if (leftPanelRef.current) {
       leftPanelRef.current.style.height = `${containerHeight}px`;
@@ -5140,7 +5140,7 @@ var GanttChart = ({
         display: "flex",
         flexDirection: "column",
         width: `${width}px`,
-        height: `590px`,
+        height: `587px`,
         border: "1px solid #E9E9E9",
         borderRadius: "10px",
         backgroundColor: "#fff",
@@ -5157,7 +5157,7 @@ var GanttChart = ({
             position: "relative"
           },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "z-1", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "z-2", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
               RowOverlay,
               {
                 data: data.length > 10 ? data : ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10"],

package/dist/index.mjs

@@ -4770,7 +4770,7 @@ var STATUS_META = {
     label: "\u0E01\u0E33\u0E25\u0E31\u0E07\u0E14\u0E33\u0E40\u0E19\u0E34\u0E19\u0E01\u0E32\u0E23",
     icon: /* @__PURE__ */ jsx48(IconHourglassEmpty, { className: "text-[#FFC654]" })
   },
-  CANCEL: {
+  CANCELLED: {
     color: "#D2D5DB",
     label: "\u0E22\u0E01\u0E40\u0E25\u0E34\u0E01",
     icon: /* @__PURE__ */ jsx48(IconCircleX, { className: "text-[#D2D5DB]" })
@@ -4780,7 +4780,7 @@ var STATUS_META = {
     label: "\u0E14\u0E33\u0E40\u0E19\u0E34\u0E19\u0E01\u0E32\u0E23\u0E41\u0E25\u0E49\u0E27\u0E40\u0E2A\u0E23\u0E47\u0E08",
     icon: /* @__PURE__ */ jsx48(IconRosetteDiscountCheck, { className: "text-[#81CF92]" })
   },
-  COMPLETE: {
+  COMPLETED: {
     color: "#81CF92",
     label: "\u0E40\u0E2A\u0E23\u0E47\u0E08\u0E2A\u0E34\u0E49\u0E19",
     icon: /* @__PURE__ */ jsx48(IconRosetteDiscountCheck, { className: "text-[#81CF92]" })
@@ -4920,7 +4920,7 @@ var GanttChart = ({
     const margin = { top: 0, right: 20, bottom: 20, left: 20 };
     const chartHeight = data.length * (barHeight + barSpacing) + margin.top + margin.bottom;
     const containerWidth = width * 2;
-    const containerHeight = totalHeaderHeight + chartHeight > 590 ? totalHeaderHeight + chartHeight : 590;
+    const containerHeight = totalHeaderHeight + chartHeight > 585 ? totalHeaderHeight + chartHeight : 585;
     const borderRadius = 5;
     if (leftPanelRef.current) {
       leftPanelRef.current.style.height = `${containerHeight}px`;
@@ -5088,7 +5088,7 @@ var GanttChart = ({
         display: "flex",
         flexDirection: "column",
         width: `${width}px`,
-        height: `590px`,
+        height: `587px`,
         border: "1px solid #E9E9E9",
         borderRadius: "10px",
         backgroundColor: "#fff",
@@ -5105,7 +5105,7 @@ var GanttChart = ({
             position: "relative"
           },
           children: [
-            /* @__PURE__ */ jsx48("div", { className: "z-1", children: /* @__PURE__ */ jsx48(
+            /* @__PURE__ */ jsx48("div", { className: "z-2", children: /* @__PURE__ */ jsx48(
               RowOverlay,
               {
                 data: data.length > 10 ? data : ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10"],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@esic-lab/data-core-ui",
-  "version": "0.0.65",
+  "version": "0.0.67",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",