beautiful-grid 1.0.8 → 1.0.9

package/cjs/components/TableHeadColumn.js

@@ -49,8 +49,9 @@ var LazyTableHeadToolbox = React.lazy(function () {
     }); });
 });
 function TableHeadColumn(_a) {
-    var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
-    var column = _a.column, _q = _a.columnIndex, columnIndex = _q === void 0 ? 0 : _q;
+    var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
+    var column = _a.column, _u = _a.columnIndex, columnIndex = _u === void 0 ? 0 : _u;
+    var toolboxMsg = (0, store_1.useAppStore)(function (s) { var _a; return (_a = s.msg) === null || _a === void 0 ? void 0 : _a.toolbox; });
     var sort = (0, store_1.useAppStore)(function (s) { return s.sort; });
     var sortParams = (0, store_1.useAppStore)(function (s) { return s.sortParams; });
     var dataQuery = (0, store_1.useAppStore)(function (s) { return s.dataQuery; });
@@ -89,22 +90,22 @@ function TableHeadColumn(_a) {
     // Tooltip
     var tooltipParts = [];
     if (isAsc)
-        tooltipParts.push('오름차순 정렬');
+        tooltipParts.push((_e = toolboxMsg === null || toolboxMsg === void 0 ? void 0 : toolboxMsg.sortAscending) !== null && _e !== void 0 ? _e : '오름차순 정렬');
     if (isDesc)
-        tooltipParts.push('내림차순 정렬');
+        tooltipParts.push((_f = toolboxMsg === null || toolboxMsg === void 0 ? void 0 : toolboxMsg.sortDescending) !== null && _f !== void 0 ? _f : '내림차순 정렬');
     if (isFiltered)
-        tooltipParts.push('필터 적용됨');
-    var tooltip = tooltipParts.length > 0 ? tooltipParts.join(', ') : '컬럼 옵션 열기';
+        tooltipParts.push((_g = toolboxMsg === null || toolboxMsg === void 0 ? void 0 : toolboxMsg.filterApplied) !== null && _g !== void 0 ? _g : '필터 적용됨');
+    var tooltip = tooltipParts.length > 0 ? tooltipParts.join(', ') : ((_h = toolboxMsg === null || toolboxMsg === void 0 ? void 0 : toolboxMsg.openColumnOptions) !== null && _h !== void 0 ? _h : '컬럼 옵션 열기');
     // Resolve icons with hierarchy (column -> global -> default)
-    var sortAscIcon = (_f = (_e = columnIcons === null || columnIcons === void 0 ? void 0 : columnIcons.sortAsc) !== null && _e !== void 0 ? _e : globalIcons === null || globalIcons === void 0 ? void 0 : globalIcons.sortAsc) !== null && _f !== void 0 ? _f : (React.createElement("svg", { viewBox: '0 0 16 16', width: '10', height: '10', fill: 'currentColor' },
+    var sortAscIcon = (_k = (_j = columnIcons === null || columnIcons === void 0 ? void 0 : columnIcons.sortAsc) !== null && _j !== void 0 ? _j : globalIcons === null || globalIcons === void 0 ? void 0 : globalIcons.sortAsc) !== null && _k !== void 0 ? _k : (React.createElement("svg", { viewBox: '0 0 16 16', width: '10', height: '10', fill: 'currentColor' },
         React.createElement("path", { d: 'M3 11.5L8 4l5 7.5H3z' })));
-    var sortDescIcon = (_h = (_g = columnIcons === null || columnIcons === void 0 ? void 0 : columnIcons.sortDesc) !== null && _g !== void 0 ? _g : globalIcons === null || globalIcons === void 0 ? void 0 : globalIcons.sortDesc) !== null && _h !== void 0 ? _h : (React.createElement("svg", { viewBox: '0 0 16 16', width: '10', height: '10', fill: 'currentColor' },
+    var sortDescIcon = (_m = (_l = columnIcons === null || columnIcons === void 0 ? void 0 : columnIcons.sortDesc) !== null && _l !== void 0 ? _l : globalIcons === null || globalIcons === void 0 ? void 0 : globalIcons.sortDesc) !== null && _m !== void 0 ? _m : (React.createElement("svg", { viewBox: '0 0 16 16', width: '10', height: '10', fill: 'currentColor' },
         React.createElement("path", { d: 'M3 4.5L8 12l5-7.5H3z' })));
-    var filterIcon = (_k = (_j = columnIcons === null || columnIcons === void 0 ? void 0 : columnIcons.filter) !== null && _j !== void 0 ? _j : globalIcons === null || globalIcons === void 0 ? void 0 : globalIcons.filter) !== null && _k !== void 0 ? _k : (React.createElement("svg", { viewBox: '0 0 16 16', width: '12', height: '12', fill: 'currentColor', className: 'bgrid-filter-icon' },
+    var filterIcon = (_p = (_o = columnIcons === null || columnIcons === void 0 ? void 0 : columnIcons.filter) !== null && _o !== void 0 ? _o : globalIcons === null || globalIcons === void 0 ? void 0 : globalIcons.filter) !== null && _p !== void 0 ? _p : (React.createElement("svg", { viewBox: '0 0 16 16', width: '12', height: '12', fill: 'currentColor', className: 'bgrid-filter-icon' },
         React.createElement("path", { d: 'M1.5 1.5A.5.5 0 0 1 2 1h12a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.128.334L10 8.293V13.5a.5.5 0 0 1-.74.439l-2.5-1.5A.5.5 0 0 1 6.5 12V8.293L1.628 3.834A.5.5 0 0 1 1.5 3.5v-2z' })));
-    var filterBadgeIcon = (_m = (_l = columnIcons === null || columnIcons === void 0 ? void 0 : columnIcons.filterBadge) !== null && _l !== void 0 ? _l : globalIcons === null || globalIcons === void 0 ? void 0 : globalIcons.filterBadge) !== null && _m !== void 0 ? _m : (React.createElement("svg", { viewBox: '0 0 16 16', width: '10', height: '10', fill: 'currentColor', className: 'bgrid-filter-badge-icon' },
+    var filterBadgeIcon = (_r = (_q = columnIcons === null || columnIcons === void 0 ? void 0 : columnIcons.filterBadge) !== null && _q !== void 0 ? _q : globalIcons === null || globalIcons === void 0 ? void 0 : globalIcons.filterBadge) !== null && _r !== void 0 ? _r : (React.createElement("svg", { viewBox: '0 0 16 16', width: '10', height: '10', fill: 'currentColor', className: 'bgrid-filter-badge-icon' },
         React.createElement("path", { d: 'M1.5 1.5A.5.5 0 0 1 2 1h12a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.128.334L10 8.293V13.5a.5.5 0 0 1-.74.439l-2.5-1.5A.5.5 0 0 1 6.5 12V8.293L1.628 3.834A.5.5 0 0 1 1.5 3.5v-2z' })));
-    var dropdownIcon = (_p = (_o = columnIcons === null || columnIcons === void 0 ? void 0 : columnIcons.dropdown) !== null && _o !== void 0 ? _o : globalIcons === null || globalIcons === void 0 ? void 0 : globalIcons.dropdown) !== null && _p !== void 0 ? _p : (React.createElement("svg", { viewBox: '0 0 16 16', width: '10', height: '10', fill: 'currentColor', className: 'bgrid-dropdown-arrow' },
+    var dropdownIcon = (_t = (_s = columnIcons === null || columnIcons === void 0 ? void 0 : columnIcons.dropdown) !== null && _s !== void 0 ? _s : globalIcons === null || globalIcons === void 0 ? void 0 : globalIcons.dropdown) !== null && _t !== void 0 ? _t : (React.createElement("svg", { viewBox: '0 0 16 16', width: '10', height: '10', fill: 'currentColor', className: 'bgrid-dropdown-arrow' },
         React.createElement("path", { d: 'M3 6l5 5 5-5H3z' })));
     if (isToolboxEnabled) {
         return (React.createElement("div", { className: 'bgrid-head-cell-wrapper' },

package/cjs/components/toolbox/ToolboxColumnVisibilitySection.js

@@ -65,8 +65,9 @@ function accessibleLabel(label, fallback) {
     return typeof label === 'string' || typeof label === 'number' ? String(label) : fallback;
 }
 function ToolboxColumnVisibilitySection(_a) {
-    var _b, _c, _d, _e, _f, _g, _h;
+    var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
     var column = _a.column, columnId = _a.columnId, mode = _a.mode, onModeChange = _a.onModeChange, close = _a.close;
+    var toolboxMsg = (0, store_1.useAppStore)(function (s) { var _a; return (_a = s.msg) === null || _a === void 0 ? void 0 : _a.toolbox; });
     var visibility = (0, store_1.useAppStore)(function (s) { return s.columnVisibilityState; });
     var globalIcons = (0, store_1.useAppStore)(function (s) { return s.icons; });
     var columnIcons = typeof column.toolbox === 'object' ? column.toolbox.icons : undefined;
@@ -94,7 +95,7 @@ function ToolboxColumnVisibilitySection(_a) {
             React.createElement("div", { className: 'bgrid-toolbox-visibility-header' },
                 React.createElement("button", { type: 'button', className: 'bgrid-toolbox-icon-button', "aria-label": '\uCEEC\uB7FC \uBA54\uB274\uB85C \uB3CC\uC544\uAC00\uAE30', onClick: function () { return onModeChange('menu'); } },
                     React.createElement("span", { "aria-hidden": 'true' }, "\u2039")),
-                React.createElement("span", { className: 'bgrid-toolbox-visibility-title' }, "\uC228\uAE34 \uCEEC\uB7FC")),
+                React.createElement("span", { className: 'bgrid-toolbox-visibility-title' }, (_j = toolboxMsg === null || toolboxMsg === void 0 ? void 0 : toolboxMsg.hiddenColumns) !== null && _j !== void 0 ? _j : '숨긴 컬럼')),
             React.createElement("div", { className: 'bgrid-toolbox-hidden-list' }, hiddenItems.map(function (item) {
                 var label = accessibleLabel(item.column.label, item.columnId);
                 return (React.createElement("button", { key: item.columnId, type: 'button', className: 'bgrid-toolbox-menu-item', "aria-label": "".concat(label, " \uCEEC\uB7FC \uD45C\uC2DC"), onClick: function () {
@@ -108,24 +109,21 @@ function ToolboxColumnVisibilitySection(_a) {
                     close();
                 } },
                 React.createElement("span", { className: 'bgrid-toolbox-icon-wrapper' }, columnsIcon),
-                React.createElement("span", null, "\uBAA8\uB450 \uD45C\uC2DC"))));
+                React.createElement("span", null, (_k = toolboxMsg === null || toolboxMsg === void 0 ? void 0 : toolboxMsg.showAllColumns) !== null && _k !== void 0 ? _k : '모두 표시'))));
     }
     return (React.createElement("div", { className: 'bgrid-toolbox-section bgrid-toolbox-visibility-section' },
-        React.createElement("div", { className: 'bgrid-toolbox-section-title' }, "\uCEEC\uB7FC"),
+        React.createElement("div", { className: 'bgrid-toolbox-section-title' }, (_l = toolboxMsg === null || toolboxMsg === void 0 ? void 0 : toolboxMsg.columns) !== null && _l !== void 0 ? _l : '컬럼'),
         React.createElement("div", { className: 'bgrid-toolbox-menu-list' },
-            React.createElement("button", { type: 'button', className: 'bgrid-toolbox-menu-item', disabled: !canHideCurrent, "aria-label": "".concat(accessibleLabel(column.label, columnId), " \uCEEC\uB7FC \uC228\uAE30\uAE30"), title: !canHideCurrent && visibleCount <= 1 ? '최소 한 개의 컬럼은 표시해야 합니다.' : undefined, onClick: function () {
+            React.createElement("button", { type: 'button', className: 'bgrid-toolbox-menu-item', disabled: !canHideCurrent, "aria-label": "".concat(accessibleLabel(column.label, columnId), " \uCEEC\uB7FC \uC228\uAE30\uAE30"), title: !canHideCurrent && visibleCount <= 1 ? ((_m = toolboxMsg === null || toolboxMsg === void 0 ? void 0 : toolboxMsg.lastVisibleColumn) !== null && _m !== void 0 ? _m : '최소 한 개의 컬럼은 표시해야 합니다.') : undefined, onClick: function () {
                     if (!canHideCurrent)
                         return;
                     visibility.onChange(__spreadArray(__spreadArray([], __read(visibility.hiddenColumnIds), false), [columnId], false), { type: 'hide', columnId: columnId, column: currentItem === null || currentItem === void 0 ? void 0 : currentItem.column });
                     close();
                 } },
                 React.createElement("span", { className: 'bgrid-toolbox-icon-wrapper' }, hideIcon),
-                React.createElement("span", null, "\uC774 \uCEEC\uB7FC \uC228\uAE30\uAE30")),
+                React.createElement("span", null, (_o = toolboxMsg === null || toolboxMsg === void 0 ? void 0 : toolboxMsg.hideThisColumn) !== null && _o !== void 0 ? _o : '이 컬럼 숨기기')),
             hiddenItems.length > 0 && (React.createElement("button", { type: 'button', className: 'bgrid-toolbox-menu-item', "aria-label": "\uC228\uAE34 \uCEEC\uB7FC ".concat(hiddenItems.length, "\uAC1C \uAD00\uB9AC"), onClick: function () { return onModeChange('hidden'); } },
                 React.createElement("span", { className: 'bgrid-toolbox-icon-wrapper' }, columnsIcon),
-                React.createElement("span", { className: 'bgrid-toolbox-menu-label' },
-                    "\uC228\uAE34 \uCEEC\uB7FC ",
-                    hiddenItems.length,
-                    "\uAC1C"),
+                React.createElement("span", { className: 'bgrid-toolbox-menu-label' }, (_q = (_p = toolboxMsg === null || toolboxMsg === void 0 ? void 0 : toolboxMsg.hiddenColumnCount) === null || _p === void 0 ? void 0 : _p.call(toolboxMsg, hiddenItems.length)) !== null && _q !== void 0 ? _q : "\uC228\uAE34 \uCEEC\uB7FC ".concat(hiddenItems.length, "\uAC1C")),
                 React.createElement("span", { className: 'bgrid-toolbox-menu-chevron', "aria-hidden": 'true' }, "\u203A"))))));
 }

package/cjs/components/toolbox/ToolboxCustomSection.js

@@ -35,8 +35,11 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ToolboxCustomSection = ToolboxCustomSection;
 var React = __importStar(require("react"));
+var store_1 = require("../../store");
 function ToolboxCustomSection(_a) {
+    var _b;
     var column = _a.column, columnId = _a.columnId, columnIndex = _a.columnIndex, config = _a.config, close = _a.close;
+    var toolboxMsg = (0, store_1.useAppStore)(function (s) { var _a; return (_a = s.msg) === null || _a === void 0 ? void 0 : _a.toolbox; });
     if (config.render) {
         var CustomRender = config.render;
         return (React.createElement("div", { className: "bgrid-toolbox-custom-content" },
@@ -44,7 +47,7 @@ function ToolboxCustomSection(_a) {
     }
     if (config.extraItems && config.extraItems.length > 0) {
         return (React.createElement("div", { className: "bgrid-toolbox-section bgrid-toolbox-custom-section" },
-            React.createElement("div", { className: "bgrid-toolbox-section-title" }, "\uCD94\uAC00 \uBA54\uB274"),
+            React.createElement("div", { className: "bgrid-toolbox-section-title" }, (_b = toolboxMsg === null || toolboxMsg === void 0 ? void 0 : toolboxMsg.extraMenu) !== null && _b !== void 0 ? _b : '추가 메뉴'),
             React.createElement("div", { className: "bgrid-toolbox-menu-list" }, config.extraItems.map(function (item) { return (React.createElement("button", { key: item.id, type: "button", className: "bgrid-toolbox-menu-item", disabled: item.disabled, onClick: function () {
                     item.onClick({ column: column, columnId: columnId, columnIndex: columnIndex });
                     close();

package/cjs/components/toolbox/ToolboxNumberFilterSection.js

@@ -54,7 +54,9 @@ var React = __importStar(require("react"));
 var react_1 = require("react");
 var store_1 = require("../../store");
 function ToolboxNumberFilterSection(_a) {
+    var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
     var column = _a.column, columnId = _a.columnId;
+    var toolboxMsg = (0, store_1.useAppStore)(function (s) { var _a; return (_a = s.msg) === null || _a === void 0 ? void 0 : _a.toolbox; });
     var dataQuery = (0, store_1.useAppStore)(function (s) { return s.dataQuery; });
     var filterDrafts = (0, store_1.useAppStore)(function (s) { return s.filterDrafts; });
     var setFilterDraft = (0, store_1.useAppStore)(function (s) { return s.setFilterDraft; });
@@ -71,10 +73,10 @@ function ToolboxNumberFilterSection(_a) {
         ((appliedFilter === null || appliedFilter === void 0 ? void 0 : appliedFilter.type) === 'number' && appliedFilter.min !== undefined ? String(appliedFilter.min) : '');
     var initialMax = ((currentDraft === null || currentDraft === void 0 ? void 0 : currentDraft.type) === 'number' && currentDraft.max !== undefined ? String(currentDraft.max) : '') ||
         ((appliedFilter === null || appliedFilter === void 0 ? void 0 : appliedFilter.type) === 'number' && appliedFilter.max !== undefined ? String(appliedFilter.max) : '');
-    var _b = __read((0, react_1.useState)(initialOperator), 2), operator = _b[0], setOperator = _b[1];
-    var _c = __read((0, react_1.useState)(initialValue), 2), valStr = _c[0], setValStr = _c[1];
-    var _d = __read((0, react_1.useState)(initialMin), 2), minStr = _d[0], setMinStr = _d[1];
-    var _e = __read((0, react_1.useState)(initialMax), 2), maxStr = _e[0], setMaxStr = _e[1];
+    var _r = __read((0, react_1.useState)(initialOperator), 2), operator = _r[0], setOperator = _r[1];
+    var _s = __read((0, react_1.useState)(initialValue), 2), valStr = _s[0], setValStr = _s[1];
+    var _t = __read((0, react_1.useState)(initialMin), 2), minStr = _t[0], setMinStr = _t[1];
+    var _u = __read((0, react_1.useState)(initialMax), 2), maxStr = _u[0], setMaxStr = _u[1];
     var isBetween = operator === 'between';
     var minNum = minStr.trim() !== '' ? Number(minStr) : undefined;
     var maxNum = maxStr.trim() !== '' ? Number(maxStr) : undefined;
@@ -129,23 +131,23 @@ function ToolboxNumberFilterSection(_a) {
         handleApply();
     };
     return (React.createElement("div", { className: "bgrid-toolbox-section bgrid-toolbox-number-filter-section" },
-        React.createElement("div", { className: "bgrid-toolbox-section-title" }, "\uC22B\uC790 \uD544\uD130"),
+        React.createElement("div", { className: "bgrid-toolbox-section-title" }, (_b = toolboxMsg === null || toolboxMsg === void 0 ? void 0 : toolboxMsg.numberFilter) !== null && _b !== void 0 ? _b : '숫자 필터'),
         React.createElement("div", { className: "bgrid-toolbox-form-row" },
             React.createElement("select", { className: "bgrid-toolbox-select", value: operator, onChange: function (e) { return setOperator(e.target.value); } },
-                React.createElement("option", { value: "equals" }, "\uC77C\uCE58 (=)"),
-                React.createElement("option", { value: "notEquals" }, "\uBD88\uC77C\uCE58 (\u2260)"),
-                React.createElement("option", { value: "gt" }, "\uCD08\uACFC (>)"),
-                React.createElement("option", { value: "gte" }, "\uC774\uC0C1 (\u2265)"),
-                React.createElement("option", { value: "lt" }, "\uBBF8\uB9CC (<)"),
-                React.createElement("option", { value: "lte" }, "\uC774\uD558 (\u2264)"),
-                React.createElement("option", { value: "between" }, "\uBC94\uC704 (Between)"))),
+                React.createElement("option", { value: "equals" }, (_c = toolboxMsg === null || toolboxMsg === void 0 ? void 0 : toolboxMsg.numberEquals) !== null && _c !== void 0 ? _c : '일치 (=)'),
+                React.createElement("option", { value: "notEquals" }, (_d = toolboxMsg === null || toolboxMsg === void 0 ? void 0 : toolboxMsg.numberNotEquals) !== null && _d !== void 0 ? _d : '불일치 (≠)'),
+                React.createElement("option", { value: "gt" }, (_e = toolboxMsg === null || toolboxMsg === void 0 ? void 0 : toolboxMsg.greaterThan) !== null && _e !== void 0 ? _e : '초과 (>)'),
+                React.createElement("option", { value: "gte" }, (_f = toolboxMsg === null || toolboxMsg === void 0 ? void 0 : toolboxMsg.greaterThanOrEqual) !== null && _f !== void 0 ? _f : '이상 (≥)'),
+                React.createElement("option", { value: "lt" }, (_g = toolboxMsg === null || toolboxMsg === void 0 ? void 0 : toolboxMsg.lessThan) !== null && _g !== void 0 ? _g : '미만 (<)'),
+                React.createElement("option", { value: "lte" }, (_h = toolboxMsg === null || toolboxMsg === void 0 ? void 0 : toolboxMsg.lessThanOrEqual) !== null && _h !== void 0 ? _h : '이하 (≤)'),
+                React.createElement("option", { value: "between" }, (_j = toolboxMsg === null || toolboxMsg === void 0 ? void 0 : toolboxMsg.between) !== null && _j !== void 0 ? _j : '범위 (Between)'))),
         isBetween ? (React.createElement("div", { className: "bgrid-toolbox-range-row" },
-            React.createElement("input", { type: "number", className: "bgrid-toolbox-input", placeholder: "\uCD5C\uC18C\uAC12", value: minStr, onChange: function (e) { return setMinStr(e.target.value); }, onKeyDown: handleApplyKeyDown }),
+            React.createElement("input", { type: "number", className: "bgrid-toolbox-input", placeholder: (_k = toolboxMsg === null || toolboxMsg === void 0 ? void 0 : toolboxMsg.minimumPlaceholder) !== null && _k !== void 0 ? _k : '최소값', value: minStr, onChange: function (e) { return setMinStr(e.target.value); }, onKeyDown: handleApplyKeyDown }),
             React.createElement("span", { className: "bgrid-toolbox-range-separator" }, "~"),
-            React.createElement("input", { type: "number", className: "bgrid-toolbox-input", placeholder: "\uCD5C\uB300\uAC12", value: maxStr, onChange: function (e) { return setMaxStr(e.target.value); }, onKeyDown: handleApplyKeyDown }))) : (React.createElement("div", { className: "bgrid-toolbox-form-row" },
-            React.createElement("input", { type: "number", className: "bgrid-toolbox-input", placeholder: "\uC22B\uC790 \uC785\uB825...", value: valStr, onChange: function (e) { return setValStr(e.target.value); }, onKeyDown: handleApplyKeyDown }))),
-        isBetweenInvalid && (React.createElement("div", { className: "bgrid-toolbox-error-text" }, "\uCD5C\uC18C\uAC12\uC774 \uCD5C\uB300\uAC12\uBCF4\uB2E4 \uD074 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4.")),
+            React.createElement("input", { type: "number", className: "bgrid-toolbox-input", placeholder: (_l = toolboxMsg === null || toolboxMsg === void 0 ? void 0 : toolboxMsg.maximumPlaceholder) !== null && _l !== void 0 ? _l : '최대값', value: maxStr, onChange: function (e) { return setMaxStr(e.target.value); }, onKeyDown: handleApplyKeyDown }))) : (React.createElement("div", { className: "bgrid-toolbox-form-row" },
+            React.createElement("input", { type: "number", className: "bgrid-toolbox-input", placeholder: (_m = toolboxMsg === null || toolboxMsg === void 0 ? void 0 : toolboxMsg.numberPlaceholder) !== null && _m !== void 0 ? _m : '숫자 입력...', value: valStr, onChange: function (e) { return setValStr(e.target.value); }, onKeyDown: handleApplyKeyDown }))),
+        isBetweenInvalid && (React.createElement("div", { className: "bgrid-toolbox-error-text" }, (_o = toolboxMsg === null || toolboxMsg === void 0 ? void 0 : toolboxMsg.invalidRange) !== null && _o !== void 0 ? _o : '최소값이 최대값보다 클 수 없습니다.')),
         React.createElement("div", { className: "bgrid-toolbox-button-row" },
-            React.createElement("button", { type: "button", className: "bgrid-toolbox-btn bgrid-toolbox-btn-clear", onClick: handleClear }, "\uCD08\uAE30\uD654"),
-            React.createElement("button", { type: "button", className: "bgrid-toolbox-btn bgrid-toolbox-btn-apply", disabled: !isValid, onClick: handleApply }, "\uC801\uC6A9"))));
+            React.createElement("button", { type: "button", className: "bgrid-toolbox-btn bgrid-toolbox-btn-clear", onClick: handleClear }, (_p = toolboxMsg === null || toolboxMsg === void 0 ? void 0 : toolboxMsg.clear) !== null && _p !== void 0 ? _p : '초기화'),
+            React.createElement("button", { type: "button", className: "bgrid-toolbox-btn bgrid-toolbox-btn-apply", disabled: !isValid, onClick: handleApply }, (_q = toolboxMsg === null || toolboxMsg === void 0 ? void 0 : toolboxMsg.apply) !== null && _q !== void 0 ? _q : '적용'))));
 }

package/cjs/components/toolbox/ToolboxSortSection.js

@@ -37,8 +37,9 @@ exports.ToolboxSortSection = ToolboxSortSection;
 var React = __importStar(require("react"));
 var store_1 = require("../../store");
 function ToolboxSortSection(_a) {
-    var _b, _c, _d, _e, _f, _g, _h;
+    var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
     var column = _a.column, columnId = _a.columnId;
+    var toolboxMsg = (0, store_1.useAppStore)(function (s) { var _a; return (_a = s.msg) === null || _a === void 0 ? void 0 : _a.toolbox; });
     var dataQuery = (0, store_1.useAppStore)(function (s) { return s.dataQuery; });
     var sortParams = (0, store_1.useAppStore)(function (s) { return s.sortParams; });
     var setColumnSort = (0, store_1.useAppStore)(function (s) { return s.setColumnSort; });
@@ -54,15 +55,15 @@ function ToolboxSortSection(_a) {
     var sortClearIcon = (_h = (_g = columnIcons === null || columnIcons === void 0 ? void 0 : columnIcons.sortClear) !== null && _g !== void 0 ? _g : globalIcons === null || globalIcons === void 0 ? void 0 : globalIcons.sortClear) !== null && _h !== void 0 ? _h : (React.createElement("svg", { className: "bgrid-toolbox-icon", viewBox: "0 0 16 16", width: "14", height: "14", fill: "currentColor" },
         React.createElement("path", { d: "M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z" })));
     return (React.createElement("div", { className: "bgrid-toolbox-section bgrid-toolbox-sort-section" },
-        React.createElement("div", { className: "bgrid-toolbox-section-title" }, "\uC815\uB82C"),
+        React.createElement("div", { className: "bgrid-toolbox-section-title" }, (_j = toolboxMsg === null || toolboxMsg === void 0 ? void 0 : toolboxMsg.sort) !== null && _j !== void 0 ? _j : '정렬'),
         React.createElement("div", { className: "bgrid-toolbox-menu-list" },
             React.createElement("button", { type: "button", className: "bgrid-toolbox-menu-item ".concat(isAsc ? 'active' : ''), onClick: function () { return setColumnSort(columnId, 'asc'); } },
                 React.createElement("span", { className: "bgrid-toolbox-icon-wrapper" }, sortAscIcon),
-                React.createElement("span", null, "\uC624\uB984\uCC28\uC21C \uC815\uB82C")),
+                React.createElement("span", null, (_k = toolboxMsg === null || toolboxMsg === void 0 ? void 0 : toolboxMsg.sortAscending) !== null && _k !== void 0 ? _k : '오름차순 정렬')),
             React.createElement("button", { type: "button", className: "bgrid-toolbox-menu-item ".concat(isDesc ? 'active' : ''), onClick: function () { return setColumnSort(columnId, 'desc'); } },
                 React.createElement("span", { className: "bgrid-toolbox-icon-wrapper" }, sortDescIcon),
-                React.createElement("span", null, "\uB0B4\uB9BC\uCC28\uC21C \uC815\uB82C")),
+                React.createElement("span", null, (_l = toolboxMsg === null || toolboxMsg === void 0 ? void 0 : toolboxMsg.sortDescending) !== null && _l !== void 0 ? _l : '내림차순 정렬')),
             activeSortParam && (React.createElement("button", { type: "button", className: "bgrid-toolbox-menu-item bgrid-toolbox-menu-item-clear", onClick: function () { return setColumnSort(columnId, null); } },
                 React.createElement("span", { className: "bgrid-toolbox-icon-wrapper" }, sortClearIcon),
-                React.createElement("span", null, "\uC815\uB82C \uCD08\uAE30\uD654"))))));
+                React.createElement("span", null, (_m = toolboxMsg === null || toolboxMsg === void 0 ? void 0 : toolboxMsg.clearSort) !== null && _m !== void 0 ? _m : '정렬 초기화'))))));
 }

package/cjs/components/toolbox/ToolboxTextFilterSection.js

@@ -54,7 +54,9 @@ var React = __importStar(require("react"));
 var react_1 = require("react");
 var store_1 = require("../../store");
 function ToolboxTextFilterSection(_a) {
+    var _b, _c, _d, _e, _f, _g, _h;
     var column = _a.column, columnId = _a.columnId;
+    var toolboxMsg = (0, store_1.useAppStore)(function (s) { var _a; return (_a = s.msg) === null || _a === void 0 ? void 0 : _a.toolbox; });
     var dataQuery = (0, store_1.useAppStore)(function (s) { return s.dataQuery; });
     var filterDrafts = (0, store_1.useAppStore)(function (s) { return s.filterDrafts; });
     var setFilterDraft = (0, store_1.useAppStore)(function (s) { return s.setFilterDraft; });
@@ -68,8 +70,8 @@ function ToolboxTextFilterSection(_a) {
     var initialValue = ((currentDraft === null || currentDraft === void 0 ? void 0 : currentDraft.type) === 'text' && currentDraft.value) ||
         ((appliedFilter === null || appliedFilter === void 0 ? void 0 : appliedFilter.type) === 'text' && appliedFilter.value) ||
         '';
-    var _b = __read((0, react_1.useState)(initialOperator), 2), operator = _b[0], setOperator = _b[1];
-    var _c = __read((0, react_1.useState)(initialValue), 2), value = _c[0], setValue = _c[1];
+    var _j = __read((0, react_1.useState)(initialOperator), 2), operator = _j[0], setOperator = _j[1];
+    var _k = __read((0, react_1.useState)(initialValue), 2), value = _k[0], setValue = _k[1];
     (0, react_1.useEffect)(function () {
         var draftParam = {
             columnId: columnId,
@@ -100,15 +102,15 @@ function ToolboxTextFilterSection(_a) {
         handleApply();
     };
     return (React.createElement("div", { className: "bgrid-toolbox-section bgrid-toolbox-text-filter-section" },
-        React.createElement("div", { className: "bgrid-toolbox-section-title" }, "\uD14D\uC2A4\uD2B8 \uD544\uD130"),
+        React.createElement("div", { className: "bgrid-toolbox-section-title" }, (_b = toolboxMsg === null || toolboxMsg === void 0 ? void 0 : toolboxMsg.textFilter) !== null && _b !== void 0 ? _b : '텍스트 필터'),
         React.createElement("div", { className: "bgrid-toolbox-form-row" },
             React.createElement("select", { className: "bgrid-toolbox-select", value: operator, onChange: function (e) { return setOperator(e.target.value); } },
-                React.createElement("option", { value: "contains" }, "\uD3EC\uD568"),
-                React.createElement("option", { value: "equals" }, "\uC77C\uCE58"),
-                React.createElement("option", { value: "notEquals" }, "\uBD88\uC77C\uCE58"))),
+                React.createElement("option", { value: "contains" }, (_c = toolboxMsg === null || toolboxMsg === void 0 ? void 0 : toolboxMsg.contains) !== null && _c !== void 0 ? _c : '포함'),
+                React.createElement("option", { value: "equals" }, (_d = toolboxMsg === null || toolboxMsg === void 0 ? void 0 : toolboxMsg.equals) !== null && _d !== void 0 ? _d : '일치'),
+                React.createElement("option", { value: "notEquals" }, (_e = toolboxMsg === null || toolboxMsg === void 0 ? void 0 : toolboxMsg.notEquals) !== null && _e !== void 0 ? _e : '불일치'))),
         React.createElement("div", { className: "bgrid-toolbox-form-row" },
-            React.createElement("input", { type: "text", className: "bgrid-toolbox-input", placeholder: "\uAC80\uC0C9\uC5B4 \uC785\uB825...", value: value, onChange: function (e) { return setValue(e.target.value); }, onKeyDown: handleApplyKeyDown })),
+            React.createElement("input", { type: "text", className: "bgrid-toolbox-input", placeholder: (_f = toolboxMsg === null || toolboxMsg === void 0 ? void 0 : toolboxMsg.textPlaceholder) !== null && _f !== void 0 ? _f : '검색어 입력...', value: value, onChange: function (e) { return setValue(e.target.value); }, onKeyDown: handleApplyKeyDown })),
         React.createElement("div", { className: "bgrid-toolbox-button-row" },
-            React.createElement("button", { type: "button", className: "bgrid-toolbox-btn bgrid-toolbox-btn-clear", onClick: handleClear }, "\uCD08\uAE30\uD654"),
-            React.createElement("button", { type: "button", className: "bgrid-toolbox-btn bgrid-toolbox-btn-apply", onClick: handleApply }, "\uC801\uC6A9"))));
+            React.createElement("button", { type: "button", className: "bgrid-toolbox-btn bgrid-toolbox-btn-clear", onClick: handleClear }, (_g = toolboxMsg === null || toolboxMsg === void 0 ? void 0 : toolboxMsg.clear) !== null && _g !== void 0 ? _g : '초기화'),
+            React.createElement("button", { type: "button", className: "bgrid-toolbox-btn bgrid-toolbox-btn-apply", onClick: handleApply }, (_h = toolboxMsg === null || toolboxMsg === void 0 ? void 0 : toolboxMsg.apply) !== null && _h !== void 0 ? _h : '적용'))));
 }

package/cjs/components/toolbox/ToolboxValueFilterSection.js

@@ -55,8 +55,9 @@ var react_1 = require("react");
 var store_1 = require("../../store");
 var utils_1 = require("../../utils");
 function ToolboxValueFilterSection(_a) {
-    var _b, _c;
+    var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
     var column = _a.column, columnId = _a.columnId;
+    var toolboxMsg = (0, store_1.useAppStore)(function (s) { var _a; return (_a = s.msg) === null || _a === void 0 ? void 0 : _a.toolbox; });
     var sourceData = (0, store_1.useAppStore)(function (s) { return (s.sourceData.length > 0 ? s.sourceData : s.data); });
     var columns = (0, store_1.useAppStore)(function (s) { return s.columns; });
     var dataQuery = (0, store_1.useAppStore)(function (s) { return s.dataQuery; });
@@ -111,9 +112,9 @@ function ToolboxValueFilterSection(_a) {
         // Default to all selected
         return new Set(distinctValues.map(function (v) { return (0, utils_1.normalizeValueForFilter)(v); }));
     }, [appliedFilter, currentDraft, distinctValues]);
-    var _d = __read((0, react_1.useState)(initialSelectedValues), 2), selectedSet = _d[0], setSelectedSet = _d[1];
-    var _e = __read((0, react_1.useState)(''), 2), searchTerm = _e[0], setSearchTerm = _e[1];
-    var _f = __read((0, react_1.useState)(''), 2), debouncedSearch = _f[0], setDebouncedSearch = _f[1];
+    var _p = __read((0, react_1.useState)(initialSelectedValues), 2), selectedSet = _p[0], setSelectedSet = _p[1];
+    var _q = __read((0, react_1.useState)(''), 2), searchTerm = _q[0], setSearchTerm = _q[1];
+    var _r = __read((0, react_1.useState)(''), 2), debouncedSearch = _r[0], setDebouncedSearch = _r[1];
     var searchTimeoutRef = (0, react_1.useRef)(null);
     (0, react_1.useEffect)(function () {
         if (currentDraft && currentDraft.type === 'values') {
@@ -144,14 +145,15 @@ function ToolboxValueFilterSection(_a) {
             return distinctValues;
         var query = debouncedSearch.trim().toLowerCase();
         return distinctValues.filter(function (val) {
+            var _a;
             var displayStr = val === null || val === undefined
-                ? '(빈 값)'
+                ? ((_a = toolboxMsg === null || toolboxMsg === void 0 ? void 0 : toolboxMsg.emptyValue) !== null && _a !== void 0 ? _a : '(빈 값)')
                 : (filterConfig === null || filterConfig === void 0 ? void 0 : filterConfig.formatValue)
                     ? String(filterConfig.formatValue(val))
                     : String(val);
             return displayStr.toLowerCase().includes(query);
         });
-    }, [debouncedSearch, distinctValues, filterConfig]);
+    }, [debouncedSearch, distinctValues, filterConfig, toolboxMsg === null || toolboxMsg === void 0 ? void 0 : toolboxMsg.emptyValue]);
     var handleToggleValue = function (val) {
         var next = new Set(selectedSet);
         var norm = (0, utils_1.normalizeValueForFilter)(val);
@@ -210,18 +212,18 @@ function ToolboxValueFilterSection(_a) {
     };
     if (isManual && distinctValues.length === 0) {
         return (React.createElement("div", { className: "bgrid-toolbox-section" },
-            React.createElement("div", { className: "bgrid-toolbox-section-title" }, "\uD544\uD130"),
-            React.createElement("div", { className: "bgrid-toolbox-empty-notice" }, "\uC0AC\uC6A9 \uAC00\uB2A5\uD55C \uAC12 \uBAA9\uB85D\uC774 \uC5C6\uC2B5\uB2C8\uB2E4.")));
+            React.createElement("div", { className: "bgrid-toolbox-section-title" }, (_c = toolboxMsg === null || toolboxMsg === void 0 ? void 0 : toolboxMsg.filter) !== null && _c !== void 0 ? _c : '필터'),
+            React.createElement("div", { className: "bgrid-toolbox-empty-notice" }, (_d = toolboxMsg === null || toolboxMsg === void 0 ? void 0 : toolboxMsg.noValues) !== null && _d !== void 0 ? _d : '사용 가능한 값 목록이 없습니다.')));
     }
-    var maxDisplayItems = (_c = filterConfig === null || filterConfig === void 0 ? void 0 : filterConfig.maxValueListItems) !== null && _c !== void 0 ? _c : 300;
+    var maxDisplayItems = (_e = filterConfig === null || filterConfig === void 0 ? void 0 : filterConfig.maxValueListItems) !== null && _e !== void 0 ? _e : 300;
     var isListCapped = filteredDistinctValues.length > maxDisplayItems;
     var displayItems = isListCapped
         ? filteredDistinctValues.slice(0, maxDisplayItems)
         : filteredDistinctValues;
     return (React.createElement("div", { className: "bgrid-toolbox-section bgrid-toolbox-values-filter-section" },
-        React.createElement("div", { className: "bgrid-toolbox-section-title" }, "\uAC12 \uD544\uD130"),
+        React.createElement("div", { className: "bgrid-toolbox-section-title" }, (_f = toolboxMsg === null || toolboxMsg === void 0 ? void 0 : toolboxMsg.valueFilter) !== null && _f !== void 0 ? _f : '값 필터'),
         React.createElement("div", { className: "bgrid-toolbox-search-box" },
-            React.createElement("input", { type: "text", className: "bgrid-toolbox-search-input", placeholder: "\uAC80\uC0C9...", value: searchTerm, onChange: function (e) { return setSearchTerm(e.target.value); } })),
+            React.createElement("input", { type: "text", className: "bgrid-toolbox-search-input", placeholder: (_g = toolboxMsg === null || toolboxMsg === void 0 ? void 0 : toolboxMsg.searchPlaceholder) !== null && _g !== void 0 ? _g : '검색...', value: searchTerm, onChange: function (e) { return setSearchTerm(e.target.value); } })),
         React.createElement("div", { className: "bgrid-toolbox-values-container" },
             React.createElement("div", { className: "bgrid-toolbox-select-all-row" },
                 React.createElement("label", { className: "bgrid-toolbox-checkbox-label" },
@@ -229,22 +231,20 @@ function ToolboxValueFilterSection(_a) {
                             if (el)
                                 el.indeterminate = isIndeterminate;
                         }, onChange: function (e) { return handleSelectAll(e.target.checked); } }),
-                    React.createElement("span", null, "(\uC804\uCCB4 \uC120\uD0DD)"))),
+                    React.createElement("span", null, (_h = toolboxMsg === null || toolboxMsg === void 0 ? void 0 : toolboxMsg.selectAll) !== null && _h !== void 0 ? _h : '(전체 선택)'))),
             React.createElement("div", { className: "bgrid-toolbox-values-list" },
                 displayItems.map(function (val, idx) {
+                    var _a;
                     var norm = (0, utils_1.normalizeValueForFilter)(val);
                     var isChecked = selectedSet.has(norm);
-                    var display = val === null || val === undefined ? (React.createElement("span", { className: "bgrid-toolbox-empty-value" }, "(\uBE48 \uAC12)")) : (filterConfig === null || filterConfig === void 0 ? void 0 : filterConfig.formatValue) ? (filterConfig.formatValue(val)) : (String(val));
+                    var display = val === null || val === undefined ? (React.createElement("span", { className: "bgrid-toolbox-empty-value" }, (_a = toolboxMsg === null || toolboxMsg === void 0 ? void 0 : toolboxMsg.emptyValue) !== null && _a !== void 0 ? _a : '(빈 값)')) : (filterConfig === null || filterConfig === void 0 ? void 0 : filterConfig.formatValue) ? (filterConfig.formatValue(val)) : (String(val));
                     return (React.createElement("label", { key: idx, className: "bgrid-toolbox-checkbox-label" },
                         React.createElement("input", { type: "checkbox", checked: isChecked, onChange: function () { return handleToggleValue(val); } }),
                         React.createElement("span", { className: "bgrid-toolbox-value-text" }, display)));
                 }),
-                filteredDistinctValues.length === 0 && (React.createElement("div", { className: "bgrid-toolbox-empty-notice" }, "\uAC80\uC0C9 \uACB0\uACFC\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4.")),
-                isListCapped && (React.createElement("div", { className: "bgrid-toolbox-capped-notice" },
-                    "+",
-                    filteredDistinctValues.length - maxDisplayItems,
-                    "\uAC1C \uD56D\uBAA9\uC774 \uB354 \uC788\uC2B5\uB2C8\uB2E4. \uAC80\uC0C9\uC744 \uC774\uC6A9\uD558\uC138\uC694.")))),
+                filteredDistinctValues.length === 0 && (React.createElement("div", { className: "bgrid-toolbox-empty-notice" }, (_j = toolboxMsg === null || toolboxMsg === void 0 ? void 0 : toolboxMsg.noResults) !== null && _j !== void 0 ? _j : '검색 결과가 없습니다.')),
+                isListCapped && (React.createElement("div", { className: "bgrid-toolbox-capped-notice" }, (_l = (_k = toolboxMsg === null || toolboxMsg === void 0 ? void 0 : toolboxMsg.moreValues) === null || _k === void 0 ? void 0 : _k.call(toolboxMsg, filteredDistinctValues.length - maxDisplayItems)) !== null && _l !== void 0 ? _l : "+".concat(filteredDistinctValues.length - maxDisplayItems, "\uAC1C \uD56D\uBAA9\uC774 \uB354 \uC788\uC2B5\uB2C8\uB2E4. \uAC80\uC0C9\uC744 \uC774\uC6A9\uD558\uC138\uC694."))))),
         React.createElement("div", { className: "bgrid-toolbox-button-row" },
-            React.createElement("button", { type: "button", className: "bgrid-toolbox-btn bgrid-toolbox-btn-clear", onClick: handleClear }, "\uCD08\uAE30\uD654"),
-            React.createElement("button", { type: "button", className: "bgrid-toolbox-btn bgrid-toolbox-btn-apply", onClick: handleApply }, "\uC801\uC6A9"))));
+            React.createElement("button", { type: "button", className: "bgrid-toolbox-btn bgrid-toolbox-btn-clear", onClick: handleClear }, (_m = toolboxMsg === null || toolboxMsg === void 0 ? void 0 : toolboxMsg.clear) !== null && _m !== void 0 ? _m : '초기화'),
+            React.createElement("button", { type: "button", className: "bgrid-toolbox-btn bgrid-toolbox-btn-apply", onClick: handleApply }, (_o = toolboxMsg === null || toolboxMsg === void 0 ? void 0 : toolboxMsg.apply) !== null && _o !== void 0 ? _o : '적용'))));
 }

package/esm/components/TableHeadColumn.js

@@ -12,6 +12,7 @@ const LazyTableHeadToolbox = React.lazy(() => loadTableHeadToolbox().then(module
     default: module.TableHeadToolbox,
 })));
 function TableHeadColumn({ column, columnIndex = 0 }) {
+    const toolboxMsg = useAppStore(s => s.msg?.toolbox);
     const sort = useAppStore(s => s.sort);
     const sortParams = useAppStore(s => s.sortParams);
     const dataQuery = useAppStore(s => s.dataQuery);
@@ -51,12 +52,12 @@ function TableHeadColumn({ column, columnIndex = 0 }) {
     // Tooltip
     const tooltipParts = [];
     if (isAsc)
-        tooltipParts.push('오름차순 정렬');
+        tooltipParts.push(toolboxMsg?.sortAscending ?? '오름차순 정렬');
     if (isDesc)
-        tooltipParts.push('내림차순 정렬');
+        tooltipParts.push(toolboxMsg?.sortDescending ?? '내림차순 정렬');
     if (isFiltered)
-        tooltipParts.push('필터 적용됨');
-    const tooltip = tooltipParts.length > 0 ? tooltipParts.join(', ') : '컬럼 옵션 열기';
+        tooltipParts.push(toolboxMsg?.filterApplied ?? '필터 적용됨');
+    const tooltip = tooltipParts.length > 0 ? tooltipParts.join(', ') : (toolboxMsg?.openColumnOptions ?? '컬럼 옵션 열기');
     // Resolve icons with hierarchy (column -> global -> default)
     const sortAscIcon = columnIcons?.sortAsc ?? globalIcons?.sortAsc ?? (React.createElement("svg", { viewBox: '0 0 16 16', width: '10', height: '10', fill: 'currentColor' },
         React.createElement("path", { d: 'M3 11.5L8 4l5 7.5H3z' })));

package/esm/components/toolbox/ToolboxColumnVisibilitySection.js

@@ -4,6 +4,7 @@ function accessibleLabel(label, fallback) {
     return typeof label === 'string' || typeof label === 'number' ? String(label) : fallback;
 }
 export function ToolboxColumnVisibilitySection({ column, columnId, mode, onModeChange, close, }) {
+    const toolboxMsg = useAppStore(s => s.msg?.toolbox);
     const visibility = useAppStore(s => s.columnVisibilityState);
     const globalIcons = useAppStore(s => s.icons);
     const columnIcons = typeof column.toolbox === 'object' ? column.toolbox.icons : undefined;
@@ -31,7 +32,7 @@ export function ToolboxColumnVisibilitySection({ column, columnId, mode, onModeC
             React.createElement("div", { className: 'bgrid-toolbox-visibility-header' },
                 React.createElement("button", { type: 'button', className: 'bgrid-toolbox-icon-button', "aria-label": '\uCEEC\uB7FC \uBA54\uB274\uB85C \uB3CC\uC544\uAC00\uAE30', onClick: () => onModeChange('menu') },
                     React.createElement("span", { "aria-hidden": 'true' }, "\u2039")),
-                React.createElement("span", { className: 'bgrid-toolbox-visibility-title' }, "\uC228\uAE34 \uCEEC\uB7FC")),
+                React.createElement("span", { className: 'bgrid-toolbox-visibility-title' }, toolboxMsg?.hiddenColumns ?? '숨긴 컬럼')),
             React.createElement("div", { className: 'bgrid-toolbox-hidden-list' }, hiddenItems.map(item => {
                 const label = accessibleLabel(item.column.label, item.columnId);
                 return (React.createElement("button", { key: item.columnId, type: 'button', className: 'bgrid-toolbox-menu-item', "aria-label": `${label} 컬럼 표시`, onClick: () => {
@@ -45,24 +46,21 @@ export function ToolboxColumnVisibilitySection({ column, columnId, mode, onModeC
                     close();
                 } },
                 React.createElement("span", { className: 'bgrid-toolbox-icon-wrapper' }, columnsIcon),
-                React.createElement("span", null, "\uBAA8\uB450 \uD45C\uC2DC"))));
+                React.createElement("span", null, toolboxMsg?.showAllColumns ?? '모두 표시'))));
     }
     return (React.createElement("div", { className: 'bgrid-toolbox-section bgrid-toolbox-visibility-section' },
-        React.createElement("div", { className: 'bgrid-toolbox-section-title' }, "\uCEEC\uB7FC"),
+        React.createElement("div", { className: 'bgrid-toolbox-section-title' }, toolboxMsg?.columns ?? '컬럼'),
         React.createElement("div", { className: 'bgrid-toolbox-menu-list' },
-            React.createElement("button", { type: 'button', className: 'bgrid-toolbox-menu-item', disabled: !canHideCurrent, "aria-label": `${accessibleLabel(column.label, columnId)} 컬럼 숨기기`, title: !canHideCurrent && visibleCount <= 1 ? '최소 한 개의 컬럼은 표시해야 합니다.' : undefined, onClick: () => {
+            React.createElement("button", { type: 'button', className: 'bgrid-toolbox-menu-item', disabled: !canHideCurrent, "aria-label": `${accessibleLabel(column.label, columnId)} 컬럼 숨기기`, title: !canHideCurrent && visibleCount <= 1 ? (toolboxMsg?.lastVisibleColumn ?? '최소 한 개의 컬럼은 표시해야 합니다.') : undefined, onClick: () => {
                     if (!canHideCurrent)
                         return;
                     visibility.onChange([...visibility.hiddenColumnIds, columnId], { type: 'hide', columnId, column: currentItem?.column });
                     close();
                 } },
                 React.createElement("span", { className: 'bgrid-toolbox-icon-wrapper' }, hideIcon),
-                React.createElement("span", null, "\uC774 \uCEEC\uB7FC \uC228\uAE30\uAE30")),
+                React.createElement("span", null, toolboxMsg?.hideThisColumn ?? '이 컬럼 숨기기')),
             hiddenItems.length > 0 && (React.createElement("button", { type: 'button', className: 'bgrid-toolbox-menu-item', "aria-label": `숨긴 컬럼 ${hiddenItems.length}개 관리`, onClick: () => onModeChange('hidden') },
                 React.createElement("span", { className: 'bgrid-toolbox-icon-wrapper' }, columnsIcon),
-                React.createElement("span", { className: 'bgrid-toolbox-menu-label' },
-                    "\uC228\uAE34 \uCEEC\uB7FC ",
-                    hiddenItems.length,
-                    "\uAC1C"),
+                React.createElement("span", { className: 'bgrid-toolbox-menu-label' }, toolboxMsg?.hiddenColumnCount?.(hiddenItems.length) ?? `숨긴 컬럼 ${hiddenItems.length}개`),
                 React.createElement("span", { className: 'bgrid-toolbox-menu-chevron', "aria-hidden": 'true' }, "\u203A"))))));
 }

package/esm/components/toolbox/ToolboxCustomSection.js

@@ -1,5 +1,7 @@
 import * as React from 'react';
+import { useAppStore } from '../../store';
 export function ToolboxCustomSection({ column, columnId, columnIndex, config, close }) {
+    const toolboxMsg = useAppStore(s => s.msg?.toolbox);
     if (config.render) {
         const CustomRender = config.render;
         return (React.createElement("div", { className: "bgrid-toolbox-custom-content" },
@@ -7,7 +9,7 @@ export function ToolboxCustomSection({ column, columnId, columnIndex, config, cl
     }
     if (config.extraItems && config.extraItems.length > 0) {
         return (React.createElement("div", { className: "bgrid-toolbox-section bgrid-toolbox-custom-section" },
-            React.createElement("div", { className: "bgrid-toolbox-section-title" }, "\uCD94\uAC00 \uBA54\uB274"),
+            React.createElement("div", { className: "bgrid-toolbox-section-title" }, toolboxMsg?.extraMenu ?? '추가 메뉴'),
             React.createElement("div", { className: "bgrid-toolbox-menu-list" }, config.extraItems.map(item => (React.createElement("button", { key: item.id, type: "button", className: "bgrid-toolbox-menu-item", disabled: item.disabled, onClick: () => {
                     item.onClick({ column, columnId, columnIndex });
                     close();

package/esm/components/toolbox/ToolboxNumberFilterSection.js

@@ -2,6 +2,7 @@ import * as React from 'react';
 import { useState, useEffect } from 'react';
 import { useAppStore } from '../../store';
 export function ToolboxNumberFilterSection({ column, columnId }) {
+    const toolboxMsg = useAppStore(s => s.msg?.toolbox);
     const dataQuery = useAppStore(s => s.dataQuery);
     const filterDrafts = useAppStore(s => s.filterDrafts);
     const setFilterDraft = useAppStore(s => s.setFilterDraft);
@@ -76,23 +77,23 @@ export function ToolboxNumberFilterSection({ column, columnId }) {
         handleApply();
     };
     return (React.createElement("div", { className: "bgrid-toolbox-section bgrid-toolbox-number-filter-section" },
-        React.createElement("div", { className: "bgrid-toolbox-section-title" }, "\uC22B\uC790 \uD544\uD130"),
+        React.createElement("div", { className: "bgrid-toolbox-section-title" }, toolboxMsg?.numberFilter ?? '숫자 필터'),
         React.createElement("div", { className: "bgrid-toolbox-form-row" },
             React.createElement("select", { className: "bgrid-toolbox-select", value: operator, onChange: e => setOperator(e.target.value) },
-                React.createElement("option", { value: "equals" }, "\uC77C\uCE58 (=)"),
-                React.createElement("option", { value: "notEquals" }, "\uBD88\uC77C\uCE58 (\u2260)"),
-                React.createElement("option", { value: "gt" }, "\uCD08\uACFC (>)"),
-                React.createElement("option", { value: "gte" }, "\uC774\uC0C1 (\u2265)"),
-                React.createElement("option", { value: "lt" }, "\uBBF8\uB9CC (<)"),
-                React.createElement("option", { value: "lte" }, "\uC774\uD558 (\u2264)"),
-                React.createElement("option", { value: "between" }, "\uBC94\uC704 (Between)"))),
+                React.createElement("option", { value: "equals" }, toolboxMsg?.numberEquals ?? '일치 (=)'),
+                React.createElement("option", { value: "notEquals" }, toolboxMsg?.numberNotEquals ?? '불일치 (≠)'),
+                React.createElement("option", { value: "gt" }, toolboxMsg?.greaterThan ?? '초과 (>)'),
+                React.createElement("option", { value: "gte" }, toolboxMsg?.greaterThanOrEqual ?? '이상 (≥)'),
+                React.createElement("option", { value: "lt" }, toolboxMsg?.lessThan ?? '미만 (<)'),
+                React.createElement("option", { value: "lte" }, toolboxMsg?.lessThanOrEqual ?? '이하 (≤)'),
+                React.createElement("option", { value: "between" }, toolboxMsg?.between ?? '범위 (Between)'))),
         isBetween ? (React.createElement("div", { className: "bgrid-toolbox-range-row" },
-            React.createElement("input", { type: "number", className: "bgrid-toolbox-input", placeholder: "\uCD5C\uC18C\uAC12", value: minStr, onChange: e => setMinStr(e.target.value), onKeyDown: handleApplyKeyDown }),
+            React.createElement("input", { type: "number", className: "bgrid-toolbox-input", placeholder: toolboxMsg?.minimumPlaceholder ?? '최소값', value: minStr, onChange: e => setMinStr(e.target.value), onKeyDown: handleApplyKeyDown }),
             React.createElement("span", { className: "bgrid-toolbox-range-separator" }, "~"),
-            React.createElement("input", { type: "number", className: "bgrid-toolbox-input", placeholder: "\uCD5C\uB300\uAC12", value: maxStr, onChange: e => setMaxStr(e.target.value), onKeyDown: handleApplyKeyDown }))) : (React.createElement("div", { className: "bgrid-toolbox-form-row" },
-            React.createElement("input", { type: "number", className: "bgrid-toolbox-input", placeholder: "\uC22B\uC790 \uC785\uB825...", value: valStr, onChange: e => setValStr(e.target.value), onKeyDown: handleApplyKeyDown }))),
-        isBetweenInvalid && (React.createElement("div", { className: "bgrid-toolbox-error-text" }, "\uCD5C\uC18C\uAC12\uC774 \uCD5C\uB300\uAC12\uBCF4\uB2E4 \uD074 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4.")),
+            React.createElement("input", { type: "number", className: "bgrid-toolbox-input", placeholder: toolboxMsg?.maximumPlaceholder ?? '최대값', value: maxStr, onChange: e => setMaxStr(e.target.value), onKeyDown: handleApplyKeyDown }))) : (React.createElement("div", { className: "bgrid-toolbox-form-row" },
+            React.createElement("input", { type: "number", className: "bgrid-toolbox-input", placeholder: toolboxMsg?.numberPlaceholder ?? '숫자 입력...', value: valStr, onChange: e => setValStr(e.target.value), onKeyDown: handleApplyKeyDown }))),
+        isBetweenInvalid && (React.createElement("div", { className: "bgrid-toolbox-error-text" }, toolboxMsg?.invalidRange ?? '최소값이 최대값보다 클 수 없습니다.')),
         React.createElement("div", { className: "bgrid-toolbox-button-row" },
-            React.createElement("button", { type: "button", className: "bgrid-toolbox-btn bgrid-toolbox-btn-clear", onClick: handleClear }, "\uCD08\uAE30\uD654"),
-            React.createElement("button", { type: "button", className: "bgrid-toolbox-btn bgrid-toolbox-btn-apply", disabled: !isValid, onClick: handleApply }, "\uC801\uC6A9"))));
+            React.createElement("button", { type: "button", className: "bgrid-toolbox-btn bgrid-toolbox-btn-clear", onClick: handleClear }, toolboxMsg?.clear ?? '초기화'),
+            React.createElement("button", { type: "button", className: "bgrid-toolbox-btn bgrid-toolbox-btn-apply", disabled: !isValid, onClick: handleApply }, toolboxMsg?.apply ?? '적용'))));
 }

package/esm/components/toolbox/ToolboxSortSection.js

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { useAppStore } from '../../store';
 export function ToolboxSortSection({ column, columnId }) {
+    const toolboxMsg = useAppStore(s => s.msg?.toolbox);
     const dataQuery = useAppStore(s => s.dataQuery);
     const sortParams = useAppStore(s => s.sortParams);
     const setColumnSort = useAppStore(s => s.setColumnSort);
@@ -17,15 +18,15 @@ export function ToolboxSortSection({ column, columnId }) {
     const sortClearIcon = columnIcons?.sortClear ?? globalIcons?.sortClear ?? (React.createElement("svg", { className: "bgrid-toolbox-icon", viewBox: "0 0 16 16", width: "14", height: "14", fill: "currentColor" },
         React.createElement("path", { d: "M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z" })));
     return (React.createElement("div", { className: "bgrid-toolbox-section bgrid-toolbox-sort-section" },
-        React.createElement("div", { className: "bgrid-toolbox-section-title" }, "\uC815\uB82C"),
+        React.createElement("div", { className: "bgrid-toolbox-section-title" }, toolboxMsg?.sort ?? '정렬'),
         React.createElement("div", { className: "bgrid-toolbox-menu-list" },
             React.createElement("button", { type: "button", className: `bgrid-toolbox-menu-item ${isAsc ? 'active' : ''}`, onClick: () => setColumnSort(columnId, 'asc') },
                 React.createElement("span", { className: "bgrid-toolbox-icon-wrapper" }, sortAscIcon),
-                React.createElement("span", null, "\uC624\uB984\uCC28\uC21C \uC815\uB82C")),
+                React.createElement("span", null, toolboxMsg?.sortAscending ?? '오름차순 정렬')),
             React.createElement("button", { type: "button", className: `bgrid-toolbox-menu-item ${isDesc ? 'active' : ''}`, onClick: () => setColumnSort(columnId, 'desc') },
                 React.createElement("span", { className: "bgrid-toolbox-icon-wrapper" }, sortDescIcon),
-                React.createElement("span", null, "\uB0B4\uB9BC\uCC28\uC21C \uC815\uB82C")),
+                React.createElement("span", null, toolboxMsg?.sortDescending ?? '내림차순 정렬')),
             activeSortParam && (React.createElement("button", { type: "button", className: "bgrid-toolbox-menu-item bgrid-toolbox-menu-item-clear", onClick: () => setColumnSort(columnId, null) },
                 React.createElement("span", { className: "bgrid-toolbox-icon-wrapper" }, sortClearIcon),
-                React.createElement("span", null, "\uC815\uB82C \uCD08\uAE30\uD654"))))));
+                React.createElement("span", null, toolboxMsg?.clearSort ?? '정렬 초기화'))))));
 }

package/esm/components/toolbox/ToolboxTextFilterSection.js

@@ -2,6 +2,7 @@ import * as React from 'react';
 import { useState, useEffect } from 'react';
 import { useAppStore } from '../../store';
 export function ToolboxTextFilterSection({ column, columnId }) {
+    const toolboxMsg = useAppStore(s => s.msg?.toolbox);
     const dataQuery = useAppStore(s => s.dataQuery);
     const filterDrafts = useAppStore(s => s.filterDrafts);
     const setFilterDraft = useAppStore(s => s.setFilterDraft);
@@ -47,15 +48,15 @@ export function ToolboxTextFilterSection({ column, columnId }) {
         handleApply();
     };
     return (React.createElement("div", { className: "bgrid-toolbox-section bgrid-toolbox-text-filter-section" },
-        React.createElement("div", { className: "bgrid-toolbox-section-title" }, "\uD14D\uC2A4\uD2B8 \uD544\uD130"),
+        React.createElement("div", { className: "bgrid-toolbox-section-title" }, toolboxMsg?.textFilter ?? '텍스트 필터'),
         React.createElement("div", { className: "bgrid-toolbox-form-row" },
             React.createElement("select", { className: "bgrid-toolbox-select", value: operator, onChange: e => setOperator(e.target.value) },
-                React.createElement("option", { value: "contains" }, "\uD3EC\uD568"),
-                React.createElement("option", { value: "equals" }, "\uC77C\uCE58"),
-                React.createElement("option", { value: "notEquals" }, "\uBD88\uC77C\uCE58"))),
+                React.createElement("option", { value: "contains" }, toolboxMsg?.contains ?? '포함'),
+                React.createElement("option", { value: "equals" }, toolboxMsg?.equals ?? '일치'),
+                React.createElement("option", { value: "notEquals" }, toolboxMsg?.notEquals ?? '불일치'))),
         React.createElement("div", { className: "bgrid-toolbox-form-row" },
-            React.createElement("input", { type: "text", className: "bgrid-toolbox-input", placeholder: "\uAC80\uC0C9\uC5B4 \uC785\uB825...", value: value, onChange: e => setValue(e.target.value), onKeyDown: handleApplyKeyDown })),
+            React.createElement("input", { type: "text", className: "bgrid-toolbox-input", placeholder: toolboxMsg?.textPlaceholder ?? '검색어 입력...', value: value, onChange: e => setValue(e.target.value), onKeyDown: handleApplyKeyDown })),
         React.createElement("div", { className: "bgrid-toolbox-button-row" },
-            React.createElement("button", { type: "button", className: "bgrid-toolbox-btn bgrid-toolbox-btn-clear", onClick: handleClear }, "\uCD08\uAE30\uD654"),
-            React.createElement("button", { type: "button", className: "bgrid-toolbox-btn bgrid-toolbox-btn-apply", onClick: handleApply }, "\uC801\uC6A9"))));
+            React.createElement("button", { type: "button", className: "bgrid-toolbox-btn bgrid-toolbox-btn-clear", onClick: handleClear }, toolboxMsg?.clear ?? '초기화'),
+            React.createElement("button", { type: "button", className: "bgrid-toolbox-btn bgrid-toolbox-btn-apply", onClick: handleApply }, toolboxMsg?.apply ?? '적용'))));
 }

package/esm/components/toolbox/ToolboxValueFilterSection.js

@@ -3,6 +3,7 @@ import { useState, useMemo, useEffect, useRef } from 'react';
 import { useAppStore } from '../../store';
 import { getCellValueByRowKey, filterRows, normalizeValueForFilter } from '../../utils';
 export function ToolboxValueFilterSection({ column, columnId }) {
+    const toolboxMsg = useAppStore(s => s.msg?.toolbox);
     const sourceData = useAppStore(s => (s.sourceData.length > 0 ? s.sourceData : s.data));
     const columns = useAppStore(s => s.columns);
     const dataQuery = useAppStore(s => s.dataQuery);
@@ -90,13 +91,13 @@ export function ToolboxValueFilterSection({ column, columnId }) {
         const query = debouncedSearch.trim().toLowerCase();
         return distinctValues.filter(val => {
             const displayStr = val === null || val === undefined
-                ? '(빈 값)'
+                ? (toolboxMsg?.emptyValue ?? '(빈 값)')
                 : filterConfig?.formatValue
                     ? String(filterConfig.formatValue(val))
                     : String(val);
             return displayStr.toLowerCase().includes(query);
         });
-    }, [debouncedSearch, distinctValues, filterConfig]);
+    }, [debouncedSearch, distinctValues, filterConfig, toolboxMsg?.emptyValue]);
     const handleToggleValue = (val) => {
         const next = new Set(selectedSet);
         const norm = normalizeValueForFilter(val);
@@ -155,8 +156,8 @@ export function ToolboxValueFilterSection({ column, columnId }) {
     };
     if (isManual && distinctValues.length === 0) {
         return (React.createElement("div", { className: "bgrid-toolbox-section" },
-            React.createElement("div", { className: "bgrid-toolbox-section-title" }, "\uD544\uD130"),
-            React.createElement("div", { className: "bgrid-toolbox-empty-notice" }, "\uC0AC\uC6A9 \uAC00\uB2A5\uD55C \uAC12 \uBAA9\uB85D\uC774 \uC5C6\uC2B5\uB2C8\uB2E4.")));
+            React.createElement("div", { className: "bgrid-toolbox-section-title" }, toolboxMsg?.filter ?? '필터'),
+            React.createElement("div", { className: "bgrid-toolbox-empty-notice" }, toolboxMsg?.noValues ?? '사용 가능한 값 목록이 없습니다.')));
     }
     const maxDisplayItems = filterConfig?.maxValueListItems ?? 300;
     const isListCapped = filteredDistinctValues.length > maxDisplayItems;
