vrfi-design-system 1.1.82 → 1.1.83

package/dist/index.d.ts

@@ -849,6 +849,7 @@ export declare interface NotificationPanelProps {
     data: NotificationData[];
     title?: string;
     visible: boolean;
+    onScrollEnd?: default_2.UIEventHandler<HTMLDivElement>;
 }
 
 export { NotificationTypes }

package/dist/main.es.js

@@ -54053,45 +54053,59 @@ const tle = "_searchComponent_2avnw_24", nle = "_searchInput_2avnw_43", H1 = {
   onClose: e,
   data: t,
   visible: n,
-  title: r
-}) => /* @__PURE__ */ B.jsx(
-  ig,
-  {
-    closable: !0,
-    destroyOnClose: !0,
-    rootClassName: "custom-drawer",
-    onClose: e,
-    open: n,
-    width: 527,
-    style: { top: "0", left: "0", right: "0" },
-    children: /* @__PURE__ */ B.jsxs("div", { className: ui.notificationContainer, children: [
-      /* @__PURE__ */ B.jsx("p", { className: ui.title, children: r }),
-      t == null ? void 0 : t.map((o, a) => /* @__PURE__ */ B.jsxs(
+  title: r,
+  onScrollEnd: o
+}) => {
+  const a = (i) => {
+    const l = i.currentTarget;
+    l.scrollTop + l.clientHeight >= l.scrollHeight - 100 && (o == null || o(i));
+  };
+  return /* @__PURE__ */ B.jsx(
+    ig,
+    {
+      closable: !0,
+      destroyOnClose: !0,
+      rootClassName: "custom-drawer",
+      onClose: e,
+      open: n,
+      width: 527,
+      style: { top: "0", left: "0", right: "0" },
+      children: /* @__PURE__ */ B.jsxs(
         "div",
         {
-          className: ui.notification,
-          onClick: o == null ? void 0 : o.onClick,
+          className: ui.notificationContainer,
+          onScroll: a,
           children: [
-            /* @__PURE__ */ B.jsxs("div", { className: ui.header, children: [
-              /* @__PURE__ */ B.jsx("p", { className: ui.headerTitle, children: o == null ? void 0 : o.title }),
-              /* @__PURE__ */ B.jsx("span", { className: ui.timeStamp, children: o == null ? void 0 : o.timeStamp })
-            ] }),
-            /* @__PURE__ */ B.jsx("div", { className: ui.description, children: /* @__PURE__ */ B.jsx("span", { children: o == null ? void 0 : o.description }) }),
-            /* @__PURE__ */ B.jsx("div", { className: ui.btnContainer, children: /* @__PURE__ */ B.jsx(
-              Ale,
+            /* @__PURE__ */ B.jsx("p", { className: ui.title, children: r }),
+            t == null ? void 0 : t.map((i, l) => /* @__PURE__ */ B.jsxs(
+              "div",
               {
-                onAccept: o == null ? void 0 : o.onAccept,
-                onReject: o == null ? void 0 : o.onReject,
-                onApply: o == null ? void 0 : o.onApply
-              }
-            ) })
+                className: ui.notification,
+                onClick: i == null ? void 0 : i.onClick,
+                children: [
+                  /* @__PURE__ */ B.jsxs("div", { className: ui.header, children: [
+                    /* @__PURE__ */ B.jsx("p", { className: ui.headerTitle, children: i == null ? void 0 : i.title }),
+                    /* @__PURE__ */ B.jsx("span", { className: ui.timeStamp, children: i == null ? void 0 : i.timeStamp })
+                  ] }),
+                  /* @__PURE__ */ B.jsx("div", { className: ui.description, children: /* @__PURE__ */ B.jsx("span", { children: i == null ? void 0 : i.description }) }),
+                  /* @__PURE__ */ B.jsx("div", { className: ui.btnContainer, children: /* @__PURE__ */ B.jsx(
+                    Ale,
+                    {
+                      onAccept: i == null ? void 0 : i.onAccept,
+                      onReject: i == null ? void 0 : i.onReject,
+                      onApply: i == null ? void 0 : i.onApply
+                    }
+                  ) })
+                ]
+              },
+              l
+            ))
           ]
-        },
-        a
-      ))
-    ] })
-  }
-), fle = "_sidebar_1ndcm_24", mle = "_logo_1ndcm_105", gle = "_icon_1ndcm_109", vle = "_footer_1ndcm_113", ple = "_menuItem_1ndcm_117", hle = "_menuLabel_1ndcm_123", ble = "_popupMenu_1ndcm_131", ka = {
+        }
+      )
+    }
+  );
+}, fle = "_sidebar_1ndcm_24", mle = "_logo_1ndcm_105", gle = "_icon_1ndcm_109", vle = "_footer_1ndcm_113", ple = "_menuItem_1ndcm_117", hle = "_menuLabel_1ndcm_123", ble = "_popupMenu_1ndcm_131", ka = {
   sidebar: fle,
   logo: mle,
   icon: gle,