@infinite-table/infinite-react 1.3.17 → 1.3.18

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 +1 -1
  2. package/index.d.ts +23 -13
  3. package/index.dev.js +157 -38
  4. package/index.dev.mjs +157 -37
  5. package/index.js +5 -5
  6. package/index.mjs +5 -5
  7. package/package.json +2 -2
package/index.css CHANGED
@@ -1 +1 @@
1
- :root{--infinite-icon-size: 24px;--infinite-space-0: 0rem;--infinite-space-1: .125rem;--infinite-space-2: .25rem;--infinite-space-3: .5rem;--infinite-space-4: .75rem;--infinite-space-5: 1rem;--infinite-space-6: 1.25rem;--infinite-space-7: 1.5rem;--infinite-space-8: 2.25rem;--infinite-space-9: 3rem;--infinite-space-10: 4rem;--infinite-font-size-0: .5rem;--infinite-font-size-1: .625rem;--infinite-font-size-2: .75rem;--infinite-font-size-3: .875rem;--infinite-font-size-4: 1rem;--infinite-font-size-5: 1.25rem;--infinite-font-size-6: 1.5rem;--infinite-font-size-7: 2.25rem;--infinite-font-family: inherit;--infinite-color: #484848;--infinite-accent-color: #ff7043;--infinite-error-color: #ff0000;--infinite-border-radius: var(--infinite-space-2);--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: .5;--infinite-menu-item-active-background: var(--infinite-row-hover-background);--infinite-menu-item-pressed-background: var(--infinite-row-hover-background);--infinite-menu-item-active-opacity: .9;--infinite-menu-item-pressed-opacity: 1;--infinite-menu-border-radius: var(--infinite-space-2);--infinite-menu-shadow-color: rgba(0,0,0,.25);--infinite-load-mask-text-background: rgba(255,255,255,.8);--infinite-load-mask-overlay-background: gray;--infinite-load-mask-overlay-opacity: .3;--infinite-load-mask-color: inherit;--infinite-load-mask-padding: var(--infinite-space-5);--infinite-load-mask-border-radius: var(--infinite-border-radius);--infinite-filter-operator-padding-x: var(--infinite-space-1);--infinite-filter-editor-padding-x: var(--infinite-space-2);--infinite-filter-editor-margin-x: var(--infinite-space-1);--infinite-filter-operator-padding-y: var(--infinite-space-0);--infinite-filter-editor-padding-y: var(--infinite-space-0);--infinite-filter-editor-margin-y: var(--infinite-space-1);--infinite-resize-handle-active-area-width: 16px;--infinite-resize-handle-width: 2px;--infinite-resize-handle-hover-background: #6bff6b;--infinite-resize-handle-constrained-hover-background: var(--infinite-error-color);--infinite-header-cell-background: #ededed;--infinite-header-cell-hover-background: #dfdfdf;--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-icon-size: 16px;--infinite-header-cell-menu-icon-line-width: 1px;--infinite-header-cell-sort-icon-margin: 16px;--infinite-header-background: var(--infinite-header-cell-background);--infinite-header-color: #6f6f6f;--infinite-column-header-height: 30px;--infinite-cell-color: currentColor;--infinite-cell-border-width: 1px;--infinite-cell-padding: var(--infinite-space-2) var(--infinite-space-3);--infinite-cell-border: var(--infinite-cell-border-width) solid #c6c6c6;--infinite-pinned-cell-border: var(--infinite-cell-border-width) solid #2a323d;--infinite-cell-border-invisible: none;--infinite-cell-border-radius: var(--infinite-space-2);--infinite-column-reorder-effect-duration: .2s;--infinite-active-cell-border-style: dashed;--infinite-active-cell-border-width: 1px;--infinite-active-cell-border-color--r: 77;--infinite-active-cell-border-color--g: 149;--infinite-active-cell-border-color--b: 215;--infinite-active-cell-background-alpha: .25;--infinite-active-cell-background-alpha--table-unfocused: .1;--infinite-row-background: var(--infinite-background);--infinite-row-odd-background: #f6f6f6;--infinite-row-selected-background: #d1e9ff;--infinite-row-selected-hover-background: #add8ff;--infinite-group-row-background: #cbc5c5;--infinite-group-row-column-nesting: 30px;--infinite-row-hover-background: #dbdbdb;--infinite-row-pointer-events-while-scrolling: auto}.light,.infinite-light,.light:root,.infinite-light:root{--infinite-icon-size: 24px;--infinite-space-0: 0rem;--infinite-space-1: .125rem;--infinite-space-2: .25rem;--infinite-space-3: .5rem;--infinite-space-4: .75rem;--infinite-space-5: 1rem;--infinite-space-6: 1.25rem;--infinite-space-7: 1.5rem;--infinite-space-8: 2.25rem;--infinite-space-9: 3rem;--infinite-space-10: 4rem;--infinite-font-size-0: .5rem;--infinite-font-size-1: .625rem;--infinite-font-size-2: .75rem;--infinite-font-size-3: .875rem;--infinite-font-size-4: 1rem;--infinite-font-size-5: 1.25rem;--infinite-font-size-6: 1.5rem;--infinite-font-size-7: 2.25rem;--infinite-font-family: inherit;--infinite-color: #484848;--infinite-accent-color: #ff7043;--infinite-error-color: #ff0000;--infinite-border-radius: var(--infinite-space-2);--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: .5;--infinite-menu-item-active-background: var(--infinite-row-hover-background);--infinite-menu-item-pressed-background: var(--infinite-row-hover-background);--infinite-menu-item-active-opacity: .9;--infinite-menu-item-pressed-opacity: 1;--infinite-menu-border-radius: var(--infinite-space-2);--infinite-menu-shadow-color: rgba(0,0,0,.25);--infinite-load-mask-text-background: rgba(255,255,255,.8);--infinite-load-mask-overlay-background: gray;--infinite-load-mask-overlay-opacity: .3;--infinite-load-mask-color: inherit;--infinite-load-mask-padding: var(--infinite-space-5);--infinite-load-mask-border-radius: var(--infinite-border-radius);--infinite-filter-operator-padding-x: var(--infinite-space-1);--infinite-filter-editor-padding-x: var(--infinite-space-2);--infinite-filter-editor-margin-x: var(--infinite-space-1);--infinite-filter-operator-padding-y: var(--infinite-space-0);--infinite-filter-editor-padding-y: var(--infinite-space-0);--infinite-filter-editor-margin-y: var(--infinite-space-1);--infinite-resize-handle-active-area-width: 16px;--infinite-resize-handle-width: 2px;--infinite-resize-handle-hover-background: #6bff6b;--infinite-resize-handle-constrained-hover-background: var(--infinite-error-color);--infinite-header-cell-background: #ededed;--infinite-header-cell-hover-background: #dfdfdf;--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-icon-size: 16px;--infinite-header-cell-menu-icon-line-width: 1px;--infinite-header-cell-sort-icon-margin: 16px;--infinite-header-background: var(--infinite-header-cell-background);--infinite-header-color: #6f6f6f;--infinite-column-header-height: 30px;--infinite-cell-color: currentColor;--infinite-cell-border-width: 1px;--infinite-cell-padding: var(--infinite-space-2) var(--infinite-space-3);--infinite-cell-border: var(--infinite-cell-border-width) solid #c6c6c6;--infinite-pinned-cell-border: var(--infinite-cell-border-width) solid #2a323d;--infinite-cell-border-invisible: none;--infinite-cell-border-radius: var(--infinite-space-2);--infinite-column-reorder-effect-duration: .2s;--infinite-active-cell-border-style: dashed;--infinite-active-cell-border-width: 1px;--infinite-active-cell-border-color--r: 77;--infinite-active-cell-border-color--g: 149;--infinite-active-cell-border-color--b: 215;--infinite-active-cell-background-alpha: .25;--infinite-active-cell-background-alpha--table-unfocused: .1;--infinite-row-background: var(--infinite-background);--infinite-row-odd-background: #f6f6f6;--infinite-row-selected-background: #d1e9ff;--infinite-row-selected-hover-background: #add8ff;--infinite-group-row-background: #cbc5c5;--infinite-group-row-column-nesting: 30px;--infinite-row-hover-background: #dbdbdb;--infinite-row-pointer-events-while-scrolling: auto}.dark,.infinite-dark{--infinite-icon-size: 24px;--infinite-background: #101419;--infinite-cell-border: 1px solid #2a323d;--infinite-header-color: #c3c3c3;--infinite-header-cell-background: #1b2129;--infinite-header-cell-hover-background: #222932;--infinite-header-background: var(--infinite-header-cell-background);--infinite-row-hover-background: #3b4754;--infinite-row-selected-background: #0a2e4f;--infinite-row-selected-hover-background: #0b243a;--infinite-row-background: var(--infinite-background);--infinite-row-odd-background: #242a31;--infinite-cell-color: #c3c3c3;--infinite-menu-shadow-color: rgba(255,255,255,.25);--infinite-menu-background: #101419;--infinite-menu-color: #c3c3c3;--infinite-menu-item-disabled-background: #101419;--infinite-menu-item-active-background: #3b4754;--infinite-menu-item-pressed-background: #3b4754}@media (prefers-color-scheme: dark){:root{--infinite-icon-size: 24px;--infinite-background: #101419;--infinite-cell-border: 1px solid #2a323d;--infinite-header-color: #c3c3c3;--infinite-header-cell-background: #1b2129;--infinite-header-cell-hover-background: #222932;--infinite-header-background: var(--infinite-header-cell-background);--infinite-row-hover-background: #3b4754;--infinite-row-selected-background: #0a2e4f;--infinite-row-selected-hover-background: #0b243a;--infinite-row-background: var(--infinite-background);--infinite-row-odd-background: #242a31;--infinite-cell-color: #c3c3c3;--infinite-menu-shadow-color: rgba(255,255,255,.25);--infinite-menu-background: #101419;--infinite-menu-color: #c3c3c3;--infinite-menu-item-disabled-background: #101419;--infinite-menu-item-active-background: #3b4754;--infinite-menu-item-pressed-background: #3b4754}}._16lm1iw0{box-sizing:border-box}._16lm1iw0:before{box-sizing:border-box}._16lm1iw0:after{box-sizing:border-box}._16lm1iw0 *{box-sizing:border-box}._16lm1iw0 *:before{box-sizing:border-box}._16lm1iw0 *:after{box-sizing:border-box}._16lm1iw1{position:relative}._16lm1iw2{position:absolute}._16lm1iw3{position:static}._16lm1iw4{position:sticky}._16lm1iw5{position:fixed}._16lm1iw6{fill:currentColor}._16lm1iw7{fill:var(--infinite-accent-color)}._16lm1iw8{margin:0}._16lm1iw9{stroke:currentColor}._16lm1iwa{stroke:var(--infinite-accent-color)}._16lm1iwb{background:inherit}._16lm1iwc{outline:none}._16lm1iwd,._16lm1iwe{transform:translateZ(0)}._16lm1iwf{transform:rotate(90deg)}._16lm1iwg{transform:rotate(180deg)}._16lm1iwh{cursor:pointer}._16lm1iwi{cursor:default}._16lm1iwj{cursor:col-resize}._16lm1iwk{pointer-events:none}._16lm1iwl{flex:1}._16lm1iwm{flex:none}._16lm1iwn{z-index:1}._16lm1iwo{z-index:10}._16lm1iwp{z-index:100}._16lm1iwq{z-index:1000}._16lm1iwr{z-index:10000}._16lm1iws{z-index:100000}._16lm1iwt{z-index:1000000}._16lm1iwu{z-index:10000000}._16lm1iwv{z-index:1000}._16lm1iww{z-index:10000}._16lm1iwx{z-index:100000}._16lm1iwy{display:flex}._16lm1iwz{display:contents}._16lm1iw10{display:none}._16lm1iw11{display:block}._16lm1iw12{display:grid}._16lm1iw13{display:inline-block}._16lm1iw14{display:inline-flex}._16lm1iw15{display:inline-grid}._16lm1iw16{-webkit-user-select:none;-moz-user-select:none;user-select:none}._16lm1iw17{height:0}._16lm1iw18{height:100%}._16lm1iw19{width:0}._16lm1iw1a{width:100%}._16lm1iw1b{top:0}._16lm1iw1c{top:100%}._16lm1iw1d{left:0}._16lm1iw1e{left:100%}._16lm1iw1f{left:auto}._16lm1iw1g{bottom:0}._16lm1iw1h{bottom:100%}._16lm1iw1i{right:0}._16lm1iw1j{right:100%}._16lm1iw1k{right:auto}._16lm1iw1l{flex-flow:column}._16lm1iw1m{flex-flow:column-reverse}._16lm1iw1n{flex-flow:row}._16lm1iw1o{flex-flow:row-reverse}._16lm1iw1p{align-items:center}._16lm1iw1q{align-items:stretch}._16lm1iw1r{justify-content:center}._16lm1iw1s{justify-content:space-between}._16lm1iw1t{justify-content:space-around}._16lm1iw1u{justify-content:flex-start}._16lm1iw1v{justify-content:flex-end}._16lm1iw1w{overflow:hidden}._16lm1iw1x{overflow:auto}._16lm1iw1y{overflow:visible}._16lm1iw1z{visibility:visible}._16lm1iw20{visibility:hidden}._16lm1iw21{will-change:transform}._16lm1iw22{white-space:nowrap}._16lm1iw23{text-overflow:ellipsis}.mlx2t2{display:inline-block}.mlx2t3{height:0;width:0;will-change:transform}._1ueijco0{backface-visibility:hidden;-webkit-overflow-scrolling:touch;outline:none;position:fixed;height:100%;width:100%;left:0;top:0}._1ueijco0>:first-child{position:sticky;top:0;left:0}._1ueijco1{overflow:auto}._1ueijco2{overflow:hidden}._1ueijco3{overflow:visible}._1ueijco4{overflow:auto}._1ueijco5{overflow:hidden}._1ueijco6{overflow-x:auto}._1ueijco7{overflow-x:hidden}._1ueijco8{overflow-x:visible}._1ueijco9{overflow-x:auto}._1ueijcoa{overflow-x:hidden}._1ueijcob{overflow-y:auto}._1ueijcoc{overflow-y:hidden}._1ueijcod{overflow-y:visible}._1ueijcoe{overflow-y:auto}._1ueijcof{overflow-y:hidden}.nxbq1c1{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))));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)))}.nxbq1c2{display:block}.nxbq1c3{display:none}.j26lrx0{--infinite-active-row-border-style: var(--infinite-active-row-border-style, var(--infinite-active-cell-border-style));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))));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)))))}.j26lrx1{display:block}.j26lrx2{display:none}._1yeub2v0{outline:none;font-family:var(--infinite-font-family);color:var(--infinite-color);background:var(--infinite-background);min-height:var(--infinite-min-height)}._1yeub2v1{--infinite-row-pointer-events-while-scrolling: none}._1yeub2ve{--infinite-active-cell-background-alpha: var(--infinite-active-cell-background-alpha--table-unfocused);--infinite-active-row-background-alpha: var(--infinite-active-row-background-alpha--table-unfocused, var(--infinite-active-cell-background-alpha--table-unfocused))}._1yeub2vi{border-right:var(--infinite-cell-border)}._1yeub2vj{border-left:var(--infinite-cell-border)}._1yeub2vl{-webkit-user-select:none;-moz-user-select:none;user-select:none}._1yeub2vp{transform:translate3d(-100%,0,0);border-right:var(--infinite-pinned-cell-border);bottom:var(--_1slvgu9m)}._1yeub2vq{left:var(--_1slvgu9f)}._1yeub2vn ._1yeub2vq{visibility:visible}._1yeub2vr{left:calc(var(--_1slvgu9h))}._1yeub2vo ._1yeub2vr{visibility:visible}._1eexc2a0{justify-content:center}._1eexc2a1{justify-content:flex-start}._1eexc2a2{justify-content:flex-start;flex-flow:row-reverse}._1eexc2a3{transition:left .3s}._1eexc2a4{transition:none}._1eexc2a5{padding:var(--infinite-cell-padding);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{margin-inline:var(--infinite-selection-checkbox-margin-inline)}._1eexc2a8{color:var(--infinite-cell-color)}._1eexc2ac{justify-content:flex-end}._1eexc2ae{align-items:flex-start}._1eexc2af{align-items:flex-end}._1eexc2ao{background:var(--infinite-row-background)}._1eexc2ap{background:var(--infinite-row-odd-background)}._1eexc2aq{background:var(--infinite-row-selected-background)}._1eexc2at{border-top-left-radius:var(--infinite-cell-border-radius);border-bottom-left-radius:var(--infinite-cell-border-radius)}._1eexc2av{border-top-right-radius:var(--infinite-cell-border-radius);border-bottom-right-radius:var(--infinite-cell-border-radius)}._1eexc2a1c{justify-content:center}._12zfob12,._12zfob13{margin-left:var(--infinite-header-cell-sort-icon-margin)}._12zfob14{margin-right:var(--infinite-header-cell-sort-icon-margin)}._12zfob15,._12zfob16{line-height:0;font-size:10px;border-radius:50%;padding:1px;position:absolute;transition:top .2s;top:0;right:2px}._12zfob17{background:var(--infinite-header-background);top:0;right:0;bottom:0}._12zfob18{background:var(--infinite-header-background);color:var(--infinite-header-color)}._12zfob1g{z-index:10}._12zfob1m{background:var(--infinite-header-cell-hover-background);color:var(--infinite-cell-color);opacity:.8;padding:var(--infinite-cell-padding);padding-left:20px;z-index:2000}._12zfob1n{border-left:var(--infinite-cell-border-width) solid transparent;border-right:var(--infinite-cell-border);background:var(--infinite-header-cell-background);padding:0}._12zfob1n:hover{background:var(--infinite-header-cell-hover-background)}._12zfob118{border-top-left-radius:var(--infinite-cell-border-radius);border-bottom-left-radius:var(--infinite-cell-border-radius)}._12zfob11a{border-top-right-radius:var(--infinite-cell-border-radius);border-bottom-right-radius:var(--infinite-cell-border-radius)}._12zfob11i{z-index:10}._1yeub2va ._12zfob11n{--infinite-cell-border: var(--infinite-cell-border-invisible)}._12zfob11p{border-right:var(--infinite-cell-border)}._12zfob11q{cursor:context-menu;-webkit-padding-before:2px;padding-block-start:2px;-webkit-padding-after:2px;padding-block-end:2px;min-width:var(--infinite-header-cell-icon-size);height:var(--infinite-header-cell-icon-size)}._12zfob11q:active{top:1px}._12zfob1n:hover ._12zfob11q{visibility:visible;display:flex}._12zfob11s{display:none}._12zfob11t{padding:var(--infinite-header-cell-padding)}._12zfob11w{align-items:flex-start}._12zfob11x{align-items:flex-end}._12zfob120{flex-direction:row-reverse}._12zfob121{justify-content:center}._12zfob122{background:var(--infinite-header-background)}._12zfob123{padding:var(--infinite-cell-padding);border-bottom:var(--infinite-cell-border);border-right:var(--infinite-cell-border);background:var(--infinite-header-cell-background)}._12zfob124{border-top:var(--infinite-cell-border);padding-block:var(--infinite-filter-editor-margin-y)}._12zfob125{padding-inline:var(--infinite-filter-operator-padding-x);padding-block:var(--infinite-filter-operator-padding-y)}._12zfob127{opacity:var(--infinite-menu-item-disabled-opacity);cursor:auto}._12zfob128:active{top:1px}._12zfob129{margin-inline:var(--infinite-filter-editor-margin-x);padding-inline:var(--infinite-filter-editor-padding-x);padding-block:var(--infinite-filter-editor-padding-y)}._6aunoi0{-webkit-padding-before:2px;padding-block-start:2px;-webkit-padding-after:2px;padding-block-end:2px;min-width:var(--infinite-header-cell-icon-size);height:var(--infinite-header-cell-icon-size)}._7pupv00{will-change:transform;position:absolute;top:0;left:0;pointer-events:var(--infinite-row-pointer-events-while-scrolling);--infinite-column-cell-bg-dont-override: var(--infinite-row-background)}._7pupv01{--infinite-row-background: var(--infinite-row-hover-background);--infinite-row-selected-background: var(--infinite-row-selected-hover-background);--infinite-row-odd-background: var(--infinite-row-hover-background)}._7pupv03{background:var(--infinite-row-background)}._7pupv04{background:var(--infinite-row-odd-background)}._7pupv05,._7pupv07{z-index:100}._7pupv0b,._7pupv0c{-webkit-padding-start:calc(var(--infinite-dont-override-group-row-nesting-length) * var(--infinite-group-row-column-nesting));padding-inline-start:calc(var(--infinite-dont-override-group-row-nesting-length) * var(--infinite-group-row-column-nesting))}._7pupv0d{-webkit-padding-end:calc(var(--infinite-dont-override-group-row-nesting-length) * var(--infinite-group-row-column-nesting));padding-inline-end:calc(var(--infinite-dont-override-group-row-nesting-length) * var(--infinite-group-row-column-nesting))}.qz8ht90[disabled]{opacity:.7}._1ek6mqy0{-webkit-padding-before:2px;padding-block-start:2px;-webkit-padding-after:2px;padding-block-end:2px;min-width:var(--infinite-header-cell-icon-size);height:var(--infinite-header-cell-icon-size)}.zneyzh0{transform:translate(50%);width:var(--infinite-resize-handle-active-area-width)}.zneyzh0:hover{overflow:visible}.zneyzh2{transform:translate(-50%)}.zneyzh8,.zneyzh9,.zneyzha{transform:none}.zneyzhb{right:calc((var(--infinite-resize-handle-active-area-width) - var(--infinite-resize-handle-width)) / 2);width:var(--infinite-resize-handle-width)}.zneyzh0:hover .zneyzhb{background:var(--infinite-resize-handle-hover-background)}.zneyzh0:hover .zneyzhd{background:var(--infinite-resize-handle-constrained-hover-background)}.qy58ya0{flex-flow:row;align-items:center;justify-content:center}.qy58ya1{display:flex}.qy58ya2{display:none}.qy58ya3{background:var(--infinite-load-mask-overlay-background);opacity:var(--infinite-load-mask-overlay-opacity)}.qy58ya4{position:relative;padding:var(--infinite-load-mask-padding);color:var(--infinite-load-mask-color);background:var(--infinite-load-mask-text-background);border-radius:var(--infinite-load-mask-border-radius)}.db3arf0{padding:var(--infinite-menu-padding);color:var(--infinite-menu-color);background:var(--infinite-menu-background);border-radius:var(--infinite-menu-border-radius);outline:none;box-shadow:0 6px 12px -2px var(--infinite-menu-shadow-color),0 3px 7px -3px var(--infinite-menu-background)}.db3arf1{display:contents}.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)}.db3arf0:focus-within>.db3arf1>.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-within>.db3arf1>.db3arf9:first-child:last-child{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-within>.db3arf1>.db3arf9:first-child{border-right-color:transparent}.db3arf0:focus-within>.db3arf1>.db3arf9:last-child{border-left-color:transparent}.db3arf0:focus-within>.db3arf1>.db3arf9:not(:first-child):not(:last-child){border-left-color:transparent;border-right-color:transparent}.db3arfb{background:var(--infinite-menu-item-active-background);opacity:var(--infinite-menu-item-active-opacity)}.db3arfc{background:var(--infinite-menu-item-pressed-background);opacity:var(--infinite-menu-item-pressed-opacity)}.db3arfd{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)}
1
+ :root{--infinite-icon-size: 24px;--infinite-space-0: 0rem;--infinite-space-1: .125rem;--infinite-space-2: .25rem;--infinite-space-3: .5rem;--infinite-space-4: .75rem;--infinite-space-5: 1rem;--infinite-space-6: 1.25rem;--infinite-space-7: 1.5rem;--infinite-space-8: 2.25rem;--infinite-space-9: 3rem;--infinite-space-10: 4rem;--infinite-font-size-0: .5rem;--infinite-font-size-1: .625rem;--infinite-font-size-2: .75rem;--infinite-font-size-3: .875rem;--infinite-font-size-4: 1rem;--infinite-font-size-5: 1.25rem;--infinite-font-size-6: 1.5rem;--infinite-font-size-7: 2.25rem;--infinite-font-family: inherit;--infinite-color: #484848;--infinite-accent-color: #ff7043;--infinite-error-color: #ff0000;--infinite-border-radius: var(--infinite-space-2);--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: .5;--infinite-menu-item-active-background: var(--infinite-row-hover-background);--infinite-menu-item-pressed-background: var(--infinite-row-hover-background);--infinite-menu-item-active-opacity: .9;--infinite-menu-item-pressed-opacity: 1;--infinite-menu-border-radius: var(--infinite-space-2);--infinite-menu-shadow-color: rgba(0,0,0,.25);--infinite-load-mask-text-background: rgba(255,255,255,.8);--infinite-load-mask-overlay-background: gray;--infinite-load-mask-overlay-opacity: .3;--infinite-load-mask-color: inherit;--infinite-load-mask-padding: var(--infinite-space-5);--infinite-load-mask-border-radius: var(--infinite-border-radius);--infinite-filter-operator-padding-x: var(--infinite-space-1);--infinite-filter-editor-padding-x: var(--infinite-space-2);--infinite-filter-editor-margin-x: var(--infinite-space-1);--infinite-filter-operator-padding-y: var(--infinite-space-0);--infinite-filter-editor-padding-y: var(--infinite-space-0);--infinite-filter-editor-margin-y: var(--infinite-space-1);--infinite-resize-handle-active-area-width: 16px;--infinite-resize-handle-width: 2px;--infinite-resize-handle-hover-background: #6bff6b;--infinite-resize-handle-constrained-hover-background: var(--infinite-error-color);--infinite-header-cell-background: #ededed;--infinite-header-cell-hover-background: #dfdfdf;--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-icon-size: 16px;--infinite-header-cell-menu-icon-line-width: 1px;--infinite-header-cell-sort-icon-margin: 16px;--infinite-header-background: var(--infinite-header-cell-background);--infinite-header-color: #6f6f6f;--infinite-column-header-height: 30px;--infinite-cell-color: currentColor;--infinite-cell-border-width: 1px;--infinite-cell-padding: var(--infinite-space-2) var(--infinite-space-3);--infinite-cell-border: var(--infinite-cell-border-width) solid #c6c6c6;--infinite-pinned-cell-border: var(--infinite-cell-border-width) solid #2a323d;--infinite-cell-border-invisible: none;--infinite-cell-border-radius: var(--infinite-space-2);--infinite-column-reorder-effect-duration: .2s;--infinite-active-cell-border-style: dashed;--infinite-active-cell-border-width: 1px;--infinite-active-cell-border-color--r: 77;--infinite-active-cell-border-color--g: 149;--infinite-active-cell-border-color--b: 215;--infinite-active-cell-background-alpha: .25;--infinite-active-cell-background-alpha--table-unfocused: .1;--infinite-row-background: var(--infinite-background);--infinite-row-odd-background: #f6f6f6;--infinite-row-selected-background: #d1e9ff;--infinite-row-selected-hover-background: #add8ff;--infinite-group-row-background: #cbc5c5;--infinite-group-row-column-nesting: 30px;--infinite-row-hover-background: #dbdbdb;--infinite-row-pointer-events-while-scrolling: auto}.light,.infinite-light,.light:root,.infinite-light:root{--infinite-icon-size: 24px;--infinite-space-0: 0rem;--infinite-space-1: .125rem;--infinite-space-2: .25rem;--infinite-space-3: .5rem;--infinite-space-4: .75rem;--infinite-space-5: 1rem;--infinite-space-6: 1.25rem;--infinite-space-7: 1.5rem;--infinite-space-8: 2.25rem;--infinite-space-9: 3rem;--infinite-space-10: 4rem;--infinite-font-size-0: .5rem;--infinite-font-size-1: .625rem;--infinite-font-size-2: .75rem;--infinite-font-size-3: .875rem;--infinite-font-size-4: 1rem;--infinite-font-size-5: 1.25rem;--infinite-font-size-6: 1.5rem;--infinite-font-size-7: 2.25rem;--infinite-font-family: inherit;--infinite-color: #484848;--infinite-accent-color: #ff7043;--infinite-error-color: #ff0000;--infinite-border-radius: var(--infinite-space-2);--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: .5;--infinite-menu-item-active-background: var(--infinite-row-hover-background);--infinite-menu-item-pressed-background: var(--infinite-row-hover-background);--infinite-menu-item-active-opacity: .9;--infinite-menu-item-pressed-opacity: 1;--infinite-menu-border-radius: var(--infinite-space-2);--infinite-menu-shadow-color: rgba(0,0,0,.25);--infinite-load-mask-text-background: rgba(255,255,255,.8);--infinite-load-mask-overlay-background: gray;--infinite-load-mask-overlay-opacity: .3;--infinite-load-mask-color: inherit;--infinite-load-mask-padding: var(--infinite-space-5);--infinite-load-mask-border-radius: var(--infinite-border-radius);--infinite-filter-operator-padding-x: var(--infinite-space-1);--infinite-filter-editor-padding-x: var(--infinite-space-2);--infinite-filter-editor-margin-x: var(--infinite-space-1);--infinite-filter-operator-padding-y: var(--infinite-space-0);--infinite-filter-editor-padding-y: var(--infinite-space-0);--infinite-filter-editor-margin-y: var(--infinite-space-1);--infinite-resize-handle-active-area-width: 16px;--infinite-resize-handle-width: 2px;--infinite-resize-handle-hover-background: #6bff6b;--infinite-resize-handle-constrained-hover-background: var(--infinite-error-color);--infinite-header-cell-background: #ededed;--infinite-header-cell-hover-background: #dfdfdf;--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-icon-size: 16px;--infinite-header-cell-menu-icon-line-width: 1px;--infinite-header-cell-sort-icon-margin: 16px;--infinite-header-background: var(--infinite-header-cell-background);--infinite-header-color: #6f6f6f;--infinite-column-header-height: 30px;--infinite-cell-color: currentColor;--infinite-cell-border-width: 1px;--infinite-cell-padding: var(--infinite-space-2) var(--infinite-space-3);--infinite-cell-border: var(--infinite-cell-border-width) solid #c6c6c6;--infinite-pinned-cell-border: var(--infinite-cell-border-width) solid #2a323d;--infinite-cell-border-invisible: none;--infinite-cell-border-radius: var(--infinite-space-2);--infinite-column-reorder-effect-duration: .2s;--infinite-active-cell-border-style: dashed;--infinite-active-cell-border-width: 1px;--infinite-active-cell-border-color--r: 77;--infinite-active-cell-border-color--g: 149;--infinite-active-cell-border-color--b: 215;--infinite-active-cell-background-alpha: .25;--infinite-active-cell-background-alpha--table-unfocused: .1;--infinite-row-background: var(--infinite-background);--infinite-row-odd-background: #f6f6f6;--infinite-row-selected-background: #d1e9ff;--infinite-row-selected-hover-background: #add8ff;--infinite-group-row-background: #cbc5c5;--infinite-group-row-column-nesting: 30px;--infinite-row-hover-background: #dbdbdb;--infinite-row-pointer-events-while-scrolling: auto}.dark,.infinite-dark{--infinite-icon-size: 24px;--infinite-background: #101419;--infinite-cell-border: 1px solid #2a323d;--infinite-header-color: #c3c3c3;--infinite-header-cell-background: #1b2129;--infinite-header-cell-hover-background: #222932;--infinite-header-background: var(--infinite-header-cell-background);--infinite-row-hover-background: #3b4754;--infinite-row-selected-background: #0a2e4f;--infinite-row-selected-hover-background: #0b243a;--infinite-row-background: var(--infinite-background);--infinite-row-odd-background: #242a31;--infinite-cell-color: #c3c3c3;--infinite-menu-shadow-color: rgba(255,255,255,.25);--infinite-menu-background: #101419;--infinite-menu-color: #c3c3c3;--infinite-menu-item-disabled-background: #101419;--infinite-menu-item-active-background: #3b4754;--infinite-menu-item-pressed-background: #3b4754}@media (prefers-color-scheme: dark){:root{--infinite-icon-size: 24px;--infinite-background: #101419;--infinite-cell-border: 1px solid #2a323d;--infinite-header-color: #c3c3c3;--infinite-header-cell-background: #1b2129;--infinite-header-cell-hover-background: #222932;--infinite-header-background: var(--infinite-header-cell-background);--infinite-row-hover-background: #3b4754;--infinite-row-selected-background: #0a2e4f;--infinite-row-selected-hover-background: #0b243a;--infinite-row-background: var(--infinite-background);--infinite-row-odd-background: #242a31;--infinite-cell-color: #c3c3c3;--infinite-menu-shadow-color: rgba(255,255,255,.25);--infinite-menu-background: #101419;--infinite-menu-color: #c3c3c3;--infinite-menu-item-disabled-background: #101419;--infinite-menu-item-active-background: #3b4754;--infinite-menu-item-pressed-background: #3b4754}}._16lm1iw0{box-sizing:border-box}._16lm1iw0:before{box-sizing:border-box}._16lm1iw0:after{box-sizing:border-box}._16lm1iw0 *{box-sizing:border-box}._16lm1iw0 *:before{box-sizing:border-box}._16lm1iw0 *:after{box-sizing:border-box}._16lm1iw1{position:relative}._16lm1iw2{position:absolute}._16lm1iw3{position:static}._16lm1iw4{position:sticky}._16lm1iw5{position:fixed}._16lm1iw6{fill:currentColor}._16lm1iw7{fill:var(--infinite-accent-color)}._16lm1iw8{margin:0}._16lm1iw9{stroke:currentColor}._16lm1iwa{stroke:var(--infinite-accent-color)}._16lm1iwb{background:inherit}._16lm1iwc{outline:none}._16lm1iwd,._16lm1iwe{transform:translateZ(0)}._16lm1iwf{transform:rotate(90deg)}._16lm1iwg{transform:rotate(180deg)}._16lm1iwh{cursor:pointer}._16lm1iwi{cursor:default}._16lm1iwj{cursor:col-resize}._16lm1iwk{pointer-events:none}._16lm1iwl{flex:1}._16lm1iwm{flex:none}._16lm1iwn{z-index:1}._16lm1iwo{z-index:10}._16lm1iwp{z-index:100}._16lm1iwq{z-index:1000}._16lm1iwr{z-index:10000}._16lm1iws{z-index:100000}._16lm1iwt{z-index:1000000}._16lm1iwu{z-index:10000000}._16lm1iwv{z-index:1000}._16lm1iww{z-index:10000}._16lm1iwx{z-index:100000}._16lm1iwy{display:flex}._16lm1iwz{display:contents}._16lm1iw10{display:none}._16lm1iw11{display:block}._16lm1iw12{display:grid}._16lm1iw13{display:inline-block}._16lm1iw14{display:inline-flex}._16lm1iw15{display:inline-grid}._16lm1iw16{-webkit-user-select:none;-moz-user-select:none;user-select:none}._16lm1iw17{height:0}._16lm1iw18{height:100%}._16lm1iw19{width:0}._16lm1iw1a{width:100%}._16lm1iw1b{top:0}._16lm1iw1c{top:100%}._16lm1iw1d{left:0}._16lm1iw1e{left:100%}._16lm1iw1f{left:auto}._16lm1iw1g{bottom:0}._16lm1iw1h{bottom:100%}._16lm1iw1i{right:0}._16lm1iw1j{right:100%}._16lm1iw1k{right:auto}._16lm1iw1l{flex-flow:column}._16lm1iw1m{flex-flow:column-reverse}._16lm1iw1n{flex-flow:row}._16lm1iw1o{flex-flow:row-reverse}._16lm1iw1p{align-items:center}._16lm1iw1q{align-items:stretch}._16lm1iw1r{justify-content:center}._16lm1iw1s{justify-content:space-between}._16lm1iw1t{justify-content:space-around}._16lm1iw1u{justify-content:flex-start}._16lm1iw1v{justify-content:flex-end}._16lm1iw1w{overflow:hidden}._16lm1iw1x{overflow:auto}._16lm1iw1y{overflow:visible}._16lm1iw1z{visibility:visible}._16lm1iw20{visibility:hidden}._16lm1iw21{will-change:transform}._16lm1iw22{white-space:nowrap}._16lm1iw23{text-overflow:ellipsis}.mlx2t2{display:inline-block}.mlx2t3{height:0;width:0;will-change:transform}._1ueijco0{backface-visibility:hidden;-webkit-overflow-scrolling:touch;outline:none;position:fixed;height:100%;width:100%;left:0;top:0}._1ueijco0>:first-child{position:sticky;top:0;left:0}._1ueijco1{overflow:auto}._1ueijco2{overflow:hidden}._1ueijco3{overflow:visible}._1ueijco4{overflow:auto}._1ueijco5{overflow:hidden}._1ueijco6{overflow-x:auto}._1ueijco7{overflow-x:hidden}._1ueijco8{overflow-x:visible}._1ueijco9{overflow-x:auto}._1ueijcoa{overflow-x:hidden}._1ueijcob{overflow-y:auto}._1ueijcoc{overflow-y:hidden}._1ueijcod{overflow-y:visible}._1ueijcoe{overflow-y:auto}._1ueijcof{overflow-y:hidden}.nxbq1c1{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))));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)))}.nxbq1c2{display:block}.nxbq1c3{display:none}.j26lrx0{--infinite-active-row-border-style: var(--infinite-active-row-border-style, var(--infinite-active-cell-border-style));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))));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)))))}.j26lrx1{display:block}.j26lrx2{display:none}._1yeub2v0{outline:none;font-family:var(--infinite-font-family);color:var(--infinite-color);background:var(--infinite-background);min-height:var(--infinite-min-height)}._1yeub2v1{--infinite-row-pointer-events-while-scrolling: none}._1yeub2ve{--infinite-active-cell-background-alpha: var(--infinite-active-cell-background-alpha--table-unfocused);--infinite-active-row-background-alpha: var(--infinite-active-row-background-alpha--table-unfocused, var(--infinite-active-cell-background-alpha--table-unfocused))}._1yeub2vi{border-right:var(--infinite-cell-border)}._1yeub2vj{border-left:var(--infinite-cell-border)}._1yeub2vl{-webkit-user-select:none;-moz-user-select:none;user-select:none}._1yeub2vp{transform:translate3d(-100%,0,0);border-right:var(--infinite-pinned-cell-border);bottom:var(--_1slvgu9m)}._1yeub2vq{left:var(--_1slvgu9f)}._1yeub2vn ._1yeub2vq{visibility:visible}._1yeub2vr{left:calc(var(--_1slvgu9h))}._1yeub2vo ._1yeub2vr{visibility:visible}._1eexc2a0{justify-content:center}._1eexc2a1{justify-content:flex-start}._1eexc2a2{justify-content:flex-start;flex-flow:row-reverse}._1eexc2a3{transition:left .3s}._1eexc2a4{transition:none}._1eexc2a5{padding:var(--infinite-cell-padding);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{margin-inline:var(--infinite-selection-checkbox-margin-inline)}._1eexc2a8{color:var(--infinite-cell-color)}._1eexc2ac{justify-content:flex-end}._1eexc2ae{align-items:flex-start}._1eexc2af{align-items:flex-end}._1eexc2ao{background:var(--infinite-row-background)}._1eexc2ap{background:var(--infinite-row-odd-background)}._1eexc2aq{background:var(--infinite-row-selected-background)}._1eexc2at{border-top-left-radius:var(--infinite-cell-border-radius);border-bottom-left-radius:var(--infinite-cell-border-radius)}._1eexc2av{border-top-right-radius:var(--infinite-cell-border-radius);border-bottom-right-radius:var(--infinite-cell-border-radius)}._1eexc2a1c{justify-content:center}._12zfob12,._12zfob13{margin-left:var(--infinite-header-cell-sort-icon-margin)}._12zfob14{margin-right:var(--infinite-header-cell-sort-icon-margin)}._12zfob15,._12zfob16{line-height:0;font-size:10px;border-radius:50%;padding:1px;position:absolute;transition:top .2s;top:0;right:2px}._12zfob17{background:var(--infinite-header-background);top:0;right:0;bottom:0}._12zfob18{background:var(--infinite-header-background);color:var(--infinite-header-color)}._12zfob1g{z-index:10}._12zfob1m{background:var(--infinite-header-cell-hover-background);color:var(--infinite-cell-color);opacity:.8;padding:var(--infinite-cell-padding);padding-left:20px;z-index:2000}._12zfob1n{border-left:var(--infinite-cell-border-width) solid transparent;border-right:var(--infinite-cell-border);background:var(--infinite-header-cell-background);padding:0}._12zfob1n:hover{background:var(--infinite-header-cell-hover-background)}._12zfob118{border-top-left-radius:var(--infinite-cell-border-radius);border-bottom-left-radius:var(--infinite-cell-border-radius)}._12zfob11a{border-top-right-radius:var(--infinite-cell-border-radius);border-bottom-right-radius:var(--infinite-cell-border-radius)}._12zfob11i{z-index:10}._1yeub2va ._12zfob11n{--infinite-cell-border: var(--infinite-cell-border-invisible)}._12zfob11p{border-right:var(--infinite-cell-border)}._12zfob11q{cursor:context-menu;-webkit-padding-before:2px;padding-block-start:2px;-webkit-padding-after:2px;padding-block-end:2px;min-width:var(--infinite-header-cell-icon-size);height:var(--infinite-header-cell-icon-size)}._12zfob11q:active{top:1px}._12zfob1n:hover ._12zfob11q,._12zfob11r{visibility:visible;display:flex}._12zfob11t{display:none}._12zfob11u{visibility:visible;display:flex}._12zfob11v{padding:var(--infinite-header-cell-padding)}._12zfob11y{align-items:flex-start}._12zfob11z{align-items:flex-end}._12zfob122{flex-direction:row-reverse}._12zfob123{justify-content:center}._12zfob124{background:var(--infinite-header-background)}._12zfob125{padding:var(--infinite-cell-padding);border-bottom:var(--infinite-cell-border);border-right:var(--infinite-cell-border);background:var(--infinite-header-cell-background)}._12zfob126{border-top:var(--infinite-cell-border);padding-block:var(--infinite-filter-editor-margin-y)}._12zfob127{padding-inline:var(--infinite-filter-operator-padding-x);padding-block:var(--infinite-filter-operator-padding-y)}._12zfob129{opacity:var(--infinite-menu-item-disabled-opacity);cursor:auto}._12zfob12a:active{top:1px}._12zfob12b{margin-inline:var(--infinite-filter-editor-margin-x);padding-inline:var(--infinite-filter-editor-padding-x);padding-block:var(--infinite-filter-editor-padding-y)}._6aunoi0{-webkit-padding-before:2px;padding-block-start:2px;-webkit-padding-after:2px;padding-block-end:2px;min-width:var(--infinite-header-cell-icon-size);height:var(--infinite-header-cell-icon-size)}._7pupv00{will-change:transform;position:absolute;top:0;left:0;pointer-events:var(--infinite-row-pointer-events-while-scrolling);--infinite-column-cell-bg-dont-override: var(--infinite-row-background)}._7pupv01{--infinite-row-background: var(--infinite-row-hover-background);--infinite-row-selected-background: var(--infinite-row-selected-hover-background);--infinite-row-odd-background: var(--infinite-row-hover-background)}._7pupv03{background:var(--infinite-row-background)}._7pupv04{background:var(--infinite-row-odd-background)}._7pupv05,._7pupv07{z-index:100}._7pupv0b,._7pupv0c{-webkit-padding-start:calc(var(--infinite-dont-override-group-row-nesting-length) * var(--infinite-group-row-column-nesting));padding-inline-start:calc(var(--infinite-dont-override-group-row-nesting-length) * var(--infinite-group-row-column-nesting))}._7pupv0d{-webkit-padding-end:calc(var(--infinite-dont-override-group-row-nesting-length) * var(--infinite-group-row-column-nesting));padding-inline-end:calc(var(--infinite-dont-override-group-row-nesting-length) * var(--infinite-group-row-column-nesting))}.qz8ht90[disabled]{opacity:.7}._1ek6mqy0{-webkit-padding-before:2px;padding-block-start:2px;-webkit-padding-after:2px;padding-block-end:2px;min-width:var(--infinite-header-cell-icon-size);height:var(--infinite-header-cell-icon-size)}.zneyzh0{transform:translate(50%);width:var(--infinite-resize-handle-active-area-width)}.zneyzh0:hover{overflow:visible}.zneyzh2{transform:translate(-50%)}.zneyzh8,.zneyzh9,.zneyzha{transform:none}.zneyzhb{right:calc((var(--infinite-resize-handle-active-area-width) - var(--infinite-resize-handle-width)) / 2);width:var(--infinite-resize-handle-width)}.zneyzh0:hover .zneyzhb{background:var(--infinite-resize-handle-hover-background)}.zneyzh0:hover .zneyzhd{background:var(--infinite-resize-handle-constrained-hover-background)}.qy58ya0{flex-flow:row;align-items:center;justify-content:center}.qy58ya1{display:flex}.qy58ya2{display:none}.qy58ya3{background:var(--infinite-load-mask-overlay-background);opacity:var(--infinite-load-mask-overlay-opacity)}.qy58ya4{position:relative;padding:var(--infinite-load-mask-padding);color:var(--infinite-load-mask-color);background:var(--infinite-load-mask-text-background);border-radius:var(--infinite-load-mask-border-radius)}.db3arf0{padding:var(--infinite-menu-padding);color:var(--infinite-menu-color);background:var(--infinite-menu-background);border-radius:var(--infinite-menu-border-radius);outline:none;box-shadow:0 6px 12px -2px var(--infinite-menu-shadow-color),0 3px 7px -3px var(--infinite-menu-background)}.db3arf1{display:contents}.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)}.db3arf0:focus-within>.db3arf1>.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-within>.db3arf1>.db3arf9:first-child:last-child{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-within>.db3arf1>.db3arf9:first-child{border-right-color:transparent}.db3arf0:focus-within>.db3arf1>.db3arf9:last-child{border-left-color:transparent}.db3arf0:focus-within>.db3arf1>.db3arf9:not(:first-child):not(:last-child){border-left-color:transparent;border-right-color:transparent}.db3arfb{background:var(--infinite-menu-item-active-background);opacity:var(--infinite-menu-item-active-opacity)}.db3arfc{background:var(--infinite-menu-item-pressed-background);opacity:var(--infinite-menu-item-pressed-opacity)}.db3arfd{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 CHANGED
@@ -96,6 +96,18 @@ declare type InfiniteTableAction = {
96
96
 
97
97
  declare type Renderable = React$1.ReactNode | JSX.Element;
98
98
 
99
+ declare type MenuIconProps = {
100
+ lineWidth?: number;
101
+ lineStyle?: React$1.CSSProperties;
102
+ style?: React$1.CSSProperties;
103
+ className?: string;
104
+ domProps?: React$1.HTMLAttributes<HTMLDivElement>;
105
+ reserveSpaceWhenHidden?: boolean;
106
+ menuVisible?: boolean;
107
+ children?: React$1.ReactNode;
108
+ };
109
+ declare function MenuIcon(props: MenuIconProps): React$1.JSX.Element;
110
+
99
111
  declare function useInfiniteHeaderCell<T>(): {
100
112
  dragging: boolean;
101
113
  column: InfiniteTableComputedColumn<T>;
@@ -113,6 +125,7 @@ declare function useInfiniteHeaderCell<T>(): {
113
125
  header: Renderable;
114
126
  sortIcon?: Renderable;
115
127
  menuIcon?: Renderable;
128
+ menuIconProps?: MenuIconProps | undefined;
116
129
  filterIcon?: Renderable;
117
130
  selectionCheckBox?: Renderable;
118
131
  };
@@ -231,17 +244,6 @@ declare type Prettify<T> = {
231
244
  [K in keyof T]: T[K];
232
245
  } & {};
233
246
 
234
- declare type MenuIconProps = {
235
- lineWidth?: number;
236
- lineStyle?: React$1.CSSProperties;
237
- style?: React$1.CSSProperties;
238
- className?: string;
239
- domProps?: React$1.HTMLAttributes<HTMLDivElement>;
240
- reserveSpaceWhenHidden?: boolean;
241
- children?: React$1.ReactNode;
242
- };
243
- declare function MenuIcon(props: MenuIconProps): React$1.JSX.Element;
244
-
245
247
  declare type NonUndefined<T> = T extends undefined ? never : T;
246
248
 
247
249
  declare type InfiniteTableToggleGroupRowFn = (groupKeys: any[]) => void;
@@ -263,6 +265,7 @@ declare type InfiniteTableColumnHeaderParam<DATA_TYPE, COL_TYPE = InfiniteTableC
263
265
  header: string | number | Renderable;
264
266
  sortIcon?: Renderable;
265
267
  menuIcon?: Renderable;
268
+ menuIconProps?: MenuIconProps;
266
269
  filterIcon?: Renderable;
267
270
  selectionCheckBox?: Renderable;
268
271
  };
@@ -1122,6 +1125,7 @@ interface InfiniteTableSetupState<T> {
1122
1125
  point: PointCoords;
1123
1126
  }) | null;
1124
1127
  columnMenuVisibleForColumnId: string | null;
1128
+ columnMenuVisibleKey: string | number;
1125
1129
  filterOperatorMenuVisibleForColumnId: string | null;
1126
1130
  onColumnHeaderHeightCSSVarChange: SubscriptionCallback<number>;
1127
1131
  cellClick: SubscriptionCallback<CellPosition & {
@@ -2146,12 +2150,13 @@ declare type OverlayShowParams = {
2146
2150
  alignPosition: AlignPositionOptions['alignPosition'];
2147
2151
  alignTo: AdvancedAlignable | PointCoords;
2148
2152
  };
2153
+ declare type ShowOverlayFn = (content: ReactNode | (() => ReactNode), params: OverlayShowParams) => VoidFunction | undefined;
2149
2154
  declare function useOverlay(params: OverlayParams): {
2150
2155
  portal: string | number | boolean | React$1.JSX.Element | Iterable<React$1.ReactNode> | null | undefined;
2151
2156
  hideOverlay: (id: string) => void;
2152
2157
  clearAll: () => void;
2153
2158
  rerenderOverlays: () => void;
2154
- showOverlay: (content: ReactNode | (() => ReactNode), params: OverlayShowParams) => (() => void) | undefined;
2159
+ showOverlay: ShowOverlayFn;
2155
2160
  };
2156
2161
 
2157
2162
  /**
@@ -2363,6 +2368,7 @@ declare type InfiniteTableColumnApi<_T> = {
2363
2368
  showFilterOperatorMenu: (target: EventTarget | HTMLElement) => void;
2364
2369
  toggleFilterOperatorMenu: (target: EventTarget | HTMLElement) => void;
2365
2370
  hideFilterOperatorMenu: () => void;
2371
+ isVisible: () => boolean;
2366
2372
  toggleSort: () => void;
2367
2373
  clearSort: () => void;
2368
2374
  setSort: (sort: SortDir | null) => void;
@@ -2405,6 +2411,9 @@ interface InfiniteTableApi<T> {
2405
2411
  setColumnVisibility: (columnVisibility: InfiniteTablePropColumnVisibility) => void;
2406
2412
  clearEditInfo: () => void;
2407
2413
  hideContextMenu: () => void;
2414
+ realignColumnContextMenu: () => void;
2415
+ getColumnOrder: () => string[];
2416
+ getVisibleColumnOrder: () => string[];
2408
2417
  isEditorVisibleForCell(params: {
2409
2418
  rowIndex: number;
2410
2419
  columnId: string;
@@ -2797,8 +2806,9 @@ declare function useEffectWithChanges<T>(fn: (changes: Record<keyof T, any>, pre
2797
2806
  declare const components: {
2798
2807
  CheckBox: typeof InfiniteCheckBox;
2799
2808
  LoadMask: (props: LoadMaskProps) => React$1.JSX.Element;
2809
+ MenuIcon: typeof MenuIcon;
2800
2810
  StringFilterEditor: typeof StringFilterEditor;
2801
2811
  NumberFilterEditor: typeof NumberFilterEditor;
2802
2812
  };
2803
2813
 
2804
- export { AdvancedAlignable, ColumnTypeWithInherit, DataSource, DataSourceAction, DataSourceActionType, DataSourceAggregationReducer, DataSourceApi, DataSourceCRUDParam, DataSourceComponentActions, DataSourceContextValue, DataSourceData, DataSourceDataParams, DataSourceDataParamsChanges, DataSourceDerivedState, DataSourceFilterFunctionParam, DataSourceFilterOperator, DataSourceFilterOperatorFunction, DataSourceFilterOperatorFunctionParam, DataSourceFilterType, DataSourceFilterValueItem, DataSourceFilterValueItemValueGetter, DataSourceGroupBy, DataSourceGroupRowsList, DataSourceInsertParam, DataSourceLivePaginationCursorFn, DataSourceLivePaginationCursorParams, DataSourceLivePaginationCursorValue, DataSourceMappedState, DataSourceMappings, DataSourcePivotBy, DataSourcePropAggregationReducers, DataSourcePropCellSelection, DataSourcePropFilterFunction, DataSourcePropFilterTypes, DataSourcePropFilterValue, DataSourcePropGroupBy, DataSourcePropGroupRowsStateObject, DataSourcePropIsRowSelected, DataSourcePropLivePaginationCursor, DataSourcePropMultiRowSelectionChangeParamType, DataSourcePropOnCellSelectionChange, DataSourcePropOnRowSelectionChange, DataSourcePropOnRowSelectionChange_MultiRow, DataSourcePropOnRowSelectionChange_SingleRow, DataSourcePropPivotBy, DataSourcePropRowInfoReducers, DataSourcePropRowSelection, DataSourcePropRowSelection_MultiRow, DataSourcePropRowSelection_SingleRow, DataSourcePropSelectionMode, DataSourcePropSortFn, DataSourcePropSortInfo, DataSourcePropSortTypes, DataSourceProps, DataSourceRawReducer, DataSourceRemoteData, DataSourceRowInfoReducer, DataSourceSetupState, DataSourceSingleSortInfo, DataSourceSortInfo, DataSourceState, DeepMap, ElementContainerGetter, GroupRowsState, InfiniteColumnEditorContextType, InfiniteTable, InfiniteTableAction, InfiniteTableActionType, InfiniteTableApi, InfiniteTableClassName, InfiniteTableColumn, InfiniteTableColumnAggregator, InfiniteTableColumnApi, InfiniteTableColumnCellContextType, InfiniteTableColumnComparer, InfiniteTableColumnGroup, InfiniteTableColumnRenderFunctionForGroupRows, InfiniteTableColumnRenderFunctionForNormalRows, InfiniteTableColumnRenderValueParam, InfiniteTableColumnRowspanParam, InfiniteTableColumnSizingOptions, InfiniteTableColumnValueFormatterParams, InfiniteTableColumnValueGetterParams, InfiniteTableColumnsMap, InfiniteTableComponent, InfiniteTableComputedColumn, InfiniteTableComputedValues, InfiniteTableContextValue, InfiniteTableGroupColumnBase, InfiniteTableGroupColumnFunction, InfiniteTableGroupColumnGetterOptions, InfiniteTablePivotColumn, InfiniteTablePropAutoSizeColumnsKey, InfiniteTablePropColumnGroups, InfiniteTablePropColumnOrder, InfiniteTablePropColumnPinning, InfiniteTablePropColumnSizing, InfiniteTablePropColumnTypes, InfiniteTablePropColumnVisibility, InfiniteTablePropColumns, InfiniteTablePropComponents, InfiniteTablePropGetCellContextMenuItems, InfiniteTablePropGetColumnMenuItems, InfiniteTablePropGroupColumn, InfiniteTablePropGroupRenderStrategy, InfiniteTablePropHeaderOptions, InfiniteTablePropKeyboardNavigation, InfiniteTablePropMultiSortBehavior, InfiniteTablePropRowClassName, InfiniteTablePropRowStyle, InfiniteTableProps, InfiniteTableRowClassNameFn, InfiniteTableRowInfo, InfiniteTableRowStyleFn, InfiniteTableState, LazyGroupDataDeepMap, LazyGroupDataItem, LazyRowInfoGroup, Menu, MenuChildrenFnParam, MenuColumn, MenuColumnRenderParam, MenuDecoration, MenuIcon, MenuIconProps, MenuItemDefinition, MenuItemObject, MenuProps, MenuRenderable, MenuRuntimeItem, MenuRuntimeItemSelectable, MenuSeparator, OverlayShowParams, RowSelectionState, Scrollbars, components, debounce, defaultFilterTypes, defaultFilterTypes as filterTypes, flatten, getComponentStateRoot, group, interceptMap, multisort, useComponentState, useDataSource, useEffectWithChanges, useInfiniteColumnCell, useInfiniteColumnEditor, useInfiniteColumnFilterEditor, useInfiniteHeaderCell, useOverlay, useOverlayPortal, useRowInfoReducers };
2814
+ export { AdvancedAlignable, ColumnTypeWithInherit, DataSource, DataSourceAction, DataSourceActionType, DataSourceAggregationReducer, DataSourceApi, DataSourceCRUDParam, DataSourceComponentActions, DataSourceContextValue, DataSourceData, DataSourceDataParams, DataSourceDataParamsChanges, DataSourceDerivedState, DataSourceFilterFunctionParam, DataSourceFilterOperator, DataSourceFilterOperatorFunction, DataSourceFilterOperatorFunctionParam, DataSourceFilterType, DataSourceFilterValueItem, DataSourceFilterValueItemValueGetter, DataSourceGroupBy, DataSourceGroupRowsList, DataSourceInsertParam, DataSourceLivePaginationCursorFn, DataSourceLivePaginationCursorParams, DataSourceLivePaginationCursorValue, DataSourceMappedState, DataSourceMappings, DataSourcePivotBy, DataSourcePropAggregationReducers, DataSourcePropCellSelection, DataSourcePropFilterFunction, DataSourcePropFilterTypes, DataSourcePropFilterValue, DataSourcePropGroupBy, DataSourcePropGroupRowsStateObject, DataSourcePropIsRowSelected, DataSourcePropLivePaginationCursor, DataSourcePropMultiRowSelectionChangeParamType, DataSourcePropOnCellSelectionChange, DataSourcePropOnRowSelectionChange, DataSourcePropOnRowSelectionChange_MultiRow, DataSourcePropOnRowSelectionChange_SingleRow, DataSourcePropPivotBy, DataSourcePropRowInfoReducers, DataSourcePropRowSelection, DataSourcePropRowSelection_MultiRow, DataSourcePropRowSelection_SingleRow, DataSourcePropSelectionMode, DataSourcePropSortFn, DataSourcePropSortInfo, DataSourcePropSortTypes, DataSourceProps, DataSourceRawReducer, DataSourceRemoteData, DataSourceRowInfoReducer, DataSourceSetupState, DataSourceSingleSortInfo, DataSourceSortInfo, DataSourceState, DeepMap, ElementContainerGetter, GroupRowsState, InfiniteColumnEditorContextType, InfiniteTable, InfiniteTableAction, InfiniteTableActionType, InfiniteTableApi, InfiniteTableClassName, InfiniteTableColumn, InfiniteTableColumnAggregator, InfiniteTableColumnApi, InfiniteTableColumnCellContextType, InfiniteTableColumnComparer, InfiniteTableColumnGroup, InfiniteTableColumnRenderFunctionForGroupRows, InfiniteTableColumnRenderFunctionForNormalRows, InfiniteTableColumnRenderValueParam, InfiniteTableColumnRowspanParam, InfiniteTableColumnSizingOptions, InfiniteTableColumnValueFormatterParams, InfiniteTableColumnValueGetterParams, InfiniteTableColumnsMap, InfiniteTableComponent, InfiniteTableComputedColumn, InfiniteTableComputedValues, InfiniteTableContextValue, InfiniteTableGroupColumnBase, InfiniteTableGroupColumnFunction, InfiniteTableGroupColumnGetterOptions, InfiniteTablePivotColumn, InfiniteTablePropAutoSizeColumnsKey, InfiniteTablePropColumnGroups, InfiniteTablePropColumnOrder, InfiniteTablePropColumnPinning, InfiniteTablePropColumnSizing, InfiniteTablePropColumnTypes, InfiniteTablePropColumnVisibility, InfiniteTablePropColumns, InfiniteTablePropComponents, InfiniteTablePropGetCellContextMenuItems, InfiniteTablePropGetColumnMenuItems, InfiniteTablePropGroupColumn, InfiniteTablePropGroupRenderStrategy, InfiniteTablePropHeaderOptions, InfiniteTablePropKeyboardNavigation, InfiniteTablePropMultiSortBehavior, InfiniteTablePropRowClassName, InfiniteTablePropRowStyle, InfiniteTableProps, InfiniteTableRowClassNameFn, InfiniteTableRowInfo, InfiniteTableRowStyleFn, InfiniteTableState, LazyGroupDataDeepMap, LazyGroupDataItem, LazyRowInfoGroup, Menu, MenuChildrenFnParam, MenuColumn, MenuColumnRenderParam, MenuDecoration, MenuIconProps, MenuItemDefinition, MenuItemObject, MenuProps, MenuRenderable, MenuRuntimeItem, MenuRuntimeItemSelectable, MenuSeparator, OverlayShowParams, RowSelectionState, Scrollbars, ShowOverlayFn, components, debounce, defaultFilterTypes, defaultFilterTypes as filterTypes, flatten, getComponentStateRoot, group, interceptMap, multisort, useComponentState, useDataSource, useEffectWithChanges, useInfiniteColumnCell, useInfiniteColumnEditor, useInfiniteColumnFilterEditor, useInfiniteHeaderCell, useOverlay, useOverlayPortal, useRowInfoReducers };
package/index.dev.js CHANGED
@@ -873,7 +873,6 @@ __export(src_exports, {
873
873
  InfiniteTableClassName: () => InfiniteTableClassName,
874
874
  InfiniteTableComponent: () => InfiniteTableComponent,
875
875
  Menu: () => Menu,
876
- MenuIcon: () => MenuIcon,
877
876
  RowSelectionState: () => RowSelectionState,
878
877
  components: () => components,
879
878
  debounce: () => debounce,
@@ -4955,6 +4954,15 @@ var React42 = __toESM(require("react"));
4955
4954
  var import_react28 = require("react");
4956
4955
  var import_react_dom = require("react-dom");
4957
4956
 
4957
+ // src/utils/keyMirror.ts
4958
+ function keyMirror(obj) {
4959
+ const result = {};
4960
+ Object.keys(obj).forEach((key) => {
4961
+ result[key] = key;
4962
+ });
4963
+ return result;
4964
+ }
4965
+
4958
4966
  // src/components/InfiniteTable/components/icons/Icon.tsx
4959
4967
  var React16 = __toESM(require("react"));
4960
4968
  var Icon = (props) => {
@@ -5132,22 +5140,22 @@ var createRuntimeFn = (config) => (options) => {
5132
5140
 
5133
5141
  // src/components/InfiniteTable/components/InfiniteTableHeader/header.css.ts
5134
5142
  var CellCls = "cell_CellCls__1eexc2a5 utilities_display_flex__16lm1iwy utilities_flexFlow_row__16lm1iw1n utilities_alignItems_center__16lm1iw1p utilities_position_absolute__16lm1iw2 utilities_willChange_transform__16lm1iw21 utilities_whiteSpace_nowrap__16lm1iw22 utilities_userSelect_none__16lm1iw16";
5135
- var HeaderCellContentRecipe = createRuntimeFn({ defaultClassName: "header_HeaderCellContentRecipe__12zfob11t utilities_height_100%__16lm1iw18 utilities_width_100%__16lm1iw1a utilities_display_flex__16lm1iwy utilities_flexFlow_row__16lm1iw1n utilities_alignItems_center__16lm1iw1p utilities_justifyContent_start__16lm1iw1u", variantClassNames: { filtered: { false: "header_HeaderCellContentRecipe_filtered_false__12zfob11u", true: "header_HeaderCellContentRecipe_filtered_true__12zfob11v" }, verticalAlign: { start: "header_HeaderCellContentRecipe_verticalAlign_start__12zfob11w", end: "header_HeaderCellContentRecipe_verticalAlign_end__12zfob11x", center: "header_HeaderCellContentRecipe_verticalAlign_center__12zfob11y" }, align: { start: "header_HeaderCellContentRecipe_align_start__12zfob11z", end: "header_HeaderCellContentRecipe_align_end__12zfob120", center: "header_HeaderCellContentRecipe_align_center__12zfob121" } }, defaultVariants: {}, compoundVariants: [] });
5143
+ var HeaderCellContentRecipe = createRuntimeFn({ defaultClassName: "header_HeaderCellContentRecipe__12zfob11v utilities_height_100%__16lm1iw18 utilities_width_100%__16lm1iw1a utilities_display_flex__16lm1iwy utilities_flexFlow_row__16lm1iw1n utilities_alignItems_center__16lm1iw1p utilities_justifyContent_start__16lm1iw1u", variantClassNames: { filtered: { false: "header_HeaderCellContentRecipe_filtered_false__12zfob11w", true: "header_HeaderCellContentRecipe_filtered_true__12zfob11x" }, verticalAlign: { start: "header_HeaderCellContentRecipe_verticalAlign_start__12zfob11y", end: "header_HeaderCellContentRecipe_verticalAlign_end__12zfob11z", center: "header_HeaderCellContentRecipe_verticalAlign_center__12zfob120" }, align: { start: "header_HeaderCellContentRecipe_align_start__12zfob121", end: "header_HeaderCellContentRecipe_align_end__12zfob122", center: "header_HeaderCellContentRecipe_align_center__12zfob123" } }, defaultVariants: {}, compoundVariants: [] });
5136
5144
  var HeaderCellProxy = "header_HeaderCellProxy__12zfob1m utilities_whiteSpace_nowrap__16lm1iw22 utilities_textOverflow_ellipsis__16lm1iw23 utilities_overflow_hidden__16lm1iw1w";
5137
5145
  var HeaderCellRecipe = createRuntimeFn({ defaultClassName: "header_HeaderCellRecipe__12zfob1n utilities_display_block__16lm1iw11", variantClassNames: { rowActive: { false: "header_HeaderCellRecipe_rowActive_false__12zfob1o", true: "header_HeaderCellRecipe_rowActive_true__12zfob1p" }, rowSelected: { false: "header_HeaderCellRecipe_rowSelected_false__12zfob1q", true: "header_HeaderCellRecipe_rowSelected_true__12zfob1r", null: "header_HeaderCellRecipe_rowSelected_null__12zfob1s" }, groupRow: { false: "header_HeaderCellRecipe_groupRow_false__12zfob1t", true: "header_HeaderCellRecipe_groupRow_true__12zfob1u" }, groupCell: { false: "header_HeaderCellRecipe_groupCell_false__12zfob1v", true: "header_HeaderCellRecipe_groupCell_true__12zfob1w" }, align: { start: "header_HeaderCellRecipe_align_start__12zfob1x", end: "header_HeaderCellRecipe_align_end__12zfob1y", center: "header_HeaderCellRecipe_align_center__12zfob1z" }, verticalAlign: { start: "header_HeaderCellRecipe_verticalAlign_start__12zfob110", end: "header_HeaderCellRecipe_verticalAlign_end__12zfob111", center: "header_HeaderCellRecipe_verticalAlign_center__12zfob112" }, zebra: { false: "header_HeaderCellRecipe_zebra_false__12zfob113", even: "header_HeaderCellRecipe_zebra_even__12zfob114", odd: "header_HeaderCellRecipe_zebra_odd__12zfob115" }, dragging: { true: "header_HeaderCellRecipe_dragging_true__12zfob116", false: "header_HeaderCellRecipe_dragging_false__12zfob117" }, first: { true: "header_HeaderCellRecipe_first_true__12zfob118", false: "header_HeaderCellRecipe_first_false__12zfob119" }, last: { true: "header_HeaderCellRecipe_last_true__12zfob11a", false: "header_HeaderCellRecipe_last_false__12zfob11b" }, groupByField: { true: "header_HeaderCellRecipe_groupByField_true__12zfob11c", false: "header_HeaderCellRecipe_groupByField_false__12zfob11d" }, firstInCategory: { true: "header_HeaderCellRecipe_firstInCategory_true__12zfob11e", false: "header_HeaderCellRecipe_firstInCategory_false__12zfob11f" }, lastInCategory: { true: "header_HeaderCellRecipe_lastInCategory_true__12zfob11g", false: "header_HeaderCellRecipe_lastInCategory_false__12zfob11h" }, pinned: { start: "header_HeaderCellRecipe_pinned_start__12zfob11i", end: "header_HeaderCellRecipe_pinned_end__12zfob11j", false: "header_HeaderCellRecipe_pinned_false__12zfob11k" }, filtered: { true: "header_HeaderCellRecipe_filtered_true__12zfob11l", false: "header_HeaderCellRecipe_filtered_false__12zfob11m" } }, defaultVariants: {}, compoundVariants: [[{ pinned: "start", lastInCategory: true }, "header_HeaderCellRecipe_compound_0__12zfob11n"], [{ pinned: "end", firstInCategory: true }, "header_HeaderCellRecipe_compound_1__12zfob11o"], [{ pinned: false, lastInCategory: true }, "header_HeaderCellRecipe_compound_2__12zfob11p"]] });
5138
5146
  var HeaderClsRecipe = createRuntimeFn({ defaultClassName: "header_HeaderClsRecipe__12zfob18 utilities_display_block__16lm1iw11 utilities_position_absolute__16lm1iw2", variantClassNames: { pinned: { start: "header_HeaderClsRecipe_pinned_start__12zfob19", end: "header_HeaderClsRecipe_pinned_end__12zfob1a", false: "header_HeaderClsRecipe_pinned_false__12zfob1b" }, firstInCategory: { true: "header_HeaderClsRecipe_firstInCategory_true__12zfob1c", false: "header_HeaderClsRecipe_firstInCategory_false__12zfob1d" }, lastInCategory: { true: "header_HeaderClsRecipe_lastInCategory_true__12zfob1e", false: "header_HeaderClsRecipe_lastInCategory_false__12zfob1f" }, overflow: { true: "header_HeaderClsRecipe_overflow_true__12zfob1g", false: "header_HeaderClsRecipe_overflow_false__12zfob1h" } }, defaultVariants: {}, compoundVariants: [[{ overflow: true, pinned: "start" }, "header_HeaderClsRecipe_compound_0__12zfob1i"], [{ pinned: "start", firstInCategory: true }, "header_HeaderClsRecipe_compound_1__12zfob1j"], [{ overflow: true, pinned: "end" }, "header_HeaderClsRecipe_compound_2__12zfob1k"], [{ pinned: "end", lastInCategory: true }, "header_HeaderClsRecipe_compound_3__12zfob1l"]] });
5139
- var HeaderFilterCls = "header_HeaderFilterCls__12zfob124 utilities_display_flex__16lm1iwy utilities_flexFlow_row__16lm1iw1n utilities_alignItems_stretch__16lm1iw1q utilities_position_relative__16lm1iw1";
5140
- var HeaderFilterEditorCls = "header_HeaderFilterEditorCls__12zfob129 utilities_width_100%__16lm1iw1a utilities_height_100%__16lm1iw18";
5147
+ var HeaderFilterCls = "header_HeaderFilterCls__12zfob126 utilities_display_flex__16lm1iwy utilities_flexFlow_row__16lm1iw1n utilities_alignItems_stretch__16lm1iw1q utilities_position_relative__16lm1iw1";
5148
+ var HeaderFilterEditorCls = "header_HeaderFilterEditorCls__12zfob12b utilities_width_100%__16lm1iw1a utilities_height_100%__16lm1iw18";
5141
5149
  var HeaderFilterIconIndexCls = "header_HeaderFilterIconIndexCls__12zfob16";
5142
- var HeaderFilterOperatorCls = "header_HeaderFilterOperatorCls__12zfob125 utilities_display_flex__16lm1iwy utilities_flexFlow_row__16lm1iw1n utilities_alignItems_center__16lm1iw1p utilities_position_relative__16lm1iw1";
5143
- var HeaderFilterOperatorIconRecipe = createRuntimeFn({ defaultClassName: "header_HeaderFilterOperatorIconRecipe__12zfob126 utilities_position_relative__16lm1iw1 utilities_top_0__16lm1iw1b", variantClassNames: { disabled: { true: "header_HeaderFilterOperatorIconRecipe_disabled_true__12zfob127", false: "header_HeaderFilterOperatorIconRecipe_disabled_false__12zfob128" } }, defaultVariants: {}, compoundVariants: [] });
5144
- var HeaderGroupCls = "header_HeaderGroupCls__12zfob123 utilities_display_flex__16lm1iwy utilities_flexFlow_row__16lm1iw1n utilities_alignItems_center__16lm1iw1p";
5145
- var HeaderMenuIconCls = createRuntimeFn({ defaultClassName: "header_HeaderMenuIconCls__12zfob11q utilities_position_relative__16lm1iw1 utilities_display_flex__16lm1iwy utilities_flexFlow_column__16lm1iw1l utilities_justifyContent_spaceAround__16lm1iw1t utilities_visibility_hidden__16lm1iw20", variantClassNames: { reserveSpaceWhenHidden: { true: "header_HeaderMenuIconCls_reserveSpaceWhenHidden_true__12zfob11r", false: "header_HeaderMenuIconCls_reserveSpaceWhenHidden_false__12zfob11s" } }, defaultVariants: {}, compoundVariants: [] });
5150
+ var HeaderFilterOperatorCls = "header_HeaderFilterOperatorCls__12zfob127 utilities_display_flex__16lm1iwy utilities_flexFlow_row__16lm1iw1n utilities_alignItems_center__16lm1iw1p utilities_position_relative__16lm1iw1";
5151
+ var HeaderFilterOperatorIconRecipe = createRuntimeFn({ defaultClassName: "header_HeaderFilterOperatorIconRecipe__12zfob128 utilities_position_relative__16lm1iw1 utilities_top_0__16lm1iw1b", variantClassNames: { disabled: { true: "header_HeaderFilterOperatorIconRecipe_disabled_true__12zfob129", false: "header_HeaderFilterOperatorIconRecipe_disabled_false__12zfob12a" } }, defaultVariants: {}, compoundVariants: [] });
5152
+ var HeaderGroupCls = "header_HeaderGroupCls__12zfob125 utilities_display_flex__16lm1iwy utilities_flexFlow_row__16lm1iw1n utilities_alignItems_center__16lm1iw1p";
5153
+ var HeaderMenuIconCls = createRuntimeFn({ defaultClassName: "header_HeaderMenuIconCls__12zfob11q utilities_position_relative__16lm1iw1 utilities_display_flex__16lm1iwy utilities_flexFlow_column__16lm1iw1l utilities_justifyContent_spaceAround__16lm1iw1t utilities_visibility_hidden__16lm1iw20", variantClassNames: { menuVisible: { true: "header_HeaderMenuIconCls_menuVisible_true__12zfob11r" }, reserveSpaceWhenHidden: { true: "header_HeaderMenuIconCls_reserveSpaceWhenHidden_true__12zfob11s", false: "header_HeaderMenuIconCls_reserveSpaceWhenHidden_false__12zfob11t" } }, defaultVariants: {}, compoundVariants: [[{ menuVisible: true, reserveSpaceWhenHidden: false }, "header_HeaderMenuIconCls_compound_0__12zfob11u"]] });
5146
5154
  var HeaderScrollbarPlaceholderCls = "header_HeaderScrollbarPlaceholderCls__12zfob17 utilities_position_absolute__16lm1iw2";
5147
5155
  var HeaderSortIconCls = "utilities_position_relative__16lm1iw1";
5148
5156
  var HeaderSortIconIndexCls = "header_HeaderSortIconIndexCls__12zfob15";
5149
5157
  var HeaderSortIconRecipe = createRuntimeFn({ defaultClassName: "", variantClassNames: { align: { start: "header_HeaderSortIconRecipe_align_start__12zfob12", center: "header_HeaderSortIconRecipe_align_center__12zfob13", end: "header_HeaderSortIconRecipe_align_end__12zfob14" } }, defaultVariants: {}, compoundVariants: [] });
5150
- var HeaderWrapperCls = "header_HeaderWrapperCls__12zfob122 utilities_overflow_hidden__16lm1iw1w utilities_position_relative__16lm1iw1 utilities_display_flex__16lm1iwy utilities_flexFlow_row__16lm1iw1n";
5158
+ var HeaderWrapperCls = "header_HeaderWrapperCls__12zfob124 utilities_overflow_hidden__16lm1iw1w utilities_position_relative__16lm1iw1 utilities_display_flex__16lm1iwy utilities_flexFlow_row__16lm1iw1n";
5151
5159
 
5152
5160
  // src/components/InfiniteTable/components/icons/InfiniteTableIconClassName.ts
5153
5161
  var InfiniteTableIconClassName = "InfiniteTableIcon";
@@ -5267,6 +5275,9 @@ function getColumnApiForColumn(colOrColId, param) {
5267
5275
  hideContextMenu() {
5268
5276
  actions.columnMenuVisibleForColumnId = null;
5269
5277
  },
5278
+ isVisible() {
5279
+ return getComputed().computedVisibleColumnsMap.has(column.id);
5280
+ },
5270
5281
  toggleSort(params = {
5271
5282
  multiSortBehavior: "replace"
5272
5283
  }) {
@@ -7714,20 +7725,34 @@ var defaultLineStyle2 = {
7714
7725
  pointerEvents: "none"
7715
7726
  };
7716
7727
  var lineClassName = `${InfiniteTableIconClassName}-menu`;
7728
+ var MenuIconDataAttributes = keyMirror({
7729
+ "data-name": ""
7730
+ });
7731
+ var MenuIconDataAttributesValues = {
7732
+ [MenuIconDataAttributes["data-name"]]: "menu-icon"
7733
+ };
7717
7734
  function MenuIcon(props) {
7718
- const { style: style2, className, domProps, reserveSpaceWhenHidden, children } = props;
7735
+ const {
7736
+ style: style2,
7737
+ className,
7738
+ domProps,
7739
+ reserveSpaceWhenHidden,
7740
+ menuVisible,
7741
+ children
7742
+ } = props;
7719
7743
  const lineStyle = __spreadValues(__spreadProps(__spreadValues({}, defaultLineStyle2), {
7720
7744
  borderTop: `${ThemeVars.components.HeaderCell.menuIconLineWidth} solid currentColor`
7721
7745
  }), props.lineStyle);
7722
7746
  return /* @__PURE__ */ React38.createElement(
7723
7747
  "div",
7724
- __spreadProps(__spreadValues({}, domProps), {
7725
- style: style2,
7726
- "data-name": "menu-icon",
7748
+ __spreadProps(__spreadValues(__spreadProps(__spreadValues({}, domProps), {
7749
+ style: style2
7750
+ }), MenuIconDataAttributesValues), {
7727
7751
  onPointerDown: (e) => e.stopPropagation(),
7728
7752
  className: join(
7729
7753
  className,
7730
7754
  HeaderMenuIconCls({
7755
+ menuVisible,
7731
7756
  reserveSpaceWhenHidden
7732
7757
  }),
7733
7758
  InfiniteTableIconClassName,
@@ -8508,6 +8533,11 @@ var { rootClassName: rootClassName8 } = internalProps;
8508
8533
  var InfiniteTableHeaderCellClassName = `${rootClassName8}HeaderCell`;
8509
8534
  var columnZIndexAtIndex5 = stripVar(InternalVars.columnZIndexAtIndex);
8510
8535
  var spacer = /* @__PURE__ */ React42.createElement("div", { className: flex["1"] });
8536
+ var InfiniteHeaderCellDataAttributes = keyMirror({
8537
+ "data-name": ``,
8538
+ "data-header-align": "",
8539
+ "data-column-id": ""
8540
+ });
8511
8541
  function InfiniteTableHeaderCell(props) {
8512
8542
  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o;
8513
8543
  const column = props.column;
@@ -8521,7 +8551,8 @@ function InfiniteTableHeaderCell(props) {
8521
8551
  components: components2,
8522
8552
  portalDOMRef,
8523
8553
  columnHeaderHeight,
8524
- columnReorderDragColumnId
8554
+ columnReorderDragColumnId,
8555
+ columnMenuVisibleForColumnId
8525
8556
  }
8526
8557
  } = useInfiniteTable();
8527
8558
  const {
@@ -8568,6 +8599,7 @@ function InfiniteTableHeaderCell(props) {
8568
8599
  const headerCSSEllipsis = (_e = (_d = column.headerCssEllipsis) != null ? _d : column.cssEllipsis) != null ? _e : true;
8569
8600
  const menuIconProps = {
8570
8601
  reserveSpaceWhenHidden: align2 === "center",
8602
+ menuVisible: columnMenuVisibleForColumnId === column.id,
8571
8603
  style: align2 === "end" ? {
8572
8604
  marginInlineStart: `calc(${ThemeVars.components.HeaderCell.resizeHandleActiveAreaWidth} / 2)`,
8573
8605
  marginInlineEnd: ThemeVars.spacing[2]
@@ -8611,6 +8643,7 @@ function InfiniteTableHeaderCell(props) {
8611
8643
  sortIcon,
8612
8644
  filterIcon,
8613
8645
  menuIcon,
8646
+ menuIconProps,
8614
8647
  selectionCheckBox: null,
8615
8648
  header: column.header && typeof column.header !== "function" ? column.header : column.name
8616
8649
  }
@@ -8771,15 +8804,18 @@ function InfiniteTableHeaderCell(props) {
8771
8804
  const resizeHandle = useColumnResizeHandle(column);
8772
8805
  const zIndex2 = `var(${columnZIndexAtIndex5}-${column.computedVisibleIndex})`;
8773
8806
  style2.zIndex = zIndex2;
8807
+ const dataAttrs = {
8808
+ "data-column-id": column.id,
8809
+ "data-header-align": align2,
8810
+ "data-name": "HeaderCell"
8811
+ };
8774
8812
  return /* @__PURE__ */ React42.createElement(ContextProvider, { value: renderParam }, /* @__PURE__ */ React42.createElement(
8775
8813
  InfiniteTableCell,
8776
- {
8814
+ __spreadProps(__spreadValues({
8777
8815
  domRef: ref,
8778
8816
  cellType: "header",
8779
- column,
8780
- "data-name": `HeaderCell`,
8781
- "data-header-align": align2,
8782
- "data-column-id": column.id,
8817
+ column
8818
+ }, dataAttrs), {
8783
8819
  "data-z-index": zIndex2,
8784
8820
  style: style2,
8785
8821
  width,
@@ -8828,7 +8864,7 @@ function InfiniteTableHeaderCell(props) {
8828
8864
  }
8829
8865
  ) : /* @__PURE__ */ React42.createElement(InfiniteTableColumnHeaderFilterEmpty, null) : null, resizeHandle),
8830
8866
  renderChildren
8831
- }
8867
+ })
8832
8868
  ), draggingProxy);
8833
8869
  }
8834
8870
  function useInfiniteHeaderCell() {
@@ -13395,6 +13431,48 @@ function useRowInfoReducers() {
13395
13431
  return rowInfoReducerResults;
13396
13432
  }
13397
13433
 
13434
+ // src/components/InfiniteTable/api/realignColumnContextMenu.ts
13435
+ function realignColumnContextMenu(param) {
13436
+ const { getComputed, getState, actions } = param;
13437
+ const columnMenuVisibleForColumnId = getState().columnMenuVisibleForColumnId;
13438
+ if (!columnMenuVisibleForColumnId) {
13439
+ return;
13440
+ }
13441
+ const computed = getComputed();
13442
+ const visibleCols = computed.computedVisibleColumnsMap;
13443
+ const order2 = computed.computedColumnOrder;
13444
+ if (visibleCols.has(columnMenuVisibleForColumnId)) {
13445
+ actions.columnMenuVisibleKey = Date.now();
13446
+ return;
13447
+ }
13448
+ function tryCol(diff2, sign2) {
13449
+ const colId2 = order2[index + diff2 * sign2];
13450
+ if (visibleCols.has(colId2)) {
13451
+ return colId2;
13452
+ }
13453
+ return;
13454
+ }
13455
+ const index = order2.indexOf(columnMenuVisibleForColumnId);
13456
+ let diff = 0;
13457
+ let sign = -1;
13458
+ let colId;
13459
+ while (!colId && diff < order2.length) {
13460
+ diff++;
13461
+ colId = tryCol(diff, sign);
13462
+ if (!colId) {
13463
+ sign *= -1;
13464
+ colId = tryCol(diff, sign);
13465
+ }
13466
+ if (colId) {
13467
+ break;
13468
+ }
13469
+ }
13470
+ if (colId) {
13471
+ actions.columnMenuVisibleForColumnId = colId;
13472
+ }
13473
+ return colId;
13474
+ }
13475
+
13398
13476
  // src/components/InfiniteTable/api/getImperativeApi.ts
13399
13477
  var InfiniteTableApiImpl = class {
13400
13478
  constructor(context) {
@@ -13702,6 +13780,21 @@ var InfiniteTableApiImpl = class {
13702
13780
  this.actions.contextMenuVisibleFor = null;
13703
13781
  this.actions.cellContextMenuVisibleFor = null;
13704
13782
  }
13783
+ realignColumnContextMenu() {
13784
+ realignColumnContextMenu({
13785
+ actions: this.actions,
13786
+ getState: this.getState,
13787
+ getComputed: this.getComputed
13788
+ });
13789
+ }
13790
+ getColumnOrder() {
13791
+ return this.getComputed().computedColumnOrder;
13792
+ }
13793
+ getVisibleColumnOrder() {
13794
+ const order2 = this.getColumnOrder();
13795
+ const visibleColumns = this.getComputed().computedVisibleColumnsMap;
13796
+ return order2.filter((id) => visibleColumns.has(id));
13797
+ }
13705
13798
  startEdit(params) {
13706
13799
  return __async(this, null, function* () {
13707
13800
  const { columnId, rowIndex: index, primaryKey } = params;
@@ -14771,6 +14864,7 @@ function initSetupState2() {
14771
14864
  cellContextMenuVisibleFor: null,
14772
14865
  contextMenuVisibleFor: null,
14773
14866
  columnMenuVisibleForColumnId: null,
14867
+ columnMenuVisibleKey: 0,
14774
14868
  filterOperatorMenuVisibleForColumnId: null,
14775
14869
  getDOMNodeForCell: (cellPosition) => {
14776
14870
  if (!domRef.current) {
@@ -16561,7 +16655,7 @@ var useLicense = (licenseKey = "") => {
16561
16655
  const valid = (0, import_react49.useMemo)(() => {
16562
16656
  let valid2 = isValidLicense(licenseKey, {
16563
16657
  publishedAt: 1624970570587,
16564
- version: "1.3.17"
16658
+ version: "1.3.18"
16565
16659
  });
16566
16660
  if (!licenseKey && !valid2 && isInsidePlayground) {
16567
16661
  return true;
@@ -19045,6 +19139,9 @@ function defaultGetColumnMenuItems(_items, params) {
19045
19139
  checked: col.computedVisible,
19046
19140
  onChange: (checked) => {
19047
19141
  api.setVisibilityForColumn(col.id, !!checked);
19142
+ requestAnimationFrame(() => {
19143
+ api.realignColumnContextMenu();
19144
+ });
19048
19145
  }
19049
19146
  }
19050
19147
  )
@@ -19118,6 +19215,35 @@ function getMenuForColumn(columnId, context, onHideIntent) {
19118
19215
  }
19119
19216
 
19120
19217
  // src/components/InfiniteTable/hooks/useColumnMenu.ts
19218
+ var menuIconSelector = `[${MenuIconDataAttributes["data-name"]}="${MenuIconDataAttributesValues["data-name"]}"]`;
19219
+ function showMenuForColumn(options) {
19220
+ const { columnId, context, clearAll, showOverlay } = options;
19221
+ const { getState, actions } = context;
19222
+ function onHideIntent() {
19223
+ clearAll();
19224
+ actions.columnMenuVisibleForColumnId = null;
19225
+ }
19226
+ let target = options.target;
19227
+ if (!target) {
19228
+ const iconSelector = `[${InfiniteHeaderCellDataAttributes["data-column-id"]}="${columnId}"] ${menuIconSelector}`;
19229
+ target = getState().domRef.current.querySelector(
19230
+ iconSelector
19231
+ );
19232
+ }
19233
+ if (!target) {
19234
+ console.warn(`Cannot show column menu for column "${columnId}"`);
19235
+ return;
19236
+ }
19237
+ showOverlay(() => getMenuForColumn(columnId, context, onHideIntent), {
19238
+ constrainTo: getState().domRef.current,
19239
+ id: "column-menu",
19240
+ alignTo: target,
19241
+ alignPosition: [
19242
+ ["TopLeft", "BottomLeft"],
19243
+ ["TopRight", "BottomRight"]
19244
+ ]
19245
+ });
19246
+ }
19121
19247
  function useColumnMenu() {
19122
19248
  const context = useInfiniteTable();
19123
19249
  const { getState, actions } = context;
@@ -19135,26 +19261,13 @@ function useColumnMenu() {
19135
19261
  if (!info) {
19136
19262
  return;
19137
19263
  }
19138
- const { target, column } = info;
19139
- function onHideIntent() {
19140
- clearAll();
19141
- actions2.columnMenuVisibleForColumnId = null;
19142
- }
19143
- showOverlay(() => getMenuForColumn(column.id, context, onHideIntent), {
19144
- constrainTo: getState2().domRef.current,
19145
- id: "column-menu",
19146
- alignTo: target,
19147
- alignPosition: [
19148
- ["TopLeft", "BottomLeft"],
19149
- ["TopRight", "BottomRight"]
19150
- ]
19151
- });
19152
19264
  actions2.contextMenuVisibleFor = null;
19153
19265
  actions2.cellContextMenuVisibleFor = null;
19154
19266
  actions2.filterOperatorMenuVisibleForColumnId = null;
19155
- actions2.columnMenuVisibleForColumnId = column.id;
19267
+ actions2.columnMenuVisibleForColumnId = info.column.id;
19156
19268
  });
19157
19269
  }, []);
19270
+ const { columnMenuVisibleForColumnId, columnMenuVisibleKey } = getState();
19158
19271
  (0, import_react57.useEffect)(() => {
19159
19272
  const {
19160
19273
  columnMenuVisibleForColumnId: columnContextMenuVisibleForColumnId
@@ -19168,6 +19281,12 @@ function useColumnMenu() {
19168
19281
  };
19169
19282
  var handleMouseDown = handleMouseDown2;
19170
19283
  document.documentElement.addEventListener("mousedown", handleMouseDown2);
19284
+ showMenuForColumn({
19285
+ columnId: columnContextMenuVisibleForColumnId,
19286
+ context,
19287
+ clearAll,
19288
+ showOverlay
19289
+ });
19171
19290
  return () => {
19172
19291
  document.documentElement.removeEventListener(
19173
19292
  "mousedown",
@@ -19179,7 +19298,7 @@ function useColumnMenu() {
19179
19298
  }
19180
19299
  return () => {
19181
19300
  };
19182
- }, [getState().columnMenuVisibleForColumnId]);
19301
+ }, [columnMenuVisibleForColumnId, columnMenuVisibleKey]);
19183
19302
  return { menuPortal };
19184
19303
  }
19185
19304
 
@@ -20117,6 +20236,7 @@ InfiniteTable.defaultProps = {
20117
20236
  var components = {
20118
20237
  CheckBox: InfiniteCheckBox,
20119
20238
  LoadMask,
20239
+ MenuIcon,
20120
20240
  StringFilterEditor,
20121
20241
  NumberFilterEditor
20122
20242
  };
@@ -20130,7 +20250,6 @@ var components = {
20130
20250
  InfiniteTableClassName,
20131
20251
  InfiniteTableComponent,
20132
20252
  Menu,
20133
- MenuIcon,
20134
20253
  RowSelectionState,
20135
20254
  components,
20136
20255
  debounce,