akfatimeline 2.2.6 → 2.2.7

package/dist/Timeline.js

@@ -3145,7 +3145,9 @@ const MasterHeader = _ref => {
     zoomStep = 0.25,
     showDefaultButtons = true,
     // Varsayılan butonları göster/gizle
-    customButtons = [] // Özel butonlar: [{ id, label, onClick, icon?, disabled?, className? }]
+    customButtons = [],
+    // Özel butonlar: [{ id, label, onClick, icon?, disabled?, className? }]
+    onCustomButtonClick // Custom button'a tıklandığında tarih string'i geçildiğinde çağrılacak fonksiyon
   } = _ref;
   const formattedDate = new Date(selectedDate.getTime() + 24 * 60 * 60 * 1000 - selectedDate.getTimezoneOffset() * 60000).toISOString().split("T")[0]; // YYYY-MM-DD formatı
 
@@ -3179,7 +3181,16 @@ const MasterHeader = _ref => {
   }, "Bug\xFCn")), customButtons && customButtons.length > 0 && customButtons.map(button => /*#__PURE__*/external_react_default().createElement("button", {
     key: button.id,
     className: button.className ? "master-header-btn ".concat(button.className) : "master-header-btn",
-    onClick: button.onClick,
+    onClick: () => {
+      if (button.onClick) {
+        const result = button.onClick();
+        // Eğer onClick bir tarih string'i döndürüyorsa, onCustomButtonClick'i çağır
+        if (typeof result === 'string' && onCustomButtonClick) {
+          onCustomButtonClick(result);
+        }
+        // Normal onClick davranışı da çalışır (eğer result undefined ise)
+      }
+    },
     disabled: button.disabled,
     title: button.tooltip || button.label
   }, button.icon && /*#__PURE__*/external_react_default().createElement("span", {
@@ -5992,6 +6003,19 @@ const Timeline_Timeline_Timeline = _ref => {
     }
   }, [programDate]);
 
+  // onToday prop'u değiştiğinde (tarih string'i ise) selectedDate'i güncelle
+  // Bu, customHeaderButtons'un onClick'inde tarih geçildiğinde kullanılır
+  (0,external_react_.useEffect)(() => {
+    // onToday bir string (tarih) ise, o tarihe git
+    if (onToday && typeof onToday === 'string') {
+      const date = new Date(onToday);
+      if (!isNaN(date.getTime())) {
+        date.setDate(date.getDate() - 3); // Tarihten 3 gün öncesini al
+        setSelectedDate(date);
+      }
+    }
+  }, [onToday]);
+
   // ---------------------------------------------------------
   // 2) local state
   // ---------------------------------------------------------
@@ -6160,6 +6184,18 @@ const Timeline_Timeline_Timeline = _ref => {
   const handleDateChange = newDate => {
     setSelectedDate(new Date(newDate));
   };
+
+  // CustomHeaderButtons için tarih değiştirme fonksiyonu
+  // Bu fonksiyon customHeaderButtons'un onClick'inde kullanılabilir
+  const handleCustomDateChange = (0,external_react_.useCallback)(dateString => {
+    if (dateString) {
+      const date = new Date(dateString);
+      if (!isNaN(date.getTime())) {
+        date.setDate(date.getDate() - 3); // Tarihten 3 gün öncesini al
+        setSelectedDate(date);
+      }
+    }
+  }, []);
   const handleToday = () => {
     // Bugünün tarihini al
     const today = new Date();
@@ -6276,7 +6312,8 @@ const Timeline_Timeline_Timeline = _ref => {
     maxZoomLevel: maxZoomLevel,
     zoomStep: zoomStep,
     showDefaultButtons: showDefaultHeaderButtons,
-    customButtons: customHeaderButtons
+    customButtons: customHeaderButtons,
+    onCustomButtonClick: handleCustomDateChange
   })), /*#__PURE__*/external_react_default().createElement("div", {
     className: "timeline-body"
   }, /*#__PURE__*/external_react_default().createElement("div", {

package/dist/components/Timeline/MasterHeader.jsx

@@ -19,6 +19,7 @@ const MasterHeader = ({
   zoomStep = 0.25,
   showDefaultButtons = true, // Varsayılan butonları göster/gizle
   customButtons = [], // Özel butonlar: [{ id, label, onClick, icon?, disabled?, className? }]
+  onCustomButtonClick, // Custom button'a tıklandığında tarih string'i geçildiğinde çağrılacak fonksiyon
 }) => {
   const formattedDate = new Date(
     selectedDate.getTime() + 24 * 60 * 60 * 1000 - selectedDate.getTimezoneOffset() * 60000
@@ -67,7 +68,16 @@ const MasterHeader = ({
           <button
             key={button.id}
             className={button.className ? `master-header-btn ${button.className}` : "master-header-btn"}
-            onClick={button.onClick}
+            onClick={() => {
+              if (button.onClick) {
+                const result = button.onClick();
+                // Eğer onClick bir tarih string'i döndürüyorsa, onCustomButtonClick'i çağır
+                if (typeof result === 'string' && onCustomButtonClick) {
+                  onCustomButtonClick(result);
+                }
+                // Normal onClick davranışı da çalışır (eğer result undefined ise)
+              }
+            }}
             disabled={button.disabled}
             title={button.tooltip || button.label}
           >

package/dist/components/Timeline/Timeline.jsx

@@ -154,6 +154,19 @@ const Timeline = ({
     }
   }, [programDate]);
   
+  // onToday prop'u değiştiğinde (tarih string'i ise) selectedDate'i güncelle
+  // Bu, customHeaderButtons'un onClick'inde tarih geçildiğinde kullanılır
+  useEffect(() => {
+    // onToday bir string (tarih) ise, o tarihe git
+    if (onToday && typeof onToday === 'string') {
+      const date = new Date(onToday);
+      if (!isNaN(date.getTime())) {
+        date.setDate(date.getDate() - 3); // Tarihten 3 gün öncesini al
+        setSelectedDate(date);
+      }
+    }
+  }, [onToday]);
+  
   // ---------------------------------------------------------
   // 2) local state
   // ---------------------------------------------------------
@@ -340,6 +353,18 @@ const Timeline = ({
   const handleDateChange = (newDate) => {
     setSelectedDate(new Date(newDate));
   };
+  
+  // CustomHeaderButtons için tarih değiştirme fonksiyonu
+  // Bu fonksiyon customHeaderButtons'un onClick'inde kullanılabilir
+  const handleCustomDateChange = useCallback((dateString) => {
+    if (dateString) {
+      const date = new Date(dateString);
+      if (!isNaN(date.getTime())) {
+        date.setDate(date.getDate() - 3); // Tarihten 3 gün öncesini al
+        setSelectedDate(date);
+      }
+    }
+  }, []);
 
   const handleToday = () => {
     // Bugünün tarihini al
@@ -471,6 +496,7 @@ const Timeline = ({
           zoomStep={zoomStep}
           showDefaultButtons={showDefaultHeaderButtons}
           customButtons={customHeaderButtons}
+          onCustomButtonClick={handleCustomDateChange}
         />
       </div>
 )}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "akfatimeline",
-  "version": "2.2.6",
+  "version": "2.2.7",
   "description": "A customizable timeline component for React applications with disableDates, custom header buttons, and past date protection features",
   "main": "./src/library.js",
   "module": "./src/library.js",

package/src/components/Timeline/MasterHeader.jsx

@@ -19,6 +19,7 @@ const MasterHeader = ({
   zoomStep = 0.25,
   showDefaultButtons = true, // Varsayılan butonları göster/gizle
   customButtons = [], // Özel butonlar: [{ id, label, onClick, icon?, disabled?, className? }]
+  onCustomButtonClick, // Custom button'a tıklandığında tarih string'i geçildiğinde çağrılacak fonksiyon
 }) => {
   const formattedDate = new Date(
     selectedDate.getTime() + 24 * 60 * 60 * 1000 - selectedDate.getTimezoneOffset() * 60000
@@ -67,7 +68,16 @@ const MasterHeader = ({
           <button
             key={button.id}
             className={button.className ? `master-header-btn ${button.className}` : "master-header-btn"}
-            onClick={button.onClick}
+            onClick={() => {
+              if (button.onClick) {
+                const result = button.onClick();
+                // Eğer onClick bir tarih string'i döndürüyorsa, onCustomButtonClick'i çağır
+                if (typeof result === 'string' && onCustomButtonClick) {
+                  onCustomButtonClick(result);
+                }
+                // Normal onClick davranışı da çalışır (eğer result undefined ise)
+              }
+            }}
             disabled={button.disabled}
             title={button.tooltip || button.label}
           >

package/src/components/Timeline/Timeline.jsx

@@ -154,6 +154,19 @@ const Timeline = ({
     }
   }, [programDate]);
   
+  // onToday prop'u değiştiğinde (tarih string'i ise) selectedDate'i güncelle
+  // Bu, customHeaderButtons'un onClick'inde tarih geçildiğinde kullanılır
+  useEffect(() => {
+    // onToday bir string (tarih) ise, o tarihe git
+    if (onToday && typeof onToday === 'string') {
+      const date = new Date(onToday);
+      if (!isNaN(date.getTime())) {
+        date.setDate(date.getDate() - 3); // Tarihten 3 gün öncesini al
+        setSelectedDate(date);
+      }
+    }
+  }, [onToday]);
+  
   // ---------------------------------------------------------
   // 2) local state
   // ---------------------------------------------------------
@@ -340,6 +353,18 @@ const Timeline = ({
   const handleDateChange = (newDate) => {
     setSelectedDate(new Date(newDate));
   };
+  
+  // CustomHeaderButtons için tarih değiştirme fonksiyonu
+  // Bu fonksiyon customHeaderButtons'un onClick'inde kullanılabilir
+  const handleCustomDateChange = useCallback((dateString) => {
+    if (dateString) {
+      const date = new Date(dateString);
+      if (!isNaN(date.getTime())) {
+        date.setDate(date.getDate() - 3); // Tarihten 3 gün öncesini al
+        setSelectedDate(date);
+      }
+    }
+  }, []);
 
   const handleToday = () => {
     // Bugünün tarihini al
@@ -471,6 +496,7 @@ const Timeline = ({
           zoomStep={zoomStep}
           showDefaultButtons={showDefaultHeaderButtons}
           customButtons={customHeaderButtons}
+          onCustomButtonClick={handleCustomDateChange}
         />
       </div>
 )}