impact-ui 4.0.9 → 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/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/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/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 +13 -6
- 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/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
|
@@ -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;
|
|
@@ -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";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilterSlider.d.ts","sourceRoot":"","sources":["../../../src/components/FiltersStrip/FilterSlider.tsx"],"names":[],"mappings":"AACA,OAAO,EAOL,KAAK,UAAU,IAAI,eAAe,EAClC,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"FilterSlider.d.ts","sourceRoot":"","sources":["../../../src/components/FiltersStrip/FilterSlider.tsx"],"names":[],"mappings":"AACA,OAAO,EAOL,KAAK,UAAU,IAAI,eAAe,EAClC,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAOf,OAAO,4BAA4B,CAAC;AAEpC,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC5B,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE,eAAe,KAAK,IAAI,CAAC;CAChD;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,eAAe,EAAE,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,YAAY,EAAE,CAAC,IAAI,EAAE,eAAe,EAAE,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC;IAClE,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,eAAe,EAAE,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC;IACxE,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAChD,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAChD,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,kBAAkB,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,eAAe,GAAG,UAAU,CAAC,UAAU,KAAK,IAAI,CAAC;CAChF;AAED,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,KAAK,EACL,UAAiB,EACjB,iBAAiB,EACjB,YAAY,EACZ,iBAAiB,EACjB,gBAAgB,EAChB,WAAW,EACX,WAAW,EACX,YAAY,EACZ,kBAA6B,GAC9B,EAAE,iBAAiB,kDAkPnB;yBA9Pe,YAAY"}
|
|
@@ -7,6 +7,7 @@ import default_1 from "../../node_modules/@mui/icons-material/KeyboardArrowLeft.
|
|
|
7
7
|
import default_1$1 from "../../node_modules/@mui/icons-material/KeyboardArrowRight.js";
|
|
8
8
|
import { FilterSliderPortal } from "./FilterSliderPortal.js";
|
|
9
9
|
|
|
10
|
+
import { useTranslation } from "../../i18n/useTranslation.js";
|
|
10
11
|
function FilterSlider({
|
|
11
12
|
list,
|
|
12
13
|
width,
|
|
@@ -21,6 +22,7 @@ function FilterSlider({
|
|
|
21
22
|
handleClickOutside = () => {
|
|
22
23
|
}
|
|
23
24
|
}) {
|
|
25
|
+
const { t } = useTranslation();
|
|
24
26
|
const [overFlow, setOverFlow] = useState(false);
|
|
25
27
|
const [currCount, setCurrCount] = useState(0);
|
|
26
28
|
const [translateX, setTranslateX] = useState(0);
|
|
@@ -168,7 +170,7 @@ function FilterSlider({
|
|
|
168
170
|
/* @__PURE__ */ jsx(
|
|
169
171
|
"div",
|
|
170
172
|
{
|
|
171
|
-
"aria-label": "
|
|
173
|
+
"aria-label": t("filtersStrip.previousFilterAria"),
|
|
172
174
|
className: "impact-selected-filter-action-btn prev",
|
|
173
175
|
role: "button",
|
|
174
176
|
style: {
|
|
@@ -189,7 +191,7 @@ function FilterSlider({
|
|
|
189
191
|
/* @__PURE__ */ jsx(
|
|
190
192
|
"div",
|
|
191
193
|
{
|
|
192
|
-
"aria-label": "
|
|
194
|
+
"aria-label": t("filtersStrip.nextFilterAria"),
|
|
193
195
|
className: "impact-selected-filter-action-btn next",
|
|
194
196
|
role: "button",
|
|
195
197
|
style: {
|
|
@@ -210,7 +212,7 @@ function FilterSlider({
|
|
|
210
212
|
handleExpandClick && /* @__PURE__ */ jsx(
|
|
211
213
|
"div",
|
|
212
214
|
{
|
|
213
|
-
"aria-label": "
|
|
215
|
+
"aria-label": t("filtersStrip.closeFilterAria"),
|
|
214
216
|
className: "impact-selected-filter-action-btn next",
|
|
215
217
|
role: "button",
|
|
216
218
|
style: { opacity: currCount === list.length ? 0.5 : 1 },
|
|
@@ -228,7 +230,7 @@ function FilterSlider({
|
|
|
228
230
|
] }) : /* @__PURE__ */ jsxs(
|
|
229
231
|
"div",
|
|
230
232
|
{
|
|
231
|
-
"aria-label": "
|
|
233
|
+
"aria-label": t("filtersStrip.expandFilterAria"),
|
|
232
234
|
className: "impact-selected-filter-action-btn expand",
|
|
233
235
|
role: "button",
|
|
234
236
|
style: { opacity: currCount === list.length ? 0.5 : 1 },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FiltersStrip/index.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,4BAA4B,CAAC;AAEpC,YAAY,EACV,iBAAiB,EACjB,aAAa,EACb,cAAc,EACd,gBAAgB,EAChB,gBAAgB,EAChB,qBAAqB,GACtB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD;;GAEG;AACH,wBAAgB,YAAY,CAAC,EAC3B,cAAmB,EACnB,iBAA4B,EAC5B,aAAkB,EAClB,iBAAsB,EACtB,gBAAqB,EACrB,UAAe,EACf,iBAA4B,EAC5B,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,EACjB,uBAA+B,EAC/B,wBAA+B,EAC/B,+BAA0C,EAC1C,mBAAmB,EACnB,SAAS,EACT,EAAE,EACF,aAAa,EAAE,UAAU,EACzB,YAAY,EAAE,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FiltersStrip/index.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,4BAA4B,CAAC;AAEpC,YAAY,EACV,iBAAiB,EACjB,aAAa,EACb,cAAc,EACd,gBAAgB,EAChB,gBAAgB,EAChB,qBAAqB,GACtB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD;;GAEG;AACH,wBAAgB,YAAY,CAAC,EAC3B,cAAmB,EACnB,iBAA4B,EAC5B,aAAkB,EAClB,iBAAsB,EACtB,gBAAqB,EACrB,UAAe,EACf,iBAA4B,EAC5B,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,EACjB,uBAA+B,EAC/B,wBAA+B,EAC/B,+BAA0C,EAC1C,mBAAmB,EACnB,SAAS,EACT,EAAE,EACF,aAAa,EAAE,UAAU,EACzB,YAAY,EAAE,SAAS,EACvB,IAAe,GAChB,EAAE,iBAAiB,2CA6GnB;yBAnIe,YAAY"}
|