@xcelsior/ui-spreadsheets 1.0.3 → 1.0.5
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/.turbo/turbo-lint.log +61 -0
- package/CHANGELOG.md +6 -0
- package/dist/index.d.mts +5 -5
- package/dist/index.d.ts +5 -5
- package/dist/index.js +280 -174
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +280 -174
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
- package/src/components/ColumnHeaderActions.tsx +3 -2
- package/src/components/CommentModals.tsx +28 -3
- package/src/components/Spreadsheet.stories.tsx +1 -2
- package/src/components/Spreadsheet.tsx +250 -145
- package/src/components/SpreadsheetCell.tsx +38 -48
- package/src/hooks/useSpreadsheetComments.ts +56 -54
- package/src/hooks/useSpreadsheetFiltering.ts +38 -4
- package/src/hooks/useSpreadsheetHighlighting.ts +27 -4
- package/src/types.ts +4 -4
- package/.turbo/turbo-build.log +0 -22
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
|
|
2
|
+
> @xcelsior/ui-spreadsheets@1.0.3 lint /Users/tuannguyen/Work/xcelsior-packages/packages/ui/ui-spreadsheets
|
|
3
|
+
> biome check . && tsc
|
|
4
|
+
|
|
5
|
+
[0m at src/components/Spreadsheet.tsx[0m[0m:[0m[0m779[0m[0m:[0m[0m49[0m[0m [0m[0m]8;;https://biomejs.dev/linter/rules/use-key-with-click-events\lint/a11y/useKeyWithClickEvents]8;;\[0m[0m [0m[0m━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━[0m[0m
|
|
6
|
+
|
|
7
|
+
[0m[0m [0m[0m[1m[33m⚠[0m[0m [0m[0m[33mEnforce to have the [0m[0m[1m[33monClick[0m[0m[33m mouse event with the [0m[0m[1m[33monKeyUp[0m[0m[33m, the [0m[0m[1m[33monKeyDown[0m[0m[33m, or the [0m[0m[1m[33monKeyPress[0m[0m[33m keyboard event.[0m[0m
|
|
8
|
+
[0m[0m [0m[0m
|
|
9
|
+
[0m[0m [0m[0m [0m[0m[1m777 │ [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m{[0m[0m/[0m[0m*[0m[0m [0m[0mR[0m[0mo[0m[0mw[0m[0m [0m[0mI[0m[0mn[0m[0md[0m[0me[0m[0mx[0m[0m [0m[0mC[0m[0mo[0m[0ml[0m[0mu[0m[0mm[0m[0mn[0m[0m [0m[0m*[0m[0m/[0m[0m}[0m[0m
|
|
10
|
+
[0m[0m [0m[0m [0m[0m[1m778 │ [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m{[0m[0me[0m[0mf[0m[0mf[0m[0me[0m[0mc[0m[0mt[0m[0mi[0m[0mv[0m[0me[0m[0mS[0m[0mh[0m[0mo[0m[0mw[0m[0mR[0m[0mo[0m[0mw[0m[0mI[0m[0mn[0m[0md[0m[0me[0m[0mx[0m[0m [0m[0m&[0m[0m&[0m[0m [0m[0m([0m[0m
|
|
11
|
+
[0m[0m [0m[0m[1m[31m>[0m[0m [0m[0m[1m779 │ [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m<[0m[0mt[0m[0md[0m[0m
|
|
12
|
+
[0m[0m [0m[0m [0m[0m [0m[0m [0m[0m[1m │ [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m[1m[31m^[0m[0m[1m[31m^[0m[0m[1m[31m^[0m[0m
|
|
13
|
+
[0m[0m [0m[0m[1m[31m>[0m[0m [0m[0m[1m780 │ [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0mo[0m[0mn[0m[0mC[0m[0ml[0m[0mi[0m[0mc[0m[0mk[0m[0m=[0m[0m{[0m[0m([0m[0me[0m[0m)[0m[0m [0m[0m=[0m[0m>[0m[0m [0m[0mh[0m[0ma[0m[0mn[0m[0md[0m[0ml[0m[0me[0m[0mR[0m[0mo[0m[0mw[0m[0mS[0m[0me[0m[0ml[0m[0me[0m[0mc[0m[0mt[0m[0m([0m[0mr[0m[0mo[0m[0mw[0m[0mI[0m[0md[0m[0m,[0m[0m [0m[0me[0m[0m)[0m[0m}[0m[0m
|
|
14
|
+
[0m[0m [0m[0m [0m[0m [0m[0m [0m[0m[1m ...
|
|
15
|
+
[0m[0m [0m[0m[1m[31m>[0m[0m [0m[0m[1m806 │ [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m}[0m[0m}[0m[0m
|
|
16
|
+
[0m[0m [0m[0m[1m[31m>[0m[0m [0m[0m[1m807 │ [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m>[0m[0m
|
|
17
|
+
[0m[0m [0m[0m [0m[0m [0m[0m [0m[0m[1m │ [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m[1m[31m^[0m[0m
|
|
18
|
+
[0m[0m [0m[0m [0m[0m[1m808 │ [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m<[0m[0md[0m[0mi[0m[0mv[0m[0m [0m[0mc[0m[0ml[0m[0ma[0m[0ms[0m[0ms[0m[0mN[0m[0ma[0m[0mm[0m[0me[0m[0m=[0m[0m{[0m[0m'[0m[0mr[0m[0me[0m[0ml[0m[0ma[0m[0mt[0m[0mi[0m[0mv[0m[0me[0m[0m'[0m[0m}[0m[0m>[0m[0m
|
|
19
|
+
[0m[0m [0m[0m [0m[0m[1m809 │ [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m{[0m[0m/[0m[0m*[0m[0m [0m[0mR[0m[0mo[0m[0mw[0m[0m [0m[0mn[0m[0mu[0m[0mm[0m[0mb[0m[0me[0m[0mr[0m[0m [0m[0m*[0m[0m/[0m[0m}[0m[0m
|
|
20
|
+
[0m[0m [0m[0m
|
|
21
|
+
[0m[0m [0m[0m[1m[34mℹ[0m[0m [0m[0m[34mActions triggered using mouse events should have corresponding keyboard events to account for keyboard-only navigation.[0m[0m
|
|
22
|
+
[0m[0m [0m[0m
|
|
23
|
+
[0m
|
|
24
|
+
[0m at src/components/SpreadsheetFilterDropdown.tsx[0m[0m:[0m[0m188[0m[0m:[0m[0m9[0m[0m [0m[0m]8;;https://biomejs.dev/linter/rules/no-static-element-interactions\lint/a11y/noStaticElementInteractions]8;;\[0m[0m [0m[0m━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━[0m[0m
|
|
25
|
+
|
|
26
|
+
[0m[0m [0m[0m[1m[33m⚠[0m[0m [0m[0m[33mStatic Elements should not be interactive.[0m[0m
|
|
27
|
+
[0m[0m [0m[0m
|
|
28
|
+
[0m[0m [0m[0m [0m[0m[1m187 │ [0m[0m [0m[0m [0m[0m [0m[0m [0m[0mr[0m[0me[0m[0mt[0m[0mu[0m[0mr[0m[0mn[0m[0m [0m[0m([0m[0m
|
|
29
|
+
[0m[0m [0m[0m[1m[31m>[0m[0m [0m[0m[1m188 │ [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m<[0m[0md[0m[0mi[0m[0mv[0m[0m
|
|
30
|
+
[0m[0m [0m[0m [0m[0m [0m[0m [0m[0m[1m │ [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m[1m[31m^[0m[0m[1m[31m^[0m[0m[1m[31m^[0m[0m[1m[31m^[0m[0m
|
|
31
|
+
[0m[0m [0m[0m[1m[31m>[0m[0m [0m[0m[1m189 │ [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0mr[0m[0me[0m[0mf[0m[0m=[0m[0m{[0m[0md[0m[0mr[0m[0mo[0m[0mp[0m[0md[0m[0mo[0m[0mw[0m[0mn[0m[0mR[0m[0me[0m[0mf[0m[0m}[0m[0m
|
|
32
|
+
[0m[0m [0m[0m [0m[0m [0m[0m [0m[0m[1m ...
|
|
33
|
+
[0m[0m [0m[0m[1m[31m>[0m[0m [0m[0m[1m194 │ [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0mo[0m[0mn[0m[0mC[0m[0ml[0m[0mi[0m[0mc[0m[0mk[0m[0m=[0m[0m{[0m[0m([0m[0me[0m[0m)[0m[0m [0m[0m=[0m[0m>[0m[0m [0m[0me[0m[0m.[0m[0ms[0m[0mt[0m[0mo[0m[0mp[0m[0mP[0m[0mr[0m[0mo[0m[0mp[0m[0ma[0m[0mg[0m[0ma[0m[0mt[0m[0mi[0m[0mo[0m[0mn[0m[0m([0m[0m)[0m[0m}[0m[0m
|
|
34
|
+
[0m[0m [0m[0m[1m[31m>[0m[0m [0m[0m[1m195 │ [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m>[0m[0m
|
|
35
|
+
[0m[0m [0m[0m [0m[0m [0m[0m [0m[0m[1m │ [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m[1m[31m^[0m[0m
|
|
36
|
+
[0m[0m [0m[0m [0m[0m[1m196 │ [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m<[0m[0md[0m[0mi[0m[0mv[0m[0m [0m[0mc[0m[0ml[0m[0ma[0m[0ms[0m[0ms[0m[0mN[0m[0ma[0m[0mm[0m[0me[0m[0m=[0m[0m"[0m[0mp[0m[0mx[0m[0m-[0m[0m3[0m[0m [0m[0mp[0m[0my[0m[0m-[0m[0m2[0m[0m [0m[0mb[0m[0mo[0m[0mr[0m[0md[0m[0me[0m[0mr[0m[0m-[0m[0mb[0m[0m [0m[0mb[0m[0mo[0m[0mr[0m[0md[0m[0me[0m[0mr[0m[0m-[0m[0mg[0m[0mr[0m[0ma[0m[0my[0m[0m-[0m[0m2[0m[0m0[0m[0m0[0m[0m [0m[0mb[0m[0mg[0m[0m-[0m[0mg[0m[0mr[0m[0ma[0m[0my[0m[0m-[0m[0m5[0m[0m0[0m[0m"[0m[0m>[0m[0m
|
|
37
|
+
[0m[0m [0m[0m [0m[0m[1m197 │ [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m<[0m[0ms[0m[0mp[0m[0ma[0m[0mn[0m[0m [0m[0mc[0m[0ml[0m[0ma[0m[0ms[0m[0ms[0m[0mN[0m[0ma[0m[0mm[0m[0me[0m[0m=[0m[0m"[0m[0mt[0m[0me[0m[0mx[0m[0mt[0m[0m-[0m[0mx[0m[0ms[0m[0m [0m[0mf[0m[0mo[0m[0mn[0m[0mt[0m[0m-[0m[0mm[0m[0me[0m[0md[0m[0mi[0m[0mu[0m[0mm[0m[0m [0m[0mt[0m[0me[0m[0mx[0m[0mt[0m[0m-[0m[0mg[0m[0mr[0m[0ma[0m[0my[0m[0m-[0m[0m7[0m[0m0[0m[0m0[0m[0m"[0m[0m>[0m[0mF[0m[0mi[0m[0ml[0m[0mt[0m[0me[0m[0mr[0m[0m:[0m[0m [0m[0m{[0m[0mc[0m[0mo[0m[0ml[0m[0mu[0m[0mm[0m[0mn[0m[0m.[0m[0ml[0m[0ma[0m[0mb[0m[0me[0m[0ml[0m[0m}[0m[0m<[0m[0m/[0m[0ms[0m[0mp[0m[0ma[0m[0mn[0m[0m>[0m[0m
|
|
38
|
+
[0m[0m [0m[0m
|
|
39
|
+
[0m[0m [0m[0m[1m[34mℹ[0m[0m [0m[0m[34mTo add interactivity such as a mouse or key event listener to a static element, give the element an appropriate role value.[0m[0m
|
|
40
|
+
[0m[0m [0m[0m
|
|
41
|
+
[0m
|
|
42
|
+
[0m at src/components/SpreadsheetFilterDropdown.tsx[0m[0m:[0m[0m188[0m[0m:[0m[0m9[0m[0m [0m[0m]8;;https://biomejs.dev/linter/rules/use-key-with-click-events\lint/a11y/useKeyWithClickEvents]8;;\[0m[0m [0m[0m━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━[0m[0m
|
|
43
|
+
|
|
44
|
+
[0m[0m [0m[0m[1m[33m⚠[0m[0m [0m[0m[33mEnforce to have the [0m[0m[1m[33monClick[0m[0m[33m mouse event with the [0m[0m[1m[33monKeyUp[0m[0m[33m, the [0m[0m[1m[33monKeyDown[0m[0m[33m, or the [0m[0m[1m[33monKeyPress[0m[0m[33m keyboard event.[0m[0m
|
|
45
|
+
[0m[0m [0m[0m
|
|
46
|
+
[0m[0m [0m[0m [0m[0m[1m187 │ [0m[0m [0m[0m [0m[0m [0m[0m [0m[0mr[0m[0me[0m[0mt[0m[0mu[0m[0mr[0m[0mn[0m[0m [0m[0m([0m[0m
|
|
47
|
+
[0m[0m [0m[0m[1m[31m>[0m[0m [0m[0m[1m188 │ [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m<[0m[0md[0m[0mi[0m[0mv[0m[0m
|
|
48
|
+
[0m[0m [0m[0m [0m[0m [0m[0m [0m[0m[1m │ [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m[1m[31m^[0m[0m[1m[31m^[0m[0m[1m[31m^[0m[0m[1m[31m^[0m[0m
|
|
49
|
+
[0m[0m [0m[0m[1m[31m>[0m[0m [0m[0m[1m189 │ [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0mr[0m[0me[0m[0mf[0m[0m=[0m[0m{[0m[0md[0m[0mr[0m[0mo[0m[0mp[0m[0md[0m[0mo[0m[0mw[0m[0mn[0m[0mR[0m[0me[0m[0mf[0m[0m}[0m[0m
|
|
50
|
+
[0m[0m [0m[0m [0m[0m [0m[0m [0m[0m[1m ...
|
|
51
|
+
[0m[0m [0m[0m[1m[31m>[0m[0m [0m[0m[1m194 │ [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0mo[0m[0mn[0m[0mC[0m[0ml[0m[0mi[0m[0mc[0m[0mk[0m[0m=[0m[0m{[0m[0m([0m[0me[0m[0m)[0m[0m [0m[0m=[0m[0m>[0m[0m [0m[0me[0m[0m.[0m[0ms[0m[0mt[0m[0mo[0m[0mp[0m[0mP[0m[0mr[0m[0mo[0m[0mp[0m[0ma[0m[0mg[0m[0ma[0m[0mt[0m[0mi[0m[0mo[0m[0mn[0m[0m([0m[0m)[0m[0m}[0m[0m
|
|
52
|
+
[0m[0m [0m[0m[1m[31m>[0m[0m [0m[0m[1m195 │ [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m>[0m[0m
|
|
53
|
+
[0m[0m [0m[0m [0m[0m [0m[0m [0m[0m[1m │ [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m[1m[31m^[0m[0m
|
|
54
|
+
[0m[0m [0m[0m [0m[0m[1m196 │ [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m<[0m[0md[0m[0mi[0m[0mv[0m[0m [0m[0mc[0m[0ml[0m[0ma[0m[0ms[0m[0ms[0m[0mN[0m[0ma[0m[0mm[0m[0me[0m[0m=[0m[0m"[0m[0mp[0m[0mx[0m[0m-[0m[0m3[0m[0m [0m[0mp[0m[0my[0m[0m-[0m[0m2[0m[0m [0m[0mb[0m[0mo[0m[0mr[0m[0md[0m[0me[0m[0mr[0m[0m-[0m[0mb[0m[0m [0m[0mb[0m[0mo[0m[0mr[0m[0md[0m[0me[0m[0mr[0m[0m-[0m[0mg[0m[0mr[0m[0ma[0m[0my[0m[0m-[0m[0m2[0m[0m0[0m[0m0[0m[0m [0m[0mb[0m[0mg[0m[0m-[0m[0mg[0m[0mr[0m[0ma[0m[0my[0m[0m-[0m[0m5[0m[0m0[0m[0m"[0m[0m>[0m[0m
|
|
55
|
+
[0m[0m [0m[0m [0m[0m[1m197 │ [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m [0m[0m<[0m[0ms[0m[0mp[0m[0ma[0m[0mn[0m[0m [0m[0mc[0m[0ml[0m[0ma[0m[0ms[0m[0ms[0m[0mN[0m[0ma[0m[0mm[0m[0me[0m[0m=[0m[0m"[0m[0mt[0m[0me[0m[0mx[0m[0mt[0m[0m-[0m[0mx[0m[0ms[0m[0m [0m[0mf[0m[0mo[0m[0mn[0m[0mt[0m[0m-[0m[0mm[0m[0me[0m[0md[0m[0mi[0m[0mu[0m[0mm[0m[0m [0m[0mt[0m[0me[0m[0mx[0m[0mt[0m[0m-[0m[0mg[0m[0mr[0m[0ma[0m[0my[0m[0m-[0m[0m7[0m[0m0[0m[0m0[0m[0m"[0m[0m>[0m[0mF[0m[0mi[0m[0ml[0m[0mt[0m[0me[0m[0mr[0m[0m:[0m[0m [0m[0m{[0m[0mc[0m[0mo[0m[0ml[0m[0mu[0m[0mm[0m[0mn[0m[0m.[0m[0ml[0m[0ma[0m[0mb[0m[0me[0m[0ml[0m[0m}[0m[0m<[0m[0m/[0m[0ms[0m[0mp[0m[0ma[0m[0mn[0m[0m>[0m[0m
|
|
56
|
+
[0m[0m [0m[0m
|
|
57
|
+
[0m[0m [0m[0m[1m[34mℹ[0m[0m [0m[0m[34mActions triggered using mouse events should have corresponding keyboard events to account for keyboard-only navigation.[0m[0m
|
|
58
|
+
[0m[0m [0m[0m
|
|
59
|
+
[0m
|
|
60
|
+
[0m[34mChecked [0m[0m[34m29[0m[0m[34m [0m[0m[34mfiles[0m[0m[34m in [0m[0m[34m11[0m[0m[2m[34mms[0m[0m[34m.[0m[0m[34m No fixes applied.[0m[0m
|
|
61
|
+
[0m[0m[33mFound [0m[0m[33m3[0m[0m[33m warnings.[0m
|
package/CHANGELOG.md
CHANGED
package/dist/index.d.mts
CHANGED
|
@@ -253,8 +253,8 @@ interface SpreadsheetProps<T = any> {
|
|
|
253
253
|
onRowDoubleClick?: (row: T, rowIndex: number) => void;
|
|
254
254
|
/** Callback when a row is cloned/duplicated */
|
|
255
255
|
onRowClone?: (row: T, rowId: string | number) => void;
|
|
256
|
-
/** Callback when a
|
|
257
|
-
|
|
256
|
+
/** Callback when a cell comment is added */
|
|
257
|
+
onAddCellComment?: (rowId: string | number, columnId: string, comment: string) => void;
|
|
258
258
|
/** Callback when row highlight is toggled */
|
|
259
259
|
onRowHighlight?: (rowId: string | number, color: string | null) => void;
|
|
260
260
|
/** Whether to show the toolbar */
|
|
@@ -291,8 +291,8 @@ interface SpreadsheetProps<T = any> {
|
|
|
291
291
|
emptyMessage?: string;
|
|
292
292
|
/** Row highlights (externally controlled) */
|
|
293
293
|
rowHighlights?: CellHighlight[];
|
|
294
|
-
/**
|
|
295
|
-
|
|
294
|
+
/** Cell comments (externally controlled) */
|
|
295
|
+
cellComments?: CellComment[];
|
|
296
296
|
/** Custom row actions to display in the index column */
|
|
297
297
|
rowActions?: RowAction<T>[];
|
|
298
298
|
/**
|
|
@@ -554,7 +554,7 @@ interface SpreadsheetColumnGroupHeaderProps {
|
|
|
554
554
|
* />
|
|
555
555
|
* ```
|
|
556
556
|
*/
|
|
557
|
-
declare function Spreadsheet<T extends Record<string, any>>({ data, columns, columnGroups, getRowId, onCellEdit, onSelectionChange, onSortChange, onFilterChange, onRowClick, onRowDoubleClick, onRowClone,
|
|
557
|
+
declare function Spreadsheet<T extends Record<string, any>>({ data, columns, columnGroups, getRowId, onCellEdit, onSelectionChange, onSortChange, onFilterChange, onRowClick, onRowDoubleClick, onRowClone, onAddCellComment, onRowHighlight, showToolbar, showPagination, showRowIndex, enableRowSelection, enableCellEditing, enableComments, enableHighlighting, enableUndoRedo, defaultPageSize, pageSizeOptions, defaultZoom, autoSave, compactMode, isLoading, className, emptyMessage, rowHighlights: externalRowHighlights, cellComments: externalCellComments, rowActions, serverSide, totalItems, currentPage: controlledCurrentPage, pageSize: controlledPageSize, onPageChange, sortConfig: controlledSortConfig, filters: controlledFilters, }: SpreadsheetProps<T>): react_jsx_runtime.JSX.Element;
|
|
558
558
|
declare namespace Spreadsheet {
|
|
559
559
|
var displayName: string;
|
|
560
560
|
}
|
package/dist/index.d.ts
CHANGED
|
@@ -253,8 +253,8 @@ interface SpreadsheetProps<T = any> {
|
|
|
253
253
|
onRowDoubleClick?: (row: T, rowIndex: number) => void;
|
|
254
254
|
/** Callback when a row is cloned/duplicated */
|
|
255
255
|
onRowClone?: (row: T, rowId: string | number) => void;
|
|
256
|
-
/** Callback when a
|
|
257
|
-
|
|
256
|
+
/** Callback when a cell comment is added */
|
|
257
|
+
onAddCellComment?: (rowId: string | number, columnId: string, comment: string) => void;
|
|
258
258
|
/** Callback when row highlight is toggled */
|
|
259
259
|
onRowHighlight?: (rowId: string | number, color: string | null) => void;
|
|
260
260
|
/** Whether to show the toolbar */
|
|
@@ -291,8 +291,8 @@ interface SpreadsheetProps<T = any> {
|
|
|
291
291
|
emptyMessage?: string;
|
|
292
292
|
/** Row highlights (externally controlled) */
|
|
293
293
|
rowHighlights?: CellHighlight[];
|
|
294
|
-
/**
|
|
295
|
-
|
|
294
|
+
/** Cell comments (externally controlled) */
|
|
295
|
+
cellComments?: CellComment[];
|
|
296
296
|
/** Custom row actions to display in the index column */
|
|
297
297
|
rowActions?: RowAction<T>[];
|
|
298
298
|
/**
|
|
@@ -554,7 +554,7 @@ interface SpreadsheetColumnGroupHeaderProps {
|
|
|
554
554
|
* />
|
|
555
555
|
* ```
|
|
556
556
|
*/
|
|
557
|
-
declare function Spreadsheet<T extends Record<string, any>>({ data, columns, columnGroups, getRowId, onCellEdit, onSelectionChange, onSortChange, onFilterChange, onRowClick, onRowDoubleClick, onRowClone,
|
|
557
|
+
declare function Spreadsheet<T extends Record<string, any>>({ data, columns, columnGroups, getRowId, onCellEdit, onSelectionChange, onSortChange, onFilterChange, onRowClick, onRowDoubleClick, onRowClone, onAddCellComment, onRowHighlight, showToolbar, showPagination, showRowIndex, enableRowSelection, enableCellEditing, enableComments, enableHighlighting, enableUndoRedo, defaultPageSize, pageSizeOptions, defaultZoom, autoSave, compactMode, isLoading, className, emptyMessage, rowHighlights: externalRowHighlights, cellComments: externalCellComments, rowActions, serverSide, totalItems, currentPage: controlledCurrentPage, pageSize: controlledPageSize, onPageChange, sortConfig: controlledSortConfig, filters: controlledFilters, }: SpreadsheetProps<T>): react_jsx_runtime.JSX.Element;
|
|
558
558
|
declare namespace Spreadsheet {
|
|
559
559
|
var displayName: string;
|
|
560
560
|
}
|