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.
- package/dist/_virtual/index14.js +2 -2
- package/dist/_virtual/index15.js +2 -2
- package/dist/_virtual/index16.js +2 -2
- package/dist/components/Accordion/index.d.ts.map +1 -1
- package/dist/components/Accordion/index.js +0 -1
- package/dist/components/AccordionModern/SortableAccordionComp.d.ts.map +1 -1
- package/dist/components/AccordionModern/SortableAccordionComp.js +4 -2
- package/dist/components/Alert/index.d.ts.map +1 -1
- package/dist/components/Alert/index.js +5 -2
- package/dist/components/Breadcrumbs/index.d.ts.map +1 -1
- package/dist/components/Breadcrumbs/index.js +3 -3
- package/dist/components/Button/index.d.ts.map +1 -1
- package/dist/components/Button/index.js +4 -3
- package/dist/components/Chart/index.d.ts +2 -2
- package/dist/components/Chart/index.d.ts.map +1 -1
- package/dist/components/Chart/index.js +18 -13
- package/dist/components/CreateItemFlow/index.d.ts.map +1 -1
- package/dist/components/CreateItemFlow/index.js +29 -8
- package/dist/components/DatePicker/showMonthYearSelect.d.ts.map +1 -1
- package/dist/components/DatePicker/showMonthYearSelect.js +4 -2
- package/dist/components/EmptyState/index.d.ts.map +1 -1
- package/dist/components/EmptyState/index.js +5 -2
- package/dist/components/FileUpload/index.d.ts.map +1 -1
- package/dist/components/FileUpload/index.js +7 -6
- package/dist/components/FilterPanel/FilterPanelHeader.d.ts.map +1 -1
- package/dist/components/FilterPanel/FilterPanelHeader.js +11 -1
- package/dist/components/FiltersStrip/FilterSlider.d.ts.map +1 -1
- package/dist/components/FiltersStrip/FilterSlider.js +6 -4
- package/dist/components/FiltersStrip/index.d.ts.map +1 -1
- package/dist/components/FiltersStrip/index.js +3 -2
- package/dist/components/Header/index.js +11 -11
- package/dist/components/HomePage/index.js +3 -3
- package/dist/components/Loader/index.d.ts.map +1 -1
- package/dist/components/Loader/index.js +4 -3
- package/dist/components/MonthRangePicker/index.d.ts.map +1 -1
- package/dist/components/MonthRangePicker/index.js +0 -1
- package/dist/components/Notification/NotificationBody/NotificationList/NotificationListItem.d.ts.map +1 -1
- package/dist/components/Notification/NotificationBody/NotificationList/NotificationListItem.js +8 -8
- package/dist/components/Notification/NotificationBody/index.d.ts.map +1 -1
- package/dist/components/Notification/NotificationBody/index.js +1 -1
- package/dist/components/Notification/NotificationHeader.d.ts.map +1 -1
- package/dist/components/Notification/NotificationHeader.js +4 -2
- package/dist/components/Panel/index.d.ts.map +1 -1
- package/dist/components/Panel/index.js +3 -1
- package/dist/components/Popover/index.d.ts.map +1 -1
- package/dist/components/Popover/index.js +3 -1
- package/dist/components/ProgressBar/index.d.ts.map +1 -1
- package/dist/components/ProgressBar/index.js +14 -7
- package/dist/components/Prompt/index.d.ts.map +1 -1
- package/dist/components/Prompt/index.js +3 -1
- package/dist/components/Slider/index.d.ts.map +1 -1
- package/dist/components/Slider/index.js +20 -10
- package/dist/components/Table/AdvanceSearchModalItem.js +2 -2
- package/dist/components/Table/AgGridHeader.js +36 -36
- package/dist/components/Table/NewAdvanceSearchModal/NewAdvanceSearchModalItem.js +2 -2
- package/dist/components/Table/advanceSearchModal.d.ts.map +1 -1
- package/dist/components/Table/advanceSearchModal.js +3 -3
- package/dist/components/Table/filterUtils.d.ts +2 -2
- package/dist/components/Table/filterUtils.d.ts.map +1 -1
- package/dist/components/Table/filterUtils.js +16 -16
- package/dist/components/Table/index.d.ts.map +1 -1
- package/dist/components/Table/index.js +5 -9
- package/dist/components/Table/tableMoreOptions.d.ts.map +1 -1
- package/dist/components/Table/tableMoreOptions.js +18 -12
- package/dist/components/TableChat/TableChatSidePanel.d.ts.map +1 -1
- package/dist/components/TableChat/components/TableChatRightSection/ChatHeader/ChatHeader.js +2 -2
- package/dist/components/TableChat/components/TableChatRightSection/TableChatRightSection.d.ts +1 -1
- package/dist/components/TableChat/components/TableChatRightSection/TableChatRightSection.d.ts.map +1 -1
- package/dist/components/TableChat/components/TableChatRightSection/TableChatRightSection.js +3 -2
- package/dist/components/TableOld/AgGridHeader.d.ts.map +1 -1
- package/dist/components/TableOld/AgGridHeader.js +12 -10
- package/dist/components/TableOld/index.d.ts.map +1 -1
- package/dist/components/TableOld/index.js +16 -7
- package/dist/components/TextArea/index.d.ts.map +1 -1
- package/dist/components/TextArea/index.js +3 -1
- package/dist/components/Toast/index.d.ts.map +1 -1
- package/dist/components/Toast/index.js +5 -2
- package/dist/components/common/MentionEditor/MentionList/index.d.ts.map +1 -1
- package/dist/components/common/MentionEditor/MentionList/index.js +4 -2
- package/dist/components/common/MentionEditor/index.d.ts.map +1 -1
- package/dist/components/common/MentionEditor/index.js +5 -2
- package/dist/locales/de-DE.json.d.ts +105 -0
- package/dist/locales/de-DE.json.js +93 -0
- package/dist/locales/en-US.json.d.ts +106 -1
- package/dist/locales/en-US.json.js +94 -1
- package/dist/mcp-component-registry.json +1 -1
- package/dist/node_modules/call-bind/index.js +1 -1
- package/dist/node_modules/hoist-non-react-statics/node_modules/react-is/index.js +1 -1
- package/dist/node_modules/is-symbol/index.js +1 -1
- package/dist/utils/helper.d.ts +4 -0
- package/dist/utils/helper.d.ts.map +1 -1
- package/dist/utils/helper.js +27 -0
- package/dist/utils/index.d.ts +1 -1
- package/dist/utils/index.d.ts.map +1 -1
- package/package.json +1 -1
- package/dist/dev/productGroupTableData.d.ts +0 -363
- 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
|
|
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":
|
|
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": "
|
|
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: "
|
|
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": "
|
|
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": "
|
|
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": "
|
|
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": "
|
|
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": "
|
|
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": "
|
|
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": "
|
|
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": "
|
|
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": "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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,
|
|
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
|
|
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":
|
|
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":
|
|
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,
|
|
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",
|
package/dist/components/Notification/NotificationBody/NotificationList/NotificationListItem.d.ts.map
CHANGED
|
@@ -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,
|
|
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"}
|
package/dist/components/Notification/NotificationBody/NotificationList/NotificationListItem.js
CHANGED
|
@@ -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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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 ? "
|
|
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: "
|
|
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,
|
|
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: "
|
|
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":"
|
|
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 ? "
|
|
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": "
|
|
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":"
|
|
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": "
|
|
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":"
|
|
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": "
|
|
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":"
|
|
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 "
|
|
8
|
-
if (props.status === "failed") return "
|
|
9
|
-
|
|
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
|
|
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":
|
|
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":"
|
|
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": "
|
|
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":"
|
|
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("
|
|
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(
|
|
103
|
+
setInfoMessage(t("slider.valueAtLeast", { min }));
|
|
102
104
|
setShowInfo(true);
|
|
103
105
|
return;
|
|
104
106
|
}
|
|
105
107
|
if (isRanged && num > secondaryValue) {
|
|
106
|
-
setInfoMessage("
|
|
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(
|
|
115
|
+
setInfoMessage(t("slider.valueNotExceed", { max }));
|
|
114
116
|
setShowInfo(true);
|
|
115
117
|
return;
|
|
116
118
|
}
|
|
117
119
|
if (isRanged && num < primaryValue) {
|
|
118
|
-
setInfoMessage("
|
|
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: {
|
|
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 ? {
|
|
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 ? "
|
|
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: {
|
|
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 {
|
|
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" ?
|
|
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]);
|