@xcelsior/ui-spreadsheets 1.0.8 → 1.0.10

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.
@@ -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
+  at src/components/Spreadsheet.tsx:779:49 ]8;;https://biomejs.dev/linter/rules/use-key-with-click-events\lint/a11y/useKeyWithClickEvents]8;;\ ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
6
+
7
+  ⚠ Enforce to have the onClick mouse event with the onKeyUp, the onKeyDown, or the onKeyPress keyboard event.
8
+  
9
+   777 │                                             {/* Row Index Column */}
10
+   778 │                                             {effectiveShowRowIndex && (
11
+  > 779 │                                                 <td
12
+      │                                                 ^^^
13
+  > 780 │                                                     onClick={(e) => handleRowSelect(rowId, e)}
14
+      ...
15
+  > 806 │                                                     }}
16
+  > 807 │                                                 >
17
+      │                                                 ^
18
+   808 │                                                     <div className={'relative'}>
19
+   809 │                                                         {/* Row number */}
20
+  
21
+  ℹ Actions triggered using mouse events should have corresponding keyboard events to account for keyboard-only navigation.
22
+  
23
+ 
24
+  at src/components/SpreadsheetFilterDropdown.tsx:188:9 ]8;;https://biomejs.dev/linter/rules/no-static-element-interactions\lint/a11y/noStaticElementInteractions]8;;\ ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
25
+
26
+  ⚠ Static Elements should not be interactive.
27
+  
28
+   187 │     return (
29
+  > 188 │         <div
30
+      │         ^^^^
31
+  > 189 │             ref={dropdownRef}
32
+      ...
33
+  > 194 │             onClick={(e) => e.stopPropagation()}
34
+  > 195 │         >
35
+      │         ^
36
+   196 │             <div className="px-3 py-2 border-b border-gray-200 bg-gray-50">
37
+   197 │                 <span className="text-xs font-medium text-gray-700">Filter: {column.label}</span>
38
+  
39
+  ℹ To add interactivity such as a mouse or key event listener to a static element, give the element an appropriate role value.
40
+  
41
+ 
42
+  at src/components/SpreadsheetFilterDropdown.tsx:188:9 ]8;;https://biomejs.dev/linter/rules/use-key-with-click-events\lint/a11y/useKeyWithClickEvents]8;;\ ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
43
+
44
+  ⚠ Enforce to have the onClick mouse event with the onKeyUp, the onKeyDown, or the onKeyPress keyboard event.
45
+  
46
+   187 │     return (
47
+  > 188 │         <div
48
+      │         ^^^^
49
+  > 189 │             ref={dropdownRef}
50
+      ...
51
+  > 194 │             onClick={(e) => e.stopPropagation()}
52
+  > 195 │         >
53
+      │         ^
54
+   196 │             <div className="px-3 py-2 border-b border-gray-200 bg-gray-50">
55
+   197 │                 <span className="text-xs font-medium text-gray-700">Filter: {column.label}</span>
56
+  
57
+  ℹ Actions triggered using mouse events should have corresponding keyboard events to account for keyboard-only navigation.
58
+  
59
+ 
60
+ Checked 29 files in 11ms. No fixes applied.
61
+ Found 3 warnings.
package/dist/index.js CHANGED
@@ -325,7 +325,7 @@ var SpreadsheetCell = ({
325
325
  autoCapitalize: "off",
326
326
  spellCheck: false,
327
327
  className: cn(
328
- "w-full border border-gray-300 rounded text-xs focus:outline-none focus:ring-1 focus:ring-blue-500 bg-yellow-50",
328
+ "w-full border border-gray-300 rounded text-xs focus:outline-none focus:ring-1 focus:ring-blue-500 bg-blue-50",
329
329
  compactMode ? "px-1 py-0.5" : "px-2 py-1"
330
330
  )
331
331
  }
@@ -375,7 +375,7 @@ var SpreadsheetCell = ({
375
375
  {
376
376
  className: cn(
377
377
  "flex-1 truncate",
378
- isEditable && "cursor-text hover:bg-gray-50 px-0.5 rounded min-h-[18px] flex items-center bg-yellow-50/50"
378
+ isEditable && "cursor-text hover:bg-gray-50 px-0.5 rounded min-h-[18px] flex items-center bg-[#edf7ff]/50"
379
379
  ),
380
380
  title: String(value ?? ""),
381
381
  children: renderContent()