@infinite-table/infinite-react 6.1.0-canary.0 → 6.1.1-canary.0

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/index.css +59 -42
  2. package/index.d.ts +22 -5
  3. package/index.dev.js +460 -248
  4. package/index.dev.mjs +537 -325
  5. package/index.js +460 -248
  6. package/index.mjs +537 -325
  7. package/package.json +2 -2
package/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* vanilla-extract-css-ns:src/components/InfiniteTable/utilities.css.ts.vanilla.css?source=#H4sIAAAAAAAAA62XwW7bOBCG73kKXQqkRVVITpNN1FMTbBc9LdDsabGAQEkjmzFNuiRlOV703QuSkihSlOqgudma//s1HJLi8EMjMcESg8gLdnzEJ0zX94xXwO/ZMc/TG7JLcZtE/19EUcGOsdCKLCq0Ji7Y8dPFj4sP57lkBdSMwyuZoVoCfx2v6N1r+bzqEKN3Lx3kngksMaM5B4IkPsBglmqTPp5FvWDOABWCkUZag5Vn0AvmDIREEpcDfuXhJjwP43L7PMAfJ7AKz8E1PkI1sNceq6MeWmNC8rLhHKh8YITxgb7RtIpn0VgQMkBlOeH/GPEHxC/jGNMaUywhNvK4VPq3nt8O8TWmOWXUTsCttjKRLEo84gBc4hKRzwSvab7DVUUseqfRXhIjpckiI/J8hORsC+FiIG1jFIvl6ExCBSkcjxeUpEDlds1ZQ6sc0w1wLAfP0myQQZBFncKzYI0kmIJb1krDXSiLVMzDJEdU1Izv/lE/CJLwL3A2GJjNPogy81PJrqrL5H3yPvGHMmhzGXSsf8ORM4kk3CWD2do3M4rLu6SC9a980ltrtJkxSm9DTmXDBeP5nmEqwU4/1iYmmEVdNIxWUKOG2Fl+ctAuGkZLRr6BwCc7y1sHLhmJuRZMviE6oT8PQKVw1wnpviNaEINWBJdLTeCYpwO3M18AAscsSkNS5y10pA54n77SynFnWn+KsXo+fUGvt7O49wD/OzIQFvnuI/OMhfgEWqAsJqbYEmdBGQAXSYs2IXSZtfAhCM/R24Frz6+PhY4vqY7Fns+oTYXFnqBnsyR78KTBLpTpZTmDlYxKvWeGfiNx2V4wwzubIE1dNrAReq4grLQDTVcuqKMz5Jpj2ySkVy6ogjMcpuqguHff+9HFjSZeer2RfBlXO70OuixU3Sj+ckZyEzQJDKgRwB+BQCm96pueRYVjoePBGdgAXm9kbndCahoU83zaoHT6NEn+e2OZO4dJk+RNGLt2KORQ1xOoxZXcjFMzXYd+PM3MqL3EyjERyEuy/fgFpouQbD+1V0rPHKw6YE2gdupq2gH1dGqutZ77eqSfs0eNtP1GuhkRKjK5o0jJduOUcHclUc+nSXV6L60nhwkkxv0FZQ5tHl5PPLScyJiYfYU7+N2YCYxe7b8vhLWqq2h21IL2rI5rwlrdVjQ7uox/gwNwMdptLOwScyOcc+OstR5734OzdgGc5PA9wM8koO8OXyXsRK569VFrl5ojXwtirBRZZCTzFkJykOXGeoipR6fxTJ4aIXH9/GCOlUkuph3oRHF3+Mzk41mJPSrhHmQLMJrsJmyoxXFh1Gf4fjY3mMH2sGSLtPgXrhJx2yOnbdhPT62WLrvBOLfjghdM8mIH4Grx5BtcVePKme6jD2eRic/R7t48eWxgew7kAQtcjC69q8SDO4F/cVZP1Z/nqYPpQ6ziDA9v9KvVxCI4/hYT8rBBdA2jO9hgctUdRoTEpRZl9h7mG22whEe1fHLKWo721sU0KVoQ6wWmznUl8Q8sOMq/+6oCIXgvsG3sVqZLUaLY1raXfbr48RNDLx0/UxQAAA== */
1
+ /* vanilla-extract-css-ns:src/components/InfiniteTable/utilities.css.ts.vanilla.css?source=#H4sIAAAAAAAAA62XQW/bNhTH7/kUuhTIhqqQnCZL1FMTrENPA5qdhgECJT3JjGnSJSnL8dDvPpCURJGiVBfrzdb7//56fCTFx3etxARLDCIv2OkZnzFtHhmvgD+yU56nd2Sf4i6J/r2KooKdYqEVWVRoTVyw04erb1fvLnPJCqgZh59khmoJ/Od4Rb9e7nNgAkvMaM6BIImPMNqk2mSIZ9EgWDJAhWCkldZg4xkMgiUDIZHE5YjfeLgJL8O43L2O8PsZrMJLcI1PUI3srcfqqIfWmJC8bDkHKp8YYXyk7zSt4lk0FYQMUFnO+N8m/BHx6zjGtMYUS4iNPC6V/hfPb494g2lOGbUTcK+tTCSLEo84Ape4ROQjwQ3N97iqiEUfNDpIYqQ0WWREno+QnO0gXAykbYxitRy9SagghePxAyUpULlrOGtplWO6BY7l6FmaDTIKsqhXeBaslQRTcMtaabgPZZGKeZjkiIqa8f1f6gdBEv4GzkYD88kYRZn5qWQ31XXyNnmb+EMZtbkMOtb/w5EziSQ8JKNZ45sZxfVDUkHzPZ/03hptF4zS+5BT2XLBeH5gmEqw04+1iQlmUR8NoxXUqCV2ll8ctI+G0ZKRLyDw2c7yzoFLRmKuBbNviE7o9yNQKdx1QvrviBbEoBXB5VITOOXpyO3NF4DAKYvSkNR5C52oA97nz7Ry3JnWn2Osns9fMOjtLB48wP+OjIRFvvrIMmMhPoNWKIuJObbGWVAGwFXSom0IXWctfAzCS/Ru5LrL62Oh049Ux2KvF9SmwuJA0KtZkgN41mAfyvSyXMBKRqXeM2O/kbjsIFjgnU2Qpi4b2AgDVxBW2oGmGxfU0QWy4dg2CemNC6rgAoepOige3fe+d3GjiddebySfptVOb4MuK1U3ij+ckdwFTQIDagXwZyBQSq/6pmdR4VjoeHAGtoCbrcztTkhNg2KezxuUXp8myT9vLPPgMGmSvAljtw6FHOp2BnW4kttpaqbr0I/nmRm1l1g5JQJ5SXaYvsB0EZId5vZK6ZmDVQesCdROXU07oJ7OzbXWc28m+iV71Erbb6TbCaEis9uJlGw/TQn3VxL1fJ5Ur/fSenGYQGLcX1Dm0Obh9cRDy4lMicVXuIPfT5nA6NX++0RYp7qKdk8taM/quCas021Fu6fr+Bc4AheT3cbCLjE3wiU3zjrrcfA9OOtWwFkOXwP8QgL67vBZwl7kqleftHapOfK1IMZKkUVGsmwhJAdZbq2HmHv0Gs/kpRUS169P5liZ5WLagV4U94fPQj6elTigEh5BdgCTyW7DhlocF0Z9ge9Hc4MZbY9rtkiLv+MqEbc9ctqF/fTUaum6G0xzO614wSwvdgSuFk++xVU1rZzpPoZwFpn4Eu3uzbPHBrbnSB6xwMXk0rtJPLgX+Bdn9VT9eZ07mD7EKi7w8Ea/2cwsguPvMCFPW0QbmNzBRpOb/jAiJC61KLP3MN9oiyU8q+WTU9ZxdLAupknRglgvMHWuK4l/YMFJ/jlUFQjBB4FtY7cxXYoSxba2g+zD1bf/APSt7cG2EwAA */
2
2
  .utilities_boxSizingBorderBox__16lm1iw0 {
3
3
  box-sizing: border-box;
4
4
  }
