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

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

@@ -1,13 +1,11 @@
-import { default as React } from 'react';
-
-declare const CommentsPortal: ({ isOpen, onClose, comments, onAddComment, cellId, position, author, onMouseEnter, onMouseLeave, openedBy, onMenuClick, onMarkAsReadClick, onMarkAsResolvedClick, editCommentText, isLoading, error, onClearError, currentAuthor, editingComment, onUpdateComment, setEditingComment, loadParticipantsAvatar, resolvedComments, messageId, configuration, }: {
+declare const CommentsPortal: ({ isOpen, onClose, comments, onAddComment, cellId, position, author: authorProp, onMouseEnter, onMouseLeave, openedBy, onMenuClick, onMarkAsReadClick, onMarkAsResolvedClick, editCommentText, isLoading, error, onClearError, currentAuthor, editingComment, onUpdateComment, setEditingComment, loadParticipantsAvatar, resolvedComments, messageId, configuration, }: {
     isOpen: any;
     onClose: any;
     comments: any;
     onAddComment: any;
     cellId: any;
     position: any;
-    author?: string | undefined;
+    author: any;
     onMouseEnter: any;
     onMouseLeave: any;
     openedBy: any;
@@ -26,6 +24,6 @@ declare const CommentsPortal: ({ isOpen, onClose, comments, onAddComment, cellId
     resolvedComments?: never[] | undefined;
     messageId?: null | undefined;
     configuration: any;
-}) => React.ReactPortal | null;
+}) => import('react').ReactPortal | null;
 export default CommentsPortal;
 //# sourceMappingURL=CommentsPortal.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"CommentsPortal.d.ts","sourceRoot":"","sources":["../../../src/components/Table/CommentsPortal.tsx"],"names":[],"mappings":"AACA,OAAO,KAA+C,MAAM,OAAO,CAAC;AAepE,QAAA,MAAM,cAAc,GAAI;;;;;;;;;;;;;;;;;;;;;;;;;;CA0BvB,6BA4WA,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"CommentsPortal.d.ts","sourceRoot":"","sources":["../../../src/components/Table/CommentsPortal.tsx"],"names":[],"mappings":"AAiBA,QAAA,MAAM,cAAc,GAAI;;;;;;;;;;;;;;;;;;;;;;;;;;CA0BvB,uCA8WA,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/Table/CommentsPortal.js

@@ -3,11 +3,12 @@ import { useState, useRef, useEffect } from "react";
 import { MoreHorizontal as MoreHorizontal_default, SuccessFill as SuccessFill_default, SuccessGray as SuccessGray_default, Close as Close_default } from "../../node_modules/@impactsmartsuite/impact-icons/dist/index.js";
 import moment from "moment";
 import { createPortal } from "react-dom";
+import { getUserAvatarColor } from "../../utils/avatarColor.js";
+import { toInnerHTML } from "../../utils/html.js";
 import { Avatar } from "../Avatar/index.js";
 import { Button } from "../Button/index.js";
 import NoComments from "./NoComments.js";
-import { getUserAvatarColor } from "../../utils/avatarColor.js";
-import { toInnerHTML } from "../../utils/html.js";
+import { useTranslation } from "../../i18n/useTranslation.js";
 const CommentsPortal = ({
   isOpen,
   onClose,
@@ -15,7 +16,7 @@ const CommentsPortal = ({
   onAddComment,
   cellId,
   position,
-  author = "Current User",
+  author: authorProp,
   onMouseEnter,
   onMouseLeave,
   openedBy,
@@ -37,6 +38,8 @@ const CommentsPortal = ({
   messageId = null,
   configuration
 }) => {
+  const { t } = useTranslation();
+  authorProp || t("table.currentUser");
   if (!isOpen) return null;
   const [openFullReplies, setOpenFullReplies] = useState(openedBy == "click");
   const [adjustedPosition, setAdjustedPosition] = useState(position);
@@ -173,7 +176,7 @@ const CommentsPortal = ({
             },
             children: [
               openFullReplies && /* @__PURE__ */ jsx("div", { className: `comments-portal-header ${(position == null ? void 0 : position.side) == "left" ? "left" : ""}`, children: /* @__PURE__ */ jsxs("div", { className: "comments-portal-header-inner", children: [
-                /* @__PURE__ */ jsx("h3", { children: "Comments" }),
+                /* @__PURE__ */ jsx("h3", { children: t("table.comments.title") }),
                 /* @__PURE__ */ jsxs("div", { className: "comments-portal-header-buttons", children: [
                   (comments == null ? void 0 : comments.length) >= 1 && !isResolved && !((configuration == null ? void 0 : configuration.disableMarkAsRead) && (configuration == null ? void 0 : configuration.disableDeleteThread)) && /* @__PURE__ */ jsx(
                     Button,
@@ -251,7 +254,7 @@ const CommentsPortal = ({
                       /* @__PURE__ */ jsx("div", { className: "comment-item-author-name", children: comment.author }),
                       /* @__PURE__ */ jsxs("div", { className: "comment-item-timestamp", children: [
                         formatTimestamp(comment.timestamp),
-                        comment.isEdited && /* @__PURE__ */ jsx("span", { children: "(edited)" })
+                        comment.isEdited && /* @__PURE__ */ jsx("span", { children: t("table.comments.edited") })
                       ] })
                     ] }),
                     openFullReplies && isCurrentAuthor && (!(configuration == null ? void 0 : configuration.disableEditComment) || !(configuration == null ? void 0 : configuration.disableDeleteComment)) && /* @__PURE__ */ jsx(

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

@@ -1 +1 @@
-{"version":3,"file":"NewAdvanceSearchModal.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/NewAdvanceSearchModal/NewAdvanceSearchModal.tsx"],"names":[],"mappings":"AAgBA,QAAA,MAAM,qBAAqB,GAAI;;;;;;;;;;CAU9B,4CAoRA,CAAC;AAEF,eAAe,qBAAqB,CAAC"}
+{"version":3,"file":"NewAdvanceSearchModal.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/NewAdvanceSearchModal/NewAdvanceSearchModal.tsx"],"names":[],"mappings":"AAiBA,QAAA,MAAM,qBAAqB,GAAI;;;;;;;;;;CAU9B,4CAqRA,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/dist/components/Table/NewAdvanceSearchModal/NewAdvanceSearchModal.js

@@ -6,6 +6,7 @@ import { convertToOptions } from "../../../utils/helper.js";
 import { Button } from "../../Button/index.js";
 import { ButtonGroup } from "../../ButtonGroup/index.js";
 import { Modal } from "../../Modal/index.js";
+import { useTranslation } from "../../../i18n/useTranslation.js";
 import AddOutlined from "../../../node_modules/@mui/icons-material/esm/AddOutlined.js";
 const filterInitialValues = {
   column: { label: "", value: "", type: "text" },
@@ -23,6 +24,7 @@ const NewAdvanceSearchModal = ({
   currentColumnId,
   ...args
 }) => {
+  const { t } = useTranslation();
   const [activeSearchType, setActiveSearchType] = useState("advanceSearch");
   const onChangeSearchType = (e, val) => {
     e.preventDefault();
@@ -158,17 +160,17 @@ const NewAdvanceSearchModal = ({
       className: "ia-table-search-modal",
       height: 400,
       open: isAdvanceSearch,
-      primaryButtonLabel: "Apply",
+      primaryButtonLabel: t("common.apply"),
       primaryButtonProps: {
         type: "submit"
         // disabled: !isFormValid,
       },
-      secondaryButtonLabel: args.onSearchSaveClick ? "Save search" : null,
+      secondaryButtonLabel: args.onSearchSaveClick ? t("table.search.saveSearch") : null,
       secondaryButtonProps: {
         disabled: !isFormValid
       },
       size: "small",
-      title: "Search",
+      title: t("common.search"),
       width: 850,
       onClose: onCloseModal,
       onPrimaryButtonClick: handleSearchApplyClick,
@@ -183,11 +185,11 @@ const NewAdvanceSearchModal = ({
             {
               options: [
                 {
-                  label: "Search",
+                  label: t("common.search"),
                   value: "search"
                 },
                 {
-                  label: "Advance Search",
+                  label: t("table.search.advanceSearch"),
                   value: "advanceSearch"
                 }
               ],
@@ -210,7 +212,7 @@ const NewAdvanceSearchModal = ({
                 e.preventDefault();
                 onClearAll();
               },
-              children: "Clear all"
+              children: t("common.clearAll")
             }
           )
         ] }),
@@ -223,7 +225,7 @@ const NewAdvanceSearchModal = ({
               handleSearchApplyClick();
             },
             children: [
-              /* @__PURE__ */ jsx("div", { className: "ia-table-search-content-title", children: "Match all of the following rules" }),
+              /* @__PURE__ */ jsx("div", { className: "ia-table-search-content-title", children: t("table.search.matchAll") }),
               /* @__PURE__ */ jsx(Fragment, { children: fields.map((field, index) => /* @__PURE__ */ jsx(
                 NewAdvanceSearchModalItem,
                 {
@@ -249,7 +251,7 @@ const NewAdvanceSearchModal = ({
                     variant: "secondary",
                     onClick: onClearAttributeValue,
                     type: "button",
-                    children: "Clear values"
+                    children: t("table.search.clearValues")
                   }
                 ),
                 /* @__PURE__ */ jsx(
@@ -266,7 +268,7 @@ const NewAdvanceSearchModal = ({
                       });
                     },
                     variant: "tertiary",
-                    children: "Add attribute"
+                    children: t("table.search.addAttribute")
                   }
                 )
               ] })

package/dist/components/Table/NewAdvanceSearchModal/NewAdvanceSearchModalItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NewAdvanceSearchModalItem.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/NewAdvanceSearchModal/NewAdvanceSearchModalItem.tsx"],"names":[],"mappings":"AAsBA,QAAA,MAAM,yBAAyB,GAAI;;;;;;;;;;;;;CAalC,4CA4ZA,CAAC;AAEF,eAAe,yBAAyB,CAAC"}
+{"version":3,"file":"NewAdvanceSearchModalItem.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/NewAdvanceSearchModal/NewAdvanceSearchModalItem.tsx"],"names":[],"mappings":"AAkBA,QAAA,MAAM,yBAAyB,GAAI;;;;;;;;;;;;;CAalC,4CAgaA,CAAC;AAEF,eAAe,yBAAyB,CAAC"}

package/dist/components/Table/NewAdvanceSearchModal/NewAdvanceSearchModalItem.js

@@ -10,6 +10,7 @@ import { DateRangePicker } from "../../DateRangePicker/index.js";
 import { Input } from "../../Input/index.js";
 import { Select } from "../../Select/index.js";
 import { findColumnDef, getOperatorListForColumn, getDefaultOperationForColumn } from "../filterUtils.js";
+import { useTranslation } from "../../../i18n/useTranslation.js";
 const NewAdvanceSearchModalItem = ({
   colDefs,
   control,
@@ -25,6 +26,7 @@ const NewAdvanceSearchModalItem = ({
   ...args
 }) => {
   var _a, _b, _c, _d;
+  const { t } = useTranslation();
   const [isColumnOptionsOpen, setIsColumnOptionsOpen] = useState(false);
   const [isOperationOptionsOpen, setIsOperationOptionsOpen] = useState(false);
   const [isThirdOptionDropdownOpen, setIsThirdOptionDropdownOpen] = useState(false);
@@ -78,7 +80,10 @@ const NewAdvanceSearchModalItem = ({
   useEffect(() => {
     if (activeSearchType === "search" && !operationField.value && columnField.value && currentOperationOptions.length > 0) {
       if (currentColumnDef == null ? void 0 : currentColumnDef.thirdOptionAsDateRangePicker) {
-        operationField.onChange({ label: "In range", value: "inRange" });
+        operationField.onChange({
+          label: t("table.search.inRange"),
+          value: "inRange"
+        });
       } else if ((currentColumnDef == null ? void 0 : currentColumnDef.filter) === "agDateColumnFilter") {
         const equalsOption = currentOperationOptions.find((opt) => opt.value === "equals");
         if (equalsOption) {
@@ -132,7 +137,7 @@ const NewAdvanceSearchModalItem = ({
         isOpen: isColumnOptionsOpen,
         minWidth: activeSearchType !== "advanceSearch" ? 400 : void 0,
         name: `filters.${index}.column`,
-        placeholder: "Select",
+        placeholder: t("table.search.selectPlaceholder"),
         selectedOptions: columnField.value || null,
         setCurrentOptions: () => {
         },
@@ -171,7 +176,7 @@ const NewAdvanceSearchModalItem = ({
         isDisabled: (currentColumnDef == null ? void 0 : currentColumnDef.isThirdOptionDropdownIsBoolean) || (currentColumnDef == null ? void 0 : currentColumnDef.thirdOptionAsDateRangePicker) ? true : !columnField.value,
         isOpen: isOperationOptionsOpen,
         name: `filters.${index}.operation`,
-        placeholder: "Select",
+        placeholder: t("table.search.selectPlaceholder"),
         selectedOptions: operationField.value || null,
         setCurrentOptions: setCurrentOperationOptions,
         setIsOpen: setIsOperationOptionsOpen,
@@ -197,7 +202,7 @@ const NewAdvanceSearchModalItem = ({
         isWithSearch: currentColumnDef == null ? void 0 : currentColumnDef.enableSearch,
         minWidth: activeSearchType !== "advanceSearch" ? 344 : void 0,
         name: `filters.${index}.value`,
-        placeholder: "Select value",
+        placeholder: t("table.search.selectValue"),
         selectedOptions: (valueField == null ? void 0 : valueField.value) || [],
         setCurrentOptions: setCurrentThirdOptionDropdownOptions,
         setIsOpen: setIsThirdOptionDropdownOpen,
@@ -220,7 +225,7 @@ const NewAdvanceSearchModalItem = ({
         displayFormat: currentColumnDef.displayFormat || "MM-DD-YYYY",
         isDisabled: !operationField.value,
         name: `filters.${index}.value`,
-        placeholder: "Select date",
+        placeholder: t("table.search.selectDate"),
         selectedDate: valueField.value ? moment(valueField.value) : void 0,
         setSelectedDate: (date) => {
           valueField.onChange(date);
@@ -265,7 +270,7 @@ const NewAdvanceSearchModalItem = ({
       {
         isDisabled: activeSearchType === "advanceSearch" && !operationField.value,
         name: `filters.${index}.value`,
-        placeholder: "Enter text",
+        placeholder: t("table.search.enterText"),
         value: valueField.value || "",
         onChange: (e) => {
           valueField.onChange(e.target.value);

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

@@ -1 +1 @@
-{"version":3,"file":"NoComments.d.ts","sourceRoot":"","sources":["../../../src/components/Table/NoComments.tsx"],"names":[],"mappings":"AAwCA,QAAA,MAAM,UAAU,GAAI;;;;;;;;;;;;;CAanB,4CAuOA,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"NoComments.d.ts","sourceRoot":"","sources":["../../../src/components/Table/NoComments.tsx"],"names":[],"mappings":"AAyCA,QAAA,MAAM,UAAU,GAAI;;;;;;;;;;;;;CAanB,4CAwOA,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/components/Table/NoComments.js

@@ -3,6 +3,7 @@ import { useState, useRef, useCallback, useEffect } from "react";
 import default_1 from "../../node_modules/@mui/icons-material/North.js";
 import { Button } from "../Button/index.js";
 import { MentionEditor } from "../common/MentionEditor/index.js";
+import { useTranslation } from "../../i18n/useTranslation.js";
 const extractMentionedUsers = (editorJSON) => {
   const mentionedUsers = [];
   const traverseNodes = (node) => {
@@ -40,6 +41,7 @@ const NoComments = ({
   setEditingComment,
   loadParticipantsAvatar
 }) => {
+  const { t } = useTranslation();
   const [inputValue, setInputValue] = useState(editCommentText);
   useRef(null);
   const [isFixed, setIsFixed] = useState(false);
@@ -181,7 +183,7 @@ const NoComments = ({
                   isMultiLine,
                   loadParticipantsAvatar,
                   maxLength: 1e3,
-                  placeholder: "Type message...",
+                  placeholder: t("table.comments.typeMessage"),
                   value: inputValue,
                   onChange: handleInputChange,
                   onSend: handleAddComment
@@ -212,7 +214,7 @@ const NoComments = ({
                 setInputValue("");
                 setEditingComment(null);
               },
-              children: "Cancel"
+              children: t("common.cancel")
             }
           ),
           /* @__PURE__ */ jsx(
@@ -223,7 +225,7 @@ const NoComments = ({
               size: "small",
               variant: "primary",
               onClick: () => onUpdateComment(inputValue),
-              children: "Save"
+              children: t("common.save")
             }
           )
         ] })

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

@@ -1 +1 @@
-{"version":3,"file":"actionBar.d.ts","sourceRoot":"","sources":["../../../src/components/Table/actionBar.tsx"],"names":[],"mappings":"AAKA,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,iBAAiB,EACjB,kBAAkB,EAClB,eAAe,EACf,gBAAgB,GACjB;;;;;CAAA,2CA2BA"}
+{"version":3,"file":"actionBar.d.ts","sourceRoot":"","sources":["../../../src/components/Table/actionBar.tsx"],"names":[],"mappings":"AAKA,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,iBAAiB,EACjB,kBAAkB,EAClB,eAAe,EACf,gBAAgB,GACjB;;;;;CAAA,2CA8BA"}

package/dist/components/Table/actionBar.js

@@ -1,12 +1,14 @@
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
 import default_1$1 from "../../node_modules/@mui/icons-material/CheckCircle.js";
 import default_1 from "../../node_modules/@mui/icons-material/Info.js";
+import { useTranslation } from "../../i18n/useTranslation.js";
 function BulkActionBar({
   showBulkActionBar,
   bulkActionBarProps,
   onSelectAllRows,
   onClearSelection
 }) {
+  const { t } = useTranslation();
   return /* @__PURE__ */ jsx(Fragment, { children: showBulkActionBar && /* @__PURE__ */ jsxs("div", { className: "ia-bulk-action-bar", children: [
     /* @__PURE__ */ jsx("span", { className: "icon", children: (bulkActionBarProps == null ? void 0 : bulkActionBarProps.enableSelectAll) ? /* @__PURE__ */ jsx(default_1, {}) : /* @__PURE__ */ jsx(default_1$1, {}) }),
     /* @__PURE__ */ jsx("span", { className: "ia-bulk-action-bar-text", children: bulkActionBarProps == null ? void 0 : bulkActionBarProps.actionBarLabel }),
@@ -21,7 +23,9 @@ function BulkActionBar({
             onClearSelection == null ? void 0 : onClearSelection();
           }
         },
-        children: (bulkActionBarProps == null ? void 0 : bulkActionBarProps.enableSelectAll) ? `Select all ${bulkActionBarProps.totalRowCount} rows across all pages` : "Clear selection"
+        children: (bulkActionBarProps == null ? void 0 : bulkActionBarProps.enableSelectAll) ? t("table.selectAllRows", {
+          count: bulkActionBarProps.totalRowCount
+        }) : t("table.clearSelection")
       }
     )
   ] }) });

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

@@ -1 +1 @@
-{"version":3,"file":"advanceSearchModal.d.ts","sourceRoot":"","sources":["../../../src/components/Table/advanceSearchModal.tsx"],"names":[],"mappings":"AAqBA,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EACzC,eAAe,EACf,mBAAmB,EACnB,OAAO,EACP,SAAS,EACT,eAAe,EACf,wBAAwB,EACxB,iBAAiB,EACjB,cAA+D,EAC/D,gCAAgC,EAChC,mCAAmC,EACnC,WAAW,EACX,cAAc,EACd,GAAG,IAAI,EACR;;;;;;;;;;;;;;;;;;CAAA,2CAqrBA"}
+{"version":3,"file":"advanceSearchModal.d.ts","sourceRoot":"","sources":["../../../src/components/Table/advanceSearchModal.tsx"],"names":[],"mappings":"AAqBA,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EACzC,eAAe,EACf,mBAAmB,EACnB,OAAO,EACP,SAAS,EACT,eAAe,EACf,wBAAwB,EACxB,iBAAiB,EACjB,cAA+D,EAC/D,gCAAgC,EAChC,mCAAmC,EACnC,WAAW,EACX,cAAc,EACd,GAAG,IAAI,EACR;;;;;;;;;;;;;;;;;;CAAA,2CAwrBA"}

package/dist/components/Table/advanceSearchModal.js

@@ -3,12 +3,13 @@ import { useState, useMemo, useEffect } from "react";
 import { l as lodashExports } from "../../node_modules/lodash/lodash.js";
 import moment from "moment";
 import { useForm, useFieldArray } from "react-hook-form";
+import { getAllowedColumns, convertToOptions, NON_TEXT_FILTER_OPTIONS, TEXT_FILTER_OPTIONS, hasDuplicateColumns } from "../../utils/helper.js";
 import { Button } from "../Button/index.js";
 import { ButtonGroup } from "../ButtonGroup/index.js";
 import { Modal } from "../Modal/index.js";
 import { Toast } from "../Toast/index.js";
 import AdvanceSearchModalItem from "./AdvanceSearchModalItem.js";
-import { getAllowedColumns, convertToOptions, NON_TEXT_FILTER_OPTIONS, TEXT_FILTER_OPTIONS, hasDuplicateColumns } from "../../utils/helper.js";
+import { useTranslation } from "../../i18n/useTranslation.js";
 import AddOutlined from "../../node_modules/@mui/icons-material/esm/AddOutlined.js";
 function AdvanceSearchModal({
   isAdvanceSearch,
@@ -25,6 +26,7 @@ function AdvanceSearchModal({
   setDraftFilter,
   ...args
 }) {
+  const { t } = useTranslation();
   const [activeOption, setActiveOption] = useState("advanceSearch");
   const [initialDataSet, setInitialDataSet] = useState(false);
   const [isFormValid, setIsFormValid] = useState(true);
@@ -227,7 +229,7 @@ function AdvanceSearchModal({
               type: (filter == null ? void 0 : filter.filterType) || "text"
             },
             operation: {
-              label: ((_b2 = (_a2 = filter == null ? void 0 : filter.type) == null ? void 0 : _a2.charAt(0)) == null ? void 0 : _b2.toUpperCase()) + ((_c2 = filter == null ? void 0 : filter.type) == null ? void 0 : _c2.slice(1)) || "Contains",
+              label: ((_b2 = (_a2 = filter == null ? void 0 : filter.type) == null ? void 0 : _a2.charAt(0)) == null ? void 0 : _b2.toUpperCase()) + ((_c2 = filter == null ? void 0 : filter.type) == null ? void 0 : _c2.slice(1)) || t("table.search.containsLabel"),
               value: (filter == null ? void 0 : filter.type) || "contains"
             },
             value: (filter == null ? void 0 : filter.dateFrom) || (filter == null ? void 0 : filter.filter) || "",
@@ -423,17 +425,17 @@ function AdvanceSearchModal({
       className: "ia-table-search-modal",
       height: 400,
       open: isAdvanceSearch,
-      primaryButtonLabel: "Apply",
+      primaryButtonLabel: t("common.apply"),
       primaryButtonProps: {
         type: "submit",
         disabled: !isFormValid
       },
-      secondaryButtonLabel: args.onSearchSaveClick ? "Save search" : null,
+      secondaryButtonLabel: args.onSearchSaveClick ? t("table.search.saveSearch") : null,
       secondaryButtonProps: {
         disabled: !isFormValid
       },
       size: "small",
-      title: "Search",
+      title: t("common.search"),
       width: 850,
       onClose: () => {
         setPendingDeletions([]);
@@ -457,11 +459,11 @@ function AdvanceSearchModal({
             {
               options: [
                 {
-                  label: "Search",
+                  label: t("common.search"),
                   value: "search"
                 },
                 {
-                  label: "Advance Search",
+                  label: t("table.search.advanceSearch"),
                   value: "advanceSearch"
                 }
               ],
@@ -494,7 +496,7 @@ function AdvanceSearchModal({
                 e.preventDefault();
                 handleClearAll();
               },
-              children: "Clear all"
+              children: t("common.clearAll")
             }
           )
         ] }),
@@ -507,7 +509,7 @@ function AdvanceSearchModal({
               handleSubmit(onSubmit)(e);
             },
             children: [
-              /* @__PURE__ */ jsx("div", { className: "ia-table-search-content-title", children: "Match all of the following rules" }),
+              /* @__PURE__ */ jsx("div", { className: "ia-table-search-content-title", children: t("table.search.matchAll") }),
               /* @__PURE__ */ jsx(Fragment, { children: (savedAdvanceSearchConfig == null ? void 0 : savedAdvanceSearchConfig.length) > 0 ? savedAdvanceSearchConfig : (() => {
                 return fields.filter((field) => !pendingDeletions.includes(field.fieldId)).map((field, visualIndex) => {
                   const actualIndex = fields.findIndex((f) => f.fieldId === field.fieldId);
@@ -548,7 +550,7 @@ function AdvanceSearchModal({
                 Toast,
                 {
                   isOpen: openToast,
-                  message: "Please select an unselected column ",
+                  message: t("table.search.selectUnselectedColumn"),
                   position: "top-right",
                   variant: "warning",
                   onClose: () => {
@@ -565,7 +567,7 @@ function AdvanceSearchModal({
                     type: "button",
                     variant: "secondary",
                     onClick: handleClearAllValues,
-                    children: "Clear values"
+                    children: t("table.search.clearValues")
                   }
                 ),
                 /* @__PURE__ */ jsx(
@@ -583,7 +585,7 @@ function AdvanceSearchModal({
                         value: ""
                       });
                     },
-                    children: "Add attribute"
+                    children: t("table.search.addAttribute")
                   }
                 )
               ] })

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Table/index.tsx"],"names":[],"mappings":"AAgBA,OAAO,sCAAsC,CAAC;AAC9C,OAAO,8CAA8C,CAAC;AACtD,OAAO,qBAAqB,CAAC;AA0lD7B,eAAO,MAAM,KAAK,mFAUhB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Table/index.tsx"],"names":[],"mappings":"AAiBA,OAAO,sCAAsC,CAAC;AAC9C,OAAO,8CAA8C,CAAC;AACtD,OAAO,qBAAqB,CAAC;AAsmD7B,eAAO,MAAM,KAAK,mFAUhB,CAAC"}

package/dist/components/Table/index.js

@@ -21,6 +21,8 @@ import { convertToOptions } from "../../utils/helper.js";
 import { withCommentIcon } from "./withCommentIcon.js";
 import CommentsPanel from "../CommentsPanel/index.js";
 import { CommentsContext, CommentsProvider, useComments } from "../CommentsPanel/CommentsContext.js";
+import { useTranslation } from "../../i18n/useTranslation.js";
+import { AGLocaleMap } from "../../locales/index.js";
 const EmptyStateImage = (props) => /* @__PURE__ */ jsx("img", { alt: "", src: getAssetUrl("icons/emptyStateImage.svg"), ...props });
 const TableContent = forwardRef(
   ({
@@ -112,19 +114,13 @@ const TableContent = forwardRef(
     enableCommentPanel = true,
     commentProps,
     hideFontSize = false,
-    emptyStateText = "No data to display",
+    emptyStateText,
     hideNumericFormat = false,
     onContentDensityChange,
     handleCommentNotification,
     customTabInTableSettings = null,
     closeTableSettingOnOutsideClick = false,
-    saveViewCustomFilter = {
-      options: [
-        { label: "Global", value: "global" },
-        { label: "Personal", value: "personal" }
-      ],
-      selectedOption: "global"
-    },
+    saveViewCustomFilter: saveViewCustomFilterProp,
     customRenderSaveViewContent = null,
     hideTableBody = false,
     onTableSettingClick = () => {
@@ -154,10 +150,18 @@ const TableContent = forwardRef(
     advanceSortEnabled = false,
     ...args
   }, ref) => {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e;
     LicenseManager.setLicenseKey(
       "Using_this_{AG_Grid}_Enterprise_key_{AG-072820}_in_excess_of_the_licence_granted_is_not_permitted___Please_report_misuse_to_legal@ag-grid.com___For_help_with_changing_this_key_please_contact_info@ag-grid.com___{Impact_Analytics}_is_granted_a_{Multiple_Applications}_Developer_License_for_{1}_Front-End_JavaScript_developer___All_Front-End_JavaScript_developers_need_to_be_licensed_in_addition_to_the_ones_working_with_{AG_Grid}_Enterprise___This_key_has_not_been_granted_a_Deployment_License_Add-on___This_key_works_with_{AG_Grid}_Enterprise_versions_released_before_{31_December_2025}____[v3]_[01]_MTc2NzEzOTIwMDAwMA==acb63fc998feb69e3a3ca9ad323b2577"
     );
+    const { t, locale } = useTranslation();
+    const saveViewCustomFilter = saveViewCustomFilterProp ?? {
+      options: [
+        { label: t("table.viewGlobal"), value: "global" },
+        { label: t("table.viewPersonal"), value: "personal" }
+      ],
+      selectedOption: "global"
+    };
     const commentsCtx = useComments();
     const {
       comments,
@@ -634,14 +638,14 @@ const TableContent = forwardRef(
       }
     }, [tableFontSize]);
     const onFirstDataRendered = (params) => {
-      var _a2, _b2, _c2, _d2, _e, _f, _g;
+      var _a2, _b2, _c2, _d2, _e2, _f, _g;
       if ((params == null ? void 0 : params.api) && !((_b2 = (_a2 = params.api).isDestroyed) == null ? void 0 : _b2.call(_a2))) {
         const model = (_d2 = (_c2 = params.api).getModel) == null ? void 0 : _d2.call(_c2);
         if (model) {
           model.appliedFontSize = tableFontSize;
         }
       }
-      (_e = args.onFirstDataRendered) == null ? void 0 : _e.call(args, params);
+      (_e2 = args.onFirstDataRendered) == null ? void 0 : _e2.call(args, params);
       (_g = (_f = args.gridOptions) == null ? void 0 : _f.onFirstDataRendered) == null ? void 0 : _g.call(_f, params);
     };
     const wrappedComponents = useMemo(() => {
@@ -924,7 +928,7 @@ const TableContent = forwardRef(
     }, [tableSettingOpen]);
     const onCellClicked = useCallback(
       (params) => {
-        var _a2, _b2, _c2, _d2, _e;
+        var _a2, _b2, _c2, _d2, _e2;
         if (!commentMode) return;
         const cellEl = (_a2 = params.event.target) == null ? void 0 : _a2.closest(".ag-cell");
         if (cellEl) {
@@ -947,10 +951,10 @@ const TableContent = forwardRef(
             colId: params.column.getColId(),
             cellId: effectiveCellId,
             comment: commentForCell,
-            author: (commentProps == null ? void 0 : commentProps.author) || "Current User",
+            author: (commentProps == null ? void 0 : commentProps.author) || t("table.currentUser"),
             // TODO: You can replace this with actual user info
             openedBy: "click",
-            data: (_e = params.node) == null ? void 0 : _e.data
+            data: (_e2 = params.node) == null ? void 0 : _e2.data
           });
         }
       },
@@ -990,7 +994,7 @@ const TableContent = forwardRef(
             colId: params.column.getColId(),
             cellId,
             comment: comments[cellId],
-            author: (commentProps == null ? void 0 : commentProps.author) || "Current User",
+            author: (commentProps == null ? void 0 : commentProps.author) || t("table.currentUser"),
             openedBy: "hover",
             data: (_b2 = params.node) == null ? void 0 : _b2.data
           });
@@ -1090,7 +1094,8 @@ const TableContent = forwardRef(
         resolvedComments,
         getLatestUnresolvedThreadId,
         configuration: commentProps == null ? void 0 : commentProps.configuration,
-        colIdentifierKey: commentProps == null ? void 0 : commentProps.colIdentifierKey
+        colIdentifierKey: commentProps == null ? void 0 : commentProps.colIdentifierKey,
+        t
       }),
       [
         comments,
@@ -1101,7 +1106,8 @@ const TableContent = forwardRef(
         resolvedComments,
         getLatestUnresolvedThreadId,
         commentProps == null ? void 0 : commentProps.configuration,
-        commentProps == null ? void 0 : commentProps.colIdentifierKey
+        commentProps == null ? void 0 : commentProps.colIdentifierKey,
+        t
       ]
     );
     const LIST_ROW_SPACING = 12;
@@ -1146,7 +1152,7 @@ const TableContent = forwardRef(
       }
       return /* @__PURE__ */ jsxs("div", { className: "table-empty-state", children: [
         /* @__PURE__ */ jsx(EmptyStateImage, {}),
-        /* @__PURE__ */ jsx("span", { children: emptyStateText })
+        /* @__PURE__ */ jsx("span", { children: emptyStateText ?? t("table.noData") })
       ] });
     };
     return /* @__PURE__ */ jsx(
@@ -1280,6 +1286,7 @@ const TableContent = forwardRef(
                         getRowClass: getRowClassWrapper,
                         getRowHeight: getRowHeightWrapper,
                         headerHeight: 40,
+                        localeText: (_b = AGLocaleMap) == null ? void 0 : _b[locale],
                         noRowsOverlayComponent: EmptyStateOverlay,
                         pagination: args.pagination,
                         paginationPageSize: localPageSize,
@@ -1333,7 +1340,7 @@ const TableContent = forwardRef(
               advanceSortEnabled && /* @__PURE__ */ jsx(
                 AdvanceSortModal,
                 {
-                  colDefs: ((_b = getLiveGridApi()) == null ? void 0 : _b.getColumnDefs()) ?? colDefs,
+                  colDefs: ((_c = getLiveGridApi()) == null ? void 0 : _c.getColumnDefs()) ?? colDefs,
                   open: isAdvanceSortOpen,
                   sortState: advanceSortState,
                   onApply: handleAdvanceSortApply,
@@ -1382,8 +1389,8 @@ const TableContent = forwardRef(
                     setSelectedComment == null ? void 0 : setSelectedComment(null);
                     clearCommentError == null ? void 0 : clearCommentError();
                   },
-                  onMarkAsReadClick: ((_c = commentProps == null ? void 0 : commentProps.configuration) == null ? void 0 : _c.disableMarkAsRead) ? null : commentProps == null ? void 0 : commentProps.handleMarkAsRead,
-                  onMarkAsResolvedClick: ((_d = commentProps == null ? void 0 : commentProps.configuration) == null ? void 0 : _d.disableMarkAsResolved) ? null : handleMarkAsResolved,
+                  onMarkAsReadClick: ((_d = commentProps == null ? void 0 : commentProps.configuration) == null ? void 0 : _d.disableMarkAsRead) ? null : commentProps == null ? void 0 : commentProps.handleMarkAsRead,
+                  onMarkAsResolvedClick: ((_e = commentProps == null ? void 0 : commentProps.configuration) == null ? void 0 : _e.disableMarkAsResolved) ? null : handleMarkAsResolved,
                   onMenuClick: handleMenuClick,
                   onMouseEnter: handleMouseEnter,
                   onMouseLeave: handleMouseLeave,
@@ -1398,6 +1405,7 @@ const TableContent = forwardRef(
     );
   }
 );
+TableContent.displayName = "TableContent";
 const Table = forwardRef((props, ref) => {
   const existingCtx = useContext(CommentsContext);
   if (props.isCommentFeatureEnabled && !existingCtx) {