impact-ui 4.0.16 → 4.0.17-alpha.2

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

@@ -1,3 +1,5 @@
+import { default as React } from 'react';
+
 export default function TableSettings({ showMenu, Columns, actualRef, tableFontSize, setTableFontSize, handleMenuClick, onNumberFormatChange, colDefs, setShowMenu, showTableSetting, setShowTableSetting, setTableSettingOpen, tableActions, onTableActionsTabClick, showFilterStrip, hideTableFormat, hideTableActions, savedViewsOptions, handleSaveAndApply, maxSavedViews, handleSavedViewClick, handleEditSaveView, isSaveViewEnabled, isSavingViewLoading, handleDeleteViewClick, isDeleteViewLoading, handleSetDefaultView, hideNumericFormat, hideFontSize, customTabInTableSettings, saveViewCustomFilter, customRenderSaveViewContent, onTableSettingClick, deleteViewPromptText, isViewNameUniqueAcrossTypes, tableSettingsTitle, registerTableSettingToggle, numericFormatDefault, }: {
     showMenu: any;
     Columns: any;
@@ -34,8 +36,8 @@ 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;
+}): React.JSX.Element;
 //# sourceMappingURL=tableSettingsV36.d.ts.map

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":"AACA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAQjF,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,qBA6OA"}

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/i18n/I18nContext.d.ts

@@ -19,5 +19,5 @@ export interface I18nProviderProps {
     debugKeys?: boolean;
     children: ReactNode;
 }
-export declare function I18nProvider({ defaultLocale, loadMessages, debugKeys, children, }: I18nProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function I18nProvider({ defaultLocale, loadMessages, debugKeys, children, }: I18nProviderProps): import("react").JSX.Element;
 //# sourceMappingURL=I18nContext.d.ts.map

package/dist/i18n/I18nContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"I18nContext.d.ts","sourceRoot":"","sources":["../../src/i18n/I18nContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,OAAO,uBAAuB,CAAC;AAC/B,OAAO,uBAAuB,CAAC;AAI/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,EAAE,YAAY,EAA2B,MAAM,SAAS,CAAC;AAE/F;;;;;;;GAOG;AACH,eAAO,MAAM,WAAW,kDAA+C,CAAC;AAExE,MAAM,WAAW,iBAAiB;IAChC,4BAA4B;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,+EAA+E;IAC/E,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,8EAA8E;IAC9E,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,YAAY,CAAC,EAC3B,aAA2B,EAC3B,YAAyB,EACzB,SAAiB,EACjB,QAAQ,GACT,EAAE,iBAAiB,2CA4DnB"}
+{"version":3,"file":"I18nContext.d.ts","sourceRoot":"","sources":["../../src/i18n/I18nContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,OAAO,uBAAuB,CAAC;AAC/B,OAAO,uBAAuB,CAAC;AAI/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,EAAE,YAAY,EAA2B,MAAM,SAAS,CAAC;AAE/F;;;;;;;GAOG;AACH,eAAO,MAAM,WAAW,kDAA+C,CAAC;AAExE,MAAM,WAAW,iBAAiB;IAChC,4BAA4B;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,+EAA+E;IAC/E,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,8EAA8E;IAC9E,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,YAAY,CAAC,EAC3B,aAA2B,EAC3B,YAAyB,EACzB,SAAiB,EACjB,QAAQ,GACT,EAAE,iBAAiB,+BA4DnB"}

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",

package/dist/locales/es-ES.json.js

@@ -169,6 +169,18 @@ const esES = {
   "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",
   "table.views.saveView": "Guardar vista",