impact-ui 4.0.1-alpha.21 → 4.0.1-alpha.22

package/dist/components/MonthRangePicker/index.js

@@ -8,10 +8,11 @@ import { Button } from "../Button/index.js";
 import { Portal } from "../Portal/index.js";
 import { Select } from "../Select/index.js";
 
+import { useTranslation } from "../../i18n/useTranslation.js";
 import IconButton from "../../node_modules/@mui/material/IconButton/IconButton.js";
 const MonthRangePicker = ({
   customYears,
-  locale = "en-US",
+  locale,
   isMandatory = false,
   displayFormat = "MM/YYYY",
   focusedInput = null,
@@ -35,6 +36,8 @@ const MonthRangePicker = ({
   id,
   "data-testid": dataTestId
 }) => {
+  const { t, locale: activeLocale } = useTranslation();
+  const effectiveLocale = locale || activeLocale;
   const today = /* @__PURE__ */ new Date();
   const currentYear = today.getFullYear();
   const yrs = Array.from({ length: 10 }, (_, index) => {
@@ -157,8 +160,8 @@ const MonthRangePicker = ({
   };
   const formatDate = (date) => {
     if (!date) return "";
-    const month = new Intl.DateTimeFormat("en-US", { month: "2-digit" }).format(date);
-    const year = new Intl.DateTimeFormat("en-US", { year: "numeric" }).format(date);
+    const month = new Intl.DateTimeFormat(effectiveLocale, { month: "2-digit" }).format(date);
+    const year = new Intl.DateTimeFormat(effectiveLocale, { year: "numeric" }).format(date);
     if (displayFormat === "YYYY/MM") {
       return `${year}/${month}`;
     }
@@ -193,7 +196,7 @@ const MonthRangePicker = ({
       "button",
       {
         ref: (el) => panelRefs.current[month] = el,
-        "aria-label": new Intl.DateTimeFormat(locale, {
+        "aria-label": new Intl.DateTimeFormat(effectiveLocale, {
           month: "long",
           year: "numeric"
         }).format(monthStart),
@@ -211,7 +214,7 @@ const MonthRangePicker = ({
         },
         onMouseEnter: () => !isDisabled && handleMonthHover(monthStart),
         onMouseLeave: handleMonthLeave,
-        children: /* @__PURE__ */ jsx("span", { className: "ia-calendar-month", children: new Intl.DateTimeFormat(locale, { month: "short" }).format(monthStart) })
+        children: /* @__PURE__ */ jsx("span", { className: "ia-calendar-month", children: new Intl.DateTimeFormat(effectiveLocale, { month: "short" }).format(monthStart) })
       },
       month
     );
@@ -427,7 +430,7 @@ const MonthRangePicker = ({
     "div",
     {
       ref: dropDownContainerRef,
-      "aria-label": "Month range picker",
+      "aria-label": t("monthRangePicker.ariaDialog"),
       className: "ia-month-picker-container",
       role: "dialog",
       onKeyDown: handleCalendarKeyDown,
@@ -484,8 +487,8 @@ const MonthRangePicker = ({
         ] }),
         /* @__PURE__ */ jsx("hr", { className: "ia-vertical-line" }),
         /* @__PURE__ */ jsxs("div", { className: "ia-calendar-button", children: [
-          /* @__PURE__ */ jsx(Button, { variant: "tertiary", onClick: handleCancel, children: "Cancel" }),
-          /* @__PURE__ */ jsx(Button, { onClick: handleApply, children: "Apply" })
+          /* @__PURE__ */ jsx(Button, { variant: "tertiary", onClick: handleCancel, children: t("common.cancel") }),
+          /* @__PURE__ */ jsx(Button, { onClick: handleApply, children: t("common.apply") })
         ] })
       ]
     }
@@ -498,7 +501,7 @@ const MonthRangePicker = ({
       id,
       children: [
         /* @__PURE__ */ jsxs("div", { className: "monthRangePicker-label", children: [
-          "Select Month & Year",
+          t("monthPicker.label"),
           isMandatory && /* @__PURE__ */ jsx("span", { style: { color: "red" }, children: "*" })
         ] }),
         /* @__PURE__ */ jsxs(
@@ -516,9 +519,9 @@ const MonthRangePicker = ({
                     readOnly: true,
                     "aria-expanded": openCalendar,
                     "aria-haspopup": "dialog",
-                    "aria-label": "Start month",
+                    "aria-label": t("monthRangePicker.ariaStartMonth"),
                     className: `dateRangePicker-input-start-date ${startMonth ? "active" : ""} ${isError ? "error" : ""}`,
-                    placeholder: `Start ${displayFormat} - `,
+                    placeholder: t("monthRangePicker.startPlaceholder", { format: displayFormat }),
                     role: "button",
                     type: "text",
                     value: startMonth ? `${formatDate(startMonth)} -` : "",
@@ -538,11 +541,11 @@ const MonthRangePicker = ({
                     readOnly: true,
                     "aria-expanded": openCalendar,
                     "aria-haspopup": "dialog",
-                    "aria-label": "End month",
+                    "aria-label": t("monthRangePicker.ariaEndMonth"),
                     className: `dateRangePicker-input-end-date ${isError ? "error" : ""}`,
                     label: "EndDate",
                     name: "endDate",
-                    placeholder: `End ${displayFormat}`,
+                    placeholder: t("monthRangePicker.endPlaceholder", { format: displayFormat }),
                     role: "button",
                     type: "text",
                     value: endMonth ? formatDate(endMonth) : "",
@@ -558,7 +561,7 @@ const MonthRangePicker = ({
                 (startMonth || endMonth) && /* @__PURE__ */ jsx(
                   "button",
                   {
-                    "aria-label": "Close month range picker",
+                    "aria-label": t("monthRangePicker.ariaClose"),
                     className: "close-icon",
                     tabIndex: 0,
                     type: "button",

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

@@ -1 +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,2CAyMvB"}
+{"version":3,"file":"NotificationList.d.ts","sourceRoot":"","sources":["../../../../../src/components/Notification/NotificationBody/NotificationList/NotificationList.tsx"],"names":[],"mappings":"AAQA,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,aAAmB,EACnB,4BAA4B,EAC5B,eAAoB,EACpB,aAAqB,EACrB,qBAA6B,EAC7B,YAAoB,EACpB,eAAe,EACf,qBAAqB,EACrB,qBAAqB,GACtB,EAAE,qBAAqB,2CA+MvB"}

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

@@ -8,6 +8,7 @@ import { Button } from "../../../Button/index.js";
 import { Loader } from "../../../Loader/index.js";
 import { Select } from "../../../Select/index.js";
 
+import { useTranslation } from "../../../../i18n/useTranslation.js";
 const NotificationEmptyStateIcon = getAssetUrl("icons/notificationEmptyStateIcon.webp");
 function isNotificationListData(value) {
   return Array.isArray(value);
@@ -33,16 +34,19 @@ function NotificationList({
   handleNotificationDeleteAll,
   showNotificationListLoader = false,
   showBadgeLoader = false,
-  displayFormat = "MM/DD/YYYY",
+  displayFormat = "L",
   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",
+  emptyStateTitle,
+  emptyStateDescription,
   customNotificationJsx
 }) {
+  const { t } = useTranslation();
+  const resolvedEmptyStateTitle = emptyStateTitle ?? t("notification.emptyStateTitle");
+  const resolvedEmptyStateDescription = emptyStateDescription ?? t("notification.emptyStateDescription");
   const isLoading = useRef(false);
   const [moveToPendingOpen, setMoveToPendingOpen] = useState(false);
   const [currentOptions, setCurrentOptions] = useState(
@@ -74,14 +78,14 @@ function NotificationList({
       /* @__PURE__ */ jsx(
         "img",
         {
-          alt: "notification-empty-state",
+          alt: t("notification.emptyStateAlt"),
           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 })
+        /* @__PURE__ */ jsx("span", { className: "impact-notification-list-empty-state-title", children: resolvedEmptyStateTitle }),
+        /* @__PURE__ */ jsx("span", { className: "impact-notification-list-empty-state-description", children: resolvedEmptyStateDescription })
       ] })
     ] });
   }
@@ -105,7 +109,7 @@ function NotificationList({
               }));
               handleSelectAll(type, updatedNotificationList);
             },
-            children: notificationList.length > 0 && notificationList.every((item) => item.selected) ? "Deselect All" : "Select All"
+            children: notificationList.length > 0 && notificationList.every((item) => item.selected) ? t("notification.deselectAll") : t("notification.selectAll")
           }
         ),
         handleMarkReadAll && /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -118,14 +122,14 @@ function NotificationList({
               onClick: () => {
                 handleMarkReadAll(type, notificationList);
               },
-              children: "Mark all as read"
+              children: t("notification.markAllAsRead")
             }
           )
         ] }),
         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("p", { style: { fontSize: "12px" }, children: t("notification.moveTo") }),
             /* @__PURE__ */ jsx(
               Select,
               {
@@ -162,7 +166,7 @@ function NotificationList({
                   notificationList.filter((item) => item.selected)
                 );
               },
-              children: "Move to pending"
+              children: t("notification.moveToPending")
             }
           )
         ] }),

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

@@ -1 +1 @@
-{"version":3,"file":"NotificationListItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/Notification/NotificationBody/NotificationList/NotificationListItem.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EACV,wBAAwB,EAExB,qBAAqB,EACtB,MAAM,0BAA0B,CAAC;AAiGlC,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;AAmDD,wBAAgB,oBAAoB,CAAC,EACnC,IAAI,EACJ,IAAI,EACJ,kBAAkB,EAClB,qBAAqB,EACrB,aAAa,EACb,aAAqB,EACrB,qBAA6B,GAC9B,EAAE,yBAAyB,2CAoZ3B"}
+{"version":3,"file":"NotificationListItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/Notification/NotificationBody/NotificationList/NotificationListItem.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EACV,wBAAwB,EAExB,qBAAqB,EACtB,MAAM,0BAA0B,CAAC;AAiGlC,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;AAmDD,wBAAgB,oBAAoB,CAAC,EACnC,IAAI,EACJ,IAAI,EACJ,kBAAkB,EAClB,qBAAqB,EACrB,aAAa,EACb,aAAqB,EACrB,qBAA6B,GAC9B,EAAE,yBAAyB,2CA0Z3B"}

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

@@ -10,6 +10,7 @@ import { Badge } from "../../../Badge/index.js";
 import { Button } from "../../../Button/index.js";
 import { Checkbox } from "../../../Checkbox/index.js";
 import { Tooltip } from "../../../Tooltip/index.js";
+import { useTranslation } from "../../../../i18n/useTranslation.js";
 const OpenInNewIcon = getAssetUrl("icons/OpenInNew.svg");
 const SyncReloadIcon = getAssetUrl("icons/SyncReload.svg");
 const NOTIFICATION_DESCRIPTION_VISIBLE_MAX = 150;
@@ -135,6 +136,7 @@ function NotificationListItem({
   isHoverOnCard = false,
   isDeleteAlwaysVisible = false
 }) {
+  const { t } = useTranslation();
   const [showMore, setShowMore] = useState(false);
   const titleRef = useRef(null);
   const [isTitleTruncated, setIsTitleTruncated] = useState(false);
@@ -198,6 +200,7 @@ function NotificationListItem({
   return /* @__PURE__ */ jsxs(
     "div",
     {
+      "aria-label": t("notification.itemAriaLabel"),
       className: `impact-notification-list-item ${list.selected ? "list-item-selected" : ""} ${!list.read ? "list-item-read" : ""} ${isHoverOnCard ? "impact-notification-list-item-hover-on-card" : ""}`,
       role: "button",
       tabIndex: 0,
@@ -296,26 +299,34 @@ function NotificationListItem({
                     list.titleIconsContent
                   ] }),
                   showHeaderIcons && /* @__PURE__ */ jsx("span", { className: "impact-notification-separator" }),
-                  list.showNOverdueIcon && /* @__PURE__ */ jsx(Tooltip, { orientation: "top", title: "No Overdue", variant: "tertiary", children: /* @__PURE__ */ jsx(
+                  list.showNOverdueIcon && /* @__PURE__ */ jsx(Tooltip, { orientation: "top", title: t("notification.noOverdue"), variant: "tertiary", children: /* @__PURE__ */ jsx(
                     NotificationRead_default,
                     {
                       "aria-hidden": void 0,
-                      "aria-label": "notification-read",
+                      "aria-label": t("notification.readAlt"),
                       height: 16,
                       role: "img",
                       width: 16
                     }
                   ) }),
-                  list.showFastApproachingIcon && /* @__PURE__ */ jsx(Tooltip, { orientation: "top", title: "Fast Approaching", variant: "tertiary", children: /* @__PURE__ */ jsx(
-                    NotificationBookmark_default,
+                  list.showFastApproachingIcon && /* @__PURE__ */ jsx(
+                    Tooltip,
                     {
-                      "aria-hidden": void 0,
-                      "aria-label": "notification-bookmark",
-                      height: 16,
-                      role: "img",
-                      width: 16
+                      orientation: "top",
+                      title: t("notification.fastApproaching"),
+                      variant: "tertiary",
+                      children: /* @__PURE__ */ jsx(
+                        NotificationBookmark_default,
+                        {
+                          "aria-hidden": void 0,
+                          "aria-label": t("notification.bookmarkAlt"),
+                          height: 16,
+                          role: "img",
+                          width: 16
+                        }
+                      )
                     }
-                  ) })
+                  )
                 ]
               }
             ),
@@ -401,14 +412,14 @@ function NotificationListItem({
           /* @__PURE__ */ jsxs("div", { className: "impact-notification-list-item-schedule", children: [
             /* @__PURE__ */ jsx("div", { className: "impact-notification-list-item-date", children: moment(list.date).format(displayFormat) }),
             /* @__PURE__ */ jsx("div", { className: "impact-notification-list-item-separator", children: "-" }),
-            /* @__PURE__ */ jsx("div", { className: "impact-notification-list-item-date", children: moment(list.time).format("h:mm:ss a") }),
+            /* @__PURE__ */ jsx("div", { className: "impact-notification-list-item-date", children: moment(list.time).format("LTS") }),
             list.bookMarked && /* @__PURE__ */ jsx(
               Badge,
               {
                 isIcon: true,
                 color: "info",
                 icon: /* @__PURE__ */ jsx(default_1$1, {}),
-                label: "Bookmarked",
+                label: t("notification.bookmarked"),
                 size: "small",
                 variant: "subtle"
               }
@@ -441,7 +452,7 @@ function NotificationListItem({
                       setShowMore((prev) => !prev);
                     }
                   },
-                  children: "Read More"
+                  children: t("notification.readMore")
                 }
               )
             ] }) : /* @__PURE__ */ jsx(
@@ -460,7 +471,7 @@ function NotificationListItem({
                     setShowMore((prev) => !prev);
                   }
                 },
-                children: "Read Less"
+                children: t("notification.readLess")
               }
             )
           ] }) : /* @__PURE__ */ jsx(
@@ -486,7 +497,7 @@ function NotificationListItem({
                     list
                   );
                 },
-                children: "Mark as completed"
+                children: t("notification.markAsCompleted")
               }
             ),
             list.handleMoveToPending && /* @__PURE__ */ jsx(
@@ -504,7 +515,7 @@ function NotificationListItem({
                     list
                   );
                 },
-                children: list.moveToPendingText ?? "Move to pending"
+                children: list.moveToPendingText ?? t("notification.moveToPending")
               }
             ),
             list.customActionContent,
@@ -523,7 +534,7 @@ function NotificationListItem({
                     list
                   );
                 },
-                children: !list.read ? "Mark as read" : "Mark as unread"
+                children: !list.read ? t("notification.markAsRead") : t("notification.markAsUnread")
               }
             )
           ] })

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

@@ -1 +1 @@
-{"version":3,"file":"NotificationPanelContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Notification/NotificationBody/NotificationPanelContent.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AACtE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAEnE,KAAK,6BAA6B,GAAG,qBAAqB,GAAG;IAC3D,KAAK,EAAE,qBAAqB,CAAC;CAC9B,CAAC;AAEF,wBAAgB,wBAAwB,CAAC,EACvC,KAAK,EACL,MAAc,EACd,UAAU,EACV,kBAAkB,EAClB,qBAAqB,EACrB,eAAe,EACf,iBAAiB,EACjB,oBAAoB,EACpB,4BAA4B,EAC5B,2BAA2B,EAC3B,0BAA0B,EAC1B,eAAe,EACf,aAA4B,EAC5B,4BAA4B,EAC5B,eAAe,EACf,YAAY,EACZ,iBAAiB,EACjB,aAAa,EACb,qBAAqB,EACrB,YAAY,EACZ,eAAe,EACf,qBAAqB,EACrB,qBAAqB,EACrB,WAAW,GACZ,EAAE,6BAA6B,2CA2C/B"}
+{"version":3,"file":"NotificationPanelContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Notification/NotificationBody/NotificationPanelContent.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AACtE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAEnE,KAAK,6BAA6B,GAAG,qBAAqB,GAAG;IAC3D,KAAK,EAAE,qBAAqB,CAAC;CAC9B,CAAC;AAEF,wBAAgB,wBAAwB,CAAC,EACvC,KAAK,EACL,MAAc,EACd,UAAU,EACV,kBAAkB,EAClB,qBAAqB,EACrB,eAAe,EACf,iBAAiB,EACjB,oBAAoB,EACpB,4BAA4B,EAC5B,2BAA2B,EAC3B,0BAA0B,EAC1B,eAAe,EACf,aAAmB,EACnB,4BAA4B,EAC5B,eAAe,EACf,YAAY,EACZ,iBAAiB,EACjB,aAAa,EACb,qBAAqB,EACrB,YAAY,EACZ,eAAe,EACf,qBAAqB,EACrB,qBAAqB,EACrB,WAAW,GACZ,EAAE,6BAA6B,2CA2C/B"}

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

@@ -14,7 +14,7 @@ function NotificationPanelContent({
   handleNotificationDeleteAll,
   showNotificationListLoader,
   showBadgeLoader,
-  displayFormat = "MM/DD/YYYY",
+  displayFormat = "L",
   onNotificationScrollToBottom,
   scrollThreshold,
   isWithSearch,

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

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

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

@@ -7,6 +7,7 @@ import { Button } from "../../Button/index.js";
 import { Input } from "../../Input/index.js";
 import { NotificationChipsList } from "./NotificationList/NotificationChipsList.js";
 import { NotificationList } from "./NotificationList/NotificationList.js";
+import { useTranslation } from "../../../i18n/useTranslation.js";
 function NotificationTaskList({
   expand = false,
   type,
@@ -27,7 +28,7 @@ function NotificationTaskList({
   showBadgeLoader,
   showNotificationListLoader,
   selectedFilterChip,
-  displayFormat = "MM/DD/YYYY",
+  displayFormat = "L",
   onNotificationScrollToBottom,
   scrollThreshold,
   isWithSearch = true,
@@ -40,6 +41,7 @@ function NotificationTaskList({
   customNotificationJsx
 }) {
   var _a;
+  const { t } = useTranslation();
   const [list, setList] = useState(listTypes);
   const [currActiveListType, setCurrActiveListType] = useState(
     activeBadge ?? ((_a = listTypes[0]) == null ? void 0 : _a.label) ?? ""
@@ -143,7 +145,7 @@ function NotificationTaskList({
                       Input,
                       {
                         ref: searchInputRef,
-                        placeholder: "Search notification...",
+                        placeholder: t("notification.searchPlaceholder"),
                         rightIcon: /* @__PURE__ */ jsx(default_1, {}),
                         rightIconClick: () => {
                           if (expandList) {
@@ -172,8 +174,8 @@ function NotificationTaskList({
                 ),
                 showFilter && filterChip && filterChip.length > 0 && /* @__PURE__ */ jsxs("div", { className: "impact-notification-task-list-filter-container", children: [
                   /* @__PURE__ */ jsxs("div", { className: "impact-notification-task-list-title", children: [
-                    /* @__PURE__ */ jsx("span", { className: "impact-notification-task-list-title-text", children: "Select Filter" }),
-                    /* @__PURE__ */ jsx("span", { className: "impact-notification-task-list-title-text-sub", children: isMultiSelectFilter ? "(Multi Select)" : "(Single Select)" })
+                    /* @__PURE__ */ jsx("span", { className: "impact-notification-task-list-title-text", children: t("notification.selectFilter") }),
+                    /* @__PURE__ */ jsx("span", { className: "impact-notification-task-list-title-text-sub", children: isMultiSelectFilter ? t("notification.multiSelect") : t("notification.singleSelect") })
                   ] }),
                   /* @__PURE__ */ jsx("div", { className: "impact-notification-task-list-filter-item", children: filterChip.map((item) => {
                     const isSelected = isMultiSelectFilter ? Array.isArray(selectedFilter) && selectedFilter.some((filter) => filter.value === item.value) : (selectedFilter == null ? void 0 : selectedFilter.value) === item.value;
@@ -209,7 +211,7 @@ function NotificationTaskList({
                         handleApplyFilter == null ? void 0 : handleApplyFilter(selectedFilter);
                         setShowFilter(false);
                       },
-                      children: "Apply"
+                      children: t("common.apply")
                     }
                   )
                 ] })

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Notification/NotificationBody/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAItE,YAAY,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAEtE;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,MAAc,EACd,gBAAgB,EAChB,kBAAkB,EAClB,oBAAoB,EACpB,eAAe,EACf,aAAa,EACb,WAAW,EACX,GAAG,UAAU,EACd,EAAE,qBAAqB,2CAmEvB;yBA5Ee,gBAAgB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Notification/NotificationBody/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAItE,YAAY,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAEtE;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,MAAc,EACd,gBAAgB,EAChB,kBAAkB,EAClB,oBAAoB,EACpB,eAAe,EACf,aAAa,EACb,WAAW,EACX,GAAG,UAAU,EACd,EAAE,qBAAqB,2CAoEvB;yBA7Ee,gBAAgB"}

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

@@ -4,6 +4,7 @@ import default_1 from "../../../node_modules/@mui/icons-material/SettingsOutline
 import { NotificationPanelContent } from "./NotificationPanelContent.js";
 import { Button } from "../../Button/index.js";
 import { Tabs } from "../../Tabs/index.js";
+import { useTranslation } from "../../../i18n/useTranslation.js";
 function NotificationBody({
   expand = false,
   notificationTabs,
@@ -15,6 +16,7 @@ function NotificationBody({
   ...panelProps
 }) {
   var _a;
+  const { t } = useTranslation();
   const tabs = notificationTabs.length > 0 ? notificationTabs : [{ label: "All", value: "all" }];
   const panels = notificationPanels.length > 0 ? notificationPanels : [{ id: 0, value: "all" }];
   const [activeTab, setActiveTab] = useState(((_a = tabs[0]) == null ? void 0 : _a.value) ?? "");
@@ -71,7 +73,7 @@ function NotificationBody({
                   size: "medium",
                   variant: "text",
                   onClick: onSettingButtonClick,
-                  children: "Setting & Help"
+                  children: t("notification.settingAndHelp")
                 }
               )
             ] })

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Notification/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,iBAAiB,EAAgB,MAAM,sBAAsB,CAAC;AAC5E,OAAO,4BAA4B,CAAC;AAEpC,YAAY,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAC5E,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,MAAgB,EAChB,MAAM,EACN,SAAS,EACT,SAAS,EACT,WAAW,EACX,oBAAoB,EACpB,sBAAsB,EACtB,kBAAkB,EAClB,oBAAoB,EACpB,oBAAoB,EACpB,eAAe,EACf,iBAAiB,EACjB,oBAAoB,EACpB,2BAA2B,EAC3B,UAAU,EACV,gBAAgB,EAChB,kBAAkB,EAClB,qBAAqB,EACrB,eAA0B,EAC1B,4BAA4B,EAC5B,aAAa,EACb,WAAW,EACX,eAAe,EACf,0BAA0B,EAC1B,aAA4B,EAC5B,4BAA4B,EAC5B,eAAe,EACf,YAAmB,EACnB,aAAqB,EACrB,iBAAyB,EACzB,qBAA6B,EAC7B,YAAY,EACZ,eAAe,EACf,qBAAqB,EACrB,qBAAqB,EACrB,yBAAyB,GAC1B,EAAE,iBAAiB,2CA6EnB;yBAnHe,YAAY"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Notification/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,iBAAiB,EAAgB,MAAM,sBAAsB,CAAC;AAC5E,OAAO,4BAA4B,CAAC;AAEpC,YAAY,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAC5E,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,MAAgB,EAChB,MAAM,EACN,SAAS,EACT,SAAS,EACT,WAAW,EACX,oBAAoB,EACpB,sBAAsB,EACtB,kBAAkB,EAClB,oBAAoB,EACpB,oBAAoB,EACpB,eAAe,EACf,iBAAiB,EACjB,oBAAoB,EACpB,2BAA2B,EAC3B,UAAU,EACV,gBAAgB,EAChB,kBAAkB,EAClB,qBAAqB,EACrB,eAA0B,EAC1B,4BAA4B,EAC5B,aAAa,EACb,WAAW,EACX,eAAe,EACf,0BAA0B,EAC1B,aAAmB,EACnB,4BAA4B,EAC5B,eAAe,EACf,YAAmB,EACnB,aAAqB,EACrB,iBAAyB,EACzB,qBAA6B,EAC7B,YAAY,EACZ,eAAe,EACf,qBAAqB,EACrB,qBAAqB,EACrB,yBAAyB,GAC1B,EAAE,iBAAiB,2CA6EnB;yBAnHe,YAAY"}

package/dist/components/Notification/index.js

@@ -33,7 +33,7 @@ function Notification({
   activeBadge,
   showBadgeLoader,
   showNotificationListLoader,
-  displayFormat = "MM/DD/YYYY",
+  displayFormat = "L",
   onNotificationScrollToBottom,
   scrollThreshold,
   isWithSearch = true,

package/dist/components/Select/SearchFilter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SearchFilter.d.ts","sourceRoot":"","sources":["../../../src/components/Select/SearchFilter.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAExD,QAAA,MAAM,YAAY,gHAwLjB,CAAC;AAIF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"SearchFilter.d.ts","sourceRoot":"","sources":["../../../src/components/Select/SearchFilter.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAExD,QAAA,MAAM,YAAY,gHAyLjB,CAAC;AAIF,eAAe,YAAY,CAAC"}

package/dist/components/Select/SearchFilter.js

@@ -1,6 +1,7 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { forwardRef, useEffect, useCallback } from "react";
 import { Checkbox } from "../Checkbox/index.js";
+import { useTranslation } from "../../i18n/useTranslation.js";
 const SearchFilter = forwardRef(
   ({
     isClearable,
@@ -26,6 +27,7 @@ const SearchFilter = forwardRef(
     highlightedIndex = -1,
     isSelectAllHighlighted = false
   }, ref) => {
+    const { t } = useTranslation();
     const selectedArr = Array.isArray(selectedOptions) ? selectedOptions : [];
     const hasSelectAll = !!(isMulti && toggleSelectAll && !isLoading);
     useEffect(() => {
@@ -117,7 +119,7 @@ const SearchFilter = forwardRef(
         "input",
         {
           ref,
-          "aria-label": searchPlaceholder ?? "Search options",
+          "aria-label": searchPlaceholder ?? t("select.searchAriaLabel"),
           autoComplete: "off",
           className: "ia-select-search-box",
           placeholder: searchPlaceholder,
@@ -141,7 +143,7 @@ const SearchFilter = forwardRef(
                 checked: isSelectAll,
                 className: "select-selectAll-checkbox",
                 id: "select-all",
-                label: isSelectAll ? selectionLabels.deselectAll ?? "Deselect All" : selectionLabels.selectAll ?? "Select All",
+                label: isSelectAll ? selectionLabels.deselectAll ?? t("select.deselectAllLabel") : selectionLabels.selectAll ?? t("select.selectAllLabel"),
                 name: "select-all",
                 onChange: onSelectAll
               }
@@ -149,7 +151,7 @@ const SearchFilter = forwardRef(
             isClearable && selectedArr.length > 0 && /* @__PURE__ */ jsx(
               "button",
               {
-                "aria-label": "Clear all selections",
+                "aria-label": t("select.ariaClearAll"),
                 className: "ia-select-clear-all-button",
                 type: "button",
                 onClick: () => {
@@ -162,7 +164,7 @@ const SearchFilter = forwardRef(
                     onClearAll();
                   }
                 },
-                children: "Clear"
+                children: t("common.clear")
               }
             )
           ]

package/dist/components/Select/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Select/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAyBjF,OAAO,KAAK,EAAE,WAAW,EAAkC,MAAM,gBAAgB,CAAC;AAClF,OAAO,sBAAsB,CAAC;AAE9B,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAgBhE,eAAO,MAAM,MAAM,yCAs2CjB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Select/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AA0BjF,OAAO,KAAK,EAAE,WAAW,EAAkC,MAAM,gBAAgB,CAAC;AAClF,OAAO,sBAAsB,CAAC;AAE9B,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAgBhE,eAAO,MAAM,MAAM,yCAy2CjB,CAAC"}