akfatimeline 1.2.0 → 2.0.0

package/src/components/Timeline/TimelineHeader.jsx

@@ -0,0 +1,55 @@
+import React from "react";
+import "./Timeline.css"; // CSS dosyasını import etmeyi unutma
+import { parseDate } from "../../utils/dateUtils";
+
+const TimelineHeader = ({ dates, monthHeaders, highlightWeekends = false }) => {
+  return (
+    <div className="timeline-header-container">
+      {/* Ay ve Yıl Başlıkları */}
+      <div className="timeline-header-month-row">
+        {monthHeaders.map((monthHeader, index) => (
+          <div
+            key={index}
+            className="timeline-header-month-cell"
+            style={{
+              flex: monthHeader.endIndex - monthHeader.startIndex + 1,
+              borderRight:
+                index < monthHeaders.length - 1 ? "1px solid var(--border-color)" : "none",
+            }}
+          >
+            {monthHeader.monthName} {monthHeader.year}
+          </div>
+        ))}
+      </div>
+
+      {/* Günlük Hücreler */}
+      <div className="timeline-header-day-row">
+        {dates.map((date, index) => {
+          // Hafta sonu kontrolü
+          let isWeekend = false;
+          if (highlightWeekends) {
+            const cellDate = parseDate(date.fullDate);
+            const dayOfWeek = cellDate.getDay(); // 0 = Pazar, 6 = Cumartesi
+            isWeekend = dayOfWeek === 0 || dayOfWeek === 6;
+          }
+          
+          return (
+            <div
+              key={index}
+              className={`timeline-header-day-cell ${isWeekend ? "timeline-header-day-weekend" : ""}`}
+              style={{
+                flex: 1,
+                borderRight: index < dates.length - 1 ? "1px solid var(--border-color)" : "none",
+              }}
+            >
+              {date.display}
+            </div>
+          );
+        })}
+      </div>
+    </div>
+  );
+};
+
+export default TimelineHeader;
+

package/src/components/Timeline/TimelineMonthContainer.js

@@ -1,6 +1,6 @@
 import React from "react";
-import TimelineHeader from "./TimelineHeader";
-import TimelineContent from "./TimelineContent";
+import TimelineHeader from "./TimelineHeader.jsx";
+import TimelineContent from "./TimelineContent.jsx";
 
 const TimelineMonthContainer = ({
   dates,

package/src/library.js

@@ -1,11 +1,11 @@
-import Timeline from "./components/Timeline/Timeline";
-import DailyView from "./components/Timeline/DailyView";
-import ContextMenu from "./components/Timeline/ContextMenu";
-import EventDetailModal from "./components/Timeline/EventDetailModal";
-import EventIcon from "./components/Timeline/EventIcon";
-import EventBadge from "./components/Timeline/EventBadge";
-import LoadingSpinner from "./components/Timeline/LoadingSpinner";
-import AutocompleteSelect from "./components/Timeline/AutocompleteSelect";
+import Timeline from "./components/Timeline/Timeline.jsx";
+import DailyView from "./components/Timeline/DailyView.jsx";
+import ContextMenu from "./components/Timeline/ContextMenu.jsx";
+import EventDetailModal from "./components/Timeline/EventDetailModal.jsx";
+import EventIcon from "./components/Timeline/EventIcon.jsx";
+import EventBadge from "./components/Timeline/EventBadge.jsx";
+import LoadingSpinner from "./components/Timeline/LoadingSpinner.jsx";
+import AutocompleteSelect from "./components/Timeline/AutocompleteSelect.jsx";
 
 // Ana Timeline component'i default export
 export default Timeline;