@hitachivantara/uikit-react-core 5.72.1 → 5.73.0

package/dist/esm/TimeAgo/formatUtils.js

@@ -1,97 +1,72 @@
-import dayjs from "dayjs";
-import calendar from "dayjs/plugin/calendar";
-import duration from "dayjs/plugin/duration";
-import localeData from "dayjs/plugin/localeData";
-import localizedFormat from "dayjs/plugin/localizedFormat";
-import relativeTime from "dayjs/plugin/relativeTime";
-import updateLocale from "dayjs/plugin/updateLocale";
-const thresholds = [
-  { l: "s", r: 119, d: "second" },
-  { l: "m", r: 1 },
-  { l: "mm", r: 59, d: "minute" },
-  { l: "h", r: 1 },
-  { l: "hh", r: 23, d: "hour" },
-  { l: "d", r: 1 },
-  { l: "dd", r: 29, d: "day" },
-  { l: "M", r: 1 },
-  { l: "MM", r: 11, d: "month" },
-  { l: "y", r: 17 },
-  { l: "yy", d: "year" }
-];
-dayjs.extend(localeData);
-dayjs.extend(duration);
-dayjs.extend(calendar);
-dayjs.extend(localizedFormat);
-dayjs.extend(relativeTime, { thresholds });
-dayjs.extend(updateLocale);
-const secondsUntilNextDay = (date = /* @__PURE__ */ new Date()) => {
-  const midnight = new Date(date.getTime());
-  midnight.setDate(midnight.getDate() + 1);
-  midnight.setHours(0);
-  midnight.setMinutes(0);
-  midnight.setSeconds(0);
-  midnight.setMilliseconds(0);
-  return (midnight.getTime() - date.getTime()) / 1e3;
-};
-const secondsUntilNextWeek = (date = /* @__PURE__ */ new Date()) => {
-  const firstMonthDayOfWeek = date.getDate() - date.getDay();
-  const firstMonthDayOfNextWeek = firstMonthDayOfWeek + 7;
-  const firstDayNextWeek = new Date(date.getTime());
-  firstDayNextWeek.setDate(firstMonthDayOfNextWeek);
-  firstDayNextWeek.setHours(0);
-  firstDayNextWeek.setMinutes(0);
-  firstDayNextWeek.setSeconds(0);
-  firstDayNextWeek.setMilliseconds(0);
-  return (firstDayNextWeek.getTime() - date.getTime()) / 1e3;
-};
-const formatTimeAgo = (date, locale, showSeconds = false, referenceDate = /* @__PURE__ */ new Date()) => {
-  const dayReferenceDate = dayjs(referenceDate);
-  const dayDate = dayjs(date).locale(locale);
-  const dayDiffSeconds = dayReferenceDate.diff(dayDate, "second");
-  const formatUseSeconds = showSeconds ? "LTS" : "LT";
-  if (date.getTime() > referenceDate.getTime()) {
-    return {
-      timeAgo: dayDate.format(`L ${formatUseSeconds}`),
-      delay: (date.getTime() - referenceDate.getTime()) / 1e3
-    };
-  }
-  if (dayDiffSeconds < 120) {
-    return {
-      timeAgo: dayjs.duration(dayDiffSeconds, "second").locale(locale).humanize(),
-      delay: 120 - dayDiffSeconds
-    };
+const isDateInPeriod = (timeAgoMs, period, referenceDate = /* @__PURE__ */ new Date()) => {
+  const date = new Date(timeAgoMs);
+  const startOfToday = new Date(referenceDate);
+  startOfToday.setHours(0, 0, 0, 0);
+  const startOfTomorrow = new Date(startOfToday);
+  startOfTomorrow.setDate(startOfToday.getDate() + 1);
+  const startOfDayAfterTomorrow = new Date(startOfTomorrow);
+  startOfDayAfterTomorrow.setDate(startOfTomorrow.getDate() + 1);
+  if (period === "tomorrow") {
+    return date >= startOfTomorrow && date < startOfDayAfterTomorrow;
   }
-  const dayDiffMinutes = dayReferenceDate.diff(dayDate, "minute");
-  if (dayDiffMinutes < 60) {
-    return {
-      timeAgo: dayjs.duration(-dayDiffMinutes, "minute").locale(locale).humanize(true),
-      delay: 60 * (dayDiffMinutes + 1) - dayDiffSeconds
-    };
+  if (period === "afterTomorrow") {
+    return date >= startOfDayAfterTomorrow;
   }
-  if (dayReferenceDate.isSame(dayDate, "day")) {
-    return {
-      timeAgo: `${dayDate.calendar(dayReferenceDate)}`,
-      delay: secondsUntilNextDay(referenceDate)
-    };
-  }
-  if (dayReferenceDate.subtract(1, "day").isSame(dayDate, "day")) {
-    return {
-      timeAgo: `${dayDate.calendar(dayReferenceDate)}`,
-      delay: secondsUntilNextDay(referenceDate)
-    };
-  }
-  if (dayDate.isSame(dayReferenceDate, "week")) {
-    return {
-      timeAgo: dayDate.format(`ddd, ${formatUseSeconds}`),
-      delay: secondsUntilNextWeek(date)
-    };
+  return false;
+};
+const formatTimeAgo = (timeAgoMs, locale, showSeconds = false, referenceDate = /* @__PURE__ */ new Date()) => {
+  const relFormatter = new Intl.RelativeTimeFormat(locale, { numeric: "auto" });
+  const dayFormatter = new Intl.DateTimeFormat(locale, {
+    hour: "numeric",
+    minute: "numeric",
+    second: showSeconds ? "numeric" : void 0
+  });
+  const weekFormatter = new Intl.DateTimeFormat(locale, {
+    weekday: "short",
+    hour: "numeric",
+    minute: "numeric",
+    second: showSeconds ? "numeric" : void 0
+  });
+  const fullFormatter = new Intl.DateTimeFormat(locale, {
+    year: "numeric",
+    month: "short",
+    day: "numeric",
+    hour: "numeric",
+    minute: "numeric",
+    second: showSeconds ? "numeric" : void 0
+  });
+  const date = new Date(timeAgoMs);
+  const secsInDay = date.getHours() * 3600 + date.getMinutes() * 60 + date.getSeconds();
+  const secsInWeek = date.getDay() * 86400 + secsInDay;
+  const secsAgo = Math.floor((referenceDate.getTime() - timeAgoMs) / 1e3);
+  const minsAgo = Math.floor(secsAgo / 60);
+  switch (true) {
+    case isDateInPeriod(timeAgoMs, "afterTomorrow", referenceDate):
+      return fullFormatter.format(date);
+    case isDateInPeriod(timeAgoMs, "tomorrow", referenceDate):
+      return `${relFormatter.format(1, "days")}, ${dayFormatter.format(date)}`;
+    case minsAgo < -60:
+      return `${relFormatter.format(0, "days")}, ${dayFormatter.format(date)}`;
+    case minsAgo < -2:
+      return relFormatter.format(-minsAgo, "minutes");
+    case secsAgo < 0:
+      return `${relFormatter.format(Math.abs(secsAgo), "seconds")}`;
+    case secsAgo < 20:
+      return relFormatter.format(0, "seconds");
+    case minsAgo < 2:
+      return relFormatter.format(-secsAgo, "seconds");
+    case minsAgo < 60:
+      return relFormatter.format(-minsAgo, "minutes");
+    case secsAgo < secsInDay:
+      return `${relFormatter.format(0, "days")}, ${dayFormatter.format(date)}`;
+    case secsAgo < secsInDay + 86400:
+      return `${relFormatter.format(-1, "days")}, ${dayFormatter.format(date)}`;
+    case secsAgo < secsInWeek:
+      return weekFormatter.format(date);
+    default:
+      return fullFormatter.format(date);
   }
-  return {
-    timeAgo: dayDate.format(`L ${formatUseSeconds}`),
-    delay: 0
-  };
 };
 export {
-  formatTimeAgo,
-  secondsUntilNextDay
+  formatTimeAgo
 };

package/dist/esm/TimeAgo/formatUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"formatUtils.js","sources":["../../../src/TimeAgo/formatUtils.ts"],"sourcesContent":["import dayjs from \"dayjs\";\nimport calendar from \"dayjs/plugin/calendar\";\nimport duration from \"dayjs/plugin/duration\";\nimport localeData from \"dayjs/plugin/localeData\";\nimport localizedFormat from \"dayjs/plugin/localizedFormat\";\nimport relativeTime from \"dayjs/plugin/relativeTime\";\nimport updateLocale from \"dayjs/plugin/updateLocale\";\n\n/**\n * Relative time thresholds defined by\n * {@link https://xd.adobe.com/view/1b7df235-5cf8-4b51-a2f0-0be1bb591c55-4e2e/ Design System}\n *\n * Implementation using day.js {@link https://day.js.org/docs/en/customization/relative-time relativeTime}\n */\nconst thresholds = [\n  { l: \"s\", r: 119, d: \"second\" },\n  { l: \"m\", r: 1 },\n  { l: \"mm\", r: 59, d: \"minute\" },\n  { l: \"h\", r: 1 },\n  { l: \"hh\", r: 23, d: \"hour\" },\n  { l: \"d\", r: 1 },\n  { l: \"dd\", r: 29, d: \"day\" },\n  { l: \"M\", r: 1 },\n  { l: \"MM\", r: 11, d: \"month\" },\n  { l: \"y\", r: 17 },\n  { l: \"yy\", d: \"year\" },\n];\n\ndayjs.extend(localeData);\ndayjs.extend(duration);\ndayjs.extend(calendar);\ndayjs.extend(localizedFormat);\ndayjs.extend(relativeTime, { thresholds });\ndayjs.extend(updateLocale);\n\nexport const secondsUntilNextDay = (date = new Date()) => {\n  const midnight = new Date(date.getTime());\n\n  midnight.setDate(midnight.getDate() + 1);\n  midnight.setHours(0);\n  midnight.setMinutes(0);\n  midnight.setSeconds(0);\n  midnight.setMilliseconds(0);\n\n  return (midnight.getTime() - date.getTime()) / 1000;\n};\n\nconst secondsUntilNextWeek = (date = new Date()) => {\n  const firstMonthDayOfWeek = date.getDate() - date.getDay();\n  const firstMonthDayOfNextWeek = firstMonthDayOfWeek + 7; // auto roll over to next month if needed\n\n  const firstDayNextWeek = new Date(date.getTime());\n\n  firstDayNextWeek.setDate(firstMonthDayOfNextWeek);\n  firstDayNextWeek.setHours(0);\n  firstDayNextWeek.setMinutes(0);\n  firstDayNextWeek.setSeconds(0);\n  firstDayNextWeek.setMilliseconds(0);\n\n  return (firstDayNextWeek.getTime() - date.getTime()) / 1000;\n};\n\n/**\n * @typedef {Object} TimeAgo\n * @property {string} timeAgo - the formatted date using the \"time ago format\"\n * @property {number} delay - the time until the date needs to be updated\n */\n\n/**\n * Formats a date to the a relative time format using dayjs.\n *\n * @param {Date} date - date to format.\n * @param {String} locale - locale to use.\n * @param {Boolean} [showSeconds=false] - if seconds should be part of the result.\n * @param {Date} referenceDate - reference date to use when formatting (defaults to current date).\n *\n * @return {TimeAgo} the formatted date using the \"time ago format\" and the time until it needs to be updated\n */\nexport const formatTimeAgo = (\n  date: Date,\n  locale: string,\n  showSeconds = false,\n  referenceDate = new Date(),\n) => {\n  const dayReferenceDate = dayjs(referenceDate);\n  const dayDate = dayjs(date).locale(locale);\n\n  const dayDiffSeconds = dayReferenceDate.diff(dayDate, \"second\");\n\n  const formatUseSeconds = showSeconds ? \"LTS\" : \"LT\";\n\n  // check if the date is after the reference date\n  if (date.getTime() > referenceDate.getTime()) {\n    return {\n      timeAgo: dayDate.format(`L ${formatUseSeconds}`),\n      delay: (date.getTime() - referenceDate.getTime()) / 1000,\n    };\n  }\n\n  // just now, until the 2 minutes\n  if (dayDiffSeconds < 120) {\n    return {\n      timeAgo: dayjs\n        .duration(dayDiffSeconds, \"second\")\n        .locale(locale)\n        .humanize(),\n      delay: 120 - dayDiffSeconds,\n    };\n  }\n\n  // ago in minutes, until the 1 hour mark\n  const dayDiffMinutes = dayReferenceDate.diff(dayDate, \"minute\");\n\n  if (dayDiffMinutes < 60) {\n    return {\n      timeAgo: dayjs\n        .duration(-dayDiffMinutes, \"minute\")\n        .locale(locale)\n        .humanize(true),\n      delay: 60 * (dayDiffMinutes + 1) - dayDiffSeconds,\n    };\n  }\n\n  // formatted date with text description for today\n  if (dayReferenceDate.isSame(dayDate, \"day\")) {\n    return {\n      timeAgo: `${dayDate.calendar(dayReferenceDate)}`,\n      delay: secondsUntilNextDay(referenceDate),\n    };\n  }\n\n  // formatted date with text description for yesterday\n  if (dayReferenceDate.subtract(1, \"day\").isSame(dayDate, \"day\")) {\n    return {\n      timeAgo: `${dayDate.calendar(dayReferenceDate)}`,\n      delay: secondsUntilNextDay(referenceDate),\n    };\n  }\n\n  // formatted date with week during the current week\n  if (dayDate.isSame(dayReferenceDate, \"week\")) {\n    return {\n      timeAgo: dayDate.format(`ddd, ${formatUseSeconds}`),\n      delay: secondsUntilNextWeek(date),\n    };\n  }\n\n  // formatted without special gimmicks\n  return {\n    timeAgo: dayDate.format(`L ${formatUseSeconds}`),\n    delay: 0,\n  };\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"formatUtils.js","sources":["../../../src/TimeAgo/formatUtils.ts"],"sourcesContent":["const isDateInPeriod = (\n  timeAgoMs: number,\n  period: \"tomorrow\" | \"afterTomorrow\",\n  referenceDate = new Date(),\n) => {\n  const date = new Date(timeAgoMs);\n\n  const startOfToday = new Date(referenceDate);\n  startOfToday.setHours(0, 0, 0, 0);\n  const startOfTomorrow = new Date(startOfToday);\n  startOfTomorrow.setDate(startOfToday.getDate() + 1);\n  const startOfDayAfterTomorrow = new Date(startOfTomorrow);\n  startOfDayAfterTomorrow.setDate(startOfTomorrow.getDate() + 1);\n\n  if (period === \"tomorrow\") {\n    return date >= startOfTomorrow && date < startOfDayAfterTomorrow;\n  }\n  if (period === \"afterTomorrow\") {\n    return date >= startOfDayAfterTomorrow;\n  }\n  return false;\n};\n\n/**\n * Relative time thresholds defined by\n * {@link https://xd.adobe.com/view/1b7df235-5cf8-4b51-a2f0-0be1bb591c55-4e2e/ Design System}\n */\nexport const formatTimeAgo = (\n  timeAgoMs: number,\n  locale: Intl.LocalesArgument,\n  showSeconds = false,\n  referenceDate = new Date(),\n) => {\n  const relFormatter = new Intl.RelativeTimeFormat(locale, { numeric: \"auto\" });\n  const dayFormatter = new Intl.DateTimeFormat(locale, {\n    hour: \"numeric\",\n    minute: \"numeric\",\n    second: showSeconds ? \"numeric\" : undefined,\n  });\n  const weekFormatter = new Intl.DateTimeFormat(locale, {\n    weekday: \"short\",\n    hour: \"numeric\",\n    minute: \"numeric\",\n    second: showSeconds ? \"numeric\" : undefined,\n  });\n  const fullFormatter = new Intl.DateTimeFormat(locale, {\n    year: \"numeric\",\n    month: \"short\",\n    day: \"numeric\",\n    hour: \"numeric\",\n    minute: \"numeric\",\n    second: showSeconds ? \"numeric\" : undefined,\n  });\n  const date = new Date(timeAgoMs);\n  const secsInDay =\n    date.getHours() * 3600 + date.getMinutes() * 60 + date.getSeconds();\n  const secsInWeek = date.getDay() * 86400 + secsInDay;\n\n  const secsAgo = Math.floor((referenceDate.getTime() - timeAgoMs) / 1000);\n  const minsAgo = Math.floor(secsAgo / 60);\n\n  switch (true) {\n    case isDateInPeriod(timeAgoMs, \"afterTomorrow\", referenceDate):\n      return fullFormatter.format(date);\n    case isDateInPeriod(timeAgoMs, \"tomorrow\", referenceDate):\n      return `${relFormatter.format(1, \"days\")}, ${dayFormatter.format(date)}`;\n    case minsAgo < -60: // Future date more than 1 hour ahead\n      return `${relFormatter.format(0, \"days\")}, ${dayFormatter.format(date)}`;\n    case minsAgo < -2: // Future date more than 2 minutes ahead\n      return relFormatter.format(-minsAgo, \"minutes\");\n    case secsAgo < 0: // Future date within 1 minute\n      return `${relFormatter.format(Math.abs(secsAgo), \"seconds\")}`;\n    case secsAgo < 20:\n      return relFormatter.format(0, \"seconds\");\n    case minsAgo < 2:\n      return relFormatter.format(-secsAgo, \"seconds\");\n    case minsAgo < 60:\n      return relFormatter.format(-minsAgo, \"minutes\");\n    case secsAgo < secsInDay: // today\n      return `${relFormatter.format(0, \"days\")}, ${dayFormatter.format(date)}`;\n    case secsAgo < secsInDay + 86400: // yesterday\n      return `${relFormatter.format(-1, \"days\")}, ${dayFormatter.format(date)}`;\n    case secsAgo < secsInWeek: // this week\n      return weekFormatter.format(date);\n    default:\n      return fullFormatter.format(date);\n  }\n};\n"],"names":[],"mappings":"AAAA,MAAM,iBAAiB,CACrB,WACA,QACA,gBAAgB,oBAAI,WACjB;AACG,QAAA,OAAO,IAAI,KAAK,SAAS;AAEzB,QAAA,eAAe,IAAI,KAAK,aAAa;AAC3C,eAAa,SAAS,GAAG,GAAG,GAAG,CAAC;AAC1B,QAAA,kBAAkB,IAAI,KAAK,YAAY;AAC7C,kBAAgB,QAAQ,aAAa,QAAQ,IAAI,CAAC;AAC5C,QAAA,0BAA0B,IAAI,KAAK,eAAe;AACxD,0BAAwB,QAAQ,gBAAgB,QAAQ,IAAI,CAAC;AAE7D,MAAI,WAAW,YAAY;AAClB,WAAA,QAAQ,mBAAmB,OAAO;AAAA,EAC3C;AACA,MAAI,WAAW,iBAAiB;AAC9B,WAAO,QAAQ;AAAA,EACjB;AACO,SAAA;AACT;AAMa,MAAA,gBAAgB,CAC3B,WACA,QACA,cAAc,OACd,gBAAoB,oBAAA,WACjB;AACG,QAAA,eAAe,IAAI,KAAK,mBAAmB,QAAQ,EAAE,SAAS,QAAQ;AAC5E,QAAM,eAAe,IAAI,KAAK,eAAe,QAAQ;AAAA,IACnD,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,QAAQ,cAAc,YAAY;AAAA,EAAA,CACnC;AACD,QAAM,gBAAgB,IAAI,KAAK,eAAe,QAAQ;AAAA,IACpD,SAAS;AAAA,IACT,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,QAAQ,cAAc,YAAY;AAAA,EAAA,CACnC;AACD,QAAM,gBAAgB,IAAI,KAAK,eAAe,QAAQ;AAAA,IACpD,MAAM;AAAA,IACN,OAAO;AAAA,IACP,KAAK;AAAA,IACL,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,QAAQ,cAAc,YAAY;AAAA,EAAA,CACnC;AACK,QAAA,OAAO,IAAI,KAAK,SAAS;AACzB,QAAA,YACJ,KAAK,SAAA,IAAa,OAAO,KAAK,eAAe,KAAK,KAAK,WAAW;AACpE,QAAM,aAAa,KAAK,OAAO,IAAI,QAAQ;AAE3C,QAAM,UAAU,KAAK,OAAO,cAAc,QAAQ,IAAI,aAAa,GAAI;AACvE,QAAM,UAAU,KAAK,MAAM,UAAU,EAAE;AAEvC,UAAQ,MAAM;AAAA,IACZ,KAAK,eAAe,WAAW,iBAAiB,aAAa;AACpD,aAAA,cAAc,OAAO,IAAI;AAAA,IAClC,KAAK,eAAe,WAAW,YAAY,aAAa;AAC/C,aAAA,GAAG,aAAa,OAAO,GAAG,MAAM,CAAC,KAAK,aAAa,OAAO,IAAI,CAAC;AAAA,IACxE,KAAK,UAAU;AACN,aAAA,GAAG,aAAa,OAAO,GAAG,MAAM,CAAC,KAAK,aAAa,OAAO,IAAI,CAAC;AAAA,IACxE,KAAK,UAAU;AACb,aAAO,aAAa,OAAO,CAAC,SAAS,SAAS;AAAA,IAChD,KAAK,UAAU;AACN,aAAA,GAAG,aAAa,OAAO,KAAK,IAAI,OAAO,GAAG,SAAS,CAAC;AAAA,IAC7D,KAAK,UAAU;AACN,aAAA,aAAa,OAAO,GAAG,SAAS;AAAA,IACzC,KAAK,UAAU;AACb,aAAO,aAAa,OAAO,CAAC,SAAS,SAAS;AAAA,IAChD,KAAK,UAAU;AACb,aAAO,aAAa,OAAO,CAAC,SAAS,SAAS;AAAA,IAChD,KAAK,UAAU;AACN,aAAA,GAAG,aAAa,OAAO,GAAG,MAAM,CAAC,KAAK,aAAa,OAAO,IAAI,CAAC;AAAA,IACxE,KAAK,UAAU,YAAY;AAClB,aAAA,GAAG,aAAa,OAAO,IAAI,MAAM,CAAC,KAAK,aAAa,OAAO,IAAI,CAAC;AAAA,IACzE,KAAK,UAAU;AACN,aAAA,cAAc,OAAO,IAAI;AAAA,IAClC;AACS,aAAA,cAAc,OAAO,IAAI;AAAA,EACpC;AACF;"}

package/dist/esm/TimeAgo/useTimeAgo.js

@@ -3,12 +3,14 @@ import { formatTimeAgo } from "./formatUtils.js";
 import { useTimeout } from "./useTimeout.js";
 const fmt = (timestamp, locale, showSeconds) => {
   const timestampMs = String(timestamp).length > 11 ? timestamp : timestamp * 1e3;
-  return formatTimeAgo(new Date(timestampMs), locale, showSeconds);
+  return formatTimeAgo(timestampMs, locale, showSeconds);
 };
-function useTimeAgo(timestamp, options) {
+function useTimeAgo(timestamp = Date.now(), options) {
   const { locale, disableRefresh = false, showSeconds = false } = options || {};
-  const [timeAgo, setTimeAgo] = useState(fmt(timestamp, locale, showSeconds));
-  const refreshTime = disableRefresh ? 0 : timeAgo.delay * 1e3;
+  const [timeAgo, setTimeAgo] = useState(
+    () => fmt(timestamp, locale, showSeconds)
+  );
+  const refreshTime = disableRefresh ? 0 : 1e4;
   useEffect(() => {
     const newTimeAgo = fmt(timestamp, locale, showSeconds);
     setTimeAgo(newTimeAgo);
@@ -17,7 +19,7 @@ function useTimeAgo(timestamp, options) {
     const newTimeAgo = fmt(timestamp, locale, showSeconds);
     setTimeAgo(newTimeAgo);
   }, refreshTime);
-  return timeAgo.timeAgo;
+  return timeAgo;
 }
 export {
   useTimeAgo as default

package/dist/esm/TimeAgo/useTimeAgo.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTimeAgo.js","sources":["../../../src/TimeAgo/useTimeAgo.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\n\nimport { formatTimeAgo } from \"./formatUtils\";\nimport type { HvTimeAgoProps } from \"./TimeAgo\";\nimport { useTimeout } from \"./useTimeout\";\n\n/**\n * Calls `formatTimeAgo` with timestamp conversion\n */\nconst fmt = (timestamp: any, locale: any, showSeconds?: boolean) => {\n  const timestampMs =\n    String(timestamp).length > 11 ? timestamp : timestamp * 1000;\n  return formatTimeAgo(new Date(timestampMs), locale, showSeconds);\n};\n\nexport default function useTimeAgo(\n  timestamp: number | undefined,\n  options?: Pick<HvTimeAgoProps, \"locale\" | \"disableRefresh\" | \"showSeconds\">,\n) {\n  const { locale, disableRefresh = false, showSeconds = false } = options || {};\n  const [timeAgo, setTimeAgo] = useState(fmt(timestamp, locale, showSeconds));\n  const refreshTime = disableRefresh ? 0 : timeAgo.delay * 1000;\n\n  useEffect(() => {\n    const newTimeAgo = fmt(timestamp, locale, showSeconds);\n    setTimeAgo(newTimeAgo);\n  }, [timestamp, locale, showSeconds]);\n\n  useTimeout(() => {\n    const newTimeAgo = fmt(timestamp, locale, showSeconds);\n    setTimeAgo(newTimeAgo);\n  }, refreshTime);\n\n  return timeAgo.timeAgo;\n}\n"],"names":[],"mappings":";;;AASA,MAAM,MAAM,CAAC,WAAgB,QAAa,gBAA0B;AAClE,QAAM,cACJ,OAAO,SAAS,EAAE,SAAS,KAAK,YAAY,YAAY;AAC1D,SAAO,cAAc,IAAI,KAAK,WAAW,GAAG,QAAQ,WAAW;AACjE;AAEwB,SAAA,WACtB,WACA,SACA;AACM,QAAA,EAAE,QAAQ,iBAAiB,OAAO,cAAc,MAAM,IAAI,WAAW;AACrE,QAAA,CAAC,SAAS,UAAU,IAAI,SAAS,IAAI,WAAW,QAAQ,WAAW,CAAC;AAC1E,QAAM,cAAc,iBAAiB,IAAI,QAAQ,QAAQ;AAEzD,YAAU,MAAM;AACd,UAAM,aAAa,IAAI,WAAW,QAAQ,WAAW;AACrD,eAAW,UAAU;AAAA,EACpB,GAAA,CAAC,WAAW,QAAQ,WAAW,CAAC;AAEnC,aAAW,MAAM;AACf,UAAM,aAAa,IAAI,WAAW,QAAQ,WAAW;AACrD,eAAW,UAAU;AAAA,KACpB,WAAW;AAEd,SAAO,QAAQ;AACjB;"}
+{"version":3,"file":"useTimeAgo.js","sources":["../../../src/TimeAgo/useTimeAgo.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\n\nimport { formatTimeAgo } from \"./formatUtils\";\nimport type { HvTimeAgoProps } from \"./TimeAgo\";\nimport { useTimeout } from \"./useTimeout\";\n\n/**\n * Calls `formatTimeAgo` with timestamp conversion\n */\nconst fmt = (timestamp: any, locale: any, showSeconds?: boolean) => {\n  const timestampMs =\n    String(timestamp).length > 11 ? timestamp : timestamp * 1000;\n  return formatTimeAgo(timestampMs, locale, showSeconds);\n};\n\nexport default function useTimeAgo(\n  timestamp = Date.now(),\n  options?: Pick<HvTimeAgoProps, \"locale\" | \"disableRefresh\" | \"showSeconds\">,\n) {\n  const { locale, disableRefresh = false, showSeconds = false } = options || {};\n  const [timeAgo, setTimeAgo] = useState(() =>\n    fmt(timestamp, locale, showSeconds),\n  );\n  const refreshTime = disableRefresh ? 0 : 10_000;\n\n  useEffect(() => {\n    const newTimeAgo = fmt(timestamp, locale, showSeconds);\n    setTimeAgo(newTimeAgo);\n  }, [timestamp, locale, showSeconds]);\n\n  useTimeout(() => {\n    const newTimeAgo = fmt(timestamp, locale, showSeconds);\n    setTimeAgo(newTimeAgo);\n  }, refreshTime);\n\n  return timeAgo;\n}\n"],"names":[],"mappings":";;;AASA,MAAM,MAAM,CAAC,WAAgB,QAAa,gBAA0B;AAClE,QAAM,cACJ,OAAO,SAAS,EAAE,SAAS,KAAK,YAAY,YAAY;AACnD,SAAA,cAAc,aAAa,QAAQ,WAAW;AACvD;AAEA,SAAwB,WACtB,YAAY,KAAK,IAAA,GACjB,SACA;AACM,QAAA,EAAE,QAAQ,iBAAiB,OAAO,cAAc,MAAM,IAAI,WAAW;AACrE,QAAA,CAAC,SAAS,UAAU,IAAI;AAAA,IAAS,MACrC,IAAI,WAAW,QAAQ,WAAW;AAAA,EAAA;AAE9B,QAAA,cAAc,iBAAiB,IAAI;AAEzC,YAAU,MAAM;AACd,UAAM,aAAa,IAAI,WAAW,QAAQ,WAAW;AACrD,eAAW,UAAU;AAAA,EACpB,GAAA,CAAC,WAAW,QAAQ,WAAW,CAAC;AAEnC,aAAW,MAAM;AACf,UAAM,aAAa,IAAI,WAAW,QAAQ,WAAW;AACrD,eAAW,UAAU;AAAA,KACpB,WAAW;AAEP,SAAA;AACT;"}

package/dist/esm/TreeView/TreeItem/useHvTreeItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"useHvTreeItem.js","sources":["../../../../src/TreeView/TreeItem/useHvTreeItem.ts"],"sourcesContent":["import * as React from \"react\";\n\nimport { DescendantContext } from \"../internals/DescendantProvider\";\nimport { DefaultTreeViewPlugins } from \"../internals/hooks/plugins\";\nimport { useTreeViewContext } from \"../internals/TreeViewProvider\";\n\nexport function useHvTreeItem(nodeId: string) {\n  const { instance, multiSelect } =\n    useTreeViewContext<DefaultTreeViewPlugins>();\n  const { level = 0 } = React.useContext(DescendantContext);\n\n  const expandable = instance ? instance.isNodeExpandable(nodeId) : false;\n  const expanded = instance ? instance.isNodeExpanded(nodeId) : false;\n  const focused = instance ? instance.isNodeFocused(nodeId) : false;\n  const selected = instance ? instance.isNodeSelected(nodeId) : false;\n  const disabled = instance ? instance.isNodeDisabled(nodeId) : false;\n\n  const handleExpansion = (event: React.MouseEvent<HTMLDivElement>) => {\n    if (!instance || disabled) return;\n\n    if (!focused) {\n      instance.focusNode(event, nodeId);\n    }\n\n    const multiple =\n      multiSelect && (event.shiftKey || event.ctrlKey || event.metaKey);\n\n    // If already expanded and trying to toggle selection don't close\n    if (expandable && !(multiple && instance.isNodeExpanded(nodeId))) {\n      instance.toggleNodeExpansion(event, nodeId);\n    }\n  };\n\n  const handleSelection = (event: React.MouseEvent<HTMLDivElement>) => {\n    if (!instance || disabled) return;\n\n    if (!focused) {\n      instance.focusNode(event, nodeId);\n    }\n\n    const multiple =\n      multiSelect && (event.shiftKey || event.ctrlKey || event.metaKey);\n\n    if (multiple) {\n      if (event.shiftKey) {\n        instance.selectRange(event, { end: nodeId });\n      } else {\n        instance.selectNode(event, nodeId, true);\n      }\n    } else {\n      instance.selectNode(event, nodeId);\n    }\n  };\n\n  const preventSelection = (event: React.MouseEvent<HTMLDivElement>) => {\n    if (event.shiftKey || event.ctrlKey || event.metaKey || disabled) {\n      // Prevent text selection\n      event.preventDefault();\n    }\n  };\n\n  return {\n    instance,\n    level,\n    disabled,\n    expanded,\n    selected,\n    focused,\n    handleExpansion,\n    handleSelection,\n    preventSelection,\n  };\n}\n"],"names":[],"mappings":";;;AAMO,SAAS,cAAc,QAAgB;AAC5C,QAAM,EAAE,UAAU,YAAY,IAC5B,mBAA2C;AAC7C,QAAM,EAAE,QAAQ,EAAA,IAAM,MAAM,WAAW,iBAAiB;AAExD,QAAM,aAAa,WAAW,SAAS,iBAAiB,MAAM,IAAI;AAClE,QAAM,WAAW,WAAW,SAAS,eAAe,MAAM,IAAI;AAC9D,QAAM,UAAU,WAAW,SAAS,cAAc,MAAM,IAAI;AAC5D,QAAM,WAAW,WAAW,SAAS,eAAe,MAAM,IAAI;AAC9D,QAAM,WAAW,WAAW,SAAS,eAAe,MAAM,IAAI;AAExD,QAAA,kBAAkB,CAAC,UAA4C;AAC/D,QAAA,CAAC,YAAY,SAAU;AAE3B,QAAI,CAAC,SAAS;AACH,eAAA,UAAU,OAAO,MAAM;AAAA,IAClC;AAEA,UAAM,WACJ,gBAAgB,MAAM,YAAY,MAAM,WAAW,MAAM;AAG3D,QAAI,cAAc,EAAE,YAAY,SAAS,eAAe,MAAM,IAAI;AACvD,eAAA,oBAAoB,OAAO,MAAM;AAAA,IAC5C;AAAA,EAAA;AAGI,QAAA,kBAAkB,CAAC,UAA4C;AAC/D,QAAA,CAAC,YAAY,SAAU;AAE3B,QAAI,CAAC,SAAS;AACH,eAAA,UAAU,OAAO,MAAM;AAAA,IAClC;AAEA,UAAM,WACJ,gBAAgB,MAAM,YAAY,MAAM,WAAW,MAAM;AAE3D,QAAI,UAAU;AACZ,UAAI,MAAM,UAAU;AAClB,iBAAS,YAAY,OAAO,EAAE,KAAK,OAAQ,CAAA;AAAA,MAAA,OACtC;AACI,iBAAA,WAAW,OAAO,QAAQ,IAAI;AAAA,MACzC;AAAA,IAAA,OACK;AACI,eAAA,WAAW,OAAO,MAAM;AAAA,IACnC;AAAA,EAAA;AAGI,QAAA,mBAAmB,CAAC,UAA4C;AACpE,QAAI,MAAM,YAAY,MAAM,WAAW,MAAM,WAAW,UAAU;AAEhE,YAAM,eAAe;AAAA,IACvB;AAAA,EAAA;AAGK,SAAA;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"useHvTreeItem.js","sources":["../../../../src/TreeView/TreeItem/useHvTreeItem.ts"],"sourcesContent":["import * as React from \"react\";\n\nimport { DescendantContext } from \"../internals/DescendantProvider\";\nimport { DefaultTreeViewPlugins } from \"../internals/hooks/plugins\";\nimport { useTreeViewContext } from \"../internals/TreeViewProvider\";\n\nexport function useHvTreeItem(nodeId: string) {\n  const { instance, multiSelect } =\n    useTreeViewContext<DefaultTreeViewPlugins>();\n  const { level = 0 } = React.useContext(DescendantContext);\n\n  const expandable = instance ? instance.isNodeExpandable(nodeId) : false;\n  const expanded = instance ? instance.isNodeExpanded(nodeId) : false;\n  const focused = instance ? instance.isNodeFocused(nodeId) : false;\n  const selected = instance ? instance.isNodeSelected(nodeId) : false;\n  const disabled = instance ? instance.isNodeDisabled(nodeId) : false;\n\n  const handleExpansion = (event: React.MouseEvent) => {\n    if (!instance || disabled) return;\n\n    if (!focused) {\n      instance.focusNode(event, nodeId);\n    }\n\n    const multiple =\n      multiSelect && (event.shiftKey || event.ctrlKey || event.metaKey);\n\n    // If already expanded and trying to toggle selection don't close\n    if (expandable && !(multiple && instance.isNodeExpanded(nodeId))) {\n      instance.toggleNodeExpansion(event, nodeId);\n    }\n  };\n\n  const handleSelection = (event: React.MouseEvent) => {\n    if (!instance || disabled) return;\n\n    if (!focused) {\n      instance.focusNode(event, nodeId);\n    }\n\n    const multiple =\n      multiSelect && (event.shiftKey || event.ctrlKey || event.metaKey);\n\n    if (multiple) {\n      if (event.shiftKey) {\n        instance.selectRange(event, { end: nodeId });\n      } else {\n        instance.selectNode(event, nodeId, true);\n      }\n    } else {\n      instance.selectNode(event, nodeId);\n    }\n  };\n\n  const preventSelection = (event: React.MouseEvent) => {\n    if (event.shiftKey || event.ctrlKey || event.metaKey || disabled) {\n      // Prevent text selection\n      event.preventDefault();\n    }\n  };\n\n  return {\n    instance,\n    level,\n    disabled,\n    expanded,\n    selected,\n    focused,\n    handleExpansion,\n    handleSelection,\n    preventSelection,\n  };\n}\n"],"names":[],"mappings":";;;AAMO,SAAS,cAAc,QAAgB;AAC5C,QAAM,EAAE,UAAU,YAAY,IAC5B,mBAA2C;AAC7C,QAAM,EAAE,QAAQ,EAAA,IAAM,MAAM,WAAW,iBAAiB;AAExD,QAAM,aAAa,WAAW,SAAS,iBAAiB,MAAM,IAAI;AAClE,QAAM,WAAW,WAAW,SAAS,eAAe,MAAM,IAAI;AAC9D,QAAM,UAAU,WAAW,SAAS,cAAc,MAAM,IAAI;AAC5D,QAAM,WAAW,WAAW,SAAS,eAAe,MAAM,IAAI;AAC9D,QAAM,WAAW,WAAW,SAAS,eAAe,MAAM,IAAI;AAExD,QAAA,kBAAkB,CAAC,UAA4B;AAC/C,QAAA,CAAC,YAAY,SAAU;AAE3B,QAAI,CAAC,SAAS;AACH,eAAA,UAAU,OAAO,MAAM;AAAA,IAClC;AAEA,UAAM,WACJ,gBAAgB,MAAM,YAAY,MAAM,WAAW,MAAM;AAG3D,QAAI,cAAc,EAAE,YAAY,SAAS,eAAe,MAAM,IAAI;AACvD,eAAA,oBAAoB,OAAO,MAAM;AAAA,IAC5C;AAAA,EAAA;AAGI,QAAA,kBAAkB,CAAC,UAA4B;AAC/C,QAAA,CAAC,YAAY,SAAU;AAE3B,QAAI,CAAC,SAAS;AACH,eAAA,UAAU,OAAO,MAAM;AAAA,IAClC;AAEA,UAAM,WACJ,gBAAgB,MAAM,YAAY,MAAM,WAAW,MAAM;AAE3D,QAAI,UAAU;AACZ,UAAI,MAAM,UAAU;AAClB,iBAAS,YAAY,OAAO,EAAE,KAAK,OAAQ,CAAA;AAAA,MAAA,OACtC;AACI,iBAAA,WAAW,OAAO,QAAQ,IAAI;AAAA,MACzC;AAAA,IAAA,OACK;AACI,eAAA,WAAW,OAAO,MAAM;AAAA,IACnC;AAAA,EAAA;AAGI,QAAA,mBAAmB,CAAC,UAA4B;AACpD,QAAI,MAAM,YAAY,MAAM,WAAW,MAAM,WAAW,UAAU;AAEhE,YAAM,eAAe;AAAA,IACvB;AAAA,EAAA;AAGK,SAAA;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAEJ;"}