impact-ui 4.0.0-alpha.8 → 4.0.0-alpha.9

package/dist/_virtual/BookmarkBorderOutlined.js

@@ -0,0 +1,4 @@
+var BookmarkBorderOutlined = {};
+export {
+  BookmarkBorderOutlined as __exports
+};

package/dist/_virtual/FilterListOutlined.js

@@ -0,0 +1,4 @@
+var FilterListOutlined = {};
+export {
+  FilterListOutlined as __exports
+};

package/dist/_virtual/index14.js

@@ -1,4 +1,4 @@
-var reactIs = { exports: {} };
+var callBind = { exports: {} };
 export {
-  reactIs as __module
+  callBind as __module
 };

package/dist/_virtual/index15.js

@@ -1,4 +1,4 @@
-var callBind = { exports: {} };
+var isSymbol = { exports: {} };
 export {
-  callBind as __module
+  isSymbol as __module
 };

package/dist/_virtual/index16.js

@@ -1,4 +1,4 @@
-var isSymbol = { exports: {} };
+var reactIs = { exports: {} };
 export {
-  isSymbol as __module
+  reactIs as __module
 };

package/dist/_virtual/index2.js

@@ -1,4 +1,4 @@
-var reactIs = { exports: {} };
+var propTypes = { exports: {} };
 export {
-  reactIs as __module
+  propTypes as __module
 };

package/dist/_virtual/index3.js

@@ -1,4 +1,4 @@
-var propTypes = { exports: {} };
+var reactIs = { exports: {} };
 export {
-  propTypes as __module
+  reactIs as __module
 };

package/dist/components/Chatbot/bookMarkPanel.js

@@ -46,7 +46,7 @@ function BookMarkPanel({
         }
       )
     ] }) }),
