@infinite-table/infinite-react 0.3.4 → 0.3.7

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.
Files changed (7) hide show
  1. package/LICENSE.md +1 -1
  2. package/index.css +13 -40
  3. package/index.d.ts +10 -6
  4. package/index.esm.css +13 -40
  5. package/index.esm.js +21 -19
  6. package/index.js +21 -19
  7. package/package.json +2 -2
package/LICENSE.md CHANGED
@@ -495,7 +495,7 @@ Neither party will be liable to the other for any failure or delay in performing
495
495
 
496
496
  ### 18.1
497
497
 
498
- Except as expressly permitted under these Terms, the Licensee may not sub-license or assign, sub-contract or delegate any or all of its rights or obligations under these Terms without the prior written consent of the Licensor.
498
+ Except as expressly permitted under these Terms, the Licensee may not sub-license or assign, sub-contract or delegate any or all of its rights or obligations under these Terms without the prior written consent of the Licensor. Licensed use of this Software within AdapTable is deemed perpetual.
499
499
 
500
500
  ### 18.2
501
501
 
package/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/theme.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+1b226jMBB971dY6ksj1VW4JS37stJ+ibFNsAI4MiRtdtV/X5uQAgY7oHalVWWhPrRzPDOeGR/7rLSx4LwGf+4AgJCVKStZTWF1QJjCdQzWghY/pmyetD15fmSy+8puNgfKbLSGyro1mqMYeCbbRtoscbfKbLQ+x8C3LH6JQWCshyxWODamvKxhxX5fijkVuUM0Jd1Mhe8wvqkyHaQp7bMdE05WsLNHpip2kI2hkh1ia6pmA0lRwfJzDFiZUcFqDYJ5zkUM7sNn9WlGhDGVHq6YNN2uw0DDJFwQKqBAhB2rGJyQeBjP6EpfhPB+J/ixJDF4zeRfNHvBSphRtstqufn1+vCm2XOOCCxQtYc1fasH7sQuQQ9+FD1ef2SP9PDdcn6iIkfngYedQOebC7jcGKvPagT0inTgtnDTle9gB0QIK3eG4kXm7O21H1h1JxlFyohpng82f0+J+izoNlv4Zsg3sIW6Lj5/YvFo6WSA1RzU2wpY4hGBdjsFGxSIhCQges/7yxjmZXMw5exuRqPbR1Zc1Bd4gYSMZFvQz8Gysw5mqmR7mDep+sZscCzKK/R6AoPxAWxita7wUQhJE7/Ub1Owdg5fGakzucNpX/Yz4I+6aRiXXsCRq1EyK1DxnBFwjzfqs+TOyhOrWJLLlpa81Nmqj1zGgwjX7GTPegy5Jn8bWNXnnM4BNp28ndzFYQwIqrIRR5gSnWq5KQUIZQG229loOS9e+DIbnsiL0otmwpur5GFm7WTis+ss016ATVbWvnwcd4jyQ4Yuj8EFCyCskZxreCxTjo8VJc1zc56DVPDiY2ybe3dBtR6XlGsBOLkB1vY/qq7grzauNfOrWsgJGV4WDcnqzKKsh1Gge5zgCOu967AtN5e0qhuinGBlBcvUC0W7sRL1TWAPnJW1RNOT5O8KypeYnIQKC57nTQh0rPn0KDTJWwmrQ9j5qoez0lUPZ2Mr3d0cPr3EvemvZbO5/HzTX8syn2PnG+M6PfqzfA2P97wj1VsiY7zfPeXqBeFErxO9TvQ60etErxO9TvQ60etErxO9TvQ60etErxO931H0do9Wp36d+nXq16lfp36d+nXq16lfp36d+nXq16lfp36d+v2u6pcgsdc172A2vbUXejqDD+5DeXtc72kfBX5gepu27xocqG/ua9dLfM/Xw3/Vi8twHIMk3EbhP6UdP5Sl0lm8/2b7KFP/Xyhcs/77Zv0sKGEIPBwETamo2kuvwhktmneZ2K+aDsYf/79gTjcX9nNeR5f29Ou6uqyvn+jskt7e7i4A73fvfwFJfNy1GTIAAA== */
1
+ /* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/theme.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+1ay27iMBTd8xWW2BRpXJEX0HQz0nyJYzvEIrGRYyjMqP8+dhoa4sQpqJ1qFpbFgt5zfe1zHz5ITaUQCvyZAQAh4znjTFFY7xGmcJmCpaTV85gt0LbHIExc9tDY3ebImJ3W2FjXTnOSgsBlW2nbRNy1MTutmxSEE85PKYicfGiy4qExF1zBmv1+I3MscodoKF2Nhe8woYuZDtJQu5nGxKMMdvbExWIHWTmY7BBrF5sNJEcVK88pYLygkikLgkUpZArm8cYsy4gwpnqHCybP18s4sjCZkIRKKBFhhzoFRyQfhjW6sJ0Q3m2lOHCSgpdC/8WyV4zDgrJtofTll8v9ybKXAhFYoXoHFT2p3nZym6GHMEl+XD46R3b4zl0cqSzRubfDVqLzhw5CX4ypsykBm5EO3BI3znwH2yNCGN86yEvcp5/mvme1NykoMkZMy7J3+TklZk2g29PCk+O80VSoi/P5E84D19EAi1tQpwWYiEck2m4NrEcQiUlE7JxfuzEseNOYunZXg9K9RtZCqjd4haSONOVwfYaJm3UwF5NtM69ys4bT4FDxC/TSgdGwAZtY7Vb4IKUeE7/MtzFYW4cvjKhC33B8r+keCAfZdJTLVcDBVoPDLEAtSkbAHK/Mmjg740dWs6zUKeWC29PqGnnfHERYsWN/g1qdTRiC6mLQhiNwJ6sj2CZfEGpm1uub0TolQfx0MzzTb1GQTMHfCxSicl+gN/lyhwOECulMwAPPBT7UlDQCydpAipepjnF3iXEUhPRbvmkVuz6MdT8INMcZTrB9nw7bdhintWrKfaS3DKww74w1dzKzRrB7wbjSaHrUXVhD/Z5qdmosRVk2IdBBiefZ6+yxNO3sFahXoF6BegXqFahXoF6BegXqFahXoN+mQLsXxEtRL0W9FPVS1EtRL0W9FPVS1EtRL0W/VYoSJHe2AO2FCJZBHNi57rWUrrNL04QoCiPXQ9EOGRyZdevTE2RhENrhv2r8OViNsnidxP+0esJYU2UX6PUAfafp+ueCT9Z/n6yfFSUMgYe9pDmVdTsCa1zQqpngcrdoMpi+/xvMLdm8M5+3ZfTenH5dVu/L6ycye09uP84uAK+z1780rAoBwCQAAA== */
2
2
  :root {
3
3
  --infinite-space-0: 0rem;
4
4
  --infinite-space-1: 0.125rem;
@@ -47,28 +47,19 @@
47
47
  --infinite-cell-border: var(--infinite-cell-border-width) solid #c6c6c6;
48
48
  --infinite-cell-border-invisible: none;
49
49
  --infinite-cell-border-radius: var(--infinite-space-2);
50
- --infinite-active-cell-border: var(--infinite-active-cell-border-width) var(--infinite-active-cell-border-style) var(--infinite-active-cell-border-color);
51
50
  --infinite-active-cell-border-style: dashed;
52
51
  --infinite-active-cell-border-width: 1px;
53
52
  --infinite-active-cell-border-color--r: 77;
54
53
  --infinite-active-cell-border-color--g: 149;
55
54
  --infinite-active-cell-border-color--b: 215;
56
- --infinite-active-cell-border-color: rgb(var(--infinite-active-cell-border-color--r) var(--infinite-active-cell-border-color--g) var(--infinite-active-cell-border-color--b));
57
55
  --infinite-active-cell-background-alpha: 0.25;
58
56
  --infinite-active-cell-background-alpha--table-unfocused: 0.1;
59
- --infinite-active-cell-background-from-border: rgba(var(--infinite-active-cell-border-color--r), var(--infinite-active-cell-border-color--g), var(--infinite-active-cell-border-color--b), var(--infinite-active-cell-background-alpha));
60
57
  --infinite-row-background: var(--infinite-background);
61
58
  --infinite-row-odd-background: #f6f6f6;
62
59
  --infinite-group-row-background: #cbc5c5;
63
60
  --infinite-group-row-column-nesting: 30px;
64
61
  --infinite-row-hover-background: #dbdbdb;
65
62
  --infinite-row-pointer-events-while-scrolling: auto;
66
- --infinite-active-row-border: var(--infinite-active-row-border-width) var(--infinite-active-row-border-style) var(--infinite-active-row-border-color);
67
- --infinite-active-row-border-style: var(--infinite-active-cell-border-style);
68
- --infinite-active-row-border-width: var(--infinite-active-cell-border-width);
69
- --infinite-active-row-border-color: var(--infinite-active-cell-border-color);
70
- --infinite-active-row-background: var(--infinite-active-cell-background);
71
- --infinite-active-row-background-from-border: var(--infinite-active-cell-background-from-border);
72
63
  }
73
64
  .light {
74
65
  --infinite-space-0: 0rem;
@@ -118,28 +109,19 @@
118
109
  --infinite-cell-border: var(--infinite-cell-border-width) solid #c6c6c6;
119
110
  --infinite-cell-border-invisible: none;
120
111
  --infinite-cell-border-radius: var(--infinite-space-2);
121
- --infinite-active-cell-border: var(--infinite-active-cell-border-width) var(--infinite-active-cell-border-style) var(--infinite-active-cell-border-color);
122
112
  --infinite-active-cell-border-style: dashed;
123
113
  --infinite-active-cell-border-width: 1px;
124
114
  --infinite-active-cell-border-color--r: 77;
125
115
  --infinite-active-cell-border-color--g: 149;
126
116
  --infinite-active-cell-border-color--b: 215;
127
- --infinite-active-cell-border-color: rgb(var(--infinite-active-cell-border-color--r) var(--infinite-active-cell-border-color--g) var(--infinite-active-cell-border-color--b));
128
117
  --infinite-active-cell-background-alpha: 0.25;
129
118
  --infinite-active-cell-background-alpha--table-unfocused: 0.1;
130
- --infinite-active-cell-background-from-border: rgba(var(--infinite-active-cell-border-color--r), var(--infinite-active-cell-border-color--g), var(--infinite-active-cell-border-color--b), var(--infinite-active-cell-background-alpha));
131
119
  --infinite-row-background: var(--infinite-background);
132
120
  --infinite-row-odd-background: #f6f6f6;
133
121
  --infinite-group-row-background: #cbc5c5;
134
122
  --infinite-group-row-column-nesting: 30px;
135
123
  --infinite-row-hover-background: #dbdbdb;
136
124
  --infinite-row-pointer-events-while-scrolling: auto;
137
- --infinite-active-row-border: var(--infinite-active-row-border-width) var(--infinite-active-row-border-style) var(--infinite-active-row-border-color);
138
- --infinite-active-row-border-style: var(--infinite-active-cell-border-style);
139
- --infinite-active-row-border-width: var(--infinite-active-cell-border-width);
140
- --infinite-active-row-border-color: var(--infinite-active-cell-border-color);
141
- --infinite-active-row-background: var(--infinite-active-cell-background);
142
- --infinite-active-row-background-from-border: var(--infinite-active-cell-background-from-border);
143
125
  }
144
126
  .infinite-light {
145
127
  --infinite-space-0: 0rem;
@@ -189,28 +171,19 @@
189
171
  --infinite-cell-border: var(--infinite-cell-border-width) solid #c6c6c6;
190
172
  --infinite-cell-border-invisible: none;
191
173
  --infinite-cell-border-radius: var(--infinite-space-2);
192
- --infinite-active-cell-border: var(--infinite-active-cell-border-width) var(--infinite-active-cell-border-style) var(--infinite-active-cell-border-color);
193
174
  --infinite-active-cell-border-style: dashed;
194
175
  --infinite-active-cell-border-width: 1px;
195
176
  --infinite-active-cell-border-color--r: 77;
196
177
  --infinite-active-cell-border-color--g: 149;
197
178
  --infinite-active-cell-border-color--b: 215;
198
- --infinite-active-cell-border-color: rgb(var(--infinite-active-cell-border-color--r) var(--infinite-active-cell-border-color--g) var(--infinite-active-cell-border-color--b));
199
179
  --infinite-active-cell-background-alpha: 0.25;
200
180
  --infinite-active-cell-background-alpha--table-unfocused: 0.1;
201
- --infinite-active-cell-background-from-border: rgba(var(--infinite-active-cell-border-color--r), var(--infinite-active-cell-border-color--g), var(--infinite-active-cell-border-color--b), var(--infinite-active-cell-background-alpha));
202
181
  --infinite-row-background: var(--infinite-background);
203
182
  --infinite-row-odd-background: #f6f6f6;
204
183
  --infinite-group-row-background: #cbc5c5;
205
184
  --infinite-group-row-column-nesting: 30px;
206
185
  --infinite-row-hover-background: #dbdbdb;
207
186
  --infinite-row-pointer-events-while-scrolling: auto;
208
- --infinite-active-row-border: var(--infinite-active-row-border-width) var(--infinite-active-row-border-style) var(--infinite-active-row-border-color);
209
- --infinite-active-row-border-style: var(--infinite-active-cell-border-style);
210
- --infinite-active-row-border-width: var(--infinite-active-cell-border-width);
211
- --infinite-active-row-border-color: var(--infinite-active-cell-border-color);
212
- --infinite-active-row-background: var(--infinite-active-cell-background);
213
- --infinite-active-row-background-from-border: var(--infinite-active-cell-background-from-border);
214
187
  }
