impact-ui 4.0.16 → 4.0.17

package/dist/components/TableOld/tableFunctions.js

@@ -160,7 +160,7 @@ const getMainMenuItems = (params) => {
         action: () => onNumberFormatChange("billion")
       }
     ],
-    disabled: !onFontSizeChange
+    disabled: !onNumberFormatChange
   });
   columnMenuItems.push({
     name: t("table.menu.fontSize"),
@@ -178,7 +178,7 @@ const getMainMenuItems = (params) => {
         action: () => onFontSizeChange("large")
       }
     ],
-    disabled: !onNumberFormatChange
+    disabled: !onFontSizeChange
   });
   return columnMenuItems;
 };

package/dist/components/shared/tableColumnSettings/columnsSettingsColumnRow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"columnsSettingsColumnRow.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/tableColumnSettings/columnsSettingsColumnRow.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqC,MAAM,OAAO,CAAC;AAS1D,eAAO,MAAM,gBAAgB,GAAI,SAAI,QACqB,CAAC;AAE3D,+FAA+F;AAC/F,eAAO,MAAM,2BAA2B,KAAK,CAAC;AAC9C,eAAO,MAAM,kCAAkC,KAAK,CAAC;AACrD,eAAO,MAAM,kCAAkC,KAAK,CAAC;AAoLrD,kFAAkF;AAClF,eAAO,MAAM,kBAAkB,oCAqDN,CAAC;AAE1B,+EAA+E;AAC/E,eAAO,MAAM,gBAAgB,oCAgC3B,CAAC"}
+{"version":3,"file":"columnsSettingsColumnRow.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/tableColumnSettings/columnsSettingsColumnRow.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqC,MAAM,OAAO,CAAC;AAU1D,eAAO,MAAM,gBAAgB,GAAI,SAAI,QACqB,CAAC;AAE3D,+FAA+F;AAC/F,eAAO,MAAM,2BAA2B,KAAK,CAAC;AAC9C,eAAO,MAAM,kCAAkC,KAAK,CAAC;AACrD,eAAO,MAAM,kCAAkC,KAAK,CAAC;AAyLrD,kFAAkF;AAClF,eAAO,MAAM,kBAAkB,oCAqDN,CAAC;AAE1B,+EAA+E;AAC/E,eAAO,MAAM,gBAAgB,oCAgC3B,CAAC"}

package/dist/components/shared/tableColumnSettings/columnsSettingsColumnRow.js

@@ -5,6 +5,7 @@ import { CSS } from "@dnd-kit/utilities";
 import default_1 from "../../../node_modules/@mui/icons-material/KeyboardArrowRight.js";
 import default_1$1 from "../../../node_modules/@mui/icons-material/KeyboardArrowUp.js";
 import { Checkbox } from "../../Checkbox/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 capitalizeHeader = (name) => name ? name.charAt(0).toUpperCase() + name.slice(1) : "";