-    activeTab === "predefined" ? preDefinedQuestions == null ? void 0 : preDefinedQuestions.map((item, idx) => /* @__PURE__ */ jsxs("div", { className: "bookmark-panel-body", children: [
+    activeTab === "preDefined" ? preDefinedQuestions == null ? void 0 : preDefinedQuestions.map((item, idx) => /* @__PURE__ */ jsxs("div", { className: "bookmark-panel-body", children: [
       /* @__PURE__ */ jsx("span", { className: "drag-handle", children: "⋮⋮" }),
       /* @__PURE__ */ jsx("span", { className: "bookmark-question-text", children: item.question }),
       /* @__PURE__ */ jsx("span", { className: "bookmark-menu", children: "⋮" })

package/dist/components/Notification/Notification.types.d.ts

@@ -5,10 +5,36 @@ export interface NotificationTabItem {
     label: string;
     value: string;
 }
+export interface NotificationListItemData {
+    id: string | number;
+    label: string;
+    date: Date;
+    time: number;
+    description: string;
+    selected?: boolean;
+    read?: boolean;
+    status?: 'success' | 'fail' | 'pending';
+    badge?: string;
+    bookMarked?: boolean;
+    showBookMark?: boolean;
+    showOverdueIcon?: boolean;
+    showFastApproachingIcon?: boolean;
+    showNOverdueIcon?: boolean;
+    moveToPendingText?: string;
+    checkBoxClick?: NotificationListItemHandler;
+    handleSelectChange?: NotificationListItemHandler;
+    handleMarkCompleted?: NotificationListItemHandler;
+    handleMoveToPending?: NotificationListItemHandler;
+    handleMarkAsRead?: NotificationListItemHandler;
+    handleBookMark?: NotificationListItemHandler;
+    handleDeleteNotification?: NotificationListItemHandler;
+    handleDownloadNotification?: NotificationListItemHandler;
+}
+export type NotificationListItemHandler = (type?: string, notificationPanels?: NotificationPanelItem[], setNotificationPanels?: (panels: NotificationPanelItem[]) => void, list?: NotificationListItemData) => void;
 export interface NotificationPanelItem {
     id: number;
     value: string;
-    notificationList?: ReactNode;
+    notificationList?: NotificationListItemData[] | ReactNode;
     handleSettingClick?: () => void;
     filterChip?: unknown;
     selectedFilterChip?: unknown;
@@ -39,10 +65,10 @@ export interface NotificationProps {
     primaryButtonLabel?: string;
     onPrimaryButtonClick?: () => void;
     onSettingButtonClick?: () => void;
-    handleSelectAll?: () => void;
-    handleMarkReadAll?: () => void;
-    handleMoveAllPending?: () => void;
-    handleNotificationDeleteAll?: () => void;
+    handleSelectAll?: (type?: string, notificationList?: NotificationListItemData[]) => void;
+    handleMarkReadAll?: (type?: string, notificationList?: NotificationListItemData[]) => void;
+    handleMoveAllPending?: (type?: string, selectedItems?: NotificationListItemData[], selectedOption?: unknown) => void;
+    handleNotificationDeleteAll?: (type?: string, selectedItems?: NotificationListItemData[]) => void;
     badgesList?: NotificationBadgeList[];
     notificationTabs?: NotificationTabItem[];
     notificationPanels?: NotificationPanelItem[];
@@ -67,4 +93,8 @@ export interface NotificationProps {
     /** Optional body component (e.g. for testing); defaults to NotificationBody */
     NotificationBodyComponent?: React.ComponentType<Record<string, unknown>>;
 }
+/** @deprecated Use NotificationListItemData */
+export type NotificationItem = NotificationListItemData;
+/** @deprecated Use NotificationPanelItem */
+export type NotificationPanel = NotificationPanelItem;
 //# sourceMappingURL=Notification.types.d.ts.map

package/dist/components/Notification/Notification.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Notification.types.d.ts","sourceRoot":"","sources":["../../../src/components/Notification/Notification.types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"Notification.types.d.ts","sourceRoot":"","sources":["../../../src/components/Notification/Notification.types.ts"],"names":[],"mappings":"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"}

package/dist/components/Notification/NotificationBody/NotificationList/NotificationChipsList.d.ts

@@ -0,0 +1,21 @@
+import { NotificationListItemData } from '../../Notification.types';
+
+export interface NotificationChipItem {
+    id?: number;
+    label: string;
+    numberOfTypes?: number;
+    handleClick?: () => void;
+    onClick?: () => void;
+}
+interface NotificationChipsListProps {
+    list: NotificationChipItem[];
+    currActiveListType: string;
+    setCurrActiveListType: (label: string) => void;
+    activeBadge?: string;
+    showBadgeLoader?: boolean;
+    notificationList: NotificationListItemData[];
+    expandList: boolean;
+}
+export declare function NotificationChipsList({ list, currActiveListType, setCurrActiveListType, activeBadge, showBadgeLoader, notificationList, expandList, }: NotificationChipsListProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=NotificationChipsList.d.ts.map

package/dist/components/Notification/NotificationBody/NotificationList/NotificationChipsList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationChipsList.d.ts","sourceRoot":"","sources":["../../../../../src/components/Notification/NotificationBody/NotificationList/NotificationChipsList.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,0BAA0B,CAAC;AAEzE,MAAM,WAAW,oBAAoB;IACnC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,UAAU,0BAA0B;IAClC,IAAI,EAAE,oBAAoB,EAAE,CAAC;IAC7B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,qBAAqB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,gBAAgB,EAAE,wBAAwB,EAAE,CAAC;IAC7C,UAAU,EAAE,OAAO,CAAC;CACrB;AAWD,wBAAgB,qBAAqB,CAAC,EACpC,IAAI,EACJ,kBAAkB,EAClB,qBAAqB,EACrB,WAAW,EACX,eAAe,EACf,gBAAgB,EAChB,UAAU,GACX,EAAE,0BAA0B,2CA4B5B"}

package/dist/components/Notification/NotificationBody/NotificationList/NotificationChipsList.js

@@ -0,0 +1,49 @@
+import { jsx } from "react/jsx-runtime";
+import { Badge } from "../../../Badge/index.js";
+import { Loader } from "../../../Loader/index.js";
+function getBadgeLabel(item, notificationList) {
+  const baseLabel = item.label || "";
+  if (item.numberOfTypes) {
+    return `${baseLabel} (${item.numberOfTypes})`;
+  }
+  const count = notificationList.filter((listItem) => listItem.badge === item.label).length;
+  return count > 0 ? `${baseLabel} (${count})` : baseLabel;
+}
+function NotificationChipsList({
+  list,
+  currActiveListType,
+  setCurrActiveListType,
+  activeBadge,
+  showBadgeLoader,
+  notificationList,
+  expandList
+}) {
+  if (showBadgeLoader) {
+    return /* @__PURE__ */ jsx(Loader, { showSkeleton: true, size: "small" });
+  }
+  const activeLabel = activeBadge != null && activeBadge !== "" ? activeBadge : currActiveListType;
+  return /* @__PURE__ */ jsx("div", { className: "impact-notification-task-list-chips", children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: `impact-notification-task-list-item ${expandList ? "list-item-full-width" : ""}`,
+      children: list.map((item, index) => /* @__PURE__ */ jsx(
+        Badge,
+        {
+          color: activeLabel === item.label ? "info" : void 0,
+          label: getBadgeLabel(item, notificationList),
+          variant: "stroke",
+          onClick: () => {
+            var _a, _b;
+            (_a = item.handleClick) == null ? void 0 : _a.call(item);
+            (_b = item.onClick) == null ? void 0 : _b.call(item);
+            setCurrActiveListType(item.label);
+          }
+        },
+        item.id ?? index
+      ))
+    }
+  ) });
+}
+export {
+  NotificationChipsList
+};

package/dist/components/Notification/NotificationBody/NotificationList/NotificationList.d.ts

@@ -0,0 +1,30 @@
+import { SelectOption } from '../../../Select/Select.types';
+import { NotificationListItemData, NotificationPanelItem } from '../../Notification.types';
+
+export interface NotificationListProps {
+    expand?: boolean;
+    type: string;
+    title?: string;
+    notificationList: NotificationListItemData[];
+    notificationPanels: NotificationPanelItem[];
+    setNotificationPanels?: (panels: NotificationPanelItem[]) => void;
+    handleSelectAll?: (type?: string, notificationList?: NotificationListItemData[]) => void;
+    handleMarkReadAll?: (type?: string, notificationList?: NotificationListItemData[]) => void;
+    handleMoveAllPending?: (type?: string, selectedItems?: NotificationListItemData[], selectedOption?: unknown) => void;
+    moveToPendingDropdownOptions?: SelectOption[];
+    handleNotificationDeleteAll?: (type?: string, selectedItems?: NotificationListItemData[]) => void;
+    showNotificationListLoader?: boolean;
+    showBadgeLoader?: boolean;
+    displayFormat?: string;
+    onNotificationScrollToBottom?: () => void | Promise<void>;
+    scrollThreshold?: number;
+    isHoverOnCard?: boolean;
+    isDeleteAlwaysVisible?: boolean;
+    isEmptyState?: boolean;
+    emptyStateTitle?: string;
+    emptyStateDescription?: string;
+    customNotificationJsx?: React.ReactNode;
+}
+export declare function getPanelNotificationList(panel: NotificationPanelItem): NotificationListItemData[];
+export declare function NotificationList({ expand, type, title, notificationList, notificationPanels, setNotificationPanels, handleSelectAll, handleMarkReadAll, handleMoveAllPending, moveToPendingDropdownOptions, handleNotificationDeleteAll, showNotificationListLoader, showBadgeLoader, displayFormat, onNotificationScrollToBottom, scrollThreshold, isHoverOnCard, isDeleteAlwaysVisible, isEmptyState, emptyStateTitle, emptyStateDescription, customNotificationJsx, }: NotificationListProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=NotificationList.d.ts.map

package/dist/components/Notification/NotificationBody/NotificationList/NotificationList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationList.d.ts","sourceRoot":"","sources":["../../../../../src/components/Notification/NotificationBody/NotificationList/NotificationList.tsx"],"names":[],"mappings":"AAOA,OAAO,gCAAgC,CAAC;AACxC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AACjE,OAAO,KAAK,EAAE,wBAAwB,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAIhG,MAAM,WAAW,qBAAqB;IACpC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gBAAgB,EAAE,wBAAwB,EAAE,CAAC;IAC7C,kBAAkB,EAAE,qBAAqB,EAAE,CAAC;IAC5C,qBAAqB,CAAC,EAAE,CAAC,MAAM,EAAE,qBAAqB,EAAE,KAAK,IAAI,CAAC;IAClE,eAAe,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,gBAAgB,CAAC,EAAE,wBAAwB,EAAE,KAAK,IAAI,CAAC;IACzF,iBAAiB,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,gBAAgB,CAAC,EAAE,wBAAwB,EAAE,KAAK,IAAI,CAAC;IAC3F,oBAAoB,CAAC,EAAE,CACrB,IAAI,CAAC,EAAE,MAAM,EACb,aAAa,CAAC,EAAE,wBAAwB,EAAE,EAC1C,cAAc,CAAC,EAAE,OAAO,KACrB,IAAI,CAAC;IACV,4BAA4B,CAAC,EAAE,YAAY,EAAE,CAAC;IAC9C,2BAA2B,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,aAAa,CAAC,EAAE,wBAAwB,EAAE,KAAK,IAAI,CAAC;IAClG,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,4BAA4B,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1D,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,qBAAqB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACzC;AAQD,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,qBAAqB,GAAG,wBAAwB,EAAE,CAMjG;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,MAAc,EACd,IAAI,EACJ,KAAU,EACV,gBAAgB,EAChB,kBAAkB,EAClB,qBAAqB,EACrB,eAAe,EACf,iBAAiB,EACjB,oBAAoB,EACpB,4BAA4B,EAC5B,2BAA2B,EAC3B,0BAAkC,EAClC,eAAuB,EACvB,aAA4B,EAC5B,4BAA4B,EAC5B,eAAoB,EACpB,aAAqB,EACrB,qBAA6B,EAC7B,YAAoB,EACpB,eAAkD,EAClD,qBAAsE,EACtE,qBAAqB,GACtB,EAAE,qBAAqB,2CAiMvB"}

package/dist/components/Notification/NotificationBody/NotificationList/NotificationList.js

@@ -0,0 +1,211 @@
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { useRef, useState, useEffect, useCallback } from "react";
+import default_1 from "../../../../node_modules/@mui/icons-material/DeleteOutlineOutlined.js";
+import { getAssetUrl } from "../../../../utils/assetBase.js";
+import { NotificationListItem } from "./NotificationListItem.js";
+import { Button } from "../../../Button/index.js";
+import { Loader } from "../../../Loader/index.js";
+import { Select } from "../../../Select/index.js";
+/* empty css                             */
+const NotificationEmptyStateIcon = getAssetUrl("webp/notificationEmptyStateIcon.webp");
+function isNotificationListData(value) {
+  return Array.isArray(value);
+}
+function getPanelNotificationList(panel) {
+  const { notificationList } = panel;
+  if (!isNotificationListData(notificationList)) {
+    return [];
+  }
+  return notificationList;
+}
+function NotificationList({
+  expand = false,
+  type,
+  title = "",
+  notificationList,
+  notificationPanels,
+  setNotificationPanels,
+  handleSelectAll,
+  handleMarkReadAll,
+  handleMoveAllPending,
+  moveToPendingDropdownOptions,
+  handleNotificationDeleteAll,
+  showNotificationListLoader = false,
+  showBadgeLoader = false,
+  displayFormat = "MM/DD/YYYY",
+  onNotificationScrollToBottom,
+  scrollThreshold = 50,
+  isHoverOnCard = false,
+  isDeleteAlwaysVisible = false,
+  isEmptyState = false,
+  emptyStateTitle = "Everything looks quiet for now",
+  emptyStateDescription = "We'll notify you when something new comes up",
+  customNotificationJsx
+}) {
+  const isLoading = useRef(false);
+  const [moveToPendingOpen, setMoveToPendingOpen] = useState(false);
+  const [currentOptions, setCurrentOptions] = useState(
+    moveToPendingDropdownOptions ?? []
+  );
+  const [selectedOptions, setSelectedOptions] = useState([]);
+  useEffect(() => {
+    setCurrentOptions(moveToPendingDropdownOptions ?? []);
+  }, [moveToPendingDropdownOptions]);
+  const handleNotificationScroll = useCallback(
+    async (e) => {
+      const { scrollTop, scrollHeight, clientHeight } = e.currentTarget;
+      const reachedBottom = scrollTop + clientHeight >= scrollHeight - scrollThreshold;
+      if (reachedBottom && !isLoading.current) {
+        isLoading.current = true;
+        try {
+          await (onNotificationScrollToBottom == null ? void 0 : onNotificationScrollToBottom());
+        } finally {
+          isLoading.current = false;
+        }
+      }
+    },
+    [onNotificationScrollToBottom, scrollThreshold]
+  );
+  const visibleItems = notificationList.some((item) => item.badge !== void 0) ? notificationList.filter((item) => item.badge === title) : notificationList;
+  const selectedCount = notificationList.filter((item) => item.selected).length;
+  if (isEmptyState) {
+    return /* @__PURE__ */ jsxs("div", { className: "impact-notification-list-empty-state-container", children: [
+      /* @__PURE__ */ jsx(
+        "img",
+        {
+          alt: "notification-empty-state",
+          className: "impact-notification-list-empty-state-icon",
+          src: NotificationEmptyStateIcon
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: "impact-notification-list-empty-state-content", children: [
+        /* @__PURE__ */ jsx("span", { className: "impact-notification-list-empty-state-title", children: emptyStateTitle }),
+        /* @__PURE__ */ jsx("span", { className: "impact-notification-list-empty-state-description", children: emptyStateDescription })
+      ] })
+    ] });
+  }
+  if (customNotificationJsx) {
+    return /* @__PURE__ */ jsx(Fragment, { children: customNotificationJsx });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "impact-notification-list-container", children: [
+    /* @__PURE__ */ jsxs("div", { className: "impact-notification-list-header", children: [
+      showBadgeLoader ? /* @__PURE__ */ jsx("div", { className: "impact-notification-list-title-loader", children: /* @__PURE__ */ jsx(Loader, { showSkeleton: true, size: "small" }) }) : /* @__PURE__ */ jsx("div", { className: "impact-notification-list-title", children: title }),
+      showNotificationListLoader ? /* @__PURE__ */ jsx("div", { className: "impact-notification-list-action-btns-loader", children: /* @__PURE__ */ jsx(Loader, { showSkeleton: true, size: "small" }) }) : /* @__PURE__ */ jsxs("div", { className: "impact-notification-list-action-btns", children: [
+        handleSelectAll && /* @__PURE__ */ jsx(
+          Button,
+          {
+            size: "small",
+            variant: "url",
+            onClick: () => {
+              handleSelectAll(type, notificationList);
+            },
+            children: "Select All"
+          }
+        ),
+        handleMarkReadAll && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("span", { className: "impact-notification-separator" }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              size: "small",
+              variant: "url",
+              onClick: () => {
+                handleMarkReadAll(type, notificationList);
+              },
+              children: "Mark all as read"
+            }
+          )
+        ] }),
+        handleMoveAllPending && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("span", { className: "impact-notification-separator" }),
+          moveToPendingDropdownOptions ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("p", { style: { fontSize: "12px" }, children: "Move to" }),
+            /* @__PURE__ */ jsx(
+              Select,
+              {
+                currentOptions,
+                handleChange: (selectedOption) => {
+                  handleMoveAllPending(
+                    type,
+                    notificationList.filter((item) => item.selected),
+                    selectedOption
+                  );
+                },
+                initialOptions: moveToPendingDropdownOptions,
+                isDisabled: selectedCount === 0,
+                isOpen: moveToPendingOpen,
+                minWidth: "140px",
+                name: "move-to-pending",
+                selectedOptions,
+                setCurrentOptions,
+                setIsOpen: setMoveToPendingOpen,
+                setSelectedOptions: (opts) => {
+                  setSelectedOptions(opts ?? []);
+                }
+              }
+            )
+          ] }) : /* @__PURE__ */ jsx(
+            Button,
+            {
+              disabled: selectedCount === 0,
+              size: "small",
+              variant: "url",
+              onClick: () => {
+                handleMoveAllPending(
+                  type,
+                  notificationList.filter((item) => item.selected)
+                );
+              },
+              children: "Move to pending"
+            }
+          )
+        ] }),
+        handleNotificationDeleteAll && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("span", { className: "impact-notification-separator" }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              disabled: selectedCount === 0,
+              icon: /* @__PURE__ */ jsx(default_1, {}),
+              size: "medium",
+              variant: "text",
+              onClick: () => {
+                handleNotificationDeleteAll(
+                  type,
+                  notificationList.filter((item) => item.selected)
+                );
+              }
+            }
+          )
+        ] })
+      ] })
+    ] }),
+    showNotificationListLoader ? /* @__PURE__ */ jsx("div", { className: "impact-notification-list-loader-container", children: /* @__PURE__ */ jsx(Loader, { showSkeleton: true, size: "large" }) }) : /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "impact-notification-list-items-container",
+        style: {
+          height: expand ? "calc(100% - 230px)" : "calc(100% - 280px)"
+        },
+        onScroll: handleNotificationScroll,
+        children: visibleItems.map((list, index) => /* @__PURE__ */ jsx(
+          NotificationListItem,
+          {
+            displayFormat,
+            isDeleteAlwaysVisible,
+            isHoverOnCard,
+            list,
+            notificationPanels,
+            setNotificationPanels,
+            type
+          },
+          list.id ?? index
+        ))
+      }
+    )
+  ] });
+}
+export {
+  NotificationList,
+  getPanelNotificationList
+};