215
188
  .dark {
216
189
  --infinite-background: #101419;
@@ -496,10 +469,11 @@
496
469
  overflow-y: hidden;
497
470
  }
498
471
 
499
- /* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/components/ActiveRowIndicator.css.ts.vanilla.css?source=LmoyNmxyeDAgewogIGJvcmRlcjogdmFyKC0taW5maW5pdGUtYWN0aXZlLXJvdy1ib3JkZXIpOwogIGJhY2tncm91bmQ6IHZhcigtLWluZmluaXRlLWFjdGl2ZS1yb3ctYmFja2dyb3VuZCwgdmFyKC0taW5maW5pdGUtYWN0aXZlLXJvdy1iYWNrZ3JvdW5kLWZyb20tYm9yZGVyKSk7Cn0KLmoyNmxyeDEgewogIGRpc3BsYXk6IGJsb2NrOwp9Ci5qMjZscngyIHsKICBkaXNwbGF5OiBub25lOwp9 */
472
+ /* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/components/ActiveRowIndicator.css.ts.vanilla.css?source=LmoyNmxyeDAgewogIC0taW5maW5pdGUtYWN0aXZlLXJvdy1ib3JkZXItc3R5bGU6IHZhcigtLWluZmluaXRlLWFjdGl2ZS1yb3ctYm9yZGVyLXN0eWxlLCB2YXIoLS1pbmZpbml0ZS1hY3RpdmUtY2VsbC1ib3JkZXItc3R5bGUpKTsKICBib3JkZXI6IHZhcigtLWluZmluaXRlLWFjdGl2ZS1yb3ctYm9yZGVyLCB2YXIoLS1pbmZpbml0ZS1hY3RpdmUtcm93LWJvcmRlci13aWR0aCwgdmFyKC0taW5maW5pdGUtYWN0aXZlLWNlbGwtYm9yZGVyLXdpZHRoKSkgdmFyKC0taW5maW5pdGUtYWN0aXZlLXJvdy1ib3JkZXItc3R5bGUsIHZhcigtLWluZmluaXRlLWFjdGl2ZS1jZWxsLWJvcmRlci1zdHlsZSkpIHZhcigtLWluZmluaXRlLWFjdGl2ZS1yb3ctYm9yZGVyLWNvbG9yLCByZ2IodmFyKC0taW5maW5pdGUtYWN0aXZlLWNlbGwtYm9yZGVyLWNvbG9yLS1yKSB2YXIoLS1pbmZpbml0ZS1hY3RpdmUtY2VsbC1ib3JkZXItY29sb3ItLWcpIHZhcigtLWluZmluaXRlLWFjdGl2ZS1jZWxsLWJvcmRlci1jb2xvci0tYikpKSk7CiAgYmFja2dyb3VuZDogdmFyKC0taW5maW5pdGUtYWN0aXZlLXJvdy1iYWNrZ3JvdW5kLCB2YXIoLS1pbmZpbml0ZS1hY3RpdmUtY2VsbC1iYWNrZ3JvdW5kLCByZ2JhKHZhcigtLWluZmluaXRlLWFjdGl2ZS1jZWxsLWJvcmRlci1jb2xvci0tciksIHZhcigtLWluZmluaXRlLWFjdGl2ZS1jZWxsLWJvcmRlci1jb2xvci0tZyksIHZhcigtLWluZmluaXRlLWFjdGl2ZS1jZWxsLWJvcmRlci1jb2xvci0tYiksIHZhcigtLWluZmluaXRlLWFjdGl2ZS1yb3ctYmFja2dyb3VuZC1hbHBoYSwgdmFyKC0taW5maW5pdGUtYWN0aXZlLWNlbGwtYmFja2dyb3VuZC1hbHBoYSkpKSkpOwp9Ci5qMjZscngxIHsKICBkaXNwbGF5OiBibG9jazsKfQouajI2bHJ4MiB7CiAgZGlzcGxheTogbm9uZTsKfQ== */
500
473
  .j26lrx0 {
501
- border: var(--infinite-active-row-border);
502
- background: var(--infinite-active-row-background, var(--infinite-active-row-background-from-border));
474
+ --infinite-active-row-border-style: var(--infinite-active-row-border-style, var(--infinite-active-cell-border-style));
475
+ border: var(--infinite-active-row-border, var(--infinite-active-row-border-width, var(--infinite-active-cell-border-width)) var(--infinite-active-row-border-style, var(--infinite-active-cell-border-style)) var(--infinite-active-row-border-color, rgb(var(--infinite-active-cell-border-color--r) var(--infinite-active-cell-border-color--g) var(--infinite-active-cell-border-color--b))));
476
+ background: var(--infinite-active-row-background, var(--infinite-active-cell-background, rgba(var(--infinite-active-cell-border-color--r), var(--infinite-active-cell-border-color--g), var(--infinite-active-cell-border-color--b), var(--infinite-active-row-background-alpha, var(--infinite-active-cell-background-alpha)))));
503
477
  }
504
478
  .j26lrx1 {
505
479
  display: block;
@@ -508,10 +482,10 @@
508
482
  display: none;
509
483
  }
510
484
 
511
- /* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/components/ActiveCellIndicator.css.ts.vanilla.css?source=Lm54YnExYzAgewogIGJvcmRlcjogdmFyKC0taW5maW5pdGUtYWN0aXZlLWNlbGwtYm9yZGVyKTsKICBiYWNrZ3JvdW5kOiB2YXIoLS1pbmZpbml0ZS1hY3RpdmUtY2VsbC1iYWNrZ3JvdW5kLCB2YXIoLS1pbmZpbml0ZS1hY3RpdmUtY2VsbC1iYWNrZ3JvdW5kLWZyb20tYm9yZGVyKSk7Cn0KLm54YnExYzEgewogIGRpc3BsYXk6IGJsb2NrOwp9Ci5ueGJxMWMyIHsKICBkaXNwbGF5OiBub25lOwp9 */
485
+ /* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/components/ActiveCellIndicator.css.ts.vanilla.css?source=Lm54YnExYzAgewogIGJvcmRlcjogdmFyKC0taW5maW5pdGUtYWN0aXZlLWNlbGwtYm9yZGVyLCB2YXIoLS1pbmZpbml0ZS1hY3RpdmUtY2VsbC1ib3JkZXItd2lkdGgpIHZhcigtLWluZmluaXRlLWFjdGl2ZS1jZWxsLWJvcmRlci1zdHlsZSkgdmFyKC0taW5maW5pdGUtYWN0aXZlLWNlbGwtYm9yZGVyLWNvbG9yLCByZ2IodmFyKC0taW5maW5pdGUtYWN0aXZlLWNlbGwtYm9yZGVyLWNvbG9yLS1yKSB2YXIoLS1pbmZpbml0ZS1hY3RpdmUtY2VsbC1ib3JkZXItY29sb3ItLWcpIHZhcigtLWluZmluaXRlLWFjdGl2ZS1jZWxsLWJvcmRlci1jb2xvci0tYikpKSk7CiAgYmFja2dyb3VuZDogdmFyKC0taW5maW5pdGUtYWN0aXZlLWNlbGwtYmFja2dyb3VuZCwgcmdiYSh2YXIoLS1pbmZpbml0ZS1hY3RpdmUtY2VsbC1ib3JkZXItY29sb3ItLXIpLCB2YXIoLS1pbmZpbml0ZS1hY3RpdmUtY2VsbC1ib3JkZXItY29sb3ItLWcpLCB2YXIoLS1pbmZpbml0ZS1hY3RpdmUtY2VsbC1ib3JkZXItY29sb3ItLWIpLCB2YXIoLS1pbmZpbml0ZS1hY3RpdmUtY2VsbC1iYWNrZ3JvdW5kLWFscGhhKSkpOwp9Ci5ueGJxMWMxIHsKICBkaXNwbGF5OiBibG9jazsKfQoubnhicTFjMiB7CiAgZGlzcGxheTogbm9uZTsKfQ== */
512
486
  .nxbq1c0 {
513
- border: var(--infinite-active-cell-border);
514
- background: var(--infinite-active-cell-background, var(--infinite-active-cell-background-from-border));
487
+ border: var(--infinite-active-cell-border, var(--infinite-active-cell-border-width) var(--infinite-active-cell-border-style) var(--infinite-active-cell-border-color, rgb(var(--infinite-active-cell-border-color--r) var(--infinite-active-cell-border-color--g) var(--infinite-active-cell-border-color--b))));
488
+ background: var(--infinite-active-cell-background, rgba(var(--infinite-active-cell-border-color--r), var(--infinite-active-cell-border-color--g), var(--infinite-active-cell-border-color--b), var(--infinite-active-cell-background-alpha)));
515
489
  }
516
490
  .nxbq1c1 {
517
491
  display: block;
@@ -520,7 +494,7 @@
520
494
  display: none;
521
495
  }
522
496
 
