@comitor/ui 1.11.0 → 2.0.0

package/dist/data-grid/filters.js

@@ -1,49 +1,69 @@
-import { msg } from "./messages.js";
-const op = msg.filter.operators;
-const TEXT_FILTER_OPERATORS = [
-  { label: op.contains, value: "contains" },
-  { label: op.notContains, value: "notContains" },
-  { label: op.equals, value: "equals" },
-  { label: op.notEquals, value: "notEquals" },
-  { label: op.startsWith, value: "startsWith" },
-  { label: op.endsWith, value: "endsWith" },
-  { label: op.isEmpty, value: "isEmpty" },
-  { label: op.isNotEmpty, value: "isNotEmpty" }
-];
-const NUMBER_FILTER_OPERATORS = [
-  { label: op.equals, value: "equals" },
-  { label: op.notEquals, value: "notEquals" },
-  { label: op.lessThan, value: "lessThan" },
-  { label: op.lessThanOrEqual, value: "lessThanOrEqual" },
-  { label: op.greaterThan, value: "greaterThan" },
-  { label: op.greaterThanOrEqual, value: "greaterThanOrEqual" },
-  { label: op.isBetween, value: "isBetween" },
-  { label: op.isEmpty, value: "isEmpty" },
-  { label: op.isNotEmpty, value: "isNotEmpty" }
-];
-const DATE_FILTER_OPERATORS = [
-  { label: op.dateEquals, value: "equals" },
-  { label: op.dateNotEquals, value: "notEquals" },
-  { label: op.before, value: "before" },
-  { label: op.after, value: "after" },
-  { label: op.onOrBefore, value: "onOrBefore" },
-  { label: op.onOrAfter, value: "onOrAfter" },
-  { label: op.isBetween, value: "isBetween" },
-  { label: op.isEmpty, value: "isEmpty" },
-  { label: op.isNotEmpty, value: "isNotEmpty" }
-];
-const SELECT_FILTER_OPERATORS = [
-  { label: op.is, value: "is" },
-  { label: op.isNot, value: "isNot" },
-  { label: op.isAnyOf, value: "isAnyOf" },
-  { label: op.isNoneOf, value: "isNoneOf" },
-  { label: op.isEmpty, value: "isEmpty" },
-  { label: op.isNotEmpty, value: "isNotEmpty" }
-];
-const BOOLEAN_FILTER_OPERATORS = [
-  { label: op.isTrue, value: "isTrue" },
-  { label: op.isFalse, value: "isFalse" }
-];
+import { getDataGridMessages } from "./messages.js";
+function buildTextOperators(m) {
+  const op = m.filter.operators;
+  return [
+    { label: op.contains, value: "contains" },
+    { label: op.notContains, value: "notContains" },
+    { label: op.equals, value: "equals" },
+    { label: op.notEquals, value: "notEquals" },
+    { label: op.startsWith, value: "startsWith" },
+    { label: op.endsWith, value: "endsWith" },
+    { label: op.isEmpty, value: "isEmpty" },
+    { label: op.isNotEmpty, value: "isNotEmpty" }
+  ];
+}
+function buildNumberOperators(m) {
+  const op = m.filter.operators;
+  return [
+    { label: op.equals, value: "equals" },
+    { label: op.notEquals, value: "notEquals" },
+    { label: op.lessThan, value: "lessThan" },
+    { label: op.lessThanOrEqual, value: "lessThanOrEqual" },
+    { label: op.greaterThan, value: "greaterThan" },
+    { label: op.greaterThanOrEqual, value: "greaterThanOrEqual" },
+    { label: op.isBetween, value: "isBetween" },
+    { label: op.isEmpty, value: "isEmpty" },
+    { label: op.isNotEmpty, value: "isNotEmpty" }
+  ];
+}
+function buildDateOperators(m) {
+  const op = m.filter.operators;
+  return [
+    { label: op.dateEquals, value: "equals" },
+    { label: op.dateNotEquals, value: "notEquals" },
+    { label: op.before, value: "before" },
+    { label: op.after, value: "after" },
+    { label: op.onOrBefore, value: "onOrBefore" },
+    { label: op.onOrAfter, value: "onOrAfter" },
+    { label: op.isBetween, value: "isBetween" },
+    { label: op.isEmpty, value: "isEmpty" },
+    { label: op.isNotEmpty, value: "isNotEmpty" }
+  ];
+}
+function buildSelectOperators(m) {
+  const op = m.filter.operators;
+  return [
+    { label: op.is, value: "is" },
+    { label: op.isNot, value: "isNot" },
+    { label: op.isAnyOf, value: "isAnyOf" },
+    { label: op.isNoneOf, value: "isNoneOf" },
+    { label: op.isEmpty, value: "isEmpty" },
+    { label: op.isNotEmpty, value: "isNotEmpty" }
+  ];
+}
+function buildBooleanOperators(m) {
+  const op = m.filter.operators;
+  return [
+    { label: op.isTrue, value: "isTrue" },
+    { label: op.isFalse, value: "isFalse" }
+  ];
+}
+const DEFAULT_MESSAGES = getDataGridMessages();
+const TEXT_FILTER_OPERATORS = buildTextOperators(DEFAULT_MESSAGES);
+const NUMBER_FILTER_OPERATORS = buildNumberOperators(DEFAULT_MESSAGES);
+const DATE_FILTER_OPERATORS = buildDateOperators(DEFAULT_MESSAGES);
+const SELECT_FILTER_OPERATORS = buildSelectOperators(DEFAULT_MESSAGES);
+const BOOLEAN_FILTER_OPERATORS = buildBooleanOperators(DEFAULT_MESSAGES);
 function getDefaultOperator(variant) {
   switch (variant) {
     case "number":
@@ -59,19 +79,20 @@ function getDefaultOperator(variant) {
       return "contains";
   }
 }
-function getOperatorsForVariant(variant) {
+function getOperatorsForVariant(variant, messages) {
+  const m = messages ?? DEFAULT_MESSAGES;
   switch (variant) {
     case "number":
-      return NUMBER_FILTER_OPERATORS;
+      return buildNumberOperators(m);
     case "date":
-      return DATE_FILTER_OPERATORS;
+      return buildDateOperators(m);
     case "select":
     case "multi-select":
-      return SELECT_FILTER_OPERATORS;
+      return buildSelectOperators(m);
     case "checkbox":
-      return BOOLEAN_FILTER_OPERATORS;
+      return buildBooleanOperators(m);
     default:
-      return TEXT_FILTER_OPERATORS;
+      return buildTextOperators(m);
   }
 }
 function getFilterFn() {

package/dist/data-grid/filters.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/data-grid/filters.ts"],"sourcesContent":["import type { FilterFn, Row } from \"@tanstack/react-table\";\nimport { msg } from \"./messages.js\";\nimport type {\n  BooleanFilterOperator,\n  DateFilterOperator,\n  FilterOperator,\n  FilterValue,\n  NumberFilterOperator,\n  SelectFilterOperator,\n  TextFilterOperator\n} from \"./types.js\";\n\nconst op = msg.filter.operators;\n\nexport const TEXT_FILTER_OPERATORS: ReadonlyArray<{\n  label: string;\n  value: TextFilterOperator;\n}> = [\n  { label: op.contains, value: \"contains\" },\n  { label: op.notContains, value: \"notContains\" },\n  { label: op.equals, value: \"equals\" },\n  { label: op.notEquals, value: \"notEquals\" },\n  { label: op.startsWith, value: \"startsWith\" },\n  { label: op.endsWith, value: \"endsWith\" },\n  { label: op.isEmpty, value: \"isEmpty\" },\n  { label: op.isNotEmpty, value: \"isNotEmpty\" }\n];\n\nexport const NUMBER_FILTER_OPERATORS: ReadonlyArray<{\n  label: string;\n  value: NumberFilterOperator;\n}> = [\n  { label: op.equals, value: \"equals\" },\n  { label: op.notEquals, value: \"notEquals\" },\n  { label: op.lessThan, value: \"lessThan\" },\n  { label: op.lessThanOrEqual, value: \"lessThanOrEqual\" },\n  { label: op.greaterThan, value: \"greaterThan\" },\n  { label: op.greaterThanOrEqual, value: \"greaterThanOrEqual\" },\n  { label: op.isBetween, value: \"isBetween\" },\n  { label: op.isEmpty, value: \"isEmpty\" },\n  { label: op.isNotEmpty, value: \"isNotEmpty\" }\n];\n\nexport const DATE_FILTER_OPERATORS: ReadonlyArray<{\n  label: string;\n  value: DateFilterOperator;\n}> = [\n  { label: op.dateEquals, value: \"equals\" },\n  { label: op.dateNotEquals, value: \"notEquals\" },\n  { label: op.before, value: \"before\" },\n  { label: op.after, value: \"after\" },\n  { label: op.onOrBefore, value: \"onOrBefore\" },\n  { label: op.onOrAfter, value: \"onOrAfter\" },\n  { label: op.isBetween, value: \"isBetween\" },\n  { label: op.isEmpty, value: \"isEmpty\" },\n  { label: op.isNotEmpty, value: \"isNotEmpty\" }\n];\n\nexport const SELECT_FILTER_OPERATORS: ReadonlyArray<{\n  label: string;\n  value: SelectFilterOperator;\n}> = [\n  { label: op.is, value: \"is\" },\n  { label: op.isNot, value: \"isNot\" },\n  { label: op.isAnyOf, value: \"isAnyOf\" },\n  { label: op.isNoneOf, value: \"isNoneOf\" },\n  { label: op.isEmpty, value: \"isEmpty\" },\n  { label: op.isNotEmpty, value: \"isNotEmpty\" }\n];\n\nexport const BOOLEAN_FILTER_OPERATORS: ReadonlyArray<{\n  label: string;\n  value: BooleanFilterOperator;\n}> = [\n  { label: op.isTrue, value: \"isTrue\" },\n  { label: op.isFalse, value: \"isFalse\" }\n];\n\nexport function getDefaultOperator(variant: string): FilterOperator {\n  switch (variant) {\n    case \"number\":\n      return \"equals\";\n    case \"date\":\n      return \"equals\";\n    case \"select\":\n    case \"multi-select\":\n      return \"is\";\n    case \"checkbox\":\n      return \"isTrue\";\n    default:\n      return \"contains\";\n  }\n}\n\nexport function getOperatorsForVariant(variant: string): ReadonlyArray<{\n  label: string;\n  value: FilterOperator;\n}> {\n  switch (variant) {\n    case \"number\":\n      return NUMBER_FILTER_OPERATORS;\n    case \"date\":\n      return DATE_FILTER_OPERATORS;\n    case \"select\":\n    case \"multi-select\":\n      return SELECT_FILTER_OPERATORS;\n    case \"checkbox\":\n      return BOOLEAN_FILTER_OPERATORS;\n    default:\n      return TEXT_FILTER_OPERATORS;\n  }\n}\n\nexport function getFilterFn<TData>(): FilterFn<TData> {\n  return (row: Row<TData>, columnId: string, filterValue: unknown): boolean => {\n    if (!filterValue || typeof filterValue !== \"object\") {\n      return true;\n    }\n\n    const filter = filterValue as FilterValue;\n    const { operator, value, endValue } = filter;\n\n    const cellValue = row.getValue(columnId);\n\n    if (operator === \"isEmpty\") {\n      return (\n        cellValue === null ||\n        cellValue === undefined ||\n        cellValue === \"\" ||\n        (Array.isArray(cellValue) && cellValue.length === 0)\n      );\n    }\n\n    if (operator === \"isNotEmpty\") {\n      return !(\n        cellValue === null ||\n        cellValue === undefined ||\n        cellValue === \"\" ||\n        (Array.isArray(cellValue) && cellValue.length === 0)\n      );\n    }\n\n    if (operator === \"isTrue\") {\n      return cellValue === true;\n    }\n\n    if (operator === \"isFalse\") {\n      return cellValue === false || !cellValue;\n    }\n\n    if (value === undefined || value === null || value === \"\") {\n      return true;\n    }\n\n    const cellValueStr = String(cellValue ?? \"\").toLowerCase();\n    const filterValueStr = typeof value === \"string\" ? value.toLowerCase() : String(value);\n\n    if (operator === \"contains\") {\n      return cellValueStr.includes(filterValueStr);\n    }\n\n    if (operator === \"notContains\") {\n      return !cellValueStr.includes(filterValueStr);\n    }\n\n    if (operator === \"equals\") {\n      if (typeof cellValue === \"number\" && typeof value === \"number\") {\n        return cellValue === value;\n      }\n      if (cellValue instanceof Date && typeof value === \"string\") {\n        const cellDate = new Date(cellValue);\n        const filterDate = new Date(value);\n        return cellDate.toDateString() === filterDate.toDateString();\n      }\n      return cellValueStr === filterValueStr;\n    }\n\n    if (operator === \"notEquals\") {\n      if (typeof cellValue === \"number\" && typeof value === \"number\") {\n        return cellValue !== value;\n      }\n      if (cellValue instanceof Date && typeof value === \"string\") {\n        const cellDate = new Date(cellValue);\n        const filterDate = new Date(value);\n        return cellDate.toDateString() !== filterDate.toDateString();\n      }\n      return cellValueStr !== filterValueStr;\n    }\n\n    if (operator === \"startsWith\") {\n      return cellValueStr.startsWith(filterValueStr);\n    }\n\n    if (operator === \"endsWith\") {\n      return cellValueStr.endsWith(filterValueStr);\n    }\n\n    if (typeof cellValue === \"number\" && typeof value === \"number\") {\n      if (operator === \"greaterThan\") {\n        return cellValue > value;\n      }\n\n      if (operator === \"greaterThanOrEqual\") {\n        return cellValue >= value;\n      }\n\n      if (operator === \"lessThan\") {\n        return cellValue < value;\n      }\n\n      if (operator === \"lessThanOrEqual\") {\n        return cellValue <= value;\n      }\n\n      if (operator === \"isBetween\" && typeof endValue === \"number\") {\n        return cellValue >= value && cellValue <= endValue;\n      }\n    }\n\n    if (cellValue instanceof Date || typeof cellValue === \"string\") {\n      const cellDate = new Date(cellValue);\n      if (!Number.isNaN(cellDate.getTime()) && typeof value === \"string\") {\n        const filterDate = new Date(value);\n\n        if (operator === \"before\") {\n          return cellDate < filterDate;\n        }\n\n        if (operator === \"after\") {\n          return cellDate > filterDate;\n        }\n\n        if (operator === \"onOrBefore\") {\n          return cellDate <= filterDate;\n        }\n\n        if (operator === \"onOrAfter\") {\n          return cellDate >= filterDate;\n        }\n\n        if (operator === \"isBetween\" && typeof endValue === \"string\") {\n          const filterDate2 = new Date(endValue);\n          return cellDate >= filterDate && cellDate <= filterDate2;\n        }\n      }\n    }\n\n    if (operator === \"is\") {\n      if (Array.isArray(cellValue)) {\n        return cellValue.some((v) => String(v) === String(value));\n      }\n      return String(cellValue) === String(value);\n    }\n\n    if (operator === \"isNot\") {\n      if (Array.isArray(cellValue)) {\n        return !cellValue.some((v) => String(v) === String(value));\n      }\n      return String(cellValue) !== String(value);\n    }\n\n    if (operator === \"isAnyOf\" && Array.isArray(value)) {\n      if (Array.isArray(cellValue)) {\n        return cellValue.some((v) => value.some((fv) => String(v) === String(fv)));\n      }\n      return value.some((fv) => String(cellValue) === String(fv));\n    }\n\n    if (operator === \"isNoneOf\" && Array.isArray(value)) {\n      if (Array.isArray(cellValue)) {\n        return !cellValue.some((v) => value.some((fv) => String(v) === String(fv)));\n      }\n      return !value.some((fv) => String(cellValue) === String(fv));\n    }\n\n    return true;\n  };\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/data-grid/filters.ts"],"sourcesContent":["import type { FilterFn, Row } from \"@tanstack/react-table\";\nimport { type DataGridMessages, getDataGridMessages } from \"./messages.js\";\nimport type {\n  BooleanFilterOperator,\n  DateFilterOperator,\n  FilterOperator,\n  FilterValue,\n  NumberFilterOperator,\n  SelectFilterOperator,\n  TextFilterOperator\n} from \"./types.js\";\n\ninterface OperatorOption<TOperator extends FilterOperator> {\n  label: string;\n  value: TOperator;\n}\n\n/*\n * ⚠ Nhãn toán tử phụ thuộc NGÔN NGỮ, nên chúng phải dựng theo bảng chuỗi chứ không đóng băng vào\n * một mảng hằng ở đầu module. Sáu `build*` bên dưới là khuôn; sáu hằng `*_FILTER_OPERATORS` là\n * khuôn ấy áp cho bảng MẶC ĐỊNH (tiếng Anh), giữ lại vì chúng là API công khai từ `1.11.0` và vì\n * phần lớn app chỉ cần đúng bản đó.\n * Chỗ nào dựng giao diện theo `locale` thì gọi `getOperatorsForVariant(variant, messages)` —\n * đọc hằng ở trên là khoá cứng tiếng Anh.\n */\nfunction buildTextOperators(m: DataGridMessages): OperatorOption<TextFilterOperator>[] {\n  const op = m.filter.operators;\n  return [\n    { label: op.contains, value: \"contains\" },\n    { label: op.notContains, value: \"notContains\" },\n    { label: op.equals, value: \"equals\" },\n    { label: op.notEquals, value: \"notEquals\" },\n    { label: op.startsWith, value: \"startsWith\" },\n    { label: op.endsWith, value: \"endsWith\" },\n    { label: op.isEmpty, value: \"isEmpty\" },\n    { label: op.isNotEmpty, value: \"isNotEmpty\" }\n  ];\n}\n\nfunction buildNumberOperators(m: DataGridMessages): OperatorOption<NumberFilterOperator>[] {\n  const op = m.filter.operators;\n  return [\n    { label: op.equals, value: \"equals\" },\n    { label: op.notEquals, value: \"notEquals\" },\n    { label: op.lessThan, value: \"lessThan\" },\n    { label: op.lessThanOrEqual, value: \"lessThanOrEqual\" },\n    { label: op.greaterThan, value: \"greaterThan\" },\n    { label: op.greaterThanOrEqual, value: \"greaterThanOrEqual\" },\n    { label: op.isBetween, value: \"isBetween\" },\n    { label: op.isEmpty, value: \"isEmpty\" },\n    { label: op.isNotEmpty, value: \"isNotEmpty\" }\n  ];\n}\n\nfunction buildDateOperators(m: DataGridMessages): OperatorOption<DateFilterOperator>[] {\n  const op = m.filter.operators;\n  return [\n    { label: op.dateEquals, value: \"equals\" },\n    { label: op.dateNotEquals, value: \"notEquals\" },\n    { label: op.before, value: \"before\" },\n    { label: op.after, value: \"after\" },\n    { label: op.onOrBefore, value: \"onOrBefore\" },\n    { label: op.onOrAfter, value: \"onOrAfter\" },\n    { label: op.isBetween, value: \"isBetween\" },\n    { label: op.isEmpty, value: \"isEmpty\" },\n    { label: op.isNotEmpty, value: \"isNotEmpty\" }\n  ];\n}\n\nfunction buildSelectOperators(m: DataGridMessages): OperatorOption<SelectFilterOperator>[] {\n  const op = m.filter.operators;\n  return [\n    { label: op.is, value: \"is\" },\n    { label: op.isNot, value: \"isNot\" },\n    { label: op.isAnyOf, value: \"isAnyOf\" },\n    { label: op.isNoneOf, value: \"isNoneOf\" },\n    { label: op.isEmpty, value: \"isEmpty\" },\n    { label: op.isNotEmpty, value: \"isNotEmpty\" }\n  ];\n}\n\nfunction buildBooleanOperators(m: DataGridMessages): OperatorOption<BooleanFilterOperator>[] {\n  const op = m.filter.operators;\n  return [\n    { label: op.isTrue, value: \"isTrue\" },\n    { label: op.isFalse, value: \"isFalse\" }\n  ];\n}\n\nconst DEFAULT_MESSAGES = getDataGridMessages();\n\nexport const TEXT_FILTER_OPERATORS: ReadonlyArray<OperatorOption<TextFilterOperator>> =\n  buildTextOperators(DEFAULT_MESSAGES);\nexport const NUMBER_FILTER_OPERATORS: ReadonlyArray<OperatorOption<NumberFilterOperator>> =\n  buildNumberOperators(DEFAULT_MESSAGES);\nexport const DATE_FILTER_OPERATORS: ReadonlyArray<OperatorOption<DateFilterOperator>> =\n  buildDateOperators(DEFAULT_MESSAGES);\nexport const SELECT_FILTER_OPERATORS: ReadonlyArray<OperatorOption<SelectFilterOperator>> =\n  buildSelectOperators(DEFAULT_MESSAGES);\nexport const BOOLEAN_FILTER_OPERATORS: ReadonlyArray<OperatorOption<BooleanFilterOperator>> =\n  buildBooleanOperators(DEFAULT_MESSAGES);\n\nexport function getDefaultOperator(variant: string): FilterOperator {\n  switch (variant) {\n    case \"number\":\n      return \"equals\";\n    case \"date\":\n      return \"equals\";\n    case \"select\":\n    case \"multi-select\":\n      return \"is\";\n    case \"checkbox\":\n      return \"isTrue\";\n    default:\n      return \"contains\";\n  }\n}\n\n/**\n * Toán tử hợp lệ cho một kiểu ô, kèm nhãn đã dịch.\n *\n * `messages` bỏ trống = bảng mặc định (tiếng Anh) — giữ đúng chữ ký của `1.11.0` nên chỗ gọi cũ\n * không phải sửa.\n */\nexport function getOperatorsForVariant(\n  variant: string,\n  messages?: DataGridMessages\n): ReadonlyArray<{\n  label: string;\n  value: FilterOperator;\n}> {\n  const m = messages ?? DEFAULT_MESSAGES;\n  switch (variant) {\n    case \"number\":\n      return buildNumberOperators(m);\n    case \"date\":\n      return buildDateOperators(m);\n    case \"select\":\n    case \"multi-select\":\n      return buildSelectOperators(m);\n    case \"checkbox\":\n      return buildBooleanOperators(m);\n    default:\n      return buildTextOperators(m);\n  }\n}\n\nexport function getFilterFn<TData>(): FilterFn<TData> {\n  return (row: Row<TData>, columnId: string, filterValue: unknown): boolean => {\n    if (!filterValue || typeof filterValue !== \"object\") {\n      return true;\n    }\n\n    const filter = filterValue as FilterValue;\n    const { operator, value, endValue } = filter;\n\n    const cellValue = row.getValue(columnId);\n\n    if (operator === \"isEmpty\") {\n      return (\n        cellValue === null ||\n        cellValue === undefined ||\n        cellValue === \"\" ||\n        (Array.isArray(cellValue) && cellValue.length === 0)\n      );\n    }\n\n    if (operator === \"isNotEmpty\") {\n      return !(\n        cellValue === null ||\n        cellValue === undefined ||\n        cellValue === \"\" ||\n        (Array.isArray(cellValue) && cellValue.length === 0)\n      );\n    }\n\n    if (operator === \"isTrue\") {\n      return cellValue === true;\n    }\n\n    if (operator === \"isFalse\") {\n      return cellValue === false || !cellValue;\n    }\n\n    if (value === undefined || value === null || value === \"\") {\n      return true;\n    }\n\n    const cellValueStr = String(cellValue ?? \"\").toLowerCase();\n    const filterValueStr = typeof value === \"string\" ? value.toLowerCase() : String(value);\n\n    if (operator === \"contains\") {\n      return cellValueStr.includes(filterValueStr);\n    }\n\n    if (operator === \"notContains\") {\n      return !cellValueStr.includes(filterValueStr);\n    }\n\n    if (operator === \"equals\") {\n      if (typeof cellValue === \"number\" && typeof value === \"number\") {\n        return cellValue === value;\n      }\n      if (cellValue instanceof Date && typeof value === \"string\") {\n        const cellDate = new Date(cellValue);\n        const filterDate = new Date(value);\n        return cellDate.toDateString() === filterDate.toDateString();\n      }\n      return cellValueStr === filterValueStr;\n    }\n\n    if (operator === \"notEquals\") {\n      if (typeof cellValue === \"number\" && typeof value === \"number\") {\n        return cellValue !== value;\n      }\n      if (cellValue instanceof Date && typeof value === \"string\") {\n        const cellDate = new Date(cellValue);\n        const filterDate = new Date(value);\n        return cellDate.toDateString() !== filterDate.toDateString();\n      }\n      return cellValueStr !== filterValueStr;\n    }\n\n    if (operator === \"startsWith\") {\n      return cellValueStr.startsWith(filterValueStr);\n    }\n\n    if (operator === \"endsWith\") {\n      return cellValueStr.endsWith(filterValueStr);\n    }\n\n    if (typeof cellValue === \"number\" && typeof value === \"number\") {\n      if (operator === \"greaterThan\") {\n        return cellValue > value;\n      }\n\n      if (operator === \"greaterThanOrEqual\") {\n        return cellValue >= value;\n      }\n\n      if (operator === \"lessThan\") {\n        return cellValue < value;\n      }\n\n      if (operator === \"lessThanOrEqual\") {\n        return cellValue <= value;\n      }\n\n      if (operator === \"isBetween\" && typeof endValue === \"number\") {\n        return cellValue >= value && cellValue <= endValue;\n      }\n    }\n\n    if (cellValue instanceof Date || typeof cellValue === \"string\") {\n      const cellDate = new Date(cellValue);\n      if (!Number.isNaN(cellDate.getTime()) && typeof value === \"string\") {\n        const filterDate = new Date(value);\n\n        if (operator === \"before\") {\n          return cellDate < filterDate;\n        }\n\n        if (operator === \"after\") {\n          return cellDate > filterDate;\n        }\n\n        if (operator === \"onOrBefore\") {\n          return cellDate <= filterDate;\n        }\n\n        if (operator === \"onOrAfter\") {\n          return cellDate >= filterDate;\n        }\n\n        if (operator === \"isBetween\" && typeof endValue === \"string\") {\n          const filterDate2 = new Date(endValue);\n          return cellDate >= filterDate && cellDate <= filterDate2;\n        }\n      }\n    }\n\n    if (operator === \"is\") {\n      if (Array.isArray(cellValue)) {\n        return cellValue.some((v) => String(v) === String(value));\n      }\n      return String(cellValue) === String(value);\n    }\n\n    if (operator === \"isNot\") {\n      if (Array.isArray(cellValue)) {\n        return !cellValue.some((v) => String(v) === String(value));\n      }\n      return String(cellValue) !== String(value);\n    }\n\n    if (operator === \"isAnyOf\" && Array.isArray(value)) {\n      if (Array.isArray(cellValue)) {\n        return cellValue.some((v) => value.some((fv) => String(v) === String(fv)));\n      }\n      return value.some((fv) => String(cellValue) === String(fv));\n    }\n\n    if (operator === \"isNoneOf\" && Array.isArray(value)) {\n      if (Array.isArray(cellValue)) {\n        return !cellValue.some((v) => value.some((fv) => String(v) === String(fv)));\n      }\n      return !value.some((fv) => String(cellValue) === String(fv));\n    }\n\n    return true;\n  };\n}\n"],"mappings":"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","names":[]}

package/dist/data-grid/index.d.ts

@@ -1,6 +1,7 @@
 export { DataGrid } from './data-grid.js';
 export { DataGridFilterMenu } from './data-grid-filter-menu.js';
 export { DataGridKeyboardShortcuts } from './data-grid-keyboard-shortcuts.js';
+export { DataGridLocaleProvider, DataGridLocaleProviderProps, useDataGridMessages } from './data-grid-locale.js';
 export { DataGridCellPresence, DataGridPresenceProvider, useDataGridPresence } from './data-grid-presence.js';
 export { DataGridRowHeightMenu } from './data-grid-row-height-menu.js';
 export { getDataGridSelectColumn } from './data-grid-select-column.js';
@@ -8,11 +9,13 @@ export { DataGridSkeleton, DataGridSkeletonGrid, DataGridSkeletonToolbar } from
 export { DataGridSortMenu } from './data-grid-sort-menu.js';
 export { DataGridViewMenu } from './data-grid-view-menu.js';
 export { BOOLEAN_FILTER_OPERATORS, DATE_FILTER_OPERATORS, NUMBER_FILTER_OPERATORS, SELECT_FILTER_OPERATORS, TEXT_FILTER_OPERATORS, getDefaultOperator, getFilterFn, getOperatorsForVariant } from './filters.js';
-export { DataGridMessages, msg as dataGridMessages } from './messages.js';
+export { DATA_GRID_MESSAGES, DEFAULT_DATA_GRID_LOCALE, DataGridLocale, getDataGridMessages } from './messages.js';
 export { BooleanFilterOperator, CellOpts, CellPosition, CellRange, CellSelectOption, CellUpdate, ContextMenuState, DataGridCellProps, DateFilterOperator, Direction, FileCellData, FilterOperator, FilterValue, NavigationDirection, NumberFilterOperator, PasteDialogState, RowHeightValue, SearchState, SelectFilterOperator, SelectionState, TextFilterOperator } from './types.js';
 export { UseDataGridProps, useDataGrid } from './use-data-grid.js';
 export { UndoRedoCellUpdate, useDataGridUndoRedo } from './use-data-grid-undo-redo.js';
 export { formatDate, formatDateForDisplay, formatDateToString, formatFileSize, generateFileId, getCellKey, getColumnVariant, getEmptyCellValue, getLineCount, getRowHeightValue, parseCellKey, parseLocalDate } from './utils.js';
+export { DataGridMessages, messagesEn as dataGridMessages, messagesEn as dataGridMessagesEn } from './messages-en.js';
+export { messagesVi as dataGridMessagesVi } from './messages-vi.js';
 import 'react';
 import '@tanstack/react-table';
 import '../components/ui/popover.js';

package/dist/data-grid/index.js

@@ -1,6 +1,10 @@
 import { DataGrid } from "./data-grid.js";
 import { DataGridFilterMenu } from "./data-grid-filter-menu.js";
 import { DataGridKeyboardShortcuts } from "./data-grid-keyboard-shortcuts.js";
+import {
+  DataGridLocaleProvider,
+  useDataGridMessages
+} from "./data-grid-locale.js";
 import {
   DataGridPresenceProvider,
   useDataGridPresence
@@ -20,7 +24,14 @@ import {
   SELECT_FILTER_OPERATORS,
   TEXT_FILTER_OPERATORS
 } from "./filters.js";
-import { msg } from "./messages.js";
+import {
+  DATA_GRID_MESSAGES,
+  DEFAULT_DATA_GRID_LOCALE,
+  getDataGridMessages,
+  messagesEn,
+  messagesEn as messagesEn2,
+  messagesVi
+} from "./messages.js";
 import { useDataGrid } from "./use-data-grid.js";
 import { useDataGridUndoRedo } from "./use-data-grid-undo-redo.js";
 import {
@@ -39,10 +50,13 @@ import {
 } from "./utils.js";
 export {
   BOOLEAN_FILTER_OPERATORS,
+  DATA_GRID_MESSAGES,
   DATE_FILTER_OPERATORS,
+  DEFAULT_DATA_GRID_LOCALE,
   DataGrid,
   DataGridFilterMenu,
   DataGridKeyboardShortcuts,
+  DataGridLocaleProvider,
   DataGridPresenceProvider,
   DataGridRowHeightMenu,
   DataGridSkeleton,
@@ -53,7 +67,9 @@ export {
   NUMBER_FILTER_OPERATORS,
   SELECT_FILTER_OPERATORS,
   TEXT_FILTER_OPERATORS,
-  msg as dataGridMessages,
+  messagesEn as dataGridMessages,
+  messagesEn2 as dataGridMessagesEn,
+  messagesVi as dataGridMessagesVi,
   formatDate,
   formatDateForDisplay,
   formatDateToString,
@@ -61,6 +77,7 @@ export {
   generateFileId,
   getCellKey,
   getColumnVariant,
+  getDataGridMessages,
   getDataGridSelectColumn,
   getDefaultOperator,
   getEmptyCellValue,
@@ -71,6 +88,7 @@ export {
   parseCellKey,
   parseLocalDate,
   useDataGrid,
+  useDataGridMessages,
   useDataGridPresence,
   useDataGridUndoRedo
 };

package/dist/data-grid/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/data-grid/index.ts"],"sourcesContent":["// @comitor/ui/data-grid — lưới dữ liệu sửa trực tiếp (như bảng tính).\n//\n// Port từ tablecn (https://tablecn.com) — MIT License, Copyright (c) 2024 Sadman Sakib —\n// và chỉnh lại để dùng primitive/token của package, chuỗi tiếng Việt, không phụ thuộc backend.\n// Xem docs/data-grid.md (§10) để biết danh sách khác biệt so với bản gốc.\n//\n// Tách khỏi barrel chính vì kéo theo @tanstack/react-table (peer), @tanstack/react-virtual và @dnd-kit,\n// đồng thời khoanh vùng phần `declare module \"@tanstack/react-table\"` (thêm `meta.cell`, `TableMeta`)\n// để ứng dụng không dùng lưới không bị ảnh hưởng.\n\n// Components\nexport { DataGrid } from \"./data-grid.js\";\nexport { DataGridFilterMenu } from \"./data-grid-filter-menu.js\";\nexport { DataGridKeyboardShortcuts } from \"./data-grid-keyboard-shortcuts.js\";\nexport {\n  type DataGridCellPresence,\n  DataGridPresenceProvider,\n  useDataGridPresence\n} from \"./data-grid-presence.js\";\nexport { DataGridRowHeightMenu } from \"./data-grid-row-height-menu.js\";\nexport { getDataGridSelectColumn } from \"./data-grid-select-column.js\";\nexport { DataGridSkeleton, DataGridSkeletonGrid, DataGridSkeletonToolbar } from \"./data-grid-skeleton.js\";\nexport { DataGridSortMenu } from \"./data-grid-sort-menu.js\";\nexport { DataGridViewMenu } from \"./data-grid-view-menu.js\";\n// Bộ lọc\nexport {\n  BOOLEAN_FILTER_OPERATORS,\n  DATE_FILTER_OPERATORS,\n  getDefaultOperator,\n  getFilterFn,\n  getOperatorsForVariant,\n  NUMBER_FILTER_OPERATORS,\n  SELECT_FILTER_OPERATORS,\n  TEXT_FILTER_OPERATORS\n} from \"./filters.js\";\n// Chuỗi hiển thị (dùng lại khi app muốn nhất quán từ ngữ)\nexport { type DataGridMessages, msg as dataGridMessages } from \"./messages.js\";\n// Types\nexport type * from \"./types.js\";\n// Hooks\nexport { type UseDataGridProps, useDataGrid } from \"./use-data-grid.js\";\nexport { type UndoRedoCellUpdate, useDataGridUndoRedo } from \"./use-data-grid-undo-redo.js\";\n// Tiện ích hay dùng ở phía ứng dụng\nexport {\n  formatDate,\n  formatDateForDisplay,\n  formatDateToString,\n  formatFileSize,\n  generateFileId,\n  getCellKey,\n  getColumnVariant,\n  getEmptyCellValue,\n  getLineCount,\n  getRowHeightValue,\n  parseCellKey,\n  parseLocalDate\n} from \"./utils.js\";\n"],"mappings":"AAWA,SAAS,gBAAgB;AACzB,SAAS,0BAA0B;AACnC,SAAS,iCAAiC;AAC1C;AAAA,EAEE;AAAA,EACA;AAAA,OACK;AACP,SAAS,6BAA6B;AACtC,SAAS,+BAA+B;AACxC,SAAS,kBAAkB,sBAAsB,+BAA+B;AAChF,SAAS,wBAAwB;AACjC,SAAS,wBAAwB;AAEjC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAuC,WAAwB;AAI/D,SAAgC,mBAAmB;AACnD,SAAkC,2BAA2B;AAE7D;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;","names":[]}
+{"version":3,"sources":["../../src/data-grid/index.ts"],"sourcesContent":["// @comitor/ui/data-grid — lưới dữ liệu sửa trực tiếp (như bảng tính).\n//\n// Port từ tablecn (https://tablecn.com) — MIT License, Copyright (c) 2024 Sadman Sakib —\n// và chỉnh lại để dùng primitive/token của package, chuỗi tiếng Việt, không phụ thuộc backend.\n// Xem docs/data-grid.md (§10) để biết danh sách khác biệt so với bản gốc.\n//\n// Tách khỏi barrel chính vì kéo theo @tanstack/react-table (peer), @tanstack/react-virtual và @dnd-kit,\n// đồng thời khoanh vùng phần `declare module \"@tanstack/react-table\"` (thêm `meta.cell`, `TableMeta`)\n// để ứng dụng không dùng lưới không bị ảnh hưởng.\n\n// Components\nexport { DataGrid } from \"./data-grid.js\";\nexport { DataGridFilterMenu } from \"./data-grid-filter-menu.js\";\nexport { DataGridKeyboardShortcuts } from \"./data-grid-keyboard-shortcuts.js\";\n// Ngôn ngữ\nexport {\n  DataGridLocaleProvider,\n  type DataGridLocaleProviderProps,\n  useDataGridMessages\n} from \"./data-grid-locale.js\";\nexport {\n  type DataGridCellPresence,\n  DataGridPresenceProvider,\n  useDataGridPresence\n} from \"./data-grid-presence.js\";\nexport { DataGridRowHeightMenu } from \"./data-grid-row-height-menu.js\";\nexport { getDataGridSelectColumn } from \"./data-grid-select-column.js\";\nexport { DataGridSkeleton, DataGridSkeletonGrid, DataGridSkeletonToolbar } from \"./data-grid-skeleton.js\";\nexport { DataGridSortMenu } from \"./data-grid-sort-menu.js\";\nexport { DataGridViewMenu } from \"./data-grid-view-menu.js\";\n// Bộ lọc\nexport {\n  BOOLEAN_FILTER_OPERATORS,\n  DATE_FILTER_OPERATORS,\n  getDefaultOperator,\n  getFilterFn,\n  getOperatorsForVariant,\n  NUMBER_FILTER_OPERATORS,\n  SELECT_FILTER_OPERATORS,\n  TEXT_FILTER_OPERATORS\n} from \"./filters.js\";\n/*\n * Chuỗi hiển thị. `dataGridMessages` là bảng ĐANG MẶC ĐỊNH (tiếng Anh từ `2.0.0`) — dùng khi app\n * muốn từ ngữ ở chỗ khác trên màn khớp với lưới. Muốn một ngôn ngữ cụ thể thì gọi\n * `getDataGridMessages(\"vi\")`, đừng đọc hằng rồi đoán.\n */\nexport {\n  DATA_GRID_MESSAGES,\n  type DataGridLocale,\n  type DataGridMessages,\n  DEFAULT_DATA_GRID_LOCALE,\n  getDataGridMessages,\n  messagesEn as dataGridMessages,\n  messagesEn as dataGridMessagesEn,\n  messagesVi as dataGridMessagesVi\n} from \"./messages.js\";\n// Types\nexport type * from \"./types.js\";\n// Hooks\nexport { type UseDataGridProps, useDataGrid } from \"./use-data-grid.js\";\nexport { type UndoRedoCellUpdate, useDataGridUndoRedo } from \"./use-data-grid-undo-redo.js\";\n// Tiện ích hay dùng ở phía ứng dụng\nexport {\n  formatDate,\n  formatDateForDisplay,\n  formatDateToString,\n  formatFileSize,\n  generateFileId,\n  getCellKey,\n  getColumnVariant,\n  getEmptyCellValue,\n  getLineCount,\n  getRowHeightValue,\n  parseCellKey,\n  parseLocalDate\n} from \"./utils.js\";\n"],"mappings":"AAWA,SAAS,gBAAgB;AACzB,SAAS,0BAA0B;AACnC,SAAS,iCAAiC;AAE1C;AAAA,EACE;AAAA,EAEA;AAAA,OACK;AACP;AAAA,EAEE;AAAA,EACA;AAAA,OACK;AACP,SAAS,6BAA6B;AACtC,SAAS,+BAA+B;AACxC,SAAS,kBAAkB,sBAAsB,+BAA+B;AAChF,SAAS,wBAAwB;AACjC,SAAS,wBAAwB;AAEjC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAMP;AAAA,EACE;AAAA,EAGA;AAAA,EACA;AAAA,EACc;AAAA,EACA,cAAdA;AAAA,EACc;AAAA,OACT;AAIP,SAAgC,mBAAmB;AACnD,SAAkC,2BAA2B;AAE7D;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;","names":["messagesEn"]}

package/dist/data-grid/messages-en.d.ts

@@ -0,0 +1,294 @@
+/**
+ * Chuỗi hiển thị tiếng ANH của DataGrid — và là BẢN GỐC định nghĩa hình dạng của
+ * {@link DataGridMessages}. Mọi bảng ngôn ngữ khác phải khớp đúng bộ khoá này; thiếu một khoá là
+ * typecheck đỏ ngay, không phải một chuỗi rỗng lặng lẽ xuất hiện trên giao diện.
+ *
+ * ⚠ **KHÔNG `as const`.** Có `as const` thì mỗi chuỗi thành một literal type riêng
+ * (`"Add row"` chứ không phải `string`), và bảng tiếng Việt vĩnh viễn không bao giờ gán được vào
+ * `DataGridMessages`. Kiểu rộng mới là thứ dùng được ở đây.
+ *
+ * ─ VÌ SAO TIẾNG ANH LÀ BẢN GỐC, TRONG KHI CẢ GÓI MẶC ĐỊNH TIẾNG VIỆT ─
+ * Đây là NGOẠI LỆ CÓ CHỦ Ý của `DataGrid`, quyết định ở `2.0.0` (xem CHANGELOG). Phần lớn chuỗi
+ * ở đây là chuỗi gốc của tablecn — repo mà lưới được port từ đó — nên giữ tiếng Anh làm bản gốc
+ * thì mỗi lần đối chiếu ngược với thượng nguồn là so trực tiếp, không phải dịch hai lượt.
+ *
+ * Quy ước: chuỗi cố định để nguyên; chuỗi có tham số viết thành HÀM (đừng nối chuỗi ở chỗ gọi —
+ * trật tự từ của tiếng Việt và tiếng Anh khác nhau). KHÔNG đặt JSX ở đây.
+ */
+declare const messagesEn: {
+    grid: {
+        /** Nhãn mặc định của vùng `role="grid"` (ghi đè bằng prop `aria-label`) */
+        label: string;
+        addRow: string;
+    };
+    search: {
+        placeholder: string;
+        label: string;
+        prevMatch: string;
+        nextMatch: string;
+        close: string;
+        matchPosition: (index: number, total: number) => string;
+        noResults: string;
+        typeToSearch: string;
+    };
+    column: {
+        sortAsc: string;
+        sortDesc: string;
+        removeSort: string;
+        pinLeft: string;
+        unpinLeft: string;
+        pinRight: string;
+        unpinRight: string;
+        hide: string;
+        resize: (label: string) => string;
+        /** Tên kiểu dữ liệu của cột, hiện trong tooltip ở tiêu đề cột */
+        variant: {
+            shortText: string;
+            longText: string;
+            number: string;
+            url: string;
+            checkbox: string;
+            select: string;
+            multiSelect: string;
+            date: string;
+            file: string;
+        };
+    };
+    select: {
+        all: string;
+        row: string;
+        rowNumber: (rowNumber: number) => string;
+    };
+    contextMenu: {
+        copy: string;
+        cut: string;
+        clear: string;
+        deleteRows: string;
+    };
+    pasteDialog: {
+        title: string;
+        description: (rowsNeeded: number) => string;
+        expandTitle: string;
+        expandDescription: (rowsNeeded: number) => string;
+        keepTitle: string;
+        keepDescription: string;
+        cancel: string;
+        confirm: string;
+    };
+    rowHeight: {
+        label: string;
+        short: string;
+        medium: string;
+        tall: string;
+        extraTall: string;
+    };
+    view: {
+        trigger: string;
+        toggleColumns: string;
+        searchPlaceholder: string;
+        empty: string;
+    };
+    sort: {
+        trigger: string;
+        title: string;
+        emptyTitle: string;
+        description: string;
+        emptyDescription: string;
+        add: string;
+        reset: string;
+        remove: string;
+        drag: string;
+        fieldPlaceholder: string;
+        fieldEmpty: string;
+        asc: string;
+        desc: string;
+    };
+    filter: {
+        trigger: string;
+        title: string;
+        emptyTitle: string;
+        description: string;
+        emptyDescription: string;
+        add: string;
+        reset: string;
+        remove: string;
+        drag: string;
+        where: string;
+        and: string;
+        fieldPlaceholder: string;
+        fieldEmpty: string;
+        valuePlaceholder: string;
+        rangeStart: string;
+        rangeEnd: string;
+        pickDate: string;
+        pickRange: string;
+        optionPlaceholder: string;
+        optionEmpty: string;
+        selectedCount: (count: number) => string;
+        emptyValue: (label: string) => string;
+        /** Nhãn toán tử lọc — xem `filters.ts` để biết toán tử nào dùng cho kiểu ô nào */
+        operators: {
+            contains: string;
+            notContains: string;
+            equals: string;
+            notEquals: string;
+            startsWith: string;
+            endsWith: string;
+            isEmpty: string;
+            isNotEmpty: string;
+            lessThan: string;
+            lessThanOrEqual: string;
+            greaterThan: string;
+            greaterThanOrEqual: string;
+            isBetween: string;
+            dateEquals: string;
+            dateNotEquals: string;
+            before: string;
+            after: string;
+            onOrBefore: string;
+            onOrAfter: string;
+            is: string;
+            isNot: string;
+            isAnyOf: string;
+            isNoneOf: string;
+            isTrue: string;
+            isFalse: string;
+        };
+    };
+    cell: {
+        longTextPlaceholder: string;
+        optionSearchPlaceholder: string;
+        optionEmpty: string;
+        clearAll: string;
+        invalidUrlTitle: string;
+        invalidUrlDescription: string;
+    };
+    file: {
+        uploadLabel: string;
+        dropHere: string;
+        dragHere: string;
+        browse: string;
+        limits: (maxSize?: string, maxFiles?: number) => string;
+        count: (count: number) => string;
+        clearAll: string;
+        remove: string;
+        uploading: string;
+        deleting: string;
+        tooMany: (maxFiles: number) => string;
+        tooLarge: (maxSize: string) => string;
+        wrongType: string;
+        rejectedOne: (name: string) => string;
+        rejectedMany: (name: string, others: number) => string;
+        uploadFailed: (count: number) => string;
+        deleteFailed: (name: string) => string;
+        deleteFailedMany: string;
+    };
+    toast: {
+        cellsCopied: (count: number) => string;
+        copyFailed: string;
+        cellsCut: (count: number) => string;
+        cutFailed: string;
+        cellsPasted: (count: number) => string;
+        cellsPastedWithSkipped: (count: number, skipped: number) => string;
+        pasteSkipped: (skipped: number) => string;
+        pasteFailed: string;
+        cellsCleared: (count: number) => string;
+        rowsDeleted: (count: number) => string;
+        nothingToUndo: string;
+        nothingToRedo: string;
+        undone: (count: number) => string;
+        redone: (count: number) => string;
+    };
+    /** Giá trị văn bản khi dán boolean vào ô văn bản */
+    booleanText: {
+        checked: string;
+        unchecked: string;
+    };
+    shortcuts: {
+        trigger: string;
+        title: string;
+        description: string;
+        searchPlaceholder: string;
+        emptyTitle: string;
+        emptyDescription: string;
+        close: string;
+        groups: {
+            navigation: string;
+            selection: string;
+            editing: string;
+            search: string;
+            filtering: string;
+            sorting: string;
+            general: string;
+        };
+        keys: {
+            click: string;
+            doubleClick: string;
+        };
+        navigation: {
+            move: string;
+            nextCell: string;
+            prevCell: string;
+            firstColumn: string;
+            lastColumn: string;
+            firstRowSameColumn: string;
+            lastRowSameColumn: string;
+            firstColumnSameRow: string;
+            lastColumnSameRow: string;
+            firstCell: string;
+            lastCell: string;
+            pageUp: string;
+            pageDown: string;
+            scrollUp: string;
+            scrollDown: string;
+            scrollLeft: string;
+            scrollRight: string;
+        };
+        selection: {
+            extend: string;
+            toTop: string;
+            toBottom: string;
+            toFirstColumn: string;
+            toLastColumn: string;
+            all: string;
+            toggle: string;
+            range: string;
+            clear: string;
+        };
+        editing: {
+            start: string;
+            insertRow: string;
+            copy: string;
+            cut: string;
+            paste: string;
+            clear: string;
+            deleteRows: string;
+            undo: string;
+            redo: string;
+        };
+        search: {
+            open: string;
+            next: string;
+            prev: string;
+            close: string;
+        };
+        filtering: {
+            toggle: string;
+            remove: string;
+        };
+        sorting: {
+            toggle: string;
+            remove: string;
+        };
+        general: {
+            shortcuts: string;
+        };
+    };
+};
+/**
+ * Hình dạng của một bảng ngôn ngữ. Suy ra từ bảng tiếng Anh nên không có chỗ nào để hai thứ
+ * lệch nhau: thêm một khoá vào `messagesEn` là mọi bảng khác đỏ cho tới khi dịch xong.
+ */
+type DataGridMessages = typeof messagesEn;
+
+export { type DataGridMessages, messagesEn };