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

package/dist/components/Table/tableFunctions.d.ts

@@ -1,23 +1,21 @@
-import { default as React } from 'react';
-
 export declare const onColMenuFreezeClick: (params: any) => void;
 export declare const freezeColumn: (params: any, isPinned: any) => void;
 export declare const onColMenuAutoAdjustClick: (params: any) => void;
 export declare const sortFunc: (columnData: any, sortBy: any, api: any) => void;
 export declare const getMainMenuItems: (params: any) => (string | {
-    name: string;
+    name: any;
     cssClasses: string[];
     subMenu?: undefined;
     disabled?: undefined;
     action?: undefined;
 } | {
-    name: string;
+    name: any;
     subMenu: ({
-        name: string;
+        name: any;
         action: () => void;
         checked: boolean;
     } | {
-        name: string;
+        name: any;
         action: () => void;
         checked?: undefined;
     })[];
@@ -25,20 +23,20 @@ export declare const getMainMenuItems: (params: any) => (string | {
     cssClasses?: undefined;
     action?: undefined;
 } | {
-    name: string;
+    name: any;
     action: () => void;
     cssClasses?: undefined;
     subMenu?: undefined;
     disabled?: undefined;
 } | {
-    name: string;
+    name: any;
     subMenu: ({
-        name: string;
+        name: any;
         action: () => void;
         checked: boolean;
         disabled?: undefined;
     } | {
-        name: string;
+        name: any;
         action: () => void;
         checked: boolean;
         disabled: boolean;
@@ -47,12 +45,12 @@ export declare const getMainMenuItems: (params: any) => (string | {
     disabled?: undefined;
     action?: undefined;
 } | {
-    name: string;
+    name: any;
     disabled: boolean;
     cssClasses?: undefined;
     subMenu?: undefined;
     action?: undefined;
 })[];
-export declare const Columns: React.ForwardRefExoticComponent<React.RefAttributes<unknown>>;
+export declare const Columns: import('react').ForwardRefExoticComponent<import('react').RefAttributes<unknown>>;
 export declare const updateFontSizeOnToolPanel: (fontSizeType: any) => string;
 //# sourceMappingURL=tableFunctions.d.ts.map

package/dist/components/Table/tableFunctions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tableFunctions.d.ts","sourceRoot":"","sources":["../../../src/components/Table/tableFunctions.tsx"],"names":[],"mappings":"AACA,OAAO,KAAwE,MAAM,OAAO,CAAC;AAkD7F,eAAO,MAAM,oBAAoB,GAAI,WAAM,SAQ1C,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,WAAM,EAAE,aAAQ,SAK5C,CAAC;AAEF,eAAO,MAAM,wBAAwB,GAAI,WAAM,SAK9C,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,eAAU,EAAE,WAAM,EAAE,QAAG,SAM/C,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,WAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAqItC,CAAC;AA6BF,eAAO,MAAM,OAAO,+DA25ClB,CAAC;AAEH,eAAO,MAAM,yBAAyB,GAAI,iBAAY,WAgBrD,CAAC"}
+{"version":3,"file":"tableFunctions.d.ts","sourceRoot":"","sources":["../../../src/components/Table/tableFunctions.tsx"],"names":[],"mappings":"AAoDA,eAAO,MAAM,oBAAoB,GAAI,WAAM,SAQ1C,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,WAAM,EAAE,aAAQ,SAK5C,CAAC;AAEF,eAAO,MAAM,wBAAwB,GAAI,WAAM,SAK9C,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,eAAU,EAAE,WAAM,EAAE,QAAG,SAM/C,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,WAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAsItC,CAAC;AA6BF,eAAO,MAAM,OAAO,mFAk6ClB,CAAC;AAEH,eAAO,MAAM,yBAAyB,GAAI,iBAAY,WAgBrD,CAAC"}

package/dist/components/Table/tableFunctions.js

@@ -19,6 +19,7 @@ import { Modal } from "../Modal/index.js";
 import { Prompt } from "../Prompt/index.js";
 import { RadioButtonGroup } from "../RadioButtonGroup/index.js";
 import { Select } from "../Select/index.js";
+import { useTranslation } from "../../i18n/useTranslation.js";
 import IconButton from "../../node_modules/@mui/material/IconButton/IconButton.js";
 import DragIndicator from "../../node_modules/@mui/icons-material/esm/DragIndicator.js";
 const saveViewIcon = getAssetUrl("icons/saveViewIcon.svg");
@@ -61,36 +62,37 @@ const sortFunc = (columnData, sortBy, api) => {
   });
 };
 const getMainMenuItems = (params) => {
-  var _a, _b, _c;
+  var _a, _b, _c, _d;
+  const t = ((_a = params == null ? void 0 : params.context) == null ? void 0 : _a.t) || ((k) => k);
   const { onFontSizeChange, onNumberFormatChange } = params;
   const { colDef, pinned, sort, actualWidth } = params.column;
   const columnMenuItems = [];
   columnMenuItems.push(
     {
-      name: "Column Settings",
+      name: t("table.menu.columnSettings"),
       cssClasses: ["settings-main-container"]
     },
     "separator"
   );
   columnMenuItems.push({
-    name: "Sort",
+    name: t("table.menu.sort"),
     subMenu: [
       {
-        name: "Sort A to Z",
+        name: t("table.menu.sortAsc"),
         action: () => {
           sortFunc(params.column, "asc", params);
         },
         checked: sort === "asc"
       },
       {
-        name: "Sort Z to A",
+        name: t("table.menu.sortDesc"),
         checked: sort === "desc",
         action: () => {
           sortFunc(params.column, "desc", params);
         }
       },
       {
-        name: "Reset",
+        name: t("table.menu.reset"),
         action: () => {
           sortFunc(params.column, null, params);
         }
@@ -99,80 +101,80 @@ const getMainMenuItems = (params) => {
     disabled: !(colDef == null ? void 0 : colDef.sortable)
   });
   columnMenuItems.push({
-    name: pinned ? "Unfreeze Column" : "Freeze Column",
+    name: pinned ? t("table.menu.unfreezeColumn") : t("table.menu.freezeColumn"),
     action: () => {
       onColMenuFreezeClick(params);
     }
   });
   columnMenuItems.push({
-    name: "Column width",
+    name: t("table.menu.columnWidth"),
     subMenu: [
       {
-        name: "Auto Adjust",
+        name: t("table.menu.autoAdjust"),
         action: () => {
           onColMenuAutoAdjustClick(params);
         },
         // if extra.width property is not present- column is auto adjusted
-        checked: actualWidth !== ((_a = colDef == null ? void 0 : colDef.extra) == null ? void 0 : _a.width)
+        checked: actualWidth !== ((_b = colDef == null ? void 0 : colDef.extra) == null ? void 0 : _b.width)
       },
       {
-        name: "Custom width",
+        name: t("table.menu.customWidth"),
         action: () => {
           var _a2;
           params.api.setColumnWidth(params.column.colDef, (_a2 = colDef == null ? void 0 : colDef.extra) == null ? void 0 : _a2.width);
         },
         // if extra.width property is present- column has custom width
-        checked: ((_b = colDef == null ? void 0 : colDef.extra) == null ? void 0 : _b.width) === actualWidth,
-        disabled: !((_c = colDef == null ? void 0 : colDef.extra) == null ? void 0 : _c.width)
+        checked: ((_c = colDef == null ? void 0 : colDef.extra) == null ? void 0 : _c.width) === actualWidth,
+        disabled: !((_d = colDef == null ? void 0 : colDef.extra) == null ? void 0 : _d.width)
       }
     ]
   });
   columnMenuItems.push({
-    name: "Wrap Text",
+    name: t("table.menu.wrapText"),
     disabled: true
   });
   columnMenuItems.push(
     {
-      name: "Format",
+      name: t("table.menu.format"),
       cssClasses: ["format-main-container"]
     },
     "separator"
   );
   columnMenuItems.push({
-    name: "Numeric Values",
+    name: t("table.menu.numericValues"),
     subMenu: [
       {
-        name: "Full Number",
+        name: t("table.menu.fullNumber"),
         action: () => onNumberFormatChange("full")
       },
       {
-        name: "In K",
+        name: t("table.menu.inK"),
         action: () => onNumberFormatChange("thousand")
       },
       {
-        name: "In Mn",
+        name: t("table.menu.inMn"),
         action: () => onNumberFormatChange("million")
       },
       {
-        name: "In Bn",
+        name: t("table.menu.inBn"),
         action: () => onNumberFormatChange("billion")
       }
     ],
     disabled: !onFontSizeChange
   });
   columnMenuItems.push({
-    name: "Font Size",
+    name: t("table.menu.fontSize"),
     subMenu: [
       {
-        name: "Small Font",
+        name: t("table.menu.smallFont"),
         action: () => onFontSizeChange("small")
       },
       {
-        name: "Medium Font",
+        name: t("table.menu.mediumFont"),
         action: () => onFontSizeChange("medium")
       },
       {
-        name: "Large Font",
+        name: t("table.menu.largeFont"),
         action: () => onFontSizeChange("large")
       }
     ],
@@ -201,6 +203,7 @@ const SortableColumnItem = ({ column, level, renderFn, dragIconClass, onToggle,
 };
 const Columns = forwardRef((props, ref) => {
   var _a, _b, _c, _d, _e, _f;
+  const { t } = useTranslation();
   const [searchText, setSearchText] = useState("");
   const [collapsedScrollable, setCollapsedScrollable] = useState(false);
   const [collapsedColumn, setCollapsedcolumn] = useState(false);
@@ -298,7 +301,7 @@ const Columns = forwardRef((props, ref) => {
         var _a3;
         const columnState2 = {
           colId: column.colId || column.field || column.headerName,
-          headerName: column.headerName || column.field || "N/A",
+          headerName: column.headerName || column.field || t("table.columns.na"),
           isVisible: !(column == null ? void 0 : column.hide),
           isPinned: column.pinned ? true : false,
           children: ((_a3 = column == null ? void 0 : column.children) == null ? void 0 : _a3.length) > 0 ? getColumnState(column.children) : null,
@@ -953,13 +956,13 @@ const Columns = forwardRef((props, ref) => {
     props.isSaveViewEnabled && /* @__PURE__ */ jsxs("div", { className: "table-setting-save-view-container", children: [
       savedViewsOptions.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "save-view-icon-title", children: [
         /* @__PURE__ */ jsx("img", { alt: "save-view-icon", src: saveViewIcon }),
-        /* @__PURE__ */ jsx("span", { className: "save-view-title", children: "No views saved yet" })
+        /* @__PURE__ */ jsx("span", { className: "save-view-title", children: t("table.views.none") })
       ] }) : /* @__PURE__ */ jsxs("div", { className: "save-view-container-active-view", children: [
         /* @__PURE__ */ jsx(
           Badge,
           {
             color: "success",
-            label: `${((_b = savedViewsOptions.find((view) => view.isActive)) == null ? void 0 : _b.viewName) || "Not Applicable"}`,
+            label: `${((_b = savedViewsOptions.find((view) => view.isActive)) == null ? void 0 : _b.viewName) || t("table.views.notApplicable")}`,
             variant: "stroke"
           }
         ),
@@ -984,16 +987,16 @@ const Columns = forwardRef((props, ref) => {
           onClick: () => {
             setOpenSaveViewModal(true);
           },
-          children: "Save View"
+          children: t("table.views.saveView")
         }
       )
     ] }),
     openSaveViewMenu && /* @__PURE__ */ jsxs("div", { className: "save-view-menu", children: [
       /* @__PURE__ */ jsxs("div", { className: "save-view-menu-title", children: [
-        /* @__PURE__ */ jsx("span", { children: "Saved views" }),
+        /* @__PURE__ */ jsx("span", { children: t("table.views.savedViews") }),
         /* @__PURE__ */ jsxs("div", { className: "save-view-menu-default-view", children: [
           /* @__PURE__ */ jsx("img", { alt: "default-view-icon", src: defaultViewActiveIcon }),
-          /* @__PURE__ */ jsx("span", { className: "save-view-menu-default-view-text", children: "Default" })
+          /* @__PURE__ */ jsx("span", { className: "save-view-menu-default-view-text", children: t("table.views.default") })
         ] })
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "save-view-menu-view-type", children: [
@@ -1001,7 +1004,7 @@ const Columns = forwardRef((props, ref) => {
           Badge,
           {
             color: selectedBadge === "All" ? "info" : "default",
-            label: "All",
+            label: t("table.views.all"),
             size: "small",
             variant: "stroke",
             onClick: () => {
@@ -1032,7 +1035,7 @@ const Columns = forwardRef((props, ref) => {
         Input,
         {
           leftIcon: /* @__PURE__ */ jsx(default_1$2, {}),
-          placeholder: "Search here...",
+          placeholder: t("table.views.searchPlaceholder"),
           value: saveViewSearchText,
           onChange: handleSaveViewSearchChange
         }
@@ -1042,7 +1045,7 @@ const Columns = forwardRef((props, ref) => {
         return /* @__PURE__ */ jsxs(
           "div",
           {
-            "aria-label": `Saved view ${view.viewName}`,
+            "aria-label": t("table.views.savedViewAria", { name: view.viewName }),
             className: `save-view-menu-view-list-item ${view.isActive ? "active" : ""}`,
             role: "button",
             tabIndex: idx === 0 ? 0 : -1,
@@ -1150,7 +1153,7 @@ const Columns = forwardRef((props, ref) => {
               setOpenSaveViewMenu(false);
               setFilteredSavedViewsOptions([...savedViewsOptions]);
             },
-            children: "Cancel"
+            children: t("common.cancel")
           }
         ),
         /* @__PURE__ */ jsx(
@@ -1165,7 +1168,7 @@ const Columns = forwardRef((props, ref) => {
               updateColumnState();
               setOpenSaveViewMenu(false);
             },
-            children: "Apply"
+            children: t("common.apply")
           }
         )
       ] })
@@ -1176,20 +1179,23 @@ const Columns = forwardRef((props, ref) => {
         className: "save-view-modal",
         height: "542px",
         open: openSaveViewModal,
-        primaryButtonLabel: props.isSavingViewLoading ? "Saving..." : "Save",
+        primaryButtonLabel: props.isSavingViewLoading ? t("table.views.saving") : t("common.save"),
         primaryButtonProps: {
           disabled: (isInputValueEmpty || props.maxSavedViews != null && savedViewsOptions.length >= props.maxSavedViews) && !isReplaceViewSelected || nameConflict || props.isSavingViewLoading,
           loading: props.isSavingViewLoading,
           iconPlacement: "right"
         },
-        secondaryButtonLabel: "Cancel",
-        title: isEditView ? "Edit view" : "Save view",
+        secondaryButtonLabel: t("common.cancel"),
+        title: isEditView ? t("table.views.editView") : t("table.views.saveViewTitle"),
         width: "422px",
         onClose: handleCloseSaveViewModal,
         onPrimaryButtonClick: handleSaveAndApply,
         onSecondaryButtonClick: handleCloseSaveViewModal,
         children: /* @__PURE__ */ jsxs("div", { className: "save-view-modal-children", children: [
-          props.maxSavedViews != null && /* @__PURE__ */ jsx("div", { className: "save-view-modal-children-header", children: /* @__PURE__ */ jsx("span", { className: "save-view-modal-children-header-text", children: `${props.maxSavedViews - savedViewsOptions.length}/${props.maxSavedViews} views remaining` }) }),
+          props.maxSavedViews != null && /* @__PURE__ */ jsx("div", { className: "save-view-modal-children-header", children: /* @__PURE__ */ jsx("span", { className: "save-view-modal-children-header-text", children: t("table.views.remaining", {
+            remaining: props.maxSavedViews - savedViewsOptions.length,
+            max: props.maxSavedViews
+          }) }) }),
           /* @__PURE__ */ jsxs(
             "div",
             {
@@ -1198,12 +1204,12 @@ const Columns = forwardRef((props, ref) => {
                 /* @__PURE__ */ jsx("div", { className: "save-view-modal-children-body-input", children: /* @__PURE__ */ jsx(
                   Input,
                   {
-                    helperText: nameConflict ? "A view with this name already exists" : "",
+                    helperText: nameConflict ? t("table.views.nameConflict") : "",
                     isDisabled: isReplaceViewSelected,
                     isError: nameConflict,
                     isHelperText: nameConflict,
-                    label: "New view name",
-                    placeholder: "Enter here",
+                    label: t("table.views.newViewName"),
+                    placeholder: t("table.views.enterHere"),
                     readOnly: isReplaceViewSelected,
                     value: inputValue,
                     onChange: (e) => {
@@ -1213,7 +1219,7 @@ const Columns = forwardRef((props, ref) => {
                   }
                 ) }),
                 !isEditView && /* @__PURE__ */ jsxs("div", { className: "save-view-modal-children-body-radio-group", children: [
-                  /* @__PURE__ */ jsx("span", { className: "save-view-modal-children-body-radio-group-text", children: "View type" }),
+                  /* @__PURE__ */ jsx("span", { className: "save-view-modal-children-body-radio-group-text", children: t("table.views.viewType") }),
                   /* @__PURE__ */ jsx(
                     RadioButtonGroup,
                     {
@@ -1234,13 +1240,13 @@ const Columns = forwardRef((props, ref) => {
                   {
                     checked: isDefaultView,
                     disabled: isReplaceViewSelected,
-                    label: "Make it default view",
+                    label: t("table.views.makeDefault"),
                     onChange: () => {
                       setIsDefaultView(!isDefaultView);
                     }
                   }
                 ) }),
-                /* @__PURE__ */ jsx("div", { className: "save-view-modal-children-body-replace-view", children: /* @__PURE__ */ jsx("span", { children: "Or replace with saved view" }) }),
+                /* @__PURE__ */ jsx("div", { className: "save-view-modal-children-body-replace-view", children: /* @__PURE__ */ jsx("span", { children: t("table.views.orReplace") }) }),
                 /* @__PURE__ */ jsx("div", { className: "save-view-modal-children-body-replace-view-select", children: /* @__PURE__ */ jsx(
                   Select,
                   {
@@ -1250,7 +1256,7 @@ const Columns = forwardRef((props, ref) => {
                     initialOptions: currentSaveViewOptions,
                     isDisabled: savedViewsOptions.length === 0 || !isInputValueEmpty && !isReplaceViewSelected || isEditView,
                     isOpen,
-                    label: "Replace with",
+                    label: t("table.views.replaceWith"),
                     minWidth: "100%",
                     selectedOptions: selectedSavedView,
                     setCurrentOptions: setCurrentSaveViewOptions,
@@ -1272,13 +1278,13 @@ const Columns = forwardRef((props, ref) => {
           setOpenDeletePrompt(false);
         },
         isOpen: openDeletePrompt,
-        primaryButtonLabel: "Yes,Delete",
+        primaryButtonLabel: t("table.views.deleteConfirm"),
         primaryButtonProps: {
           loading: props.isDeleteViewLoading,
           iconPlacement: "right"
         },
-        secondaryButtonLabel: "Cancel",
-        title: "Delete, Are you sure?",
+        secondaryButtonLabel: t("common.cancel"),
+        title: t("table.views.deleteTitle"),
         variant: "error",
         onPrimaryButtonClick: (e) => {
           var _a2;
@@ -1298,7 +1304,7 @@ const Columns = forwardRef((props, ref) => {
       /* @__PURE__ */ jsx(
         Input,
         {
-          placeholder: "Search",
+          placeholder: t("common.search"),
           rightIcon: /* @__PURE__ */ jsx(default_1$2, {}),
           value: searchText,
           onChange: handleSearchChange
@@ -1317,18 +1323,18 @@ const Columns = forwardRef((props, ref) => {
             onDragEnd: handleDragEnd,
             children: /* @__PURE__ */ jsxs(SortableContext, { items: [...scrollableColumnOrder, ...frozenColumnOrder], children: [
               frozenColumn.length > 0 && !(frozenColumn.length === 1 && frozenColumn[0].headerName === "N/A") && /* @__PURE__ */ jsxs("div", { className: "table-setting-collapse-columns-container", children: [
-                /* @__PURE__ */ jsx("h3", { children: "Frozen columns" }),
+                /* @__PURE__ */ jsx("h3", { children: t("table.columns.frozen") }),
                 /* @__PURE__ */ jsx("div", { className: "table-setting-frozen-columns-list", children: filteredFrozenColumns.map(
                   (column) => column.headerName !== "N/A" && renderFrozencolumn(column)
                 ) })
               ] }),
               /* @__PURE__ */ jsxs("div", { className: "table-setting-scroll-columns-container", children: [
-                /* @__PURE__ */ jsx("h3", { children: "Scrollable Columns" }),
+                /* @__PURE__ */ jsx("h3", { children: t("table.columns.scrollable") }),
                 /* @__PURE__ */ jsxs("div", { className: "table-setting-scroll-main-column-list", children: [
                   /* @__PURE__ */ jsxs("div", { className: "table-setting-scroll-main-column", children: [
                     /* @__PURE__ */ jsx(IconButton, { style: { padding: "0px" }, onClick: toggleScrollableCollapse, children: collapsedScrollable ? /* @__PURE__ */ jsx(default_1$3, {}) : /* @__PURE__ */ jsx(default_1, {}) }),
                     /* @__PURE__ */ jsx(Checkbox, { checked: mainChecked, onChange: onMainCheckboxChange }),
-                    "Main Column"
+                    t("table.columns.main")
                   ] }),
                   /* @__PURE__ */ jsx("div", { className: "table-setting-scroll-inner-column-list", children: !collapsedScrollable && filteredScrollableColumns.map(
                     (column) => column.headerName !== "N/A" && renderScrollColumn(column)

package/dist/components/Table/tableHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tableHeader.d.ts","sourceRoot":"","sources":["../../../src/components/Table/tableHeader.tsx"],"names":[],"mappings":"AAoBA,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,SAAS,EACT,OAAO,EACP,OAAO,EACP,aAAa,EACb,gBAAgB,EAChB,SAAS,EACT,YAAY,EACZ,WAAW,EACX,eAAe,EACf,cAAc,EACd,mBAAmB,EACnB,aAAa,EACb,oBAAoB,EACpB,uBAAuB,EACvB,kBAAkB,EAClB,qBAAqB,EACrB,WAAW,EACX,sBAAsB,EACtB,iBAAiB,EACjB,mBAAmB,EACnB,qBAAqB,EACrB,2BAA2B,EAC3B,gBAAgB,EAChB,oBAAoB,EACpB,yBAAyB,EACzB,uBAAuB,EACvB,qBAA0B,EAC1B,yBAAyB,EACzB,YAAY,EACZ,sBAAsB,EACtB,eAAe,EACf,gBAAgB,EAChB,gBAAgB,EAChB,2BAA2B,EAC3B,kBAAkB,EAClB,aAAoB,EACpB,eAA0B,EAC1B,UAAU,EACV,eAAe,EACf,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,aAAa,EACb,oBAAoB,EACpB,kBAAkB,EAClB,iBAAiB,EACjB,mBAAmB,EACnB,qBAAqB,EACrB,mBAAmB,EACnB,oBAAoB,EACpB,uBAAuB,EACvB,gBAAgB,EAChB,iBAAiB,EACjB,WAAW,EACX,YAAY,EACZ,iBAAiB,EACjB,sBAAsB,EACtB,0BAA0B,EAC1B,6BAA6B,EAC7B,gBAAgB,EAChB,mBAAmB,EACnB,wBAAwB,EACxB,+BAA+B,EAC/B,oBAAoB,EACpB,2BAA2B,EAC3B,mBAAmB,EACnB,oBAAoB,EACpB,2BAA2B,EAC3B,6BAA6B,EAC7B,kBAAkB,EAClB,0BAA0B,EAC1B,oBAAoB,EACpB,SAAS,EACT,uBAAuB,EACvB,oBAAoB,EACpB,kBAAkB,EAClB,kBAAkB,GACnB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAA,kDAqWA"}
+{"version":3,"file":"tableHeader.d.ts","sourceRoot":"","sources":["../../../src/components/Table/tableHeader.tsx"],"names":[],"mappings":"AAiBA,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,SAAS,EACT,OAAO,EACP,OAAO,EACP,aAAa,EACb,gBAAgB,EAChB,SAAS,EACT,YAAY,EACZ,WAAW,EACX,eAAe,EACf,cAAc,EACd,mBAAmB,EACnB,aAAa,EACb,oBAAoB,EACpB,uBAAuB,EACvB,kBAAkB,EAClB,qBAAqB,EACrB,WAAW,EACX,sBAAsB,EACtB,iBAAiB,EACjB,mBAAmB,EACnB,qBAAqB,EACrB,2BAA2B,EAC3B,gBAAgB,EAChB,oBAAoB,EACpB,yBAAyB,EACzB,uBAAuB,EACvB,qBAA0B,EAC1B,yBAAyB,EACzB,YAAY,EACZ,sBAAsB,EACtB,eAAe,EACf,gBAAgB,EAChB,gBAAgB,EAChB,2BAA2B,EAC3B,kBAAkB,EAClB,aAAoB,EACpB,eAA0B,EAC1B,UAAU,EACV,eAAe,EACf,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,aAAa,EACb,oBAAoB,EACpB,kBAAkB,EAClB,iBAAiB,EACjB,mBAAmB,EACnB,qBAAqB,EACrB,mBAAmB,EACnB,oBAAoB,EACpB,uBAAuB,EACvB,gBAAgB,EAChB,iBAAiB,EACjB,WAAW,EACX,YAAY,EACZ,iBAAiB,EACjB,sBAAsB,EACtB,0BAA0B,EAC1B,6BAA6B,EAC7B,gBAAgB,EAChB,mBAAmB,EACnB,wBAAwB,EACxB,+BAA+B,EAC/B,oBAAoB,EACpB,2BAA2B,EAC3B,mBAAmB,EACnB,oBAAoB,EACpB,2BAA2B,EAC3B,6BAA6B,EAC7B,kBAAkB,EAClB,0BAA0B,EAC1B,oBAAoB,EACpB,SAAS,EACT,uBAAuB,EACvB,oBAAoB,EACpB,kBAAkB,EAClB,kBAAkB,GACnB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAA,kDAwWA"}

package/dist/components/Table/tableHeader.js

@@ -10,6 +10,7 @@ import { Alert } from "../Alert/index.js";
 import { FiltersStrip } from "../FiltersStrip/index.js";
 import TableChatSidePanel from "../TableChat/TableChatSidePanel.js";
 import { Tooltip } from "../Tooltip/index.js";
+import { useTranslation } from "../../i18n/useTranslation.js";
 import Badge from "../../node_modules/@mui/material/Badge/Badge.js";
 const ChatIcon = getAssetUrl("icons/chatIcon.svg");
 function TableHeader({
@@ -93,6 +94,7 @@ function TableHeader({
   advanceSortEnabled
 }) {
   var _a, _b;
+  const { t } = useTranslation();
   const [showMenu, setShowMenu] = useState(false);
   const [anchorEl, setAnchorEl] = useState(null);
   const handleWidthButtonClose = () => {
@@ -225,7 +227,7 @@ function TableHeader({
               Alert,
               {
                 severity: "success",
-                title: "Comment is resolved",
+                title: t("table.header.commentResolved"),
                 onClose: () => setIsCommentResolvedAlertOpen(false)
               }
             )
@@ -252,8 +254,8 @@ function TableHeader({
             isChatEnabled && /* @__PURE__ */ jsx(
               Tooltip,
               {
-                description: ((_a = chatConfiguration == null ? void 0 : chatConfiguration.tooltipConfig) == null ? void 0 : _a.description) || '"Chat" allows you to collaborate with your companions on the go.',
-                title: ((_b = chatConfiguration == null ? void 0 : chatConfiguration.tooltipConfig) == null ? void 0 : _b.title) || "New feature",
+                description: ((_a = chatConfiguration == null ? void 0 : chatConfiguration.tooltipConfig) == null ? void 0 : _a.description) || t("table.header.chatDescription"),
+                title: ((_b = chatConfiguration == null ? void 0 : chatConfiguration.tooltipConfig) == null ? void 0 : _b.title) || t("table.header.newFeature"),
                 variant: "feature",
                 children: /* @__PURE__ */ jsx(
                   Button,
@@ -268,16 +270,23 @@ function TableHeader({
                 )
               }
             ),
-            showContentualFilter && /* @__PURE__ */ jsx(Tooltip, { title: showFilterStrip ? "Hide filter" : "Show filter", variant: "tertiary", children: /* @__PURE__ */ jsx(Badge, { invisible: !showContentualFilterBadge, variant: "dot", children: /* @__PURE__ */ jsx(
-              Button,
+            showContentualFilter && /* @__PURE__ */ jsx(
+              Tooltip,
               {
-                disabled: disableContextualFilter,
-                icon: showFilterStrip ? /* @__PURE__ */ jsx(default_1, {}) : /* @__PURE__ */ jsx(default_1$1, {}),
-                variant: "text",
-                onClick: handleFilterClick
+                title: showFilterStrip ? t("table.header.hideFilter") : t("table.header.showFilter"),
+                variant: "tertiary",
+                children: /* @__PURE__ */ jsx(Badge, { invisible: !showContentualFilterBadge, variant: "dot", children: /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    disabled: disableContextualFilter,
+                    icon: showFilterStrip ? /* @__PURE__ */ jsx(default_1, {}) : /* @__PURE__ */ jsx(default_1$1, {}),
+                    variant: "text",
+                    onClick: handleFilterClick
+                  }
+                ) })
               }
-            ) }) }),
-            isCommentFeatureEnabled && /* @__PURE__ */ jsx(Tooltip, { title: "Comment", variant: "tertiary", children: /* @__PURE__ */ jsx(Badge, { invisible: !showCommentBadge, variant: "dot", children: /* @__PURE__ */ jsx(
+            ),
+            isCommentFeatureEnabled && /* @__PURE__ */ jsx(Tooltip, { title: t("table.header.comment"), variant: "tertiary", children: /* @__PURE__ */ jsx(Badge, { invisible: !showCommentBadge, variant: "dot", children: /* @__PURE__ */ jsx(
               Button,
               {
                 ref: commentBtnRef,
@@ -289,7 +298,7 @@ function TableHeader({
                 onClick: handleCommentClick
               }
             ) }) }),
-            showDownloadButton && /* @__PURE__ */ jsx(Tooltip, { title: "Download", variant: "tertiary", children: /* @__PURE__ */ jsx(
+            showDownloadButton && /* @__PURE__ */ jsx(Tooltip, { title: t("table.header.download"), variant: "tertiary", children: /* @__PURE__ */ jsx(
               Button,
               {
                 "data-icon": "download",
@@ -299,7 +308,7 @@ function TableHeader({
               }
             ) }),
             customSystemButton && customSystemButton,
-            !hideTableSetting && /* @__PURE__ */ jsx(Tooltip, { title: "More", variant: "tertiary", children: /* @__PURE__ */ jsx(
+            !hideTableSetting && /* @__PURE__ */ jsx(Tooltip, { title: t("table.header.more"), variant: "tertiary", children: /* @__PURE__ */ jsx(
               Button,
               {
                 disabled: disableTableSettings,

package/dist/components/Table/tableMoreOptions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tableMoreOptions.d.ts","sourceRoot":"","sources":["../../../src/components/Table/tableMoreOptions.tsx"],"names":[],"mappings":"AAYA,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,QAAQ,EACR,YAAY,EACZ,uBAAuB,EACvB,iBAAiB,EACjB,SAAS,EACT,WAAW,EACX,SAAS,EACT,OAAO,EACP,eAAe,EACf,aAAa,EACb,gBAAgB,EAChB,oBAAoB,EACpB,OAAO,EACP,WAAW,EACX,gBAAgB,EAChB,mBAAmB,EACnB,mBAAmB,EACnB,qBAAqB,EACrB,2BAA2B,EAC3B,YAAY,EACZ,sBAAsB,EACtB,eAAe,EACf,eAAe,EACf,gBAAgB,EAChB,2BAA2B,EAC3B,iBAAiB,EACjB,kBAAkB,EAClB,aAAa,EACb,oBAAoB,EACpB,kBAAkB,EAClB,iBAAiB,EACjB,mBAAmB,EACnB,qBAAqB,EACrB,mBAAmB,EACnB,oBAAoB,EACpB,YAAY,EACZ,iBAAiB,EACjB,sBAAsB,EACtB,wBAAwB,EACxB,oBAAoB,EACpB,2BAA2B,EAC3B,mBAAmB,EACnB,oBAAoB,EACpB,2BAA2B,EAC3B,kBAAkB,EAClB,0BAA0B,EAC1B,oBAAoB,EACpB,kBAAkB,EAClB,kBAAyB,GAC1B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAA,2CA+QA"}
+{"version":3,"file":"tableMoreOptions.d.ts","sourceRoot":"","sources":["../../../src/components/Table/tableMoreOptions.tsx"],"names":[],"mappings":"AAaA,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,QAAQ,EACR,YAAY,EACZ,uBAAuB,EACvB,iBAAiB,EACjB,SAAS,EACT,WAAW,EACX,SAAS,EACT,OAAO,EACP,eAAe,EACf,aAAa,EACb,gBAAgB,EAChB,oBAAoB,EACpB,OAAO,EACP,WAAW,EACX,gBAAgB,EAChB,mBAAmB,EACnB,mBAAmB,EACnB,qBAAqB,EACrB,2BAA2B,EAC3B,YAAY,EACZ,sBAAsB,EACtB,eAAe,EACf,eAAe,EACf,gBAAgB,EAChB,2BAA2B,EAC3B,iBAAiB,EACjB,kBAAkB,EAClB,aAAa,EACb,oBAAoB,EACpB,kBAAkB,EAClB,iBAAiB,EACjB,mBAAmB,EACnB,qBAAqB,EACrB,mBAAmB,EACnB,oBAAoB,EACpB,YAAY,EACZ,iBAAiB,EACjB,sBAAsB,EACtB,wBAAwB,EACxB,oBAAoB,EACpB,2BAA2B,EAC3B,mBAAmB,EACnB,oBAAoB,EACpB,2BAA2B,EAC3B,kBAAkB,EAClB,0BAA0B,EAC1B,oBAAoB,EACpB,kBAAkB,EAClB,kBAAyB,GAC1B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAA,2CAkRA"}

package/dist/components/Table/tableMoreOptions.js

@@ -3,6 +3,7 @@ import { useState, useEffect } from "react";
 import { getAssetUrl } from "../../utils/assetBase.js";
 import TableSettings from "./tableSettings.js";
 import { Button } from "../Button/index.js";
+import { useTranslation } from "../../i18n/useTranslation.js";
 const tableSettingsIcon = getAssetUrl("icons/tableSettingIcon.svg");
 const tableSortIcon = getAssetUrl("icons/tableSortIcon.svg");
 function TableMoreOptions({
@@ -57,6 +58,7 @@ function TableMoreOptions({
   advanceSortEnabled = true
 }) {
   var _a, _b, _c;
+  const { t } = useTranslation();
   const [showDensityMenu, setShowDensityMenu] = useState(false);
   const [isExpand, setIsExpand] = useState(false);
   const [showEditableCells, setShowEditableCells] = useState(false);
@@ -132,7 +134,7 @@ function TableMoreOptions({
                 },
                 children: [
                   /* @__PURE__ */ jsx("img", { alt: "tableOptionButtonIcon", src: tableSettingsIcon }),
-                  /* @__PURE__ */ jsx("span", { className: "table-settings-text", children: "Table Settings" })
+                  /* @__PURE__ */ jsx("span", { className: "table-settings-text", children: t("table.settings.title") })
                 ]
               }
             ),
@@ -149,7 +151,7 @@ function TableMoreOptions({
                       handleDensityMenuOpen(e);
                     }
                   },
-                  children: /* @__PURE__ */ jsx("span", { className: "table-settings-text", children: "Row size" })
+                  children: /* @__PURE__ */ jsx("span", { className: "table-settings-text", children: t("table.more.rowSize") })
                 }
               ),
               showDensityMenu && /* @__PURE__ */ jsxs("div", { className: "density-menu-container", children: [
@@ -171,7 +173,7 @@ function TableMoreOptions({
                         onContentDensityChange == null ? void 0 : onContentDensityChange("default");
                       }
                     },
-                    children: /* @__PURE__ */ jsx("span", { className: "density-menu-item-text", children: "Medium" })
+                    children: /* @__PURE__ */ jsx("span", { className: "density-menu-item-text", children: t("table.more.medium") })
                   }
                 ),
                 /* @__PURE__ */ jsx(
@@ -192,7 +194,7 @@ function TableMoreOptions({
                         onContentDensityChange == null ? void 0 : onContentDensityChange("compact");
                       }
                     },
-                    children: /* @__PURE__ */ jsx("span", { className: "density-menu-item-text", children: "Small" })
+                    children: /* @__PURE__ */ jsx("span", { className: "density-menu-item-text", children: t("table.more.small") })
                   }
                 ),
                 /* @__PURE__ */ jsx(
@@ -213,7 +215,7 @@ function TableMoreOptions({
                         onContentDensityChange == null ? void 0 : onContentDensityChange("comfort");
                       }
                     },
-                    children: /* @__PURE__ */ jsx("span", { className: "density-menu-item-text", children: "Large" })
+                    children: /* @__PURE__ */ jsx("span", { className: "density-menu-item-text", children: t("table.more.large") })
                   }
                 )
               ] })
@@ -236,7 +238,7 @@ function TableMoreOptions({
                 },
                 children: [
                   /* @__PURE__ */ jsx("img", { alt: "advance sort", src: tableSortIcon }),
-                  /* @__PURE__ */ jsx("span", { className: "table-settings-text", children: "Advance Sort" })
+                  /* @__PURE__ */ jsx("span", { className: "table-settings-text", children: t("table.sort.title") })
                 ]
               }
             ),
@@ -251,7 +253,7 @@ function TableMoreOptions({
                   setShowEditableCells(!showEditableCells);
                   handleShowHideEditableCells();
                 },
-                children: !showEditableCells ? "Hide editable cells" : "Show editable cells"
+                children: !showEditableCells ? t("table.more.hideEditableCells") : t("table.more.showEditableCells")
               }
             ) }) : null,
             isGroupRows ? /* @__PURE__ */ jsx("div", { className: "group-row-container", children: /* @__PURE__ */ jsx(
@@ -262,7 +264,7 @@ function TableMoreOptions({
                 "data-type": "table-icon",
                 variant: "secondary",
                 onClick: handleChange,
-                children: !isExpand ? "Expand all rows" : "Collapse all rows"
+                children: !isExpand ? t("table.more.expandAllRows") : t("table.more.collapseAllRows")
               }
             ) }) : null
           ] })

package/dist/components/Table/tablePagination.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tablePagination.d.ts","sourceRoot":"","sources":["../../../src/components/Table/tablePagination.tsx"],"names":[],"mappings":"AAMA,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,0BAA0B,GAC3B;;;;;CAAA,2CAqDA"}
+{"version":3,"file":"tablePagination.d.ts","sourceRoot":"","sources":["../../../src/components/Table/tablePagination.tsx"],"names":[],"mappings":"AAOA,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,0BAA0B,GAC3B;;;;;CAAA,2CAqEA"}