@acoustte-digital-services/digitalstore-controls-dev 0.8.1-dev.20260429063933 → 0.8.1-dev.20260430100756

package/dist/DateViewClient-UCGTXQNC.mjs

@@ -0,0 +1,231 @@
+"use client";
+
+// src/components/controls/view/DateViewClient.tsx
+import React, { useState, useEffect } from "react";
+
+// src/components/controls/view/TimeZoneAbbrevations.tsx
+var timeZoneAbbreviations = {
+  "Asia/Calcutta": "IST",
+  "Asia/Kolkata": "IST",
+  "America/New_York": "EST",
+  "America/Los_Angeles": "PST",
+  "Europe/London": "GMT",
+  "Europe/Paris": "CET",
+  "Asia/Tokyo": "JST",
+  "America/Chicago": "CST",
+  "America/Denver": "MST",
+  "Asia/Shanghai": "CST",
+  "Asia/Hong_Kong": "HKT",
+  "Australia/Sydney": "AEST",
+  "Australia/Melbourne": "AEST",
+  "Australia/Perth": "AWST",
+  "Pacific/Auckland": "NZST",
+  "Europe/Berlin": "CET",
+  "Europe/Madrid": "CET",
+  "Europe/Rome": "CET",
+  "Europe/Athens": "EET",
+  "Europe/Istanbul": "TRT",
+  "Africa/Cairo": "EET",
+  "Africa/Johannesburg": "SAST",
+  "Asia/Dubai": "GST",
+  "Asia/Singapore": "SGT",
+  "Asia/Seoul": "KST",
+  "America/Toronto": "EST",
+  "America/Vancouver": "PST",
+  "America/Sao_Paulo": "BRT",
+  "America/Mexico_City": "CST",
+  "Asia/Manila": "PHT",
+  "Asia/Jakarta": "WIB",
+  "Asia/Bangkok": "ICT",
+  "Asia/Karachi": "PKT",
+  "Asia/Tehran": "IRST",
+  "Asia/Baghdad": "AST",
+  "Europe/Moscow": "MSK",
+  "Europe/Amsterdam": "CET",
+  "Europe/Brussels": "CET",
+  "Europe/Zurich": "CET",
+  "America/Anchorage": "AKST",
+  "Pacific/Honolulu": "HST",
+  "Antarctica/McMurdo": "NZST",
+  "Atlantic/Reykjavik": "GMT",
+  "Asia/Riyadh": "AST",
+  "America/Argentina/Buenos_Aires": "ART",
+  "America/Bogota": "COT",
+  "Africa/Nairobi": "EAT",
+  "Asia/Kuala_Lumpur": "MYT",
+  "Asia/Ho_Chi_Minh": "ICT",
+  "Europe/Warsaw": "CET",
+  "Europe/Prague": "CET",
+  "America/Phoenix": "MST",
+  "America/Indianapolis": "EST",
+  "Pacific/Fiji": "FJT",
+  "Asia/Colombo": "IST",
+  "Africa/Lagos": "WAT",
+  "America/Caracas": "VET",
+  "America/Halifax": "AST",
+  "Pacific/Tahiti": "TAHT",
+  "America/St_Johns": "NST",
+  "Europe/Bucharest": "EET",
+  "Europe/Helsinki": "EET",
+  "Europe/Kiev": "EET",
+  "Europe/Oslo": "CET",
+  "Europe/Stockholm": "CET",
+  "Europe/Lisbon": "WET",
+  "Asia/Beirut": "EET",
+  "Asia/Damascus": "EET",
+  "Asia/Jerusalem": "IST",
+  "Asia/Amman": "EET",
+  "America/Santiago": "CLT",
+  "America/Lima": "PET",
+  "America/Montevideo": "UYT",
+  "Asia/Tashkent": "UZT",
+  "Asia/Yerevan": "AMT",
+  "Asia/Baku": "AZT",
+  "Europe/Vilnius": "EET",
+  "Europe/Riga": "EET",
+  "Europe/Tallinn": "EET",
+  "Europe/Sofia": "EET",
+  "Africa/Casablanca": "WET",
+  "America/Guatemala": "CST",
+  "America/Panama": "EST",
+  "America/Costa_Rica": "CST",
+  "Pacific/Port_Moresby": "PGT",
+  "Asia/Makassar": "WITA",
+  "Asia/Vladivostok": "VLAT",
+  "Asia/Krasnoyarsk": "KRAT",
+  "Asia/Novosibirsk": "NOVT",
+  "Asia/Yakutsk": "YAKT",
+  "Asia/Sakhalin": "SAKT",
+  "Asia/Ulaanbaatar": "ULAT",
+  "Asia/Choibalsan": "CHOT",
+  "Asia/Omsk": "OMST",
+  "Asia/Kamchatka": "PETT",
+  "Pacific/Pago_Pago": "SST",
+  "Pacific/Guam": "ChST",
+  "Pacific/Saipan": "ChST",
+  "Pacific/Palau": "PWT",
+  "Pacific/Efate": "VUT",
+  "Pacific/Kosrae": "KOST",
+  "Pacific/Nauru": "NRT",
+  "Pacific/Tarawa": "GILT",
+  "Pacific/Enderbury": "PHOT",
+  "Pacific/Fakaofo": "TKT",
+  "Pacific/Chatham": "CHAST",
+  "Pacific/Tongatapu": "TOT",
+  "Pacific/Funafuti": "TVT",
+  "Pacific/Majuro": "MHT",
+  "Pacific/Kwajalein": "MHT",
+  "Pacific/Wake": "WAKT",
+  "Pacific/Wallis": "WFT"
+};
+
+// src/components/controls/view/DateViewClient.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var DateViewClient = (props) => {
+  const [offsetMilliseconds, setOffsetMilliseconds] = useState(0);
+  const [timeZoneAbbr, setTimeZoneAbbr] = useState("");
+  useEffect(() => {
+    const now = /* @__PURE__ */ new Date();
+    const offsetMinutes = now.getTimezoneOffset();
+    setOffsetMilliseconds(offsetMinutes * 60 * 1e3);
+    setTimeZoneAbbr(
+      now.toLocaleTimeString("en", { timeZoneName: "short" }).split(" ")[2]
+    );
+  }, []);
+  const toUtcDate = (dateString) => {
+    const s = dateString.trim();
+    const iso = s.replace(" ", "T");
+    const utc = iso.endsWith("Z") || iso.includes("+") ? iso : iso + "Z";
+    return new Date(utc);
+  };
+  const toLocalDate = (utcDate) => {
+    return new Date(utcDate.getTime() - offsetMilliseconds);
+  };
+  const getRelativeTime = (dateString) => {
+    const now = /* @__PURE__ */ new Date();
+    const utcDate = toUtcDate(dateString);
+    const diffMs = now.getTime() - utcDate.getTime();
+    const diffSec = Math.floor(diffMs / 1e3);
+    const diffMin = Math.floor(diffSec / 60);
+    const diffHr = Math.floor(diffMin / 60);
+    const diffDay = Math.floor(diffHr / 24);
+    if (diffSec < 60) return "Just now";
+    if (diffMin < 60) return `${diffMin} minute${diffMin > 1 ? "s" : ""} ago`;
+    if (diffHr < 24) return `${diffHr} hour${diffHr > 1 ? "s" : ""} ago`;
+    if (diffDay < 7) return `${diffDay} day${diffDay > 1 ? "s" : ""} ago`;
+    return new Intl.DateTimeFormat("en", {
+      day: "2-digit",
+      month: "short",
+      year: "numeric"
+    }).format(toLocalDate(utcDate));
+  };
+  const parseAndFormatDate = (dateString, format) => {
+    if (format === "relative") {
+      return getRelativeTime(dateString);
+    }
+    const utcDate = toUtcDate(dateString);
+    const localDate = toLocalDate(utcDate);
+    switch (props.controlType) {
+      case "date":
+        return new Intl.DateTimeFormat("en", {
+          day: "2-digit",
+          month: "short",
+          year: "numeric"
+        }).format(localDate);
+      case "time":
+        return `${formatTime(localDate)} ${timeZoneAbbr} (${getTimePeriod(localDate)})`;
+      default:
+        return utcDate.getSeconds() === 0 ? new Intl.DateTimeFormat("en", {
+          day: "2-digit",
+          month: "short",
+          year: "numeric",
+          hour: "2-digit",
+          minute: "2-digit"
+        }).format(localDate) : new Intl.DateTimeFormat("en", {
+          day: "2-digit",
+          month: "short",
+          year: "numeric",
+          hour: "2-digit",
+          minute: "2-digit",
+          second: "2-digit"
+        }).format(localDate);
+    }
+  };
+  const formatTime = (localDate) => {
+    return localDate.getSeconds() === 0 ? new Intl.DateTimeFormat("en", {
+      hour: "2-digit",
+      minute: "2-digit"
+    }).format(localDate) : new Intl.DateTimeFormat("en", {
+      hour: "2-digit",
+      minute: "2-digit",
+      second: "2-digit"
+    }).format(localDate);
+  };
+  const getTimePeriod = (localDate) => {
+    const hours = localDate.getHours();
+    if (hours >= 5 && hours < 8) return "Early Morning";
+    if (hours >= 8 && hours < 12) return "Morning";
+    if (hours >= 12 && hours < 14) return "Noon";
+    if (hours >= 14 && hours < 17) return "Afternoon";
+    if (hours >= 17 && hours < 20) return "Evening";
+    if (hours >= 20 && hours < 22) return "Late Evening";
+    return "Night";
+  };
+  const getTimeZoneAbbreviation = (timeZone) => {
+    return timeZoneAbbreviations[timeZone] || timeZone;
+  };
+  let localDateTime = "";
+  try {
+    localDateTime = parseAndFormatDate(props.value, props.format);
+  } catch (error) {
+    console.error("Error parsing date:", props.value, error);
+  }
+  return /* @__PURE__ */ jsx(React.Fragment, { children: /* @__PURE__ */ jsxs("div", { className: "inline-flex flex-wrap gap-1", children: [
+    /* @__PURE__ */ jsx("span", { children: localDateTime }),
+    !props.format && props.controlType != "date" && /* @__PURE__ */ jsx("span", { children: timeZoneAbbr })
+  ] }) });
+};
+var DateViewClient_default = DateViewClient;
+export {
+  DateViewClient_default as default
+};