trotl-table 1.0.20 → 1.0.22

package/dist/index.cjs.js

@@ -9844,9 +9844,50 @@ function TableInner({
     return normalizeData(isGrouped ? localData : [], isGrouped ? [] : localData);
   }, [localData, isGrouped]);
   const filterRows = React.useCallback(rows => {
-    if (!searchTerm) return rows;
+    // Check for date-related URL params first
+    const urlParams = new URLSearchParams(window.location.search);
+    const dateParams = ['startDate', 'endDate', 'date'];
+    let dateFiltered = rows;
+    for (const paramKey of dateParams) {
+      const paramValue = urlParams.get(paramKey);
+      if (!paramValue) continue;
+
+      // Check if it's a range (contains ~)
+      if (paramValue.includes('~')) {
+        const [startTs, endTs] = paramValue.split('~').map(Number);
+        if (isNaN(startTs) || isNaN(endTs)) continue;
+        dateFiltered = dateFiltered.filter(row => {
+          // Check if any date field in the row falls within the range
+          const itemStartDate = row.startDate ? new Date(row.startDate).getTime() : null;
+          const itemEndDate = row.endDate ? new Date(row.endDate).getTime() : null;
+          const itemDate = row.date ? new Date(row.date).getTime() : null;
+
+          // Match if any date field overlaps with the range
+          return itemStartDate && itemStartDate >= startTs && itemStartDate <= endTs || itemEndDate && itemEndDate >= startTs && itemEndDate <= endTs || itemDate && itemDate >= startTs && itemDate <= endTs ||
+          // Check if event spans the entire range
+          itemStartDate && itemEndDate && itemStartDate <= startTs && itemEndDate >= endTs;
+        });
+      } else {
+        // Single timestamp
+        const timestamp = Number(paramValue);
+        if (isNaN(timestamp)) continue;
+        dateFiltered = dateFiltered.filter(row => {
+          const itemStartDate = row.startDate ? new Date(row.startDate).getTime() : null;
+          const itemEndDate = row.endDate ? new Date(row.endDate).getTime() : null;
+          const itemDate = row.date ? new Date(row.date).getTime() : null;
+
+          // Match if the timestamp falls within the event's date range or matches the date
+          return itemDate && Math.abs(itemDate - timestamp) < 86400000 ||
+          // Same day (within 24h)
+          itemStartDate && itemEndDate && itemStartDate <= timestamp && itemEndDate >= timestamp || itemStartDate && Math.abs(itemStartDate - timestamp) < 86400000 || itemEndDate && Math.abs(itemEndDate - timestamp) < 86400000;
+        });
+      }
+    }
+
+    // Then apply text search filter
+    if (!searchTerm) return dateFiltered;
     const query = searchTerm.toLowerCase();
-    return rows.filter(row => columns.some(col => {
+    return dateFiltered.filter(row => columns.some(col => {
       const val = row[col.accessor];
       if (val == null) return false;
       return String(val).toLowerCase().includes(query);
@@ -10051,7 +10092,40 @@ function TableInner({
       title: text
     }, text.slice(idx + query.length)));
   }, [searchTerm]);
-  const renderCell = React.useCallback((v, accessor) => {
+  const renderCell = React.useCallback((v, accessor, row, col) => {
+    // If column has dateFormat, format value as date/time
+    if (col && col.dateFormat && v) {
+      let dateObj = null;
+      if (typeof v === "string" || typeof v === "number") {
+        dateObj = new Date(v);
+      } else if (v instanceof Date) {
+        dateObj = v;
+      }
+      if (dateObj && !isNaN(dateObj.getTime())) {
+        // Always use 24-hour format for 'YYYY-MM-DD HH:mm'
+        if (col.dateFormat === "YYYY-MM-DD HH:mm") {
+          const y = dateObj.getFullYear();
+          const m = String(dateObj.getMonth() + 1).padStart(2, "0");
+          const d = String(dateObj.getDate()).padStart(2, "0");
+          const h = String(dateObj.getHours()).padStart(2, "0");
+          const min = String(dateObj.getMinutes()).padStart(2, "0");
+          return `${y}-${m}-${d} ${h}:${min}`;
+        }
+        if (col.dateFormat === "DD-MM-YYYY HH:mm") {
+          const y = dateObj.getFullYear();
+          const m = String(dateObj.getMonth() + 1).padStart(2, "0");
+          const d = String(dateObj.getDate()).padStart(2, "0");
+          const h = String(dateObj.getHours()).padStart(2, "0");
+          const min = String(dateObj.getMinutes()).padStart(2, "0");
+          return `${d}-${m}-${y} ${h}:${min}`;
+        }
+        // Fallback: use toLocaleString with 24-hour option
+        return dateObj.toLocaleString(undefined, {
+          hour12: false
+        });
+      }
+    }
+    // If accessor is deadlineISO, keep legacy formatting
     if (accessor === "deadlineISO") {
       return v ? new Date(v).toLocaleString("sl-SI", {
         day: "2-digit",
@@ -10313,7 +10387,7 @@ function TableInner({
         key: i,
         className: "table-cell",
         style: cellStyle
-      }, col.isCustom ? typeof col.render === 'function' ? col.render(row, i) : col.render : renderCell(row[col.accessor], col.accessor, row));
+      }, col.isCustom ? typeof col.render === 'function' ? col.render(row, i) : col.render : renderCell(row[col.accessor], col.accessor, row, col));
     }), showActions && /*#__PURE__*/React.createElement("div", {
       className: "table-cell action-cell"
     }, showView && /*#__PURE__*/React.createElement("button", {