@jielga/tmdatagrid 2.0.0-beta.21 → 2.0.0-beta.22
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/dist/index.js +83 -81
- package/dist/index.js.map +1 -1
- package/docs/cell-selection.md +1 -1
- package/docs/editing.md +321 -336
- package/docs/grouping.md +1 -1
- package/docs/styling.md +1 -1
- package/package.json +1 -1
- package/skills/appearance/SKILL.md +1 -1
- package/skills/cell-selection/SKILL.md +1 -1
- package/skills/columns/SKILL.md +1 -1
- package/skills/data/SKILL.md +1 -1
- package/skills/editing/SKILL.md +4 -3
- package/skills/editing/references/common-mistakes.md +11 -12
- package/skills/editing/references/editing-api.md +2 -0
- package/skills/filtering/SKILL.md +1 -1
- package/skills/getting-started/SKILL.md +1 -1
- package/skills/grouping/SKILL.md +1 -1
- package/skills/options/SKILL.md +1 -1
- package/skills/rows/SKILL.md +1 -1
- package/skills/server-side/SKILL.md +1 -1
- package/skills/testing/SKILL.md +1 -1
- package/src/components/TMDataGridEntryRows.tsx +46 -21
package/dist/index.js
CHANGED
|
@@ -5662,12 +5662,27 @@ function os({ cell: e, row: t, takeSeedText: n, onClose: r, inEntryBlock: a = !1
|
|
|
5662
5662
|
});
|
|
5663
5663
|
}
|
|
5664
5664
|
//#endregion
|
|
5665
|
+
//#region src/core/draftCellContext.ts
|
|
5666
|
+
function ss(e, t) {
|
|
5667
|
+
let n = Object.create(e.row), r = n;
|
|
5668
|
+
r.original = t, r._valuesCache = Object.create(null), r._uniqueValuesCache = Object.create(null);
|
|
5669
|
+
let i = Object.create(e);
|
|
5670
|
+
return i.row = n, {
|
|
5671
|
+
table: e.table,
|
|
5672
|
+
column: e.column,
|
|
5673
|
+
row: n,
|
|
5674
|
+
cell: i,
|
|
5675
|
+
getValue: () => n.getValue(e.column.id),
|
|
5676
|
+
renderValue: () => n.getValue(e.column.id) ?? e.table.options.renderFallbackValue ?? null
|
|
5677
|
+
};
|
|
5678
|
+
}
|
|
5679
|
+
//#endregion
|
|
5665
5680
|
//#region src/components/TMDataGridEntryRows.tsx
|
|
5666
|
-
function
|
|
5681
|
+
function cs(e, t, n) {
|
|
5667
5682
|
return n.isColumnEditable(t) ? Bn(t, e) : !1;
|
|
5668
5683
|
}
|
|
5669
|
-
function
|
|
5670
|
-
let n = e(
|
|
5684
|
+
function ls(t) {
|
|
5685
|
+
let n = e(49), { entryRow: r, column: i, cell: a, committed: o, layout: s, rowHeight: c, pinnedZ: l } = t, { edit: u } = $(), d;
|
|
5671
5686
|
n[0] === i ? d = n[1] : (d = Ut(i), n[0] = i, n[1] = d);
|
|
5672
5687
|
let f = d, p;
|
|
5673
5688
|
n[2] !== r || n[3] !== f ? (p = (e) => {
|
|
@@ -5676,62 +5691,64 @@ function cs(t) {
|
|
|
5676
5691
|
return t !== void 0 && t.errorFields.includes(f);
|
|
5677
5692
|
}, n[2] = r, n[3] = f, n[4] = p) : p = n[4];
|
|
5678
5693
|
let m = M(u.store, p), h;
|
|
5679
|
-
n[5] !== a || n[6] !== i || n[7] !== u || n[8] !== r ? (h = a !== void 0 &&
|
|
5680
|
-
let g = h, _
|
|
5681
|
-
n[10]
|
|
5682
|
-
let y;
|
|
5683
|
-
n[
|
|
5684
|
-
let
|
|
5685
|
-
n[
|
|
5694
|
+
n[5] !== a || n[6] !== i || n[7] !== u || n[8] !== r ? (h = a !== void 0 && cs(r, i, u), n[5] = a, n[6] = i, n[7] = u, n[8] = r, n[9] = h) : h = n[9];
|
|
5695
|
+
let g = h, _;
|
|
5696
|
+
n[10] !== i.id || n[11] !== o || n[12] !== r ? (_ = (e) => o || Hn(i.id) ? void 0 : e.rows[r.id]?.values, n[10] = i.id, n[11] = o, n[12] = r, n[13] = _) : _ = n[13];
|
|
5697
|
+
let v = M(u.store, _), y = i.id, b;
|
|
5698
|
+
n[14] === i ? b = n[15] : (b = Vn(i), n[14] = i, n[15] = b);
|
|
5699
|
+
let x;
|
|
5700
|
+
n[16] === i.id ? x = n[17] : (x = Hn(i.id), n[16] = i.id, n[17] = x);
|
|
5701
|
+
let S = m || void 0, C;
|
|
5702
|
+
n[18] !== i.id || n[19] !== o || n[20] !== u || n[21] !== g || n[22] !== r ? (C = o && g ? () => u.begin({
|
|
5686
5703
|
rowId: r.id,
|
|
5687
5704
|
columnId: i.id
|
|
5688
|
-
}) : void 0, n[
|
|
5689
|
-
let
|
|
5690
|
-
n[
|
|
5705
|
+
}) : void 0, n[18] = i.id, n[19] = o, n[20] = u, n[21] = g, n[22] = r, n[23] = C) : C = n[23];
|
|
5706
|
+
let w = s.isBoundary && s.pinnedAt === "left" ? no.stickyLeft : "", T = s.isBoundary && s.pinnedAt === "right" ? no.stickyRight : "", E;
|
|
5707
|
+
n[24] !== w || n[25] !== T ? (E = [
|
|
5691
5708
|
zt.entryCell,
|
|
5692
|
-
|
|
5693
|
-
|
|
5694
|
-
].filter(Boolean), n[
|
|
5695
|
-
let
|
|
5696
|
-
n[
|
|
5709
|
+
w,
|
|
5710
|
+
T
|
|
5711
|
+
].filter(Boolean), n[24] = w, n[25] = T, n[26] = E) : E = n[26];
|
|
5712
|
+
let D = E.join(" "), O = s.pinnedAt === "left" ? s.offset : void 0, k = s.pinnedAt === "right" ? s.offset : void 0, A = s.pinnedAt ? "sticky" : void 0, j = s.pinnedAt ? l : void 0, N;
|
|
5713
|
+
n[27] !== c || n[28] !== O || n[29] !== k || n[30] !== A || n[31] !== j ? (N = {
|
|
5697
5714
|
minHeight: c,
|
|
5698
|
-
left:
|
|
5699
|
-
right:
|
|
5700
|
-
position:
|
|
5701
|
-
zIndex:
|
|
5702
|
-
}, n[
|
|
5703
|
-
let
|
|
5704
|
-
n[
|
|
5705
|
-
className: zt.cellContent,
|
|
5706
|
-
children: Fe(a.column.columnDef.cell, a.getContext())
|
|
5707
|
-
}) : g && a !== void 0 ? /* @__PURE__ */ Y(os, {
|
|
5715
|
+
left: O,
|
|
5716
|
+
right: k,
|
|
5717
|
+
position: A,
|
|
5718
|
+
zIndex: j
|
|
5719
|
+
}, n[27] = c, n[28] = O, n[29] = k, n[30] = A, n[31] = j, n[32] = N) : N = n[32];
|
|
5720
|
+
let P;
|
|
5721
|
+
n[33] !== a || n[34] !== i.id || n[35] !== o || n[36] !== v || n[37] !== g || n[38] !== r ? (P = a === void 0 ? null : i.id === "__edit__" ? Fe(a.column.columnDef.cell, a.getContext()) : !o && g ? /* @__PURE__ */ Y(os, {
|
|
5708
5722
|
cell: a,
|
|
5709
5723
|
row: r,
|
|
5710
|
-
takeSeedText:
|
|
5711
|
-
onClose:
|
|
5724
|
+
takeSeedText: ds,
|
|
5725
|
+
onClose: us,
|
|
5712
5726
|
inEntryBlock: !0
|
|
5713
|
-
}) :
|
|
5714
|
-
|
|
5715
|
-
|
|
5727
|
+
}) : o || !Hn(i.id) ? /* @__PURE__ */ Y("span", {
|
|
5728
|
+
className: zt.cellContent,
|
|
5729
|
+
children: Fe(a.column.columnDef.cell, v === void 0 ? a.getContext() : ss(a, v))
|
|
5730
|
+
}) : null, n[33] = a, n[34] = i.id, n[35] = o, n[36] = v, n[37] = g, n[38] = r, n[39] = P) : P = n[39];
|
|
5731
|
+
let F;
|
|
5732
|
+
return n[40] !== i.id || n[41] !== D || n[42] !== N || n[43] !== P || n[44] !== b || n[45] !== x || n[46] !== S || n[47] !== C ? (F = /* @__PURE__ */ Y("div", {
|
|
5716
5733
|
role: "cell",
|
|
5717
|
-
"data-column-id":
|
|
5718
|
-
"data-align":
|
|
5719
|
-
"data-control-column":
|
|
5720
|
-
"data-invalid":
|
|
5721
|
-
onDoubleClick:
|
|
5722
|
-
className:
|
|
5723
|
-
style:
|
|
5724
|
-
children:
|
|
5725
|
-
}), n[
|
|
5734
|
+
"data-column-id": y,
|
|
5735
|
+
"data-align": b,
|
|
5736
|
+
"data-control-column": x,
|
|
5737
|
+
"data-invalid": S,
|
|
5738
|
+
onDoubleClick: C,
|
|
5739
|
+
className: D,
|
|
5740
|
+
style: N,
|
|
5741
|
+
children: P
|
|
5742
|
+
}), n[40] = i.id, n[41] = D, n[42] = N, n[43] = P, n[44] = b, n[45] = x, n[46] = S, n[47] = C, n[48] = F) : F = n[48], F;
|
|
5726
5743
|
}
|
|
5727
|
-
function ls() {}
|
|
5728
5744
|
function us() {}
|
|
5729
|
-
function ds(
|
|
5745
|
+
function ds() {}
|
|
5746
|
+
function fs(t) {
|
|
5730
5747
|
let n = e(35), { orderedColumns: r, layoutFor: i, rowHeight: o } = t, { table: c, edit: l, features: u } = $(), d = u.editNewRowsSticky, f;
|
|
5731
|
-
n[0] === d ? f = n[1] : (f = (e) => d ? e.newRows : e.newRows.filter(
|
|
5748
|
+
n[0] === d ? f = n[1] : (f = (e) => d ? e.newRows : e.newRows.filter(_s), n[0] = d, n[1] = f);
|
|
5732
5749
|
let p;
|
|
5733
5750
|
n[2] === Symbol.for("react.memo_cache_sentinel") ? (p = { compare: ge }, n[2] = p) : p = n[2];
|
|
5734
|
-
let m = M(l.store, f, p), h = M(l.store,
|
|
5751
|
+
let m = M(l.store, f, p), h = M(l.store, gs), g = M(l.store, hs), _ = s(null), v = s(null), y = s(null), b;
|
|
5735
5752
|
n[3] === m ? b = n[4] : (b = () => {
|
|
5736
5753
|
let e = m.at(-1)?.tempId;
|
|
5737
5754
|
if (e === void 0) {
|
|
@@ -5761,8 +5778,8 @@ function ds(t) {
|
|
|
5761
5778
|
if (n[7] !== h || n[8] !== l || n[9] !== m) {
|
|
5762
5779
|
let e;
|
|
5763
5780
|
n[11] !== h || n[12] !== l ? (e = (e) => {
|
|
5764
|
-
let { tempId: t
|
|
5765
|
-
return
|
|
5781
|
+
let { tempId: t } = e;
|
|
5782
|
+
return h[t] ?? l.getForm(t)?.options.defaultValues ?? {};
|
|
5766
5783
|
}, n[11] = h, n[12] = l, n[13] = e) : e = n[13], S = m.map(e), n[7] = h, n[8] = l, n[9] = m, n[10] = S;
|
|
5767
5784
|
} else S = n[10];
|
|
5768
5785
|
let C = S, w;
|
|
@@ -5779,10 +5796,10 @@ function ds(t) {
|
|
|
5779
5796
|
let D;
|
|
5780
5797
|
if (n[20] !== E || n[21] !== i || n[22] !== m || n[23] !== r || n[24] !== o) {
|
|
5781
5798
|
let e = E.getCoreRowModel().rows, t;
|
|
5782
|
-
n[26] === m ? t = n[27] : (t = new Map(m.map(
|
|
5799
|
+
n[26] === m ? t = n[27] : (t = new Map(m.map(ms)), n[26] = m, n[27] = t);
|
|
5783
5800
|
let a = t, s;
|
|
5784
5801
|
n[28] !== a || n[29] !== i || n[30] !== r || n[31] !== o ? (s = (e, t) => {
|
|
5785
|
-
let n = new Map(e.getAllCells().map(
|
|
5802
|
+
let n = new Map(e.getAllCells().map(ps)), s = a.get(e.id) === !0;
|
|
5786
5803
|
return /* @__PURE__ */ Y("div", {
|
|
5787
5804
|
role: "row",
|
|
5788
5805
|
"data-dg-part": "entry-row",
|
|
@@ -5791,7 +5808,7 @@ function ds(t) {
|
|
|
5791
5808
|
"data-committed": s,
|
|
5792
5809
|
"data-draft": s,
|
|
5793
5810
|
className: zt.entryRow,
|
|
5794
|
-
children: r.map((r) => /* @__PURE__ */ Y(
|
|
5811
|
+
children: r.map((r) => /* @__PURE__ */ Y(ls, {
|
|
5795
5812
|
entryRow: e,
|
|
5796
5813
|
column: r,
|
|
5797
5814
|
cell: n.get(r.id),
|
|
@@ -5814,29 +5831,29 @@ function ds(t) {
|
|
|
5814
5831
|
let O;
|
|
5815
5832
|
return n[33] === D ? O = n[34] : (O = /* @__PURE__ */ Y(de, { children: D }), n[33] = D, n[34] = O), O;
|
|
5816
5833
|
}
|
|
5817
|
-
function
|
|
5834
|
+
function ps(e) {
|
|
5818
5835
|
return [e.column.id, e];
|
|
5819
5836
|
}
|
|
5820
|
-
function
|
|
5837
|
+
function ms(e) {
|
|
5821
5838
|
return [e.tempId, e.committed];
|
|
5822
5839
|
}
|
|
5823
|
-
function
|
|
5840
|
+
function hs(e) {
|
|
5824
5841
|
return e.active !== null && e.newRows.some((t) => t.tempId === e.active?.rowId && !t.committed) ? e.active : null;
|
|
5825
5842
|
}
|
|
5826
|
-
function
|
|
5843
|
+
function gs(e) {
|
|
5827
5844
|
return e.committedValues;
|
|
5828
5845
|
}
|
|
5829
|
-
function
|
|
5846
|
+
function _s(e) {
|
|
5830
5847
|
return !e.committed;
|
|
5831
5848
|
}
|
|
5832
5849
|
//#endregion
|
|
5833
5850
|
//#region src/core/resizePreview.ts
|
|
5834
|
-
var
|
|
5835
|
-
function
|
|
5851
|
+
var vs = 20, ys = 2 ** 53 - 1;
|
|
5852
|
+
function bs(e, t, n) {
|
|
5836
5853
|
let r = Math.round(Math.max(e + e * t, 0) * 100) / 100;
|
|
5837
|
-
return Math.min(Math.max(n.minSize ??
|
|
5854
|
+
return Math.min(Math.max(n.minSize ?? vs, r), n.maxSize ?? ys);
|
|
5838
5855
|
}
|
|
5839
|
-
function*
|
|
5856
|
+
function* xs(e, t, n) {
|
|
5840
5857
|
let r = 0;
|
|
5841
5858
|
for (let i of e) yield {
|
|
5842
5859
|
columnId: i,
|
|
@@ -5844,10 +5861,10 @@ function* bs(e, t, n) {
|
|
|
5844
5861
|
offset: r
|
|
5845
5862
|
}, r += n(i);
|
|
5846
5863
|
}
|
|
5847
|
-
function
|
|
5864
|
+
function Ss({ progress: e, tracks: t, boundsOf: n, leftLane: r, rightLane: i }) {
|
|
5848
5865
|
if (e.isResizingColumn === !1 || e.columnSizingStart.length === 0) return null;
|
|
5849
5866
|
let a = e.deltaPercentage ?? 0, o = /* @__PURE__ */ new Map();
|
|
5850
|
-
for (let [t, r] of e.columnSizingStart) o.set(t,
|
|
5867
|
+
for (let [t, r] of e.columnSizingStart) o.set(t, bs(r, a, n(t)));
|
|
5851
5868
|
let s = [], c = 0;
|
|
5852
5869
|
for (let e of t) {
|
|
5853
5870
|
let t = o.get(e.id);
|
|
@@ -5857,22 +5874,7 @@ function xs({ progress: e, tracks: t, boundsOf: n, leftLane: r, rightLane: i })
|
|
|
5857
5874
|
return {
|
|
5858
5875
|
gridTemplateColumns: s.join(" "),
|
|
5859
5876
|
minWidth: c,
|
|
5860
|
-
offsets: [...l(r) ?
|
|
5861
|
-
};
|
|
5862
|
-
}
|
|
5863
|
-
//#endregion
|
|
5864
|
-
//#region src/core/draftCellContext.ts
|
|
5865
|
-
function Ss(e, t) {
|
|
5866
|
-
let n = Object.create(e.row), r = n;
|
|
5867
|
-
r.original = t, r._valuesCache = Object.create(null), r._uniqueValuesCache = Object.create(null);
|
|
5868
|
-
let i = Object.create(e);
|
|
5869
|
-
return i.row = n, {
|
|
5870
|
-
table: e.table,
|
|
5871
|
-
column: e.column,
|
|
5872
|
-
row: n,
|
|
5873
|
-
cell: i,
|
|
5874
|
-
getValue: () => n.getValue(e.column.id),
|
|
5875
|
-
renderValue: () => n.getValue(e.column.id) ?? e.table.options.renderFallbackValue ?? null
|
|
5877
|
+
offsets: [...l(r) ? xs(r, "left", u) : [], ...l(i) ? xs(i, "right", u) : []]
|
|
5876
5878
|
};
|
|
5877
5879
|
}
|
|
5878
5880
|
//#endregion
|
|
@@ -6030,7 +6032,7 @@ function Is(t) {
|
|
|
6030
6032
|
n[24] !== r || n[25] !== c || n[26] !== O || n[27] !== s || n[28] !== l || n[29] !== g ? (J = s ?? /* @__PURE__ */ Y("span", {
|
|
6031
6033
|
className: zt.cellContent,
|
|
6032
6034
|
children: (() => {
|
|
6033
|
-
let e = O !== void 0 && c === void 0 && !r.getIsPlaceholder() && !r.getIsAggregated() ?
|
|
6035
|
+
let e = O !== void 0 && c === void 0 && !r.getIsPlaceholder() && !r.getIsAggregated() ? ss(r, O) : void 0;
|
|
6034
6036
|
if (l !== void 0 && c === void 0 && !r.getIsPlaceholder() && !r.getIsAggregated() && r.column.columnDef.cell === g.getDefaultColumnDef().cell) {
|
|
6035
6037
|
let t = e === void 0 ? r.renderValue() : e.renderValue();
|
|
6036
6038
|
if (typeof t == "string" || typeof t == "number") return Fs(String(t), l);
|
|
@@ -6258,7 +6260,7 @@ function Rs({ onRowClick: e, onCellClick: t, onCellDoubleClick: r, onCellContext
|
|
|
6258
6260
|
let e = xe.current;
|
|
6259
6261
|
if (!e) return;
|
|
6260
6262
|
let t = "", n = A.store.subscribe((n) => {
|
|
6261
|
-
let r =
|
|
6263
|
+
let r = Ss({
|
|
6262
6264
|
progress: n.columnResizing,
|
|
6263
6265
|
boundsOf: (e) => A.getColumn(e)?.columnDef ?? {},
|
|
6264
6266
|
...rt.current
|
|
@@ -6700,7 +6702,7 @@ function Rs({ onRowClick: e, onCellClick: t, onCellDoubleClick: r, onCellContext
|
|
|
6700
6702
|
className: zt.tabGuard,
|
|
6701
6703
|
onFocus: kt
|
|
6702
6704
|
}),
|
|
6703
|
-
P.editing && ie > 0 && /* @__PURE__ */ Y(
|
|
6705
|
+
P.editing && ie > 0 && /* @__PURE__ */ Y(fs, {
|
|
6704
6706
|
orderedColumns: He,
|
|
6705
6707
|
layoutFor: nt,
|
|
6706
6708
|
rowHeight: R
|