package/dist/components/Notification/NotificationBody/NotificationList/NotificationListItem.d.ts

@@ -0,0 +1,14 @@
+import { NotificationListItemData, NotificationPanelItem } from '../../Notification.types';
+
+interface NotificationListItemProps {
+    list: NotificationListItemData;
+    type: string;
+    notificationPanels: NotificationPanelItem[];
+    setNotificationPanels?: (panels: NotificationPanelItem[]) => void;
+    displayFormat: string;
+    isHoverOnCard?: boolean;
+    isDeleteAlwaysVisible?: boolean;
+}
+export declare function NotificationListItem({ list, type, notificationPanels, setNotificationPanels, displayFormat, isHoverOnCard, isDeleteAlwaysVisible, }: NotificationListItemProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=NotificationListItem.d.ts.map

package/dist/components/Notification/NotificationBody/NotificationList/NotificationListItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationListItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/Notification/NotificationBody/NotificationList/NotificationListItem.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EACV,wBAAwB,EAExB,qBAAqB,EACtB,MAAM,0BAA0B,CAAC;AAMlC,UAAU,yBAAyB;IACjC,IAAI,EAAE,wBAAwB,CAAC;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,kBAAkB,EAAE,qBAAqB,EAAE,CAAC;IAC5C,qBAAqB,CAAC,EAAE,CAAC,MAAM,EAAE,qBAAqB,EAAE,KAAK,IAAI,CAAC;IAClE,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC;AA6CD,wBAAgB,oBAAoB,CAAC,EACnC,IAAI,EACJ,IAAI,EACJ,kBAAkB,EAClB,qBAAqB,EACrB,aAAa,EACb,aAAqB,EACrB,qBAA6B,GAC9B,EAAE,yBAAyB,2CAsQ3B"}