@careharmony/mantine-react-table-ng 0.0.0-stage → 4.0.0-beta.0

package/locales/zh-Hant/index.cjs

@@ -0,0 +1,97 @@
+'use strict';
+
+const MRT_Localization_ZH_HANT = {
+    actions: '動作',
+    and: '與',
+    cancel: '取消',
+    changeFilterMode: '更改過濾模式',
+    changeSearchMode: '更改搜尋模式',
+    clearFilter: '清除過濾',
+    clearSearch: '清除搜尋',
+    clearSelection: '清除選擇',
+    clearSort: '清除排序',
+    clickToCopy: '點擊以複製',
+    copy: '複製',
+    collapse: '折疊',
+    collapseAll: '全部折疊',
+    columnActions: '欄位動作',
+    copiedToClipboard: '已複製至剪貼簿',
+    dropToGroupBy: '拖放以按 {column} 分組',
+    edit: '編輯',
+    expand: '展開',
+    expandAll: '全部展開',
+    filterArrIncludes: '包括',
+    filterArrIncludesAll: '包括所有',
+    filterArrIncludesSome: '包括',
+    filterBetween: '介於首尾',
+    filterBetweenInclusive: '介於首尾之間',
+    filterByColumn: '以 {column} 過濾',
+    filterContains: '包含',
+    filterEmpty: '是空字串',
+    filterEndsWith: '結尾為',
+    filterEquals: '等於',
+    filterEqualsString: '等於',
+    filterFuzzy: '模糊搜索',
+    filterGreaterThan: '大於',
+    filterGreaterThanOrEqualTo: '大於等於',
+    filterInNumberRange: '介於',
+    filterIncludesString: '包含',
+    filterIncludesStringSensitive: '包含',
+    filterLessThan: '小於',
+    filterLessThanOrEqualTo: '小於等於',
+    filterMode: '過濾模式：{filterType}',
+    filterNotEmpty: '非空字串',
+    filterNotEquals: '不等於',
+    filterStartsWith: '開首為',
+    filterWeakEquals: '等於',
+    filteringByColumn: '正以 {column} 過濾：{filterType} {filterValue}',
+    goToFirstPage: '到第一頁',
+    goToLastPage: '到最後一頁',
+    goToNextPage: '下一頁',
+    goToPreviousPage: '上一頁',
+    grab: '拖曳',
+    groupByColumn: '按 {column} 分組',
+    groupedBy: '分組依據 ',
+    hideAll: '隱藏全部',
+    hideColumn: '隱藏 {column} 欄位',
+    max: '最大',
+    min: '最小',
+    move: '移動',
+    noRecordsToDisplay: '無紀錄可顯示',
+    noResultsFound: '未找到結果',
+    of: '/',
+    or: '或',
+    pin: '固定',
+    pinToLeft: '固定至左邊',
+    pinToRight: '固定至右邊',
+    resetColumnSize: '重置欄位大小',
+    resetOrder: '重置排序',
+    rowActions: '橫列動作',
+    rowNumber: '#',
+    rowNumbers: '橫列編號',
+    rowsPerPage: '每頁數量',
+    save: '儲存',
+    search: '搜尋',
+    selectedCountOfRowCountRowsSelected: '已選擇橫列：{selectedCount}/{rowCount}',
+    select: '選擇',
+    showAll: '顯示全部',
+    showAllColumns: '顯示全部欄位',
+    showHideColumns: '顯示/隱藏 欄位',
+    showHideFilters: '顯示/隱藏 過濾條件',
+    showHideSearch: '顯示/隱藏 搜尋條件',
+    sortByColumnAsc: '按 {column} 順序排序',
+    sortByColumnDesc: '按 {column} 倒序排序',
+    sortedByColumnAsc: '已按 {column} 順序排序',
+    sortedByColumnDesc: '已按 {column} 倒序排序',
+    thenBy: '，然後以',
+    toggleDensity: '切換密度',
+    toggleFullScreen: '切換全螢幕',
+    toggleSelectAll: '切換選擇全部',
+    toggleSelectRow: '切換選擇橫列',
+    toggleVisibility: '切換可見度',
+    ungroupByColumn: '取消按 {column} 分組',
+    unpin: '取消固定',
+    unpinAll: '全部取消固定',
+};
+
+exports.MRT_Localization_ZH_HANT = MRT_Localization_ZH_HANT;