@@ -32,6 +33,7 @@ const ColumnRowContent = memo(function ColumnRowContent2({
   dragHandleProps,
   isOverlay
 }) {
+  const { t } = useTranslation();
   const rowStyle = useMemo(
     () => ({
       ["--indent-level"]: level,
@@ -115,7 +117,7 @@ const ColumnRowContent = memo(function ColumnRowContent2({
       "aria-checked": isIndeterminate ? "mixed" : checkboxChecked,
       "aria-expanded": hasChildren ? !isCollapsed : void 0,
       "aria-label": column.headerName,
-      "aria-roledescription": !isOverlay && dragHandleProps ? "sortable column" : void 0,
+      "aria-roledescription": !isOverlay && dragHandleProps ? t("table.columns.sortableRole") : void 0,
       "aria-selected": !!checkboxChecked,
       className: rowClassName,
       "data-col-id": column.colId,
@@ -128,7 +130,7 @@ const ColumnRowContent = memo(function ColumnRowContent2({
           reserveCollapseSlot && /* @__PURE__ */ jsx("span", { "aria-hidden": !hasChildren, className: "table-setting-column-collapse-slot", children: hasChildren ? /* @__PURE__ */ jsx(
             IconButton,
             {
-              "aria-label": isCollapsed ? "Expand column group" : "Collapse column group",
+              "aria-label": isCollapsed ? t("table.columns.expandGroup") : t("table.columns.collapseGroup"),
               className: "table-setting-column-collapse-btn",
               onClick: handleCollapseClick,
               children: isCollapsed ? /* @__PURE__ */ jsx(default_1, {}) : /* @__PURE__ */ jsx(default_1$1, {})
@@ -150,7 +152,7 @@ const ColumnRowContent = memo(function ColumnRowContent2({
             {
               className: "table-setting-column-drag-handle",
               ...dragHandleProps,
-              "aria-label": `Reorder ${column.headerName}`,
+              "aria-label": t("table.columns.reorder", { name: column.headerName }),
               children: /* @__PURE__ */ jsx(DragIndicator, { className: dragIconClass })
             }
           ),

package/dist/components/shared/tableColumnSettings/columnsSettingsVirtualList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"columnsSettingsVirtualList.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/tableColumnSettings/columnsSettingsVirtualList.tsx"],"names":[],"mappings":"AACA;;;GAGG;AACH,OAAO,KAAgE,MAAM,OAAO,CAAC;AAIrF,sFAAsF;AACtF,eAAO,MAAM,mBAAmB,KAAK,CAAC;AAEtC,yFAAyF;AACzF,eAAO,MAAM,6BAA6B,MAAM,CAAC;AAEjD,eAAO,MAAM,+BAA+B,MAAM,CAAC;AACnD,eAAO,MAAM,+BAA+B,MAAM,CAAC;AAYnD,gGAAgG;AAChG,eAAO,MAAM,uBAAuB,GAAI,WAAM,EAAE,YAAO,YAatD,CAAC;AAEF,wFAAwF;AACxF,eAAO,MAAM,kBAAkB,GAAI,iBAAY,kBAwB9C,CAAC;AAEF,oFAAoF;AACpF,eAAO,MAAM,iBAAiB,GAAI,YAAO,EAAE,iBAAY,EAAE,YAAO,UAe/D,CAAC;AAEF,+EAA+E;AAC/E,eAAO,MAAM,0BAA0B,GAAI;;;;;CAK1C;;;CAuCA,CAAC;AAiDF,eAAO,MAAM,eAAe,+DAAwC,CAAC;AACrE,eAAO,MAAM,mBAAmB,+DAA4C,CAAC;AAO7E;;;GAGG;AACH,eAAO,MAAM,iBAAiB,GAAI;;;;;;;CAOjC,mDAyIA,CAAC"}
+{"version":3,"file":"columnsSettingsVirtualList.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/tableColumnSettings/columnsSettingsVirtualList.tsx"],"names":[],"mappings":"AACA;;;GAGG;AACH,OAAO,KAAgE,MAAM,OAAO,CAAC;AAKrF,sFAAsF;AACtF,eAAO,MAAM,mBAAmB,KAAK,CAAC;AAEtC,yFAAyF;AACzF,eAAO,MAAM,6BAA6B,MAAM,CAAC;AAEjD,eAAO,MAAM,+BAA+B,MAAM,CAAC;AACnD,eAAO,MAAM,+BAA+B,MAAM,CAAC;AAYnD,gGAAgG;AAChG,eAAO,MAAM,uBAAuB,GAAI,WAAM,EAAE,YAAO,YAatD,CAAC;AAEF,wFAAwF;AACxF,eAAO,MAAM,kBAAkB,GAAI,iBAAY,kBAwB9C,CAAC;AAEF,oFAAoF;AACpF,eAAO,MAAM,iBAAiB,GAAI,YAAO,EAAE,iBAAY,EAAE,YAAO,UAe/D,CAAC;AAEF,+EAA+E;AAC/E,eAAO,MAAM,0BAA0B,GAAI;;;;;CAK1C;;;CAuCA,CAAC;AAkDF,eAAO,MAAM,eAAe,+DAA8C,CAAC;AAC3E,eAAO,MAAM,mBAAmB,+DAAkD,CAAC;AAOnF;;;GAGG;AACH,eAAO,MAAM,iBAAiB,GAAI;;;;;;;CAOjC,mDAyIA,CAAC"}

package/dist/components/shared/tableColumnSettings/columnsSettingsVirtualList.js

@@ -2,6 +2,7 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import React__default, { useRef, useCallback, useEffect, useLayoutEffect, memo } from "react";
 import { FixedSizeList } from "react-window";
 import { SortableColumnItem, NestedColumnItem } from "./columnsSettingsColumnRow.js";
+import { useTranslation } from "../../../i18n/useTranslation.js";
 const SETTINGS_ROW_HEIGHT = 28;
 const SETTINGS_VIRTUALIZE_THRESHOLD = 300;
 const SETTINGS_FROZEN_LIST_MAX_HEIGHT = 204;
@@ -129,13 +130,16 @@ const VirtualizedColumnRow = memo(function VirtualizedColumnRow2({ index, style,
   return /* @__PURE__ */ jsx("div", { className: "table-setting-column-virtual-row", style, children: column.isVisible !== false ? /* @__PURE__ */ jsx(SortableColumnItem, { ...rowProps, onKeyboardReorder: data.onKeyboardReorder }) : /* @__PURE__ */ jsx(NestedColumnItem, { ...rowProps }) });
 });
 const getVirtualRowKey = (index, data) => data.rows[index].column.colId;
-const createTreeListOuter = (ariaLabel) => {
-  const TreeListOuter = React__default.forwardRef((props, ref) => /* @__PURE__ */ jsx("div", { ref, "aria-label": ariaLabel, role: "tree", ...props }));
-  TreeListOuter.displayName = `TreeListOuter(${ariaLabel})`;
+const createTreeListOuter = (labelKey) => {
+  const TreeListOuter = React__default.forwardRef((props, ref) => {
+    const { t } = useTranslation();
+    return /* @__PURE__ */ jsx("div", { ref, "aria-label": t(labelKey), role: "tree", ...props });
+  });
+  TreeListOuter.displayName = `TreeListOuter(${labelKey})`;
   return TreeListOuter;
 };
-const FrozenListOuter = createTreeListOuter("Frozen columns");
-const ScrollableListOuter = createTreeListOuter("Scrollable columns");
+const FrozenListOuter = createTreeListOuter("table.columns.frozen");
+const ScrollableListOuter = createTreeListOuter("table.columns.scrollable");
 const getScrollRange = (el) => Math.max(0, el.scrollHeight - el.clientHeight);
 const getListScrollRange = (rowCount, viewportHeight) => Math.max(0, rowCount * SETTINGS_ROW_HEIGHT - viewportHeight);
 const VirtualColumnList = ({

package/dist/components/shared/tableColumnSettings/columnsTabV36.d.ts

@@ -1,4 +1,2 @@
-import { default as React } from 'react';
-
-export declare const ColumnsV36: React.ForwardRefExoticComponent<React.RefAttributes<unknown>>;
+export declare const ColumnsV36: import('react').ForwardRefExoticComponent<import('react').RefAttributes<unknown>>;
 //# sourceMappingURL=columnsTabV36.d.ts.map

package/dist/components/shared/tableColumnSettings/columnsTabV36.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"columnsTabV36.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/tableColumnSettings/columnsTabV36.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAQN,MAAM,OAAO,CAAC;AAwff,eAAO,MAAM,UAAU,+DA27CrB,CAAC"}
+{"version":3,"file":"columnsTabV36.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/tableColumnSettings/columnsTabV36.tsx"],"names":[],"mappings":"AAugBA,eAAO,MAAM,UAAU,mFA48CrB,CAAC"}

package/dist/components/shared/tableColumnSettings/columnsTabV36.js

@@ -21,6 +21,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");
@@ -228,6 +229,7 @@ const mouseSensorOptions = { activationConstraint: { distance: 5 } };
 const touchSensorOptions = { activationConstraint: { delay: 200, tolerance: 5 } };
 const ColumnsV36 = forwardRef((props, ref) => {
   var _a, _b, _c, _d, _e, _f;
+  const { t } = useTranslation();
   const [frozenColumn, setFrozenColumn] = useState([]);
   const [scrollableColumn, setScrollableColumn] = useState([]);
   const [searchInputValue, setSearchInputValue] = useState("");
@@ -603,11 +605,14 @@ const ColumnsV36 = forwardRef((props, ref) => {
       [colId]: !prev[colId]
     }));
   }, []);
-  const announceReorder = useCallback((colId, direction) => {
-    const el = reorderLiveRegionRef.current;
-    if (!el) return;
-    el.textContent = `Moved ${colId} ${direction === -1 ? "up" : "down"}`;
-  }, []);
+  const announceReorder = useCallback(
+    (colId, direction) => {
+      const el = reorderLiveRegionRef.current;
+      if (!el) return;
+      el.textContent = direction === -1 ? t("table.columns.reorderMovedUp", { name: colId }) : t("table.columns.reorderMovedDown", { name: colId });
+    },
+    [t]
+  );
   const commitColumnReorder = useCallback(
     ({ frozenOrder, scrollableOrder, pinChanges, childReorder, announce }) => {
       var _a2;
@@ -1050,13 +1055,13 @@ const ColumnsV36 = 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"
           }
         ),
@@ -1081,16 +1086,16 @@ const ColumnsV36 = 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: [
@@ -1098,7 +1103,7 @@ const ColumnsV36 = forwardRef((props, ref) => {
           Badge,
           {
             color: selectedBadge === "All" ? "info" : "default",
-            label: "All",
+            label: t("table.views.all"),
             size: "small",
             variant: "stroke",
             onClick: () => {
@@ -1130,7 +1135,7 @@ const ColumnsV36 = forwardRef((props, ref) => {
         Input,
         {
           leftIcon: /* @__PURE__ */ jsx(default_1$2, {}),
-          placeholder: "Search here...",
+          placeholder: t("table.views.searchPlaceholder"),
           value: saveViewSearchText,
           onChange: handleSaveViewSearchChange
         }
@@ -1140,7 +1145,7 @@ const ColumnsV36 = 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,
@@ -1243,7 +1248,7 @@ const ColumnsV36 = forwardRef((props, ref) => {
               setOpenSaveViewMenu(false);
               setFilteredSavedViewsOptions([...savedViewsOptions]);
             },
-            children: "Cancel"
+            children: t("common.cancel")
           }
         ),
         /* @__PURE__ */ jsx(
@@ -1258,7 +1263,7 @@ const ColumnsV36 = forwardRef((props, ref) => {
               updateColumnState();
               setOpenSaveViewMenu(false);
             },
-            children: "Apply"
+            children: t("common.apply")
           }
         )
       ] })
@@ -1269,20 +1274,23 @@ const ColumnsV36 = 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",
             {
@@ -1291,12 +1299,12 @@ const ColumnsV36 = 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) => {
@@ -1306,7 +1314,7 @@ const ColumnsV36 = 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,
                     {
@@ -1327,13 +1335,13 @@ const ColumnsV36 = 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,
                   {
@@ -1343,7 +1351,7 @@ const ColumnsV36 = 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,
@@ -1365,13 +1373,13 @@ const ColumnsV36 = 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;
@@ -1389,7 +1397,7 @@ const ColumnsV36 = forwardRef((props, ref) => {
       /* @__PURE__ */ jsx("span", { className: "table-setting-column-collapse-slot", children: /* @__PURE__ */ jsx(
         IconButton,
         {
-          "aria-label": collapsedColumn ? "Expand columns" : "Collapse columns",
+          "aria-label": collapsedColumn ? t("table.columns.expandColumns") : t("table.columns.collapseColumns"),
           className: "table-setting-column-collapse-btn",
           onClick: toggleColumnCollapse,
           children: collapsedColumn ? /* @__PURE__ */ jsx(default_1$3, {}) : /* @__PURE__ */ jsx(default_1, {})
@@ -1399,7 +1407,7 @@ const ColumnsV36 = forwardRef((props, ref) => {
         /* @__PURE__ */ jsx(
           Checkbox,
           {
-            "aria-label": "Toggle all columns",
+            "aria-label": t("table.columns.toggleAll"),
             checked: allCheckState.checked,
             variant: allCheckState.indeterminate ? "dashed" : "default",
             onChange: onAllColumnCheckBoxChange
@@ -1408,7 +1416,7 @@ const ColumnsV36 = forwardRef((props, ref) => {
         /* @__PURE__ */ jsx(
           Input,
           {
-            placeholder: "Search",
+            placeholder: t("common.search"),
             rightIcon: /* @__PURE__ */ jsx(default_1$2, {}),
             value: searchInputValue,
             onChange: handleSearchChange
@@ -1434,7 +1442,7 @@ const ColumnsV36 = forwardRef((props, ref) => {
             children: [
               /* @__PURE__ */ jsxs(SortableContext, { items: sortableItems, 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") }),
                   shouldVirtualize ? /* @__PURE__ */ jsx(
                     VirtualColumnList,
                     {
@@ -1448,7 +1456,7 @@ const ColumnsV36 = forwardRef((props, ref) => {
                   ) : /* @__PURE__ */ jsx(
                     "div",
                     {
-                      "aria-label": "Frozen columns",
+                      "aria-label": t("table.columns.frozen"),
                       className: "table-setting-frozen-columns-list",
                       role: "tree",
                       children: filteredFrozenColumns.map(
@@ -1458,14 +1466,14 @@ const ColumnsV36 = forwardRef((props, ref) => {
                   )
                 ] }),
                 /* @__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__ */ jsxs("div", { className: "table-setting-column-leading", children: [
                         /* @__PURE__ */ jsx("span", { className: "table-setting-column-collapse-slot", children: /* @__PURE__ */ jsx(
                           IconButton,
                           {
-                            "aria-label": collapsedScrollable ? "Expand scrollable columns" : "Collapse scrollable columns",
+                            "aria-label": collapsedScrollable ? t("table.columns.expandScrollable") : t("table.columns.collapseScrollable"),
                             className: "table-setting-column-collapse-btn",
                             onClick: toggleScrollableCollapse,
                             children: collapsedScrollable ? /* @__PURE__ */ jsx(default_1$3, {}) : /* @__PURE__ */ jsx(default_1, {})
@@ -1474,14 +1482,14 @@ const ColumnsV36 = forwardRef((props, ref) => {
                         /* @__PURE__ */ jsx(
                           Checkbox,
                           {
-                            "aria-label": "Toggle main columns",
+                            "aria-label": t("table.columns.toggleMain"),
                             checked: mainCheckState.checked,
                             variant: mainCheckState.indeterminate ? "dashed" : "default",
                             onChange: onMainCheckboxChange
                           }
                         )
                       ] }),
-                      /* @__PURE__ */ jsx("span", { className: "table-setting-column-name", children: "Main Column" })
+                      /* @__PURE__ */ jsx("span", { className: "table-setting-column-name", children: t("table.columns.main") })
                     ] }),
                     shouldVirtualize ? /* @__PURE__ */ jsx(
                       VirtualColumnList,
@@ -1496,7 +1504,7 @@ const ColumnsV36 = forwardRef((props, ref) => {
                     ) : /* @__PURE__ */ jsx(
                       "div",
                       {
-                        "aria-label": "Scrollable columns",
+                        "aria-label": t("table.columns.scrollable"),
                         className: "table-setting-scroll-inner-column-list",
                         role: "tree",
                         children: !collapsedScrollable && filteredScrollableColumns.map(

package/dist/components/shared/tableColumnSettings/tableSettingsV36.d.ts

@@ -34,7 +34,7 @@ export default function TableSettings({ showMenu, Columns, actualRef, tableFontS
     onTableSettingClick: any;
     deleteViewPromptText: any;
     isViewNameUniqueAcrossTypes: any;
-    tableSettingsTitle?: string | undefined;
+    tableSettingsTitle: any;
     registerTableSettingToggle: any;
     numericFormatDefault: any;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/components/shared/tableColumnSettings/tableSettingsV36.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tableSettingsV36.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/tableColumnSettings/tableSettingsV36.tsx"],"names":[],"mappings":"AASA,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,QAAQ,EACR,OAAO,EACP,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,eAAe,EACf,oBAAoB,EACpB,OAAO,EACP,WAAW,EACX,gBAAgB,EAChB,mBAAmB,EACnB,mBAAmB,EACnB,YAAY,EACZ,sBAAsB,EACtB,eAAe,EACf,eAAe,EACf,gBAAgB,EAChB,iBAAiB,EACjB,kBAAkB,EAClB,aAAa,EACb,oBAAoB,EACpB,kBAAkB,EAClB,iBAAiB,EACjB,mBAAmB,EACnB,qBAAqB,EACrB,mBAAmB,EACnB,oBAAoB,EACpB,iBAAiB,EACjB,YAAY,EACZ,wBAAwB,EACxB,oBAAoB,EACpB,2BAA2B,EAC3B,mBAAmB,EACnB,oBAAoB,EACpB,2BAA2B,EAC3B,kBAAqC,EACrC,0BAA0B,EAC1B,oBAAoB,GACrB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAA,2CA8OA"}
+{"version":3,"file":"tableSettingsV36.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/tableColumnSettings/tableSettingsV36.tsx"],"names":[],"mappings":"AASA,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,QAAQ,EACR,OAAO,EACP,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,eAAe,EACf,oBAAoB,EACpB,OAAO,EACP,WAAW,EACX,gBAAgB,EAChB,mBAAmB,EACnB,mBAAmB,EACnB,YAAY,EACZ,sBAAsB,EACtB,eAAe,EACf,eAAe,EACf,gBAAgB,EAChB,iBAAiB,EACjB,kBAAkB,EAClB,aAAa,EACb,oBAAoB,EACpB,kBAAkB,EAClB,iBAAiB,EACjB,mBAAmB,EACnB,qBAAqB,EACrB,mBAAmB,EACnB,oBAAoB,EACpB,iBAAiB,EACjB,YAAY,EACZ,wBAAwB,EACxB,oBAAoB,EACpB,2BAA2B,EAC3B,mBAAmB,EACnB,oBAAoB,EACpB,2BAA2B,EAC3B,kBAAkB,EAClB,0BAA0B,EAC1B,oBAAoB,GACrB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAA,2CA6OA"}

package/dist/components/shared/tableColumnSettings/tableSettingsV36.js

@@ -42,10 +42,11 @@ function TableSettings({
   onTableSettingClick,
   deleteViewPromptText,
   isViewNameUniqueAcrossTypes,
-  tableSettingsTitle = "Table Settings",
+  tableSettingsTitle,
   registerTableSettingToggle,
   numericFormatDefault
 }) {
+  const { t } = useTranslation();
   const [selectedMenuTab, setSelectedMenuTab] = useState("Columns");
   const [numericFormat, setNumericFormat] = useState(numericFormatDefault || "full_no");
   const showTableSettingRef = useRef(showTableSetting);
@@ -157,17 +158,17 @@ function TableSettings({
   const tabNames = useMemo(
     () => [
       {
-        label: selectedMenuTab === "Columns" ? "Columns" : "",
+        label: selectedMenuTab === "Columns" ? t("table.settings.columns") : "",
         value: "Columns",
         icon: /* @__PURE__ */ jsx(default_1, { fontSize: "small" })
       },
       !hideTableFormat && {
-        label: selectedMenuTab === "Format" ? "Format" : "",
+        label: selectedMenuTab === "Format" ? t("table.settings.format") : "",
         value: "Format",
         icon: /* @__PURE__ */ jsx(default_1$1, { fontSize: "small" })
       },
       !hideTableActions && {
-        label: selectedMenuTab === "Actions" ? "Actions" : "",
+        label: selectedMenuTab === "Actions" ? t("table.settings.actions") : "",
         value: "Actions",
         icon: /* @__PURE__ */ jsx(default_1$2, {})
       },
@@ -179,7 +180,7 @@ function TableSettings({
         };
       }) : []
     ].filter(Boolean),
-    [selectedMenuTab, hideTableFormat, hideTableActions, customTabInTableSettings]
+    [selectedMenuTab, hideTableFormat, hideTableActions, customTabInTableSettings, t]
   );
   const handleTabChange = useCallback(
     (_event, val) => {
@@ -224,7 +225,6 @@ function TableSettings({
     setTableSettingOpen,
     onTableSettingClick
   ]);
-  const { t } = useTranslation();
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -271,26 +271,27 @@ const TableFormat = React__default.memo(function TableFormat2({
   hideNumericFormat,
   hideFontSize
 }) {
+  const { t } = useTranslation();
   const fontSizeOptions = useMemo(
     () => [
-      { label: "Small", value: "small" },
-      { label: "Medium (default)", value: "medium" },
-      { label: "Large", value: "large" }
+      { label: t("table.more.small"), value: "small" },
+      { label: t("table.settings.mediumDefault"), value: "medium" },
+      { label: t("table.more.large"), value: "large" }
     ],
-    []
+    [t]
   );
   const numericOptions = useMemo(
     () => [
-      { label: "Full Number", value: "full_no" },
-      { label: "In K (Thousands)", value: "thou" },
-      { label: "In M (Millions)", value: "mil" },
-      { label: "In B (Billions)", value: "bil" }
+      { label: t("table.menu.fullNumber"), value: "full_no" },
+      { label: t("table.settings.inKThousands"), value: "thou" },
+      { label: t("table.settings.inMMillions"), value: "mil" },
+      { label: t("table.settings.inBBillions"), value: "bil" }
     ],
-    []
+    [t]
   );
   return /* @__PURE__ */ jsxs("div", { className: "table-setting-format-settings", children: [
     !hideFontSize && /* @__PURE__ */ jsxs("div", { className: "table-setting-font-size-setting-container", children: [
-      /* @__PURE__ */ jsx("h3", { className: "custom-menu-sub-header", children: "Font size" }),
+      /* @__PURE__ */ jsx("h3", { className: "custom-menu-sub-header", children: t("table.settings.fontSize") }),
       /* @__PURE__ */ jsx(
         RadioButtonGroup,
         {
@@ -304,7 +305,7 @@ const TableFormat = React__default.memo(function TableFormat2({
       )
     ] }),
     !hideNumericFormat && /* @__PURE__ */ jsxs("div", { className: "table-setting-number-format-setting-container", children: [
-      /* @__PURE__ */ jsx("h3", { className: "custom-menu-sub-header", children: "Numeric Values" }),
+      /* @__PURE__ */ jsx("h3", { className: "custom-menu-sub-header", children: t("table.menu.numericValues") }),
       /* @__PURE__ */ jsx(
         RadioButtonGroup,
         {

package/dist/locales/de-DE.json.d.ts

@@ -185,6 +185,18 @@ declare const _default: {
   "table.columns.frozen": "Fixierte Spalten",
   "table.columns.scrollable": "Scrollbare Spalten",
   "table.columns.main": "Hauptspalte",
+  "table.columns.expandColumns": "Spalten einblenden",
+  "table.columns.collapseColumns": "Spalten ausblenden",
+  "table.columns.expandScrollable": "Scrollbare Spalten einblenden",
+  "table.columns.collapseScrollable": "Scrollbare Spalten ausblenden",
+  "table.columns.toggleAll": "Alle Spalten umschalten",
+  "table.columns.toggleMain": "Hauptspalten umschalten",
+  "table.columns.expandGroup": "Spaltengruppe einblenden",
+  "table.columns.collapseGroup": "Spaltengruppe ausblenden",
+  "table.columns.reorder": "{name} neu anordnen",
+  "table.columns.sortableRole": "sortierbare Spalte",
+  "table.columns.reorderMovedUp": "{name} nach oben verschoben",
+  "table.columns.reorderMovedDown": "{name} nach unten verschoben",
 
   "table.views.none": "Noch keine Ansichten gespeichert",
   "table.views.notApplicable": "Nicht zutreffend",

package/dist/locales/de-DE.json.js

@@ -169,6 +169,18 @@ const deDE = {
   "table.columns.frozen": "Fixierte Spalten",
   "table.columns.scrollable": "Scrollbare Spalten",
   "table.columns.main": "Hauptspalte",
+  "table.columns.expandColumns": "Spalten einblenden",
+  "table.columns.collapseColumns": "Spalten ausblenden",
+  "table.columns.expandScrollable": "Scrollbare Spalten einblenden",
+  "table.columns.collapseScrollable": "Scrollbare Spalten ausblenden",
+  "table.columns.toggleAll": "Alle Spalten umschalten",
+  "table.columns.toggleMain": "Hauptspalten umschalten",
+  "table.columns.expandGroup": "Spaltengruppe einblenden",
+  "table.columns.collapseGroup": "Spaltengruppe ausblenden",
+  "table.columns.reorder": "{name} neu anordnen",
+  "table.columns.sortableRole": "sortierbare Spalte",
+  "table.columns.reorderMovedUp": "{name} nach oben verschoben",
+  "table.columns.reorderMovedDown": "{name} nach unten verschoben",
   "table.views.none": "Noch keine Ansichten gespeichert",
   "table.views.notApplicable": "Nicht zutreffend",
   "table.views.saveView": "Ansicht speichern",

package/dist/locales/en-US.json.d.ts

@@ -185,6 +185,18 @@ declare const _default: {
   "table.columns.frozen": "Frozen columns",
   "table.columns.scrollable": "Scrollable Columns",
   "table.columns.main": "Main Column",
+  "table.columns.expandColumns": "Expand columns",
+  "table.columns.collapseColumns": "Collapse columns",
+  "table.columns.expandScrollable": "Expand scrollable columns",
+  "table.columns.collapseScrollable": "Collapse scrollable columns",
+  "table.columns.toggleAll": "Toggle all columns",
+  "table.columns.toggleMain": "Toggle main columns",
+  "table.columns.expandGroup": "Expand column group",
+  "table.columns.collapseGroup": "Collapse column group",
+  "table.columns.reorder": "Reorder {name}",
+  "table.columns.sortableRole": "sortable column",
+  "table.columns.reorderMovedUp": "Moved {name} up",
+  "table.columns.reorderMovedDown": "Moved {name} down",
 
   "table.views.none": "No views saved yet",
   "table.views.notApplicable": "Not Applicable",

package/dist/locales/en-US.json.js

@@ -169,6 +169,18 @@ const enUS = {
   "table.columns.frozen": "Frozen columns",
   "table.columns.scrollable": "Scrollable Columns",
   "table.columns.main": "Main Column",
+  "table.columns.expandColumns": "Expand columns",
+  "table.columns.collapseColumns": "Collapse columns",
+  "table.columns.expandScrollable": "Expand scrollable columns",
+  "table.columns.collapseScrollable": "Collapse scrollable columns",
+  "table.columns.toggleAll": "Toggle all columns",
+  "table.columns.toggleMain": "Toggle main columns",
+  "table.columns.expandGroup": "Expand column group",
+  "table.columns.collapseGroup": "Collapse column group",
+  "table.columns.reorder": "Reorder {name}",
+  "table.columns.sortableRole": "sortable column",
+  "table.columns.reorderMovedUp": "Moved {name} up",
+  "table.columns.reorderMovedDown": "Moved {name} down",
   "table.views.none": "No views saved yet",
   "table.views.notApplicable": "Not Applicable",
   "table.views.saveView": "Save View",

package/dist/locales/es-ES.json.d.ts

@@ -185,6 +185,18 @@ declare const _default: {
   "table.columns.frozen": "Columnas fijadas",
   "table.columns.scrollable": "Columnas desplazables",
   "table.columns.main": "Columna principal",
+  "table.columns.expandColumns": "Expandir columnas",
+  "table.columns.collapseColumns": "Contraer columnas",
+  "table.columns.expandScrollable": "Expandir columnas desplazables",
+  "table.columns.collapseScrollable": "Contraer columnas desplazables",
+  "table.columns.toggleAll": "Alternar todas las columnas",
+  "table.columns.toggleMain": "Alternar columnas principales",
+  "table.columns.expandGroup": "Expandir grupo de columnas",
+  "table.columns.collapseGroup": "Contraer grupo de columnas",
+  "table.columns.reorder": "Reordenar {name}",
+  "table.columns.sortableRole": "columna ordenable",
+  "table.columns.reorderMovedUp": "Se movió {name} hacia arriba",
+  "table.columns.reorderMovedDown": "Se movió {name} hacia abajo",
 
   "table.views.none": "Aún no hay vistas guardadas",
   "table.views.notApplicable": "No aplicable",