@ambuj.bhaskar/react-component-library 0.24.7-alpha → 0.24.8-alpha

package/dist/index.d.ts

@@ -844,6 +844,8 @@ export declare type EventPreviewProps = {
     focusedIndex?: number;
     setFocusedIndex?: (index: number) => void;
     emptyData?: React.ReactNode;
+    dateFormat?: Intl.DateTimeFormat;
+    timeFormat?: Intl.DateTimeFormat;
 };
 
 declare type EventType = {

package/dist/index.js

@@ -74700,7 +74700,7 @@ const kOe = ({
   hour: "2-digit",
   minute: "2-digit",
   second: "2-digit",
-  hour12: !0
+  hour12: !1
 }), Ms = (e) => {
   e.scrollIntoView({
     behavior: "smooth",
@@ -74715,42 +74715,44 @@ const kOe = ({
   height: i = "40rem",
   focusedIndex: a = 0,
   setFocusedIndex: s,
-  emptyData: l
+  emptyData: l,
+  dateFormat: u = UE,
+  timeFormat: d = ZE
 }) => {
-  var C;
-  const u = n, d = u == null ? void 0 : u[a];
-  d != null && d.appName && (e = d == null ? void 0 : d.appName), d != null && d.appName && (t = d == null ? void 0 : d.icon);
-  const h = y0(
-    (m) => {
-      switch (m.key) {
+  var A;
+  const h = n, C = h == null ? void 0 : h[a];
+  C != null && C.appName && (e = C == null ? void 0 : C.appName), C != null && C.appName && (t = C == null ? void 0 : C.icon);
+  const m = y0(
+    (v) => {
+      switch (v.key) {
         case "ArrowUp":
           if (a === 0) return;
-          Ms(m.target), s == null || s(a - 1);
+          Ms(v.target), s == null || s(a - 1);
           break;
         case "ArrowDown":
-          if (a === (u == null ? void 0 : u.length) - 1) return;
-          Ms(m.target), s == null || s(a + 1);
+          if (a === (h == null ? void 0 : h.length) - 1) return;
+          Ms(v.target), s == null || s(a + 1);
           break;
       }
     },
-    [a, u == null ? void 0 : u.length, s]
+    [a, h == null ? void 0 : h.length, s]
   );
-  return Nt(() => (window.addEventListener("keydown", h), () => window.removeEventListener("keydown", h)), [h]), /* @__PURE__ */ K.jsx(
+  return Nt(() => (window.addEventListener("keydown", m), () => window.removeEventListener("keydown", m)), [m]), /* @__PURE__ */ K.jsx(
     "div",
     {
-      className: `event_preview_window ${u != null && u.length ? "" : "empty"}`,
+      className: `event_preview_window ${h != null && h.length ? "" : "empty"}`,
       style: {
         height: i,
         width: o
       },
-      children: (u == null ? void 0 : u.length) == 0 || d == null ? l ?? "No data found! 📊" : /* @__PURE__ */ K.jsxs(K.Fragment, { children: [
+      children: (h == null ? void 0 : h.length) == 0 || C == null ? l ?? "No data found! 📊" : /* @__PURE__ */ K.jsxs(K.Fragment, { children: [
         /* @__PURE__ */ K.jsxs("span", { className: "event_preview_dialog_header", children: [
           /* @__PURE__ */ K.jsx("span", { className: "event_preview_dialog_header_icon", children: t && /* @__PURE__ */ K.jsx("img", { src: t, alt: e }) }),
           /* @__PURE__ */ K.jsx("span", { className: "event_preview_dialog_header_content", title: e, children: /* @__PURE__ */ K.jsx("h6", { className: "hydra_text_limit", children: e }) })
         ] }),
         /* @__PURE__ */ K.jsxs("div", { className: "event_preview_content_container", children: [
           /* @__PURE__ */ K.jsxs("span", { className: "event_preview_image_container", children: [
-            /* @__PURE__ */ K.jsx("img", { src: d == null ? void 0 : d.frameUrl, alt: "Alert" }),
+            /* @__PURE__ */ K.jsx("img", { src: C == null ? void 0 : C.frameUrl, alt: "Alert" }),
             /* @__PURE__ */ K.jsxs("div", { className: "event_preview_image_footer", children: [
               /* @__PURE__ */ K.jsxs("span", { className: "event_preview_image_footer_infoitem", children: [
                 /* @__PURE__ */ K.jsx(
@@ -74758,16 +74760,16 @@ const kOe = ({
                   {
                     className: "status_indicator",
                     style: {
-                      background: `linear-gradient(90deg, rgba(0,0,0,0), ${d == null ? void 0 : d.color})`
+                      background: `linear-gradient(90deg, rgba(0,0,0,0), ${C == null ? void 0 : C.color})`
                     }
                   }
                 ),
                 /* @__PURE__ */ K.jsx("p", { children: "Severity" }),
-                /* @__PURE__ */ K.jsx("h5", { title: d == null ? void 0 : d.severity, children: (C = d == null ? void 0 : d.severity) == null ? void 0 : C.toLocaleLowerCase() })
+                /* @__PURE__ */ K.jsx("h5", { title: C == null ? void 0 : C.severity, children: (A = C == null ? void 0 : C.severity) == null ? void 0 : A.toLocaleLowerCase() })
               ] }),
               /* @__PURE__ */ K.jsxs("span", { className: "event_preview_image_footer_infoitem", children: [
                 /* @__PURE__ */ K.jsx("p", { children: "Source" }),
-                /* @__PURE__ */ K.jsx("h5", { title: d == null ? void 0 : d.location, children: d == null ? void 0 : d.location })
+                /* @__PURE__ */ K.jsx("h5", { title: C == null ? void 0 : C.location, children: C == null ? void 0 : C.location })
               ] }),
               /* @__PURE__ */ K.jsxs("span", { className: "event_preview_image_footer_infoitem", children: [
                 /* @__PURE__ */ K.jsx("p", { children: "Date" }),
@@ -74775,9 +74777,9 @@ const kOe = ({
                   "h5",
                   {
                     title: UE.format(
-                      new Date(d == null ? void 0 : d.timeStamp)
+                      new Date(C == null ? void 0 : C.timeStamp)
                     ),
-                    children: UE.format(new Date(d == null ? void 0 : d.timeStamp))
+                    children: u == null ? void 0 : u.format(new Date(C == null ? void 0 : C.timeStamp))
                   }
                 )
               ] }),
@@ -74787,19 +74789,19 @@ const kOe = ({
                   "h5",
                   {
                     title: ZE.format(
-                      new Date(d == null ? void 0 : d.timeStamp)
+                      new Date(C == null ? void 0 : C.timeStamp)
                     ),
-                    children: ZE.format(new Date(d == null ? void 0 : d.timeStamp))
+                    children: d == null ? void 0 : d.format(new Date(C == null ? void 0 : C.timeStamp))
                   }
                 )
               ] })
             ] })
           ] }),
-          /* @__PURE__ */ K.jsx("span", { className: "event_preview_content", children: /* @__PURE__ */ K.jsx(kOe, { data: d == null ? void 0 : d.blobs }) }),
+          /* @__PURE__ */ K.jsx("span", { className: "event_preview_content", children: /* @__PURE__ */ K.jsx(kOe, { data: C == null ? void 0 : C.blobs }) }),
           /* @__PURE__ */ K.jsx("span", { className: "event_preview_other_events_container", children: r || /* @__PURE__ */ K.jsx(
             NOe,
             {
-              events: u,
+              events: h,
               focusedIndex: a,
               setFocusedIndex: s
             }