package/locales/zh-Hant/index.d.cts

@@ -0,0 +1,3 @@
+import { type MRT_Localization } from '../..';
+export declare const MRT_Localization_ZH_HANT: MRT_Localization;
+  

package/locales/zh-Hant/index.esm.d.mts

@@ -0,0 +1,3 @@
+import { type MRT_Localization } from '../..';
+export declare const MRT_Localization_ZH_HANT: MRT_Localization;
+  

package/locales/zh-Hant/index.esm.mjs

@@ -0,0 +1,95 @@
+const MRT_Localization_ZH_HANT = {
+    actions: '動作',
+    and: '與',
+    cancel: '取消',
+    changeFilterMode: '更改過濾模式',
+    changeSearchMode: '更改搜尋模式',
+    clearFilter: '清除過濾',
+    clearSearch: '清除搜尋',
+    clearSelection: '清除選擇',
+    clearSort: '清除排序',
+    clickToCopy: '點擊以複製',
+    copy: '複製',
+    collapse: '折疊',
+    collapseAll: '全部折疊',
+    columnActions: '欄位動作',
+    copiedToClipboard: '已複製至剪貼簿',
+    dropToGroupBy: '拖放以按 {column} 分組',
+    edit: '編輯',
+    expand: '展開',
+    expandAll: '全部展開',
+    filterArrIncludes: '包括',
+    filterArrIncludesAll: '包括所有',
+    filterArrIncludesSome: '包括',
+    filterBetween: '介於首尾',
+    filterBetweenInclusive: '介於首尾之間',
+    filterByColumn: '以 {column} 過濾',
+    filterContains: '包含',
+    filterEmpty: '是空字串',
+    filterEndsWith: '結尾為',
+    filterEquals: '等於',
+    filterEqualsString: '等於',
+    filterFuzzy: '模糊搜索',
+    filterGreaterThan: '大於',
+    filterGreaterThanOrEqualTo: '大於等於',
+    filterInNumberRange: '介於',
+    filterIncludesString: '包含',
+    filterIncludesStringSensitive: '包含',
+    filterLessThan: '小於',
+    filterLessThanOrEqualTo: '小於等於',
+    filterMode: '過濾模式：{filterType}',
+    filterNotEmpty: '非空字串',
+    filterNotEquals: '不等於',
+    filterStartsWith: '開首為',
+    filterWeakEquals: '等於',
+    filteringByColumn: '正以 {column} 過濾：{filterType} {filterValue}',
+    goToFirstPage: '到第一頁',
+    goToLastPage: '到最後一頁',
+    goToNextPage: '下一頁',
+    goToPreviousPage: '上一頁',
+    grab: '拖曳',
+    groupByColumn: '按 {column} 分組',
+    groupedBy: '分組依據 ',
+    hideAll: '隱藏全部',
+    hideColumn: '隱藏 {column} 欄位',
+    max: '最大',
+    min: '最小',
+    move: '移動',
+    noRecordsToDisplay: '無紀錄可顯示',
+    noResultsFound: '未找到結果',
+    of: '/',
+    or: '或',
+    pin: '固定',
+    pinToLeft: '固定至左邊',
+    pinToRight: '固定至右邊',
+    resetColumnSize: '重置欄位大小',
+    resetOrder: '重置排序',
+    rowActions: '橫列動作',
+    rowNumber: '#',
+    rowNumbers: '橫列編號',
+    rowsPerPage: '每頁數量',
+    save: '儲存',
+    search: '搜尋',
+    selectedCountOfRowCountRowsSelected: '已選擇橫列：{selectedCount}/{rowCount}',
+    select: '選擇',
+    showAll: '顯示全部',
+    showAllColumns: '顯示全部欄位',
+    showHideColumns: '顯示/隱藏 欄位',
+    showHideFilters: '顯示/隱藏 過濾條件',
+    showHideSearch: '顯示/隱藏 搜尋條件',
+    sortByColumnAsc: '按 {column} 順序排序',
+    sortByColumnDesc: '按 {column} 倒序排序',
+    sortedByColumnAsc: '已按 {column} 順序排序',
+    sortedByColumnDesc: '已按 {column} 倒序排序',
+    thenBy: '，然後以',
+    toggleDensity: '切換密度',
+    toggleFullScreen: '切換全螢幕',
+    toggleSelectAll: '切換選擇全部',
+    toggleSelectRow: '切換選擇橫列',
+    toggleVisibility: '切換可見度',
+    ungroupByColumn: '取消按 {column} 分組',
+    unpin: '取消固定',
+    unpinAll: '全部取消固定',
+};
+
+export { MRT_Localization_ZH_HANT };

