@infinite-table/infinite-react 0.3.13 → 0.3.16

package/index.css

@@ -1,4 +1,4 @@
-/* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/theme.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+1X227iMBB95yss9aVIdUWutOnLSvslTuwQi8RGtqGwK/597TQ0iRMH2G4fVgoWQjBnPM6ZM+MhEZwr8HsBAISU5ZRRRaDcoYzAVQJWglRvYzZP2549P3LZfWN3mwNjdlpDY107zVECPJct1raJuGtjdlpfEuBPOL8mIHDyockKh8acMwUl/fVB5ljkFlFTGo+FbzG+i5kWUlP7Mo0JRxls7ZGLxRYSO5hsEWsXmzUkRxUtTwmgrCCCKguS8ZKLBDyEL2ZZRpRlRO9wweT5ehUGFoYIwUUHstIvC5JygYmAAmG6lwk4IPE4lPHSdkLZdiP4nuEEvBf6F8teUQYLQjeF0vysVrujZS85wrBCcgsVOaredmKTokc/ip4ub51GO3zrzg9ElOjU22Ej0OmqA9cPRtXJqMQmrQU3xI0np4XtEMaUbRzkRe7TT3Pfs9qbCFKrq0AMl0YLih70hyAIvlOsCi26Iet9nwvuCqwwjPX4fYjTPI/TSa+MM6kEoozgkR2sB+2o1H7MgiDDQUbKsn8Ggs2aQI+cG+dmTfg0iYRHRyqDqeNdnE9fcB64jgZY3oI6LsFEPCzQZmNgfYJCHGC7HLpuVOe1bmu6rOOBcLpIyYX6gFdI6EhTDhPSGM+/i8mmz8W5WcNeuq/YBXppTsGwSupYzVbZXgjdZH+ab2OwpkSbUvLG95puD/4gmw65dAIOthocZgkkLykGD1ls1sTZKTtQSdNSp5RxZjfyLvK+K6JpSd0NpDqZMBjJYlC6I3AnqyPYOl8QambW65vROiVe+HozPNXN0oum4J8ChajcFehj+LvDAUKFdCbgnuU820uC6/HSbrT8fapi3FViHDnG/ZKvS8XWh7HuBoEesjSLMvt5WmxTYYxIVct9pLYMbKwxp2aNYHecMqXR5KCrUEI9amh2ZCZ4WdYh0F7xt8V58Vyacn4Cz+0l2/xQfyZmuh9Yk3nmn2f+eeafZ/555p9n/nnmn2f+eeafZ/555v9vZn6MxLY71Jvv9jjfC+mtvNCzc98rMa27SxH5KPAD12XTNJ0sMOvW68tLfc+3w1+5vnzffw38b2qhjswEabiOwm9VoB9qem2Rd5vwJ7XnxY+KYIrA406QnAjZVKbMClLVjUVsl3XW279ztyjgTg3cpoJ7dfB3Svh3WrhPDV/Qwz2KuK4JAM6L8x9FFkGFshsAAA== */
+/* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/theme.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+1X227iMBB95yss8VKkuiI3aNOXlfZLHNshFsFGtqGwK/597RAa4sQBttuHlYKFEMwZj3PmzHhIpRAa/J4AACHjOeNMU6i2CFM4T8Fc0s17ny0wtpcgTHz20Nr95siavdbYWpdec5KCwGdbGNtA3KU1e62vKQgHnN9SEHn5MGTFXWMuuIaK/TqT2Re5QVSULvrCN5jQx0wDqah9HcbEvQw29sTHYgNZeJhsEEsfmxUkRxtWHlPAeEEl0w4Ei1LIFEzjV7scI8KYmh0umDxfzuPIwVAphbyCzM3LgWRCEiqhRITtVAr2SD51ZTxznRBer6TYcZKCj8L84tg3jMOCslWhDT/z+fbg2EuBCNwgtYaaHnRrO7nK0FOYJM+Xt0mjG75xF3sqS3Rs7bCS6HjTQZgHY/poVeKS1oBr4vqT08C2iBDGVx7yEv/ph7lvWd1NJK3UVSBOSqsFzfbmQ1IEPxjRhRFdl/W2zwV3A1ZYxlr8ThdZni+yQS8suNISMU5Jzw7Og16p1H3MgiLLAaZl2T4DJXYNoHvOTXK7BnzqRMKDJ5XR0PEuzscvOHdcewPM7kEdZmAgHjMJqvqTqc9FRwHXSCWkPsM3SK4YH3IYyHF/In2U1A1rkdvVbYq7Db9AL10m6sq9ilVvhXdSmm75037rg9W1VtdE0L/XcJ2HnbR48n4VsLNV5zAzoETJCJjihV0DZ2d8zxTLSpNSLrjbka+Rj/X6mm9Jz840zynWkOwk0kzwasBRnaupakfXMZU+2pMRpIpO2fbAvYnowVYphtCQuVzejTZZDOK3u+GZaZRBMgT/1DRE5bZA58HvAQcINTLJgzueC7xTlFSjpdtkxcdQkfkLyzoKQtr9sKouV1LWuu0EmuIMJ9h9ngZbi4RTpasK6SlHC+trypldPditYFxbwe1N4SpoxgzDjsJSlGUVAu20eJ+cJi+l7QDP4KW5YOsfqs/UTvYdazrO++O8P87747w/zvvjvD/O++O8P87747w/zvv/xbxPkFxfD/T2uzvKt0IG8yAO3Ny3qtLo7lJ3IYrCyHfR1H0KR3bde3UFWRiEbvgbV1cYhm9R+E1d15OZKIuXSfytCgxjQ68r8uu+/UntafJjQwlD4GkraU6lqitT4YJuqsYi17Mq681fuXsU8KAG7lPBozr4OyX8Oy08poYv6OERRdzWBACnyekPDRuBD6obAAA= */
 :root {
   --infinite-space-0: 0rem;
   --infinite-space-1: 0.125rem;
@@ -41,7 +41,6 @@
   --infinite-header-cell-padding-x: var(--infinite-space-3);
   --infinite-header-cell-padding-y: var(--infinite-space-3);
   --infinite-header-cell-padding: var(--infinite-header-cell-padding-y) var(--infinite-header-cell-padding-x) ;
-  --infinite-header-cell-dragging-background: #d4d3d3;
   --infinite-header-cell-icon-size: 16px;
   --infinite-header-cell-sort-icon-margin: 16px;
   --infinite-header-background: var(--infinite-header-cell-background);
@@ -53,6 +52,7 @@
   --infinite-cell-border: var(--infinite-cell-border-width) solid #c6c6c6;
   --infinite-cell-border-invisible: none;
   --infinite-cell-border-radius: var(--infinite-space-2);
+  --infinite-column-reorder-effect-duration: 0.2s;
   --infinite-active-cell-border-style: dashed;
   --infinite-active-cell-border-width: 1px;
   --infinite-active-cell-border-color--r: 77;
@@ -112,7 +112,6 @@
   --infinite-header-cell-padding-x: var(--infinite-space-3);
   --infinite-header-cell-padding-y: var(--infinite-space-3);
   --infinite-header-cell-padding: var(--infinite-header-cell-padding-y) var(--infinite-header-cell-padding-x) ;
-  --infinite-header-cell-dragging-background: #d4d3d3;
   --infinite-header-cell-icon-size: 16px;
   --infinite-header-cell-sort-icon-margin: 16px;
   --infinite-header-background: var(--infinite-header-cell-background);
@@ -124,6 +123,7 @@
   --infinite-cell-border: var(--infinite-cell-border-width) solid #c6c6c6;
   --infinite-cell-border-invisible: none;
   --infinite-cell-border-radius: var(--infinite-space-2);
+  --infinite-column-reorder-effect-duration: 0.2s;
   --infinite-active-cell-border-style: dashed;
   --infinite-active-cell-border-width: 1px;
   --infinite-active-cell-border-color--r: 77;
@@ -166,7 +166,7 @@
   }
 }
 
