@xcelsior/ui-spreadsheets 1.0.4 → 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/dist/index.js +79 -86
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +79 -86
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
- package/src/components/CommentModals.tsx +15 -0
- package/src/components/Spreadsheet.stories.tsx +1 -1
- package/src/components/Spreadsheet.tsx +74 -77
- package/src/components/SpreadsheetCell.tsx +33 -39
- 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/dist/index.js
CHANGED
|
@@ -376,31 +376,7 @@ var SpreadsheetCell = ({
|
|
|
376
376
|
children: renderContent()
|
|
377
377
|
}
|
|
378
378
|
),
|
|
379
|
-
|
|
380
|
-
"button",
|
|
381
|
-
{
|
|
382
|
-
type: "button",
|
|
383
|
-
onClick: (e) => {
|
|
384
|
-
e.stopPropagation();
|
|
385
|
-
onViewComments?.();
|
|
386
|
-
},
|
|
387
|
-
className: "absolute -right-1 p-0.5 hover:bg-gray-100 rounded z-10",
|
|
388
|
-
title: `${unresolvedCommentCount} unresolved comment(s)`,
|
|
389
|
-
children: [
|
|
390
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
391
|
-
FaComment,
|
|
392
|
-
{
|
|
393
|
-
className: cn(
|
|
394
|
-
"h-2.5 w-2.5",
|
|
395
|
-
unresolvedCommentCount > 0 ? "text-amber-500" : "text-gray-400"
|
|
396
|
-
)
|
|
397
|
-
}
|
|
398
|
-
),
|
|
399
|
-
unresolvedCommentCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "absolute -top-1 -right-1 bg-amber-500 text-white text-[6px] rounded-full w-2.5 h-2.5 flex items-center justify-center", children: unresolvedCommentCount })
|
|
400
|
-
]
|
|
401
|
-
}
|
|
402
|
-
),
|
|
403
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "opacity-0 group-hover:opacity-100 flex items-center gap-0.5 transition-opacity shrink-0", children: [
|
|
379
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-0.5 shrink-0", children: [
|
|
404
380
|
value !== null && value !== void 0 && value !== "" && onCopyDown && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
405
381
|
"button",
|
|
406
382
|
{
|
|
@@ -409,7 +385,7 @@ var SpreadsheetCell = ({
|
|
|
409
385
|
e.stopPropagation();
|
|
410
386
|
onCopyDown();
|
|
411
387
|
},
|
|
412
|
-
className: "p-0.5 bg-gray-100 hover:bg-gray-200 rounded",
|
|
388
|
+
className: "opacity-0 group-hover:opacity-100 transition-opacity p-0.5 bg-gray-100 hover:bg-gray-200 rounded",
|
|
413
389
|
title: "Copy value down to rows below",
|
|
414
390
|
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(HiOutlineClipboardCopy, { className: "h-2.5 w-2.5 text-gray-500" })
|
|
415
391
|
}
|
|
@@ -422,7 +398,7 @@ var SpreadsheetCell = ({
|
|
|
422
398
|
e.stopPropagation();
|
|
423
399
|
onCopyToSelected();
|
|
424
400
|
},
|
|
425
|
-
className: "p-0.5 bg-green-100 hover:bg-green-200 rounded",
|
|
401
|
+
className: "opacity-0 group-hover:opacity-100 transition-opacity p-0.5 bg-green-100 hover:bg-green-200 rounded",
|
|
426
402
|
title: "Copy to selected rows",
|
|
427
403
|
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(HiOutlineClipboardCheck, { className: "h-2.5 w-2.5 text-green-600" })
|
|
428
404
|
}
|
|
@@ -435,20 +411,35 @@ var SpreadsheetCell = ({
|
|
|
435
411
|
e.stopPropagation();
|
|
436
412
|
onHighlight();
|
|
437
413
|
},
|
|
438
|
-
className: "p-0.5 hover:bg-gray-
|
|
414
|
+
className: "opacity-0 group-hover:opacity-100 transition-opacity p-0.5 bg-gray-100 hover:bg-gray-200 rounded",
|
|
439
415
|
title: "Highlight cell",
|
|
440
416
|
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
441
417
|
AiFillHighlight,
|
|
442
418
|
{
|
|
443
419
|
className: cn(
|
|
444
420
|
"h-2.5 w-2.5",
|
|
445
|
-
highlightColor ? "text-amber-500" : "text-gray-
|
|
421
|
+
highlightColor ? "text-amber-500" : "text-gray-500"
|
|
446
422
|
)
|
|
447
423
|
}
|
|
448
424
|
)
|
|
449
425
|
}
|
|
450
426
|
),
|
|
451
|
-
|
|
427
|
+
hasComments && onViewComments ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
428
|
+
"button",
|
|
429
|
+
{
|
|
430
|
+
type: "button",
|
|
431
|
+
onClick: (e) => {
|
|
432
|
+
e.stopPropagation();
|
|
433
|
+
onViewComments();
|
|
434
|
+
},
|
|
435
|
+
className: "p-0.5 bg-amber-100 hover:bg-amber-200 rounded transition-colors flex items-center gap-0.5",
|
|
436
|
+
title: `${unresolvedCommentCount} comment(s) - click to view`,
|
|
437
|
+
children: [
|
|
438
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(FaComment, { className: "h-2.5 w-2.5 text-amber-500" }),
|
|
439
|
+
unresolvedCommentCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-[9px] font-medium text-amber-600", children: unresolvedCommentCount > 99 ? "99+" : unresolvedCommentCount })
|
|
440
|
+
]
|
|
441
|
+
}
|
|
442
|
+
) : onAddComment ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
452
443
|
"button",
|
|
453
444
|
{
|
|
454
445
|
type: "button",
|
|
@@ -456,11 +447,11 @@ var SpreadsheetCell = ({
|
|
|
456
447
|
e.stopPropagation();
|
|
457
448
|
onAddComment();
|
|
458
449
|
},
|
|
459
|
-
className: "p-0.5 hover:bg-gray-
|
|
450
|
+
className: "opacity-0 group-hover:opacity-100 transition-opacity p-0.5 bg-gray-100 hover:bg-gray-200 rounded",
|
|
460
451
|
title: "Add comment",
|
|
461
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FaRegComment, { className: "h-2.5 w-2.5 text-gray-
|
|
452
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FaRegComment, { className: "h-2.5 w-2.5 text-gray-500" })
|
|
462
453
|
}
|
|
463
|
-
)
|
|
454
|
+
) : null
|
|
464
455
|
] })
|
|
465
456
|
] })
|
|
466
457
|
}
|
|
@@ -2081,6 +2072,7 @@ function ViewCommentsModal({
|
|
|
2081
2072
|
comments,
|
|
2082
2073
|
columnLabel,
|
|
2083
2074
|
onToggleResolved,
|
|
2075
|
+
onAddComment,
|
|
2084
2076
|
onClose
|
|
2085
2077
|
}) {
|
|
2086
2078
|
if (!isOpen) return null;
|
|
@@ -2133,7 +2125,16 @@ function ViewCommentsModal({
|
|
|
2133
2125
|
comment.id
|
|
2134
2126
|
)),
|
|
2135
2127
|
comments.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: "text-center text-gray-500 py-8", children: "No comments for this cell." })
|
|
2136
|
-
] })
|
|
2128
|
+
] }),
|
|
2129
|
+
onAddComment && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "mt-4 pt-4 border-t border-gray-200", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
|
|
2130
|
+
"button",
|
|
2131
|
+
{
|
|
2132
|
+
type: "button",
|
|
2133
|
+
onClick: onAddComment,
|
|
2134
|
+
className: "w-full px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors flex items-center justify-center gap-2",
|
|
2135
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { children: "+ Add Comment" })
|
|
2136
|
+
}
|
|
2137
|
+
) })
|
|
2137
2138
|
] }) });
|
|
2138
2139
|
}
|
|
2139
2140
|
ViewCommentsModal.displayName = "ViewCommentsModal";
|
|
@@ -3387,52 +3388,9 @@ function Spreadsheet({
|
|
|
3387
3388
|
left: 0
|
|
3388
3389
|
}
|
|
3389
3390
|
},
|
|
3390
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "relative", children: [
|
|
3391
|
-
/* @__PURE__ */ (0, import_jsx_runtime11.jsx)("
|
|
3392
|
-
|
|
3393
|
-
rowId,
|
|
3394
|
-
ROW_INDEX_COLUMN_ID
|
|
3395
|
-
) && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
|
|
3396
|
-
"button",
|
|
3397
|
-
{
|
|
3398
|
-
type: "button",
|
|
3399
|
-
onClick: (e) => {
|
|
3400
|
-
e.stopPropagation();
|
|
3401
|
-
setViewCommentsCell({
|
|
3402
|
-
rowId,
|
|
3403
|
-
columnId: ROW_INDEX_COLUMN_ID
|
|
3404
|
-
});
|
|
3405
|
-
},
|
|
3406
|
-
style: {
|
|
3407
|
-
top: "5px",
|
|
3408
|
-
right: "5px"
|
|
3409
|
-
},
|
|
3410
|
-
className: "absolute p-0.5 hover:bg-gray-100 rounded z-10",
|
|
3411
|
-
title: `${getCellUnresolvedCommentCount(rowId, ROW_INDEX_COLUMN_ID)} unresolved comment(s)`,
|
|
3412
|
-
children: [
|
|
3413
|
-
/* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
|
|
3414
|
-
FaComment,
|
|
3415
|
-
{
|
|
3416
|
-
className: cn(
|
|
3417
|
-
"h-2.5 w-2.5",
|
|
3418
|
-
getCellUnresolvedCommentCount(
|
|
3419
|
-
rowId,
|
|
3420
|
-
ROW_INDEX_COLUMN_ID
|
|
3421
|
-
) > 0 ? "text-amber-500" : "text-gray-400"
|
|
3422
|
-
)
|
|
3423
|
-
}
|
|
3424
|
-
),
|
|
3425
|
-
getCellUnresolvedCommentCount(
|
|
3426
|
-
rowId,
|
|
3427
|
-
ROW_INDEX_COLUMN_ID
|
|
3428
|
-
) > 0 && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "absolute -top-1 -right-1 bg-amber-500 text-white text-[6px] rounded-full w-2.5 h-2.5 flex items-center justify-center", children: getCellUnresolvedCommentCount(
|
|
3429
|
-
rowId,
|
|
3430
|
-
ROW_INDEX_COLUMN_ID
|
|
3431
|
-
) })
|
|
3432
|
-
]
|
|
3433
|
-
}
|
|
3434
|
-
),
|
|
3435
|
-
/* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "absolute inset-x-0 bottom-0 opacity-0 group-hover:opacity-100 flex items-center justify-center gap-0.5 transition-opacity bg-white/90 py-0.5 border-t border-gray-100", children: [
|
|
3391
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "relative flex items-center justify-center", children: [
|
|
3392
|
+
/* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { children: displayIndex }),
|
|
3393
|
+
/* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "absolute right-0 flex items-center gap-0.5", children: [
|
|
3436
3394
|
onRowClone && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
|
|
3437
3395
|
"button",
|
|
3438
3396
|
{
|
|
@@ -3441,7 +3399,7 @@ function Spreadsheet({
|
|
|
3441
3399
|
e.stopPropagation();
|
|
3442
3400
|
handleRowClone(row, rowId);
|
|
3443
3401
|
},
|
|
3444
|
-
className: "p-0.5 hover:bg-gray-200 rounded",
|
|
3402
|
+
className: "opacity-0 group-hover:opacity-100 transition-opacity p-0.5 bg-gray-100 hover:bg-gray-200 rounded",
|
|
3445
3403
|
title: "Duplicate row",
|
|
3446
3404
|
children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(HiDuplicate, { className: "h-2.5 w-2.5 text-gray-500" })
|
|
3447
3405
|
}
|
|
@@ -3456,7 +3414,7 @@ function Spreadsheet({
|
|
|
3456
3414
|
rowId
|
|
3457
3415
|
);
|
|
3458
3416
|
},
|
|
3459
|
-
className: "p-0.5 hover:bg-gray-200 rounded",
|
|
3417
|
+
className: "opacity-0 group-hover:opacity-100 transition-opacity p-0.5 bg-gray-100 hover:bg-gray-200 rounded",
|
|
3460
3418
|
title: "Highlight row",
|
|
3461
3419
|
children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
|
|
3462
3420
|
AiFillHighlight,
|
|
@@ -3469,7 +3427,37 @@ function Spreadsheet({
|
|
|
3469
3427
|
)
|
|
3470
3428
|
}
|
|
3471
3429
|
),
|
|
3472
|
-
enableComments &&
|
|
3430
|
+
enableComments && (cellHasComments(
|
|
3431
|
+
rowId,
|
|
3432
|
+
ROW_INDEX_COLUMN_ID
|
|
3433
|
+
) ? /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
|
|
3434
|
+
"button",
|
|
3435
|
+
{
|
|
3436
|
+
type: "button",
|
|
3437
|
+
onClick: (e) => {
|
|
3438
|
+
e.stopPropagation();
|
|
3439
|
+
setViewCommentsCell({
|
|
3440
|
+
rowId,
|
|
3441
|
+
columnId: ROW_INDEX_COLUMN_ID
|
|
3442
|
+
});
|
|
3443
|
+
},
|
|
3444
|
+
className: "p-0.5 bg-amber-100 hover:bg-amber-200 rounded transition-colors flex items-center gap-0.5",
|
|
3445
|
+
title: `${getCellUnresolvedCommentCount(rowId, ROW_INDEX_COLUMN_ID)} comment(s) - click to view`,
|
|
3446
|
+
children: [
|
|
3447
|
+
/* @__PURE__ */ (0, import_jsx_runtime11.jsx)(FaComment, { className: "h-2.5 w-2.5 text-amber-500" }),
|
|
3448
|
+
getCellUnresolvedCommentCount(
|
|
3449
|
+
rowId,
|
|
3450
|
+
ROW_INDEX_COLUMN_ID
|
|
3451
|
+
) > 0 && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "text-[9px] font-medium text-amber-600", children: getCellUnresolvedCommentCount(
|
|
3452
|
+
rowId,
|
|
3453
|
+
ROW_INDEX_COLUMN_ID
|
|
3454
|
+
) > 99 ? "99+" : getCellUnresolvedCommentCount(
|
|
3455
|
+
rowId,
|
|
3456
|
+
ROW_INDEX_COLUMN_ID
|
|
3457
|
+
) })
|
|
3458
|
+
]
|
|
3459
|
+
}
|
|
3460
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
|
|
3473
3461
|
"button",
|
|
3474
3462
|
{
|
|
3475
3463
|
type: "button",
|
|
@@ -3480,11 +3468,11 @@ function Spreadsheet({
|
|
|
3480
3468
|
columnId: ROW_INDEX_COLUMN_ID
|
|
3481
3469
|
});
|
|
3482
3470
|
},
|
|
3483
|
-
className: "p-0.5 hover:bg-gray-200 rounded",
|
|
3471
|
+
className: "opacity-0 group-hover:opacity-100 transition-opacity p-0.5 bg-gray-100 hover:bg-gray-200 rounded",
|
|
3484
3472
|
title: "Add comment",
|
|
3485
3473
|
children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(FaRegComment, { className: "h-2.5 w-2.5 text-gray-500" })
|
|
3486
3474
|
}
|
|
3487
|
-
),
|
|
3475
|
+
)),
|
|
3488
3476
|
rowActions?.map((action) => {
|
|
3489
3477
|
if (action.visible && !action.visible(row))
|
|
3490
3478
|
return null;
|
|
@@ -3500,7 +3488,7 @@ function Spreadsheet({
|
|
|
3500
3488
|
);
|
|
3501
3489
|
},
|
|
3502
3490
|
className: cn(
|
|
3503
|
-
"p-0.5 hover:bg-gray-200 rounded",
|
|
3491
|
+
"opacity-0 group-hover:opacity-100 transition-opacity p-0.5 hover:bg-gray-200 rounded",
|
|
3504
3492
|
action.className
|
|
3505
3493
|
),
|
|
3506
3494
|
title: action.tooltip,
|
|
@@ -3613,6 +3601,11 @@ function Spreadsheet({
|
|
|
3613
3601
|
comments: viewCommentsCell !== null ? getCellComments(viewCommentsCell.rowId, viewCommentsCell.columnId) : [],
|
|
3614
3602
|
columnLabel: viewCommentsCell ? viewCommentsCell.columnId === ROW_INDEX_COLUMN_ID ? "Row #" : columns.find((c) => c.id === viewCommentsCell.columnId)?.label : void 0,
|
|
3615
3603
|
onToggleResolved: handleToggleCommentResolved,
|
|
3604
|
+
onAddComment: viewCommentsCell !== null ? () => {
|
|
3605
|
+
const cell = viewCommentsCell;
|
|
3606
|
+
setViewCommentsCell(null);
|
|
3607
|
+
setCommentModalCell(cell);
|
|
3608
|
+
} : void 0,
|
|
3616
3609
|
onClose: () => setViewCommentsCell(null)
|
|
3617
3610
|
}
|
|
3618
3611
|
),
|