impact-ui 4.0.8 → 4.0.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (97) hide show
  1. package/dist/_virtual/index14.js +2 -2
  2. package/dist/_virtual/index15.js +2 -2
  3. package/dist/_virtual/index16.js +2 -2
  4. package/dist/components/Accordion/index.d.ts.map +1 -1
  5. package/dist/components/Accordion/index.js +0 -1
  6. package/dist/components/AccordionModern/SortableAccordionComp.d.ts.map +1 -1
  7. package/dist/components/AccordionModern/SortableAccordionComp.js +4 -2
  8. package/dist/components/Alert/index.d.ts.map +1 -1
  9. package/dist/components/Alert/index.js +5 -2
  10. package/dist/components/Breadcrumbs/index.d.ts.map +1 -1
  11. package/dist/components/Breadcrumbs/index.js +3 -3
  12. package/dist/components/Button/index.d.ts.map +1 -1
  13. package/dist/components/Button/index.js +4 -3
  14. package/dist/components/Chart/index.d.ts +2 -2
  15. package/dist/components/Chart/index.d.ts.map +1 -1
  16. package/dist/components/Chart/index.js +18 -13
  17. package/dist/components/CreateItemFlow/index.d.ts.map +1 -1
  18. package/dist/components/CreateItemFlow/index.js +29 -8
  19. package/dist/components/DatePicker/showMonthYearSelect.d.ts.map +1 -1
  20. package/dist/components/DatePicker/showMonthYearSelect.js +4 -2
  21. package/dist/components/EmptyState/index.d.ts.map +1 -1
  22. package/dist/components/EmptyState/index.js +5 -2
  23. package/dist/components/FileUpload/index.d.ts.map +1 -1
  24. package/dist/components/FileUpload/index.js +7 -6
  25. package/dist/components/FilterPanel/FilterPanelHeader.d.ts.map +1 -1
  26. package/dist/components/FilterPanel/FilterPanelHeader.js +11 -1
  27. package/dist/components/FiltersStrip/FilterSlider.d.ts.map +1 -1
  28. package/dist/components/FiltersStrip/FilterSlider.js +6 -4
  29. package/dist/components/FiltersStrip/index.d.ts.map +1 -1
  30. package/dist/components/FiltersStrip/index.js +3 -2
  31. package/dist/components/Header/index.js +11 -11
  32. package/dist/components/HomePage/index.js +3 -3
  33. package/dist/components/Loader/index.d.ts.map +1 -1
  34. package/dist/components/Loader/index.js +4 -3
  35. package/dist/components/MonthRangePicker/index.d.ts.map +1 -1
  36. package/dist/components/MonthRangePicker/index.js +0 -1
  37. package/dist/components/Notification/NotificationBody/NotificationList/NotificationListItem.d.ts.map +1 -1
  38. package/dist/components/Notification/NotificationBody/NotificationList/NotificationListItem.js +8 -8
  39. package/dist/components/Notification/NotificationBody/index.d.ts.map +1 -1
  40. package/dist/components/Notification/NotificationBody/index.js +1 -1
  41. package/dist/components/Notification/NotificationHeader.d.ts.map +1 -1
  42. package/dist/components/Notification/NotificationHeader.js +4 -2
  43. package/dist/components/Panel/index.d.ts.map +1 -1
  44. package/dist/components/Panel/index.js +3 -1
  45. package/dist/components/Popover/index.d.ts.map +1 -1
  46. package/dist/components/Popover/index.js +3 -1
  47. package/dist/components/ProgressBar/index.d.ts.map +1 -1
  48. package/dist/components/ProgressBar/index.js +14 -7
  49. package/dist/components/Prompt/index.d.ts.map +1 -1
  50. package/dist/components/Prompt/index.js +3 -1
  51. package/dist/components/Slider/index.d.ts.map +1 -1
  52. package/dist/components/Slider/index.js +20 -10
  53. package/dist/components/Table/AdvanceSearchModalItem.js +2 -2
  54. package/dist/components/Table/AgGridHeader.js +36 -36
  55. package/dist/components/Table/NewAdvanceSearchModal/NewAdvanceSearchModalItem.js +2 -2
  56. package/dist/components/Table/advanceSearchModal.d.ts.map +1 -1
  57. package/dist/components/Table/advanceSearchModal.js +3 -3
  58. package/dist/components/Table/filterUtils.d.ts +2 -2
  59. package/dist/components/Table/filterUtils.d.ts.map +1 -1
  60. package/dist/components/Table/filterUtils.js +16 -16
  61. package/dist/components/Table/index.d.ts.map +1 -1
  62. package/dist/components/Table/index.js +5 -9
  63. package/dist/components/Table/tableMoreOptions.d.ts.map +1 -1
  64. package/dist/components/Table/tableMoreOptions.js +18 -12
  65. package/dist/components/TableChat/TableChatSidePanel.d.ts.map +1 -1
  66. package/dist/components/TableChat/components/TableChatRightSection/ChatHeader/ChatHeader.js +2 -2
  67. package/dist/components/TableChat/components/TableChatRightSection/TableChatRightSection.d.ts +1 -1
  68. package/dist/components/TableChat/components/TableChatRightSection/TableChatRightSection.d.ts.map +1 -1
  69. package/dist/components/TableChat/components/TableChatRightSection/TableChatRightSection.js +3 -2
  70. package/dist/components/TableOld/AgGridHeader.d.ts.map +1 -1
  71. package/dist/components/TableOld/AgGridHeader.js +12 -10
  72. package/dist/components/TableOld/index.d.ts.map +1 -1
  73. package/dist/components/TableOld/index.js +16 -7
  74. package/dist/components/TextArea/index.d.ts.map +1 -1
  75. package/dist/components/TextArea/index.js +3 -1
  76. package/dist/components/Toast/index.d.ts.map +1 -1
  77. package/dist/components/Toast/index.js +5 -2
  78. package/dist/components/common/MentionEditor/MentionList/index.d.ts.map +1 -1
  79. package/dist/components/common/MentionEditor/MentionList/index.js +4 -2
  80. package/dist/components/common/MentionEditor/index.d.ts.map +1 -1
  81. package/dist/components/common/MentionEditor/index.js +5 -2
  82. package/dist/locales/de-DE.json.d.ts +105 -0
  83. package/dist/locales/de-DE.json.js +93 -0
  84. package/dist/locales/en-US.json.d.ts +106 -1
  85. package/dist/locales/en-US.json.js +94 -1
  86. package/dist/mcp-component-registry.json +1 -1
  87. package/dist/node_modules/call-bind/index.js +1 -1
  88. package/dist/node_modules/hoist-non-react-statics/node_modules/react-is/index.js +1 -1
  89. package/dist/node_modules/is-symbol/index.js +1 -1
  90. package/dist/utils/helper.d.ts +4 -0
  91. package/dist/utils/helper.d.ts.map +1 -1
  92. package/dist/utils/helper.js +27 -0
  93. package/dist/utils/index.d.ts +1 -1
  94. package/dist/utils/index.d.ts.map +1 -1
  95. package/package.json +1 -1
  96. package/dist/dev/productGroupTableData.d.ts +0 -363
  97. package/dist/dev/productGroupTableData.d.ts.map +0 -1