@@ -11,12 +11,6 @@
11
11
  .utilities_boxSizingBorderBox__16lm1iw0 * {
12
12
  box-sizing: border-box;
13
13
  }
14
- .utilities_boxSizingBorderBox__16lm1iw0 *:before {
15
- box-sizing: border-box;
16
- }
17
- .utilities_boxSizingBorderBox__16lm1iw0 *:after {
18
- box-sizing: border-box;
19
- }
20
14
  .utilities_position_relative__16lm1iw1 {
21
15
  position: relative;
22
16
  }
@@ -261,7 +255,7 @@
261
255
  will-change: transform;
262
256
  }
263
257
 
264
- /* vanilla-extract-css-ns:src/components/VirtualScrollContainer/VirtualScrollContainer.css.ts.vanilla.css?source=#H4sIAAAAAAAAA6WRPW+DMBBAd36Fl45E0O+6Y6SuHVp1RcYccMXyRXCEoKr/vYIm4auRiryZA73j+W0+sORamTddkjFbsqzQQhn9Pd6aKorCGvBTUyC+PCFipYtUafD3WGGMBrmVIsckAfvsCeE3EBfIPu2hTA01ftUD0WZSMNU67z6img1akMKShW6wowoZyUqR4gGSbpQDZjlLEQbBVffcYML58GggZSmC7si060/f3madW44meafjdCQa9qLDP1WMumjHq0b7L2/NgF+Pt/BCZcRlDecV1/2K0yVJoWqmFaxUmWqA3cxgpxr/xvUpzQC8nQGP71cQO58z7s5N9lfnTLt3tZ2EeJjQ/INjiscFzjnG0wLpmEO5Ks+CxO7OkyR6ymsdkyQLnHMSWCAdk6SuyrMk2WXnH7n7kvwABgAA */
258
+ /* vanilla-extract-css-ns:src/components/VirtualScrollContainer/VirtualScrollContainer.css.ts.vanilla.css?source=#H4sIAAAAAAAAA6WSTWvcMBCG7/sr5lLIQhy8SZuk6jHQUyGHhF6NLI/sqVXNIo33o6X/vdj77U0gi27SSDyaZ17d/KQgnXYvJrBzT+xFk8dQvF1+crEoZh3SL8M5/J0AlNq0VhvMFhSpJEeyVtBQVaH/NgHIlli2JBkvMFjHyywOQPK1AuHONP0l7sSRRwWePfaFOUcSYq/A0gqrvtQg1Y0omOX5p36/pEqaw9ahFQV5vxSeD6t/k5vL3Bpy1Stvq0eis0H00FMUMu1604RzmWm0r1GBBO2j5fB7aGK32dadFryrrhY6XGXZ4vj9H2jl2dqIUhSz+6YtWyPTa3jj5ivPRxe76TXk89W0f9FsPBRE+oPg9Jo7OR7H0Yzen0yN8rxN6juHQkKH+zHcDmPYBalAd8IXsKx28QC7G8F2P+bDuOG7uQPw8wi4Pb+A2PvscV/SZDc6e9p9qu1JEA8ntGyVGMXjGS45jK9nyMQ4dKryKJAy3fkkEnPKWydGUp3hkiPBM2RiJDZVeRRJ/b7zf7eDJD+kBgAA */
265
259
  .VirtualScrollContainer_VirtualScrollContainerCls__1ueijco0 {
266
260
  backface-visibility: hidden;
267
261
  -webkit-overflow-scrolling: touch;
@@ -274,6 +268,9 @@
274
268
  }
275
269
  .VirtualScrollContainer_VirtualScrollContainerChildToScrollCls__1ueijco1 {
276
270
  position: sticky;
271
+ will-change: transform;
272
+ transform: translate3d(var(--virtualScrollLeftOffset__16hkbkct), var(--virtualScrollTopOffset__16hkbkcu), 0px);
273
+ contain: size layout;
277
274
  top: 0;
278
275
  left: 0;
279
276
  }
@@ -1460,8 +1457,8 @@
1460
1457
  user-select: none;
1461
1458
  }
1462
1459
 