package/locales/zh-Hant/package.json

@@ -0,0 +1,19 @@
+{
+  "main": "index.cjs",
+  "module": "index.esm.mjs",
+  "sideEffects": false,
+  "types": "index.d.cts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./index.esm.d.mts",
+        "default": "./index.esm.mjs"
+      },
+      "require": {
+        "types": "./index.d.cts",
+        "default": "./index.cjs"
+      }
+    },
+    "./package.json": "./package.json"
+  }
+}

package/package.json

@@ -1,6 +1,186 @@
 {
+  "version": "4.0.0-beta.0",
+  "license": "MIT",
   "name": "@careharmony/mantine-react-table-ng",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
-}
+  "description": "A fully featured Mantine 9 and React 19 implementation of TanStack React Table V8. Maintained fork of mantine-react-table.",
+  "author": "Kevin Vandy",
+  "keywords": [
+    "react-table",
+    "mantine",
+    "tanstack table",
+    "data table",
+    "data grid"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/CareHarmony/mantine-react-table.git",
+    "directory": "packages/mantine-react-table"
+  },
+  "homepage": "https://github.com/CareHarmony/mantine-react-table#readme",
+  "bugs": {
+    "url": "https://github.com/CareHarmony/mantine-react-table/issues"
+  },
+  "sideEffects": [
+    "*.css"
+  ],
+  "main": "dist/index.cjs",
+  "module": "dist/index.esm.mjs",
+  "types": "dist/index.esm.d.mts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.esm.d.mts",
+        "default": "./dist/index.esm.mjs"
+      },
+      "require": {
+        "types": "./dist/index.d.cts",
+        "default": "./dist/index.cjs"
+      }
+    },
+    "./locales/*": {
+      "import": {
+        "types": "./locales/*/index.esm.d.mts",
+        "default": "./locales/*/index.esm.mjs"
+      },
+      "require": {
+        "types": "./locales/*/index.d.cts",
+        "default": "./locales/*/index.cjs"
+      }
+    },
+    "./locales/*/index.cjs": "./locales/*/index.cjs",
+    "./locales/*/index.esm.mjs": "./locales/*/index.esm.mjs",
+    "./package.json": "./package.json",
+    "./styles.css": "./styles.css"
+  },
+  "files": [
+    "dist",
+    "locales",
+    "styles.css",
+    "src"
+  ],
+  "size-limit": [
+    {
+      "path": "dist/index.cjs",
+      "limit": "58 KB"
+    },
+    {
+      "path": "dist/index.esm.mjs",
+      "limit": "55 KB"
+    }
+  ],
+  "engines": {
+    "node": ">=20"
+  },
+  "scripts": {
+    "build": "pnpm lib:build",
+    "build-lib": "pnpm lib:build-lib",
+    "build-locales": "pnpm lib:build-locales",
+    "dev": "pnpm lib:dev",
+    "lib:build": "pnpm build-lib && pnpm build-locales",
+    "lib:build-lib": "rm -rf dist && rollup -c rollup.config.mjs && size-limit",
+    "lib:build-locales": "node build-locales.mjs",
+    "lib:dev": "rollup -c rollup.config.mjs --watch",
+    "lint": "eslint .",
+    "prepublishOnly": "pnpm lint && pnpm typecheck && pnpm lib:build && pnpm test:all",
+    "size": "size-limit",
+    "storybook": "pnpm storybook:dev",
+    "storybook:build": "storybook build",
+    "storybook:dev": "storybook dev -p 6007",
+    "storybook:serve": "serve storybook-static --listen 6008 --no-clipboard",
+    "test": "vitest run",
+    "test:all": "pnpm test && pnpm test:compiler && pnpm test:compiler:all && pnpm test:compiler:dist",
+    "test:coverage": "vitest run --coverage",
+    "test:compiler": "cross-env MRT_REACT_COMPILER=consumer vitest run",
+    "test:compiler:all": "cross-env MRT_REACT_COMPILER=all vitest run",
+    "test:compiler:dist": "cross-env MRT_REACT_COMPILER=all MRT_TEST_TARGET=dist vitest run",
+    "test:visual": "playwright test",
+    "test:visual:update": "playwright test --update-snapshots",
+    "test:watch": "vitest",
+    "typecheck": "tsc --noEmit -p tsconfig.json && tsc -p tsconfig.test.json"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.25.8",
+    "@babel/preset-react": "^7.25.7",
+    "@faker-js/faker": "^9.0.3",
+    "@mantine/core": "9.8.0",
+    "@mantine/dates": "9.8.0",
+    "@mantine/hooks": "9.8.0",
+    "@playwright/test": "^1.50.0",
+    "@rollup/plugin-babel": "^6.0.4",
+    "@rollup/plugin-node-resolve": "^15.3.0",
+    "@rollup/plugin-typescript": "^11.1.6",
+    "@size-limit/preset-small-lib": "^11.1.6",
+    "@storybook/addon-a11y": "^8.6.17",
+    "@storybook/addon-essentials": "^8.6.17",
+    "@storybook/addon-interactions": "^8.6.17",
+    "@storybook/addon-links": "^8.6.17",
+    "@storybook/addon-storysource": "^8.6.17",
+    "@storybook/blocks": "^8.6.17",
+    "@storybook/preview-api": "^8.6.17",
+    "@storybook/react": "^8.6.17",
+    "@storybook/react-vite": "^8.6.17",
+    "@storybook/testing-library": "^0.2.2",
+    "@tabler/icons-react": "3.52.0",
+    "@testing-library/dom": "^10.4.2",
+    "@testing-library/jest-dom": "^7.0.1",
+    "@testing-library/react": "^16.3.3",
+    "@testing-library/user-event": "^14.6.10",
+    "@types/node": "^22.7.5",
+    "@types/react": "19.3.0",
+    "@types/react-dom": "19.3.0",
+    "@typescript-eslint/eslint-plugin": "^8.8.1",
+    "@typescript-eslint/parser": "^8.8.1",
+    "@vitejs/plugin-react": "^4.5.0",
+    "@vitest/coverage-v8": "^5.1.0",
+    "babel-plugin-react-compiler": "1.0.0",
+    "clsx": "^2.1.1",
+    "cross-env": "^7.0.3",
+    "dayjs": "^1.11.13",
+    "eslint": "^8.57.0",
+    "eslint-plugin-perfectionist": "^3.8.0",
+    "eslint-plugin-react-hooks": "^7.1.1",
+    "jsdom": "^31.0.1",
+    "mantine-contextmenu": "^9.8.1",
+    "postcss": "^8.4.47",
+    "postcss-preset-mantine": "^1.18.0",
+    "postcss-simple-vars": "^7.0.1",
+    "react": "19.3.1",
+    "react-dom": "19.3.1",
+    "rollup": "^4.24.0",
+    "rollup-plugin-copy": "^3.5.0",
+    "rollup-plugin-delete": "^2.1.0",
+    "rollup-plugin-dts": "^6.1.1",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "rollup-plugin-postcss": "^4.0.2",
+    "serve": "^14.2.4",
+    "size-limit": "^11.1.6",
+    "storybook": "^8.6.17",
+    "storybook-dark-mode": "^4.0.2",
+    "tslib": "^2.7.0",
+    "typescript": "^5.6.3",
+    "typescript-plugin-css-modules": "^5.1.0",
+    "vite": "^6.4.0",
+    "vitest": "^5.1.0"
+  },
+  "dependencies": {
+    "@tanstack/match-sorter-utils": "8.19.4",
+    "@tanstack/react-table": "8.21.3",
+    "@tanstack/react-virtual": "3.14.26"
+  },
+  "peerDependencies": {
+    "@mantine/core": ">=9.0.0",
+    "@mantine/dates": ">=9.0.0",
+    "@mantine/hooks": ">=9.0.0",
+    "@tabler/icons-react": ">=2.23.0",
+    "clsx": ">=2",
+    "dayjs": ">=1.11",
+    "react": ">=19.2.0",
+    "react-dom": ">=19.2.0"
+  },
+  "contributors": [
+    "CareHarmony"
+  ],
+  "publishConfig": {
+    "access": "public"
+  }
+}