-/* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/utilities.css.ts.vanilla.css?source=#H4sIAAAAAAAAA5WU0Y7aMBBF3/mKvFSiVb0iy5Zd0sd+SOU4k2QWY6e2Q4Cq/97BQQvjoBUoL1HuuY49M75Pv/OV3uY4LLK/sywr7V54PKJpCnp3FThBn37O/s2ePsCihNo6uJ+XdQB3N559ewB9dC/keGg3eQQ76zGgNUXmQMuAO2DQcwLJ0lvdBw4tE8gHVJsDQ14SpMY9VIz4EYkatS4y1TsHJvyy2joGra6gnXRzIdDUaDCAkEqRRaiT5yszvUaTD85u4JO13xh29+rrsd5SbRpne1MVGZoWHAZGyUgFJ42npm6L8ZUKDstqvvhOD1+1fJBXKe9sIHi+XlTQcLSKKJXBW1dQS9DQ0DACGEFnFg5omHjT63NHo13Ajsrji8xYw7Fm7JiGfZHlTGmvlIkNo3ikBlRT53siLpi6SdUF1/VU58D2BsAJE4kKfafloYhnYLrleqmt2jCg4wAajQbElPsTud5ThT1oUOFGqcYL3wI2Lcl8o55pdJIvTA5RHrAKbersr6WJcTeOm+1S23ARJqZ91DTUk20erpSJ7XgOtBDsNjXmCyZOvPkYcu5WbfLna21qXX7Mp6i1HeJF6LeGQy8p5OzAiTHXpMbGCEqSLV2SU5QkVy5fTTGKIgiq5dwYZu89ZWx9oDyilUy4veTbbTRu1gfpeELl609wMDys8zHP7A7ceOwWqwqS2pQJI/tgOaESYoceS83HO6/Ok6i1UK00DRSXnOPkmFtDewps30kFp9syONlxbEyuAPsgLr8GrbHz6An9D1lTdo44CAAA */
+/* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/utilities.css.ts.vanilla.css?source=#H4sIAAAAAAAAA5WU3Y6bMBCF7/MU3FRKq3oF+5Pu0ss+SGVggNkYm9omJKn67p2YaJMxaJWIG8T5jrFnxufhd7ZRXYZjmvxdJUlh9sLhEXWT07utwAr69HP1b/XwAeYF1MbC7bysPdib8eTbHei9eyHHXbvJAtgbhx6NzhMLSnrcAYMeI0gWzqjBc+gpgpzHcntgyHOE1LiHihEvgahRqTwpB2tB+19GGcugzRW0k3YtBOoaNXoQsizJIsqT5ysz/Qgm563ZwidrvzLs5tXfpnrLcttYM+gqT1C3YNEzSgbKW6kdNbXLp1cqODxV6/Q7PXzV4k6+jHlrPMHrt7SChqNVQKkMzticWoKahoYRwAg6s7BAw8SbXp87GuwCdlQelyfaaI41U8cU7PMkY0p7pcxsGMQjNaCaO98jMWXqNlZTrqu5zoFuAeCEXiI4YhYRzvSBqdD1Sh7yUAqm/+F6oUy5ZYDlAGqFGsScc4EbHDXKgYLSL1TcB6YFbFqS+UYHptFZvjB5F+QRK9/GzvFamhn309SaPrYdLsLMdAyagnq2zSy9kma+LDsno/emm1kfmTg3Txlnl6qTPV9rc+vLx6CLWpkx3Kih0xzaxJA1IyemGJMKGy0okjq6badMiu5u9jrHKNPAly3nptx6Hyis6wMFG62k/fKSchkNm3VeWh51WfEJDpqnfjYFl9mBnY7dYlVBVJsqYuTgDScgInbosFB8wLP6PItKibKVuoH8EpicnEJrbE/J73pZwum+jFb2HJsSzMPei8uvQSnsHTpC/wMMl29wgQgAAA== */
 ._16lm1iw0 {
   box-sizing: border-box;
 }
