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

package/dist/components/TableChat/components/TableChatRightSection/PinedChatPanel/PinedChatPanel.js

@@ -7,6 +7,7 @@ import { Avatar } from "../../../../Avatar/index.js";
 import { ChatAvatar } from "../AvatarGroup/AvatarGroup.js";
 import { ChatInput } from "../ChatInput/ChatInput.js";
 
+import { useTranslation } from "../../../../../i18n/useTranslation.js";
 const DEFAULT_CHAT_AVATAR = getAssetUrl("avatar_sample.webp");
 const renderContent = (content) => {
   if (!content) return null;
@@ -60,6 +61,7 @@ const renderContent = (content) => {
   }
 };
 const MessageItem = ({ type, msg, onMessageClick }) => {
+  const { t } = useTranslation();
   const isPinned = type === "pinned";
   const isDeleted = (msg == null ? void 0 : msg.type) === "deleted" || (msg == null ? void 0 : msg.deleted) === true;
   const handleClick = () => {
@@ -91,7 +93,7 @@ const MessageItem = ({ type, msg, onMessageClick }) => {
             ] }),
             /* @__PURE__ */ jsx("div", { className: isPinned ? "pinned-text" : "thread-text", children: /* @__PURE__ */ jsxs("div", { className: "deleted-message-content", children: [
               /* @__PURE__ */ jsx(default_1, { className: "delete-icon" }),
-              /* @__PURE__ */ jsx("span", { className: "deleted-text", children: "Message deleted by its author" })
+              /* @__PURE__ */ jsx("span", { className: "deleted-text", children: t("tableChat.pinned.deletedByAuthor") })
             ] }) }),
             type === "thread" && /* @__PURE__ */ jsx("span", { className: "thread-time", children: msg.timestamp })
           ] })
@@ -127,7 +129,10 @@ const MessageItem = ({ type, msg, onMessageClick }) => {
           /* @__PURE__ */ jsx("div", { className: isPinned ? "pinned-text" : "thread-text", children: renderContent(msg.content) }),
           type === "thread" && /* @__PURE__ */ jsxs("span", { className: "thread-time", children: [
             msg.timestamp,
-            msg.edited && /* @__PURE__ */ jsx("span", { className: "edited-label", children: " (edited)" })
+            msg.edited && /* @__PURE__ */ jsxs("span", { className: "edited-label", children: [
+              " ",
+              t("commentsPanel.edited")
+            ] })
           ] })
         ] })
       ]
