@infinite-table/infinite-react 1.3.16 → 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 +158 -48
  4. package/index.dev.mjs +158 -47
  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
  }
@@ -8647,16 +8680,7 @@ function InfiniteTableHeaderCell(props) {
8647
8680
  renderParam2.renderBag.menuIcon = /* @__PURE__ */ React42.createElement(
8648
8681
  RenderHeaderCellHookComponent,
8649
8682
  {
8650
- render: (param) => {
8651
- if (typeof column.renderMenuIcon !== "function") {
8652
- return null;
8653
- }
8654
- const result = column.renderMenuIcon(param);
8655
- if (result) {
8656
- return /* @__PURE__ */ React42.createElement(MenuIconCmp, __spreadValues({}, menuIconProps), result);
8657
- }
8658
- return null;
8659
- },
8683
+ render: column.renderMenuIcon,
8660
8684
  renderParam: __spreadProps(__spreadValues({}, renderParam2), {
8661
8685
  renderBag: __spreadValues({}, renderParam2.renderBag)
8662
8686
  })
@@ -8780,15 +8804,18 @@ function InfiniteTableHeaderCell(props) {
8780
8804
  const resizeHandle = useColumnResizeHandle(column);
8781
8805
  const zIndex2 = `var(${columnZIndexAtIndex5}-${column.computedVisibleIndex})`;
8782
8806
  style2.zIndex = zIndex2;
8807
+ const dataAttrs = {
8808
+ "data-column-id": column.id,
8809
+ "data-header-align": align2,
8810
+ "data-name": "HeaderCell"
8811
+ };
8783
8812
  return /* @__PURE__ */ React42.createElement(ContextProvider, { value: renderParam }, /* @__PURE__ */ React42.createElement(
8784
8813
  InfiniteTableCell,
8785
- {
8814
+ __spreadProps(__spreadValues({
8786
8815
  domRef: ref,
8787
8816
  cellType: "header",
8788
- column,
8789
- "data-name": `HeaderCell`,
8790
- "data-header-align": align2,
8791
- "data-column-id": column.id,
8817
+ column
8818
+ }, dataAttrs), {
8792
8819
  "data-z-index": zIndex2,
8793
8820
  style: style2,
8794
8821
  width,
@@ -8837,7 +8864,7 @@ function InfiniteTableHeaderCell(props) {
8837
8864
  }
8838
8865
  ) : /* @__PURE__ */ React42.createElement(InfiniteTableColumnHeaderFilterEmpty, null) : null, resizeHandle),
8839
8866
  renderChildren
8840
- }
8867
+ })
8841
8868
  ), draggingProxy);
8842
8869
  }
8843
8870
  function useInfiniteHeaderCell() {
@@ -13404,6 +13431,48 @@ function useRowInfoReducers() {
13404
13431
  return rowInfoReducerResults;
13405
13432
  }
13406
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
+
13407
13476
  // src/components/InfiniteTable/api/getImperativeApi.ts
13408
13477
  var InfiniteTableApiImpl = class {
13409
13478
  constructor(context) {
@@ -13711,6 +13780,21 @@ var InfiniteTableApiImpl = class {
13711
13780
  this.actions.contextMenuVisibleFor = null;
13712
13781
  this.actions.cellContextMenuVisibleFor = null;
13713
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
+ }
13714
13798
  startEdit(params) {
13715
13799
  return __async(this, null, function* () {
13716
13800
  const { columnId, rowIndex: index, primaryKey } = params;
@@ -14780,6 +14864,7 @@ function initSetupState2() {
14780
14864
  cellContextMenuVisibleFor: null,
14781
14865
  contextMenuVisibleFor: null,
14782
14866
  columnMenuVisibleForColumnId: null,
14867
+ columnMenuVisibleKey: 0,
14783
14868
  filterOperatorMenuVisibleForColumnId: null,
14784
14869
  getDOMNodeForCell: (cellPosition) => {
14785
14870
  if (!domRef.current) {
@@ -16570,7 +16655,7 @@ var useLicense = (licenseKey = "") => {
16570
16655
  const valid = (0, import_react49.useMemo)(() => {
16571
16656
  let valid2 = isValidLicense(licenseKey, {
16572
16657
  publishedAt: 1624970570587,
16573
- version: "1.3.16"
16658
+ version: "1.3.18"
16574
16659
  });
16575
16660
  if (!licenseKey && !valid2 && isInsidePlayground) {
16576
16661
  return true;
@@ -19054,6 +19139,9 @@ function defaultGetColumnMenuItems(_items, params) {
19054
19139
  checked: col.computedVisible,
19055
19140
  onChange: (checked) => {
19056
19141
  api.setVisibilityForColumn(col.id, !!checked);
19142
+ requestAnimationFrame(() => {
19143
+ api.realignColumnContextMenu();
19144
+ });
19057
19145
  }
19058
19146
  }
19059
19147
  )
@@ -19127,6 +19215,35 @@ function getMenuForColumn(columnId, context, onHideIntent) {
19127
19215
  }
19128
19216
 
19129
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
+ }
19130
19247
  function useColumnMenu() {
19131
19248
  const context = useInfiniteTable();
19132
19249
  const { getState, actions } = context;
@@ -19144,26 +19261,13 @@ function useColumnMenu() {
19144
19261
  if (!info) {
19145
19262
  return;
19146
19263
  }
19147
- const { target, column } = info;
19148
- function onHideIntent() {
19149
- clearAll();
19150
- actions2.columnMenuVisibleForColumnId = null;
19151
- }
19152
- showOverlay(() => getMenuForColumn(column.id, context, onHideIntent), {
19153
- constrainTo: getState2().domRef.current,
19154
- id: "column-menu",
19155
- alignTo: target,
19156
- alignPosition: [
19157
- ["TopLeft", "BottomLeft"],
19158
- ["TopRight", "BottomRight"]
19159
- ]
19160
- });
19161
19264
  actions2.contextMenuVisibleFor = null;
19162
19265
  actions2.cellContextMenuVisibleFor = null;
19163
19266
  actions2.filterOperatorMenuVisibleForColumnId = null;
19164
- actions2.columnMenuVisibleForColumnId = column.id;
19267
+ actions2.columnMenuVisibleForColumnId = info.column.id;
19165
19268
  });
19166
19269
  }, []);
19270
+ const { columnMenuVisibleForColumnId, columnMenuVisibleKey } = getState();
19167
19271
  (0, import_react57.useEffect)(() => {
19168
19272
  const {
19169
19273
  columnMenuVisibleForColumnId: columnContextMenuVisibleForColumnId
@@ -19177,6 +19281,12 @@ function useColumnMenu() {
19177
19281
  };
19178
19282
  var handleMouseDown = handleMouseDown2;
19179
19283
  document.documentElement.addEventListener("mousedown", handleMouseDown2);
19284
+ showMenuForColumn({
19285
+ columnId: columnContextMenuVisibleForColumnId,
19286
+ context,
19287
+ clearAll,
19288
+ showOverlay
19289
+ });
19180
19290
  return () => {
19181
19291
  document.documentElement.removeEventListener(
19182
19292
  "mousedown",
@@ -19188,7 +19298,7 @@ function useColumnMenu() {
19188
19298
  }
19189
19299
  return () => {
19190
19300
  };
19191
- }, [getState().columnMenuVisibleForColumnId]);
19301
+ }, [columnMenuVisibleForColumnId, columnMenuVisibleKey]);
19192
19302
  return { menuPortal };
19193
19303
  }
19194
19304
 
@@ -20126,6 +20236,7 @@ InfiniteTable.defaultProps = {
20126
20236
  var components = {
20127
20237
  CheckBox: InfiniteCheckBox,
20128
20238
  LoadMask,
20239
+ MenuIcon,
20129
20240
  StringFilterEditor,
20130
20241
  NumberFilterEditor
20131
20242
  };
@@ -20139,7 +20250,6 @@ var components = {
20139
20250
  InfiniteTableClassName,
20140
20251
  InfiniteTableComponent,
20141
20252
  Menu,
20142
- MenuIcon,
20143
20253
  RowSelectionState,
20144
20254
  components,
20145
20255
  debounce,