@tap-payments/os-micro-frontend-shared 0.1.365-test.20 → 0.1.365-test.22

package/build/components/RangeCalender/RangeCalender.js

@@ -59,7 +59,7 @@ function RangeCalender({ defaultDate, onDateChange, mode = 'gregorian', onCalend
     };
     const getSelectedDate = () => {
         const nowYear = dayjs().year();
-        const formatDate = (date) => (date.year === nowYear ? date.format('MMM D') : date.format('MMM D, YYYY'));
+        const formatDate = (date) => (date.year === nowYear ? date.format('MMM D') : date.format('MMM D YYYY'));
         const startSelectedTime = formatDate(dates[0]);
         const endSelectedTime = dates[1] ? formatDate(dates[1]) : formatDate(dates[0]);
         return startSelectedTime === endSelectedTime && !noTimezone ? startSelectedTime : `${startSelectedTime} - ${endSelectedTime}`;

package/build/types/index.d.ts

@@ -32,3 +32,4 @@ export * from './filter';
 export * from './utilities';
 export * from './reports';
 export * from './document';
+export * from './toggleOptions';

package/build/types/index.js

@@ -32,3 +32,4 @@ export * from './filter';
 export * from './utilities';
 export * from './reports';
 export * from './document';
+export * from './toggleOptions';

package/build/types/toggleOptions.d.ts

@@ -0,0 +1,2 @@
+import { DATA_KEY } from '../constants/index.js';
+export type DataKey = (typeof DATA_KEY)[keyof typeof DATA_KEY];

package/build/types/toggleOptions.js

@@ -0,0 +1 @@
+export {};

package/build/utils/date.d.ts

@@ -43,4 +43,9 @@ export declare function isWithinTimeAgo(timestampMs: number, amount: number, uni
 export declare const formatRelativeTimeWithinHour: (timestampMs: number) => string;
 export declare const isTodayDate: (date: string | Date) => boolean;
 export declare const isYesterdayDate: (date: string | Date) => boolean;
+export interface InsightDateLabelResult {
+    label: string;
+    isCustom: boolean;
+}
+export declare const getDateLabel: (from: Date, to: Date) => InsightDateLabelResult;
 export {};

package/build/utils/date.js

@@ -243,3 +243,32 @@ export const formatRelativeTimeWithinHour = (timestampMs) => {
 };
 export const isTodayDate = (date) => dayjs(date).isToday();
 export const isYesterdayDate = (date) => dayjs(date).isYesterday();
+export const getDateLabel = (from, to) => {
+    const start = dayjs(from).startOf('day');
+    const end = dayjs(to).endOf('day');
+    const today = dayjs().startOf('day');
+    const currentYear = today.year();
+    const diffDays = end.diff(start, 'day') + 1;
+    if (start.isToday() && end.isToday())
+        return { label: 'Today', isCustom: false };
+    if (start.isYesterday() && end.isYesterday())
+        return { label: 'Yesterday', isCustom: false };
+    if (diffDays === 7 && end.isSame(today, 'day')) {
+        return { label: 'Last 7 days', isCustom: false };
+    }
+    // Last 30 days (inclusive)
+    if (diffDays === 31 && end.isSame(today, 'day'))
+        return { label: 'Last 30 days', isCustom: false };
+    if (start.date() === 1 && end.date() === end.daysInMonth() && start.month() === end.month()) {
+        const monthLabel = start.year() === currentYear ? start.format('MMMM') : start.format('MMMM YYYY');
+        return { label: monthLabel, isCustom: false };
+    }
+    const showStartYear = start.year() !== currentYear;
+    const showEndYear = end.year() !== currentYear;
+    const startLabel = start.format(`MMM D${showStartYear ? ', YYYY' : ''}`);
+    const endLabel = end.format(`MMM D${showEndYear ? ', YYYY' : ''}`);
+    return {
+        label: `${startLabel} – ${endLabel}`,
+        isCustom: true,
+    };
+};

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@tap-payments/os-micro-frontend-shared",
   "description": "Shared components and utilities for Tap Payments micro frontends",
-  "version": "0.1.365-test.20",
-  "testVersion": 20,
+  "version": "0.1.365-test.22",
+  "testVersion": 22,
   "type": "module",
   "main": "build/index.js",
   "module": "build/index.js",