trotl-table 1.0.17 → 1.0.18

package/dist/index.cjs.js

@@ -9734,8 +9734,37 @@ function TableInner({
   onExternalRowDrop = () => {},
   useExternalDndContext = false,
   customColumns = [],
-  groupDefaultOpen = false
+  groupDefaultOpen = false,
+  t
 }) {
+  let translate;
+  if (t) {
+    translate = t;
+  } else {
+    translate = key => {
+      const translations = {
+        addNewColumn: "Add New Column",
+        add: "Add",
+        cancel: "Cancel",
+        editColumn: "Edit Column",
+        save: "Save",
+        title: "Title",
+        color: "Color",
+        collapsed: "Collapsed",
+        lang: "Language",
+        view: "View",
+        edit: "Edit",
+        delete: "Delete",
+        confirmDelete: "Confirm Delete",
+        yesDelete: "Yes, Delete",
+        areYouSureYouWantToDelete: "Are you sure you want to delete",
+        action: "Action",
+        DropHereToMoveIntoThisGroup: "Drop here to move into this group"
+      };
+      return translations[key] || key;
+    };
+  }
+
   // Local selection & sorting state (removed TableContext dependency)
   const [selectedRows, setSelectedRows] = React.useState([]);
   const [sorting, setSorting] = React.useState(null);
@@ -10200,7 +10229,7 @@ function TableInner({
             style: {
               width: '100%'
             }
-          }, item.expanded ? "▾" : "▸", " ", item.groupName, " (0) \u2014 Drop here to move into this group"), columns.slice(1).map((_, i) => /*#__PURE__*/React.createElement("div", {
+          }, item.expanded ? "▾" : "▸", " ", translate(item.groupName), " (0) \u2014 ", translate("DropHereToMoveIntoThisGroup")), columns.slice(1).map((_, i) => /*#__PURE__*/React.createElement("div", {
             key: i,
             className: "table-cell"
           })), showActions && /*#__PURE__*/React.createElement("div", {
@@ -10234,7 +10263,7 @@ function TableInner({
         className: "table-cell key-cell"
       }), /*#__PURE__*/React.createElement("div", {
         className: "table-cell group-header"
-      }, item.expanded ? "▾" : "▸", " ", item.groupName, " (", item.rowCount, ")"), columns.slice(1).map((_, i) => /*#__PURE__*/React.createElement("div", {
+      }, item.expanded ? "▾" : "▸", " ", translate(item.groupName), " (", item.rowCount, ")"), columns.slice(1).map((_, i) => /*#__PURE__*/React.createElement("div", {
         key: i,
         className: "table-cell"
       })), showActions && /*#__PURE__*/React.createElement("div", {
@@ -10293,13 +10322,13 @@ function TableInner({
         background: "#646cffaa"
       },
       onClick: () => viewCallback(row)
-    }, "View"), showEdit && /*#__PURE__*/React.createElement("button", {
+    }, translate("view")), showEdit && /*#__PURE__*/React.createElement("button", {
       className: "action-btn-table",
       style: {
         background: "#4caf50"
       },
       onClick: () => editCallback(row)
-    }, "Edit"), showDelete && /*#__PURE__*/React.createElement("button", {
+    }, translate("edit")), showDelete && /*#__PURE__*/React.createElement("button", {
       className: "action-btn-table",
       style: {
         background: "#f44336"
@@ -10309,7 +10338,7 @@ function TableInner({
         setPendingDelete(row);
         setShowConfirm(true);
       }
-    }, "Delete")));
+    }, translate("delete"))));
     if (enableDragRow && item.type === "row") {
       return /*#__PURE__*/React.createElement(DraggableRow, {
         key: key,
@@ -10415,7 +10444,7 @@ function TableInner({
     }, col.isCustom ? col.header ?? '' : col.header, !col.isCustom && sorting?.column === col.accessor && (sorting.direction === "asc" ? " ↑" : " ↓"));
   }), showActions && /*#__PURE__*/React.createElement("div", {
     className: "table-cell action-cell"
-  }, "Action"))), /*#__PURE__*/React.createElement("div", {
+  }, translate("action")))), /*#__PURE__*/React.createElement("div", {
     className: "main-table",
     ref: listRef
   }, tableDataFlat.length === 0 ? /*#__PURE__*/React.createElement(DotsLoading, null) : /*#__PURE__*/React.createElement(AutoSizer, null, ({
@@ -10430,14 +10459,14 @@ function TableInner({
     overscanRowCount: 8
   }))), /*#__PURE__*/React.createElement(Modal, {
     isOpen: showConfirm,
-    title: "Confirm delete",
+    title: translate("confirmDelete"),
     onConfirm: confirmDelete,
     onCancel: () => setShowConfirm(false),
-    confirmLabel: "Yes, delete",
-    cancelLabel: "Cancel",
+    confirmLabel: translate("yesDelete"),
+    cancelLabel: translate("cancel"),
     showCancel: true,
     showConfirm: true
-  }, /*#__PURE__*/React.createElement("p", null, "Are you sure you want to delete ", /*#__PURE__*/React.createElement("strong", null, pendingDelete?.name || pendingDelete?.id), "?")));
+  }, /*#__PURE__*/React.createElement("p", null, translate("areYouSureYouWantToDelete"), " ", /*#__PURE__*/React.createElement("strong", null, pendingDelete?.name || pendingDelete?.id), "?")));
   return tableMarkup;
 }
 function Table(props) {