@@ -253,93 +253,99 @@
   z-index: 100000;
 }
 ._16lm1iwn {
-  display: flex;
+  z-index: 1000000;
 }
 ._16lm1iwo {
-  display: block;
+  z-index: 10000000;
 }
 ._16lm1iwp {
-  display: inline-block;
+  display: flex;
 }
 ._16lm1iwq {
+  display: block;
+}
+._16lm1iwr {
+  display: inline-block;
+}
+._16lm1iws {
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
 }
-._16lm1iwr {
+._16lm1iwt {
   height: 0;
 }
-._16lm1iws {
+._16lm1iwu {
   height: 100%;
 }
-._16lm1iwt {
+._16lm1iwv {
   width: 0;
 }
-._16lm1iwu {
+._16lm1iww {
   width: 100%;
 }
-._16lm1iwv {
+._16lm1iwx {
   top: 0;
 }
-._16lm1iww {
+._16lm1iwy {
   top: 100%;
 }
-._16lm1iwx {
+._16lm1iwz {
   left: 0;
 }
-._16lm1iwy {
+._16lm1iw10 {
   left: 100%;
 }
-._16lm1iwz {
+._16lm1iw11 {
   bottom: 0;
 }
-._16lm1iw10 {
+._16lm1iw12 {
   bottom: 100%;
 }
-._16lm1iw11 {
+._16lm1iw13 {
   right: 0;
 }
-._16lm1iw12 {
+._16lm1iw14 {
   right: 100%;
 }
-._16lm1iw13 {
+._16lm1iw15 {
   flex-flow: column;
 }
-._16lm1iw14 {
+._16lm1iw16 {
   flex-flow: row;
 }
-._16lm1iw15 {
+._16lm1iw17 {
   align-items: center;
 }
-._16lm1iw16 {
+._16lm1iw18 {
   align-items: stretch;
 }
-._16lm1iw17 {
+._16lm1iw19 {
   justify-content: center;
 }
-._16lm1iw18 {
+._16lm1iw1a {
   justify-content: flex-start;
 }
-._16lm1iw19 {
+._16lm1iw1b {
   justify-content: flex-end;
 }
-._16lm1iw1a {
+._16lm1iw1c {
   overflow: hidden;
 }
-._16lm1iw1b {
+._16lm1iw1d {
   overflow: auto;
 }
-._16lm1iw1c {
+._16lm1iw1e {
   overflow: visible;
 }
-._16lm1iw1d {
+._16lm1iw1f {
   will-change: transform;
 }
-._16lm1iw1e {
+._16lm1iw1g {
   white-space: nowrap;
 }
-._16lm1iw1f {
+._16lm1iw1h {
   text-overflow: ellipsis;
 }
 
@@ -442,7 +448,7 @@
   display: none;
 }
 
-/* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/InfiniteCls.css.ts.vanilla.css?source=Ll8xeWV1YjJ2MCB7CiAgb3V0bGluZTogbm9uZTsKICBmb250LWZhbWlseTogdmFyKC0taW5maW5pdGUtZm9udC1mYW1pbHkpOwogIGNvbG9yOiB2YXIoLS1pbmZpbml0ZS1jb2xvcik7CiAgYmFja2dyb3VuZDogdmFyKC0taW5maW5pdGUtYmFja2dyb3VuZCk7CiAgbWluLWhlaWdodDogdmFyKC0taW5maW5pdGUtbWluLWhlaWdodCk7Cn0KLl8xeWV1YjJ2MSB7CiAgLS1pbmZpbml0ZS1yb3ctcG9pbnRlci1ldmVudHMtd2hpbGUtc2Nyb2xsaW5nOiBub25lOwp9Ci5fMXlldWIydmUgewogIC0taW5maW5pdGUtYWN0aXZlLWNlbGwtYmFja2dyb3VuZC1hbHBoYTogdmFyKC0taW5maW5pdGUtYWN0aXZlLWNlbGwtYmFja2dyb3VuZC1hbHBoYS0tdGFibGUtdW5mb2N1c2VkKTsKICAtLWluZmluaXRlLWFjdGl2ZS1yb3ctYmFja2dyb3VuZC1hbHBoYTogdmFyKC0taW5maW5pdGUtYWN0aXZlLXJvdy1iYWNrZ3JvdW5kLWFscGhhLS10YWJsZS11bmZvY3VzZWQsIHZhcigtLWluZmluaXRlLWFjdGl2ZS1jZWxsLWJhY2tncm91bmQtYWxwaGEtLXRhYmxlLXVuZm9jdXNlZCkpOwp9Ci5fMXlldWIydmkgewogIGJvcmRlci1yaWdodDogdmFyKC0taW5maW5pdGUtY2VsbC1ib3JkZXIpOwp9Ci5fMXlldWIydmogewogIGJvcmRlci1sZWZ0OiB2YXIoLS1pbmZpbml0ZS1jZWxsLWJvcmRlcik7Cn0= */
+/* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/InfiniteCls.css.ts.vanilla.css?source=Ll8xeWV1YjJ2MCB7CiAgb3V0bGluZTogbm9uZTsKICBmb250LWZhbWlseTogdmFyKC0taW5maW5pdGUtZm9udC1mYW1pbHkpOwogIGNvbG9yOiB2YXIoLS1pbmZpbml0ZS1jb2xvcik7CiAgYmFja2dyb3VuZDogdmFyKC0taW5maW5pdGUtYmFja2dyb3VuZCk7CiAgbWluLWhlaWdodDogdmFyKC0taW5maW5pdGUtbWluLWhlaWdodCk7Cn0KLl8xeWV1YjJ2MSB7CiAgLS1pbmZpbml0ZS1yb3ctcG9pbnRlci1ldmVudHMtd2hpbGUtc2Nyb2xsaW5nOiBub25lOwp9Ci5fMXlldWIydmUgewogIC0taW5maW5pdGUtYWN0aXZlLWNlbGwtYmFja2dyb3VuZC1hbHBoYTogdmFyKC0taW5maW5pdGUtYWN0aXZlLWNlbGwtYmFja2dyb3VuZC1hbHBoYS0tdGFibGUtdW5mb2N1c2VkKTsKICAtLWluZmluaXRlLWFjdGl2ZS1yb3ctYmFja2dyb3VuZC1hbHBoYTogdmFyKC0taW5maW5pdGUtYWN0aXZlLXJvdy1iYWNrZ3JvdW5kLWFscGhhLS10YWJsZS11bmZvY3VzZWQsIHZhcigtLWluZmluaXRlLWFjdGl2ZS1jZWxsLWJhY2tncm91bmQtYWxwaGEtLXRhYmxlLXVuZm9jdXNlZCkpOwp9Ci5fMXlldWIydmkgewogIGJvcmRlci1yaWdodDogdmFyKC0taW5maW5pdGUtY2VsbC1ib3JkZXIpOwp9Ci5fMXlldWIydmogewogIGJvcmRlci1sZWZ0OiB2YXIoLS1pbmZpbml0ZS1jZWxsLWJvcmRlcik7Cn0KLl8xeWV1YjJ2bCB7CiAgdXNlci1zZWxlY3Q6IG5vbmU7Cn0= */
 ._1yeub2v0 {
   outline: none;
   font-family: var(--infinite-font-family);
@@ -463,8 +469,14 @@
 ._1yeub2vj {
   border-left: var(--infinite-cell-border);
 }
+._1yeub2vl {
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
 
-/* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/components/cell.css.ts.vanilla.css?source=#H4sIAAAAAAAAA6WS0U7DMAxF3/sVeWQPmboNhFQ+BmWJ2wayuHLcbQjx76zpEAkrlMFLpMjn3lzbWT6uAI56rUrxWgjx1Ae29YvU6Bk8V0KfTqCH4q1YfpCrabJ2cJSBFXFGr+dpMd5qh4dKEB4kwR4oQOaziT5MygfLFn0lHNQsNmW5Cxl4ewF69LnXXUQ6ZYz1TSX2im6ktL623jJIDc7Jc3ExpNsiGSA5vDcNn4GDNdwuREBnzRigU3TqNvEg27R/NUkauI8NaHRI02axtMg0Jmq2Sj83hL03F8Jh8p/lXAy/EaMx3xrUo8HYI2MXpylJGduHH+cxIuketsiMu+sNkjTt1zRxL/+Kc71DkqdP88z+kVy7T7Vzf3SQvgPi+03E8wMAAA== */
+/* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/components/cell.css.ts.vanilla.css?source=#H4sIAAAAAAAAA6VTy07DMBC89yt8pAdXffCQwscgJ163BsdbrddpK8S/kzgFYlIopZfI0c7Mzuzas6cFwL5aqrl4nQjxHANbc5AVegbPhajaL9Dj5G0y+0AuTiONg70MrIgz9PI8WvR/xuGuEIQ7SdAABch0VkmHSflg2aIvhAPDYjWf1yED3o6AHn2udZcgW6W19etCNIpupLTeWG8ZZAXOyWNx2rkrkTSQ7PqdBh8BO6t5MxUBndW9ga2iNu1Ag+x681+RFOAAsVw2TnxmuR/FTWeDVI/aoIu1b6fbdwJjoGKpI6mOOM1G9JBkWwbSabuplHN04pSqelkTRq9HxG63X+WcDH8ho9Y/CpheoM/GuE37kqS0jeHXifeQ4aZLZMb6coGBm813N2nzV9m5XGHgJw79nL2FObcZcs+9go76Dg2hnZhVBAAA */
 ._1eexc2a0 {
   justify-content: center;
 }
@@ -486,6 +498,9 @@
   border-left: var(--infinite-cell-border-width) solid transparent;
   border-right: var(--infinite-cell-border-width) solid transparent;
 }
+._1yeub2vl ._1eexc2a6 {
+  transition: transform var(--infinite-column-reorder-effect-duration);
+}
 ._1eexc2a7 {
   color: var(--infinite-cell-color);
 }
@@ -510,24 +525,17 @@
   border-left: var(--infinite-cell-border);
 }
 
-/* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/components/InfiniteTableHeader/header.css.ts.vanilla.css?source=#H4sIAAAAAAAAA61Wy3KjMBC8+yt02arlIBewm2yCP2ZLIAFTK0uUkIntVP590SO2hB8JJEfEdE+r5wHrv1l+rGWZpeh1hVBJqn+NkjtBCzQQ9RNjEDUI0Ay3jFCm8Dki2YwA2ZEK9KFA6frZPHeEUhDNBbpinGP/MgkCMWe1LlCedntzehwRlO3NQbpZva3W7/JyK29LVAPCY67rs4l6qTSGSgrsEEnE9esbuX6HXAqa9itkD5aMgzAgx5UaV2opNO7hyAqUeaNKqQypIhR2fYEe0h+R+5mL6mQPGqQoECl7yXeamVOtiHg/17IbS5f39lx2PqG/SG5YAn2Py3rkgjd1N9Babu1DkOLPshSV5FLddN68jJ2ubJqzPYpxomGw9siBqZrLlwK1QCkTEZBa4KlNs1h97dT72lztBtsGLiKW1ITYq115E9rOgeIXoLpN0NgPQF0vdEQxoTfzpH+mSg4Rl+rUo7F1bdEa4z9ZfktsATF9QCimlUon++ppxh2oIk1j1tWtbF1YgrHhbRlO43mnGi4kCcx3gzGfIFCjpmpsQb8kZz5DoOd4d2r8Ep01NmhEH9iuzAeCpkTXYXdFgxigh5KzWLffyHOG8iysCoQ9foewpZvFL9Vbn+awz89f6BBPlizlkKC8K+Di3yDqvI/X0DJTqsmMfAT9D6Agg08qCQAA */
-._12zfob10 {
-  background: var(--infinite-header-background);
-  opacity: 0.9;
-  padding: var(--infinite-cell-padding);
-  padding-left: 20px;
-  z-index: 200;
+/* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/components/InfiniteTableHeader/header.css.ts.vanilla.css?source=#H4sIAAAAAAAAA61Uy26DMBC85yt8qVQOjoA+RT6mMtjAqq6NjEPSVP33YpskhpI0QI8sO+PZ2cf6LYoPuUyjCH2tEPogqgCBOct1ghqi7jEGkYMAzXDJCGUKZ4xzXEulMWRSYIcINqvv1frIFf8j14PPpaAol5A9WjIOwoAcV7hpI7kUGtdwYAmKwmpvQqlUhlQRCts6QU/hnYlWhFIQRZvmsipZgwYpEkTSWvKtZiaqFRHHuJYVCtdxbeOy6h7sCokNi6fvyepLSfZeKLkV9FKp54xglDd0FWgtP+yH98TzvCcyyaW66Lz52Xc6tc+c7VGMEw2NtUc2TOVc7hJUAqVM9ICZBR7aNyjbm3b0/jKnvuvN6DTYMXAZfUm5jx2dyovQ4kbTLEFp6rvNP5t/dK81piIZ6M+2ZevX3rSNwbqfgZfYVRV3I3wyMQ7Dvo3lFCvwDqguA9TON1A32xVRTOjNtFbcbODAupMLgxoSa/TCzniElW9Ku1LWmNMBuOKPSwk8O9zqTSfw1KihGmvxIjnTGTw9h6t72V3WSYuJWvQn26ZxQ9CQaBx2VTSIBmpIOevrPt7UOWvfHcuFYubeq+jF3dALR8Af7PMt8PFkzqn3CdKrAn5dod60/X0M5pmSDfbiL+gPDqFcrOEIAAA= */
+._12zfob11 {
+  margin-left: var(--infinite-header-cell-sort-icon-margin);
 }
 ._12zfob12 {
   margin-left: var(--infinite-header-cell-sort-icon-margin);
 }
 ._12zfob13 {
-  margin-left: var(--infinite-header-cell-sort-icon-margin);
-}
-._12zfob14 {
   margin-right: var(--infinite-header-cell-sort-icon-margin);
 }
-._12zfob15 {
+._12zfob14 {
   line-height: 0;
   font-size: 10px;
   border-radius: 50%;
@@ -537,29 +545,37 @@
   top: 0;
   right: 2px;
 }
-._12zfob16 {
+._12zfob15 {
   background: var(--infinite-header-background);
   top: 0;
   right: 0;
   bottom: 0;
 }
-._12zfob17 {
+._12zfob16 {
   background: var(--infinite-header-background);
   color: var(--infinite-header-color);
 }
-._12zfob1c {
+._12zfob1b {
   position: relative;
   overflow: hidden;
 }
-._12zfob1d {
+._12zfob1c {
   z-index: 10;
 }
-._12zfob1f {
+._12zfob1e {
   border-right: var(--infinite-cell-border);
 }
-._12zfob1g {
+._12zfob1f {
   border-left: var(--infinite-cell-border);
 }
+._12zfob1g {
+  background: var(--infinite-header-cell-hover-background);
+  color: var(--infinite-cell-color);
+  opacity: 0.8;
+  padding: var(--infinite-cell-padding);
+  padding-left: 20px;
+  z-index: 2000;
+}
 ._12zfob1h {
   border-left: var(--infinite-cell-border-width) solid transparent;
   border-right: var(--infinite-cell-border);
@@ -569,11 +585,6 @@
 ._12zfob1h:hover {
   background: var(--infinite-header-cell-hover-background);
 }
-._12zfob1n {
-  z-index: 100;
-  opacity: 0.8;
-  background: var(--infinite-header-cell-dragging-background);
-}
 ._12zfob1p {
   border-top-left-radius: var(--infinite-cell-border-radius);
   border-bottom-left-radius: var(--infinite-cell-border-radius);
@@ -594,7 +605,7 @@
 ._12zfob115 {
   border-left: var(--infinite-cell-border);
 }
-._1yeub2vc ._12zfob116 {
+._12zfob116 {
   --infinite-cell-border: var(--infinite-cell-border-invisible);
   border-right: var(--infinite-cell-border);
 }

package/index.d.ts

@@ -236,6 +236,12 @@ declare class MatrixBrain extends Logger {
     getFixedSize(direction: 'horizontal' | 'vertical'): number;
     getFixedStartSize(direction: 'horizontal' | 'vertical'): number;
     getFixedEndSize(direction: 'horizontal' | 'vertical'): number;
+    isColFixedEnd: (colIndex: number) => boolean;
+    isColFixedStart: (colIndex: number) => boolean;
+    isRowFixedEnd: (rowIndex: number) => boolean;
+    isRowFixedStart: (rowIndex: number) => boolean;
+    isColFixed: (colIndex: number) => boolean;
+    isRowFixed: (rowIndex: number) => boolean;
     getFixedEndColsWidth: () => number;
     /**
      * Returns an array of offsets for all cols fixed at the end
@@ -389,7 +395,7 @@ declare class ReactHeadlessTableRenderer extends Logger {
     private onDestroy;
     private hoverRowUpdatesInProgress;
     private infiniteNode;
-    setTransform: (element: HTMLElement, _rowIndex: number, colIndex: number, x: number, y: number) => void;
+    setTransform: (element: HTMLElement, _rowIndex: number, colIndex: number, x: number, y: number, zIndex: number | 'auto' | undefined | null) => void;
     constructor(brain: MatrixBrain);
     getFullyVisibleRowsRange: () => {
         start: number;
@@ -398,18 +404,18 @@ declare class ReactHeadlessTableRenderer extends Logger {
     getScrollPositionForScrollRowIntoView: (rowIndex: number, config?: {
         scrollAdjustPosition?: ScrollAdjustPosition;
         offset?: number;
-    }) => ScrollPosition;
+    }) => ScrollPosition | null;
     getScrollPositionForScrollColumnIntoView: (colIndex: number, config?: {
         scrollAdjustPosition?: ScrollAdjustPosition;
         offset?: number;
-    }) => ScrollPosition;
+    }) => ScrollPosition | null;
     getScrollPositionForScrollCellIntoView: (rowIndex: number, colIndex: number, config?: {
         rowScrollAdjustPosition?: ScrollAdjustPosition;
         colScrollAdjustPosition?: ScrollAdjustPosition;
         scrollAdjustPosition?: ScrollAdjustPosition;
         offsetTop: number;
         offsetLeft: number;
-    }) => ScrollPosition;
+    }) => ScrollPosition | null;
     isRowFullyVisible: (rowIndex: number, offsetMargin?: number) => boolean;
     isRowVisible: (rowIndex: number, offsetMargin?: number) => boolean;
     isRowRendered: (rowIndex: number) => boolean;
@@ -496,12 +502,11 @@ interface InfiniteTableSetupState<T> {
     headerBrain: MatrixBrain;
     focused: boolean;
     ready: boolean;
+    columnReorderInProgress: boolean;
     focusedWithin: boolean;
     scrollPosition: ScrollPosition;
-    draggingColumnId: null | string;
     pinnedStartScrollListener: ScrollListener;
     pinnedEndScrollListener: ScrollListener;
-    columnShifts: number[] | null;
 }
 declare type InfiniteTableColumnGroupsDepthsMap = Map<string, number>;
 declare type InfiniteTablePropPivotTotalColumnPosition = false | 'start' | 'end';
@@ -512,7 +517,6 @@ interface InfiniteTableMappedState<T> {
     resizableColumns: InfiniteTableProps<T>['resizableColumns'];
     groupColumn: InfiniteTableProps<T>['groupColumn'];
     headerOptions: NonUndefined<InfiniteTableProps<T>['headerOptions']>;
-    keyboardNavigation: NonUndefined<InfiniteTableProps<T>['keyboardNavigation']>;
     onScrollbarsChange: InfiniteTableProps<T>['onScrollbarsChange'];
     loadingText: InfiniteTableProps<T>['loadingText'];
     components: InfiniteTableProps<T>['components'];
@@ -574,6 +578,7 @@ interface InfiniteTableDerivedState<T> {
     computedColumns: Map<string, InfiniteTableColumn<T>>;
     groupRenderStrategy: NonUndefined<InfiniteTableProps<T>['groupRenderStrategy']>;
     columnHeaderCssEllipsis: NonUndefined<InfiniteTableProps<T>['columnHeaderCssEllipsis']>;
+    keyboardNavigation: NonUndefined<InfiniteTableProps<T>['keyboardNavigation']>;
     columnGroupsDepthsMap: InfiniteTableColumnGroupsDepthsMap;
     columnGroupsMaxDepth: number;
     computedColumnGroups: InfiniteTablePropColumnGroupsMap;
@@ -651,15 +656,15 @@ declare type InfiniteTableImperativeApi<T> = {
     scrollRowIntoView: (rowIndex: number, config?: {
         scrollAdjustPosition?: ScrollAdjustPosition;
         offset?: number;
-    }) => void;
+    }) => boolean;
     scrollColumnIntoView: (colId: string, config?: {
         scrollAdjustPosition?: ScrollAdjustPosition;
         offset?: number;
-    }) => void;
+    }) => boolean;
     scrollCellIntoView: (rowIndex: number, colIdOrIndex: string | number, config?: {
         scrollAdjustPosition?: ScrollAdjustPosition;
         offset?: number;
-    }) => void;
+    }) => boolean;
     getState: () => InfiniteTableState<T>;
     getDataSourceState: () => DataSourceState<T>;
 };
@@ -1049,6 +1054,7 @@ declare type InfiniteTableComputedColumnBase<T> = {
     computedSortedDesc: boolean;
     computedSortIndex: number;
     computedVisibleIndex: number;
+    computedVisibleIndexInCategory: number;
     computedMultiSort: boolean;
     computedFiltered: boolean;
     computedFilterable: boolean;