@agile-team/mach-table-react 0.18.0 → 0.19.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +7 -1
- package/dist/mach-table.css +24 -0
- package/dist/worker.cjs +2 -0
- package/dist/worker.cjs.map +1 -0
- package/dist/worker.d.cts +1 -0
- package/dist/worker.d.ts +1 -0
- package/dist/worker.js +2 -0
- package/dist/worker.js.map +1 -0
- package/package.json +12 -2
package/README.md
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
|
|
5
5
|
# @agile-team/mach-table-react
|
|
6
6
|
|
|
7
|
-
Official React 18+ adapter for MachTable 0.
|
|
7
|
+
Official React 18+ adapter for MachTable 0.19. It provides a generic `<MachTable>`, full app/route configuration, advanced-filter aware remote query, conflict-aware editing workflows, persistent named views, a cohesive controller, optional and persistent column resizing, random-access remote blocks, batched/domain APIs, optional Worker processing, a standard toolbar, in-place React cell refresh, latest-closure event handling and StrictMode-safe cleanup. `RobotGrid` remains a deprecated 0.x alias.
|
|
8
8
|
|
|
9
9
|
## Install
|
|
10
10
|
|
|
@@ -12,6 +12,12 @@ Official React 18+ adapter for MachTable 0.18. It provides a generic `<MachTable
|
|
|
12
12
|
pnpm add @agile-team/mach-table-react
|
|
13
13
|
```
|
|
14
14
|
|
|
15
|
+
Optional large local-data Worker helpers use the same installed package but a separate chunk:
|
|
16
|
+
|
|
17
|
+
```ts
|
|
18
|
+
import { createWorkerDataProcessor } from "@agile-team/mach-table-react/worker";
|
|
19
|
+
```
|
|
20
|
+
|
|
15
21
|
Import the stylesheet once from your application entry:
|
|
16
22
|
|
|
17
23
|
```ts
|
package/dist/mach-table.css
CHANGED
|
@@ -65,6 +65,7 @@
|
|
|
65
65
|
-webkit-font-smoothing: antialiased;
|
|
66
66
|
-moz-osx-font-smoothing: grayscale;
|
|
67
67
|
font-variant-numeric: tabular-nums;
|
|
68
|
+
contain: layout style;
|
|
68
69
|
}
|
|
69
70
|
|
|
70
71
|
.mach-root.mach-dom-layout--auto-height {
|
|
@@ -562,6 +563,29 @@
|
|
|
562
563
|
line-height: calc(var(--mach-row-h) - 2px);
|
|
563
564
|
}
|
|
564
565
|
|
|
566
|
+
.mach-cell--loading {
|
|
567
|
+
pointer-events: none;
|
|
568
|
+
}
|
|
569
|
+
|
|
570
|
+
.mach-cell-loading-bar {
|
|
571
|
+
display: block;
|
|
572
|
+
height: 8px;
|
|
573
|
+
max-width: 132px;
|
|
574
|
+
border-radius: 999px;
|
|
575
|
+
background: linear-gradient(90deg, var(--mach-row-hover-bg), var(--mach-border-color), var(--mach-row-hover-bg));
|
|
576
|
+
background-size: 200% 100%;
|
|
577
|
+
animation: mach-cell-loading 1.25s ease-in-out infinite;
|
|
578
|
+
}
|
|
579
|
+
|
|
580
|
+
@keyframes mach-cell-loading {
|
|
581
|
+
from { background-position: 200% 0; }
|
|
582
|
+
to { background-position: -200% 0; }
|
|
583
|
+
}
|
|
584
|
+
|
|
585
|
+
@media (prefers-reduced-motion: reduce) {
|
|
586
|
+
.mach-cell-loading-bar { animation: none; }
|
|
587
|
+
}
|
|
588
|
+
|
|
565
589
|
.mach-cell--num {
|
|
566
590
|
justify-content: flex-end;
|
|
567
591
|
}
|
package/dist/worker.cjs
ADDED
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _createStarExport(obj) { Object.keys(obj) .filter((key) => key !== "default" && key !== "__esModule") .forEach((key) => { if (exports.hasOwnProperty(key)) { return; } Object.defineProperty(exports, key, {enumerable: true, configurable: true, get: () => obj[key]}); }); }var _worker = require('@agile-team/mach-table/worker'); _createStarExport(_worker);
|
|
2
|
+
//# sourceMappingURL=worker.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["d:\\office-project\\wl\\MachTable\\packages\\react\\dist\\worker.cjs"],"names":[],"mappings":"AAAA,obAA0C","file":"D:\\office-project\\wl\\MachTable\\packages\\react\\dist\\worker.cjs","sourcesContent":[null]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from '@agile-team/mach-table/worker';
|
package/dist/worker.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from '@agile-team/mach-table/worker';
|
package/dist/worker.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/worker.ts"],"sourcesContent":["export * from \"@agile-team/mach-table/worker\";\n"],"mappings":"AAAA,WAAc","names":[]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@agile-team/mach-table-react",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.19.0",
|
|
4
4
|
"description": "Official React 18+ adapter for the MachTable enterprise data grid",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"react",
|
|
@@ -51,6 +51,16 @@
|
|
|
51
51
|
"default": "./dist/workflows.cjs"
|
|
52
52
|
}
|
|
53
53
|
},
|
|
54
|
+
"./worker": {
|
|
55
|
+
"import": {
|
|
56
|
+
"types": "./dist/worker.d.ts",
|
|
57
|
+
"default": "./dist/worker.js"
|
|
58
|
+
},
|
|
59
|
+
"require": {
|
|
60
|
+
"types": "./dist/worker.d.cts",
|
|
61
|
+
"default": "./dist/worker.cjs"
|
|
62
|
+
}
|
|
63
|
+
},
|
|
54
64
|
"./styles.css": {
|
|
55
65
|
"types": "./dist/mach-table.css.d.ts",
|
|
56
66
|
"default": "./dist/mach-table.css"
|
|
@@ -67,7 +77,7 @@
|
|
|
67
77
|
"**/*.css"
|
|
68
78
|
],
|
|
69
79
|
"dependencies": {
|
|
70
|
-
"@agile-team/mach-table": "0.
|
|
80
|
+
"@agile-team/mach-table": "0.19.0"
|
|
71
81
|
},
|
|
72
82
|
"peerDependencies": {
|
|
73
83
|
"react": ">=18.0.0",
|