@@ -31,11 +31,12 @@ function FiltersStrip({
31
31
  className,
32
32
  id,
33
33
  "data-testid": dataTestId,
34
- "aria-label": ariaLabel = "Filters",
34
+ "aria-label": ariaLabel,
35
35
  role = "region"
36
36
  }) {
37
37
  const { t } = useTranslation();
38
38
  const resolvedFilterButtonLabel = filterButtonLabel ?? t("filtersStrip.allFilters");
39
+ const resolvedAriaLabel = ariaLabel ?? t("filtersStrip.ariaLabel");
39
40
  const [showSeparator, setShowSeparator] = useState(false);
40
41
  const [currDropShow, setCurrDropShow] = useState(null);
41
42
  const handleCurrDropSet = useCallback((val) => {
@@ -51,7 +52,7 @@ function FiltersStrip({
51
52
  return /* @__PURE__ */ jsxs(
52
53
  "div",
53
54
  {
54
- "aria-label": ariaLabel,
55
+ "aria-label": resolvedAriaLabel,
55
56
  className: `impact-info-panel-container ${className ?? ""}`.trim(),
56
57
  "data-testid": dataTestId,
57
58
  id,
@@ -120,13 +120,13 @@ function Header({
120
120
  /* @__PURE__ */ jsx(
121
121
  "div",
122
122
  {
123
- "aria-label": "Logo",
123
+ "aria-label": t("header.logo"),
124
124
  className: "impact-header-logo",
125
125
  role: "button",
126
126
  tabIndex: 0,
127
127
  onClick: handleLogoClick,
128
128
  onKeyDown: (e) => (e.key === "Enter" || e.key === " ") && (handleLogoClick == null ? void 0 : handleLogoClick()),
129
- children: /* @__PURE__ */ jsx("img", { alt: "Impact Logo", height: "100%", src: ImpactLogoHD2, width: "100%" })
129
+ children: /* @__PURE__ */ jsx("img", { alt: t("header.logoAlt"), height: "100%", src: ImpactLogoHD2, width: "100%" })
130
130
  }
131
131
  ),
132
132
  /* @__PURE__ */ jsx("div", { className: "impact-header-separator" }),
@@ -137,7 +137,7 @@ function Header({
137
137
  showKeyboardShortcuts && /* @__PURE__ */ jsx(
138
138
  "div",
139
139
  {
140
- "aria-label": "Keyboard shortcuts",
140
+ "aria-label": t("header.keyboardShortcuts"),
141
141
  className: "impact-header-help-container",
142
142
  id: "impact-header-keyboard-shortcuts-button",
143
143
  role: "button",
@@ -155,7 +155,7 @@ function Header({
155
155
  showHelpIcon && /* @__PURE__ */ jsx(
156
156
  "div",
157
157
  {
158
- "aria-label": "Help",
158
+ "aria-label": t("header.help"),
159
159
  className: "impact-header-help-container",
160
160
  role: "button",
161
161
  tabIndex: 0,
@@ -212,7 +212,7 @@ function Header({
212
212
  isMessageIconDisabled && showMessageIcon && /* @__PURE__ */ jsx(
213
213
  "div",
214
214
  {
215
- "aria-label": "Message (disabled)",
215
+ "aria-label": t("header.messageDisabled"),
216
216
  className: "impact-header-message-container",
217
217
  role: "button",
218
218
  tabIndex: 0,
@@ -222,7 +222,7 @@ function Header({
222
222
  !isMessageIconDisabled && showMessageIcon && /* @__PURE__ */ jsx(
223
223
  "div",
224
224
  {
225
- "aria-label": "Message",
225
+ "aria-label": t("header.message"),
226
226
  className: "impact-header-message-container",
227
227
  role: "button",
228
228
  tabIndex: 0,
@@ -234,7 +234,7 @@ function Header({
234
234
  isNotificationDnd && showNotificationIcon && /* @__PURE__ */ jsx(
235
235
  "div",
236
236
  {
237
- "aria-label": "Notifications",
237
+ "aria-label": t("header.notifications"),
238
238
  className: "impact-header-notification-container",
239
239
  role: "button",
240
240
  tabIndex: 0,
@@ -246,7 +246,7 @@ function Header({
246
246
  !isNotificationDnd && showNotificationIcon && /* @__PURE__ */ jsxs(
247
247
  "div",
248
248
  {
249
- "aria-label": "Notifications",
249
+ "aria-label": t("header.notifications"),
250
250
  className: "impact-header-notification-container",
251
251
  role: "button",
252
252
  tabIndex: 0,
@@ -266,7 +266,7 @@ function Header({
266
266
  "div",
267
267
  {
268
268
  ref: commentsBtnRef,
269
- "aria-label": "Comments",
269
+ "aria-label": t("header.comments"),
270
270
  className: "impact-header-comments-button",
271
271
  role: "button",
272
272
  tabIndex: 0,
@@ -302,7 +302,7 @@ function Header({
302
302
  "div",
303
303
  {
304
304
  "aria-disabled": isChatBotDisabled,
305
- "aria-label": "Ask Iris",
305
+ "aria-label": t("header.askIris"),
306
306
  className: `impact-header-bot-container ${isChatBotDisabled ? "impact-header-bot-container-disabled" : ""}`,
307
307
  role: "button",
308
308
  tabIndex: isChatBotDisabled ? -1 : 0,
@@ -316,7 +316,7 @@ function Header({
316
316
  {
317
317
  "aria-expanded": open,
318
318
  "aria-haspopup": "menu",
319
- "aria-label": "User menu",
319
+ "aria-label": t("header.userMenu"),
320
320
  className: "impact-header-avatar",
321
321
  role: "button",
322
322
  tabIndex: 0,
@@ -226,7 +226,7 @@ function HomePage({
226
226
  Button,
227
227
  {
228
228
  className: "primary_btn_home_page",
229
- icon: /* @__PURE__ */ jsx("img", { alt: "Launch", src: LaunchIcon }),
229
+ icon: /* @__PURE__ */ jsx("img", { alt: t("homePage.launchAlt"), src: LaunchIcon }),
230
230
  variant: "primary",
231
231
  onClick: () => {
232
232
  onLaunchClick(item);
@@ -275,7 +275,7 @@ function HomePage({
275
275
  children: activeToolKitItem == null ? void 0 : activeToolKitItem.name
276
276
  }
277
277
  ),
278
- /* @__PURE__ */ jsx("div", { className: "tick_mark_enabled", children: "Access Enabled" })
278
+ /* @__PURE__ */ jsx("div", { className: "tick_mark_enabled", children: t("homePage.accessEnabled") })
279
279
  ] }),
280
280
  /* @__PURE__ */ jsx("p", { className: "km_description", children: activeToolKitItem == null ? void 0 : activeToolKitItem.details }),
281
281
  /* @__PURE__ */ jsx("div", { className: "km_folder_container", children: (_a = activeToolKitItem == null ? void 0 : activeToolKitItem.folderContent) == null ? void 0 : _a.map((folderItem, folderIndex) => /* @__PURE__ */ jsxs("div", { className: "km_folder_item", children: [
@@ -285,7 +285,7 @@ function HomePage({
285
285
  /* @__PURE__ */ jsx("div", { className: "launch_button_container", children: /* @__PURE__ */ jsx(
286
286
  Button,
287
287
  {
288
- icon: /* @__PURE__ */ jsx("img", { alt: "Launch", src: LaunchIcon }),
288
+ icon: /* @__PURE__ */ jsx("img", { alt: t("homePage.launchAlt"), src: LaunchIcon }),
289
289
  variant: "secondary",
290
290
  onClick: () => {
291
291
  if (activeToolKitItem) onLaunchClick(activeToolKitItem);
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Loader/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAA4B,MAAM,gBAAgB,CAAC;AAC5E,OAAO,sBAAsB,CAAC;AAE9B,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAc9D;;;GAGG;AACH,wBAAgB,MAAM,CAAC,EACrB,IAAc,EACd,QAAa,EACb,YAAoB,EACpB,IAAI,EACJ,SAAS,EACT,EAAE,EACF,aAAa,EAAE,UAAU,EACzB,YAAY,EAAE,SAAqB,EACnC,IAAe,EACf,QAAQ,EACR,aAAa,GACd,EAAE,WAAW,2CA2Db;yBAvEe,MAAM"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Loader/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAA4B,MAAM,gBAAgB,CAAC;AAC5E,OAAO,sBAAsB,CAAC;AAE9B,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAc9D;;;GAGG;AACH,wBAAgB,MAAM,CAAC,EACrB,IAAc,EACd,QAAa,EACb,YAAoB,EACpB,IAAI,EACJ,SAAS,EACT,EAAE,EACF,aAAa,EAAE,UAAU,EACzB,YAAY,EAAE,SAAS,EACvB,IAAe,EACf,QAAQ,EACR,aAAa,GACd,EAAE,WAAW,2CA4Db;yBAxEe,MAAM"}
@@ -24,20 +24,21 @@ function Loader({
24
24
  className,
25
25
  id,
26
26
  "data-testid": dataTestId,
27
- "aria-label": ariaLabel = "Loading",
27
+ "aria-label": ariaLabel,
28
28
  role = "status",
29
29
  boxProps,
30
30
  skeletonProps
31
31
  }) {
32
32
  const { t } = useTranslation();
33
33
  const loaderText = text ?? t("common.loading");
34
+ const resolvedAriaLabel = ariaLabel ?? t("loader.ariaLabel");
34
35
  const skeletonDimensions = useMemo(() => getSkeletonDimensions(size), [size]);
35
36
  if (showSkeleton) {
36
37
  return /* @__PURE__ */ jsxs(
37
38
  Box,
38
39
  {
39
40
  alignItems: "center",
40
- "aria-label": ariaLabel,
41
+ "aria-label": resolvedAriaLabel,
41
42
  className,
42
43
  "data-testid": dataTestId,
43
44
  display: "flex",
@@ -85,7 +86,7 @@ function Loader({
85
86
  return /* @__PURE__ */ jsxs(
86
87
  "div",
87
88
  {
88
- "aria-label": ariaLabel,
89
+ "aria-label": resolvedAriaLabel,
89
90
  className: `ia-styles ia-loader-container ${className ?? ""}`.trim(),
90
91
  "data-testid": dataTestId,
91
92
  id,
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MonthRangePicker/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,gCAAgC,CAAC;AAExC,eAAO,MAAM,gBAAgB,GAAI;;;;;;;;;;;;;;;;;;;;;;CAwBhC,4CA4pBA,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MonthRangePicker/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,gCAAgC,CAAC;AAExC,eAAO,MAAM,gBAAgB,GAAI;;;;;;;;;;;;;;;;;;;;;;CAwBhC,4CA2pBA,CAAC"}
@@ -543,7 +543,6 @@ const MonthRangePicker = ({
543
543
  "aria-haspopup": "dialog",
544
544
  "aria-label": t("monthRangePicker.ariaEndMonth"),
545
545
  className: `dateRangePicker-input-end-date ${isError ? "error" : ""}`,
546
- label: "EndDate",
547
546
  name: "endDate",
548
547
  placeholder: t("monthRangePicker.endPlaceholder", { format: displayFormat }),
549
548
  role: "button",
@@ -1 +1 @@
1
- {"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"}
1
+ {"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,2CA4Z3B"}
@@ -254,7 +254,7 @@ function NotificationListItem({
254
254
  }
255
255
  ),
256
256
  /* @__PURE__ */ jsxs("div", { className: "impact-notification-list-item-title-icons", children: [
257
- list.handleRedirect && /* @__PURE__ */ jsx(Tooltip, { orientation: "top", title: "Go To", variant: "tertiary", children: /* @__PURE__ */ jsx(
257
+ list.handleRedirect && /* @__PURE__ */ jsx(Tooltip, { orientation: "top", title: t("notification.goTo"), variant: "tertiary", children: /* @__PURE__ */ jsx(
258
258
  "span",
259
259
  {
260
260
  className: "title-icon-btn",
@@ -268,14 +268,14 @@ function NotificationListItem({
268
268
  children: /* @__PURE__ */ jsx(
269
269
  "img",
270
270
  {
271
- alt: "Open in new",
271
+ alt: t("notification.openInNewAlt"),
272
272
  className: "impact-notification-title-icon",
273
273
  src: OpenInNewIcon
274
274
  }
275
275
  )
276
276
  }
277
277
  ) }),
278
- list.handleSync && /* @__PURE__ */ jsx(Tooltip, { orientation: "top", title: "Sync", variant: "tertiary", children: /* @__PURE__ */ jsx(
278
+ list.handleSync && /* @__PURE__ */ jsx(Tooltip, { orientation: "top", title: t("notification.sync"), variant: "tertiary", children: /* @__PURE__ */ jsx(
279
279
  "span",
280
280
  {
281
281
  className: "title-icon-btn",
@@ -289,7 +289,7 @@ function NotificationListItem({
289
289
  children: /* @__PURE__ */ jsx(
290
290
  "img",
291
291
  {
292
- alt: "Sync",
292
+ alt: t("notification.syncAlt"),
293
293
  className: `impact-notification-title-icon${list.isSyncing ? " impact-notification-sync-icon--rotating" : ""}`,
294
294
  src: SyncReloadIcon
295
295
  }
@@ -331,7 +331,7 @@ function NotificationListItem({
331
331
  }
332
332
  ),
333
333
  /* @__PURE__ */ jsxs("div", { className: "impact-notification-list-item-header-right", children: [
334
- list.handleDeleteNotification && /* @__PURE__ */ jsx(Tooltip, { orientation: "top", title: "Delete", variant: "tertiary", children: /* @__PURE__ */ jsx(
334
+ list.handleDeleteNotification && /* @__PURE__ */ jsx(Tooltip, { orientation: "top", title: t("notification.delete"), variant: "tertiary", children: /* @__PURE__ */ jsx(
335
335
  Button,
336
336
  {
337
337
  className: isDeleteAlwaysVisible ? "impact-notification-list-item-delete-btn" : "",
@@ -355,7 +355,7 @@ function NotificationListItem({
355
355
  Tooltip,
356
356
  {
357
357
  orientation: "top",
358
- title: list.bookMarked ? "Remove bookmark" : "Bookmark",
358
+ title: list.bookMarked ? t("notification.removeBookmark") : t("notification.bookmark"),
359
359
  variant: "tertiary",
360
360
  children: /* @__PURE__ */ jsx(
361
361
  Button,
@@ -366,7 +366,7 @@ function NotificationListItem({
366
366
  BookMarkedFill_default,
367
367
  {
368
368
  "aria-hidden": void 0,
369
- "aria-label": "bookmarked",
369
+ "aria-label": t("notification.bookmarked"),
370
370
  height: 20,
371
371
  role: "img",
372
372
  width: 20
@@ -388,7 +388,7 @@ function NotificationListItem({
388
388
  )
389
389
  }
390
390
  ),
391
- list.handleDownloadNotification && /* @__PURE__ */ jsx(Tooltip, { orientation: "top", title: "Download", variant: "tertiary", children: /* @__PURE__ */ jsx(
391
+ list.handleDownloadNotification && /* @__PURE__ */ jsx(Tooltip, { orientation: "top", title: t("notification.download"), variant: "tertiary", children: /* @__PURE__ */ jsx(
392
392
  Button,
393
393
  {
394
394
  icon: /* @__PURE__ */ jsx(default_1$2, {}),
@@ -1 +1 @@
1
- {"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"}
1
+ {"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,2CAuEvB;yBAhFe,gBAAgB"}
@@ -17,7 +17,7 @@ function NotificationBody({
17
17
  }) {
18
18
  var _a;
19
19
  const { t } = useTranslation();
20
- const tabs = notificationTabs.length > 0 ? notificationTabs : [{ label: "All", value: "all" }];
20
+ const tabs = notificationTabs.length > 0 ? notificationTabs : [{ label: t("notification.tabAll"), value: "all" }];
21
21
  const panels = notificationPanels.length > 0 ? notificationPanels : [{ id: 0, value: "all" }];
22
22
  const [activeTab, setActiveTab] = useState(((_a = tabs[0]) == null ? void 0 : _a.value) ?? "");
23
23
  const selectedValue = activeNotiTab != null && activeNotiTab !== "" ? activeNotiTab : activeTab;
@@ -1 +1 @@
1
- {"version":3,"file":"NotificationHeader.d.ts","sourceRoot":"","sources":["../../../src/components/Notification/NotificationHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAEzD,MAAM,WAAW,uBAAuB;IACtC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,YAAY,EAAE,CACZ,MAAM,EAAE,YAAY,EACpB,IAAI,EAAE,OAAO,KACV,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,GAAG,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC7D,MAAM,EAAE,YAAY,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,MAAM,EACN,SAAS,EACT,YAAY,EACZ,MAAM,GACP,EAAE,uBAAuB,GAAG,KAAK,CAAC,YAAY,CAuB9C;yBA7Be,kBAAkB"}
1
+ {"version":3,"file":"NotificationHeader.d.ts","sourceRoot":"","sources":["../../../src/components/Notification/NotificationHeader.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAEzD,MAAM,WAAW,uBAAuB;IACtC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,YAAY,EAAE,CACZ,MAAM,EAAE,YAAY,EACpB,IAAI,EAAE,OAAO,KACV,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,GAAG,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC7D,MAAM,EAAE,YAAY,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,MAAM,EACN,SAAS,EACT,YAAY,EACZ,MAAM,GACP,EAAE,uBAAuB,GAAG,KAAK,CAAC,YAAY,CAwB9C;yBA9Be,kBAAkB"}
@@ -1,4 +1,5 @@
1
1
  import { jsxs, jsx } from "react/jsx-runtime";
2
+ import { useTranslation } from "../../i18n/useTranslation.js";
2
3
  function NotificationHeader({
3
4
  title,
4
5
  expand,
@@ -6,13 +7,14 @@ function NotificationHeader({
6
7
  toggleDrawer,
7
8
  anchor
8
9
  }) {
10
+ const { t } = useTranslation();
9
11
  return /* @__PURE__ */ jsxs("div", { className: "impact-notification-header", children: [
10
12
  /* @__PURE__ */ jsx("div", { className: "impact-notification-heading", children: title }),
11
13
  /* @__PURE__ */ jsxs("div", { className: "impact-notification-header-action-btns", children: [
12
14
  /* @__PURE__ */ jsx(
13
15
  "button",
14
16
  {
15
- "aria-label": expand ? "Collapse" : "Expand",
17
+ "aria-label": expand ? t("notification.collapseAria") : t("notification.expandAria"),
16
18
  className: `impact-notification-header-expand-btn ${expand ? "collapse-icon" : "expand-icon"}`,
17
19
  type: "button",
18
20
  onClick: () => {
@@ -24,7 +26,7 @@ function NotificationHeader({
24
26
  /* @__PURE__ */ jsx(
25
27
  "button",
26
28
  {
27
- "aria-label": "Close",
29
+ "aria-label": t("common.close"),
28
30
  className: "impact-notification-header-close-btn",
29
31
  type: "button",
30
32
  onClick: toggleDrawer(anchor, false)
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Panel/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAa,MAAM,eAAe,CAAC;AAC3D,OAAO,qBAAqB,CAAC;AAE7B,YAAY,EAAE,UAAU,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAWxE,wBAAgB,KAAK,CAAC,EACpB,SAAS,EACT,KAAK,EACL,IAAI,EACJ,MAAgB,EAChB,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,OAAO,EACP,kBAAkB,EAClB,oBAAoB,EACpB,oBAAoB,EACpB,sBAAsB,EACtB,kBAAkB,EAClB,oBAAoB,EACpB,KAAK,EACL,MAAa,EACb,mBAAmB,EACnB,SAAS,EACT,QAAc,EACd,QAAQ,EACR,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,UAAU,2CA8HZ"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Panel/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,UAAU,EAAa,MAAM,eAAe,CAAC;AAC3D,OAAO,qBAAqB,CAAC;AAE7B,YAAY,EAAE,UAAU,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAWxE,wBAAgB,KAAK,CAAC,EACpB,SAAS,EACT,KAAK,EACL,IAAI,EACJ,MAAgB,EAChB,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,OAAO,EACP,kBAAkB,EAClB,oBAAoB,EACpB,oBAAoB,EACpB,sBAAsB,EACtB,kBAAkB,EAClB,oBAAoB,EACpB,KAAK,EACL,MAAa,EACb,mBAAmB,EACnB,SAAS,EACT,QAAc,EACd,QAAQ,EACR,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,UAAU,2CA+HZ"}
@@ -3,6 +3,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
3
3
  import { useState, useEffect } from "react";
4
4
  import { Button } from "../Button/index.js";
5
5
 
6
+ import { useTranslation } from "../../i18n/useTranslation.js";
6
7
  import Drawer from "../../node_modules/@mui/material/Drawer/Drawer.js";
7
8
  function getSize(size) {
8
9
  switch (size) {
@@ -36,6 +37,7 @@ function Panel({
36
37
  onResize,
37
38
  ...args
38
39
  }) {
40
+ const { t } = useTranslation();
39
41
  const parseDrawerWidth = (value) => value != null ? parseInt(String(value), 10) : 526;
40
42
  const [drawerWidth, setDrawerWidth] = useState(parseDrawerWidth(width));
41
43
  useEffect(() => {
@@ -112,7 +114,7 @@ function Panel({
112
114
  /* @__PURE__ */ jsx(
113
115
  "span",
114
116
  {
115
- "aria-label": "Close",
117
+ "aria-label": t("common.close"),
116
118
  className: "close_icon",
117
119
  "data-testid": "panel-close-button",
118
120
  role: "button",
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,uBAAuB,CAAC;AAE/B,YAAY,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAEpD;;GAEG;AACH,wBAAgB,OAAO,CAAC,EACtB,QAAQ,EACR,KAAK,EACL,OAAO,EACP,kBAAkB,EAClB,oBAAoB,EACpB,oBAAoB,EACpB,sBAAsB,EACtB,kBAAkB,EAClB,oBAAoB,EACpB,SAAS,EACT,aAAa,EAAE,UAAU,EACzB,GAAG,KAAK,EACT,EAAE,YAAY,2CAiEd;yBA9Ee,OAAO"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,uBAAuB,CAAC;AAE/B,YAAY,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAEpD;;GAEG;AACH,wBAAgB,OAAO,CAAC,EACtB,QAAQ,EACR,KAAK,EACL,OAAO,EACP,kBAAkB,EAClB,oBAAoB,EACpB,oBAAoB,EACpB,sBAAsB,EACtB,kBAAkB,EAClB,oBAAoB,EACpB,SAAS,EACT,aAAa,EAAE,UAAU,EACzB,GAAG,KAAK,EACT,EAAE,YAAY,2CAkEd;yBA/Ee,OAAO"}
@@ -3,6 +3,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
3
3
  import default_1 from "../../node_modules/@mui/icons-material/Close.js";
4
4
  import { Button } from "../Button/index.js";
5
5
 
6
+ import { useTranslation } from "../../i18n/useTranslation.js";
6
7
  import Popover$1 from "../../node_modules/@mui/material/Popover/Popover.js";
7
8
  function Popover({
8
9
  children,
@@ -19,6 +20,7 @@ function Popover({
19
20
  ...props
20
21
  }) {
21
22
  var _a;
23
+ const { t } = useTranslation();
22
24
  const mergedSlotProps = {
23
25
  ...slotProps,
24
26
  paper: {
@@ -33,7 +35,7 @@ function Popover({
33
35
  onClose != null && /* @__PURE__ */ jsx(
34
36
  default_1,
35
37
  {
36
- "aria-label": "Close",
38
+ "aria-label": t("common.close"),
37
39
  className: "popover-close-icon",
38
40
  "data-testid": "popover-close-icon",
39
41
  fontSize: "small",
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ProgressBar/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,2BAA2B,CAAC;AAEnC,YAAY,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAW/E,wBAAgB,WAAW,CAAC,EAC1B,KAAU,EACV,QAAe,EACf,IAAS,EACT,WAAW,EACX,MAAoB,EACpB,mBAAmB,EAAE,WAAW,EAChC,EAAE,EACF,aAAa,EAAE,UAAU,EACzB,YAAY,EAAE,SAA6B,EAC3C,IAAoB,GACrB,EAAE,gBAAgB,2CA6BlB;yBAxCe,WAAW"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ProgressBar/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,2BAA2B,CAAC;AAEnC,YAAY,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAa/E,wBAAgB,WAAW,CAAC,EAC1B,KAAU,EACV,QAAe,EACf,IAAS,EACT,WAAW,EACX,MAAoB,EACpB,mBAAmB,EAAE,WAAW,EAChC,EAAE,EACF,aAAa,EAAE,UAAU,EACzB,YAAY,EAAE,SAAS,EACvB,IAAoB,GACrB,EAAE,gBAAgB,2CA+BlB;yBA1Ce,WAAW"}
@@ -1,12 +1,17 @@
1
1
  !function(){"use strict";try{if("undefined"!=typeof document){var r=document.createElement("style");r.appendChild(document.createTextNode(".progressbar_layout{min-width:232px}.progress_container .progressbar_label_container{font-size:12px;font-weight:500;margin-bottom:4px}.progress_container .progressbar_status .MuiLinearProgress-root{background-color:#f3f4f6;border-radius:10px;height:8px}.progress_container .progressbar_status .MuiLinearProgress-bar{background-color:#4259ee;border-radius:8px}.progress_container_remaining .progressbar_label_container{color:#7a8294}.progress_container_completed .progressbar_label_container{color:#26734b;font-size:12px}.progress_container_completed .MuiLinearProgress-bar{background-color:#108431!important}.progress_container_failed .progressbar_label_container{color:#ab3939;font-size:12px}.progress_container_failed .MuiLinearProgress-bar{background-color:#ec4c5c!important}.progress_bar_remaining .MuiLinearProgress-bar{background-color:#4259ee}.progress_bar_completed .MuiLinearProgress-bar{background-color:#108431}.progress_bar_failed .MuiLinearProgress-bar{background-color:#ec4c5c}")),document.head.appendChild(r)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}}();
2
2
  import { jsx, jsxs } from "react/jsx-runtime";
3
3
 
4
+ import { useTranslation } from "../../i18n/useTranslation.js";
4
5
  import LinearProgress from "../../node_modules/@mui/material/LinearProgress/LinearProgress.js";
5
- function getLabel(props) {
6
+ function getLabel(props, t) {
6
7
  if (props.customLabel) return props.customLabel;
7
- if (props.status === "completed") return "Completed";
8
- if (props.status === "failed") return "Failed";
9
- return `${Math.round(props.value ?? 0)}%${props.showTime !== false ? ` • ${props.time ?? 0} seconds remaining` : ""}`;
8
+ if (props.status === "completed") return t("progressBar.completed");
9
+ if (props.status === "failed") return t("progressBar.failed");
10
+ const percent = Math.round(props.value ?? 0);
11
+ if (props.showTime !== false) {
12
+ return t("progressBar.remaining", { percent, time: props.time ?? 0 });
13
+ }
14
+ return `${percent}%`;
10
15
  }
11
16
  function ProgressBar({
12
17
  value = 10,
@@ -17,13 +22,15 @@ function ProgressBar({
17
22
  LinearProgressProps: linearProps,
18
23
  id,
19
24
  "data-testid": dataTestId,
20
- "aria-label": ariaLabel = "Upload progress",
25
+ "aria-label": ariaLabel,
21
26
  role = "progressbar"
22
27
  }) {
28
+ const { t } = useTranslation();
29
+ const resolvedAriaLabel = ariaLabel ?? t("progressBar.ariaLabel");
23
30
  return /* @__PURE__ */ jsx(
24
31
  "div",
25
32
  {
26
- "aria-label": ariaLabel,
33
+ "aria-label": resolvedAriaLabel,
27
34
  "aria-valuemax": 100,
28
35
  "aria-valuemin": 0,
29
36
  "aria-valuenow": value,
@@ -32,7 +39,7 @@ function ProgressBar({
32
39
  id,
33
40
  role,
34
41
  children: /* @__PURE__ */ jsxs("div", { className: `progress_container progress_container_${status}`, children: [
35
- /* @__PURE__ */ jsx("div", { className: "progressbar_label_container", children: /* @__PURE__ */ jsx("div", { className: "label_name", children: getLabel({ value, showTime, time, customLabel, status }) }) }),
42
+ /* @__PURE__ */ jsx("div", { className: "progressbar_label_container", children: /* @__PURE__ */ jsx("div", { className: "label_name", children: getLabel({ value, showTime, time, customLabel, status }, t) }) }),
36
43
  /* @__PURE__ */ jsx("div", { className: "progressbar_status", children: /* @__PURE__ */ jsx(
37
44
  LinearProgress,
38
45
  {
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Prompt/index.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,WAAW,EAAiB,MAAM,gBAAgB,CAAC;AACjE,OAAO,sBAAsB,CAAC;AAE9B,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAgBjE;;GAEG;AACH,wBAAgB,MAAM,CAAC,EACrB,OAAgB,EAChB,KAAK,EACL,QAAQ,EACR,kBAAkB,EAClB,oBAAoB,EACpB,MAAM,EACN,oBAAoB,EACpB,sBAAsB,EACtB,WAAW,EACX,kBAAkB,EAClB,oBAAoB,EACpB,GAAG,IAAI,EACR,EAAE,WAAW,2CAuDb;yBApEe,MAAM"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Prompt/index.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,WAAW,EAAiB,MAAM,gBAAgB,CAAC;AACjE,OAAO,sBAAsB,CAAC;AAE9B,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAgBjE;;GAEG;AACH,wBAAgB,MAAM,CAAC,EACrB,OAAgB,EAChB,KAAK,EACL,QAAQ,EACR,kBAAkB,EAClB,oBAAoB,EACpB,MAAM,EACN,oBAAoB,EACpB,sBAAsB,EACtB,WAAW,EACX,kBAAkB,EAClB,oBAAoB,EACpB,GAAG,IAAI,EACR,EAAE,WAAW,2CAwDb;yBArEe,MAAM"}
@@ -3,6 +3,7 @@ import { jsxs, jsx } from "react/jsx-runtime";
3
3
  import { useMemo } from "react";
4
4
  import { Button } from "../Button/index.js";
5
5
 
6
+ import { useTranslation } from "../../i18n/useTranslation.js";
6
7
  import Dialog from "../../node_modules/@mui/material/Dialog/Dialog.js";
7
8
  import CloseIcon from "../../node_modules/@mui/icons-material/esm/Close.js";
8
9
  import DialogContent from "../../node_modules/@mui/material/DialogContent/DialogContent.js";
@@ -36,6 +37,7 @@ function Prompt({
36
37
  secondaryButtonProps,
37
38
  ...args
38
39
  }) {
40
+ const { t } = useTranslation();
39
41
  const variantClassName = useMemo(() => getVariantClassName(variant), [variant]);
40
42
  return /* @__PURE__ */ jsxs(
41
43
  Dialog,
@@ -50,7 +52,7 @@ function Prompt({
50
52
  handleClose && /* @__PURE__ */ jsx(
51
53
  "div",
52
54
  {
53
- "aria-label": "Close",
55
+ "aria-label": t("common.close"),
54
56
  className: "ia-prompt-close-button",
55
57
  role: "button",
56
58
  tabIndex: 0,
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/index.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,sBAAsB,CAAC;AAE9B,YAAY,EACV,WAAW,EACX,uBAAuB,EACvB,aAAa,EACb,mBAAmB,GACpB,MAAM,gBAAgB,CAAC;AASxB;;GAEG;AACH,wBAAgB,MAAM,CAAC,EACrB,iBAAiB,EAAE,kBAA0B,EAC7C,MAAM,EACN,KAAK,EACL,KAAS,EACT,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,GAAO,EACP,GAAS,EACT,OAAmB,EACnB,aAAwB,EACxB,oBAAoB,EACpB,WAAW,EACX,cAAqB,EACrB,SAAS,EACT,EAAE,EACF,aAAa,EAAE,UAAU,EACzB,GAAG,WAAW,EACf,EAAE,WAAW,2CA+Pb;yBAlRe,MAAM"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/index.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,sBAAsB,CAAC;AAE9B,YAAY,EACV,WAAW,EACX,uBAAuB,EACvB,aAAa,EACb,mBAAmB,GACpB,MAAM,gBAAgB,CAAC;AASxB;;GAEG;AACH,wBAAgB,MAAM,CAAC,EACrB,iBAAiB,EAAE,kBAA0B,EAC7C,MAAM,EACN,KAAK,EACL,KAAS,EACT,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,GAAO,EACP,GAAS,EACT,OAAmB,EACnB,aAAwB,EACxB,oBAAoB,EACpB,WAAW,EACX,cAAqB,EACrB,SAAS,EACT,EAAE,EACF,aAAa,EAAE,UAAU,EACzB,GAAG,WAAW,EACf,EAAE,WAAW,2CAyQb;yBA5Re,MAAM"}
@@ -3,6 +3,7 @@ import { jsxs, jsx, Fragment } from "react/jsx-runtime";
3
3
  import { useState, useMemo, useEffect } from "react";
4
4
  import default_1 from "../../node_modules/@mui/icons-material/InfoOutlined.js";
5
5
 
6
+ import { useTranslation } from "../../i18n/useTranslation.js";
6
7
  import FormControl from "../../node_modules/@mui/material/FormControl/FormControl.js";
7
8
  import OutlinedInput from "../../node_modules/@mui/material/OutlinedInput/OutlinedInput.js";
8
9
  import Slider$1 from "../../node_modules/@mui/material/Slider/Slider.js";
@@ -31,6 +32,7 @@ function Slider({
31
32
  "data-testid": dataTestId,
32
33
  ...sliderProps
33
34
  }) {
35
+ const { t } = useTranslation();
34
36
  const [infoMessage, setInfoMessage] = useState("");
35
37
  const [showInfo, setShowInfo] = useState(false);
36
38
  const [focusedInput, setFocusedInput] = useState(null);
@@ -90,32 +92,32 @@ function Slider({
90
92
  setShowInfo(false);
91
93
  setInfoMessage("");
92
94
  }
93
- if (Number.isNaN(Number(inputVal))) {
94
- setInfoMessage("Please enter a valid number");
95
+ if (inputVal.trim() === "" || Number.isNaN(Number(inputVal))) {
96
+ setInfoMessage(t("slider.invalidNumber"));
95
97
  setShowInfo(true);
96
98
  return;
97
99
  }
98
100
  const num = Number(inputVal);
99
101
  if (key === "min") {
100
102
  if (num < min) {
101
- setInfoMessage(`Value must be at least ${min}`);
103
+ setInfoMessage(t("slider.valueAtLeast", { min }));
102
104
  setShowInfo(true);
103
105
  return;
104
106
  }
105
107
  if (isRanged && num > secondaryValue) {
106
- setInfoMessage("Initial value must be less than the maximum value");
108
+ setInfoMessage(t("slider.initialLessThanMax"));
107
109
  setShowInfo(true);
108
110
  return;
109
111
  }
110
112
  onChange == null ? void 0 : onChange(e, isRanged ? [num, secondaryValue] : num, 0);
111
113
  } else if (key === "max") {
112
114
  if (num > max) {
113
- setInfoMessage(`Value must not exceed ${max}`);
115
+ setInfoMessage(t("slider.valueNotExceed", { max }));
114
116
  setShowInfo(true);
115
117
  return;
116
118
  }
117
119
  if (isRanged && num < primaryValue) {
118
- setInfoMessage("Maximum value must be greater than the initial value");
120
+ setInfoMessage(t("slider.maxGreaterThanInitial"));
119
121
  setShowInfo(true);
120
122
  return;
121
123
  }
@@ -140,7 +142,10 @@ function Slider({
140
142
  OutlinedInput,
141
143
  {
142
144
  disabled,
143
- inputProps: { "aria-label": "Minimum value", "data-testid": "slider-input-min" },
145
+ inputProps: {
146
+ "aria-label": t("slider.ariaMin"),
147
+ "data-testid": "slider-input-min"
148
+ },
144
149
  value: getDisplayValue(primaryValue, formattedValue, 0),
145
150
  onBlur: () => {
146
151
  setFocusedInput(null);
@@ -195,7 +200,9 @@ function Slider({
195
200
  } : void 0,
196
201
  value,
197
202
  onChange: (_, val, activeThumb) => onChange == null ? void 0 : onChange(_, val, activeThumb),
198
- ...isRanged ? { getAriaLabel: (i) => i === 0 ? "Minimum" : "Maximum" } : { "aria-label": "Slider" },
203
+ ...isRanged ? {
204
+ getAriaLabel: (i) => i === 0 ? t("slider.ariaMinimum") : t("slider.ariaMaximum")
205
+ } : { "aria-label": t("slider.ariaSlider") },
199
206
  valueLabelDisplay: "auto"
200
207
  }
201
208
  )
@@ -209,7 +216,7 @@ function Slider({
209
216
  {
210
217
  disabled,
211
218
  inputProps: {
212
- "aria-label": isRanged ? "Minimum value" : "Value",
219
+ "aria-label": isRanged ? t("slider.ariaMin") : t("slider.ariaValue"),
213
220
  "data-testid": "slider-input-value"
214
221
  },
215
222
  value: isRanged ? getDisplayValue(primaryValue, formattedValue, 0) : getDisplayValue(primaryValue, formattedValue),
@@ -228,7 +235,10 @@ function Slider({
228
235
  OutlinedInput,
229
236
  {
230
237
  disabled,
231
- inputProps: { "aria-label": "Maximum value", "data-testid": "slider-input-max" },
238
+ inputProps: {
239
+ "aria-label": t("slider.ariaMax"),
240
+ "data-testid": "slider-input-max"
241
+ },
232
242
  value: getDisplayValue(secondaryValue, formattedValue, 1),
233
243
  onBlur: () => {
234
244
  setRightInputFocused(false);
@@ -3,7 +3,7 @@ import { useState, useEffect } from "react";
3
3
  import default_1 from "../../node_modules/@mui/icons-material/DeleteOutlineOutlined.js";
4
4
  import moment from "moment";
5
5
  import { useController, useForm } from "react-hook-form";
6
- import { NON_TEXT_FILTER_OPTIONS, TEXT_FILTER_OPTIONS, isColumnSelectionDuplicate } from "../../utils/helper.js";
6
+ import { getNonTextFilterOptions, getTextFilterOptions, isColumnSelectionDuplicate } from "../../utils/helper.js";
7
7
  import { Button } from "../Button/index.js";
8
8
  import { DatePicker } from "../DatePicker/index.js";
9
9
  import { DateRangePicker } from "../DateRangePicker/index.js";
@@ -94,7 +94,7 @@ const AdvanceSearchModalItem = ({
94
94
  };
95
95
  const columnDef = findColumnDef(colDefs, columnField.value.value);
96
96
  setCurrentColumnDef(columnDef);
97
- const operatorList = (columnDef == null ? void 0 : columnDef.operationFilterOptions) ? columnDef.operationFilterOptions : (columnDef == null ? void 0 : columnDef.filter) === "agNumberColumnFilter" ? NON_TEXT_FILTER_OPTIONS : TEXT_FILTER_OPTIONS;
97
+ const operatorList = (columnDef == null ? void 0 : columnDef.operationFilterOptions) ? columnDef.operationFilterOptions : (columnDef == null ? void 0 : columnDef.filter) === "agNumberColumnFilter" ? getNonTextFilterOptions(t) : getTextFilterOptions(t);
98
98
  setCurrentOperationOptions(operatorList);
99
99
  }
100
100
  }, [columnField.value, colDefs]);