@@ -142,22 +147,23 @@ const PinnedPanel = ({
   onMessageClick
   // Handler when a message is clicked
 }) => {
+  const { t } = useTranslation();
   const isPinned = type === "pinned";
   return /* @__PURE__ */ jsxs("div", { className: "pinned-panel", children: [
     /* @__PURE__ */ jsxs("div", { className: "pinned-panel-header", children: [
-      /* @__PURE__ */ jsx("h1", { className: "header-title", children: isPinned ? "Pinned" : "Thread" }),
-      /* @__PURE__ */ jsx("button", { className: "close-btn", onClick: onClose, children: isPinned ? "Close" : "Close thread" })
+      /* @__PURE__ */ jsx("h1", { className: "header-title", children: isPinned ? t("tableChat.pinned.pinnedTitle") : t("tableChat.pinned.threadTitle") }),
+      /* @__PURE__ */ jsx("button", { className: "close-btn", onClick: onClose, children: isPinned ? t("common.close") : t("tableChat.pinned.closeThread") })
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "pinned-panel-content", children: [
-      isPinned && /* @__PURE__ */ jsx("h4", { className: "pinned-title", children: "Pinned message" }),
+      isPinned && /* @__PURE__ */ jsx("h4", { className: "pinned-title", children: t("tableChat.pinned.pinnedMessage") }),
       messages.map((msg, idx) => /* @__PURE__ */ jsx(MessageItem, { msg, type, onMessageClick }, msg.id))
     ] }),
     type === "thread" && /* @__PURE__ */ jsx(
       ChatInput,
       {
         maxLength: 500,
-        placeholder: "Thread Msg",
-        quickActionLabel: "Quick Action",
+        placeholder: t("tableChat.pinned.threadMsgPlaceholder"),
+        quickActionLabel: t("tableChat.input.quickAction"),
         showFormatting: true,
         showQuickAction: true,
         value: "",

package/dist/components/TableChat/components/TableChatRightSection/ReplyBadge/ReplyBadge.d.ts

@@ -1,7 +1,7 @@
 
 export declare const ReplyBadge: ({ text, action, onReplyClick, onActionClick, className, showIcon, }: {
-    text?: string | undefined;
-    action?: string | undefined;
+    text: any;
+    action: any;
     onReplyClick: any;
     onActionClick: any;
     className?: string | undefined;

package/dist/components/TableChat/components/TableChatRightSection/ReplyBadge/ReplyBadge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ReplyBadge.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TableChat/components/TableChatRightSection/ReplyBadge/ReplyBadge.tsx"],"names":[],"mappings":"AAGA,OAAO,0BAA0B,CAAC;AAIlC,eAAO,MAAM,UAAU,GAAI;;;;;;;CAO1B,4CAeA,CAAC"}
+{"version":3,"file":"ReplyBadge.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TableChat/components/TableChatRightSection/ReplyBadge/ReplyBadge.tsx"],"names":[],"mappings":"AAGA,OAAO,0BAA0B,CAAC;AAIlC,eAAO,MAAM,UAAU,GAAI;;;;;;;CAO1B,4CAkBA,CAAC"}

package/dist/components/TableChat/components/TableChatRightSection/TableChatRightSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableChatRightSection.d.ts","sourceRoot":"","sources":["../../../../../src/components/TableChat/components/TableChatRightSection/TableChatRightSection.tsx"],"names":[],"mappings":"AAiBA,OAAO,qCAAqC,CAAC;AAI7C,QAAA,MAAM,qBAAqB,GAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuC9B,4CAwrCA,CAAC;AAEF,eAAe,qBAAqB,CAAC"}
+{"version":3,"file":"TableChatRightSection.d.ts","sourceRoot":"","sources":["../../../../../src/components/TableChat/components/TableChatRightSection/TableChatRightSection.tsx"],"names":[],"mappings":"AAkBA,OAAO,qCAAqC,CAAC;AAI7C,QAAA,MAAM,qBAAqB,GAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuC9B,4CAisCA,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/dist/components/TableChat/components/TableChatRightSection/TableChatRightSection.js

@@ -17,6 +17,7 @@ import { EmptyContainer } from "../../EmptyContainer.js";
 import useInfiniteScroll from "../../hooks/useInfiniteScroll.js";
 import ChatMessageListSkeleton from "../ChatMessageSkeleton/ChatMessageListSkeleton.js";
 
+import { useTranslation } from "../../../../i18n/useTranslation.js";
 const SearchIcon = getAssetUrl("icons/searchIcon.svg");
 const TableChatRightSection = ({
   // Header props
@@ -54,6 +55,7 @@ const TableChatRightSection = ({
   ...restProps
 }) => {
   var _a, _b;
+  const { t } = useTranslation();
   const messagesRef = useRef(null);
   const isLoadingRef = useRef(false);
   const [inputValue, setInputValue] = useState("");
@@ -717,7 +719,7 @@ const TableChatRightSection = ({
           event.stopPropagation();
           setShowClearChat(true);
         },
-        children: "Clear Chat"
+        children: t("tableChat.right.clearChat")
       }
     ) }),
     /* @__PURE__ */ jsxs(
@@ -730,15 +732,17 @@ const TableChatRightSection = ({
           isSearchLoading ? /* @__PURE__ */ jsx("div", { className: "table-chat-loading-state", children: /* @__PURE__ */ jsx(ChatMessageListSkeleton, { messageCount: 4 }) }) : groupedItems.length === 0 && !hasMore ? /* @__PURE__ */ jsx("div", { className: "table-chat-empty-state", children: isSearchActive ? /* @__PURE__ */ jsx(
             EmptyContainer,
             {
-              subTitle: "Try searching for a different keyword.",
-              title: `No messages found for "${searchQuery}"`
+              subTitle: t("tableChat.right.tryDifferentKeyword"),
+              title: t("tableChat.right.noMessagesFound", {
+                query: searchQuery
+              })
             }
           ) : /* @__PURE__ */ jsxs(Fragment, { children: [
             /* @__PURE__ */ jsx(
               EmptyContainer,
               {
-                subTitle: "Start the conversation by adding members to the chat.",
-                title: "Not started the conversation yet!"
+                subTitle: t("tableChat.right.noConversationSubtitle"),
+                title: t("tableChat.right.noConversationTitle")
               }
             ),
             /* @__PURE__ */ jsx(
@@ -751,7 +755,7 @@ const TableChatRightSection = ({
                 onClick: () => setShowAddMembers(true),
                 className: "add_member_btn",
                 iconPlacement: "right",
-                children: showAddMembersLoading ? "Adding..." : "Add members"
+                children: showAddMembersLoading ? t("tableChat.right.adding") : t("tableChat.right.addMembers")
               }
             )
           ] }) }) : groupedItems.map((item) => {
@@ -813,13 +817,13 @@ const TableChatRightSection = ({
               className: "test-modal add_members_modal",
               loading: showAddMembersLoading,
               open: showAddMembers,
-              primaryButtonLabel: showAddMembersLoading ? "Adding..." : "Add",
+              primaryButtonLabel: showAddMembersLoading ? t("tableChat.right.adding") : t("tableChat.right.add"),
               primaryButtonProps: {
                 disabled: !addMembers.length > 0 || showAddMembersLoading
               },
-              secondaryButtonLabel: "Cancel",
+              secondaryButtonLabel: t("common.cancel"),
               size: "small",
-              title: "Add members",
+              title: t("tableChat.right.addMembers"),
               onClose: () => {
                 setShowAddMembers(false);
               },
@@ -833,7 +837,7 @@ const TableChatRightSection = ({
                   {
                     className: "modal-header-search-input",
                     leftIcon: /* @__PURE__ */ jsx("img", { alt: "search", className: "menu-header-search-icon", src: SearchIcon }),
-                    placeholder: "Search members...",
+                    placeholder: t("tableChat.right.searchMembers"),
                     value: memberSearchQuery,
                     onChange: (e) => {
                       handleMemberSearch(e.target.value);
@@ -875,7 +879,7 @@ const TableChatRightSection = ({
                     ]
                   },
                   user.id || index
-                )) }) : /* @__PURE__ */ jsxs(
+                )) }) : /* @__PURE__ */ jsx(
                   "div",
                   {
                     style: {
@@ -884,18 +888,16 @@ const TableChatRightSection = ({
                       color: "#666",
                       fontSize: "14px"
                     },
-                    children: [
-                      'No members found for "',
-                      memberSearchQuery,
-                      '"'
-                    ]
+                    children: t("tableChat.right.noMembersFound", {
+                      query: memberSearchQuery
+                    })
                   }
-                ) : "Loading..."
+                ) : t("common.loading")
               ] }, ".0")
             }
           ),
           infiniteScrollError && /* @__PURE__ */ jsxs("div", { className: "infinite-scroll-error", children: [
-            /* @__PURE__ */ jsx("p", { children: "Failed to load older messages. Please try again." }),
+            /* @__PURE__ */ jsx("p", { children: t("tableChat.right.loadOlderFailed") }),
             /* @__PURE__ */ jsx(
               Button,
               {
@@ -904,7 +906,7 @@ const TableChatRightSection = ({
                 onClick: () => {
                   window.location.reload();
                 },
-                children: "Retry"
+                children: t("tableChat.right.retry")
               }
             )
           ] })
@@ -939,15 +941,15 @@ const TableChatRightSection = ({
           setShowClearChat(false);
         },
         isOpen: showClearChat,
-        primaryButtonLabel: isClearChatLoading ? "Clearing..." : "Clear",
-        secondaryButtonLabel: "Cancel",
-        title: "Are you sure ?",
+        primaryButtonLabel: isClearChatLoading ? t("tableChat.right.clearing") : t("common.clear"),
+        secondaryButtonLabel: t("common.cancel"),
+        title: t("tableChat.right.clearConfirmTitle"),
         variant: "error",
         onPrimaryButtonClick: handleAllMessagesDelete,
         onSecondaryButtonClick: () => {
           setShowClearChat(false);
         },
-        children: "This will permanently delete all messages in this conversation."
+        children: t("tableChat.right.clearConfirmMessage")
       }
     )
   ] });

package/dist/components/TableChat/components/TextEditor/EditorToolbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EditorToolbar.d.ts","sourceRoot":"","sources":["../../../../../src/components/TableChat/components/TextEditor/EditorToolbar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAkB1B,OAAO,6BAA6B,CAAC;AAsErC,eAAO,MAAM,aAAa,+DAoGzB,CAAC"}
+{"version":3,"file":"EditorToolbar.d.ts","sourceRoot":"","sources":["../../../../../src/components/TableChat/components/TextEditor/EditorToolbar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAmB1B,OAAO,6BAA6B,CAAC;AAsErC,eAAO,MAAM,aAAa,+DAqGzB,CAAC"}

package/dist/components/TableChat/components/TextEditor/EditorToolbar.js

@@ -19,70 +19,71 @@ import default_1$7 from "../../../../node_modules/@mui/icons-material/LooksTwo.j
 import default_1$a from "../../../../node_modules/@mui/icons-material/StrikethroughS.js";
 import { ChatIconButton } from "../TableChatLeftSection/ChatIconButton/ChatIconButton.js";
 
+import { useTranslation } from "../../../../i18n/useTranslation.js";
 const TOOLBAR_ITEMS = {
   bold: {
     icon: default_1$f,
-    ariaLabel: "Bold text",
+    ariaLabel: "tableChat.toolbar.bold",
     command: "toggleBold"
   },
   italic: {
     icon: default_1$e,
-    ariaLabel: "Italic text",
+    ariaLabel: "tableChat.toolbar.italic",
     command: "toggleItalic"
   },
   link: {
     icon: default_1$d,
-    ariaLabel: "Add link",
+    ariaLabel: "tableChat.toolbar.addLink",
     command: "toggleLink"
   },
   bulletList: {
     icon: default_1$c,
-    ariaLabel: "Bullet list",
+    ariaLabel: "tableChat.toolbar.bulletList",
     command: "toggleBulletList"
   },
   orderedList: {
     icon: default_1$b,
-    ariaLabel: "Numbered list",
+    ariaLabel: "tableChat.toolbar.numberedList",
     command: "toggleOrderedList"
   },
   strike: {
     icon: default_1$a,
-    ariaLabel: "Strike through",
+    ariaLabel: "tableChat.toolbar.strikeThrough",
     command: "toggleStrike"
   },
   highlight: {
     icon: default_1$9,
-    ariaLabel: "Highlight text",
+    ariaLabel: "tableChat.toolbar.highlight",
     command: "toggleHighlight"
   },
   h1: {
     icon: default_1$8,
-    ariaLabel: "Heading 1",
+    ariaLabel: "tableChat.toolbar.heading1",
     command: "toggleH1"
   },
   h2: {
     icon: default_1$7,
-    ariaLabel: "Heading 2",
+    ariaLabel: "tableChat.toolbar.heading2",
     command: "toggleH2"
   },
   h3: {
     icon: default_1$6,
-    ariaLabel: "Heading 3",
+    ariaLabel: "tableChat.toolbar.heading3",
     command: "toggleH3"
   },
   h4: {
     icon: default_1$5,
-    ariaLabel: "Heading 4",
+    ariaLabel: "tableChat.toolbar.heading4",
     command: "toggleH4"
   },
   h5: {
     icon: default_1$4,
-    ariaLabel: "Heading 5",
+    ariaLabel: "tableChat.toolbar.heading5",
     command: "toggleH5"
   },
   h6: {
     icon: default_1$3,
-    ariaLabel: "Heading 6",
+    ariaLabel: "tableChat.toolbar.heading6",
     command: "toggleH6"
   }
 };
@@ -96,6 +97,7 @@ const EditorToolbar = React__default.forwardRef(
     onEmojiSelect,
     className = ""
   }, ref) => {
+    const { t } = useTranslation();
     const fileInputRef = React__default.useRef(null);
     const imageInputRef = React__default.useRef(null);
     React__default.useImperativeHandle(ref, () => ({
@@ -128,7 +130,7 @@ const EditorToolbar = React__default.forwardRef(
         /* @__PURE__ */ jsx(
           ChatIconButton,
           {
-            ariaLabel: "Attach file",
+            ariaLabel: t("tableChat.toolbar.attachFile"),
             className: "format-button",
             icon: /* @__PURE__ */ jsx(default_1, { fontSize: "small", style: { width: "16px", height: "16px" } }),
             onClick: () => {
@@ -152,7 +154,7 @@ const EditorToolbar = React__default.forwardRef(
         /* @__PURE__ */ jsx(
           ChatIconButton,
           {
-            ariaLabel: "Upload image",
+            ariaLabel: t("tableChat.toolbar.uploadImage"),
             className: "format-button",
             icon: /* @__PURE__ */ jsx(default_1$1, { fontSize: "small", style: { width: "16px", height: "16px" } }),
             onClick: () => {
@@ -165,7 +167,7 @@ const EditorToolbar = React__default.forwardRef(
       onEmojiSelect && /* @__PURE__ */ jsx(
         ChatIconButton,
         {
-          ariaLabel: "Add emoji",
+          ariaLabel: t("tableChat.toolbar.addEmoji"),
           className: "format-button",
           icon: /* @__PURE__ */ jsx(default_1$2, { fontSize: "small", style: { width: "16px", height: "16px" } }),
           onClick: onEmojiSelect
@@ -178,7 +180,7 @@ const EditorToolbar = React__default.forwardRef(
         return /* @__PURE__ */ jsx(
           ChatIconButton,
           {
-            ariaLabel: item.ariaLabel,
+            ariaLabel: t(item.ariaLabel),
             className: `format-button ${activeStates[itemKey] ? "is-active" : ""}`,
             icon: /* @__PURE__ */ jsx(Icon, { fontSize: "small", style: { width: "16px", height: "16px" } }),
             onClick: () => {

package/dist/components/TableChat/components/TextEditor/Mention.d.ts

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

package/dist/components/TableChat/components/TextEditor/Mention.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Mention.d.ts","sourceRoot":"","sources":["../../../../../src/components/TableChat/components/TextEditor/Mention.tsx"],"names":[],"mappings":"AACA,OAAO,eAAe,CAAC;AAEvB,OAAO,KAAqD,MAAM,OAAO,CAAC;AAW1E,eAAO,MAAM,aAAa,+DAgNzB,CAAC"}
+{"version":3,"file":"Mention.d.ts","sourceRoot":"","sources":["../../../../../src/components/TableChat/components/TextEditor/Mention.tsx"],"names":[],"mappings":"AACA,OAAO,eAAe,CAAC;AAcvB,eAAO,MAAM,aAAa,mFAkNzB,CAAC"}

package/dist/components/TableChat/components/TextEditor/Mention.js

@@ -10,6 +10,7 @@ import { Placeholder } from "@tiptap/extension-placeholder";
 import { useEditor, EditorContent } from "@tiptap/react";
 import StarterKit from "@tiptap/starter-kit";
 import suggestion from "./suggestion.js";
+import { useTranslation } from "../../../../i18n/useTranslation.js";
 const MentionEditor = forwardRef(
   ({
     value,
@@ -17,18 +18,20 @@ const MentionEditor = forwardRef(
     onSend,
     disabled = false,
     maxLength = 5e3,
-    placeholder = "Type message...",
+    placeholder,
     chatId,
     loadParticipantsAvatar,
     isMultiLine = false,
     ...restConfig
   }, ref) => {
+    const { t } = useTranslation();
+    const resolvedPlaceholder = placeholder ?? t("table.comments.typeMessage");
     const editor = useEditor({
       ...restConfig,
       extensions: [
         StarterKit,
         Placeholder.configure({
-          placeholder
+          placeholder: resolvedPlaceholder
         }),
         Mention.configure({
           HTMLAttributes: {
@@ -115,7 +118,7 @@ const MentionEditor = forwardRef(
       toggleItalic: () => editor == null ? void 0 : editor.chain().focus().toggleItalic().run(),
       toggleLink: () => {
         const previousUrl = editor == null ? void 0 : editor.getAttributes("link").href;
-        const url = window.prompt("URL", previousUrl);
+        const url = window.prompt(t("tableChat.editor.urlPrompt"), previousUrl);
         if (url === null) return;
         if (url === "") {
           editor == null ? void 0 : editor.chain().focus().extendMarkRange("link").unsetLink().run();

package/dist/components/TableChat/components/TextEditor/MentionList.d.ts

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

package/dist/components/TableChat/components/TextEditor/MentionList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MentionList.d.ts","sourceRoot":"","sources":["../../../../../src/components/TableChat/components/TextEditor/MentionList.tsx"],"names":[],"mappings":"AACA,OAAO,oBAAoB,CAAC;AAE5B,OAAO,KAA+D,MAAM,OAAO,CAAC;AAGpF,eAAO,MAAM,WAAW,+DAuGtB,CAAC"}
+{"version":3,"file":"MentionList.d.ts","sourceRoot":"","sources":["../../../../../src/components/TableChat/components/TextEditor/MentionList.tsx"],"names":[],"mappings":"AACA,OAAO,oBAAoB,CAAC;AAM5B,eAAO,MAAM,WAAW,mFAwGtB,CAAC"}

package/dist/components/TableChat/components/TextEditor/MentionList.js

@@ -3,8 +3,10 @@ import { jsx, jsxs } from "react/jsx-runtime";
 
 import { forwardRef, useState, useEffect, useImperativeHandle } from "react";
 import { ChatAvatar } from "../TableChatRightSection/AvatarGroup/AvatarGroup.js";
+import { useTranslation } from "../../../../i18n/useTranslation.js";
 const MentionList = forwardRef((props, ref) => {
   var _a;
+  const { t } = useTranslation();
   const [selectedIndex, setSelectedIndex] = useState(0);
   const [isLoading, setIsLoading] = useState(false);
   const selectItem = (index) => {
@@ -58,7 +60,7 @@ const MentionList = forwardRef((props, ref) => {
   if (isLoading) {
     return /* @__PURE__ */ jsx("div", { className: "dropdown-menu", children: /* @__PURE__ */ jsxs("div", { className: "mention-loading", children: [
       /* @__PURE__ */ jsx("div", { className: "loading-spinner" }),
-      /* @__PURE__ */ jsx("span", { children: "Loading users..." })
+      /* @__PURE__ */ jsx("span", { children: t("tableChat.mention.loadingUsers") })
     ] }) });
   }
   return /* @__PURE__ */ jsx("div", { className: "dropdown-menu", children: ((_a = props.items) == null ? void 0 : _a.length) ? props.items.map((item, index) => /* @__PURE__ */ jsxs(
@@ -77,7 +79,7 @@ const MentionList = forwardRef((props, ref) => {
       ]
     },
     item.id || index
-  )) : /* @__PURE__ */ jsx("div", { className: "mention-no-result", children: "No users found" }) });
+  )) : /* @__PURE__ */ jsx("div", { className: "mention-no-result", children: t("tableChat.mention.noUsersFound") }) });
 });
 export {
   MentionList

package/dist/components/TableOld/AgGridHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AgGridHeader.d.ts","sourceRoot":"","sources":["../../../src/components/TableOld/AgGridHeader.tsx"],"names":[],"mappings":"AAiBA,iBAAS,YAAY,CAAC,EACpB,QAAQ,EACR,SAAS,EACT,kBAAkB,EAClB,uBAAuB,EACvB,qBAAqB,EACrB,YAAY,EACZ,oBAA2B,EAC3B,GAAG,IAAI,EACR;;;;;;;;;CAAA,2CAwfA;AAED,eAAe,YAAY,CAAC"}
+{"version":3,"file":"AgGridHeader.d.ts","sourceRoot":"","sources":["../../../src/components/TableOld/AgGridHeader.tsx"],"names":[],"mappings":"AAkBA,iBAAS,YAAY,CAAC,EACpB,QAAQ,EACR,SAAS,EACT,kBAAkB,EAClB,uBAAuB,EACvB,qBAAqB,EACrB,YAAY,EACZ,oBAA2B,EAC3B,GAAG,IAAI,EACR;;;;;;;;;CAAA,2CAyfA;AAED,eAAe,YAAY,CAAC"}

package/dist/components/TableOld/AgGridHeader.js

@@ -9,6 +9,7 @@ import { debounce } from "../../utils/debounce.js";
 import { DatePicker } from "../DatePicker/index.js";
 import { Input } from "../Input/index.js";
 import { Tooltip } from "../Tooltip/index.js";
+import { useTranslation } from "../../i18n/useTranslation.js";
 import Badge from "../../node_modules/@mui/material/Badge/Badge.js";
 const TableSortIconUrl = getAssetUrl("icons/tableSortIcon.svg");
 const TableSortAscIcon = getAssetUrl("icons/Up.svg");
@@ -24,6 +25,7 @@ function AgGridHeader({
   ...rest
 }) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F, _G, _H, _I, _J, _K, _L, _M, _N, _O, _P;
+  const { t } = useTranslation();
   const menuRef = useRef();
   useRef();
   const [showInputField, setShowInputField] = useState(false);
@@ -299,10 +301,10 @@ function AgGridHeader({
                     }
                   }
                 ),
-                displayFormat: ((_s = (_r = rest.column) == null ? void 0 : _r.colDef) == null ? void 0 : _s.displayFormat) || "MM-DD-YYYY",
+                displayFormat: ((_s = (_r = rest.column) == null ? void 0 : _r.colDef) == null ? void 0 : _s.displayFormat) || t("table.filter.dateFormat"),
                 maxDate: /* @__PURE__ */ new Date("2100-12-31"),
                 minDate: /* @__PURE__ */ new Date("2000-01-01"),
-                placeholder: "Select Date",
+                placeholder: t("table.filter.selectDate"),
                 selectedDate,
                 setSelectedDate,
                 onPrimaryButtonClick: () => {
@@ -339,7 +341,7 @@ function AgGridHeader({
             /* @__PURE__ */ jsx(
               Input,
               {
-                placeholder: "Search",
+                placeholder: t("common.search"),
                 rightIcon: /* @__PURE__ */ jsxs(Fragment, { children: [
                   searchText.toString().length > 0 && (columnWidth[(_v = rest.column) == null ? void 0 : _v.colId] ?? ((_w = rest.column) == null ? void 0 : _w.actualWidth)) >= 200 && /* @__PURE__ */ jsx(
                     default_1$1,

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

@@ -1 +1 @@
-{"version":3,"file":"actionBar.d.ts","sourceRoot":"","sources":["../../../src/components/TableOld/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/TableOld/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/TableOld/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/TableOld/index.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TableOld/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAwE,MAAM,OAAO,CAAC;AAW7F,OAAO,sCAAsC,CAAC;AAC9C,OAAO,8CAA8C,CAAC;AACtD,OAAO,qBAAqB,CAAC;AAK7B,eAAO,MAAM,QAAQ,+DAonBpB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TableOld/index.tsx"],"names":[],"mappings":"AAYA,OAAO,sCAAsC,CAAC;AAC9C,OAAO,8CAA8C,CAAC;AACtD,OAAO,qBAAqB,CAAC;AAK7B,eAAO,MAAM,QAAQ,mFA4nBpB,CAAC"}

package/dist/components/TableOld/index.js

@@ -13,6 +13,8 @@ import AdvanceSearchModal from "../Table/advanceSearchModal.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 OldTable = forwardRef(
   ({
@@ -91,13 +93,7 @@ const OldTable = forwardRef(
     },
     deleteViewPromptText,
     isViewNameUniqueAcrossTypes = false,
-    saveViewCustomFilter = {
-      options: [
-        { label: "Global", value: "global" },
-        { label: "Personal", value: "personal" }
-      ],
-      selectedOption: "global"
-    },
+    saveViewCustomFilter,
     customRenderSaveViewContent = null,
     enableHeaderTextWrap = true,
     numericFormatDefault = "full_no",
@@ -119,6 +115,14 @@ const OldTable = forwardRef(
     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 getSaveViewCustomFilter = saveViewCustomFilter ?? {
+      options: [
+        { label: t("table.viewGlobal"), value: "global" },
+        { label: t("table.viewPersonal"), value: "personal" }
+      ],
+      selectedOption: "global"
+    };
     const tempRef = useRef();
     const actualRef = ref || tempRef;
     const [localPageSize, setLocalPageSize] = useState(
@@ -472,7 +476,7 @@ const OldTable = forwardRef(
                   numericFormatDefault,
                   rowHeight,
                   savedViewsOptions,
-                  saveViewCustomFilter,
+                  saveViewCustomFilter: getSaveViewCustomFilter,
                   setRowHeight,
                   setTableFontSize,
                   setTableSettingOpen,
@@ -524,6 +528,7 @@ const OldTable = forwardRef(
                       getRowClass: getRowClassWrapper,
                       getRowHeight: getRowHeightWrapper,
                       headerHeight: 40,
+                      localeText: AGLocaleMap[locale],
                       noRowsOverlayComponent: EmptyStateOverlay,
                       paginationPageSize: localPageSize,
                       rowHeight,
@@ -580,6 +585,7 @@ const OldTable = forwardRef(
     );
   }
 );
+OldTable.displayName = "OldTable";
 export {
   OldTable
 };