1463
- /* vanilla-extract-css-ns:src/components/InfiniteTable/components/cell.css.ts.vanilla.css?source=#H4sIAAAAAAAAA81Yy27cNhTd+yuIAAUyRVhoxrHTKJu2NgpkUxQxkK1AkVcaxhQpkNQ8XOTfC1Ea6q3RODaQlR88POfw8vLyUn88wjHRJAODKAgR/S2I2XKZ3ilRZPIOhPgClOcQxcRARCTPiOVK/kMyiKI1wIFuyO/ovyuEgl/cD4RUTii3xxAFn64Q+n6F0OZmMLY+jX2YGVsHk6Tfr35zfqnz+afgqTP7YI8CIgrSgvb+AsfxrTCWJ0dMlbQgbYgq1Kd5KmOJtp5pPc6UCDhghzzDBpJ5rs15LlT9lQi1D5FWe6xhB9pAo1JS3wnzlWhOpDWR2fLEcpl6lWunYjWRhpcbFyIBiUXXQZCZaRqmSZq2ad4PaKSSQx8ef+PwOWGMyzREO6LfYsxlwiW3gMspuB5clcuMlWagcWltHNwCtCdonm7nZzjEyhn9XI+XPk9xosqZPkIRb3Y5qhfjc7+9pNtBCNzvidLZwIAjwBoqD5AkQC1mhXZnZ9WE7QEE0PJ/d1ugj7E6tAU/OMGM6JRLzKXgEgZLNScCTGsG3JnQ0po82Se9j2FIEgvayfp8fPOmjHeuTosmsVGisFD+l0sDtj6ST5hLBoeBw6SWxWoHWpAjroFuG6sNp0TQt0F+QHhuJ/ec2e3KTau3/eJ5ueLlkcewA2nNKYcR8mUNS5INg+yX0MW9+4GKuerKJlwInCkGIUqU3hPNTBdwyp160evMoF9rm7TQGqQ92bivkVG0vt0+xo/0+t3kenxGVuGJCX1MtSokC8e5//IAz76ZZm/oVkvSkHFdpXJU5D5QxCXjIiPT21bkLS+v4JepvfSO45dwXDK+rmcJhdVEeNv0JWy33LSuBm/CV7vPknFKrNK9CsTCMIZEaXheCfpJqsnwGPXKNbCa0gMxg4QUonO3OaVzDC3oIEkItXw34n4KWDYYs7iROKzajk3Z4yxz7KBLHDtgW2UR/4D5pwvbK0RpgcE6msvUqRJqGMkR9VlgS30KVzbi1eCqyqgLSoc7vFFChGnKSNIpI+1G8HSogos0yrrSk9iOSZS45ylYlfcEvo0JWJU/jz9W1qqsJyHGJCrkrEqvaGd1sRZqeDZdllQ7O8PEpeEM7rkhsQB2X789/iUpRFYXjVLulPxLsKe1VZo/KWmJwIIcVWH7bTirBXBOUsA1zZwvUj7eOm+2w8ybDSSb4dqBtpwS4R6EvVflk2N1aphbyMz4i/IMZ9vnOpignDep1f60C93Irz/W7YGPtjvW0xddOezj3WkLBiyKsXNMJWQh27Z8ZryAs3b1mieb9+Mr6yJjHj3lcCr5O6takNpPEGvSqwfrqtm+ZLln+MvOqKGPX5pesVbG0yXs3VybU9Bq/1BvRu8osCVCfiOXqSVcG9vTSfuV310vmjBemPlPHg7Sbszqon4xwaRfQQZ2ed9udeH+iN/LGeYD/EXt+ymf91zPyliVz2lQleXupRQ0/E8D/t53s0mSdfOhMBj0MQObOZey274tcnrdiGz6ncxLadw0Gu+XfYid5rptuG7GbqRFRXb6Nvn+PyibwCsOFwAA */
1464
- @keyframes cell_FlashingColumnCellRecipe_base_animationName__1eexc2a8 {
1460
+ /* vanilla-extract-css-ns:src/components/InfiniteTable/components/cell.css.ts.vanilla.css?source=#H4sIAAAAAAAAA81Y227cNhB991ewAQpkC7PYtWunlV/a2iiQl6KIgb4uKHIkMaZIhaT24sL/XpDSUreVVpvYQIAASZbDcw5nhsMZ/f4E+0STHAyiIMT6L0FMxmV6r0SZy3sQ4hNQXsA6JgbWRPKcWK7k3ySH9XoFsKNX5Df03wVCyx/9XwipglBu9xFa3l0g9HKB0NXNYG11WPswsbZajoK+XPzs9VKv8w/BUy/20e4FrClICzroW3qMz6WxPNljqqQFaSNUWd1NQxlLtA1Iq+NIiYAd9pYn0ECygHV1GgtV/0uE2kZIqy3WsAFtoGFx0PfC/Es0J9Katcl4YrlMA8u1Z7GaSMNd4CIkILHoernMzTgM0yRN2zC/DGCkki0dD2AJzYDVQGHfjd9XKO5cjWED0ppqL/qB54XSlkh/0A03PObChzjjjIHsGTQJ0FvwohKl86j6pyAWrtn75SVyfxYd6955g8xbL5NxUwiyr2Iw9L77hbh4Ym4hN00CIeSiR7hzLtmr0iLDn+HOH/zgLhIbJUrrf91yITDNiEwhauT7lYxbwKYgFJyXtpoU7ufSgMYGBFB7cDxCBWGMyzRCG6LfY8xlwqXb7Q6I68WFM4yVZqCxi/tx45ZBe4PmaTa9w1ssvFs/1uvOq4ckpMq7eA9lfLUpUO36UFjaAfgwyK/gl4EAD4A1VBogSYBazErtC9OiCfKjdxhX8j4D+hSrXZvwV0+YE51yibkUXMLgqOYAgGmNgDsbWlyjZfPAR6KIJBa0pw2X/d27yt87bPizD2bt2VjtxvOHSwO2roTPmEsGu4H2pBaE1Qa0IHtcG/oAV6lAiaDvl8UO4akYbzmz2cJvqxPi7H3Hrr+/TIfXBEuSD90fjtC1u/yGh2rRpU3cRcwVgwglSm+JZqZrcMiq+tCr3KCfapm01BqkPch4qC3X69Vt9hQ/0evL0fOEXK3cExP6lGpVShYdx/4zGAT0q3H0Bm4xJ0EZ11WSr8siOCr2aTpLyHjYyqKl5Q30MrWVQTF9DcUO8W01SyitJiLIZq8hu6Wm9cQFEaEOfpSMU2KV7tUmiKIYEqXhtYvTd1JnhhesV+KB1ZDBEDNISCk676FnOoXQMh2kD6GWb46oHzN0Hd+k3RE/LNqKjWs65yn2pnMUe8M2yyz8AfJ357Y38NIMgbU357FTJdTQk0fYJw1b7GN2rrGtFhdVRp1RVPzlXSdEmKbApJ0C024eD5dqeRaHqys9Cn6Mwtl9HYNVRY/g6RiBVcXX4cfKWpX3KPJjFJXlJEuvnMu6jAs1vJs+S6rITiBxaTiDB25ILIA91MPgPySFtdVlw/TFM4XJrMeVKc2f3WAkcDUW9Vt3VhPggqSAa5gpXX766gzR+4khGiSbwNqAtpwS4Sf0/phffTHoDHvHZvwToG2hq9UI5LRKrbaHMHRdvyJ15xDc7e/1+EvnloPDOx3DAEUxdgrJmcxEy9wE8grK2uVrGmxaTyits4QF6zGFY9nfOdWM3H6GWJNeQVhVffg5xz2B71qjBp6+NrxirYxnc9C7uTbFoNX2sQ5G7yrAHKIQyHlsCdfG9niyfun374smjJdm+juJN2l3ZnVVPxtgVK8gA7mf+3KrF/db9J6PMO3gT2rbT/kvPdWTNFYVUxxU5YUfopbNV9flAL/7JXMcZNWArAaNzEBmwaXs9m+zlF43JNf9Vua1OG4ajpt5n8bHsW4brNtjL9KsIjv+mrz8DyMNLTWgGAAA */
1461
+ @keyframes cell_FlashingColumnCellRecipe_base_animationName__1eexc2a9 {
1465
1462
  0% {
1466
1463
  opacity: 0;
1467
1464
  }
@@ -1491,41 +1488,59 @@
1491
1488
  .cell_CellClsVariants_dragging__1eexc2a4 {
1492
1489
  transition: none;
1493
1490
  }
1494
- .cell_CellCls__1eexc2a5 {
1491
+ .cell_DetachedCellCls__1eexc2a5 {
1492
+ pointer-events: none !important;
1493
+ visibility: hidden !important;
1494
+ opacity: 0 !important;
1495
+ transform: translate3d(0, 0, 0) !important;
1496
+ }
1497
+ .cell_CellCls__1eexc2a6 {
1498
+ display: flex;
1499
+ flex-flow: row;
1500
+ align-items: center;
1501
+ contain: layout size;
1502
+ position: absolute;
1503
+ will-change: transform;
1504
+ white-space: nowrap;
1505
+ -webkit-user-select: none;
1506
+ -moz-user-select: none;
1507
+ user-select: none;
1495
1508
  padding: var(--infinite-cell-padding);
1496
1509
  border-left: var(--infinite-cell-border-left);
1497
1510
  border-right: var(--infinite-cell-border-right);
1498
1511
  }
1499
- .InfiniteCls_shiftingcols__1yeub2vp .cell_ColumnCellCls__1eexc2a6 {
1512
+ .InfiniteCls_shiftingcols__1yeub2vp .cell_ColumnCellCls__1eexc2a7 {
1500
1513
  transition: transform var(--infinite-column-reorder-effect-duration);
1501
1514
  }
1502
- .cell_SelectionCheckboxCls__1eexc2a7 {
1515
+ .cell_SelectionCheckboxCls__1eexc2a8 {
1503
1516
  margin-inline: var(--infinite-selection-checkbox-margin-inline);
1504
1517
  }
1505
- .cell_FlashingColumnCellRecipe__1eexc2a9::after {
1518
+ .cell_FlashingColumnCellRecipe__1eexc2aa::after {
1506
1519
  content: "";
1520
+ box-sizing: border-box;
1507
1521
  position: absolute;
1508
1522
  inset: 0;
1509
1523
  z-index: var(--infinite-flashing-overlay-z-index);
1510
1524
  left: calc(0px - var(--infinite-cell-border-width));
1511
1525
  right: calc(0px - var(--infinite-cell-border-width));
1512
1526
  pointer-events: none;
1513
- animation-name: var(--infinite-flashing-animation-name, cell_FlashingColumnCellRecipe_base_animationName__1eexc2a8);
1527
+ animation-name: var(--infinite-flashing-animation-name, cell_FlashingColumnCellRecipe_base_animationName__1eexc2a9);
1514
1528
  animation-fill-mode: forwards;
1515
1529
  animation-duration: calc(1ms * var(--currentFlashingDuration__16hkbkc3, var(--infinite-flashing-duration)));
1516
1530
  background: var(--currentFlashingBackground__16hkbkc2, var(--infinite-flashing-background));
1517
1531
  }
1518
- .cell_FlashingColumnCellRecipe_direction_up__1eexc2aa {
1532
+ .cell_FlashingColumnCellRecipe_direction_up__1eexc2ab {
1519
1533
  --currentFlashingBackground__16hkbkc2: var(--infinite-flashing-up-background, var(--infinite-flashing-background));
1520
1534
  }
1521
- .cell_FlashingColumnCellRecipe_direction_down__1eexc2ab {
1535
+ .cell_FlashingColumnCellRecipe_direction_down__1eexc2ac {
1522
1536
  --currentFlashingBackground__16hkbkc2: var(--infinite-flashing-down-background, var(--infinite-flashing-background));
1523
1537
  }
1524
- .cell_FlashingColumnCellRecipe_direction_neutral__1eexc2ac {
1538
+ .cell_FlashingColumnCellRecipe_direction_neutral__1eexc2ad {
1525
1539
  --currentFlashingBackground__16hkbkc2: var(--infinite-flashing-background);
1526
1540
  }
1527
- .cell_ColumnCellSelectionIndicatorRecipe__1eexc2ad::before {
1541
+ .cell_ColumnCellSelectionIndicatorRecipe__1eexc2ae::before {
1528
1542
  content: "";
1543
+ box-sizing: border-box;
1529
1544
  position: absolute;
1530
1545
  inset: 0;
1531
1546
  left: calc(0px - var(--infinite-cell-border-width));
@@ -1536,34 +1551,34 @@
1536
1551
  border-style: var(--infinite-selected-cell-border-style, var(--infinite-active-cell-border-style));
1537
1552
  border: var(--infinite-selected-cell-border, var(--infinite-selected-cell-border-width, var(--infinite-active-cell-border-width, var(--infinite-active-row-border-width, var(--infinite-cell-border-width)))) var(--infinite-selected-cell-border-style, var(--infinite-active-cell-border-style, var(--infinite-active-row-border-style))) var(--infinite-selected-cell-border-color, var(--infinite-active-cell-border-color, var(--infinite-active-row-border-color, var(--infinite-accent-color)))));
1538
1553
  }
1539
- .cell_ColumnCellSelectionIndicatorRecipe_right_false__1eexc2af::before {
1554
+ .cell_ColumnCellSelectionIndicatorRecipe_right_false__1eexc2ag::before {
1540
1555
  border-right-width: 0;
1541
1556
  }
1542
- .cell_ColumnCellSelectionIndicatorRecipe_left_false__1eexc2ah::before {
1557
+ .cell_ColumnCellSelectionIndicatorRecipe_left_false__1eexc2ai::before {
1543
1558
  border-left-width: 0;
1544
1559
  }
1545
- .cell_ColumnCellSelectionIndicatorRecipe_top_false__1eexc2aj::before {
1560
+ .cell_ColumnCellSelectionIndicatorRecipe_top_false__1eexc2ak::before {
1546
1561
  border-top-width: 0;
1547
1562
  }
1548
- .cell_ColumnCellSelectionIndicatorRecipe_bottom_false__1eexc2al::before {
1563
+ .cell_ColumnCellSelectionIndicatorRecipe_bottom_false__1eexc2am::before {
1549
1564
  border-bottom-width: 0;
1550
1565
  }
1551
- .cell_ColumnCellRecipe__1eexc2am {
1566
+ .cell_ColumnCellRecipe__1eexc2an {
1552
1567
  color: var(--infinite-cell-color);
1553
1568
  }
1554
- .cell_ColumnCellRecipe_insideDisabledDraggingPage_true__1eexc2ap {
1569
+ .cell_ColumnCellRecipe_insideDisabledDraggingPage_true__1eexc2aq {
1555
1570
  opacity: var(--infinite-horizontal-layout-column-reorder-disabled-page-opacity);
1556
1571
  }
1557
- .cell_ColumnCellRecipe_align_end__1eexc2ax {
1572
+ .cell_ColumnCellRecipe_align_end__1eexc2ay {
1558
1573
  justify-content: flex-end;
1559
1574
  }
1560
- .cell_ColumnCellRecipe_verticalAlign_start__1eexc2az {
1575
+ .cell_ColumnCellRecipe_verticalAlign_start__1eexc2a10 {
1561
1576
  align-items: flex-start;
1562
1577
  }
1563
- .cell_ColumnCellRecipe_verticalAlign_end__1eexc2a10 {
1578
+ .cell_ColumnCellRecipe_verticalAlign_end__1eexc2a11 {
1564
1579
  align-items: flex-end;
1565
1580
  }
1566
- .cell_ColumnCellRecipe_rowDisabled_true__1eexc2a19 {
1581
+ .cell_ColumnCellRecipe_rowDisabled_true__1eexc2a1a {
1567
1582
  --infinite-row-background: var(--infinite-row-disabled-background);
1568
1583
  --infinite-row-odd-background: var(--infinite-row-odd-disabled-background);
1569
1584
  --infinite-row-hover-background: var(--infinite-row-disabled-background);
@@ -1571,46 +1586,46 @@
1571
1586
  --infinite-row-selected-hover-background: var(--infinite-row-selected-disabled-background);
1572
1587
  opacity: var(--infinite-row-disabled-opacity);
1573
1588
  }
1574
- .cell_ColumnCellRecipe_zebra_false__1eexc2a1a {
1589
+ .cell_ColumnCellRecipe_zebra_false__1eexc2a1b {
1575
1590
  background: var(--infinite-row-background);
1576
1591
  }
1577
- .cell_ColumnCellRecipe_zebra_even__1eexc2a1b {
1592
+ .cell_ColumnCellRecipe_zebra_even__1eexc2a1c {
1578
1593
  background: var(--infinite-row-background);
1579
1594
  }
1580
- .cell_ColumnCellRecipe_zebra_odd__1eexc2a1c {
1595
+ .cell_ColumnCellRecipe_zebra_odd__1eexc2a1d {
1581
1596
  background: var(--infinite-row-odd-background);
1582
1597
  }
1583
- .cell_ColumnCellRecipe_rowSelected_true__1eexc2a1d {
1598
+ .cell_ColumnCellRecipe_rowSelected_true__1eexc2a1e {
1584
1599
  background: var(--infinite-row-selected-background);
1585
1600
  }
1586
- .cell_ColumnCellRecipe_first_true__1eexc2a1g {
1601
+ .cell_ColumnCellRecipe_first_true__1eexc2a1h {
1587
1602
  border-top-left-radius: var(--infinite-cell-border-radius);
1588
1603
  border-bottom-left-radius: var(--infinite-cell-border-radius);
1589
1604
  }
1590
- .cell_ColumnCellRecipe_last_true__1eexc2a1i {
1605
+ .cell_ColumnCellRecipe_last_true__1eexc2a1j {
1591
1606
  border-top-right-radius: var(--infinite-cell-border-radius);
1592
1607
  border-bottom-right-radius: var(--infinite-cell-border-radius);
1593
1608
  }
1594
- .cell_ColumnCellRecipe_firstRow_false__1eexc2a1p {
1609
+ .cell_ColumnCellRecipe_firstRow_false__1eexc2a1q {
1595
1610
  border-top: var(--infinite-cell-border-top);
1596
1611
  }
1597
- .cell_ColumnCellRecipe_compound_0__1eexc2a1z {
1612
+ .cell_ColumnCellRecipe_compound_0__1eexc2a20 {
1598
1613
  border-top: none;
1599
1614
  }
1600
- .cell_ColumnCellRecipe_compound_1__1eexc2a20 {
1615
+ .cell_ColumnCellRecipe_compound_1__1eexc2a21 {
1601
1616
  border-right: var(--infinite-pinned-cell-border);
1602
1617
  }
1603
- .cell_ColumnCellRecipe_compound_3__1eexc2a22 {
1618
+ .cell_ColumnCellRecipe_compound_3__1eexc2a23 {
1604
1619
  border-left: var(--infinite-pinned-cell-border);
1605
1620
  }
1606
- .cell_ColumnCellRecipe_compound_5__1eexc2a24 {
1621
+ .cell_ColumnCellRecipe_compound_5__1eexc2a25 {
1607
1622
  justify-content: center;
1608
1623
  }
1609
- .cell_ColumnCellRecipe_compound_6__1eexc2a25 {
1624
+ .cell_ColumnCellRecipe_compound_6__1eexc2a26 {
1610
1625
  --infinite-row-hover-background: var(--infinite-row-odd-disabled-background);
1611
1626
  }
1612
1627
 
1613
- /* vanilla-extract-css-ns:src/components/InfiniteTable/components/InfiniteTableHeader/header.css.ts.vanilla.css?source=#H4sIAAAAAAAAA9VYTW/jNhC951foUqA+MLC1TZsqpyLbdnMoNmiA7tGgyZE8CU2qJOXYKfrfFyRlWZIlWXaMBfYURyLfe/PB4Yyul0A56Pkn/+dJafvAlPwbGOYwpwIzOTeWajufz+K3VC1mH6L/rqJoRXWGkghIbRKtqf6REJQpSrRAAiJhIAQxSluCTEkSdkzurv6/uj7OyUBa0BXpT9+EFCSvGG/qjBqz5cUoHySHzb0wFdXPnkqgdJCBaXp3FUWpkpYYfIMkmk3zjXu0UNpRasqxMEl0M/3BPc0p5yizJJqFVbkyaFHJJKILo0RhwT21msrdc6vyaHodG/9c5SVhaWbsUNrq/0BhQXfq/+V70P/EtBJiQfWjoAyWSnDQdSNuvRELyl4yrQrJ+6K9XzHpJJ8GM61VK/9PW8e9MGXO7Zh/PY+ZKaF0b066lx05uGdXa9CpUK9zq4u9lqXX8kbQxdiFbQiCqVXu5Myn1f7nYEsZ5c5Tk6OUwMOpCQsHdVYkcUUi6iSdxWAcBwjxqNVmWwHLkZHwuEvnwXFB8et3IYkilVOGdptE0+vbRvp3bStfTmoLS5vj8kxV0Yqn0654gRCtjFNHHVjzHHlFbpeTyCiBPBzCnGqQ9u5YpOveqi/0toz0csu/latGGpr4KL0zrANEKA1y+IiGLgTwj5pmGcrskWbQPFezF6+hinxbgNL4pqSlggi6VYV12VKsJNEQ/MZLBpLTDEgJMywtRW1sS8WqHnirch/8qhoP5EBYMqmFPJS40wEGFAt6IFi1BfsEepfi0xEGJIdC0+qQZq8jqugeo6OMxrPz6+hDuSBcblsoFvE6jhqPa79LDUtqHj3ek7Pkc+tuCCA8OsOEbt8O+h3lGg0uBAy7vuKc7Tnjy90M/ddP/OF4cIbx/wJZuE6q3n/EocVlhTbuBmFKWthYsgJZ1Ev/Qij2Qny+lY1O+x24Ale+WaEM5Xuw5Pm21fVp/rTsWriRG8bZllBmcQ3eRN8yzbp6tIEKPtqBPndQhCob8shZxdHkgm6TKBXQwVwHdC7/J+xsVqP45kIMGgzoNTzllMGXJchPyDnIeUqFqbGFtrqClUrCMGzXKbx9h2QXjnuXh9K2ohKHnrWvcannyr5/OQ6/Bm2RUfFbx9gZM0/pBzWCFlYmyA5n4XT0+qwX8x5skHwM8uH0GGce0YNw1MDC2KLVK9GwBm06QtmH2xqF49CjPxfGYrolLOxIorDsEPaLpnnenHViPGfkaAP/qVWRN2CfB7PioJ1t3MtHSuhJ9fa87rJ74m1n/kurIzkqpVGdD1annoQAR6t0+e2AdHV2Qc3nHDS1qhlNWXc7Qekm8T4iVQLsAkE240Ue7O3XuUtgX/VbVVREJ1rWPVRR5jK+d9IdQh13GzURah+Lds14y658sMV3t4qvLfteft/G7+99Wlh1jpTW3fHvKSb+7pOv4SJd//o1nFHN1G2m06idZ2Ria+f22Jlvbhs1sze37If3nga2xXBYtrrnja5t/YNHf7iSVLHChAQsbHB6aBgqBWPM9CikvuGCJ7w3zS6v+Ctpt/Zl1RYAAA== */
1628
+ /* vanilla-extract-css-ns:src/components/InfiniteTable/components/InfiniteTableHeader/header.css.ts.vanilla.css?source=#H4sIAAAAAAAAA9VYTW/jNhC951foUmANlIGsNNusciqybTdAiwQNsHs0KHIkM6ZJlaQcO4v+94KkrC9LsuwEBXpJbIl8bz4ehzO+XAKmoBZf3L8nqcw9keIvICyHBeYsEwttsDKLxTx6TWUyvwq+XwTBGquMCcQhNXGwweoDQkykTDADyCMiApwjLZVBjEiB/I7Z7cU/F5fHOQkIA6oi/ek/IQVBK8brJqNi2fLdKO8Fhe0d1xXVR0fFmbCQnim8vQiCVAqDNHuFOJiH+dY+SqSylApTVug4uA5/sE9zTCkTWRzM/apcamaYFHGAEy15YcA+NQqL/XMj8yC8jLR7LvOSsHQzsihd639j3IDqtf/n/4P9T0RJzhOsHjkmsJScgmo6ceOcSDBZZUoWgg5lu14x6yUPvZvGyLX70rXjjutSc3vmT+cxE8mlGtSkfTmropZKtY79R44NXNEPftuGKVNg7mPzB6TmIU012LP+cblKVsTMfgzCfOv+9Ci69kVuQKVcviyMKmrPls6zV8SsYqwIxiCIXOfWuUVY7X/2kSk103sGcyYEUH8G/cJROyuSqCLhTZLe0jKNAzh/VHK7q4DFxLw63KWN4LQUu/V1gmWOCTO7OAgvb1qHqW9b+XLWWFj6HJUntMpWFIZ9+QLOO/qVRwPYiBx6YdQsZ4GWnFGvyBwrEOb2WKab0WoudL5MjHInvlWo3KGlTOcc7+Ig4ZKsprkeu7y9MdEjRExoRuEz0zjhQD8rnGVMZI84g/ZJm6+cDZUWugZIxV6lMJgjjneyMFY/xVogBT6StGRAOc4AlTDjpqVMadOxYt2UgpG5k0NV7UdU4ZfMGiLwJfR0gBGLOT4wWHYNdpJ6k8WnI4yY7EtPpwObv0yoqzVGT2GN5udX1vtygb88d1Ak0SYKWo8bn0sbllg/Orwn68lD57bwIDQ4w4X+2I7GnYkN0yzhMB76inNec0bvd1cMX0jR1fHkjOP/CaKwnVqzv4l8C00Kpe2dQqQwsDVoDaJoXgau9iGnt7KR6r4DW+DKN2smfEEfLXmuLbZ9oDst+xZx4oZpvsWYGLYB56JryeZ9PeBIBZ8cQKcdxn2V9TpqXR4phx7mJqAN+Ve/s12Nout3YlCgQW3gKccEvi1BfGGUglikmOsGm2/bK1ghBYzD9p3CmzeYbNNxZ3UoTCcrke+Jh1qZplbqjuY4/AaUYQTzX3rG2og4SjcIImZgrb3Z/iycjt6cJSM6gA2CTkE+nE6jzCE6EMoUED8WKfmCFGxA6Z5UDuF2Ru3Id+3PhTYs3SHid8SBX3YI+03hPG/PUhE7Z6TpAv+uZJG3YJ9HVXHQ4Lbu5SMl9KR6e16/2T9Rd5W/6nQkR01pVeeD1akjQUCZkar8bQL1dXbemoccFDaynU3RDDtiwk76Q0SyBNgnAm2nG3mwd9jOvYBd1e9UUR6c6Fn/mIWJVXw1aJ0Sr2m3URuh8WPUvhnv+JWPtvj2VnG1pe7l6za+vvdxYeQ5pnTujr9PcfFXJ75WiFTz17VxRbWl25bTpJ1nKLGzc3fszLe3TZri21vqcX6gge0wHJat/nmjb9vw4DGcrjiVpNBegIXxQfcNQ2XBFDcdCmpueMcTPiiz97f4X+92uow1FwAA */
1614
1629
  .header_HeaderSortIconRecipe_align_start__12zfob13 {
1615
1630
  margin-left: var(--infinite-header-cell-sort-icon-margin);
1616
1631
  }
@@ -1649,6 +1664,7 @@
1649
1664
  .header_HeaderClsRecipe__12zfob19 {
1650
1665
  background: var(--infinite-header-background);
1651
1666
  color: var(--infinite-header-color);
1667
+ transform: translate3d(var(--virtualScrollLeftOffset__16hkbkct), 0px, 0px);
1652
1668
  }
1653
1669
  .header_HeaderClsRecipe_overflow_true__12zfob1h {
1654
1670
  z-index: 10;
@@ -1672,6 +1688,7 @@
1672
1688
  border-right: var(--infinite-header-cell-border-right);
1673
1689
  background: var(--infinite-header-cell-background);
1674
1690
  padding: 0;
1691
+ display: block;
1675
1692
  }
1676
1693
  .header_HeaderCellRecipe__12zfob1o:hover {
1677
1694
  background: var(--infinite-header-cell-hover-background);
package/index.d.ts CHANGED
@@ -272,6 +272,8 @@ declare class MatrixBrain extends Logger implements IBrain {
272
272
  private horizontalTotalSize;
273
273
  private horizontalRenderCount?;
274
274
  private verticalRenderCount?;
275
+ protected maxHorizontalRenderCount: number;
276
+ protected maxVerticalRenderCount: number;
275
277
  private horizontalExtendRangeBy;
276
278
  private verticalExtendRangeBy;
277
279
  protected horizontalRenderRange: RenderRangeType;
@@ -459,6 +461,7 @@ declare class MatrixBrain extends Logger implements IBrain {
459
461
  extraCells?: [number, number][] | undefined;
460
462
  }) => void;
461
463
  getRenderRangeCellCount: (range: TableRenderRange) => number;
464
+ getMaxCellCount: () => number;
462
465
  getExtraCells: () => [
463
466
  number,
464
467
  number
@@ -1569,6 +1572,7 @@ interface GridCellInterface<T_ADDITIONAL_CELL_INFO = any> {
1569
1572
  destroy(): void;
1570
1573
  onMount(callback: (cell: GridCellInterface<T_ADDITIONAL_CELL_INFO>) => void): void;
1571
1574
  getAdditionalInfo(): T_ADDITIONAL_CELL_INFO | undefined;
1575
+ isMounted(): boolean;
1572
1576
  ref: (htmlElement: HTMLElement) => void;
1573
1577
  }
1574
1578
 
@@ -1576,7 +1580,8 @@ declare type CellPos = [number, number];
1576
1580
 
1577
1581
  declare class GridCellManager<T_ADDITIONAL_CELL_INFO> extends Logger {
1578
1582
  private matrix;
1579
- private matrixWithHistory;
1583
+ private rowsWithCellsHistory;
1584
+ private columnsWithCellsHistory;
1580
1585
  private cellToMatrixPosition;
1581
1586
  private pool;
1582
1587
  debugId: string;
@@ -1586,6 +1591,8 @@ declare class GridCellManager<T_ADDITIONAL_CELL_INFO> extends Logger {
1586
1591
  set poolSize(cellCount: number);
1587
1592
  get poolSize(): number;
1588
1593
  getDetachedCell(): GridCellInterface<T_ADDITIONAL_CELL_INFO>;
1594
+ private clearCellFromMatrix;
1595
+ private addCellToMatrix;
1589
1596
  private setCellPositionInMatrix;
1590
1597
  renderNodeAtCell(node: Renderable, cell: GridCellInterface<T_ADDITIONAL_CELL_INFO>, cellPos: CellPos, additionalInfo?: T_ADDITIONAL_CELL_INFO): GridCellInterface<T_ADDITIONAL_CELL_INFO>;
1591
1598
  getCellPosition(cell: GridCellInterface<T_ADDITIONAL_CELL_INFO>): CellPos | null;
@@ -1617,12 +1624,13 @@ declare class GridCellManager<T_ADDITIONAL_CELL_INFO> extends Logger {
1617
1624
  isColumnAttached(colIndex: number): boolean;
1618
1625
  detachRow(rowIndex: number): void;
1619
1626
  detachCol(colIndex: number): void;
1620
- detachCell(cell: GridCellInterface<T_ADDITIONAL_CELL_INFO>): void;
1627
+ detachCell(cell: GridCellInterface<T_ADDITIONAL_CELL_INFO>): boolean;
1621
1628
  detachCells(cells: Set<GridCellInterface<T_ADDITIONAL_CELL_INFO>>): void;
1622
1629
  detachRowsStartingWith(rowIndex: number): void;
1623
1630
  detachColsStartingWith(colIndex: number): void;
1624
1631
  detachCellsStartingAt(cellPos: CellPos): void;
1625
- detachCellAt(cellPos: CellPos): void;
1632
+ detachCellAt(cellPos: CellPos): boolean;
1633
+ onCellAttachmentChange(callback: (cell: GridCellInterface<T_ADDITIONAL_CELL_INFO>, attached: boolean) => void): VoidFn;
1626
1634
  getCellsOutsideRenderRange: (range: TableRenderRange) => Set<GridCellInterface<T_ADDITIONAL_CELL_INFO>>;
1627
1635
  getCellFromListForRow(cells: Set<GridCellInterface<T_ADDITIONAL_CELL_INFO>>, rowIndex: number): GridCellInterface<T_ADDITIONAL_CELL_INFO> | undefined;
1628
1636
  getCellFromListForColumn(cells: Set<GridCellInterface<T_ADDITIONAL_CELL_INFO>>, colIndex: number): GridCellInterface<T_ADDITIONAL_CELL_INFO> | undefined;
@@ -1630,6 +1638,7 @@ declare class GridCellManager<T_ADDITIONAL_CELL_INFO> extends Logger {
1630
1638
  destroy(): void;
1631
1639
  reset(): void;
1632
1640
  makeDetachedCellsEmpty(): void;
1641
+ withDetachedCells(fn: (cell: GridCellInterface<T_ADDITIONAL_CELL_INFO>) => void): void;
1633
1642
  }
1634
1643
 
1635
1644
  /**
@@ -1642,6 +1651,7 @@ interface ListRowInterface {
1642
1651
  getNode(): Renderable;
1643
1652
  destroy(): void;
1644
1653
  onMount(callback: (row: ListRowInterface) => void): void;
1654
+ isMounted(): boolean;
1645
1655
  ref: (htmlElement: HTMLElement) => void;
1646
1656
  }
1647
1657
 
@@ -1679,6 +1689,8 @@ declare class ListRowManager extends Logger {
1679
1689
  detachRow(row: ListRowInterface): void;
1680
1690
  renderNodeAtRow(node: Renderable, row: ListRowInterface, rowIndex: number): ListRowInterface;
1681
1691
  makeDetachedRowsEmpty(): void;
1692
+ onRowAttachmentChange(callback: (row: ListRowInterface, attached: boolean) => void): VoidFn;
1693
+ withDetachedRows(fn: (row: ListRowInterface) => void): void;
1682
1694
  destroy(): void;
1683
1695
  reset(): void;
1684
1696
  }
@@ -1689,6 +1701,7 @@ declare class GridRenderer extends Logger {
1689
1701
  protected destroyed: boolean;
1690
1702
  private scrolling;
1691
1703
  cellHoverClassNames: string[];
1704
+ cellDetachedClassNames: string[];
1692
1705
  protected cellManager: GridCellManager<{
1693
1706
  renderRowIndex: number;
1694
1707
  renderColIndex: number;
@@ -1712,6 +1725,10 @@ declare class GridRenderer extends Logger {
1712
1725
  scrollTop?: boolean | undefined;
1713
1726
  }, zIndex: number | 'auto' | undefined | null) => void;
1714
1727
  constructor(brain: MatrixBrain, debugId?: string);
1728
+ private onCellAttached;
1729
+ private onCellDetached;
1730
+ private onRowAttached;
1731
+ private onRowDetached;
1715
1732
  getFullyVisibleRowsRange: () => {
1716
1733
  start: number;
1717
1734
  end: number;
@@ -7005,10 +7022,10 @@ declare type GetContextMenuItemsReturnType = MenuProps['items'] | null | {
7005
7022
  };
7006
7023
  declare type InfiniteTablePropGetCellContextMenuItems<T> = (info: InfiniteTableRowInfoDataDiscriminatorWithColumn<T> & {
7007
7024
  event: React$1.MouseEvent;
7008
- }, params: InfiniteTablePublicContext<T>) => GetContextMenuItemsReturnType;
7025
+ }, params: InfiniteTablePublicContext<T>) => Promise<GetContextMenuItemsReturnType> | GetContextMenuItemsReturnType;
7009
7026
  declare type InfiniteTablePropGetContextMenuItems<T> = (param: {
7010
7027
  event: React$1.MouseEvent;
7011
- } & Partial<InfiniteTableRowInfoDataDiscriminatorWithColumn<T>>, params: InfiniteTablePublicContext<T>) => GetContextMenuItemsReturnType;
7028
+ } & Partial<InfiniteTableRowInfoDataDiscriminatorWithColumn<T>>, params: InfiniteTablePublicContext<T>) => Promise<GetContextMenuItemsReturnType> | GetContextMenuItemsReturnType;
7012
7029
  declare type InfiniteTablePropGetFilterOperatorMenuItems<T> = (defaultItems: Exclude<MenuProps['items'], undefined>, params: {
7013
7030
  column: InfiniteTableComputedColumn<T>;
7014
7031
  filterTypes: DataSourceProps<T>['filterTypes'];