@infinite-table/infinite-react 0.4.11 → 0.4.12

package/README.md

@@ -16,7 +16,7 @@
 <!-- START doctoc generated TOC please keep comment here to allow auto update -->
 <!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE -->
 
-- [🤔 What is Infinite?](#-what-is-infinite)
+- [🤔 What is Infinite Table?](#-what-is-infinite-table)
 - [📦 Installation](#-installation)
 - [📄 Extensive documentation](#-extensive-documentation)
 - [❤️ TypeScript](#-typescript)
@@ -31,9 +31,9 @@
 <!-- END doctoc generated TOC please keep comment here to allow auto update -->
 
 
-## 🤔 What is Infinite?
+## 🤔 What is Infinite Table?
 
-Infinite Table is a React DataGrid component for displaying virtualized tabular data. It helps you display huge datasets and get the most out of them by providing you the right tools to do so: 
+`Infinite Table` is a React DataGrid component for displaying virtualized tabular data. It helps you display huge datasets and get the most out of them by providing you the right tools to do so: 
 
 * [🔃 sorting](https://infinite-table.com/docs/latest/learn/working-with-data/sorting)
 * [💪 row grouping](https://infinite-table.com/docs/latest/learn/grouping-and-pivoting/grouping-rows) - both server-side and client-side

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+1XUW+bMBB+z6+w1JdGqiswkLT0ZdJ+ibFNsELsyDhpsqn/fTYhAwymSbdJeyBWhJL7zmfuvrvzpUpKDX4uAICQi5wLrhms9pgwGKQgUGz3NiYLjew5RIlPjqzcL46s2CuNrXTtFScpCH2ylZFN2F1bsVf6kgI0ofyagsjrD+OseCjMpdCw4j8uzhyz3CJql67GzLcY5PNMC6ld+zKNiUc92MoTnxdbyMrjyRax9nmzhuR4x8tzCrgomOLagRBZSpWCh/jFLkeICWFmhysmz9dBHDkYppRUHUhgPg4kk4oyBRWm/FCl4IjV45DGS1cJk+1GyYOgKXgvzD+OfMcFLBjfFNr4Jwj2J5ctrGREcykgKRjZZvIEd1htjBYXJRfs1nOUElOjWW2hZifdO5baZPgRJcnT9Wvo4FeXR6ZKfO7tsFH4/KmCNAfj+mzZ5jq/BTcBGA9yC9tjSrnYeF4+8Z9+OoY9qbuJYjVLCyxoaTml+dE8FMPwnVNdGPIOo9fXueI+gRXWYz3/PqyyPF9lk1pEikorbChBR3ZwXrTDdvc1C4atDwgry/4ZGLVrAj1ybprbNaHTBBKePKGMpo53VT7/gfJAddTA8hbUaQkm7HEToLrOmTxfDRjQRVZS6Qv8kulTChMxHg+kzyVN4Vvldg2L62EnrtBrtYqGdK9tNVuRg1Km6n63v8ZgTa41ORGO7zWd52gQFk/cOwYHWw0OswSVLDkFD2Rll7PVngubYV/bEeEIRW4KdeFcHHnFs9KQREjh9oou8r4u1ERQsYsyy3PTVCA9KGxbSwqeUTXomXV965qs9NkejOKqGNSBEbg3siPYmjMQGl+u1zejDS3C+PVmeGYqb5hMwX8nCcTlvsCXG+kdChBqbGIHDyKX5FAxWt953aot36ey1p+pVlFS2i+wdbq6HLXIy72BOXAastfcTe8efKSImxx8GShZ6X7wMg8kIwlxfdZiGx4KVuk6rUdqiIWNdZLMrhHsXnKhLaePptpU0NyxTAQqomRZ1ibwQcu3xcfiubRl6wk8t7eC5o/6mdqxZiBN52FnHnbmYWceduZhZx525mFnHnbmYWceduZhZx52/vdhh2K17U4z9rc7x/RMhkEYhy6/eolvuD2Z2k5xJZFdt/bbMEMhcs1/0m8RQq8R+ketwhOZKIvXSXwzBQOMWHwvBYMMxRH+p5mEYhNCN1m7De13+D4W33aMcgwe94rlTFVNhanMDX1XF0i1XdbMamflW1h2J89uY9q9XPsa2/4e3+5j3N2c+yLr/oB39zDvc+4B8LH4+AX5HeSVcB4AAA== */
+/* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/theme.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+1YzY7iOBC+8xSWuDTSuJU/oMlcVtoncWKHWAQbOYaGWfW7rx1CJ3HskDA72kuwEA31latS/qpc1bHgXIJ/FgBASFlGGZUElieUEujFwBPk+NMm85Xs3Q/WLnmg5W5xqMVOaaSlW6d4HQPfJdso2YDdrRY7pR8xCAaUdzEInfFQwYr6wowzCUv66x5Mm+UGUYV0YzPfYAJXZBpIFdqPYUxkjWAjX7ui2EA2jkg2iK0rmhUkQ0da3GJAWU4ElQYk5QUXMVhGH3oZQpSmRO3wwGTZ1otCA0OE4KIF8dTLgCRcYCKgQJieyxhckHjr03hlKqH0sBf8zHAMPnP1iyE/UgZzQve5VPHxvNPVZAspSCopZzDNSXpI+BUekdgrLcoKyshYP46EnTvOGGqNyKpZB8ZQSklR3EVWpRPCmLK9w8XQbkhvWSvCCxGSpqh4fYecC/pL0eeVPeo4P3HCs26g/jhCTEuUFAQPxd04lxGbcWWWyltVHpzonCu3h+wK/tkDuY2fBCnL4QeZtuEd2XqUnftZHsa/0b4BLTjC6rTKA5TkKjtOin2C3oL1+sfjrUqd6VWjrp0q0K2zw16g21OF1oOYhaUB1zlkL2ANbDhr1m7vh+tTR2puoiKsK3COGC50vZT0oj4EQfCTYpmrwtyvTF2dB+4JrM/L5SbJsk0yqJVyVkqBVLnDz5ndquTmY+YE6RhU2d3xgWC9BtAWv3Gm14DOowZdx5Yem/LtN5R7qlYDqzGo6woM2KPqgKo7XOXmpseANrLkQt7h9+o6pDBwxvaDdIWkvtQ3mV79xuF8ZA/o4yYO+3Rv7roYpGchVEfxt/5mg9W5VueEb99rOM+D3rE4zr1l0H4/t51ZgZIXFINlutHL2OpEmc6w13YMUBiEZgq14ZRdaEnVFRYDxpnZB7WR0zqs+gQFuSuTLFMNE8RngXTbFIP3oOz1g1V9a5ss5U07hlGZ9+qABe48WQu24gyEKpbb7Wi0ooUf7UbDE1V5ffMG7cC/kwSi4pSj+7Q1QQFCqdsPeGYZT8/qOq7mObNqqx7gpR5TK3Lc7S+WVbqaHNXIe09stCNL7JNdZqZ3B24p4ioHP3pKWnrqPcwyTdJ1asaswdY8ZKSUVVpbaoitR9KeJ3pZsCdOmdScvqhqU0I1P6gTKFPBi6Iygc6S/1x8Ld4LXbZ+gPemK6h/qD5jPbL3pPE8yM+D/DzIz4P8PMjPg/w8yM+D/DzIz4P8PMjPg/w8yM+D/DzI/z+DPEbi0J7U9XdzRu+Y9D0/8k1+dRJfcXswtY3imoZ6jb1v/STwA9P8k/s2CIJdGPyhq8JxMmESbdfRaAp6KCDRVAp6SRCF6I9mUhCpIzSTtX2hfR/f1+KvI8EUgTfVdWdElHWFKdX0eawKpDisKmY1/wcaw7KJPBvHtKlce41t/x3fpjFuMudeZN1v8G4K855zD4Cvxde/sYVarigkAAA= */
 :root {
   --infinite-space-0: 0rem;
   --infinite-space-1: 0.125rem;
@@ -27,6 +27,18 @@
   --infinite-background: white;
   --infinite-min-height: 100px;
   --infinite-selection-checkbox-margin-inline: var(--infinite-space-2);
+  --infinite-menu-background: var(--infinite-background);
+  --infinite-menu-color: var(--infinite-cell-color);
+  --infinite-menu-padding: var(--infinite-space-3);
+  --infinite-menu-cell-padding-vertical: var(--infinite-space-3);
+  --infinite-menu-cell-padding-horizontal: var(--infinite-space-3);
+  --infinite-menu-cell-margin-vertical: var(--infinite-space-0);
+  --infinite-menu-item-disabled-background: var(--infinite-menu-background);
+  --infinite-menu-item-disabled-opacity: 0.5;
+  --infinite-menu-item-hover-background: var(--infinite-row-hover-background);
+  --infinite-menu-item-pressed-background: var(--infinite-row-hover-background);
+  --infinite-menu-item-hover-opacity: 0.95;
+  --infinite-menu-item-pressed-opacity: 1;
   --infinite-load-mask-text-background: rgba(255,255,255,0.8);
   --infinite-load-mask-overlay-background: gray;
   --infinite-load-mask-overlay-opacity: 0.3;
@@ -102,6 +114,18 @@
   --infinite-background: white;
   --infinite-min-height: 100px;
   --infinite-selection-checkbox-margin-inline: var(--infinite-space-2);
+  --infinite-menu-background: var(--infinite-background);
+  --infinite-menu-color: var(--infinite-cell-color);
+  --infinite-menu-padding: var(--infinite-space-3);
+  --infinite-menu-cell-padding-vertical: var(--infinite-space-3);
+  --infinite-menu-cell-padding-horizontal: var(--infinite-space-3);
+  --infinite-menu-cell-margin-vertical: var(--infinite-space-0);
+  --infinite-menu-item-disabled-background: var(--infinite-menu-background);
+  --infinite-menu-item-disabled-opacity: 0.5;
+  --infinite-menu-item-hover-background: var(--infinite-row-hover-background);
+  --infinite-menu-item-pressed-background: var(--infinite-row-hover-background);
+  --infinite-menu-item-hover-opacity: 0.95;
+  --infinite-menu-item-pressed-opacity: 1;
   --infinite-load-mask-text-background: rgba(255,255,255,0.8);
   --infinite-load-mask-overlay-background: gray;
   --infinite-load-mask-overlay-opacity: 0.3;
@@ -178,7 +202,7 @@
   }
 }
 
-/* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/utilities.css.ts.vanilla.css?source=#H4sIAAAAAAAAA5WV3W7bMAyF7/sUvhmQDVMRt13buJd7kEG2aZuNIrmSHCcd9u5jpKI1LfcnyI2R85GmSPnw8k9+q3Y5juvs70WWleYgHD6jbgt6tjVYQX89XPy7uHwFixIaY+HrvGw82C/j2Y8z0HNroYizqskD2BuHHo0uMgtKetwDg65mkCydUYPn0PUMch6r7ZEhNzOkwQPUjPgViAaVKrJqsBa0/22UsQy6nUB7aVdCoG5Qowchq4pCRHWK+c6C7kKQ89Zs4YPc9wz7cvZN7Lestq01g66LDHUHFj2jZKC8ldrRUHdFfKSGw3W9Wv+kH89anslXc94aT/Bqs66h5Wj9Dprfp2y8fdQyZ2xB40NNF4wRDSOoP8ICXTx+QdqX6YdwAXtqpSsybTTHujhdBYciy5mCEyUJewziMw2rTiO3M3HNVDVXubxLZK7rVOeAWQA40S8RHHlaRDhjP6nUfVap/7TSIRA1ul7JYxGGwfQ915MxjVwvlam2DDhwALVCDSLljoEbHF0lBwoqv/Cy58B0gG1HMj9IvmYiHfUb16Mzjlj7Lom9mmppaLRCb/ok8OZNScOi+Slo0mJvJ1IaeDdR5eANV+9fdoH3Zpck3jAxTR0tyy52sJxqaWg1ldOy6tevWTTKjME2hp3mECxDZC97sI5PO2/msDUjJ9oFYjlXdCGpsNWCrH9HTnXy/pnv5ZhitDvAVx3nojs9DrQUmyMtEMqk/XLK7TIainZeWr5ScvUBDppv1zxamaHzxuN3WNcwa7meMenkzIzYo8NSzRoYLS1IqNAf38GeEmypJvvyvSklqk7qFoq31cXJaHFjd1rXrpcVnGxhtLLnWDQ6Dwcv3s4BSmHv0BH6H5UshnQ2CgAA */
+/* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/utilities.css.ts.vanilla.css?source=#H4sIAAAAAAAAA5WW227bMAyG7/sUvhnQDXMRt1sP3uUeZFBk2mYjS6kkx0mHvfsYq1tMST0EuTHyf5Qokf7pq1/VrRoqnFbF74uiWJt96fAZdVfTs23AlvTXj4s/F1f/wXoNrbHwcV60HuyH8eLLGei5uVDEWdlUM7g1Dj0aXRcWlPC4AwZdR5BYO6NGz6GbCHIe5ebAkG8R0uIeGkZ8n4kWlaoLOVoL2v80ylgG3S6gnbCXZYm6RY0eSiElhZTyGPOZBd3NQYOwHdLOK6bdz5rz1mzgjX0fGPbhnUWohZCbzppRN3WBugeLnlHrmfJWaEcFH+rwSMWAm+Zy9ZV+fFV5Jt/EvDWe4MuHVQMdR+EVtLpP2XZm6cqcsTWVFjU1HyM6RjTQilHxo/eMoBssLVDb8vbCl96ZNyhhR5ft6kIbzbHH0BsK9nVRMWWzUJIwNYvPVM4mjRwikTePjlUum0Tm+jbVOfCUAThhcwRHXBbhjH8n0/G9THfvZjrNRINuq8ShnovB9D3XpaFiU50Zc+BMUspnrq+VkRtueStOdBa5CVUVB1Ar1FBmVrrOgsmxqpssl24cDHJ01OEOFEifOV8VPLIH7HofO1l1y0QqwSeuBxucsPF9Enu/1NLQYH/ebJNAcVLSsGBsCto0WbmQ0sBmoYrRG67+G4nemyFZuGViunTwJJu9wX6ppaG4lNO0Tv5DbWCm2c7GQXNok4fI9nZgXVRuFcPWTJwYMkR+reBVQmGnSxpaAznocWpFjl2ZFKOpB172nAve9TjSqG8P5cvbml/yKY/OSTsvLJ8IlX0DBx29NcHcDJ03HL/HpoHoyn3EpJUbI2KHDtcqusBgcbOECv3hFWxKsFxO+5f3TalS9kJ3UJ+GLieD50398UPDbYWEoy9MVmw5FqzPw96Xp3OAUrh1eDTRv6P1IEAMCwAA */
 ._16lm1iw0 {
   box-sizing: border-box;
 }
@@ -217,183 +241,201 @@
   fill: var(--infinite-accent-color);
 }
 ._16lm1iw7 {
-  stroke: currentColor;
+  margin: 0;
 }
 ._16lm1iw8 {
-  stroke: var(--infinite-accent-color);
+  stroke: currentColor;
 }
 ._16lm1iw9 {
-  background: inherit;
+  stroke: var(--infinite-accent-color);
 }
 ._16lm1iwa {
-  transform: translate3d(0, 0, 0);
+  background: inherit;
 }
 ._16lm1iwb {
   transform: translate3d(0, 0, 0);
 }
 ._16lm1iwc {
-  transform: rotate(90deg);
+  transform: translate3d(0, 0, 0);
 }
 ._16lm1iwd {
-  transform: rotate(180deg);
+  transform: rotate(90deg);
 }
 ._16lm1iwe {
-  cursor: pointer;
+  transform: rotate(180deg);
 }
 ._16lm1iwf {
-  cursor: col-resize;
+  cursor: pointer;
 }
 ._16lm1iwg {
-  pointer-events: none;
+  cursor: default;
 }
 ._16lm1iwh {
-  flex: 1;
+  cursor: col-resize;
 }
 ._16lm1iwi {
-  flex: none;
+  pointer-events: none;
 }
 ._16lm1iwj {
-  z-index: 1;
+  flex: 1;
 }
 ._16lm1iwk {
-  z-index: 10;
+  flex: none;
 }
 ._16lm1iwl {
-  z-index: 100;
+  z-index: 1;
 }
 ._16lm1iwm {
-  z-index: 1000;
+  z-index: 10;
 }
 ._16lm1iwn {
-  z-index: 10000;
+  z-index: 100;
 }
 ._16lm1iwo {
-  z-index: 100000;
+  z-index: 1000;
 }
 ._16lm1iwp {
-  z-index: 1000000;
+  z-index: 10000;
 }
 ._16lm1iwq {
-  z-index: 10000000;
+  z-index: 100000;
 }
 ._16lm1iwr {
-  z-index: 1000;
+  z-index: 1000000;
 }
 ._16lm1iws {
-  z-index: 10000;
+  z-index: 10000000;
 }
 ._16lm1iwt {
-  z-index: 100000;
+  z-index: 1000;
 }
 ._16lm1iwu {
-  display: flex;
+  z-index: 10000;
 }
 ._16lm1iwv {
-  display: none;
+  z-index: 100000;
 }
 ._16lm1iww {
-  display: block;
+  display: flex;
 }
 ._16lm1iwx {
-  display: inline-block;
+  display: contents;
 }
 ._16lm1iwy {
+  display: none;
+}
+._16lm1iwz {
+  display: block;
+}
+._16lm1iw10 {
+  display: grid;
+}
+._16lm1iw11 {
+  display: inline-block;
+}
+._16lm1iw12 {
+  display: inline-flex;
+}
+._16lm1iw13 {
+  display: inline-grid;
+}
+._16lm1iw14 {
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
 }
-._16lm1iwz {
+._16lm1iw15 {
   height: 0;
 }
-._16lm1iw10 {
+._16lm1iw16 {
   height: 100%;
 }
-._16lm1iw11 {
+._16lm1iw17 {
   width: 0;
 }
-._16lm1iw12 {
+._16lm1iw18 {
   width: 100%;
 }
-._16lm1iw13 {
+._16lm1iw19 {
   top: 0;
 }
-._16lm1iw14 {
+._16lm1iw1a {
   top: 100%;
 }
-._16lm1iw15 {
+._16lm1iw1b {
   left: 0;
 }
-._16lm1iw16 {
+._16lm1iw1c {
   left: 100%;
 }
-._16lm1iw17 {
+._16lm1iw1d {
   left: auto;
 }
-._16lm1iw18 {
+._16lm1iw1e {
   bottom: 0;
 }
-._16lm1iw19 {
+._16lm1iw1f {
   bottom: 100%;
 }
-._16lm1iw1a {
+._16lm1iw1g {
   right: 0;
 }
-._16lm1iw1b {
+._16lm1iw1h {
   right: 100%;
 }
-._16lm1iw1c {
+._16lm1iw1i {
   right: auto;
 }
-._16lm1iw1d {
+._16lm1iw1j {
   flex-flow: column;
 }
-._16lm1iw1e {
+._16lm1iw1k {
   flex-flow: column-reverse;
 }
-._16lm1iw1f {
+._16lm1iw1l {
   flex-flow: row;
 }
-._16lm1iw1g {
+._16lm1iw1m {
   flex-flow: row-reverse;
 }
-._16lm1iw1h {
+._16lm1iw1n {
   align-items: center;
 }
-._16lm1iw1i {
+._16lm1iw1o {
   align-items: stretch;
 }
-._16lm1iw1j {
+._16lm1iw1p {
   justify-content: center;
 }
-._16lm1iw1k {
+._16lm1iw1q {
   justify-content: flex-start;
 }
-._16lm1iw1l {
+._16lm1iw1r {
   justify-content: flex-end;
 }
-._16lm1iw1m {
+._16lm1iw1s {
   overflow: hidden;
 }
-._16lm1iw1n {
+._16lm1iw1t {
   overflow: auto;
 }
-._16lm1iw1o {
+._16lm1iw1u {
   overflow: visible;
 }
-._16lm1iw1p {
+._16lm1iw1v {
   visibility: visible;
 }
-._16lm1iw1q {
+._16lm1iw1w {
   visibility: hidden;
 }
-._16lm1iw1r {
+._16lm1iw1x {
   will-change: transform;
 }
-._16lm1iw1s {
+._16lm1iw1y {
   white-space: nowrap;
 }
-._16lm1iw1t {
+._16lm1iw1z {
   text-overflow: ellipsis;
 }
 
@@ -768,3 +810,48 @@
   background: var(--infinite-load-mask-text-background);
   border-radius: var(--infinite-load-mask-border-radius);
 }
+
+/* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/Menu/MenuCls.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+1VTXOCMBC9+ytylBljrU4Ppcf+knwBO4aEWYLWdvzvxYAFFDT20ks5QfL27Vv27exS8g3DZEW+ZoQUTEowaUx2DOeUgknAgFM0V6ai7WX0VgOF1RbHYf7KgzgT2xRtZeQ4sruv4cfZslGy7iuhXFuxnUiktD6LojuFDgTTPvH5EIwGowKiM4vwaY1r43OGKZi7uVvYIDW3KNX1n2HCwU5RtHvaIBZ3EXQP0mVTOC+gD4yi+4ylO2gVwuiBIYy+2QuCKZ/fZ/VgSnGKdwSbPoDlUf10PaCtRx0yUxYMlXE9l228y2zBBLjDeI/rl5xKKBnXStIWGmTsYeS4zV+8gCCmzNYWG9KESG/COt0/qVdxYkVVkvbztVHyb9w/Nu5kf+IEsHRUZKBlr1cUIc3cbZtfUWk2xqRV8iiRsW7eFxY1Jx1/FJTgkWJ4+MgUqMrycvZChuYcODI2ol+Qs0VMnosPUloNkogKT2LfT/J7RXHrnM1jsuptFR9ZrwtxabwbS408kfVgM7W8v6M5fgNIcGiK9AcAAA== */
+.db3arf0 {
+  padding: var(--infinite-menu-padding);
+  color: var(--infinite-menu-color);
+  background: var(--infinite-menu-background);
+}
+.db3arf2 {
+  padding-block: var(--infinite-menu-cell-padding-vertical);
+  padding-inline: var(--infinite-menu-cell-padding-horizontal);
+  margin-block: var(--infinite-menu-cell-margin-vertical);
+  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))));
+  border-color: transparent;
+}
+.db3arf3 {
+  opacity: var(--infinite-menu-item-disabled-opacity);
+  background: var(--infinite-menu-item-disabled-background);
+}
+.db3arf5 {
+  background: var(--infinite-menu-item-hover-background);
+  opacity: var(--infinite-menu-item-hover-opacity);
+}
+.db3arf0:focus .db3arf9 {
+  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))));
+}
+.db3arf0:focus .db3arf9:first-child {
+  border-right-color: transparent;
+}
+.db3arf0:focus .db3arf9:last-child {
+  border-left-color: transparent;
+}
+.db3arf0:focus .db3arf9:not(:first-child):not(:last-child) {
+  border-left-color: transparent;
+  border-right-color: transparent;
+}
+.db3arfb {
+  background: var(--infinite-menu-item-pressed-background);
+  opacity: var(--infinite-menu-item-pressed-opacity);
+}
+.db3arfc {
+  border-top: 1px solid currentColor;
+  border-bottom: 0;
+  margin-top: calc(var(--infinite-menu-cell-padding-vertical) / 2);
+  margin-bottom: calc(var(--infinite-menu-cell-padding-vertical) / 2);
+}

package/index.d.ts

@@ -77,28 +77,6 @@ declare class DeepMap<KeyType, ValueType> {
     private sortedIterator;
 }
 
-declare type ComponentStateContext<T_STATE, T_ACTIONS> = {
-    getComponentState: () => T_STATE;
-    componentState: T_STATE;
-    componentActions: T_ACTIONS;
-};
-declare type ComponentStateGeneratedActions<T_STATE> = {
-    [k in keyof T_STATE]: T_STATE[k] | React.SetStateAction<T_STATE[k]>;
-};
-declare type ComponentInterceptedActions<T_STATE> = {
-    [k in keyof T_STATE]?: (value: T_STATE[k], { actions, state, }: {
-        actions: ComponentStateGeneratedActions<T_STATE>;
-        state: T_STATE;
-    }) => void | boolean;
-};
-declare type ComponentMappedCallbacks<T_STATE> = {
-    [k in keyof T_STATE]: (value: T_STATE[k], state: T_STATE) => {
-        callbackName: string;
-        callbackParams: any[];
-    };
-};
-declare type ComponentStateActions<T_STATE> = ComponentStateGeneratedActions<T_STATE>;
-
 declare enum InfiniteTableActionType {
     SET_COLUMN_SIZE = 0,
     SET_SCROLL_POSITION = 1,
@@ -183,14 +161,15 @@ declare type InfiniteTableColumnHeaderParam<DATA_TYPE, COL_TYPE = InfiniteTableC
         selectionCheckBox?: Renderable;
     };
 };
+declare type InfiniteTableColumnRenderBag = {
+    value: string | number | Renderable;
+    groupIcon?: Renderable;
+    selectionCheckBox?: Renderable;
+};
 declare type InfiniteTableColumnRenderParamBase<DATA_TYPE, COL_TYPE = InfiniteTableComputedColumn<DATA_TYPE>> = {
     domRef: InfiniteTableCellProps<DATA_TYPE>['domRef'];
     value: string | number | Renderable;
-    renderBag: {
-        value: string | number | Renderable;
-        groupIcon?: Renderable;
-        selectionCheckBox?: Renderable;
-    };
+    renderBag: InfiniteTableColumnRenderBag;
     rowIndex: number;
     rowActive: boolean;
     api: InfiniteTableApi<DATA_TYPE>;
@@ -670,7 +649,7 @@ declare type RowSelectionStateConfig<T> = {
     onlyUsePrimaryKeys: boolean;
 };
 declare type GetRowSelectionStateConfig<T> = () => RowSelectionStateConfig<T>;
-declare type RowSelectionStateOverrideForTesting = {
+declare type RowSelectionStateOverride = {
     getGroupKeysForPrimaryKey: RowSelectionState<any>['getGroupKeysForPrimaryKey'];
     getGroupByLength: RowSelectionState<any>['getGroupByLength'];
     getGroupCount: RowSelectionState<any>['getGroupCount'];
@@ -696,8 +675,8 @@ declare class RowSelectionState<T = any> {
     getGroupKeysDirectlyInsideGroup(groupKeys: any[]): any[][];
     getAllPrimaryKeysInsideGroup(groupKeys: any[]): any[];
     getGroupByLength(): number;
-    static from<T>(rowSeleStateObject: RowSelectionStateObject, getConfig: GetRowSelectionStateConfig<T>, _forTestingOnly?: RowSelectionStateOverrideForTesting): RowSelectionState<T>;
-    constructor(state: RowSelectionStateObject | RowSelectionState, getConfig: GetRowSelectionStateConfig<T>, _forTestingOnly?: RowSelectionStateOverrideForTesting);
+    static from<T>(rowSeleStateObject: RowSelectionStateObject, getConfig: GetRowSelectionStateConfig<T>, overrides?: RowSelectionStateOverride): RowSelectionState<T>;
+    constructor(state: RowSelectionStateObject | RowSelectionState, getConfig: GetRowSelectionStateConfig<T>, _forTestingOnly?: RowSelectionStateOverride);
     mapSet: (name: 'selected' | 'deselected', key: any | any[]) => void;
     _selectedMapSet: (key: any | any[]) => void;
     _deselectedMapSet: (key: any | any[]) => void;
@@ -903,6 +882,28 @@ declare class ReactHeadlessTableRenderer extends Logger {
     reset(): void;
 }
 
+declare type ComponentStateContext<T_STATE, T_ACTIONS> = {
+    getComponentState: () => T_STATE;
+    componentState: T_STATE;
+    componentActions: T_ACTIONS;
+};
+declare type ComponentStateGeneratedActions<T_STATE> = {
+    [k in keyof T_STATE]: T_STATE[k] | React.SetStateAction<T_STATE[k]>;
+};
+declare type ComponentInterceptedActions<T_STATE> = {
+    [k in keyof T_STATE]?: (value: T_STATE[k], { actions, state, }: {
+        actions: ComponentStateGeneratedActions<T_STATE>;
+        state: T_STATE;
+    }) => void | boolean;
+};
+declare type ComponentMappedCallbacks<T_STATE> = {
+    [k in keyof T_STATE]: (value: T_STATE[k], state: T_STATE) => {
+        callbackName: string;
+        callbackParams: any[];
+    };
+};
+declare type ComponentStateActions<T_STATE> = ComponentStateGeneratedActions<T_STATE>;
+
 declare type CellPosition = {
     rowIndex: number;
     colIndex: number;
@@ -1053,6 +1054,13 @@ interface InfiniteTableContextValue<T> {
     getState: () => InfiniteTableState<T>;
 }
 
+declare type GroupKeyType$1<T extends any = any> = T;
+declare type GroupBy<DataType, KeyType> = {
+    field: keyof DataType;
+    toKey?: (value: any, data: DataType) => GroupKeyType$1<KeyType>;
+    column?: Partial<InfiniteTableGroupColumnBase<DataType>>;
+};
+
 declare type RenderRange = {
     renderStartIndex: number;
     renderEndIndex: number;
@@ -1659,11 +1667,6 @@ declare type DeepMapGroupValueType<DataType, KeyType> = {
     reducerResults: Record<string, AggregationReducerResult>;
     pivotDeepMap?: DeepMap<GroupKeyType<KeyType>, PivotGroupValueType<DataType, KeyType>>;
 };
-declare type GroupBy<DataType, KeyType> = {
-    field: keyof DataType;
-    toKey?: (value: any, data: DataType) => GroupKeyType<KeyType>;
-    column?: Partial<InfiniteTableGroupColumnBase<DataType>>;
-};
 declare type PivotBy<DataType, KeyType> = Omit<GroupBy<DataType, KeyType>, 'column'> & {
     column?: ColumnTypeWithInherit<Partial<InfiniteTableColumn<DataType>>> | (({ column, }: {
         column: InfiniteTablePivotFinalColumnVariant<DataType, KeyType>;
@@ -1972,6 +1975,77 @@ declare function debounce(fn: Function, { wait }: {
     wait: number;
 }): (...args: any[]) => void;
 
+/**
+
+We have this utility - it's used in Menu Renderable declaration
+because:
+
+type Renderable = React.ReactNode;
+
+const x: Renderable = <div />;
+const y: Renderable = {};
+
+we don't want to allow the above `y` as a valid declaration
+
+it breaks some types in the Menu component as well
+
+ */
+declare type RemoveObject<T> = T extends null | undefined ? T : T extends unknown ? keyof T extends never ? never : T : never;
+
+declare type MenuRenderable = string | number | RemoveObject<Renderable>;
+declare type MenuProps = {
+    items?: MenuItemDefinition[];
+    columns?: MenuColumn[];
+    children?: MenuRenderable;
+    addSubmenuColumnIfNeeded?: boolean;
+};
+declare type MenuSeparator = '-';
+declare type MenuItemDefinition = MenuItemObject | MenuDecoration | MenuSeparator;
+declare type MenuItemObject = {
+    key: string;
+    label: NonUndefined<MenuRenderable>;
+    span?: number;
+    description?: MenuRenderable;
+    disabled?: boolean;
+    menu?: Omit<MenuProps, 'children' | 'items'> & {
+        items: (MenuItemObject | MenuSeparator)[];
+    };
+    [k: string]: any;
+};
+declare type MenuDecoration = MenuRenderable;
+declare type MenuColumn = {
+    flex?: number;
+    width?: string | number;
+    style?: CSSProperties;
+    name: string;
+    field?: string;
+    render?: (param: MenuColumnRenderParam) => MenuRenderable;
+};
+declare type MenuColumnRenderParam = {
+    item: MenuItemObject;
+    column: MenuColumn;
+    value: MenuRenderable;
+    domProps: HTMLProps<HTMLDivElement>;
+};
+
+declare function Menu(props: MenuProps & HTMLProps<HTMLDivElement>): JSX.Element;
+declare namespace Menu {
+    var defaultProps: MenuProps;
+}
+declare function MenuItem(_props: {
+    key: MenuItemObject['key'];
+    span?: MenuItemObject['span'];
+    label?: MenuItemObject['label'];
+    children?: MenuItemObject['description'];
+    description?: MenuItemObject['description'];
+    __is_menu_item: boolean;
+}): null;
+declare namespace MenuItem {
+    var defaultProps: {
+        __is_menu_item: boolean;
+    };
+}
+
 declare type ForwardPropsToStateFnResult<TYPE_PROPS, TYPE_RESULT> = {
     [propName in keyof TYPE_PROPS & keyof TYPE_RESULT]: 1 | ((value: TYPE_PROPS[propName]) => TYPE_RESULT[propName]);
 };
@@ -2034,4 +2108,4 @@ declare const components: {
     LoadMask: (props: LoadMaskProps) => JSX.Element;
 };
 
-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, DataSourcePropCellSelection, DataSourcePropFilterFunction, DataSourcePropFilterTypes, DataSourcePropFilterValue, DataSourcePropGroupBy, DataSourcePropGroupRowsStateObject, DataSourcePropIsRowSelected, DataSourcePropLivePaginationCursor, DataSourcePropMultiRowSelectionChangeParamType, DataSourcePropOnCellSelectionChange, DataSourcePropOnRowSelectionChange, DataSourcePropOnRowSelectionChange_MultiRow, DataSourcePropOnRowSelectionChange_SingleRow, DataSourcePropPivotBy, DataSourcePropRowSelection, DataSourcePropRowSelection_MultiRow, DataSourcePropRowSelection_SingleRow, DataSourcePropSelectionMode, DataSourcePropSortInfo, DataSourcePropSortTypes, DataSourceProps, DataSourceReducer, DataSourceRemoteData, DataSourceSetupState, DataSourceSingleSortInfo, DataSourceSortInfo, DataSourceState, GroupRowsState, InfiniteTable, InfiniteTableAction, InfiniteTableActionType, InfiniteTableApi, InfiniteTableClassName, InfiniteTableColumn, InfiniteTableColumnAggregator, InfiniteTableColumnComparer, InfiniteTableColumnGroup, InfiniteTableColumnRenderFunctionForGroupRows, InfiniteTableColumnRenderFunctionForNormalRows, InfiniteTableColumnRenderParam, InfiniteTableColumnRenderValueParam, InfiniteTableColumnRowspanParam, InfiniteTableColumnSizingOptions, InfiniteTableColumnsMap, InfiniteTableComponent, InfiniteTableComputedColumn, InfiniteTableComputedValues, InfiniteTableContextValue, InfiniteTableFilterEditorProps, InfiniteTableGroupColumnBase, InfiniteTableGroupColumnFunction, InfiniteTableGroupColumnGetterOptions, InfiniteTablePivotColumn, InfiniteTablePropAutoSizeColumnsKey, InfiniteTablePropColumnGroups, InfiniteTablePropColumnOrder, InfiniteTablePropColumnPinning, InfiniteTablePropColumnSizing, InfiniteTablePropColumnTypes, InfiniteTablePropColumnVisibility, InfiniteTablePropColumns, InfiniteTablePropComponents, InfiniteTablePropFilterEditors, InfiniteTablePropGroupColumn, InfiniteTablePropGroupRenderStrategy, InfiniteTablePropHeaderOptions, InfiniteTablePropKeyboardNavigation, InfiniteTablePropRowClassName, InfiniteTablePropRowStyle, InfiniteTableProps, InfiniteTableRowClassNameFn, InfiniteTableRowInfo, InfiniteTableRowStyleFn, InfiniteTableState, LazyGroupDataDeepMap, LazyGroupDataItem, LazyRowInfoGroup, NumberFilterEditor, RowSelectionState, Scrollbars, StringFilterEditor, components, debounce, defaultFilterEditors, defaultFilterTypes, defaultFilterTypes as filterTypes, flatten, getComponentStateRoot, group, interceptMap, multisort, useComponentState, useDataSource, useEffectWithChanges, useInfiniteColumnCell, useInfiniteHeaderCell };
+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, DataSourcePropCellSelection, DataSourcePropFilterFunction, DataSourcePropFilterTypes, DataSourcePropFilterValue, DataSourcePropGroupBy, DataSourcePropGroupRowsStateObject, DataSourcePropIsRowSelected, DataSourcePropLivePaginationCursor, DataSourcePropMultiRowSelectionChangeParamType, DataSourcePropOnCellSelectionChange, DataSourcePropOnRowSelectionChange, DataSourcePropOnRowSelectionChange_MultiRow, DataSourcePropOnRowSelectionChange_SingleRow, DataSourcePropPivotBy, DataSourcePropRowSelection, DataSourcePropRowSelection_MultiRow, DataSourcePropRowSelection_SingleRow, DataSourcePropSelectionMode, DataSourcePropSortInfo, DataSourcePropSortTypes, DataSourceProps, DataSourceReducer, DataSourceRemoteData, DataSourceSetupState, DataSourceSingleSortInfo, DataSourceSortInfo, DataSourceState, GroupRowsState, InfiniteTable, InfiniteTableAction, InfiniteTableActionType, InfiniteTableApi, InfiniteTableClassName, InfiniteTableColumn, InfiniteTableColumnAggregator, InfiniteTableColumnComparer, InfiniteTableColumnGroup, InfiniteTableColumnRenderFunctionForGroupRows, InfiniteTableColumnRenderFunctionForNormalRows, InfiniteTableColumnRenderParam, InfiniteTableColumnRenderValueParam, InfiniteTableColumnRowspanParam, InfiniteTableColumnSizingOptions, InfiniteTableColumnsMap, InfiniteTableComponent, InfiniteTableComputedColumn, InfiniteTableComputedValues, InfiniteTableContextValue, InfiniteTableFilterEditorProps, InfiniteTableGroupColumnBase, InfiniteTableGroupColumnFunction, InfiniteTableGroupColumnGetterOptions, InfiniteTablePivotColumn, InfiniteTablePropAutoSizeColumnsKey, InfiniteTablePropColumnGroups, InfiniteTablePropColumnOrder, InfiniteTablePropColumnPinning, InfiniteTablePropColumnSizing, InfiniteTablePropColumnTypes, InfiniteTablePropColumnVisibility, InfiniteTablePropColumns, InfiniteTablePropComponents, InfiniteTablePropFilterEditors, InfiniteTablePropGroupColumn, InfiniteTablePropGroupRenderStrategy, InfiniteTablePropHeaderOptions, InfiniteTablePropKeyboardNavigation, InfiniteTablePropRowClassName, InfiniteTablePropRowStyle, InfiniteTableProps, InfiniteTableRowClassNameFn, InfiniteTableRowInfo, InfiniteTableRowStyleFn, InfiniteTableState, LazyGroupDataDeepMap, LazyGroupDataItem, LazyRowInfoGroup, Menu, MenuItem, MenuItemDefinition, MenuItemObject, MenuProps, NumberFilterEditor, RowSelectionState, Scrollbars, StringFilterEditor, components, debounce, defaultFilterEditors, defaultFilterTypes, defaultFilterTypes as filterTypes, flatten, getComponentStateRoot, group, interceptMap, multisort, useComponentState, useDataSource, useEffectWithChanges, useInfiniteColumnCell, useInfiniteHeaderCell };