523
- /* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/InfiniteCls.css.ts.vanilla.css?source=Ll8xeWV1YjJ2MCB7CiAgb3V0bGluZTogbm9uZTsKICBmb250LWZhbWlseTogdmFyKC0taW5maW5pdGUtZm9udC1mYW1pbHkpOwogIGNvbG9yOiB2YXIoLS1pbmZpbml0ZS1jb2xvcik7CiAgYmFja2dyb3VuZDogdmFyKC0taW5maW5pdGUtYmFja2dyb3VuZCk7CiAgbWluLWhlaWdodDogdmFyKC0taW5maW5pdGUtbWluLWhlaWdodCk7Cn0KLl8xeWV1YjJ2MSB7CiAgLS1pbmZpbml0ZS1yb3ctcG9pbnRlci1ldmVudHMtd2hpbGUtc2Nyb2xsaW5nOiBub25lOwp9Ci5fMXlldWIydjUgewogIC0taW5maW5pdGUtYWN0aXZlLWNlbGwtYmFja2dyb3VuZC1hbHBoYTogdmFyKC0taW5maW5pdGUtYWN0aXZlLWNlbGwtYmFja2dyb3VuZC1hbHBoYS0tdGFibGUtdW5mb2N1c2VkKTsKICAtLWluZmluaXRlLWFjdGl2ZS1jZWxsLWJhY2tncm91bmQtZnJvbS1ib3JkZXI6IHJnYmEodmFyKC0taW5maW5pdGUtYWN0aXZlLWNlbGwtYm9yZGVyLWNvbG9yLS1yKSwgdmFyKC0taW5maW5pdGUtYWN0aXZlLWNlbGwtYm9yZGVyLWNvbG9yLS1nKSwgdmFyKC0taW5maW5pdGUtYWN0aXZlLWNlbGwtYm9yZGVyLWNvbG9yLS1iKSwgdmFyKC0taW5maW5pdGUtYWN0aXZlLWNlbGwtYmFja2dyb3VuZC1hbHBoYSkpOwogIC0taW5maW5pdGUtYWN0aXZlLXJvdy1iYWNrZ3JvdW5kLWZyb20tYm9yZGVyOiB2YXIoLS1pbmZpbml0ZS1hY3RpdmUtY2VsbC1iYWNrZ3JvdW5kLWZyb20tYm9yZGVyKTsKfQouXzF5ZXViMnZoIHsKICBib3JkZXItcmlnaHQ6IHZhcigtLWluZmluaXRlLWNlbGwtYm9yZGVyKTsKfQouXzF5ZXViMnZpIHsKICBib3JkZXItbGVmdDogdmFyKC0taW5maW5pdGUtY2VsbC1ib3JkZXIpOwp9 */
497
+ /* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/InfiniteCls.css.ts.vanilla.css?source=Ll8xeWV1YjJ2MCB7CiAgb3V0bGluZTogbm9uZTsKICBmb250LWZhbWlseTogdmFyKC0taW5maW5pdGUtZm9udC1mYW1pbHkpOwogIGNvbG9yOiB2YXIoLS1pbmZpbml0ZS1jb2xvcik7CiAgYmFja2dyb3VuZDogdmFyKC0taW5maW5pdGUtYmFja2dyb3VuZCk7CiAgbWluLWhlaWdodDogdmFyKC0taW5maW5pdGUtbWluLWhlaWdodCk7Cn0KLl8xeWV1YjJ2MSB7CiAgLS1pbmZpbml0ZS1yb3ctcG9pbnRlci1ldmVudHMtd2hpbGUtc2Nyb2xsaW5nOiBub25lOwp9Ci5fMXlldWIydmUgewogIC0taW5maW5pdGUtYWN0aXZlLWNlbGwtYmFja2dyb3VuZC1hbHBoYTogdmFyKC0taW5maW5pdGUtYWN0aXZlLWNlbGwtYmFja2dyb3VuZC1hbHBoYS0tdGFibGUtdW5mb2N1c2VkKTsKICAtLWluZmluaXRlLWFjdGl2ZS1yb3ctYmFja2dyb3VuZC1hbHBoYTogdmFyKC0taW5maW5pdGUtYWN0aXZlLXJvdy1iYWNrZ3JvdW5kLWFscGhhLS10YWJsZS11bmZvY3VzZWQsIHZhcigtLWluZmluaXRlLWFjdGl2ZS1jZWxsLWJhY2tncm91bmQtYWxwaGEtLXRhYmxlLXVuZm9jdXNlZCkpOwp9Ci5fMXlldWIydmkgewogIGJvcmRlci1yaWdodDogdmFyKC0taW5maW5pdGUtY2VsbC1ib3JkZXIpOwp9Ci5fMXlldWIydmogewogIGJvcmRlci1sZWZ0OiB2YXIoLS1pbmZpbml0ZS1jZWxsLWJvcmRlcik7Cn0= */
524
498
  ._1yeub2v0 {
525
499
  outline: none;
526
500
  font-family: var(--infinite-font-family);
@@ -531,15 +505,14 @@
531
505
  ._1yeub2v1 {
532
506
  --infinite-row-pointer-events-while-scrolling: none;
533
507
  }
534
- ._1yeub2v5 {
508
+ ._1yeub2ve {
535
509
  --infinite-active-cell-background-alpha: var(--infinite-active-cell-background-alpha--table-unfocused);
536
- --infinite-active-cell-background-from-border: rgba(var(--infinite-active-cell-border-color--r), var(--infinite-active-cell-border-color--g), var(--infinite-active-cell-border-color--b), var(--infinite-active-cell-background-alpha));
537
- --infinite-active-row-background-from-border: var(--infinite-active-cell-background-from-border);
510
+ --infinite-active-row-background-alpha: var(--infinite-active-row-background-alpha--table-unfocused, var(--infinite-active-cell-background-alpha--table-unfocused));
538
511
  }
539
- ._1yeub2vh {
512
+ ._1yeub2vi {
540
513
  border-right: var(--infinite-cell-border);
541
514
  }
542
- ._1yeub2vi {
515
+ ._1yeub2vj {
543
516
  border-left: var(--infinite-cell-border);
544
517
  }
545
518
 
package/index.d.ts CHANGED
@@ -508,6 +508,7 @@ interface InfiniteTableMappedState<T> {
508
508
  viewportReservedWidth: InfiniteTableProps<T>['viewportReservedWidth'];
509
509
  groupColumn: InfiniteTableProps<T>['groupColumn'];
510
510
  headerOptions: NonUndefined<InfiniteTableProps<T>['headerOptions']>;
511
+ keyboardNavigation: NonUndefined<InfiniteTableProps<T>['keyboardNavigation']>;
511
512
  onScrollbarsChange: InfiniteTableProps<T>['onScrollbarsChange'];
512
513
  loadingText: InfiniteTableProps<T>['loadingText'];
513
514
  components: InfiniteTableProps<T>['components'];
@@ -519,8 +520,8 @@ interface InfiniteTableMappedState<T> {
519
520
  onFocusWithin: InfiniteTableProps<T>['onFocusWithin'];
520
521
  onBlurWithin: InfiniteTableProps<T>['onBlurWithin'];
521
522
  autoSizeColumnsKey: InfiniteTableProps<T>['autoSizeColumnsKey'];
522
- activeRowIndex: number | null;
523
- activeCellIndex: [number, number] | null;
523
+ activeRowIndex: InfiniteTableProps<T>['activeRowIndex'];
524
+ activeCellIndex: InfiniteTableProps<T>['activeCellIndex'];
524
525
  scrollStopDelay: NonUndefined<InfiniteTableProps<T>['scrollStopDelay']>;
525
526
  onScrollToTop: InfiniteTableProps<T>['onScrollToTop'];
526
527
  onScrollToBottom: InfiniteTableProps<T>['onScrollToBottom'];
@@ -567,7 +568,6 @@ interface InfiniteTableMappedState<T> {
567
568
  interface InfiniteTableDerivedState<T> {
568
569
  groupBy: DataSourceProps<T>['groupBy'];
569
570
  computedColumns: Map<string, InfiniteTableColumn<T>>;
570
- enableKeyboardNavigation: boolean;
571
571
  groupRenderStrategy: NonUndefined<InfiniteTableProps<T>['groupRenderStrategy']>;
572
572
  columnHeaderCssEllipsis: NonUndefined<InfiniteTableProps<T>['columnHeaderCssEllipsis']>;
573
573
  columnGroupsDepthsMap: InfiniteTableColumnGroupsDepthsMap;
@@ -761,6 +761,7 @@ interface InfiniteTableProps<T> {
761
761
  showZebraRows?: boolean;
762
762
  showHoverRows?: boolean;
763
763
  sortable?: boolean;
764
+ keyboardNavigation?: InfiniteTablePropKeyboardNavigation;
764
765
  defaultActiveRowIndex?: number | null;
765
766
  activeRowIndex?: number | null;
766
767
  onActiveRowIndexChange?: (activeRowIndex: number) => void;
@@ -802,6 +803,7 @@ interface InfiniteTableProps<T> {
802
803
  scrollTopKey?: string | number;
803
804
  autoSizeColumnsKey?: InfiniteTablePropAutoSizeColumnsKey;
804
805
  }
806
+ declare type InfiniteTablePropKeyboardNavigation = 'cell' | 'row' | false;
805
807
  declare type InfiniteTablePropHeaderOptions = {
806
808
  alwaysReserveSpaceForSortIcon: boolean;
807
809
  };
@@ -1075,10 +1077,12 @@ declare type InfiniteTableRowInfo<T> = InfiniteTable_HasGrouping_RowInfoNormal<T
1075
1077
  declare type InfiniteTableRowInfoDataDiscriminator<T> = {
1076
1078
  data: T;
1077
1079
  isGroupRow: false;
1080
+ rowActive: boolean;
1078
1081
  rowInfo: InfiniteTable_NoGrouping_RowInfoNormal<T> | InfiniteTable_HasGrouping_RowInfoNormal<T>;
1079
1082
  field?: keyof T;
1080
1083
  value: any;
1081
1084
  } | {
1085
+ rowActive: boolean;
1082
1086
  data: Partial<T> | null;
1083
1087
  rowInfo: InfiniteTable_HasGrouping_RowInfoGroup<T>;
1084
1088
  isGroupRow: true;
@@ -1611,9 +1615,9 @@ declare function useDataSource<T>(): DataSourceState<T>;
1611
1615
 
1612
1616
  declare function DataSource<T>(props: DataSourceProps<T>): JSX.Element;
1613
1617
 
1614
- declare type ForwardPropsToStateFnResult<TYPE_PROPS, TYPE_RESULT> = Partial<{
1618
+ declare type ForwardPropsToStateFnResult<TYPE_PROPS, TYPE_RESULT> = {
1615
1619
  [propName in keyof TYPE_PROPS & keyof TYPE_RESULT]: 1 | ((value: TYPE_PROPS[propName]) => TYPE_RESULT[propName]);
1616
- }>;
1620
+ };
1617
1621
  declare type ComponentStateRootConfig<T_PROPS, COMPONENT_MAPPED_STATE, COMPONENT_SETUP_STATE = {}, COMPONENT_DERIVED_STATE = {}, T_ACTIONS = {}, T_PARENT_STATE = {}> = {
1618
1622
  debugName?: string;
1619
1623
  initSetupState?: () => COMPONENT_SETUP_STATE;
@@ -1666,4 +1670,4 @@ declare const defaultFilterEditors: InfiniteTablePropFilterEditors<unknown>;
1666
1670
  declare function StringFilterEditor<T>(props: InfiniteTableFilterEditorProps<T>): JSX.Element;
1667
1671
  declare function NumberFilterEditor<T>(props: InfiniteTableFilterEditorProps<T>): JSX.Element;
1668
1672
 
1669
- export { ColumnTypeWithInherit, DataSource, DataSourceAction, DataSourceActionType, DataSourceAggregationReducer, DataSourceComponentActions, DataSourceContextValue, DataSourceData, DataSourceDataParams, DataSourceDataParamsChanges, DataSourceDerivedState, DataSourceFilterFunctionParam, DataSourceFilterOperator, DataSourceFilterOperatorFunction, DataSourceFilterOperatorFunctionParam, DataSourceFilterType, DataSourceFilterValueItem, DataSourceFilterValueItemValueGetter, DataSourceGroupBy, DataSourceGroupRowsList, DataSourceLivePaginationCursorFn, DataSourceLivePaginationCursorParams, DataSourceLivePaginationCursorValue, DataSourceMappedState, DataSourceMappings, DataSourcePivotBy, DataSourcePropAggregationReducers, DataSourcePropFilterFunction, DataSourcePropFilterTypes, DataSourcePropFilterValue, DataSourcePropGroupBy, DataSourcePropGroupRowsStateObject, DataSourcePropLivePaginationCursor, DataSourcePropPivotBy, DataSourcePropSortInfo, DataSourcePropSortTypes, DataSourceProps, DataSourceReducer, DataSourceRemoteData, DataSourceSetupState, DataSourceSingleSortInfo, DataSourceSortInfo, DataSourceState, GroupRowsState, InfiniteTable, InfiniteTableAction, InfiniteTableActionType, InfiniteTableClassName, InfiniteTableColumn, InfiniteTableColumnAggregator, InfiniteTableColumnComparer, InfiniteTableColumnGroup, InfiniteTableColumnRenderParam, InfiniteTableColumnRenderValueParam, InfiniteTableColumnRowspanParam, InfiniteTableColumnSizingOptions, InfiniteTableComponent, InfiniteTableComputedColumn, InfiniteTableComputedValues, InfiniteTableContextValue, InfiniteTableFilterEditorProps, InfiniteTableGroupColumnBase, InfiniteTableGroupColumnFunction, InfiniteTableGroupColumnGetterOptions, InfiniteTableGroupColumnRenderIconFunction, InfiniteTableImperativeApi, InfiniteTablePivotColumn, InfiniteTablePropAutoSizeColumnsKey, InfiniteTablePropColumnGroups, InfiniteTablePropColumnOrder, InfiniteTablePropColumnPinning, InfiniteTablePropColumnSizing, InfiniteTablePropColumnTypes, InfiniteTablePropColumnVisibility, InfiniteTablePropColumns, InfiniteTablePropColumnsMap, InfiniteTablePropComponents, InfiniteTablePropFilterEditors, InfiniteTablePropGroupColumn, InfiniteTablePropGroupRenderStrategy, InfiniteTablePropHeaderOptions, InfiniteTablePropRowClassName, InfiniteTablePropRowStyle, InfiniteTableProps, InfiniteTableRowClassNameFn, InfiniteTableRowInfo, InfiniteTableRowStyleFn, InfiniteTableState, LazyGroupDataDeepMap, LazyGroupDataItem, LazyRowInfoGroup, NumberFilterEditor, Scrollbars, StringFilterEditor, debounce, defaultFilterEditors, defaultFilterTypes, defaultFilterTypes as filterTypes, flatten, getComponentStateRoot, group, interceptMap, multisort, useComponentState, useDataSource, useEffectWithChanges, useInfiniteColumnCell, useInfiniteHeaderCell };
1673
+ export { ColumnTypeWithInherit, DataSource, DataSourceAction, DataSourceActionType, DataSourceAggregationReducer, DataSourceComponentActions, DataSourceContextValue, DataSourceData, DataSourceDataParams, DataSourceDataParamsChanges, DataSourceDerivedState, DataSourceFilterFunctionParam, DataSourceFilterOperator, DataSourceFilterOperatorFunction, DataSourceFilterOperatorFunctionParam, DataSourceFilterType, DataSourceFilterValueItem, DataSourceFilterValueItemValueGetter, DataSourceGroupBy, DataSourceGroupRowsList, DataSourceLivePaginationCursorFn, DataSourceLivePaginationCursorParams, DataSourceLivePaginationCursorValue, DataSourceMappedState, DataSourceMappings, DataSourcePivotBy, DataSourcePropAggregationReducers, DataSourcePropFilterFunction, DataSourcePropFilterTypes, DataSourcePropFilterValue, DataSourcePropGroupBy, DataSourcePropGroupRowsStateObject, DataSourcePropLivePaginationCursor, DataSourcePropPivotBy, DataSourcePropSortInfo, DataSourcePropSortTypes, DataSourceProps, DataSourceReducer, DataSourceRemoteData, DataSourceSetupState, DataSourceSingleSortInfo, DataSourceSortInfo, DataSourceState, GroupRowsState, InfiniteTable, InfiniteTableAction, InfiniteTableActionType, InfiniteTableClassName, InfiniteTableColumn, InfiniteTableColumnAggregator, InfiniteTableColumnComparer, InfiniteTableColumnGroup, InfiniteTableColumnRenderParam, InfiniteTableColumnRenderValueParam, InfiniteTableColumnRowspanParam, InfiniteTableColumnSizingOptions, InfiniteTableComponent, InfiniteTableComputedColumn, InfiniteTableComputedValues, InfiniteTableContextValue, InfiniteTableFilterEditorProps, InfiniteTableGroupColumnBase, InfiniteTableGroupColumnFunction, InfiniteTableGroupColumnGetterOptions, InfiniteTableGroupColumnRenderIconFunction, InfiniteTableImperativeApi, InfiniteTablePivotColumn, InfiniteTablePropAutoSizeColumnsKey, InfiniteTablePropColumnGroups, InfiniteTablePropColumnOrder, InfiniteTablePropColumnPinning, InfiniteTablePropColumnSizing, InfiniteTablePropColumnTypes, InfiniteTablePropColumnVisibility, InfiniteTablePropColumns, InfiniteTablePropColumnsMap, InfiniteTablePropComponents, InfiniteTablePropFilterEditors, InfiniteTablePropGroupColumn, InfiniteTablePropGroupRenderStrategy, InfiniteTablePropHeaderOptions, InfiniteTablePropKeyboardNavigation, InfiniteTablePropRowClassName, InfiniteTablePropRowStyle, InfiniteTableProps, InfiniteTableRowClassNameFn, InfiniteTableRowInfo, InfiniteTableRowStyleFn, InfiniteTableState, LazyGroupDataDeepMap, LazyGroupDataItem, LazyRowInfoGroup, NumberFilterEditor, Scrollbars, StringFilterEditor, debounce, defaultFilterEditors, defaultFilterTypes, defaultFilterTypes as filterTypes, flatten, getComponentStateRoot, group, interceptMap, multisort, useComponentState, useDataSource, useEffectWithChanges, useInfiniteColumnCell, useInfiniteHeaderCell };
package/index.esm.css CHANGED
@@ -1,4 +1,4 @@
1
- /* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/theme.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+1b226jMBB971dY6ksj1VW4JS37stJ+ibFNsAI4MiRtdtV/X5uQAgY7oHalVWWhPrRzPDOeGR/7rLSx4LwGf+4AgJCVKStZTWF1QJjCdQzWghY/pmyetD15fmSy+8puNgfKbLSGyro1mqMYeCbbRtoscbfKbLQ+x8C3LH6JQWCshyxWODamvKxhxX5fijkVuUM0Jd1Mhe8wvqkyHaQp7bMdE05WsLNHpip2kI2hkh1ia6pmA0lRwfJzDFiZUcFqDYJ5zkUM7sNn9WlGhDGVHq6YNN2uw0DDJFwQKqBAhB2rGJyQeBjP6EpfhPB+J/ixJDF4zeRfNHvBSphRtstqufn1+vCm2XOOCCxQtYc1fasH7sQuQQ9+FD1ef2SP9PDdcn6iIkfngYedQOebC7jcGKvPagT0inTgtnDTle9gB0QIK3eG4kXm7O21H1h1JxlFyohpng82f0+J+izoNlv4Zsg3sIW6Lj5/YvFo6WSA1RzU2wpY4hGBdjsFGxSIhCQges/7yxjmZXMw5exuRqPbR1Zc1Bd4gYSMZFvQz8Gysw5mqmR7mDep+sZscCzKK/R6AoPxAWxita7wUQhJE7/Ub1Owdg5fGakzucNpX/Yz4I+6aRiXXsCRq1EyK1DxnBFwjzfqs+TOyhOrWJLLlpa81Nmqj1zGgwjX7GTPegy5Jn8bWNXnnM4BNp28ndzFYQwIqrIRR5gSnWq5KQUIZQG229loOS9e+DIbnsiL0otmwpur5GFm7WTis+ss016ATVbWvnwcd4jyQ4Yuj8EFCyCskZxreCxTjo8VJc1zc56DVPDiY2ybe3dBtR6XlGsBOLkB1vY/qq7grzauNfOrWsgJGV4WDcnqzKKsh1Gge5zgCOu967AtN5e0qhuinGBlBcvUC0W7sRL1TWAPnJW1RNOT5O8KypeYnIQKC57nTQh0rPn0KDTJWwmrQ9j5qoez0lUPZ2Mr3d0cPr3EvemvZbO5/HzTX8syn2PnG+M6PfqzfA2P97wj1VsiY7zfPeXqBeFErxO9TvQ60etErxO9TvQ60etErxO9TvQ60etErxO931H0do9Wp36d+nXq16lfp36d+nXq16lfp36d+nXq16lfp36d+v2u6pcgsdc172A2vbUXejqDD+5DeXtc72kfBX5gepu27xocqG/ua9dLfM/Xw3/Vi8twHIMk3EbhP6UdP5Sl0lm8/2b7KFP/Xyhcs/77Zv0sKGEIPBwETamo2kuvwhktmneZ2K+aDsYf/79gTjcX9nNeR5f29Ou6uqyvn+jskt7e7i4A73fvfwFJfNy1GTIAAA== */
1
+ /* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/theme.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+1ay27iMBTd8xWW2BRpXJEX0HQz0nyJYzvEIrGRYyjMqP8+dhoa4sQpqJ1qFpbFgt5zfe1zHz5ITaUQCvyZAQAh4znjTFFY7xGmcJmCpaTV85gt0LbHIExc9tDY3ebImJ3W2FjXTnOSgsBlW2nbRNy1MTutmxSEE85PKYicfGiy4qExF1zBmv1+I3MscodoKF2Nhe8woYuZDtJQu5nGxKMMdvbExWIHWTmY7BBrF5sNJEcVK88pYLygkikLgkUpZArm8cYsy4gwpnqHCybP18s4sjCZkIRKKBFhhzoFRyQfhjW6sJ0Q3m2lOHCSgpdC/8WyV4zDgrJtofTll8v9ybKXAhFYoXoHFT2p3nZym6GHMEl+XD46R3b4zl0cqSzRubfDVqLzhw5CX4ypsykBm5EO3BI3znwH2yNCGN86yEvcp5/mvme1NykoMkZMy7J3+TklZk2g29PCk+O80VSoi/P5E84D19EAi1tQpwWYiEck2m4NrEcQiUlE7JxfuzEseNOYunZXg9K9RtZCqjd4haSONOVwfYaJm3UwF5NtM69ys4bT4FDxC/TSgdGwAZtY7Vb4IKUeE7/MtzFYW4cvjKhC33B8r+keCAfZdJTLVcDBVoPDLEAtSkbAHK/Mmjg740dWs6zUKeWC29PqGnnfHERYsWN/g1qdTRiC6mLQhiNwJ6sj2CZfEGpm1uub0TolQfx0MzzTb1GQTMHfCxSicl+gN/lyhwOECulMwAPPBT7UlDQCydpAipepjnF3iXEUhPRbvmkVuz6MdT8INMcZTrB9nw7bdhintWrKfaS3DKww74w1dzKzRrB7wbjSaHrUXVhD/Z5qdmosRVk2IdBBiefZ6+yxNO3sFahXoF6BegXqFahXoF6BegXqFahXoN+mQLsXxEtRL0W9FPVS1EtRL0W9FPVS1EtRL0W/VYoSJHe2AO2FCJZBHNi57rWUrrNL04QoCiPXQ9EOGRyZdevTE2RhENrhv2r8OViNsnidxP+0esJYU2UX6PUAfafp+ueCT9Z/n6yfFSUMgYe9pDmVdTsCa1zQqpngcrdoMpi+/xvMLdm8M5+3ZfTenH5dVu/L6ycye09uP84uAK+z1780rAoBwCQAAA== */
2
2
  :root {
3
3
  --infinite-space-0: 0rem;
4
4
  --infinite-space-1: 0.125rem;
@@ -47,28 +47,19 @@
47
47
  --infinite-cell-border: var(--infinite-cell-border-width) solid #c6c6c6;
48
48
  --infinite-cell-border-invisible: none;
49
49
  --infinite-cell-border-radius: var(--infinite-space-2);
50
- --infinite-active-cell-border: var(--infinite-active-cell-border-width) var(--infinite-active-cell-border-style) var(--infinite-active-cell-border-color);
51
50
  --infinite-active-cell-border-style: dashed;
52
51
  --infinite-active-cell-border-width: 1px;
53
52
  --infinite-active-cell-border-color--r: 77;
54
53
  --infinite-active-cell-border-color--g: 149;
55
54
  --infinite-active-cell-border-color--b: 215;
56
- --infinite-active-cell-border-color: rgb(var(--infinite-active-cell-border-color--r) var(--infinite-active-cell-border-color--g) var(--infinite-active-cell-border-color--b));
57
55
  --infinite-active-cell-background-alpha: 0.25;
58
56
  --infinite-active-cell-background-alpha--table-unfocused: 0.1;
59
- --infinite-active-cell-background-from-border: rgba(var(--infinite-active-cell-border-color--r), var(--infinite-active-cell-border-color--g), var(--infinite-active-cell-border-color--b), var(--infinite-active-cell-background-alpha));
60
57
  --infinite-row-background: var(--infinite-background);
61
58
  --infinite-row-odd-background: #f6f6f6;
62
59
  --infinite-group-row-background: #cbc5c5;
63
60
  --infinite-group-row-column-nesting: 30px;
64
61
  --infinite-row-hover-background: #dbdbdb;
65
62
  --infinite-row-pointer-events-while-scrolling: auto;
66
- --infinite-active-row-border: var(--infinite-active-row-border-width) var(--infinite-active-row-border-style) var(--infinite-active-row-border-color);
67
- --infinite-active-row-border-style: var(--infinite-active-cell-border-style);
68
- --infinite-active-row-border-width: var(--infinite-active-cell-border-width);
69
- --infinite-active-row-border-color: var(--infinite-active-cell-border-color);
70
- --infinite-active-row-background: var(--infinite-active-cell-background);
71
- --infinite-active-row-background-from-border: var(--infinite-active-cell-background-from-border);
72
63
  }
73
64
  .light {
74
65
  --infinite-space-0: 0rem;
@@ -118,28 +109,19 @@
118
109
  --infinite-cell-border: var(--infinite-cell-border-width) solid #c6c6c6;
119
110
  --infinite-cell-border-invisible: none;
120
111
  --infinite-cell-border-radius: var(--infinite-space-2);
121
- --infinite-active-cell-border: var(--infinite-active-cell-border-width) var(--infinite-active-cell-border-style) var(--infinite-active-cell-border-color);
122
112
  --infinite-active-cell-border-style: dashed;
123
113
  --infinite-active-cell-border-width: 1px;
124
114
  --infinite-active-cell-border-color--r: 77;
125
115
  --infinite-active-cell-border-color--g: 149;
126
116
  --infinite-active-cell-border-color--b: 215;
127
- --infinite-active-cell-border-color: rgb(var(--infinite-active-cell-border-color--r) var(--infinite-active-cell-border-color--g) var(--infinite-active-cell-border-color--b));
128
117
  --infinite-active-cell-background-alpha: 0.25;
129
118
  --infinite-active-cell-background-alpha--table-unfocused: 0.1;
130
- --infinite-active-cell-background-from-border: rgba(var(--infinite-active-cell-border-color--r), var(--infinite-active-cell-border-color--g), var(--infinite-active-cell-border-color--b), var(--infinite-active-cell-background-alpha));
131
119
  --infinite-row-background: var(--infinite-background);
132
120
  --infinite-row-odd-background: #f6f6f6;
133
121
  --infinite-group-row-background: #cbc5c5;
134
122
  --infinite-group-row-column-nesting: 30px;
135
123
  --infinite-row-hover-background: #dbdbdb;
136
124
  --infinite-row-pointer-events-while-scrolling: auto;
137
- --infinite-active-row-border: var(--infinite-active-row-border-width) var(--infinite-active-row-border-style) var(--infinite-active-row-border-color);
138
- --infinite-active-row-border-style: var(--infinite-active-cell-border-style);
139
- --infinite-active-row-border-width: var(--infinite-active-cell-border-width);
140
- --infinite-active-row-border-color: var(--infinite-active-cell-border-color);
141
- --infinite-active-row-background: var(--infinite-active-cell-background);
142
- --infinite-active-row-background-from-border: var(--infinite-active-cell-background-from-border);
143
125
  }
144
126
  .infinite-light {
145
127
  --infinite-space-0: 0rem;
@@ -189,28 +171,19 @@
189
171
  --infinite-cell-border: var(--infinite-cell-border-width) solid #c6c6c6;
190
172
  --infinite-cell-border-invisible: none;
191
173
  --infinite-cell-border-radius: var(--infinite-space-2);
192
- --infinite-active-cell-border: var(--infinite-active-cell-border-width) var(--infinite-active-cell-border-style) var(--infinite-active-cell-border-color);
193
174
  --infinite-active-cell-border-style: dashed;
194
175
  --infinite-active-cell-border-width: 1px;
195
176
  --infinite-active-cell-border-color--r: 77;
196
177
  --infinite-active-cell-border-color--g: 149;
197
178
  --infinite-active-cell-border-color--b: 215;
198
- --infinite-active-cell-border-color: rgb(var(--infinite-active-cell-border-color--r) var(--infinite-active-cell-border-color--g) var(--infinite-active-cell-border-color--b));
199
179
  --infinite-active-cell-background-alpha: 0.25;
200
180
  --infinite-active-cell-background-alpha--table-unfocused: 0.1;
201
- --infinite-active-cell-background-from-border: rgba(var(--infinite-active-cell-border-color--r), var(--infinite-active-cell-border-color--g), var(--infinite-active-cell-border-color--b), var(--infinite-active-cell-background-alpha));
202
181
  --infinite-row-background: var(--infinite-background);
203
182
  --infinite-row-odd-background: #f6f6f6;
204
183
  --infinite-group-row-background: #cbc5c5;
205
184
  --infinite-group-row-column-nesting: 30px;
206
185
  --infinite-row-hover-background: #dbdbdb;
207
186
  --infinite-row-pointer-events-while-scrolling: auto;
208
- --infinite-active-row-border: var(--infinite-active-row-border-width) var(--infinite-active-row-border-style) var(--infinite-active-row-border-color);
209
- --infinite-active-row-border-style: var(--infinite-active-cell-border-style);
210
- --infinite-active-row-border-width: var(--infinite-active-cell-border-width);
211
- --infinite-active-row-border-color: var(--infinite-active-cell-border-color);
212
- --infinite-active-row-background: var(--infinite-active-cell-background);
213
- --infinite-active-row-background-from-border: var(--infinite-active-cell-background-from-border);
214
187
  }
215
188
  .dark {
216
189
  --infinite-background: #101419;
@@ -496,10 +469,11 @@
496
469
  overflow-y: hidden;
497
470
  }
498
471
 
499
- /* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/components/ActiveRowIndicator.css.ts.vanilla.css?source=LmoyNmxyeDAgewogIGJvcmRlcjogdmFyKC0taW5maW5pdGUtYWN0aXZlLXJvdy1ib3JkZXIpOwogIGJhY2tncm91bmQ6IHZhcigtLWluZmluaXRlLWFjdGl2ZS1yb3ctYmFja2dyb3VuZCwgdmFyKC0taW5maW5pdGUtYWN0aXZlLXJvdy1iYWNrZ3JvdW5kLWZyb20tYm9yZGVyKSk7Cn0KLmoyNmxyeDEgewogIGRpc3BsYXk6IGJsb2NrOwp9Ci5qMjZscngyIHsKICBkaXNwbGF5OiBub25lOwp9 */
472
+ /* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/components/ActiveRowIndicator.css.ts.vanilla.css?source=LmoyNmxyeDAgewogIC0taW5maW5pdGUtYWN0aXZlLXJvdy1ib3JkZXItc3R5bGU6IHZhcigtLWluZmluaXRlLWFjdGl2ZS1yb3ctYm9yZGVyLXN0eWxlLCB2YXIoLS1pbmZpbml0ZS1hY3RpdmUtY2VsbC1ib3JkZXItc3R5bGUpKTsKICBib3JkZXI6IHZhcigtLWluZmluaXRlLWFjdGl2ZS1yb3ctYm9yZGVyLCB2YXIoLS1pbmZpbml0ZS1hY3RpdmUtcm93LWJvcmRlci13aWR0aCwgdmFyKC0taW5maW5pdGUtYWN0aXZlLWNlbGwtYm9yZGVyLXdpZHRoKSkgdmFyKC0taW5maW5pdGUtYWN0aXZlLXJvdy1ib3JkZXItc3R5bGUsIHZhcigtLWluZmluaXRlLWFjdGl2ZS1jZWxsLWJvcmRlci1zdHlsZSkpIHZhcigtLWluZmluaXRlLWFjdGl2ZS1yb3ctYm9yZGVyLWNvbG9yLCByZ2IodmFyKC0taW5maW5pdGUtYWN0aXZlLWNlbGwtYm9yZGVyLWNvbG9yLS1yKSB2YXIoLS1pbmZpbml0ZS1hY3RpdmUtY2VsbC1ib3JkZXItY29sb3ItLWcpIHZhcigtLWluZmluaXRlLWFjdGl2ZS1jZWxsLWJvcmRlci1jb2xvci0tYikpKSk7CiAgYmFja2dyb3VuZDogdmFyKC0taW5maW5pdGUtYWN0aXZlLXJvdy1iYWNrZ3JvdW5kLCB2YXIoLS1pbmZpbml0ZS1hY3RpdmUtY2VsbC1iYWNrZ3JvdW5kLCByZ2JhKHZhcigtLWluZmluaXRlLWFjdGl2ZS1jZWxsLWJvcmRlci1jb2xvci0tciksIHZhcigtLWluZmluaXRlLWFjdGl2ZS1jZWxsLWJvcmRlci1jb2xvci0tZyksIHZhcigtLWluZmluaXRlLWFjdGl2ZS1jZWxsLWJvcmRlci1jb2xvci0tYiksIHZhcigtLWluZmluaXRlLWFjdGl2ZS1yb3ctYmFja2dyb3VuZC1hbHBoYSwgdmFyKC0taW5maW5pdGUtYWN0aXZlLWNlbGwtYmFja2dyb3VuZC1hbHBoYSkpKSkpOwp9Ci5qMjZscngxIHsKICBkaXNwbGF5OiBibG9jazsKfQouajI2bHJ4MiB7CiAgZGlzcGxheTogbm9uZTsKfQ== */
500
473
  .j26lrx0 {
501
- border: var(--infinite-active-row-border);
502
- background: var(--infinite-active-row-background, var(--infinite-active-row-background-from-border));
474
+ --infinite-active-row-border-style: var(--infinite-active-row-border-style, var(--infinite-active-cell-border-style));
475
+ border: var(--infinite-active-row-border, var(--infinite-active-row-border-width, var(--infinite-active-cell-border-width)) var(--infinite-active-row-border-style, var(--infinite-active-cell-border-style)) var(--infinite-active-row-border-color, rgb(var(--infinite-active-cell-border-color--r) var(--infinite-active-cell-border-color--g) var(--infinite-active-cell-border-color--b))));
476
+ background: var(--infinite-active-row-background, var(--infinite-active-cell-background, rgba(var(--infinite-active-cell-border-color--r), var(--infinite-active-cell-border-color--g), var(--infinite-active-cell-border-color--b), var(--infinite-active-row-background-alpha, var(--infinite-active-cell-background-alpha)))));
503
477
  }
504
478
  .j26lrx1 {
505
479
  display: block;
@@ -508,10 +482,10 @@
508
482
  display: none;
509
483
  }
510
484
 
511
- /* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/components/ActiveCellIndicator.css.ts.vanilla.css?source=Lm54YnExYzAgewogIGJvcmRlcjogdmFyKC0taW5maW5pdGUtYWN0aXZlLWNlbGwtYm9yZGVyKTsKICBiYWNrZ3JvdW5kOiB2YXIoLS1pbmZpbml0ZS1hY3RpdmUtY2VsbC1iYWNrZ3JvdW5kLCB2YXIoLS1pbmZpbml0ZS1hY3RpdmUtY2VsbC1iYWNrZ3JvdW5kLWZyb20tYm9yZGVyKSk7Cn0KLm54YnExYzEgewogIGRpc3BsYXk6IGJsb2NrOwp9Ci5ueGJxMWMyIHsKICBkaXNwbGF5OiBub25lOwp9 */
485
+ /* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/components/ActiveCellIndicator.css.ts.vanilla.css?source=Lm54YnExYzAgewogIGJvcmRlcjogdmFyKC0taW5maW5pdGUtYWN0aXZlLWNlbGwtYm9yZGVyLCB2YXIoLS1pbmZpbml0ZS1hY3RpdmUtY2VsbC1ib3JkZXItd2lkdGgpIHZhcigtLWluZmluaXRlLWFjdGl2ZS1jZWxsLWJvcmRlci1zdHlsZSkgdmFyKC0taW5maW5pdGUtYWN0aXZlLWNlbGwtYm9yZGVyLWNvbG9yLCByZ2IodmFyKC0taW5maW5pdGUtYWN0aXZlLWNlbGwtYm9yZGVyLWNvbG9yLS1yKSB2YXIoLS1pbmZpbml0ZS1hY3RpdmUtY2VsbC1ib3JkZXItY29sb3ItLWcpIHZhcigtLWluZmluaXRlLWFjdGl2ZS1jZWxsLWJvcmRlci1jb2xvci0tYikpKSk7CiAgYmFja2dyb3VuZDogdmFyKC0taW5maW5pdGUtYWN0aXZlLWNlbGwtYmFja2dyb3VuZCwgcmdiYSh2YXIoLS1pbmZpbml0ZS1hY3RpdmUtY2VsbC1ib3JkZXItY29sb3ItLXIpLCB2YXIoLS1pbmZpbml0ZS1hY3RpdmUtY2VsbC1ib3JkZXItY29sb3ItLWcpLCB2YXIoLS1pbmZpbml0ZS1hY3RpdmUtY2VsbC1ib3JkZXItY29sb3ItLWIpLCB2YXIoLS1pbmZpbml0ZS1hY3RpdmUtY2VsbC1iYWNrZ3JvdW5kLWFscGhhKSkpOwp9Ci5ueGJxMWMxIHsKICBkaXNwbGF5OiBibG9jazsKfQoubnhicTFjMiB7CiAgZGlzcGxheTogbm9uZTsKfQ== */
512
486
  .nxbq1c0 {
513
- border: var(--infinite-active-cell-border);
514
- background: var(--infinite-active-cell-background, var(--infinite-active-cell-background-from-border));
487
+ border: var(--infinite-active-cell-border, var(--infinite-active-cell-border-width) var(--infinite-active-cell-border-style) var(--infinite-active-cell-border-color, rgb(var(--infinite-active-cell-border-color--r) var(--infinite-active-cell-border-color--g) var(--infinite-active-cell-border-color--b))));
488
+ background: var(--infinite-active-cell-background, rgba(var(--infinite-active-cell-border-color--r), var(--infinite-active-cell-border-color--g), var(--infinite-active-cell-border-color--b), var(--infinite-active-cell-background-alpha)));
515
489
  }
516
490
  .nxbq1c1 {
517
491
  display: block;
@@ -520,7 +494,7 @@
520
494
  display: none;
521
495
  }
522
496
 
523
- /* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/InfiniteCls.css.ts.vanilla.css?source=Ll8xeWV1YjJ2MCB7CiAgb3V0bGluZTogbm9uZTsKICBmb250LWZhbWlseTogdmFyKC0taW5maW5pdGUtZm9udC1mYW1pbHkpOwogIGNvbG9yOiB2YXIoLS1pbmZpbml0ZS1jb2xvcik7CiAgYmFja2dyb3VuZDogdmFyKC0taW5maW5pdGUtYmFja2dyb3VuZCk7CiAgbWluLWhlaWdodDogdmFyKC0taW5maW5pdGUtbWluLWhlaWdodCk7Cn0KLl8xeWV1YjJ2MSB7CiAgLS1pbmZpbml0ZS1yb3ctcG9pbnRlci1ldmVudHMtd2hpbGUtc2Nyb2xsaW5nOiBub25lOwp9Ci5fMXlldWIydjUgewogIC0taW5maW5pdGUtYWN0aXZlLWNlbGwtYmFja2dyb3VuZC1hbHBoYTogdmFyKC0taW5maW5pdGUtYWN0aXZlLWNlbGwtYmFja2dyb3VuZC1hbHBoYS0tdGFibGUtdW5mb2N1c2VkKTsKICAtLWluZmluaXRlLWFjdGl2ZS1jZWxsLWJhY2tncm91bmQtZnJvbS1ib3JkZXI6IHJnYmEodmFyKC0taW5maW5pdGUtYWN0aXZlLWNlbGwtYm9yZGVyLWNvbG9yLS1yKSwgdmFyKC0taW5maW5pdGUtYWN0aXZlLWNlbGwtYm9yZGVyLWNvbG9yLS1nKSwgdmFyKC0taW5maW5pdGUtYWN0aXZlLWNlbGwtYm9yZGVyLWNvbG9yLS1iKSwgdmFyKC0taW5maW5pdGUtYWN0aXZlLWNlbGwtYmFja2dyb3VuZC1hbHBoYSkpOwogIC0taW5maW5pdGUtYWN0aXZlLXJvdy1iYWNrZ3JvdW5kLWZyb20tYm9yZGVyOiB2YXIoLS1pbmZpbml0ZS1hY3RpdmUtY2VsbC1iYWNrZ3JvdW5kLWZyb20tYm9yZGVyKTsKfQouXzF5ZXViMnZoIHsKICBib3JkZXItcmlnaHQ6IHZhcigtLWluZmluaXRlLWNlbGwtYm9yZGVyKTsKfQouXzF5ZXViMnZpIHsKICBib3JkZXItbGVmdDogdmFyKC0taW5maW5pdGUtY2VsbC1ib3JkZXIpOwp9 */
497
+ /* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/InfiniteCls.css.ts.vanilla.css?source=Ll8xeWV1YjJ2MCB7CiAgb3V0bGluZTogbm9uZTsKICBmb250LWZhbWlseTogdmFyKC0taW5maW5pdGUtZm9udC1mYW1pbHkpOwogIGNvbG9yOiB2YXIoLS1pbmZpbml0ZS1jb2xvcik7CiAgYmFja2dyb3VuZDogdmFyKC0taW5maW5pdGUtYmFja2dyb3VuZCk7CiAgbWluLWhlaWdodDogdmFyKC0taW5maW5pdGUtbWluLWhlaWdodCk7Cn0KLl8xeWV1YjJ2MSB7CiAgLS1pbmZpbml0ZS1yb3ctcG9pbnRlci1ldmVudHMtd2hpbGUtc2Nyb2xsaW5nOiBub25lOwp9Ci5fMXlldWIydmUgewogIC0taW5maW5pdGUtYWN0aXZlLWNlbGwtYmFja2dyb3VuZC1hbHBoYTogdmFyKC0taW5maW5pdGUtYWN0aXZlLWNlbGwtYmFja2dyb3VuZC1hbHBoYS0tdGFibGUtdW5mb2N1c2VkKTsKICAtLWluZmluaXRlLWFjdGl2ZS1yb3ctYmFja2dyb3VuZC1hbHBoYTogdmFyKC0taW5maW5pdGUtYWN0aXZlLXJvdy1iYWNrZ3JvdW5kLWFscGhhLS10YWJsZS11bmZvY3VzZWQsIHZhcigtLWluZmluaXRlLWFjdGl2ZS1jZWxsLWJhY2tncm91bmQtYWxwaGEtLXRhYmxlLXVuZm9jdXNlZCkpOwp9Ci5fMXlldWIydmkgewogIGJvcmRlci1yaWdodDogdmFyKC0taW5maW5pdGUtY2VsbC1ib3JkZXIpOwp9Ci5fMXlldWIydmogewogIGJvcmRlci1sZWZ0OiB2YXIoLS1pbmZpbml0ZS1jZWxsLWJvcmRlcik7Cn0= */
524
498
  ._1yeub2v0 {
525
499
  outline: none;
526
500
  font-family: var(--infinite-font-family);
@@ -531,15 +505,14 @@
531
505
  ._1yeub2v1 {
532
506
  --infinite-row-pointer-events-while-scrolling: none;
533
507
  }
534
- ._1yeub2v5 {
508
+ ._1yeub2ve {
535
509
  --infinite-active-cell-background-alpha: var(--infinite-active-cell-background-alpha--table-unfocused);
536
- --infinite-active-cell-background-from-border: rgba(var(--infinite-active-cell-border-color--r), var(--infinite-active-cell-border-color--g), var(--infinite-active-cell-border-color--b), var(--infinite-active-cell-background-alpha));
537
- --infinite-active-row-background-from-border: var(--infinite-active-cell-background-from-border);
510
+ --infinite-active-row-background-alpha: var(--infinite-active-row-background-alpha--table-unfocused, var(--infinite-active-cell-background-alpha--table-unfocused));
538
511
  }
539
- ._1yeub2vh {
512
+ ._1yeub2vi {
540
513
  border-right: var(--infinite-cell-border);
541
514
  }
542
- ._1yeub2vi {
515
+ ._1yeub2vj {
543
516
  border-left: var(--infinite-cell-border);
544
517
  }
545
518
 
package/index.esm.js CHANGED
@@ -5029,15 +5029,15 @@ function decamelize(str, options) {
5029
5029
  }
5030
5030
 
5031
5031
  // src/components/InfiniteTable/theme.css.ts
5032
- var ThemeVars = { color: { accent: "var(--infinite-accent-color)", color: "var(--infinite-color)" }, spacing: { "0": "var(--infinite-space-0)", "1": "var(--infinite-space-1)", "2": "var(--infinite-space-2)", "3": "var(--infinite-space-3)", "4": "var(--infinite-space-4)", "5": "var(--infinite-space-5)", "6": "var(--infinite-space-6)", "7": "var(--infinite-space-7)", "8": "var(--infinite-space-8)", "9": "var(--infinite-space-9)", "10": "var(--infinite-space-10)" }, fontSize: { "0": "var(--infinite-font-size-0)", "1": "var(--infinite-font-size-1)", "2": "var(--infinite-font-size-2)", "3": "var(--infinite-font-size-3)", "4": "var(--infinite-font-size-4)", "5": "var(--infinite-font-size-5)", "6": "var(--infinite-font-size-6)", "7": "var(--infinite-font-size-7)" }, fontFamily: "var(--infinite-font-family)", minHeight: "var(--infinite-min-height)", borderRadius: "var(--infinite-border-radius)", background: "var(--infinite-background)", components: { LoadMask: { padding: "var(--infinite-load-mask-padding)", color: "var(--infinite-load-mask-color)", textBackground: "var(--infinite-load-mask-text-background)", overlayBackground: "var(--infinite-load-mask-overlay-background)", overlayOpacity: "var(--infinite-load-mask-overlay-opacity)", borderRadius: "var(--infinite-load-mask-border-radius)" }, Header: { background: "var(--infinite-header-background)", color: "var(--infinite-header-color)", columnHeaderHeight: "var(--infinite-column-header-height)" }, HeaderCell: { draggingBackground: "var(--infinite-header-cell-dragging-background)", background: "var(--infinite-header-cell-background)", padding: "var(--infinite-header-cell-padding)", paddingX: "var(--infinite-header-cell-padding-x)", paddingY: "var(--infinite-header-cell-padding-y)", iconSize: "var(--infinite-header-cell-icon-size)", sortIconMargin: "var(--infinite-header-cell-sort-icon-margin)" }, Cell: { padding: "var(--infinite-cell-padding)", borderWidth: "var(--infinite-cell-border-width)", border: "var(--infinite-cell-border)", borderInvisible: "var(--infinite-cell-border-invisible)", borderRadius: "var(--infinite-cell-border-radius)", color: "var(--infinite-cell-color)", activeBorderColor_R: "var(--infinite-active-cell-border-color--r)", activeBorderColor_G: "var(--infinite-active-cell-border-color--g)", activeBorderColor_B: "var(--infinite-active-cell-border-color--b)", activeBackgroundAlpha: "var(--infinite-active-cell-background-alpha)", activeBackgroundAlphaWhenTableUnfocused: "var(--infinite-active-cell-background-alpha--table-unfocused)", activeBorderColor: "var(--infinite-active-cell-border-color)", activeBackgroundFromBorder: "var(--infinite-active-cell-background-from-border)", activeBackground: "var(--infinite-active-cell-background)", activeBorderWidth: "var(--infinite-active-cell-border-width)", activeBorderStyle: "var(--infinite-active-cell-border-style)", activeBorder: "var(--infinite-active-cell-border)" }, Row: { background: "var(--infinite-row-background)", oddBackground: "var(--infinite-row-odd-background)", activeBorderColor: "var(--infinite-active-row-border-color)", activeBackground: "var(--infinite-active-row-background)", activeBackgroundFromBorder: "var(--infinite-active-row-background-from-border)", activeBorderWidth: "var(--infinite-active-row-border-width)", activeBorderStyle: "var(--infinite-active-row-border-style)", activeBorder: "var(--infinite-active-row-border)", hoverBackground: "var(--infinite-row-hover-background)", groupRowBackground: "var(--infinite-group-row-background)", groupRowColumnNesting: "var(--infinite-group-row-column-nesting)", groupNesting: "var(--infinite-dont-override-group-row-nesting-length)", pointerEventsWhileScrolling: "var(--infinite-row-pointer-events-while-scrolling)" }, ColumnCell: { background: "var(--infinite-column-cell-bg-dont-override)" } } };
5032
+ var ThemeVars = { color: { accent: "var(--infinite-accent-color)", color: "var(--infinite-color)" }, spacing: { "0": "var(--infinite-space-0)", "1": "var(--infinite-space-1)", "2": "var(--infinite-space-2)", "3": "var(--infinite-space-3)", "4": "var(--infinite-space-4)", "5": "var(--infinite-space-5)", "6": "var(--infinite-space-6)", "7": "var(--infinite-space-7)", "8": "var(--infinite-space-8)", "9": "var(--infinite-space-9)", "10": "var(--infinite-space-10)" }, fontSize: { "0": "var(--infinite-font-size-0)", "1": "var(--infinite-font-size-1)", "2": "var(--infinite-font-size-2)", "3": "var(--infinite-font-size-3)", "4": "var(--infinite-font-size-4)", "5": "var(--infinite-font-size-5)", "6": "var(--infinite-font-size-6)", "7": "var(--infinite-font-size-7)" }, fontFamily: "var(--infinite-font-family)", minHeight: "var(--infinite-min-height)", borderRadius: "var(--infinite-border-radius)", background: "var(--infinite-background)", components: { LoadMask: { padding: "var(--infinite-load-mask-padding)", color: "var(--infinite-load-mask-color)", textBackground: "var(--infinite-load-mask-text-background)", overlayBackground: "var(--infinite-load-mask-overlay-background)", overlayOpacity: "var(--infinite-load-mask-overlay-opacity)", borderRadius: "var(--infinite-load-mask-border-radius)" }, Header: { background: "var(--infinite-header-background)", color: "var(--infinite-header-color)", columnHeaderHeight: "var(--infinite-column-header-height)" }, HeaderCell: { draggingBackground: "var(--infinite-header-cell-dragging-background)", background: "var(--infinite-header-cell-background)", padding: "var(--infinite-header-cell-padding)", paddingX: "var(--infinite-header-cell-padding-x)", paddingY: "var(--infinite-header-cell-padding-y)", iconSize: "var(--infinite-header-cell-icon-size)", sortIconMargin: "var(--infinite-header-cell-sort-icon-margin)" }, Cell: { padding: "var(--infinite-cell-padding)", borderWidth: "var(--infinite-cell-border-width)", border: "var(--infinite-cell-border)", borderInvisible: "var(--infinite-cell-border-invisible)", borderRadius: "var(--infinite-cell-border-radius)", color: "var(--infinite-cell-color)", activeBorderColor_R: "var(--infinite-active-cell-border-color--r)", activeBorderColor_G: "var(--infinite-active-cell-border-color--g)", activeBorderColor_B: "var(--infinite-active-cell-border-color--b)", activeBackgroundAlpha: "var(--infinite-active-cell-background-alpha)", activeBackgroundAlphaWhenTableUnfocused: "var(--infinite-active-cell-background-alpha--table-unfocused)", activeBackground: "var(--infinite-active-cell-background)", activeBorderColor: "var(--infinite-active-cell-border-color)", activeBorderWidth: "var(--infinite-active-cell-border-width)", activeBorderStyle: "var(--infinite-active-cell-border-style)", activeBorder: "var(--infinite-active-cell-border)" }, Row: { background: "var(--infinite-row-background)", oddBackground: "var(--infinite-row-odd-background)", activeBackground: "var(--infinite-active-row-background)", activeBorderColor: "var(--infinite-active-row-border-color)", activeBorderWidth: "var(--infinite-active-row-border-width)", activeBorderStyle: "var(--infinite-active-row-border-style)", activeBorder: "var(--infinite-active-row-border)", activeBackgroundAlpha: "var(--infinite-active-row-background-alpha)", activeBackgroundAlphaWhenTableUnfocused: "var(--infinite-active-row-background-alpha--table-unfocused)", hoverBackground: "var(--infinite-row-hover-background)", groupRowBackground: "var(--infinite-group-row-background)", groupRowColumnNesting: "var(--infinite-group-row-column-nesting)", groupNesting: "var(--infinite-dont-override-group-row-nesting-length)", pointerEventsWhileScrolling: "var(--infinite-row-pointer-events-while-scrolling)" }, ColumnCell: { background: "var(--infinite-column-cell-bg-dont-override)" } } };
5033
5033
 
5034
5034
  // src/components/InfiniteTable/InfiniteCls.css.ts
5035
5035
  var import_createRuntimeFn3 = __toModule(require_vanilla_extract_recipes_createRuntimeFn_cjs());
5036
5036
  var FooterCls = "_16lm1iw1";
5037
5037
  var InfiniteCls = "_1yeub2v0 _16lm1iw1 _16lm1iwm _16lm1iw12 _16lm1iw0";
5038
- var InfiniteClsRecipe = (0, import_createRuntimeFn3.createRuntimeFn)({ defaultClassName: "", variantClassNames: { focused: { true: "_1yeub2v2", false: "_1yeub2v3" }, focusedWithin: { true: "_1yeub2v4", false: "_1yeub2v5" }, hasPinnedStart: { true: "_1yeub2v6", false: "_1yeub2v7" }, hasPinnedEnd: { true: "_1yeub2v8", false: "_1yeub2v9" }, hasPinnedStartOverflow: { true: "_1yeub2va", false: "_1yeub2vb" }, hasPinnedEndOverflow: { true: "_1yeub2vc", false: "_1yeub2vd" } }, defaultVariants: {}, compoundVariants: [] });
5038
+ var InfiniteClsRecipe = (0, import_createRuntimeFn3.createRuntimeFn)({ defaultClassName: "", variantClassNames: { focused: { true: "_1yeub2v2", false: "_1yeub2v3" }, focusedWithin: { true: "_1yeub2v4", false: "_1yeub2v5" }, hasPinnedStart: { true: "_1yeub2v6", false: "_1yeub2v7" }, hasPinnedEnd: { true: "_1yeub2v8", false: "_1yeub2v9" }, hasPinnedStartOverflow: { true: "_1yeub2va", false: "_1yeub2vb" }, hasPinnedEndOverflow: { true: "_1yeub2vc", false: "_1yeub2vd" } }, defaultVariants: {}, compoundVariants: [[{ focused: false, focusedWithin: false }, "_1yeub2ve"]] });
5039
5039
  var InfiniteClsShiftingColumns = "_16lm1iwp";
5040
- var PinnedRowsContainerClsVariants = (0, import_createRuntimeFn3.createRuntimeFn)({ defaultClassName: "", variantClassNames: { pinned: { start: "_1yeub2vh", end: "_1yeub2vi", false: "_1yeub2vj" } }, defaultVariants: {}, compoundVariants: [] });
5040
+ var PinnedRowsContainerClsVariants = (0, import_createRuntimeFn3.createRuntimeFn)({ defaultClassName: "", variantClassNames: { pinned: { start: "_1yeub2vi", end: "_1yeub2vj", false: "_1yeub2vk" } }, defaultVariants: {}, compoundVariants: [] });
5041
5041
 
5042
5042
  // src/components/InfiniteTable/components/InfiniteTableLicenseFooter/index.tsx
5043
5043
  var defaultStyle = {
@@ -5147,6 +5147,9 @@ function InfiniteTableColumnCellFn(props) {
5147
5147
  const { data, isGroupRow, dataSourceHasGrouping } = rowInfo;
5148
5148
  const groupBy = dataSourceHasGrouping ? rowInfo.groupBy : void 0;
5149
5149
  const groupRowInfo = null;
5150
+ const { getState, componentActions } = useInfiniteTable();
5151
+ const { activeRowIndex, keyboardNavigation } = getState();
5152
+ const rowActive = rowIndex === activeRowIndex && keyboardNavigation === "row";
5150
5153
  let value = isGroupRow && groupBy && column.groupByField ? rowInfo.value : isColumnWithField(column) ? data == null ? void 0 : data[column.field] : null;
5151
5154
  if (column.valueGetter) {
5152
5155
  if (!rowInfo.isGroupRow && rowInfo.data) {
@@ -5158,32 +5161,30 @@ function InfiniteTableColumnCellFn(props) {
5158
5161
  data: rowInfo.data,
5159
5162
  isGroupRow,
5160
5163
  rowInfo,
5164
+ rowActive,
5161
5165
  field: column.field,
5162
5166
  value
5163
5167
  } : {
5164
5168
  data: rowInfo.data,
5165
5169
  isGroupRow,
5170
+ rowActive,
5166
5171
  rowInfo,
5167
5172
  field: column.field,
5168
5173
  value
5169
5174
  });
5170
5175
  }
5171
- const { getState, componentActions } = useInfiniteTable();
5172
- const { activeRowIndex } = getState();
5173
- const rowActive = rowIndex === activeRowIndex;
5174
5176
  const onClick = useCallback11(() => {
5175
- const { activeRowIndex: activeRowIndex2, activeCellIndex } = getState();
5176
- if (activeRowIndex2 != null) {
5177
+ if (keyboardNavigation === "row") {
5177
5178
  componentActions.activeRowIndex = rowIndex;
5178
5179
  return;
5179
5180
  }
5180
- if (activeCellIndex != null) {
5181
+ if (keyboardNavigation === "cell") {
5181
5182
  componentActions.activeCellIndex = [
5182
5183
  rowIndex,
5183
5184
  column.computedVisibleIndex
5184
5185
  ];
5185
5186
  }
5186
- }, [rowIndex, column.computedVisibleIndex]);
5187
+ }, [rowIndex, column.computedVisibleIndex, keyboardNavigation]);
5187
5188
  const { componentState: computedDataSource } = useDataSourceContextValue();
5188
5189
  const rest = rowInfo.isGroupRow ? {
5189
5190
  rowInfo,
@@ -9403,7 +9404,7 @@ var useLicense = (licenseKey = "") => {
9403
9404
  const valid = useMemo12(() => {
9404
9405
  let valid2 = isValidLicense(licenseKey, {
9405
9406
  publishedAt: 1624970570587,
9406
- version: "0.3.4"
9407
+ version: "0.3.7"
9407
9408
  });
9408
9409
  if (!licenseKey && !valid2 && isInsidePlayground) {
9409
9410
  return true;
@@ -9537,11 +9538,11 @@ function handleCellNavigation(options) {
9537
9538
  function handleKeyboardNavigation(options) {
9538
9539
  const { getState } = options;
9539
9540
  const state = getState();
9540
- const { activeRowIndex, activeCellIndex } = state;
9541
- if (activeRowIndex != null) {
9541
+ const { activeRowIndex, activeCellIndex, keyboardNavigation } = state;
9542
+ if (activeRowIndex != null && keyboardNavigation === "row") {
9542
9543
  return handleRowNavigation(options);
9543
9544
  }
9544
- if (activeCellIndex != null) {
9545
+ if (activeCellIndex != null && keyboardNavigation === "cell") {
9545
9546
  return handleCellNavigation(options);
9546
9547
  }
9547
9548
  return false;
@@ -9713,8 +9714,9 @@ var forwardProps3 = (setupState) => {
9713
9714
  pivotTotalColumnPosition: (pivotTotalColumnPosition) => pivotTotalColumnPosition != null ? pivotTotalColumnPosition : "end",
9714
9715
  pivotGrandTotalColumnPosition: 1,
9715
9716
  licenseKey: (licenseKey) => licenseKey || "",
9716
- activeRowIndex: (activeRowIndex) => activeRowIndex != null ? activeRowIndex : null,
9717
- activeCellIndex: (activeCellIndex) => activeCellIndex != null ? activeCellIndex : null,
9717
+ keyboardNavigation: (keyboardNavigation) => keyboardNavigation != null ? keyboardNavigation : "cell",
9718
+ activeRowIndex: 1,
9719
+ activeCellIndex: 1,
9718
9720
  columnOrder: (columnOrder) => columnOrder != null ? columnOrder : true,
9719
9721
  header: (header) => header != null ? header : true,
9720
9722
  showZebraRows: (showZebraRows) => showZebraRows != null ? showZebraRows : true,
@@ -9762,7 +9764,6 @@ var mapPropsToState2 = (params) => {
9762
9764
  groupRenderStrategy,
9763
9765
  groupBy,
9764
9766
  computedColumns,
9765
- enableKeyboardNavigation: state.activeRowIndex != null,
9766
9767
  columnHeaderCssEllipsis: (_b = (_a = props.columnHeaderCssEllipsis) != null ? _a : props.columnCssEllipsis) != null ? _b : true,
9767
9768
  columnGroupsDepthsMap,
9768
9769
  columnGroupsMaxDepth: columnGroupsDepthsMap != state.columnGroupsDepthsMap ? Math.max(...columnGroupsDepthsMap.values(), 0) : state.columnGroupsMaxDepth,
@@ -9819,6 +9820,7 @@ var InfiniteTableComponent = memo11(function InfiniteTableComponent2() {
9819
9820
  brain,
9820
9821
  headerBrain,
9821
9822
  renderer,
9823
+ keyboardNavigation,
9822
9824
  activeRowIndex,
9823
9825
  activeCellIndex,
9824
9826
  onRenderUpdater
@@ -9885,8 +9887,8 @@ var InfiniteTableComponent = memo11(function InfiniteTableComponent2() {
9885
9887
  scrollbars
9886
9888
  }) : null, /* @__PURE__ */ createElement26(InfiniteTableBody, null, /* @__PURE__ */ createElement26(HeadlessTable, {
9887
9889
  tabIndex: 0,
9888
- activeRowIndex: componentState.ready ? activeRowIndex : null,
9889
- activeCellIndex: componentState.ready ? activeCellIndex : null,
9890
+ activeRowIndex: componentState.ready && keyboardNavigation === "row" ? activeRowIndex : null,
9891
+ activeCellIndex: componentState.ready && keyboardNavigation === "cell" ? activeCellIndex : null,
9890
9892
  scrollStopDelay,
9891
9893
  renderer,
9892
9894
  onRenderUpdater,
package/index.js CHANGED
@@ -4966,15 +4966,15 @@ function decamelize(str, options) {
4966
4966
  }
4967
4967
 
4968
4968
  // src/components/InfiniteTable/theme.css.ts
4969
- var ThemeVars = { color: { accent: "var(--infinite-accent-color)", color: "var(--infinite-color)" }, spacing: { "0": "var(--infinite-space-0)", "1": "var(--infinite-space-1)", "2": "var(--infinite-space-2)", "3": "var(--infinite-space-3)", "4": "var(--infinite-space-4)", "5": "var(--infinite-space-5)", "6": "var(--infinite-space-6)", "7": "var(--infinite-space-7)", "8": "var(--infinite-space-8)", "9": "var(--infinite-space-9)", "10": "var(--infinite-space-10)" }, fontSize: { "0": "var(--infinite-font-size-0)", "1": "var(--infinite-font-size-1)", "2": "var(--infinite-font-size-2)", "3": "var(--infinite-font-size-3)", "4": "var(--infinite-font-size-4)", "5": "var(--infinite-font-size-5)", "6": "var(--infinite-font-size-6)", "7": "var(--infinite-font-size-7)" }, fontFamily: "var(--infinite-font-family)", minHeight: "var(--infinite-min-height)", borderRadius: "var(--infinite-border-radius)", background: "var(--infinite-background)", components: { LoadMask: { padding: "var(--infinite-load-mask-padding)", color: "var(--infinite-load-mask-color)", textBackground: "var(--infinite-load-mask-text-background)", overlayBackground: "var(--infinite-load-mask-overlay-background)", overlayOpacity: "var(--infinite-load-mask-overlay-opacity)", borderRadius: "var(--infinite-load-mask-border-radius)" }, Header: { background: "var(--infinite-header-background)", color: "var(--infinite-header-color)", columnHeaderHeight: "var(--infinite-column-header-height)" }, HeaderCell: { draggingBackground: "var(--infinite-header-cell-dragging-background)", background: "var(--infinite-header-cell-background)", padding: "var(--infinite-header-cell-padding)", paddingX: "var(--infinite-header-cell-padding-x)", paddingY: "var(--infinite-header-cell-padding-y)", iconSize: "var(--infinite-header-cell-icon-size)", sortIconMargin: "var(--infinite-header-cell-sort-icon-margin)" }, Cell: { padding: "var(--infinite-cell-padding)", borderWidth: "var(--infinite-cell-border-width)", border: "var(--infinite-cell-border)", borderInvisible: "var(--infinite-cell-border-invisible)", borderRadius: "var(--infinite-cell-border-radius)", color: "var(--infinite-cell-color)", activeBorderColor_R: "var(--infinite-active-cell-border-color--r)", activeBorderColor_G: "var(--infinite-active-cell-border-color--g)", activeBorderColor_B: "var(--infinite-active-cell-border-color--b)", activeBackgroundAlpha: "var(--infinite-active-cell-background-alpha)", activeBackgroundAlphaWhenTableUnfocused: "var(--infinite-active-cell-background-alpha--table-unfocused)", activeBorderColor: "var(--infinite-active-cell-border-color)", activeBackgroundFromBorder: "var(--infinite-active-cell-background-from-border)", activeBackground: "var(--infinite-active-cell-background)", activeBorderWidth: "var(--infinite-active-cell-border-width)", activeBorderStyle: "var(--infinite-active-cell-border-style)", activeBorder: "var(--infinite-active-cell-border)" }, Row: { background: "var(--infinite-row-background)", oddBackground: "var(--infinite-row-odd-background)", activeBorderColor: "var(--infinite-active-row-border-color)", activeBackground: "var(--infinite-active-row-background)", activeBackgroundFromBorder: "var(--infinite-active-row-background-from-border)", activeBorderWidth: "var(--infinite-active-row-border-width)", activeBorderStyle: "var(--infinite-active-row-border-style)", activeBorder: "var(--infinite-active-row-border)", hoverBackground: "var(--infinite-row-hover-background)", groupRowBackground: "var(--infinite-group-row-background)", groupRowColumnNesting: "var(--infinite-group-row-column-nesting)", groupNesting: "var(--infinite-dont-override-group-row-nesting-length)", pointerEventsWhileScrolling: "var(--infinite-row-pointer-events-while-scrolling)" }, ColumnCell: { background: "var(--infinite-column-cell-bg-dont-override)" } } };
4969
+ var ThemeVars = { color: { accent: "var(--infinite-accent-color)", color: "var(--infinite-color)" }, spacing: { "0": "var(--infinite-space-0)", "1": "var(--infinite-space-1)", "2": "var(--infinite-space-2)", "3": "var(--infinite-space-3)", "4": "var(--infinite-space-4)", "5": "var(--infinite-space-5)", "6": "var(--infinite-space-6)", "7": "var(--infinite-space-7)", "8": "var(--infinite-space-8)", "9": "var(--infinite-space-9)", "10": "var(--infinite-space-10)" }, fontSize: { "0": "var(--infinite-font-size-0)", "1": "var(--infinite-font-size-1)", "2": "var(--infinite-font-size-2)", "3": "var(--infinite-font-size-3)", "4": "var(--infinite-font-size-4)", "5": "var(--infinite-font-size-5)", "6": "var(--infinite-font-size-6)", "7": "var(--infinite-font-size-7)" }, fontFamily: "var(--infinite-font-family)", minHeight: "var(--infinite-min-height)", borderRadius: "var(--infinite-border-radius)", background: "var(--infinite-background)", components: { LoadMask: { padding: "var(--infinite-load-mask-padding)", color: "var(--infinite-load-mask-color)", textBackground: "var(--infinite-load-mask-text-background)", overlayBackground: "var(--infinite-load-mask-overlay-background)", overlayOpacity: "var(--infinite-load-mask-overlay-opacity)", borderRadius: "var(--infinite-load-mask-border-radius)" }, Header: { background: "var(--infinite-header-background)", color: "var(--infinite-header-color)", columnHeaderHeight: "var(--infinite-column-header-height)" }, HeaderCell: { draggingBackground: "var(--infinite-header-cell-dragging-background)", background: "var(--infinite-header-cell-background)", padding: "var(--infinite-header-cell-padding)", paddingX: "var(--infinite-header-cell-padding-x)", paddingY: "var(--infinite-header-cell-padding-y)", iconSize: "var(--infinite-header-cell-icon-size)", sortIconMargin: "var(--infinite-header-cell-sort-icon-margin)" }, Cell: { padding: "var(--infinite-cell-padding)", borderWidth: "var(--infinite-cell-border-width)", border: "var(--infinite-cell-border)", borderInvisible: "var(--infinite-cell-border-invisible)", borderRadius: "var(--infinite-cell-border-radius)", color: "var(--infinite-cell-color)", activeBorderColor_R: "var(--infinite-active-cell-border-color--r)", activeBorderColor_G: "var(--infinite-active-cell-border-color--g)", activeBorderColor_B: "var(--infinite-active-cell-border-color--b)", activeBackgroundAlpha: "var(--infinite-active-cell-background-alpha)", activeBackgroundAlphaWhenTableUnfocused: "var(--infinite-active-cell-background-alpha--table-unfocused)", activeBackground: "var(--infinite-active-cell-background)", activeBorderColor: "var(--infinite-active-cell-border-color)", activeBorderWidth: "var(--infinite-active-cell-border-width)", activeBorderStyle: "var(--infinite-active-cell-border-style)", activeBorder: "var(--infinite-active-cell-border)" }, Row: { background: "var(--infinite-row-background)", oddBackground: "var(--infinite-row-odd-background)", activeBackground: "var(--infinite-active-row-background)", activeBorderColor: "var(--infinite-active-row-border-color)", activeBorderWidth: "var(--infinite-active-row-border-width)", activeBorderStyle: "var(--infinite-active-row-border-style)", activeBorder: "var(--infinite-active-row-border)", activeBackgroundAlpha: "var(--infinite-active-row-background-alpha)", activeBackgroundAlphaWhenTableUnfocused: "var(--infinite-active-row-background-alpha--table-unfocused)", hoverBackground: "var(--infinite-row-hover-background)", groupRowBackground: "var(--infinite-group-row-background)", groupRowColumnNesting: "var(--infinite-group-row-column-nesting)", groupNesting: "var(--infinite-dont-override-group-row-nesting-length)", pointerEventsWhileScrolling: "var(--infinite-row-pointer-events-while-scrolling)" }, ColumnCell: { background: "var(--infinite-column-cell-bg-dont-override)" } } };
4970
4970
 
4971
4971
  // src/components/InfiniteTable/InfiniteCls.css.ts
4972
4972
  var import_createRuntimeFn3 = __toModule(require_vanilla_extract_recipes_createRuntimeFn_cjs());
4973
4973
  var FooterCls = "_16lm1iw1";
4974
4974
  var InfiniteCls = "_1yeub2v0 _16lm1iw1 _16lm1iwm _16lm1iw12 _16lm1iw0";
4975
- var InfiniteClsRecipe = (0, import_createRuntimeFn3.createRuntimeFn)({ defaultClassName: "", variantClassNames: { focused: { true: "_1yeub2v2", false: "_1yeub2v3" }, focusedWithin: { true: "_1yeub2v4", false: "_1yeub2v5" }, hasPinnedStart: { true: "_1yeub2v6", false: "_1yeub2v7" }, hasPinnedEnd: { true: "_1yeub2v8", false: "_1yeub2v9" }, hasPinnedStartOverflow: { true: "_1yeub2va", false: "_1yeub2vb" }, hasPinnedEndOverflow: { true: "_1yeub2vc", false: "_1yeub2vd" } }, defaultVariants: {}, compoundVariants: [] });
4975
+ var InfiniteClsRecipe = (0, import_createRuntimeFn3.createRuntimeFn)({ defaultClassName: "", variantClassNames: { focused: { true: "_1yeub2v2", false: "_1yeub2v3" }, focusedWithin: { true: "_1yeub2v4", false: "_1yeub2v5" }, hasPinnedStart: { true: "_1yeub2v6", false: "_1yeub2v7" }, hasPinnedEnd: { true: "_1yeub2v8", false: "_1yeub2v9" }, hasPinnedStartOverflow: { true: "_1yeub2va", false: "_1yeub2vb" }, hasPinnedEndOverflow: { true: "_1yeub2vc", false: "_1yeub2vd" } }, defaultVariants: {}, compoundVariants: [[{ focused: false, focusedWithin: false }, "_1yeub2ve"]] });
4976
4976
  var InfiniteClsShiftingColumns = "_16lm1iwp";
4977
- var PinnedRowsContainerClsVariants = (0, import_createRuntimeFn3.createRuntimeFn)({ defaultClassName: "", variantClassNames: { pinned: { start: "_1yeub2vh", end: "_1yeub2vi", false: "_1yeub2vj" } }, defaultVariants: {}, compoundVariants: [] });
4977
+ var PinnedRowsContainerClsVariants = (0, import_createRuntimeFn3.createRuntimeFn)({ defaultClassName: "", variantClassNames: { pinned: { start: "_1yeub2vi", end: "_1yeub2vj", false: "_1yeub2vk" } }, defaultVariants: {}, compoundVariants: [] });
4978
4978
 
4979
4979
  // src/components/InfiniteTable/components/InfiniteTableLicenseFooter/index.tsx
4980
4980
  var defaultStyle = {
@@ -5080,6 +5080,9 @@ function InfiniteTableColumnCellFn(props) {
5080
5080
  const { data, isGroupRow, dataSourceHasGrouping } = rowInfo;
5081
5081
  const groupBy = dataSourceHasGrouping ? rowInfo.groupBy : void 0;
5082
5082
  const groupRowInfo = null;
5083
+ const { getState, componentActions } = useInfiniteTable();
5084
+ const { activeRowIndex, keyboardNavigation } = getState();
5085
+ const rowActive = rowIndex === activeRowIndex && keyboardNavigation === "row";
5083
5086
  let value = isGroupRow && groupBy && column.groupByField ? rowInfo.value : isColumnWithField(column) ? data == null ? void 0 : data[column.field] : null;
5084
5087
  if (column.valueGetter) {
5085
5088
  if (!rowInfo.isGroupRow && rowInfo.data) {
@@ -5091,32 +5094,30 @@ function InfiniteTableColumnCellFn(props) {
5091
5094
  data: rowInfo.data,
5092
5095
  isGroupRow,
5093
5096
  rowInfo,
5097
+ rowActive,
5094
5098
  field: column.field,
5095
5099
  value
5096
5100
  } : {
5097
5101
  data: rowInfo.data,
5098
5102
  isGroupRow,
5103
+ rowActive,
5099
5104
  rowInfo,
5100
5105
  field: column.field,
5101
5106
  value
5102
5107
  });
5103
5108
  }
5104
- const { getState, componentActions } = useInfiniteTable();
5105
- const { activeRowIndex } = getState();
5106
- const rowActive = rowIndex === activeRowIndex;
5107
5109
  const onClick = (0, import_react25.useCallback)(() => {
5108
- const { activeRowIndex: activeRowIndex2, activeCellIndex } = getState();
5109
- if (activeRowIndex2 != null) {
5110
+ if (keyboardNavigation === "row") {
5110
5111
  componentActions.activeRowIndex = rowIndex;
5111
5112
  return;
5112
5113
  }
5113
- if (activeCellIndex != null) {
5114
+ if (keyboardNavigation === "cell") {
5114
5115
  componentActions.activeCellIndex = [
5115
5116
  rowIndex,
5116
5117
  column.computedVisibleIndex
5117
5118
  ];
5118
5119
  }
5119
- }, [rowIndex, column.computedVisibleIndex]);
5120
+ }, [rowIndex, column.computedVisibleIndex, keyboardNavigation]);
5120
5121
  const { componentState: computedDataSource } = useDataSourceContextValue();
5121
5122
  const rest = rowInfo.isGroupRow ? {
5122
5123
  rowInfo,
@@ -9319,7 +9320,7 @@ var useLicense = (licenseKey = "") => {
9319
9320
  const valid = (0, import_react43.useMemo)(() => {
9320
9321
  let valid2 = isValidLicense(licenseKey, {
9321
9322
  publishedAt: 1624970570587,
9322
- version: "0.3.4"
9323
+ version: "0.3.7"
9323
9324
  });
9324
9325
  if (!licenseKey && !valid2 && isInsidePlayground) {
9325
9326
  return true;
@@ -9453,11 +9454,11 @@ function handleCellNavigation(options) {
9453
9454
  function handleKeyboardNavigation(options) {
9454
9455
  const { getState } = options;
9455
9456
  const state = getState();
9456
- const { activeRowIndex, activeCellIndex } = state;
9457
- if (activeRowIndex != null) {
9457
+ const { activeRowIndex, activeCellIndex, keyboardNavigation } = state;
9458
+ if (activeRowIndex != null && keyboardNavigation === "row") {
9458
9459
  return handleRowNavigation(options);
9459
9460
  }
9460
- if (activeCellIndex != null) {
9461
+ if (activeCellIndex != null && keyboardNavigation === "cell") {
9461
9462
  return handleCellNavigation(options);
9462
9463
  }
9463
9464
  return false;
@@ -9629,8 +9630,9 @@ var forwardProps3 = (setupState) => {
9629
9630
  pivotTotalColumnPosition: (pivotTotalColumnPosition) => pivotTotalColumnPosition != null ? pivotTotalColumnPosition : "end",
9630
9631
  pivotGrandTotalColumnPosition: 1,
9631
9632
  licenseKey: (licenseKey) => licenseKey || "",
9632
- activeRowIndex: (activeRowIndex) => activeRowIndex != null ? activeRowIndex : null,
9633
- activeCellIndex: (activeCellIndex) => activeCellIndex != null ? activeCellIndex : null,
9633
+ keyboardNavigation: (keyboardNavigation) => keyboardNavigation != null ? keyboardNavigation : "cell",
9634
+ activeRowIndex: 1,
9635
+ activeCellIndex: 1,
9634
9636
  columnOrder: (columnOrder) => columnOrder != null ? columnOrder : true,
9635
9637
  header: (header) => header != null ? header : true,
9636
9638
  showZebraRows: (showZebraRows) => showZebraRows != null ? showZebraRows : true,
@@ -9678,7 +9680,6 @@ var mapPropsToState2 = (params) => {
9678
9680
  groupRenderStrategy,
9679
9681
  groupBy,
9680
9682
  computedColumns,
9681
- enableKeyboardNavigation: state.activeRowIndex != null,
9682
9683
  columnHeaderCssEllipsis: (_b = (_a = props.columnHeaderCssEllipsis) != null ? _a : props.columnCssEllipsis) != null ? _b : true,
9683
9684
  columnGroupsDepthsMap,
9684
9685
  columnGroupsMaxDepth: columnGroupsDepthsMap != state.columnGroupsDepthsMap ? Math.max(...columnGroupsDepthsMap.values(), 0) : state.columnGroupsMaxDepth,
@@ -9735,6 +9736,7 @@ var InfiniteTableComponent = React32.memo(function InfiniteTableComponent2() {
9735
9736
  brain,
9736
9737
  headerBrain,
9737
9738
  renderer,
9739
+ keyboardNavigation,
9738
9740
  activeRowIndex,
9739
9741
  activeCellIndex,
9740
9742
  onRenderUpdater
@@ -9801,8 +9803,8 @@ var InfiniteTableComponent = React32.memo(function InfiniteTableComponent2() {
9801
9803
  scrollbars
9802
9804
  }) : null, /* @__PURE__ */ React32.createElement(InfiniteTableBody, null, /* @__PURE__ */ React32.createElement(HeadlessTable, {
9803
9805
  tabIndex: 0,
9804
- activeRowIndex: componentState.ready ? activeRowIndex : null,
9805
- activeCellIndex: componentState.ready ? activeCellIndex : null,
9806
+ activeRowIndex: componentState.ready && keyboardNavigation === "row" ? activeRowIndex : null,
9807
+ activeCellIndex: componentState.ready && keyboardNavigation === "cell" ? activeCellIndex : null,
9806
9808
  scrollStopDelay,
9807
9809
  renderer,
9808
9810
  onRenderUpdater,
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@infinite-table/infinite-react",
3
3
  "description": "Infinite Table for React",
4
- "version": "0.3.4",
4
+ "version": "0.3.7",
5
5
  "main": "index.js",
6
6
  "module": "index.esm.js",
7
7
  "typings": "index.d.ts",
@@ -14,5 +14,5 @@
14
14
  },
15
15
  "license": "Commercial & Open Source",
16
16
  "//": "will be updated at build time",
17
- "publishedAt": 1654155194168
17
+ "publishedAt": 1654554533868
18
18
  }