impact-ui 4.0.9 → 4.0.11
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/index13.js +2 -2
- package/dist/_virtual/index14.js +2 -2
- package/dist/_virtual/index15.js +2 -2
- package/dist/_virtual/index16.js +2 -2
- package/dist/_virtual/index2.js +2 -2
- package/dist/_virtual/index3.js +4 -2
- package/dist/_virtual/index4.js +3 -3
- package/dist/_virtual/index5.js +2 -4
- 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 -2
- package/dist/components/ButtonGroup/index.js +1 -1
- 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 +2 -2
- 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/@mui/system/colorManipulator.js +2 -2
- 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/node_modules/prop-types/index.js +1 -1
- package/dist/node_modules/react-is/index.js +1 -1
- package/dist/node_modules/react-with-styles-interface-css/dist/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/_virtual/index13.js
CHANGED
package/dist/_virtual/index14.js
CHANGED
package/dist/_virtual/index15.js
CHANGED
package/dist/_virtual/index16.js
CHANGED
package/dist/_virtual/index2.js
CHANGED
package/dist/_virtual/index3.js
CHANGED
|
@@ -1,4 +1,6 @@
|
|
|
1
|
-
|
|
1
|
+
import { getAugmentedNamespace } from "./_commonjsHelpers.js";
|
|
2
|
+
import * as index from "../node_modules/@mui/system/node_modules/@mui/utils/esm/formatMuiErrorMessage/index.js";
|
|
3
|
+
const require$$1 = /* @__PURE__ */ getAugmentedNamespace(index);
|
|
2
4
|
export {
|
|
3
|
-
|
|
5
|
+
require$$1 as default
|
|
4
6
|
};
|
package/dist/_virtual/index4.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { getAugmentedNamespace } from "./_commonjsHelpers.js";
|
|
2
|
-
import * as index from "../node_modules/@mui/system/node_modules/@mui/utils/esm/
|
|
3
|
-
const require$$
|
|
2
|
+
import * as index from "../node_modules/@mui/system/node_modules/@mui/utils/esm/clamp/index.js";
|
|
3
|
+
const require$$2 = /* @__PURE__ */ getAugmentedNamespace(index);
|
|
4
4
|
export {
|
|
5
|
-
require$$
|
|
5
|
+
require$$2 as default
|
|
6
6
|
};
|
package/dist/_virtual/index5.js
CHANGED
|
@@ -1,6 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
import * as index from "../node_modules/@mui/system/node_modules/@mui/utils/esm/clamp/index.js";
|
|
3
|
-
const require$$2 = /* @__PURE__ */ getAugmentedNamespace(index);
|
|
1
|
+
var reactIs = { exports: {} };
|
|
4
2
|
export {
|
|
5
|
-
|
|
3
|
+
reactIs as __module
|
|
6
4
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SortableAccordionComp.d.ts","sourceRoot":"","sources":["../../../src/components/AccordionModern/SortableAccordionComp.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"SortableAccordionComp.d.ts","sourceRoot":"","sources":["../../../src/components/AccordionModern/SortableAccordionComp.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAEnE,KAAK,aAAa,GAAG,CAAC,IAAI,EAAE,mBAAmB,KAAK,MAAM,CAAC;AAE3D,UAAU,0BAA0B;IAClC,IAAI,EAAE,mBAAmB,EAAE,CAAC;IAC5B,0BAA0B,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,WAAW,EAAE,aAAa,CAAC;CAC5B;AAED,UAAU,0BAA0B;IAClC,IAAI,EAAE,mBAAmB,CAAC;IAC1B,0BAA0B,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,WAAW,EAAE,aAAa,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,wBAAgB,qBAAqB,CAAC,EACpC,IAAI,EACJ,0BAA0B,EAC1B,WAAW,EACX,UAAkB,EAClB,SAAiB,GAClB,EAAE,0BAA0B,2CA2E5B;AAED,wBAAgB,qBAAqB,CAAC,EACpC,IAAI,EACJ,0BAA0B,EAC1B,WAAW,GACZ,EAAE,0BAA0B,2CA6D5B"}
|
|
@@ -5,6 +5,7 @@ import { arrayMove, SortableContext, useSortable } from "@dnd-kit/sortable";
|
|
|
5
5
|
import { CSS } from "@dnd-kit/utilities";
|
|
6
6
|
import default_1 from "../../node_modules/@mui/icons-material/DragIndicator.js";
|
|
7
7
|
import default_1$1 from "../../node_modules/@mui/icons-material/KeyboardArrowRight.js";
|
|
8
|
+
import { useTranslation } from "../../i18n/useTranslation.js";
|
|
8
9
|
function SortableAccordionComp({
|
|
9
10
|
item,
|
|
10
11
|
handleMultiAccordionChange,
|
|
@@ -12,6 +13,7 @@ function SortableAccordionComp({
|
|
|
12
13
|
isDragging = false,
|
|
13
14
|
isOverlay = false
|
|
14
15
|
}) {
|
|
16
|
+
const { t } = useTranslation();
|
|
15
17
|
const { attributes, listeners, setNodeRef, transform, transition } = useSortable({
|
|
16
18
|
id: item.id
|
|
17
19
|
});
|
|
@@ -40,7 +42,7 @@ function SortableAccordionComp({
|
|
|
40
42
|
{
|
|
41
43
|
className: "impact-modern-accordion-drag-icon",
|
|
42
44
|
...isOverlay ? {} : { ...attributes, ...listeners },
|
|
43
|
-
"aria-label": "
|
|
45
|
+
"aria-label": t("accordion.dragToReorder"),
|
|
44
46
|
children: /* @__PURE__ */ jsx(default_1, {})
|
|
45
47
|
}
|
|
46
48
|
),
|
|
@@ -49,7 +51,7 @@ function SortableAccordionComp({
|
|
|
49
51
|
{
|
|
50
52
|
"aria-controls": `${item.value}-content`,
|
|
51
53
|
"aria-expanded": expandClass === "expand-content",
|
|
52
|
-
"aria-label": expandClass === "expand-content" ? "
|
|
54
|
+
"aria-label": expandClass === "expand-content" ? t("common.collapse") : t("common.expand"),
|
|
53
55
|
className: `impact-modern-accordion-expand-icon ${expandClass}-icon`,
|
|
54
56
|
role: "button",
|
|
55
57
|
tabIndex: 0,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/index.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,qBAAqB,CAAC;AAE7B;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,KAAK,oHAkEjB,CAAC"}
|
|
@@ -8,6 +8,7 @@ import default_1$3 from "../../node_modules/@mui/icons-material/Info.js";
|
|
|
8
8
|
import default_1$2 from "../../node_modules/@mui/icons-material/Warning.js";
|
|
9
9
|
import { Button } from "../Button/index.js";
|
|
10
10
|
|
|
11
|
+
import { useTranslation } from "../../i18n/useTranslation.js";
|
|
11
12
|
import Alert$1 from "../../node_modules/@mui/material/Alert/Alert.js";
|
|
12
13
|
import AlertTitle from "../../node_modules/@mui/material/AlertTitle/AlertTitle.js";
|
|
13
14
|
const Alert = forwardRef(
|
|
@@ -24,6 +25,8 @@ const Alert = forwardRef(
|
|
|
24
25
|
className = "",
|
|
25
26
|
...args
|
|
26
27
|
}, ref) => {
|
|
28
|
+
const { t } = useTranslation();
|
|
29
|
+
const severityTitleKey = `alert.severity.${severity}`;
|
|
27
30
|
const classStr = `ia-styles ia-alert ${subtleBackground ? "ia-subtleBackground" : ""} ${className}`.trim();
|
|
28
31
|
return /* @__PURE__ */ jsxs(
|
|
29
32
|
Alert$1,
|
|
@@ -42,7 +45,7 @@ const Alert = forwardRef(
|
|
|
42
45
|
...args,
|
|
43
46
|
children: [
|
|
44
47
|
/* @__PURE__ */ jsxs("div", { className: "ia-alert-body", children: [
|
|
45
|
-
/* @__PURE__ */ jsx(AlertTitle, { children: title ||
|
|
48
|
+
/* @__PURE__ */ jsx(AlertTitle, { children: title || t(severityTitleKey) }),
|
|
46
49
|
actionName && onAction ? /* @__PURE__ */ jsx(
|
|
47
50
|
Button,
|
|
48
51
|
{
|
|
@@ -57,7 +60,7 @@ const Alert = forwardRef(
|
|
|
57
60
|
onClose ? /* @__PURE__ */ jsx(
|
|
58
61
|
Button,
|
|
59
62
|
{
|
|
60
|
-
"aria-label": "
|
|
63
|
+
"aria-label": t("alert.closeAria"),
|
|
61
64
|
className: "close_btn_alert",
|
|
62
65
|
size: "small",
|
|
63
66
|
variant: "text",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/index.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,2BAA2B,CAAC;AAEnC,YAAY,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAE5E;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,SAAc,EACd,EAAE,EACF,aAAa,EAAE,UAAU,EACzB,GAAG,IAAI,EACR,EAAE,gBAAgB,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/index.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,2BAA2B,CAAC;AAEnC,YAAY,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAE5E;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,SAAc,EACd,EAAE,EACF,aAAa,EAAE,UAAU,EACzB,GAAG,IAAI,EACR,EAAE,gBAAgB,2CAyFlB;yBA/Fe,WAAW"}
|
|
@@ -33,12 +33,12 @@ function Breadcrumbs({
|
|
|
33
33
|
return /* @__PURE__ */ jsx(
|
|
34
34
|
Link,
|
|
35
35
|
{
|
|
36
|
-
"aria-label": item.label === "Home" ? "
|
|
37
|
-
className: `ia-styles ia-breadcrumb ${item.label === "Home" ? "ia-breadcrumb-home" : ""} ${item.disabled ? "ia-breadcrumb-disabled" : ""}`,
|
|
36
|
+
"aria-label": item.label === "Home" || item.label === t("breadcrumbs.home") ? t("breadcrumbs.home") : void 0,
|
|
37
|
+
className: `ia-styles ia-breadcrumb ${item.label === "Home" || item.label === t("breadcrumbs.home") ? "ia-breadcrumb-home" : ""} ${item.disabled ? "ia-breadcrumb-disabled" : ""}`,
|
|
38
38
|
href: !item.disabled && item.to || void 0,
|
|
39
39
|
underline: "none",
|
|
40
40
|
onClick: !item.disabled && item.onClick || void 0,
|
|
41
|
-
children: item.label === "Home" ? /* @__PURE__ */ jsx(HomeIcon, {}) : item.label
|
|
41
|
+
children: item.label === "Home" || item.label === t("breadcrumbs.home") ? /* @__PURE__ */ jsx(HomeIcon, {}) : item.label
|
|
42
42
|
},
|
|
43
43
|
item.label
|
|
44
44
|
);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,WAAW,EAAoB,MAAM,gBAAgB,CAAC;AACpE,OAAO,sBAAsB,CAAC;AAG9B,YAAY,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAEpE;;;GAGG;AACH,eAAO,MAAM,MAAM,wHA2JlB,CAAC;AAIF,eAAe,MAAM,CAAC"}
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
3
3
|
import { forwardRef, useMemo } from "react";
|
|
4
4
|
|
|
5
|
+
import { useTranslation } from "../../i18n/useTranslation.js";
|
|
5
6
|
import Button$1 from "../../node_modules/@mui/material/Button/Button.js";
|
|
6
7
|
const Button = forwardRef(
|
|
7
8
|
({
|
|
@@ -18,6 +19,7 @@ const Button = forwardRef(
|
|
|
18
19
|
"aria-label": ariaLabel,
|
|
19
20
|
...args
|
|
20
21
|
}, ref) => {
|
|
22
|
+
const { t } = useTranslation();
|
|
21
23
|
const convertedVariant = useMemo(() => {
|
|
22
24
|
switch (variant) {
|
|
23
25
|
case "secondary":
|
|
@@ -81,10 +83,10 @@ const Button = forwardRef(
|
|
|
81
83
|
}, [children, convertedVariant, size, disabled, icon, type, className]);
|
|
82
84
|
const finalLabel = useMemo(() => {
|
|
83
85
|
if (variant === "url" && !disabled && loading && children) {
|
|
84
|
-
return "
|
|
86
|
+
return t("common.loading");
|
|
85
87
|
}
|
|
86
88
|
return children;
|
|
87
|
-
}, [variant, disabled, loading, children]);
|
|
89
|
+
}, [variant, disabled, loading, children, t]);
|
|
88
90
|
const finalIcon = useMemo(() => {
|
|
89
91
|
if (!icon && !loading) {
|
|
90
92
|
return null;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('@keyframes ia-shimmer-horizontal{0%{background-position:100% 0}to{background-position:0 0}}@keyframes ia-shimmer-vertical{0%{background-position:0 100%}to{background-position:0 0}}@property --ia-shimmer-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes ia-shimmer-circular{0%{--ia-shimmer-angle:0deg}to{--ia-shimmer-angle:360deg}}.ia-shimmer{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ltr{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ltr{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--rtl{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(270deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--rtl{animation:none;background-image:linear-gradient(270deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--btt{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--btt{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ttb{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ttb{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--circular{background-color:#e8edf5;background-repeat:no-repeat;--ia-shimmer-angle:0deg;animation:ia-shimmer-circular 1.6s linear infinite;background-image:conic-gradient(from var(--ia-shimmer-angle),#eceef4 0deg,#e8edf5 80deg,#d5dbe8 160deg,#e8edf5 260deg,#eceef4 1turn);background-size:100% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--circular{animation:none;background-image:conic-gradient(from 0deg,#eceef4,#e8edf5,#d5dbe8,#e8edf5 1turn)}}.ia-styles.ia-buttonGroup{color:#505c75;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;height:32px;text-transform:none}.ia-styles.ia-buttonGroup.ia-buttonGroup-disabled{background-color:#f8f9fb;border-color:#d9dde7;color:#b4bac7}.ia-styles.ia-buttonGroupButton{background:#fff;border-radius:0;border-right:0;font-family:Manrope,sans-serif;padding:0 12px;text-transform:none}.ia-styles.ia-buttonGroupButton:first-child{border-bottom-left-radius:8px;border-top-left-radius:8px}.ia-styles.ia-buttonGroupButton:last-child{border-bottom-right-radius:8px;border-right:1px solid #c3c8d4;border-top-right-radius:8px}.ia-styles.ia-buttonGroupButton.ia-buttonGroupButton-withIcon{display:flex;gap:2px}.ia-styles.ia-buttonGroupButton.ia-buttonGroupButton-withIcon:hover svg,.ia-styles.ia-buttonGroupButton.ia-buttonGroupButton-withIcon:hover svg path{fill:#4259ee}.ia-styles.ia-buttonGroupButton:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,#fff),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,#4259ee);outline:none;transition:box-shadow .15s ease-in-out}.ia-styles.ia-buttonGroupButton:focus:not(:focus-visible){box-shadow:none;outline:none}.ia-styles.ia-buttonGroupButton.Mui-disabled:focus-visible,.ia-styles.ia-buttonGroupButton.ia-btn-disabled:focus-visible,.ia-styles.ia-buttonGroupButton.ia-switch-disabled:focus-visible,.ia-styles.ia-buttonGroupButton.impact-select-disabled:focus-visible,.ia-styles.ia-buttonGroupButton.impact_input_disabled:focus-visible,.ia-styles.ia-buttonGroupButton.route-disabled:focus-visible,.ia-styles.ia-buttonGroupButton:disabled:focus-visible,.ia-styles.ia-buttonGroupButton[aria-disabled=true]:focus-visible{box-shadow:none;outline:none}.ia-styles.ia-buttonGroupButton:focus-visible{z-index:3}.ia-styles.ia-buttonGroupButton.Mui-focusVisible{background-color:#fff}.ia-styles.ia-buttonGroupButton.ia-buttonGroupButton-selected.Mui-focusVisible{background-color:#eceefd}.ia-styles.ia-buttonGroupButton:hover{background:#fff;color:#4259ee}.ia-styles.ia-buttonGroupButton.ia-buttonGroupButton-disabled{background:#f8f9fb;border-color:#d9dde7;color:#b4bac7}.ia-styles.ia-buttonGroupButton.ia-buttonGroupButton-disabled:last-child{border-right:1px solid #d9dde7}.ia-styles.ia-buttonGroupButton.ia-buttonGroupButton-selected{background:#eceefd;border:1px solid #4259ee;color:#4259ee;margin-left:-1px;position:relative;z-index:1}.ia-styles.ia-buttonGroupButton.ia-buttonGroupButton-selected:first-child{margin-left:0}.ia-styles.ia-buttonGroupButton.ia-buttonGroupButton-selected+.ia-buttonGroupButton{border-left:#0000!important}.ia-buttonGroupButton-selected.ia-buttonGroupButton,.ia-styles.ia-buttonGroupButton.ia-buttonGroupButton-selected:last-child{border-right-color:#4259ee!important}.ia-buttonGroup-disabled .ia-buttonGroupButton-selected{background:#f8f9fb!important;border-color:#d9dde7!important;color:#b4bac7!important}.ia-styles.ia-buttonGroupButton{border:1px solid #c3c8d4;margin-left:-1px;position:relative;z-index:1}.ia-styles.ia-buttonGroupButton:first-child{margin-left:0}.ia-styles.ia-buttonGroupButton.ia-buttonGroupButton-selected{z-index:2}')),document.head.appendChild(e)}}catch(
|
|
1
|
+
!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('@keyframes ia-shimmer-horizontal{0%{background-position:100% 0}to{background-position:0 0}}@keyframes ia-shimmer-vertical{0%{background-position:0 100%}to{background-position:0 0}}@property --ia-shimmer-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes ia-shimmer-circular{0%{--ia-shimmer-angle:0deg}to{--ia-shimmer-angle:360deg}}.ia-shimmer{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ltr{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ltr{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--rtl{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(270deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--rtl{animation:none;background-image:linear-gradient(270deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--btt{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--btt{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ttb{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ttb{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--circular{background-color:#e8edf5;background-repeat:no-repeat;--ia-shimmer-angle:0deg;animation:ia-shimmer-circular 1.6s linear infinite;background-image:conic-gradient(from var(--ia-shimmer-angle),#eceef4 0deg,#e8edf5 80deg,#d5dbe8 160deg,#e8edf5 260deg,#eceef4 1turn);background-size:100% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--circular{animation:none;background-image:conic-gradient(from 0deg,#eceef4,#e8edf5,#d5dbe8,#e8edf5 1turn)}}.ia-styles.ia-buttonGroup{color:#505c75;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;height:32px;text-transform:none}.ia-styles.ia-buttonGroup.ia-buttonGroup-disabled{background-color:#f8f9fb;border-color:#d9dde7;color:#b4bac7}.ia-styles.ia-buttonGroupButton{background:#fff;border-radius:0;border-right:0;font-family:Manrope,sans-serif;padding:0 12px;text-transform:none}.ia-styles.ia-buttonGroupButton:first-child{border-bottom-left-radius:8px;border-top-left-radius:8px}.ia-styles.ia-buttonGroupButton:last-child{border-bottom-right-radius:8px;border-right:1px solid #c3c8d4;border-top-right-radius:8px}.ia-styles.ia-buttonGroupButton.ia-buttonGroupButton-withIcon{display:flex;gap:2px}.ia-styles.ia-buttonGroupButton.ia-buttonGroupButton-withIcon:hover svg,.ia-styles.ia-buttonGroupButton.ia-buttonGroupButton-withIcon:hover svg path{fill:#4259ee}.ia-styles.ia-buttonGroupButton:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,#fff),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,#4259ee);outline:none;transition:box-shadow .15s ease-in-out}.ia-styles.ia-buttonGroupButton:focus:not(:focus-visible){box-shadow:none;outline:none}.ia-styles.ia-buttonGroupButton.Mui-disabled:focus-visible,.ia-styles.ia-buttonGroupButton.ia-btn-disabled:focus-visible,.ia-styles.ia-buttonGroupButton.ia-switch-disabled:focus-visible,.ia-styles.ia-buttonGroupButton.impact-select-disabled:focus-visible,.ia-styles.ia-buttonGroupButton.impact_input_disabled:focus-visible,.ia-styles.ia-buttonGroupButton.route-disabled:focus-visible,.ia-styles.ia-buttonGroupButton:disabled:focus-visible,.ia-styles.ia-buttonGroupButton[aria-disabled=true]:focus-visible{box-shadow:none;outline:none}.ia-styles.ia-buttonGroupButton:focus-visible{z-index:3}.ia-styles.ia-buttonGroupButton.Mui-focusVisible{background-color:#fff}.ia-styles.ia-buttonGroupButton.ia-buttonGroupButton-selected.Mui-focusVisible{background-color:#eceefd}.ia-styles.ia-buttonGroupButton:hover{background:#fff;color:#4259ee}.ia-styles.ia-buttonGroupButton.ia-buttonGroupButton-disabled{background:#f8f9fb;border-color:#d9dde7;color:#b4bac7}.ia-styles.ia-buttonGroupButton.ia-buttonGroupButton-disabled:last-child{border-right:1px solid #d9dde7}.ia-styles.ia-buttonGroupButton.ia-buttonGroupButton-selected{background:#eceefd;border:1px solid #4259ee;color:#4259ee;margin-left:-1px;position:relative;z-index:1}.ia-styles.ia-buttonGroupButton.ia-buttonGroupButton-selected:first-child{margin-left:0}.ia-styles.ia-buttonGroupButton.ia-buttonGroupButton-selected svg,.ia-styles.ia-buttonGroupButton.ia-buttonGroupButton-selected svg path{fill:#4259ee}.ia-styles.ia-buttonGroupButton.ia-buttonGroupButton-selected+.ia-buttonGroupButton{border-left:#0000!important}.ia-buttonGroupButton-selected.ia-buttonGroupButton,.ia-styles.ia-buttonGroupButton.ia-buttonGroupButton-selected:last-child{border-right-color:#4259ee!important}.ia-buttonGroup-disabled .ia-buttonGroupButton-selected{background:#f8f9fb!important;border-color:#d9dde7!important;color:#b4bac7!important}.ia-styles.ia-buttonGroupButton{border:1px solid #c3c8d4;margin-left:-1px;position:relative;z-index:1}.ia-styles.ia-buttonGroupButton:first-child{margin-left:0}.ia-styles.ia-buttonGroupButton.ia-buttonGroupButton-selected{z-index:2}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
|
|
2
2
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
3
3
|
import { useMemo } from "react";
|
|
4
4
|
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
export declare const Chart: ({ graphType, xAxisCategories, xAxisTitle, yAxisTitle, seriesData, graphTitle, stackedColumn, is3D, showSubTitle, onChartDownload, fallbackContent, topRightOptions, showSwitchButton, showChartTypeDropdown, showDownloadButton, chartTypesOptions, selectedChart, chartMenuProps, showScrollX, topLeftOptions, cardContainer, subtitleText, legendXPosition, legendYPosition, xAxisTitlePositionY, customTooltipFormatter, sharedTooltip, showchart, setShowChart, plotOptionsEvents, customSystemButton, handleChartExpand, chartMarginBottom, showHeader, height, width, showExpandButton, showDownloadMenu, showBuiltInDownloadOptions, downloadMenuOptions, customLegend, customLegendStyle, yAxisTitleRight, chartOptions, titleOptions, xAxisOptions, yAxisOptions, yAxisLeftOptions, yAxisRightOptions, zAxisOptions, tooltipOptions, plotOptionsOptions, subtitleOptions, creditsOptions, legendOptions, colorAxisOptions, seriesOptions, additionalOptions, hoveredXAxisIndex, exportingOptions, aboveChartComponent, isEmpty, isLoading, shimmerDirection, topSubHeader, }: {
|
|
3
3
|
graphType?: string | undefined;
|
|
4
4
|
xAxisCategories: any;
|
|
5
|
-
xAxisTitle
|
|
6
|
-
yAxisTitle
|
|
5
|
+
xAxisTitle: any;
|
|
6
|
+
yAxisTitle: any;
|
|
7
7
|
seriesData: any;
|
|
8
8
|
graphTitle: any;
|
|
9
9
|
stackedColumn?: boolean | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Chart/index.tsx"],"names":[],"mappings":"AAQA,OAAO,iCAAiC,CAAC;AACzC,OAAO,mCAAmC,CAAC;AAC3C,OAAO,mCAAmC,CAAC;AAC3C,OAAO,iCAAiC,CAAC;AACzC,OAAO,gCAAgC,CAAC;AACxC,OAAO,mCAAmC,CAAC;AAC3C,OAAO,qCAAqC,CAAC;AAC7C,OAAO,uCAAuC,CAAC;AAC/C,OAAO,6CAA6C,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Chart/index.tsx"],"names":[],"mappings":"AAQA,OAAO,iCAAiC,CAAC;AACzC,OAAO,mCAAmC,CAAC;AAC3C,OAAO,mCAAmC,CAAC;AAC3C,OAAO,iCAAiC,CAAC;AACzC,OAAO,gCAAgC,CAAC;AACxC,OAAO,mCAAmC,CAAC;AAC3C,OAAO,qCAAqC,CAAC;AAC7C,OAAO,uCAAuC,CAAC;AAC/C,OAAO,6CAA6C,CAAC;AAUrD,OAAO,qBAAqB,CAAC;AAoC7B,eAAO,MAAM,KAAK,GAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkErB,4CAuoBA,CAAC"}
|
|
@@ -22,6 +22,7 @@ import { Menu } from "../Menu/index.js";
|
|
|
22
22
|
import { Tooltip } from "../Tooltip/index.js";
|
|
23
23
|
import default_1$1 from "../../node_modules/@mui/icons-material/FileDownloadOutlined.js";
|
|
24
24
|
import { ChartSkeleton } from "./ChartSkeleton.js";
|
|
25
|
+
import { useTranslation } from "../../i18n/useTranslation.js";
|
|
25
26
|
const EmptyStateImage = (props) => /* @__PURE__ */ jsx("img", { alt: "", src: getAssetUrl("icons/emptyStateImage.svg"), ...props });
|
|
26
27
|
const interopDefault = (mod) => {
|
|
27
28
|
let value = mod;
|
|
@@ -38,8 +39,8 @@ if (typeof Highcharts === "object" && typeof borderRadius === "function") {
|
|
|
38
39
|
const Chart = ({
|
|
39
40
|
graphType = "column",
|
|
40
41
|
xAxisCategories,
|
|
41
|
-
xAxisTitle
|
|
42
|
-
yAxisTitle
|
|
42
|
+
xAxisTitle,
|
|
43
|
+
yAxisTitle,
|
|
43
44
|
seriesData,
|
|
44
45
|
graphTitle,
|
|
45
46
|
stackedColumn = false,
|
|
@@ -106,6 +107,9 @@ const Chart = ({
|
|
|
106
107
|
topSubHeader = null
|
|
107
108
|
}) => {
|
|
108
109
|
var _a;
|
|
110
|
+
const { t } = useTranslation();
|
|
111
|
+
const resolvedXAxisTitle = xAxisTitle ?? t("chart.xAxisTitle");
|
|
112
|
+
const resolvedYAxisTitle = yAxisTitle ?? t("chart.yAxisTitle");
|
|
109
113
|
const [isExpanded, setIsExpanded] = useState(false);
|
|
110
114
|
const [isAnimating, setIsAnimating] = useState(false);
|
|
111
115
|
const [showChartList, setShowChartList] = useState(false);
|
|
@@ -273,7 +277,7 @@ const Chart = ({
|
|
|
273
277
|
crosshair: true,
|
|
274
278
|
lineColor: "#D9DDE7",
|
|
275
279
|
title: {
|
|
276
|
-
text:
|
|
280
|
+
text: resolvedXAxisTitle,
|
|
277
281
|
align: "middle",
|
|
278
282
|
reserveSpace: true,
|
|
279
283
|
y: xAxisTitlePositionY ? xAxisTitlePositionY : showScrollX ? graphType === "scatter3d" ? 130 : 40 : 3
|
|
@@ -292,7 +296,7 @@ const Chart = ({
|
|
|
292
296
|
{
|
|
293
297
|
// Left axis
|
|
294
298
|
title: {
|
|
295
|
-
text:
|
|
299
|
+
text: resolvedYAxisTitle,
|
|
296
300
|
x: -12,
|
|
297
301
|
align: "middle",
|
|
298
302
|
margin: 16
|
|
@@ -378,8 +382,8 @@ const Chart = ({
|
|
|
378
382
|
return customTooltipFormatter(this);
|
|
379
383
|
} else if (this.point.value !== void 0) {
|
|
380
384
|
return `
|
|
381
|
-
<span class="tooltip-key"
|
|
382
|
-
<b class="tooltip-value"
|
|
385
|
+
<span class="tooltip-key">${t("chart.tooltipX")} ${this.point.x} ${t("chart.tooltipY")} ${this.point.y}</span><br/>
|
|
386
|
+
<b class="tooltip-value">${t("chart.tooltipValue")} ${this.point.value}</b>`;
|
|
383
387
|
} else {
|
|
384
388
|
return `
|
|
385
389
|
<span style="color:${this.color};"">●</span>
|
|
@@ -476,8 +480,9 @@ const Chart = ({
|
|
|
476
480
|
[
|
|
477
481
|
graphType,
|
|
478
482
|
xAxisCategories,
|
|
479
|
-
|
|
480
|
-
|
|
483
|
+
resolvedXAxisTitle,
|
|
484
|
+
resolvedYAxisTitle,
|
|
485
|
+
t,
|
|
481
486
|
seriesData,
|
|
482
487
|
stackedColumn,
|
|
483
488
|
is3D,
|
|
@@ -518,7 +523,7 @@ const Chart = ({
|
|
|
518
523
|
/* @__PURE__ */ jsxs("div", { className: "chart-container-header-actions", children: [
|
|
519
524
|
topRightOptions && /* @__PURE__ */ jsx("div", { className: "chart-custom-actions", children: React__default.isValidElement(topRightOptions) ? topRightOptions : null }),
|
|
520
525
|
!!topRightOptions && topRightOptions !== null && /* @__PURE__ */ jsx("div", { className: "divider-line" }),
|
|
521
|
-
showSwitchButton && !isExpanded && /* @__PURE__ */ jsx(Tooltip, { title: "
|
|
526
|
+
showSwitchButton && !isExpanded && /* @__PURE__ */ jsx(Tooltip, { title: t("chart.switchToTable"), variant: "tertiary", children: /* @__PURE__ */ jsx(
|
|
522
527
|
Button,
|
|
523
528
|
{
|
|
524
529
|
icon: /* @__PURE__ */ jsx(default_1, {}),
|
|
@@ -528,7 +533,7 @@ const Chart = ({
|
|
|
528
533
|
}
|
|
529
534
|
}
|
|
530
535
|
) }),
|
|
531
|
-
showChartTypeDropdown && /* @__PURE__ */ jsx(Tooltip, { title: "
|
|
536
|
+
showChartTypeDropdown && /* @__PURE__ */ jsx(Tooltip, { title: t("chart.changeType"), variant: "tertiary", children: /* @__PURE__ */ jsx(
|
|
532
537
|
Button,
|
|
533
538
|
{
|
|
534
539
|
icon: /* @__PURE__ */ jsx(ChartDropdown_default, {}),
|
|
@@ -539,7 +544,7 @@ const Chart = ({
|
|
|
539
544
|
}
|
|
540
545
|
}
|
|
541
546
|
) }),
|
|
542
|
-
showDownloadButton && /* @__PURE__ */ jsx(Tooltip, { title: "
|
|
547
|
+
showDownloadButton && /* @__PURE__ */ jsx(Tooltip, { title: t("chart.download"), variant: "tertiary", children: /* @__PURE__ */ jsx(
|
|
543
548
|
Button,
|
|
544
549
|
{
|
|
545
550
|
icon: /* @__PURE__ */ jsx(default_1$1, {}),
|
|
@@ -555,7 +560,7 @@ const Chart = ({
|
|
|
555
560
|
}
|
|
556
561
|
) }),
|
|
557
562
|
customSystemButton && customSystemButton,
|
|
558
|
-
showExpandButton && /* @__PURE__ */ jsx(Tooltip, { title: "
|
|
563
|
+
showExpandButton && /* @__PURE__ */ jsx(Tooltip, { title: t("chart.expand"), variant: "tertiary", children: /* @__PURE__ */ jsx(
|
|
559
564
|
Button,
|
|
560
565
|
{
|
|
561
566
|
icon: isExpanded ? /* @__PURE__ */ jsx(CollapseNew_default, {}) : /* @__PURE__ */ jsx(ExpandIcon_default, {}),
|
|
@@ -616,7 +621,7 @@ const Chart = ({
|
|
|
616
621
|
}
|
|
617
622
|
) : isEmpty ? /* @__PURE__ */ jsxs("div", { className: "chart-empty-state", children: [
|
|
618
623
|
/* @__PURE__ */ jsx(EmptyStateImage, {}),
|
|
619
|
-
/* @__PURE__ */ jsx("span", { children: "
|
|
624
|
+
/* @__PURE__ */ jsx("span", { children: t("table.noData") })
|
|
620
625
|
] }) : /* @__PURE__ */ jsx(
|
|
621
626
|
HighchartsReact,
|
|
622
627
|
{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CreateItemFlow/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CreateItemFlow/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AAMpC,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAE1D,OAAO,8BAA8B,CAAC;AAsCtC,MAAM,WAAW,mBAAmB;IAClC,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACjC,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;IACvC,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,eAAe,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;IACvC,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,cAAc,+LAatB,mBAAmB,6CAkDvB,CAAC"}
|
|
@@ -7,11 +7,22 @@ import { getAssetUrl } from "../../utils/assetBase.js";
|
|
|
7
7
|
import { Button } from "../Button/index.js";
|
|
8
8
|
import { DynamicLayout } from "../DynamicLayout/index.js";
|
|
9
9
|
|
|
10
|
+
import { useTranslation } from "../../i18n/useTranslation.js";
|
|
10
11
|
const createFlowImage = getAssetUrl("icons/create-item-flow-img.webp");
|
|
11
|
-
const LeftPanelContent = ({ leftPanelContent, leftPanelImage }) =>
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
12
|
+
const LeftPanelContent = ({ leftPanelContent, leftPanelImage }) => {
|
|
13
|
+
const { t } = useTranslation();
|
|
14
|
+
return /* @__PURE__ */ jsxs("div", { className: "left-panel-content", children: [
|
|
15
|
+
leftPanelContent,
|
|
16
|
+
leftPanelImage ? leftPanelImage : /* @__PURE__ */ jsx(
|
|
17
|
+
"img",
|
|
18
|
+
{
|
|
19
|
+
alt: t("createItemFlow.imageAlt"),
|
|
20
|
+
className: "left-panel-image",
|
|
21
|
+
src: createFlowImage
|
|
22
|
+
}
|
|
23
|
+
)
|
|
24
|
+
] });
|
|
25
|
+
};
|
|
15
26
|
const RightContentPanel = ({ contentRef, children }) => /* @__PURE__ */ jsx("div", { ref: contentRef, className: "content-wrapper", children });
|
|
16
27
|
const CreateItemFlow = memo(
|
|
17
28
|
({
|
|
@@ -19,7 +30,7 @@ const CreateItemFlow = memo(
|
|
|
19
30
|
leftPanelContent = null,
|
|
20
31
|
leftPanelImage = null,
|
|
21
32
|
rightContent,
|
|
22
|
-
title
|
|
33
|
+
title,
|
|
23
34
|
description = "",
|
|
24
35
|
prevButtonProps = {},
|
|
25
36
|
extraButtonProp,
|
|
@@ -27,8 +38,18 @@ const CreateItemFlow = memo(
|
|
|
27
38
|
customCSS,
|
|
28
39
|
className
|
|
29
40
|
}) => {
|
|
30
|
-
const {
|
|
31
|
-
const {
|
|
41
|
+
const { t } = useTranslation();
|
|
42
|
+
const {
|
|
43
|
+
children: prevLabel = t("createItemFlow.back"),
|
|
44
|
+
icon: prevIcon,
|
|
45
|
+
...restPrevProps
|
|
46
|
+
} = prevButtonProps;
|
|
47
|
+
const {
|
|
48
|
+
children: nextLabel = t("createItemFlow.next"),
|
|
49
|
+
icon: nextIcon,
|
|
50
|
+
...restNextProps
|
|
51
|
+
} = nextButtonProps;
|
|
52
|
+
const resolvedTitle = title ?? t("createItemFlow.defaultTitle");
|
|
32
53
|
return /* @__PURE__ */ jsx(
|
|
33
54
|
DynamicLayout,
|
|
34
55
|
{
|
|
@@ -62,7 +83,7 @@ const CreateItemFlow = memo(
|
|
|
62
83
|
leftPanelWidth,
|
|
63
84
|
rightContent: /* @__PURE__ */ jsx(RightContentPanel, { children: rightContent }),
|
|
64
85
|
style: customCSS,
|
|
65
|
-
title
|
|
86
|
+
title: resolvedTitle
|
|
66
87
|
}
|
|
67
88
|
);
|
|
68
89
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"showMonthYearSelect.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/showMonthYearSelect.tsx"],"names":[],"mappings":"AACA,OAAe,EAAE,KAAK,MAAM,EAAE,MAAM,QAAQ,CAAC;
|
|
1
|
+
{"version":3,"file":"showMonthYearSelect.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/showMonthYearSelect.tsx"],"names":[],"mappings":"AACA,OAAe,EAAE,KAAK,MAAM,EAAE,MAAM,QAAQ,CAAC;AAK7C,MAAM,WAAW,kCAAkC;IACjD,WAAW,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACjD,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtD,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrD,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACzB;AAID,wBAAgB,mBAAmB,CAAC,EAClC,WAAW,EACX,KAAK,EACL,aAAa,EACb,YAAY,EACZ,OAAO,EACP,OAAO,GACR,EAAE,kCAAkC,2CAkGpC"}
|
|
@@ -2,6 +2,7 @@ import { jsxs, jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import { useMemo, useState } from "react";
|
|
3
3
|
import moment from "moment";
|
|
4
4
|
import { Select } from "../Select/index.js";
|
|
5
|
+
import { useTranslation } from "../../i18n/useTranslation.js";
|
|
5
6
|
const DEFAULT_YEARS_COUNT = 10;
|
|
6
7
|
function ShowMonthYearSelect({
|
|
7
8
|
customYears,
|
|
@@ -11,6 +12,7 @@ function ShowMonthYearSelect({
|
|
|
11
12
|
minDate,
|
|
12
13
|
maxDate
|
|
13
14
|
}) {
|
|
15
|
+
const { t } = useTranslation();
|
|
14
16
|
const yearOptions = useMemo(() => {
|
|
15
17
|
if (customYears && customYears.length > 0) {
|
|
16
18
|
return customYears.map((y) => ({ label: y.label, value: y.value }));
|
|
@@ -66,7 +68,7 @@ function ShowMonthYearSelect({
|
|
|
66
68
|
isOpen: isMonthOpen,
|
|
67
69
|
minWidth: "105px",
|
|
68
70
|
name: "month-select",
|
|
69
|
-
placeholder: "
|
|
71
|
+
placeholder: t("datePicker.monthSelectPlaceholder"),
|
|
70
72
|
setCurrentOptions: setMonthCurrentOptions,
|
|
71
73
|
setIsOpen: setIsMonthOpen,
|
|
72
74
|
selectedOptions: selectedMonth,
|
|
@@ -91,7 +93,7 @@ function ShowMonthYearSelect({
|
|
|
91
93
|
isOpen: isYearOpen,
|
|
92
94
|
minWidth: "80px",
|
|
93
95
|
name: "year-select",
|
|
94
|
-
placeholder: "
|
|
96
|
+
placeholder: t("datePicker.yearSelectPlaceholder"),
|
|
95
97
|
setCurrentOptions: setYearCurrentOptions,
|
|
96
98
|
setIsOpen: setIsYearOpen,
|
|
97
99
|
selectedOptions: selectedYear,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/EmptyState/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/EmptyState/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,0BAA0B,CAAC;AAElC;;GAEG;AACH,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,WAAgB,EAChB,oBAAoB,EACpB,sBAAsB,EACtB,kBAAkB,EAClB,oBAAoB,EACpB,cAAqB,EACrB,uBAA8B,EAC9B,kBAAuB,EACvB,oBAAyB,EACzB,SAAc,EACd,EAAE,EACF,aAAa,EAAE,UAAU,EACzB,YAAY,EAAE,SAAS,EACvB,IAAe,GAChB,EAAE,eAAe,2CAoCjB;yBApDe,UAAU"}
|
|
@@ -3,6 +3,7 @@ import { jsxs, jsx } from "react/jsx-runtime";
|
|
|
3
3
|
import { Button } from "../Button/index.js";
|
|
4
4
|
import { EmptyStateImage } from "./EmptyStateImage.js";
|
|
5
5
|
|
|
6
|
+
import { useTranslation } from "../../i18n/useTranslation.js";
|
|
6
7
|
function EmptyState({
|
|
7
8
|
heading,
|
|
8
9
|
description = "",
|
|
@@ -17,13 +18,15 @@ function EmptyState({
|
|
|
17
18
|
className = "",
|
|
18
19
|
id,
|
|
19
20
|
"data-testid": dataTestId,
|
|
20
|
-
"aria-label": ariaLabel
|
|
21
|
+
"aria-label": ariaLabel,
|
|
21
22
|
role = "region"
|
|
22
23
|
}) {
|
|
24
|
+
const { t } = useTranslation();
|
|
25
|
+
const resolvedAriaLabel = ariaLabel ?? t("emptyState.ariaLabel");
|
|
23
26
|
return /* @__PURE__ */ jsxs(
|
|
24
27
|
"div",
|
|
25
28
|
{
|
|
26
|
-
"aria-label":
|
|
29
|
+
"aria-label": resolvedAriaLabel,
|
|
27
30
|
className: `impact_emptystate ${className}`.trim(),
|
|
28
31
|
"data-testid": dataTestId,
|
|
29
32
|
id,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FileUpload/index.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAkB,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAC1E,OAAO,0BAA0B,CAAC;AAGlC,YAAY,EAAE,eAAe,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAC/F,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAE1E,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,gBAAgB,EAChB,QAAgB,EAChB,aAAa,EAAE,QAAY,EAC3B,cAGC,EACD,kBAAkB,EAClB,oBAAoB,EACpB,oBAAoB,EACpB,kBAAkB,EAClB,sBAAsB,EACtB,oBAAoB,EACpB,OAAO,EACP,wBAAwB,EACxB,OAAO,EAAE,qBAAqB,EAC9B,cAAc,EAAE,wBAAwB,EACxC,wBAAwB,EAAE,0BAA0B,EACpD,qBAAqB,EAAE,2BAA2B,EAClD,UAAiB,EACjB,WAAW,EACX,cAAc,EACd,aAAoB,EACpB,KAAK,EACL,MAAM,EACN,SAAS,EACT,EAAE,EACF,aAAa,EAAE,UAAU,EACzB,YAAY,EAAE,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FileUpload/index.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAkB,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAC1E,OAAO,0BAA0B,CAAC;AAGlC,YAAY,EAAE,eAAe,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAC/F,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAE1E,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,gBAAgB,EAChB,QAAgB,EAChB,aAAa,EAAE,QAAY,EAC3B,cAGC,EACD,kBAAkB,EAClB,oBAAoB,EACpB,oBAAoB,EACpB,kBAAkB,EAClB,sBAAsB,EACtB,oBAAoB,EACpB,OAAO,EACP,wBAAwB,EACxB,OAAO,EAAE,qBAAqB,EAC9B,cAAc,EAAE,wBAAwB,EACxC,wBAAwB,EAAE,0BAA0B,EACpD,qBAAqB,EAAE,2BAA2B,EAClD,UAAiB,EACjB,WAAW,EACX,cAAc,EACd,aAAoB,EACpB,KAAK,EACL,MAAM,EACN,SAAS,EACT,EAAE,EACF,aAAa,EAAE,UAAU,EACzB,YAAY,EAAE,SAAS,EACvB,IAAe,GAChB,EAAE,eAAe,2CAioBjB;yBAjqBe,UAAU"}
|
|
@@ -41,12 +41,13 @@ function FileUpload({
|
|
|
41
41
|
className,
|
|
42
42
|
id,
|
|
43
43
|
"data-testid": dataTestId,
|
|
44
|
-
"aria-label": ariaLabel
|
|
44
|
+
"aria-label": ariaLabel,
|
|
45
45
|
role = "region"
|
|
46
46
|
}) {
|
|
47
47
|
var _a;
|
|
48
48
|
const { t } = useTranslation();
|
|
49
49
|
const resolvedHeaderTitle = headerTitle ?? t("fileUpload.headerTitle");
|
|
50
|
+
const resolvedAriaLabel = ariaLabel ?? t("fileUpload.ariaLabel");
|
|
50
51
|
const wrapperRef = useRef(null);
|
|
51
52
|
const fileUploadRef = useRef(null);
|
|
52
53
|
const hiddenFileUploadRef = useRef(null);
|
|
@@ -224,7 +225,7 @@ function FileUpload({
|
|
|
224
225
|
"div",
|
|
225
226
|
{
|
|
226
227
|
ref: containerRef,
|
|
227
|
-
"aria-label":
|
|
228
|
+
"aria-label": resolvedAriaLabel,
|
|
228
229
|
className: `ia-fileUpload-container ${className ?? ""}`.trim(),
|
|
229
230
|
"data-testid": dataTestId,
|
|
230
231
|
id,
|
|
@@ -490,7 +491,7 @@ function FileUpload({
|
|
|
490
491
|
assets && /* @__PURE__ */ jsx(
|
|
491
492
|
"img",
|
|
492
493
|
{
|
|
493
|
-
alt: "
|
|
494
|
+
alt: t("fileUpload.remove"),
|
|
494
495
|
"aria-label": t("fileUpload.removeAria", { name: item.file.name }),
|
|
495
496
|
className: "ia-fileUpload-previewItem-action removeIcon",
|
|
496
497
|
role: "button",
|
|
@@ -508,7 +509,7 @@ function FileUpload({
|
|
|
508
509
|
item.onRetry && assets && /* @__PURE__ */ jsx(
|
|
509
510
|
"img",
|
|
510
511
|
{
|
|
511
|
-
alt: "
|
|
512
|
+
alt: t("fileUpload.retry"),
|
|
512
513
|
"aria-label": t("fileUpload.retryAria", { name: item.file.name }),
|
|
513
514
|
className: "ia-fileUpload-previewItem-action",
|
|
514
515
|
role: "button",
|
|
@@ -523,7 +524,7 @@ function FileUpload({
|
|
|
523
524
|
item.onPause && assets && /* @__PURE__ */ jsx(
|
|
524
525
|
"img",
|
|
525
526
|
{
|
|
526
|
-
alt: "
|
|
527
|
+
alt: t("fileUpload.pause"),
|
|
527
528
|
"aria-label": t("fileUpload.pauseAria", { name: item.file.name }),
|
|
528
529
|
className: "ia-fileUpload-previewItem-action",
|
|
529
530
|
role: "button",
|
|
@@ -537,7 +538,7 @@ function FileUpload({
|
|
|
537
538
|
assets && /* @__PURE__ */ jsx(
|
|
538
539
|
"img",
|
|
539
540
|
{
|
|
540
|
-
alt: item.isUploadRunning ? "
|
|
541
|
+
alt: item.isUploadRunning ? t("fileUpload.cancel") : t("fileUpload.remove"),
|
|
541
542
|
"aria-label": item.isUploadRunning ? t("fileUpload.cancelAria", { name: item.file.name }) : t("fileUpload.removeAria", { name: item.file.name }),
|
|
542
543
|
className: "ia-fileUpload-previewItem-action removeIcon",
|
|
543
544
|
role: "button",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilterPanelHeader.d.ts","sourceRoot":"","sources":["../../../src/components/FilterPanel/FilterPanelHeader.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"FilterPanelHeader.d.ts","sourceRoot":"","sources":["../../../src/components/FilterPanel/FilterPanelHeader.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,sBAAsB;IACrC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,YAAY,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,aAAa,KAAK,IAAI,CAAC;CACvE;AAED,wBAAgB,iBAAiB,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,EAAE,sBAAsB,2CAgBhF;yBAhBe,iBAAiB"}
|
|
@@ -1,13 +1,23 @@
|
|
|
1
1
|
import { jsxs, jsx } from "react/jsx-runtime";
|
|
2
2
|
import default_1 from "../../node_modules/@mui/icons-material/Close.js";
|
|
3
3
|
import { Button } from "../Button/index.js";
|
|
4
|
+
import { useTranslation } from "../../i18n/useTranslation.js";
|
|
4
5
|
function FilterPanelHeader({ title, toggleDrawer }) {
|
|
6
|
+
const { t } = useTranslation();
|
|
5
7
|
return /* @__PURE__ */ jsxs("div", { className: "impact_drawer_filter_header", children: [
|
|
6
8
|
/* @__PURE__ */ jsxs("div", { className: "impact_drawer_filter_left_header", children: [
|
|
7
9
|
/* @__PURE__ */ jsx("span", { className: "impact_drawer_filter_left_heading_icon" }),
|
|
8
10
|
/* @__PURE__ */ jsx("div", { className: "impact_drawer_filter_left_heading", children: title })
|
|
9
11
|
] }),
|
|
10
|
-
/* @__PURE__ */ jsx(
|
|
12
|
+
/* @__PURE__ */ jsx(
|
|
13
|
+
Button,
|
|
14
|
+
{
|
|
15
|
+
"aria-label": t("common.close"),
|
|
16
|
+
icon: /* @__PURE__ */ jsx(default_1, {}),
|
|
17
|
+
variant: "text",
|
|
18
|
+
onClick: toggleDrawer
|
|
19
|
+
}
|
|
20
|
+
)
|
|
11
21
|
] });
|
|
12
22
|
}
|
|
13
23
|
FilterPanelHeader.displayName = "FilterPanelHeader";
|