package/src/components/MantineReactTable.tsx

@@ -0,0 +1,38 @@
+'use no memo';
+
+import { useMantineReactTable } from '../hooks/useMantineReactTable';
+import {
+  type MRT_RowData,
+  type MRT_TableInstance,
+  type MRT_TableOptions,
+  type Xor,
+} from '../types';
+import { MRT_TablePaper } from './table/MRT_TablePaper';
+
+type TableInstanceProp<TData extends MRT_RowData> = {
+  table: MRT_TableInstance<TData>;
+};
+
+type Props<TData extends MRT_RowData> = Xor<
+  TableInstanceProp<TData>,
+  MRT_TableOptions<TData>
+>;
+
+const isTableInstanceProp = <TData extends MRT_RowData>(
+  props: Props<TData>,
+): props is TableInstanceProp<TData> =>
+  (props as TableInstanceProp<TData>).table !== undefined;
+
+const MRT_TableFromOptions = <TData extends MRT_RowData>(
+  props: MRT_TableOptions<TData>,
+) => <MRT_TablePaper table={useMantineReactTable(props)} />;
+
+//two components keep the hook call unconditional (Rules of Hooks)
+export const MantineReactTable = <TData extends MRT_RowData>(
+  props: Props<TData>,
+) =>
+  isTableInstanceProp(props) ? (
+    <MRT_TablePaper table={props.table} />
+  ) : (
+    <MRT_TableFromOptions {...(props as MRT_TableOptions<TData>)} />
+  );

package/src/components/body/MRT_TableBody.module.css

@@ -0,0 +1,42 @@
+.root {
+  background-color: var(--mrt-base-background-color);
+  position: relative;
+}
+
+.root-grid {
+  display: grid;
+}
+
+.root-no-rows {
+  min-height: 100px;
+}
+
+.root-virtualized {
+  height: var(--mrt-table-body-height);
+}
+
+.empty-row-tr-grid {
+  display: grid;
+}
+
+.empty-row-td-grid {
+  display: grid;
+  width: inherit;
+}
+
+.empty-row-td-content {
+  color: var(--mantine-color-dimmed);
+  font-style: italic;
+  max-width: min(100vw, calc(var(--mrt-paper-width) * 1px));
+  padding-bottom: 2rem;
+  padding-top: 2rem;
+  text-align: center;
+  width: 100%;
+}
+
+.pinned {
+  bottom: calc(var(--mrt-table-footer-height, 0) * 1px - 1px);
+  position: sticky;
+  top: calc(var(--mrt-table-head-height, 0) * 1px - 1px);
+  z-index: 1;
+}