@wistia/ui 0.13.7 → 0.13.8-beta.39055ec4.95b9e2c

package/dist/index.cjs

@@ -1,6 +1,6 @@
 
 /*
- * @license @wistia/ui v0.13.7
+ * @license @wistia/ui v0.13.8-beta.39055ec4.95b9e2c
  *
  * Copyright (c) 2024-2025, Wistia, Inc. and its affiliates.
  *
@@ -1453,8 +1453,9 @@ var import_styled_components7 = require("styled-components");
 var zIndexTokens = import_styled_components7.css`
   --wui-zindex-under: -1;
   --wui-zindex-backdrop: 500;
-  --wui-zindex-modal: 500;
   --wui-zindex-menu: 500;
+  --wui-zindex-modal: 500;
+  --wui-zindex-popover: 500;
   --wui-zindex-select: 500;
   --wui-zindex-tooltip: 500;
 `;
@@ -1673,6 +1674,7 @@ var minutesInHour = 60;
 var halfAnHourInMinutes = 30;
 var hoursInDay = 24;
 var milisecondsInSecond = 1e3;
+var daysInWeek = 7;
 var millisecondsInDay = hoursInDay * minutesInHour * secondsInMinute * milisecondsInSecond;
 
 // src/helpers/dateTime/buildTimeDuration.ts
@@ -1816,7 +1818,7 @@ var dateTimeRounded = (dateTime2, toISOString = true) => {
 
 // src/helpers/dateTime/dateTimeString.ts
 var import_type_guards3 = require("@wistia/type-guards");
-var dateTimeString = (date, { timeZone = defaultTimeZone } = {}) => {
+var dateTimeString = (date, { timeZone = defaultTimeZone, omitYear } = {}) => {
   if ((0, import_type_guards3.isNil)(date)) {
     return "";
   }
@@ -1825,11 +1827,15 @@ var dateTimeString = (date, { timeZone = defaultTimeZone } = {}) => {
     return "";
   }
   try {
-    return new Intl.DateTimeFormat(defaultLocales, {
-      dateStyle: "medium",
-      timeStyle: "short",
+    const baseOptions = {
+      month: "short",
+      day: "numeric",
+      hour: "numeric",
+      minute: "2-digit",
       timeZone
-    }).format(formattedDate);
+    };
+    const options = omitYear ? baseOptions : { ...baseOptions, year: "numeric" };
+    return formattedDate.toLocaleDateString(defaultLocales, options);
   } catch (error) {
     console.error(error);
     return "";
@@ -1980,13 +1986,12 @@ var differenceInCalendarDays = (dateLeft, dateRight) => {
 };
 
 // src/helpers/dateTime/timeAgoString.ts
-var timeAgoString = (date, { nowAnchor = /* @__PURE__ */ new Date() } = {}) => {
-  if (isInvalidDate(date)) {
-    return "";
-  }
+var timeAgoString = (date, { nowAnchor = /* @__PURE__ */ new Date(), includeTime = true } = {}) => {
+  if (isInvalidDate(date)) return "";
   const minutesAgo = (nowAnchor.valueOf() - date.valueOf()) / (secondsInMinute * milisecondsInSecond);
   const minutesAgoRounded = Math.round(minutesAgo);
   const differenceInDays = differenceInCalendarDays(nowAnchor, date);
+  const isSameYear = date.getFullYear() === nowAnchor.getFullYear();
   if (minutesAgo < 0) {
     return dateTimeString(date);
   }
@@ -2000,20 +2005,15 @@ var timeAgoString = (date, { nowAnchor = /* @__PURE__ */ new Date() } = {}) => {
     return `${minutesAgoRounded} minutes ago`;
   }
   if (differenceInDays === 0) {
-    return `Today, ${Intl.DateTimeFormat(defaultLocales, { timeStyle: "short" }).format(date)}`;
+    return includeTime ? `Today, ${Intl.DateTimeFormat(defaultLocales, { hour: "numeric", minute: "2-digit" }).format(date)}` : "Today";
   }
   if (differenceInDays === 1) {
-    return `Yesterday, ${Intl.DateTimeFormat(defaultLocales, { timeStyle: "short" }).format(date)}`;
+    return includeTime ? `Yesterday, ${Intl.DateTimeFormat(defaultLocales, { hour: "numeric", minute: "2-digit" }).format(date)}` : "Yesterday";
   }
-  if (date.getFullYear() === nowAnchor.getFullYear()) {
-    return Intl.DateTimeFormat(defaultLocales, {
-      day: "numeric",
-      month: "short",
-      hour: "numeric",
-      minute: "2-digit"
-    }).format(date);
+  if (differenceInDays < daysInWeek && !includeTime) {
+    return `on ${dayOfWeekString(date)}`;
   }
-  return dateTimeString(date);
+  return includeTime ? dateTimeString(date, { omitYear: isSameYear }) : dateOnlyString(date, { omitYear: isSameYear });
 };
 
 // src/helpers/dateTime/timeOnlyString.ts
@@ -14523,6 +14523,7 @@ PopoverArrow.displayName = "PopoverArrow_UI";
 // src/components/Popover/Popover.tsx
 var import_jsx_runtime282 = require("react/jsx-runtime");
 var StyledContent2 = (0, import_styled_components90.default)(import_react_popover5.Content)`
+  z-index: var(--wui-zindex-popover);
   ${({ $colorScheme }) => getColorScheme($colorScheme)};
   ${({ $unstyled }) => !$unstyled && import_styled_components90.css`
       border-radius: var(--wui-border-radius-02);