@burdenoff/microfe-bigconsole 2026.805.2 → 2026.805.3

package/dist/bigconsole/components/widgets/calendar/CalendarWidget.js

@@ -1,30 +1,31 @@
 import { memo as e, useMemo as t } from "react";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { useI18n as n } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region src/bigconsole/components/widgets/calendar/CalendarWidget.tsx
-function i(e, t) {
+function a(e, t) {
 	for (let n of t) if (e[n] !== void 0 && e[n] !== null) return e[n];
 }
-function a(e) {
+function o(e) {
 	let t = Array.isArray(e) ? e : Array.isArray(e?.events) ? e.events : Array.isArray(e?.items) ? e.items : Array.isArray(e?.data) ? e.data : void 0;
 	return Array.isArray(t) ? t.map((e, t) => {
 		if (!e || typeof e != "object") return null;
-		let n = e, r = i(n, [
+		let n = e, r = a(n, [
 			"start",
 			"startDate",
 			"date",
 			"startTime"
 		]);
 		if (!r) return null;
-		let a = i(n, [
+		let i = a(n, [
 			"end",
 			"endDate",
 			"endTime"
-		]) ?? r, o = i(n, [
+		]) ?? r, o = a(n, [
 			"title",
 			"name",
 			"label",
 			"summary"
-		]) ?? "Untitled event", s = i(n, [
+		]) ?? "Untitled event", s = a(n, [
 			"id",
 			"eventId",
 			"_id"
@@ -33,10 +34,10 @@ function a(e) {
 			id: String(s),
 			title: String(o),
 			start: String(r),
-			end: String(a),
+			end: String(i),
 			color: typeof n.color == "string" ? n.color : void 0,
 			allDay: typeof n.allDay == "boolean" ? n.allDay : void 0,
-			category: i(n, [
+			category: a(n, [
 				"category",
 				"group",
 				"type"
@@ -44,75 +45,75 @@ function a(e) {
 		};
 	}).filter((e) => e !== null) : [];
 }
-var o = e(function({ widget: e, data: i, onClick: o }) {
-	let s = t(() => a(i), [i]), c = t(() => {
+var s = e(function({ widget: e, data: a, onClick: s }) {
+	let { t: c } = n(), l = t(() => o(a), [a]), u = t(() => {
 		let e = /* @__PURE__ */ new Date(), t = new Date(e.getTime() + 10080 * 60 * 1e3);
-		return s.filter((n) => {
+		return l.filter((n) => {
 			let r = new Date(n.start);
 			return r >= e && r <= t;
 		}).sort((e, t) => new Date(e.start).getTime() - new Date(t.start).getTime()).slice(0, 8);
-	}, [s]);
-	return s.length ? /* @__PURE__ */ r("div", {
+	}, [l]);
+	return l.length ? /* @__PURE__ */ i("div", {
 		className: "flex flex-col h-full p-4 overflow-auto",
 		children: [
-			/* @__PURE__ */ r("div", {
+			/* @__PURE__ */ i("div", {
 				className: "flex items-center justify-between mb-4",
-				children: [/* @__PURE__ */ n("h3", {
+				children: [/* @__PURE__ */ r("h3", {
 					className: "text-sm font-medium text-text-primary",
-					children: "Upcoming Events"
+					children: c("bigconsole.widget.calendar.upcomingEvents", "Upcoming Events")
 				}), /* @__PURE__ */ r("span", {
 					className: "text-xs text-text-secondary",
-					children: [s.length, " events"]
+					children: c("bigconsole.widget.calendar.eventCount", "{{count}} events", { count: l.length })
 				})]
 			}),
-			/* @__PURE__ */ n("div", {
+			/* @__PURE__ */ r("div", {
 				className: "flex-1 space-y-2 overflow-auto",
-				children: c.map((e) => {
-					let t = new Date(e.start), i = t.toDateString() === (/* @__PURE__ */ new Date()).toDateString();
-					return /* @__PURE__ */ n("div", {
+				children: u.map((e) => {
+					let t = new Date(e.start), n = t.toDateString() === (/* @__PURE__ */ new Date()).toDateString();
+					return /* @__PURE__ */ r("div", {
 						className: `
                   p-3 rounded-lg border border-border-default
-                  ${o ? "cursor-pointer hover:border-action-primary-bg" : ""}
+                  ${s ? "cursor-pointer hover:border-action-primary-bg" : ""}
                   transition-colors
                 `,
-						onClick: () => o?.(e),
-						children: /* @__PURE__ */ r("div", {
+						onClick: () => s?.(e),
+						children: /* @__PURE__ */ i("div", {
 							className: "flex items-start gap-3",
-							children: [/* @__PURE__ */ n("div", {
+							children: [/* @__PURE__ */ r("div", {
 								className: "w-1 h-full min-h-[40px] rounded-full flex-shrink-0",
 								style: { backgroundColor: e.color || "var(--color-action-primary-bg)" }
-							}), /* @__PURE__ */ r("div", {
+							}), /* @__PURE__ */ i("div", {
 								className: "flex-1 min-w-0",
 								children: [
-									/* @__PURE__ */ n("p", {
+									/* @__PURE__ */ r("p", {
 										className: "text-sm font-medium text-text-primary truncate",
 										children: e.title
 									}),
-									/* @__PURE__ */ r("p", {
+									/* @__PURE__ */ i("p", {
 										className: "text-xs text-text-secondary mt-1",
 										children: [
-											i ? /* @__PURE__ */ n("span", {
+											n ? /* @__PURE__ */ r("span", {
 												className: "text-status-success-text font-medium",
-												children: "Today"
+												children: c("bigconsole.widget.calendar.today", "Today")
 											}) : t.toLocaleDateString("en-US", {
 												weekday: "short",
 												month: "short",
 												day: "numeric"
 											}),
-											!e.allDay && /* @__PURE__ */ n("span", {
+											!e.allDay && /* @__PURE__ */ r("span", {
 												className: "ml-2",
 												children: t.toLocaleTimeString("en-US", {
 													hour: "numeric",
 													minute: "2-digit"
 												})
 											}),
-											e.allDay && /* @__PURE__ */ n("span", {
+											e.allDay && /* @__PURE__ */ r("span", {
 												className: "ml-2",
-												children: "All day"
+												children: c("bigconsole.widget.calendar.allDay", "All day")
 											})
 										]
 									}),
-									e.category && /* @__PURE__ */ n("span", {
+									e.category && /* @__PURE__ */ r("span", {
 										className: "inline-block mt-1 px-2 py-0.5 text-[10px] rounded bg-bg-sunken text-text-secondary",
 										children: e.category
 									})
@@ -122,35 +123,31 @@ var o = e(function({ widget: e, data: i, onClick: o }) {
 					}, e.id);
 				})
 			}),
-			s.length > c.length && /* @__PURE__ */ r("p", {
+			l.length > u.length && /* @__PURE__ */ r("p", {
 				className: "text-xs text-text-tertiary text-center mt-3",
-				children: [
-					"+",
-					s.length - c.length,
-					" more events"
-				]
+				children: c("bigconsole.widget.calendar.moreEvents", "+{{count}} more events", { count: l.length - u.length })
 			})
 		]
-	}) : /* @__PURE__ */ n("div", {
+	}) : /* @__PURE__ */ r("div", {
 		className: "flex items-center justify-center h-full text-text-secondary text-sm",
-		children: /* @__PURE__ */ r("div", {
+		children: /* @__PURE__ */ i("div", {
 			className: "text-center",
-			children: [/* @__PURE__ */ n("svg", {
+			children: [/* @__PURE__ */ r("svg", {
 				className: "w-12 h-12 mx-auto mb-2 text-text-tertiary",
 				fill: "none",
 				stroke: "currentColor",
 				viewBox: "0 0 24 24",
-				children: /* @__PURE__ */ n("path", {
+				children: /* @__PURE__ */ r("path", {
 					strokeLinecap: "round",
 					strokeLinejoin: "round",
 					strokeWidth: 1.5,
 					d: "M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"
 				})
-			}), /* @__PURE__ */ n("p", { children: "No events to display" })]
+			}), /* @__PURE__ */ r("p", { children: c("bigconsole.widget.calendar.emptyState", "No events to display") })]
 		})
 	});
 });
 //#endregion
-export { o as default };
+export { s as default };
 
 //# sourceMappingURL=CalendarWidget.js.map

package/dist/bigconsole/components/widgets/calendar/CalendarWidget.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarWidget.js","names":[],"sources":["../../../../../src/bigconsole/components/widgets/calendar/CalendarWidget.tsx"],"sourcesContent":["/**\n * CalendarWidget Component\n *\n * Simple calendar view showing events.\n */\n\nimport { type FC, memo, useMemo } from 'react';\nimport type { Widget } from '../../../types';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface CalendarWidgetProps {\n  widget: Widget;\n  data?: CalendarData;\n  onClick?: (event: CalendarEvent) => void;\n}\n\nexport interface CalendarEvent {\n  id: string;\n  title: string;\n  start: string;\n  end: string;\n  color?: string;\n  allDay?: boolean;\n  category?: string;\n}\n\nexport interface CalendarData {\n  events?: CalendarEvent[];\n  currentDate?: string;\n  view?: 'month' | 'week' | 'day';\n}\n\n// ============================================================================\n// Normalization\n// ============================================================================\n\nfunction firstDefined<T = unknown>(obj: Record<string, unknown>, keys: string[]): T | undefined {\n  for (const key of keys) {\n    if (obj[key] !== undefined && obj[key] !== null) return obj[key] as T;\n  }\n  return undefined;\n}\n\n/**\n * Normalize whatever the widget is bound to into `CalendarEvent[]`. Accepts the\n * documented `{ events, ... }` shape, an events array under a different common\n * key, or a bare array of event-like records — a DataSink parser naturally\n * outputs a bare array, and WidgetWrapper has no calendar-specific reshaping\n * step (unlike table/list/chart), so this widget has to tolerate it itself, the\n * same way MapWidget tolerates a bare marker array instead of requiring\n * `{ markers }`. Field names are matched against common aliases so a parser\n * doesn't have to emit the exact `title`/`start`/`end` keys.\n */\nexport function normalizeCalendarEvents(\n  data: CalendarData | CalendarEvent[] | Record<string, unknown> | undefined\n): CalendarEvent[] {\n  const rawEvents: unknown = Array.isArray(data)\n    ? data\n    : Array.isArray((data as CalendarData | undefined)?.events)\n      ? (data as CalendarData).events\n      : Array.isArray((data as Record<string, unknown> | undefined)?.items)\n        ? (data as Record<string, unknown>).items\n        : Array.isArray((data as Record<string, unknown> | undefined)?.data)\n          ? (data as Record<string, unknown>).data\n          : undefined;\n\n  if (!Array.isArray(rawEvents)) return [];\n\n  return rawEvents\n    .map((raw, i): CalendarEvent | null => {\n      if (!raw || typeof raw !== 'object') return null;\n      const r = raw as Record<string, unknown>;\n      const start = firstDefined<string>(r, ['start', 'startDate', 'date', 'startTime']);\n      if (!start) return null;\n      const end = firstDefined<string>(r, ['end', 'endDate', 'endTime']) ?? start;\n      const title = firstDefined<string>(r, ['title', 'name', 'label', 'summary']) ?? 'Untitled event';\n      const id = firstDefined<string>(r, ['id', 'eventId', '_id']) ?? `${title}-${start}-${i}`;\n      return {\n        id: String(id),\n        title: String(title),\n        start: String(start),\n        end: String(end),\n        color: typeof r.color === 'string' ? r.color : undefined,\n        allDay: typeof r.allDay === 'boolean' ? r.allDay : undefined,\n        category: firstDefined<string>(r, ['category', 'group', 'type']),\n      };\n    })\n    .filter((e): e is CalendarEvent => e !== null);\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const CalendarWidget: FC<CalendarWidgetProps> = memo(function CalendarWidget({\n  widget: _widget,\n  data,\n  onClick,\n}) {\n  const events = useMemo(() => normalizeCalendarEvents(data), [data]);\n\n  // Get upcoming events (next 7 days)\n  const upcomingEvents = useMemo(() => {\n    const now = new Date();\n    const weekFromNow = new Date(now.getTime() + 7 * 24 * 60 * 60 * 1000);\n    return events\n      .filter((e) => {\n        const eventDate = new Date(e.start);\n        return eventDate >= now && eventDate <= weekFromNow;\n      })\n      .sort((a, b) => new Date(a.start).getTime() - new Date(b.start).getTime())\n      .slice(0, 8);\n  }, [events]);\n\n  if (!events.length) {\n    return (\n      <div className=\"flex items-center justify-center h-full text-text-secondary text-sm\">\n        <div className=\"text-center\">\n          <svg\n            className=\"w-12 h-12 mx-auto mb-2 text-text-tertiary\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            viewBox=\"0 0 24 24\"\n          >\n            <path\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n              strokeWidth={1.5}\n              d=\"M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z\"\n            />\n          </svg>\n          <p>No events to display</p>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"flex flex-col h-full p-4 overflow-auto\">\n      {/* Header */}\n      <div className=\"flex items-center justify-between mb-4\">\n        <h3 className=\"text-sm font-medium text-text-primary\">Upcoming Events</h3>\n        <span className=\"text-xs text-text-secondary\">{events.length} events</span>\n      </div>\n\n      {/* Event List */}\n      <div className=\"flex-1 space-y-2 overflow-auto\">\n        {upcomingEvents.map((event) => {\n          const eventDate = new Date(event.start);\n          const isToday = eventDate.toDateString() === new Date().toDateString();\n\n          return (\n            <div\n              key={event.id}\n              className={`\n                  p-3 rounded-lg border border-border-default\n                  ${onClick ? 'cursor-pointer hover:border-action-primary-bg' : ''}\n                  transition-colors\n                `}\n              onClick={() => onClick?.(event)}\n            >\n              <div className=\"flex items-start gap-3\">\n                {/* Color indicator */}\n                <div\n                  className=\"w-1 h-full min-h-[40px] rounded-full flex-shrink-0\"\n                  style={{ backgroundColor: event.color || 'var(--color-action-primary-bg)' }}\n                />\n\n                <div className=\"flex-1 min-w-0\">\n                  <p className=\"text-sm font-medium text-text-primary truncate\">{event.title}</p>\n                  <p className=\"text-xs text-text-secondary mt-1\">\n                    {isToday ? (\n                      <span className=\"text-status-success-text font-medium\">Today</span>\n                    ) : (\n                      eventDate.toLocaleDateString('en-US', { weekday: 'short', month: 'short', day: 'numeric' })\n                    )}\n                    {!event.allDay && (\n                      <span className=\"ml-2\">\n                        {eventDate.toLocaleTimeString('en-US', { hour: 'numeric', minute: '2-digit' })}\n                      </span>\n                    )}\n                    {event.allDay && <span className=\"ml-2\">All day</span>}\n                  </p>\n                  {event.category && (\n                    <span className=\"inline-block mt-1 px-2 py-0.5 text-[10px] rounded bg-bg-sunken text-text-secondary\">\n                      {event.category}\n                    </span>\n                  )}\n                </div>\n              </div>\n            </div>\n          );\n        })}\n      </div>\n\n      {events.length > upcomingEvents.length && (\n        <p className=\"text-xs text-text-tertiary text-center mt-3\">\n          +{events.length - upcomingEvents.length} more events\n        </p>\n      )}\n    </div>\n  );\n});\n\nexport default CalendarWidget;\n"],"mappings":"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"}
+{"version":3,"file":"CalendarWidget.js","names":[],"sources":["../../../../../src/bigconsole/components/widgets/calendar/CalendarWidget.tsx"],"sourcesContent":["/**\n * CalendarWidget Component\n *\n * Simple calendar view showing events.\n */\n\nimport { type FC, memo, useMemo } from 'react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport type { Widget } from '../../../types';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface CalendarWidgetProps {\n  widget: Widget;\n  data?: CalendarData;\n  onClick?: (event: CalendarEvent) => void;\n}\n\nexport interface CalendarEvent {\n  id: string;\n  title: string;\n  start: string;\n  end: string;\n  color?: string;\n  allDay?: boolean;\n  category?: string;\n}\n\nexport interface CalendarData {\n  events?: CalendarEvent[];\n  currentDate?: string;\n  view?: 'month' | 'week' | 'day';\n}\n\n// ============================================================================\n// Normalization\n// ============================================================================\n\nfunction firstDefined<T = unknown>(obj: Record<string, unknown>, keys: string[]): T | undefined {\n  for (const key of keys) {\n    if (obj[key] !== undefined && obj[key] !== null) return obj[key] as T;\n  }\n  return undefined;\n}\n\n/**\n * Normalize whatever the widget is bound to into `CalendarEvent[]`. Accepts the\n * documented `{ events, ... }` shape, an events array under a different common\n * key, or a bare array of event-like records — a DataSink parser naturally\n * outputs a bare array, and WidgetWrapper has no calendar-specific reshaping\n * step (unlike table/list/chart), so this widget has to tolerate it itself, the\n * same way MapWidget tolerates a bare marker array instead of requiring\n * `{ markers }`. Field names are matched against common aliases so a parser\n * doesn't have to emit the exact `title`/`start`/`end` keys.\n */\nexport function normalizeCalendarEvents(\n  data: CalendarData | CalendarEvent[] | Record<string, unknown> | undefined\n): CalendarEvent[] {\n  const rawEvents: unknown = Array.isArray(data)\n    ? data\n    : Array.isArray((data as CalendarData | undefined)?.events)\n      ? (data as CalendarData).events\n      : Array.isArray((data as Record<string, unknown> | undefined)?.items)\n        ? (data as Record<string, unknown>).items\n        : Array.isArray((data as Record<string, unknown> | undefined)?.data)\n          ? (data as Record<string, unknown>).data\n          : undefined;\n\n  if (!Array.isArray(rawEvents)) return [];\n\n  return rawEvents\n    .map((raw, i): CalendarEvent | null => {\n      if (!raw || typeof raw !== 'object') return null;\n      const r = raw as Record<string, unknown>;\n      const start = firstDefined<string>(r, ['start', 'startDate', 'date', 'startTime']);\n      if (!start) return null;\n      const end = firstDefined<string>(r, ['end', 'endDate', 'endTime']) ?? start;\n      const title = firstDefined<string>(r, ['title', 'name', 'label', 'summary']) ?? 'Untitled event';\n      const id = firstDefined<string>(r, ['id', 'eventId', '_id']) ?? `${title}-${start}-${i}`;\n      return {\n        id: String(id),\n        title: String(title),\n        start: String(start),\n        end: String(end),\n        color: typeof r.color === 'string' ? r.color : undefined,\n        allDay: typeof r.allDay === 'boolean' ? r.allDay : undefined,\n        category: firstDefined<string>(r, ['category', 'group', 'type']),\n      };\n    })\n    .filter((e): e is CalendarEvent => e !== null);\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const CalendarWidget: FC<CalendarWidgetProps> = memo(function CalendarWidget({\n  widget: _widget,\n  data,\n  onClick,\n}) {\n  const { t } = useI18n();\n  const events = useMemo(() => normalizeCalendarEvents(data), [data]);\n\n  // Get upcoming events (next 7 days)\n  const upcomingEvents = useMemo(() => {\n    const now = new Date();\n    const weekFromNow = new Date(now.getTime() + 7 * 24 * 60 * 60 * 1000);\n    return events\n      .filter((e) => {\n        const eventDate = new Date(e.start);\n        return eventDate >= now && eventDate <= weekFromNow;\n      })\n      .sort((a, b) => new Date(a.start).getTime() - new Date(b.start).getTime())\n      .slice(0, 8);\n  }, [events]);\n\n  if (!events.length) {\n    return (\n      <div className=\"flex items-center justify-center h-full text-text-secondary text-sm\">\n        <div className=\"text-center\">\n          <svg\n            className=\"w-12 h-12 mx-auto mb-2 text-text-tertiary\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            viewBox=\"0 0 24 24\"\n          >\n            <path\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n              strokeWidth={1.5}\n              d=\"M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z\"\n            />\n          </svg>\n          <p>{t('bigconsole.widget.calendar.emptyState', 'No events to display')}</p>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"flex flex-col h-full p-4 overflow-auto\">\n      {/* Header */}\n      <div className=\"flex items-center justify-between mb-4\">\n        <h3 className=\"text-sm font-medium text-text-primary\">\n          {t('bigconsole.widget.calendar.upcomingEvents', 'Upcoming Events')}\n        </h3>\n        <span className=\"text-xs text-text-secondary\">\n          {t('bigconsole.widget.calendar.eventCount', '{{count}} events', { count: events.length })}\n        </span>\n      </div>\n\n      {/* Event List */}\n      <div className=\"flex-1 space-y-2 overflow-auto\">\n        {upcomingEvents.map((event) => {\n          const eventDate = new Date(event.start);\n          const isToday = eventDate.toDateString() === new Date().toDateString();\n\n          return (\n            <div\n              key={event.id}\n              className={`\n                  p-3 rounded-lg border border-border-default\n                  ${onClick ? 'cursor-pointer hover:border-action-primary-bg' : ''}\n                  transition-colors\n                `}\n              onClick={() => onClick?.(event)}\n            >\n              <div className=\"flex items-start gap-3\">\n                {/* Color indicator */}\n                <div\n                  className=\"w-1 h-full min-h-[40px] rounded-full flex-shrink-0\"\n                  style={{ backgroundColor: event.color || 'var(--color-action-primary-bg)' }}\n                />\n\n                <div className=\"flex-1 min-w-0\">\n                  <p className=\"text-sm font-medium text-text-primary truncate\">{event.title}</p>\n                  <p className=\"text-xs text-text-secondary mt-1\">\n                    {isToday ? (\n                      <span className=\"text-status-success-text font-medium\">\n                        {t('bigconsole.widget.calendar.today', 'Today')}\n                      </span>\n                    ) : (\n                      eventDate.toLocaleDateString('en-US', { weekday: 'short', month: 'short', day: 'numeric' })\n                    )}\n                    {!event.allDay && (\n                      <span className=\"ml-2\">\n                        {eventDate.toLocaleTimeString('en-US', { hour: 'numeric', minute: '2-digit' })}\n                      </span>\n                    )}\n                    {event.allDay && <span className=\"ml-2\">{t('bigconsole.widget.calendar.allDay', 'All day')}</span>}\n                  </p>\n                  {event.category && (\n                    <span className=\"inline-block mt-1 px-2 py-0.5 text-[10px] rounded bg-bg-sunken text-text-secondary\">\n                      {event.category}\n                    </span>\n                  )}\n                </div>\n              </div>\n            </div>\n          );\n        })}\n      </div>\n\n      {events.length > upcomingEvents.length && (\n        <p className=\"text-xs text-text-tertiary text-center mt-3\">\n          {t('bigconsole.widget.calendar.moreEvents', '+{{count}} more events', {\n            count: events.length - upcomingEvents.length,\n          })}\n        </p>\n      )}\n    </div>\n  );\n});\n\nexport default CalendarWidget;\n"],"mappings":"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"}