@@ -164,9 +165,9 @@ export function ToolboxValueFilterSection({ column, columnId }) {
         ? filteredDistinctValues.slice(0, maxDisplayItems)
         : filteredDistinctValues;
     return (React.createElement("div", { className: "bgrid-toolbox-section bgrid-toolbox-values-filter-section" },
-        React.createElement("div", { className: "bgrid-toolbox-section-title" }, "\uAC12 \uD544\uD130"),
+        React.createElement("div", { className: "bgrid-toolbox-section-title" }, toolboxMsg?.valueFilter ?? '값 필터'),
         React.createElement("div", { className: "bgrid-toolbox-search-box" },
-            React.createElement("input", { type: "text", className: "bgrid-toolbox-search-input", placeholder: "\uAC80\uC0C9...", value: searchTerm, onChange: e => setSearchTerm(e.target.value) })),
+            React.createElement("input", { type: "text", className: "bgrid-toolbox-search-input", placeholder: toolboxMsg?.searchPlaceholder ?? '검색...', value: searchTerm, onChange: e => setSearchTerm(e.target.value) })),
         React.createElement("div", { className: "bgrid-toolbox-values-container" },
             React.createElement("div", { className: "bgrid-toolbox-select-all-row" },
                 React.createElement("label", { className: "bgrid-toolbox-checkbox-label" },
@@ -174,22 +175,19 @@ export function ToolboxValueFilterSection({ column, columnId }) {
                             if (el)
                                 el.indeterminate = isIndeterminate;
                         }, onChange: e => handleSelectAll(e.target.checked) }),
-                    React.createElement("span", null, "(\uC804\uCCB4 \uC120\uD0DD)"))),
+                    React.createElement("span", null, toolboxMsg?.selectAll ?? '(전체 선택)'))),
             React.createElement("div", { className: "bgrid-toolbox-values-list" },
                 displayItems.map((val, idx) => {
                     const norm = normalizeValueForFilter(val);
                     const isChecked = selectedSet.has(norm);
-                    const display = val === null || val === undefined ? (React.createElement("span", { className: "bgrid-toolbox-empty-value" }, "(\uBE48 \uAC12)")) : filterConfig?.formatValue ? (filterConfig.formatValue(val)) : (String(val));
+                    const display = val === null || val === undefined ? (React.createElement("span", { className: "bgrid-toolbox-empty-value" }, toolboxMsg?.emptyValue ?? '(빈 값)')) : filterConfig?.formatValue ? (filterConfig.formatValue(val)) : (String(val));
                     return (React.createElement("label", { key: idx, className: "bgrid-toolbox-checkbox-label" },
                         React.createElement("input", { type: "checkbox", checked: isChecked, onChange: () => handleToggleValue(val) }),
                         React.createElement("span", { className: "bgrid-toolbox-value-text" }, display)));
                 }),
-                filteredDistinctValues.length === 0 && (React.createElement("div", { className: "bgrid-toolbox-empty-notice" }, "\uAC80\uC0C9 \uACB0\uACFC\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4.")),
-                isListCapped && (React.createElement("div", { className: "bgrid-toolbox-capped-notice" },
-                    "+",
-                    filteredDistinctValues.length - maxDisplayItems,
-                    "\uAC1C \uD56D\uBAA9\uC774 \uB354 \uC788\uC2B5\uB2C8\uB2E4. \uAC80\uC0C9\uC744 \uC774\uC6A9\uD558\uC138\uC694.")))),
+                filteredDistinctValues.length === 0 && (React.createElement("div", { className: "bgrid-toolbox-empty-notice" }, toolboxMsg?.noResults ?? '검색 결과가 없습니다.')),
+                isListCapped && (React.createElement("div", { className: "bgrid-toolbox-capped-notice" }, toolboxMsg?.moreValues?.(filteredDistinctValues.length - maxDisplayItems) ?? `+${filteredDistinctValues.length - maxDisplayItems}개 항목이 더 있습니다. 검색을 이용하세요.`)))),
         React.createElement("div", { className: "bgrid-toolbox-button-row" },
-            React.createElement("button", { type: "button", className: "bgrid-toolbox-btn bgrid-toolbox-btn-clear", onClick: handleClear }, "\uCD08\uAE30\uD654"),
-            React.createElement("button", { type: "button", className: "bgrid-toolbox-btn bgrid-toolbox-btn-apply", onClick: handleApply }, "\uC801\uC6A9"))));
+            React.createElement("button", { type: "button", className: "bgrid-toolbox-btn bgrid-toolbox-btn-clear", onClick: handleClear }, toolboxMsg?.clear ?? '초기화'),
+            React.createElement("button", { type: "button", className: "bgrid-toolbox-btn bgrid-toolbox-btn-apply", onClick: handleApply }, toolboxMsg?.apply ?? '적용'))));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "beautiful-grid",
-  "version": "1.0.8",
+  "version": "1.0.9",
   "description": "A beautiful, powerful, open-source React Data Grid.",
   "homepage": "https://bgrid.axisj.com",
   "bugs": {

package/types/types.d.ts

@@ -665,6 +665,52 @@ export interface BGridRef {
      */
     scrollToRow: (rowIndex: number, options?: BGridScrollToRowOptions) => void;
 }
+export interface BGridToolboxMessages {
+    sort?: string;
+    sortAscending?: string;
+    sortDescending?: string;
+    clearSort?: string;
+    filterApplied?: string;
+    openColumnOptions?: string;
+    filter?: string;
+    textFilter?: string;
+    valueFilter?: string;
+    numberFilter?: string;
+    contains?: string;
+    equals?: string;
+    notEquals?: string;
+    numberEquals?: string;
+    numberNotEquals?: string;
+    greaterThan?: string;
+    greaterThanOrEqual?: string;
+    lessThan?: string;
+    lessThanOrEqual?: string;
+    between?: string;
+    searchPlaceholder?: string;
+    textPlaceholder?: string;
+    numberPlaceholder?: string;
+    minimumPlaceholder?: string;
+    maximumPlaceholder?: string;
+    invalidRange?: string;
+    clear?: string;
+    apply?: string;
+    emptyValue?: string;
+    selectAll?: string;
+    noValues?: string;
+    noResults?: string;
+    extraMenu?: string;
+    columns?: string;
+    hiddenColumns?: string;
+    showAllColumns?: string;
+    hideThisColumn?: string;
+    lastVisibleColumn?: string;
+    hiddenColumnCount?: (count: number) => string;
+    moreValues?: (count: number) => string;
+}
+export interface BGridMessages {
+    emptyList?: string;
+    toolbox?: BGridToolboxMessages;
+}
 export interface BGridProps<T> {
     ref?: React.Ref<BGridRef>;
     width: number;
@@ -709,6 +755,48 @@ export interface BGridProps<T> {
     onClick?: (params: BGridClickParams<T>) => void;
     msg?: {
         emptyList?: string;
+        toolbox?: {
+            sort?: string;
+            sortAscending?: string;
+            sortDescending?: string;
+            clearSort?: string;
+            filterApplied?: string;
+            openColumnOptions?: string;
+            filter?: string;
+            textFilter?: string;
+            valueFilter?: string;
+            numberFilter?: string;
+            contains?: string;
+            equals?: string;
+            notEquals?: string;
+            numberEquals?: string;
+            numberNotEquals?: string;
+            greaterThan?: string;
+            greaterThanOrEqual?: string;
+            lessThan?: string;
+            lessThanOrEqual?: string;
+            between?: string;
+            searchPlaceholder?: string;
+            textPlaceholder?: string;
+            numberPlaceholder?: string;
+            minimumPlaceholder?: string;
+            maximumPlaceholder?: string;
+            invalidRange?: string;
+            clear?: string;
+            apply?: string;
+            emptyValue?: string;
+            selectAll?: string;
+            noValues?: string;
+            noResults?: string;
+            extraMenu?: string;
+            columns?: string;
+            hiddenColumns?: string;
+            showAllColumns?: string;
+            hideThisColumn?: string;
+            lastVisibleColumn?: string;
+            hiddenColumnCount?: (count: number) => string;
+            moreValues?: (count: number) => string;
+        };
     };
     rowKey?: React.Key | React.Key[];
     selectedRowKey?: React.Key | React.Key[];